*{padding:0;margin:0}html{height:100%}
a{text-decoration:none; color:#363636}a:hover{text-decoration:none; color:#3d3d3d}:focus{outline:0}
a,:hover,:active,:focus{outline:0}fieldset,img{border:0}
a.white{text-decoration:none; color:#ffffff}a.white:hover{text-decoration:none; color:#ffffff}:focus{outline:0}
body,html{height:100%; min-width:40px; background: #222222;  background-repeat: repeat-x; }
body{font:normal 16px 'Lato', sans-serif;, CenturyGothic, AppleGothic, sans-serif,Serif;color:#adb0b5;line-height: 19px;text-align:left;background:#222222}

ul{ list-style-type:none; padding:0px; margin-top:20px; }
ul li { background-image:url(../_all/bullet.png); background-repeat:no-repeat; background-position:0px 5px; padding-left:28px; padding-top:3px }
ul ol {  padding-left:28px; padding-top:3px }

/*fonty alt: Didact Gothic*/ 

.f_1	 				{ font:normal 13px  'Exo 2', Arial, CenturyGothic, AppleGothic, sans-serif,Serif;	color:#ffffff; line-height: 13px; letter-spacing: 1px; font-weight: 400}
.f_1 a 					{ color:#ffffff;}
.f_1 a:hover 			{ color:#c12517;}

.f_2	 				{ font:normal 16px  'Exo 2', Arial, CenturyGothic, AppleGothic, sans-serif,Serif;	color:#ffffff; line-height: 23px; letter-spacing: 1px; font-weight: 300}
.f_2 a 					{ color:#ffffff;}
.f_2 a:hover 			{ color:#c12517;}

.f_3	 				{ font:normal 11px  'Exo 2', Arial, CenturyGothic, AppleGothic, sans-serif,Serif;	color:#ffffff; line-height: 13px; letter-spacing: 1px; font-weight: 300}
.f_3 a 					{ color:#ffffff;}
.f_3 a:hover 			{ color:#c12517;}

.f_4	 				{ font:normal 13px  'Exo 2', Arial, CenturyGothic, AppleGothic, sans-serif,Serif;	color:#ffffff; line-height: 13px; letter-spacing: 1px; font-weight: 400}
.f_4 a 					{ color:#ffffff;}
.f_4 a:hover 			{ color:#ffffff;}

.f_5	 				{ font:normal 18px  'Exo 2', Arial, CenturyGothic, AppleGothic, sans-serif,Serif;	color:#ffffff; line-height: 24px; letter-spacing: 1px; font-weight: 300}
.f_5 a 					{ color:#ffffff;}
.f_5 a:hover 			{ color:#c12517;}

.f_6	 				{ font:normal 28px  'Exo 2', Arial, CenturyGothic, AppleGothic, sans-serif,Serif;	color:#ffffff; line-height: 30px; letter-spacing: 1px; font-weight: 400}
.f_6 a 					{ color:#ffffff;}
.f_6 a:hover 			{ color:#c12517;}

.f_7	 				{ font:normal 18px  'Exo 2', Arial, CenturyGothic, AppleGothic, sans-serif,Serif;	color:#ffffff; line-height: 28px; letter-spacing: 1px; font-weight: 300}
.f_7 a 					{ color:#ffffff;}
.f_7 a:hover 			{ color:#c12517;}

.f_8	 				{ font:normal 28px  'Exo 2', Arial, CenturyGothic, AppleGothic, sans-serif,Serif;	color:#c12517; line-height: 30px; letter-spacing: 1px; font-weight: 400}
.f_8 a 					{ color:#ffffff;}
.f_8 a:hover 			{ color:#c12517;}

.f_9	 				{ font:normal 22px  'Exo 2', Arial, CenturyGothic, AppleGothic, sans-serif,Serif;	color:#ffffff; line-height: 30px; letter-spacing: 1px; font-weight: 400}
.f_9 a 					{ color:#ffffff;}
.f_9 a:hover 			{ color:#ffffff;}

.f_red 			{color: #c12517}
.f_lred 		{color: #f03e00;}
.f_gray 		{color: #7e8080;}
.f_lgray 		{color: #9d9e9e;}
.f_dgray 		{color: #353636;}
.f_silver 		{color: #bebfbf;}
.f_white 		{color: #ffffff; font-weight: 700}
.f_blue 		{color: #00b2f0;}
.f_lblue 		{color: #4ed0fd;}

.f_bold 		{font-weight: bold}

.f_shaddow 		{text-shadow: 1px 1px #ffffff}
.hand	   		{cursor: pointer}

.b_blue	   		{  background: #00b2f0; }

#calc_test					{width: 10px;   width: calc(10px + 10px);   display: none; }

.content 	   				{position: relative; width: 100%;  z-index: 1}
.content_cover_photo		{background: #222222 url(../_all/start.jpg) center center; background-repeat: no-repeat; background-size: cover}
.content_cover_no_photo		{background: #222222}


.content_top 	   			{position: relative; max-width: 1200px; height: 76px;  margin-left:auto; margin-right: auto; z-index: 2}
.content_top_logo 	   		{position: relative; float: left; width: 380px;  height: 76px; margin-left: 94px; z-index: 3; background: url(../_all/logo.png) no-repeat; }
.content_top_logo_right   	{position: relative; float: right; width: 149px;  height: 41px; margin-right: 97px; margin-top: 18px; z-index: 3; }

.content_top_logo_small 	   		{display: none; position: relative; float: left; width: 250px;  height: 50px; margin-top: 15px; margin-left: 20px; z-index: 3; background: url(../_all/logo_small.png) no-repeat; }
.content_top_logo_right_small   	{display: none; position: relative; float: right; width: 100px;  height: 28px; margin-top: 27px; margin-right: 20px; z-index: 3; }

.content_top_menu 	   		{position: relative; float: right; width: 99px; height: 76px; margin-right: 5px; margin-top: -54px; z-index: 3}
.content_top_menu_2_1 	   	{position: absolute; width: 88px; height: 20px; top: 24px; padding-top: 8px; padding-left: 10px; right: 0px; text-align: left;  z-index: 4; background: #0073ff url(../_all/logout.png) right no-repeat; cursor: pointer;}
.content_top_menu_2_2 	   	{position: absolute; width: 82px; height: 20px; top: 24px; padding-top: 8px; padding-left: 10px; right: 103px; text-align: left;  z-index: 4; background: #0073ff; cursor: pointer;}

.content_footer 	   		{clear: both; position: relative; width: 100%; height: 33px; z-index: 2}
.content_sub_footer 	   	{position: relative; max-width: 1200px; height: 25px; margin-left:auto; margin-right: auto; z-index: 3}
.content_footer_left 	   	{position: relative; float: left; width: 150px;  height: 15px; margin-left:25px;  margin-top:10px; z-index: 4}
.content_footer_right 	   	{position: relative; float: right; width: 220px; height: 15px; margin-right: 25px; margin-top:10px; text-align: right;  z-index: 4}


.content_bar 	   			{clear: both; overflow: hidden; position: relative; width: 100%; height: 3px; margin-bottom: 30px;  z-index: 2; background: #0073ff }
.content_sub_bar 	   		{position: relative; max-width: 1200px; height: 3px; margin-left:auto; margin-right: auto; z-index: 3}
.content_sub_bar_blue 	   	{position: relative; width: 510px; height: 3px; margin-left:14px; z-index: 4; background: url(../_all/bar.png) left repeat-x; }

.content_article 	   		{clear: both; position: relative; width: 100%; z-index: 2}
.content_article_paper 	   	{position: relative; max-width: 1200px; margin-left:auto; margin-right: auto; z-index: 3}
.content_article_header 	{position: relative; max-width: 100%; height: 26px; margin-left: 6.25%; margin-top: 20px; z-index: 4}
.content_article_bg 		{position: relative; float: left; width: calc(100% - 184px); margin-left: 92px; margin-bottom: 20px; z-index: 4; }
.content_article_title 		{position: relative; float: left; width: 100%; padding-top:20px; padding-bottom: 20px;  z-index: 5}
.content_article_lead 		{position: relative; float: left; width: 100%; padding-top:10px; padding-bottom: 20px; text-align:justify; z-index: 5}
.content_article_desc 		{position: relative; float: left; width: 100%; padding-top:10px; padding-bottom: 20px; text-align:justify; z-index: 5}

.content_article_movie_desc {position: relative; float: left; width: 88%; margin-left: 3.5%; padding-top:1px; padding-bottom: 5px;  z-index: 5}

.news_list_arrows				{position: relative; float: left; width: 50px; height: 45px; margin-left: 10px; margin-bottom: 10px; z-index: 6}
.news_list_a					{position: relative; float: left; width: 50px; height: 45px; margin-left: 10px; margin-bottom: 10px; z-index: 6; background: #00b2f0; text-align: center;}
.news_list						{position: relative; float: left; width: 50px; height: 45px; margin-left: 10px; margin-bottom: 10px; z-index: 6; text-align: center;}

.content_search_form 			{position: relative; float: left; width: 360px; margin-left: calc(50% - 180px); padding-top:20px; padding-bottom: 20px; z-index: 5}
.content_search_form_1 			{position: relative; float: left; width: 285px; height: 45px; margin-top:20px; z-index: 5}
.content_search_form_2 			{position: relative; float: left; width: 50px; height: 45px; margin-top:20px; margin-left: 20px;  z-index: 5; cursor: pointer}
.content_search_form_3 			{position: relative; float: left; width: 100%; margin-top:20px; z-index: 5; text-align: justify}

.content_link_title				{position: relative; float: left; calc(100% - 20px); margin-left: 20px; padding-top:50px; padding-bottom: 10px; z-index: 5}

.content_link_1					{position: relative; float: left; width: 100%; padding-top:10px; padding-bottom: 10px; z-index: 5}
.content_link_desc				{position: relative; float: left; width: calc(100% - 60px); min-height:45px; margin-left: 20px; z-index: 5}
.content_link_txt				{position: relative; float: left; width: 100%; min-height:32px; padding-top: 12px; z-index: 5}
.content_link_more_pdf				{position: absolute; width: 35px; height: 35px; right:5px; bottom:10px;  z-index: 5; cursor: pointer; background: url(../_all/pdf.png) no-repeat; }
.content_link_more_link				{position: absolute; width: 35px; height: 35px; right:5px; bottom:10px;  z-index: 5; cursor: pointer; background: url(../_all/more.png) no-repeat; }
.content_link_bar				{position: relative; float: left; width: 100%; height: 1px; z-index: 5; background: #c12517; }

.content_point_1				{position: relative; float: left; width: 100%; padding-top:10px; padding-bottom: 10px; margin-top: 15px; z-index: 5}
.content_point_desc				{position: relative; float: left; width: calc(100% - 40px); min-height:45px; z-index: 5}
.content_point_txt				{position: relative; float: left; width: 100%; min-height:32px; padding-top: 12px; z-index: 5}
.content_point_more_up			{position: absolute; width: 35px; height: 35px; right:5px; bottom:10px;  z-index: 5; cursor: pointer; background: url(../_all/up.png) no-repeat; }
.content_point_more_empty		{position: absolute; width: 35px; height: 35px; right:5px; bottom:10px;  z-index: 5; background: #c12517; }
.content_point_bar				{position: relative; float: left; width: 100%; height: 1px; z-index: 5; background: #c12517; }



.content_lead					{position: relative; float: left; width: calc(100% - 25px); min-height:45px; margin-left: 20px; z-index: 5}
.content_more_bar				{position: relative; float: left; width: calc(100% - 25px); height: 35px; margin-left: 20px; margin-top: 20px; margin-botom: 20px;  z-index: 5; background: #c12517; cursor: pointer}
.content_more_bar_image_1			{position: absolute; width: 35px; height: 35px; left: calc(50% - 17px); top: 0px; z-index: 6; background: url(../_all/open.png) no-repeat}
.content_more_bar_image_2			{display:none; position: absolute; width: 35px; height: 35px; left: calc(50% - 17px); top: 0px; z-index: 6; background: url(../_all/close.png) no-repeat}


.content_full					{overflow: hidden; position: relative; float: left; width: calc(100% - 25px); margin-left: 20px; margin-top: 10px; z-index: 5}
.content_full_content			{position: relative; float: left; width: 100%; z-index: 5}


.content_scroller			{position: relative; float: left; width: 100%; height: auto; z-index: 5}
.content_scroller_1			{position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 6}

#scroller_1					{opacity: 0}
#scroller_2					{opacity: 0}
#scroller_3					{opacity: 0}


.submit_pixel					{display: none}

.search_form {
	font-family : Exo 2;
	font-size 	: 24px;
	font-weight: 300;
	color: #333333;

	padding-left: 5px;
	padding-right: 5px;
	width: 275px; 
	height: 43px;
	border-right: #9d9e9e 1px solid;
	border-top: #9d9e9e 1px solid; 
	border-left: #9d9e9e 1px solid; 
	border-bottom: #9d9e9e 1px solid; 
}


.article_photo 			{width: 100%; height: auto}
.article_w_1 			{width: 521px; height: 800px}
.article_w_2 			{width: 987px; height: 415px}
.article_w_3 			{width: 987px; height: 600px}
.article_w_4 			{width: 987px; height: 537px}
.logo_set 				{width: 403px; height: 100px; margin-top: 30px;}
.clients 				{width: 987px; height: 231px}
.article_w_9 			{width: 987px; height: 479px}
.article_w_11 			{width: 987px; height: 696px}


/*video i photo*/

.video_box		  	  {position: relative; float: left; width: calc(100% - 25px); margin-left: 20px; margin-top: 28px; margin-bottom: 20px; z-index: 4}

.video_player		  {clear: both; position:relative; padding-top: 56%}
.video_player iframe  {position:absolute;top:0;left:0;width:100%; height:100%;}
.photo_gallery_01	  {overflow: hidden; position: relative; float:left; width: 100%; margin-left:0px; margin-bottom: 30px; margin-top: 30px;}
.photo_gallery_02	  {overflow: hidden; position: relative; float:left; width: calc(20% - 1px); height: 130px; margin-right:1px; margin-top:1px; background: #eeeeee}

/*partners*/
.partners		{clear: both; position: relative; max-width: 904px; height: 72px;  margin-left:auto; margin-right: auto; z-index: 5}

@media only screen and (max-width: 672px) {
	
	/*extra_photo*/
	.article_w_1 			{width: 100%; height: auto}

}

@media only screen and (max-width: 490px) {
	
	/*extra_photo*/
	.logo_set 			{width: 100%; height: auto}

}

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

	.content_article_bg 		{width: calc(100% - 40px); margin-left: 20px}
	
	.content_top_logo			{margin-left: 20px}
	.content_top_logo_right		{margin-right: 20px}

}

@media only screen and (max-width: 1200px) {
	
	/*extra_photo*/
	.content_extra_photo		{ width: 100%; height: auto}
	.content_extra_photo_bg		{ width: 100%; height: 100%}
	
		.article_w_2 			{width: 100%; height: auto}
		.article_w_3 			{width: 100%; height: auto}
		.article_w_4 			{width: 100%; height: auto}
		.article_w_9 			{width: 100%; height: auto}
		.article_w_11 			{width: 100%; height: auto}
		.clients 				{width: 100%; height: auto}
}
@media only screen and (max-width: 1735px) {

	/*extra buttons */
	.extra_arrow_left			{left: 0px; top: 43.7%}
	.extra_arrow_right			{right: 0px; top: 43.7%}	
}
@media only screen and (max-width: 620px) {

	/*extra buttons */
	.extra_arrow_left			{top: 10%}
	.extra_arrow_right			{top: 10%}	
	
	.content_top_logo			{display: none}
	.content_top_logo_right		{display: none}
	.content_top_logo_small			{display: block}
	.content_top_logo_right_small	{display: block}
}

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

	/*title font */
	.extra_photo_title			{font-size: 30px; bottom: 25px; right: 30px; }	
}
@media only screen and (max-width: 1000px) {

	/*title font */
	.extra_photo_title			{max-width: 88%; font-size: 25px; bottom: 15px; right: 20px; padding: 0px 10px 7px 10px}	
}



@media only screen and (max-width: 1560px) {
	
	/*blue bar */
	.content_sub_bar_blue		{width: 30%}
}


#cookieinfo * {
    margin: 0px;
    padding: 0px;
}

#cookieinfo {
    position: fixed;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: rgba(00,00,00,0.9);
    padding-left: 20px;
    padding-right: 60px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    z-index: 10000;
}

#cookieinfo h6 {
    font-size: 16px;
    color: #f2f2f2;
    margin-bottom: 2px;
}

#cookieinfo p {
    font-size: 12px;
    color: #f2f2f2;
    line-height: 1.5em;
}

#cookieinfo a {
    display: block;
    position: absolute;
    right: 10px;
    top: 14px;
    width: 40px;
    height: 38px;
    border-radius: 0px;
    line-height: 22px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    padding-top:2px;
    background-color: #00b2f0;
    font-size: 36px;
}

#cookieinfo a:hover {
    background-color: #dd4b39; 
}