/*colors*/
@font-face {
	font-family: "Dosis";
	font-style: normal;
	font-weight: lighter;
	src: local("Dosis"), url("font/Dosis-ExtraLight.ttf") format("truetype");
}

@font-face {
	font-family: "Dosis";
	font-style: normal;
	font-weight: 300;
	src: local("Dosis"), url("font/Dosis-Light.ttf") format("truetype");
}
@font-face {
	font-family: "Dosis";
	font-style: normal;
	font-weight: 400;
	src: local("Dosis"), url("font/Dosis-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "Dosis";
	font-style: normal;
	font-weight: 500;
	src: local("Dosis"), url("font/Dosis-SemiBold.ttf") format("truetype");
}
@font-face {
	font-family: "Dosis";
	font-style: normal;
	font-weight: 600;
	src: local("Dosis"), url("font/Dosis-Bold.ttf") format("truetype");
}

@font-face {
	font-family: "Dosis";
	font-style: normal;
	font-weight: 700;
	src: local("Dosis"), url("font/Dosis-ExtraBold.ttf") format("truetype");
}

body,
table,
input,
textarea,
label,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4 {
	font-family: Dosis, sans-serif;
	font-weight: 400;
}
.body-pattern:{background-image:}
.body-bg{background-color:rgba(247,247,247,1)}
.body-text{color:rgba(66,66,66,1)}
.top-menu-text{color:rgba(13,71,161,1)}
.bottom-menu-text{color:rgba(255,255,255,1)}
.bottom-menu-bg{background-color:rgba(143,7,53,1)}
.primary-text{color:rgba(247,247,247,1)}
.primary-bg{background-color:rgba(232,23,93,1)}
.default-text{color:rgba(255,255,255,1)}
.default-bg{background-color:rgba(71,71,71,1)}
.icon-bg{background-color:rgba(54,54,54,1)}
.product.lg .product_member, .product.xs .product_member, .product.md .product_member, .product.sm .product_member, .product.xl .product_member {background-color:rgba(66,66,66,0.05);border:1px solid rgba(66,66,66,0.1)}
.product .firm-wrapper {background-color: rgba(66,66,66,0.05);}
body{color:rgb(66,66,66); background-color:rgb(247,247,247);}
#content_container {z-index: 15;position: relative;background-color: rgb(247,247,247); }
a{color:rgb(66,66,66);}
a:hover{color:rgba(66,66,66,0.8);}
.search-button {color:rgb(247,247,247); 
	background-color:rgba(232,23,93,1);
	border-color:rgba(232,23,93,1);
	border:1px solid rgba(232,23,93,1);
		}
.search-button:hover, .search-button:focus, .search-button:active, .search-button.active {color:#fff; background-color:rgba(54,54,54,0.9)!important; border-color:rgba(71,71,71,1);}
.icon{background-color:rgba(54,54,54,1);-webkit-transition:all 0.5s ease-out; transition:all 0.5s ease-out;background-size: cover;vertical-align: middle;}
.icon:hover{transform:scale(1.1);background-color:rgba(54,54,54,1);}
.icon-soc {background-color:rgba(87,129,148,1);-webkit-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
.icon-soc:hover{transform:scale(1.1);background-color:rgba(87,129,148,1);}
.icon-red{background-color:#E89AAC;}
.icon-green{background-color:#619166;}
.icon-blue{background-color:#2FA7C3;}
.icon-yellow{background-color:#D0B68D;}
.icon-light {background-color: rgba(66,66,66,0.25);border: 1px solid rgba(66,66,66,0.15);}
.icon-prop {background-color: rgba(66,66,66,0.03);border: 0px solid rgba(66,66,66,0.1);}
.commands_top .command_button i:hover{transform:scale(1.2);-webkit-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
.glyphicon{color:rgba(54,54,54,0.8);}
.primarycolor{color:rgb(71,71,71);}
#search_criteria .district-toggler i {color:rgba(54,54,54,0.6);font-size: 8px;}
.btn-primary {color:rgb(247,247,247); background-color:rgba(232,23,93,1)!important; border-color:rgba(232,23,93,1)!important; border:1px solid rgba(255,255,255,0.25)!important;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary{color:#EFEFEF; background-color:rgba(71,71,71,1)!important; border-color:rgb(247,247,247);border:1px solid rgb(247,247,247)!important;}
.btn-default{color:#EFEFEF; background-color:rgba(71,71,71,1)!important; border:1px solid rgba(71,71,71,1);font-size:1.1em;font-weight:300;font-style:normal;text-decoration:initial;}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default{color:#474747; background-color:rgba(239,239,239,1)!important; border-color:#363636;border: 1.5px solid rgba(70, 58, 3, 0.5);background-image: url(/img/background/t_60.png);}
.btn i, button i, a i{color:rgb(247,247,247);}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{color:rgb(247,247,247); background-color:rgba(232,23,93,1);}
div[class^="content-"] .panel{background-color:rgba(255,255,255,1); 
	border:1px solid rgba(239,239,239,1);}
div[class^="content-"] .panel .panel-heading{background-color:rgba(232,23,93,1); color:rgb(239,239,239);font-size:1.1em;font-weight:300;font-style:normal;text-decoration:initial;}
div[class^="content-"] .panel .panel-heading a{color:rgb(239,239,239);}
div[class^="content-"] .panel .panel-heading .title{color:rgb(239,239,239);font-size:1.1em;font-weight:300;font-style:normal;text-decoration:initial;}
div[class^="content-"] .panel .panel-footer{background-color:rgba(156,156,148,1); color:rgb(54,54,54);font-size:1.1em;font-weight:300;font-style:normal;text-decoration:initial;}
div[class^="content-"][data-content-size="s1"] .panel-body .list-group {font-size:0.90em!important;}
div[class^="content-"][data-content-size="s1"] .panel .panel-heading {font-size:0.75em;}
div[class^="content-"][data-content-size="s2"] .panel-body .list-group {font-size:0.90em!important;}
div[class^="content-"][data-content-size="s2"] .panel .panel-heading {font-size:0.8em;}
div[class^="content-"][data-content-size="s3"] .panel-body .list-group {font-size:0.95em!important;}
div[class^="content-"][data-content-size="s3"] .panel .panel-heading {font-size:0.8em;}
div[class^="content-"][data-content-size="s4"] .panel-body .list-group {font-size:0.90em!important;}
div[class^="content-"][data-content-size="s4"] .panel .panel-heading {font-size:0.8em;}
div[class^="content-"][data-content-size="s5"] .panel-body .list-group {font-size:0.95em!important;}
div[class^="content-"][data-content-size="s5"] .panel .panel-heading {font-size:0.8em;}
div[class^="content-"][data-content-size="s6"] .panel-body .list-group {font-size:0.95em!important;}
div[class^="content-"][data-content-size="s6"] .panel .panel-heading {font-size:0.85em;}
div[class^="content-"][data-content-size="s7"] .panel-body .list-group {font-size:1em!important;}
div[class^="content-"][data-content-size="s7"] .panel .panel-heading {font-size:0.9em;}
div[class^="content-"][data-content-size="s8"] .panel-body .list-group {font-size:1em!important;}
div[class^="content-"][data-content-size="s8"] .panel .panel-heading {font-size:0.9em!important;}
div[class^="content-"][data-content-size="s9"] .panel-body .list-group {font-size:1em!important;}
div[class^="content-"][data-content-size="s9"] .panel .panel-heading {font-size:1em!important;}
div[class^="content-"][data-content-size="s10"] .panel-body .list-group {font-size:1em!important;}
div[class^="content-"][data-content-size="s10"] .panel .panel-heading {font-size:1.05em;}
div[class^="content-"][data-content-size="s11"] .panel-body .list-group {font-size:1.05!important;}
div[class^="content-"][data-content-size="s11"] .panel .panel-heading {font-size:1.1em;}
.modal-header{background-color:rgba(232,23,93,1);}
.modal-header h4{color:rgb(239,239,239);}
.top-bar{background-color:rgba(244,244,244,1);padding-top:4px;padding-bottom:0px;}
#site_header {background-color:rgba(255, 255, 255, 0);;}
#site_container #site_menu_main {opacity:1}
#site_container #site_menu_main {background-color:rgba(244,244,244,1);		}
#site_container #site_menu_main .navbar{background-color:rgba(244,244,244,1);}
#site_container #site_menu_main .favorites_count, .visited_count, .compare_count {color:#c7c7c7;font-size:1.0em;font-weight:600;font-style:normal;text-decoration:initial;border: 1px solid rgba(255,255,255,0.2);border-radius: 6px;padding: 2px 2px;background-color:rgba(244,244,244,0.6);}
#site_container #site_menu_main .topbarmenu a {color:#c7c7c7;font-size:1.0em;font-weight:600;font-style:normal;text-decoration:initial;text-shadow: 1px -0.5px 0 rgba(16, 16, 16, 0.4), 1px 0px 0 rgba(16, 16, 16, 0.4);}
#site_container #site_menu_main .topbarmenu .level-2 a {color:#c7c7c7;font-size:1.0em;font-weight:600;font-style:normal;text-decoration:initial;background-color:rgba(244,244,244,0.6);}
#site_container #site_menu_main .topbarmenu .level-2 a:hover  {background-color: rgba(128, 128, 128, 0.7);color:#fff;}
#site_menu_main #site_menu_main_commands section {display: inline-block;color:#c7c7c7;font-size:1em;letter-spacing:-1px;font-style:normal;text-decoration:initial;}
#site_container #site_menu_main .firm_email {color:#c7c7c7;font-size:1.1em;font-weight:bold;text-decoration:initial;background-color:rgba(244,244,244,0);text-shadow: 1px -0.5px 0 rgba(16, 16, 16, 0.4), 1px 1px 0 rgba(16, 16, 16, 0.4);}
#site_container #site_menu_main .firm_phone {color:#c7c7c7;font-size:1.1em;font-weight:bold;text-decoration:initial;background-color:rgba(244,244,244,0);text-shadow: 1px -0.5px 0 rgba(16, 16, 16, 0.4), 1px 1px 0 rgba(16, 16, 16, 0.4);}
#site_container #site_menu_main .firm_phone444 {color:#c7c7c7;font-size:1.4em;font-weight:bold;text-decoration:initial;background-color:rgba(244,244,244,0);text-shadow: 1px -0.5px 0 rgba(16, 16, 16, 0.4), 1px 1px 0 rgba(16, 16, 16, 0.4);}
#site_container #top_menu_container {background-color:rgba(255, 255, 255, 0);				
	opacity:1;z-index: 16;position: relative;}
#site_container #top_menu {}
	#site_container #top_menu.fixed {background-color:rgba(244,244,244,0.7);}
#site_container #top_menu .navbar{float:none;}
 
	#site_container #top_menu #top_menu_routes {background-color:rgba(255, 255, 255, 0); float:none;
			opacity:1;
					}	
	
#topmenu-logo-x {}
#topmenu-logo-x img {height:80px;margin-top: 1px;}
#site_container #top_menu .navbar a{color:rgb(13,71,161); box-shadow:1px 0 0 rgba(255, 255, 255, 0.05); border-right:1px solid rgba(0, 0, 0, 0.05);}
#site_container #top_menu .navbar a:hover{background-color:rgba(255, 255, 255, 0.2); border-color:rgba(255, 255, 255, 0.3);}
#site_container #top_menu .navbar .navbar-brand{height:80px;padding-top:27px; font-size:1.6em;}
#site_container #top_menu .navbar .level-1 a {padding: 30px 9px;font-size:1.4em;font-weight:400;font-style:normal;text-decoration:initial;}
#site_container #top_menu .navbar .level-1 .level-2 a {background-color:rgba(255, 255, 255, 0); color:rgba(13,71,161,0.9);font-size:1.3em;padding: 13.142857142857px 8px;border-bottom:1px solid rgba(13,71,161,0.1);}
.nav>li>a:hover, .nav>li>a:focus {background-color: rgba(13,71,161,0.1);}
#site_container #top_menu .navbar li.active a{background-color:rgba(0, 0, 0, 0.2);}
#site_container #top_menu .navbar a .caret{border-top-color:rgb(13,71,161); border-bottom-color:rgb(13,71,161);}
#site_container #top_menu .navbar .dropdown-menu{background-color:rgba(255, 255, 255, 0); border-color:rgba(13,71,161,0.15); border-top:1px solid rgba(13,71,161,0.15);border-radius: 0px 0px 3px 3px;box-shadow: 0px 5px 10px rgba(36, 37, 37, 0.58);}
#site_container #top_menu .navbar .dropdown-menu a:hover{background-color:rgba(255, 255, 255, 0.1);}
#site_container #top_menu .navbar a.btn.btn-primary:hover{color:rgb(247,247,247); background-color:rgba(232,23,93,0.8); border-color:rgb(232,23,93);}
#site_container #top_menu .navbar .currencies .btn{color:rgb(247,247,247);}
#site_container #top_menu .navbar i{color:rgba(13,71,161,1);text-shadow: 1px 2px 1px rgba(54,54,54,0.8);}
#footer_container {}
#footer{background-color:rgba(71,71,71,1);}
#footer_container #bottom_menu {padding-top: 10px;  padding-bottom: 10px;background-color:rgba(143,7,53,1);
		}
#footer_container #bottom_menu {line-height: 35px;}
#footer_container #bottom_menu #bottom_menu_routes {background-color:rgba(143,7,53,1); float:none;
opacity:1;
}
#footer_container #bottom_menu #bottom_menu_routes .level-1 {border-right:1px solid rgba(0, 0, 0, 0.1); background-color:transparent;float:left;}
#footer_container #bottom_menu #bottom_menu_routes .level-1 a{color:rgb(255,255,255); padding-right:15px;padding-left:15px;font-size:1.1em;font-weight:300;font-style:normal;text-decoration:initial;padding-top: 5px;padding-bottom: 5px;}
#footer_container #bottom_menu #bottom_menu_routes .level-1 a:hover{background-color:rgba(255, 255, 255, 0.2); border-color:rgba(255, 255, 255, 0.3);}
#footer_container #bottom_menu #bottom_menu_routes .level-1 .level-2 {border-right:0px solid rgba(0, 0, 0, 0.1); background-color:transparent;}
#footer_container #bottom_menu #bottom_menu_routes .level-1 .level-2 a {color:rgba(255,255,255,0.9);font-size:1em;padding-top: 5px;padding-bottom: 5px;}
#site_container #portal_info .footer_bar {padding-top:8px; padding-bottom: 1px; background-color:rgba(71,71,71,1); float:none;
		}
#site_container #portal_info .bottom_bar .list-inline{}
#site_container #portal_login{background-color:rgba(143,7,53,1); border-color:rgba(143,7,53,1);}
#site_container #portal_info #name{color:rgb(192,192,192);font-size:2em;font-weight:300;font-style:normal;text-decoration:initial;}
#search_criteria .panel .panel-heading{background-color:rgba(232,23,93,1); color:rgb(213,213,213);}
#search_criteria .panel .panel-heading .title{color:rgb(213,213,213);}
#search_criteria .panel .panel-footer{background-color:rgba(156,156,148,1); color:rgb(213,213,213);}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
#site_container #site_menu_main #currency_buttons .btn-primary {border-top: 2px solid rgba(255, 255, 255, 0.3);border-bottom: 2px solid rgba(255, 255, 255, 0.3);background-color:rgba(232,23,93,1);}
.badge {background-color: rgba(0, 0, 0, 0.25);}
.form-control {
display: block;
width: 100%;
height: 35px;
padding: 4px 4px;
font-size: 1em;
line-height: 1.428571429;
color: #555;
vertical-align: middle;
background-color: #FAFAFA;
background-image: none;
border: 2px solid #F3F3F3;
border-radius: 6px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 1px -1px 3px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
html{
	font-family:Dosis,sans-serif;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}
		body, table, input, textarea{font-family:Dosis, sans-serif;}
		body{font-family:Dosis, sans-serif;}					
		.picon{display:inline-block; vertical-align:middle; background-size:cover; background-position:center -1px; background-repeat:no-repeat; border-radius:4px;}
.picon:hover, .picon:focus {backgroung-color:#000;}
.picon.picon-xs{width:36px; height:36px;border: 2px solid rgba(0, 0, 0, 0.05) !important;}
.picon.picon-sm{width:48px; height:48px;border: 4px solid rgba(0, 0, 0, 0.05) !important;}
.picon.picon-md{width:72px; height:72px;border: 6px solid rgba(0, 0, 0, 0.05) !important;}
.picon.picon-lg{width:100px; height:100px;border: 9px solid rgba(0, 0, 0, 0.05) !important;}
.picon.picon-xl{width:140px; height:140px;border: 12px solid rgba(0, 0, 0, 0.05) !important;}
.picon.picon-xs.picon-circle{border-radius: 24px;}
.picon.picon-sm.picon-circle{border-radius: 36px;}
.picon.picon-md.picon-circle{border-radius: 50px;}
.picon.picon-lg.picon-circle{border-radius: 60px;}
.picon.picon-xl.picon-circle{border-radius: 70px;}
@media (max-width: 768px){
	.picon{width:20px; height:20px;}
	.picon-circle{border-radius:12px;}
	.picon-round{border-radius:2px;}
	#footer_container {display: block;}
	.icon.icon-next, .icon.icon-prev {width:20px; height:20px;}
	#topmenu-logo-x {margin-top:0px;padding-top:0px}
	#site_container #top_menu #top_menu_routes {position: absolute;width: 50%;right: 5px;height:auto; background-color:rgba(255, 255, 255, 0); float:none;}
	#site_container #top_menu .navbar .level-1 .level-2 a {font-size:1.1em;padding: 6px;}
	#site_container #top_menu .navbar .level-1 a {padding: 12px 4px;letter-spacing:-1px;}
	#site_menu_main .navbar-nav .dropdown-menu {margin-top: 26px;border: 2px solid rgba(148, 148, 148, 0.43);padding: 0;padding-bottom: 5px;}
}
@media (min-width: 769px) and (max-width: 992px) {
	.picon{width:20px; height:20px;}
	.picon-circle{border-radius:12px;}
	.picon-round{border-radius:3px;}
	.icon.icon-next, .icon.icon-prev {width:24px; height:24px;}
	#site_container #top_menu .navbar .level-1 a {padding: 30px 4px;font-size:1.1em;letter-spacing:-1px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.picon{width:24px; height:24px;}
	.picon-circle{border-radius:14px;}
	.picon-round{border-radius:4px;}
	.icon.icon-next, .icon.icon-prev {width:28px; height:28px;}
	#site_container #top_menu .navbar .level-1 a {padding: 30px 5px;font-size:1.2em;letter-spacing: -0.5px; }
}
@media (min-width: 1200px){
	.picon{width:24px; height:24px;}
	.picon-circle{border-radius:16px;}
	.picon-round{border-radius:5px;}
}
.picon-picturelink1{background-image:url(/img/icons/adverts.png)}
.picon-picturelink2{background-image:url(/img/icons/area.png)}
.picon-picturelink3{background-image:url(/img/icons/area2.png)}
.picon-picturelink4{background-image:url(/img/icons/barcode-01.png)}
.picon-picturelink5{background-image:url(/img/icons/building.png)}
.picon-picturelink6{background-image:url(/img/icons/call.png)}
.picon-picturelink7{background-image:url(/img/icons/chart.png)}
.picon-picturelink8{background-image:url(/img/icons/chat.png)}
.picon-picturelink9{background-image:url(/img/icons/city.png)}
.picon-picturelink10{background-image:url(/img/icons/ellipse.png)}
.picon-picturelink11{background-image:url(/img/icons/factory.png)}
.picon-picturelink12{background-image:url(/img/icons/feed.png)}
.picon-picturelink13{background-image:url(/img/icons/footprint.png)}
.picon-picturelink14{background-image:url(/img/icons/home.png)}
.picon-picturelink15{background-image:url(/img/icons/horn.png)}
.picon-picturelink16{background-image:url(/img/icons/house11.png)}
.picon-picturelink17{background-image:url(/img/icons/like01.png)}
.picon-picturelink18{background-image:url(/img/icons/link01.png)}
.picon-picturelink19{background-image:url(/img/icons/list.png)}
.picon-picturelink20{background-image:url(/img/icons/localization.png)}
.picon-picturelink21{background-image:url(/img/icons/new.png)}
.picon-picturelink22{background-image:url(/img/icons/office.png)}
.picon-picturelink23{background-image:url(/img/icons/rating01.png)}
.picon-picturelink24{background-image:url(/img/icons/responsive.png)}
.picon-picturelink25{background-image:url(/img/icons/shop.png)}
.picon-picturelink26{background-image:url(/img/icons/spin.png)}
.picon-picturelink27{background-image:url(/img/icons/star0.png)}
.picon-picturelink28{background-image:url(/img/icons/star1.png)}
.picon-picturelink29{background-image:url(/img/icons/star2.png)}
.picon-picturelink30{background-image:url(/img/icons/summer-house.png)}
.picon-picturelink31{background-image:url(/img/icons/visits.png)}
.picon-picturelink32{background-image:url(/img/icons/telephone-02.png)}
.picon-picturelink33{background-image:url(/img/icons/message01.png)}
.flag {
    display: inline-block;
    margin-left: 4px;
    margin-right: 4px;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    opacity: 0.9;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 26px;
    border-radius: 2px;
}
.flag:hover{opacity:1;} 
.flag1 {background-image:url(/img/flags/flagcircle1.png)}
.flag2 {background-image:url(/img/flags/flagcircle2.png)}
.flag3 {background-image:url(/img/flags/flagcircle3.png)}
.flag4 {background-image:url(/img/flags/flagcircle4.png)}
.flag13 {background-image:url(/img/flags/flagcircle13.png)}
.flag14 {background-image:url(/img/flags/flagcircle14.png)}
@media (min-width: 1341px) {
	.container {max-width:1339px!important; width: 100%!important;width: 100%;padding-right: 0;padding-left: 0;margin-right: auto;margin-left: auto;}
}
@media (min-width: 1201px) and (max-width: 1340px) {
	.container {max-width:1339px!important; width: 98%!important;}
}
@media (min-width: 1200px) {
	.container {width: 98%;padding-left: 5px!important;padding-right: 5px!important;}
}
@media (min-width: 769px) and (max-width: 992px) {
	#site_container .container {width: 98%!important;padding-left: 5px!important;padding-right: 5px!important;}
	#site_container #closed_menu {height: 52px;font-size: 2.6em;padding-top:7px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#site_container .container {width: 98%!important;padding-left: 5px!important;padding-right: 5px!important;}
}
#site_container #top_menu.fixed #top_menu_routes {
margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px;
}
#site_container #top_menu.fixed #topmenu-logo-x {
    margin-top: 0px;padding-top: 0px;
}
hr.hr-variant-1 {
    max-width: 200px;
}
hr {
    color: rgba(255, 255, 255, 0.4);height: 1px;border: 1px solid rgba(255, 255, 255, 0.4);background-color: rgba(255, 255, 255, 0);
}
.icon-location{background-image:url(/img/icons/location03.png)}

* {
	/*color: var(--body-color);*/
	box-sizing: border-box;
	user-select: none;
}

h1,
h3,
h4,
h5 {
	color: var(--light-accent-color) !important;
	font-weight: bold;
}

h2 {
	color: var(--light-accent-color);
	font-weight: bold;
}

b {
	font-weight: bold;
	color: var(--light-accent-color);
}

.lead {
	font-size: 2rem;
	letter-spacing: 1.05px;
	color:black;
	font-weight: 400;
}

.lead * {
	font-size: 2rem;
	letter-spacing: 1.1px;
}

.elevated_1 {
	margin-top: 4rem;
}
.elevated_2 {
	margin-top: 8rem;
}

@media (max-width: 768px) {
	.elevated_1 {
		margin-top: 1rem;
	}
	.elevated_2 {
		margin-top: 1rem;
	}
}

.icon {
	width: 32px;
	height: 32px;
	display: inline-block;
}

/*colors*/
:root {
	--primary-color: #ff6000;
	--accent-color: rgba(9, 19, 27, 1);
	--light-accent-color: #234c6e;
	--hover-accent-color: #1b6fb4;
	--body-color: rgba(38, 38, 38, 1);
	--link-color: #ff6000;
	--gray-color: #f3f7fd;
	--dark-gray-color: #b3b5b9;
	--max-container-width: 1320px;
}

p {
    font-size: 2rem;
    font-weight: 400;
	color: darkslategrey;
}

.primary-bg {
	background-color: var(--primary-color) !important;
}

.primary-text {
	color: var(--primary-color) !important;
}

.accent-bg {
	background-color: var(--accent-color) !important;
}

.accent-text {
	color: var(--primary-color) !important;
}

.accent-gradient-bg {
	background: linear-gradient(180deg, var(--hover-accent-color) 0%, var(--hover-accent-color) 50%, var(--accent-color) 100%);
}

/*images*/
img.fit-height {
	height: 100%;
	width: auto;
}

img.fit-width {
	width: 100%;
	height: auto;
}

img.contain {
	object-fit: contain;
}

img.cover {
	object-fit: cover;
}
img.center {
	object-position: center;
}

img.shadow {
	padding: 5px;
	background: #fff;
	border-radius: 0px;
	box-sizing: content-box;
}

img.shadow.light {
	box-shadow: 0 0 10px #ccc;
}

img.shadow.dark {
	box-shadow: 0 0 10px var(--accent-color);
	border-bottom: 1px solid var(--light-accent-color);
	border-right: 1px solid var(--light-accent-color);
}

.shadow {
	box-shadow: 0px 0px 20px 0px var(--dark-gray-color);
}

/*parts*/
.link_box {
	display: block;
	overflow: hidden;
	padding: 2rem 3rem;
	margin-bottom: 1rem;
	background-color: white;
	box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 9%);
	border-radius: 0.5rem;
	max-width: 40rem;
	transition: all 0.6s ease-in-out;
	text-align: center;
	cursor: pointer;
}
.link_box:hover {
	background: linear-gradient(180deg, var(--hover-accent-color) 0%, var(--hover-accent-color) 50%, var(--accent-color) 100%);
}
@media (max-width: 768px) {
	.link_box {
		max-width: 90vw;
	}
}
.link_box .link {
	text-decoration: none;
}

.link_box .image {
	height: 6rem;
	transition: all 1s ease-in-out;
}
.link_box:hover .image {
	transform: scale(1.2);
}

.link_box .title {
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 3rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--light-accent-color);
	margin: 2rem 0 1rem;
	text-transform: capitalize;
}

.link_box:hover .title {
	color: white;
}

.link_box .info {
	font-size: 1.5rem;
	line-height: 2rem;
	height: 6rem;
	overflow: hidden;
	text-overflow: ellipsis;
}

.link_box:hover .info {
	color: white;
}

.link_box .click {
	color: var(--link-color);
	font-weight: bold;
	margin-top: 2rem;
}

.link_box:hover .click {
	color: white;
}

/*nav_button*/
.nav_button {
	padding: 1rem;
	color: var(--light-accent-color);
	font-weight: bold;
	font-size: 1.7rem;
	text-decoration: none;
	transition: all 0.8s ease-in-out;
}

.nav_button:hover {
	text-decoration: none;
	background-color: var(--hover-accent-color);
	color: white;
}

/*inverse link box*/
.simple_link_box {
	display: block;
	overflow: hidden;
	padding: 2rem;
	background-color: white;
	border-radius: 0.5rem;
	max-width: 40rem;
	transition: all 0.6s ease-in-out;
	text-align: center;
	cursor: pointer;
}

.simple_link_box:hover {
	background: linear-gradient(180deg, var(--hover-accent-color) 0%, var(--hover-accent-color) 50%, var(--accent-color) 100%);
}
@media (max-width: 768px) {
	.simple_link_box {
		max-width: 90vw;
	}
}
.simple_link_box .link {
	text-decoration: none;
}

.simple_link_box .image {
	height: 4rem;
	transition: all 1s ease-in-out;
}
.simple_link_box:hover .image {
	transform: scale(1.1);
}

.simple_link_box .title {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 2rem;
	height: 4rem;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--light-accent-color);
	margin: 2rem 0 1rem;
	text-transform: capitalize;
}

.simple_link_box:hover .title {
	color: white;
}

.simple_link_box .info {
	font-size: 1.7rem;
	line-height: 1.4rem;
	height: 7rem;
	overflow: hidden;
	text-overflow: ellipsis;
}

.simple_link_box:hover .info {
	color: white;
}

/*simple_link_box.inverse*/
.simple_link_box.inverse {
	background: linear-gradient(180deg, var(--light-accent-color) 0%, var(--light-accent-color) 50%, var(--accent-color) 100%);
}

.simple_link_box.inverse:hover {
	background: white;
	border: 1px solid var(--light-accent-color);
}

.simple_link_box.inverse .title {
	color: white;
}

.simple_link_box.inverse:hover .title {
	color: var(--light-accent-color);
}

.simple_link_box.inverse .info {
	color: white;
}

.simple_link_box.inverse:hover .info {
	color: initial;
}

/* tab*/
.tab {
	position: relative;
	z-index: 1;
	margin-bottom: 5rem;
}

.tab ::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -5rem;
	content: "";
	height: 100%;
	width: 90%;
	background: var(--gray-color);
	z-index: -1;
}

.tab .image {
	padding: 6px;
	background-color: white;
	box-shadow: 0px 0px 50px 0px var(--dark-gray-color);
	border-radius: 4px;
	transition: all 1s ease-in-out;
}

.tab .image:hover {
	transform: scale(1.1);
	filter: brightness(90%);
}

.tab .content {
	padding: 1rem 1rem 1rem 3rem;
}

.tab .content .title {
	font-size: 2.5rem;
	font-weight: bold;
	color: var(--light-accent-color);
}

.tab .content .body {
	margin-top: 3rem;
	line-height: 2rem;
	font-size: 2rem;
}

.tab .icon {
	position: absolute;
	right: 1rem;
	bottom: -4rem;
	height: 4rem;
	width: auto;
	transition: all 1s ease-in-out;
}

.tab .icon:hover {
	transform: scale(1.2);
}

/* tab_complex*/
.tab_complex {
	position: relative;
	z-index: 1;
	margin-bottom: 5rem;
}

.tab_complex ::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -5rem;
	content: "";
	height: 100%;
	width: 90%;
	background: var(--gray-color);
	z-index: -1;
}

.tab_complex .image {
	padding: 6px;
	background-color: white;
	box-shadow: 0px 0px 50px 0px var(--dark-gray-color);
	border-radius: 4px;
}

.tab_complex .info {
	padding: 6rem 2rem 1rem 6rem;
	font-size: 1.4rem;
	font-weight: 400;
	color: var(--light-accent-color);
}

.tab_complex .content {
	padding: 1rem 1rem 1rem 3rem;
}

.tab_complex .content .title {
	font-size: 2rem;
	font-weight: bold;
	color: var(--light-accent-color);
}

.tab_complex .content .body {
	margin-top: 3rem;
	line-height: 2rem;
	font-size: 1.1rem;
}

.tab_complex .content .block {
	margin-bottom: 3rem;
}

/* tab_image*/
.tab_image {
	position: relative;
	z-index: 1;
	margin-bottom: 5rem;
}

.tab_image ::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: -5rem;
	content: "";
	height: 100%;
	width: 90%;
	background: var(--gray-color);
	z-index: -1;
}

