@font-face {font-family: 'Robot';src: url(/font/Roboto-Medium.ttf);} 
.row{margin:0;}
html,body {height: 100%;font-family:Robot;} 
header{width:100%;position:fixed;z-index:16;padding: 10px 0;transition:all 0.3s;background:#1a1a1a;}
.opa-bg{background: rgba(0,0,0,0.3);}
.scrolled{background:#1a1a1a;}
.contain_header{border-bottom:1px solid white;}
.logo{width:100%;float:left;}
.logo img{width:100%;}
ul.navigator{color:white;padding: 1% 0;margin: 0;float: right;width: 55%;}
ul.navigator li.chl{list-style:none;float:left;position:relative;}
ul.navigator li.chl a{line-height: 60px;padding: 35px 18px;text-align:center;color:white;text-decoration:none;font-size:12pt;font-family:Robot;transition:all 0.3s;}
ul.navigator li.chl a:hover{color:#FEC900;}
ul.navigator li.drop:hover .sub-nav{display:block;}
ul.sub-nav{position:absolute;width:150px;background:#E8E8E8;padding:0;top: 72px;right: 0;display:none;z-index:9;}
ul.sub-nav li.sb-chl{width:100%;float:left;list-style:none;transition:all 0.3s;}
ul.sub-nav li.sb-chl a{padding:10px 15px;margin:5px 0;font-size:11pt;text-decoration:none;color:#1a1a1a;transition:all 0.3s;width: 100%;float: left;text-align: left;line-height: 15px;}
ul.sub-nav li.sb-chl a:hover{color:#fff;}
ul.sub-nav li.sb-chl:hover{background:#333;color:#fff;}
ul.sub-nav li.ch-drop:hover .sup-nav{display:block;}
ul.sup-nav{position:absolute;width:120%;background:#333;padding:0;top: 0;right: 100%;display:none;transition:all 0.3s;z-index:9;}
ul.sup-nav li{list-style:none;font-size:11pt;width:100%;float:left;transition:all 0.3s;}
ul.sup-nav li.sup-chl a{padding:10px 10px;color:white;width:100%;float:left;line-height:15px;font-size:11pt;transition:all 0.3s;}
ul.sup-nav li.sup-chl:hover{background:#F5F5F5;}
ul.sup-nav li.sup-chl:hover a{color:white;}
ul.sup-nav li.sup-chl a:hover{color:#1a1a1a;}
/*----------------------------------------------------------------------------*/
.navigator{display:block;}
.m-navigator{float:left;}
.col-m-nav{width:100%;float:left;display:none;}
.im-nav{position:absolute;}
.im-nav i{font-size:20pt;text-align: right;color: white;padding-top: 70%;cursor:pointer;}
ul.mnav-bar{width:170px;background:#f1f1f1;right: 100%;position: absolute;top: 62px;padding:0;margin: 0;box-shadow:0px 0px 5px #999;display:none;}
ul.mnav-bar li.m-chl{width:100%;float:left;list-style:none;}
ul.mnav-bar li.m-chl a{padding: 5% 15%;width: 100%;float: left;text-align: center;text-decoration:none;color:black;transition:all 0.3s}
ul.mnav-bar li.m-chl a:hover{background:black;color:white;}
ul.mnav-bar li.mch-drop:hover ul.m-subchl{display:block;}
ul.m-subchl{width:140px;background:#f1f1f1;position:absolute;left: -83%;padding:0;margin:0;box-shadow:0px 0px 5px #999;display:none;}
ul.m-subchl li.msub-chl{list-style:none;width:100%;float:left;}
ul.m-subchl li.msub-chl a{width:100%;float:left;padding:5% 12%;text-align:center;transition:all 0.3s;}
ul.m-subchl li.msub-chl a:hover{background:black;color:white;}
ul.m-subchl li.msub-chldrop:hover ul.m-subcolchl{display:block;}
ul.m-subcolchl{position:absolute;width:175px;left:-126%;padding:0;margin:0;background:#f1f1f1;box-shadow:0px 0px 5px #999;display:none;}
ul.m-subcolchl li.msublistchl{list-style:none;width:100%;float:left;}
ul.m-subcolchl li.msublistchl a{text-decoration:none;color:black;padding:4% 15%;}
/*----------------------------------------------------------------------------*/
section{width:100%;padding:80px 0;background:white;}
.carousel-caption h2{font-family:Robot;text-transform:uppercase;font-size:32pt;}
.title-desc{font-size:12pt;}
.fiture h2{font-size:28pt;text-align:center;color:#000;font-family:Robot;}
.ft-main{margin-top:50px;color:#515A5F;}
.ft-main, .ft-box, .ft-symbol, .ft-title, .ft-desc{width:100%;float:left;}
.ft-box{text-align:center;padding:40px 20px;box-shadow: 0 0 3px 0 rgba(130, 121, 121, 0.6);transition:all 0.5s;cursor:pointer;}
.ft-symbol i {font-size: 42pt;color:#83D1F5;}
.ft-title h3{font-weight:bold;font-family:Robot;}
.ft-box:hover{background:#515A5F;color:#fff;}
.ft-bar{margin-top:35px;}
.sec-symbl{padding-top: 30px;padding-bottom: 100px;}
.hol-int{position:relative;background:#EDEDED;}
.hol-desc{min-height:500px;padding-left: 60px;}
.hol-disply{min-height:500px;background:url('../img/holodeck full color.jpg');background-attachment:fixed;background-size:contain;background-repeat:no-repeat;width: 50%;position: absolute;z-index:1;}
.hol-desc h3{font-size:28pt;margin-top:15%;margin-bottom:10%;color:#000;}
.hol-desc p{padding:0;text-align:justify;line-height: 25px;}
.desc_{padding:30px 0;}
.cl-row h2{text-align:center;font-size:32pt;}
.cl-hol img{width:100%;}
.cl-lg-ro{margin-top:50px;}
footer{width:100%;background:#1F1F1F;padding-top:50px;float:left;}
.ftr-desc{color:white;}
.ftr-desc h3{text-transform:uppercase;font-size:14pt;}
.ftr-desc p{padding:0;}
ul.icon-sos{margin:0 auto;width: 28%;}
ul.adds-sos{margin:0 auto;width:50%;text-align:center;padding: 0;color:#b3b3b3;margin-top: 25px;}
ul.adds-sos h4{font-size:20pt;}
ul.adds-sos p{padding:0;}
.icon-sos li{padding:10px;list-style:none;float:left;margin:0 5px;}
.icon-sos li a{color:#b3b3b3;text-decoration:none}
.icon-sos li a i{font-size:26pt;transition:all 0.3s;}
.icon-sos li a i:hover{color:#FEC900;}
footer hr{border-top: 1px solid #4d4d4d;margin:0;margin-top:20px;}
.ftr-note{text-align:center;padding:15px 0;}
.ftr-note font{color:#b3b3b3;font-size:10pt;}
.flag{position:absolute;top:5px;right:5px;width:10%;}
.flag ul{width:100%;}
.flag ul li{width:30%;float:left;margin:0 5px;list-style:none;}
.flag ul li img{width:100%;}
/*------*/
.social-ic li{list-style:none;width: 13%;float: right;text-align: right;margin: 2% 5%;}
.social-ic li a{color:#757575;transition:all 0.3s;}
.social-ic li a:hover{color:white;}
.social-ic li a i{font-size: 26pt;}
.adds-ic{color:white;}
.adds-ic h4{font-size:20pt;}
.adds-ic p {padding:0;}
.flr-2{margin-top:30px;}
.flr-2 img{width:100%;}
.quk-link{text-align:center;}
.quk-link a{font-size:12pt;color:#757575;text-transform:uppercase;text-decoration:none;font-weight:normal;letter-spacing:1px;transition:all 0.3s;}
.quk-link:hover a{color:white;}
.ch-frl-2{margin-top:20px;}
/*================================== Page =========================================*/
.page{min-height:500px;padding: 95px 0;}
.img-page{position:relative;}
.overlay{background:rgba(0,0,0,0.4);position: absolute;z-index: 9;width: 100%;height: 99.4%;}
.title-page{position:absolute;width:100%;height:50%;padding-top:35%;z-index:9;}
.title-page h1{text-align:center;color:white;font-size:36pt;}
.img-page video{width:100%;height:auto;}
.adv-text-descrip{padding:80px 0;}
.title-page p{color:white;text-align:justify;line-height:30px;font-weight:normal;font-size:12pt;font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;}
.adv-info{}
.adv-info img, .adv-info video{width:100%;}
.adv-desc-info{padding-top:50px;color:white;}
.adv-desc-info h1{font-size:36pt;margin-top:0;margin-bottom:20px;}
.adv-desc-info p{color:white;text-align:justify;line-height:30px;padding:0;font-weight:normal;font-size:12pt;font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;}
.adv-media video{width:100%;}
.adv-media img{width:100%;}
.info-text-strng, .info-text-strng p{color:black;}

.bg-page{padding-top:5%;background:url(/img/wrt-bg-adv.jpg);background-repeat: repeat;}
.row-coros{width:95%;margin:0 auto;}
.adv-cor-col-left{float:left;}
.adv-cor-col-left img{width:100%;}
.adv-cor-col-right{float:right;}
.adv-cor-col-right img{width:100%;}
.adv-cor-col-left, .adv-cor-col-right{width:50%;}
.adv-cor-col-left h4, .adv-cor-col-right h4{color:black;text-align:center;}
.info-coros p{color:black;text-align:justify;line-height:30px;font-weight:normal;font-size:12pt;font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;}
.info-coros h1{color:black;margin-top:0;margin-bottom:30px;padding-left: 10px;font-size:28pt;}
.video-coros video{width:100%;}
.info-coros-head{margin-top:6%;margin-bottom:3%;}
.diff-coro h2{font-size:20pt;margin-top:2% ;margin-bottom:2% ;text-align:center;font-weight:normal;}

.up-top{margin-top:5%;}
.sound-page {position:absolute;width:100%;height:50%;padding-top:7%;z-index:9;color:white;}
.sound-page h1{text-align:center;color:white;font-size:36pt;}
.sound-page p{text-align:center;line-height:30px;font-size:12pt;font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;}

.flex-bg{height:100%;background: linear-gradient(rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.5)),url(/img/curva-roof.jpg);background-size: cover;background-attachment: fixed;}
.desc-info{padding-left:35px;}
.desc-info h1{color:white;font-size:36pt;}
.desc-info p{color:white;text-align:justify;line-height:30px;font-size:12pt;font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;}

.adv-desc h3{color:black;margin:20px auto;}
.adv-desc p{color:black;text-align:justify;line-height:30px;font-size:12pt;font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;}

.about{position:relative;background: linear-gradient(rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.4)),url(/img/full-wide-holodeck.jpg);background-size: cover;height:100%;padding-bottom: 0;}
.about h1{color:#fff;text-shadow: 0 1px 2px rgba(0,0,0,.6);text-align:left;}
.about h2{font-size:15pt;color:#fff;text-shadow: 0 1px 2px rgba(0,0,0,.6);text-align:left;}
.about p {font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;}
.col-about{min-height:750px;}
.col-about-left{width:60%;float:left;background: linear-gradient(rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.4)),url(/img/about-back.jpg);background-size: cover;}
.col-about-right{width:40%;float:right;background:url(/img/wrt-bg-adv.jpg);background-repeat: repeat;height: 100%;}
.plc-ovr{position:absolute;left:50%;padding-top:30px;}
.text-alient{position:relative;right:80%;width: 90%;}
.text-prgraf{position:relative;left:25%;width: 65%;text-align: justify;}
.text-prgraf p {line-height:30px;}


/*===========================================================================*/
.event{min-height: 680px;background:#ddd;}
.event h2{font-size: 36pt;text-align: center;text-transform: uppercase;margin-bottom:0;margin-top: 10px;}
.event h4{margin-top:0;text-transform: none;text-align: center;}
.event hr{width: 20%;border-color: #42A83B;}
#portfolio {float: left;margin-top: 10px;width: 100%;margin-bottom: 80px;}
.event-frame{width: 24%;float: left;min-height: 190px;margin: 5px;-webkit-transform: scale(0);transform: scale(0);-webkit-transition: all 350ms ease;transition: all 350ms ease;}
.event-frame img{width:100%;}
.scale-anm {transform: scale(1);}
.btn-gallery {font-size: 13pt;padding: 5px 15px;margin: 0 2px;font-weight: normal;text-decoration: none;cursor: pointer;display: inline-block;line-height: normal;height: auto;border: 1px solid;vertical-align: middle;-webkit-appearance: none;color: #555;background-color: rgba(0, 0, 0, 0);}
.btn-gallery:hover {text-decoration: none;}
.btn-gallery:focus {outline: none;border-color: var(--darken-2);box-shadow: 0 0 0 3px var(--darken-3);}
::-moz-focus-inner {border: 0;padding: 0;}
.head-btn{text-align:center;margin: 0 auto;}
.project{padding-top:10px;}
.project h1{margin-top:30px;text-align:center;}
.project h2{position:relative;text-align:center;font-size:11pt;margin-top:0;margin-bottom:25px;padding-bottom: 25px;font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;}
.project h2:before{content: "";display: block;width: calc(50% - 0px);position: absolute;bottom: -0.05em;border-bottom: 2px solid #ddd;left: 25%;}

.video-gallery{width: 24%;margin: 5px;float: left;list-style: none;min-height: 190px;cursor:pointer;}
.video-gallery img{width:100%;}
.lg-video-gallery{position: fixed;display: none;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;background: rgba(0,0,0,0.7);}
.form-video{width:70%;margin:30px auto;border: 5px solid #fff;position:relative;}
.form-video iframe{width: 100%;min-height: 600px;}
.close-video{position: absolute;top: -15px;right: -15px;width: 30px;height: 30px;cursor: pointer;background: #000;color: #fff;border-radius: 20px;font-size: 14pt;text-align: center;border: 2px solid #fff;}

/*=============================================================================*/
.backToTop{display: none;position: fixed;bottom: 100px;right: 50px;font-size: 3em;z-index: 9999;height: 50px;width: 50px;background-color: #FFA061;text-align: center;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.backToTop i{position: absolute;top: 0px;left: 10px;color: #fff;}
.backToTop i:hover{color: #aaa;}
#container{height: 900px;}

/*============================================================================*/
.grp-event{width:100%;float:left;margin:30px 0;}
.event-list{width: 23%;margin: 10px 11px;float: left;list-style: none;height: 180px;}
.event-list img{width: 100%;}
/*============================================================================*/
.video{width:100%;float:left;}
.video iframe{width:100%;min-height:600px;}
/*============================================================================*/
.sec-padd, .sec-padd-spe, .sec-padd-gal{padding-top:0;}
.content{padding:10px 0;}
.content-spec{padding:30px 0;}
.row-spec img{width:100%;}
.list-spec{width:90%;margin:0 auto;}
.list-spec-detail{float:left;min-height:150px;}
.img-spec{padding:15% 0;}
.row-dt-spec{width: 110px;height: 110px;cursor:pointer;text-align: center;margin: 0 auto;line-height: 111px;font-size: 30px;font-size: 3rem;-webkit-border-radius: 50%;border-radius: 50%;background-clip: padding-box;transition: all 250ms cubic-bezier(0.55, 0, 0.1, 1);border: 1px solid #00bcdf;}
.row-dt-spec i{font-size:90%;color:#333;}
.row-dt-spec:hover{background:#00bcdf;}
.row-dt-spec:hover i{color:white;}
.row-dt-desc{width:100%;text-align:center;margin-top:10px;}
.row-dt-desc h3{font-size:12pt;font-weight:bold;margin:3px 0;}
.row-dt-desc p{padding:3px 0;font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;}
.row-video video{width:100%;height:auto;}
/*============================================================================*/
.row-page{width:90%;margin:0 auto;}
.mapping-ind, .reg-distributor{width:100%;float:left;}
.mapping-ind img{width:100%;}

.post{width:1.7%;position:absolute;font-size:12pt;cursor:pointer;}
.loc-1{bottom: 225px;left: 360px;}
.loc-2{bottom: 185px;left: 405px;}
.loc-3{bottom: 165px;left: 500px;}
.loc-4{bottom: 150px;left: 585px;}
.loc-5{bottom: 125px;left: 660px;}
.loc-6{bottom: 225px;left: 800px;}

.desc-loc{width:300px;background:#f1f1f1;margin-bottom: 50%;margin-left: -150px;display:none;border:10px solid #E3B200;box-shadow: 0px 0px 7px #333;padding:5px;padding-bottom:15px;float: left;}

.loc-1:hover {animation: bounce1 0.7s;}
.loc-2:hover {animation: bounce2 0.7s;}
.loc-3:hover {animation: bounce3 0.7s;}
.loc-4:hover {animation: bounce4 0.7s;}
.loc-5:hover {animation: bounce5 0.7s;}
.loc-6:hover {animation: bounce6 0.7s;}
@keyframes bounce1 {
	0%, 20%, 60%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
	40% {-webkit-transform: translateY(-15px);transform: translateY(-15px);}
	80% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}
}
@keyframes bounce2 {
	0%, 20%, 60%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
	40% {-webkit-transform: translateY(-15px);transform: translateY(-15px);}
	80% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}
}
@keyframes bounce3 {
	0%, 20%, 60%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
	40% {-webkit-transform: translateY(-15px);transform: translateY(-15px);}
	80% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}
}
@keyframes bounce4 {
	0%, 20%, 60%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
	40% {-webkit-transform: translateY(-15px);transform: translateY(-15px);}
	80% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}
}
@keyframes bounce5 {
	0%, 20%, 60%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
	40% {-webkit-transform: translateY(-15px);transform: translateY(-15px);}
	80% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}
}
@keyframes bounce6 {
	0%, 20%, 60%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
	40% {-webkit-transform: translateY(-15px);transform: translateY(-15px);}
	80% {-webkit-transform: translateY(-10px);transform: translateY(-10px);}
}
.company, .desc-compa, .row-form, .row-field{width:100%;float:left;}
.desc-compa{font-size:10pt;font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;}
hr.line-compa{border-bottom:1px solid #ddd;margin:10px 0;width: 100%;float: left;}
hr.line-page{border-top: 2px solid #333;margin-top: 5%;width:100%;float:left;}
.reg-distributor h1{text-align:center;}
.reg-distributor p{position: relative;text-align: justify;line-height: 20pt;font-size: 11pt;margin-top: 0;margin-bottom: 0;padding-bottom:0;font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;}
.form-distri{width:50%;margin:10px auto;}
.row-form{margin: 4% 0;}
.row-field{margin:10px 0;}
.col-label{width:30%;float:left;}
.col-field{width:70%;float:left;}
.col-field input[type=text], .col-field textarea, .col-field input[type=email]{padding:5px;width:95%;border:1px solid #ddd;border-radius:5px;}
.col-field textarea{min-height:150px;}
.row-field input[type=submit]{padding:10px 20px;color: #fff;text-shadow: 1px 2px 6px #666;border-radius: 5px;text-align: center;border: none;margin-top: 20px;transition: box-shadow 0.5s;-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;transition: all 0.5s ease-in;background: #FEC900;}
.row-field input[type=submit]:hover{background:#333;}
.acc-content{margin-top:2%;}
.row-acc{width:100%;float:left;margin-top:2%;}
.col-acc{width:48%;float:left;padding:10px 15px;}
.col-acc img{width:100%;}
.col-acc h2{font-size:28pt;padding-left:5px;margin:0;}
.col-acc p{font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;text-align:justify;}
.spec-acc{width:100%;float:left;margin:2px 0;padding:0 10px;font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;}
.col-spec-acc-1{width:30%;float:left;font-weight:bold;}
.col-spec-acc-2{width:70%;float:left;}
.row-broch{width:50%;margin:4% auto;margin-bottom:0;}
.row-broch img{width:100%;}
.row-broch-text{width:100%;float:left;margin-top:1%;text-align:center;}
.row-broch-text a{color:#333;font-size:14pt;}
/*============================================================================*/
.col-page{width:48%;float:left;padding:0 15px;}
.col-page h3{font-size:18pt;}
.col-page p{padding:0;margin-bottom: 5px;}
.col-page iframe{margin-top:2%;padding:3px;border:1px solid #ddd;border-radius:5px;}
.cont-symbol{width:5%;float:left;}
.cont-text{width:95%;float:left;font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;text-align:justify;}
.col-page h4{font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;font-size:12pt;}
.form-contact{width:100%;float:left;}
/*=============================================================================*/
.col-blog-1{width: 65%;}
.col-blog-2{width: 32.5%;}
.col-blog-style{min-height:400px;float: left;position: relative;margin: 0 5px;}
.col-blog-style img{width:100%;}
.col-blog-style a{width:100%;float:left;}
.row-blog{width:100%;float:left;padding:2% 0;}
.row-col-2{width:100%;float:left;position:relative;}
.row-col-2 img{width:100%;}
.blog-overlay{position:absolute;width:100%;background: rgba(0,0,0,0.7);bottom:0;padding:3% 0;}
.blog-overlay h2{font-size: 12pt;margin: 0;text-align: center;line-height: 21px;padding: 0 10px;text-transform: uppercase;color:white;}
.headline-title{width: 100%;position: absolute;color: #fff;text-shadow: 1px 2px 3px #333;top: 50%;}
.headline-title h1{text-align: center;font-size: 20pt;font-weight: normal;padding: 0 10px;text-transform: uppercase;}
.next-blog{width: 100%;text-align: center;border-bottom: 1px solid #000;line-height: 0.1em;margin:0 0 5%;font-size:20pt;}
.next-blog span {background:#fff;padding:0 10px;}
.list-news{width:100%;float:left;}
.list-news li{list-style: none;width: 23.5%;min-height: 330px;float: left;margin: 0 10px;position: relative;}
.list-news li a img{width:100%;}
.list-news li a{color: #1a1a1a;text-decoration: none;transition: color 0.3s;}
.list-news li a:hover{color: #FEC900;}
.list-news li a h3{padding: 0 5px;text-transform: uppercase;text-align: center;font-size:12pt;}
/*============================================================================*/
.content{width: 100%;float: left;padding-top:3%;padding-bottom:10%;}
.col-style-blog h1{text-transform:capitalize;}
.col-half-1{width:75%;}
.col-half-2{width:23%;margin-left:10px;}
.col-style-blog{float:left;}
.row-content, .back-to{width:100%;float:left;}
.row-content img{width:100%;}
.row-content p{padding:10px 0;font-size:12pt;}
.list-content{width:100%;float:left;margin-top:22%;min-height:300px;}
.head-list{width: 100%;background: #1a1a1a;padding: 15px 0;text-align: center;color: #f1f1f1;font-weight: bold;font-size: 14pt;text-transform: uppercase;}
.view-list{width: 100%;float: left;margin-top: 15px;height: 500px;overflow: auto;padding: 0 10px;}
.view-list li{width: 100%;float: Left;list-style: none;margin: 5px 0;}
.view-list li a {color: #1a1a1a;text-decoration: none;transition: color 0.3s;}
.view-list li a:hover{color:#ff6600;}
.img-list {width: 30%;padding: 5px;float: left;}
.img-list img{width:100%;}
.title-view-list {width: 65%;padding:0 5px;float: left;}
.title-view-list span {font-size: 9pt;}
.btbg{padding: 10px 0;text-align: center;background: #ff6600;color: #f1f1f1;font-size: 12pt;border-top: 1px solid #ddd;margin-top: 30px;margin-bottom: -5px;transition: background 0.3s;}
.back-to a:hover{text-decoration:none;}
.btbg:hover{background:#333;}
/*============================================================*/
.w-h-panel{margin-top:2%;}
.w-panel-info{width:60%;background:white;margin:0 auto;min-height:500px;padding:3.5% 1.5%;border: 1px solid #ddd;border-radius: 5px;}
.w-panel-info h2{font-size: 24pt;text-align: center;text-decoration: underline;margin-top: 0;}
.col-w-left{width:39%;float:left;}
.col-w-left p{font-weight:bold;}
.col-w-right{width:60%;float:right;font-family: Avant Garde,Avantgarde,Century Gothic,CenturyGothic,AppleGothic,sans-serif;}
.col-w-style{padding:2% 0;font-size:14pt;}
.r-w-tbn form{text-align:center;}
.r-w-tbn input[type=submit]{padding: 2% 10%;font-size: 14pt;border: none;background: #FFA061;color: white;border-radius: 5px;cursor: pointer;transition: all .5s;}
.r-w-tbn input[type=submit]:hover{box-shadow:0px 0px 7px #333;}
/*================================================================*/
.row-install{width:100%;float:left;}
.row-install li{list-style:none;width:100%;float:left;box-sizing:border-box;padding: 2% 0 4% 0;}
.list-img-inst{width:40%;float:left;}
.list-img-inst img{width:100%;box-sizing: border-box;padding: 7%;}
.list-txt-inst{width:60%;float:left;box-sizing:border-box;padding:3%;}
.list-txt-inst h3{font-size:110%;margin:0;box-sizing:border-box;font-weight:bold;}
.higt-space{padding-bottom:2%}
/*================================================================*/
.tabel-chem{width:100%;float:left;border: 1px solid;}
.head-chem, .body-chem{width:100%;float:left;}
.body-chem{padding:.5% 0 0.5% 0;}
.head-chem li, .body-chem-row li{list-style:none;text-align:center;}
.head-chem li.row-col-main, .body-chem-row li.row-col-main{width: 40%;float: left;}
.head-chem li.row-col-val, .body-chem-row li.row-col-val{width: 14.7%;float: left;}
.body-chem-row{width:100%;float:left;box-sizing: border-box;padding: 1% 0 1% 0;}
.head-chem{padding:1%;font-size: 120%;box-sizing: border-box;border-bottom:1px solid;background: rgba(242,174,123,0.7)}
.test-result img{width:30%}
/*=================================================================*/
.hl-medsos{background:#1F1F1F;box-sizing:border-box;padding:3% 0}
.hl-medsos h2{font-size:270%;color:white;text-align:center}
.desc_ {padding: 0;}
ul.hl-ls-md{margin:2% auto;width: 20%;}
ul.hl-ls-md li{list-style:none;width:40%;box-sizing:border-box;margin:0 5%;float: left;}
ul.hl-ls-md li img{width:100%}