/**
 * Stylesheet declaration for KOLPINGHAUS - JUGENDWOHNEN
 *
 *
 * @url        /
 * @author     Tanja Almasy
 * @copyright  (c) 2019 ACTS Communication GmbH
 * @license    all rights reserved
 */




/* 

01. FONTS

02. GENERAL SETTINGS
	- 02.01. BTN STYLE 1
	- 02.02. BTN STYLE 2
	-02.03. HEADLINE

03. TOBPAR
	- 03.01. TOPBAR - CONTACT BOX
	- 03.02. ICON
	- 03.03. TEXT

04. NAVIGATION
	- 04.01. NAVBAR BRAND
	- 04.02. NAVIGATION
	- 04.03. DROPDOWN ALL
		- 04.03.01. DROPDOWN ALL - DROPDOWN BOX
	- 04.04. BAR ICON

05. HERO

06. INFOBOX
	- 06.01. LOGO
	- 06.02. INFOs

07. BOX - Headline | Text | Text

08. TEXT and COVER IMG

09. CUSTOMER REVIEWS

10. FOOTER
	- 10.01. HEADLINE
	- 10.02. GENERAL LINKS
	- 10.03. ADDRESS

11. GO TO BTN

*/







/*
======================================
MAINPAGE
======================================
*/

/* 01. FONTS
------------------------------------------*/
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-800.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/open-sans-v17-latin/open-sans-v17-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* yellowtail-regular - latin */
@font-face {
  font-family: 'Yellowtail';
  font-style: normal;
  font-weight: 400;
  src: url('/assets/fonts/yellowtail-v10-latin/yellowtail-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Yellowtail Regular'), local('Yellowtail-Regular'),
    
	  url('/assets/fonts/yellowtail-v10-latin/yellowtail-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/assets/fonts/yellowtail-v10-latin/yellowtail-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/assets/fonts/yellowtail-v10-latin/yellowtail-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/assets/fonts/yellowtail-v10-latin/yellowtail-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/assets/fonts/yellowtail-v10-latin/yellowtail-v10-latin-regular.svg#Yellowtail') format('svg'); /* Legacy iOS */
	
}


/* 01. GENERAL SETTINGS
----------------------------------------- */
* {
	margin 					: 0;
	padding 				: 0;
}

body {
	font 					: 400 15px/28px 'Open Sans';
	color 					: #272727;
	background 				: #FFF;
}

a {
	outline 				: 0 !important;
	color 					: #F07E00;
	text-decoration 		: none;
	-webkit-transition 		: all 0.3s ease 0s;
	-o-transition 			: all 0.3s ease 0s;
	transition 				: all 0.3s ease 0s;
}

button {
	outline 				: 0 !important;
	text-decoration 		: none;
	-webkit-transition 		: all 0.3s ease 0s;
	-o-transition 			: all 0.3s ease 0s;
	transition 				: all 0.3s ease 0s;
}

a:hover {
	color 					: #F06800;
	text-decoration 		: underline;
}

::selection {
	background 				: #F07E00;
    color 					: #FFFFFF;
	text-shadow 			: none;
}	

::-moz-selection {
	background 				: #F07E00;
    color 					: #FFFFFF;
	text-shadow 			: none;
}

/* --- MARGINS --- */
.mb-10 {
	margin-bottom 			: 10px;
}
.mb-20 {
	margin-bottom 			: 20px;
}
.mb-30 {
	margin-bottom 			: 30px;
}
.mb-40 {
	margin-bottom 			: 40px;
}
.mb-50 {
	margin-bottom 			: 50px;
}
.mb-60 {
	margin-bottom 			: 60px;
}
.mb-70 {
	margin-bottom 			: 70px;
}
.mb-80 {
	margin-bottom 			: 80px;
}
.mb-90 {
	margin-bottom 			: 90px;
}
.mb-100 {
	margin-bottom 			: 100px;
}
/* --- PADDINGS BOTTOMS --- */
.pb-10 {
	padding-bottom 			: 10px;
}
.pb-20 {
	padding-bottom 			: 20px;
}
.pb-30 {
	padding-bottom 			: 30px;
}
.pb-40 {
	padding-bottom 			: 40px;
}
.pb-50 {
	padding-bottom 			: 50px;
}
.pb-60 {
	padding-bottom 			: 60px;
}
.pb-70 {
	padding-bottom 			: 70px;
}
.pb-80 {
	padding-bottom 			: 80px;
}
.pb-90 {
	padding-bottom 			: 90px;
}
.pb-100 {
	padding-bottom 			: 100px;
}

/* --- PADDINGS BOTTOMS --- */
.pt-10 {
	padding-top 			: 10px;
}
.pt-20 {
	padding-top 			: 20px;
}
.pt-30 {
	padding-top 			: 30px;
}
.pt-40 {
	padding-top 			: 40px;
}
.pt-50 {
	padding-top 			: 50px;
}
.pt-60 {
	padding-top 			: 60px;
}
.pt-70 {
	padding-top 			: 70px;
}
.pt-80 {
	padding-top 			: 80px;
}
.pt-90 {
	padding-top 			: 90px;
}
.pt-100 {
	padding-top 			: 100px;
}

.pre-headline {
	font 					: 400 calc(14px + (30 - 14) * ((100vw - 350px) / (2400 - 350))) / calc(25px + (50 - 25) * ((100vw - 350px) / (2400 - 350))) 'Open Sans';
	color 					: #272727;
	padding-left 			: 60px;
	position 				: relative;
	display 				: block;
}

