/* 
 Theme Name:     tiilerijulkisivu
 Author:         Tiileri Oy
 Author URI:     https://tiileri.fi
 Template:       Divi
 Version:        1.0 
*/

/*** CHROME IMG BLUR FIX ***/ img {image-rendering: -webkit-optimize-contrast !important;}

::selection {
  background: #000000; /* WebKit/Blink Browsers */
  color:#fff;
}

::-moz-selection {
  background: #000000; /* Gecko Browsers */
  color:#fff;
}

.et_pb_button::selection,
button::selection,
img::selection {
  background: rgba(0,0,0,0) !important; /* WebKit/Blink Browsers */
  color:#FFF;
}

.et_pb_button::-moz-selection,
button::-moz-selection,
img::-moz-selection {
	background: rgba(0,0,0,0) !important; /* Gecko Browsers */
	color:#FFF;
}

html { -webkit-tap-highlight-color: rgba(0,0,0,0); }

body {
	font-family:'Karla',sans-serif;
}

/* MENU */

@media screen and (max-width: 981px) {
	.et_header_style_slide #main-header #et-top-navigation, .et_header_style_fullscreen #main-header #et-top-navigation {
		padding: 35px 0 6px 0 !important;
	}
}

.et_header_style_slide .et_slide_in_menu_container {
	background:#000 !important;
}

.et_divi_100_custom_hamburger_menu__icon {
    position: relative;
    display: block;
    width: 1.875rem;
    height: 2.875rem;
    box-sizing: border-box;
    cursor: pointer;
    padding: 0.25rem;
    padding-bottom: 0.25rem;
    clear: both;
}

#mobile_menu_slide li a:after {
	display:block;
	width:50px;
	height:3px;
	margin:10px auto 10px auto;
	background:#ee1d23;
	content:'';
}

.et_divi_100_custom_hamburger_menu__icon div {
    background: #000;
    width: 100%;
    height: 0.325rem;
    margin: 0.45rem auto;
    border-radius: 0px;
    -webkit-transition: 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65);
    transition: 0.3s cubic-bezier(0.28, 0.55, 0.385, 1.65);
    transition-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65);
    -webkit-transition-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65);
    transition-timing-function: cubic-bezier(0.28, 0.55, 0.385, 1.65);
    -webkit-transform: 0;
    transform: 0;
    -webkit-transform-origin: center;
    transform-origin: center;
}

.mobile_menu_bar.et_pb_header_toggle {
    display: none;
    width: 52px;
    cursor: pointer;
}

.et_divi_100_custom_hamburger_menu__icon.et_divi_100_custom_hamburger_menu__icon--toggled div:first-child {
    -webkit-transform: translateY(1.16rem) rotate(45deg);
    transform: translateY(1.16rem) rotate(45deg);
}

#mobile_menu_slide a {
	-webkit-transition: all 150ms ease-in-out !important;
	-moz-transition: all 150ms ease-in-out !important;
	-o-transition: all 150ms ease-in-out !important;
	transition: all 150ms ease-in-out !important;
}

#mobile_menu_slide li a {
	font-size:20px;
	font-weight: 700;
	font-style: normal;
	margin-top:4px;
	line-height:1.4;
	margin-bottom:0px;
	padding-bottom:9px;
	text-transform:uppercase;
	text-align:Center !important;
	color:#fff !important;
}

#mobile_menu_slide li a:hover {
	opacity:1 !important;
	color:#fff !important;
}

.et_slide_in_menu_container ul#mobile_menu_slide {
    display: block !important;
    padding: 38px 40px 28px 40px;
}

#mobile_menu_slide #menu-social-icons li {
	padding-left:0 !important;
	width:25% !important;
}

#mobile_menu_slide #menu-social-icons li a {
	opacity:1 !important;
}

#mobile_menu_slide #menu-social-icons li a:hover {
	opacity:0.7 !important;
}

#mobile_menu_slide #menu-social-icons {
	margin-top:20px;
}

footer {
	display:none;
}

#buttons .et_pb_button {
	padding:10px 35px;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

#buttons .et_pb_button:after  {
	display:none !important;
}

#buttons .et_pb_button:hover {
	box-shadow: 7px 7px 0px 0px #000 !important;
}

#playvideo {
	position:relative;
}

