body 
{
    font-size:95%;
    font-family: 'Open Sans', sans-serif;
    
}


html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

/**** 
     ---- IE TWEEKS ----
                        ****/
a img {
    border: 0;
}
a:active{
    background-color: transparent;
}
/**** 
     ---- IE TWEEKS END ----
                             ****/
                             
                             
h1 { font-weight:600; }
h2, h3, h4 { font-weight:200; }   


.asset_styling { width:100%; max-width:250px; float:left; padding:0px 20px 20px 20px; }                          
.asset_styling_right { width:100%; max-width:250px; float:right; padding:20px 0px 20px 20px; }                             
                             
.website_container 
{
    width:100%;
    max-width:1370px;
    position:relative;
    margin:0 auto;
    min-width:370px;
}

.home_image_container 
{
    width:100%;
    max-width:1370px;
    position:relative;
    margin:0 auto;
    background-image:url('../img/bottom_image.png');
    background-size: cover;
    -moz-background-size: cover;  /* Firefox 3.6 */
    background-position: center;  /* Internet Explorer 7/8 */
    padding-top:35.19%;
    max-height:300px;
}

.content_image_container 
{
    width: 100%;
    max-width: 1370px;
    position: relative;
    margin: 0 auto;
    background-size: cover;
    -moz-background-size: cover;
    background-position: center;
    /* padding-top: 19.19%; */
    overflow: inherit;
    height: 365px;
    /* float: left; */
    background-size: cover;
    background-position: 0px;
    /* background-size: initial; */
    /*max-height: 300px;*/
}


.website_container_full
{
    width:100%;
    position:relative;
    float:left;
    margin-top:20px;
    padding:20px 0px;
}

.inner_container 
{
    width:96%;
    margin:0 auto;
    position:relative;
    color:#2F4051;
}

.full_width 
{
    width:100%;
    margin:0 auto;
    position:relative;
}

.text_blue 
{
 color:#3B95D0;   
}

.text_turq 
{
 color:#2DC1A7;   
}