.pre-headline:before {
	content 				: '';
	position 				: absolute;
	top 					: 50%;
	left 					: 4px;
	display 				: block;
	width 					: 40px;
	height 					: 2px;
	background 				: #272727;
	-webkit-transform 		: tranlslateY(-50%) translateZ(0);
	-ms-transform 			: tranlslateY(-50%) translateZ(0);
	-o-transform 			: tranlslateY(-50%) translateZ(0);
	transform 				: tranlslateY(-50%) translateZ(0);
}

@media all and (max-width:767px) {
	.pre-headline {
		padding-left 			: 30px;
	}

	.pre-headline:before {
		width 					: 20px;
	}
}

h1 {
	font: 800 calc(26px + (82 - 26) * ((100vw - 350px) / (2400 - 350))) / calc(26px + (79 - 26) * ((100vw - 350px) / (2400 - 350))) 'Open Sans';
	color 					: #272727;
	text-transform 			: uppercase;
	display 				: block;	
}

h2 {
	font 					: 700 calc(26px + (60 - 26) * ((100vw - 350px) / (2400 - 350))) / calc(33px + (80 - 33) * ((100vw - 350px) / (2400 - 350))) 'Open Sans';
	color 					: #272727;
	text-transform 			: uppercase;
}

h3 {
	font 					: 700 calc(22px + (42 - 22) * ((100vw - 350px) / (2400 - 350))) / calc(30px + (50 - 30) * ((100vw - 350px) / (2400 - 350))) 'Open Sans';
	color 					: #272727;
	text-transform 			: uppercase;
}

h5 {
	font 					: 700 22px/30px 'Open Sans';
	color 					: #272727;
	text-transform 			: uppercase;
}

 p {
	font 					: 400 19px/35px 'Open Sans';
 	color 					: #272727;
 }
 
p.big {
	font 					: 400 25px/45px 'Open Sans';
	color 					: #272727;
}

 @media all and (max-width:767px) {
 	p {
		font 					: 400 16px/28px 'Open Sans';
 	}
	 
	p.big {
		font 					: 400 22px/32px 'Open Sans';
	}
 }

/* --- FORMS --- */
.form-group label {
	color 					: #F07E00;
	text-transform 			: uppercase;
	font 					: 700 13px/1 'Open Sans';
	letter-spacing 			: 1px;
}

.form-control {
	font 					: 400 15px/36px 'Open Sans';
	border-radius 			: 0;
	padding 				: 0;
	box-shadow 				: 0;
	border 					: none;
	border-bottom 			: 2px solid #eee;
	height 					: 38px;
	position 				: relative;
	background 				: none;
}

.form-control:focus {
	box-shadow 				: none;
	border-bottom-color 	: #ccc;
}

/* --- LOGIN --- */
#login .modal-dialog {
    max-width 				: 270px;
	margin 					: 15px auto 0 auto;
}

#login .send-btn {
	position 				: relative;
	text-align 				: center;
	margin-top 				: 15px;
}

/* --- MODALS --- */
.modal-content {
    border-radius 			: 0;
}

.modal-body {
	padding 				: 15px 30px 30px 30px;
}

.modal-header {
    padding 				: 15px 30px;
    border-bottom 			: none;
    border-top-left-radius 	: 0;
    border-top-right-radius : 0;	
	background 				: rgb(246,160,30);
	background 				: -moz-linear-gradient(90deg, rgba(246,160,30,1) 0%, rgba(231,93,0,1) 100%);
	background 				: -webkit-linear-gradient(90deg, rgba(246,160,30,1) 0%, rgba(231,93,0,1) 100%);
	background 				: linear-gradient(90deg, rgba(246,160,30,1) 0%, rgba(231,93,0,1) 100%);
	filter 					: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6a01e",endColorstr="#e75d00",GradientType=1); 
}

.modal-header h5 {
	color 					: #ffffff;
}

.modal-body h6 {
	font 					: 400 15px/26px 'Open Sans';
	text-transform 			: uppercase;
	color 					: #F07E00;
	letter-spacing 			: 2px;
	font-weight 			: bold;
	margin-bottom 			: 0;
	margin-top 				: 20px;
}

.modal-body p {
	font 					: 400 15px/22px 'Open Sans'
}

.close {
    color 					:  #ffffff;
}

.close:hover {
    opacity 				: 1;
	color 					: #ffffff;
}

/* 03. KEYFRAME FADE OUT
------------------------------------------*/
@-webkit-keyframes fade_out {
	0% {
		opacity 			: 1;
		visibility 			: visible;
	}
	100% {
		opacity 			: 0;
		visibility 			: hidden;
	}
}
@-moz-keyframes fade_out {
	0% {
		opacity 			: 1;
		visibility 			: visible;
	}
	100% {
		opacity 			: 0;
		visibility 			: hidden;
	}
}
@keyframes fade_out {
	0% {
		opacity 			: 1;
		visibility 			: visible;
	}
	100% {
		opacity 			: 0;
		visibility 			: hidden;
	}
}
/* 03. KEYFRAME FADE IN
------------------------------------------*/
@-webkit-keyframes fade_in {
	0% {
		opacity 			: 0;
		visibility 			: hidden;
	}
	100% {
		opacity 			: 1;
		visibility 			: visible;
	}
}

@-moz-keyframes fade_in {
	0% {
		opacity 			: 0;
		visibility 			: hidden;
	}
	100% {
		opacity 			: 1;
		visibility 			: visible;
	}
}

@keyframes fade_in {
	0% {
		opacity 			: 0;
		visibility 			: hidden;
	}
	100% {
		opacity 			: 1;
		visibility 			: visible;
	}
}

