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

p {margin: 0;}

.img-responsive {display: inline-block;}
    
 iframe {max-width: 100% !important;}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
  width: 100% !important;
}

/*a {white-space: pre-wrap; /* css-3 */}*/
a, .btn, button {transition: all 0.3s;}
a, div {word-wrap: break-word;      }

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}

*:focus {
    outline: none !important;   box-shadow:none !important;
}




.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

/* ==========================================
Single-colored icons can be modified like so:
.icon-name {
  font-size: 32px;
  color: red;
}
========================================== */

.icon-search {
  width: 0.9285703003406525em;
}

.icon-paper-plane {
  width: 1.0016748600173742em;
}


.no_padding {padding-right: 0;  padding-left: 0;}
.no_padding_left {padding-left: 0;}
.no_padding_right {padding-right: 0;}



body {font-family: 'Open Sans', sans-serif; font-size: 16px; color: #626262; /* default browser size */  }

.container-fluid {padding-right: 15px !important; padding-left: 15px !important;} /** ??????  ***/


/*** Header ***/

header {position: fixed; width: 100%; top: 0; z-index: 999; background: #fff;}
.my_shadow {box-shadow: 1px 2px 5px #888888; transition: all 0.4s;}
.logo {padding: 10px 0;}
.navbar-nav  {}

.nav-link {color: #23376f; font-weight: bold; font-size: 0.938em; transition: all 0.3s;}
.nav-link:hover {color: #1e4fe5;}

@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {
	    padding-right: 1.3rem;
	    padding-left: 1.3rem;
	}
	header .btn_login {margin-left: 20px;}
}


header .btn_login {background: #011f7a; color: #fff; padding: 5px 30px !important; margin-top: 2px; transition: all 0.3s;}
  header .btn_login:hover {color: #fff; opacity: 0.8;}

header .btn_demo {background: #5b1e3f; color: #fff; padding: 5px 30px !important; margin: 2px 10px 0; transition: all 0.3s;}
  header .btn_demo:hover {color: #fff; opacity: 0.8;}

.hp_top_video {position: relative; background: transparent;}
.xs_hp_top_image {display:none;}

    .hp_top_video .arrow {margin-top: 50px;}
           .hp_top_video .arrow .icon {font-size: 70px; color: #fff; transition: all 0.3s;}
					 .hp_top_video .arrow .icon:hover {color: #0056b3;}

.top_video_text {position: absolute; width: 100%; top: 200px;}
.top_video_text h1 {text-align: center; color: #fff; font-weight: 300; font-size: 4.5rem; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}
.top_video_text h2 {text-align: center; color: #fff; font-weight: 600; font-size: 1.75rem; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1); padding-bottom: 50px;}

  .top_video_text .btn_blue {color: #fff; background: #011f7a; padding: 25px 35px; border-radius: .5rem;}
	.top_video_text .btn_blue:hover {background: #0056b3;}

  .top_video_text .btn_purple {color: #fff; background: #5b1e3f; padding: 25px 35px; border-radius: .5rem; margin-right: 20px;}
	.top_video_text .btn_purple:hover {background: #832C5B;}


.active_menu {color: #2151e5 !important;}




/*** HP ***/

 .hp_main {padding: 40px 0;}

.hp_video_text {width: 100%; text-align: center; color: #fff; top: 40px; position: absolute;}
   .hp_video_text .c {width: 80%; margin: 0 auto;}
      .hp_video_text .c a {color: #fff;}

     .hp_video_text .title1 {font-size: 2.25rem; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);}
     .hp_video_text .title2 {font-size: 4.5rem; line-height: 100%; font-weight: 800; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); margin-bottom: 10px;}
     .hp_video_text .title3 {text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);}
     .hp_video_text .play {font-size: 60px; margin-top: 40px;} 

 .hp_pre_med .btn_buy {background: #011f7a; color: #fff; font-size: 1.25rem; margin-top: 30px; padding: 10px 18px 10px 20px; transition: all 0.3s;}
    .hp_pre_med .btn_buy:hover {background: #0056b3; color: #fff;}

 .hp_pre_med .btn_demo {background: #5b1e3f; color: #fff; font-size: 1.25rem; margin-top: 30px; padding: 10px 18px 10px 20px; transition: all 0.3s; margin-right: 20px;}
    .hp_pre_med .btn_demo:hover {background: #832C5B; color: #fff;}

  .btn_buy .icon {margin-left: 5px; font-size: 25px; padding-bottom: 3px;}
  

	.hp_pre_med_video {padding: 10px 20px;}
	.hp_pre_med_video img {border-bottom: 10px solid #5b1e3f;}
  

	.hp_pre_med {border-left: 1px solid #e0e0e0; padding: 10px 20px 30px 20px;}
  .hp_pre_med h3 {color: #01165a; font-size: 2.5rem; margin-bottom: 0;}
  .hp_pre_med .title1 {color: #1e4fe5; font-weight: bold; padding-bottom: 10px;}
  .hp_pre_med .title2 {color: #01165a; font-weight: bold; font-size: 1.125rem; padding: 35px 0 25px 0;}
	.hp_pre_med .icons img {padding-right: 5px;}
	.hp_pre_med .txt {font-size: 1.125rem; line-height: 180%;text-align: left; margin: 0 50px;}
  
  
  .hp_recommendations {margin: 30px 0 0 0;}
  
  .hp_recommendations .title {color: #01165a; font-size: 2.25rem; margin-bottom: 50px;}

  .container-fluid-custom {margin: 0 auto; max-width: 90%;}

   .hp_recommendations .one_item {border-radius: 10px; padding: 0 40px 30px 40px;
																		-webkit-box-shadow: 5px 5px 30px -12px rgba(0,0,0,0.75);
																		-moz-box-shadow: 5px 5px 30px -12px rgba(0,0,0,0.75);
																		box-shadow: 5px 5px 30px -12px rgba(0,0,0,0.75);}
   
     

   .quote_icon {color: #561E3B; font-size: 50px; margin-bottom: 25px; margin-top: -25px;}

   .hp_recommendations .description {font-style: italic; font-size: 0.938rem; line-height: 175%;}
   .hp_recommendations .name {font-style: italic; font-size: 0.813rem; line-height: 175%;}
   
   .owl-carousel {position: relative;}
   
   .owl-nav {position: absolute; top: 35%; width: 100%;}

	 .owl-carousel.owl-drag .owl-item {padding: 25px 20px 10px 10px;}
   
   button.owl-prev {position: absolute; left: -40px;}
            button.owl-prev span {font-size: 70px; color: #1e4fe5;}
   
   button.owl-next {position: absolute; right: -40px;}
            button.owl-next span {font-size: 70px; color: #1e4fe5;}


/*** Pre med page ****/


.pre_med_page .icons img {padding-right: 5px; width: 70px;}

.pre_med_page h1 {color: #01165a; font-size: 1.938rem; margin-bottom: 0px;}
.pre_med_page .sub_title {color: #1650EF; font-weight: bold; margin-bottom: 25px;}
.pre_med_page .content {font-size: 1.125rem; line-height: 180%;}

 .pre_med_page .btn_demo_pre_med {background: #5b1e3f; color: #fff; font-size: 1.25rem; margin-top: 30px; padding: 10px 18px 10px 20px; transition: all 0.3s; margin-right: 20px;}
 .pre_med_page .btn_demo_pre_med:hover {background: #832C5B; color: #fff;}

 .pre_med_page .btn_buy_pre_med {background: #1e4fe5; color: #fff; font-size: 1.25rem; margin-top: 30px; padding: 10px 18px 10px 20px; transition: all 0.3s;}
 .pre_med_page .btn_buy_pre_med:hover {background: #0a2e99; color: #fff;}
   .pre_med_page .btn_buy_pre_med .icon {margin-left: 5px; font-size: 25px; padding-bottom: 3px;}


.pre_med_page .pre_med_video {padding-top: 90px; padding-left: 90px;}
@media (min-width: 1200px) {
	.pre_med_page .pre_med_video {padding-top: 105px; padding-left: 0;}
}


.pre_med_page iframe {height: 304px;}


@media (min-width: 1200px) {
   .about_main {max-width: 80%; margin: 0 auto;}
}

   .about_main iframe {height: 500px;}
   
   .about_main h1 {font-size: 2.5rem; color: #5A1F3F; text-transform: uppercase; margin: 30px 0;}
   .about_main .description {font-size: 2rem; font-weight: 300; line-height: 140%;}
	 .about_main .line {width: 200px; height: 1px; background: #d8d8d8; margin: 30px auto 40px;}





.recommendations_main h1 {font-size: 2.5rem; color: #5A1F3F; text-transform: uppercase; margin: 30px 0;}

.line {height: 1px; background: #d8d8d8; margin: 0 auto; width: 200px;}

.recommendations_main {margin: 25px  auto 0; }

@media (min-width: 1200px) {
   .recommendations_main {max-width: 80%;}
}

  .recommendations_main .quote_icon {color: #2151e5; margin-top: 0;}
	.recommendations_main .description {font-size: 1.125rem; font-style: italic; line-height: 175%;}
	.recommendations_main .name {font-style: italic; font-size: 1rem; line-height: 175%;}




  /************ FAQ *****************/
 
 .my_tests .tab-content #faq {padding-left: 18px;}

 .faq_header {text-align: center; padding: 30px 0 20px 0; text-align: center; border-bottom: 1px solid #e7eaf0;}
  
   .faq_header ul {width: 650px; margin: 0 auto 20px;}
    .faq_header li {float: left; padding-right: 25px; margin-right: 25px; border-right: 1px solid #d8d8d8;}
      .faq_header li:last-child {border-right: none; padding-right: 0; margin-right: 0;}
 
     .faq_header li a {font-size: 18px; color: #2151e5;}
         .faq_header li a:hover {text-decoration: none;}
     .faq_header li a.current {font-size: 18px; color: #5B1E40; text-decoration: none; font-weight: bold;}
 
   .search_faq_container {width: 360px; margin: 20px auto;}
     
     .search_faq_input {display: inline-block; padding: 10px 20px; height: auto;}
          .faq_header .input-group-text {color: #fff; background: #2151e5; cursor: pointer; border: none;}

   #search_faq_btn .icon-search {font-size: 25px;}

	 .search_faq_container .help {font-weight: 600; font-size: 0.875rem; padding-top: 5px;}
	 .search_faq_container .help a {color: #2151e5; font-style: italic;}
	 .search_faq_container .help a:hover {text-decoration: none;}
  
  
    
    .show_answer {cursor: pointer;}
       
   .the_faq {padding: 0 50px;}
    .the_faq h3 {margin: 40px 0 20px 20px; color: #5B1E40; font-size: 1.25rem; font-weight: bold; padding-top: 10px;}
    
    .the_faq .q {margin: 0 0 0 20px; border-bottom: 1px solid #F6F7FB;}
       .the_faq .q div {padding: 5px 0 5px 0; margin: 10px 0 0 0;}
       .the_faq .q .show_answer {cursor: pointer;}
       .the_faq .q .show_answer .show_answer_icon {font-size: 30px; color: #444444; line-height: 25px;}
        
        .the_faq .q .title {font-size: 1.125em; padding-left: 10px; line-height: 150%;}
       .shown_faq {color: #5770B3; font-weight: bold;}
       .open {background: #F6F7FB;}
          
       .the_faq .show_answer,  .the_faq .show_answer_empty {width: 5% !important;}
       .the_faq .answer {font-size: 1.125em; line-height: 150%; padding: 20px 0 20px 10px; margin: 0 0 0 20px; display: none;}
        
        .highlight {
          background-color: #FFFF88;
        }
          
     .the_faq .myitem {background: #fff;}
     .answer {background: #F6F7FB;}
     .icon-plus {color: #2251E7;}
     .faq_active {color: #2251E7;}
     .gray_bg {background: #F6F7FB !important;}



/*** Regular page ***/

.regular_page h1, .packages_page h1, .checkout_page h1, .faq_page h1, .contact_container h1 {font-size: 2.5rem; color: #5A1F3F; text-transform: uppercase; margin: 30px 0;}

.regular_page_content {margin-top: 30px; font-size: 1.125rem; line-height: 180%; min-height: 300px}


/**** Contact ****/

.contact_container {min-height: 895px; padding: 70px 0; background: url(../images/contact_bg.jpg) center top; background-repeat: no-repeat; background-position: center top;}

  .contact_page footer {margin-top: 0;}

.contact_page h1 {color: #5A1F3F;}
.email_line {color: #2151e5; font-style: italic; margin-top: 15px; display: inline-block; transition: all 0.3s;}
.email_line:hover {text-decoration: none;}

.contact_container .content {margin: 0px auto; width: 500px; background: #fff; padding: 30px 0 30px 0; border-radius: 5px;}


.frm_contact {margin: 0 auto; width: 80%; margin-top: 25px;}

.frm_contact .form-control {border-top: none; border-right: none; border-left: none; border-radius: 0;}

.frm_contact textarea {height: 100px; resize: none;}

.frm_contact .btn_send {background: #2151e5; color: #fff; transition: all 0.3s;}
   .frm_contact .btn_send:hover {background: #007bff; color: #fff;}


.form-error {font-size: 0.813rem; color: #c63335; padding-left: 12px;}



/*** Packages page ***/

.packages_page .course_header {padding: 30px 0 15px 0; background: #f5f7fa; border-top-left-radius: 5px; border-top-right-radius: 5px;}

.packages_page .course_header img {border-radius: 50%; border: 5px solid #fff; width: 150px;}

.packages_page .course_header .combo_logos img {width: 100px; margin-right: 5px;}

   .course_header h2 {color: #2151e5; font-size: 1.625rem; font-weight: 600; margin-top: 25px;}

.packages_page  .packages_list {background: #d4dce8; padding: 15px 0 5px 0;}

	.packages_page  .packages_list .content {margin: 0 auto; width: 80%;}

		.packages_page  .packages_list .content .one_item {border-bottom: 1px solid #fff; padding: 10px 0 0 30px;}
		   .packages_page  .packages_list .content .one_item:last-child {border-bottom: none;}

               	.packages_page  .packages_list .content .one_item .package_details {color: #23376f; font-size: 1.125rem;}
               	.packages_page .packages_list .content .one_item .package_details .price {padding-left: 10px; font-size: 1.25rem; font-style: italic;}
               	
               	.package_details {min-height: 55px; padding-top: 2px; padding-left: 30px;}

                .packages_page .discount {font-size: 0.875rem; font-style: italic;}
                
                /*** Radio buttons ***/
                .one_item input[type="radio"] {display: none;}
                
                 .one_item   input[type="radio"] + label {
					    display: inline-block; position: relative;
					    width: 27px; margin-top: 4px;
					    height: 27px;
					    vertical-align: middle;
					    border: 2px solid #2454E6;
					    cursor: pointer; border-radius: 50%;
					}
				 .one_item input[type="radio"]:checked + label span {
				        position: absolute; top: 4px; left: 4px;
				        height: 15px; width: 15px; border-radius: 55%;
				        background: #1B4DEA;
				 }


  .packages_page .btn_clear {color: #626e81; font-size: 0.813rem; background: #fafafb; border: 1px solid #e7e7e7;}



  .packages_page .coupons {margin: 5px auto 25px; width: 300px;}

	.packages_page .coupons .coupon_check {padding: 10px 20px; height: auto;}
  
     .check_button {cursor: pointer; transition: all 0.3s;}

  
   .packages_page .input-group-text {color: #fff; background: #2151e5; border: none; font-weight: bold; padding: 0 15px;}


   .btn_continue {background: #01165a; color: #fff; font-weight: bold; padding: 13px 60px; transition: all 0.3s;}
      .btn_continue:hover {background: #0056b3; color: #fff;}


  .strike {text-decoration: line-through;}



/***  Registration  ***/

.registration_page .frm_register {border-right: 1px solid #e0e0e0; padding-right: 100px;}
.registration_page .frm_register .form-error {padding-left: 35px;}
.registration_page .frm_register .gender {font-size: 0.938rem; margin-left: 20px;}
.registration_page .frm_register .gender .form-check-input {margin-left: 20px; width: 20px; height: 1.2em;}

.registration_page .frm_login .message {font-size: 0.875rem; color: #c63335; font-weight: 600; padding-top: 10px;}

.registration_page .form-control {padding: 10px 20px; height: auto; font-size: 0.938rem;}

.registration_page .form_container_right {padding-left: 80px;}

.registration_page h2 {color: #5A1F3F; margin-bottom: 0; }


.forgot_password {color: #2151e5; font-size: 0.875rem; font-weight: 600; cursor: pointer;}
.btn_snd_forgot {color: #fff; background: #99ABE9; padding: 9px 0;}
   .btn_snd_forgot:hover {opacity: 0.8;}

.registration_page .action {font-weight: bold; color: #2151e5; margin-bottom: 25px;}



.btn_registration {background: #01165a; color: #fff; font-weight: bold; padding: 13px 60px; transition: all 0.3s;}
   .btn_registration:hover {background: #0056b3; color: #fff;}



/**** Checkout ****/

.checkout_page {}

@media (min-width: 1200px) {
  .checkout_container {margin: 40px auto 0; width: 70%; min-height: 650px;}
}

.checkout_container .line {border-top: 2px solid #f5f7fa; width: 100%; margin: 30px auto 10px;}

.checkout_container .header {background: #f5f7fa; color: #626262; font-weight: 600; font-size: 1.125rem; padding: 13px 0; border-radius: 5px;}

  .checkout_container .header .package {padding-left: 30px;}


.checkout_one_item {margin: 15px 0;}

.checkout_one_item img {width: 52px;}

   .plan, .total_product {padding-top: 10px;}
   .plan {color: #23376f; font-size: 1.125rem;}
	 .plan .price {font-style: italic; padding-left: 10px;}
   .total_product {color: #2151e5; font-weight: bold; font-size: 1.125rem; font-style: italic;}

.checkout_container .course_name {color: #2151e5; font-size: 1.125rem; font-weight: 600; padding-left: 10px;}

.total_title {font-size: 1.25rem; font-weight: 600;}

.total_price {font-size: 1.375rem; font-weight: 600; color: #c63335; font-style: italic;}


.pay_btn_container {margin-top: 70px;}


.red {font-size: 0.875rem; color: #c63335; font-weight: bold; font-style: italic;}

.btn_pay {background: #01165a; color: #fff; font-weight: bold; font-style: italic; height: 60px;}
	.btn_pay:hover {background: #0056b3; color: #fff;}


















footer {margin-top: 70px; color: #fff;  background: #011f7a; padding: 45px 0;
             border-bottom: 1px solid #0a2e99; font-size: 0.938rem; line-height: 200%;
           }

footer a {color: #c1cdf8; font-size: 0.938rem;}
  footer a:hover {color: #fff; text-decoration: none;}

footer a.link {display: block;}

footer .btn_demo {background: #5b1e3f; color: #fff; padding: 5px 30px !important; margin-top: 2px; transition: all 0.3s;}
footer .btn_login {background: #092E99; color: #fff; padding: 5px 30px !important; margin-top: 2px; transition: all 0.3s;}

 .form-control.news_email {background: #092E99; color: #fff; font-size: 0.938rem; margin-top: 10px; padding: 12px; height: auto; border: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
   .form-control.news_email::-webkit-input-placeholder { color: #fff; }
   .form-control.news_email:-moz-placeholder { color: #fff; }
   .form-control.news_email::-moz-placeholder { color: #fff; }
   .form-control.news_email:-ms-input-placeholder { color: #fff; }
   
  footer .input-group-text {background: #1e4fe5; color: #fff; font-size: 20px; border: none; cursor: pointer; margin-top: 10px; transition: all 0.3s; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
	footer .input-group-text:hover {background: #092E99;}

  footer .social {margin-top: 25px;}

    footer .social .icon {color: #c1cdf8; font-size: 35px; transition: all 0.5s; margin-left: 3px;}
         footer .social .icon:hover {transform: rotate(25deg); color: #fff;}


.credit {background: #011f7a; color: #fff; font-size: 0.75rem; padding: 10px 0;}








/*** Media Queries ***/


@media screen and (max-width: 1400px) {
	
.packages_page .course_header {padding: 20px 0 10px 0;}

.packages_page .course_header img {width: 75px;}

.course_header h2 {margin-top: 10px;}

.packages_page h1 {margin: 0;}

.packages_page  .packages_list {padding: 0 0 5px 0;}
	
}



@media screen and (max-width: 1300px) {
	
	.top_video_text h1 {font-size: 3.5rem;}

	.hp_video_text {top: 20px;}
  .hp_video_text .title1 {font-size: 2rem;}
  .hp_video_text .title2 {font-size: 4rem;}
  .hp_video_text .play {font-size: 50px; margin-top: 40px;} 

	.hp_pre_med .txt {margin: 0 10px;}
	
}



@media screen and (max-width: 1200px) {
	
	.about_main iframe {height: 523px;}

	.pre_med_page iframe {height: 203px;}
	.pre_med_page .title_xs {padding: 0;}
	.pre_med_page h1 {font-size: 1.75rem;}
	.pre_med_page .icons img {width: 55px;}

	.course_header h2 {font-size: 1.5rem;}

	.checkout_container {margin: 40px auto 0;}
	
}



@media screen and (max-width: 1100px) {
	
	.navbar-expand-lg .navbar-nav .nav-link {
	    padding-right: 1rem;
	    padding-left: 1rem;
	}
	.nav-link {font-size: 0.875em;}

	.top_video_text {top: 150px;}
	.top_video_text h1 {font-size: 3rem;}
	.top_video_text h2 {font-size: 1.25rem;}

	.hp_video_text .c {width: 90%;}
  .hp_video_text .title1 {font-size: 1.5rem;}
  .hp_video_text .title2 {font-size: 3rem;}
  .hp_video_text .play {font-size: 50px; margin-top: 30px;} 

}



@media screen and (max-width: 992px) {
	
	.navbar-expand-lg .navbar-nav .nav-link {
	    padding-right: 0;
	    padding-left: 0;
	}
	.nav-link {font-size: 1.125em;}

	.menu_icon {font-size: 30px; color: #011f7a; position: absolute; top: -10px; right: 5px;}
	#close_menu {right: 8px;}

	header .btn_login, header .btn_demo {margin: 10px 0;}

	.hp_pre_med_video {padding: 0;}
	.hp_pre_med {border-left: none; padding: 0 0 40px 0;}
	.hp_top_video .arrow {display: none;}

	.hp_video_text {top: 50px;}

	.hp_pre_med .txt {margin: 0 25px;}

	.about_main iframe {height: 388px;}

	.pre_med_page iframe {height: 338px;}
	.pre_med_page .title_xs {padding-left: 0;}
	.pre_med_page h1 {padding-top: 15px;}
	.pre_med_page .icons img {width: 70px;}

	/** Packages **/
	.registration_page .frm_register {border-right: none; padding-right: 0px;}
	.registration_page .form_container_right {padding-left: 0px;}
	.registration_page h2 {margin-top: 30px;}

	.packages_page .course_header {padding: 20px 0 10px 0; margin-top: 40px;}
	.course_header h2 {font-size: 1.625rem; margin-top: 5px;}
	.packages_page .coupons {margin: 35px auto 50px;}


	footer a.link {display: inline-block; margin-right: 20px;}
	footer .logo_footer {padding-top: 15px;}
	
}



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

	.regular_page_content {min-height: initial}
	
	/** HP **/
	
	.hp_top_video {height: 300px; background: url(../images/hp_image.jpg) center top; background-repeat: no-repeat; background-position: center top;}
	
	.top_video_text {top: 30px;}
	.top_video_text h1 {font-size: 2.5rem;}
	.top_video_text h2 {font-size: 1rem; padding-bottom: 25px;}
	.top_video_text .btn_blue {padding: 15px 25px;}
	.top_video_text .btn_purple {padding: 15px 25px; margin-bottom: 15px; margin-right: auto;}
	
		

     button.owl-prev {left: -10px;}
            button.owl-prev span {font-size: 70px; color: #1e4fe5;}
   
     button.owl-next {right: -10px;}
            button.owl-next span {font-size: 70px; color: #1e4fe5;}
	
	
	.graph_image {max-width: 95%;}

	.hp_recommendations .title {font-size: 2rem;}
	
	
	/**  pre med page **/
	.pre_med_page .sub_title {margin-bottom: 10px;}
	.btn_demo_pre_med {width: 100%;}
	.btn_buy_pre_med {width: 100%;}
	.pre_med_page .pre_med_video {padding-top: 50px;  padding-left: 0px;}
	
	
	/** recommendations **/
	.recommendations_main h1 { font-size: 2.0rem;}
	
	
	/** faq **/
	.faq_header ul {/*max-width: 100%; width: auto;*/ display: none;}
	.faq_header li {
      float: none;   padding-right: 0px; margin-right: 0px;
      border-right: none;
    }
    .search_faq_container {
       max-width: 90%; width: auto;    
    }

	.the_faq {padding: 0;}
	.the_faq .q {margin: 0;}
	.the_faq .q .title {font-size: 1em;}
	.the_faq .answer {font-size: 1em; margin: 0;}
	
	
	/** contact **/
	.contact_container .content {width: 85%; background: #fff;  padding: 30px 0 30px 0; border-radius: 5px;}
	.frm_contact {width: 85%;}
	
	.frm_login .xs_user_email {padding-right: 0;}
	
}

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

		.about_main iframe {height: 288px;}

		.pre_med_page iframe {height: 287px;}

}


@media screen and (max-width: 640px) {
	
	
}
    
    
@media screen and (max-width: 520px) {
	
	.top_video_text h1 {font-size: 2rem; font-weight: 400;}
	.top_video_text h2 {font-size: 1.25rem;}

	.hp_video_text {top: 20px;}
  .hp_video_text .title1 {font-size: 1.25rem;}
  .hp_video_text .title2 {font-size: 2rem;}
  .hp_video_text .play {font-size: 40px; margin-top: 15px;} 

	.hp_pre_med h3 {font-size: 2rem;}
	.hp_pre_med .title2 {padding: 20px 0 10px 0;}
	.hp_pre_med .txt {margin: 0 15px;}

	.hp_main {padding: 40px 0 60px 0;}
	.hp_recommendations .title {font-size: 1.75rem; padding: 0 40px; margin-bottom: 30px;}

	.owl-carousel.owl-drag .owl-item {padding: 25px 30px 20px 20px;}

	footer {padding: 25px 0 15px 0;}
	.logo_footer img {width: 60%;}

	.about_main iframe {height: 200px;}
	.about_main h1 {font-size: 2rem;}
	.about_main .description {font-size: 1.5rem;}

	.regular_page h1, .packages_page h1, .checkout_page h1, .faq_page h1, .contact_container h1 {font-size: 2rem;}

	.pre_med_page iframe {height: 200px;}
	.pre_med_page h1 {padding-top: 10px;}

	.plan {padding: 0;}
	.total_title {padding: 0;}
	.pay_btn_container {margin-top: 10px;}
	
}


/*** 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;
    }
}