/*
Main css styles that differs from the template
Author: Eero Jääskeläinen
*/

@font-face {
    font-family: Pristina;
    src: url("/site/templates/css/pristina.ttf");
}
#main_title {
	font-family:"Pristina", serif;
	font-size: 4em;
}

h1 {
	/*font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;*/
	font-size: 2.5em;
	
	/* Warning: Needed for oldIE support, but words are broken up letter-by-letter */
	-ms-word-break: break-all;
     word-break: break-all;

     /* Non standard for webkit */
     word-break: break-word;

	-webkit-hyphens: auto;
	-moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
	
}
p.narrowContent {
	
}
.color1
{
	color: #1581E1;
}
.header_bg{
	background: #B8c9e3; /*#E0EAFF*/
}
.header_btm{
	background: #647db1;/*#7D8EB1;*/
}

.grid-40-60-1
{
	/*float: left;*/
    /*width: 22%; */ width: 25%;
    padding-right: 2%;
}

.grid-40-60-2
{
	/*float: left;*/ float: right;
    width: 66%;
    padding: 0 3% 0 1%;
}

.h_menu ul{list-style:none;margin:0;padding:0;}
.h_menu li {list-style-image:none;}

/* Main landing page */
.slider {
    
}
.sy-box {
    position: relative;
	/*margin: 5em 0;*/
   
}
.sy-box img {
	 border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
}
.slider-details {
    position: absolute;
    left: 0em;
    top: 100px;
    background: rgba(21, 144, 234, 0.81);
    padding: 1em;
	color: white;
    font-size: 2em;
}
.slider-details p {
    font-size: medium;
    color: white;
}
/* Contacts-page: */

#special-contacts 
{
	
}

#topAnchors {
    display: none;
}

.office-list
{
	padding-bottom: 1em;
}
.office-list h3
{
	color: #7D7D7D;
    font-size: 1.3em;
    margin: 0.5em 0 0.7em 0;
    /*width: 95%;*/
    font-style: italic;
}
.office-list p, .office-list p a, #special-contacts p, #special-contacts p a {
	margin-top: 0.25em;
    color: #969696;
	font-weight:normal;
    font-size: 1.1em;
    line-height: 1.6em;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}
.office-list>div {
	display:inline-block;
	margin-right:2em;
	
	vertical-align: top;
}
.office-list>div:first-child {
	/*margin-left:initial;*/
}


.office-list .contact_hours {
    display: block;
    margin-top: 1em;
}

/* Maps related styles: */
div#map
{
	margin-top: 2em;
	width:100%;
	height:50vh;
}
div#map iframe
{
	width:100%;
	height:100%;
}

.contact-form h5 {
    /*color: #00A0B0;*/
    font-size: 1.8em;
    padding: 0.3em 0em;
    font-style: italic;
}

.contact-form input[type="text"], .contact-form input[type="email"]{
	/*width: 48.7%;*/width: 100%;
	color:#B9B9B9;
	border: 1px solid #CCCCCC;
	border-right: 0;
	border-left: 0;
	border-top: 0;
	outline: none;
	font-family: 'Lato', sans-serif;
	padding: 1em 0;
	font-size: 1em;
	font-weight: 600;
}
#contact .contact_hours
{
	font-size: 0.9em;
    font-style: italic;
}
.contact-form input[type="text"]:focus, .contact-form input[type="email"]:focus, .contact-form textarea:focus{
	color:#3B5053;
}
.contact-form textarea{
	width: 100%;
	border: 1px solid #CCCCCC;
	border-right: 0;
	border-left: 0;
	border-top: 0;
	border-radius:0;
	outline: none;
	font-family: 'Lato', sans-serif;
	padding: 0.5em 0;
	font-size: 1em;
	height: 40px;
	resize: none;
	color: #B9B9B9;
}
.frist{
	margin-right:2%;
}
.contact-form input[type="submit"],
.contact-form .InputfieldSubmit [name=cf_submit] {
	border: none;
	color: #000;
	/*float: right; Firefox not likes*/
	font-size: 1em;
	background: url(../images/msg.png) no-repeat #fff 0px 6px;
	padding: 0em 0.2em 0 1.5em;
	outline:none;
	font-family: 'Lato', sans-serif;
	cursor:pointer;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	margin-top: 1em;
}
.contact-form input[type="submit"]:hover,
.contact-form .InputfieldSubmit [name=cf_submit]:hover{
	color:#982085;
}