#header { margin:20px 0px; }
.header_left { width:50%; position:relative; float:left; }
.header_right { width:50%; position:relative; float:left; }
.header_left_logo { width:60%; float:left; position:relative; }
.header_left_logo img { width:100%; max-width:320px; }
.header_left_contact { width:30%; float:left; position:relative; padding:5px 0px; max-width:178px; border:1px solid #eee; }
.header_left_contact p { font-size:14px; width:90%; margin:0 auto; text-align:center; }
.header_right_top_left { float:left; position:relative; width:70%; }
.header_right_top_left img { width:100%; }
.header_right_top_right { float:right; position:relative; width:30%; }
.header_right_bottom { clear:right; float:left; width:100%; margin-top:10px; }

.free_trial_button 
{
    background-image:url('../img/free_trial_button_small.png');
    width:130px;
    height:40px;
    background-size: contain;
    background-repeat:no-repeat;
    float:right;
    line-height:36px;
    cursor:pointer;
    color:#fff;
    font-size:17px;
    text-align:center;
    font-weight:600;
    text-shadow: 1px 0px 1px #000;
    -webkit-text-shadow: 1px 0px 1px #000;
    -moz-text-shadow: 1px 0px 1px #000;
    text-transform:uppercase;
}

.menu ul { margin: 0px; padding: 0; list-style-type: none; width:100%;/* padding: 5px 1%; background-color: #eee;*/ }
.menu ul li { display:inline; margin-right:14px; position:relative;}
.menu .menu_bold { text-transform:uppercase; color:#2DC1A7; font-weight:800; }
.menu .menu_last { margin-right:0px; }
.menu a { text-decoration:none; color:inherit; }
.active { border-bottom:1px solid #3B95D0; }
.menu ul li:hover a { border-bottom:0px solid #3B95D0; color:#3B95D0; }
.menu ul ul { display:none; position:absolute; width:220px; background-color:#eee;left:0px; top:20px; z-index:1000; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; }
.menu ul ul li { display:block; width:200px;     border-bottom: 1px solid rgba(0,0,0,0.1);  padding:10px; font-size:13px; }
.menu ul ul a { border-bottom:0px !important; }
.menu ul li:hover ul { display:block; }


.video_banner_left { width:55%; float:left; position:relative; }
.video_banner_left h1 { font-weight: 400; font-size: 36px; }
.video_banner_right { width:40%; float:right; position:relative; }

.free_trial_large 
{
    background-image:url('../img/free_trial_button.png');
    max-width:423px;
    width:100%;
    height:122px;
    background-size: contain;
    background-repeat:no-repeat;
    float:left;
    cursor:pointer;
    color:#fff;
    font-size:38px;
    text-align:center;
    font-weight:400;
    text-shadow: 1px 1px 2px #000;
    -webkit-text-shadow: 1px 1px 2px #000;
    -moz-text-shadow: 1px 1px 2px #000;
}

.free_trial_long
{
    background-image:url('../img/large_button.png');
    width:100%;
    height:122px;
    background-size: contain;
    background-repeat:no-repeat;
    float:left;
    cursor:pointer;
    color:#fff;
    font-size:36px;
    text-align:center;
    font-weight:400;
    margin-top:20px;
    text-shadow: 1px 1px 2px #000;
    -webkit-text-shadow: 1px 1px 2px #000;
    -moz-text-shadow: 1px 1px 2px #000;
}

.free_trial_long a { text-decoration:none; color:#fff !important; }

.free_trial_mid
{
    background-image:url('../img/medium_button.png');
    width:100%;
    background-size: contain;
    background-repeat:no-repeat;
    float:left;
    height:50px;
    cursor:pointer;
    color:#fff;
    font-size:22px;
    text-align:center;
    font-weight:400;
    margin:10px auto;
    text-shadow: 1px 1px 2px #000;
    -webkit-text-shadow: 1px 1px 2px #000;
    -moz-text-shadow: 1px 1px 2px #000;
    text-decoration:none;
}

.content_left_main { width:65%; float:left; position:relative; }
.content_left_main hr { box-shadow: inset 0px 12px 17px 0px rgba(211,211,211,0.4);
    padding: 0px 1px;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));}
.content_block { width:100%; float:left; position:relative; }
.content_left { width:100%; float:left; }
.home_testimonial { width:31%; float:left; margin-right:2%; }
.content_left_contact { width:35%; float:left; position:relative; }
.content_left_map { width:60%; float:right; position:relative; }
.content_left_contact h3 { font-size:18px; font-weight:600; color:#4B9282; text-transform:uppercase; }

.home_steps { width:31%; float:left; margin-right:2%; text-align:center; }
.home_steps h3 { font-size:30px; margin:5px 0px; font-weight:600; color:#3B95D0; }

.content_right { width:30%; float:right; position:relative; }
.content_right_contact { width:100%; float:right; position:relative; background-color:#E9F2F0; min-height:200px; }
.content_right_contact img { width:100%; height:auto; }
.content_right_inner { width:80%; margin: 0 auto; }
.content_right_inner h2 { font-size:35px; }
.content_right_inner h3 { font-size:24px; font-weight:600; }
.content_right_inner ul li a { text-decoration:none; margin-left:10px; color:inherit; }
.content_right_inner ul li { margin-bottom: 5px; }
.content_right_courses ul { list-style-image: url('../img/bullet.png'); } 
.content_right_courses ul li:hover { list-style-image: url('../img/bullet3.png'); color:#FF5960; }
.content_left_main ul { list-style-image: url('../img/bullet.png'); }
.content_right_inner ul li  
{ } 

.about_price_text { float:left; width:55%; position:relative; }
.about_price_image { float:left; width:45%; position:relative; }

.content_right_courses { width:100%; float:right; position:relative; background-color:#EFF8FF; min-height:200px; padding-bottom:15px; }

.content_left_main h2, .content_third h2 {
 color:#3795D3;
 font-weight:600;
 font-size:26px;
}
.content_steps { position:relative; border-left:2px solid #3795D3; margin:0px; font-weight:100 !important;  padding-left:20px; max-width:90%; }


.arrow_right 
{
    display:none;
	position: absolute;
    margin: auto;
    top: 8px;
    right: -20px;
    width: 39px;
    height: 39px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    border-right: 1px solid #3795D3;
    border-bottom: 1px solid #3795D3;
}

.content_third { width:30%; float:left; margin:10px 1.5% 20px 1.5%; position:relative; }

.content_left_main h3, .content_third h3
{
     font-weight:600;
     color:#4F8F81;
}

.content_left_main ul li, .content_third ul li
{
    margin-bottom: 3px;
}
.content_left_main a, .content_third a
{
    color:#3795D3;
    
}

.content_full_width ul { list-style-image: url('../img/bullet.png'); }
.content_full_width h2 {
 color:#3795D3;
 font-weight:600;
 font-size:26px;
}

.content_full_width h3
{
     font-weight:600;
     color:#4F8F81;
}

.content_full_width ul li 
{
    margin-bottom: 3px;
}
.content_full_width a
{
    color:#3795D3;
    
}

.content_service { width:20%; margin:20px 2.5%; float:left; position:relative; text-align:center; height:190px; }
.content_service_img img { width:111px; }
.content_service_more {     border: 1px solid rgba(55,149,211,0.2);
    /* margin-top: 10px; */
    width: 100px;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 10px auto;
    text-decoration: none;
    transition: all 0.5s ease;
     }

.content_service_text a { text-decoration:none; }
.content_service_more:hover { border-color:#2DC1A7; background-color:#2DC1A7; color:#fff !important; }
.content_service_more:hover a {color:#fff !important; }


.form_button 
{
     border: 1px solid rgba(55,149,211,0.2);
    /* margin-top: 10px; */
    padding: 10px 20px;
    border-radius: 5px;
    margin: 10px auto;
    text-decoration: none;
    float:right;
    color:#fff;
    transition: all 0.5s ease;
    border-color:#2DC1A7; background-color:#2DC1A7; color:#fff !important;
}

.update_button 
{
     border: 1px solid rgba(55,149,211,0.2);
    /* margin-top: 10px; */
    padding: 5px 10px;
    border-radius: 5px;
    margin: 10px auto;
    text-decoration: none;
    color:#fff;
    font:11px;
    transition: all 0.5s ease;
    border-color:#2DC1A7; background-color:#2DC1A7; color:#fff !important;
}

.form_button2 
{
     border: 1px solid rgba(55,149,211,0.2);
    /* margin-top: 10px; */
    padding: 10px 20px;
    border-radius: 5px;
    margin: 10px auto;
    text-decoration: none;
    float:right;
    color:#fff;
    transition: all 0.5s ease;
    border-color: rgb(211,211,211);
    background-color: rgb(211,211,211); color:#fff !important;
}

.validate { font-size:12px; color:red; text-transform:none; }

.form_button a { text-decoration:none; }
.form_button:hover { border-color:#2DC1A7; background-color:#2DC1A7; color:#fff !important; }
.form_button:hover a {color:#fff !important; }

/** CONTACT FORM **/
.contact_form 
{
}
.contact_form input[type="text"] { color:#2F4051; font-family: 'Open Sans', sans-serif; padding:5px; border:1px solid rgba(211,211,211,0.8); width:calc(100% - 10px); -moz-width:calc(100% - 10px); -webkit-width:calc(100% - 10px); max-width:400px; }
.contact_form input[type="password"] { color:#2F4051; font-family: 'Open Sans', sans-serif; padding:5px; border:1px solid rgba(211,211,211,0.8); width:calc(100% - 10px); -moz-width:calc(100% - 10px); -webkit-width:calc(100% - 10px); max-width:400px; }
.contact_form input:focus { }
.contact_form select { color:#2F4051; font-family: 'Open Sans', sans-serif; text-transform:uppercase; padding:5px; border:1px solid rgba(211,211,211,0.8); width:calc(100% - 10px); -moz-width:calc(100% - 10px); -webkit-width:calc(100% - 10px); max-width:400px; }

@media screen and (-webkit-min-device-pixel-ratio:0) { 

    /* Safari only override */
    ::i-block-chrome,.contact_form select{
     -webkit-appearance: none;
    -webkit-border-radius: 0px
    }
}

  
.contact_form select:focus {}
.contact_form textarea { color:#2F4051; font-family: 'Open Sans', sans-serif; padding:5px; border:1px solid rgba(211,211,211,0.8); width:calc(100% - 10px); -moz-width:calc(100% - 10px); -webkit-width:calc(100% - 10px); max-width:400px; }
.contact_form textarea:focus {}

.check_box { font-size:13px; }
.check_box label { padding-left: 15px; }
.check_box input[type="checkbox"] { vertical-align: bottom; width: 20px; height: 13px; padding: 0; margin: 0px 0px 1px 0px; }

.check_box2 { font-size:13px; margin-left:3px; margin-bottom:3px; }
.check_box2 label { padding-left: 15px; }
.check_box2 input[type="checkbox"] { vertical-align: bottom; width: 20px; height: 13px; padding: 0; margin: 0px 0px 1px 0px; }


.contact_form dl { float:left; position:relative; width:100%; margin:0px 0px 5px 0px; text-transform:uppercase;  }
.contact_form dt { float:left; position:relative; width:calc(30% - 10px); -moz-width:calc(30% - 10px); -webkit-width:calc(30% - 10px); font-size:13px; padding:5px; }
.contact_form label { }
.contact_form dd { position:relative; width:65%; float:right; margin:0px; }
.contact_form dd p { margin:0px; padding:5px; }

.content_right_question { width:60px; height:60px; text-align:center; float:left; position:relative; border-radius:30px; background-color:#8ED5C6; }
.content_right_question span { color:#fff; line-height:60px; font-size:50px; font-weight:bold; }
.content_right_bottom { position:relative; float:left; margin-top:10px; }
.content_right_bottom p { font-weight:600; font-size:14px; }

.home_courses p { font-weight:600; width: 90%; margin: 10px auto; }
.courses_left { width:65%; float:left; position:relative; }
.courses_right { width:30%; float:right; }

.home_courses_images { width:100%; float:left; }
.home_courses_images a { text-decoration:none; color:#2F4051; }
.courses_image_holder { width:15%; float:left; margin:10px 0.83%; text-align:center; height:180px; }
.courses_image_holder img { width:111px; }


.courses_right .free_trial_large 
{
    
    font-size:36px;
}

.course_content { width:100%; float:left; position:relative; margin-bottom:20px; }
.course_content table { border-collapse: collapse; background: #E2F6F2; width:100%; border: 1px solid rgba(211,211,211,0.8); box-shadow: 1px 1px 4px 1px rgba(211,211,211,0.5); min-width:500px;  }
.course_content table th { padding:8px 5px; border-bottom:1px solid;     background-color: #4F8F81; color:#fff;  }
.course_content ul { list-style-type: square; float: left; width:calc(50% - 40px); width:-webkit-calc(50% - 40px); width:-moz-calc(50% - 40px); width:-o-calc(50% - 40px);}


.home_image_overlay { position:absolute; width:100%; bottom:0; background-color:rgba(0,0,0,0.5); text-align:center; padding:30px 0px; }

.home_image_overlay h2 {
color:#C0EFE6;
font-size:50px;
margin:10px 0px;
}

.home_image_overlay p { color:#fff; font-size:22px; width:80%; max-width:700px; margin:0 auto; }
.home_image_overlay span { color:#C0EFE6; }

.footer_top { min-height:300px; padding:30px 0px; overflow:auto; }
.footer_top h3 {
    color:#00B494;
    font-weight:600;
    font-size:16px;
}

.footer_top { color:#fff; }
.footer_top a { text-decoration:none; color:inherit; }
.footer_top ul { padding:0px; }
.footer_top li { list-style-type:none; margin-bottom:15px; }
.footer_left { width:25%; padding:0px 2.5%; float:left; position:relative; }
.footer_middle { width:35%; padding:0px 2.5%; float:left; position:relative; }
.footer_right { width:25%; padding:0px 2.5%; float:left; position:relative; }
.footer_right p { display:inline; margin-left:6px; line-height: 18px; }
.footer_right .fa { line-height:18px; }

.footer_bottom { width:100%; float:left; position:relative; color:#fff; font-size:14px; }
.footer_bottom p { display:inline; margin-right:20px; }
.footer_bottom a { text-decoration:none; color:inherit; }

.footer_info_icon { float: left; width: 20px; height:1px; }



/*************

MOBILE WEBSITE MENU

**************/


#site-page 
{
    /*
    position: absolute;
    width: 100%;
    left: -300px;
    */
    position: absolute;
    z-index:0;
    
}

/** MOVE WEBSITE POSITION **/
.site_position 
{
    position: absolute;
    width: 100%;
    z-index:0;
    transform: translateX(-300px);
    -webkit-transform: translateX(-300px);
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.site_position2 
{
    position: absolute;
    width: 100%;
    z-index:0;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.transition_left 
{
    transform: translate3d( -240px, 0, 0 );
    -webkit-transform: translate3d( -240px, 0, 0 );
}

.transition_right 
{
    transform: translate3d( 240px, 0, 0 );
    -webkit-transform: translate3d( 240px, 0, 0 );
}

.menu-slide 
{
    right:0 !important;
}


#mobile-menu  
{
    right:-300px;
    width:300px;
    position:fixed;
    height:100%;
    background-color:#296992;
    box-shadow: inset 3px 0px 9px -3px #000;
    -webkit-box-shadow: inset 3px 0px 9px -3px #000;
    -moz-box-shadow: inset 3px 0px 9px -3px #000;
    z-index:100;
    overflow-y:auto;
    overflow-x:visible;
}

#mobile-menu .fa
{
    margin-top:5px;
}

/** MENU BUTTON **/
/*
#menu-button 
{ 
    position:absolute; 
    height:53px; 
    width:53px; 
    left:-53px;
    top:63px; 
    font-size:40px; 
    text-align:center; 
    color:#fff; 
    background-color:#296992; 
    line-height:53px; 
    z-index:1001;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
*/

#menu-button 
{ 
    display:none;
    clear:both;
    height:53px; 
    width:53px;
    width:100%; 
    font-size:40px; 
    text-align:center; 
    position:fixed;
    color:#fff; 
    background-color:#296992; 
    line-height:53px; 
    z-index:99;
    /*border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;*/
}

.button_opacity 
{
    background-color:rgba(41,105,146,0.6) !important;
}

#menu-button .fa-times 
{
    display:none;
}

#menu-button .fa-bars 
{
    font-size:35px;
    margin-top:9px;
    float:left;
    margin-left:20px;
}

/** MENU STYLING **/
#mobile-menu ul
{
    margin:0px; padding:0px;
}
#mobile-menu ul li
{
    list-style-type:none;
    /*padding:15px 0px 15px 30px;*/
    border-bottom:1px solid rgba(0,0,0,0.2);
    font-size:16px;
    position:relative;
    /*background-color:rgba(0,0,0,0.3);*/
}

#mobile-menu ul ul li
{
    list-style-type:none;
    border-bottom:0px solid rgba(0,0,0,0.2);
    font-size:16px;
    padding:0px 0px 0px 10px;

    /*background-color:rgba(0,0,0,0.3);*/
}

#mobile-menu ul li a { padding:15px 0px 15px 20px; display:block; /*border-bottom: 1px solid rgba(0,0,0,0.2);*/ }
#mobile-menu ul li a:hover {  }
#mobile-menu li ul a { padding:10px 10px 10px 20px;     border-bottom: 1px solid rgba(0,0,0,0.1); }

#mobile-menu ul ul { display:none; }


#mobile-menu a
{
    text-decoration:none;
    color:#fff;
}

.menu_arrow  
{
    position: absolute;
    right: 0;
    color: #fff;
    font-size: 22px;
    height: 52px;
    /* top: 47px; */
    width: 52px;
    line-height: 52px;
    top: 0px;
    text-align: center;
    }
   
.menu_arrow .fa {
     line-height: 40px;
}

.menu_free_trial 
{
    background-color:#D85640 !important;     
    text-align: center;
    padding: 15px 0px !important;
}

#mobile-menu .active { /*background-color:#3B95D0;*/ }


.scroll_top 
{
    display:none; position:absolute; top:-25px; left:0; right:0; height:50px;  margin: 0 auto; width:50px; border-radius:50px; border:3px solid #243646; text-align:center; line-height:35px; background-color:#fff; color:#D34C31; font-size:25px; z-index:1000; 
}

.gallery_image_container { width:22%; margin:20px 1.5%; float:left; position:relative; overflow:hidden; }
.gallery_image  
{
    background-size: cover;
    width: 100%;
    border-bottom-left-radius:5px; 
    border-bottom-right-radius:5px;
    background-repeat: no-repeat;
    height: 160px; 
    
    }
.gallery_image img { width:100%; }
.gallery_text 
{
    position:absolute; 
    bottom:0; 
    left:0; 
    right:0;
    border:1px solid rgba(211,211,211,0.7); 
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px; 
    background-color:rgba(244,244,244,0.6);
    width:calc(100%; - 2px); 
    width:-webkit-calc(100%; - 2px); 
    width:-moz-calc(100%; - 2px); 
    padding:8px 10px;
    height:20px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
                
.gallery_text p { font-weight:600; margin:0px; color:#636363; position:absolute; display:block; bottom:8px;  }

.gallery_image_container:hover .gallery_text {  padding-top:130px; width:calc(100% - 22px); -webkit-width:calc(100% - 22px); -moz-width:calc(100% - 22px); }
.gallery_image_container:hover .gallery_text p { }
.gallery_image_container:hover .gallery_view { top:40%; -webkit-transition: all 1s ease; color:#D34C31;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease; }
.gallery_view { position:absolute; top:-40px; text-align:center; font-size:40px;  color:#000; width:100%; z-index:100;}


/* BLOG PAGE */

.blog_content_small_img { width:20%; margin-right:5%; font:left; position:relative; }
.blog_content_holder { float:left; position:relative; overflow:auto; margin-bottom:10px; padding-bottom:10px; }
.blog_content_holder .read-article { text-decoration:none; }
.blog_back { text-decoration:none; }
.blog_list { background-color:#EFF8FF; padding:10px 0px; }
.blog_list h2 { border-bottom:2px solid #FFFFFF; padding-bottom:10px; margin-bottom:10px;  }
.blog_content_holder .content_service_more { border-radius:0px; }
.blog_header {    background-color: #4F8F81;
    /* floaT: left; */
    margin: 0px 0px 10px 0px;
    /* display: inline-block; */
    /* width: 100%; */
    display: block;
    font-weight: 400;
    color: #fff !important;
    padding: 5px 17px;
    margin-left: 0px;
}


.message_panel { position: fixed;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; 
    max-width:400px; 
    width:90%; 
    max-height:320px;
    z-index:100; background-color: #E9F2F0 !important; 
    color:#2F4051;
    border-radius:10px;
    border:1px solid rgba(211,211,211,0.5);
    box-shadow: 1px 1px 4px 0px #6d6d6d;
    -webkit-box-shadow: 1px 1px 4px 0px #6d6d6d;
    -moz-box-shadow: 1px 1px 4px 0px #6d6d6d;
    -0-box-shadow: 1px 1px 4px 0px #6d6d6d;
     overflow: auto;
}

.message_pannel_inner { width:90%; margin:0 auto; padding:5px 0px; }
.message_pannel_inner a { text-align:center; color:#3795D3; text-decoration:none; }
.content_service_text p { margin-top:10px !important; }
.content_service_more { text-align:center; margin-top:10px; display:block; }

.message_pannel_inner h3 {
  position: relative;
  text-align: center;
  color:#3795D3;
  font-weight:600;
}

.message_pannel_inner h3 span {
   background-color: #E9F2F0 !important;
  padding: 0 15px;
  position: relative;
  z-index: 1;
}

.message_pannel_inner h3:before {
  background: #3795D3;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
    top: 50%;
  width: 100%;
}
.message_pannel_inner h3:before {
  left: 0;
}
.message_pannel_inner small { margin:0 auto; display:block; text-align:center; }

/*** LOGIN PAGE ***/
.login_container 
{
    width:100%; float:left; position:relative; 
    
    border-radius:5px;
}

.login_left_container a { font-size:13px; margin-left:4px; margin-top:10px; display:inline-block;  color:#3B95D0;}

.login_container h2  {
  position: relative;
  text-align: center;
  margin-bottom:30px;
}

.login_container h2 span {
   background-color: #E9F2F0 !important;
  padding: 0 15px;
  position: relative;
  z-index: 1;
}

.login_container h2:before {
  background: #3795D3;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
    top: 50%;
  width: 100%;
}
login_container h2:before {
  left: 0;
}

.button_exsiting { background: #3B95D0; color: #fff !important; font-size: 14px !important; font-weight: 100; }

.login_left_container { border-radius:5px; width:39%; width:calc(40% - 2px); width:-o-calc(40% - 2px);  width:-moz-calc(40% - 2px); width:-webkit-calc(40% - 2px); margin:10px 2.5%; padding:10px 2.5%; float:left;
                         background-color:#E9F2F0;
                        border:1px solid rgba(211,211,211,0.8); }
.register_right_container { border-radius:5px; width:39%; width:calc(40% - 2px); width:-o-calc(40% - 2px);  width:-moz-calc(40% - 2px); width:-webkit-calc(40% - 2px); margin:10px 2.5%; padding:10px 2.5%; float:right; background-color:#E9F2F0;
    border:1px solid rgba(211,211,211,0.8); } 
    

.register_explainer {  width: 50%;
    float: left;
    position: absolute;
    /* position: relative; */
    /* text-align: right; */
    bottom: 140px;
 }

.register_explainer div { right: 0px;
    position: absolute;
    border: 1px solid;
    padding: 5px 25px;
    color: #fff;
    font-size: 16px;
    background-color:rgb(223,94,70);
    background-color: rgba(223,94,70,0.8);
    font-weight: 600;
        box-shadow: -2px 2px 4px -3px #000;
}

.register_explainer div:after {
	    content: '';
    display: block;
    position: absolute;
    /* left: 100%; */
    right: -40px;
    top: 50%;
    margin-top: -32px;
    width: 0;
    height: 0;
    /* right: 9px; */
    border-top: 32px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 32px solid transparent;
    border-left: 20px solid rgba(223,94,70,0.8);
}
    
    
.order_container_full { border-radius:5px; width:90%; margin:10px auto; padding:10px 2.5%;
                         background-color:#E9F2F0;
                        border:1px solid rgba(211,211,211,0.8); 
                        max-width:700px;
                        overflow:auto;
                        position:relative;
                        }


.order_container_full h2  {
  position: relative;
  text-align: center;
  margin-bottom:30px;
}

.order_container_full h2 span {
   background-color: #E9F2F0 !important;
  padding: 0 15px;
  position: relative;
  z-index: 1;
}

.order_container_full h2:before {
  background: #3795D3;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
    top: 50%;
  width: 100%;
}
order_container_full h2:before {
  left: 0;
}
                        
.order_container_full dt { width:calc(50% - 10px);  width:-moz-calc(50% - 10px);   width:-webkit-calc(50% - 10px);  width:-o-calc(50% - 10px);} 
.order_container_full dd { width:calc(50% - 10px); width:-moz-calc(50% - 10px);   width:-webkit-calc(50% - 10px);  width:-o-calc(50% - 10px); }
.order_container_full img { margin-top:20px; width:50%; max-width:319px; }

.order_container_full .form_button { position:absolute; right:40px; bottom:20px; }
.order_container_full .form_button2 { position:absolute; right:150px; bottom:20px; color:#fff; }

span.order_add_module { text-transform:none; margin-left:0px; display:block; 
                        margin-top:4px;
                        float:left; 
                        margin:5px 10px 0px 0px;
                        display:block;
                        border:1px solid; font-size:12px; padding:2px 8px; color:#3795D3; text-align:center; max-width:100px; cursor:pointer; }

.order_add_module2 { text-transform:none; border:1px solid #3795D3; font-size:12px; padding:2px 8px; color:#fff; background-color:#3795D3; margin:10px 0px;}

.order_remove_module {     text-transform: none;
    margin-left: 0px;
    display: block;
    margin-top: 4px;
    background-color: Transparent;
    float: left;
    margin: 5px 0px 0px 0px;
    font-size: 20px;
    padding:2px;
    color: red;
    text-align: center;
    max-width: 100px;
    cursor: pointer; }
                        
.order_remove_module { text-decoration:none; }                        


a.order_add_module2 { text-decoration:none; }
#all_modules { display:none; }

.alertBox {
    text-align: center;
    border: 1px solid;
    border-color: #f8ac59;
    margin-bottom: 5px;
    border-radius: 3px;
    margin-right: 10px;
}

.alertBoxHeader {
    font-size: 13px;
    color: #FFFFFF;
    font-weight: normal;
    text-align: left;
    background-color: #f8ac59;
    padding: 5px;
    text-transform: uppercase;
}

.alertBoxText {
    color: #666666;
    font-size: 12px;
    background-color: #FFFFFF;
    padding: 10px;
    display: block;
}

a.buy_online { 
    color: #fff;
    background-color: #DA5538;
    float: right;
    border: 1px solid;
    margin: 10px 10px;
    padding: 8px 22px;
    text-decoration: none;
    font-size: 16px;
    /* border-radius: 5px; */
    /* text-shadow: 1px 1px 1px #000; */
    position: absolute;
    right: 0px;
    top: 0px;
    font-weight: 400;
    z-index:100;
}


/*** BUY PAGES ***/

.website_container_full h1 { font-size:41px; font-weight:200; color:#73C4B3; }
.buy_banner { background-color:#D6EDE8; position:relative; padding:20px 0px; float:left; width:100%; }
h2.banner_large_text { font-size:65px; margin:0px 0px 10px 0px; }
h2.banner_blue_text { font-size:32px; margin:0px; color:#3B95D0; font-weight:400; } 
.buy_banner h3 { margin:0px; color:#387D6E; font-weight:400; }

.buy_banner_images { float:right; width:60%; position:absolute; right:0px; }
.buy_banner_text { width:100%; float:left;  padding:50px 0px; }
.buy_banner_images_left img { max-width: 250px; /* float: right; */ position: absolute; right: 370px; }
.buy_banner_images_right img { max-width:360px; float:right; }

.buy_online_service { cursor:pointer; width:calc(20% - 1px); width:-webkit-calc(20% - 1px);  width:-moz-calc(20% - 1px); width:-o-calc(20% - 1px);  margin:0px 0px; float:left; position:relative; text-align:center; height:190px; border-top:1px solid rgba(211,211,211,0.5); padding-top:10px; padding-bottom:20px; }
.buy_online_service_more {     border: 1px solid rgba(55,149,211,0.2);
    /* margin-top: 10px; */
    width: 100px;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 10px auto;
    text-decoration: none;
    transition: all 0.5s ease;
     }

.buy_online_service_text a { text-decoration:none; }
.buy_online_service_more:hover { border-color:#2DC1A7; background-color:#2DC1A7; color:#fff !important; }
.buy_online_service_more:hover a {color:#fff !important; }

#buyid5 { border-right:0px !important; }
#buyid10 { border-right:0px !important; }
#buyid15 { border-right:0px !important; }
#buyid20 { border-right:0px !important; }

.buy_overlay { position:absolute; top:0px; left:0px; bottom:0px; right:0px; 
    /*
    -webkit-transition:all ease-out 0.2s;
    -moz-transition:  all ease-out 0.2s;
    -o-transition:  all ease-out 0.2s;
    transition: all ease-out 0.2s;

*/

 }
.buy_online_service_img img { width:111px; }   
.buy_online_service:hover .buy_overlay { /*background-color:rgba(0,0,0,0.1);*/  }

/*
.buy_now { display:none; position:absolute; bottom:0px; right:0; width:65%; padding:10px 0px; background-color:#DF5E46;  }
*/
.buy_online_service_text { padding-top:10px; width:90%; margin-top:20px; margin:0 auto; display:block; }



.buy_now {
    left: 0px;
    right: 0;
    line-height: 0px;
    height: 0px;
    top: 0;
    width: 100%;
    color: #fff;
    background: rgba(223,94,70,0.8);
    -webkit-transition: height 0.8s;
	-moz-transition: height 0.8s;
	transition: height 0.8s;
	color:#fff;
	overflow:hidden;
	text-decoration:none;       
}

.more_info { left: 0px;
    right: 0;
    line-height: 0px;
    height: 0px;
    bottom: 0;
    width: 100%;
    color: #fff;
    background: rgba(115,196,179,0.8);
    -webkit-transition: height 0.8s;
	-moz-transition: height 0.8s;
	transition: height 0.8s;
	color:#fff;
	overflow:hidden;
	text-decoration:none;       
	 }

.buy_online_service:hover .buy_now { display:block; height: 50%; line-height:100px; position:relative; }

.buy_online_service:hover .more_info { display:block; height: 50%; line-height:100px; bottom:0px; position:absolute; }

.buy_online_service:hover .buy_now_text { position:absolute; display:block; top:0; left:0px; right:0px; bottom:0px; }
.buy_now_text { display:none;     font-size: 20px;
    font-weight: 100; }

/*
.more_info {
    display: none;
    position: absolute;
    bottom: 0px;
    top: 150px;
    line-height: 45px;
    width: 100%;
    padding: 10px 0px;
    background-color: rgba(115,196,179,0.7);
    color: #fff;
}
*/


/*
.buy_overlay {
 content: '';
  position: absolute;
  left: 20%;
  width: 100%; 
  height: 200%; 
  background-color: rgb(255, 255, 255); /* fallback *//*
  background-color: rgba(255, 255, 255, 0.5);
  top: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

.buy_online_service:hover .buy_now { max-height:400px; line-height:400px; }
.buy_now { height:400px; }
*/
.buy_online_service { overflow:hidden; }



.buy_info_full { width:100%; float:left; position:relative; }
.buy_info_left { width:55%; float:left; }
.buy_info_right { width:40%; float:right; }

.buy_info_right .course_content table {
    background:#fff;
    border:0px;
    box-shadow:0px 0px 0px 0px;
   
}

.buy_info_full h2 { color:#73C4B3; margin-bottom:5px; }
.buy_info_left h2 { margin-top:0px; }
.buy_info_right p { margin:4px 0px; }

.buy_info_full .course_content table th {
    padding:0px;
    text-align:left;
    color:#73C4B3; margin-bottom:5px;
    border-bottom: 0px;
    background-color:#fff;
    font-weight: 200;
    font-size:22px;
}

.buy_info_top { width:100%; float:left; position:relative; margin-bottom:20px; padding-bottom:20px; }
.buy_info_top img { width:20%; float:right; margin-right:30px; }

.buy_add_to_cart, .buy_checkout  { text-decoration:none; width:250px; margin-top:20px; padding:10px 30px; background-color:rgb(223,94,70); float:left; text-align:center; color:#fff; border-radius:10px; font-size:26px; }
.buy_add_to_cart { margin-right:15px; background-color:rgb(223,94,70); }

.buy_checkout { background-color:#7793AA; }
.float_text { float:left; position:relative; }

.buy_info_full hr { box-shadow: inset 0px 12px 17px 0px rgba(211,211,211,0.4);
    padding: 0px 1px;
    border: 0;
    position:relative;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));}
    
    hr.thin { box-shadow: inset 0px 12px 17px 0px rgba(211,211,211,0.4);
    padding: 0px 1px;
    border: 0;
    position:relative;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));}
    
    
.buy_info_full hr:after {
    content:'';
    position: absolute;
    border-style: solid;
    border-width: 14px 20px 0;
    border-color: #FFFFFF transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: 0px;
    left: 45%;
}
.buy_info_full hr:before {
    content:'';
    position: absolute;
    border-style: solid;
    border-width: 14px 20px 0;
    border-color: #7F7F7F transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: 0px;
    left: 45%;
}

.buy_button_container { /*width:100%;*/ float:left; }

.buy_basket {     color: #3B95D0;
    font-size: 16px;
    font-weight: 100;
    position: absolute;
    right: 0;
    top: 20px;
    text-align: right;
    width: 265px;}
.buy_basket a { color:#fff; text-decoration:none; }
.buy_backet_count {     background-color: #7CDF79;
    float: right;
    padding: 5px 10px;
    text-align: center;
    /* color: #fff; */
    float: left;
    /* width: 100%; */ }

.buy_basket small {     background-color: #7CDF79;
    float: left;
    padding: 5px 10px;
    color: #FFF;
    /* width: 100%; */
    font-size: 16px;
    border-left: 1px solid; }
    
.buy_basket:hover small { background-color:#63b260; }

.bread_crumb_container { font-size:14px; font-weight:100; color:#73C4B3; cursor:pointer; }
.bread_crumb_container a { text-decoration:none; color:#000; }
.bread_crumb_container span { font-size:12px; color:rgb(211,211,211); }

.order_sign_in { text-transform:none; color:#3B95D0; font-size:14px; }

.order_module_container { width:100%; float:left; position:relative; }
.order_module_header {         font-size: 14px;
    font-weight: 600;
    height: 20px;
    padding: 5px 2%;
    border-bottom: 1px solid;
    margin-bottom: 5px;
    background-color:#b9d6cf;
    box-shadow: 0px 1px 3px -2px #000;
     }
.order_module_title { width:32%; margin-right:3%; float:left; }
.order_module_users { width:10%; float:left; }
.order_module_price { width:15%; float:left; }
.order_module_vat { width:15%; float:left; }
.order_module_total { width:15%; float:left; }
.order_module_delete { width:10%; float:left; text-align:center; font-size: 16px; margin-top: 1px; }
.order_module_delete a { text-decoration:none; color:inherit; }
.order_module_delete a:hover { color:#3B95D0; }
.order_module_main { font-size:13px; padding: 5px 2%; width:96%; float:left; box-shadow: 0px 1px 3px -2px #000;  }
.order_grand_total { width:30%; float:right; font-size: 14px;
    font-weight: 600;
    height: 20px;
    padding: 5px 2%;
    border-bottom: 1px solid;
    margin-bottom: 5px;
    background-color:#b9d6cf;
    margin-top:5px;
    box-shadow: 0px 1px 3px -2px #000; text-align:right;}
    
.order_module_title_small { width:42%; margin-right:3%; float:left; }
.order_module_users_small { width:25%; float:left; }
.order_module_total_small { width:25%; float:left; }
.order_module_delete_small { width:5%; float:left; text-align:center; font-size: 16px; margin-top: 1px; }

.checkout_panel_button a {     border: 1px solid rgba(211,211,211,0.5);
    padding: 6px 12px;
    text-decoration: none;
    margin-bottom: 20px; font-size:11px; }
    
.order_edit_container { width:100%; float:left; position:relative; text-align:center; margin-bottom:10px; padding-top:5px; padding-bottom:15px; box-shadow: 0px 0px 2px -1px #000; }
a.updateCancel { color:#000; }
.btn_holder 
{
        font-size: 20px;
    font-weight: 200;
    float: right;
    margin-right: 2.5%;
    margin-top: 20px;
}
/*
.order_module_delete { position:relative; }
.edit_user_help { font-size:12px; position:absolute; left:-60px; width:60px; background-color:#fff; box-shadow: 0px 0px 6px -2px #000; display:none; }
.edit_module_users:hover a.edit_user_help { display:block; }
*/
/****** MENU NEW *****/

.menu_outer { /*#e7f3f7*/background-color:#2F4051; color:#fff; width:100%; float:left; position:relative; margin-top:20px; /* border-top:1px solid #eee; border-top:1px solid rgba(211,211,211,0.6); border-bottom:1px solid #eee; border-bottom:1px solid rgba(211,211,211,0.6); */  }
.menu { margin:0px auto 0px auto; max-width:1300px; width:98%; text-align:right; padding:0px; }
.menu ul ul { text-align:left; top:40px; left:-1px; background-color:#2F4051; }
.menu ul li:hover a { color:#fff; }
.menu ul li { padding:10px 1%; display:inline-block; /*border-left:1px solid #eee; border-left:1px solid rgba(211,211,211,0.6);*/ margin-right:0px; }
.menu ul li li { border-left:0px; }
.menu .menu_bold { border-left:0px; }
.menu .basket { background-color:#DA5538; padding:10px 2%; color:#fff; }

.header_right { margin-top:15px; }
.website_container_full { margin-top:0px; }

.sticky {}


.price_list { position:absolute; z-index:10; width:217px;  left: 150px; box-shadow:1px 1px 1px 1px #000; font-size:13px; background-color:#eee; overflow:auto; }
.price_left { floaT:left; width:100px; padding:2px 4px; border-right:1px solid #ffffff; }
.price_right { floaT:left; width:100px; padding:2px 4px; text-align:right;  }
.price_list .header { background-color:#73C4B3; color:#fff; }
.price_text { margin-left:10px; font-size:13px; color:#3B95D0; cursor:pointer; text-decoration:underline; }
.price_text_hide { display:none; margin-left:10px; font-size:13px; color:#3B95D0; text-decoration:underline; cursor:pointer;  }

.price_text2 { margin-left:10px; font-size:13px; color:#3B95D0; cursor:pointer; text-decoration:underline; display:none; }
.price_text_hide2 { margin-left:10px; font-size:13px; color:#3B95D0; text-decoration:underline; cursor:pointer; display:none;  }

.price_list2 { clear:both; position:relative; float:left; font-size:13px; max-width:80%;  max-width:80%; /*max-height:0px;*/ display:none; -webkit-transition: max-height 0.8s;
	-moz-transition: max-height 0.8s;
	transition: max-height 0.8s; }

a.price_text:hover .price_list2 { max-height:200px !important; }

.price_list2 table th { background-color:#73C4B3; padding:2px 4px; color:#fff; }
.price_list2 table td { padding:2px 4px; background-color:#eee; text-align:center; }
.price_list2 table { }


.price_list2_mobile { clear:both; position:relative; float:left; font-size:13px; max-width:80%;  max-width:80%; /*max-height:0px;*/ display:none; -webkit-transition: max-height 0.8s;
	-moz-transition: max-height 0.8s;
	transition: max-height 0.8s; }

a.price_text:hover .price_list2 { max-height:200px !important; }

.price_list2_mobile table th { background-color:#73C4B3; padding:2px 4px; color:#fff; }
.price_list2_mobile table td { padding:2px 4px; background-color:#eee; text-align:center; }
.price_list2_mobile table { }

.price_text2 { display:none; }
.price_text_hide2 { display:none; }

.buy_online_container { float:left;  background-color:#e1765f; margin-top:20px; border-radius: 5px; }
.buy_online_container .fa { font-size:30px; float:left; }
.buy_online_text { float:left; width:180px; cursor:pointer;  color:#fff; /*border-left:2px solid #e1765f; border-right:2px solid #fff;*/  padding:5px 10px; text-align:center; }

.buy_online_users { float:left; padding:5px 10px;  background-color:#e89987; border-right:0px solid #38bdda;  }
.buy_online_users .fa {font-size: 26px;
    line-height: 38px;  }
.buy_online_text .buy 
{
    display:block;
}
.buy_online_text .start { clear:both; display:block; font-size:13px; }
.buy_online_users .contact_form { float:left; max-width:40%; margin-left:8px;  }
.buy_online_users .contact_form input[type="text"] {font-size:  19px; border:0px; background-color:#fbeeeb; }
.buy_online_users .fa { float:left; max-width:50%; color: #fbeeeb; }