@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Oxygen:400,300,700&subset=latin,latin-ext);

body {
    font-family: 'Oxygen', sans-serif;
    font-weight: 300;
    background-color: #c1b037;
}

a,
a:hover,
a:focus,
a:active { text-decoration: none; color: #3a3a3a; outline: 0; }


h1,h2,h3,h4,h5,h6 { color: #3a3a3a; }


/* Short Codes *****************************************************/

.f3 {font-weight: 300;}
.f4 {font-weight: 400;}
.f5 {font-weight: 500;}
.f6 {font-weight: 600;}
.f7 {font-weight: 700;}
.f8 {font-weight: 800;}
.f9 {font-weight: 900;}

.m0 { margin: 0px; }
.mT15 {margin-top: 15px;}
.mB15 {margin-bottom: 15px;}
.mT30 {margin-top: 30px;}
.mB30 {margin-bottom: 30px;}

.p0 { padding: 0px; }
.pT15 {padding-top: 15px;}
.pB15 {padding-bottom: 15px;}
.pT30 {padding-top: 30px;}
.pB30 {padding-bottom: 30px;}

.pR { position: relative; }
.db { display: block !important; }
.dib { display: inline-block !important; }
.w100 { float: left; width: 100%; }
.w50 { float: left; width: 50%; }
.eclipse { overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.flexCC { display: flex; display: -ms-flex; align-items:center; justify-content:center; }
.flexCR { display: flex; display: -ms-flex; align-items:center; justify-content:flex-end; }
.flexCL { display: flex; display: -ms-flex; align-items:center; justify-content:flex-start; }
.flexCB { display: flex; display: -ms-flex; align-items:center; justify-content:space-between; }
.flexCA { display: flex; display: -ms-flex; align-items:center; justify-content:space-around; }

.tW {color: #fff !important;}
.tW a {color: #fff !important;}
.bW {background-color: #fff !important;}

.tB {color: #000 !important;}
.tB a {color: #000 !important;}
.bB {background-color: #000 !important;}

.tG {color: #f8f8f8 !important;}
.tG a {color: #f8f8f8 !important;}
.bG {background-color: #f8f8f8 !important;}

.tY {color: #c1b037 !important;}
.tY a {color: #c1b037 !important;}
.bY {background-color: #c1b037   !important;}

.trl { -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.trlX { -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); }
.trlY { -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.cover { background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }
.contain { background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; }


/* Buttons *********************************************************/

.btn1 { display: inline-block; padding: 8px 20px; color:#2f2f2f; background-color: transparent; font-weight: 700; font-size: 12px; text-align: center; border: 1px solid #b0a50f; border-radius: 0px; }
.btn1.sm { padding: 6px 15px; font-size: 13px; }
.btn1.xs { padding: 4px 5px; font-size: 12px; }
.btn1 i { margin-right: 5px; }
.btn1:focus,
.btn1:hover { background-color: #b0a50f; color:#fff; }


/*******************************************************************/


/* Share Buttons ***************************************************/


.share-box { float: left; display: block; width: 100%; margin-top: 15px; padding-top: 15px; border-top: 1px dashed #ccc; }
.share-box .share-caption { margin-top: 0px; font-weight: 700; }
.btnShare { float: left; display: inline-block; padding: 7px 20px; margin-right: 5px; margin-bottom: 5px; color:#555; background-color: #fff; font-weight: 400; font-size: 12px; text-align: center; border-radius: 0px; }
.btnShare.circle { border-radius: 40px; }
.btnShare i { font-family: 'FontAwesome'; opacity: 0.9; }
.btnShare span { margin-left: 5px; }
.btnShare:focus,
.btnShare:hover {  }

.btnShare:focus i,
.btnShare:hover i { opacity: 1; }

.btnShare.facebook { background-color: #3b5998; color: white; }
.btnShare.facebook:hover { background-color: #304d8a; }
.btnShare.facebook i:after { content: '\f09a'; }

.btnShare.twitter { background-color: #0084b4; color: white; }
.btnShare.twitter:hover { background-color: #00719b; }
.btnShare.twitter i:after { content: '\f099'; }

.btnShare.google-plus { background-color: #dc4a38; color: white; }
.btnShare.google-plus:hover { background-color: #de321d; }
.btnShare.google-plus i:after { content: '\f0d5'; }

.btnShare.instagram { background-color: #49769c; color: white; }
.btnShare.instagram:hover { background-color: #3d698e; }
.btnShare.instagram i:after { content: '\f16d'; }

.btnShare.linkedin { background-color: #1f88be; color: white; }
.btnShare.linkedin:hover { background-color: #147baf; }
.btnShare.linkedin i:after { content: '\f0e1'; }



/*******************************************************************/




/* Custom CSS Desing ***********************************************/

.captionCenter { position: relative; text-align: center; margin-top: 0px; margin-bottom: 15px; padding-bottom: 10px; font-size: 24px; font-weight: 700; color: #b0a50f; }
.captionCenter:before { content: ''; position: absolute; width: 26px; height: 2px; bottom: -1px; left: 50%; margin-left: -13px; background-color: #b0a50f; }

.captionLeft { position: relative; text-align: left; margin-top: 0px; margin-bottom: 15px; padding-bottom: 10px; font-size: 24px; font-weight: 700; color: #b0a50f; }
.captionLeft:before { content: ''; position: absolute; width: 26px; height: 2px; bottom: -1px; left: 0%;  background-color: #b0a50f; }

.navbar-toggle { border-radius: 0px; border-color: transparent !important; background-color: transparent; }
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover { background-color: transparent; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-toggle.collapsed .icon-bar:nth-child(1) { transform: none; -webkit-transform:none; }
.navbar-toggle.collapsed .icon-bar:nth-child(2) { opacity: 1; }
.navbar-toggle.collapsed .icon-bar:nth-child(3) { transform: none; -webkit-transform:none; }

.navbar-toggle .icon-bar:nth-child(1) { transform: rotate(45deg)translate(4px, 4px); -webkit-transform: rotate(45deg)translate(4px, 4px); -moz-transform: rotate(45deg)translate(4px, 4px); -ms-transform: rotate(45deg)translate(4px, 4px); -o-transform: rotate(45deg)translate(4px, 4px); }
.navbar-toggle .icon-bar:nth-child(2) { opacity: 0; }
.navbar-toggle .icon-bar:nth-child(3) { transform: rotate(-45deg)translate(5px, -5px); -webkit-transform: rotate(-45deg)translate(5px, -5px); -moz-transform: rotate(-45deg)translate(5px, -5px); -ms-transform: rotate(-45deg)translate(5px, -5px); -o-transform: rotate(-45deg)translate(5px, -5px); }

.form-control { border-radius: 0px; border: 1px solid #c1b037; height: 60px; box-shadow: none; }
.form-control:focus { border-color: #2f2f2f; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0, 0, 0, 0.29); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0, 0, 0, 0.29); }

.pagination>li>a,
.pagination>li>span { margin: 0px 2px; border: 1px solid #eeeeee; font-weight: 700; color: #b0a50f; }

.pagination>li:first-child>a,
.pagination>li:first-child>span { border-radius: 0px; }
.pagination>li:last-child>a,
.pagination>li:last-child>span { border-radius: 0px; }
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover { border-color: #b0a50f; background-color: #b0a50f; color: #fff; }

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover { background-color: #b0a50f; border-color: #b0a50f; }

.menuBack { position: absolute; background-color: #c1b037; mix-blend-mode: multiply; }

.owl-theme .owl-controls .owl-page span { background: #2f2f2f; opacity: 1; }
.owl-theme .owl-controls .owl-page.active span { background: #c3b233; opacity: 1; }

.modal-content { border-radius: 0px; }

.modal { perspective:1000px; -webkit-perspective:1000px; -moz-perspective:1000px; -ms-perspective:1000px; -o-perspective:1000px; }
.modal.fade .modal-dialog {
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

.modal.fade.in .modal-dialog {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
}

/*******************************************************************/


/* TRANSITION ******************************************************/

.navbar-nav>li>a,
.navbar-nav>li>a:before,
.btn1,
.btnShare,
.team-box .text,
.team-box .img {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

/*******************************************************************/



/* HEADER **********************************************************/

#header { position: absolute; width: 100%; left: 0; top: 0; z-index: 99; }
#header.subpages { position: relative; background-color: #c1b037; }
#header .navbar { border: none; border-radius: 0px; background-color: transparent; margin-bottom: 0px; }
#header .navbar-brand { height: 100px; padding: 0px 15px; }
#header .navbar-brand img { height: 100px; }
#header .navbar-nav { margin-top: 25px; }
#header .navbar-nav>li>a { position: relative; z-index: 2; overflow: hidden; padding: 14px 10px; font-weight: 400; color: white; }
#header .navbar-nav>li>a:before { content: ''; position: absolute; width: 100%; height: 0; background-color: white; bottom: 0; left: 0; z-index: -1; }

#header .navbar-nav>li>a:focus:before,
#header .navbar-nav>li>a:hover:before { height: 3px; }

#header .navbar-nav>.open>a,
#header .navbar-nav>.open>a:focus,
#header .navbar-nav>.open>a:hover { background-color: transparent; }

#header .navbar-nav>.open>a:before,
#header .navbar-nav>.open>a:focus:before,
#header .navbar-nav>.open>a:hover:before { height: 3px; }

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

#header .navbar-nav>.active>a:before,
#header .navbar-nav>.active>a:focus:before,
#header .navbar-nav>.active>a:hover:before { height: 3px; }

#header .dropdown-menu { padding: 0px; border: none; border-radius: 0; }
#header .dropdown-menu>li>a { padding: 8px 20px; }
#header .dropdown-menu>li>a:hover { color: white; background-color: #c1b037; }

/*******************************************************************/


/* MAIN ************************************************************/

#main { background-color: white; }
#main .banner {  }
#main .banner .bread { height: 200px; }
#main .main-company { padding: 15px 0px; }
#main .main-company .caption { font-size: 16px; }
#main .main-company .right { padding-left: 80px; }
#main .main-company .right header { position: relative; }
#main .main-company .right header:before { content: ''; position: absolute; width: 50px; height: 82px; left: -60px; top: 0; background: url(../img/main-company-icon.png) no-repeat center center; }

#main .main-team { padding: 50px 0px; }
#main .main-team .team-box { position: relative; overflow: hidden; }
#main .main-team .team-box .img { position: relative; width: 100%; }
#main .main-team .team-box .text { position: absolute; width: 100%; left: 0; bottom: 0; border-bottom: 2px solid transparent; text-align: center; background-color: white; padding: 30px 0px; }
#main .main-team .team-box .text figcaption { font-size: 15px; }
#main .main-team .team-box:hover .text { border-bottom: 2px solid #b0a50f; padding: 60px 0px; }
#main .main-team .team-box:hover .img { transform:translateY(-40px); -webkit-transform:translateY(-40px); -moz-transform:translateY(-40px); -ms-transform:translateY(-40px); -o-transform:translateY(-40px); }

#main .main-service .box { position: relative; margin: 15px 0px; padding: 10px 45px 10px 90px; font-size: 13px; border-right: 1px solid #b0a50f; }
#main .main-service .box p { margin-bottom: 0px; height: 54px; overflow: hidden; }
#main .main-service .box img { position: absolute; width: 60px; left: 15px; top: 10%; }
#main .main-service .box svg { position: absolute; width: 60px; left: 15px; top: 10%; }
#main .main-service .box svg * { fill: #b0a50f; }
#main .main-service .box .caption { font-size: 14px; font-weight: 700; }

#main .main-service .box:hover { background-color: #b0a50f; color: white; }
#main .main-service .box:hover .caption { color: white; }
#main .main-service .box:hover svg * { fill:#fff; }

#main .main-service a.service-link:nth-child(2n) .box { border-right: none; }

#main .main-service .left { position: relative; z-index: 2; }
#main .main-service .left .img { max-width: 100%; max-height: 100%; }
#main .main-service .left .back-img { position: absolute; height: 100%; top: 0; right: 0; z-index: -1; }
#main .main-service .left .back-img:before { content: ''; position: absolute; width: 100%; height: 100%; background-color: rgba(255,255,255,0.69); }

#main .main-news-contact { padding: 65px 0px; }
#main .main-news-contact .news {  }
#main .main-news-contact .news .box { position: relative; }
#main .main-news-contact .news .box .img { width: 100%; }
#main .main-news-contact .news .box p { font-size: 13px; height: 54px; overflow: hidden; }
#main .main-news-contact .news .box .caption { position: relative; margin-top: 10px; padding-top: 10px; margin-bottom: 10px; font-size: 14px; font-weight: 700; }
#main .main-news-contact .news .box .caption:before { content: ''; position: absolute; width: 25px; height: 2px; top: 0; left: 0; background-color: #c1b037; }
#main .main-news-contact .news .box .date { position: absolute; width: 70px; height: 80px; top: 10px; right: 10px; z-index: 2; background-color: #c1b037; color: white; }
#main .main-news-contact .news .box .date .day { font-weight: 700; font-size: 18px; }
#main .main-news-contact .news .box .date .month { font-size: 11px; text-transform: uppercase; }

#main .main-news-contact .contact { position: relative; padding: 65px 15px 25px 20px; z-index: 2; }
#main .main-news-contact .contact .contact-back { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f8f8f8; z-index: -2; }
#main .main-news-contact .contact .contact-content { padding: 20px 30px; background-color: white; }
#main .main-news-contact .contact .contact-content .phone { padding-left: 50px; font-weight: 700; font-size: 14px; border-right: 1px solid #c1b037; background-image: url(../img/phone.svg); background-position: 10px center; background-repeat: no-repeat; background-size: 30px; }
#main .main-news-contact .contact .contact-content .phone .middle { font-size: 18px; }
#main .main-news-contact .contact .contact-content .phone .big { font-size: 24px; }

#main .main-news-contact .contact .contact-content .mail { padding: 50px 0px 0px 0px; text-align: center; background-image: url(../img/mail.svg); background-position: top center; background-repeat: no-repeat; background-size: 40px; }
#main .main-news-contact .contact .contact-content .map { padding: 0px 0px 0px 60px; background-image: url(../img/map.svg); background-position: 5px center; background-repeat: no-repeat; background-size: 40px; }
#main .main-news-contact .contact .contact-content .social { padding: 0px; margin: 0px; list-style-type: none; display: flex; display: -webkit-flex; justify-content:space-around; }
#main .main-news-contact .contact .contact-content .social li { float: left; }
#main .main-news-contact .contact .contact-content .social li a { display: block; }
#main .main-news-contact .contact .contact-content .social li a i { width: 80px; height: 80px; line-height: 80px; text-align: center; font-size: 45px; color: white; }
#main .main-news-contact .contact .contact-content .social li a i.fa-facebook { background-color: #0054a6; }
#main .main-news-contact .contact .contact-content .social li a i.fa-twitter { background-color: #00aeef; }
#main .main-news-contact .contact .contact-content .social li a i.fa-google-plus { background-color: #ed1c24; }

#main .people-resource { padding-top: 20px; }
#main .people-resource .upload-box { width: 100%; height: 60px; border: 1px solid #c1b037; margin-bottom: 15px; padding: 6px 60px 6px 12px; font-size: 12px; cursor: pointer; display: flex; display: -webkit-flex; align-items:center; background: url(../img/upload.svg) no-repeat; background-size: 55px; background-position: right center; }
#main .people-resource .upload-label { width: 100%;  }
#main .people-resource .upload-input { display: none; }
#main .people-resource .upload-btn { width: 100%; border: none; height: 60px; background-color: #2f2f2f; color: white; font-weight: 700; }
#main .people-resource .form {  }
#main .people-resource .form input { color: #2f2f2f; font-weight: 700; }
#main .people-resource .form input[placeholer] { color: #2f2f2f; font-weight: 700; font-size: 12px; }
#main .people-resource .form input::-moz-placeholder { color: #2f2f2f; font-weight: 700; font-size: 12px; }
#main .people-resource .form input:-moz-placeholder { color: #2f2f2f; font-weight: 700; font-size: 12px; }
#main .people-resource .form input::-webkit-input-placeholder { color: #2f2f2f; font-weight: 700; font-size: 12px; }
#main .people-resource .form input:-ms-input-placeholder { color: #2f2f2f; font-weight: 700; font-size: 12px; }
#main .people-resource .form-group { margin-bottom: 10px; }


#main .content {  }
#main .content .content-body { float: left; width: 100%; padding: 30px 0px; }
#main .content .content-body figure.page-figure { margin-bottom: 15px; box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.3); }
#main .content .content-body figure.page-figure img { width: 100%; }


#main .content .content-body .team-box { position: relative; overflow: hidden; cursor: pointer; }
#main .content .content-body .team-box .img { position: relative; width: 100%; }
#main .content .content-body .team-box .text { position: absolute; width: 100%; left: 0; bottom: 0; border-bottom: 2px solid transparent; text-align: center; background-color: white; padding: 30px 0px; }
#main .content .content-body .team-box .text figcaption { font-size: 15px; }
#main .content .content-body .team-box:hover .text { border-bottom: 2px solid #b0a50f; padding: 60px 0px; }
#main .content .content-body .team-box:hover .img { transform:translateY(-40px); -webkit-transform:translateY(-40px); -moz-transform:translateY(-40px); -ms-transform:translateY(-40px); -o-transform:translateY(-40px); }

#main .service .box { position: relative; margin: 15px 0px; padding: 10px 45px 10px 90px; font-size: 14px; border-right: 1px solid #b0a50f; }
#main .service .box p { margin-bottom: 0px; height: 56px; overflow: hidden; }
#main .service .box img { position: absolute; width: 60px; left: 15px; top: 10%; }
#main .service .box svg { position: absolute; width: 60px; left: 15px; top: 10%; }
#main .service .box svg * { fill: #b0a50f; }
#main .service .box .caption { font-size: 14px; font-weight: 700; }

#main .service .box:hover { background-color: #b0a50f; color: white; }
#main .service .box:hover .caption { color: white; }
#main .service .box:hover svg * { fill:#fff; }
#main .service a.service-link:nth-child(2n) .box { border-right: none; }
#main .service .service-icon { float: left; width: 100%; text-align: center; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #c1b037; }
#main .service .service-icon img { width: 100px; }
#main .service .service-icon svg { width: 100px; }

#main .content-body .upload-box { width: 100%; height: 60px; border: 1px solid #c1b037; margin-bottom: 15px; padding: 6px 60px 6px 12px; font-size: 12px; cursor: pointer; display: flex; display: -webkit-flex; align-items:center; background: url(../img/upload.svg) no-repeat; background-size: 55px; background-position: right center; }
#main .content-body .upload-label { width: 100%;  }
#main .content-body .upload-input { display: none; }
#main .content-body .upload-btn { width: 100%; border: none; height: 60px; background-color: #2f2f2f; color: white; font-weight: 700; }
#main .content-body .form { margin-top: 15px; }
#main .content-body .form input { color: #2f2f2f; font-weight: 700; }
#main .content-body .form input[placeholer] { color: #2f2f2f; font-weight: 700; font-size: 12px; }
#main .content-body .form input::-moz-placeholder { color: #2f2f2f; font-weight: 700; font-size: 12px; }
#main .content-body .form input:-moz-placeholder { color: #2f2f2f; font-weight: 700; font-size: 12px; }
#main .content-body .form input::-webkit-input-placeholder { color: #2f2f2f; font-weight: 700; font-size: 12px; }
#main .content-body .form input:-ms-input-placeholder { color: #2f2f2f; font-weight: 700; font-size: 12px; }
#main .content-body .form-group { margin-bottom: 10px; }

#main .content-body .news { margin-top: 0px; float: left; }
#main .content-body .news .box { position: relative; float: left; }
#main .content-body .news .box .img { width: 100%; }
#main .content-body .news .box p { font-size: 13px; height: 54px; overflow: hidden; }
#main .content-body .news .box .caption { position: relative; margin-top: 10px; padding-top: 10px; margin-bottom: 10px; font-size: 14px; font-weight: 700; }
#main .content-body .news .box .caption:before { content: ''; position: absolute; width: 25px; height: 2px; top: 0; left: 0; background-color: #c1b037; }
#main .content-body .news .box .date { position: absolute; width: 70px; height: 80px; top: 10px; right: 10px; z-index: 2; background-color: #c1b037; color: white; }
#main .content-body .news .box .date .day { font-weight: 700; font-size: 18px; }
#main .content-body .news .box .date .month { font-size: 11px; text-transform: uppercase; }

#main .content-body .news-detail { float: left; }
#main .content-body .news-detail .news-detail-img { float: left; padding-right: 20px; padding-bottom: 15px; position: relative; }
#main .content-body .news-detail .news-detail-img img { width: 300px; max-width: 100%; }
#main .content-body .news-detail .caption { position: relative; font-weight: 700; display: inline-block; margin-bottom: 15px; padding-bottom: 15px; font-size: 18px; }
#main .content-body .news-detail .caption:after { content: ''; position: absolute; width: 26px; height: 2px; bottom: -1px; left: 0px; background-color: black; }
#main .content-body .news-detail .news-detail-img .date { position: absolute; width: 70px; height: 80px; top: 10px; left: 10px; z-index: 2; background-color: #c1b037; color: white; }
#main .content-body .news-detail .news-detail-img .date .day { font-weight: 700; font-size: 18px; }
#main .content-body .news-detail .news-detail-img .date .month { font-size: 11px; text-transform: uppercase; }

#main .contact-page .phone { padding-top: 65px; font-size: 16px; font-weight: 700; background-image: url(../img/phone.svg); background-position:top center; text-align: center; background-repeat: no-repeat; background-size: 30px; }
#main .contact-page .mail { padding: 65px 0px 0px 0px; font-size: 16px; font-weight: 700; text-align: center; background-image: url(../img/mail.svg); background-position: top center; background-repeat: no-repeat; background-size: 40px; }
#main .contact-page .map { padding: 65px 0px 0px 0px; font-size: 16px; font-weight: 700; background-image: url(../img/map.svg); background-position: top center; text-align: center; background-repeat: no-repeat; background-size: 40px; }


/*******************************************************************/




/* FOOTER **********************************************************/

#footer { padding: 30px 0px; }
#footer .footer-box { height: 100px; }
#footer .copyright-box { height: 50px; color: white; }
#footer .phone { color: white; padding-left: 60px; font-weight: 700; font-size: 14px; border-right: 1px solid #c1b037; background-image: url(../img/phone-white.svg); background-position: 10px center; background-repeat: no-repeat; background-size: 30px; }
#footer .phone a { color: white; }
#footer .phone .middle { font-size: 18px; }
#footer .phone .big { font-size: 24px; }
#footer .map { width: 80%; color: white; padding: 0px 0px 0px 60px; background-image: url(../img/map-white.svg); background-position: 5px center; background-repeat: no-repeat; background-size: 40px; }


/*******************************************************************/






/* Responsive ******************************************************/


/* SM Mobil Menu */
@media (max-width: 991px) {
    .navbar-header { float: none; }
    .navbar-toggle { display: block; }
    .navbar-collapse { border-top: 2px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
    .navbar-collapse.collapse { display: none!important; }
    .navbar-nav { float: none!important; }
    .navbar-nav>li { float: none; }
    .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
    .navbar-text { float: none; margin: 15px 0; }
    .navbar-collapse.collapse.in { display: block!important; }
    .collapsing { overflow: hidden!important; }
    .navbar-brand { position: relative; }
}


/* XS */
@media (max-width: 767px) {
    .btnShare { padding: 0px; }
    .btnShare.circle { border-radius: 50%; }
    .btnShare i { margin-right: 0px; width: 31px; height: 31px; line-height: 31px; text-align: center; }
    .btnShare span { display: none; }

    #header { position: relative; }
    #header .navbar { background-color: #c1b037; }
    #header .navbar-brand { height: 50px; }
    #header .navbar-brand img { height: 50px; }
    #main .main-service .box { border-right: none; width: 100%; }
    #main .service .box { border-right: none; width: 100%; }
    #main .main-news-contact .contact .contact-content .phone { border-right: none; padding-left: 0px; padding-top: 65px; background-position:top center; text-align: center; }
    #main .main-news-contact .contact .contact-content .map { padding: 60px 0px 0px 0px; background-position: top center; text-align: center; }
    #main .main-news-contact .contact .contact-content .social li a i { width: 40px; height: 40px; line-height: 40px; font-size: 24px; }
    #main .people-resource form { margin-bottom: 30px; }
    #footer .footer-box { justify-content:center; }
    #footer .copyright-box { justify-content:center; }
    #header .navbar-nav { margin-top: 0px; margin-bottom: 0px; }
    #header .navbar-nav>li>a { text-align: center; }
    #header .navbar-nav>li>a:hover,
    #header .navbar-nav>li>a:focus { background-color: white; color: #2f2f2f; }
    #header .navbar-nav>.active>a { background-color: white; color: #2f2f2f; }
    #header .navbar-nav>.active>a:hover,
    #header .navbar-nav>.active>a:focus { background-color: white; color: #2f2f2f; }
    #header .navbar-nav>li>a:before,
    #header .navbar-nav>li>a:before { display: none; }
    #main .content-body .news-detail .news-detail-img { width: 100%; padding-right: 0px; }
    #main .content-body .news-detail .news-detail-img a { display: block !important; }
    #main .content-body .news-detail .news-detail-img img { width: 100%; }
}

/* SM */
@media (min-width: 768px) and (max-width: 991px) {
    #header { position: relative; }
    #header .navbar { background-color: #c1b037; }
    #header .navbar-brand { height: 50px; }
    #header .navbar-brand img { height: 50px; }
    #header .navbar-nav { margin-top: 0px; margin-bottom: 0px; }
    #header .navbar-nav>li>a { position: relative; z-index: 2; text-align: center; }
    #header .navbar-nav>li>a:before { z-index: -1; }
    #header .navbar-nav>li>a:hover,
    #header .navbar-nav>li>a:focus { color: #2f2f2f; }
    #header .navbar-nav>li>a:focus:before,
    #header .navbar-nav>li>a:hover:before { height: 100%; }
    #main .main-team .team-box .text { padding: 15px 0px; }
    #main .main-team .team-box:hover .text { padding: 20px 0px; }
    #main .main-team .team-box:hover .img { transform:translateY(-10px); -webkit-transform:translateY(-10px); -moz-transform:translateY(-10px); -ms-transform:translateY(-10px); -o-transform:translateY(-10px); }
    #main .main-service .left .back-img { width: 100% !important; }
    #main .main-service .left { margin-bottom: 30px; }

}
/* MD */
@media (min-width: 992px) and (max-width: 1199px) {
    .dropdown:hover .dropdown-menu { display: block; }
}

/* LG */
@media (min-width: 1200px) {
    .dropdown:hover .dropdown-menu { display: block; }
}