/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html ,
body {
	margin:0;
	padding: 0;
	width: 100%;
	height: 100%;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	
}
a {
	text-decoration:none;
}
a:hover {
}
a:focus {
}
a:hover,
a:active {
}
input:focus {
}

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



/*------------------------------------*\
    PAGES
\*------------------------------------*/
.landing-wrapper{
	width: 100%;
	height: 100%;
	background-color: transparent;
	position: relative;
}
.home-video-cover{
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}
.home-white-overlay{
	position: absolute;
	background-color: white;
	opacity: 0.65;
	width: 100%;
	height: 100%;
}
.home-video-background{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform:  translateX(-50%) translateY(-50%);
}
.home-welcome-text{
	position: absolute;
	top: 45%;
	left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform:  translateX(-50%) translateY(-50%);
    text-align: center;
}
.garage-welcome-logo{
	width: 600px;
	height: auto;
	margin-bottom: 35px;
}
.garage-welcome-text{
	color: #2f2e47;
	width: 685px;
	font-family: 'Poppins', sans-serif;
	font-size: 40px;
	margin: 0 auto;
	font-weight: 400;
	line-height: 50px;
}
.scroll-down{
	width: 39px;
	height: 60px;
	position: absolute;
	left: 50%;
	bottom: 35px;
    -webkit-transform: translateX(-50%) ;
    -ms-transform: translateX(-50%) ;
    transform:  translateX(-50%) ;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url('./img/scroll-down.png');
	cursor: pointer;
  animation: bounceUpDown 2s infinite;
}

.contents-wrapper{
	width: 100%;
	height: 100%;
	position: relative;
}
.about-container{
	width: 965px;
	margin: 0 auto;
	padding: 155px 0 130px;
}
.retractable-menubar{
	position: absolute;
	top: 0;
	z-index: 5;
	height: 70px;
	background-color: #3e3e59;
	width: 100%;
	padding-top: 23px;
}
.sticky-submenus{
		position: fixed;
	    top: 0;
	    z-index: 10;
	}
