/*
Theme Name: Trend
Description: Semantic, SEO Optimised, Custom Wordpress Theme for Trend
Author: #
Author URI: #
Version: 1.0
*/



/*Added MC (Trend)*/
strong{font-weight: bold!important;}
#content .divide-blue h3 {

    color: #0d4e96 !important;

}

#nav ul li.menu-divide-grey {

    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 10px;
    margin-top: 10px;

}

div .divide-blue {

    border: solid 1px #0D4E96;
    padding: 10px 10px 0 10px;
    margin: 15px 0 20px;
    font-size: 12px;
    color: #0D4E96;

}

div .currenthours {

    margin: 15px 0 20px;
    color: #0D4E96 !important;

}
.kefu{
    padding: 10px 10px 20px 5px;
}
.kefu img{
    width: 68%;
    border: 2px solid #eb6100;
}
.about-img{width:45%;float: right;margin-left: 15px;margin-bottom: 15px}
label{display: inline!important;}
.c5 { float:left; width:100%; padding:2px 0 2px 10px; margin-top: 30px; background-color:#0c6bb0; color:#fff; font-size:24px; }
.c3 {margin: 1%;float:left;width: 98%;}
.forma1 {float: left;height: auto;width: 100%;margin-top: 2px;overflow: hidden;  font-size:13px;}
.forma2 { float: left; height: auto; width: 100%; border: 1px solid #CCC; margin: 5px 0;padding: 20px 0 0 0 }
.messageModel3 { float: left; height: auto; width: 90%; padding-top: 3px; }
.messageModel3 { overflow: hidden; }
.messageModel3 strong{color: #0c6bb0}
.forma5 { overflow: hidden; display:inline; }
.forma5 { float: left; height: auto; width: 100%; margin-left: 20px; margin-bottom: 3px; padding-bottom: 3px; }
.formb1 { float: left; height: auto; width: 16%; margin: 0 10px 0 0}
.formb2 { float: left; height: auto; width: 82%; padding-top: 3px; padding-bottom: 3px; }
form .forma5 .formb2 input { width: 95%; height: 22px; font-size: 12px; line-height: 22px; font-weight: bold; border: 1px solid #357892; color: #c74d3e; background-color: #f7f7f7; }
.forma6 { float: left; height: auto; width: 100%; margin-left: 20px; margin-bottom: 3px; }
.forma6 { overflow: hidden; }
.formc1 { float: left; height: 25px; width: 16%; margin-top: 60px;margin-right: 10px}
.formc2 { float: left; height: auto; width: 82%; margin-bottom: 3px; }
form .forma6 .formc2 textarea { width: 95%; height: 160px; font-size: 12px; line-height: 22px; font-weight: normal; border: 1px solid #5582AA; color: #c24848; background-color: #f7f7f7; }
.forme1 { float: left; height: auto; width: 100%; margin-bottom: 3px; margin-left: 20px; }
.forme1 { overflow: hidden; }
.formd1 { float: left; height: 80px; width: 100%; padding-left: 16%;margin-left: 10px; padding-right: 20px}
.zq_botton2 { width: 141px; font-size: 15px; height: 30px; color: #fff; font-weight: bold; border: 1px solid #CCC; float: left; cursor: pointer; background-color: #c74d3e;margin-right: 20px; font-family: Arial; }
.ctl{
    margin-top: 10%;
}
.mt{
    margin-top: 30px;
}
.boxtt{
    font-size: 16px;
    color: #0D4E96;
    font-weight: 700;
}
.ctl a{
    display: inline-block;
    font-size: 16px;
    line-height: 34px;
    color: #eb6100;
}
.ctl a span{
    color: #cccccc;
}
@media screen and (max-width:706px){
    .about-img{width: 100%}
    .formd1 { float: left;
        height: 80px; width: 100%;
        padding-left: 0 !important;
        margin-left: 0 !important;
    }
    .formc1 { float: left;
        margin-top: 0 !important;
    }
}
div .currenthours h3 {

    color: #0D4E96 !important;

}
.producttitle {
    margin:10px auto;
    padding-bottom:5px;
    height:auto;
    color:#1f1d29;
    line-height:18px;
    font-size:.9em;
    overflow:hidden
}
.producttitle a {
    color:#999;
    padding-right:6px
}
.producttitle li {
    display:inline-block
}
.producttitle li+li::before {
    padding:0 5px;
    color:#ccc;
    content:"/\00a0"
}
.producttitle a:hover {
    color:#3a3b49
}
.producttitle small {
    display:inline
}
.show-img img{
    width: 100%;
    border: 1px solid #1276c7;
    margin-bottom: 20px;
}
.show-color ul li img, .show-color ul li p{
    width: 100%;
    text-align: center;
    line-height: 30px;
}
.show-color strong{
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    color: #eb6100;
}
.show-color p{
    font-size: 14px;
    line-height: 26px;
    color: #1276c7;
}
.show-color ul li p{
    font-size: 12px;
    line-height: 26px;
    color: #1276c7;
}
.show-img p{
    font-size: 14px;
    line-height: 26px;
    color: #1276c7;
}
.show-img b{
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    color: #eb6100;
}
.clear {
    clear:both;
    margin:0;
    padding:0;
    height:0;
    font-size:0;
    line-height:0;
    width:0
}
.show-tuz{
    width: 100%;
    padding: 4%;
}
.show-tuz img{
    width: 100%;
}
.h-p li{
    margin-bottom: 15px;
}
/*div .divide-green {

    border: solid 1px #009066;
    padding: 10px 10px 0 10px;
    margin: 15px 0 20px;
    font-size: 12px;
    color: #009066;
}*/

div .divide-green {

    border: solid 1px #009066;
    padding: 15px 10px 0 10px;
    margin: 15px 0 20px;
    font-size: 12px;
    background-color: #009066;
    color: white;
    display: none !important;
}

/* Showroom Notice - HIDDEN */

div .divide-green-showroomnotice {

    border: solid 1px #009066;
    padding: 10px 10px 0 10px;
    margin: 15px 0 20px;
    font-size: 12px;
    color: #009066;
    display: none !important;
}

div .divide-green-showroom-notice {

    border: solid 1px #009066;
    padding: 10px 10px 0 10px;
    margin: 15px 0 20px;
    font-size: 12px;
    color: #009066;
    display: none !important;
}

.logo-title {

    border-bottom: 1px solid #C6C6C6;
    text-align: center;
    letter-spacing: 3px;
    padding: 10px 0 19px;
    color: #757575 !important;

}

.cd-timeline-content .the-excerpt {
    z-index: 0 !important;
}

@media only screen and (max-width: 767px) {
    .dc-img-switcher {
        max-width: 25% !important;
        display: inline-block !important;
        height: auto
    }
}

.multidropfile {
    padding: 0px 0px 10px;
}

/*#iframeContainer { display: none; }*/

iframe, object, embed {
    max-width: 100%;
}

.third-effect .pmask {
    opacity: 0;
    overflow: visible;
    border: 100px solid rgba(0, 0, 0, 0.7);
    box-sizing: border-box;
    transition: all 0.4s ease-in-out;
}

.third-effect a.pinfo {
    position: relative;
    top: -10px; /* Center the link */
    opacity: 0;
    transition: opacity 0.5s 0s ease-in-out;
}

.third-effect:hover .pmask {
    opacity: 1;
    border: 100px solid rgba(0, 0, 0, 0.7);
}

.third-effect:hover a.pinfo {
    opacity: 1;
    transition-delay: 0.3s;
}

.gallerycontent {
    padding-bottom: 60px;
}

center h2 {
    /*color: #0D4E96;*/
    letter-spacing: 1px;
    font: 20px/34px HelveticaNeueBold, Arial, sans-serif;
}

.mainh1style {
    color: #0d4e96;
    font: 28px/32px HelveticaNeueBold, Arial, sans-serif;
    margin: 0 0 15px;
    letter-spacing: 3px;
    padding: 0 0 19px; /*border-bottom:1px solid #3f71a8;*/
    border-bottom: 1px solid #C6C6C6;
    text-transform: uppercase
}

.jcf-unselectable {
    margin-bottom: 5px
}

.dcimgtitle {
    padding: 5px 10px;
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: #0d4e96;
    color: white;
    margin: 0px;
}

.latestnews {
    background: none !important;
}

.green-box {
    padding-top: 10px;
    background-color: rgba(0, 144, 102, 0.05);
}

.blue-box {
    padding-top: 10px;
    background-color: rgba(13, 78, 150, 0.05);
}

.front-page-title-small {
    display: none
}

@media only screen and (max-width: 760px) {
    

    .front-page-title-small {
        display: visible;
        letter-spacing: 2px;
        font: 9px/30px HelveticaNeueLight, Arial, sans-serif;
    }
}

@media only screen and (max-width: 760px) {
    .hidden {
        display: none
    }
}

#content .single-area .gall .dc-list li {

    float: none !important;
    width: auto !important;
    margin: 0px !important;

}

.dc-content {
    padding: 0px !important;
    width: auto !important;
    float: none !important;
}

.dctitle {
    letter-spacing: 3px;
    text-align: center;
}

.blueselect {
    background-color: #205c9e;
    max-width: 100px;
    max-height: 30px;
}

.selectbtn p {
    color: white;
    font-family: HelveticaNeueBold, Arial, sans-serif;
}

.td-container {
    background-color: #d3d3d3;
    padding: 10px;
}

.td-title {
}

.td-content {
    padding-bottom: 10px;
}

.preload {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

/*html, html a {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}*/

.h1noline {
    border-bottom: none !important;
}

.frtpgnws {
    border-left: 5px solid #0D4E96;
}

.latestnews {
    float: none !important;
    padding-bottom: 0px !important;
    margin: 0px auto;
}

.addmap {
    border: 4px white solid;
}

.hide-title {
    display: none;
}

.dc {
}

.dc-body {
    padding: 20px;
    background: url('images/grey.png');
    margin: 0 auto;
    max-width: 60%;
    display: block;
    height: auto;
    min-height: 0;
}

.dc .gmask ul li img {
    height: auto;
    display: block;
    width: 90% !important;
    margin: auto !important;
    /*border: white solid 6px!important;*/ /*box-shadow: 3px 1px 5px #c9c9c9*/
}

.dc-content {
    padding-top: 25px;
    text-align: center;
}

#dc-door-img {
    display: block;
    margin: 0 auto;
    background-image: url('/wp-content/uploads/2014/10/dc-hd3.jpg'); /*width:469px; height:289px;*/
    width: 682px;
    height: 420px;
    border: white solid 6px;
    box-shadow: 3px 1px 5px #c9c9c9
}

#dc-window-img {
    display: block;
    margin: 0 auto;
    background-image: url('/wp-content/uploads/2014/10/interactive_casement.jpg'); /*width:469px; height:289px;*/
    width: 682px;
    height: 420px;
    border: white solid 6px;
    box-shadow: 3px 1px 5px #c9c9c9
}

#dc-col-img {
    display: block;
    margin: 0 auto;
    background-image: url('/wp-content/uploads/2014/10/dc-white.jpg'); /*width:469px; height:289px;*/
    width: 682px;
    height: 420px;
    border: white solid 6px;
    box-shadow: 3px 1px 5px #c9c9c9
}

.dc-col-content {
    text-align: center;
}

.dc-list ul, .dc-list li {
    display: inline-block;
    text-align: center;
    padding: 0px !important;
}

.dc-list-col li img {
    max-width: 30px;
    max-height: 30px;
}

.con-guide {
    cursor: pointer;
}

.con-guide:hover {
    border-bottom: 1px solid #00800;
}

.con-guide-content {
    display: none;
}

.Meranti-style {
    color: rgba(105, 59, 44, 0.75) !important;
}

.Western.Red.Cedar-style {
    color: rgba(116, 61, 66, 0.75) !important;
}

.Rosewood-style {
    color: rgba(65, 29, 29, 0.75) !important
}

.Synergy-style {
    color: #009066 !important;
}

.Quantum-style {
    color: #f36f21 !important;
}

.Crestlite-style {
}

strong, b {
    letter-spacing: 0.5px;
}

.blueline {
    border: 0;
    height: 2px;
    background: #3F71A8;
}

#content .minor-text {
    font-size: small;
    margin: 10px 0 0
}

#content .small-text {
    font-size: 11px;
}

#content .smaller-text {
    font-size: 10px;
}

