@charset "UTF-8";

/*--- 
import
variables 
loading
body
navbar
mainheader
about
insideheader
about
features
services
px-bg
news
client
mission
ourteam
casestudies
faq
contact
footer
responsive
---*/

@import url("https://fonts.googleapis.com/css?family=DBHelvethaicaMonXReg:300,400,500,600,700");

/*--- icon font ---*/

@import url("../font/css/font-awesome.min.css");
@import url("../font/pe-icon-7-stroke/css/pe-icon-7-stroke.css");

/*--- bootstrap ---*/

@import url("bootstrap.min.css");
@import url("lightbox.css");

/*--- animate ---*/

@import url("animate.min.css");
@import url("baguetteBox.css");
@import url("hover-min.css");

/*--- owl -------*/

@import url("owl.carousel.css");
@import url("owl.transitions.css");
@import url("owl.theme.css");

/*--- LOADING ---*/

@font-face {
    font-family: 'DBHelvethaicaMonXReg';
    src: url('../fonts/DBHelvethaicaMonXReg.eot?#iefix') format('embedded-opentype'), url('../fonts/DBHelvethaicaMonXReg.woff') format('woff'), url('../fonts/DBHelvethaicaMonXReg.ttf') format('truetype'), url('../fonts/DBHelvethaicaMonXReg.svg#DBHelvethaicaMonXReg') format('svg');
    font-weight: normal;
    font-style: normal;
}

#loading {
    background-image: url("../images/loader.svg");
    background-position: center center;
    background-repeat: no-repeat;
    height: 120px;
    left: 50%;
    margin: -100px 0 0 -50px;
    position: absolute;
    top: 50%;
    width: 120px;
}

#preloader {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}

.bar-top-ntf {
    font-family: "DBHelvethaicaMonXReg", sans-serif;
    font-size: 22px;
    color: #fff;
    background: #15b585;
    vertical-align: middle;
    line-height: 30px;
    padding: 3px 0;
    border-bottom: 1px solid #fff;
}

.img-fluid {
    width: 100%;
    height: auto;
}

.bar-top-ntf span {
    vertical-align: middle;
}

.telset.phone {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    background: transparent url('../images_ast/phone_ico.png') left center no-repeat;
    padding-left: 35px;
    margin-left: 15px;
}

.telset.phone a {
    color: #000;
}

.telset.phone a:hover {
    color: #fff;
}

.display-hide {
    display: none;
}

.login-respone {
    display: none;
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 35px;
    margin: 5px auto;
    text-align: center;
}

.login-respone.error {
    color: #15b585;
}

.login-respone.success {
    color: #fa8b00;
}

.totop {
    display: none;
    position: fixed;
    bottom: 85px;
    right: 20px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background: #393532;
    text-align: center;
    line-height: 50px;
    font-size: 32px;
    color: rgba(255, 255, 255, 0.8);
    opacity: 0.7;
    -moz-opacity: 0.7;
    -webkit-opacity: 0.7;
    z-index: 999999;
    border-radius: 35px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
}

.totop:hover {
    background: #15b585;
    opacity: 1.0;
    -moz-opacity: 1.0;
    -webkit-opacity: 1.0;
}

.totop.tt-hide {
    display: none;
}

.totop.tt-show {
    display: block;
}


/* LOADING */

body {
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-weight: 400;
    line-height: 24px;
    font-size: 18px;
    color: #6e7b97;
}

a {
    text-decoration: none;
}

a:focus,
a:active,
a:hover {
    text-decoration: none;
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

hr {
    border-color: #ffdc00;
    border-width: 4px;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    width: 80px;
}

.title {
    margin-bottom: 100px;
}

.title h2 {
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #243a90;
    margin-top: 10px;
    letter-spacing: -2px;
}

.title h4 {
    color: #6e7b97;
    font-weight: 300;
    line-height: 28px;
}

.trf_h {}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #243a90;
}

::-moz-placeholder {
    color: #243a90;
}

.key-smartsearch::placeholder {
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 24px;
}

.key-smartsearch::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 24px;
}

.key-smartsearch::-moz-placeholder {
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 24px;
}


/*--- navbar ---*/

.affix-top {
    /*  top: 64px;
    padding-top: 10px;
    */
    background: #0e1d16;
    top: 0px;
    /*background: #534a3f;*/
    height: 110px;
}

.navbar-header {
    background-color: #0e1d16;
}

.navbar-header .navbar-brand img {
    padding: 5px 5px 10px 5px
}