/* 03. KEYFRAME PUSH TEXT RIGHT
------------------------------------------*/
@-webkit-keyframes push_text_right {
	0% {
		opacity 			: 0;
		-webkit-transform 	: translateX(-60px);
		-ms-transform		: translateX(-60px);
		-o-transform 		: translateX(-60px);
		transform 			: translateX(-60px);
	}

	100% {
		opacity 			: 1;
		-webkit-transform 	: translateX(0);
		-ms-transform 		: translateX(0);
		-o-transform 		: translateX(0);
		transform 			: translateX(0);
	}
}
@-moz-keyframes push_text_right {
	0% {
		opacity 			: 0;
		-webkit-transform 	: translateX(-60px);
		-ms-transform		: translateX(-60px);
		-o-transform 		: translateX(-60px);
		transform 			: translateX(-60px);
	}

	100% {
		opacity 			: 1;
		-webkit-transform 	: translateX(0);
		-ms-transform 		: translateX(0);
		-o-transform 		: translateX(0);
		transform 			: translateX(0);
	}
}
@keyframes push_text_right {
	0% {
		opacity 			: 0;
		-webkit-transform 	: translateX(-60px);
		-ms-transform		: translateX(-60px);
		-o-transform 		: translateX(-60px);
		transform 			: translateX(-60px);
	}

	100% {
		opacity 			: 1;
		-webkit-transform 	: translateX(0);
		-ms-transform 		: translateX(0);
		-o-transform 		: translateX(0);
		transform 			: translateX(0);
	}
}

/* 03. KEYFRAME PUSH TEXT RIGHT
------------------------------------------*/
@-webkit-keyframes push_text_top {
	0% {
		opacity 			:0;
		-webkit-transform 	: translateY(-60px);
		-ms-transform 		: translateY(-60px);
		-o-transform 		: translateY(-60px);
		transform 			: translateY(-60px);
	}

	100% {
		opacity 			: 1;
		-webkit-transform 	: translateY(0);
		-ms-transform 		: translateY(0);
		-o-transform 		: translateY(0);
		transform 			: translateY(0);
	}
}
@-moz-keyframes push_text_top {
	0% {
		opacity 			:0;
		-webkit-transform 	: translateY(-60px);
		-ms-transform 		: translateY(-60px);
		-o-transform 		: translateY(-60px);
		transform 			: translateY(-60px);
	}

	100% {
		opacity 			: 1;
		-webkit-transform 	: translateY(0);
		-ms-transform 		: translateY(0);
		-o-transform 		: translateY(0);
		transform 			: translateY(0);
	}
}
@keyframes push_text_top {
	0% {
		opacity 			:0;
		-webkit-transform 	: translateY(-60px);
		-ms-transform 		: translateY(-60px);
		-o-transform 		: translateY(-60px);
		transform 			: translateY(-60px);
	}

	100% {
		opacity 			: 1;
		-webkit-transform 	: translateY(0);
		-ms-transform 		: translateY(0);
		-o-transform 		: translateY(0);
		transform 			: translateY(0);
	}
}

/* --- KEYFRAME BUTTON BACK TO TOP */
@-webkit-keyframes btn_scroll_back_to_top {
	0% {
		-webkit-transform 	: translateY(18.5px);
		-ms-transform 		: translateY(18.5px);
		-o-transform 		: translateY(18.5px);
		transform 			: translateY(18.5px);
		opacity 			: 0;
	}
	
	50% {
		opacity 			: 1;
	}
	
	100% {
		-webkit-transform 	: translateY(-1px);
		-ms-transform 		: translateY(-1px);
		-o-transform 		: translateY(-1px);
		transform 			: translateY(-1px);
		opacity 			: 0;
	}
}
@-moz-keyframes btn_scroll_back_to_top {
	0% {
		-webkit-transform 	: translateY(18.5px);
		-ms-transform 		: translateY(18.5px);
		-o-transform 		: translateY(18.5px);
		transform 			: translateY(18.5px);
		opacity 			: 0;
	}
	
	50% {
		opacity 			: 1;
	}
	
	100% {
		-webkit-transform 	: translateY(-1px);
		-ms-transform 		: translateY(-1px);
		-o-transform 		: translateY(-1px);
		transform 			: translateY(-1px);
		opacity 			: 0;
	}
}
@keyframes btn_scroll_back_to_top {
	0% {
		-webkit-transform 	: translateY(18.5px);
		-ms-transform 		: translateY(18.5px);
		-o-transform 		: translateY(18.5px);
		transform 			: translateY(18.5px);
		opacity 			: 0;
	}
	
	50% {
		opacity 			: 1;
	}
	
	100% {
		-webkit-transform 	: translateY(-1px);
		-ms-transform 		: translateY(-1px);
		-o-transform 		: translateY(-1px);
		transform 			: translateY(-1px);
		opacity 			: 0;
	}
}

/* --- NAVIGATION --- */
.navbar{
    position 				: fixed;
    top 					: 0;
    right 					: 0;
    left 					: 0;
    width 					: 100%;
    z-index 				: 150;
    background 				: #ffffff;
    box-shadow 				: 0px 0px 18px 1px rgba(0, 0, 0, 0.1);
    height 					: 90px;
}

.nav-item {
	font-weight 			: bold;
	font-size 				: 15px;
	text-transform 			: uppercase;
	padding 				: 0;
	margin 					: 0 25px;
    -webkit-transition 		: all .2s ease 0s;
    -o-transition 			: all .2s ease 0s;
    transition 				: all .2s ease 0s;
}

.nav-item .nav-link {
	color 					: #272727;
	position 				: relative;
	padding 				: 0 !important;
}

