/*



font-family: "ITCFranklinGothicW01-Bk 812647" ;//ITC Franklin Gothic™ Book

font-family: "ITCFranklinGothicW01-Bk 812650" ;//ITC Franklin Gothic™ Compressed Book

font-family: "ITCFranklinGothicW01-Dm 812677" ;//ITC Franklin Gothic™ Condensed Demi

font-family: "ITCFranklinGothicW01-Dm 812671" ;//ITC Franklin Gothic™ Compressed Demi

font-family: "ITCFranklinGothicW01-Dm 812668" ;//ITC Franklin Gothic™ Demi

font-family: "ITCFranklinGothicW01-Bk 812662" ;//ITC Franklin Gothic™ Extra Compressed Book

font-family: "ITCFranklinGothicW01-Bk 812656" ;//ITC Franklin Gothic™ Condensed Book



*/





/* general elements */



html {

    margin: 0px;

    padding: 0px;

    width: 100%;

    height: 100%;

    background-color: #fff;

}



body {

    margin: 0px;

    padding: 0px;

    font-family: "ITCFranklinGothicW01-Bk 812647", Arial, Helvetica, sans-serif;

    font-size: 16px;

    color: #808285;

    width: 100%;

    height: 100%;

    background-color: #fff;

    background-image: url(/images/loading2.gif);

    background-repeat: no-repeat;

    background-position: center center

}



#maindiv {

    position: relative;

    margin-top: 30px;

    padding: 0px;

    background-color: #fff;

    float: left;

    clear: both;

    text-align: left;

    width: 900px;

    left: 50%;

    margin-left: -450px;

}



a {

    text-decoration: underline;

    color: #56A0D4

}



img {

    border: 0px;

}



textarea {

    font-family: arial;

}



input {

    font-family: arial;

}





/* structural elements*/



#header,

#subhead,

#mainbody,

#leftcol,

#rightcol,

#promoarea,

#boxes,

#footer {

    width: 100%;

    position: relative;

    float: left;

    text-align: left;

    margin: 0px;

    padding: 0px;

}



#header {

    height: 45px;

}



#header .social {

    display: none;

}



#mainbody {

    padding-bottom: 30px

}





/* border-bottom: 1px solid #CCCDCF; */



#subhead {

    width: 100%;

    overflow: static;

    height: 1px;

}



#leftcol {

    width: 632px;

    padding-right: 44px;

    background-image: url(/images/bg-page.png);

    background-repeat: no-repeat;

    padding-top: 20px;

}



#rightcol {

    width: 200px;

    padding-left: 24px;

    text-align: left;

}



#boxes {

    padding-top: 30px;

    width: 1000px;

    list-style-type: none;

    margin-top: 30px

}



#footer {

    margin-top: 30px

}



ul.menu {

    list-style-type: none;

    margin: 0px;

    padding: 0px;

    float: left;

    margin-bottom: 5px

}



ul.menu>li {

    float: left;

    padding: 0px 14px 0 10px;

    background-image: url(/images/menu-sep.png);

    background-repeat: no-repeat;

    background-position: right 3px;

    display: block;

    position: relative

}



ul.menu>li:first-child {

    padding-left: 0px;

}



ul.menu>li:last-child {

    padding-right: 0px;

    background: none;

}



ul.menu>li a {

    color: #BBB;

    font-family: "ITCFranklinGothicW01-Bk 812650", Arial, Helvetica, sans-serif;

    text-decoration: none;

    font-size: 16px;

    text-decoration: none;

}



ul.menu>li a:hover {

    color: #56A0D4;

}



ul.menu>li a.active {

    color: #56A0D4;

}



ul.menu>li ul {

    display: none;

}



ul.menu>li ul:hover {

    display: block;

}



ul.menu>li ul {

    position: absolute;

    top: 18px;

    left: 0;

    width: 200px;

    list-style-type: none;

    margin: 0;

    padding: 20px;

    background: #fff;

    z-index: 3;

    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);

}



ul.menu>li ul li {

    display: block;

    width: 100%;

}



ul.menu>li ul li a {

    display: block;

    width: 100%;

    line-height: 30px;

    color: #BBB;

    font-family: "ITCFranklinGothicW01-Bk 812650", Arial, Helvetica, sans-serif;

    text-decoration: none;

    font-size: 16px;

    text-decoration: none;

    text-transform: uppercase;

}



ul.menu>li ul li a:hover {

    color: #56A0D4

}



ul.brock-menu>li {

    padding: 0px 10px 0 8px;

}



ul.earthco-menu>li {

    padding: 0px 10px 0 5px;

}



#header-links {

    position: absolute;

    right: 0px;

    top: -4px;

    width: 203px;

}



#mobile-link {

    position: absolute;

    left: 0px;

    top: 4px;

    background-image: url(/images/menu-sep.png);

    background-repeat: no-repeat;

    background-position: right 3px;

    background: none;

    padding-right: 10px;

    margin-right: 10px;

    font-family: "ITCFranklinGothicW01-Bk 812650";

    color: #56A0D4;

    font-size: 16px;

    text-decoration: none;

}



#fontsize {

    float: left;

    font-family: "ITCFranklinGothicW01-Bk 812650", Arial, Helvetica, sans-serif;

    color: #56A0D4;

    margin-right: 20px;

    display: none;

}



#fontsize a {

    font-family: "ITCFranklinGothicW01-Bk 812650", Arial, Helvetica, sans-serif;

    color: #56A0D4;

    font-size: 16px;

    text-decoration: none;

}



#Search {

    position: absolute;

    right: 0px;

    top: 0px;

    float: left;

    background-image: url(/images/bg-search.png);

    background-repeat: no-repeat;

    background-position: right top;

    width: 120px;

    height: 15px;

    padding: 5px 12px 5px 22px;

    text-align: left;

    font-family: "ITCFranklinGothicW01-Bk 812650";

    color: #56A0D4;

    font-size: 16px;

    border: 0px;

}



#subhead {

    width: 600px;

    overflow: static;

    float: left;

    height: auto;

    margin: 0px;

}



#subhead div {

    height: 50px;

    float: left;

}



ul.subhead {

    width: 912px;

    float: left;

    border-top: 1px solid #CCCDCF;

    list-style-type: none;

    padding: 12px 0px;

    margin: 0px;

}



ul.subhead li {

    float: left;

    display: block;

    padding: 12px 33px 12px 0px;

    color: #56A0D4;

    font-size: 27px;

    font-family: "ITCFranklinGothicW01-Dm 812671";

}



