/* MAIN */



@font-face {

  font-family: 'RobtoCondensed';

  font-style: normal;

  font-weight: normal;
  
  font-display: auto;

  src: url('https://themes.googleusercontent.com/static/fonts/robotocondensed/v7/Zd2E9abXLFGSr9G3YK2MsNxB8OB85xaNTJvVSB9YUjQ.woff') format('woff');

}



body { background: #F5F5F5; margin: 0px; font-family: 'Roboto'; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; overflow-x:hidden; }



a { text-decoration: none; color: #093270; }

a:hover { color: #CCC; }

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

ul li { list-style: inside; auto 2px; padding-left: 35px; margin-bottom: 0px; }

/*ul li { list-style: none; background:url('images/custom-list.png') no-repeat 0% 10px; background-size: auto 2px; padding-left: 35px; margin-bottom: 10px; }*/

p { line-height: 24px; }

img { border: 0 none; }

img.alignleft { float: left; margin-right: 20px; }

img.alignright { float: right; margin-left: 20px; }

table { border-collapse: collapse; display: block; overflow: auto; border: 0px;}

th, td { border: 1px solid #dddddd; padding: 10px }



/* DISABLE TABS 

.tabs {display:none}

*/



/* TYPOGRAPHY */



h1 { font-size: 40px; }

h2 { font-size: 30px; }

h3 { font-size: 20px; }

h4 { font-size: 16px; color: #555555;}







/* HEADER */



header { overflow: hidden; }

.header-container { position: relative; width: 1200px; margin: 0 auto;	height: 180px; }

.header-container:after { content: ""; height: 180px; width: 360px; position: absolute; background-image:url('images/header_bg.png'); }

.menu-header-menu-container { float: left; width: 800px; height: 100%; /*background: #0d47a1;*/  background-image:url('images/header_bg.png');}

#logo-container { display: block; float: left; width: 400px; height: 100%; }

#logo img { position: relative; top: 57px; left: 55px; }

#menu-header-menu { position: relative; z-index: 111; top: 83px; left: 95px; }

.menu li { float: left;  padding: 0px 2px 6px 3px; margin-left: 37px; list-style: none; background: none; }

.menu li:first-of-type { margin-left: 0px; }

.menu li:hover { border-bottom: 2px solid #0ee5d8; }

.current-menu-item { border-bottom: 2px solid #0ee5d8; }

.menu-open { border-bottom: 2px solid #0ee5d8; }

#mobile-button { display: none; }

.header-container .menu .menu-open a { color: #0ee5d8; }

.header-container .menu li a { font-size: 24px; color: #fff; font-family: 'RobtoCondensed', sans-serif; }

#product-menu { display: none; position: absolute; max-width: 1200px; width: 1200px; min-height: 320px; z-index: 999999; background:url('images/menubg.png') no-repeat; top: -40px;  

-webkit-box-shadow: -1px 3px 60px -15px #000000;

-moz-box-shadow: -1px 3px 60px -15px #000000;

box-shadow: -1px 3px 60px -15px #000000; }

#product-menu-inner { padding: 40px; }

#product-menu-inner > li:last-of-type { margin-right: 0px; }

#product-menu-inner:after { content:''; clear: both; }

#product-menu-inner > li { float: left; margin-right: 65px; width: 520px; list-style: none; background: none; padding-left: 0px; margin-bottom: 0px; }

#product-menu-inner > li > a { display: block; width: 470px; font-size: 21px; padding: 0px 70px 23px 20px; line-height: 29px; }

#product-menu a { color: #fff; }

#product-menu a:hover { text-decoration-line: underline; }

#product-menu .children li { background:url('images/menu-arrow.png') no-repeat 0% 50%; padding-left: 20px; }

#product-menu .children { width: 470px; padding: 25px 20px; border-top: 1px solid #0ee5d8;  }

#product-menu .children a:hover { text-decoration: underline; }

.product-link { /*background-image:url('images/linkbg.jpg');*/ position: relative; }

.product-link.menu-open:after { content:''; position: absolute; height: 70px; width: 122px; background: #0a3270; top: -13px; left: -18px; z-index: -1; }

#breadcrumbs { padding-top: 50px; padding-left: 55px; padding-right: 55px; color: #888888; font-size: 14px; }

#breadcrumbs a { color: #888888; text-decoration: underline; font-size: 14px; }

#breadcrumbs span.bread-spacer { margin-left: 9px; margin-right: 5px; font-size: 14px; }

#breadcrumbs a:after { content: '/'; display: inline-block; margin: 0px 7px 0px 10px; text-decoration: none; }

#btn-wrapper { display: none; }



#searchform { width: 270px; position: absolute; right: 20px; top: 10px; border-bottom: 2px solid #fff; }

#searchform input { border: none; height: 20px; background-color: transparent; color: #fff; font-family: 'Roboto'; font-size: 16px; }

#searchform input:focus { outline: none; }

#searchsubmit { width: 20px; background: url('images/search.png') no-repeat; position: relative; top: 4px; left: 32px; cursor: pointer; }

#searchfield { padding-bottom: 15px; padding-right: 10px; padding-left: 10px; }

/* Place holder text formating */

*::-webkit-input-placeholder {

    color: #82a6de;

    font-size: 16px;

  }

*:-moz-placeholder {

    /* FF 4-18 */

    color: #82a6de;

    font-size: 16px;

}

*::-moz-placeholder {

    /* FF 19+ */

    color: #82a6de;

    font-size: 16px;

}

*:-ms-input-placeholder {

    /* IE 10+ */

    color: #82a6de;

    font-size: 16px;

} { color: #82a6de; !important; font-size: 16px; }









/* CONTENT */



#main-wrapper { /*width: 1920px;*/ overflow: hidden; position:relative; /*background-image:url('images/header_bg.png'); background-position: right;*/ }

#inner-wrapper { width: 1200px; margin: 0 auto; clear: both; position: relative; }

#primary { padding: 55px; background: #fff; }

#primary h1 { margin-top: 0px; }

#page-content { overflow: hidden; margin-bottom: 100px; }







/* FRONTPAGE CONTENT SLIDER */



.cycle-slideshow { overflow: hidden; background-color: #fff; height: 460px; }

.slide-text-area { width: 400px; padding-right: 35px; float: left; margin-top: 20px; }

.slide-text-area ul li { margin-bottom: 10px; }

.slide-text-area p { margin-top: 0px; }

.cycle-slideshow img { max-width: 640px; }

.cycle-slideshow > div { overflow: hidden; height: 460px; width: 100%; }

.cycle-pager { 

    text-align: center; 

    width: 100%; 

    z-index: 510; 

    position: absolute; 

    bottom: 20px;   /*  You can adjust the pixel count to move the pager up or down */

}



.cycle-pager span { 

    font-family: arial; 

    font-size: 50px; 

    width: 16px; 

    height: 16px; 

    display: inline-block; 

    color: #ddd; /*  This controls the color of the (non-active) dots. Change accordingly */

    cursor: pointer; 

}



.cycle-pager span.cycle-pager-active { 

    color: #fff; /*  This controls the color of active dot. Change accordingly */

}



.cycle-pager > * { 

    cursor: pointer;

}

#slider-navigation { position: absolute; width: 100%; }

#slider-navigation a { font-family: 'RobtoCondensed', sans-serif; font-size: 20px; color: #999999; font-weight: bold; }

#prev-container { position: absolute; left: -299px; bottom: 150px; width: 296px; height: 156px; border: solid 4px #fff; background: url('images/slider-prev.png') no-repeat 241px 50%; }

#next-container { position: absolute; right: -299px; bottom: 150px; width: 296px; height: 156px; text-align: right; border: solid 4px #fff; background: url('images/slider-next.png') no-repeat 29px 50%; }

#next { display: block; padding: 50px 20px 54px 80px; text-align: left; }

#prev { display: block; padding: 50px 80px 54px 20px; text-align: right; }

.slide-wrapper { padding: 0px 55px; }

.slide-wrapper h2 { font-size: 40px; margin-top: 62px; margin-bottom: 28px; }

.learn-more-link { position: absolute; bottom: 80px; width: 205px; height: 50px; background-color: #0ee5d8; -webkit-box-shadow: 0px 3px 2px -2px #9f9f9f;

-moz-box-shadow: 0px 3px 2px -2px #9f9f9f;

box-shadow: 0px 3px 2px -2px #9f9f9f;}

.learn-more-link a { display: block; padding-top: 14px; padding-bottom: 13px; text-indent: 36px; font-size: 20px; color: #000; font-weight: bold; text-transform: uppercase; }

.learn-more-link a:after { content:""; height: 17px; width: 17px; display: inline-block; margin-left: 7px; position: relative; top: 1px; background: url('images/learn-more-arrow.png') no-repeat }







/* FRONTPAGE TEXT BOXES */



#text-areas { margin-top: 80px; }

#upper-container { overflow: hidden; margin-bottom: 80px; }

#bottom-container { overflow: hidden; margin-bottom: 40px; }

#text-areas a { color: #0d47a1; text-decoration: underline; }

.marker { position: absolute; top: 0px; left: 0px; width: 15px; height: 80px; background: #0ee5d8; }



.action { position: relative; width: 400px; height: 340px; float: left; margin-right: 100px; background: #f8d15c;}

.action-inner { width: 385px; height: 340px; float: right; background: #fff; }

.action-header { height: 79px; border-bottom: solid 1px #dddddd; text-align: center; }

.action-header h3 { text-indent: -13px; margin: 0px; position: relative; top: 25px; font-size: 24px;}

.action-text-area { padding: 30px 40px 30px 40px; }

.action-text-area p:first-of-type { margin-top: 0px; }



.new-slider-container { position: relative; width: 685px; height: 340px; float: left; }

.new-inner { width: 670px; height: 340px; background: #fff; float: right; }

.new-header { height: 79px; border-bottom: solid 1px #dddddd; }

.new-header h3 { margin: 0px; position: relative; top: 25px; float: left; font-size: 24px; text-indent: 38px; }

.new-header .controls li { background: none; float: left; padding: 0px; margin: 0px; width: 40px; text-align: center; height: 100%; border-right: solid 1px #dddddd; cursor: pointer; }

.new-header .controls li span { position: relative; top: 27px; font-size: 20px; color: #0d47a1; }

.controls ul { float: left; height: 100%; }

.controls { float: right; height: 100%; }

.control-container { display: block; position: relative; width: 60px; height: 100%; border-left: solid 1px #dddddd; border-right: solid 1px #dddddd; }

.control-container.nextcont { border: none; }

.nextcont { float: right; }

.prevcont { float: left; }

.control { display: block; position: absolute; top: 24px; width: 30px; height: 30px; text-indent: -9999px; }

.control.prev { background: url('images/news-slider-arrow-prev.png') no-repeat center; left: 12px; cursor: pointer; }

.control.next { background: url('images/news-slider-arrow-next.png') no-repeat center; right: 12px; cursor: pointer; }

.selected { border-bottom: 2px solid #0ee5d8; height: 78px !important; }

.selected span { color: #000 !important; }

.slider-wrapper { float:left; width: 670px; height: 320px; overflow: hidden; }

.sliding-content { position:relative; top: 0px; left: 0px; }

.sliding-content > div { float: left; position: relative; width: 590px; padding: 0px 40px 60px 40px; height: 180px; }

.sliding-content > div > h2 { margin-top: 0px; color: #0d47a1; font-weight: 500; font-size: 24px; }

.news-textarea { float: left; width: 340px;padding-right: 40px; }

.news-textarea p { margin-top: 0px; }

.new-slider-container .image-container img { padding-top: 20px; max-width: 170px; height: auto; }

.news-learn-more-link { position: absolute; bottom: 35px; }



.about-us { position: relative; width: 815px; height: 320px; overflow: hidden; float: left; margin-right: 100px; }

.about-inner { float: right; width: 720px; padding: 40px; height: 250px; background: #fff; }

.about-image { float: left; width: 156px; height: 250px; margin-right: 45px; background: #ccc;  }

.about-text-area { float: left; width: 510px; }

.about-us h3 { margin: 0px; position: relative; font-size: 24px; }



.service { position: relative; width: 270px; height: 320px; float: left; }

.service h3 { font-size: 24px; margin-top: 32px; margin-bottom: 27px; }

.marker-horizontal { position: absolute; width: 60px; height: 10px; background: #9ecd6c; bottom: 0px; left: 0px; }


.customer { position: relative; width: 1200px; overflow: hidden; float: left; }

.customer h3 { margin-top: 32px; position: relative; padding-left: 18px; font-size: 24px; }




/* FEATURED BLUE BOXES FRONTPAGE */



#featured { overflow: hidden; clear:both; }

#featured, #featured a { color: #fff; }

#featured > div { float: left; width: 600px; height: 360px; }

#featured h2 { position: relative; top: 29px; line-height: 39px; text-align: center; font-weight: 500; }

#featured::before { content: ""; position: absolute; left: -360px; width: 360px; height: 360px; background-image:url('images/extra-box.jpg'); }



.general { background-image:url('images/general.jpg'); }

.test { background-image:url('images/test.jpg'); }

.accessories { background-image:url('images/access.jpg'); }

.gen-icon { width: 98px; height: 58px; margin: 0 auto; background-image:url('images/gen-icon.png'); }

.drive-icon { width: 130px; height: 58px; margin: 0 auto; background-image:url('images/drive-icon.png'); }

.access-icon { width: 94px; height: 57px; margin: 0 auto; background-image:url('images/access-icon.png'); }

.feat { position: relative; top: 32px; }

.button { width: 236px; height: 46px; margin: 0 auto; border: 2px solid #fff; position: relative; top: 65px; }

.button a { display: block; padding-top: 11px; padding-bottom: 11px; text-indent: 32px; font-size: 20px; font-weight: bold; text-transform: uppercase; }

.button a::after { content:""; height: 17px; width: 17px; display: inline-block; margin-left: 11px; position: relative; top: 1px; background-repeat: no-repeat; background-image:url('images/nav-arrow.png'); }







/* SINGLE PRODUCT */



.hider { display: none; }

#tab-container { clear: both; margin-top: 40px; }

.tab { float: left; position: relative; text-align: center; height: 77px; width: 150px; border: 1px solid #dddddd; border-bottom: none; background: #f5f5f5; }

.tab a { display: block; padding: 15px 55px; font-weight: bold; color: #0d47a1; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }

.tab.active { border-bottom: 2px solid #0ee5d8; height: 75px; background: #fff; }

.tab.active a { color: #000; }

.tabs { overflow: hidden; margin-bottom: 45px; border-bottom: 1px solid #dddddd }

.tab-content { clear: both; padding: 0px 25px; }

.tab-content img { max-width: 100%; height: auto; display: block; overflow-x:hidden; }/* Responsive Images */

.tab-content-container div:first-of-type .hider { display: block;}

.active { color: #ccc; }

.single #inner-wrapper { background: #fff; }

.single h1 { font-size: 38px; color: #0D47A1; margin: 0px; margin-right: 200px;}

.single h2 { font-size: 26px; color: #0D47A1; margin-top: 10px; }

#single-wrapper { padding: 35px 55px 140px 55px; }

#single-container { overflow: hidden; margin-top: 60px; }

#single-content { float: left; width: 630px; padding-right: 25px; }

#image-container { position: relative; width: 432px; height: 280px; float: left; border: 1px solid #dddddd; }

#image-container a { cursor:zoom-in; }

.zoom-icon { position: absolute; width: 104px; height: 19px; bottom: 10px; left: 10px;background:url('images/zoom.png') no-repeat; }

#image-container img { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

.action-button { float:right; margin-top: 5px; margin-bottom: 2px; padding-top: 15px; padding-left: 25px; width: 170px; height: 35px; background-color: #f8d15c; -webkit-box-shadow: 0px 3px 2px -2px #9f9f9f;

-moz-box-shadow: 0px 3px 2px -2px #9f9f9f;

box-shadow: 0px 3px 2px -2px #9f9f9f;}

.action-button a { display: block; font-size: 20px; color: #000; font-weight: bold; text-transform: uppercase; }

.action-button a:after { content:""; height: 17px; width: 17px; display: inline-block; margin-left: 7px; position: relative; top: 1px; background: url('images/learn-more-arrow.png') no-repeat }


/* SUB-CATEGORY */



#category-wrapper { padding: 55px; }

.archive.category #inner-wrapper { background: #fff; }

.archive.category h1 { margin-top: 0px; margin-bottom: 15px;}

.intro { overflow: hidden; position: relative; padding-bottom: 40px; }

.category-desc { float: left; width: 630px; padding-right: 100px; }

#cat-img-container img { width: 330px; height: auto; }

#cat-img-container { width: 330px; float: left; }

.spacer { display: block; height: 10px; width: 70px; position: absolute; background: #0ee5d8; bottom: 0px; }

.cat-img-cont { position: relative; border: 1px solid #dddddd; width: 298px; height: 178px; overflow: hidden; }

.cat-img-cont img { max-width: 298px; height: auto; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

.category-product { width: 298px; display: inline-block; margin-right: 80px; margin-bottom: 80px; vertical-align: top; }

#products-in-category { overflow: hidden; margin-top: 60px; margin-right: -60px; }

#products-in-category h2 { line-height: 24px; }

#products-in-category h2 a { font-size: 24px; color: #0d47a1; }

.archive.category br { content: "" !important; display: block !important; margin-bottom: 10px !important; }

.archive #breadcrumbs > a:last-of-type:after { display: none; }







/* PARENT CATEGORY */



#main-cat { padding: 55px; overflow: hidden; }

#main-cat h1 { margin-top: 0px; }

#main-cat h2 { font-size: 30px; margin: 40px 0px 40px 0px; color: #000; clear: both; }

#main-cat img { max-width: 296px; height: auto; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

#main-cat .sub-wrapper { overflow: hidden; position: relative; }

#main-cat .sub-wrapper > div { width: 298px; display: inline-block; margin-right: 80px; vertical-align: top; margin-bottom: 55px; }

#main-cat .sub-wrapper > div:last-of-type { margin-bottom: 0px; }

.sub-wrapper h3 { font-size: 24px; }

.sub-wrapper h3 a { color: #0d47a1; }

.sub-wrapper p { margin-top: 0px; }

#main-cat .img-container { position: relative; border: 1px solid #ddd; width: 298px; height: 178px; overflow: hidden; }

#main-cat .spacer { left: 0px; width: 70px !important; }

#main-cat > div > div:last-of-type .spacer { display: none; }

#main-cat-inner { margin-right: -80px; }







/* PRODCUTS */



.featured-product-container { position: relative; overflow: hidden; min-height: 364px; background: #fff; padding: 60px 50px; }

.f-text-area { float: left; width: 570px; padding-right: 30px; }

.f-image-container { padding-top: 35px; }

.f-text-area h3 { font-size: 24px; color: #666666; margin-top: 0px; margin-bottom: 15px; }

.f-text-area h1 { font-size: 40px; color: #0d47a1; margin-top: 0px; }

.f-text-area .learn-more-link { bottom: 60px; }



#new-products-container { margin-top: 40px; position: relative; height: 520px; }

.new-prod-head { height: 80px; }

#new-products-container h3 { font-size: 40px; margin: 0px; position: relative; left: 55px; top: 11px; }

#new-products { overflow: hidden; clear:both; }

#new-products, #featured a { color: #fff; }

#new-products > div { float: left; width: 400px; height: 360px; position: relative; }

#new-products h2 { margin-top: 60px; margin-bottom: 40px; text-align: center; font-weight: 500; }

#new-products::before { content: ""; position: absolute; left: -360px; width: 360px; height: 440px; background-image:url('images/extra-box.jpg'); }

#new-products a { color: #fff; }

#new-products h2 a:hover { text-decoration-line: underline; }

#new-products > div { width: 490px; height: 440px; padding: 0px 55px; }

#new-products .general { background-image:url('images/general.jpg'); }

#new-products .accessories { }

#new-products .test { }

#new-products .button { width: 278px; position: absolute; top: initial; left: 60px; bottom: 40px; }

#new-products-container .arrow-list {}

#new-products-container .arrow-list a:hover { text-decoration: underline; }

.arrow-list p { margin: 0px; }

.arrow-list p > a { display: inline-block; background:url('images/nav-arrow.png') no-repeat 0% 15%; padding-left: 20px; line-height: 20px; margin-bottom: 10px;}



.prod-bottom-area { overflow: hidden; margin: 80px 0px; }

.bottom-inner { width: 970px; margin: 0 auto; }

.bottom-text { float: left; width: 550px; }

.bottom-text p:first-of-type { margin-top:0px; }

.bottom-pic { float: left; padding-right: 40px; }







/* CONTACT */



#contact-container { float: left; }

#gform_wrapper { float: left; margin-right: 60px; margin-bottom: 20px; }

#gform_1 { max-width: 570px; }

.gform_body ul li { background: none; padding-left: 0px; }

.gform_footer {  }

.gform_button.button { position: static; width: 190px; height: 50px; background: #0d47a1; text-transform: uppercase; color: #fff; font-weight: bold; font-size: 20px; margin-top: 25px; border: none; cursor: pointer; }

.gform_footer { padding: 0px; margin: 0px; }

.gform_body input { height: 34px; background: #fafafa; padding-left: 10px; font-size: 16px; border: 1px solid #ccc; width: 258px; font-family: 'Roboto'; margin-top: 5px; outline: none; }

.gform_body input:focus { border-bottom: 2px solid #0ee5d8; height: 33px; }

.gfield_label { color: #222222; margin-bottom: 5px; }

.gf_left_half, #gf_right_half { float: left; margin-bottom: 20px;}

.gf_left_half { margin-right: 30px; }

.gf_textarea_full { clear: both; }

.gform_title { color: #666666; font-size: 24px; }

textarea { background: #fafafa; border: 1px solid #ccc; font-size: 16px; margin-top: 5px; padding: 10px; font-family: 'Roboto'; width: 96.5%; outline: none; }

.gform_body textarea:focus { border-bottom: 2px solid #0ee5d8; height: 189px; }

.gfield_description.validation_message { text-indent: -99999px; height: 2px; background: #f44336; position: relative; top: -2px; }

.validation_error, .validation_message { display: none; }

.ginput_container_textarea .gfield_description.validation_message { top: -6px; }

.gfield.gfield_error input, .gfield.gfield_error textarea { border-bottom: 2px solid #f44336; }

.gfield.gfield_error input { height: 33px; }

.gfield.gfield_error textarea { height: 189px; }

.ginput_full label,
.ginput_left label,
.ginput_right label{
    display: block;
    font-size: 11px;
    color: #444444;
}







/* FOOTER */



footer { overflow: hidden; position: relative; clear: both; z-index: 2; }

#footer-container { width: 1200px; margin: 0 auto; }

#footer-container > div > div { width: 100%; height: 120px; float: left; }

.menu-footer-menu-container { position: relative; }

#top-double-wrap:after { content: ""; height: 120px; width: 360px; position: absolute; top :0px; background-color: #666666; }

#top-footer { background-color: #666666; }

#bottom-double-wrap:after { content: ""; height: 120px; width: 360px; position: absolute; bottom: 0px; background-color: #444444; }

#bottom-footer { background-color: #444444; }

#bottom-footer img { position: relative; top: 30px; left: 55px; }

#cr { position: relative; top: 14px; padding-left: 90px; font-size: 16px; color: #bbbbbb; }

#top-footer .menu { position: relative; margin-top: 52px; margin-left: 55px; }

#top-footer ul li { margin-left: 40px; padding: 0px; }

#top-footer ul li:first-of-type { margin-left: 0px; }

#top-footer ul li:hover { border: none; }

#top-footer ul li a { font-size: 16px; color: #fff; }

#top-footer .current-menu-item { border: none; }

#top-footer .privacy-link {  position: absolute; right: 55px; }







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

  #slider-navigation > div { height: 66px; width: 66px; bottom: 170px; border-color: #dddddd; background-color: #fff; z-index: 109; }

  #slider-navigation a { text-indent: -9999px; padding: 0px; height: 100%; width: 100%; text-indent: 100%; white-space: nowrap; overflow: hidden; }

  #prev-container { left: -40px; background-position: 50%; }

  #next-container { right: -40px; background-position: 50%; }

}





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

   .tab { width: 135px; }

  #inner-wrapper { width: 960px; padding: 0px 40px; }

  #logo-container { width: 320px; }

  #logo img { left: 70px; }

  .menu-header-menu-container { width: 680px; }

  #menu-header-menu { left: 55px; }

  .menu li { margin-left: 25px; }

  #searchform { right: 222px; }
  
  #product-menu { background-position-x: -120px; }

  #product-menu-inner > li { margin-right: 40px; width: 470px; }

  #product-menu-inner > li > a { padding: 0px 20px 23px 20px; }

  .cycle-slideshow { height: 400px; }

  .slide-wrapper h2 { font-size: 36px; margin-top: 56px; margin-bottom: 13px;}

  .cycle-slideshow img { max-width: 380px; }

  .learn-more-link { width: 176px; height: 40px; background-color: transparent; border: solid 2px #0d47a1; box-shadow: none; bottom: 120px; }

  .learn-more-link a { font-size: 18px; color: #0d47a1; padding-top: 10px; padding-bottom: 8px; text-indent: 30px; background-color:#fff }

  .learn-more-link a:after { background: url('images/1024-learn-more-arrow.png') no-repeat; top: 3px; }

  .button { width: 206px; height: 40px; }

  .button a { font-size: 18px; padding-top: 10px; padding-bottom: 10px; text-indent: 28px; }
  
  

  #next-container { right: 40px; }

  

  #featured::before { left: -320px; }

  #featured > div { width: 480px; }

  #featured h2 { font-size: 24px; line-height: 30px; margin-bottom: 35px; font-weight: 300; }
  
  

  #upper-container { margin-bottom: 60px; }

  .action { width: 330px; margin-right: 50px; }

  .action-inner { width: 315px; }

  #text-areas h3 { font-size: 20px; margin: 0px;}

  .action-text-area { padding: 35px 30px 35px 30px; }



  .new-slider-container { width: 580px; }

  .new-inner { width: 565px; }  

  .sliding-content > div > h2 { font-size: 20px; }

  .sliding-content > div { width: 495px; padding: 0px 35px 30px 35px; } 

  .news-textarea { padding-top: 20px; width: 300px; padding-right: 20px; }



  .about-us { width: 670px; margin-right: 60px; }

  .about-inner { width: 595px; padding: 35px 30px; }

  .about-image { margin-right: 35px; }

  .about-text-area { width: 400px; }



  .service { width: 210px; padding-top: 35px; height: 285px;}
  
    
  .customer { width: 960px; padding-top: 35px;}


  .f-text-area { width: 450px; padding-right: 30px; }

  .f-image-container img { max-width: 380px; }

  .f-text-area .learn-more-link { bottom: 30px; }

  #new-products > div { width: 420px; padding: 0px 30px; }

  #new-products > div h2 { font-size: 24px; }

  #new-products .button { width: 260px; left: 30px; }
  
  


  #contact-container { float: none; }

  #gform_wrapper { float: none; margin-right: 0px; margin-top: 60px; }



  #single-content { width: 375px; padding-right: 40px; }

  .single-product #inner-wrapper { padding: 0px; } 

  .category #inner-wrapper { padding: 0px; }

  /*.category #category-wrapper { padding: 35px; }

  .category #breadcrumbs { padding-left: 35px; padding-right: 35px; } */

  .category-desc { width: 480px; padding-right: 40px; }



  #top-footer .privacy-link { position: static; }



}





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

  #next-container { right: 56px; }

  .sliding-content > div { width: 595px; }

}  

 



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

  .header-container { width: 640px; position: initial; }

  .header-container:after { display: none; }

  #inner-wrapper { width: 640px; padding: 0px; }

  #logo-container { max-width: 380px; width: auto; }

  #searchform { display: none; z-index: 112; top: 243px; right: 0px; left: 120px; width: 520px;  }

  #searchform input { font-size: 24px; }

  #searchfield { width: 77%; }

  #searchsubmit { background: url('images/search-mob.png') no-repeat; height: 28px !important; width: 29px; left: 38px; }

  #mobile-button { display: block; width: 280px; height: 100%; background-color: #0d47a1; float: right; color: #fff; font-size: 24px; }

  .menu-header-menu-container { display: none; position: absolute; z-index: 111; top: 180px; width: 640px; height: auto; float: none; background-color: #0d47a1; background-position: bottom; background-size: 550px;

    background-repeat: repeat-x; padding-top: 160px; }

  .menu-header-menu-container .menu li { padding: 0px; float: none; height: 79px; margin: 0px; border-top: 1px solid #093270; text-indent: 70px; background: url('images/mob-menu-nav.png') no-repeat 87% 50% }

  .menu-header-menu-container .menu li:last-of-type { margin-bottom: 45px; border-bottom: solid 1px #093270; }

  .menu-header-menu-container .menu li:hover { border-bottom: none; }

  .header-container .menu li a { font-family: Roboto; font-size: 30px; position: relative; top: 20px; }

  .menu-header-menu-container .current-menu-item { border: none; background-color: #0ee5d8 !important; }

  .header-container .current-menu-item a { color: #0d47a1; }

  #menu-header-menu { position: static; }

    /* Place holder text formating */

  *::-webkit-input-placeholder {

      color: #82a6de;

      font-size: 24px;

    }

  *:-moz-placeholder {

      /* FF 4-18 */

      color: #82a6de;

      font-size: 24px;

  }

  *::-moz-placeholder {

      /* FF 19+ */

      color: #82a6de;

      font-size: 24px;

  }

  *:-ms-input-placeholder {

      /* IE 10+ */

      color: #82a6de;

      font-size: 24px;

  } { color: #82a6de; !important; font-size: 24px; }



  #mobile-button { background-image:url('images/header_bg.png'); }

  #mobile-button.bg-off { background-image: none;  }

  #burger { background: url('images/mobile-open.png') no-repeat center; padding: 30px; width: 42px; height: 32px; }

  #burger.open { background: url('images/mobile-close.png') no-repeat center }

  #mob-button-container > div { display: inline-block; }

  #mob-button-container { position: relative; top: 20px; top: 45px; left: 70px;}

  #mob-button-container > div:first-of-type { position: relative; top: -37px; right: -10px; }

  .hideme { display: block; }



  #slider-navigation > div { border: none; background-color: transparent; bottom: 190px; }

  #prev-container { left: 5px; }

  #next-container { right: 5px; }

  .cycle-slideshow { height: 440px; }

  .slide-wrapper h2 { text-align: center; }

  .slide-text-area { display: none; }

  .image-container { text-align: center; }

  .learn-more-link { position: absolute; bottom: 80px; left: 0; right: 0; margin-left: auto; margin-right: auto; }



  #featured > div { width: 100%; height: 320px; }

  #featured::before { display: none; }

  #featured h2 br { display: none; }

  #featured .general { background-color: #d22922; background-image: none; }



  #text-areas { width: 560px; padding: 0px 40px; margin-top: 60px; }

  #upper-container > div {  }

  .action { margin: 0px 0px 60px 0px; width: 560px; }

  .action-inner { width: 545px; }

  .action-header h3 { text-align: left; text-indent: 30px; }

  .new-slider-container { width: 560px; }

  .slider-wrapper { width: 545px; }

  .sliding-content > div { width: 492px; padding-bottom: 80px;}

  .new-inner { width: 545px; }

  .about-us { width: 560px; height: 405px; margin-right: 0px; }

  .about-inner { width: 485px; height: auto; }

  .about-text-area { width: 293px; }

  
  
  .service {  margin: 0px 40px; width: 500px; height: 175px;}

  .service h3 { margin-top: 60px; }
  

  .customer { width: 560px; }

  .customer h3 { margin-top: 60px; }



  #single-container #image-container { margin-top: 40px; margin-bottom: 40px; }

  #single-content { width: 100%; }

  #new-products-container { height: auto; }

  #new-products > div { width: 100%; }

  #new-products .general { background-image: none; background-color: #0C4191; }

  #new-products::before { display: none; }

  .arrow-list { max-width: 500px; }

  .prod-bottom-area { margin-top: 40px; }

  .bottom-inner { width: auto; padding: 40px; }

  .bottom-inner > div { float: none; }

  .bottom-pic { margin-bottom: 40px; }

  .featured-product-container { padding-bottom: 150px; }

  .featured-product-container .learn-more-link { margin: 0px; left: 55px; bottom: 55px; }

  .f-text-area { width: auto; }



  .category #inner-wrapper, .post-type-archive #inner-wrapper { background: #fff; padding-top: 60px; }

  #product-menu { margin: 0 auto; right: 0; left: 0; top: 142px; width: 538px; background: #fff; box-shadow: -1px 30px 60px -29px #000000; border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid; border-color: #dddddd; } 

  #product-menu #product-menu-inner > li { margin-right: 0px; float: none; width: auto; background: #f2f2f2; }

  #product-menu #product-menu-inner > li > a { width: auto; font-weight: bold; font-size: 24px; color: #000; border-bottom: 1px solid #ccc; padding: 25px; margin-bottom: 0px; }

  #product-menu #product-menu-inner > li .children a { font-size: 25px; color: #0d47a1; text-decoration: underline; }

  #product-menu #product-menu-inner > li .children { width: auto; padding: 0px; }

  #product-menu #product-menu-inner > li > ul > li:last-of-type { margin-bottom: 0px; }

  #product-menu #product-menu-inner > li > ul > li { padding: 23px 40px 23px 60px; background: #fff; margin-bottom: 0px; border-bottom: 1px solid #dddddd; background: url('images/mob-menu-nav.png') no-repeat 90% 50% #fff; }

  #btn-wrapper { display: block; position: relative; width: 538px; height: 80px; border: 1px solid #dddddd; margin: auto; background: url('images/prod-menu-icon.png') no-repeat 6% 49%; }

  #prod-menu-button { position: relative; top: 20px; left: 65px; font-size: 30px; color: #0d47a1; background: url('images/prod-menu-open.png') no-repeat 80% 50%; }

  #prod-menu-button.prod-menu-open { background: url('images/prod-menu-closed.png') no-repeat 80% 50%; }

  #product-menu-inner { padding: 0px; }



  .category-product { width: 530px; margin-right: 0px; }

  .cat-img-cont { width: auto; }

  #main-cat-inner { margin-right: 0px; }

  #main-cat .sub-wrapper > div { width: auto; margin-right: 0px;}

  #main-cat .img-container { width: auto; }



  #gform_confirmation_wrapper { clear: both; padding-top: 40px; font-weight: bold; }

  .search #gform_wrapper { display: none; }

  textarea { width: 95.5%; }
  
}





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



#inner-wrapper, #text-areas, .action, .action-inner, .new-slider-container, .new-inner, .about-us, .about-inner, #footer-container, .header-container, .category-product { width: 100%; height: 100%;}

#text-areas { padding: 0px; }

.triggers { display: none; }

.slide-wrapper { padding: 0px 10px; }

.slide-wrapper h2 { font-size: 26px; margin-top: 45px; margin-bottom: 13px; }

.slide-wrapper .learn-more-link { bottom: 100px; }

.slide-wrapper .image-container img { max-width: 200px; }

.image-container { position: relative; top: 47px; }

#prev-container { left: -5px; }

#next-container { right: -7px; }



.new-slider-container .news-textarea p { padding-top: 20px; width: 260px; padding-right: 20px; }

.new-slider-container .news-textarea h3 { width: 260px; }

.new-slider-container .image-container { padding-top: 20px; max-width: 170px; height: auto; }

.sliding-content > div { width: 350px; }

.sliding-content  h2 { width: 260px; }

.news-learn-more-link { position: static; padding-bottom: 20px; }

.about-us { height: auto; margin: 0px; }

.about-inner { float: none; padding: 0px; }

.about-image { text-align: left; padding-top: 30px; background: transparent; margin-left: 35px; margin-right: 0px; float: none; }

.about-text-area { padding: 30px; width: auto; float: none; }

.service { width: 100%; max-width: 250px; padding: 35px; margin: 0px; height: 175px; }

.service h3 { margin-top: 40px; }

.service .marker-horizontal { left: 35px; }



.customer { width: 100%; margin: 0px; padding-left: 15px; }

.customer h3 { padding-bottom: 10px; margin-top: 40px; }


.f-image-container img { max-width: 250px; }


#footer-container { overflow: hidden; height: 360px; }

#top-double-wrap { float: left; width: 50%; overflow: hidden; height: 100%; background-color: #666666; }

#bottom-double-wrap { float: left; overflow: hidden; width: 50%; height: 100%; background-color: #444444; }

#top-double-wrap:after { display: none; }

#bottom-double-wrap:after { display: none; }

#top-footer #menu-footer-menu li { float: none; margin-left: 0px; margin-bottom: 28px; }

#bottom-footer { text-align: center; }

#bottom-footer img { left: 0px; top: 120px; }

#cr { top: 140px; padding: 0px; display: block; }



.header-container { height: auto; }

#logo-container { width: auto; text-align: center; float: none; }

#logo img { left: -35px; }

#mobile-button { background: none; width: auto; }

#mob-button-container { top: -34px; left: 7px; }

#mob-button-container > div:first-of-type { display: none; }



.menu-header-menu-container { top: 170px; width: 100%; }

#searchform { margin: 0px 35px; width: 83%; left: 0; right: 0; top: 230px; }

#searchsubmit { left: 4px; }



.menu-header-menu-container .menu li { text-indent: 50px; }

.header-container .menu li a { display: block; width: 100%; }



#single-wrapper { padding-left: 35px; padding-right: 35px; }

#single-container { margin-top: 35px; }

#breadcrumbs { padding-left: 35px; padding-right: 35px; }

#image-container { width: 99%; }

#image-container img { max-width: 100%; height: auto; }

.tab-content { padding: 0px; }

.tabs { border-bottom: none; }

.tabs > div { margin-bottom: 20px; }

.tabs > div:last-of-type { margin-bottom: 0px; }

.tab { width: 99%; text-align: center; padding: 0px; }

#page-content { margin-bottom: 0px; }



.featured-product-container { padding-left: 35px; padding-right: 35px; }

.bottom-pic img { width: 100%; }

.bottom-text { width: 100%; }



#primary { padding-left: 35px; padding-right: 35px; }

#gform_1 { width: 100%; }

.gform_body input { width: auto; }

textarea { width: 90.5%; }

#btn-wrapper { width: 100%; }



#category-wrapper { padding-left: 35px; padding-right: 35px; }

.cat-img-cont img { max-width: 100%; }

#products-in-category { margin-right: 0px; }

#main-cat { padding-left: 35px; padding-right: 35px; }

#main-cat .sub-wrapper > div { margin-right: 0px; }

#main-cat img { max-width: 100%; }



#burger { background: url('images/mobile-open-blue.png') no-repeat center; }

#burger.open { background: url('images/mobile-close-blue.png') no-repeat center }



#searchfield { width: 72%; }



.category-desc { width: 100%; }

#cat-img-container { width: 100%; }

#cat-img-container img { max-width: 100%; }

#single-content { width: 100%; }


.single h1 { padding-top: 70px; margin-right: 0px;}
  
.action-button { float:left; margin-top: 5px; margin-bottom: 2px; margin-right: 200px; width: 170px; height: 35px; background-color: #f8d15c; -webkit-box-shadow: 0px 3px 2px -2px #9f9f9f;

-moz-box-shadow: 0px 3px 2px -2px #9f9f9f;

box-shadow: 0px 3px 2px -2px #9f9f9f;}


}

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



  #top-footer .menu { margin-left: 45px; }

  #prod-menu-button.prod-menu-open { background-position: 73% 50%; }

  #prod-menu-button { left: 52px;  top: 22px; font-size: 26px; background-position: 73% 50%; }

  #product-menu #product-menu-inner > li > ul > li { padding-left: 30px; }

  #product-menu { width: 95%; }

  #product-menu #product-menu-inner > li .children a { font-size: 18px; display: block; width: 100%; }

  #product-menu #product-menu-inner > li > a { font-size: 21px; }

  .arrow-list p { max-width: 260px; }

  #btn-wrapper { width: 95%; }

  .sliding-content > div { width: 463px; }
  
  .new-slider-container .news-textarea p { padding-top: 20px; width: 260px; padding-right: 20px; }

  .new-slider-container .news-textarea h3 { width: 260px; }

  .new-slider-container .image-container { display:none }
  
  .news-learn-more-link { position: absolute; padding-bottom: 20px; }


}


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



  #top-footer .menu { margin-left: 45px; }

  #prod-menu-button.prod-menu-open { background-position: 73% 50%; }

  #prod-menu-button { left: 52px;  top: 22px; font-size: 26px; background-position: 73% 50%; }

  #product-menu #product-menu-inner > li > ul > li { padding-left: 30px; }

  #product-menu { width: 95%; }

  #product-menu #product-menu-inner > li .children a { font-size: 18px; display: block; width: 100%; }

  #product-menu #product-menu-inner > li > a { font-size: 21px; }

  .arrow-list p { max-width: 260px; }

  #btn-wrapper { width: 95%; }

  .sliding-content > div { width: 270px; }





}



.search-res h2 a { width: 100%; height: 100%; display: inline-block; color: #0d47a1; background: url('images/custom-list.png') no-repeat 0% 50%; background-size: auto 2px; padding-left: 35px; font-size: 22px; }

.search-res h2 { margin-bottom: 15px; }

.search-res p { color: #9D9D9D; padding-left: 35px; margin-top: 15px; }