/*
	Theme Name: Cream 2019
	Theme URI: http://cream.ee
	Description: Creative Ambient
	Version: 1.0.0
	Author: Cream
	Author URI: http://cream.ee
	Tags: Blank, HTML5, CSS3

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

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

/* 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-family: Arial, sans-serif;
	font-size: 16px;
	line-height: auto;
	color:000;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#f08700;
	text-decoration:none;
}
a:hover {
	color:#f08700;
	text-decoration:underline;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

h1 { font-size: 32px;margin-top: 0px;padding-top: 60px;margin-bottom: 0px;padding-bottom: 60px; }
h2 { font-size: 30px; margin-bottom: 0px; font-weight: normal}
h2.cream { color: #f08700 }
h3 { font-size: 24px; font-weight: normal;  }
h2.white { color: #fff }
h6 { font-size: 24px; margin-top: 0px;  }
/* wrapper */
.wrapper { max-width:1440px; width:95%; margin:0 auto; position:relative;}
.services_wrapper { max-width:980px; width:95%; margin:0 auto; position:relative; }





.textcenter { text-align: center; }
.textpadding { padding-left: 10%; padding-right: 10% }
.relative { position: relative }
.textleft { text-align: left }
.setbottompadding { padding-bottom: 80px }

button.more.white-background {}