.navbar .logo_dtail {
    padding-top: 5px;
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.navbar-brand:hover {
    opacity: 0.6;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.navbar>.container .navbar-brand,
.navbar>.container-fluid .navbar-brand {
    margin-left: 0;
    padding-top: 5px;
}

.navbar>.container .navbar-brand img,
.navbar>.container-fluid .navbar-brand img {
    display: inline-block;
    max-height: 65px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}


/*.navbar > .container .navbar-brand img:hover, .navbar > .container-fluid .navbar-brand img:hover{
    opacity: 0.6;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}*/

.navbar>.container {}

.navbar-right {
    margin-right: 0;
}

.top-social a {
    color: #009ef9;
    vertical-align: middle;
    font-weight: 500;
    font-size: 20px;
}

.top-social a:hover {
    color: #000;
}

.navbar-nav li {
    float: left;
    position: relative;
}

.navbar-inverse {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    margin-bottom: 0;
    min-height: auto;
}

.navbar-inverse .navbar-nav li {
    padding-left: 8px;
    padding-right: 8px;
}

.navbar-inverse .navbar-nav li a {
    font-size: 16px;
    color: #fff;
    /*    padding-bottom: 40px;*/
    padding-top: 12px;
    font-weight: 400;
    text-transform: uppercase;
    height: 42px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.navbar-inverse .navbar-nav li a:focus,
.navbar-inverse .navbar-nav li a:hover {
    /*    background-color: rgba(0, 0, 0, 0);*/
    /*    color: #ffdc00; */
    color: #15b585;
}

.navbar-inverse .navbar-nav li .m_tmain:focus .trf_h,
.navbar-inverse .navbar-nav li .m_tmain:hover .trf_h {
    -webkit-transform: scale(1, 1.2) skew(15deg);
    -moz-transform: scale(1, 1.2) skew(15deg);
    -o-transform: scale(1, 1.2) skew(15deg);
}

.navbar-inverse .navbar-nav>li.open>a,
.navbar-inverse .navbar-nav>li.open>a:hover,
.navbar-inverse .navbar-nav>li.open>a:focus {
    /*    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;*/
    /*     color: #ffdc00; */
    color: #15b585;
}


/*.navbar-inverse .navbar-nav > li.open > .m_tmain,
.navbar-inverse .navbar-nav > li.open > .m_tmain:hover,
.navbar-inverse .navbar-nav > li.open > .m_tmain:focus 
{
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
         color: #ffdc00; 
    background: #15b585;
    -webkit-transform: skew(-15deg);
    -moz-transform: skew(-15deg);
    -o-transform: skew(-15deg);  
}*/

.navbar-inverse .navbar-nav>li.open .fa-caret-down,
.navbar-inverse .navbar-nav>li.open .fa-caret-down:hover,
.navbar-inverse .navbar-nav>li>a:hover .fa-caret-down,
.navbar-inverse .navbar-nav>li.open .fa-caret-down:focus {
    display: none;
}

.navbar-nav li .dropdown-menu {
    top: 42px;
    left: 2px;
    min-width: 210px;
    background: #fff;
    border-radius: 0;
    padding: 0;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.navbar-nav li .dropdown-menu li::after {
    bottom: 12px;
}

.dropdown-menu.arrow li {
    /*    border-bottom: 1px solid #e66233;*/
    width: 100%;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.dropdown-menu.arrow li:last-child {
    border-bottom: none;
}

.dropdown-menu.arrow li:hover {
    /*    background-color: #393532;*/
    background: transparent;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    padding-left: 12px;
}

.dropdown-menu.arrow li a {
    background-image: url('../images_ast/bg_dotted.png');
    background-position: bottom left;
    background-repeat: repeat-x;
}

.dropdown-menu.arrow li:last-child a {
    background-image: none;
}

.nav.navbar-nav>.activeprd>a .fa-caret-down {
    display: none;
}


/*.drp_prd .dropdown-menu{
    
}
.drp_prd:hover .dropdown-menu{
    display: block;
}*/


/*.drp_prd{
    transition: all .75s ease;
}
.drp_prd:hover .dropdown-menu{
    display:block;
    transition: all .75s ease-out;
}*/

.navbar-inverse .navbar-nav .dropdown-menu {
    padding-top: 5px;
    padding-bottom: 5px;
}

.navbar-inverse .navbar-nav .dropdown-menu.arrow a {
    color: #000;
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    padding: 2px 5px;
    height: auto;
}

.navbar-inverse .navbar-nav .dropdown-menu.arrow a:hover {
    color: #15b585;
    background-color: transparent;
    -webkit-transform: skew(0deg);
    -moz-transform: skew(0deg);
    -o-transform: skew(0deg);
}

.top-nav {
    padding: 20px 0;
}

.top-nav li {
    display: inline;
    margin-right: 10px;
    margin-left: 0;
    color: #243a90;
}

.top-nav li i {
    color: #243a90;
    font-size: 16px;
    margin-right: 10px;
}

.top-nav .top-social li {
    margin-left: 0;
    margin-right: 10px;
}

.top-nav .top-social li i {
    margin-left: 10px;
    margin-right: 0px;
}

.top-nav .top-social a i {
    color: #243a90;
}

.top-nav .top-social a i:hover {
    color: #ffdc00;
}

.affix {
    background: #0e1d16;
    position: fixed;
    height: 110px;
}

.affix .nav.navbar-nav a {
    height: 42px;
}

.affix .in-disktop {
    display: none;
}

.affix .in-mobile {
    margin-top: 28px;
}

.navbar-fixed-top {
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-bottom: 1px solid #fff;
}

.affix-top .in-mobile {
    display: none;
}

.nav.navbar-nav>li::after {
    /*    background: #ffdc00;
        content: "";
        height: 4px;
        position: absolute;
        width: 0;
        -webkit-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s; */
}

.nav.navbar-nav li:hover::after {
    /*    width: 100%; */
}

.nav.navbar-nav>li a {
    font-size: 24px;
    font-weight: 300;
}

.nav.navbar-nav>li.active {
    /*    border-bottom: 5px solid #ffdc00;
        background: none;*/
    /*    background:transparent;*/
    background: transparent;
}

.nav.navbar-nav>li.active a {
    color: #15b585;
}

.nav.navbar-nav>.activeprd {
    /* background: transparent; */
    /*    background: #15b585;*/
    /*    -webkit-transform: skew(-15deg);
        -moz-transform: skew(-15deg);
        -o-transform: skew(-15deg);*/
}

.nav.navbar-nav>.activeprd>a {
    color: #15b585;
}

.nav.navbar-nav>.activeprd>a>.trf_h {
    -webkit-transform: scale(1, 1.2) skew(15deg);
    -moz-transform: scale(1, 1.2) skew(15deg);
    -o-transform: scale(1, 1.2) skew(15deg);
}

.nav.navbar-nav>li.activeprd .trf_h {
    /*    -webkit-transform:scale(1, 1.2) skew(15deg);
        -moz-transform:scale(1, 1.2) skew(15deg);
        -o-transform:scale(1, 1.2) skew(15deg);*/
}

.drp_prd.open .m_tmain>.trf_h {
    -webkit-transform: scale(1, 1.2) skew(15deg);
    -moz-transform: scale(1, 1.2) skew(15deg);
    -o-transform: scale(1, 1.2) skew(15deg);
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    background: transparent;
}

.nav.navbar-nav>li.active>.m_tmain>.trf_h {
    /*    transform: scale(1, 1.2) skew(15deg);*/
    -webkit-transform: scale(1, 1.2) skew(15deg);
    -moz-transform: scale(1, 1.2) skew(15deg);
    -o-transform: scale(1, 1.2) skew(15deg);
}

.nav.navbar-nav>li.active>.m_tmain:hover>.trf_h {
    -webkit-transform: scale(1, 1.2) skew(30deg);
    -moz-transform: scale(1, 1.2) skew(30deg);
    -o-transform: scale(1, 1.2) skew(30deg);
}


/*--- main-header ---*/

.main-header2 {
    background: rgba(0, 0, 0, 0) url("../images/header2.jpg") no-repeat scroll center 0/cover;
}

.main-header {
    margin-top: 110px;
}


/* .main-header .item {
    height: 850px;
    background-size: cover;
} */

.main-header .right-control {
    margin: 0px;
    /*    border: 2px solid #243a90;
        border-radius: 50%;*/
    background: #393532;
    border: none;
    font-size: 44px;
    height: 60px;
    right: 0px;
    line-height: 38px;
    position: absolute;
    color: #fff;
    text-align: center;
    top: 48%;
    width: 60px;
    padding-top: 8px;
    padding-left: 8px;
    z-index: 99;
}

.main-header .left-control {
    margin: 0px;
    /*    border: 2px solid #243a90;*/
    /*    border-radius: 50%;*/
    background: #393532;
    border: none;
    font-size: 44px;
    height: 60px;
    left: 0px;
    line-height: 38px;
    position: absolute;
    text-align: center;
    top: 48%;
    color: #fff;
    width: 60px;
    padding-top: 8px;
    padding-right: 8px;
    z-index: 99;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.main-header .right-control:hover,
.main-header .left-control:hover {
    background: #15b585;
    color: #fffffc;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.main-header-text {
    margin-top: 190px;
}

.main-header-text h3 {
    color: #3764EB;
}

.main-header-text h1 {
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-size: 48px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    width: 70%;
    text-transform: uppercase;
    /*    letter-spacing: -2px;*/
    /*    border-bottom: 4px solid #ffdc00;*/
}

.main-header-text h1 .txt_title {
    padding: 0px 7px;
}

.main-header-text h4 {
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    width: 55%;
    font-size: 24px;
    font-weight: 300;
    color: rgba(255, 255, 255, 1);
    line-height: 38px;
    /*    background-image: linear-gradient(to left, rgba(255,255,255,0), rgba(0,0,0,0.5));*/
}

.main-header-text h4 .txt_dt {}

.main-header-text h4 .txt_dt span {
    padding: 0px 7px;
    background: rgba(0, 0, 0, 0.5);
}

.main-header-text a {
    background: #ffdc00;
    -webkit-box-shadow: 1px 6px 9px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 6px 9px rgba(0, 0, 0, 0.1);
    font-size: 24px;
    color: #000;
    display: inline-block;
    margin-right: 20px;
    margin-top: 5px;
    padding: 10px 40px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.main-header-text a:hover,
.main-header-text a.active {
    color: #fff;
    border-bottom: 2px solid #ffdc00;
}


/*--- insid-header ---*/

.insidemenu .nav.navbar-nav a {
    color: #fff;
}

.insidemenu .nav.navbar-nav a:hover {
    color: #fff;
}

.insidemenu.affix .nav.navbar-nav a {
    color: #243a90;
}

.inside-logo {
    margin-left: 0 !important;
    margin-top: -26px;
}

.insid-header {
    background: #eef3f6;
}

.insid-header-text {
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    margin: 200px auto 100px;
    width: 100%;
}

.insid-header-text h1 {
    margin: 0 auto;
    font-size: 60px;
    line-height: 60px;
    font-weight: 500;
    color: #152353;
}

.insid-header-text h3 {
    color: #009ef9;
    font-weight: 500;
    font-size: 30px;
    line-height: 30px;
    margin: 10px auto;
}

hr.sub_inside {
    margin: 0 auto;
    padding: 0;
    width: 60%;
}

hr.sub_inside.min {
    margin: 0 auto;
    padding: 0;
    width: 30%;
}

.bdrcrums {
    display: inline-block;
    padding: 10px 0;
}

.bdrcrums li {
    display: inline;
    color: #243a90;
}

.bdrcrums li a {
    color: #243a90;
}

.about-header {
    background: rgba(0, 0, 0, 0) url("../images/about-header.html") no-repeat scroll center 0/cover;
}

.services-header {
    background: rgba(0, 0, 0, 0) url("../images/services-header.html") no-repeat scroll center 0/cover;
}

.gallery-header {
    background: rgba(0, 0, 0, 0) url("../images/gallery-header.html") no-repeat scroll center 0/cover;
}

.blog-header {
    background: rgba(0, 0, 0, 0) url("../images/blog-header-image.html") no-repeat scroll center 0/cover;
}

.contact-header {
    background: rgba(0, 0, 0, 0) url("../images/contact-header.jpg") no-repeat scroll center 0/cover;
}


/* smart search */

.box_smart-search {
    padding-left: 50px !important;
}

.smart-search {
    position: relative;
    margin: 0;
    padding: 0;
    padding-top: 5px;
    width: 320px;
}

@media screen and (max-width: 768px) {
    .box_smart-search {
        padding-left: 20px
    }
    .smart-search {
        width: 200px
    }
}

.smart-search .loading {
    display: none;
    position: absolute;
    right: 10px;
    top: 10px;
    margin: auto;
    z-index: 2;
}

.smart-search .loading .fa {
    font-size: 14px;
    color: gray;
}

.smart-search .search-result {
    position: absolute;
    top: 40px;
    left: 16px;
    right: 0;
    padding-bottom: 5px;
    background: #fff;
    z-index: 6;
    /*    border-radius: 5px !important;*/
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    min-height: 100px;
    width: 200px;
}

.smart-search .search-result ul {
    margin: 0;
    padding: 0;
}

.smart-search .search-result ul li {
    display: table;
    /*background: url('../../assets/images/img/bg_line_thk.png') bottom left repeat-x;*/
    padding: 3px 10px;
    width: 100%;
    text-align: left;
}

.smart-search .search-result ul li a {}

.smart-search .search-result ul li a:hover {
    background: transparent;
}

.smart-search .search-result ul li:hover {
    border-radius: 5px !important;
    background: #e5e5e5;
}

.smart-search .search-result ul li a .img {
    display: table-cell;
    width: 55px;
    height: 55px;
    padding: 5px;
    vertical-align: top;
}

.smart-search .search-result ul li a .img img {
    max-width: 100%;
    max-height: 100%;
    border: 1px #e7e7e7 solid;
}

.smart-search .search-result ul li a .detail {
    display: table-cell;
    padding: 0 0;
    margin: 0;
    width: auto;
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-size: 18px;
    line-height: 18px;
}

.smart-search .search-result ul li a .detail .name {
    color: #000;
    margin: 5px 0 0 0;
    font-size: 18px;
    opacity: 0.8;
}

.smart-search .search-result ul li a .detail .price {
    color: #e65250;
    margin: 0;
    margin-bottom: 5px;
}

.smart-search .search-result ul li:last-child {
    background-image: none;
}

.smart-search .ic_serchsmm {
    position: absolute;
    right: 10px;
    top: 12px;
    z-index: 99;
    padding: 0;
    margin: 0;
}

.smart-search .key-smartsearch {
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-size: 24px;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.6);
    border: 0px #cccccc solid;
    border-radius: 50px !important;
    padding: 6px 20px;
    line-height: 24px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.smart-search .key-smartsearch:focus {
    outline: none;
}


/*--- about ---*/

.about {
    padding: 50px 0 0px;
    background: #eef3f6;
}

.about .about-text {
    margin-top: 100px;
}

.about .about-text h2 {
    font-size: 48px;
    font-weight: 900;
    margin-bottom: 30px;
    color: #243a90;
}

.about .about-text h4 {
    color: #3764EB;
    line-height: 24px;
    margin-bottom: 20px;
}

.about .about-text ul {
    margin-top: 20px;
}

.about .about-text li {
    margin-bottom: 5px;
}

.about .about-text li::before {
    color: #243a90;
    content: "";
    font-family: fontawesome;
    margin-right: 20px;
}

.about .about-img img {
    width: 100%;
}

.about .about-img a {
    background: #3764EB;
    border-radius: 50%;
    color: #fff;
    display: block;
    font-size: 19px;
    height: 80px;
    left: 43%;
    line-height: 80px;
    position: absolute;
    text-align: center;
    top: 28%;
    width: 80px;
}

.about .about-img a:hover {
    background: #4FBA6F none repeat scroll 0 0;
}

.about .about-img h3 {
    color: #f9f9f9;
    float: right;
    font-size: 400px;
    font-weight: 700;
    margin-right: -130px;
    margin-top: -318px;
    position: relative;
    z-index: -1;
}

.about .about-title {
    color: #f9f9f9;
    float: left;
    font-size: 200px;
    font-weight: 700;
    margin-left: -200px;
    position: absolute;
    top: 24px;
    z-index: -1;
}

.about .about-h3 {
    color: #243a90;
    letter-spacing: -2px;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 40px;
    margin-top: -20px;
}

.about2 {
    padding: 100px 0;
    position: relative;
}

.about2 h2 {
    font-size: 48px;
    font-weight: 700;
    color: #243a90;
    margin-bottom: 30px;
}

.about2::after {
    position: absolute;
    content: "";
    background: url(../images/about2.jpg) no-repeat right 0;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
}


/*--- features ---*/

.features {
    position: relative;
}

.features .container {
    padding: 35px 25px;
    background: #fff;
    -webkit-box-shadow: 1px 0 23px #0000001a;
    box-shadow: 1px 0 23px #0000001a;
    margin-top: -100px;
}

.features .features-img {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.features .features-img img {
    width: 100%;
}

.features .features-hover {
    bottom: -120px;
    height: 100%;
    color: #fff;
    padding: 10px 30px;
    width: 100%;
    position: absolute;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.features .features-hover a:hover {
    color: #4FBA6F;
}

.features .features-hover a::before {
    color: #ffdc00;
    content: "";
    font-family: fontawesome;
    margin-right: 5px;
}

.features .features-hover a {
    color: #243a90;
    display: none;
}

.features .features-hover h4 {
    font-size: 22px;
    font-weight: 600;
    margin-top: 20px;
    color: #ffdc00;
}

.features .features-img:hover .features-hover {
    background: #243a90;
    bottom: 0;
    color: #fff;
}

.features .features-img:hover .features-hover a {
    color: #fff;
    display: block;
}

.features::after {
    position: absolute;
    background: #eef3f6;
    content: "";
    width: 100%;
    height: 250px;
    bottom: 0;
    z-index: -2;
}


/* other --*/

.others {
    padding: 40px 0;
}

.others.min {
    padding: 10px 0;
}

.others p {
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-size: 16px;
    margin-bottom: 20px;
    color: #000;
}

.others .bold {
    font-size: 18px;
    font-weight: 500;
    color: #000;
}

.aboutus-list {
    margin: 30px auto;
}

.aboutus-list .item {}

.aboutus-list .icon {
    display: block;
    max-height: 60px;
    text-align: center;
    margin: 5px auto;
}

.aboutus-list .text {
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #243a90;
}


/*==========================================MARGIN*/

.mgt-0 {
    margin-top: 0 !important;
}

.mgt-5 {
    margin-top: 5px !important;
}

.mgt-10 {
    margin-top: 10px !important;
}

.mgt-12 {
    margin-top: 12px !important;
}

.mgt-13 {
    margin-top: 13px !important;
}

.mgt-15 {
    margin-top: 15px !important;
}

.mgt-20 {
    margin-top: 20px !important;
}

.mgt-25 {
    margin-top: 25px !important;
}

.mgt-30 {
    margin-top: 30px !important;
}

.mgt-35 {
    margin-top: 35px !important;
}

.mgt-40 {
    margin-top: 40px !important;
}

.mgt-45 {
    margin-top: 45px !important;
}

.mgt-50 {
    margin-top: 50px !important;
}

.mgt-100 {
    margin-top: 100px !important;
}

.mgb-0 {
    margin-bottom: 0 !important;
}

.mgb-5 {
    margin-bottom: 5px !important;
}

.mgb-10 {
    margin-bottom: 10px !important;
}

.mgb-15 {
    margin-bottom: 15px !important;
}

.mgb-20 {
    margin-bottom: 20px !important;
}

.mgb-25 {
    margin-bottom: 25px !important;
}

.mgb-30 {
    margin-bottom: 30px !important;
}

.mgb-35 {
    margin-bottom: 35px !important;
}

.mgb-40 {
    margin-bottom: 40px !important;
}

.mgb-45 {
    margin-bottom: 45px !important;
}

.mgb-50 {
    margin-bottom: 50px !important;
}

.mgb-100 {
    margin-bottom: 100px !important;
}


/*--- services ---*/

.services {
    background: #9a7445;
    padding: 10px 0;
    border-top: 1px solid #fff;
}

.services .services-text {
    position: relative;
    margin-bottom: 30px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.services .services-text .services-icon {
    color: #3764eb;
    background-color: #ffdc00;
    width: 100px;
    height: 100px;
    font-size: 62px;
    text-align: center;
    border-radius: 50%;
    line-height: 100px;
    position: absolute;
    left: 0;
    top: 30px;
}

.services .services-text h4 {
    color: #243a90;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
}

.services .services-text-left {
    background: #eef3f6;
    padding-left: 80px;
    margin-left: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 170px;
    border-radius: 5px;
}

.services ul li {
    color: #152353;
    line-height: 18px;
    padding-left: 15px;
    background: url('../images/icon_plus.png') left 8px no-repeat;
}

.services ul.no-bullet li {
    color: #152353;
    line-height: 18px;
    padding-left: 12px;
    background: none;
}

.services-text:hover i,
.services-text:hover .services-text-left,
.services-text.active i,
.services-text.active .services-text-left {
    /*    background: #243a90;*/
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.services-text:hover i,
.services-text:hover .services-text-left h4,
.services-text.active i,
.services-text.active .services-text-left h4 {
    color: #e03c19;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.services-text:hover ul li,
.services-text.active ul li {
    color: #fff;
    background: url('../images/icon_plus_hv.png') left 8px no-repeat;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.services-text:hover ul.no-bullet li,
.services-text.active ul.no-bullet li {
    color: #fff;
    background: none;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.services .services-text .bg_icon1 {
    background: #ffdc00 url('../images/icon_set_1.png') center center no-repeat;
}

.services .services-text:hover .bg_icon1 {
    background: #243a90 url('../images/icon_set_1_hv.png') center center no-repeat;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.services .services-text .bg_icon2 {
    background: #ffdc00 url('../images/icon_set_2.png') center center no-repeat;
}

.services .services-text:hover .bg_icon2 {
    background: #243a90 url('../images/icon_set_2_hv.png') center center no-repeat;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.services .services-text .bg_icon3 {
    background: #ffdc00 url('../images/icon_set_3.png') center center no-repeat;
}

.services .services-text:hover .bg_icon3 {
    background: #243a90 url('../images/icon_set_3_hv.png') center center no-repeat;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.services .services-text .bg_icon4 {
    background: #ffdc00 url('../images/icon_set_4.png') center center no-repeat;
}

.services .services-text:hover .bg_icon4 {
    background: #243a90 url('../images/icon_set_4_hv.png') center center no-repeat;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.services .services-text .bg_icon5 {
    background: #ffdc00 url('../images/icon_set_5.png') center center no-repeat;
}

.services .services-text:hover .bg_icon5 {
    background: #243a90 url('../images/icon_set_5_hv.png') center center no-repeat;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.services .services-text .bg_icon6 {
    background: #243a90 url('../images/promotion_icon.png') center center no-repeat;
}

.services .services-text:hover .bg_icon6 {
    background: #243a90 url('../images/promotion_icon.png') center center no-repeat;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.services2 {
    background: #e53b00;
    padding: 15px 0;
}

.services2 .txt_sv1 {
    padding-top: 10px;
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    font-size: 18px;
}

.services2 .txt_sv2 {
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    font-size: 28px;
}


/*--- px-bg ---*/

.px-bg {
    padding: 80px 0 100px;
}

.px-bg h2 {
    color: #fff;
    font-weight: 600;
    font-size: 38px;
    line-height: 42px;
}

.px-bg a {
    background: #4FBA6F;
    -webkit-box-shadow: 1px 6px 9px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 6px 9px rgba(0, 0, 0, 0.1);
    color: #fff;
    display: inline-block;
    margin-right: 20px;
    margin-top: 30px;
    padding: 20px 40px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.px-bg a:hover {
    background: #3764EB;
    margin-top: 32px;
}

.px-bg-counter {
    min-height: 300px;
    /*    background: url(../images/bg_pages.jpg);*/
    background: #f8f6ea;
    padding: 20px 0 20px;
}

.px-bg-counter h2 {
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    color: #15b585;
    font-weight: 600;
    font-size: 36px;
    line-height: 42px;
    text-align: center;
}

.px-bg-counter span {
    color: #ffdc00;
}

.px-bg-counter .detail {
    margin: 30px auto;
    padding: 0px 85px;
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-weight: 300;
    font-size: 24px;
    color: rgba(0, 0, 0, 1);
    text-align: center;
    line-height: 30px;
}

.px-bg-counter a {
    background: #4FBA6F;
    -webkit-box-shadow: 1px 6px 9px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 6px 9px rgba(0, 0, 0, 0.1);
    color: #fff;
    display: inline-block;
    margin-right: 20px;
    margin-top: 30px;
    padding: 20px 40px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.px-bg-counter a:hover {
    background: #3764EB;
    margin-top: 32px;
}


/*--- box-category ---*/

.box-category {
    min-height: 450px;
    background: #f8f6ea;
    padding: 30px 0 40px;
}

.box-category h2 {
    margin: 15px auto;
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    color: #15b585;
    font-weight: 600;
    font-size: 36px;
    line-height: 42px;
    text-align: left;
}

.box-category .detail {
    margin: 15px auto;
    padding: 0px;
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.6);
    text-align: left;
    line-height: 24px;
}

.box-category .detail .sub_title {
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-weight: 500;
    color: rgba(288, 58, 0, 0.6);
}

.box_prd_show {
    margin-bottom: 50px;
}

.prd_new {
    position: absolute;
    padding: 5px;
    right: 10px;
}

.prd_new span {
    background: #ffffff;
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #15b585;
    padding: 1px 10px;
    font-weight: 500;
    /*    opacity: 0.8;*/
}

.box_itemprd2 {
    position: relative;
    height: 310px;
    width: 330px;
    background: #ffffff;
    border: 1px #cccccc solid;
    border-radius: 0px;
    padding: 10px;
    cursor: pointer;
}

.box_itemprd2 .inner {
    position: absolute;
    height: 100%;
    width: 328px;
    margin: -10px;
    border-radius: 0px;
    padding: 0;
    background: #837e7d;
    opacity: 0.5;
    display: none;
}

.box_itemprd2 .inner_link {
    position: absolute;
    /*    height: 100%;*/
    margin: -5px;
    width: 330px;
    border-radius: 0px;
    background: transparent;
    padding: 30% 0;
    display: none;
    text-align: center;
    z-index: 9;
}

.box_itemprd2 .inner_link a {
    display: inline-block;
    margin: 0px 5px;
    width: 42px;
    height: 42px;
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
    background: #fff;
    color: #135383;
    text-align: center;
    border-radius: 0px;
}

.box_itemprd2 .inner .links a img,
.box_itemprd2 .inner_link a img {
    vertical-align: -webkit-baseline-middle;
}

.box_itemprd2 .box_itemprd2:focus+div {
    /*    display:block !important;*/
    /* background: #dac4ad;

     opacity: 0.5 !important;*/
}

.box_itemprd a.banner-anchor:before,
.box_itemprd2 a.banner-anchor:before {
    background: rgba(114, 8, 12, 0.31);
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    opacity: 0.5;
    filter: alpha(opacity=100);
    position: absolute;
    top: 0;
    width: 0;
}

.box_itemprd a.banner-anchor:after,
.box_itemprd2 a.banner-anchor:after {
    background: rgba(114, 8, 12, 0.31);
    bottom: 0;
    content: "";
    height: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    position: absolute;
    right: 0;
    width: 0;
}

.box_itemprd:hover a.banner-anchor:before,
.box_itemprd2:hover a.banner-anchor:before {
    height: 100%;
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    z-index: 0;
}

.box_itemprd:hover a.banner-anchor:after,
.box_itemprd2:hover a.banner-anchor:after {
    height: 100%;
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    z-index: 0;
}

.box_itemprd .ic_view_prd:hover,
.box_itemprd .ic_search_prd:hover,
.box_itemprd2 .ic_view_prd:hover,
.box_itemprd2 .ic_search_prd:hover {
    background: #15b585 !important;
}

.box_itemprd .ic_view_prd>img,
.box_itemprd2 .ic_view_prd>img {
    content: url("../images_ast/ic_view_prd_act.png");
}

.box_itemprd .ic_view_prd:hover>img,
.box_itemprd2 .ic_view_prd:hover>img {
    content: url("../images_ast/ic_view_prd.png");
}

.box_itemprd .ic_search_prd>img,
.box_itemprd2 .ic_search_prd>img {
    content: url("../images_ast/ic_search_prd_act.png");
}

.box_itemprd .ic_search_prd:hover>img,
.box_itemprd2 .ic_search_prd:hover>img {
    content: url("../images_ast/ic_search_prd.png");
}

.show-title1 {
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: #15b585;
}

.show-title2 {
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #15b585;
}

#prevPrdInfo,
#nextPrdInfo,
#ic_left_other,
#ic_right_other {
    cursor: pointer;
    background: #302826;
    padding: 8px 12px;
}

#prevPrdInfo:hover,
#nextPrdInfo:hover,
#ic_left_other:hover,
#ic_right_other:hover {
    background: #15b585;
}

.box_prddetail .txt_name {
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-weight: 400;
    font-size: 26px;
    color: #15b585;
}

.box_prddetail .txt_docno {
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #15b585;
}

.txtlink_dt {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.txtlink_dt:hover span {
    opacity: 0.6;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.box_prddetail .tt_sub {
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-weight: 400;
    font-size: 18px;
    padding-left: 30px;
    width: 150px;
    color: rgb(48, 40, 38, 1);
}

.box_prddetail .tt_sub div {}

.box_prddetail .dt_sub {
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: rgb(48, 40, 38, 1);
}

.box_prddetail .tt_usa {
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #15ae80;
}

.box_prddetail .tt_usa_dt {
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: rgb(0, 0, 0, 0.9);
}

.img_prddetail {
    background: #fff;
    padding: 15px;
}

.img_prddetail_sub {
    background: #fff;
    padding: 2px;
    height: 60px;
    width: auto;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.tt_prd_oth {
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-weight: 500;
    font-size: 36px;
    color: rgb(0, 0, 0, 0.9);
    line-height: 42px;
}


/*--- box product detail ---*/

.box-productdt {
    min-height: 450px;
    background: #f8f6ea;
    padding: 5px 0 40px;
}

.box-productdt h2 {
    margin: 15px auto;
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    color: #15b585;
    font-weight: 600;
    font-size: 36px;
    line-height: 42px;
    text-align: left;
}

.box-productdt .detail {
    margin: 15px auto;
    padding: 0px;
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: rgba(0, 0, 0, 0.6);
    text-align: left;
    line-height: 24px;
}

.box-productdt .detail .sub_title {
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-weight: 500;
    color: rgba(288, 58, 0, 0.6);
}


/*--- px-bg ---*/

.px-bg2 {
    background: #4FBA6F;
    padding: 80px 0 100px;
}

.px-bg2 h2 {
    color: #fff;
    font-weight: 600;
    font-size: 38px;
    line-height: 42px;
}

.px-bg2 a {
    background: #243a90;
    -webkit-box-shadow: 1px 6px 9px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 6px 9px rgba(0, 0, 0, 0.1);
    color: #fff;
    display: inline-block;
    margin-right: 20px;
    margin-top: 30px;
    padding: 20px 40px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.px-bg2 a:hover {
    background: #3764EB;
    margin-top: 32px;
}


/*--- product include ---*/

.product_inc {
    min-height: 130px;
    background: #f8f6ea;
    padding-bottom: 80px;
}

.product_inc .list_promotion {
    padding-left: 15px;
    padding-right: 15px;
}

.product_inc .services-icon {
    display: flex;
    margin-bottom: 10px;
    color: rgba(0, 0, 0, 1);
    padding-left: 0px;
    padding-right: 15px;
}

.product_inc .services-icon i {
    position: absolute;
    top: 8px;
    font-size: 10px;
}

.product_inc .services-icon div {
    margin-left: 12px;
}

.product_inc .services-detail {
    color: rgba(0, 0, 0, 0.8);
    font-size: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 5px;
    line-height: 18px;
}

.product_inc .prev_prd {
    position: absolute;
    top: 32%;
    left: 0px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    text-align: center;
    transition: all 0.3s ease 0s;
}

.product_inc .next_prd {
    position: absolute;
    top: 32%;
    right: 0px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    text-align: center;
    transition: all 0.3s ease 0s;
}

.product_inc .prev_prd:hover,
.product_inc .next_prd:hover {
    opacity: 0.6;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.product_inc .services-text {
    padding: 5px;
    margin-right: 5px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    text-align: center;
    transition: all 0.3s ease 0s;
}

.product_inc .services-text:hover {
    /*    opacity:0.6;*/
    background: rgba(250, 139, 0, 0.1);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}


/*--- news ---*/

.news {
    padding: 100px 0 70px;
    background: #eef3f6;
}

.news .news-img {
    float: left;
    width: 100%;
}

.news .news-img img {
    width: 100%;
}

.news .news-text {
    background: #fff;
    float: left;
    padding: 15px;
    width: 100%;
    margin-bottom: 30px;
}

.news .news-text ul {
    float: left;
    margin-bottom: 20px;
}

.news .news-text li {
    display: inline;
    float: left;
    margin-right: 10px;
    text-transform: uppercase;
}

.news .news-text li a {
    background: #243a90;
    border-radius: 3px;
    color: #fff;
    padding: 10px 20px;
    float: left;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.news .news-text li a:hover {
    background: #ffdc00;
    color: #243a90;
}

.news .news-text h3 a {
    color: #243a90;
    display: block;
    font-weight: 700;
    margin-bottom: 45px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.news .news-text h3 a:hover {
    color: #243a90;
}

.news .news-text h4 {
    color: #243a90;
}

.news2 {
    background: #fff;
}

.news2 .news-text {
    background: #eef3f6;
}


/*--- news details ---*/

.blog-social.col-sm-6.col-lg-6 {
    padding-top: 7px;
}

.blog-deatils {
    padding-top: 50px;
}

.blog-deatils .comment-post-img {
    float: left;
    width: 100%;
    padding: 10px 0 0;
}

.blog-deatils .comment-post-img h2 {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 50px;
    position: relative;
    color: #243a90;
}

.blog-deatils .comments-area h2 {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 50px;
    color: #243a90;
    position: relative;
}

.blog-deatils .blog-img2 {
    width: 100%;
    margin-bottom: 50px;
}

.blog-deatils #respond {
    float: left;
    margin-bottom: 100px;
    width: 100%;
}

.blog-deatils #respond>h2 {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 50px;
    position: relative;
}

.blog-deatils #comments #commentform p input[type="text"],
.blog-deatils #comments #commentform p textarea {
    border: 1px solid #dedede;
    border-radius: 0;
    font-size: 13px;
    padding: 10px;
    width: 100%;
}

.blog-deatils #comments #commentform p textarea {
    height: 100px;
    width: 100%;
}

.blog-deatils #comments #commentform p {
    margin: 0 0 10px;
}

.blog-deatils #comments #commentform p.form-submit input {
    background: #243a90;
    border-radius: 0;
    color: #fff;
    line-height: 24px;
    padding: 10px 20px;
    margin-top: 40px;
    text-transform: uppercase;
}

.blog-deatils #comments #commentform p.form-submit input:hover {
    background: #ffdc00;
    color: #243a90;
}

.blog-deatils #comments #respond {
    padding-top: 50px;
}

.blog-deatils #comments #commentform p.comment-form-author,
.blog-deatils #comments #commentform p.comment-form-email {
    float: left;
    width: 100%;
}

.blog-deatils .comments-area .offset2 {
    margin-left: 116px;
}

.blog-deatils .social-list {
    margin-top: 10px;
}

.blog-deatils .comment-respond.comment-replay {
    float: left;
    margin-top: 0;
    width: 100%;
}

.blog-deatils .comment-replay h3 {
    margin-bottom: 35px;
}

.blog-deatils blockquote {
    background: rgba(0, 0, 0, 0) url("../images/qoute-icon.png") no-repeat scroll 8px 12px;
    font-size: 16px;
    font-style: italic;
    margin: 20px 0 40px;
    padding: 10px 45px;
    position: relative;
    border-left: 2px solid #243a90;
}

.blog-deatils .blog-deatils .col-md-4 .hank a {
    font-size: 16px;
}

.blog-deatils .blog-tags-social .blog-tag a {
    border-radius: 0;
    color: #8e9699;
    font-size: 11px;
    line-height: 36px;
    margin-left: 10px;
}

.blog-deatils .blog-social .social-list {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.blog-deatils .blog-social strong {
    font-weight: 700;
    text-transform: initial;
    color: #243a90;
}

.blog-deatils .blog-social .social-list li {
    display: inline-block;
    list-style: outside none none;
    padding: 0 15px 0 0;
}

.blog-deatils .blog-social .social-list li .fa {
    color: #a2a2a2;
    display: block;
    font-size: 20px;
    text-align: center;
}

.blog-deatils .blog-social .social-list li .fa:hover {
    color: #243a90;
}

.blog-deatils .blog-social.col-md-6>strong {
    margin-right: 15px;
}

.blog-deatils .blog-tags-social {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    float: left;
    margin-bottom: 50px;
    margin-top: 50px;
    padding: 10px 0;
    width: 100%;
}

.blog-deatils .blog-deatils .blog-img2 {
    width: 100%;
    margin: 20px 0 50px;
}

.blog-deatils .blog-text-post a {
    color: #222626;
}

.blog-deatils .reply {
    color: #282828;
    font-size: 20px;
}

.blog-deatils .comment-post-img .hank a {
    font-size: 18px;
}

.blog-deatils .blog-text-post a {
    color: #222626;
}

.blog-deatils .bdrright img {
    border: 5px solid #f5f5f5;
    border-radius: 50%;
}

.blog-deatils .bdr3 {
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
}

.blog-deatils .hank a {
    color: #243a90;
    font-size: 42px;
    font-weight: 600;
    text-decoration: none;
}

.blog-deatils .hank {
    margin: 15px 0 10px;
}

.blog-deatils .time span {
    color: #243a90;
}

.blog-deatils aside {
    background: #eef3f6;
    padding: 10px 20px;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    border-radius: 5px;
}

.blog-deatils aside .searchform input[type="text"] {
    border: 1px solid #ececec;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-style: italic;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0 15px;
    width: 100%;
}

.blog-deatils aside .searchform input[type="submit"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none !important;
    height: 40px;
    line-height: 40px;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-indent: -99999px;
    top: 0;
    width: 35px;
}

.blog-deatils aside h3 {
    color: #243a90;
    margin-bottom: 30px;
}

.blog-deatils aside li {
    border-bottom: 1px solid #e5e5e5;
    list-style: inside none none;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.blog-deatils aside li a {
    color: #243a90;
}

.blog-deatils aside li a:hover {
    color: #999;
}


/*--- client ---*/

.client {
    background: #ffdc00;
    padding: 50px 0;
}

.client li {
    display: inline;
    float: left;
    text-align: center;
    width: 20%;
}


/*--- client2 ---*/

.client2 {
    padding: 80px 0 100px;
}

.client2 li {
    display: inline;
    float: left;
    text-align: center;
    width: 16.666666666666667%;
}

.client2 h2 {
    margin-bottom: 0;
}

.client2 .title {
    margin-bottom: 80px;
}


/*--- mission ---*/

.mission {
    padding: 100px 0;
    background: rgba(0, 0, 0, 0) url("../images/mission-bg.html") no-repeat scroll center 0/cover;
    color: #fff;
    text-align: center;
}

.mission a {
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 19px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    margin-bottom: 30px;
    width: 80px;
}

.mission h2 {
    font-size: 60px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #fff;
    letter-spacing: -2px;
}

.mission p {
    width: 80%;
    margin: auto;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 50px;
}


/*--- our team ---*/

.our-team {
    padding: 100px 0;
    overflow: hidden;
}

.our-team .our-team-outer {
    position: relative;
}

.our-team .our-team-outer img {
    width: 100%;
}

.our-team .our-team-text {
    background: #fff;
    border: 1px solid #eef3f6;
    padding-bottom: 10px;
    text-align: center;
}

.our-team .our-team-text h3 {
    color: #243a90;
    font-weight: 600;
}

.our-team .our-team-text p {
    font-style: italic;
}

.our-team .our-team-outer:hover .our-team-text {
    border: 1px solid #ffdc00;
}

.our-team .top-social {
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    background: #ffdc00;
    text-align: center;
    padding: 10px 0;
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: -2;
    left: 0;
}

.our-team .top-social li {
    display: inline;
    margin: 0 5px;
}

.our-team .top-social li a {
    color: #243a90;
}

.our-team .top-social li a :hover {
    color: #fff;
}

.our-team .our-team-outer:hover .top-social {
    bottom: 100px;
    z-index: 10;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}


/*--- case-studies ---*/

.case-studies {
    padding: 100px 0;
}

.case-studies .case-studies-detalis-img img {
    width: 100%;
}

.case-studies h2 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #243a90;
    margin-top: 10px;
    letter-spacing: -2px;
}

.case-studies h4 {
    color: #243a90;
}

.galler {
    padding: 100px 0;
}

#grid .mix {
    display: none;
}

.filter-option {
    text-align: center;
    margin-bottom: 30px;
}

.filter-option .filter.active {
    background: #243a90;
    color: #fff;
}

.filter-option ul li {
    display: inline-block;
}

.filter-option ul li a {
    padding: 15px 30px;
    font-size: 16px;
    color: #252525;
    text-transform: capitalize;
    font-weight: 600;
    background: #fff;
    border-radius: 100px;
    display: inline-block;
    margin: 10px 4px;
}

.portfolio-list ul li a {
    background: #f7f7f7;
}

.project-item .image {
    overflow: hidden;
}

.project-item .content {
    width: 100%;
    background: #ffdc00;
    position: absolute;
    opacity: 0;
    bottom: -50px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    text-align: center;
    transition: all 0.3s ease 0s;
}

.project-item:hover .content {
    opacity: 1;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    bottom: 0;
}

.project-item:hover .project-title {
    -webkit-transition: all 0.9s ease 0s;
    transition: all 0.9s ease 0s;
    top: 0px;
    color: #243a90;
}

.project-item:hover .project-category {
    bottom: 0px;
    -webkit-transition: all 0.9s ease 0s;
    transition: all 0.9s ease 0s;
}

.project-category,
.project-title {
    text-align: center;
    position: relative;
    left: 0;
    right: 0;
    -webkit-transition: all 0.9s ease 0s;
    transition: all 0.9s ease 0s;
}

.project-title {
    top: -20px;
}

.project-category {
    bottom: -20px;
}

.project-item-box .project-content {
    padding: 15px 15px 5px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.project-item-box:hover .project-content {
    background: #243a90;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.project-item-box:hover .project-content p,
.project-item-box:hover .project-content h4 {
    color: #fff;
}

.project-item {
    position: relative;
    margin-top: 30px;
    overflow: hidden;
}

.project-item .zoom-button {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    height: 0;
    background: #243a90;
    color: #fff;
    font-size: 30px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    line-height: 200px;
    opacity: 0;
}

.project-item:hover .image .zoom-button,
.project-item-box:hover .image .zoom-button {
    opacity: 1;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    height: 100%;
}


/*--- faq ---*/

.faq {
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    padding: 40px 0;
}

.faq .title {
    margin-bottom: 0;
}

.faq .title h2 {
    color: #152353;
    font-size: 34px;
    font-weight: 500;
    margin-bottom: 0;
}

.faq .panel-group .panel-heading {
    border-bottom: 0;
    padding-left: 0;
}

.faq .panel-title a {
    font-size: 20px;
    color: #152353;
    font-weight: 500;
}

.faq .panel-body {
    background: #eef3f6;
    white-space: normal;
    border-top: none !important;
}

.faq .panel-body a {
    color: #243a90;
    font-size: 16px;
    white-space: normal;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.faq .panel-body a:hover {
    color: #5167c0;
}

.faq .faq-title {
    background: #ffdc00;
    text-align: center;
    padding: 7px 0 7px;
    margin-bottom: 30px;
}

.faq .faq-title h2 {
    color: #243a90;
    margin: 0 auto;
    padding: 0;
    font-size: 30px;
    font-weight: 500;
}

.faq .faq-title h4 {
    margin: 0 auto;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
}

.faq-from {
    /*    background: #eef3f6;*/
    padding-bottom: 30px;
    margin-top: 50px;
}

.faq-from .contact-title {
    position: relative;
    padding: 20px;
}

.faq-from .contact-title .icons {
    color: #3764eb;
    width: 80px;
    height: 80px;
    font-size: 62px;
    text-align: center;
    border-radius: 50%;
    line-height: 80px;
    position: absolute;
    margin-left: -40px;
    background: #ffdc00 url('../images/contact_icon.png') center center no-repeat;
    left: 50%;
    top: -40px;
}

.faq-from .contact-title h2 {
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-size: 35px;
    line-height: 40px;
    margin: 40px auto 0 auto;
    padding: 0;
    color: #243a90;
}

.faq-from .contact-title h4 {
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-size: 18px;
    line-height: 18px;
    margin: 0px auto 0 auto;
    padding: 0;
    color: #243a90;
}

.faq-from form {
    padding: 0 20px;
}

.faq-from .form-control {
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.8);
    background: #ffffff;
    border: 1px soild #ffffff;
    border-radius: 30px;
    margin-bottom: 10px;
    padding: 20px 20px !important;
    border-color: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.faq-from .btn-custom {
    background-color: #15b585 !important;
    border-radius: 30px;
    color: #ffffff !important;
    float: left;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.04em;
    margin-top: 0px;
    padding: 10px 45px !important;
    width: 100%;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.faq-from .btn-custom:hover {
    opacity: 0.8;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}


/*--- contact ---*/

.contact-informations {
    padding: 100px 0;
}

.contact-informations .contact-address {
    margin-top: 100px;
    padding: 0 35px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.contact-informations .contact-address hr {
    border-color: #ffdc00;
    margin-bottom: 0px;
}

.contact-informations .contact-address ul {
    margin-top: 30px;
}

.contact-informations .contact-address i {
    color: #3764eb;
    font-size: 62px;
}

.contact-informations .contact-address h2 {
    color: #243a90;
    font-weight: 600;
    line-height: 24px;
}

.contact-informations .contact-text:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.contact-informations #map {
    height: 380px;
    width: 100%;
}

.contact-form {
    padding: 100px 0 0;
}

.contact-form h2 {
    margin-bottom: 30px;
    font-weight: 700;
}

.contact-form hr {
    border-color: #ffdc00;
}

.contact-form h2 {
    color: #243a90;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
    background: none;
    border: 1px solid #243a90;
    color: #243a90;
    float: left;
    margin-bottom: 20px;
    padding: 15px 30px;
    width: 100%;
}

.contact-form input[type="submit"] {
    border: 1px solid #243a90;
    background: #243a90;
    color: #fff;
    padding: 15px 30px;
    text-transform: uppercase;
    margin-top: 30px;
}

.contact-form input:hover[type="submit"] {
    border: 1px solid #ffdc00;
    background: #ffdc00;
    color: #243a90;
}

.contact-form .name,
.contact-form .email,
.contact-form .subject,
.contact-form .textarea {
    float: left;
    position: relative;
    width: 100%;
}

.tutorial-item {
    font-size: 42px;
    margin: 15px auto;
    margin-bottom: 30px;
    color: rgba(0, 0, 0, 0.7)
}

.pd-info {
    margin-top: 15px;
    font-size: 24px;
    color: rgba(0, 0, 0, 0.7);
}

.pd-info-ab {
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    color: #fff;
    line-height: 25px;
    padding: 5px 10px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 99;
}


/*--- footer ---*/

footer {
    background: #0e1d16;
    color: #fff;
    font-weight: 300;
    line-height: 28px;
    padding: 30px 0 30px;
}

footer a {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 0;
}

footer a:hover {
    color: #15b585;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

footer .w50 {
    float: left;
    width: 50%;
}

footer .w50 li {
    margin-bottom: 10px;
}

footer .weight h4 {
    color: #15b585;
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 15px;
    text-transform: uppercase;
}

footer .weight h5 a {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
}

footer .time {
    font-size: 12px;
}

footer .time::before {
    color: #ffdc00;
    content: "";
    font-family: fontawesome;
    margin-right: 10px;
}

footer .weight i {
    color: #ffdc00;
    float: left;
    margin-right: 10px;
    margin-top: 6px;
}

footer .weight span {
    display: inline-block;
    width: 86%;
}

footer .weight h5 {
    margin-bottom: 0;
    margin-top: 0;
}

footer .weight li {
    float: left;
    width: 100%;
    margin-bottom: 0;
}

footer .ic_line {
    margin: 60px auto;
    padding: 35px 0px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

footer .ic_logo_ft {
    margin: auto;
    padding: 50px 0px 50px 0;
}

footer .ic_line a,
footer .ic_logo_ft a {
    margin-right: 10px;
}

@media screen and (max-width: 768px) {
    footer .ic_line {
        margin: 15px auto;
        padding: 15px;
        text-align: center;
    }
}

footer .local {
    margin: 0;
    padding: 0;
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 18px;
    color: #fff;
}

footer .local li {
    padding-left: 12px;
    margin-bottom: 8px;
}

footer .local li a {
    cursor: pointer;
    font-size: 22px;
    color: rgba(255, 255, 255, 0.8);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

footer .local li a:hover {
    color: #116a4e;
    cursor: pointer;
}

footer .local li.map {
    background: url('../images_ast/loca_ico.png') 10px 5px no-repeat;
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-size: 22px;
    line-height: 25px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    padding-left: 55px;
}

footer .local li.phone {
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    background: url('../images_ast/monb_ico.png') 10px 5px no-repeat;
    color: rgba(255, 255, 255, 0.8);
    padding-left: 55px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

footer .local li.fax {
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    /*    background: url('../images_ast/ic_fax.png') 10px center no-repeat;*/
    color: #e53b00;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

footer .local li.email {
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    padding-left: 55px;
    /*    background: url('../images_ast/ic_email.png') 10px center no-repeat;*/
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

footer .local li.email a {
    color: #13976e;
}

footer .local li.email a:hover {
    color: #fff;
}

footer .local li.phone img,
footer .local li.fax img,
footer .local li.email img {
    /*    float: left;*/
    opacity: 0.5;
}

footer .local li.phone .dimg,
footer .local li.fax .dimg,
footer .local li.email .dimg {
    width: 35px;
    float: left;
    text-align: center;
}

footer .local li.phone .dtail,
footer .local li.fax .dtail,
footer .local li.email .dtail {}

footer .logo_dtail {
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
}

footer .local li.phone:hover .dtail,
footer .local li.fax:hover .dtail,
footer .local li.email:hover .dtail {
    opacity: 0.5 !important;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

footer .link-top {
    font-size: 30px;
    font-weight: 300;
}

footer .footer-link li {
    font-size: 18px;
    line-height: 22px;
    margin: 0 auto;
    padding: 0 0;
    color: rgba(255, 255, 255, 1);
}

footer .footer-link li a {
    font-size: 18px;
    line-height: 22px;
    color: rgba(255, 255, 255, 1);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

footer .footer-link li a:hover {
    color: #15ae80;
}

.services2 .txt_tel:hover,
footer .ic_logo_ft:hover,
footer .ic_line:hover {
    opacity: 0.6 !important;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.blue-copy {
    display: block;
    font-size: 20px;
    font-weight: 300;
    margin: 0 auto;
    background: #243a90;
    border-top: 2px solid #ffdc00;
    line-height: 32px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    color: rgba(255, 255, 255, 0.3);
}

.services .local {
    margin: 0;
    padding: 0;
    font-family: 'DBHelvethaicaMonXReg', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.services .local li {
    padding-left: 80px;
    padding-top: 15px;
    padding-bottom: 15px;
    /*    margin-bottom: 8px;*/
}

.services .local li.fablic {
    background: url('../images_ast/ico_1.png') left center no-repeat;
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.services .local li.cert {
    background: url('../images_ast/ico_2.png') left center no-repeat;
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.services .local li.price {
    background: url('../images_ast/ico_3.png') left center no-repeat;
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.services .local li.trans {
    background: url('../images_ast/ic_trans.png') left center no-repeat;
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.services .local li.fablic:hover,
.services .local li.cert:hover,
.services .local li.price:hover,
.services .local li.trans:hover {
    opacity: 0.6;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.services .local .txt_top {
    font-size: 24px;
}

.services .local .txt_detail {
    font-size: 20px;
    opacity: 0.6;
}

.services .bd_r1,
.services .bd_r2,
.services .bd_r3 {
    border-right: 1px #595351 solid;
}

.owl-theme .owl-controls {
    position: absolute;
    top: 300px;
    width: 100%;
    text-align: -webkit-center;
}

.box-top-right {
    text-align: right;
}


/*--- responsive ---*/

@media (min-width: 320px) and (max-width: 736px) {
    .bar-top-ntf {
        font-size: 15px;
        text-align: center !important;
    }
    .case-studies {
        padding: 50px 0 100px;
    }
    .case-studies .case-studies-detalis-img {
        margin-bottom: 30px;
    }
    footer {
        padding: 50px 0 30px;
    }
    /* .main-header .item {
        height: 480px;
        background-position: center center;
    } */
    .main-header .left-control {
        right: 30px;
        top: 37%;
        left: inherit;
    }
    .weight {
        /*        float: left;*/
        height: 200px;
        margin-bottom: 15px;
    }
    .main-header-text {
        margin-top: 220px;
    }
    .about .about-text {
        margin-top: 50px;
    }
    .about,
    .our-team,
    .contact-informations {
        padding: 50px 0;
    }
    .about2 {
        padding: 50px 0;
    }
    .main-header-text h1 {
        font-size: 36px;
        width: 100%;
    }
    .main-header-text h4 {
        width: 100%;
        line-height: 24px;
        font-size: 20px;
    }
    .main-header-text a {
        margin-right: 20px;
        margin-top: 10px;
        padding: 12px 15px;
    }
    .about2::after {
        display: none;
    }
    /* .main-header {
        height: 480px;
        margin-top: 0;
    } */
    .main-header {
        margin-top: 110px;
    }
    .top-nav li {
        display: none;
    }
    .navbar-inverse .navbar-toggle {
        background: #0e1d16;
        border-color: #393532;
        margin-bottom: 18px;
        color: #243a90;
        margin-top: 18px;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }
    .navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-toggle:hover {
        /*        background-color: #15b585;*/
        opacity: 0.6;
    }
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #ffffff;
    }
    .navbar-nav li {
        float: left;
        width: 100%;
    }
    .about {
        overflow: hidden;
    }
    .client li {
        margin-bottom: 20px;
        width: 100%;
    }
    .about .about-text h2 {
        font-size: 50px;
    }
    .about-img {
        margin-top: 50px;
    }
    .features-img img {
        width: 100%;
    }
    .features-hover img {
        width: auto;
    }
    .features .features-img {
        margin-bottom: 30px;
    }
    .title h4 {
        font-size: 15px;
    }
    .insid-header-text h1 {
        font-size: 30px;
    }
    .insid-header-text h4 {
        font-size: 20px;
    }
    .insid-header-text {
        margin: 80px auto 50px;
    }
    .services {
        padding: 30px 15px;
    }
    .features .container {
        padding: 35px 0px 0px;
    }
    .services .services-text-left {
        padding-right: 20px;
    }
    .features .features-hover {
        bottom: -100px;
    }
    .title h2 {
        font-size: 45px;
    }
    .in .nav.navbar-nav a,
    .in .nav.navbar-nav a:hover,
    .in .nav.navbar-nav a:focus {
        /*        color: #243a90;*/
        color: #fff;
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .navbar-inverse .navbar-nav .dropdown-menu {
        padding: 15px;
        clear: both;
    }
    .navbar-inverse .navbar-nav .dropdown-menu.arrow a {
        height: auto;
        margin: 0 0 0;
        padding: 0;
        padding-bottom: 2px;
        padding-top: 2px;
        transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
    }
    .nav.navbar-nav li::after {
        left: 0;
    }
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        background-color: #0e1d16;
        border: medium none !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        overflow: auto;
        height: auto;
        max-height: 380px;
    }
    .drp_prd .fa-caret-down {
        right: 5px;
        top: 20px;
    }
    .client2 li {
        margin-bottom: 30px;
        width: 100%;
    }
    .client li {
        width: 100%;
        margin-bottom: 30px;
    }
    .client li:last-child,
    .client2 li:last-child {
        margin-bottom: 0;
    }
    .blog-deatils .blog-img2 {
        width: 100%;
    }
    .blog-deatils .comments-area .offset2 {
        margin-left: 0;
    }
    .case-studies .case-studies-box .case-studies-box-hover {
        -webkit-transform: translateY(450px);
        transform: translateY(450px);
    }
    .contact-form .contact-form-box {
        width: 100%;
    }
    .title h4 {
        font-size: 13px;
    }
    .title {
        margin-bottom: 50px;
    }
    .contact-informations .contact-address {
        margin-top: 50px;
    }
    .services .bd_r1,
    .services .bd_r2,
    .services .bd_r3 {
        border-right: 0px #595351 solid;
    }
    .px-bg-counter .detail {
        padding: 0 0px;
    }
    .product_inc .services-detail {
        padding-right: 15px;
    }
    .services2 .txt_sv1 {
        padding-bottom: 10px;
    }
    #home_prev,
    #home_next {
        display: none;
    }
    .owl-pagination {
        padding-left: 15px;
    }
    .owl-theme .owl-controls .owl-page span {
        width: 50px;
        height: 10px;
    }
    .main-header-text h1 .txt_title {
        padding: 0px 0px;
    }
    footer .ic_line {
        padding: 0;
        text-align: left;
        padding-left: 55px;
    }
    footer .ic_logo_ft {
        padding: 15px 0;
    }
    footer .logo_dtail {
        padding-left: 25px;
    }
    .navbar>.container .navbar-brand img,
    .navbar>.container-fluid .navbar-brand img {
        max-height: 55px;
    }
    .box_smart-search {
        padding-left: 20px !important;
        padding-bottom: 15px !important;
    }
    .box_smart-search .smart-search {
        width: 94%;
    }
    .smart-search .key-smartsearch {
        border: 1px #e5e5e5 solid;
    }
    .smart-search .search-result {
        width: 94%;
    }
    /*    .dropdown-menu.arrow li:hover {
            background:#fff;
        }
        .navbar-inverse .navbar-nav .dropdown-menu.arrow a:hover {
            color: #243a90;
        }*/
}

@media (min-width: 1300px) and (max-width: 1440px) {
    .main-header {
        /* height: 530px;
        margin-top: 80px; */
    }
    /* .main-header .item {
        height: 650px;
    } */
    .main-header-text {
        margin-top: 150px;
    }
    .about {
        overflow: hidden;
    }
    .about.about2 {
        overflow: inherit;
    }
    .main-header-text h1 {
        font-size: 70px;
    }
    .client2 li {
        margin-bottom: 30px;
        width: 33.33%;
    }
    .our-team-text img {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .main-header {
        /* height: 530px;
        margin-top: 100px; */
    }
    .features-hover {
        font-size: 12px;
        line-height: 18px;
    }
    .main-header-text h4 {
        font-size: 16px;
    }
    .main-header-text {
        margin-top: 190px;
    }
    #home_prev,
    #home_next {
        display: none;
    }
    .about {
        overflow: hidden;
    }
    .about.about2 {
        overflow: inherit;
    }
    .main-header-text h1 {
        font-size: 48px;
    }
    .our-team-outer {
        margin-bottom: 20px;
    }
    .about .about-text h2 {
        font-size: 32px;
    }
    .about {
        padding: 50px 0 0px;
    }
    .about .about-text {
        margin-top: 50px;
    }
    .our-team {
        padding: 100px 0 70px;
    }
    .client2 li {
        margin-bottom: 30px;
        width: 33.33%;
    }
    .client li {
        width: 33.33%;
        margin-bottom: 30px;
    }
    .blog-img2 {
        width: 100%;
    }
    .blog-deatils .bdrright img {
        border: 2px;
        border-radius: 50%;
        width: 100%;
    }
    .blog-deatils .comments-area .offset2 {
        margin-left: 60px;
    }
    .box_smart-search {
        padding-left: 0 !important;
    }
    .navbar>.container {
        width: 100%;
    }
    .smart-search {
        width: 138px;
    }
    .smart-search .search-result {
        left: -60px;
    }
    .navbar-inverse .navbar-nav li {
        padding-left: 5px;
        padding-right: 5px;
    }
    .navbar>.container .navbar-brand img,
    .navbar>.container-fluid .navbar-brand img {
        max-height: 65px;
    }
    .services .bd_r2 {
        border-right: 0px #595351 solid;
    }
    .px-bg-counter .detail {
        padding: 0 0px;
    }
    .services2 .txt_sv1 {
        padding-bottom: 10px;
    }
    footer .ic_line {
        padding: 10px 0px;
    }
    footer .ic_logo_ft {
        padding: 30px 0px;
        text-align: left;
    }
    footer .logo_dtail {
        padding-left: 25px;
    }
    .owl-pagination {
        max-width: 750px;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .owl-pagination {
        max-width: 970px;
    }
}


/*# sourceMappingURL=style.css.map */

#about_page {
    width: 100%;
    min-height: 300px;
    background: url('../images/bg_aboutus.jpg') center center no-repeat;
    background-size: cover;
}

#faq_page {
    width: 100%;
    min-height: 300px;
    background: url('../images/bg_faq.jpg') center center no-repeat;
    background-size: cover;
}

#contactid {
    background: none;
    margin: 0;
    padding: 110px 0 0 0;
}

@media screen and (max-width: 768px) {
    #contactid {
        padding: 0;
    }
}

@media screen and (max-width: 991px) {
    .bar-top-ntf {
        font-size: 15px;
        text-align: center !important;
    }
    .box-top-right {
        text-align: center;
    }
}

.gallery_list {
    margin: auto;
    text-align: center;
}

.gallery_list .gallery_item {
    display: block;
    height: 180px;
    margin-bottom: 35px;
}

.gallery_list a {
    background: #fff;
    padding: 0;
}

.gallery_list a:hover {
    margin: 0;
    padding: 0;
    background: #fff;
}

.img-set {
    background: #fff;
    padding: 10px;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 0;
}

.img-set img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    min-height: 100%;
    min-width: 100%;
    vertical-align: middle;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

@media screen and (max-width: 1200px) {
    /* STYLES GO HERE */
    .navbar-header {
        float: none;
    }
    .navbar-left,
    .navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
        padding-bottom: 15px;
    }
    .navbar-nav>li {
        float: none;
        text-align: left;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in {
        display: block !important;
    }
    .navbar>.container .navbar-brand img,
    .navbar>.container-fluid .navbar-brand img {
        max-height: 50px;
    }
    .navbar-collapse {
        background: #0e1d16;
    }
    .box_smart-search {
        width: 100%;
    }
    .box_smart-search .smart-search {
        width: 100%;
    }
    .box_smart-search .smart-search .key-smartsearch {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .navbar>.container .navbar-brand img,
    .navbar>.container-fluid .navbar-brand img {
        max-height: 65px;
    }
}