.tab_image .left_image {
	padding: 6px;
	background-color: white;
	box-shadow: 0px 0px 50px 0px var(--dark-gray-color);
	border-radius: 4px;
	transition: all 1s ease-in-out;
}

.tab_image .left_image:hover {
	transform: scale(1.1);
	filter: brightness(90%);
}

.tab_image .info {
	padding: 6rem 2rem 1rem 6rem;
	font-size: 2rem;
	font-weight: 400;
	color: var(--light-accent-color);
}

.tab_image .right_image {
	transition: all 1s ease-in-out;
}

.tab_image .right_image:hover {
	transform: scale(1.2);
}

.tab_image .content {
	padding: 1rem 1rem 1rem 3rem;
}

.tab_image .content .title {
	font-size: 2rem;
	font-weight: bold;
	color: var(--light-accent-color);
}

.tab_image .content .body {
	margin-top: 3rem;
	line-height: 2rem;
	font-size: 1.1rem;
}

/*pages*/

.page_media_container {
	position: absolute;
	z-index: -1;
	left: -2000px;
	right: -2000px;
	top: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.page_media_container .media {
	width: 100vw;
	object-fit: cover;
	height: 100%;
}

section {
	position: relative;
	padding: 4rem 0;
}

.band {
	position: absolute;
	z-index: -1;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin-left: -2000px;
	margin-right: -2000px;
}

.band.gray {
	background-color: var(--gray-color);
}

/*routes*/
#site_container {
	overflow-x: hidden;
}

