body{ 
color: #333;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 20px;
}
p{font-size:15px;font-weight:normal; line-height:22px;margin-top:20px; color:#777; font-family: 'Open Sans', sans-serif;}
h1{font-size:42px;font-weight:bold;}
h2{font-size:40px;font-weight:bold;}
h3{font-size:32px;font-weight:bold;}
h4{font-size:24px;font-weight:bold;}
a:focus{outline:none;}
@media (min-width:1250px){.container{width:1250px;}}



.header-top{ background:#1f1f21; padding:10px 0;}
.header-top p{ color:#fff; margin:0; font-size:14px;}
.header-top p .fa{ margin-right:10px; font-size:18px;}

.social{ text-align:right; margin-top:2px;}
.social .fa{font-size:16px;color:#fff;/* margin-left:10px;*/}
.social a:hover .fa-facebook{color:#6d6dd6;}
.social a:hover .fa-google-plus{color:#ec5744;}
.social a:hover .fa-twitter{color:#57eaef;}
.social a:hover .fa-rss{color:#ff6600;}



.navigation ul li a:hover,    
#home .navigation ul li.nav-home a,
#about .navigation ul li.nav-about a,
#gallery .navigation ul li.nav-gallery a,
#services .navigation ul li.nav-services a,
#blog .navigation ul li.nav-blog a,
#reviews .navigation ul li.nav-reviews a,
#contact .navigation ul li.nav-contact a{
	color:#037ccd;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{ background:#830b19; color:#fff;}


.top-header { background:#212427; float:right; padding:10px 0 0; width:100%;}
.t-head { float:right;}
.top-header p { float:left; margin-left:50px; color:#fff; font-size:13px;}
.top-header p .fa { margin-right:10px;}

.menu-logo{background: #037ccd;}
.menu-logo:before{content: ' '; height: 140px; width: 19%; background: #fff; position: absolute; z-index:11; left: 0; }
.menu-logo .navbar{min-height: auto; margin-bottom: 0;}
.menu-logo .navbar-default{background: none; border: none;}
.menu-logo .navbar-brand{display: none;}
.menu-logo .navbar-default .navbar-nav > li{ margin-left:40px;}
.menu-logo .navbar-default .navbar-nav > li > a{color: #fff; font-size: 18px; padding:30px 0; text-transform: uppercase;}
.menu-logo .navbar-default .navbar-nav > li > a:hover{ color:#3a3d40;}
.menu-logo .logo{ top:0px;  z-index:111;  position: absolute; }
.menu-logo .logo-ot{border-right: 60px solid transparent; border-top: 140px solid #fff; z-index: 11; position: absolute; padding: 0 245px 0px 0px; top:0;}
/*.menu-logo .logo-otn{border-right: 60px solid transparent; border-top: 105px solid #212427; z-index: 1; position: absolute; padding: 0 362px 0px 0px; top: -25px; }*/


.slider .item img{width:100%; }
.slider .carousel-caption{ left:5%; text-align:left; text-shadow:none; bottom:20%; width:64%;}
.slider .carousel-caption h2{ font-size:50px; color:#000; text-transform:uppercase; font-weight:bold;}
.slider .carousel-caption p{ color:#000; font-size:18px;}

.callus span a{ display:inline-block; padding:0 15px 0 0; font-size:28px; color:#fff; text-decoration:none; margin-top:20px;}
.callus span a img{ width:inherit !important; background:#037ccd; padding:12px; margin-right:15px;}

.slider .carousel-indicators{ bottom:12%;}
.slider .carousel-indicators li{ background:#037ccd; border:none; width:40px; height:5px; border-radius:5px;}
.slider .carousel-indicators .active{ background:#033952 !important; width:40px; height:7px;}

.resid{ background:#033952; padding:50px 30px 0 30px;}
.comm{ background:#037ccd; padding:50px 30px 0 30px;}
.top-a-box{ margin-top:-65px; padding:0 15px;}
.top-a-box .col-md-6{ padding-left:0; padding-right:0;}
.top-a-box h3{ color:#fff; margin:20px 0 0 0; text-transform:uppercase; font-size:26px;}
.btm-tra img{ width:100%;}

.top-b{ padding:50px 0;}
.top-b .title h2{ font-size:38px;}
.title{ text-align:center;}
.title h2{ margin:0; font-weight:normal; text-transform:uppercase; font-size:32px;}
.title h2 span{ color:#033952; font-weight:bold;}

.top-c{ background:#f5f5f5; padding:50px 0;}
.home-services{ padding-left:7px; padding-right:7px;}
.home-services .col-md-3{ padding-left:8px; padding-right:8px;}
.home-services h4{ font-size:22px; text-transform:capitalize; margin-top:15px;}
.home-services img {
    width: 100%;
    margin-top: 20px;
}

.bottom-a{ padding:50px 0;}
.gallery-sec{ padding-left:7px; padding-right:7px; margin-top:10px;}
.gallery-sec .col-md-3{ padding-left:8px; padding-right:8px;}
.gallery-main{ margin-top:16px;}
.gallery-image{
		overflow:hidden;
		position: relative;
		max-height: 170px;
		}

	 .cap-option {
		background-color: rgba(0, 0, 0, 0.8);
		height: 100%;
		padding:0;
		position: absolute;
		width: 100%;
		transition: all 0.5s ease-in-out 0s;
		}
	
	.gallery-image:hover .cap-option {
		top: 0;
		padding-top:30%;
		}
	.col-md-4 .team-image:hover .cap-option {
		top: 0;
		padding-top:32%;
		}
	.photography-gall .team-image:hover .cap-option {
		top: 0;
		padding-top:33%;
		}	

	.cap-option h2{
		color:#fff; font-size:22px; font-weight:bold; text-transform:uppercase;
		}
		.cap-option h4{color:#fff; font-size:16px; text-transform:uppercase; background:rgba(0, 0, 0, 0.6); border:2px solid #fff; padding:5px 10px; width:130px; display:inline-block;}
		
		.cap-option img{ width:45px !important;}
.cap-option-icon {
	
	position: absolute;
	display: block;
	
	
	}
		
	

	.gallery-main a i{
		color:#fff;
		font-size:30px;
		}
		
	.gallery-main a:hover i{
		color:#fff;
		transition: all 0.5s ease-in-out 0s;
		
		}

.sl-wrapper .sl-close{ z-index:9999 !important;}
.sl-wrapper .sl-counter{ z-index:9999 !important;}
.sl-overlay{ z-index:9991 !important;}
.sl-wrapper .sl-navigation button{ z-index:9999 !important;}

.bottom-b {
    background: #037ccd !important;
    padding: 10px 0 30px 0;
}
.circle{ background:#fff; width:100px; height:100px; border-radius:100%; padding:25px;}
.bottom-b h4{ color:#fff; font-size:22px; text-transform:uppercase; margin:0;}
.bottom-b p{ color:#fff; margin-top:10px;}
.bot-blk{ margin-top:20px;}


.footer{ background:#1f1f21; padding:20px 0 50px 0;}
.footer h4{ font-size:22px; text-transform:uppercase; font-weight:bold; color:#fff; margin-top:30px;}
.footer .cato{margin-top:20px;}
.footer .cato ul{margin:0 !important;list-style:none;padding:0px;}
.footer .cato li{ background:none; border-bottom:1px solid #ffffff; padding:5px 0 8px 0; width:40%; float:left; margin-right:20px;}
.footer .cato li a{ background:url(../images/tick2.png) no-repeat 0 5px;font: normal 15px/30px 'Open Sans', sans-serif;color:#fff;padding-left:25px;margin-bottom:10px; text-decoration:none;}

.info-blk{ margin-top:30px;}
.info-blk img{ float:left; margin-right:15px;}
.info-blk h5{ color:#fff; font-size:15px; margin:0; line-height:18px; font-family:'Open Sans', sans-serif;}
.info-blk h5 a{ color:#fff; text-decoration:none;}

.footer-social{ margin-top:30px;}
.footer-social h5{ border-bottom:1px solid #ffffff; padding:5px 0 8px 0; font-family:'Open Sans', sans-serif;}
.footer-social h5 a{ font-size:15px; color:#fff; text-decoration:none;}
.footer-social h5 .fa{ border:1px solid #fff; padding:5px; width:30px; text-align:center; font-size:16px; margin-right:10px;}

.footer-bottom{ background:#262650; padding:20px 0;}
.footer-bottom p{ margin:0; color:#fff;}
.footer-bottom p a{ color:#033952; text-decoration:none; font-weight:bold;}

.sub-banner{background:url(../images/sub-banner.jpg) no-repeat fixed;background-size:cover;height:300px;}
.sub-banner h2{margin:0;color:#000;padding-top:140px;text-transform:uppercase; font-size:28px;}
.sub-content{ padding:50px 0;}

.wht-we{ background:#033952; padding:30px 0;}
.wht-we h2{ font-size:30px; text-align:center; margin:0; color:#fff; text-transform:uppercase;}
.about-second{ padding:30px 0 50px 0;}

.wht-we-box{ background:#f5f5f5; padding:30px; margin-top:20px; min-height:225px;}
.wht-we-box h4{ margin:0; font-size:25px;}
.wht-we-box p{ color:#444;}

.about-third{ padding:30px 0 50px 0;}
.how-we-box{ background:#f5f5f5; padding:30px; margin-top:20px;}
.how-we-box img{ width:100%;}
.how-we-box h4{ margin-top:20px;}
.min-hg{ min-height:572px;}

.gallerypart .gallery-sec{ margin:0;}
.gallerypart{ padding-top:30px;}

.about-second .title h2{ font-size:28px;}


.border{width:100%;border:1px solid #ccc;color:#9898989;height:40px;font-size:13px;padding:0px 0 0 5px;background:#fff;}
.border1{width:100%;border:1px solid #ccc;color:#9898989;height:40px;font-size:13px;padding:0px 0 0 5px;background:#fff;}
.border:hover,
.border:focus,
.border1:hover,
.border1:focus{background:#fff;border-color:#ccc;}
.borderk{font-size:13px;color:#9898989;border:1px solid #ccc;width:100%;padding:0px 0 0 5px;background:#fff;}
.borderka{font-size:13px;color:#9898989;border:1px solid #ccc;width:100%;padding:0px 0 0 5px;background:#fff;}
.button,
.button1{background:#033952; border:1px solid #033952;font-size:15px; text-transform:uppercase; font-weight:bold;padding:8px 10px;margin-right:8px;cursor:pointer;color:#fff;}
.button:hover,
.button1:hover{background:#56dafe;border:1px solid #56dafe;color:#fff;}
.contactwhol{padding:0px;}
#c1{margin:0;padding:0 0 0 0px;line-height:30px;text-align:left;font-size:15px;font-weight:bold;color:#6a6a6a; font-family: 'Open Sans', sans-serif;}
#c2{margin:0;padding:0;line-height:30px;font-size:15px;font-weight:bold;color:#6a6a6a;text-align:left !important; font-family: 'Open Sans', sans-serif;}
img.captcha{background:none;border:0px;border-radius:0% !important;}
.thank-message{margin:0 0 15px 0;}

.contact .lead{ font-size:16px; color:#989898; margin-top:0;}
.map iframe{ border:5px solid #ccc;}

.sel{width: 100%;
	border:1px solid #ccc;
	color:#9898989;
	height:40px;
	padding:0px 0 0 5px;
	}

.sel option{ font-size:16px !important;}
.sm-cont select {
    -moz-appearance: none;
	-webkit-appearance: none !important;
    background:#fff url(../images/arrorw-select.png) no-repeat scroll right center !important;
}

.ok, .error{ font-size:24px; color:#f60606; font-weight:bold; line-height:22px;}

.ser-sub-tit{ margin-top:50px;}
.sub-title h3{ margin:0 0 0 0;}
.gall-tit-sub{ margin-top:20px;}
.gall-tit-sub .sub-title h3{ margin-bottom:0;}

/* scroll top */
.scrollToTop{ 
	text-align:center; 
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom:70px;
	right:30px;
	display:none;	
	
}
.scrollToTop:hover{
	text-decoration:none;
}