/*
Theme Name: Ramirent
Author: StrawMonkey

*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);
@font-face {
    font-family: 'Foundry Monoline';
    font-style: normal;
    font-weight: 900;
    src: url("style/fonts/foundrymonoline-extrabold-webfont.eot");
    src: url("style/fonts/foundrymonoline-extrabold-webfont.eot?#iefix") format("embedded-opentype"),
    url("style/fonts/foundrymonoline-extrabold-webfont.woff") format("woff"),
    url("style/fonts/foundrymonoline-extrabold-webfont.ttf") format("truetype"),
    url("style/fonts/foundrymonoline-extrabold-webfont.svg#foundry_monoline_extraboldXBd") format("svg");
}
@font-face {
    font-family: 'Foundry Monoline';
    font-style: normal;
    font-weight: normal;
    src: url("style/fonts/foundrymonoline-medium-webfont.eot");
    src: url("style/fonts/foundrymonoline-medium-webfont.eot?#iefix") format("embedded-opentype"),
    url("style/fonts/foundrymonoline-medium-webfont.woff") format("woff"),
    url("style/fonts/foundrymonoline-medium-webfont.ttf") format("truetype"),
    url("style/fonts/foundrymonoline-medium-webfont.svg#foundrymonolinemedium") format("svg");
}

html {height:100%; font-size:100%}
body {margin:0;
    font: 300 17px/1.4 'Foundry Monoline', 'Verdana', sans-serif;
    background: url(style/bg_medium.jpg) no-repeat fixed center 55px;
    color: #003d80;
    min-height:100%;
    background-size:cover;
}

.ie8-show{
    display: none;
}

h1 {
    color: #fff;
    font-family: 'Foundry Monoline';
    font-size:3.2em;
    font-weight:900;
    line-height:1em;
    text-transform:uppercase;
    margin:0; padding:0;
    
}

h2, section h1 {
    color: #fff;
    font-family: 'Foundry Monoline';
    font-weight:900;
    font-size:1.2em;
    line-height:.9em;
    margin:0; padding:0
}
h1 a, h2 a {color:#fff}
p {font-family: 'Foundry Monoline'}


img {
    max-width: 100%;
    vertical-align: middle;
    border: none;
}

a {
    color: #003d80;
    text-decoration: none;
    outline: 0 !important;
    border: none;
}
strong, b {font-weight:900}
ol {list-style:upper-alpha}

input:focus {
    outline: 0;
    border: 1px solid #04A4CC;
}

.ie-box{
    display: none;
}



/* Scrollbar styles */
.scrolloverlay {
    overflow: hidden;
    position: relative;
}

.scrolloverlay ::-webkit-scrollbar {
    -webkit-appearance: none !important;
    width: 0px;
}

.scrolloverlay-container {
    position: static !important;
    overflow-y: scroll !important;
}

.scrolloverlay-track {
    width: 6px;
    position: absolute;
    right: 1px;
    top: 1px;
    z-index: 1;
    opacity: 0;
    transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    padding-right: 0 !important;
}
.scrolloverlay-container:hover .scrolloverlay-track, .scrolloverlay-container .scrolloverlay-track.active {opacity:.5}
.scrolloverlay-container .scrolloverlay-track.inactive {opacity:0}

.scrolloverlay-drag {
    position: absolute;
    left: 0;
    background: #000;
    border-radius: 3px;
    width: 100%;
    transition: height .2s linear;
    -ms-transition: height .2s linear;
}

.text-arrow {height:32px; vertical-align:baseline}

.columns {clear:both; margin-top:20px}
.column-fourth {width:23%; margin:0 1%; float:left}
.column-third {width:31.33%; margin:0 1%; float:left}
.column-half {width:48%; margin:0 1%; float:left}

.inline-block{
    display: inline-block;
    vertical-align: middle;
}

/*sliders */
#overlay .slider-label{
    font-size: 17px;
    }
    
#overlay .ui-slider-handle{
    color: #003d80;
}


.slider-half{
    width: 40%;
    display:inline-block;
    position:relative;}
 
.slider-half-1{
    left: -8%;
    }   
.slider-half-2{
    left: 8%;
    }

#slider, .slider {
    margin-top:10px;
    height: 10px;
    background: url(style/slide-pattern.png) center repeat-x;
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5); 
    opacity: 1;}

#sliderright, .sliderright {
    float: right;
    height: 100%;
    background: #ffdb00;
    border-radius: 0 4px 4px 0; }