#content_page {
	min-height: 80vh;
}

#top_menu {
	background-color: var(--accent-color);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
}
#top_menu_container {
	position: relative;
	min-height: 10rem;
	padding: 1rem 0;
}

#top_menu .logo {
	height: 72px;
	width: 72px;
	transition: all 0.8s ease-in-out;
}
@media (max-width: 768px) {
	#top_menu .logo {
		height: 64px;
		width: 64px;
		transition: all 0.8s ease-in-out;
	}
}

#top_menu .logo:hover {
	transform: scale(1.2);
}

#top_menu .title {
	color: var(--primary-color);
	font-size: 2.8rem;
	line-height: 2.2rem;
	text-decoration: none;
}

#top_menu .level-1 {
	color: whitesmoke;
	cursor: pointer;
	padding: 1rem 0.5rem;
	margin-left: 0.5rem;
	text-decoration: none;
	transition: all 0.5s;
	border-top: 2px solid transparent;
	font-size: 1.3em;
}
@media (max-width: 768px) {
	#top_menu .level-1 {
		font-size: 1.1rem;
		padding: 0.75rem 0.05rem;
	}
}

#top_menu .level-1:hover {
	position: relative;
	background-color: var(--light-accent-color);
}

#top_menu .level-1.active {
	position: relative;
	border-bottom: 2px solid var(--primary-color);
}