.nav-item.active .nav-link {
	color 					: #F07E00;
}

.nav-item.active .nav-link:before {
	position 				: absolute;
	content 				: '';
	bottom 					: 0;
	left 					: 0;
	height 					: 2.5px;
	width 					: 20px;
	background 				: #F07E00;
	
    -webkit-transition 		: all .2s ease 0s;
    -o-transition 			: all .2s ease 0s;
    transition 				: all .2s ease 0s;
}

.nav-item:hover .nav-link:before {
	width 					: 100%;
}

@media all and (max-width:1700px) {
	.nav-item {
		margin 					: 0 15px;
	}
}

@media all and (max-width:1100px) {
	.nav-item {
		margin 					: 0 10px;
	}
}

@media all and (max-width:992px) {
	.navbar{
		padding 				: 8px 20px;
	}
	
	.navbar-collapse {
		background 				: #F07E00;
		margin-top 				: 8px;
	}
	
	.nav-item {
		margin 					: 0;
		padding 				: 10px;
		border-bottom 			: 1px solid rgba(255,255,255,.2);
	}
	
	.nav-item.active .nav-link {
		color 					: #FFF;
	}
	
	.nav-item.active .nav-link:before {
		width 					: 20px;
		background 				: #FFF;
	}
	
	.nav-item.show {
		background 				: #f39833;
	}
	
	.dropdown-menu.show {
		background 				: #f39833;
		border 					: transparent;
	}
	
	.nav-item:hover {
		background 				: #f39833;
	}
}

/* --- DROPDOWN --- */
.dropdown-menu {
	padding 				: 0;
	border-radius 			: 0;
}

.dropdown-item {
	font-weight 			: bold;
	font-size 				: 13px;
	text-transform 			: uppercase;
	color 					: #272727;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color 					: #FFFFFF;
    text-decoration 		: none;
    background-color 		: #F07E00;
}

/* NAVIGATION - LOGIN --- */
.login-navi {
	display 				: inline-block;
	color 					: #272727;
	margin 					: auto 30px auto 0;
	text-transform 			: uppercase;
	font-size 				: 12px;
	letter-spacing 			: 2px;
	font-weight 			: bold;
	background 				: #F07E00;
	padding 				: 3px 10px;
	border-radius 			: 100px;
}

.login-navi span {
	padding 				: 0 5px 0 0;
	color 					: #FFF !important;
}

.login-navi:hover,
.login-navi:active,
.login-navi:focus {
	text-decoration 		: none;
	color 					: #FFF;
}

@media all and (max-width:1500px) {
	.login-navi {
		margin 				: auto 0;
	}
}

@media all and (max-width:992px) {
	.login-navi {
		position 			: absolute;
		right 				: 80px;
	}
}

@media all and (max-width:400px) {
	.login-navi {
		margin 				: auto 15px auto 0;
		letter-spacing 		: 0px;
	}
}

/* --- ADDRESS --- */
.address-navi {
	display 				: flex;
	flex-flow 				: row wrap;	
}

.address-navi .contact {
	display 				: flex;
	flex-flow 				: row wrap;
	align-items 			: center;
}

.address-navi .contact:first-child {
	padding 				: 0 50px 0 100px;
}

.address-navi .contact span {
	width 					: 25px;
	line-height 			: 25px;
	margin-right 			: 5px;
	text-align 				: center;
	position 				: relative;
}

.address-navi .contact span:after {
    content 				: '';
    position 				: absolute;
    width 					: 25px;
    height 					: 25px;
    top 					: calc(50% - 12.5px);
    left 					: 0%;
    background 				: rgba(240,126,0,.3);
    z-index 				: -1;
    -webkit-transform 		: rotate(50deg) translate(-50%, -50%);
    -ms-transform 			: rotate(50deg);
    -o-transform 			: rotate(50deg);
    transform 				: rotate(50deg);
    -webkit-transition 		: all .2s ease 0s;
    -o-transition 			: all .2s ease 0s;
    transition 				: all .2s ease 0s;
}

.address-navi .contact .contact-details h6 {
	text-transform 			: uppercase;
	color 					: #F07E00;
	letter-spacing 			: 2px;
	font-size 				: 12px;
	font-weight 			: bold;
	margin-bottom 			: 0;
}

.address-navi .contact .contact-details a {
	color 					: #272727;
	font-size 				: 12px;
	text-decoration			: none;
	font-weight 			: bold;
}


@media all and (max-width:1700px) {
	.address-navi .contact:first-child {
		padding 			: 0 50px 0 30px;
	}
}

@media all and (max-width:1500px) {
	.address-navi .contact:first-child {
		padding 			: 0 20px 0 20px;
	}
}

@media all and (max-width:1400px) {
	.address-navi {
		display: none;
	}
}


@media all and (max-width:992px) {
	.address-navi {
		display 			: none;
	}
}

/* --- NAVBAR TOOGLE ICON --- */
.navbar-toggler {
	z-index 				: 150;
    border 					: none;
	border-radius 			: 0;
	color 					: rgba(0,0,0,.5);
	border-color 			: rgba(0,0,0,.1);
}

.navbar-toggler .navbar-toggler-icon {
    position 				: relative;
	cursor 					: pointer;
	font-size 				: 12px;
    width 					: 3em;
    height 					: 3em;
    -webkit-transition 		: all .2s;
    -o-transition 			: all .2s;
    transition 				: all .2s;
}

