* {
	margin: 0;
	padding: 0;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
a, img {
	border: 0;
	outline: none;
}
body {
	font-family: Calibri;
	font-size: 15px;
	line-height: 22px;
	width: 100%;
	color: #403F3F;
}
#header {
	float: left;
	width: 100%;
	background: #194161;
	position: fixed;
	z-index: 100000;
}
*:first-child+html #header{float: left;
	width: 100%;
	background: #194161;
	position: static;
	z-index: 100000;}
.container {
	width: 1100px;
	margin: 0 auto; position:relative;
}
.header{ float:left; width:100%; clear:both; position:relative;}
.logo {
	float: left;
	width: 30%;
}
.logo h1 {
	float: left;
	width: 100%;
}
.logo h1 a {
	color: #fc902e;
	text-decoration: none;
	display: block;
	font-size: 50px;
	padding: 0% 0% 0%;
	line-height: 50px;
	float: left;
	border-bottom: 1px solid #fff;
}
.logo h1 a span {
	color: #fff;
	float: left;
}
.logo p {
	clear: both;
float: left;
color: #eee;
font-size: 14px;
line-height: 18px; width:100%;
text-transform: uppercase;
letter-spacing: 0.8px;
}
.contact_header {
	float: left;
	width: 50%;
	margin: 1% 0;
}
.contact_header p {
	float: left;
color: #eee;
line-height: 22px;
font-size: 25px;
margin: 4% 8% 1% 0%;
}
.social_nw {
	float: right;
	position: absolute;
	right: 0;}
.social_nw p {
	float: right;
	width: 100%;
	margin-bottom: 5px;
}
.social_nw p a {
	float: right;
	color: #eee;
}
.social_nw p a:hover {
	color: #fc902e;
}
.social_nw a {
	text-decoration: none;z-index: 10000;
	width:42px; height:122px; float:left; margin:-90px 2px 0 2px;-webkit-transition: all 0.6s linear;
	-moz-transition: all 0.6s linear;
	-ms-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	transition: all 0.6s linear;

}
.social_nw a:hover{margin:-5px 2px 0 2px;}
.social_nw a.fb{ background:url(../images/fbHover.png) no-repeat;}
.social_nw a.tw{ background:url(../images/twitterHover.png) no-repeat;}
.social_nw a.yt{background:url(../images/youtubeHover.png) no-repeat;}
.social_nw a.ln{background:url(../images/linkedInHover.png) no-repeat;}
.social_nw a.ins{background:url(../images/instaHover.png) no-repeat;}
.social_nw a img{-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear; border-radius: 23px;
}
#menu {
	float: left;
	width: 100%;
	background: #444444;
	position: fixed;
	top: 92px;
	z-index: 100;
}
*:first-child+html #menu{float: left;
	width: 100%;
	background: #444444;
	position: static;
	top: 92px;
	z-index: 100;}
