* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent
}
body {
line-height: 1
}
ol,
ul {
list-style: none
}
body {
padding: 0;
margin: 0;
font-family: 'Raleway', sans-serif;
font-weight: normal;
font-size: 14px;
color: #2b292b;
background-color: #e3e0e3;
}
a {
transition-duration: 0.3s;
}
.clear {
clear: both;
display: block;
width: 100%;
}
.wrap {
width: 1180px;
margin: 0 auto;
}
.red-label {
position: relative;
float: left;
width: 150px;
color: #d50000 !important;
font-weight: normal;
line-height: 1.4;
}
.w290 {
width: 290px !important;
}
.c-lh {
line-height: 22px !important;
}
#header {
float: left;
width: 100%;
height: 110px;
background-color: #fff;
}
#logo {
width: 325px;
height: 90px;
float: left;
margin-top: 10px;
}
#logo a {
width: 100%;
height: 100%;
float: left;
text-indent: -9999px;
background-image: url(//calsteel.com/content/uploads/2015/12/logo.png);
background-position: left center; background-repeat: no-repeat;
} #phone {
float: right;
color: #2b292b;
font-weight: normal;
font-size: 14px;
line-height: 17px;
margin-top: 35px;
text-align: right;
}
#phone strong {
font-weight: 600;
display: block;
}
#phone .col {
float: right;
text-align: left;
padding-left: 45px;
width: 220px;
background-image: url(//calsteel.com/content/themes/californiasteel/images/ik_phone.png);
background-repeat: no-repeat;
background-position: left;
}
#phone .col2 {
background-image: url(//calsteel.com/content/themes/californiasteel/images/ik_clock.png);
width: 170px;
}
#phone .col3 {
background: none;
width: 130px;
padding: 0;
}
.button2 {
background-color: #424344;
padding: 10px 10px 10px 0;
width: 100%;
text-align: center;
color: #fff;
font-weight: 500;
display: block;
border: 0;
border-radius: 4px;
text-decoration: none;
background-image: url(//calsteel.com/content/themes/californiasteel/images/ik_arr.png);
background-repeat: no-repeat;
background-position: right center;
cursor: pointer;
}
#phone .button2 {
width: 120px;
}
.button2:hover {
background-color: #d50000;
}
.button_cart {
position: relative;
padding: 10px 20px 10px 40px;
width: auto;
text-align: left;
color: #fff;
font-weight: 500;
display: block;
border: 0;
border-radius: 4px;
text-decoration: none;
background: #424344;
cursor: pointer;
}
.button_cart:after {
position: absolute;
width: 25px;
height: 100%;
top: 0px;
left: 10px;
content: '';
background: transparent url(//calsteel.com/content/themes/californiasteel/images/cart.png) no-repeat center;
}
.button_cart:hover {
background-color: #d50000;
}
.b_cart {
width: auto !important;
} .woocommerce td.product-name dl.variation dd{
padding: 0 0 0px !important;
}
.woocommerce ul#shipping_method {
margin: 0 0 20px 0 !important;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
width: 76% !important;
}
.woocommerce ul#shipping_method li {
display: inline-block;
text-indent: 0px !important;
width: 100% !important;
background: none !important;
padding: .35em 0 .35em 0px !important;
}
.woocommerce ul#shipping_method li input[type="radio"] {
width: 8%;
position: relative;
top: 5px;
}
.woocommerce ul#shipping_method li label {
width: 92%;
font-size: 14px;
}
.woocommerce-shipping-calculator p {
margin-bottom: 21px !important;
padding-left: 22px;
}
.woocommerce ul#shipping_method .csteel_shipping_cost {
float: left;
width: 17%;
text-align: right;
}
.woocommerce ul#shipping_method .csteel_shipping_label {
width: 79%;
float: left;
}
.woocommerce ul#shipping_method .csteel_shipping_cost{
text-align: left;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
width: 270px !important;
} #nav {
float: left;
width: 100%;
background-color: #424344;
}
#nav ul {
float: left;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
#nav ul li {
float: left;
margin: 0 0 0 1px;
padding: 0;
transition-duration: 0.3s;
background: none;
}
#nav ul li a {
display: block;
color: #fff;
font-weight: 400;
font-size: 15px;
text-transform: uppercase;
text-decoration: none;
padding: 15px 27px 15px 28px;
font-family: "Roboto";
letter-spacing: 1px;
}
#nav ul li:hover,
#nav ul li.current-menu-item,
#nav ul li.current-menu-parent {
background-color: #d50000;
} #nav li ul {
position: absolute;
left: -999em;
width: 200px;
height: auto;
margin: 0;
padding: 0;
z-index: 1001;
background: none;
margin-left: -1px;
}
#nav li ul li {
padding-left: 0;
padding-right: 0;
background-color: #5a5a5a;
}
#nav li ul li a,
#nav li.current-menu-item ul li a,
#nav li.sfHover ul li a {
background: none;
width: 200px;
height: auto;
margin: 0;
padding: 11px 10px 8px 15px;
color: #fff;
font-size: 13px;
font-weight: 500;
line-height: 20px;
text-align: left;
background: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#nav li ul li.sub-nav a,
#nav li.current-menu-item ul li.sub-nav a,
#nav li.sfHover ul li.sub-nav a {
color: #afbd21;
}
#nav li ul li a:hover,
#nav li.current-menu-item ul li a:hover {
color: #052556;
background: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#nav li ul ul {
margin: -39px 0 0 224px;
}
#nav li ul ul li a {
border-bottom: 0;
}
#nav li ul ul li a:hover {
border-bottom: 0;
}
#nav li ul li ul li a {}
#nav li:hover,
#nav li.sfHover {
position: static;
}
#nav li:hover ul ul,
#nav li.sfHover ul ul,
#nav li:hover ul ul ul,
#nav li.sfHover ul ul ul,
#nav li:hover ul ul ul ul,
#nav li.sfHover ul ul ul ul {
left: -999em;
}
#nav li:hover ul,
#nav li.sfHover ul,
#nav li li:hover ul,
#nav li li.sfHover ul,
#nav li li li:hover ul,
#nav li li li.sfHover ul,
#nav li li li li:hover ul,
#nav li li li li.sfHover ul {
left: auto;
} #select-nav {
display: none;
} .slicknav_menu {
display: none;
}
.slicknav_nav {
margin-bottom: 100px !important;
}
.slicknav_nav li {
background: none;
}
.slicknav_btn {
background-color: #d50000 !important;
}
.slicknav_nav li {
background-color: #d50000 !important;
visibility: visible;
}
.slicknav_nav li a:hover {
background-color: #424344 !important;
} .hero {
float: left;
width: 100%;
background-image: url(//calsteel.com/content/themes/californiasteel/images/hero-3.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
height: 500px;
}
.hero-sub {
height: 280px;
}
.hero-2 {
background-image: url(//calsteel.com/content/themes/californiasteel/images/hero-1.jpg);
}
.hero-3 {
background-image: url(//calsteel.com/content/themes/californiasteel/images/hero-2.jpg);
}
.hero-4 {
background-image: url(//calsteel.com/content/themes/californiasteel/images/hero-4.jpg);
}
.hero.hero-sub-contact {
background-image: url(//calsteel.com/content/themes/californiasteel/images/hero-5.jpg);
height: 500px;
}
.hero.hero-blog {
background-image: url(//calsteel.com/content/themes/californiasteel/images/hero-blog.jpg);
height: 200px;
}
.hero.hero-resources {
background-image: url(//calsteel.com/content/themes/californiasteel/images/hero-6.jpg);
height: 500px;
}
.hero.hero-services {
background-image: url(//calsteel.com/content/themes/californiasteel/images/hero-7.jpg);
}
.hero.hero-servicesB {
background-image: url(//calsteel.com/content/uploads/2015/11/hero-11.jpg);
height: 500px;
}
.hero.hero-inventory,
.woocommerce-cart .hero.hero-sub,
.woocommerce-checkout .hero.hero-sub {
background-image: url(//calsteel.com/content/themes/californiasteel/images/hero-8.jpg);
height: 500px;
}
.hero.hero-company {
background-image: url(//calsteel.com/content/themes/californiasteel/images/hero_about.jpg);
height: 500px;
}
.hero.hero-custom {
background-image: url(//calsteel.com/content/themes/californiasteel/images/hero-10.jpg);
height: 500px;
}
.hero .headline {
margin-top: 60px;
}
.hero.hero-sub .headline {
margin-top: 60px;
}
.hero .headline h1 {
font-weight: 700;
font-size: 60px;
padding: 20px 0 10px 0;
color: #fefdfe;
letter-spacing: 1px;
text-transform: uppercase;
}
.woocommerce .woocommerce-message {
border-top-color: #d90000 !important;
}
.woocommerce .woocommerce-message:before {
color: #d90000 !important;
} .hero-slider {
float: left;
width: 100%;
}
#slider-top {
float: left;
width: 100%;
position: relative;
}
#slider-top #hero-nav {
width: 100%;
float: left;
position: absolute;
top: 210px;
z-index: 1000;
}
#hero-nav span.nawi {
width: 56px;
height: 56px;
display: block;
position: absolute;
left: 0;
background-image: url(//calsteel.com/content/themes/californiasteel/images/ik_nav2.png);
background-position: left;
background-repeat: no-repeat;
cursor: pointer;
}
#hero-nav span#hero-next {
background-position: right;
left: auto;
right: 0;
}
#hero-circle {
width: 200px;
margin: 0 auto;
height: 20px;
z-index: 1000;
position: relative;
top: 260px;
text-align: center;
}
#hero-circle span {
width: 18px;
height: 14px;
display: inline-block;
text-indent: -9999px;
cursor: pointer;
background-image: url(//calsteel.com/content/themes/californiasteel/images/ik_circle.png);
background-repeat: no-repeat;
background-position: bottom center;
transition-duration: 0.3s;
}
#hero-circle span:hover,
#hero-circle span.cycle-pager-active {
background-position: top center;
} .loc {
background-image: url(//calsteel.com/content/themes/californiasteel/images/loc_bg.png);
background-repeat: no-repeat;
background-position: left top;
line-height: 21px;
color: #b8b8b8;
font-size: 13px;
height: 21px;
}
.loc a {
text-decoration: none;
color: #b8b8b8;
padding: 0 2px;
background: transparent;
border: 0;
}
.loc a:hover {
text-decoration: underline;
}
.loc span {
color: #e1372e;
padding: 0 2px;
} h1 {
margin: 0;
padding: 10px 0 10px 0;
color: #ababab;
font-size: 70px;
font-weight: 300;
line-height: 70px;
letter-spacing: -2px;
}
h1.page-title {
border-bottom: 1px solid #e0e0e0;
margin-bottom: 10px;
}
h2 {
margin: 0;
padding: 20px 0;
color: #686767;
font-size: 36px;
font-weight: 400;
letter-spacing: 0px;
}
h2.page-title {
color: #2c272b;
}
h2 a {
text-decoration: none;
}
h2 a:hover {
text-decoration: underline;
}
h2 small {
color: #989898;
font-size: 20px;
line-height: 34px;
}
h3 {
margin: 0;
padding: 10px 0;
color: #2b292b;
font-size: 24px;
font-weight: 700;
letter-spacing: 0px;
line-height: 27px;
}
h4 {
margin: 0;
padding: 10px 0;
color: #717171;
font-size: 21px;
font-weight: 700;
line-height: 27px;
letter-spacing: -1px;
}
p {
margin: 0;
padding: 10px 0 10px 0;
color: #2b292b;
font-size: 14px;
line-height: 24px;
font-weight: 400;
text-align: left;
}
.big-txt p {
font-size: 24px;
text-align: center;
line-height: 34px;
font-weight: 300;
max-width: 980px;
margin: 10px auto 25px;
color: #424043;
}
a {
color: #686767;
font-weight: 300;
text-decoration: underline;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
a:hover {
text-decoration: none;
}
a:active,
a:focus {
outline: none;
}
ul {
margin: 0;
padding: 4px 0 14px 25px;
}
li {
margin: 0;
padding: 5px 0 5px 23px;
color: #717171;
font-size: 18px;
line-height: 25px;
font-weight: 300;
text-align: left;
list-style: none;
background-image: url(//calsteel.com/content/themes/californiasteel/images/li.png);
background-position: left 13px;
background-repeat: no-repeat;
}
p.more a {
color: #787878;
padding: 9px 0px;
font-size: 18px;
}
p.more a:hover {
text-decoration: none;
}
.content {
clear: both;
margin: 0 auto;
padding: 50px 0;
width: 100%;
float: left;
}
.home .content {
padding: 80px 0;
}
.home .content p {
text-align: left;
} .full-content {
text-align: center;
width: 100%;
}
.full-content h2 {
font-size: 40px;
padding: 10px 0;
}
.full-content p {
font-size: 21px;
line-height: 30px;
}
.home .full-content p {
text-align: center;
}
.full-content p.more a {
font-size: 20px;
} .col-3 {}
.col-3 .col {
width: 350px;
float: left;
}
.col-3 .col-center {
margin: 0 65px;
}
.col-3 .col h3 {
margin: 20px 0 10px 0;
} .col-2 .col {
width: 560px;
float: left;
text-align: left;
}
.col-2 .col-last {
float: right;
}
.red_box {
background-color: #d50000;
padding: 30px 0 50px 0;
}
.home .red_box {
padding: 30px 0 50px 0;
}
.red_box h2 {
color: #fffdfd;
font-size: 36px;
line-height: 40px;
font-weight: 700;
letter-spacing: 0;
margin-bottom: 30px;
}
.red_box h2 span {
display: block;
}
.red_box li {
font-size: 24px;
font-weight: 400;
text-transform: uppercase;
background: none;
padding: 0;
}
.red_box li a {
text-decoration: none;
line-height: 48px;
color: #fffdfd;
background-image: url(//calsteel.com/content/themes/californiasteel/images/ik_arr2.png);
background-position: left;
padding-left: 65px;
background-repeat: no-repeat;
display: inline-block;
}
.red_box li a:hover {
background-position: 25px center;
opacity: 0.4;
}
.red_box .col-center {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
margin: 0 34px;
padding: 0 30px;
height: 230px;
}
.red_box .col1 .txt {
float: right;
padding-right: 30px;
}
.red_box .col .txt p {
text-align: left;
font-size: 18px;
font-weight: 400;
color: #fff;
margin-top: 15px;
line-height: 24px;
}
.red_box .col3 .txt {
text-align: left;
margin-left: 30px;
}
.red_box .col3 a {
display: block;
position: relative;
width: 263px;
clear: both;
}
.red_box .col3 a span {
width: 100%;
height: 100%;
background-image: url(//calsteel.com/content/themes/californiasteel/images/ik_play.png);
background-repeat: no-repeat;
background-position: center;
z-index: 10;
position: absolute;
top: 0;
left: 0;
transition-duration: 0.3s;
}
.red_box .col3 a:hover span {
opacity: 0.1;
} #welcome {
background-color: #e3e1e3;
}
#welcome .wrap {
width: 800px;
}
#welcome h3 {
color: #424344;
line-height: 36px;
font-size: 24px;
font-weight: 400;
} #products {
padding: 70px 0 90px;
background-color: #797979;
}
#products .wrap {
position: relative;
}
#products .txt {
float: left;
width: 280px;
}
#products h4 {
color: #e3e1e3;
font-size: 24px;
font-weight: 600;
}
#products .txt p {
color: #e3e1e3;
font-size: 14px;
font-weight: 400;
line-height: 20px;
}
#products .products-slider {
width: 873px !important;
float: right;
}
#products .products-slider .item {
width: 271px;
margin-right: 30px;
text-decoration: none;
display: inline-block;
background-color: #2b292b;
transition: none;
position: relative !important;
}
#products .products-slider .item .photo {
width: 271px;
height: 186px;
overflow: hidden;
position: relative;
}
#products .products-slider .item .hover {
position: absolute;
top: 0;
width: 100%;
height: 70%;
display: block;
background-color: rgba(0, 0, 0, 0.7);
z-index: 10;
background-image: url(//calsteel.com/content/themes/californiasteel/images/ik_info_big.png);
background-repeat: no-repeat;
background-position: center 90px;
transition-duration: 0.3s;
opacity: 0;
}
#products .products-slider .item:hover .hover {
opacity: 1;
}
#products .products-slider .item .photo img {
width: 271px;
height: auto;
}
#products .products-slider .item .desc {
padding: 20px 0;
text-align: center;
color: #fcfbfb;
display: block;
font-size: 16px;
font-weight: 700;
line-height: 20px;
height: 40px;
float: left;
width: 245px;
margin-left: 8px;
white-space: normal;
}
#products .products-nav {
float: left;
width: 35px;
height: 35px;
margin-top: 20px;
cursor: pointer;
margin-right: 5px;
background-image: url(//calsteel.com/content/themes/californiasteel/images/ik_nav.png);
background-repeat: no-repeat;
background-position: center left;
transition-duration: 0.3s;
}
#products .products-nav:hover {
opacity: 0.6;
}
#products #products-next {
background-position: center right;
} #faq h2 {
margin-left: 110px;
margin-bottom: 20px;
}
#faq .wrap-faq {
width: 770px;
margin: 0 auto;
} .team {
float: left;
width: 100%;
margin: 20px 0;
}
.team .person {
float: left;
width: 270px;
margin-left: 10px;
margin-right: 9px;
margin-bottom: 30px;
position: relative;
text-decoration: none;
}
.team .person .photo img {
width: 100%;
height: auto;
}
.team .person .hover {
position: absolute;
top: 0;
width: 100%;
height: 100%;
display: block;
background-color: rgba(0, 0, 0, 0.7);
z-index: 10;
background-image: url(//calsteel.com/content/themes/californiasteel/images/ik_info.png);
background-repeat: no-repeat;
background-position: center;
transition-duration: 0.3s;
opacity: 0;
}
.team .person:hover .hover {
opacity: 1;
}
.team .person .photo {
overflow: hidden;
text-align: center;
}
.team .person .desc {
background-color: #696768;
padding: 15px 0;
}
.team .person .desc p {
margin: 0;
padding: 0;
font-size: 16px;
color: #fff;
line-height: 23px;
text-align: center;
}
.team .person .desc h3 {
font-size: 18px;
color: #fff;
padding: 0 0 2px 0;
}
.team .person .desc span {
font-size: 18px;
color: #fff;
padding: 0;
}
.person-bio {
padding: 10px 35px 20px 35px;
}
.person-bio h2 {
padding: 25px 0 10px 0;
}
.person-bio p {
font-size: 16px;
line-height: 26px;
}
.join {
width: 100%;
text-align: center;
}
.join .button2 {
width: 150px;
display: inline-block;
padding: 15px 0;
background-position: right center;
}
.join .button2:hover {
background-color: #ff0524;
} .col-form form,
form .col-form {
width: 500px;
float: right;
}
.col-form form input,
.col-form form textarea,
form .col-form input,
form .col-form textarea {
width: 480px;
padding: 7px 9px;
}
.col-form form textarea,
form .col-form textarea {
height: 150px;
}
.col-form form label,
form .col-form label {
text-align: left;
width: auto;
margin: 10px 0 5px 20px;
}
.col-form form label.small,
form .col-form label.small {
font-size: 13px;
}
.col-form form .pole,
form .col-form .pole {
text-align: left;
float: left;
position: relative;
width: 100%;
}
.col-form form .pole span,
form .col-form .pole span {
border: 1px solid #aaa;
float: left;
margin-top: 30px;
}
.col-form form .pole .button2,
form .col-form .pole .button2 {
width: 150px;
position: absolute;
right: 0;
}
#map {
border: 4px solid #fff;
margin-top: 30px;
} .col-in {
margin-left: 100px;
text-align: left;
}
.col-in h4.color {
font-size: 16px;
color: #d60000;
font-weight: 400;
padding: 0;
margin: 0;
line-height: 22px;
margin-top: 20px;
}
.col-in p {
text-align: left;
font-size: 14px;
font-weight: 400;
padding: 0;
margin: 0;
line-height: 20px;
letter-spacing: 0;
} .resources-menu {
width: 100%;
margin-bottom: 30px;
padding: 0;
}
.resources-menu .btn {
display: inline-block;
color: #7a787b;
border-right: 1px solid #7a787b;
font-size: 20px;
padding: 3px 14px 3px 12px;
background: none;
line-height: auto;
cursor: pointer;
font-weight: 400;
transition-duration: 0.3s;
}
.resources-menu .btn:hover,
.resources-menu .btn.active {
color: #d50000;
}
.resources-menu .btn:last-child {
border-right: none;
}
.resources .team .person {
cursor: pointer;
position: relative;
}
.mix {
display: none;
}
.resources .team .person .photo {
height: 150px;
background-color: #fff;
box-shadow: inset 0px 0px 48px 0px rgba(0, 0, 0, 0.25);
}
.resources .team .person .desc h3 {
font-size: 16px;
line-height: 20px;
}
.resources .team .person .desc span {
font-size: 16px;
line-height: 20px;
}
.resources .team .person .desc {
height: 100px;
padding: 20px 30px;
}
.resources .team .person .hover {
position: absolute;
top: 0;
width: 100%;
height: 100%;
display: block;
background-color: rgba(0, 0, 0, 0.7);
z-index: 10;
background-image: url(//calsteel.com/content/themes/californiasteel/images/ik_info.png);
background-repeat: no-repeat;
background-position: center;
transition-duration: 0.3s;
opacity: 0;
}
.resources .team .person .hover:hover {
opacity: 1;
} .hero-services .headline {
width: 570px;
float: left;
}
.hero-services .headline h1 {
margin: 70px 0 0 80px;
font-size: 70px;
}
.hero-services .hero-box {
background-color: rgba(0, 0, 0, 0.25);
float: right;
width: 480px;
margin-top: 40px;
padding: 35px 45px;
}
.hero-services .hero-box h3 {
font-size: 24px;
color: #b8b8b8;
font-weight: 300;
}
.hero-services .hero-box h4 {
font-size: 18px;
color: #fff;
font-weight: 700;
text-transform: capitalize;
}
.hero-services .hero-box ul {
margin: 0;
padding: 0;
}
.hero-services .hero-box li {
background: none;
padding: 0;
margin: 0;
}
.hero-services .hero-box li a {
color: #e1372e;
text-decoration: none;
font-size: 15px;
}
.hero-services .hero-box li a:hover {
text-decoration: underline;
}
.hero-services .hero-box .buttons {
text-align: right;
margin-top: 30px;
}
.hero-services .hero-box .buttons .button2 {
width: 130px;
display: inline-block;
}
.hero-services .hero-box .buttons .button3 {
background-color: #d50000;
margin-right: 10px;
}
.hero-services .hero-box .buttons .button3:hover {
background-color: #424344;
} .red_box table {
border-collapse: collapse;
font-family: "Raleway";
}
.red_box table th {
background: none;
color: #fff;
font-size: 16px;
border-bottom: 1px solid #fff;
margin: 0;
padding: 10px 10px;
}
.red_box table td {
width: 20%;
margin: 0;
padding: 0;
color: #fff;
font-size: 16px;
text-align: left;
padding: 10px 10px;
background: transparent;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
transition-duration: 0.3s;
}
.red_box table td.str {
font-weight: 600;
}
.red_box table tr:hover td {
background-color: rgba(255, 255, 255, 0.08);
} .hero-servicesB .headline {
width: 100%;
}
.hero-servicesB .headline h1 {
margin-left: 40px;
}
.hero-servicesB .hero-box {
float: left;
margin-top: 20px;
width: 670px;
}
.hero-servicesB .hero-box h3 {
font-size: 36px;
line-height: 36px;
}
.hero-servicesB .hero-box .buttons {
margin: 20px 0 10px 0;
} .txt-B {
margin-bottom: 20px;
float: left;
width: 100%;
}
.txt-B h2 {
font-size: 48px;
color: #686767;
line-height: 54px;
margin: 0 130px;
font-weight: 300;
}
.txt-B h3 {
font-size: 24px;
color: #030303;
line-height: 30px;
font-weight: 400;
margin: 0 180px;
} .servicesB-mod {
float: left;
width: 100%;
background-image: url(//calsteel.com/content/uploads/2015/11/services_b1.jpg);
background-position: center;
background-size: cover;
height: 500px;
margin-top: 30px;
}
.mod2 {
background-image: url(//calsteel.com/content/uploads/2015/11/services_b2.jpg);
}
.servicesB-mod .col {
float: left;
width: 605px;
text-align: left;
border-top: 1px solid #b8b5ba;
}
.servicesB-mod .col h3 {
color: #494a4c;
font-size: 36px;
font-weight: 600;
line-height: 40px;
}
.servicesB-mod .col p {
color: #494a4c;
font-size: 24px;
line-height: 30px;
font-weight: 300;
}
.mod2 .col {
float: right;
}
.servicesB-mod .col-in {
width: 85%;
float: left;
margin: 110px 0 0 0;
}
.mod2 .col .col-in {
margin: 110px 0 0 50px;
} .red_boxB {
background-image: url(//calsteel.com/content/uploads/2015/11/bg_redB.png);
background-position: center;
background-repeat: repeat-y;
}
.red_boxB h2 {
text-align: left;
margin-left: 40px;
}
.red_boxB th.t1 {
width: 18%;
}
.red_boxB th.t2 {
width: 46%;
}
.red_boxB th.t3 {
width: 18%;
}
.red_boxB th.t4 {
width: 18%;
}
.red_boxB table td {}
.red_boxB table tr:hover td {
background: none;
} #service-banners {
background-color: #797979;
padding: 80px 0;
}
#service-banners .col {
width: 370px;
}
#service-banners .col .photo img {
width: 100%;
}
#service-banners .col-center {
margin: 0 35px;
}
#service-banners .desc {
background-color: #2b282b;
float: left;
}
#service-banners .desc h3 {
color: #e3e1e3;
margin: 20px 30px;
font-weight: 600;
} .white-box {
background-color: #fff;
padding: 30px 75px;
width: 830px;
text-align: left;
margin: 0 auto;
}
.white-box h3 {
text-align: left;
}
.white-box .pole {
width: 100%;
float: left;
margin: 5px 0;
}
.white-box .pole label {
width: 200px;
float: left;
margin-left: 3px;
}
.white-box .pole select {
padding: 6px 9px;
color: #d50000;
}
.white-box .pole input {
padding: 7px 9px;
}
.white-box .pole select {
width: 460px;
}
.white-box .pole select.small {
width: 100px;
color: #2b292b;
}
.white-box .pole input.txt {
width: 440px;
color: #d50000;
}
.white-box .pole input.small {
width: 330px;
margin-right: 10px;
}
.white-box .pole-small-margin {
margin-top: -10px;
}
.white-box .pole-margin {
margin-top: 20px;
}
.white-box .pole h3 {
color: #2b292b;
font-size: 16px;
font-weight: 700;
}
.white-box .pole-buttons {
text-align: right;
}
.white-box .pole-buttons .button2 {
width: 160px;
display: inline-block;
border: none;
float: none;
margin-left: 5px;
cursor: pointer;
}
.white-box .pole-small {
font-size: 11px;
} #contact-bottom {
padding: 40px 0;
background-image: url(//calsteel.com/content/themes/californiasteel/images/map-footer.png);
background-position: center;
background-size: cover;
}
#contact-bottom h2 {
font-family: "Roboto";
color: #e3e1e3;
font-weight: 600;
font-size: 36px;
text-align: center;
}
#contact-bottom h2 a {
color: #ec2028;
text-decoration: underline;
font-weight: 600;
font-size: 36px;
}
#contact-bottom h2 a:hover {
color: #e3e1e3;
}
#contact-bottom .col h3 {
padding-top: 28px;
color: #e3e1e3;
font-size: 16px;
font-weight: 700;
margin: 0;
}
#contact-bottom .col p {
color: #e3e1e3;
font-weight: 400;
line-height: 19px;
}
#contact-bottom .col-center p {
width: 270px;
}
#contact-bottom .col.col1 {
min-height: 100px;
background: transparent url(//calsteel.com/content/themes/californiasteel/images/footer-logo.png) right 10px no-repeat;
} .social {
text-align: right;
margin-top: 0px;
}
.social a {
display: inline-block;
width: 35px;
height: 28px;
margin: 0px;
background-image: url(//calsteel.com/content/themes/californiasteel/images/ik_f.png);
background-position: center center;
background-repeat: no-repeat;
}
.social a.i {
background-image: url(//calsteel.com/content/themes/californiasteel/images/ik_i.png);
}
.social a.t {
background-image: url(//calsteel.com/content/themes/californiasteel/images/ik_t.png);
}
.social a.y {
background-image: url(//calsteel.com/content/themes/californiasteel/images/ik_y.png);
}
.social a:hover {
opacity: 0.5;
} .post {
border-bottom: 1px solid #ddd;
margin-bottom: 30px;
background-color: #fff;
}
.post .photo img {
width: 100%;
height: auto;
}
.post-in {
padding: 45px;
}
.post-in h2 {
padding-top: 0;
}
.post .postpublishdate {
padding: 0px 0px;
}
.post p {
line-height: 21px;
text-align: justify;
}
.post h3 a {
color: #2a2829;
font-weight: 600;
font-size: 27px;
text-decoration: none;
}
.post .more-blog {
text-align: left;
margin: 0;
}
.post .more-blog a {
padding: 0 25px 0 0px;
background-image: url(//calsteel.com/content/themes/californiasteel/images/ik_arr3.png);
background-position: right;
background-repeat: no-repeat;
color: #d20100;
font-size: 16px;
font-weight: 400;
text-decoration: none;
}
.post .more-blog a:hover {
text-decoration: underline;
} .pagination {
clear: both;
display: block;
margin: 0 0 5px 0;
padding: 25px 0 0 0;
font-size: 14px;
line-height: 20px;
text-align: center;
}
.pagination a {
margin: 2px;
padding: 7px 12px;
color: #2b292c;
font-weight: 600;
text-decoration: none;
border: 1px solid #2b292c;
border-radius: 5px;
}
.pagination a:hover {
color: #fff;
text-decoration: none;
background: #d60000;
border: 1px solid #d60000;
border-radius: 5px;
}
.pagination a:hover strong {
color: #fff;
}
.pagination .on {
margin: 2px;
padding: 7px 12px;
color: #fff;
font-weight: 600;
background: #d60000;
border: 1px solid #d60000;
border-radius: 5px;
} #col-left {
float: left;
width: 770px;
min-height: 350px;
}
#col-right {
float: right;
width: 300px;
}
#col-full {
float: left;
width: 100%;
text-align: center;
}
#col-right .banner {
margin-bottom: 20px;
}
#store-col-left {
float: left;
width: 300px;
}
#store-col-right {
float: right;
width: 770px;
min-height: 350px;
}
#store-col-right.pc_price-calculated-product {
width: 850px;
}
.pc_price-calculated-product #container #content .summary {
width: 551px !important;
margin-left: 29px;
}
.pc_price-calculated-product h2.entry-title {
font-weight: 700;
color: #2b292b;
font-size: 36px;
margin-bottom: 8px;
}
.pc_price-calculated-product .sub-heading {
font-weight: 400;
color: #d50000;
font-size: 14px;
margin: 0;
padding: 0;
}
.simple_price_calculator {
margin: 0;
width: 100%;
}
.simple_price_calculator tr td {
background: transparent;
border-bottom: solid 1px transparent;
}
.simple_price_calculator tr td:first-child{
width: 18%;
}
.pc_measurement-wrap {
position: relative;
width: 74%;
float: left;
}
.pc_measurement-wrap .item {
float: left;
width: 75px;
}
.pc_measurement-wrap .item span {
position: relative;
width: 100%;
color: #929293;
text-align: center;
font-size: 13px;
float: left;
}
.pc_measurement-output {
position: relative;
width: 26%;
float: left;
padding: 4px;
top: 22px;
box-sizing: border-box;
}
.pc_measurement-output div {
margin: 0;
padding: 0;
position: relative;
float: left;
}
.pc_measurement-wrap input[type=number], .pc_measurement-wrap select{
width: 60px;
text-align: left;
margin-bottom: 0px;
border-radius: 6px;
border: solid 1px #c2c0c2;
padding: 5px 7px;
}
.pc_measurement-wrap select{
min-height: 28px;
padding: 0px;
font-size: 13px;
width: 100%;
}
.pc_measurement-wrap input[type=radio]{
width:auto;
float: left;
position:relative;
top:4px;
margin-right:6px;
}
.pc_measurement-wrap .plus {
position: relative;
float: left;
top: 26px;
text-align: center;
width: 25px;
font-size: 14px;
}
.text-left span{
text-align:left !important;
}
.simple_price_calculator label {
color: #d50000;
width: 115px !important;
padding: 25px 0 0 0 !important;
}
.pc_price-calculated-product .product-addon h3 {
font-weight: 700;
font-size: 18px;
color: #706f73;
border-top: 1px solid #b9b7b9 !important;
padding-top: 22px;
}
.pc_price-calculated-product .product-addon label {
width: 72%;
float: right;
}
.pc_price-calculated-product .product-addon input {
width: 20px;
margin: 8px 0 10px 0;
}
.cart .addon-name {
font-weight: 700;
font-size: 18px;
color: #706f73;
border-top: 1px solid #b9b7b9 !important;
padding-top: 22px;
}
.pc_total_price_wrap {
position: relative;
width: 40%;
float: right;
margin-bottom: 25px;
text-align: right;
}
.woocommerce form.cart .pc_total_price_wrap{
display: none;
}
.pc_total_price_wrap label {
width: auto;
}
.pc_total_price_wrap .weight,
.pc_total_price_wrap .each_price {
width: 100%;
margin-bottom: 6px;
float: left;
}
.pc_total_price_wrap .weight {
color: #868686;
font-size: 14px;
font-weight: 400;
}
.pc_total_price_wrap .each_price {
color: #424344;
font-size: 14px;
font-weight: 700;
}
.pc_total_price_wrap .product_weight {
position: relative;
top: 4px;
}
.pc_total_price_wrap .product_price {
position: relative;
top: 4px;
}
.pc_price-calculated-product #container #content .summary form .form-row {
margin: 0;
padding: 0;
}
.pc_price-calculated-product #container #content .summary form .form-row label {
margin: 0;
padding: 0;
}
.pc_total_price_btn_wrap {
position: relative;
width: 100%;
float: left;
border-bottom: 1px solid #b9b7b9;
padding-bottom:25px;
}
.pc_total_price_btn_wrap .button,
.pc_total_price_btn_wrap .pc_btm_quantity {
float: right !important;
}
.pc_total_price_btn_wrap .pc_btm_quantity {
position: relative;
margin: 12px 60px 0 0 !important;
}
.pc_total_price_btn_wrap .quantity input[type="number"] {
width: 60px;
text-align: left;
margin-bottom: 0px;
border-radius: 6px;
border: solid 1px #c2c0c2;
padding: 5px 7px;
}
.pc_total_price_btn_wrap .pc_btm_quantity span{
float: left;
margin-right: 25px;
position: relative;
top: 6px;
color:#d50000;
}
#customer_details .select2-container{
float: left;
}
#customer_details .woocommerce-shipping-fields .form-row label{
width: 100%;
}
#customer_details .form-row-last{
width: 42% !important;
}
#customer_details .create-account label {
width: 80%;
}
.woocommerce form.cart #product-addons-total{ display: none; }
.woocommerce .pc_price-calculated-product .images{
width:270px !important;
}
#wc_checkout_add_ons{
position:relative;
width:100%;
background-color:#fff;
padding:10px;
float: left;
box-sizing:border-box;
margin:22px 0px;
}
#wc_checkout_add_ons .form-row  label:first-child{
font-weight: 700;
font-size: 18px;
width:100%;
color: #706f73;
margin-bottom:22px;
}
#wc_checkout_add_ons .form-row  label{
width: 90%;
}
#wc_checkout_add_ons .form-row  input{
width:auto;
margin:10px 10px 0px 25px;
position:relative;
float: left;
}
.product-categories .cat-parent{
margin-bottom:40px;
line-height :1;
}
.product-categories .children .cat-parent {
margin-bottom:0px;
}
.product-categories .cat-item-all a, .product-categories .cat-parent a{
font-weight:400;
color:#797979;
font-size:14px;
}
.product-categories .cat-item-all > a:first-child, .product-categories .cat-parent > a:first-child{
font-weight :600;
}
.product-categories .cat-item{
line-height :1;
padding:0;
}
.product-categories .current-cat a{
color:#d50000 !important;
}
.woocommerce-cart #col-full .page-title{
text-align: right;
padding-right: 10%;
position: relative;
color: #666564;
}
.calculated_shipping h2{
text-align: right;
padding-right: 10%;
position: relative;
color: #666564;
}
.woocommerce-cart .quantity .qty{
width: 2.5em !important;
}
.woocommerce-cart .quantity select.qty{
width: 4em !important;
}
.cart_item .product-name a{
font-size: 17px;
font-weight: bold;
color: #2b292b;
}
.cart_item .product_grade{
width: 100%;
float: left;
font-size: 12px;
color: #d50000;
font-weight: normal;
}
.state_select{
position: relative;
float: left;
}
.cart_item .product_variation{
width: 90%;
float: left;
}
.mini_cart_item .grade{
font-size: 12px;
color: #a8afb6;
font-weight: 400;
}
.cart_item .product_variation p{
position: relative;
float: none;
font-size: 12px;
width: auto;
margin: 0;
padding: 0;
color: #221f20;
display: inline-block;
}
.cart_item .product_variation p strong{
margin: 0;
padding: 0;
color: #221f20;
}
.shop_table th{
padding: 9px 6px !important;
}
.shop_table th.width1{width:4%;}
.shop_table th.width2{width:4%;}
.shop_table th.width3{width:50%;}
.shop_table th.width4{width:10%;}
.shop_table th.width5{width:10%;}
.shop_table th.width6{width:11%;}
.shop_table th.width7{width:11%;}
.shop_table .cart_item td{
padding: 16px !important;
}
.shop_table .cart_item td.product-quantity{
min-width: auto !important;
}
.shop_table tfoot tr td{
text-align: center;
font-weight: normal !important;
color: #d50000;
font-size: 12px;
}
.shop_table tfoot tr td.item_subtotal{
text-align: right;
text-transform: uppercase;
font-size: 12px;
}
.text-left{
text-align: left !important;
}
.cart_item .product-price .amount, .cart_item .product-weight, .cart_item .product-price .amount, .cart_item .product-subtotal .amount{
font-size: 12px;
}
.shop_table .custom_padding{
padding: 11px 20px !important;
}
.cart-subtotal th, .cart-subtotal td{
height: 40px;
vertical-align: middle !important;
}
.cart-subtotal td, .order-total td, .tax-rate td{
text-align: right;
padding-right: 13px;
}
.variation{
margin-bottom:15px !important;
border-left: none !important;
padding-left: 0 !important;
font-size:12px;
}
.variation dt{
font-weight: 400 !important;
margin: 2px 4px 0 0 !important;
clear: left;
font-size: 12px;
color: #a8afb6;
line-height: 1;
}
.variation dd{
padding: 0;
margin-bottom: 0px !important;
line-height: 1;
}
.variation dd p{
color: #a8afb6;
font-weight: bold;
line-height: 1.4;
}
.variation p {
margin: 0;
padding: 0;
color: #fff;
font-size: 11px;
}
.mini_cart_item a {
font-size: 14px !important;
color: #fdfbfd !important;
margin-bottom: 10px;
}
.cart_list .quantity {
font-size: 12px !important;
font-weight: bold;
padding-bottom: 22px;
margin-bottom: 22px;
border-bottom: solid 3px #79797a;
position: relative;
width: 100%;
float: left;
}
#widget-area .widget_shopping_cart .widget_shopping_cart_content .total{
border-top: none !important;
text-align: center;
margin-bottom: 16px;
padding: 0px !important;
}
#widget-area .widget_shopping_cart .widget_shopping_cart_content .buttons{
text-align: center;
padding: 10px 0px 28px 0px !important;
}
#widget-area .widget_shopping_cart .widget_shopping_cart_content .buttons a{
margin-left: 10px !important;
margin-right: 0px !important;
}
#widget-area .widget_shopping_cart .widget_shopping_cart_content .buttons a:first-child{
margin-left: 0px !important;
}
.review_table{
border-collapse: collapse !important;
}
.review_table td{
border-top: 2px solid rgba(0,0,0,.1) !important;
}
.review_table .w1{
width:6%;
}
.review_table .w2{
width: 54%;
}
.review_table .w3{
width: 10%;
}
.review_table .w4{
width: 15%;
}
.review_table .w5{
width: 15%;
}
.review_table .variation dt{
clear: none !important;
float: left;
display: inline;
position: relative;
color: #221f20 !important;
}
.review_table .variation dd{
margin-right: 0px;
}
.review_table .variation dd p{
color: #221f20 !important;
margin-right: 2px;
}
.review_table .variation dt{
margin: 2px 2px 0 0 !important
}
.review_table tfoot th{
border-top: solid 2px #ddd9dc !important;
}
.review_table tbody .product-name{
font-weight: bold;
color: #000;
}
.text-center{
text-align: center !important;
}
.text-left{
text-align: left !important;
}
.review_table .cart-subtotal td{
color: #000;
}
.review_table .cart-subtotal td:nth-child(4), .review_table .cart-subtotal td:nth-child(5){
text-align: left;
}
.review_table .amount, .review_table .fee-label{
color:#939393;
}
.review_table td[data-title] > p {
font-size: 13px;
line-height: 1.2;
}
.review_table .fee td:nth-child(4), .review_table .order-total td:nth-child(4), .review_table .tax-rate td:nth-child(4) {
text-align: left;
}
.review_table #shipping_method input[type="radio"]{
width: 5% !important;
float: left;
}
.review_table #shipping_method .csteel_shipping_label{
font-size: 12px;
width: 65% ;
}
.review_table #shipping_method .csteel_shipping_cost{
text-align: left !important;
}
.shipping #shipping_method input[type="radio"]{
width: 5% !important;
float: left;
}
.review_table .shipping #shipping_method .csteel_shipping_label{
font-size: 12px;
width: 63%;
}
.single-product .hero.hero-inventory, .woocommerce-cart .hero.hero-sub, .woocommerce-checkout .hero.hero-sub{
height: 126px !important;
}
#store-col-right .quantity_products{
width: 100%;
min-height: 200px;
padding: 23px 34px;
box-sizing: border-box;
background-color: #a8afb6;
float: left;
}
#store-col-right  .quantity_products h4{
margin: 0 !important;
padding: 0 !important;
text-align: center;
font-weight: 600 !important;
color: #dbe3eb !important;
font-size: 16px !important;
letter-spacing: .75px;
}
#store-col-right  .quantity_products table{
width: 100%;
padding: 0;
border-collapse: collapse;
margin:30px 0px 30px 0px !important;
}
#store-col-right  .quantity_products table td{
background: transparent;
font-size: 16px !important;
font-weight: 600 !important;
padding: 3px 0px;
text-align: right;
color: #dbe3eb !important;
border-bottom: solid 1px #dbe3eb !important;
}
#store-col-right  .quantity_products table td:first-child{
text-align: left;
}
#store-col-right  .quantity_products p{
text-align: center;
color:  #dbe3eb !important;
line-height: 1;
width: 90%;
left: 5%;
position: relative;
}
.shipping .csteel_shipping_label{
position: relative;
float: left;
width: 50%;
color: #000;
padding-left: 5px;
text-align: left;
}
.shipping .csteel_shipping_cost .amount{
float: left;
width: 47%;
text-align: right;
}
.review_table .shipping .csteel_shipping_cost .amount{
width: 30%;
} .woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-result-count {
color: #979797;
}
.woocommerce ul.products li.product {
width: 30% !important;
min-height: 296px;
margin: 0 5% 2.25em 0 !important;
padding: 0 0 20px 0 !important;
color: #fcfbfb !important;
text-align: center !important;
background: #686767 !important;
}
.woocommerce ul.products li.product.last {
margin-right: 0 !important;
}
.page-template-custom-products .woocommerce ul.products li.product,
.tax-custom-products-categories .woocommerce ul.products li.product {
min-height: 261px;
}
.woocommerce ul.products li.product h3 {
min-height: 45px !important;
padding: 0 !important;
color: #fcfbfb !important;
font-size: 16px !important;
font-weight: 600 !important;
line-height: 22px !important;
margin: 0 10px !important;
}
.woocommerce ul.products li.product p {
padding: 5px 0 10px 0 !important;
color: #fcfbfb !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 20px !important;
text-align: center !important;
}
.woocommerce ul.products li.product .price {
color: #fcfbfb !important;
font-size: 16px !important;
font-weight: 600 !important;
line-height: 22px !important;
}
.woocommerce ul.products li.product .weight {
color: #fcfbfb !important;
font-size: 16px !important;
line-height: 22px !important;
}
.woocommerce ul.products li.product .button {
display: block !important;
width: 120px !important;
margin: 10px auto 0 auto !important;
padding: 10px 10px 10px 0 !important;
color: #fdf9f9 !important;
font-size: 14px !important;
font-weight: 500 !important;
text-align: center !important;
text-decoration: none !important;
background: #d50000 url(//calsteel.com/content/themes/californiasteel/images/ik_arr.png) right center no-repeat !important;
border-radius: 4px !important;
}
.woocommerce ul.products li.product .button.w145 {
width: 145px !important;
}
.woocommerce ul.products li.product .button:hover {
background-color: #424344 !important;
}
.product_top,
.product_bottom {
position: relative;
width: 100%;
float: left;
}
.product_top a img {
margin: 0 !important;
}
.product_top:hover .hover {
position: absolute;
top: 0;
width: 100%;
height: 100%;
display: block;
background-color: rgba(0, 0, 0, 0.7);
z-index: 10;
background-image: url(//calsteel.com/content/themes/californiasteel/images/ik_info.png);
background-repeat: no-repeat;
background-position: center;
opacity: 1;
}
.custom_products .product_top .hover {
background-image: url(//calsteel.com/content/themes/californiasteel/images/ik_info_big.png);
background-repeat: no-repeat;
background-position: center 90px;
}
.custom_products .product_top:hover .hover {
height: 100%;
} .woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
width: 470px !important;
}
.woocommerce div.product h4 {
margin: 8px 0 0 0 !important;
padding: 12px 0 0 0 !important;
color: #d50000 !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 21px !important; }
.woocommerce .product-attributes-list {
margin: 8px 0 !important;
padding: 12px 0 !important;
border-top: 1px solid #b9b7b9 !important;
border-bottom: 1px solid #b9b7b9 !important;
}
.woocommerce .product-attributes-list2 {
margin: 8px 0 !important;
padding: 12px 0 !important;
border-bottom: 1px solid #b9b7b9 !important;
}
.woocommerce .product-attributes-list strong {
display: inline-block;
width: 150px;
color: #d50000 !important;
font-size: 15px !important;
font-weight: 400 !important;
line-height: 35px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: #000 !important;
font-size: 16px !important;
font-weight: 600 !important;
line-height: 22px !important;
} .woocommerce div.product form.cart .button {
display: block !important;
width: 120px !important;
margin: 10px auto 0 auto !important;
padding: 10px 10px 10px 0 !important;
color: #fdf9f9 !important;
font-size: 14px !important;
font-weight: 500 !important;
text-align: center !important;
text-decoration: none !important;
background: #d50000 url(//calsteel.com/content/themes/californiasteel/images/ik_arr.png) right center no-repeat !important;
border-radius: 4px !important;
}
.woocommerce div.product form.cart .button.w145 {
width: 145px !important;
}
.woocommerce div.product form.cart .button.w150 {
width: 150px !important;
}
.woocommerce div.product form.cart .button:hover {
background-color: #424344 !important;
} .woocommerce-cart #col-full {
float: none;
width: 80%;
margin: 0 auto;
}
.woocommerce table.shop_table {
border: 0 !important;
}
.woocommerce table.shop_table td {
padding: 12px;
}
.woocommerce-cart table.cart img {
width: 80px !important;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
width: 200px !important;
margin: 0 10px 0 0 !important;
padding: 8px 11px !important;
color: #666 !important;
}
.woocommerce-cart .cart-collaterals .cart_totals table {
width: 100%;
}
.woocommerce-cart .cart-collaterals .cart_totals table th {
padding-right: 12px !important;
text-align: right;
}
.woocommerce-cart .cart-collaterals .cart_totals table td {
width: 50%;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background-color: #d50000 !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
float: right !important;
width: 200px !important;
} .woocommerce-checkout #col-full {
float: none;
width: 80%;
margin: 0 auto;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
background: #f6f6f6 !important;
}
.woocommerce form .form-row {
clear: none !important;
}
.woocommerce form .form-row.woocommerce-invalid .select2-container,
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
clear: both !important;
}
.woocommerce form .form-row textarea {
height: 10em !important;
}
.woocommerce-checkout #payment {
background: #f6f6f6 !important;
} form {
margin: 0 0 0 0px;
padding: 0;
}
form p {
clear: both;
margin: 0;
padding: 0;
}
label {
float: left;
width: 150px;
margin: 0;
padding: 3px 0 0 0;
line-height: 18px;
}
input {
float: left;
width: 175px;
color: #666;
font-family: 'Raleway', sans-serif;
font-size: 14px;
padding: 8px 11px;
margin: 0 0 10px 0;
background: #fdfdfd;
border: 1px solid #aaa;
}
input.error,
input.wpcf7-not-valid {
border: 1px solid #ec2b2b;
}
span.wpcf7-not-valid-tip {
display: none;
}
input.wpcf7-submit {
float: left;
width: 58px;
height: 23px;
display: block;
border: 0;
text-indent: -9999px;
background: transparent url(//calsteel.com/content/themes/californiasteel/images/b-submit.gif) left bottom no-repeat;
cursor: pointer;
}
select {
float: left;
width: 185px;
min-height: 32px;
color: #666;
font-family: 'Raleway', sans-serif;
font-size: 14px;
padding: 8px 11px;
margin: 0 0 10px 0;
background: #fdfdfd;
border: 1px solid #aaa;
}
textarea {
float: left;
width: 300px;
height: 90px;
color: #666;
font-family: 'Raleway', sans-serif;
font-size: 14px;
padding: 8px 11px;
margin: 0 0 10px 0;
background: #fdfdfd;
border: 1px solid #aaa;
} table {
padding: 0;
margin: 2px 40px 16px 40px;
border: 0;
}
table caption {
color: #444;
background: #ddd;
padding: 5px 8px;
font-family: 'Raleway', arial, tahoma, verdana, helvetica, sans-serif;
font-size: 17px;
line-height: 21px;
text-align: left;
font-weight: bold;
border-bottom: 1px solid #fff;
}
table thead tr th,
table tr th {
text-align: left;
padding: 4px 8px;
color: #fff;
font-size: 16px;
line-height: 23px;
background: #696768;
}
table tbody tr td,
table tr td {
padding: 3px 8px;
color: #666;
font-family: 'Raleway', arial, tahoma, verdana, helvetica, sans-serif;
font-size: 14px;
line-height: 21px;
vertical-align: middle;
background: #fff;
border-bottom: 1px solid #e7e7e7;
}
table tfoot tr td {
color: #888;
font-size: 11px;
padding: 2px 8px;
} .aleft {
text-align: left;
}
.acenter {
text-align: center;
}
.aright {
text-align: right;
}
.fleft {
float: left;
}
.fcenter {
float: none;
margin-left: auto;
margin-right: auto;
}
.fright {
float: right;
}
.fnone {
float: none;
}
.cboth {
clear: both;
}
.cleft {
clear: left;
}
.cright {
clear: right;
}
.nowrap {
white-space: nowrap;
}
.w125 {
width: 125px !important;
}
.w130 {
width: 130px !important;
}
.w145 {
width: 145px !important;
}
.w150 {
width: 150px !important;
}
.w175 {
width: 175px !important;
} .widget {
float: left;
margin-bottom: 40px;
}
.widget h2 {
color: #2b292b;
font-size: 18px;
font-weight: 700;
letter-spacing: 0;
line-height: 25px;
margin: 0;
padding: 10px 0;
text-transform: uppercase;
}
.widget ul {
padding: 10px 0 15px 0;
}
.widget ul ul {
padding: 0 0 3px 25px;
}
.widget li {
padding: 3px 0;
text-align: left;
background: none;
}
.widget li a {
text-decoration: none;
color: #d60000;
font-size: 16px;
font-weight: 400;
}
.widget li a:hover {
text-decoration: underline;
} .widget_search {
padding: 15px 0;
float: left;
margin-bottom: 20px;
}
.widget_search label {
display: none;
}
.widget_search input {
font-size: 15px;
font-weight: 300;
font-family: "Raleway";
}
.widget_search input#s {
padding: 6px 9px;
width: 280px;
border: 1px solid #ddd;
margin: 5px 0;
}
.widget_search input#searchsubmit {
display: inline-block;
background-color: #9d9d9d;
padding: 9px 40px;
font-weight: 700;
color: #fff;
border: 1px solid #9d9d9d;
text-decoration: none;
cursor: pointer;
}
.widget_search input#searchsubmit:hover {
background: none;
color: #9d9d9d;
} .woocommerce.widget_shopping_cart {
width: 100%;
margin-bottom: 20px;
color: #f7fafc;
background: #424344;
}
.woocommerce.widget_shopping_cart h2.widgettitle {
margin: 0;
padding: 26px 25px 16px 25px;
color: #f7fafc;
font-size: 18px;
line-height: 18px;
border-bottom: 4px solid #79797a;
}
.woocommerce.widget_shopping_cart .cart_list.product_list_widget {
padding: 10px 25px 15px 25px;
}
.woocommerce.widget_shopping_cart .cart_list.product_list_widget li {
padding-left: 35px;
color: #f7fafc;
line-height: 21px;
}
.woocommerce.widget_shopping_cart .cart_list.product_list_widget li.mini_cart_item {
padding-top: 6px;
padding-bottom: 6px;
}
.woocommerce.widget_shopping_cart .cart_list.product_list_widget li a {
color: #b7babc;
}
.woocommerce.widget_shopping_cart .cart_list.product_list_widget li a:hover {
color: #d60000;
text-decoration: none;
}
.woocommerce a.remove {
top: 3px !important;
line-height: 0.88em !important;
}
.woocommerce.widget_shopping_cart .cart_list.product_list_widget li.empty {
padding: 0;
font-size: 13px;
line-height: 31px;
}
.woocommerce .widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
border-top: 4px solid #79797a !important;
padding: 14px 25px 0 25px !important;
color: #f7fafc !important;
font-size: 16px;
line-height: 24px;
}
.woocommerce .widget_shopping_cart .buttons,
.woocommerce.widget_shopping_cart .buttons {
padding: 10px 25px 28px 25px !important;
}
.woocommerce .widget_shopping_cart .wc-forward {
margin-right: 10px !important;
} .woocommerce.widget_product_categories {
width: 100%;
background: #fff;
}
.woocommerce.widget_product_categories h2.widgettitle {
margin: 0;
padding: 30px 25px 16px 25px;
color: #424344;
font-size: 18px;
line-height: 18px;
border-bottom: 4px solid #f5f5f5;
}
.woocommerce.widget_product_categories .product-categories {
padding: 10px 25px 15px 25px;
}
.woocommerce.widget_product_categories .product-categories li .count {
float: right;
color: #b8b8b8;
font-size: 14px;
} #store-col-left .widget.widget_tag_cloud {
width: 100%;
background: #fff;
}
#store-col-left .widget.widget_tag_cloud h2.widgettitle {
margin: 0;
padding: 30px 25px 16px 25px;
color: #424344;
font-size: 18px;
line-height: 18px;
border-bottom: 4px solid #f5f5f5;
}
#store-col-left .widget.widget_tag_cloud .product-categories {
padding: 10px 25px 15px 25px;
}
#store-col-left .widget.widget_tag_cloud .product-categories li .count {
float: right;
color: #b8b8b8;
font-size: 14px;
} .search-box {
float: left;
margin-bottom: 50px;
margin-top: 76px;
}
.single .search-box {
margin-top: 0px;
}
.search-box input.text {
border: 1px solid #aaa;
border-radius: 3px 0 0 3px;
padding: 10px;
margin-right: -1px;
width: 210px;
}
.search-box input.submit {
border: 1px solid #d60000;
background-color: #d60000;
background-image: url(//calsteel.com/content/themes/californiasteel/images/ik_search.png);
background-position: center;
background-repeat: no-repeat;
text-indent: -9999px;
width: 48px;
border-radius: 0 3px 3px 0;
cursor: pointer;
height: 38px;
}
.tagcloud a {
padding: 4px 10px;
display: inline-block;
background-color: #d60000;
font-size: 14px !important;
color: #fff;
padding: 5px 10px;
text-decoration: none;
margin: 2px 1px;
border-radius: 2px;
}
.tagcloud a:hover {
background-color: #810b0b;
} #footer-store {
clear: both;
padding: 25px 0 20px 0;
color: #fcfdfe;
font-size: 24px;
font-weight: 300;
line-height: 36px;
text-align: center;
background: #d50000;
}
#footer-store strong {
color: #fcfdfe;
font-size: 36px;
font-weight: 600;
line-height: 36px;
}
#footer-store .fa {
margin: 0 18px 0 10px;
color: #fcfdfe;
font-size: 36px;
font-weight: 400;
line-height: 38px;
} #footer {
float: left;
width: 100%;
background-color: #000000;
padding: 15px 0 15px 0;
color: #e3e1e3;
font-size: 14px;
letter-spacing: 0px;
}
#footer .col {
float: left;
width: 615px;
line-height: 30px;
}
#footer .col-last {
width: 200px;
float: right;
text-align: right;
}
#footer .col-links {
width: 350px;
float: right;
text-align: right;
line-height: 30px;
}
#footer .col span {
color: #686767;
}
#footer .col-links a {
text-decoration: underline;
text-transform: uppercase;
font-size: 14px;
font-weight: 400;
margin: 0 20px;
}
#footer a {
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error {
border-top-color: #e80204 !important;
}
.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-error:before {
display: none !important;
}
.woocommerce .woocommerce-info i,
.woocommerce .woocommerce-error i {
position: absolute;
left: 2em;
color: #e80204;
font-size: 15px;
}
.woocommerce .woocommerce-error i {
line-height: 26px;
left: 13px;
}
.woocommerce-error li {
text-indent: 16px;
}
.woocommerce-shipping-fields #ship-to-different-address {
width: 100%;
margin-bottom: 12px;
position: relative;
margin-top: 10px;
float: left;
}
.woocommerce-shipping-fields #ship-to-different-address input[type="checkbox"] {
width: 20px;
margin-top: 5px;
}
.woocommerce-shipping-fields #ship-to-different-address label {
width: 93%;
}
.woocommerce-billing-fields h3 {
text-align: left;
}
#billing_state_field {
width: 50%;
}
#billing_state_field label {
width: 100%;
}
#billing_state option {
font-size: 14px;
}
.create-account {
width: 100%;
margin-bottom: 12px;
position: relative;
margin-top: 10px;
float: left;
}
.create-account input[type="checkbox"] {
width: 20px;
margin-top: 10px !important;
}
.create-account label {
width: 93%;
}
.payment_methods input[type="radio"] {
width: 20px;
margin-top: 10px !important;
}
.woocommerce-checkout #payment div.payment_box {
margin: 3em 0 1em 0 !important;
}
.payment_methods li label {
width: auto !important;
}
.payment_methods li label img {
max-width: 35% !important;
}
.terms input[type="checkbox"] {
width: 20px;
margin-top: 10px !important;
margin-left: 7px !important;
}
.terms label {
width: 50%;
text-align: left;
}
.csteel-notice-error {
background-color: #bd161e !important;
}
.csteel-notice-error li {
text-align: center;
background-image: none;
color: #fff;
}
.csteel-notice-error i {
color: #fff !important;
}
.woocommerce .order_details li {
background: transparent;
}
.woocommerce .order_details li {
background: transparent !important;
}
.woocommerce .order_details li strong {
display: inline-block !important;
margin: 0 0 0 10px;
}
html .fancybox-overlay {
background: url(//calsteel.com/content/themes/californiasteel/css/fancybox_overlay.png) !important;
}
#slider-top-mobile{
width:100%;
height: 200px;
background: #23282d;
background-size: cover;
position: relative;
float:left;
}
#slider-top-mobile div{
background-size: cover;
background-position: center;
width:100%;
height: 200px;
float:left;
background-image:url(//calsteel.com/content/uploads/2016/09/Steel-plates-and-steel-fabrication-company-CalSteel-slide1-home-page-mobile.jpg);
}
.hidden-md{
display: none !important;
}
@media only screen and (max-width: 1226px) and (min-width: 997px) {
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
width: 100% !important;
}
#store-col-right.pc_price-calculated-product {
width: 735px;
}
.woocommerce .pc_price-calculated-product .images{
width:220px !important;
}
.pc_price-calculated-product #container #content .summary {
width: 445px !important;
margin-left: 20px;
float: left;
}
.simple_price_calculator label {
width: 100px !important;
}
.pc_measurement-wrap{
width:75%;
}
.pc_measurement-output{
width: 25%;
}
.pc_measurement-wrap .item{
width:58px;
}
.pc_measurement-wrap input[type=number]{
width:40px;
}
.pc_measurement-wrap .plus{
width: 15px;
}
.pc_measurement-wrap .item span{
font-size: 11px;
}
}
@media only screen and (max-width: 996px) and (min-width: 768px) {
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
width: 100% !important;
}
#store-col-right.pc_price-calculated-product{
width:100%;
}
html body.woocommerce .pc_price-calculated-product #content .images{
width:100% !important;
}
.woocommerce .pc_price-calculated-product .images img{
width:50% !important;
float: left;
}
.pc_price-calculated-product #container #content .summary {
width: 100% !important;
}
.pc_measurement-wrap{
width:60%;
}
}
@media only screen and (max-width: 768px) {
.woocommerce ul#shipping_method li label{
width: 85%;
font-size: 12px;
}
.cart-responsive, .cart-responsive tr, .cart-responsive thead, .cart-responsive tbody, .cart-responsive td, .cart-responsive th{
position: relative;
display: inline-block;
width: 100%;
}
.cart-responsive .amount{
color: #221f20;
}
.hidden-xs{
display: none !important;
}
.visible-xs{
display: block !important;
}
.overflow-xs, .dropzone{
overflow: hidden !important;
}
.calculated_shipping h2{
display: inline-block;
}
.w100{
width: 100% !important;
}
.left0{
left: 0% !important;
}
.custom_remove{
position: relative;
float: left;
width: 8%;
}
.custom_name{
width: 90%;
float: left;
}
.price_wrapper{
position: relative;
width: 80%;
left: 8%;
margin: 20px 0px 10px 0px;
float: left;
}
.price_wrapper .inner-wrap{
width: 100%;
float: left;
}
.price_wrapper .inner-wrap .label{
font-size: 11px;
color: #6a6869;
float: left;
}
.price_wrapper .inner-wrap .data{
font-size: 11px;
color: #221f20;
font-weight: bold;
margin-left: 2px;
float: left;
}
.price_wrapper .inner-wrap .data input[type="number"]{
margin: 0;
padding: 0 0 3px 0;
font-size: 12px;
width: 45px !important;
}
tfoot .total-wrapper{
width: 95%;
float: left;
padding: 12px;
}
tfoot .total-wrapper > div{
position: relative;
float: left;
font-size: 11px;
}
tfoot .total-wrapper > div.sub-total{
width: 30%;
}
tfoot .total-wrapper > div.sub-quantity{
width: 10%;
}
tfoot .total-wrapper > div.sub-weight{
width: 30%;
}
tfoot .total-wrapper > div.sub-amount{
width: 30%;
}
tfoot .coupon-wrapper{
width: 100%;
float: left;
}
tfoot .coupon-wrapper .float-right{
float: right !important;
}
tfoot .submit-wrapper{
width: 100%;
position: relative;
padding: 15px 0px;
text-align: center;
float: left;
}
.tfoot-wrap{
display: inline-table !important;
}
.tfoot-wrap  tr{
width: auto !important;
display: table-row;
}
.tfoot-wrap  td, .tfoot-wrap  th{
width: 10% !important;
display: table-cell;
}
#payment div.payment_box{
float: left;
}
.woocommerce table.shop_table.cart-responsive td{
padding: 0;
margin: 0;
}
.tfoot-wrap tr th:first-child{
background-color: red;
display: none;
}
#wc_checkout_add_ons .form-row  label{
width: 80%;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
width: 100% !important;
}
.woocommerce ul#shipping_method .csteel_shipping_label {
width: 100%;
}
#store-col-right.pc_price-calculated-product{
width:100%;
}
.woocommerce .pc_price-calculated-product .images{
width:100% !important;
position: relative !important;
float: left !important;
}
.woocommerce .pc_price-calculated-product .images img{
width:50% !important;
float: left;
}
.pc_price-calculated-product #container #content .summary {
width: 100% !important;
margin-left: 0px;
}
.pc_measurement-wrap{
width:60%;
}
.simple_price_calculator tr td{
width: 100%;
display: inline-block;
margin: 0;
padding: 0;
}
.pc_measurement-wrap {
width: 70%;
}
.pc_measurement-wrap .item span{
text-align:left;
}
.shop_table th{
font-size: 14px;
}
.shop_table td{
width: 100%;
}
}
@media only screen and (max-width: 480px){
tfoot .total-wrapper > div.sub-total {
width: 40%;
}
tfoot .total-wrapper > div.sub-quantity {
width: 10%;
}
tfoot .total-wrapper > div.sub-weight {
width: 25%;
}
tfoot .total-wrapper > div.sub-amount {
width: 25%;
}
tfoot .coupon-wrapper .coupon input{
width: 120px;
}
#wc_checkout_add_ons .form-row  input{
margin: 10px 5px 0px 0px;
}
#wc_checkout_add_ons .form-row label {
width: 85%;
line-height: 1.2;
margin-bottom: 10px;
}
.terms label {
width: 80%;
line-height: 1.2 !important;
}
.simple_price_calculator tr td{
width: 100%;
display: inline-block;
margin: 0;
padding: 0;
}
.pc_measurement-wrap {
width: 77%;
text-align: left;
}
.pc_measurement-wrap .item{
width:60px;
float: left;
}
.pc_measurement-wrap input[type=number]{
width:44px;
}
.pc_measurement-wrap input[type=radio]{
padding: 0;
}
.pc_measurement-wrap .plus{
width: 15px;
font-size: 12px;
}
.pc_measurement-wrap .item span{
text-align:left;
font-size: 11px;
}
.pc_total_price_btn_wrap .pc_btm_quantity {
margin: 12px 26px 0 0 !important;
}
.pc_total_price_btn_wrap .quantity input[type="number"] {
width: 40px;
}
.pc_measurement-output{
width:23%;
font-size: 11px;
}
.pc_price-calculated-product .product-addon label{
float: left;
}
.woocommerce .woocommerce-message{
padding-top: 60px !important;
position: relative;
}
.woocommerce .woocommerce-message:before{
top: 4.35em;
}
.woocommerce .woocommerce-message  .wc-forward{
position: absolute;
top: 13px;
right: 10px;
}
.pc_total_price_wrap{
width: 70%;
}
}
@media only screen and (max-width: 412px){
.pc_measurement-wrap {
width: 77%;
text-align: left;
}
.pc_measurement-output{
width:23%;
font-size: 11px;
}
.pc_measurement-wrap .item {
width: 65px;
float: left;
}
.pc_measurement-wrap input[type=radio]{
padding: 0;
}
.pc_measurement-wrap select{
width: 90%;
}
}
.join .download-brochure-button{
background: red;
width: auto;
padding-left: 15px;
padding-right: 15px;
} .button_cart{
display: none !important;
}@media only screen and (min-width: 997px) and (max-width: 1220px) {
.wrap{ width:980px; }
#logo{ width:370px; }
#nav ul li a{ padding: 15px 15px;}
#phone .col{ padding-left: 40px; width: 200px; }
#phone .col2{ width: 140px; }
#phone .col3 { width:130px; padding-left:10px; }
.col-3 .col{ width:315px; }
.col-3 .col .photo img{ width:315px; height:auto; }
.col-3 .col-center { margin: 0; padding:0 16px; }
.red_box h2{ font-size: 29px; line-height: 33px; }
.col-3.red_box .col-center{ margin:0; padding: 0 15px; }
.red_box li{ font-size: 20px; }
.red_box .col1 .txt{ padding-right: 50px; }
.servicesB-mod{ height: 400px; }	
.servicesB-mod .col{ width:505px;}
.servicesB-mod .col-in{ margin: 90px 0 0 0px;  }
.mod2 .col .col-in{ margin: 90px 0 0 40px; }
.servicesB-mod .col h3{ font-size: 32px; line-height: 36px; }
.servicesB-mod .col p{ font-size: 20px; line-height: 26px; }
.txt-B h3{ margin:0 150px;  }
#welcome{ padding: 50px 0; }
#products .products-slider{ width: 590px !important; }
#products .txt{ width: 350px }
#contact-bottom{ background-position: 20% 0; }
.col-2 .col{ width:470px; }
#col-left{ width: 640px; }
.team .person{ width:230px; margin-left: 6px; margin-right: 6px; }
.hero-services .hero-box{ width: 420px; padding: 30px;}
.hero-services .headline{ width: 480px; }
.hero-servicesB .headline{ width: 100%; }
.hero-servicesB .hero-box{ width: 670px; }
.hero.hero-custom{ height: 290px; }
#service-banners .col{ width: 300px; }
#service-banners .col-center{ margin: 0 21px; }
#service-banners .desc h3{ font-size: 20px; margin: 10px 30px; }
.resources-menu .btn{ font-size: 18px; }
.col-form form{ width:470px; }
.col-form form input, .col-form form textarea{ width:450px;}
#footer .col{ width: 535px; }
#footer .col-last{ width: 170px; } 
#footer .col-links{ width: 260px; }
#footer .col-links a{ font-size: 13px; margin: 0 5px; }
#store-col-left{ width: 230px; }
#store-col-left .widget.widget_tag_cloud h2.widgettitle{ padding: 20px 15px 10px; }
#store-col-left .widget.widget_tag_cloud .product-categories{ padding: 10px 15px 15px; }
#store-col-right{  width: 720px; }
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { width: 430px !important; }
.hero.hero-inventory, .woocommerce-cart .hero.hero-sub, .woocommerce-checkout .hero.hero-sub{ height: 270px;}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{ padding:8px 6px !important; }
.woocommerce .woocommerce-error li, .woocommerce .woocommerce-info li, .woocommerce .woocommerce-message li{ background:none; }
}  @media only screen and (max-width: 996px) {
#faq .wrap-faq{ width:100%;}
#faq h2{ margin:0;} .woocommerce-cart #col-full{width: 100% !important; }
.hero{ height:250px; }
#slider-top #hero-nav{top: 96px;}
#hero-circle{top:125px;}
}
@media only screen and (min-width: 768px) and (max-width: 996px) {
body { -webkit-text-size-adjust: none; }
.wrap { width: 740px; }
#header{ height:200px; margin-top:-100px; }
#phone{ margin-right:54px; border-top:1px solid #eee; padding-top:30px; margin-top:10px; }
#nav{ display:none; }
.slicknav_menu{ display:block;  }
.red_box.col-3 .col{ width:220px;}
.red_box.col-3 .col-center{ width:220px; padding:0; margin:0; border-right:none;}
.red_box li a{ font-size:15px; padding-left: 45px; }
.red_box.col-3 .col3{ width:263px;}
.red_box .col3 .txt{margin-left: 0px;}
.red_box h2{ font-size: 29px; }
.full-content.red_box h2 { font-size: 29px;  line-height: 33px; }
.red_box .col .txt p{ font-size: 16px; line-height: 20px; }
.red_boxB th.t1 {   width: 25%; }
.red_boxB th.t2{ width: 57%; }
.hero .headline h1{ font-size:60px; line-height: 60px;}
.hero .headline h2{ font-size:35px; }
.hero .headline p{ font-size:20px; width:670px;}
#welcome{ padding:40px 0;}
#welcome .wrap{ width:90%; }
.servicesB-mod{ height: 310px; }	
.servicesB-mod .col{ width:380px;}
.servicesB-mod .col-in{ margin: 50px 0 0 0px;  }
.mod2 .col .col-in{ margin: 50px 0 0 30px; }
.servicesB-mod .col h3{ font-size: 24px; line-height: 30px; }
.servicesB-mod .col p{ font-size: 18px; line-height: 22px; }
.txt-B h2{ font-size: 35px; line-height: 40px; }
.txt-B h3, .txt-B h2{ margin:0 50px;  }
#products{ text-align:center;  }
#products .products-slider{ width: 572px !important; margin:0 auto; margin-right:85px; }
#products .txt{ width: 100%; }
.products-nav-box{ float: left; margin-left: 330px; position: absolute; top: 310px; }	
.home .products-nav-box{ top: 350px; }
#contact-bottom .col1{ display:none; }
#contact-bottom .col{ width:50%;}
#contact-bottom .col-center{ margin:0; }
.big-txt p{ font-size: 20px; line-height:27px; }
.team .person{ width:226px; margin:10px !important;}
.hero-services .headline{ width:100%;}
.hero-services .headline h1{ margin-top:0; }
.hero-services .hero-box{ width:620px; margin:0 auto; margin-right:15px; }
.hero-services .hero-box li{ width:45%; display:inline-block; }
.hero-servicesB .hero-box{ width: 650px; margin:0; }
.hero-servicesB .headline{ margin-top: 170px; }
.hero-custom{ height:300px; }
#service-banners .col{ width: 236px; }
#service-banners .col-center{ margin: 0 15px; }
#service-banners .desc h3{ margin: 10px 15px;  font-size: 18px; letter-spacing:0px; line-height:20px; }
#faq h2{ margin-left:0;}
h1{ font-size:60px; line-height:50px; } 
.full-content h2{ font-size:35px; }
h2{  } 
h3{ font-size:23px; letter-spacing:-1px; }
h4{ font-size: 20px; font-weight: 600; }
p{ font-size:16px; }
.col-3 .col{ width: 242px; }
.col-3 .col-center { margin: 0 20px; }
.col-3 .col .photo img{ width:100%; height:auto; }
.col-2 .col{ width:370px; }
#col-left { width: 740px; }
#col-right{ width: 740px; margin-top:0px; }
#col-right .banner{ display:none; }
.widget_search input#s{ padding: 10px 9px; width:604px;  }
.col-form form{ width:350px; float:left; }
.col-form form input, .col-form form textarea{ width:330px;}
#col-full .col-in{ margin:0; }
.white-box{ width: 600px; padding: 30px 50px; }
.white-box .pole label{ width:140px; }
.white-box .pole select{ width: 450px; }
.white-box .pole input.txt{ width:430px; }
.white-box .pole input.small{ width: 320px; }
.search-box{ width:100%; }
.search-box input.text{ width:640px; padding: 15px 15px; font-size: 25px; }
.search-box input.submit{ width: 66px; height: 62px;}
.widget li a{ font-size: 24px;   line-height: 40px;}
#footer .col{ width:100%; text-align:center; }
#footer .col-links{ float:left; text-align:left; }
#footer .col-links a{ margin-left:0; }
#store-col-right{ width:100%;}
.hero.hero-inventory, .woocommerce-cart .hero.hero-sub, .woocommerce-checkout .hero.hero-sub{ height: 250px; }
#menu_mob .slicknav_btn{ padding: 15px  !important; width: 100%  !important; }
#menu_mob .slicknav_menu .slicknav_icon{ float: right  !important;}
#menu_mob .slicknav_menu .slicknav_menutxt{ display:block !important; }
#menu_mob .slicknav_nav{ margin-bottom: 0px !important; }
#menu_mob .count{ display:none; }
.widget_product_categories{ display:block; margin: 20px 0px; }
.product-categories{  display:none; }
#store-col-left{ width: 100%  !important; margin-bottom:30px; }
.woocommerce.widget_shopping_cart{ margin-bottom: 0px; }
.woocommerce.widget_shopping_cart h2.widgettitle{ background-image:url(//calsteel.com/content/uploads/2015/11/ik_shop.png); background-position:right; background-repeat:no-repeat; cursor:pointer;} 
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{ width: 450px !important; }
.widget_tag_cloud{ display:none;}
#store-col-right .col-form form .pole .button2{ left: 605px; }
#store-col-right .col-form form input, #store-col-right .col-form form textarea{ width: 720px; } .woocommerce-cart #col-full{width: 100% !important; }
}  @media only screen and (min-width: 480px) and (max-width: 767px) {
body { -webkit-text-size-adjust: none; }
.wrap { width: 460px; }
#logo{ height: 93px; width: 395px;  margin-top: 0;}
#header{ margin-top:-100px;  height:190px; }
#phone .col3{ display:none; }
#phone .col2{ width:140px;}
#phone .col1{ width:220px;}
#nav{ display:none; }
.slicknav_menu{ display:block;  }
.hero .headline h1{ font-size: 45px; line-height:40px; }
.hero .headline h2{ font-size: 30px; margin:0;  }
.hero .headline p{ font-size:20px; line-height:25px; width:100%; text-align:left; }
.hero-services .headline{ margin-top: 30px; width:100%; }
.hero .headline h1{ margin:0;  }
.hero-services .hero-box{ margin-top: 20px; padding: 25px 20px; width: 420px;}
.hero-services .hero-box h3{  font-size: 18px; line-height: 22px; }
.hero-services .hero-box h4{  font-size: 18px; margin:0; }
.hero-servicesB .headline{ margin-top: 190px; }
.txt-B h2, .txt-B h3{ margin:0; }
.txt-B h2{ font-size:30px; line-height:30px;  padding: 10px 0;}
.txt-B h3{ padding: 5px 0; } 
.hero.hero-sub{ height:200px;}
.hero.hero-blog{ height:140px; }
#service-banners{ padding:50px 0; }
#service-banners .col{ width:460px; margin:0; margin-bottom:20px;  }
#service-banners.col-3 .col .photo{ height:auto; }
#service-banners .desc { width:100%;}
#service-banners .desc h3{ font-size:20px; padding:0px; }
.red_box h2{ margin-bottom: 10px; }
.red_box table{ margin-left:0; width:100%; }
.red_box table th{ font-size:13px; padding: 8px 3px; }
.red_box table td{ font-size:13px; padding:8px 3px; line-height:15px; }
.red_boxB{ background-position: 52.7% center; }
.red_boxB h2{ font-size: 20px;  line-height: 20px; }
.white-box{ width: 400px; padding: 20px 30px; }
.white-box .pole label{ width:130px; padding: 8px 0 0; }
.white-box .pole select{ width: 260px; }
.white-box .pole input.txt{ width:240px; }
.white-box .pole input.small{ width: 90px; }
.servicesB-mod{ background-size:205% auto; background-position:right; height:270px; margin-bottom:200px; }
.mod2{ background-position:left; }
.servicesB-mod .col{ width:100%; border:none; }
.servicesB-mod .col-in, .mod2 .col .col-in{ width:100%; margin:0; margin-top:280px;  }
.servicesB-mod .col h3{ font-size: 28px; line-height: 30px; text-align:center; }
.servicesB-mod .col p{ font-size: 20px; line-height: 26px; text-align:center; }
.col-form form{ width:100%; float:left; }
.col-form form input, .col-form form textarea{ width:440px;}
#col-full .col-in{ margin:0; }
#col-full .col{ float:left;  }
.home .content{ padding:40px 0; }
h1{ font-size:50px; line-height:40px; } 
.full-content h2{ font-size:30px; }
h2{ font-size:30px;  } 
#col-left h2, #col-right h2{ margin-left:0px; }
h3{ font-size:23px; letter-spacing:0px; }
h4{ font-size: 20px; font-weight: 600; }
.full-content p {  font-size: 18px;  line-height: 25px; }
p{ font-size: 13px; padding: 5px 0;  line-height: 16px; }
.big-txt p{ font-size: 18px; line-height: 23px; }
.col-3 .col{ width:450px; margin:10px 15px;  }
.col-3 .col .photo{ overflow:hidden; height:220px;}
.col-3 .col .photo img{ width:100%; height:auto; margin-top:-20px; }
.col-2 .col{ width:460px; margin:0 0px; }
.team .person{ width:210px; margin:10px;}
.big-txt p{  line-height: 28px; font-size: 20px; }
.contact .col, .contact .col p{ text-align:center; }
.contact .item{ width:50%; text-align:center; }
.contact .col-last{ margin-top:40px; }
.home .contact .contact-phone{ text-align:center; }
.social{ text-align:center;  }
.post-in{ padding:25px; }
.red_box h2 span { display:inline-block;}
.full-content h2{ font-size:24px; line-height:30px; }
.red_box .col1 .txt{ float:left; }
.red_box .col1 .txt, .red_box .col-center .txt{ margin-left:70px;}
#about.red_box .col-center{ margin-top:-20px;  }
.red_box .col3 .txt{ margin-left:0; margin-top:20px;}
.red_box .col3 .txt .video, .red_box .col3 .txt .video img{ width:100%;}
#about .col{ width:100%; margin:0; padding:0; border:none; height:auto; }
#welcome .wrap{ width:460px;}
#products{ padding: 60px 0; }
#products .txt{ width: 180px; }
#products .products-slider{ width: 273px !important }
#contact-bottom h2, #contact-bottom h2 a{ font-size:23px;}
#contact-bottom .col1{ display:none; }
#contact-bottom .col{ width:100%; margin:0;}
#contact-bottom .col-center p{ width:100%; }
#footer{ width:100%; text-align:center; }
#footer .col, #footer .col-last{ width:100%; text-align:center; }
#footer .col-last{ margin-top:20px; }
#footer .col-links{ width:100%; text-align:center;  }
#col-left, #col-right{ width:100%; }
#col-right .banner{ display:none; }
.post h2 { font-size: 35px; }
.search-box{ width:100%; margin-bottom: 30px;  margin-top: 46px; }
.search-box input.text{ width:363px; padding: 10px 15px; font-size: 25px; }
.search-box input.submit{ width: 66px; height: 52px;}
.content.woocommerce{ padding:30px 0; }
#store-col-right{ width:100%;}
#store-col-right h2.page-title{ padding: 0 0 20px; }
.hero.hero-inventory, .woocommerce-cart .hero.hero-sub, .woocommerce-checkout .hero.hero-sub{ height: 250px; }
#menu_mob .slicknav_btn{ font-size: 16px;  padding: 10px 15px !important; width: 100% !important; }
#menu_mob .slicknav_menu .slicknav_icon{ float: right  !important;}
#menu_mob .slicknav_menu .slicknav_menutxt{ display:block !important; }
#menu_mob .slicknav_nav{ margin-bottom: 0px !important; }
#menu_mob .count{ display:none; }
#menu_mob .slicknav_nav a{ font-size: 16px; padding: 10px 15px; }
.widget_product_categories{ display:block; margin:20px 0; }
.product-categories{  display:none; }
#store-col-left{ width: 100%  !important; margin-bottom:30px; } .page-template-custom-products .woocommerce ul.products li.product, .tax-custom-products-categories .woocommerce ul.products li.product, .products li, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 220px !important; margin: 5px !important; clear:none !important; }
.products .cboth{ display:none; } #store-col-right .images{ width: 170px !important; float:left; }
#store-col-right .summary{ width: 270px !important; float:right;  }
#store-col-right h2.page-title{ font-size:20px; padding: 0 0 10px; }
.woocommerce.widget_shopping_cart{ margin-bottom: 0px; }
.woocommerce.widget_shopping_cart h2.widgettitle{ background-image:url(//calsteel.com/content/uploads/2015/11/ik_shop.png); background-position:right; background-repeat:no-repeat; cursor:pointer;} 
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{ width: 450px !important; }
.widget_tag_cloud{ display:none;}
.woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary{ width: 100% !important; }	
#store-col-right .col-form form .pole .button2{ left: 605px; }
#store-col-right .col-form form input, #store-col-right .col-form form textarea{ width: 720px; }
}  @media only screen and (max-width: 479px) { 
body { -webkit-text-size-adjust: none; }
.wrap { width: 300px; }
#logo{ height: 93px; width: 230px;  margin-top: 0;}
#logo a{ background-size: 100% auto; } 
.slicknav_btn{ padding: 30px 10px !important; }
#header{ margin-top:-85px;  height:145px; }
#phone{ margin-top:0px; }
#phone .col3{ display:none; }
#phone .col2{ width:130px;}
#phone .col1{ width:170px;}
#phone .col{ padding:0; background:none; font-size:14px; }
#phone .col strong{ font-size:12px; }
#nav{ display:none; }
.slicknav_menu{ display:block;  }
#hero-circle{ top:160px; }
#about.full-content h2{ font-size: 17px;  line-height: 21px; }
.hero .headline h1{ font-size: 25px; line-height:30px; }
.hero .headline h2{ font-size: 30px; margin:0;  }
.hero .headline p{ font-size:20px; line-height:25px; width:100%; text-align:left; }
.hero-services{ height:500px; }
.hero-services .headline{ margin-top: 30px; width:100%; }
.hero .headline h1{ margin:0;  }
.hero-services .hero-box{ margin-top: 20px; padding: 25px 20px; width: 260px;}
.hero-services .hero-box h3{  font-size: 13px; line-height: 15px; }
.hero-services .hero-box h4{  font-size: 13px; margin:0; }
.hero-services .hero-box .buttons .button2{ margin:0; width:117px; }
.hero.hero-servicesB{ height: 350px; }
.hero-servicesB .headline{ margin-top: 140px; }
.hero-servicesB .hero-box{ margin-top: 0; padding: 15px 20px; }
.hero-servicesB .hero-box .buttons{ margin-top:0; }
.hero.hero-sub{ height:150px;}
.hero.hero-blog{ height:100px; }
.content{ padding:30px 0; }
#service-banners{ padding:30px 0; }
#service-banners .col{ width:300px; margin:0; margin-bottom:20px;  }
#service-banners.col-3 .col .photo{ height:auto; }
#service-banners .desc { width:100%;}
#service-banners .desc h3{ font-size:15px; padding:0px; }
.servicesB-mod{ background-size:205% auto; background-position:right; height:200px; margin-bottom:130px; }
.mod2{ background-position:left; margin-bottom:170px; }
.servicesB-mod .col{ width:100%; border:none; }
.servicesB-mod .col-in, .mod2 .col .col-in{ width:100%; margin:0; margin-top:210px;  }
.servicesB-mod .col h3{ font-size: 20px; line-height: 23px; text-align:center; }
.servicesB-mod .col p{ font-size: 15px; line-height: 18px; text-align:center; }
.white-box{ width: 260px; padding: 20px 20px; }
.white-box .pole label{ width:260px; padding: 8px 0 0; }
.white-box .pole select{ width: 260px; }
.white-box .pole input.txt{ width:240px; }
.white-box .pole input.small{ width: 130px; }
.white-box .pole h3{ padding-bottom:0px; margin-bottom:-10px; margin-top:10px;  }
.white-box .pole-buttons .button2{ width:128px; margin-left: 0; }
.col-form form{ width:100%; float:left; }
.col-form form input, .col-form form textarea{ width:300px;}
#col-full .col-in{ margin:0; }
#col-full .col{ float:left;  }
.home .content{ padding:40px 0; }
h1{ font-size:40px; line-height:40px; } 
.full-content h2{ font-size:23px; }
h2{ font-size:25px; padding:10px 0; } 
#col-left h2, #col-right h2{ margin-left:0px; }
h3{ font-size:19px; letter-spacing:0px; line-height:23px; }
h4{ font-size: 16px; font-weight: 600; }
.full-content p {  font-size: 18px;  line-height: 25px; }
p{ font-size:16px; line-height:24px; }
.big-txt p{ font-size: 18px; line-height: 23px; }
.red_box h2{ margin-bottom: 10px; font-size:18px;  }
.red_box table{ margin-left:0; width:100%; }
.red_box table th{ font-size:10px; padding: 8px 3px; }
.red_box table td{ font-size:10px; padding:8px 3px; line-height:10px; }
.red_boxB{ background-position: 53.5% center; }
.red_boxB h2{ font-size: 15px;  line-height:15px; margin:0;}
.col-3 .col{ width:300px; margin:10px 15px;  }
.col-3 .col .photo{ overflow:hidden; height:220px;}
.col-3 .col .photo img{ width:100%; height:auto; margin-top:-20px; }
.col-2 .col{ width:460px; margin:0 0px; }
.team .person{ width:140px; margin:5px;}
.team .person .desc{ padding: 9px 0; }
.team .person .desc h3{ font-size: 14px; }
.team .person .desc span{ font-size: 14px; }
.team .person .desc p{ font-size:13px; line-height: 16px; }
.big-txt p{  line-height: 25px; font-size: 18px; }
.contact .col, .contact .col p{ text-align:center; }
.contact .item{ width:50%; text-align:center; }
.contact .col-last{ margin-top:40px; }
.home .contact .contact-phone{ text-align:center; }
.social{ text-align:center;  }
.post-in{ padding:25px; }
.post h2{ font-size: 25px; }
.post h3 a{ font-size: 19px; }
.post .postpublishdate small{  font-size: 14px; }
.post p{ font-size:15px; }
.red_box h2 span { display:inline-block;}
.full-content h2{ font-size:24px; line-height:30px; }
.red_box .col1 .txt{ float:left; }
.red_box .col1 .txt, .red_box .col-center .txt{ margin-left:40px;}
#about.red_box .col-center{ margin-top:-20px;  }
.red_box .col3 .txt{ margin-left:0; margin-top:20px;}
.red_box .col3 .txt .video, .red_box .col3 .txt .video img{ width:100%;}
.red_box li a{ font-size:16px;  line-height: 40px; background-size:20px auto; padding-left:40px;  }
#about .col{ width:100%; margin:0; padding:0; border:none; height:auto; }
#welcome .wrap{ width:300px;}
#welcome h3{ font-size:18px; line-height:22px;}
#products{ padding: 30px 0; }
#products .txt{ width: 300px; }
#products .products-slider{ margin-top:30px; width: 290px !important }
#products .products-nav{ margin-top: 0; }
.resources-menu .btn{ font-size: 14px; }
.resources .team .person .desc{ padding: 18px 10px; }
.resources .team .person .desc h3{ font-size: 15px; }
.resources .team .person .desc span{ font-size: 15px; }
#contact-bottom h2, #contact-bottom h2 a{ font-size:23px;}
#contact-bottom .col1{ display:none; }
#contact-bottom .col{ width:100%; margin:0;}
#contact-bottom .col-center p{ width:100%; }
#footer{ width:100%; text-align:center; }
#footer .col, #footer .col-last{ width:100%; text-align:center; }
#footer .col-last{ margin-top:20px; }
#footer .col-links{ width:100%; text-align:center;  }
#footer .col-links a{ margin: 0 5px; font-size: 12px; }
#col-left, #col-right{ width:100%; }
#col-right .banner{ display:none; }
.txt-B{ margin-bottom:-10px; }
.txt-B h2{ font-size: 20px; line-height: 20px; }
.txt-B h3{  font-size: 15px; line-height: 17px; }
.txt-B h3, .txt-B h2{ margin:0 0px;  }
.post h2 { font-size: 35px; }
.search-box{ width:100%; margin-bottom: 30px;  margin-top: 46px; }
.search-box input.text{ width:203px; padding: 10px 15px; font-size: 18px; }
.search-box input.submit{ width: 66px; height: 44px;}
#menu_mob .slicknav_btn{ font-size: 16px;  padding: 10px 15px !important; width: 100% !important; }
#menu_mob .slicknav_menu .slicknav_icon{ float: right  !important;}
#menu_mob .slicknav_menu .slicknav_menutxt{ display:block !important; }
#menu_mob .slicknav_nav{ margin-bottom: 0px !important; }
#menu_mob .count{ display:none; }
#menu_mob .slicknav_nav a{ font-size: 16px; padding: 10px 15px; }
.widget_tag_cloud{ display:none; } 
.widget_product_categories{ display:block; margin:20px 0; }
.product-categories{  display:none; }
#store-col-left{ width: 100%  !important; margin-bottom:30px; } #store-col-right{ width: 300px; }
.page-template-custom-products .woocommerce ul.products li.product, .tax-custom-products-categories .woocommerce ul.products li.product, .products li, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 100% !important; margin: 0 0 10px 0 !important; clear:none !important; }
.products .cboth{ display:none; } #store-col-right .images{ width: 100% !important; float:left; }
#store-col-right .summary{ width: 300px !important; float:right;  }
#store-col-right h2.page-title{ font-size:20px; padding: 0 0 10px; }
.woocommerce.widget_shopping_cart{ margin-bottom: 0px; }
.woocommerce.widget_shopping_cart h2.widgettitle{ background-image:url(//calsteel.com/content/uploads/2015/11/ik_shop.png); background-position:right; background-repeat:no-repeat; cursor:pointer;} 
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{ width: 450px !important; }
.widget_tag_cloud{ display:none;}
.woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary{ width: 100% !important; }	
#store-col-right .col-form form .pole .button2{ left: 605px; }
#store-col-right .col-form form input, #store-col-right .col-form form textarea{ width: 720px; } .woocommerce table.shop_table th, .woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td, .woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th, .woocommerce table.shop_table td, .woocommerce-cart .cart-collaterals .cart_totals table tr:first-child td, .woocommerce-cart .cart-collaterals .cart_totals table tr:first-child th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th{ padding: 5px 2px !important; font-size: 12px; line-height: 17px; }
.woocommerce-cart table.cart td.actions .coupon .input-text{ width: 45% !important; }
.shipping p { font-size: 13px; line-height: 17px; }
.woocommerce form .form-row label{ font-size: 13px; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{ font-size: 13px; }
.woocommerce-billing-fields{ font-size: 13px; line-height: 10px; }
.woocommerce .woocommerce-error li, .woocommerce .woocommerce-info li, .woocommerce .woocommerce-message li{ font-size:13px; padding:0 0 0 10px; background:none; }	
.woocommerce-shipping-fields{font-size: 12px; }
.hero{ height:150px; }
#slider-top #hero-nav{top: 46px;}
#hero-circle{top:75px;}
}.slicknav_btn {
position: relative;
display: block;
vertical-align: middle;
float: right;
padding: 45px 15px;
line-height: 1.125em;
cursor: pointer; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
margin-top: 0.188em; }
.slicknav_menu {
*zoom: 1; }
.slicknav_menu .slicknav_menutxt {
display: none;
line-height: 1.188em;
float: left; }
.slicknav_menu .slicknav_icon {
float: left;
margin:0; }
.slicknav_menu .slicknav_no-text {
margin: 0; }
.slicknav_menu .slicknav_icon-bar {
display: block;
width: 30px;
height: 3px;
}
.slicknav_menu:before {
content: " ";
display: table; }
.slicknav_menu:after {
content: " ";
display: table;
clear: both; }
.slicknav_nav {
clear: both; }
.slicknav_nav ul {
display: block; }
.slicknav_nav li {
display: block;
padding: 0px; }
.slicknav_nav .slicknav_arrow {
font-size: 0.8em;
margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item {
cursor: pointer; }
.slicknav_nav .slicknav_item a {
display: inline; }
.slicknav_nav .slicknav_row {
display: block; }
.slicknav_nav a {
display: block; }
.slicknav_nav .slicknav_parent-link a {
display: inline; }
.slicknav_brand {
float: left; }
.slicknav_menu {
font-size: 20px;
box-sizing: border-box;
background: #fff;
padding: 0px; }
.slicknav_menu * {
box-sizing: border-box; }
.slicknav_menu .slicknav_menutxt {
color: #fff;
font-weight: bold;
}
.slicknav_menu .slicknav_icon-bar {
background-color: #fff; 
}
.slicknav_btn {
text-decoration: none;
background-color: #91c553; }
.slicknav_nav {
color: #fff;
margin: 0;
padding: 0;
font-size: 0.875em;
list-style: none;
overflow: hidden;
background-color:#91c553; 
}
.slicknav_nav ul {
list-style: none;
overflow: hidden;
padding: 0;
margin: 0 0 0 20px; 
background-color:#91c553; }
.slicknav_nav .slicknav_row {
padding: 10px 10px;
}
.slicknav_nav .slicknav_row:hover {
background-color:#698f33;
color: #fff; }
.slicknav_nav a {
padding: 10px 10px;
text-decoration: none;
font-size:18px;
color: #fff;
border-bottom:1px solid rgba(255, 255, 255, 0.5); }
.slicknav_nav a:hover {
background-color:#698f33;
color: #ff; }
.slicknav_nav .slicknav_txtnode {
margin-left: 15px; }
.slicknav_nav .slicknav_item a {
padding: 0;
margin: 0; }
.slicknav_nav .slicknav_parent-link a {
padding: 0;
margin: 0; }
.slicknav_brand {
color: #fff;
font-size: 18px;
line-height: 30px;
padding: 7px 12px;
height: 44px; }.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
padding: 0 !important;
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(//calsteel.com/content/themes/californiasteel/css/fancybox_sprite.png);
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(//calsteel.com/content/themes/californiasteel/css/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(//calsteel.com/content/themes/californiasteel/css/blank.gif); -webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
} .fancybox-lock {
overflow: hidden !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url(//calsteel.com/content/themes/californiasteel/css/fancybox_overlay.png);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
} .fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
} @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(//calsteel.com/content/themes/californiasteel/css/fancybox_sprite@2x.png);
background-size: 44px 152px; }
#fancybox-loading div {
background-image: url(//calsteel.com/content/themes/californiasteel/css/fancybox_loading@2x.gif);
background-size: 24px 24px; }
}