.InputfieldHidden, .Inputfield_scf-website {
    display: none;
}
/* Home page banner */
.banner {
	margin-bottom:1em;
}

/* Basic page: */


/* Image gallery: */
#gallery, #videogallery {
	text-align:center;
}
#gallery li, #videogallery li {
	display:inline-block;
	list-style-type:none;
	list-style-image:none;
	padding: 0.3em;
}
#gallery img, #videogallery img {
	max-width: 21vw;
}

#gallery>a:hover>img, #videogallery>a:hover>img {
    -webkit-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1,1.1,1.1);
}
#gallery>a>img, #videogallery>a>img {
    -webkit-transition: -webkit-transform .15s ease 0s;
    -moz-transition: -moz-transform .15s ease 0s;
    -o-transition: -o-transform .15s ease 0s;
    transition: transform .15s ease 0s;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
 
}
.lg-sub-html h3
{
	color:white;
}


/* Basic page join box */
.social_2 ul 
{
	padding: 0em 0em 0.8em 0em;
}
/* MailChimp styling */
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }

#mc_embed_signup form {
	padding: 0 !important;
}
#mc_embed_signup input.button
{
	width:auto !important;
	padding: 0 1em;
}

/* Products table */
.products ul
{
	width: 100%;
	padding-left: 0;
    padding-right: 0;
}
.products li {
    display: inline-block;
    margin: 0.5em;
   
    background-color: rgba(132, 159, 185, 0.23);
	width: 30%;
	min-width: 14em;
}
.product_description
{
	display: -webkit-flex; /* Safari */
	display: flex;
	padding: 0.7em;
	min-height: 10em;
}
.product_image 
{
	float:left;
	max-width: 35%;
	margin-right:5%;
	flex: 1;
}
.product_details {
	flex:1;
	font-size:small;
}

.product_pricing {
    background-color: rgba(185, 185, 185, 0.43);
	text-align: center;
}

.product_description h3
{
	margin-top:0;
	line-height: normal;
    margin-bottom: 1em;
}
.product_description p, .product_description p a {
	
	line-height:initial;
}

/* Calendar: */
div#calendar {
	width:/*50%;*/75%;
	height:100%;
	max-width:800px;
	/*margin: auto;*/
	padding-top: 2em;
}
div#calendar iframe {
	width:100%;
	height:600px;
}

/* Sidebar: */

ul.sidebar {
	margin:0;
}
/* Footer: */
.footer, .footer a {
	color:white;
}
.footer h3
{
	padding-bottom: /*initial IE does not likes */0;
	margin-top: /*initial IE does not likes */0;
}
.footer-left p
{
	margin-top:/*initial IE does not likes */0;
	color:white;
}

.footer-left li {
    /*float: left;*/
    list-style: none;
    margin-bottom: 0.5em;
}
.footer-left li:nth-child(n+2):before {
	/*content:'|';*/
	margin: 0.2em;
}


#footercontact_left {
	display: inline-block;
	margin-right: 3em;
}
#footercontact_right {
	display: inline-block;
}
#footercontact_left a, #footercontact_right a 
{
	color:white;
}
.soc_icons1 ul
{
	padding-left:0;
	padding-top:0;
}
#footer_contact
{
	padding-left: 0;
}
#footer_contact li
{
	list-style-type: none;
    display: inline-block;
    vertical-align: top;
    margin-left: 1.5em;
	margin-right:1.5em;
}
#footer_contact li:first-child
{
	margin-left:0;
}
p.telephone {
    font-size: 1.2em;
	line-height: normal;
	margin-bottom: 0.5em;
}
#footer_contact .contact_hours
{
	display: block;
    font-size: 0.69em;
    font-style: italic;
}
#footer_contact a 
{
	color: #FFFFFF;
}

#languages
{
	padding-left: 0;
}
#languages li
{
	list-style-type: none;
    display: inline-block;
    margin-left: 0.5em;
    margin-right: 0.5em;
}
/* Social Media icons */
.soc_icons li
{
	list-style-type:none;
	list-style-image:none;
}

