/*

Theme Name: Kaspersky Vung Tau

Theme URI: http://mayaothunvn.com

Description: The offical theme for Amilink

License: GNU General Public License version 3.0

License URI: http://www.gnu.org/licenses/gpl-3.0.html

Author: May ao thun dong phuc

Author URI: http://mayaothunvn.com

Version: 1.0.1

*/



* {

    margin: 0;

    padding: 0;

}



a {

    color: #111;

    text-decoration: none

}



a:hover {

    color: #0195D4;

    text-decoration: none

}



body {

    font: 400 13px/1.4em 'Open Sans';

}

header#main{ background-color:#FFB7DB}

.navbarh li{



    list-style: none



}







.navbarh li a{



    font-size: 15px;



    color: #000000;



    font-weight: 600;



    display: block;



}



.navbarh ul li a{



    font-size: 15px;

    color: #000000;



    font-weight: bold;



    display: block; text-transform:uppercase;



}



.navbarh li a:hover,



.navbarh li[class^=current] > a,



.navbarh li[class*=current] > a{



   text-decoration:underline;



}





.navbarh li .sub-menu {

    position: absolute;

    background-color: #f9f9f9;

    



    width: 990px;

    display: none;

    z-index: 1000000000;

}

.navbarh li .sub-menu li{

    display:inline-table; padding-top: 25px;

}



.navbarh li .sub-menu li .sub-menu{

    width:325px;

	display:block; position:relative; padding-top:20px; padding-bottom:20px;

}

.navbarh li .sub-menu li .sub-menu li{

    padding-bottom:0px; padding-top:0px; padding-left:5px;

}





.navbarh li .sub-menu a{

    padding-left: 15px;

}



.navbarh li .sub-menu .sub-menu{

    left: 0%;

    

}



.navbarh li:hover > .sub-menu {

    display: block;

}



.navbarh .sub-menu a {

    border-top: 1px solid rgba(255,255,255,0.2);

    text-transform: none !important;color:#FF0099;

}

.navbarh li .sub-menu li .sub-menu li a{

   color:#FF0099; font-size:13px; font-weight:normal;

}

footer#main li {

   list-style:none;

}

header#main .logo {

    height: auto;

}



header#main .logo img {

    height: 80px;

    width: auto;

    max-width: inherit;

    margin: 0px 0;

}



header#main .logo .slogan{

    display: inline-block;

    font-weight:bold;

    font-size: 15px;

    color: #CD171D;

    line-height: 23px;

    vertical-align: bottom;

}



header#main .search-form {

    margin: 10px 0;

}



header#main .search-form .form-control {

    border-radius: 0;

    box-shadow: none;

    border-color: #eee;

}



header#main .search-form select.form-control {

    width: 40%;

    margin-left: -1px;

}



header#main .search-form .btn {

    background: #0088CC;

    border-color: #0088CC;

    color: white;

    border-radius: 0;

    margin-left: -2px;

}





header#main .navbar-form {

    margin-top: 30px;

}



header#main .navbar {

    /* text-transform: uppercase; */

    background: -webkit-gradient(linear, left top, left bottom, from(#fd65aa), to(#a60950));

    background: -moz-linear-gradient(top, #fd65aa, #a60950);

    color: white;

    border: none;

    box-shadow: none;

    margin: 0;

    min-height: inherit;

    border-radius: 0;

}



#mainMenu .container-fluid,

#mainMenu .navbar-collapse {

    padding: 0;

}



#mainMenu li {

    list-style: none;

    position: relative;

}



header#main .navbar li a {

    color: white;

    display: block;

    padding: 10px 10px;

    font-weight: 600;

    font-size: 13px;

    border-left: 1px solid rgba(255,255,255,0.3);

    text-transform: uppercase;

}



header#main .navbar li.home a{

    font-size: 22px;

    line-height: 0px;

    padding-bottom: 7px;

}



header#main .navbar li.menu-item-has-children > a{

    padding-right: 30px;

}



header#main .navbar li.menu-item-has-children > a:after{

    content: "\f107";

    font-family: 'FontAwesome';

    position: absolute;

    right: 10px;

}