.trend-map {
    padding-bottom: 15px
}

.dropdown-wide {
    width: 483px
}

.post-169 li {
    font-size: 14px
}

/*#content img {border:solid 3px lightgrey;}*/
.imgtitle {
    padding: 10px 0;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: white;
}

.brolink {
    font-size: 17px;
    letter-spacing: 2px;
    padding: 15px 0 0; /*font-weight:bold;*/
}
.l-con p, .c-p{
    font-size: 16px;
    line-height: 24px !important;
}
.lighthr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.t-h4{
    color: #f39800;
    font-size: 30px !important;
    margin: 60px 0 40px 0;
}
.lighthr-md {
    width: 50%;
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.lighthr-sm {
    width: 100px;
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.more{
    margin:20px 0 20px 30px;

}
.more a{
    padding: 10px 8px;
    background: #eb6100;
    color: #f1f1f1;
    font-weight: 700;
    display: inline-block;
    margin: 4px 0;
}
.auslogo {
    color: white;
    position: absolute;
    left: 55px;
    font: 13px/20px HelveticaNeueLight, Arial, sans-serif;
    margin-top: 7px;
    letter-spacing: 1px; /*text-transform: uppercase;*/
}

/*#qguide {display:none;}*/
.emailhead {
    color: white;
    font-size: 11px;
    float: right;
    letter-spacing: 0.5px;
}

.homeboxtitle {
    background-image: url('/wp-content/themes/trend/images/designwithtrend.png');
    background-repeat: no-repeat;
    background-position: center;
    height: 100px;
    width: 325px; /*color:white;margin:20px; font: 28px HelveticaNeueLight,Arial,sans-serif;letter-spacing:3px;*/
}

.homeboxtitle-b {
    font-family: HelveticaNeueBold, Arial, sans-serif;
}

.bl {
    color: #f39800;
}

h1.bl {
    line-height: 40px;
    text-align: center;
    margin-bottom: 60px;
    font-family: Browallia New, Arial, sans-serif;
    font-size: 50px !important;
    font-weight: 700;
}
.bl span{
    border-bottom: 2px solid #eb6100;
}
.video-box{
    padding:0;
}
.video-box img{
    width: 100%;
}
.span3:focus ~ .alert {
    display: none;
}

.span2:focus ~ .alert {
    display: block;
}

.pagebanner {
    width: 100%;
    height: auto;
    margin: 0px 0px 10px;
    border: 2px solid white;
    max-width: 634px;
}

.productlogo {
    display: block;
    margin: 0px auto;
    max-width: 100%
}

@media only screen and (max-width: 767px) {
    .productlogo {
        display: block;
        margin: 0px auto;
        max-width: 100%;
        margin-bottom: 15px;
    }
}

/* HOME PAGE */
.members {
    /*max-width: 374px;*/
    height: auto;
    /*background-color: #D5D5D5;*/
    text-align: center;
    font-size: 12px;
    letter-spacing: 0.3px;
    padding: 0px 0px 55px 0px;
    margin: auto;
    /*border-top: 1px solid rgba(91, 91, 91, 0.13) !important;*/
}

.members ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

@media only screen and (max-width: 760px) {
    .members ul {
        max-width: 224px;
        margin: auto;
    }
}

.members ul li {
    display: inline;
    margin: 0 5px
}

.gbdr {
    border-bottom: 3px solid #004f42;
}

.bbdr {
    border-bottom: 3px solid #000;
}

.rbdr {
    border-bottom: 3px solid #b60238;
}

.ybdr {
    border-bottom: 3px solid #f88815;
}

.members img:hover {
    transform: scale(1.2, 1.2) rotate(0.1deg);
}

.members img {
    transition: all 0.3s ease 0s;
    -webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #AAA;
}

.hidebox {
    display: block;
    overflow: hidden;
    margin-bottom: 10px;
}

.hidebox a:hover {
    transform: scale(1.2, 1.2) rotate(0.1deg);
}

.hidebox a {
    transition: all 0.6s ease 0s;
}

.atitle {
    text-align: center;
    font-size: 17px;
}

/* PRODUCT TYPE */

#imgmenu { /*width:100%;background-color:white;padding:5px;*/
}

#imgmenu img {
    border: none;
    max-width: 48.5%;
    max-height: 100%;
    padding: 0 2px
}

@media only screen and (max-width: 767px) {
    #imgmenu img {
        border: none;
        max-width: 100%;
        max-height: 100%;
    }
}

/*Defaults */
body {
    margin: 0;
    min-width: 300px;
    color: #5b5b5b;
    font: 13px/20px HelveticaNeueRegular, Arial, sans-serif;
    background: url('images/photo_bg5.jpg'); /*background-color:#fff; */
    background-size: cover;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none;
}

img {
    border-style: none
}

a {
    text-decoration: none;
    color: #0d4e96;
}

a:hover {
    text-decoration: underline
}

/*input, textarea, select {*/
    /*font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;*/
    /*vertical-align: middle;*/
    /*outline: 0;*/
    /*-webkit-border-radius: 0;*/
    /*border-radius: 0*/
/*}*/

/*input[type=text], input[type=password], input[type=file], input[type=submit], input[type=button], textarea {*/
    /*-webkit-appearance: none;*/
    /*-webkit-border-radius: 0;*/
    /*border-radius: 0*/
/*}*/

/*form, fieldset {*/
    /*margin: 0;*/
    /*padding: 0;*/
    /*border-style: none*/
/*}*/

#wrapper {
    width: 100%; /*overflow:hidden;*/
    position: relative
}

/* COLOUR */

.dc-list li img {
    border: rgba(204, 204, 204, 1) solid 1px !important;
}

/*.colcont {padding: 10px 0px 35px;text-align:center;}*/

/*.colcont {padding: 10px 0px 5px;text-align:center;}*/

.colcont .colcad {
    margin: 0px 20px 0px 16px;
    background-color:;
    max-width: 140px;
    max-height: 200px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding-bottom: 30px;
}

.colcont .colcadimg {
    width: 140px;
    height: 170px;
    background-size: 140px 170px;
    border: 4px solid white;
    background-image: url('/wp-content/uploads/2014/07/pearl-white.png');
}

.colcad .colcadtitle p {
    padding: 0px 0px 0px 0px !important;
}

.colcont .colcad p { /*text-transform:uppercase;*/
}

.colcont .coldes, .colcont .colsta {
    width: 200px;
    display: inline-block;
    vertical-align: top;
    text-align: center; /*padding-top: 37px;*/
}

.colcont .coldes img, .colcont .colsta img {
    max-width: 30px;
    max-height: 30px;
    border: rgba(204, 204, 204, 1) solid 1px;
    cursor: pointer;
}

.colcont .coldes img:hover, .colcont .colsta img:hover {
    border: #3D72AD 1px solid
}

.colcont .colsta li, .colcont .coldes li {
    padding: 0px 0px 0px 16px !important;
}

.colcont .colsta p, .colcont .coldes p {
    padding: 0px 0px 0px 16px !important;
}

