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

html{padding:0px;margin:0px;width:100%; min-height:100% !important;position:relative !important;}
body {/* Margin bottom by footer height */margin-bottom:0px;}
.container-fluid{margin:0px !important;padding:0px !important;}


p{padding:0px; margin:0px;}
#container { min-height:100%;padding:0px; margin:0px; position:relative;}
a {text-decoration:none;color:inherit;}
a:hover {text-decoration:none;color:inherit;}*/


.space5{height:5px;}
.space10{height:10px;}
.space20{height:20px;}
.space30{height:30px;}
*{outline:none !important}


@font-face { font-family:"helvetica neue-ultralight"; src:url(font/HelveticaNeue-UltraLight.ttf)}
@font-face { font-family:"helvetica neue light"; src:url(font/Helvetica%20Light.ttf)}
@font-face { font-family:"helvetica neue thin"; src:url(font/Helvetica%20Neue%20CE%2035%20Thin.ttf)}
@font-face { font-family:"Helvetica Neue"; src:url(font/HelveticaNeue.ttf)}
/*.inputformt1::-webkit-input-placeholder {color: #fff;}*/





.table-s1 figure {
    margin:0;
    padding:0;
    position:relative;
    cursor:pointer;
	display:table;height:100%;width:100%;
    /*margin-left:-50px*/
}
.table-s1 figure img {
    display:block;
    position:relative;
    z-index:10;
   
}
.table-s1 figure figcaption {
    
    position:absolute;
    z-index:5;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.table-s1 figure h2 {
    font-family:'Lato';
    color:#fff;
    font-size:20px;
    text-align:left
}
.table-s1 figure p {
    display:table-cell;
	vertical-align:middle;
    font-family:'Lato';
    font-size:20px;
   /* line-height:18px;*/
   
   
    color:#000;
    text-align:center
}
.table-s1 figure figcaption {
    top:0;
    left:0;
    width:100%;
    height:100%;
    /*padding:29px 44px;
    background-color:rgba(26,76,110,0.5);*/
    text-align:center;
    backface-visibility:hidden;
    -webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
    transform:rotateY(-180deg);
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
.table-s1 figure img {
    backface-visibility:hidden;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s
}
.table-s1 figure:hover img,figure.hover img {
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    transform:rotateY(180deg)
}
.table-s1 figure:hover figcaption,figure.hover figcaption {
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    transform:rotateY(0)
}

.table_partners {width:100%;}
.table-s1{width:20%;padding:0px;display:inline-table;vertical-align:top;  position:relative;overflow:hidden;float:left;  }
.inner_partner1{display:table;height:100%;width:100%; border:0px;}
.inner_partner2{display:table-cell;vertical-align:middle;}






.scrollup {
    width: 42px;
    height: 42px;
    position: fixed;
    bottom: 60px;
    right:30px;
    display: none;
	z-index:10000;
    text-indent: -9999px;
    background: url('icon_top.png') no-repeat;
    background-image:url(images/arrow.jpg); background-size:contain;
	background-repeat:no-repeat;
	background-position:center; 
}



.socialmedia{
  width:47px;
  height:282px;
  position: fixed;
  top: 150px;
  right:-47px;  
  z-index:10000;
  text-indent: -9999px;transition:all 0.5s;	
}

.socialmedia div{width:47px; height:47px; background-repeat:no-repeat; background-size:cover; border:solid 1px #CCC; border-bottom:0px; cursor:pointer;}

.socialmedia2{display:none;}
.socialmedia2 div{display:table; margin:auto;}
.socialmedia2 div div{width:45px; height:45px; background-repeat:no-repeat; background-size:cover; border:solid 1px #CCC; border-bottom:0px; cursor:pointer; display:inline-table;}


.f1{ background-image:url(sari/folder/f1.png);}
.f1:hover{ background-image:url(sari/folder/f2.png);}

.t1{ background-image:url(sari/folder/t1.png);}
.t1:hover{ background-image:url(sari/folder/t2.png);}

.i1{ background-image:url(sari/folder/i2.png);}
.i1:hover{ background-image:url(sari/folder/i1.png);}

.g1{ background-image:url(sari/folder/g1.png);}
.g1:hover{ background-image:url(sari/folder/g2.png);}

.u1{ background-image:url(sari/folder/u1.png);}
.u1:hover{ background-image:url(sari/folder/u2.png);}

.in1{ background-image:url(sari/folder/in1.png);}
.in1:hover{ background-image:url(sari/folder/in2.png);}




/*................. CAREERS CSS....................*/

.vposition{font-family:"Helvetica Neue";font-size:18px;color:#5e5e5e}
.rcareer{background-image:url(images/Career.png); background-position:center right; background-repeat:no-repeat;}
.vposition span{padding-left:20px}
.textinputc{height:32px;max-width:100%}
.borderap1{height:5px;border-bottom:solid 1px #5e5e5e;}
.borderap2{border:solid 1px #010101;}
.paddap1{padding-left:5px;}
.namefieldc{font-family:"Helvetica Neue";font-size:16px;color:#5E5E5E}
.textinputc{height:30px;max-width:100%}
.textfieldc{width:100%;height:100%;padding:0px;border:solid 1px #5E5E5E;resize:none;font-size:16px;font-family:"Helvetica Neue";color:#5E5E5E;background-color:#fff;line-height:30px;padding-left:10px;}

.textinput1c{height:30px;max-width:100%}
.textinput2c{height:30px;max-width:100%}

.formdivap1{height:40px;line-height:40px;vertical-align:top;}
.inputformap1{width:100%;height:100%;resize:none;font-size:17px; line-height:28px;color:#010101;padding-left:10px;font-family:"Helvetica Neue";  background-position:right; background-repeat:repeat-y;}
/*.imgcareer{border:solid 5px #F9BF13}
.btn-primary{background-color:#5E5E5E;border-color:#5E5E5E}*/

.colpad{padding:10px}

.submit1c{background-color:#5E5E5E;width:110px;display:inline-block;height:30px;}
.submit1c input{border:none;padding:0px;background-color:transparent;text-align:center;width:100%;height:100%;font-size:18px;font-family:"Helvetica Neue";color:#fff}


.submit2c{background-color:#5cb9e9;width:120px;height:34px; margin-left:5px; border-radius:5px; border:solid 1px #CCC; }
.submit2c input{border:none;padding:0px;background-color:transparent;text-align:center;width:100%;height:100%;font-size:18px;font-family:"Helvetica Neue";color:#fff}






/*................. INDEX CSS....................*/

.slider{margin-top:0px;border:solid 1px #fff;}

/*................. Top CSS....................*/

.rt1{background-color:rgba(0,0,0,0.38);padding-left:10px;min-height:100px}
.logo{padding-top:20px}
.menuouter{padding-top:28px}
.menutext{font-family:"helvetica neue thin";font-size:25px;color:#FFFFFF;display:inline-block;vertical-align:top;margin:0px 15px;cursor:pointer}

.rt2{background-color:#fff;padding-left:10px;min-height:60px;-webkit-box-shadow: 2px 0px 20px 4px rgba(0,0,0,0.58);-moz-box-shadow:2px 0px 20px 4px rgba(0,0,0,0.58);box-shadow:2px 0px 20px 4px rgba(0,0,0,0.58);}
.logo2{padding-top:5px}
.menuouter2{padding-top:15px}
.menutext1{font-family:"helvetica neue thin";font-size:22px; line-height:30px; height:40px;color:#45C6D6;display:inline-block;vertical-align:top;margin:0px 10px;cursor:pointer}


/*................. ABOUT CSS....................*/

.ra1{padding-top:20px}
.titleabout{font-family:"helvetica neue thin";font-size:25px;color:#000000;display:table;margin:auto;border-bottom:solid 2px #45C6D6}
.textabout{font-family:"helvetica neue thin";font-size:18px;color:#000000;text-align:center;margin-top:30px}

.ra2{margin-top:30px}
.titleservice{font-family:"helvetica neue thin";font-size:33px;color:#000000;}
.textservice{font-family:"helvetica neue light";font-size:20px;color:#000000}

.service1{padding-top:50px}
.totop {width:100%;height:100%;}




/*................. NEWS CSS....................*/

#emulated{ height:359px;   overflow:hidden; background-image:url(scroll/bg-scroll.jpg); background-position:right; background-repeat:repeat-y;  } 
.tv{position:absolute; z-index:1000; margin-top:-359px; width:50%; height:359px; background-image:url(sari/tvfinal.png); background-position:center top; background-repeat:no-repeat; background-size:100%; }
.whitebar{position:absolute; margin-top:-50px; top:0px; right:1%; width:49%; height:50px; background-color:#ffffff; }
.titleservice{font-size:33px;font-family:"helvetica neue thin";color:#000;line-height:40px; border-bottom:solid 1px #CCCCCC; display:table;}
.descservice{font-size:18px;font-family:"helvetica neue thin";color:#5D5D5D;line-height:22px; padding-right:10px; min-height:260px; padding-top:10px;}
.padding20px0px{ padding:20px 0px;}
.btu{width:50px; height:50px;border:0px; background-color:transparent; background-size:contain; background-repeat:no-repeat;}
.bbb1{position:absolute; margin-top:-150px; margin-left:20px; z-index:1000000; width:50px;}
/*................. PARTNERS CSS....................*/

.logo{padding-top:60px}
.imglogo{padding:5px}
.imglogo1{border:solid 1px #231F20;cursor:pointer}

/*................. CONTACT CSS....................*/


.ra3{padding-top:30px}
.linecontact{font-family:"helvetica neue thin";font-size:30px;color:#000000;text-align:center}
.textfield{width:100%;height:100%;padding:0px;resize:none;font-size:20px;font-family:"helvetica neue thin";color:#5D5D5D;line-height:27px;padding-left:10px;border:none;border-bottom:solid 1px #45C6D6}
.textinput{height:46px;max-width:500px}
.textarea{max-width:1089px}
.submit{background-color:#45C6D6;border:0px;width:80px;height:30px;color:#ffffff;font-family:"helvetica neue thin";font-size:20px;text-align:center}
.rmap{margin-top:30px}
.mapdiv {position: relative;padding-bottom: 20%;padding-top: 35px;height: 0;overflow: hidden;}
.mapdiv iframe {position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.info{padding:30px 20px 10px 20px;}
.colpad{padding:0px 30px}
.titleinfo{font-family:"Helvetica Neue";font-size:26px;color:#5D5D5D;border-bottom:solid 1px #45C6D6}
.textinfo{font-family:"helvetica neue light";font-size:20px;color:#5D5D5D}
.textinfo2{font-family:"helvetica neue light";font-size:17px;color:#5D5D5D; padding-top:10px;}
.social1{display:inline-block;vertical-align:top;padding-top:10px; cursor:pointer;}

.contacttext{font-family:"Helvetica Neue";font-size:18px;color:#49c3d3;text-align:center; line-height:25px;}
.width50{ display:inline-block; width:49%; margin:0px;  }
.buttonclick{ display:inline-block; width:140px; height:30px; line-height:30px; text-align:center; background-color:#fff; color:#49c3d3;font-family:"Helvetica Neue";font-size:18px; margin:10px 0px; cursor:pointer;}

/*................. FOOTER CSS....................*/

.footer {position: absolute;bottom: 0;width: 100%;/* Set the fixed height of the footer here */min-height: 70px;background-color:#3562A5;box-sizing:border-box;left:0px;}	
.outerf1{height:70px;}
.outerf2{height:100%;display:table;}
.copyright{font-family:"foobar Pro";font-size:20px;color:#fff;display:table-cell; vertical-align:middle;font-weight:bold;height:100%;text-align:right;}
.horizont1{display:table-cell;vertical-align:middle;padding-left:15px;}




.table_pag{display:table;margin:auto;}
.font_pag{display:inline-table;margin:0px 5px;}
.font_pag a{font-size:25px;display:inline-table;margin:0px 5px;color:#45C6D6;font-weight:bold;cursor:pointer}
.font_pagsel a{border-bottom:solid 1px #45C6D6}

.font_pag:hover a{color:#000;border-color:#000}


.login_table{display:table;margin:auto}
.label_1{width:100px;}
.input_1{background-color:transparent !important;border:0px; border-bottom:solid 1px #ccc;;padding-left:10px;color:#000;font-size:17px;}
.input_1::-webkit-input-placeholder {}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}

.login{border:0px;background-color:#fff;color:#45C6D6;font-weight:bold;font-size:15px;}  
.close{position:absolute;top:-25px;right:-25px;cursor:pointer;width:50px;height:50px;background-image:url(images/close.png);opacity:1;}
.close:hover{opacity:0.9;}
.modal-dialog{max-width:410px !important; }
.backimg{background-image:url(images/home/backimg.png);height:114px;}
.backimg a{font-size:20px;}



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

/*................. TOP CSS....................*/
		
.menutext{font-size:20px;margin:0px 10px}
.slider{margin-top:0px;}

.menutext1{margin:0px 7px;font-size:19px;}

.table-s1{width:25%}
/*................. ABOUT CSS....................*/


/*................. NEWS CSS....................*/

#emulated{ height:296px;  } 
.tv{ height:296px; margin-top:-296px; }
.whitebar{ margin-top:-40px; height:40px; }
.titleservice{font-size:40px;line-height:50px;}
.descservice{font-size:17px;line-height:21px; min-height:208px;}
.padding20px0px{ padding:10px 0px;}
.btu{width:40px; height:40px; }
.bbb1{  margin-top:-130px; margin-left:10px; width:40px;}
/*................. CONTACT CSS....................*/


.textinfo2{font-size:16px;}
.colpad{padding:0px 10px}


.contacttext{font-size:15px;}


}	
			
@media screen and (max-width: 990px){

/*................. TOP CSS....................*/

.menutext{margin:0px 8px;font-size:16px}
.slider{margin-top:0px;}

.menutext1{margin:0px 1px;font-size:17px}

/*................. ABOUT CSS....................*/
.table-s1{width:33.333333%}

/*................. NEWS CSS....................*/

#emulated{ height:230px; } 
.tv{ height:230px; margin-top:-230px; }
.whitebar{ margin-top:-30px; height:30px; }
.titleservice{font-size:30px;line-height:30px;}
.descservice{font-size:15px;line-height:18px;min-height:178px;}
.padding20px0px{ padding:10px 0px;}
.btu{width:30px; height:30px; }
.bbb1{  margin-top:-110px; margin-left:11px; width:30px;}
/*................. CONTACT CSS....................*/


.contacttext{font-size:12px;} 

.rcareer{background-image:none;}
}




@media screen and (max-width: 767px){
.table-s1{width:50%}

.socialmedia{display:none;}

.socialmedia2{display:block;}

.paddap2{padding-left:0px}


/*................. Top CSS....................*/

.menuouter{padding-top:8px}
.menutext{display:table;margin:5px auto;font-size:17px}
.logo{display:table;margin:auto}
.logo img{width:215px}

.menutext1{display:table;margin:5px auto;font-size:20px}
.logo2{display:table;margin:auto}

/*................. ABOUT CSS....................*/


#emulated{ height:400px;  } 
.tv{  display:none }
.whitebar{ display:none }
.titleservice{font-size:40px;line-height:50px;}
.descservice{font-size:15px;line-height:20px;}
.padding20px0px{ padding:10px 0px;}
 .bbb1{  margin-top:10px; margin-left:11px; width:90px;}

/*................. INDEX CSS....................*/




/*................. NEWS CSS....................*/


/*................. SERVICES CSS....................*/



/*................. CONTACT CSS....................*/

.contacttext{font-size:16px;}

/*................. FOOTER CSS....................*/
body {margin-bottom:100px;}
.footer{height:100px;}
.outerf1{height:100px;padding:10px;}
.outerf2{display:block;height:auto}
.copyright{text-align:center;;font-size:14px;line-height:20px;min-height:20px;height:40px;display:block}	
.horizont1{display:table;margin:auto;}	
.horizon img{width:70%;display:table;margin:5px auto}
}

@media screen and (max-width: 385px){
.table-s1{width:100%}

}