header#main .navbar .sub-menu li.menu-item-has-children > a:after{

    content: "\f105"

}



header#main .navbar li a:hover,

header#main .navbar li[class^=current] > a,

header#main .navbar li[class*=current] > a {

    color: rgba(255,255,255,0.6);

}



#mainMenu li .sub-menu {

    position: absolute;

    background: #a60950;

    width: 240px;

    display: none;

    z-index: 1000000000;

}



#mainMenu li .sub-menu .sub-menu{

    left: 100%;

    top: 0;

}



#mainMenu li:hover > .sub-menu {

    display: block

}



#mainMenu li .sub-menu a {

    border-top: 1px solid rgba(255,255,255,0.2);

    text-transform: none !important;

}



header#main .right {

    margin-top: 15px;

    text-align: right;

}



header#main .hotline {

    font-size: 15px;

    color: #0088CC;

    font-weight: 600;

}



#banner {

    margin-bottom: 30px;

}



.detail {

    margin-bottom: 20px;

    font-size: 14px;

    line-height: 1.5em;

}



.detail table{

    width: 100%;

    margin: 20px 0

}



.detail table td{

    border: 1px solid #eee;

    padding: 5px;

}



.detail a {

    color: #08c;

}



.detail a:hover {

    color: #333;

    text-decoration: underline

}



.detail ul,

.detail ol {

    margin-left: 20px;

}



.detail li,

.detail li {

    margin-top: 10px;

}



.detail img {

    max-width: 100%;

    height: auto

}



.breadcrumbs {

    font-size: 12px;

    margin-top: 10px;

    padding-top: 10px;

    color: white;

    margin-bottom: -5px;

    border-top: 1px solid rgba(245,245,245,0.5);

}



.breadcrumbs {

}



.breadcrumbs span {

    display: inline-block;

    margin-right: 5px;

    color: white;

}



.breadcrumbs span:not(:first-child) {

    margin-left: 5px;

}



.title-heading {

    margin-top: 10px;

    font-size: 27px;

    font-weight: 700;

    color: #0195D4;

    text-transform: uppercase;

}

aside#main .widget {

    margin-bottom: 10px;

}

aside#main .widget_nav_menu {

    margin-bottom: 10px;border: #ccc solid 1px;

    background-color: #FFFFFF; padding:0px;

}
.menu-main-menu-container{ padding:10px;}
#text-4 .textwidget{
	border: #ccc solid 1px;
	padding:10px;
}
#wp_statsmechanic-2{
	border: #ccc solid 1px;
	padding:0px;
}
aside#main .widget ul.list li .thumbnail img{

    width: 100%;

    height: auto;

    min-height: auto;

}

aside#main .widget ul.list li .thumbnail{

    height: auto;

}



aside#main .widget_taxomony_widget li{

    font-size: 15px;

    margin-bottom: 8px;

    font-weight: 600;

}

aside#main #post_category_widget-3 .media-heading{ margin-bottom:8px; margin-top:5px;}

aside#main #post_category_widget-3 p{ margin-bottom:20px;}

aside#main .widget_taxomony_widget li.active a{

    color: #0088CC;

}



.title.bg {

    background:url(images/bg-l-title.jpg) no-repeat;
    color: #FFFFFF;

    border-bottom: 0px solid #c02068;

    padding-left: 0;

    position: relative;

    margin-top: 0;

    font-size: 14px;

    font-weight: bold;

    background-size: auto 100%;

    padding-bottom: 0px;padding: 0px 0px 10px 45px;

}
.col-md-3 .title.bg{

  padding-top: 10px;

}
#primary .title.bg {

    background: none;

    color: #FF0099;

    border-bottom: 1px solid #c02068;

    padding-left: 0;

    position: relative;

    margin-top: 0;

    font-size: 15px;

    font-weight: bold;

    background-size: auto 100%;

    padding-bottom: 0px;

}
#primary .title.bg span {
    color: white;
    background: #c02068;
    display: inline-block;
    padding: 8px 10px;
    border-radius: 7px 7px 7px 0;
    font-size: 13px;
    position: relative;
    text-transform: none;
}

