:root {
    --bs-border-radius: 0.2rem;
    --theme-color: #dc5967;
    --theme-color2: #e81947;
    --green-color: #58af1a;
}





html, body{ min-height: 100vh; overflow: auto; scroll-behavior: smooth;}
body { background-color: #eef2f9;  color: #0f374d; font-family: 'Montserrat', Helvetica, Arial, sans-serif; font-weight: 400;  font-size: 14px;  font-display: swap;}
a { color: #4a4a48;}
a:hover {text-decoration: none;}
h1 { font-family: 'Montserrat', sans-serif, Helvetica, Arial; font-weight:600; font-size: 40px; color: #0c374f;}

@media ( max-width: 768px ) {
    h1 {font-size: 26px;}
}


h2 { font-family: 'Montserrat', sans-serif, Helvetica, Arial; font-weight:600; }
h3 { font-family: 'Montserrat', sans-serif, Helvetica, Arial; font-weight:600; font-size: 24px; margin-bottom: 20px; }
h4 { font-family: 'Montserrat', sans-serif, Helvetica, Arial; font-weight:600; }


.footer-logo img { height: 40px}

.my-img {max-width:40%}


.pricing-explanation ul {list-style: none; padding-left: 2px;}
.pricing-explanation ul li:before {content: '✓'; color: var(--theme-color); margin-right: 10px;}






/* NEWS ONE - VIEW */
.news-one .main-img { width:100% }
.news-one .main-content  { /*text-align: justify;*/ font-size: 16px; line-height: 1.725em; }
.news-one .main-content a { color: #2d1949; border-bottom: 2.5px solid #e52649; }
.news-one .subtitle { color: #878787;}
.news-one .subtitle .color { color: #878787;}
.news-one .category-bar {background: #222 url(/img/patterns/sand.png); color: #fff; padding: 40px; font-weight: 700; text-transform: uppercase; font-size: 25px; letter-spacing: 2px;}
.news-one .main-content .gallery .col-md-2 { margin-bottom:15px;}
.news-one .main-content .img-circle {width: 45px; height: 45px; border: 2px solid #e9e9e9; }
.subtitle ul {margin: 0; padding: 0}
.subtitle ul li {display: inline-block;padding-right: 10px; margin-right: 10px; border-right: 1px solid #ccc; color: #000;}
.subtitle ul li:last-child {border-right: 0px }





.xadmin-links {position: fixed; right: 0; top: 50%; width: 40px; background: #0c374f; border: 1px solid #fff;z-index: 10; padding: 7px; text-align: center; color: #fff}

a.animated-icon-link {font-size: 18px; font-weight: 700; text-transform: uppercase;}
a.animated-icon-link:hover {text-decoration: none;}
.animated-icon { -webkit-transition: all 0.4s;  -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; margin-left: 15px;}
a.animated-icon-link:hover .animated-icon { margin-left: 25px; }

a.animated-light {border: 2px solid #fff; cursor: pointer; font-size: 14px; font-weight: 700; padding: 16px 40px; text-transform: uppercase; color:#fff; text-align:center; -webkit-transition: all 0.4s;  -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;}
a.animated-light:hover { background:#fff; color:#1a4d85; text-decoration:none;}

a.animated-dark {border: 2px solid #454d58;  cursor: pointer; font-size: 14px; font-weight: 700; padding: 16px 40px; text-transform: uppercase; color:#454d58; text-align:center; -webkit-transition: all 0.4s;  -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;}
a.animated-dark:hover { background:#454d58; color:#fff; text-decoration:none;}

a.animated-light2 {background: #fff; cursor: pointer; font-size: 14px; font-weight: 700; padding: 16px 40px; text-transform: uppercase; color:#0b264c; text-align:center; -webkit-transition: all 0.4s;  -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;}
a.animated-light2:hover { background:#e8e8e8; color:#0b264c; text-decoration:none;}

a.animated-dark2 {background: #0b264c; cursor: pointer; font-size: 14px; font-weight: 700; padding: 16px 40px; text-transform: uppercase; color:#fff; text-align:center; -webkit-transition: all 0.4s;  -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s;}
a.animated-dark2:hover { background:#081d3a; color:#fff; text-decoration:none;}

a.animated-dark2-arrow { border-radius: 4px; background-color: #f4511e; border: none; color: #FFFFFF; text-align: center; padding: 10px 15px; transition: all 0.5s; cursor: pointer; display: inline-block; width: 220px;  }
a.animated-dark2-arrow span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; }
a.animated-dark2-arrow span:after { content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s; }
a.animated-dark2-arrow:hover span { padding-right: 25px; color: #fff }
a.animated-dark2-arrow:hover span:after { opacity: 1; right: 0; }



.text-white { color: #fff!important; }
.text-dark { color: #45b43d; }
.text-bold { font-weight: 700; }
.text-md { font-size: 26px; }
.text-lg { font-size: 36px; }
.text-sm, .sm {font-size: 22px!important;}




.m-0 {margin: 0px !important;}
.m-l-10 {margin-left: 10px !important;}
.m-l-15 {margin-left: 15px !important;}
.m-l-20 {margin-left: 20px !important;}
.m-l-50 {margin-left: 50px !important;}
.m-l-100 {margin-left: 100px !important;}

.m-r-10 {margin-right: 10px !important;}
.m-r-15 {margin-right: 15px !important;}
.m-r-20 {margin-right: 20px !important;}
.m-r-50 {margin-right: 50px !important;}
.m-r-100 {margin-right: 100px !important;}

.m-t-0 {margin-top: 0px !important;}
.m-t-5 {margin-top: 5px !important;}
.m-t-10 {margin-top: 10px !important;}
.m-t-15 {margin-top: 15px !important;}
.m-t-20 {margin-top: 20px !important;}
.m-t-30 {margin-top: 30px !important;}
.m-t-40 {margin-top: 40px !important;}
.m-t-50 {margin-top: 50px !important;}
.m-t-60 {margin-top: 60px !important;}
.m-t-70 {margin-top: 70px !important;}
.m-t-80 {margin-top: 80px !important;}
.m-t-90 {margin-top: 90px !important;}
.m-t-100 {margin-top: 100px !important;}

.m-b-10 {margin-bottom: 10px !important;}
.m-b-15 {margin-bottom: 15px !important;}
.m-b-20 {margin-bottom: 20px !important;}
.m-b-30 {margin-bottom: 30px !important;}
.m-b-40 {margin-bottom: 40px !important;}
.m-b-50 {margin-bottom: 50px !important;}
.m-b-60 {margin-bottom: 60px !important;}
.m-b-70 {margin-bottom: 70px !important;}
.m-b-80 {margin-bottom: 80px !important;}
.m-b-90 {margin-bottom: 90px !important;}
.m-b-100 {margin-bottom: 100px !important;}

.p-0 { padding: 0px !important; }
.p-15 { padding: 15px !important; }
.p-t-0 {padding-top: 0px !important;}
.p-t-100 {padding-top: 100px !important;}
.p-b-100 {padding-bottom: 100px !important;}

.box-inset {box-shadow: inset 1px 0px 14px 0px #292929; -webkit-box-shadow: inset 1px 0px 14px 0px #292929; -moz-box-shadow: inset 1px 0px 14px 0px #292929; -o-box-shadow: inset 1px 0px 14px 0px #292929; }
.box-shadow {-webkit-box-shadow: 3px 3px 9px -2px rgba(0,0,0,0.25); -moz-box-shadow: 3px 3px 9px -2px rgba(0,0,0,0.25); box-shadow: 3px 3px 9px -2px rgba(0,0,0,0.25);}
.text-shadow {text-shadow: -2px 1px 5px #494949;}


.mytable {font-size: 12px;}


@media only screen and (max-width: 1366px) {    
}
@media only screen and (max-width: 992px) {
}
@media only screen and (max-width: 768px) {
    .height500 { height: 300px; }
    .height550 { height: 300px; }
    .height600 { height: 300px; }
    .height650 { height: 300px; }

    div.dataTables_wrapper div.dataTables_filter { text-align: right;}
    .responsive-hidden {display: none;}

    .news-one .sticky-sidebar {padding-left: 13px!important}
}