.colcont .colcad img {
    border: 3px solid white;
    max-width: 140px;
    height: auto;
}

#content .colcont ul {
    padding: 0px;
}

.colcont li {
    background: none;
    display: inline;
    background: none !important;
}

@media only screen and (min-width: 767px) {

    .colcont .coldes {
    }

}

@media only screen and (max-width: 767px) {

    #content .colcont .coldes img, #content .colcont .colsta img {
        display: inline-block;
    }

    .colcont {
        text-align: center;
    }

}

/* HARDWARE */

.hcont {
    padding: 10px 0px 35px;
    text-align: center;
}

.hcont .hcad {
    margin: 0px 20px 0px 16px;
    background-color:;
    max-width: 227px;
    max-height: 200px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.hcont .himg2b {
    width: 227px;
    height: 87px;
    background-size: 227px 87px;
    border: 4px solid white;
    background-image: url('/wp-content/uploads/2014/11/bg-hardware.jpg');
}

.hcont .himga, .hcont .himgb,
.hcont .himg2a {
    width: 150px;
    height: 150px;
    background-size: 150px 150px;
    border: 2px solid white;
    background-image: url('/wp-content/uploads/2014/11/bg-hardware.jpg');
}

.hcont .himg {
    width: 150px;
    height: 150px;
    background-size: 150px 150px;
    border: 2px solid white;
    background-image: url('/wp-content/uploads/2014/11/bg-hardware.jpg');
}

.hcad .htitle p {
    padding: 0px 0px 0px 0px !important;
}

.hcont .hcad p { /*text-transform:uppercase;*/
}

.hcont .hcol { /*width:200px;*/
    width: 150px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.hcont .hcol img {
    max-width: 30px;
    max-height: 30px;
    border: rgba(204, 204, 204, 1) solid 1px;
    cursor: pointer;
}

.hcont .hcol img:hover {
    border: #3D72AD 1px solid
}

.hcont .hcol li {
    padding: 0px 0px 0px 16px !important;
}

.hcont .hcol p {
    padding: 0px 0px 0px 16px !important;
}

.colcont .hcad img {
    border: 3px solid white;
    max-width: 140px;
    height: auto;
}

#content .hcont ul {
    padding: 0px;
}

.hcont li {
    background: none;
    display: inline;
    background: none !important;
}

@media only screen and (max-width: 767px) {

    #content .hcont .hcol img {
        display: inline-block;
    }

    .hcont {
        text-align: center;
    }

    .hcont .hcol {
        padding-top: 37px;
    }

}

/*Header*/
#header {
    width: 100%;
    float: left;
    position: fixed;
    z-index: 11;
    background: rgba(255,255,255,0.8);
    margin: 0 0 67px;
    border-top: 5px solid #0d4e96
}

#header .opener {
    display: none
}

.header-holder {
    margin: 0 auto;
    max-width: 1200px;
}

#header:after, .header-holder:after {
    display: block;
    clear: both;
    content: ''
}

.logo{
    float: left;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0 4% 0 0;
    width: 20%;
    padding:0 2% 1%;

}
.logo img{
    width: 100%
}
footer .row{margin: 0}
.l-con{
    width: 90%;
    margin: 0 auto;
}
.f-l img{
    width: 100%;
    margin: auto;
    margin-bottom: 10px;
}
#header .logo a {
    display: block;
    height: 100%
}

#header .row {
    padding: 0 0 18px;
}

#header .holder:after, #header .row:after {
    display: block;
    clear: both;
    content: ''
}
#footer p{
    color: #f1f1f1;
}
#header .holder {
    margin: auto;
    width: 76%;
    position: static !important;
    float: left;
    margin-top: 3%
}

.bottom {
    background: url('images/bg-arrow.png')
}

@media only screen and (max-width: 760px) {
    .bottom {
        background: none;
    }
}

/*Navigation*/
/*.barpoint a {cursor:default;}*/
.sub-menu a {
    cursor: pointer !important
}
#nav {
    margin: 0;
    padding: 0;
    list-style: none
}

#nav:after {
    display: block;
    clear: both;
    content: '';
}
#topin{display:-webkit-box;
    -webkit-box-align:center;
    display:box;
    box-align:center;
    display:-webkit-flex;
    display:flex;
    align-items:center;}
#nav li {
    float: left;
    text-transform: uppercase;
    margin: 0 3% 0 0;
    position: relative;
}

#nav li a {
    float: left;
    padding: 0 0 12px;
    color: #0c6bb0;
    font-size: 16px !important;
    font-weight: 700 !important;
}

#nav .current-menu-ancestor a,
#nav li.active a, #nav li:hover a, #nav li.current-menu-item a, #nav li.current_page_item a, #nav li.current_page_ancestor a {
    text-decoration: none;
    color: #0c6bb0;
    padding: 0 0 6px;
    border-bottom: 2px solid #0c6bb0;
}

#nav li:hover ul {
    display: block
}

#nav ul {
    width: 300px;
    position: absolute;
    top: 24px;
    left: -11px;
    display: none;
    margin: 24px 0 0;
    border-left: 4px solid #dbdbdb;
    padding: 21px 14px 20px 14px;
    list-style: none;
    background: #fff;
    -webkit-animation: fadein 250ms; /* Safari and Chrome */
    -moz-animation: fadein 250ms; /* Firefox */
    -ms-animation: fadein 250ms; /* Internet Explorer */
    -o-animation: fadein 250ms; /* Opera */
    animation: fadein 250ms;
}

#nav ul:after {
    width: 262px;
    background: url('images/bg-drop.png') no-repeat 44px 100%;
    content: '';
    top: -42px;
    height: 42px;
    position: absolute;
    left: 0;
}

#nav ul li {
    vertical-align: top;
    overflow: hidden;
    float: none;
    text-transform: none;
    font: 14px/17px HelveticaNeueRegular, Arial, sans-serif;
    color: #5b5b5b;
    margin: 0;
    padding: 0 0 3px
}

#nav li:hover ul li a, #nav li.active ul li a, #nav ul li a {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    color: #5b5b5b;
    border: 0;
    margin: 0;
    padding: 0;
    float: none;
    background: url('images/bg-drop-li.png') no-repeat 0 6px;
    padding: 0 0 0 17px
}

#nav li:hover ul li a:hover, #nav li.active ul li a:hover, #nav ul li.active a, #nav li:hover ul li.active a, #nav li.active ul li.active a, #nav ul li a:hover {
    color: #0e4e96;
    background: url('images/bg-drop-li-a.png') no-repeat 0 6px;
    margin: 0 0 0 5px
}

#nav li#menu-item-187 {
    display: none
}

#header .num.mob {
    display: none
}

#header .num {
    float: right; /*padding:1px 6px 0 0;*/
    letter-spacing: 1px;
    text-transform: uppercase;
    font: 19px/20px HelveticaNeueBold, Arial, sans-serif;
    color: #fff
}

#header .num a {
    color: #fff
}

#header .row .login {
    float: right;
    background: #fff url('images/bg-login.gif') no-repeat 100% 0;
    padding: 3px 26px 5px 11px;
    color: #0d4e96;
    margin: 0 0 0 9px;
    text-transform: uppercase;
    font: 11px/14px HelveticaNeueMedium, Arial, sans-serif;
    -webkit-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px
}

#header .row .quote {
    float: right;
    background: #009066 url('images/bg-quote.gif') no-repeat 100% 0;
    padding: 3px 37px 5px 23px;
    color: #fff;
    margin: 0 0 0 9px;
    text-transform: uppercase;
    font: 11px/14px HelveticaNeueMedium, Arial, sans-serif;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 7px 7px
}

#header .row .quote:hover {
    background: #FFF url('images/bg-login.gif') no-repeat 100% 0;
    color: #0c6bb0;
    text-decoration: none
}

#header .row .login:hover {
    background: #0d4e96 url(images/bg-login-hover.gif) no-repeat 100% 0;
    color: #FFF;
    text-decoration: none
}

/*Main*/
#main {
    clear: both;
    margin: 0 auto;
    overflow: hidden;
    max-width: 1160px
}

#main:after {
    display: block;
    clear: both;
    content: ''
}

/*Home Page*/
body, html {
    padding: 0;
    margin: 0;
    height: 100%;
    min-height: 100%;
}

#main {
    padding-top: 184px
}

.home #main {
    padding: 0
}

.gallery, .home #wrapper {
    height: 100%;
    padding: 0;
    min-height: 100%;
    overflow-x: hidden;
}
h3{margin: 10px 0!important;}
@media only screen and (max-width: 767px) {
    h3{font-size: 20px!important;}
    .gallery {
        margin: 90px 0px 0px 0px
    }

}

/*.gallery {height:100%;overflow:hidden;margin:0 0 51px;position:relative;width:100%}*/
.gallery {
    overflow: hidden;
    margin: 0 0 51px;
    position: relative;
}

.gallery .gmask {
    width: 100%;
    overflow: hidden;
    height: 100%;
}

.gallery .gmask ul {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    list-style: none;
    overflow: hidden;
}

.gallery .gmask ul li {
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%
}

.gallery .gmask ul li.active {
    z-index: 2;
}

/*.gallery .gmask ul li img {width:100%;height:auto;display:block;position:absolute; border-bottom: white 1px solid;padding-bottom: 20px;}*/
.gallery .gmask ul li img {
    display: block;
    position: absolute;
}

/*  .gallery .gmask ul li .text-area {z-index:2;position:absolute;bottom:155px;left:17%;width:455px;margin:0 0 0 -220px;background:url('images/bg-header.png')}*/

.gallery .gmask ul li .text-area {
    z-index: 2;
    position: absolute;
    bottom: 75px;
    left: 5%; /*left:150px;*/
    background: url('images/bg-header-green.png')
}

