@import url("iconcss.css");

.rollover {    transition: all .2s ease-in;}

.rollover:hover{  transform: scale(1.05) ;  transition: all .2s ease-out; }

a{     -webkit-transition: 0.5s;     -moz-transition: 0.5s;     -o-transition: 0.5s;     -ms-transition: 0.5s;     transition: 0.5s;     text-decoration:none;     }

a{-webkit-transition: all 0.30s ease-in-out;  -moz-transition: all 0.30s ease-in-out;  -ms-transition: all 0.30s ease-in-out;  -o-transition: all 0.30s ease-in-out;}

#strip{ background:#262626; position:relative; padding:10px 0 2px;}

#strip a{ color:#fff;}

#banner{

	position:relative;}

#menu{

	position:absolute;

	z-index:1;

	width:100%;

	background:url(../images/menu-bg.png) ;

	height:234px;

	}

.carousel-inner>.item:before{

	position: absolute;

	z-index: 1;

	width: 100%;

	height: 100%;

	display: block;

	left: 0;

	top: 0;

	content: "";

}

#banner .carousel-indicators li {

	width: 30px;

	height: 3px;

	background-color: rgb(255, 255, 255);}

#banner .carousel-indicators .active {

	width: 30px;

	height: 3px;

	background-color:#b02c27;}

.logo{float: left;margin-top: 15px;}

.slect{

	padding:50px 0;}

.profile{

	background:#e5e5e5;

	padding:10px;

	float: left;

	margin-right: 30px;

	}

.text{
	font-size: 18px;
	line-height: 33px;
	display:inline-block;
	color: #000000;
	font-weight: 400;
	text-align: justify;
	}

.banner-caption{	position:absolute;	top:0px;	width:100%;	text-align:center; z-index:11; }

.caption-txt{max-width: 800px;margin: 0 auto;margin-top: 20%;text-transform: uppercase;}