.navbar-toggler .burger-lines,
.navbar-toggler .burger-lines:after,
.navbar-toggler .burger-lines:before {
    position 				: absolute;
	top 					: 50%;
	pointer-events 			: none;
    display 				: block;
    content 				: "";
    width 					: 100%;
    border-radius 			: .25em;
    background 				: #F07E00;
    height 					: .25em;
    margin-top 				: -.125em;
	-webkit-transform 		: rotate(0);
    -ms-transform 			: rotate(0);
    -o-transform 			: rotate(0);
    transform 				: rotate(0);
	-webkit-transition 		: all .2s;
    -o-transition 			: all .2s;
    transition 				: all .2s;
}

.navbar-toggler .burger-lines:after,
.navbar-toggler .burger-lines:before {
    width 					: 2em;
}

.navbar-toggler .burger-lines:before {
    right 					: 0;
    top 					: 1em;
}

.navbar-toggler .burger-lines:after {
    left 					: 0;
    top 					: -1em;
}

.navbar-toggler[aria-expanded="true"] > .navbar-toggler-icon > .burger-lines {
    background-color 		: initial;
}

.navbar-toggler[aria-expanded="true"] > .navbar-toggler-icon > .burger-lines:before {
	-webkit-transform 		: rotate(135deg);
    -ms-transform 			: rotate(135deg);
    -o-transform 			: rotate(135deg);
    transform 				: rotate(135deg);
	/*background 				: #FFFFFF;*/
}

.navbar-toggler[aria-expanded="true"] > .navbar-toggler-icon > .burger-lines::after {
    -webkit-transform 		: rotate(-135deg);
    -ms-transform 			: rotate(-135deg);
    -o-transform 			: rotate(-135deg);
    transform 				: rotate(-135deg);
	/*background 				: #FFFFFF;*/
}

.navbar-toggler[aria-expanded="true"] > .navbar-toggler-icon > .burger-lines:after,
.navbar-toggler[aria-expanded="true"] > .navbar-toggler-icon > .burger-lines:before {
    left 					: .5em;
    top 					: 0;	
}

@media all and (max-width:992px) {
	.navbar-toggler {
		padding 			: 0;
	}
}

/* --- HERO IMG --- */
header {
	position 				: relative;
	padding 				: 0 20px;
	z-index 				: 100;
	background 				: #FFFFFF;
}	

#hero-slider .owl-item {
	height 					: calc(80vh - 74px);
	margin-top 				: 74px;
	min-height 				: 500px;
}

#hero-slider .owl-item .item {
	height 					: 100% !important;
}

.slide-bg-image {
	overflow 				: hidden;
	width 					: 100%;
	height 					: 100% !important;
}	

.slide-bg-image.slide1 {
	background 				: url("../images/hero-slider/01.jpg") no-repeat center 70%;
	background-size 		: cover;
}
.slide-bg-image.slide2 {
	background 				: url("../images/hero-slider/02.jpg") no-repeat center center;
	background-size 		: cover;
}
.slide-bg-image.slide3 {
	background 				: url("../images/hero-slider/03.jpg") no-repeat center 20%;
	background-size 		: cover;
}
.slide-bg-image.slide4 {
	background 				: url("../images/hero-slider/04.jpg") no-repeat center center;
	background-size 		: cover;
}
.slide-bg-image.slide5 {
	background 				: url("../images/hero-slider/05.jpg") no-repeat center center;
	background-size 		: cover;
}
.slide-bg-image.slide6 {
	background 				: url("../images/hero-slider/06.jpg") no-repeat center center;
	background-size 		: cover;
}
.slide-bg-image.slide7 {
	background 				: url("../images/hero-slider/07.jpg") no-repeat center center;
	background-size 		: cover;
}
.slide-bg-image.slide8 {
	background 				: url("../images/hero-slider/08.jpg") no-repeat center center;
	background-size 		: cover;
}

.hero-content {
	display 				: flex;
	flex-wrap 				: wrap;
    position 				: absolute;
    width 					: 1130px;
    z-index 				: 5;
	bottom 					: 150px;
	left 					: 50%;
	padding 				: 0 60px;
	-webkit-transform 		: translate(-50%, 0%);
	-ms-transform 			: translate(-50%, 0%);
	-o-transform 			: translate(-50%, 0%);
	transform 				: translate(-50%, 0%);
	background 				: transparent;
}

@media all and (max-width:1300px) {
	.hero-content {
		width 				: 900px;
	}
}

@media all and (max-width:1300px) {
	.hero-content {
		width 				: 900px;
	}
}

@media all and (max-width:1100px) {
	.hero-content {
		width 				: 650px;
	}
}

@media all and (max-width:800px) {
	.hero-content {
		width 				: 100%;
	}
	
	.hero-content {
		padding 			: 0 30px;
	}
}

.hero-content .hero-body {
	width 					: 100%;
	flex 					: 0 0 100%;
}

.hero-content .hero-body .pre-headline {
	color 					: #FFFFFF;
}

.hero-content .hero-body .pre-headline:before {
	background 				: #FFFFFF;
}

.hero-content .hero-body h1 {
	color 					: #FFFFFF;
	display 				: block;
	margin-bottom 			: 20px;
}

/* GRID 1310
**********************/
/* --- STYLES FOR UNDER 576px --- */
.container-1310 {
	width 					: 100%;
	padding-right 			: 15px;
	padding-left 			: 15px;
	margin-right 			: auto;
	margin-left 			: auto;
}

/* --- STYLES BETWEEN 576px and 767px --- */
@media (min-width: 576px) {
	.container-1310 {
		max-width 			: 540px;
	}
}

/* --- STYLES BETWEEN 768px AND 992px --- */
@media (min-width: 768px) {
	.container-1310 {
		max-width 			: 720px;
	}
}

