@charset "utf-8";
/* CSS Document */
body { margin: 0; padding: 0; background:url(../images/bg.jpg) repeat; font-size:14px; color: #1e2d42; -webkit-font-smoothing: subpixel-antialiased; font-family:'ProximaNovaRegular',Tahoma, Geneva, sans-serif; } 


*::selection{ background: #03488c; color: #fff; }
*::-moz-selection{ background: #03488c; color: #fff; }


/*Default CSS*/
:focus { outline:0; }
img{ border: none;  outline: none; }
a{ color: #004e7d;  text-decoration: none; outline: none; -moz-transition:all 0.8s ease; -webkit-transition:all 0.8s ease; transition:all 0.8s ease; }
a:hover { color: #004e7d	; text-decoration: none; }
a:active { outline:none; }
a img { outline: none; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -khtml-opacity: 1.0;}
a img:hover{ filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; -khtml-opacity:0.8;}

ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }



@font-face {
    font-family: 'ProximaNovaLight';
    src: url('../fonts/proximanova-light-webfont.eot');
    src: url('../fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-light-webfont.woff') format('woff'),
         url('../fonts/proximanova-light-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-light-webfont.svg#ProximaNovaLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaRegular';
    src: url('../fonts/proximanova-regular-webfont.eot');
    src: url('../fonts/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-regular-webfont.woff') format('woff'),
         url('../fonts/proximanova-regular-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-regular-webfont.svg#ProximaNovaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaSemibold';
    src: url('../fonts/proximanova-semibold-webfont.eot');
    src: url('../fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-semibold-webfont.woff') format('woff'),
         url('../fonts/proximanova-semibold-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-semibold-webfont.svg#ProximaNovaSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ProximaNovaBold';
    src: url('../fonts/proximanova-bold-webfont.eot');
    src: url('../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-bold-webfont.woff') format('woff'),
         url('../fonts/proximanova-bold-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-bold-webfont.svg#ProximaNovaBold') format('svg');
    font-weight: normal;
    font-style: normal;

}



ul{	padding: 0px; margin: 0px; padding-left: 15px; }
li{	line-height: 21px; list-style: disc; outline: none;}
p{	margin: 0px; line-height: 18px;}

.clr{clear: both; height:0; margin:0; padding:0; line-height:0;}
.imgleft{width: auto; float: left; margin-left: 5px; margin-right:3px; margin-bottom:0px;}
.imgright{ width: auto; float: right; margin-left: 10px;}


#main{margin:0 auto; width:100%; }



#header{padding:0px;  background:url(../images/background.jpg) repeat-x; width:100%; margin:0px; padding:0px;}
.header-inr{ width:960px; margin:0 auto; height:76px;}

.logo{float:left; width:279px; padding-top:0px; margin:0px;}

.header-right{ float:right; width:220px; padding:0px; margin:0px;}
.phone { color:#64c7c8; font-size:22px; font-weight:bold; margin-top:12px; font-family:'ProximaNovaSemibold', Arial, Helvetica, sans-serif; }
.phone span { margin-top:0px; display:block; padding-top:0px; font-size:22px; color:#fff;} 
.phone span.no { margin-top:0px; display:block;  font-size:30px; color:#edcd00; padding-top:0px;} 
/*Navigation*/

#menu-content {padding: 0;width:960px; margin:10px auto 0px; background:url(../images/menu-bg.jpg); height:46px; border-radius:5px 5px 0px 0px;}
#menu-content ul { margin: 0; padding: 0px; }
#menu-content ul li { float:left; list-style-type: none; margin: 0px; padding: 0px; line-height: 0px;}
#menu-content ul li a { float:left; font-size:12px ;  color: #fff; text-decoration: none; text-transform:uppercase; padding: 23px 28px 22px 36px;  -moz-transition:all 0.8s ease; -webkit-transition:all 0.8s ease; transition:all 0.8s ease;  height:7px;}
/*.last{border-radius: 0 4px 0 0;padding-right: 30px !important;}
 .last:hover{border-radius: 0 4px 0 0;padding-right: 30px !important;}
.first{border-radius: 4px 0px 0 0;}	*/
		 
#menu-content ul li a:hover { color:#fff; text-decoration: none; background:#edcd00; }
#menu-content ul li a#current {color:#fff; text-decoration: none; background:#edcd00; height: 0;}
#menu-content ul li:hover{color:#fff; text-decoration: none; background:#edcd00;}

#banner-sec
{
 background:url(../images/banner1.jpg) no-repeat; width:960px; height:310px; padding:0px;
}

#banner-sec-inr
{
 background:url(../images/inr-bnr.jpg) no-repeat; width:960px; height:219px; padding:0px;
}

.banner-inr{ width:960px; margin:0 auto;}


.btn-sec{ width:390px; margin:0 auto; padding-top:40px;}
.view-more{ float:left; width:163px; padding:0px; margin:0px;}
.contact{ float:right; width:163px; padding:0px; margin:0px;}

.offer-sec{ width:960px; margin:0 auto;}

/* content section */

#content{ width:960px;  margin: -6px auto 0;}
.contentblock { padding-top:10px;   padding-bottom:30px; background-color:#f2f6f9; margin-top: -1px; }
.content-inr {  padding:20px; height:300px;}
.content-inr .section1{ float:left; width:280px; background-color:#fff; margin-right:40px; height:170px; border-radius: 6px;}
.content-inr .section1 h2 { font-size:27px; border-radius:5px 5px 0px 0px; background-color:#28384d; margin-top:0px; color:#edcd00; padding: 7px 0 8px 12px;}
.content-inr .last1 { float:right; margin-right:0px;}

.list{padding-left: 15px; padding-right:10px; margin:0px;}
.list ul{ padding:0px; margin:0px;}
.list ul li{ padding:0px; margin:0px; list-style:none; background:url(../images/arrow.jpg) no-repeat scroll 0 7px; padding-left:15px; color:#1e2d42; font-size:16px; line-height:23px;}

.content-left{ float:left; width:606px; padding:20px; margin:0px; background:#DDE6ED; margin-top:25px; min-height:615px;}
.content-left h1{ color:#1e2d42; font-size:30px; font-family:'ProximaNovaSemibold', Arial, Helvetica, sans-serif; padding:0px; margin:0px; font-weight:normal; }
.content-left h2{ color:#1e2d42; font-size:21px; font-family:'ProximaNovaSemibold', Arial, Helvetica, sans-serif; padding-top:20px; margin:0px; font-weight:normal; }
.content-left p{ padding-top:14px; line-height:18px;}
.content-right{ float:right; width:261px; padding:0px; margin-top:25px;}

.capabilities-sec{ padding:0px; margin:0px; background:#fff;}
.top{ background:url(../images/top.jpg) repeat-x; height:37px; width:261px; border-radius: 5px 5px 0 0; }
.top span{ font-size:20px; color:#dde6ed; font-family:'ProximaNovaSemibold', Arial, Helvetica, sans-serif; padding: 7px 0 7px 20px; margin:0px; display:block;}
.capa-list{ padding-top:13px; padding-bottom: 7px; margin:0px; background:#fff;}
.capa-list ul{ padding:0px; margin:0px;}
.capa-list ul li{ padding-left:20px; margin:0px; list-style:none; line-height:24px; color:#2d3b4f; font-size:13px; font-family:'ProximaNovaLight', Arial, Helvetica, sans-serif;  }
.fontsize{ font-size:16px !important; font-family:'ProximaNovaSemibold', Arial, Helvetica, sans-serif;}
.fontsize1{ font-size:16px !important; font-family:'ProximaNovaSemibold', Arial, Helvetica, sans-serif; padding-top:10px;}
.capa-list ul li a{color:#2d3b4f; text-decoration:none; }
.capa-list ul li a:hover {color:#4786c7; text-decoration:none; }
.view-more{ color:#0f3152; font-size:13px; font-family:'ProximaNovaLight', Arial, Helvetica, sans-serif; padding:10px 0 0 20px; }
.view-more a{ color:#000; text-decoration:none; }
.view-more a:hover{ color:#0f3152; text-decoration:underline; }

.que-devp{ padding:45px 0 0 20px; margin:0px;}
/*footer */
.footer { min-height:139px;}
.footerinner {  width:923px;  margin:0 auto; font-family:'ProximaNovaLight', Arial, Helvetica, sans-serif;}
.footer .section1{ float:left; width:220px; padding-right:116px; padding-top: 33px;}
.footer .section11{ float:right; width:236px; padding-right:0px; padding-top: 12px; padding-left: 0px;}
.footer .section1 a{ color:#fff; text-decoration:none; }
.footer .section1 a:hover{ color:#edcd00; text-decoration:none; }
.footer .section11 p{color:#fff; font-size:13px;} 
.footer .last{ float:right;}
.footer .section1 h3{ color:#fff; font-weight: normal; font-size:17px;}
.footer .section11 h3{ color:#fff;  font-weight: normal; font-size:21px;}
.footer .section1 ul { color:#fff; }
.footer .section1 p { color:#fff; font-size:13px;}
.footerlogo { margin-top:30px; margin-left:30px;}
.footer .section1 p.logofooter { font-size:38px; margin-top:15px; color:#abaeb2;}

.subheading { font-weight:bold;}
.content-left a{ color:#003466; font-weight:bold;}

span.freeadvice { 
    color: #fff;
	background-color:#38475c;
    display: block;
    font-family: 'ProximaNovaSemibold',Arial,Helvetica,sans-serif;
    font-size: 20px;
    margin: 0;
	width:115px;
    padding: 7px 0 7px 7px; border-radius:5px; margin-left:35px;
}
span.freeadvice a { color:#fff; }
.content-left p.seolink { padding-top:0px; }
.homelink {color:#1E2D42;}

.contentimg { float:left;  
    padding-left: 20px;
    width: 400px;}
	
.contentimg1 { float:left;  
    padding-left: 20px;
    width: 375px;}	
	
	
.submitbut { border-radius:5px; background-color:#38475c; font-family: 'ProximaNovaSemibold',Arial,Helvetica,sans-serif;
    font-size: 20px; color:#fff; padding: 7px 7px 7px 7px; border:0px; cursor:pointer;}
	
	
	
#cssmenu {
  position: relative;
  height: 44px;
  width:960px;
  margin:0 auto;
  background:url("../images/menu-bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-radius:5px 5px 0 0;
  margin-top:10px;
}
#cssmenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}
#cssmenu > ul {
  position: relative;
  display: block;
  width: 100%;
  z-index: 500;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-center ul {
  text-align: center;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
}
#cssmenu > ul > #menu-button {
  display: none;
}
#cssmenu ul li a {
  display: block;
  font-family: Helvetica, sans-serif;
  text-decoration: none;
}
#cssmenu ul li a {
  font-size: 12px;
  font-weight: normal;
  padding: 12px 0;
  color: #fff;
  text-transform: uppercase;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
  min-width:115px;
  text-align:center;
}
#cssmenu ul li:last-child{ float:right; text-align:center;}
#cssmenu > ul > li.has-sub > a {
  padding-right: 32px;
}
#cssmenu ul li:hover > a {
  color: #0B2E4E;
  background:#EDCD00;
}
#cssmenu ul li:nth-child(2) a:hover{ border-radius:5px 0 0 0;}
#cssmenu ul li:last-child a:hover{ border-radius:0 5px 0 0;}
#cssmenu ul li:last-child a{}
#cssmenu li.has-sub::after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}
#cssmenu > ul > li.has-sub::after {
  right: 10px;
  top: 20px;
  border: 4px solid transparent;
  border-top-color: #fff;
}
#cssmenu > ul > li:hover::after {
  border-top-color: #ffffff;
}
#indicatorContainer {
  position: absolute;
  height: 12px;
  width: 100%;
  bottom: 0px;
  overflow: hidden;
  z-index: -1;
}
#pIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  z-index: -2;
  -webkit-transition: left .25s ease;
  -moz-transition: left .25s ease;
  -ms-transition: left .25s ease;
  -o-transition: left .25s ease;
  transition: left .25s ease;
}
#cIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  top: -12px;
  right: 100%;
  z-index: -2;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 43px;
  opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
  z-index: 1000;
}
#cssmenu ul ul ul {
  top: 37px;
  padding-left: 5px;
}
#cssmenu ul ul li {
  position: relative;
  list-style:none;
}
#cssmenu > ul > li:hover > ul {
  left: auto;
  top: 44px;
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
  opacity: 1;
}
#cssmenu ul ul li:hover > ul {
  left: 170px;
  top: 0;
  opacity: 1;
}
#cssmenu.align-right ul ul li:hover > ul {
  left: auto;
  right: 170px;
  top: 0;
  opacity: 1;
  padding-right: 5px;
}
#cssmenu ul ul li a {
  width: 130px;
  border-bottom: 1px solid #0E3151;
  padding: 10px 20px;
  font-size: 12px;
  color: #fff;
  background: #0E3151;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
  text-align:left;
}
#cssmenu.align-right ul ul li a {
  text-align: right;
}
#cssmenu ul ul li:hover > a {
  background: #EDCD00;
  color: #0E3151;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last > a {
  border-bottom: 0;
}
#cssmenu > ul > li > ul::after {
  content: '';
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #0E3151;
  position: absolute;
  top: -12px;
  left: 30px;
}
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 30px;
}
#cssmenu ul ul li.has-sub::after {
  border: 4px solid transparent;
  border-left-color: #9ea2a5;
  right: 10px;
  top: 12px;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
#cssmenu.align-right ul ul li.has-sub::after {
  border-left-color: transparent;
  border-right-color: #9ea2a5;
  right: auto;
  left: 10px;
}
#cssmenu ul ul li.has-sub:hover::after {
  border-left-color: #ffffff;
  right: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#cssmenu.align-right ul ul li.has-sub:hover::after {
  border-right-color: #ffffff;
  border-left-color: transparent;
  left: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    width: auto;
  }
  #cssmenu.align-center ul {
    text-align: left;
  }
  #cssmenu.align-right > ul > li {
    float: none;
  }
  #cssmenu ul {
    width: auto;
  }
  #cssmenu .submenuArrow,
  #cssmenu #indicatorContainer {
    display: none;
  }
  #cssmenu > ul {
    height: auto;
    display: block;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu li,
  #cssmenu > ul > li {
    display: none;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu ul > li:hover > ul,
  #cssmenu ul ul > li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul > li:hover > ul,
  #cssmenu.align-right ul ul > li:hover > ul {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    padding-left: 0;
    padding-right: 0;
    right: auto;
  }
  #cssmenu ul .has-sub::after {
    display: none;
  }
  #cssmenu ul li a {
    padding: 12px 20px;
  }
  #cssmenu ul ul li a {
    border: 0;
    background: none;
    width: auto;
    padding: 8px 35px;
  }
  #cssmenu.align-right ul ul li a {
    text-align: left;
  }
  #cssmenu ul ul li:hover > a {
    background: none;
    color: #8c9195;
  }
  #cssmenu ul ul ul a {
    padding: 8px 50px;
  }
  #cssmenu ul ul ul ul a {
    padding: 8px 65px;
  }
  #cssmenu ul ul ul ul ul a {
    padding: 8px 80px;
  }
  #cssmenu ul ul ul ul ul ul a {
    padding: 8px 95px;
  }
  #cssmenu > ul > #menu-button {
    display: block;
    cursor: pointer;
  }
  #cssmenu #menu-button > a {
    padding: 14px 20px;
	display:inline-block;
  }
  #cssmenu ul.open li,
  #cssmenu > ul.open > li {
    display: block;
  }
  #cssmenu > ul.open > li#menu-button > a {
    color: #fff;
    border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  }
  #cssmenu ul ul::after {
    display: none;
  }
  #cssmenu #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #7a8189;
    border-bottom: 2px solid #7a8189;
    right: 20px;
    top: 12px;
  }
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #7a8189;
    right: 20px;
    top: 22px;
  }
  #cssmenu ul.open #menu-button::after,
  #cssmenu ul.open #menu-button::before {
    border-color: #0C2F4F;
  }
}
.content-left table.our_portfolio tr td a{ padding-bottom:10px; display:inline-block;}







