/*

Custom Styles. Bootstrap Styles are default'

*/


@font-face {
    font-family: 'GOTHIC_0';
    src: url('../fonts/GOTHIC_0.eot');
    src: url('../fonts/GOTHIC_0.eot') format('embedded-opentype'),
         url('../fonts/GOTHIC_0.woff2') format('woff2'),
         url('../fonts/GOTHIC_0.woff') format('woff'),
         url('../fonts/GOTHIC_0.ttf') format('truetype'),
         url('../fonts/GOTHIC_0.svg#GOTHIC_0') format('svg');
}
* {
}
body {
	/*font-family: Calibri, sans-serif;*/
	font-family:open-sans;
	color: #a6a8a8;
	font-size: 14px;
}
/*Typography*/

a, input, button {
	-webkit-transition: all ease .2s;
	-moz-transition: all ease .2s;
	-o-transition: all ease .2s;
	transition: all ease .2s;
}
a {
	color: #23c3ff;
}
a:hover {
	color: #23c3ff;
	text-decoration: underline;
}
hr {
	border-color: #e5e5e5;
	margin: 10px 0 10px 0;
}
h1, h2, h3, h4, h5, .navbar-default .nav-justified>li, .btn, p.big-paragraph, p.small-paragraph, .carousel-caption, .recent-posts .col-md-9 .text p small {
	font-family: 'Open Sans', sans-serif;
}
h1 {
	font-size: 60px;
	text-transform: lowercase;
	color: #fff;
	font-weight: 300;
}
h2 {
	font-size: 30px;
	
	color: #333838;
	line-height: 30px;
}
h2.page_title {

	padding: 40px 0;

	color: #333838;
    font-size: 32px;
    line-height: 30px;
}
h2 span {
	
}
h2 span.blue {
	font-weight: 300;
	background-color: #23c3ff;
	color: #fff;
	padding: 0 3px 4px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}
span.sep {
	width: 140px;
	display: inline-block;
	border-top: 1px solid #FFCB05;
}
h2 small {
	color: #c7c7c7;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
}
h2.block__title {
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	line-height: 3px;
	margin-bottom: 60px;
}
h2.block__title span {
	border: none;
	background-color: #eff2f2;
	padding: 0 30px;
	text-transform: uppercase;
	line-height: 3px;
}
h3 {
	font-size: 32px;
	color: #1e1e1e;

}
h3 a {
	color: #1e1e1e;
}
h3 a:hover {
	text-decoration: none;
	color: #23c3ff;
}
.typo {
	margin-top: 80px;
}
h4 {
	font-size: 19px;
	line-height: 105%;
	color: #1e1e1e;
	text-transform: none;
}
h4 a {
	color: #1e1e1e;
}
h4 a:hover {
	text-decoration: none;
	color: #23c3ff;
}
h5 {
	font-size: 17px;
	text-transform: uppercase;
	color: #33313a;
}
h2.with__margin {
	margin-top: 70px;
	margin-bottom: 0px;
}
h2.with__margin2 {
	margin: 50px 0;
}
/* Forms */
#overlay {
    position:fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 10000;
    display: block;
}
.pd{ padding-left:0px;}

