/* testimonial css */
.testimonial{

background-color: #2d2d2d;
background-image: url(../images/01.png);
background-size: cover;
background-position: center center;
width: 100%;
height: auto;
background-attachment: fixed;
padding-top: 3%;
padding-bottom:0%;
color:#fff;

}
.testimonial p{
font-size:16px;
line-height:25px;
font-weight:300;
}

.carousel-inner {
min-height: 270px;
margin-bottom: 0px;
}

/*end testimonial css */
/* .item blockquote p:after { */
/* content: "\f10e"; */
/* font-family: 'Fontawesome'; */
/* float: right; */
/* margin-right: 10px; */
/* } */
.dropdown {
/*padding: 20px;*/
display: block
}
.dropdown-box {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
padding: 20px;
transition: all ease .3s;
-o-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-webkit-transition: all ease .3s;
display: block!important;
opacity: 0;
visibility: hidden;
box-shadow: 0 35px 30px rgba(0, 0, 0, 0.25);
margin-top:8px;
}
.dropdown-box.open {
opacity: 1;
visibility: visible
}
.dropdown-box ul {
list-style: none;
padding: 0;
margin: 0
}
.site-header {
/* background-color: #fff;*/
position:absolute;
top:0;
z-index: 9;
display:none;
width:100%;
left:0px;
}
.site-header::before,
.site-header::after {
display: table;
content: ""
}
.site-header::after {
clear: both
}


span.nav-lines {
position: relative;
font-size: 0;
width: 35px;
height: auto;
padding-top:5px;
display: block;
/* border-top: 2px solid #000;
border-bottom: 2px solid #000;*/
/*background-image:url(../images/logo1.png);*/
}
/*span.nav-lines::before,
span.nav-lines::after {
position: absolute;
content: "";
left: 0;
right: 0;
transition: all ease .3s;
-o-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-webkit-transition: all ease .3s
}
span.nav-lines::before {
top: 50%;
margin-top: -1px;
background-color: transparent;
height: 2px
}
span.nav-lines::after {
top: 50%;
margin-top: -1px;
background-color: #000;
height: 2px
}*/
.site-navigation.open span.nav-lines {
border-color: transparent
}
.site-navigation.open span.nav-lines::before,
.site-navigation.open span.nav-lines::after {
margin-top: 13px
}
.site-navigation.open span.nav-lines::before {
top: 0;
bottom: 0;
background-color: #e3000f;
transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg)
}
.site-navigation.open span.nav-lines::after {
top: 0;
bottom: 0;
background-color: #e3000f;
transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg)
}
.site-navigation ul {
font-size: 0;
text-align: center
}
.site-navigation li {
display: inline-block;
vertical-align: top;
width: 25%;
font-family: 'Roboto Condensed';
font-size: 24px;
text-transform: uppercase
}
.site-navigation li a {
display: block;
color: #252222;
padding: 20px 0;
line-height: 1;
font-family:Roboto Medium;
text-decoration:none;
}
.site-navigation li a:hover {
color: #e3000f
}
.site-navigation li a i {
margin: 0 auto 40px;
height: 76px
}
.site-navigation li a:hover i {
background-position: center top
}
.site-navigation li a i.icon-about {
background-image:url(../images/about.png);
width: 58px
}
.site-navigation li a i.icon-buy {
background-image:url(../images/team.png);
width: 60px
}
.site-navigation li a i.icon-sell {
background-image:url(../images/contact-us.png);
width: 55px
}
.site-navigation li a i.icon-faq {
background-image:url(../images/FAQ.png);
width: 69px
}


#desk{display:block}
@media only screen and (max-width: 800px){
.site-header{display:block}
.site-navigation li {
font-size: 18px
}
.site-navigation li a {
padding: 15px
}
.site-navigation li a i {
width: 26% !important;
margin-bottom: 14px;
height: 41px;
display: block;
}
.carousel-inner{margin-bottom:40px;}
#quote-carousel .carousel-indicators .active {
width:60px;
height:60px;
}
}
@media all and (max-width: 640px) {
.site-header{display:block}
.site-navigation li {
font-size: 18px
}
.site-navigation li a {
padding: 15px
}
.site-navigation li a i {
width: 38%!important;
margin-bottom: 14px;
height: 44px;
display: block;
}
#desk{display:none}

}
@media all and (max-width: 568px) {
hr {
margin: 30px 0
}
.dropdown {
padding: 0px 10px 0px 10px;
}

.dropdown-box {
padding: 10px 20px
}
.start-button a {
font-size: 18px;
padding: 15px
}
.site-navigation li {
font-size: 15px;
width: 33.3%
}
.site-navigation li a {
padding: 15px 0
}
.site-navigation li a i {
width: 40px!important;
margin-bottom: 10px;
height: 40px;
display:block;

}
.testimonial p{
font-size:13px;

}
#quote-carousel .carousel-indicators .active {
width:60px;
height:60px;
}
.carousel-indicators{width:65%;} 
.carousel-inner{margin-bottom:44px;}
}
@media all and (max-width: 480px) {
hr {
margin: 30px 0
}
.dropdown {
padding: 0px 10px 0px 10px;
}

.dropdown-box {
padding: 10px 20px
}
.start-button a {
font-size: 18px;
padding: 15px
}
.site-navigation li {
font-size: 15px;
width: 33.3%
}
.site-navigation li a {
padding: 15px 0
}
.site-navigation li a i {
width: 40px!important;
margin-bottom: 10px;
height: 40px;
display:block;

}

}





