@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Gotham-Light';
  src: url('Gotham-Light.eot?#iefix') format('embedded-opentype'),  url('Gotham-Light.otf')  format('opentype'),
	     url('Gotham-Light.woff') format('woff'), url('Gotham-Light.ttf')  format('truetype'), url('Gotham-Light.svg#Gotham-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Bold';
  src: url('Gotham-Bold.eot?#iefix') format('embedded-opentype'),  url('Gotham-Bold.otf')  format('opentype'),
	     url('Gotham-Bold.woff') format('woff'), url('Gotham-Bold.ttf')  format('truetype'), url('Gotham-Bold.svg#Gotham-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Medium';
  src: url('Gotham-Medium.eot?#iefix') format('embedded-opentype'),  url('Gotham-Medium.otf')  format('opentype'),
	     url('Gotham-Medium.woff') format('woff'), url('Gotham-Medium.ttf')  format('truetype'), url('Gotham-Medium.svg#Gotham-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Gotham-Book';
  src: url('Gotham-Book.eot?#iefix') format('embedded-opentype'),  url('Gotham-Book.otf')  format('opentype'),
	     url('Gotham-Book.woff') format('woff'), url('Gotham-Book.ttf')  format('truetype'), url('Gotham-Book.svg#Gotham-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'pt_sans_captionregular';
    src: url('ptc55f-webfont.eot');
    src: url('ptc55f-webfont.eot?#iefix') format('embedded-opentype'),
         url('ptc55f-webfont.woff2') format('woff2'),
         url('ptc55f-webfont.woff') format('woff'),
         url('ptc55f-webfont.ttf') format('truetype'),
         url('ptc55f-webfont.svg#pt_sans_captionregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'red_circleregular';
    src: url('redcircl-webfont.eot');
    src: url('redcircl-webfont.eot?#iefix') format('embedded-opentype'),
         url('redcircl-webfont.woff2') format('woff2'),
         url('redcircl-webfont.woff') format('woff'),
         url('redcircl-webfont.ttf') format('truetype'),
         url('redcircl-webfont.svg#red_circleregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{padding:0px; margin:0 auto; font-size:12px; font-family: 'Gotham-Book';width:100%; height:100%; background-image:url(../images/mainback.jpg);}
.main{padding:0px; margin:0 auto; font-size:12px;   font-family: 'Gotham-Book'; width:100%; height:100%; position:relative; }
a{ outline:none; color:inherit; text-decoration:none;}
img{outline:none; border:none;}
.width{width:1000px; margin:0 auto; padding:0px; background-color:#FFF;}
.effects{ transition:.5s ease-in-out; -moz-transition:.5s ease-in-out; -webkit-transition:.5s ease-in-out; -ms-transition:.5s ease-in-out; -o-transition:.5s ease-in-out;}
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}
.header{ padding:1% 0%;}
.logo{ padding:1% 1% 0% 1%; width:20%;}
.iso{ padding-left:0%; padding-top:4%; width:5%;}
.name{ font-family: 'Gotham-Bold'; color:#740D22; font-size:35px; text-transform:uppercase;}
.tag{ font-size:13px; color:#333; text-transform:capitalize; padding:0px 3px;}
.solution{ font-size:18px; font-weight:bold; padding:1% 1%; line-height:28px; color:#666; font-family: 'red_circleregular';letter-spacing:1px; width:65%; text-align:center;}
.iso_logo{ padding:0% 2% 0% 0%; text-align:center;}
.menus{ background-color:#F3F3F3; padding:0px; margin:0 auto; width:100%;}
.menus ul{ padding:0px; margin:0px;color:#5E5E5E;font-family: 'Gotham-Bold';}
.menus ul li{ list-style:none; padding:15px 18px; font-size:14px; margin:0px 8.5px; cursor:pointer; float:left; position:relative;}
.menus ul li:hover, .active{ color:#740D22!important; background-repeat:no-repeat; background-image:url(../images/darrow.png); background-position:50% 90%;}
.menus ul li .submenus{ position:absolute; left:0%; top:100%; padding:0px 0px; border:#E7E7E7 solid 1px; background-color:#FFF; display:none;z-index:99999999!important;}
.menus ul li .submenus li{ margin:2px 2px; padding:10px 2px; width:250px; background-image:none!important; }
.menus ul li:hover .submenus{display:block!important;}
.menus ul li a{padding:15px 0px;}
.slideshow{ position:relative; height:350px; background-image:url(../images/slider-loading.gif); background-repeat:no-repeat; background-position:50% 50%;}
.posabs{ position:absolute; right:0%; top:0%;z-index:99999!important; width:100%;}
.shape1{ background-image:url(../images/shape1.png); background-repeat:no-repeat; background-position:100% 0%; width:100% height:347px; }
.shape2{ background-image:url(../images/shape2.png); background-repeat:no-repeat; background-position:100% 0%; width:100%; height:347px; }
.subholder{ width:400px;}
.subhead1{font-family: 'Gotham-Bold'; font-size:30px; background-image:url(../images/hr1.png); background-repeat:no-repeat; background-position:100% 100%; color:#FFF; 
padding:10% 10% 10% 0%; margin:0 auto; width:90%; text-align:right;}
.subhead2{font-family: 'Gotham-Bold'; font-size:30px; background-image:url(../images/hr2.png); background-repeat:no-repeat; background-position:bottom center; color:#FFF;
 padding:10% 3% 10% 0%; margin:0 auto; width:83%; text-align:right;}
.subhead3{font-family: 'Gotham-Bold'; font-size:30px; color:#FFF; padding:10% 25% 10% 0%; margin:0 auto; width:75%; text-align:right;}
.subholder ul{ padding:0px; margin:0 auto;}
.subholder ul li{ list-style:none; background-repeat:no-repeat; background-image:url(../images/setting.png);}
.subholder ul li:first-child{ background-position:30% 50%;}
.subholder ul li:nth-child(2){ background-position:18% 50%;}
.subholder ul li:nth-child(3){ background-position:0% 50%;}
.about_map{ margin:15px auto; line-height:25px; font-size:14px;}
.contact{ width:38%;}
.map{ width:58%;}
.heading{ font-size:17px; margin:10px 0px;border-bottom:#efefef solid 1px; padding:2px 0px;font-family: 'Gotham-Bold';}
.heading div{ padding:8px 10px;  border-left:#740D22 solid 10px;}
.mapsize{ width:100%; height:200px; margin:20px 0px;}
.chead{ color:#740D22; font-family: 'Gotham-Bold'; font-size:15px;}
.footer{ color:#5E5E5E; background-image:url(../images/transpng.png); width:100%; height:auto; padding:40px 0px; background-repeat:no-repeat; background-position:50% 0%;}
.arka{ font-family: 'Gotham-Bold';}
.arka span{ color:#740D22; cursor:pointer;}
.arka span:hover{ letter-spacing:1px;}
.innerpages{ border:#efefef solid 1px; padding:10px;}
.subhead{ border-left:#740D22 solid 5px; padding:5px 15px; color:#333; background-image:url(../images/jst.png); font-size:20px; text-transform:uppercase;font-family: 'Gotham-Bold'; background-repeat:no-repeat; background-position:-1px 50%;}
.subhead span{}
.content{ text-indent:0px; line-height:21px; text-align:justify; padding:10px;}
.textholder{ border:#ededed solid 1px; margin:10px 0px;}
h2{ background-color:#ededed; color:#740D22; padding:10px 5px; margin:0 auto; font-size:20px; font-family: 'Gotham-Bold'; word-spacing:5px; letter-spacing:0.5px;}
.services{ width:100%;}
.services ul{ padding:0px; margin:0 auto;}
.services ul li{ list-style:none; margin:10px 0px; border:#CCC solid 1px; padding:10px;}
.services ul li:hover{border:#999 solid 1px;}
.serleft{ width:65%;padding-right:3%;background-image:url(../images/transpng2.png); background-position:100% 50%; background-repeat:no-repeat;}
.serright{ width:32%;  }
.serright img{width:100%;}
.values{ text-align:center; line-height:24px; width:28.8%; padding:0px 5px 5px 5px; margin:5px; height:auto; border:#FCEDF0 solid 6px; font-size:15px; color:#740D22; font-family: 'Gotham-Bold';}
.values span{ background-color:#FCEDF0; color:#4E0413; font-size:18px; margin-left:-5px; padding:0px 5px;font-family: 'Gotham-Bold';}
.ceotext{ width:70%; padding:1%;}
.ceoimg{ width:26%; padding:1% 1% 0% 1%;}
.ceoimg img{ width:100%;}
.sign{ text-align:right; font-size:15px; padding:6px 5px;}
h3{ font-family: 'Gotham-Bold'; color:#740D22;}
.projects ul{ padding:0px; margin:0 auto;}
.projects ul li{ list-style:none; margin:10px 0px; border:#740D22 solid 1px; padding:10px; background-image:url(../images/Cubed-texture-410x216.png);}
.projects ul li:hover{border:#999 solid 1px;}
.project_thumbs ul{ padding:0px; margin:0 auto;}
.project_thumbs ul li{ list-style:none; float:left; margin:10px 2.5%; cursor:pointer; width:25.5%; border:#ccc solid 10px;}
.ptitle{ padding:6px 0px; text-align:center; color:#000; font-size:16px; background-color:#CCC; font-weight:bold;}
.project_thumbs ul li img{ width:100%; height:200px;}
.mobile{ display:none;}
.mobile_menus{ display:none;}
.valueleft{ width:74%;}
.valueright{ width:25%; margin-top:5px;}
.valueright img{ width:98%; margin:5px auto; border:#efefef solid 3px; }
.why_sonish ul li{ line-height:21px; font-size:12px; list-style:outside;}
.serv_head{ text-indent:0px; font-size:15px; color:#740D22; padding:5px 0px; font-family: 'Gotham-Bold'; text-transform:capitalize; }

@media screen and (max-width: 980px){ 
.width{width:98%; margin:0 auto; padding:1%; background-color:#FFF;}
.menus{ display:none;}
.mobile{ display:block;}
.mobile_menus{ display:none; text-align:left;}
.posabs{ display:none;}
.fl{ float:none;}
.fr{ float:none;}
.logo{ padding:1%; width:50%; text-align:center; margin:0 auto;}
.tag{ font-size:13px; color:#5E5E5E; text-transform:capitalize; padding:0px 3px;}
.solution{ font-size:1em; padding:1% 1%; width:98%; text-align:center;}
.iso{ padding-left:0%; padding-top:1%; margin:0 auto; width:auto; text-align:center;}
.mobile{ background-image:url(../images/mmenu.png); background-color:#E7E7E7; padding:1%; width:98%; font-size:1.5em; text-align:right; text-transform:uppercase; background-repeat:no-repeat; background-position:1% 0px; cursor:pointer; margin:1% auto;}
.serleft{ width:98%;background-image:none;}
.serright{ width:60%; margin:0 auto; padding:1% 2%;  }
.serright img{width:100%;}
.footer{ text-align:center; line-height:25px;}
.mobile_menus ul{ padding:0px; margin:0 auto;}
.mobile_menus ul li{ list-style:none;background-color:#efefef; border:#999 solid 1px; padding:3% 1%; margin:2px 0px; color:#740D22; font-size:1em;}
.mobile_menus ul li a{ width:98%!important; display:block;}
.mobile_menus ul li:nth-child(2){ background-image:url(../images/downArrow.png); background-repeat:no-repeat; background-position:25% 15%;font-size:1em!important;}
.mobile_menus ul li .submenus{ padding:2% 4%;}
.mobile_menus ul li .submenus li{ background-image:none; font-size:1em!important;}
.contact{ width:98%; margin:5px auto;}
.map{ width:98%; margin:5px auto;}
.values{ text-align:justify; width:96%; padding:0px 5px 5px 5px; margin:5px auto;border:#FCEDF0 solid 6px; height:auto;}
.ceotext{ width:98%; padding:1%;}
.ceoimg{ width:65%; padding:1% 1% 0% 1%; margin:0 auto;}
.ceoimg img{ width:100%;}
.valueleft{ width:100%;}
.valueright{ width:75%; margin:0 auto;}
.project_thumbs ul li{ list-style:none; float:left; margin:5px 5%; cursor:pointer; border:#CE7889 solid 5px; width:250px;}
.project_thumbs ul li img{ width:100%; height:100%;}
.slideshow{ position:relative; height:auto; background-image:none;}
.iso{ text-align:center; padding-top:0px;}

}