.caption-txt h2{font-size: 48px;color: #ffffff;font-weight: 100;margin-bottom: 19px;}

.caption-txt h2 span{font-weight:bold;font-size:46px;margin-top:20px;color: #b02c27;}

.caption-txt p{font-size:18px;line-height: 30px;color:#fff;margin-bottom: 29px;display:inline-block;font-weight: 400;}

.caption-txt a{color:#fff;background:transparent;border: 1px solid #ffffff;padding: 10px 40px;display:inline-block;text-transform: uppercase;font-size: 17px;font-weight: 300;}

.caption-txt a:hover{background: #b02c27;color: #fff;text-decoration:none;font-weight:500;}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {    background: #fff;    color: #333;}

.carousel-inner img{width:100%;}

.profile-circle img{border-radius: 50%;}

.carousel-control .fa:before {    font-size: 39px;    font-weight: bold;}

.heading{color: #080808;font-size: 30px;font-weight:bold;margin-bottom: 35px;text-transform: uppercase;font-weight: 300; text-align:center;}

.heading span{font-weight:bold; color:#b02c27;}

.heading:after{content:'';background:#b02c27;display:block;margin:0 auto;text-align:center;width:102px;height: 2px;margin-top:10px;}

.selct{padding: 50px 0;}

.ser-box{padding: 15px 10px;text-align:center;line-height: 24px;margin-bottom: 30px;}

.ser-box img{ max-width:100%;}

.ser-box h3{font-size:18px;color:#fff;font-weight: 300;text-align: center;margin-bottom: 20px;}

.ser-box h3:after{content:'';background:#fcd846;width: 100px;margin:0 auto;display:block;height: 2px;margin-top: 7px;}

.ser-box p{ color:#fff;}

.ser-box .ser-btn{margin-top: 10px;background:#fff;color:#87b725;display:inline-block;padding: 2px 15px;border-radius:4px;font-size:14px;text-transform:uppercase;margin-bottom: 10px;}

.ser-btn:hover{ background:#fcd846; text-decoration:none; color:#fff !important;}

.ser-box{background: #c1c1c1;}

.ser-box-grey{    background:#455a64;}

.ser-box-grey .ser-btn{ color:#455a64;}

#grey{ background:#f2f2f2; padding:50px 0;}

#grey .heading{ color:#000; text-transform:uppercase;}

.service-icon{margin:30px auto;display:inline-block;text-align:left;}

.service-icon .item{position: relative;padding: 10px 15px 30px 80px;width: 44%;margin-bottom: 55px;font-size: 16px;display: inline-block;margin: 0 2% 45px;float: left;}

.service-icon .icon {    position: absolute;    left: 0;    top: 0;}

.service-icon h4 {font-size: 22px;line-height: 24px;font-weight: 500;margin-bottom: 18px;}

.service-icon .desc {font-size: 16px;line-height: 28px;color: #7d7d7d;}

.service-icon .item:after {    content: '';    position: absolute;    -webkit-transition: all 0.2s ease;    -moz-transition: all 0.2s ease;    -o-transition: all 0.2s ease;    transition: all 0.2s ease;    width: 40px;    height: 2px;    background: #111111;    left: 80px;    bottom: 0;}

.service-icon .item:hover:after {    background: #fcd846;    width: 170px;}

.service-icon .item svg, .service-icon .item img {    width: 50px;    height: auto;	fill: #fcd846;}

.service-icon .item:hover h4, .service-icon .item:hover i.fa {    color: #fcd846;}

#fade-quote-carousel{ margin-top:80px;}

#fade-quote-carousel.carousel {  padding-bottom: 60px;}

#fade-quote-carousel.carousel .carousel-inner .item {  opacity: 0;  -webkit-transition-property: opacity;    -ms-transition-property: opacity;          transition-property: opacity;}

#fade-quote-carousel.carousel .carousel-inner .active {  opacity: 1;  -webkit-transition-property: opacity;      -ms-transition-property: opacity;          transition-property: opacity;}

#fade-quote-carousel.carousel .carousel-indicators {  bottom: 10px;}

#fade-quote-carousel.carousel .carousel-indicators > li {background-color: #455a64;border: none;width: 32px;height: 2px; border-radius:0px;}

#fade-quote-carousel.carousel .carousel-indicators > li.active, #fade-quote-carousel.carousel .carousel-indicators > li:hover{background-color: #efcd42;}

#fade-quote-carousel blockquote { position:relative; text-align: center;    border: none;    font-size: 18px;    color: #7a7a7a;}

#fade-quote-carousel blockquote:before{content:"\f10d";font-size: 43px !important;display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: absolute;left: 0;top: 0;}

#fade-quote-carousel blockquote:after{content:"\f10e";font-size: 43px !important;display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: absolute;right: 0;bottom: 0;}

#fade-quote-carousel .profile-circle {    width: 75px;    height: 75px;    margin: 0 auto;    border-radius: 100px;}

.quote {    color: rgba(0,0,0,.1);    text-align: center;    margin-bottom: 30px;}

#carousel{	margin-top:30px;}

.footer {    background: #455a64;    color: #fff;    text-align: center;    padding: 50px 0;    font-weight: 400;}

footer .f-link{    margin-bottom: 20px;}

footer .f-link ul{padding:0px;float: left;min-width: 307px;}

footer .f-link ul li{list-style: none;font-weight: 400;text-transform: uppercase;letter-spacing: .5px;line-height: 38px;border-bottom: 1px dashed #757575;}

footer .f-link ul li a{    color: #fff;}

footer .f-link ul li a:hover{text-decoration:none;color: #ff322a;}



.footer p{ margin-bottom:0px}

.inner-banner{

	max-height:400px; overflow:hidden;}

.inner-banner img{

	background-size:cover;}

.text{

}

.text .right{

    float: right;

    margin-left: 20px;

    margin-bottom: 20px;

}

.text h2{

	font-size:20px;

	font-weight:bold;

	color: #455a64;

	display:inline-block;

	border-bottom:1px solid #fcd846;

	padding-bottom: 10px;

	margin-bottom: 21px;

	}

.text ul{

    padding: 0px;

    display: inline-block;

}

.text ul li{

    list-style: none;

    margin-bottom: 10px;

    border-bottom: 1px dashed #f2f2f2;

}

.text ul li a{

    color: #455a64;

    font-size: 20px;

    text-transform: uppercase;

    font-weight: bold;

    line-height: 35px;

}

.text ul li:before{

	    display: inline-block;

	    font: normal normal normal 18px/1 FontAwesome;

	    font-size: inherit;

	    text-rendering: auto;

	    -webkit-font-smoothing: antialiased;

	    -moz-osx-font-smoothing: grayscale;

	    content: "\f101";

	    font-size: 20px;

	    margin-right: 8px;

	    color: #ffcd00;



	}



.text ul li a:hover{

    text-decoration:none;

}

.btn-danger {

    color: #fff;

    background-color: #b02c27;

    border-color: #b02c27;

    margin-top: 17px;

    border-radius: 0px;

    text-transform: uppercase;

}

#product{

	background:#f2f2f2;}

footer{

	background:#333;

	padding:50px 0;

	color:#fff;}

.footer{

	background:#000000;

	color:#fff;

	padding: 12px;

	}

.title{

	font-size:20px;

	color:#fff;

	text-transform:uppercase;

	margin-bottom: 26px;

	font-weight: bold;

	}

.title:after{

	content:'';

	height:2px;

	width:50px;

	margin-top:5px;

	background: #b02c27;

	display:block;

}

.copy-right{

	float:left;}

.s-link{text-align: center;float:right;}

.s-link a{    color: #fff;    border: 2px solid #fff;    width: 30px;    height: 30px;    display: inline-block;    text-align: center;    border-radius: 50%;    line-height: 26px;    margin: 0 2px;}

.s-link a:hover{    color: #ffffff;    background:#b02c27;    border: 2px solid #b02c27;}

@media (max-width:767px){

#product .col-md-3 img{ width:100%;}

#menu {

    position: static;

    z-index: 1;

    width: 100%;

    background: url(../images/menu-bg.png);

    height: auto;

}

.caption-txt, .carousel-control.left, .carousel-control.right{

	display:none;}

.text{

	padding:0 15px;

	text-align: justify;
	width:100%;

	}
.profile{
	margin-right:0px;
	margin-bottom:20px;}
.profile img{
	max-width:100%;}

.text .btn-danger {

    display: block;

    max-width: 162px;

}

.contact .row{

	margin:0px;}

#product .col-md-3, .product-details .rollover{

	margin-bottom:20px;

	text-align:center;}

}

.product-details img{

	max-width:100%;}

.product-box{

	margin-bottom: 25px;

	display: inline-block;

	width: 100%;

	}

.product-details .rollover{ margin-bottom:20px;}

.fantom-contact-form .form-control{

    padding: 20px 15px;

    border-radius: 0px;

    border: 1px solid #f2f2f2;

}

.title1{

    color: #333;

}

.product-details span{

	background: #b02c27;

	color:#fff;

	display:inline-block;

	width:100%;

	text-align:center;

	padding:10px;

	}

.title:after{}





/*********************************************

					PRODUCTS

*********************************************/



.product{

	height: 321px;

}



.product>img{

	max-width: 230px;

}



.product-rating{

	font-size: 20px;

	margin-bottom: 25px;

}



.product-title{

	font-size: 20px;

	margin-bottom: 13px;

	text-transform: uppercase;

	color: #b02c27;

}



.product-desc{

	font-size: 14px;

}



.product-price{

	font-size: 22px;

}



.product-stock{

	color: #b02c27;

	font-size: 20px;

	margin-top: 10px;

}



.product-info{

		margin-top: 50px;

}



/*********************************************

					VIEW

*********************************************/



.content-wrapper {

	max-width: 1140px;

	background: #fff;

	margin: 0 auto;

	margin-top: 25px;

	margin-bottom: 10px;

	border: 0px;

	border-radius: 0px;

}



.container-fluid{

	max-width: 1140px;

	margin: 0 auto;

}



.view-wrapper {

	float: right;

	max-width: 70%;

	margin-top: 25px;

}



.container {

	padding-left: 0px;

	padding-right: 0px;

	max-width: 100%;

}



/*********************************************

				ITEM 

*********************************************/



.service1-items {

	padding: 0px 0 0px 0;

	float: left;

	position: relative;

	overflow: hidden;

	max-width: 100%;

	height: 321px;

	width: 130px;

}



.service1-item {

	height: 107px;

	width: 120px;

	display: block;

	float: left;

	position: relative;

	padding-right: 20px;

	border-right: 1px solid #DDD;

	border-top: 1px solid #DDD;

	border-bottom: 1px solid #DDD;

}



.service1-item > img {

	max-height: 110px;

	max-width: 110px;

	opacity: 0.6;

	transition: all .2s ease-in;

	-o-transition: all .2s ease-in;

	-moz-transition: all .2s ease-in;

	-webkit-transition: all .2s ease-in;

}



.service1-item > img:hover {

	cursor: pointer;

	opacity: 1;

}





.service-image-right {

	padding-left: 50px;

}



.service-image-left > center > img,.service-image-right > center > img{width: 100%;}

.address{

	line-height:30px;}