.gallery .gmask ul li .title-h {
    float: left; /*width:52%*/
}

.gallery .gmask ul li h2 {
    color: #fdfdfd;
    font: 14px/33px HelveticaNeueLight, Arial, sans-serif;
    margin: 0 0 4px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.gallery .gmask ul li h3 {
    color: #fdfdfd;
    margin: 0 0 15px;
    text-transform: uppercase;
    font: 14px/0px HelveticaNeueBold, Arial, sans-serif
}

.hb {
    background: #026e4e;
    color: white;
    text-transform: uppercase;
    float: right;
    padding: 0px 20px 0px;
    font: 14px/39px HelveticaNeueRegular, Arial, sans-serif
}

.ab {
    background: #009066;
    color: white;
    text-transform: uppercase;
    float: right;
    padding: 0px 20px 0px;
    font: 14px/39px HelveticaNeueRegular, Arial, sans-serif
}

.gallery .gmask ul .btn {
    background: #fff /*url('images/bg-quote2.gif') no-repeat 108% 5px*/;
    color: #0d4e96;
    text-transform: uppercase;
    float: right;
    padding: 0px 20px 0px;
    font: 14px/39px HelveticaNeueRegular, Arial, sans-serif
}

.gallery .gmask ul .btn:hover {
    background: #0d4e96 /*url('images/bg-btn.gif') no-repeat 108% 5px*/;
    color: #FFF;
    text-decoration: none
}

.gallery .btn-h {
    margin: -51px 0 0;
    overflow: hidden;
    background: #0d4e96;
    text-align: center;
    padding: 8px 0;
    position: relative;
    z-index: 3;
}

.gallery .btn-h a {
    width: 35px;
    height: 35px; /*background:url('images/bg-arrow.png') no-repeat;text-indent:-9999px;*/
    overflow: hidden;
    display: block;
    margin: 0 auto
}

.gallery .switcher {
    position: absolute;
    bottom: 79px;
    height: 14px;
    z-index: 3;
    right: 40px;
    margin: 0;
    padding: 0;
    list-style: none;
    list-style: none;
    overflow: hidden
}

.gallery .switcher li {
    float: left;
    margin: 0 16px 0 0
}

.gallery .switcher li a {
    width: 14px;
    height: 14px;
    background: url('images/bg-switcher.png') no-repeat -30px 0;
    text-indent: -9999px;
    overflow: hidden;
    float: left
}

.gallery .switcher li.active a, .gallery .switcher li a:hover {
    background-position: 0 0
}

.home #header {
    margin: 0 0 -112px
}

#main .hold {
    padding: 0 11px 49px
}

#main .hold:after {
    display: block;
    clear: both;
    content: '';
}

#main .hold .h {
    color: #0d4e96;
    font-size: 14px;
    padding: 0;
    line-height: 33px; /*width:605px;*/
    width: 777px;
    margin: auto;
}

#main .hold .btn-quote {
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    font: 18px/20px HelveticaNeueMedium, Arial, sans-serif;
    border-bottom: 9px solid #0d4e96;
    margin-top: 23px;
    float: right;
    padding: 37px 108px 31px 81px;
    letter-spacing: 1px;
    background: #fff url('images/bg-quote2.gif') no-repeat 102% 32px;
    color: #0d4e96
}

#main .hold .btn-quote:hover {
    color: #fff;
    border-color: #fff;
    text-decoration: none;
    background: #0d4e96 url('images/bg-btn.gif') no-repeat 100% 33px
}

#main .hold .h h3 {
    color: #0d4e96;
    font: 30px/32px Helvetica, Arial, sans-serif;
    margin: 0 0 10px
}

#main .hold .h p {
    margin: 0
}
#main .products-list{
    width: 23%;
    margin-right: 2%;
    float: left;
    background: #009066;
    
}
#main .products-list h4{
    font-size: 24px;
    text-align: center;
    margin: 8px 0;
    padding: 8px 0 ;
    border-bottom: 2px solid #fff;
    font-weight: bold;
}
#main .products-list ul{
    list-style: none;
    padding: 0;
    margin: 0
}
#main .products-list ul li{
    width: 100%;
    margin:0;
    font-size: 18px;
    padding: 3% 0;
    border-bottom: 1px solid #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#main .products-list ul li a{color: #fff}
#main .products-all{
    width: 75%;
    padding: 0% 2%;
    float: left;
}
#main .products-all .right-img{width: 60%;float: none;padding: 0 1%}
#main .products-all .pro-con{
    width: 100%;
}
.pro-con h5{font-size: 1.5em;font-weight: bold;}
#main .products-all .pro-con p,.pro-con table td{
    font-size: 16px;line-height: 24px
}
#main .products-all .pro-con p{
    margin-bottom: 5px;
}
#main .products-all .pro-con p span{
    font-weight: 600;
}
.pro-con table,.pro-con tbody{
    width: 100%;
}
.table {
    margin: 10px 0 0 0;
    font-size: 14px;
    text-align: center;
}
table, td {
    border: 1px solid #069 !important;
}
.table > tbody > tr {
    background-color: #f8f8f8
}
.table > tbody > tr:nth-of-type(odd) {
    background-color: #ddd
}
.table-hover > tbody > tr:hover, .table > tbody > tr:nth-of-type(odd):hover {
    background-color: #eee
}
.table  tbody  tr  td {
    vertical-align: middle;
    padding: 4px 8px;
}
#main .products-all .pro-con table td{
    padding: 6px;
    margin: 0;
    vertical-align: middle;
}
#main .products-all .pro-con table td{
    padding: 6px;
    margin: 0;
    vertical-align: middle;
}
#main .products-all .pro-con table p{margin: 0}
#main .products-all h4,#main .pro-related{
    font-size: 2.2em;
    color: #0c6bb0;
    text-align: left;
    margin: 8px 0;
    border-bottom: 2px solid #009066;
    padding: 6px 0;
    font-weight: bold;
}
#main .rel-pdf{
    width: 100%;
    background: url('images/PDF-2.jpg') left no-repeat #fff;

    padding: 10px 0 10px 65px;
    text-align: left;
}
#main .list .rel-pdf a{
    text-align: left;
    color: #0c6bb0;
    font-size: 24px;
    font-weight: 600;
}
#main .list { /*margin:0 -1% 0 0;padding:0 11px 52px;*/
    padding: 0px;
    text-align: center;
    list-style: none;
    overflow: hidden
}
.list-con{background: #fff8;display: -webkit-box;
    -webkit-box-align: center;
    display: box;
    box-align: center;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 2%;}
.list-con h3{float: left;display: inline-block;margin: 1% 0 1% 2%;color: #0D4E96}
.list-con span{float: right;display: inline-block;margin-right: 1%;position: absolute;right: 10px;font-size: 1.2em;padding: 6px 12px;background:#0D4E96;color: #fff;border: 1px solid #0D4E96;bottom: 0}
.list-con span:hover{color: #0D4E96;background: #fff;border: 1px solid #0D4E96}
#main .list li {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    position: relative; /*width:24.1%; width:32.3%;*/
    text-align: center;
    margin-bottom: 30px;
}

#main .list li .img-h {
    overflow: hidden;
    margin: 0 0 10px;
    display: block;
    position: relative; /*border-bottom:4px solid #0d4e96*/
    box-shadow: 0px 2px 6px rgba(0,0,0,.35);
    background: #fff;
}
#main .list li h5{
    font-size: 18px;
    font-weight: bold;
    color: #009066;
    margin-bottom: 20px;
    height: 40px;
}
#main .list li .otmore{
    float: right;
    background: #0D4E96;
    padding: 6px;
    color: #fff;
    border: 1px solid #0D4E96;
}
#main .list li .otmore:hover{
    background: none;
    color: #0D4E96;
}
#main .list li .prod-img:after {
    content: '\A';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; /*background:rgba(1,39,87,0.5);opacity:0;transition: all 500ms;-webkit-transition: all 500ms;*/
}

#main .list li .img-h:hover {
    border-color: #FFF
}

#main .list li .prod-img:hover:after {
    opacity: 1
}

#main .list li .img-h img {
    vertical-align: top;
    width: 100%;
    display: block;
    height: auto;
    border: 3px solid #720303
}

/*#main .list li h3 {text-align:Center;margin:0;font:21px/24px HelveticaNeueRegular,Arial,sans-serif;color:#0d4e96}*/
.fix-facebook{position: fixed;left:10px;bottom: 50%;width: 44px;height:44px;z-index: 10001}
.fix-facebook img{width: 100%}
.fix-facebook:hover img{transform:rotate(360deg);transition: 1.5s}
#main .list li h3 {
    text-align: center;
    font-family:  HelveticaNeueRegular, Arial, sans-serif;
    font-size:13px;
    line-height: 24px;
    background-color: #0D4E96;
    width: 100%;
    margin: 0;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 5px;
    color: #fff;
}

#main .list li a {
    color: white;
    letter-spacing: 1px;
}

#main .list li .mask {
    width: 100%;
    height: 100%;
    background: #0d4e96;
    position: absolute;
    text-align: center;
    color: #fff;
    top: 0;
    left: 0
}

#main .list li .mask .f span {
    font-style: italic;
    display: block;
    text-align: center;
    font-size: 14px;
    padding: 17px 0 0;
    line-height: 16px
}

#main .list li .mask .f .title {
    display: block;
    text-align: center;
    font-size: 23px;
    background: url('images/bg-link.png') no-repeat 50% 100%;
    padding: 8px 0 35px;
    font-style: normal;
    line-height: 20px
}

#main .list li .mask .h {
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle
}

#main .list li .mask .f {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

#main .list li .mask:hover {
    background: #FFF;
    color: #0d4e96
}

