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

@import 'opensans.css';


body {padding-top: 50px; padding-bottom: 25px;}

@media screen and (min-width: 1200px) {
    .landing_page .right_col_container {margin: 0 90px 0 0;}
}

iframe {margin-top: 50px; height: 394px;}


 .landing_page .left_col_container {margin: 0 auto; max-width: 500px;}

.landing_page .title1 {font-weight: bold; font-size: 1.5rem; margin-bottom: 10px;}

.landing_page .title_blue {background: #019ef3; color: #fff; padding: 5px 0 5px 0; font-size: 1.5rem;}

.landing_page .bullets li {margin: 10px 0; padding-right: 30px; background: url(/images/landing/bb.png) no-repeat top right;                                   
                                    font-size: 1.2rem; line-height: 23px;
                                  }

.landing_page .line {height: 3px; background: #000; margin: 20px 0 10px 0;}

.landing_page .form_title {text-align: center; font-size: 1.3rem; margin-bottom: 10px;}

.landing_page .btn_send {color: #fff; border-radius: 0;  background: #019ef3;  padding: 5px 0 5px 0; font-size: 1.5rem; transition: all 0.3s;}
   .landing_page .btn_send:hover {opacity: 0.8;}


.landing_page .call_now a {font-weight: bold; font-size: 1.5rem; color: #000;}
   .landing_page .call_now a:hover {color: #000; text-decoration: none; opacity: 0.8;}


.whatsup {display:none;}

.logo_xs {display:none;}
.logo_lg {display:block; margin: 0 auto;}


.btn_trial {border-radius: 0; padding-top: 10px; padding-bottom: 10px; font-weight: bold; margin-top: 10px; 
               background: #E4472D; color: #fff; margin-top: 20px; transition: all 0.3s;}
 .btn_trial:hover {color: #fff; opacity: 0.8;}

.landing_main_register {margin: 0 auto 0 auto; width: 600px;}


  .create_account_header {color: #fff; background: #019EF3; text-align: center; padding: 10px 0 10px 0;
                                        font-weight: bold; font-size: 2rem; margin: 15px 0;
                                      }
                    
  .frm_register {margin: 15px 0 15px 0;}                  
  .frm_register label {font-weight: bold;}              
  
  .frm_register .btn_register {background: #CC0202; color: #fff;} 
     .frm_register .btn_register:hover {opacity: 0.8; color: #fff;}
 
 .error, .validation_error {
		border: 1px dotted gray;width: 100%;margin:0px 0px 6px 10px;background-color: #FBF6CE;
		font-size: 0.9rem;padding: 6px;color: red;margin: 0 0px 0 0 ;
  }


 .takanon {width: 20px; height: 20px; }
   .takanon + label {padding-right: 10px; padding-top: 4px;}


.popup-youtube, .mylink {font-size: 13px; color: #000099;}











/*** Media Queries ***/

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



@media screen and (max-width: 800px) {
	
  	iframe {margin-top: 40px; height: 300px;}
  	  	
   .whatsup {display:block; margin-top: 15px;}
   
   .btn_whatsup {background: #1cb39b; color: #fff; border-radius: 0; padding: 5px 0 5px 0; font-size: 1.5rem;}
     .btn_whatsup i {display: inline-block; vertical-align: middle; font-size: 28px;}
     
     
     .logo_lg {display:none;}
     .logo_xs {display:block;  margin: 0 auto 10px;}
     
     
     .landing_main_register {margin: 0 auto 0 auto; width: 90%;}
     
   
                                      
	
}

@media (max-width: 767px){
    .table-responsive {
      direction: ltr;
    }
    /*.table {direction: rtl !important;}	*/
}


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


/*** 5 columns
***************************************************/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20%;
    /*float: right;*/
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
       /* float: right;*/
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
       /* float: right;*/
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        /*float: right;*/
    }
}