/* CSS Document */
@font-face {
    font-family: 'yanone_kaffeesatzregular';
    src: url('yanonekaffeesatz-regular-webfont.woff2') format('woff2'),
         url('yanonekaffeesatz-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'yanone_kaffeesatzlight';
    src: url('yanonekaffeesatz-light-webfont.woff2') format('woff2'),
         url('yanonekaffeesatz-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'great_vibesregular';
    src: url('greatvibes-regular-webfont.woff2') format('woff2'),
         url('greatvibes-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body{
	/*font-family: 'yanone_kaffeesatzlight';*/
	font-family: 'Poppins', sans-serif;
	font-size:14px;
	font-weight:lighter;
	background:#efefef;
	color:#555;
	line-height:inherit;
	margin:0;
	padding:0;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
/* ************************************* */
.alert{
	margin:0 auto;
	width:calc(100% - 40px);
    padding:20px;
    background-color:#f44336;
    color:#fff;
}
.alertGreen{
	margin:0 auto;
	width:calc(100% - 40px);
    padding:20px;
    background-color:#388427;
    color:#fff;
}
.alertGreenFull{
	margin:0 auto;
    padding:20px;
    background-color:#388427;
    color:#fff;
	margin-top:30px;
}
.closebtn{
    margin-left:15px;
    color:#fff;
    font-weight:bold;
    float:right;
    font-size:22px;
    line-height:16px;
    cursor:pointer;
    transition:0.3s;
}
.closebtn:hover{
	opacity:.4;
}
/* *************************************************** */
#bgWhite{
	background:#fff;	
}
i{
	margin-right:10px;
	color:#eee;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
a i:hover{
	color:#fff;
}
#h-i{
	color:#e53935;	
}
#i-black{
	color:#333;	
}
.top-bar{
	width:100%;
	height:40px;
	position:fixed;
	z-index:98;
	color:#eee;
	font-size:12px;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#btmLine{
	border-bottom:1px solid rgba(255, 255, 255, .3);	
}
.top-bar.smaller{
	margin-top:-40px;
}
.top-bar ul{
	float:left;
	margin:0;
	padding:0;
	display:inline;
	margin-top:0px;	
}
.top-bar ul li{
	float:left;
	list-style:none;
	line-height:39px;
	margin-right:80px;
}
.top-bar .social{
	float:right;	
}
.top-bar .socialLi{
	float:left;	
	list-style:none;
	line-height:39px;
	margin-right:0px;
}
#last{
	width:12px;
}
.header{
	width:100%;
	height:80px;
	position:fixed;
	z-index:99;
	color:#eee;
	margin-top:40px;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.header .logo{
	float:left;
	height:50px;
	margin-top:10px;	
}
.header .ul-list{
	float:right;
	margin-top:27px;
}
.header .ul-list .li-line{
	list-style-type:none;
	display:inline;
	padding:0;
	margin:0;
	display:table-cell;
}
.header .ul-list .li-line .alink{
	font-size:15px;
	text-decoration:none;
	color:#eee;
	padding:15px 20px;
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s;
}
.header .ul-list .li-line .alink:hover{
	color:#fff;
}
.actLink{
	font-size:18px;
	text-decoration:none;
	color:#333;
}
.header .ul-list .li-line #last{
	padding-right:0px;
}
.header .quoteBtn{
	float:right;
	background:#e53935;
	border:none;
	width:auto;
	height:auto;
	font-size:14px;
	padding:5px 20px;
	border-radius:50px;
	margin-top:25px;
	margin-left:20px;
	cursor:pointer;
	color:#eee;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.header .quoteBtn:hover{
	color:#fff;
}
.header.smaller{
	width:100%;
	height:80px;
	background:#333;
	margin-top:0px;
}
.header.smaller .logo{
	margin-top:15px;	
}
.container{
	width:1140px;
	height:auto;
	margin:0 auto;	
}
.content{
	float:left;
	width:100%;
	height:auto;	
}
.starter{
	float:left;
	width:100%;
	height:auto;	
}
.slider{
	width:100%;
	height:inherit
	position:absolute;
	z-index:1;	
}
.gray{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:40px;	
}
.white{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:40px;	
	background:#fff;
}
.cat{
	float:left;
	width:100%;
	height:auto;
	position:relative;
	z-index:10;
}
#spcat{
	margin-top:-200px;
	margin-bottom:40px;
}
.cat .col{
	float:left;
	width:262px;
	height:auto;
	background:#fff;
	/*border: 1px solid rgba(0, 0, 0, 0.1);*/
	box-shadow:0px 0px 13px rgba(0, 0, 0, 0.15);
	margin-right:30px;
	transition:.7s ease;
}
/*.cat .col:hover{
	margin-top:-30px;
}*/
.cat .col:hover img{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(100%);
	opacity:.8;
}
.cat .col:nth-child(4){
	float:right;
	margin-right:0px;	
}
.cat .col:nth-child(8){
	float:right;
	margin-right:0px;	
}
.cat .col img{
	width:100%;
	overflow:hidden;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;	
}
/*.cat .col img:hover{
	opacity:.7;
}*/
.cat .col .cntnt{
	float:left;
	width:calc(100% - 40px);
	height:auto;
	margin-left:20px;
}
.cat .col .cntnt h4{
	float:left;
	color:#000;
	width:100%;
	height:auto;
	font-size:18px;
	text-align:center;
	border-bottom:1px solid #ccc;
	margin:0;
	line-height:60px;
	margin-bottom:18px;
	margin-top:8px;
	font-weight:normal;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.cat .col .cntnt h4:hover{
	color:#e53935;
}
.cat .col .cntnt .para{
	text-align:left;
	font-size:12px;
	margin-bottom:40px;
}
/* ********************************* */
.pro{
	float:left;
	width:100%;
	height:auto;
	position:relative;
	z-index:10;
}
.pro .sngl{
	float:left;
	width:260px;
	height:246px;
	background:#fff;
	border:1px solid #ccc;
	/*box-shadow:0px 0px 7px rgba(0, 0, 0, 0.15);*/
	margin-right:30px;
	margin-bottom:30px;
	transition:.7s ease;
}
.pro .sngl:hover img{
	-webkit-filter: grayscale(100%);
  	filter: grayscale(100%);
	opacity:.8;
	width:90%;
	margin:5% 5% 8% 5%;
}
.pro .sngl:hover .btn2{
	background:#777;
	padding:8px 40px;
	opacity:.8;
}
.pro .sngl:nth-child(4){
	float:right;
	margin-right:0px;	
}
.pro .sngl:nth-child(8){
	float:right;
	margin-right:0px;	
}
.pro .sngl img{
	width:100%;
	overflow:hidden;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;	
}
.pro .sngl .cntnt{
	float:left;
	width:calc(100% - 40px);
	height:auto;
	margin-left:20px;
	/*background:#eee;*/
	background-image:linear-gradient(#fff,#ddd);
	border-radius:10px 10px 0px 0px;
	/*border:1px solid #ccc;*/
	border-bottom:none;
}
.pro .sngl .cntnt h4{
	float:left;
	color:#000;
	width:100%;
	height:auto;
	font-size:18px;
	text-align:center;
	margin-top:0px;
	margin-bottom:15px;
	line-height:20px;
	font-weight:normal;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
/* ********************************* */
.imgcntnr{
	float:left;
	width:100%;
	height:auto;
	/*border:1px solid #ccc;*/
}
.spacer{
	float:left;
	width:100%;
	height:80px;	
}
.spacer2{
	float:left;
	width:100%;
	height:20px;	
}
.spacer3{
	float:left;
	width:100%;
	height:50px;	
}
.left{
	float:left;
	width:550px;
	height:auto;	
}
.right{
	float:right;
	width:550px;
	height:auto;	
}
.lleft{
	float:left;
	width:650px;
	height:auto;	
}
.rright{
	float:right;
	width:430px;
	height:auto;
	padding-top:30px;	
}
#txtBlack{
	color:#000;
}
.flcntnt{
	float:left;
	width:100%;
	margin-top:35px;
	padding-top:25px;
	border-top:1px dashed #ddd;
}
.offerwidget{
	float:right;
	width:400px;
	height:660px;
	background:#fff;
	clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 17%);
	margin-top:-265px;
	border-radius:0 0 15px 15px;
	border:1px solid #ccc;
}
.wcontent{
	float:left;
	width:calc(100% - 100px);
	height:auto;
	margin-left:50px;
	margin-top:50px;
}
.wtitle10{
	float:right;
	font-size:35px;
	color:#fff;
	text-align:center;
	padding:160px 20px 70px 20px;
	line-height:25px;
	margin-top:-80px;
	/*clip-path: polygon(0% 100%, 100% 100%, 100% 0%, 0% 30%);*/
	/*clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 100% 83%, 0% 100%);*/
	clip-path: polygon(50% 0%, 100% 0%, 100% 75%, 50% 100%, 0% 75%, 0% 0%);
	box-shadow:0px 0px 10px #ccc;
	background-image:linear-gradient(#f00,#000);
}
.wtitle{
	font-family: 'great_vibesregular';
	float:right;
	text-align:right;
	font-size:65px;
	color:#f00;
	margin-top:90px;
	margin-right:20px;
	line-height:48px;
}
#sml{
	font-size:60px;
	/*color:#333;*/
}
.wcontent img{
	float:left;
	width:100%;
	height:240px;
	margin-top:20px;
	margin-bottom:10px;
	border-radius:20px;
}
.subscribe-box{
	float:left;
	width:100%;
	height:300px;
	margin-top:60px;
	border:1px solid #ccc;
	box-shadow:0px 0px 10px rgba(0, 0, 0, .4);
	background:#fff;
	position:relative;
	z-index:2;
}
.sub-form{
	float:left;
	width:calc(100% - 90px);
	margin-left:45px;
	margin-top:50px;
}
.imageHolder{
	float:left;
	width:100%;
	/*height:266px;*/
	height:450px;
	overflow:hidden;
}
.image{
	float:left;
	width:100%;
	height:auto;
}
.left-top{
	position:fixed;
	/*top:10%;*/
	top:120px;
	left:0;
	width:160px;
	height:auto;
	background:#f4f4f4;
	padding:10px 0px;
	border-radius:0px 10px 10px 0px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
	display:none;
	z-index:99;
}
.left-top .bike-cntnt{
	float:left;
	width:100%;
	height:auto;
}
.left-top .bike-cntnt .item{
	float:left;
	width:100%;
	height:auto;
	border-bottom:1px dotted #ccc;
	overflow:hidden;
}
.left-top .bike-cntnt .item:nth-child(10){
	 border:none;
}
.left-top .bike-cntnt .item img{
	width:100%;
	padding:3px 0px;
	margin-left:10px;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.left-top .bike-cntnt .item img:hover{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
/*.bikeholder{
	float:left;
	width:70%;
	height:auto;
	overflow:hidden;
	margin-top:-200px;
}*/
.homebike{
	position:relative;
	width:200%;
	height:auto;
	left:-410px;
	top:-240px;
}
h1{
	float:left;
	width:100%;
	height:auto;
	margin:0;
	margin-bottom:20px;
	font-size:24px;	
	color:#e53935;
	font-weight:normal;
}
#nomarginbtm{
	margin-bottom:0;
}
.lrg{
	float:none;
	margin:0 auto;
	width:800px;
	text-align:center;
	font-size:55px;
	color:#fff;
	letter-spacing:-2px;
	line-height:60px;
	font-weight:bold;
	margin-bottom:30px;
}
p{
	width:100%;
	height:auto;
	font-size:13.5px;	
	line-height:24px;
}
.centerP{
	float:none;
	margin:0 auto;
	text-align:center;
	width:840px;	
}
#txtWhite{
	color:#fff;	
}
.btn{
	float:left;
	background:#e53935;
	border:none;
	width:auto;
	height:auto;
	font-size:14px;
	padding:8px 30px;
	border-radius:50px;
	margin-top:10px;
	cursor:pointer;
	color:#eee;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.btn:hover{
	background:#777;
}
.btn2{
	float:left;
	background:#e53935;
	border:none;
	width:auto;
	height:auto;
	font-size:14px;
	padding:8px 30px;
	margin-top:0px;
	margin-bottom:20px;
	cursor:pointer;
	color:#eee;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.btn2:hover{
	padding:8px 40px;
	background:#777;
}
.dark{
	float:left;
	width:100%;
	height:auto;
	background:url(../images/black-bg.jpg) no-repeat;
	background-position:top;
	margin-top:-120px;
	background-size:cover;
	padding:160px 0px;
	clip-path: polygon(
    0% 100%,
    0% 0%,
    100% 0%,
    100% calc(100% - 5vw)
  );
}
#centerBtn{
	float:none;
	width:110px;
	height:22px;
	margin:0 auto;
	text-align:center;
	display:block;
	margin-top:30px;
	overflow:hidden;	
}
#i-rdMore{
	margin-left:5px;
	width:3px;	
}
#centerBtn:hover #i-rdMore{
	padding-left:8px;
	
}
.map{
	float:left;
	width:100%;
	height:600px;
	overflow:hidden;
	/*position:relative;*/
	margin-top:-85px;	
}
.map .area{
	background:#e53935;
	width:300px;
	height:270px;
	position:absolute;
	right:0;
}
.contnt{
	float:left;
	width:220px;
	margin-left:40px;
	margin-top:30px;
	color:#fff;	
}
#conBg{
	position:relative;
	top:323px;	
}
/* ************** Footer ************** */
.footer{
	float:left;
	width:100%;
	height:auto;
	background:#444;
	padding:50px 0px;
	clip-path: polygon(0% 100%, 100% 100%, 100% 15%, 0% 0%);
	margin-top:-55px;
}
.footer .col4{
	float:left;
	width:320px;
	height:auto;
	margin-right:70px;
	color:#aaa;	
}
.footer .col4:nth-child(3){
	margin-right:0px;
}
.footer .col4:nth-child(4){
	margin-right:0px;
	float:right;
}
.footer .col4 .ftrLogo{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:20px;
	margin-top:20px;
}
.footer .col4 h3{
	float:left;
	width:100%;
	margin:0;
	color:#fff;
	font-weight:normal;
	font-size:24px;
	margin-bottom:20px;
	margin-top:15px;
	text-align:left;
}
.footer .col4 ul{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	margin-left:10px;
}
.footer .col4 ul li{
	text-align:left;
	float:left;
	width:100%;
	line-height:39px;
	border-bottom:1px dotted #999;
	list-style-image:url(../images/right-arrow.png);
}
.footer .col4 ul li .fLink{
	text-decoration:none;
	color:#aaa;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.footer .col4 ul li .fLink:hover{
	color:#ddd;
	padding-left:20px;
}
.col4 .touch{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:23px;
	border-bottom:1px dotted #900;
}
#noBdr{
	border:none;	
}
.col4 .touch .icon{
	float:left;
	width:16px;
	height:auto;
	margin-right:10px;
	margin-top:5px;
	opacity:.6;
}
.col4 .touch .ques{
	float:left;
	width:100%;
	height:23px;
	font-weight:bold;
	letter-spacing:.5px;
	text-align:left;
}
.col4 .touch .ans{
	float:left;
	width:100%;
	height:20px;
	margin-left:26px;
	margin-bottom:15px;
	text-align:left;
	font-size:13px;
}
.fGal{
	float:left;
	width:100%;
	height:auto;		
}
.fGal .fGalImg{
	float:left;
	width:25%;
	height:auto;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;		
}
.fGal .fGalImg:hover{
	opacity:.5;		
}
.footer-bottom{
	float:left;
	width:100%;
	height:auto;
	background:#222;	
}
.footer-bottom .spCntnt{
	float:left;
	width:100%;
	margin:20px 0px;
	color:#999;	
	font-size:15px;
}
.footer-bottom .spCntnt .ftLeft{
	float:left;
	margin-top:3px;
}
.footer-bottom .spCntnt .ftRight{
	float:right;
	margin-top:3px;
}
/* ***************************************** */
#about{
	width:100%;
	background:url(../images/about.jpg) no-repeat;
	background-position:top;
	padding:200px 0px;
	clip-path: polygon(
    0 0,
    100% 0,
    100% 100%,
    0 calc(100% - 5vw)
  );
}
#contact-us{
	width:100%;
	background:url(../images/contact-us.jpg) no-repeat;
	background-position:top;
	padding:200px 0px;
}
#products{
	width:100%;
	background:url(../images/products.jpg) no-repeat;
	background-position:top;
	padding:100px 0px;
}
#pageTitle{
	margin:0 auto;
	text-align:center;
	color:#fff;
	font-size:28px;
	font-weight:bold;
}
#pageTitle2{
	float:left;
	width:100%;
	text-align:left;
	color:#fff;
	font-size:18px;
	font-weight:bold;
}
#pgttl{
	width:100%;
	background:#555;
	padding:20px 0px 50px 0px;
}
#line{
	border-right:1px solid #ccc;
}
.titleSub{
	margin:0 auto;
	text-align:center;
	color:#ddd;
	font-size:12px;	
}
.titleSub2{
	float:left;
	width:100%;
	text-align:left;
	color:#999;
	font-size:13px;
	margin-bottom:10px;
}
#aboutImg{
	/*height:296px;*/
	height:540px;
	margin-top:-50px;	
}
#serviceImg{
	height:448px;	
}
.inpt{
	font-family: 'Poppins', sans-serif;
	font-size:14px;
	text-indent:20px;
	float:right;
	width:100%;
	height:38px;
	border:none;
	border:1px solid #ccc;
	margin-bottom:10px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.inpt:focus{
	border:1px solid #888;	
}
.contactInfo{
	float:left;
	width:100%;
	margin-bottom:20px;	
}
.contactInfo #ico{
	float:left;
	margin-right:15px;
	margin-top:11px;
	font-size:18px;
	color:#e53935;
}
.contactInfo span{
	float:left;
	margin-top:10px;
}
#red{
	background:#e53935;	
	color:#fff;
	height:448px;
	width:570px;
}
.padContent{
	float:left;
	width:450px;
	margin:50px;	
}
#txtWhiteCenter{
	float:none;
	width:100%;
	color:#fff;
	margin:0 auto;
	text-align:center;
	line-height:60px;
	border-bottom:1px solid rgba(255, 255, 255, .3);
}
#txtWhiteCenterIcon{
	float:none;
	width:100%;
	color:#fff;
	margin:0 auto;
	text-align:center;
	font-size:55px;	
}
#centerTxt{
	text-align:center;	
}
#setWidth{
	width:570px;	
}

