/**

 Author: Saleslion
 Author URI: http://www.saleslion.fi/

*/


/* GLOBAL */

body {
    overflow-x: hidden;
    color: #000000;
    background-color: #ffffff;
    font-size: 16px;
}

strong,
b {
    font-weight: 700;
}

em {
    font-style: italic;
}


a,
a:hover,
input[type=submit],
input[type=submit]:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	
}

.ninja-forms-req-symbol{
	color: #f5a01a !important;

}

.text-wrap input {
	min-height: 40px;
}

label {
    font-weight: normal !important;
}

* .submit-wrap input:hover,
* a.button:hover,
* .field-wrap input:hover {
    opacity: 0.7;
}

.ninja-forms-field-error {
    font-size: 12px;
}

pre {
    padding: 0px;
    border: none;
}


/***** HOME PAGE *****/

/* LANGUAGES */
#qtranslate-7{
	padding: 0px;
	margin-top: -4px;
}

/* MAIN MENU */

#menu-main-menu-1>li {
    text-transform: uppercase;
    /*margin-left: 40px;*/
}

#menu-main-menu-1>li>a {
    color: black;
}

#menu-main-menu-1>li>a:hover {
    opacity: 0.5;
    color: black;
}



.sub-menu{
    background-color: black;
    border: none;
}


.sub-menu li{
    width: 100%;
    border-left: 3px solid #f5a01a;
    border-bottom: 1px solid #555555;
	min-width: 200px;
	
}

.sub-menu li a {
    font-weight: normal;
    font-size: 14px !important;
    color: #fefefe;
    padding: 15px;
}

.bindx-logo {
	top: 4px;
}
.bindx-logo a::before {
	content: url(images/bindx-logo_rez.png);
}
.bindx-logo a {
	font-size: 0 !important;
}
.nav-mobile .bindx-logo {
	background: #ccc;
}

/* TOP BAR */

.header-secondary {
    background-color: #ffffff;
    height: 40px;
}

#menu-item-43 {
    background: url(../images/en.png) no-repeat center center;
    width: 16px;
    height: 11px;
}

#menu-item-44 {
    background: url(../images/fi.png) no-repeat center center;
    width: 16px;
    height: 11px;
    margin: 0;
}

#menu-item-44 a,
#menu-item-43 a,
#menu-item-100 a {
    color: rgba(0, 0, 0, 0) !important;
}

#menu-item-100 {
    background: url(../images/phone.png) no-repeat center center;
    width: 24px;
    height: 24px;
    margin: -2px 0;
}

#menu-phone a {
    font-size: 18px;
    margin-top: -5px;
}

.header-secondary a {
    color: #000000 !important;
}


/* HOME BANNER */

.home-banner {
    /*height: 430px;*/
    padding-top: 30px;
}

.inner-banner{
	/*height: 300px;*/
	padding-top: 30px;
}


.home-banner h3 {
    color: #ffffff !important;
    font-size: 2.5em !important;
}

.banner-form {
    background-color: rgba(0, 0, 0, 0.8);
    border-left: 3px solid #f5a01a;
    /*height: 230px;*/
    padding: 10px 40px;
}

.banner-form h1{
	font-size: 2em;
	color: white;
	padding-bottom: 30px;
}

/*.banner-form label, .banner-form .ninja-forms-field-error{*/
.banner-form label {
   display: none !important;
}

.banner-form .ninja-forms-field-error{
	color: #f5a01a;
}

.banner-form h5 {
    color: white;
    font-size: 1.8em !Important;
}

.banner-form .ninja-forms-cont{
	padding-top: 10px;
}


.banner-form .text-wrap input {
    height: 40px;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    border-bottom: 1px solid #aeaeae;
    padding-left: 0px;
    font-size: 1.5em;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    color: #aeaeae;
}

.banner-form .text-wrap {
    width: 64%;
    /*float: left;*/
}

.banner-form .submit-wrap {
    float: left;
    width: 10%;
    margin-left: 10px;
}

.banner-form .submit-wrap input {
    height: 40px;
    background-color: #f5a01a;
    color: black;
    width: 170px;
}

.ninja-forms-success-msg {
    color: #f5a01a;
}

.banner-form .promail-tietosuoja-wrap label {
	display: inline !important;
	color: #fff;
}
.banner-form .promail-tietosuoja-wrap .ninja-forms-field-description {
	color: #fff;
	font-size: 12px;
}
.banner-form .promail-tietosuoja-wrap .ninja-forms-field-description a {
	color: #fff;
	text-decoration: underline;
}

/*HOME SERVICES*/

.services-container {
    margin: 0;
    padding: 30px;
    background-color: white;
}

.services-container h3.heading {
    font-size: 2.2em;
    font-weight: normal;
}