#leftcol p {

    text-align: justify;

    line-height: 140%;

}



#boxes li {

    padding: 0px 16px;

    width: 152px;

    border-right: 1px solid #CCCDCF;

    float: left;

    text-align: center;

}



#boxes li img {

    max-width: 100%

}



#boxes li:last-child {

    padding-right: 0px;

    border-right: 0px;

}



#boxes li:first-child {

    padding-left: 0px;

    border-left: 0px;

}



#boxes li div {

    width: 100%;

    text-align: left;

    font-size: 12px;

    float: left;

}



#boxes li div h5 {

    color: #00467F;

    padding: 17px 0px 0px;

    margin: 0px;

    font-weight: normal;

    font-family: "ITCFranklinGothicW01-Dm 812671", Arial, Helvetica, sans-serif;

    font-size: 15px;

    text-transform: uppercase;

}



#footer {

    width: 100%;

    padding-bottom: 20px;

    border-top: 1px solid #CCCDCF;

    padding-top: 30px;

}



#footer-menu {

    list-style-type: none;

    margin: 0px;

    padding: 0px;

    float: left;

    max-width: 340px;

    margin-top: 0px;

}



#footer-menu li {

    float: left;

    display: block;

    padding: 0px 7px;

    background-image: url(/images/bg-menu-footer.png);

    background-repeat: no-repeat;

    background-position: right 3px;

}



#footer-menu li:first-child {

    padding-left: 0px;

}



#footer-menu li:last-child {

    padding-right: 0px;

    background: none;

}



#footer-menu li a {

    font-family: "ITCFranklinGothicW01-Bk 812656", Arial, Helvetica, sans-serif;

    font-size: 11px;

    color: #808285;

    text-decoration: none;

}



#footer-right {

    float: right;

    width: 371px !important;

    text-align: right;

    position: relative !important;

}



#footer-social {

    text-align: right;

    width: 100%;

    float: right;

    position: absolute !important;

    top: -4px !important;

    right: 0px !important;

}



#disclaimer {

    font-family: "ITCFranklinGothicW01-Bk 812656", Arial, Helvetica, sans-serif;

    font-size: 11px;

    color: #808285;

    text-align: right !important;

    float: right;

    width: 400px !important;

    position: absolute !important;

    top: 25px !important;

    right: 0px !important;

}



#disclaimer a {

    font-family: "ITCFranklinGothicW01-Bk 812656", Arial, Helvetica, sans-serif;

    font-size: 11px;

    color: #808285;

    text-decoration: underline;

}



div.submenu {

    background-color: #0a2147;

    padding: 10px 0px;

    margin-bottom: 40px;

    float: left;

}



table.submenu {

    background-color: #0a2147;

    width: 632px;

    height: 155px;

    position: relative;

    border-collapse: collapse;

}



table.submenu tr td {

    padding: 25px;

    vertical-align: middle

}



table.submenu tr td.left {

    width: 350px;

}



table.submenu tr td.mid {

    width: 490px;

    color: #fff;

    vertical-align: middle;

    font-family: "ITCFranklinGothicW01-Bk 812647";

    font-size: 25px;

    letter-spacing: 1px

}



table.submenu tr td.right {

    width: 200px;

    border-left: 1px solid #fff;

    padding-left: 35px;

    color: #fff;

    vertical-align: middle;

    font-family: "ITCFranklinGothicW01-Dm 812671";

    font-size: 28px;

    letter-spacing: 1px

}



table.submenu tr td.right span {

    font-size: 16px;

    letter-spacing: 0px

}



ul.submenu {

    width: 350px;

    list-style-type: none;

    margin: 0px;

    padding: 0px;

    float: left;

    position: relative;

}



ul.submenu li {

    margin: 0 0 10px 0;

    display: block;

}



ul.submenu li a {

    font-family: "ITCFranklinGothicW01-Bk 812650", Arial, Helvetica, sans-serif;

    color: #fff;

    text-decoration: none;

}



ul.submenu li a:hover {

    color: #56A0D4

}



ul.submenu li a.active {

    color: #FFF

}





/* body elements */



h1 {

    font-family: "ITCFranklinGothicW01-Dm 812677", Arial, Helvetica, sans-serif;

    font-weight: normal;

    margin: 0px;

    padding: 0px;

    line-height: 100%;

    color: #0a2147;

    font-size: 96px;

    margin-bottom: 20px

}



h1.colour {

    color: #00467F;

}



h2 {

    font-family: "ITCFranklinGothicW01-Dm 812671", Arial, Helvetica, sans-serif;

    font-weight: normal;

    margin: 0px;

    padding: 0px;

    line-height: 125%;

    color: #0a2147;

    font-size: 25px;

}



h4 {

    font-family: "ITCFranklinGothicW01-Dm 812671", Arial, Helvetica, sans-serif;

    font-weight: normal;

    margin: 0px;

    padding: 0px;

    line-height: 125%;

    color: #00467F;

    font-size: 23px;

}



h6 {

    font-family: "ITCFranklinGothicW01-Bk 812656", Arial, Helvetica, sans-serif;

    font-weight: normal;

    margin: 0px;

    padding: 0px;

    line-height: 125%;

    color: #00467F;

    font-size: 14px;

}



h5 {

    font-family: "ITCFranklinGothicW01-Dm 812671", Arial, Helvetica, sans-serif;

    font-weight: normal;

    margin: 0px;

    padding: 0px;

    line-height: 125%;

    color: #56A0D4;

    font-size: 21px;

}



a.more {

    font-family: "ITCFranklinGothicW01-Dm 812677", Arial, Helvetica, sans-serif;

    font-weight: normal;

    margin: 0px;

    padding: 0px;

    line-height: 125%;

    color: #00467F;

    font-size: 14px;

    text-decoration: none;

}



a.colour {

    color: #00467F;

}



a.blue {

    color: #56A0D4;

}



a.black {

    color: #000;

}



a.red {

    color: #C31230;

}



a.green {

    color: #008348;

}



a.green2 {

    color: #277F3E;

}



a.green3 {

    color: #AEDA4A;

}



a.red2 {

    color: #EC1C24;

}



span.blue {

    color: #00467F;

}



h4.blue {

    color: #00467F;

}



p.colour {

    color: #808285;

}



a span {

    color: #00467F;

}



span.highlight {

    font-family: "ITCFranklinGothicW01-Dm 812668", Arial, Helvetica, sans-serif;

    color: #56A0D4;

    font-size: 16px;

}



