/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');*/
@font-face {
    font-family: 'OratorStd';
    src: local('OratorStd'), 
         local('OratorStd'), 
         url('fonts/OratorStd.woff2') format('woff2'), 
         url('fonts/OratorStd.woff') format('woff'), 
         url('fonts/OratorStd.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
body {
    font-family:'OratorStd',"Open Sans",sans-serif;
    line-height:1.5;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0;
    font-weight: 400;
    font-size: 14px;
}
:active,
:focus { outline: none !important; }
a{color: #149fd5;font-weight: 400;}
a.decor{text-decoration:underline !important;}
a:focus,
a:hover {text-decoration:none;}
/* a.selected{color: #f5c72c;} */
a.disabled {
    pointer-events: none !important;
    cursor: default !important;
    text-decoration: none;
}
a.text-yellow:hover{
    color: #149fd5 !important;
}
.footer_menu li a:hover{
    color: #00B8EE !important;
}

.grey-dark{
    color: #3F3F3F;
}
.grey-light{
    color: #7F7F7F;
}
li.disabled {
    pointer-events: none !important;
    cursor: default !important;
    text-decoration: none;
}
table td{
   padding: 0 10px;
}
iframe {
    border:none !important;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);
}
td img{
    width: 70%;
}
td p:first-child{
    margin: 0 0 7px !important;
}
.modal-backdrop.in{
    opacity: .9;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    /* text-align: left; */
    /* padding-left: 20px; */
}
h1, h2, h3, h4 {
    margin: 0 0 20px;
    line-height:1.2;
    font-weight: 700;
    font-family: 'OratorStd','Open Sans', sans-serif;
    letter-spacing: -1px;
    color: #3F3F3F;
}
h5, h6{
    margin: 0 0 30px;
    line-height: 1.5;
    font-weight: 700;
    font-family:'OratorStd', 'Open Sans', sans-serif;
}
.custom-font,.odometer{
    font-family: 'OratorStd','Open Sans', sans-serif !important;
}
h1{
    font-size: 32px;
}
p{
    margin:0 0 25px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'OratorStd','Open Sans', sans-serif !important;
}
img {
    max-width:100%;
}
blockquote{
    content: "\f10d";
    font-family: "FontAwesome";
    font-size: 20px;
    border: none;
}
.modal-dialog{
    width: 80%;
    display: flex;
    margin-top: 150px;
}
.left-col {
    flex: 1;
    width: 60%;
    background-color: #149fd5;
    padding: 50px;
    display: inline-block;
}
.right-col {
    width: 39%;
    flex: 1;
    display: inline-block;
}

.col-container {
    display: flex;
    width: 100%;
    flex-flow: wrap;
}
.col {
    flex: 0 0 33.33333%;
    min-height: 300px;
}
.col2 {
    flex: 0 0 66.66666%;
}

.tsc_pagination {
    color: #fff;
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
    padding: 10px 30px;
    background: #149fd5;
    border-radius: 30px;
    width: 91%;
    text-align: center;
}
.tsc_pagination a.next,.tsc_pagination a.nextdisabled{
    right: 10%;
    float: right;
    color: #fff;
    font-size: 45px;
    margin-top: -25px;
    width: 80px;
    position: absolute;
}

.tsc_pagination a.prev,.tsc_pagination a.prevdisabled{
    left: 3%;
    color: #fff;
    font-size: 45px;
    float: left;
    margin-top: -25px;
    width: 80px;
    position: absolute;
    
}
.tsc_pagination a.next,.tsc_pagination a.prev{
    transition: all .2s
}
.tsc_pagination a.next:hover{
    /* color: red; */
    right: 9%;
}
.tsc_pagination a.prev:hover{
    left: 1%;
}
.tsc_pagination a.prevdisabled,.tsc_pagination a.nextdisabled{
    pointer-events: none !important;
    cursor: default !important;
    text-decoration: none;
    color: #999;
}

.modal-close{
    position: absolute;
    float: right;
    right: 10px;
}
.modal-close a:hover{
    color: #f5c72c !important;
}
.form-search {
    position: absolute;
    top: 100%;
    right: 0;
    width: 200px;
    background: #f00341;
    padding: 3px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.form-search input[type="search"] {
    font-size: 13px;
    color: #666666;
    font-family: 'OratorStd','Montserrat','Roboto', sans-serif;
    font-weight: 400;
    line-height: 20px;
    margin: 0 0 10px;
    margin: 0;
    color: #222222;
    padding: 8px 10px;
    border: none;
    width: 100%;
    outline: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    background: #ffffff;
}
.form-search button {
    background: #ffffff;
    border: none;
    float: right;
    margin-top: -28px;
    margin-right: 15px;
    position: relative;
    z-index: 2;
}
.form-search button i {
    color: #222222;
    font-size: 16px;
}
.form-search.active {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
/*-------------------------------------------------*/
/* =  General
/*-------------------------------------------------*/
#search_div{
    position: absolute;
    margin-top: 10px;
    left: 0;
}
#wa_div{
    position: absolute;
    margin-top: 10px;
    float: right;
    width: 100%;
    text-align: right;
}
#search_div a{
    font-size: 30px;
    width: 30px;
    height: 30px;
}
#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
    display: none;
}
#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
    z-index: 999999;
    display: block;
}
#desc{
    position: absolute;
    top: 43%;
    left: 0;
    margin-top: -51px;
    width: 100%;
    font-size: 15px;
    font-weight: 300;
    text-align: center;
    outline: none;
    color: #0000;
}
#search input[type="search"]::placeholder{
    text-align: center;
}
#search input[type="search"] {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -51px;
    width: 60%;
    margin-left: 20%;
    color: rgb(0, 0, 0);
    background: transparent;
    border-top: 1px solid rgba(0, 0, 0, .5);
    border-bottom: 1px solid rgba(0, 0, 0, .5);
    border-left: 0px solid transparent;
    border-right: 0px solid transparent;
    font-size: 40px;
    font-weight: 300;
    text-align: center;
    outline: none;
    padding: 10px;
    color: #fff;
}
@media (max-width: 767px) {
    #search input[type="search"] {
        font-size: 20px;
    }
}
#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    opacity: 1;
    font-size: 27px;
    color: #fff;
}
#search .close:hover{
    color: #FC2121;
    cursor: pointer;
}
header ul,footer ul,.top-bar ul,.lft-tools ul,.post-info ul,.recent-posts-widget ul,.center-v-menu ul,.pricing-tbl ul,.sidebar ul,ul.details,ul.comment-list,ul.list,.w-recent-posts ul{
    list-style:none;
    margin:0;
    padding:0
}
.header-1 .top-nav > ul > li > a > span:before,.skew-nav > ul > li > a > span:before,.icon-box-1 .box-number span:after,.post-item .post-image:after,.post-item .lft-tools:before,.p-style2 figure:after,.p-style3 figure:after,.team-box.box-1 .team-img span,.rect-angles:before,
.rect-angles:after,.rect-angles span:before,.rect-angles span:after,.team-box.box-1 .team-socials:after,.header-2 .top-nav > ul > li > a:before,.icon-bg:after,.icon-border:after,.steps-2 .step-title:after,.steps-4 .step-line:before{
    position:absolute;
    content:"";
    width:100%;
    height:100%;
    top:0;
    left:0;
    display:inline-block
}
.header-1.skew .top-nav > ul > li > a:after,.skew-nav > ul > li > a:after, .header-1.skew .top-search:before, .header-1.skew .top-cart > a:before,.header-1.skew .top-nav > ul > li > a:before,.header-1.skew .logo:before, .header-1.skew .top-search > a:before,
.header-1.skew .top-cart:before,.header-2.boxed .logo:after,.icon-boxes-1:before,.icon-boxes-1:after,.icon-box-2 .icon-desc:after,.icon-box-3:after,.header-2.boxed .logo:before,.icon-box-3 .icon-desc:before,.footer-top .skew-btn:after,.skew-nav > ul > li > a:before{
    width: 0;
    height: 0;
    border-style: solid;
    content:"";
    position:absolute;
    display:inline-block
}

