/*
Theme Name: Edu
Theme URI: http://www.smooththemes.com
Version: 2.2
Description: A premium WordPress theme by SmoothThemes.
Author: SmoothThemes.
Author URI: http://www.smooththemes.com
Tags: full-width-template, custom-colors, right-sidebar, left-sidebar, custom-menu, featured-images, two-columns, translation-ready
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
Copyright: (c) 2013 SmoothThemes.
*/
/*
---------------------------------------------------------------------------------------------
    WARNING! DO NOT EDIT THIS FILE!
    To make it easy to update your theme, you should not edit the styles in this file. Instead use
    the custom.css file to add your styles. You can copy a style from this file and paste it in
    custom.css and it will override the style in this file. You have been warned! :)
-------------------------------------------------------------------------------------------*/
/*----------// General Style //---------*/
/*-----// CSS Reset //-----*/
/* CSS reset is already defined by bootstrap */
/*-----// Body General //-----*/
body { }
p { margin: 10px 0px }
iframe {border: none;}
/*-----// Boxed or Fullwidth Layout //-----*/
.boxed {
    max-width: 1230px;
    margin: 0 auto;
    background: #ffffff;
}
select{ padding: 5px; }
/*-----// Heading Typography //-----*/
/*-----// WordPress Style //-----*/
.alignleft,
img.alignleft {
    float: left;
    margin: 5px 20px 20px 0px;
}
.alignright,
img.alignright {
    float: right;
    margin: 5px 0px 20px 20px;
}
.aligncenter,
img.aligncenter {
    display: block;
    margin: 5px auto;
}
.alignnone,
img.alignnone { margin: 5px 20px 20px 0 }
.wp-caption {
    text-align: center;
    padding: 0;
    max-width: 100%;
}
.wp-caption img {
    border: 0 none;
    padding: 0;
    margin: 0;
    max-width: 98.5%;
    width: auto;
    display: block;
}
.wp-caption p.wp-caption-text {
    line-height: 1.5;
    font-size: 10px;
    margin: 0;
    padding-top: 5px;
}
.wp-smiley {
    margin: 0 !important;
    max-height: 1em;
}
.gallery dl { }
.gallery dt { }
.gallery dd { }
.gallery dl a { }
.gallery dl img { }
.gallery-caption { }
.size-full { }
.size-large { }
.size-medium { }
.size-thumbnail { }
.sticky { }
.bypostauthor { }
/*----------// Helper Class //----------*/
.max-width { max-width: 100% }
.mt0 { margin-top: 0px !important }
.mt10 { margin-top: 10px !important }
.mt20 { margin-top: 20px !important }
.mt30 { margin-top: 30px !important }
.mt40 { margin-top: 40px !important }
.mt50 { margin-top: 50px !important }
.mb0 { margin-bottom: 0px !important }
.mb10 { margin-bottom: 10px !important }
.mb20 { margin-bottom: 20px !important }
.mb30 { margin-bottom: 30px !important }
.mb40 { margin-bottom: 40px !important }
.mb50 { margin-bottom: 50px !important }
.pt0 { padding-top: 0px !important }
.pt10 { padding-top: 10px !important }
.pt20 { padding-top: 20px !important }
.pt30 { padding-top: 30px !important }
.pt40 { padding-top: 40px !important }
.pt50 { padding-top: 50px !important }
.pb0 { padding-bottom: 0px !important }
.pb10 { padding-bottom: 10px !important }
.pb20 { padding-bottom: 20px !important }
.pb30 { padding-bottom: 30px !important }
.pb40 { padding-bottom: 40px !important }
.pb50 { padding-bottom: 50px !important }
/*----------// Layout mod //----------*/
.layout-boxed-mod .page-outer-wrapper {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}
/*----------// Bootstrap Hack //----------*/
/*----------// Header Container //----------*/
/*-----// Top Bar //-----*/
.topbar-outer-wrapper {
    background: #303030;
    color: #999999;
    padding: 0px;
    font-size: 12px;
}
.topbar-outer-wrapper.sidebar { margin-bottom: 0px }
.sidebar .topbar .widget:last-child { margin-bottom: 0px }