.soc_icons ul li a.some_facebook_icon{
	background: #39579D url('../images/icon1.png') no-repeat 16px 9px;
}
.soc_icons ul li a.some_linkedin_icon{
	background: #1C87BD url('../images/linkedin.png') no-repeat 11px 8px;
}
.soc_icons ul li a.some_instagram_icon{
	background: #3C8FDF url('../images/instagram.png') no-repeat 7px 6px;
}
.soc_icons ul li a.some_youtube_icon{
	background: #3C8FDF url('../images/youtube.png') no-repeat 6px 9px;
}

.footer .soc_icons li 
{
	display:inline-block;
	margin-right: 1em;
}
#footer-feed p {
	padding-top:0;
	line-height:1em;
	margin: 0;
}
#footer-feed li 
{
	list-style: none;
}
#footer-feed time
{
	color: #fff;
    font-size: 0.8em;
    padding: 0.8em 0;
}

div#copyright {
    width: 100%;
    text-align: center;
	padding-top:3em;
}
div#copyright img {
	
}

#topSubNavi li {

    float: left;
}
#topSubNavi + div {
	clear:left;
}

@media (max-width:768px) {
	#topSubNavi{
		display:none;
	}
	#topAnchors {
		display: block;
	}
	#footer_contact li
	{
		margin-left: 0;
	}
	.footer h3
	{
		margin-top: 1em;
	}
	div#calendar
	{
		position:relative;
		z-index:55;
	}
	div.calendarcontent img#raiskintaukko
	{
		position:absolute;
		right:0;
		
		z-index:2;
		max-width:50%;
		
	}
}
@media (min-width: 769px)
{
	#bottomSubNavi {
		display:none;
	}
}

@media (min-width:1280px)
{
	div#calendar {
		
		margin:auto;
		width:50%;
		
	}
}
@media (min-width: 400px) {
	.flag-icon
	{
		width: 2.5em !important;
		line-height:2em !important;
	}
}
@media (max-width: 399px) {
	.flag-icon
	{
		width: 2em !important;
		line-height:1.5em !important;
	}
}

/*****  Media Quries for 480px tabs *****/
@media (max-width: 480px) {
	
	h1 {
		font-size: 3em;
	}
	.footer-left {
		margin-bottom:1em;
	}
	
	.slider-details h4 {
		font-size: 1em;
	}
	div#calendar iframe {
		height:400px;
	}
	#raiskintaukko {
		display:none;
	}
	div#calendar {
		width: 100%;
	}
	#footer-feed ul
	{
		padding: 0.5em;
	}
	
}
@media (max-width:540px) {
	.products li {
		width: 95%;
	}
	
}
@media (min-width:541px) and (max-width: 640px)
{
	/* Product list */
	.product_description {
		display: initial;
		text-align: center;
	}
	.product_image {
		float:none;
		max-width: initial;
		margin-right:0;
	}
	.product_image img {
		max-height: 15vh;
	}
}
@media (max-width: 640px)
{
	.header {
		
		
	}
	#main_title 
	{
		font-size:3em;
		
		clear: left;
	}
	.grid-40-60-1 {
		float: none;
		width: 100%;
		padding-right: 0%;
	}
	.grid-40-60-2 {
		float: none;
		width: 100%;
		padding: 1em 0;
	}
	
	.rsidebar {
	    border-top: 1px solid #EB6841;
	}
	.office-list>div {
	/*margin-left:initial;*/
	}
	
	.slider-details
	{
		position: initial;
		top:0;
	}

	.products li {
		min-width:initial;
	}
	
	/* Image gallery: */
	#gallery , #videogallery{
		text-align:center;
	}
	#gallery li, #videogallery li {
		/*display:block;*/
		padding: 0em;
	}
	#gallery img, #videogallery img {
		max-width: 100%;
		
	}
	
	
	#footer_contact li
	{
		margin-left: 0;
	}
	div#calendar iframe {
		height:400px;
	}
	.footer-left {
		width:100%;
		float:none;
	}
	.footer-right {
		float: none;
		width:100%;
	}
}