/* --- STYLES BETWEEN 992px AND 1200px --- */
@media all and (min-width: 992px) {
	.container-1310 {
		max-width 			: 792px;
	}
}

/* --- STYLES BETWEEN 1200px AND 1525px --- */
@media all and (min-width: 1200px) {
	.container-1310 {
		max-width 			: 940px;
	}
}

/* --- STYLES ABOVE 1525px ---  - add 60px */
@media all and (min-width: 1500px) {
	.container-1310 {
		max-width 			: 1310px;
	}
}

/* BACK TO TOP
**********************/
#back-to-top {
    position 				: fixed;
    right 					: 25px;
    bottom 					: 25px;
    z-index 				: 101;
	color 					: #272727;
	width 					: 46px;
	height 					: 46px;
	border 					: 2px solid #272727;
	text-align 				: center;	
	overflow 				: hidden;
}

#back-to-top span:nth-child(1) {
	display 				: block;
	text-transform 			: uppercase;
	padding 				: 3px 0;
	font 					: 700 14px/14px 'Open Sans';	
}

#back-to-top span:nth-child(2) {
	display 				: block;
	animation 				: btn_scroll_back_to_top 1.4s ease 0s infinite running;
	animation-delay 		: 0s;
	font-size				: 16px;
}

#back-to-top:hover {
	text-decoration 		: none;
}

/* BACK TO TOP
**********************/
.sm-fb {
    position 				: fixed;
    top 					: 50%;
    z-index 				: 101;
	color 					: #FFFFFF;
	width 					: 100px;
	height 					: 100px;
	border-left 			: 0px;
	font-size 				: 27px;
	line-height 			: 42px;
	margin-left 			: 10px;
	left 					: -61px;
	-webkit-transform 		: rotate(45deg) translate(-50%, -50%);
	-ms-transform 			: rotate(45deg) translate(-50%, -50%);
	-o-transform 			: rotate(45deg) translate(-50%, -50%);
	transform 				: rotate(45deg) translate(-50%, -50%);
	border-radius 			: 5px;
	border 					: 2px solid #FFFFFF;
	background 				: #3B5998;
}

.sm-fb span {
	position 				: relative;
	z-index 				: 2;
	color 	 				: #FFFFFF;
	-webkit-transform 		: rotate(-45deg);
	-ms-transform 			: rotate(-45deg);
	-o-transform 			: rotate(-45deg);
	transform 				: rotate(-45deg);
	top 					: calc(50% - 38px);
	left 					: calc(50% + 6px);
}

.sm-fb:hover {
	background 				: #355088;
}

@media all and (max-width:600px) {
	.sm-fb {
		left 					: -80px;
	}
	
	.sm-fb span {
		top 					: calc(50% - 47px);
		left 					: calc(50% + 14px);
	}
}



.sm-ig {
    position 				: fixed;
    top 					: 50%;
	margin-top: 150px;
    z-index 				: 101;
	color 					: #FFFFFF;
	width 					: 100px;
	height 					: 100px;
	border-left 			: 0px;
	font-size 				: 27px;
	line-height 			: 42px;
	margin-left 			: 10px;
	left 					: -61px;
	-webkit-transform 		: rotate(45deg) translate(-50%, -50%);
	-ms-transform 			: rotate(45deg) translate(-50%, -50%);
	-o-transform 			: rotate(45deg) translate(-50%, -50%);
	transform 				: rotate(45deg) translate(-50%, -50%);
	border-radius 			: 5px;
	border 					: 2px solid #FFFFFF;
	background 				: #C10099;
}

.sm-ig span {
	position 				: relative;
	z-index 				: 2;
	color 	 				: #FFFFFF;
	-webkit-transform 		: rotate(-45deg);
	-ms-transform 			: rotate(-45deg);
	-o-transform 			: rotate(-45deg);
	transform 				: rotate(-45deg);
	top 					: calc(50% - 38px);
	left 					: calc(50% + 6px);
}

.sm-ig:hover {
	background 				: #355088;
}

@media all and (max-width:600px) {
	.sm-ig {
		left 					: -80px;
	}
	
	.sm-ig span {
		top 					: calc(50% + 47px);
		left 					: calc(50% + 14px);
	}
}

/* --- BTN STYLE 1 - ORANGE --- */
.btn-style-1 {
	display 				: inline-block;
	cursor 					: pointer;
	text-transform 			: uppercase;
	color 					: #FFFFFF;
	font-size 				: 15px;
	letter-spacing 			: 1px;
	line-height 			: 45px;
	font-weight 			: 600;
	font-family				: 'Open Sans';
	padding 				: 0 22px;
	background 				: #f6a01e;
	-webkit-transition  	: all 0.3s ease-in-out 0s;
	-o-transition 			: all 0.3s ease-in-out 0s;
	transition 				: all 0.3s ease-in-out 0s;
	position 				: relative;
}
	
.btn-style-1:hover,
.btn-style-1:focus {
	text-decoration 		: none;
}