span.colour1 {

    color: #00467F;

}



span.colour2 {

    color: #56A0D4;

}



span.red {

    color: #ff0000;

}



div.sidebar_sep {

    width: 200px;

    height: 40px;

    border-bottom: 1px solid #56A0D4;

    text-align: right;

    position: relative;

    float: left;

}



div.sidebar_sep2 {

    width: 429px;

    height: 20px;

    border-bottom: 1px solid #bbb;

    text-align: right;

    position: relative;

    float: left;

}



div.sidebar_sep a {

    position: absolute;

    right: 0px;

    bottom: 2px;

    text-align: right;

    font-family: "ITCFranklinGothicW01-Dm 812668", Arial, Helvetica, sans-serif;

    color: #56A0D4;

    font-size: 16px;

    text-decoration: none;

}



#btSubscribe {

    margin-bottom: 10px

}



ul.std {

    list-style-type: none;

    margin: 0px;

    padding: 0px;

    margin-left: 20px;

    margin-top: 10px;

}



ul.std li {

    background-image: url(/images/bullet-blue.png);

    background-repeat: no-repeat;

    background-position: left 8px;

    padding: 3px 0 3px 20px

}



div.highlight {

    background-color: #56A0D4;

    color: #fff;

    padding: 25px;

    float: left;

}



div.highlight h5 {

    font-family: "ITCFranklinGothicW01-Dm 812671", Arial, Helvetica, sans-serif;

    font-weight: normal;

    font-size: 25px;

    color: #fff;

    margin: 0px;

}



div.news-short {

    float: left;

    width: 145px;

    margin-right: 15px;

    font-size: 14px

}



div.news-short span.colour1 {

    font-size: 14px

}



div.news-short p {

    text-align: left !important;

    font-size: 14px

}



div.news-short+a.more {

    display: block;

    margin: 20px auto;

    text-align: left

}



div.all-news p {

    /* float: left; */

    width: 485px;

}



div.all-news h2 {

    margin-top: 28px;

}



div.all-news img {

    float: left;

    clear: both;

    margin: 20px 20px 0px 0px;

}



input.sidebar {

    float: left;

    background-image: url(/images/bg-input-200.png);

    background-repeat: no-repeat;

    background-position: right top;

    width: 180px;

    height: 30px;

    padding: 5px 10px 5px 10px;

    text-align: left;

    font-family: "ITCFranklinGothicW01-Bk 812650";

    color: #56A0D4;

    font-size: 16px;

    position: relative;

    top: -4px;

    border: 0px;

}



div.company {

    width: 100%;

    padding: 30px 0px;

    border-bottom: 1px solid #CCCDCF;

    text-align: justify;

    float: left;

}



div.company div {

    width: 140px !important;

    float: left;

    text-align: left;

    margin-bottom: 20px;

    padding-top: 5px;

    padding-right: 10px;

}



div.company div {

    box-sizing: border-box;

    float: left;

    width: 20%;

}



div.company span {

    box-sizing: border-box;

    float: left;

    width: 77%;

    padding-left: 1%;

}



img.scaled-brock-logo {

    width: 76% !important;

}



img.scaled-footer-brock-logo {

    width: 116px !important;

}



div.thumb {

    width: 150px;

    text-align: left;

    float: left;

}



div.team {

    width: 100%;

    padding: 30px 0px;

    border-bottom: 1px solid #CCCDCF;

    text-align: justify;

    float: left;

}



div.team div {

    width: 230px !important;

    float: left;

    text-align: left;

    margin-bottom: 30px;

}



div.team div h5 {

    font-family: "ITCFranklinGothicW01-Bk 812650", Arial, Helvetica, sans-serif;

    font-weight: normal;

    margin: 0px;

    padding: 0px;

    line-height: 125%;

    color: #56A0D4;

    font-size: 23px;

}



div.sep {

    width: 100%;

    float: left;

    border-top: 1px solid #cccdcf;

    margin: 25px 0px;

    clear: both;

}



div.card {

    width: 316px;

    float: left;

    text-align: left;

    margin-bottom: 25px;

}



.f18 {

    font-size: 18px

}



.f20 {

    font-size: 20px

}



.f22 {

    font-size: 22px

}



.f24 {

    font-size: 24px

}



ul.media-nav {

    list-style-type: none;

    margin: 0px;

    padding: 0px;

    float: left;

}



ul.media-nav li {

    float: left;

    display: block;

    width: 105px;

    text-align: left;

    padding: 15px 0px 0px;

}



ul.media-nav li a {

    color: #808285;

    text-decoration: none;

}



ul.media-nav li a:hover {

    color: #56A0D4;

}



ul.media-nav li a.active {

    color: #56A0D4;

}



ul.media-nav li.active {

    font-weight: bold;

}



#search-results a {

    color: #56A0D4;

    font-size: 22px;

    display: block;

    width: 100%;

    text-decoration: none;

}



#search-results h2 {

    margin: 20px 0px;

}



div.map {

    float: left;

    width: 224px;

    text-align: left;

    line-height: 125%;

    margin: 0 0 40px 0

}



div.map h4 {

    margin: 0px;

    font-family: "ITCFranklinGothicW01-Dm 812671"

}



div.map h4 span.address {

    font-family: "ITCFranklinGothicW01-Bk 812647", Arial, Helvetica, sans-serif;

    font-size: 14px;

    color: #808285;

    text-transform: uppercase;

    display: block;

    min-height: 80px;

    padding-right: 5px;

}



div.newmap {

    float: left;

    dislay: block;

    width: 320px;

    text-align: left;

    line-height: 125%;

    margin: 0px 10px 40px 0px;

}



div.newmap .container {

    position: absolute;

    left: 0px;

    width: 960px;

    height: 320px;

    overflow: hidden;

}



div.newmap .container .mapiframe {

    float: left;

    width: 320px;

    height: 320px;

    border: 0px;

    margin: 0px;

}



div.newmap .container .hours {

    float: left;

    width: 320px;

    height: 320px;

    border: 0px;

    margin: 0px;

}



div.newmap .container availprod {

    float: left;

    width: 320px;

    height: 320px;

    border: 0px;

    margin: 0px;

}



form#formUploader select {

    border: 1px solid #ccc;

    padding: 5px 5px;

    -moz-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);

    -webkit-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);

    box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);

}



table.form {

    border-collapse: collapse;

    width: 620px;

    margin-top: 10px;

}



table.form td {

    padding: 2px;

    min-width: 310px

}



