@charset "utf-8";

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

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

header {margin:auto; padding:0.5% 0; width:100%; border-bottom:10px solid #F5821F; background-color: #fff; -moz-opacity: 1; opacity:1; filter: alpha(opacity=100); position:fixed; z-index:1000; }
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: 1000px; width:98%; height:auto; clear:both; display:table;}

a {color:#aaa; 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;}
a:hover {color:#000; text-decoration:none; border-bottom:1px solid #333;}

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

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

h1 {margin:1% 0 0; padding:0; font-size:28px; color:#B4230E; text-transform:uppercase}
h2 {margin:1% 0; padding:0; font-size:17px; color:#58595B;}
h3 {margin:1% 0 0; padding:0; font-size:14px; color:#58595B}

p {margin:5px 0; padding:0; font-size:16px; color:#58595B; 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:#58595B}
p.more {text-align:left;}
p.more a {color:#B4230E; font-weight:bold; text-decoration:none}
p.more a:hover {color:#000; text-decoration:none}
.morecontent span {display: none; text-align:justify}
.moretxt {color:#B4230E; text-transform:uppercase; font-weight:bold}

ul, ol, dl {font-family:inherit; font-size:inherit; line-height:inherit; list-style-position: outside; margin:5px 0; padding:0}
.border-rd li {background:url(../images/bullet-gray.gif) no-repeat 0 8px; margin:0; padding:0 0 0 15px; list-style-type:none} 
/*li.inline:first-child {margin:0;}
li.inline {display:inline-block; margin:0 0 0 10px; }*/
li.block {display:block}


footer .col1 {margin:30px 0 0; padding:0; width:26%; float:left}
footer .col1 span {margin:0; padding:0; width:50%; float:right; text-align:right; color:#000}
footer .col1 span select{ width:80%;}
footer .col1 div {margin:30px 0 0; padding:0}
footer .col1 div p {margin:10px 0; padding:0; font-size:12px; color:#000; font-weight:normal; line-height:normal;}
footer .col1 div p a {color:#000;}
footer .col1 div p.disc {font-size:10px}
footer .col2 {margin:230px 0 0; padding:0; width:14%; float:left; bottom:0; position:relative; text-align:center; vertical-align:text-bottom;}
footer .col3 {margin:auto; padding:0; width:33%; float:right;}
footer .col3 div {width:100%; max-width:360px; background: url(../images/map.jpg) no-repeat 0 0; height:auto; min-height:270px}
footer .col3 div select {width:60%; margin:1% 20%; padding:2px; outline:none; border:none;}
footer .col3 div h1 {margin:0; padding:15px 0 0; color:#fff; font-size:16px; text-transform:none; text-align:center}
footer .col3 div p {text-align:center}
footer p {margin:5px 0; padding:0; font-size:14px; color:#000; font-weight:normal; line-height:normal; text-align:left}
footer p a {color:#000; }
footer .top {margin:0; bottom:0}
footer .top a{background:url(../images/icon-top.png) no-repeat 0 0; padding:0 9px}
footer .top a:hover {background:url(../images/icon-top.png) no-repeat 0 -18px; border:none}



/* ------------ HEADER STARTS ------------ */

.logo {margin:0; padding:0; float:left; max-width:225px; width:25%; height:auto}

.mainnav {margin:0; padding:0; float:right; max-width:750px; width:75%}
.mainnav ul {margin:1% 0; padding:0; font-weight:normal; list-style-type:none; text-align:right}
.mainnav li {margin:0 0.7%; padding:0; background:none; font-size:14px; display:inline-block; color:#58595B}
.mainnav li a {color:#aaa; 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;}
.mainnav li a:hover {color:#000; text-decoration:none; border-bottom:1px solid #ED1C24}
.mainnav li.active {color:#000; text-decoration:none; border-bottom:1px solid #ED1C24}
.mainnav li.i-home a{background:url(../images/icon-home.gif) no-repeat 0 -2px; padding:0 9px}
.mainnav li.i-home a:hover {background:url(../images/icon-home.gif) no-repeat 0 -24px; border-bottom:1px solid #fff}
.mainnav li.i-home-active {background:url(../images/icon-home.gif) no-repeat 0 -24px; border-bottom:1px solid #fff; padding:0 9px; color:#000;}
.mainnav li.i-fb a{background:url(../images/icon-fb.gif) no-repeat 0 -2px; padding:0 10px}
.mainnav li.i-fb a:hover {background:url(../images/icon-fb.gif) no-repeat 0 -24px; border-bottom:1px solid #fff}
.mainnav li.i-yt a{background:url(../images/icon-youtube.gif) no-repeat 0 -2px; padding:0 10px}
.mainnav li.i-yt a:hover {background:url(../images/icon-youtube.gif) no-repeat 0 -24px; border-bottom:1px solid #fff}

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

#banner1{margin:0; padding:0; width:100%; height:auto; min-height:380px; position:relative; background:url(../images/banner01.jpg) no-repeat 0 0; background-size:cover}
#banner1 #row{ margin-top:83px;}
#banner2{margin:0; padding:0; width:100%; height:auto; min-height:380px; position:relative; background:url(../images/banner02.jpg) no-repeat 0 0; background-size:cover}
#banner2 #row{ margin-top:83px;}
#banner3{margin:0; padding:0; width:100%; height:auto; min-height:380px; position:relative; background:url(../images/banner03.jpg) no-repeat 0 0; background-size:cover}
#banner3 #row{ margin-top:83px;}
#banner4{margin:0; padding:0; width:100%; height:auto; min-height:380px; position:relative; background:url(../images/banner04.jpg) no-repeat 0 0; background-size:cover}
#banner4 #row{ margin-top:83px;}
#banner5{margin:0; padding:0; width:100%; height:auto; min-height:380px; position:relative; background:url(../images/banner05.jpg) no-repeat 0 0; background-size:cover}
#banner5 #row{ margin-top:83px;}
#banner6{margin:0; padding:0; width:100%; height:auto; min-height:380px; position:relative; background:url(../images/banner06.jpg) no-repeat 0 0; background-size:cover}
#banner6 #row{ margin-top:83px;}
br {clear:both; margin:0; padding:0}

.collt {margin:auto; padding:0; width:59%; float:left}
.collt ul li{ width:46%; display:inline-block; margin:0 0 0 10px;}
.colrt {margin:auto; padding:0; width:40%; float:right}
.col63 {margin:auto; padding:0; width:63%; float:left}
.col35 {margin:auto; padding:0; width:35%; float:right}

div.lt {clear:left; overflow: hidden;}
div.rt {clear:right; overflow: hidden;}
img.lt {float:left; border-right:1px solid #ccc; margin:0 15px 0 0; padding:10px; display:inline-block; vertical-align:middle;}
img.rt {float:right; border-left:1px solid #ccc; margin:0 0 0 15px; padding:10px; display:inline-block; vertical-align:middle;}

.border-rd {margin:0 auto; padding:0; border-radius:20px; display:table; border:1px solid #ccc; width:100%; height:auto; background-color:#fff;}

/*iframe {position:absolute; top:0; left:0; width:100%; height:100%;}*/

table.courses {margin:5px 0; padding:0; width:98%}
table.courses th, table.courses td {border:1px solid #aaa; margin:0; padding:5px;}
table.courses th {background:#f5f5f5; text-align:center; font-weight:bold}
table.courses td:last-child {text-align:center}
table.courses tr:last-child {font-weight:bold}

.sem_bg{ background:url(../images/sem_bg.gif) repeat-x 0 0; height:171px; float:left; width:99%; font-weight:bold; font-size:14px; line-height:25px; margin-bottom:20px;}
.sem{ width:9.2%; float:left; border-right:dotted 1px #333; height:171px;}
.sem1{ width:19%; float:left; padding-left:1%; border-right:dotted 1px #333; height:171px;}
.sem2{ width:18.8%; float:left; padding-left:1%; border-right:dotted 1px #333; height:171px;}
.sem3{ width:18.8%; float:left; padding-left:1%; border-right:dotted 1px #333; height:171px;}
.sem4{ width:19%; float:left; padding-left:1%; border-right:dotted 1px #333; height:171px;}
.whychoose{ background:url(../images/why-choose-aptech.gif) no-repeat 0 0; width:100%; height:323px; padding:5px 20px; margin:0;}
.logos{ padding:0 4.9%; float:left; border-right:dashed 1px #333; margin:20px 0;}
.logos img{ width:100%;}
.logos-end{ padding:0 4.9%; float:left; margin:20px 0;}

.box-content4 {border:2px solid #F5821F; padding:0; margin:0 0 20px; clear:both; text-align:left; color:#fff}
.box-content4 .content4bg { padding:0; margin:10px; min-height:200px;}
.box-content4 .divBox {background:#AD1B1F; text-align:center; float:left; margin:0 20px 0 0; padding-top:50px; width:20%; height:150px; font-size:40px}
.box-content4 .fltrt {clear:right; overflow:hidden}
.box-content4 h2 { margin:20px 0 0}
.box-content4 p { margin:0; padding:0 20px 0 0}




/* ----------- TOOLTIPS STARTS ----------- */
a.tooltip1 {outline:none; }
a.tooltip1 strong {line-height:normal}
a.tooltip1:hover {text-decoration:none; border:none}
a.tooltip1 div {z-index:10; display:none; padding:0 10px; margin:-10px 0 0 0; width:180px; height:132px; line-height:normal; color:#fff; font-size:24px;}
a.tooltip1:hover div {display:inline; position:absolute; color:#fff; background:#f5882a; opacity: 0.9; padding-top:50px; text-align:center;
vertical-align:middle; filter: alpha(opacity=90); /* For IE8 and earlier */}
.callout {z-index:20; position:absolute; top:-12px; border:0; left:125px;}

/* will be red only in firefox */
@-moz-document url-prefix() { 
a.tooltip1 div {padding:0 10px; margin:60px 0 0 -200px;}
}


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

.selector {color:blue}

/* ----------- FORMS STARTS ----------- */
form {margin:0 auto; padding:0; width:250px; text-align:center}
form img {margin:10px 0; padding:0}
form a:hover img {text-decoration:none; border:none}
form input {width:95%; max-width:215px; margin:3px 0; padding:5px 5px 5px 30px; outline:none; border:none; background:#fff; color:#000}
form input.b1 {background:url(../images/icon_name.gif) no-repeat 5px 0 #fff}
form input.b2 {background:url(../images/icon_phone.gif) no-repeat 5px 0 #fff}
form input.b3 {background:url(../images/icon_business.gif) no-repeat 5px 0 #fff}
form input.b4 {background:url(../images/icon_mail.gif) no-repeat 5px 0 #fff}
form select {width:95%; max-width:215px; margin:5px 0; padding:3px 3px 3px 30px; outline:none; border:none}
form select.b5 {background:url(../images/icon_location.gif) no-repeat 5px 0 #fff}
form div{ width:86%; margin:0 auto; height:52px; color:#000; padding:3px; text-align:left; background:#fff; margin-left:15px; margin-top:3px; margin-bottom:0px; font-size:13px; color:#666}
/* ----------- 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 {
  text-align: center;
}
#section-one .doings a { color: #333}
#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/logo_1.png");
  width: 151px;
  height: 131px;
}
@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/logo_1.png");
  }
}
#section-one .doings .icon-holder.icon-holder-2 .icon {
  background-image: url("../images/logo_2.png");
  width: 151px;
  height: 131px;
}
@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/logo_2.png");
  }
}
#section-one .doings .icon-holder.icon-holder-3 .icon {
  background-image: url("../images/logo_3.png");
  width: 151px;
  height: 131px;
}
@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/logo_3.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: #b42310;
  -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 {
  
  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: #b42310;
  -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;
  background-color: #fff;	
  border:solid 2px #b42310;
  border-radius:10px;
  margin:0.666%;
}
#section-one .doings .large-4:hover {
  background-color: #b42310; -moz-opacity: 1; opacity:1; filter: alpha(opacity=100)
}
#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 {
  text-align: center;
}
#section-two .doings a { color: #333}
#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-1 .icon {
  background-image: url("../images/logo_4.png");
  width: 142px;
  height: 117px;
}
@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-1 .icon {
    background-image: url("../images/logo_4.png");
  }
}
#section-two .doings .icon-holder.icon-holder-2 .icon {
  background-image: url("../images/logo_5.png");
  width: 142px;
  height: 117px;
}
@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-2 .icon {
    background-image: url("../images/logo_5.png");
  }
}
#section-two .doings .icon-holder.icon-holder-3 .icon {
  background-image: url("../images/logo_6.png");
  width: 142px;
  height: 117px;
}
@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-3 .icon {
    background-image: url("../images/logo_6.png");
  }
}
#section-two .doings .icon-holder.icon-holder-4 .icon {
  background-image: url("../images/logo_7.png");
  width: 142px;
  height: 117px;
}
@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/logo_7.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: #b42310;
  -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-3 > a {
  
  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-3 > 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: #b42310;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#section-two .doings .large-3 {
  -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;
  background-color: #fff;	
  border:solid 2px #b42310;
  border-radius:10px;
  margin:0.666%;
}
#section-two .doings .large-3:hover {
  background-color: #b42310; -moz-opacity: 1; opacity:1; filter: alpha(opacity=100)
}
#section-two .doings .large-3:hover h4, #section-two .doings .large-3:hover p, #section-two .doings .large-3:hover > a, #section-two .doings .large-3:hover i {
  color: #fff;
}
#section-two .doings .large-3:hover h4:before, #section-two .doings .large-3:hover > a:before {
  background-color: #fff;
}
#section-two .doings .large-3:hover .icon {
  background-position: 0 bottom;
}








.fLeft {float:left; margin:0px 20px 10px;}
.fRight {clear:right; overflow:hidden; text-align:left;}


.learnObj {
    float: left;
    margin: 0;
}
a.sem-icons {
    /*background-position: 0 0;*/
	background-color:#ccc;	
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-right: 0;
    overflow: hidden;
    text-indent: -1000px;
    transition: background-position 0.25s ease 0s;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
a.sem-icons:hover {
    background-position: 0 -80px;	
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
	background-color:#000;	
}
.semico1 {
    background-image: url("../images/icon_01.png");
    background-repeat: no-repeat;
}
.semico2 {
    background-image: url("../images/icon_02.png");
    background-repeat: no-repeat;
}
.semico3 {
    background-image: url("../images/icon_03.png");
    background-repeat: no-repeat;
}
.semico4 {
    background-image: url("../images/icon_04.png");
    background-repeat: no-repeat;
}

#fade{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index:100000;
    -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:100001;
    overflow:visible;
	text-align:center;
}
#light .cross{ position:absolute; right:0; margin:-35px -25px 0 0; padding:0;cursor:pointer;}
#light .cross img a:hover{ text-decoration:none;}
#light .thankyou h1{color:#fff; text-align:center; margin:0; padding:0; font-size:25px; text-transform:none;}
#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;}
#light .thankyou h2 a{color:#fff; text-decoration:underline}
#light .thankyou h2 a:hover{color:#000; text-decoration:none;}