@charset "utf-8";

:root {
    --d-transaction: all 0.8s cubic-bezier(.25,.74,.22,.99) 0s;
    --d-padding: calc(2rem / 2);
    --swiper-theme-color:#c1bcba;
}
@media (min-width:1200px) {
    :root {
       --d-padding: 8vw;
    }
}
@media (min-width:1601px) {
    :root {
       --d-padding: 12.5vw;
    }
}

body { font-family: 'Roboto', sans-serif; margin: 0px; padding: 0px; font-size: 16px; line-height: 1.4; overflow-x: hidden; font-weight: 400; color: #fff;
      
}
/*----------------------
1.1. Typography
------------------------------*/
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; color: #fff; margin: 0 auto 20px; font-weight: 700; line-height: 1.4; }
h1 { font-size: 48px; }
h2 { font-size: 36px; }
h3 { font-size: 30px; }
h4 { font-size: 22px; margin-bottom: 15px; }
h5 { font-size: 20px; margin-bottom: 15px; }
h6 { font-size: 17px; margin-bottom: 10px; }
p { /*font-size: 15px;
margin-bottom: 20px;*/ }
a { transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; text-decoration: none; color: #196bb2; }
a:hover, a:focus { text-decoration: none; outline: none; color: #f7e5cb; }
ul, ol { margin: 0 auto 20px; }
ul li, ol li { margin: 0 auto 10px; }
blockquote { background: #f5f5f5; }
.white-text,
.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6,
.white-text p,
.white-text.section-header p { color: #fff; }
.uppercase { text-transform: uppercase; }
.underline { text-decoration: underline; }
.divider { border-bottom: 1px solid #dcd9d9; clear: both; margin: 40px auto; }
img { max-width: 100%; width: auto; height: auto; }

.gutter-10 { margin-left: -10px; margin-right: -10px; }
.gutter-10 > [class*='col-'] { padding-right: 10px; padding-left: 10px; }
.gutter-5 { margin-left: -5px; margin-right: -5px; }
.gutter-5 > [class*='col-'] { padding-right: 5px; padding-left: 5px; }
.gutter-2 { margin-left: -2px; margin-right: -2px; }
.gutter-2 > [class*='col-'] { padding-right: 2px; padding-left: 2px; }
.gutter-0 { margin-left: 0px; margin-right: 0px; }
.gutter-0 > [class*='col-'] { padding-right: 0px; padding-left: 0px; }
.relative{position: relative;}
.absolute{position:absolute;}
.zindex-2{z-index:2;}
.overflow-hide{overflow:hidden;}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter,
div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
/*End core*/
.editor-content img { max-width: 100%; height: auto; }
.editor-content img.media-object { max-width: none; }
.editor-content h4 { font-size: 16px; }
.editor-content h3 { font-size: 18px; }
.editor-content h2 { font-size: 20px; }
.editor-content h2, .editor-content h3, .editor-content h4 { font-weight: 700; color: #196bb2; }
.text-justify{text-align:justify;}
/*-----------------
1.2. Button
-------------------------*/
.btn { border-radius: 6px; background: rgb(17,115,194); border: medium none; color: #ffffff; font-size: 18px; height: auto; margin: auto; padding: 8px 15px; transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; }
.btn .fa { font-size: 22px; margin-left: 5px; vertical-align: middle; }
.btn.btn-lg { font-size: 24px; line-height: 30px; padding: 22px 50px; }
.btn.btn-sm { font-size: 16px; padding: 8px 25px; }
.btn:hover, .btn:focus { color: #ffffff; outline: none; background: #f7e5cb; }
.btn-link { font-weight: 800; font-size: 17px; color: #196bb2; }
.btn.outline-btn { background: none; color: #006838; border: #196bb2 solid 1px; padding: 5px 25px 5px 10px; font-weight: 400; position: relative;}
.btn.outline-btn:after{position: absolute; right: 6px; top: 12px; content: "\f103"; font: normal normal normal 14px/1 FontAwesome;}
.btn.outline-btn:hover { background: #196bb2; color: #fff; }
.btn-transparent { background: transparent; border: solid 1px #196bb2; color: #196bb2; font-size: 14px; }
.btn-transparent:hover { background: #f7e5cb; border: solid 1px #f7e5cb; }

.btn-secondary {
    color: #fff;
    background: #e8762f linear-gradient(180deg, #eb8b4e, #e8762f) repeat-x;
    border-color: #e8762f;
}
.text-secondary, .footer .icon {
    color: #e8762f !important;
}

/*-------------------------
1.3. dark-overlay
---------------------------------*/
.div_zindex { position: relative; z-index: 1; }
.div_zindex > * { position: relative; z-index: 1; }
.dark-overlay { background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.color-overlay { background: rgba(205, 56, 96, 0.9) none repeat scroll 0 0; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
/*-------------------------------------
1.4. Space margins and padding
------------------------------------------------*/
.padding_none { padding: 0px; }
.padding_top_20 { padding-top: 20px; }
.padding_50px { padding: 50px 0; }
.padding_4x4_30 { padding: 30px; }
.padding_4x4_40 { padding: 40px; }
.padding_right { padding-right: 60px; }
.padding_left { padding-left: 60px; }
.space-20 { width: 100%; height: 20px; clear: both; }
.space-30 { width: 100%; height: 30px; clear: both; }
.space-40 { width: 100%; height: 40px; clear: both; }
.space-60 { width: 100%; height: 60px; clear: both; }
.space-80 { height: 80px; width: 100%; }
.margin-btm-20 { margin-bottom: 20px; clear: both; }
.margin-top-20 { margin-top: 20px; clear: both; }
.margin-top-40 { margin-top: 40px; clear: both; }
.margin-btm-40 { margin-bottom: 40px; clear: both; }
.margin-top-60 { margin-top: 60px; clear: both; }
.margin-btm-60 { margin-bottom: 60px; clear: both; }
.margin-none { margin: 0px; }
.margin-top-15 { margin-top: 15px; }
.d-inline-block { display: inline-block; }

/*-----------------
1.5. Form
---------------------------*/
.form-group { margin-bottom: 20px; position: relative; }
.form-label { color: #111111; font-size: 14px; font-weight: 400; margin: 0 auto 8px; }
.form-control { background: #fff none repeat scroll 0 0; border: 0 none; border-radius: 6px; border: #ccc solid 1px; box-shadow: none; color: #888888; font-size: 14px; height: 50px; line-height: 30px; padding: 0 15px; }
textarea.form-control { padding: 15px 20px; }
.form-control:hover { box-shadow: none; outline: none; }
.form-control:focus { box-shadow: none; border-color: #8dba3f; outline: none; }
.select { position: relative; }
.select select { appearance: none; -moz-appearance: none; -o-appearance: none; -webkit-appearance: none; -ms-appearance: none; }
.select::after { color: #878787; content: '\f107'; cursor: pointer; font-family: 'Font Awesome 5 Pro'; font-size: 15px; padding: 12px 0; pointer-events: none; position: absolute; right: 15px; top: 0; }
.form-control option { padding: 10px; }
.control-label { color: #555; font-size: 15px; font-weight: 700; }
.radio label, .checkbox label { cursor: pointer; font-size: 14px; font-weight: 400; padding-left: 26px; position: relative; }
.radio input[type=radio],
.checkbox input[type=checkbox] { display: none; }
.radio label:before { background-color: transparent; border-style: solid; border-width: 1px; border-radius: 50%; content: ""; display: inline-block; height: 15px; left: 0; top: 4px; position: absolute; width: 15px; }
.checkbox label::before { background-color: rgba(0, 0, 0, 0); border: 1px solid #111111; content: ""; display: inline-block; height: 16px; left: 0; position: absolute; top: 4px; width: 16px; }
.radio input[type=radio]:checked + label:before { content: "\2022"; font-size: 15px; text-align: center; line-height: 11px; }
.checkbox input[type=checkbox]:checked + label:before { content: "\2713"; font-size: 12px; text-align: center; line-height: 14px; }
.black_input .form-control { background: #222; border-radius: 3px; color: #fff; border: #222 solid 1px; font-size: 17px; }
.checkbox, .radio { padding-top: 5px; }
/*-----------------
1.6. Table
---------------------------*/
table { margin: 0 0 30px; width: 100%; }
table th, table td { border: 1px solid #cccccc; padding: 15px; padding: 18px; }
table th img, table td img { max-width: 100%; }
table thead { background: #eee; }
table thead th, table thead td { text-transform: uppercase; font-weight: 900; color: #111; }
/*-----------------
1.7. Accordion
---------------------------*/
.panel-group .panel { background: #fff; border: 0 none; border-radius: 0; box-shadow: none; margin-bottom: 25px; }
.panel-title { color: #fff; font-size: 24px; margin-bottom: 0; margin-top: 0; }
.panel-title a { display: block; padding: 10px 25px; position: relative; background: #cca759; font-size: 18px;}
.panel-title a.collapsed {  }
.panel-title a .question { width: 85px; height: 100%; content: ""; color: #fff; font-size: 39px; line-height: 1; text-align: center; position: absolute; top: 0px; left: 0px; background: #196bb2; }
.panel-title a.collapsed .question { background: #252930; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; }
.panel-title a .question span { position: absolute; top: 45%; left: 0px; right: 0px; transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.panel-default > .panel-heading { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0px; border-radius: 0; box-shadow: none; color: #333333; padding: 0; }
.panel-heading:hover .panel-title a .question { background: #196bb2; }
.panel-heading:hover .panel-title a { border-color: #196bb2; }
.panel-body { border: 0px solid rgba(255, 255, 255, 0.2); margin-top: -1px; padding: 15px 0px; }
.panel-body p { font-size: 17px; line-height: 30px; font-weight: 400; }
/*-----------------------------------------------------------
1.8. Section-background-color & sectino-heading
-------------------------------------------------------------------*/
section { position: relative; }
.section-title { font-size: 30px; color: #fa8d2e; line-height: 1.4; margin-bottom: 25px; text-transform:uppercase; font-weight:300; }
.section-title.line{padding-bottom: 15px; position:relative;}
.section-title.line:after{
    content: "";
    left: 0;
    bottom: 0;
    
    background: url(../images/title-line.png);
    width: 107px;
    height: 4px;
    z-index: 6;
    position: absolute;
}
.section-title.line.center:after{left:50%; transform:translateX(-50%);}
.section-title strong{font-weight:700; }
.section-title span{font-weight:300; font-size:0.6em; display:block;}
.section-subtitle { font-size: 42px; font-weight: 600; text-transform: uppercase; color: #fff; }
.secondary-bg { background: #e5f5f9; }
.primary-bg { background: #324063; color: #fff; }
.gray_bg { background: #f5f5f5; }
.gray_bg_2 { background: #e6e6e6; }
.white-bg{background:#fff;}
.section-padding { padding: 100px 0; }
.section-padding-sm { padding: 50px 0; }
.section-header { margin: 0 auto; max-width: 950px; padding-bottom: 30px; }
.section-header h2 { margin: 0 auto; font-size: 32px; font-weight: 400; }
.section-header p { color: #777; font-size: 17px; margin: 22px auto 0; }
h1.page-title { font-size: 20px; }
.primary-bg .section-title{color: #fff;}
.gray_bg .section-title{color: #196bb2;}
.line-break-none br{display:none;}
/*--------------------
1.9. Tabs 
------------------------------*/
.nav.nav-tabs { border: medium none; }
.nav-tabs > li a { padding: 0px 0px 12px; border-radius: 0; color: #caa557; font-size: 18px; font-weight: 400; margin-right: 5px; text-align: center; 
  border:0px; border-bottom: solid 2px #faf6ee;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.nav-tabs > li a:hover,
.nav-tabs > li a:focus { color: #196bb2; border:0px; border-bottom: solid 2px #196bb2; background: transparent;}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover{font-weight: 700; border-bottom: solid 4px #196bb2;}
.nav-tabs > li { margin-bottom: 0; margin-right: 50px;}
.tab-content {margin-top: 25px; padding: 0px 0px 0px;}

.nicescroll-rails{width: 2px !important; background: #dbc18c;}
.nicescroll-rails .nicescroll-cursors{right: -8px;}

.zoom-in{display: block;}
.zoom-in img{-webkit-transform: scale(1); transform: scale(1);-webkit-transition: .5s ease-in-out; transition: .5s ease-in-out;}
.zoom-in:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}

.tab-list{
    position: absolute;
    width: 5.3125vw;
    right: 0;
    top: 0;
    height: 100%;
    background: #F5A348;
    z-index: 3;
}
.tab-list .tab-a-list{position:absolute;top:50%;left:0;transform:translate(-50%);z-index:6;
    display: flex;
    align-items: center;
    transform: rotate(-90deg); height:5.3125vw; width:5.3125vw;
}
.tab-list a,
.tab-list span{color:#fff;position:relative;z-index:6;white-space:nowrap;display:block;padding:10px 0;text-transform:uppercase; 
                 margin: 0px 20px; 
}
.tab-list span{margin:10px 0px;}
.tab-list:before{content:"";right:-7.2916vw;top:0;background:url(../images/ak-idf-1.svg);width:22.08vw;height:100%;z-index:6;background-size:100% auto;position:absolute;
                 background-position:bottom left; background-repeat:no-repeat;
}
.tab-list a{display:inline-flex;     justify-content: center;     align-items: center;}
.tab-list a:hover{color:#A94821}
.tab-list a img{max-height:17px;    margin-right: 10px; }
.tab-list a.btn-360{}

.idf-content-left{padding-right:15vw;}
.idf-content-right{position:relative; padding-left:3vw;}
.idf-content-right:before{
    content: "";
    top: 0;
    background: url(../images/ak-idf-1.svg) no-repeat;  background-position:bottom left; 
    width: 22vw; left:-60%;
    height: 100%;
    z-index: 3;
    position: absolute;
    background-size:  100% auto;
}
.bg-default{background-image:url('../images/bg-default.jpg'); background-repeat:no-repeat;}
.bg-default-2{background-image:url('../images/bg-default-2.png'); background-color:#fff; background-repeat:no-repeat; }
.bg-default-3{background-image:url('../images/bg-default-3.jpg'); background-repeat:no-repeat;}

/*--------------------------------------------
1.10. parallex-background
---------------------------------------------------*/
.parallex-bg { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; }
/*------------------------
1.11. Modal
--------------------------------*/
.bootbox.modal { z-index: 99999999999; }
.modal-header { background: #006838; color: #fff; }
.modal-header h4{color: #fff;}
.modal-header .close{color: #fff; opacity: 1;}
.modal-header .close:hover{opacity: 0.7;}
.modal-content{border-radius: 0px;}

/*================
2. Header
===========================*/
html, body{height:auto; overflow-x:hidden; position:relative;}
body{  position: relative;}

footer{}
.page-content{padding-top: 100px; color: #fff; text-align: center;}
.page-content .logo{margin-bottom: 70px;     display: block;}
.page-content .logo img{width: 277px; height: auto;}
.page-content h1{font-size: 65px; color: #fff; font-weight: 400;     line-height: 1.2; margin-bottom: 70px;}
.btn.btn-default{background: #e2e3e4 ; border-radius: 25px; height: 40px; padding: 8px 50px; text-transform: uppercase; color: #0d2f51; font-weight: 600;
	margin-bottom: 8px; margin-top: 36px;
	transition: all .8s cubic-bezier(.34,.615,.4,.985),transform .8s cubic-bezier(.34,.615,.4,.985);
	position: relative; overflow: hidden;
    
}
.btn.btn-default span{position: relative;}
.btn.btn-default:before,
.btn.btn-default:after{content: ''; position: absolute; left: 0px; bottom:0px; width: 100%; height: 100%;  
	transition: transform .43s cubic-bezier(.34,.615,.4,.985);
}
.btn.btn-default:before{    transform: scaleY(0) translateY(0); transform-origin: bottom center;}
.btn.btn-default:after{background: url('../images/bg-button.png') no-repeat bottom left;}
.btn.btn-default:before{background: #0d2f51;}
.btn.btn-default:hover{ color: #fff; background: transparent;}
.btn.btn-default:hover:before{    transform: scaleY(1) translateY(0);}

.cover, .section-cover{background-size: cover;  background-position: center; background-repeat: no-repeat;}

.header-wrapper { position: fixed; left: 0px; top: 0px; z-index: 4; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; 
                  background: linear-gradient(180deg, rgba(44,43,42,0.6) 0%, rgba(255,255,255,0) 100%);
                  background:url('../images/bg-header.png') no-repeat center center; background-size:cover;
                  
}
.header-wrapper.sticky{ }
.main-logo img{height:45px; width:auto;}
header{padding: 12px 0px 12px; height:70px; /*overflow: hidden;*/}
header .nav{    align-items: center;}
header .nav li{margin:0px 30px; display:inline-flex; align-items:center;}
header .nav li:last-child{margin-right:0px; }
header .nav li a{font-size: 16px; text-transform: uppercase; color: #fff; padding: 10px 0px; color:#fff; }
header .nav li a.active,
header .nav li a:hover,
header .nav li a:focus { color: #fa8d2e; background:transparent; background-color:transparent; }
header .nav-pills .nav-link.active,header .nav-pills .show>.nav-link{background-color:transparent; color: #fa8d2e;}
header .nav li.hotline a{color: #fff; padding: 5px 15px 5px 43px; border-radius: 0px;
background: #F08629 url('../images/icon-phone.svg') no-repeat left 15px center;
background-size: 18px auto; font-size: 16px;border-radius: 5px; font-weight:700;
}
header .nav li a.nav-link-icon img{height:20px; width:auto;}
   

header .main-logo img { width: auto; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; }
.sticky-header .header-wrapper { background: #006fc0; border-bottom: solid 2px rgba(50,64,99,0.3); }
.sticky-header .header-wrapper header { padding: 10px 0px; }
.sticky-header .header-wrapper header .main-logo img { max-height: 40px; margin-top:-5px; margin-bottom:-5px; }
.sticky-header header .nav li a { padding: 5px 0px; }

#intro_section { background-position: center bottom; position:static;
}
#intro_section .bg{position:absolute; right:0px; top:0px; width:100%; height:100%;background-position: center center;
                   background-size:cover;
}
#intro_section .page-content-wrapper{display:flex; width:100%; position:relative;}
#intro_section .page-content-wrapper .content-left{width:35%;
                                                   background:url('../images/banner-bg-left.png') no-repeat center right; background-size: auto 100%;
                                                   padding-left:var(--d-padding);
                                                   padding-top: 18vh;
                                                   padding-right:4.2vw;
                                                   display:none;
}
#intro_section .page-content-wrapper .content-right{width:65%; background:url('../images/banner-bg-right.png') no-repeat center right; background-size: auto 100%;
                                                    padding-right:var(--d-padding); position:relative;
}
#intro_section .page-content-wrapper .content-left .item{display:flex; margin:60px 0px;}
#intro_section .page-content-wrapper .content-left .item-img{justify-content:flex-end; margin:30px 0px 30px;}

#intro_section .page-content-wrapper .content-right .item{font-size:16px; color:#ee9347; font-weight:700; padding-top:45px; text-transform:uppercase;
                                                          background-position:center top; background-size:36px auto; background-repeat:no-repeat;
                                                          position:absolute; text-align:center; z-index:5;
}
#intro_section .page-content-wrapper .content-right .item-reg{background-image:url('../images/icon-reg.svg');
                                                              right:1.62vw; top:27.55vh;
}
#intro_section .page-content-wrapper .content-right .item-360{background-image:url('../images/icon-360.svg');
                                                              right:6.5vw; bottom:21.12vh;
}
#intro_section .page-content-wrapper .content-right .item-phone{background-image:url('../images/icon-phone.svg');
                                                                  padding-bottom:45px; padding-top:0px; 
                                                                  background-position:center bottom;
                                                                  font-size:26px;
                                                                  top:35px; right:3.65vw;
}
.text-note{font-style:italic;}
#intro_section .text-note{position:absolute; right:15.15625vw; bottom:15px; color:#fff;}
.text-note.absolute{bottom:5px; right:10px;     z-index: 2;}

#slider-5 img{float:left; width:100%;}

#slider-5 .img-container{margin-bottom:0}
#slider-5 .img-container .main-img{transition:all ease .4s;-webkit-transition:all ease .4s}
#slider-5 .img-container .hover-imgs{top:0;right:0;pointer-events:none}
#slider-5 .img-container .hover-imgs img{opacity:0;transition:all ease .4s;-webkit-transition:all ease .4s}
#slider-5 .img-container .hover-imgs{top:0;left:0}

#slider-5 .imagemapster{position:relative;z-index:2}
#slider-5 .img-container .hover-imgs img{position:absolute;top:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:all ease .3s;-webkit-transition:all ease .3s}
#slider-5 .img-container .hover-imgs img.active{opacity:1}
#slider-5 .manhinhkhac{text-align:center;}
#slider-5 .imagemapster{    margin: 0px auto;}

.map-hover .tooltip .tooltip-inner{background:#1f2c39; color:#f8991e; font-size:20px; white-space:nowrap; max-width:300px;
                                   font-weight:700; padding:10px 25px; 
}
.map-hover .tooltip .tooltip-arrow{display:none !important;}
.map-hover .tooltip{transform: translate(0) !important;}
@media screen and (max-width:991px) {
    .map-hover .tooltip .tooltip-inner{font-weight:400; font-size:14px; max-width:200px; padding:10px 10px; }
}


.section-content-timeline{padding-left:5vw; padding-right:5vw;}
.section-content-timeline .description{margin-bottom:45px; text-align:center;}
.timeline{position:relative;}
.timeline:before{content:''; position:absolute; top:110px; left:0px; width:100%; height:7px;
                        background:#b5bfc8;
}
.timeline .items{display:flex; width:calc(100% + 60px) ; position:relative; margin-left:-30px; margin-right:-30px;}

.timeline .items .item{padding:0px 30px;}
.timeline .items .item .minute{height:100px; font-size:27px; color:#fa8d2e; text-align:center; position:relative}
.timeline .items .item .minute strong{font-weight:700; font-size:72px; display:block; line-height:0.8em;}
.timeline .items .item .minute:before{content:''; position:absolute; bottom:-24px; left:50%; transform:translateX(-50%); 
                                        width:26px; height:26px; background:#fa8d2e; border-radius:50%;

}
.timeline .items .subitems{display:flex;     padding-top: 40px; margin-left:-12px; margin-right:-12px;}
.timeline .items .subitems .subitem{padding:0px 12px;}
.timeline .items .subitems .subitem .title{ min-height:115px; display:flex; align-items:flex-end;}
.timeline .items .subitems .subitem h4{font-size:16px; text-transform:uppercase;font-weight:300; text-align:center; }
.timeline .items .subitems .subitem h4 small{font-size:14px; text-transform:none; display:block;}
.timeline .items .subitems .subitem h4 strong{font-weight:500;}
.timeline .items .subitems .subitem .thumb img{
    clip-path: polygon(0% 8%,41% 8%,50% 0%,59% 8%,100% 8%,100% 100%,0% 100%)
}

.container-max{    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
}
@media screen and (min-width:1200px){
	#intro_section,
    #intro_section .bg{height: calc(var(--vh, 1vh) * 100);}
    .container-fluid{padding-left:var(--d-padding); padding-right:var(--d-padding);}
    .container-max{padding-left:5vw; padding-right:5vw;}
    .container-fluid.pr-sm{padding-right:5vw;}
}
.line-top{ background:url('../images/line.svg') no-repeat center top; background-size:auto 11px;}
.line-bottom{ background:url('../images/line.svg') no-repeat center bottom; background-size:auto 11px;}

.section-about  .items .item{margin-top:30px;}
.section-about  .items .item .title{min-height:45px; margin-bottom:5px;}
.section-about  .items .item strong{font-size:36px;}
.section-about .section-title-wrapper{
                                     
                                       padding-right:0px;
}
.section-about .section-content {
                                 padding-bottom:30px; text-align:justify
}




.section-utility .section-content{
    padding-bottom:0px;
}
.section-utility .item-note{ display:flex;}
.section-utility .item-image-wrapper {
    position: relative;
}
.section-utility .item-image-wrapper svg{position:absolute; width:100%; height:auto; left: 0px;top: 0px;}
.section-utility .item-note .item{width:100%;}
.section-utility .item-note .item h5{font-size:20px; font-weight:700;}
.section-utility .item-note .item ul{list-style:none; padding:0px; column-count:2; column-gap:40px; }
.section-utility .item-note .item ul li { position: relative; padding-left: 40px; display: flex; align-items: center; min-height: 28px; 
                                          color:#5e5c59;
                                          break-inside: avoid-column;

}
.section-utility .item-note .item ul li strong { position: absolute; font-weight:400; width: 28px; height: 28px; line-height:28px; border-radius: 50%; background: #1390cb ; border-radius:50%; color:#fff; left:0px; top:0px; text-align:center; }
.section-utility .item-note .item ul li.item-2 strong { background: #f37b34 }

.tab-nav ul li{margin:0px 5px; }
.tab-nav ul li a{border: 1px solid #F08629;border-radius: 30px; padding:10px 50px;color: #F08629;    display: inline-flex;}
.tab-nav ul li:hover a,
.tab-nav ul li a.active{background: #F08629; color:#fff;}
.section-utility .tab-nav,
.section-masterplain .tab-nav{   display:flex; justify-content:center;}
.section-utility .tab-description{color:#010101; padding:30px 15vw 20px; text-align:center;}

@media (min-width:992px) {
    .section-utility .tab-nav{position:absolute; bottom:30px; left:0px; width:100%; z-index:3;}
    .section-utility .tab-pane-image {position:relative;}
    .section-utility .tab-pane-image:before{content:'';
                                            position:absolute; left:0px; bottom:0px; width:100%; height:50%;
        background: rgb(255,255,255);
        background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20%, rgba(0,0,0,0.9) 100%);
        background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20%, rgba(0,0,0,0.9) 100%);
        background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20%, rgba(0,0,0,0.9) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);
       
    }
    
    .section-utility .tab-pane-image .tab-description{position:absolute; bottom:80px;     color: #fff;}
    #utility_0{padding-bottom:80px;}
    
}

.item-image-wrapper svg .item-maker { }
.item-image-wrapper svg .item-maker circle {
    stroke: #fff;
    stroke-width: 1;
    transform-box: fill-box;
    transform-origin: center;
           
}
.item-image-wrapper svg .item-maker text { fill: #fff; font-size: 14px; font-weight: 700; }
.item-image-wrapper svg .item-maker:hover circle,
.item-image-wrapper svg .item-maker.active circle { /*stroke: #fff; stroke-miterlimit: 5; stroke-width: 2; stroke-dasharray: 5; stroke-dashoffset: 0; animation: StrokeLine 4s infinite linear;*/ }
.item-image-wrapper svg .item-maker:hover circle,
.item-image-wrapper svg .item-maker.active circle { animation: Maker 1s infinite; }


.section-utility .map-tooltip {
    pointer-events: none;
    position: absolute;
    text-align: center;
    padding: 5px 25px;
    z-index: 5;
    height: 40px;
    margin: 0 auto;
    color: #fff;
    border-radius: 25px;
    transform: translateX(-50%);
    display: none;
    background: #28649c;
    align-items: center;
    white-space: nowrap;
    border:solid 2px #fff
}
.section-utility .map-tooltip.active {
    display: flex;
}
.section-utility .col-right{padding-top:60px; padding-right:30px;}
#utilityNav{margin-bottom:20px;}
.category li{ padding-right:60px; position:relative; margin-right:0px; margin-left:0px;}
.category li:after{content:''; position:absolute; right:30px; top:15px; height:35px; width:1px; background:#fa8d2e;}
.category a {font-size:30px; text-transform:uppercase; color:#fa8d2e; }
.category li a.active{font-weight:700; border-bottom:solid 4px #fa8d2e;}
.category li:last-child{border-right:0px; padding-right:0px;}
.category li:last-child:after{display:none;}

.item-image-wrapper .items.show{opacity:1;}


#utilityContent{mix-blend-mode:darken;}
.section-library .section-content .item {
    text-align: center;
}
.section-library .section-content .item .title {
    margin-top: 15px;
    font-weight: 300; color:#fa8d2e; text-transform:uppercase;
}
.section-library .section-content .item:hover .title{font-weight:700;}


.section-design .section-title-wrapper{display:flex;}
.section-design .section-title{white-space:nowrap; margin-left:0; margin-right:30px;}
.section-design .section-title-sm{font-size:18px; font-style:italic; font-weight:400; color:#e8762f;}
.section-design .section-title-sm strong{font-weight:700; font-size:1.25em; font-style:normal; display:block;}

.section-masterplain .tab-nav{padding-top:30px;}

.section-masterplain .section-content{}

.footer-partner .items .item{padding:0px 60px; display:block}

.footer-partner .items-other{background:#e1e7eb; padding:15px 0px; border-radius:15px;}
.footer-partner .items-other .item{padding:0px 25px; text-align:center;}
.footer-partner .items-other .item h5{ color:#777272; font-size:16px; font-weight:400;}
.footer-partner .items-other .item .thumb{height:140px; padding:0px 15px 10px; display:flex; justify-content:center;}
.footer-partner .items-other .item .thumb img{max-height:100%; width:auto;}

.section-footer{ font-size:16px;}
.section-footer .section-title{color:#fff; font-size:42px; text-transform:none;}
.section-footer .section-title strong{font-weight:700; color:#e8762f;}
.section-footer .company-info p, .section-footer .company-info a {
    color: #fff;
    display: block;
    margin-bottom: 1em;
}
.section-footer .company-info .company-name{color:#e8762f; font-weight:700;}
 .section-footer .company-info i{color:#e8762f; margin-right:8px;      min-width: 15px;}
 .contact-form .form-control{border:0px; border-bottom:solid 1px #fff; border-radius:0px; background:transparent; padding:0px;}
 
 .contact-form .form-control::-webkit-input-placeholder{color: #fff;}
.contact-form .form-control::-ms-input-placeholder{color: #fff;}
.contact-form .form-control::placeholder{color: #fff;}
 
 .contact-form  .btn{min-width:210px;}
 .footer-bottom{background:#cc7532; padding:20px 0px;}
 .footer-bottom a{color:#fff;}
 .social{margin-right:0px;     justify-content: flex-end}
 .social a{color:#fff; margin-left:20px;}
  .social a:first-child{margin-left:0;}

  ul.slick-slider{padding:0px; list-style:none;}

@media (max-width:1899px) {
    header .nav {
       
    }
    header .nav li{margin: 0px 18px;}
    #intro_section .page-content-wrapper .content-right{width:70%;}
    #intro_section .page-content-wrapper .content-left{width:30%;}
    #intro_section .page-content-wrapper .content-right .item-phone{font-size:22px;}
    #intro_section .page-content-wrapper .content-left .item.item-text{padding-right:4vw;}

    body{font-size:16px;}
    h1 { font-size: 36px; }
    h2 { font-size: 32px; }
    h3 { font-size: 24px; }
    h4 { font-size: 20px; margin-bottom: 10px; }
    h5 { font-size: 16px; margin-bottom: 10px; }
    h6 { font-size: 14px; margin-bottom: 10px; }
    .section-padding{padding-top:60px; padding-bottom:60px;}
    .section-padding-sm { padding: 40px 0; }

    .section-title{font-size:36px;}
    .section-subtitle,
    .section-footer .section-title{font-size:32px;}
    .category a{font-size:24px;}
    .category li a.active{border-bottom-width:4px;}
    .section-design .section-title-sm{font-size:16px;}
    .section-masterplain .section-heading .tabs li a{font-size:30px;}

    .timeline .items .item{padding:0px 10px;}
    .timeline .items .subitems .subitem{    padding: 0px 5px;}
    .timeline .items .item .minute strong{font-size:54px;}
    .timeline .items .subitems .subitem .title{min-height:95px;}
    .timeline .items .subitems .subitem .title h4{font-size:14px;}
    .section-utility .col-right{padding-top:40px; padding-right:20px;}
    .category li:after{height: 30px; top:8px;}
}

@media (max-width:1599px) {
    .idf-content-right{   }
    .section-about .section-content{padding-bottom:0px;}
    .section-about .items .item strong{font-size:32px;}
    .section-about .items .item{margin-top:20px;}
}

@media (max-width:1399px) {
    header{}
    header .nav li a{font-size:14px;}

    .section-title{font-size:32px; line-height:1.2;}
    .section-subtitle,
    .section-footer .section-title{font-size:27px;}
    .category a,
    .section-masterplain .section-heading .tabs li a{font-size:24px;}
    
    #intro_section .page-content-wrapper .content-left{padding-top:14vh;}
    #intro_section .page-content-wrapper .content-left .item-img{padding-left:3vw;}
    #intro_section .page-content-wrapper .content-left .item-img:last-child{padding-left:6vw;}
    #intro_section .page-content-wrapper .content-right .item{  background-size: 30px auto ; padding-top:35px; font-size:14px;}
    #intro_section .page-content-wrapper .content-right .item-phone{font-size:18px; padding-top:0px; padding-bottom:30px;}
    #intro_section .page-content-wrapper .content-right .item-360{background-size:auto 30px;right: 5.5vw;}
    .section-about .section-title-wrapper{margin-left:0px; padding-left:0px; margin-top:0px; margin-bottom:1em;}
}

@media(max-width:1199px){
    body{padding-top:60px;}
    #intro_section{height: calc(var(--vh, 1vh) * 100 - 60px ); }
    #intro_section .page-content-wrapper{height:100%;}
    #intro_section .page-content-wrapper .content-left{max-height:100%;}
    header{height:60px;}
    .header-wrapper { padding-left: 0px; padding-right: 0px; z-index: 4; }
        header .logo-wrapper { text-align: left !important; }
        header .nav-header { position: relative; z-index: 100; background-color: transparent; width: 100%;     padding: 0px calc(2rem / 2); }

        header .menu-toggle-btn { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; cursor: pointer; transition: 0.3s ease all; 
                                  background: #f8991e;  border-radius:5px;border: solid 1px #fff;
        }
        
            header .menu-toggle-btn > span { display: block; width: 100%; height: 3px; border-radius: 4px; background-color: #fff; position: absolute; transition: 0.3s ease all; }
            header .menu-toggle-btn[data-auto-theme="white"] > span { background-color: #fff; }
            header .menu-toggle-btn > span:nth-of-type(1) { width: 80%; top: 25%; left: 10%; }
            header .menu-toggle-btn > span:nth-of-type(2) { width: 80%; top: 50%; left: 10%; transform: translateY(-50%); }
            header .menu-toggle-btn > span:nth-of-type(3) { width: 80%; top: 75%; left: 10%; transform: translateY(-100%); }
            header .menu-toggle-btn:hover > span { width: 80%; transition: 0.3s ease all; }
        header.open .menu-toggle-btn > span { }
        header.open .menu-toggle-btn > span { width: 80%; height: 3px; background-color: #fff; transition: 0.3s ease all; }
            header.open .menu-toggle-btn > span:nth-child(1) { top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); }
            header.open .menu-toggle-btn > span:nth-child(2) { opacity: 0; }
            header.open .menu-toggle-btn > span:nth-child(3) { top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); }

        header .overlay-menu { position: fixed; top: 0; left: 0; right: 0;  z-index: 99;    padding-top: 80px; padding-bottom: 0; display: flex; flex-direction: column; transform: translateY(-100%); -webkit-transform: translateY(-100%); transition: all cubic-bezier(.77,0,.175,1) 0.5s; 
                                justify-content: center; height:auto; padding-bottom:30px;
                                background: #1f2c39 url(../images/bg-header.png) no-repeat center center;
                                  background-size:cover;
                                   /*background: url(../images/bg-default.jpg) no-repeat center center;
                                       background-color: rgba(0, 0, 0, 0.8);*/


        }
            header .overlay-menu ul { flex-direction: column; margin-right: auto !important; align-items:center; }

            .overlay-menu .navbar-wrapper { flex-direction: column; }


            header .nav li{text-align:center;margin:0;}
            header .nav li a{font-size:16px;color: #adadad; font-weight:400;}

        .overlay-menu .main-menu-container { flex: 1; text-align: center; display: flex; padding: 0; margin: 0; list-style-type: none; overflow: auto; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ }
            .overlay-menu .main-menu-container::-webkit-scrollbar { display: none; }
        .overlay-menu .main-menu { text-align: center; padding: 0; margin: auto; list-style-type: none; }
            .overlay-menu .main-menu .item-link { color: #fff; transition: all ease 0.4s; display: inline-block; text-transform: uppercase; font-family: "Belle"; font-size: 42px; font-weight: normal; }
                .overlay-menu .main-menu .item-link > span { transition: all ease 0.4s; display: inline-block; transform: rotate(90deg); padding: 0 10px; }
            .overlay-menu .main-menu .item.show .item-link > span { transform: rotate(0deg); }
            .overlay-menu .main-menu .item { margin-bottom: 40px; }

        .overlay-menu { transform: translateY(-100%); -webkit-transform: translateY(-100%); transition: all cubic-bezier(0.77, 0, 0.175, 1) 0.5s; }
        header.open .overlay-menu { transform: translateY(0%); -webkit-transform: translateY(0%); }
        .overlay-menu .menu-item { opacity: 0; transform: translate(0, -50px); -webkit-transform: translate3d(0, -50px, 0); transition-delay: 0.6s; }
        header.open .overlay-menu .menu-item { transition: -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1) 1s, opacity cubic-bezier(0.165, 0.84, 0.44, 1) 1s; transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 1s, opacity cubic-bezier(0.165, 0.84, 0.44, 1) 1s; opacity: 1; transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); }
        header.open .overlay-menu .navbar-nav-left .menu-item:nth-last-of-type(1) { transition-delay: 0.6s; }
        header.open .overlay-menu .navbar-nav-left .menu-item:nth-last-of-type(2) { transition-delay: 0.7s; }
        header.open .overlay-menu .navbar-nav-left .menu-item:nth-last-of-type(3) { transition-delay: 0.8s; }
        header.open .overlay-menu .navbar-nav-left .menu-item:nth-last-of-type(4) { transition-delay: 0.9s; }
        header.open .overlay-menu .navbar-nav-right .menu-item:nth-last-of-type(1) { transition-delay: 0.2s; }
        header.open .overlay-menu .navbar-nav-right .menu-item:nth-last-of-type(2) { transition-delay: 0.3s; }
        header.open .overlay-menu .navbar-nav-right .menu-item:nth-last-of-type(3) { transition-delay: 0.4s; }
        header.open .overlay-menu .navbar-nav-right .menu-item:nth-last-of-type(4) { transition-delay: 0.5s; }


        .section-title{font-size:32px; }
        .section-subtitle,
        .section-footer .section-title{font-size:24px;}
        .category a,
        .section-masterplain .section-heading .tabs li a{font-size:20px;}
        .section-design .section-title-sm{font-size:16px;}

        #intro_section .page-content-wrapper .content-left{padding-top:40px}
        #intro_section .page-content-wrapper .content-right{position:fixed; bottom:1rem; right:1rem; padding-right:0;
                                                            height:auto; z-index:9;    width: auto; background:transparent;
        }
        #intro_section .page-content-wrapper .content-right .items{display:flex;}
        #intro_section .page-content-wrapper .content-right .item{position:static; text-indent:-9999px; width:36px; height:36px; white-space:nowrap;
                                                                  background-color:#fff; background-size:60% auto;     background-position: center center; border-radius:50%; margin-left:15px;
        }
        #intro_section{position:relative;}
        #intro_section .page-content-wrapper .content-left .item{margin:30px 0px;}
        #intro_section .page-content-wrapper .content-left .item-img{padding-left:5vw;}
        #intro_section .page-content-wrapper .content-left .item-img:last-child{padding-left:10vw;}
        .timeline .items .subitems .subitem .title{    min-height: 130px;}
        .section-utility .col-right{padding-left:20px;}

        .footer-bottom{text-align:center; padding-bottom:60px;}
        .social{justify-content:center; margin-top:15px;}
        .footer-partner .items-other .item .thumb{height:90px;}
        .footer-partner .items-other .item{padding:0px 10px;}

        .idf-content-right{padding-left:0;}
        .tab-nav ul li a{padding:10px 30px;}
        
}

@media(max-width:991px) {
    .timeline:before{width:7px; height:100%; left:104px; top:0px;}
    .timeline .items{flex-direction:column;}
    .timeline .items .item .minute:before{    top: 20px;   left:auto;  right: 10px; transform:translateX(0px);}
    
    .timeline .items .item{display:flex; flex-direction:row; margin-bottom:30px;}
    .timeline .items .subitems{flex-direction:column; margin:0px; padding-top:0px;}
    .timeline .items .subitem{min-width:150px; }
    .timeline .items .item .minute{    padding: 0px 45px 0px 15px;     width: 150px;}
    .timeline .items .subitems .subitem{margin-bottom:25px;}
    .timeline .items .subitems .subitem .title{height:auto; min-height:50px;}
    .timeline .items .subitems .subitem .thumb{max-height:999px;} 
    .design-slide {margin-top:30px;}
    .footer-partner .items-other .item .thumb{height:70px;    padding: 0px 5px 5px;}
    .footer-partner .items-other .item h5{font-size:12px;}
    .section-about .idf-content-left{padding-right:0px; padding-bottom:0px;}
    .tab-nav .tabs{justify-content:center;}
    .tab-nav ul li{margin:10px 5px;}
    #slider-8 .col-lg-8{order:2;}
    
}
@media(max-width:767px) {
     body{font-size:14px;}
    h1 { font-size: 32px; }
    h2 { font-size: 27px; }
    h3 { font-size: 20px; }
    h4 { font-size: 16px; margin-bottom: 10px; }
    h5 { font-size: 14px; margin-bottom: 5px; }
    h6 { font-size: 13px; margin-bottom: 5px; }


    header{    padding-top: 10px;}
    header .main-logo img{height:40px;}
    .section-title{font-size:20px; }
    .section-subtitle,
    .section-footer .section-title{font-size:18px;}
    .category a,
    .section-masterplain .section-heading .tabs li a{font-size:18px;}

    #intro_section .page-content-wrapper .content-left{width:36%;  padding-right: 5vw;   padding-left: 8vw; position:absolute; left:0px; top:0px; height:100%;}
    #intro_section .page-content-wrapper .content-left .item{margin:0px 0px 10px; display:block;}
    .section-design .section-title-wrapper{flex-direction:column;}
    .section-design .section-title{margin-bottom:5px;}
    .section-masterplain .section-heading{flex-direction:column;}
    .section-masterplain .section-heading .section-title{margin:0px auto 25px;}
    .footer-partner .items .item{padding:0px 10px;}
    .footer-partner .items-other .inner{flex-wrap:wrap;}
    .footer-partner .items-other .item {flex:0 0 calc(100%/3); width:calc(100%/3); margin:15px 0px;}
    .social{flex-wrap:wrap;}
    .social a{flex:0 0 50%; margin:10px auto;}
    .social a{margin-left:0px;}
    .social a.facebook{text-align:right; padding-right:10px;}
    .social a.youtube{text-align:left; padding-left:10px;}
    .tab-list{display:none;}
    .tab-nav ul{width:100%;}
    .tab-nav ul li{width:100%;     margin: 10px 0px;}
    .tab-nav ul li a{ text-align:center; display:block;}
    .section-utility .section-content{padding-bottom:0;}
    .section-masterplain .tab-nav{padding-top:0px; padding-bottom:15px;}
    .section-utility .tab-description{padding:30px 0px 20px;}
    .section-utility .col-right{padding-left:0px; padding-right:0px;}
    .category li:after{top:0}

    .slide-13 .slick-prev{}
    .slide-13 .slick-next{}
    
}
@keyframes Maker {
    0% {
        box-shadow: 0 0 0 rgba(220,220,220,0);
        border: 1px solid rgba(220,220,220,0);
        transform: scale(1)
    }

    70% {
        box-shadow: 0 0 50px rgba(220,220,220,1);
        border: 1px solid rgba(220,220,220,1);
        transform: scale(1.5)
    }

    to {
        box-shadow: 0 0 60px rgba(220,220,220,0);
        border: 0 solid rgba(220,220,220,0);
        transform: scale(2)
    }
}

.bootbox-body {color:#000;}
.bootbox-close-button.close{border:0px; background:transparent; 
                            font-size: 24px;
    line-height: 1em; position:absolute; right:5px; top:5px;
}


.flake {
  z-index: 1;
  background-image: url("/dualkey/images/star.png");
  width: 120px;
  height: 120px;
  background-size: contain;
  content: "";
  color: transparent !important;
  animation: flash linear 4s infinite;
}
.flake:nth-child(1) {
  animation: flash linear 4s infinite;
}
.flake:nth-child(2) {
  animation: flash linear 8s infinite;
}
.flake:nth-child(3) {
  animation: flash linear 12s infinite;
}
.flake:nth-child(4) {
  animation: flash linear 16s infinite;
}
.flake:nth-child(5) {
  animation: flash linear 20s infinite;
}
.flake:nth-child(6) {
  animation: flash linear 24s infinite;
}
.flake:nth-child(7) {
  animation: flash linear 28s infinite;
}
.flake:nth-child(8) {
  animation: flash linear 32s infinite;
}
.flake:nth-child(9) {
  animation: flash linear 36s infinite;
}
.flake:nth-child(10) {
  animation: flash linear 40s infinite;
}

@-webkit-keyframes flash {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.1;
    transform: scale(0);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
#canvas {
  pointer-events: none;
  position: fixed;
  top: 0;
  z-index: 1000;
  left: 0;
  width: 100%;
  height: 100%;
}



.a_fade-unit, [class*=a_fade-unit-] {
    transform: translate3d(0, 100px, 0);
    opacity: 0;
}

.a_fade-in .a_fade-unit-1 {
    transition: transform .7s 0s ease-out, opacity .7s 0s ease-out;
}
.a_fade-in .a_fade-unit-3 {
    transition: transform .7s .4s ease-out, opacity .7s .4s ease-out;
}
.a_fade-in [class*=a_fade-unit-] {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}


/*Old section*/
.slider-album{position:relative;}
.tab-category{left:50%;transform:translateX(-50%);position:relative;margin-top:40px;display:block;z-index:1;text-align:center}
.tab-category li{display:inline-block;margin:0px 10px;}
.tab-category li a{display:inline-block; min-width:45px;padding:15px 30px 15px 30px; border:1px solid transparent; transition:all ease 0.3s;-webkit-transition:all ease-in-out 0.3s;-moz-transition:all ease-in-out 0.3s;
                   color:#fff;
}
.tab-category li a{text-transform:uppercase;}
.tab-category li a.active,.tab-category li:hover a{border:1px solid #fff; color:#fff;}
.slide-image{padding:0 10px}
.slick-dots{bottom:-70px}
.slick-dots li.slick-active button{width:18px!important;height:18px!important;border-radius:50%;border:2px solid #e57a2d!important;position:relative;background:none!important}
.slick-dots li.slick-active button:before{content:"";position:absolute;height:8px!important;width:8px!important;left:3px!important;top:3px!important;border-radius:50%;background:#e57a2d!important;opacity:1}
.slick-dots li button{width:12px!important;height:12px!important;border-radius:50%;background:#fff!important;position:relative}
.slick-dots li button:before{display:none;}
.title-album{padding:18px 0;background:#d0ad66;display:block;text-align:center;margin:auto;max-width:413px;border:1px solid #fff;margin-top:-25px;
            position: relative;
}
.title-album h2{color:#715016;font-size:16px;text-align:center;text-transform:uppercase;margin: 0;}
#album_container .album-item{position:relative;text-align:center}
.slide-album .slick-slide img{width:100%;}
.slick-dots li.slick-active button{width:18px!important;height:18px!important;border-radius:50%;border:2px solid #e57a2d!important;position:relative;background:none!important}
.slick-dots li.slick-active button:before{content:"";position:absolute;height:8px!important;width:8px!important;left:3px!important;top:3px!important;border-radius:50%;background:#e57a2d!important;opacity:1}
.slick-dots li button{width:12px!important;height:12px!important;border-radius:50%;background:#fff!important;position:relative}

.slick-prev,.slick-next{width:18px;height:21px;z-index:5}
.slick-prev:before,.slick-next:before{content:""!important}
.slick-prev:after,.slick-next:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;background:url(../images/slide-prev.png);background-position:center;background-repeat:no-repeat!important;transition:all ease 0.3s;-webkit-transition:all ease 0.3s;-moz-transition:all ease 0.3s}
.slick-next:after{background:url(../images/slide-next.png)}

#page-thu-vien-video{position:relative}
#page-thu-vien-video .bx-wrapper{margin-bottom:0;border:none!important}
#page-thu-vien-video .slick-slide .iframe{width:100%;padding-top:56%;     position: relative;}
#page-thu-vien-video .slick-slide .iframe iframe{position:absolute;left:0;top:0;width:100%;height:100%}
#page-thu-vien-video .slick-slide .bx-pager.bx-default-pager a{width:18px!important;height:18px!important;border-radius:50%;border:2px solid #e57a2d!important;position:relative;background:none!important}
#page-thu-vien-video .bx-wrapper .bx-pager.bx-default-pager a.active:before{content:"";position:absolute;height:8px!important;width:8px!important;left:3px!important;top:3px!important;border-radius:50%;background:#e57a2d!important;opacity:1}

.sale-kit-img a{display:block;}
.sale-kit-img img {
    display: block;
    margin: 0 auto;
}

.sale-kit-name h4{text-transform:uppercase;line-height:1.2;text-align:center;padding-top:20px}
.sale-kit-name h4 a{color:#fff;font-size:18px;}
.sale-kit-img img{display:block;margin:0 auto}
.sale-kit-name ul{display:table;margin:0 auto;margin-top:10px;padding-bottom:5px}
.sale-kit-name ul li{display:inline-block;text-align:center;margin:0 auto;margin-right:10px}
.sale-kit-name{background-color:rgb(244,137,41);max-width:265px;margin:0 auto}

.list-logo1{padding:0;display:flex; margin-bottom:30px;}

.list-logo1{padding:0;display:inline-flex}
.list-logo li{display:inline-block;padding-right:30px}
.list-logo img{display:block;max-width:90%;margin:0 auto}
.div-logo-r{background:#d1dade;height:auto;padding:10px;border-radius:10px;margin-top:-20px}
.div-logo-r span{color:#333333;text-align:center}
.div-logo-r .list-logo li{padding-right:30px}
.div-logo-r .list-logo li a{height:100px; display:flex; align-items:center;}
.div-logo-r .list-logo li span{margin-top:10px; display:block;}

.section-partner{background-position:center top;}

#slider-8 .tab-content{}
#slider-8 .contact-info h3{font-size:18px;color:#fff;margin-bottom:10px}
#slider-8 .contact-info a{color:#fff;}
#slider-8 .contact-info p{margin-bottom:5px;}
#slider-8 .contact-info .hotline{font-size:22px;color:#f89a50}
#slider-8 .contact-info p.note{color:#fae5ca; margin-top:30px;}
#slider-8 .contact-info p.note strong{text-transform:uppercase;}
.license{margin:25px 0 40px 0}
.license b{font-family:'Roboto-Bold'}
ul.social{padding:0;margin-bottom:15px}
ul.social li{display:inline-block;}
ul.social a{width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    background-color: #fff;
    color: #e8762f;
    justify-content: center;
    border-radius: 50%;
    margin-right: 30px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    font-size: 1.25em;}
ul.social a i{}
ul.social a:hover{background:#f48929; color:#fff;}
#slider-8{background-position:center left!important}
.form-control{background:transparent;box-shadow:none;border-radius:0;padding:10px 0;border:none;border-bottom:1px solid #d7d7d7;color:#fff}
.form-regis .form-control::placeholder{color:#fff;}

.form-contact  .form-control::-webkit-input-placeholder{color: #fff;}
.form-contact .form-control::-ms-input-placeholder{color: #fff;}
.form-contact .form-control::placeholder{color: #fff;}

.form-contact .btn-buy{margin:40px 0px 45px; margin-left:50px;}
.form-contact a.bt-submit{min-width:140px;border-radius:10px;background-color:#f48929;font-size:18px;vertical-align:middle;padding:6px;
                          transition:ease all 0.3s;
                          color:#fff; display:inline-block; text-align:center; cursor:pointer;

}
.form-contact a.bt-submit:hover{color:#f48929;background:#1f2c39;border:1px solid #f48929}
.bootbox-body{color:#000;}
.form-contact a.bt-submi{min-width:140px;font-size:19px;padding:6px;margin-top:15px;margin-left:0}

.footer-bg{position:relative;}
.footer-bg:before{content:'';position:absolute; left:-20%; height:100%; width:9999px; height:100%;
                      background: url(../images/bg-default-3.jpg) no-repeat center left; background-size:auto 100%;
                      
}
#slider-8 .text-note{font-size:10px; color: #f48929;}

@media screen and (max-width: 1440px) and (min-width: 1280px){
    .slider-album {
        width: 75%;
        margin: 0 auto;
    }
}
@media(max-width:1299px) {
    header .nav li { margin: 0px 14px; }
    header .nav li a{font-size:13px;}
}


@media(max-width:1199px) {
    
    .idf-content-right:before{left:-50%}
    .footer-bg:before { left: -15%; }
}
@media(max-width:991px) {
.idf-content-left{padding-right:0px;}
.footer-bg:before{left:0;}
.form-contact a.bt-submit{padding:8px 15px; font-size:16px; min-width:150px;}
}


@media(max-width:767px) {
.tab-category li a{padding:15px;}
.list-logo-slide{position:relative;}
.list-logo-slide .slick-prev{left:0px;}
.list-logo-slide .slick-next{right:0px;}
.list-logo {
    padding: 0;
    margin: 0 auto;
    display: flex;
    margin-top: 20px;
    text-align:center;
}
.div-logo-r {
    min-width: 1px;
    margin: 0 auto;
    width: 100%;
    margin-top: 30px;
    display: block;
}
.list-logo li{padding:0px 15px;}
#intro_section .text-note{font-size: 10px; right:10px; bottom:5px;}
#intro_section .text-note{font-size:10px;}

.section-about .items .item strong{font-size:27px;}
.section-utility .map-tooltip{/*display:none;*/}
.captchar-wrapper{justify-content:center; flex-direction:column;}
.form-contact .btn-buy{margin-left:0}
.icon-social{text-align:center;}
}

.tab-360{width:auto;padding:10px 0;text-align:center;position:fixed;left:5px;bottom:0;background:#c57035;border:1px solid #fff;z-index:9999;-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0}
.tab-360 a{padding:0 10px;text-transform:uppercase; color:#fff;}
.tab-360 img{width:23px;height:16px;padding-right:5px}
.m-hotline{
        margin-left: 10px;
        margin-right: 45px;
        width:36px; height:36px;
            background: #f8991e url(../images/icon-phone.svg) no-repeat center center; background-size: auto 60%; border-radius:5px;
}
.m-hotline a{display:block; height:100%;}
.fancybox-caption-wrap{text-align:center;}
.m-hotline span{display:none;}

@media(min-width:1200px) {
    .tab-360{display:none;}
    
}

.lang{border:1px solid #ffffff;border-radius:5px;display:inline-block;padding-left:15px; padding-right:15px;padding-top:0px;height:33px;margin-top:0px}
.lang .en{padding-left:2px}
.lang-vi-VN .lang .vn,
.lang-en-US .lang .en{color:#f8991e;}
.lang a.active{color:#f8991e;font-weight:700}
 header .nav li.lang a{padding:0px;}
.lang a{font-size:16px;color:#ffffff;height:30px;padding-left:0;line-height:29px;background-size:cover;display:inline-block;text-decoration:none!important;display:inline-block}
.lang span.line_la{height:13px;width:2px;background:#fff;display:inline-block;margin:0px 8px}
.m-lang{margin-left:auto;}

@media screen and (max-width: 1440px) and (min-width: 1280px){
    #page-thu-vien-video{width:800px; margin:auto;}
}

@media screen and (max-width:991px) {
    .timeline-mobile .items{display:flex; position:relative; flex-direction:row;
         width: 100%;
        margin: 0;
    }
    .timeline-mobile .items .column-left,
    .timeline-mobile .items .column-right{
        flex:0 0 50%;
        width:50%;
    }
    .timeline-mobile:before{left:50%; transform:translateX(-50%); width:6px;}
    .timeline-mobile .items .item{
        flex-direction:column;
        padding-top:30px;
        border-top:solid 3px #b5bfc8;
    }
    .timeline .items .subitems .subitem .thumb{
        text-align:center;
    }
    .timeline .items .item .minute{
        width:100%;
        text-align:center;
        padding:0px 0px 15px;
        height: auto;
    }
    .timeline .items .item .minute:before{
        right: -20px;
        top: -40px;
            width: 20px;
    height: 20px;
    }
    .timeline .items .column-right .item .minute:before{
        left: -20px; right:auto;
    }
    .timeline-mobile .items .column-left{
        padding-top:210px;
    }
}


.block-hotnews {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    z-index: 999;
    padding: 0px 50px;
    background: rgba(0,0,0,0.35);
    display: flex;
    align-items: center;
}
    .block-hotnews .icon{
        width:100px; margin-right:30px;
        background:url('../images/icon-hotnews.svg') no-repeat center left;
        background-size:100% auto;
        flex: 0 0 100px;
        min-height:50px;
        
    }

    .hotnews-content {
        flex-grow:1;        
        overflow: hidden;
    }
    .hotnews-content a {
        display: inline-block;
        font-weight:700;
        
        color: #ffd513
    }
        .hotnews-content a:after {
            content: '|';
            color: #ffd513;
            padding-left: 30px;
            padding-right: 30px;
        }
        .hotnews-content a:hover {
            color: #79e4ff
        }
         .tab-360.m-top{bottom: 50px;}

@media (max-width:991px) {
    .block-hotnews {
        padding: 0px 0.75rem;
    }
        .block-hotnews .icon {
            flex: 0 0 80px;
            min-height: 40px;
            margin-right: 10px;
        }
         .tab-360.m-top{bottom: 40px;}
       
}


#fullpage-sub.masterplan img{}
#fullpage-sub.masterplan .img-container{margin-bottom:0}
#fullpage-sub.masterplan .map-hover{position:relative;}
#fullpage-sub.masterplan .img-container .main-img{transition:all ease .4s;-webkit-transition:all ease .4s}
#fullpage-sub.masterplan .img-container .hover-imgs{top:0;right:0;position:initial}
#fullpage-sub.masterplan .img-container .hover-imgs img{opacity:0;transition:all ease .4s;-webkit-transition:all ease .4s}
#fullpage-sub.masterplan .img-container .hover-imgs{top:0;left:0}
#fullpage-sub.masterplan .imagemapster{position:relative;z-index:2; padding:15px;}
#fullpage-sub.masterplan .img-container .hover-imgs img{position:absolute;top:0;bottom:0;right:0;opacity:0;pointer-events:none;transition:all ease .3s;-webkit-transition:all ease .3s}
#fullpage-sub.masterplan .img-container .hover-imgs img.active{opacity:1;background:rgba(0,0,0,0.2)}
#fullpage-sub.masterplan-foor .ver-mid {
    
    padding-top:30px;
    padding-bottom: 30px;
}


.sub{width:100%;
   
    position:relative;

}
.sub:before{position:absolute;content:"";left:5px;right:5px;top:5px;bottom:5px;border-radius:8px;z-index:1;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}


.sub span{padding:8px 35px 8px 15px;z-index:5; color:#fff; display:inline-block;cursor:pointer;position:relative;
          border:solid 1px  rgba(203,159,84,1);
        background: rgba(203,159,84,1);
        display:block;
}
.sub ul{list-style-type:none;position:relative;
        top:100%;z-index:10;padding:5px;background:transparent;display:none;width:100%;max-height:250px;
        overflow-y:auto;
        position:absolute;
            background: rgba(203,159,84,1);
}
.sub ul li{padding:5px 10px;text-align:left}
.sub ul li a{color:#fff}
.sub ul::-webkit-scrollbar{background:rgba(203,159,84,1);width:3px}
.sub ul::-webkit-scrollbar-thumb{background:rgba(203,159,84,1);border-radius:10px}
.masterplan-foor .sub-re{position:relative; z-index:3;}
    .masterplan-foor .sub-re .select::after { 
        color:#fff;
            padding: 8px 0;
    }

    .masterplan-foor .page-filter{
        justify-content:flex-end;
    }
.masterplan-foor .tab-category{
    margin-top:0;
    left:auto;
    transform:none;
    position:static;
    margin:0;
    padding:0;
    margin-right:0.75rem;
}
.masterplan-foor .tab-category li{
    margin-left:0.5rem;
    margin-right:0;
}
.masterplan-foor .tab-category li a{
    padding: 8px 15px;
     border: 1px solid #fff;
    background: #1c2837;
}
.masterplan-foor .tab-category li.active a{
   border-color:#fa8d2e;
}
.masterplan-foor #masterplan{text-align:center; background:#fff; min-height:100%;}
.masterplan-foor .imagemapster{
    display:inline-block;
}

.masterplan-foor .dropdown{
   
     
}
.masterplan-foor .dropdown .btn{
   background: #1c2837;
    border:0;
    border-radius:0;
    font-size:16px;
    padding-right:35px;
      border: 1px solid #fa8d2e;
          line-height: 1.4;
}

.masterplan-foor .dropdown .dropdown-menu a{color:#fff;}
.masterplan-foor .dropdown  ul{
    position:absolute;
    background: #1c2837;
    border-radius:0;
    z-index: 9;
    display: none;
    width:100%;
    list-style:none;
    padding:5px;
}
.masterplan-foor .dropdown  li a{
    padding: 5px 10px;
    text-align: left;
    color:#fff;
        display: block;
        white-space:nowrap;
}
.masterplan-foor .idf-content-right:before{
        width: 14vw;
        left: -6vw;
}

.masterplan-foor .section-content-wrapper .section-content{
    padding:40px;
}
.masterplan-foor .section-content-wrapper .section-content .title{
    margin-bottom:1rem; text-transform:uppercase;
    font-size:14px;
}
.masterplan-foor .section-content-wrapper .section-content .section-title{
        font-size: 20px;
}
.master-plan-popup .fancybox-caption {
    font-size:16px;
    font-weight:700;
    text-transform: uppercase;
    text-align:center;
    border:0;
}

@media(min-width:1200px){
    #fullpage-sub.masterplan-foor .ver-mid{
        margin-top: 70px;
    }
    .masterplan-foor .section-content-wrapper .section-content .section-title{
        font-size: 21px;
    }
   
}
@media(max-width:991px){
    .masterplan-foor .idf-content-right:before{display:none;}
    .masterplan-foor .section-content-wrapper .section-content{
        padding:15px 15px;
            text-align: center;
    }
    .masterplan-foor .section-content-wrapper .section-content .small br{display:none;}
    .masterplan-foor .tab-category{}
    .masterplan-foor #masterplan{margin-top:5px;}
    
}
@media(max-width:767px) {
    .masterplan-foor .dropdown .btn{
        font-size:14px;
    }
    .masterplan-foor .page-filter{
        margin-bottom:5px;
        position:relative;
        z-index:3;
    }
    
    .masterplan-foor .dropdown{
         margin-left: 0;
        margin-right: auto;
    }
    .masterplan-foor .tab-category{
        margin-right:0;
    }
}

.list-masterplan{display:flex; flex-wrap:wrap; padding:0; list-style:none;}
.list-masterplan li{ flex:0 0 50%; padding:2px 15px;}
.list-masterplan li a{
        display: block;
    background-color: rgba(203,159,84,1);
    border-radius: 8px;
        padding: 6px 20px;
            text-align: center;
            color:#fff;
}