.title.bg a{

    color: #FF0099;

}



.title.bg:after {

    content: '';

    position: absolute;

    width: 40px;

    border-bottom: 0px solid #FF0099;

    left: 0;

    bottom: -2px;

}
.BgEndOptionTop{background:url(images/bg-l-title.jpg) no-repeat;}


aside#main > .title,

aside#main > div:first-child > .title {

    margin-top: 0

}



aside#main ul,

aside#main ol {

    list-style: none

}



aside#main .media img {

    width: 100px;

    height: auto;

}



aside#main .media-heading {

    font-size: 14px;

    font-weight: 600;

    line-height: 18px;

}



aside#main p {

    margin-bottom: 5px;

    color: #555;

}



aside#main p.price {

    color: red;

    font-weight: bold

}



.zoom:hover img {

    opacity: .8

}



#primary .media-heading {

    text-transform: none;

    font-weight: 600;

    color: #FF0099;
font-size:14px;
    margin-bottom: 10px;

}

#primary .media-heading:hover {

    

    color: #CD171D;

}

#primary .media-heading a{

    text-transform: none;

    font-weight: 600;

    color: #FF0099;

    font-size:14px;

}

#primary .media-heading a:hover{

    

    color: #CD171D;

}

#primary .large .media-heading{

    

}



#primary {

    margin: 12px 0;

}



.singular #primary {

    margin: 0;

}



.title {

    text-transform: uppercase;

    font-weight: 600;

    color: #0088CC;

}



.hotline h3 {

    float: right;

    margin-top: -50px;

    font-size: 15px;

    font-weight: 600;

    color: #0195D4

}



.hotline h3 i {

    margin-right: 5px;

}



footer#main {

    border-top: px solid #0195D4;

    padding-top: 0;

    margin-top: 0px;

    padding-bottom: 0px;

    background: none;

    font-size: 13px;

    color: #555;

}



footer#main .navbar-nav>li{

    margin-bottom: 0

}



footer#main .navbar-nav>li>a{

    padding: 10px 15px;

}



footer#main .navbar{

    background: none;

    border-bottom: px solid #ddd;

    padding: 0;

    min-height: initial;

}



footer#main .widget .title {

    font-size: 15px;

    margin: 0 0 15px;

    color: #FFFFFF;

}

footer#main .widget ul li a {

    font-size: 13px;

    color: #ccc;

}

footer#main .widget ul li a:hover {

    font-size: 13px;

    color: #FFFFFF;

}





footer#main .widget_taxomony_widget li a:before,

footer#main .menu li a:before {

    content: "";

    display: inline-block;

    height: 6px;

    width: 6px;

    border: 1px solid #a4a9b0;

    border-radius: 100%;

    margin-right: 10px;

    vertical-align: middle;

    margin-top: -3px;

}



footer#main h2.title {

    text-transform: uppercase;

    font-size: 15px;

    margin-bottom: 20px;

    color: #23A9E1;

}



.copyright{

    padding-top: 10px;    background: #a60950; color:#FFFFFF;

}



.copyright .social{

    text-align: right;

    font-size: 22px;

     margin-top: 0px; margin-bottom:10px;

}

.copyright #text-2{ color:#FFFFFF; padding-bottom:10px; padding-top:10px;}