.home-service {
    float: left;
    background-color: #f5f5f5 !important;
    border-left: 3px solid #f5a01a;
    padding: 12px 0px 12px 0px;
	
	}

.home-service .media-body{
	

}

.home-service .media-image {
    float: left;
    padding: 30px 60px;
}

.home-service .button {
    float: right;
    padding: 10px 60px;
    display: inline;
    position: absolute;
    right: 0;
    top: 20%;
    background-color: #e9e9e9;
    color: black;
    margin: 30px;
}

.home-service .heading,
.home-service .excerpt {
    width: 55%;
}

.home-service .heading {
    padding-top: 15px;
}

.home-service .excerpt {
    margin-top: 0px !important;
}

.home-service .heading,
.home-form .heading {
    font-weight: bold;
}

.home-form {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #f5f5f5;
    border-left: 3px solid #f5a01a;
    padding: 10px 30px 27px 30px;
	z-index: 1;
}

.home-form h1{
	font-weight: bold;
	font-size: 18px !important;
	padding-bottom: 10px;
}

.home-form h2{
	font-weight: normal;
	font-size: 16px !important;
	padding-bottom: 10px;
}

.home-form input{
	height: 40px;
}

.home-form .ninja-forms-cont{
	margin-top: 20px;
}

.submit-wrap input {
    background-color: #762828;
    color: white;
	height: 40px !important;
	padding: 10px 20px;
}

.home-form .promail-tietosuoja-wrap a {
	text-decoration: underline;
}
.home-form .promail-tietosuoja-wrap .ninja-forms-field-description {
	font-size: 12px;
}

/* HOME CONTENT */

.home-content {
    background-color: #f5f5f5;
    padding-top: 30px;
    padding-bottom: 0px;
}

.home-content h5.heading {
    font-size: 2em;
}

#layers-widget-column-16-875{
	padding-left: 20px;
}

.home-content iframe {
    width: 100%;
    padding-right: 10px;
}

.home-content .widget {
    padding: 0px;
}

.home-content .list-grid {
    padding-left: 0px;
    padding-right: 10px;
}

.storage {
    background-color: #762828 !important;
    height: 100px;
    border-left: 3px solid #f5a01a;
    padding: 7px 0 20px 20px;
    overflow: hidden;
    width: 100%;
}

.storage .excerpt {
    color: white;
    text-transform: uppercase;
    font-size: 1.2em !important;
    font-weight: bold;
    padding-bottom: 30px;
	position: relative;
}

.storage .media-image {
    position: absolute;
    right: 0;
    bottom: 5px;
}

.storage .media {}


/* FOOTER */

.big-links{
	font-weight: bold;
	font-size: 2rem;

}

#footer .container {
    padding: 0px;
}

.footer-content {
    padding-top: 30px;
    padding-bottom: 0px;
}

#footer .excerpt,
#footer .heading {
    color: #fefefe;
}

#footer a.footer-link {
    color: #f5a01a;
}

#footer p.footer-phone {
    font-size: 1.2em;
}

#footer p.footer-phone:before {
    content: url('../images/phone.png');
    vertical-align: top;
    padding-right: 10px;
}

#footer a:hover {
    text-decoration: underline;
}

#footer h5 {
    font-weight: bold;
}


/***** SERVICE PAGE *****/

/* CONTENT */

.service-content, .contact-content{
	padding-top: 30px;
	min-height: 750px;
}

.service-texts .media-image{
	margin-left: 0;
	margin-right: 0;
	padding-top: 0;
	text-align: left;
	float:left;
	position: absolute;
}

.service-texts .media-body, .contact-texts .media-body{
		margin-top: 0;

}

.service-texts .media-body h5{
	padding: 5px 80px;
}

.company .media-body h5{
	padding-left: 0px;
}

#layers-widget-column-65-635 h5{
	padding-left: 0px;
}

.service-texts .media-body .excerpt, .contact-texts .media-body .excerpt{
	padding-top: 10px;
}


.service-content .section-title, .contact-content .section-title{
	margin-bottom: 0;
}

.service-content .service-texts h5, .contact-content .contact-texts h5{
	font-size: 2.2em !important;
}


.delivery-box{
	position: absolute;
	top: 560px;
	left:812px;
}

.delivery-box .excerpt .container{
	padding: 0;
}



/***** CONTACTS *****/

.contacts-map .excerpt{
	max-width: 100% !important;
}
.contacts-map .container, .contacts-map .column {
	padding: 0;
	margin: 0;
}

.key{
	padding-left: 30px;
}

.contact-content h4{
	font-size: 1.2em !important;
}


/***** OFFER PAGE *****/
.offer-form{
    background-color: #f5f5f5 !important;
    border-left: 3px solid #f5a01a;
	padding: 20px 30px;
}

.offer-form h5{
	font-size: 2em !important;
}