@media only screen and (max-width:1200px) and (min-width:960px){
body{
	/*font-family: 'yanone_kaffeesatzlight';*/
	font-family: 'Poppins', sans-serif;
	font-size:14px;
	font-weight:lighter;
	background:#efefef;
	color:#555;
	line-height:inherit;
	margin:0;
	padding:0;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#bgWhite{
	background:#fff;	
}
i{
	margin-right:10px;
	color:#eee;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
a i:hover{
	color:#fff;
}
#h-i{
	color:#e53935;	
}
#i-black{
	color:#333;	
}
.top-bar{
	width:100%;
	height:40px;
	position:fixed;
	z-index:98;
	color:#eee;
	font-size:12px;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#btmLine{
	border-bottom:1px solid rgba(255, 255, 255, .3);	
}
.top-bar.smaller{
	margin-top:-40px;
}
.top-bar ul{
	float:left;
	margin:0;
	padding:0;
	display:inline;
	margin-top:0px;	
}
.top-bar ul li{
	float:left;
	list-style:none;
	line-height:39px;
	margin-right:40px;
}
.top-bar .social{
	float:right;	
}
.top-bar .socialLi{
	float:left;	
	list-style:none;
	line-height:39px;
	margin-right:0px;
}
#last{
	width:12px;
}
.header{
	width:100%;
	height:80px;
	position:fixed;
	z-index:99;
	color:#eee;
	margin-top:40px;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.header .logo{
	float:left;
	height:50px;
	margin-top:10px;	
}
.header .ul-list{
	float:right;
	margin-top:27px;
}
.header .ul-list .li-line{
	list-style-type:none;
	display:inline;
	padding:0;
	margin:0;
	display:table-cell;
}
.header .ul-list .li-line .alink{
	font-size:14px;
	text-decoration:none;
	color:#eee;
	padding:15px 10px;
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s;
}
.header .ul-list .li-line .alink:hover{
	color:#fff;
}
.header .ul-list .li-line #last{
	padding-right:0px;
}
.header .quoteBtn{
	float:right;
	background:#e53935;
	border:none;
	width:auto;
	height:auto;
	font-size:14px;
	padding:5px 20px;
	border-radius:50px;
	margin-top:25px;
	margin-left:40px;
	cursor:pointer;
	color:#eee;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.header .quoteBtn:hover{
	color:#fff;
}
.header.smaller{
	width:100%;
	height:80px;
	background:#333;
	margin-top:0px;
}
.header.smaller .logo{
	margin-top:15px;	
}
.container{
	width:900px;
	height:auto;
	margin:0 auto;	
}
.content{
	float:left;
	width:100%;
	height:auto;	
}
.starter{
	float:left;
	width:100%;
	height:auto;	
}
.slider{
	width:100%;
	height:inherit
	position:absolute;
	z-index:1;	
}
.gray{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:40px;	
}
.white{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:10px;	
	background:#fff;
}
.cat{
	float:left;
	width:100%;
	height:auto;
	margin-top:-220px;
	position:relative;
	z-index:10;	
}
.cat .col{
	float:left;
	width:280px;
	height:auto;
	background:#fff;
	/*border: 1px solid rgba(0, 0, 0, 0.1);*/
	box-shadow:0px 0px 13px rgba(0, 0, 0, 0.15);
	margin-right:30px;
	/*transition:.7s ease;*/
	-webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.cat .col:hover{
	margin-top:-30px;
}
.cat .col:nth-child(3){
	float:right;
	margin-right:0px;	
}
.cat .col img{
	width:100%;
	overflow:hidden;
}
.cat .col img:hover{
	opacity:.7;
}
.cat .col .cntnt{
	float:left;
	width:220px;
	height:auto;
	margin-left:30px;
}
.cat .col .cntnt h4{
	float:left;
	color:#000;
	width:100%;
	height:auto;
	font-size:18px;
	text-align:left;
	border-bottom:1px solid #ccc;
	margin:0;
	line-height:60px;
	margin-bottom:18px;
	margin-top:8px;
	font-weight:normal;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.cat .col .cntnt h4:hover{
	color:#e53935;
}
.cat .col .cntnt .para{
	text-align:left;
	font-size:12px;
	margin-bottom:40px;
}
.spacer{
	float:left;
	width:100%;
	height:60px;	
}
.spacer2{
	float:left;
	width:100%;
	height:20px;	
}
.spacer3{
	float:left;
	width:100%;
	height:50px;	
}
.left{
	float:left;
	width:425px;
	height:auto;	
}
.right{
	float:right;
	width:425px;
	height:auto;	
}
.imageHolder{
	float:left;
	width:100%;
	height:305px;
	overflow:hidden;
	margin-top:7px;
}
.image{
	float:left;
	width:100%;
	height:auto;
}
h1{
	float:left;
	width:100%;
	height:auto;
	margin:0;
	margin-bottom:20px;
	font-size:22px;	
	color:#e53935;
	font-weight:normal;
}
.lrg{
	float:none;
	margin:0 auto;
	width:800px;
	text-align:center;
	font-size:55px;
	color:#fff;
	letter-spacing:-2px;
	line-height:60px;
	font-weight:bold;
	margin-bottom:30px;
}
p{
	width:100%;
	height:auto;
	font-size:13.5px;	
	line-height:24px;
}
.centerP{
	float:none;
	margin:0 auto;
	text-align:center;
	width:840px;	
}
#txtWhite{
	color:#fff;	
}
.btn{
	float:left;
	background:#e53935;
	border:none;
	width:auto;
	height:auto;
	font-size:14px;
	padding:8px 30px;
	border-radius:50px;
	margin-top:10px;
	cursor:pointer;
	color:#eee;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.btn:hover{
	background:#777;
}
.dark{
	float:left;
	width:100%;
	height:auto;
	background:url(../images/black-bg.jpg) no-repeat;
	background-position:top;
	margin-top:40px;
	background-size:cover;
	padding:100px 0px;
}
#centerBtn{
	float:none;
	width:110px;
	height:22px;
	margin:0 auto;
	text-align:center;
	display:block;
	margin-top:30px;
	overflow:hidden;	
}
#i-rdMore{
	margin-left:5px;
	width:3px;	
}
#centerBtn:hover #i-rdMore{
	padding-left:8px;
	
}
.map{
	float:left;
	width:100%;
	height:400px;
	overflow:hidden;
	position:relative;	
}
.map .area{
	background:#e53935;
	width:300px;
	height:270px;
	position:absolute;
	right:0;
}
.contnt{
	float:left;
	width:220px;
	margin-left:40px;
	margin-top:30px;
	color:#fff;	
}
#conBg{
	position:relative;
	top:130px;	
}
/* ************** Footer ************** */
.footer{
	float:left;
	width:100%;
	height:auto;
	background:#444;
	padding:50px 0px;
}
.footer .col4{
	float:left;
	width:270px;
	height:auto;
	margin-right:40px;
	color:#aaa;	
}
.footer .col4:nth-child(3){
	margin-right:0px;
}
.footer .col4:nth-child(4){
	margin-right:0px;
	float:right;
}
.footer .col4 .ftrLogo{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:20px;
	margin-top:20px;
}
.footer .col4 h3{
	float:left;
	width:100%;
	margin:0;
	color:#fff;
	font-weight:normal;
	font-size:24px;
	margin-bottom:20px;
	margin-top:15px;
	text-align:left;
}
.footer .col4 ul{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	margin-left:10px;
}
.footer .col4 ul li{
	text-align:left;
	float:left;
	width:100%;
	line-height:39px;
	border-bottom:1px dotted #999;
	list-style-image:url(../images/right-arrow.png);
}
.footer .col4 ul li .fLink{
	text-decoration:none;
	color:#aaa;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.footer .col4 ul li .fLink:hover{
	color:#ddd;
	padding-left:20px;
}
.col4 .touch{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:23px;
	border-bottom:1px dotted #900;
}
#noBdr{
	border:none;	
}
.col4 .touch .icon{
	float:left;
	width:16px;
	height:auto;
	margin-right:10px;
	margin-top:5px;
	opacity:.6;
}
.col4 .touch .ques{
	float:left;
	width:100%;
	height:23px;
	font-weight:bold;
	letter-spacing:.5px;
	text-align:left;
}
.col4 .touch .ans{
	float:left;
	width:100%;
	height:20px;
	margin-left:26px;
	margin-bottom:15px;
	text-align:left;
	font-size:13px;
}
.fGal{
	float:left;
	width:100%;
	height:auto;		
}
.fGal .fGalImg{
	float:left;
	width:25%;
	height:auto;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;		
}
.fGal .fGalImg:hover{
	opacity:.5;		
}
.footer-bottom{
	float:left;
	width:100%;
	height:auto;
	background:#222;	
}
.footer-bottom .spCntnt{
	float:left;
	width:100%;
	margin:20px 0px;
	color:#999;	
	font-size:15px;
}
.footer-bottom .spCntnt .ftLeft{
	float:left;
	margin-top:3px;
	font-size:14px;
}
.footer-bottom .spCntnt .ftRight{
	float:right;
	margin-top:3px;
	font-size:14px;
}
/* ***************************************** */
#about{
	width:100%;
	background:url(../images/about.jpg) no-repeat;
	background-position:top;
	padding:200px 0px;
}
#contact-us{
	width:100%;
	background:url(../images/contact-us.jpg) no-repeat;
	background-position:top;
	padding:200px 0px;
}
#services{
	width:100%;
	background:url(../images/services.jpg) no-repeat;
	background-position:top;
	padding:200px 0px;
}
#pageTitle{
	margin:0 auto;
	text-align:center;
	color:#fff;
	font-size:28px;
	font-weight:bold;
}
.titleSub{
	margin:0 auto;
	text-align:center;
	color:#ddd;
	font-size:12px;	
}
#aboutImg{
	height:370px;
	margin-top:7px;	
}
#serviceImg{
	height:450px;
	margin-top:0px;	
}
.inpt{
	font-family: 'Poppins', sans-serif;
	font-size:14px;
	text-indent:20px;
	float:right;
	width:100%;
	height:38px;
	border:none;
	border:1px solid #ccc;
	margin-bottom:10px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.inpt:focus{
	border:1px solid #888;	
}
.contactInfo{
	float:left;
	width:100%;
	margin-bottom:20px;	
}
.contactInfo #ico{
	float:left;
	margin-right:15px;
	margin-top:11px;
	font-size:18px;
	color:#e53935;
}
.contactInfo span{
	float:left;
	margin-top:10px;
}
#red{
	background:#e53935;	
	color:#fff;
	height:450px;
	width:450px;
}
.padContent{
	float:left;
	width:350px;
	margin:50px;	
}
#txtWhiteCenter{
	float:none;
	width:100%;
	color:#fff;
	margin:0 auto;
	text-align:center;
	line-height:60px;
	border-bottom:1px solid rgba(255, 255, 255, .3);	
}
#txtWhiteCenterIcon{
	float:none;
	width:100%;
	color:#fff;
	margin:0 auto;
	text-align:center;
	font-size:55px;	
}
#centerTxt{
	text-align:center;	
}
#setWidth{
	width:450px;
	height:450px;	
}
}

