/*
	Theme Name: MK Reisid
	Theme URI: http://reis.ee
	Description: MK Reisid WordPress Theme
	Version: 1.0
	Author: HS
	Author URI: #
	Tags: Blank, HTML5, CSS3
*/

/*------------------------------------*\
    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 {font-size:62.5%;}
body { 
font:300 11px/1.4 'Lato','Helvetica Neue', Helvetica, Arial, sans-serif; 
color:#444; padding: 0; margin:0;
background-image: url('./img/background.jpg');
-webkit-background-size: cover;
background-size: 100% auto; 
background-repeat: no-repeat;
-webkit-background-size: cover;background-size: cover;background-position: center center;
}
body:not(.home) {
	background-image: linear-gradient(180deg, rgba(255,255,255,0.3) 0, rgba(255,255,255,1) 100%), url(./img/background.jpg);
    background-size: 100% 130%, cover;
}

img {max-width:100%;vertical-align:bottom;}
a {color:white;text-decoration:none;}
a:hover {}
a:focus {outline:0;}
a:hover,
a:active {outline:0;}
input:focus {outline:0;border:1px solid #04A4CC;}
.flt {float:left;} 
.frt {float:right;}
.clr {clear: both;background:white;}
.w100{width: 100%;}
.w90{width: 90%;}
.w80{width: 80%;}
.w70{width: 70%;}
.w66{width: 66%;}
.w60{width: 60%;}
.w50{width: 50%;}
.w40{width: 40%;}
.w49{width: 49%;}
.w33{width: 33%;}
.busses .w33 {width:32%;}
.contacts .w33 {width:32%;}
.w30{width: 30%;}
.w20{width:20%;}
.w25{width:25%;}
.w10{width:10%;}
.mr1 {margin:0px 1.95%;}
.mr3 {/*margin:20px 0.6%;*/}
.trns{transition: all 0.3s ease-in-out;}
.monly {display: none;}
.mainbg {background: #e0173d;color:white;}
.ovrflwh {overflow: hidden;}
.rotated {transform: rotate(90deg);}
.clicked:active {animation: clicked .3s ease-in-out;}
.shdw { box-shadow: 0 3px 6px rgba(0,0,0,0.3); }
span[class^='ikoon-'] {position: relative;background-repeat:no-repeat;background-position: center;background-size:cover;color:#e0173d;font-weight:900;height: 25px;width: 25px;border-radius: 100%;text-align: center;font-size: 16px;}
.data {text-align: justify;}
span.ikoon-seats {border:2px solid #b70f2a;}
span.ikoon-WiFi {background-image:url("./img/ikoonid/wifi.png");}
span.ikoon-220V {background-image:url("./img/ikoonid/elekter.png");}
span.ikoon-Kliimaseade {background-image:url("./img/ikoonid/konditsioneer.png");}
span.ikoon-WC {background-image:url("./img/ikoonid/wc.png");}
span.ikoon-Sooja_vee_automaat {background-image:url("./img/ikoonid/vesi.png");}
span.ikoon-Turvavööd {background-image:url("./img/ikoonid/vöö.png");}
span.ikoon-DVD {background-image:url("./img/ikoonid/dvd.png");}
span.ikoon-Mikrofon {background-image:url("./img/ikoonid/mikrofon.png");}

span.uncolor.ikoon-WiFi {background-image:url("./img/ikoonid/uncolored/wifi.png");}
span.uncolor.ikoon-220V {background-image:url("./img/ikoonid/uncolored/elekter.png");}
span.uncolor.ikoon-Kliimaseade {background-image:url("./img/ikoonid/uncolored/konditsioneer.png");}
span.uncolor.ikoon-WC {background-image:url("./img/ikoonid/uncolored/wc.png");}
span.uncolor.ikoon-Sooja_vee_automaat {background-image:url("./img/ikoonid/uncolored/vesi.png");}
span.uncolor.ikoon-Turvavööd {background-image:url("./img/ikoonid/uncolored/vööd.png");}
span.uncolor.ikoon-DVD {background-image:url("./img/ikoonid/uncolored/dvd.png");}
span.uncolor.ikoon-Mikrofon {background-image:url("./img/ikoonid/uncolored/mikrofon.png");}

.gallery {text-align: justify;}
.thumb {display:inline-block;width:19%;border:1px solid darkgray;/*padding-bottom:18%;*/position: relative;background-size: contain;background-repeat: no-repeat;background-position: center;}
.obtn {padding: 10px;text-align: center; border-radius:5px; margin-top:20px;}
.hidden {display:none;}
.fgrid {text-align: justify;}
.fgrid span {display: inline-block;}
.fgrid:after {display: inline-block;width: 100%;content:'';}
.tcenter {text-align: center;}
.activecounty {width:143px;display: inline-block;text-align: left;}
/*------------------------------------*\
    >> STRUCTURE
\*------------------------------------*/
.video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index:-1;
}

.video iframe {
    position: fixed;
    z-index: 1;
    width: 135%;
    height: 135%;
    top:-15%;
    left:-15%;
}

.video .overlay {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color:rgba(255,255,255,0.8);
}

.mbg {display: none;}

.home .video .overlay {display: none;}
/*.home .video .overlay {
  background: -webkit-repeating-linear-gradient(0deg, rgba(255,255,255,0.1) 0, rgba(255,255,255,1) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 100%), -webkit-repeating-linear-gradient(-90deg, rgba(255,255,255,0.1) 0, rgba(255,255,255,0.1) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 100%);
  background: -moz-repeating-linear-gradient(90deg, rgba(255,255,255,0.1) 0, rgba(0,0,0,1) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 100%), -moz-repeating-linear-gradient(180deg, rgba(255,255,255,0.1) 0, rgba(255,255,255,0.1) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 100%);
  background: repeating-linear-gradient(90deg, rgba(255,255,255,0.1) 0, rgba(0,0,0,1) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 100%), repeating-linear-gradient(180deg, rgba(255,255,255,0.1) 0, rgba(255,255,255,0.1) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 100%);
  background-position: left top;
  -webkit-background-origin: padding-box;
  background-origin: padding-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-background-size: 3px auto, auto 3px;
  background-size: 3px auto, auto 3px;
}*/
/* wrapper */
.wrapper {/* background-image:linear-gradient(to top, white 50%, transparent 75%), url('./img/mktaust.jpg');background-repeat:no-repeat;*/width:100%; margin:0 auto; position:relative; min-height:81vh; font-size:1.5em; clear: both; overflow: hidden;padding:0 15%; }
main {padding-top:120px;}
/*------------------------------------*\
    >> HEADER
\*------------------------------------*/
.header { position: fixed; background: white; top:20px; left:0; right:0; padding:0 5%; z-index: 98; box-shadow: 0 3px 3px rgba(0,0,0,0.2); }
/* logo */
.logo {float:left;padding:20px 0;width: 14%;}
.logo-img {max-width:197px;height:auto;}

.mobToggle { display:none; margin-top:30px; float:right; width: 35px; height: 30px; position: relative; transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer; }
.mobToggle span { display: block; position: absolute; height: 4px; width: 100%; background: #e0173d; opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out; }
.mobToggle span:nth-child(1) { top: 0px; }

.mobToggle span:nth-child(2),.mobToggle span:nth-child(3) { top: 9px; }

.mobToggle span:nth-child(4) { top: 18px; }

.mobToggle.open span:nth-child(1) { top: 9px; width: 0%; left: 50%; }

.mobToggle.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.mobToggle.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.mobToggle.open span:nth-child(4) { top: 9px; width: 0%; left: 50%; }
header .notice {padding:5px .5%;background: #e0173d; color:#fff;clear:both;margin:0 -21.5%;padding: 9px 21.5%;font-size: 90%}
/*------------------------------------*\
    >> NAV
\*------------------------------------*/
.menu-expanded {display: block;}
.nav {float:right;width: 85%;}
	nav.nav ul { width: 80%; padding: 0; float:left; }
		nav.nav ul li {list-style:none;position: relative;width: 20%;text-align: center;font-weight:700;float:left;padding-top:23px;}
		.nav ul li .sub-menu {width:100%;float:none;background: #fff;overflow: hidden;transition: all .5s ease-in-out;position: absolute;max-height: 0;z-index: 9;}
		.nav ul li.menu-item-has-children { position: relative;}
		.nav ul li.menu-item-has-children a{ display: inline;}
		.nav ul li.menu-item-has-children:hover > .sub-menu { box-shadow: 1px 4px 6px rgba(0,0,0,0.5);max-height: 500px;}
		.nav ul li .sub-menu li {width:100%;display:block;padding: 14px 0px;}
		.nav ul li a {color:#333;}
		.nav ul li a:hover {color:#e0173d}
		.nav ul li a:focus {animation: clicked .25s ease-in-out;}
			.nav ul li:last-child {padding-right:0;}
			.nav ul:hover li.current-menu-item:before {content:none;}
			.nav ul li.current-menu-item:before, .nav ul li.current:after { content: ''; position: absolute; left:50%; top:-17px; width: 0; height: 0; transform: translateX(-50%); border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #b70f2a; }
				.nav ul li .sub-menu li:hover:before,
				.nav ul li .sub-menu li:after,
				.nav ul li .sub-menu li:before { content:none; }
	.nav #pagesNav {border-left:1px solid #888;width:20%;float:right;}
	.nav #pagesNav li {color:#e0173d;display:block;height:37px;line-height:37px;width:100%;transition:all .25s ease-in-out;padding-top:0;}
	.nav #pagesNav li a{color:#e0173d;}
	.nav #pagesNav li.currentpage {opacity:0.5;}
	.nav #pagesNav li:hover {opacity:1;}
.subheader { background: #E0173D; color: white; padding: 5px 0;margin-top:4px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; position: absolute; right: 28%; bottom:-30px; padding-right:25px; font-size:0.9em; transition: .25s ease-in-out;}
.subheader.kkk { right: 24%; text-align: center; padding: 5px 12px;}
.subheader:hover {background-color:#c61535;}
	.subheader i { padding-left:25px; padding-right:5px;transition: .25s ease-in-out; }
	.subheader:hover i {transform: translateX(3px);}
.page-title {font-family:'Conv_Conga Brava Std Bold';font-size: 75px; margin:0 0 40px; text-align: center; background: #e0173d; color: white; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;padding:20px 0;}		
/*------------------------------------*\
    >> SIDEBAR
\*------------------------------------*/
.sidebar {

}
/*------------------------------------*\
    >> FOOTER
\*------------------------------------*/
.footer { position: relative; background:#b70f2a; background-image:url("./img/U2.svg"); /*background-size:100% auto;*/ background-size: auto 150%; background-position: 80% 0%; background-repeat: no-repeat; color:white; padding:20px 15%; white-space: nowrap; font-size:1.25em; text-align: justify; box-shadow: 0px -7px 10px rgba(0,0,0,0.2); }
	.footer-widget {display:inline-block;width:20%;vertical-align: top;padding:0 1%;}
	.footer-widget ul {margin:0;padding:0;}
		.footer-widget li {list-style: none;padding:5px;transition:.5s;}
		.footer-widget li:hover {background-color:white;transition:.5s;border-radius: 1px;}	
			.footer-widget li a {color:white;transition: .5s;}
			.footer-widget li:hover a {color:#b70f2a;transition: .5s;}
	.footer-widget i {padding-right: 10px;}
	.footer-widget .textwidget {white-space: normal;}
	#wise {
    position: absolute;
    left: 5%;
    bottom: 20px;
    height: 16px;
    width: 16px;
    opacity: 0.5;}

/*------------------------------------*\
    >> PAGES - HOME
\*------------------------------------*/
	.home main {padding-top:80vh;}
	.home .wrapper { /*background:url('./img/mktaust.jpg');background-repeat:no-repeat; background-position: center top; background-attachment: fixed;*/  }
	.home .cta-wrap { background: rgba(255,255,255,0.9); color: white; text-align: center; padding: 15px 0; border-top-left-radius: 5px; border-top-right-radius: 5px; box-shadow: 0px -2px 2px rgba(0,0,0,0.2); }
	.home .cta-wrap:first-of-type {margin-left:3%;}
	.home .cta-wrap:last-of-type {margin-right:3%;}
	 .cta { background: #f2f2f2; color:#666; padding: 10px; display: block; margin: 0 auto; border-radius: 5px; box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2); transition: all .25s ease-in-out; }
	.home main .cta {color:#f2f2f2;background:#666;} 
	 .cta a { color:#666; transition: all .25s ease-in-out; }
	 .home main .cta:hover { background: #e0173d;color:#fff; }
	 .cta:hover { background: #e0173d;color:#fff; }
	 .cta:hover a { color:#fff; }
	.cta i {font-size:1.5em;}
	.home .cta-wrap .cta {width:90%;}
	.scrolldown i{ box-shadow: 0px -2px 2px rgba(0,0,0,0.2);color:#E0173D;font-size:3.5em;background: #fff; padding:0 12px;border-radius: 3px;margin-right:-48px;transition: .25s ease-in-out;}
	.scrolldown:hover i { transform: translateY(5px); }
	.home article { background:rgba(255,255,255,0.9); padding:20px 5%; box-shadow:0px 0px 4px 1px rgba(0,0,0,0.2); clear: both; overflow: hidden; white-space: nowrap; }
	.home .introduction {width:50%;display:inline-block;white-space: normal;}
	.block-title {border-bottom:1px solid lightgray;overflow: hidden;position: relative;}
	.block-title .read-more i{padding-left:5px;}
		.home h1, .notices h3 {color:#e0173d;font-size:2em;margin:0.67em 0;display: inline-block;}
	.home .introduction .content ul {margin:0;padding: 0;list-style: none;}
	.home .introduction .content li{padding: 5px 0;}
	.home .introduction .btn {background:#e0173d; padding:10px;display: inline-block;border-radius: 4px;margin:25px 0 20px; box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2);}
	.home .introduction .btn a {color:white;padding:0 15px;}
	.home .introduction .btn a:focus {display: block;animation: clicked .25s ease-in-out;}
	.home .introduction .btn i {font-size:1.5em;padding-left:5px;}
	
	.home .notices {white-space: normal;vertical-align: top;}
	.home .notices .notice {clear:right;overflow: hidden;margin-bottom:15px;}
	.home .notices .notice:first-of-type .notice-title {margin-top:1em;}
		.home .notices .read-more{color: rgba(0,0,0,0.7);transition:.25s ease-in-out;text-align: right;position: absolute;bottom: 2.4em;right: 0;font-size: 0.7em;text-transform: uppercase;font-weight: 900;}
		.home .notices .read-more i {opacity: 0;transition:.25s ease-in-out;}
		.home .notices .read-more:hover i {opacity: 1;}
		.home .notices .read-more:hover {color: #e0173d;}
		.home .notices .notice .notice-title {margin-bottom:5px;font-weight:bold;}
		.home .notices .notice .content {font-size:0.85em;color:rgba(0,0,0,0.7);margin:5px 0;}
		.home .notices .notice .date-block {font-size:0.75em;margin:5px 0;font-weight:700;}
		.home .notices .notice .date {text-transform: capitalize;}
		.home .notices .notice .date i{padding-right:5px;}
		.home .notices .notice .date-block a {float:right;text-transform: uppercase; text-transform: uppercase; font-weight: 900;color:rgba(0,0,0,0.7);}
		.home .notices .notice .date-block a i{opacity:0;padding-left:5px;}
	.home .notices .notice:hover,
	.home .notices .notice:hover a,
	.home .notices .notice:hover a i {color: #e0173d;opacity: 1;}
	.home h2 { color:white; padding:150px 0 75px; font-size:3em; width:64%; text-shadow: -1px -1px 0 rgba(0,0,0,0.1), 1px -1px 0 rgba(0,0,0,0.1), -1px 1px 0 rgba(0,0,0,0.1), 1px 1px 0 rgba(0,0,0,0.1); }
	.home .borders {width:100%;}
	.home .borders span {display:inline-block;vertical-align: top;border-bottom:1px solid lightgray;}
	.home .borders span:first-of-type {width:100%;}
	/*.home .borders span:nth-of-type(2) {width: 43%;margin-left: 3%;}*/
/*------------------------------------*\
    >> PAGES - CONTACT
\*------------------------------------*/

input,textarea,select {padding:10px 5px;margin:5px 0;outline:none;border:1px solid lightgray;}
input:focus, textarea:focus {border:1px solid #e8516e;}
input.wpcf7-not-valid, textarea.wpcf7-not-valid, .bussi-tellimine input.wpcf7-not-valid, .bussi-tellimine textarea.wpcf7-not-valid {
    color: red;
    border-color: red;
}
input.wpcf7-form-control.wpcf7-submit {background:#e0173d;color:white;border-radius:5px;border: none;}
.kontakt input, .kontakt textarea, .kontakt select {width:100%;height:40px;}
.kontakt span.wpcf7-form-control-wrap.captcha-1 {float:right;width:60%;}
.kontakt img.wpcf7-form-control.wpcf7-captchac { float: left; margin-top: 5px; height: 40px; border: 1px solid lightgray; }
.kontakt textarea.wpcf7-form-control.wpcf7-textarea {height:140px;}
.kontakt span.wpcf7-not-valid-tip {clear: both; color: #e0173d;}
.kontakt div.wpcf7-validation-errors {display: none!important;}
.kontakt div.wpcf7-mail-sent-ok {border:none;text-align: center; width: 100%; overflow: hidden;}
.kontakt .contacts {margin-bottom:40px;}
.kontakt .box {padding:10px;}
.kontakt .box h2 {margin-top:10px;}
.kontakt .acf-map {pointer-events: none;}
.acf-map .gm-bundled-control {pointer-events: all;}

/*------------------------------------*\
    >> PAGES - Q&A
\*------------------------------------*/
.kkk .questions h2 {margin: 0;}
.kkk .questions {/*background-color: white;*/margin:20px 0;border-radius: 5px;}
.kkk .answers { background-color: white;padding: 0px 10px 15px; overflow: hidden; display: none; border: 4px solid lightgray; border-top: none; }
.kkk .questions .title {position: relative;overflow: hidden;background-color: #e0173d;color: white;padding:10px;font-family: 'Conv_Conga Brava Std Bold';font-size: 1em;text-align: right;border-radius: 5px;} 
.kkk .questions .title.open {border-bottom-left-radius: 0;border-bottom-right-radius: 0;} 
.kkk .title:hover {cursor: pointer;} 
.kkk i.fa.fa-chevron-down {}
.kkk .questions .toggler {position: absolute; right: 30px; top: 0; padding-top: 20px; bottom: 0; border-left: 1px solid rgba(0,0,0,0.25); padding-left: 30px;}
/*------------------------------------*\
    >> PAGES - BUSSES
\*------------------------------------*/
/*.meie-bussid .bus {vertical-align: top;background:#fff;border:4px solid lightgray;padding: 10px 15px;margin:10px 0;display: inline-block;float: none;position: relative;}*/
.meie-bussid .bus {vertical-align: top;background:#fff;padding: 10px 15px;margin:10px 5px;float:left;position: relative;box-shadow: 1px 1px 1px 2px rgba(0,0,0,0.15);}
.meie-bussid .bus:before /* parem */ { /*content: '';*/ top: 0; bottom: -8px; right: -12px; background-image:linear-gradient(to right, rgba(0,0,0,0.15),rgba(0,0,0,0.1) 40%,rgba(0,0,0,0)); width: 8px; position: absolute; z-index: 0; transform: skewY(45deg); }
.meie-bussid .bus:after /* alumine */ { /*content: '';*/ bottom: -12px; right: -8px; left: 0; background-image:linear-gradient(to bottom, rgba(0,0,0,0.15),rgba(0,0,0,0.1) 40%,rgba(0,0,0,0)); height: 8px; position: absolute; z-index: 0; transform: skewX(45deg); }
.meie-bussid .bus  h2 {color:#e0173d; text-align: center;}
.meie-bussid .bus  .content {font-size:1em;text-align: left;}
.meie-bussid .bus .data {text-align: center;}
/*.meie-bussid .bus .data:after { content: ''; display: inline-block; width: 100%; }*/
.meie-bussid .bus .data span {display: inline-block;vertical-align: middle;}
.meie-bussid .bus .thumbnail {text-align: center;min-height: 250px;vertical-align: bottom;}
.meie-bussid .bus .thumbnail img {padding: 30px 0 0;}
.meie-bussid .bus .gallery {overflow: hidden;}
.meie-bussid .bus .gallery p {float:left;width: 19%;margin:0 .5%;}
.meie-bussid .busses {text-align:justify;margin-bottom:50px;}
.meie-bussid section .busses span.uncolor {display:none;}
.tooltip {
	display:none;
	position:absolute;
	background-color:rgba(0,0,0,0.75);
	border-radius:5px;
	padding:10px;
	color:#fff;
	background: #e0173d;
	font-size:125%;
	z-index: 99;
}
/*------------------------------------*\
    >> PAGES - ORDERING
\*------------------------------------*/
.bussi-tellimine .page-title {margin-bottom: 0;}
.bussi-tellimine section {background:white;}
.bussi-tellimine .form {background:white; padding:20px;}
.bussi-tellimine .choice {transition: .25s ease-in-out;width:49%; padding: 10px 5px; display: block; text-align: center; background: #E8E8E8; border: #ccc 1px solid; border-radius: 4px;}
.bussi-tellimine .choice.active {background: #E0173D;color: white;border: none;}
.bussi-tellimine .unavailable {opacity:0.5;}
.endDate, .startDate {width:40%;display: inline-block;padding-right:10px;}
.fgrid .wpcf7-form-control-wrap {width:48.5%;display:inline-block;}
.fgrid br {display:none;}
.bussi-tellimine .modal {background:white; margin-top:30px;padding:0 20px;}
.bussi-tellimine .modal h3 {width:100%;text-align:center;border-bottom:2px solid #f2f2f2;}
.bussi-tellimine .modal h4 {text-align:center;}
.bussi-tellimine .modal span[class^='ikoon-'] {display:inline-block;}
.bussi-tellimine span.wpcf7-list-item { margin-left: 0; width: 48.5%; display: inline-block; }
.bussi-tellimine span.wpcf7-list-item.last { margin-left: 3%; }
.bussi-tellimine input, .bussi-tellimine textarea {width:100%;background:#E8E8E8;border:#ccc 1px solid; color:#5e5e5e;border-radius:4px;}
.bussi-tellimine label input {display: none;}
.wpcf7-list-item-label {transition:.25s ease-in-out;width:100%;padding:10px 5px;display: block; text-align: center;background:#E8E8E8;border:#ccc 1px solid;border-radius:4px; }
.bussi-tellimine input:checked + .wpcf7-list-item-label { background:#E0173D;color:white; border:none; }

.bussi-tellimine .busses {background:white;}
.bussi-tellimine .busses .sc {overflow-y: scroll;height:230px;}
.sc::-webkit-scrollbar {width: 6px;}
.sc::-webkit-scrollbar-track {background:rgb(232,232,232); border-radius: 10px;}
.sc::-webkit-scrollbar-thumb {border-radius: 10px;background:rgb(94,94,94);}
.bussi-tellimine h3 {font-size:200%;color:#E0173D;}
.bussi-tellimine .busses h3 {text-align: center;}
.bussi-tellimine .busses .bus {width:100%;border-bottom:#ccc 1px solid; border-top:1px solid #f2f2f2;overflow: hidden; padding:10px;transition: all .25s ease-in-out;}
.bussi-tellimine .busses .bus:hover {cursor: pointer;background-color: rgba(0,0,0,0.1);}
.bussi-tellimine .busses .bus .title {font-size:100%;margin:0;color:#E0173D;}
.bussi-tellimine .busses .bus .content p {font-size:55%;margin:0;}
.bussi-tellimine textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {height:100px;}
.bussi-tellimine .sortas {background: #fff;}
.bussi-tellimine .additional {padding:30px 20px;}
.bussi-tellimine .sortas span[class^='ikoon-'] {margin-right:10px;}
/*------------------------------------*\
    PAGES - ROUTES
\*------------------------------------*/
.soiduplaanid main {}
.soiduplaanid main section {background:#fff;overflow: hidden;}
.soiduplaanid main section#routescontainer {padding: 0 20px;overflow: visible;}
.soiduplaanid main h2 {font-size: 200%;margin:0;font-weight: 600;color:#E0173D;}
.soiduplaanid main h3 {font-size: 125%;margin:0;font-weight: 600;margin-right:20px;padding:0;color:#E0173D;}
.soiduplaanid main .route {margin:10px 0;padding:10px 0 0;border-top:lightgray 1px solid;}
.soiduplaanid main .route span {line-height: 165%;}
.soiduplaanid main .ticket a {color:#666;transition: all .25s ease-in-out;}
.soiduplaanid main .ticket:hover a {color:#fff;}
.soiduplaanid main .ticket {background:#f2f2f2;font-size: 85%;border-radius: 5px;transition: all .25s ease-in-out;}
.soiduplaanid main .ticket a{padding: 10px;display: block;}
.soiduplaanid main .ticket:hover {background:#E0173D;}
.soiduplaanid .cta {background: #f2f2f2;margin:0 10px 0 0;width: auto;display: inline-block;padding:10px;text-align: center;transition: all .25s ease-in-out;}
.soiduplaanid .cta:hover {background: #e0173d;color:#fff;}
.soiduplaanid .cta#counties {margin-right:20px;background: #f2f2f2;color:#666;position: relative;}
.soiduplaanid .cta#counties.active,
.soiduplaanid .cta#counties .sorters .sorter.active {background:#E0173D;color:#fff;}
.soiduplaanid .cta:hover {cursor: pointer;}
.soiduplaanid .cta i {padding-left:10px;display: none;}
/*.soiduplaanid .active i,*/
.soiduplaanid .cta.open {background:#E0173D;}
.soiduplaanid .cta.open .sorter {color:#fff;}
.soiduplaanid .cta .open i,
.soiduplaanid .cta#counties i {display: block;}
.soiduplaanid .sorters-wrap {}
.soiduplaanid .cta#counties:hover .sorters {max-height:1000px;}
.soiduplaanid .sorters {max-height:0;position: absolute;left: 0;right:0;top:43px;background: #fff;z-index: 99;transition: all .66s ease-in-out;overflow: hidden;}
.soiduplaanid .sorters .sorter {padding:5px 0;color:#666;}
.soiduplaanid #counties .sorter:hover {background: #E0173D;color: #fff;}
.soiduplaanid .routes {overflow: hidden;clear:both;min-height:420px;}
.soiduplaanid .note {font-size:90%;}


/*------------------------------------*\
    PAGES - SINGLE
\*------------------------------------*/
#blog .page-title {margin-bottom:0;border-radius: 0;}
#blog h2 a, .single article h1 a {color:rgba(0,0,0,0.8);}
#blog article, .single article {background: #fff;padding:15px;color:rgba(0,0,0,0.8);}
.page-template-default main section {background: #fff;padding-bottom: 20px;}
.page-template-default main section article {padding:0 20px;}
/*------------------------------------*\
    IMAGES
\*------------------------------------*/

.owl-theme .owl-dots {
  margin-top:15px;
}

.owl-theme .owl-dots .owl-dot{
display:inline-block;
zoom:1;
*display:inline
}

.owl-theme .owl-dots .owl-dot span{
width:10px;
height:10px;
margin:5px 7px;
background:#d6d6d6;
display:block;
-webkit-backface-visibility:visible;
-webkit-transition:opacity 200ms ease;
-moz-transition:opacity 200ms ease;
-ms-transition:opacity 200ms ease;
-o-transition:opacity 200ms ease;
transition:opacity 200ms ease;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px
}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
background:#869791
}


/*------------------------------------*\
	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:1400px) and (min-width:1000px) {
	.footer-widget:nth-of-type(3) {padding-left:0;padding-right:0;}
}
@media only screen and (max-width:1280px) {
	.wrapper {padding:0 5%;}
	.footer {padding:20px 5%;}
	nav.nav ul li {font-size:1em;}
}
@media only screen and (max-width:1140px) {
}

@media only screen and (max-width:1024px) {
	body {background:none;}
.mbg {background-position: 6% top;background-size: contain; background-position: top; background-repeat: no-repeat;}	
	.mbg {display: block;position:fixed;top:0;left:0;right:0;bottom:0;z-index: 0;width:100%;height:100%;background-size: cover;background-position:left center; background-image: url('./img/taustapilt_mobiil_tahvel.png');}
	h1.page-title {font-size: 2em;}
	.kkk .questions h2 {font-size: 1em;text-align: left;}
	.kkk .questions .toggler {padding-top:15px;display: none;}
	.header { padding: 0 5%;top:0; }
	.header.big {border-bottom: 3px solid lightgray;}
	.subheader {width:100%;left:0;bottom:-30px;box-shadow: 0 3px 3px rgba(0,0,0,0.2);}
	/*.header.big .subheader {bottom:-33px;}*/
	.mobToggle {display:block;}
	.nav {display:none;float:none;width:100%;overflow:hidden;}
	.nav.open {display:block;}
	nav.nav ul {margin:0;padding:0;width:100%;}
	nav.nav ul li {min-height:40px;line-height:40px;width: 100%;display: block;width: 100%;border-bottom: 3px solid #efefef;padding-top:0;}
	nav.nav ul li.current-menu-item {border-bottom:3px solid #e0173d;}
	nav.nav ul li.current-menu-item:before, .nav ul li.current:after {content:none;}
	nav.nav ul li:last-of-type {border-bottom:none;}
	nav.nav ul li a {width:100%;display: block;color:#e0173d;text-align: center;}
	.home .wrapper {background-position: 75% 0;background-size: auto 100%;}
	.meie-bussid .bus {width: 48%;}
	.meie-bussid .bus .data {text-align: center;}
    .nav #pagesNav {float:none;width:100%;overflow:hidden;border-left:none;border-top:3px solid #efefef;}
	.subheader {width: 50%;bottom: -26px;border-radius: 0;}
	.subheader.kkk {right:0;font-size:0.9em;left:initial;bottom: -26px;}
}

@media only screen and (max-width:768px) {
	
	.kontakt span.wpcf7-form-control-wrap.captcha-1 {float:right;width:100%;}
	.nav ul li .sub-menu {position: initial;}
	.nav ul li .sub-menu li {padding:0px;}
	main {padding-top:106px;}
	h1.page-title {margin:0;}
	.logo-img {max-width:initial;width:163px;}
	.mr1 {margin:20px 0;}
	.header {top:0;}
	.footer {white-space: normal;}
	.footer-widget {display:inline-block;width:100%;text-align: left;text-align: center;}
	.footer-widget .textwidget img {max-width:100px;height:auto;}
	.footer-widget:first-of-type {width:100%;}
	.home .wrapper { padding: 50px 5%; }
	.home h2 {padding:120px 0 60px;width:100%;font-size:2em;}
	.home .cta-wrap {margin-right: 0;width: 50%;}
	.home article {white-space: normal;}
	.home .notices {width: 100%;margin-left:0;}
	.home .introduction {width: 100%;border-bottom:1px solid lightgray;padding-bottom:5px; margin-bottom:20px;}
	.home .introduction .btn {display: block;text-align: center;}
	.home .borders span:nth-of-type(2) {display: none;}
	#routescontainer .m100, .m100 {width:100%!important;margin:0;}
	.mnone {display:none;}
	.monly {display: block;}
	.subheader i {padding-left:15px;}
	.meie-bussid .bus {width: 100%;padding: 10px 7%;}
	/*	
	.bussi-tellimine section {display: flex;flex-direction: column;}
	.bussi-tellimine .form {order:3;}
	.bussi-tellimine .busses {order:1;}
	.bussi-tellimine .modal {order:2;}
	.bussi-tellimine .sortas {order:0;}
	*/
	.bussi-tellimine .bus .thumbnail {width:10%;}
	.home .cta-wrap:first-of-type {margin-left:0;border-top-right-radius: 0;}
	.home .cta-wrap:last-of-type {margin-right:0;border-top-left-radius: 0;}
	.home main {padding-top:50vh;}
	.home .scrolldown {display: none;}
	.kontakt .box {margin:10px 0;}
	.subheader, .subheader.kkk {font-size: 0.7em;}
}

@media only screen and (max-width:560px) {
	.subheader {width: 100%;}
	.subheader.kkk {bottom: -52px;}	
	main {padding-top:90px;}
		.home main {padding-top:50vh;}
		
	.fgrid .wpcf7-form-control-wrap {width: 100%;}
	/*body {background-attachment: fixed;}*/
	.questions .toggler { padding-top: 15px; right: 10px; padding-left: 12px; }
	.questions h2 { font-size: 0.9em; }
	.meie-bussid .bus {width: 100%;}
	.logo-img {max-width:initial;width:124px;}
	.kontakt span.wpcf7-not-valid-tip {background:rgba(255,255,255,0.85);padding:5px 4px;box-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
}
@media only screen and (max-width:320px) {
	.meie-bussid .bus {padding: 4px;}
	.meie-bussid .bus .content { padding: 0 10px; }
}
@media only screen and (max-height:500px) {
	
}

/*------------------------------------*\
    MISC
\*------------------------------------*/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #5e5e5e;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #5e5e5e;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #5e5e5e;
}
:-moz-placeholder { /* Firefox 18- */
  color: #5e5e5e;
}

::selection {
	background:rgba(224, 23, 61, 0.75);
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    ANIMATIONS
\*------------------------------------*/
@keyframes clicked {
0% {transform: scale(1);}
50% {transform: scale(0.93);}
100% {transform: scale(1);}
}

.slidein {animation:.5s slideIn forwards;}
@keyframes slideIn {
  0% {transform: translateY(6%);}
  100% {transform: translateY(0);
  }
}   
/*
.qslide {transform:translateY(100%);}
@keyframes qslide {
  0% {transform: translateY(66.66%);}
  100% {transform: translateY(0);
  }
} 
*/ 
/*------------------------------------*\
    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;
	}
}
