@charset "utf-8";
html, body, h1, h2, h3, h4, h5, h6, p, ol, dl, dd, dt, img, blockquote, q, div, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre{margin:0; padding:0}
:focus{outline:0}
 * {box-sizing:border-box;font-family:roboto}
html {font-size:62.5%}
.clr {clear:both;height:1px;line-height:1px}

#ui-datepicker-div {font-size:14px}

.loader {position:absolute;}

.fbxsharer {

text-decoration:none;width:94px;height:34px;background:url(/images/fbshare.png);display:block;position:absolute;bottom:0;left:50%;margin-left:-47px;margin-bottom:-50px;

width:58px;height:58px;display:block;border-radius:29px;-webkit-border-radius:29px;
background:#fff;color:#3B5998;text-align:center;line-height:58px;font-size:36px;
margin-left:-29px;
 
z-index:999999;
box-sizing:border-box;
padding-right:5px;
bottom:10px;
-webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,.33);
box-shadow: 2px 2px 2px 0 rgba(0,0,0,.33);
}

#homei { text-align:center;padding-top:0px;background:#252021;height:365px;}
#homeic {position:relative;max-width:1140px;margin:0  auto;box-sizing:border-box;padding-right:100px}
#homei .yth {position:absolute;top:40px;right:0px;;padding:10px;background:rgba(0,0,0,.3);border-radius:4px;-webkit-border-radius:4px}
#homei .yth .ythc {padding:1px;background:rgba(255,255,255,1); }


.prof_p { box-sizing:border-box;padding:5px;display:inline-block !important;font-family:Roboto;
width:114px;margin-left:10px;border:2px solid white;background:#e2e2e2;
text-align:center;border-radius:10px;-webkit-border-radius:10px}



