@charset "UTF-8";
body{font-family: "Montserrat", sans-serif; font-optical-sizing: auto; color:#515151; font-size: 14px;}
body a{color:#1194D2; text-decoration: none;}
.container{max-width:1170px;}
.container .row{margin-left:0px; margin-right: 0px;}

#headBody{background-color:#000000; min-height:100px; padding-top: 33px;}
.homeBody #headBody{background-color: transparent; position: absolute; width:100%; z-index: 10;}
.homeBody #headBody .container{max-width:100%;}

#topMenu{margin-top: 5px;}
#topMenu .container-fluid{padding-right: 0px;}
#topMenu .nav-item{padding-right:37px;}
#topMenu .nav-item:last-child{padding-right:0px;}
#topMenu a{color:#FFFFFF; text-transform: uppercase; font-weight: 600; padding-left: 0px; padding-right: 0px; font-size: 14px;}
#topMenu a:hover{color:#1194D2;}
#topMenu a.active{color:#1194D2;}
#topMenu a.itemMnRes{display:none;}
@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu-sub{ display: none !important; }
	.navbar .nav-item .dropdown-menu{ display: none; }	
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }

    .dropdown-submenu:hover > .dropdown-menu-sub, .dropdown-submenu:focus > .dropdown-menu-sub{
        display: flex; flex-direction: column;  position: absolute !important; margin-top: -30px; left: 100%!important;
        display: block !important;
    }
}	
#topMenu .dropdown-menu{background-color: #222529; border-radius: 0px; text-transform: uppercase;}
#topMenu .dropdown-menu a{font-size: 12px; padding-left:12px; padding-right:12px;}
#topMenu .dropdown-menu a:hover{color: #1194D2; background-color: #222529;}

#footerBody{border-top:1px solid #999999; min-height: 115px;}
#footerBody .container .row{padding-top: 27px;}
#footerBody .social-network a{margin-right: 13px; display: inline-block;}
#footerBody .col-menu-footer a{color:#515151; font-size: 14px; margin-right: 30px;}
#footerBody .col-menu-footer a:hover, #footerBody .col-menu-footer a.active{color:#1194D2;}
#footerBody .col-menu-footer a:last-child{margin-right:0px;}

#home-banner{height:970px !important; width: 100%; overflow:hidden; position: relative;}
#home-banner  .home-video::before{content:' '; background-color: #000000; opacity: 0.5; width:100%; height: 100%; min-height: 970px; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
#home-banner  .home-video video{height: 100%; width: 100vw; min-width: 100%; object-fit: cover;}
#home-banner .camera_wrap{height:960px !important;}
#home-banner .camera_target_content{background-color: #000000; opacity: 0.5;}
#home-banner .camera_caption{display: none !important;}
#subpage-banner{height:355px; background-color: #999999;}
#camera .camera_caption .title{color:#FFF; font-size: 48px; text-transform: uppercase; font-weight: 400;}
#camera .camera_caption .line-yellow{display: none;}
#camera .camera_caption .preview{display: none; color:#FFF;}