/*home*/
#home #top_media {
	height: 50vh;
	max-height: 480px;
	min-height: 400px;
	position: relative;
}

#home #top_media .page_media_container {
	background-color: var(--accent-color);
}

#home #top_media .media {
	max-width: var(--max-container-width);
}

#home #top_media #motto {
	padding: 2rem 4rem;
	max-width: 760px;
}

#home #top_media #motto * {
	font-size: 3rem;
	color: white;
}
@media (max-width: 768px) {
	#home #top_media #motto * {
		font-size: 2rem;
	}
}

#home #page_links {
	margin-top: -5rem;
	position: relative;
	z-index: 1;
}

#p724_comparison i.glyphicon-ok {
	color: var(--bs-success);
	font-size: 2rem;
}

#p724_comparison i.glyphicon-remove {
	color: var(--bs-danger);
	font-size: 2rem;
}

/*footer*/
#footer {
	margin-top: 0rem;
	padding: 3rem 0;
	background: linear-gradient(180deg, var(--light-accent-color) 0%, var(--light-accent-color) 40%, var(--accent-color) 90%, var(--accent-color) 100%);
}

#footer * {
	color: white;
}

#footer_container {
	margin: 0 !important;
}

#portal_info {
	background-color: var(--accent-color);
}

#portal_info * {
	color: white;
}