button.more { border-radius: 40px; border: 2px solid #404040; color: #404040; padding: 15px; padding-left: 30px; padding-right: 30px; background: none; outline: none; }
button.more:hover { border: 2px solid #FF7F00; color: #FF7F00; }
button.more.white-background { background: white }

.show-on-desktop { display: block }
.show-on-mobile { display: none }

button.whitebutton { border: 2px solid #fff; color: #fff; outline: none;}
button.creambutton { border: 2px solid #FF7F00; color: #FF7F00;outline: none;}
button.creambutton:hover { border: 2px solid #404040; color: #404040; outline: none;}




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



/*------------------------------------*\
    MENU
\*------------------------------------*/

div.header_cont { position: relative; z-index: 2; margin: 0px; padding: 0px; background: #1f1f1f; min-height: 64px}
body.home div.header_cont { background: white;  }
body .logo { float: left; width: 15%;  }
body .header_menu { clear: both; width: 100%; padding-top: 14px; }
body nav.nav { float: right; width: 85%; text-align: right; font-size: 17px; margin-top: 8px }
body nav.nav ul { list-style: none; padding: 0px; margin: 0px; padding-right: 60px }
body nav.nav ul li { display: inline-block; list-style: none; padding: 0px; margin: 0px; }
body nav.nav ul li a { color: #fff; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
body.home nav.nav ul li a { color: #000}
body nav.nav ul li.current_page_item { font-weight: bold }
body nav.nav ul li a:hover { color: #FF7F00 }
body nav.nav ul li:after { content: '|'; padding-left: 16px; padding-right: 16px; color: #fff }
body.home nav.nav ul li:after { color: #000 }
body nav.nav ul li:last-child:after { display: none }
body .header_txt { display: block; position: absolute; top: -50px; right: 0px;bottom: -100px;width: 600px; color: white; font-size: 18px; border-radius: 70% 0% 0% 70%; height: auto; background: rgba(0,0,0,0.7);z-index:-1}
body .header_txt:before { content: '';display: block;width: 100%;height: 11%;background: none;line-height: 0px; }
body .header_txt_i { position: relative; width: 80%; padding-left: 10%; padding-top: 19vh; }
body .header_txt_i:after { content: ''; display: block; background: url('img/2019/c.svg'); width: 100px; height: 100px; float: right; margin-right: -50px;}
body .header_txt h1 { font-size: 55px; color: #fff; margin-top: 0px; margin-bottom: 0px; padding-bottom: 0px; padding-top: 0px; }
body .header_txt h4 { font-size: 32px; color: #000; padding: 0px; margin: 0px }
body div.lang { position: absolute;right: 0px; padding-right: 0px; font-size: 11px;}
body div.lang a { display: inline-block; border-radius: 90px; min-width: 37px;border: 2px solid #fff; padding: 12px; color: #fff; padding-left: 5px; padding-right: 5px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; line-height: 9px}
body.home div.lang a { border: 2px solid #000; color: #000;}
body div.lang a:hover { color: #FF7F00; text-decoration: none; border: 2px solid #FF7F00; }
button#responsive-menu-button { top: 48px !important;right: 11% !important; }


body.home .responsive-menu-inner, body.home .responsive-menu-inner::before, body.home .responsive-menu-inner::after { background-color: #000 !important }
.responsive-menu-inner, .responsive-menu-inner::before, .responsive-menu-inner::after { background-color: #fff !important }


/* Mobile Menu css */
.mob-menu-logo-holder { display: none }
.mob-menu-header-holder { width: auto !important }
body.home .mobmenur-container i { color: #000000; }




body.home .header { position: relative; clear: both; width: 100%; height: 100vh;}
body.home .header_i { position: absolute; width: 100%; height: 100%; overflow: hidden; z-index: 0}
body.home .header_bg { position: absolute; width: 100%; height: 100vh; }
body.home .header_bg:before { content: '';position: absolute;display: block;background: url('img/2019/c.svg');width: 1000px;height: 1000px;top: -583px;right: 0px;z-index: 1; }

/* footer */
.footer { background: #1F1F1F; text-align: center; color: #fff; padding: 25px; font-size: 14px }
.footer a { color: #FF7F00 }
.footer a:hover { color: #FF7F00; text-decoration: underline }

/*------------------------------------*\
    PAGES
\*------------------------------------*/

/* MEEDIAPINNAD */
.solutions_menu { position: relative; width: 100%; background: white; text-align: center; font-size: 19px; line-height: 39px; padding-top: 15px; padding-bottom: 15px }
.solutions_menu a { color: #000000; text-decoration: none }
.solutions_menu a:hover { color: #f08700; text-decoration: none }
.solutions_menu a.active { color: #f08700; text-decoration: none }
.solutions_menu a:after { content: '|'; padding-left: 30px; padding-right: 22px }
.solutions_menu a:hover:after { color: black }
.solutions_menu a:last-child:after { display: none }
.wrapper-solutions { max-width:1008px; width:95%; margin:0 auto; position:relative;}
.solutions_holder { position: relative; overflow: hidden; background: #f2f2f2; z-index:1 }
.solutions_holder:before { content: ''; position: absolute; top: 0px; width: 100%; height: 197px; background: url('img/2019/solutions_top.png'); }
.solutions_holder:after { content: ''; position: absolute; bottom: 0px; width: 100%; height: 339px; background: url('img/2019/solutions_bottom.png'); z-index:-1}
.white_elements { position: absolute; top: 10%; width: 100%; }
.white_elements:before { content: '';position: absolute;right: -286px;top: -50px;height: 900px;width: 900px;background: url('img/2019/white_c.svg'); }
.white_elements:after { content: '';position: absolute;left: -63px;top: -453px;height: 900px;width: 900px;background: url('img/2019/white_close.svg');z-index: -1;margin-left: -300px; }
.purple_elements { position: absolute; bottom: 60%; width: 100%; }
.purple_elements:before { content: '';position: absolute; right: -86px; top: -50px; height: 500px; width: 500px;background: url('img/2019/purple_c.svg'); }
.purple_elements:after { content: '';position: absolute;left: 200px;top: -453px;height: 700px;width: 700px;background: url('img/2019/purple_pin.svg') no-repeat top center;z-index: -1;margin-left: -300px; }



.gallery_cont { clear: both; width: 100%; padding-bottom: 10px; background: white;padding-top: 10px; margin-bottom: 20px }
.remove_max { max-height: none }


section.solutions { margin: 0 auto; padding-top: 60px; padding-bottom: 100px;}
section.solutions .solution {position: relative; display:table;width:100%;height: 285px; border: 10px solid white;  }
section.solutions .solution:before { content: ''; display: table; position: absolute; left: 0px; top: 0px; width: 100%; height: 265px; background: rgba(0,0,0,0.75);  }
section.solutions .solution:hover:before { background: rgba(0,0,0,0.50);  }
section.solutions .solution:hover h2 { color: #f08700; text-decoration: none }
section.solutions .solution h2 { position: relative; display: table-cell; left: 0px; right: 0px; color: white; vertical-align: middle;}
section.solutions .solution h2 span { display: block; clear: both; font-size: 19px; padding-top: 5px;text-shadow: 1px 1px 5px #5d5d5d;}

section.solutions a.solutionslink:hover  { text-decoration: none }
section.solutions .solution:hover { border: 10px solid #f08700;  }






/*
@media (hover: none) {
   body.home section.solutions a:hover .solution h2, section.solutions a:hover .solution h2 { display: none} 
   .mobilelink { display: block; width: 100%; height: 100%;  }
}
*/

/* jQuery enabled behavior for mobile */
.touch .solutions.no-hover .details {
	display: none !important;	
}

.solutions_desc { position: relative; clear: both; padding: 2%; text-align: left }
section.solutions .solution .nofilter-gal-image {display: none; width: 100%; height: 100%  }
section.solutions .solution:hover .nofilter-gal-image {display: block  }
.demo { width:98%; margin: 0 auto;}
.demo ul { list-style: none outside none; padding-left: 0; margin-bottom:0; }
.demo li { display: block; float: left; margin-right: 6px; cursor:pointer;}
.demo img { display: inline-block; height: auto; width: 100%;}


/* CASE STUDY */
.casestudy.solutions_holder:before { display:none }
.blue_elements { position: absolute; top: 10%; width: 100%; }
.blue_elements:before { content: '';position: absolute;right: -286px;top: -50px;height: 900px;width: 900px;background: url('img/2019/blue_close.svg'); }
.blue_elements:after { content: '';position: absolute;left: -63px;top: -453px;height: 900px;width: 900px;background: url('img/2019/blue_c.svg');z-index: -1;margin-left: -300px; }
.blue2_elements { position: absolute; bottom: 40%; width: 100%; }
.blue2_elements:before { content: '';position: absolute;right: -286px;top: -50px;height: 900px;width: 900px;background: url('img/2019/blue_c.svg'); }
.blue2_elements:after { content: '';position: absolute;left: -63px;top: -453px;height: 900px;width: 900px;background: url('img/2019/blue_pin.svg');z-index: -1;margin-left: -300px; }

/* SERVICES */
.services_menu { border-bottom: 14px solid #e6e6e6 }
.services_holder { position: relative; overflow: hidden; background: #fff; z-index:1; padding-bottom: 40px; border: none }
.services_top_bg { clear: both; width: 100%; height: 522px }
.services_button_holder { margin-top: -35px; margin-left: 80px; position: relative; z-index: 9 }
.services_holder .gallery_cont { background: none }
.service_logos img { display: inline-block; margin-left: 10px; margin-right: 10px; margin-bottom: 40px }
.services_holder .demo { padding: 10px; background: white }
.cream_elements { position: absolute; top: 10%; width: 100%; }
.cream_elements:before { content: '';position: absolute;z-index:1;right: -329px;top: -314px;height: 900px;width: 900px;background: url('img/2019/c.svg'); -moz-transform: rotate(314deg);-webkit-transform: rotate(314deg);-o-transform: rotate(314deg);-ms-transform: rotate(314deg);transform: rotate(314deg); }
.cream_elements:after { content: '';position: absolute;left: -126px;top: -242px;height: 1000px;width: 1000px;background: url('img/2019/map_pin_cream.svg');z-index: 1;margin-left: -300px; }
.cream2_elements { position: absolute; bottom: 40%; width: 100%; }
.cream2_elements:before { content: '';position: absolute;right: -286px;top: -290px;height: 900px;width: 900px;background: url('img/2019/map_pin_cream.svg'); }
.cream2_elements:after { content: '';position: absolute;left: 59px;top: -435px;height: 900px;width: 900px;background: url('img/2019/c.svg');z-index: -1;margin-left: -300px;  -moz-transform: rotate(314deg);-webkit-transform: rotate(314deg);-o-transform: rotate(314deg);-ms-transform: rotate(314deg);transform: rotate(314deg);}
.post-edit-link { position: absolute; z-index: 5 }




/* SCREENS */
.screens_holder { position: relative; overflow: hidden; background: #fff; z-index:1; padding-bottom: 40px }
.other_solutions { clear: both; width: 70%; margin: 0 auto;}
.other_solution_item { border-top: 2px solid #808080;padding-left: 80px;padding-right: 80px; }
body.home .other_solutions:first-of-type .other_solution_item { border: none }
.other_solution_image { position: relative; height: 156px; width: 156px; border-radius: 90px;border: 3px solid white;display: inline-block;float: left;margin-bottom: 25px; }
.other_solution_item:hover {}
.other_solution_item:hover .other_solution_image { border: 3px solid #f08700 }
.other_solution_image:before { content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border-radius: 90px; background: rgba(0,0,0,0.5); }
.other_solution_item:hover .other_solution_image:before { background: rgba(0,0,0,0); }
.solution_holder_i {}
.other_solution_item h2 {margin-bottom: 0px;padding-top: 58px;padding-left: 184px;line-height: 38px; text-align: left}
.other_solution_item h2 a { color: black }
.other_solution_item h2 a:hover { color: #FF7F00; text-decoration: none }

.cream3_elements { position: absolute; top: 10%; width: 100%; }
.cream3_elements:before { content: '';position: absolute;z-index:1;right: -550px;top: -195px;height: 900px;width: 900px;background: url('img/2019/map_pin_cream.svg');  }
.cream3_elements:after { content: '';position: absolute;left: -252px;top: -278px;height: 1000px;width: 1000px;background: url('img/2019/c.svg');z-index: 1;margin-left: -300px; -moz-transform: rotate(314deg);-webkit-transform: rotate(314deg);-o-transform: rotate(314deg);-ms-transform: rotate(314deg);transform: rotate(314deg);}
.cream4_elements { position: absolute; bottom: 40%; width: 100%; }
.cream4_elements:after { content: '';position: absolute;left: -159px;top: -435px;height: 900px;width: 900px;background: url('img/2019/map_pin_cream.svg');z-index: -1;margin-left: -300px; }


.gallery_holder { clear: both; width: 100%; position: relative; overflow: hidden }
.cream5_elements { position: absolute; bottom: 0%; width: 100%; height: 100%;  }
.cream5_elements:before { content: '';position: absolute;z-index:0;right: -213px;top: 5px;height: 900px;width: 900px;background: url('img/2019/map_pin_cream.svg');  }
.cream5_elements:after { content: '';position: absolute;left: 146px; top: -161px;height: 1000px;width: 1000px;background: url('img/2019/c.svg');z-index: 0;margin-left: -300px; -moz-transform: rotate(314deg);-webkit-transform: rotate(314deg);-o-transform: rotate(314deg);-ms-transform: rotate(314deg);transform: rotate(314deg);}
.cream6_elements { position: absolute; top: 10%; width: 100%; }
.cream6_elements:before { content: '';position: absolute;z-index:1; right: -433px;top: -69px;height: 900px;width: 900px;background: url('img/2019/c.svg');  -moz-transform: rotate(314deg);-webkit-transform: rotate(314deg);-o-transform: rotate(314deg);-ms-transform: rotate(314deg);transform: rotate(314deg);}
.cream6_elements:after { content: '';position: absolute; left: -310px; top: -92px;height: 1000px;width: 1000px;background: url('img/2019/map_pin_cream.svg');z-index: 1;margin-left: -300px; }

/* CONTACT */

.contact_main { position: relative; z-index:0 }

.main_page_contacts .span_1_of_3 { width: 29%; }
.main_page_contacts .col { display: inline-block; float: initial; }


.main_page_contacts h3 { color: #fff; margin-bottom: 0px; padding-bottom: 0px; padding-top: 0px; margin-top: 10px;  }
.main_page_contacts { width: 100%; position: relative; overflow: hidden; background: #333333; color: #fff; padding-bottom: 0px; font-size: 18px; padding-top: 20px; line-height: 22px;z-index:0}
.main_page_contacts_i:before { content: '';position: absolute;right: -452px;top: -310px;height: 900px;width: 900px;background: url('img/2019/c.svg'); }
.main_page_contacts_i:after { content: '';position: absolute;left: 0px;bottom: -200px;height: 900px;width: 900px;background: url('img/2019/map_pin_cream.svg');z-index: -1;margin-left: -500px; }
.main_page_contacts h1 {  clear: both; width: 100%; text-align: center; color: #f08700; margin: 0px; padding-top: 100px; padding-bottom: 40px}
.contact_img { display: inline-block; clear: both; border: 4px solid #FF9800; border-radius: 150px; margin-top: 20px; max-height: 250px; max-width: 250px; min-width: 200px; min-height: 200px}
.main_page_contacts a { text-decoration: none; color: #FF7F00 } 
.main_page_contacts a:hover { text-decoration: underline; color: #FF7F00 } 
.contact_maps { position: relative; z-index: 0; background: #f2f2f2;  }
.main_page_contacts:after { content: ''; position: relative; display: block; width: 100%; height: 88px; background: url('img/2019/contact_sep.jpg'); z-index: -2 }
.map_holder { border: 30px solid white; margin: 60px; padding: 5px; -moz-box-shadow: inset 5px 5px 10px #9e9a9a5e; -webkit-box-shadow: inset 5px 5px 10px #9e9a9a5e; box-shadow: inset 5px 5px 10px #9e9a9a5e;} 
#map {height: 450px;width: 100%;}
h1.contact_heading { color: black; font-size: 60px; margin-top: 60px }

.address_holder { clear: both; width: 100%; }
.address_pin { float: left; width: 33% }
.address_pin img { margin-top: -5px; margin-left: -30px}
.location_desc { float: left; width: 66%; font-size: 18px; color: black; text-align: left}
.contact_maps:after { content: ''; display: block; width: 100%; height: 198px; margin-top: -198px; background: url('img/2019/contact_footer.jpg'); }



/*MAINPAGE*/

.main_page_scroller { clear: both; width: 100%; padding-bottom: 0px; background: white; overflow:hidden; background: #f2f2f2}

.main_page_scroller_noshaddow { clear: both; width: 100%; padding-bottom: 0px; background: white; }
.main_page_scroller h1 { clear: both; width: 100%; text-align: center; margin: 0px; padding-top: 80px; padding-bottom: 40px}
.slideritem { margin-left: 10px; margin-right: 10px }
.slideritem img { height: 265px }
.main_page_scroller .slick-next { right: -20px; top: 62% }
.main_page_scroller .slick-prev { left: -25px; top: 58%}

.location_icon_holder { position: relative; width: 250px; height: 250px; background: #f2f2f2; border: 3px solid #666666; border-radius: 50% 50% 50% 0%; transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg); }
.location_icon_holder:hover { background: white }
.location_icon_holder:hover, .location_icon_holder:hover .location_icon_img { border: 3px solid #f08700; }
.location_icon_img { position: absolute;left: 50%;top: 50%;width: 185px;height: 185px;border-radius: 185px;border: 3px solid black;margin-left: -93px;margin-top: -93px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.location_icon_img:after { content: '';position: absolute;width: 100%;height: 100%;background: #0000008f;left: 0px;top: 0px;border-radius: 100%; }
.location_icon_holder:hover .location_icon_img:after { background: none }
.location_href { display: inline-block }
.location_name { color: black; padding-top: 50px }
.location_name a h2 { color: black }
.location_main_ico:hover .location_name a h2 { color: #f08700 }

.main_page_locations { clear: both; width: 100%; background: #fff; padding-bottom: 40px;}
.main_page_locations .col { display: inline-block; float: none; margin: 0px; }

.mainpage_meediapinnad { clear: both; position: relative; width: 100% }
.mainpage_meediapinnad:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 548px; background: url('img/2019/mainpage_meediapinnad_sep.jpg'); } 
.main_page_usecases:before { content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 548px; background: url('img/2019/mainpage_meediapinnad_sep.jpg'); } 
.location { display: table !important; height: 200px; width: 100%; }

.main_page_locations h1 {  clear: both; width: 100%; text-align: center; margin: 0px; padding-top: 80px; padding-bottom: 60px}
.location a:hover h2, .location:hover img { color: #FF7F00 }
.main_page_locations .location_main_ico { clear: both; min-height: 105px; display:table-cell;vertical-align:middle;text-align: center; padding-bottom: 100px;}


.purple3_elements { position: absolute; bottom: 60%; width: 100%; }
.purple3_elements:before { content: '';position: absolute;right: -286px;top: -450px;height: 500px;width: 500px;background: url('img/2019/purple_c.svg') no-repeat; }
.purple3_elements:after { content: '';position: absolute;left: 173px; top: 0px; height: 700px; width: 700px;background: url('img/2019/purple_pin.svg') no-repeat top center;z-index: 0;margin-left: -300px; }


.blue3_elements { position: absolute; top: 10%; width: 100%; }
.blue3_elements:before { content: '';position: absolute;right: -286px;top: -50px;height: 900px;width: 900px;background: url('img/2019/blue_close.svg'); }
.blue3_elements:after { content: '';position: absolute;left: -63px;top: 453px;height: 900px;width: 900px;background: url('img/2019/blue_pin.svg');z-index: 0;margin-left: -300px; }


.main_page_scroller section.solutions .solution {position: relative; display:table;width:100%;height: 400px; border: 10px solid white; margin-bottom: 20px }
.main_page_scroller section.solutions .solution:hover { border: 10px solid #f08700;  }
.main_page_scroller section.solutions .solution:before { content: ''; display: table; position: absolute; left: 0px; top: 0px; width: 100%; height: 380px; background: rgba(0,0,0,0.50);  }
.main_page_scroller section.solutions .solution:hover:before { background: rgba(0,0,0,0.00);  }
.main_page_scroller section.solutions .solution:hover h2 { color: #f08700 }
h2.front_thumbs { margin-bottom: 60px }
a.front_thumbs  { color: black; text-decoration: none }
a.front_thumbs:hover  { color: #f08700; text-decoration: none }

.dropbtn { background: none;color: white;border: none;cursor: pointer;}
.dropbtn h2 { margin-bottom: 0px }
.dropdown {position: relative;display: inline-block;clear: both}
.dropdown-content {display: none;position: absolute;background-color: #F6F6F6;min-width: 260px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
.dropdown-content a {color: black;padding: 6px 16px;text-decoration: none;display: block;}
.dropdown-content a:hover {color: #FF7F00}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropbtn {}

.newClass{visibility: hidden}



.main_page_services { clear: both; width: 100%; background: white; padding-bottom: 100px}
.main_page_usecases { position: relative; clear: both; width: 100%; background: #f2f2f2; }
.casestudy_button_holder { margin-top: 50px }


body.home .main_page_contacts { padding-top: 0px }
.main_page_scroller h1.contact_heading { text-align: left }
body.home .main_page_contacts:before { content: ''; display: block; width: 100%; height: 120px; background: url('img/2019/mainpage_contact_sep.jpg'); padding-top: 50px }
body.home .main_page_contacts_i:before { top: -226px; }

body.home section.solutions {  padding-bottom: 10px;}

body.home .scroll, .solutions_desc .scroll {
	display: block;
    position: absolute;
	cursor: pointer;
    left: 0px;
    right: 0px;
    bottom: 50px;
    border: solid 1px rgba(255,255,255,1);
    height: 80px;
    width: 80px;
    margin: auto;
    border-radius: 100%;
    background: url('img/arrow_white.png') no-repeat;
    overflow: hidden;
    text-indent: -1000px;
    -webkit-animation: blink 2s ease infinite;
    -moz-animation: blink 2s ease infinite;
    -ms-animation: blink 2s ease infinite;
    -o-animation: blink 2s ease infinite;
    animation: blink 2s ease infinite;
	background-size: 70%;
	background-position: bottom center;
}

body.home.scroll:hover, .solutions_desc .scroll:hover {
	cursor: pointer;
	border-color:rgba(0,0,0,0.7);
}
.solutions_desc .scroll {  position: relative;background: url('img/2019/nupp.svg') no-repeat;  border: solid 1px rgba(0,0,0,1);bottom: 0px;}







.location_header h1 { margin-bottom: 0px; padding-bottom: 10px; font-weight: normal;}
h1.number { padding: 0px; font-weight: normal;}

h1.module_heading { padding-bottom: 40px } 















@-webkit-keyframes blink {
	0% {
		background-position: center -80px;
	}
	50% {
		background-position: center 0px;
	}
	100% {
		background-position: center 0px;
	}
}
@-moz-keyframes blink {
	0% {
		background-position: center -80px;
	}
	50% {
		background-position: center 0px;
	}
	100% {
		background-position: center 0px;
	}
}
@-ms-keyframes blink {
	0% {
		background-position: center -80px;
	}
	50% {
		background-position: center 0px;
	}
	100% {
		background-position: center 0px;
	}
}
@-o-keyframes blink {
	0% {
		background-position: center -80px;
	}
	50% {
		background-position: center 0px;
	}
	100% {
		background-position: center 0px;
	}
}
@keyframes blink {
	0% {
		background-position: center -80px;
	}
	50% {
		background-position: center 0px;
	}
	100% {
		background-position: center 0px;
	}
}

.scroll { display:  none }
.gallerylink { margin-top: 100px }





/*locations*/
main.overflow-hidden { overflow: hidden }
section.locations { background: #F6F6F6 }
.submenu { width: 100%; height: 65px; background: #F6F6F6; text-align: center }
ul.submenu-list { list-style: none; margin: 0px; padding: 0px; width: 100% }
ul.submenu-list li { display: inline-block; padding-left: 10px; padding-right: 10px; line-height: 65px }
ul.submenu-list li .dropdown-content { line-height: 27px;  }
ul.submenu-list li .dropbtn span:hover { color: #FF7F00; }
a.location_sel { color: #FF7F00 }
a.location_sel:after { color: black }


.location_buttons_holder { position: absolute; left: 38px;bottom: -38px;z-index:3}
.choose_center { display: inline-block; }
.location_button_holder {display: inline-block }
.heading_logo { position: relative; margin-top: 60px}
.heading_logo h1 { margin-top: 0px; padding-top: 0px }
.keskuse_logo { position: absolute; right: 0px; top: 0px; text-align: right; max-height: 100px }
button.choosecentre { width: 230px; background: #f08700; color: white; border: none; position: relative; }
button.choosecentre a { color: white }
button.choosecentre span { width: 30px;height: 25px;background: url(img/2019/location_burger.png);display: inline-block;margin-left: 10px;margin-bottom: -8px;margin-top: -6px; }
button.choosecentre:hover { background: none; color: white; border: none }
button.choosecentre:hover #shoppingcentres { display: block }
#shoppingcentres { display: none; position: absolute; top: 0px; left: 0px; text-align: center; background: white; border: 3px solid #f08700; border-radius: 35px; padding: 10px; z-index: 1 }
#shoppingcentres div { padding: 15px; padding-top: 5px; padding-bottom: 5px; line-height: 21px }
#shoppingcentres a { color: black; text-decoration: none }
#shoppingcentres a:hover { color: #f08700; text-decoration: none }


.cream_elements_holder { clear: both; width: 100%; position: relative; overflow: hidden }
.purple2_elements { position: absolute; bottom: 60%; width: 100%; }
.purple2_elements:before { content: '';position: absolute;right: -488px;top: -303px;height: 700px;width: 700px;background: url('img/2019/purple_pin.svg');z-index: 1; }
.purple2_elements:after { content: '';position: absolute;left: -97px;top: -160px;height: 500px;width: 500px;background: url('img/2019/purple_c.svg');z-index: 1;margin-left: -300px; }

.locations_gallery_header { position: relative; text-align: left; padding-left: 10%; padding-right: 10%; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; font-weight: normal }
.location_header { position: relative; clear: both; width: 100%; min-height: 341px; border-top: 14px solid #e6e6e6; padding-top: 0px;  }
.location_header_img { clear: both; position: relative; width: 100%; height: 522px }

.location_header .cream3_elements {     top: 26%; }


.partner_logos { clear: both; width: 100% }
.partner_logos img { padding: 20px; max-height: 100px }
.location_navigation { clear: both; width: 100%; text-align: center; margin-bottom: 20px; padding-top: 10px; padding-bottom: 20px; border-top: 3px solid #f08700; border-bottom: 3px solid #f08700}
.fixedmenu { position: fixed; z-index: 100; top: 0px; left: 0px; right: 0px; background: white; padding-bottom: 20px;
-webkit-box-shadow: 0px 1px 11px 1px rgba(0,0,0,0.37);
-moz-box-shadow: 0px 1px 11px 1px rgba(0,0,0,0.37);
box-shadow: 0px 1px 11px 1px rgba(0,0,0,0.37);
border: none; padding-top: 0px;
}
.location_navigation ul { clear: both; width: 100%; text-align: left; list-style: none; margin: 0px; padding: 0px }
.location_navigation ul li { width: 33%; padding: 0px; margin: 0px; display: inline-block; padding: 20px; padding-bottom: 0px; padding-left: 10%}
.location_navigation ul li a { color: black }
.location_navigation ul li a:hover { color: #f08700; text-decoration: none }
.location_navigation ul li.sel_nav a { color: #f08700;  }
.location_navigation ul li.sel_nav a:hover { text-decoration: none }
.location_content_holder { padding-bottom: 50px }


.location_navigation_item ul.slick-dots { visibility: hidden; opacity: 0 }
.location_navigation_item .lSPager.lSGallery { display: none }
.item_border { border: 3px solid #FF7F00; margin-bottom: 30px; border-left: 0px; border-right: 0px; }
.item_border .col { margin-top: 0px; margin-bottom: 0px }
.item_border .col+.col { border-left: 3px solid #FF7F00; min-height: 580px }
.item_border_top { border-top: 3px solid #FF7F00 }


.module_data_slider { clear: both; margin-bottom: 40px; padding-top: 20px; padding-left: 20px; padding-right: 20px}
.module_data_slider h3 { margin-top: 0px; padding-top: 0px }
.module_image { margin-bottom: 20px; margin-top: 20px }
.module_image img { width: 100%; height: auto }
.module_data { text-align: left; padding-bottom: 20px }


.module_data_slider  .slick-prev { top: 4px; z-index: 10;  }
.module_data_slider  .slick-next { top: 11px; z-index: 10; }


.post_arrow_left { position: absolute; left: 0px; top: 10px;     -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg); }

.post_arrow_right { position: absolute; right: 0px; top: 10px;    }

.copy-to-clip { cursor: pointer;clear: both;text-align: right;width: 100%;display: inline-block;color: gray;}
.copy-to-clip:hover { color: #FF7F00 }
.copy-messages { display: none; color: black; font-size: 12px;line-height: 17px }


/*MAP TABLE FIX */

.display_table { /*display: table;*/ width: auto; max-width: 1440px; table-layout: fixed; border-collapse:collapse; border-spacing:0px; margin-bottom: 50px; padding:0px}
.display_table_row { /*display: table-row;*/ width: auto; border-spacing: 0;border-collapse: collapse; padding:0px}
.display_table .display_table_row .display_table_cell_map { display: table-cell; float: none; width: 58%; border-spacing: 0;border-collapse: collapse; padding:0px}
.display_table .display_table_row .display_table_cell_gal { display: table-cell; float: none; width: 37%; border-spacing: 0;border-collapse: collapse; padding:0px; margin-right: -50px}
#module_data_slider { overflow: hidden; min-width: 115%; width: 0; }
#module_data_slider .slick-next { margin-top: 10px; margin-right: 20px }
#module_data_slider .slick-prev { margin-top: 10px; margin-left: 20px }

/*------------------------------------*\
    IMAGES
\*------------------------------------*/


.triggervideo li.has-video { position: relative; background: black }
.triggervideo li.has-video.hasIframe img { opacity: 0.1 }
.triggervideo li.has-video video { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;  }


/*------------------------------------*\
	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:1460px) {
	.cream_elements:before { right: -500px;top: -314px;height: 900px;width: 900px; }
	.cream_elements:after { left: -226px;top: -242px;height: 1000px;width: 1000px; }
	#module_data_slider { overflow: hidden; min-width: 100%; width: 0; }


}

@media only screen and (max-width:1320px) {
	.main_page_contacts_i:after { left: -55px }

}

@media only screen and (max-width:1260px) {
	.cream_elements:before { right: -629px;top: -314px;height: 900px;width: 900px; }
	.cream_elements:after { left: -326px;top: -242px;height: 1000px;width: 1000px; }
	body .header_txt {  }
	body .header_txt_i {  }

}


@media only screen and (max-width:1160px) {
	.cream_elements:before { right: -600px;top: -314px;height: 900px;width: 900px; }
	.cream_elements:after { left: -426px;top: -242px;height: 1000px;width: 1000px; }

}

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

	body.home .scroll, .solutions_desc .scroll { bottom: 150px }
	.cream_elements:after { display: none }
	.cream2_elements:before { display: none }
	.cream2_elements:after { display: none }
	.cream3_elements, .cream4_elements, .cream6_elements { display: none }
	.keskuse_logo { position: relative; display: block; clear: both; right: 0px; top: 0px; text-align: left; max-height: 100px; margin-top: 30px; margin-bottom: 40px; }
	.location_header .cream3_elements { z-index: 0 }
	.services_menu { border-bottom: 0px; }
	.services_holder { border-top: 14px solid #e6e6e6 }
	.services_button_holder { margin-left: 0px; text-align: center }
	button#responsive-menu-button { top: 5px !important; right: 72px !important; }

	.main_page_contacts h1 { padding-top: 40px; color: white }
	.main_page_contacts_i:before { right: -525px; top: -176px; }
	.main_page_contacts_i:after { left: -71px; bottom: 552px; }
	h1.contact_heading { font-size: 40px; margin-top: 0px; text-align: center }
	.map_holder { margin: 10px; border: 10px solid white; }
	.address_holder { margin-bottom: 20px }


	body .header_txt {  }
	body .header_txt_i {  }
	.location_name a h2 { font-size: 20px }
	.location_icon_holder { width: 210px; height: 210px; }
	.location_icon_img { width: 155px; height: 155px; border-radius: 155px; margin-left: -78px; margin-top: -78px; }
	.contact_img { max-height: 200px; max-width: 200px; }
	.location_navigation ul li { width: 49%; padding-left: 15% }



}


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


	body .header_txt { width: 90% }
	body .header_txt_i { width: 95% }

	body.home .header_txt h1 { font-size: 35px }
	button#responsive-menu-button {  top: 5px !important; right: 70px !important; position: absolute !important; }
	button#responsive-menu-button.is-active, body.home button#responsive-menu-button.is-active {  right: 0% !important; } {  right: 0% !important; }
	body button#responsive-menu-button { right: 50px !important; position: absolute !important;}
	body.home div.lang { right: 0px; top: 25px; }
	#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link { font-size: 18px !important }
	#responsive-menu-container { padding-top: 40px !important }
	.item_border .col+.col { border: none }
	.show-on-desktop { display: none }
	.show-on-mobile { display: block }
	.item_border .col+.col { min-height: initial }

	.solutions_menu { width: 70%; margin: 0 auto }
	.solutions_menu a { display: block; clear: both; border-bottom: 1px solid #505050  }
	.solutions_menu a:last-child { border: none }
	.solutions_menu a:after { display: none }

	.purple_elements { position: absolute; bottom: 60%; width: 100%; }
	.purple_elements:before { content: '';position: absolute;right: -286px;top: -50px;height: 900px;width: 900px;background: url('img/2019/purple_c.svg'); }
	.purple_elements:after { display: none }

	.main_page_scroller h1.contact_heading { text-align: center }
	.address_pin { width: 25%; }
	.address_holder { padding-left: 70px; }

	.location_navigation ul { text-align: center }
	.location_navigation ul li { width: 70%; padding-left: 20px }
	.purple2_elements { display: none }
	.location_name a h2 { font-size: 30px }

	.other_solution_image { height: 126px; width: 126px; }
	.display_table { display: block; clear: both;  width: 100%}
	.display_table_row { display: block; clear: both;  width: 100%}
	.display_table .display_table_row .display_table_cell_map { display: block; clear: both;  width: 100% }
	.display_table .display_table_row .display_table_cell_gal { display: block; clear: both;  width: 100%}





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

	.main_page_scroller .slick-prev, .main_page_scroller .slick-next{ visibility:hidden; display:none }
	
	body.home .logo { margin-top: -10px }
	
	.demo { width: 100% }
	.gallery_cont { padding-bottom: 0px }
	.submenu { height: auto; padding-top: 10px; padding-bottom: 10px; }
	ul.submenu-list li { line-height: 40px }
	.fixedmenu { position: initial; box-shadow: none }
	.map-buttons { font-size: 16px }

	button#responsive-menu-button { display: inline-block }
	/*nav { display: none }*/
	.dropbtn a { pointer-events: none; }
	.dropdown-content { width: 100%; left: 0px; right: 0px; }
	.dropdown { position: static }

	
	.other_solutions { width: 100% }
	.other_solution_item { padding-left: 10px; padding-right: 10px;      }
	.other_solution_item img { max-width: 30%; }
	.other_solution_item h2 { font-size: 20px; margin-bottom: 0px;padding-top: 40px;padding-left: 136px;line-height: 28px; }


}
@media only screen and (max-width:480px) {
	body .header_txt_i:before, body .header_txt_i:after { display: none }
	body .header_txt_i { width: 95%;  padding-top: 32%;  padding-left: 50px;}
	body.home div.lang { top: 15px; }
	body.home .header_bg:before {top: -623px; right: -366px; }
	body.home .logo { margin-top: 0px }
	body.home .header_bg { overflow: hidden; }
	

	

}

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

	.other_solution_image { height: 100px; width: 100px; }
	.other_solution_item h2 { font-size: 18px; margin-bottom: 0px;padding-top: 32px; padding-left: 114px; line-height: 20px; }


}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

@media only screen and (max-height:667px) {
	body.home .scroll, .solutions_desc .scroll { display: none }
}


@media only screen and (max-height:630px) {
	body .header_txt { top: -200px; bottom: -200px }
	body .header_txt_i { width: 95%; padding-top: 200px; }
	body.home .header_bg:before { top: -638px;  }
	body .header_txt_i:after { display: none }
	
}

@media only screen and (max-height:400px) {
	body .header_txt { font-size: 16px }
	body .header_txt_i { padding-top: 210px; }

}

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


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 5%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWO  */
.span_2_of_2 { width: 100%; }
.span_1_of_2 { width: 47.5%; }

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 65%; }
.span_1_of_3 { width: 30%; }


/*  GRID OF FOUR  */
.span_4_of_4 { width: 100%; }
.span_3_of_4 { width: 73.75%; }
.span_2_of_4 { width: 47.5%; }
.span_1_of_4 { width: 21.25%; }


/*  GRID OF FIVE  */
.span_5_of_5 { width: 100%; }
.span_4_of_5 { width: 79%; }
.span_3_of_5 { width: 58%; }
.span_2_of_5 { width: 37%; }
.span_1_of_5 { width: 16%; }

/*  GRID OF map  */
.span_map_of { width: 55% }
.span_gal_of { width: 40% }

/*  GO FULL WIDTH BELOW 768 PIXELS */
@media only screen and (max-width: 768px) {
	.col {  margin: 1% 0 1% 0%; }
	.main_page_contacts .span_1_of_3 { width: 100%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
	.span_2_of_2, .span_1_of_2 { width: 100%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
	.span_1_of_5, .span_2_of_5, .span_3_of_5, .span_4_of_5, .span_5_of_5 { width: 100%; }
	.span_map_of, .span_gal_of { width: 100%; }
}








@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons 
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
*/
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 63%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
	zoom: 1.4
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 0px;
	-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
[dir='rtl'] .slick-prev
{
    right: 0px;
    left: auto;
}
.slick-prev:before
{
    content: '';
	background: url('img/next-arrow.png');
	color: red;
	width: 24px; 
	height: 24px;
	display: block;
	background-size: 24px 24px
}
[dir='rtl'] .slick-prev:before
{
    content: '';
	background: url('img/next-arrow.png');
	color: red;
	width: 24px; 
	height: 24px;
	display: block;
	background-size: 24px 24px
}

.slick-next
{
    right: 0px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 0px;
}
.slick-next:before
{
    content: '';
	background: url('img/next-arrow.png');
	color: red;
	width: 24px; 
	height: 24px;
	display: block;
	background-size: 24px 24px
}
[dir='rtl'] .slick-next:before
{
	content: '';
	background: url('img/next-arrow.png');
	color: red;
	width: 24px; 
	height: 24px;
	display: block;
	background-size: 24px 24px
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -45px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}

.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 30px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '⚬';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: 1;
    color: #ff7f00;
	content: '•';
	font-size: 50px;
	line-height: 23px;
}





#map_height h3 { text-transform: uppercase; color: #4A494A }
h3.number { color: #4A494A }




/* Map Pins */
.map-layout {
    width: 800px;
	/*zoom: 0.9;*/
	margin: 0 auto;
	margin-left: -20px;
}
.map-container {
    position: relative;
    margin: 0 20px;
    display: none;
}
.map-container.active {
    display: block;
}
.map-container img {
    width: 100%;
}
.map-buttons {
    padding: 10px 0;
    text-align: center;
}
.map-buttons .btn {
    padding: 10px 40px;
	color: black;
}
.map-buttons .btn:hover { text-decoration: none; color: #f08700 }
.map-buttons .btn.active { color: #f08700 }
.contact-block {
    text-align: center;
    padding: 60px 0;
    position: relative;
}

.contact-box {
    display: inline-block;
    position: relative;
    width: 265px;
}

.contact-box.even {
    bottom: -120px;
    margin: 0 -65px;
    position: relative;
}

.contact-box.map {
    cursor: pointer;
}

.contact-box.map.type-2 {
    bottom: 5px;
    margin: 0 -65px;
    position: relative;
    left: 70px;
}

.contact-box.map.type-1 {
    margin: 0 auto;
    display: block;
}

.contact-box.map:hover a {
    text-decoration: underline;
}

.contact-box svg {
    height: 254px;
    width: 272px;
}



.pin {
    opacity: 0;
    visibility: hidden;
    transform: scale(.1);
    cursor: pointer;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    color: rgba(97,97,97,1);
    /*background-image: url("img/svg/pin.svg");*/
	background-color: #FF7F00;
	border: 1px solid white;
	border-radius: 90px;
    background-size: contain;
    /*background-position: 6px 0;*/
    background-repeat: no-repeat;
    z-index: 10;
}
.pin.active {
    background-image: url("img/svg/pin_sel.svg");
	background-color: white;
    z-index: 20;
	border-radius: 90px;
	background-size: 20px;
	width: 20px;
    height: 20px;
	margin-left: -5px;
	margin-top: -5px;
	background-position: center center;

}
.pin.created {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition: opacity, visibility, transform .2s ease-in;
}
.pin span {
    display: none;
	padding-left: 1px;
    font-weight: 700;
    font-size: 10px;
    position: absolute;
    top: 5px;
    left: 50%;
    z-index: 20;
    transform: translateX(-50%);
}
.pin:before {
    display: none;
	background: #fff;
    width: 14px;
    height: 14px;
    content: '';
    border-radius: 100%;
    position: absolute;
    top: 5px;
    left: 13px;
    z-index: 1;
}

.pin-info {
    display: none;
	white-space: nowrap;
    opacity: 1;
    visibility: visible;
    font-size: 10px;
    position: absolute;
    left: -9px;
    top: -32px;
    padding: 5px 10px;
    background: #fff;
    z-index: 102;
    text-transform: uppercase;
    -webkit-box-shadow: 2px 2px 0px 0px rgba(97,97,97,1);
    -moz-box-shadow: 2px 2px 0px 0px rgba(97,97,97,1);
    box-shadow: 2px 2px 0px 0px rgba(97,97,97,1);
}
.pin:hover .pin-info { display: block }
.pin-info.active {
    opacity: 1;
    visibility: visible;
    transition: opacity, visibility .2s ease-in;
}
.pin-info:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #fff;
    bottom: -10px;
    left: 6px;
    box-sizing: border-box;
    transform-origin: 0 0;
    transform: rotate(-45deg);
    box-shadow: -1px 2px 0 0 rgba(97,97,97,1);
}


@media only screen and (max-width: 1240px) {
	.map-layout { zoom: 0.9 }
}
@media only screen and (max-width: 1110px) {
	.map-layout { zoom: 0.8 }
}
@media only screen and (max-width: 990px) {
	.map-layout { zoom: 0.7 }
}
@media only screen and (max-width: 870px) {
	.map-layout { zoom: 0.6 }
}
@media only screen and (max-width: 760px) {
	.map-layout { zoom: 0.5 }
}
@media only screen and (max-width: 640px) {
	.map-layout { zoom: 0.6 }
}
@media only screen and (max-width: 414px) {
	.map-layout { zoom: 0.5 }
}

@media only screen and (max-width: 375px) {
	.map-layout { zoom: 0.42 }
}
@media only screen and (max-width: 320px) {
	.map-layout { zoom: 0.4 }
}











/*hide lang nav
body.home div.lang, div.lang { display: none }
body.home nav.nav ul, nav.nav ul { padding-right: 0px }
body button#responsive-menu-button { right: 0px !important }
body.home button#responsive-menu-button { right: 0px !important }


@media only screen and (max-width:780px) {
body.home button#responsive-menu-button { right: 0px !important }
}
*/