/*
Theme Name: brings16
Version: 1.0
Author: sb | brings-online.com
Author URI: http://brings-online.com

*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;	font-size: 100%; font: inherit; margin: 0; padding: 0; vertical-align: baseline; font-style:normal;}

html { height: 100%; }

html {-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */}

body {font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:94%; font-weight:400; color:#4D3F38; line-height: 1.5em; text-rendering: optimizeLegibility; background:url(images/body-dark2.png) top left repeat; }




/* =========================  font =========================  */ 

a { text-decoration:none;}
a {color:#b22c2a;}
p a:hover { text-decoration:underline;}
p {font-size:.975em; font-weight:300; line-height:1.8em; margin:0; padding:6px 0 10px 0; }
ul li { font-size:.855em;}
h1, h2, h3, h4 { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:300; color:#39404A; line-height:1.6em;}
h1 {font-size:1.455em;}
h2 {font-size:1.25em; margin:5px 0;}
h3 {font-size:1.2em; line-height:1.6em; margin:5px 0;}
h4 {font-size:1.1em; line-height:1.3em; margin-top:5px;}
h5 {font-size:1em; font-weight:bold;}
strong {font-weight:bold;}
em {font-style:italic;}

h1.logotitle { font-size:1.8em; line-height:1.1em; margin:0; padding:0;}
h1.logotitle a { color:#39404A;}
h2.logosubtitle {font-size:.9em; line-height:1.2em; margin-left:2px;}

h1.pagetitle { text-transform:uppercase; font-size:1.2em; font-weight:600; background:#f6f6f6; padding:6px 60px 6px 0; margin:0 0 10px -81px; text-indent:80px; display:inline-block;}
h2.pagetitle { text-transform:uppercase; font-size:1.2em; font-weight:600; background:#f6f6f6; padding:6px 60px 6px 0; margin:0 0 10px -81px; text-indent:80px; display:inline-block;}

.sidebar-headline { font-size:1.1em; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.6em;}

/* =========================  structure =========================  */ 

.superwrap {background:#fff; box-shadow:0 0 15px #000; width: 100%; max-width:1400px; padding:0 1px 1px 1px; margin:0 auto 25px auto;}
#header {width: 100%; max-width:1400px; margin:0 auto; padding:0; height:86px; background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 47%, #f6f6f6 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 47%,#f6f6f6 100%);
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 47%,#f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );}
#logo {padding:10px 0 0 0;}
#logo img { width:100%; height:auto; display:block; max-width:360px;}
.headercontent {max-width:1320px; margin:0 auto; padding:0px 10px; text-align:left; position:relative;}
#wrapper {width:100%; max-width:1400px; margin:0 auto; border-top: 3px solid #b22c2a; }
#page {max-width:1280px; margin:50px auto 0 auto; padding:10px 10px 10px 10px; text-align:left;  position:relative; }

.homepage {max-width:1280px; padding:10px 10px 10px 10px; text-align:left; background:#fff; position:relative; overflow:hidden;}
.hptop {margin:25px auto 0 auto;}
.hpbottom {margin:15px auto 35px auto;}

#content {padding:0;}
#sidebar {}
.page-entry { padding:10px 20px 10px 10px;}
.separator { border-bottom:1px solid #39404A; margin:10px 0; width:100%; display:block; height:1px;}

.slwrap {max-width:1400px; margin:0 auto;}

/* =========================  grid =========================  */ 

.col-full { width:100%; margin:1.5% 0;}

.col-ttfull { width:65%; margin:1.5% 0; display: inline; float:left;}
.col-otfull { width:33.33333333%; margin:1.5% 0; display: inline; float:left;}

.col-ttc { width:65.85744680851%; margin:1.5% 0;}
.col-otc { width:31.714893617021%; margin:1.5% 0;}
.col-ofc { width:23.179255319148%; margin:1.5% 0;}
.col-ohc {width:48.786170212699%; margin:1.5% 0;}

.col-ttc, .col-otc, .col-ofc, .col-ohc {margin-right:2.427659574468%; display: inline; float:left;}

.cr {margin-right:0 !important;}
.ct {margin-top: 0 !important;}
.cb {margin-bottom: 0 !important;}
.mr {margin-right:25px;}


 
.clear { clear:both;}


/* =========================  topline =========================  */ 

#topline {margin:0; padding:0; width:100%; text-align:center; color:#eee; background:#39404A;}

a.opensearch { cursor:pointer; font-size:26px; text-align:right; color:#ccc; position:absolute; top:-1px; right:0; padding:3px 5px 6px 5px; background:#39404A; border-radius:0 0 4px 4px;}
a.opensearch i { font-size:20px; color:#fff;}

.searchbox { margin:0 auto; padding:5px 10px 20px 10px; max-width:1080px; border-bottom:1px solid #61666E;  }
.searchbox .close { }
.searchbox form#searchform {  margin:0; padding:0; }
.searchbox input {-webkit-appearance:none;}
.searchbox input#searchinput {font-size:1em; padding:5px; margin:3px 0 0 0; font-style:italic; display:inline-block; float:left;  color:#eee; background:rgba(255,255,255,.1); border:none !important; 
width: -webkit-calc(100% - 110px);
width:         calc(100% - 110px);}
.searchbox input#searchinput:focus { color:#fff;}
.searchbox input#searchsubmit {color:#fff; font-size:.9em; width:80px; float:right; display:inline-block; padding:5px; margin:3px 0;  cursor:pointer; background:rgba(255,255,255,.1);  border:none !important; text-align:center; }

a p.slidebtn {border:1px solid #39404A;}
a:hover p.slidebtn {color:#B22C2A !important; 
background: #ffffff !important;
background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%) !important;
background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%) !important;
background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ) !important;
border:1px solid #ebebeb !important;}



/* =========================  cartbox =========================  */ 

a.cartbox { position:fixed; top:180px; left:20px; width:auto; min-width:50px; height:50px; padding:10px; border-radius:50px; background:#B22C2A; color:#F4F4F4; box-shadow:0 0 6px #bbb;}
a.cartbox i {color:#F4F4F4; font-size:40px; max-width:40px; margin:2px 0 0 4px; float:left !important; line-height:1em !important; display:block; }
a.cartbox:hover {background:#39404A;}
.cartboxinfo {float:left; display:inline-block; font-size:.825em; line-height:4em; display:none;}
a.cartbox:hover .cartboxinfo {display:block;}

.sqform {width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,.8); margin:0; padding:0; z-index:100;}
.sqform-content {width:280px; height:auto; position:absolute; top:12%; left:40%; background:#f6f6f6; margin:0; padding:0 10px; z-index:101;}
.sqform-content .close { position:absolute; top:0; right:0; font-size:20px; background:#f6f6f6; padding:4px 8px; border-radius:100%; cursor:pointer;}
.eStore_ssf_template_2_text_submit {}
.tdl-thanks {padding:10px 0; text-align:center; font-size:12px;}

@media screen and (max-width: 1024px) { a.cartbox {left:inherit !important; right:6px !important; top:150px !important; position:absolute !important;} }
@media screen and (max-width: 800px) { a.cartbox {top:200px !important;} }
@media screen and (max-width: 640px) { a.cartbox {top:210px !important;} }
@media screen and (max-width: 599px) { a.cartbox {display:none;} .sqform-content {top:3%; left:3%;} }


/* =========================  footer   =========================  */ 

#footer {background:#39404A; border-top:1px solid #fff; max-width:1400px; margin:0 auto 0 auto; padding:0;  color:#E9EAEB; text-align:center; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.footercontent {margin:0; margin:0 auto 20px auto; padding:0; width:100%; text-align:left; max-width:1280px; }

.footerbox { padding:5px 10px 5px 15px; margin:0; border-right:1px solid rgba(255,255,255,.1); border-left:1px solid #333; width:calc(100% -27px); min-height:270px;}
.footercontent .nrb .footerbox { border-right:none !important; padding:5px 0 5px 20px !important; width:calc(100% -22px) !important; }
.footercontent .nlb .footerbox { border-left:none !important; padding:5px 10px 5px 0 !important; width:calc(100% -12px) !important;}
.footerbox a {color:#E9EAEB;}
.footerbox a:hover {color:#fff;}
.footerbox .footerboxtitle {color:#E9EAEB; font-size:1.05em; text-transform:uppercase; padding:0; margin:0 0 23px 0; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
.footerbox p {}

.footerbox ul { margin:0 0 0 10px; padding:0; list-style:none;  }
.footerbox li { margin:0; padding:0; list-style:square; line-height:1.6em;  }
.footerbox ul li a { text-decoration:none; display:block; padding:0 0 0 5px; }

.footerbox ul.recentposts { margin:0 10px 0 0; padding:0; list-style:none;}
.footerbox ul.recentposts li { list-style:none !important; display:block; line-height:1.3em !important; margin:0 0 10px 0; text-transform:uppercase; font-weight:600; }
.footerbox ul.recentposts li .thumb { max-width:62px; float:left; border:3px solid #eee; background:#fff; margin:0 15px 0 0; padding:0; border-radius:1px;}
.footerbox ul.recentposts li img { width:100%; max-width:60px; height:auto; max-height:60px; display:block; border:1px solid #39404A;}
.footerbox ul.recentposts li .thumb-desc { font-weight:normal !important; margin-top:7px; line-height:1.5em !important; text-transform: none !important; font-size:1em;}
.footerbox ul.recentposts li a {padding:0 0 0 0; }
.footerbox ul.recentposts li:hover .thumb { background:#b22c2a;}
.footerbox ul.recentposts li:hover { background:rgba(255,255,255,.2);}

.footerbox ul.recentposts li i {background: none !important; color:#E9EAEB; float:left; padding:0 !important; line-height:1em !important; margin:0 3px 0 0 !important; font-size:15px; }

.footerbox ul.contactdata { margin:0; padding:0; list-style:none; }
.footerbox ul.contactdata li { float:none !important; list-style:none !important; display:block !important; line-height:1.9em; margin:7px 0 10px 0 !important; padding:0 !important; font-size:.9em;  }
.footerbox ul.contactdata li:first-child { }
.footerbox .fbinfo { float:right; width:calc(100% - 60px);}
.footerbox ul.contactdata li i {background:#E9EAEB; color:#b22c2a; float:left; border-radius:100%; width:28px; height:26px; padding-top:2px; text-align:center; line-height:1em; }
.footerbox ul.contactdata li i.icon-mail-alt {height:24px; padding-top:4px; }
.footerbox ul.contactdata li i.icon-phone {height:24px; padding-top:4px;  }

.bottomline { text-align:center; font-size:.8em; color:#eee; padding:10px 0; background:rgba(255,255,255,0.05)}
.bottomline a { color:#eee; text-align:none;}



/* =========================  main menu  =========================  */ 

#menu {  text-align:right;  }


#menu ul { margin:0; padding: 0; list-style: none; height:86px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;  }
#menu ul li { float: left; text-align:center; display: inline; list-style: none; font-size:.9em; height:86px; margin-right:1px;    }
#menu ul li a { text-transform:uppercase; line-height:70px; height:76px;  padding:5px 15px;   display:block; font-weight:600; }

#menu ul li a:hover {background: #b22c2a; color:#f6f6f6;}
#menu ul li.current-menu-item a, #menu ul li.current-menu-parent a {color: #b22c2a;  }
#menu ul li.current-menu-item a:hover, #menu ul li.current-menu-parent a:hover { color:#f6f6f6; }
#menu ul li a { color: #39404A; text-decoration: none; }

#menu ul li.first {padding-left:1px; }
#menu ul li.first:hover { }

a.toggleMenu { display:none; width:100%;  text-align:right;  padding:0 10px 0 10px; margin:0 -10px 0 -10px;  background:#39404A; color:#f6f6f6; }  
a.toggleMenu span { font-size:40px; line-height:1em; margin:0; padding:0; }

.fixednav { z-index: 9999; position: fixed; left: 0; top: 0; height:50px !important; width: 100%; max-width:3000px !important; border-bottom:3px solid #b22c2a !important; box-shadow:0 0 7px #666;} 

.fixednav #logo img {max-width:180px; }
.fixednav #menu ul { height:50px;  }
.fixednav #menu ul li { height:50px;    }
.fixednav #menu ul li a { line-height:36px; height:40px;  padding:5px 15px;   }





/* =========================  homepage boxen =========================  */ 


.sliderbox {position:relative; width:100%; text-align:center; padding:0 0 0 0; margin:0; max-height:510px; overflow:hidden; border-bottom:1px solid  #ccc; background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 30%, #f2f2f2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(30%,#ffffff), color-stop(100%,#f2f2f2));
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 30%,#f2f2f2 100%);
background: -o-linear-gradient(top, #ffffff 0%,#ffffff 30%,#f2f2f2 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 30%,#f2f2f2 100%);
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 30%,#f2f2f2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); }
.slider-item { width:100%; text-align:center;  border-bottom:1px solid  #fff; }
.sliderbox img { width:100%; max-width:980px; margin:0 auto; height:auto; display:block; }

.cycle-prev { position:absolute; z-index:1501; left:3px; text-align:left; bottom:3px;  cursor:pointer; display:block; width:80px;   }
.cycle-next { position:absolute; z-index:1502; right:3px; text-align:right; bottom:3px;  cursor:pointer; display:block; width:80px;}
.cycle-prev [class^="icon-"]:before, .cycle-prev [class*=" icon-"]:before { font-size:30px; margin:0 !important;  } 
.cycle-next [class^="icon-"]:before, .cycle-next [class*=" icon-"]:before { font-size:30px; margin:0 !important; }

.cycle-prev i, .cycle-next { color:#fff; }
.sliderbox:hover .cycle-prev i, .sliderbox:hover .cycle-next i { color:#bdbdbd;  } 
.cycle-prev:hover i, .cycle-next:hover i { color:#bdbdbd;  } 

.ro-banner { position:absolute; z-index:1500; top:70px; right:-100px; width:400px;  display:block; background:#c00; height:55px; line-height:22px; font-size:1.05em; text-align:center; color:#f6f6f6; font-weight:bold; padding-top:8px; 
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg); 
-o-transform:rotate(45deg); }

.infobox { border-top:3px double #ebebeb; border-bottom:3px double #ebebeb; padding:10px; margin:0;  }
.homeprojects { margin:0; width:calc(100% - 130px); padding:15px 65px; background:#f6f6f6; border-top:1px solid #ebebeb;}

.homeproimage { border-radius:3px; border:2px solid #fff; background:#ebebeb; padding:10px; margin-right:15px; display:inline-block; float:left; max-width:170px; position:relative; cursor:default;}
.homeproimage:last-child {margin-right:0px !important;}

.homeproimage img {transition:opacity 0.5s ease; width:100%; height:auto; display:block;}
.homeproimage p {font-size:.95em; opacity:0; position:absolute; top:10px; left:0; transition:opacity 0.5s ease; text-align:center;}

.homeproimage:hover {background:#ebebeb;}
.homeproimage:hover img {opacity:0;}
.homeproimage:hover p {opacity:1;}


.boxcontent {color:#39404A; background:#f6f6f6; border:1px solid #ebebeb; padding:10px; text-align:left; margin:0; }
.boxcontent:hover { box-shadow:0 0 5px #ebebeb; border:1px solid #ccc;}
.boxcontent i { color:#39404A; font-size:64px; line-height:1em; float:left !important; display:inline-block !important; margin:0 15px 0 0 !important;  } 
.boxcontent h3, .calcbox h3, .testibox h3 { line-height:1.65em; font-size:1.25em; margin:0; padding:0; text-transform:uppercase; }
.boxcontent a {color:#39404a !important;}
.boxcontent p {font-size:.9em; line-height:1.7em; padding:1.5% 0;}
.boxcontent .boxbutton { margin:15px 0 10px 0;}
.boxcontent .boxbutton a, .calcbox .boxbutton a {color:#f6f6f6 !important; font-size:.85em;  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform:uppercase; font-weight:600;  width:auto; margin:0; padding:8px 15px; border-radius:3px; transition: padding 0.2s ease; 
background: #b22c2a;}
.boxcontent .boxbutton a:hover, .calcbox .boxbutton a:hover { padding:7px 25px; background:#c00; }
.boxcontent .boxbutton i, .calcbox .boxbutton i { display:inline-block !important; margin:0 5px 0 0 !important; font-size:16px !important; }

h2.hq { font-size:1.105em; line-height:1.6em; padding:3px 0 3px 5px;}
h2.hq:before {content: '\e87d'; font-family:'fontello';  font-size:36px; margin:0 20px 0 0; line-height:1.4em; float:left; color:#434953;}

.calcbox {background:#39404A; color:#f6f6f6; padding:15px 10px 15px 10px; margin:-15px 0 0 0; text-align:center; }
.calcbox i { color:#f6f6f6; font-size:30px; line-height:.7em; display:inline-block !important; margin:0 0 0 10px; }
.calcbox h3 { padding:4px 0 7px 0; border-bottom:1px solid #fff; margin-bottom:0; color:#f6f6f6;} 
.calcbox .whiteline {border-top:1px solid #A2AEB2; height:1px; margin:0 0 5px 0; padding:0;}
.calcbox p {font-size:.875em; line-height:1.7em; padding:3px 0;}
.calcbox .boxbutton { margin:15px 0 10px 0;}

.inquirybutton { margin:15px 0 10px 0;}
.inquirybutton a { border:1px solid #ccc; padding:7px 15px; border-radius:4px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform:uppercase; font-weight:600; font-size:1em; background:#ebebeb; color:#c00; text-decoration:none; }
.inquirybutton a:hover { color:#fff; border:1px solid #900; background:#c00; }


.homebutton a {color:#f6f6f6; font-size:.85em;  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform:uppercase; font-weight:600;  width:auto; margin:0; padding:8px 15px; border-radius:3px; transition: padding 0.2s ease; 
background: #b22c2a;}



/* ================= theme pages ================= */

.breadcrumb { width:100%; margin:-20px 0 20px 0; padding:0 0 5px 0; border-bottom:1px solid #39404A; font-size:.8em; text-indent:10px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.bigicon { float:right !important; margin:35px 20px 10px 25px;}

.listing {  }

.theme-list { margin:20px 0; padding:0; width:100%;}
.theme-box { margin:0; padding:10px; border:1px solid #ebebeb; position:relative;}
.theme-headline {font-size:1.275em; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; padding:8px 0 5px 0; text-transform:uppercase;}
.theme-headline i { font-size:12px; margin-right:10px; margin-left:0 !important; color:#b22c2a;}
.theme-box h2 { font-size:1.1em !important;}
.theme-headline a, .theme-box h2 a { color:#39404A;}
.theme-headline a:hover, .theme-box h2 a:hover { color:#b22c2a;}

.theme-thumb { max-width:500px; margin:0 0 0 0;}
.theme-thumb img { width:100%; height:auto; display:block;}
.theme-box-info { background:#f6f6f6; padding:5px 10px;}
.theme-price { position:absolute; top:-1px; right:15px; background:#39404A; color:#f6f6f6; padding:3px 6px 5px 6px; border-radius:0 0 3px 3px; font-family: 'Lato', sans-serif; font-size:1.7em; line-height:1.6em; }
.theme-price .gratis {font-size:.7em;}
.theme-box .boxbutton { margin:15px 0 10px 0;}
.theme-box .boxbutton a {color:#f6f6f6; font-size:.82em;  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform:uppercase; font-weight:600;  width:auto; margin:0; padding:7px 15px; border-radius:3px; transition: padding 0.2s ease; 
background: #b22c2a;}
.theme-box .boxbutton a:hover { padding:7px 25px 7px 15px; }

.listing .col-ohc:nth-of-type(2n) { margin-right:0 !important;}
.listing .col-otc:nth-of-type(3n)  { margin-right:0 !important; }
.listing .col-ofc:nth-of-type(4n) { margin-right:0 !important;}

#filters { margin:5px 0; }
#filters button { background:#f6f6f6; border:none; padding:5px; font-size:.9em; color:#39404A; cursor:pointer;}
#filters button i { }
#filters button:hover, #filters .is-checked { background:#39404A; color:#f6f6f6;}


.customtheme { margin:15px 0 0 0; padding:10px; background:#f6f6f6; border:1px solid #ebebeb; text-align:center;}
.customtheme i { float:left; display:inline-block; font-size:60px; color:#21759B; margin:-10px 0 0 10px;}


.theme-images {max-width:500px; padding:5px; border:1px solid #dedede; margin:0; position:relative;
-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
background-image: -moz-linear-gradient(-45deg, #f1f1f1 0%, #ffffff 100%);
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f1f1f1), color-stop(100%,#ffffff));
background-image: -webkit-linear-gradient(-45deg, #f1f1f1 0%,#ffffff 100%);
background-image: -o-linear-gradient(-45deg, #f1f1f1 0%,#ffffff 100%);
background-image: -ms-linear-gradient(-45deg, #f1f1f1 0%,#ffffff 100%);
background-image: linear-gradient(-45deg, #f1f1f1 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=1 );
}

.theme-images img { width:100%; height:auto; display:block;}

.theme-single-headline {font-size:1.1em; background:#f6f6f6; padding:5px 0 5px 15px; margin-bottom:15px; text-transform:uppercase;}
.theme-text { padding: 0 10px;}
.theme-text p { padding:5px 0 20px 0;}
.theme-button { margin:7px 0 0 0; display:block;}

.theme-text input[type="submit"] {height:28px; line-height:24px; padding:0 10px 6px 10px; margin:0; background:#b22c2a; color:#fff; border:1px solid #b22c2a; cursor:pointer; font-size:14px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; display:inline-block; border-radius:0 2px 2px 0;  transition: padding 0.3s ease; -webkit-appearance:none; }
.theme-text a { padding:0 10px 0 10px; height:26px; line-height:24px; margin:0; background:#b22c2a; border:1px solid #b22c2a; color:#fff; border:1px solid #b22c2a; cursor:pointer; font-size:14px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; display:inline-block; border-radius:0 2px 2px 0; transition: padding 0.3s ease;}

.cartbefore { float:left; margin:0; padding:0 7px; height:26px; line-height:24px; font-size:20px; background:#f6f6f6;  color:#b22c2a; display:inline-block; border-radius:2px 0 0 2px; border:1px solid #b22c2a; }
.cartbeforex { float:left; margin:0; padding:0 9px 0 7px; height:26px; line-height:24px; font-size:20px; background:#f6f6f6;  color:#b22c2a; display:inline-block; border-radius:2px 0 0 2px; border:1px solid #b22c2a; }

.eStore_variation_top {display:none;}

.theme-text input[type="submit"]:hover {padding:0 30px 6px 10px;} 
.theme-text a:hover {padding:0 30px 0 10px;}

.page-nav { margin:0 0 10px 0; padding:3px 15px; background:#39404a; font-size:.8em; color:#fff;}
.page-nav .left { float:left; width:50%; text-align:left;}
.page-nav .right { float:right; width:50%; text-align:right;}
.page-nav a { color:#fff; text-decoration:none;}
.pagenav-span { color:rgba(255,255,255,.6);}


.plugin-info { margin: 35px 0 0 5px; background:#f6f6f6; padding:15px 20px; font-size:1em;}


/* ================== offers ======== */

.offerbox {  padding:0;  }


.offerbox-content { background:#fff; padding:10px; border:1px solid #dedede; border-radius:3px 3px 0 0; border-bottom:none;}

.offerbox h2 { margin:0; padding:5px 0;}
.offerprice { font-family: 'Lato', sans-serif; font-size:2em; text-align:right; background:#f6f6f6; border-right:1px solid #dedede; border-left:1px solid #dedede; color:#B22118; display:block; padding:6px 20px 6px 0;}
.offerlink {  padding:10px; margin:0; background:#b22c2a; border:1px solid #b22c2a; color:#fff; border:none !important; cursor:pointer; font-size:1em; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; display:block; border-radius:0 0 2px 2px; text-align:center;}

.offerlink a { text-decoration:none; color:#fff; }
.offerlink:hover { background:#c00;}




#buyer-info-form fieldset { width:95%; padding:10px; margin:10px 10px 10px 0; background:#f7f7f7; border:1px solid #dedede; border-radius:3px; line-height:1.6em; }
#buyer-info-form legend { font-size:1.2em; padding:5px 5px 10px 5px;}
#buyer-info-form label { font-size:.8em;  margin:7px 0 2px 0; width:30%; display:inline-block;}
#buyer-info-form input {width:50%; border:1px solid #dedede; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:4px 3px; margin:0 0 10px 0; font-family:Verdana, Arial, sans-serif; font-size:.8em;}
#buyer-info-form input.check { width:30px; margin-top:2px; float:left; background:none; border:none; }

#buyer-info-form input:focus { border:1px solid #ccc;}

#buyer-info-form button { cursor:pointer; margin:15px 0; border:1px solid #ddd; font-size:.8em;  padding:6px 10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
background: url(images/buttonbg.jpg) top left repeat-x;
}

#buyer-info-form button:hover {color:#b22c2a; }

.page-entry h3.qa {font-size:1.1em; cursor:pointer; background:#f6f6f6; padding:6px 0 6px 10px; margin:5px 0 10px 0;}
.page-entry h3.qa i { float:right; clear:right; margin:0 15px 0 0;}
.page-entry h3.qa:hover i { color:#b22c2a;}
.page-entry p.qaa { margin:5px 0; padding:15px 10px; border:1px solid #ebebeb; border-radius:2px; line-height:1.8em;}



.page-entry .pinfo { margin:0; padding:0;}
.page-entry .ppinfo { padding:10px; margin:20px 10px 30px 0; border:2px solid #b22c2a; border-radius:3px; font-size:1em; line-height:1.7em;  width:95%;}
.page-entry img.cartred { float:right; margin:0; padding:59px 5px 0 0; }

.shopinfobox  { margin:10px 0; border:1px solid #ebebeb; border-radius:3px; padding:10px;}





/* =========================  page content   =========================  */ 


.headerimage {border:3px double #e2e2e2; padding:0; margin:0; border-radius:2px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.headerimage img {width:100%; height:auto; display:block;}

.gallery {margin:0; padding:10px 0; }
.gallery-item { float:left; margin:5px 15px 10px 0; text-align:center; border-radius:3px; border:2px solid #fff; outline:1px solid #e2e2e2; box-sizing:border-box;}
.gallery img {width:100%; height:auto; display:block;}
.gallery-caption {font-size:12px; color:#777; text-align:center; margin:0; padding:0;}

article ul, .page-entry ul, .blog-page-entry ul {margin:5px 0 15px 20px; padding:0; font-size:1em;}
article ul li, .page-entry ul li, .blog-page-entry ul li {list-style:square; padding-left:5px; line-height:1.6em; margin:8px 0;}

.notfound { font-size:8em; color:#ccc; width:auto;  float:right; clear:right; margin:50px 0 20px 20px;}

ul.check { margin:5px 0 15px 5px; padding:0; list-style:none; font-size:1em; }
ul.check li { list-style:none; line-height:1.6em; margin:8px 0;}
ul.check li:before {font-family: "fontello";  content: '\e861'; margin-right:10px; color:#39404a;}

ul.standard { margin:5px 0 15px 20px; padding:0; font-size:1em; }
ul.standard li { list-style:square; padding-left:5px; line-height:1.6em; margin:8px 0;}

ul.plus { margin:5px 0 15px 5px; padding:0; list-style:none; font-size:1em; }
ul.plus li { list-style:none; line-height:1.6em; margin:8px 0;}
ul.plus li:before {font-family: "fontello";  content: '\e80d'; margin-right:10px; }

ul.pfeil { margin:15px 0 15px 7px; padding:0; list-style:none; font-size:1em; }
ul.pfeil li { list-style:none; line-height:1.6em; margin:8px 0;}
ul.pfeil li:before {font-family: "fontello";  content: '\e88b'; margin-right:10px; }


#content table { width:100%; background:#fff; margin:5px 0 25px 0; padding:0; border:1px solid #e5e5e5;  border-radius:2px;  -moz-border-radius:2px; -webkit-border-radius:2px; box-sizing:border-box;}
#content table td { color:#777; border-bottom:1px solid #e5e5e5; font-size:.8222em; border-top:1px solid #fff; border-right:1px solid #ccc; border-left:1px solid #fff; padding:6px; margin:0;}
#content table td:last-child { border-right:none;}
#content table td:first-child { border-left:none;}
#content table th {padding:6px; font-size:.9855em; line-height:24px; color:#39404A; font-weight:normal; border-bottom:1px solid #e5e5e5; text-align:left; }
#content table tr:last-child td { border-bottom:none;}
#content table tr:nth-child(even) { background:#f5f5f5;}

.service-box { margin:5px 0; padding:10px;  position:relative;
-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
border:1px solid #ebebeb;
}
.service-box h2 {border-bottom:1px dotted #39404a; padding-bottom:5px; margin-bottom:20px; }


blockquote { background:url(images/quotes.png) top left no-repeat; padding:0 0 0 40px; margin:25px 30px 25px 20px;}
blockquote p { padding:0; margin:0; line-height:1.7em; font-style: italic;}


img.alignleft {float:left; margin:5px 25px 10px 0; width:auto; height:auto; }
img.alignright {float:right; margin:5px 0 10px 25px; width:auto; height:auto;}
img.alignnone {margin:0; padding:0; height:auto;}

img.alignright, img.alignleft {padding:2px; background:#f6f6f6; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:2px solid #fff; outline:1px solid #e2e2e2;}

#infoboxen img.alignright {float:right; margin:0 5px 0 10px; width:auto; height:auto; background:none; border:none; outline:none;}



#gototop { display:none; background: #3A434C; padding:5px 10px; position:fixed; border-radius:3px; right:100px; bottom:75px; text-transform:uppercase;}
#gototop a {color:#fff; text-decoration:none; font-size:1.4em;}
#gototop:hover a { color:b22c2a;}



/* projekte */ 

.textbox { padding:10px; background:#f6f6f6;}

.project-list { margin:0; padding:20px 0 20px 0; border-top:1px dotted #ccc;}
.project-list-box { margin:0; padding:10px 10px 5px 10px; border:1px solid #dedede; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; 
background: rgb(246,246,246);
background: -moz-linear-gradient(45deg, rgba(246,246,246,1) 0%, rgba(252,252,252,1) 49%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(246,246,246,1)), color-stop(49%,rgba(252,252,252,1)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(45deg, rgba(246,246,246,1) 0%,rgba(252,252,252,1) 49%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(45deg, rgba(246,246,246,1) 0%,rgba(252,252,252,1) 49%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(45deg, rgba(246,246,246,1) 0%,rgba(252,252,252,1) 49%,rgba(255,255,255,1) 100%);
background: linear-gradient(45deg, rgba(246,246,246,1) 0%,rgba(252,252,252,1) 49%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=1 );
}

.project-list .col-ofc:nth-child(4n+4) { margin-right:0 !important;}
.project-list-box:hover {box-shadow:0 0 2px #adadad;}
.probox-content {  padding:0 0 10px 0; min-height:295px;}
.project-list-box h2 { font-size:1em;}
.project-list-box p { font-size:.85em;  padding:5px 0 0 0;}
.project-list-box img {width:100%; height:auto; display:block; border:1px solid #fff;}
.project-list-box ul { font-size:.8em; padding:5px 0;}

.project-list-box ul li { line-height:1.7em;}





/* =========================  blog page content   =========================  */ 


.post-nav { margin:20px 0; padding:7px 0; border-top:1px solid #eee; font-size:.8em;}
.nav-previous { float:left; width:150px;}
.nav-next { float:right; width:150px; text-align:right;}
.post-nav a {color:#b22c2a; text-decoration:none;}
.post-nav a:hover {text-decoration:underline;}

.page-numbers {padding:5px; border-radius:2px; margin:0 4px 0 0;}
.post-nav .current {background:#b22c2a; color:#fff;}

.meta-category {margin-top:15px; font-size:.7em; padding:3px 5px; background:#f6f6f6; border-radius:3px;}
.meta-category a {color:#b22c2a; text-decoration:none;}

.blog-teaser { margin:10px 0 25px 0; padding:0; }
.blog-teaser h2 {font-size:1.2em; margin:0; padding:10px 0 5px 0;}
.blog-teaser h2 a {color:#454545;}
.blog-teaser h2 a:hover {color:#b22c2a;}
.blog-teaser p {margin:0; padding:0;}
.blog-teaser a.more {font-size:.755em; font-style:italic; color:#b22c2a; text-decoration:none;}

.blog-thb { max-width:250px; max-height:165px; float:right; margin:10px 0 6px 15px; padding:3px; background:#f6f6f6; border-radius:3px; box-shadow:#ccc 0px 0px 2px; -moz-border-radius:3px; -moz-box-shadow:#ccc 0px 0px 2px; -webkit-border-radius:3px; -webkit-box-shadow:#ccc 0px 0px 2px; border:2px solid #fff;}
.blog-thb img { width:100%; height:auto;}

.meta {font-size:.8555em;  }
.meta-single {font-size:.7em; color:#777; margin:0; padding:0 0 3px 0; border-bottom:1px dotted #e2e2e2; }


.archive-meta {margin:5px 0 10px 0; padding-bottom:10px; border-bottom:1px dotted #ccc; font-size:.9em; line-height:1.4em;}

.searchlist-entry {border-bottom:1px solid #ccc; padding:10px 0; margin:10px 0; width:100%;}
.searchlist-entry a { text-decoration:underline;}



/* ======================== comments  ============================ */



#comments {  margin:60px 10px 25px 0; width:100%; padding:20px 0; border-top:1px dotted #ddd;}

ol.commentlist { margin:15px 0 0 0; list-style:none; padding:0; }
ol.commentlist li a { color:#454545; text-decoration:none;}
ol.commentlist li { color:#303030; font-size:.9em; line-height:1.6em; border:1px solid #f1f1f1; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  padding:5px 8px 0 8px; margin:9px 0;}
ol.commentlist li:nth-child(even) { background:#f6f6f6;}
ol.commentlist .commentmetadata { font-size:.9em; }
ol.commentlist .reply { text-align:right; width:100%; font-size:.7222em; }
ol.commentlist .reply a {color:#b22c2a;}
.commentlist .says { display:none;}
.commentlist cite { font-style:normal;}
ol.commentlist li img { float:left; clear:left; border:3px solid #e5e5e5; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:0 25px 5px 0;}
.commentlist ul.children { margin:5px 0 5px 30px;}
.commentlist ul.children li { border:3px solid #e3e3e3; padding:5px 10px 0 10px;}


#respond { margin:35px 0 0 0; padding:0 0 15px 0; background:url(images/icons/pencil.png) top left no-repeat; }
#respond h4 { font-size:1.1em; margin:0px 0 5px 55px; padding:0; font-weight:normal;}
#respond .memberbox { padding:5px 0 0 55px;}
#respond .inputbox { padding:10px 0 0 0;}
#respond .textbox {margin:5px 10px 5px 0;}
#respond label { }
#respond input {  width:240px; padding:3px; margin:2px 0 0 0; border:1px solid #e0e0e0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
#respond textarea {  padding:5px; height:130px; width:100%; margin:0; border:1px solid #e0e0e0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-sizing:border-box;}
#respond #submit {cursor:pointer;font-size:12px;  width:auto; padding:5px 12px; color:#000; border:1px solid #e0e0e0;  background: #f8f8f8;
background: -moz-linear-gradient(top, #f8f8f8 0%, #e0e0e0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e0e0e0));
background: -webkit-linear-gradient(top, #f8f8f8 0%,#e0e0e0 100%);
background: -o-linear-gradient(top, #f8f8f8 0%,#e0e0e0 100%);
background: -ms-linear-gradient(top, #f8f8f8 0%,#e0e0e0 100%);
background: linear-gradient(to bottom, #f8f8f8 0%,#e0e0e0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e0e0e0',GradientType=0 ); }
#respond a { color:#454545; text-decoration:underline;}
#respond a:hover { color:#000; text-decoration:underline;}
#respond .memberbox { font-size:.8em; margin:5px 0;}

#cancel-comment-reply {float:right; width:100px; margin:-35px 0 0 0; line-height:1.2em; }




/* ========= Sidebar ============ */ 



#sidebar {padding-left:15px; border-left:1px dotted #39404a;  }

.sidebar-separator { height:1px; border-bottom:1px dotted #39404A; margin:25px 0;}


.themeboxinfo {margin:0 0 10px 0;}
#right-column .themeboxinfo p {font-size:.9em; line-height:1.8em; font-weight:normal; color:#999;}
#right-column .themeboxinfo p a {color:#b22c2a; }
.themeboxthumbs { margin:10px 0 10px 0;}
.themeboxthumbs img { padding:2px; background:#f1f1f1; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; float:left; margin:5px 5px 5px 0;}


#sidebar ul { margin:0 20px 0 0; padding:0; list-style:none; font-size:1.1em;}
#sidebar ul li { line-height:1.8em; padding:5px 0; border-bottom: 1px dotted #dedede;}
#sidebar ul li:last-child { border-bottom:none;}
#sidebar ul li a { color:#4D3F38; text-decoration:none; display:block;}
#sidebar ul li a:hover {} 
#sidebar ul li.current-menu-item a {color:#b22c2a; }
#sidebar ul li:hover { border-bottom: 1px dotted #b22c2a}
#sidebar ul.menu { margin:5px 0 30px 0;}
#sidebar ul.blogroll { margin:5px 0 30px 0;}


#sidebar .contactbox { margin:15px 0 25px 0; padding:10px; background:#f6f6f6; border:1px solid #ebebeb; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#sidebar .contactbox p {font-size:.9em; line-height:1.8em; padding:7px; margin:0; }
#sidebar .contactbox p a {color:#b22c2a; text-decoration:none;}
#sidebar .contactbox p a:hover {border-bottom: 1px dotted #b22c2a}


.sidebarbox ul.contactdata { margin:0; padding:0; list-style:none; }
.sidebarbox ul.contactdata li { float:none !important; list-style:none !important; display:block !important; line-height:1.9em; margin:7px 0 10px 0 !important; padding:0 !important; font-size:.9em;  }
.sidebarbox ul.contactdata li:first-child { }
.sidebarbox .fbinfo { float:right; width:calc(100% - 40px);}
.sidebarbox ul.contactdata li i {color:#b22c2a; float:left; width:28px; height:26px; padding-top:2px; text-align:center; line-height:1em; }
.sidebarbox ul.contactdata li i.icon-mail-alt {height:24px; padding-top:4px; }
.sidebarbox ul.contactdata li i.icon-phone {height:24px; padding-top:4px;  }



/* =========================  contactform   =========================  */ 

.selected-offer { margin:15px 20px 15px 0; padding:5px; background:#f6f6f6; border:1px solid #ebebeb; border-radius:2px;}
.selected-offer-thumb { float:left; max-width:120px; padding:5px; margin:0 20px 0 0; display:block;}
.selected-offer-thumb img {width:100%; height:auto; display:block;}

.selected-offer-infos { font-size:.9em; line-height:1.7em; padding:7px 0 0 0; }
.selected-offer-infos .key { font-weight:bold;}
.selected-offer a.browseback { color:#b22c2a; font-size:.8em; font-style:italic;}


.contactform { margin:10px 0; padding:0;  }
.contactform label { font-size:.85em; display:block; margin:7px 0 0 0;}
.contactform input {width:100%; border:1px solid #e3e3e3; border-radius:2px; padding:4px 3px; margin:0 0 10px 0; font-family:Verdana, Arial, sans-serif; font-size:.9em; box-sizing:border-box;}
.contactform select {width:100%; border:1px solid #e3e3e3; border-radius:2px; padding:4px 3px; margin:0 0 10px 0; box-sizing:border-box; font-family:Verdana, Arial, sans-serif; font-size:.9em; }
.contactform textarea { width:97%; border:1px solid #e3e3e3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:4px 3px; font-size:.9em; box-sizing:border-box; font-family:Verdana, Arial, sans-serif; font-size:1em; }
.contactform input:focus, .contactform textarea:focus { border:1px solid #999;}

.contactform button { cursor:pointer; color:#fff; margin-top:15px; border:none; font-size:.9em;  padding:6px 10px; border-radius:2px; border:1px solid #b22c2a;
	background: #b22c2a} 
.contactform button:hover {background:#c00;}

.formcolumn {width:47%; margin-right:3%; float:left;}
.contactForm .error { position:relative;}
.contactform .error {display:block; color:#b22c2a;}






/* =========================  shortcodes   =========================  */ 

.map { width:100%; margin:15px 0; border:2px solid #fff; outline:1px solid #e2e2e2; box-sizing:border-box; border-radius:3px; overflow:hidden;}
.map iframe {width:100%; height:auto }
.map small { font-size:.7em; padding-left:5px;}

.contentbutton { margin-bottom:15px;}
.contentbutton a { font-size:.8555em; line-height:2em; color:#fff; padding:3px 20px; width:auto; border-radius:3px; display:inline-block;}


/* =========================  sidebar search   =========================  */ 

#sidebar form#searchform {  margin:0; padding:0; }
#sidebar input#searchinput {font-family: Verdana, Geneva, sans-serif; border:1px solid #7A706E; font-size:11px; padding:8px 4px; margin:4px 0 0 0; font-style:italic; width:185px; float:left;  color:#333; border-radius:5px; }
#sidebar .searchbutton { float:right; width:40px; height:40px; padding:0; margin:0; border-radius:40px; background:#ccc url(images/zoom.png); text-align:center; }
#sidebar .searchbutton:hover { background:#b22c2a url(images/zoom.png); }
#sidebar input#searchsubmit {border:none; width:40px; height:40px; display:block; padding:0; margin:0;  cursor:pointer; background: none;}





/* ========================= sidebar   =========================  */ 


#calendar_wrap {margin:0; position:relative;  }
#wp-calendar {empty-cells: show; margin:0; width: 100%; padding:0; font-size:.8em;}
#wp-calendar #next a {text-align: right; background:none; }
#wp-calendar #prev a {text-align: left; background:none;}
#wp-calendar a {display: block; }
#wp-calendar caption {display:none;}

#wp-calendar th {padding: 3px 0; text-align: center;  border:1px solid #ddd; background-color: #f6f6f6; color:#7a7a7c; }
#wp-calendar td {padding:3px; text-align: center; border:1px solid #ddd;	}
#wp-calendar td.pad:hover { background-color: #eee; }



/* ===================== request =============== */ 



.requestform { padding:20px 50px 50px 20px; border:1px solid #ebebeb;}
.requestform h2.formheadline { font-size:1.35em; margin:0; padding:0; }
.requestform .btn-group { margin:10px 0; }

.requestform input[type="text"] { padding:5px 10px; width:auto !important; min-width:280px !important; border-radius:5px; margin:5px 0 15px 0; border:1px solid #ccc; background:none; box-shadow:none;}
.requestform input[type="email"] { padding:5px 10px; width:auto !important; min-width:280px !important; border-radius:5px; margin:5px 0 15px 0; border:1px solid #ccc; background:none; box-shadow:none;}

.requestform select { padding:3px 10px; border-radius:5px; margin:0; width:auto !important;}
.requestform .invisible { display:none;}
.requestform .checkbox {margin:3px 0;}



a.tip { margin:0 0 0 20px; color:#c00; font-size:20px; line-height:2em; }
a.tip:hover {color:#c00;}
     
.question-headline {font-size:1em; margin:5px 0; font-weight:bold;}	 
label.question { display:block;}
.answer { padding:0; margin:10px 0;}
article ul.dropdown-menu, .page-entry ul.dropdown-menu, .blog-page-entry ul.dropdown-menu {margin:0 !important; padding:0 !important; }
article ul.dropdown-menu li, .page-entry ul.dropdown-menu li, .blog-page-entry ul.dropdown-menu li { list-style:none !important;}

.request-desc { padding:10px 0 20px 0; font-size:.95em; line-height:1.6em; display:block;}

.simple-price-calc {font-size: 14px; font-family:'Open Sans';}
#simple-price-total {margin-top:5px;}
#simple-price-total label {color:green; font-weight:bold; font-size:26px; } 
.fixed-total #pricebox {position:fixed; left:85%; top:20%; padding:25px; background:rgba(255,255,255,.8); border:1px solid #eee; }

.formseparator { border-bottom:1px solid #ddd; margin:25px 0 25px 0; width:100%; display:block; height:1px;}

.requestform input.nofp {max-width:40px !important; min-width:40px !important;}
.requestform input[type="checkbox"] {margin:0 5px 0 0 !important;  }
.requestform label.chklabel { font-size:.95em; line-height:1.6em; padding-left:5px; margin:3px 0; }

.priceinfotext { font-size:.75em; }
.priceinfotext a { color:#7a7a7a; font-style:italic !important; text-decoration:underline;}


.inquirybox { margin:25px 0; padding:7px 10px 7px 20px; border:1px dotted #bbb;}
.inquirybox .boxbutton { margin:15px 0 10px 0;}
.inquirybox .boxbutton a {color:#f6f6f6; font-size:.8em;  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform:uppercase; font-weight:600;  width:auto; margin:0; padding:7px 15px; border-radius:3px; transition: padding 0.2s ease; 
background: #b22c2a;}
.inquirybox .boxbutton a:hover { padding:7px 25px; background:#c00; }



.supportsubmit button { width:100%; border:1px solid #ccc; padding:15px 10px; border-radius:4px; color:#444; font-size:1.1em;
background: #f9f9f9;
background: -moz-linear-gradient(top, #f9f9f9 0%, #ededed 50%, #e8e8e8 51%, #fefefe 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(50%,#ededed), color-stop(51%,#e8e8e8), color-stop(100%,#fefefe));
background: -webkit-linear-gradient(top, #f9f9f9 0%,#ededed 50%,#e8e8e8 51%,#fefefe 100%);
background: -o-linear-gradient(top, #f9f9f9 0%,#ededed 50%,#e8e8e8 51%,#fefefe 100%);
background: -ms-linear-gradient(top, #f9f9f9 0%,#ededed 50%,#e8e8e8 51%,#fefefe 100%);
background: linear-gradient(to bottom, #f9f9f9 0%,#ededed 50%,#e8e8e8 51%,#fefefe 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#fefefe',GradientType=0 ); }
.supportsubmit button:hover { color:#c00; background: #f9f9f9; border:1px solid #ebebeb;}

.inquirybox h3.inqh { font-size:1.4em;}

.thanks { margin:25px 20px; border:1px dotted #bbb; padding:20px;}

.btn-group-radio input[type=radio] {
  visibility: hidden;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}
 
 
.btn-group-radio input.active + .btn {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  background-color: #cccccc \9;
  background-color: #e6e6e6;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn-group-radio > input:first-child + .btn {
  margin-left: 0;
     -webkit-border-top-left-radius: 4px;
         -moz-border-radius-topleft: 4px;
             border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
      -moz-border-radius-bottomleft: 4px;
          border-bottom-left-radius: 4px;
}
.btn-group-radio > input:first-child + .btn.large {
  margin-left: 0;
     -webkit-border-top-left-radius: 6px;
         -moz-border-radius-topleft: 6px;
             border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
      -moz-border-radius-bottomleft: 6px;
          border-bottom-left-radius: 6px;
}
 
.btn-group-radio > .btn {
  margin-left: -1px; border:1px solid #ccc;
}

.form-group {margin-bottom:10px;}
.newtheme {margin-top:30px;}

/* ========================= testiform ========================= */ 

.testiform { background:#f6f6f6; margin:20px 0; padding:10px; width:calc(100% - 120px); }
.testiform textarea { border:1px solid #ebebeb; width:calc(100% - 20px); padding:10px; color:#7a7a7a; font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:1.6em; border-radius:3px;}
.testiform label { font-size:.85em; float: left; display:inline-block; margin:10px 5px 0 0;}
.testiform input {color:#7a7a7a; }
.testiform input[type="text"] {width:calc(100% - 10px); float:left; display:block; font-family:Verdana, Geneva, sans-serif; font-size:.95em; border:1px solid #ebebeb; border-radius:3px; padding:7px 4px; margin:0 ;}
.testiform input[type="email"] {width:calc(100% - 10px); display:block; font-family:Verdana, Geneva, sans-serif; font-size:.95em; border:1px solid #ebebeb; border-radius:3px; padding:7px 4px; margin:0;}
.testiform button { cursor:pointer; margin:10px 0; display:block; width:auto; border:none; padding:7px 10px; border-radius:4px; color:#fff; font-size:1em; background: #b22c2a;}
.testiform button:hover { background:#c00;}

.testiform hr { border:none; border-bottom:1px dotted #ccc; background:none; height:1px; margin:10px 0;}
.testi-desc { padding:10px 0 15px 0; font-size:.85em; line-height:1.6em; display:block; font-style:italic;}

.testipreview { margin:15px 0;}
.testibox { border:1px solid #ebebeb; padding:10px; margin:15px 0; box-shadow:0 0 6px #ddd; }
.testibox p { color:#7a7a7a;}
.testibox .icon-quote:before { font-size:32px; float:left; margin-right:5px;}
.testibox .quoteright { float:right !important; clear:right;}
.testiname {font-size:.9em; line-height:1.5em;  color:#7a7a7a; margin:0; padding:0;}
.testiurl {  color:#7a7a7a; font-size:.9em; line-height:1.5em; cursor:pointer; margin:0; padding:0;}

.testimonialthanks {
-moz-transform:    rotate(45deg);
-ms-transform:     rotate(45deg);
-o-transform:      rotate(45deg);
-webkit-transform: rotate(45deg);
background-color: #c00; color: #fff; font-size: 1em; font-weight: 600; letter-spacing: 2px; padding:10px 20px; position: absolute; text-align:center; text-transform: uppercase; right:-75px;  top:65px; width:300px;}


.mobileheadimg {display:none;}

/* =========================  media queries   =========================  */ 

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

h2.pagetitle { font-size:1.2em; padding:6px 60px 6px 0; margin:0 0 10px -21px !important; text-indent:20px !important; }
h1.pagetitle { font-size:1.2em; padding:6px 60px 6px 0; margin:0 0 10px -21px !important; text-indent:20px !important; }
.boxcontent h3, .calcbox h3, .testibox h3 { line-height:1.65em; font-size:1.1em; }
a.opensearch {right:0 !important;}
.headercontent {max-width:980px !important; }
#page {max-width:980px !important; margin:40px auto !important; }
#menu ul li { font-size:.8em !important;}
.searchbox {max-width:980px !important;  }
.footercontent {max-width:980px !important; }
.slider-item {max-width:980px !important; }

.ps-wrap {  padding:26px 0 150px 0;     }
.proslider { max-width:400px; margin:0 0 0 43px; }
.proslider img { width:100%; height:auto; max-height:227px; display:block; }

#gototop {  right:20px; bottom:75px;}

.boxcontent .boxbutton a, .calcbox .boxbutton a {font-size:.8em !important; padding:8px 10px !important; font-weight:400 !important;} 

}  




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

a.opensearch {right:10px !important;}
#page {margin:30px auto !important; }
#header {height:auto !important;}

#header .col-ohc { display: block !important; width:100% !important; margin-right:0 !important;}
.active {display: block;}
a.toggleMenu span { font-size:50px; margin:0 5px 0 0; }
.fixednav { z-index: 9999; position: inherit !important; left: 0; top: 0; width: 100%; border-bottom: none !important; box-shadow: none;} 
#menu ul {height:auto;  }
#menu ul li { float:none !important; text-align:left; display:block !important;  font-size:.85em; height:auto;   background:none !important; border-bottom:1px solid #ddd; border-top:1px solid #fff; }
#menu ul li:first-child { border-top:none;}
#menu ul li:last-child { border-bottom:none;}
#menu ul li a { text-transform:uppercase; line-height:1.7em; height:auto !important;  padding:9px 0 9px 10px !important;   display:block; }
#menu ul li a:hover {background:none !important; color: #b22c2a !important;}
.boxcontent h3 { font-size:1em !important;  }

.proinfo-wrap .col-ohc {display: block !important; width:100% !important; margin-right:0 !important; float:none !important;}
.ps-wrap { display:none !important;}

.footercontent {padding:0 0 0 15px !important; width:calc(100% - 15px) !important; }

.boxcontent .boxbutton a {font-size:.75em !important; font-weight:normal !important;  padding:7px 10px !important; }
.boxcontent .boxbutton a:hover { padding:7px 10px !important;  }
h2.pagetitle { padding:6px 15px 6px 0 !important; font-size:1.025em; }
#gototop {  right:5px; bottom:35px;}

.fixed-total #pricebox {position: relative !important; right:inherit !important; top: inherit !important; left:0 !important; width:calc(100% - 40px); padding:20px !important;  }

.calcbox .boxbutton { margin:15px 0 10px 0 !important;}
}  

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

a.opensearch {right:3px !important;}
#page {margin:30px auto !important; }

}  

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

.mobileheadimg {display:block; border-bottom:3px solid #b22c2a;}
.mobileheadimg img {width:100%; height:auto; display:block;}
.hptop {margin:5px auto 0 auto !important;}

.active {display: block;}
a.opensearch { padding:2px 4px 5px 4px !important; }
a.opensearch i { font-size:18px !important; color:#fff;}

.col-ttc, .col-otc, .col-ohc, .col-ttfull, .col-otfull { display: block !important; width:100% !important; margin:1.5% 0 1.5% 0 !important; }
.testiform { width:calc(100% - 20px) !important; }

.project-list .col-ofc {width:48.786170212699% !important; margin:1.5% 1.5% 1% 0;}
.project-list .col-ofc:nth-child(even) {margin:1.5% 0 1% 0 !important; }


.cycle-prev, .cycle-next {bottom:1px !important;  }
.cycle-prev [class^="icon-"]:before, .cycle-prev [class*=" icon-"]:before { font-size:20px; } 
.cycle-next [class^="icon-"]:before, .cycle-next [class*=" icon-"]:before { font-size:20px; }

.ro-banner { top:50px; right:-60px; width:300px; height:40px; line-height:16px !important; padding-top:4px !important; font-size:.8em;  }

.footercontent {padding:0 0 0 0 !important; width:100% !important; }
.footerbox { padding:5px 10px !important; margin:0; border-right:none !important; border-left:none !important; width:calc(100% -20px) !important; min-height:200px !important;}
.footercontent .nrb .footerbox { padding:5px 10px !important; width:calc(100% -20px) !important; }
.footercontent .nlb .footerbox { padding:5px 10px !important; width:calc(100% -20px) !important;}
.bottomline { padding:10px !important;}

.boxcontent h3 { font-size:1.2em !important;  }

.theme-price { right:10px !important; font-size:1.5em !important; line-height:1.6em; }
.theme-box .boxbutton a {font-size:.8em !important;  font-weight:600;  padding:7px 10px !important; }
.theme-box .boxbutton a:hover { padding:7px 15px 7px 10px; }

.bigicon { font-size:60% !important;}
#filters { display:none !important; }

#sidebar {padding-left:5px !important; border-left:none !important;  }

.calcbox {margin:25px 0 15px 0 !important; }

} 

/* =========================  */	

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

#logo img { max-width:300px !important;}
h2.pagetitle { padding:6px 30px 6px 0 !important; font-size:1.1em; }
h1.pagetitle { padding:6px 30px 6px 0 !important; font-size:1.1em; }
.cycle-prev { display:none;   }
.cycle-next { display:none;}

.ro-banner { top:45px; right:-50px; width:230px; height:40px; line-height:16px !important; font-size:.75em; padding-top:4px !important; }
.theme-box .boxbutton a {font-size:.725em !important;  font-weight:400 !important;  padding:7px 6px !important; }
.theme-box .boxbutton a:hover { padding:7px 6px 7px 6px; }
.theme-headline {font-size:1.1em !important;}
.theme-box h2 { font-size:1em !important;}

.col-ofc, .project-list .col-ofc { display: block !important; width:100% !important; margin-right:0 !important; float:none !important;}

.page-entry .bigicon { display:none;}

.theme-button:last-child { margin:7px 0 15px 0 !important; display:block;}
.theme-text input[type="submit"] { -webkit-appearance: none; font-size:13px;}
.theme-text a { font-size:13px; }
.theme-text input[type="submit"]:hover {padding:0 30px 6px 10px;} 
.theme-text a:hover {padding:0 30px 0 10px;}

.formcolumn {width:100%; margin-right:none !important; float:none !important;}
.contactform textarea  {width:100%;}

.requestform { padding:20px 10px 20px 10px !important; }
.inquirybox { margin:25px 0 0 0 !important; padding:7px 10px 7px 15px !important; }

.inquirybox .boxbutton a, .calcbox .boxbutton a { font-size:.725em !important; padding:7px 10px !important; }
.inquirybox .boxbutton a:hover, .calcbox .boxbutton a:hover { padding:7px 10px !important;  }

}  

/* =========================  */

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


h2.pagetitle { padding:6px 10px 6px 25px !important; margin:0 0 10px -31px; text-indent:0 !important; display:inline-block;}
h1.pagetitle { padding:6px 10px 6px 25px !important; margin:0 0 10px -31px; text-indent:0 !important; display:inline-block;}

#logo img { max-width:250px !important;}
.ro-banner { top:38px !important; right:-50px; width:210px; height:36px !important; line-height:15px !important; font-size:.7em !important; }
.requestform input[type="text"] {max-width:200px !important;  }

.calcbox .boxbutton a { font-size:.725em !important; padding:7px 10px !important; width:calc (100% - 20px); display:block;  }


}