.mr_zr{ margin-left:0;}
footer p{ color:#666; font-size:15px; line-height:10px; font-weight:normal; margin-left:20px;}
footer p a{ color:#666;}
footer p a:hover{ color:#F36F21; text-decoration:none; }
.foot_cont{ margin:20px 0px;}
.link{ padding:0 0 0 0;}
.link li{ list-style:none;}
.foot_proj{ margin:0; padding:0;}
.foot_proj li{ display:inline; float:left; border:2px solid #fff; margin:0 5px 5px 0px;}
.foot_proj li:hover{  border:2px solid #F37022;}
.dir_img img{ width:100%;}
.social__icons{ margin-top:10px;}

.abotus h2{ color:#000; font-size:20px; line-height:25px; font-family: 'GOTHIC_0'; text-transform:uppercase;}

.abotus p.big-paragraph{color:#000000; font-size:15px;line-height:24px; font-weight:bold; }

.abotus ul{ padding-left:0px; }
.abotus ul li{color:#000; font-size:15px; line-height:30px; font-family: 'GOTHIC_0'; list-style:none;
 background:url(../images/head-small.png) no-repeat left 12px; padding-left:20px;}
.abotus p{color:#000000; font-size:15px; line-height:26px; font-family: 'GOTHIC_0';}
.pdaex{}
.padtop{ padding-top:20px;}
.our_presence h3{color:#fff; font-size:22px; line-height:25px; font-family: 'GOTHIC_0'; }

.abut_left{ width:50%; float:left;}
.abut_right{ width:50%; float:left;}
.our_strenght{ background:#cccc00; min-height:300px;}
.our_presence{ background:#ff6633;min-height:300px;}

.our_strenght h3{color:#fff; font-size:22px; line-height:25px; font-family: 'GOTHIC_0'; }
.our_strenght p{color:#fff; font-size:15px; line-height:25px; font-family: 'GOTHIC_0'; padding-left:0px;}
.our_presence ul{}
.our_presence ul li{color:#fff; font-size:15px; line-height:25px; font-family: 'GOTHIC_0'; list-style:none;
 background:url(../images/head-small_white.png) no-repeat left center; padding-left:20px;}
 
.our_strenght img{ padding:35px 0 0 0;} 
 
 
 
.our_str_inner{ width:100%; float:right; max-width:500px; }
.our_values_inner{ width:100%; float:left; max-width:550px; }

 
.why_wrapper{ margin:auto; max-width:1030px; }

.pad_30{ padding-bottom:30px;}
.pd_zero{ padding:0;}

.our_values{ background:#999900; min-height:180px; padding:15px; }

.our_values_one{width:22%; float:left; margin-right:3%;}
.our_values_two{ width:73%; float:left; margin:0 1%}

.our_values_one img{ width:100%;}

.our_values_mid{ background:#ff6633; min-height:180px;padding:15px;}

.our_values h3{color:#fff; font-size:22px; line-height:25px; font-family: 'GOTHIC_0'; font-weight:bold; margin:0;}
.our_values_mid h3{color:#fff; font-size:22px; line-height:25px; font-family: 'GOTHIC_0';font-weight:bold; margin:0;}

.our_values p{color:#fff; font-size:15px; line-height:25px; font-family: 'GOTHIC_0';}
.our_values_mid p{color:#fff; font-size:15px; line-height:25px; font-family: 'GOTHIC_0';}



/***********************SERVICES******************************/

 
.services_wrapper{ margin:0 auto; max-width:1180px; width:100%; }
.services_wrapper_two{ margin:0 auto; max-width:1180px; width:100%; }
.pad_30{ padding-bottom:30px;}

.ser_two_coord{ width:40%; margin:0 0.5%; background:#ff6633; float:left;padding:10px;  min-height:95px;}
.ser_two_coord h3{color:#fff; font-size:18px; line-height:25px; font-family: 'GOTHIC_0';font-weight:bold; margin:6px 0px;}
.ser_two_coord p{color:#fff; font-size:14px; line-height:25px; font-family: 'GOTHIC_0';}
	

.ser_one{ width:19%; margin:0 0.5%; background:#999900; float:left;padding:10px; border:10px solid #f3f3f3; min-height:240px;}
.ser_two{ width:19%; margin:0 0.5%; background:#ff6633; float:left;padding:10px; border:10px solid #f3f3f3; min-height:240px;}

.ser_one h3{color:#fff; font-size:18px; line-height:25px; font-family: 'GOTHIC_0'; font-weight:bold;}
.ser_two h3{color:#fff; font-size:18px; line-height:25px; font-family: 'GOTHIC_0';font-weight:bold;}

.ser_one p{color:#fff; font-size:14px; line-height:30px; font-family: 'GOTHIC_0';}
.ser_two p{color:#fff; font-size:14px; line-height:30px; font-family: 'GOTHIC_0';}

.ser_midle{ margin:15px auto 0; float:none;}
.ser_midlebor_top{ background:url(../images/border-top-up.png) no-repeat center bottom;  width:2px; height:35px; margin:auto;}

.ser_padcon{padding: 10px 0px 10px 0px;}

.bor_top{ background: url(../images/bor-top.png) repeat-x center bottom; height:2px; width:88%; margin:auto;}
.services_wrapper_two ul{ }
.services_wrapper_two ul li{ list-style:none; background:url(../images/border-top.png) no-repeat center top; width:12.5%; float:left; margin:0; padding:30px 0 0 0; text-align:center;}
.services_wrapper_two ul li p{color:#666666; font-size:13px; line-height:20px; font-family: 'GOTHIC_0'; min-height:40px;}


/***********************clients******************************/
.client_wrapper{ margin:0 auto; max-width:1180px; width:100%; }
.client_one{ width:12.28%; margin:1%; float:left;}
.client_one img{ width:100%;}


/***********************career******************************/

.career_wrapper{ margin:30px auto;  width:100%; }

.career_one{ width:19%; margin:0 0.5%; background:#999900; float:left;padding:10px; border:10px solid #f3f3f3; min-height:240px;}
.career_two{ width:19%; margin:0 0.5%; background:#ff6633; float:left;padding:10px; border:10px solid #f3f3f3; min-height:240px;}

.career_one h3{color:#fff; font-size:18px; line-height:25px; font-family: 'GOTHIC_0'; font-weight:bold;}
.career_two h3{color:#fff; font-size:18px; line-height:25px; font-family: 'GOTHIC_0';font-weight:bold;}

.career_one p{color:#fff; font-size:13px; line-height:20px; font-family: 'GOTHIC_0';}
.career_two p{color:#fff; font-size:13px; line-height:20px; font-family: 'GOTHIC_0';}

.career_option1{display:none;}
.career_option2{ display:none;}

.cont p{ margin:0 !important;}
.cont_wrap{ margin:2px 0px; width:100%; float:left;}

.cont_wrap ul li a{ color:#000000;}
.contact_form{color:#333333; font-size:15px; line-height:20px; font-family: 'GOTHIC_0';}
.form-box{ padding:0; margin:10px 0 0 0;}


.form-control, .form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.form-control:focus {
	border-color: #23c3ff;
}
/*Buttons*/

.btn-primary {
	font-size: 14px;
	
	color: #fff;
	font-weight: normal;
	border: 4px solid #f3f3f3;
	background: #ff6633;
	width: 140px;
	height: 45px;
	line-height: 35px;
	padding: 0;font-family: 'GOTHIC_0';
}
.btn-primary:hover, .btn-primary:focus {
	background-color: #f3f5f6;
	border-color: #bababa;
	color: #393a36;
}
.btn-info {
	font-size: 14px;
	line-height:36px;
	color: #000000;
	border:1px solid #000000;
	background:none;
	width: 120px;
	margin:0 0 0 0;
	padding: 0;
}
.btn-info0{color: #cc0000;
	border:1px solid #cc0000; }

.btn-info span{ margin:0px 0 0 6px;}
.btn-info:hover, .btn-info:focus {
	
	background:none;
	color: #a8aa09;
	border:1px solid #a8aa09;
}
.btn-default {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	border-color: #fff;
	background: none;
}
.btn-default:hover, .btn-default:focus {
	background-color: #fff;
	border-color: #fff;
	color: #393a36;
}
button.btn-primary:focus, .btn-default:focus, .btn-info:focus {
	outline: none;
}
.btn-lg {
	width: 180px;
	height: 57px;
	line-height: 57px;
	padding: 0;
	text-transform: uppercase;
}
/*Header*/

header {
	background: #fff;
	width: 100%;
}
.navbar{ position:relative;}
.navbar-header { position:absolute;
}
.navbar-toggle {
	margin-right: 0;
}
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover {
	
	width: 168px;
	height: 101px;
	text-transform: none;
	line-height: 47px;
	text-align: center;
	display: inline-block;
	margin:0 auto;
	padding: 0;
	
}
.navbar-default .navbar-brand a {
	color: #FFF;
	text-decoration: none;
}
/*Main Navigaion Menu*/
.mobile-nav{ background:#fff;}

.mobile-nav ul {
	margin: 0 0 25px;
	padding: 0
}
.mobile-nav ul li {
	list-style: none
}
.right_arrow {
	position: fixed;
	bottom: 7%;
	right:4%;
	margin: 0px;
	padding:0px; width:30px; height:21px;
	cursor: pointer;
	z-index: 99;
	display: block
}

.hamburger {
	position: fixed;
	top: 0;
	float: right;
	margin: 10px;
	padding: 10px 10px 9px;
	cursor: pointer;
	z-index: 99;
	display: block
}
.hamburger .hamburger-inner {
	position: relative;
	height: 21px;
	width: 30px;
	display: block;
	margin: 0;
	padding: 0
}
.hamburger .bar {
	width: 30px;
	height: 2px;
	background: #000;
	position: absolute;
	top: 0
}
.hamburger .bar.bar2, .hamburger .bar.bar3 {
	top: 9px
}
.hamburger .bar.bar4 {
	top: 18px
}
.hamburger.open .bar1, .hamburger.open .bar4 {
	display: none
}
.hamburger.open .bar2, .hamburger.open .bar3 {
	height: 3px
}




.abotus{ /*background:url(../images/aboutus_bg.jpg) no-repeat; background-size:cover;*/ padding:30px;bottom: 0;
    left: 0;
    margin: auto;
    padding: 30px;
    position: relative;
    right: 0;
    top: 0; bottom:30px;}
	
	
	.BGimg{ background:url(../images/aboutus_bg.jpg) no-repeat; background-size:cover; padding:30px;bottom: 0;
    left: 0;
    margin: auto;
    padding: 30px; z-index:1;
    position: fixed;
    right: 0;
    top: 0;}
	




.dropdown:hover .dropdown-menu {
	display: block;
}
.navbar-default {
	background: none;
	border: none;
	margin-bottom: 0px;
	position: relative;
	z-index: 999;
}
.navbar-default .navbar-nav {
	padding: 0px;
}
.navbar-default .navbar-nav>li {
}
.navbar-default .navbar-nav>li>a {
	color: #666;
	font-size: 16px;
	padding: 25px 15px;
	
	 font-family: 'GOTHIC_0';
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	
}
.navbar-default .navbar-nav>li.dropdown>a {
	background: none;
}
.navbar-default .navbar-nav>li.active>a, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li:hover>a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>li.open>a, .navbar-default .navbar-nav>li.active>a:hover {
	color: #ff6633;
	background: none; outline:none;
}
.navbar-default .navbar-nav>li:first-child {
	margin-left: 0px;
}
ul.dropdown-menu {
	padding: 0;
	left: 0px !important;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	border: none;
	background: #fff;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	-ms-box-shadow: none;
}
ul.dropdown-menu li {
	border-bottom: 1px solid #545858;
}
ul.dropdown-menu li:last-child {
	border-bottom: none;
	border-radius: 0px 0px 2px 2px;
	-webkit-border-radius: 0px 0px 2px 2px;
	-moz-border-radius: 0px 0px 2px 2px;
	-ms-border-radius: 0px 0px 2px 2px;
	-o-border-radius: 0px 0px 2px 2px;
}
ul.dropdown-menu li:first-child {
	border-radius: 2px 2px 0px 0px;
	-webkit-border-radius: 2px 2px 0px 0px;
	-moz-border-radius: 2px 2px 0px 0px;
	-ms-border-radius: 2px 2px 0px 0px;
	-o-border-radius: 2px 2px 0px 0px;
}
ul.dropdown-menu>li>a {
	color: #666;
	border-top: none;
	font-weight: normal;
	font-size: 16px;
	padding: 10px 15px;font-family: 'GOTHIC_0';
	
}
ul.dropdown-menu>li>a:hover {
	color: #ff6633;
	border-top: none;
	background: none;
}
/*Carousel*/

.slider {
	position: relative;
	z-index: 9;
}
.boxess {
	padding-top: 25px;
}
.slider .btn {
	margin: 70px 10px 0;
}
.carousel-caption {
	top: 50%;
	margin-top: -140px;
	font-size: 18px;
	color: #fff;
	text-shadow: 1px 1px 3px #666666;
	text-transform: none;
	font-weight: 300;
}
.carousel-caption h1 {
	line-height: 60px;
}
.carousel-control {
	background: none;
	opacity: 1;
	position: absolute;
	top: 50%;
	margin-top: -27px;
	-moz-opacity: 1;
}
.carousel-control .carousel-control-left {
	background: url('../images/slider/prev.png') no-repeat;
	width: 54px;
	height: 54px;
	left: 20px;
}
.carousel-control .carousel-control-right {
	background: url('../images/slider/next.png') no-repeat;
	width: 54px;
	height: 54px;
	right: 20px;
}
.carousel-control .carousel-control-left:hover {
	background: url('../images/slider/prev_a.png') no-repeat;
}
.carousel-control .carousel-control-right:hover {
	background: url('../images/slider/next_a.png') no-repeat;
}
.boxed .carousel-control .carousel-control-left {
	left: -150px;
	top: 270px;
}
.boxed .carousel-control .carousel-control-right {
	right: -150px;
	top: 270px;
}
.boxed .carousel-caption {
	top: 90px;
}
.boxess .carousel-caption h1 {
	font-size: 40px;
	line-height: 40px;
}
/*Container*/

.main__middle__container .row ul, .main__middle__container .row ol {
	
}
.main__middle__container {
	width: 100%; z-index:3;
}
.row {
	padding: 30px 0; background:rgba(255,255,255,0.95);
}
.row.with__sep {
	background: url('../images/lines.png') repeat-x left bottom;
}
.container .row:first-child {
	padding: 75px 10% 75px 10%;
}
p.big-paragraph {
	font-size: 16px;

	color: #333366; line-height:30px;
}
.orange {
	color: #23c3ff;
	padding: 0 0 10px 0;
}
.black-text {
	color: #1e1e1e;
}
.blue__line {
	width: 100%;
}
.blue__line h1 {
	color: #1e1e1e;
}
/*Icons Blocks*/

.icons__blocks {
	
	width: 100%;
}
.icons__blocks p.small-paragraph {
	font-size: 12px;
	border-bottom: 1px solid #e1e1e1;
	position: relative;
	text-transform: uppercase;
	margin-top: 15px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	color: #c7c7c7;
}
.icons__blocks p {
	margin-top: 15px;
}


.icons__block {
	background-color: #fff;
	width: 100%;
}
.icons__block p.small-paragraph {
	font-size: 14px;
	border-bottom: 2px solid #ffcc00;
	position: relative; background:url(../images/proj_bot.png) no-repeat bottom center;
	
	margin-top: 15px;
	padding-bottom: 40px;
	margin-bottom: 30px;
	color: #333366;
}
.icons__block p {
	margin-top: 20px;
}

/*.icons__block h3{ color:#333366; font-size:18px; line-height:30px; font-weight:bold;}*/
/* grey-info-block */

.grey-info-block {
	background: #23c3ff;
	width: 100%;
	padding: 0 0 75px 0;
	margin: 0;
	color: #fff;
}
.grey-info-block span.sep, .grey-info-block h2.page_title span, .grey-info-block h2 small, .grey-info-block h3 {
	border-color: #fff;
	color: #fff;
}
.grey-info-block p.small-paragraph {
	font-size: 12px;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 40px;
	margin-top: 15px;
	color: #c7f0ff;
	border-bottom: 1px solid #91e1ff;
}
.grey-info-block .btn-info {
	border-color: #fff;
	margin-top: 35px;
}
.grey-info-block .btn-info:hover {
	color: #23c3ff;
	border-color: #fff;
	background-color: #fff;
}
/*Three Blocks*/

.three-blocks {
	background: url('../images/image_1920x374.jpg') no-repeat;
	background-size: 100% 100%;
}
.three-blocks h2 {
	color: #fff;
	padding: 0;
}
.three-blocks p {
	padding: 25px 0 0 0;
	font-size: 12px;
	color: #b4b4b4;
	text-transform: uppercase;
}
/* Recent Posts */

.recent-posts .col-md-9, .recent-posts .col-md-3 {
	margin-top: 40px;
}
.recent-posts .col-md-9 .text {
	float: left;
	width: 55%;
	margin-left: 2%;
}
.recent-posts .col-md-9 .text h3 {
	margin-top: -5px;
	margin-bottom: 5px;
}
.recent-posts .col-md-9 .text p {
	padding: 5px 0;
}
.recent-posts .col-md-9 .text p.small-paragraph {
	font-size: 12px;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 25px;
	margin-bottom: 20px;
	color: #c2c2c2;
	font-weight: normal;
	text-transform: uppercase;
}
.recent-posts .col-md-9 img {
	width: 43%;
}
.recent-posts .col-md-9 article {
	margin-bottom: 50px;
}
.recent-posts .col-md-3 .icon-item {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 0px 0 30px 0;
}
.recent-posts .col-md-3 .btn.btn-primary {
	width: 100%;
}
/*Social Icons*/

.socialicon {
	position: relative;
	display: inline-block;
	width: 32px;
	margin-right: 5px;
	height: 32px;
}
.socialicon-twitter {
	background: url('../images/social/twitter.png') no-repeat;
}
.socialicon-facebook {
	background: url('../images/social/facebook.png') no-repeat;
}
.socialicon-google {
	background: url('../images/social/google.png') no-repeat;
}
.socialicon-mail {
	background: url('../images/social/mail.png') no-repeat;
}
.socialicon-twitter:hover {
	background: url('../images/social/twitter_a.png') no-repeat;
}
.socialicon-facebook:hover {
	background: url('../images/social/facebook_a.png') no-repeat;
}
.socialicon-google:hover {
	background: url('../images/social/google_a.png') no-repeat;
}
.socialicon-mail:hover {
	background: url('../images/social/mail_a.png') no-repeat;
}
/* Contact Form */

.contact-form {
}
.contact-form .col-md-6 {
	padding: 0 20px 0 0;
}
.contact-form .col-md-6:nth-child(2) {
	padding: 0 0px 0 0;
}
/* Aside */

aside h3 {
	line-height: 11px;
	margin-bottom: 40px;
}
aside img {
	width: 100%;
	margin-bottom: 10px;
}
aside ul li {
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 0;
}
aside ul li:last-child {
	border-bottom: none;
}
aside a.btn {
	margin: 20px 0 40px;
}
/* Main Content*/

.main-content h2 {
	line-height: 11px;
	margin-bottom: 40px;
}
/* Footer */

footer {font-family: 'GOTHIC_0';
	background: #333333; float:left;
	color: #666666; width:100%; padding-bottom:15px;
}
footer ul li a{ color:#666666; font-size:15px; line-height:26px;}
footer ul li a:hover{ text-decoration:none; color:#ff6633;} 


footer h3 {font-family: 'GOTHIC_0';
	padding-bottom: 10px;
	color: #666;
    font-size: 16px;
    line-height: 33px; font-weight:bold;
}
footer hr {
	border-top: 1px solid #d0d1d2;
	margin: 20px 0 0 0;
}
footer p span {
	color: #1e1e1e;
}
footer>.container>.row:first-child {
	padding: 45px 0;
}
footer .text-center {
	padding: 40px 0;
	margin: 0;
}
footer .form-group {
	width: 90%;
}
footer button.btn-primary {
	position: relative;
	top: 10px;
}
footer button.btn-primary:focus {
	outline: none;
}
/*Responsive - debugging default problems*/

.img-responsive {
	margin: 0 auto;
}
.no-margin {
	margin: 0;
}
.no_padding {
	padding: 0px 0 80px 0;
}
.row.nothing {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.botm_foot {width:100%; line-height:40px; background:#000; float:left;}

.pivc { width:28.3%; float:left; text-align:left; color:#666;   font-family: 'GOTHIC_0'; font-size:12px; padding:0 0 0 5%;}
.copyrgt { float:left; width:40.3%; text-align:center;  font-family: 'GOTHIC_0'; font-size:12px; color:#666;}
.qmlogo { float:left; width:30.3%; text-align:right; padding:0 0% 0 0;}

/*.project{ width:1255px;}*/
.first_click{ }

.project_one:hover .overlay{ opacity:1;}
.project_one .overlay {
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;cursor:pointer;
    transition: all 0.4s ease-in-out 0s;
    width: 100%;
}
.project_one:hover .first_click{ opacity:1;}
.first_click {
    bottom: 55%;
    left: 50%;
    opacity: 0;
    position: absolute;
    right: 25%;
    top: 45%;
   
    z-index: 2;
}

.project .projp{ color:#000000;   font-family: 'GOTHIC_0'; font-size:15px; line-height:22px; margin:0 0 4px 0;}


.mainprojectswrapper{ width:100%; float:left; margin:10px auto;}
.project_one{ width:31.33%; float:left;margin:1% 1%; position:relative;}
/*.project_two{ width:31.33%; float:left; margin:1% 1%;}
.project_three{ width:31.33%; float:left;margin:1% 1%;}*/


.project .proj_left{ width:55%; float:left;}
.project .proj_right{ width:45%; float:left; background:#fff; height:247px; padding:15px 15px;}

.project .proj_right .rhtimg{ width:100%;}

.project .proj_right p{ color:#000000; font-family: 'GOTHIC_0'; font-size:12px; line-height:22px; margin:0;}
.popup {
	 
	background:rgba(11,11,11,0.8);
    height: 100%;
    left: 0;
    
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1042;
}
div.scroll {width:100%; height:100%;overflow-x: scroll;overflow: auto;}
.popup_inner img{ width:100%;}

.popup_inner {
   
    width:897px;
    height:100%; /*overflow-y:scroll; overflow-x:hidden; */  
   
    background-color:rgb(240,240,240);
  
    z-index:100000000000000000;
}
.closepopup{width:930px; position:fixed; top:0px;
    left:0px;
	bottom:0px;
	right:0px;	
    margin:auto;height:100%; }
    
.cancel {
    display:relative;
    cursor:pointer;
    margin:0;
    float:right;
    height:27px;
    width:27px;
    padding:0 0 5px 0;
    background:url(../images/projects/close.png) no-repeat; 
    text-align:center; position:absolute; top:0; right:0;
   
    color:white;
    border-radius:3px;
    z-index:100000000000000000;
}

/*.cancel:hover {
    background:rgb(255,50,50);
}*/
 @media(max-width:1600px) {
.carousel-caption h1 {
	font-size: 40px;
	line-height: 40px;
}
}
 @media(max-width:1310px) {
.carousel-caption {
	font-size: 14px;
	top: 65%;
}
.carousel-caption h1 {
	font-size: 30px;
	line-height: 30px;
}
.slider .btn {
	margin: 10px;
}
}
 @media(max-width:990px) {
.main__middle__container h3.heading.white {
	background: none;
}
.carousel-caption {
	font-size: 13px;
	top: 50%;
	margin-top: -110px;
	left: 15%;
	right: 15%;
}
.carousel-caption h1 {
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 0px;
	padding-bottom: 5px;
}
.boxess .carousel-caption h1 {
	font-size: 20px;
	line-height: 20px;
}
.carousel-control .carousel-control-left {
	left: 5px;
}
.carousel-control .carousel-control-right {
	right: 5px;
}
.carousel-control {
	width: auto;
}
.boxess .carousel-control {
	width: auto;
	top: 50%;
	margin-top: -27px;
}
.boxess .carousel-caption {
	top: 50%;
	margin-top: -80px;
}
.navbar-default .navbar-nav>li>a {
	font-size: 12px;
}
}
 @media(max-width:768px) {
.recent-posts .col-md-9 .text {
	margin-left: 0px;
}
.navbar-toggle {
	top: 25px;
}
.recent-posts .col-md-9 .text h3 {
	margin-top: 15px;
	margin-bottom: 5px;
}
.three-blocks p {
	padding: 20px 0 10px 0;
	margin-bottom: 0px;
}
.recent-posts .col-md-9 .text, .recent-posts .col-md-9 img {
	float: left;
	width: 99%;
}
header.with-boxed {
	height: auto;
}
}
 @media(max-width:767px) {
	 .dir_img{ margin-bottom:20px;}
.abotus { padding:15px !important;}	 
.accordion-header{ font-size:15px !important;}
	 
.navbar-header{ position:relative;}	 
.navbar-nav .open .dropdown-menu > li > a{ font-size:12px;}
.navbar-collapse {
	height: 0px;
	overflow: hidden;
}
.navbar-collapse.in {
	display: block !important;
}
.navbar-default .navbar-nav {
	padding: 0;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	color: #666;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
	color: #F37022;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	color: #F37022;
	background-color: transparent;
}
.navbar-default .navbar-nav>li {
	display: block;
	text-align: center;
}
.navbar-default .navbar-nav>li a {
	padding: 5px 0;
}
}
 @media(max-width:600px) {
.slider .btn {
	display: none;
}
}
 @media(max-width:440px) {
.carousel-caption {
	display: none;
}
}
.carousel-fade {
 .carousel-inner {
 .item {
 opacity: 0;
 transition-property: opacity;
}
 .active {
 opacity: 1;
}
 .active.left,  .active.right {
 left: 0;
 opacity: 0;
 z-index: 1;
}
 .next.left,  .prev.right {
 opacity: 1;
}
}
.carousel-control {
	z-index: 2;
}
}
.carousel-fade .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
	opacity: 1;
}
.carousel-fade .carousel-inner .active.left,  .carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}
.carousel-fade .carousel-inner .next.left,  .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-control {
	z-index: 2;
}
/* Portfolio */

#portfolio {
	padding: 30px 0px 40px 0px;
	overflow: hidden;
}
#portfolio ul.controls {
	padding: 0px 0 20px 2px;
	overflow: hidden;
	margin: 20px 0;
	border-bottom: #23C3FF solid 2px;
}
#portfolio ul.controls li {
	float: left;
	color: #000;
	font-weight: 400;
	font-size: 15px;
	padding: 5px 15px;
	cursor: pointer;
}
#portfolio ul.controls li:hover, #portfolio ul.controls li.active {
	padding: 4px 15px;
	color: #23C3FF;
	margin: 0 -1px;
	border: 1px solid #23C3FF;
}
#portfolio ul#Grid {
	margin: 0 0 30px 0;
	padding: 0;
	position: relative;
}
#portfolio ul#Grid li {
	padding: 0 1px 1px 0;
	margin: 0;
	display: none;
	position: relative;
}
#portfolio ul#Grid li a {
	display: block;
	position: relative;
	color: #fff;
}
#portfolio ul#Grid li span.overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: hidden;
	text-indent: -9999px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	background: #000;
}
#portfolio ul#Grid li:hover span.overlay {
	visibility: visible;
	opacity: 0.2;
	filter: alpha(opacity=20);
}
#portfolio ul#Grid span.text {
	padding: 0px 10px;
	height: 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	z-index: 10;
	overflow: hidden;
	font-size: 22px;
	font-weight: 400;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	color: #FFF;
	line-height: 30px;
	background: #23C3FF;
}
#portfolio ul#Grid li:hover span.text {
	background: #23C3FF;
	opacity: 0.9;
}
#portfolio ul#Grid span.text span {
	color: #f9f9f9;
	font-weight: 400;
	display: block;
	font-size: 14px;
	text-transform: none;
	line-height: 22px;
}
#portfolio ul#Grid span.text:after {
	border-color: rgba(63, 141, 191, 0);
	border-bottom-color: #23C3FF;
	border-width: 10px;
	margin-left: -10px;
}
#portfolio ul#Grid span.text:before {
	border-color: rgba(63, 141, 191, 0);
	border-bottom-color: #23C3FF;
	border-width: 16px;
	margin-left: -16px;
}
#portfolio ul#Grid li:hover span.text {
	padding: 10px 10px;
	height: auto;
	overflow: visible;
	text-decoration: none;
}
/* ## REST CSS */

ul.dropdown-menu {
	display: block;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
	top: 85% !important;
	opacity: 0;
	visibility: hidden;
}
.dropdown:hover .dropdown-menu {
	top: 100% !important;
	opacity: 1;
	visibility: visible;
}
 @media(max-width:767px) {
.navbar-default .navbar-nav > li > a {
	padding: 10px 10px;
}
.dropdown:hover .dropdown-menu {
	display: none;
}
ul.dropdown-menu {
	visibility: visible;
	opacity: 1;
	display: none;
	position: relative;
	left: 0px;
	top: 0px !important;
	
}
.dropdown:hover .dropdown-menu {
	top: 0 !important;
}
.open .dropdown-menu, .open:hover .dropdown-menu {
	display: block;
	visibility: visible;
	opacity: 1;
}
.navbar-collapse.in {
	max-height: 350px;
}
.navbar-default ul.navbar-collapse {
	display: block !important;
	height: 0px;
}
ul.dropdown-menu li {
	border-bottom: 0px solid #545858;
}
ul.dropdown-menu li a {
	color: #333;
}
h1 {
	font-size: 24px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 20px;
}
.pull-left {
	float: none !important;
}
.pull-right {
	float: none !important;
}
.recent-posts .col-md-9 article img.pull-left {
	max-width: 100%;
}
.recent-posts .col-md-9 .text {
	text-align: center;
	width: auto;
	padding-top: 10px;
}
.slider {
	overflow: hidden;
	max-width: 100%;
}
.main__middle__container {
	overflow: hidden;
	max-width: 100%;
}
footer {
	overflow: hidden;
	max-width: 100%;
}



footer {
	padding-top: 0px;
}
.carousel-caption {
	display: none;
}
.carousel-control .carousel-control-right, .carousel-control .carousel-control-left {
	margin-top: 0px;
}
.navbar-default .nav-justified>li.dropdown:hover, .navbar-default .nav-justified>li.dropdown.active {
	border-top: 0px solid #adc648;
}
.row {
	padding: 15px 0;
}
.recent-posts .col-md-3 .icon-item {
	text-align: center;
}
.icons__blocks {
	width: 100%;
}
h2.page_title {
	padding: 20px 0;
}
.no_padding {
	padding: 0 0 80px;
}
h2.page_title {
	padding: 20px 0;
}
.container .row:first-child {
	padding: 25px 10%;
}
#portfolio ul#Grid a.link span {
	font-size: 11px;
	line-height: 15px;
}
#portfolio ul.controls li {
	padding: 5px 10px;
}
}
@media(min-width:1300px) {
.project_one { float: left;margin: 1%;width: 31.33%;}
}

@media(min-width:992px) and (max-width: 1299px) {
	.project_one { width:34%; margin:1%;}
}
	
 @media(min-width:768px) and (max-width: 991px) {
	 
.project_one { width:48%; margin:1%;}
.closepopup{  width:767px;}
.popup_inner{ width:735px;}	 
h1 {
	font-size: 30px;
}
h2 {
	font-size: 24px;
}
.recent-posts .col-md-9 .text h3 {
	margin-top: 0px;
}
.recent-posts .col-md-3 .icon-item img {
	max-width: 100%;
}
.nav-justified > li {
	padding: 0 12px;
	display: block;
	float: left;
	width: auto;
}
.row {
	padding: 25px 0;
}
.no_padding {
	padding: 0 0 80px;
}
h2.page_title {
	padding: 20px 0;
}
.container .row:first-child {
	padding: 25px 10%;
}
#portfolio ul#Grid a.link {
	font-size: 18px;
}
#portfolio ul#Grid a.link span {
	font-size: 11px;
	line-height: 15px;
}
.navbar-default .navbar-nav > li > a {
	padding: 40px 10px;
}
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	min-width: 100%;
	height: auto;
}
/* Columns */
.one_half_pad {
	width: 44%
}
.one_third_pad {
	width: 27%
}
.one_fourth_pad {
	width: 19%
}
.one_fifth_pad {
	width: 14%
}
.one_sixth_pad {
	width: 10.5%
}
.two_fifth_pad {
	width: 37%
}
.two_third_pad {
	width: 60%
}
.two_fourth_pad {
	width: 43%
}
.two_fifth_pad {
	width: 33%
}
.three_fifth_pad {
	width: 58.4%
}
.three_fourth_pad {
	width: 74%
}
.four_fifth_pad {
	width: 67.2%
}
.five_sixth_pad {
	width: 82.67%
}
.one_half_pad, .one_third_pad, .two_third_pad, .three_fourth_pad, .one_fourth_pad, .one_fifth_pad, .two_fifth_pad, .two_fourth_pad, .two_fifth_pad, .three_fifth_pad, .four_fifth_pad, .one_sixth_pad, .five_sixth_pad {
	float: left;
	margin-bottom: 20px;
	margin-left: 3%;
	margin-right: 3%;
	position: relative
}
.one_half {
	width: 48%
}
.one_third {
	width: 30.5%
}
.one_fourth {
	width: 22%
}
.one_fifth {
	width: 16.8%
}
.one_sixth {
	width: 13.33%
}
.two_fifth {
	width: 37.6%
}
.two_third {
	width: 65.33%
}
.two_fourth {
	width: 48%
}
.three_fifth {
	width: 58.4%
}
.three_fourth {
	width: 74%
}
.four_fifth {
	width: 67.2%
}
.five_sixth {
	width: 82.67%
}
.one_half, .one_third, .two_third, .two_fourth, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth {
	float: left;
	margin-bottom: 10px;
	margin-right: 4%;
	position: relative
}
.column-last {
	clear: right;
	margin-right: 0!important
}
.dc_tabs_type_2 .one_third {
	width: 29%
}
.clr {
	clear: both;
	margin: 0;
	padding: 0;
	width: 100%
}
.dc_clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	margin: 0;
	padding: 0;
	width: 100%
}
 @media(min-width:768px) and (max-width: 1199px) {
	 
.whyadone{ padding: 0px 15px; margin:15px 0px;}	
.our_values_one img {width: 80%;}
	 
 }
 
@media(min-width:480px) and (max-width: 767px) { 

.project_one { width:58%;float:none; margin:2% auto;}

.closepopup{ width:480px;}
.popup_inner{ width:480px;}


.whyadone{ padding: 0px 15px; margin:15px 0px;}	
.our_values_one img {width: 80%;}
.services_wrapper_two ul li{width: 28.5%;}
.client_one{ width: 17.28%;}

}

@media(max-width:479px) { 
.project_one { width:98%; margin:2% 1%;}


.closepopup{  width:300px;}
.popup_inner{ width:300px;}


.ser_two_coord h3{  font-size:11px;	}
.services_wrapper_two ul li{width: 47.5%;}
.whyadone{ padding: 0px; margin:15px 0px;}	
.our_values_one { margin:auto; text-align:center; width:100%;}
.our_values_one img {width: 30%;}
.our_values{ min-height:265px;}
.our_values_mid{ min-height:240px;}
.our_values p , .our_values_mid p{ font-size:14px; line-height:18px;}

.our_values_two{ width:98%;}
.our_values h3 , .our_values_mid h3{ width:100%; text-align:center; margin:10px 0 0 0 ;}
.client_one{ width: 47.28%;}
.popup_inner{ position:absolute; top:30px;}
}