/* For custom nmenu widget */
.topbar .widget_nav_menu .widget-title { display: none }
.topbar .textwidget {
    padding-top: 4px;
    padding-bottom: 4px;
}
.topbar .widget_nav_menu .menu {
    margin: 0px;
    padding: 0px;
}
.topbar .widget_nav_menu .menu li {
    list-style: none;
    display: inline;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 0px;
}
.topbar .widget_nav_menu .menu li ul li { display: block }
.topbar-left .widget_nav_menu .menu { display: none }
.topbar-left .widget_nav_menu ul li { }
.topbar-right .widget_nav_menu ul li { }
.topbar .main-nav-outer-wrapper { background: none }
.topbar-right .main-nav-outer-wrapper .menu > li { float: right }
.topbar .widget_nav_menu .menu li ul { display: none }
.topbar-right .widget_nav_menu .menu {
    height: 20px;
    display: block;
}
.topbar .main-nav-outer-wrapper .menu > li >a {
    padding: 8px 15px 7px;
    line-height: 12px;
    display: inline;
    font-size: 12px;
}
.topbar .main-nav-outer-wrapper .menu > li> a:hover,
.topbar .main-nav-outer-wrapper .menu .current-menu-item > a,
.topbar .main-nav-outer-wrapper .menu > .current-menu-ancestor > a,
.topbar .main-nav-outer-wrapper .menu > .current-menu-parent > a {
    background: #F2F2F2;
    color: #333;
}
/* topbar mobile menu */
.mobile-menu {
    clear: both;
    display: none;
    position: relative;
}
.mobile-menu .mobile-menu-list {
    position: absolute;
    top: 30px;
    left: 0px;
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.32);
    width: 230px;
    z-index: 101;
    text-align: left;
    padding: 0px;
}
.text-right .mobile-menu .mobile-menu-list {
    right: 0px;
    left: auto;
}
.mobile-menu ul.mobile-menu-list li,
.mobile-menu .mobile-menu-list li {
    display: block;
    float: none;
}
.mobile-menu .mobile-menu-list li ul { display: block }
.topbar .mobile-menu-list li ul { padding: 0px }
.text-right .mobile-menu-list li ul { padding: 0px }
.mobile-menu-icon {
    height: 30px;
    background: #f2f2f2;
    line-height: 30px;
    display: block;
    overflow-y: hidden;
    padding: 0px 15px 0px;
    text-decoration: none;
    text-transform: uppercase;
}
.mobile-menu-icon:after {
    clear: both;
    display: table;
    content: " ";
}
.mobile-menu-icon i {
    display: block;
    float: left;
    font-size: 16px;
    margin-top: 8px;
}
.mobile-menu-icon span { margin-left: 5px }
.mobile-menu-icon.opened  i {
    transform: rotate(-180deg); /* Safari */ -webkit-transform: rotate(-180deg); /* Firefox */ -moz-transform: rotate(-180deg); /* IE */ -ms-transform: rotate(-180deg); /* Opera */ -o-transform: rotate(-180deg); /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); ;
}
.mobile-menu-list li {
    margin: 0px !important;
    pading: 0px !important;
}
.mobile-menu-list li a {
    border-bottom: 1px solid #E7E7E7;
    color: #777777;
    display: block;
    padding: 7px 13px;
    z-index: 100;
}
.mobile-menu-list li a:hover { background: #F5F5F5 }
.mobile-menu-list li ul li a { padding-left: 26px }
.mobile-menu-list li ul li ul li a { padding-left: 36px }
/*-----// Header //-----*/
.header-wrapper {
    padding: 8px 0px;
    background: #2d343e;
}
/*-----// NAV Menu //-----*/
.primary-nav {
    position: relative;
    background: none;
}
.main-nav-outer-wrapper {
    width: 100%;
    z-index: 10;
    position: relative;
    background: #0099cc;
    color: #fff;
}
.main-nav-outer-wrapper .current-menu-item .link-depth-0 { }
.main-nav-outer-wrapper .menu:after {
    clear: both;
    display: block;
    content: " ";
}
.main-nav-outer-wrapper .menu,
.main-nav-outer-wrapper .menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.main-nav-outer-wrapper .menu  li { position: relative }
.main-nav-outer-wrapper .menu > li {
    position: relative;
    float: left;
    margin: 0px;
    line-height: 25px;
    padding: 0 0px 0 0;
    text-align: center;
    border: 0;
    display: block;
}
.main-nav-outer-wrapper .menu  li ul li { display: block }
.main-nav-outer-wrapper .menu  li ul li.item-parent:after,
.main-nav-outer-wrapper .menu  li ul li.menu-item-has-children:after {
    content: '\e879';
    position: absolute;
    top: 6px;
    right: 10px;
    font-family: "fontello";
}
.main-nav-outer-wrapper .menu  li ul {
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    width: 168px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
}
.main-nav-outer-wrapper .menu > li > a {
    font-size: 12px;
    text-decoration: none;
    margin: 0 auto;
    padding: 7px 15px 7px 15px;
    white-space: nowrap;
    display: block;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    line-height: 30px;
    text-transform: uppercase;
    color: #ffffff;
    text-decoration: none;
    margin: 0 auto;
    white-space: nowrap;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    line-height: 30px;
    font-weight: bold;
}
.main-nav-outer-wrapper .menu > li > a.hasSubMenu {
    padding: 7px 25px 7px 15px;
    background-image: url("assets/images/arrow-down-white.png") !important;
    background-repeat: no-repeat !important;
    background-position: right 20px !important;
}
.main-nav-outer-wrapper .menu > .current-menu-item,
.main-nav-outer-wrapper .menu > li:hover,
.main-nav-outer-wrapper .menu > li.current-menu-ancestor {
    box-shadow: inset 5px 0 5px -5px  rgba(0, 0, 0, 0.35), inset -5px 0 5px -5px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: inset 5px 0 5px -5px  rgba(0, 0, 0, 0.35), inset -5px 0 5px -5px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: inset 5px 0 5px -5px  rgba(0, 0, 0, 0.35), inset -5px 0 5px -5px rgba(0, 0, 0, 0.35);
    color: #fff;
    text-decoration: none;
    background:none;
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    zoom: 1;
    background: rgba(0, 0, 0, 0.3);
}
.main-nav-outer-wrapper .menu > li> a:hover,
.main-nav-outer-wrapper .menu .current-menu-item > a,
.main-nav-outer-wrapper .menu > .current-menu-parent > a { background-position: right 20px !important; }
.main-nav-outer-wrapper .menu ul {
    position: absolute;
    text-align: left;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    display: none;
    position: absolute;
    top: 44px;
    left: 0;
    z-index: 9998;
    float: left;
    color: #fff;
    margin: 0 0 40px 0;
    border-top: none;
    background: red;
}
.main-nav-outer-wrapper .menu ul li { }
.main-nav-outer-wrapper .menu ul a {
    line-height: 12px;
    padding: 10px;
    color: #12b0e6;
    display: block;
    font-size: 12px;
    display: block;
    width: 168px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}
.main-nav-outer-wrapper .menu ul li:hover > a,
.main-nav-outer-wrapper .menu ul li.current-menu-item > a,
.main-nav-outer-wrapper .menu ul li.current-menu-ancestor > a {
    text-decoration: none;
    color: #ffffff;
}
/*  Mobile Version
    ---------------------------------------------------------------------------------------------*/
#primary-nav-mobile-a { display: none }
#primary-nav-mobile-id {
    display: none;
    margin: 0;
    padding: 0;
}
#primary-nav-mobile-a {
    position: relative;
    line-height: 42px;
    color: #fff;
    font-family: 'Roboto',Arial,sans-serif;
    text-align: center;
    height: 44px;
    cursor: pointer;
    color: #ff9;
    text-shadow: 1px 1px 0px rgba(0,0,0,0.2);
    text-transform: uppercase;
    font-weight: 700;
    box-shadow: none;
    text-decoration: none;
}
#primary-nav-mobile-a span {
    width: 9px;
    height: 5px;
    display: block;
    background: url('assets/images/primary-mobilemenu-arrowdown.html') no-repeat;
    position: absolute;
    top: 18px;
    left: 16px;
}
#primary-nav-mobile-id {
    margin: 0px;
    padding-bottom: 8px;
    display: none;
}
#primary-nav-mobile-id li { margin-bottom: 0px }
#primary-nav-mobile-id li a {
    color: #12B0E6;
    padding: 5px 15px 6px 15px;
    font-size: 13px;
    text-shadow: none !important;
    display: block;
}
#primary-nav-mobile-id > li > a {
    display: block;
    font-size: 12px;
    line-height: 35px;
    height: 44px;
    margin: 0 auto;
    text-decoration: none;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: bold;
    color: #ffffff;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}
