html,
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px
}

body { 
	color: #343434 
}

.animated {
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
	    -ms-transition: all 0.3s ease-out;
	     -o-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
}

.flex{
	display: flex;
	align-items: center;
	justify-content: center;
}

.flex-center{
	display:flex;
	align-items: center 
}

.flex-center-min992{ 
	align-items: center 
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-baseline{
	display:flex; 
	align-items: baseline;
	width:100% 
}

.flex-baseline > small{
	margin-left: auto;
	order: 2;
}

	
@media (min-width: 992px) { 

	.flex-center-min992{
		display:flex 
	}
}

img {
	border: 0
}

object {
	outline: 0
}

a:focus {
	outline: 0
}

a:hover,
a:active {
	outline: 0
}

a {
	outline: 0
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.clearfix {
	display: inline-table
}

* html .clearfix {
	height: 1%
}

.clearfix {
	display: block
}

* {
	margin: 0;
	padding: 0
}

a {
	color: #41611f;
	text-decoration: none
}

a:link,
a:visited {
	color: #151515;
	text-decoration: underline
}

a:hover {
	color: #092a15;
	text-decoration: underline
}

a.sg {
	color: #41611f;
	text-decoration: none
}

a.sg:link,
a.sg:visited {
	color: #41611f;
	text-decoration: none
}

a.sg :hover {
	color: #092a15;
	text-decoration: none
}

.cl {
	clear: left
}

.cr {
	clear: right
}

.cb {
	clear: both;
	height: 0;
	overflow: hidden
}

.ht {
	display: none
}

.pagination-digg {
	border: 0 solid #000;
	clear: both;
	font-size: 12px;
	margin: 0 auto
}

.pagination-digg a {
	margin: 0 5px 0 0;
	padding: 0;
	list-style: none;
	border: solid 1px #e9efea
}

.pagination-digg .previous-off,
.pagination-digg .next-off {
	float: left;
	margin: 0 5px 0 0;
	padding: 0 6px 2px;
	font-weight: bold;
	border: solid 1px #659b0a
}

.pagination-digg .next a,
.pagination-digg .previous a {
	font-weight: bold
}

.pagination-digg b {
	float: left;
	margin: 0 5px 0 0;
	padding: 0 6px 2px;
	font-weight: normal;
	color: #000;
	background: #d8dfea;
	border: solid 1px #e9efea
}

.pagination-digg a:link,
.pagination-digg a:visited {
	float: left;
	display: inline;
	padding: 0 6px 2px;
	color: #000;
	text-decoration: none
}

.pagination-digg a:hover {
	background: #d8dfea;
	color: #fff;
	
}

.cnt_w {
	margin: 0 auto;
	overflow: auto;
	padding: 0 0 80px;
	width: 100%;
	color: #808080
}

.inr_wide {
	margin: 55px 0 0 0;
	line-height: 18px
}

.inr_wshdwt {
	width: 992px;
	height: 132px;
	margin: 9px auto 0;
	background: url('../img/layout/inrtbg.png') no-repeat
}

.inr_wshdwt table {
	float: left;
	display: inline;
	margin: 27px 0 0 134px
}

.inr_wshdwt table tr td {
	height: 78px
}

.inr_wshdwt h1 {
	margin: 0;
	color: #fff;
	font-size: 28px;
	font-weight: normal;
	text-transform: uppercase;
	width: 575px;
	line-height: 34px
}

.inr_wshdwt a,
.inr_wshdwt a:visited {
	float: right;
	display: block;
	width: 196px;
	height: 55px;
	margin: 41px 63px 0 0;
	background: url("../img/inner/topt.png") no-repeat
}

.inr_wshdwt a:hover {
	background-position: 0 -55px
}

.inr_w {
	position: relative;
	width: 930px;
	margin: 0 auto;
	padding: 0 31px 80px;
	overflow: auto;
	/*background: url('../img/layout/inrshdw.png') repeat-y*/
}

.inr_rgt {
	border-right: 1px solid #e0dfdf;
	margin: 40px 0 0 13px;
	padding: 0 31px 0 0;
	position: relative;
	width: 638px
}

.inr_rgt_wde {
	position: relative;
	margin: 40px 0 13px
}

textarea {
	padding: 2px 5px;
	font-size: 13px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}

.dl_mdl {
	position: relative;
	width: 385px;
	height: 267px;
	overflow: auto
}

.dl_mdl p {
	width: 315px;
	margin: 0 auto;
	line-height: 18px;
	text-align: center
}

.dl_mdl strong {
	display: block;
	margin: 50px 0 20px;
	font-size: 15px
}

.dl_mdl a.dl_mdl_c,
.dl_mdl a.dl_mdl_c:visited {
	position: absolute;
	left: 19px;
	bottom: 14px;
	font-size: 11px;
	color: #464646
}

.inr_rgt {
	float: left;
	display: inline
}

.inr_lft {
	float: right;
	display: inline;
	margin-top: 29px
}

table.promotb {
	background: none repeat scroll 0 0 #f3f5f7;
	border-spacing: 1;
	color: #333;
	margin: 0;
	padding: 0;
	border-color: #eaecee;
	width: 100%
}

table.promotb tbody {
	border-bottom: 1px solid #eaecee
}

table.promotb tbody td,
table.promotb tbody th {
	background: url("../img/promotions/td_back.gif") repeat-x scroll 0 0 transparent;
	padding: 7px 5px 3px 12px;
	font-size: 12px;
	text-align: left
}

table.tbbc {
	border-collapse: collapse;
	border: 1px solid #ccc
}

table.tbbc tbody td,
table.tbbc tbody th {
	background: 0
}

table.tbbc td {
	border: 1px solid #ccc
}

table.promotb th {
	color: #fff;
	font-size: 15px;
	padding: 10px;
	font-weight: bold
}

table.promotb tbody tr {
	background: #f3f5f7
}

table.promotb tbody tr:hover {
	background: #e6f2d7;
	color: #111
}

table.promotb th {
	background-color: #c7ddac!important;
	color: #1e3209
}

table.promotb td,
table.promotb tr,
table.promotb th {
	padding: 10px;
	text-align: center
}

table.promotb tr td.lr {
	border-bottom: 1px solid #ccc
}

table.promotb tr td.vat {
	vertical-align: top
}

table.promotb2 {
	background: none repeat scroll 0 0 #f3f5f7;
	border-spacing: 1;
	color: #333;
	margin: 0;
	padding: 0;
	border-color: #eaecee;
	width: 100%
}

table.promotb2 tbody {
	border-bottom: 1px solid #eaecee
}

table.promotb2 tbody td,
table.promotb2 tbody th {
	background: url("../img/promotions/td_back.gif") repeat-x scroll 0 0 transparent;
	padding: 7px 5px 3px;
	font-size: 11px;
	text-align: left
}

table.promotb2 th {
	color: #fff;
	font-size: 15px;
	padding: 10px;
	font-weight: bold
}

table.promotb2 tbody tr {
	background: #f3f5f7
}

table.promotb2 tbody tr:hover {
	background: #cbcbcb;
	color: #111
}

table.promotb2 th {
	background-color: #363c40!important;
	color: #fff; 
	text-align: center!important
}

table.promotb2 td,
table.promotb2 tr,
table.promotb2 th {
	padding: 10px;
	text-align: center
}

.ontourhldr {
	overflow: auto;
	border: 1px solid #d1d1d1;
	padding: 1px;
	background-color: #FFF
}

.cnt_w h1 {
	font-size: 36px;
	color: #282827 
}

.cnt_w h2 { 
	color: #282827; 
	border-left: 3px solid #ec202a;
	padding-left:15px 
}

.cnt_w h3 { 
	color: #282827 
}

.cnt_w p {
	color: #282827;
	color: #808080;
	font-size:.9em
	
}

.cnt_w #dark {
	color: #282828
}

.cnt_w p strong {
	font-weight: normal;
	color: #282828
}

.mb25 {
	margin-bottom: 25px
}

.mb30 {
	margin-bottom: 30px
}

.mb35 {
	margin-bottom: 35px
}

.mb40 {
	margin-bottom: 40px
}

.cnt_w ol {
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #282827;
	display: block;
	padding: 10px 0 0 15px;
	color: #808080;
	margin-bottom: 20px
}

.cnt_w ol li {
	list-style-position: inside
}

div.table {
  display: flex;
  flex-wrap: nowrap;
  align-content: space-between;
  
	width: 100% !important;
	max-width:100%; 
	overflow-y: hidden;
	overflow-x:auto;
	
	min-height: 33px; 
	margin: 10px auto
}

div.table:before,
div.table:after{
	content:'';
	display:table;
	clear:both
}

div.table ul {
	list-style: none;
	float: left; 
	padding: 0;
	margin:0
}

div.table ul li {
	list-style: none;
	height: 40px;
	line-height: 40px;
	padding: 0 10px 
}

div.table ul li.title {
	background: #000;
	font-weight: bold;
	font-size: 13px;
	color: white
}

div.table ul li.even {
	border-bottom: 1px solid #3e3e3d;
	font-weight: normal;
	font-size: 13px; 
	color: #282827
}

div.table ul li.even strong {
	font-weight: 800;
	font-size: 18px;
	color: #282827
}

div.table ul li.odd {
	border-bottom: 1px solid #3e3e3d;
	font-weight: normal;
	font-size: 13px; 
	color: #282827
}

div.table ul li.odd strong {
	font-weight: 800;
	font-size: 18px;
	color: #282827
}

div.table #long {
	width: 50% !important;
	min-width:160px;
	color: white !important
}