#main .list li .mask:hover .f .title {
    background-image: url(images/bg-link2.png)
}

#main .section {
    color: #7c7c7c;
    font-size: 13px;
    line-height: 20px;
    overflow: hidden;
    padding: 0 9.3% 15px
}

#main .section .capture {
    display: block;
    color: #0d4e96;
    font-size: 13px;
    margin: 0 0 31px;
    line-height: 23px
}

#main .section .capture strong {
    font-family: HelveticaNeueBold, Arial, sans-serif;
    font-weight: normal
}

#main .section .links-list {
    list-style: none;
    overflow: hidden;
    text-align: center;
    padding: 0
}

#main .section .links-list li a {
    overflow: hidden;
    display: block;
    position: relative
}

#main .section .links-list li a img {
    width: 100%;
    height: auto;
    display: block
}

#main .section .links-list li {
    vertical-align: top;
    display: inline-block;
    width: 290px; /*width:32.3%;*/
    overflow: hidden;
    margin: 0 0.6% 15px 0
}

#main .section .links-list li .title-h {
    text-align: center;
    position: absolute;
    top: -25%;
    width: 100%;
    height: 100%;
    left: 0
}

#main .section .links-list li .title { /*margin:5px;border-bottom:21px* solid #fff;*/
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 95%
}

#main .section .links-list li .title span {
    display: block;
    text-transform: uppercase;
    color: #fff;
    padding: 82px 0 21px;
    letter-spacing: 4px;
    background: url('images/sep-03.gif') no-repeat 50% 100%;
    font: 21px/24px HelveticaNeueMedium, Arial, sans-serif
}

#main .section .links-list li:last-child .title span {
    background: url('images/sep-02.gif') no-repeat 50% 100%
}

#main .section h4 {
    margin: 0 0 26px;
    color: #5f5f5f;
    font: 20px/25px HelveticaNeueBold, Arial, sans-serif
}

#main .section .links-list li:hover .title {
    border-bottom-color: #0d4e96
}

#main .section .links-list li:first-child:hover .title {
    border-bottom-color: #009066
}

#main .section .links-list li:hover .title span {
    background-image: url(images/sep-04.gif)
}

/*Sidebar*/
#sidebar {
    float: left;
    padding: 0 0 60px;
    width: 22.8%; /*background:url('images/bg-sidebar.png')*/
}

#sidebar .box {
    overflow: hidden
}

#sidebar h3 {
    background: #fff;
    text-transform: uppercase;
    margin: 0;
    border-bottom: 1px solid #a4b4c6;
    padding: 19px 24px;
    color: #0d4e96;
    font: 28px/32px HelveticaNeueBold, Arial, sans-serif
}

#sidebar h4 {
    background: url('images/bg-title.png');
    padding: 17px;
    letter-spacing: 4px;
    margin: 0;
    font: 18px/22px HelveticaNeueBold, Arial, sans-serif;
    text-transform: uppercase;
    color: #0d4e96;
    border-bottom: 1px solid #D5D5D5;
}

#sidebar .menu {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

#sidebar .menu li {
    vertical-align: top;
    border-top: 1px solid #fff;
    overflow: hidden; /*text-transform:uppercase*/
}

#sidebar .menu li:first-child {
    border: 0
}

/*#sidebar .menu li>a {display:block;position:relative;background:#0d4e96 url('images/bg-open.gif') no-repeat 100% -3px;padding:15px 40px 16px 25px;font:14px/18px HelveticaNeueRegular,Arial,sans-serif;color:#fff}*/
#sidebar .menu li > a {
    display: block;
    position: relative;
    background: #0d4e96 url('images/bg-open.gif') no-repeat 100% -8px;
    padding: 10px 40px 10px 25px;
    font: 14px/18px HelveticaNeueRegular, Arial, sans-serif;
    color: #fff
}

/*#sidebar .menu.view2 li>a {padding:14px 40px 13px 25px;background-position:100% -5px}*/
#sidebar .menu.view2 li > a {
    padding: 10px 40px 10px 25px;
    background-position: 100% -8px
}

/*#sidebar .menu li.has-drop>a {background:#0d4e96 url('images/bg-open2.gif') no-repeat 100% 1px}*/
#sidebar .menu li.has-drop > a {
    background: #0d4e96 url('images/bg-open2.gif') no-repeat 100% -4px
}

#sidebar .menu.view2 li.has-drop > a {
    background-position: 100% -4px
}

#sidebar .menu li.has-drop.activer > a {
    background: #0d4e96 url('images/bg-open3.gif') no-repeat 100% 5px
}

#sidebar .menu.view2 li.has-drop.activer > a {
    background-position: 100% 0px
}

#sidebar .menu li:hover a:after, #sidebar .menu li.active a:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    background: url('images/sep-01.png') no-repeat;
    width: 6px;
    height: 13px;
    margin: -6px 0 0
}

#sidebar .menu li a:hover {
    text-decoration: none
}

#sidebar .menu li .slider {
    overflow: hidden
}

/*#sidebar .menu li ul {margin:0;background:#3d72ad;padding: 20px 18px 25px 25px;list-style:none;overflow:hidden}*/
#sidebar .menu li ul {
    margin: 0;
    background: #3d72ad;
    padding: 26px 18px 15px 38px;
    list-style: none;
    overflow: hidden
}

#sidebar .menu li ul li {
    vertical-align: top;
    overflow: hidden;
    font-size: 12px;
    margin: 0 0 18px;
    border: 0;
    line-height: 14px
}

#sidebar .menu li.active ul li a, #sidebar .menu li ul li a {
    color: #fff;
    padding: 0 0 0 10px;
    float: left;
    display: inline;
    background: 0;
    font-size: 12px;
    line-height: 15px
}

#sidebar .menu li.active ul li a:after, #sidebar .menu li:hover ul li a:after {
    display: none
}

#sidebar .menu li ul li a:hover:after, #sidebar .menu li ul li.active a:after, #sidebar .menu li:hover ul li a:hover:after {
    display: block
}

#sidebar .menu li ul li:hover a:after, #sidebar .menu li ul li.active a:after {
    width: 8px;
    height: 9px;
    background: url('images/bg-ar.png') no-repeat;
    margin: -4px 0 0
}

#sidebar .menu.view2 li ul {
    padding: 17px 18px 0 30px
}

#sidebar .menu.view2 li ul li a {
    padding: 0 0 0 23px
}

#sidebar .link-pdf {
    background: url('images/bg-title.png');
    display: block;
    font: 18px/22px HelveticaNeueBold, Arial, sans-serif;
    color: #009066
}

#sidebar .link-pdf span {
    background: url('images/link-pdf.png') no-repeat 25px 13px;
    display: block;
    padding: 21px 10px 15px 68px
}

#sidebar .pages-menu li .slider {
    display: none
}

#sidebar .pages-menu li.active .slider {
    display: block
}
.page-id-169 #content {
    padding-bottom: 400px
}
.left_pic {
    width: 35%;
    float: left;
    margin: 10px 0 20px 0
}
.right_pic{width: 65% !important;}
.img_all {
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    border: 2px solid #da322c;
}

.img_all img {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.img_all #imgtitle {
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .7);
    color: #fff
}
.tu2-2 {
    float: left;
    margin: 5px 0 3px 3px;
    width: 300px;
}
.tu2-2 ul{padding-left: 5px;margin-bottom: 0}
.tu2-2 ul li {
    float: left;
    width: 50px;
    margin: 0 3px 3px;
    padding: 1px;
    border: 1px solid #e8e9ea;
    list-style: none;
}

.tu2-2 ul li:hover {
    border: 1px solid #0b111b;
}





.map-h {
    margin-bottom: 20px;
}



/*Forms Page*/
.wide #content {
    width: 100%;
    padding: 19px 0 60px 0
}

.wide #content .col-h {
    padding: 10px 48px 0
}

.wide #content .col-h:after {
    display: block;
    clear: both;
    content: ''
}

.wide #content .col {
    float: right;
    width: 43%;
    font-size: 14px;
    margin: 0 2% 0 0
}

.wide #content .col:first-child {
    float: left;
    margin: 0
}

.wide #content .col h3 {
    font: 18px/22px HelveticaNeueBold, Arial, sans-serif;
    letter-spacing: 1px;
    margin: 0 0 19px
}

.wide #content .col:first-child h3 {
    margin: 0 0 25px
}

.wide #content .col .form:after {
    display: block;
    clear: both;
    content: ''
}

.wide #content .col .form .holder {
    overflow: hidden;
    padding: 22px 51px 27px;
    background: #fff;
    margin: 0 0 20px
}

.wide #content .col .form .row {
    margin: 0 0 10px
}

.wide #content .col .form h3 {
    margin: 0 0 20px
}

.wide #content .col .form .row .input-placeholder-text {
    font: 16px/23px HelveticaNeueRegular, Arial, sans-serif;
    color: #909090;
    padding: 7px 19px
}

.wide #content .col .form .forgot {
    float: right;
    color: #909090;
    font: 14px/22px HelveticaNeueRegular, Arial, sans-serif
}

#content .gform_wrapper ul label, .wide #content .col .form label {
    color: #909090;
    font: 18px/22px HelveticaNeueRegular, Arial, sans-serif
}

#content .gform_wrapper ul label.chk-label-active, .wide #content .col .form label.chk-label-active {
    color: #0d4e96
}

/* FAQs */
#faqs .q {
    background: #FFF url(images/bg-faqs.png) no-repeat 96% -140px;
    border: 1px solid #FFF;
    height: 90px;
    margin-bottom: 7px;
    padding: 0 100px 0 25px;
    transition: border 250ms ease-out;
    -webkit-transition: border 250ms ease-out;
    -moz-transition: border 250ms ease-out;
    -o-transition: border 250ms ease-out;
    cursor: pointer
}

