/*
	Theme Name: Staircon
	Description: Theme for Staircon
	Date: 2013
	Author: TR
    Author URI: http://www.tr.se
*/

* { margin: 0; padding: 0 }
html { height: 100%; font-size: 100% }
body { font: 0.8em "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; color: #414141; text-align: left; background: #fff; line-height: 150%; height: 100%; margin: 0; padding: 16px 0 0 0 }

.greybg { background: #fafafa }
.content li { margin-left: 15px }


/*  header menus
/*------------------------------------------------------ */
.mainmenu { display: block; float: right; width: 86.5% }
.mainmenu ul { list-style: none; display: block; padding: 0 }
.menu li { display: block; float: right }
.menu li a { text-decoration: none; color: #292929; margin: 0 0 0 20px; display: block; font-size: 1.15em }
.menu li a:hover { color: #c2411d }
li.current-menu-item a { color: #c2411d; font-weight: bold }
li.current-page-ancestor a { color: #c2411d; font-weight: bold  }
li#menu-item-43238 a { display: block; width: 15px; text-indent: -9999px; background: url(images/sitemap.png) center left no-repeat }
li#menu-item-43240 a { display: block; width: 15px; text-indent: -9999px; background: url(images/sitemap.png) center left no-repeat }
li#menu-item-43242 a { display: block; width: 15px; text-indent: -9999px; background: url(images/sitemap.png) center left no-repeat }
li#menu-item-43244 a { display: block; width: 15px; text-indent: -9999px; background: url(images/sitemap.png) center left no-repeat }
li#menu-item-43246 a { display: block; width: 15px; text-indent: -9999px; background: url(images/sitemap.png) center left no-repeat }
li#menu-item-612 a { display: block; width: 15px; text-indent: -9999px; background: url(images/sitemap.png) center left no-repeat }

li#menu-item-43218 a { display: block; width: 15px; text-indent: -9999px; background: url(images/cookie.png) center left no-repeat }
li#menu-item-43220 a { display: block; width: 15px; text-indent: -9999px; background: url(images/cookie.png) center left no-repeat }
li#menu-item-43222 a { display: block; width: 15px; text-indent: -9999px; background: url(images/cookie.png) center left no-repeat }
li#menu-item-43224 a { display: block; width: 15px; text-indent: -9999px; background: url(images/cookie.png) center left no-repeat }
li#menu-item-43226 a { display: block; width: 15px; text-indent: -9999px; background: url(images/cookie.png) center left no-repeat }
li#menu-item-43046 a { display: block; width: 15px; text-indent: -9999px; background: url(images/cookie.png) center left no-repeat }

body.single-format-standard li.current_page_parent a { color: #c2411d; font-weight: bold }
body.post-type-archive-consultec_case li#menu-item-622 a { color: #c2411d; font-weight: bold }
body.tax-consultec_casecategories li#menu-item-622 a { color: #c2411d; font-weight: bold }
body.single-consultec_case li#menu-item-622 a { color: #c2411d; font-weight: bold }
body.post-type-archive-consultec_case li#menu-item-901 a { color: #c2411d; font-weight: bold }
body.tax-consultec_casecategories li#menu-item-901 a { color: #c2411d; font-weight: bold }
body.single-consultec_case li#menu-item-901 a { color: #c2411d; font-weight: bold }
body.post-type-archive-consultec_case li#menu-item-2250 a { color: #c2411d; font-weight: bold }
body.tax-consultec_casecategories li#menu-item-2250 a { color: #c2411d; font-weight: bold }
body.single-consultec_case li#menu-item-2250 a { color: #c2411d; font-weight: bold }
body.post-type-archive-consultec_case li#menu-item-2414 a { color: #c2411d; font-weight: bold }
body.tax-consultec_casecategories li#menu-item-2414 a { color: #c2411d; font-weight: bold }
body.single-consultec_case li#menu-item-2414 a { color: #c2411d; font-weight: bold }
body.post-type-archive-consultec_case li#menu-item-3781 a { color: #c2411d; font-weight: bold }
body.tax-consultec_casecategories li#menu-item-3781 a { color: #c2411d; font-weight: bold }
body.single-consultec_case li#menu-item-3781 a { color: #c2411d; font-weight: bold }

.topmenu { display: block; float: right; padding-left: 4px; border-left: 2px solid #9b9b9b }
.topmenu ul { display: block }
.topmenu li { display: block; float: right }
.topmenu li a { margin: 0 0 0 10px; font-size: 0.85em }

ul#languages { list-style: none; display: block; float: right; width: 305px }
ul#languages li { display: block; float: right; margin: 0 10px 0 0; font-size: 0.85em; color: #292929 }
ul#languages li a { color: #292929 }
ul#languages li a:hover { color: #c2411d }

.menubutton { display: none }

#urls { display: none }

body.home .breadcrumbs { display: none }
.breadcrumbs { font-size: 0.8em; text-transform: uppercase; }

a.printbutton { color: #999 !important; text-align: right; display: block; padding: 15px 23px 15px 0; background: url(images/print.png) right center no-repeat }


/*  start page news
/*------------------------------------------------------ */
.startnews h2 { margin-top: 90px }
.startcase h2 { margin-top: 90px }
.startreadmore { display: none }

.startnewsbox h4 { min-height: 45px }

a.startlinkarrow { display: block; width: 22px; height: 22px; text-indent: -9999px; background: url(images/arrow-grey.png) bottom left no-repeat }
a.startlinkarrow:hover { background: url(images/arrow-red.png) bottom left no-repeat }


/*  news pages
/*------------------------------------------------------ */
.newsheader { font-size: 0.95em; color: #313131; font-weight: bold }
.date { font-size: 0.85em; color: #414141; font-weight: bold }
.newspost h2 a { color: #c2411d !important; font-weight: 300 }
.sidebarlist { list-style: none }
.sidebarlist li { margin: 0; padding: 0 }
.sidebarlist a { text-decoration: underline !important }
.sidebarnews h5 { font-size: 1.4em; margin: 20px 0 10px 0; color: #c2411d }
.sidebarnews a { color: #414141 }
.sidebarnews a:hover { color: #c2411d }
.sidebarpost { position: relative }
.sidebarpost span { position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 999; background-color: #FFF; opacity: 0; filter: alpha(opacity=1) }
.sidebarpost:hover { color: #c2411d !important }
body.single .sidebarnews { display: none }

a.read-more { display: block; margin-top: 8px; color: #c2411d !important }
.newsarchive { margin-top: 20px; display: block; width: 120px }
.newsarchive a { color: #313131 !important; font-size: 0.85em; text-decoration: underline !important; display: block; width: 120px; line-height: 22px; background: url(images/arrow-red.png) right bottom no-repeat }
.newsarchive a:hover { color: #c2411d !important; text-decoration: none !important }
.newssidebar a.newsarchive { margin-top: 20px }


/*  case (referenser)
/*------------------------------------------------------ */
.caselist { min-height: 300px }
.caselist .imghover { border-bottom: 5px solid #c2411d }
.caselist h2 { font-size: 1.4em; color: #262626; margin: 10px 0 5px 0 }
.caselist h2 a { color: #262626 }
.caselist a.read-more { display: none }

.caselist:nth-child(3n+3) { margin-right: 0 !important }

a.grey-readmore { display: block; text-align: right; text-transform: uppercase; color: #000 !important; margin: 55px 0 15px 0; font-size: 0.8em !important }
a.grey-readmore:hover { color: #c2411d !important }

.casetags { color: #cacaca; text-transform: uppercase; font-size: 0.8em; margin: 10px 0 0 0 }
.casetags a { color: #cacaca !important }
.casetags a:hover { color: #aaa !important }


/*  software
/*------------------------------------------------------ */
.softwareicon { display: block; width: 100%; margin: 30px 0; background: url(images/arrow-grey.png) top right no-repeat }
.softwareicon a { display: block; width: 306px; height: 56px; text-indent: -99999px }
.softwareicon:hover { background: url(images/arrow-red.png) top right no-repeat }

.statcon { background: url(images/softwarelogos/statcon.png) top left no-repeat }
.staircon { background: url(images/softwarelogos/staircon.png) top left no-repeat }
.cad-staircon { background: url(images/softwarelogos/stairconcad.png) top left no-repeat }
.cam-staircon { background: url(images/softwarelogos/stairconcam.png) top left no-repeat }
.dds-cad { background: url(images/softwarelogos/ddscad.png) top left no-repeat }
.bidcon { background: url(images/softwarelogos/bidcon.png) top left no-repeat }
.sitecon { background: url(images/softwarelogos/sitecon.png) top left no-repeat }
.plancon-planner { background: url(images/softwarelogos/plancon-planner.png) top left no-repeat }
.plancon-powerproject { background: url(images/softwarelogos/plancon-powerproject.png) top left no-repeat }
.plancon-powerproject-enterprise { background: url(images/softwarelogos/plancon-powerprojectenter.png) top left no-repeat }

.softwaretext { display: block; padding: 5px; margin: 0; width: 306px; color: #999 }

h3.projekthant { margin-top: 60px }

.showmore { width: 306px; margin-top: 10px; background: url(images/showmorebtn.png) no-repeat }
.showmorebtn a { display: block; width: 226px; height: 81px; line-height: 80px; padding: 0 20px 0 40px; font-size: 1.4em; background: url(images/plus-grey.png) right center no-repeat }
.showmorebtn a:hover { background: url(images/x-grey.png) right center no-repeat }
a.showless { background: url(images/x-grey.png) right center no-repeat }

.computer { text-align: right; float: right; width: 65.4% }
.computer img {  width: 100%; vertical-align:bottom }

.softwaremenu { background: #f5f5f5; z-index: 99999 }
.softwaremenubtn { background: #f5f5f5; padding: 0 20px 0 0; border-bottom: 1px solid #fff }
.softwaremenubtn a { display: block; padding: 20px 0 20px 20px; background: #f5f5f5; font-size: 1.55em; line-height: 22px; background: url(images/plus-grey.png) right center no-repeat }
.softwaremenubtn a:hover { background: url(images/x-grey.png) right center no-repeat }
.softwaremenu h2 { display: none }
.softwaremenu .col4 { display: none }
.softwaremenu .showmore { display: none }
.softwaremenu .software { padding: 0 20px }



/*  product list block
/*------------------------------------------------------ */
.productlist { background: #f8f8f8; padding: 20px 0 30px 0 }
.productlist ul { display: block; width: 100% }
.productlist ul li { list-style: none; display: block; width: 23.5%; float: left; margin-right: 2%; margin-bottom: 20px; position: relative; color: #424242; border-left: 1px solid #f8f8f8 }
.productlist ul li.prodline { width: 21.8%; height: 120px; padding-left: 1.4%; border-left: 2px solid #f8f8f8 }
.productlist ul li.last { margin-right: 0 }
.productlist a { color: #424242 !important }

li.productempty { height: 0 }

.productlist h3 { font-size: 1.95em; font-weight: bold; margin: 0; color: #424242 }
.productlist h4 { font-size: 1.95em; margin: 0; color: #424242 }

.productlist span { position: absolute; width:100%; height:100%; top:0; left: 0; z-index: 1 }
.productlist li:hover p { color: #c2411d !important }
.productlist ul li.prodline:hover { border-left: 2px solid #c2411d }
.productlist li:hover h3 { color: #c2411d !important }
.productlist li:hover h4 { color: #c2411d !important }

.productmenu { background: #f8f8f8; z-index: 99999 }
.productmenubtn { background: #f8f8f8; padding: 0 20px 0 0; border-bottom: 1px solid #fff }
.productmenubtn a { display: block; padding: 20px 0 20px 20px; background: #f5f5f5; font-size: 1.55em; line-height: 22px; background: url(images/plus-grey.png) right center no-repeat }
.productmenubtn a:hover { color: #c2411d; background: url(images/x-red.png) right center no-repeat }
.productmenu h2 { display: none }
.productmenu .col4 { display: none }
.productmenu .showmore { display: none }
.productmenu .productlist { padding: 0 30px }


/*  product modules
/*------------------------------------------------------ */
.modules { width: 26.5%; background: #f5f5f5; padding: 0 2% }
.modules li { list-style: none; background: url(images/dot-white.png) 0 7px no-repeat; display: block; position: relative; padding-left: 25px; color: #c4c4c4; margin-bottom: 25px }
.modules li a { color: #c4c4c4 !important }
/* .modules li a span { position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1 } */
.modules li.moduleon { background: url(images/dot-red.png) 0 7px no-repeat; color: #424242 }
.modules li.moduleon a { color: #424242 !important }
.modules h4 { font-size: 1.75em; margin: 30px 0 30px 0 }
span.modulename { display: block; font-size: 1.55em; font-weight: 500; margin: 0 0 10px 0 }

.addonmenubtn { background: #f5f5f5 }
.addonmenubtn a { display: block; padding: 10px 0; background: #f5f5f5; font-size: 1.3em; line-height: 22px; background: url(images/plus-grey.png) right center no-repeat }
.addonmenubtn a:hover { color: #c2411d; background: url(images/x-red.png) right center no-repeat }

body.page-template-page-modules-php #cboxPrevious { display: none !important }
body.page-template-page-modules-php #cboxNext { display: none !important }
body.page-template-page-modules-php #cboxCurrent { display: none !important }

/*  crew stories
/*------------------------------------------------------ */
.crewstory img { vertical-align:bottom }
.redbubble { margin-top: 20px; padding: 1px 8% 40px 8%; color: #fff; background: #c2411d url(images/redbubble.png) left bottom no-repeat }
.redbubble a { color: #fff !important; cursor: pointer; }
.redbubble a.selected { font-weight: bold; }
.redbubble a:hover { font-weight: bold }
.redbubble li { list-style: none; color: #fff }
.redbubble a:hover { font-weight: bold }


/*  gallery
/*------------------------------------------------------ */
ul.gallerylist { display: block }
ul.gallerylist li { display: block; list-style: none; float: left; width: 25% }
ul.gallerylist li img { vertical-align: bottom; width: 100% !important }

.galleryhover a { display: block; position: relative; width:100%; overflow: hidden }
.galleryhover a:hover { text-decoration: none }
.galleryhover span { display: block; background: #c2411d; position: absolute; height: 100%; top: 0; left: 0; bottom: 0; right: 0; color: #fff }
.galleryhover-text h4 { color: #fff; margin: 10% 10% 0 10% }
.galleryhover-text p { margin: 10px 10% 0 10% }
.galleryarrow { margin: 10px 10% 10% 10%; height: 22px; background: url(images/arrow-white.png) right no-repeat }


/*  exhibitions
/*------------------------------------------------------ */
.exhibition { width: 65.4%; margin: 20px 0; padding: 4%; background: #f5f5f5; position: relative }
.exhibition h3 { margin-top: 15px }
.exhibition a { display: block; width: 100px; text-align: right; position: absolute; top: 30px; right: 30px; background: url(images/arrow-grey.png) right bottom no-repeat; height: 22px; padding-right: 30px; text-decoration: none !important }
.exhibition a:hover { background: url(images/arrow-red.png) right bottom no-repeat; color: #c2411d }

/*  tutorials
/*------------------------------------------------------ */
/*.tutorials a { display: block; width: 450px; text-align: left; background: url(images/arrow-grey.png) right bottom no-repeat; height: 22px; padding-left: 20px;text-decoration: none !important }
.tutorials a:hover { background: url(images/arrow-red.png) right bottom no-repeat; color: #c2411d }
*/

/*  contact page
/*------------------------------------------------------ */
.contactrow { background: #f5f5f5; margin-bottom: 1px }
.contactbtn { background: #f5f5f5; padding: 0 20px 0 0;  }
.contactbtn a { display: block; padding: 20px 0 20px 20px; background: #f5f5f5; font-size: 1.2em; line-height: 22px; background: url(images/plus-grey.png) right center no-repeat }
.contactbtn a:hover { background: url(images/x-red.png) right center no-repeat }
.contactshowless a { background: url(images/x-red.png) right center no-repeat !important }

ul.contactlist { display: block }
ul.contactlist li { list-style: none; display: block; width: 29%; float: left; margin: 2% }
ul.contactlist li img { float: left; margin-right: 2% }
.contactlist li:nth-child(3n+3) { margin-right: 0 !important }
ul.contactlist span.contactinfo { display: block; width: 65%; float: right }
ul.contactlist span.contactname { font-weight: bold; font-size: 1em }


/*  utbildningar
/*------------------------------------------------------ */
.utbildningar h3 { margin: 0 }
.utbildningar table { width: 100%; text-align: left; border-collapse:collapse; margin: 10px 0 }
.utbildningar th { padding: 1%; width: 18%; color: #292929 }
.utbildningar td { padding: 1%; width: 18%; border: 1px solid #e8e8e8; line-height: 22px }
.utbildningar tr:nth-child(odd) td { background-color: #fff }
.utbildningar tr:nth-child(even) td { background-color: #f5f5f5 }
.utbildningar tr.odd { background-color: #fff }
.utbildningar tr.even { background-color: #f5f5f5 }
/* .utbildningar tr:hover td { background-color: #e8e8e8 } */
.th-border { border-bottom: 1px solid #949494 }
.utbildningar a.utb-td-link { display: block; padding-right: 30px; background: url(images/arrow-grey.png) bottom right no-repeat }
.utbildningar a.utb-td-link:hover { background: url(images/arrow-red.png) bottom right no-repeat }

.utblist li { list-style: none }
.utblist h4 { margin: 20px 0 0 0 }
.utblist a { text-decoration: underline !important }

.utb-btn { float: left; width: 306px; margin-top: 120px; background: url(images/showmorebtn.png) no-repeat }
.utb-btn-list { float: left; width: 306px; margin-top: 30px; background: url(images/showmorebtn.png) no-repeat }
.utb-btn-link a { display: block; margin-right: 20px; height: 81px; line-height: 80px; padding: 0 20px 0 40px; font-size: 1.4em; background: url(images/plus-grey.png) right center no-repeat }
.utb-btn-link a:hover { background: url(images/x-grey.png) right center no-repeat }


/*  utbildningar form
/*------------------------------------------------------ */
.utbildningar form { background: #fff; padding: 0 }
.utbildningar label { display: inline-block; width: 40%; margin-right: 2px; vertical-align: top }
.utbildningar input[type=text] { width: 55%; font-size: 0.9em; margin: 5px 0; padding: 4px; border: 1px solid #e8e8e8 }
.utbildningar textarea { background: transparent; font-size: 0.9em; font-weight: 100 !important; color: #525252; width: 55%; padding: 4px; margin: 4px 0 0 0; border: 1px solid #e8e8e8 }
.utbildningar input[type=submit] { display: block; clear: both; background: transparent; margin: 15px 0 0 0; padding: 0; text-transform: uppercase; color: #bcbcbc !important; font-size: 0.95em !important; border: 0 !important; width: 100%; text-align: right }
.utbildningar input[type=submit]:hover { color: #aaa }

.sbHolder{ background-color: #fff; border: solid 1px #e8e8e8; font-family: Arial, sans-serif; font-size: 0.9em; margin-top: 3px; font-weight: normal; height: 30px; position: relative; display: inline-block; width: 57% }
.sbSelector { display: block; height: 30px; left: 0; line-height: 30px; outline: none; overflow: hidden; position: absolute; text-indent: 10px; top: 0; width: 95% }
.sbSelector:link, .sbSelector:visited, .sbSelector:hover { color: #525252; outline: none; text-decoration: none }

.sbToggle { background: url(images/select-icons.png) 0 -116px no-repeat; display: block; height: 30px; outline: none; position: absolute; right: 0; top: 0; width: 30px }
.sbToggle:hover { background: url(images/select-icons.png) 0 -167px no-repeat }
.sbToggleOpen { background: url(images/select-icons.png) 0 -16px no-repeat }
.sbToggleOpen:hover { background: url(images/select-icons.png) 0 -66px no-repeat }
.sbHolderDisabled { background-color: #fff; border: solid 1px #e8e8e8 }

.sbOptions { background-color: #fff; border: solid 1px #e8e8e8; list-style: none; left: -1px; margin: 0; padding: 0; position: absolute; top: 30px; width: 170px; z-index: 1; overflow-y: auto }
.sbOptions li { padding: 0 7px }
.sbOptions a { border-bottom: dotted 1px #e8e8e8; display: block; outline: none; padding: 7px 0 7px 3px }
.sbOptions a:link, .sbOptions a:visited { color: #525252; text-decoration: none }
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus { color: #525252 }
.sbOptions li.last a { border-bottom: none }
.sbOptions .sbDisabled { border-bottom: dotted 1px #e8e8e8; color: #999; display: block; padding: 7px 0 7px 3px }
.sbOptions .sbGroup { border-bottom: dotted 1px #e8e8e8; color: #525252; display: block; font-weight: bold; padding: 7px 0 7px 3px }
.sbOptions .sbSub { padding-left: 17px }


/*  form
/*------------------------------------------------------ */
.greybox { background: #f3f3f3; padding: 20px 40px 40px 40px }
form { }
.formheader { font-size: 1.4em !important; font-weight: 500; margin: 20px 0 10px 0 }
.validate { display: none; }
.formcol { float: left; width: 22.7%; margin-top: 20px }
label { display: block; margin: 0 0 0 12px; font: 0.95em "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500 !important; font-weight: bold }

input[type=text] { float: left; display: block; width: 84%; background: #fff; line-height: 120% !important; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 5% 8%; margin: 5px 0 10px 0; font: 0.9em "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300 !important; color: #525252; border: 1px solid #e5e5e5 }
textarea { background: #fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin: 5px 0 10px 0; padding: 1% 2%; font: 0.95em "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300 !important; color: #525252; width: 94%; border: 1px solid #e5e5e5 }
input[type=submit] { display: block; clear: both; width: 234px; height: 49px; background: url(images/submitbtn_red_rounded.png) no-repeat; margin: 20px 0 0 0; padding: 0 0 0 10px; text-align: left; color: #ffffff !important; font-size: 1.2em !important; border: 0 !important; line-height: 49px; padding-left: 18px; font-weight: bold;}
input[type=submit]:hover { color: #d3d3d3 !important; background: url(images/submitbtn_red_rounded.png) no-repeat; cursor: pointer }
input:focus, select:focus, textarea:focus, button:focus, a:focus { outline: none; }

.searchform { width: 74.5%; float: right; text-align: right; height: 57px }
#mainsearch { width: 130px; float: right; background: #f3f3f3; margin: 12px 0 0 0; height: 25px; overflow: hidden }
#mainsearch input[type=text] { float: right; display: block; width: 80px; background: #f3f3f3; height: 25px; line-height: 25px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0 4px; margin: 0; font: 0.85em "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300 !important; color: #444; border: 0 }
#searchsubmit { display: block; float: right; width: 38px; height: 25px; line-height: 25px; clear: none; padding: 0; margin: 0; text-align: center; text-indent: -9999px; overflow: hidden; background: url(images/searchbtn.png) center center no-repeat; border: 0 }
#searchsubmit:hover { cursor: pointer }


/*  post tabs
/*------------------------------------------------------ */
.wordpress-post-tabs { margin: 40px 0 }
.wordpress-post-tabs h3 { color: #c2411d; font-size: 1.9em; margin: 20px 0 0 0 !important }
.wordpress-post-tabs h4 { font-size: 1.1em; font-weight: bold; margin: 10px 0 0 0 }
.wordpress-post-tabs p { margin: 10px 0 15px 0 }

.wordpress-post-tabs-skin-default .wpts_cl { clear:both }
.wordpress-post-tabs ul { display: block; clear: both }
.wordpress-post-tabs-skin-default ul.ui-tabs,.wordpress-post-tabs-skin-default ul.ui-tabs-nav { padding: 20px 20px 10px 0 !important; background: #f5f5f5 }
.wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li { position: normal; float: none; display: inline-block; margin: 0 !important; border: 0 }
.wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li a { padding: 0 0 0 20px !important; background: #f5f5f5; color: #5E5E5E !important; font-size: 1.2em }
.wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-state-active a, .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color: #c2411d !important; font-weight: bold; background: #f5f5f5 }
.wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-corner-top.ui-state-active { background: #f5f5f5 }
.wordpress-post-tabs-skin-default .ui-tabs .ui-tabs-nav li.ui-corner-top, .wordpress-post-tabs-skin-default .ui-tabs-horizontal-top .wpts_ext{ padding-bottom: 0 !important;height:auto }

body.page-template-page-support-php .wordpress-post-tabs h3 { color: #4f4f4f; font-size: 1.55em; margin: 40px 0 10px 0 !important }


/*  images block on hover
/*------------------------------------------------------ */
.imghover { max-height: 180px; width: 100%; overflow: hidden }
.imghover img { width: 100%; vertical-align:bottom }
.imghover a { display: inline-block; position: relative; width: 100%; height: 100%; overflow: hidden }
.imghover a:hover { text-decoration: none }
.imghover span { display: inline-block; background: #c2411d; position: absolute; height: 100%; top: 0; left: 0; bottom: 0; right: 0; color: #fff }
.imghover-text p { margin: 10% }


/*  images
/*------------------------------------------------------ */
img { border: 0; max-width: 100% !important; height: auto !important }

.aligncenter, div.aligncenter { display: block;	margin: 0 auto }
.alignleft { float: left; margin: 0 10px 10px 0 }
.alignright { float: right; margin: 0 0 10px 10px }
.alignnone { clear: both }

.wp-caption { text-align: left; padding: 0; max-width: 100% !important }
.wp-caption img { border: 0 }
.wp-caption p.wp-caption-text { font-size: 0.85em; font-style: italic; color: #b5b5b5; margin: 0; padding: 5px 0 0 0 }

.image:nth-child(6n+1) { margin-left: 0px }

hr { color: #f3f3f3; background-color: #f3f3f3; height: 1px; border: 0; margin: 20px 0 }


/*  links
/*------------------------------------------------------ */
a:link, a:active, a:visited { color: #626262; font-weight: normal; text-decoration: none }
a:hover { color: #c2411d !important}

.content a:link { color: #626262; text-decoration: underline }
.content a:active { color: #626262; text-decoration: underline }
.content a:visited { color: #626262; text-decoration: underline }
.content a:hover { color: #c2411d !important; cursor: pointer; text-decoration: none !important }


/*  video
/*------------------------------------------------------ */
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden }
.video-container iframe,
.video-container object,
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% }


/*  sitemap
/*------------------------------------------------------ */
ul.sitemap, ul.sitemap ul { list-style-type: none; background: url(images/line.gif) repeat-y; margin: 0; padding: 0; }
ul.sitemap ul { margin-left: 10px; }
ul.sitemap li { margin: 0; padding: 0 12px; line-height: 20px; background: url(images/node.png) no-repeat; color: #369; font-weight: bold; }
ul.sitemap li.last { background: #fff url(images/lastnode.png) no-repeat; }
ul.sitemap li:last-child { background: #fff url(images/lastnode.png) no-repeat; }


/*  red footer
/*------------------------------------------------------ */
#redfooter { background: #c2411d; color: #fff; padding: 30px 0 }
#redfooter a { font-size: 1.2em; color: #fff }
#redfooter a:hover { text-decoration: underline }
#redfooter a.read-more { display: none }

body.home .footerpost { display: none }
body.search-results .footerpost { display: none }

.footerpost { background: #a73110; padding: 10px; width: 97%; position: relative }
.footerpost span { position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1; background-image: url(images/empty.gif) }
.footerpost-img { width: 30.1%; float: left }
.footerpost-text { width: 67%; float: right }
.footerpost h5 { padding: 0 3% 0 0; margin: 15px 2% 0 0; background: url(images/arrow-white.png) top right no-repeat }
.footerpost p { padding: 0 10% 0 0 }
.footerpost:hover { background: #992e10 }


/*  footer
/*------------------------------------------------------ */
#footer p { font-size: 0.9em }
.widget-last { margin-right: 0 !important }
.footerbottom { padding-top: 40px }
.footerlogo { background: url(images/elecosoft_logo-fot.png) top left no-repeat; width: 101px; height: 19px; float: left; margin-right: 10px; overflow: hidden }
.footerlogo a { width: 101px; height: 19px; display:block; text-indent: -99999px }

.footerbottom-menu { width: 65.4%; float: left }
.footerbottom-menu ul { display: block; width: 100%; float: left }
.footerbottom-menu li { display: block; float: left; padding-bottom: 40px }
.footerbottom-menu li a { margin: 0 10px 0 0; font-size: 0.9em }



/* Retina
/*------------------------------------------------------ */

@media only screen and (-webkit-min-device-pixel-ratio: 2),
 only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2) {

li#menu-item-39 a { background: url(images/sitemap.png) center left no-repeat; background-size: 15px 9px }
li#menu-item-612 a { background: url(images/sitemap.png) center left no-repeat; background-size: 15px 9px }
a.startlinkarrow { background: url(images/arrow-grey.png) bottom left no-repeat; background-size: 22px 36px }
a.startlinkarrow:hover { background: url(images/arrow-red.png) bottom left no-repeat; background-size: 22px 36px }
.newsarchive a { background: url(images/arrow-red.png) right bottom no-repeat; background-size: 22px 36px }
.productmenubtn a { background: url(images/plus-grey.png) right center no-repeat; background-size: 23px 22px }
.productmenubtn a:hover { background: url(images/x-grey.png) right center no-repeat; background-size: 23px 22px }
.addonmenubtn a { background: url(images/plus-grey.png) right center no-repeat; background-size: 23px 22px }
.addonmenubtn a:hover { background: url(images/x-grey.png) right center no-repeat; background-size: 23px 22px }
.galleryarrow { background: url(images/arrow-white.png) right no-repeat; background-size: 22px 22px }
.exhibition a { background: url(images/arrow-grey.png) right bottom no-repeat; background-size: 22px 36px }
.exhibition a:hover { background: url(images/arrow-red.png) right bottom no-repeat; background-size: 22px 36px }
.contactbtn a { background: url(images/plus-grey.png) right center no-repeat; background-size: 23px 22px }
.contactbtn a:hover { background: url(images/x-red.png) right center no-repeat; background-size: 23px 22px }
.contactshowless a { background: url(images/x-red.png) right center no-repeat !important; background-size: 23px 22px }
.footerpost h5 { background: url(images/arrow-white.png) top right no-repeat; background-size: 22px 22px }

.footerlogo { background: url(images/elecosoft_logo-fot.png) top left no-repeat; background-size: 101px 19px }

a.printbutton { background: url(images/print-2x.png) right center no-repeat; background-size: 16px 16px }

}

.hidden {
	display: none;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ *
 * MODAL FORMS
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.modal-form-btn {
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 18px 15px;
    line-height: 1;
	background: url(images/showmorebtn.png) no-repeat;
    background-size: 100% 100%;
	text-align: center;
	text-decoration: none !important;
}

.modal-form-btn.red {
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 18px 15px;
    line-height: 1;
	background: url(images/showmorebtn_red_rounded.png) no-repeat;
    background-size: 100% 100%;
	text-align: center;
	text-decoration: none !important;
	font-weight: bold;
  	color: #FFFFFF!important;
}

.modal-form-btn.red:hover {
	 color: #d3d3d3 !important;
}

#modal_form .formheader {
	margin-top: 0;
}

#modal_form label {
	margin-left: 0;
}

#modal_form label > a {
	text-decoration: underline;
}

#modal_form .wpcf7-form > p {
	margin: 1em 0 0;
	overflow: hidden;
}

#modal_form .wpcf7-recaptcha {
	margin: 2em 0;
}

#modal_form input[type=text],
#modal_form input[type=email],
#modal_form textarea {
	box-sizing: border-box;
	width: 100%;

	float: none;
	display: block;
	background: #fff;
	line-height: 120% !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin: 0.2em 0;
	font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300 !important;
	color: #525252;
	border: 1px solid #e5e5e5;
}

#modal_form input[type=text],
#modal_form input[type=email] {
	height: 38px;
}

#modal_form .wpcf7-checkbox .wpcf7-list-item {
	margin: 0.7em 1em 1em 0;
}

#modal_form input[type=submit] {
	float: left;
	margin: 0 1em 0 0;
}

.modal-form #cboxLoadedContent {
	margin-bottom: 0;
}

.modal-form #cboxContent {
	overflow: visible;
}

.modal-form #cboxClose {
	bottom: auto;
	top: -24px;
	right: -24px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	background-color: #333;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-weight: bold;
}

.modal-form #cboxClose:hover {
	background-color: #555;
}

/* Branding on the banner */
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
  display: none;
}

/* Branding on the widget */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    display: none;
}

#cboxTitle{width: 200px; top: 3px; left: 240px; font-weight: bold; color: #7C7C7C;}

/* For the button Book a demo in the menu */

.wrapper-book-demo-btn {
    float: none;
}

@media (min-width: 768px) {
    .wrapper-book-demo-btn {
       float: right;
    }
}

.btnpopup.-red {
    background-color: #C2411D;
    color: #FFFFFF !important;
    border-color: #C2411D;
    padding: 7px 13px 7px 13px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 8px;
}

@media (min-width: 768px) {
    .btnpopup.-red {
 	margin-top: -6px;
    	margin-left: 15px;
	margin-bottom: 0px;
    }
}

a {
    transition: all .3s;
}

@media (min-width: 768px) {
    .btnpopup {
	height: 30px;
    }
}

.btnpopup {
    background-color: transparent;
    border-radius: 50px;
    height: 30px;
    transition: background-color .3s linear 0s, color .3s linear 0s, border .3s linear 0;
    padding: 10px 20px 7px;
    font-size: 15px;
    font-weight: 500;
}

.btnpopup.-red:hover {
    box-shadow: 0 0 6px 0 rgba(0,0,0,.5)
}

.btnpopup.-red.-outline {
    border-color: #C2411D;
    color: #C2411D);
    background-color: transparent
}

.btnpopup.-red.-outline:hover {
    background-color: #C2411D;
    color: #FFFFFF;

}