table.form td input {

    border: 1px solid #ccc;

    padding: 5px 5px;

    -moz-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);

    -webkit-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);

    box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);

}



table.form td input.cb {

    border: 0px;

    padding: 0px;

    -moz-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);

    -webkit-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);

    box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);

    width: auto !important;

}



table.form td textarea {

    border: 1px solid #ccc;

    padding: 5px 5px;

    -moz-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);

    -webkit-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);

    box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);

}



table.form tr.full td input {

    width: 604px

}



table.form tr.half td input {

    width: 290px

}



table.form2 {

    border-collapse: collapse;

    width: 620px;

    margin-top: 10px;

}



table.form2 td {

    padding: 2px;

}



table.form2 td input {

    border: 1px solid #ccc;

    padding: 5px 5px;

    -moz-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);

    -webkit-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);

    box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);

    width: 120px

}



table.form2 td textarea {

    border: 1px solid #ccc;

    padding: 5px 5px;

    -moz-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);

    -webkit-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);

    box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);

}



table.form3 {

    border-collapse: collapse;

    width: 620px;

    margin-top: 10px;

}



table.form3 td {

    padding: 2px;

}



table.form3 td input {

    border: 1px solid #ccc;

    padding: 5px 5px;

    -moz-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);

    -webkit-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);

    box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);

}



table.form3 td textarea {

    border: 1px solid #ccc;

    padding: 5px 5px;

    -moz-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);

    -webkit-box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);

    box-shadow: inset 0px 0px 10px 3px rgba(180, 178, 178, 0.7);

}



.uc {

    text-transform: uppercase;

}



.bttn a,

button.bttn {

    color: #56A0D4;

    background-color: #fff!important;

    ;

    border: 1px solid #56A0D4;

    text-decoration: none;

    font-family: 'ITCFranklinGothicW01-Dm 812671';

    font-weight: normal;

    display: block;

    width: 375px;

    text-align: center;

    margin: 0px;

    padding: 12px 10px 10px 10px;

    line-height: 125%;

    font-size: 25px;

}



.bttn a:hover,

button.bttn:hover {

    color: #fff;

    background-color: #56A0D4!important;

}



#popup-content {

    display: none;

}



div.blogs {

    margin-top: 25px;

}



div.blogs div.blog-item {

    display: inline-block;

    width: 30%;

    box-sizing: border-box;

    margin-right: 10px;

    font-size: 14px;

    vertical-align: top

}



div.blogs div.blog-item div.blog-image {

    width: 100%;

}



div.blogs div.blog-item div.blog-image img {

    width: 100%

}



div.blogs div.blog-item div.blog-image-thumb {

    width: 100%;

    height: 190px;

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;

}



div.blogs div.blog-item p {

    margin: 15px 5px;

    text-align: justify;

    line-height: 140%;

}



#leftcol div.blogs div.blog-item p.blog-home-summary {

    min-height: 60px;

    text-align: left;

}



div.blogs div.blog-item a {

    margin: 5px;

}



div.blog-results div.blog-image {

    background-size: cover;

    background-position: center center;

    width: auto;

    position: relative;

}



div.blog-results div.blog-image img {

    position: relative;

    z-index: 98;

}



div.blog-results div.blog-image div.blog-date {

    position: absolute;

    bottom: 0;

    left: 0;

    display: block;

    background-color: #00467F;

    z-index: 99;

    padding: 10px;

}



div.blog-results div.blog-image div.blog-date h1 {

    line-height: 75%;

    font-size: 75px;

    color: #fff;

    font-family: "ITCFranklinGothicW01-Dm 812671", Arial, Helvetica, sans-serif;

    margin: 0;

    padding: 0;

}



div.blog-results div.blog-image div.blog-date h2 {

    line-height: 100%;

    text-align: center;

    color: #fff;

    font-family: "ITCFranklinGothicW01-Dm 812671", Arial, Helvetica, sans-serif;

    margin: 0;

    padding: 0;

}



div.blog-results h2 {

    margin: 7px 0;

}



div.blog-results a.blog-read-more {

    margin-top: 7px;

    width: 150px;

    padding: 10px;

    display: inline;

    background-color: #00467F;

    color: #fff;

    font-family: "ITCFranklinGothicW01-Dm 812671", Arial, Helvetica, sans-serif;

    text-decoration: none;

}



div.blog-results div.all-blog {

    padding: 20px 0 10px;

    border-bottom: 1px solid #00467F;

}



div.blog-results div.all-blog p.author-date {

    color: #00467F;

}



div.all-blog img {

    max-width: 100%;

}



div.socialbox.archive {

    margin-top: 30px;

}



ul.blog-archive,

ul.blog-archive ul {

    margin: 0;

    padding: 0 !important;

    list-style: none;

}



ul.blog-archive li a {

    font-size: 20px;

    padding: 7px 10px;

    text-align: left;

    text-decoration: none;

    font-family: "ITCFranklinGothicW01-Dm 812671";

    display: block;

}



ul.blog-archive ul {

    padding-left: 10px !important;

    border-top: 1px solid #ccc;

}



div.newsletter-header {

    padding: 0px 0px 10px 0;

    margin: 0px 0 30px 0;

    border-bottom-left-radius: 12px;

    border-bottom-right-radius: 12px;

    background: #FFF;

    z-index: 100;

    width: 196px;

    float: left;

    border: 2px solid #bcbdc0;

    border-top: 0px;

    font-size: 12px;

    color: #333;

}



div.read-more-btn a {

    float: left;

}



div.read-more-btn div {

    float: right;

    padding-top: 10px;

}



div.contact-info {}



div.contact-info div.row {

    padding: 3px 0;

}



div.contact-info div.label {

    float: left;

    width: 175px;

}



div.contact-info div.value {

    float: left;

    width: 300px;

}



div.contact-info div.clear {

    clear: both;

}



div.newsletter-disclaimer-popup {

    font-size: 1.3em;

    max-width: 90%;

    padding: 15px;

}



div.newsletter-disclaimer-popup input[type="button"] {

    display: block;

    margin: 0 auto;

}



ul.videos {

    margin: 0;

    padding: 0;

    list-style-type: none;

}



ul.videos li {

    width: 50%;

    box-sizing: border-box;

    padding-right: 20px;

    float: left;

}



ul.videos li img {

    max-width: 100%;

}



ul.videos li a {

    text-decoration: none;

}