.ui-slider-handle {
    text-align: center;
    text-decoration: none; white-space:nowrap;
    line-height: 80px; position:relative;
    width:40px !important}

.slider-label{
    position:relative;
    color: #003d80
}
    
.ui-slider-handle:before {
    content:' ';
    display:block;
    width: 49px;
    height: 33px;
    background: url(style/handle.png) top no-repeat;
    top: -4px;
    left: -5px;
    position:absolute
}

/*  */
.worker {
    background: url(style/worker.png) no-repeat;
    height: 79px;
    }

.work-frame {height:230px; border:2px solid #e4b300; border-top:none; position:relative;
    background: linear-gradient(#fbd400, #ffe600);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbd400', endColorstr='#ffe600', GradientType=0);}
    
.medium-box{
    width: 70px;
    height: 70px;
    margin: 5px;
    display:inline-block;
    text-align: center;
}

.hover-div {
	position: absolute;
	z-index: 15;
}

.hover-surface {
}

.hover-popup {
	position: relative;
	display: none;
	max-width: 370px;
	padding: 9px;
	font-size: 0.8em;
	background-color: #fff;
	box-shadow: 2px 2px 12px #000;
	border-radius: 3px;

}

/*INTRO-PAGE*/

.to-video{
    background: url('style/play.png') center no-repeat;
    background-size: 100%;
    width: 140px;
    height: 100px;
    position: absolute;
    left: 75%;
    top: 75%;
}

.page-id-1405 h1{
    margin-top: 65px;
}
    
/*Safe at work*/

#overlay.page-id-454 .right-column p{
    font-size: 1.5em;
}

/*DUST */
.dust-slider .ui-slider-handle:before {
    background: url(style/dust/dusted.png) top no-repeat;
    top: -190px;
    left: -35px;
    height: 215px;
    width: 108px;
}

.dust-slider .slider-label{
    top:-203px;}

.dust-slider{
    margin-top:40px;
    }
.dust-driller {
    background-image: url(style/dust/driller.png);
    width: 79px;
    height: 79px;
    position: absolute;
    bottom: 6px;
    left: 8px; }

.dust {
    background: url(style/dust/dustparticle.png) no-repeat center;
    background-size:contain;
    width: 79px;
    height: 79px;
    position: absolute;
    bottom: 10px;
    left: -15px;
    z-index:1;
    
    }
.dust{
    opacity: 0;
    animation: dust 2s linear 0s infinite normal;
    -webkit-animation: dust 2s linear 0s infinite normal;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
}
.dust + .dust {animation-delay:0.25s; -webkit-animation-delay:0.25s}
.dust + .dust + .dust {animation-delay:.5s; -webkit-animation-delay:.5s}
.dust + .dust + .dust + .dust {animation-delay:.75s; -webkit-animation-delay:.75s}
.dust + .dust + .dust + .dust {animation-delay:1s; -webkit-animation-delay:1s; height:60px; width:60px}
.dust + .dust + .dust + .dust {animation-delay:1.5s; -webkit-animation-delay:1.5s}
.dust + .dust + .dust + .dust + .dust {animation-delay:1.75s; -webkit-animation-delay:1.75s}
.dust + .dust + .dust + .dust + .dust + .dust {animation-delay:2s; -webkit-animation-delay:2s; height:100px; width:100px}
.dust + .dust + .dust + .dust + .dust + .dust + .dust {animation-delay:2.5s; -webkit-animation-delay:2.5s}

.dust + .dust + .dust + .dust + .dust + .dust + .dust + .dust {animation-delay:2.75s; -webkit-animation-delay:2.75s}
.dust + .dust + .dust + .dust + .dust + .dust + .dust + .dust + .dust {animation-delay:3s; -webkit-animation-delay:3s}


.dust-frame.work-frame{
    margin-top: 35px;
}

.page-id-173 li{
    margin-left: 191px;
}

/*Work at heights*/

.floor{
    position: absolute;
    width: 30%;}
    
.floor-1{
    top: 30%;}

.floor-2{
    right: 0;}
    
.floor .worker{
    border-bottom:2px solid #e4b300;}

.floor-1 .worker{
    background-position: 100%;
    }
    
.dead-man-1{
    background:url(style/dead-man-1.png) no-repeat center;
    left: 200px;
    
}
.dead-man-2{
    background: url(style/dead-man-2.png) no-repeat center;
    right: 200px;
}

.dead-man{
    width:80px;
    height:40px;
    background-size: 100%;
    position: absolute;
    bottom: 0px;
    -khtml-opacity:.70; 
    -moz-opacity:.70; 
    -ms-filter:"alpha(opacity=70)";
    filter:alpha(opacity=70);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.7);
    opacity: 0.7;
}
 
.height-slider .slider-label{
    top: 0px;
}
#overlay .height-frame{
    font-weight: 700;
    text-align: center;
    }