.btn-style-1:after {
	position 				: absolute;
	top 					: 0;
	right 					: 0;
	left 					: 0;
	bottom 					: 0;
	content 				: '';
	z-index 				: 1;
	opacity 				: 1;
	background  	 		: -webkit-linear-gradient(left, #f6a01e 0%, #e75d00 100%);
	background  	 		: -moz-linear-gradient(left, #f6a01e 0%, #e75d00 100%);
	background  		 	: -o-linear-gradient(left, #f6a01e 0%, #e75d00 100%);
	background	  	 		: linear-gradient(to right, #f6a01e 0%, #e75d00 100%);
	-webkit-transition 		: all 0.3s ease-in-out 0s;
	-o-transition 			: all 0.3s ease-in-out 0s;
	transition 				: all 0.3s ease-in-out 0s;
}

.btn-style-1:hover:after {
	opacity 				: 0;
}

.btn-style-1 span {
	position	 			: relative;
	color 					: #FFFFFF;
	z-index 				: 2;
}

.btn-style-1:hover span,
.btn-style-1:focus span {
	text-decoration 		: none;
}

@media all and (max-width:576px ){
	.btn-style-1 {
		padding 			: 0 12px;
	}
}

/* --- BTN STYLE 1 WHITE --- */
.btn-style-1.w-border {
	border 					: 2px solid #FFFFFF;
}

/* --- BTN STYLE 2 --- */
.btn-style-2 {
	display 				: inline-block;
	cursor 					: pointer;
	text-transform 			: uppercase;
	color 					: #FFFFFF;
	font-size 				: 13px;
	letter-spacing 			: 1px;
	line-height 			: 38px;
	padding 				: 0 18px;
	font-weight 			: 600;
	border-radius 			: 0;
	border-width 			: 0 2px;
	border-style 			: solid;
	border-left-color 		: #f6a01e;
	border-right-color 		: #e75d00;
	background 				: transparent;
	background-position 	: 0 0, 0 100%;
	background-repeat 		: no-repeat;
	-webkit-background-size : 100% 2px;
	background-size 		: 100% 2px;
	background-image		: -webkit-linear-gradient(left, #f6a01e 0%, #e75d00 100%), -webkit-linear-gradient(left, #f6a01e 0%, #e75d00 100%);
	background-image		: -moz-linear-gradient(left, #f6a01e 0%, #e75d00 100%), -moz-linear-gradient(left, #f6a01e 0%, #e75d00 100%);
	background-image		: -o-linear-gradient(left, #f6a01e 0%, #e75d00 100%), -o-linear-gradient(left, #f6a01e 0%, #e75d00 100%);
	background-image		: linear-gradient(to right, #f6a01e 0%, #e75d00 100%), linear-gradient(to right, #f6a01e 0%, #e75d00 100%);
	-webkit-transition	 	: all 300ms linear 0s;
	-o-transition 			: all 300ms linear 0s;
	transition 				: all 300ms linear 0s;
}

.btn-style-2-big {
	font-size 				: 19px;
	line-height 			: 55px;
}

@media all and (max-width:500px) {
	.btn-style-2-big {
		font-size 				: 16px;
		line-height 			: 35px;
	}	
}

.btn-style-2 span {
	background				 : -webkit-linear-gradient(240deg, #f6a01e 0%, #e75d00 100%);
	background				 : -o-linear-gradient(240deg, #f6a01e 0%, #e75d00 100%);
	background				 : linear-gradient(330deg, #f6a01e 0%, #e75d00 100%);
	-webkit-background-clip : text;
	-webkit-text-fill-color : transparent;
	color 					: #e75d00;
}

.btn-style-2:hover,
.btn-style-2:focus {
	background-size 		: 100% 100%;
	text-decoration 		: none;
	border-left-color 		: #f6a01e;
	border-right-color 		: #e75d00;
}

.btn-style-2:hover span,
.btn-style-2:focus span {
	background 				: -webkit-linear-gradient(240deg, white 0%, white 100%);
	background 				: -o-linear-gradient(240deg, white 0%, white 100%);
	background 				: linear-gradient(330deg, white 0%, white 100%);
	color 					: #FFFFFF;
	text-decoration 		: none;
	-webkit-background-clip : text;
	-webkit-text-fill-color : transparent;
}

/*
CONTENT WRAPPER
***********************************/
.content-wrapper {
	margin-bottom 			: 400px;
	z-index 				: 100;
	position 				: relative;
	background 				: #FFFFFF;
	padding-top 			: 90px;
}


@media all and (max-width:800px) {
	.content-wrapper {
		padding-top 		: 40px;
	}
}

/*
FOOTER - V1
***********************************
footer {
	height 				: 558px;
	background 			: #272727;
	padding 			: 70px 0 170px 0;
	position 			: fixed;
	width 				: 100%;
	left 				: 0;
	bottom 				: 0;
	z-index 			: 99;
}

footer ul {
	margin 				: 60px 0 0 0;
	padding 			: 0;
	list-style-type		: none;
	display 			: block;
	text-align 			: center;
}

footer ul li  {
	width 				: 30%;
	color 				: #FFFFFF;
	display 			: inline-block;
	vertical-align 		: top;
}

footer ul li span {
	color 				: #FFFFFF;
	line-height 		: 28px !important;
	vertical-align 		: top;
}

footer ul li span:nth-child(1) {
	padding 			: 0 10px;
}

footer ul li > span:nth-child(2) {
	display 			: inline-block;
	padding 			: 0;
}

footer ul li a {
	text-decoration 	: none;
	color 				: #FFFFFF;
}

@media all and (max-width:800px) {	
	footer ul li {
		width 			: 100%;
		margin-bottom 	: 10px;
	}
}
*/

/*
FOOTER - V2
**********************************
footer {
	height 					: 350px;
	background 				: #F07E00;
	padding 				: 74px 0;
	position 				: fixed;
	width 					: 100%;
	left 					: 0;
	bottom 					: 0;
	z-index 				: 99;
}

footer ul {
	margin 					: 0px;
	padding 				: 0;
	list-style-type			: none;
	display 				: block;
	text-align 				: right;
}

footer ul li {
	padding 				: 5px 0;
}

footer ul li span {
	color 					: rgba(255,255,255,.7);
	line-height 			: 28px !important;
	display 				: inline-block;
	font-size 				: 13px;
}

footer ul li [class*='fa-'] {
	color 					: #ffffff;
	padding 				: 0 0 0 20px;
	display 				: inline-block;
	font-size 				: 15px;
}

footer ul li a {
	text-decoration 		: none;
	color 					: rgba(255,255,255,.7);
	font-size 				: 13px;
}

footer ul li a:hover,
footer ul li a:active,
footer ul li a:focus {
	text-decoration 		: none;
	color 					: rgba(255,255,255,1);
}

@media all and (max-width:992px) {
	footer ul li span {
		color 				: rgba(255,255,255,.7);
		line-height 		: 28px !important;
		display 			: inline-block;
	}
}

@media all and (max-width:800px) {
	footer {
		padding 			: 30px 0;
	}
	
	footer ul {
		text-align 			: center;
	}
	
	footer img {
		display 			: block;
		text-align 			: center;
		margin 				: 0 auto;
		max-width 			: 80px;
		height 				: auto;
		margin-bottom 		: 30px;
	}
	
	footer ul li {
		padding 			: 0;
		line-height 		: 18px !important;
	}

	footer ul li span {
		line-height 		: 18px !important;
	}
	
	footer ul li [class*='fa-'] {
		display 			: none;
	}
}*/

/* FOOTER - V3
***********************************/
footer {
	height 					: 400px;
	background 				: #F07E00;
	position 				: fixed;
	width 					: 100%;
	left 					: 0;
	bottom 					: 0;
	z-index 				: 99;
	
}

footer > .container-fluid {
	padding 				: 74px 360px;
}

footer .subfooter {
	padding 				: 10px 360px;
	border-top 				: 1px solid rgba(255,255,255,.1);
}


footer h6 {
	text-transform 			: uppercase;
	color 					: #FFFFFF;
	letter-spacing 			: 2px;
	font-size 				: 17px;
	font-weight 			: bold;
	margin-bottom 			: 25px;
}

footer address,
footer p {
	line-height 			: 26px;
	color 					: rgba(255,255,255,.7);
	font-size 				: 15px;
	margin-bottom 			: 0;
}

footer ul,
.subfooter ul {
	margin 					: 0px;
	padding 				: 0;
	list-style-type			: none;
	display 				: block;	
}

footer ul li,
.subfooter ul li {
	line-height 			: 26px;
	color 					: rgba(255,255,255,.7);
}

footer ul li span {
	display 				: inline-block;
	font-size 				: 15px;
}

footer ul li > [class*='fa-'] {
	color 					: #ffffff;
	padding 				: 0 8px 0 0;
	display 				: inline-block;
	font-size 				: 15px;
}

footer ul li a,
.subfooter ul li a {
	text-decoration 		: none;
	color 					: rgba(255,255,255,.7);
	font-size 				: 15px;
}

footer ul li a:hover,
footer ul li a:active,
footer ul li a:focus {
	text-decoration 		: none;
	color 					: rgba(255,255,255,1);
}

.footer-block .time span {
	display 				: inline-block;
	width 					: 50px;
}

footer .footer-sm {
	margin-top 				: 20px;
}

footer .footer-sm-fb {
	color 					: #ffffff;
	line-height 			: 30px;
	text-align 				: center;
	width 					: 30px;
	height 					: 30px;
	display 				: inline-block;
	position 				: relative;
	margin-right: 15px;
	border-radius 			: 3px;
	background 				: rgba(240,72,0,1);
}

footer .footer-sm-fb:hover,
footer .footer-sm-fb:active,
footer .footer-sm-fb:focus {
background 					:#3B5998;	
}

.subfooter {
	padding: 20px 0;
	background-image		: -webkit-linear-gradient(left, #f6a01e 0%, #e75d00 100%), -webkit-linear-gradient(left, #f6a01e 0%, #e75d00 100%);
	background-image		: -moz-linear-gradient(left, #f6a01e 0%, #e75d00 100%), -moz-linear-gradient(left, #f6a01e 0%, #e75d00 100%);
	background-image		: -o-linear-gradient(left, #f6a01e 0%, #e75d00 100%), -o-linear-gradient(left, #f6a01e 0%, #e75d00 100%);
	background-image		: linear-gradient(to right, #f6a01e 0%, #e75d00 100%), linear-gradient(to right, #f6a01e 0%, #e75d00 100%);
}

.subfooter ul li {
	display 				: inline-block;
}

@media all and (max-width:1920px) {
	footer > .container-fluid {
		padding 				: 74px 0px;
	}
	
	footer .subfooter {
		padding 				: 10px 0px;
	}

}

@media all and (max-width:992px) {
	.content-wrapper {
		margin-bottom 			: 611px;
	}
	
	footer {
		height 					: 611px;
	}
	
	footer .logo {
		margin-bottom 			: 15px;
	}
	
	.footer-block  {
		text-align 				: center;
	}
	
	footer h6 {
		margin-top 				: 20px;
	}
	footer .footer-sm-fb {
		margin 					: 0 auto;
	}
}

@media all and (max-width:576px) {
	footer .logo {
		max-width 				: 60px;
	}
	
	footer > .container-fluid {
		padding 				: 30px 0px;
	}
	
	.content-wrapper {
		margin-bottom 			: 724px;
	}
	
	footer {
		height 					: 724px;
	}
	
	.subfooter .row {
		flex-direction 			: column-reverse;
	}
	
	.subfooter .col-sm-6 {
		text-align 				: center !important;
	}
	
	footer h6 {
		margin-top 				: 25px;
		margin-bottom 			: 0px;
	}	
}