.copyright .social a{ color:#FFFFFF; padding-bottom:10px; padding-top:10px;}

.copyright .social a:hover{ color:#009900;}

.bg-foot{background: rgb(108, 112, 115);}

.page-title {

    background: url(images/page-title.jpg);

    background-size: cover;

    padding: 50px 0;

    margin-bottom: 20px;

    position: relative

}

.hoc-vien{ color:#FFFFFF; font-size:13px; font-weight:bold;}

.hoc-vien table{border-spacing: 1px;}

.hoc-vien table td{ height:30px;}

.tab-content table{border-spacing: 0px;  border-collapse:collapse;}

#schedules table{border-spacing: 0px; border-collapse:collapse;}

.col-md-3 .widget_nav_menu ul.menu li a {

   

    font-size: 13px;

    color: #003399; font-weight:bold;

}

.col-md-3 .widget_nav_menu ul.menu li a:hover {

   

    font-size: 13px;

    color: #993300; text-decoration:underline;

}

.col-md-3 .widget_nav_menu ul.menu li:before {

    content: "\f054";

    font-family: 'FontAwesome';

    display: inline-block;

    margin-right: 3px;

    font-size: 9px;

    color: #003399

}

.col-md-3 .widget_nav_menu ul.menu li {

    padding-bottom:5px; padding-top:5px; border-bottom:#CCCCCC dashed 1px;

}



.col-md-3 .widget_nav_menu ul.menu .sub-menu{

    display:none;

}

.col-md-3 .widget_nav_menu ul.menu li.current-menu-item .sub-menu,

.col-md-3 .widget_nav_menu ul.menu li.current-menu-parent .sub-menu{

    display:block; padding-left:10px; border-top:#CCCCCC dashed 1px; margin-top:5px;

}



.col-md-3 .widget_nav_menu ul.menu li.current-menu-item .sub-menu li:before{

   content: "\f054";

    font-family: 'FontAwesome';

    display: inline-block;

    margin-right: 3px;

    font-size: 9px;

    color: #cd2e76;

}



.col-md-3 .widget_nav_menu ul.menu li.current-menu-parent .sub-menu li:before{

   content: "\f054";

    font-family: 'FontAwesome';

    display: inline-block;

    margin-right: 3px;

    font-size: 9px;

    color: #cd2e76;

}

.col-md-3 .widget_nav_menu ul.menu li.current-menu-parent .sub-menu li,

.col-md-3 .widget_nav_menu ul.menu li.current-menu-item .sub-menu li{

	 border-bottom:#CCCCCC dashed 0px;

}



.col-md-3 .widget_nav_menu ul.menu li.current-menu-item .sub-menu li a{

 

    font-size: 13px;

    color: #cd2e76; font-weight:normal;

}

.col-md-3 .widget_nav_menu ul.menu li.current-menu-parent .sub-menu li a{

 

    font-size: 13px;

    color: #cd2e76; font-weight:normal;

}

.page-title:before {

    content: '';

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    left: 0;

    background: rgba(0,0,0,.5);

    z-index: 90;

}



.page-title .title {

    font-size: 25px;

    text-transform: none;

    margin: 0;

    color: white;

    font-weight: bold;

}



.page-title .container {

    position: relative;

    z-index: 100;

}



#front {

    padding: 10px;

    position: relative;

    z-index: 10000000;

    margin-bottom: 20px;

    border: 1px solid #dedede;

}



#front img {

    width: 100%;

    border: 3px solid white;

    box-shadow: 0 0 4px #999

}



ul.list {

    list-style: none;

    margin-top: 10px;

    margin-bottom: 0;

}



ul.list li {

    border-top: 0px dashed #d6d6d6;

    padding-top: 0px;

    margin-top: 0px;

}

ul.list li:before {

    content: "\f054";

    font-family: 'FontAwesome';

    display: inline-block;

    margin-right: 3px;

    font-size: 9px;

    color: #ce2e76;

}

ul.list li .thumbnail {

    margin: 0;

    margin-bottom: 10px;

    border-radius: 0;

    height: 90px;

    overflow: hidden;

    padding: 0;

    position: relative

}



ul.list li .thumbnail img{

    min-height: 100%;

    min-width: 100%;

   

    width: auto;

}







ul.list li.media:before,

ul.list li.large:before {

    display: none;

}



ul.list li:first-child {

    border-bottom: #CCCCCC dashed 1px;

    padding: 0px 0px 10px 0px;

    margin-bottom: 10px;

}



.boxes .widget .col-xs-12{ margin-bottom:20px;}

ul.list li.media .thumbnail {

    width: 250px;

    height: auto;

}

.date-add{ color:#999999; font-size:13px; font-style:italic; font-weight:normal;}

.box {

    background: #F2F2F2;

    padding: 10px;

    padding-top: 0;

    border: 1px solid #eee;

}



.box .title {

    margin-top: 0;

    font-size: 15px;

    font-weight: 700;

    padding-bottom: 5px;

}



.box.widget {

    background: none;

    padding: 5px;

    margin-bottom: 10px;

}



#primary .media-list .media-object {

    width: 250px;

    height: auto;

}



#primary .media-list .media {

    border-bottom: 1px dotted #dedede;

    padding-bottom: 10px;

}



