@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);
/*************************ot
*******Typography******
**************************/
html, body{background:white;font-family:Verdana, Geneva, sans-serif;color:#4e4e4e;line-height:22px;font-size:100%;}
@font-face{font-family:'Play-Regular';src:url(../fonts/Play-Regular.ttf) format('truetype');}
@font-face{font-family:'Hind-Regular';src:url(../fonts/Hind-Regular.ttf) format('truetype');}
@font-face{font-family:'Marsh-Stencil-Regular';src:url(../fonts/Marsh-Stencil-Regular.woff) format('woff'), url(../fonts/Marsh-Stencil-Regular.ttf) format('truetype'), url(../fonts/Marsh-Stencil-Regular.otf) format('opentype');}
h1, h2, h3, h4, h5, h6{font-weight:600;font-family:'Open Sans', sans-serif;color:#4e4e4e;}
h1{font-size:32px;}
h2{font-size:20px;}
h3{font-size:16px;color:#787878;font-weight:400;line-height:24px;}
h4{font-size:16px;}
a{color:#d9534f;-webkit-transition:color 300ms, background-color 300ms;-moz-transition:color 300ms, background-color 300ms;-o-transition:color 300ms, background-color 300ms;transition:color 300ms, background-color 300ms;}
a:hover, a:focus{color:#111;text-decoration:none;outline:none;}
hr{border-top:1px solid #e5e5e5;border-bottom:1px solid #fff;}
header h1{text-align:center;margin-bottom:60px;font-weight:400;text-transform:uppercase;}
header h1 > span{background:url(../img/images/header-bg.png) 0 50% repeat-x;padding:0 15%;}
header h1 > span > span{background:white;padding:5px 40px;}
header h1 > span > span > span{background:red;padding:5px 20px;color:white;position:relative;z-index:1;border-top:1px solid #999;border-bottom:1px solid #999;}
header h1 > span > span > span a{color:white!important;font-size:32px!important;}
header h1 > span > span > span .left, header h1 > span > span > span .right{background:red;width:37px;height:37px;top:8px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform: rotate(45deg);position:absolute;z-index:-1;border:1px solid #999;}
header h1 > span > span > span .left{left:-19px;}
header h1 > span > span > span .right{right:-19px;}
@-moz-document url-prefix(){
	header h1 > span > span > span{border:none;}
	header h1 > span > span > span .left, header h1 > span > span > span .right{width:38px;height:38px;top:8px;border:none;}
	header h1 > span > span > span .right{right:-11px;}
}

header h2{margin:0;text-transform:uppercase;text-align:center;font-size:16px;}
.list ul{overflow:hidden;}
.header{background:#f5f5f5;padding:10px;margin-bottom:30px;border-bottom:10px solid #146E98;text-indent:10px;}
.header h4{margin:0;font-weight:400;}
.subheader{background:#f2f2f2;color:#002E5A;}
.subheader h1{font-family:"Roboto",Arial, Helvetica, sans-serif;font-size:28px;letter-spacing:-1px;float:left;margin:10px 40px 0 0;padding-right:40px;color:#fff;font-weight:bold;}
.subheader span{display:inline-block;padding-top:15px;font-size:16px;}
.crumb ul{margin:10px 0 5px 0;padding:0;font-size:12px;}
.crumb li{display:inline;text-decoration:none;padding:0 2px 0 2px;}
.crumb li a{color:#DA251E;}
.crumb li a:hover{color:#900;-webkit-transition:all 0.25s ease;transition:all 0.25s ease;}
.crumb hr{margin:0 -15px 10px -15px;}
.bold{font-weight:bold;} 
.btn-danger{background:#EB212D;}
.btn-transparent{border:3px solid #fff;background:transparent;color:#fff;}
.btn-transparent:hover{border-color:rgba(255, 255, 255, 0.5);}
.captcha{width:140px;font-weight:yetbold;font-size:20px;}
.equal-height{margin-bottom:-99999px;padding-bottom:99999px;overflow:hidden;}
.form-group.required label:after{content:"*";color:red;font-size:12px;font-weight:normal;}
.form-group.required label.no-star:after{content:"";color:red;font-size:18px;}
.center h2{font-size:36px;margin-top:0;margin-bottom:20px;}
.img-float-left > [class*="col-"]{padding-left:0!important;padding-right:20px!important;}
body > section{padding:70px 0;}
.banner{background-image:url(../img/images/banner-bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:bottom;}
.banner .top{margin-top:20px;color:red;}
.banner .top > div{border:1px solid #333;border-radius:12px;padding:5px 10px;float:right;line-height:30px;}
.banner .top > div > div{border:1px solid red;border-radius:50%;box-sizing: border-box;width:30px;height:30px;line-height:30px;float:left;text-align:center;margin-right:10px;}
.banner .top > div > div i{font-size:20px;}
.banner .logo{margin-top:40px;}
.slider{text-align:left;text-transform:uppercase;}
.slider ul{padding:0;list-style:none;}
.slider .cover{background:rgba(0,0,255,0.1);position:absolute;top:0;bottom:0;left:0;right:0;}
.slider .side{background:rgba(0,0,0,0.7);position:absolute;top:0;bottom:0;width:650px;right:0;}
.slider .title{width:500px;}
.slider .first-line{color:white;font-size:44px;line-height:70px;font-weight:600;padding-left:100px; font-family:'Marsh-Stencil-Regular';}
.slider .tp-caption{visibility:hidden;opacity:0;}
.services a{color:red;font-size:24px;}
.services .item{margin-bottom:30px;}
.services h1{color:red;font-weight:400;text-transform:uppercase;}
.portfolio .img{margin-bottom:30px;position:relative;}
.portfolio .cover{background:transparent;position:absolute;text-align:center;width:40%;height:40%;left:30%;top:30%;color:white;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;opacity:0;}
.portfolio .cover > div{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);white-space:nowrap;}
.portfolio .cover > div .project-name{font-size:18px;}
.portfolio .cover > div .project-loc{font-size:14px;}
.portfolio .img:hover .cover{background:rgba(255,0,0,0.5);width:100%;height:100%;top:0;left:0;opacity:1;}
.about .txt{text-align:center;margin-bottom:50px;}
.about h2{text-align:center;margin-top:30px;text-transform:uppercase;}
.about .item{background:#F05660;color:white;padding:30px;max-width:900px;margin:auto;}
.contact{padding-bottom:0;}
.contact a{color:white;}
.contact [class*="col-"].left, .contact [class*="col-"].right{padding:40px 0;height:500px;}
.contact [class*="col-"].left{background:#F0505A;color:white;}
.contact [class*="col-"].right{background:#B3B3B3;}
.contact h3{margin:0 0 40px 0;font-size:44px;font-weight:700;color:black;text-align:center;line-height:40px;}
.contact ul{list-style:none;margin:0;padding-left:100px;}
.contact li{padding-bottom:30px;clear:both;font-size:18px;}
.contact li .fa{margin:2px 20px 0 0;font-size:26px;color:black;}
.contact li div{float:left;}
.contact li div:first-child{border-radius:50%;border:2px solid black;width:40px;height:40px;padding:3px 0 0 5px;text-align:center;margin-right:15px;}
.contact .btn:hover{border:1px solid #1abc9c;-webkit-transition: all 0.3s;transition:all 0.3s;}
.contact .captcha{height:42px;}
.contact textarea{height:150px;}
.contact input, .contact textarea{background:#efefef;border:1px solid #999;color:#333;}
.contact .btn{width:100%;}
.success_message{background:#D2FFD1 url(../img/images/success_icon.png) 10px 10px no-repeat;text-align:left;color:#25A678;font-size:12px;font-weight:400;padding:10px 10px 10px 35px;border:1px solid #76D874;}
.error_message{text-align:center;background:#fc9;color:#900;font-size:12px;font-weight:normal;padding:10px;}
/*###################### PAGINATION ################################*/
.pagination{padding:1px;margin:20px 0 10px 0;border:1px solid #999;}
.pagination a{padding:2px 5px;text-decoration:none;color:#000;border-radius:2px;}
.pagination a:hover{background:#ccc;text-decoration:none;color:#fff;}
.disabled{padding:2px 5px;color:#ccc;}
.current{background:#ccc;padding:2px 5px;margin:2px;border:1px solid #999;text-decoration:none;color:#fff;}
#pagination_tbl{padding:2px 10px;margin-top:10px;clear:both;}
#paginate_left{width:400px;float:left;color:#680103;}
#paginate_right{width:400px;float:right;text-align:right;}
/********************** End Pagination *****************************/
footer, footer a{color:#ddd;}
footer h2{color:white;margin:0 0 25px 0;font-weight:400;}
footer ul{list-style:none;}
footer li{padding-bottom:20px;clear:both;font-size:16px;}
footer li .fa{margin:2px 20px 0 0;float:left;font-size:30px;color:#EB212D;}
footer li div:first-child{width:50px;}
footer li div{float:left;}
footer .top{background:#323232;padding:30px 0;}
footer .bot{background:#EB212D;padding:10px 0;}
footer .social{font-size:13px;font-weight:500;text-align:right;}
footer .social .fa{color:white;font-size:38px;}
footer .social div{background:#323232;border-radius:10%;width:50px;height:auto;padding:5px 0;text-align:center;float:left;margin-left:10px;}
footer .social div:hover{background:grey;}
@media only screen and (max-width:767px){
	body > section{padding:20px 0;}
	.img-float-left > [class*="col-"]{padding-left:0!important;padding-right:0!important;margin-bottom:15px;}
	header h1{font-size:20px;}
	header h1 > span{padding:0 15%;}
	header h1 > span > span{padding:5px 30px;}
	header h1 > span > span > span .left, header h1 > span > span > span .right{width:27px;height:27px;top:5px;}
	header h1 > span > span > span .left{left:-13px;}
	header h1 > span > span > span .right{right:-13px;}
	.slider .side{width:200px;}
	.slider .title{width:200px;}
	.banner{background-image:none;font-size:12px;}
	.banner .top{margin:10px 0;}
	.banner .top > div{float:none;padding:5px 10px;line-height:25px;}
	.banner .top > div > div i{font-size:14px;}
	.banner .top > div > div{width:25px;height:25px;line-height:25px;}
	.contact ul{padding:0;}
	.contact [class*="col-"].left, .contact [class*="col-"].right{height:auto;}
	.portfolio .img{height:auto;}
	footer .bot, footer .bot .col-sm-6:last-child{text-align:center;}
}
@media (max-width: 767px) and (orientation:landscape){
    .services .col-xs-12, .portfolio .gallery .col-xs-12{width:50%;}
   
}
@media (max-width: 767px) and (orientation:portrait){
    
}