#primary-nav-mobile-id > li:hover {
    background-color: #006e92;
    color: #fff;
    text-decoration: none;
}
#primary-nav-mobile-id ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#primary-nav-mobile-id > li > ul.sub-menu {
    display: block;
    text-align: left;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    z-index: 9998;
    color: #fff;
    margin: 0 0 40px 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top: none;
    background: #2d343e;
    padding: 15px;
}
#primary-nav-mobile-id li { list-style: none }
#primary-nav-mobile-id li ul li a { padding-left: 20px }
#primary-nav-mobile-id li ul li ul li a { padding-left: 40px }
#primary-nav-mobile-id li ul li ul li ul li a { padding-left: 60px }
#primary-nav-mobile-id li a:hover,
#primary-nav-mobile-id li a:active,
#primary-nav-mobile-id li a:focus { text-decoration: none }
#primary-nav-mobile-id li a:hover { color: #ffffff }
.primary-nav-mobile-id li a:hover,
.primary-nav-mobile-id li.current-menu-item a { background: #16a1e7 }
.primary-nav-opened span {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
/*----------// Main //----------*/
.main-wrapper { margin-bottom: 30px; }
.main-outer-wrapper { }
.main-content { /*margin-bottom: 40px*/ }
.sidebar { }
.main-wrapper .sidebar {
    /*: ;
    margin-bottom: 40px;
    padding: 30px 30px 15px 30px;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 30px;
    position: relative;*/
}
.main-wrapper .wrap-primary {
    margin-bottom: 0px;
    padding: 30px 30px 30px 30px;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
}
.builder-sidebar,
.wrap-sidebar {
    margin-bottom: 0px;
    padding: 30px 30px 30px 30px;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
}
.layout-title {
    overflow: hidden;
    position: relative;
    background: none;
    margin: 20px 0;
}
.page-title {
    padding: 0px 0px;
    margin: 0px;
    font-size: 25px;
}
.st-breadcrumb {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 11px;
}
.st-breadcrumb .divider {
    padding: 0 5px;
    color: #ccc;
}
.layout-full-width-mod .main-wrapper,
.main-wrapper-outer { }
.main-wrapper-inner { }
.list-post { }
.main-wrapper .list-post .post,
.main-wrapper .list-post .course,
.main-wrapper .list-post .event,
.main-wrapper .list-post .page {
    padding-bottom: 30px;
    /*margin-bottom: 30px;*/
}
.list-post .post:last-child,
.list-post article:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: none;
}
.list-post .entry-title,
.single .entry-title {
    padding: 0px;
    margin: 0px 0px 20px 0px;
    font-weight: bold;
}
.single .entry-title a:hover,
.list-post .entry-title a:hover { text-decoration: none }
/* Blog */
.img-type-medium-left,
.img-type-medium-right { }
.img-type-medium-left .entry-title,
.img-type-medium-right .entry-title {
    font-size: 18px;
    margin: 0px 0px 10px 0px;
}
.carousel-control { width: 30px }
.carousel-control.left,
.carousel-control.right { background: none }
.carousel-control .icon-next,
.carousel-control .icon-prev {
    font-size: 30px;
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
    line-height: 1em;
    color: red;
    text-align: center;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    transition: all .5s linear;
    padding: 33px 0px !important;
    height: auto;
    width: 30px;
}
.carousel-control .icon-prev:before {
    content: '\e874';
    padding: 10px 0;
}
.carousel-control .icon-next:before {
    content: '\e875';
    padding: 10px 0;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
    width: 30px;
    height: 100px;
    margin-top: -50px;
    margin-left: 0;
    margin-right: 0;
    font-size: 30px;
    line-height: 0;
    left: 0;
}
.stpb-slider { }
.stpb-slider .carousel-control.left span,
.stpb-slider .carousel-control.right span {
    background: rgba(0, 0, 0, 0.3);
    height: auto;
    color: #ffffff !important;
    padding: 50px 0 !important;
    text-align: center;
}
/* Single content */
.post-title {
    padding: 0px;
    margin: 0px 0px 20px 0px;
}
.entry-meta {
    padding: 10px 0px;
    margin: 0px 0px 20px;
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #e7e7e7;
}
.single .entry-meta { margin-top: 0px }
.entry-excerpt p { margin-bottom: 0px }
.entry-excerpt { margin-bottom: 25px }
.entry-meta .meta-item { margin-right: 10px }
.entry-thumbnail {
    position: relative;
    border-radius: 3px;
    overflow: hidden;
}
.entry-tags { margin: 30px 0px }
.entry-author {
    background: #EEEEEE;
    padding: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.entry-author .avatar {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.entry-author.author-top { margin-bottom: 30px }
/* Pagianation */
.st-pagination-wrap { margin-top: 30px; }
.st-pagination-wrap ul {margin: 0; padding: 0;}
/* Page 404 */
.class-404 {
    text-align: center;
    font-size: 150px;
    line-height: 160px;
    font-weight: bold;
}
/* Fix Woocomerce */
/* BASE ANIMATION - ADD TO ANY ANIMATED OBJECTS */
.animated { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; }

/* BOUNCE IN FROM BOTTOM */
.BottomToTop { -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -ms-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; -webkit-animation-name: BottomToTop; -moz-animation-name: BottomToTop; -o-animation-name: BottomToTop; animation-name: BottomToTop; -webkit-animation-delay: .3s; -moz-animation-delay: .3s; -ms-animation-delay: .3s; -o-animation-delay: .3s; animation-delay: .3s; }
@-webkit-keyframes BottomToTop { 0%   { opacity: 0; -webkit-transform: translateY(50px);  } 100% { -webkit-transform: translateY(0);      } }
@-moz-keyframes BottomToTop { 0%   { opacity: 0; -moz-transform: translateY(50px);   } 100% { -moz-transform: translateY(0);       } }
@-o-keyframes BottomToTop { 0%   { opacity: 0; -o-transform: translateY(50px);   } 100% { -o-transform: translateY(0);       } }
@keyframes BottomToTop { 0%   { opacity: 0; transform: translateY(50px);    } 100% { transform: translateY(0);        } }

#ship-to-different-address {
    float: left;
    margin-left: 15px;
    margin-top: 20px;
    overflow: hidden;
}
.woocommerce h1,
.woocommerce h2 { font-size: 18px !important }
body .woocommerce-cart {
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 100;
}
body .st-cart-icon .cart-icon { height: 44px }
body .st-cart-icon .cart-icon .iconentypo-basket {
    font-size: 20px;
    color: #ffffff;
}
body .st-cart-icon .cart-content {
    opacity: 0;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    height: 0;
}
body .st-cart-icon:hover .cart-content,
.st-cart-icon.opened .cart-content {
    display: block;
    opacity: 1;
    height: auto;
}
.product a h3 {
    font-size: 14px;
    margin: 10px 0;
}
.product a:hover { text-decoration: none }
.products .product { text-align: center }
.related.products { }
.related.products .product { }
.related.products .product a.add_to_cart_button { display: inline-block }
.related.products .product a.add_to_cart_button { min-height: 0 }
.related.products .product a h3 { font-size: 14px }
.related.products .product a:hover { text-decoration: none }
body .st-cart-icon .cart-content .widget_shopping_cart_content {
    padding: 14px;
    text-align: left;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    z-index: 9998;
    float: left;
    color: #fff;
    margin: 0 0 40px 0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top: none;
    background: #2d343e;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
body .st-cart-icon .cart-content .widget_shopping_cart_content li a {
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
body .st-cart-icon .cart-content .widget_shopping_cart_content li a:hover { color: #ffffff }
body .woocommerce table.cart input,
body.woocommerce-page table.cart input,
body .woocommerce #content table.cart input,
body .woocommerce-page #content table.cart input { line-height: 20px }
body .woocommerce .col2-set .col-1,
body .woocommerce-page .col2-set .col-1,
body .woocommerce .col2-set .col-2,
body .woocommerce-page .col2-set .col-2 { width: 100% }
.widget_product_categories .product-categories { }
.widget_product_categories .product-categories li {
    text-decoration: none;
    padding: 4px 10px;
    display: block;
    margin-bottom: 3px;
    color: #0088cc;
}
.widget_product_categories .product-categories li:hover {
    background-color: #efefef;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #326e99;
}
.widget_product_categories .product-categories li:hover a { }
.widget_product_categories .product-categories li.current-cat {
    background: #099ad1 url(assets/images/arrow.png) no-repeat  96% center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.widget_product_categories .product-categories li.current-cat a,
.widget_product_categories .product-categories li.current-cat span { color: #ffffff }
.widget_product_categories .product-categories li a,
.widget_product_categories .product-categories li span { font-weight: bold }
.widget_product_categories .product-categories li a:hover { text-decoration: none }


body.woocommerce a.added_to_cart, body.woocommerce-page a.added_to_cart {
    padding-left: 10px;
}
/* Fix Contact Form 7 */
.wpcf7-form .form-control img {
    max-width: 100%;
    width: auto;
}
/* Layer Slider */
/*
    body .stpb-LayerSlider .ls-nav-prev {    
        z-index:10;cursor:pointer; background:url(assets/images/large_left.png) no-Repeat 0 0;    width:30px;    height:100px; margin-top: -50px;
    }
    
    body .stpb-LayerSlider .ls-nav-next {    
        z-index:10;cursor:pointer; background:url(assets/images/large_right.png) no-Repeat 0 0;    width:30px;    height:100px; margin-top: -50px;
    }
    
    body .stpb-LayerSlider .ls-nav-prev:hover,
    body .stpb-LayerSlider .ls-nav-next:hover { background-position:bottom left; }
    */
body .stpb-LayerSlider .ls-nav-prev,
body .stpb-LayerSlider .ls-nav-next {
    font-size: 30px;
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
    line-height: 1em;
    color: #fff;
    background:none;
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
    zoom: 1;
    background: rgba(0,0,0,0.5);
    text-align: center;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    transition: all .5s linear;
    padding: 33px 0px !important;
    height: auto;
    width: 30px;
    left: 0;
}
body .stpb-LayerSlider .ls-nav-prev {
    z-index: 10;
    cursor: pointer;
    margin-top: -50px;
}
body .stpb-LayerSlider .ls-nav-prev:before {
    content: '\e874';
    padding: 10px 0;
}
body .stpb-LayerSlider .ls-nav-next {
    z-index: 10;
    cursor: pointer;
    margin-top: -50px;
    right: 0;
    left: auto;
}
body .stpb-LayerSlider .ls-nav-next:before {
    content: '\e875';
    padding: 10px 0;
}
body .stpb-LayerSlider .ls-nav-prev:hover,
body .stpb-LayerSlider .ls-nav-next:hover {
    text-decoration: none;
    background:none;
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000,endColorstr=#CC000000);
    zoom: 1;
    background: rgba(0,0,0,0.8);
}

body .stpb-LayerSlider .ls-nav-next:hover,
body .stpb-LayerSlider .ls-nav-next:active,
body .stpb-LayerSlider .ls-nav-next:visited,
body .stpb-LayerSlider .ls-nav-next:focus,
body .stpb-LayerSlider .ls-nav-prev:hover,
body .stpb-LayerSlider .ls-nav-prev:active,
body .stpb-LayerSlider .ls-nav-prev:visited,
body .stpb-LayerSlider .ls-nav-prev:focus {
    text-decoration: none;
}
/* Builder Item Table */
.table-bordered {
    border-collapse: separate;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.table-bordered .heading {
    background: #EEE;
    background: -moz-linear-gradient(top, #eeeeee 0%, #dadada 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dadada));
    background: -webkit-linear-gradient(top, #eeeeee 0%, #dadada 100%);
    background: -o-linear-gradient(top, #eeeeee 0%, #dadada 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%, #dadada 100%);
    background: linear-gradient(top, #eeeeee 0%, #dadada 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DADADA')";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DADADA');
}
.table-bordered .heading th {
    background: none !important;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #444;
    border-top: 0px;
    border-left: 1px solid #F1F1F1;
    border-right: 1px solid #CCC;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}
.table-bordered .heading:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child,
.table-bordered tbody:first-child tr:first-child > th:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-left: 0;
}
.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td { border-bottom: 0px }
.table-bordered tbody tr td:first-child { border-left: 0 }
.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tbody:last-child tr:last-child > th:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > th:first-child {
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
}
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tbody:last-child tr:last-child > th:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > th:last-child {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
}
.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child,
.table-bordered tbody:first-child tr:first-child > th:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
}
.table-bordered .heading th:last-child { border-right: none }
/* Builder Item Notification */
.alert-danger {
    background-color: #FCCAC1;
    border: 1px solid #E18B7C;
}
.alert-danger i { color: #E18B7C }
.alert-warning {
    background-color: #FFE9AD;
    border: 1px solid #EAC572;
}
.alert-warning i { color: #EAC572 }
.alert-success {
    background-color: #EFFEB9;
    border: 1px solid #C1D779;
}
.alert-success i { color: #C1D779 }
.alert-info {
    background-color: #DEEEFA;
    border: 1px solid #AFD3F2;
}
.alert-info i { color: #AFD3F2 }
/* Builder Item Accodion + Toogle */
.stpb-accordion { }
.panel-default {
    border: none;
    box-shadow: none;
}
.panel-default .panel-heading {
    padding: 0;
    border: none;
    background: none;
}
.panel-default .panel-body,
.panel-default .panel-heading .acc-title { border: none !important }
.panel-default .panel-heading .acc-title a {
    display: block;
    margin: 5px 0;
    background: url(assets/images/minus.png) no-repeat center right;
    cursor: pointer;
    font-size: 16px;
    padding: 5px 15px;
    line-height: 32px;
    transition: background .5s ease;
    margin-bottom: 5px;
    font-weight: normal;
    color: #ffffff;
}
.panel-default .panel-heading .acc-title a.collapsed { background: #f5f5f5 url(assets/images/plus.png) no-repeat center right }
.panel-default .panel-heading .acc-title a.collapsed:hover {
    text-decoration: none;
    color: #fff;
}
.panel-default .panel-heading .acc-title a:hover { text-decoration: none }
.panel-default .panel-heading .acc-title a i,
.panel-default .panel-heading .acc-title a.collapsed:hover i { color: #ffffff }
.panel-default .panel-heading .acc-title a:focus { text-decoration: none }
/* Builder Item Contact */
div.wpcf7-mail-sent-ok {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
div.wpcf7-validation-errors {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #fbeed5;
}
.wpcf7-not-valid-tip {
    border: none !important;
    color: #ff0000;
    background: none !important;
}
/* Builder Item Iconbox */
.st-iconbox .icon-iconbox {
    font-size: 4em;
    text-align: center;
    display: block;
}
.icon-align-top.icon-small .icon-iconbox { float: left }
.icon-align-left .icon-iconbox { float: left }
.icon-large .icon-iconbox {
    font-size: 80px;
    line-height: 100px;
}
.st-iconbox .iconbox-title {
    margin-top: 0px;
    font-size: 16px;
    font-weight: normal;
}
.icon-small .iconbox-title {
    font-size: 16px;
    line-height: 36px;
}
.icon-small .icon-iconbox {
    font-size: 16px;
    line-height: 36px;
}
/* Builder Item Map */
.st-map-wrap{ display: block; width: 100%; position: relative;}
.st-map { width:  100% !important;  height: 100% !important;  display:  block;}
.st-map-wrap .m-address {color: #000 !important; font-size: 15px;}
.st-map-wrap .m-content {color: #000 !important;}
/* Builder Item Service */
.st-service.main-box {
    position: relative;
    z-index: 5;
    margin: -60px 0 0 0;
}
/*  ST Testimonials */
.st-testimonials .testi-item { margin-bottom: 20px }
.st-testimonials .testi-item.last { margin-bottom: 0px }
.st-testimonial-list .testi-item { clear: both }
.st-testimonial-list .testi-item:after {
    clear: both;
    display: table;
    content: " ";
}
.st-testimonial-image {
    float: left;
    width: 80px;
}
.st-testimonial-content { margin-left: 100px }
.st-testimonial-meta { margin-left: 100px }
.st-testimonial-name { font-weight: bold }
.st-testimonial-name { font-weight: bold }
.st-testimonials .sp { margin: 0px 5px }
.st-testimonial-slider { padding-bottom: 20px }
.st-testimonial-slider.carousel .carousel-indicators { bottom: 0px }
.st-testimonial-slider.carousel .carousel-indicators li { border-color: #333 }
.st-testimonial-slider.carousel .carousel-indicators li.active { background: #428BCA }
.st-testimonial-slider.carousel .carousel-control { background: none }
/* ST Builder Item Event */
.stpb-custom-event {}
.stpb-custom-event ul {list-style: none; margin: 0; padding: 0;}
.stpb-custom-event ul li.event {margin-bottom: 30px;}
.st-image { position: relative }
.entry-thumbnail .sticky-icon {
    border-color: rgba(0, 0, 0, 0) #D40027 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    line-height: 0;
}
/* Sticky */
.entry-thumbnail .sticky-icon,
.post-thumbnail .sticky-icon,
.entry-media .sticky-icon {
    border-style: solid;
    border-width: 0 40px 40px 0;
    color: #FFFFFF;
    height: 0;
    line-height: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    z-index: 2;

   border-right: 40px solid #D40027;
   border-bottom: 40px solid transparent;
}
.entry-thumbnail .sticky-icon i,
.entry-media .sticky-icon i {
    color: #FFFFFF;
    font-size: 14px;
    right: -37px;
    position: absolute;
    top: 5px;
}
/*----------// Comments //----------*/
#comments { padding-bottom: 10px }
.comment-list {
    margin: 0px;
    padding: 0px;
}
.comment-list li {
    list-style-type: none;
    margin-bottom: 0px;
}
.comment-item {
    padding: 20px 20px;
    background: #f6f6f6;
    margin-bottom: 20px;
}
.comment-item .avatar {
    float: left;
    margin-right: 18px;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.comment-header {
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
}
.comment-content {
    border-top: 1px solid #fff;
    padding-top: 13px;
}
.comment-header-right { overflow: hidden }
a.comment-reply-link { float: right }
.comment-date {
    font-style: italic;
    color: #A2A2A2;
    margin-bottom: 6px;
    margin-top: 3px;
}
.comment-author {
    font-size: 15px;
    color: #333333;
}
.comment-list ul.children { margin-left: 30px }
#respond .form-line {
    margin-bottom: 20px;
    width: 100%;
}
#respond .form-line .input-group-addon { min-width: 95px }
.form-line textarea { margin-bottom: 20px }
#comments input#submit { height: auto }
#respond h3#reply-title { padding-left: 0px }
p.comment-notes { margin-bottom: 25px }
#commentform input,
#commentform textarea { width: 100% }
#respond #submit {
    width: auto;
    height: auto;
    font-size: 13px;
}
.form-allowed-tags code,
.form-allowed-tags pre { white-space: pre-wrap }
/*Comments submit buttons*/
#respond #submit {
    -moz-user-select: none;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.42857;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
/*----------// Sidebar //----------*/

.page-has-leftsidebar.main-content {float: right;}
.page-has-leftsidebar.sidebar-left {float: left;}

.sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sidebar .widget {
    padding: 20px 0 0 0;
    margin: 20px 0 0 0;
    border: 0;
    border-top: 1px solid #eeeeee;
}
.sidebar .widget:first-child {
    padding: 0;
    margin: 0;
    border: 0;
}
.widget-title { }
.sidebar input,
.sidebar textarea,
.sidebar select { max-width: 100% }
.sidebar input[type="text"],
.sidebar textarea { min-width: 160px; }
.sidebar ul ul { padding-left: 20px }
.sidebar li { padding: 5px 0; }
.sidebar li:last-child { margin-bottom: 0px }
.sidebar select {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #EDEDED;
    border-radius: 3px 3px 3px 3px;
    padding: 5px;
}
/* Widget Calendar */
#wp-calendar { width: 100% }
/* St Flickr */
.flickr_badge_image {
    float: left;
    margin: 0 5px 9px;
}
.flickr_badge_image img {
    border: 1px solid #F5F5F5;
    padding: 3px;
}
.footer-sidebar .flickr_badge_image img { border-color: #404040 }
.flickr_badge_image img {
    max-height: 53px;
    max-width: 53px;
}
/* Widget Menu + Widget Page  */
.widget_pages {}
.widget_pages ul {}
.widget_pages ul li,
.widget_nav_menu ul li {padding: 5px 0;}
.widget_pages ul li:before,
.widget_nav_menu ul li:before {
    content: '\e879';
    font-family: "fontello";
    font-size: 12px;
    padding: 0 5px 0 0;
}
/*----------// Footer //----------*/
.footer-outer-wrapper { }
.footer-wrapper { }
.footer-wrapper .sidebar { margin-bottom: 0px }
.footer-widget-title {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.footer-widget .widget { margin-bottom: 40px }
.footer-widget .widget:last-child { margin-bottom: 0px }
.footer-widget ul li {
    padding: 0;
}
.footer  a { }
.footer-divider {
    border-top: 1px solid #999999;
    margin-top: 35px;
}
.footer-copyright-wrapper {
    padding-top: 15px;
    padding-bottom: 15px;
}
/* Footer CopyRight */
.footer-copyright-outer-wrapper {
    background: #111111;
    color: #999999;
}
.footer-menu { margin-bottom: 0px }
.footer-menu li {
    list-style: none;
    display: inline;
    margin-left: 15px;
}
.footer-menu li a { color: #999999 }
.footer-menu li { }
/* just support 1 level */
.footer-menu li ul,
.footer-menu li ol { display: none }
/*----------// Custom CSS //----------*/
/*
CSS STRUCTURE:
1. SITE STRUCTURE and TYPOGRAPHY
2.  PAGES AND CONTENT
3. COMMON
4. MEDIA QUERIES
/*============================================================================================*/
/* 1.  SITE STRUCTURE and TYPOGRAPHY */
/*============================================================================================*/
body {
    background: #f8f8f8 url(assets/images/pattern.html) repeat;
    font: 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #555;
    -webkit-font-smoothing: antialiased !important;
}
/** Typography **/
h1,
h3,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    font-weight: bold;
    line-height: 20px;
    color: inherit;
    text-rendering: optimizelegibility;
}
h1 {
    font-size: 38px;
    line-height: 40px;
}
h2 {
    font-size: 32px;
    line-height: 36px;
}
h3 {
    font-size: 24px;
    line-height: 28px;
}
h4 {
    font-size: 18px;
    ine-height: 22px;
}
h5 {
    font-size: 14px;
    line-height: 14px;
}
h6 { font-size: 12px }
p { margin: 0 0 10px 0 }
.col-right .description p { margin: 0 0 25px 0 }
.col-right ul { margin: 0 0 10px 0 }
/** Lists **/
ul,
ol {
    padding: 0;
    margin: 0 0 0;
    list-style: none;
}
ul ul,
ul ol,
ol ol,
ol ul { margin-bottom: 0 }
li { line-height: 20px }
hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #eeeeee;
}
ol {
    list-style: normal;
}
iframe { width: 100% }
/** Links color **/
a {
    color: #0088cc;
    text-decoration: none;
}
a:hover,
a:focus {
    color: #005580;
    text-decoration: underline;
}
/** Forms **/
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
    box-shadow: 0 0 8px #e3e3e3 inset;
    -webkit-shadow: 0 0 8px #e3e3e3 inset;
    -moz-shadow: 0 0 8px #e3e3e3 inset;
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
}
.ie7 input.ie7-margin { margin-left: -30px }
select { margin-bottom: 20px }
input.dateinput { width: 100% }
input#email_newsletter,
.form-search input { margin-bottom: 0 }
label {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 600;
}
.breadcrumb {
    margin: -15px 0 20px -15px;
    list-style: none;
    background: none;
}
/** Buttons **/
.twitter,
.fb {
    position: relative;
    height: 32px;
    width: 157px;
    display: block;
    background: url(assets/images/twitter_btn.png) no-repeat;
    margin-top: 15px;
}
.fb {
    width: 157px;
    background: url(assets/images/fb_btn.png) no-repeat;
}
.twitter:active,
.fb:active { top: 1px }
.twitter:hover,
.fb:hover { background-position: 0 -32px }
.twitter a,
.fb a {
    padding: 5px 0 0 15px;
    text-shadow: -1px -1px 0px rgba(0,0,0,.3);
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    height: 32px;
    display: block;
    line-height: 23px;
}
.fb a { padding: 5px 0 0 20px }
.twitter,
.fb { display: inline-block }
.twitter a:hover,
.fb a:hover {
    color: #FFF;
    text-decoration: none;
}
.btn:hover,
.btn:focus { color: #fff; background: #333333; }
a.btn-default,
.btn-default,
#megaMenu #megaST li.menu-item-depth-0 .nav-dd a.btn-default {
    border: none;
    background: #099ad1;
    color: #fff;
    padding: 7px 12px;
    text-decoration: none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display: inline-block;
    cursor: pointer;
    font-weight: 700;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 20px;
}
.woocommerce a.button:hover,
.woocommerce-page a.button:hover,
.woocommerce button.button:hover,
.woocommerce-page button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce #content input.button:hover,
.woocommerce-page #content input.button:hover,
a.btn-default:hover,
.btn-default:hover,
#megaMenu #megaST li.menu-item-depth-0 .nav-dd a.btn-default:hover {
    background: #333;
    color: #ffffff;
}
a.button_large,
.button_large,
#megaMenu #megaST li.menu-item-depth-0 .nav-dd a.button_large {
    border: none;
    background: #099ad1;
    color: #FFF;
    padding: 8px 30px;
    text-decoration: none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display: inline-block;
    cursor: pointer;
    font-weight: 700;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 18px;
}
a.button_large:hover,
.button_large:hover,
#megaMenu #megaST li.menu-item-depth-0 .nav-dd a.button_large:hover { background: #333 }
a.button_red_medium,
.button_red_medium,
#megaMenu #megaST li.menu-item-depth-0 .nav-dd a.button_red_medium {
    border: none;
    background: #ff6666;
    color: #fff;
    padding: 7px 12px;
    text-decoration: none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display: inline-block;
    cursor: pointer;
    font-weight: 700;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
a.button_red_medium:hover,
.button_red_medium:hover,
#megaMenu #megaST li.menu-item-depth-0 .nav-dd a.button_red_medium:hover { background: #333 }
a.btn-color,
#megaMenu #megaST li.menu-item-depth-0 .nav-dd a.btn-color {
    border: none;
    background: #ff6666;
    color: #fff;
    padding: 2px 8px;
    /*margin-bottom: 15px;*/
    text-decoration: none;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
    display: inline-block;
    cursor: pointer;
    font-weight: 700;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 11px;
    line-height: 20px;
    height: auto;
}
.btn-color:hover,
#megaMenu #megaST li.menu-item-depth-0 .nav-dd a.btn-color:hover { background: #099ad1 }
.button-align {
    text-align: right;
    padding-top: 25px;
}
.button-align-2 {
    float: right;
    margin-top: -30px;
}
/* #Site Header
================================================ */
header { }
#menu-top {
    float: right;
    color: #d0dbeb;
    font-size: 11px;
    margin-right: 30px;
    margin-top: 5px;
}
#menu-top ul li {
    display: inline-block;
    zoom: 1;
    *display: inline;
}
#menu-top ul li a { color: #d0dbeb }
.ie7 #menu-top ul li a {
    color: #d0dbeb;
    margin-left: 5px;
}
/*
nav{
    width:100%;
    background:#0099cc;
    /* Old browsers 
    background:#0099cc -moz-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
    /* FF3.6+
    background:#0099cc -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.2)),color-stop(100%,rgba(0,0,0,.2)));
    /* Chrome,Safari4+/
    background:#0099cc -webkit-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
    /* Chrome10+,Safari5.1+
    background:#0099cc -o-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
    /* Opera11.10+
    background:#0099cc -ms-linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
    /* IE10+
    background:#0099cc linear-gradient(top,rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
    margin-bottom:30px;
    color:#fff;
}
*/
#phone {
    background: url(assets/images/icon-phone.png) no-repeat center right;
    padding-right: 46px;
    text-align: right;
    float: right;
    font-size: 12px;
    color: #fff;
    margin-top: 5px;
}
#phone strong {
    font-size: 18px;
    color: #66cccc;
    font-weight: 700;
    display: block;
}
/* #Site Footer
================================================ */
footer {
    background-color: #fff;
    color: #666;
    border-top: 1px solid #e0eaf0;
    padding-top: 60px;
    padding-bottom: 45px;
}
#brand-footer { text-align: center }
#contacts-footer ul {
    list-style: none;
    margin-left: 0;
}
#contacts-footer ul li { line-height: 26px }
#quick-links ul {
    list-style: none;
    margin-left: 0;
}
#quick-links ul li {
    background: url(assets/images/arrow-gray.png) left center no-repeat;
    padding-left: 15px;
}
/*============================================================================================*/
/* 2. PAGES AND CONTENT */
/*============================================================================================*/
/* #Homepage
================================================ */
#main-boxes {
    margin-top: -35px;
    position: relative;
    z-index: 1;
    margin-bottom: 35px;
}
.feat h3 { text-shadow: 1px 2px 0px rgba(255,255,255,1) }
/* #Sliders */
#static-image {
    width: 100%;
    max-width: 100%;
    margin-top: -20px;
    text-align: center;
    background-color: #0099cc;
}
.feat {
    padding-left: 60px;
    position: relative;
    margin-bottom: 20px;
}
.feat.last { margin-bottom: 0px }
.feat i {
    color: #F66;
    left: 0;
    position: absolute;
    font-size: 3em;
}
.icon-3x { font-size: 35px }
/* #Courses
================================================ */
.col-left {
    padding: 30px 30px 15px 30px;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 30px;
    position: relative;
}
.col-right {
    padding: 30px;
    margin: 0;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*margin-bottom: 60px;*/
    position: relative;
}
.col-left h3 {
    text-transform: uppercase;
    font-size: 14px;
    color: #bbbbbb;
    margin: 0 0 15px 0;
    padding: 0;
    line-height: 17px;
}
ul.submenu-col {
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: 700;
    font-size: 14px;
}
ul.submenu-col li a {
    text-decoration: none;
    padding: 4px 10px;
    display: block;
    margin-bottom: 3px;
    color: #0088cc;
}
ul.submenu-col li.active a {
    background: #099ad1 url(assets/images/arrow.png) no-repeat  96% center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff !important;
}
ul.submenu-col li a:hover {
    background-color: #efefef;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #326e99;
}
.strip-courses {
    background: #eaf9ff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #395070;
    margin-bottom: 30px;
}
.strip-courses:last-child {margin-bottom: 0;}
.strip-courses.gray { background: #f8f8f8 }
.title-course {
    background: #2d343e;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
    position: relative;
}
.title-course h3 {
    font-size: 18px;
    padding: 3px 0 3px 15px;
    color: #fff;
    margin: 0;
}
.title-course ul {
    position: absolute;
    color: #fff;
    right: 15px;
    top: 7px;
}
.title-course ul li {
    display: inline-block;
    font-weight: 600;
    margin-left: 15px;
    zoom: 1;
    *display: inline;
}
.strip-courses .description { padding: 15px }
.strip-courses .description ul {
    margin: 0;
    padding: 0;
}
.strip-courses .description ul li {
    display: inline-block;
    font-weight: 600;
    margin-right: 8px;
    padding-right: 8px;
    border-right: 1px solid #ccc;
    line-height: 16px;
    zoom: 1;
    *display: inline;
}
.strip-courses .description ul li.online { color: #ff6666 }
.strip-courses .description ul li:last-child { border-right: none }
.box-style-one {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #eaf9ff;
    position: relative;
    text-align: center;
    margin-bottom: 20px;
}
.box-style-one .color-icon {
    padding: 30px 0 15px 0;
    font-size: 70px;
    display: block;
    color: #099ad1;
}
.box-style-one img {
    margin: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.box-style-one h5 {
    background: #2d343e;
    bottom: 0;
    left: 0;
    padding: 4px 0;
    color: #eaf9ff;
    text-transform: uppercase;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.strip-lessons {
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 30px;
    padding-bottom: 10px;
}
ul.data-lessons {
    margin-left: 0;
    padding-left: 0;
}
ul.data-lessons li {
    display: inline-block;
    margin-right: 8px;
    padding-right: 8px;
    border-right: 1px solid #ccc;
    line-height: 16px;
    zoom: 1;
    *display: inline;
}
ul.data-lessons  li:last-child { border-right: none }
/* #Staff
================================================ */
.strip-staff {
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 25px;
    padding-bottom: 25px;
}
.staff-item:last-child .strip-staff {
    margin-bottom: 0;
}
.strip-staff .pic-teacher {
    position: relative;
    margin-bottom: 15px;
    padding: 0;
}
.strip-staff h5 em {
    display: block;
    font-weight: normal;
    color: #777;
    font-size: 12px;
}
ul.data-staff {
    margin-left: 0;
    padding-left: 0;
}
ul.data-staff li {
    font-weight: 700;
    display: inline-block;
    margin-right: 3px;
    padding: 8px 12px;
    background-color: #f8f8f8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    zoom: 1;
    *display: inline;
}
ul.data-staff li i { margin: auto }
ul.data-staff li a:hover { text-decoration: none }
/* #News and event
================================================ */
.news-strip ul {
    margin: 0;
    padding: 0;
}
.news-strip ul li {
    cursor: pointer;
    list-style: none;
    margin: 0;
    padding: 0;
    padding: 20px 0 0 0;
    margin-bottom: 15px;
}
.news-strip ul li a { text-decoration: none }
.news-strip ul li:hover {
    background-color: #eaf9ff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.date-news {
    float: left;
    background: #f8f8f8;
    text-align: center;
    width: 80px;
    height: 80px;
    padding-top: 20px;
    color: #999;
    font-size: 12px;
    border: 1px solid #fff;
    font-weight: 700;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    box-shadow: inset 0 0 0 4px rgba(200, 200, 200, 0.1), 0 0 3px 0 rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: inset 0 0 0 4px rgba(200, 200, 200, 0.1), 0 0 3px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: inset 0 0 0 4px rgba(200, 200, 200, 0.1), 0 0 3px 0 rgba(0, 0, 0, 0.35);
    text-shadow: -1px -1px 0px rgba(255,255,255,1);
    margin: 0 15px 10px 10px;
}
.date-news strong {
    display: block;
    font-size: 24px;
    color: #333;
}
/* #Blog
================================================ */
.widget_tag_cloud a {
    display: inline-block;
    margin: 5px 14px 10px 0;
    height: 33px;
    line-height: 33px;
    background: #ededed url(assets/images/tag_bg.png) no-repeat 91% center;
    padding: 0 28px 0 11px;
    color: #646464;
    -webkit-border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    transition: background .5s ease;
    -moz-transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -o-transition: background .5s ease;
}
.widget_tag_cloud a {font-size: 8pt !important;}
.widget_tag_cloud a:hover {
    background-color: #099ad1;
    color: #fff;
    text-decoration: none;
}
ul.recent_post li,
ul.latest_news li {
    padding: 0 0 8px 0;
    margin-bottom: 15px;
    border-bottom: 1px #e7e7e7 dotted;
    color: #313131;
    list-style: none;
    line-height: 18px;
    padding-bottom: 15px;
    color: #888;
    font-style: italic;
}
ul.recent_post li div.text,
ul.latest_news li div.text {
    font-weight: 700;
    padding-left: 25px;
    font-style: normal;
}
ul.recent_post li:last-child,
ul.latest_news li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}
.search .product,
.post { margin-bottom: 45px }
.search .product img,
.event img,
.post img { margin-bottom: 18px }
.search .product h2,
.post h2 {
    font-size: 28px;
    line-height: 28px;
}
.entry-meta {
    padding: 10px 0;
    border-bottom: 1px #e7e7e7 solid;
    border-top: 1px #e7e7e7 solid;
    margin-bottom: 12px;
    color: #555;
}
.entry-meta span.txt { color: #ff6666 }
.search .product img,
.event img,
.post img { border-radius: 5px }
.post-left { float: left }
.post-left ul li {
    float: left;
    margin-right: 10px;
    list-style: none;
}
.post-right { float: right }
#comments {
    padding: 10px 0 0px 0;
    margin-bottom: 15px;
}
#comments ul {
    padding: 0;
    margin: 0;
    list-style: normal;
    list-style-type: circle;
}
#comments ol {
    padding: 0;
    margin: 0 0 0 20px;
    list-style:none;
}
#comments li {
    list-style: inherit;
}
.avatar {
    float: left;
    margin-right: 11px;
}
.avatar img {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.comment_right { display: table }
.comment_info { padding-bottom: 7px }
.comment_info span { padding: 0 12px }
#comments ol li ul li {
    padding: 0;
    margin: 0;
}
/**/
ul {list-style: normal; list-style-type: circle; padding: 0 0 0 20px;}
ol {list-style: normal; margin: inherit; list-style-type: decimal; padding: 0 0 0 20px;}
/*============================================================================================*/
/* 3. COMMON */
/*============================================================================================*/
.add-bottom-20 { margin-bottom: 30px }
#toTop {
    z-index: 100;
    width: 100px;
    border: 1px solid #ccc;
    background: #f7f7f7;
    text-align: center;
    padding: 5px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
    display: none;
    color: #333;
    font-size: 11px;
}
hr.double {
    margin: 10px 0 20px 0;
    border: 0;
    border-top: 1px solid #cedee7;
    border-bottom: 1px solid #ffffff;
}
ul.list_1,
ul.list_2,
ul.list_3,
ul.list_4 { margin: 0; padding: 0; list-style: none; padding-bottom: 15px; }
ul.list_1 li {
    background: url(assets/images/tick_1.png) no-repeat left 3px;
    line-height: 18px;
    padding-left: 20px;
}
ul.list_2 li {
    background: url(assets/images/arrow_2.png) no-repeat 3px 12px;
    line-height: 18px;
    padding-left: 20px;
}
ul.list_3 li {
    background: url(assets/images/arrow_3.png) no-repeat 5px 7px;
    line-height: 18px;
    padding-left: 20px;
}
ul.list_4 li {
    background: url(assets/images/arrow_4.png) no-repeat 4px 6px;
    line-height: 18px;
    padding-left: 20px;
}
.borders:after,
.borders:before {
    content: '';
    position: absolute;
    display: block;
    height: 1px;
    bottom: -2px;
    left: 3px;
    right: 3px;
    background-color: #ffffff;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    border: 1px solid #e2e2e2;
    border-top: 0;
}
.borders:before {
    bottom: -4px;
    left: 6px;
    right: 6px;
}
.box-style-1 {
    padding: 30px 30px 10px 30px;
    background: #eaf9ff;
    box-shadow: inset 0 0 0 5px rgba(200, 200, 200, 0.1), 0 0 3px 0 rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: inset 0 0 0 5px rgba(200, 200, 200, 0.1), 0 0 3px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: inset 0 0 0 5px rgba(200, 200, 200, 0.1), 0 0 3px 0 rgba(0, 0, 0, 0.35);
    border: 1px solid #fff;
    margin-bottom: 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #2e415c;
    position: relative;
}
.box-style-1.ribbon { background: #eaf9ff url(assets/images/sticker-1.png) no-repeat top right }
.box-style-2 a {
    color: #fff;
    display: block;
    font-size: 14px;
    text-shadow: 1px 1px 0px rgba(0,0,0,.3);
    padding: 25px 25px 5px 25px;
    text-decoration: none;
    font-weight: 700;
    -webkit-box-shadow: 0 10px 12px -6px rgba(000, 000, 000, 0.4), inset 0 0 0 5px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: 0 10px 12px -6px rgba(000, 000, 000, 0.4), inset 0 0 0 5px rgba(255, 255, 255, 0.1);
    box-shadow: 0 10px 12px -6px rgba(000, 000, 000, 0.4), inset 0 0 0 5px rgba(255, 255, 255, 0.1);
    transition: background .8s ease;
    -webkit-transition: background .8s ease;
    -moz-transition: background .8s ease;
    /*margin-bottom: 15px;*/
    background: #0099cc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.box-style-2 a:hover { color: #ffffff }
.box-style-2 img {
    float: right;
    margin: 0 0 15px 20px;
}
.box-style-2 h3 {
    color: #FF9;
    font-size: 28px;
    margin-top: 0;
}
.box-style-2.green a:hover { background: #669933 }
.box-style-2.orange a:hover { background: #F60 }
.box-style-2.red a:hover { background: #ff6666 }
/* #Table style*/
.table-bordered thead tr {
    background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top, #eeeeee, #dadada);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dadada));
    background-image: -webkit-linear-gradient(top, #eeeeee, #dadada);
    background-image: -o-linear-gradient(top, #eeeeee, #dadada);
    background-image: linear-gradient(to bottom, #eeeeee, #dadada);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffdadada', GradientType=0);
}
.table-bordered thead tr th {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #444;
    border-left: 1px solid #F1F1F1;
    border-right: 1px solid #CCC;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}
.table-bordered thead tr th:first-child { border-left-color: #CCC }
.table-bordered thead tr th:last-child { border-right: none }
.table-bordered tbody tr:first-child td { border-top-color: #CCC }
.table-bordered tbody tr td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #DDD;
}
.table-bordered tbody tr td:first-child { border-left-color: #DDD }
.table-bordered tbody tr td:last-child { border-right: none }
.table-bordered thead tr {
    background: #EEE;
    background: -moz-linear-gradient(top, #eeeeee 0%, #dadada 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dadada));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eeeeee 0%, #dadada 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eeeeee 0%, #dadada 100%);
    /* Opera11.10+ */
    background: -ms-linear-gradient(top, #eeeeee 0%, #dadada 100%);
    /* IE10+ */
    background: linear-gradient(top, #eeeeee 0%, #dadada 100%);
    /* W3C */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DADADA')";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#DADADA');
}
.table-bordered thead th {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
    font-weight: 400;
    color: #444;
    border-left: 1px solid #F1F1F1;
    border-right: 1px solid #CCC;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}
.table-bordered thead th:first-child { border-left-color: #CCC }
.table-bordered thead th:last-child { border-right: none }
.table-bordered tbody td {
    border-left: 1px solid #FFF;
    border-right: 1px solid #DDD;
}
.table-bordered tbody tr td:first-child { border-left-color: #DDD }
.table-bordered tbody tr td:last-child { border-right: none }
#message-newsletter,
#message-visit,
#message-contact {
    margin: 10px 0;
    padding: 0;
}
.error_message {
    display: inline-block;
    background: #ed1c24;
    padding: 5px;
    color: #fff;
}
.loader { padding: 0 10px }
#success_page {
    background: #66cc00;
    padding: 5px;
    color: #fff;
    display: inline-block;
}
span.required {
    font-size: 13px;
    color: #ff6666;
} /* Select the colour of the * if the field is required. */
.main-img {
    margin: -30px -30px 30px -30px;
    overflow: hidden;
    position: relative;
}
.main-img p.lead {
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=70);
    opacity: 0.7;
    position: absolute;
    bottom: -25px;
    padding: 15px 20px;
    color: #fff;
    line-height: 24px;
}
.main-img img {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin: 0;
}
/* javascripts */
a.accrodian-trigger {
    display: block;
    margin: 5px 0;
    background: #f5f5f5 url(assets/images/plus.png) no-repeat center right;
    cursor: pointer;
    font-size: 16px;
    padding: 5px 15px;
    line-height: 32px;
    transition: background .5s ease;
    margin-bottom: 5px;
}
a.accrodian-trigger:hover {
    text-decoration: none;
    background: #099ad1 url(assets/images/plus.png) no-repeat center right;
    color: #fff;
}
a.accrodian-trigger:focus {
    text-decoration: none;
    background: #099ad1 url(assets/images/minus.png) no-repeat center right;
    color: #fff;
}
.accrodian-data { padding: 0 15px }
.togglehandle {
    background: #f5f5f5 url(assets/images/plus.png) no-repeat center right;
    padding: 8px 15px;
    border: 1px solid #D6D4CB;
    cursor: pointer;
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
}
.toggledata { padding: 0 15px }
/* messages */
.errormsg,
.alertmsg,
.successmsg,
.infomsg,
.infomsg2 {
    display: block;
    margin: 20px 0;
    padding: 15px 8px 15px 15px;
    position: relative;
    color: #666666!Important;
}
.alert i {
    float: left;
    line-height: 22px;
}
.errormsg {
    background-color: #FCCAC1;
    border: 1px solid #E18B7C;
}
.errormsg i { color: #E18B7C }
.alertmsg {
    background-color: #FFE9AD;
    border: 1px solid #EAC572;
}
.alertmsg i { color: #EAC572 }
.successmsg {
    background-color: #EFFEB9;
    border: 1px solid #C1D779;
}
.successmsg i { color: #C1D779 }
.infomsg {
    background-color: #DEEEFA;
    border: 1px solid #AFD3F2;
}
.infomsg i { color: #AFD3F2 }
.infomsg2 {
    background-color: #FFFFFF;
    border: 1px solid #AFD3F2;
}
a.clostalert {
    background: url("assets/images/messages.html") no-repeat scroll 0 -310px transparent;
    cursor: pointer;
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    text-indent: 9999px;
    top: 5px;
    width: 15px;
}
/* tabs */
.tab-content {
    overflow: auto;
    margin-bottom: 20px;
}
/* #ie10 BORDER RADIUS FIXED*/
.ie10 .col-left,
.ie10 .col-right,
.ie10 ul.submenu-col li a#active,
.ie10 .strip-courses,
.ie10 .title-course,
.ie10 .box-style-one,
.ie10 .box-style-one img.picture,
.ie10 .box-style-one h5,
.ie10 ul.data-staff li,
.ie10 .news-strip ul li:hover,
.ie10 .date-news,
.widget_tag_cloud a,
.ie10 .post img,
.ie10 .avatar img,
.ie10 .box-style-1,
.ie10 .main-img img,
.ie10 a.button_medium,
.ie10 .button_medium,
.ie10 .megamenu > li .drop-down-container a.button_medium,
.ie10 a.button_large,
.button_large,
.ie10 .megamenu > li .drop-down-container a.button_large,
.ie10 a.button_red_medium,
.ie10 .button_red_medium,
.ie10 .megamenu > li .drop-down-container a.button_red_medium,
.ie10 .button_red_small,
.ie10 a.button_red_small,
.ie10 .megamenu > li .drop-down-container a.button_red_small,
.ie10 .img-rounded,
.ie10 .megamenu > li .drop-down-container,
.ie10 .drop-down-container ul.tabs a,
.ie10 .drop-down-container#icon-menu a,
.ie10 .box-style-1,
.ie10 .box-style-2 a { border-radius: 0 }
.ie10 select,
.ie10 textarea,
.ie10 input[type="text"],
.ie10 input[type="password"],
.ie10 input[type="datetime"],
.ie10 input[type="datetime-local"],
.ie10 input[type="date"],
.ie10 input[type="month"],
.ie10 input[type="time"],
.ie10 input[type="week"],
.ie10 input[type="number"],
.ie10 input[type="email"],
.ie10 input[type="url"],
.ie10 input[type="search"],
.ie10 input[type="tel"],
.ie10 input[type="color"],
.ie10 .uneditable-input { border-radius: 0 }
/* Elements Widget */
.widget { }
.widget .widget-title {
    text-transform: uppercase;
    font-size: 14px;
    color: #bbbbbb;
    margin: 0 0 15px 0;
    padding: 0;
    line-height: 17px;
}
.footer .widget .widget-title {
    text-transform: none;
    font-size: 14px;
    color: #000000;
    margin: 0 0 15px 0;
    padding: 0;
    line-height: 17px;
    font-size: 18px;
}
input#email_newsletter,
.form-search input { margin-bottom: 0 }
/*============================================================================================*/
/* 3. MEDIA QUERIES */
/*============================================================================================*/
@media (min-width: 768px) and (max-width: 1200px) { 
    input#mce-EMAIL,
    .form-search input { margin-bottom: 5px }
}
@media (min-width: 768px) and (max-width: 979px) { 
    .box-style-2 img {
        float: none;
        margin: auto;
        margin-bottom: 20px;
        display: block;
    }
    input.dateinput { width: 70% }
    .post-right { float: left }
    .feat { padding-left: 0 }
    .feat i {
        position: relative;
        padding-bottom: 15px;
        top: 0;
        left: 0;
        display: block;
    }
    .strip-courses .button_medium.button-align-2 {
        float: none;
        margin-top: 15px;
    }
}
/* From tablet portrait to mobile */
@media (max-width: 767px) { 
    #logo img {
        visibility: hidden;
        display: none;
    }
    .st-service.main-box { margin-top: 0px !important; margin-bottom: 30px; }
    .builder-column.last .st-service.main-box {margin-bottom: 0;}
    .post-right { float: left }
    #logo {
        text-align: center;
        background: url(assets/images/logo-mobile.html) center top no-repeat;
        height: 45px;
        margin-bottom: 10px;
    }
    .header-outer-container .header-right { width: 100% }
    #menu-top {
        text-align: center;
        float: none !important;
        margin: 0;
    }
    header { }
    nav,
    footer,
    #features { }
    .twitter,
    .fb { margin-bottom: 25px }
    .button-align {
        text-align: left;
        padding-top: 0;
    }
    .strip-staff .pic-teacher {
        width: 60%;
        height: auto;
    }
    .strip-courses .button_medium.button-align-2 {
        float: none;
        margin-top: 15px;
    }
}
/* Mobile portrait */
@media (max-width: 480px) { 
    #logo {
        text-align: center;
        background: url(assets/images/logo-mobile.html) center top no-repeat;
        height: 45px;
        margin-bottom: 10px;
    }
    .title-course ul {
        position: relative;
        color: #fff;
        right: 0;
        left: 0;
        top: 0;
        padding: 0;
        margin: 0;
        padding-bottom: 15px;
    }
    .title-course ul li { padding: 0 }
    .strip-courses .btn-default.button-align-2 {
        float: none;
        margin-top: 15px;
    }
}
/*----------// Responsive Hack //----------*/
@media (max-width: 768px) {
   body .section .bd-row > .builder-column{ margin-top: 0px; padding-top: 0px;}
    /* Primary Nav */
    #primary-nav-mobile-a { display: block }
    #primary-nav-mobile { display: block }
    #primary-nav-id { display: none }
    .primary-nav { display: none }
    .mobile-menu { display: block !important }
    /* header logo */
    .header-left {
        width: 100%;
        text-align: center;
    }
    /* Course Item */
    .course-item { margin: 0 0 20px 0 }
    .item-sp {
        padding: 0;
        margin: 0 !important;
    }
    .footer-widget { margin: 0 0 20px 0 }
    .widget .form-group { margin: 0 0 10px 0 }
    .title-course ul .course-date { display: none }
    .strip-courses .btn-default.button-align-2 { margin-top: 15px }

    .page-has-leftsidebar.main-content,
    .page-has-leftsidebar.sidebar-left {float: left; width: 100%;}
    .main-content {margin-bottom: 30px;}
}
@media (min-width: 768px) { 
    .layout-boxed-mod .page-outer-wrapper { max-width: 750px }
    /* Course Item 
            .course-item {
            }
            .title-course ul {
                position: relative;
                color: #fff;
                right: 0;
                left: 0;
                top: 0;
                padding: 0;
                margin: 0;
                padding-bottom: 15px;
            }
            .strip-courses .btn-default.button-align-2 {
                float: none;
                margin-top: 15px;
            }
            */
}
@media (max-width: 992px) { 
    body .woocommerce-cart {
        position: absolute;
        top: 0;
        right: 15px;
        z-index: 100;
    }
}
@media (min-width: 992px) { 
    .layout-boxed-mod .page-outer-wrapper { max-width: 970px }
    body .woocommerce-cart {
        position: absolute;
        top: 0;
        right: 15px;
        z-index: 100;
    }
}
@media (min-width: 1200px) { 
    .layout-boxed-mod .page-outer-wrapper { max-width: 1170px }
}


/* ------------------NEW for WPML---------------------- */

#megaMenu #megaST li.menu-item-language {
    border: 0 none;
    display: block;
    float: left;
    line-height: 25px;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    transition: background-color 0.4s ease-out 0s;
}
#megaMenu #megaST li.menu-item-language > a {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 7px 15px;

    display: block;
    font-size: 12px;
    line-height: 30px;
    margin: 0 auto;
    text-decoration: none;
    transition: all 0.3s linear 0s;
    white-space: nowrap;
}
#megaMenu #megaST li.menu-item-language ul{
    display: none;
    position: absolute;
    top: 44px;
    left: 0px;
    /*
    background: none repeat scroll 0 0 #2D343E;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    */
}

#megaMenu #megaST li.menu-item-language:hover ul{ display: block; }
#megaMenu #menuMobile > li.menu-item-language  > a{ text-align:  left;  padding: 0px; border-top: 0px none; }


#menu-top li.menu-item-language{ position: relative; }
#menu-top li.menu-item-language:hover ul{ display: block; z-index: 9999; }
#menu-top li.menu-item-language ul{
    z-index: 9999;
    display:  block; position: absolute; top: 20px; left: 0px; min-width: 170px; max-width: 230px;
    /*
    background: none repeat scroll 0 0 #2D343E;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
    */
    padding: 10px 5px;

}
#menu-top li.menu-item-language ul li{ display:  block; float:  none; text-align:  left; }