/* To Navigation Style */
.codrops-top {
	background: #fff;
	background: rgba(255, 255, 255, 0.6);
	text-transform: uppercase;
	width: 100%;
	font-size: 0.69em;
}

.codrops-top a {
	text-decoration: none;
	padding: 0 1em;
	color: #888;
	display: inline-block;
}

.codrops-top a:hover {
	background: rgba(255,255,255,0.95);
	color: #716d62;
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	float: left;
	display: block;
}

.codrops-icon:before {
	font-family: 'codropsicons';
	margin: 0 4px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
	content: "\e001";
}

.codrops-icon-prev:before {
	content: "\e004";
}


/* Effect 10: reveal, push out */
.cl-effect-10  {
	position: relative;
	z-index: 1;
}

.cl-effect-10 a {
	overflow: hidden;
	margin: 0 15px;
}

.cl-effect-10 a span {
	display: block;
	padding: 10px 20px;
	background:url("../images/menu-bg.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	
}

.cl-effect-10 a::before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	padding: 10px 0;
	width: 100%;
	height: 100%;
	
	color: #113454;
	content: attr(data-hover);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translateY(-90%);
	background:#EDCD00;
}

.cl-effect-10 a:hover span,
.cl-effect-10 a:focus span {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	transform: translateY(100%);
}