.page-id-307 .slider-half-1, .page-id-312 .slider-half-1{
    left: 2%;
}

.page-id-307 .slider-half-2, .page-id-312 .slider-half-2{
    left: 14%;
}
#overlay.page-id-319 .right-column .columns img{
    float:left;
}

#overlay .right-column img.text-image{
    padding: 8px 0px;
}

#overlay.page-id-314 .right-column p:first-child{margin-top: 0px;}

/*SAFE LIFTS*/
.yellow-string{
    background: #fff url(style/yellow-string.png) no-repeat center;
}
.orange-string{
    background: #fff url(style/orange-string.png) no-repeat center;
}
.red-string{
    background: #fff url(style/red-string.png) no-repeat center;
}

.medium-box.drag-box, .medium-box.drop-box{
    border: 5px solid #fff;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}

.medium-box.drop-box{
    margin-left: 107px;
}

.drag-correct{
    padding-left: 192px;
}

#overlay .drag, #overlay .drag-correct{
    background: url(style/sakralyft_bg.png) no-repeat;
    background-position: 94px 34px;
    background-size: 90px;
    margin-top: 15px;
}
#overlay .drag-correct{
    margin-top: 55px;
    }

.page-id-388 ol{
    list-style: decimal;
}

#overlay.page-id-392 p.picture-text{
    margin-top: 20px;
}

.drag-correct > div, .drag > div{
    clear: both;
}   

.drag-correct .medium-box, .drag .medium-box{
    float: left;
    margin-top: 0px;
}

.medium-box.label{
    width: 80px;
    height: 80px;

    background-size: 100%;
    }
.concrete{
    background: url('style/icon_concrete.png') center no-repeat;
}

.wood{
    background: url('style/icon_wood.png') center no-repeat;
}
.metal{
    background: url('style/icon_metal.png') center no-repeat;
}
/*HEAVY WORK*/
.heavy-work-answers {
	list-style: none;
	text-align: left;
}
.heavy-work-answers li {
	margin-bottom: 4px;
	cursor: pointer;
    height: 60px;
    padding-top: 10px;
	line-height: 60px;
}

#overlay .right-column .heavy-work-answers p{
    margin-top: 0px;
}

.moose{
    background: url(style/icon_moosey.png);
}
.elephant{
    background: url(style/icon_elephant.png);
}
.orca{
    background: url(style/icon_orca.png);
}

.page-id-287 ol{
    list-style: decimal;
    }

.heavy-work-answers .img-wrapper{
    margin-right: 10px;
}
.heavy-work-answers li .img-wrapper {
	display: inline-block;
	float: left;
	width: 60px;
	height: 60px;
	border: none;
	padding: 3px;
	background-position: center;
	background-size: 100%;
}



.heavy-work-answers li .img-wrapper.heavy-work-not-selected {
	opacity: 0.7;
}

.heavy-work-answers li .img-wrapper.heavy-work-selected {
	padding: 0px;
	border: solid 3px #fff;
	opacity: 1;
}

.heavy-work-answers li p {
	text-align: left !important;
	padding-top: 20px;
	padding-left: 280px;
	margin-bottom: 30px;
}

/*Electricity*/

.electricity .work-frame{
    width: 400px;
    display: inline-block;
    height: 233px;
    margin-top: 5px;
    
}
.electricity img{
    display: inline-block;
    vertical-align: baseline;
    }

.electricity .worker{
    position: absolute;
    left: 183px;
    bottom: 0px;
    width: 35px;
}

.lightning-box{
    background: url('style/power.png') no-repeat;
    background-size: 100%;
    background-position: 50% 10px;
    width: 160px;
    height: 150px;
    position: absolute;
    left: 120px;
    bottom: 0px;
    opacity: 0.3;
}

.electricity .slider{
    width: 379px;
    left: 236px;
}

#overlay.page-id-379 p.picture-text{
    font-size: 14px;
    margin-left: 7px;
}