.offer-form .text-wrap, .offer-form .list-checkbox-wrap{
	width:31%;
	float: left !important;
	margin-right: 20px;
	max-width: 31%;
	min-height: 90px;
	margin-bottom: 0px;
}

.offer-form .list-checkbox-wrap *{
	margin-left: 0 !important;
	padding-left: 0 !important;
}

.offer-form .list-checkbox-wrap>label, .offer-form .text-wrap>label, .offer-form .textarea-wrap>label	{
	font-weight: bold !important;
}

.offer-form .list-checkbox-wrap li, .offer-form .list-checkbox-wrap li{
	width: 100%;
	float: left !important;
}

.offer-form .pcs-wrap{
	margin-right: 100%;
}


.offer-form textarea{
	width: 96% !important;
	max-width: 100% !important;
}

.offer-form .textarea-wrap label{
	padding-top: 20px !important;
}

.ninja-forms-field-error{
	width: 200px;
}

.ninja-forms-response-msg{
	display: none;
}

.offer-form .promail-tietosuoja-wrap a {
	text-decoration: underline;
}
.offer-form .promail-tietosuoja-wrap .ninja-forms-field-description {
	font-size: 12px;
}

.copyright .column {
	width: 100%;
}
.copyright .column .site-text .copy-left {
	display: block;
	float: left;
}
.copyright .column .site-text .copy-right {
	display: block;
	float: right;
}

.single .meta-item {
	display: none;
}

/* ================ DESKTOP  ================= */

@media only screen and (min-width: 1024px) and (max-width: 1240px) {

	.delivery-box{
		left: 665px !important;
	}

	
	.banner-form {
		width: auto;
	}
	
		.home-service .media-image{
		float: none;
		padding-bottom: 10px;
	}
	
	.home-service .button{
		position: relative;
		margin: 15px;
		float: left;
		width: 90%;
	}
	
	.home-service .heading, .home-service .excerpt{
		padding: 0 10% 10px 10%;
		text-align: center;
		width: 100%;
	}
	
    .home-service .grid,
    .home-form .grid {
        width: 90%;
        float: left;
        margin: 5% 5% 0 5%;
        padding: 20px 10px 0px 15px;
        height: auto;
    }
    .home-service .grid .media-body {
        text-align: center !important;
    }

	#footer .content {
		margin-left: 5%;
		margin-right: 5%;
	}
	
}

/* mobile navi fix */
@media only screen and (min-width: 769px) {
	#off-canvas-right {
		display: none;
	}
	
	.off-canvas-right.open + .wrapper-site {
		left: 0;
	}
	
	.open + .wrapper-site {
		opacity: 1;
	}

}

/* ================ TABLET ================= */

@media only screen and (min-width: 668px) and (max-width: 1023px) {

	.delivery-box{
		position: relative;
		min-height: 100px;
		top: 0;
		margin-top: -10px;
		padding: 0;
		width: 100%;
		left: 0 !important;
	}

	/* MENU */
	.responsive-nav .l-menu{
		font-size: 2em;
	}
	
	.current_page_item a{
		color: #f5a01a !important;
	}
	
	.header-site .container{
		padding: 10px 20px;
	}
	
	.off-canvas-right{
		background-color: #232023;
		border-left: 3px solid #f5a01a;
		padding-top: 20px !important;
	}
	
	.close-canvas {
		display: none;
	}
	
	#menu-main-menu{
		text-transform: uppercase;
		font-size: 1.4em;
	}
	
	#menu-main-menu a{
		padding-top: 10px;
	}
	
	.sub-menu li a{
		padding: 10px; 
	}
	
	.banner-form {
		width: auto;
	}
	
	.home-form{
		position: relative;
		padding: 15px;
		width: 100%;
	}
	
	.home-form input{
		min-width: 100%;
	}
	
	.home-service .media-image{
		float: none;
		padding-bottom: 10px;
	}
	
	.home-service .button{
		position: relative;
		margin: 15px;
		float: left;
		width: 90%;
	}
	
	.home-service .heading, .home-service .excerpt{
		padding: 0 10% 10px 10%;
		text-align: center;
		width: 100%;
	}
	
    .home-service .grid,
    .home-form .grid {
        width: 90%;
        float: left;
        margin: 5% 5% 0 5%;
        padding: 20px 10px 0px 15px;
        height: auto;
    }
    .home-service .grid .media-body {
        text-align: center !important;
    }

		/* SEO CONTENTS HOME*/
	
	.home-content .layers-masonry-column{
		width: 100%;
	}
	.home-content{
		padding: 20px;
	}
	
	.home-content h5.heading{
		font-size: 1.8em;
	}

	#footer .content {
		margin-left: 5%;
		margin-right: 5%;
	}
	
}


/* ================ MOBILE ================= */