#playvideo:after {
	content:'';
	width:130px;
	height:130px;
	margin-left:-65px;
	margin-top:-65px;
	background:#FFF;
	opacity:0.7;
	border-radius:100%;
	position:absolute;
	top:50%;
	left:50%;
	pointer-events:none;
	z-index:10;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

#playvideo:before {
	content:'';
	width:100px;
	height:100px;
	margin-left:-50px;
	margin-top:-50px;
	background:#FFF;
	border-radius:100%;
	position:absolute;
	top:50%;
	left:50%;
	z-index:9;
	pointer-events:none;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 1250ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

#playvideo:hover:after {
	width:120px;
	height:120px;
	margin-left:-60px;
	margin-top:-60px;
	box-shadow: 0 1px 150px #000;
}

#playvideo:hover:before {
	width:105px;
	height:105px;
	margin-left:-52.5px;
	margin-top:-52.5px;
	
}

#playvideo .et_pb_image_wrap:after {
	content:'';
	background:url(img/play-icon.png);
	width:28px;
	height:38px;
	background-size:contain;
	background-repeat:no-repeat;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-10px;
	margin-top:-19px;
	z-index:11;
	pointer-events:none;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 1250ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

#playvideo:hover .et_pb_image_wrap:after {
	transform: rotate(90deg);
	margin-left:-15px;
	margin-top:-15px;
}

#html5-watermark {
	display:none !important;
}

#tarinarow .et_pb_text {
	padding-left:20px;
	padding-right:20px;
}



#tarinarow .et_pb_button {
	padding:10px 35px;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

#tarinarow .et_pb_button:hover {
	background:#ee1d23 !important;
	border-color:#ee1d23 !important;
}

#tarinarow .et_pb_button:after {
	display:none !important;
}

#tarinarow h4 {
	padding-bottom:5px;
	padding-left:20px;
	padding-right:20px;
}

#tarinarow h5 {
	padding-bottom:20px;
}

#features .et_pb_blurb_content {
	max-width:300px;
}

#features .et_pb_main_blurb_image {
	width:60%;
	padding:35px 15px;
	background:#fcfcfc;
	box-shadow:0 1px 5px rgba(0,0,0,0.08);
}

#features .et_pb_main_blurb_image img {
	max-height:90px;
	width:auto;
	border-bottom:solid 3px #BC161A;
	padding-bottom:20px;
}

.aspa {
	position:Absolute;
	right:100px;
	top:48px;
	z-index:999999999999999999999;
	list-style-type:none;
	font-size:13px;
}

.aspa li {
	display:inline-block;
	margin:0 20px;
	text-transform:uppercase;
}

.aspa li:nth-child(2) a:before {
	content:'\e090';
	font-family:ETModules;
	font-size:20px;
	color:#ee1d23;
	position:absolute;
	margin-left:-24px;
}

.aspa li:nth-child(3) a:before {
	content:'\e076';
	font-family:ETModules;
	font-size:20px;
	color:#ee1d23;
	position:absolute;
	margin-left:-27px;
}

.aspa a {
	z-index:999999;
	color:#000;
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

.aspa a:hover {
	color:#ee1d23;
}

/* MEDIA QUERIES */

@media screen and (min-width: 981px) {
	#tarinarow.et_pb_gutters2 .et_pb_column_1_3, #tarinarow.et_pb_gutters2.et_pb_row .et_pb_column_1_3 {
		width: 32.6666%;
	}
	#tarinarow.et_pb_gutters2 .et_pb_column, #tarinarow.et_pb_gutters2.et_pb_row .et_pb_column {
		margin-right: 1%;
	}
	#tarinarow .et_pb_text p {
		width:450px;
		max-width:100%;
		margin:auto;
	}
}

@media screen and (max-width: 981px) {
	  #main-header > .container {
		  width:90%;
	  }
	  #logo {
		  max-height:50px !important;
	  }
}

@media screen and (max-width: 850px) {
	.aspa li:first-child {display:none;}
}

@media screen and (max-width: 670px) {
	.aspa li a span {display:none;}
	.aspa li:nth-child(2) a:before, .aspa li:nth-child(3) a:before {position:relative;}
	.aspa {right:80px;}
}

@media screen and (max-width: 410px) {
	.aspa {display:none;}
}

@media screen and (max-width: 445px) {
	#mobile_menu_slide li a {
		font-size: 15px;
	}
}