/*-----------------------------------------------------------------------------------

    Template Name: TechEdu
    Template URI: http://power-boosts.com
    Description: This is html5 template
    Author: Power-Boosts
    Author URI: http://power-boosts.com
    Version: 2.0.1

    Original Color Code:
    Green: #7CC242;
    Yellow: #A36700;
    Grey: #757575;
    Hover Yellow: #FCD227;
    Dark Grey: #666666;

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    1. Theme Default CSS (body, link color, section etc)
    2. Header CSS
        2.1 Header Top
        2.2 Header Logo Menu
            2.2.1 Header Logo
            2.2.2 Header Mainmenu
            2.2.3 Header Searchbox [Deleted]
        2.3 Mobile Menu
    3. Slider Area
    4. Activity Area
    5. Advertise Area
    6. Class Area
    7. Register Area
    8. Service Area
    9. Fun Factor Area
    10. Testimonial Area
    11. Gallery Area
    12. Blog Area
    13. Newsletter Area [Deleted]
    14. Map Area [Deleted]
    15. Footer Area
    16. Home Two Start [Deleted]
        16.1 Home Two Header
        16.2 Home Two Slider
        16.3 Home Two Gallery Fullwidth
        16.4 Home Two Teachers Large Carousel
        16.5 Home Two Fun Factor
        16.6 Home Two Blog
        16.7 Home Two Testimonial Carousel
    17. Home Three Start [Deleted]
        17.1 Home Three Header
        17.2 Home Three Slider
        17.3 Home Three Advertise Area
        17.4 Home Three Class Area
        17.5 Home Three Fun Factor
        17.6 Home Three Teacher Column Carousel
        17.7 Home Three Testimonial Small Carousel
    18. Home Four Start [Deleted]
        18.1 Home Four Header
        18.2 Home Four Slider
        18.3 Home Four About Skill Area
        18.4 Home Four Fun Factor Area
        18.5 Home Four Service Area
        18.6 Home Four Gallery Area
        18.7 Home Four Blog Area
        18.8 Home Four Testimonial Area
    19. Home Five Start [Deleted]
        19.1 Home Five Header
        19.2 Home Five Slider
        19.3 Home Five Small Service Area
        19.4 Home Five Skill Information Area
        19.5 Home Five Class Area
        19.6 Home Five Register Area
        19.7 Home Five Teachers Area
        19.8 Home Five Blog Area
    20. Class Grid Page
    21. Class List Page
        21.1 Class List Content
        21.2 Class List Sidebar
    22. Class Details Page
        22.1 Class Details Content
        22.2 Class Details Sidebar
   22A. Generic Pages
    23. Gallery Page
    24. Teachers Page
    25. Teacher Info Page
    26. Blog Page [Deleted]
    27. Event Details Page [Deleted]
    28. About Page
    29. Contact Page
    30. FAQ Page
    31. Scrollup
    32. Video Page
    33. Small Slide
    34. Feedback
    35. Promotion SSI
    35. Others
-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*  1. Theme default CSS
/*----------------------------------------*/
html, body {height: 100%;}
.floatleft {float:left !important;}
.floatright {float:right !important;}
.floatnone {float:none !important;}
.alignleft {text-align:left !important;}
.alignright {text-align:right !important;}
.aligncenter {text-align:center !important;}
.no-display { display:none; }
.no-margin { margin:0 !important; }
.no-padding { padding:0 !important; }
a:focus, button:focus {outline:0px solid}
input:focus {box-shadow: none; outline: 0}
textarea {box-shadow: 0; outline: 0}
img {
    max-width:100%;
    height:auto;
    border:0;
    vertical-align:top;
}
.fix {overflow:hidden}
p {}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    color: #666;
    font-weight: 500
}
a {-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;text-decoration:none; color: #52832A}
a:hover {
    color: #8C7103;
    text-decoration: none;
}
a:active, a:hover, a:focus {outline: 0 none; text-decoration: none}
b { font-weight: bold; }
ul {
    /*list-style: outside none none;*/
    list-style: outside;
    margin: 0;
    padding: 0;
    padding-left: 20px;
}
ol {
  margin: 0;
  padding-left: 25px;
}
ol li { /*padding:0px;  text-indent: 10px;*/ padding-left: 10px; margin-left: -5px; }
ul li { padding:0px; }
.clear{clear:both}
::-moz-selection {background: #b3d4fc; text-shadow: none}
::selection {background: #b3d4fc; text-shadow: none}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
::-webkit-input-placeholder {opacity: 1 !important;filter: alpha(opacity=100)}
:-moz-placeholder {opacity: 1 !important;filter: alpha(opacity=100)}
::-moz-placeholder {opacity: 1 !important;filter: alpha(opacity=100)}
:-ms-input-placeholder {opacity: 1 !important;filter: alpha(opacity=100)}
body {
    color: #666;
    /*font-family: 'Poppins', sans-serif;*/
    font-family: 'Noto Sans HK', 'Noto Sans JP', sans-serif;
    font-size: 16px;
    line-height: 32px;
    text-align: left;
    font-weight: 300
}
.container { width: 1200px;max-width: 1200px;}
.section-margin {margin: 60px 0 60px 0}
.section-padding {padding: 60px 0 60px 0}
.section-padding-bottom {padding-bottom: 50px}
.section-padding-top {padding-top: 60px}
.homepage-title {margin:50px 0px 80px 0px;}
.home-section-padding-bottom {padding-bottom: 80px;}
.home-section-padding-bottom i {vertical-align: bottom; font-size:24px; line-height: 32px; width:20px; margin:2px 10px 0px 0px; }
.homeFBDiv { text-align: right; }
.homeFBiFrame { width: 500px; height:600px; border:none; overflow:hidden }
.section-home-welcome-div {
  width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
}
.section-home-welcome-div img { width: 100%; opacity: 80%; }
.home-title
{
  overflow: hidden;
  position: relative;
  text-align: center;
  margin-bottom: 50px;
}
.section-title {
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}
.home-title h1, .section-title h1, .home-title h4, .section-title h4 {
    color: #52832A;
    border-bottom: 2px solid #52832A;
    display: inline-block;
    padding-bottom: 10px;
    line-height: 32px;
}
.section-title h1 i, .section-title h4 i {
  margin-right:10px;
}
/*.home-title > p, .section-title > p {
    font-size: 12px;
    margin-bottom: 20px;
}*/
.section-desc { margin-bottom: 80px; }
.section-desc-course { margin-bottom: 50px; }
.subsection-title h2, .subsection-title h5 {
    margin-bottom: 10px;
    color: #A36700;
    line-height: 32px;
}
.widget-div { margin-top: 0px; margin-left:50px; }
.widget-div-activity { margin-top: 60px; }
.widget-item {
	margin-bottom:70px;
}
.widget-item b {
	font-weight:bold;
}
.widget-item i { margin-right:5px; }
.redText { color:#EB0000; }
.button-default {
    background: #52832A none repeat scroll 0 0;
    border: 0 none;
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 33px;
    padding: 0 20px;
    margin: 0 10px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
    cursor: pointer;
}
.button-default:hover {background: #A36700; color: #fff; cursor: pointer;}
.button-default.button-submit {background: #52832A}
.button-default.button-submit:hover {background: #A36700}
.fancyboxButtonMargin {margin-right:20px}
.imageBorder { border: 1px solid #f0f0f0; }
.fa-external-link-alt  { margin-left:5px; }
.desc-icon { float: left; }
.desc-text { overflow: hidden; }
.brown-text { color: #A36700; }
.sakura-text { color: #FF6666; }
.hr-green { border:1px dashed #52832A; margin-bottom: 50px; }
.mb-10 { margin-bottom:10px; }
/*----------------------------------------*/
/*  2. Header CSS
/*----------------------------------------*/
/*----------------------------------------*/
/*  2.1 Header Top
/*----------------------------------------*/
.header-top {background: #52832A none repeat scroll 0 0}
.header-top-info span, .header-top-info a {
    /*background: #A36700 none repeat scroll 0 0;*/
    color: #ffffff;
    display: inline-block;
    padding: 3px 0px;
    font-size:13px;
}
.header-top-info a:hover, .header-top-info a i:hover {
    /*background: #A36700 none repeat scroll 0 0;*/
    color: #A36700;
}
.header-top-info .social-icon { margin-left: 10px; font-size:14px; }
.header-top-info .non-social-icon { margin: 0px 5px 0px 10px; }
.social-links {
    display: inline-block;
    /*margin-left: 18px;*/
}
.social-links > a {
    color: #ffffff;
    font-size: 16px;
    margin-left: 12px;
}
.social-links > a:hover, .header-login-register li:hover a {color: #8C7103}
.social-links a:last-child {margin-right: 0}
.toggle.btn {
    border-radius: 30px;
    height: 13px !important;
    line-height: 0.429;
    min-height: 11px;
    min-width: 20px;
    width: 22px !important;
}
.toggle.btn .btn.btn-primary.toggle-on {
    background: #52832A none repeat scroll 0 0;
    border-color: #52832A;
}
.btn-primary {border-color: #52832A !important}
.toggle-handle {
    border-color: #ffffff;
    border-radius: 30px;
}
.button-box > span {padding-left: 8px}
.register-btn, .login-btn {
    background: #52832A none repeat scroll 0 0;
    border: 0 none;
    border-radius: 30px;
    color: #ffffff;
    float: right;
    font-size: 12px;
    line-height: 27px;
    padding: 0 17px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
.register-btn:hover, .login-btn:hover {background: #A36700}
/*----------------------------------------*/
/*  2.2 Header Logo Menu
/*----------------------------------------*/
.header-logo-menu.stick {
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
/*----------------------------------------*/
/*  2.2.1 Header Logo
/*----------------------------------------*/
.logo > a {display: inline-block}
.logo {padding: 34px 0}
.header-logo-menu.stick .logo {padding: 10px 0}
/*----------------------------------------*/
/*  2.2.2 Header Mainmenu
/*----------------------------------------*/
.mainmenu-area {
    float: right;
    padding: 24px 0 0;
}
.header-logo-menu.stick .mainmenu-area {padding: 0}
.mainmenu, .header-search {display: inline-block}
.mainmenu ul#nav li {
    display: inline-block;
    margin-right: 35px;
    position: relative;
}
.mainmenu ul#nav .lastitem {
    display: inline-block;
    margin-right: 0px;
    position: relative;
}
.mainmenu ul#nav > li > a {
    color: #444444;
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 99px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.mainmenu ul#nav > li .selected { color: #52832A; }
.mainmenu li > a > i {
    margin-left: 6px;
    position: relative;
    top: -1px;
}
.mainmenu ul#nav > li:hover > a, .mainmenu ul#nav li ul.sub-menu > li a:hover {color: #52832A}
.mobile-menu-area {
	overflow: hidden;
}
/*-------------------------*/
/*  Dropdown Menu
/*-------------------------*/
nav#dropdown {
    display: none;
}
.mainmenu ul.sub-menu {
    background-color: #ffffff;
    border-top: 1px solid #52832A;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    left: -23px;
    margin: 0;
    padding: 14px 21px 16px;
    position: absolute;
    text-align: left;
    top: 96px;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: center top 0;
    -ms-transform-origin: center top 0;
    transform-origin: center top 0;
    -webkit-transition: all 0.6s ease 0s;
    transition: all 0.6s ease 0s;
    visibility: hidden;
    width: 261px;
    z-index: -99;
}
.mainmenu ul#nav li ul.sub-menu > li  {
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
}
.mainmenu ul#nav li ul.sub-menu > li a {
    color: #444444;
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 48px;
    text-transform: capitalize;
}
.mainmenu > nav > ul#nav > li:hover ul.sub-menu {
    margin-top: 0;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    visibility: visible;
    z-index: 99999;
}
.mainmenu ul#nav li ul.sub-menu > li {padding: 0}
/*----------------------------------------*/
/*  2.3 Mobile Menu
/*----------------------------------------*/
.mobile-menu-area {background: #52832A; display: none}
.mean-container .mean-bar:after {display: none}
.mean-container .mean-nav ul li a:hover {
    background: #fff;
    color: #52832A;
}
.mean-container a.meanmenu-reveal span {background: #fff}
.mean-container .mean-nav ul li a {
    background: #ffffff none repeat scroll 0 0;
    color: #444;
    display: block;
}
.mean-container .mean-nav ul li a.mean-expand {background: none; top: -4px;}
.mean-container .mean-nav ul li a.mean-expand:hover {background: none}
.mean-container .mean-nav ul li li a {
    color: #4e4f54;
    opacity: .90;
    filter: alpha(opacity=90);
    border-top: 0;
}
.mean-container .mean-nav ul li li{background: #fff}
.mean-container a.meanmenu-reveal {color: #444}
.meanmenu-reveal.meanclose:hover {color: #000}
.mean-container a.meanmenu-reveal:hover span {background: #000}
.mobile-menu-area .mean-nav {background: #52832A none repeat scroll 0 0}
.mean-last {margin-bottom: 20px}
.mobile-menu {position: relative}
.mean-container .mean-bar:before {
    color: #ffffff;
    content: "目錄";
    font-size: 18px;
    font-weight: 600;
    left: 0;
    position: absolute;
    top: 11px;
}
/*----------------------------------------*/
/*  3. Slider Area
/*----------------------------------------*/
.nivo-directionNav {-webkit-transition: all 0.3s ease-in 0s;transition: all 0.3s ease-in 0s}
.nivo-caption {top: 29%}
.banner-content {height: 100%; position: relative}
.slider-area .text-content {
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.banner-content h1 {
    -webkit-animation: 1500ms ease-in-out 0s normal none 1 running zoomInUp;
    animation: 1500ms ease-in-out 0s normal none 1 running zoomInUp;
    color: #454545;
    font-size: 55px;
    font-weight: 600;
    margin-bottom: 7px;
    text-transform: uppercase;
}
.banner-content p {
    -webkit-animation: 2000ms ease-in-out 0s normal none 1 running zoomInUp;
    animation: 2000ms ease-in-out 0s normal none 1 running zoomInUp;
    color: #333333;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 20px;
}
.banner-content .banner-readmore {
    -webkit-animation: 2500ms ease-in-out 0s normal none 1 running zoomInUp;
    animation: 2500ms ease-in-out 0s normal none 1 running zoomInUp;
    clear: both;
    display: inline-block;
}
.banner-content .banner-readmore a {
    background: #A36700 none repeat scroll 0 0;
    border-radius: 30px;
    color: #ffffff;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    line-height: 42px;
    padding: 9px 26px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
.banner-content .banner-readmore a:hover {background: #52832A}
.banner-content .slide-2 h1 {
    -webkit-animation: 1000ms ease-in-out 0s normal none 1 running flipInX;
    animation: 1000ms ease-in-out 0s normal none 1 running flipInX
}
.banner-content .slide-2 p {
    -webkit-animation: 2500ms ease-in-out 0s normal none 1 running flipInY;
    animation: 2500ms ease-in-out 0s normal none 1 running flipInY
}
.banner-content .slide-2 .banner-readmore {
    -webkit-animation: 4000ms ease-in-out 0s normal none 1 running flipInX;
    animation: 4000ms ease-in-out 0s normal none 1 running flipInX
}
/*----------------------------------------*/
/*  4. Activity Area
/*----------------------------------------*/
.activity {text-align: center;}
.single-activity-icon {
    border: 1px solid #52832A;
    border-radius: 50%;
    color: #52832A;
    display: inline-table;
    font-size: 72px;
    height: 162px;
    margin-bottom: 25px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 162px;
    vertical-align: middle;
}
.single-activity-icon i {
    display: table-cell;
    vertical-align: middle;
}
.single-activity:hover .single-activity-icon {
    background: #52832A none repeat scroll 0 0;
    color: #ffffff;
}
.activity:nth-child(2) .single-activity .single-activity-icon {
    border-color: #A36700;
    color: #A36700;
}
.activity:nth-child(2) .single-activity:hover .single-activity-icon {
    background: #A36700 none repeat scroll 0 0;
    color: #ffffff;
}
.activity:nth-child(3) .single-activity .single-activity-icon {
    border-color: #167CAC;
    color: #167CAC;
}
.activity:nth-child(3) .single-activity:hover .single-activity-icon {
    background: #167CAC none repeat scroll 0 0;
    color: #ffffff;
}
.activity:nth-child(4) .single-activity .single-activity-icon {
    border-color: #E40167;
    color: #E40167;
}
.activity:nth-child(4) .single-activity:hover .single-activity-icon {
    background: #E40167 none repeat scroll 0 0;
    color: #ffffff;
}
.single-activity-text .single-activity h3 {
    color: #52832A;
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: 17px;
}
/*.activity:nth-child(2) .single-activity-title1 {color: #A36700;}
.activity:nth-child(3) .single-activity-title2 {color: #167CAC;}
.activity:nth-child(4) .single-activity-title3 {color: #E40167;}*/
.single-activity-title1 {color: #52832A; font-size: 1.25rem; }
.single-activity-title2 {color: #A36700; font-size: 1.25rem; }
.single-activity-title3 {color: #167CAC; font-size: 1.25rem; }
.single-activity-title4 {color: #E40167; font-size: 1.25rem; }
.single-activity > p {margin-bottom: 10;}
/*----------------------------------------*/
/*  5. Advertise Area
/*----------------------------------------*/
.advertise-area {padding: 63px 0;}
.advertise-area h2 {
    color: #444444;
    display: inline-block;
    font-size: 30px;
    font-weight: 300;
    margin-right: 21px;
    position: relative;
    top: 3px;
}
.advertise-area h2 span{font-weight: 500}
.advertise-area a {
    background: #52832A none repeat scroll 0 0;
    border-radius: 30px;
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 38px;
    padding: 0 20px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.advertise-area a:hover {background: #A36700 none repeat scroll 0 0;}
/*----------------------------------------*/
/*  6. Class Area
/*----------------------------------------*/
.class-carousel .col-md-4, .blog-carousel .col-md-4, .teacher-carousel .col-md-4, .testimonial-carousel .col-md-6, .teachers-column-carousel .col-md-3 {
    width: 100%
}
.carousel-style-one.owl-carousel .owl-nav div, .blog-style-three .blog-carousel.carousel-style-one.owl-carousel .owl-nav div {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #eaeaea;
    border-radius: 50%;
    color: #d4d4d4;
    display: inline-block;
    font-size: 20px;
    opacity: 1;
    padding: 0;
    height: 48px;
    left: -33px;
    line-height: 48px;
    margin: -24px 0 0 0;
    width: 48px;
    text-align: center;
    position: absolute;
    top: 50%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
.carousel-style-one.owl-carousel .owl-nav div.owl-next, .blog-style-three .blog-carousel.carousel-style-one.owl-carousel .owl-nav div.owl-next {
    left: auto;
    right: -33px;
}
.carousel-style-one.owl-carousel .owl-nav div:hover, .blog-carousel.carousel-style-one.owl-carousel .owl-nav div:hover {
    border-color: #52832A;
    color: #fff;
    background: #52832A
}
.single-class-image > a, .overlay-effect > a {
    display: block;
    position: relative;
}
.mix .overlay-effect > a {border-radius: 4px; overflow: hidden}
.homeHoverLogo { width:100px; }
.single-class-image > a:before, .overlay-effect > a:before {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.single-class:hover .single-class-image > a:before, .overlay-hover:hover .overlay-effect > a:before {opacity: 1;filter: alpha(opacity=100);}
.single-class-image {
    border-radius: 4px 4px 0 0;
    display: block;
    overflow: hidden;
}
.class-date, .gallery-icon {
    background: #52832A none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 0;
    color: #ffffff;
    display: block;
    font-size: 14px;
    font-weight: 600;
    height: 84px;
    left: 0;
    line-height: 24px;
    margin: auto;
    opacity: 0;
    filter: alpha(opacity=0);
    padding-top: 21px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    -webkit-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transition: all 250ms cubic-bezier(1, -0.6, 0.57, -0.15) 0s;
    transition: all 250ms cubic-bezier(1, -0.6, 0.57, -0.15) 0s;
    visibility: hidden;
    width: 84px;
}
.class-date > span {display: block;}
.single-class:hover .class-date, .single-blog-item:hover .class-date, .single-items:hover .gallery-icon {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    visibility: visible;
}
.single-items .gallery-icon:hover {color: #fff}
.class-des a {
    color: #52832A;
    font-size: 16px;
    font-weight: 500;
}
.class-des a:hover {color: #8C7103;}
.single-class-text {
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    border-left: 1px solid #f0f0f0;
    border-radius: 0 0 4px 4px;
    border-right: 1px solid #f0f0f0;
}
.class-des {
	/*padding: 25px 15px 10px;*/
  margin: 20px;
	min-height:240px;
  position: relative;
}
.class-des > p {word-spacing: 3px;}
.class-des > h4 { padding-bottom:20px; }
.class-des > h4 a {line-height: 24px; font-size: 20px; color: #A36700; }
.class-des > .readmore { position:absolute; bottom: 0; right: 0; }
.class-des > .readmore i, .single-widget-container > .readmore i { margin-left:5px; }
.class-schedule {
    border-top: 1px solid #f0f0f0;
    height: 49px;
}
.class-schedule span {
    display: block;
    float: left;
    line-height: 49px;
    text-align: center;
    text-transform: uppercase;
}
.class-schedule > span:first-child {
    border-right: 1px solid #f0f0f0;
    width: 44%;
}
.class-schedule > span:nth-child(2) {
    width: 48%;
}
span.arrow{
    float: right;
    width: 8%;
    display: block;
    position: relative
}
span.arrow:after{
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    content: "";
    background: #f0f0f0
}
span.arrow > a{
    float: right;
    font-size: 14px;
    position: relative;
    z-index: 2;
    display: block;
    color: #424242;
    width: 100%
}
span.arrow > a:after {
    background: #52832A none repeat scroll 0 0;
    border-radius: 0 0 4px;
    content: "";
    height: 50px;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    right: -1px;
    top: -1px;
    width: 100%;
    z-index: -1;
}
.single-class:hover span.arrow > a:after {opacity: 1;filter: alpha(opacity=100);}
.single-class:hover span.arrow > a{color: #ffffff;}
/*----------------------------------------*/
/*  7. Register Area
/*----------------------------------------*/
.register-area {
    background-image: url("../img/banner/1.jpg");
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
    overflow: hidden;
    position: relative;
    z-index: 1
}
.register-area:after {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}
.register-info h4 {
    color: #ffffff;
    font-size: 24px;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 17px;
}
.register-info h4 span {color: #A36700}
.register-info {
    padding: 99px 0 97px 0;
    position: relative;
    z-index: 9;
}
.register-info > h1 {
    color: #ffffff;
    font-size: 60px;
    font-weight: 400;
    margin-bottom: 32px;
}
.timer-grid .cdown{
    padding: 28px 0;
    margin-right: 28px
}
.timer-grid > div, .timer-view > div {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    display: inline-block;
    font-size: 15px;
    height: 128px;
    margin-left: 5px;
    width: 128px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 15px
}
.timer-grid > div span, .timer-view > div span {
    display: block;
    line-height: 53px;
    font-size: 50px
}
.account-form {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 4px;
    margin: 64px 0 62px 70px;
    position: relative;
    z-index: 9;
}
.account-form > form {
    margin: 42px 54px 0;
    padding-bottom: 40px;
}
.register-title {
    background: #A36700 none repeat scroll 0 0;
    border-radius: 3px 3px 0 0;
    padding-bottom: 7px;
    padding-top: 11px;
}
.register-title > h4 {
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    top: -2px;
}
.register-title i {
    color: #ffffff;
    display: inline-block;
    font-size: 24px;
    margin: 0 12px 0 14px;
}
.account-form input {
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    color: #909090;
    font-size: 12px;
    font-weight: 300;
    height: 41px;
    margin-bottom: 10px;
    padding: 0 14px;
    width: 100%;
}
.account-form .button-default {margin-top: 11px;}
/*----------------------------------------*/
/*  8. Service Area
/*----------------------------------------*/
.single-service-item {
    height: 90px;
    margin-bottom: 100px;
    overflow: hidden;
    position: relative;
}
.single-service-item-wrapper .single-service-item:last-child {margin-bottom: 0;}
.single-service-text > h4 {
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 5px;
    padding-top: 36px;
    -webkit-transition: padding 0.8s linear 0s;
    transition: padding 0.8s linear 0s;
}
.single-service-item:hover .single-service-text > h4, .service-style-two .single-service-item .single-service-text > h4 {
    font-weight: 500;
    padding: 0;
}
.single-service-text > p {
    display: none;
    margin-bottom: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
.single-service-item:hover .single-service-text > p {display: block}
.single-service-icon {
    background: #A36700 none repeat scroll 0 0;
    border: 1px solid #A36700;
    border-radius: 50%;
    color: #ffffff;
    display: inline-table;
    font-size: 30px;
    height: 90px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 0.3s ease-in 0s;
    width: 90px;
}
.single-service-icon i {
    display: table-cell;
    vertical-align: middle;
}
.single-service-item:hover .single-service-icon {
    background: #ffffff none repeat scroll 0 0;
    color: #A36700;
}
.service-area .col-md-4:first-child .single-service-item-wrapper {
    margin-right: 30px;
    margin-top: 30px;
}
.service-area .col-md-4:last-child .single-service-item-wrapper {
    margin-left: 30px;
    margin-top: 30px;
}
.service-area .col-md-4:first-child .single-service-icon {float: right;}
.service-area .col-md-4:first-child .single-service-text {
    padding-right: 112px;
    text-align: right;
}
.service-area .col-md-4:last-child .single-service-icon {
    float: left;
    left: 0;
    right: auto
}
.service-area .col-md-4:last-child .single-service-text {
    padding-left: 112px;
    text-align: left;
}
/*----------------------------------------*/
/*  9. Fun Factor Area
/*----------------------------------------*/
.fun-factor-icon {
    color: #f0f0f0;
    font-size: 24px;
    margin-bottom: 25px;
}
.single-fun-factor {text-align: center;}
.single-fun-factor > h2 {
    color: #ffffff;
    font-size: 50px;
    font-weight: 300;
    margin-bottom: 10px;
}
.single-fun-factor > span {
    color: #ffffff;
    font-size: 15px;
}
.fun-factor-area {
    background: url("../img/banner/3.jpg");
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
    padding: 61px 0 53px;
    position: relative;
    z-index: 1;
}
.fun-factor-area:after {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
/*----------------------------------------*/
/*  10. Testimonial Area
/*----------------------------------------*/
.teachers-area {border-bottom: 1px solid #F0F0F0;}
.testimonial-image-slider {margin: 0 44px 0 8px;}
.slick-list {margin: 0 5px}
.sin-testiImage {
    display: inline-block;
    margin-bottom: 11px;
    outline: medium none;
}
.teacher-image-carousel {
    border: 1px solid #f0f0f0;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 90px;
    margin-bottom: 30px;
    margin-top: 36px;
    outline: 0 none;
    position: relative;
    width: 90px;
    overflow: hidden;
}
.teacher-image-carousel:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    content: "";
    border-radius: 50%
}
.sin-testiImage.slick-current .teacher-image-carousel {border: 1px solid #52832A;}
.sin-testiImage.slick-current .teacher-image-carousel:after {background: transparent}
.sin-testiText{outline: none; margin-left: 45px}
.teacher-info-container {
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 13px;
    padding-bottom: 8px;
}
.testimonial-text-slider h2 {
    display: block;
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 0;
    text-transform: uppercase;
}
.testimonial-text-slider .sin-testiText > span {
    color: #909090;
    display: block;
    font-style: italic;
    margin-bottom: 6px;
}
.teacher-info-container p i, .teacher-info-text > span i {
    color: #bebebe;
    font-size: 14px;
    margin-right: 8px;
    width: 18px;
}
.teacher-info-container > p {margin-bottom: 5px;}
.sin-testiText > p {
    line-height: 25px;
    margin-bottom: 0;
}
.teacher-links > a {
    border: 1px solid #f0f0f0;
    border-radius: 50%;
    color: #bebebe;
    display: inline-table;
    height: 36px;
    text-align: center;
    -webkit-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
    width: 37px;
    margin-right: 12px
}
.teacher-links > a i {
    display: table-cell;
    vertical-align: middle;
}
.teacher-links > a:hover {
    background: #52832A none repeat scroll 0 0;
    border-color: #52832A;
    color: #ffffff;
}
.teacher-links {
    margin-bottom: 30px;
    margin-top: 20px;
    overflow: hidden;
}
.teachers-area .button-default {
    padding: 0 20px;
}
.slick-prev, .slick-next {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 48px;
    opacity: 0;
    filter: alpha(opacity=0);
    outline: medium none;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 34.6%;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 48px;
}
.testimonial-image-text-wrapper:hover .slick-prev, .testimonial-image-text-wrapper:hover .slick-next {opacity: 1;filter: alpha(opacity=100)}
.slick-prev {left: -44px}
.slick-next {right: -44px}
.slick-prev:before, .slick-next:before {
    color: #d4d4d4;
    border: 1px solid #eaeaea;
    content: "";
    font-family: fontawesome;
    font-size: 20px;
    height: 48px;
    left: 0;
    line-height: 46px;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 48px;
    border-radius: 50%
}
.slick-prev:hover:before, .slick-next:hover:before {color: #fff; background: #52832A; border-color: #52832A}
.slick-next:before {
    right: 0;
    content: "\f105";
}
/*----------------------------------------*/
/*  11. Gallery Area
/*----------------------------------------*/
.filter-menu ul li {
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    line-height: 13px;
    margin: 0 26px;
    position: relative;
}
.filter-menu > ul {text-align: center;}
.gallery-area .section-title-wrapper {margin-bottom: 28px;}
li.filter.active {color: #52832A;}
.filter-menu ul li.active:after {
    background: #52832A none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: -18px;
    position: absolute;
    top: 23%;
    width: 6px;
}
.filter-menu {margin-bottom: 23px;}
.gallery-row.row {
    margin-left: -9px;
    margin-right: -9px;
}
.mix.col-md-3 {
    padding-left: 9px;
    padding-right: 9px;
    margin-bottom: 18px;
}
.mix{display: none;}
.mb-18 {
    margin-bottom: 18px;
}
.gallery-row .row {
	margin-left: -9px;
	margin-right: -9px;
}
.gallery-row .row div[class^="col-"] {
	padding-left: 9px !important;
	padding-right: 9px !important;
}
.gallery-icon {
    display: inline-block;
    font-size: 24px;
    height: 64px;
    margin: -32px auto 0;
    top: 50%;
    width: 64px;
    padding-top: 0;
    cursor: pointer;
    text-align: center;
    line-height: 64px;
}
.gallery-icon i {
    line-height: 64px;
}
span.gallery-text {
    bottom: 12%;
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    right: 0;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    z-index: 9;
}
.single-items:hover span.gallery-text {
    bottom: 20%;
    opacity: 1;
    filter: alpha(opacity=100);
}
.view-gallery {margin-top: 12px;}
.view-gallery > h4 {
    display: inline-block;
    font-weight: 300;
    margin-right: 22px;
}
.view-gallery > h4 span {font-weight: 500;}
.view-gallery .button-default {
    font-size: 15px;
    line-height: 40px;
    padding: 0 17px;
}
/*----------------------------------------*/
/*  12. Homepage Event Area
/*----------------------------------------*/
.event-date > span {color: #757575;}
.event-date span i {
    font-size: 16px;
    width: 20px;
    margin-right: 5px;
}
/*----------------------------------------*/
/*  15. Footer Area
/*----------------------------------------*/
.footer-area {
	background: #52832A none repeat scroll 0 0;
	font-size:13px;
}
.footer-info {line-height: 16px;}
.footer-info > span {
    color: #ffffff;
    display: inline-block;
    font-weight: 300;
    line-height: 18px;
    margin-right: 14px;
}
.footer-info > span > a {
    text-decoration: none;
    color: #fff;
}
.footer-info > span > a:hover {
    text-decoration: none;
    color: #8C7103;
}
.footer-info > span i {
    font-size: 14px;
    margin-right: 5px;
}
.footer-info > span:last-child {margin-right: 0;}
.footer-logo > a {
    display: inline-block;
    margin-bottom: 23px;
}
.footer-info-container {border-bottom: 1px solid #49c3c7;}
.single-footer-widget > h4 {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 22px;
    text-transform: uppercase;
}
.footer-widget-list li a {
    color: #ffffff;
    font-weight: 400;
    line-height: 36px;
}
.footer-widget-list li:last-child a {
}
.footer-widget-list li a:hover {color: #A36700;}
.subscribe-container {
    background: #13a0a5 none repeat scroll 0 0;
    border-radius: 4px;
    padding: 44px 40px 50px;
}
.subscribe-container > p {
    color: #ffffff;
    font-weight: 400;
    text-align: center;
    margin-bottom: 33px;
}
.subscribe-container input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #d7feff;
    font-weight: 400;
    width: 100%;
    padding-left: 14px
}
.subscribe-container input::-webkit-input-placeholder {
    color:#fff;
    opacity: 1 !important;
    filter: alpha(opacity=100);
}
.subscribe-container button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    float: right;
    font-size: 14px;
    padding-right: 14px;
    position: absolute;
    right: 0;
    top: 0;
}
.subscribe-form {
    background: #52832A none repeat scroll 0 0;
    border-radius: 4px;
    display: block;
    height: 48px;
    line-height: 46px;
    position: relative;
}
.footer-container {
    /*border-top: 1px solid #49c3c7;*/
    padding: 10px 0;
}
.footer-container .social-links {
    float: right;
    overflow: hidden;
}
.footer-container .social-links > a {
    margin-left: 14px;
    margin-right: 0;
    font-size:18px;
}
.footer-container span, .footer-container > span {
    color: #ffffff;
    font-weight: 400;
}
.footer-container > span > a {
    color: #ffffff;
    position: relative;
}
.footer-container > span > a:hover {
    text-decoration: none;
    color: #8C7103;
}
.footer-container > span > a:after {
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    background: #fff;
    height: 1px;
    content: "";
    opacity: 0;
    filter: alpha(opacity=0)
}
.footer-container > span > a:hover:after{opacity: 1;filter: alpha(opacity=100)}
/*----------------------------------------*/
/*  20. Class Grid Page
/*----------------------------------------*/
.class-menu {
    overflow: hidden;
    padding: 0 0 30px;
}
.class-menu a {
    background: #A36700 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-table;
    float: left;
    font-size: 14px;
    height: 32px;
    text-align: center;
    width: 32px;
}
.class-menu a:hover, .class-menu a.active {background: #52832A}
.class-menu a i {
    display: table-cell;
    vertical-align: middle;
}
.search-container {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #eaeaea;
    border-radius: 30px;
    display: inline-block;
    float: right;
    height: 32px;
    position: relative;
    width: 272px;
}
.search-container input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #b0b0b0;
    font-size: 14px;
    height: 32px;
    line-height: 34px;
    outline: medium none;
    padding: 0 45px 0 19px;
    width: 100%;
}
.search-container .submit {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #909090;
    float: right;
    font-size: 14px;
    line-height: 32px;
    position: absolute;
    right: 9px;
    text-align: center;
}
.search-container .submit:hover {color: #52832A;}
.class-grid-area .single-class {margin-bottom: 30px;}
.pagination-content {overflow: hidden;}
.pagination {
    border-radius: 0;
    float: right;
    margin: 0;
}
.pagination li {
    border-radius: 50%;
    display: inline-block;
    height: 25px;
    line-height: 26px;
    margin: 0 5px;
    text-align: center;
    vertical-align: middle;
    width: 25px;
}
.pagination li a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #333333;
    display: inline-block;
    float: none;
    padding: 4.5px 10px;
}
.pagination li.current {background: #52832A none repeat scroll 0 0;}
.pagination li.current a{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #ffffff;
}
.pagination li.current:hover a {color: #ffffff;}
.pagination li:hover a, .pagination > li:last-child:hover a i{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #52832A;
}
.pagination > li > a {padding: 0}
.pagination > li:last-child {
    font-size: 14px;
    margin-left: 17px;
    margin-right: 0;
    width: auto;
}
.pagination > li:last-child a i {color: #424242;}
.pagination-button > span {
    display: inline-block;
    float: right;
    margin-right: 13px;
}
/*----------------------------------------*/
/*  21. Class List Page
/*----------------------------------------*/
/*----------------------------------------*/
/*  21.1 Class List Content
/*----------------------------------------*/
.class-list-item {
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.class-list-item img {border-radius: 4px;}
.class-list-text h3 {
    font-size: 20px;
    margin-bottom: 10px;
}
.class-list-text h3 a {color: #333}
.class-list-item:hover .class-list-text h3 a {color: #52832A;}
.class-information > span {
    color: #333333;
    display: block;
    margin-bottom: 1px;
}
.class-information {margin-bottom: 13px;}
.class-list-text .button-default {
    font-weight: 500;
    margin-top: 12px;
    padding: 0 19px;
}
.class-list-item:hover .class-list-text .button-default{
    background: #A36700 none repeat scroll 0 0;
    color: #ffffff;
}
.class-list-text .button-default i {margin-left: 6px;}
/*----------------------------------------*/
/*  21.2 Class List Sidebar
/*----------------------------------------*/
.single-title > h2, .single-title > h3 {
    border-bottom: 1px solid #A36700;
    bottom: -1px;
    display: inline-block;
    font-size: 20px;
    line-height: 32px;
    padding-bottom: 10px;
    position: relative;
    color: #A36700;
}
.single-title {
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 20px;
}

.single-title-summer > h2, .single-title-summer > h3 {
    font-weight: bold;
    bottom: -1px;
    display: inline-block;
    font-size: 20px;
    line-height: 32px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    position: relative;
}
.single-widget-container {margin-bottom: 60px;}
.single-widget-container a, .single-widget-summer-container a {
    /* color: #333334; */
    color: #52832A;
    /* display: inline-block; */
}
.single-widget-container a:hover, .single-widget-summer-container a:hover {
    /* color: #333334; */
    color: #8C7103;
    /* display: inline-block; */
}
.single-widget-container ul.sidebar-categories li {
    line-height: 11px;
    margin-bottom: 29px;
    padding-left: 17px;
    position: relative;
}
.single-widget-container ul.sidebar-categories.class li {padding-left: 26px;}
.single-widget-container ul.sidebar-categories li:after {
    background: #cacaca none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 6px;
    left: 1px;
    position: absolute;
    top: 1px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 6px;
}
.single-widget-container ul.sidebar-categories.class li:after {
    color: #cacaca;
    content: "";
    font-family: fontawesome;
    left: 0;
    position: absolute;
    top: -1px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background: transparent
}
.single-widget-container ul.sidebar-categories li:hover a {color: #52832A;}
.single-widget-container ul.sidebar-categories li:hover:after {background: #52832A}
.single-widget-container ul.sidebar-categories.class li:hover:after {
    color: #52832A;
    background: transparent
}
.single-widget-container ul.sidebar-categories li:last-child, .recent-post-item:last-child {margin-bottom: 0;}
.single-widget-summer-container {

}
.recent-post-item {overflow: hidden; margin-bottom: 30px}
.recent-post-image > a {display: block;}
.recent-post-image {
    border-radius: 4px;
    display: inline-block;
    float: left;
    margin-right: 16px;
    overflow: hidden;
    width: 108px;
}
.recent-post-text > h4 {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 2px;
}
.recent-post-text > span {color: #333333;}
.recent-post-text span i {
    color: #A36700;
    margin-right: 9px;
}
.recent-post-text {
    overflow: hidden
}
.recent-post-text a:hover {color: #52832A;}
.recent-post-text a {color: #333333;}
.tag-list {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    padding: 0;
}
.tag-list li {display: inline-block;}
.tag-list li a {
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    color: #333333;
    display: inline-block;
    margin: 0 6px 10px 0;
    padding: 3px 17px;
    text-align: center;
}
.tag-list li a:hover {
    border-color: #52832A;
    background: #52832A;
    color: #fff
}
.single-widget-container > a {
    display: inline-block;
    position: relative;
}
.single-widget-container > a > span {
    background: rgba(255, 255, 255, 0.95) none repeat scroll 0 0;
    border-radius: 30px;
    bottom: 0;
    color: #333333;
    font-size: 13px;
    font-weight: 500;
    height: 42px;
    left: 0;
    line-height: 42px;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 156px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
.single-widget-container > a > span:after {
    border: 2px solid rgba(255, 255, 255, 0.95);
    border-radius: 30px;
    content: "";
    height: 52px;
    left: -5px;
    position: absolute;
    top: -5px;
    width: 166px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s
}
.single-widget-item:hover .single-widget-container a span {
    background: rgba(27, 180, 185, 0.85);
    color: #ffffff;
}
.single-widget-item:hover .single-widget-container > a > span:after{border-color: rgba(27, 180, 185, 0.85)}
/*----------------------------------------*/
/*  22. Class Details Page
/*----------------------------------------*/
/*----------------------------------------*/
/*  22.1 Class Details Content
/*----------------------------------------*/
.class-item { margin-bottom: 50px; }
.class-item-last { margin-bottom: 0px; }
.class-item .fa-school, .class-item .fa-phone, .class-item .fa-envelope, .class-item .fa-user, .contact-info .fa-phone, .contact-info .fa-envelope, .class-item-last .fa-school, .class-item-last .fa-phone, .class-item-last .fa-envelope, .class-item-last .fa-user, .contact-info-last .fa-phone, .contact-info-last .fa-envelope, .fa-globe, .fa-calendar-plus { margin-right:5px; width:20px; }
.class-item .fa-pen { margin-left:5px; }
table thead, table th {
    background: #52832A none repeat scroll 0 0;
    color: #ffffff;
    font-weight: 500;
    /*line-height: 32px;*/
}
.sub-title {
    background: #f0f0f0 none repeat scroll 0 0;
    color: #555555;
    font-weight: 400;
    line-height: 20px;
}
.sub-title span {display: block;}
td, th {padding: 5px 10px;}
table {
    border: 1px solid #999;
    width: 100%;
}
tbody td, tbody th, thead td, thead th {
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
}
#comments span {
    display: block;
    margin-bottom: 12px;
}
/* end removed .class-details-tab above */
/*----------------------------------------*/
/*  22.2 Class Details Sidebar
/*----------------------------------------*/
.class-infos {
    list-style: outside none none;
    padding-left: 0px;
}
.class-infos > li {
    color: #333333;
    line-height: 10px;
    margin-bottom: 28px;
}
.class-infos > li a {
    color: #52832A;
    line-height: 10px;
}
.class-infos > li a:hover {
    color: #8C7103;
    line-height: 10px;
}
.class-infos > li i {
    width: 20px;
    margin-right: 10px;
}
.widget-image {
    float: left;
    margin-right: 24px;
    width: 102px;
}
.widget-image img {
    border: 1px solid #f0f0f0;
    border-radius: 50%;
}
.widget-infos h4 a {
    font-size: 15px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.widget-infos > p {
    color: #909090;
    font-style: italic;
}
.widget-infos {
    overflow: hidden;
    padding-top: 18px;
}
.teacher-info-widget {
    margin-bottom: 30px;
    overflow: hidden;
}
.single-widget-container .teacher-info-widget:last-child {margin-bottom: 0;}
.widget-infos h4 a:hover {color: #52832A;}
.single-widget-container input, .contact-form-container input {
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    height: 37px;
    margin-bottom: 20px;
    padding: 0 16px;
    width: 100%;
    color: #afafaf
}
textarea {
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    color: #afafaf;
    height: 168px;
    margin-bottom: 20px;
    padding: 6px 15px;
    resize: none;
    width: 100%;
}
/*----------------------------------------*/
/*  22A. Generic Pages
/*----------------------------------------*/
.page-title-area { margin: 50px 0px; }
.noInfoMsgBox {
    margin-top:10px;
    background-color:#fef4f4;
    padding:10px 20px 0px 20px;
    border: 1px solid #f00;
}
/*----------------------------------------*/
/*  23. Gallery Page
/*----------------------------------------*/
.gallery-area.gallery-full-width .single-items {margin-bottom: 30px;}
.gallery-area.gallery-full-width .filter-menu {margin-bottom: 30px;}
.gallery-area.gallery-full-width .filter-menu ul li {
    background: transparent;
    border-radius: 30px;
    display: inline-block;
    line-height: 26px;
    padding: 0 25px;
    margin: 0 2px;
    font-size:16px;
}
.gallery-area.gallery-full-width .filter-menu ul li.active {
    background: #52832A none repeat scroll 0 0;
    color: #ffffff;
}
.gallery-area.gallery-full-width .filter-menu ul li.active:after {display: none}
.button a i {
    font-size: 13px;
    margin-right: 9px;
}
.button .button-default {
    font-size: 13px;
    line-height: 40px;
    padding: 0 19px;
}
.translateDiv {
    display: table;
 	  width: 100%;
 	  height: 150px;
}
.translateCell {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.translateDiv img {
	max-width:200px;
	max-height:200px;
}
.translateDesc{
	text-align:center;
  margin-bottom: 50px;
}
.galleryDesc, .studyAbroadSchDesc, .studyAbroadSchPicDesc {
  text-align:center;
  margin-bottom:20px;
}
.galleryDesc-last {
  text-align:center;
  margin-bottom:0px;
}
.studyAbroadSchDesc i { margin-right: 5px; }
.studyabroad-item-pic { margin-bottom: 30px; }
.studyAbroadSchDiv {
    display: table;
 	  width: 100%;
 	  height: 100px;
}
.studyAbroadSchCell {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.studyAbroadSchDiv img {
  max-width: 150px;
  max-height: 150px;
}
.studyAbroadSchPicDiv {
    display: table;
 	  width: 100%;
 	  height: 100px;
}
.studyAbroadSchPicCell {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
  background-color: #ccc;
}
.studyAbroadSchPicDiv img {
  height:150px;
}
.studyAbroad-area.studyAbroad-full-width .single-items {margin-bottom: 50px;}
.studyAbroad-area.studyAbroad-full-width .filter-menu {margin-bottom: 50px;}
.studyAbroad-area.studyAbroad-full-width .filter-menu ul li {
    background: transparent;
    border-radius: 30px;
    display: inline-block;
    line-height: 26px;
    padding: 0 25px;
    margin: 0 2px;
    font-size:16px;
}
.studyAbroad-area.studyAbroad-full-width .filter-menu ul li.active {
    background: #52832A none repeat scroll 0 0;
    color: #ffffff;
}
.studyAbroad-area.studyAbroad-full-width .filter-menu ul li.active:after {display: none}
.studyAbroad-Summer-Div {
    border-color: #d2b643;
    color:#fff;
    font-weight: bold;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 70px;
    background: #f5e6c6 no-repeat right bottom url(../images/studyabroad/sun.png);
}
.studyAbroad-Summer-Div i { margin: 0px 10px; }
.studyAbroadSchLogo { margin-top: 72px; margin-left:50px; }
/*----------------------------------------*/
/*  24. Teachers Page
/*----------------------------------------*/
.breadcrumb-banner-area.teachers {
    background: rgba(0, 0, 0, 0) url("../img/banner/12.jpg") no-repeat scroll center top / cover ;
}
.teacher-fullwidth-area .teachers-image-column {margin-top: 0;}
.teacher-fullwidth-area .single-teachers-column {margin-bottom: 60px;}
/*----------------------------------------*/
/*  25. Teacher Info Page
/*----------------------------------------*/
.teacher-list-item {
	/*border-bottom: 1px solid #e8e8e8;*/
    margin-bottom: 80px;
    /*padding-bottom: 50px;*/
}
.teacher-list-item-last {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.teacher-details-image {
    /*border: 1px solid #f0f0f0;*/
    border-radius: 4px;
    position: relative;
    /*text-align: center;*/
}
.teacher-details-area .social-links {
    background: rgba(245, 177, 32, 0.8) none repeat scroll 0 0;
    border-radius: 0 0 4px 4px;
    bottom: 0;
    height: 53px;
    left: 0;
    margin: 0;
    padding: 16px 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%;
}
.teacher-details-area .social-links a {
    font-size: 18px;
    margin: 0 12px;
}
.teacher-details-area .social-links a:hover {color: #52832A;}
/*.teacher-about-info {margin-bottom: 49px;}*/
.teacher-about-info i { width: 20px; margin-right:5px; }
.teacher-details-info > h4 {
    font-size: 15px;
    line-height: 12px;
    margin-bottom: 7px;
    text-transform: uppercase;
}
.teacher-details-info > span {
    color: #909090;
    display: block;
    font-style: italic;
}
.teacher-details-info {margin-top: 30px;}
.teacher-info-text > span {
    color: #333333;
    display: block;
    line-height: 38px;
}
.teacher-info-text {
  margin: 8px 0 18px;
}
.teacher-about-info .teacher-info-text > span {
    line-height: 13px;
    margin-bottom: 16px;
}
.teacher-about-info .teacher-info-text > span:last-child {margin-bottom: 0}
.teacher-about-info .teacher-info-text span i {width: 23px;}
.teacher-about-info > p {margin-bottom: 16px;}
.schedule-text > span {
    border-bottom: 1px solid #f0f0f0;
    display: block;
    line-height: 12px;
    margin-bottom: 35px;
    padding-bottom: 12px;
}
span.schedule-time {
    color: #52832A;
    display: inline-block;
    float: right;
}
.schedule-text > span:last-child, .schedule-skill-wrapper .skill-bar-item:last-child{margin-bottom: 0}
.schedule-skill-wrapper .skill-bar-item > span, .experience-skill-wrapper .skill-bar-item > span {
    font-weight: 300;
    line-height: 13px;
    margin-bottom: 7px;
}
.schedule-skill-wrapper .skill-bars .skill-bar-item {margin-bottom: 14px;}
.schedule-skill-wrapper .skill-bars, .experience-skill-wrapper .skill-bars {padding-top: 0;}
/*----------------------------------------*/
/*  28. About Page
/*----------------------------------------*/
.about-text-container p span {
    color: #333333;
    font-size: 18px;
    font-weight: 500;
    line-height: 36px;
}
.about-us > span {
    display: block;
    padding-left: 19px;
    position: relative;
}
.about-us > span:after {
    background: #999999 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 4px;
    position: absolute;
    top: 11px;
    width: 8px;
}
.about-text-container > p {margin-bottom: 7px;}
.about-us {margin-bottom: 13px;}
.experience-skill-wrapper {margin-top: 7px;}
.experience-skill-wrapper .skill-bars .skill-bar-item {margin-bottom: 9px;}
.experience-skill-wrapper .skill-bars .skill-bar-item:last-child {margin-bottom: 0;}
.experience-skill-wrapper .skill-bars .skill-bar-item:last-child .progress {margin-bottom: 0;}
/*----------------------------------------*/
/*  29. Contact Page
/*----------------------------------------*/
.contact-area-container .single-title {margin-bottom: 24px;}
.contact-area-container > p {padding-bottom: 12px;}
.contact-address-info {
    /*border-bottom: 1px solid #f0f0f0;
    margin-bottom: 31px;
    padding-bottom: 22px;*/
    margin-bottom: 50px;
}
.contact-icon {
    color: #A36700;
    float: left;
    font-size: 18px;
    margin-right: 10px;
    width: 30px;
}
.contact-text {
    overflow: hidden;
}
.contact-text > h2, .contact-text > h4 {
    margin-bottom: 10px;
    color: #A36700;
    font-size: 20px;
    line-height: 32px;
}
.contact-icon i {
    position: relative;
    margin-top: 3px;
}
.contact-address-info:last-child {margin-bottom: 0;}
.contact-address-container {
    /*border-top: 1px solid #f0f0f0;*/
    /*padding-top: 30px;*/
}
.contact-form .single-title {margin-bottom: 26px;}
.contact-form-container input, .contact-form-container textarea {color: #909090}
.contact-form-container textarea {height: 199px}
.contact-form-container .button-default {
    font-size: 13px;
    font-weight: 500;
    line-height: 36px;
    margin-top: 10px;
    padding: 0 16px;
}
.contact-form-container .button-default i { margin-right: 5px;}
/*----------------------------------------*/
/*  30. FAQ Page
/*----------------------------------------*/
.faq-list-item { margin-bottom: 50px; }
.faq-list-item-last { margin-bottom: 0px; }
/*----------------------------------------*/
/*  31. Scrollup
/*----------------------------------------*/
#scrollUp {
    background: #8C7103 none repeat scroll 0 0 padding-box;
    /*border: 3px solid rgba(245, 177, 32, 0.85);*/
    border: 3px solid #d2b643;
    border-radius: 50%;
    bottom: 45px;
    color: #ffffff;
    cursor: pointer;
    display: none;
    font-size: 24px;
    height: 54px;
    line-height: 47px;
    position: fixed;
    right: 12px;
    text-align: center;
    width: 54px;
    z-index: 999;
}
#scrollUp:hover {
    background-color: #fff;
    color: #52832A;
    border-color: #52832A;
}
#scrollUp i {
    line-height: 47px;
}
/*----------------------------------------*/
/*  32. Video Page
/*----------------------------------------*/
.video-box { padding-bottom: 50px; }
.video-des a {
    color: #52832A;
    font-size: 16px;
    font-weight: 500;
}
.video-des a:hover {color: #8C7103;}
.video-des {
    /* padding: 25px 15px 10px; */
    margin: 20px;
    min-height: 130px;
    position: relative;

}
.video-des > p {word-spacing: 3px;}
.video-des > h4 { padding-bottom:20px; }
.video-des > h4 a {line-height: 24px; font-size: 20px; color: #A36700; }
.video-des > .readmore { position:absolute; bottom: 0; right: 0; }
.video-des > .readmore i { margin-left:5px; }

/*----------------------------------------*/
/*  33. Small Slide
/*----------------------------------------*/
* {box-sizing:border-box}

/* Slideshow container */
.slideshowSmall-container {
max-width: 1000px;
position: relative;
margin: auto;
}

/* Hide the images by default */
.mySlidesSmall {
display: none;
}

/* Next & previous buttons */
.slideshowSmall-prev, .slideshowSmall-next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
margin-top: -22px;
padding: 16px;
color: white;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
}

/* Position the "next button" to the right */
.slideshowSmall-next {
right: 0;
border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.slideshowSmall-prev:hover, .slideshowSmall-next:hover {
background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.slideshowSmall-text {
color: #52832A;
font-size: 15px;
padding: 8px 12px;
position: absolute;
/*bottom: 8px;*/
width: 100%;
text-align: center;
background-color:#EEE;
}

/* Number text (1/3 etc) */
.slideshowSmall-numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}

/* The dots/bullets/indicators */
.slideshowSmall-dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #CCC;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}

.slideshowSmall-active, .slideshowSmall-dot:hover {
background-color: #52832A;
}

.slideshowSmall-dot-div {
text-align:center;
margin-top:30px;
}

/* Fading animation */
.slideshowSmall-fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}

@-webkit-keyframes .slideshowSmall-fade {
from {opacity: .4}
to {opacity: 1}
}

@keyframes .slideshowSmall-fade {
from {opacity: .4}
to {opacity: 1}
}

/*----------------------------------------*/
/*  34. Feedback
/*----------------------------------------*/
.feedback-image {
	margin-bottom: 50px;
}

/*----------------------------------------*/
/*  35. Promotion SSI
/*----------------------------------------*/
.promo-div {
	padding: 10px 10px 0px 10px;
	border: 1px solid #A36700;
	background-color: #c5eda4;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	color: #F00;
	width: auto;
}
/*----------------------------------------*/
/*  36. Others
/*----------------------------------------*/