@media only screen and (min-width: 320px) and (max-width: 667px) {
	
	/* GLOBAL */
    .container {
        padding: 0px;
    }
	
	.delivery-box{
		position: relative;
		min-height: 100px;
		top: 0;
		margin-top: -10px;
		padding: 0;
		width: 100%;
		left: 0 !important;
	}
	
	/* MENU */
	.responsive-nav .l-menu{
		font-size: 2em;
	}
	
	.current_page_item a{
		color: #f5a01a !important;
	}
	
	.header-site .container{
		padding: 10px 20px;
	}
	
	.off-canvas-right{
		background-color: #232023;
		border-left: 3px solid #f5a01a;
		padding-top: 20px !important;
	}
	
	.close-canvas {
		display: none;
	}
	
	#menu-main-menu{
		text-transform: uppercase;
		font-size: 1.4em;
	}
	
	#menu-main-menu a{
		padding-top: 10px;
	}
	
	.sub-menu li a{
		padding: 10px; 
	}
	
	
	
	/* BANNER */
	
	.home-banner{
		height: auto;
	}
	
	
	
	.home-banner h3{
		font-size: 2em !important;
		padding: 0 20px;
	}
	
	.content-vertical-massive{
		padding-bottom: 0;
	}
	.banner-form{
		padding: 30px 20px;
		width: 100%;
	}
	
	
	.home-banner .grid{
		display: block;
	}
	
	.banner-form h1{
		font-size: 1.2em !important;
		padding-bottom: 10px;
	}
	
	
	.banner-form .text-wrap{
		width: 100%;
	}
	
	.banner-form .submit-wrap{
		margin: 0;
	}
	
	.banner-form .submit-wrap input, .banner-form .submit-wrap{
		width: 100%;
	}
	
	.banner-form ninja-forms-cont{
		padding: 0;
	}
	
	#layers-widget-column-14{
		
		background-position: 80% 55% !important;
	}
	
	/* SERVICES */
	
	
	.home-form{
		position: relative;
		padding: 15px;
		width: 100%;
	}
	
	.home-form input{
		width: 100%;
	}
	
	.home-service .media-image{
		float: none;
		padding-bottom: 10px;
	}
	
	.home-service .button{
		position: relative;
		margin: 15px;
		float: left;
		width: 90%;
	}
	
	.home-form .ninja-forms-cont{
		margin-top: 0px;
	}
	
	.home-service .heading, .home-service .excerpt{
		padding: 0 10% 10px 10%;
		text-align: center;
		width: 100%;
	}
	
    .home-service .grid,
    .home-form .grid {
        width: 90%;
        float: left;
        margin: 5% 5% 0 5%;
        padding: 20px 10px 0px 15px;
        height: auto;
    }
    .home-service .grid .media-body {
        text-align: center !important;
    }
	
	.services-container{
		padding: 0 20px;
	}
	
	.services-container .section-title{
		margin-bottom: 10px;
	}
	
	
	/* SEO CONTENTS HOME*/
	
	.home-content .layers-masonry-column{
		width: 100%;
	}
	.home-content{
		padding: 20px;
	}
	
	.home-content h5.heading{
		font-size: 1.8em;
	}
	
	/* FOOTER */
	
	.footer-site{
		padding: 0 20px 0 20px;
	}
	
	.footer-site p, .footer-site h5{
		text-align: center;
	}
	
	#layers-widget-column-24-360, #layers-widget-column-24-63{
		display: none;
	}
	
	.copyright{
		text-align: center;
		padding-bottom: 30px !important;
		padding-top: 0 !important; 
	}
	
	/***** SERVICES PAGE *****/
	.inner-banner{
		height: auto;
		padding-top: 0;
	}
	
	.inner-banner .grid{
		display: block;
	}
	
	.service-content, .contact-content{
		padding: 20px;
	}
	
	.key{
		padding-left: 25%;
	}

	.service-texts .media-image{
		padding-top: 0;
		position: static;
		float: none;
	}

	.service-texts .media-body h5{
			padding: 0;
			text-align: center;
	}

	
	/***** OFFER PAGE *****/
	
	.offer-form .text-wrap, .offer-form .list-checkbox-wrap{
	width:100%;
	float: left !important;
	margin-bottom: 20px;
	min-width: 100%;
	min-height: auto;
	}
	
	.submit-wrap input{
		width: 100% !important;
	}
	
	.offer-form textarea{
	width: 100% !important;
	max-width: 100% !important;
	}
	
	.offer-form .textarea-wrap label{
		padding-top: 0px !important;
	}
	
	.copyright .column .site-text .copy-left,
	.copyright .column .site-text .copy-right {
		float: none;
	}

}

@media screen\0 {
    .delivery-box{
		left: 813px;
	}
}

@supports (-ms-ime-align:auto) {
    .delivery-box{
	left: 813px;
	}
}


@supports (-webkit-appearance:none) {
    .delivery-box{
	left: 813px;
	}
}