ul.videos li p {

    width: 100%;

    text-align: center !important;

    padding: 2px 0 20px;

    text-transform: uppercase;

    font-family: "ITCFranklinGothicW01-Bk 812650"; //ITC Franklin Gothic™ Compressed Book; font-size: 14px; color: #000; margin:0}

    div.finder {

        float: left;

        padding-top: 50px;

        width: 100%;

        display: none !important;

    }

    div.finder-left {

        float: left;

        width: 220px;

        margin-right: 40px;

    }

    div.finder-left ul {

        width: 100%;

        margin: 0;

        padding: 0;

        list-style-type: none;

    }

    div.finder-left ul li {

        width: 100%;

        margin: 0;

        padding: 0 0 7px;

        cursor: pointer;

    }

    div.finder-left input,

    div.finder-left select {

        color: #858585;

        font-family: "ITCFranklinGothicW01-Bk 812647";

        font-size: 14px;

        width: 100%;

        padding: 0.7em 1em;

        box-sizing: border-box;

        border: 1px solid #dbdcdd

    }

    div.finder-right {

        width: 640px;

        height: 720px;

        float: left;

    }

    div.finder h2 {

        font-size: 48px;

        color: #00467f;

        font-family: "ITCFranklinGothicW01-Dm 812668";

        margin: 0 0 20px;

        padding: 0;

        line-height: 1;

    }

    div.finder h4 {

        font-size: 18px;

        color: #529fd6;

        font-family: "ITCFranklinGothicW01-Dm 812668";

        padding: 20px 0 8px;

        margin: 0;

        line-height: 1;

    }

    #gmap {

        height: 100%;

        width: 100%;

        background: #000

    }

    #finderSearch {

        margin-top: 10px;

        cursor: pointer;

    }

    div.infobox-popup-holder {

        width: 440px;

        padding: 20px;

        box-sizing: border-box;

    }

    div.finder-logo {

        width: 100px;

        padding: 0 20px 0 0;

        box-sizing: border-box;

        float: left;

    }

    div.finder-logo img {

        width: 100%;

    }

    div.finder-text {

        width: 300px;

        padding: 0 0 20px;

        box-sizing: border-box;

        float: left;

        font-size: 14px;

    }

    div.finder-text h4 {

        margin: 0;

        padding: 4px 0 0 0;

        font-family: "ITCFranklinGothicW01-Dm 812668";

        text-transform: uppercase;

        font-size: 14px;

        color: #464646;

    }

    div.finder-text address {

        margin: 14px 0 20px 0;

        padding: 0;

        font-family: "ITCFranklinGothicW01-Bk 812647";

        ;

        font-size: 14px;

        color: #464646;

        font-style: normal;

    }

    div.finder-text a {

        display: block;

        margin: 0;

        padding: 0;

        color: #00467f;

        font-family: "ITCFranklinGothicW01-Dm 812668";

        font-weight: normal;

        text-transform: uppercase;

        text-decoration: none;

    }

    #finderPostalCode {

        width: 120px;

    }

    #finderDistance {

        width: 50px;

        margin: 0 5px 0 10px

    }

    .btnup {

        padding: 12px 50px;

        font-size: 18px;

        font-family: "ITCFranklinGothicW01-Dm 812677", Arial, Helvetica, sans-serif;

        text-align: center;

        cursor: pointer;

        outline: none;

        color: #fff;

        background-color: #003B73;

        border: none;

        border-radius: 10px;

    }

    .button:hover {

        background-color: #3e8e41

    }

    .button:active {

        background-color: #3e8e41;

        box-shadow: 0 5px #666;

        transform: translateY(4px);

    }

    .btnup1 {

        padding: 6px 44px;

        font-size: 12px;

        text-align: center;

        cursor: pointer;

        outline: none;

        color: #003B73;

        background-color: #ffffff;

        border-color: #003B73;

        border-radius: 7px;

    }

    div.cont652 {

        width: 652px;

        float: left;

    }

    div.cont652b {

        width: 652px;

        float: left;

        border-top: 1px solid #00467F;

        margin-top: 30px;

        padding-top: 40px;

    }

    div.cont430 {

        width: 430px;

        padding-right: 20px;

        margin-right: 20px;

        border-right: 1px solid #CCCDCF;

        float: left;

    }

    div.cont180 {

        width: 180px;

        float: left;

    }

    div.cont235 {

        width: 235px;

        float: left;

        margin-right: 13px;

    }

    div.cont160 {

        width: 160px;

        float: left;

    }

    p.mw620 {

        max-width: 620px;

    }

    img.fullwidth {

        width: 100%;

        height: auto;

        display: block;

    }

    div.newsholder {

        width: 652px;

        float: left;

        border-top: 1px solid #00467F;

        margin-top: 30px;

        padding-top: 40px;

    }

    div.blogholder {

        width: 652px;

        float: left;

        border-top: 1px solid #00467F;

        margin-top: 30px;

        padding-top: 40px;

    }

    div.wrapper {

        width: 100%;

        display: block;

    }

    div.wrapper0 {

        width: 100%;

        display: block;

        font-size: 0

    }

    div.burger {

        display: none;

    }

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

        .desktop-hide {

            display: none !important

        }

    }

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

        * {

            box-sizing: border-box;

            transition: all .3s ease-out;

        }

        .bx-wrapper * {

            transition: all 0s ease-out;

        }

        html {

            width: 100%;

            height: 100%;

            background-color: #fff;

            min-width: 320px;

        }

        body {

            color: #000;

            width: 100%;

            position: relative;

            margin: 0px auto;

            font-weight: normal;

            font-size: 1rem;

            -webkit-font-smoothing: antialiased;

            -moz-osx-font-smoothing: grayscale;

            text-rendering: optimizeLegibility;

            overflow-x: hidden;

        }

        #mainbody {

            width: 100%;

            float: none;

        }

        #maindiv {

            width: 100%;

            left: 0;

            margin-left: 0;

        }

        #header {

            height: auto;

            float: none;

            display: block;

            width: 100%;

            margin: 0;

            padding: 0

        }

        #mobilelogo {

            display: block!important;

            margin: 0 auto;

        }

        #mobilelogo img {

            display: block;

            margin: 0 auto 30px;

            width: 120px

        }

        #leftcol {

            width: 100% !important;

            padding: 20px 20px !important;

            background-image: none !important;

            float: none!important

        }

        div.cont652,

        div.cont652b {

            width: 100%;

            text-align: center;

            float: none;

            max-width: 800px;

            margin: 0 auto

        }

        div.cont652b {

            border-top: 1px solid #eee;

            margin-top: 50px

        }

        div.cont430 {

            width: 100%;

            text-align: center;

            float: none;

            border: 0;

            margin: 0px auto 50px;

            padding: 0 20px

        }

        div.cont180 {

            width: 100%;

            text-align: center;

            float: none;

            text-align: center;

        }

        span.highlight {

            display: block;

            width: 100%;

            text-align: center

        }

        div.fullwidth {

            width: 100%!important;

            display: block!important;

            float: none !important

        }

        div.cont235,

        div.cont160 {

            display: inline-block;

            float: none !important;

            width: 50%!important;

            margin: 0 !important;

            vertical-align: top;

            text-align: center;

        }

        div.cont235 p {

            text-align: center !important

        }

        h1 {

            font-size: 48px!important;

            text-align: center;

        }

        h2 {

            text-align: center;

        }

        h1 br {

            display: none

        }

        #leftcol p {

            text-align: center

        }

        p.mw620 {

            max-width: 100%;

            text-align: center;

        }

        div.newsholder {

            width: 100%;

            text-align: center;

            font-size: 0;

            float: none;

        }

        div.blogholder {

            width: 100%;

            text-align: center;

            float: none;

        }

        div.blogs {

            width: 100%;

            float: none!important;

            margin: 50px auto;

            padding-top: 0px;

            border-bottom: 1px solid #eee;

            display: block

        }

        div.news-short {

            width: calc(25% - 15px);

            margin: 0 15px 0 0;

            vertical-align: top;

            float: none;

            display: inline-block;

            font-size: 1rem

        }

        div.news-short+a.more {

            text-align: center;

            margin-bottom: 50px

        }

        div.blogs {

            font-size: 0

        }

        div.blogs div.blog-item {

            width: calc(25% - 15px);

            margin: 0 15px 0 0;

            vertical-align: top

        }

        #subhead {

            float: none;

            display: block;

            width: 100%;

            max-width: 600px;

            margin: 0px auto 0;

            padding-top: 30px;

        }

        ul.subhead {

            float: none;

            display: block;

            width: 100%;

            border-top: 0

        }

        ul.subhead li {

            float: none;

            display: block;

            width: 100%;

            padding: 0;

            text-align: center;

            font-size: 20px;

        }

        #leftcol div.news-short p {

            text-align: center!important;

        }

        #leftcol div.news-short span.colour1 {

            text-align: center;

        }

        #leftcol div.blogs div.blog-item p.blog-home-summary {

            text-align: center;

        }

        #rightcol {

            width: 100%;

            float: none!important;

            padding: 20px !important;

            top: 0 !important

        }

        #rightcol br {

            display: none

        }

        .mobile-hide {

            display: none !important

        }

        div.newsletter {

            width: 400px !important;

            display: block !important;

            float: none !important;

            margin: 50px auto !important;

            max-width: 100% !important;

            text-align: center

        }

        div.newsletter span {

            display: block;

            margin: 0 auto 30px

        }

        div.socialbox h1,

        div.newsletter h1 {

            border: 0!important;

            background: none !important

        }

        #rightcol div.newsletter-header {

            border: 0!important;

            background: none !important;

            margin: 0 !important;

            display: block !important;

            width: 100%!important;

            float: none;

        }

        div.newsletter-header p {

            font-size: 16px !important

        }

        #rightcol div.newsletter-header ul li input#SubscribeName,

        #rightcol div.newsletter-header ul li input#Subscribe,

        #rightcol div.newsletter-header ul li input#SubscribePostalCode {

            width: 100%!important

        }

        div.newsletter-header ul li:last-child {

            margin-top: 20px;

            border-top: 1px solid #ccc;

            padding-top: 10px

        }

        input.sidebar {

            float: none;

            display: block;

            margin: 0 auto 10px;

            width: 100%;

            background-size: cover;

            outline: none

        }

        #rightcol div.socialbox {

            width: 100%;

            max-width: 400px;

            display: block;

            margin: 50px auto;

            float: none

        }

        #rightcol div.social-header {

            width: 100%;

            display: block;

            float: none;

            border: 0;

            text-align: center;

        }

        #rightcol .social-header ul {

            display: inline-block;

            text-align: center;

            float: none;

            margin-left: 15px

        }

        #rightcol div.social-window {

            float: none;

            width: 100%;

            border: 0px;

            border-top: 1px solid #ddd;

            border-bottom: 1px solid #ddd;

        }

        #rightcol div.social-update {

            float: none;

            width: 100%;

            border: 0px

        }

        #rightcol div.social-footer {

            float: none;

            width: 100%;

            border: 0px;

            border: 0;

            background: none

        }

        #boxes {

            display: block;

            width: 100%;

            font-size: 0;

            float: none !important

        }

        #boxes li {

            display: inline-block !important;

            width: 20%;

            padding: 0 20px !important;

            vertical-align: top;

            float: none !important;

        }

        #boxes li a {

            display: block !important;

            width: 100%;

        }

        #boxes li a img {

            display: block;

            max-width: 100%;

            margin: 0 auto;

        }

        #boxes li div {

            display: block;

            max-width: 100%;

            width: 100% !important

        }

        #boxes li a:nth-child(1) {

            margin-bottom: 10px

        }

        #boxes li a:nth-child(2) img {

            width: 100%;

        }

        #boxes li div h5 {

            text-align: center;

        }

        #boxes li div p {

            text-align: center;

            line-height: 1.25;

            min-height: 65px

        }

        #boxes li div p br {

            display: none;

        }

        #boxes li a.more {

            text-align: center;

            display: block;

            width: 100%;

        }

        #footer {

            padding: 30px 20px

        }

        #header {

            height: auto !important;

            padding: 0 20px;

        }

        ul.menu {

            display: block;

            float: none;

            text-align: center;

            font-size: 0

        }

        ul.menu>li {

            float: none;

            display: inline-block

        }

        #header-links {

            right: 20px;

            top: 0px;

            display: none

        }

        div.submenu {

            width: 100%;

            float: none;

        }

        table.submenu {

            width: 100%;

        }

        table.submenu tr td.left {

            width: calc(100% - 260px)

        }

        table.submenu tr td.right {

            width: 260px

        }

        div.highlight {

            text-align: center;

            margin: 50px auto

        }

        div.highlight h5 {

            text-align: center;

        }

        div.blog-results div.blog-image img {

            width: 100%;

        }

        div.all-news p {

            width: 100%;

        }

        ul.media-nav {

            display: block;

            width: 100%;

            float: none;

            font-size: 0;

            text-align: center;

        }

        ul.media-nav li {

            display: inline-block;

            float: none;

            vertical-align: top;

            width: 105px;

            margin: 0 10px 10px;

            font-size: 16px;

            text-align: center

        }

        div.newsletterholder iframe {

            width: 100%;

            height: 60vw

        }

        div.contactusholder {

            display: block;

            width: 100%;

            text-align: center;

            line-height: 1.5

        }

        div.card {

            float: none;

            display: inline-block;

            width: auto;

            margin: 20px;

        }

        div.sep {

            float: none;

            display: block;

            width: 100%

        }

        div.team {

            float: none

        }

        .centered {

            text-align: center;

            display: block;

            width: 100%

        }

        div.category-list {

            float: none!important;

            width: 48%!important;

            display: inline-block!important;

            vertical-align: top

        }

        div.category-list ul {

            display: block;

            width: 100%;

        }

        div.locations-holder {

            display: block;

            width: 100%!important;

            text-align: center;

            font-size: 0

        }

        div.map {

            float: none !important;

            display: block !important;

            margin: 0 auto !important;

            padding: 20px !important;

            vertical-align: top !important

        }

        div.locations-holder div.map {

            display: inline-block !important;

        }

        div.map h4 span.address {

            min-height: 0

        }

        div.content-holder {

            text-align: center;

        }

        ul.std li {

            background: none!important;

            padding: 10px 0px !important;

            border-bottom: 1px solid #eee;

            text-align: center;

        }

        ul.std li:last-child {

            border-bottom: 0px solid #eee;

        }

        div.galery-holder {

            display: block;

            width: 100%;

            font-size: 0;

            text-align: center;

            padding: 0 10px;

        }

        div.galery-holder div.slidelnkholder {

            display: inline-block;

            float: none;

            width: 33.33%;

            vertical-align: top;

            margin: 0;

            padding: 0 10px 20px;

            font-size: 15px;

        }

        div.galery-holder div.slidelnkholder img {

            display: block;

            width: 100%;

            height: auto;

        }

        #galleria {

            width: 100%!important

        }

        #galleria div.galleria-container {

            width: 100%!important

        }

        #galleria .galleria-stage {

            width: calc(100% - 20px) !important

        }

        div.contact-info {

            text-align: center;

        }

        div.contact-info div.row>div {

            text-align: center;

            display: block;

            float: none !important;

            width: 100%!important

        }

    }

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

        #header {

            position: fixed;

            top: 0;

            left: 0;

            width: 100%;

            display: block;

            height: 60px !important;

            background: #00467F;

            z-index: 10;

        }

        #mobilelogo {

            display: block!important;

            margin: 0 auto;

            position: absolute;

            right: 10px;

            top: 10px;

            height: 44px;

            width: 90px;

            background: url(/images/logo-gandl-white.svg) no-repeat center center;

            background-size: contain;

        }

        #mobilelogo img {

            display: none;

            margin: 0px auto 0px;

            height: 40px;

            width: auto;

        }

        #mainbody {

            padding-top: 60px;

            position: relative;

            left: 0

        }

        #mainbody.slide {

            transform: scale(0.8);

            transform-origin: center top;

        }

        ul.menu {

            display: block;

            width: 300px;

            padding: 60px 0 0px;

            position: fixed;

            top: 0px;

            left: -300px;

            background-color: #00467F;

            height: 100vh;

        }

        ul.menu.slide {

            left: 0

        }

        ul.menu>li {

            display: block;

            width: 100%;

            background: none;

            padding: 0 20px!important

        }

        ul.menu>li a {

            display: block;

            width: 100%;

            line-height: 35px;

            font-size: 18px;

            text-align: left;

            color: #fff;

        }

        ul.menu>li:hover ul {

            display: none

        }

        ul.menu>li.touched ul {

            display: block!important;

            position: static;

            top: 0px;

            width: 100%;

            box-shadow: none;

        }

        ul.menu>li.touched ul li {

            display: block;

            width: 100%;

        }

        ul.menu>li.touched ul li a {

            display: block;

            width: 100%;

            line-height: 30px;

            color: #BBB;

            font-family: "ITCFranklinGothicW01-Bk 812650", Arial, Helvetica, sans-serif;

            text-decoration: none;

            font-size: 16px;

            text-decoration: none;

            text-transform: uppercase;

        }

        ul.menu>li.touched ul li a:hover {

            color: #56A0D4

        }

        #subhead {

            padding-top: 60px;

        }

        /* BURGER */

        div.burger {

            position: fixed;

            width: 33px;

            height: 20px;

            cursor: pointer;

            display: block;

            top: 30px;

            left: 30px;

            z-index: 100;

            transition: transform .2s ease-out;

        }

        div.burger * {

            transition: transform .2s ease-out;

        }

        div.burger div {

            display: block;

            width: 33px;

            position: absolute;

            top: 9px;

            left: 0px;

            background: rgba(255, 255, 255, 1);

            height: 0px;

            border: 0;

        }

        div.burger:before {

            display: block;

            width: 33px;

            position: absolute;

            top: 9px;

            left: 0px;

            background: rgba(255, 255, 255, 1);

            height: 1px;

            border: 0;

            content: "";

            border-bottom: 1px solid #e2e2e2

        }

        div.burger:after {

            display: block;

            width: 33px;

            position: absolute;

            top: 9px;

            left: 0px;

            background: rgba(255, 255, 255, 1);

            height: 1px;

            border: 0;

            content: "";

            border-bottom: 1px solid #e2e2e2

        }

        div.burger div:before {

            content: "";

            display: block;

            width: 33px;

            position: absolute;

            top: -8px;

            left: 0px;

            background: rgba(255, 255, 255, 1);

            height: 1px;

            border: 0;

            border-bottom: 1px solid #e2e2e2

        }

        div.burger div:after {

            content: "";

            display: block;

            width: 33px;

            position: absolute;

            top: 8px;

            left: 0px;

            background: rgba(255, 255, 255, 1);

            height: 1px;

            border: 0;

            border-bottom: 1px solid #e2e2e2

        }

        div.burger.active div:before,

        div.burger.active div:after {

            display: none;

        }

        div.burger.active:before {

            transform: rotate(45deg);

            width: 38px

        }

        div.burger.active:after {

            transform: rotate(-45deg);

            width: 38px

        }

        header.home div.burger:before,

        header.home div.burger:after,

        header.home div.burger div:before,

        header.home div.burger div:after {

            border-bottom: 1px solid #252525;

        }

        div.burger {

            left: 20px;

            top: 20px;

            display: block

        }

        div.burger.active {

            z-index: 101;

        }

        #footer {

            float: none!important;

            display: block!important;

            width: 100%!important;

            text-align: center!important;

        }

        #footer-menu {

            float: none!important;

            display: block!important;

            width: 100%!important;

            text-align: center!important;

            max-width: 100%!important;

            margin: 0 auto 20px!important

        }

        #footer-menu li {

            float: none!important;

            display: inline-block!important;

            text-align: center!important;

            background: none !important

        }

        #footer-menu li a {

            font-size: 14px !important

        }

        #footer-right {

            float: none!important;

            display: block!important;

            width: 100% !important;

            text-align: center!important;

        }

        #footer-social {

            float: none!important;

            display: block!important;

            width: 100% !important;

            text-align: center!important;

            top: 0!important;

            position: static !important;

            margin-top: 20px;

        }

        #disclaimer {

            float: none!important;

            display: block!important;

            width: 100% !important;

            text-align: center !important;

            padding-bottom: 10px!important

        }

        #footer-left {

            float: none!important;

            display: block!important;

            text-align: center !important;

            margin: 0 auto!important

        }

        #disclaimer {

            position: static !important;

        }

        ul.delivery {

            display: block!important;

            width: 100%!important;

            float: none!important;

            text-align: center!important;

            padding: 0!important;

        }

        ul.delivery li {

            background: none!important;

            padding: 10px 0px !important;

            border-bottom: 1px solid #eee;

            text-align: center;

            display: block!important;

            width: 100%!important;

            float: none!important;

            text-align: center!important;

            padding: 10px 20px!important;

        }

        ul.std li:last-child {

            border-bottom: 0px solid #eee;

        }

        div.greendivider {

            display: none!important;

        }

    }

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

        img {

            max-width: 100%

        }

        div.news-short {

            width: calc(50% - 15px);

            margin-bottom: 30px

        }

        div.blogs div.blog-item {

            width: calc(50% - 15px);

            margin-bottom: 30px

        }

        #boxes {

            text-align: center;

            font-size: 0

        }

        #boxes li {

            width: 33.33%;

            float: none;

            display: inline-block;

            vertical-align: top;

            margin: 30px auto

        }

        h1 {

            font-size: 28px !important;

        }

        h2 {

            font-size: 22px;

        }

        #leftcol {

            padding-top: 0!important

        }

        div.submenu {

            display: block;

            padding: 20px 0

        }

        table.submenu {

            display: block;

            font-size: 0;

            height: auto;

            padding: 0px 0

        }

        table.submenu tr td {

            display: inline-block;

            vertical-align: top;

            font-size: 18px

        }

        div.company {

            float: none;

            font-size: 0

        }

        div.company div {

            display: inline-block;

            float: none

        }

        div.company span {

            width: calc(100% - 140px);

            display: inline-block;

            float: none;

            font-size: 16px

        }

        div.cont235,

        div.cont160 {

            display: block;

            width: 100%!important;

            margin: 0 auto 50px !important;

        }

    }

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

        div.news-short {

            width: 100%;

            margin: 0px 0px 30px

        }

        div.blogs div.blog-item {

            width: 100% !important;

            margin: 0px 0px 50px

        }

        #leftcol div.blogs div.blog-item p.blog-home-summary {

            min-height: 0

        }

        #boxes {

            max-width: 400px;

            margin: 0 auto;

            float: none;

            display: block;

            margin-top: 50px

        }

        #boxes li {

            width: 100%!important;

            margin: 0px auto 50px;

            border-right: 0 !important;

            border-bottom: 1px solid #e2e2e2 !important;

            padding-bottom: 50px !important;

            padding-top: 0 !important

        }

        #boxes li:last-child {

            border-bottom: 0px!important

        }

        div.submenu {

            padding: 0px

        }

        table.submenu tr td.left {

            display: block;

            width: 100%;

            border: 0;

            padding: 0 20px

        }

        table.submenu tr td.right {

            display: none;

        }

        ul.submenu {

            width: 100%;

            display: block;

            float: none;

            padding: 20px 0

        }

        ul.submenu li {

            margin: 0;

        }

        ul.submenu li a {

            line-height: 30px;

            display: block;

            width: 100%

        }

        div.team {

            max-width: 400px;

            margin: 0 auto 50px

        }

        div.team div {

            float: none;

            display: block;

            width: 100% !important

        }

        div.team div img {

            display: block;

            margin: 0 auto;

            width: 100%

        }

        div.company div {

            width: 100%!important

        }

        div.company div img {

            display: block;

            margin: 0 auto

        }

        div.company span {

            width: 100%;

            text-align: center;

            line-height: 1.5

        }

        h4 {

            text-align: center;

        }

        div.read-more-btn div {

            float: none;

            display: block;

            text-align: center

        }

        div.blog-results a.blog-read-more {

            display: table;

            margin: 30px auto 40px;

            float: none

        }

        div.blog-results div.blog-image {

            margin-bottom: 30px

        }

        div.card {

            display: block;

            width: 100%;

            text-align: center;

            margin: 0 auto 30px

        }

        div.category-list {

            width: 100%!important;

            display: block!important;

            vertical-align: top;

            padding: 0 20px 0px;

            text-align: center;

            margin: 0 auto!important

        }

        div.category-list ul {

            padding: 0 !important;

            margin: 0 auto 20px !important

        }

        ul.prod li {

            background: none!important;

            padding: 5px 0px !important

        }

        div.galery-holder div.slidelnkholder {

            width: 50%;

        }

        div.galleria-thumbnails-container {

            display: none!important

        }

        .galleria-container {

            background: none !important;

        }

        #galleria .galleria-stage {

            width: 100% !important;

        }

        div.blogs div.blog-item div.blog-image-thumb {

            height: 0 !important;

            padding-bottom: 100%

        }

        table.products td {

            display: block;

            width: 100% !important;

            text-align: center;

        }

        table.products td:nth-child(odd) {

            border: 0;

            padding: 6px 0 0

        }

        table.products td:nth-child(even) {

            padding: 0px 0 6px 0

        }

        .nomobile {

            display: none !important

        }

    }

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

        div.galery-holder {

            width: 100%;

            padding: 0;

        }

        div.galery-holder div.slidelnkholder {

            width: 100%;

            padding: 0 0 50px;

        }

        div.map {

            display: block !important;

        }

    }

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

        #footer-menu {

            display: none

        }

    }

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

        #leftcol {

            padding: 20px 10px !important

        }

    }