.boxes .wcate:nth-child(2n+1) {

    clear: both;

}



aside#course {

    line-height: 20px;

}



aside#course .title {

    font-size: 15px;

    margin-top: 20px;

    border-bottom: 1px solid #eee;

    padding-bottom: 7px;

}



aside#course .row {

    margin-bottom: 3px;

}



aside#course .time-hightlight-info {

    font-weight: bold;

    color: #0088CC

}



aside#course .price {

    text-align: center;

    font-size: 16px;

    font-weight: bold;

    color: red

}



aside#course .btn {

    display: block;

    text-transform: uppercase;

    border-radius: 0;

    width: 100%;

}



.more-information {

    border: 1px solid #0088CC;

    margin: 30px 0;

}



.more-information .nav-tabs,

.more-information .nav-tabs li {

    margin: 0;

}



.more-information .nav-tabs {

    background: #0088CC;

    border: none;

}



.more-information .nav-tabs a {

    border: none !important;

    font-weight: bold;

    text-transform: uppercase;

    font-family: 'Roboto Condensed';

    color: white;

    background: none !important

}



.more-information .nav-tabs li.active a {

    border-radius: 0;

    color: #0088CC;

    background: white !important

}



.more-information .tab-content {

    padding: 10px;

}



.more-information .media-left img {

    max-width: inherit;

    width: 100px;

}



.more-information .position {

    margin-top: -5px;

    font-style: italic;

    color: #555

}



#courses .thumbnail {

    padding: 0;

    border: 1px solid #f1f1f1;

    border-radius: 0;

    margin-bottom: 30px;

    overflow: hidden;

}



#courses.owl-carousel .thumbnail{

    margin-bottom: 0

}



#courses .thumbnail img{

    height: 180px;

    width: auto;

    max-width: inherit;

}



#courses .thumbnail .media-heading {

    text-align: center;

    line-height: 20px;

    border-bottom: 1px solid #f1f1f1;

    padding-bottom: 10px;

    min-height: 50px;

}



#courses .thumbnail .intro {

    text-align: justify;

    height: 90px;

    overflow: hidden;

}



#courses .thumbnail .footer {

    background: #f9f9f9

}



#courses .thumbnail .footer p {

    margin: 0;

    padding: 10px 5px;

    font-size: 12px;

}



#courses .thumbnail .footer p.price {

    text-align: right;

    color: red;

    font-weight: bold

}



#courses.gridview .course:nth-child(3n+1){

    clear: both

}



footer#main .social {

    text-align: right;

    font-size: 30px;

    line-height: 15px

}



.profile .media-left img {

    width: 200px;

    height: auto

}



.wpcf7-form .btn{

    margin-top: 10px

}



#registration .modal-header{

    background: #0088CC;

    border-radius: 5px 5px 0 0;

}



#registration .modal-header .title{

    color: white;

    margin: 0

}



#registration textarea.form-control{

    height: 100px;

}



div.wpcf7-response-output{

    margin: 0 !important;

    padding: 0 !important;

    border: none  !important

}



span.wpcf7-not-valid-tip{

    display: none !important

}



#registration .form-control.wpcf7-not-valid{

    border-color: #a94442;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

}



#registration .form-control.wpcf7-not-valid:hover{

    border-color: #843534;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;

}



div.wpcf7-validation-errors{

    color: red

}



footer#main .widget{

    margin-bottom: 0px; margin-top:40px; margin-bottom:20px;

}



.boxes .wcate{

    padding: 10px;

}



#schedules th{

    background: #0088CC;

    text-transform: uppercase;

    color: white;

    border-color: #0088CC

}



#schedules .btn-default{

    background: #0088CC;

    text-transform: uppercase;

    color: white;

    border-color: #0088CC    

}