div.table #mid {
	width: 200px;
	color: #ec202a
}

div.table #short {
	width: 152px;
	color: white
}

div.table #longer {
	width: 400px;
	color: white;
	font-size: 14px
}

div.table #midend {
	width: 212px;
	color: #ec202a;
	font-size: 14px
}

div.table #longer li strong,
div.table #midend li strong {
	font-size: 14px
}

div.table #mid .even strong,
div.table #mid .odd strong,
div.table #longer .even strong,
div.table #midend .even strong {
	color: #ec202a
}

/* ============================================================================================ */

#page-top-module{
	padding:0;
	background: var( --top-module-bkg );
	border-top:    solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	box-shadow:0 0 8px 3px rgba(0,0,0,.2)
	
}
 
#page-top-module .ex{
	display:flex;
	align-items: center; 
	width:100%; 
	position:relative;
	height: 55px; 
	margin:0;
}

#page-top-module .seccbox:after{
	content:'';
	width: 30px;
	height:30px;
	display:flex;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
	background: url("../img/sprt.png") no-repeat 5px -56px 
}
 
#page-top-module .seccboxl a {
	display: block;
	width: 231px;
	height: 55px;
	background: url('../img/index/signup.png') no-repeat;
	z-index: 10;
	text-indent: -9999px
}
 
