@import url("font.css");



body {font-size:16px; line-height:25px; color:#333; font-family:'ProximaNovaRegular', sans-serif; font-weight: normal; background:#fff;}



body #footer {}

.mainbody p, .itemBody p{font-size:16px;}

a {text-decoration:none !important; color:;}

a:hover {color:; text-decoration:none !important;}

.product-list .content-area .title-text, .item-title-container .page-title, .product-disc-btn li a {font-family:'ProximaNovaSemibold';}

#sidebar .title, nav#main_menu > ul > li > a, input, button, select, textarea {font-family:'ProximaNovaRegular';}

h1, h2, h3, h4, h5, h6, .page-title {font-weight:normal; font-family:'ProximaNovaLight';}



h1, .page-title {font-size:2em; line-height:normal; padding-bottom:0; margin-bottom:10px; border:none;}

h2 {font-size:2em; line-height:1.4em; margin:0;}

h3 {font-size:1.75em; line-height:1.4em; margin:0;}

h4 {font-size:1.5em; line-height:1.3em; margin:0;}

h5 {font-size:1.3em; line-height:1.3em; margin:0;}

h6 {font-size:1em; line-height:1.3em; margin:0;}



#page_header.zn_def_header_style {border-bottom:1px solid #e8e8e8;}

#page_header .container {padding:0;}

#page_header {min-height:0;}

.header-titles {text-align:center;}

.header-titles h2 {font-size:2.25em; color:#161616; text-shadow:none; line-height:1.3; margin:0.35em 0;}



.mainbody h3, .itemBody h3 {margin:1em 0 0.2em;}



ul, ol {margin: 0px; padding: 0px;}

ul li, ol li {list-style: none; margin-bottom:5px;}

a, input[type="submit"]{transition:all .5s ease-in-out;}





header#header{transition: all 0.5s ease-in-out;}

header#header{position:relative; background:#161616; height:auto;}

header#header.style2 #logo a, header#header.style2 #logo a:after{border:0px; background: transparent;}

header#header.style2 #logo a{padding:25px 0;}



header#header{min-height:;}

nav#main_menu {margin-top:1.6em;}

nav#main_menu > ul{margin:0; padding:0; background:transparent;}

nav#main_menu > ul > li{padding:0px !important; margin:0 0.85em;}

nav#main_menu > ul > li > a{margin: 0 !important;}

nav#main_menu > ul > li:last-child {margin-right:0;}



header#header.style2 nav#main_menu > ul > li > a {color:#fff; font-size:16px; font-weight:normal; line-height:normal; padding:0; font-weight:normal; border-radius:0;}

header#header.style2 nav#main_menu > ul > li.active > a, header#header.style2 nav#main_menu > ul > li > a:hover, header#header.style2 nav#main_menu > ul > li:hover > a

{background:transparent; color: #cd7d0a;}

.nav > li > a:hover, .nav > li > a:focus{background:transparent;}

nav#main_menu li a{transition: 0;}

nav#main_menu > ul ul li a, nav#main_menu > ul ul li a:hover {text-decoration:none;}



nav#main_menu > ul ul{background:#161616; border-radius:0px; padding:0px; border:0px;}

nav#main_menu > ul ul li a {font-size:14px; color:#fff; line-height:32px; padding-left:14px;}

nav#main_menu > ul ul li.active > a, nav#main_menu > ul ul li.sfHover > a, nav#main_menu > ul ul li a:hover{background:transparent; color:#cd7d0a; padding-left:14px;}

nav#main_menu > ul > li > a.sf-with-ul .sf-sub-indicator {background:transparent; height:0; width:0; top:7px; border:4px solid transparent;

    border-top-width:5px; border-top-color:#fff; border-bottom-width:14px;}

nav#main_menu > ul > li:hover > ul, nav#main_menu > ul > li.sfHover > ul {top:35px;}

nav#main_menu > ul > li > ul:after {top: -16px; left: 14px; border: 8px solid transparent; border-bottom-width: 7px; border-bottom-color:#a09f9f;}





.top-header {float:right;}

.top-header .widget {margin-bottom:0;}

.top-links {margin-top:1em;}

.top-links li {display:inline-block; padding-left:2em; position:relative;}

.top-links li:before {left:0; top:4px; width:20px; height:16px;}

.top-links li, .top-links li a {color:#a09f9f; font-size:1em;}

.top-links li a:hover {text-decoration:none; color:#cd7d0a;}

.top-links li:last-child {margin-left:1em;}

.top-links .mail-icon:before {}

.top-links .call-icon:before {background-position:-24px 0px; left:6px;}



.top-links li:before, .product-disc-btn li a:before {position:absolute; content:""; background:url(icons.png)no-repeat;}



.image-boxes.box {}

.image-boxes .theHoverBorder, .image-boxes .theHoverBorder:hover {box-shadow:none;}

.image-boxes .hoverBorder {margin-bottom:0;}

.image-boxes .hoverBorder h6 {font-size:1.375em; line-height:2.25em; color:#fff; padding:0; background:rgba(0, 0, 0, 0.5); width:100%; left:0; bottom:0; border-radius:0; text-align:center;}

.image-boxes .hoverBorder:hover h6{left:0; background:rgba(0, 0, 0, 0.8); color:#fff;}

.image-boxes .hoverBorder:hover img {opacity:1; border-radius:0;}

.home section#content .row {margin-bottom:0;}





#sidebar {background:transparent; padding:0;}

.sidebar .widget .title:before, .sidebar .widget .title:after {border:none;}

.sidebar .widget .title {font-size:1.1em; line-height:normal; color:#161616; margin:0 0 0.5em; padding-bottom:0.6em; border-bottom:1px solid #e7e7e7;}



.sidebar .acc-group.default-style.tweaked > button {font-size:14px; line-height:22px; padding-left:0;}

.sidebar .acc-group.default-style.tweaked {border-bottom:none;}

.sidebar .acc-group.default-style > button.collapsed, .sidebar .acc-group.default-style > button {color:#3a462e}

.acc-group.default-style > button:hover {background:transparent;}

.acc-group.default-style.tweaked > button:after {top:6px;}

.sidebar .acc-group.default-style.tweaked .content {padding:0 1em 0 0; font-size:14px; line-height:20px;}

.sidebar .acc-group.default-style.tweaked > button.active {margin-bottom:-5px;}

.sidebar .acc-group.default-style > button:after {background:url(img/acc-arr.png)no-repeat center top;}

.sidebar .acc-group.default-style > button.collapsed:after {background-position: center bottom;}

.sidebar .form-group {}

.sidebar .checkbox {padding-left:5px; overflow: hidden;}



/*.checkbox input[type="checkbox"] {margin:0 10px 0 -20px; width:18px; height:18px;}*/

.checkbox .cr, .radio .cr {border: 1px solid #c1c1c1; border-radius:0;}

.checkbox label, .radio label {padding-left:0;}



.product-list .content-area {border:1px solid #f3f3f3; text-align:center;}

.product-list .content-area figure {background-color:#f3f3f3; padding:0; border:1px solid #e8e8e8; border-bottom:none;}

.product-list .content-area .text-sec {padding:10px 0 0;}

.product-list .content-area p {margin-bottom:5px; line-height:22px;}

.product-list .content-area .title-text {font-weight:bold;}

.product-list .content-area .small {font-size:14px;}



.item-header-description {width:100%; overflow:hidden;}

.item-image-container {float:left; width:42%; margin-bottom:1em;}

.item-image-container img {width:300px; border:1px solid #e7e7e7;}

.item-title-container .page-title {font-size:1em; line-height:1.4em; margin-bottom:5px;}

.item-title-container p {margin-bottom:0;}

.item-title-container p:nth-child(3) {font-size:14px;}

.product-disc-btn {margin-top:1em;}

.product-disc-btn li {display:inline-block; margin-right:0.8em;}

.product-disc-btn li a {padding:12px 15px 12px 42px; font-size:14px; color:#fff; line-height:normal; display:block; position:relative;}

.product-disc-btn li a:before {top:6px; left:8px; width:26px; height:25px;}

.product-disc-btn li .pdf-downlaod:before {background-position:-57px 0;}

.product-disc-btn li .send-email:before {background-position:4px -15px; left:10px;}

.product-disc-btn li .ask-question:before {background-position:-90px 0; top:8px;}

.pdf-downlaod {background-color:#f44336;}

.send-email {background-color:#ff8f00;}

.ask-question {background-color:#42a5f5;}



.pdf-downlaod:hover {background-color:#ff1100; color: #000;}

.send-email:hover {background-color:#cd7d0a; color: #000;}

.ask-question:hover {background-color:#008dff; color: #000;}



.itemBody .prod-disc-title {font-size:18px; font-family:'ProximaNovaSemibold';}

.prod-disc-title {margin:1em 0 0; padding:0.6em 1em; display:inline-block; border:1px solid #e4e4e4; border-bottom:0;}

.disc-table {width:auto; padding:0.9em 1.2em; border:1px solid #e4e4e4;}

.product-disc-table {width:100%;}

.product-disc-table td {font-size:14px; padding-bottom:4px;}

.product-disc-table th:first-child {width:40%;}



.eBlog .post_details {margin-bottom:1em; text-transform:capitalize; padding:5px 0;}

.eBlog .post_details:before, .eBlog .post_details:after {border:none;}

.eBlog .post_details [class^="icon-"], .eBlog .itemLinks li [class^="icon-"], .eBlog .itemTagsBlock [class^="icon-"] {vertical-align: sub; opacity:0.6;}



.sort-search-container {width:100%; overflow:hidden; padding-bottom:0.8em; margin-bottom:1.1em; border-bottom:1px solid #e7e7e7;}

.sort-search-container .sort-container {float:left;}

.sort-container p {margin:15px 0 0;}

.search-container {float:right;}

#searchform {border:1px solid #e5e5e5; margin:0; width:auto;}

#searchform #s {font-size:14px; color:#a1a1a1; font-style:normal; padding:8px 10px; text-transform:capitalize; height:auto;}

#searchform #searchsubmit {background: url(icons.png)no-repeat scroll -129px 0px;; width:24px; height:24px; margin:-3px 6px 0 0;}

.noPosts {color:red; font-size:1.5em;}

.stButton .stLarge {height: auto !important;  width: auto !important; background-image: none !important;}

.product-list-container {position:relative;}

.loader {position:absolute; left:0; right:0; top:2em; margin:auto;}

.collapse.in {height: auto !important;}





footer#footer {background:#141414; padding:1.2em 0; border-top:none;}

footer#footer .bottom {padding:0; border:none;}

footer#footer .row, .copyright p {margin-bottom:0;}

.copyright {text-align:center; font-size:12px; color:#fff;}







section#content {min-height:600px; padding-bottom: 50px;}

.showon-phone {display:none;}



@media (min-width:1200px) and (max-width:5500px) {

body.res1170 .container, body.res1170 .span12 {width:1100px;}







body.res1170 section#content .row .span9.zn_content, body.res1170 section#content .row-fluid .span9.zn_content {width:850px; float:right;}

body.res1170 section#content .mainbody.zn_has_sidebar .row .span3, body.res1170 section#content .mainbody.zn_has_sidebar .row-fluid .span3,

body.category section#content .row > .span3, body.single-post section#content .row > .span3, body.search section#content .row > .span3,

body.search section#content .row-fluid .span3 {width:215px; float:left; margin-left:0;}



}





@media (min-width:760px) and (max-width:5500px) {

body.home section#content {margin-top:5em;}

body.home .row .span3 {width:21.25%; margin:0 0 3.63% 3.63%;}

body.home .row .span3:first-child {margin-left:2.8%;}

body.res1170 .product-list.row-fluid {margin-bottom:1.4em;}

.zn_has_sidebar > .row > .span3, .zn_has_sidebar > .row > .span3 {margin-top:24px;}

.itemBody {margin-bottom:3em;}



}







@media (min-width:1000px){

.modal{width:1000px !important; height:500px; overflow: auto; top: 9% !important; }

.request-info-text {padding:2em 0 2em;}



}





.modal {left:0 !important; right:0 !important; margin-left:0 !important; margin:auto !important; background:url(img/reqinfo-bg.jpg)no-repeat center /cover !important;

display:block;}

.modal-dialog {width: auto; margin: 0;}

.closebtn {position:absolute; right:22px !important; top:18px !important; font-size:45px !important; cursor:pointer; color:#333;}

.modal-content {background:transparent; box-shadow:none; border:none; border-radius:0;}

.request-info-text {text-align: center;}

.request-info-text h3 {margin-bottom:1em; font-family:'ProximaNovaSemibold';}



body.res1170 .container {padding:0;}

section#content .row, section#content .span12 {margin:0;}





.contact-form{padding:0 2em; overflow: auto;}



.contact-form.short-container {margin-bottom:4em;}

.partl {float:left; width:47%;}

.partr {float:right; width:47%;}

.contact-form .sec1 {width:100%; overflow:hidden;}



.contact-form .send {margin-bottom:0;}

.req-info input, .req-info input[type="email"], .req-info textarea, .req-info select {width:97%; font-size:17px; border-color:transparent; border-bottom:1px solid #c4c4c4; box-shadow:none; border-radius:0; background:transparent;}

input[type="text"], input[type="email"], input[type="tel"], select {height:30px; color:#999;}

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus, select:focus {border-color:transparent; border-bottom-color:#AFAFAF; box-shadow:none;}

input[type="submit"] {width:auto; padding:8px 12px; border:1px solid #c4c4c4;}

.contact-form input[type="submit"] {color:#3a3a3a; padding:0.55em 2em; background-color:transparent; border:1px solid #999; float:right; margin:1em 0.2em 0 0; transition:all 0.5s ease-in-out 0s;}

.contact-form input[type="submit"]:hover {box-shadow: 0 -55px 0 0 #fff inset; color: #333; border-color: #333;}

.contact-form textarea {height:3.8em; width:98.8%;}

.req-info select {width:100%; height:40px;}

select {color:#999;}

input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {border-color:transparent; border-bottom-color:#e9322d; box-shadow:none;}



.req-info .wpcf7-form.invalid span.wpcf7-not-valid-tip {font-size: 13px; line-height: normal; text-align: left; margin-left: 1em;}

.req-info div.wpcf7-response-output {margin: -1em 0 0 0.4em; padding: 0.2em 1em; float: left;}



:focus, select:focus {outline:0; text-decoration:none;}







.checkbox label:after,

.radio label:after {

    content: '';

    display: table;

    clear: both;

}



.checkbox .cr,

.radio .cr {

    position: relative;

    display: inline-block;

    border: 1px solid #c1c1c1;

    border-radius:0;

    width: 1.3em;

    height: 1.3em;

    float: left;

    margin-right: .5em;

}



.radio .cr {

    border-radius: 50%;

}



.checkbox .cr .cr-icon,

.radio .cr .cr-icon {

    position: absolute;

    font-size: .8em;

    line-height: 0;

    top: 50%;

    left: 20%;

}



.radio .cr .cr-icon {

    margin-left: 0.04em;

}



.checkbox label input[type="checkbox"],

.radio label input[type="radio"] {

    display: none;

}



.checkbox label input[type="checkbox"] + .cr > .cr-icon, .radio label input[type="radio"] + .cr > .cr-icon

{transform: scale(3) rotateZ(-20deg); opacity: 0; transition: all .3s ease-in;}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon, .radio label input[type="radio"]:checked + .cr > .cr-icon

{transform: scale(1) rotateZ(0deg); opacity:1;}

.checkbox label input[type="checkbox"]:disabled + .cr, .radio label input[type="radio"]:disabled + .cr {opacity:.5;}



.product-list.row-fluid .content-area a{

    color: #000;

}