@charset "utf-8";
/*
Theme Name:Suntontech WP
*/
/* *************************** 
  Site - Environmental Lighting Files - RustyBrick
  ---------------------------
  StyleSheet Index
  $2 - Website Structure Styles
  $3 - Header Styles
  $4 - Content Styles
  $5 - Sidebar Styles
  $6 - Footer Styles
   ***************************/
   
/* *************************** 
   $2 Website Structure Styles
   ***************************/
@font-face {
	font-family: 'Lato-Italic';
	src: url('fonts/latoregita.eot');
	src: url('fonts/latoregita.eot?#iefix') format('embedded-opentype'),
		 url('fonts/latoregita.woff') format('woff'),
		 url('fonts/latoregita.ttf') format('truetype'),
		 url('fonts/latoregita.svg#latoregita') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'Lato-Black';
    src: url('fonts/Lato-Black.eot');
    src: url('fonts/Lato-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Lato-Black.woff2') format('woff2'),
        url('fonts/Lato-Black.woff') format('woff'),
        url('fonts/Lato-Black.ttf') format('truetype'),
        url('fonts/Lato-Black.svg#Lato-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
  font-family: 'latobold';
  src: url('fonts/lato-bol-webfont.eot');
  src: url('fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
	   url('fonts/lato-bol-webfont.woff') format('woff'),
	   url('fonts/lato-bol-webfont.ttf') format('truetype'),
	   url('fonts/lato-bol-webfont.svg#latobold') format('svg');
  font-weight: normal;
  font-style: normal;
  
}
@font-face {
    font-family: 'latoregular';
    src: url('fonts/lato-reg-webfont.eot');
    src: url('fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato-reg-webfont.woff') format('woff'),
         url('fonts/lato-reg-webfont.ttf') format('truetype'),
         url('fonts/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

*,
*:before,
*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{background:none;-webkit-text-size-adjust:100%;height:100%;}
body{background:#060208;font-size:14px;color:#fff; font-family: 'latoregular', Arial, Helvetica, sans-serif;}

a{color:#fff;text-decoration:none;outline-style:none;}
a:hover{color:#fff;text-decoration:underline;}
p{font-size:16px;line-height:1.3;margin:0 0 20px;}
li{list-style:none outside none;}
strong,
b{font-weight: normal; font-family: 'Lato-Black';}
em,
i{font-style:normal; font-family: 'Lato-Italic';}
strong em,
em strong{font-style:normal;font-weight:normal; font-family: 'Lato-Black';}
h1,
h2,
h3,
h4,
h5,
h6{ font-weight:normal; margin-bottom:20px; line-height:1; font-family: 'latobold';}
h1{font-size:80px; line-height:1.25;font-family: 'Lato-Black';}
h2{font-size:60px; line-height:1.25;font-family: 'Lato-Black';}
h3{font-size:36px; line-height:1.25;font-family: 'Lato-Black';}
h4{font-size:30px; line-height:1.25;}
h5{font-size:24px; line-height:1.25;}
h6{font-size:18px; line-height:1.25;}
img{max-width:100%;height:auto;vertical-align:middle;}
hr{clear:both;margin:40px 0;border:0;border-bottom:0;padding:0px;width:100%;background:#e1e0da;height:1px;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;height:0;font-size:0;width:100%;}
.alignleft{display:inline;float:left;margin:0 20px 20px 0;}
.alignright{display:inline;float:right;margin:0 0 20px 20px;}
.aligncenter{clear:both;display:block;margin:0 auto 20px;}
.alignnone{clear:both;display:block;margin:0 auto 20px;}
.tableBox{display:table;table-layout:fixed;width:100%;height:100%;}
.table_cellBox{display:table-cell;vertical-align:middle;}
.inner{width: 1200px;max-width:100%; padding-left:20px; padding-right:20px;margin: 0 auto;}

input,
button,
textarea,
select{outline-style:none;}
.wrapper{width:100%;overflow:hidden;}
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{zoom:1; /*IE6,7 Compatibility Settings for*/}

/* header */
.header{position: absolute;width: 100%;z-index: 100;top: 40px;}
.header .header_menu_wrapper{padding: 10px 0px;}
.header .header_menu_wrapper .inner{position: relative;}
.header .header_menu_wrapper .logo{float: left;display: block;width: 172px;padding: 0px;margin: 0px auto;}
.header .header_menu_wrapper .logo img{display: block;width: 100%;height: auto;}
.header .header_menu_wrapper .menu{float: right;position: relative;display: flex;margin-top: 15px;}
.header .header_menu_wrapper .menu li{margin: 0px 15px;}
.header .header_menu_wrapper .menu li a{font-size: 18px;font-family: 'latobold';line-height: 1.1;}
.header .header_menu_wrapper .menu li a:hover{color:#e0743c;}
.header .header_menu_wrapper .menu li.search_box{position: relative;}
.search-form{position: absolute;right: 0px;top: -6px;z-index: 10;display: none !important;}
.search-form .search-field{width: 246px;padding: 0px 0px 0px 34px;border: 1px solid #fff;height: 37px;color: #fff;line-height: 35px;font-size: 16px;background: #060208;}
.search-submit{display: none;}
.header .header_menu_wrapper .mobile_menu{width: 25px;padding: 4px 0px 0px;text-align: center;cursor: pointer;display: none;position: absolute;right: 80px;bottom: 8px;}
.header .header_menu_wrapper .mobile_menu i{display: block;width: 25px;height: 3px;margin: 0 auto 5px;background: #e0743c;}
.header .mobile_menu_content{display: none;position: absolute;width: 100%;left: 0px;top: 100%;z-index: 97;text-align: center;}
.header .mobile_menu_content ul{background: rgba(29,40,54,1);position: relative;padding-bottom: 10px;padding-top: 0px;padding-bottom: 0; box-shadow: 0px 1px 8px #ccc;}
/* .header .mobile_menu_content ul li{} */
.header .mobile_menu_content ul li>a{position: relative;text-transform: uppercase;display: block;padding: 19px 50px 19px;font-size: 16px; color: #ffffff;font-weight: 300;text-decoration: none;}
.header .mobile_menu_content ul li>a:hover{background: #e0743c;color: #fff;}
.header .mobile_menu_content li > a::before{background: #e0743c;content: "";display: block;height: 1px;left: 0px;position: absolute;bottom: -1px;width: calc(100% - 0px)}

/* footer */
.footer{background: #1f1c21;padding: 20px 0px;}
.footer .inner{width: 870px;}
.footer .footer_box{display: flex;justify-content: space-between;}
.footer .footer_box .footer_logo{display: flex;align-items: center;}
.footer .footer_box .footer_logo a{display:block;width: 160px;}
.footer .footer_box .footer_text_box p{margin: 0px;font-size: 18px;line-height: 1.8;}

/* home */
.home_banner .inner{width: 1707px;}
.home_banner .home_banner_content{display: flex;justify-content: center;flex-wrap: wrap;}
.home_banner .img_box{width: 65%;margin-left: -2%;display: flex;flex-flow: column;justify-content: end;}
.home_banner .text_box{width: 36%;display: flex;flex-flow: column;justify-content: center;padding: 90px 0px 50px;}
.home_banner .text_box h5{margin-bottom: 30px;}
.home_banner .text_box h1{font-size: 140px;line-height: 1;}
.home_banner .text_box h6{font-size: 20px;line-height: 1.6;margin-bottom: 45px;}
.orange_button{width: 260px;max-width: 100%;display: inline-block;font-size: 16px;line-height: 1;color: #e0743c;padding: 22px;text-align: center;border: 3px solid #e0743c;background: transparent;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;-webkit-appearance: none;text-decoration: none;cursor: pointer;position: relative;}
.orange_button:hover{color: #fff;background: #e0743c;text-decoration: none;}

.home_row1 .inner{width: 1000px;}
.home_row1 h2{text-align: center;}
.home_row1 p{text-align: center;margin-bottom: 70px;}
.home_row1 h5{text-align: center;font-size: 22px;margin-bottom: 32px;}
.home_row1 ul{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.home_row1 li{width: 265px;height: 70px;-webkit-box-sizing: border-box;box-sizing: border-box;border-top: 1px solid #333333;border-right: 1px solid #333333;border-bottom: 1px solid #333333;position: relative;z-index: 1;}
.home_row1 li:last-child{border-right: 0px;}
.home_row1 li:before{content: '';width: 0;height: 100%;background-color: #ffffff;position: absolute;left: 0;top: 0;-webkit-transition: 0.5s;transition: 0.5s;opacity: 0;}
.home_row1 li .icon{display: inline-block;background-repeat: no-repeat;background-position: center top;width: 100%;height: 100%;position: relative;z-index: 1;}
.home_row1 li .icon:before{content: '';width: 5px;height: 5px;border-radius: 50%;background-color: #333333;position: absolute;left: -3px;bottom: -3px;}
.home_row1 li .icon:after{content: '';width: 5px;height: 5px;border-radius: 50%;background-color: #333333;position: absolute;right: -3px;bottom: -3px;}
.home_row1 li:hover:before{width: 100%;opacity: 1;}
.home_row1 li:hover span.icon_vantage_logo{background-position: center bottom;}
.home_row1 li:hover span.icon_hytech_logo{background-position: center bottom;}

.home_row2{position: relative;padding: 230px 0px 290px;}
.home_row2 .text_box{width: 53.5%;}
.home_row2 .text_box h3{color: #e0743c;margin: 0;}
.home_row2 .text_box h2{margin-bottom: 45px;}
.home_row2 .text_box h2:after{content:"";display:block;width: 200px;height: 10px;background:#e0743c;margin-top: 12px;}
.home_row2 .text_box p{font-size: 18px;line-height: 1.5;margin-bottom: 35px;}
.home_row2 .img_box{position: absolute;right: 0;top: 174px;max-width: 44%;}
.home_row2 .img_box:before{content:"";display:block;width: 268px;height: 98px;background:#e0743c;position: absolute;top: -50px;right: 0;}
.home_row2 .img_box:after{content:"";display:block;width: 128px;height: 300px;background:#e0743c;position: absolute;bottom: -40px;left: -30px;}

.home_row3{background: #18181f;padding: 110px 0px 110px;}
.home_row3 .inner{width: 1640px;}
.home_row3 h2{text-align: center;margin-bottom: 70px;}
.home_row3 ul{ position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;align-content: center;}
.home_row3 li{width: 31.5%;background: #1d1d26;padding: 70px 60px 80px;text-align: center;margin-bottom: 45px;}
.home_row3 li .img_box{margin-bottom: 50px;}
.home_row3 li .text_box_inner{margin-bottom: 12px;}
.home_row3 li .text_box h4{margin-bottom: 0px;}
.home_row3 li .text_box p{font-size: 18px;line-height: 1.6;margin: 0;}

.home_row4{padding-top: 90px;}
.home_row4 .inner{width: 1000px;}
.home_row4 .inner h2{text-align: center;}
.home_row4 .inner p{text-align: center;line-height: 1.6;margin: 0;}
.home_row4 .global_container{padding-top: 55px;max-width: 1920px;margin: 0 auto;}
.home_row4 .global_container:after{content: '';display: table;clear: both;}
.home_row4 .global_container li{width: 25%;height: 100%;float: left;position: relative;-webkit-transition: all 0.2s;transition: all 0.2s;overflow: hidden;}
.home_row4 .global_container li .bg_box{width: 100%;height: 800px;z-index: -1;-webkit-transition: all 0.5s;transition: all 0.5s;}
.home_row4 .global_container li .text_box{display: none;-webkit-transition: all 0.2s;transition: all 0.2s;}
.home_row4 .global_container li .text_box h3{color: #fff;position: relative;padding-left: 32px;margin-bottom: 0px;padding-bottom: 15px;}
.home_row4 .global_container li .text_box h3:before{content: "";width: 16px; height: 16px;background-color: #e0743c;position: absolute;top: 14px;left: 0;}
.home_row4 .global_container li .text_box h5{padding-left: 32px;margin-bottom: 0px;}
.home_row4 .global_container li:hover .bg_box{opacity: 0.5;transform: scale(1.2);}
.home_row4 .global_container li:hover .text_box{display: block;z-index: 10;position: absolute;top: 95px;left: 70px;}

.page_bottom_box{padding: 120px 0px 80px;}
.page_bottom_box .inner{display: flex;justify-content: space-between;}
.page_bottom_box .img_box{width: 50%;text-align: center;}
.page_bottom_box .img_box img{ animation: rotate 50s infinite linear; -webkit-animation: rotate 50s infinite linear; }
.page_bottom_box .text_box{width: 420px;max-width: 46%;display: flex;flex-flow: column;justify-content: center;}
.page_bottom_box .text_box h2{margin-bottom: 45px;}
.page_bottom_box .text_box h2:after{content:"";display:block;width: 200px;height: 10px;background:#e0743c;margin-top: 12px;}
.page_bottom_box .text_box h6{margin-bottom: 26px;}
.page_bottom_box .text_box p{margin-bottom: 25px;font-size: 20px;}
.page_bottom_box .text_box .share_box{margin-top: 90px;}
.page_bottom_box .text_box .share_box h5{color: #e0743c;margin-bottom: 25px;}
.page_bottom_box .text_box .share_box ul{display: flex;justify-content: left;}
.page_bottom_box .text_box .share_box li{width: 30px;height: 30px;margin-right: 20px;}
.page_bottom_box .text_box .share_box li .icon{display: inline-block;background-repeat: no-repeat;background-position: top center;width: 100%;height: 100%;position: relative;z-index: 1;}
.page_bottom_box .text_box .share_box li .icon:hover{background-position: bottom center;}


.post-password-form{width: 100%;max-width: 500px;margin: 200px auto;padding: 20px;}
.post-password-form p:first-of-type{font-size: 22px;margin-bottom: 30px;}
.post-password-form p:last-of-type{display: flex;justify-content: space-between;align-items: center;}
.post-password-form label{width: 100%;}
.post-password-form label input{width: 70%;margin-left: 10px;border: 1px solid var(--v-black);padding: 4px 10px;}
.post-password-form input[type='submit']{width: 120px;height: 36px;border: 0px;border-radius: 18px; }


@keyframes rotate{
	from {transform: rotate(0);}
	to {transform: rotate(360deg);}
}
@-moz-keyframes rotate{
	from {transform: rotate(0);}
	to {transform: rotate(360deg);}
}

@-webkit-keyframes rotate{
	from {transform: rotate(0);}
	to {transform: rotate(360deg);}
}

@-o-keyframes rotate{
	from {transform: rotate(0);}
	to {transform: rotate(360deg);}
}

@media only screen and (min-width: 769px){
    .mobile_menu_content{display: none !important;}
}
@media(max-width: 1440px){
    .home_banner .text_box h1{font-size: 110px;}
}
@media(max-width: 1400px){
    .home_row2{padding: 200px 0px 260px;}
    .home_row2 .img_box:before{width: 232px;height: 80px;top: -45px;}
    .home_row2 .img_box:after{width: 90px;height: 226px;}

    .home_row3 li{padding: 60px 25px 70px;}

    .home_row4 .global_container li .bg_box{height: 300px;}
    .home_row4 .global_container li .text_box h3{font-size: 20px;padding-bottom: 10px;}
    .home_row4 .global_container li .text_box h5{font-size: 14px;line-height: 1.7;}
    .home_row4 .global_container li:hover .text_box{top: 40px;left: 40px;}
    .home_row4 .global_container li .text_box h3:before{top: 4px;}
}
@media(max-width: 1200px){
    .home_banner .text_box h5{margin-bottom: 15px;font-size: 22px;}
    .home_banner .text_box h1{font-size: 80px;}
    .home_banner .text_box h6{font-size: 18px;margin-bottom: 30px;}
    .orange_button{width: 236px;padding: 20px;}

    .home_row2{padding: 120px 0px 160px;}
    .home_row2 .img_box:before{width: 190px;height: 60px;top: -35px;}
    .home_row2 .img_box:after{width: 70px;height: 188px;bottom: -30px;left: -25px;}

    .home_row3 li .text_box p{font-size: 15px;}
    .home_row3 li .text_box h4{font-size: 26px;}
}
@media(max-width: 980px){
    .home_banner .text_box{width: 40%;padding: 80px 0px 40px;}
    .home_banner .img_box{width: 62%;}
    .home_banner .text_box h5{margin-bottom: 10px;font-size: 18px;}
    .home_banner .text_box h1{font-size: 65px;margin-bottom: 20px;margin-bottom: 15px;}
    .home_banner .text_box h6{font-size: 16px;}
    .orange_button{width: 180px;padding: 15px 5px;font-size: 14px;}

    .home_row2{padding: 90px 0px 120px;}
    .home_row2 .text_box{width: 100%;padding-bottom: 30px;}
    .home_row2 .img_box{max-width: 100%;position: relative;right: auto;top: auto;width: 500px;margin:0 auto;}

    .home_row3 li{width: 48%;margin-bottom: 40px;}
    .home_row3 ul:after{bottom: 30px;}
}
@media(max-width: 940px){
    h1{font-size:60px;}
    h2{font-size:40px;}
    h3{font-size:30px;}
    h4{font-size:24px;}
    h5{font-size:20px;}
    h6{font-size:16px;}
    p{font-size:15px;}

    /* .footer .footer_box .footer_text_box p{font-size: 16px;} */

    .home_row3 li .text_box h4{font-size: 24px;}

    .home_row4 .global_container li:hover .text_box{left: 30px;}
    .home_row4 .global_container li .text_box h3{padding-left: 25px;}
    .home_row4 .global_container li .text_box h3:before{width: 12px;height: 12px;top: 6px;}
    .home_row4 .global_container li .text_box h5{padding-left: 25px;}

    .page_bottom_box .text_box p{font-size: 18px;}
    .page_bottom_box .text_box .share_box{margin-top: 50px;}
    .footer .footer_box{display: block;}
    .footer .footer_box .footer_logo{display: block;margin-bottom: 10px;}
    .footer .footer_box .footer_logo a{margin: 0 auto;}
    .footer .footer_box .footer_text_box p{font-size: 14px;text-align: center;line-height: 1.5;}
}
@media(max-width: 768px){
    h1{font-size:40px;}
    h2{font-size:32px;}
    h3{font-size:26px;}
    h4{font-size:20px;}
    h5{font-size:18px;}
    h6{font-size:14px;}
    p{font-size:14px;}

    .header{top: 10px;}
    .header .header_menu_wrapper .logo{width: 150px;}
    .header .header_menu_wrapper .menu{margin-top: 10px;}
    .header .header_menu_wrapper .menu li{display:none;}
    .header .header_menu_wrapper .menu li.search_box{display:block;}
    .header .header_menu_wrapper .mobile_menu{display:block;}
    .search-form .search-field{width: 180px;}

    .footer .footer_box{display: block;}
    .footer .footer_box .footer_logo{display: block;margin-bottom: 10px;}
    .footer .footer_box .footer_logo a{margin: 0 auto;}
    .footer .footer_box .footer_text_box p{font-size: 14px;text-align: center;line-height: 1.5;}

    .home_banner{padding-top: 65px;}
    .home_banner .home_banner_content{display: block;}
    .home_banner .text_box{width: 100%;padding: 20px 0px 30px;text-align: center;}
    .home_banner .img_box{width: 380px;max-width: 100%;display: block;margin: 0 auto;}
    .home_banner .text_box h5{font-size: 16px;}
    .home_banner .text_box h1{font-size: 45px;margin-bottom: 10px;}
    .home_banner .text_box h6{font-size: 14px;margin-bottom: 20px;}
    .orange_button{width: 160px;font-size: 12px;margin: 0 auto;}

    .home_row1{padding: 60px 0px;}
    .home_row1 p{margin-bottom: 30px;}
    .home_row1 h5{margin-bottom: 22px;font-size: 18px;}

    .home_row2{padding: 60px 0px 60px;}
    .home_row2 .text_box{padding-bottom: 10px;}
    .home_row2 .text_box h2{margin-bottom: 30px;}
    .home_row2 .text_box h2:after{width: 160px;height: 6px;max-width: 80%;margin-top: 10px;}
    .home_row2 .text_box p{margin-bottom: 20px;}
    .home_row2 .img_box:before{display:none;}
    .home_row2 .img_box:after{display:none;}

    .home_row3{padding: 60px 0px;}
    .home_row3 h2{margin-bottom: 40px;}
    .home_row3 ul{width: 360px;max-width: 100%;margin: 0 auto;}
    .home_row3 ul:after{bottom: 10px;}
    .home_row3 li{padding: 40px 20px 40px;width: 100%;max-width: 100%;margin: 0 auto 20px;}
    .home_row3 li .img_box{margin-bottom: 30px;}
    .home_row3 li .text_box p{font-size: 14px;}
    .home_row3 li .text_box h4{font-size: 20px;}
    .home_row3 li .text_box_inner{margin-bottom: 12px;height: auto !important;}

    .home_row4{padding-top: 60px;}
    .home_row4 .global_container{padding-top: 40px;}
    .home_row4 .global_container li{width: 50%;}
    .home_row4 .global_container li:hover .text_box{left: 20px;}

    .page_bottom_box{padding: 50px 0px 60px;}
    .page_bottom_box .inner{display: block;}
    .page_bottom_box .img_box{width: 330px;max-width: 100%;margin: 0 auto 30px;}
    .page_bottom_box .text_box{width: 300px;max-width: 100%;display: block;margin: 0 auto;}
    .page_bottom_box .text_box h2{margin-bottom: 30px;}
    .page_bottom_box .text_box h2:after{width: 160px;height: 6px;max-width: 80%;margin-top: 10px;}
    .page_bottom_box .text_box h6{margin-bottom: 20px;}
    .page_bottom_box .text_box p{font-size: 16px;margin-bottom: 20px;}
    .page_bottom_box .text_box .share_box{margin-top: 40px;}
    .page_bottom_box .text_box .share_box h5{margin-bottom: 20px;}
}
@media(max-width: 600px){
    .home_row1 ul{max-width: 300px;margin: 0 auto;}
    .home_row1 li{border-right: 0px;}
}
@media (max-width: 580px){
    .footer .footer_box .footer_text_box p{font-size: 13px;}
}
@media(max-width: 450px){
    .home_row4 .global_container li{width: 100%;}
}