.inner-menu{
	width: 965px;
	margin: 0 auto;
}
.menu-logo{
	width: 130px;
	height: 26px;
	background-position: left center;
	background-size: contain;
	background-color: transparent;
	background-repeat: no-repeat;
	float: left;
	cursor: pointer;
	background-image: url('./img/garage56-white.png');
}
.menu-item-container{
	display: inline;
	width: auto;
	float: right;
}
.menu-items{
	display: inline;
	color: #ffffff;
	line-height: 26px;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 700;
	margin-left: 35px;
	cursor: pointer;
	transition: color 250ms ease-in-out;
}
.join-us{
 border-bottom: 5px solid #ff755b;
}
.menu-items:hover{
	color: #b8ffe8;
}
.menu-active{
	color: #b8ffe8;
}
.about-desciptions{
	width: 100%;
	color: #3e3e59;
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	line-height: 32px;
	text-align: center;
	font-weight: 400;
	letter-spacing: -0.1px;
}
.amenities-header{
	width: 100%;
	color: #3e3e59;
	font-family: 'Poppins', sans-serif;
	font-size: 30px;
	font-weight: 400;
	line-height: 41px;
	text-align: center;
	margin:60px 0 50px;
}
.amenities-container{
	width: 100%;
	position: relative;
	height: auto;
	overflow: auto;
	margin-bottom: 125px;
}
.amnt-expanded{
	height: auto;
}
.amenities-column{
	width: 14.285%;
	height: 140px;
	float: left;
	margin-bottom: 30px;
}
.amnt-img{
	width: 100%;
	height: 100px;
	background-size: auto 65px;
    background-color: white;
    background-repeat: no-repeat;
    background-position: center;
}
.amnt-text{
	color: #3e3e59;
	width: 100%;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	text-align: center;
}
.current-members-header{
	line-height: 41px;
	color: #3e3e59;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	font-size: 30px;
	font-weight: 400;
}
.member-containers{
	width: 100%;
	text-align: center;
	margin: 40px auto 125px;
}
.member-containers span a{
	cursor: pointer;
	font-family: 'Poppins', sans-serif;
	cursor: pointer;
	font-size: 25px;
	font-weight: 700;
	line-height: 50px;
	padding:  0 35px;
	color: #ff755b;
	transition: color 300ms ease-in-out;
}
.member-containers span:hover a{
	color: #4e4c77;
}
.client-containers{
	width: 100%;
	text-align: center;
	height: 240px;
	margin: 60px auto 0;
}
.client-logos{
	width: 25%;
	float: left;
	height: 90px;
	margin-bottom: 30px;
}
.client-logos-hover{
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: white;
	transition: opacity 250ms ease-in-out;
}
.client-logos-hover:hover{
	opacity: 1;
}
.sj{
	background-position: left center;
	background-size: auto 75px;
	background-repeat: no-repeat;
	background-image: url('./img/SJ.png');
}
.sj-hover{
	background-position: left center;
	background-size: auto 75px;
	background-repeat: no-repeat;
	background-image: url('./img/SJ_hover.png');
}
.warner{
	background-position: left center;
	background-size: auto 90px;
	background-repeat: no-repeat;
	background-image: url('./img/Warner-Music.png');
}
.warner-hover{
	background-position: left center;
	background-size: auto 90px;
	background-repeat: no-repeat;
	background-image: url('./img/Warner-Music_hover.png');
}
.sthlm-stads{
	background-position: left center;
	background-size: auto 55px;
	background-repeat: no-repeat;
	background-image: url('./img/Stockholms-Stadsmission.png');
}
.sthlm-stads-hover{
	background-position: left center;
	background-size: auto 55px;
	background-repeat: no-repeat;
	background-image: url('./img/Stockholms-Stadsmission_hover.png');
}
.schibsted{
	background-position: right center;
	background-size: auto 50px;
	background-repeat: no-repeat;
	background-image: url('./img/Schibsted.png');
}
.schibsted-hover{
	background-position: right center;
	background-size: auto 50px;
	background-repeat: no-repeat;
	background-image: url('./img/Schibsted_hover.png');
}
.jeep{
	background-position: left center;
	background-size: auto 50px;
	background-repeat: no-repeat;
	background-image: url('./img/Jeep.png');
}
.jeep-hover{
	background-position: left center;
	background-size: auto 50px;
	background-repeat: no-repeat;
	background-image: url('./img/Jeep_hover.png');
}
.adecco{
	background-position: 10% center;
	background-size: auto 70px;
	background-repeat: no-repeat;
	background-image: url('./img/Adecco.png');
}
.adecco-hover{
	background-position: 10% center;
	background-size: auto 70px;
	background-repeat: no-repeat;
	background-image: url('./img/Adecco_hover.png');
}
.skl{
	background-position: 45% center;
	background-size: auto 80px;
	background-repeat: no-repeat;
	background-image: url('./img/SKL.png');
}
.skl-hover{
	background-position: 45% center;
	background-size: auto 80px;
	background-repeat: no-repeat;
	background-image: url('./img/SKL_hover.png');
}
.aplace{
	background-position: right center;
	background-size: auto 35px;
	background-repeat: no-repeat;
	background-image: url('./img/Aplace.png');
}
.aplace-hover{
	background-position: right center;
	background-size: auto 35px;
	background-repeat: no-repeat;
	background-image: url('./img/Aplace_hover.png');
}
.gallery-container{
	width: 100%;
	height: 100%;
	position: relative;
}
.gallery-inner{
	width: 100%;
	height: 100%;
	position: absolute;
}
.gallery-items{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: transparent;
	position: absolute;
	opacity: 0;
	transition: opacity 500ms ease-in-out;
}
.active-gallery-item{
	opacity: 1;
}
.gallery-nav-left{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #3e3e59;
	position: absolute;
	left:15px;
	top:50%;
    -webkit-transform: translateY(-50%) ;
    -ms-transform: translateY(-50%) ;
    transform:  translateY(-50%) ;
    background-size: 17px 28px;
    background-position: 45% 45%;
    background-repeat: no-repeat;
    background-image: url('./img/left-arrow-nav.png');
    cursor: pointer;
    transition: background-color 250ms ease-in-out;
}
.gallery-nav-right{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #3e3e59;
	position: absolute;
	right:15px;
	top:50%;
    -webkit-transform: translateY(-50%) ;
    -ms-transform: translateY(-50%) ;
    transform:  translateY(-50%) ;
    background-size: 17px 28px;
    background-position: 58% 50%;
    background-repeat: no-repeat;
    background-image: url('./img/right-arrow-nav.png');
    cursor: pointer;
    transition: background-color 250ms ease-in-out, opacity 250ms ease-in-out;
}
.gallery-nav-left:hover,
.gallery-nav-right:hover{
	background-color: #61608a;
}
.bullet-nav-contaners{
	display: inline;
	width: auto;
	height: 15px;
	position: absolute;
	bottom: 25px;
	left: 50%;
    -webkit-transform: translateX(-50%) ;
    -ms-transform: translateX(-50%) ;
    transform:  translateX(-50%) ;
}

.bullets{
	background-color: #3e3e59;
	width: 15px;
	float: left;
	height: 15px;
	border-radius: 50em;
    margin: 0 7px 0 8px;
	cursor: pointer;
	transition: background-color 250ms ease-in-out; 
}
.bullets:hover{
	background-color: #c3ffec;
}
.bullet-active{
	background-color: #c3ffec;
}
.faq-container{
	width: 100%;
	padding: 125px 0 60px;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover; 
}
.faq-inner-container{
	width: 965px;
	margin: 0 auto;
}
.question-header{
	line-height: 41px;
	color: #3e3e59;
	font-family: 'Poppins', sans-serif;
	font-size: 30px;
	font-weight: 400;
	margin-bottom: 25px;
	text-align: center;
}
.question-welcome-text{
	line-height: 32px;
	color: #2f2e47;
	font-size: 20px;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	text-align: center;
}
.chat-box{
	width: 100%;
	height: 400px;
	overflow: hidden;
	margin: 35px auto;
}
.garage-bot-container{
	max-width: 630px;
	clear: both;
	float: left;
	margin-bottom: 22px;
	opacity: 0;
	transform: scale(0.8);
	transition: transform 250ms ease, opacity 250ms ease;
}
.garage-msg-bubble{
	margin-left: 55px;
	border-radius: 20px;
	background-color: #ff755b;
	padding: 10px 20px;
	color: #ffffff;
	font-size: 16px;
	line-height: 25px;
	font-family: 'Poppins', sans-serif;
	text-align: left;
	position: relative;
}
.garage-msg-bubble a{
	text-decoration: underline;
	color: white;
}
.garage-msg-bubble a:hover{
	color: #3e3e59;
}
.garage-img-bubble{
	width: 45px;
	height: 45px;
	border-radius: 50em;
	background-color: #ff755b;
	position: absolute;
	left:-55px;
	background-position: center 49%;
	background-size: 26px 26px;
	background-repeat: no-repeat;
	background-image: url('./img/23-robot.png');
	bottom: 0;
}
.garage-msg-bubble img{
    height: 20px;
    margin-bottom: -4px;
}
.loading span{
	border-radius: 50em;
    height: 6px;
    width: 6px;
    margin-right: 4px;
    display: inline-block;
    background-color: white;
}
@keyframes blink {
    /**
     * At the start of the animation the dot
     * has an opacity of .2
     */
    0% {
      opacity: .2;
    }
    /**
     * At 20% the dot is fully visible and
     * then fades out slowly
     */
    20% {
      opacity: 1;
    }
    /**
     * Until it reaches an opacity of .2 and
     * the animation can start again
     */
    100% {
      opacity: .2;
    }
}