.floatcall {
    width: 60px;
    height: 60px;
    background: transparent;
    -webkit-transition: width 1s;
    transition: width .2s;
    position: fixed;
    bottom: 10%;
    border: 4px solid #7AD06D;
    border-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    float: right;
    right: -3px;
    z-index: 3;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    padding: 2px 5px;
}

.floatcall img {
    position: absolute;
    margin: auto;
    top: 0;
    right: 5px;
    bottom: 0;
}
#textcall{
    float: left;
    margin: auto;
    top: 4px;
    right: 0;
    bottom: 0;
    position: absolute;
    text-align: right;
    font-size: 12px;
    font-weight: 500;
    /* font-style: italic; */
    margin-top:5px;
    color: #aaaaaa;
    opacity: 0.0;
    /* -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out; */
}
.floatcall:hover #textcall {
    opacity: 1.0;
    width: 120px;
    right: 50px;
}
.floatcall:hover {
    width: 200px;
    background: #fff;
}


/*-------------- 3.1. Top bar. ------------- */
.top-bar {
    min-height: 40px;
    position:relative;
    z-index: 9;
}
.top-bar ul li,.absolute-top-bar ul li,.top-bar .social-list a i {
    float: left;
    line-height: 25px;
    position:relative;
    padding: 0 10px;
    font-size:11px;
    border-left: 1px rgba(0,0,0,0.06) solid !important;
}
.top-bar ul li:hover,.absolute-top-bar ul li:hover{
    background-color: rgba(0,0,0,0.03)
}
.top-bar ul li:last-child,.absolute-top-bar ul li:last-child,.top-bar .social-list a:last-child i {
    border-right: 1px rgba(0,0,0,0.06) solid !important
}
.top-bar.black-bg ul li,.top-bar.dark-bg ul li,.top-bar.dark ul li,.absolute-top-bar.black-bg ul li,.absolute-top-bar.dark-bg ul li,.absolute-top-bar.dark ul li,.top-bar.dark-bg .social-list a i,.top-bar.dark .social-list a i,
.top-bar.black-bg .social-list a i{
    border-left: 1px rgba(255,255,255,0.2) solid !important
}
.top-bar.black-bg ul li:last-child,.top-bar.dark-bg ul li:last-child,.top-bar.dark ul li:last-child,.absolute-top-bar.black-bg ul li:last-child,.absolute-top-bar.dark-bg ul li:last-child,.absolute-top-bar.dark ul li:last-child,
.top-bar.black-bg .social-list a:last-child i,.top-bar.dark-bg .social-list a:last-child i,.top-bar.dark .social-list a:last-child i{
    border-right: 1px rgba(255,255,255,0.2) solid !important
}
.top-bar.black-bg ul li:hover,.top-bar.dark-bg ul li:hover,.top-bar.dark ul li:hover,.absolute-top-bar.black-bg ul li:hover{
    background-color: rgba(255,255,255,0.1)
}
.top-bar ul li,.top-bar .lbl-txt {
    line-height: 40px;
    padding-right: 10px;
    font-size: 12px
}
.top-bar ul ul li,.absolute-top-bar ul ul li{
    float:none;
    line-height:normal;
}
.dropdown-menu {
    min-width: 160px;
    padding: 0;
    margin: 0;
    /*border: 1px solid rgba(0,0,0,.09) !important;*/
}
.top-bar ul ul li:first-child a{
    border-top:0
}
.top-bar i,.absolute-top-bar i,.list li i {
    margin-right: 8px;
}
.top-bar ul > li > a,.absolute-top-bar > ul > li > a {
    display:inline-block;
}
a.hovereffect{
    padding-bottom: 20px;
}
.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}
.hovereffect .overlay {
    width: 100%;
    height: 95%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    padding: 15px 20px;
    cursor: pointer;
    /* background: rgba(42,89,118,0.9); */
    background: rgba(49, 52, 54, 0.65);

}
.hovereffect .overlay.active {
    background: transparent;
}
.hovereffect .overlay:hover {
    margin-bottom: -20px;
    background: rgba(42,89,118,0.4);
    /*background: rgba(0,0,0,0.8);*/
    /* background: -moz-linear-gradient(top, rgba(39,94,163,0.7) 0%, rgba(80,166,224,0.7) 100%); 
    background: -webkit-linear-gradient(top, rgba(39,94,163,0.7) 0%,rgba(80,166,224,0.7) 100%); 
    background: linear-gradient(to bottom, rgba(39,94,163,0.7) 0%,rgba(80,166,224,0.7) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#275ea3', endColorstr='#4689c4',GradientType=0 ); */
}
.hovereffect .overlay.active:hover {
    margin-bottom: -20px;
    background: none;
}
.hovereffect img {
    display: block;
    position: relative;
    max-width: none;
    width: calc(100% + 20px);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.hovereffect:hover img {
    opacity: 0.9;
    filter: alpha(opacity=90);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.hovereffect h2 {
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 60px;
    overflow: hidden;
    padding: 0;
    font-weight: 700;
    background-color: transparent;
    position: relative;
    float: left;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/*
-------------- 3.2. Top Head. ------------- */
.top-head{
    position: fixed;
    z-index: 3;
    width: 100%;
    background: #fff;
}
.top-head:after{
    clear:both;
    display:table;
    content:" ";
}
.top-head.fixed-head{
    position: fixed;
    z-index: 9;
    width: 100%;
    left: 0;
}
.top-head.absolute-head{
    position: absolute;
    z-index: 9;
    width: 100%;
    left: 0;
}
.top-head .container {
    position:relative;
    margin: 0 65px;
    width: 100%;
    width: 100%;
    padding-right: 150px;
}
.top-head .responsive-nav{
    float:right
}
.top-head .logo {
    position:relative;
    float:left;
}
.top-head .logo a{
    display:block
}
.top-head .logo img{
    height:40px;
}
/*
----------------- top nav ------------------ */
.top-nav {
    float:left;
    min-height:1px;
    margin-top: 5px;
}
.top-nav li {
    position:relative;
}
.top-nav li i {
    margin-right:8px;
    font-size:12px
}
.top-nav > ul > li {
    float:left;
    padding: 0;
}
.top-nav > ul > li > a {
    font-weight:700;
    z-index:2;
    position: relative;
    display:block;
    margin: 0;
    color: #7F7F7F;
}
.top-nav > ul > li > a:hover,.top-nav > ul > li > a.selected{
    color: #428bca;
}
.top-head.simple{
    margin-top: 20px
}
.top-head.simple.dark .top-nav > ul > li > a{
    color:#fff;
}
.top-head.header-1 .top-nav > ul > li > a {
    margin: 0 10px 0 0;
}
.top-nav > ul > li > a > span, .top-nav > ul > li > span > a > span {
    line-height:65px;
    display:block;
    position:relative;
    padding:0 15px
}
.top-nav ul li ul li,.top-head .top-cart .cart-box{
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);
}
.top-nav ul li ul {
    position:absolute;
    top:100%;
    left:0;
    min-width:220px;
    z-index: 0;
    max-height: 0;
    -webkit-transition: max-height 1ms linear .1s;
    -moz-transition: max-height 1ms linear .1s;
}
.header-1.skew .top-nav ul li ul{
    left: 15px
}
.top-nav ul li:hover > ul{
    z-index: 10;
    max-height: 2000px;
    border-top:6px solid #149FD5;
    -webkit-transition: none;
    -moz-transition: none;
}
.top-nav ul li ul:after{
    clear:both;
    display:table;
    content:" "
}
.top-nav ul ul ul,.header-1.skew .top-nav ul ul ul {
    top:-2px;
    left:100%;
}
.top-nav ul ul li{
    opacity: 0;
    -webkit-transition: opacity .2s, -webkit-transform .2s, max-height .2s;
    transition: opacity .2s, transform .2s, max-height .2s;
    border-top:1px rgba(255,255,255,.2) solid;
    border-bottom:1px rgba(0,0,0,.1) solid;
}
.top-nav ul li:hover > ul > li, .top-nav ul li:focus > ul > li {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
.top-nav ul li ul li {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.top-nav > ul > li.hasChildren > a > span:after {
    display:inline-block;
    position:relative;
    font:normal normal normal 8px/1 FontAwesome;
    content:"\f078";
    margin-left:5px;
    top:-1px;
}
.top-nav > ul > li.hasChildren:hover > a > span:after,.rot-lft {
    -webkit-transform:rotate(-180deg);
    transform:rotate(-180deg);
}
.top-nav ul li li.hasChildren > a:before {
    content:"\f105";
    float:right;
    display:inline-block;
    position:relative;
    font:normal normal normal 12px/1 FontAwesome;
    top:3px
}
.top-nav li li a {
    display:block;
    padding:13px 15px;
    position:relative;
    overflow:hidden
}
.top-nav li li.selected > a{
    background-color:rgba(0,0,0,.1)
}
.top-nav li li a:after{
    background-color: rgba(0,0,0,.2);
    content: "";
    height: 100%;
    left: -140%;
    opacity: .2;
    position: absolute;
    top: 0;
    transform: skew(-38deg, 0deg) ;
    -webkit-transform: skew(-38deg, 0deg) ;
    -webkit-transition: all 700ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 700ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 120%;
    border-right:15px #fff solid
}
.top-nav li li:not(.selected):hover > a:after{
    left: -8%;
    -webkit-transition: all 700ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 700ms cubic-bezier(0.19, 1, 0.22, 1);
}
.top-nav li li:hover > a{
    padding-left:20px
}
.top-nav > ul > .mega-menu {
    position:static;
}
.top-nav .mega-menu > ul {
    left:15px;
    right: 15px
}
header.full .top-nav .mega-menu > ul {
    left:30px;
    right: 30px
}
.top-nav .mega-menu ul ul li{
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent !important;
}
.top-nav .mega-menu li[class*="col-"]{
    border-top: 0 !important
}
.top-nav ul li ul li:first-child{
    border-top-width: 2px
}
.top-nav .mega-menu ul ul ul li a{
    padding: 11px 15px
}
.top-nav .mega-menu .mega-content{
    padding:30px;
    border-top: 2px #ddd solid
}
.top-nav .mega-menu > ul > li,.top-nav .mega-menu .mega-content > div > ul > li{
    border-bottom:0 !important
}
.top-nav .mega-menu .mega-content ul li:first-child{
    border-top:0 !important
}
.top-nav .mega-menu .mega-content ul li:last-child{
    border-bottom:0 !important
}
.top-nav .mega-menu hr{
    border-top-color:rgba(255,255,255,0.3);
}
.top-nav .mega-menu .custom-content a{
    display:inline;
    padding:0;
    border:0
}
.top-nav .mega-menu .custom-content a:after{
    display:none
}
.mega-content .nav-tabs li,.mega-content .nav-tabs li a{
    border:0 !important;
    margin: 0 !important
}
.mega-content .nav-tabs a:after{
    display:none
}
.mega-content .tab-content{
    padding:0 15px;
    background-color: rgba(0,0,0,.1);
}
.mega-content .nav-tabs>li.active>a, .mega-content .nav-tabs>li.active>a:focus, .mega-content .nav-tabs>li.active>a:hover{
    border:0;
    background-color: rgba(0,0,0,.1);
    color: #fff
}
.dark-sub .mega-content .tab-content,.dark-sub .mega-content .nav-tabs>li.active>a, .dark-sub .mega-content .nav-tabs>li.active>a:focus, .dark-sub .mega-content .nav-tabs>li.active>a:hover{
    background-color: rgba(255,255,255,.06);
}
.dark-sub.top-nav .mega-menu > ul > li h4{
    color:#fff;
}
.top-nav .mega-menu ul ul {
    position:static;
    display:block;
    box-shadow:none;
    width:auto;
    border-bottom:0;
    max-height:1000px;
    background-color: transparent;
}
.top-nav .mega-menu > ul > li h4 {
    font-size: 15px;
    padding: 20px 10px 10px;
    border-bottom: 1px rgba(0,0,0,.1) solid;
    margin: 0;
}
.top-nav .mega-menu > ul > li,.top-nav .mega-menu > ul > li > ul > li:last-child{
    border-bottom:0
}
.top-nav > ul > li > ul.rit-menu {
    right:0;
    left: -285% !important;
    /* left:auto !important; */
}
.top-nav ul.rit-menu li.hasChildren > a:before{
    content: "\f104";
}
.top-nav ul li ul li > ul.rit-menu {
    right:100%;
    left:auto !important;
}
.top-nav ul ul ul ul.rit-menu li:first-child{
    border-top:3px rgba(255,255,255,.8) solid;
}
.top-nav ul ul ul ul.rit-menu li:not(.selected) > a{
    background-color: rgba(255,255,255,0.1);
}
.top-nav.tbl > ul{
    display: table;
    margin: auto;
}
.top-nav.tbl .top-cart .cart-num{
    top: 14%;
    right: -2px;
}
.top-nav ul li ul.mini-cart-list{
    position: static !important;
    max-height: 10000px !important
}
.top-nav ul li ul.mini-cart-list li{
    opacity: 1 !important;
    transform: scale(1);
    box-shadow: none;
    background: transparent;
    color: inherit;
}
.top-nav ul li ul.mini-cart-list li a{
    color:inherit;
    padding: 0
}
.top-cart .cart-num.main-bg{
    color: #fff
}
/*
-------------- top search & cart ------------------ */
.top-head .top-search,.top-bar-search {
    margin: 0 0 0 3px;
    float:left;
    position:relative;
}
.top-head .top-search > a {
    font-weight:bold;
    display: inline-block;
    position: relative;
    z-index: 1;
    float: right;
    padding: 0 15px;
    font-size: 12px;
    line-height:65px
}
.top-search .search-box {
    padding: 0;
    line-height:1;
    z-index:999;
    display:none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 300px;
}
.top-head.header-1 .search-box{
    top: 0;
    margin-right: 40px;
    width:0px;
    position: relative;
}
.header-2.right-logo .top-search .search-box{
    right: auto;
    left: 0
}
.header-2 .top-nav > ul > li > a > span, .header-2 .top-nav > ul > li > span > a > span,.header-2 .top-cart > a,.header-2 .top-search > a{
    line-height:55px !important
}
.top-search .search-box button {
    border:0;
    width:25px;
    height:25px;
    line-height:25px;
    text-align:center;
    background-color:transparent
}
.logo-sm{
    padding: 20px;
    margin: auto;
    display: table;
}
.last{
    margin-right: 0 !important
}
/*
--------------- Responsive Menu ------------- */
.newNav{
    position: fixed;
    top: 15px;
    left: 10px;
    width: 40px;
    height: 40px;
    display: none;
    cursor: pointer;
    transition: opacity 0.2s linear;
    -webkit-transition: all 0.2s linear;
    z-index: 9999;
    border-radius: 3px;
    background:#149fd5; 
}
.newNav:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    content:"";
    display:block
}
.clo{
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 99999;
    background-color: transparent;
}
.newNav > span{
    display: block;
    float: left;
    clear: both;
    height: 3px;
    width: 22px;
    background-color: #fff;
    position: absolute;
    left: 9px;
    top: 11px;
    overflow: hidden;
    transition: all 0.4s ease;
    -webkit-transition: all 0.2s ease;
}
.newNav > span:nth-child(1){
    z-index: 9;
}
.newNav > span:nth-child(2){
    margin-top: 7px;
}
.newNav > span:nth-child(3){
    margin-top: 14px;
}
.responsive-menu > ul{
    transition: all 0.8s cubic-bezier(0.68, 0.55, 0.265, 1.55);
    -wekit-transition: all 0.8s cubic-bezier(0.68, 0.55, 0.265, 1.55);
    height: 0;
    width: 0;
    left: 15px;
    top: 15px;
    position: absolute;
    z-index: 18;
    overflow: hidden;
}
.responsive-menu > ul li{
    display: block;
    margin-left: -160px;
    /* transition: all 0.8s cubic-bezier(0.68, 0.55, 0.265, 1.55);
    -wekit-transition: all 0.8s cubic-bezier(0.68, 0.55, 0.265, 1.55); */
}
.responsive-menu > ul li li{
    margin:0 !important;
    padding:0
}
.responsive-menu > ul li a,.responsive-menu > ul li h4{
    display:block;
    line-height: 40px;
    color:#fff;
    font-size: 15px;
    border-bottom: none;
    padding: 0 10px;
    margin:0
}
.responsive-menu > ul li i{
    margin-right:8px;
}
.top-nav ul li li i{
    color: #fff
}
.child-arrow {
    float:right;
    display: block;
    position:relative;
    font-size: 18px;
    top: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}
.responsive-menu ul ul .child-arrow {
    font-size: 14px;
    top: 10px;
    width: 22px;
    height: 22px;
    line-height: 22px;
}
.responsive-menu ul ul{
    display:none;
    padding: 0;
    margin:0;
    background-color: rgba(255, 255, 255, 0.14);
}
.responsive-menu ul ul li a{
    font-size:14px
}
.newNav.oppenned .responsive-menu > ul{
    opacity: 1;
    height: 1200px;
    width: 400px;
    padding: 10px 15px 0;
}
.newNav .mCSB_scrollTools {
    right: auto;
    left: 121px;
}
.newNav.oppenned span:nth-child(2){
    overflow: visible;
}
.newNav.oppenned span:nth-child(1), .newNav.oppenned span:nth-child(3){
    z-index: 100;
    transform: rotate(45deg);
}
.newNav.oppenned span:nth-child(1){
    transform: rotate(45deg) translateY(12px) translateX(12px);
    margin-top: -11px;
}
.newNav.oppenned span:nth-child(2){
    height: 850px;
    width: 400px;
    left: -160px;
    top: 28px;
    background-color: #149fd5;
}
.newNav.oppenned span:nth-child(3){
    transform: rotate(-45deg) translateY(-10px) translateX(10px);
    margin-top: 20px;
}
.newNav.oppenned li{
    margin-left: 140px;
}
.newNav.oppenned li.active > a,.newNav.oppenned li.selected > a{
    background-color:rgba(0,0,0,.2)
}
.newNav li li li.selected > a{
    background-color:rgba(0,0,0,.1) !important;
}
.menu-hint{
    font-size:10px;
    position: relative;
    top: -5px;
    right: 0;
    margin-left:3px;
    padding: 1px 4px 2px;
    background:#777;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    border-radius: 3px;
    color:#fff;
    font-weight:normal
}
.top-nav > ul > li:hover > a .menu-hint,.top-nav > ul > li:hover > span > a .menu-hint{
    top:-24px
}
.menu-hint.success {
    background-color: #5cb85c;
}
.menu-hint.success:hover {
    background-color: #449d44;
}
.menu-hint.info {
    background-color: #5bc0de;
}
.menu-hint.info:hover {
    background-color: #31b0d5;
}
.menu-hint.warning {
    background-color: #f0ad4e;
}
.menu-hint.warning:hover {
    background-color: #ec971f;
}
.menu-hint.hot {
    background-color: #d9534f;
}
.menu-hint.hot:hover{
    background-color: #c9302c;
}
.menu-hint.light {
    background-color: #fff;
    color:#000;
}
.menu-hint.light:hover{
    background-color: #ddd;
}


.box-top{
    position: absolute;
    margin: -50px 40px;
    width: 97%;
}
.box-white1{
    background-color: #fff;
    border-top: 10px solid #149fd5;
    flex: 1;
    width: 71%;
    padding: 20px;
    display: inline-block;
    /* height: 310px; */
    height: 390px;
    margin-right: 20px;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);
}

.box-white2{
    background-color: #fff;
    border-top: 10px solid #149fd5;
    /* padding: 20px; */
    padding: 20px;
    width: 26%;
    flex: 1;
    display: inline-block;
    /* height: 310px; */
    height: 390px;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);
}

.slider.slider-horizontal {
    width: 100%;
    height: 25px;
    margin-bottom: 10px;
}


/*
---------- light sub menu ---------------- */
.light-sub.top-nav ul li ul li{
    background-color:#fff;
}
.dark-sub.top-nav ul li ul li{
    background-color:#222;
}
.light-sub.top-nav ul li ul li a,.light-sub.top-nav ul li ul li a i{
    color:#444
}
.dark-sub.top-nav ul li ul li a,.dark-sub.top-nav ul li ul li a i{
    color:#999
}
.light-sub.top-nav ul li.mega-menu ul ul,.dark-sub.top-nav ul li.mega-menu ul ul{
    -webkit-box-shadow: none;
    box-shadow: none;
    border:0;
}
.dark-sub.top-nav ul ul li {
    border-top: 1px rgba(255,255,255,.1) solid;
    border-bottom: 1px rgba(0,0,0,1) solid;
}
.dark-sub.top-nav li li a:after {
    background-color: rgba(255,255,255,.1);
}
.dark-sub.top-nav li li.selected > a{
    background-color: rgba(0,0,0,.2);
}
/* HOME SECTION */
#home-section{
    margin-top: 80px;
}

