/**
Package         Template Harmonia for Elxis CMS
Author          Stratakis Stavros (https://webgift.dev)
Copyleft        (c) 2021 webgift dev (https://webgift.dev)
License         Commercial
Date            2021-04-27 10:57:00
Description     CSS stylesheet for template Harmonia
*/

/* LOAD FONTS */
@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Regular.woff2') format('woff2'), url('fonts/Lato-Regular.woff') format('woff'); 
    font-weight: normal; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('Lato-Italic.woff2') format('woff2'), url('Lato-Italic.woff') format('woff');
    font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Light.woff2') format('woff2'), url('fonts/Lato-Light.woff') format('woff'); 
    font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-LightItalic.woff2') format('woff2'), url('fonts/Lato-LightItalic.woff') format('woff'); 
    font-weight: 300; font-style: italic; font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Bold.woff2') format('woff2'), url('fonts/Lato-Bold.woff') format('woff'); 
    font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-BoldItalic.woff2') format('woff2'), url('fonts/Lato-BoldItalic.woff') format('woff'); 
    font-weight: 700; font-style: italic; font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Regular.woff2') format('woff2'), url('fonts/OpenSans-Regular.woff') format('woff'); 
    font-weight: normal; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Italic.woff2') format('woff2'), url('fonts/OpenSans-Italic.woff') format('woff'); 
    font-weight: normal; font-style: italic; font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Light.woff2') format('woff2'), url('fonts/OpenSans-Light.woff') format('woff'); 
    font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-LightItalic.woff2') format('woff2'), url('fonts/OpenSans-LightItalic.woff') format('woff'); 
    font-weight: 300; font-style: italic; font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Bold.woff2') format('woff2'), url('fonts/OpenSans-Bold.woff') format('woff');
    font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-BoldItalic.woff2') format('woff2'), url('fonts/OpenSans-BoldItalic.woff') format('woff'); 
    font-weight: 700; font-style: italic; font-display: swap;
}


/* GENERIC RULES */
*, *::before, *::after { box-sizing: border-box; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;  }
body {
    font-size: 100%; font-size: 15px; line-height: 25px; font-family: 'Open Sans',Arial,Helvetica,sans-serif; font-weight: 400; color: #7e8082; -webkit-text-size-adjust: 100% !important;
}
body#innerpage {background: #fff;}
body.innerpage { margin:0; padding:0; min-height:auto; overflow-x:hidden; }
body.innerpage nav.iosh_nav {top: 0;}
#loader-overflow {
    display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #fefefe; z-index: 99999;
}
#loader3 {
    will-change: transform; width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; background-color: #b6b6b7; 
    border-radius: 50%; -webkit-animation: scaleout 1.1s infinite ease-in-out; animation: scaleout 1.1s infinite ease-in-out; text-indent: -99999px; z-index: 999991;
}
@-webkit-keyframes scaleout {
    0% { transform: scale(0); -webkit-transform: scale(0); }
    100% { transform: scale(1); -webkit-transform: scale(1); opacity: 0; }
}
@keyframes scaleout {
    0% { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; }
    40% { opacity: 1; } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0; }
}