@media only screen and (max-width:960px) and (min-width:768px){
body{
	/*font-family: 'yanone_kaffeesatzlight';*/
	font-family: 'Poppins', sans-serif;
	font-size:14px;
	font-weight:lighter;
	background:#efefef;
	color:#555;
	line-height:inherit;
	margin:0;
	padding:0;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#bgWhite{
	background:#fff;	
}
i{
	margin-right:10px;
	color:#eee;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
a i:hover{
	color:#fff;
}
#h-i{
	color:#e53935;	
}
#i-black{
	color:#333;	
}
.top-bar{
	width:100%;
	height:40px;
	position:fixed;
	z-index:98;
	color:#eee;
	font-size:12px;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#btmLine{
	border-bottom:1px solid rgba(255, 255, 255, .3);	
}
.top-bar.smaller{
	margin-top:-40px;
}
.top-bar ul{
	float:left;
	margin:0;
	padding:0;
	display:inline;
	margin-top:0px;	
}
.top-bar ul li{
	float:left;
	list-style:none;
	line-height:39px;
	margin-right:20px;
	font-size:11px;
}
.top-bar .social{
	float:right;	
}
.top-bar .socialLi{
	float:left;	
	list-style:none;
	line-height:39px;
	margin-right:0px;
}
#last{
	width:12px;
}
.header{
	width:100%;
	height:80px;
	position:fixed;
	z-index:99;
	color:#eee;
	margin-top:40px;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.header .logo{
	float:left;
	height:40px;
	margin-top:20px;	
}
.header .ul-list{
	float:right;
	margin-top:27px;
	padding:0;
}
.header .ul-list .li-line{
	list-style-type:none;
	display:inline;
	padding:0;
	margin:0;
	display:table-cell;
}
.header .ul-list .li-line .alink{
	font-size:13px;
	text-decoration:none;
	color:#eee;
	padding:15px 11px;
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s;
}
.header .ul-list .li-line .alink:hover{
	color:#fff;
}
.header .ul-list .li-line #last{
	padding-right:0px;
}
.header .quoteBtn{
	float:right;
	background:#e53935;
	border:none;
	width:auto;
	height:auto;
	font-size:12px;
	padding:5px 12px;
	border-radius:50px;
	margin-top:25px;
	margin-left:10px;
	cursor:pointer;
	color:#eee;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.header .quoteBtn:hover{
	color:#fff;
}
.header.smaller{
	width:100%;
	height:80px;
	background:#333;
	margin-top:0px;
}
.header.smaller .logo{
	margin-top:15px;	
}
.container{
	width:700px;
	height:auto;
	margin:0 auto;	
}
.content{
	float:left;
	width:100%;
	height:auto;	
}
.starter{
	float:left;
	width:100%;
	height:auto;	
}
.slider{
	width:100%;
	height:inherit
	position:absolute;
	z-index:1;	
}
.gray{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:40px;	
}
.white{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:10px;	
	background:#fff;
}
.cat{
	float:left;
	width:100%;
	height:auto;
	margin-top:-170px;
	position:relative;
	z-index:10;	
}
.cat .col{
	float:left;
	width:213px;
	height:auto;
	background:#fff;
	/*border: 1px solid rgba(0, 0, 0, 0.1);*/
	box-shadow:0px 0px 13px rgba(0, 0, 0, 0.15);
	margin-right:30px;
	transition:.7s ease;
}
.cat .col:hover{
	margin-top:-30px;
}
.cat .col:nth-child(3){
	float:right;
	margin-right:0px;	
}
.cat .col img{
	width:100%;
	overflow:hidden;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;	
}
.cat .col img:hover{
	opacity:.7;
}
.cat .col .cntnt{
	float:left;
	width:173px;
	height:auto;
	margin-left:20px;
}
.cat .col .cntnt h4{
	float:left;
	color:#000;
	width:100%;
	height:auto;
	font-size:18px;
	text-align:left;
	border-bottom:1px solid #ccc;
	margin:0;
	line-height:60px;
	margin-bottom:18px;
	margin-top:8px;
	font-weight:normal;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.cat .col .cntnt h4:hover{
	color:#e53935;
}
.cat .col .cntnt .para{
	text-align:left;
	font-size:12px;
	margin-bottom:40px;
}
.spacer{
	float:left;
	width:100%;
	height:60px;	
}
.spacer2{
	float:left;
	width:100%;
	height:20px;	
}
.spacer3{
	float:left;
	width:100%;
	height:50px;	
}
.left{
	float:left;
	width:340px;
	height:auto;
}
.right{
	float:right;
	width:340px;
	height:auto;	
}
.imageHolder{
	float:left;
	width:100%;
	height:285px;
	overflow:hidden;
	margin-top:7px;
}
.image{
	float:left;
	width:100%;
	height:auto;
}
h1{
	float:left;
	width:100%;
	height:auto;
	margin:0;
	margin-bottom:20px;
	font-size:22px;	
	color:#e53935;
	font-weight:normal;
}
.lrg{
	float:none;
	margin:0 auto;
	width:100%;
	text-align:center;
	font-size:55px;
	color:#fff;
	letter-spacing:-2px;
	line-height:60px;
	font-weight:bold;
	margin-bottom:30px;
}
p{
	width:100%;
	height:auto;
	font-size:12px;	
	line-height:22px;
}
.centerP{
	float:none;
	margin:0 auto;
	text-align:center;
	width:100%;	
}
#txtWhite{
	color:#fff;	
}
.btn{
	float:left;
	background:#e53935;
	border:none;
	width:auto;
	height:auto;
	font-size:14px;
	padding:8px 30px;
	border-radius:50px;
	margin-top:10px;
	cursor:pointer;
	color:#eee;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.btn:hover{
	background:#777;
}
.dark{
	float:left;
	width:100%;
	height:auto;
	background:url(../images/black-bg.jpg) no-repeat;
	background-position:top;
	margin-top:40px;
	background-size:cover;
	padding:80px 0px;
}
#centerBtn{
	float:none;
	width:110px;
	height:22px;
	margin:0 auto;
	text-align:center;
	display:block;
	margin-top:30px;
	overflow:hidden;	
}
#i-rdMore{
	margin-left:5px;
	width:3px;	
}
#centerBtn:hover #i-rdMore{
	padding-left:8px;
	
}
.map{
	float:left;
	width:100%;
	height:400px;
	overflow:hidden;
	position:relative;	
}
.map .area{
	background:#e53935;
	width:300px;
	height:270px;
	position:absolute;
	right:0;
}
.contnt{
	float:left;
	width:220px;
	margin-left:40px;
	margin-top:30px;
	color:#fff;	
}
#conBg{
	position:relative;
	top:130px;	
}
/* ************** Footer ************** */
.footer{
	float:left;
	width:100%;
	height:auto;
	background:#444;
	padding:50px 0px;
}
.footer .col4{
	float:left;
	width:210px;
	height:auto;
	margin-right:30px;
	color:#aaa;	
}
.footer .col4:nth-child(3){
	margin-right:0px;
}
.footer .col4:nth-child(4){
	margin-right:0px;
	float:right;
}
.footer .col4 .ftrLogo{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:20px;
	margin-top:20px;
}
.footer .col4 h3{
	float:left;
	width:100%;
	margin:0;
	color:#fff;
	font-weight:normal;
	font-size:24px;
	margin-bottom:20px;
	margin-top:15px;
	text-align:left;
}
.footer .col4 ul{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	margin-left:10px;
}
.footer .col4 ul li{
	text-align:left;
	float:left;
	width:100%;
	line-height:39px;
	border-bottom:1px dotted #999;
	list-style-image:url(../images/right-arrow.png);
}
.footer .col4 ul li .fLink{
	text-decoration:none;
	color:#aaa;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.footer .col4 ul li .fLink:hover{
	color:#ddd;
	padding-left:20px;
}
.col4 .touch{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:23px;
	border-bottom:1px dotted #900;
}
#noBdr{
	border:none;	
}
.col4 .touch .icon{
	float:left;
	width:16px;
	height:auto;
	margin-right:10px;
	margin-top:5px;
	opacity:.6;
}
.col4 .touch .ques{
	float:left;
	width:100%;
	height:23px;
	font-weight:bold;
	letter-spacing:.5px;
	text-align:left;
}
.col4 .touch .ans{
	float:left;
	width:100%;
	height:20px;
	margin-left:26px;
	margin-bottom:15px;
	text-align:left;
	font-size:13px;
}
.fGal{
	float:left;
	width:100%;
	height:auto;		
}
.fGal .fGalImg{
	float:left;
	width:25%;
	height:auto;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;		
}
.fGal .fGalImg:hover{
	opacity:.5;		
}
.footer-bottom{
	float:left;
	width:100%;
	height:auto;
	background:#222;	
}
.footer-bottom .spCntnt{
	float:left;
	width:100%;
	margin:20px 0px;
	color:#999;	
	font-size:15px;
}
.footer-bottom .spCntnt .ftLeft{
	float:left;
	margin-top:3px;
	font-size:12px;
}
.footer-bottom .spCntnt .ftRight{
	float:right;
	margin-top:3px;
	font-size:12px;
}
/* ***************************************** */
#about{
	width:100%;
	background:url(../images/about.jpg) no-repeat;
	background-position:top;
	padding:200px 0px;
}
#contact-us{
	width:100%;
	background:url(../images/contact-us.jpg) no-repeat;
	background-position:top;
	padding:200px 0px;
}
#services{
	width:100%;
	background:url(../images/services.jpg) no-repeat;
	background-position:top;
	padding:200px 0px;
}
#pageTitle{
	margin:0 auto;
	text-align:center;
	color:#fff;
	font-size:28px;
	font-weight:bold;
}
.titleSub{
	margin:0 auto;
	text-align:center;
	color:#ddd;
	font-size:12px;	
}
#aboutImg{
	height:363px;
	margin-top:7px;	
}
#serviceImg{
	height:450px;
	margin-top:0px;	
}
.inpt{
	font-family: 'Poppins', sans-serif;
	font-size:12px;
	text-indent:20px;
	float:right;
	width:100%;
	height:38px;
	border:none;
	border:1px solid #ccc;
	margin-bottom:10px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.inpt:focus{
	border:1px solid #888;	
}
.contactInfo{
	float:left;
	width:100%;
	margin-bottom:20px;	
	font-size:11.7px;
}
.contactInfo #ico{
	float:left;
	margin-right:15px;
	margin-top:11px;
	font-size:18px;
	color:#e53935;
}
.contactInfo span{
	float:left;
	margin-top:10px;
}
#red{
	background:#e53935;	
	color:#fff;
	height:450px;
	width:350px;
}
.padContent{
	float:left;
	width:300px;
	margin:25px;	
}
#txtWhiteCenter{
	float:none;
	width:100%;
	color:#fff;
	margin:0 auto;
	text-align:center;
	line-height:60px;
	border-bottom:1px solid rgba(255, 255, 255, .3);	
}
#txtWhiteCenterIcon{
	float:none;
	width:100%;
	color:#fff;
	margin:0 auto;
	text-align:center;
	font-size:55px;	
}
#centerTxt{
	text-align:center;	
}
#setWidth{
	width:350px;
	height:450px;	
}
}