#page-top-module .seccboxl a:hover {
	background-position: 0 -55px
} 

 
#page-top-module .seccbox strong.n1,
#page-top-module .seccbox strong.n2,
#page-top-module .seccbox strong.n3 { 
	display: block;
	margin-left:19px;
	width: 43px;
	height: 43px;
	background: url("../img/sprt.png") no-repeat
}

#page-top-module .seccbox strong.n2 {
	background-position: -53px 0
}

#page-top-module .seccbox strong.n3 {
	background-position: -106px 0
}

#page-top-module .seccbox p { 
	display: block;
	font-size: 12px;
	color: #333;
	font-weight: normal;
	font-style: italic;
	padding: 0;
	margin:0 0 0 10px
}

#page-top-module .seccbox span { 
	display: block;
	font-size: 14px;
	color: var( --red-color );
	font-weight: bold 
}
 
.hdr_wide {
	width: 100%;
	margin: 0 
}

.hdr_w {
	width: 100%;
	margin: 0 auto;
	position: relative 
}

#topmenu {
	width: 100%;
	height: var( --topmenu-height );
	display: flex; 
	align-items: center;
	 
	position:relative;
	z-index:9999
}
 
#regpart { 
	font-size: .85rem; 
	color: #282827;
	font-weight: bold;
	position:relative;
	z-index:3 
}

#regpart strong {
	color: #ec202a;
	margin-right: 15px
}

#regpart a,
#regpart a:visited {
	color: var( --red-color )
}

#regpart a:hover {
	color: var( --red-color-hover )
}


#nobck {
	background: 0;
	margin: 40px 0 0 0
}

#nobck h1 {
	margin-bottom: 5px
}

#nobck h1 em {
	font-size: 12px;
	font-style: italic;
	font-weight: normal
}

.boxdown h1 { 
	font-size:1.1rem;
	font-weight: 600; 
	color: #282827;
	display: block;
	border-left: 3px solid #ec202a;
	padding: 0 0 0 10px;
	margin-bottom: 17px
}
/*
.boxdown p,
.boxdown ul li{
	font-size: 15px;
	line-height:1.3
}
*/
.boxdown ul {
	margin-left: 25px
}

.boxdown ul li { 

	min-height:  30px;
	
	list-style:none;
	font-weight: bold;
	display: block;
	padding: 5px 0 5px 34px;
	margin-bottom:4px;
	position:relative 
}

.boxdown ul li:before {
	content:"";
	background: url("../img/sprt.png") no-repeat -24px -58px;
	display:block;
	float: left;
	width: 24px;
	height: 22px;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%) 
}

/*.boxdown ul li strong {
	background: url("../img/sprt.png") no-repeat -24px -58px;
	float: left;
	width: 24px;
	height: 30px;
	margin-right: 10px
}*/

.newshold {
	width: 300px;
	height: 200px;
	border-top: 1px solid #babab6;
	border-bottom: 1px solid #babab6;
	margin-top: 8px;
	padding: 10px 0 10px 0;
	position: relative
}

.newsnavi {
	position: absolute;
	height: 16px;
	border-top: 3px solid #babab6;
	bottom: 0;
	left: 0;
	width: 300px;
	padding-top: 2px
}

.newshold p {
	font-size: 11.5px;
	line-height: 17px;
	font-weight: normal;
	color: #808080;
	display: block;
	padding: 10px 0 0 15px
}