.flex-direction-nav .flex-next:hover,
.flex-direction-nav .flex-prev:hover {
    background:white;
}
.flexslider .slides img{
    /* filter: brightness(65%); */
}
.flexslider .flexcaption {
    position: absolute;
    width: 45%;
    bottom: 130px;
    height: auto;
    float: left;    
    left: 77px;
}
.flex-direction-nav .flex-next:after, .flex-direction-nav .flex-prev:after {
    color: black;
}
.flexslider .flexcaption .inner-caption {
    padding: 30px 40px;
    height: 100%;
    color: #fff;
}
.flexslider .flexcaption .inner-caption h1 {
    font-size: 52px;
    font-family: 'OratorStd','Open Sans', sans-serif;
    font-weight: 700;
    letter-spacing: 0;
    position: relative;
    line-height: 1;
}
.flexslider .flexcaption .inner-caption span {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    font-family:'OratorStd', 'Open Sans', sans-serif;
    font-weight: 700;
    margin: 0 0 10px;
}
.flexslider .flexcaption .inner-caption p {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 1.2;
    color: #fff;
    font-weight: 100;
}
.flexslider .flexcaption .inner-caption a {
    font-size: 14px;
    line-height: 60px;
    color: #f5c72c;
    min-width: 170px;
    min-height: 30px;
    background: transparent;
    font-weight: 700;
    padding: 20px 0;
    text-align: center;
    text-decoration: none;
}
.flexslider .flexcaption .inner-caption a:hover {
    color: #fff;
}
.flexslider .slides img{
    height: 100%;
}
.flex-direction-nav{
    /* margin-top:184px; */
    top: 50%;
    z-index: 1;
}
.flex-control-nav {
    position: absolute;
    bottom: 80px;
    height: 24px;
    right: auto;
    left: auto;
    width: 100%;
    float: none;
    text-align: center;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-control-paging li a {
    width: 15px;
    height: 15px;
    border: 1px solid #0e517e;
    background: rgb(189, 189, 189);
}
.flex-control-paging li a.flex-active {
    background: #ffffff ;
    width: 20px;
    height: 20px;
    border: 1.5px solid #149fd5;

}

.panel-default{
    border:none;
    margin-bottom: -10px;
}
.panel-group .panel + .panel {
    margin-top: 0;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-radius: 0;
}
.panel-default > .panel-heading {
    color: #fff;
    background-color: #149fd5;
    text-align: center;
    padding: 30px 80px;
}
.panel-title a{
    color: #f5c72c;
}
.panel-title a.collapsed{
    color: #fff ;
}
.panel-title a.collapsed.disabled{
    color:lightgrey;
}
.panel-group .panel {
    border-radius: 0;
    margin-top: 0;
}
.panel-body {
    padding: 0;
    height: 320px;
    background-position: top center;
    background-size: 200% auto;
    background-repeat: no-repeat;
}
.fullbg{
    background-position: top center;
    background-size: 200% auto;
    background-repeat: no-repeat;
}
.acc_body{
    height: 320px;
    position: relative;
}
.acc_content{
    position: absolute;
    background-color: rgba(42,89,118,0.9);
    bottom: 0;
    color: #fff;
    padding: 25px 15px;
}

.nav-tabs{
    background: #fff;
    border: none;
}
.box-top .nav-tabs > li {
    width: 50%;
    color: #999;
    text-align: center;
    border-right: 1px solid rgba(0,0,0,0.2);
    border-left: 1px solid rgba(0,0,0,0.2);
    border-top: 1px solid rgba(0,0,0,0.2);
}
.box-top .nav-tabs > li a{
    color: #999 !important;
}
.box-top .nav-tabs > li.active {
    border-right: 1px solid rgba(0,0,0,0.2);
    border-left: 1px solid rgba(0,0,0,0.2);
    font-weight: 700;
}
.box-top .tab-content > .active{
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.2);
    height: 538px;
}