.loading span {
    /**
     * Use the blink animation, which is defined above
     */
    animation-name: blink;
    /**
     * The animation should take 1.4 seconds
     */
    animation-duration: 1.4s;
    /**
     * It will repeat itself forever
     */
    animation-iteration-count: infinite;
    /**
     * This makes sure that the starting style (opacity: .2)
     * of the animation is applied before the animation starts.
     * Otherwise we would see a short flash or would have
     * to set the default styling of the dots to the same
     * as the animation. Same applies for the ending styles.
     */
    animation-fill-mode: both;
}

.loading span:nth-child(2) {
    /**
     * Starts the animation of the third dot
     * with a delay of .2s, otherwise all dots
     * would animate at the same time
     */
    animation-delay: .2s;
}

.loading span:nth-child(3) {
    /**
     * Starts the animation of the third dot
     * with a delay of .4s, otherwise all dots
     * would animate at the same time
     */
    animation-delay: .4s;
}
.user-question-bubble{
	border-radius: 20px;
	background-color: #c3ffec;
	padding: 10px 20px;
	color: #3e3e59;
	font-size: 16px;
	line-height: 25px;
	font-family: 'Poppins', sans-serif;
	text-align: right;
	max-width: 630px;
	clear: both;
	float: right;
	margin-bottom: 22px;
	opacity: 0;
	transform: scale(0.8);
	transition: transform 250ms, opacity 250ms;
}

.show-bubbles{
	transform: scale(1);
	opacity: 1;
}
.question-button-container{
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
	height: auto;
}
.qb-inner{
	width: 100%;
	height: auto;
}
.question-button{
	display: inline-block;
	padding: 12px 20px 10px;
	color: #ffffff;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	height: 42px;
	border-radius: 20px;
	background-color: #3e3e59;
	cursor: pointer;
	margin: 0 15px 15px;
	transition: background-color 250ms ease-in-out, color 250ms ease-in-out;
}
.no-left-margin{
	margin-left: 0;
}

.no-right-margin{
	margin-right: 0;
}
.qa-selectced{
	background-color: #61608a;
}
.question-button:hover{
	background-color: #c3ffec;
	color: #3e3e59;
}
.question-footer{
	text-align: center;
	height: 32px;
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	color: #2f2e47;
	font-weight: 400;
}
.question-footer a{
	color: #fc5d49;
	font-weight: 700;
	padding-left: 5px;
	transition: color 250ms ease-in-out;
}

.question-footer a:hover{
	color: #4e4c77;
}
.join-us-container{
	width: 966px;
	margin: 0 auto;
	padding: 120px 0 85px;
}
.join-us-header{
	width: 100%;
	text-align: center;
	line-height: 41px;
	color: #3e3e59;
	font-family: 'Poppins', sans-serif;
	font-size: 30px;
	font-weight: 400;
	margin-bottom: 25px;
}
.join-us-subheader{
	line-height: 32px;
	color: #3e3e59;
	text-align: center;
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	font-weight: 400;
}
.join-us-option-container{
	width: 100%;
	margin: 65px 0;
	height: 440px;
	position: relative;
}
.option{
	width: 300px;
	height: 100%;
	transition: width 500ms ease-in-out,height 500ms ease-in-out, opacity 250ms ease-in-out;
	position: absolute;
	overflow: hidden;
	z-index: 0;
	opacity: 1;
}
.option-lounge{
	left:0;
}
.option-standard{
	left:50%;
    -webkit-transform: translateX(-50%) ;
    -ms-transform: translateX(-50%) ;
    transform:  translateX(-50%) ;
}
.option-private{
	right:0;
}
.on-top{
	z-index: 2;
}

.option-active{
	width: 966px;
}
.hide-options{
	opacity: 0;
}

.option-inner{
	width: 300px;
	height: 100%;
	background-color: #c3ffec;
	float: left;
	overflow: hidden;
	position: relative;
}
.option-inner-inner{
	width: 100%;
	height: calc(100% + 60px);
	position: relative;
	transform: translateY(-60px);
	transition: transform 250ms ease-in-out;
}
.opt-inner-active{
	transform: translateY(0) !important;
}
.option-selected-header{
	padding: 20px 40px 0;
	height: 60px;
	line-height: 43px;
	color: #3e3e59;
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	font-weight: 400;
	text-align: center;
}
.option-desc-img{
	width: 60px;
	height: 60px;
	margin: 30px auto 25px;
	background-size: auto 100%;
	background-position: center center;
	background-repeat: no-repeat;

}
.option-title{
	line-height: 32px;
	color: #50506c;
	font-family: 'Poppins', sans-serif;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 23px;
}
.option-title em{
	font-style: normal;
	font-weight: 400;
}
.options-desc{
	line-height: 22px;
	color: #3e3e59;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	padding: 0 40px;
	font-weight: 400;
}
.options-desc strong{
	font-weight: 600;
}
.option-back{
	width: 11px;
	height: 20px;
	position: absolute;
	top:30px;
	left: 30px;
	cursor: pointer;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('./img/back-btn-option.png');
	transition: opacity 500ms ease-in-out;
}
.option-form-container{
	width: calc(100% - 300px);
	height: 100%;
	float: right;
	overflow: hidden;
	background-color: #61608a;
	position: relative;
}

