*{padding: 0;margin: 0}a{transition: all ease .3s;color: #000}a:hover,a:focus{text-decoration: none !important;color: #3378bf}
body{font-size: 15px;line-height: 1.6;color: #000;font-family: 'Roboto', sans-serif;position: relative;background-color: #fff;position: relative}
input:focus,textarea:focus,input:visited,textarea:visited{outline: none}textarea{resize: none}
.pro-wrapper img{max-width: 100%;height: auto}.pro-wrapper ul,.pro-wrapper ol{list-style-position: inside}
.pro-top{background-color: #3378bf}
.pro-top a{float: left;color: #fff;font-size: 14px;line-height: 14px;margin: 10px 0}
.pro-top a:hover{color: #fda83b}
.pro-top .pro-social{float: right}
.pro-top .pro-social a{background-image: url('../images/social.png');background-repeat: no-repeat;float: left}
.pro-top .pro-social .pro-social-fb{background-position: 0 0;width: 9px;height: 18px;margin: 8px 0}
.pro-top .pro-social .pro-social-viber{background-position: -9px 0;width: 19px;height: 20px;margin: 7px 0 7px 20px}
.pro-top .pro-social .pro-social-zalo{background-position: -28px 0;width: 21px;height: 20px;margin: 7px 0 7px 20px}
.pro-top .pro-info{float: left}
.pro-top .pro-info a + a:before{content: "/";margin: 0 7px}
.pro-top .pro-info a + a:hover:before{color: #fff}
.pro-header .container{position: relative}
.pro-order{float: right;margin: 30px 0;margin-left: 20px;text-transform: uppercase;color: #fff;font-weight: 500;font-size: 17px;line-height: 22px;background-color: #fda83b;padding: 8px 25px 6px 25px;border-radius: 4px}
.pro-order:hover,.pro-order:focus{background-color: #3378bf;color: #fff}
.pro-order:before{font-family: FontAwesome;content: "\f095";padding-right: 10px}
.pro-logo{float: left}
.pro-logo a{display: inline-block;padding: 29px 0px;transition: all ease .3s}
.pro-menu ul{list-style: none;margin-bottom: 0;padding-left: 0}
.pro-menu ul li{position: relative;}
.pro-menu ul li a{font-size: 14px;line-height: 19px;padding: 10px;display: block;}
.pro-title{text-align: center;margin:50px 0 30px 0;padding-bottom: 10px;position: relative;font-size: 32px;line-height: 37px;font-weight: 500;text-transform: uppercase}
.pro-title:before{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 50px;height: 4px;background-color: #3378bf;border-radius: 2px}
.pro-item{margin-bottom: 30px;text-align: center;border: 1px solid #e2e2e2}
.pro-item:hover{border-color: #3378bf}
.pro-image{position: relative;display: block;overflow: hidden}
.pro-image img{transition: all ease .3s;transform: scale(1);max-width: 100%}
.pro-image:hover img{transform: scale(1.2)}
.pro-name{font-size: 16px;line-height: 21px;display: block;background-color: #f6f6f6;font-weight: 500;padding: 14px 5px 13px 5px}
.pro-item:hover .pro-name{background-color: #3378bf;color: #fff}
.owl-carousel .owl-nav div{top: 50%;transform: translateY(-50%);width: 40px;height: 40px;text-align: center;background-color: rgba(102, 101, 101, 0.46);color: #fff;line-height: 40px;border-radius: 40px;position: absolute;font-size: 20px;z-index:2}
.owl-carousel .owl-nav div:hover{background-color: #3378bf;color: #fff}
.owl-carousel .owl-nav .owl-prev{left: 15px}
.owl-carousel .owl-nav .owl-next{right: 15px}
.owl-carousel .owl-dots{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%)}
.owl-carousel .owl-dots .owl-dot{margin: 0 5px;width: 10px;height: 10px;border-radius: 5px;background-color: #fff;float: left}
.owl-carousel .owl-dots .owl-dot.active{background-color: #ed313a}
.pro-breadcrumb{padding-top: 30px;padding-bottom: 15px;font-size: 14px;line-height: 14px;background: #f9f9f9;border-top: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;}
.pro-breadcrumb .pro-title-breadcrumb{font-size: 26px;line-height:31px;font-weight: bold;margin: 0 0 15px 0;text-transform: uppercase}
.pro-breadcrumb a{margin-bottom: 10px;display: inline-block;font-size: 14px;line-height: 19px;;font-style: italic;color: #8b8b8b}
.pro-breadcrumb a + a:before,.pro-breadcrumb a strong:before,.pro-breadcrumb strong:before{content: "/";margin: 0 7px}
.pro-breadcrumb .pro-title-breadcrumb + a:before{font-family: 'FontAwesome';content: "\f015";margin-right: 7px;font-style: initial;color: #3378bf}
.pro-breadcrumb strong{font-weight: normal;position: relative;display: inline-block;font-size: 14px;line-height: 19px;;font-style: italic;color: #8b8b8b}
.pro-breadcrumb a strong:before{display: none}
.pro-breadcrumb a:hover,.pro-breadcrumb a:hover strong{color: #3378bf}
.pagination{margin: 0}
.pagination>li>a, .pagination>li>span,.pagination>li:first-child>a, .pagination>li:first-child>span,.pagination>li:last-child>a, .pagination>li:last-child>span{ margin: 0 3px; width: 32px; padding: 0; height: 32px; line-height: 32px; text-align: center; border-radius: 32px;border: none;color: #000;background-color: #dedede;font-size: 13px}.pagination>li:first-child>span,.pagination>li:first-child>a{margin-left:0}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus{background-color: #3378bf;color: #fff}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{background-color: #2a6496 !important;color: #fff !important}
footer{background-color: #e2e6ec;padding-top: 30px;font-size: 14px;line-height: 19px;margin-top: 30px}.certificate-item{margin-bottom: 10px;}.certificate-item img{max-width: 100%}
footer > .container > .row > [class*='col-']{margin-bottom: 45px}
footer .pro-title-ft{text-transform: uppercase;margin-top: 0}
footer .pro-title-ft{font-size: 16px;line-height: 21px;margin-bottom: 20px;font-weight: bold}
footer form .form-control{background-color: transparent;margin-bottom: 10px;border-radius: 0;border-width: 0 0 1px 0;box-shadow: none;padding: 0;color: #d1e7fc;border-bottom-color: #87baee}
footer form textarea.form-control{height: 70px;resize: none}
footer form .form-control:focus{outline: none;box-shadow: none}
footer form .form-control::-webkit-input-placeholder {color: #d1e7fc}
footer form .form-control:-ms-input-placeholder {color: #d1e7fc}
footer form .form-control::placeholder { color: #d1e7fc}
footer form button{font-size: 15px;line-height: 20px;padding: 7px 20px 5px 20px;font-weight: 500;border: 1px solid #87baee;background-color: transparent;color: #fff}
footer form button:hover{background-color: #87baee;color: #000}
footer ul{margin-bottom: 0;list-style: none}
footer ul li{margin-bottom: 10px}
footer ul li:before{font-family: 'FontAwesome';content: "\f105";float: left;margin-right: 7px}
footer ul li:last-child{margin-bottom: 0}
.pro-copyright{padding: 15px 0;background: #1e1e1e;color: #d5d2d2}
.pro-gotop{width: 40px; height: 40px; border-radius: 5px; color: #fff; background-color: rgba(0,0,0,.6); position: fixed; bottom: 15px; right: 15px; display: inline-block;text-align: center;line-height: 40px;font-size: 25px;z-index: 100}
.pro-gotop:hover,.pro-gotop:focus{color: #fff;background-color: #000}
.section-page{margin-top: 30px;margin-bottom: 30px;}
.pro-hotline-fixed { background-color: #008fe6; border-radius: 100%; width: 50px; height: 50px; position: fixed; right: 15px; bottom: 145px; color: #fff; font-size: 30px; text-align: center; line-height: 50px; box-shadow: 0 0 5px rgba(0,0,0,.5);z-index:100; }
.pro-hotline-fixed:hover{color: #fff;}
.pro-hotline-fixed.pro-zalo{bottom: 75px;background-color: transparent;line-height: normal;}
.pro-hotline-fixed.pro-zalo img{max-width: 100%;}
@media only screen and (min-width: 992px){
    .pro-header{top: -70px;transition: all ease .3s}
    header.fixed{position: fixed;z-index: 100;left: 0;width: 100%;top: 0;background-color: rgba(255,255,255,1);box-shadow: 0 2px 5px rgba(0,0,0,.1)}
    header.fixed .pro-header .pro-logo a{padding: 17px 0}.pro-icon-menu{display: none}
    .pro-menu{float: right;}
    header.fixed .pro-header .pro-menu{margin: 0}
    .pro-menu > ul > li{float: left;padding: 37px 0 36px 0;transition: all ease .3s}
    .pro-menu > ul > li:first-child > a{padding-left: 0;border-left: 0}
    .pro-menu > ul > li:last-child > a{padding-right: 0}
    .pro-menu > ul > li > a{text-transform: uppercase;font-size: 15px;line-height: 22px;padding: 0 20px;border-left: 1px solid #dedede;transition: none}
    .pro-menu > ul > li:hover > a,.pro-menu > ul > li.active > a{color: #e22e2b}
    .pro-menu ul li ul{position: absolute;top: 100%;left: 0;width: 220px;background-color: rgba(0, 0, 0, .6);transition: all ease .3s;z-index: 100}
    .pro-menu>ul>li>ul{top:calc(100% - 25px);}header.fixed .pro-menu>ul>li>ul{top:100%;}
    .pro-menu > ul > li > ul{transform: scaleY(0);transform-origin: top}
    .pro-menu > ul > li:hover > ul{transform: scaleY(1)}
    .pro-menu ul li ul li{border-bottom: 1px solid rgba(0, 0, 0, .1)}
    .pro-menu ul li ul li:hover > a{background-color: #3378bf;color: #fff}
    .pro-menu ul li ul li:last-child{border-bottom: 0}
    .pro-menu ul li ul li a{color: #fff}
    .pro-menu ul li ul li ul{top: 0;left: 100%;transform: scaleX(0);transform-origin: left;border-left: 1px solid rgba(0, 0, 0, .1)}
    .pro-menu ul li ul li:hover ul{transform: scaleX(1)}
    .pro-menu ul li .fa{display: none}
    header.fixed .pro-menu > ul > li > a{color: #000}header.fixed .pro-menu > ul > li:hover > a,header.fixed .pro-menu > ul > li.active > a{color: #e22e2b}
    header.fixed .pro-order{margin-top: 19px;margin-bottom: 19px;}header.fixed .pro-header .pro-menu > ul > li{padding: 27px 0}
}
@media (min-width: 992px) and (max-width: 1199px){
  .pro-menu{clear: both;}.pro-menu > ul > li{padding: 10px 0;}.pro-order{margin-bottom: 15px;}.pro-logo a{padding-bottom:15px}
  header.fixed .pro-logo a{padding:15px 0}header.fixed .pro-order{margin-top: 15px;}header.fixed .pro-header .pro-menu > ul > li{padding-top: 0;padding-bottom: 15px;}
  .pro-menu>ul>li>ul{top:100%;}header.fixed .pro-menu>ul>li>ul{top:100%;}
}
@media only screen and (max-width: 991px){
    header{height: auto}
    .container{width: 100%}
    .pro-header{position: relative}
    .pro-logo a{height: 80px}
    .pro-menu{ position: absolute; top: 100%; left: 0; background-color: #3378bf; width: 100%;z-index: 100;display: none}
    .pro-menu ul li ul{display: none}
    .pro-menu ul li:last-child{border-bottom: 0}
    .pro-menu ul li a{padding: 10px 15px;font-size: 15px;line-height: 20px;color: #fff}
    .pro-menu > ul > li{margin-left: 0;border-bottom: 1px solid #276db5}
    .pro-icon-menu{float: right;width: 35px;height: 23px;background-color: transparent;border: none;position: relative;margin: 28.5px 0}
    .pro-icon-menu:focus{outline: none}
    .pro-icon-menu span{display: inline-block;width: 35px;height: 3px;background-color: #3378bf;position: absolute;left: 0}
    .pro-icon-menu span:first-child{top:0}
    .pro-icon-menu span:nth-child(2){top: 10px}
    .pro-icon-menu span:last-child{bottom: 0}
    .pro-order{right: 80px;top: 22px}
    .pro-menu ul li.pro-dropdown{padding-right: 40px}
    .pro-menu ul li.pro-dropdown > ul{margin-right: -40px}
    .pro-menu ul li.pro-dropdown.ShowChild > ul{display: block}
    .pro-menu ul li.pro-dropdown.ShowChild > .fa:before{content: "\f106"}
    .pro-menu ul li .fa{ position: absolute; right: 0; top: 0;width: 40px; height: 40px; text-align: center; line-height: 40px; cursor: pointer;color: #fff}
    .pro-menu ul li ul{background-color: #276db5}
    .pro-menu ul li ul li{border-bottom: 1px solid #2779ce}
    .pro-menu ul li ul li a,.pro-menu ul li ul li .fa{color:#fff}
    .pro-menu ul li ul li ul{background-color: #1261b3}
    .pro-menu ul li ul li ul li{border-bottom: 1px solid rgb(39, 109, 181)}
    .pro-order{margin: 22px 0;margin-right: 15px}
}
@media only screen and (max-width: 767px){
    .pro-title{font-size: 25px;line-height: 30px;margin-top: 30px}
    .pro-email,.pro-top .pro-info a + a:before{display: none}
}
@media only screen and (max-width: 680px){
    footer > .container > .row > [class*='col-']{width: 100%;margin-bottom: 30px}
    .pro-breadcrumb{background-image: none}
    .pro-breadcrumb{padding: 25px 0 10px 0;min-height: initial}
    .pro-breadcrumb .pro-title-breadcrumb{font-size: 22px;line-height: 27px;margin-bottom: 10px}
}
@media only screen and (max-width: 570px){
    .pagination>li>a, .pagination>li>span, .pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span{margin: 0 2px;width: 28px;height: 28px;line-height: 28px}
}
@media only screen and (max-width: 480px){
    .pro-order{padding-left: 15px;padding-right: 15px;right: 70px}
    .pro-order:after{display: none}
    .pagination>li>a, .pagination>li>span, .pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span{margin: 0 1px;}
    .pro-name{font-size: 14px;line-height: 19px;}
}
@media only screen and (max-width: 370px){
    .pro-top .pro-social a{margin-left: 10px !important}
    .pro-order{display: none}
    footer .row [class*='col-']{width: 100%}.certificate-item{width: 50% !important;float:  left;}
    footer form .form-control{margin-bottom: 15px}
    .pro-copyright{font-size: 13px;line-height: 18px}
    .pro-title{font-size: 22px;line-height: 27px}
}