@media only screen and (max-width:768px) and (min-width:600px){
body{
	/*font-family: 'yanone_kaffeesatzlight';*/
	font-family: 'Poppins', sans-serif;
	font-size:14px;
	font-weight:lighter;
	background:#efefef;
	color:#555;
	line-height:inherit;
	margin:0;
	padding:0;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#bgWhite{
	background:#fff;	
}
i{
	margin-right:10px;
	color:#eee;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
a i:hover{
	color:#fff;
}
#h-i{
	color:#e53935;	
}
#i-black{
	color:#333;	
}
.top-bar{
	width:100%;
	height:40px;
	position:fixed;
	z-index:98;
	color:#eee;
	font-size:12px;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#btmLine{
	border-bottom:1px solid rgba(255, 255, 255, .3);	
}
.top-bar.smaller{
	margin-top:-40px;
}
.top-bar ul{
	float:left;
	margin:0;
	padding:0;
	display:inline;
	margin-top:0px;
	width:100%;	
}
.top-bar ul li{
	float:left;
	list-style:none;
	line-height:39px;
	margin-right:10px;
	font-size:10.1px;
}
#liLast{
	margin-right:0px;
	float:right;	
}
.top-bar .social{
	float:right;
	width:100%;
	display:flex;
	justify-content:center;	
}
.top-bar .socialLi{
	float:none;	
	list-style:none;
	line-height:10px;
	margin-right:0px;
	padding-bottom:15px;
}
#last{
	width:12px;
}
.header{
	width:100%;
	height:80px;
	position:fixed;
	z-index:99;
	color:#eee;
	margin-top:66px;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.header .logo{
	float:left;
	height:40px;
	margin-top:20px;	
}
.header .ul-list{
	float:right;
	margin-top:27px;
	padding:0;
	display:none;
}
.header .ul-list .li-line{
	list-style-type:none;
	display:inline;
	padding:0;
	margin:0;
	display:table-cell;
}
.header .ul-list .li-line .alink{
	font-size:13px;
	text-decoration:none;
	color:#eee;
	padding:15px 11px;
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s;
}
.header .ul-list .li-line .alink:hover{
	color:#fff;
}
.header .ul-list .li-line #last{
	padding-right:0px;
}
.header .quoteBtn{
	float:right;
	background:#e53935;
	border:none;
	width:auto;
	height:auto;
	font-size:12px;
	padding:5px 12px;
	border-radius:50px;
	margin-top:25px;
	margin-right:60px;
	cursor:pointer;
	color:#eee;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.header .quoteBtn:hover{
	color:#fff;
}
.header.smaller{
	width:100%;
	height:80px;
	background:#333;
	margin-top:0px;
}
.header.smaller .logo{
	margin-top:19px;	
}
.container{
	width:540px;
	height:auto;
	margin:0 auto;	
}
.content{
	float:left;
	width:100%;
	height:auto;	
}
.starter{
	float:left;
	width:100%;
	height:auto;	
}
.slider{
	width:100%;
	height:inherit
	position:absolute;
	z-index:1;	
}
.gray{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:40px;	
}
.white{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:10px;	
	background:#fff;
	margin-top:20px;
}
.cat{
	float:left;
	width:100%;
	height:auto;
	margin-top:25px;
	position:relative;
	z-index:10;	
}
.cat .col{
	float:left;
	width:100%;
	height:auto;
	background:#fff;
	/*border: 1px solid rgba(0, 0, 0, 0.1);*/
	box-shadow:0px 0px 13px rgba(0, 0, 0, 0.15);
	margin-right:30px;
	transition:.7s ease;
	margin-bottom:30px;
}
.cat .col:hover{
	margin-top:0px;
}
.cat .col:nth-child(3){
	float:right;
	margin-right:0px;	
}
.cat .col img{
	width:100%;
	overflow:hidden;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;	
}
.cat .col img:hover{
	opacity:.7;
}
.cat .col .cntnt{
	float:left;
	width:440px;
	height:auto;
	margin-left:50px;
}
.cat .col .cntnt h4{
	float:left;
	color:#000;
	width:100%;
	height:auto;
	font-size:18px;
	text-align:left;
	border-bottom:1px solid #ccc;
	margin:0;
	line-height:60px;
	margin-bottom:18px;
	margin-top:8px;
	font-weight:normal;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.cat .col .cntnt h4:hover{
	color:#e53935;
}
.cat .col .cntnt .para{
	text-align:left;
	font-size:12px;
	margin-bottom:40px;
}
.spacer{
	float:left;
	width:100%;
	height:10px;	
}
.spacer2{
	float:left;
	width:100%;
	height:20px;	
}
.spacer3{
	float:left;
	width:100%;
	height:50px;	
}
.left{
	float:left;
	width:100%;
	height:auto;
}
.right{
	float:right;
	width:100%;
	height:auto;
	margin-top:10px;	
}
.imageHolder{
	float:left;
	width:100%;
	height:285px;
	overflow:hidden;
	margin-top:7px;
}
.image{
	float:left;
	width:100%;
	height:auto;
}
h1{
	float:left;
	width:100%;
	height:auto;
	margin:0;
	margin-bottom:20px;
	font-size:22px;	
	color:#e53935;
	font-weight:normal;
}
.lrg{
	float:none;
	margin:0 auto;
	width:100%;
	text-align:center;
	font-size:40px;
	color:#fff;
	letter-spacing:-2px;
	line-height:45px;
	font-weight:bold;
	margin-bottom:30px;
}
p{
	width:100%;
	height:auto;
	font-size:12px;	
	line-height:22px;
}
.centerP{
	float:none;
	margin:0 auto;
	text-align:center;
	width:100%;	
}
#txtWhite{
	color:#fff;	
}
.btn{
	float:left;
	background:#e53935;
	border:none;
	width:auto;
	height:auto;
	font-size:13px;
	padding:5px 20px;
	border-radius:50px;
	margin-top:10px;
	cursor:pointer;
	color:#eee;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.btn:hover{
	background:#777;
}
.dark{
	float:left;
	width:100%;
	height:auto;
	background:url(../images/black-bg.jpg) no-repeat;
	background-position:top;
	margin-top:0px;
	background-size:cover;
	padding:80px 0px;
}
#centerBtn{
	float:none;
	width:110px;
	height:22px;
	margin:0 auto;
	text-align:center;
	display:block;
	margin-top:30px;
	overflow:hidden;	
}
#i-rdMore{
	margin-left:5px;
	width:3px;	
}
#centerBtn:hover #i-rdMore{
	padding-left:8px;
	
}
.map{
	float:left;
	width:100%;
	height:400px;
	overflow:hidden;
	position:relative;	
}
.map .area{
	background:#e53935;
	width:300px;
	height:270px;
	position:absolute;
	right:0;
}
.contnt{
	float:left;
	width:220px;
	margin-left:40px;
	margin-top:30px;
	color:#fff;	
}
#conBg{
	position:relative;
	top:130px;	
}
/* ************** Footer ************** */
.footer{
	float:left;
	width:100%;
	height:auto;
	background:#444;
	padding:25px 0px;
}
.footer .col4{
	float:left;
	width:250px;
	height:auto;
	margin-right:30px;
	color:#aaa;	
}
.footer .col4:nth-child(3){
	margin-right:0px;
}
.footer .col4:nth-child(4){
	margin-right:0px;
	float:right;
	width:100%;
	margin-top:20px;
}
.footer .col4 .ftrLogo{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:20px;
	margin-top:20px;
}
.footer .col4 h3{
	float:left;
	width:100%;
	margin:0;
	color:#fff;
	font-weight:normal;
	font-size:24px;
	margin-bottom:20px;
	margin-top:15px;
	text-align:left;
}
.footer .col4 ul{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	margin-left:10px;
}
.footer .col4 ul li{
	text-align:left;
	float:left;
	width:100%;
	line-height:39px;
	border-bottom:1px dotted #999;
	list-style-image:url(../images/right-arrow.png);
}
.footer .col4 ul li .fLink{
	text-decoration:none;
	color:#aaa;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.footer .col4 ul li .fLink:hover{
	color:#ddd;
	padding-left:20px;
}
.col4 .touch{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:23px;
	border-bottom:1px dotted #900;
}
#noBdr{
	border:none;	
}
.col4 .touch .icon{
	float:left;
	width:16px;
	height:auto;
	margin-right:10px;
	margin-top:5px;
	opacity:.6;
}
.col4 .touch .ques{
	float:left;
	width:100%;
	height:23px;
	font-weight:bold;
	letter-spacing:.5px;
	text-align:left;
}
.col4 .touch .ans{
	float:left;
	width:100%;
	height:20px;
	margin-left:26px;
	margin-bottom:15px;
	text-align:left;
	font-size:13px;
}
.fGal{
	float:left;
	width:100%;
	height:auto;		
}
.fGal .fGalImg{
	float:left;
	width:25%;
	height:auto;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;		
}
.fGal .fGalImg:hover{
	opacity:.5;		
}
.footer-bottom{
	float:left;
	width:100%;
	height:auto;
	background:#222;	
}
.footer-bottom .spCntnt{
	float:left;
	width:100%;
	margin:20px 0px;
	color:#999;	
	font-size:15px;
}
.footer-bottom .spCntnt .ftLeft{
	float:left;
	width:100%;
	text-align:center;
	margin-top:3px;
	font-size:12px;
}
.footer-bottom .spCntnt .ftRight{
	float:right;
	width:100%;
	text-align:center;
	margin-top:3px;
	font-size:12px;
}
/* ***************************************** */
#about{
	width:100%;
	background:url(../images/about.jpg) no-repeat;
	background-position:top;
	padding:200px 0px;
}
#contact-us{
	width:100%;
	background:url(../images/contact-us.jpg) no-repeat;
	background-position:top;
	padding:200px 0px;
}
#services{
	width:100%;
	background:url(../images/services.jpg) no-repeat;
	background-position:top;
	padding:200px 0px;
}
#pageTitle{
	margin:0 auto;
	text-align:center;
	color:#fff;
	font-size:28px;
	font-weight:bold;
}
.titleSub{
	margin:0 auto;
	text-align:center;
	color:#ddd;
	font-size:12px;	
}
#aboutImg{
	height:363px;
	margin-top:7px;	
}
#serviceImg{
	height:450px;
	margin-top:0px;	
}
.inpt{
	font-family: 'Poppins', sans-serif;
	font-size:12px;
	text-indent:20px;
	float:right;
	width:100%;
	height:38px;
	border:none;
	border:1px solid #ccc;
	margin-bottom:10px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.inpt:focus{
	border:1px solid #888;	
}
.contactInfo{
	float:left;
	width:100%;
	margin-bottom:20px;	
	font-size:11.7px;
}
.contactInfo #ico{
	float:left;
	margin-right:15px;
	margin-top:11px;
	font-size:18px;
	color:#e53935;
}
.contactInfo span{
	float:left;
	margin-top:10px;
}
#red{
	background:#e53935;	
	color:#fff;
	height:auto;
	width:100%;
	margin:5px 0px;
}
.padContent{
	float:left;
	width:490px;
	margin:25px;	
}
#txtWhiteCenter{
	float:none;
	width:100%;
	color:#fff;
	margin:0 auto;
	text-align:center;
	line-height:60px;
	border-bottom:1px solid rgba(255, 255, 255, .3);	
}
#txtWhiteCenterIcon{
	float:none;
	width:100%;
	color:#fff;
	margin:0 auto;
	text-align:center;
	font-size:55px;
	margin-bottom:-20px;
	margin-top:10px;
}
#centerTxt{
	text-align:center;	
}
#setWidth{
	width:350px;
	height:450px;
	display:none;	
}
}