.form-success-container{
	width: calc(100% - 300px);
	height: 100%;
	position: absolute;
	right: 0;
	background-color: #61608a;
	z-index: -1;
}
.success-floater{
	text-align: center;
    top: 50%;
    position: absolute;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.success-text{
	line-height: 32px;
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	color: #ffffff;
	font-weight: 400;
	text-align: center;
/* Text style for "Message re" */
}
.success-text strong{

color: #b8ffe8;
font-weight: 700;
}
.thumbs-up{
	width: 60px;
	height: 60px;
	margin: 0 auto 33px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('./img/24-thumbs-up.png');
}
.option-btn{
	position: absolute;
	width: 100%;
	right: 0;
	bottom: 0;
	cursor: pointer;
	background-color: #61608a;
	height: 60px;
	padding-top: 15px;
	line-height: 32px;
	color: #ffffff;
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	transition:  background-color 250ms ease-in-out;
}
.option-btn:hover{
	background-color: #ff755b;
}
.form-send-btn-wrap{
    position: absolute;
    bottom: 0;
    margin: 0;
    left: 0;
    height: 60px !important;
    width: 100% !important;
    margin-bottom: 0 !important;
}
.form-send-btn{
    width: 100% !important;
    height: 60px !important;
    border: 0;
    height: 100%;
    background-color: #ff755b;
    cursor: pointer;
    color: #ffffff;
	font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 700;
}
#nf_submit_2{
	width: 100% !important;
	height: 100% !important;
}
.ninja-forms-cont{
	width: 100%;
	height: 100%;
}
.form-type-class-wrap{
	margin: 0 !important;
}
.ninja-forms-response-msg,
.ninja-forms-field-error,
.ninja-forms-required-items,
.ninja-forms-req-symbol{
	display: none !important;
}
.form-email-class-wrap{
   padding: 28px 40px 0;
}
label{
    height: 26px !important;
    color: #ffffff;
	font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 400 !important;
    margin-bottom: 2px  !important;;
}
.form-email-class,
.form-company-class{
	-webkit-appearance: textfield;
   -moz-appearance:    textfield;
   appearance:         textfield;
	outline: 0;
	border-radius: 0;
    border: none !important;
    height: 42px !important;
    background-color: #ffffff;
    line-height: 22px;
	color: #3e3e59;
	padding: 10px 15px;
	font-size: 18px;
	font-weight: 400;
}
.form-company-class-wrap{
    padding: 0 40px;
}
.form-desc-class-wrap{
	padding: 0 40px;
    margin-bottom: 0;
}

.form-desc-class{
	-webkit-appearance: textarea;
   -moz-appearance:    textarea;
   appearance:         textarea;
    height: 100px !important;
	outline: 0;
	border-radius: 0;
    border: none !important;
    background-color: #ffffff;
	padding: 10px 15px;
    resize: none;
    line-height: 22px;
	color: #3e3e59;
	font-size: 18px;
	font-weight: 400;
}
.invalidField{
	background-color: #c3ffec;
}
.more-info-container{
	width: 965px;
	margin: 0 auto;
	padding: 125px 0 125px;
}
.moreinfo-header{
	width: 100%;
	text-align: center;
	line-height: 41px;
	color: #3e3e59;
	font-family: 'Poppins', sans-serif;
	font-size: 30px;
	font-weight: 400;
	margin-bottom: 25px;
}
.moreinfo-address{
	width: 100%;
	height: 32px;
	color: #2f2e47;
	text-align: center;
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	font-weight: 400;
	margin: 25px 0 45px;
}
.footer-container{
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover; 
	background-image: url('http://garage56.se/wp-content/uploads/2023/09/DSC02838-2.jpg');
	width: 100%;
	height: 100%;
}
.join-us-footer{
	width: 100%;
	height: 32px;
	color: #2f2e47;
	text-align: center;
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	font-weight: 400;
}
.join-us-footer a{
	font-weight: 700;
	color: #fc5d49;
	transition: color 250ms ease-in-out;
}

.join-us-footer a:hover{
	color: #4e4c77;
}