strong {font-weight: 700; }
img { border:none; max-width:100%; height:auto; } .container.fes1-cont img {max-width: 80%;} .ta-c {text-align: center;} .img-w240 {width:  240px; }
h1, h2, h3 { font-family: Lato, Arial, Helvetica, sans-serif; font-weight: 400; color: #4b4e53; margin: 0; }
h1, h2, h3, h4, h5, h6 { color: #4b4e53; margin: 0; }
h1 { font-size: 32px; line-height: 45px; margin: 40px 0 32px 0; }
h2 { font-size: 28px; line-height: 32px; margin: 27px 0 18px 0; }
h3 { font-size: 24px; letter-spacing: normal; line-height: 33px; margin: 26px 0 16px 0; }
h4 { font-size: 18px; letter-spacing: normal; line-height: 25px; margin: 21px 0 19px 0; }
h5 { font-size: 14px; letter-spacing: normal; line-height: 25px; margin: 18px 0 13px 0; }
h6 { font-size: 12px; letter-spacing: normal; line-height: 18px; margin: 18px 0 13px 0; }
p { margin:0 0 10px; }
blockquote {  padding: 10px 20px; padding-left: 30px; margin: 0 0 20px; border-left: 3px solid #eee; font-style: normal; font-family: Lato,Arial,Helvetica,sans-serif; font-size: 16px;}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
table { border-collapse: collapse; border-spacing: 0; }
ul, ol { margin:0; padding:0; text-indent:0; list-style:disc; list-style-position:inside; }
ol { list-style: decimal; }

.left span {font-size: 11px; text-transform: uppercase;} span.block {display: block;}
.module-wgspace {margin: 0 30px;} .elx5_artbox.col-xs-12 {background: #efefef;}

/* Newsletter */
#harmo_footer .module h3 {
    margin-top: 16px;
    margin-bottom: 21px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
} 
#harmo_footer .module li {text-transform: uppercase;}

.mnl_taxbtn { width: 190px; } .mnl_taxinput {margin-right: 195px; }
label.mnl_label, button.mnl_button, button[type="button"].mnl_button, button.mnl_buttonr, button[type="button"].mnl_buttonr, p.mnl_reminstruct, .mnl_respwarn, .mnl_respsucc, .mnl_resptext, 
input.mnl_box, input[type="email"].mnl_box, a.mnl_unsub, a.mnl_unsub:link, a.mnl_unsub:hover, a.mnl_unsub:visited, a.mnl_unsub:active, .mnl_tooltitle, .mnl_toolstats {font-family: 'Open Sans', sans-serif; }
label.mnl_label {font-size: 16px; line-height: 26px; margin: 5px 0 20px 0; text-align: center;}
input.mnl_box, input[type="email"].mnl_box { margin: 0; padding: 10px 20px; font-size: 16px; color: #000; border: 1px solid #e8e8e8; width: 100%; }
button.mnl_button, button[type="button"].mnl_button, button.mnl_buttonr, button[type="button"].mnl_buttonr { font-size: 14px; padding: 10px 20px; line-height: 22px; border: none; border-radius: 10px; transition: ease .6s all; outline: 0;} a.mnl_unsub, a.mnl_unsub:link, a.mnl_unsub:hover, a.mnl_unsub:visited, a.mnl_unsub:active {font-size: 14px;}
button.mnl_button:hover, button[type="button"].mnl_button:hover { cursor: pointer; border: none; background: #1c90f3; }  
button.mnl_buttonr:hover, button[type="button"].mnl_buttonr:hover {border:none;}
.mnl_toolbox { border: 1px solid #e8e8e8; border-radius: 10px; } .mnl_tooltitle { font-size: 15px; line-height: 25px; } .mnl_toolstats, p.mnl_reminstruct {font-size: 14px; line-height: 24px;}
#modcurselect {max-width: 200px;}
.mobversion {display: none;} .mobversion div.edit img {width: 24px;}

.hide {display: none;} .show {display: block;}
.elx5_category_header h1, .elx5_article_header h1 { display: none; visibility: hidden; }
.elx5_article_header, .elx5_category_header {margin: 0;}
.logoblue {background-color: #1a337a !important;}
.logoblue:hover {background-color: #2345a4 !important;}
.stockbg { background-color: #faf8f9 !important;}
.modal-dialog.largecontent {width: 80%; max-width: 700px; max-height: 600px;  overflow-y: scroll;} .modal-dialog.largecontent .modal-body p, .modal-dialog .modal-body p {padding: 10px 20px;}
.modal-dialog .modal-content {border-radius: 0;}
.logoc {display: none;}
.cqnews .logoc {position: absolute; left: 0; top: -30px; transform: translate(-0%, -20px); width: 130px; display: block;}
.cqnews.iscqnlogin .logoc {top: 22px; transform: translate(-0%, 22px);}
.cqnews { padding:0px; color:#000; background: #eee; box-sizing: border-box;}
.cqnews #hcqno_maincontainer {width: 100%; margin: 50px 0; padding: 0;}  .cqnews.iscqnlogin main { max-width: 480px; margin: 0 auto; background-color: transparent; border:none; padding:0; position: relative;}
.readmore a {border-bottom-width: 1px; border-bottom-style: solid; cursor: pointer; text-transform: uppercase; color: #333; margin: 0; padding: 0 0 2px 0; font-size: 13px; transition: ease .4s all;}
.readmore a:hover {color: #2345a4;}
.vev_log_desc {font: normal 13px/21px 'Lato', sans-serif; color: #222; max-width: 600px; margin: 0 auto 30px auto;}  .vev_log_desc p {margin: 0 0 5px 0; text-align: center; } .vev_log_desc p span {color: #dd0000;} .vev_log_desc ul li span {font-family: 'Open Sans', sans-serif;}
.vev_log_desc ul li { list-style: none; text-align: center; }
.vev_log_title h1 { font-size: 18px; line-height: 30px; margin: 0 40px 5px 0; position: relative; font-family: 'Lato', sans-serif; text-align: right;} 
.vev_log_title h1 span { padding: 0px 5px; position: absolute; top: 0; background-color: #1a337a; border-radius: 5px; color: #fff; font-size: 13px; margin: 1px 0 0 5px; text-transform: none; } 
 input.elx5_text, input[type="text"].elx5_text, input[type="number"].elx5_text, input[type="file"].elx5_text, input[type="date"].elx5_text, input[type="range"].elx5_text, input[type="password"].elx5_text, input[type="email"].elx5_text, button.elx5_btn, button[type="submit"].elx5_btn, button[type="button"].elx5_btn {font-family: 'Open Sans', sans-serif; font-size: 13px;}
.vev_login {margin-top: 40px;} .vev_log_title h2 { display: none; font-size: 14px; margin: 0; line-height: 25px; font-family: 'Lato', sans-serif;} .elx5_formrow {margin: 0px 0 15px 0;}
.vev_login fieldset.elx5_fieldset legend, .vev_login .elx5_label, .elx5_tip {display: none;}
.vev_login fieldset.elx5_fieldset { margin: 15px 0; border:none; padding:20px; }  .vev_login form.elx5_form {position: relative;} .vev_login .elx5_labelside {margin: 0;}
.vev_login .elx5_form:before {content: ''; position: absolute; top: -1px; left: -1%; width: 8px; border-left: 8px solid #1B337B; height: calc(50% + 1px);}
.vev_login .elx5_form:after {
    content: ''; position: absolute; top: 50%; left: -1%; width: 8px; border-left: 8px solid #E20612; height: calc(50% + 1px);
}
.vev_log_desc ul li span {font-weight: bold;}
input.elx5_text, input[type="text"].elx5_text, input[type="number"].elx5_text, input[type="file"].elx5_text, input[type="date"].elx5_text, input[type="range"].elx5_text, input[type="password"].elx5_text, input[type="email"].elx5_text {
    padding: 10px 20px; font-size: 13px;
}
button[type="submit"].elx5_btn, button[type="button"].elx5_btn, button.elx5_btn {
    display: block; width: 100%; box-sizing: border-box; border-radius: 0px; border: 1px solid #535961; color: #FFFFFF; outline: none; cursor: pointer; 
    background: #535961; font: bold 14px/17px 'Open Sans', sans-serif; text-transform: uppercase; margin: 0; padding: 10px; box-shadow: none; 
    text-align: center; white-space: nowrap; text-overflow: ellipsis; height: unset;
}
button[type="submit"].elx5_btn:hover, button[type="button"].elx5_btn:hover, button.elx5_btn:hover { background: #101010; transition: ease .5s all; }
.elx5_labelside {font-family: 'Open Sans', sans-serif; }


.elxnorobot {
    margin: 0; padding:0; display:unset; height:unset; font:normal 14px/24px Open Sans, sans-serif; box-sizing:border-box; background: transparent; 
    border: none; color: #333333; overflow:hidden; border-radius: unset; box-shadow: none; 
}
a.elxanorobot, a.elxanorobot:visited, a.elxanorobot:active, a.elxanorobot:hover, a.elxanorobot:link {
    margin:0; padding:0; text-decoration:none; border:none; font:normal 14px/40px Open Sans, sans-serif; color:#333333; display:block; vertical-align: middle;
}
a.elxanorobot span, a.elxanorobot span.elxnorobotbox {
    display:inline-block; width:28px; height:28px; border:2px solid #c3c3c3; background:#FFFFFF; text-align:center;
    margin:0 15px 0 0; padding:4px; font:normal 28px/28px 'Font Awesome 5 Free'; color: #666666; box-sizing:content-box; font-weight: 900;
}
a.elxanorobot span.noroboterror { color: #FF0000; font-family: 'Font Awesome 5 Free'; font-weight: 900; }
a.elxanorobot span.norobotok { color: #1a7d15; font-family: 'Font Awesome 5 Free'; font-weight: 900; }
a.elxanorobot:hover span { border-color:#888888; }

/* MEDIA RULES 
@media only screen and (max-width:1199px) {
}

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

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

@media only screen and (max-width:650px) {
    .modal-dialog.largecontent {max-width: 80%; max-height: 80%; }
}

@media only screen and (max-width:480px) {
}
*/
@media only screen and (max-width:650px) {
    .modal-dialog.largecontent {max-width: 90%; width: 90%; max-height: 80%; }
    .cqnews .logoc {width: 110px;}
    .vev_log_desc {max-width: 90%;}
}
@media only screen and (max-width: 480px) {
    .cqnews.iscqnlogin main, .vev_log_desc {max-width: 90%;} .vev_log_title h1 {text-align: center;}
    .vev_log_desc ul li, .vev_log_desc p {text-align: left;}
}