@charset "utf-8";
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(../fonts/KT3KS9Aol4WfR6Vas8kNcg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(../fonts/9k-RPmcnxYEPm8CNFsH2gg.woff) format('woff');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(../fonts/wkfQbvfT_02e2IWO3yYueQ.woff) format('woff');
}
@font-face {
  font-family: 'nexa_boldregular';
  src: url("../fonts/nexa_bold-webfont.eot");
  src: url("../fonts/nexa_bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/nexa_bold-webfont.woff") format("woff"), url("../fonts/nexa_bold-webfont.ttf") format("truetype"), url("../fonts/nexa_bold-webfont.svg#nexa_boldregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'nexa_lightregular';
  src: url("../fonts/nexa_light-webfont.eot");
  src: url("../fonts/nexa_light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/nexa_light-webfont.woff") format("woff"), url("../fonts/nexa_light-webfont.ttf") format("truetype"), url("../fonts/nexa_light-webfont.svg#nexa_lightregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

html, body {width:100%; height:100%; font-size:100%}

body {background:#fff url(../images/bg-spot.png) repeat 0 0; color:#333; padding:0; margin:0; font-family: "Lato", sans-serif; font-style:normal; font-weight:bold;  line-height:normal; position:relative; cursor:default; font-size:16px}

header {margin:auto; padding:0.5% 0; width:100%; border-bottom:2px solid #ff6035; background:#fff}
section {margin:auto; padding:0; width:100%;}
article {margin:auto; padding:0 2%; width:100%; height:auto; display:table}
footer {margin:auto; padding:0; width:100%; background:url(../images/bg-spot-footer.png) repeat 0 0 #F5821F; min-height:270px; height:auto}

.row {margin:0 auto; padding:0 1%; max-width: 1200px; width:98%; height:auto; clear:both; display:table;}

/*a {color:#333; text-decoration:none; transition: all 0.5s ease-out;
				-moz-transition:all 0.5s ease-out;
				-webkit-transition:all 0.5s ease-out;
				-o-transition:all 0.5s ease-out; border-bottom:1px solid #fff;}
a:hover {color:#333; text-decoration:none; border-bottom:1px solid #ED1C24; text-decoration:none;}*/

img, object, embed {border:none; max-width:100%; height:auto; outline:0; margin:auto}

h1, h2, h3 {text-align:left; line-height:normal; font-weight:normal;}

h1 { padding:0; font-size:28px; color:#ff6035; font-weight:bold;}
h2 { padding:20px 0 0; font-size:22px; color:#333;}
h3 { padding:0; font-size:14px; color:#333;}

p {margin:5px 0; padding:0; font-size:16px; color:#333; font-weight:normal; line-height:normal; text-align:justify}
p.left {text-align:left}
p.justify {text-align:justify}
p strong {}
p span.obj {border:none; border-radius:10px; padding:15px 35px; margin:0 5px; background:#ccc; font-weight:bold}
p a {color:#000}
p.more {text-align:right; font-weight:bold}
p.more a {color:#B4230E; text-transform:uppercase; text-decoration:none}
p.more a:hover {color:#333; text-decoration:none}
.morecontent span {display: none; text-align:justify}
.moretxt {color:#B4230E; text-transform:uppercase; font-weight:bold}

ul, ol, dl {line-height:inherit; list-style-position: outside; margin:5px 0; padding:0}
li {background:url(../images/bullet-orange.png) no-repeat 0 10px; margin:0; padding:5px 18px; list-style-type:none; color:#333; font-weight:normal} 
/*li.inline:first-child {margin:0;}
li.inline {display:inline-block; margin:0 0 0 10px; }*/
li.block {display:block}

/* ------------ HEADER ENDS ------------ */

#banner1{margin:0; padding:0; width:100%; height:auto; min-height:400px; position:relative; background:url(../images/banner01.jpg) no-repeat 0 0; background-size:cover; }
#banner2{margin:0; padding:0; width:100%; height:auto; min-height:210px; position:relative; background:url(../images/banner02.jpg) no-repeat 0 0; background-size:cover; }
br {clear:both; margin:0; padding:0}

.partner{ background:#252525; min-height:250px; padding:10px; margin-bottom:10px;}
.partner li{ color:#fff}



/* ----------- TOOLTIPS ENDS ----------- */

.selector {color:blue}

.formPanel {float:right; margin:0 auto; padding:0; background:#ff6035; min-width:270px; padding-top:20px;}
.formPanel h4 {text-align:center; margin:0 auto; padding:0; color:#fff; font-size:22px;}

/* ----------- FORMS STARTS ----------- */
.formPanel form {margin:0 auto; padding:0; width:250px; text-align:center}
form select {width:95%; max-width:260px; margin:5px 0; padding:5px 3px 5px 35px; outline:none; border:none; border-radius:5px; color:#666;}
.formPanel input{width:95%; max-width:260px; margin:5px 0; padding:6px 5px 6px 38px; outline:none; border:none; background:#fff;  border-radius:5px;}
.formPanel textarea{width:95%; max-width:260px; margin:5px 0; padding:2px 10px 2px 30px; outline:none; border:none; background:#fff;  border-radius:5px;}
.formPanel input.button{padding:5px 15px; font-weight:bold;transition: all 0.5s ease-out;
				-moz-transition:all 0.5s ease-out;
				-webkit-transition:all 0.5s ease-out;
				-o-transition:all 0.5s ease-out;}
.formPanel input.button:hover{ background:#333; color:#fff; cursor:pointer}

.formPanel input.ico1{ background:#fff url(../images/icon_name.gif) no-repeat 0 0}
.formPanel input.ico2{ background:#fff url(../images/icon_name.gif) no-repeat 0 0}
.formPanel input.ico3{ background:#fff url(../images/icon_mail.gif) no-repeat 0 0}
.formPanel input.ico4{ background:#fff url(../images/icon_phone.gif) no-repeat 0 0}
.formPanel select.ico1{ background:#fff url(../images/icon_location.gif) no-repeat 0 0}
.formPanel select.ico2{ background:#fff url(../images/icon_industry.gif) no-repeat 0 0}
.formPanel select.ico3{ background:#fff url(../images/icon_location.gif) no-repeat 0 0}
.formPanel select.ico4{ background:#fff url(../images/icon_name.gif) no-repeat 0 0}
.formPanel textarea{ background:#fff url(../images/icon_comment.gif) no-repeat 8px 0;}
/* ----------- FORMS END ----------- */


/* ----------- RESPONSIVE STARTS ----------- */


/* ----------- RESPONSIVE ENDS	 ----------- */


/*.font10{font-size:10px}
.font11{font-size:11px}
.font12{font-size:12px}
.font13{font-size:13px}
.font14{font-size:14px}
.font15{font-size:15px}
.font16{font-size:16px}
.font17{font-size:17px}
.font18{font-size:18px}*/


/***************************************************************************************
What We Do Section
****************************************************************************************/
#section-one .doings { font-family:"nexa_boldregular", Arial, Helvetica, sans-serif;
  text-align: center;
}
#section-one .doings .icon-holder {
  min-height: 100px;
  position: relative;
}
#section-one .doings .icon-holder .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-position: 0 0;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#section-one .doings .icon-holder.icon-holder-1 .icon {
  background-image: url("../images/icon1.png");
  width: 72px;
  height: 72px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #section-one .doings .icon-holder.icon-holder-1 .icon {
    background-image: url("../images/icon1.png");
  }
}
#section-one .doings .icon-holder.icon-holder-2 .icon {
  background-image: url("../images/icon2.png");
  width: 95px;
  height: 70px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #section-one .doings .icon-holder.icon-holder-2 .icon {
    background-image: url("../images/icon2.png");
  }
}
#section-one .doings .icon-holder.icon-holder-3 .icon {
  background-image: url("../images/icon3.png");
  width: 75px;
  height: 69px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #section-one .doings .icon-holder.icon-holder-3 .icon {
    background-image: url("../images/icon3.png");
  }
}
#section-one .doings h4 {
  font-size: 20px;
  color:#333;
  
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#section-one .doings h4:before {
  content: '';
  display: block;
  width: 30%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #ff6035;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#section-one .doings p {
  margin: 0;
  font-size: 20px;
  font-weight: 300;
  margin-top: 10px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#section-one .doings .large-4 > a {
  
  font-family: "nexa_boldregular", sans-serif;
  color: #000;
  position: relative;
  padding-top: 20px;
  margin-top: 10px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#section-one .doings .large-4 > a:before {
  content: '';
  display: block;
  width: 60%;
  height: 3px;
  position: absolute;
  top: 0;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #ff6035;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#section-one .doings .large-4 {
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding-top: 15px;
  padding-bottom: 20px;
}
#section-one .doings .large-4:hover {
  background-color: #ff6035;
}
#section-one .doings .large-4:hover h4, #section-one .doings .large-4:hover p, #section-one .doings .large-4:hover > a, #section-one .doings .large-4:hover i {
  color: #fff;
}
#section-one .doings .large-4:hover h4:before, #section-one .doings .large-4:hover > a:before {
  background-color: #fff;
}
#section-one .doings .large-4:hover .icon {
  background-position: 0 bottom;
}

/***************************************************************************************
What We Do Section
****************************************************************************************/
#section-two .doings { font-family:"nexa_boldregular", Arial, Helvetica, sans-serif;
  text-align: center;
}
#section-two .doings .icon-holder {
  min-height: 100px;
  position: relative;
}
#section-two .doings .icon-holder .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-position: 0 0;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#section-two .doings .icon-holder.icon-holder-4 .icon {
  background-image: url("../images/icon4.png");
  width: 82px;
  height: 66px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #section-two .doings .icon-holder.icon-holder-4 .icon {
    background-image: url("../images/icon4.png");
  }
}
#section-two .doings .icon-holder.icon-holder-5 .icon {
  background-image: url("../images/icon5.png");
  width: 79px;
  height: 95px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #section-two .doings .icon-holder.icon-holder-5 .icon {
    background-image: url("../images/icon5.png");
  }
}
#section-two .doings .icon-holder.icon-holder-6 .icon {
  background-image: url("../images/icon6.png");
  width: 59px;
  height: 81px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #section-two .doings .icon-holder.icon-holder-6 .icon {

    background-image: url("../images/icon6.png");
  }
}
#section-two .doings h4 { font-size: 20px; color:#333; margin: 0; padding-top: 10px; padding-bottom: 10px; position: relative; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
 #section-two .doings h4:before { content: ''; display: block; width: 30%; height: 3px; position: absolute; bottom: 0; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #ff6035; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
 #section-two .doings p { margin: 0; font-size: 20px; font-weight: 300; margin-top: 10px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
 #section-two .doings .large-4 > a { font-family: "nexa_boldregular", sans-serif; color: #000; position: relative; padding-top: 20px; margin-top: 10px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
 #section-two .doings .large-4 > a:before { content: ''; display: block; width: 60%; height: 3px; position: absolute; top: 0; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #ff6035; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
 #section-two .doings .large-4 { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; padding-top: 15px; padding-bottom: 20px; }

#section-two .doings .large-4:hover {
  background-color: #ff6035;
}
#section-two .doings .large-4:hover h4, #section-two .doings .large-4:hover p, #section-two .doings .large-4:hover > a, #section-two .doings .large-4:hover i {
  color: #fff;
}
#section-two .doings .large-4:hover h4:before, #section-two .doings .large-4:hover > a:before {
  background-color: #fff;
}
#section-two .doings .large-4:hover .icon {
  background-position: 0 bottom;
}
.footer{ background:#000; border-radius:8px; padding:15px 20px; margin:15px 0; }
.footer h2{ color:#fff; margin:0; line-height:30px; padding:0} 
.footer h2 span{color:#ff6035;}
.footer h2 span a{color:#ff6035; transition: all 0.5s ease-out;
				-moz-transition:all 0.5s ease-out;
				-webkit-transition:all 0.5s ease-out;
				-o-transition:all 0.5s ease-out;}
.footer h2 span a:hover{color:#fff;}

#fade{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index:1001;
    -moz-opacity: 0.7;
    opacity:.70;
    filter: alpha(opacity=70);	
	background: #000;
}
#light{
    display: none;
    position: absolute;
    top: 20%;
    left: 50%;
    width: 50%;
    min-height: 400px;
    margin-left: -25%;
    margin-top: -5%;                 
    padding: 10px;
    border: 12px solid #FFF;
    background: #ff6035;
    z-index:1002;
    overflow:visible;
	text-align:center;
}
#light .cross{ position:absolute; right:0; margin:-35px -25px 0 0; padding:0;cursor:pointer;}
#light .thankyou h1{color:#fff; text-align:center; margin:0; padding:0; font-size:25px;}
#light .thankyou h1 span{ font-family: "nexa_boldregular", sans-serif; font-style:normal; font-weight:bold; font-size:70px;}
#light .thankyou h2{color:#fff; text-align:center; margin:0; padding:0; line-height:normal;}