﻿

body{

     margin:0;

     padding:0;

     font-size:15px;

     color: #000;

     font-family: 'Roboto', sans-serif;

}

p {

    color: #000;

    font-size: 15px;

    line-height: 24px;

    font-family: "Open Sans",sans-serif;

}



h1, h2, h3, h4, h5, h6{

     color: #000;

     font-weight:700;

}



a:focus, a:hover{

	text-decoration:none;

    color: #337ab7;

}





h1{

    font-size: 42px;

    color: #337ab7;

}

h2{

    font-size: 34px;

    color: #337ab7;

}

h3{

    font-size: 31px;

    color: #000000;

}



h4{

    font-size: 26px;

    color: #337ab7;

}

h5{

    font-size: 22px;

    color: #000000;

}

h6{

    font-size: 19px;

    color: #000000;

}



nav.navbar.bootsnav{

  background-color: #323946;

}

.header-right h1 {

    font-size: 36px;

    float: left;

    margin: 0px;

    color: #fff;
    padding-top:10px;
    margin-right:20px;

}

.logo{

    padding: 5px 0px;

    display: block;

}

.header-right {

    width: 100%;

    float: left;

    clear: both;

    background-image: url(../images/parallax.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed;

    padding: 25px 30px;

    margin-left: 20px;

}

.header-right p{

    margin-bottom: 0px;

    color: #fff;

        padding-left: 20px;
        line-height:28px;
        text-align:center;

}

.header-text{

    display: table;
        border-left: 1px solid #fff;

}


.navbar-default .navbar-nav > li:hover, .navbar-default .navbar-nav > li:focus {

    color: #fff;

    background-color: #337ab7;

}

.navbar-nav.breadcrumb > li + li::before{

  display: none;

}
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a:hover{
	background-color:#2388d9;
	color:#fff;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
	border:none;
}
.carousel-caption h1{
	color:#fff;
}
.carousel-caption a:hover{
	background-color:#000;
	color:#fff;
}
.testimonials-part{
padding:0px;
}
.content-block{

  text-align: center;
  margin:0px;
  padding: 25px 5px
}

.testimonials-part .content-block:hover{
	background-color:#2388d9;
	color:#fff !important;
}
.content-block:hover .fa, .content-block:hover h3, .content-block:hover p{
	color:#fff !important;
}
.testimonials-part .fa {

    font-size: 65px;

    color: #2388d9;

}

.testimonials-part .col-sm-4.col-md-2 {

    padding: 0px;

}



.testimonials-part h3 {

    font-size: 20px;

    line-height: 1.33333;

    margin: 0;

    font-weight: 300;
    padding: 15px 0px 0px;

}
.title {
    margin-bottom: 20px;
}


.content-block{

  border-right: 1px solid #ddd;

}

.testimonials-part a {

    background: #337ab7;

}



.testimonials-part a:hover {

    background: #337ab7;

}

.title{

  color: #000000;

  font-size: 30px;

  font-weight: 700;

}

.title::after {

    content: "";

    display: block;

    height: 3px;

    width: 70px;

    background-color: #44bef1;

    margin: 0 auto;

}



.main-footer{

  background-color: #323946;

  color: #fff;

}

.bottom-footer {
    text-align: left;
    padding: 30px 0 15px 0;
    background-color: #282e39;
}

.copy p, .power p{
	color:#fff;
}

.shop-list{

  text-align: center;

}

.footer-logo-text{

  color: #fff;

  padding: 10px 0px;

}

.more-info a {

    font-size: 15px;

}



.footer-title {

    font-size: 16px;

    font-weight: 700;

    color: #fff;

    text-transform: uppercase;

    padding-bottom: 15px;

    border-bottom: 1px solid #fff;

}

.main-footer ul {

    margin-top: 15px;

}

@media (max-width:1199px) and (min-width:992px){

.header-right{
	    padding: 10px 30px 8px;
}
.header-right h1{
	padding-top:22px;
}
}
@media (max-width:991px) and (min-width:768px){

.header-right{
	    padding: 5px 10px;
}
.header-right h1{
	padding-top:35px;
}
.content-block{
	min-height:300px;
}
.shop-list{
	text-align:left;
}
.carousel-caption h1{
	font-size:32px;
}
}
@media (max-width:767px) and (min-width:320px){

	.header-right{
	margin-left:0px;
}
.header-right h1{
	float:none;
	text-align:center;
	margin:0px;
}
.header-text{
	border:none;
}
.header-right p{
	padding-left:0px;
}
.header-right{
	padding:15px 0px;
}
#main-header .col-md-9.col-sm-9.col-xs-12{
	padding:0px;
}

.shop-list{
text-align:left;
}
.content-block{
	border:none;
}
.carousel-caption h1{
	font-size:22px;
}
.carousel-caption{
	top:28%;
}
}
@media (max-width:480px) and (min-width:320px){

.carousel-caption h1{
	font-size:20px;
}
.carousel-caption p{
	display:none;
}
.carousel-caption{
	top:25%;
}
.carousel-caption a{
line-height:30px;
height:28px;
width:125px;
}


}

