/*VIBRATIONS*/
/* Positions-grejs för vibrationer */
#vib_red {
	top: 50%;
	left: 39%
}
#vib_red .hover-popup, #vib_yellow .hover-popup {
	top: -220px;
	left: -79px;
}
#vib_yellow {
	top: 57%;
	left: 18%;
}
.hover-surface{
    width: 45px;
    height: 40px;
    background: url(style/transp.png);
    }
#overlay.page-id-265 .right-column .columns img{
    margin: 0px auto;
    display: block;
    width: 66%;
    float: left;
}

#overlay.page-id-265 .slider{
    width: 85%;
}
.page-id-265 .columns{
    margin-top: 0px;
}
.page-id-277 .scrolloverlay img{
    width: 94%;
    }



/*SOUND*/

.knob{
    background: url(style/sound/knob.png) no-repeat center;
    background-size: 80%;
    width: 60px; 
    height: 60px;
    margin: 0px auto;
}

.knobcontainer{
    background: url('style/sound/knob_bg_markers.png') no-repeat center;
    background-size: 28%;
    margin: 0px auto;
    width: 200px;
    height: 60px;
    }

.sound .label{
    background: url('style/sound/knob_ruta.png') no-repeat center;
    position:relative;
    height: 30px;
    top: -53px;
    left: -7px;
    padding: 10px 8px 0px 5px;
    background-size:100%;
    width: 64px;

}

.page-id-247 *{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    }
    
.page-id-247 img{
    width: 90%;
}


/*MISC*/
#overlay p.intro-text, .intro-text, .intro-text *{
    font-size: 30px;
    text-align: center;
}

#overlay p.picture-text{
    font-size: 14px;
    padding-left: 2px;
    margin-top: 8px;
}

@keyframes dust {
    0% {left:-15px; opacity:0.05}
    50% {opacity:.35}
    100% {
        left: 150px;
        opacity: 0;
        transform-origin: 50% 50%;
        transform:scale(1.25)}
}
@-webkit-keyframes dust {
    0% {left:-15px; opacity:0.05}
    50% {opacity:.35}
    100% {
        left: 150px;
        opacity: 0;
        -webkit-transform-origin: 50% 50%;
        -webkit-transform:scale(1.25)}
}

#main:after, .header-container:after, #overlay .right-column:after, .columns:after, .scroll {
    content: "\0020";
    width:100%;
    display: block;
    overflow: hidden;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

#wrapper {min-height:100%; position:relative; padding:60px 10px 0; box-sizing:border-box; -moz-box-sizing:border-box}

#header {
    background: #fbd400;
    background: linear-gradient(#ffe600, #fbd400);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe600', endColorstr='#fbd400', GradientType=0);
    width: 100%;
    position: fixed;
    top: 0;
    left:0;
    z-index:250;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
}
.header-container {width: 1070px; max-width:100%; margin: 0 auto; padding:10px; box-sizing:border-box; -moz-box-sizing:border-box}

.header-logo {
    width: 174px;
    height:34px;
    float:left;
    background:url('style/logo.png') no-repeat center;
    background-size:contain;
    margin:4px 35px 0 0
}

/* nav */
#nav {
    float:left;
    display: block;
    background: linear-gradient(#ffe90e, #ffe870);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe90e', endColorstr='#ffe870', GradientType=0);
    border: 1px solid #edd945;
    border-top-color:#dfc500;
    border-bottom-color:#feef97;
    border-radius: 2px;
    margin:7px 0 4px 0px;
}
#nav ul {margin:0; padding:0}
#nav li {display:inline}
#nav li a {
    color: #003d80;
    font-size: 11px;
    padding:6px 10px 5px;
    float:left;
    display:block;
    transition:background .25s ease-in-out;
    -ms-transition:background .25s ease-in-out;
    text-transform:uppercase;
    font-family: Verdana;
    font-weight:bold;
}
#nav li.active a {
    color:#fff;
    background:#003783;
    background:#003783 linear-gradient(#003783, #002760);
}
#nav li ul {display:none}

/* footer */
#footer {
    position: fixed;
    bottom: 0;
    left:0;
    z-index:250;
    width: 100%;
    background: #ffdb00;
    box-sizing:border-box; -moz-box-sizing:border-box;
    font-size:.7em
}
.footer-container {width:1070px; max-width:100%; margin:0 auto; padding:0 10px; box-sizing:border-box; -moz-box-sizing:border-box}