#faqs .q h3 {
    position: relative;
    /*font-size:20px;*/
    top: 50%;
    letter-spacing: 0;
    line-height: 1.25em;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#faqs .q:hover {
    border-color: #999
}

#faqs .activer .q {
    background-position: 96% 31px
}

#faqs .a {
    padding: 10px 0px 0px 50px;
}

/* Accordion */
#acc .q2 {
    background: #FFF url(images/droparrow.jpg) no-repeat 97% 20px;
    border: 1px solid #FFF;
    margin: 0px 0px 10px; /*height:29px;padding:0 100px 0 25px;*/
    transition: border 250ms ease-out;
    -webkit-transition: border 250ms ease-out;
    -moz-transition: border 250ms ease-out;
    -o-transition: border 250ms ease-out;
    cursor: pointer
}

#main .td-acc {
    background: #d3d3d3 url(images/droparrowgrey.jpg) no-repeat 97% 20px;
    border: 1px solid #d3d3d3;
}

#main .td-acc h3 {
    color: #5b5b5b
}

#acc .q2 h3 {
    position: relative;
    font-size: 17px;
    padding: 10px 0px 10px 15px;
    /*top: 50%;*/
    margin: 0px;
    letter-spacing: 0;
    line-height: 1.25em;
}

#acc .q2 p {
    position: relative;
    font-size: 13px;
    padding: 10px 0px 10px 20px;
    /*top: 50%;*/
    margin: 0px;
    letter-spacing: 0;
    line-height: 1.25em;
    color: #0D4E96;
}

#acc .a2 p {
    padding: 0px 0px 0px 38px;
}

#acc .a2 ul {
    padding: 0px 0px 0px 58px;
}

#acc .a2 .colcont ul, #acc .a2 .colcont li, #acc .a2 .hcont ul {
    padding: 0px 0px 0px 0px;
}

#acc .q2:hover {
    border-color: #999
}

/*#acc .activer .q2 {background-position:96% 31px}*/

#acc h2, #acc h3 {
    padding: 0px 0px 0px 38px;
}

/*Footer*/
#footer{width: 100%;
background: #0c6bb0;}
#footer .footer-list{
    width: 100%;
    list-style: none;
    padding-top: 30px;
    margin-bottom: 20px
}
#footer .footer-list li{
    float: left;
    padding: 0 2%;
     }
#footer .footer-list li a{
    color: #fff;
    font-size: 16px;
    line-height: 24px
}
#footer .footer-list li span{
    display: inline-block;
    width: 100%;
font-size: 24px;
border-bottom: 1px solid #fff;
color: #fff;
font-weight: bold;
margin-bottom: 10px}
#footer .footer-list li a:hover{
    text-decoration: none;
    color: #bbb
}
#footer .footer-list .list-li1{width: 17.5%}
#footer .footer-list .list-li2{width: 40%}
#footer .footer-list .list-li3{width: 25%}
#footer .footer-list .list-li3 img{width: 100%;padding-top: 20px}
/*Lightbox*/
.lightbox {
    width: 556px;
    display: none;
    position: absolute;
    top: 200px;
    left: 50%;
    margin: 0 0 0 -293px;
    padding: 21px 30px
}

.lightbox .close {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 0;
    right: 30px;
    text-indent: -9999px;
    overflow: hidden;
    background: url('images/bg-close.png') no-repeat
}

.lightbox .close:hover {
    background-position: 0 -14px
}

.lightbox .prev, .lightbox .next {
    width: 30px;
    height: 30px;
    background: url('images/bg-gall-ar.png') no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    top: 50%;
    position: absolute;
    margin: -46px 0 0;
    left: 0
}

.lightbox .holder {
    overflow: hidden;
    margin: 0 0 9px
}

.lightbox .holder img {
    vertical-align: top
}

.lightbox .next {
    background-position: -30px 0;
    left: auto;
    right: 0
}

.lightbox .prev:hover {
    background-position: 0 -30px
}

.lightbox .next:hover {
    background-position: -30px -30px
}

.lightbox .title {
    display: block;
    text-align: Center;
    color: #fff;
    font-size: 18px;
    line-height: 22px
}

/*Custom Forms*/
.jcf-hidden {
    display: block !important;
    position: absolute !important;
    left: -9999px !important
}

.chk-area {
    background: url('images/bg-check.png') no-repeat;
    margin: 3px 15px 0 2px;
    float: left;
    width: 16px;
    height: 16px
}

.chk-checked {
    background-position: 0 -25px
}

.chk-focus {
    border-color: red
}

.chk-disabled {
    background: #eee
}

.jcf-label-disabled {
    color: #ccc
}

.select-area {
    position: relative;
    overflow: hidden;
    cursor: default;
    float: left;
    color: #5B5B5B;
    font: 16px/23px HelveticaNeueRegular, Arial, sans-serif; /*text-transform:uppercase;background:#e1e1e1;*/
    background: #E1E1E1;
    height: 37px;
}

form[name="jump"] .select-area {
    width: 70% !important;
}

.gform_body .select-area {
    width: 100% !important;
}

@media only screen and (min-width: 1100px) {
    .gform_body .select-area {
        width: 83% !important;
    }
}

.select-focus {
    border-color: red
}

.select-area .center { /*white-space:nowrap;*/
    padding: 7px 19px;
    float: left
}

#acc .select-area {
    margin-left: 40px;
}

.select-disabled {
    background: #eee
}

.select-area .select-opener {
    background: url('images/bg-select.gif') no-repeat;
    position: absolute;
    height: 31px;
    width: 31px;
    right: 3px;
    cursor: pointer;
    top: 3px
}

.select-options {
    position: absolute;
    overflow: hidden; /*background:#e1e1e1;*/
    background: white;
    z-index: 2000;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
}

.select-options .drop-holder {
    overflow: hidden;
    height: 1%
}

.select-options ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.select-options ul li {
    width: 100%;
    float: left
}

.select-options ul a {
    text-decoration: none;
    padding: 5px 19px;
    display: block;
    cursor: default;
    color: #909090;
    height: 1%
}

.select-options .item-selected a {
    text-decoration: none;
    background: #0d4e96;
    cursor: pointer;
    color: #fff
}

/*MC Editions - Responsive*/
#content .gform_title {
    text-align: center;
    width: 100%
}

span.gform_description {
    display: block;
    text-align: center;
    font-style: italic;
    margin-bottom: 15px;
}

.gform_wrapper .gfield_description {
    font: 12px HelveticaNeueRegular, Arial, sans-serif !important;
    max-width: 500px !important;
    margin-top: 5px;
}

@media only screen and (min-width: 1200px) {
}

@media only screen and (min-width: 1100px) {
    #content .gform_wrapper ul {
        width: 447px
    }

    #content .gform_body {
        width: 585px;
        margin-right: auto;
        margin-left: auto;
    }

    #content .gform_body h3 {
        text-align: left;
        margin-bottom: 5px;
    }

    #content .gform_wrapper ul {
        width: 585px
    }

    #content input[type="password"], #content textarea, #content input[type="text"] {
        width: 445px;
        margin: 5px 0px;
    }

    #content .col-h .col input[type="password"], #content .col-h .col textarea, #content .col-h .col input[type="text"] {
        width: 320px
    }

    #content .col-h .col .gform_wrapper .ginput_complex .ginput_right, #content .col-h .col .gform_wrapper .ginput_complex .ginput_left {
        width: 100%;
        float: none;
    }

    #content .col-h .col .gform_wrapper ul, #content .col-h .col .gform_body {
        width: auto;
    }

    #content .col-h .col .gform_wrapper {
        max-width: 100%;
    }

    #content .col-h .col .gform_wrapper .ginput_complex .ginput_right input, #content .col-h .col .gform_wrapper .ginput_complex .ginput_left input {
        width: 320px !important;
    }

    #content .col-h .col .gform_wrapper ul li {
        list-style-type: none !important;
    }

    #content .col-h .col .gform_wrapper .gform_heading {
        width: 100%;
    }

    #content .col-h .col .select-area { /*width:339px!important;*/
    }

    #content .minor-text {
        width: 500px
    }

}

@media only screen and (max-width: 1150px) {

    #nav li {
        margin: 0 1.4% 0 0
    }
    #nav li a{font-size: 16px !important}
}

/*Responsive*/
@media only screen and (max-width: 1200px) {

    .header-holder {
        padding: 0 10px
    }

    #main {
        padding: 184px 10px 0
    }

    #main .hold .h {
        width: 57%;
    }

}

@media only screen and (max-width: 1100px) {
    #content .gall-list li {
        margin: 0 .5% 1% 0
    }
    #content .area .btn-holder a {
        margin: 0 23px 0 0
    }

    .wide #content .col .form .holder {
        padding: 22px 21px 27px
    }

    #content input[type="password"], #content textarea, #content input[type="text"] {
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 37px;
        width: 100%;
        -webkit-box-sizing: border-box
    }

    #content textarea {
        height: 140px
    }

    /*.select-area {width:100% !important}*/
    #content .gform_wrapper li {
        padding: 17px 21px 6px
    }

    #content .alignright, #content .alignleft {
        width: 48%
    }

    #content .alignright img, #content .alignleft img {
        width: 100%;
        display: block;
        height: auto
    }

    #main .hold .h {
        width: 59%;
        padding: 0
    }

    #main .list li {
        /* margin: 0 .5% 1.8% 0 */
    }

    /*#main .section .links-list li {width:47.2%}*/
    #main .section .links-list li .title span {
        padding: 25% 0 21px
    }

    #main .list li {
         max-width: 48.1%; 
    }
}