.join-us-footer strong{
	font-weight: 700;
}
.map-canvas{
	width: 100%;
	height: 420px;
	background-color: #a2ccff;
}
.food-container{
	width: 100%;
	height: 40px;
	margin: 45px 0 20px;
	text-align: center;
}
.food-container img{
	width: 40px;
	height: 40px;
	margin: 0 12px;
}
.food-desc{
	line-height: 32px;
	color: #3e3e59;
	text-align: center;
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	font-weight: 400;
}
.food-desc strong{
	font-weight: 600;
}
.preload-img{
	width: 5px;
	height: 5px;
	position: fixed;
	z-index: -9999;
	opacity: 0;
}
.mobile-header{
	display: none;
}
.mobile-menu{
	display: none;
}
.hamburger{
	display: none;
}
.more-icons{
	display: none;
}
.promo-circle{
	position: absolute;
	height: 107px;
	width: 107px;
	border-radius: 50%;
	background-color: #3e3e59;
	top: -22px;
	right: -58px;
	color: #ffffff;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
    text-align: center;
    padding: 34px 0;
    transition: opacity 250ms ease-in-out;
}
.hide-promo{
	opacity: 0;
}
@keyframes bounceUpDown {
	0%, 20%, 50%, 80%, 100% {
	    transform:translateX(-50%) translateY(0);
	    -webkit-transform:translateX(-50%) translateY(0);
	    -ms-transform:translateX(-50%) translateY(0);
	  }
		40% {
	    transform:translateX(-50%) translateY(-10px);
	    -webkit-transform:translateX(-50%) translateY(-10px);
	    -ms-transform:translateX(-50%) translateY(-10px);
	  }
		60% {
	    transform:translateX(-50%) translateY(-4px);
	    -webkit-transform:translateX(-50%) translateY(-4px);
	    -ms-transform:translateX(-50%) translateY(-4px);
	  }
}
/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

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

	.scroll-down {
	    width: 32px;
	    height: 50px;
	}
	.garage-welcome-logo {
	    width: 500px;
	    margin-bottom: 25px;
	}
	.garage-welcome-text {
	    width: 410px;
	}
	.retractable-menubar {
	    padding: 20px;
	}
	.inner-menu {
	    width: 100%;
	    margin: 0 auto;
	}
	.about-container {
	    width: 700px;
	}
	.about-desciptions {
	    font-size: 18px;
	    line-height: 30px;
	}
	.amenities-header {
	    font-size: 26px;
	    line-height: 36px;
	}
	.amnt-img {
	    background-size: auto 55px;
	}
	.amnt-text {
	    font-size: 12px;
	    line-height: 18px;
	}
	.current-members-header {
	    line-height: 36px;
	    font-size: 26px;
	}
	.client-containers {
	    height: 200px;
	    margin: 40px auto 0;
	}
	.client-logos {
	    height: 70px;
	    margin-bottom: 30px;
	}
	.sj-hover {
	    background-size: auto 65px;
	}
	.warner-hover {
	    background-size: auto 70px;
	}
	.sthlm-stads-hover {
	    background-size: auto 45px;
	}
	.schibsted-hover {
	    background-size: auto 38px;
	}
	.jeep-hover {
	    background-size: auto 35px;
	}
	.adecco-hover {
	    background-size: auto 55px;
	}
	.skl-hover {
	    background-size: auto 60px;
	}
	.aplace-hover {
	    background-size: auto 25px;
	}
	.question-header {
	    line-height: 36px;
	    font-size: 26px;
	    margin-bottom: 25px;
	}
	.faq-inner-container {
	    width: 700px;
	    margin: 0 auto;
	}
	.question-button {
	    font-size: 14px;
	}
	.join-us-container {
	    width: 700px;
	    margin: 0 auto;
	    padding: 120px 0 85px;
	}
	.join-us-header {
	    line-height: 36px;
	    font-size: 26px;
	    margin-bottom: 25px;
	}
	.option {
	    width: 220px;
	}
	.option-active {
	    width: 700px;
	}
	.option-inner {
	    width: 220px;
	}
	.option-back{
		left: 20px;
	}
	.option-selected-header {
	    padding: 20px 20px 0;
	    font-size: 16px;
	}
	.option-desc-img {
	    width: 50px;
	    height: 50px;
	    margin: 20px auto 20px;
	}
	.option-title {
	    line-height: 22px;
	    font-size: 16px;
	    margin-bottom: 23px;
	}
	.options-desc {
	    line-height: 20px;
	    font-size: 14px;
	    padding: 0 20px;
	}
	.option-form-container {
	    width: calc(100% - 220px);
	}
	.form-success-container {
	    width: calc(100% - 220px);
	}
	.option-btn {
	    font-size: 16px;
	}
	label {
	    font-size: 14px;
	}
	.form-send-btn {
	    font-size: 16px;
	}
	.more-info-container {
	    width: 700px;
	    margin: 0 auto;
	    padding: 125px 0 125px;
	}
	.moreinfo-header {
	    line-height: 36px;
	    font-size: 26px;
	}
}