.menu {
	float: left;
	width: 100%;
	clear: both;
}
.menu ul {
	margin: 0; float:right;
	padding: 0 0 0 0%;
}
.menu ul li {
	float: left;
	list-style: none; position:relative;
	border-left: 1px solid #A79E9E;
}
.menu li a {
	float: left;
	text-decoration: none;
	color: #fff;
	padding: 5px 27px;
	font-size: 18px;
}
.menu li:first-child {
	border-left: none;
}
.menu ul li:hover, .menu ul li.active{
	background: #fff;
}
.menu ul li:hover a, .menu ul li.active a{color: #222;}
.menu ul li a:hover {
	/*color: #222;*/
	background: #ff9729;
}
*:first-child+html #content{margin-top: 10px;}
#content {
	background: #fff;
	float: left;
	width: 100%;
	margin-top: 131px;
}
.content {
	border: 1px solid #ccc;
	margin: 1% 0 1%;
	float: left;
	width: 98%;
	padding: 1%;
	border-radius: 5px;
}
.services {
	width: 70%;
	float: left;
}
.banner {
	float: left;
	width: 100%;
	position: relative;
}
#slideshow{float: left;
width: 95.7% !important; position:relative;
margin: 0 2%;
display: none;
}
#slideshow img{width:100% !important; height:191px !important;}
#nav {
	margin: 10px;
	position: absolute;
	right: 3%;
	z-index: 1000;
}
#nav li {
	float: left;
	list-style: none
}
#nav a {
	margin: 5px;
	padding: 3px 5px;
	background: #7E7E7E;
	text-decoration: none;
	font-size: 9px;
	color: #CCC;
}
#nav li.activeSlide a {
	background: #fc902e;
	color: black
}
#nav a:focus {
	outline: none;
}
.services_block_container{ float:left; width:100%; clear:both;}
.services_list {
	float: left;
width: 45.6%;
border: 1px solid #6497C0;
margin: 3% 2% 1%;
background: #D6E6F2;
height: 200px;
overflow: hidden;
}
.services_list h2{ float:left; width:100%;margin:0 !important;}
.services_list h2 a {
	float: left;color: #4D4646;
	width: 100%; margin:0 !important;
	line-height: 30px;
	background: #fff; text-decoration:none;
	font-size: 20px;padding: 0.5% 0 !important; 
	border-bottom: 1px solid #BFB8B8;font-weight: bold !important;
}
.services_list h2 a img {
	float: left;
}
.services_list ul {
	margin: 0;
	padding: 0;
	width: 100%;
}
.services_list ul li {
	list-style: none;
	float: left;
	width: 96%;
	padding-left: 4%;
}
.services_list ul li a {
	float: left;
	width: 93%;
	text-decoration: none;
	background: url(../images/right_arrow.png) left center no-repeat;
	padding: 3px 0 3px 7%;
	color: #194161;
	font-size: 16px;
	font-weight: bold;
}
.services_list ul li:hover {
	color: #ffa500;
	background: #194161;
}
.services_list ul li a:hover {
	color: #fff;
	background: #194161 url(../images/right_arrow1.png) left center no-repeat;
}
.service_right {
	float: right;
	width: 27%;
	border: 1px solid #7E7E7E;
	padding: 1%;
	color: #030303;
	box-shadow: inset 0px 0 7px #98CBF2;
	background: #D6E6F2;
}
.founter_profile{ background: #F0F0F0;
width: 94%;
padding: 2%;
border: 1px solid #ccc;
float: left;
font-style: italic;
font-size: 15px;
margin: 2% 0 3%;}
.testimonials h2 {
	color: #194161;
float: left;
margin: 0 0 1% 0;
width: 100%;
/*border-bottom: 1px solid #6F6F6F;*/
padding-bottom: 5px;
}
.testimonials p {
	float: left;
	width: 100%;
}
.testimonials p a {
	clear: both;
	width: 100%;
	color: #194161;font-weight: bold; text-decoration:none;
}
.testimonials p a:hover{text-decoration:underline;}
.testimonials {
	float: left;
	width: 100%;
	clear: both;
}
.enq_form {
	float: left;
	background: #f2f2f2;
	margin-top: 3.3%;
	margin-bottom: 0%;
	padding: 0;
	border-radius: 4px 4px 0 0;
	overflow: hidden;
	border: 1px solid #194161;
	width: 100%;
}
.enq_form h3 {
	width: 100%;
	float: left;
	text-align: center;
	background: #194161;
	padding: 2% 0;
	font-size: 18px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 4%;
}
.enq_form p {
	float: left;
	width: 100%;
	margin: 1% 0;
}
.enq_form p .input_field {
	border: 1px solid #cfcfcf;
	border-radius: 5px;
	width: 72%;
	float: left;
	height: 20px;
	padding: 2% 13% 2% 2%;
	margin-left: 6%;
}
.enq_form p textarea {
	height: 70px !important;
}
.user_icon {
	background: #fff url(../images/user_icon.jpg) right top no-repeat;
}
.mail_icon {
	background: #fff url(../images/mail_icon.jpg) right top no-repeat;
}
.phone_icon {
	background: #fff url(../images/phone_icon.jpg) right top no-repeat;
}
.enq_icon {
	background: #fff url(../images/enquiry_icon.jpg) right top no-repeat;
}
.enq_btn {
	background: #194161;
border-radius: 7px;
padding: 9px 15px;
display: block;
font-family: arial;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
text-shadow: 0px 1px 0px #2769BE;
border: none;
float: right;
cursor: pointer;
margin: 10px 6% 2% 0;
box-shadow: 0px 2px 1px rgb(255, 243, 243) inset, 0px -2px 8px white, 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 8px 10px rgba(0, 0, 0, 0.1);
-webkit-transition: box-shadow 0.5s;
}
.enq_btn:hover {
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5) inset, 0px -2px 20px white, 0px 1px 5px rgba(0, 0, 0, 0.1), 0px 2px 10px rgba(0, 0, 0, 0.1);
	background: -webkit-linear-gradient(top, #CDCDCD 0%, #C1BCBC 100%);
}
#news-container {
	width: 96%;
	margin: 1% 0;
}
#news-container ul li {
	list-style: none;
}
#news-container ul li div {
	width: 100%;
	text-align: justify;
	/* min-height: 150px;*/
	min-height: 260px;
	/* height: 150px; */
}
.awards {
	float: left;
	width: 100%;
	clear: both;
	/*background: #194161;*/ background: #4F83AD;
	/*margin-top: 2%;*/
	padding-bottom: 2%;
}
.awards h2 {
	width: 100%;
	margin: 1% 0;
	float: left;
	text-align: center;
	color: #fff;
}
.awards a {
	float: left;
	text-align: center;
	margin: 8px 13px;
}
.awards a.award_first {
	margin-left: 14%;
}
.services_overview {
	float: left;
	width: 100%;
	clear: both;
	background: #D6E6F2;
	min-height: 200px;
	padding: 1% 0;
}
.overview_tab {
	float: left;
	width: 98%;
	padding: 1%;
	clear: both;
	position: relative;
	background: #fff;
}
.overview_left {
	width: 63%;
	float: left;
}
.overview_left h2 {
	float: left;
	width: 100%;
}
.overview_left p {
	width: 100%;
	float: left;
	clear: both;
	margin: 1% 0;
	text-align: justify;
}
.overview_left p a {
	color: #fc902e;
	text-decoration: none;
}
.overview_right {
	float: right;
	width: 35%;
}
.overview_right ul {
	margin: 0;
	padding: 0;
}
.overview_right li {
	float: left;
	width: 47%;
	list-style: none;
	margin: 1%;
	text-align: center;
	border: 1px solid #ccc;
}
.overview_right li a {
	float: left;
	width: 100%;
	text-decoration: none;
	text-align: center;
}
.overview_right li a img {
	width: 100%;
}
.overview_right li a p {
	color: #111;
	background: #ccc;
}
/*=============================Auto Scroll===================================*/
#auto_scroll {
	float: left;
	width: 100%;
	clear: both;
}
#auto_scroll h2{padding: 2.5% 0 1%; color:#fff; text-align:center;}

