html, body						{ font-family: 'Inter Tight', sans-serif; height: 100%; line-height: 28px; font-size: 18px; color: black; font-style: normal; }

h1,h2,h3,h4                     { font-weight: 300; font-style: normal; }

h1                              { font-size: 48px; line-height: 52px; }
h2                              { font-size: 36px; line-height: 42px; }
h3                              { font-size: 26px; line-height: 32px; }

.bold							{ font-weight: 700; }
.full_width_img 				{ width: 100%; height: auto; }
.full_height_img 				{ width: auto; height: 100%; }
.btn 							{ padding: 12px; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; display: inline-block; font-weight: 700; transition: all .5s ease;}
.btn.white						{ color: white; border: 2px solid rgba(255,255,255,.4); background-color: rgba(255,255,255,.1);}
.btn.white:hover				{ border: 2px solid rgba(255,255,255,1); background-color: rgba(255,255,255,0);}
.btn.black						{ color: black; border: 2px solid rgba(0,0,0,.4); }
.btn.black:hover				{ border: 2px solid rgba(0,0,0,1); }
.btn.green						{ color: white; background-color: rgba(105,130,0,.8); border-radius: 20px; }
.btn.green:hover				{ background-color: rgba(105,130,0,1);}
.centered_text 					{ text-align: center; }

a:link                          { text-decoration: none; font-weight: bold; color: inherit; transition: all .3s ease; }
a:visited                       { text-decoration: none; color: inherit; }
a:hover                         { text-decoration: none; color: inherit; color: #ff6600; }
a:active                        { text-decoration: none; color: inherit; }


.full_page_header 													{ position: relative; width: 100%; height: 100vh; background-color: black; background-size: cover; background-repeat: no-repeat; background-position: center; }		
.full_page_header .video_player										{ position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; opacity: .4; }

.full_page_header .text_holder 										{ position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background-color: rgba(0,0,0,.5); }	
.full_page_header .text_holder .text								{ color: white; text-align: center; width: 70%; }
.full_page_header .text_holder .text h1								{ }

.full_page_header .text_holder_video 								{ position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }	
.full_page_header .text_holder_video .text							{ color: white; text-align: center; width: 70%; max-width: 500px; }
.full_page_header .text_holder_video .text h1						{ }

.full_page_header .buttons															{ position: absolute; width: 100%; height: 33.33%; top: 66.66%; left: 0; display: flex; align-items: center; justify-content: center; text-align: center; }
.full_page_header .buttons .play_film_btn_holder .play_film_btn:hover .text			{ color: rgba(255,255,255,1); }
.full_page_header .buttons .view_content_btn_holder 								{}
.full_page_header .buttons .view_content_btn_holder .view_content_btn 				{ display: inline-block; cursor: pointer; }

.full_page_header_mobile 											{ display: none; }
.full_page_header_mobile .logo										{ width: 60%; max-width: 320px; margin: 0 auto; margin-top: 50px; margin-bottom: 50px;}
.full_page_header_mobile .video_player_mobile						{ width: 100%; }

.text_container 				{ width: 75%; max-width: 1280px; padding: 30px; margin: 0 auto;}

.youtube_holder										{ position: relative; background-color: white; }
.youtube_holder .youtube_video						{ position: relative; margin: 0 auto; max-width: 1280px; }
.youtube_holder .youtube_video .placeholder			{ position: relative; }
.youtube_holder .youtube_video .video				{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.youtube_holder .youtube_video .video .videoframe	{ width: 100%; height: 100%; }

@media only screen and (max-width : 1040px) {
	.youtube_video	{ width: 720px; height: 405px; }
}

@media only screen and (max-width : 768px) {
	.youtube_video	{ width: 560px; height: 315px; }
	.text_container 				{ width: 100%; }
	.full_page_header 				{ display: none; }
	.full_page_header_mobile 		{ display: block; }
}

@media only screen and (max-width : 560px) {
	.youtube_video					{ width: 320px; height: 180px; }
	.youtube_video_holder			{ padding: 20px; }
}


.flickity-carousel 							{ height: 75vh; }
.flickity-carousel-cell 					{ height: 100%; margin-right: 10px; }
.desktop-carousel							{ display: block; }
.mobile-carousel							{ display: none; }

@media only screen and (max-width : 1180px) {
	.desktop-carousel							{ display: none; }
	.mobile-carousel							{ display: block; text-align: center; }
	.mobile-carousel .main						{}
	.mobile-carousel .main .item 				{ width: 100%; position: relative; }
	.mobile-carousel .main .item .vizjel		{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; }
	.mobile-carousel .main .item .vizjel img 	{ height: 75%; max-height: 400px; opacity: .3; }
	.mobile-carousel .content					{ display: none; }
	.mobile-carousel .content .item				{ margin-bottom: 10px; position: relative; }
	.mobile-carousel .content .item .vizjel		{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; }
	.mobile-carousel .content .item .vizjel img { height: 75%; max-height: 400px; opacity: .3; }
	.mobile-carousel-btn						{ margin-top: 20px; margin-bottom: 20px; font-weight: bold; }
}


#youtube_video_player										{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: black; z-index: 50000; display: flex; align-items: center; justify-content: center; visibility: hidden; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; opacity: 0;}
#youtube_video_player .youtube_video_wrapper				{ position: relative; width: 100%; }
#youtube_video_player .youtube_video_wrapper .placeholder	{ position: relative; width: 100%;  }
#youtube_player 											{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }
#youtube_video_player .close_btn							{ position: absolute; right: 25px; top: 25px; width: 30px; height: 30px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; cursor: pointer;}
#youtube_video_player .close_btn:hover 						{ opacity: .7; }
#youtube_close_btn 					{ position: fixed; width: 75px; height: 75px; right: 50px; top: 50px; z-index: 29000; cursor: pointer; }
#youtube_close_btn:hover .bg		{ background-color: rgba(235,235,235,.7); -webkit-transform:scale(1.1); transform:scale(1.1); }
#youtube_close_btn .icon 			{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
#youtube_close_btn .bg 				{ width: 100%; height: 100%; background-color: rgba(235,235,235,.5); border-radius: 50%; transition: all .3s ease;}


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

	.full_page_header .text_holder .text 	{ width: 90%; }

}


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

	h1                              { font-size: 32px; line-height: 42px; }
	h2                              { font-size: 20px; line-height: 28px; }
	h3                              { font-size: 18px; line-height: 24px; }

	.full_page_header .buttons .view_content_btn_holder 	{ width: 100%; }


}


#footer             { position: relative; padding: 30px; font-size: 12px; text-align: left; background-color: white; }
#siteby				{ position: absolute; width: 205px; height: 45px; background-color: black; opacity: 0.9; right: 5%; bottom: 0; cursor: pointer; background-image:url(../img/siteby.png); }