@media only screen and (max-width:800px) {
	.home-video-cover{
		background-image:url('./img/garage56-banner.jpg');
	}
	video{
		display: none;
	}
	.member-containers {
	    width: 100%;
	    text-align: center;
	    margin: 40px auto 75px;
	}
	.amenities-header {
	    font-size: 30px;
	    line-height: 41px;
	}
	.current-members-header {
	    font-size: 30px;
	    line-height: 41px;
	}
	.join-us-subheader {
	    width: 70%;
	    margin: auto;
	}
	.about-desciptions {
	    font-size: 20px;
	    line-height: 32px;
	}
	.question-header {
	    line-height: 41px;
	    font-size: 30px;
	}
	.question-button {
	    font-size: 16px;
	}
	.join-us-header {
	    line-height: 41px;
	    font-size: 30px;
	    margin-bottom: 25px;
	}
	.moreinfo-header {
	    line-height: 41px;
	    font-size: 30px;
	}
	.amnt-text {
	    color: #3e3e59;
	    width: 100%;
	    font-family: 'Poppins', sans-serif;
	    font-size: 16px;
	    font-weight: 400;
	    line-height: 20px;
	    text-align: center;
	    padding: 0 12px;
	}
	.menu-items {
	    line-height: 20px;
	    font-size: 14px;
	    font-weight: 700;
	    margin-left: 20px;
	}
	.join-us {
	    border-bottom: 3px solid #ff755b;
	}
	
	.about-container {
	    width: 450px;
	}
	.amenities-container {
	    width: 100%;
	    position: relative;
	    height: 510px;
	    overflow: hidden;
	    margin-bottom: 0;
	    transition: height 500ms ease-in-out;
	}
	.amnt-expanded{
		height: 1190px;
	}
	.amenities-column {
	    width: 33.33%;
	    height: 140px;
	    float: left;
	    margin-bottom: 30px;
	}
	.member-containers span a {
	    line-height: 60px;
	    padding: 0 30px;
	}
	.client-logos{
		display: none;
	}
	.client-containers {
	    width: 100%;
	    height: auto;
	    background-size: contain;
	    position: relative;
	    background-position: center center;
	    background-repeat: no-repeat;
	    background-image: url('./img/collective-logos.png');
	}
	.client-containers:after{
	   content: '';
	   display: inline-block;
	   padding-top: 54.44%;
	}

	.gallery-container {
	    height: auto;
	    padding: 60px 0 100px;
	}
	.gallery-inner {
	    height: auto;
	    position: relative;
	}
	.gallery-inner:after{
	   content: '';
	   display: inline-block;
	   padding-top: 62.5%;
	}
	.gallery-nav-left {
	    width: 37px;
	    height: 37px;
	    background-size: 14px auto;
	    background-position: 46% 47%;
	}
	.gallery-nav-right {
	    width: 37px;
	    height: 37px;
	    background-size: 14px auto;
	    background-position: 55% 50%;
	}
	.bullet-nav-contaners {
	    height: 12px;
	    bottom: -30px;
	}
	.bullets {
	    width: 12px;
	    height: 12px;
	    margin: 0 8px 0 8px;
	}
	.faq-inner-container {
	    width: 100%;
	}
	.chat-box {
	    width: 450px;
	    height: 500px;
	}
	.garage-bot-container {
	    max-width: 100%;
	}
	.user-question-bubble {
	    max-width: 100%;
	}
	.join-us-container{
		width: 100%;
	}
	.join-us-option-container {
	    width: 300px;
	    height: 1215px;
	    margin: 65px auto;
	    transition: height 500ms ease-in-out;
	}
	.collapse-joinus{
		height: 810px;
	}
	.option {
	    width: 300px;
	    height: 380px;
	    position: absolute;
	    margin-bottom: 25px;
	}
	.option-lounge {
	    left: auto;
	    float: left;
	    bottom: 0;
	}
	.option-standard {
	    left: auto;
	    float: left;
	    -webkit-transform: none;
	    -ms-transform: none;
	    transform: none;
	    top:0;
	}
	.option-private {
	    right: auto;
	    float: left;
	    -webkit-transform: translateY(calc(-50% - 12px));
	    -ms-transform: translateY(calc(-50% - 12px));
	    transform: translateY(calc(-50% - 12px));
	    -webkit-transform: translateY(-webkit-calc(-50% - 12px));
	    -ms-transform: translateY(-webkit-calc(-50% - 12px));
	    transform: translateY(-webkit-calc(-50% - 12px));
	    top: 50%; 
	}
	.promo-circle {
		-webkit-transform: translateY(calc(-50% - 170px));
		-ms-transform: translateY(calc(-50% - 170px));
		transform: translateY(calc(-50% - 170px));
		-webkit-transform: translateY(-webkit-calc(-50% - 170px));
		-ms-transform: translateY(-webkit-calc(-50% - 170px));
		transform: translateY(-webkit-calc(-50% - 170px));
	    height: 90px;
	    width: 90px;
	    top: 50%;
	    right: -45px;
	    font-size: 14px;
	    line-height: 20px;
	    padding: 25px 0;
	}
	.option-inner {
	    width: 100%;
	    height: 380px;
	    float: left;
	    overflow: hidden;
	    position: relative;
	}
	.option-desc-img {
	    width: 50px;
	    height: 50px;
	    margin: 30px 0 30px 55%;
	}
	.option-title {
	    line-height: 30px;
	    margin: 0;
	    position: absolute;
	    width: 110px;
	    left: 20px;
	    text-align: left;
	    top: 89px;
	}
	.options-desc {
	    padding: 0 20px;
	}
	.option-active {
	    width: 300px;
	    height: 780px;
	}
	.option-form-container {
	    width: 100%;
	    height: 400px;
	    float: left;
	}
	label {
	    height: 24px !important;
	    font-size: 14px;
	    margin-bottom: 5px !important;
	}
	.form-email-class-wrap {
	    padding: 15px 20px 0;
	    margin-bottom: 15px !important;
	}
	.form-success-container {
	    width: 100%;
	    height: 400px;
	    position: absolute;
	    right: 0;
	    bottom: 0;
	}
	.form-company-class-wrap {
	    padding: 0 20px;
	    margin-bottom: 15px !important;
	}
	.form-desc-class-wrap {
	    padding: 0 20px;
	    margin-bottom: 15px !important;
	}
	.form-send-btn {
	    font-size: 18px;
	}
	.option-back{
		left: 20px;
	}
	.join-us-footer {
	    width: 450px;
	    margin: 0 auto;
	}
	.more-info-container {
	    width: 100%;
	}
	.map-canvas {
	    width: 90%;
	    height: 420px;
	    margin: 0 auto;
	}
	.food-container img {
	    width: 35px;
	    height: 35px;
	    margin: 0px 8px;
	}
	.retractable-menubar{
		display: none;
	}
	.mobile-header{
		display: block;
		width: 100%;
		position: fixed;
		top:0;
		height: 60px;
		padding: 20px;
		z-index: 5;
		background-color: #3e3e59;
	}
	.mobile-header-logo{
		float: left;
		height: 100%;
		width: 96px;
		background-size: contain;
		background-position: left center;
		background-repeat: no-repeat;
		background-image: url('./img/garage56-white.png');
	}

	.more-icons{
		display: block;
		line-height: 25px;
		font-family: 'Poppins', sans-serif;
		color: #ff755b;
		text-align: center;
		cursor: pointer;
		font-size: 16px;
		font-weight: 700;
	    margin-bottom: 125px;
	}
}