#footer p {
    display: inline-block;
    line-height: 30px;
    font-family:'Verdana';
}

#footer a {
    display: inline-block;
    line-height: 30px;
}

#footer img {
    display: inline-block;
    max-width: 24px;
    margin-right: 5px;
    padding-top: 3px;
    margin-bottom: 3px;
}

#footer .copyright {
    float:right;
    margin:0
}



#main {padding:25px 0 60px; font-size: 15px;}
#main > div {
    width:940px;
    max-width:100%;
    margin:0 auto;
}
#main > div > h1 {padding-top:10px}

#overlay {position:absolute; top:0; left:0; z-index:100; height:100%; width:100%; opacity:0; visibility:hidden;
    transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; box-sizing:border-box; -moz-box-sizing:border-box }
#overlay.active {opacity:1; visibility:visible; transition-delay:.5s}
#overlay > div {width:940px; height: 516px; max-width:100%; margin:220px auto 60px; background:#fbd400; border-radius:3px; position:relative;
    box-sizing:border-box; -moz-box-sizing:border-box}

/*Safetycalc*/
#overlay.page-id-150 > div {width: 317px; height: 650px; background: transparent; margin-top: 100px;}
#overlay.page-id-150 {background: rgba(0,0,0,0.7);}
.page-id-150 .popup-close{top:3px; right: -45px;}

.phone{background: url(style/phone.png) no-repeat center; background-size: auto 100%; height: 605px; width: 317px; }
.phone iframe{border: 1px solid #333; width:337px; height:541px; position:relative; top: 33px; left: -10px;
    transform:scale(0.81);
    -webkit-transform:scale(0.81);
    -ms-transform:scale(0.81)}

#overlay > div > .right-column {transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out}
#overlay.loading > div > .right-column {opacity:0}

#overlay h1 {color:#003d80; text-transform:none; font-size:38px; display:block; padding: 0px; vertical-align:text-top; clear:both; line-height: 1.1em; margin-bottom: 10px;}
#overlay p {font-size: 17px;}
#overlay .medium-text{
    font-size: 1.4em;
    }
#overlay .next-page .text {
    display:inline-block;
    position:absolute; right:30px; bottom:0;
    text-align:left;
    line-height:1em;
}
#overlay .next-page, #overlay .previous-page {
    display:block;
    font-family: 'Foundry Monoline';
    font-weight:900;
    font-size:1.3em;
    float:right; 
    position: relative;
    padding: 0px 10px 10px 10px;
    top: -5px;
    text-transform: uppercase;
}
#overlay .previous-page{
    float:left;
}

.next-page:after{
    display: inline-block;
    content: "";
    width: 16px;
    height: 18px;
    background: url(style/arrow_right.png) no-repeat;
    background-size: 90%;
    margin: 0px 0px -4px 8px;
    padding-bottom: 4px;
}
.previous-page:before{
    display: inline-block;
    content: "";
    width: 16px;
    height: 18px;
    background: url(style/arrow_left.png) no-repeat;
    background-size: 90%;
    margin: 0px 8px -4px 0px;
    padding-bottom: 4px;
}

#overlay .left-column {width:100px; padding:10px 0 10px 10px; height:496px;  float:left; text-align:left; padding-right:20px;}
#overlay .left-column a {border-radius:3px; display:block; padding: 10px 12px 10px 8px; font-size: 13px; box-shadow:0 0 2px rgba(0,0,0,.2); height:200px; background: linear-gradient(#ffda00, #ffcc00); line-height: 17px; }
#overlay .left-column a img {margin:0px auto;}
#overlay .left-column a .title {display:block; text-transform:uppercase; font-weight:bold; font-size:1.0em;}
#overlay .left-column a:first-child {background:#fff; height:246px; margin-bottom:10px; }
#overlay .left-column a:first-child img {max-width:155%; margin: -10px -22px 0px -8px;}

