body{margin:0px;padding:0px;font-family: "Open Sans", Helvetica, Arial, sans-serif;font-size:14px; line-height:22px;-webkit-text-size-adjust:100%; height:100%; color:#666; font-weight:400; }
/*html,html a{-webkit-font-smoothing: antialiased; text-shadow: 0px 0px 0px #000000;}*/

div,p,ul,ol,li,a,input,select,img,p,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;list-style:none;font-size:100%;border:none;outline:none;text-decoration:none;}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}

.left{float:left;}
.right{float:right;}
.clr{clear:both;}

.clearfix{*zoom:1}
.clearfix:after{clear: both;content:"."; display:block; height:0; line-height:0; overflow:hidden; font-size:0; visibility:hidden;}

a{ -moz-transition: all 0.33s ease-out 0s; -webkit-transition: all 0.33s ease-out 0s; -ms-transition: all 0.33s ease-out 0s; transition: all 0.33s ease-out 0s; color: #ea7d1e; text-decoration: none;}

*, *::before, *::after {
    box-sizing: border-box;
}

.container{ width:1170px; margin:0 auto;}

.container:before, .container:after { content: " "; display: table;}
.container:before, .container:after { content: " "; display: table;}
.container:after {  clear: both;}


.header-wraper{}
.header-wraper .top-bar{ background:#130303;}
.top-detail{ float:left; margin:0 30px 0 0;}
.top-detail span{ margin:0 7px 0 0;}
.top-bar .top-left{ width:50%; float:left; color:#f1f1f1;  font-size: 11px; font-weight: bold;  line-height: 11px; line-height:36px;}
.top-bar .top-right{ width:50%; float:right; height:37px;}

ul.social_icon{  float:right; }
ul.social_icon li { border-bottom: none;  overflow: hidden; position: relative; padding: 0; display: inline-block;
    zoom:1; *display: inline;	}
ul.social_icon li:after { display: none;}
ul.social_icon li:before{display:none; content:'';float:left;}
ul.social_icon li a {  font-family: fontawesome;  line-height: 1;  font-size: 18px; width: 36px; height: 36px;
    margin-left: 0; text-align: center; padding: 9px; display: block; background-color: #00b4cc;  color: #fff;  box-shadow: inset 0 0 1px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.1);  -moz-box-shadow: inset 0 0 1px rgba(0,0,0,.1);  position: relative;
    display: inline-block;}
ul.social_icon li a:after { content: attr(data-attr); position: absolute; top: 3px; left: 0; line-height: 1; font-size: 14px; width: 36px;
    height: 36px;  margin-left: 0; text-align: center; padding: 11px; padding-top: 8px; padding-bottom: 14px; display: block;
    background-color: #130303; -webkit-transition-property: top; -webkit-transition-duration: 0.3s; -moz-transition-property: top;
    -moz-transition-duration: 0.3s; transition-property: top; transition-duration: 0.3s;}
ul.social_icon li a:hover:after { top: 36px;}
ul.social_icon li a.facebook { background-color: #3b5998;}
ul.social_icon li a.twitter { background-color: #0084b4;}
ul.social_icon li a.googleplus { background-color: #cb4437;}
ul.social_icon li a.pinterest { background-color: #cb2027;}
ul.social_icon li a.linkedin { background-color: #39C;}
ul.social_icon li a.youtube { background-color: #c7231a;}
ul.social_icon li a.dribbble { background-color: #ea4c89;}
ul.social_icon li a.instagram { background-color: #9a6d50;}
ul.social_icon li a.flickr { background-color: #FF0084;}
ul.social_icon li a.skype { background-color: #00aff0;}


.header-content{ border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:0 0;}
.header-content .logo{ float:left; width:220px; padding-top:13px; }
.nav-menu{ float:right;}
.nav-menu ul{ text-align:right;}

.top-menu{ float:right; margin:0 0 0; width:70%;}
.top-nav{ margin-bottom:35px; float:right;}
.top-nav ul{ float:right;}
.top-nav ul li{ display:inline-table; margin:0 10px;}
.top-nav ul li a{ color:#5a5a5a; font-size:12px; text-transform:uppercase; transition:all 0.5s ease 0s;}
.top-nav ul li a span{ font-size:13px; margin:0 5px 0 0;}
.top-nav ul li a:hover{ color: #fffff;}


.short-wraper{ padding:50px 0 95px; background:0; position:relative;}
/*.short-wraper:before{ border-bottom: 100px solid #fff; border-color: #024da1 #024da1 #024da1 transparent; border-left: 100px solid transparent;
  border-right: 0 solid #024da1; bottom: 0; content: ""; position: absolute; right: 0; z-index:90;}*/
.short-wraper .heading{ margin-bottom:40px;}
.short-wraper .heading h2{ font-weight:18px; text-transform:uppercase; color:#024da1; font-weight:600; font-size:18px; position:relative; padding:0 0 15px 15px}
.short-wraper .heading h2:before{ content:""; position:absolute; left:16px; bottom:0; background:#024da1; height:2px; width:70px;}

.short-wraper .short-content{}
.short-content .short-box { display: block; float: left; height: 395px; margin: 0; position: relative;}
.short-box .short-box-inner { margin: 0; padding: 0;}
#solutions-carousel.owl-carousel .owl-item{ padding:10px; }
#solutions-carousel{}
.short-box  .box-shadow{ box-shadow:0 3px 15px rgba(0, 0, 0, 0.07); -webkit-box-shadow:0 3px 15px rgba(0, 0, 0, 0.07); -ms-box-shadow:0 3px 15px rgba(0, 0, 0, 0.07); background:#fff; transition:all 0.5s ease 0s;}
.short-box-inner .shortimg{ }
.short-box-inner .shortimg img{ width:100%; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -ms-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;}

.short-box-inner .shortimg{ margin: 0 0 0; }
.short-box-inner .shortimg img{ -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear;
  transition: all 0.5s linear;} 
.short-box-inner .shortimg { font-size: 0; line-height: 0; position: relative;}
.short-box-inner .shortimg a { position: relative; display: inline-block; max-width: 100%; overflow: hidden;}
.short-box-inner .shortimg a:before, .short-box-inner .shortimg a:after { content: ""; opacity: 0; pointer-events: none; z-index: 3; position: absolute; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.short-box-inner .shortimg a:before { top: 0px; left: 0px; right: 100%; bottom: 100%; border-top: 7px solid rgba(255, 255, 255, 0.5); border-left: 7px solid rgba(255, 255, 255, 0.5); border-bottom: 7px solid transparent; border-right: 7px solid transparent;}
.short-box-inner .shortimg a:after { left: 100%; top: 100%; bottom: 0px; right: 0px; border-bottom: 7px solid rgba(255, 255, 255, 0.5);
  border-right: 7px solid rgba(255, 255, 255, 0.5); border-top: 7px solid transparent; border-left: 7px solid transparent;}
.short-box-inner .shortimg a img { opacity: 0.99;}
.short-box-inner:hover .shortimg a img{ transform: scale(1.1) !important; -o-transform: scale(1.1) !important; -moz-transform: scale(1.1) !important; -webkit-transform: scale(1.1) !important; -ms-transform: scale(1.1) !important; opacity: 1 !important;}
.short-box-inner:hover .shortimg a:before { opacity: 1; bottom: 0px; right: 0px; -webkit-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.15); box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.15);}
.short-box-inner:hover .shortimg a:after { opacity: 1; top: 0px; left: 0px; box-shadow: inset -2px -2px 2px rgba(0, 0, 0, 0.15);}


.short-box-inner .shortDesc{ padding:20px 15px; border:1px solid #e4e4e4; border-top:none; transition:background 0.2s ease-in-out 0s; -webkit-transition:background 0.2s ease-in-out 0s; -ms-transition:background 0.2s ease-in-out 0s; }
.short-box-inner .shortDesc h4{ font-size:16px; font-weight:400; color:#535355; margin:5px 0 10px; text-transform:uppercase;}
.short-box-inner .shortDesc p{ text-align:left; line-height:25px; font-weight:300; font-size:14px;}
.short-box-inner .shortDesc a.shortBtn { border:1px solid #ea7d1e; color: #ea7d1e; display: inline-block; font-size: 11px; font-weight: 600;
  margin: 14px 0 0; padding: 5px 15px; text-transform: uppercase;}
.short-box-inner .shortDesc a.shortBtn:hover{ background:#ea7d1e; color:#fff;}


#solutions-carousel .owl-controls { bottom: 100%; font-size: 0; margin-bottom: 20px; position: absolute; right: 0;}
#solutions-carousel .owl-controls .owl-prev i{ color:#ea7d1e;}
/*#solutions-carousel .owl-controls .owl-prev{ background:url(../images/left-arrow.png) no-repeat left center;}
#solutions-carousel .owl-controls .owl-next{ background:url(../images/right-arrow.png) no-repeat left center;}*/
#solutions-carousel .owl-buttons div { display: inline-block; height: 30px; margin-left: 15px; transition: background 0.3s ease 0s; width: 40px; border:1px solid #ea7d1e;}
#solutions-carousel .owl-buttons i { color: #ea7d1e; display: block; font-size: 15px; line-height: 30px; text-align: center; font-weight:normal;}
#solutions-carousel .owl-buttons div {}
#solutions-carousel .owl-controls { font-size: 0; margin-bottom: 20px; position: absolute; right: 0; bottom:-65px; z-index:99}
#solutions-carousel .owl-controls { left:calc(50% - 60px)}

.heading-wraper{ text-align:center; padding:40px 0; background:#f1f1f1; position:relative; margin:-12px 0 0 0; border-bottom:1px solid #e4e4e4}
.heading-wraper:before { border-color: #f1f1f1 transparent transparent; border-style: solid; border-width: 35px; bottom: -70px; content: ""; position: absolute; z-index: 50; left:calc(50% - 30px)}

.heading-wraper .heading{}
.heading-wraper .heading h2{ color: #2a2a2a; font-size: 22px; margin-bottom: 0; text-transform: uppercase; font-weight:600; }

.innerHeadingPart{ position:relative}
.innerHeadingPart:before { border-color: #e4e4e4 transparent transparent; border-style: solid; border-width: 36px; bottom: -112px; content: ""; position: absolute; z-index: 40; left:calc(50% - 31px)}


.moreslide-wraper{ padding:70px 0; background:#f9f9f9; border-top:1px solid #f1f1f1;}
.testimonial-wrpaer{ float:left; width:50%; background:#fff; padding:20px; border:1px solid #e4e4e4; margin:0 0 0 20px;}
.testimonial-wrpaer .testimonial-heading{ margin-bottom:30px;}
.testimonial-wrpaer .testimonial-heading h3{ font-weight:18px; text-transform:uppercase; color:#2a2a2a; font-weight:600; font-size:18px; position:relative; padding-bottom:10px; border-bottom:1px solid #e4e4e4}
.testimonial-wrpaer .testimonial-heading h3:before{ content:""; position:absolute; left:0; bottom:0; background:#2a2a2a; height:2px; width:70px;}
.testimonial-skin{ margin-bottom:20px; font-size:14px;}
.testimonial-skin p{ font-weight:300; font-size:15px; line-height:25px;}
.testimonial-info{}
.testimonial-info .testimonial-author{ color:#ea7d1e; margin:0 10px 0 0; font-weight:600;}
.testimonial-info .testimonial-position{}

#testimonial-carousel .owl-buttons div { display: inline-block; height: 30px; margin-left: 5px; transition: background 0.3s ease 0s; width: 35px;}
#testimonial-carousel .owl-buttons i { color: #2a2a2a; display: block; font-size: 15px; line-height: 28px; text-align: center;}
#testimonial-carousel .owl-buttons div { border:1px solid #2a2a2a;}
#testimonial-carousel .owl-controls { top:-60px; font-size: 0; margin-bottom: 20px; position: absolute; right: 0;}
#testimonial-carousel .owl-controls { right: 0;}

.news-item{}
.news-item p{ font-weight:300; font-size:14px; line-height:25px;}
#news-carousel .owl-buttons div { display: inline-block; height: 30px; margin-left: 5px; transition: background 0.3s ease 0s; width: 35px;}
#news-carousel .owl-buttons i { color: #2a2a2a; display: block; font-size: 15px; line-height: 28px; text-align: center;}
#news-carousel .owl-buttons div { border:1px solid #2a2a2a;}
#news-carousel .owl-controls { top:-60px; font-size: 0; margin-bottom: 20px; position: absolute; right: 0;}
#news-carousel .owl-controls { right: 0;}

.news-wraper{ width:47%; float:right; background:#fff; padding:20px 20px 20px; border:1px solid #e4e4e4; min-height: 331px;}
.news-wraper h3{ font-weight:18px; text-transform:uppercase; color:#2a2a2a; font-weight:600; font-size:18px; position:relative; padding-bottom:10px; border-bottom:1px solid #e4e4e4;}
.news-wraper h3:before{ content:""; position:absolute; left:0; bottom:0; background:#2a2a2a; height:2px; width:70px;}
.news-heading{ margin-bottom:30px;}

.show-wraper{ position:relative; padding:90px 0;}
.show-wraper .show-inner { position:relative;}
.show-inner .detailDesc{ text-align:center; width:90%; margin:0 auto;}
.show-inner .detailDesc p{ font-size:18px; font-weight:300; margin-bottom:12px; color:#fff; line-height:30px;}
.show-inner h1{ color: #fff; font-size: 40px; font-weight: bold; letter-spacing: 1px; line-height: 65px; margin-bottom: 20px;
  margin-top: 0; text-align: center; -moz-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.9); -ms-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.9); -webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.9); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.9); text-transform: uppercase;}

.detailDesc a.detailBtn{  background: #fff; border: 1px solid #fff; border-radius: 3px; display: inline-block; font-weight: bold; margin: 35px 0 0;
  max-width: 150px; padding: 8px 0; text-align: center; width: 100%;}
.detailDesc a.detailBtn:hover{ background:none; color:#fff;}

.show-wraper:before{ bottom: 0; content: "";  left: 0; opacity: 0.9; position: absolute; right: 0; top: 0; background-image:-ms-linear-gradient(55deg, #59559a 0%, #9d2222 100%); background-image:-webkit-linear-gradient(55deg, #59559a 0%, #9d2222 100%); background-image:-moz-linear-gradient(55deg, #59559a 0%, #9d2222 100%); background-image: linear-gradient(55deg, #59559a 0%, #9d2222 100%);}

.full-bg-breadimage-fixed {}
	#full-division-box { background-image: url(../images/parallex.jpg); }
	.full-bg-breadimage-fixed { background-image: url(../images/page-title-bg.html); }
#main div#full-division-box:first-child{margin-top:0;}
#full-division-box{ }

#full-division-box,#full-static-box{ background-attachment: fixed; background-repeat: repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; height: 100%;overflow: hidden;width: 100%;  box-shadow: 0 -2px 3px -1px rgba(0, 0, 0, 0.06) inset; } 
#full-static-box {box-shadow:none;background-position:center;}

.client-wraper{ padding:50px 0 110px;}
.client-wraper .clientheading{ margin-bottom:40px; text-align:center;}
.client-wraper .clientheading p { color: #4d4d4f; font-size: 17px; font-weight: 300; line-height: 30px; margin: 0 auto; text-align: center; width: 700px;
  }
.client-wraper .clientheading h2{}
.client-wraper .clientheading h2{ font-size:32px; margin:15px 0;color:#4d4d4f; font-weight:300; position:relative; padding-bottom:10px; text-transform:uppercase;}
/*.client-wraper .clientheading h2:before{ content:""; position:absolute; left:0; bottom:0; background:#024da1; height:2px; width:70px;}
*/

.clientDetail{ padding:0 0 0 20px;}
.clientDetail .clientitem { float: left;  margin: 0 0 10px; width: 200px;}
.clientDetail .clientitem img{ width:90%; border:1px solid #e4e4e4; padding:5px;} 

#client-carousel .owl-buttons div { display: inline-block; height: 30px; margin-left: 15px; transition: background 0.3s ease 0s; width: 40px;}
#client-carousel .owl-buttons i { color: #ea7d1e; display: block; font-size: 15px; line-height: 30px; text-align: center; font-weight:normal;}
#client-carousel .owl-buttons div { border:1px solid #ea7d1e;}
#client-carousel .owl-controls { font-size: 0; margin-bottom: 20px; position: absolute; bottom:-80px; left:calc(50% - 40px)}
#client-carousel .owl-controls { right: 15px;}


.contant-wraper{ background:url(../images/parallax-2.jpg) no-repeat center; padding:120px 0 90px;}
.contant-wraper .col-span{  width:20%; float:left; padding:0 5px; text-align:center; position:relative;}
.contant-wraper .col-span h4{   font-size: 16px; text-transform:uppercase; font-weight: bold; line-height: 1.2; color:#666; margin:30px 0 20px 0;}
.contant-wraper .col-span p{ font-size:13px; margin-bottom:0;}
.contant-wraper .col-span a { border: 1px solid #ea7d1e; bottom: 15px; display: inline-block; font-size: 11px; font-weight: 600; left: calc(50% - 43px);
  padding: 3px 15px; position: absolute; text-transform: uppercase;}
.contant-wraper .col-span a:hover{ background:#ea7d1e; color:#fff;}
.contant-wraper .col-span .inner-col{ background: rgba(255, 255, 255, 0.8); border: 1px solid #ffffff; padding:40px 10px; min-height:300px; position:relative;}
.col-span .inner-col .col-icon{ position:absolute;  border-radius: 50%;  display: block; height: 88px;  margin-left: auto;
    margin-right: auto; top: -43px; left:70px; width: 88px; background:#fff; border: 1px solid #ffffff; text-align:center;}
.col-span .inner-col .col-detail{}
.col-span .inner-col .col-icon i{ display: block; font-size: 30px; line-height:83px;}

.footer-wraper{  background: #0f1727; padding:50px 0; position: relative;}
.footer-wraper .bottom_inner{}
.one_fourth{ width:25%; float:left;}
.one_fourth.last{ }
.serviceFooter{ width:50%;}
.serviceFooter ul{ float:left; width:50%;}
.serviceFooter ul li{ position:relative; }
.serviceFooter ul li a{padding:0 0 0 8px;}
.serviceFooter ul li:before{ font-family:FontAwesome; left:0; top:2px; color:#008fd5; content:"\f105"; /*content:"\f0a9";*/ font-size:16px; font-weight:normal;}
.one_fourth ul{}
.one_fourth ul li{ border-bottom:1px solid #19253e; padding:4px 0; position:relative;}
.one_fourth ul li:before{ font-family:FontAwesome; left:0; top:2px; color:#008fd5; content:"\f105"; /*content:"\f0a9";*/ font-size:16px; font-weight:normal;}
.one_fourth ul li a{ color:#b7c0d2; font-size:13px; margin:0; font-weight:normal; padding:0 0 0 8px;}
.one_fourth ul li a:hover{ color:#fff; text-decoration:none; margin:0 0 0 5px;}
.one_fourth .footerinnerBox.addressFoot{}
.footerinnerBox.addressFoot ul li{ color:#b7c0d2; float:left; width:100%; font-size:13px; text-align:left; font-weight:normal;}
.footerinnerBox.addressFoot ul li:before{ display:none;}
.footerinnerBox.addressFoot ul li span{ float:right; width:90%;}
.footerinnerBox.addressFoot ul li i{ float:left; width:15px; margin:5px 10px 0 0; font-size:15px; color:#008fd5;}

.one_fourth .footerinnerBox{ padding:0 15px;}
.footerinnerBox h5.widgettitle{  border-bottom: 2px solid #19253e; position:relative;  font-size: 15px; margin-bottom: 15px; padding-bottom: 15px; color:#fff; font-weight:600; text-transform:uppercase; letter-spacing:.5px;}
.footerinnerBox h5.widgettitle:before{ content:""; background:#008fd5; width:55px; height:2px; left:0; bottom:-2px; position:absolute; }

.copy-wrap { background-color: #070c17; border-top: 1px solid #16223c;}
.social { margin: 15px 0; list-style: none; float:right;	}
.social > li > a { display: inline-block; width: 30px; height: 30px;}
.social > li { float: left; margin-left: 10px; height: 30px;}
.pinterest-icon { background: url(../images/social-icons.png) 0 0 no-repeat;}
.pinterest-icon:hover, .appic-team .pinterest-icon:hover { background: url(../images/social-icons.png) 0 -175px no-repeat;}
.google-icon { background: url(../images/social-icons.png) 0 -35px no-repeat;}
.google-icon:hover, .appic-team .google-icon:hover { background: url(../images/social-icons.png) 0 -210px no-repeat;}
.linkedin-icon { background: url(../images/social-icons.png) 0 -70px no-repeat;}
.linkedin-icon:hover, .appic-team .linkedin-icon:hover { background: url(../images/social-icons.png) 0 -245px no-repeat;}
.twitter-icon { background: url(../images/social-icons.png) 0 -105px no-repeat;}
.twitter-icon:hover, .appic-team .twitter-icon:hover { background: url(../images/social-icons.png) 0 -280px no-repeat;}
 .facebook-icon { background: url(../images/social-icons.png) 0 -140px no-repeat;}
.facebook-icon:hover, .appic-team .facebook-icon:hover { background: url(../images/social-icons.png) 0 -315px no-repeat;}
.blue-line-wrap { margin-top: 2px; border-top: 1px solid #0d1629; position: relative;}
.blue-line-wrap:before { content: ''; background:url(../images/blue-round.html) no-repeat; display: block; width: 16px; height: 16px; position: absolute;
	top: -11px; left: 50%; margin-left: -8px;}
.copyright{ float:left; width:100%; color:#8b98b2; font-size:13px; padding:25px 0;text-align:center;}	

.sticky { background:#fff ; position: fixed; width: 100%; left: 0; top: 0; padding:16px 0; z-index: 100; border-top: 0; box-shadow:0 0 10px #2a2a2a;}
a#backtop:before { color: #ffffff; content: ""; display: block; font-family: "FontAwesome"; font-size: 26px; margin-top: 14px;
  text-align: center;}
a#backtop {  background: #008fd5 ; border-radius:50%; bottom: 70px; height: 45px; line-height: 16px; position: fixed; right: 30px;
  text-decoration: none; width: 45px; z-index: 9999;}

.main-div{ margin:0 auto; max-width:1366px;}

.inner-banner-wraper{ background:url(../images/bg-image-1.jpg) no-repeat center center; padding:70px 0; text-align:center; }
.heading-wraperInner{}
.heading-wraperInner h1{ color:#fff; font-size:40px; font-weight:600; text-transform:uppercase; line-height:40px;}
.breadcrum{ margin-top:20px;}
.breadcrum ul{}
.breadcrum ul li{ display:inline-block; padding:0 5px; color:#f1f1f1;}
.breadcrum ul li.arrowicon{ padding:0;}
.breadcrum ul li.arrowicon i{ font-weight:normal; font-size:13px; color:#f1f1f1;}
.breadcrum ul li a{ color:#ea7d1e;}

.innerbox-wraper{ background:#f9f9f9; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; padding:70px 0;}
.mainBoxDetail{}
.span4Box{ float:left; width:25%;}
.span4Box .span-inner{ padding:10px; text-align:center; margin:0 10px; background:#fff; border-bottom:5px solid #ea7d1e; min-height:195px;  -webkit-box-shadow:0 3px 15px rgba(0, 0, 0, 0.07); -ms-box-shadow:0 3px 15px rgba(0, 0, 0, 0.07); box-shadow:0 3px 15px rgba(0, 0, 0, 0.07);}
.span-inner .span-icon {background: #ea7d1e; -moz-border-radius: 0 30px 30px; -ms-border-radius: 0 30px 30px;-webkit-border-radius: 0 30px 30px; border-radius: 0 30px 30px; color: #fff; font-size: 28px; height: 50px; line-height: 50px; text-align: center; width: 50px; margin:20px 0;}
.span-inner .span-detail{}
.span-inner .span-detail span{ color:#ea7d1e ; font-weight:bold;}
.span-inner .span-detail h4{ color: #535355; font-size: 16px; font-weight: 400; margin: 5px 0 10px; text-transform: uppercase; line-height:28px;}

.innerDetail-wraper{ padding:70px 0;}
.innerDetail-wraper .mainInnerBox{}
.innerBoxLeft{}
.col-detail-2{ width:50%; float:left;}
.col-detailInner{ padding:0 15px;}
.innerBoxLeft .innerBoxLeft-inner {}
.innerBoxLeft .innerBoxLeft-inner img{ width:100%;}

.innerBoxRight{}
.innerBoxRight .innerBoxright-inner{}
.innerBoxRight .innerBoxright-inner h2{ color:#4d4d4f; font-size: 29px; position:relative; font-weight: 300; margin: 0 0 25px; text-transform: uppercase; line-height:30px; padding-bottom:15px;}
.innerBoxRight .innerBoxright-inner h2:before{ background:#ea7d1e; height:2px; width:80px; left:0; bottom:0; content:""; position:absolute;}
.innerBoxRight .innerBoxright-inner p{ margin-bottom:12px; font-size:14px; line-height:25px;}

.innerBoxRight .innerBoxright-inner ul{ margin:0 0 10px 0; padding:0 0 0 20px}
.innerBoxRight .innerBoxright-inner ul li{ list-style:square; padding:3px 0;}
.innerBoxRight .innerBoxright-inner ol{ margin:0 0 10px 0; padding:0 0 0 20px}
.innerBoxRight .innerBoxright-inner ol li{ list-style:decimal; padding:3px 0;}

.ideal-wraper{ padding:70px 0; }
.idealMainBox{}
.col-md-2{ width:50%; float:left;}
.col-md-2-inner{ padding:0 15px;}
.col-md-2-inner .idealBoxDesc{}
.col-md-2-inner .idealBoxDesc h2{ color:#4d4d4f; font-size: 29px; position:relative; font-weight: 300; margin: 0 0 25px; text-transform: uppercase; line-height:30px; padding-bottom:15px;}
.col-md-2-inner .idealBoxDesc h2:before{ background:#ea7d1e; height:2px; width:80px; left:0; bottom:0; content:""; position:absolute;}
.col-md-2-inner .idealBoxDesc h2 span{}
.col-md-2-inner .idealBoxDesc ul{ padding:0 0 0 10px; margin:0;}
.col-md-2-inner .idealBoxDesc ul li{ position:relative; padding:8px 0 8px 25px;}
.col-md-2-inner .idealBoxDesc ul li:before{ position:absolute; left:0; top:8px; color:#ea7d1e; font-size:16px; font-weight:normal; content:"\f00c"; font-family:FontAwesome;}
.idealBoximg{ text-align:center;}
.idealBoximg img{}
.formElementTp{ width:800px; margin:0 auto;}
.formElementTp .formInput label{ width:27%; background:#00a4ef; color:#fff; text-align:right; padding:10px; float:left;}
.formElementTp .formInput .txtbox{ background:#f9f9f9; width:60%; padding:10px; margin:0 0 0 15px; height:43px; -webkit-border-radius:6px; border-radius:6px; box-shadow:0 0 2px #dadada;}
.formElement{ width:50%; float:left}
.formInput{ margin-bottom:15px;}
.formInput .txtbox{}
.formInput label { width: 10em; float: left; margin-bottom:5px; }
.formInput label.error { float: none; color: red; vertical-align: top; display:block; width:48%; background:none; }
.formInput .cmxform p { clear: both; padding-bottom:10px; }
.formInput .submit { background: #00a4ef; border: medium none; border-radius: 3px; color: #fff; cursor: pointer; font-weight: bold; letter-spacing: 1px;
  padding: 11px 30px; text-transform: uppercase;}
.formInput em { font-weight: bold; padding-right: 1em; vertical-align: top; color:#ff0000; }

.formInput .txtbox { border: 1px solid #dadada; padding:0 10px; height: 38px; width: 80%;}
.formInput .txtbox:focus{ border:1px solid #00a4ef;}

.addElement{ width:50%; float:left;}
.addElement ul{ margin-bottom:30px; display:inline-block;}
.addElement ul li{ color: #666;   float: left;  font-weight: normal; padding:10px 0;  text-align: left; width: 100%;}
.addElement ul li i{  color: #008fd5; float: left; font-size: 20px; margin: 0 12px 0 0; width: 20px;}
.addElement ul li span{ float: right; width: 94%;}
.addElement h5.widgettitle { border-bottom: 2px solid #e4e4e4; color: #2a2a2a; font-size: 15px; font-weight: 600; letter-spacing: 0.5px;
  margin-bottom: 15px; padding-bottom: 15px; position: relative; text-transform: uppercase;}
.addElement h5.widgettitle:before { background: #008fd5; bottom: -2px; content: ""; height: 2px; left: 0; position: absolute; width: 55px;}


.addElement .tab-log{}
.addElement .tab-log td{ width:50%; padding:6px 0;}

.mainInnerBox .manageBlock{ border:1px solid #dadada; -moz-box-shadow:5px 5px 0 #dadada; -ms-box-shadow:5px 5px 0 #dadada; -webkit-box-shadow:5px 5px 0 #dadada; box-shadow:5px 5px 0 #dadada; margin-bottom:40px;}
.mainInnerBox .manageBlock p{ margin-bottom:12px;}
.manageBlock h4{ color: #2a2a2a; font-size: 18px; font-weight: 600; padding-bottom: 10px; position: relative; text-transform: uppercase;}
.manageBlock .manageImg{ float:left; width:250px; border-right: 1px solid #dadada}
.manageBlock .manageImg img{ width:100%; vertical-align:middle;}
.manageBlock .manageDesc{ width:900px; float:right; padding:20px 15px;  height: 250px; overflow-x: hidden; overflow-y: auto;}

.coreValueBox{}
.coreValueBox h4{ color: #2a2a2a; font-size: 18px; font-weight: 600; padding-bottom: 10px; position: relative; text-transform: uppercase; margin-bottom:10px; margin-top:25px;}
.coreValueBox p{ font-size: 14px; line-height: 25px; margin-bottom: 12px;}
.coreValueBox ul{ margin:0; padding:0 0 0 20px;}
.coreValueBox ul li{ list-style:square; padding:3px 0; font-size: 14px; line-height: 25px;}
.coreBlock{ margin-bottom:20px;}
.coreBlock .coreElement{ float:left; width:48%;}
.coreBlock .coreImg{ float:right; width:50%;}
.coreBlock .coreImg img{ vertical-align:middle; width:100%;}
.coreElementRight{ float:right; width:50%;}
.coreImgLeft{ float:left; width:48%;}
.coreImgLeft img{ vertical-align:middle; width:100%;}

.customerBlock{}
.customerBlock .clientitem{ float:left; width:200px; margin:0 15px 15px 0;}
.customerBlock .clientitem img{ border:1px solid #dadada; vertical-align:middle; padding:5px; width:100%;}
.responcemenu{ background:#a60a0b; color:#fff; display:none;}

.technologyTagline{ font-weight:600; font-size:18px; text-align:left; margin-bottom:50px; color:#2a2a2a;}
.technologyTagline p{}
.contentDiv { }
.contentDiv .darklight { }
.servPageBlock { margin-bottom: 70px;}
.contentDiv .darklight .servPageimg { float: right;}
.contentDiv .darklight .servPageDesc { float: left; }
.servPageBlock h3 { color: #4c4943; font-size: 26px; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight:normal; line-height: 30px; text-align: left; margin-bottom:20px;}
.servPageBlock .servPageDesc { float: left; padding: 40px 15px 0; width: 50%;}
.servPageBlock img { width: 100%;}
.contentDiv .dark { }
.contentDiv .dark .servPageimg { float: left;}
.contentDiv .dark .servPageDesc { float: right;}





@media screen and (min-width:1281px)
{
	
}
/*##################################    for width 1024px  ########################################*/
@media screen and (max-width:1259px)  
{
	.container{ width:95%; margin:0 auto; max-width:1000px;}	
	.ei-slider-large li img { height: 460px !important; width: 1067px !important;}
	.ei-slider{ height:450px!important;}
	.footerinnerBox.addressFoot ul li span{ width:88%;}
	#lightbox-container-image-box{ width:90%!important; height:auto!important;}
	#lightbox-image{ width:100%!important; height:auto!important;}
	#lightbox-container-image-data-box{ width:88%!important;}
	.addElement ul li span{ width:92%;}
	.manageBlock .manageDesc{ width:72%;}
}

/*##################################    for width 768px  ########################################*/

@media screen and (max-width:990px)
{
	.container{ width:95%; margin:0 auto; max-width:768px;}
	.header-content .logo{ width:180px;}
	.top-menu{ width:75%;}
	.sf-menu > li > a{ padding:35px 5px; }
	.contant-wraper{ background:#caeae5;}
	.contant-wraper .col-span{ width:100%; margin-bottom:60px;}
	.col-span .inner-col .col-icon{ left:44%;}
	.contant-wraper .col-span .inner-col{ min-height:220px;}
	.contant-wraper .col-span:last-child{ margin-bottom:0;}
	.one_fourth{ width:50%; margin-bottom:40px;}
	.top-bar .top-left{ width:70%;}
	.top-bar .top-right{ width:25%;}
	.sf-menu { float: left;}
	.ei-title h2{ font-size:30px;}
	.ei-title h3{ font-size:23px;}
	.ei-slider-large li img { height: 380px !important; width: 880px !important;}
	.ei-slider{ height:380px!important;}
	.col-detail-2{ width:100%;}
	.innerBoxLeft { margin-bottom:40px;}
	.formElementTp{ width:100%;}
	.formElement{ width:100%;}
	.addElement{ width:100%; margin-top:50px;}
	.manageBlock .manageDesc { width: 63%;}
	
}

/*##################################    for width 600px  ########################################*/

@media screen and (max-width:767px)
{
	.container{ width:95%; margin:0 auto; max-width:640px;}
	.ei-title h2{ font-size:30px;}
	.ei-title h3{ font-size:23px;}
	.ei-slider-large li img { height: 350px !important; width: 800px !important;}
	.ei-slider{ height:350px!important;}
	.sf-menu{ display:none;}
	.top-menu{ width:55%;}
	.responcemenu { border-radius: 10px; display: inline-block; margin-bottom: 15px; margin-top: 15px;
  padding: 10px; width: 350px;}
     .testimonial-wrpaer{ width:100%; margin:0 0 30px 0;}
	 .news-wraper{ width:100%;}
	.client-wraper .clientheading p{ width:100%;}
	.top-bar .top-left { width: 75%;}
	.heading-wraperInner h1{ font-size:27px;}
	.inner-banner-wraper{ padding:50px 0;}
	.formElementTp .formInput label{ background:none; color:#5a5a5a; width:100%; display:block; text-align:left;}
	.formElementTp .formInput .txtbox{ width:100%; margin:0;}
	.manageBlock .manageDesc { width: 57%;}
	
	
	
}

/*##################################    for width 480px  ########################################*/

@media screen and (max-width:580px)
{
	.socialLink ul { float: right; width: 66%;}
	.ei-title{ width:100%!important; top:25%!important;}
	.ei-title h2{ font-size:26px!important;}
	.ei-title h2 span{ font-size:22px!important;}
	.ei-slider-large li img { height: 250px !important; width: 600px !important;}
	.ei-slider{ height:250px!important;}
	.header-content .logo{ margin:0 auto; text-align:center; width:100%;}
	.top-menu{ width:100%;}
	.nav-menu{ width:100%; float:none;}
	.responcemenu{ width:100%;}
	.top-bar .top-left{ display:none;}
	.top-bar .top-right { float: none; text-align: center;  width: 100%;}
	ul.social_icon { float: none;}
	.contant-wraper .col-span .inner-col { min-height: 250px;}
	.heading-wraper .heading h2{ font-size:18px;}
	.client-wraper .clientheading h2{ font-size:23px; font-weight:normal;}
	.show-inner h1{ font-size:24px;}
	.show-wraper{ padding:50px 0;}
	.one_fourth{ width:100%;}
	.heading-wraperInner h1{ font-size:24px;}
	.inner-banner-wraper{ padding:40px 0;}
	.innerBoxRight .innerBoxright-inner h2{ font-size:24px;}
	.formInput .txtbox{ width:100%;}
	.manageBlock .manageImg { border-right:none; float: left; width: 100%; text-align: center;}
	.manageBlock .manageDesc { width: 100%;}
	.manageBlock .manageImg img{ width:60%;}
	
	
}

/*##################################    for width 320px  ########################################*/

@media screen and (max-width:479px)
{
	.ei-slider-large li img { height: 150px !important; width: 390px !important;}
	.ei-slider{ height:150px!important;}
	.ei-title{ display:none;}
	.ei-slider-thumbs{ bottom:50px!important; width:130px!important;}
	.col-span .inner-col .col-icon { left: 37%;}
	.client-wraper .clientheading h2{ font-size:20px; line-height:25px;}
	.clientDetail .clientitem{ text-align:center; width:100%;}
	.addElement ul li span { width: 88%;}
	
}