@charset "utf-8"; @font-face{font-family:'poppins_s';src:url("../font/poppins-semibold.eot")/*tpa=https://www.wiskindsteelstructure.com/template/font/poppins-semibold.eot*/;} @font-face{font-family:'poppins';src:url("../font/poppins-regular.eot")/*tpa=https://www.wiskindsteelstructure.com/template/font/poppins-regular.eot*/;} @font-face{font-family:'oswald';src:url("../font/oswald-regular.eot")/*tpa=https://www.wiskindsteelstructure.com/template/font/oswald-regular.eot*/;} @font-face{font-family:'poppins_s'; src:url("../font/original-poppins-semibold.ttf")/*tpa=https://www.wiskindsteelstructure.com/template/font/original-poppins-semibold.ttf*/; src:url("../font/poppins-semibold.eot")/*tpa=https://www.wiskindsteelstructure.com/template/font/poppins-semibold.eot*/; src:url("../font/poppins-semibold.svg")/*tpa=https://www.wiskindsteelstructure.com/template/font/poppins-semibold.svg*/; src:url("../font/poppins-semibold.ttf")/*tpa=https://www.wiskindsteelstructure.com/template/font/poppins-semibold.ttf*/; src:url("../font/poppins-semibold.woff")/*tpa=https://www.wiskindsteelstructure.com/template/font/poppins-semibold.woff*/; src:url("../font/poppins-semibold.woff2")/*tpa=https://www.wiskindsteelstructure.com/template/font/poppins-semibold.woff2*/;} @font-face{font-family:'poppins';src:url("../font/original-poppins-regular.ttf")/*tpa=https://www.wiskindsteelstructure.com/template/font/original-poppins-regular.ttf*/; src:url("../font/poppins-regular.eot")/*tpa=https://www.wiskindsteelstructure.com/template/font/poppins-regular.eot*/; src:url("../font/poppins-regular.svg")/*tpa=https://www.wiskindsteelstructure.com/template/font/poppins-regular.svg*/; src:url("../font/poppins-regular.ttf")/*tpa=https://www.wiskindsteelstructure.com/template/font/poppins-regular.ttf*/; src:url("../font/poppins-regular.woff")/*tpa=https://www.wiskindsteelstructure.com/template/font/poppins-regular.woff*/; src:url("../font/poppins-regular.woff2")/*tpa=https://www.wiskindsteelstructure.com/template/font/poppins-regular.woff2*/;} @font-face{font-family:'oswald';src:url("../font/original-oswald-regular.ttf")/*tpa=https://www.wiskindsteelstructure.com/template/font/original-oswald-regular.ttf*/; src:url("../font/oswald-regular.eot")/*tpa=https://www.wiskindsteelstructure.com/template/font/oswald-regular.eot*/; src:url("../font/oswald-regular.svg")/*tpa=https://www.wiskindsteelstructure.com/template/font/oswald-regular.svg*/; src:url("../font/oswald-regular.ttf")/*tpa=https://www.wiskindsteelstructure.com/template/font/oswald-regular.ttf*/; src:url("../font/oswald-regular.woff")/*tpa=https://www.wiskindsteelstructure.com/template/font/oswald-regular.woff*/; src:url("../font/oswald-regular.woff2")/*tpa=https://www.wiskindsteelstructure.com/template/font/oswald-regular.woff2*/;} /*reset*/ h1,h2,h3,h4,h5,h6{ margin:0px;} :focus{outline:0;} body,ul,img,p,input,dl,dd,tr,th,td{margin:0;padding:0;} img{border:none; height:auto; max-width:100%;} a{text-decoration:none;color:#777; line-height:26px;} input{padding:0px;vertical-align: middle;line-height: normal;border:none;} body{overflow-x:hidden; font-size:13px; line-height:30px; word-wrap:break-word; color:#777;font-family:'poppins'; } .table-responsive{ overflow:auto;min-height:.01%;} .clearfix{*zoom:1;} .clearfix:before,.clearfix:after{line-height:0; display:table; content:"";} .clearfix:after{clear:both;} a:hover{text-decoration:none;} a:focus {outline-style:none; -moz-outline-style: none; text-decoration:none;} .clear{ clear:both;} a:hover{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} a,img{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} ul li{list-style-position:inside;} /*top_section*/ .select{ position:relative; margin-left:24px; float:left;} .select ul li{ list-style:none;} .select dt{height:28px;display:inline-block;line-height:28px;font-size:12px;text-transform:capitalize;cursor:pointer;width:100%;overflow:hidden;position:relative;z-index:99;text-align: right;font-weight: normal; padding:0;color:#777;} .select dt img,.select dd ul li a img{height:auto; display:inline-block; margin-right:6px;vertical-align: middle;} .select dd ul li a img{ width:20px;} .select dt:after{font-family:FontAwesome;color:#777;font-size:16px;width:100px;vertical-align:middle;content:"\f107"; font-size:14px; transition:all 0.3s ease 0s; margin-left:6px;} .select dt.cur:after{font-family:FontAwesome;color:#777;font-size:16px;width:100px;vertical-align:middle;content:"\f106"; font-size:14px;} .select dd{position:absolute;right:-18px;top:39px;background:#fff;display:none; z-index:99999;border-top:2px solid #ef7b39; box-shadow:0px 0px 10px rgba(0,0,0,0.15); border-radius:5px;} .select dd ul{padding:10px 10px 5px 15px;width:140px;/* max-height:304px;overflow:auto; */ text-align: left;} .select dd ul li{position: relative;width: 100%;} .select dd ul li a{line-height:22px;display:inline-block;color:#555; font-size:12px;text-transform:capitalize;padding:0 0 0 26px;position: relative;width: 100%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;transition:all 0.3s ease 0s;opacity: 0;-webkit-transform: translate3d(50px, 0px, 0);transform: translate3d(50px, 0px, 0); } .select dd ul li a{filter:alpha(opacity:0);opacity:0;} .select dd ul li img{height: auto;height: auto;position: absolute;left: 0px;top:4px;} .select dd ul li a:hover{color: #ef7b39;} .select dd.open ul li a{ opacity: 1;-webkit-transform: translate3d(0px, 0px, 0);transform: translate3d(0px, 0px, 0); } .select dd.open ul li:nth-child(1) a{-webkit-transition-delay: 45ms;transition-delay: 45ms; } .select dd.open ul li:nth-child(2) a{-webkit-transition-delay: 90ms;transition-delay: 90ms; } .select dd.open ul li:nth-child(3) a{-webkit-transition-delay: 135ms;transition-delay: 135ms; } .select dd.open ul li:nth-child(4) a{-webkit-transition-delay: 180ms;transition-delay: 180ms; } .select dd.open ul li:nth-child(5) a{-webkit-transition-delay: 225ms;transition-delay: 225ms; } .select dd.open ul li:nth-child(6) a{-webkit-transition-delay: 270ms;transition-delay: 270ms; } .select dd.open ul li:nth-child(7) a{-webkit-transition-delay: 315ms;transition-delay: 315ms; } .select dd.open ul li:nth-child(8) a{-webkit-transition-delay: 360ms;transition-delay: 360ms; } .select dd.open ul li:nth-child(9) a{-webkit-transition-delay: 405ms;transition-delay: 405ms; } .select dd.open ul li:nth-child(10) a {-webkit-transition-delay: 450ms;transition-delay: 450ms; } .top_section{ background:#f8f9fb; padding:5px 0; border-bottom:1px solid #eef0f5;} .top_section .top_con{ float:left;} .top_section .top_con a{ font-size:12px; color:#777;} .top_section .top_con a:hover{ color:#ef7b39; text-decoration:underline;} .top_section .top_con .tel{ float:left; background:url("../images/top_tel.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/top_tel.png*/ no-repeat left center; padding-left:24px; margin-right:20px;} .top_section .top_con .email{ float:left; background:url("../images/top_email.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/top_email.png*/ no-repeat 20px center; padding-left:44px; position:relative;} .top_section .top_con .email:before{ width:1px; height:10px; position:absolute; left:0px; top:50%; margin-top:-5px; background:#ccc; content:'';} .top_section .top_r{ float:right;} .top_section .top_r .top_sns{ float:left; padding-right:20px; position:relative;} .top_section .top_r .top_sns:after{width: 1px;height: 10px;position: absolute;right: 0px;top: 50%;margin-top: -5px;background: #ccc;content: '';} .top_section .top_r .top_sns a{ display:inline-block; width:28px; height:28px; border-radius:50%; background:rgba(255,255,255,0.1); margin:0px 4px;} /*header_section*/ .header_section #logo{ float:left; padding-top:15px;} .header_section .com_text{ float:left; font-size:24px; color:#333; border-left:1px solid #eaeaea; line-height:54px; margin-left:30px; padding-left:30px; margin-top:28px; text-transform:uppercase;} .search{ float:right; width:327px; position:relative; margin-top:36px;} .search_main{height:42px;background:#f5f5f5;color:#fff;float:left; line-height:30px;font-size:12px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; padding-left:10px; width:100%; border-radius:5px; border:1px solid #f5f5f5; color:#808080;} .search_main:focus{background:#fff;border:1px solid #ef7b39;color:#333;} .search_btn{display:block; width:50px;height:40px;cursor:pointer;background:url("../images/search_ico.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/search_ico.png*/ no-repeat center center; border:none; float:left; position:absolute; top:1px; right:0; border-top-right-radius:30px; border-bottom-right-radius:30px;} /*nav_section*/ .nav_section .nav_box{ background:#fff; margin-bottom:-20px; z-index:666; position:relative; margin-top:15px; box-shadow:0px 0px 10px rgba(0,0,0,0.15);} @media only screen and (min-width: 998px) { .small-mdzz{position: fixed;z-index: 8888888;top: 0px;right: 0; width:100%; max-width:100% !important;-webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3); margin-top:0px; background:#fff; border-bottom:3px solid #ef7b39; padding:0;} .small-mdzz .nav_box{ margin:0px;} } @media only screen and (max-width:1260px) { .mainmenu>nav>ul>li>a{ padding:5px 26px;} } @media only screen and (max-width:1100px) { .mainmenu>nav>ul>li>a{ padding:5px 15px;} .header_section .com_text{ display:none;} .slide-text h4 a:after{ display:none;} .slide-text h4 a{ padding-left:0;} } @media only screen and (max-width:990px) { .header_section #logo{ margin:10px 0; padding-top:0;} .search{ margin-top:30px;} } @media only screen and (max-width:700px) { .top_section .top_r .top_sns{ display:none;} .header_section #logo{ width:100%; text-align:center;} .search{ width:100%; margin-top:0px; margin-bottom:15px;} } @media only screen and (max-width:550px) { .top_section .top_con .tel{ display:none;} .top_section .top_con .email:before{ display:none;} .top_section .top_con .email{ padding-left:22px; background-position:left center;} .banner_text{ display:none;} } /*banner*/ #bootstrap-touch-slider{ position:relative;} #bootstrap-touch-slider .banner_white{height:171px;z-index:999;width:100%; bottom:-1px;position:absolute; left:0px;} /* Slider */ .slick-slider{ position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent;} .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand;} .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } .slick-slide .img img { display: block; margin:0 auto;} .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; margin-top: -10px; padding: 0; border: none; outline: none; } .slick-prev:focus, .slick-next:focus { outline: none; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } /* Dots */ .slick-dots { position: absolute; list-style: none; display: block; text-align: left; padding: 0px; width: 100%; z-index:999; left:180px; top:-60px;} .slick-dots li { position: relative; display: inline-block; margin: 0px 5px; padding: 0px; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height:12px; width:12px; outline: none; line-height: 0; font-size: 0; cursor: pointer; outline: none; background:none; border-radius:50%; border:2px solid #aaa; margin:0px; padding:0px;} .slick-dots li button:focus { outline: none;} .slick-dots li.slick-active button{background:#ef7b39; border:2px solid #ef7b39;} .i_title{ text-align:center; margin-bottom:35px;} .i_title span{font-family:'oswald'; text-transform:uppercase; color:#f3f3f3; font-size:80px; display:block;} .i_title h4{ color:#333; font-size:38px;font-family:'poppins_s'; text-transform:uppercase; display:inline-block; padding-bottom:18px; position:relative; background:url("../images/title_line.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/title_line.png*/ no-repeat center bottom; margin-bottom:16px; margin-top:-8px;} .i_title p{ font-size:12px; color:#999; line-height:20px; max-height:40px; overflow:hidden; max-width:732px; margin:0 auto;} @media only screen and (max-width:768px) { .i_title h4{ font-size:26px !important; margin-bottom:8px; padding-bottom:8px;} .i_title span{ display:none;} } /*ser_section*/ .ser_section{ position:absolute; right:0px; top:0px; height:100%; width:auto; z-index:10000; margin-top:5%; background:url("../images/ser_bg.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/ser_bg.png*/ no-repeat top right;} .ser_section ul li{ list-style:none; margin-bottom:35px;} .ser_section .ser_main{ position:relative;} .ser_section .ser_main h4{position: absolute; text-transform:uppercase; bottom: 50%;width:100%;right:0; width:150px;font-family:'poppins_s'; font-size:24px; line-height:40px; text-align:center; color:#333; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;-webkit-transform: translate(0%, 50%);-moz-transform: translate(0%, 50%);-ms-transform: translate(0%, 50%);-o-transform: translate(0%, 50%);transform: translate(0%, 50%);} .ser_section ul li{ text-align:right;} .ser_section ul li span{font-family:'oswald'; color:#333; line-height:24px; margin-top:10px; font-size:15px; text-transform:uppercase; display:inline-block; width:119px;} .ser_section ul li img{ float:right; margin-left:22px;} .ser_section ul li:nth-child(1),.ser_section ul li:nth-child(6){ margin-right:72px;} .ser_section ul li:nth-child(2),.ser_section ul li:nth-child(5){ margin-right:156px;} .ser_section ul li:nth-child(3),.ser_section ul li:nth-child(4){ margin-right:195px;} .ser_section ul li:nth-child(1){ margin-top:60px;} @media only screen and (max-width:1600px) { .ser_section{ margin-top:20px;} } @media only screen and (max-width:1440px) { .ser_section{ margin-top:0px; height:100%; background-size: auto 90%;} .ser_section ul li{ margin-bottom:18px;} .ser_section ul li:nth-child(1){ margin-top:38px;} .ser_section ul li:nth-child(1),.ser_section ul li:nth-child(6){ margin-right:56px;} .ser_section ul li:nth-child(2),.ser_section ul li:nth-child(5){ margin-right:120px;} .ser_section ul li:nth-child(3),.ser_section ul li:nth-child(4){ margin-right:155px;} } @media only screen and (max-width:1200px) { .ser_section{ display:none;} } /*pro_section*/ .pro_section{ margin-top:70px; margin-bottom:70px;} .pro_section .slider{ margin:0px -15px;} .pro_section .li{ margin:0px 15px; border:1px solid #eee;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition:0.5s all;-moz-transition: 0.5s all;-ms-transition:0.5s all;} .pro_section .li .img a{ display:block; position:relative; overflow:hidden;} .pro_section .li .img a:after{ position:absolute; left:0px; height:100%; top:-100%; width:100%; background:rgba(0,0,0,0.5) url("../images/links_ico.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/links_ico.png*/ no-repeat center center; content:'';transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} .pro_section .li:hover .img a:after{ top:0px;} .pro_section .li h4 a{ display:block; color:#333; font-size:16px; line-height:26px; height:52px; overflow:hidden; font-family:'poppins_s'; text-align:center; padding:0px 20px; margin:30px 0;} .pro_section .li:hover{ box-shadow:0px 0px 10px rgba(0,0,0,0.15);} .pro_section .li:hover img{transform: scale(1.1);} .pro_section .li:hover h4 a{ color:#ef7b39;} .pro_section .slick-prev{width:40px; height:40px; position:absolute; left:-50px; top:50%; vertical-align: middle; opacity:1;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;border:none; opacity:1; margin-top:-20px; border:none; border-radius:50%; background:none;} .pro_section .slick-prev::before{border-radius: 0;color:#949494;display: inline-block;font-family: "FontAwesome";font-size:44px; content: "\f104"; line-height:38px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} .pro_section .slick-next{width:40px; height:40px; position:absolute; right:-50px; top:50%; vertical-align: middle; opacity:1;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;border:none; opacity:1; margin-top:-20px; border:none; border-radius:50%;background:none;} .pro_section .slick-next::before{border-radius: 0;color:#949494;display: inline-block;font-family: "FontAwesome";font-size:44px; content: "\f105"; line-height:38px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} @media only screen and (max-width:1400px) { .pro_section .slider{ padding-left:38px; padding-right:38px;} .pro_section .slider{overflow:hidden;} .pro_section .slick-prev{ left:0px; background:none;} .pro_section .slick-next{ right:0px; background:none;} } @media only screen and (max-width:768px) { .pro_section{ margin:40px 0;} .pro_section .li h4 a{ font-size:14px; margin:15px 0;} } /*about_section*/ .about_section{background:#f5f5f5;} .about_section .about_l{ float:left; width:50%; padding-right:20px; position:relative;} .about_section .about_l .icon{ display:inline-block; position:absolute; left:50%; top:50%; background:#ef7b39 url("../images/video_ico.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/video_ico.png*/ no-repeat center center; width:86px; height:86px; border-radius:50%; margin-top:-43px; margin-left:-33px;} .about_section .about_l .img{ max-height:610px; overflow:hidden; display:block;} .about_section .about_r{ float:left; width:50%; padding-left:20px; padding-right:10%; padding-top:30px;} .about_section .about_r h4 a{font-family:'oswald'; color:#333; font-size:22px; display:block; margin-bottom:0px; margin-top:20px; text-transform:uppercase;} .about_section .about_r .i_title h4{ text-align:left; background-position:left top;} .about_section .about_r .years{ margin-top:30px;} .about_section .about_r .years h4{ font-size:160px; text-shadow:rgba(51,51,51,0.15) -5px 5px 5px; line-height:150px; color:#fff; font-family:'poppins_s'; float:left; margin-right:20px; background: url("../images/years.jpg")/*tpa=https://www.wiskindsteelstructure.com/template/images/years.jpg*/ no-repeat bottom center; background-origin: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent;background-size:150% 150%;} .about_section .about_r .years h6{ font-size:30px; color:#333; font-family:'poppins_s'; text-transform:uppercase; line-height:46px; margin-top:32px;} .about_section .about_r .years p{ color:#ef7b39;} .about_section .about_r .p{ font-size:13px; color:#999; line-height:26px; max-height:182px; overflow:hidden; margin-top:20px; margin-bottom:40px;} .about_section .more{ border-radius:30px; line-height:42px; padding:0px 42px; display:inline-block; color:#fff; font-size:14px; text-transform:uppercase; background:#ef7b39; font-family:'oswald';} .about_section .more{ position:relative;} .about_section .more:hover{text-decoration:none;color:#fff;} .about_section .more::before{content:"\f061";font-family:FontAwesome;font-size:0;Color:#fff;Opacity:0;Transition:opacity .2s ease-in-out, transform .28s ease-in-out;-webkit-transform:translateX(-10px) scale(0);Transform:translateX(-10px) scale(0);-webkit-transition:all var(--transition-time,500ms);-o-transition:all var(--transition-time,500ms);transition:all var(--transition-time,500ms);position:absolute;left:15px;top:0px;font-size:13px; line-height:42px;} .about_section .more:hover::before{ Opacity:1; padding-right:10px; -webkit-transform:translateY(0) scale(1); Transform:translateY(0) scale(1);} .about_section .more:hover img{transform: scale(1.1);} @media only screen and (max-width:1500px) { .about_section .about_r{ padding-top:0px;} .about_section .about_r .p{ margin-bottom:15px;} .about_section .about_r h4 a{ margin-top:10px;} } @media only screen and (max-width:1300px) { .about_section .about_r .years h4{ font-size:100px; line-height:100px;} .about_section .about_r .years h6{ font-size:24px; line-height:30px;} .about_section .about_r .p{ max-height:130px;} .about_section .about_r{ padding-right:50px;} } @media only screen and (max-width:1200px) { .about_section .about_r .years{ display:none;} .about_section .about_r h4 a{ margin-top:30px;} } @media only screen and (max-width:768px) { .about_section{ background:#fff; padding-bottom:20px;} .about_section .about_l{ width:100%; padding:0px;} .about_section .about_r{ width:100%; padding:0 15px;} .about_section .about_l .img{ max-height:360px;} } /* Numbers */ .vertical-lines{position:fixed;top:0;bottom:0;left:50%;transform:translateX(-50%);z-index:-2;pointer-events:none;} .vertical-lines .container{margin:auto;min-height:100vh;} .vertical-lines .line-wrap{display:flex;justify-content:space-evenly;border-style:solid;border-width:0 1px;border-color:#e9e9e9; height:100%;} .vertical-lines .line-item{background:#e9e9e9;height:100vh;width:1px;} .line_bg .vertical-lines{position:absolute;z-index:5; display:none;} .line_bg .vertical-lines .container{min-height:100%;height:100%;} .line_bg .vertical-lines .line-item, .elementor-element .vertical-lines .line-wrap{height:100%;} .line_bg{position:relative;} .line_bg .vertical-lines .line-wrap{border-color:rgba(255,255,255,0.1); left:33.33%;} .line_bg .vertical-lines .line-item{background-color:rgba(255,255,255,0.1);} .numbers .line_bg{ padding:80px 0;} .numbers > .container { padding:0px 5%;} .numbers > .container > div{position: relative;z-index:100; margin:0px -150px;} @media only screen and (max-width:1440px) { .numbers > .container > div{ margin:0;} } .numbers__one{width:25%;float:left;padding:10px 15px; text-align:center; position:relative; margin-top:30px;} .numbers__one .img{width:80px; display:inline-block; padding-bottom:50px; position:relative; margin-bottom:30px;} .numbers__one .img:after{ width:2px; height:28px; background:#ef7b39; left:50%; bottom:0px; content:''; position:absolute;} .numbers__one:last-child:after{ content:none;} .numbers__num{color:#ef7b39;font-family:'oswald'; font-size:64px;line-height:50px;position:relative; display: inline-block; margin:10px 0 5px;} .numbers__one .num span{ font-size:30px; color:#ef7b39;font-family:'oswald'; margin:0px 5px;} .numbers__one .num .plus{ font-size:64px;} .number_plus .numbers__num:after{ position:absolute; font-size:50px; color:#fff; content:'+'; top:0px; right:-30px;} .number__desc{color:#b2b2b4;font-size:14px;text-transform:uppercase; line-height:22px; margin-top:15px; font-family:'oswald';} @media only screen and (max-width:1200px) { .numbers__one{ text-align:center;} .numbers__one .img{ width:100%; text-align:center; margin:0px;} .numbers__num{ margin:0px; font-size:40px;} .numbers .line_bg{ padding:20px 0;} } @media only screen and (max-width:768px) { .numbers{ display:none;} } .num_l{ float:left; width:33.33%; padding-right:5%; margin-top:50px; padding-left:20px;} .num_l .years{ color:#ef7b39; font-size:120px; line-height:120px; font-family:'poppins_s';} .num_l .years span{ font-size:26px; color:#fff; text-transform:uppercase; margin-left:20px; display:inline-block;} .num_l h4{ font-size:24px; color:#fff; line-height:40px; max-height:80px; overflow:hidden; font-family:'poppins_s'; color:#fff;} .num_r{ float:left; width:66.66%;} /*custom_section*/ .custom_section .i_title span{ color:#eaeaea;} .custom_section{ background:#f5f5f5; padding:70px 0 50px;} .custom_section .slider{ margin:0px -15px;} .custom_section .li{ padding:15px; background:rgba(255,255,255,0); border-top:3px solid rgba(255,255,255,0); transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; margin-bottom:10px;} .custom_section .li .img{overflow:hidden; display:block;} .custom_section .li .text{ padding-right:30px; position:relative;} .custom_section .li .text:after{ position:absolute; right:0px; top:0px; height:70px; width:1px; background:#e7e7e7; content:'';} .custom_section .li .day{ color:#ef7b39; font-size:12px;font-family:'poppins_s'; margin-top:20px;} .custom_section .li h4 a{ display:block; font-size:14px; color:#333; line-height:22px; height:44px; overflow:hidden;font-family:'poppins_s';} .custom_section .li:hover .text:after{ background:#ef7b39;} .custom_section .li:hover{ background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.15); border-top:3px solid #ef7b39;} .custom_section .li:hover img{transform: scale(1.1);} .custom_section .slick-prev{width:40px; height:40px; position:absolute; left:-50px; top:50%; vertical-align: middle; opacity:1;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;border:none; opacity:1; margin-top:-20px; border:none; border-radius:50%; background:none;} .custom_section .slick-prev::before{border-radius: 0;color:#949494;display: inline-block;font-family: "FontAwesome";font-size:44px; content: "\f104"; line-height:38px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} .custom_section .slick-next{width:40px; height:40px; position:absolute; right:-50px; top:50%; vertical-align: middle; opacity:1;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;border:none; opacity:1; margin-top:-20px; border:none; border-radius:50%;background:none;} .custom_section .slick-next::before{border-radius: 0;color:#949494;display: inline-block;font-family: "FontAwesome";font-size:44px; content: "\f105"; line-height:38px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} @media only screen and (max-width:1400px) { .custom_section .slider{ padding-left:38px; padding-right:38px;} .custom_section .slider{overflow:hidden;} .custom_section .slick-prev{ left:0px; background:none;} .custom_section .slick-next{ right:0px; background:none;} } @media only screen and (max-width:768px) { .custom_section{ padding:40px 0;} .custom_section .li{ padding:0px 15px;} } /*map_section*/ .map_section{ padding:60px 0;} .map_section .map_main{ position:relative;} .map_section .i_title{ margin-bottom:0;} .map_mark{position:relative;z-index:8888888;} .map_mark .code{position:absolute;left:50%;bottom:80px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;margin-left:-96px;transform:scaleX(0); -webkit-transition:all var(--transition-time,300ms); -o-transition:all var(--transition-time,300ms); transition:all var(--transition-time,300ms); z-index:9999;} .map_mark .code:after{position:absolute;left:50%;bottom:-17px;content:"\f0d7";font-family:FontAwesome;color:#ef7b39;font-size:24px;margin-left:-8px;} .map_mark:hover .code{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;bottom:25px;visibility:visible;transform:scaleX(1);} .map_mark .code>div{background:#fff;border-radius:5px;text-align:center;width:194px;border:2px solid #ef7b39; overflow:hidden;} .map_mark.code>div img{ width:100%;} .map_section .map_mark:nth-child(3n+1){animation-delay: 0s;} .map_section .map_mark:nth-child(3n+2){animation-delay: 0.3s;} .map_section .map_mark:nth-child(3n+3){animation-delay: 0.6s;} .map_mark{text-align:center; display:inline-block; position:absolute; z-index:450;} .map_mark a{ position:relative;} .map_mark span{ display:block; position:absolute; top:10px; font-size:12px; color:#555; margin-top:5px; text-transform:capitalize;font-family:'poppins_s';left:5px;-webkit-transform: translate(-50%,0);-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%,0);transform: translate(-50%, 0); white-space:nowrap;} .map_mark:hover span{ color:#ef7b39; text-decoration:underline;} .map_main .li10 span,.map_main .li12 span{ left:18px;-webkit-transform: translate(0,0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0,0);transform: translate(0%, 0); top:0; margin-top:0; line-height:20px;} .map_ico{ position:relative; width:10px; height:10px; border-radius:50%; background:#ef7b39; display:inline-block; font-style:normal; z-index:555;} @keyframes warn { 0% {transform: scale(0);opacity: 0.5;} 25% {transform: scale(0.15);opacity: 0.7;} 50% {transform: scale(0.33);opacity: 0.8;} 75% {transform: scale(0.66);opacity: 1;} 100% {transform: scale(1);opacity: 0.2;} } @-webkit-keyframes "warn" { 0% {-webkit-transform: scale(0);opacity: 0.5;} 25% {-webkit-transform: scale(0.15);opacity: 0.7;} 50% {-webkit-transform: scale(0.33);opacity: 0.8;} 75% {-webkit-transform: scale(0.66);opacity: 1;} 100% {-webkit-transform: scale(1);opacity: 0.2;} } .map_section .map_ico:before{ border:1px solid #ef7b39; width:30px; height:30px; left:50%; top:50%; position:absolute; content:''; border-radius:50%; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; margin-left:-15px; margin-top:-15px; z-index:666; opacity: 0; -webkit-animation: warn 1.5s ease-out; -moz-animation: warn 1.5s ease-out; animation: warn 1.5s ease-out; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite;} .map_main .li1{ position:absolute; left:33.8%; top:21.3%;} .map_main .li2{ position:absolute; left:72.7%; top:26.9%;} .map_main .li3{ position:absolute; left:33.9%; top:36.8%;} .map_main .li4{ position:absolute; left:75.3%; top:39.8%;} .map_main .li5{ position:absolute; left:23.5%; top:40.2%;} .map_main .li6{ position:absolute; left:42.5%; top:42.5%;} .map_main .li7{ position:absolute; left:30.2%; top:51.1%;} .map_main .li8{ position:absolute; left:38.1%; top:55.4%;} .map_main .li9{ position:absolute; left:34.6%; top:58.4%;} .map_main .li10{ position:absolute; left:17.2%; top:60.7%;} .map_main .li11{ position:absolute; left:10%; top:62%;} .map_main .li12{ position:absolute; left:16.8%; top:65.7%;} .map_main .li13{ position:absolute; left:13.4%; top:69%;} .map_main .li14{ position:absolute; left:11%; top:73.4%;} .map_main .li15{ position:absolute; left:13.2%; top:83.4%;} .map_main .li16{ position:absolute; left:38.4%; top:66.2%;} .map_main .li17{ position:absolute; left:41.5%; top:78.5%;} .map_main .li18{ position:absolute; left:88.1%; top:70.2%;} .map_main .li19{ position:absolute; left:82.3%; top:82.1%;} .map_main .li20{ position:absolute; left:51.2%; top:90.6%;} @media only screen and (max-width:768px) { .map_mark span{ font-family:'poppins';} .map_section{ padding:40px 0;} } @media only screen and (max-width:600px) { .map_mark span{ display:none;} } /*subscribe*/ .subscribe{ background:#eee; position:relative; padding:50px 0;} .subscribe span{font-family:'oswald'; text-transform:uppercase; color:#f9f9f9; font-size:80px; display:block; margin-left:30px;} .subscribe h4{ font-size:36px; text-transform:uppercase; color:#333; line-height:39px; border-left:4px solid #ef7b39; padding-left:23px; font-family:'poppins_s'; z-index:1; } .subscribe p{ font-size:12px; color:#999; margin:15px 0;} .subscribe:after{ position:absolute; width:30%; right:0px; top:0px; height:100%; background:#ef7b39; content:''; z-index:2;} .subscribe .footer_email .p{ font-size:13px; line-height:24px;overflow:hidden;} .subscribe .email{width:480px; margin-top:15px; margin-bottom:20px; position:relative; z-index:3;} .subscribe .email_main{height:50px;color:#b2b2b2;float:left; line-height:50px;font-size:12px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; width:100%; background:#fff url("../images/email_ico.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/email_ico.png*/ no-repeat 18px center;padding-left:50px; border-radius:30px;} .subscribe .email_main:focus{ color:#333;} .subscribe .email_btn{ border:none; width:46px; height:46px; background:url("../images/email_btn.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/email_btn.png*/ no-repeat center center; position:absolute; top:2px; right:2px;} .subscribe .build{ position:absolute; right:0px; bottom:0px; z-index:3;} @media only screen and (max-width:1200px) { .subscribe .build{ width:50%;} .subscribe span{ display:none;} .subscribe{ padding:30px 0;} } @media only screen and (max-width:768px) { .subscribe h4{ font-size:26px; border-left:none; background:url("../images/title_line.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/title_line.png*/ no-repeat center bottom; padding-bottom:5px;} .subscribe:after{ display:none;} .subscribe{ text-align:center;} .subscribe .email{ width:100%; margin:0;} } /*footer*/ #footer{ background:url("../images/footer_bg.jpg")/*tpa=https://www.wiskindsteelstructure.com/template/images/footer_bg.jpg*/ no-repeat center top; color:#ccc; font-size:13px; padding-top:60px; background-size:cover;} #footer ul li{ list-style:none;} #footer .modules a{ color:#ccc;} #footer .modules a:hover{ color:#ef7b39; text-decoration:underline;} #footer .footer_con{ float:left; width:32%;padding-right:5%;} #footer .footer_tags{ float:left; width:25%; padding-right:2%;} #footer .footer_follow{ float:left; width:21%; padding-right:2%;} #footer .footer_message{ float:left; width:22%;} @media only screen and (max-width:768px) { #footer .footer_con{ float:left; width:100%;padding-right:0%;} #footer .footer_follow{ float:left; width:100%; padding-right:0%;} #footer .footer_tags{ float:left; width:100%; padding-right:0%;} #footer .footer_message{ float:left; width:100%; padding-right:0%;} } .index_input{ margin-top:10px;} .index_input .p{ margin-bottom:20px;} .index_input .in_email{ font-size:12px; line-height:38px;height:40px; padding-left:13px; color:#fff;background:rgba(255,255,255,0.1); transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all; position:relative; margin-bottom:14px;width:100%; border:1px solid rgba(255,255,255,0); border-radius:5px;} .index_input .in_tel{ font-size:12px; line-height:44px;height:40px; padding-left:13px; color:#fff; background:rgba(255,255,255,0.1); transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;margin-bottom:14px; width:100%; border:1px solid rgba(255,255,255,0); border-radius:5px;} .index_input .in_message{line-height:30px; font-size:12px; height:80px; width:100%; padding-left:12px; color:#777; background:rgba(255,255,255,0.1);transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; border:1px solid rgba(255,255,255,0); border-radius:5px;} .index_input .btn_1{ line-height:36px; height:36px; border:none; color:#fff; border-radius:30px; padding:0px 25px; background:#ef7b39; font-size:13px;font-family:'poppins_s';margin-top:15px; text-transform:uppercase;} #footer .footer_con ul li{ line-height:22px; padding:10px 0;} #footer .footer_con ul .li1{ background:url("../images/footer_add.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/footer_add.png*/ no-repeat left 6px; padding-left:40px;} #footer .footer_con ul .li2{ background:url("../images/footer_tel.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/footer_tel.png*/ no-repeat left 0px; padding-left:40px;} #footer .footer_con ul .li3{ background:url("../images/footer_email.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/footer_email.png*/ no-repeat left 0px; padding-left:40px;} #footer .footer_con ul .li4{ background:url("../images/footer_fax.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/footer_fax.png*/ no-repeat left 0px; padding-left:40px;} #footer .footer_con ul .li5{ background:url("../images/footer_whatsapp.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/footer_whatsapp.png*/ no-repeat left 0px; padding-left:40px;} #footer .footer_con ul .coad{ max-width:150px; margin-top:10px;} .index_input input::-webkit-input-placeholder { /* WebKit browsers */ color:#ccc; filter:alpha(opacity:100);opacity:1;-moz-opacity:1;-khtml-opacity: 1;} .contact_section input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#ccc; filter:alpha(opacity:100);opacity:1;-moz-opacity:1;-khtml-opacity: 1; } .index_input input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ccc; filter:alpha(opacity:100);opacity:1;-moz-opacity:1;-khtml-opacity: 1; } .index_input input:-ms-input-placeholder { /* Internet Explorer 10+ */ color:white; filter:alpha(opacity:100);opacity:1;-moz-opacity:1;-khtml-opacity: 1; } .index_input textarea::-webkit-input-placeholder { /* WebKit browsers */ color:#ccc; filter:alpha(opacity:100);opacity:1;-moz-opacity:1;-khtml-opacity: 1; } .index_input textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#ccc; filter:alpha(opacity:100);opacity:1;-moz-opacity:1;-khtml-opacity: 1; } .index_input textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ccc; filter:alpha(opacity:100);opacity:1;-moz-opacity:1;-khtml-opacity: 1; } .index_input textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ccc; filter:alpha(opacity:100);opacity:1;-moz-opacity:1;-khtml-opacity: 1; } .index_input .in_email:focus ,.index_input .in_tel:focus,.index_input .in_message:focus{ border:1px solid #ef7b39; color:#fff;} #footer .footer_follow ul li a,.footer_tags ul li a{ line-height:24px; padding:6px 0; display:inline-block; position:relative; display:block; text-transform:capitalize;} #footer .footer_follow ul li a:after,.footer_tags ul li a:after{width:4px;height:4px;display: block;background: #424242;content: "";position: absolute;top: 20px;left: 3px;margin-top: -4px; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; opacity:0;} #footer .footer_follow ul li:hover a:after,.footer_tags ul li:hover a:after{ background:#ef7b39;opacity:1;} #footer .footer_follow ul li:hover a,.footer_tags ul li:hover a{ padding-left:14px; } #footer .footer_news ul li{ list-style:none; margin-bottom:14px; margin-top:6px;} #footer .footer_news ul li .img{ float:left; width:110px; margin-right:15px;} #footer .footer_news ul li h4 a{ font-size:12px; color:#9e9e9e; line-height:24px; height:48px; display:block; overflow:hidden;} #footer .footer_news ul li .day{ background:url("../images/date.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/date.png*/ no-repeat center left; padding-left:28px; display:inline-block; color:#ef7b39; font-size:12px;} .footer_sns{ margin:10px 0;} .footer_sns a{ display:inline-block; margin-right:4px;} .footer_sns a:hover{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1); transform:scaleX(-1); filter:FlipH; transform: rotateY(180deg);} *:focus {outline: none;} #footer .title_h4{font-size:20px; color:#fff;font-family:'poppins_s'; text-transform:uppercase; margin-bottom:24px;} @media only screen and (max-width: 768px) { #footer .title_h4{ position:relative; margin-top:0; font-family:'poppins_s'; text-transform:uppercase; background:rgba(255,255,255,0.1); font-size:14px; padding-bottom:0px; padding:4px 10px; margin-bottom:15px;} #footer .title_h4:after { display: block; content: "\f078"; font-family: "FontAwesome"; position: absolute; right:15px; cursor:pointer; font-size:14px; top:3px; color:#fff; } #footer .title_h4.active:after { content: "\f077"; } } .footer_bottom{padding:12px 0;font-size:13px; color:#858585; line-height:22px; background:url("../images/footer_bottom.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/footer_bottom.png*/ no-repeat center top; margin-top:40px;} .footer_bottom .left{ float:left; width:50%; margin-top:28px;} .footer_bottom .left .footer_logo{ float:left; margin-right:40px;} .footer_bottom .left .footer_sns{ margin-top:16px;} .footer_bottom .left .footer_sns a{ display:inline-block; margin:0px 4px;} .footer_bottom .right{ float:right; width:50%; text-align:right; margin-top:70px; font-size:12px;} .footer_bottom .links a{ margin:0px 4px; line-height:22px;} .footer_bottom a{ color:#858585; font-size:13px;} .footer_bottom a:hover{color:#ef7b39; text-decoration:underline;} @media only screen and (max-width:1360px) { .footer_bottom .right{ padding-right:50px;} } @media only screen and (max-width:990px) { .footer_bottom{ background:none; margin-top:0;} .footer_bottom .left .footer_logo{ display:none;} #footer{ padding-top:30px;} .footer_bottom .left .footer_sns{ margin-top:0px; text-align:center; width:100%;} .footer_bottom .left{ width:100%;} .footer_bottom .right{ width:100%; text-align:center; margin-top:15px;} } @media only screen and (max-width:768px) { .footer_bottom .right{ margin-top:0;} .footer_bottom .left{ margin-top:0;} .footer_bottom{ font-size:12px;} .footer_bottom a{ font-size:12px;} } *:focus {outline: none;} #footer .title_h4{font-size:22px; color:#fff;text-transform:uppercase; margin-bottom:24px;} @media only screen and (max-width: 768px) { #footer .title_h4{ position:relative; margin-top:0; font-family:'poppins_s'; text-transform:uppercase; background:rgba(255,255,255,0.1); font-size:14px; padding-bottom:0px; padding:4px 10px; margin-bottom:15px;} #footer .title_h4:after { display: block; content: "\f078"; font-family: "FontAwesome"; position: absolute; right:15px; cursor:pointer; font-size:14px; top:3px; color:#fff; } #footer .title_h4.active:after { content: "\f077"; } } /*service*/ #service{position:fixed;right:-210px;top:10px;z-index:999999999;margin:200px 0 0 0; font:14px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; color:#333;} #service ul{ list-style:none;} .online_title{background:#ef7b39; text-align:center;font-family:'poppins_s'; font-size:14px; color:#fff; text-transform:uppercase; padding:10px 0;} .online_title img{ max-width:30px; margin-right:5px;} #service a{ color:#333; font-size:12px;} #ser_main{position:relative;z-index:9;top:0px;} #ser_main a{display:block;overflow:hidden;} #ser_main #floatShow1{background:url("../images/ser-30.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/ser-30.png*/ no-repeat;height:180px;width:38px;z-index:99999; position:absolute; left:-38px; top:0px;} #online{float:left;background:#fff;overflow:hidden; width:210px;-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.1);position:relative;} .onlineMenu ul li{ padding:10px 10px; border-bottom:1px solid #eee;} .onlineMenu ul li:last-child{ border:none;} .onlineMenu ul li:nth-child(2){ background:#e5e5e5;} .onlineMenu .serm_top{text-align:center;padding-bottom:10px;} .onlineMenu .call{text-align:left;} .call{ padding:6px 10px; font-size:12px;} .call img{display:inline-block;vertical-align:middle; margin-right:6px; } .call a:hover{color:#ef7b39 !important;} #service:hover{ right:0px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} #service:hover #ser_main #floatShow1{ left:120px; z-index:-11; opacity:0;} #service h4{ font-size:15px; color:#333; margin:0px; line-height:25px;font-family:'poppins_s'; } @media only screen and (max-width: 768px) {#service{display:none;}} /*footer_nav*/ .footer_nav,.height{ display:none} @media only screen and (max-width: 768px) { .footer_nav{width: 100%; position:fixed; bottom:0; display:block; overflow:hidden; z-index:9999999;} .height{ height:50px; display:block} .footer_nav{background:#ef7b39 ;padding:12px 0 5px; border-top:2px solid #fff;} .footer_nav ul li{ float:left; width:20%; text-align:center; list-style:none; padding:0px 2px;} .footer_nav ul li i{ font-size:16px; color:#fff;} .footer_nav ul li:nth-child(4){ float:right;} .footer_nav ul li:nth-child(5){ float:right;} .footer_nav ul li p{color:#fff;font-size:12px;margin-top:3px;text-transform:capitalize; line-height:12px;} } @media only screen and (max-width: 300px) {.footer_nav ul li p{ display:none;} .height{ height:43px;}} /*service*/ #online_qq_layer{z-index:9999999;position:fixed;right:0px;bottom:0; } #floatShow{display:block;} #floatHide{display:none;} #online_qq_tab{position:relative;z-index:9;} #online_qq_tab #floatShow{overflow:hidden;background:#ef7b39 url("../images/inquiry_e.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/inquiry_e.png*/ no-repeat 10px center; height:46px; padding:0px 20px 0px 50px; line-height:46px; text-transform:capitalize; color:#fff;box-shadow:0px 0px 10px rgba(255,255,255,0.2); margin-bottom:15px; border-radius:30px; margin-right:20px;} #online_qq_tab #floatShow img{ max-height:24px; float:right; margin-top:6px;} #online_qq_tab #floatHide img{ max-height:32px; float:right; margin-top:2px;} #online_qq_tab #floatHide{overflow:hidden;background:#ef7b39 url("../images/ser_1.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/ser_1.png*/ no-repeat left center; width:100%; height:40px; font-size:13px; color:#fff; line-height:40px; padding-left:50px; width:385px;text-transform:capitalize; margin-right:10px;font-family:'poppins_s'; } #onlineService{display:inline;width:385px; overflow: hidden;display:none;background: #fff; font-size:13px;box-shadow:0px 0px 10px rgba(0,0,0,0.2); border:1px solid #eee; margin-right:10px;} #online_qq_tab #floatHide:after{ position:absolute; right:9px; top:0px; height:36px; width:48px; content:'';background:url("../images/ser_3.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/ser_3.png*/ no-repeat left center;} .web_inquiry .p{ color:#555; line-height:22px; margin-bottom:10px; font-size:12px;} .web_inquiry{ padding:15px;} .web_inquiry .input_1{ font-size:12px; line-height:38px; height:38px; border:1px solid #ddd; padding-left:10px; width:100%; background:none; color:#777; margin-bottom:15px; } .web_inquiry .input_1:focus{ color:#333;border:1px solid #ef7b39; } .web_inquiry .input_2{ font-size:12px; line-height:26px; height:80px; border:1px solid #ddd; padding-left:10px; width:100%; background:none; color:#777; margin-bottom:15px; } .web_inquiry .input_2:focus{ color:#333;border:1px solid #ef7b39;} .web_inquiry .btn_1{ line-height:34px; height:32px; background:#ef7b39 ; display:inline-block; color:#fff; text-transform:uppercase;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; padding:0px 32px; border:none;font-family:'poppins_s'; border-radius:30px; font-size:12px;} .web_inquiry .btn_1 i{ margin-right:6px;} .web_inquiry .btn_1::before{ line-height:36px !important;} @media only screen and (max-width: 1500px) { #online_qq_tab #floatShow{ margin-right:-140px; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} #online_qq_tab #floatShow:hover{ margin-right:0px;} } @media only screen and (max-width: 768px) { #onlineService{ width:100%;} #online_qq_layer{ width:100%;} #online_qq_tab{ width:100%;} #online_qq_tab #floatShow{ background:url("../images/inquiry_ico.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/inquiry_ico.png*/ no-repeat; width:46px; height:46px; position:absolute; left:50%; bottom:0px; margin-left:-23px; padding-left:46px;} #online_qq_tab #floatHide{ width:100%; background:#ef7b39 url("../images/ser_1.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/ser_1.png*/ no-repeat left center; width:100%; height:36px;} #online_qq_tab #floatShow{ padding:0px; box-shadow:none; padding-left:46px;} } /*back-top*/ .totop{width:46px; height:46px; position:fixed; right:20px; bottom:80px; z-index:9999; display:none; background:rgba(0,0,0,0.3) url("../images/top.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/top.png*/ no-repeat center center;-moz-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s; border-radius:50%; border:2px solid rgba(255,255,255,0.5);} .totop:hover{ background:#ef7b39 url("../images/top.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/top.png*/ no-repeat center center; border:2px solid #ef7b39;} @media only screen and (max-width: 768px) {.totop{ display:none; bottom:80px;}.totop:hover{ bottom:80px; }.totop{ max-width:40px; height:40px;}} /*n_main*/ .mbx_section{position:relative; text-align:center;background:#fff; padding:12px 0;} .mbx_section .img img{ width:100%; height:auto;} .n_title{ text-align:center; margin-top:30px;} .n_title h4{ border-top:1px solid #ddd;} .n_title .h4{ border-top:1px solid #ddd;} .n_title h4 span{ position:relative; display:inline-block; padding:0px 50px; background:#fff; color:#333; font-size:36px; font-family:'poppins_s'; text-transform:uppercase; line-height:40px; margin-top:-25px;} .n_title .h4 h1{ position:relative; display:inline-block; padding:0px 50px; background:#fff; color:#333; font-size:36px; font-family:'poppins_s'; text-transform:uppercase; line-height:40px; margin-top:-25px;} .n_title h4 span:before{width:9px; height:9px; border-radius:50%; background:#ddd; position:absolute; left:0px; top:50%; content:'';} .n_title h4 span:after{width:9px; height:9px; border-radius:50%; background:#ddd; position:absolute; right:0px; top:50%; content:'';} .n_title .h4 h1:before{width:9px; height:9px; border-radius:50%; background:#ddd; position:absolute; left:0px; top:50%; content:'';} .n_title .h4 h1:after{width:9px; height:9px; border-radius:50%; background:#ddd; position:absolute; right:0px; top:50%; content:'';} .mbx_section .mbx{font-size:12px;margin-top:0px;} .mbx_section .mbx a{color:#777; font-size:13px;} .mbx_section .mbx a:hover{ color:#ef7b39;} .mbx_section .mbx a i{ margin-right:4px; color:#ef7b39;} .mbx_section .mbx span{ font-size:12px; color:#777; margin:0px 10px;} .mbx_section .mbx h2{ color:#777; font-size:12px; display:inline-block;} .mbx_section .icon i{ font-size:17px; color:#fff; line-height:36px; width:36px; border-radius:5px; background:#ef7b39; text-align:center; border-bottom:2px solid #33678b; position:absolute; left:0px; bottom:0px; line-height:36px;} @media only screen and (max-width: 768px) { .mbx_section .h4{ width:100%; text-align:center; font-size:22px;} .mbx_section .mbx{ width:100%; text-align:center; margin-top:0px;} .mbx_section h4{ border-bottom:none;} .mbx_section .icon i{ display:none;} .mbx_section{ padding:10px 0px;} .mbx_section h4{ line-height:24px;} .n_title h4 span{ font-size:24px; padding:0px 36px;} .mbx_section .h4{ border-bottom:none;} .n_title .h4 h1{ font-size:24px; padding:0px 36px;} } .n_main{ padding:50px 0; color:#777; font-size:14px; line-height:30px;} .n_banner img{ width:100%;} .section_title{ font-family:'poppins_s'; color:#333; padding:4px 0px; line-height:30px; text-transform:uppercase;font-size:26px;} .section_title img{ margin-right:15px;} .contact .h4 h4{ color:#333;font-size:36px; margin-bottom:20px;font-family:'poppins_s'; text-transform:capitalize; text-align:center;} .contact .h4 .p{ text-align:center; font-size:13px; color:#999; margin-bottom:30px;} @media screen and (max-width: 768px) { .section_title{ font-size:20px;} } .prom_r{ float:right; width:28%; padding-left:50px;} .prom_l{ float:left; width:72%;} .n_left{ float:left; width:28%; padding-right:50px;} .left_h4{font-family:'poppins_s'; color:#333; font-size:22px; text-transform:uppercase; background:url("../images/title_line.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/title_line.png*/ no-repeat left bottom;padding-bottom:15px;} .left_nav{ border:1px solid #f2f2f2;} .nav_h4{font-family:'poppins_s'; background:#ef7b39; color:#fff; font-size:18px; position:inherit; border-bottom:1px solid #f2f2f2; padding:6px 10px; text-transform:capitalize;} .nav_h4::after{ content:none;} .nav_h4:before{ content:"\f03a"; color:#fff; float:right; font:normal normal normal 14px/1 FontAwesome; margin-right:6px; line-height:32px;} .n_right{ float:right; width:72%;} .n_left .block{ margin-bottom:30px;} @media only screen and (max-width:768px) { .n_left{ width:100%; padding-right:0;} .n_right{ width:100%; border-left:none !important; padding-left:0px;} .left_h4 span{ background:none;} .left_h4{ position: relative; margin-bottom:20px; background:none; text-align:left !important; background:#ef7b39 !important; padding:0px 10px; line-height:36px; color:#fff !important; font-size:16px !important; border-bottom:none;} .left_h4:after { display: block; content: "\f107"; font-family: "FontAwesome"; position: absolute; right:15px; cursor:pointer; font-size:20px; top:0px; color:#fff; } .left_h4.active:after { content: "\f106"; } .n_left .toggle_content { padding-bottom:30px;} .nav_h4{ position:relative;color:#fff; background:#ef7b39; padding:3px 10px; font-size:16px;} .nav_h4:before{ content:none;} .nav_h4:after { display: block; content: "\f107"; font-family: "FontAwesome"; position: absolute; right:15px; cursor:pointer; font-size:20px; top:4px; color:#fff; } .nav_h4.active:after { content: "\f106"; } } .about_nav{ margin-bottom:30px;} .about_nav ul li{width:25%; float:left; list-style:none; padding:0px 2px;} .about_nav ul li a{ display:block; line-height:40px; padding:5px 0; text-align:center; color:#333; font-family:'poppins_s'; background:#eee; font-size:16px; text-transform:capitalize;} .about_nav ul li.active a,.about_nav ul li:hover a{ background:#ef7b39; color:#fff;} @media only screen and (max-width:768px) { .about_nav ul li{ width:50%; margin-bottom:10px;} .about_nav ul li a{ font-size:12px; line-height:20px;} } .bt11 .img{ position:relative; } .bt11 .img img{ width:100%; background:#fff;} .bt11 .img .line{ position:relative; overflow:hidden; display:block;} .bt11 .img .line:after{width: calc(100% - 20px);height: calc(100% - 20px);position: absolute;left: 10px;top: 10px;content:'';border:1px solid rgba(255,255,255,0.5); transition: all ease-out .3s; opacity:0;} .bt11 .img{transition-duration: 0.6s; width:100%;transition-timing-function: ease-out;} .bt11 .img:hover .line img{transform: scale(1.1);} .bt11 .icon{position: absolute;left: 50%;top: 100%;margin-left: -30px;margin-top: -30px;opacity: 0;display:block;transition: all ease-out .3s;text-align: center;font-size:40px; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;background:url("../images/links_ico.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/links_ico.png*/ no-repeat center center; width:60px; height:60px;} .bt11 .img:hover .icon {opacity: 1;top:50%;} /*left*/ ul.mtree{opacity: 0;margin-left: 0; background:#fff;} ul.mtree>li {list-style: none; margin-bottom:3px; padding:0px 10px;} ul.mtree>li:last-child>a{ border-bottom:none;} ul.mtree a{display: block;font-size:14px; color:#333;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; padding:10px 30px 10px 0px; line-height:22px; padding-right:36px; border-bottom:1px solid #f2f2f2;} ul.mtree li ul{ padding-left:10px;} ul.mtree li ul a{ padding:8px 25px 8px 0px;} ul.mtree ul li:last-child a{ border:none;} ul.mtree li.mtree-node > a {font-size:14px;} ul.mtree.transit li.mtree-open>span:before {content:"-";font-family:FontAwesome;padding-left:5px; float:right; font-size:30px; color:#333; font-style:normal; padding:3px 15px; position:absolute; right:10px; top:0;} ul.mtree.transit li.mtree-closed>span:before {content:"+";font-family:FontAwesome;padding-left:5px; float:right; font-size:20px; color:#333; font-style:normal; padding:6px 17px; position:absolute; right:10px; top:0;} ul.mtree .mtree-level-1 li.mtree-open>span:before {content:"-";font-family:FontAwesome;padding-left:5px; float:right; font-size:30px; color:#333; font-style:normal; background:none; padding:2px 14px; position:absolute; right:2px; top:0;} ul.mtree .mtree-level-1 li.mtree-closed>span:before{content:"+";font-family:FontAwesome;padding-left:5px; float:right; font-size:20px; color:#333; font-style:normal; background:none; padding:4px 12px; position:absolute; right:2px; top:0;} ul.mtree>li:hover>a{color:#ef7b39;} ul.mtree>li.mtree-node a ul a{ font-size:14px;} ul.mtree>li.mtree-open{color:#ef7b39;padding-bottom:0;} ul.mtree>li.mtree-open>a{color:#ef7b39;} ul.mtree>li.mtree-node:hover>a{color:#ef7b39;text-decoration:none;} ul.mtree ul { background:#fff; border-bottom:1px solid #f2f2f2; border-top:none;} ul.mtree ul li{list-style:none; position:relative;} ul.mtree ul li a{display:block;color:#777;font-size:14px;} ul.mtree>li>ul>li>a{ font-size:13px !important;} ul.mtree ul li a:hover{color:#ef7b39 ;} ul.mtree li ul li.mtree-open a{color:#ef7b39;text-decoration:none;} ul.mtree .mtree-level-2{ margin-top:0px; border:none; margin-bottom:0; background:#fafafa; border-bottom:1px solid #eee;} ul.mtree li ul.mtree-level-2 li a{color:#808080;font-weight:normal;font-size:13px;} ul.mtree .mtree-level-2 li a:hover{text-decoration:underline;color:#ef7b39 ;font-weight:normal;} ul.mtree.jet ul {margin-left: 0;} ul.mtree.jet li {margin-bottom: 1px;} ul.mtree.jet li:last-child {margin-bottom: 0px;} ul.mtree.jet li:first-child {margin-top: 1px;} ul.mtree.jet li.mtree-active a {background: #e5e5e5;} ul.mtree.jet li.mtree-active li:last-child > a {border-radius: 0px 0px 3px 3px;} ul.mtree.jet li.mtree-active > a {background: #008cba;color: #FFF; border-radius: 3px 3px 0px 0px;} ul.mtree.jet li > a:hover { background: #FFC000;color: #FFF;} ul.mtree.jet a { padding: 5px 0px 5px 1em;} ul.mtree.jet li li > a { padding-left: 2em;} ul.mtree.jet li li li > a {padding-left: 3em;} ul.mtree.jet li li li li > a {padding-left: 4em;} ul.mtree.jet li li li li li > a {padding-left: 5em;} ul.mtree a:hover{text-decoration:none;} ul.mtree>li.mtree-node ul i{margin-right:4px;} .mtree-skin-selector{ display:none !important} ul.mtree>li>a:before{ display:none; content:"\f105";font-family:FontAwesome; margin-right:0px; font-size:14px; line-height:30px; position:absolute; left:5px; top:0; padding:8px 0; opacity:1; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; color:#aaa;} /*ul.mtree>li.active>a{color:#ef7b39; padding-left:20px;} ul.mtree>li.active>a:before{ content:"\f178";font-family:FontAwesome; margin-right:0px; position:absolute; left:0px; top:0; padding:8px 0; opacity:1;} */ /*hot_left*/ .hot_left ul li{ list-style:none; margin-top:15px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} .hot_left ul li .img{ float:left; width:34%;display:inline-block; margin-right:15px; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; overflow:hidden;overflow:hidden;} .hot_left ul li .overly{ position:absolute; left:-100%; top:0px; background:rgba(140,64,103,0.7) url("../images/ico_links.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/ico_links.png*/ no-repeat center center; width:100%; height:100%; background-size:20px auto;} .hot_left ul li:hover .overly{ left:0px;} .hot_left ul li .more{ color:#ef7b39;font-family:'poppins_s';text-transform:uppercase; font-size:12px; margin-top:8px; display:block;} .hot_left ul li .more i{ margin-left:4px;} .hot_left ul li h4 a{ font-size:13px; color:#777; overflow:hidden; line-height:22px; margin-top:5px; max-height:44px; display:block;} .hot_left ul li:hover h4 a{ color:#ef7b39;} .hot_left ul li:hover .img img{transform: scale(1.1);} @media screen and (max-width: 768px) { .hot_left { display:none;} } /*page_left*/ .page_left .nav ul{ background:#fbfbfb; padding:15px;} .page_left .nav ul li{ list-style:none; border-bottom:1px dashed #eee; padding:5px 0;} .page_left .nav ul .active a{ color:#fff;} .page_left .nav ul .active i{color:#fff;} .page_left .nav ul li a{ color:#555; display:inline-block; padding:5px 0; font-size:14px;} .page_left .nav ul li a i{ font-size:13px; color:#bbb; margin-right:10px;} .page_left .nav ul li:hover a,.page_left .nav ul li:hover i{ color:#fff;} .adv_left{ margin-top:30px;} .adv_left .toggle_content{ border:1px solid #eee; padding:15px;} .adv_left h4 a{ font-size:14px; color:#808080; text-align:center; display:block; margin-top:15px;} /*contact*/ .contact{ padding:50px 0;} @media only screen and (max-width: 768px) { .contact{ padding-bottom:0px;} } .com_ul{ margin-top:30px; margin-bottom:30px;} .com_ul a:hover{ color:#ef7b39;} .com_ul .h4 span{ color:#333; font-size:26px;text-transform:uppercase; text-align:center;background:#fff; padding:0px 30px; display:inline-block;} .com_ul li{ list-style:none; text-align:center;} .com_ul li .li{padding:30px 15px; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; background:#f7f7f7;} .com_ul li .li .icon{ width:60px; height:60px;border-radius:50%; display:inline-block; overflow:hidden; color:#fff; background:#ef7b39;font-size:20px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} .com_ul li .li:hover .icon{-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH; transform: rotateY(180deg); } .com_ul li .li .icon i{ line-height:60px;} .com_ul li .li h4,.com_ul li .li h4 a{ color:#333; font-size:14px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; line-height:20px;overflow:hidden;margin:15px 0 5px;font-family:'poppins_s'; text-transform:uppercase;} .com_ul li .li p{ font-size:13px; color:#808080;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} .com_ul li .li em{ font-style:normal;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;color:#ef7b39; font-size:16px; margin:10px 0; display:inline-block; font-family:'poppins_s'; } .com_ul li .li em i{ margin-left:10px;} .com_ul .con_info{ margin-top:50px; text-align:center; margin-bottom:50px;padding-bottom:30px; padding-top:30px;} .com_ul .con_infop{ line-height:30px;} .contact map{ margin-top:20px;} .contact .con_infop{ padding-top:20px; font-size:14px; color:#777;} .contact .contact_section .contact_box{ text-align:left; margin-left:0px;} .contact .contact_inq .req{ font-size:14px; color:#555; margin-bottom:20px;} .contact .contact_inq .req span{ color:red;} .contact_inq .p{ font-size:13px; color:#777; line-height:24px; max-height:48px; overflow:hidden; margin-bottom:15px;} .contact_inq .input_1{ font-size:13px; line-height:46px;height:46px; padding-left:20px; width:100%; background:#fff; color:#999; margin-bottom:15px; border:1px solid #ddd;} .contact_inq .input_1:focus{ border:1px solid #ef7b39; color:#333;} .contact_inq .input_2{line-height:40px; font-size:13px; height:100px; padding-left:20px; width:100%; background:#fff; color:#999; border:1px solid #ddd; margin-bottom:15px;} .contact_inq .input_2:focus{border:1px solid #ef7b39; color:#333;} .contact_inq .in_email{ background:#fff url("../images/inquiry_email.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/inquiry_email.png*/ no-repeat 8px center; padding-left:40px;} .contact_inq .in_tel{ background:#fff url("../images/inquiry_tel.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/inquiry_tel.png*/ no-repeat 8px center; padding-left:40px;} .contact_inq .in_message{ background:#fff url("../images/inquiry_message.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/inquiry_message.png*/ no-repeat 8px 10px; padding-left:40px;} .contact_email{ float:right;} .contact_email .email{ background:url("../images/con_bg.jpg")/*tpa=https://www.wiskindsteelstructure.com/template/images/con_bg.jpg*/ no-repeat center center; background-size:cover; padding:50px 30px;} .contact_email .email h4{ font-size:26px; color:#fff; text-transform:capitalize;line-height:40px; font-family:'poppins_s'; text-transform:capitalize;} .contact_email .email p{ color:#fff0e0; line-height:24px; height:72px; overflow:hidden; margin:10px 0;} .contact_email .email .email_main{ background:#fff; line-height:50px; height:50px; width:100%; padding-left:10px; border:none; color:#999; border-radius:30px;} .contact_email .email_btn{ background:#ef7b39; line-height:50px; height:50px; width:100%; padding-left:10px; border:none; color:#fff;text-transform:uppercase; font-size:14px; margin-top:15px; border-radius:30px;} .contact_oth{ margin-top:40px;} .contact .map{ margin-top:10px; border-top:1px solid #e5e5e5; padding-top:30px;} @media screen and (max-width: 768px) { .contact_m{ padding:0px;} .con_map{ margin-top:20px;} .com_ul li { margin-bottom:15px;} .com_ul li .li h4{ margin:5px 0;} .contact_email { width:100%;} .contact_email{ margin-top:20px;} .contact_oth{ padding:20px 0; margin:20px 0;} .com_ul{ margin-bottom:20px;} .com_ul li .li{ background:#fafafa;} } /*news*/ .news .img{ width:32%; margin-right:20px; overflow:hidden; display:block; float:left;position:relative;} .news .img{ display:block; overflow:hidden;} .news .img img{ width:100%;} @media only screen and (max-width: 980px) {.news .img{ width:45%;}} .news ul li{ list-style:none; margin-bottom:30px; border:1px solid #eee; padding:10px; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} .news ul li:hover{ box-shadow:0px 5px 10px rgba(0,0,0,0.15);} .news ul li h4 a{ font-size:16px;color:#333; margin-bottom:8px; font-family:'poppins_s'; display:block; line-height:30px; overflow:hidden; max-height:60px; overflow:hidden;} .news ul li p{ color:#808080; max-height:44px; overflow:hidden; line-height:22px; margin-top:6px; margin-bottom:10px;} .more_1{line-height:30px;display:inline-block; border-radius:30px; font-size:12px; font-family:'poppins_s'; color:#fff; background:#ef7b39; line-height:34px; padding:0px 24px;} .more_1 i{ margin-left:4px; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} .news ul li h4:hover a{ color:#ef7b39;} .news ul li:hover img{transform: scale(1.1);} .i_more a{ border-radius:30px;font-family:'oswald';color:#fff; display:inline-block; padding:0px 26px; background:#ef7b39; font-size:12px; text-transform:uppercase;line-height:34px;} .news li .i_more{ margin-top:20px; font-size:12px;} .i_more a{ position:relative;} .i_more a:hover{text-decoration:none;color:#fff;} .i_more a::before{content:"\f061";font-family:FontAwesome;font-size:0;Color:#fff;Opacity:0;Transition:opacity .2s ease-in-out, transform .28s ease-in-out;-webkit-transform:translateX(-10px) scale(0);Transform:translateX(-10px) scale(0);-webkit-transition:all var(--transition-time,500ms);-o-transition:all var(--transition-time,500ms);transition:all var(--transition-time,500ms);position:absolute;left:10px;top:0px;font-size:12px; line-height:34px;} .i_more a:hover::before{ Opacity:1; padding-right:10px; -webkit-transform:translateY(0) scale(1); Transform:translateY(0) scale(1);} .i_more a:hover img{transform: scale(1.1);} .more_1:hover{ color:#fff;} .more_1:hover i{ margin-left:6px;} .more_1{ position:relative;} .more_1::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;background-color: rgba(255,255,255,0.1);-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;-webkit-transform: scale(0.5, 1);transform: scale(0.5, 1);} .more_1:hover::before{opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);} @media only screen and (max-width: 550px) {.more_1{ display:none;}} @media only screen and (max-width: 768px) {.news ul li h4 a{ overflow:hidden; line-height:24px;max-height:48px; font-size:14px;}.news ul li{ padding:10px;}} @media only screen and (max-width: 375px) {.news .img{ width:100%; float:none; display:block; margin-bottom:20px;}} /*翻页*/ .page_p{ margin:30px auto 0px;text-align:center; width:100%; font-size:13px;} .page_p a{ display:inline-block; font-size:13px; line-height:34px; padding:0px 14px; margin-left:5px; color:#555; margin-top:5px;transition: 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; background:#fff; border:2px solid #eee;} .page_p a i{ line-height:34px;} .page_p a:hover{ background:#ef7b39;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; color:#fff !important; border:2px solid #ef7b39;} .total{ font-size:12px; line-height:24px; color:#777; margin-top:10px;} .total span{ color:#ef7b39;} .page_p>span{ padding:0px 20px; line-height:34px; background:#ef7b39; border:2px solid #ef7b39; color:#fff; display:inline-block; margin-left:5px;} @media only screen and (max-width: 768px) { .page_p a ,.page_p>span{ padding:0px 6px; line-height:30px;} .page_p a i{ line-height:30px;} } .cbp-vm-view-grid .page_more{ display:none;} .page_more i{ display:none;} .page_more a{ display:inline-block; line-height:22px; border-radius:5px; border:2px solid #ef7b39; color:#ef7b39; text-align:center; padding:4px 30px; text-transform:uppercase; font-size:18px; margin-top:20px;} .page_more a span{ color:#ef7b39; font-size:14px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} .page_more a:hover{ background:#ef7b39;} .page_more a:hover span{ color:#fff;} #pre_next{ margin:10px 0; list-style:none; border-top:1px solid #eee; font-size:13px; margin-top:20px;} #pre_next li{ border-bottom:none; margin-bottom:0px; border-left:none; background:#f9f9f9; margin:10px 0; padding:5px 10px;} #pre_next span{color:#ef7b39;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; text-align:center;padding:5px 0px; font-family:'poppins_s';text-transform:uppercase; font-size:15px;} #pre_next i{ margin-right:16px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; color:#ef7b39; background:none; line-height:26px; font-size:12px; text-align:center; border-radius:5px; color:#ef7b39; float:left; width:26px; height:26px; background:#fff; border-radius:50%;} #pre_next a{ color:#666; font-size:12px; } #pre_next li:hover a{color:#ef7b39;} #pre_next li i{ color:#fff; background:#ef7b39;} #pro_page{ list-style:none; margin-top:10px;} #pro_page span{ font-size:14px; text-transform:capitalize; color:#444;} #pro_page li{ padding:2px 0px;} @media (max-width:768px){ .pre{ float:none; width:100%;} .next{ float:none; width:100%;}} /*产品列表*/ .products_m{color:#777; font-size:12px; margin-bottom:10px;} /*products*/ .cbp-vm-switcher {width:100%; } .cbp-vm-view-grid .p_hot_2{ display:none;} .cbp-vm-view-grid .pro_more{ margin-top:10px;} .cbp-vm-options {text-align: right;} .cbp-vm-options p{display:inline-block; font-family:'poppins_s'; float:left;vertical-align:middle; color:#ef7b39; text-transform:capitalize; font-size:14px; margin-left:8px;} .cbp-vm-options a {vertical-align:middle;height:34px;overflow: hidden;white-space:nowrap;color:#333; text-align:center; line-height:34px; text-align:center; width:34px; display:inline-block; background:#f8f8f8; margin-bottom:10px;} .cbp-vm-options a:hover,.cbp-vm-options a.cbp-vm-selected {color:#ef7b39;} .cbp-vm-options a:before {font-size:18px;text-align: center;display: inline-block; line-height:34px;} .p_hot_2{ margin-bottom:18px; margin-top:5px; float:left; width:60%; padding:4px 0;} .p_hot_2 span{ font-size:13px;font-family:'poppins_s'; margin-right:5px; text-transform:capitalize; color:#333; margin-right:6px;} .p_hot_2 a{ display:inline-block; padding:0px 10px; color:#777; background:#f2f2f2; font-size:12px; color:#777;} .p_hot_2 i{ margin-right:3px; color:#aaa;} .p_hot_2 a:hover{color:#fff; background:#ef7b39;} @media screen and (max-width: 768px) { .p_hot_2{ width:100%;} } /* General list */ .cbp-vm-switcher ul {list-style: none;padding: 0;} /* Clear eventual floats */ .cbp-vm-switcher ul:before, .cbp-vm-switcher ul:after { content: " "; display: table; } .cbp-vm-switcher ul:after { clear: both; } .cbp-vm-switcher ul li {display: block;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;} .cbp-vm-image {display: block;margin: 0 auto;position:relative;} .cbp-vm-image span{display:inline-block;width:100%;height:auto; border:1px solid #eee; overflow:hidden;} .cbp-vm-image img {width:100%;cursor:pointer;position:relative;max-width:100%;max-height:100%;} .cbp-vm-switcher ul li h4 a{font-size:14px;display:block;color:#444; word-wrap:break-word; text-align:left;} .cbp-vm-switcher ul li .cbp-vm-details{color:#808080;overflow:hidden;height:48px;line-height:24px; font-size:12px;} .cbp-vm-switcher ul h4 a:hover{ text-decoration:none; color:#ef7b39;} .cbp-vm-view-grid .prol_more{display:none;} /* Common icon styles */ .cbp-vm-icon:before { font-family: 'fontawesome'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .cbp-vm-grid:before {content: "\f009";} .cbp-vm-list:before {content: "\f0ca";} /* Large grid view */ .cbp-vm-view-grid ul li { width:33.33%; text-align: left; vertical-align: top; float:left; } .cbp-vm-view-grid ul li:hover .li{box-shadow:0 5px 9px rgba(0,0,0,0.08);-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.08);-moz-box-shadow:0 5px 9px rgba(0,0,0,0.08); transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);} /* List view */ .cbp-vm-view-list li {white-space: nowrap;text-align:left;white-space:normal; margin-top:30px; } .cbp-vm-view-list li .i_more{ margin-top:0px; font-size:12px;} .cbp-vm-view-list li:before, .cbp-vm-view-list li:after { content: " "; display: table; } .cbp-vm-view-list li:after { clear: both; } .cbp-vm-view-list .cbp-vm-image, .cbp-vm-view-list .cbp-vm-title, .cbp-vm-view-list .cbp-vm-details, .cbp-vm-view-list .cbp-vm-price, .cbp-vm-view-list .cbp-vm-add { display: inline-block; vertical-align: middle; } .cbp-vm-view-list .cbp-vm-image {width:37%;display:inline-block; vertical-align:middle;float:left; margin-right:3%;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} .cbp-vm-view-list ul li h4 a{display:inline-block; width:60%;text-align:left;font-size:16px;color:#333; float:left;} .cbp-vm-view-list ul li .cbp-vm-details {width:60%; overflow: hidden;white-space: normal;max-height:48px; line-height:24px; color:#999; margin:5px 0px;} @media screen and (max-width: 940px) {.cbp-vm-view-grid ul li {width: 50%;}.cbp-vm-switcher ul li h4 a{ font-size:14px;}} @media screen and (max-width: 520px) { .cbp-vm-view-list .prol_more{font-size:13px;padding:2px 20px 7px 20px;} } @media screen and (max-width: 300px) { .cbp-vm-view-list ul li h4 a{width:100%;} .cbp-vm-view-list ul li .cbp-vm-details{width:100%;} .cbp-vm-view-list .cbp-vm-image{width:100%; margin-right:0px;} .cbp-vm-view-grid ul li {width:100%; margin-bottom:20px;} .p_hot_2{ width:100%;} } .products li span{ overflow:hidden;} .cbp-vm-view-list ul li h4 a{overflow:hidden; max-height:60px; margin-top:20px; line-height:30px; overflow:hidden; display:block;font-family:'poppins_s';} .cbp-vm-view-list ul li{ overflow:hidden; background:#fff; border:1px solid #eee;} @media screen and (max-width: 768px) { .cbp-vm-view-list ul li{ padding:10px;} .cbp-vm-view-list ul li h4 a{ line-height:24px; max-height:48px;} } .cbp-vm-view-list ul li:first-child{margin-top:0px;} /*9gonghe*/ .cbp-vm-view-grid ul {list-style: none;padding: 0; margin:0px -10px;} .cbp-vm-view-grid ul li .i_more{ display:none;} .cbp-vm-view-grid ul li{ padding-bottom:20px; margin-bottom:20px; padding:0px 10px;} .cbp-vm-view-grid ul li h4 a{margin:5px 0 5px;line-height:22px; padding:0px 15px; height:44px; overflow:hidden;display:block; text-align:center; font-family:'poppins_s'; } .cbp-vm-view-grid ul li .li{text-align:center; padding-bottom:15px; background:#fff; border:1px solid #eee;} .cbp-vm-view-grid ul li .li:hover h4 a{ color:#ef7b39;} .cbp-vm-view-grid ul li .li .cbp-vm-image{ overflow:hidden; margin-bottom:15px;} .cbp-vm-view-grid ul li .li .cbp-vm-details{ padding:0px 15px;} .cbp-vm-view-grid ul .li{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} .cbp-vm-view-grid ul li .li:hover .buttons .fa {-webkit-transform: scaleX(1);-moz-transform: scaleX(1);-ms-transform: scaleX(1);-o-transform: scaleX(1);transform: scaleX(1);} .cbp-vm-view-grid ul li .li:hover .ovrly {opacity: 1;} /*效果*/ .products ul li .li .img a{ display:block; overflow:hidden;} .products ul li .li:hover .img img{transform: scale(1.1);} .cbp-vm-view-grid ul li .li:hover h4 a{ color:#ef7b39;} .cbp-vm-view-grid ul li .li{ overflow:hidden;} .cbp-vm-view-grid ul li:hover .icon {opacity: 1;top:50%;} .cbp-vm-view-grid ul li:hover .line img{ opacity:0.5;} .cbp-vm-view-grid ul li .img a{ display:block; overflow:inherit;} .cbp-vm-view-grid ul li:hover .img img{transform: scale(1.1);} /*products_main*/ .page{margin-bottom:50px; position:relative;} .page:before{ position:absolute; left:20%; top:50px; width:80%; height:100%; background:#f5f5f5 url("../images/bulid_img.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/bulid_img.png*/ no-repeat right bottom; background-size:50% auto; content:'';} .sp-loading { text-align: center; max-width: 100%; border: 2px solid #fafafa; padding:2px; border-radius: 0; font-size: 12px; color: #888; } .sp-loading img{max-width:100%;height:auto;} /* Element wrapper */ .sp-wrap { display: none; line-height: 0; font-size: 0; position: relative; width:100%; } /* Thumbnails */ .sp-thumbs {text-align: left;display: block;padding:10px 0;} .sp-thumbs a{position:relative;border:1px solid #eee;} .sp-thumbs a:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#000;z-index:1;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;-webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms);} .sp-thumbs a:hover:before{filter:alpha(opacity=10);-moz-opacity:0.1;opacity:0.1;} .sp-thumbs a:after{transition:all .5s;transform:scaleX(0);content:"\f00c";font-family:FontAwesome;display:inline-block;font-size:16px;color:#ef7b39;position:absolute;left:50%;top:33%;margin-left:-8px;z-index:2;} .sp-thumbs a:hover:after{transform:scaleX(1);visibility:visible;} .sp-thumbs img { min-height: 56px; min-width: 56px; max-width: 56px; } .sp-thumbs a:link, .sp-thumbs a:visited { width: 80px; height: 60px; overflow: hidden; display: inline-block; background-size: cover; background-position: center; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; opacity:0.5; } .sp-thumbs a:hover { opacity: 1; border:1px solid #ef7b39; } /* Styles for the currently selected thumbnail */ .sp-thumbs a:active, .sp-current { opacity: 1!important; position: relative; border:1px solid #ef7b39 !important; transform: scale(1.05); z-index:666; } .sp-thumbs a.sp-current:after{transform:scaleX(1);visibility:visible;} /* Image currently being viewed */ .sp-large { position: relative; overflow: hidden; top: 0; left: 0; width:100%; border:1px solid #ebebeb; } .sp-large a img { max-width: 100%; height: auto; width:100%; } .sp-large a { display: block; } /* Panning Zoomed Image */ .sp-zoom { position: absolute; left: -50%; top: -50%; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; display: none; } /* Lightbox */ .sp-lightbox { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .9); z-index: 999999; display: none; cursor: pointer; } .sp-lightbox img { position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; max-width: 90%; max-height: 90%; border: 2px solid #fff; } #sp-prev, #sp-next { position: absolute; top: 50%; margin-top: -25px; z-index: 501; color: #fff; padding: 14px; text-decoration: none; background: #000; border-radius: 25px; border: 2px solid #fff; width: 50px; height: 50px; box-sizing: border-box; transition: .2s; } #sp-prev { left: 14%; } #sp-prev:before { content: ''; border: 7px solid transparent; border-right: 15px solid #fff; position: absolute; top: 16px; left: 7px; } #sp-next { right: 14%; } #sp-next:before { content: ''; border: 7px solid transparent; border-left: 15px solid white; position: absolute; top: 16px; left: 18px; } #sp-prev:hover, #sp-next:hover { background: #444; } /* Tweak styles for small viewports */ @media screen and (max-width: 400px) { .sp-wrap { margin: 0 0 15px 0; } #sp-prev, #sp-next { top: 50px; margin-top: 0; } } .sp-current-big img{ width:100%;} .sp-large img{ max-width:none;} /*pro_table*/ .product_detail{ border-top:1px solid #eee; margin-top:50px;} .product_detail .n_left{ padding-right:30px; padding-top:30px;} .product_detail .n_right{ border-left:1px solid #eee; padding-left:30px; padding-bottom:60px; padding-top:30px;} .pro_table .pro_main_title{font-size:26px;font-family:'poppins_s'; line-height:32px; overflow:hidden; display:block;text-transform:capitalize;margin-bottom:15px; color:#333;margin-top:80px;} .pro_table .pro_main_text{color:#808080; line-height:30px; border-bottom:1px solid #ebebeb; padding-bottom:10px; font-size:12px;} .main_text{ padding-right:40px;} .pro_table ul{margin-top:15px;} .pro_table ul li{margin:2px 0;font-size:14px; color:#666; list-style:none;} .pro_table ul li p{display:inline-block;margin-right:10px;font-size:14px; vertical-align:middle;margin-bottom:0;color:#ef7b39; font-family:'poppins_s'; } .main-more{ text-align:left !important; margin-top:30px;} .pro_table .i_more a{ background-image:none;} .pro_table .i_more a i{margin-left:8px; font-size:16px;} @media only screen and (max-width: 768px) { .product_detail .n_right{ padding-left:0px; padding-top:0px;} .product_detail .n_left{ padding-right:0px;} .pro_table .pro_main_title{ margin-top:30px;} .sp-thumbs a:link, .sp-thumbs a:visited{ width:60px; height:40px;} } /*products-tab*/ #parentHorizontalTab02{margin:0;text-align:left;padding:0px;text-align:left;} #parentHorizontalTab02 ul.resp-tabs-list {margin: 0px;padding: 0px; font-family:'poppins_s'; color:#333; padding:4px 0px; line-height:30px; text-transform:capitalize;font-size:30px; padding-bottom:10px;} #parentHorizontalTab02 .resp-tabs-list li {display: inline-block;list-style: none;cursor: pointer; text-transform:capitalize;color:#333;text-align:center; background:none !important; padding:0px;} #parentHorizontalTab02 .resp-tabs-container div table{max-width:100%;} #parentHorizontalTab02 .resp-tabs-container {padding: 15px 0px;clear: left; background:none;} #parentHorizontalTab02 em.resp-accordion {cursor: pointer;padding: 5px;display: none;padding:3px 10px !important;} #parentHorizontalTab02 .resp-tab-content {display: none;} #parentHorizontalTab02 .resp-tabs-list li:hover{background:#333;} #parentHorizontalTab02 .resp-tabs-list li.resp-tab-active {color:#333;z-index:99; background-color:none !important; } #parentHorizontalTab02 .resp-content-active,#parentHorizontalTab02 .resp-accordion-active {display: block;} #parentHorizontalTab02 em.resp-accordion {font-size: 16px;margin: 0px;background:#f8f8f8;margin-bottom:1px; color:#333;font-style:normal; margin-bottom:10px;font-family:'poppins_s'; text-transform:uppercase;} #parentHorizontalTab02 em.resp-tab-active {margin-bottom: 0px !important;} #parentHorizontalTab02 em.resp-tab-title:last-child {border-bottom: 12px solid #c1c1c1 !important;background: blue;} #parentHorizontalTab02 .resp-vtabs ul.resp-tabs-list {float: left;width: 30%;} #parentHorizontalTab02 .resp-vtabs .resp-tabs-list li { display: block; padding: 15px 15px !important; margin: 0 0 4px; cursor: pointer; float: none; } #parentHorizontalTab02 .resp-vtabs .resp-tabs-container { padding: 0px; background-color: #fff; border: 1px solid #c1c1c1; float: left; width: 68%; min-height: 250px; border-radius: 4px; clear: none; } #parentHorizontalTab02 .resp-vtabs .resp-tab-content {border: none;word-wrap: break-word;} #parentHorizontalTab02 .resp-vtabs li.resp-tab-active { position: relative; z-index: 1; margin-right: -1px !important; padding: 14px 15px 15px 14px !important; border-top: 1px solid; border: 1px solid #5AB1D0 !important; border-left: 4px solid #5AB1D0 !important; margin-bottom: 4px !important; border-right: 1px #FFF solid !important; } #parentHorizontalTab02 .resp-arrow { width: 0; height: 0; float: right; margin-top: 10px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 7px solid #c1c1c1; } #parentHorizontalTab02 em.resp-tab-active span.resp-arrow { border: none; position:relative; } #parentHorizontalTab02 em.resp-tab-active span.resp-arrow:after{ content: "\f044"; font-family: "FontAwesome"; position: absolute; right: -6px; cursor: pointer; font-size: 20px; top: -8px; color: #fff} #parentHorizontalTab02 em.resp-tab-active {background: #ef7b39 !important; color:#fff;} #parentHorizontalTab02 .resp-easy-accordion em.resp-accordion {display: block;} #parentHorizontalTab02 .resp-easy-accordion .resp-tab-content {border: 1px solid #1268bf;} #parentHorizontalTab02 .resp-easy-accordion .resp-tab-content:last-child {border-bottom: 1px solid #1268bf;/* !important;*/} #parentHorizontalTab02 .resp-jfit {width: 100%;margin: 0px;} #parentHorizontalTab02 .resp-tab-content-active {display: block;} @media only screen and (max-width: 768px) { #main-btn{padding:2% 6%;} #parentHorizontalTab02{padding:0;} #parentHorizontalTab02 ul.resp-tabs-list {display: none;} #parentHorizontalTab02 em.resp-accordion {display: block;} #parentHorizontalTab02 .resp-vtabs .resp-tab-content {border: 1px solid #C1C1C1;border:1px solid #ef7b39;border-top:none;padding:8px 15px 8px 15px;} #parentHorizontalTab02 .resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: 100px; clear: none; } #parentHorizontalTab02 .resp-accordion-closed {display: none !important;} #parentHorizontalTab02 .resp-vtabs .resp-tab-content:last-child {border-bottom: 1px solid #c1c1c1 !important;} #parentHorizontalTab02 .resp-tabs-container{ padding-top:0px;} } /*inquiry*/ .contact .inquiry{padding:50px; margin-top:20px; margin-bottom:10px; background:#f9f9f9; -webkit-clip-path: polygon(50px 0, 100% 0, 100% 100%, 0 100%, 0 50px); clip-path: polygon(50px 0, 100% 0, 100% 100%, 0 100%, 0 50px);} .inquiry_line{overflow:hidden; border-top:1px solid #eee; padding-top:20px; padding:30px; background:#f5f5f5;} .inquiry_line .section_title{ background:url("../images/title_line.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/title_line.png*/ no-repeat left bottom; padding-bottom:10px;} .inquiry .h4{font-family:'poppins_s'; text-transform:uppercase; font-size:26px; color:#333; background:url("../images/title_line.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/title_line.png*/ no-repeat left bottom; padding-bottom:10px;} .inquiry .p{ font-size:12px; color:#999; text-align:left;line-height:24px; overflow:hidden; margin:20px 0; } .inquiry .contact_box{ text-align:left; margin-left:0px;} .inquiry .contact_box .input_1{ font-size:12px; line-height:46px; height:46px; padding-left:35px; width:100%; background:#f6f6f6; color:#999; margin-bottom:20px; border:1px solid #f6f6f6; border-radius:0px;} .inquiry .contact_box .input_1:focus{ border:1px solid #ef7b39;} .inquiry .contact_box .input_2{line-height:40px; font-size:12px; height:100px; padding-left:35px; width:100%; background:#f6f6f6; color:#999; border:1px solid #f6f6f6; margin-bottom:10px; border-radius:0px;} .inquiry .contact_box .input_2:focus{border:1px solid #ef7b39;} .inquiry .btn_1{ line-height:42px; height:42px; padding:0px 26px; background:#ef7b39; font-size:14px;font-family:'poppins_s'; border:none; color:#fff; text-transform:uppercase; margin-top:10px; position:relative; border-radius:30px;} .inquiry .btn_1::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;background-color: rgba(255,255,255,0.15);-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;-webkit-transform: scale(0.5, 1);transform: scale(0.5, 1);} .inquiry .btn_1:hover::before{opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);} .inquiry .contact_box .in_email{ background:#fff url("../images/inquiry_email.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/inquiry_email.png*/ no-repeat 15px center; padding-left:50px;} .inquiry .contact_box .in_tel{ background:#fff url("../images/inquiry_tel.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/inquiry_tel.png*/ no-repeat 15px center; padding-left:50px;} .inquiry .contact_box .in_message{ background:#fff url("../images/inquiry_message.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/inquiry_message.png*/ no-repeat 15px 10px; padding-left:50px;} .inquiry .subject_title{ border:1px solid #ddd ;background:#fafafa; border-radius:0px; line-height:44px; padding:0px 10px; margin-bottom:20px; padding-left:15px;} .inquiry .subject_title a{ color:#ef7b39;} .inquiry .subject_title span{ font-size:13px; color:#444; margin-right:10px;} @media only screen and (max-width: 768px) { .contact .inquiry{ padding:20px;-webkit-clip-path: polygon(15px 0, 100% 0, 100% 100%, 0 100%, 0 15px); clip-path: polygon(15px 0, 100% 0, 100% 100%, 0 100%, 0 15px);} .inquiry .h4{ font-size:26px;} .inquiry .p{ font-size:13px;} .page .main{ padding-right:15px;} .page:before{ display:none;} .product_detail{ margin-top:0;} .page{ margin-bottom:20px;} } /*rel_pro*/ .rel_pro{ padding:40px 0 60px; margin-bottom:-60px; border-top:1px solid #eee;} .rel_pro .h4{ border-bottom:1px solid #dcdcdc; position:relative; font-family:'poppins_s'; padding-bottom:15px; margin-bottom:30px; color:#333; text-transform:uppercase; font-size:24px;} @media only screen and (min-width: 768px) {.rel_pro .h4::after{content: ""; height:3px; width:44px; background-color:#ef7b39; display: block; position:absolute; left:0px; bottom:-2px;}} .rel_pro .slider{ margin:0px -10px;} .rel_pro .li{ margin:10px; background:#fff; border:1px solid #eee; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} .rel_pro .i_title h4{ font-size:36px;} .rel_pro .i_title p{ color:#808080;} .rel_pro .li .img{ overflow:hidden;} .rel_pro .li .text{border-top:none; padding:10px; text-align:center; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; background:#fff;} .rel_pro .li .text h4 a{font-size:14px;font-family:'poppins_s'; display:block; line-height:24px; height:48px; color:#333; overflow:hidden;} .rel_pro .li .text p{ font-size:12px; line-height:22px; max-height:44px; overflow:hidden; color:#8f8f8f; margin-top:5px; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} .rel_pro .li:hover{box-shadow:0 5px 9px rgba(0,0,0,0.08);-webkit-box-shadow:0 5px 9px rgba(0,0,0,0.08);-moz-box-shadow:0 5px 9px rgba(0,0,0,0.08); transform:translate3d(0,-3px,0);-webkit-transform:translate3d(0,-3px,0);} .rel_pro .li:hover h4 a{ color:#ef7b39;} .rel_pro .li:hover .buttons a{opacity: 1; left: 0; color: rgba(50, 50, 50, 0.9);} .rel_pro .li:hover img{transform: scale(1.1);} .rel_pro .slick-prev{width:40px; height:40px; position:absolute; left:-50px; top:50%; vertical-align: middle; opacity:1;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;border:none; opacity:1; margin-top:-20px; border:none; border-radius:50%; background:none;} .rel_pro .slick-prev::before{border-radius: 0;color:#949494;display: inline-block;font-family: "FontAwesome";font-size:44px; content: "\f104"; line-height:38px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} .rel_pro .slick-next{width:40px; height:40px; position:absolute; right:-50px; top:50%; vertical-align: middle; opacity:1;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;border:none; opacity:1; margin-top:-20px; border:none; border-radius:50%;background:none;} .rel_pro .slick-next::before{border-radius: 0;color:#949494;display: inline-block;font-family: "FontAwesome";font-size:44px; content: "\f105"; line-height:38px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} @media only screen and (max-width:1400px) { .rel_pro .slider{ padding-left:38px; padding-right:38px;} .rel_pro .slider{overflow:hidden;} .rel_pro .slick-prev{ left:0px; background:none;} .rel_pro .slick-next{ right:0px; background:none;} } /*blog_left*/ .blog_left{ float:left; width:75%; padding-right:60px;} .blog_right{ float:left; width:25%;} .blog_nav2{ margin-top:30px;} @media only screen and (max-width:768px) { .blog_right .block{ background:none; padding:0; border:none;} .n_main{ padding:20px 0;} } .blog_h4{ font-size:24px; color:#333; padding-bottom:15px; border-top:none; padding-top:0px; text-transform:uppercase; position:relative; font-family:'poppins_s'; background:url("../images/title_line.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/title_line.png*/ no-repeat left bottom;} @media only screen and (max-width: 768px) { .blog_left{ float:left; width:100%; padding-right:0px; margin-bottom:} .blog_right{ float:left; width:100%;} } .blog_right .hot_left{ margin-bottom:30px; margin-top:30px;} .blog_nav ul li{ list-style:none; border-bottom:1px solid #ddd;} .blog_nav ul li a{ font-size:14px; color:#666; line-height:22px; padding:12px 0px; display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .blog_nav ul li a i{ color:#ccc; font-size:14px; margin-right:10px;} .blog_nav ul li a:hover{ color:#ef7b39; padding-left:10px;} .blog_nav ul li a:hover i{ color:#ef7b39;} .hot_tags{ margin-top:30px;} @media only screen and (max-width:768px) { .hot_tags{ margin-top:0;}} .hot_tags a{ display:inline-block; color:#fff; padding:0px 12px;border:1px solid #ef7b39; margin-right:4px; margin-top:4px; background:#ef7b39; margin:4px;line-height:30px;} .hot_tags .toggle_content{ margin:0px -4px; margin-top:15px; } .blog-info{ display:inline-block;} .blog-info span{ display:block; color:#999; font-size:12px; background:url("../images/date.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/date.png*/ no-repeat left center; padding-left:30px;} .blog-info i{ margin-right:4px;} .blog-info img{ margin-right:6px; } .blog_main{background: #fff;} .blog_main h3{ font-size:20px;color:#333;margin-bottom:10px;font-family:'poppins_s';} .blog_main .blog_tags{ margin-top:20px;} .blog_main .blog_tags span{ font-size:14px;text-transform:capitalize;} .blog_main .blog_tags a{ display:inline-block; color:#777;padding:0px 8px; background:#f8f8f8;} .blog_main .blog_tags a i{ margin-right:4px; font-size:13px; color:#999;} .blog_nav ul li{ list-style:none;} .blog_p{ margin-top:10px; border-top:1px solid #eee; padding-top:10px;} .blog_list{list-style:none;} .blog_list li{position:relative; list-style:none; padding:20px;border-radius:0;transition: 0.5s all; margin-bottom:30px; background:#f9f9f9;} .blog_list li .img{ margin-bottom:20px;} .blog_list li:hover{border-color:#ef7b39;} .blog_list li .date{color:#808080;margin-top:0;display:block; font-size:12px; background:url("../images/date.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/date.png*/ no-repeat left center; padding-left:30px;} .blog_list li .image{display:block;overflow:hidden;margin-bottom:20px;} .blog_list li .image img{ max-width:100%; height:auto; -webkit-transition:all var(--transition-time,800ms); -o-transition:all var(--transition-time,800ms); transition:all var(--transition-time,800ms); } .blog_list li:hover .image img{ -webkit-transform:scale(var(--scale-multiplier,1.05)); -ms-transform:scale(var(--scale-multiplier,1.05)); transform:scale(var(--scale-multiplier,1.05)); } .blog_list li .title{color:#333;display:block;margin-bottom:10px;font-size:18px;line-height:30px;font-family:'poppins_s'; } @media only screen and (max-width: 768px) { .blog_list li .title{ font-size:14px;} .blog_main{-webkit-clip-path: polygon(15px 0, 100% 0, 100% 100%, 0 100%, 0 15px); clip-path: polygon(15px 0, 100% 0, 100% 100%, 0 100%, 0 15px);} } .blog_list li .title:hover{color:#ef7b39;text-decoration:none;} .blog_list li .i_more{ margin-top:20px; font-size:12px;} .blog_list li .i_more a{ line-height:30px;} .blog_list li .text{color:#999;line-height:24px;overflow:hidden;max-height:72px;} .blog_list li .blog_tag{ margin-top:20px;} .blog_list li .blog_tag p{ display:inline-block;font-family:'poppins_s'; font-size:14px; color:#333; text-transform:capitalize;} .blog_list li .blog_tag i{color:#ccc; margin-right:8px; font-size:12px;} .blog_list li .blog_tag a{ background:#eee; color:#666; line-height:26px; padding:0px 14px; display:inline-block; margin:0px 4px;} .blog_list li .blog_tag a:hover{ background:#ef7b39; color:#fff;} @media only screen and (max-width: 992px) { .blog_list li .right{padding-left:65px;width:100%;} } @media only screen and (max-width: 768px) { .blog_list > li{padding:20px 10px;} .blog_list li .date{left:0;} .blog_list{border:none;} .blog_list li .right{padding-left:80px;} .left-blog{margin-bottom:0;} .blog_list li .main-more{padding:6px 20px;} .blog_tag li{margin:5px 3px;} } @media only screen and (max-width: 480px) { .blog_list li .date{position:inherit;width:100%;} .blog_list li .date span{border-radius:0;height:auto;width:auto;padding:0 20px;border-radius:25px;} .blog_list li .date>span p{display:inline-block;padding-left:5px;} .blog_list li .right{padding:0;padding-top:10px;} } @media only screen and (max-width:500px) { .blog_li .lileft{ display:none;} } .blogin{ font-size:13px; color:#aaa; margin:4px 0px;} .blogin span{ color:#fff; margin:0px 6px;} .blogin span i{ font-size:14px;} .blog .blog_tags{ width:100%; margin-top:10px;} .blog_tags span{ font-size:14px; text-transform:capitalize; color:#333;font-family:'poppins_s'; margin-right:4px;} .blog_tags a{ display:inline-block;color:#777; padding:0px 15px; background:#f7f7f7; font-size:12px;} .blog_tags i{ font-size:13px; margin-right:6px;} .blog_tags a:hover{color:#fff; background:#ef7b39;} /*sitemap*/ .sitemap{width:100%;} .stp-listA>li{text-transform:capitalize;margin-bottom:15px;list-style:none;padding:10px 20px;background:#f9f9f9;} .stp-top{width:100%;} .stp-top a{font-size:16px;text-transform:capitalize;display:block;text-transform:capitalize;color:#333;font-family:'poppins_s'; text-transform:uppercase;} .stp-top a:hover{text-decoration:none;color:#ef7b39;} .stp-top a i{padding-left:8px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;} .stp-top a:hover i{padding-left:12px; color:#ef7b39;} .stp-listB{display:block;padding:10px 0;border-top:1px solid #eee;list-style:none;margin-top:5px;} .stp-listB>li{width:25%;padding:8px 10px;float:left;overflow:hidden;} .stp-listB>li>a{font-size:15px;line-height:22px;display:block;color:#333; } .stp-listB>li>a:hover{color:#ef7b39;} .stp-listB li .stp-listC{width:100%;padding-top:15px;list-style:none;} .stp-listB li .stp-listC li{width:100%;margin-bottom:10px;} .stp-listB li .stp-listC li a{color:#333;font-size:14px;} .stp-listB li .stp-listC li a:hover{color:#ef7b39; text-decoration:underline;} .stp-listB li .stp-listC i{ margin-right:6px;} @media only screen and (max-width: 768px){ .stp-listB>li{width:50%;padding:8px 0;} } @media only screen and (max-width: 400px){ .stp-listB li{width:100%;margin-right:0;margin-bottom:2%;} } /*web*/ @media only screen and (max-width: 768px) { .blog_nav{ margin-bottom:0px;} .blog_nav2{ margin-top:0;} .n_left .block{ margin-bottom:0px; margin-bottom:20px;} .left_nav{ background:none; padding:0px; border:none; color:#fff;} .contact_right{ width:100%;} .blog_h4{ position: relative; margin-bottom:20px; background:none;text-align:left !important; background:#ef7b39 !important; padding:0px 10px; line-height:36px; color:#fff !important; font-size:16px !important; border-bottom:none;} .blog_h4:after { display: block; content: "\f107"; font-family: "FontAwesome"; position: absolute; right:15px; cursor:pointer; font-size:20px; top:0px; color:#fff; } .blog_h4.active:after { content: "\f106"; } .news_left{ margin-top:0px;} .blog_right .hot_left{ margin:0px;} } .mobile-menu-area .container .row{ margin:0;} /*faq_section*/ .faq_section #accordion .panel{border: none; box-shadow: none; border-radius: 0;margin: 0; background:#fff; border-radius:5px; margin-bottom:20px; -webkit-clip-path: polygon(15px 0, 100% 0, 100% 100%, 0 100%, 0 15px); clip-path: polygon(15px 0, 100% 0, 100% 100%, 0 100%, 0 15px);} .faq_section #accordion .panel-heading{padding: 0; } .faq_section #accordion .panel-title a{ display: block; font-size: 13px; line-height: 22px; color: #fff; background:#ef7b39 url("../images/ico_q.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/ico_q.png*/ no-repeat center left; padding:14px 40px 14px 40px; position: relative;transition: all 0.5s ease 0s; font-family:'poppins_s';} .faq_section #accordion .panel-title a:before{ content: "-"; font-family:'poppins_s';display: block; line-height: 44px; padding:0px 15px; font-size:22px; color: #00479d; text-align: center; position: absolute; top:0; right:5px; transition: all 0.3s ease 0s;} .faq_section #accordion .panel-title a.collapsed:before{content: "+"; color:#232323; font-size:22px;} .faq_section #accordion .panel-body{font-size: 12px;line-height: 22px; border: none; padding:20px;} .faq_section #accordion .panel-body p{ color:#808080; overflow:hidden; font-size:13px; line-height:30px;} .faq_section #accordion .panel-title:hover a{ color:#fff; background:#ef7b39 url("../images/ico_q.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/ico_q.png*/ no-repeat center left;} .faq_section #accordion .panel-title:hover a::before{ color:#fff;} .faq_section #accordion .panel-title .collapsed{ background:url("../images/ico_q.png")/*tpa=https://www.wiskindsteelstructure.com/template/images/ico_q.png*/ no-repeat center left; color:#333;} @media only screen and (max-width:1320px) { .vertical-lines{ display:none;} } .projects ul li{ list-style:none; margin-bottom:30px;} .projects ul li .img{ position:relative; overflow:hidden;} .projects ul li .img img{ width:100%;} .projects ul li .img h4 a{ position:absolute; left:0px; bottom:0; width:100%; line-height:22px; padding:5px 15px; background:rgba(239,127,53,0.9); font-family:'poppins_s'; color:#fff; font-size:14px; text-align:center;} .projects ul li:hover img{transform: scale(1.1);} .mean-container .mean-nav ul li a{ text-transform:uppercase;} ul.mtree>li.active>a{ color:#ef7b39;} ul.mtree>li.active .mtree-level-1{ display:block !important; height:auto !important;} ul.mtree>li.active .mtree-level-1>li>a{ color:#ef7b39;}