.prof_p.chk {border-color:#ff5e74}
   
.prof_p span.l1 {display:block;line-height:42px;font-size:24px;font-weight:100}
.prof_p span.l2 {display:block;line-height:32px;background:url(img_new/c0.png) no-repeat center center}
.prof_p span.l2 input {opacity:0}
.prof_p.chk span.l2 {background-image:url(img_new/c1.png)}

.prof_p span.l3 {vertical-align:center;display:block;font-size:14px;line-height:42px;font-size:14px;}
.prof_p span.l3 span.b {padding:0px 1px;  position:relative;bottom:-5px;font-size:36px;line-height:42px;font-weight:bold}
.prof_p span.l3 span { display:inline-block;}


.btt.order.disabled,
.prof_p.disabled {opacity:.5; pointer-events: none;cursor:not-allowed}

body {background:#fff;}
.margins {max-width:1140px;margin:0 auto}
.margins p { font-size:23px;line-height:28px;font-family:Roboto;font-weight:300;color:#575757;margin:10px 0px} 
 
 .optionfh {padding:30px}

.optionh {width:49%;padding:20px;border:1px solid #ccc;
          line-height:55px;font-size:26px;color:#333;position:relative}
.optionh input {margin-top:15px;line-height:60px;width:30px;height:30px;float:left}
.optionh h4 {font-size:26px;float:left;;line-height:40px;margin-right:30px;position:relative}
.optionh h4 span {font-size:50px;position:relative;top:15px}
.optionh small {font-family:"Roboto Condensed";font-size:16px;position:absolute;color:#FF5E74;left:160px;margin-top:26px}

.formholder .payf {clear:both;}
.formholder .payf label {float:left;font-size:14px;line-height:45px;max-width:175px;width:175px}
.formholder .payf input,
.formholder .payf select {max-width:320px}

.tspanes iframe {max-width:610px !important;width:100% !important}


#sld1 {background:#FF5E74}

 .ui-slider-horizontal2 {border:1px solid #ccc;border-radius:10px;padding:19px} 

 .ui-slider-handle {width:45px !important;height:55px !important;margin-top:-22px;margin-left:-25px !important;}

#top {
	line-height:60px;
 
	background:#dedbdb
}
#top  #logo {margin-top:8px;float:left}
#top a {
	font-weight:bold;
	float:left;
	line-height:60px;
	padding:0px 10px;
	font-family:"Roboto Condensed";
	font-size:23px;
	color:#727171;
	text-decoration:none
}
#top a.right {float:right}

#slogan {
 text-align:left;
 background:#ff5e74;
 height:165px;
 text-align:left;
 
}
.newai.orderd {line-height:50px; }
.newai b {display:inline-block;margin-left:10px;font-size:30px;;padding-left:30px;background:url(/img_new/or.png) no-repeat left center}
.newai b span.sup {position:relative;top:-5px;font-size:22px}

a.rsi {background:url(/img_new/ch.png) no-repeat right center;padding:10px 0px;border-bottom:2px solid #cbcbcb;margin-top:10px;display:block;font-size:18px;color:#666;text-decoration:none}
a.rsi:after {content:" ";clear:both;display:block;height:1px}
a.rsi span.i {max-width:85px;height:105px;overflow:hidden;float:left;border-radius:10px;-webkit-border-radius:10px;margin-right:20px}
a.rsi span.i img {max-width:100%}
a.rsi span.ld {padding-left:10px;font-weight:500;color:#333}
a.rsi span.li {display:inline-block;width:120px}
.upli  {border:2px solid #b4b4b4;box-sizing:border-box;padding:50px 30px 30px  30px;position:relative;max-width:1070px;margin:30px auto}
 .upli h2.online {font-size:28px;margin-top:-72px;text-align:center}
 .upli h2.online span {background:#dadada;padding:0px 15px}
 
 .onwhite .upli h2.online {margin-top:-70px}
 .onwhite .upli h2.online span  {background:#fff}
 
 
 
 .upli .imgplaceholder2 { width:215px;margin-top:30px;cursor:pointer}
  .upli .imgplaceholder {border:3px dashed #9b9b9b}
 .upli .imgplaceholder span {width:215px;height:230px}
 .upli .imgplaceholder span:after {font-size:70px;line-height:200px}
 .upli p.upi {float:right;margin:0px;font-size:18px;position:absolute;bottom:-30px;right:0;}
 
  .photoi { margin-top:30px;;text-align:left;background:#f2f2f2;padding:20px;float:right;max-width:580px;width:100%;margin-bottom:15px}
   .upli .photoi {background:#dadada;max-width:610px}
   
   .onwhite .upli .photoi {background:#fff}
   
 .photoi h2 {font-size:22px;color:#333333;display:inline-block;padding-right:33px;
          padding-bottom:0px; padding-left:0px;
          background:url(/img_new/ar.png) no-repeat right center}
.photoi h2 span {color:#ff5e74}

 .photoi ul {padding:0;margin:0;list-style:none}
 .photoi ul li:before {content:"";display:none}
 .photoi ul li {font-size:12px;color:#777171;list-style:none;line-height:20px;
                              padding-left:20px;background:url(/img_new/b.png) no-repeat 1px 8px;text-indent:0px}

 .upli .photoi h2 {font-size:26px;font-weight:400;margin-bottom:20px;background:none}
  .upli .photoi li {font-size:16px;line-height:24px;font-weight:300}
  .upli .photoi {padding:0px}
    .upli  .photoi ul li  {background-image:url(/img_new/b2.png)}
     .onwhite  .photoi ul li {background-image:url(/img_new/b.png)}
  .upli input[type=submit] {cursor:pointer;float:right;border:0; height:55px;text-align:center;width:100%;color:#fff;background:#FF5E74;display:block;
  font-size:31.5px;font-weight:bold;border-radius:10px;max-width:380px;-webkit-border-radius:15px; text-decoration:none}

#slogan a {	font-weight:bold;
	float:left;
 
	padding:0px 10px;
	font-family:"Roboto Condensed";
	font-size:23px;
	color:#fff;
	text-decoration:none}

.slogan-left{
	float: left;
	margin-top:-20px
}
.slogan-right{
	float: right;
	margin-top:-20px
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
body.homep #slogan {text-align:center}

a.block {display:inline-block;font-size:28px;font-family:Raleway;color:#fff;background:#ff5e74;line-height:55px;border-radius:4px;
      text-decoration:none;padding:0px 35px;margin-bottom:15px}


h2.hit {  text-align:center;
    line-height:35px;
    padding-top:25px;
    color:#333333;
    font-family:Raleway;
    font-size:37.8px;font-weight:400 }

#slogan h3 {font-weight:400;color:#fff;padding-top:15px; font-family:"Raleway"; font-size:63px;line-height:63px;padding-left:62px;padding-right:62px;}
#slogan h4 {font-weight:400;color:#fff;padding-bottom:8px;padding-top:3px; font-family:"Raleway"; font-size:21px;line-height:32px}
 
  #slogan a.login {right:0;position:absolute;top:10px}
  #slogan .mnuswitch {display:block}
 .mnuswitch {display:none;line-height:60px;position:absolute;left:-20px}
  .mnuswitch  span { font-size:82px;}
  .mnuswitch.foot {display:none}
  
  #slogan .margins {position:relative;}
 
body.homep #slogan h4 {font-size:32px;}
  
.panehld {width:50%;margin:0;float:left;padding-right:23px;}
.panehld.c1 {padding-right:0;padding-left:23px;}
#tinyMCEhp, .panel {background:#d9d9d9;border-radius:15px;-webkit-border-radius:15px;padding:22px 45px 10px 45px;min-height:435px}
#tinyMCEhp a, .panel a {padding-top:15px;font-size:12.6px;color:#333333;display:block;text-align:center;}
#tinyMCEhp h2, .panel h2 {text-align:center;font-weight:700;font-family:"Raleway";font-size:38px;margin-bottom:12px}
#tinyMCEhp label, .panel label {text-transform:uppercase;clear:both;display:block; font-size:18px;font-weight:normal;font-family:roboto;text-align:center;line-height:35px}
 .panel input[type=text],
 .panel input[type=password] {border:1px solid #a1a1a1;border-radius:15px;-webkit-border-radius:15px;width:100%;line-height:55px;
 padding-left:10px;padding-right:10px;text-align:center;margin-bottom:5px;font-size:18px}

 .panel input[type=submit],
#tinyMCEhp a.btt, a.btt {border:0; height:55px;text-align:center;width:100%;color:#fff;background:#FF5E74;display:block;
  font-size:31.5px;font-weight:bold;border-radius:10px;-webkit-border-radius:15px; text-decoration:none}
  
  
#tinyMCEhp p,   .panel p{font-size:19px;line-height:23.1px;}
   #tinyMCEhp p img, .panel p img {float:left;margin-top:-10px;margin-right:40px; }
    #tinyMCEhp p:after, .panel p:after {content:" ";display:block;clear:both;height:25px}
    #tinyMCEhp p, .panel p {padding-top:0px} 
     
     h3.ft5 {margin-top:0px;margin-bottom:20px;text-align:center;line-height:35px;padding-top:25px; color:#575757;font-family:Raleway;font-size:37.8px;font-weight:400}
      h3.ft5 small {display:block;font-size:25.2px;font-weight:300;color:#999999;}
    
    .tspanes {text-align:center}
    
    .tspane {display:inline-block;width:183px;margin-right:28px;}
    .tspane:nth-child(5n) {margin-right:0px}
    .tspane a.ts {display:block;line-height:21px;font-size:16px;text-align:center;color:#333;text-decoration:none;margin-bottom:10px}
    .tspane a.ts span {
	display:block;
	border:1px solid #000;
	background:#ccc;
	width:100%;
	height:242px;
	margin-bottom:10px
}
    
    .tsbot .tslinks {text-align:center}
    #tinyMCEhp2 img,  .tsbot .tslinks img {border:1px solid black;text-align:center}
      
     #tinyMCEhp2 h5, .tsbot h5 {font-weight:normal;margin:30px 0px 17px 0px;text-align:center;font-size:25px;color:#666666;font-family:"Raleway";line-height:28px}
     #tinyMCEhp2 p, .tsbot p {font-size:19px;text-align:center;color:#666;font-family:Raleway}
       
       
       #footer {margin-top:40px;border-top:1px solid #e6e6e6;background:#f2f2f2;padding-top:60px;text-align:center}
       
        #footer .menu a {font-size:18px;font-family:"Roboto Condensed";font-weight:bold;padding:0px 20px;color:#727171;text-decoration:none}
           #footer .menu a:hover {text-decoration:underline}
           #footer p {line-height:20px;font-size:12.6px;color:#666;padding:25px 0px}
      
      
      /*
       *
       *  regform
       *
       */
       
       .formholder {max-width:1066px;margin:10px auto;border:12px solid #cbcbcb;background:#cbcbcb;border-radius:10px;-webkit-border-radius:10px}
       .formholder .margins {position:relative;padding:15px 20px;border-radius:10px;-webkit-border-radius:10px;background:#fff}
        .formholder .margins.hastabs {-webkit-border-radius:0px 10px 10px 10px;border-radius:0px 10px 10px 10px;}
       
       .formholder h2 {padding-left:15px;font-size:25px;font-family:"Raleway";font-weight:600;line-height:26px; padding-bottom:10px} 
       .formholder .formcol {position:relative;width:33%;float:left;margin-bottom:10px;padding-right:25px;height:80px}
        .formholder label { font-size:18px;line-height:20px;padding:5px 15px;display:block}   
         .formholder p  { font-size:18px;line-height:20px;padding:5px 0px 5px 15px;display:block}  
         .formholder li  { font-size:18px;line-height:20px;}
         
         ul {
    list-style: none;
    padding:0;
    margin:0;
}

li { 
    padding-left: 2em; 
    text-indent: -.7em;
}

li:before {
    content: ". "; font-size:36px; line-height:18px; padding-top:15px;
    color: #cbcbcb; /* or whatever color you prefer */
}
         
         
       .formholder label small {font-size:12px;color:#777171;line-height:8px}
       .formholder input[type=text],
       .formholder input[type=password],
       .formholder select {border:1px solid #a1a1a1;border-radius:15px;-webkit-border-radius:15px;
                                           width:100%;height:45px;line-height:45px;  padding-left:10px;padding-right:10px;text-align:left;margin-bottom:5px}
          
        .formholder hr {height:4px;border:0;background:#d9d9d9;margin:15px 0px;clear:both} 
         .formholder h3 { clear:both;text-align:center;font-size:19px;color:#333333;font-weight:normal;border-bottom:1px solid #b4b4b4;
                           height:13px}
         .formholder h3 span {background:#fff;display:block-inline;padding:0px 15px;line-height:20px;margin-bottom:-10px}
         .formholder .ftp {
	width:112px;
	height:165px;
	margin-right:53px;
	margin-top:15px;
	margin-bottom:15px;
	background:#f3f3f3;
	border-radius:10px;
	-webkit-border-radius:10px;
	text-align:center;
	float:left
}
          .formholder .ftp span.i {display:block;height:95px;padding-top:10px}
          .formholder .ftp span.d {font-size:14px;display:block;margin-bottom:10px}
         .formholder .ftp input[type=checkbox] {width:20px;height:20px}
           .formholder input[type=submit] {cursor:pointer;float:right;border:0; height:55px;text-align:center;width:100%;color:#fff;background:#FF5E74;display:block;
  font-size:31.5px;font-weight:bold;border-radius:10px;max-width:380px;-webkit-border-radius:15px; text-decoration:none}
  .formholder label.chk {display:inline-block;font-size:14.5px;font-weight:300;line-height:45px;}
  
  .formholder input.err,
  .formholder select.err {border-color:#f00}
  .formholder p.errormsg {clear:both;left:0;font-size:12px;color:#f00;text-align:left;padding:0;position:static; right:25px; margin-top:-5px}
  
  .formholder input[type=checkbox].err {outline:1px solid #f00}
  
   .formholder .imgs {clear:both}
    .imgs label {float:left}
  .imgplaceholder {
     border:2px dashed #cecece;
     padding:1px;
     float:left;
    
  
    
  }
  .imgplaceholder span {overflow:hidden;width:70px;height:85px;display:block;background:#f2f2f2;text-align:center}
     .imgplaceholder span img {max-width:100%;height:auto;margin-bottom:80px}
    .imgplaceholder span:after {content:"+";font-size:40px;font-weight:bold;color:#777171;height:85px;width:70px;line-height:85px;}
  .imgplaceholder span.img:after {content:""}
      
      .imgplaceholder2 {    margin-top:5px; margin-right:15px;margin-bottom:30px;margin-right:15px;width:74px;display:inline-block;position:relative}
      
      .imgplaceholder2 a {border-radius:0px 0px 4px 4px;-webkit-border-radius:0px 0px 4px 4px;bottom:-2em;left:0px; 
      line-height:1.8em;font-size:16px;position:absolute;display:inline-block;width:1.8em;height:1.8em; 
      background:#777171;color:#fff;text-align:center}
      .imgplaceholder2 a.cls { left:auto;right:-2px;}                                                          
                                                          
  /*
    *
    *
    *  Profile
    *
    */
    
    #slogan .advertarea {float:right;height:140px;width:60%;background:#505050;border-radius:10px;-webkit-border-radius:10px;margin-top:15px;margin-bottom:15px}
    #slogan div.img {overflow:hidden;width:105px;height:120px;background:#fff;margin-bottom:15px;border:6px solid #fff;border-radius:4px;-webkit-border-radius:4px;float:left;margin-right:15px;margin-top:15px}
    
    #slogan div.img img {width:100%}
    #slogan p {font-size:14px;color:#fff;padding-top:30px}
    #slogan h5 {color:#fff;font-size:24px;line-height:26px}
    #slogan h6{ font-family:"Roboto Condensed";color:#999999;font-size:19px;}

    body.fixeds {padding-top:230px;}
    body.fixeds #slogan {position:fixed;width:100%;top:0;z-index:99999;-webkit-box-shadow: 0 0 10px 0 rgba(55,55,55,.4); box-shadow: 0 0 10px 0 rgba(0,0,0,.6);}

  .formholder .tabs {height:45px;}
     .formholder .tabs  a { line-height:45px;color:#666666;background:#dedbdb;
                            display:block;float:left;margin-left:1px;margin-right:12px;height:45px;
                            font-size:25px;font-family:"Roboto Condensed";padding:0px 20px;text-decoration:none;
                            border-radius:5px 5px 0px 0px;-webkit-border-radius:5px 5px 0px 0px}
    .formholder .tabs  a.sel {background:#fff;color:#333333}                            
         
         .filterlink {float:left; 
                           background:#fff;display:block;
                              margin-left:10px;margin-top:-8px;
                            }                   
           .filterlink span {display:block;font-weight:normal;color:#5c5f61;font-family:"Roboto Condensed";line-height:27px;
          /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#edecec+0,e7e6e6+3,dbdada+50,c9cac9+94,c9c9c9+97,d4d3d4+100 */
            background: #edecec; /* Old browsers */
            background: -moz-linear-gradient(top,  #edecec 0%, #e7e6e6 3%, #dbdada 50%, #c9cac9 94%, #c9c9c9 97%, #d4d3d4 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edecec), color-stop(3%,#e7e6e6), color-stop(50%,#dbdada), color-stop(94%,#c9cac9), color-stop(97%,#c9c9c9), color-stop(100%,#d4d3d4)); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  #edecec 0%,#e7e6e6 3%,#dbdada 50%,#c9cac9 94%,#c9c9c9 97%,#d4d3d4 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  #edecec 0%,#e7e6e6 3%,#dbdada 50%,#c9cac9 94%,#c9c9c9 97%,#d4d3d4 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  #edecec 0%,#e7e6e6 3%,#dbdada 50%,#c9cac9 94%,#c9c9c9 97%,#d4d3d4 100%); /* IE10+ */
            background: linear-gradient(to bottom,  #edecec 0%,#e7e6e6 3%,#dbdada 50%,#c9cac9 94%,#c9c9c9 97%,#d4d3d4 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edecec', endColorstr='#d4d3d4',GradientType=0 ); /* IE6-9 */
            border-radius:8px;-webkit-border-radius:8px;
            font-size:15px;padding-left:20px;
           } 
           
.filterlink span:after {content:"\276f";float:right;margin-right:8px}           
.filterlink.up span:after  {transform:rotate(-90deg); -webkit-transform:rotate(-90deg); 
                                  -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); }   
.filterlink.down span:after  {transform:rotate(90deg); -webkit-transform:rotate(90deg); 
                                  -moz-transform:rotate(90deg); -o-transform:rotate(90deg); }
                                  
#filtercontent { }
                                  
    /*
     *
     * Profile row
     *
     */
  
  
  .orderd {
       background: url(img_new/bd.png) no-repeat;
       width: 512px;
       height: 56px;
      margin:0 auto;margin-bottom:5px;
      box-sizing:border-box;
      padding-left:50px;
      color:#999999;
      line-height:55px;  
      font-size:22px;text-align:left;
      font-weight:200; 
  }
 
  .orderd.active {background-image:url(img_new/bda.png);  color:#000;}
  .orderd.active.chk {background-image:url(img_new/bda1.png); }
     
   .indicator {background:#cbcbcb;padding:5px;border-radius:5px;-webkit-border-radius:5px;max-width:255px}
   .indicator2 {border:2px solid #fff;height:29px;background:#df6060;position:relative}  
  .indicator2 .bar {height:100%;background:#abd871;height:25px}  
     .membrow {border:1px solid black;border-radius:10px;-webkit-border-radius:10px;background:#f9f9f9;margin-top:15px;margin-bottom:10px;
                clear:both;padding:15px;position:relative}
   
   .membrow.info {background-color:#DFF6FF}
     .membrow.info p {padding-left:0px}
    .membrow .lcol {max-width:445px;width:40%;float:left;padding-top:10px;}  
    .membrow .lcol .img { margin-top:10px;;margin-bottom:10px;height:auto;width:100%;max-width:385px; border:1px solid #000;
                    overflow:hidden;border-radius:10px;-webkit-border-radius:10px;position:relative}     
    .membrow .lcol .img img.photo {display:block;margin:0 auto;min-width:100%; 
                            position: relative; /* allows repositioning */
                            left: 50%;
                             transform: translate(-50%,0);
                             -webkit-transform: translate(-50%,0);
                             }
 .membrow .lcol .img .star {position:absolute;width:24px;height:23px;min-width:auto;z-index:9999;left:20px;top:10px}                             
 .membrow .lcol .img .face {position:absolute;width:24px;height:23px;min-width:auto;z-index:9999;right:10px;top:10px}                             
                             
    .membrow .lcol div.img a {float:none;margin:0}
    .membrow .lcol a {float:left;margin-right:15px;margin-top:-5px}
    .membrow .rcol { width:45%;float:left;padding-left:4%; }
    .membrow .rcol h2 {padding-left:0px;font-family:"Roboto Condensed";font-weight:normal}
    .membrow .rcol a.yesno {background:#fff;margin-right:5px;border-radius:10px;-webkit-border-radius:10px;line-height:65px;display:inline-block;width:70px;height:70px;border:2px solid #cbcbcb;text-align:center}
    .membrow .rcol a.yesno img {vertical-align:middle}   
    .membrow  a.report {line-height:32px;color:#b5b5b6;text-decoration:none;padding-left:40px; font-size:18px;font-family:"Roboto Condensed";
                                  background:url(images/report.png) no-repeat left center; float:right}
    
    .confirmconnect  {margin-left:150px;margin-top:-150px;position:absolute;display:none;width:288px;height:252px;background:url(images/warning.png);
                      padding:10px 10px 0px  45px;text-align:center}
    .confirmconnect h2 {padding:0px;background:#cbcbcb;border-radius:5px;color:#5c5f61;font-size:28px;
                        font-family"roboto condensed";line-height:40px;text-align:center}                   
          .confirmconnect p {padding-left:0px;font-size:18.5px;line-height:22px;color:#5c5f61;text-align:center;} 
                                  
.starline {line-height:20px;padding-top:10px;padding-bottom:10px;font-size:19px;color:#666666;font-family:"roboto condensed";
          padding-left:33px;background:url(images/star.png) no-repeat left center;
          border-top:2px solid #cbcbcb;clear:both}  
.faceline {line-height:20px;padding-top:10px;padding-bottom:10px;font-size:19px;color:#666666;font-family:"roboto condensed";
          padding-left:33px;background:url(images/face_ico.png) no-repeat left center;
          border-top:2px solid #cbcbcb;clear:both}  
          
.emailline {line-height:40px;font-size:19px;color:#666666;font-family:"roboto condensed";
          padding-left:33px;background:url(images/emailico.png) no-repeat left center;
          border-top:1px solid #cbcbcb;}  
 .emailline span {font-weight:200}        
 

 
 #fancybox-wrap,#fancybox-outer,#fancybox-content {box-sizing:content-box;border-radius:10px;-webkit-border-radius:10px}


#fancybox-outer #fancybox-left, #fancybox-outer #fancybox-right {visibility:visible !important;display:block !important}

#fancybox-left {margin-left:-60px}
#fancybox-right {margin-right:-60px}

 #fancybox-left-ico, #fancybox-right-ico {width:27px;height:56px;margin-top:-30px}
 #fancybox-left-ico {background:url( images/pl.png) no-repeat; left: 20px;}
 #fancybox-right-ico {background:url( images/pr.png) no-repeat; left:auto;right: 20px;}
 
 
 #fancybox-close {display:block;width:58px;height:59px;background:url(images/pc.png) no-repeat;bottom:-30px;right:-20px;top:auto;}
 #fancybox-rotate {cursor:pointer;position:absolute;z-index:99991103;display:block;width:58px;height:59px;background:url(images/rot.png) no-repeat;bottom:-30px;left:-20px;top:auto;}
  #fancybox-dots {position:absolute;width:100%;text-align:center;margin-top:-50px;z-index:99992000}
 a.fbd {border-radius:8px;-webkit-border-radius:8px;display:inline-block;width:16px;height:16px;background:#666;margin:3px; z-index:99992000}
 a.fbd.sel {background:#fff}
 
 a.fblikelogin {display:inline-block;width:94px;height:34px;background:#FF5E74;text-align:center;line-height:34px;color:#fff;text-decoration:none;
      border-radius:4px;-webkit-border-radius:4px;font-size:20px;font-weight:400;letter-spacing:-.5px;margin-bottom:5px}
 
 p.pagination a {color:#000;text-decoration:none;padding:0px 4px}
  p.pagination strong {border:2px solid #ccc;padding:0px 4px}
 

 
@media only screen and (max-width: 762px) {
  #homeic {padding-right:0px}

#homei .yth {position:static;width:100%;margin:0}
#homei .yth iframe {max-width:100%}

div.optionh {width:100% !important}
.upli input[type=submit] {font-size:16px}

.orderd {font-size:14px}
.orderd b {font-size:24px;margin-left:0px;padding-lefT:20px}

     #homei {height:auto !important;}

.imgcompre {display:block;position:static;margin-right:0px !important;max-width:100%;
      top:100% !important;width:100% !important; 
      
 }

.optionh {width:100% !important;float:none;clear:both;margin-bottom:10px;}

#theinfox {max-width:100% !important}

    body.fixeds {padding-top:0px;}
    body.fixeds #slogan {position:static;width:100%;top:0;z-index:99999; -webkit-box-shadow: none; box-shadow: none;}



.formholder .payf label {width:100%;float:none}

.optionfh {padding:0px}

  .panehld {width:90%;padding:0 !important;margin:0 auto;float:none;margin-bottom:20px}
  .formholder   .formcol {width:100%;float:none;display:block;clear:both}
  
  body.profile  #slogan {height:280px !important}
  #slogan div.img {margin-left:15px}
 
 p.onmobile.tb {background:#fff;border-radius:10px 10px 0px 0px;padding-right:15px;margin-top:35px;float:left} 
  
  #slogan .advertarea { position:absolute;top:140px;width:100%;}   
  .slogan-left{display:none}
.slogan-right{display:none}
img.nofloat {float:none !important;margin:0 auto  !important;display:block}

.orderd {max-width:100% !important;line-height:22px;font-size:18px;}
           .onmobile {display:block !important;position:absolute;font-size:24px !important;line-height:50px !important}
  #slogan h4 {clear:both;font-weight:200;color:#fff;padding-bottom:10px;padding-top:3px; 
  font-family:"Raleway"; font-size:21px;line-height:32px; text-align:center }
  .membrow .lcol {width:100%;display:block;float:none;clear:both;padding:15px 0px 15px 0px;margin-right:-55px}
  .membrow .rcol {width:100%;display:block;float:none;clear:both;padding:25px ;padding-bottom:80px; }
  
  #menuc {-webkit-box-shadow: 0 0 10px -5px rgba(0,0,0,,5);
box-shadow: 0 0 10px -5px rgba(0,0,0,,5);z-index:999999;display:none;position:absolute;top:80px;left:5px;background:#333;width:80%}
  #menuc a {width:100%;display:block;float:none;clear:both;line-height:3em;text-align:left;padding-left:2em; color:#FFFFFF}
  #menuc a:hover {background:#000}
  .mnuswitch {text-decoration:none;width:3em;display:block;padding:0px 0px 2px 5px; position:absolute; left:0px;top:0px }
  .mnuswitch span {color:#000;font-size:3em}

 body.homep #slogan h3 {font-size:20px;margin:0}
 body.homep #slogan h4 {font-size:14px}
  body.homep .margins  {padding-left:0px !important;padding-right:0px !important}
.mnuswitch.foot {position:static;display:inline-block;margin:0 auto;background:#777}
 .mnuswitch.foot span {color:#fff} 
 
 .mnuswitch.tabsl {width:6em}
 
 .hldhpai {width:100% !important}
   .hldhpai label {padding-left:0px;padding-right:0px}
    .formcol, .formcol .chk {width:100% !important;padding-right:0px !important}
 img {max-width:100%}
.photoi { padding:0 !important;float:none !important;margin-left:0px !important} 
 .panel p{font-size:18px;line-height:20px;}
 #tinyMCEhp h2, .panel h2 {text-align:center;font-weight:700;font-family:"Raleway";font-size:34px;line-height:32px;margin-bottom:12px}
 #tinyMCEhp p img, .panel p img {float:left;margin-top:-20px;margin-right:10px;margin-left:-20px; }
 
 
  #footer {position:relative}
 #footer .menu {-webkit-box-shadow: 0 0 10px -5px rgba(0,0,0,,5);
box-shadow: 0 0 10px -5px rgba(0,0,0,,5);background:#777;width:80%;margin:0 auto;display:none;    }
  #footer .menu a {display:block;width:100%;color:#fff;float:none;line-height:3em}
  #footer .menu a:hover {background:#000}
  
  .tabs {display:none}
   .formholder .margins.hastabs {border-radius:9px 0px 9px 9px}
   
    .formholder input[type=text],
       .formholder input[type=password], .formholder select 
     {border:1px solid #a1a1a1;border-radius:15px;-webkit-border-radius:15px;
                                           width:100%;height:45px;line-height:40px;  padding-left:10px;padding-right:10px;text-align:left;margin-bottom:5px; font-size:1.7em}
										   
       .nomobile {display:none}
      .membrow .rcol {padding-bottom:25px}
   .mnuswitch.tabsl {background:#fff;color:#777;position:static;display:inline-block;margin:0 auto; float:right;margin-bottom:-2px}
    .mnuswitch.tabsl span {color:#777;font-size:5em;font-weight:bold}
.formholder .ftp {
	width:112px;
	height:165px;
	margin-right:14px;
	margin-top:15px;
	margin-bottom:15px;
	background:#f3f3f3;
	border-radius:10px;
	-webkit-border-radius:10px;
	text-align:center;
	float:left
}
   .formholder div.tabs {width:80%;-webkit-box-shadow: 0 0 10px -5px rgba(0,0,0,,5); box-shadow: 0 0 10px -5px rgba(0,0,0,,5);
   background:#777;right:0;z-index:999999;height:auto;position:absolute;right:12px;margin-top:-10px}
.formholder div.tabs a {border:0;border-radius:0;-webkit-border-radius:0;display:block;margin:0;clear:both;float:none;}
 .formholder label.chk {display:inline-block;font-size:12px;font-weight:300;line-height:15px;}
 .tsbot {text-align:center; margin:0px 5px 0px 5px}
#tinyMCEhp2 img,  .tsbot .tslinks img {border:1px solid black;text-align:center; width:90%}

.confirmconnect { margin-left:-70px;margin-top:-20px;z-index:999999999;
                  background-image:url(images/warning_mobi.png);height:282px;padding-top:40px}
.confirmconnect.confirmemail  {margin-top:0px;}
body.profile #slogan {height:auto !important}
}
 
@media only screen and (max-width: 630px) {
																											
	  .mnuswitch {text-decoration:none;display:block;padding:0px 0px 2px 5px; position:absolute; right:0px;top:0px }																										
	#slogan h3 {font-weight:200;color:#fff;padding-top:38px; font-family:"Raleway"; font-size:33px;line-height:33px; margin-left:35px}																										
																											
																									
                                                  
}