.my_tab ul li {
    display: inline;
    background-color: #149fd5;
    color:#fff !important;
    position: relative;
    height: 90px;
}
.my_tab ul li:first-child{
    padding-left: 20px;
}
.my_tab ul li a{ color:#fff;}
.my_tab ul li a:hover{ color:#fff;}
/*.my_tab ul li:hover {
background-color:#0088CA;
cursor: pointer;
padding: 0;
margin: 0
}*/
.my_tab ul li a:hover,.my_tab ul li a.active{ font-weight:bold;}
/*.my_tab ul li.active:after {
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-bottom: 20px solid #149fd5;
content: " ";
position: absolute;
bottom: 130%;
margin-left: 32%;
}*/
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ background:none !important; border:none !important;}
.nav-tabs>li>a{
    border:none !important;
    font-weight: 700;
    font-size: 14px;
    padding-top: 35px;
    font-weight: bold;
}
.nav>li>a:hover{ background:none !important; border:none !important;color:#f5c72c;}
.claimedRight {
    max-height: 65px;
    overflow: hidden;
    color: #fff;
}
.bt{bottom:0;text-align:left;position:relative;margin-top:130px;text-color:#fff;margin-right: 20px;}
.bt h3{
    font-size: 28px;
    margin: 0;
}
.bt h2{
    display: none;
}
#cat_img{
    height: 100%;
}
.tabs_desc{
    height: 420px;
    display: table;overflow: hidden;
    padding: 0 100px;
}
.vert-text{
    display: table-cell; vertical-align: middle;
}
#home_tabs{
    /* background: url('bg.jpg');
    background-size:     cover;                      
    background-repeat:   no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;*/
}
#map{
    width: 100%;
    height:620px;
}
#map_desc{
    position: absolute;
    top: 150px;
    right: 50px;
    float: right;
    background: #fff;
    width: 300px;
    height: 150px;
    padding: 20px;
    z-index: 1;
}
.absolute{
    position: absolute;
    right: 20%;
    float: right;
    background: #149fd5;
    width: 350px;
    height: 300px;
    padding: 20px;
    z-index: 1;
    color: #fff;
    padding: 70px 25px;
}
.nav-tabs > li.active {
    border-top: 5px solid #149fd5;
}
.submit_contact{
    background: #fff;
    color: #149fd5;
    border: none;
    border-radius: 30px;
    padding: 10px 20px;
}
.submit_contact:hover{
    background: #149fd5;
    color: #fff;
}
input[type="text"],input[type="email"]{
    /* background: #d4d1d0; */
    background: white;
    /* border: none; */
    border: 1px solid #ddd;
    margin: 0 0 10px;
    padding: 10px 15px;
    width: 100%;
    height: 40px;
    border-radius: 10px;
    font-style:italic;
}
textarea{
    /* background: #d4d1d0; */
    background: white;
    /* border: none; */
    border: 1px solid #ddd;
    margin: 0 0 10px;
    padding: 10px 15px;
    width: 100%;
    border-radius: 10px;
}
input[type="text"]::placeholder,input[type="email"]::placeholder,textarea::placeholder{
    font-size: 14px;
    font-style: italic;
    /* padding-left: 20px; */
    /* text-align: center; */
}
.width-inputfot input[type="text"]::placeholder,input[type="email"]::placeholder,textarea::placeholder{
    font-size: 14px;
    font-style: italic;
    /* padding-left: 20px; */
    text-align: start;
}
input[type="text"]:focus,input[type="email"]:focus,textarea:focus{
    background: #fff;
}

