* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:focus{ outline: none;}
article, aside, details, figcaption, figure, footer, header, main, hgroup, menu, nav, section {display: block;}
footer, header, main, section {width:100%;}
img { border:none;}
strong, b { font-family: 'Montserrat', sans-serif; font-weight:700; }
em, i { font-weight: normal; font-style:italic;}
textarea,
select,
input[type="text"],
input[type="button"],
input[type="submit"],
button {
     -webkit-appearance: none;
}

h1 { padding:0; margin:0; font-family: 'Montserrat', sans-serif; font-weight:700; color:#000; font-size:3.25rem; letter-spacing:-1px;}
h2 { padding:0 0 1rem; margin:0; font-family: 'Montserrat', sans-serif; font-weight:700; color:#0d3b66; font-size:2rem;}
h3 { padding:0; margin:0; font-family: 'Montserrat', sans-serif; font-weight:500;  font-size:1.25rem; color:#222;}
h4 { padding:0; margin:0; font-family: 'Montserrat', sans-serif; font-weight:700;  font-size:1.111rem; }
h5 { padding:0; margin:0; font-family: 'Montserrat', sans-serif; font-weight:700;  font-size:1rem;}
h6 { padding:0; margin:0; font-family: 'Montserrat', sans-serif; font-weight:700;  font-size:0.889rem; text-transform:uppercase;}

/*title-part*/
.title-part { position:relative; width:100%; overflow:hidden; height:220px; display:flex; align-items:center; margin:0; }
.title-part .body { max-width:1140px; position:relative; z-index:2; top:0; display:flex; flex-wrap:wrap; height:80px; }
/*.title-part:before { content:''; position:absolute; background:rgba(47,36,130,0.3); width:100%; height:100%; display:flex; align-content:stretch; align-items:stretch; z-index:1; }*/
.title-part-overlay { content:''; position:absolute; background:rgba(13,59,102,0.8); width:100%; height:100%; display:flex; align-content:stretch; align-items:stretch; z-index:1;}
.title-part h1 { color:#fff; font-size:1.563rem; text-align:center; margin-top:-1.5rem; display:block; width:100%; }
.title-part img { position:absolute; width:100%; opacity:1; }

.title-part-contacts { position:relative; width:100%; overflow:hidden; height:130px; display:flex; align-items:center; margin:0; }
.title-part-contacts .body { max-width:1140px; position:relative; z-index:2; top:0; display:flex; flex-wrap:wrap; height:80px; }
.title-part-contacts h1 { color:#fff; font-size:1.563rem; text-align:center; margin-top:1.25rem; display:block; width:100%; }
.title-part-contacts img { position:absolute; width:100%; opacity:1; }

.top-search { position:relative; z-index:1000; width:100%; height:50px; margin-top:1rem; }
.search { width: 100%; position: relative; display: flex; }
.searchTerm { width: 100%; border: 0px solid #00B4CC; border-right: none; padding:0 16px; height: 50px; border-radius: 10px 0 0 10px; outline: none; color: #0D3B66; font-size:1.063rem; font-family:'Montserrat', sans-serif; }
.searchTerm:focus{ color: #0D3B66; }
.searchButton { width: 50px; height: 50px; border:none; background: #fff; text-align: center; color: #fff; border-radius: 0 10px 10px 0; cursor: pointer; text-align:center; }
.title-part .searchButton img { width:20px; position:relative; }


.search-part { position:relative; width:100%; overflow:hidden; height:80vh; display:flex; margin:0; background:url(../img/welcome-bgr.png) center center; background-size:cover; }
.search-part .body { max-width:650px; position:relative; z-index:2; top:25%; /*top:35%;*/ display:flex; flex-wrap:wrap; height:80px; }
/*.title-part:before { content:''; position:absolute; background:rgba(47,36,130,0.3); width:100%; height:100%; display:flex; align-content:stretch; align-items:stretch; z-index:1; }*/
.search-part-overlay { content:''; position:absolute; background:rgba(13,59,102,0.8); width:100%; height:100%; display:flex; align-content:stretch; align-items:stretch; z-index:1;}
.search-part h1 { color:#fff; font-size:1.563rem; text-align:center; display:block; width:100%; padding-bottom:2rem; }
.search-part img { position:absolute; width:100%; opacity:1; }
.search-part .searchButton img { width:20px; position:relative; }
.search-links { text-align:center; display:block; text-align:center; margin:0 auto; padding:2rem 0 0 0; }
.search-links a { display:inline; color:#fff; font-weight:500; text-decoration:underline; padding:0 1rem; }
.search-links a:hover { color:#fff; text-decoration:underline; }

/*Resize the wrap to see the search bar change!*/
.wrap{ width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}


.bottom-logo { text-align:center; border-top:1px solid #D1D1D1; padding:25px 0px 25px 0px; }
.bottom-logo img { width:130px;}


a {color:#0d3b66; text-decoration: none;}
a:hover {color:#00A2FF; text-decoration: none;}

p { padding:0; margin:1rem 0 0; line-height:1.5;}

html {/* font-size:112.5%; */ scroll-behavior: smooth !important; background:#fff; }
body {padding:0; margin:0; font-family: 'Montserrat', sans-serif; font-weight:500; color:#000000; background:#fff; font-size:1rem; position:relative;/* overflow-x:hidden;*/}
body:after { content:''; width:100%; height:900px; position:absolute; bottom:0; z-index:-1; }


.body { padding:0; margin:0 auto; width:100%; max-width:1140px;}

/* HEADER */
header { padding:22px 0; margin:0; display:block; width:100%; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2); }
header .body { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; position:relative;	 }
.logo { width:30%; max-width:170px; padding-top:4px; padding-right:30px; }
.logo img { margin:0 0 0 0rem; width:100%; max-width:120px;}
.container { width:100%; padding:0; }

.login { position:absolute; right:0; text-transform:uppercase; font-weight:600; font-size:0.875rem; }
.login a { border:2px solid #0d3b66; background: #0d3b66; color: #ffffff; text-decoration:none; border-radius:15px; padding: 5px 25px;}
.login a:hover { border:2px solid #0d3b66; background:#fff; color:#0d3b66; transition:background .4s ease-in-out; }

.page { width:100%; font-size:1.125rem; line-height:1.5; color:#0d3b66; } 
.page .body { padding:3rem 0rem; } 

.more-btn { padding:3rem 0 0 0;}
.more-btn a { background:#d1ab66; color:#fff; border:1px solid #d1ab66; font-size:1.125rem; font-family: 'Montserrat', sans-serif; font-weight:700; border-radius:22px; padding:0.625rem 2rem; display:inline-block; text-decoration:none; }
.more-btn a:hover { background:#fff; color:#d1ab66; border:1px solid #d1ab66;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease; }

/*katalog*/

.search-link { color:#fff; text-align:center; width:100%; padding-top:10px; font-size:0.875rem; }
.search-link a { color:#fff; text-decoration:underline; }

.katalog-row { display:flex; flex-wrap:wrap; }
.katalog-col { position:relative; display:flex; align-items:flex-start; width:calc((100% - (20px * 2))/ 3); margin-right:20px; margin-bottom:20px; border-radius:15px; box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.15); padding:10px; }
.katalog-col:nth-child(3n) { margin-right:0px;}
.katalog-col h2 { font-size:1.125rem; color:#0d3b66; line-height:1.1; padding:0 0 0.5rem 0; margin:0; }
.katalog-col h3 { font-size:1rem; color:#7a7a7a; font-weight:700; padding:0; margin:0; line-height:1.1; }
.katalog-col em { font-style:normal; font-size:1rem; color:#7a7a7a; font-weight:500; float:left; width:100%;}
.katalog-col img { width:100%; margin-right:1rem; max-width:80px; border-radius:5px;}
/*.katalog-col a { position:absolute; width:100%; height:100%; display:block; }
.katalog-col a:hover { text-decoration:none;}*/

.katalog-rights img { width:100%; margin-right:1rem; max-width:80px; border-radius:5px; margin-top:35px;}
.katalog-rights .info-album { width:73%; margin-top:35px;}
.album-label{padding:0 5px 0 0; margin:0; float:left; width:auto; font-size: 0.875rem; color:#4ebc5e;}
.album-label a{ color:#4ebc5e;}

.inner-license{position:absolute; top: 0.5rem; left: 0.5rem; font-size:0.8rem; width:100%; padding: 0 0 0.2rem 0; border-bottom:1px solid #f3f3f3; display:block;}

.inner-license-track{font-size:0.8rem; width:100%; padding: 0 0 0.2rem 0; border-bottom:1px solid #f3f3f3; margin:0 0 0.5rem 0; color: #0D3B66;}

.info-album { width:73%;}

/*contacts*/
.contacts { display:flex; }
.contacts-info { width:35%; }
.contacts-info p.phone, .contacts-info p.mail { padding:0 0 0.5rem 0; margin:0; font-size:1rem; }
.contacts-info p.phone a, .contacts-info p.mail a { display:flex; align-items:center; width:100%; }
.icon-phone, .icon-envelope { font-size:1.563rem; padding-right:1rem;}

.contact-form { width:65%; background:#0D3B66; border-radius:10px; padding:1rem; color:#fff; position:relative;}
.contact-form a { color:#fff; }
input.contact-i { border:1px solid #666; border-radius:3px; background:#fff; font-family: 'Montserrat', sans-serif; font-weight:500; font-size:0.875rem; padding:.5rem 1rem; width:50%; width:100%; margin:0 0 10px 0; color:#0D3B66; }
textarea.contact-i { border:1px solid #666; border-radius:3px; background:#fff; font-family: 'Montserrat', sans-serif; font-weight:500; font-size:0.875rem; height:100px; padding:0.75rem 1rem; width:100%; margin:0; color:#0D3B66; resize:none; }
input.send-btn { background:#4EBC5E; color:#fff; border:1px solid #4EBC5E; font-size:0.875rem; font-family: 'Montserrat', sans-serif; font-weight:700; border-radius:3px; padding:0.625rem 2rem; display:inline-block; width:100%;  margin-top:1rem; text-transform:uppercase; cursor:pointer; }

.contact-s { border:1px solid #666; border-radius:3px; background:#fff; font-family: 'Montserrat', sans-serif; font-weight:500; font-size:0.875rem; padding:.5rem 1rem; width:50%; width:100%; margin:0 0 10px 0; color:#0D3B66; }

.close{position:absolute; top:0.5rem; right:1rem;}
.close a{font-size:1.5rem; font-weight:600;}

.req-text { font-size:0.875rem; padding-top:0; margin:0; }
.custom-check input[type=checkbox] { width: 1px; height: 1px; padding: 0; border: 0; margin: -1px; clip: rect(0,0,0,0); overflow: hidden; position: absolute; }
.custom-check-elem, .custom-check-label { cursor: pointer; vertical-align: middle; font-size:1rem; }
.custom-check-elem{ display: inline-block; position: relative; margin-right: 4px; border: 0px solid #464575; background:#fff; width: 22px; height: 22px; border-radius:3px; }
.custom-check-elem:before { content:url(../img/checkbox.png); display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#fff; border-radius:3px; }
.custom-check-elem.reg:before { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-family: "FontAwesome"; font-size: 1rem; line-height:1.5rem; text-align: center; color:#464575; content: "\f00c"; background:#f2f2f2; }
.custom-check-input:checked + .custom-check-elem:before { display: block; }
/* IE8: needs js-fallback for :checked, don't mix selectors! */
.custom-check-input.checked + .custom-check-elem:before { display: block; }
.custom-check a{text-decoration:underline;}
.custom-check a:hover{color: #00A2FF;}

.forgotpss{padding:0; margin:2rem 0; float:left; width:100%;}
/*login reg*/
.login-reg { display:flex; width:100% }

.login-part { background:#0D3B66; width:55%; color:#fff;}
.form-login { width:100%; padding:10% 20% 10% 20%; }
.form-login input.contact-i { margin-top:0.125rem;}
.form-login input.send-btn { background:#4EBC5E; color:#fff; border:1px solid #4EBC5E; font-size:0.875rem; font-family: 'Montserrat', sans-serif; font-weight:700; border-radius:3px; padding:0.625rem 1rem; display:inline-block; width:50%; max-width:120px; margin:1rem auto 0 auto; text-transform:uppercase; display:block; }
.form-login label { padding-top:0.5rem; display:inline-block; font-weight:700;}
.login-title { border-bottom:1px solid #FFFFFF7A; padding-bottom:2rem; margin-bottom:2rem; }
.login-title h1 { font-size:2rem; color:#fff; text-align:center; padding:0; margin:0;}

.reg-part { background:#0D3B66; width:55%; color:#fff;}
.form-reg { width:100%; padding:10% 20% 10% 20%; }
.form-reg input.contact-i { margin-top:0.125rem;}
.form-reg input.send-btn { background:#4EBC5E; color:#fff; border:1px solid #4EBC5E; font-size:0.875rem; font-family: 'Montserrat', sans-serif; font-weight:700; border-radius:3px; padding:0.625rem 1rem; display:inline-block; width:100%; margin:1rem auto 0 auto; text-transform:uppercase; display:block; }
.form-reg label { padding-top:0.5rem; display:inline-block; font-weight:700;}
.reg-title { border-bottom:1px solid #FFFFFF7A; padding-bottom:2rem; margin-bottom:2rem; }
.reg-title h1 { font-size:2rem; color:#fff; text-align:center; padding:0; margin:0;}

.reg-row { display:flex; width:100%;  }
.reg-i { width:calc(50% - 20px/ 2); margin-right:20px; }
.reg-i:nth-child(2n) { margin-right:0; }

.syncmusic {width:45%; text-align:center; display:flex; align-content:center; align-items:center;  background:url(../img/adobestock_440254661-1.jpeg) center center; background-size:cover; position:relative; }
.syncmusic h2 { color:#fff; margin:10px 0; padding:0; font-size:1.375rem; font-weight:700; }
.syncmusic h3 { color:#fff; font-size:0.938rem; font-weight:500; line-height:1.5rem; }
.syncmusic-info { position:relative; z-index:1; padding:0% 15% 0% 15%; }

.syncmusic-info-overlay { position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.7); top:0; left:0; }
.syncmusic-info img { width:50%; max-width:300px;}

.f-pass { font-size:1rem; padding-top:0; margin:0; }
.reg-link { text-align:center; font-size:1rem; padding:3rem 0 2rem 0; border-bottom:1px solid #FFFFFF7A; }
.reg-link a { color:#fff; }

.welcome {width:100%; padding:0 20%; text-align:center; display:flex; align-content:center; align-items:center; height:100vh; background:url(../img/welcome-bgr.png) top center; background-size:cover; position:relative; }
.welcome h2 { color:#fff; margin:10px 0; padding:0; font-size:1.375rem; font-weight:700; }
.welcome h3 { color:#fff; font-size:0.938rem; font-weight:500; line-height:1.5rem; }
.welcome-info { position:relative; z-index:1; padding:0; width:50%; display:block; margin:-6rem auto 0 auto; }
.welcome-info-overlay { position:absolute; width:100%; height:100%; top:0; left:0; }
.welcome-info img { width:100%; max-width:100%; }

/*page inner*/
.page-inner .body { font-weight:400; padding:2rem 0; }
.page-inner h1 { font-size:1.750rem; }

.audio-list h1 { font-size:1.750rem; color:#fff; background:#0d3b66; padding:1.563rem; text-align:center; margin:0.75rem 0 0 0; font-weight:900; }

.album-row { display:flex; align-items:center; padding:1rem 0; border-bottom:1px solid #D7D7D7; margin-bottom:1rem; flex-wrap:wrap;}
.album-cover { width:100px; padding-right:1rem; }
.album-cover img { max-width:100%; margin-right:1rem; border-radius:10px; display:block; }
.album-list { width:calc(100% - 100px); }
.album-list h2 { font-size:1.063rem; font-weight:700; margin:0; padding:0;  }
.album-list h3 { font-size:0.750rem; color:#7a7a7a; font-weight:600; padding:0 0 0.5rem 0; margin:0; line-height:1.1; }
.license { width:160px; font-size:0.875rem; font-weight:500; line-height:1; display:inline-block; }
.license a { border:2px solid #0d3b66; background: #0d3b66; color: #ffffff; text-decoration:none; border-radius:15px; padding: 5px 10px 5px 10px; }
.license a:hover { border:2px solid #0d3b66; background:#fff; color:#0d3b66; transition:background .4s ease-in-out; }

.album-license{margin:0.5rem; color:#0d3b66; font-size:0.8rem; width:100%;}

.column.add-bottom { display:flex; width:100%; justify-content:space-between; align-items:center; }
.plyr-block { width:calc(100% - 155px); margin-right:15px; }

.plyr--audio .plyr__controls { border:1px solid #E6E6E6 !important; padding:5px !important; border-radius:9px !important; box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1) !important; }
.plyr--full-ui input[type="range"] { color:#0d3b66 !important; }


.license-page { display:flex; padding-top:3rem; margin-bottom:3rem; align-items:flex-start; }
.license-page .album-row { width:35%; flex-wrap:wrap; padding:0 2.5rem 0 0; border:none; }
.license-page .album-cover { width:100%; padding:0 0 0.5rem 0; }
.license-page .contacts { width:65%; }
.license-page .contact-form { width:100%; }
.license-page .album-list { width:100%;}
.license-page .plyr-block { width:100%;} 
.license-page h1 { color:#fff; font-weight:600; font-size:1.25rem; padding:0 0 0.5rem 0; margin:0; text-align:left; }
.license-page h2 { color:#fff; font-weight:700; font-size:1rem; padding:1rem 0 0.5rem 0; margin:0; }
.license-page .album-list h2 { color:#0D3B66; padding-top:0; font-size:1.25rem; }
.license-page .custom-check { padding-bottom:0.5rem; }
.contact-form { padding:1.5rem 2rem 2rem 2rem;}

.pagination { padding:1rem 0; margin:1rem 0; width:100%; border-bottom:0px solid #e3e3e3; border-top:0px solid #e3e3e3; color:#a1a1a1; display:flex; flex-wrap:wrap; justify-content:center; align-items:center;}
.pagination a {color:#7a7a7a; text-decoration:none;}
.pagination a:hover {color:#7a7a7a; text-decoration: underline;}
.prev-page { width:25%; font-size:0.875rem;}
.next-page { width:25%; font-size:0.875rem; text-align:right}
.page-numbers { width:100%; text-align:center; font-size:1.333rem; font-weight:600;}
.page-numbers a { padding:0 1rem;}
.page-numbers strong { font-weight:700; padding:0 1rem; color:#0d3b66}
	

/* Audio Player Styles
================================================== */

audio {
display:none;
}

#audiowrap,
#plwrap {
margin:0 auto;
}

#tracks {
font-size:0;
position:relative;
text-align:center;
}

#nowPlay {
display:block;
font-size:0;
}

#nowPlay span {
display:inline-block;
font-size:1.05rem;
vertical-align:top;
}

#nowPlay span#npAction {
padding:21px;
width:30%;
}

#nowPlay span#npTitle {
padding:21px;
text-align:right;
width:70%;
}

#plList li {
cursor:pointer;
display:block;
margin:0;
padding:21px 0;
}

#plList li:hover {
background-color:rgba(0, 0, 0, .1);
}

.plItem {
position:relative;
}

.plTitle {
left:50px;
overflow:hidden;
position:absolute;
right:65px;
text-overflow:ellipsis;
top:0;
white-space:nowrap;
}

.plNum {
padding-left:21px;
width:25px;
}

.plLength {
padding-left:21px;
position:absolute;
right:21px;
top:0;
}

.plSel,
.plSel:hover {
background-color:rgba(0, 0, 0, .1);
color:#fff;
cursor:default !important;
}

#tracks a {
border-radius:3px;
color:#fff;
cursor:pointer;
display:inline-block;
font-size:2.3rem;
height:40px;
line-height:.2;
margin:0 5px 30px;
padding:12px;
text-decoration:none;
transition:background .3s ease;
}

#tracks a:hover,
#tracks a:active {
background-color:rgba(0, 0, 0, .1);
color:#fff;
}

#tracks a::-moz-focus-inner {
border:0;
padding:0;
}


/* Plyr Overrides
================================================== */

.plyr--audio .plyr__controls {
background-color:transparent;
border:none;
color:#fff;
font-family:"Source Sans Pro", arial, sans-serif;
padding:20px 20px 20px 13px;
width:100%;
}

a.plyr__controls__item.plyr__control:hover,
.plyr--audio .plyr__controls button:hover,
.plyr--audio .plyr__controls button.tab-focus:focus,
.plyr__play-large {
background-color:rgba(0, 0, 0, .1);
}

.plyr__progress--played,
.plyr__volume--display {
color:rgba(0, 0, 0, .1);
}

.plyr--audio .plyr__progress--buffer,
.plyr--audio .plyr__volume--display {
background-color:rgba(0, 0, 0, .1);
}

.plyr--audio .plyr__progress--buffer {
color:rgba(0, 0, 0, .1);
}

.plyr__controls .plyr__controls__item.plyr__time {
font-size:14px;
margin-left:7px;
}


/* Media Queries
================================================== */

@media only screen and (max-width:600px) {
    #nowPlay span#npAction { display:none; }
    #nowPlay span#npTitle { display:block; text-align:center; width:100%; }
}

/* FOOTER */
footer { padding:3rem 0 0 0; margin:0; width:100%; display:block; background:#0d3b66; }
footer h3 { color:#fff; font-size:1.125rem; font-weight:700; padding:0 0 1rem 0; margin:0; }
footer .body { max-width:1140px; }
.bottom-nav {padding:0 0 2rem; margin:0; width:100%; font-size:1rem; display:flex; }
.bottom-nav a { display:inline-block; padding:0; color:rgba(255,255,255,1); }
.bottom-nav a:hover, .bottom-nav a.active { color:#00A2FF; text-decoration:none; }
.bottom-nav-col { width:33.333%; }
.bottom-nav p { padding:0.25rem 0 0 0; margin:0; position:relative; }
.bottom-nav p.phone {  }
.bottom-nav p.phone:before { content:''; width:15px; height:15px; background:url(../img/icon-phone.png) no-repeat; display:inline-block; padding:0 8px 0 0; vertical-align:middle; }
.bottom-nav p.mail:before { content:''; width:15px; height:15px; background:url(../img/icon-mail.png) no-repeat; display:inline-block; padding:0 8px 0 0; vertical-align:middle; }

.bottom-nav-col img { margin:0 0 0 0.25rem; display:inline-block;}
.footer-contacts {padding:2rem 0 0; margin:0; width:100%; display:block; position:relative;}
.footer-contacts:before { content:''; width:150px; height:2px; background:#7287c9; position:absolute; top:0; left:50%; transform:translateX(-50%)}
.footer-contacts p { padding:0 0 1.5rem; margin:0; line-height:1.5;}
.footer-contacts p span { padding:0 1rem; white-space:nowrap}
.copy { padding:1rem 0; margin:0; width:100%; display:block; font-size:0.813rem; color:#fff; text-align:center; border-top:1px solid #fff; }

/*--------------start Remodal-----------------*/
/* Hide scroll bar */
html.remodal-is-locked {overflow: hidden; -ms-touch-action: none; touch-action: none;}

/* Anti FOUC */
.remodal, [data-remodal-id] {display: none;}

/* Necessary styles of the overlay */
.remodal-overlay {position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; display: none;}

/* Necessary styles of the wrapper */
.remodal-wrapper {position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: auto; text-align: center; -webkit-overflow-scrolling: touch;}
.remodal-wrapper:after {display: inline-block; height: 100%; margin-left: -0.05em; content: "";}

/* Fix iPad, iPhone glitches */
.remodal-overlay, .remodal-wrapper { -webkit-backface-visibility: hidden; backface-visibility: hidden;}

/* Necessary styles of the modal dialog */
.remodal {background:#fff; border-radius:8px; position: relative; outline: none; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%;}
.remodal-is-initialized { /* Disable Anti-FOUC */ display: inline-block;}

.filters{padding:0; margin:0; float:left; width:100%; text-align:left;}
.filters form [type="checkbox"]:checked, .filters form [type="checkbox"]:not(:checked) {position: absolute; left:195px; z-index:-1; opacity:0;}
.filters form [type="checkbox"]:checked + label, .filters form [type="checkbox"]:not(:checked) + label {   position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block;}
.filters form [type="checkbox"]:checked + label:before, .filters form [type="checkbox"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #b6c4d1; background: #fff;}
.filters form [type="checkbox"]:checked + label:after, .filters form [type="checkbox"]:not(:checked) + label:after { content: ''; width: 14px; height:14px; background: #0d3b79; position: absolute; top: 3px; left: 3px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.filters form [type="checkbox"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0);}
.filters form [type="checkbox"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);   -ms-transform: scale(1); transform: scale(1);}
.filter-box{padding:0; margin:2rem 0 0 0; float:left; width:100%;}
.filter-box h3{padding:0 0 0.3em 0; margin:0; float:left; width:100%; text-align:left; font-size:1rem; font-weight:600; color:#0d3b66; border-bottom:1px solid #b6c4d1;}
.filter-column{padding:0; margin:0; float:left; width:33%; font-size:0.85rem;}
.filters-column p{padding:0; margin:0; float:left; width:100%;}

.filter-box-btn{border: 2px solid #0d3b66; background: #0d3b66; color: #ffffff; text-decoration: none; border-radius: 15px; padding: 5px 3rem 5px 3rem; font-family: 'Montserrat', sans-serif; font-size:0.875rem; font-weight:500; cursor:pointer;}
.filter-box-btn-green{border: 2px solid #4ebc5e; background: #4ebc5e; color: #ffffff; text-decoration: none; border-radius: 15px; padding: 5px 3rem 5px 3rem; font-family: 'Montserrat', sans-serif; font-size:0.875rem; font-weight:500; cursor:pointer;}
/*--------------end Remodal-------------------*/


.register{width:100%; float:left; margin:0; text-align:center; font-size:1rem; padding:0 0 2rem 0; border-top:1px solid #FFFFFF7A; color:#ffffff;}
.register a{color:#ffffff;}
.reg-btn{ background:#4EBC5E; color:#fff; border:1px solid #4EBC5E; font-size:0.875rem; font-family: 'Montserrat', sans-serif; font-weight:700; border-radius:3px; padding:0.625rem 2rem; display:inline-block; width:auto;  margin:0; text-transform:uppercase; cursor:pointer; }

.error{color:#ffa200; font-weight:bold;}
.hello-name{padding:0; margin:0; float:left; width:auto;}

.sort-filter{padding:0; margin:0 0 2rem 0; width:100%; display: flex; flex-wrap: wrap; justify-content: right; align-items: center;}

/*-------------------start SELECT BOXES-----------------------------*/
.select {position: relative; display: inline-block; margin-bottom:0; width: 20%;}
.select select {display: inline-block; width:100%; cursor: pointer; outline: 0; border: 1px solid #b6c4d1; border-radius: 3px; background: #fff; color: #0D3B66; appearance: none; -webkit-appearance: none; -moz-appearance: none; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 0.875rem; padding: .5rem 1rem;}
.select select::-ms-expand {display: none;}
.select select:hover,
.select select:focus {color: #0D3B66; background: #ffffff;}
.select select:disabled {opacity: 0.5; pointer-events: none;}
.select__arrow {position: absolute; top: 16px; right: 15px; width: 0; height: 0; pointer-events: none; border-style: solid; border-width: 8px 5px 0 5px; border-color: #0d3b66 transparent transparent transparent;}
.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow {border-top-color: #0d3b66;}
.select select:disabled ~ .select__arrow {border-top-color: #ccc;}


.licence-block {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; padding: 2rem 0 0 0; width:100%; text-align:center;}
.licence-item{width:50%; gap:20px 20px;}
.licence-item a{color:#ffffff;}
.licence-item a:hover{color:#4ebc5e;}
.material-symbols-outlined {vertical-align:middle;
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}

.material-big {font-size: 50px !important; vertical-align:middle;}