/*scrollimination*/

.scrollimation.fade-in {
	opacity: 0;
	-webkit-transition: opacity 0.6s ease-out;
	transition: opacity 0.6s ease-out;
}
.scrollimation.fade-in.in {
	opacity: 1;
}
.scrollimation.scale-in {
	opacity: 0;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.17, 0.89, 0.67, 1.57), opacity 0.6s ease-out;
	transition: transform 0.6s cubic-bezier(0.17, 0.89, 0.67, 1.57), opacity 0.6s ease-out;
}
.scrollimation.scale-in.in {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.scrollimation.fade-right {
	opacity: 0;
	-webkit-transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	transform: translateX(-100px);
	-webkit-transition: -webkit-transform 0.4s ease-out, opacity 0.4s ease-out;
	transition: transform 0.4s ease-out, opacity 0.4s ease-out;
}
.scrollimation.fade-right.in {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}
.scrollimation.fade-left {
	opacity: 0;
	-webkit-transform: translateX(100px);
	-moz-transform: translateX(100px);
	-ms-transform: translateX(100px);
	transform: translateX(100px);
	-webkit-transition: -webkit-transform 0.4s ease-out, opacity 0.4s ease-out;
	transition: transform 0.4s ease-out, opacity 0.4s ease-out;
}
.scrollimation.fade-left.in {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}
.scrollimation.fade-up {
	opacity: 0;
	-webkit-transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	transform: translateY(100px);
	-webkit-transition: -webkit-transform 0.4s ease-out, opacity 0.4s ease-in;
	transition: transform 0.4s ease-out, opacity 0.4s ease-in-out;
}
.scrollimation.fade-up.in {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}
.scrollimation.d1 {
	transition-delay: 0.2s;
}
.scrollimation.d2 {
	transition-delay: 0.4s;
}
.scrollimation.d3 {
	transition-delay: 0.6s;
}
.scrollimation.d4 {
	transition-delay: 0.8s;
}
.scrollimation.d5 {
	transition-delay: 1s;
}
.scrollimation.d6 {
	transition-delay: 1.2s;
}
.scrollimation.d7 {
	transition-delay: 1.5s;
}

.touch .scrollimation.fade-in {
	opacity: 1;
}
.touch .scrollimation.scale-in {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.touch .scrollimation.fade-right {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}
.touch .scrollimation.fade-left {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	transform: translateX(0px);
}
.touch .scrollimation.fade-up {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}