.footer{
    background-image: url('footer_bck.jpg');
    background-size:     cover;                      
    background-repeat:   no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    padding: 20px 100px;
    padding-bottom: 40px;
}
.footer .bck{
   
}
.footer_menu{
    float: right;
}
.footer_menu li{
    color: #fff;
    margin-left: 30px;
    list-style:none;
    display: inline-block;
}
.copyright{
    background: #0e517e;
    text-align: center;
    color: #fff;
    padding: 3px 0;
    font-size: 10px;
}
.sosial li{
    list-style:none;
    display: inline-block;
}
a.sos_med{
    color: #149fd5;
    margin-right: 10px;
    font-size: 25px;
}
a.sos_med:hover{
    color: #f5c72c;
}
#product_contents{
    min-height: 500px;
}
#product_description{
    padding: 40px;
    margin: 20px 0;
    margin-right: 70px;
    max-height: 550px;
    overflow: hidden;
    overflow-y: scroll;
}
.product_menu{
    background: #009FD5;
    text-align: right;
    width: 300px;
    padding: 30px 20px;
    position: absolute;
    z-index: 1;
    left: 10%;
    min-height: 200px;
}
.product_menu a{
    color: #fff;
    display: block;
    font-size: 16px;
    margin-bottom: 20px;
}
.product_menu a.active{
    font-weight: 400;
}
.product_menu a.active::before{
    content: '';
    width: 70px;
    height: 2px;
    background: #fff;
    float: right;
    right: 20px;
    margin-top: 25px;
    position: absolute;
}
.overlay #crs_cat h3{
    color: #fff;
}
.overlay #crs_cat h3:hover{
    color: #f5c72c;
}
.dp-none-g{
    display: none;
}
.border-footer{
    width:100%;
    height:2px;
    background:#fff
}
.dp-none-g-ipad{
    display: none;
}
.hide-all{
    display: none;
}
.st-testi{
    color: #149fd5 !important;
    font-size: 30px;   
}
.slider-selection {
    background: #343333;
}
.slider.slider-horizontal .slider-track {
    /* height: 5px; */
    height: 2px;

}
.roundtext{
    background-color: #fff !important;
    border: 1px solid #999 !important;
    border-radius: 50px !important;
    padding: 5px 15px !important;
}
.bootstrap-select > .dropdown-toggle {
    border-radius: 20px;
    width: 90%;
    /* width: 119%; */
    height: 40px;
    margin-bottom: 17px;
}
.bootstrap-select > .dropdown-toggle[data-id=sel_tenor] {
    width: 100%;
}