/*Different on work at height */
#overlay.page-id-138 .left-column a, #overlay.parent-pageid-138 .left-column a{ font-size: 12px; line-height: 15px;}
#overlay.page-id-138 .left-column a.fall-quiz, #overlay.parent-pageid-138 .left-column a.fall-quiz{height: 40px; font-size: 12px;  background: url(style/fall_button.png) no-repeat center; background-size: 100%; border: none; padding: 5px 0px 0px 5px; margin-top: 5px; box-shadow: none; line-height: 17px}
#overlay.page-id-138 .left-column a.fall-quiz .quiz, #overlay.parent-pageid-138 .left-column a.fall-quiz .quiz{ text-transform: uppercase; font-size: 28px; font-weight: 600; margin-right: 3px; color: #ffda00}
#overlay.page-id-138 .left-column a.fall-quiz .quiz-arrows, #overlay.parent-pageid-138 .left-column a.fall-quiz .quiz-arrows{font-size: 28px; }
#overlay.page-id-138 .left-column a:first-child, #overlay.parent-pageid-138 .left-column a:first-child{ height: 200px; }

#overlay .right-column {padding:30px 60px 0px 60px; height:456px; overflow:auto; position:relative; text-align: left;}
#overlay .right-column .alignleft{text-align:left;}
#overlay .right-column p {text-align:left; margin-bottom: 0px;}
#overlay .right-column img {padding: 0px 10px 0px 0px; float: left;}
#overlay .right-column .columns img {padding: 0px; float: none;}
#overlay .right-column img.aligncenter {float: none;}

#overlay .right-column img.intro-video-logo {position: absolute; right: 20px; height: 110px;}

.popup-close {
    text-align: center;
    height: 32px;
    width: 32px;
    line-height: 26px;
    border-radius:100%;
    vertical-align:middle;
    cursor: pointer;
    font-family: Arial;
    font-size:28px;
    color: #ffdb00;
    background:#fbd400 url(style/popup-close.png) no-repeat center;
    background-size: 100%;
    border: 4px solid #fbd400;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index:99;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/
/* Home Page */
.page-box {
    float:left;
    width: 21%;
    margin:40px 2.5% 0;
    position:relative;
    transition: all .2s ease-in-out;
    transform-origin: 50% 50%;
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
}
.page-box.hidden {transform:scale(0);  -webkit-transform:scale(0); opacity:0}
.page-box:first-child, .page-box:first-child + .page-box + .page-box + .page-box + .page-box {margin-left:0}
.page-box:first-child + .page-box + .page-box + .page-box, .page-box:first-child + .page-box + .page-box + .page-box + .page-box + .page-box + .page-box + .page-box {margin-right:0}

.page-box > a:last-child {height:100%; display:block;
    border-radius: 5px;
    background: #fbd400;
    background: linear-gradient(to left, #fbd400, #ffe600);
    box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.6);
    text-decoration:none;}
.page-box:last-child > a:last-child {background:#fff}

.page-box a.page-box-link {display:block; position:absolute; top:-11px; right:-11px; z-index:1; font-size:0px; background:url('style/tsc.png') no-repeat; background-size:contain; height:50px; width:55px; box-shadow:5px 5px 10px rgba(0,0,0,.75); border-radius:7px}

.page-box-image {position:relative; display:block}
.page-box-image h1 {position:absolute; bottom:0; left:0; width:100%; padding:12px; font-size:1.6em; box-sizing:border-box; -moz-box-sizing:border-box}

.page-box p {padding:12px 24px 6px 12px; margin:0; font-size:1.1em; line-height:1.1em; height:60px}

.page-box-arrow {
    display:block;
    height: 25px;
    width: 15px;
    line-height: 25px;
    color: transparent;
    position: absolute;
    right:10px; bottom:5px;
    font-size:1.8em;
    text-align:right;
    background: url(style/box_arrows.png) center no-repeat;
    background-size: 100%;
}



@media all and (max-width:999px) {
    .header-container {width:765px; max-width:none}
    #main {padding-top:65px}
    #overlay > div {margin-top:260px}
    #main > div, #overlay > div {width:740px; max-width:none}
    #nav li a {padding-right:8px; padding-left:8px}
    .page-box {width: 30%; margin-right:2.5% !important; margin-left:2.5% !important}
    .page-box:first-child, .page-box:first-child + .page-box + .page-box + .page-box, .page-box:first-child + .page-box + .page-box + .page-box + .page-box + .page-box + .page-box {margin-left:0 !important}
    .page-box:first-child + .page-box + .page-box, .page-box:first-child + .page-box + .page-box + .page-box + .page-box + .page-box {margin-right:0 !important}

    .electricity .slider{margin-right:38px}
}
@media all and (max-height:730px) {
    #overlay > div {margin-top:112px}
}
@media all and (max-width:999px) and (max-height:730px) {
    #overlay > div {margin-top:157px}
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #FFF;
    border: 1px solid #F0F0F0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}