html, body
{ height: 100%;
    position: relative;
	scroll-behavior: smooth;
}

body { 
	background: #fff;
	direction: ltr;
	font: 400 18px Arial, sans-serif;
	color: #000;
	letter-spacing: 1px;
}

.bg-black {background: #000} 
.bg-white {background: #FFF} 
.text-black {color: #000} 
.text-white {color: #FFF} 
@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-ms-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}

@-ms-viewport {
  width: auto !important;
}

*:focus:not(.focus-visible) {
  outline: none;
  box-shadow: none;
}

.btn-primary:focus, .btn-primary.focus { box-shadow: none !important}

div,
input,
select,
textarea,
span,
img,
table,
label,
td,
th,
p,
a,
button,
ul,
code,
pre,
li {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

input[type="text"] {
    -webkit-appearance: none !important;
}


h1 {
	margin-bottom: 15px;
	font-size: 35px;


}
.main h1 {
	margin-top: -6px;
}


h1, h2, h3, h4, h5, h6 {
	font: 300 arial, sans-serif;
	margin: 0;
}

h2 {
	font-weight: 400;

}

h2 .fa {
	font-size:30px;
	color: #999;

	
}

h2.head-m {
padding-left: 90px
}

.sidebar h2 .fa {font-size:18px !important; color: #999}


a {
	color: #d8eb00;
	 	text-decoration: none;
}
a, a:focus, a:hover, a:active {
	outline: 0;
 	text-decoration: none;
}
a:hover {
	color: #CCC;
}


div.checker,
div.radio {
	top: -1px;
}

select.form-control {
	color: #5f6d7b;
	border-radius: 0;
	border-color: #e4e6e8;
	box-shadow: none;
}
select.form-control:focus {
	box-shadow: none;
	border-color: #999;
}

input.form-control,
textarea.form-control {
	border-color: #dbdbdb;
	color: #777;
	border-radius: 0;
	box-shadow: none;
	width: 100%; padding: 0 10px;
}
input.form-control:focus,
textarea.form-control:focus {
	box-shadow: none;
	border: solid 1px #dbdbdb;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}
*html .clearfix {
	zoom: 1;
}
*+html .clearfix {
	zoom: 1;
}

.clear {
	clear: both; 
	height: 0; 
	font-size: 0; 
	line-height: 0; 
	overflow: hidden;
}

.img-fluid {width: 100%}

.row:before,
.row:after {
    display: none;
}

.font-transform-inherit {
	text-transform: inherit !important;
}


::-webkit-scrollbar {  
    width: 12px;  
}  

::-webkit-scrollbar-track {  
    background-color: #eaeaea;  
    border-left: 1px solid #cecece;  
}  

::-webkit-scrollbar-thumb {  
    background-color: #cecece;  
}  

::-webkit-scrollbar-thumb:hover {  
    background-color: #aaa;  
}  

::-webkit-scrollbar-track {
    border-radius: 0;
    box-shadow: none;
    border: 0; 
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    box-shadow: none;
    border: 0; 
}


@-ms-viewport{
	width: auto !important;
}

::-moz-selection {
  color: #fff;
  background: #e45000;
}
::selection {
  color: #fff;
  background: #e45000;
}

.container-head, .container-hd {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
}


.container-sm {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
	padding: 0px 15px 
}

.container-xs {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
	padding: 0px 15px 
}

.f-wrapper {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  justify-content: space-between
}

.header {background: rgba(0,0,0,0.5);}
.header.no-transparent {background: rgba(0,0,0,1);}
.header .logo img {width: 250px;}

.navbar .fa {color: #FFF; font-size: 35px}

.navbar {padding: 5px 10px;}
.nav-item {padding: 5px 10px}
.nav-item a {font-size: 20px; text-transform: none}
.nav-item a:hover {color: #CCC}
.menu-icon button.btn-nav {
	background-color: transparent !important;
	font-size: 35px;
	padding: 0 5px ;
	margin-top: -5px
}
.navbar-brand {padding-top:2px; padding-bottom: 2px}
#navbarMain {padding: 5px 10px}
#navbarMain .navbar-nav  {background: #000;margin-top: 5px;}
/*.menu-icon button:last-child {margin-right: 0px}*/
.menu-icon span {display: block; font-size: 10px; margin-top: -8px;}
.menu-icon a {color: #FFF}
.menu-icon a:hover {color: #CCC}

a.nav-link {font-size: 20px; font-weight: bold; text-transform: uppercase}

/*#navbarMain	.navbar-nav .dropdown-menu {position: absolute; padding: 5px}
#navbarMain .dropdown-menu {margin-top: 5px}*/

.sec1 {color: #FFF}
.sec2-left, .sec2-right {background: #f5f5f5}
.sec2-left {position: relative}
.sec2-left span {position: absolute;}
.sec5 img {width: 100%; max-width: 1512px}
.sec7 {background: #f5f5f5}

.sec8 {background-image: url(/frontend/img/image_02_1920x700.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; color: #FFF}
.sec8 h2 {font-weight:300}
.sec9 { border-bottom: 20px solid #d8eb00;}
.sec9 .to-top a {color:#BCBCBC}
.sec9 .fa {color:#d8eb00; font-weight: 600; font-size: 50px;margin-top: -5px}
.sec9 .to-top a {line-height: 50px}


.h-news { font-size: 16px }
.h-news h2 {font-size: 20px}
.h-news h2 a {color: black}
.h-news .date{font-size: 14px; color: #959595}
.news-item {background: #FFF;border-bottom: 10px solid #d8eb00;}
.news-item .n-readmore {text-decoration: underline}

.forgot .btn.disabled, .forgot .btn:disabled {opacity: 0.2}
.action-message a {color: #000}

.main-content {font-size: 16px;line-height: 24px}
.main-content h2, .news-content h2 {font-size: 30px}
.news-content {font-size: 16px}
.news-box {background: #f5f5f5;}
.news-box h2 {font-size: 18px; background: #d8eb00; font-weight: bold;}
.news-box li {margin-left: -10px}
.news-box .date{font-size: 14px}
.news-box .tools {margin-top: 20px; font-size: 16px; text-align:center}
.news-box .tools a {color: #d8eb00 !important}
.news-box .tools a:hover {color: #d8eb00}
.news-box .tools {font-size:14px}
.news-box .tools .btn {font-size: 12px; padding: 2px 15px}
.news-box .headline {font-size: 18px}
.news-box a {color: #000}
.news-body a {color: #d8eb00}
.page-wrapper {display: flex;align-items: center;justify-content:center;flex-wrap: wrap;}
.current-page, .active-button {padding: 5px}
.pagination {flex-direction: column!important;}
.pagination form {text-align:center}

.faqs strong {font-size: 18px; margin-bottom: 10px}

.table td, .table th {padding: .75rem .25rem;}
td.tab-column {vertical-align: middle; text-align:right}
.tab-column.left-align {text-align: left}
.tab-column .tools {text-align: center}
.full-width-header {font-size: 18px; font-weight: bold; background: #d8eb00; padding: 10px 15px;}

.h-warn {position:absolute; top: 100px; z-index: 99;left: 0;right: 0; text-align:center; width: 95%; max-width: 1200px}

.b-shadow {
    -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
}



.v-item .v-content {position:relative}
.v-item .v-content button {opacity: 0}
.v-item .v-content .v-overlay {opacity: 0;position: absolute; background: rgba(0,0,0,0.8); top: 0; left: 0; font-size: 18px; line-height: 25px; color: #FFF}
.v-item>.v-content:hover>.v-overlay {
  transition: 1s all;
  opacity: 1;
  text-align: center;
}

.v-item>.v-content:hover>.v-overlay button {
  transition: 1s all;
  opacity: 1;
  text-align: center;
  transition-delay: 0.5s;
}


.s-info a {color: #000}



.btn-primary:not(:disabled):not(.disabled):active:focus {background-color: #ccc!important; border-color: none !important}
.btn-primary {
    background: #e60012;
	color: #FFF;
	border-color: #e60012 !important;
}
.btn {
    padding: 2px 8px;
	text-transform: none;
    background: #d8eb00;
	font-size: 18px;
	color: #000;
	font-weight: 500;
}

.btn:hover {
    background: #ccc;
}


.signup-btn {padding: 3px 60px;}
.signup-btn a {color: #000; font-size: 16px;}
.signup-btn2 {padding: 10px 80px;}
.signup-btn2 a {color: #000; font-size: 28px; font-weight: 600}
.signup-btn3 {padding: 5px 50px;}
.signup-btn3 a {color: #000; font-size: 28px; font-weight: 600}
.signup-btn4 a {color: #000; font-weight: 600}
.login-btn {padding: 2px 60px; background: #000; border: 2px solid #FFF; font-size: 16px; color: #FFF}
.login-btn:hover {color: #000}
.login2-btn {padding: 7px 60px; font-size: 16px;}
.viewsite-btn {padding: 5px 100px;}
.viewsite-btn a {color: #000; font-size: 22px;}

.pre-footer {background: #111}
/*.pre-footer a {font-size: 25px}*/
.pre-footer .join-btn {background: #e60012}
footer {background: #000;}
footer a {font-weight: 500; color: #FFF}
footer a:hover {color: #CCC}
footer .container-hd {padding-top: 0}

.h-news h2 {/*letter-spacing: 1px*/}

.swiper-container {
      width: 100%;
 }

.swiper-pagination-bullet-active {
  background-color: #000;
}

.swiper-slide .title {position: absolute; }


ul {
  list-style: none; 

}

li { position: relative;}

ul li::before {
  content: "\2022";  
  color: #d8eb00; 
  font-weight: bold;
position: absolute;
  font-size: 40px;
  left: -25px

}
ul li {line-height: 28px}



@media (min-width: 320px) {
	h2, h2 .fa {font-size: 18px; font-weight: bold}
	h3 {font-size: 16px;}
	.sec1 {padding: 25px 0}
	.sec1, .sec3, .sec6 {width:90%;font-size: 14px;}
	.sec2-left div {height: 120px}
	.sec2 {font-size: 14px;line-height: 20px}
	.sec2 strong {font-size: 16px}
	.s-info {font-size: 12px}
	.s-info h3 {font-size: 18px; font-weight: bold} 
	.sec8 {font-size:16px;} 
	.sec8 h2 {font-size: 32px}
	.sec8 .covered {font-size:26px;} 
	.poweredby img {max-width: 450px}
	.poweredby span {font-size: 25px}
	.t-1 {font-size: 35px}
	.t-2 {font-size: 22px}
	.t-3 {font-size: 20px}
	.signup-btn4 {padding: 5px 10px;}
	.signup-btn4 a {font-size: 16px;}
	.main-content, .news-content {margin-top: 50px;}
	.table input {max-width: 300px}	
	select.form-control {width: auto; max-width: 300px}
}

@media (min-width: 480px) {

	.sec2-left div {height: 80px}

}

@media (min-width: 576px) {
	h2, h2 .fa {font-size: 24px;}
	h3 {font-size: 20px;}

	.sec2-left div {height: 100px}
	.sec2, .sec2 li {font-size: 16px; line-height: 28px}
	.sec2 strong {font-size: 20px}
	.signup-btn4 {padding: 10px 30px;}
	.signup-btn4 a {font-size: 20px;}
	.table input {max-width: 400px}
	select.form-control {max-width: 400px}
}

@media (min-width: 768px) {
	h2{font-size: 40px;}
	h3 {font-size: 25px;}
	.sidebar h2 {font-size: 20px}

	.sec1,	.sec3, .sec6  {with: 80%; font-size: 16px; line-height: 20px }
	.sec1 h2, h2 .fa  {font-size: 28px}
	.sec8 .covered {font-size:28px;} 
	.poweredby img {max-width: 350px}
	.poweredby span {font-size: 28px}
	.signup-btn4 {padding: 12px 60px;}
	.signup-btn4 a {font-size: 26px;}
	.main-content,.news-content {margin-top: 90px;}
	.table input {max-width: 250px}
	select.form-control { max-width: 250px}
}





@media (min-width: 992px) {
	
	.pre-footer h2  {font-size: 20px}
	.pre-foot-about {font-size: 20px; font-size: 1.2vw}
	.table input {max-width: 300px}
	select.form-control {max-width: 300px}
}

@media (min-width: 1200px) {
	 
	h2 {font-size: 40px; font-weight: 600}
	.sidebar h2 {font-size: 20px}
	.pre-footer h2  {font-size: 25px}

	.navbar-brand {margin-left: 115px}
	.sec1 {padding: 80px 0;}
	.sec1, .sec3, .sec6 {font-size: 24px; line-height: 32px }
	.sec1 h2 {font-size: 35px}
	.sec2-left div, .sec2-right div {height: 120px}
	.sec2, .sec2 li {font-size: 16px; line-height: 20px}
	.sec2 strong {font-size: 20px}
	.sec3 span {margin-top: -15px}
	.poweredby img {max-width: 450px}
	.poweredby span {font-size: 50px}
	.t-1 {font-size: 50px}
	.t-2 {font-size: 40px}
	.t-3 {font-size: 25px}
	.signup-btn4 {padding: 15px 80px;}
	.signup-btn4 a {font-size: 40px;}
}

@media (min-width: 1500px) {
	 
	h2 {font-size: 55px; font-weight: 600}
	.sidebar h2 {font-size: 20px}
	.pre-footer h2  {font-size: 25px}

	.navbar-brand {margin-left: 115px}
	.sec1, .sec3, .sec6 {max-width: 1200px; font-size: 24px; line-height: 40px }
	.sec1 h2 {font-size: 40px}
	.sec2-left div, .sec2-right div {height: 120px}
	.sec2, .sec2 li {font-size: 18px; line-height: 30px}
	.sec2 strong {font-size: 30px}
	.sec2-right {line-height: 40px}
	.s-info {font-size: 16px}
	.s-info h3 {font-size: 24px; font-weight: bold} 
	.sec8 {height: 700px;}
	.t-1 {font-size: 65px}
	.t-2 {font-size: 50px}
	.t-3 {font-size: 35px}
	.signup-btn4 {padding: 15px 100px;}
	.signup-btn4 a {font-size: 45px;}
	.table input {max-width: 400px}
	select.form-control {max-width: 400px}

}

@media (min-width: 1920px) {
	 
.v-content .p-xl-4 {padding: 3rem!important}

}

@media (min-width: 1200px) and (max-width: 1580px) {
	 
.v-content .v-description {font-size: 14px; line-height: 16px}
.sec2-left .p-xl-5, .sec2-right .p-xl-5 {padding: 1.5rem!important}
}

@media (min-width: 768px) and (max-width: 899px) {
	 
.v-content .v-description {font-size: 14px; line-height: 18px}
.sec2-left div, .sec2-right div {
    min-height: 220px;
}


}

@media (min-width: 1300px) and (max-width: 1499px) {
	 
    h2 {
        font-size: 36px;
    }
	
	.sec1, .sec3, .sec6 {max-width: 880px; font-size: 18px; line-height: 26px; padding-left: 10px; padding-right:10px }

}


}

@media (min-width: 1921px) {
	.pre-foot-about {font-size: 20px; font-size: 0.8vw}
}

@media (max-width: 992px) {
	#Comments {padding: 40px}
	
}

@media (max-width: 768px) {

	#Comments {padding: 20px}
	.navbar-brand img {max-width: 250px; height: auto} 
	.nav-item a {font-size: 18px}
	.swiper-container {margin-top: 55px}
}

@media (min-width: 769px) {


	.swiper-container {margin-top: 79px}
}

@media (max-width: 767px) {
	.login-btn {padding: 2px 40px;}
	.signup-btn { padding: 3px 30px;}
	.navbar-brand img {max-width: 220px; height: auto} 
	.table td {display:block; width: 100%;}
	td.tab-column {text-align: left}
	.form-ro td:nth-child(even) {border-top: 0px}
}

@media (max-width: 576px) {
	.login-btn {padding: 2px 40px;}
	.signup-btn { padding: 3px 30px;}
	.navbar-brand img {max-width: 200px; height: auto} 
}

@media (max-width: 575px) {
#navbarMain	.dropdown-menu-right {}


}

@media (max-width: 480px) {
	.menu-icon button.btn-nav { font-size: 32px}
	.navbar-brand {margin-right: 0 !important}
	.navbar-brand img {max-width: 140px; height: auto}
	.search {width: 200px;}
	.join-btn {padding: 5px;font-size: 14px;}
	.nav-item a {font-size: 16px}
	.signup-btn2 {padding: 8px 60px;}
	.signup-btn2 a {font-size: 24px;}
	.login-btn {font-size: 14px}
	.viewsite-btn {padding: 5px 60px;}
.viewsite-btn a {color: #000; font-size: 18px;}
.v-item .v-content .v-overlay {font-size: 12px; line-height: 12px}
.loginbox .d-break {width: 100%; margin-bottom: 5px}
.loginbox input:nth-child(2) {margin-top: 5px}
}

@media (max-width: 359px) {

	.navbar-brand img {max-width: 120px; height: auto}
}

@media (max-width: 320px) {
	.menu-icon button.btn-nav { font-size: 30px}
    .model-block .m-content a {font-size: 18px}
}


/* FROM NATS*/

.action-message {
	border-radius: 4px;
	-moz-border-radius: 4px;
	margin: 5px 0px 15px 0px;
	padding: 8px;
}

.action-narrow {
	margin: 5px 15px 15px 15px;
}

.action-message .action-header {
	float: left;
	width: 100%;
}

.action-message .action-title {
	padding: 5px 7px;
	font-size: 16px;
	font-weight: bold;
	float: left;
}

.action-message .action-header a {
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: right;
	font-size: 9px;
	font-weight: 900;
	line-height: 12px;
	padding: 1px 3px;
	text-align: center;
	text-decoration: none;
}

.action-message .action-details {
	font-size: 14px;
	text-align: left;
	padding: 7px;
}

.type-error {
	background: #FBE3E4;
	border: 1px solid #FBC2C4;
	color: #8A1F11;
}

.type-error .action-header a {
	background: #8A1F11;
	border: 1px solid #FBC2C4;
	color: #FBE3E4;
}

.type-notice {
	background: #FFF6BF;
	border: 1px solid #FFD324;
	color: #514721;
}

.type-notice .action-header a {
	background: #514721;
	border: 1px solid #FFD324;
	color: #FFF6BF;
}

.type-info {
	background: #D5EDF8;
	border: 1px solid #92CAE4;
	color: #205791;
}

.type-info .action-header a {
	background: #205791;
	border: 1px solid #92CAE4;
	color: #D5EDF8;
}

.type-success {
	background: #E6EFC2;
	border: 1px solid #C6D880;
	color: #264409;
}

.type-success .action-header a {
	background: #264409;
	border: 1px solid #C6D880;
	color: #E6EFC2;
}
/* FROM NATS*/