.radiolabel {
    color: #fff;
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
    padding: 5px 20px;
    background: #149fd5;
    border-radius: 30px;
    width: 90%;
    text-align: center;
    height: 40px;
}
.radiolabel:hover {
    color: #149fd5 !important;
    background: #fff;
    border: 1px solid #999;
}
#input_result{
    border: 4px solid #149fd5 !important;
}
.main_about{
    margin-top: 360px;
    height: 550px;
    overflow: hidden;
}
#company_video{
    position: absolute;
    margin-left: 100px;
    width: 100%;
    height: 300px;
    z-index: 1;
}
#company_desc{
    position: absolute;
    margin-left: 100px;
    width: 75%;
    height: 385px;
    margin-top: 50px;
    padding-top: 50px;
    z-index: 0;
    /* border: 1px solid #000; */
    margin-left: 200px;
    border-left: none;
    border-bottom: none;
    -webkit-box-shadow: 0px 3px 50px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 3px 50px 0px rgba(0,0,0,0.2);
}
.bottom{
    position: absolute;
    bottom: 0;
    width: 95%;
}
.bottom-right{
    position: absolute;
    bottom: 0;
    right: 0;
    float: right;
    z-index: 0;
}
a.produk_category{
    color: #149fd5;
    text-decoration: underline;
    font-weight: 700;
}
a.produk_category:hover{
    color: #f5c72c;
}