@media only screen and (max-width:600px) and (min-width:480px){
body{
	/*font-family: 'yanone_kaffeesatzlight';*/
	font-family: 'Poppins', sans-serif;
	font-size:14px;
	font-weight:lighter;
	background:#efefef;
	color:#555;
	line-height:inherit;
	margin:0;
	padding:0;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#bgWhite{
	background:#fff;	
}
i{
	margin-right:10px;
	color:#eee;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
a i:hover{
	color:#fff;
}
#h-i{
	color:#e53935;	
}
#i-black{
	color:#333;	
}
.top-bar{
	width:100%;
	height:95px;
	position:fixed;
	z-index:98;
	color:#eee;
	font-size:12px;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#btmLine{
	border-bottom:1px solid rgba(255, 255, 255, .3);	
}
.top-bar.smaller{
	margin-top:-40px;
}
.top-bar ul{
	float:left;
	margin:0;
	padding:0;
	display:inline;
	margin-top:10px;
	margin-left:60px;
}
.top-bar ul li{
	float:left;
	list-style:none;
	line-height:25px;
	margin-right:30px;
	font-size:10.1px;
}
#liLast{
	margin-right:0px;
	float:left;
	width:100%;
	justify-content:center;	
}
.top-bar .social{
	float:right;
	width:100%;
	display:flex;
	justify-content:center;
}
.top-bar .socialLi{
	float:none;	
	list-style:none;
	line-height:10px;
	margin-right:0px;
	padding-bottom:15px;
}
#last{
	width:12px;
}
.header{
	width:100%;
	height:80px;
	position:fixed;
	z-index:99;
	color:#eee;
	margin-top:96px;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.header .logo{
	float:left;
	height:36px;
	margin-top:22px;	
}
.header .ul-list{
	float:right;
	margin-top:27px;
	padding:0;
	display:none;
}
.header .ul-list .li-line{
	list-style-type:none;
	display:inline;
	padding:0;
	margin:0;
	display:table-cell;
}
.header .ul-list .li-line .alink{
	font-size:13px;
	text-decoration:none;
	color:#eee;
	padding:15px 11px;
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s;
}
.header .ul-list .li-line .alink:hover{
	color:#fff;
}
.header .ul-list .li-line #last{
	padding-right:0px;
}
.header .quoteBtn{
	float:left;
	background:#e53935;
	border:none;
	width:auto;
	height:auto;
	font-size:12px;
	padding:5px 12px;
	border-radius:50px;
	margin-top:25px;
	margin-right:50px;
	margin-left:30px;
	cursor:pointer;
	color:#eee;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.header .quoteBtn:hover{
	color:#fff;
}
.header.smaller{
	width:100%;
	height:80px;
	background:#333;
	margin-top:0px;
}
.header.smaller .logo{
	margin-top:21px;	
}
.container{
	width:400px;
	height:auto;
	margin:0 auto;	
}
.content{
	float:left;
	width:100%;
	height:auto;	
}
.starter{
	float:left;
	width:100%;
	height:auto;	
}
.slider{
	width:100%;
	height:inherit
	position:absolute;
	z-index:1;	
}
.gray{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:40px;	
}
.white{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:10px;	
	background:#fff;
	margin-top:20px;
}
.cat{
	float:left;
	width:100%;
	height:auto;
	margin-top:25px;
	position:relative;
	z-index:10;	
}
.cat .col{
	float:left;
	width:100%;
	height:auto;
	background:#fff;
	/*border: 1px solid rgba(0, 0, 0, 0.1);*/
	box-shadow:0px 0px 13px rgba(0, 0, 0, 0.15);
	margin-right:30px;
	transition:.7s ease;
	margin-bottom:30px;
}
.cat .col:hover{
	margin-top:0px;
}
.cat .col:nth-child(3){
	float:right;
	margin-right:0px;	
}
.cat .col img{
	width:100%;
	overflow:hidden;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;	
}
.cat .col img:hover{
	opacity:.7;
}
.cat .col .cntnt{
	float:left;
	width:320px;
	height:auto;
	margin-left:40px;
}
.cat .col .cntnt h4{
	float:left;
	color:#000;
	width:100%;
	height:auto;
	font-size:18px;
	text-align:left;
	border-bottom:1px solid #ccc;
	margin:0;
	line-height:60px;
	margin-bottom:5px;
	margin-top:8px;
	font-weight:normal;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.cat .col .cntnt h4:hover{
	color:#e53935;
}
.cat .col .cntnt .para{
	text-align:left;
	font-size:12px;
	margin-bottom:40px;
}
.spacer{
	float:left;
	width:100%;
	height:10px;	
}
.spacer2{
	float:left;
	width:100%;
	height:20px;	
}
.spacer3{
	float:left;
	width:100%;
	height:30px;	
}
.left{
	float:left;
	width:100%;
	height:auto;
}
.right{
	float:right;
	width:100%;
	height:auto;
	margin-top:10px;	
}
.imageHolder{
	float:left;
	width:100%;
	height:285px;
	overflow:hidden;
	margin-top:7px;
}
.image{
	float:left;
	width:100%;
	height:auto;
}
h1{
	float:left;
	width:100%;
	height:auto;
	margin:0;
	margin-bottom:0px;
	font-size:22px;	
	color:#e53935;
	font-weight:normal;
}
.lrg{
	float:none;
	margin:0 auto;
	width:100%;
	text-align:center;
	font-size:34px;
	color:#fff;
	letter-spacing:-2px;
	line-height:40px;
	font-weight:bold;
	margin-bottom:20px;
}
p{
	float:left;
	width:100%;
	height:auto;
	font-size:12px;	
	line-height:19px;
	margin-bottom:3px;
}
.centerP{
	float:none;
	margin:0 auto;
	text-align:center;
	width:100%;	
}
#txtWhite{
	color:#fff;	
}
.btn{
	float:left;
	background:#e53935;
	border:none;
	width:auto;
	height:auto;
	font-size:13px;
	padding:5px 20px;
	border-radius:50px;
	margin-top:10px;
	cursor:pointer;
	color:#eee;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.btn:hover{
	background:#777;
}
.dark{
	float:left;
	width:100%;
	height:auto;
	background:url(../images/black-bg.jpg) no-repeat;
	background-position:top;
	margin-top:0px;
	background-size:cover;
	padding:50px 0px;
}
#centerBtn{
	float:none;
	width:110px;
	height:22px;
	margin:0 auto;
	text-align:center;
	display:block;
	margin-top:20px;
	overflow:hidden;	
}
#i-rdMore{
	margin-left:5px;
	width:3px;	
}
#centerBtn:hover #i-rdMore{
	padding-left:8px;
	
}
.map{
	float:left;
	width:100%;
	height:400px;
	overflow:hidden;
	position:relative;	
}
.map .area{
	background:#e53935;
	width:300px;
	height:270px;
	position:absolute;
	right:0;
}
.contnt{
	float:left;
	width:220px;
	margin-left:40px;
	margin-top:30px;
	color:#fff;	
}
#conBg{
	position:relative;
	top:130px;	
}
/* ************** Footer ************** */
.footer{
	float:left;
	width:100%;
	height:auto;
	background:#444;
	padding:25px 0px;
}
.footer .col4{
	float:left;
	width:100%;
	height:auto;
	margin-right:0px;
	color:#aaa;
}
.footer .col4:nth-child(3){
	margin-right:0px;
}
.footer .col4:nth-child(4){
	margin-right:0px;
	float:right;
	width:100%;
	margin-top:0px;
}
.footer .col4 .ftrLogo{
	float:left;
	width:250px;
	height:auto;
	margin-bottom:0px;
	margin-top:20px;
}
.footer .col4 h3{
	float:left;
	width:100%;
	margin:0;
	color:#fff;
	font-weight:normal;
	font-size:24px;
	margin-bottom:5px;
	margin-top:35px;
	text-align:left;
}
.footer .col4 ul{
	float:left;
	width:100%;
	margin:0;
	padding:0;
	margin-left:10px;
}
.footer .col4 ul li{
	text-align:left;
	float:left;
	width:100%;
	line-height:39px;
	border-bottom:1px dotted #999;
	list-style-image:url(../images/right-arrow.png);
}
.footer .col4 ul li .fLink{
	text-decoration:none;
	color:#aaa;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.footer .col4 ul li .fLink:hover{
	color:#ddd;
	padding-left:20px;
}
.col4 .touch{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:23px;
	border-bottom:1px dotted #900;
}
#noBdr{
	border:none;	
}
.col4 .touch .icon{
	float:left;
	width:16px;
	height:auto;
	margin-right:10px;
	margin-top:5px;
	opacity:.6;
}
.col4 .touch .ques{
	float:left;
	width:100%;
	height:23px;
	font-weight:bold;
	letter-spacing:.5px;
	text-align:left;
}
.col4 .touch .ans{
	float:left;
	width:100%;
	height:20px;
	margin-left:26px;
	margin-bottom:15px;
	text-align:left;
	font-size:13px;
}
.fGal{
	float:left;
	width:100%;
	height:auto;		
}
.fGal .fGalImg{
	float:left;
	width:25%;
	height:auto;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;		
}
.fGal .fGalImg:hover{
	opacity:.5;		
}
.footer-bottom{
	float:left;
	width:100%;
	height:auto;
	background:#222;	
}
.footer-bottom .spCntnt{
	float:left;
	width:100%;
	margin:20px 0px;
	color:#999;	
	font-size:15px;
}
.footer-bottom .spCntnt .ftLeft{
	float:left;
	width:100%;
	text-align:center;
	margin-top:3px;
	font-size:12px;
}
.footer-bottom .spCntnt .ftRight{
	float:right;
	width:100%;
	text-align:center;
	margin-top:3px;
	font-size:12px;
}
/* ***************************************** */
#about{
	width:100%;
	background:url(../images/about.jpg) no-repeat;
	background-position:top;
	padding:200px 0px;
}
#contact-us{
	width:100%;
	background:url(../images/contact-us.jpg) no-repeat;
	background-position:top;
	padding:200px 0px;
}
#services{
	width:100%;
	background:url(../images/services.jpg) no-repeat;
	background-position:top;
	padding:200px 0px;
}
#pageTitle{
	margin:0 auto;
	text-align:center;
	color:#fff;
	font-size:28px;
	font-weight:bold;
}
.titleSub{
	margin:0 auto;
	text-align:center;
	color:#ddd;
	font-size:12px;	
}
#aboutImg{
	height:363px;
	margin-top:7px;
	display:none;	
}
#serviceImg{
	height:450px;
	margin-top:0px;	
}
#frm{
	float:left;
	margin-top:12px;	
}
.inpt{
	font-family: 'Poppins', sans-serif;
	font-size:12px;
	text-indent:20px;
	float:right;
	width:100%;
	height:38px;
	border:none;
	border:1px solid #ccc;
	margin-bottom:10px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.inpt:focus{
	border:1px solid #888;	
}
.contactInfo{
	float:left;
	width:100%;
	margin-bottom:20px;	
	font-size:11.7px;
}
.contactInfo #ico{
	float:left;
	margin-right:15px;
	margin-top:11px;
	font-size:18px;
	color:#e53935;
}
.contactInfo span{
	float:left;
	margin-top:10px;
}
#red{
	background:#e53935;	
	color:#fff;
	height:auto;
	width:100%;
	margin:5px 0px;
}
.padContent{
	float:left;
	width:350px;
	margin:25px;	
}
#txtWhiteCenter{
	float:none;
	width:100%;
	color:#fff;
	margin:0 auto;
	text-align:center;
	line-height:60px;
	border-bottom:1px solid rgba(255, 255, 255, .3);	
}
#txtWhiteCenterIcon{
	float:none;
	width:100%;
	color:#fff;
	margin:0 auto;
	text-align:center;
	font-size:55px;
	margin-bottom:-20px;
	margin-top:10px;
}
#centerTxt{
	text-align:center;	
}
#setWidth{
	width:350px;
	height:450px;
	display:none;	
}
}