#logoParade {
	width: 100%;
	margin: 1% 0;
	/* height: 135px; */
    min-height: 135px;
	position: relative; opacity:1 !important;
}
#logoParade div.scrollableArea a {
	display: block;
	float: left;
	margin: 3px 8px; opacity:1 !important;
	padding: 2px 10px; background: #fff url(../images/client_separator.png) right center no-repeat;

}
div.scrollWrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
div.scrollableArea {
	position: relative;
	width: auto;
	height: 100%;
}
/*=============================Footer===============================*/
#footer {
	float: left;
	width: 100%;
	clear: both;
	background: #194161;
	padding: 2% 0;
}
.footer_block {
	float: left;
	width: 24%;
}
.footer_block h2 {
	color: #fff;
	font-size: 18px;
	margin-bottom: 2%;
	width: 100%;
	float: left;
	text-transform: uppercase;
}
.footer_block ul {
	margin: 0;
	padding: 0;
}
.footer_block ul li {
	list-style: none;
	float: left;
	width: 100%;
}
.footer_block li a {
	text-decoration: none;
	color: #eee;
	float: left;
	width: 94%;
	background: url(../images/right_arrow1.png) left center no-repeat;
	padding-left: 6%;-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.footer_block li a:hover {
	background: url(../images/right_arrow.png) 2px center no-repeat;
	color: #FE9216;
}
.footer_social_nw {
	float: right;
	width: 27%;
}
.footer_social_nw a {
	float: left;
	margin-left: 10px;
}
.footer_social_nw a img {
	border-radius: 23px;
}
.footer_social_nw a img{-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.footer_social_nw a img:hover { 
-webkit-transform: rotate(30deg); 
-moz-transform: rotate(30deg);
-o-transform: rotate(30deg);
-ms-transform: rotate(30deg); 
}
.footer_social_nw p {
	float: left;
	width: 100%;
	clear: both;
	color: #fff;
	font-size: 15px;
}
.footer_social_nw p strong {
	float: left;
	width: 24%;
}
.footer_social_nw p span {
	float: right;
	width: 74%;
}
.footer_social_nw p span a {
	float: left !important;
	color: #fff;
	margin-left: 0 !important;
}
/*==================================Solutions========================================*/
.services_exp {
	width: 100%;
	float: left;
	clear: both;
}
.services_exp h2.heading {
	width: 100%;
	float: left;
	margin: 1% 0 0;
	color: #194161;
	font-size: 32px;
	border-bottom: 1px solid #918C8C;
	padding-bottom: 10px;
	font-weight: normal;
}
.services_exp h2, .services h2 {
	width: 100%;
	float: left;
	margin: 2% 0 0; line-height:29px;
	color: #656565;
	font-weight: normal;
}
.services_exp p {
	float: left;
	width: 100%;
	margin: 1% 0;
	text-align: justify;
}
.services_exp p strong {
	font-size: 18px;
	font-weight: normal;
	color: #48423F;
}
.slutn_img {
	float: left;
	margin: 0 20px 15px 0;
}
.services_exp ul {
	margin: 0;
	padding: 0;
}
.services_exp li {
	float: left;
	list-style: none;
	/*margin-left: 2%;*/
	width: 96%;
	padding: 3px 0 3px 6%;
	background: url(../images/right_arrow.png) left 11px no-repeat;
}
.clients {
	width: 100%;
	float: left;
	border-bottom: 1px solid #ccc;
	padding: 1% 0;
}
.clients a {
	float: left;
	width: 33%;
	margin: 1% 0 2%;
}
.clients a img {
	width: 70%;
	border: 1px solid #E9E9E9;
	padding: 2%;
}
.clients p strong {
	font-size: 22px !important;
	color: #48423F;
	text-shadow: 1px 0px 0.5px #A0A0A0;
	margin-bottom: 1%;
	float: left;
}
/*================================Contact Us============================*/
.contact_left {
	float: left;
	width: 60%;
	background: #eee;
}
.contact_info {
	float: left;
	width: 100%;
	clear: both;
}
.contact_left h2, .content_right h2 {
	background: #194161;
	color: #fff;
	padding: 4px 2%;
	font-weight: normal;
}
.contact_left h3 {
	width: 96%;
	float: left;
	margin: 1% 2%;
}
.contact_left p {
	float: left;
	width: 96%;
	padding: 1% 0 0% 4%;
}
.contact_left p strong {
	float: left;
	width: 20%;
}
.contact_left p b {
	float: left;
	width: 5%;
}
.contact_left p span {
	float: left;
	width: 70%;
}
.map {
	float: left;
	clear: both;
	width: 95%;
	margin: 2%;
	background: #fff;
	padding: 0.5%;
}
.content_right {
	float: right;
	width: 38%;
	background: #eee;
}
.content_right p {
	float: left;
	width: 96%;
	margin: 2% 0 1.6% 5%;
}
.content_right p label {
	float: left;
}
.content_right p .contact_input {
	float: right;
	width: 55%;
	margin-right: 6%;
	height: 20px;
	padding: 4px;
	border-radius: 4px;
	border: 1px solid #A2A1A1;
}
.content_right p textarea{height:78px !important;}
.content_right p span {
width: 62%;
float: right;
clear: both;
margin: 2px 0;
}
.content_right p span label {
	float: left;
	width: 90%;
}
.content_right p span .interested {
	float: left;
	margin-top: 4px;
	margin-right: 5px;
	width: 14px;
	height: 14px;
}
.capche_outside{ float:left; width:98%; margin-left:2%;}
.capche_outside .capcha {
	font-family: 'Monoton', cursive;
	font-size: 31px;
	margin-top: 5px;
	float: left;
	color: #19191B;
}
.careers{width: 94%;
border: 1px solid #CDBFBF;
background: #F7F7F7;
padding: 1% 3%;
float: left;
box-shadow: 0 0 4px #BABABA;
margin-top: 2%;}
.careers h2{color: #464343;}
.careers h3{float: left;
width: 100%;
clear: both;
margin: 1% 0;}
.services_exp li a{color: #1220E3;
text-decoration: none;}
.services_exp li a:hover{text-decoration:underline;}
textarea { font-family:Calibri; font-size:16px;}
.overview_right_list{float: left;
width: 100%;
clear: both;
background: #f2f2f2;
border: 1px solid #194161;
margin: 2% 0 2% 0%;
border-radius: 4px;}
.overview_right_list h3{width: 100%;
float: left;
text-align: center;
background: #194161;
padding: 2% 0;
font-size: 18px;
color: #fff;
font-weight: normal;
margin-bottom: 4%;}
.overview_right_list h5{float: left;
width: 95%;
padding: 1% 0 1% 2%;
font-size: 18px;
color: #1FA5B3;}
.overview_right_list ul{padding:0; margin:0; width:100%;}
.overview_right_list li{list-style:none; float:left; width:100%;}
.overview_right_list li a{text-decoration: none;
color: #071D77;
background: url(../images/right_arrow.png) 10px center no-repeat;
float: left;
padding: 3px 0 3px 10%;
font-size: 15px;
font-weight: bold;
width: 85%;
margin-left: 5%;}
.horizontal_line{ border-bottom: 3px double #ccc;
width: 98%;
float: left;
margin: 3% 1% 1%;}
.scrollup {
	width:37px;
	height:37px;
	text-indent:-9999px;
	opacity:0.9;
	position:fixed;
	bottom:20px;
	right:20px;
	display:none;
	background:url(../images/back_to_top.png) no-repeat 0 0;
}
.scrollup:hover {
	opacity:1;background: url(../images/back_to_top.png) no-repeat 0 bottom;
}
.overview_contact{float: right;
text-decoration: none;
background: #194161;
color: #fff;
padding: 2px 10px;
border-radius: 2px;
letter-spacing: 1px;}
.left_overview{/*width: 30%;*/
width: 50%;
float: left;
margin: 0 2% 0;}
.right_overview{float: left;
/*width: 66%;*/
width: 46%;
text-align: justify;}
.show_menu{display:none; background:url(../images/nav-icon.png) 8px center no-repeat;}
.show_menu:hover{background:url(../images/nav-icon-hover.png) 8px center no-repeat;}
/*======================Media quires==========================*/
@media screen and (max-width: 1100px) {
.container{width:97%;}
img{max-width:100%;}
.menu ul{padding-left:0 !important; width: 100% !important;}
.menu li > a{ padding: 8px 25px !important;}	
.contact_header p {
    margin: 2% 8% 1% 0;
}
ul.submenu{ width:170px !important;}
}
@media screen and (max-width: 1035px) {
		
.container{width:97%;}
img{max-width:100%;}
.menu ul{padding-left:0 !important; width:100% !important;}
.menu li > a{ padding: 8px 15px !important;}	
ul.submenu{ width:170px !important;}
}
@media screen and (max-width: 822px) {
	
.container{width:97%;}
img{max-width:100%;}	
.clearfix{padding-left:0 !important;}
.menu li > a{  padding: 8px 9px !important;}	
.contact_header{margin:0 !important;}
.contact_header p{  margin: 2% 3% 0 0;}
.logo{width:46%;}
.social_nw{display:none;}
.services {
    float: left;
    width: 100%;
}
.service_right {
    margin-right: 2%;
    padding: 1%;
    width: 94%;
}
.awards a.award_first {
    margin-left: 4%;
}
.awards a {
    float: left;
    margin: 8px 13px;
    text-align: center;
    width: 27%;
}
.overview_right li a img {
    width: 81%;
}
.overview_right li {
    width: 84%;
}
#content{ margin-top:147px;}
.content_right p span{ width: 81%;}
ul.submenu{ width:170px !important;}
}
@media screen and (max-width: 788px) {
.container{width:97%;}
img{max-width:100%;}
.clearfix{padding-left:0 !important;}
.menu{padding-left:0 !important; width:100% !important;}
.menu li > a{ padding: 8px 10px !important;}	
.contact_header{margin:0 !important; display: contents;}
.contact_header p{  margin: 2% 3% 0 0;}
.logo{width:46%;}
.social_nw{display:none;}
.services {
    float: left;
    width: 100%;
}
.content_right p span{ width: 81%;}
.service_right {
    margin-right: 2%;
    padding: 1%;
    width: 94%;
}
.awards a.award_first {
    margin-left: 4%;
}
.awards a {
    float: left;
    margin: 8px 13px;
    text-align: center;
    width: 27%;
}
.overview_right li a img {
    width: 81%;
}
.overview_right li {
    width: 84%;
}
.contact_header p {
    margin: 5% 3% 0 0;
	font-size: 14px!important;
}
.overview_right li a img {
    width: 100%;
}
.overview_right li a img {
    width: 100%;
}
.footer_social_nw {
    float: right;
    margin-top: 4%;
    width: 69%;
}
.footer_block {
    float: left;
    width: 33%;
}
#content{ margin-top:147px;}
.capche_outside .capcha{ margin-bottom: 13px;}
ul.submenu{ width:170px !important;}
}
@media screen and (max-width: 620px) {
.container{width:97%;}
img{max-width:100%;}	
#content{ margin-top:147px;}
.content_right p span{ width: 81%;}

.contact_left {
    width: 100%;
}
.menu ul{padding:0 !important;}
.menu li > a{ padding: 8px 3px !important;}
.content_right {
    width: 100%;
}
.capche_outside .capcha{width: 35% !important;}
.footer_block{display:none;}

.footer_social_nw p span {
    float: right;
    width: 69%;
}
.footer_social_nw p strong {
    float: left;
    width: 29%;
}
ul.submenu{ width:170px !important;}

}
@media screen and (max-width: 540px) {
	.container{width:97%;}
img{max-width:100%;}
.menu li{width:100% !important;}
.menu li a{padding: 8px 0 !important; width:100% !important; text-align:center !important;font-size: 16px;}
.hide_item{display:none !important;}
#serv li{float: left;
clear: both;
text-decoration: none;
background: url(images/right_arrow.png) left 11px no-repeat;
padding: 3px 0 3px 5%;
color: #194161;
font-size: 16px;
font-weight: bold;
list-style: none;
width: 95%;}
ul.submenu{ width:283px !important;top: 38px !important;left: -107px !important;}
.logo h1 a{font-size: 46px !important;}
.logo p{ font-size:13px !important;}
.logo_text{font-size: 11px !important;}
.logo {
float: left;
width: 84% !important;
margin: 0 0 0 0% !important;
}
}

@media screen and (max-width: 500px) {
	#header{position:static !important;}
#menu{position: static !important;
margin-top: -38px;
width: 29% !important;
margin-left: 284px;
}

.wrapper {
	
	height: 100px!important;
}
.indicators {

	bottom: 55%!important;
}
ul.submenu li {
float: left;
width: 50%;
border-left: 0 !important;
}


.overview_left p {
	font-size: 12px;
	line-height: 18px;
}

ul.tabs li a {
	font: normal 12px Verdana!important;
	padding: 7px 10px!important;
	
}
#content{ margin-top:10px !important;}
.container{width:97%;}
.show_menu{display:block !important; border:0 !important;}
img{max-width:100%;}
.menu li{width:100% !important;}
.menu li a{padding: 8px 0 !important; width:100% !important; text-align:center !important;font-size: 16px;}
.hide_item{display:none !important;}	
.logo {
float: left;
width: 84% !important;
margin: 0 0 0 0% !important;
}
.logo h1 a{font-size: 46px !important;}
.logo p{ font-size:13px !important;}
.logo_text{font-size: 11px !important;}
ul.submenu{ width:283px !important;top: 38px !important;left: -107px !important;}
.contact_header, .social_nw, .banner, .testimonials, .services_overview{/*display:none !important;*/}
.services{width:100% !important;}
.services_list {
width: 74%;
margin: 2% 0% 2% 13%;
}

.service_right{width: 81% !important;margin-right: 8%;}
.awards a.award_first{margin-left:0;}
.awards a {
width: 40%;
height: 100px;
}
.footer_block {
float: left;
width: 73%;
margin: 0 0 0 20%;
}
.footer_social_nw {
float: right;
width: 87%;
margin-top: 5%;
}
#content{margin-top:147px;}
.contact_left {
float: left;
width: 100%;
background: #eee;
}
.content_right {
float: right;
width: 100%;
background: #eee;
margin-top: 3%;
}
.services table tr td{width:100% !important; clear:both;}
.left_overview{width: 98%;
float: left;
margin: 3% 2% 0;}
.right_overview{float: left;
width: 100%;}
#serv li{float: left;
clear: both;
text-decoration: none;
background: url(images/right_arrow.png) left 11px no-repeat;
padding: 3px 0 3px 5%;
color: #194161;
font-size: 16px;
font-weight: bold;
list-style: none;
width: 95%;}
#auto_scroll{display:none !important;}
}

@media screen and (max-width: 352px) {
	#auto_scroll{display:none !important;}
#header{position:static !important; padding-bottom: 10px;}
#menu{position: static !important;margin-top: -38px;width: 108px !important;
margin-left: 207px;}
#content{ margin-top:10px !important;}
.logo h1 a{font-size: 46px !important;}
.logo p{ font-size:13px !important;}
.logo_text{font-size: 11px !important;}
.logo {
float: left;
width: 84% !important;
margin: 0 0 0 0% !important;
}
.menu li{width:100% !important;}
.menu li a{padding: 8px 0 !important; width:100% !important; text-align:center !important;font-size: 14px;}
.hide_item{display:none !important;}
.container{width:98%;}
img{max-width:100%;}	
ul.submenu{ width: 235px !important;
top: 38px !important;
left: -126px !important;}
.services_list {
width: 91% !important;
margin: 2% 0% 2% 4% !important;
}
.service_right {
width: 92% !important;
margin-right: 3%;
}
.awards a {
width: 41%;
height: 92px;
}



.wrapper {
    width: 100%;
    position: relative;
    /* margin: 5% auto 0; */
    margin: 0 auto 0;
    height: 100px!important;
}



.arrow {
    width: 10px!important;
    height: 10px!important;
}


.indicators li {
    width: 5px!important;
    height: 5px!important;
}
.arrow-right {
    right: 5px!important;
}
.arrow-left {
    left: 5px!important;
}


.services_exp li {
float: left;
list-style: none;
margin-left: 2%;
width: 94%;
padding: 3px 0 3px 5%;
background: url(../images/right_arrow.png) left 11px no-repeat;
}
.clients a img{width: 91% !important;}
.contact_header, .social_nw, .banner{/*display:none !important;*/ width: 100%;}
#serv li{float: left;
clear: both;
text-decoration: none;
background: url(images/right_arrow.png) left 11px no-repeat;
padding: 3px 0 3px 5%;
color: #194161;
font-size: 16px;
font-weight: bold;
list-style: none;
width: 95%;}
}
@media screen and (max-width: 320px) {
	#header{position:static !important; padding-bottom: 10px;}
#menu{position: static !important;margin-top: -38px;
margin-left: 202px;width: 123px !important;}
#content{ margin-top:10px !important;}
.logo h1 a{font-size: 44px !important;}
.logo p{ font-size:11px !important;}
.logo_text{font-size: 11px !important;}	
.logo {
float: left;
width: 84% !important;
margin: 0 0 0 0% !important;
}
ul.submenu{ width: 235px !important;
top: 38px !important;
left: -126px !important;}
#auto_scroll{display:none !important;}
}