@media only screen and (max-width:640px) {
	.form-success-container {
	    width: 100%;
	    height: 375px;
	    position: absolute;
	    right: 0;
	    bottom: 0;
	}
	.more-icons{
		display: block;
		line-height: 25px;
		font-family: 'Poppins', sans-serif;
		color: #ff755b;
		text-align: center;
		cursor: pointer;
		font-size: 14px;
		font-weight: 700;
	    margin-bottom: 50px;
	}
	.menu-item-container{
		display: none;
	}
	.mobile-menu{
		display: block;
		width: 100%;
		position: fixed;
		top:0;
		height: 0px;
		padding: 20px;
		z-index: 4;
		background-color: #3e3e59;
		overflow: hidden;
		transition: height 250ms ease-in-out;
	}
	.menu-is-active{
		height: 420px;
	}
	.mob-menu-item-container{
		width: 280px;
		margin: 70px auto 0;
	}
	.mob-menu-item{
		margin: 20px auto 0;
		color: #b8ffe8;
		font-family: 'Poppins', sans-serif;
		font-size: 25px;
		font-weight: 700;
		line-height: 40px;
		text-align: center;
	}
	.mobile-join-us{
		border-bottom: #ff755b solid 5px;
	}
	.hamburger{
		display: block;
		width: 24px;
		height: 19px;
		display:inline-block;
		position: relative;
		float: right;
	}
	.hamburger-inner {
	    top: 50%;
	    display: block;
	    margin-top: -1px;
	}
	.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
	    position: absolute;
	    width: 24px;
	    height: 2px;
	    transition-timing-function: ease;
	    transition-duration: .15s;
	    transition-property: transform;
	    border-radius: 0;
	}
	.hamburger .hamburger-inner{
		transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    	transition-duration: 75ms;
	}

	.hamburger-inner:after, .hamburger-inner:before {
	    display: block;
	    content: "";
	}
	.hamburger-inner:before {
	    top: -8px;
	}
	.hamburger-inner:after {
	    bottom: -8px;
	}
	.hamburger .hamburger-inner:after {
	    transition: bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19);
	}
	.hamburger .hamburger-inner:before {
	    transition: top 75ms ease .12s,opacity 75ms ease;
	}
	.hamburger .hamburger-inner, .hamburger .hamburger-inner:after, .hamburger .hamburger-inner:before {
	    background-color: #c3ffec;
	}
	.hamburger.is-active .hamburger-inner {
	    transition-delay: .12s;
	    transition-timing-function: cubic-bezier(.215,.61,.355,1);
	    transform: rotate(45deg);
	}
	.hamburger.is-active .hamburger-inner:before {
	    top: 0;
	    transition: top 75ms ease,opacity 75ms ease .12s;
	    opacity: 0;
	}
	.hamburger.is-active .hamburger-inner:after {
	    bottom: 0;
	    transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
	    transform: rotate(-90deg);
	}
	
	.garage-welcome-logo {
	    width: 230px;
	    margin-bottom: 10px;
	}
	.garage-welcome-text {
	    width: 280px;
	    font-size: 24px;
	    line-height: 30px;
	}
	.about-container {
	    width: 280px;
	    padding: 95px 0 80px;
	}
	.about-desciptions {
	    font-size: 14px;
	    line-height: 23px;
	}
	.amenities-header {
	    font-size: 16px;
	    line-height: 26px;
	    margin: 30px 0 25px;
	}
	.amenities-container {
	    height: 270px;
	    margin-bottom: 0;
	}
	.amnt-expanded{
		height: 630px;
	}
	.amenities-column {
	    height: 80px;
	    float: left;
	    margin-bottom: 10px;
	}
	.amnt-img {
	    width: 100%;
	    height: 50px;
	    background-size: auto 30px;
	}
	.amnt-text {
	    font-size: 11px;
	    line-height: 15px;
	    padding: 0 4px;
	}
	.current-members-header {
	    line-height: 26px;
	    font-size: 16px;
	}
	.member-containers {
	    width: 100%;
	    margin: 40px auto 35px;
	}
	.member-containers span a {
	    line-height: 36px;
	    padding: 0 20px;
        font-size: 14px;
	}
	.client-containers {
	    margin: 25px auto 0;
	}
	.gallery-nav-left {
	    width: 25px;
	    height: 25px;
	    background-size: 10px auto;
	    background-position: 45% 45%;
	}
	.gallery-nav-right {
	    width: 25px;
	    height: 25px;
	    background-size: 10px auto;
	}
	.bullet-nav-contaners {
	    height: 10px;
	    bottom: -25px;
	}
	.bullets {
	    width: 7px;
	    height: 7px;
	    margin: 0 6px 0 6px;
	}
	.faq-container {
	    width: 100%;
	    padding: 90px 0 45px;
	}
	.question-header {
	    line-height: 26px;
	    font-size: 16px;
	    margin-bottom: 20px;
	}
	.chat-box {
	    width: 286px;
	    height: 380px;
	    margin: 20px auto;
	}
	.garage-bot-container {
	    max-width: 100%;
	    clear: both;
	    float: left;
	    margin-bottom: 0;
	}
	.garage-msg-bubble {
	    margin-left: 36px;
	    padding: 6px 15px;
	    font-size: 12px;
	    margin-bottom: 10px;
	    line-height: 18px;
	}
	.garage-msg-bubble img{
		height: 14px;
		margin-bottom: -3px;
	}
	.garage-img-bubble {
	    width: 28px;
	    height: 28px;
	    left: -36px;
	    background-size: 18px 18px;
	}
	.user-question-bubble{
	    padding: 6px 15px;
	    font-size: 12px;
	    line-height: 18px;
	    margin-bottom: 10px;
	}
	.question-button-container {
	    margin-bottom: 15px;
	    height: 68px;
	    padding: 20px 0;
	    overflow: hidden;
	}
	.question-button {
	    display: inline-block;
	    float: left;
	    padding: 7px 10px 5px;
	    font-size: 12px;
	    line-height: 16px;
	    height: 28px;
	    margin: 0 8px 0;
	}
	.qb-inner {
	    width: calc(50% + 1300px);
	    width: -webkit-calc(50% + 1300px);
	    height: 100%;
	    padding: 0 25%;
	    transition: transform 250ms ease-in-out;
	}
	.question-footer {
	    height: 23px;
	    font-size: 14px;
	}
	.join-us-container {
	    padding: 90px 0 40px;
	}
	.join-us-header {
	    line-height: 26px;
	    font-size: 16px;
	    margin-bottom: 15px;
	}
	.join-us-subheader {
	    line-height: 19px;
	    font-size: 12px;
	    width: 280px;
	    text-align: left;
	    margin: 0 auto;
	}
	.join-us-option-container {
	    width: 280px;
	    height: 930px;
	    margin: 30px auto 0;
	}
	.join-us-footer {
	    width: 280px;
	    margin: 0 auto;
	    text-align: left;
	    font-size: 12px;
	    line-height: 19px;
	}
	.option {
	    width: 280px;
	    height: 285px;
	    position: absolute;
	    margin-bottom: 25px;
	}
	.promo-circle {
	    -webkit-transform: translateY(calc(-50% - 138px));
	    -ms-transform: translateY(calc(-50% - 138px));
	    transform: translateY(calc(-50% - 138px));
	    -webkit-transform: translateY(-webkit-calc(-50% - 138px));
	    -ms-transform: translateY(-webkit-calc(-50% - 138px));
	    transform: translateY(-webkit-calc(-50% - 138px));
	    height: 70px;
	    width: 70px;
	    right: -35px;
	    font-size: 11px;
	    line-height: 14px;
	    padding: 22px 0;
	}
	.option-inner {
	    width: 100%;
	    height: 285px;
	}
	.option-inner-inner {
	    width: 100%;
	    height: calc(100% + 45px);
	    transform: translateY(-45px);
	}
	.option-selected-header {
	    padding: 15px 20px 0;
	    height: 45px;
	    line-height: 22px;
	    font-size: 16px;
	}
	.option-desc-img {
	    width: 40px;
	    height: 40px;
	    margin: 20px 0 20px 50%;
	}
	.option-title {
	    width: 110px;
	    left: 20px;
	    top: 65px;
	    font-size: 16px;
	    line-height: 22px;
	}
	.options-desc {
	    line-height: 18px;
	    font-size: 12px;
	    padding: 0 20px;
	}
	.option-btn {
	    height: 45px;
	    padding-top: 12px;
	    line-height: 22px;
	    font-size: 16px;
	}
	.option-active {
	    width: 280px;
    	height: 660px;
	}
	.option-form-container {
	    width: 100%;
	    height: 375px;
	    float: left;
	}
	label {
	    height: 19px !important;
	    font-size: 12px;
	    margin-bottom: 5px !important;
	}
	.form-send-btn-wrap,
	.form-send-btn{
	    height: 45px !important;
	}
	.form-send-btn {
	    font-size: 16px;
	}
	.collapse-joinus {
	    height: 690px;
	}
	.option-back {
	    width: 9px;
	    height: 15px;
	    top: 20px;
	    left: 20px;
	}
	.more-info-container {
	    padding: 90px 0 90px;
	}
	.moreinfo-header {
	    line-height: 26px;
	    font-size: 16px;
	    margin-bottom: 15px;
	}
	.moreinfo-address {
	    line-height: 22px;
	    font-size: 12px;
	    margin: 15px 0 25px;
	}
	.food-container {
	    width: 100%;
	    height: 20px;
	    margin: 20px 0 20px;
	    text-align: center;
	}
	.food-container img {
	    width: 18px;
	    height: 18px;
	    margin: 0px 3px;
	}
	.food-desc {
	    line-height: 22px;
	    font-size: 14px;
	    width: 280px;
	    margin: 0 auto;
	}
	.map-canvas {
	    width: calc(100% - 40px);
	    height: 220px;
	    margin: 0 auto;
	}
	.success-text {
	    line-height: 22px;
	    font-family: 'Poppins', sans-serif;
	    font-size: 16px;
	    color: #ffffff;
	    font-weight: 400;
	    text-align: center;
	    padding: 0 20px;
	}
	.thumbs-up {
	    width: 50px;
	    height: 50px;
	    margin: 0 auto 23px;
	    background-position: center center;
	    background-size: contain;
	    background-repeat: no-repeat;
	    background-image: url(./img/24-thumbs-up.png);
	}
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    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;
}
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;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}