@media only screen and (max-width: 1024px) {
    /*#header .holder {width:70.8%}*/
    /*#footer .bar .btn {padding:15px 17px}*/
    /*#footer .bar .tel {padding:15px 17px}*/
    #main .section {
        padding: 0 5.3% 54px
    }
    #content .products-area {
        padding: 0
    }

     #header .header-holder #lun1,#header .header-holder #lun2{
        display: none
    }
    #content .area .btn-holder a {
        margin: 0 13px 0 0
    }
}

/*Tablet*/
@media only screen and (max-width: 980px) {
    /*.emailhead {margin-right: -82px;}*/
    #header .holder {
        width: 97%;
    }
    #footer .footer-list .list-li1{width: 25%}
    #footer .footer-list .list-li2{width: 50%}
    #footer .footer-list .list-li3{display: none}
    .gallery .switcher li {
        display: none
    }

    .emailhead {
        font-size: 8px !important;
        font-weight: 100 !important;
        margin: 0 1.3% 0 0;
    }
    #nav li a{
        font-size: 14px !important;
    }
    #header .row .num {
        font-size: 19px
    }

    #header .logo {

    }

    /*#header .holder {width:72.8%}*/
    #sidebar h3 {
        font-size: 20px
    }

    #main {
        padding-top: 140px
    }

    #content {
        padding: 19px 0 60px 0;
        width: 68%;
        float: right;
    }

    #sidebar {
        width: 30%
    }

    #content h1 {
        font-size: 22px;
        margin: 0 0 20px;
        padding: 0 0 19px
    }
    #sidebar h4 {
        font-size: 16px;
        letter-spacing: 2px
    }

    #content .news-list li .img-h {
        width: 30%
    }

    #content .news-list li .img-h img {
        width: 100%;
        display: block;
        height: auto
    }

    #content .area .btn-holder a {
        margin: 0 0 13px
    }

    #content .area .btn-holder {
        padding: 10px 0 25px
    }

    #content .area .box {
        width: 42%
    }

    .wide #content .col-h {
        padding: 10px 0
    }

    .wide #content .col {
        width: 47%;
        margin: 0
    }
    #header .row .quote{margin-right: 24px;margin-left: 0}
    /*#content .single-area,#content .product-list li,#main .section,body {font-size:15px;line-height:18px}*/
    #content .single-area, #content .product-list li, #main .section, body {
        font-size: 13px;
        line-height: 20px
    }

    #content .news-single h2 {
        font-size: 21px
    }

    #content .info-list li h2, #content .product-list li h2 {
        font-size: 22px
    }

    #sidebar .menu li ul {
        padding: 26px 18px 25px 14px
    }

    #sidebar .menu.view2 li ul {
        padding: 17px 18px 0 4px
    }

    #content .revit-area .three-col ul {
        padding: 0 0 28px 0
    }

    #content table td, #content table th {
        padding: 20px
    }

    #main .hold .btn-quote {
        padding: 37px 66px 31px 32px;
        font-size: 16px
    }

    #main .hold .h {
        width: 60%
    }

    #main .hold .h h3 {
        font-size: 26px
    }

    #main .list li h3 {
        padding: 6px 0
    }

    #main .list li { /*margin:0 .4% 15px 0;*/
    }

    #main .list li .mask .f .title {
        font-size: 18px
    }

    #main .section .capture {
        margin: 0 0 25px
    }

    #main .list {
        padding: 0 10px 25px
    }

    /*#main .section .links-list li .title span {font-size:16px;letter-spacing:2px}*/
    #main .section .links-list { /*margin:0 -2.5% 25px 0*/
    }

    #content .gall-list li {
        width: 32%
    }
}

@media only screen and (min-width: 767px) {
    .gallery .gmask ul {
        height: 100% !important
    }
    .pro-con h5 {
        font-size: 18px;
        font-weight: bold;
    }
    
}

@media only screen and (max-width: 767px) {
    .left_pic {
        display: none;
    }
    .right_pic{width: 100% !important;}
}
@media only screen and (max-width: 630px) {
    #main .list li {
        max-width: 98%;
    }
    
}
/*Mobile*/
@media only screen and (max-width: 768px) {
    #header .header-holder .right-lung{
        width: 100%
    }
    #header .header-holder .right-lung a:nth-child(1),#header .header-holder .right-lung a:nth-child(2){
        display: none
    }
}
@media only screen and (max-width: 767px) {
    .header-holder .row .l-none{
        display: none !important;
    }
    .header-holder{height: 88px;}
    .t-h4{margin-top: 30px;font-size: 24px !important;margin-bottom: 10px;}
    #main .hold .h {
        display: none
    }
    
    .producttitle ol{padding: 0}
    #main .products-list{display: none;}
    #main .products-all{width: 96%;float: none;margin: 0 auto}
    #main .products-all .right-img{width: 80%;margin: 0 auto}
    #main .products-all h4, #main .pro-related{font-size: 1.4em}
    #main .products-all .pro-con p, .pro-con table td{font-size: 14px;line-height: 18px;}
    #main .products-all .table>tbody>tr>td{font-size: 12px;padding: 2px;}
    #footer .footer-list{padding: 20px 10px;}
    #footer .footer-list .list-li1{width: 50%;margin-bottom: 6px}
    #footer .footer-list .list-li2{width: 100%;float: right;margin:2% 0;}
    #footer .row{display: none}
    .forma1{font-size: 12px;}
    .select-area {
        width: 100% !important
    }
    .c5{font-size: 18px;}
    .c3{width: 100%;margin: 0}
    .forma1{margin-left: 0}
    .forma2{padding-top:10px; }
    .messageModel3{width: 100%}
    .forma5,.forma6{width: 96%;margin: 0 2%}
    .formb1,.formc1{margin-right: 2%;}
    .forme1{margin-left: 20%;width: 80%;}
    #nav ul{display: none !important;}
    form .forma5 .formb2 input,form .forma6 .formc2 textarea{width: 92%}
    .home #wrapper {
        height: auto !important;
        padding: 0;
        /*min-height:100%;*/
        overflow-x: hidden;
    }

    .spacer {
        display: none;
    }

    .gallery .btn-h {
        margin-top: 0;
        padding: 0;
    }

    .gallery {
        height: auto !important;
        width: 100% !important;
        display: block;
        position: inherit !important;
        margin: 90px 0px 10px 0px;
    }

    .gallery .gmask {
        height: auto !important;
        width: 100% !important;
        display: block;
        position: inherit !important;
    }

    .gallery .gmask ul {
        height: !important;
        width: 100% !important;
        display: block;
        position: inherit !important;
    }

    .gallery .gmask ul li {
        height: auto !important;
        width: 100%;
        display: block;
    }

    .gallery .gmask ul li img {
        max-width: 100% !important;
        height: auto !important;
        display: block;
        position: inherit !important; /*margin-top: 90px;*/
    }

    /*.gallery {height: auto !important; min-height:auto !important;}*/
    .emailhead {
        display: none;
    }

    #topin{width: 26%;margin-left: 6%;float: left;}



    #header .logo {
        margin: 13px 0 -10px -5px;
        width: 100%
    }

    #header {
        margin: 0
    }

    .wide #content .col .form .forgot {
        float: right !important;
    }

    .wide #content .col .form .row .input-placeholder-text {
        font-size: 12px;
    }

    #content, #sidebar {
        float: none;
        width: auto;
        display: block;
        overflow: hidden;
        height: auto !important
    }

    #sidebar {
        margin: 0 -10px;
        padding: 0
    }

    #sidebar h3 {
        font-size: 34px;
        padding: 26px 29px
    }

    #sidebar .menu li > a {
        font-size: 14px
    }

    #sidebar .menu li.active ul li a, #sidebar .menu li ul li a {
        font-size: 14px
    }

    #content h1 {
        font-size: 23px;
        margin: 0 0 11px;
        padding: 0 0 3px
    }

    #content h2 {
        font-size: 17px;
        line-height: 31px;
        margin: 0
    }

    #content .single-area, #content .product-list li, #main .section, body {
        font-size: 14px;
        line-height: 26px
    }

    #content .alignnone, #content .alignright, #content .alignleft, #content .aligncenter {
        display: block;
        width: 100%;
        height: 100%;
        float: none;
        margin: 0 0 10px
    }

    #content .alignnone, #content .alignnone img {
        width: 100%;
        display: block;
        height: auto
    }

    #content ul {
        padding: 0 0 0px
    }

    #content h3 {
        margin: 15px 0 10px
    }

    /*#footer .bar {padding:0 10px}*/
    #content {
        padding: 20px 0
    }

    .footer-holder {
        padding: 20px 10px
    }

    #footer {
        padding: 0 0 20px
    }

    /*#footer .menu-h > ul > li {text-align:center;width:100%;margin:0 0 10px;float:none;overflow:hidden}
    #footer .menu-h h3 {font-size:23px;line-height:30px;margin:0 0 10px}
    #footer .menu-h li,#footer .menu-h .mail {font-size:17px;line-height:20px;margin:0 0 16px}
    #footer .menu-h ul {margin:0}
    #footer .menu-h ul ul{margin:0;}
    #footer .menu-h {padding:0}*/
    #footer .menu-h {
        padding: 20px 0;
    }

    #footer .menu-h > ul > li {
        width: 46%
    }

    #footer .menu-h ul ul {
        padding-top: 5px
    }

    #footer .menu-h .menu-item-19 {
        clear: both
    }

    #footer .menu-h .menu-item-17 {
        width: 99%
    }

    #footer .bar .tel {
        border-width: 1px;
        float: none;
        display: block;
        text-align: center;
        font-size: 31px;
        line-height: 34px;
        margin: 0 0 10px;
        padding: 27px 17px
    }

    #footer .bar address, #footer .bar .copy {
        float: none;
        overflow: hidden;
        margin: 0 auto;
        width: 70%;
        display: block;
        text-align: center;
        padding-bottom: 20px
    }

    #content .gall-list li {
        width: 48%
    }

    .auslogo {
        display: none;
    }

    #acc .a2 {
        padding: 10px;
    }

    .gallery .gmask ul li .title-h {
        display: none
    }

    /*.gallery {margin:0 -10px}*/
    .home #header {
        margin: 0 0 -95px
    }

    .gallery .gmask ul li .text-area {
        display: none;
        width: 100%;
        margin: 0;
        left: 0;
        overflow: hidden;
        text-align: center;
        padding: 20px 0
    }

    .gallery .gmask ul .btn {
        display: inline-block;
        vertical-align: top;
        float: none
    }

    #main .hold .btn-quote {
        float: none;
        display: block;
        font-size: 14px;
        margin: 0 0 10px
    }

    #main .hold .h {
        float: none;
        width: auto;
        overflow: hidden;
        padding: 0px 5%;
    }

    #main .hold .h h3 {
        font-size: 18px;
        line-height: 22px
    }

    #main .list, #main .section, #main .hold {
        padding: 0 0 10px
    }

    #main .list li .mask .f .title {
        font-size: 15px;
        padding: 0 0 26px
    }

    #main .section .links-list li {
        float: none;
        vertical-align: top;
        overflow: hidden;
        width: 280px;
        height: 80px;
        margin: 0px;
        display: block;
        margin: 15px auto 0px auto;
    }

    /*#main .section .links-list li {float:none;vertical-align:top;overflow:hidden;width:100%;height:80px;margin:0px}*/
    #main .section .links-list li .title span {
        padding: 13% 0px 21px;
    }

    #main .section .links-list {
        margin: 0px !important
    }

    #main .section h4 {
        margin: 0 0 10px;
        font-size: 18px
    }

    #content table th {
        font-size: 14px
    }

    #content table td, #content table th {
        padding: 5px
    }

    #content .revit-area .three-col .col {
        float: none;
        vertical-align: top;
        overflow: hidden;
        width: 100%;
        margin: 0 0 10px
    }

    #content .revit-area .area {
        padding: 0
    }

    #content .revit-area .three-col {
        padding: 15px 0
    }

    #content .news-single, #content .info-list li {
        padding: 10px
    }

    #content .news-single .back {
        margin: 0
    }

    #content .news-list li {
        padding: 10px
    }

    #content .news-list li .img-h {
        float: none;
        float: none;
        margin: 0 0 20px;
        width: 100%
    }

    #content .paging .prev, #content .paging .next {
        padding: 20px 0;
        width: 60px;
        min-width: 60px;
        text-indent: -9999px;
        overflow: hidden
    }

    #content .news-list {
        margin: 0 30px 25px
    }

    .wide #content .col:first-child, .wide #content .col {
        float: none;
        vertical-align: top;
        overflow: hidden;
        width: 100%;
        margin: 0 0 25px
    }

    .wide #content .col .form .forgot {
        float: left
    }

    #content input[type="submit"], #content input[type="button"] { /*width:268px*/
        display: inline-block;
    }

    #content input[type="password"], #content textarea, #content input[type="text"] {
        font-size: 12px
    }

    .select-area {
        font-size: 12px
    }

    #content .area .btn-holder a {
        font-size: 12px;
        display: block;
        float: none
    }

    #content .revit-area .col, #content .area .box {
        float: none;
        vertical-align: top;
        overflow: hidden;
        width: 100%;
        margin: 0 0 25px
    }

    #content .single-area .gall .gmask ul li img {
        height: auto
    }

    #header .opener {
        display: block;
        float: right;
        width: 45px;
        height: 45px;
        background: url('images/menu.png') no-repeat #0c6bb0;
        background-size: 45px 45px;
        text-indent: -9999px;
        overflow: hidden;
        margin: 15px 10px 0 8px
    }

    #header .row .num, #nav li {
        font-size: 14px
    }

    /*#header .row .num {float:none}*/
    #header .num.mob {
        display: none
    }

    #header .holder {
        width: 60% !important;
        position: absolute !important;
        top: 85px;
        overflow: hidden;
        background: #0d4e96;
        clear: both;
        width: auto;
        right: 0px;
        box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);
    }

    #header .holder .num {
        display: none
    }

    #nav {
        float: none;
        overflow: hidden;
        margin: 0;
        padding: 0;
        list-style: none
    }

    #nav li {
        float: none;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #5885b7;
        text-align: center;
        vertical-align: top;
        overflow: hidden;
        font-size: 15px
    }

    #nav li a {
        display: block;
        padding: 12px;
        color: #fff;
        text-align: center;
        float: none;
        border: 0;
        font-size: 10px;
    }

    #nav li.active a, #nav li:hover a, #nav li.current-menu-item a, #nav li.current_page_item a, #nav li.current_page_ancestor a {
        border: 0;
        padding: 12px;
        text-decoration: underline
    }
    #nav li.current-menu-item a{color: #fff}
    #header .row .quote {
        background: #009066;
        display: block;
        padding: 12px;
        float: none;
        color: #fff;
        text-transform: uppercase;
        font: 15px/20px HelveticaNeueBold, Arial, sans-serif;
        margin: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        text-align: center
    }

    #header .row .quote:hover {
        background: #fff;
    }

    #header .row .login {
        background: #fff;
        display: block;
        padding: 12px;
        float: none;
        color: #0d4e96;
        text-transform: uppercase;
        font: 15px/20px HelveticaNeueBold, Arial, sans-serif;
        margin: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        text-align: center
    }

    #header .row .login:hover {
        background: #0D4E96
    }

    #header .vip {
        padding: 0;
        display: none;
    }
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.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: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    -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('images/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('images/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('images/blank.gif'); /* helps IE */
    -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;
}