@media only screen and (max-width:480px) and (min-width:320px){
body{
	/*font-family: 'yanone_kaffeesatzlight';*/
	font-family: 'Poppins', sans-serif;
	font-size:14px;
	font-weight:lighter;
	background:#efefef;
	color:#555;
	line-height:inherit;
	margin:0;
	padding:0;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#bgWhite{
	background:#fff;	
}
i{
	margin-right:10px;
	color:#eee;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
a i:hover{
	color:#fff;
}
#h-i{
	color:#e53935;	
}
#i-black{
	color:#333;	
}
.top-bar{
	width:100%;
	height:82px;
	position:fixed;
	z-index:98;
	color:#eee;
	font-size:12px;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	display:none;
}
#btmLine{
	border-bottom:1px solid rgba(255, 255, 255, .3);	
}
.top-bar.smaller{
	margin-top:-40px;
}
.top-bar ul{
	float:left;
	margin:0;
	padding:0;
	display:inline;
	margin-top:10px;
	margin-left:0px;
}
.top-bar ul li{
	float:left;
	list-style:none;
	line-height:21px;
	margin-right:30px;
	font-size:10.1px;
}
#liLast{
	margin-right:0px;
	float:left;
	width:100%;
	justify-content:center;	
}
#second{
	margin-right:0;
	float:right;
}
.top-bar .social{
	float:right;
	width:100%;
	display:flex;
	justify-content:center;
}
.top-bar .socialLi{
	float:none;	
	list-style:none;
	line-height:10px;
	margin-right:0px;
	padding-bottom:10px;
}
#last{
	width:12px;
}
.header{
	width:100%;
	height:80px;
	position:fixed;
	z-index:99;
	color:#eee;
	margin-top:0px;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.header .logo{
	float:left;
	height:41px;
	margin-top:22px;	
}
.header .ul-list{
	float:right;
	margin-top:27px;
	padding:0;
	display:none;
}
.header .ul-list .li-line{
	list-style-type:none;
	display:inline;
	padding:0;
	margin:0;
	display:table-cell;
}
.header .ul-list .li-line .alink{
	font-size:13px;
	text-decoration:none;
	color:#eee;
	padding:15px 11px;
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s;
}
.header .ul-list .li-line .alink:hover{
	color:#fff;
}
.header .ul-list .li-line #last{
	padding-right:0px;
}
.header .quoteBtn{
	float:left;
	background:#e53935;
	border:none;
	width:auto;
	height:auto;
	font-size:12px;
	padding:5px 12px;
	border-radius:50px;
	margin-top:25px;
	margin-right:50px;
	margin-left:30px;
	cursor:pointer;
	color:#eee;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	display:none;
}
.header .quoteBtn:hover{
	color:#fff;
}
.header.smaller{
	width:100%;
	height:80px;
	background:#333;
	margin-top:0px;
}
.header.smaller .logo{
	margin-top:21px;	
}
.container{
	width:300px;
	height:auto;
	margin:0 auto;
}
.content{
	float:left;
	width:100%;
	height:auto;	
}
.starter{
	float:left;
	width:100%;
	height:auto;	
}
.slider{
	width:100%;
	height:inherit
	position:absolute;
	z-index:1;	
}
.gray{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:40px;	
}
.white{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:10px;	
	background:#fff;
	margin-top:20px;
}
.cat{
	float:left;
	width:100%;
	height:auto;
	margin-top:0px;
	position:relative;
	z-index:10;	
}
.cat .col{
	float:left;
	width:100%;
	height:auto;
	background:#fff;
	/*border: 1px solid rgba(0, 0, 0, 0.1);*/
	box-shadow:0px 0px 13px rgba(0, 0, 0, 0.15);
	margin-right:30px;
	transition:.7s ease;
	margin-bottom:12px;
}
.cat .col:hover{
	margin-top:0px;
}
.cat .col:nth-child(3){
	float:right;
	margin-right:0px;	
}
.cat .col img{
	width:100%;
	overflow:hidden;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;	
}
.cat .col img:hover{
	opacity:.7;
}
.cat .col .cntnt{
	float:left;
	width:260px;
	height:auto;
	margin-left:20px;
}
.cat .col .cntnt h4{
	float:left;
	color:#000;
	width:100%;
	height:auto;
	font-size:18px;
	text-align:left;
	border-bottom:1px solid #ccc;
	margin:0;
	line-height:60px;
	margin-bottom:5px;
	margin-top:0px;
	font-weight:normal;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.cat .col .cntnt h4:hover{
	color:#e53935;
}
.cat .col .cntnt .para{
	text-align:justify;
	font-size:12px;
	margin-bottom:25px;
}
.spacer{
	float:left;
	width:100%;
	height:10px;	
}
.spacer2{
	float:left;
	width:100%;
	height:20px;	
}
.spacer3{
	float:left;
	width:100%;
	height:30px;	
}
.left{
	float:left;
	width:100%;
	height:auto;
}
.right{
	float:right;
	width:100%;
	height:auto;
	margin-top:10px;	
}
.imageHolder{
	float:left;
	width:100%;
	height:285px;
	overflow:hidden;
	margin-top:7px;
	display:none;
}
.image{
	float:left;
	width:100%;
	height:auto;
}
h1{
	float:left;
	width:100%;
	height:auto;
	margin:0;
	margin-bottom:0px;
	font-size:20px;	
	color:#e53935;
	font-weight:normal;
}
.lrg{
	float:none;
	margin:0 auto;
	width:100%;
	text-align:center;
	font-size:24px;
	color:#fff;
	letter-spacing:-1px;
	line-height:30px;
	font-weight:bold;
	margin-bottom:20px;
}
p{
	float:left;
	width:100%;
	height:auto;
	font-size:12px;	
	line-height:19px;
	margin-bottom:3px;
	text-align:justify;
}
.centerP{
	float:none;
	margin:0 auto;
	text-align:center;
	width:100%;	
}
#txtWhite{
	color:#fff;	
}
.btn{
	float:left;
	background:#e53935;
	border:none;
	width:auto;
	height:auto;
	font-size:13px;
	padding:5px 20px;
	border-radius:50px;
	margin-top:10px;
	cursor:pointer;
	color:#eee;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.btn:hover{
	background:#777;
}
.dark{
	float:left;
	width:100%;
	height:auto;
	background:url(../images/black-bg.jpg) no-repeat;
	background-position:top;
	margin-top:0px;
	background-size:cover;
	padding:30px 0px;
}
#centerBtn{
	float:none;
	width:110px;
	height:22px;
	margin:0 auto;
	text-align:center;
	display:block;
	margin-top:20px;
	overflow:hidden;	
}
#i-rdMore{
	margin-left:5px;
	width:3px;	
}
#centerBtn:hover #i-rdMore{
	padding-left:8px;
	
}
.map{
	float:left;
	width:100%;
	height:400px;
	overflow:hidden;
	position:relative;	
}
.map .area{
	background:#e53935;
	width:300px;
	height:270px;
	position:absolute;
	right:0;
}
.contnt{
	float:left;
	width:220px;
	margin-left:40px;
	margin-top:30px;
	color:#fff;	
}
#conBg{
	position:relative;
	top:130px;	
}
/* ************** Footer ************** */
.footer{
	float:left;
	width:100%;
	height:auto;
	background:#444;
	padding:25px 0px;
}
.footer .col4{
	float:left;
	width:100%;
	height:auto;
	margin-right:0px;
	color:#aaa;
}
.footer .col4:nth-child(3){
	margin-right:0px;
}
.footer .col4:nth-child(4){
	margin-right:0px;
	float:right;
	width:100%;
	margin-top:0px;
}
.footer .col4 .ftrLogo{
	float:left;
	width:250px;
	height:auto;
	margin-bottom:0px;
	margin-top:0px;
	margin-left:20px;
}
.footer .col4 h3{
	float:left;
	width:100%;
	margin:0;
	color:#fff;
	font-weight:normal;
	font-size:24px;
	margin-bottom:5px;
	margin-top:35px;
	text-align:left;
}
.footer .col4 ul{
	float:left;
	width:285px;
	margin:0;
	padding:0;
	margin-left:10px;
}
.footer .col4 ul li{
	text-align:left;
	float:left;
	width:100%;
	line-height:39px;
	border-bottom:1px dotted #999;
	list-style-image:url(../images/right-arrow.png);
}
.footer .col4 ul li .fLink{
	text-decoration:none;
	color:#aaa;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.footer .col4 ul li .fLink:hover{
	color:#ddd;
	padding-left:20px;
}
.col4 .touch{
	float:left;
	width:100%;
	height:auto;
	margin-bottom:23px;
	border-bottom:1px dotted #900;
}
#noBdr{
	border:none;	
}
.col4 .touch .icon{
	float:left;
	width:16px;
	height:auto;
	margin-right:10px;
	margin-top:5px;
	opacity:.6;
}
.col4 .touch .ques{
	float:left;
	width:100%;
	height:23px;
	font-weight:bold;
	letter-spacing:.5px;
	text-align:left;
}
.col4 .touch .ans{
	float:left;
	width:100%;
	height:20px;
	margin-left:26px;
	margin-bottom:15px;
	text-align:left;
	font-size:13px;
}
.fGal{
	float:left;
	width:100%;
	height:auto;		
}
.fGal .fGalImg{
	float:left;
	width:25%;
	height:auto;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;		
}
.fGal .fGalImg:hover{
	opacity:.5;		
}
.footer-bottom{
	float:left;
	width:100%;
	height:auto;
	background:#222;	
}
.footer-bottom .spCntnt{
	float:left;
	width:100%;
	margin:20px 0px;
	color:#999;	
	font-size:15px;
}
.footer-bottom .spCntnt .ftLeft{
	float:left;
	width:100%;
	text-align:center;
	margin-top:3px;
	font-size:12px;
}
.footer-bottom .spCntnt .ftRight{
	float:right;
	width:100%;
	text-align:center;
	margin-top:3px;
	font-size:12px;
}
/* ***************************************** */
#about{
	width:100%;
	background:url(../images/about.jpg) no-repeat;
	background-position:top;
	padding:200px 0px;
}
#contact-us{
	width:100%;
	background:url(../images/contact-us.jpg) no-repeat;
	background-position:top;
	padding:200px 0px;
}
#services{
	width:100%;
	background:url(../images/services.jpg) no-repeat;
	background-position:top;
	padding:200px 0px;
}
#pageTitle{
	margin:0 auto;
	text-align:center;
	color:#fff;
	font-size:28px;
	font-weight:bold;
}
.titleSub{
	margin:0 auto;
	text-align:center;
	color:#ddd;
	font-size:12px;	
}
#aboutImg{
	height:363px;
	margin-top:7px;
	display:none;	
}
#serviceImg{
	height:450px;
	margin-top:0px;	
}
#frm{
	float:left;
	margin-top:12px;	
}
.inpt{
	font-family: 'Poppins', sans-serif;
	font-size:12px;
	text-indent:20px;
	float:right;
	width:100%;
	height:38px;
	border:none;
	border:1px solid #ccc;
	margin-bottom:10px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
.inpt:focus{
	border:1px solid #888;	
}
.contactInfo{
	float:left;
	width:100%;
	margin-bottom:20px;	
	font-size:11.7px;
}
.contactInfo #ico{
	float:left;
	margin-right:15px;
	margin-top:11px;
	font-size:18px;
	color:#e53935;
}
.contactInfo span{
	float:left;
	margin-top:10px;
}
#red{
	background:#e53935;	
	color:#fff;
	height:auto;
	width:100%;
	margin:5px 0px;
}
.padContent{
	float:left;
	width:280px;
	margin:10px;	
}
#txtWhiteCenter{
	float:none;
	width:100%;
	color:#fff;
	margin:0 auto;
	text-align:center;
	line-height:25px;
	border-bottom:1px solid rgba(255, 255, 255, .3);
	margin-top:80px;
	padding-bottom:10px;	
}
#txtWhiteCenterIcon{
	float:none;
	width:100%;
	color:#fff;
	margin:0 auto;
	text-align:center;
	font-size:55px;
	margin-bottom:-20px;
	margin-top:10px;
}
#centerTxt{
	text-align:center;	
}
#setWidth{
	width:350px;
	height:450px;
	display:none;	
}
}