body {height:100%; min-height:100%; background:#FFF; margin:0; padding:0; font-size:16px; font-family:'proxima_nova_rgregular', Arial; color: #4f4f4f;}
html {height:100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
 

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

/* * * * * *  html 5 fix  * * * * * */
section, article, header, footer, nav, aside, hgroup, details, figure { display: block; }


/* * * * * *  General  * * * * * * */
table { border-collapse:collapse; border-spacing: 0; border:0;  /******  cellspacing="0"  ******/}   
/*cellspacing for table { border-collapse:separate; border-spacing: 5px; } // cellspacing="5"    align (center) =  table { margin: 0 auto; }*/    
th, td { padding:0px; }

a{ color:#0099DA; text-decoration:none; outline:none;}
a:hover{ color:#0099DA; text-decoration:underline;}
img{ border: none; max-width: 100%; height: auto;}
h1, h2, h3, h4, h5, h6, ul, li, p{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, strong, b{ font-weight:normal;}
strong, b{font-family: 'proxima_novasemibold', arial; }
ul, li{ list-style:none; list-style-type:none;}
.clear{ clear:both; padding:0; margin:0; height:0;}
.clr{ clear:both;}
input[type=text], input[type=password],input[type=email]{ border:#ddd 1px solid; padding:4px; margin:0; font-family:Calibri, Arial; font-size:14px; color:#666;  }
textarea { border:#ddd 1px solid; padding:4px; margin:0; font-family:Calibri, Arial; font-size:14px; color:#666; }
select { border:#ddd 1px solid; margin:0; padding:3px; font-family:Calibri, Arial; font-size:14px; color:#666; }
/*.inputbutton { background:#517aaa; border:none; height:27px; padding:0 17px; cursor:pointer; font-family:Calibri, Arial; font-size:14px; color:#FFF; vertical-align:middle; overflow:visible; }
.inputbutton:hover{ background:#376293;}*/
p{ text-align:justify; padding:0 0 12px 0; line-height:22px;}




/* * * * * *  Wrapper  * * * * * */
#wrapper{ width:100%; min-width:320px; position:relative; min-height:100%; height:auto !important; }
.container{ width:980px; margin:0 auto;}



/* * * * * *  Header  * * * * * */
#header{ min-height:91px; color:#e0e0e0; width:100%; position:fixed; z-index:100000; background-color:#ffffff;border-bottom:1px solid #767676;opacity:1}
#header .container{ position:relative; z-index:10000;}
.logo{ position:absolute; top:7px; left:0;}
.logo img{width:280px;margin-top: 30px;margin-left:5px;}
.callus{ position:absolute; top:0; right:0; z-index:10000; height:30px; }
a.calluslink{ display:inline-block; font-size:14px; color:#FFF;  height:30px; padding:5px;  box-sizing: border-box; -moz-box-sizing: border-box; text-decoration:none; font-weight:700;}
a.calluslink:hover{opacity:1; color:#d2d2d2;  }
/*a.calluslink.open{ background:#0099DA url(../images/callus.png) 8px 6px no-repeat; opacity:1;  border:1px solid #29a6d0; }*/
.call-block{ position:relative;background:#29486e;border-radius:0 0 8px 8px;-webkit-border-radius:0 0 8px 8px;}
/*.callus-popup{ display:none; position:absolute; box-shadow: 0 4px 6px rgba(0,0,0,.2); top:30px; right:0px; padding:10px 5px 10px 10px; font-size:14px; box-sizing: border-box; -moz-box-sizing: border-box;  background:#FFF; width:240px; border-top:4px solid #29a6d0;}
.callus-popup ul{ list-style:none; padding:0; margin:0;}
.callus-popup ul li{ list-style-type:none; padding:0 0 8px 0; margin:0; overflow:hidden; position:relative; color:#4f4f4f; font-family: 'proxima_novasemibold', arial;}
.callus-popup ul li span{ position:absolute; top:1px; left:87px; font-family: 'proxima_nova_rgregular', arial; color:#747474;}
.callus-popup ul li img{ vertical-align:-1px; margin-right:3px;}*/



/* * * * * *  Nav  * * * * * */
#navigation{ position:absolute; right:0px; top:48px; z-index:1000;}
.toggleMenu { display:  none; background: url(../images/menu-icon.png) center center no-repeat; opacity:0.7; float:right; height:70px; width:66px; color: #fff; }
.nav { list-style:none; padding:0; margin:0; }
.nav:before, .nav:after { content: " "; display: table; }
.nav:after { clear: both; }
.nav ul { list-style: none; width:240px; }
.nav a.navlink { height:28px; padding:14px 18px 0 18px; font-size:13px; color:#444; text-decoration: none; font-family: 'proxima_nova_rgbold', arial; text-transform:uppercase;  }
.nav li { position: relative; list-style-type:none; padding:0; margin:0; }
.nav a.navlink:hover{ background:#444; color:#FFF;}
.nav a.parent:hover, .nav li:hover a.parent{ background:#444 url(../images/nav_h.png) bottom center no-repeat; color:#FFF;}
.nav > li { float: left;  }
.nav > li > a { display: block; }
.nav li ul { position: absolute; left: -9999px; }
.nav > li.hover > ul { left: 0; border-top:5px solid #444; }
.nav li li.hover ul { left: 100%; top: 0; }
.nav li li a {text-decoration: none; padding:5px 7px; height:auto; color:#3c444e; font-size:14px; display: block; background: #FFF; position: relative; z-index:100; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; }
.nav li li li a {text-decoration: none; padding:5px 7px; height:auto;  color:#3c444e; background:#716d99; z-index:200; border-bottom: 1px solid #e0e0e0; }
.nav li li a:hover{ background:#f9f9f9; color:#0099DA;}



/* * * * * *  Content  * * * * * */
#content{ padding:0 0 405px 0;}
#footer{ width:100%; position:absolute; bottom:0; background:#444444; border-top:1px solid #d2d2d2; /*height:370px;margin-top:10px;*/ }
.footer-top{ overflow:hidden; padding:18px 0 15px 0;}

.footer-bottom{ overflow:hidden; position:relative; padding:20px 0 20px 0; border-top:1px solid #555; font-size:14px;background:#333;}
.footer-bottom p{ padding:7px 0 0 0; margin:0; line-height:1.3;}
.footer-bottom a{ color:#ffffff;}
.footer-bottom a:hover{color:#0099DA; text-decoration:none;}
.footer-bottom span{ padding:0 7px;color:#ffffff;}
.footer-bottom .Copyright{ color:#ffffff;}
/*.foot-logo{ position:absolute; top:15px; right:0;}
.foot-logo img{ vertical-align:middle; margin-left:8px;}*/


.col25{ width:25%; float:left;}
.col40{ width:50%; float:left;}
.col60{ width:50%; float:left;}
.margin30{ margin-right:20px;}
.footer-top h3{ color:#0099DA !important; font-family: 'proxima_nova_rgbold', arial !important; font-weight:normal; font-size:18px !important; padding:0 0 10px 0 !important; line-height:1 !important;}
.footer-top li{ padding:0 0 7px 0;  line-height:1.1;}
.footer-top li a{color:#ffffff; font-size:14px;}
.footer-top li a:hover{color:#0099DA; text-decoration:none;}
.foot-callus{ }
.foot-callus ul{ list-style:none; padding:0; margin:0;}
.foot-callus ul li{ font-size:14px; list-style-type:none; padding:0 0 12px 0; margin:0; overflow:hidden; position:relative; color:#ffffff; font-family: 'proxima_novasemibold', arial;}
.foot-callus ul li span{ position:absolute; top:1px; left:87px; font-family: 'proxima_nova_rgregular', arial; color:#ffffff;}
.foot-callus ul li img{ vertical-align:-1px; margin-right:3px;}
.footer-countries ul li{color:#ffffff;font-size:14px;}
.foot-email{ padding:10px 0; line-height:1; font-size:14px;}
.foot-email strong{color:#ffffff;}
.foot-email a{ color:#ffffff;}
.foot-email a:hover{ color:#0099DA; text-decoration:none;}
.foot-social{ padding:10px 0 3px 0;}
.foot-social a{ height:33px; width:33px; display:inline-block; margin-right:8px; background:url(../images/social.png) 0px 0px no-repeat; transition: all ease 0.4s; -moz-transition: all ease 0.4s; -webkit-transition: all ease 0.4s;}
.foot-social a.linkedin{ background-position:0px 0px;}
.foot-social a.linkedin:hover{ background-position:0px -40px;}
.foot-social a.facebook{ background-position:-41px 0px;}
.foot-social a.facebook:hover{ background-position:-41px -40px;}
.foot-social a.twitter{ background-position:-82px 0px;}
.foot-social a.twitter:hover{ background-position:-82px -40px;}


.home-top{ padding:15px 0 0 0; min-height:150px;}
.home-top .container{ position:relative;}
/*.ht-left{ margin:0 220px 0 0; min-height:150px;}
.ht-left h1{  padding:0 0 8px 0 !important;  }
.ht-right{ position:absolute; right:0; top:0; width:175px; padding-left:20px; background:url(../images/vdot.png) top left repeat-y; min-height:120px; }
a.htlink{ height:28px; display:block; color:#4f4f4f; margin-bottom:13px; font-size:14px;}
a.htlink:hover{ color:#29a6d0; text-decoration:none;}
a.htlink span{ vertical-align:middle; margin-right:7px; display:inline-block; width:28px; height:28px; text-align:center; border-radius:14px;}
a.htlink.info span{ background:#29a6d0 url(../images/ic-info.png) center center no-repeat; }
a.htlink.proposal span{ background:#29a6d0 url(../images/ic-proposal.png) center center no-repeat; }
.mi-cmmi{ background:url(../images/dot.png) top repeat-x; padding:10px 0 0 0;}*/

.figures{ border-top:1px solid #dedede; padding:25px 0 0 0; margin:22px 0 0 0; overflow:hidden;}
/*.col4{ width:25%; float:left;}
.col4spac{ border-left:1px solid #ddd; padding-left:10px;}*/
.figure_detail{ color:#fe9c1d; font-size:40px; }
.figure_detail_sub{ font-size:16px; color:#767676; text-transform:uppercase; }
.figure_detail span.name{font-size:24px; font-family: 'proxima_nova_rgbold', arial; color:#767676; font-weight:normal; text-transform:uppercase;}




.home-services{padding:0; min-height:340px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover;}

/*h2.hm-subtitle{ text-align:center; font-size:36px; font-family: 'proxima_nova_rgbold', arial; line-height:1; margin:0; padding:0 0 13px 0; color:#6c6d6e;}
.hm-bigtext{ text-align:center; font-size:18px; padding:0 0 25px 0; }*/
/*.home-services h2.hm-subtitle, .home-services .hm-bigtext, .home-technologies h2.hm-subtitle, .home-technologies .hm-bigtext{ color:#FFF;}*/


.home-services ul{ list-style:none; padding:0; margin:0; overflow:hidden;}
.home-services ul li{ list-style-type:none; padding:0; margin:15px 0; float:left; width:25%; display:table;}
.home-services ul li a{ color:#4f4f4f; display:table-cell; height:60px; vertical-align:middle; padding-right:30px; padding-left:55px; font-size:16px; text-decoration:none; transition: all ease 0.4s; -moz-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; }
.home-services ul li.last a{ padding-right:0px;}
.home-services ul li.aspnet a{ background:url(../images/ser1.png) 0px 0px no-repeat;}
.home-services ul li.winapp a{ background:url(../images/ser2.png) 0px 0px no-repeat;}
.home-services ul li.android a{ background:url(../images/ser3.png) 0px 0px no-repeat;}
.home-services ul li.iphone a{ background:url(../images/ser4.png) 0px 0px no-repeat;}
.home-services ul li.window a{ background:url(../images/ser5.png) 0px 0px no-repeat;}
.home-services ul li.php a{ background:url(../images/ser6.png) 0px 0px no-repeat;}
.home-services ul li.design a{ background:url(../images/ser7.png) 0px 0px no-repeat;}
.home-services ul li.software a{ background:url(../images/ser8.png) 0px 0px no-repeat;}
/*.home-services ul li.ad a{ background:url(../images/sr1.png) 0px 0px no-repeat;}
.home-services ul li.pdm a{ background:url(../images/sr2.png) 0px 0px no-repeat;}
.home-services ul li.bda a{ background:url(../images/sr3.png) 0px 0px no-repeat;}
.home-services ul li.es a{ background:url(../images/sr4.png) 0px 0px no-repeat;}
.home-services ul li.cl a{ background:url(../images/sr5.png) 0px 0px no-repeat;}
.home-services ul li.ma a{ background:url(../images/sr6.png) 0px 0px no-repeat;}
.home-services ul li.tq a{ background:url(../images/sr7.png) 0px 0px no-repeat;}
.home-services ul li.ud a{ background:url(../images/sr8.png) 0px 0px no-repeat;}*/
.home-services ul li a:hover{ background-position:0px -60px;color:#0099DA;}

.home-industries{ padding:0;}
.home-industries ul{ list-style:none; padding:10px 0; margin:0 -15px; overflow:hidden;}
.home-industries ul li{ list-style-type:none; padding:0 15px; margin:0 0 30px 0; float:left; width:25%; box-sizing: border-box; -moz-box-sizing: border-box;}
.home-industries ul li a{ height:100px; padding-top:10px; padding-left:15px; padding-right:15px; display:block; text-align:center; color:#4f4f4f; text-decoration:none; background:#FFF; border:1px solid #e5e5e5; box-sizing: border-box; -moz-box-sizing: border-box; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
/*.home-industries ul li a.ind1{ background:url(../images/ind1.png) center top no-repeat;}
.home-industries ul li a.ind2{ background:url(../images/ind2.png) center top no-repeat;}
.home-industries ul li a.ind3{ background:url(../images/ind3.png) center top no-repeat;}
.home-industries ul li a.ind4{ background:url(../images/ind4.png) center top no-repeat;}
.home-industries ul li a.ind5{ background:url(../images/ind5.png) center top no-repeat;}
.home-industries ul li a.ind6{ background:url(../images/ind6.png) center top no-repeat;}
.home-industries ul li a.ind7{ background:url(../images/ind7.png) center top no-repeat;}
.home-industries ul li a.ind8{ background:url(../images/ind8.png) center top no-repeat;}
.home-industries ul li a.ind9{ background:url(../images/ind9.png) center top no-repeat;}
.home-industries ul li a.ind10{ background:url(../images/ind10.png) center top no-repeat;}*/

/*.home-industries ul li a:hover{background-position:center -120px; background-color:#29a6d0; border:1px solid #29a6d0; color:#FFF;}*/


.home-technologies{ background:#348ecc url(../images/home-technologies.png) left center no-repeat; padding:35px 0 35px 0; min-height:310px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover;}
.home-technologies ul{ list-style:none; padding:5px 0; margin:0; overflow:hidden;}
.home-technologies ul li{ list-style-type:none; padding:0; margin:0; width:12.5%; text-align:center; float:left;}
.home-technologies ul li a{ color:#FFF; text-decoration:none; font-size:14px;}
.home-technologies ul li a div{ height:93px;}
/*.h-techbtn{ text-align:center; padding:30px 0 0 0;}
a.btn_wth{ height:44px; box-sizing:border-box;-moz-box-sizing:border-box; border:1px solid #FFF; display:inline-block; padding:10px 20px 0 20px; font-size:18px; font-family: 'proxima_nova_rgbold', arial; color:#FFF; text-decoration:none; text-transform:uppercase; transition: all ease 0.4s; -moz-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; }
a.btn_wth:hover{ background:#FFF; color:#29a6d0;}*/

/*.home-success{ padding:50px 0;}
.home-success ul{ list-style:none; overflow:hidden; padding:0; margin:0 -15px;}
.home-success ul li{ list-style:none; padding:0 15px; width:50%; box-sizing: border-box; -moz-box-sizing: border-box; float:left; margin:0 0 30px 0;}*/
.ss-block{ overflow:hidden; background:#FFF; border:1px solid #d5d5d5; box-shadow: 1px 1px 3px rgba(0,0,0,.2); box-sizing: border-box; -moz-box-sizing: border-box;}
.btn-ss{ text-align:center; padding:10px 0 0 0;}
a.btn_blue{ height:44px; box-sizing:border-box;-moz-box-sizing:border-box; border:1px solid #0099DA; display:inline-block; padding:10px 20px 0 20px; font-size:18px; color:#0099DA; text-decoration:none; text-transform:uppercase; transition: all ease 0.4s; -moz-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; }
a.btn_blue:hover{ background:#0099DA; border:1px solid #0099DA; color:#FFF;}
/*.port_img{ float:left; width:55%;}
.port_content{ float:left; width:45%; font-size:14px; box-sizing:border-box;-moz-box-sizing:border-box; padding-left:10px; }
.port_content h3{ font-size:16px !important; font-family: 'proxima_nova_rgregular', arial  !important; margin:0 !important; padding:0 0 6px 0 !important;}
.pro_type{ font-size:14px; color:#aeaeae; padding:0 0 4px 0; border-bottom:1px solid #dadada; margin:0 0 10px 0; }*/




.articles-box{width:100%;}
.main-title {border-bottom: 2px solid #0099DA; /*text-transform: uppercase;*/ color: #0099DA;}
.main-title span {font-size: 40px;}
.articles-box p {margin: 15px 0px 5px 0px}
 
.home-Portfolio{padding:0;}
.home-Portfolio ul{ list-style:none; overflow:hidden; padding:10px 0; margin:0;}
.home-Portfolio ul li{ list-style:none; width:31%; box-sizing: border-box; -moz-box-sizing: border-box; float:left; margin:0 11px 22px 11px;border-radius: 4px;}
.home-Portfolio ul li a{ display:block; text-decoration:none; box-sizing: border-box; -moz-box-sizing: border-box; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.home-Portfolio ul li a:hover{ -webkit-transform: scale(1.02, 1.02);transform: scale(1.02, 1.02);}

.pbody{padding: 15px;}
.thumbnail{display: block; line-height: 1.42857143;   background-color: #fff;   border: 1px solid #ddd;   border-radius: 4px;   -webkit-transition: border .2s ease-in-out;   -o-transition: border .2s ease-in-out;   transition: border .2s ease-in-out;}
.pfooter{padding: 10px 15px;    background-color: #f5f5f5;    border-top: 1px solid #ddd;    border-bottom-right-radius: 3px;    border-bottom-left-radius: 3px;}
.portfolio-title{ font-size:18px; color:#0099DA; }
.portfolio-sub{ font-size:14px; color:#767676; }


.quat{font-weight: bold;font-size: 25px;line-height: 0.5;font-family: none;}
.testimonials-title{ font-size:18px; color:#0099DA;margin:5px;text-align:center;}
.testimonials-sub{ font-size:16px; color:#767676; }
.home-testimonials{padding-top:10px;}

.form-group {margin-top: 5px;margin-bottom: 10px;}
.form-group label {display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: 700;}
.form-control {display: block;width: 100%;font-size: 18px;color: #666;border: 1px solid #d3d3d3;font-family: Calibri, Arial;box-sizing: border-box;}
.form-control:focus {outline: none;border: 1px solid #0dcadd;}
.request-preposal{background:#ddd;border-top:1px solid #cccbcb;margin:0 -10px 0 -10px;padding:6px;}
.filterportfolio{display:none;}


#return-to-top {position: fixed;bottom: 70px;right: 10px;background: rgb(0, 0, 0);background: rgba(0, 0, 0, 0.7);width: 50px;height: 50px;display: block;text-decoration: none;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;
    display: none;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#return-to-top img {color: #fff;margin: 0;position: relative;left: 14px;top: 15px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#return-to-top:hover {background: rgba(0, 0, 0, 0.9);}
#return-to-top:hover img {color: #fff;top: 10px;}


.testimonials li{margin-bottom: 30px;}
.testimonials-avatar{float: left;}
.testimonials-entery {color: #666;position: relative;margin-left: 100px;background: #f9f9f9;padding: 16px 16px 2px;box-shadow: 0 1px 2px #aaa;border-radius: 3px;}
.testimonials-author {float: left;width: 100%;margin-bottom: 8px;}
.testimonials-author .name {color: #444;float: left; margin-right: 5px;font-size: 15px;font-weight: 600;}
.testimonials-entery p {margin: 0 0 20px;}
.testimonials-arrow {width: 12px;height: 21px;  background: url(../images/arrow-left.png) no-repeat; position: absolute; left: -12px; top: 20px;}

.fa{ padding-left: 20px;}
.fa-location{background: url(../images/location.png) no-repeat scroll 0 0 transparent;}
.fa-phone{background: url(../images/phone.png) no-repeat scroll 0 0 transparent;}
.fa-mail{background: url(../images/mail.png) no-repeat scroll 0 0 transparent;}
.span-address{display:inline-block;padding-bottom:5px;}

.btn_blue{ height:44px; box-sizing:border-box;-moz-box-sizing:border-box; border:1px solid #0099DA; display:inline-block;background-color:#ffffff; padding:5px 20px 0 20px; font-size:18px; color:#0099DA; text-decoration:none; text-transform:uppercase; transition: all ease 0.4s; -moz-transition: all ease 0.4s; -webkit-transition: all ease 0.4s; }
.btn_blue:hover{ background:#0099DA; border:1px solid #0099DA; color:#FFF;}

@media (max-width:992px) {
.container{ width:auto; padding:0 15px; box-sizing:border-box;-moz-box-sizing:border-box; }

.logo{ left:0; top:15px;}
.logo img{ width:190px;margin-top:33px;}
.callus{ right:10px;}
.nav a.navlink {padding:14px 11px 0 11px;}

.foot-logo{ width:150px; text-align:right; top:10px;}
.footer-bottom{ padding-right:150px;}
.footer-bottom p br{ display:none;}

.col25{ width:22%;margin:0 0 0 0;}
.col40{ width:auto; float:none; margin:0 0 10px 0;}
.col60{ width:auto; float:none; margin:0 0 10px 0;}
.margin30{ margin-right:20px;}
.foot-callus{ width:34% !important;}

/*.ht-left h1{ font-size:22px !important;}
.ht-right{ right:15px;}*/

.home-services ul li a{ font-size:14px;}

.home-industries ul{ margin:0 -10px;}
.home-industries ul li{ padding:0 10px; margin:0 0 30px 0;}

.home-success ul{ margin:0 -10px;}
.home-success ul li{ padding:0 10px;}


.home-industries ul li a{padding-left:8px; padding-right:8px;}

/*.port_img{width:50%;}
.port_content{ width:50%; }*/
.btn-ss{padding:0;}

.home-Portfolio ul li{ margin:0 5px 10px 5px;}

.colextra1{width:28%;}
.colextra2{width:16%;}

/***** End *****/
}


@media (max-width:767px) {
.container{ width:auto; padding:0 15px;}
/*.scrum-model img{ border: none; max-width: 100%; height: auto; text-align: center;}*/

#header .container{ padding:0px !important;}
#header{ min-height:70px; position:static;  }
.logo{ top:0px; left:5px;}
.logo img{ width:190px;margin-top:15px;}
.callus{ right:10px; display:none;}
.hide-mobile{display:none;}

#navigation{ position:static; right:auto; top:50px;}
.active {display: block;}
.nav > li {float: none;}
.nav a.navlink { border-top:1px solid #ddd; font-size:15px; height:auto; padding:10px 15px 10px 15px; }
.nav a.parent:hover, .nav li:hover a.parent{ background-image:none;}
.nav a.navlink:hover{ background:#444;}
.nav > li > a.parent { background: url(../images/downArrow.png) center right no-repeat;}
.nav > li > a:hover.parent { background:#444 url(../images/downArrow.png) center right no-repeat;}
.nav > li.hover > a.parent { background:#0099da url(../images/upArrow.png) center right no-repeat;}
.nav ul { display: block; width: 100%;}
.nav > li.hover > ul, .nav li li.hover ul { position: static;}
.nav li li a { padding:9px 10px 9px 20px; }
.nav li li li a { padding:9px 10px 9px 30px;}

#content{ padding:0 0 0 0;}
#footer{ width:100%; position:static; bottom:0; border-top:1px solid #d2d2d2; height:auto; overflow:hidden;}
.footer-bottom{ padding:18px 0 10px 0; text-align:center;}
.footer-bottom p{ text-align:center;}
.foot-logo{ width:auto; text-align:center; position:static;}

.col25{ width:auto; float:none; margin:0 0 10px 0;}
.col40{ width:auto; float:none; margin:0 0 10px 0;}
.col60{ width:auto; float:none; margin:0 0 10px 0;}
.margin30{ margin-right:0;}
.foot-callus{ border:none; padding:10px 0 0 0; width:auto !important;}

.home-top{ padding-bottom:0;}
/*.ht-left{ margin:0;}
.ht-right{ position:static; width:auto; padding-left:0; background:url(../images/dot.png) top left repeat-x; min-height:50px; }
a.htlink{ width:50%; float:left; height:28px; margin:13px 0; font-size:13px;}
a.htlink span{ margin-right:2px;}
.htl{ overflow:hidden;}*/

.figures{ padding:0px; margin:8px 0 5px 0; border:none; }
/*.col4{ width:50%; float:left;border-top:1px solid #ddd;}
.col4spac{ border-left:0px solid #ddd; border-top:1px solid #ddd; padding:0;}*/


.figure_detail span.name{font-size:20px; font-family: 'proxima_nova_rgbold', arial; color:#767676; font-weight:normal; text-transform:uppercase;}



.home-services{ padding-top:25px;}
.home-services ul li{  width:50%; margin:5px 0;}
.home-services ul li a{ padding-right:10px; font-size:16px; }
.home-services ul li.last a{ padding-right:10px;}

/*h2.hm-subtitle{ font-size:24px;}
.hm-bigtext{  font-size:16px; padding:0 0 15px 0;}*/


.home-industries{ padding:30px 0 10px 0;}
.home-industries ul{ margin:0 -10px;}
.home-industries ul li{ padding:0 10px; width:50%; margin-bottom:20px;}
.home-technologies{ padding-top:25px;}
.home-technologies ul li{ width:33.3%;}

/*.home-success{padding:30px 0;}
.home-success ul{ margin:0 -15px;}
.home-success ul li{ padding:0 15px; width:auto; float:none;}

.port_img{width:auto; text-align:center; float:none}
.port_content{ width:auto; float:none; padding:15px 0 0 0; border-top:1px solid #ddd; }


*/
.so-links{ width:auto; color:#FFF; float:none;}


.footer-top{ padding-bottom:0;}

.main-title span {font-size: 30px;}
.home-Portfolio ul li{ width:48%;margin:0 3px 6px 3px;}
/***** End *****/
}


@media (max-width:479px) {

.home-services ul li{  width:auto; float:none;}

.home-technologies ul li{ width:50%;}

.home-Portfolio ul li{ width:auto;float:none;margin:0 5px 20px 5px;}
.main-title span {font-size: 25px;}
/***** End *****/
}





/* Float Shadow */
.shadow {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  
}
.shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: -15%;
  height: 20px;
  width: 130%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 60%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 60%);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.shadow:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.shadow:hover:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}


/*.spin div{ -webkit-transition:-webkid-transform .60s ease-out;
-moz-transition:-moz-transform .60s ease-out;
-ms-transition:-ms-transform .60s ease-out;
-o-transition:-o-transform .60s ease-out;
transition:transform .60s ease-out;
}
.spin:hover div { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg) }*/
#header .foot-email{ padding-bottom:0;}

;
/* * * * * *  Content  * * * * * */

 .show-xs {
        display:none;
    }
#contentarea {
    padding: 90px 0 405px 0;
}

    #contentarea .container {
        padding: 0px 0px 10px 0px;
    }

.middlearea {
    padding: 18px 0;
}

.leftside {
    float: left;
    width: 734px;
}

.rightside {
    float: right;
    width: 215px;
    overflow: hidden;
}

.contentbox {
    border-top: 1px solid #E0E0E0;
    margin: 20px 0 0;
    padding: 15px 0 0;
    overflow: hidden;
}

.rsbox {
    margin-bottom: 10px;
}

.request-title {
    background: url(../images/rtarrow.gif) no-repeat right 50% #0099DA;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    margin: 0;
    padding: 0 0 0 14px;
}

    .request-title a {
        display: block;
        color: #FFFFFF;
    }

.iphoneimg img {
    display: block;
}

.rightbox {
    padding: 0px;
    margin: 0px;
}

.right-menu {
    border: none;
    padding: 0px;
    margin: 0px;
}

    .right-menu ul {
        padding: 0px 0px 5px 5px;
        margin: 0px;
        list-style: none;
    }

        .right-menu ul li {
            padding: 0px 0px 0px 12px;
            margin: 7px 0px 7px 0px;
            background: url(../images/sublink_bul.gif) no-repeat 0px 6px;
            line-height: 16px;
        }

            .right-menu ul li a {
                text-decoration: none;
                color: #0099DA;
            }

                .right-menu ul li a:hover {
                    text-decoration: underline;
                }

.padtop {
    padding-top: 10px;
}

.fwc {
    margin-bottom: 10px;
    background: #f5a023;
    text-align: center;
    height: 114px;
}

    .fwc img {
        display: inline-block;
    }

.whbg {
    background: #FFF;
    padding: 3px 10px 0px 10px;
}

.outs-links {
    border: #dcdcdc solid 1px;
    margin-top: 10px;
}

.outlines {
    border: #dcdcdc solid 1px;
}

.righttitle {
    padding: 0px 0px 0px 12px;
    margin: 0px;
    background: #0099DA;
    color: #FFF;
    height: 32px;
    font-size: 16px;
    line-height: 30px;
}

.subboxes {
    width: 29%;
    float: left;
}

.subboxes_spac {
    float: left;
    width: 4%;
    background: url(../images/dot.png) top center repeat-y;
    min-height: 280px;
}

:root .subboxes_spac {
    min-height: 250px \0/IE9;
}

.wt {
    width: 34%;
}

.contentbox .box-title {
    border: medium none;
    color: #555555;
    font-size: 15px;
    font-weight: bold;
    line-height: 25px;
    margin: 0;
    padding: 0;
}

.subboxes ul {
    padding: 5px 0px 0px 5px;
    margin: 0px;
    list-style: none;
}

    .subboxes ul li {
        padding: 0px 0px 0px 10px;
        margin: 7px 0px 7px 0px;
        background: url(../images/sublink_bul.gif) no-repeat 0px 6px;
        line-height: 16px;
    }

        .subboxes ul li a {
            text-decoration: none;
            color: #3468a2;
        }

            .subboxes ul li a:hover {
                text-decoration: underline;
            }

.sublinks {
    min-height: 130px;
}

    .sublinks ul {
        float: left;
        padding: 3px 25px 0 3px;
        list-style: none;
    }

        .sublinks ul li {
            padding: 0px 0px 0px 10px;
            margin: 7px 0px 7px 0px;
            list-style-type: none;
            background: url(../images/sublink_bul.gif) no-repeat 0px 6px;
            line-height: 16px;
        }

            .sublinks ul li a {
                text-decoration: none;
                color: #3468a2;
            }

                .sublinks ul li a:hover {
                    text-decoration: underline;
                }

.tabarea {
    padding: 0 0 18px 0;
}

.tabcont {
    padding: 0px 15px 0px 0px;
    margin: 0px;
    width: 500px;
    clear: left;
    float: left;
}

    .tabcont a {
        color: #5881b0;
        text-decoration: none;
        font-weight: bold;
        padding: 5px 0px 5px 0px;
        margin: 0px;
        line-height: 13px;
        display: block;
    }

        .tabcont a:hover {
            text-decoration: underline;
        }

.tabimg {
    clear: right;
}

.imgbdr {
    padding: 5px;
    border: #e7e7e7 solid 1px;
    background: #FFF;
}

.banner {
    margin: 0;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 275px;
}

.ban-aboutus {
    background-image: url(../images/ban-aboutus.jpg);
}

.ban-titlebg {
    background-image: url(../images/headertitlebg.jpg);
    background-repeat:repeat;
    height:200px;
}
.ban-titlebg-text {
    width: 980px;
    margin: 0 auto;
    padding-top: 128px;
    color: white;
    font-size: 32px;
    font-weight: bold;
    padding-left: 10px;
    /*text-transform: uppercase;*/
}

.ban-career {
    background-image: url(../images/ban-career.jpg);
}

.ban-contactus {
    background-image: url(../images/ban-contactus.jpg);
}

.ban-industry {
    background-image: url(../images/ban-industry.jpg);
}

.ban-portfolio {
    background-image: url(../images/ban-portfolio.jpg);
}

.ban-services {
    background-image: url(../images/ban-services.jpg);
}

.ban-technology {
    background-image: url(../images/ban-technology.jpg);
}

.banner h2 {
    color: #FFF;
    font-weight: normal;
    padding: 70px 0 0 0;
    margin: 0;
    text-transform: uppercase;
    font-size: 24px;
}

.inr_left {
    margin-right: 365px;
}

.inr_right {
    float: right;
    width: 350px;
}

.breadcumb {
    padding: 12px 0px;
    margin: 0px;
    color: #808080;
    font-size: 14px;
    line-height: 1;
}

    .breadcumb a {
        text-decoration: none;
        color: #0099DA;
        font-size: 14px;
    }

        .breadcumb a:hover {
            text-decoration: underline;
        }

    .breadcumb span {
        width: 18px;
        display: inline-block;
        text-align: center;
    }

    .breadcumb img {
        vertical-align: 1px;
    }

.margtop {
    margin-top: 10px;
}

h1 {
    padding: 0 0 10px 0;
    margin: 0;
    line-height: 1;
    color: #434343;
    font-size: 30px;
    font-weight: normal;
}

h3 {
    padding: 8px 0px 2px 0px;
    margin: 0px;
    font-size: 15px;
    font-family: 'proxima_nova_rgbold', arial;
    font-weight: normal;
}

.titlefirst {
    padding-top: 0 !important;
}

.leftlist {
    width: 48%;
    float: left;
}

.rightlist {
    width: 48%;
    float: right;
}

.intbullet {
    border: none;
    padding: 0 0 7px 0;
    margin: 0 0 0 10px;
    display:inline-block;
}

    .intbullet ul {
        padding: 0px 0px 0px 5px;
        margin: 0px;
        list-style: none;
    }

    .intbullet ol {
        margin-top: 5px;
        margin-bottom: 6px;
    }

    .intbullet ul li {
        padding: 0px 0px 0px 12px;
        margin: 4px 0px 4px 0px;
        background: url(../images/sublink_bul.gif) no-repeat 0px 6px;
        line-height: 18px;
        text-align: justify;
    }

.clrboth {
    clear: both;
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
}

p.clspad {
    padding-bottom: 3px !important;
    padding-top: 5px !important;
}

p.clstoppad {
    padding-top: 4px;
}

p.clsheading {
    padding-top: 10px !important;
    padding-bottom: 7px !important; /*color:#5280b5;*/
    font-family: 'proxima_nova_rgbold', arial;
    font-weight: normal;
}

.chartimg {
    text-align: center;
}

.inr_block {
    overflow: hidden;
    padding-top: 10px;
}

.col2 {
    float: left;
    width: 49%;
}

.col2_pad {
    margin-right: 2%;
}

.innheadh2 {
    background: #f2f2f2;
    border-left: 5px solid #0099DA;
    font-size: 18px;
    padding: 6px 5px 6px 10px;
    font-weight: normal;
    color: #333;
    margin: 0px 0px 10px 0px;
}

.innheadhProcess {
    background: #f2f2f2;
    border-left: 5px solid #0099DA;
    font-size: 18px;
    padding: 6px 5px 6px 10px;
    font-weight: normal;
    color: #333;
    margin: 0px 0px 10px 0px;
}

.leftpad {
    padding-left: 25px;
}

.iphonemain {
    border: 1px solid #dcdcdc;
    margin-top: 10px;
    margin-bottom: 15px;
}

.iphonetitle {
    background: url(../images/tabtopbg.gif) repeat-x top;
    padding: 0px 0px 0px 13px;
    margin: 0px;
    color: #5e5e5e;
    font-size: 14px;
    font-weight: bold;
    height: 37px;
    line-height: 37px;
    position: relative;
}

.iphone_viewmorebg {
    position: absolute;
    right: 0;
    top: -2px;
}

    .iphone_viewmorebg a {
        color: #5280B5;
        background: url(../images/bl_ar.gif) no-repeat 0px 4px;
        text-decoration: none;
        font-size: 11px;
        font-weight: bold;
        padding: 0px 10px 0px 10px;
        line-height: 33px;
    }

        .iphone_viewmorebg a:hover {
            text-decoration: underline;
        }

.iph_row {
    overflow: hidden;
}

.grid {
    width: 100%;
    background-color: #c3ccdc;
    border-collapse: separate;
    border-spacing: 1px;
}

    .grid td {
        background-color: #e8ecf3;
        padding: 6px;
        vertical-align: top;
    }

        .grid td.head {
            background-color: #3f6289;
            color: #FFFFFF;
        }

.career {
    padding: 18px 0 0 0;
}

.crr {
    overflow: hidden;
    padding-bottom: 10px;
}

.crr_left {
    float: left;
    width: 125px;
    font-family: 'proxima_nova_rgbold', arial;
}

.crr_right {
    margin-left: 105px;
}

    .crr_right ul {
        padding: 0px 0px 0px 10px;
        margin: 0px;
        list-style: none;
    }

        .crr_right ul li {
            padding: 0px 0px 0px 12px;
            margin: 0px 0px 8px 0px;
            background: url(../images/sublink_bul.gif) no-repeat 0px 5px;
            line-height: 16px;
        }

.linktop {
    text-align: right;
    padding-bottom: 20px;
}

.contactlist {
    overflow: hidden;
    padding-bottom: 8px;
}

.rtlpad {
    padding-right: 4%;
}

.contactlist p {
    text-align: left;
}

.conpad {
    text-align: left;
}

.sa_form {
    margin: 0;
    padding: 10px 10px 0 0;
}

.sa_main {
    overflow: hidden;
    padding-bottom: 10px;
}

.sa_left {
    float: left;
    width: 47%;
}

.sa_right {
    float: right;
    width: 47%;
}

.sa_field {
    overflow: hidden;
    padding-bottom: 15px;
}

    .sa_field label {
        float: left;
        width: 125px;
        padding: 4px 0 0 0;
        font-size: 14px;
    }

    .sa_field .field {
        margin-left: 130px;
    }

        .sa_field .field input[type=text], .sa_field .field input[type=password], .sa_field .field textarea, .sa_field .field select {
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            width: 100%;
            *width: 70%;
            outline: none;
        }

    .sa_field label span {
        color: #F00;
    }

.sa_form h2 {
    padding: 0 0 15px 0;
    font-weight: normal;
    font-size: 17px;
    color: #222;
    line-height: 1;
    margin: 0;
}

.sa_file {
    width: 100%;
}

.drops {
    padding: 0 0 15px 0;
    display: none;
}

.portbox {
    overflow: hidden;
}

.port_dotedline {
    background: url(../images/doted-line.gif) repeat-x center;
    height: 44px;
}

.portleft {
    float: left;
    border: 1px solid #dedede;
    width: 262px;
}

    .portleft img {
        display: block;
    }

.portright {
    margin-left: 277px;
}

.port-title {
    color: #0099DA;
    display: block;
    font-size: 18px;
    padding-bottom: 5px;
}

    .port-title a {
        text-decoration: none;
    }

        .port-title a:hover {
            text-decoration: none;
        }

.toppad {
    padding-top: 5px;
}
.maintop{padding-top:15px;}
a.morelink {
    text-decoration: none;
    font-size: 13px;
    display: inline-block;
    background: url(../images/morelink_ar.png) no-repeat 90% 50% #0099DA;
    color: #FFF;
    padding: 8px 20px 8px 10px;
}

a:hover.morelink {
    text-decoration: none;
    background: url(../images/morelink_ar.png) no-repeat 90% 50% #0494c5;
}

.portlink {
    padding: 10px 0px 0px 0px;
    margin: 0px;
    text-align: right;
}

div.sabrosus {
    padding: 3px;
    margin: 3px;
    margin-bottom: 10px;
}

    div.sabrosus a {
        background: #efefef;
        color: #666;
        display: inline-block;
        font-size: 13px;
        line-height: 1;
        margin: 0 2px 0 0;
        padding: 6px 0;
        text-align: center;
        text-decoration: none;
        width: 22px;
    }

        div.sabrosus a:hover {
            background: #e7e7e7;
        }

    div.sabrosus span.current {
        background: #0099DA;
        color: #fff;
        display: inline-block;
        font-size: 13px;
        font-weight: normal;
        line-height: 1;
        margin: 0 2px 0 0;
        padding: 6px 0;
        text-align: center;
        width: 22px;
    }

    div.sabrosus span.disabled {
        border-right: #929292 1px solid;
        padding-right: 5px;
        border-top: #929292 1px solid;
        padding-left: 5px;
        padding-bottom: 2px;
        border-left: #929292 1px solid;
        color: #929292;
        margin-RIGHT: 2px;
        padding-top: 2px;
        border-bottom: #929292 1px solid;
    }

#page-margins {
    float: left;
    padding: 0 0 5px 0 !important;
    width: 280px;
    margin-right: 20px !important;
}

#page-process {
    float: left;
    padding: 0 0 5px 0 !important;
    margin-right: 20px !important;
}


.port_title {
    padding: 0 0 5px 0 !important;
}

.inner_header {
    height: 125px;
}

.subnav {
    background: url(../images/subnav.png) top repeat-x;
    height: 44px;
    position: relative;
}

    .subnav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        list-style: none;
        height: 44px;
        overflow: hidden;
    }

        .subnav ul li {
            list-style-type: none;
            margin: 0;
            padding: 0;
            list-style-type: none;
            float: left;
            height: 44px;
            min-width: 110px;
            text-align: center;
        }

            .subnav ul li a {
                height: 34px;
                display: block;
                color: #4f4f4f;
                padding: 10px 15px 0 15px;
                text-decoration: none;
            }

                .subnav ul li a:focus {
                    background: none;
                }

.sublist_toggle {
    display: none;
    background: url(../images/sublist_toggle.png) center center no-repeat;
    float: right;
    height: 34px;
    width: 50px;
}

.active-mention {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/tab_act.png) 0px 0px no-repeat;
    width: 110px;
    height: 8px;
}

h3.subtitle {
    font-size: 20px;
    line-height: 1;
    color: #e28f14;
    text-transform: uppercase;
    padding: 0 0 8px 0;
    margin: 0;
    font-weight: normal;
}

ul.listing {
    padding: 0 0 6px 5px;
    margin: 0;
    list-style: none;
}

    ul.listing li {
        padding: 0 0 0 14px;
        margin: 8px 0;
        list-style-type: none;
        background: url(../images/bullet3.png) 0px 5px no-repeat;
    }

.inr_left p {
    text-align: justify !important;
    padding: 0 0 12px 0;
}

.technohead {
    font-weight: normal;
    font-size: 18px;
    line-height: 1;
    padding: 8px;
    margin: 0;
    background: #f0f0f0;
    font-family: 'proxima_nova_rgregular', arial;
}

ul.tech-list {
    overflow: hidden;
    padding-bottom: 15px;
    margin: 0;
    list-style: none;
}

    ul.tech-list li {
        list-style-type: none;
        margin: 0;
        float: left;
        width: 25%;
        height: 70px;
        text-align: center;
        border: 1px solid #e7e7e7;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }


  
   

.stick {
    position: fixed;
    z-index: 1000;
    top: 90px;
}

.rightstick {
    position: fixed;
    z-index: 1000;
    top: 230px;
}

a.nav-active { /*background:url(../images/subnav_h.png) top center no-repeat;*/
    color: #20a2ce;
}

#rtl {
    width: 215px;
}

.botpad {
    padding-bottom: 20px;
}

.inner_header {
    height: 125px;
}

.topbar { /*min-height:125px;*/
    background: #FFF;
    width: 100%;
}

.aln_right {
    text-align: right;
    padding: 0 0 10px 0;
}

.portfolio {
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 5px;
    padding-right: 106px;
    position: relative;
}

.col3 {
    width: 48%;
    float: left;
    background: #FFF;
}

.col3spac {
    float: left;
    margin-right: 4%;
    padding-top: 3px;
}

.portfolio_block {
    border: 1px solid #dedede;
    min-height: 495px;
}

.portfolio-image {
    padding: 6px;
    text-align: center;
}

    .portfolio-image img {
        width: 100%;
        display: block;
    }

.portfolio-content {
    background: url(../images/storytop.png) top repeat-x;
    padding: 10px;
}

    .portfolio-content h3 {
        font-weight: normal;
        font-size: 16px;
        font-family: 'proxima_nova_rgregular', arial;
        padding: 0 0 8px 0;
        border-bottom: 1px solid #e5e5e5;
        margin: 0 0 8px 0;
    }

        .portfolio-content h3 a {
        }

    .portfolio-content h4 {
        color: #333;
        font-weight: normal;
        font-size: 15px;
        padding: 0 0 8px 0;
        border-bottom: 1px solid #e5e5e5;
        margin: 0 0 8px 0;
    }

a.readmore {
    background: url(../images/linkarrow2.png) right 4px no-repeat;
    padding: 0 18px 0 0;
    line-height: 110%;
}

.portfolio-content p {
    text-align: left;
}

.get-started {
    padding: 8px 0 4px 0 !important;
    font-weight: normal !important;
    font-size: 22px !important;
}

@media (max-width:992px) {
    .ban-titlebg-text {
    width: auto;
    }

    .banner {
        height: 245px;
    }

    h1 {
        font-size: 24px;
    }

    .leftside {
        float: none;
        width: auto;
        margin-bottom: 10px;
    }

    .rightside {
        float: none;
        width: auto;
        margin: 0 -1%;
    }

    .rsbox {
        width: 48%;
        float: left;
        margin: 0 1%;
    }

    .iphoneimg {
        width: 28%;
    }

        .iphoneimg img {
            width: 100%;
        }

    .chartimg img {
        max-width: 520px;
    }

    .post-body img {
        max-width: 520px;
    }

    .col2 {
        float: none;
        width: auto;
    }

    .col2_pad {
        margin: 0 0 20px 0;
    }

    .middlearea {
        padding: 18px 0;
    }

    ul.tech-list li {
        width: 33.33%;
    }

    .inner_header .container {
        padding: 0 10px 0 10px !important;
    }

    .banner h2 {
        padding: 70px 0 0 10px;
    }

    .get-started {
        font-size: 18px !important;
    }

    .portleft {
        width: 200px;
    }

        .portleft img {
            width: 100%;
            display: block;
        }

    .portright {
        margin-left: 215px;
    }
    /***** End *****/
}

.iph_col4 {
    float: left;
    width: 25%;
    padding: 10px 0;
    text-align: center;
}

    .iph_col4 p {
        text-align: center !important;
        padding-top: 5px;
    }

.iph_col2 {
    float: left;
    width: 50%;
    padding: 10px 0;
    text-align: center;
}

    .iph_col2 p {
        text-align: center !important;
        padding-top: 5px;
    }

.iph_col1 {
    float: left;
    width: 100%;
    padding: 10px 0;
    text-align: center;
}

    .iph_col1 p {
        text-align: center !important;
        padding-top: 5px;
    }

h1.inr_title {
    border-bottom: 1px solid #ddd;
    padding: 0 0 6px 0;
}
/***** Place iPhone portrait view CSS under here (320px) *****/

@media only screen and (max-width: 767px) {
    .ban-titlebg-text {
    font-size:26px;
    padding-top: 21px;
    }

    .hidden-xs {
        display:none;
    }
    .show-xs {
        display:block;
    }
    #contentarea {
        padding: 0;
    }

    .leftside {
        float: none;
        width: auto;
        margin-bottom: 10px;
    }

    .rightside {
        float: none;
        width: auto;
    }

    .iphoneimg img {
        width: 100%;
    }

    .subboxes {
        width: auto;
        float: none;
    }

    .subboxes_spac {
        float: none;
        width: auto;
        background: url(../images/dot.png) center center repeat-x;
        min-height: 30px;
    }

    :root .subboxes_spac {
        min-height: 30px \0/IE9;
    }

    .wt {
        width: auto;
    }

    .sublinks ul {
        float: none;
        padding: 0 0 0 3px;
    }

    .tabimg {
        display: none;
    }

    .tabcont {
        float: none;
        width: auto;
        border: 1px solid #ddd; /*background: url(../images/tabbg.gif) repeat-x center top #EFEFEF;*/
        padding: 10px 10px 15px 10px;
    }

    .banner {
        display: none;
    }

    .inr_left {
        margin-right: 0px;
    }

    .inr_right {
        float: none;
        width: auto;
        
    }

    .responsive-menu {
        display: block !important;
    }

    .leftlist {
        width: auto;
        float: none;
    }

    .rightlist {
        width: auto;
        float: none;
    }

    .breadcumb {
        display: none;
    }

    h1 {
        margin: 0px 0px 8px 0px !important;
        font-size: 22px;
        border-bottom: 1px solid #ddd;
    }

    .chartimg img {
        width: 100%;
    }

    .post-body img {
        width: 100%;
    }

    .col2 {
        float: none;
        width: auto;
    }

    .col2_pad {
        margin: 0 0 20px 0;
    }

    .iph_col4 {
        width: 50%;
    }

    .iph_col1 {
        width: auto;
        text-align: center;
        float: none;
        padding-bottom: 10px;
    }

    .iph_col2 {
        width: auto;
        float: none;
    }

    .crr_left {
        float: none;
        width: auto;
        font-weight: bold;
        padding-bottom: 3px;
    }

    .crr_right {
        margin-left: 0;
    }

    .contactlist {
        padding-bottom: 0px;
    }

        .contactlist .leftlist {
            padding-bottom: 20px;
        }

    .sa_form {
        margin: 0;
        padding: 0;
    }

    .sa_left {
        float: none;
        width: auto;
    }

    .sa_right {
        float: none;
        width: auto;
    }

    .sa_field label {
        float: none;
        width: auto;
        padding: 4px 0 6px 0;
        display: block;
    }

    .sa_field .field {
        margin-left: 0px;
    }

    .field .sa_right {
        padding-top: 10px;
    }

    .blank {
        display: none !important;
    }

    .drops {
        display: block;
    }

    .portleft {
        float: none;
        width: 262px;
        border: 1px solid #ddd;
        text-align: center;
    }

        .portleft img {
            display: block;
        }

    .portright {
        margin: 10px 0 0 0;
    }

    #page-margins {
        float: none;
        padding: 0 0 20px 0 !important;
        width: 300px;
        margin-left: 0px !important;
    }
    #page-process {
    float: none;
    padding: 0 0 20px 0 !important;
    margin-left: 20px !important;
}

    .ppy-switch-enlarge {
        display: none !important;
    }

    .get-started {
        font-size: 16px !important;
    }
    /***** End *****/
}
/***** Place iPhone landscape view CSS under here (480px) *****/

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .img_res {
        max-width: none;
        height: auto;
    }
    /***** End *****/
}

.bl_text {
    padding-bottom: 9px;
}

.post-body ul {
    list-style: none;
    padding: 0 0 0 5px;
    margin: 0;
}

    .post-body ul li {
        padding: 0px 0px 0px 24px;
        margin: 5px 0px 5px 0px;
        background: url(../images/sublink_bul.gif) no-repeat 10px 7px;
        line-height: 18px;
    }
/**************************** ADD New Blog CSS 8-8-14 ****************************/

.blogcontent h1 {
    margin: 0 0 20px 0;
    position: relative;
}

    .blogcontent h1 a {
        position: absolute;
        right: 0;
        top: 5px;
        background: url(../images/ar_left.png) left 2px no-repeat;
    }

a.backlink {
    font-size: 12px !important;
    background: url(../images/ar_left.png) left 3px no-repeat;
    line-height: 1;
    padding: 0 0 0 15px;
    text-transform: none;
}

.blogcontent {
    padding: 5px 5px 10px 10px;
}

.blogpost {
    padding: 0 0 28px 0;
}

    .blogpost table {
        width: auto;
        border-collapse: collapse;
        border-spacing: 0;
        border: 0;
    }

.posted_date {
    width: 80px;
    padding-right: 12px;
    background: url(../images/blog_spac.png) right center no-repeat;
}

    .posted_date .date {
        float: left;
        width: 40px;
        background: #5279a5;
        padding: 9px 0;
        font-size: 22px;
        color: #FFF;
        text-align: center;
        border-radius: 4px;
        line-height: 1;
    }

.month_year {
    float: left;
    padding: 5px 0 0 6px;
    color: #999;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1.2;
}

.post_description {
    padding: 14px 0;
    text-align: justify;
    line-height: 18px;
}

.top_bord {
    border-top: 1px solid #ddd;
    margin-top: 15px;
}

.post_title {
    font-size: 17px;
    padding: 0 0 0 12px;
    color: #5280b5;
}

    .post_title a {
        color: #5280b5;
    }

        .post_title a:hover {
            text-decoration: none;
            color: #254870;
        }

.post_footer {
    background: url(../images/blog_doted.png) 0px 0px repeat-x;
}

.pf_block {
    background: url(../images/blog_doted.png) 0px bottom repeat-x;
    overflow: hidden;
    padding: 10px 0;
    font-size: 11px;
    text-transform: uppercase;
}

    .pf_block .left {
        float: left;
        color: #999;
    }

    .pf_block .right {
        float: right;
    }

a.readmore {
    background: url(../images/ar_next.png) right 3px no-repeat;
    line-height: 1;
    padding: 0 15px 0 0;
}

.blog_pager {
    overflow: hidden;
    padding-bottom: 10px;
}

    .blog_pager .left {
        float: left;
        width: 20%;
    }

    .blog_pager .middle {
        float: left;
        width: 58%;
        text-align: center;
    }

    .blog_pager .right {
        float: right;
        width: 20%;
        text-align: right;
    }

    .blog_pager .middle a {
        background: #FFF;
        border: 1px solid #ddd;
        display: inline-block;
        line-height: 1;
        padding: 6px 7px;
        color: #666;
        text-decoration: none;
        margin: 0 3px;
    }

        .blog_pager .middle a.active, .blog_pager .middle a.active:hover {
            background: #5279a5;
            border: 1px solid #5279a5;
            color: #FFF;
        }

        .blog_pager .middle a:hover {
            color: #5280b5;
        }

.post_description h2 {
    color: #de7e20;
    font-weight: normal;
    font-size: 17px;
    padding: 8px 0 10px 0;
}

.post_description h4 {
    color: #222;
    font-size: 12px;
    padding: 0 0 2px 0;
}

.post_description p {
    padding-bottom: 13px;
}

.post_description ul {
    padding: 0px 0px 0px 5px;
    margin: 0 0 13px 0;
    list-style: none;
}

    .post_description ul li {
        padding: 0px 0px 0px 12px;
        margin: 5px 0px 5px 0px;
        background: url(../images/sublink_bul.gif) no-repeat 0px 5px;
        line-height: 16px;
    }

@media only screen and (max-width: 767px) {
    .blogcontent {
        padding: 0;
    }

    .posted_date .date {
        float: none;
        width: 46px;
        padding: 9px 0 0 0;
    }

    .posted_date {
        width: 46px;
        padding-right: 10px;
        background: none;
    }

        .posted_date .date {
            border-radius: 4px 4px 0 0;
            padding: 5px 0 0 0;
        }

    .post_title {
        font-size: 14px;
        padding: 0;
        color: #5280b5;
    }

    .month_year {
        float: none;
        background: #5279a5;
        width: 46px;
        text-align: center;
        color: #FFF;
        padding: 0 0 5px 0;
        border-radius: 0 0 4px 4px;
        font-size: 11px;
    }

    .blog_pager .left {
        display: none;
    }

    .blog_pager .middle {
        float: none;
        width: auto;
        padding-bottom: 10px;
    }

    .blog_pager .right {
        display: none;
    }

    .inner_header {
        height: auto;
    }

    h3.subtitle {
        font-size: 17px;
    }

    ul.tech-list li {
        width: 50%;
    }

   

    .stick {
        position: static;
        top: auto;
        z-index: 10000;
    }

    /*.subnav {
        display: none;
    }*/
    .active-mention{display:none;}
    
    .subnav {
        background: #dedede;
        background-image: none;
        height: auto;
    }

        .subnav ul {
            height: auto;
            overflow: visible;
            background: #f2f2f2;
        }

            .subnav ul li {
                float: none;
                height: auto;
                border-bottom: 1px solid #ddd;
            }

                .subnav ul li a {
                    height: 27px;
                    display: block;
                    color: #4f4f4f;
                    padding: 12px 15px 0 15px;
                    text-decoration: none;
                }

                    .subnav ul li a:hover {
                        color: #20a2ce;
                    }

                    .subnav .active{background:#ddd !important;}

    a.nav-active {
        background: none;
        color: #20a2ce;
    }

    .inner_header .container {
        padding: 10px 10px 0 10px !important;
    }

    .portfolio {
        padding-right: 0;
    }

    .col3 {
        width: auto;
        float: none;
    }

    .col3spac {
        margin: 0 0 20px 0;
        float: none;
    }

    .portfolio_block {
        min-height: 200px;
    }

    .portfolio-image {
        padding: 0;
        margin: 0 auto;
        width: 288px;
    }

        .portfolio-image img {
            display: inline-block;
        }

    .middlearea {
        padding: 10px 0;
    }

    h1.inr_title {
        margin-top: 12px !important;
    }
    /***** End *****/
}
/********************* NEW ADD 30-10-14 *********************/
.inr_contact {
    position: absolute;
    top: 25px;
    right: 30px;
    text-align: right;
}

a.contact_link {
    color: #FFF;
    padding: 6px 0 0 0;
    font-size: 18px;
    text-decoration: none;
    height: 36px;
    display: inline-block;
    cursor: pointer;
}

.contact_link img {
    vertical-align: -4px;
}

.inr_contact_detail {
    background: url(../images/contact_bg.png);
    width: 200px;
    text-align: left;
    position: absolute;
    top: 42px;
    right: 0;
    display: none;
}

    .inr_contact_detail input[type=text], .inr_contact_detail textarea, .inr_contact_detail input[type=email] {
        width: 100%;
        border: none;
        margin-bottom: 8px;
        outline: none;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
    }

    .inr_contact_detail .inputbutton {
        background: #11335c;
        color: #FFF;
    }

        .inr_contact_detail .inputbutton:hover {
            background: #031f41;
        }

.icd_pad {
    padding: 10px;
}

.contact_link.active {
    border-radius: 6px 6px 0px 0px;
}

a.contact_link.active {
    background: url(../images/contact_arrow.png) bottom center no-repeat;
}

.bot_pad {
    padding-bottom: 4px !important;
}

@media only screen and (max-width: 980px) {
   

    .inr_contact {
        position: static;
        text-align: left;
    }

    .inr_contact_detail {
        position: static;
    }

    .inr_contact_detail {
        width: auto;
    }
}

.brd-only {
    height: 30px;
}

    .brd-only .subnav {
        display: none;
    }

    .brd-only h1 {
        display: none;
    }

/*.inr_left h1 {
    border-bottom: 1px solid #ddd;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 15px 0px;
}*/

.port_bord {
    border: 1px solid #ddd;
}
/********************* NEW ADD 20-08-15 *********************/

.fwc {
    background: #f5a023;
    text-align: center;
    height: 114px;
    margin-bottom: 10px;
}

    .fwc img {
        display: inline-block;
    }
/********************* NEW ADD 21-10-15 *********************/

.flag {
    margin-bottom: -1px;
    padding-right: 3px;
}
/********************* NEW ADD 29-10-2015 *******************/

.chart_table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
    width: 100%;
}

    .chart_table td {
        vertical-align: top;
        padding: 0;
    }

    .chart_table .concept_screening {
        width: 48%;
        border: 1px solid #e7e7e7;
        border-top: none;
        background: #f6f6f6;
    }

    .chart_table h3 {
        font-size: 17px;
        font-family: 'proxima_nova_rgregular', arial;
        color: #FFF;
        padding: 7px;
        font-weight: normal;
    }

    .chart_table .design_development {
        width: 48%;
        border: 1px solid #e7e7e7;
        border-top: none;
        background: #f6f6f6;
    }

    .chart_table .support {
        width: 48%;
        border: 1px solid #e7e7e7;
        border-top: none;
        background: #f6f6f6;
    }

    .chart_table .testing {
        width: 48%;
        border: 1px solid #e7e7e7;
        border-top: none;
        background: #f6f6f6;
    }

    .chart_table .ar_left {
        text-align: left;
        vertical-align: middle;
    }

    .chart_table td.ar_top {
        text-align: center;
        background: url(../images/flow_ar_top.png) center bottom no-repeat;
        height: 20px;
    }

    .chart_table td.ar_bottom {
        text-align: center;
        background: url(../images/flow_ar_bottom.png) top center no-repeat;
        height: 20px;
    }

    .chart_table .ar_right {
        text-align: right;
        vertical-align: middle;
    }

ul.chartdata {
    padding: 6px;
}

    ul.chartdata li {
        margin: 0 0 6px 0;
        line-height: 110%;
        background: url(../images/bullet2.png) 0px 5px no-repeat;
        padding: 0 0 0 13px;
        list-style-type: none;
    }

.clr_flowtable {
    background: #264d7c;
}
/********************* NEW ADD 4-11-2015 *******************/

blockquote.quote {
    display: block;
    padding: 15px 20px 15px 45px;
    margin: 0 0 20px;
    position: relative;
    -moz-box-shadow: 2px 2px 15px #ccc;
    -webkit-box-shadow: 2px 2px 15px #ccc;
    box-shadow: 2px 2px 15px #ccc;
    font-style: italic;
    font-size: 14px;
    font-weight: bold;
    color: #3f6289;
    italic;
    background: #eee;
    padding: 0 3px;
}

p.high_text {
    background: #f1f1f1;
    padding: 10px !important;
    text-align: center !important;
    margin-bottom: 18px;
    font-family: 'proxima_novasemibold', arial;
    font-size: 14px;
}

.nopad {
    padding-bottom: 0px !important;
}

.con-col3 {
    width: 33.33%;
    float: left;
}

@media (max-width:767px) {
    .con-col3 {
        width: auto;
        float: none;
        padding-bottom: 10px;
    }
}

.emailfield {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
/* * * * * * * File * * * * * * */

.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 0 0 0 10px;
}

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.btn_file {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    height: 26px;
    padding: 4px 8px 2px 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-size: 13px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    color: #444;
    background-color: #ddd;
}

    .btn_file:hover {
        color: #444;
        background-color: #ccc;
    }

.textbox {
    width: 100%;
    height: 26px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #FFF;
    border: 1px solid #ddd;
    color: #666;
    font-family: Verdana;
    font-size: 12px;
    margin: 0;
    padding: 4px;
}

.sa_left, .sa_right, .sal {
    position: relative;
}

.sal {
    padding-bottom: 10px;
}

@media only screen and (max-width: 767px) {
    .sa_right .btn_file {
        top: 10px;
    }
}

input:focus, textarea:focus, select:focus, file:focus, #uploadBtn1:focus {
    border-color: #0099DA !important;
}

* {
    -webkit-tap-highlight-color: #0099DA !important;
}

.portall_link {
    position: absolute;
    top: 0;
    right: 0;
    text-decoration: none;
    background: url(../images/viewmore.png) no-repeat;
    width: 80px;
    height: 494px;
    text-indent: -9999px;
}

.toplogo {
    width: 300px !important;
    margin-top: 8px !important;
}

@media (max-width:767px) {
    .portall_link {
        position: static;
        text-indent: inherit !important;
        text-decoration: none !important;
        width: auto !important;
        background-image: none !important;
        height: 44px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        border: 1px solid #75cfee;
        display: inline-block;
        padding: 10px 20px 0 20px;
        font-size: 18px;
        font-family: 'proxima_nova_rgbold', arial;
        color: #55bfe4;
        text-decoration: none;
        text-transform: uppercase;
        transition: all ease 0.4s;
        -moz-transition: all ease 0.4s;
        -webkit-transition: all ease 0.4s;
    }

        .portall_link:hover {
            background: #0099DA;
            border: 1px solid #0099DA;
            color: #FFF;
            text-decoration: none !important;
        }

    .pfl {
        text-align: center;
        margin-top: 20px;
    }
    .toplogo {
        width: 230px !important;
        margin-top: 12px !important;
    }
    .ban-titlebg {
        height: 70px;
    }
    
}
@media (max-width: 479px){
    .ban-titlebg-text {
    font-size:20px;
    padding-top: 15px;
    }
};
body{ padding:0; margin:0;}
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus  {outline: none;}
.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.flexslider .slides  li {position: relative; list-style:none;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin:0; position: relative; zoom: 1; max-width:100%; position:relative; background:#1b2129;}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; text-indent: -9999px; }
.flex-direction-nav .flex-prev { background:url(../images/prev.png) no-repeat left;left:0;}
.flex-direction-nav .flex-next { background:url(../images/next.png) no-repeat left; right:0;}
.flexslider:hover .flex-prev { opacity: 0.3; left: 10px;}
.flexslider:hover .flex-next { opacity: 0.3; right: 10px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity:0.8; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }



/* Caption style */
.flex-caption { position:absolute; top:200px; width:500px; color:#fff; box-sizing:border-box;-moz-box-sizing:border-box; }
.flex-caption h3{ font-size:24px !important; color:#ebebeb !important; font-weight:normal !important; font-family: 'proxima_nova_rgregular', arial !important;}
.flex-caption h2{ font-size:36px; color:#f2a33c; text-shadow: 1px 1px 3px rgba(0,0,0,.6); margin:0; padding:4px 0 15px 0; font-family: 'proxima_novasemibold', arial; text-transform:uppercase; line-height:1;}
.flex-caption h2 span{ display:block; color:#ebebeb;}
.flex-caption p{ color:#ebebeb; text-align:left;}
a.readmorelink{ border:1px solid #999; background:url(../images/readmore-arrow.png) 89% 12px no-repeat;  height:44px; margin-top:13px; padding:10px 45px 0 17px; text-decoration:none; font-size:18px; color:#FFF; opacity:0.6; display:inline-block; box-sizing:border-box; -moz-box-sizing:border-box; transition: all ease 0.4s; -moz-transition: all ease 0.4s; -webkit-transition: all ease 0.4s;}
a.readmorelink:hover{opacity:1; background:#29a6d0 url(../images/readmore-arrow.png) 89% 12px no-repeat; border:1px solid #20a2ce; }


/* Control Nav */
.flex-control-nav { display:none; left:50%; position: absolute; bottom: 15px; text-align: center; }
.flex-control-nav li {margin:0 0 0 4px; display: block; float:left;}
.flex-control-paging li a {width: 18px; height: 18px; display: block; text-indent:-99999px; background:url(../images/control.png) 0px -22px no-repeat;}
.flex-control-paging li a:hover { background-position:0px 0px; }
.flex-control-paging li a.flex-active { background-position:0px 0px; }



.ban_content{ width:980px; margin:0 auto;}
.ban{ height:538px; background-position: center top; background-repeat:no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  } 

.img1{ background-image:url(../images/img1.jpg); }
.img2{ background-image:url(../images/img2.jpg);}
.img3{ background-image:url(../images/img3.jpg);}
.img4{ background-image:url(../images/img1.jpg);}
.img5{ background-image:url(../images/img1.jpg);}





@media (max-width:992px) {
.ban{ height:400px; background-position: center top; background-repeat:no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  } 

.ban_content{ width:auto; padding:0 22px; box-sizing:border-box;-moz-box-sizing:border-box;}
.flex-caption{ top:120px;}

}


@media (max-width:767px) {
.ban{ height:250px; background-position: center top; background-repeat:no-repeat; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto;  } 

.img1{ background-image:url(../images/img_sm1.jpg);}
.img2{ background-image:url(../images/img_sm2.jpg);}
.img3{ background-image:url(../images/img_sm3.jpg);}
.img4{ background-image:url(../images/img_sm1.jpg);}
.img5{ background-image:url(../images/img_sm1.jpg);}

.flex-direction-nav a  {  margin: -25px 0 0 0;}
.ban_content{ width:auto; padding:0 15px;}
.flex-caption {width:90%; top:auto; bottom:0; left:5%; }
.flex-caption h3{ font-size:15px !important;}
.flex-caption h2{ font-size:20px; }
.flex-caption p{ display:none;}
a.readmorelink{ display:none;}
.flexslider:hover .flex-prev {left: 0;}
.flexslider:hover .flex-next { right: 0;}

}


;