/* Overlay helper */

.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('images/fancybox_overlay.png') !important;
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */

.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; /* Fallback for web browsers that doesn't support RGBa */
    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);
}

.fancybox-title-float-wrap {
    position: static;
    text-align: center;
    margin: 0;
}

.fancybox-title-float-wrap .child {
    margin: 0;
    background: none;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 22px;
    margin: 0;
    color: #0d4e96;
    padding: 10px 0 0;
    text-shadow: none;
}

/*Retina graphics!*/
@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('images/fancybox_sprite@2x.png');
        background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
    }

    #fancybox-loading div {
        background-image: url('images/fancybox_loading@2x.gif');
        background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
    }
}

.wide #content .col .errors {
    color: #f00;
}

.wide #content .col .errors .el {
    margin-bottom: 5px;
}

#content .gform_wrapper li label { /*display:none;*/
    font: 16px/22px HelveticaNeueRegular, Arial, sans-serif;
}

#content .gform_wrapper .gfield_checkbox li label {
    display: block;
}

/* Transitions */
.gallery {
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -moz-animation: fadein 2s; /* Firefox */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera */
    animation: fadein 2s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Firefox */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Opera */
@-o-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Request a Quote 5.8.16 */
a.raq-btn {
    background: url(/wp-content/themes/trend/images/Trend-button.png) no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    width: 200px;
    height: 35px;
    margin: 15px 0px;
}
.fr{float: right;}
#main .products-list .s-side {min-width: 200px;width: 100%;background-color: #0086cc;box-shadow: 0px 0px 10px #3d3d3d;padding: 10px;float: left;color: #fff;}

#main .products-list .s-side ul, .s-side li { float: none }

#main .products-list .s-side .s-firstItem i { font-size: 20px; }

#main .products-list .s-side .s-firstItem span { display: inline-block; margin-left: 10px; font-size: 20px; }

#main .products-list .s-side a { color: #fff;text-decoration: none; }

#main .products-list .s-side a:hover { color:#56bced }
#main .products-list .xl-hover span{font-size: 1.2em}

#main .products-list .s-side .first { padding: 10px 0px; border-bottom: 1px solid #fff; font-size: 20px }

#main .products-list .s-side .first ul li {font-size: 15px;width: 100%;}
#main .products-list .s-side .first ul li a:hover{color:#f39800}
#main .products-list .s-side .d-firstNav span { display: inline-block; margin-left: 10px; }

#main .products-list .s-side .d-firstNav i.fr { font-size: 25px; }

#main .products-list .s-side .s-secondNav, .s-side .s-secondItem {margin-top: 10px;padding-left: 6px;}

#main .products-list .s-secondNav:hover, .d-firstNav:hover { background-color: #56bced; cursor: pointer }

#main .products-list .s-side .d-secondDrop {margin-left: 10px;margin-top: 10px;}
#main .products-list .s-side .d-secondDrop li{padding-left: 6px;}

#main .products-list .s-side ul li:last-of-type{border: none;}
#main .products-list .iconRotate { transform: rotate(90deg); transition: transform 0.5s; }

#main .products-list .d-firstDrop, .s-secondDrop { display: none; }

#main .products-list .s-side .first .xl-hover:hover { text-decoration: underline; color: #fff; }
.tu2-2 { float:left; margin:5px 0 3px 3px; width:100%; }
.tu2-2 ul li { float:left; width:50px; margin:0 3px 3px; padding:1px; border:1px solid #e8e9ea; }
.tu2-2 ul li img{width: 100%}
.tu2-2 ul li:hover { border:1px solid #0b111b; }



@media screen and (max-width:706px) {

.formb1 {
float: left;
height: auto;
width: 90%;
margin: 0 10px 0 0;
text-align: left;
}

.formb2 {
width: 95%;
}

form .forma5 .formb2 input {
width:97%
}

.formc2 {
width: 95%;
}

form .forma6 .formc2 textarea {
width:97%
}
}