.cl-effect-10 a:hover::before,
.cl-effect-10 a:focus::before {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}


@media only screen and (max-width: 767px){
#content, .header-inr, .footerinner{ width:300px; margin:0 auto;}
.logo{ width:100%; margin:0 auto; float:none;}
.logo img, .header-right{ width:100%; text-align:center;}
#banner-sec, #banner-sec-inr{ width:100%; height:120px; margin-top:30px; background-size:100%;}
.content-inr .section1{ width:100%; margin-bottom:30px;}
.content-left{ width:84%; margin:0 auto; float:left; min-height:inherit;}
.content-right{ width:100%;}
.top{ width:100%; height:auto;}
.footer{ min-height:inherit;}
.footer .section1{ width:100%; padding-right:0;}
.footer .section11{ width:100%; margin-bottom:30px; padding-top:0;}
.footer .section11 h3{ margin-top:0;}
#banner-sec-inr{ height:95px;}
.capa-list{ padding-bottom:25px;}
nav{ width:100%; float:left;}
nav ul.menu{ display:none;}
nav .select{ display:block; width:80%; margin:15px auto 0;}
form table, form table tr td, form table td textarea{ width:100%; float:left;}
form table td input[type=text]{ float:left; width:98%;}
form table table tr td:first-child{ width:89%; padding-bottom:5px;}
form table table tr td:last-child{ width:11%; padding-bottom:5px;}
form table table.last_qst tr td{ width:100%;}
form table table.last_qst table tr td{ width:30%;}
.contentimg1, .contentimg{ width:80%; padding-top:15px; padding-bottom:15px;}
.contentimg{ font-size:14px; font-weight:normal; white-space:inherit;}
.contentimg a{ float:left; font-size:12px; text-decoration:underline; font-weight:normal;}
table.our_portfolio{ width:100%; float:left; margin-top:35px;}
table.our_portfolio tr td{ width:45%; float:left; padding:0;}
table.our_portfolio tr td:first-child{ padding-right:20px;}
.content-left table.our_portfolio tr td a{ padding-bottom:10px; font-weight:normal; font-size:11px;}
.content-left.ourPortfolio{ height:2845px;}

#cssmenu{ height:auto; background:none;}
#cssmenu > ul > #menu-button{ display:inline-block; width:100%;}
#cssmenu > ul{ margin:0 auto; width:288px;}
#cssmenu #menu-button > a{ background:#fff; color:#0D3050; width:86%; min-width:86%; height:20px; padding:8px 20px;}
#cssmenu > ul > li > a{ background:#16679E;}
#cssmenu > ul > li:hover > a, #cssmenu > ul > li.has-sub > a:hover{ background:#16679e; color:#fff;}
#cssmenu > ul > li > ul > li > a{ background:#EDCD00; color:#0E3151; font-weight:normal;}
#cssmenu > ul > li > ul > li:hover > a{ background:#0B2E4E; color:#fff;}
#cssmenu > ul > li.has-sub > a, #cssmenu ul li a{ font-size:12px; font-weight:bold;}
.header-inr{ height:auto;}
#cssmenu > ul.open > li#menu-button > a{ color:#0D3050;}
#cssmenu ul.open li, #cssmenu > ul.open > li{ border-top:1px solid #0C2F4F;}

#cssmenu > ul > ul > li > a, #cssmenu ul li a:hover, #cssmenu > ul > ul > li:hover a{ border-radius:0 !important;}
#cssmenu ul li a{ min-width:82%; text-align:left;}
#cssmenu ul ul li a{ width:214px; min-width:214px;}
#cssmenu ul li:last-child{ float:none;}
#cssmenu ul li a{ padding:8px 20px;}
#cssmenu ul ul li a{ padding:8px 37px;}

}
@media only screen and (min-width: 500px) and (max-width: 640px){
}
@media only screen and (min-width: 480px) and (max-width: 767px){
#content, .header-inr, .footerinner{ width:420px;}
#cssmenu > ul{ width:268px;}
.content-left{ width:90%; float:left;}
.content-left.ourPortfolio{ height:1900px;}
#cssmenu #menu-button > a{ width:87.4%;}
#cssmenu ul ul li a{ width:216px;}
.logo{ width:300px;}
#cssmenu ul ul li a{ padding:8px 26px;}
#cssmenu #menu-button > a{ width:228px; min-width:228px;}
#cssmenu ul li a{ width:228px;}
#cssmenu > ul > li.has-sub > a{ padding:8px 20px;}
}
@media only screen and (min-width: 300px) and (max-width: 420px){
}