.responstable {
	width: 100%;
	overflow: hidden;
	background: #FFF;
	color: #024457;
	border-radius: 10px;
	border: 1px solid #167F92;
	margin-bottom: 10px;
}
.responstable tr {
	border: 1px solid #D9E4E6;
}
.responstable tr:nth-child(odd) {
	background-color: #EAF3F3;
}
.responstable th {
	/*display: none;*/
	border: 1px solid #FFF;
	background-color: #194161;
	color: #FFF;
	padding: 1em;
}
.responstable td a {
	color: #024457;
}
.responstable td a:hover {
	color: red;
	text-decoration: underline
}
.responstable th:first-child {
	display: table-cell;
	text-align: center;
}
.responstable th:nth-child(2) {
	display: table-cell;
}
.responstable th:nth-child(2) span {
	display: none;
}
.responstable th:nth-child(2):after {
	content: attr(data-th);
}}
@media (min-width: 480px) {
.responstable th:nth-child(2) span {
	display: block;
}
.responstable th:nth-child(2):after {
	display: none;
}
}
/*.responstable td {
	display: block;
	word-wrap: break-word;
	max-width: 7em;
}*/
.responstable td:first-child {
	display: table-cell;
	text-align: center;
	border-right: 1px solid #D9E4E6;
}
@media (min-width: 480px) {
.responstable td {
	border: 1px solid #D9E4E6;
}
}
.responstable th, .responstable td {
	text-align: left;
	margin: .5em 1em;
}
@media (min-width: 480px) {
.responstable th, .responstable td {
	display: table-cell;
	padding: 7px;
}}