#mainBody{padding-top: 80px; padding-bottom: 80px; min-height: 400px;}
#mainBody.artList{padding-top: 46px;}
#mainBody.contactPage{padding-bottom: 0px;}
.submenu-child{background-color:#222529; height: 55px; padding-top: 15px;}
.submenu-child a{color:#FFF; font-size: 12px; font-weight: 700; display: inline-block; margin-right: 30px; text-transform: uppercase;}
.submenu-child a:hover,.submenu-child a.active{color:#1194D2;}

/* Home */
.msgGrowing{position: relative; height: 999px; overflow: hidden;}
.msgGrowing .container{padding-left: 0px; padding-right: 0px;}
.msgGrowing .msg-intro{background-color: #FFF; /*bottom:-167px; position: relative;*/ font-size: 16px; line-height: 26px; width:100%; margin: auto; padding-top: 85px; position: relative; z-index: 2;}
.msgGrowing .msg-intro .intro{padding:62px 100px 79px 100px; }
.msgGrowing .msg-intro .title{font-size: 36px; font-weight: 700; line-height: 42px; text-align: center;}
.msgGrowing .msg-intro .title .txtblue{color:#1194D2;}
.msgGrowing .msg-intro .title .txtgreen{color:#47BEAB;}
.msgGrowing .bg-img{height:600px; width:100%; position: absolute; z-index: 1; bottom: 0;}

.msgGrowing.contactPBlk{height: 675px;}
.msgGrowing.contactPBlk .bg-img{height:545px;}
.msgGrowing.contactPBlk .infoContRow{width: 570px; bottom: -10px; position: relative; z-index: 2; background-color: #FFF; margin: 0 auto; text-align: center; font-size: 20px; padding: 32px;}
.msgGrowing.contactPBlk .info-name{font-weight: 600;}

/* Article Page */
.article-filter{clear: both; margin-bottom: 23px;}
.article-filter .col1{font-size: 16px; padding-top: 5px;}
.article-filter .form-select{border-radius: 0px; border:1px solid #515151;}

.article-list .item-row{border-bottom: 1px solid #cccccc;font-size: 16px;padding-top:23px; padding-bottom: 23px; padding-left: 0px;}
.article-list .item-row .date{margin-bottom:5px; font-size: 14px;}
.article-list .item-row a{color:#515151; font-size: 16px;}
.article-list .item-row a:hover{color:#1194D2;}

.article-list .item-row:first-child{padding-top: 0px;}
.article-list .item-row:last-child{border-bottom: 0px;}

.visionList .item-row{border-bottom: 0px; padding-bottom: 0px;}
.visionList .item-row .title{font-size: 20px; border-bottom: 1px solid #CCC; margin-bottom: 20px; padding-bottom: 4px;}
.visionList .item-row .preview{font-size: 16px; line-height: 26px;}

.personnel-list .groupCat .cat-title{font-size: 20px; color:#515151; padding-bottom: 3px; border-bottom: 1px solid #cccccc; margin-bottom: 20px; padding-bottom: 4px;}
.personnel-list .item-row{border-bottom: 0px; padding-bottom: 0px; padding-top: 0px; margin-bottom: 40px;}
.personnel-list .item-row .image{margin-bottom:14px;}
.personnel-list .item-row .title a{font-size: 16px; color:#1194D2; margin-bottom: 10px; font-weight: 700;}

.article-view{font-size: 16px; line-height: 26px; color:#515151;}
.article-view .viewall{color:#515151; font-size: 16px; margin-bottom:26px; display: inline-block; position: relative;}
.article-view .viewall img{margin-left: 10px; position: absolute; top:8px;}
.article-view .viewall:hover{color:#1194D2;}
.article-view h1{font-size: 32px; line-height: 42px; color:#515151; font-weight: 400; margin-bottom: 20px;}
.article-view .date{margin-bottom: 20px;}
.article-view h3, .article-view h4{font-size: 18px; font-weight: 700; margin-top: 30px;}
.article-view .container h3:first-child{margin-top: 0px;}
.article-view .info-company{padding: 0px; padding-right: 7px;}
.article-view .info-company .boardInfo{background-color: #E7F2F5; padding: 40px;}
.article-view .info-company .info{padding-top: 38px; line-height: 28px;}

/* Office Page */
.office-list .item-row{padding-right: 80px;}
.office-list .item-row .title{border-bottom: 1px solid #CCCCCC; font-size: 20px; margin-bottom: 20px; padding-bottom: 4px; color:#515151;}
.office-list .item-row .info{font-size: 16px; color:#515151;}

.article-stock p{text-align: center;}
.btn-stock{width:370px; height: 49px; margin: 0 auto; background: linear-gradient(to left,#1194D2 15%, #47BEAB 85%); border-radius: 25px; color:#FFF; font-size: 18px;
 padding-top: 9px; margin-top: 100px;
}

/* Contact Page */
.formContact .rowitem{margin-bottom: 25px;}
.formContact .rowitem:last-child{margin-bottom: 0px;}
.formContact .rowitem input,.formContact .rowitem textarea{border: 1px solid #515151; border-radius: 0px; padding:12px;}
.formContact .rowitem textarea{height: 230px;}
.formContact .rowitem button[type=submit]{width:170px; height: 40px; background-color: #47BEAB; border-radius: 0px; border: none; text-transform: uppercase;}
.formContact .form-control, .formContact textarea{font-size: 17px;}
.officeContact{font-size: 20px; line-height: 27px; margin-top: 65px;}
.officeContact .imgOffice img{max-width:100%;}
.officeContact .info-name{font-weight: 700;}
.contact-intro{margin-bottom: 40px;}
.contact-intro h1{font-size: 32px; font-weight: 700;}
.contact-intro .info-msg{font-size: 16px; line-height: 36px;}

@media screen and (min-width:1700px) and (max-width:1800px){
    #home-banner, #home-banner .camera_wrap{height:900px !important;}
}
@media screen and (min-width:1500px) and (max-width:1700px){
    #home-banner, #home-banner .camera_wrap{height:800px !important;}
}
@media screen and (min-width:1340px) and (max-width:1500px){
    #home-banner, #home-banner .camera_wrap{height:700px !important;}
}
@media screen and (min-width:1140px) and (max-width:1340px){
    #home-banner, #home-banner .camera_wrap{height:600px !important;}
}
@media screen and (min-width:320px) and (max-width:1156px){
    .article-view .info-company img{max-width: 100% !important;}
    .article-view iframe{width: 100% !important;}
}
@media screen and (min-width:960px) and (max-width:1140px){
    #home-banner, #home-banner .camera_wrap{height:500px !important;}
}
@media screen and (min-width:320px) and (max-width:1060px){
    #topMenu .nav-item{padding-right:5px;}
    .msgGrowing .msg-intro{padding-top:55px; width:98%;}
    .navbar-toggler{float: right; color: #FFF; background-color: #FFF; margin-left: auto; top: -5px; position: relative;}
    #topMenu .nav-item:last-child{padding-right: 5px;}
}
@media screen and (min-width:320px) and (max-width:990px){
    #headBody .logo{position: relative; z-index: 20;}
    #topMenu{position: absolute; right:0; z-index: 11; width: 100%; text-align: left;}
    #topMenu a.itemMnRes{display:block;}
    #topMenu a.itemMnPC{display:none;}
    #topMenu .navbar-toggler{margin-right: 10px;}
    #topMenu .container-fluid{padding-left: 0px; padding-right: 0px;}
    #navbarSupportedContent{background-color: #000000; width: 100%; padding-left: 10px; padding-top: 15px;}
    #topMenu .dropdown-menu{text-align: left;}
    #topMenu .dropdown-menu .dropdown-menu-sub{padding-left: 10px;}
}
@media screen and (min-width:740px) and (max-width:960px){
    #home-banner, #home-banner .camera_wrap{height:400px !important;}
}
@media screen and (min-width:320px) and (max-width:900px){
    .article-view .info-company, .article-view .info-company + div{width: 100%; margin-bottom: 20px; padding-left:0px; padding-right: 0px;}    
}
@media screen and (min-width:320px) and (max-width:800px){
    .msgGrowing .msg-intro .intro {padding: 60px;}
}
@media screen and (min-width:320px) and (max-width:767px){
    .submenu-child{padding-bottom: 15px; height: auto;}
    .submenu-child .menulink{text-align: left;}
    .submenu-child .menulink a{margin-bottom: 10px;}

    #home-banner, #home-banner .camera_wrap{height: 100dvh !important;}
    #home-banner .home-video::before{z-index: 2;}
    #home-banner .home-video video{position: absolute;}
}
@media screen and (min-width:320px) and (max-width:740px){
    /*#home-banner, #home-banner .camera_wrap{height:300px !important;}*/
    .submenu-child {height: 2px; display: none;}
    .submenu-child .menulink{display: none;}
    .msgGrowing .msg-intro .title{font-size: 30px;}
}
@media screen and (min-width:320px) and (max-width:600px){
    .col-menu-footer a{width:48%; float:left; margin-right: 0px !important; margin-bottom: 10px; text-align: left;}
    #camera .camera_caption .title{font-size: 38px;}
    #subpage-banner, #subpage-banner .camera_wrap{height:250px !important;}
    #subpage-banner .camera_wrap img{/*max-height: 250px;*/ height: /*250px*/ auto !important; width: 100% !important;}
}
@media screen and (min-width:320px) and (max-width:576px){
    .personnel-list .item-row{text-align: center;}
    .col-menu-footer{margin-top: 20px; width:100%;} 
    .msgGrowing.contactPBlk .infoContRow{width: 100%;}
}
@media screen and (min-width:320px) and (max-width:520px){
    /*#home-banner, #home-banner .camera_wrap{height:250px !important;}*/
}
@media screen and (min-width:320px) and (max-width:500px){
    .msgGrowing .msg-intro .intro {padding:40px 20px 20px 20px;}    
    #headBody .logo img{width:150px;}
    .msgGrowing{overflow: auto; min-height: 999px; height: auto;}
    .msgGrowing.contactPBlk{min-height:675px; font-size: 16px;}
    #camera .camera_caption .title{font-size: 30px;}
    #subpage-banner, #subpage-banner .camera_wrap{height:200px !important;}
    /*#subpage-banner .camera_wrap img{max-height: 200px; height: 200px !important;  width: auto !important;}*/
}
@media screen and (min-width:320px) and (max-width:450px){
    /*#home-banner, #home-banner .camera_wrap{height:220px !important;}*/
    .msgGrowing{min-height:auto; padding-bottom: 150px;}
    #subpage-banner, #subpage-banner .camera_wrap{height:180px !important;}
}
@media screen and (min-width:320px) and (max-width:400px){
    .btn-stock{width:90%;}
    /*#home-banner, #home-banner .camera_wrap{height:200px !important;}*/
    #subpage-banner, #subpage-banner .camera_wrap{height:160px !important;}
    #camera .camera_caption .title {font-size: 26px;}
}
@media screen and (min-width:320px) and (max-width:350px){   
    /*#home-banner, #home-banner .camera_wrap{height:180px !important;}*/
    #subpage-banner, #subpage-banner .camera_wrap{height:140px !important;}
}