.owl-nav.disabled,

.owl-dots.disabled{

    display: none

}



.testimonials {

    margin-top: 20px;

}



.testimonials .owl-item img{

    max-width: inherit !important;

    width: 120px !important;

    height: auto !important

}



.testimonials .media{

    text-align: left;

}



.testimonials .name{

    text-transform: uppercase;

    font-weight: bold;

    margin: 0 0 5px;

}



.testimonials .position{

    font-style: italic;

}



.homebox{

    margin-bottom: 30px

}



.homebox:after{

    content: '';

    display: block;

    clear: both

}



.homebox .widget.layerslider_widget{

    padding: 0 15px;

}



.homebox .widget.layerslider_widget .ls-inner:before{

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    background: rgba(0,136,204,0.6);

    z-index: 99;

}



.homebox .widget.layerslider_widget .ls-l{

    position: absolute;

    z-index: 999;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

}



.homebox .widget.layerslider_widget .ls-l .content{

    position: absolute;

    left: 0;

    top: 50%;

    right: 0;

    bottom: 0;

    height: auto;

    z-index: 9999999;

    color: white;

    text-align: center;

    font-size: 17px;

    transform: translateY(-50%) !important;

    -webkit-transform: translateY(-50%) !important;

    -ms-transform: translateY(-50%) !important;

    -o-transform: translateY(-50%) !important;

    padding: 0 40px;

    white-space: normal;

}



.homebox .widget.layerslider_widget .ls-l .content h3{

    font-size: 30px;

    font-weight: bold;

}



.homebox .title.bg{

    border: none;

    padding-bottom: 0;

    border-bottom: 1px solid #0088CC;

}



.homebox .title.bg span{

    color: white;

    background: #0088CC;

    display: inline-block;

    padding: 8px 10px;

    border-radius: 7px 7px 7px 0;

    font-size: 13px;

    position: relative;

    text-transform: none;

}



.homebox .title.bg span:after{

    display: none;

    content: '';

    position: absolute;

    width: 1px;

    height: 1px;

    border-top: 10px solid #0088CC;

    border-right: 10px solid transparent;

    border-left: 30px solid transparent;

    bottom: -8px;

    right: 10px;

}



.homebox .title.bg:after{

    display: none;

}



.widget_post_category_full_widget li.large,

.widget_tieudiem_widget li.large{

    width: 100%;

    float: left;

    border-bottom: #CCCCCC dashed 0px;

    padding: 0px 0px 0px 0px;

    margin-bottom: 0px;

}

.widget_post_category_full_widget li.large:after {

    padding-top:5px; padding-bottom:5px; border-bottom:#CCCCCC dashed 1px;

}

.widget_post_category_full_widget li.large:nth-child(2),

.widget_tieudiem_widget li.large:nth-child(2){

    float: right;

}



.boxes .ads img{

    max-width: 100%;

    height: auto;

}



.boxes .ads{

    margin-bottom:30px;

}



#client .thumbnail{

    position: relative;

    height: 100px;

}



#client .thumbnail img{

    max-width: 90%;

    max-height: 90%;

    width: auto;

    height: auto;

    position: absolute;

    top: 5px;

    left: 5px;

    right: 5px;

    bottom: 5px;

    margin: auto;

}



.gallery{

    margin: 0 -5px !important;

}



.gallery .gallery-item{

    padding: 5px;

    margin: 0 !important;

    width: 25% !important;

}



.gallery .gallery-item img{

    width: 100%;

    border: 1px solid #eee !important;

    padding: 3px

}



.gallery .gallery-item img:hover{

    opacity: .8

}



#instructors .intro{

    text-align: justify

}



aside#main .widget img{

    max-width: 100%;

    height: auto

}



aside#main .widget li.large{

    border-bottom: 1px dotted #ccc;

}



.navigation .pagination{

    margin: 15px;

}

#text-13{

 margin-left:15px;}
.lang {
    
    padding: 10px 10px;
    border-left: 1px solid rgba(255,255,255,0.3);
}
.lang a{
    color: white;
    
    font-weight: 600;
    font-size: 13px;
    
}