.newsnavi #prev {
	font-size: 10px;
	text-decoration: none;
	display: block;
	width: 80px;
	float: left;
	background-image: url(imgz/ar-l.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	font-weight: bold
}

.newsnavi #next {
	font-size: 10px;
	text-decoration: none;
	display: block;
	width: 80px;
	float: right;
	background-image: url(imgz/ar-d.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	text-align: right;
	font-weight: bold
}

.newsnavi a:link,
.newsnavi a:visited,
.newsnavi a:active {
	color: #808080
}

.newsnavi a:hover {
	color: #ec202a
}

/* ================================================= menu icon ===================================================== */
.menu-toggle {
	position: relative;
	display: none;
	width: 30px;
	height: 26px;
	background: transparent;
	border-top: 4px solid;
	border-bottom: 4px solid;
	
	color: var( --red-color-hover );
	font-size: 0;
	transition: all 0.25s ease-in-out;
}

.menu-toggle:before, 
.menu-toggle:after {
	content: "";
	display: block;
	width: 100%;
	height: 4px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: currentColor;
	transform: translate(-50%, -50%);
	transition: transform 0.25s ease-in-out;
}

.menu-toggle:hover, 
body.m-open .menu-toggle,
button:hover {
   color: var( --red-color-hover );
}

button.is-active {
  border-color: transparent;
}
button.is-active:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
button.is-active:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

 
button {
  border: none;
  cursor: pointer;
  outline: none;
}

/* ================================================== FORMS ERRORs =============================================================== */

form .form-group {
	position: relative;
	display: block;
}

form .error,
form .empty {
	display: block;
	position: absolute !important;
	top: -25px;
	right: 25px;
	z-index: 8900;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 10px;
	line-height: 20px;
	text-transform: uppercase;
	white-space: nowrap !important;
	font-style: normal !important;
	padding: 3px 5px;
	margin: 0;
	color: #fff !important;
	text-shadow: 1px 1px 2px #8b9362;
	background-color: #f82300;
	float: right
}

form .error:after,
form .empty:after {
	content: '';
	display: block;
	position: absolute;
	top: 100%;
	left: 30px;
	width: 0;
	height: 0;
	border-color: #f44040 transparent transparent transparent;
	border-style: solid;
	border-width: 10px;
}

#success,
.success form,
.preloader form {
	display: none
}

.preloader {
	background-image: url(../img/ajax-loader.svg);
	background-repeat: no-repeat;
	background-position: center center;
}

.preloader,
#success {
	padding: 15px;
	margin: 0;
	min-height: 120px;
	text-align: center
}

#success strong {
	display: inline-block;
	font-size: 140%;
	margin: 5px 0 15px 0
}

.success #success {
	display: block !important
}
/*
#success,
#success a,
#success p,
#success h4 {
	color: #fff;
}

#success h4 {
	margin-bottom: 30px
}
*/

#success, 
#success p,
#success h4 {
	color: #222
}

#success a {
	color: #fff;
	padding: 7px 16px;
	display: inline-block;
	margin: 30px 0;
	background: rgb(0,140,0);
	background: -moz-linear-gradient(top, rgba(0,140,0,1) 0%, rgba(0,140,0,1) 50%, rgba(75,166,20,1) 50%, rgba(75,166,20,1) 99%);
	background: -webkit-linear-gradient(top, rgba(0,140,0,1) 0%, rgba(0,140,0,1) 50%, rgba(75,166,20,1) 50%, rgba(75,166,20,1) 99%);
	background: linear-gradient(to bottom, rgba(0,140,0,1) 0%, rgba(0,140,0,1) 50%, rgba(75,166,20,1) 50%, rgba(75,166,20,1) 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008c00', endColorstr='#4ba614', GradientType=0 );
	border: solid 1px #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	text-decoration: none !important;
	font-size: 21px;
	text-shadow: 3px 3px 2px rgba(0,0,0,.45);
	font-style: italic
} 

.form_cnt {
	display: block
}

/* ======================= CONTACTS Us ========================= */

#contactslide #tri,
#contactslide #tri #form_cnt{
	width:100% 
}

textarea { resize: vertical; }
/*
#contactslide #tri #form_cnt form div{
	border:solid 1px red
}
*/
#contact_form .form-group div.g-recaptcha{
	float:left;
	margin-right:auto;
	/*transform:scale(.8,.8);*/ 
}

.btn{
	color: #555;
	
	background-color: #fff;
	background-image: none;
	display:inline-block;
	height:50px;
	line-height:50px;
	padding:0 25px;
	border: 1px solid #ccc;
  	border-radius: 4px;
}

a.btn:hover, 
a.btn:link, 
a.btn:visited{
	text-decoration:none;
}

a.btn:hover{
	color:#fff;
	background:#151515;
	border-color:#151515; 
}