.link { text-decoration:none; color:#000; font-weight:bold; }
.link:hover{ color: #F00; font-weight:bold; }


/* mobile menu style start */
.mobilemenubutton {
    float: right;
    background: #fff;
    position: absolute;
    right: 12px;
    top: 25px;
    padding: 10px;
    font-size: 20px;
}

.mobilesubmenu {
    display: none;
        background: #fc902e14;
}

.mobilesubmenu li a {
    color: #000;
    text-decoration: none;
    font-size: 18px;
    padding: 15px;
    line-height: 2;
}

.mobile-about-submenu .fa {
    font-size: 9px;
}

.mobile-about-submenu {
    padding: 0px 20px;
    list-style: none;
}
/* mobile menu style end */




/*slider css*/
      .wrapper{
  width:100%;
  position:relative;
 /* margin:5% auto 0;*/
  margin:0 auto 0;
  height:200px;}

/**
 * Padding is set relative to the width
 * of the element, so here padding-top:60% is
 * a percentage of the width. This allows us 
 * to set the height as a ratio of the width
 *
 */
.carousel{
	width: 100%;
	position: relative;
	/*padding-top: 60%;*/
    height: 200px;
	overflow: hidden;
}

.inner{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
}

/**
 * ==========================
 * Animation styles
 * 
 * Notes:
 * 1. We use z-index to position active slides in-front 
 * of non-active slides
 * 2. We set right:0 and left:0 on .slide to provide us with
 * a default positioning on both sides of the slide. This allows 
 * us to trigger JS and CSS3 animations easily
 *
 */
.slide{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	right:0;
	left:0;
	z-index: 1;
	opacity: 0;
}

.slide.active,
.slide.left,
.slide.right{
	z-index: 2;
	opacity: 1;
}

/**
 * ==========================
 * JS animation styles
 * 
 * We use jQuery.animate to control the sliding animations
 * when CSS3 animations are not available. In order for
 * the next slide to slide in from the right, we need
 * to change the left:0 property of the slide to left:auto
 *
 */

.js-reset-left{left:auto}

/**
 * ==========================
 * CSS animation styles
 * 
 * .slide.left and .slide.right set-up
 * the to-be-animated slide so that it can slide
 * into view. For example, a slide that is about 
 * to slide in from the right will:
 * 1. Be positioned to the right of the viewport (right:-100%)
 * 2. Slide in when the style is superseded with a more specific style (right:0%)
 *
 */
.slide.left{
	left:-100%;
	right:0;
}

.slide.right{
	right:-100%;
	left: auto;
}

.transition .slide.left{left:0%}
.transition .slide.right{right:0%}

/**
 * The following classes slide the previously active
 * slide out of view before positioning behind the 
 * currently active slide
 *
 */
.transition .slide.shift-right{right: 100%;left:auto}
.transition .slide.shift-left{left: 100%;right:auto}

/**
 * This sets the CSS properties that will animate. We set the
 * transition-duration property dynamically via JS.
 * We use the browser's default transition-timing-function
 * for simplicity's sake
 * 
 * It is important to note that we are using CodePen's inbuilt
 * CSS3 property prefixer. For your own projects, you will need
 * to prefix the transition and transform properties here to ensure
 * reliable support across browsers
 *
 */
.transition .slide{
	transition-property: right, left, margin;
}

/**
 * ==========================
 * Indicators
 *
 */
.indicators{
  width:100%;
  position: absolute;
  /*bottom:0;*/
   bottom:5%;   
  z-index: 4;
  padding:0;
  text-align: center;
}

.indicators li{
	width: 13px;
	height: 13px;
	display: inline-block;
	margin: 5px;
	background: #fff;
	list-style-type: none;
	border-radius: 50%;
  cursor:pointer;
  transition:background 0.3s ease-out;
}

.indicators li.active{background:#fc902e}

.indicators li:hover{background-color:#2b2b2b}

/**
 * ==========================
 * Arrows 
 *
 */
.arrow{
  width: 20px;
  height: 20px;
  position:absolute;
  top:50%;
  z-index:5;
  border-top:3px solid #fff;
  border-right:3px solid #fff;
  cursor:pointer;
  transition:border-color 0.3s ease-out;
}

.arrow:hover{border-color:#fc902e}

.arrow-left{
  left:20px;
  transform:rotate(225deg);
}

.arrow-right{
  right:20px;
  transform:rotate(45deg);
}

/**
 * ==========================
 * For demo purposes only
 * 
 * Please note that the styles below are used
 * for the purposes of this demo only. There is no need
 * to use these in any of your own projects
 *
 */
.slide{
	text-align:center;
  padding-top:25px;
  background-size:contain;
      background-repeat: no-repeat;
}

/*h1{
	width:100px;
  height:100px;
  background-color:rgba(146, 45, 141,0.7);
	margin:auto;
  line-height:100px;
	color:#fff;
	font-size:2.4em;
  border-radius:50%;
}*/

.slide:nth-child(1){
	background-image:url(../images/gallery2.png);
 }

.slide:nth-child(2){
	background-image:url(../images/gallery1.png);
}

.slide:nth-child(3){
	background-image:url(../images/gallery3.png);
 }

 .slide:nth-child(4){
	background-image:url(../images/gallery4.png);
 }