#facility-main{
    height: auto; 
    background: url('fasilitas_bck.jpg');
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover; 
    -moz-background-size:cover; 
    -o-background-size: cover; 
}

#facility-main .bck{
    background: rgb(5,153,202,.7); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(5,153,202,.8) 0%, rgba(11,117,169,.8) 100%, rgba(38,135,33,.8) 100%); 
    background: -webkit-linear-gradient(-45deg, rgba(5,153,202,.8) 0%,rgba(11,117,169,.8) 100%,rgba(38,135,33,.8) 100%); 
    background: linear-gradient(135deg, rgba(5,153,202,.8) 0%,rgba(11,117,169,.8) 100%,rgba(38,135,33,.8) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0599ca', endColorstr='#268721',GradientType=1 ); 
    height: 100%;
    width: 110%;
}

#footer_address{
    padding-top: 20px;
}
#footer_address table td{
    padding: 0;
    padding-bottom: 20px;
}
.social-list{
   float: right;
}
.social-list li{
    list-style: none;
    display: inline-block;
    margin: 0 15px;
}
.social-list li a{
    list-style: none;
    color: #fff;
    font-size: 25px;
}
.social-list a:hover{
    /* color: #f5c72c; */
}
.preview_button{
    position: absolute;
    float: left;
    /* left: 25px; */
    left: 105px;
    margin-top: 15px;
}
a.preview_button span{
    font-size: 25px;
    color: dimgray;
}
a.preview_button span:hover{
    color: #f5c72c;
}
.close_modal{
    position: fixed;
    float: right;
    right: 0;
    margin-top: -70px;
    border: none;
    background: transparent;
    color: #fff;
    font-size: 25px;
}
.close_modal:hover{
    color: #149fd5;
}
#preview_image .modal-body {
    padding: 0;
}
.flexslider .slides > li{
    display: none !important;
}
.flexslider .slides li.flex-active-slide{
    display: flex !important;
}
.flexslider .slides li.flex-active-slide a{
    z-index: 0;
}
.flexslider .slides li.flex-active-slide a.preview_button{
    display: block;
    z-index: 1;
}
#show-on-mobile{
    display: none;
}
.box-related img{
    height: 200px;
}