/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, main, hgroup, menu, nav, section{
	display: block;
}
blockquote, q{
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after{
	content: '';
	content: none;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
sub,sup{
	position: relative;
	font-size: 65%;
	line-height: 0;
	vertical-align: baseline;
}
sup{top: -0.5em;}
sub{bottom: -0.25em;}
audio,
canvas,
video{display: inline-block;}
audio:not([controls]) {display: none;}
#map_canvas img,.google-maps img{max-width: none;}
video,embed,object,iframe{
	display: inline-block;
	vertical-align: top;
	max-width: 100%;
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*{
    min-width: 0;
    min-height: 0;
}

/* font-face */

/* icons */
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoona823.eot?thbur3');
  src:  url('fonts/icomoona823.eot?thbur3#iefix') format('embedded-opentype'),
        url('fonts/icomoona823.ttf?thbur3') format('truetype'),
        url('fonts/icomoona823.woff?thbur3') format('woff'),
        url('fonts/icomoona823.svg?thbur3#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"] > span,
[class*=" icon-"] > span{display: none;}

.icon-brand-facebook:before {
  content: "\30";
}
.icon-brand-linkedin:before {
  content: "\31";
}
.icon-brand-twitter:before {
  content: "\32";
}
.icon-brand-instagram:before {
  content: "\33";
}
.icon-brand-whatsapp:before {
  content: "\34";
}
.icon-brand-youtube:before {
  content: "\35";
}
.icon-brand-android:before {
  content: "\36";
}
.icon-brand-apple:before {
  content: "\37";
}

.icon-angle-t:before {
  content: "\e900";
}
.icon-angle-b:before {
  content: "\e901";
}
.icon-angle-l:before {
  content: "\e902";
}
.icon-angle-r:before {
  content: "\e903";
}
.icon-angle-dbl-l:before {
  content: "\e904";
}
.icon-angle-dbl-r:before {
  content: "\e905";
}
.icon-angle2-t:before {
  content: "\e908";
}
.icon-angle2-b:before {
  content: "\e909";
}
.icon-angle2-l:before {
  content: "\e90a";
}
.icon-angle2-r:before {
  content: "\e90b";
}
.icon-angle2-dbl-t:before {
  content: "\e90c";
}
.icon-angle2-dbl-b:before {
  content: "\e90d";
}
.icon-angle2-dbl-l:before {
  content: "\e90e";
}
.icon-angle2-dbl-r:before {
  content: "\e90f";
}
.icon-angle3-t:before {
  content: "\e910";
}
.icon-angle3-b:before {
  content: "\e911";
}
.icon-angle3-l:before {
  content: "\e912";
}
.icon-angle3-r:before {
  content: "\e913";
}
.icon-angle3-dbl-l:before {
  content: "\e914";
}
.icon-angle3-dbl-r:before {
  content: "\e915";
}
.icon-menu-burger:before {
  content: "\e916";
}
.icon-menu-burger2:before {
  content: "\e917";
}
.icon-avatar:before {
  content: "\e918";
}
.icon-profile:before {
  content: "\e919";
}
.icon-power:before {
  content: "\e91a";
}
.icon-checkmark:before {
  content: "\e91b";
}
.icon-checkmark2:before {
  content: "\e91c";
}
.icon-plus:before {
  content: "\e91d";
}
.icon-minus:before {
  content: "\e91e";
}
.icon-close:before {
  content: "\e91f";
}
.icon-login:before {
  content: "\e920";
}
.icon-logout:before {
  content: "\e921";
}
.icon-analysis:before {
  content: "\e922";
}
.icon-dashboard:before {
  content: "\e923";
}
.icon-education:before {
  content: "\e924";
}
.icon-toolbox:before {
  content: "\e925";
}
.icon-safemode:before {
  content: "\e926";
}
.icon-phone:before {
  content: "\e927";
}
.icon-chat:before {
  content: "\e928";
}
.icon-chart:before {
  content: "\e929";
}
.icon-eye:before {
  content: "\e92a";
}
.icon-star:before {
  content: "\e92b";
}
.icon-star-half:before {
  content: "\e92c";
}
.icon-star-border:before {
  content: "\e92d";
}
.icon-star2:before {
  content: "\e92e";
}
.icon-account-verify:before {
  content: "\e92f";
}
.icon-platform-setup:before {
  content: "\e930";
}
.icon-peoples:before {
  content: "\e931";
}
.icon-graph:before {
  content: "\e932";
}
.icon-notebook:before {
  content: "\e933";
}
.icon-handshake:before {
  content: "\e934";
}
.icon-variants:before {
  content: "\e935";
}
.icon-exchange:before {
  content: "\e936";
}
.icon-profit:before {
  content: "\e937";
}
.icon-active-account:before {
  content: "\e938";
}
.icon-fully-verified:before {
  content: "\e939";
}
.icon-verified-requirements:before {
  content: "\e93a";
}
.icon-accepted-docs:before {
  content: "\e93b";
}
.icon-platform:before {
  content: "\e93c";
}
.icon-updated-doc:before {
  content: "\e93d";
}
.icon-reporting:before {
  content: "\e93e";
}
.icon-connections:before {
  content: "\e93f";
}
.icon-commission:before {
  content: "\e940";
}
.icon-commission-structures:before {
  content: "\e941";
}
.icon-hand-chart:before {
  content: "\e942";
}
.icon-protected:before {
  content: "\e943";
}
.icon-play:before {
  content: "\e944";
}
.icon-info:before {
  content: "\e945";
}
.icon-plus2:before {
  content: "\e946";
}
.icon-minus2:before {
  content: "\e947";
}
.icon-acctype:before {
  content: "\e948";
}
.icon-info2:before {
  content: "\e949";
}
.icon-email2:before {
  content: "\e94a";
}
.icon-phone2:before {
  content: "\e94b";
}
.icon-chat2:before {
  content: "\e94c";
}
.icon-phone3:before {
  content: "\e94d";
}
.icon-chat3:before {
  content: "\e94e";
}
.icon-account-add:before {
  content: "\e94f";
}
.icon-withdrawal:before {
  content: "\e950";
}
.icon-deposit:before {
  content: "\e951";
}
.icon-document:before {
  content: "\e952";
}
.icon-personal:before {
  content: "\e953";
}
.icon-clock:before {
  content: "\e954";
}
.icon-location:before {
  content: "\e955";
}
.icon-upload:before {
  content: "\e956";
}
.icon-bank:before {
  content: "\e957";
}
.icon-safe:before {
  content: "\e958";
}
.icon-support:before {
  content: "\e959";
}
.icon-award:before {
  content: "\e95a";
}
.icon-currency:before {
  content: "\e95b";
}
.icon-candles:before {
  content: "\e95c";
}
.icon-contactus:before {
  content: "\e95d";
}
.icon-trade:before {
  content: "\e95e";
}
.icon-analysis2:before {
  content: "\e95f";
}
.icon-profit2:before {
  content: "\e960";
}
.icon-analysis3:before {
  content: "\e961";
}
.icon-monetary-statement:before {
  content: "\e962";
}
.icon-yes:before {
  content: "\e963";
}
.icon-no:before {
  content: "\e964";
}
.icon-financial:before {
  content: "\e965";
}
.icon-trading:before {
  content: "\e966";
}
.icon-idea:before {
  content: "\e967";
}
.icon-like:before {
  content: "\e968";
}
.icon-central:before {
  content: "\e969";
}
  

body{
	background: #fff;
	min-width: 320px;
	font-size: 18px;
	line-height: 22px;
	font-weight: 300;
	font-family: 'Lato', sans-serif;
	color: #13273D;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
}
.rtl-page{direction: rtl;}
.lazy{opacity: 0;}
img{
	opacity: 1;
	transition: opacity 0.5s;
	display: inline-block;
	vertical-align: middle;
	border: 0;
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
}
a{
	color: #c84731;
  color: #316EB0;
	
	-webkit-transition: all .3s ease;
					transition: all .3s ease;
}
a:hover{
  text-decoration: underline;
  text-decoration: none;
}
/* a:active{background-color: transparent;} */
.tdn{text-decoration: none;}
.tdu{text-decoration: underline;}
.tdn:hover{text-decoration: underline;}
.tdu:hover{text-decoration: none;}
/* fonts */
h1,h2,h3,h4,h5,h6{
	margin: 0;
	color: #202020;
}
h1,.h1{
	font-size: 36px;
	line-height: 44px;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 10px;
	margin-bottom: 45px;
}
h1 *[class*=icon-],
.h1 *[class*=icon-]{
	display: inline-block;
	vertical-align: middle;
	font-size: 40px;
	line-height: 40px;
	margin: -5px 10px;
}
h2,.h2{
	font-size: 30px;
	line-height: 37px;
	font-weight: 500;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 10px;
	margin-bottom: 23px;
}
h3,.h3{
	font-size: 24px;
	line-height: 29px;
	font-weight: 400;
	/*margin-bottom: 22px;*/
}
h4,.h4{
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  margin-bottom: 10px;
  /*margin-bottom: 22px;*/
}
p{margin-bottom: 22px;}
strong,b{font-weight: 700;}
.text-style01{
	font-size: 24px;
	line-height: 29px;
	font-weight: 400;
}
.text-style02{
	letter-spacing: 0.2px;
}
.text-style03{
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
}
.text-style04{
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
}
.text-style05{
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
}

.text-indent01{
	text-indent: 100px;
}

@media (max-width: 767px) {
	body{
		font-size: 14px;
		line-height: 17px;
	}
	h1,.h1{
		font-size: 24px;
		line-height: 29px;
		margin-bottom: 15px;
	}
	h1 *[class*=icon-],
	.h1 *[class*=icon-]{
		display: inline-block;
		vertical-align: middle;
		font-size: 22px;
	line-height: 22px;
	}
	h2,.h2{
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 10px;
	}
	h3,.h3{
    font-size: 18px;
    line-height: 22px;
		/*font-size: 14px;
		line-height: 17px;
		margin-bottom: 17px;*/
	}
  h4,.h4{
    font-size: 14px;
    line-height: 17px;
  }
	p{margin-bottom: 17px}
	.text-style01{
		font-size: 18px;
		line-height: 22px;
	}
	.text-style02{
		letter-spacing: 0.12px;
	}
	.text-indent01{
		text-indent: 55px;
	}
  .text-style05{
    font-size: 14px;
    line-height: 17px;
  }
}


.content-pd01{padding-bottom: 20px;}
.content-pd02{padding-bottom: 25px;}
.content-pd03{padding-bottom: 40px;}
@media (max-width: 767px) {
	.content-pd01{padding-bottom: 0;}
	.content-pd02{padding-bottom: 0;}
	.content-pd03{padding-bottom: 0;}
}

*[class*="font-sz"]{line-height: 1.2em;}
.font-sz10, *[class] .font-sz10{font-size: 10px}
.font-sz11, *[class] .font-sz11{font-size: 11px}
.font-sz12, *[class] .font-sz12{font-size: 12px}
.font-sz13, *[class] .font-sz13{font-size: 13px}
.font-sz14, *[class] .font-sz14{font-size: 14px}
.font-sz15, *[class] .font-sz15{font-size: 15px}
.font-sz16, *[class] .font-sz16{font-size: 16px}
.font-sz17, *[class] .font-sz17{font-size: 17px}
.font-sz18, *[class] .font-sz18{font-size: 18px}
.font-sz19, *[class] .font-sz19{font-size: 19px}
.font-sz20, *[class] .font-sz20{font-size: 20px}

.font-sz21, *[class] .font-sz21{font-size: 21px}
.font-sz22, *[class] .font-sz22{font-size: 22px}
.font-sz23, *[class] .font-sz23{font-size: 23px}
.font-sz24, *[class] .font-sz24{font-size: 24px}
.font-sz25, *[class] .font-sz25{font-size: 25px}
.font-sz26, *[class] .font-sz26{font-size: 26px}
.font-sz27, *[class] .font-sz27{font-size: 27px}
.font-sz28, *[class] .font-sz28{font-size: 28px}
.font-sz29, *[class] .font-sz29{font-size: 29px}

.font-sz30, *[class] .font-sz30{font-size: 30px}
.font-sz31, *[class] .font-sz31{font-size: 31px}
.font-sz32, *[class] .font-sz32{font-size: 32px}
.font-sz33, *[class] .font-sz33{font-size: 33px}
.font-sz34, *[class] .font-sz34{font-size: 34px}
.font-sz35, *[class] .font-sz35{font-size: 35px}
.font-sz36, *[class] .font-sz36{font-size: 36px}
.font-sz37, *[class] .font-sz37{font-size: 37px}
.font-sz38, *[class] .font-sz38{font-size: 38px}
.font-sz39, *[class] .font-sz39{font-size: 39px}

.font-sz40, *[class] .font-sz40{font-size: 40px}
.font-sz41, *[class] .font-sz41{font-size: 41px}
.font-sz42, *[class] .font-sz42{font-size: 42px}
.font-sz43, *[class] .font-sz43{font-size: 43px}
.font-sz44, *[class] .font-sz44{font-size: 44px}
.font-sz45, *[class] .font-sz45{font-size: 45px}
.font-sz46, *[class] .font-sz46{font-size: 46px}
.font-sz47, *[class] .font-sz47{font-size: 47px}
.font-sz48, *[class] .font-sz48{font-size: 48px}
.font-sz49, *[class] .font-sz49{font-size: 49px}

.font-sz50, *[class] .font-sz50{font-size: 50px}
.font-sz51, *[class] .font-sz51{font-size: 51px}
.font-sz52, *[class] .font-sz52{font-size: 52px}
.font-sz53, *[class] .font-sz53{font-size: 53px}
.font-sz54, *[class] .font-sz54{font-size: 54px}
.font-sz55, *[class] .font-sz55{font-size: 55px}
.font-sz56, *[class] .font-sz56{font-size: 56px}
.font-sz57, *[class] .font-sz57{font-size: 57px}
.font-sz58, *[class] .font-sz58{font-size: 58px}
.font-sz59, *[class] .font-sz59{font-size: 59px}

.font-sz60, *[class] .font-sz60{font-size: 60px}
.font-sz61, *[class] .font-sz61{font-size: 61px}
.font-sz62, *[class] .font-sz62{font-size: 62px}
.font-sz63, *[class] .font-sz63{font-size: 63px}
.font-sz64, *[class] .font-sz64{font-size: 64px}
.font-sz65, *[class] .font-sz65{font-size: 65px}
.font-sz66, *[class] .font-sz66{font-size: 66px}
.font-sz67, *[class] .font-sz67{font-size: 67px}
.font-sz68, *[class] .font-sz68{font-size: 68px}
.font-sz69, *[class] .font-sz69{font-size: 69px}

.font-sz70, *[class] .font-sz70{font-size: 70px}
.font-sz71, *[class] .font-sz71{font-size: 71px}
.font-sz72, *[class] .font-sz72{font-size: 72px}
.font-sz73, *[class] .font-sz73{font-size: 73px}
.font-sz74, *[class] .font-sz74{font-size: 74px}
.font-sz75, *[class] .font-sz75{font-size: 75px}
.font-sz76, *[class] .font-sz76{font-size: 76px}
.font-sz77, *[class] .font-sz77{font-size: 77px}
.font-sz78, *[class] .font-sz78{font-size: 78px}
.font-sz79, *[class] .font-sz79{font-size: 79px}

.font-sz80, *[class] .font-sz80{font-size: 80px}
.font-sz81, *[class] .font-sz81{font-size: 81px}
.font-sz82, *[class] .font-sz82{font-size: 82px}
.font-sz83, *[class] .font-sz83{font-size: 83px}
.font-sz84, *[class] .font-sz84{font-size: 84px}
.font-sz85, *[class] .font-sz85{font-size: 85px}
.font-sz86, *[class] .font-sz86{font-size: 86px}
.font-sz87, *[class] .font-sz87{font-size: 87px}
.font-sz88, *[class] .font-sz88{font-size: 88px}
.font-sz89, *[class] .font-sz89{font-size: 89px}

.font-sz90, *[class] .font-sz90{font-size: 90px}
.font-sz91, *[class] .font-sz91{font-size: 91px}
.font-sz92, *[class] .font-sz92{font-size: 92px}
.font-sz93, *[class] .font-sz93{font-size: 93px}
.font-sz94, *[class] .font-sz94{font-size: 94px}
.font-sz95, *[class] .font-sz95{font-size: 95px}
.font-sz96, *[class] .font-sz96{font-size: 96px}
.font-sz97, *[class] .font-sz97{font-size: 97px}
.font-sz98, *[class] .font-sz98{font-size: 98px}
.font-sz99, *[class] .font-sz99{font-size: 99px}

.font-sz100, *[class] .font-sz100{font-size: 100px}
.font-sz101, *[class] .font-sz101{font-size: 101px}
.font-sz102, *[class] .font-sz102{font-size: 102px}
.font-sz103, *[class] .font-sz103{font-size: 103px}
.font-sz104, *[class] .font-sz104{font-size: 104px}
.font-sz105, *[class] .font-sz105{font-size: 105px}
.font-sz106, *[class] .font-sz106{font-size: 106px}
.font-sz107, *[class] .font-sz107{font-size: 107px}
.font-sz108, *[class] .font-sz108{font-size: 108px}
.font-sz109, *[class] .font-sz109{font-size: 109px}

.font-sz110, *[class] .font-sz110{font-size: 110px}

.font-em05{font-size: 0.5em !important;}
.font-em10{font-size: 1em !important;}
.font-em15{font-size: 1.5em !important;}
.font-em20{font-size: 2em !important;}
.font-em25{font-size: 2.5em !important;}
.font-em30{font-size: 3em !important;}

.line-h08{line-height: 0.8em}
.line-h09{line-height: 0.9em}
.line-h10{line-height: 1em}
.line-h11{line-height: 1.1em}
.line-h12{line-height: 1.2em}
.line-h13{line-height: 1.3em}
.line-h14{line-height: 1.4em}
.line-h15{line-height: 1.5em}
.line-h16{line-height: 1.6em}
.line-h17{line-height: 1.7em}
.line-h18{line-height: 1.8em}
.line-h19{line-height: 1.9em}
.line-h20{line-height: 2em}

.fw100{font-weight: 100 !important;}
.fw200{font-weight: 200 !important;}
.fw300{font-weight: 300 !important;}
.fw400{font-weight: 400 !important;}
.fw500{font-weight: 500 !important;}
.fw600{font-weight: 600 !important;}
.fw700{font-weight: 700 !important;}
.fw800{font-weight: 800 !important;}
.fw900{font-weight: 900 !important;}

.font-family01{font-family:  'Montserrat', sans-serif;}
.font-family02{font-family:  'Lato', sans-serif;}

/* auxiliary */
.fl-l{float: left;}
.fl-r{float: right;}
.cl-b{clear: both;}
.cl-l{clear: left;}
.cl-r{clear: right;}
.ta-left,
.ta-left > *{text-align: left !important;}
.ta-right,
.ta-right > *{text-align: right !important;}
.ta-center,
.ta-center > *{text-align: center !important;}
.ta-justify,
.ta-justify > *{text-align: justify !important;}
.overflow-h{overflow: hidden;}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg,
.visible-xl{display: none !important;}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block{display: none !important;}

.clearfix{display: table;}
.clearfix:after{
	content: "'. .'";
	display: block;
	word-spacing: 99in;
	height: 0;
	overflow: hidden;
	font-size: 0.13em;
	line-height: 0;
}
.color01{color: #fff}
.color02{color: #000}
.color03{color: #c84731;}
.color04{color: #13273D;}
.color05{color: #5E7A99;}
.color06{color: #466B93;}
.color07{color: #316EB0;}
.color08{color: #8E8E8E;}
.color-red{color: #EF0303;}
.color-green{color: #00A64E;}


.el-block{display: block !important;}
.el-inline{display: inline !important;}
.el-inline-block{display: inline-block !important;}
.el-table{display: table !important;}
.el-inline-table{display: inline-table !important;}
.el-flex{display: flex !important;}
.el-inline-flex{display: inline-flex !important;}

.valign-t{vertical-align: top !important;}
.valign-m{vertical-align: middle !important;}
.valign-b{vertical-align: bottom !important;}

.text-uppercase{text-transform: uppercase;}
.text-lowercase{text-transform: lowercase;}
.text-capitalize{text-transform: capitalize;}

.show-less-479,
.show-less-767,
.show-less-1000,
.show-less-1200{display:none;}

.main-holder{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
}
.main-holder:after{
	display: block;
	clear: both;
	content: "";
}
.colsgrid{
	margin-left: -15px;
	margin-right: -15px;
}
.colsgrid:after{
	content: "";
	display: block;
	clear: both;
}
.colsgrid[class*="d-flex-"]:after{content: none;}
.colsgrid > *[class*="col-"]{
	padding-left: 15px;
	padding-right: 15px;
}
.colsgrid1{
	margin-left: -10px;
	margin-right: -10px;
}
.colsgrid1 > *[class*="col-"]{
	padding-left: 10px;
	padding-right: 10px;
}
.colsgrid2{
	margin-left: -20px;
	margin-right: -20px;
}
.colsgrid2 > *[class*="col-"]{
	padding-left: 20px;
	padding-right: 20px;
}
.colsgrid3{
	margin-left: -30px;
	margin-right: -30px;
}
.colsgrid3 > *[class*="col-"]{
	padding-left: 30px;
	padding-right: 30px;
}

.centered{
	margin-left: auto;
	margin-right: auto;
}
.chold01{
	max-width: 770px;
}
.chold02{
	max-width: 780px;
}
.chold03{
	max-width: 641px;
}
.chold04{
	max-width: 950px;
}
.chold05{
  max-width: 440px;
}
.chold06{
  max-width: 475px;
}
.chold07{
  max-width: 380px;
}
.chold08{
  max-width: 776px;
}
.chold09{
  max-width: 274px;
}

.max-width-800 {
    max-width: 800px;
}
.max-width-950 {
    max-width: 950px;
}
.max-width-1115 {
    max-width: 1115px;
}
.max-width-1055 {
    max-width: 1055px;
}
.max-width-1565 {
    max-width: 1565px !important;
}
.max-width-1170 {
    max-width: 1170px;
}


.full-width{
	width: 100%;
	max-width: none;
}
.full-height{
	height: 100%;
}

.ofi{
	object-fit: cover;
  font-family: 'object-fit: cover;';
}

.d-flex{display:-ms-flexbox;display:flex}
.d-inline-flex{display:-ms-inline-flexbox;display:inline-flex}
.flex-row{-ms-flex-direction:row;flex-direction:row}
.flex-column{-ms-flex-direction:column;flex-direction:column}
.flex-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.flex-column-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}
.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
.flex-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}
.flex-fill{-ms-flex:1 1 auto;flex:1 1 auto}
.flex-full{-ms-flex:1 1 0;flex:1 1 0}
.flex-grow-0{-ms-flex-positive:0;flex-grow:0}
.flex-grow-1{-ms-flex-positive:1;flex-grow:1}
.flex-shrink-0{-ms-flex-negative:0;flex-shrink:0}
.flex-shrink-1{-ms-flex-negative:1;flex-shrink:1}
.justify-content-start{-ms-flex-pack:start;justify-content:flex-start}
.justify-content-end{-ms-flex-pack:end;justify-content:flex-end}
.justify-content-center{-ms-flex-pack:center;justify-content:center}
.justify-content-between{-ms-flex-pack:justify;justify-content:space-between}
.justify-content-around{-ms-flex-pack:distribute;justify-content:space-around}
.align-items-start{-ms-flex-align:start;align-items:flex-start}
.align-items-end{-ms-flex-align:end;align-items:flex-end}
.align-items-center{-ms-flex-align:center;align-items:center}
.align-items-baseline{-ms-flex-align:baseline;align-items:baseline}
.align-items-stretch{-ms-flex-align:stretch;align-items:stretch}
.align-content-start{-ms-flex-line-pack:start;align-content:flex-start}
.align-content-end{-ms-flex-line-pack:end;align-content:flex-end}
.align-content-center{-ms-flex-line-pack:center;align-content:center}
.align-content-between{-ms-flex-line-pack:justify;align-content:space-between}
.align-content-around{-ms-flex-line-pack:distribute;align-content:space-around}
.align-content-stretch{-ms-flex-line-pack:stretch;align-content:stretch}
.align-self-auto{-ms-flex-item-align:auto;align-self:auto}
.align-self-start{-ms-flex-item-align:start;align-self:flex-start}
.align-self-end{-ms-flex-item-align:end;align-self:flex-end}
.align-self-center{-ms-flex-item-align:center;align-self:center}
.align-self-baseline{-ms-flex-item-align:baseline;align-self:baseline}
.align-self-stretch{-ms-flex-item-align:stretch;align-self:stretch}

.d-flex-xs{display:-ms-flexbox!important;display:flex!important}
.d-inline-flex-xs{display:-ms-inline-flexbox!important;display:inline-flex!important}
.d-flex-xs > *[class*=col-]{float: none;}
.rtl-page .d-flex-xs > *[class*=col-]{float: none;}

/* grid */
*[class*="col-"]{min-height: 1px;}
*[class*="col-xs-"]{float: left;}
.rtl-page *[class*="col-xs-"]{float: right;}
.colsgrid.reversed > *[class*="col-xs-"]{float: right;}
.rtl-page .colsgrid.reversed > *[class*="col-xs-"]{float: left;}

.col-xs-1{width: 8.33333333%;}
.col-xs-2{width: 16.66666667%;}
.col-xs-3{width: 25%;}
.col-xs-4{width: 33.33333333%;}
.col-xs-5{width: 41.66666667%;}
.col-xs-6{width: 50%;}
.col-xs-7{width: 58.33333333%;}
.col-xs-8{width: 66.66666667%;}
.col-xs-9{width: 75%;}
.col-xs-10{width: 83.33333333%;}
.col-xs-11{width: 91.66666667%;}
.col-xs-12{width: 100%;}

.col-xs-offset-12{margin-left: 100%;}
.col-xs-offset-11{margin-left: 91.66666667%;}
.col-xs-offset-10{margin-left: 83.33333333%;}
.col-xs-offset-9{margin-left: 75%;}
.col-xs-offset-8{margin-left: 66.66666667%;}
.col-xs-offset-7{margin-left: 58.33333333%;}
.col-xs-offset-6{margin-left: 50%;}
.col-xs-offset-5{margin-left: 41.66666667%;}
.col-xs-offset-4{margin-left: 33.33333333%;}
.col-xs-offset-3{margin-left: 25%;}
.col-xs-offset-2{margin-left: 16.66666667%;}
.col-xs-offset-1{margin-left: 8.33333333%;}
.col-xs-offset-0{margin-left: 0;}

*[class*="col-xs-pull"],
*[class*="col-xs-push"]{position: relative;}
.col-xs-pull-12{right: 100%;}
.col-xs-pull-11{right: 91.66666667%;}
.col-xs-pull-10{right: 83.33333333%;}
.col-xs-pull-9{right: 75%;}
.col-xs-pull-8{right: 66.66666667%;}
.col-xs-pull-7{right: 58.33333333%;}
.col-xs-pull-6{right: 50%;}
.col-xs-pull-5{right: 41.66666667%;}
.col-xs-pull-4{right: 33.33333333%;}
.col-xs-pull-3{right: 25%;}
.col-xs-pull-2{right: 16.66666667%;}
.col-xs-pull-1{right: 8.33333333%;}
.col-xs-pull-0{right: auto;}

.col-xs-push-12{left: 100%;}
.col-xs-push-11{left: 91.66666667%;}
.col-xs-push-10{left: 83.33333333%;}
.col-xs-push-9{left: 75%;}
.col-xs-push-8{left: 66.66666667%;}
.col-xs-push-7{left: 58.33333333%;}
.col-xs-push-6{left: 50%;}
.col-xs-push-5{left: 41.66666667%;}
.col-xs-push-4{left: 33.33333333%;}
.col-xs-push-3{left: 25%;}
.col-xs-push-2{left: 16.66666667%;}
.col-xs-push-1{left: 8.33333333%;}
.col-xs-push-0{left: auto;}

/* grid */
@media (min-width: 480px) {
	*[class*="col-sm-"]{float: left;}
	.rtl-page *[class*="col-sm-"]{float: right;}
	.colsgrid.reversed > *[class*="col-sm-"]{float: right;}
	.rtl-page .colsgrid.reversed > *[class*="col-sm-"]{float: left;}
	.d-flex-sm{display:-ms-flexbox!important;display:flex!important}
	.d-inline-flex-sm{display:-ms-inline-flexbox!important;display:inline-flex!important}
	.d-flex-sm > *[class*=col-]{float: none;}
	.rtl-page .d-flex-sm > *[class*=col-]{float: none;}

	.col-sm-1{width: 8.33333333%;}
	.col-sm-2{width: 16.66666667%;}
	.col-sm-3{width: 25%;}
	.col-sm-4{width: 33.33333333%;}
	.col-sm-5{width: 41.66666667%;}
	.col-sm-6{width: 50%;}
	.col-sm-7{width: 58.33333333%;}
	.col-sm-8{width: 66.66666667%;}
	.col-sm-9{width: 75%;}
	.col-sm-10{width: 83.33333333%;}
	.col-sm-11{width: 91.66666667%;}
	.col-sm-12{width: 100%;}

	.col-sm-offset-12{margin-left: 100%;}
	.col-sm-offset-11{margin-left: 91.66666667%;}
	.col-sm-offset-10{margin-left: 83.33333333%;}
	.col-sm-offset-9{margin-left: 75%;}
	.col-sm-offset-8{margin-left: 66.66666667%;}
	.col-sm-offset-7{margin-left: 58.33333333%;}
	.col-sm-offset-6{margin-left: 50%;}
	.col-sm-offset-5{margin-left: 41.66666667%;}
	.col-sm-offset-4{margin-left: 33.33333333%;}
	.col-sm-offset-3{margin-left: 25%;}
	.col-sm-offset-2{margin-left: 16.66666667%;}
	.col-sm-offset-1{margin-left: 8.33333333%;}
	.col-sm-offset-0{margin-left: 0;}

	*[class*="col-sm-pull"],
	*[class*="col-sm-push"]{position: relative;}
	.col-sm-pull-12{right: 100%;}
	.col-sm-pull-11{right: 91.66666667%;}
	.col-sm-pull-10{right: 83.33333333%;}
	.col-sm-pull-9{right: 75%;}
	.col-sm-pull-8{right: 66.66666667%;}
	.col-sm-pull-7{right: 58.33333333%;}
	.col-sm-pull-6{right: 50%;}
	.col-sm-pull-5{right: 41.66666667%;}
	.col-sm-pull-4{right: 33.33333333%;}
	.col-sm-pull-3{right: 25%;}
	.col-sm-pull-2{right: 16.66666667%;}
	.col-sm-pull-1{right: 8.33333333%;}
	.col-sm-pull-0{right: auto;}

	.col-sm-push-12{left: 100%;}
	.col-sm-push-11{left: 91.66666667%;}
	.col-sm-push-10{left: 83.33333333%;}
	.col-sm-push-9{left: 75%;}
	.col-sm-push-8{left: 66.66666667%;}
	.col-sm-push-7{left: 58.33333333%;}
	.col-sm-push-6{left: 50%;}
	.col-sm-push-5{left: 41.66666667%;}
	.col-sm-push-4{left: 33.33333333%;}
	.col-sm-push-3{left: 25%;}
	.col-sm-push-2{left: 16.66666667%;}
	.col-sm-push-1{left: 8.33333333%;}
	.col-sm-push-0{left: auto;}

	.rtl-page *[class*="col-sm-offset-"]{margin-left: 0;}
	.rtl-page .col-sm-offset-12{margin-right: 100%;}
	.rtl-page .col-sm-offset-11{margin-right: 91.66666667%;}
	.rtl-page .col-sm-offset-10{margin-right: 83.33333333%;}
	.rtl-page .col-sm-offset-9{margin-right: 75%;}
	.rtl-page .col-sm-offset-8{margin-right: 66.66666667%;}
	.rtl-page .col-sm-offset-7{margin-right: 58.33333333%;}
	.rtl-page .col-sm-offset-6{margin-right: 50%;}
	.rtl-page .col-sm-offset-5{margin-right: 41.66666667%;}
	.rtl-page .col-sm-offset-4{margin-right: 33.33333333%;}
	.rtl-page .col-sm-offset-3{margin-right: 25%;}
	.rtl-page .col-sm-offset-2{margin-right: 16.66666667%;}
	.rtl-page .col-sm-offset-1{margin-right: 8.33333333%;}
	.rtl-page .col-sm-offset-0{margin-right: 0;}

	.rtl-page *[class*="col-sm-pull-"]{right: auto;}
	.rtl-page .col-sm-pull-12{left: 100%;}
	.rtl-page .col-sm-pull-11{left: 91.66666667%;}
	.rtl-page .col-sm-pull-10{left: 83.33333333%;}
	.rtl-page .col-sm-pull-9{left: 75%;}
	.rtl-page .col-sm-pull-8{left: 66.66666667%;}
	.rtl-page .col-sm-pull-7{left: 58.33333333%;}
	.rtl-page .col-sm-pull-6{left: 50%;}
	.rtl-page .col-sm-pull-5{left: 41.66666667%;}
	.rtl-page .col-sm-pull-4{left: 33.33333333%;}
	.rtl-page .col-sm-pull-3{left: 25%;}
	.rtl-page .col-sm-pull-2{left: 16.66666667%;}
	.rtl-page .col-sm-pull-1{left: 8.33333333%;}
	.rtl-page .col-sm-pull-0{left: auto;}

	.rtl-page *[class*="col-sm-push-"]{left: auto;}
	.rtl-page .col-sm-push-12{right: 100%;}
	.rtl-page .col-sm-push-11{right: 91.66666667%;}
	.rtl-page .col-sm-push-10{right: 83.33333333%;}
	.rtl-page .col-sm-push-9{right: 75%;}
	.rtl-page .col-sm-push-8{right: 66.66666667%;}
	.rtl-page .col-sm-push-7{right: 58.33333333%;}
	.rtl-page .col-sm-push-6{right: 50%;}
	.rtl-page .col-sm-push-5{right: 41.66666667%;}
	.rtl-page .col-sm-push-4{right: 33.33333333%;}
	.rtl-page .col-sm-push-3{right: 25%;}
	.rtl-page .col-sm-push-2{right: 16.66666667%;}
	.rtl-page .col-sm-push-1{right: 8.33333333%;}
	.rtl-page .col-sm-push-0{right: auto;}
}
@media (min-width: 768px) {
 	*[class*="col-md-"]{float: left;}
 	.rtl-page *[class*="col-md-"]{float: right;}
 	.colsgrid.reversed > *[class*="col-md-"]{float: right;}
	.rtl-page .colsgrid.reversed > *[class*="col-md-"]{float: left;}	
	.d-flex-md{display:-ms-flexbox!important;display:flex!important}
	.d-inline-flex-md{display:-ms-inline-flexbox!important;display:inline-flex!important}
	.d-flex-md > *[class*=col-]{float: none;}
	.rtl-page .d-flex-md > *[class*=col-]{float: none;}

	.col-md-1{width: 8.33333333%;}
	.col-md-2{width: 16.66666667%;}
	.col-md-3{width: 25%;}
	.col-md-4{width: 33.33333333%;}
	.col-md-5{width: 41.66666667%;}
	.col-md-6{width: 50%;}
	.col-md-7{width: 58.33333333%;}
	.col-md-8{width: 66.66666667%;}
	.col-md-9{width: 75%;}
	.col-md-10{width: 83.33333333%;}
	.col-md-11{width: 91.66666667%;}
	.col-md-12{width: 100%;}

	.col-md-offset-12{margin-left: 100%;}
	.col-md-offset-11{margin-left: 91.66666667%;}
	.col-md-offset-10{margin-left: 83.33333333%;}
	.col-md-offset-9{margin-left: 75%;}
	.col-md-offset-8{margin-left: 66.66666667%;}
	.col-md-offset-7{margin-left: 58.33333333%;}
	.col-md-offset-6{margin-left: 50%;}
	.col-md-offset-5{margin-left: 41.66666667%;}
	.col-md-offset-4{margin-left: 33.33333333%;}
	.col-md-offset-3{margin-left: 25%;}
	.col-md-offset-2{margin-left: 16.66666667%;}
	.col-md-offset-1{margin-left: 8.33333333%;}
	.col-md-offset-0{margin-left: 0;}

	*[class*="col-md-pull"],
	*[class*="col-md-push"]{position: relative;}
	.col-md-pull-12{right: 100%;}
	.col-md-pull-11{right: 91.66666667%;}
	.col-md-pull-10{right: 83.33333333%;}
	.col-md-pull-9{right: 75%;}
	.col-md-pull-8{right: 66.66666667%;}
	.col-md-pull-7{right: 58.33333333%;}
	.col-md-pull-6{right: 50%;}
	.col-md-pull-5{right: 41.66666667%;}
	.col-md-pull-4{right: 33.33333333%;}
	.col-md-pull-3{right: 25%;}
	.col-md-pull-2{right: 16.66666667%;}
	.col-md-pull-1{right: 8.33333333%;}
	.col-md-pull-0{right: auto;}

	.col-md-push-12{left: 100%;}
	.col-md-push-11{left: 91.66666667%;}
	.col-md-push-10{left: 83.33333333%;}
	.col-md-push-9{left: 75%;}
	.col-md-push-8{left: 66.66666667%;}
	.col-md-push-7{left: 58.33333333%;}
	.col-md-push-6{left: 50%;}
	.col-md-push-5{left: 41.66666667%;}
	.col-md-push-4{left: 33.33333333%;}
	.col-md-push-3{left: 25%;}
	.col-md-push-2{left: 16.66666667%;}
	.col-md-push-1{left: 8.33333333%;}
	.col-md-push-0{left: auto;}

	.rtl-page *[class*="col-md-offset-"]{margin-left: 0;}
	.rtl-page .col-md-offset-12{margin-right: 100%;}
	.rtl-page .col-md-offset-11{margin-right: 91.66666667%;}
	.rtl-page .col-md-offset-10{margin-right: 83.33333333%;}
	.rtl-page .col-md-offset-9{margin-right: 75%;}
	.rtl-page .col-md-offset-8{margin-right: 66.66666667%;}
	.rtl-page .col-md-offset-7{margin-right: 58.33333333%;}
	.rtl-page .col-md-offset-6{margin-right: 50%;}
	.rtl-page .col-md-offset-5{margin-right: 41.66666667%;}
	.rtl-page .col-md-offset-4{margin-right: 33.33333333%;}
	.rtl-page .col-md-offset-3{margin-right: 25%;}
	.rtl-page .col-md-offset-2{margin-right: 16.66666667%;}
	.rtl-page .col-md-offset-1{margin-right: 8.33333333%;}
	.rtl-page .col-md-offset-0{margin-right: 0;}

	.rtl-page *[class*="col-md-pull-"]{right: auto;}
	.rtl-page .col-md-pull-12{left: 100%;}
	.rtl-page .col-md-pull-11{left: 91.66666667%;}
	.rtl-page .col-md-pull-10{left: 83.33333333%;}
	.rtl-page .col-md-pull-9{left: 75%;}
	.rtl-page .col-md-pull-8{left: 66.66666667%;}
	.rtl-page .col-md-pull-7{left: 58.33333333%;}
	.rtl-page .col-md-pull-6{left: 50%;}
	.rtl-page .col-md-pull-5{left: 41.66666667%;}
	.rtl-page .col-md-pull-4{left: 33.33333333%;}
	.rtl-page .col-md-pull-3{left: 25%;}
	.rtl-page .col-md-pull-2{left: 16.66666667%;}
	.rtl-page .col-md-pull-1{left: 8.33333333%;}
	.rtl-page .col-md-pull-0{left: auto;}

	.rtl-page *[class*="col-md-push-"]{left: auto;}
	.rtl-page .col-md-push-12{right: 100%;}
	.rtl-page .col-md-push-11{right: 91.66666667%;}
	.rtl-page .col-md-push-10{right: 83.33333333%;}
	.rtl-page .col-md-push-9{right: 75%;}
	.rtl-page .col-md-push-8{right: 66.66666667%;}
	.rtl-page .col-md-push-7{right: 58.33333333%;}
	.rtl-page .col-md-push-6{right: 50%;}
	.rtl-page .col-md-push-5{right: 41.66666667%;}
	.rtl-page .col-md-push-4{right: 33.33333333%;}
	.rtl-page .col-md-push-3{right: 25%;}
	.rtl-page .col-md-push-2{right: 16.66666667%;}
	.rtl-page .col-md-push-1{right: 8.33333333%;}
	.rtl-page .col-md-push-0{right: auto;}

}
@media (min-width: 1000px) {
	*[class*="col-lg-"]{float: left;}
	.rtl-page *[class*="col-lg-"]{float: right;}
	.colsgrid.reversed > *[class*="col-lg-"]{float: right;}
	.rtl-page .colsgrid.reversed > *[class*="col-lg-"]{float: left;}
	.d-flex-lg{display:-ms-flexbox!important;display:flex!important}
	.d-inline-flex-lg{display:-ms-inline-flexbox!important;display:inline-flex!important}
	.d-flex-lg > *[class*=col-]{float: none;}
	.rtl-page .d-flex-lg > *[class*=col-]{float: none;}

	.col-lg-1{width: 8.33333333%;}
	.col-lg-2{width: 16.66666667%;}
	.col-lg-3{width: 25%;}
	.col-lg-4{width: 33.33333333%;}
	.col-lg-5{width: 41.66666667%;}
	.col-lg-6{width: 50%;}
	.col-lg-7{width: 58.33333333%;}
	.col-lg-8{width: 66.66666667%;}
	.col-lg-9{width: 75%;}
	.col-lg-10{width: 83.33333333%;}
	.col-lg-11{width: 91.66666667%;}
	.col-lg-12{width: 100%;}

	.col-lg-offset-12{margin-left: 100%;}
	.col-lg-offset-11{margin-left: 91.66666667%;}
	.col-lg-offset-10{margin-left: 83.33333333%;}
	.col-lg-offset-9{margin-left: 75%;}
	.col-lg-offset-8{margin-left: 66.66666667%;}
	.col-lg-offset-7{margin-left: 58.33333333%;}
	.col-lg-offset-6{margin-left: 50%;}
	.col-lg-offset-5{margin-left: 41.66666667%;}
	.col-lg-offset-4{margin-left: 33.33333333%;}
	.col-lg-offset-3{margin-left: 25%;}
	.col-lg-offset-2{margin-left: 16.66666667%;}
	.col-lg-offset-1{margin-left: 8.33333333%;}
	.col-lg-offset-0{margin-left: 0;}

	*[class*="col-lg-pull"],
	*[class*="col-lg-push"]{position: relative;}
	.col-lg-pull-12{right: 100%;}
	.col-lg-pull-11{right: 91.66666667%;}
	.col-lg-pull-10{right: 83.33333333%;}
	.col-lg-pull-9{right: 75%;}
	.col-lg-pull-8{right: 66.66666667%;}
	.col-lg-pull-7{right: 58.33333333%;}
	.col-lg-pull-6{right: 50%;}
	.col-lg-pull-5{right: 41.66666667%;}
	.col-lg-pull-4{right: 33.33333333%;}
	.col-lg-pull-3{right: 25%;}
	.col-lg-pull-2{right: 16.66666667%;}
	.col-lg-pull-1{right: 8.33333333%;}
	.col-lg-pull-0{right: auto;}

	.col-lg-push-12{left: 100%;}
	.col-lg-push-11{left: 91.66666667%;}
	.col-lg-push-10{left: 83.33333333%;}
	.col-lg-push-9{left: 75%;}
	.col-lg-push-8{left: 66.66666667%;}
	.col-lg-push-7{left: 58.33333333%;}
	.col-lg-push-6{left: 50%;}
	.col-lg-push-5{left: 41.66666667%;}
	.col-lg-push-4{left: 33.33333333%;}
	.col-lg-push-3{left: 25%;}
	.col-lg-push-2{left: 16.66666667%;}
	.col-lg-push-1{left: 8.33333333%;}
	.col-lg-push-0{left: auto;}

	.rtl-page *[class*="col-lg-offset-"]{margin-left: 0;}
	.rtl-page .col-lg-offset-12{margin-right: 100%;}
	.rtl-page .col-lg-offset-11{margin-right: 91.66666667%;}
	.rtl-page .col-lg-offset-10{margin-right: 83.33333333%;}
	.rtl-page .col-lg-offset-9{margin-right: 75%;}
	.rtl-page .col-lg-offset-8{margin-right: 66.66666667%;}
	.rtl-page .col-lg-offset-7{margin-right: 58.33333333%;}
	.rtl-page .col-lg-offset-6{margin-right: 50%;}
	.rtl-page .col-lg-offset-5{margin-right: 41.66666667%;}
	.rtl-page .col-lg-offset-4{margin-right: 33.33333333%;}
	.rtl-page .col-lg-offset-3{margin-right: 25%;}
	.rtl-page .col-lg-offset-2{margin-right: 16.66666667%;}
	.rtl-page .col-lg-offset-1{margin-right: 8.33333333%;}
	.rtl-page .col-lg-offset-0{margin-right: 0;}

	.rtl-page *[class*="col-lg-pull-"]{right: auto;}
	.rtl-page .col-lg-pull-12{left: 100%;}
	.rtl-page .col-lg-pull-11{left: 91.66666667%;}
	.rtl-page .col-lg-pull-10{left: 83.33333333%;}
	.rtl-page .col-lg-pull-9{left: 75%;}
	.rtl-page .col-lg-pull-8{left: 66.66666667%;}
	.rtl-page .col-lg-pull-7{left: 58.33333333%;}
	.rtl-page .col-lg-pull-6{left: 50%;}
	.rtl-page .col-lg-pull-5{left: 41.66666667%;}
	.rtl-page .col-lg-pull-4{left: 33.33333333%;}
	.rtl-page .col-lg-pull-3{left: 25%;}
	.rtl-page .col-lg-pull-2{left: 16.66666667%;}
	.rtl-page .col-lg-pull-1{left: 8.33333333%;}
	.rtl-page .col-lg-pull-0{left: auto;}

	.rtl-page *[class*="col-lg-push-"]{left: auto;}
	.rtl-page .col-lg-push-12{right: 100%;}
	.rtl-page .col-lg-push-11{right: 91.66666667%;}
	.rtl-page .col-lg-push-10{right: 83.33333333%;}
	.rtl-page .col-lg-push-9{right: 75%;}
	.rtl-page .col-lg-push-8{right: 66.66666667%;}
	.rtl-page .col-lg-push-7{right: 58.33333333%;}
	.rtl-page .col-lg-push-6{right: 50%;}
	.rtl-page .col-lg-push-5{right: 41.66666667%;}
	.rtl-page .col-lg-push-4{right: 33.33333333%;}
	.rtl-page .col-lg-push-3{right: 25%;}
	.rtl-page .col-lg-push-2{right: 16.66666667%;}
	.rtl-page .col-lg-push-1{right: 8.33333333%;}
	.rtl-page .col-lg-push-0{right: auto;}
}
@media (min-width: 1200px) {
	*[class*="col-xl-"]{float: left;}
	.rtl-page *[class*="col-xl-"]{float: right;}
	.colsgrid.reversed > *[class*="col-xl-"]{float: right;}
	.rtl-page .colsgrid.reversed > *[class*="col-xl-"]{float: left;}
	.d-flex-xl{display:-ms-flexbox!important;display:flex!important}
	.d-inline-flex-xl{display:-ms-inline-flexbox!important;display:inline-flex!important}
	.d-flex-xl > *[class*=col-]{float: none;}
	.rtl-page .d-flex-xl > *[class*=col-]{float: none;}

	.col-xl-1{width: 8.33333333%;}
	.col-xl-2{width: 16.66666667%;}
	.col-xl-3{width: 25%;}
	.col-xl-4{width: 33.33333333%;}
	.col-xl-5{width: 41.66666667%;}
	.col-xl-6{width: 50%;}
	.col-xl-7{width: 58.33333333%;}
	.col-xl-8{width: 66.66666667%;}
	.col-xl-9{width: 75%;}
	.col-xl-10{width: 83.33333333%;}
	.col-xl-11{width: 91.66666667%;}
	.col-xl-12{width: 100%;}

	.col-xl-offset-12{margin-left: 100%;}
	.col-xl-offset-11{margin-left: 91.66666667%;}
	.col-xl-offset-10{margin-left: 83.33333333%;}
	.col-xl-offset-9{margin-left: 75%;}
	.col-xl-offset-8{margin-left: 66.66666667%;}
	.col-xl-offset-7{margin-left: 58.33333333%;}
	.col-xl-offset-6{margin-left: 50%;}
	.col-xl-offset-5{margin-left: 41.66666667%;}
	.col-xl-offset-4{margin-left: 33.33333333%;}
	.col-xl-offset-3{margin-left: 25%;}
	.col-xl-offset-2{margin-left: 16.66666667%;}
	.col-xl-offset-1{margin-left: 8.33333333%;}
	.col-xl-offset-0{margin-left: 0;}

	*[class*="col-xl-pull"],
	*[class*="col-xl-push"]{position: relative;}
	.col-xl-pull-12{right: 100%;}
	.col-xl-pull-11{right: 91.66666667%;}
	.col-xl-pull-10{right: 83.33333333%;}
	.col-xl-pull-9{right: 75%;}
	.col-xl-pull-8{right: 66.66666667%;}
	.col-xl-pull-7{right: 58.33333333%;}
	.col-xl-pull-6{right: 50%;}
	.col-xl-pull-5{right: 41.66666667%;}
	.col-xl-pull-4{right: 33.33333333%;}
	.col-xl-pull-3{right: 25%;}
	.col-xl-pull-2{right: 16.66666667%;}
	.col-xl-pull-1{right: 8.33333333%;}
	.col-xl-pull-0{right: auto;}

	.col-xl-push-12{left: 100%;}
	.col-xl-push-11{left: 91.66666667%;}
	.col-xl-push-10{left: 83.33333333%;}
	.col-xl-push-9{left: 75%;}
	.col-xl-push-8{left: 66.66666667%;}
	.col-xl-push-7{left: 58.33333333%;}
	.col-xl-push-6{left: 50%;}
	.col-xl-push-5{left: 41.66666667%;}
	.col-xl-push-4{left: 33.33333333%;}
	.col-xl-push-3{left: 25%;}
	.col-xl-push-2{left: 16.66666667%;}
	.col-xl-push-1{left: 8.33333333%;}
	.col-xl-push-0{left: auto;}

	.rtl-page *[class*="col-xl-offset-"]{margin-left: 0;}
	.rtl-page .col-lg-offset-12{margin-right: 100%;}
	.rtl-page .col-xl-offset-11{margin-right: 91.66666667%;}
	.rtl-page .col-xl-offset-10{margin-right: 83.33333333%;}
	.rtl-page .col-xl-offset-9{margin-right: 75%;}
	.rtl-page .col-xl-offset-8{margin-right: 66.66666667%;}
	.rtl-page .col-xl-offset-7{margin-right: 58.33333333%;}
	.rtl-page .col-xl-offset-6{margin-right: 50%;}
	.rtl-page .col-xl-offset-5{margin-right: 41.66666667%;}
	.rtl-page .col-xl-offset-4{margin-right: 33.33333333%;}
	.rtl-page .col-xl-offset-3{margin-right: 25%;}
	.rtl-page .col-xl-offset-2{margin-right: 16.66666667%;}
	.rtl-page .col-xl-offset-1{margin-right: 8.33333333%;}
	.rtl-page .col-xl-offset-0{margin-right: 0;}

	.rtl-page *[class*="col-xl-pull-"]{right: auto;}
	.rtl-page .col-xl-pull-12{left: 100%;}
	.rtl-page .col-xl-pull-11{left: 91.66666667%;}
	.rtl-page .col-xl-pull-10{left: 83.33333333%;}
	.rtl-page .col-xl-pull-9{left: 75%;}
	.rtl-page .col-xl-pull-8{left: 66.66666667%;}
	.rtl-page .col-xl-pull-7{left: 58.33333333%;}
	.rtl-page .col-xl-pull-6{left: 50%;}
	.rtl-page .col-xl-pull-5{left: 41.66666667%;}
	.rtl-page .col-xl-pull-4{left: 33.33333333%;}
	.rtl-page .col-xl-pull-3{left: 25%;}
	.rtl-page .col-xl-pull-2{left: 16.66666667%;}
	.rtl-page .col-xl-pull-1{left: 8.33333333%;}
	.rtl-page .col-xl-pull-0{left: auto;}

	.rtl-page *[class*="col-xl-push-"]{left: auto;}
	.rtl-page .col-xl-push-12{right: 100%;}
	.rtl-page .col-xl-push-11{right: 91.66666667%;}
	.rtl-page .col-xl-push-10{right: 83.33333333%;}
	.rtl-page .col-xl-push-9{right: 75%;}
	.rtl-page .col-xl-push-8{right: 66.66666667%;}
	.rtl-page .col-xl-push-7{right: 58.33333333%;}
	.rtl-page .col-xl-push-6{right: 50%;}
	.rtl-page .col-xl-push-5{right: 41.66666667%;}
	.rtl-page .col-xl-push-4{right: 33.33333333%;}
	.rtl-page .col-xl-push-3{right: 25%;}
	.rtl-page .col-xl-push-2{right: 16.66666667%;}
	.rtl-page .col-xl-push-1{right: 8.33333333%;}
	.rtl-page .col-xl-push-0{right: auto;}
}
@media (max-width: 479px) {
	.cl-b-xs{clear: both;}
	.hidden-xs{display: none !important;}
	.visible-xs{display: block !important;}
	.visible-xs-block{display: block !important;}
	.visible-xs-inline{display: inline !important;}
	.visible-xs-inline-block{display: inline-block !important;}
	.fl-l-xs{float: left;}
	.fl-r-xs{float: right;}
	.ta-left-xs{text-align: left;}
	.ta-right-xs{text-align: right;}
	.ta-center-xs{text-align: center;}
	.rtl-page .fl-r-xs.reversed{float: left;}
	.rtl-page .fl-l-xs.reversed{float: right;}
	.rtl-page .ta-left-xs.reversed{text-align: right;}
	.rtl-page .ta-right-xs.reversed{text-align: left;}
	.el-block-xs{display: block !important;}
	.el-inline-xs{display: inline !important;}
	.el-inline-block-xs{display: inline-block !important;}
	.el-table-xs{display: table !important;}
	.el-inline-table-xs{display: inline-table !important;}
	.el-flex-xs{display: flex !important;}
	.el-inline-flex-xs{display: inline-flex !important;}
}
@media (min-width: 480px) and (max-width: 767px) {
	.cl-b-sm{clear: both;}
	.hidden-sm{display: none !important;}
	.visible-sm{display: block !important;}
	.visible-sm-block{display: block !important;}
	.visible-sm-inline{display: inline !important;}
	.visible-sm-inline-block{display: inline-block !important;}
	.fl-l-sm{float: left;}
	.fl-r-sm{float: right;}
	.ta-left-sm{text-align: left;}
	.ta-right-sm{text-align: right;}
	.ta-center-sm{text-align: center;}
	.rtl-page .fl-l-sm.reversed{float: right;}
	.rtl-page .fl-r-sm.reversed{float: left;}
	.rtl-page .ta-left-sm.reversed{text-align: right;}
	.rtl-page .ta-right-sm.reversed{text-align: left;}
	.el-block-sm{display: block !important;}
	.el-inline-sm{display: inline !important;}
	.el-inline-block-sm{display: inline-block !important;}
	.el-table-sm{display: table !important;}
	.el-inline-table-sm{display: inline-table !important;}
	.el-flex-sm{display: flex !important;}
	.el-inline-flex-sm{display: inline-flex !important;}
}
@media (min-width: 768px) and (max-width: 999px) {
	.cl-b-md{clear: both;}
	.hidden-md{display: none !important;}
	.visible-md{display: block !important;}
	.visible-md-block{display: block !important;}
	.visible-md-inline{display: inline !important;}
	.visible-md-inline-block{display: inline-block !important;}
	.fl-l-md{float: left;}
	.fl-r-md{float: right;}
	.ta-left-md{text-align: left;}
	.ta-right-md{text-align: right;}
	.ta-center-md{text-align: center;}
	.rtl-page .fl-l-md.reversed{float: right;}
	.rtl-page .fl-r-md.reversed{float: left;}
	.rtl-page .ta-left-md.reversed{text-align: right;}
	.rtl-page .ta-right-md.reversed{text-align: left;}
	.el-block-md{display: block !important;}
	.el-inline-md{display: inline !important;}
	.el-inline-block-md{display: inline-block !important;}
	.el-table-md{display: table !important;}
	.el-inline-table-md{display: inline-table !important;}
	.el-flex-md{display: flex !important;}
	.el-inline-flex-md{display: inline-flex !important;}
}
@media (min-width: 1000px) and (max-width: 1199px) {
	.cl-b-lg{clear: both;}
	.hidden-lg{display: none !important;}
	.visible-lg{display: block !important;}
	.visible-lg-block{display: block !important;}
	.visible-lg-inline{display: inline !important;}
	.visible-lg-inline-block{display: inline-block !important;}
	.fl-l-lg{float: left;}
	.fl-r-lg{float: right;}
	.ta-left-lg{text-align: left;}
	.ta-right-lg{text-align: right;}
	.ta-center-lg{text-align: center;}
	.rtl-page .fl-l-lg.reversed{float: right;}
	.rtl-page .fl-r-lg.reversed{float: left;}
	.rtl-page .ta-left-lg.reversed{text-align: right;}
	.rtl-page .ta-right-lg.reversed{text-align: left;}
	.el-block-lg{display: block !important;}
	.el-inline-lg{display: inline !important;}
	.el-inline-block-lg{display: inline-block !important;}
	.el-table-lg{display: table !important;}
	.el-inline-table-lg{display: inline-table !important;}
	.el-flex-lg{display: flex !important;}
	.el-inline-flex-lg{display: inline-flex !important;}
}
@media (min-width: 1200px){
	.cl-b-xl{clear: both;}
	.hidden-xl{display: none !important;}
	.visible-xl{display: block !important;}
	.visible-xl-block{display: block !important;}
	.visible-xl-inline{display: inline !important;}
	.visible-xl-inline-block{display: inline-block !important;}
	.fl-l-xl{float: left;}
	.fl-r-xl{float: right;}
	.ta-left-xl{text-align: left;}
	.ta-right-xl{text-align: right;}
	.ta-center-xl{text-align: center;}
	.rtl-page .fl-l-xl.reversed{float: right;}
	.rtl-page .fl-r-xl.reversed{float: left;}
	.rtl-page .ta-left-xl.reversed{text-align: right;}
	.rtl-page .ta-right-xl.reversed{text-align: left;}
	.el-block-xl{display: block !important;}
	.el-inline-xl{display: inline !important;}
	.el-inline-block-xl{display: inline-block !important;}
	.el-table-xl{display: table !important;}
	.el-inline-table-xl{display: inline-table !important;}
	.el-flex-xl{display: flex !important;}
	.el-inline-flex-xl{display: inline-flex !important;}
}


/*extra margins*/
/*top*/
.mt0{margin-top: 0 !important;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}
.mt55{margin-top: 55px;}
.mt60{margin-top: 60px;}
.mt65{margin-top: 65px;}
.mt70{margin-top: 70px;}
.mt75{margin-top: 75px;}
.mt80{margin-top: 80px;}
.mt85{margin-top: 85px;}
.mt90{margin-top: 90px;}
.mt95{margin-top: 95px;}
.mt100{margin-top: 100px;}
.mtm5{margin-top: -5px;}
.mtm10{margin-top: -10px;}
.mtm15{margin-top: -15px;}
.mtm20{margin-top: -20px;}
.mtm25{margin-top: -25px;}
.mtm30{margin-top: -30px;}
.mtm35{margin-top: -35px;}
.mtm40{margin-top: -40px;}
.mtm45{margin-top: -45px;}
.mtm50{margin-top: -50px;}
.mtm55{margin-top: -55px;}
.mtm60{margin-top: -60px;}
.mtm65{margin-top: -65px;}
.mtm70{margin-top: -70px;}
.mtm75{margin-top: -75px;}
.mtm80{margin-top: -80px;}
.mtm85{margin-top: -85px;}
.mtm90{margin-top: -90px;}
.mtm95{margin-top: -95px;}
.mtm100{margin-top: -100px;}
/*bottom*/
.mb0{margin-bottom: 0 !important;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.mb55{margin-bottom: 55px;}
.mb60{margin-bottom: 60px;}
.mb65{margin-bottom: 65px;}
.mb70{margin-bottom: 70px;}
.mb75{margin-bottom: 75px;}
.mb80{margin-bottom: 80px;}
.mb85{margin-bottom: 85px;}
.mb90{margin-bottom: 90px;}
.mb95{margin-bottom: 95px;}
.mb100{margin-bottom: 100px;}
.mbm5{margin-bottom: -5px;}
.mbm10{margin-bottom: -10px;}
.mbm15{margin-bottom: -15px;}
.mbm20{margin-bottom: -20px;}
.mbm25{margin-bottom: -25px;}
.mbm30{margin-bottom: -30px;}
.mbm35{margin-bottom: -35px;}
.mbm40{margin-bottom: -40px;}
.mbm45{margin-bottom: -45px;}
.mbm50{margin-bottom: -50px;}
.mbm55{margin-bottom: -55px;}
.mbm60{margin-bottom: -60px;}
.mbm65{margin-bottom: -65px;}
.mbm70{margin-bottom: -70px;}
.mbm75{margin-bottom: -75px;}
.mbm80{margin-bottom: -80px;}
.mbm85{margin-bottom: -85px;}
.mbm90{margin-bottom: -90px;}
.mbm95{margin-bottom: -95px;}
.mbm100{margin-bottom: -100px;}
/*left*/
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.ml35{margin-left: 35px;}
.ml40{margin-left: 40px;}
.ml45{margin-left: 45px;}
.ml50{margin-left: 50px;}
.ml55{margin-left: 55px;}
.ml60{margin-left: 60px;}
.ml65{margin-left: 65px;}
.ml70{margin-left: 70px;}
.ml75{margin-left: 75px;}
.ml80{margin-left: 80px;}
.ml85{margin-left: 85px;}
.ml90{margin-left: 90px;}
.ml95{margin-left: 95px;}
.ml100{margin-left: 100px;}
.mlm5{margin-left: -5px;}
.mlm10{margin-left: -10px;}
.mlm15{margin-left: -15px;}
.mlm20{margin-left: -20px;}
.mlm25{margin-left: -25px;}
.mlm30{margin-left: -30px;}
.mlm35{margin-left: -35px;}
.mlm40{margin-left: -40px;}
.mlm45{margin-left: -45px;}
.mlm50{margin-left: -50px;}
.mlm55{margin-left: -55px;}
.mlm60{margin-left: -60px;}
.mlm65{margin-left: -65px;}
.mlm70{margin-left: -70px;}
.mlm75{margin-left: -75px;}
.mlm80{margin-left: -80px;}
.mlm85{margin-left: -85px;}
.mlm90{margin-left: -90px;}
.mlm95{margin-left: -95px;}
.mlm100{margin-left: -100px;}
.rtl-page .ml5.reversed{margin-left:0;margin-right: 5px;}
.rtl-page .ml10.reversed{margin-left:0;margin-right: 10px;}
.rtl-page .ml15.reversed{margin-left:0;margin-right: 15px;}
.rtl-page .ml20.reversed{margin-left:0;margin-right: 20px;}
.rtl-page .ml25.reversed{margin-left:0;margin-right: 25px;}
.rtl-page .ml30.reversed{margin-left:0;margin-right: 30px;}
.rtl-page .ml35.reversed{margin-left:0;margin-right: 35px;}
.rtl-page .ml40.reversed{margin-left:0;margin-right: 40px;}
.rtl-page .ml45.reversed{margin-left:0;margin-right: 45px;}
.rtl-page .ml50.reversed{margin-left:0;margin-right: 50px;}
.rtl-page .ml55.reversed{margin-left:0;margin-right: 55px;}
.rtl-page .ml60.reversed{margin-left:0;margin-right: 60px;}
.rtl-page .ml65.reversed{margin-left:0;margin-right: 65px;}
.rtl-page .ml70.reversed{margin-left:0;margin-right: 70px;}
.rtl-page .ml75.reversed{margin-left:0;margin-right: 75px;}
.rtl-page .ml80.reversed{margin-left:0;margin-right: 80px;}
.rtl-page .ml85.reversed{margin-left:0;margin-right: 85px;}
.rtl-page .ml90.reversed{margin-left:0;margin-right: 90px;}
.rtl-page .ml95.reversed{margin-left:0;margin-right: 95px;}
.rtl-page .ml100.reversed{margin-left:0;margin-right: 100px;}
.rtl-page .mlm5.reversed{margin-left:0;margin-right: -5px;}
.rtl-page .mlm10.reversed{margin-left:0;margin-right: -10px;}
.rtl-page .mlm15.reversed{margin-left:0;margin-right: -15px;}
.rtl-page .mlm20.reversed{margin-left:0;margin-right: -20px;}
.rtl-page .mlm25.reversed{margin-left:0;margin-right: -25px;}
.rtl-page .mlm30.reversed{margin-left:0;margin-right: -30px;}
.rtl-page .mlm35.reversed{margin-left:0;margin-right: -35px;}
.rtl-page .mlm40.reversed{margin-left:0;margin-right: -40px;}
.rtl-page .mlm45.reversed{margin-left:0;margin-right: -45px;}
.rtl-page .mlm50.reversed{margin-left:0;margin-right: -50px;}
.rtl-page .mlm55.reversed{margin-left:0;margin-right: -55px;}
.rtl-page .mlm60.reversed{margin-left:0;margin-right: -60px;}
.rtl-page .mlm65.reversed{margin-left:0;margin-right: -65px;}
.rtl-page .mlm70.reversed{margin-left:0;margin-right: -70px;}
.rtl-page .mlm75.reversed{margin-left:0;margin-right: -75px;}
.rtl-page .mlm80.reversed{margin-left:0;margin-right: -80px;}
.rtl-page .mlm85.reversed{margin-left:0;margin-right: -85px;}
.rtl-page .mlm90.reversed{margin-left:0;margin-right: -90px;}
.rtl-page .mlm95.reversed{margin-left:0;margin-right: -95px;}
.rtl-page .mlm100.reversed{margin-left:0;margin-right: -100px;}
/*right*/
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mr35{margin-right: 35px;}
.mr40{margin-right: 40px;}
.mr45{margin-right: 45px;}
.mr50{margin-right: 50px;}
.mr55{margin-right: 55px;}
.mr60{margin-right: 60px;}
.mr65{margin-right: 65px;}
.mr70{margin-right: 70px;}
.mr75{margin-right: 75px;}
.mr80{margin-right: 80px;}
.mr85{margin-right: 85px;}
.mr90{margin-right: 90px;}
.mr95{margin-right: 95px;}
.mr100{margin-right: 100px;}
.mrm5{margin-right: -5px;}
.mrm10{margin-right: -10px;}
.mrm15{margin-right: -15px;}
.mrm20{margin-right: -20px;}
.mrm25{margin-right: -25px;}
.mrm30{margin-right: -30px;}
.mrm35{margin-right: -35px;}
.mrm40{margin-right: -40px;}
.mrm45{margin-right: -45px;}
.mrm50{margin-right: -50px;}
.mrm55{margin-right: -55px;}
.mrm60{margin-right: -60px;}
.mrm65{margin-right: -65px;}
.mrm70{margin-right: -70px;}
.mrm75{margin-right: -75px;}
.mrm80{margin-right: -80px;}
.mrm85{margin-right: -85px;}
.mrm90{margin-right: -90px;}
.mrm95{margin-right: -95px;}
.mrm100{margin-right: -100px;}
.rtl-page .mr5.reversed{margin-left: 5px;}
.rtl-page .mr10.reversed{margin-right:0;margin-left: 10px;}
.rtl-page .mr15.reversed{margin-right:0;margin-left: 15px;}
.rtl-page .mr20.reversed{margin-right:0;margin-left: 20px;}
.rtl-page .mr25.reversed{margin-right:0;margin-left: 25px;}
.rtl-page .mr30.reversed{margin-right:0;margin-left: 30px;}
.rtl-page .mr35.reversed{margin-right:0;margin-left: 35px;}
.rtl-page .mr40.reversed{margin-right:0;margin-left: 40px;}
.rtl-page .mr45.reversed{margin-right:0;margin-left: 45px;}
.rtl-page .mr50.reversed{margin-right:0;margin-left: 50px;}
.rtl-page .mr55.reversed{margin-right:0;margin-left: 55px;}
.rtl-page .mr60.reversed{margin-right:0;margin-left: 60px;}
.rtl-page .mr65.reversed{margin-right:0;margin-left: 65px;}
.rtl-page .mr70.reversed{margin-right:0;margin-left: 70px;}
.rtl-page .mr75.reversed{margin-right:0;margin-left: 75px;}
.rtl-page .mr80.reversed{margin-right:0;margin-left: 80px;}
.rtl-page .mr85.reversed{margin-right:0;margin-left: 85px;}
.rtl-page .mr90.reversed{margin-right:0;margin-left: 90px;}
.rtl-page .mr95.reversed{margin-right:0;margin-left: 95px;}
.rtl-page .mr100.reversed{margin-right:0;margin-left: 100px;}
.rtl-page .mrm5.reversed{margin-right:0;margin-left: -5px;}
.rtl-page .mrm10.reversed{margin-right:0;margin-left: -10px;}
.rtl-page .mrm15.reversed{margin-right:0;margin-left: -15px;}
.rtl-page .mrm20.reversed{margin-right:0;margin-left: -20px;}
.rtl-page .mrm25.reversed{margin-right:0;margin-left: -25px;}
.rtl-page .mrm30.reversed{margin-right:0;margin-left: -30px;}
.rtl-page .mrm35.reversed{margin-right:0;margin-left: -35px;}
.rtl-page .mrm40.reversed{margin-right:0;margin-left: -40px;}
.rtl-page .mrm45.reversed{margin-right:0;margin-left: -45px;}
.rtl-page .mrm50.reversed{margin-right:0;margin-left: -50px;}
.rtl-page .mrm55.reversed{margin-right:0;margin-left: -55px;}
.rtl-page .mrm60.reversed{margin-right:0;margin-left: -60px;}
.rtl-page .mrm65.reversed{margin-right:0;margin-left: -65px;}
.rtl-page .mrm70.reversed{margin-right:0;margin-left: -70px;}
.rtl-page .mrm75.reversed{margin-right:0;margin-left: -75px;}
.rtl-page .mrm80.reversed{margin-right:0;margin-left: -80px;}
.rtl-page .mrm85.reversed{margin-right:0;margin-left: -85px;}
.rtl-page .mrm90.reversed{margin-right:0;margin-left: -90px;}
.rtl-page .mrm95.reversed{margin-right:0;margin-left: -95px;}
.rtl-page .mrm100.reversed{margin-right:0;margin-left: -100px;}


@media (max-width: 1200px){
	.show-less-1200 {display:block}
	.mt0-lg{margin-top: 0;}
	.mb0-lg{margin-bottom: 0;}
	.ml0-lg{margin-left: 0;}
	.ml0-lg.reversed{margin-right: 0;}
	.mr0-lg{margin-right: 0;}
	.mr0-lg.reversed{margin-left: 0;}
}
@media (max-width: 1000px) {
	.show-less-1000 {display:block}
	.mt0-md{margin-top: 0;}
	.mb0-md{margin-bottom: 0;}
	.ml0-md{margin-left: 0;}
	.ml0-md.reversed{margin-right: 0;}
	.mr0-md{margin-right: 0;}
	.mr0-md.reversed{margin-left: 0;}
}
@media (max-width: 767px) {
	.show-less-767 {display:block}
	.mt0-sm{margin-top: 0;}
	.mb0-sm{margin-bottom: 0;}
	.ml0-sm{margin-left: 0;}
	.ml0-sm.reversed{margin-right: 0;}
	.mr0-sm{margin-right: 0;}
	.mr0-sm.reversed{margin-left: 0;}
}
@media (max-width: 479px) {
	.show-less-479 {display:block}
	.mt0-xs{margin-top: 0;}
	.mb0-xs{margin-bottom: 0;}
	.ml0-xs{margin-left: 0;}
	.ml0-xs.reversed{margin-right: 0;}
	.mr0-xs{margin-right: 0;}
	.mr0-xs.reversed{margin-left: 0;}
}

/* flags */
span.flag{width:40px;height:26px;display:inline-block}
img.flag{width:30px}
.flag{background:url(images/flags_responsive.png) no-repeat;background-size:100%}
.flag-ad{background-position:0 .413223%}
.flag-ae{background-position:0 .826446%}
.flag-af{background-position:0 1.239669%}
.flag-ag{background-position:0 1.652893%}
.flag-ai{background-position:0 2.066116%}
.flag-al{background-position:0 2.479339%}
.flag-am{background-position:0 2.892562%}
.flag-an{background-position:0 3.305785%}
.flag-ao{background-position:0 3.719008%}
.flag-aq{background-position:0 4.132231%}
.flag-ar{background-position:0 4.545455%}
.flag-as{background-position:0 4.958678%}
.flag-at{background-position:0 5.371901%}
.flag-au{background-position:0 5.785124%}
.flag-aw{background-position:0 6.198347%}
.flag-az{background-position:0 6.61157%}
.flag-ba{background-position:0 7.024793%}
.flag-bb{background-position:0 7.438017%}
.flag-bd{background-position:0 7.85124%}
.flag-be{background-position:0 8.264463%}
.flag-bf{background-position:0 8.677686%}
.flag-bg{background-position:0 9.090909%}
.flag-bh{background-position:0 9.504132%}
.flag-bi{background-position:0 9.917355%}
.flag-bj{background-position:0 10.330579%}
.flag-bm{background-position:0 10.743802%}
.flag-bn{background-position:0 11.157025%}
.flag-bo{background-position:0 11.570248%}
.flag-br{background-position:0 11.983471%}
.flag-bs{background-position:0 12.396694%}
.flag-bt{background-position:0 12.809917%}
.flag-bv{background-position:0 13.22314%}
.flag-bw{background-position:0 13.636364%}
.flag-by{background-position:0 14.049587%}
.flag-bz{background-position:0 14.46281%}
.flag-ca{background-position:0 14.876033%}
.flag-cc{background-position:0 15.289256%}
.flag-cd{background-position:0 15.702479%}
.flag-cf{background-position:0 16.115702%}
.flag-cg{background-position:0 16.528926%}
.flag-ch{background-position:0 16.942149%}
.flag-ci{background-position:0 17.355372%}
.flag-ck{background-position:0 17.768595%}
.flag-cl{background-position:0 18.181818%}
.flag-cm{background-position:0 18.595041%}
.flag-cn{background-position:0 19.008264%}
.flag-co{background-position:0 19.421488%}
.flag-cr{background-position:0 19.834711%}
.flag-cu{background-position:0 20.247934%}
.flag-cv{background-position:0 20.661157%}
.flag-cx{background-position:0 21.07438%}
.flag-cy{background-position:0 21.487603%}
.flag-cz{background-position:0 21.900826%}
.flag-de{background-position:0 22.31405%}
.flag-dj{background-position:0 22.727273%}
.flag-dk{background-position:0 23.140496%}
.flag-dm{background-position:0 23.553719%}
.flag-do{background-position:0 23.966942%}
.flag-dz{background-position:0 24.380165%}
.flag-ec{background-position:0 24.793388%}
.flag-ee{background-position:0 25.206612%}
.flag-eg{background-position:0 25.619835%}
.flag-eh{background-position:0 26.033058%}
.flag-er{background-position:0 26.446281%}
.flag-es{background-position:0 26.859504%}
.flag-et{background-position:0 27.272727%}
.flag-fi,.flag-ax{background-position:0 27.68595%}
.flag-fj{background-position:0 28.099174%}
.flag-fk{background-position:0 28.512397%}
.flag-fm{background-position:0 28.92562%}
.flag-fo{background-position:0 29.338843%}
.flag-fr,.flag-mf,.flag-im,.flag-yt,.flag-bl{background-position:0 29.752066%}
.flag-ga{background-position:0 30.165289%}
.flag-gd{background-position:0 30.578512%}
.flag-ge{background-position:0 30.991736%}
.flag-gf{background-position:0 31.404959%}
.flag-gh{background-position:0 31.818182%}
.flag-gi{background-position:0 32.231405%}
.flag-gl{background-position:0 32.644628%}
.flag-gm{background-position:0 33.057851%}
.flag-gn{background-position:0 33.471074%}
.flag-gp{background-position:0 33.884298%}
.flag-gq{background-position:0 34.297521%}
.flag-gr{background-position:0 34.710744%}
.flag-gs{background-position:0 35.123967%}
.flag-gt{background-position:0 35.53719%}
.flag-gu{background-position:0 35.950413%}
.flag-gw{background-position:0 36.363636%}
.flag-gy{background-position:0 36.77686%}
.flag-hk{background-position:0 37.190083%}
.flag-hm{background-position:0 37.603306%}
.flag-hn{background-position:0 38.016529%}
.flag-hr{background-position:0 38.429752%}
.flag-ht{background-position:0 38.842975%}
.flag-hu{background-position:0 39.256198%}
.flag-id{background-position:0 39.669421%}
.flag-ie{background-position:0 40.082645%}
.flag-il{background-position:0 40.495868%}
.flag-in{background-position:0 40.909091%}
.flag-io{background-position:0 41.322314%}
.flag-iq{background-position:0 41.735537%}
.flag-ir{background-position:0 42.14876%}
.flag-is{background-position:0 42.561983%}
.flag-it{background-position:0 42.975207%}
.flag-jm{background-position:0 43.38843%}
.flag-jo{background-position:0 43.801653%}
.flag-jp{background-position:0 44.214876%}
.flag-ke{background-position:0 44.628099%}
.flag-kg{background-position:0 45.041322%}
.flag-kh{background-position:0 45.454545%}
.flag-ki{background-position:0 45.867769%}
.flag-km{background-position:0 46.280992%}
.flag-kn{background-position:0 46.694215%}
.flag-kp{background-position:0 47.107438%}
.flag-kr{background-position:0 47.520661%}
.flag-kw{background-position:0 47.933884%}
.flag-ky{background-position:0 48.347107%}
.flag-kz{background-position:0 48.760331%}
.flag-la{background-position:0 49.173554%}
.flag-lb{background-position:0 49.586777%}
.flag-lc{background-position:0 50%}
.flag-li{background-position:0 50.413223%}
.flag-lk{background-position:0 50.826446%}
.flag-lr{background-position:0 51.239669%}
.flag-ls{background-position:0 51.652893%}
.flag-lt{background-position:0 52.066116%}
.flag-lu{background-position:0 52.479339%}
.flag-lv{background-position:0 52.892562%}
.flag-ly{background-position:0 53.305785%}
.flag-ma{background-position:0 53.719008%}
.flag-mc{background-position:0 54.132231%}
.flag-md{background-position:0 54.545455%}
.flag-me{background-position:0 54.958678%}
.flag-mg{background-position:0 55.371901%}
.flag-mh{background-position:0 55.785124%}
.flag-mk{background-position:0 56.198347%}
.flag-ml{background-position:0 56.61157%}
.flag-mm{background-position:0 57.024793%}
.flag-mn{background-position:0 57.438017%}
.flag-mo{background-position:0 57.85124%}
.flag-mp{background-position:0 58.264463%}
.flag-mq{background-position:0 58.677686%}
.flag-mr{background-position:0 59.090909%}
.flag-ms{background-position:0 59.504132%}
.flag-mt{background-position:0 59.917355%}
.flag-mu{background-position:0 60.330579%}
.flag-mv{background-position:0 60.743802%}
.flag-mw{background-position:0 61.157025%}
.flag-mx{background-position:0 61.570248%}
.flag-my{background-position:0 61.983471%}
.flag-mz{background-position:0 62.396694%}
.flag-na{background-position:0 62.809917%}
.flag-nc{background-position:0 63.22314%}
.flag-ne{background-position:0 63.636364%}
.flag-nf{background-position:0 64.049587%}
.flag-ng{background-position:0 64.46281%}
.flag-ni{background-position:0 64.876033%}
.flag-nl{background-position:0 65.289256%}
.flag-no{background-position:0 65.702479%}
.flag-np{background-position:0 66.115702%}
.flag-nr{background-position:0 66.528926%}
.flag-nu{background-position:0 66.942149%}
.flag-nz{background-position:0 67.355372%}
.flag-om{background-position:0 67.768595%}
.flag-pa{background-position:0 68.181818%}
.flag-pe{background-position:0 68.595041%}
.flag-pf{background-position:0 69.008264%}
.flag-pg{background-position:0 69.421488%}
.flag-ph{background-position:0 69.834711%}
.flag-pk{background-position:0 70.247934%}
.flag-pl{background-position:0 70.661157%}
.flag-pm{background-position:0 71.07438%}
.flag-pn{background-position:0 71.487603%}
.flag-pr{background-position:0 71.900826%}
.flag-pt{background-position:0 72.31405%}
.flag-pw{background-position:0 72.727273%}
.flag-py{background-position:0 73.140496%}
.flag-qa{background-position:0 73.553719%}
.flag-re{background-position:0 73.966942%}
.flag-ro{background-position:0 74.380165%}
.flag-rs{background-position:0 74.793388%}
.flag-ru{background-position:0 75.206612%}
.flag-rw{background-position:0 75.619835%}
.flag-sa{background-position:0 76.033058%}
.flag-sb{background-position:0 76.446281%}
.flag-sc{background-position:0 76.859504%}
.flag-sd{background-position:0 77.272727%}
.flag-se{background-position:0 77.68595%}
.flag-sg{background-position:0 78.099174%}
.flag-sh{background-position:0 78.512397%}
.flag-si{background-position:0 78.92562%}
.flag-sj{background-position:0 79.338843%}
.flag-sk{background-position:0 79.752066%}
.flag-sl{background-position:0 80.165289%}
.flag-sm{background-position:0 80.578512%}
.flag-sn{background-position:0 80.991736%}
.flag-so{background-position:0 81.404959%}
.flag-sr{background-position:0 81.818182%}
.flag-ss{background-position:0 82.231405%}
.flag-st{background-position:0 82.644628%}
.flag-sv{background-position:0 83.057851%}
.flag-sy{background-position:0 83.471074%}
.flag-sz{background-position:0 83.884298%}
.flag-tc{background-position:0 84.297521%}
.flag-td{background-position:0 84.710744%}
.flag-tf{background-position:0 85.123967%}
.flag-tg{background-position:0 85.53719%}
.flag-th{background-position:0 85.950413%}
.flag-tj{background-position:0 86.363636%}
.flag-tk{background-position:0 86.77686%}
.flag-tl{background-position:0 87.190083%}
.flag-tm{background-position:0 87.603306%}
.flag-tn{background-position:0 88.016529%}
.flag-to{background-position:0 88.429752%}
.flag-tp{background-position:0 88.842975%}
.flag-tr{background-position:0 89.256198%}
.flag-tt{background-position:0 89.669421%}
.flag-tv{background-position:0 90.082645%}
.flag-tw{background-position:0 90.495868%}
.flag-ty{background-position:0 90.909091%}
.flag-tz{background-position:0 91.322314%}
.flag-ua{background-position:0 91.735537%}
.flag-ug{background-position:0 92.14876%}
.flag-gb,.flag-je,.flag-uk,.flag-gg{background-position:0 92.561983%}
.flag-um{background-position:0 92.975207%}
.flag-us{background-position:0 93.38843%}
.flag-uy{background-position:0 93.801653%}
.flag-uz{background-position:0 94.214876%}
.flag-va{background-position:0 94.628099%}
.flag-vc{background-position:0 95.041322%}
.flag-ve{background-position:0 95.454545%}
.flag-vg{background-position:0 95.867769%}
.flag-vi{background-position:0 96.280992%}
.flag-vn{background-position:0 96.694215%}
.flag-vu{background-position:0 97.107438%}
.flag-wf{background-position:0 97.520661%}
.flag-ws{background-position:0 97.933884%}
.flag-ye{background-position:0 98.347107%}
.flag-za{background-position:0 98.760331%}
.flag-zm{background-position:0 99.173554%}
.flag-zr{background-position:0 99.586777%}
.flag-zw{background-position:0 100%}


/* buttons */
.button{
	display: inline-flex;
  flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	border-radius: 5px;
	padding: 3px 15px;
	min-width: 180px;
	min-height: 37px;
	font-size: 16px;
	line-height: 21px;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	text-decoration: none;
	text-align: center;
	background: #c84731;
}
.button:before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 5px;
	border: 2px solid transparent;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.button > span{
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.button:hover,
.button.active{
	background: #fc5b3f;
	text-decoration: none;
}
.button:active{
	background: #FFC66F;
}
.button2{
	background: #13273D;
}
.button2:hover,
.button2.active{
	background: #466B93;
}
.button2:active{
	background: #7B9FC7;
}
.button3{
	background: #fff;
	color: #000;
}
.button3:hover,
.button3.active,
.button3:active{
	background: #fff;
	color: #000;
}
.button4{
  background: #316EB0;
}
.button4:hover,
.button4.active,
.button4:active{
  background: #5388D8;
}
.button5{
  background: #466B93; 
}
.button5:hover,
.button5.active,
.button5:active{
  background: #13273D;
}

.button.bordered{
	color: #c84731;
	background: transparent;
}
.button.bordered:before{border-color: #c84731;}
.button.bordered:hover,
.button.bordered.active{
	color: #fff;
	background: #fc5b3f;
}
.button.bordered:hover:before,
.button.bordered.active:before{border-color: #fc5b3f;}

.button.bordered:active,
.button.bordered.active:active{
	color: #fff;
	background: #FFC66F;
}
.button.bordered:active:before,
.button.bordered.active:active:before{border-color: #FFC66F;}

.button2.bordered{
	color: #13273D;
	background: transparent;
}
.button2.bordered:before{border-color: #13273D;}
.button2.bordered:hover,
.button2.bordered.active{
	color: #fff;
	background: #466B93;
}
.button2.bordered:hover:before,
.button2.bordered.active:before{border-color:#466B93;}


.button2.bordered:active,
.button2.bordered.active:active{
	color: #fff;
	background: #7B9FC7;
}
.button2.bordered:active:before,
.button2.bordered.active:active:before{border-color: #7B9FC7;}


.button3.bordered{
	color: #fff;
	background: transparent;
}
.button3.bordered:before{border-color: #fff;}
.button3.bordered:hover,
.button3.bordered:active,
.button3.bordered.active{
	color: #fff;
	background: rgba(214,214,214,0.4);
}
.button3.bordered:hover:before,
.button3.bordered.active:before{border-color:#fff;}


.button4.bordered{
  color: #316EB0;
  background: transparent;
}
.button4.bordered:before{border-color: #316EB0;}
.button4.bordered:hover,
.button4.bordered.active{
  color: #fff;
  background: #5388D8;
}
.button4.bordered:hover:before,
.button4.bordered.active:before{border-color:#5388D8;}


.button4.bordered:active,
.button4.bordered.active:active{
  color: #fff;
  background: #5388D8;
}
.button4.bordered:active:before,
.button4.bordered.active:active:before{border-color: #5388D8;}


.button5.bordered{
  color: #466B93;
  background: transparent;
}
.button5.bordered:before{border-color: #466B93;}
.button5.bordered:hover,
.button5.bordered.active{
  color: #fff;
  background: #13273D;
}
.button5.bordered:hover:before,
.button5.bordered.active:before{border-color:#13273D;}


.btn-sz01{min-width: 157px}
.btn-sz02{min-width: 180px}
.btn-sz03{min-width: 259px}
.btn-sz04{min-width: 290px}
.btn-sz05{min-width: 120px}

.btn-h01{height: 40px;}

.btn-block{
	display: flex;
	min-width: 1px;
}



.btn-lg{
  min-width: 225px;
  min-height: 58px;
  font-size: 24px;
  font-weight: 500;
}
.btn-xl{
  min-height: 72px;
  min-width: 276px;
}

.centered-buttons{
	text-align: center;
	margin: 0 -15px;
}
.centered-buttons .button{
	margin: 0 15px 15px;
}


@media (max-width: 1200px){
	.btn-block-lg{
    width: 100%;
		min-width: 1px !important;
	}
}
@media (max-width: 1000px) {
	.btn-block-md{
    width: 100%;
		min-width: 1px !important;
	}
}
@media (max-width: 767px) {
  .btn-block-sm{
    width: 100%;
		min-width: 1px !important;
	}
}
@media (max-width: 479px) {
	.btn-block-xs{
    width: 100%;
		min-width: 1px !important;
	}
}

/*select2*/
.select2-container {
box-sizing:border-box;
display:inline-block;
margin:0;
position:relative;
vertical-align:middle;
font-size: 18px;
line-height: 22px;
font-family: 'Lato', sans-serif;
}
.rtl-page .select2-container{direction: rtl}

.select2-container .select2-selection--single {
box-sizing:border-box;
cursor:pointer;
display:block;
height:40px;
user-select:none;
-webkit-user-select:none
}

.select2-container .select2-selection--single .select2-selection__rendered {
font-size: 18px;
line-height: 40px;
font-weight: 400;
font-family: 'Lato', sans-serif;
color: #13273D;
display:block;
padding-left:15px;
padding-right:40px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
text-align: initial;
}
@media (max-width: 767px) {
.select2-container .select2-selection--single .select2-selection__rendered{
  font-size: 14px;  
}
}

.select2-container.select2-container--open .select2-selection--single,
.select2-container.select2-container--focus .select2-selection--single{
  background: #E7EBF2;
}
.select2-container .select2-selection--single .select2-selection__clear {
background-color:transparent;
border:none;
font-size:1em
}

.rtl-page .select2-container .select2-selection--single .select2-selection__rendered {
padding-right:15px;
padding-left:40px
}

.select2-container .select2-selection--multiple {
box-sizing:border-box;
cursor:pointer;
display:block;
min-height:32px;
user-select:none;
-webkit-user-select:none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
display:inline;
list-style:none;
padding:0
}

.select2-container .select2-selection--multiple .select2-selection__clear {
background-color:transparent;
border:none;
font-size:1em
}

.select2-container .select2-search--inline .select2-search__field {
box-sizing:border-box;
border:none;
font-size:100%;
margin-top:5px;
margin-left:5px;
padding:0;
max-width:100%;
resize:none;
height:18px;
vertical-align:bottom;
font-family:sans-serif;
overflow:hidden;
word-break:keep-all
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance:none
}

.select2-dropdown {
font-weight: 400;
background-color:#fff;
border:1px solid #000;
border-radius:5px;
box-sizing:border-box;
display:block;
position:absolute;
left:-100000px;
width:100%;
z-index:1051
}

.select2-results {
display:block
}

.select2-results__options {
list-style:none;
margin:0;
padding:0
}

.select2-results__option {
padding:6px;
padding:6px 35px;
border: 1px solid #E7EBF2;
border-width: 1px 0 0;
user-select:none;
-webkit-user-select:none
}

.select2-results__option--selectable {
cursor:pointer
}

.select2-container--open .select2-dropdown {
left:0
}

.select2-container--open .select2-dropdown--above {
border-bottom:none;
border-bottom-left-radius:0;
border-bottom-right-radius:0
}

.select2-container--open .select2-dropdown--below {
border-top:none;
border-top-left-radius:0;
border-top-right-radius:0
}

.select2-search--dropdown {
display:block;
padding:4px
}

.select2-search--dropdown .select2-search__field {
padding:4px;
width:100%;
box-sizing:border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance:none
}

.select2-search--dropdown.select2-search--hide {
display:none
}

.select2-close-mask {
border:0;
margin:0;
padding:0;
display:block;
position:fixed;
left:0;
top:0;
min-height:100%;
min-width:100%;
height:auto;
width:auto;
opacity:0;
z-index:99;
background-color:#fff;
filter:alpha(opacity=0)
}

.select2-hidden-accessible {
border:0!important;
clip:rect(0 0 0 0)!important;
-webkit-clip-path:inset(50%)!important;
clip-path:inset(50%)!important;
height:1px!important;
overflow:hidden!important;
padding:0!important;
position:absolute!important;
width:1px!important;
white-space:nowrap!important
}

.select2-container--default .select2-selection--single {
background: transparent;
border:1px solid #000;
border-radius:5px;

}

.select2-container--default .select2-selection--single .select2-selection__clear {
cursor:pointer;
float:right;
font-weight:700;
height:26px;
margin-right:20px;
padding-right:0
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
color:#13273D
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
position:absolute;
top:0;
bottom:0;
right:0;
width:40px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color:#000 transparent transparent;
border-style:solid;
border-width:8px 8px 0;
height:0;
left:50%;
margin-left:-8px;
margin-top:-4px;
position:absolute;
top:50%;
width:0;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}

.rtl-page .select2-container--default .select2-selection--single .select2-selection__clear {
float:left
}

.rtl-page .select2-container--default .select2-selection--single .select2-selection__arrow {
left:1px;
right:auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
background-color:#eee;
cursor:default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display:none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
-webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
      transform:rotate(180deg);
}

.select2-container--default .select2-selection--multiple {
background-color:#fff;
border:1px solid #aaa;
border-radius:4px;
cursor:text;
padding-bottom:5px;
padding-right:5px;
position:relative
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
padding-right:25px
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor:pointer;
font-weight:700;
height:20px;
margin-right:10px;
margin-top:5px;
position:absolute;
right:0;
padding:1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color:#e4e4e4;
border:1px solid #aaa;
border-radius:4px;
box-sizing:border-box;
display:inline-block;
margin-left:5px;
margin-top:5px;
padding:0;
padding-left:20px;
position:relative;
max-width:100%;
overflow:hidden;
text-overflow:ellipsis;
vertical-align:bottom;
white-space:nowrap
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
cursor:default;
padding-left:2px;
padding-right:5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
background-color:transparent;
border:none;
border-right:1px solid #aaa;
border-top-left-radius:4px;
border-bottom-left-radius:4px;
color:#999;
cursor:pointer;
font-size:1em;
font-weight:700;
padding:0 4px;
position:absolute;
left:0;
top:0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
background-color:#f1f1f1;
color:#333;
outline:none
}

.rtl-page .select2-container--default .select2-selection--multiple .select2-selection__choice {
margin-left:5px;
margin-right:auto
}

.rtl-page .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
padding-left:5px;
padding-right:2px
}

.rtl-page .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
border-left:1px solid #aaa;
border-right:none;
border-top-left-radius:0;
border-bottom-left-radius:0;
border-top-right-radius:4px;
border-bottom-right-radius:4px
}

.rtl-page .select2-container--default .select2-selection--multiple .select2-selection__clear {
float:left;
margin-left:10px;
margin-right:auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
border:solid #000 1px;
outline:0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color:#eee;
cursor:default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display:none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius:0;
border-top-right-radius:0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius:0;
border-bottom-right-radius:0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
border:1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
background:transparent;
border:none;
outline:0;
box-shadow:none;
-webkit-appearance:textfield
}

.select2-container--default .select2-results > .select2-results__options {
max-height:200px;
overflow-y:auto
}

.select2-container--default .select2-results__option .select2-results__option {
padding-left:1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left:0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left:-1em;
padding-left:2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left:-2em;
padding-left:3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left:-3em;
padding-left:4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left:-4em;
padding-left:5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left:-5em;
padding-left:6em
}

.select2-container--default .select2-results__option--group {
padding:0
}

.select2-container--default .select2-results__option--disabled {
color:#999
}

.select2-container--default .select2-results__option--selected {
background-color:#ddd
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color:#5897fb;
color:#fff
}

.select2-container--default .select2-results__group {
cursor:default;
display:block;
padding:6px
}

.select2-container--classic .select2-selection--single {
background-color:#f7f7f7;
border:1px solid #aaa;
border-radius:4px;
outline:0;
background-image:-webkit-linear-gradient(top,white 50%,#eee 100%);
background-image:-o-linear-gradient(top,white 50%,#eee 100%);
background-image:linear-gradient(to bottom,white 50%,#eee 100%);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
border:1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
color:#444;
line-height:28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
cursor:pointer;
float:right;
font-weight:700;
height:26px;
margin-right:20px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
color:#999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
background-color:#ddd;
border:none;
border-left:1px solid #aaa;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
height:26px;
position:absolute;
top:1px;
right:1px;
width:20px;
background-image:-webkit-linear-gradient(top,#eee 50%,#ccc 100%);
background-image:-o-linear-gradient(top,#eee 50%,#ccc 100%);
background-image:linear-gradient(to bottom,#eee 50%,#ccc 100%);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFCCCCCC',GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
border-color:#888 transparent transparent;
border-style:solid;
border-width:5px 4px 0;
height:0;
left:50%;
margin-left:-4px;
margin-top:-2px;
position:absolute;
top:50%;
width:0
}

.rtl-page .select2-container--classic .select2-selection--single .select2-selection__clear {
float:left
}

.rtl-page .select2-container--classic .select2-selection--single .select2-selection__arrow {
border:none;
border-right:1px solid #aaa;
border-radius:0;
border-top-left-radius:4px;
border-bottom-left-radius:4px;
left:1px;
right:auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
border:1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
background:transparent;
border:none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color:transparent transparent #888;
border-width:0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
border-top:none;
border-top-left-radius:0;
border-top-right-radius:0;
background-image:-webkit-linear-gradient(top,white 0%,#eee 50%);
background-image:-o-linear-gradient(top,white 0%,#eee 50%);
background-image:linear-gradient(to bottom,white 0%,#eee 50%);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
border-bottom:none;
border-bottom-left-radius:0;
border-bottom-right-radius:0;
background-image:-webkit-linear-gradient(top,#eee 50%,white 100%);
background-image:-o-linear-gradient(top,#eee 50%,white 100%);
background-image:linear-gradient(to bottom,#eee 50%,white 100%);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFFFFFFF',GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
background-color:#fff;
border:1px solid #aaa;
border-radius:4px;
cursor:text;
outline:0;
padding-bottom:5px;
padding-right:5px
}

.select2-container--classic .select2-selection--multiple:focus {
border:1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
display:none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
background-color:#e4e4e4;
border:1px solid #aaa;
border-radius:4px;
display:inline-block;
margin-left:5px;
margin-top:5px;
padding:0
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
cursor:default;
padding-left:2px;
padding-right:5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
background-color:transparent;
border:none;
border-top-left-radius:4px;
border-bottom-left-radius:4px;
color:#888;
cursor:pointer;
font-size:1em;
font-weight:700;
padding:0 4px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
color:#555;
outline:none
}

.rtl-page .select2-container--classic .select2-selection--multiple .select2-selection__choice {
margin-left:5px;
margin-right:auto
}

.rtl-page .select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
padding-left:5px;
padding-right:2px
}

.rtl-page .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
border-top-left-radius:0;
border-bottom-left-radius:0;
border-top-right-radius:4px;
border-bottom-right-radius:4px
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
border:1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
border-top:none;
border-top-left-radius:0;
border-top-right-radius:0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom:none;
border-bottom-left-radius:0;
border-bottom-right-radius:0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
border:1px solid #aaa;
outline:0
}

.select2-container--classic .select2-search--inline .select2-search__field {
outline:0;
box-shadow:none
}

.select2-container--classic .select2-dropdown {
background-color:#fff;
border:1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
border-bottom:none
}

.select2-container--classic .select2-dropdown--below {
border-top:none
}

.select2-container--classic .select2-results > .select2-results__options {
max-height:200px;
overflow-y:auto
}

.select2-container--classic .select2-results__option--group {
padding:0
}

.select2-container--classic .select2-results__option--disabled {
color:grey
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
background-color:#3875d7;
color:#fff
}

.select2-container--classic .select2-results__group {
cursor:default;
display:block;
padding:6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
border-color:#5897fb
}

/* form */
.form .custom-col-1{width: 100px;}
.form .custom-col-2{width: 200px;}
.form .custom-col-3,.form .captcha-image{width: 155px;}
.form .captcha-image img{height: 40px;}
.row:after,
.form:after{
	display: block;
	clear: both;
	content: "";
}
.form .row{padding: 0 0 16px;}
.form .row[class*=d-flex]:after{content: none;}
.form .row-control{margin: 0 0 0 175px;}
.form .formset{
	width: 370px;
}
.form .buttonset{width: 545px;}
.form .formitems{
  display: flex;
  margin: 0 -20px 0 0;
}
.form .formitem{
  flex: auto;
	padding-right: 20px;
}
.form .formitem[class*=custom-col]{flex: initial;}
.form .formitem[class*=col-]{float: none;}
.form .phone-number{
  display: flex;
  position: relative;
}
.form .phone-number > select,
.form .phone-number > .select2{width: 80px !important;}
.form .phone-number > input{flex: 1}
.form .phone-number .select2-selection .country-name{display: none;}
.form .phone-number .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 10px;
  padding-right: 25px;
}
.rtl-page .form .phone-number .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 25px;
  padding-right: 10px;
}
.form .phone-number .select2-container--default .select2-selection--single .select2-selection__arrow{width: 30px;}
.form .phone-number .select2-container .select2-selection--single .select2-selection__rendered .flag{
  margin-top: 6px;
  margin-bottom: -6px;
}
.form .phone-number .select2-container.select2-container--default.select2-container--open{width: 100%;}
.form .phone-number:not(.formitems) .select2-dropdown{width: 100% !important;}
.form .phone-number.formitems .select2-dropdown{width: calc(100% - 20px) !important;}
.form .phone-number .select2-results__option{
  display: flex;
  align-items: center;
  padding: 5px 10px;
}
.form .phone-number .select2-results__option .flag{margin: 0 40px 0 0;}
.rtl-page .form .phone-number .select2-results__option{direction: rtl;}
.rtl-page .form .phone-number .select2-results__option .flag{ margin: 0 0 0 40px;}

.form label{
	float: left;
	display: flex;
	align-items: center;
	width: 160px;
	margin: 0 15px 0 0;
	height: 40px;
	font: 16px/22px 'Lato', sans-serif;
}
.form .row-wlabel label{width: auto !important;}
.form .row-hlabel label{height: auto !important;}
.form .row-whlabel label{
	width: auto !important;
	height: auto !important;
}
.form .row-wlabel label,
.form .row-whlabel label{margin: 0 20px 0 0;}
.form input[type=tel],
.form input[type=url],
.form input[type=text],
.form input[type=email],
.form input[type=search],
.form input[type=number],
.form input[type=password],
.form textarea,
.form select{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 8px 15px;
	background: transparent;
	border: 1px solid #000;
	border-radius: 5px;
	font-size: 18px;
	line-height: 22px;
	font-family: 'Lato', sans-serif;
	color: #13273D;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
.form select{
	position: relative;
	appearance: none;
}
.form select{
  background-image: url("images/bg-select.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 9px) 50%;
  background-size: 17px 10  px;
}
.form select::-ms-expand {
  display: none;
}
.form .formtext{
	display: block;
	height: 40px;
	display: flex;
	align-items: center;
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	font-family: 'Lato', sans-serif;
}
.form .formsubtext{
  font-weight: 400;
  font-size: 11px;
  line-height: 14px;
  padding-top: 10px;
}
.form input[type=file]{
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin: 9px 0;
}
.form textarea{
	width: 100%;
	max-width: 100%;
	height: 152px;
	max-height: 152px;
	overflow: auto;
	resize: none;
}
.form .textarea-h01{
	height: 97px;
  max-height: 97px;
}
.form .textarea-h02{
}
.form input:focus,
.form select:focus,
.form textarea:focus,
.form .selector.focus span{
	/* border-color: #5E7A99; */
  background-color: #E7EBF2;
	outline: 0;
}

.form input:-webkit-autofill,
.form input:-webkit-autofill:hover, 
.form input:-webkit-autofill:focus,
.form textarea:-webkit-autofill,
.form textarea:-webkit-autofill:hover,
.form textarea:-webkit-autofill:focus,
.form select:-webkit-autofill,
.form select:-webkit-autofill:hover,
.form select:-webkit-autofill:focus{
	-webkit-box-shadow: 0 0 0px 1000px #fff inset;
	transition: background-color 5000s ease-in-out 0s;
	-webkit-text-fill-color: #13273D !important;
}

.form input[disabled],
.form input[readonly],
.form textarea[disabled],
.form textarea[readonly],
.form select[disabled],
.form select[readonly],
.form .selector.disabled span{
	cursor: not-allowed;
	opacity: 0.8;
}
.form .selector select[disabled]{opacity: 0;}

.form input.input-validation-error,
.form textarea.input-validation-error,
.form select.input-validation-error,
.form .selector.input-validation-error span{
	z-index: 1;
	color: #f00;
	border-color: #f00;
}
.form ::-webkit-input-placeholder{color: #13273D;}
.form :-moz-placeholder{
	color: #13273D;
	opacity: 1;
}
.form ::-moz-placeholder{
	color: #13273D;
	opacity: 1;
}
.form :-ms-input-placeholder{color: #13273D;}
.form ::-ms-input-placeholder{color: #13273D;}
.form input.placeholder,
.form textarea.placeholder{color: #13273D;}

.form .input{
  position: relative;
}
.form .input:before{
  font-family: 'icomoon';
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  font-size: 15px;
  height: 22px;
  line-height: 22px;
  z-index: 2;
}
.rtl-page .form .input:before{
  right: auto;
  left: 20px;
}
.form .input.focused.input-validation-valid:before{
  content: "\e91c";
}
.form .input-validation-error::-webkit-input-placeholder{color: #f00 !important;}
.form .input-validation-error:-moz-placeholder{color: #f00 !important;}
.form .input-validation-error::-moz-placeholder{color: #f00 !important;}
.form .input-validation-error:-ms-input-placeholder{color: #f00 !important;}
.form .input-validation-error::-ms-input-placeholder{color: #f00 !important;}
.form .input-validation-error.placeholder{color: #f00 !important;}
.form .radio-check{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding: 0 0 0 35px;
	margin: 10px 15px 10px 0;
  line-height: 20px;
}
.form .radio-check2{padding: 0 35px 0 0;}
.form .radio-check:after{
	content: "";
	display: block;
	clear: both;
}
.form .row-hlabel .radio-check,
.form .row-whlabel .radio-check{
	vertical-align: top;
	margin-top: 0;
	margin-bottom: 0;
}
.form .radio-check.el-block{
	margin-right: 0;
}
.form .radio-check .error{margin: 0 0 0 -35px;}
.form .radio-check2 .error{margin: 0 -35px 0 0;}
/*.form .radio-check input[type=radio],
.form .radio-check input[type=checkbox]{
	position: absolute;
	left: 0;
	top: 2px;
	margin: 0;
	padding: 0;
	width: 16px;
	height: 16px;
}
.form .radio-check2 input[type=radio],
.form .radio-check2 input[type=checkbox]{
	left: auto;
	right: 0;
}
.form .radio-check .radio,
.form .radio-check .checker{
	position:absolute;
	left: 0;
	top: 1px;
	margin: 0;
	padding: 0;
	width: 18px;
	height: 18px;
}
.form .radio-check2 .radio,
.form .radio-check2 .checker{
	left: auto;
	right: 0
}
.form .radio input,
.form .checker input{
	right: auto !important;
	left: 0 !important;
	top: 0 !important;
	width: 100% !important;
	height: 100% !important;
	opacity: 0;
	margin: 0 !important
}
.form .radio span,
.form .checker span{
	display:block;
	height: 100%;
	background: #fff;
	border: 1px solid #4B4B4B;
	text-align: center;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.form .radio span:before,
.form .checker span:before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	color: #c84731;
	margin: auto;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.form .checker span{border-radius: 3px}
.form .radio span{border-radius: 50%;}
.form .radio span:before{
	width: 6px;
	height: 6px;
	border-radius: 50%;
}
.form .checker span:before{
	font-family: 'icomoon';
	content: "\e915";
	font-size: 12px;
	line-height: 18px;
	opacity: 0;
}
.form .radio .checked:before{background: #c84731;}
.form .checker .checked:before{opacity: 1;}
.form .checker.disabled span,
.form .radio.disabled span{
	pointer-events: none;
	opacity: 0.8;
}
*/
.form .radio-check label{
	font: 16px/20px 'Lato', sans-serif;
	float: none !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	display: inline-block !important;
	vertical-align: top;
}
.form .radio-check.font-sz13 label{font-size: 13px;}
.form .radio-check input{
	position: absolute;
	width: 20px;
	height: 20px;
	opacity: 0;
	left: 0;
	top: 0;
	margin: 0;
}
.form .radio-check input + label:before,
.form .radio-check input + label:after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	text-align: center;
	font-size: 16px;
  line-height: 20px;
	color: #5E7A99;
	-webkit-transition: all .3s ease;
					transition: all .3s ease;
}
.form .radio-check input + label:after{opacity: 0;}
.form .radio-check input + label:before{
	border: 1px solid #000;
	border-radius: 5px;
}
.form .radio-check input[type=radio] + label:before,
.form .radio-check input[type=radio] + label:after{
	border-radius: 50%;
}
.form .radio-check input[type=radio] + label:after{
	width: 10px;
	height: 10px;
	background: #5E7A99;
	margin: 5px;
}
.form .radio-check input[type=checkbox] + label:before{
	border-radius: 5px;
}
.form .radio-check input[type=checkbox] + label:after{
	font-family: 'icomoon';
	content: "\e91b";
}
.form .radio-check input:checked + label:after{opacity: 1;}

.form .radio-check2 input,
.form .radio-check2 input + label:before,
.form .radio-check2 input + label:after{
	left: auto;
	right: 0;
}

.form .error{
	color: #f00;
	display: block;
	clear: both;
	font-size: 12px;
	line-height: 15px;
}
.validation-summary-errors{
	color: #f00;
	font-weight: 400;
	font-size: 14px;
	line-height: normal;
}
.form .forgot{
	display: inline-block;
	vertical-align: top;
}
.required{
	font: 12px 'Lato', sans-serif;
	padding: 0 0 15px;
}
.form .mark{
	position: static !important;
	opacity: 1 !important;
}
.form .buttonset,
.form .button-row{
  display: flex;
  justify-content: flex-end;
}
.form .buttonset .button,
.form .button-row .button{
	margin: 0 0 0 10px;
}
.form .btn-row{padding-top: 30px;}
.form #iSM{
	width: 100%;
	display: inline-block;
	vertical-align: top;
	border-radius: 10px;
	overflow: hidden;
	margin: 9px 0;
}
.form #iSM ul{
	margin: 0 0 0 -2px;
	padding: 0;
	list-style: none;
	font-size: 12px;
	line-height: 22px;
  font-weight: 400;
	font-family: 'Montserrat', sans-serif;
	color: #1E3146;
	text-align: center;
	display: flex;
}
.form #iSM ul li{
	margin: 0 0 0 2px;
	background: #E7EBF2;
	flex-basis: 0;
	flex-grow: 1;
}
.form .weak #iWeak{
	color: #fff;
	background: #FF5A5A;
}
.form .medium #iWeak,.form .medium #iMedium{
	color: #fff;
	background: #ff8000;
}
.form .strong #iWeak,.form .strong #iMedium,.form .strong #iStrong{
	color: #fff;
	background: #008000;
}


.form .customfile .button-wrap{
 position:relative
}
.form .customfile .button-wrap .button{min-height: 40px;}
.form .customfile input[type=file] {
  color:#464646;
  position:absolute;
  z-index:2;
  top:0;
  left:0;
  width:100%!important;
  height:100%!important;
  padding:0;
  cursor:pointer;
  opacity:0;
  margin:0
}
.form .customfile input[disabled] {
  background:none;
  border-color:transparent;
  cursor:text;
}


/*.form .customfile2 .button-wrap {
 position:relative;
 padding:0 0 0 10px
}
.form .customfile2 .button-wrap:before {
 content:"";
 position:absolute;
 left:5px;
 top:0;
 bottom:0;
 margin:auto 0;
 width:20px;
 height:20px;
 background:url(images/icons.png) no-repeat -240px 0
}*/

.form .fileupload-control {
  position:relative;
  height:100%;
  padding:0 0 16px
}
.form .fileupload-control .dropzone {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:10px;
  min-height:135px;
  position:relative;
  background:#fff;
  font-weight: 400;
  border: 2px dashed #91BCD2;
  border-radius: 5px;
}
.form .fileupload-control .dropzone a {
  display:inline-block;
  vertical-align:top;
  position:relative;
  color:#13273D;
  font-weight:700;
}
.form .fileupload-control .dropzone [class*=icon-] {
  display:inline-block;
  vertical-align:top;
  margin:0;
  color:#D6DEEB;
  font-size:90px
}
.form .fileupload-control input[type=file] {
  cursor:pointer;
  position:absolute;
  right:0;
  top:0;
  width:100%;
  height:100%;
  opacity:0;
  margin:0;
  -ms-filter:alpha(opacity=0);
  z-index:1
}
.form .fileupload-control input[type=file],
.form .fileupload-control input[type=file]::-webkit-file-upload-button {cursor:pointer}


.form .radio-check-btnset{
  margin-left: -15px;
  margin-right: -15px;
}
.form .radio-check-btnset label{
  min-height: 37px;
  vertical-align: top;
  position: relative;
  min-width: 96px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #13273D;
  border-radius: 5px;
  color: #000;
  margin: 0 15px;
  font-size: 16px;
  line-height: 21px;
  font-weight: 600;
  font-family: 'Montserrat', sans-serif;
}
.form .radio-check-btnset label span{
  display: inline;
  vertical-align: top;
}
.form .radio-check-btnset label.input-validation-error{
  border-color: #f00;
  color: #f00;
}
.form .radio-check-btnset label.input-validation-error.checked{
  border-color: #7d7d7d;
}
.form .radio-check-btnset label.checked{
  background: #13273D;
  color: #fff;
}
.form .radio-check-btnset label input[type="radio"],
.form .radio-check-btnset label input[type="checkbox"]{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  margin: 0;
}


.form .signature-pad-body{
  /*padding: 0 0 27.77777777777778%;*/
  height: 105px;
  position: relative;
  border: 2px dashed #91BCD2;
  border-radius: 5px;
  margin: 6px 0;
  background: #fff;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  font-family: 'Lato', sans-serif;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
.form .signature-pad-body.focus{background: #E7EBF2;}
.form .signature-pad-body .signature-placeholder{
  position: absolute;
  top: 50%;
  left: 15px;
  z-index: 1;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.form .signature-pad-body canvas{
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
  vertical-align: top;
}
.form .signature-pad-body.focus .signature-placeholder,
.form .signature-pad-body.not-empty .signature-placeholder{display: none;}
.form .signature-pad-body.mouseenter{cursor: url(images/cursor-pencil.png) 0 20, auto}

.form .profile-info{
  font-size: 16px;
  line-height: 40px;
  font-family: 'Montserrat', sans-serif;  
}
.form .form-area{
	margin-bottom: 30px;
}
.form .form-columns{
	margin-left: -30px;
}
.form .form-columns:after{
	display: block;
	clear: both;
	content: "";
}
.form .form-col{padding: 0 0 0 30px;}

.form .form-columns2{
  margin-left: -20px;
}
.form .form-columns2 .form-col{padding: 0 0 0 20px;}

.form .form-col .formset,
.form .form-col .buttonset{
	width: 100%;
	margin: 0 !important;
}
.form .form-col label{
	float: none;
	display: block;
	width: auto;
	margin: 0 0 5px;
	height: auto;
}
.form .form-col .row-control{margin: 0;}
.form-type02 label{
	float: none;
	display: inline-block;
	vertical-align: top;
	width: auto;
	margin: 0 0 5px;
	height: auto;
}

.form-type02 .row-control{
	margin: 0;
}
.form-type02 .buttonset{width: 370px;}

.form-style02 .row{
  padding-bottom: 23px;
}
.form-style02 label{
  font-size: 16px;
  line-height: 19px;
  font-family: 'Roboto', sans-serif;
}
.form-style02 input[type=tel],
.form-style02 input[type=url],
.form-style02 input[type=text],
.form-style02 input[type=email],
.form-style02 input[type=search],
.form-style02 input[type=number],
.form-style02 input[type=password],
.form-style02 textarea,
.form-style02 select,
.form-style02 .selector span,
.form-style02 .formtext,
.form-style02 .select2-container--default .select2-selection--single{
  background: #FFFFFF;
  border-color: transparent;
  font-size: 16px;
  line-height: 19px;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
  padding: 9px 25px;
}
.form-style02 .select2-container .select2-selection--single .select2-selection__rendered{
  padding-left: 25px;
  font-size: 16px;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
}
.form-style02 .select2-selection__placeholder{font-weight: 400;}
.rtl-page .form-style02 .select2-container .select2-selection--single .select2-selection__rendered{
  padding-left: 40px;
  padding-right: 25px;
}
.form-style02 .select2-container .select2-selection--single{
  padding: 0;
}
.form-style02 .select2-container.select2-container--open .select2-selection--single,
.form-style02 .select2-container.select2-container--focus .select2-selection--single{
  border-color: #A7BFDA;
  background-color: #fff; 
  font-weight: 400;
}
.form-style02 .select2-dropdown{
  border-color: #A7BFDA;
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
  background: #F7F2E6;
}
.form-style02 .select2-results__option{
  padding: 5px 25px;
  border: 0;
}
.form-style02 .phone-number .select2-results__option .flag{margin: 0 50px 0 0;}
.rtl-page .form-style02 .phone-number .select2-results__option .flag{margin: 0 0 0 50px;}
.form-style02 input:focus,
.form-style02 select:focus,
.form-style02 textarea:focus,
.form-style02 .selector.focus span{
  border-color: #A7BFDA;
  background-color: #fff; 
}
.form-style02 ::-webkit-input-placeholder{font-weight: 400;}
.form-style02 :-moz-placeholder{font-weight: 400;}
.form-style02 ::-moz-placeholder{font-weight: 400;}
.form-style02 :-ms-input-placeholder{font-weight: 400;}
.form-style02 ::-ms-input-placeholder{font-weight: 400;}
.form-style02 .radio-check label{
  font-family: 'Roboto', sans-serif;
}
.form-style02 .radio-check input + label:before{
  border-color: #A7BFDA;
  background: #fff;
  color: rgba(31, 50, 71, 0,54);
}
.form-style02 .radio-check input[type="radio"] + label:after{background: #31AB27;}
.form-style02 .radio-check input[type="checkbox"] + label:after{
  content: "\e91c";
  color: #31AB27;
}
.form-style02 .signature-pad-body{
  font-size: 16px;
  line-height: 19px;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
}
.form-style02 .signature-pad-body.focus{background: #fff;}
.form-style02 .signature-pad-body .signature-placeholder{
  font-weight: 400;
}

.form-style03 .row{padding-bottom: 23px;}
.form-style03 label{
  font-size: 14px;
  line-height: 17px;
  font-family: 'Lato', sans-serif;
}
.form-style03 input[type=tel],
.form-style03 input[type=url],
.form-style03 input[type=text],
.form-style03 input[type=email],
.form-style03 input[type=search],
.form-style03 input[type=number],
.form-style03 input[type=password],
.form-style03 textarea,
.form-style03 select,
.form-style03 .selector span,
.form-style03 .formtext,
.form-style03 .select2-container--default .select2-selection--single{
  background: #FFFFFF;
  border-color: transparent;
  font-size: 13px;
  line-height: 16px;
  font-weight: 300;
  padding: 11px 25px;
}
.form-style03 .select2-container .select2-selection--single .select2-selection__rendered{
  padding-left: 25px;
  font-size: 13px;
  font-weight: 300;
}
.rtl-page .form-style03 .select2-container .select2-selection--single .select2-selection__rendered{
  padding-left: 40px;
  padding-right: 25px;
}
.form-style03 .select2-container .select2-selection--single{
  padding: 0;
}
.form-style03 .select2-container.select2-container--open .select2-selection--single,
.form-style03 .select2-container.select2-container--focus .select2-selection--single{
  background-color: #DAF8FF; 
}
.form-style03 .select2-dropdown{
  border-color: transparent;
  font-size: 13px;
  line-height: 26px;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
  background-color: #DAF8FF;
}
.form-style03 .select2-results__option{
  padding: 5px 25px;
  border: 0;
}
.form-style03 .phone-number .select2-results__option .flag{margin: 0 50px 0 0;}
.rtl-page .form-style03 .phone-number .select2-results__option .flag{margin: 0 0 0 50px;}
.form-style03 input:focus,
.form-style03 select:focus,
.form-style03 textarea:focus,
.form-style03 .selector.focus span{
  background-color: #DAF8FF; 
}
.form-style03 .radio-check label{
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
}
.form-style03 .radio-check input + label:before{
  border-color: #A7BFDA;
  background: #fff;
  color: rgba(31, 50, 71, 0,54);
}
.form-style03 .radio-check input[type="radio"] + label:after{background: #34A0FF;}
.form-style03 .radio-check input[type="checkbox"]{
  width: 14px;
  height: 14px;
  top: 2px;
}
.form-style03 .radio-check input[type="checkbox"] + label:before,
.form-style03 .radio-check input[type="checkbox"] + label:after{
  width: 14px;
  height: 14px;
  top: 2px;
}

.form-style03 .radio-check input[type="checkbox"] + label:before{border-radius: 2px;}
.form-style03 .radio-check input[type="checkbox"] + label:after{
  content: "\e91c";
  color: #000;
  font-size: 16px;
  line-height: 16px;
  top: -1px;
}
.form-style03 .radio-check input[type="radio"],
.form-style03 .radio-check input[type="radio"] + label:before{
  width: 25px;
  height: 25px;
  top: -4px;
}
.form-style03 .radio-check input[type="radio"] + label:before{
  border: 0;
}
.form-style03 .radio-check input[type="radio"] + label:after{
  top: -4px;
  width: 13px;
  height: 13px;
  margin: 6px;
}
.form-style03 .signature-pad-body{
  font-size: 13px;
  line-height: 15px;
  font-weight: 300;
}
.form-style03 .signature-pad-body.focus{background: #fff;}
.form-style03 .radio-check input{
  width: 14px;
  height: 14px;
}

.rtl-page .form .phone-number{flex-direction: row-reverse;}
.rtl-page .form .row-control{margin: 0 175px 0 0;}
.rtl-page .form .formitems{margin: 0 0 0 -20px;}
.rtl-page .form .formitem{
  padding-left: 20px;
  padding-right: 0;
}
.rtl-page .form .formitems[class*=d-flex] .formitem{ float: none;}
.rtl-page .form label{
  float: right;
  margin: 0 0 0 15px;
}
.rtl-page .form .row-wlabel label,
.rtl-page .form .row-whlabel label{margin: 0 0 0 20px;}
.rtl-page .form select{
  background-position: 9px 50%;
}
.rtl-page .form .radio-check{
  padding: 0 35px 0 0;
  margin: 10px 0 10px 15px;
}
.rtl-page .form .radio-check2{padding: 0 0 0 35px;}
.rtl-page .form .row-hlabel .radio-check,
.rtl-page .form .row-whlabel .radio-check{
  margin-top: 0;
  margin-bottom: 0;
}
.rtl-page .form .radio-check.el-block{
  margin-right: 0;
}
.rtl-page .form .radio-check .error{margin: 0 -35px 0 0;}
.rtl-page .form .radio-check2 .error{margin: 0 0 0 -35px;}

.rtl-page .form .radio-check input{
  left: auto;
  right: 0;
}
.rtl-page .form .radio-check input + label:before,
.rtl-page .form .radio-check input + label:after{
  left: auto;
  right: 0;
}
.rtl-page .form .radio-check2 input,
.rtl-page .form .radio-check2 input + label:before,
.rtl-page .form .radio-check2 input + label:after{
  right: auto;
  left: 0;
}
.rtl-page .form .buttonset .button,
.rtl-page .form .button-row .button{
  margin: 0 0 0 10px;
}
/* .rtl-page .form .form-columns{
  margin-left: 0;
  margin-right: -30px;
}
.rtl-page .form .form-col{padding: 0 30px 0 0;} */

.rtl-page .form .form-col label{
  float: none;
  margin: 0 0 5px;
}
.rtl-page .form .form-col .row-control{margin: 0;}
.rtl-page .form-type02 label{
  float: none;
  margin: 0 0 5px;
}
.rtl-page .form-type02 .row-control{margin: 0;}

@media (max-width: 1000px) {
  .form .ta-center-md .buttonset,
  .form .button-row.ta-center-md{
    justify-content: center;
  }
	.form .ta-center-md .buttonset .button,
	.form .button-row.ta-center-md .button,
	.rtl-page .form .ta-center-md .buttonset .button,
	.rtl-page .form .button-row.ta-center-md .button{
		margin: 0;
	}
}
@media (max-width: 767px) {
  .form .ta-center-sm .buttonset,
  .form .button-row.ta-center-sm{
    justify-content: center;
  }
	.form .ta-center-sm .buttonset .button,
	.form .button-row.ta-center-sm .button,
	.rtl-page .form .ta-center-sm .buttonset .button,
	.rtl-page .form .button-row.ta-center-sm .button{
		margin: 0;
	}
  .form label{
    height: auto;
    width: auto;
    font-size: 14px;
    line-height: 17px;
  }
  .form label,
  .rtl-page .form label{
    float: none;
    margin: 0 0 5px;
  }
  .form .row-control,
  .rtl-page .form .row-control{margin: 0;}
  .form .formset,
  .form .buttonset{
    width:100%;
  }
  .form input[type=tel],
  .form input[type=url],
  .form input[type=text],
  .form input[type=email],
  .form input[type=search],
  .form input[type=number],
  .form input[type=password],
  .form textarea,
  .form select{
    font-size: 14px;
    line-height: 18px;
    padding: 10px 15px;
  }
  .select2-container{
    font-size: 14px;
    line-height: 18px;
  }
  .form .formitems{margin: 0 -15px 0 0;}
  .form .formitem{padding-right: 15px; }
  .form .phone-number.formitems .select2-dropdown{width: calc(100% - 15px) !important;}
  .rtl-page .form .formitems{margin: 0 0 0 -15px;}
  .rtl-page .form .formitem{
    padding-right: 0;
    padding-left: 15px;
  }
  .form .formtext{
    font-size: 14px;
    line-height: 16px;
  }
  .form .radio-check label{
    font-size: 12px;
    line-height: 18px;
  }
  .form .radio-check{
    margin-top: 11px;
    margin-bottom: 11px;
    padding: 0 0 0 30px;
  }
  .form .radio-check2{padding: 0 30px 0 0;}
  .form .radio-check .error{margin: 0 0 0 -30px;}
  .form .radio-check2 .error{margin: 0 -30px 0 0;}

  .rtl-page .form .radio-check{
    margin-top: 11px;
    margin-bottom: 11px;
    padding: 0 30px 0 0;
  }
  .rtl-page .form .radio-check2{padding: 0 0 0 30px;}
  .rtl-page .form .radio-check .error{margin: 0 -30px 0 0;}
  .rtl-page .form .radio-check2 .error{margin: 0 0 0 -30px;}
  
  .form .radio-check input,
  .form .radio-check input + label:before,
  .form .radio-check input + label:after{
    top: -3px;
  }

  .form .fileupload-control .dropzone [class*=icon-] {
    font-size: 75px;
  }

  .form .signature-pad-body{
    font-size: 14px;
    line-height: 18px;
  }
  .form .signature-pad-body .signature-placeholder{
    top: 6px;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
  .form .profile-info{
    font-size: 14px;
    line-height: 17px;
  }
  .form .btn-row{padding-top: 10px;}

  .form-style02 input[type=tel],
  .form-style02 input[type=url],
  .form-style02 input[type=text],
  .form-style02 input[type=email],
  .form-style02 input[type=search],
  .form-style02 input[type=number],
  .form-style02 input[type=password],
  .form-style02 textarea,
  .form-style02 select,
  .form-style02 .selector span,
  .form-style02 .formtext,
  .form-style02 .select2-container--default .select2-selection--single{
    font-size: 16px;
    line-height: 19px;
    padding-left: 25px;
    padding-right: 25px;
  }
  .form-style02 .select2-container--default .select2-selection--single{
    padding: 0
  }
  /*.form-style02 .select2-container .select2-selection--single .select2-selection__rendered{
    padding-left: 25px;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
  }*/
  .form-style02 .radio-check label{
    font-size: 16px;
  }

  .form-style03 input[type=tel],
  .form-style03 input[type=url],
  .form-style03 input[type=text],
  .form-style03 input[type=email],
  .form-style03 input[type=search],
  .form-style03 input[type=number],
  .form-style03 input[type=password],
  .form-style03 textarea,
  .form-style03 select,
  .form-style03 .selector span,
  .form-style03 .formtext,
  .form-style03 .select2-container--default .select2-selection--single{
    font-size: 14px;
    line-height: 17px;
    padding-left: 25px;
    padding-right: 25px;
  }
  .form-style03 .select2-container--default .select2-selection--single{
    padding: 0
  }
  .form-style03 .radio-check label{
    font-size: 14px;
  }

}
@media (max-width: 479px) {
  .form .ta-center-xs .buttonset,
  .form .button-row.ta-center-xs{
    justify-content: center;
  }
	.form .ta-center-xs .buttonset .button,
	.form .button-row.ta-center-xs .button,
	.rtl-page .form .ta-center-xs .buttonset .button,
	.rtl-page .form .button-row.ta-center-xs .button{
		margin: 0;
	}
}



/* layout */
#wrapper{
	padding-top: 80px;
	position: relative;
	display: flex;
	flex-direction: column;
	position: relative;
	overflow: hidden;
	min-height: 100vh;	
}
#wrapper.personal-area{
	padding-top: 110px;
	padding-top: 0;
	display: flex;
	/* overflow: visible; */
	flex-direction: column;
	height: auto;
}

@media (max-width: 767px) {
	#wrapper{
		padding-top: 62px;
	}
	#wrapper.personal-area{
		padding-top: 60px;
		padding-top: 0
	}
}
.personal-area .w1 {
	height: calc(100vh - 78px);
	display: flex;
	flex-direction: column;
}

main:after,
header:after{
	display: block;
	clear: both;
	content: "";
}
main{
	/* flex: 1 0 auto;   */
  flex: 1;
	position: relative;
}
.page-registration .m1{
  min-height: 452px;
  padding: 50px 0;
}
.page-registration .m1:before,
.page-registration .m1:after{
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -1298px;
  width: 2597px;
  height: 226px;
  background: url('images/bg-register.svg') no-repeat 50% 0;
  background-size: 100% 100%;
}
.page-registration .m1:before{
  top: 0;
}
.page-registration .m1:after{
  bottom: 0;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.rtl-page .page-registration .m1:before,
.rtl-page .page-registration .m1:after{
  left: auto;
  right: 50%;
  margin-left: 0;
  margin-right: -1298px;
}
.rtl-page .page-registration .m1:before{
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.rtl-page .page-registration .m1:after{
  -webkit-transform: rotate(180deg) scaleX(-1);
      -ms-transform: rotate(180deg) scaleX(-1);
          transform: rotate(180deg) scaleX(-1);
}
.page-registration #content{
  z-index: 1;
  position: relative;
}
@media (max-width: 767px) {
  .page-registration .m1{
    padding: 30px 0;
  }
  .page-registration .m1:before,
  .page-registration .m1:after{
    width: 1202px;
    height: 105px;
    margin-left: -480px;
  }
  .page-registration .m1:before{
    margin-left: -480px;
  }
  .page-registration .m1:after{
    margin-left: -720px;
  }
  .rtl-page .page-registration .m1:before{
    margin-left: 0;
    margin-right: -480px;
  }
  .rtl-page .page-registration .m1:after{
    margin-left: 0;
    margin-right: -720px;
  }
}

.personal-area main{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	padding-top: 0 !important;
	overflow: hidden;
}
/*.m1{display: none;}*/
.m1{
	position: relative;
	padding: 45px 0;
}	
.home-page .m1{padding: 0;}
.tnx-page .m1{padding-bottom: 0;}
.personal-area .m1{
	padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	height: 100%;
	overflow: hidden;
  width: 100%;
}
@media (max-width: 767px) {
	.m1{
		padding: 15px 0;
	}
  .home-page .m1{padding: 0;}
  .tnx-page .m1{padding-bottom: 0;}
}

.content-holder{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}
.content-holder #content{
	flex: 1;
	min-height: 1px;
}
#sidebar{
	width: 270px;
	margin: 0 30px 0 0;
}
.rtl-page #sidebar{
	margin: 0 0 0 30px;
}
.personal-area #content{
	height: 100%;
	width: calc(50% - 78px);
	margin: 0 70px 0 0;
	/* padding: 40px 30px 30px 65px; */
  padding: 40px 0 30px 65px;
	/* overflow: auto; */
	-webkit-transition: all .5s ease;
					transition: all .5s ease;
  /*upd*/
  display: flex;
  flex-direction: column;
}

.personal-area #partialContent{
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;  
}
.personal-area #aside{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	overflow: auto;
	margin: 0 20px 0 30px;
	padding: 45px 0;
	/*height: 100%;*/
  flex: 1;
}
.personal-area .aside-hidden #content {
    width: 100%;
    margin: 0;
}
.personal-area .aside-hidden .aside-control{display: none;}

.personal-area .aside-opened #content{
	margin: 0 0 0 calc(-50% + 78px);
}
.rtl-page .personal-area #content{
	margin: 0 0 0 70px;
	padding: 40px 65px 30px 30px;
  padding: 40px 65px 30px 0;
}
.rtl-page .personal-area #aside{
	margin: 0 30px 0 20px;
}
.rtl-page .personal-area .aside-opened #content{
	margin: 0 calc(-50% + 78px) 0 0;
}
.personal-area .content-opened #content,
.rtl-page .personal-area .content-opened #content{
  width: 100%;
  margin: 0;
  padding: 40px 65px 30px;
}
.personal-area .content-opened .personal-content{padding: 0;}
.personal-panel-item .content{
  position: relative;
  display: none;
}
.personal-panel-item.active .content{display: block;}
.personal-panel-item .content h3{margin-bottom: 20px;}


.personal-area .personal-content{
  flex: 1;
  overflow: auto;
  padding: 0 30px 0 0;
  scrollbar-color: #E1E6EF rgba(231, 235, 242, 0.4);
  scrollbar-width: thin;
}
.personal-area .personal-content::-webkit-scrollbar {
  width: 10px;
  background-color:rgba(231, 235, 242, 0.4);
  border-radius: 5px;
}
.personal-area .personal-content::-webkit-scrollbar-thumb {
  background-color: #E1E6EF;
  border-radius: 5px;
}
.rtl-page .personal-area .personal-content{
  padding: 0 0 0 30px;
}
@media (max-width: 1400px) {
	.personal-area #content{
		width: 100%;
		margin: 0;
    padding: 40px 30px 30px;
    padding: 40px 7px 30px 30px;
    padding: 40px 30px 30px 30px;
	}
	.rtl-page .personal-area #content{
    margin: 0;
    padding: 40px 30px 30px;
    padding: 40px 30px 30px 7px;
    padding: 40px 30px 30px;
  }
	.personal-area #aside,
	.rtl-page .personal-area #aside{margin: 0;}
	.personal-area .aside-opened #content{
		margin: 0 0 0 -100%;
	}
	.rtl-page .personal-area .aside-opened #content{
		margin: 0 -100% 0 0;
	}
  .personal-area .content-opened #content,
  .rtl-page .personal-area .content-opened #content{
    padding: 40px 30px 30px;
  }
}
@media (max-width: 767px) {
  .personal-area #content{
    padding: 20px 7px 20px 15px;
    padding: 20px 15px;
  }
  .rtl-page .personal-area #content{
    padding: 20px 15px;
    padding: 20px 15px 20px 7px;
    padding: 20px 15px;
  }

  .personal-area .personal-content{
    padding: 0 15px 0 0;
  }
  .rtl-page .personal-area .personal-content{
    padding: 0 0 0 15px;
  }
  .personal-area .content-opened #content,
  .rtl-page .personal-area .content-opened #content{
    padding: 20px 15px;
  }
}
.aside-control{
	position: absolute;
	left: calc(50% - 48px);
	top: 0;
	bottom: 0;
	background: #E7EBF2;
	width: 1px;
	color: #000;
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	writing-mode:vertical-rl;
	-webkit-transition: all .5s ease;
					transition: all .5s ease;
}
.aside-control *{position: relative;}
.aside-control:hover{text-decoration: none;}
.aside-control > span{
	font-size: 0;
	line-height: 0;
	position: absolute;
	right: 0;
	top: 50%;
	display: block;
	min-height: 80px;
	background: #E7EBF2;
	padding: 10px 0 10px 15px;
	text-align: center;
	-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
					transform: translateY(-50%);
}
.aside-control > span:before,
.aside-control > span:after{
	content: "";
	position: absolute;
	border-style: solid;	
	left: 0;
}
.aside-control > span:before{
	top: -10px;
	border-width: 0 0 10px 15px;
	border-color: #E7EBF2 transparent;
}
.aside-control > span:after{
	bottom: -10px;
	border-width: 0 15px 10px 0;
	border-color: transparent #E7EBF2;
}
.aside-control strong{
	font-size: 0;
	line-height: 0;
	font-weight: 700;
}
.aside-control strong:after{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	border-style: solid;
	border-width: 8px 7px 8px 0;
	border-color: transparent #1E3146;
	width: 7px;
	height: 16px;
	margin: auto 4px;
}
.aside-control strong{display: none;}
.aside-control strong:first-child{display: block;}

.aside-opened .aside-control strong{display: none;}
.aside-opened .aside-control strong:last-child{display: block;}

.aside-opened .aside-control{
	left: 0;
}
.aside-opened .aside-control > span{
	right: auto;
	left: 0;
}
.aside-opened .aside-control > span:before{
	border-width: 0 15px 10px 0;
	border-color: #E7EBF2 transparent;
}
.aside-opened .aside-control > span:after{	
	border-width: 0 0 10px 15px;
	border-color: transparent #E7EBF2;
}
.aside-opened .aside-control strong{
	-webkit-transform:rotate(180deg);
			-ms-transform:rotate(180deg);
					transform:rotate(180deg);
}
.aside-opened .aside-control strong:after{
	right: auto;
	left: 0;
}
.rtl-page .aside-control{
	writing-mode:vertical-lr;
	left: auto;
	right: calc(50% - 48px);
}
.rtl-page .aside-control > span{
	right: auto;
	left: 0;
	padding: 10px 15px 10px 0;
}
.rtl-page .aside-control > span:before,
.rtl-page .aside-control > span:after{
	left: auto;
	right: 0;
}
.rtl-page .aside-control > span:before{border-width: 0 15px 10px 0;}
.rtl-page .aside-control > span:after{border-width: 0 0 10px 15px;}
.rtl-page .aside-control strong:after{
	right: auto;
	left: 0;
	border-width: 8px 0 8px 7px;
}
.rtl-page .aside-opened .aside-control{
	left: auto;
	right: 0;
}
.rtl-page .aside-opened .aside-control > span{
	left: auto;
	right: 0;
}
.rtl-page .aside-opened .aside-control > span:before{border-width: 0 0 10px 15px;}
.rtl-page .aside-opened .aside-control > span:after{border-width: 0 15px 10px 0;}
.rtl-page .aside-opened .aside-control strong:after{
	left: auto;
	right: 0;
}

@media (max-width: 1400px) {
	.aside-control{
		left: calc(100% - 7px);
		width: 7px;
		filter: drop-shadow(-4px 2px 3px rgba(0, 0, 0, 0.3));
	}
	.aside-control > span{
		min-height: 115px;
		right: 0;
		padding: 10px 6px;
	}
	.aside-control > span:before{
		border-width: 0 0 10px 28px;
		border-color: #E7EBF2 transparent;
	}
	.aside-control > span:after{
		border-width: 0 28px 10px 0;
		border-color: transparent #E7EBF2;
	}
	
	.aside-control strong{
		font-size: 12px;
		line-height: 16px;
	}
	.aside-control strong:after{content: none;}
	.aside-opened .aside-control{
		background: #1E3146;
	}
	.aside-opened .aside-control > span{
		right: auto;
		left: 0;
		background: #1E3146;
	}
	.aside-opened .aside-control > span:before{
		border-width: 0 28px 10px 0;
		border-color: #1E3146 transparent;
	}
	.aside-opened .aside-control > span:after{
		border-width: 0 0 10px 28px;
		border-color: transparent #1E3146;
	}
	.aside-opened .aside-control strong{
		color: #fff;
	}

	.rtl-page .aside-control{
		left: auto;
		right: calc(100% - 7px);
		filter: drop-shadow(4px 2px 3px rgba(0, 0, 0, 0.3));
	}
	.rtl-page .aside-control > span{
		right: auto;
		left: 0;
		padding: 10px 6px;
	}
	.rtl-page .aside-control > span:before{border-width: 0 28px 10px 0;}
	.rtl-page .aside-control > span:after{border-width: 0 0 10px 28px;}
	.rtl-page .aside-opened .aside-control > span{
		left: auto;
		right: 0;
	}
	.rtl-page .aside-opened .aside-control > span:before{
		border-width: 0 0 10px 28px;
	}
	.rtl-page .aside-opened .aside-control > span:after{
		border-width: 0 28px 10px 0;	
	}
}
.personal-panel-item .panel{
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 30px;
  line-height: 42px;
  font-weight: 400;
  font-family: Montserrat;
  border-radius: 5px 5px 0px 0px;
  background: #1E3146;
  padding: 0 15px;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.personal-panel-item .panel h2{
  font-size: 30px;
  line-height: 42px;
  font-weight: 400;
  font-family: Montserrat;
  margin: 0;
  color: #fff;
}
.personal-panel-item.active .panel{
  color: #1E3146;
  background: rgba(163, 193, 226, 0.2);
  box-shadow: inset 1.5px 1.5px 4px rgba(0, 3, 5, 0.25);
}
.personal-panel-item.active .panel h2{
  color: #1E3146;
}
.personal-panel-item .content {
  padding: 30px 45px;
  width: 520px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .personal-panel-item .panel{
    font-size: 20px;
    line-height: 25px;
    padding: 12px 15px;
  }
  .personal-panel-item .panel h2{
    font-size: 20px;
    line-height: 25px;
  }
  .personal-panel-item .content {
    width: auto;
    padding: 15px
  }
}


/* header */
header{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	background: #13273D;
	z-index: 50;
  min-width: 320px;
}
.personal-area header{
	position: sticky;
}
header .main-holder{
	position: relative;
}
.logo-holder{
	position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	height: 80px;
	align-items: center;
	justify-content: space-between;
}
.personal-area .logo-holder{
	height: 110px;
	/*align-items: normal;*/
}
@media (max-width: 1610px) {
	header .main-holder{
		position: static;
	}
	.logo-holder{position: static;}
}
@media (max-width: 1400px) {
	header .main-holder{
		max-width: none;
	}
	.logo-holder{
		justify-content: space-between;
	}
}
@media (max-width: 767px) {
	.logo-holder{height: 62px;}
	.personal-area .logo-holder{height: 60px;}
}
.logo{
	display: inline-block;
	vertical-align: top;
	margin: 0;
	width: 81px;
	height: 46px;
}
.logo a{
  position: relative;
	display: block;
	height: 100%;
	font-size: 0;
  line-height: 0;
	background: url(images/logo.svg) no-repeat;
	background-size: 100% 100%;
}
/*.logo-xmas a:before {
 content:"";
 position:absolute;
 left:33.1%;
 top:-16.4%;
 width:29.661016949153%;
 height:76.119402985075%;
 background:url(images/bg-christmas-logo.png) no-repeat;
 background-size:cover
}*/

.ph-logos{
	text-align: center;
	color: #fff;
	font-weight: 700;
	font-size: 10px;
	line-height: 12px;
	margin: 0 0 0 30px;
}
.rtl-page .ph-logos{
	margin: 0 30px 0 0;
}
.ph-logos .items{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.ph-logos .item{
	padding: 0 25px;
	border: 1px solid #fff;
	border-width: 0 0 0 1px;
}
.ph-logos .item:first-child{
	border-color: transparent;
}
.rtl-page .ph-logos .item{border-width: 0 1px 0 0;}

.ph-logos .logo{
	width: 100px;
	height: 56.6px;
	margin-top: 10px;
  margin-bottom: 0 !important;
}
.ph-logos img{
	width: 90px;
	margin: -4px 0;
}
@media (max-width: 1610px) {
	.ph-logos,
	.rtl-page .ph-logos{margin: 0;}
	/*.ph-logos{margin-left: -15px;}
	.rtl-page .ph-logos{
		margin-left: 0;
		margin-right: -15px;
	}
	.ph-logos .item{
		padding: 0 15px;
	}*/
}
@media (max-width: 1400px) {
	.logo{
		margin: auto;
	}
	.ph-logos{margin-left: -15px;}
	.rtl-page .ph-logos{
		margin-left: 0;
		margin-right: -15px;
	}
	.ph-logos .item{
		padding: 0 15px;
	}
}
@media (max-width: 767px) {
	.ph-logos{
		font-size: 9px;
	}
	/*.ph-logos,
	.rtl-page .ph-logos{
		margin-left: 0;
		margin-right: 0;
	}*/
	.ph-logos .items{margin-bottom: 3px}
	.ph-logos .item{
		padding: 0 15px;
	}
	.ph-logos .logo{
		width: 52px;
		height: 31px;
	}
	.ph-logos img{
		width: 47px;
		margin: -2px 0;
	}
}

/* personal-panel */
.personal-panel{
	height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	align-items: center;
	flex:  1;
}

.control-panel .item{position: relative;}
.control-panel .link{text-decoration: none;}
.control-panel .link.arrow > span:after{
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 8px 0 8px;
	border-color: #fff transparent;
	-webkit-transition: all 0.3s ease;
					transition: all 0.3s ease;	
}
.rtl-page .control-panel .link.arrow > span:after{
	right: auto;
	left: 0;
}
.control-panel .link.arrow.active > span:after{
	-webkit-transform:rotate(180deg);
			-ms-transform:rotate(180deg);
					transform:rotate(180deg);
}
.rtl-page .control-panel .link.arrow.active > span:after{
	-webkit-transform:rotate(-180deg);
			-ms-transform:rotate(-180deg);
					transform:rotate(-180deg);
}
@media (max-width: 767px) {
	.control-panel .link.arrow > span:after{
		border-width: 4px 4px 0 4px;
	}
}

.personal-panel .item > .drop{
	position: absolute;
	left: 0;
	min-width: 100%;
	margin-top: 7px;
	opacity: 0;
	z-index: 10;
	visibility: hidden;
	-webkit-transform: scale(0.8);
					transform: scale(0.8);
	-webkit-transform-origin: 0 0;
					transform-origin: 0 0;
	-webkit-transition: all .2s ease;
					transition: all .2s ease;
}
.rtl-page .personal-panel .item > .drop{
	left: auto;
	right: 0;
	-webkit-transform-origin: 100% 0;
					transform-origin: 100% 0;
}
.personal-panel .item > .drop.opened{
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
					transform: scale(1);
}
.personal-panel .item > .drop:before{
	content: "";
	position: absolute;
	left: 0;
	top: -10px;
	border-style: solid;
	border-width: 0 8px 10px 8px;
	border-color: #F0F0F0 transparent;
}
.rtl-page .personal-panel .item > .drop:before{
	left: auto;
	right: 0;
}
.personal-panel .item > .drop .inner{
	background: #F0F0F0;
	border-radius: 0px 0px 5px 5px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.personal-panel .item > .drop ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.personal-panel .item > .drop .inner > ul > li:last-child a{
	border-radius: 0px 0px 5px 5px;
}
.personal-panel .drop-close{
	position: absolute;
	right: 18px;
	top: 18px;
	font-size: 10px;
	line-height: 10px;
	width: 10px;
	color: #13273D;
}
.personal-panel .drop-close > span{display: none;}
.personal-panel .drop-close:before{
	display: inline-block;
	vertical-align: top;
	content: "\e91f";
	font-family: 'icomoon', sans-serif;
	-webkit-transition: all .5s ease;
					transition: all .5s ease;
}
.personal-panel .drop-close:hover:before{
	-webkit-transform:rotate(180deg);
			-ms-transform:rotate(180deg);
					transform:rotate(180deg);
}
.rtl-page .personal-panel .drop-close{
	right: auto;
	left: 18px;
}

@media (max-width: 1400px) {
	.personal-panel{
		justify-content: flex-end;
	}
	.personal-panel .item:not(.personal-nav){display: none;}
}


.personal-info{
	min-height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	text-align: center;
	border: 1px solid rgba(200, 203, 207, 0.2);
	border-width: 0 1px 0 0;
}
.rtl-page .personal-info{border-width: 0 0 0 1px;}

.personal-info dl{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	min-width: 145px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	border: 1px solid rgba(200, 203, 207, 0.2);
	border-width: 0 0 0 1px;
	padding: 0 20px;
	box-shadow: inset 1px 0 0 0 #192B3F;
}
.rtl-page .personal-info dl{
	border-width: 0 1px 0 0;
	margin: 0 -1px 0 0;
	/*box-shadow: inset -1px 0 0 0 #192B3F;*/
}
.personal-info dl > *{display: block;}
.personal-info dt{
	font-weight: 700;
	margin: -10px 0 5px;
}

.personal-button{
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/*justify-content: center;*/
	padding: 0 15px  15px;
	margin: 0 0 0 100px;
}
.rtl-page .personal-button{
	margin: 0 100px 0 0;
}
.personal-button > *{
	margin: 0 12px;
}
.personal-control{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
}
.personal-control > *{
	margin: 0 12px;
}

.personal-nav{
	margin: 0 -15px 0 0;
	height: 100%;
	min-width: 360px;
}
.rtl-page .personal-nav{
	margin: 0 0 0 -15px;
}
.personal-nav > .link{
	font-size: 14px;
	line-height: 24px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 35px 0 50px;
	align-items: center;
	min-height: 100%;
	color: rgba(255, 255, 255, 0.8);
	background: rgba(214, 221, 228, 0.24);
	border: 1px solid rgba(201, 210, 223, 0.2);
	border-width: 0 0 0 1px;
	box-shadow: inset 1px 0 0 0 #030E1A;
}
.personal-nav > .link:hover{
	text-decoration: none;
}
.personal-nav > .link > span{
	width: 100%;
	position: relative;
	display: block;
	padding: 0 85px 0 0;
}
.personal-nav > .link > span > *{display: block;}
.rtl-page .personal-nav > .link{
	padding: 0 50px 0 35px;
	border-width: 0 1px 0 0;
	box-shadow: inset -1px 0 0 0 #030E1A;
}
.rtl-page .personal-nav > .link > span{padding: 0 0 0 85px;}
.personal-nav > .link *[class*=icon-]{
	position: absolute;
	right: 40px;
	top: 0;
	bottom: 0;
	font-size: 42px;
	line-height: 42px;
	height: 42px;
	margin: auto 0;
	color: #fff;
}
.rtl-page .personal-nav > .link *[class*=icon-]{
	right: auto;
	left: 40px;
}
.personal-nav > .link strong{
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}
.personal-nav > .link > span span{font-size: 16px;}
.personal-panel .personal-nav > .drop{
	left: auto;
	right: 35px;
	min-width: 223px;
	-webkit-transform-origin: 100% 0;
					transform-origin: 100% 0;
}
.rtl-page .personal-panel .personal-nav > .drop{
	right: auto;
	left: 35px;
	-webkit-transform-origin: 0 0;
					transform-origin: 0 0;
}
.personal-panel .personal-nav > .drop:before{
	left: auto;
	right: 0;
}
.rtl-page .personal-panel .personal-nav > .drop:before{
	right: auto;
	left: 0;
}
.personal-nav .drop .inner > ul{
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
}
.personal-nav .drop .inner > ul li a{
	display: block;
	position: relative;
	color: #1E3146;	
	padding: 12px 20px;
  text-decoration: none;
}
.personal-nav .drop ul li:nth-child(2n+1){
 	background: #fff;
}
.personal-nav .drop .inner > ul li.active a,
.personal-nav .drop .inner > ul li a:hover{
	 text-decoration: none;
	 color: #c84731;
}
.personal-nav .drop .inner > ul li a *[class*=icon-]{
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	height: 20px;
	font-size: 20px;
	line-height: 1em;
	margin: auto 0;
}
.rtl-page .personal-nav .drop .inner ul li a *[class*=icon-]{
	right: auto;
	left: 20px;
}
.personal-panel .drop-heading{
	padding: 14px 20px;
	font-size: 14px;
	line-height: 17px;
	font-weight: 700;
}
.personal-panel .drop-content{
	font-size: 14px;
	line-height: 17px;
	font-weight: 400;
}
.personal-panel .drop-content ul li{padding: 11px 7px;}
.personal-panel .drop-content ul li a{
	color: #1E3146;
	display: block;
	position: relative;
	padding: 14px 10px 14px 50px;
  text-decoration: none;
}
.personal-panel .drop-content ul li a:before{
	position: absolute;
	font-family: 'icomoon';
	content: "\e91b";
	left: 12px;
	top: 0;
	bottom: 0;
	font-size: 19px;
	height: 19px;
	margin: auto 0;
	opacity: 0;
	-webkit-transition: all .3s ease;
					transition: all .3s ease;
}
.rtl-page .personal-panel .drop-content ul li a{
	padding: 14px 50px 14px 10px;
}
.rtl-page .personal-panel .drop-content ul li a:before{
	left: auto;
	right: 12px;
}
.personal-panel .drop-content ul li.active a,
.personal-panel .drop-content ul li a:hover{
	background: #316EB0;
	color: #fff;
	text-decoration: none;
}
.personal-panel .drop-content ul li.active a:before{opacity: 1;}

@media (max-width: 1610px) {
	.personal-button{
		margin: 0;
		justify-content: center;
	}
	.rtl-page .personal-button{margin: 0}
	.personal-nav > .link,
	.rtl-page .personal-nav > .link{
		padding: 0 25px
	}
	.personal-info dl{
		min-width: 130px;
		padding: 0 15px;
		font-size: 16px;
		line-height: 20px;
	}
}
@media (max-width: 767px) {
	.personal-nav{
		min-width: 160px;
	}
	.personal-nav > .link{
		font-size: 11px;
		line-height: 16px;
		padding: 0 10px;
		text-align: right
	}
	.rtl-page .personal-nav > .link{
		text-align: left
	}
	.personal-nav > .link strong{font-size: 11px;}
	.personal-nav > .link *[class*=icon-]{display: none;}
	.personal-nav > .link,
	.rtl-page .personal-nav > .link{
		border: 0;
		-webkit-box-shadow: none;
						box-shadow: none;
	}
	.personal-nav > .link > span{padding: 0 15px 0 0;}
	.rtl-page .personal-nav > .link > span{padding: 0 0 0 15px;}
	.personal-nav > .link > span span{font-size: 11px;}
	.personal-panel .personal-nav > .drop{
		right: 10px;
	}
	.rtl-page .personal-panel .personal-nav > .drop{
		right: auto;
		left: 10px;
	}
}

.header-buttons-panel{
  display: none;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #fff;
  min-height: 60px;
}
.header-buttons-panel > *{
  margin: 5px;
}
@media (max-width: 1400px){
  .header-buttons-panel{
    display: flex;
  }
}

.message-panel{
	position: absolute;
	left: 0;
	right: 0;
	bottom: -19px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
}
.message-panel > *{
	background: #1DA65D;
	border-radius: 40px;
	font-size: 16px;
	line-height: 21px;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
	padding: 8px 80px;
}
.message-panel a{
	color: #fff;
  text-decoration: none;
}
.message-panel a:hover{
	text-decoration: none;
	font-weight: 700;
}
@media (max-width: 1400px){
	.message-panel{
		display: none
	}
}

/* navigation */
/*.nav-panel{}*/
#nav i{display: none;}
#nav .nav-link-back{display: none;}
#nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
	font: 300 16px/20px 'Montserrat', sans-serif;
}
#nav ul li{
	position: relative;
}
#nav ul li a{
	padding: 4px 15px;
	color: #13273D;
	text-decoration: none;
	display: block;
	white-space: nowrap;
	position: relative;
}
#nav ul li > a:hover,
#nav ul li.active > a{
	color: #c84731;
}
#nav > ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0;
	position: relative;
}
#nav > ul > li{
	position: static;
	margin: 0 14px;
  padding: 0 5px;
}
#nav > ul > li > a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	min-height: 37px;
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	padding: 0;
	color: #fff;
	text-align: center;
	background: transparent;
}
#nav > ul > li > a:hover,
#nav > ul > li:hover > a,
#nav > ul > li.active > a{color: #fff;}

#nav > ul > li > a.has-drop-down:after{
	content: "";
	position: absolute;
	bottom: -21px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 20px;
	height: 10px;
	background: #798A9D;
	border-radius: 50% 50% 0 0 / 100% 100% 0 0;
	opacity: 0;
	-webkit-transition: all .3s ease;
					transition: all .3s ease;
	
}
#nav > ul > li > a.has-drop-down:hover:after,
#nav > ul > li:hover > a.has-drop-down:after{opacity: 1;}
#nav .drop{
	position: absolute;
	z-index: 1;
	left: 19px;
	top: 100%;
	border: 1px solid #798A9D;
	border-width: 5px 0 0;
	margin-top: 21px;
	min-width: calc(100% - 38px);
	background: #ECEEF1;
	border-radius: 3px;
	visibility: hidden;
	opacity: 0;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
					box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	-webkit-transform: scale(0.8);
					transform: scale(0.8);
	-webkit-transition: all .3s ease;
					transition: all .3s ease;
}
#nav .drop:after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -26px;
	height: 21px;
}
#nav .drop .drop{
	background: transparent;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  display: none;
	min-width: 1px;
	flex: 1;
	border: 0;
	margin-top: 0;
	padding: 15px 0;
	position: static;
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-box-shadow: none;
	box-shadow: none;
}
#nav .drop .drop:before,
#nav .drop .drop:after{content: none;}
#nav .drop .drop ul{
	flex: 1;
}
#nav > ul > li > .drop > ul > li{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: 1px solid #DAE0EA;
	border-width: 1px 0 0;
	-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,1);
	box-shadow: inset 0 1px 0 0 rgba(255,255,255,1);
}
#nav > ul > li > .drop > ul > li > a{
	width: 100%;
	margin: 0 30px 0 0;
	font-weight: 500;
	padding: 20px 20px;
	background: rgba(255,255,255,0.8);
}
#nav > ul > li > .drop > ul > li > a.has-drop-down{
	width: 165px;
}
#nav li:hover > .drop{
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
#nav li:hover > .drop .drop{display: flex;}
@media (max-width: 1400px) {
	.nav-panel{display: none;}
}

.header-panel{
	display: flex;
}
.header-panel .item{
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 45px;
	position: relative;
}
.rtl-page .header-panel .item{
	margin: 0 45px 0 0;
}
.header-panel .item:first-child,
.rtl-page .header-panel .item:first-child{margin: 0;}

@media (max-width: 1400px) {
	.header-panel .item:not(.lang-panel){
		display: none
	}
}


.header-panel .item > *[class*=icon-]{
	display: inline-block;
	vertical-align: top;
	font-size: 35px;
	line-height: 37px;
	color: #fff;
}
.header-panel .item > a[class*=icon-],
.header-panel .item > a[class*=icon-]:hover{text-decoration: none;}
.header-panel .item > .button{
	min-width: 157px;
	font-weight: 500;
}
.header-panel .item > .drop{
	position: absolute;
	left: 0;
	min-width: 100%;
	margin-top: 21px;
	/* overflow: hidden; */
	opacity: 0;
	z-index: 10;
	visibility: hidden;
	-webkit-transform: scale(0.8);
					transform: scale(0.8);
	-webkit-transform-origin: 0 0;
					transform-origin: 0 0;
	-webkit-transition: all .2s ease;
					transition: all .2s ease;
}
.rtl-page .header-panel .item > .drop{
	left: auto;
	right: 0;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}
.header-panel .drop .inner{
	border: 1px solid #798A9D;
	border-width: 5px 0 0;
	background: #F8F9FA;
	border-radius: 0 0 5px 5px;
	overflow: auto;
	max-height: calc(100vh - 80px);
}
.header-panel .item > .drop.opened{
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.header-panel .drop ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.header-panel .link.arrow > span{
	display: inline-block;
	vertical-align: top;
	padding: 0 25px 0 0;
	position: relative;
}
.rtl-page .header-panel .link.arrow > span{
	padding: 0 0 0 25px;
}
.header-panel .link.arrow > span:after{
	content: "\e901";
	font-family: 'icomoon';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 14px;
	height: 14px;
	font-size: 14px;
	line-height: 14px;
	-webkit-transition: all .5s ease;
					transition: all .5s ease;
}
.rtl-page .header-panel .link.arrow > span:after{
	right: auto;
	left: 0;
}
.header-panel .link.arrow.active > span:after{
	-webkit-transform:rotate(180deg);
			-ms-transform:rotate(180deg);
					transform:rotate(180deg);
}
.rtl-page .header-panel .link.arrow.active > span:after{
	-webkit-transform:rotate(-180deg);
			-ms-transform:rotate(-180deg);
					transform:rotate(-180deg);
}
.header-panel .lang-panel{
	font-size: 16px;
	line-height: 20px;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
}
.header-panel .lang-panel .lng{
	display: block;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	min-width: 60px;
	line-height: 37px;
}
.header-panel .lang-panel .lng img,
.header-panel .lang-panel .drop img{
	float: left;
	width: 20px;
	height: 20px;
	margin: 0 12px 0 0;
}
.rtl-page .header-panel .lang-panel .lng img,
.rtl-page .header-panel .lang-panel .drop img{
	margin: 0 0 0 12px;
	float: right;
}
.header-panel .lang-panel .lng img{
	width: 34px;
	height: 34px;
	margin: 2px 0 1px;
}
.rtl-page .header-panel .lang-panel .lng img{margin: 2px 0 1px;}
.header-panel .lang-panel .lng > span{
	font-size: 0;
}
.header-panel .lang-panel .drop{
	min-width: 96px;
}
.header-panel .lang-panel .drop a{
	position: relative;
	display: block;
	padding: 4px 0;
	color: #13273D;
	text-decoration: none;
}
.header-panel .lang-panel ul li{
	border: 1px solid #D7E1E6;
	border-width: 1px 0 0;
	padding: 0 7px;
	-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,1);
	box-shadow: inset 0 1px 0 0 rgba(255,255,255,1);
}
.header-panel .lang-panel .drop a:after{
	font-family: 'icomoon';
	content: "\e91c";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	height: 16px;
	font-size: 16px;
	line-height: 16px;
	margin: auto 0;	
	color: #466B93;
	opacity: 0;
}
.rtl-page .header-panel .lang-panel .drop a:after{
	right: auto;
	left: 0;
}
.header-panel .lang-panel ul li.active a:after{opacity: 1;}

.header-panel .login-panel > .drop{
	width: 263px;
	left: 50%;
	-webkit-transform: scale(0.8) translateX(-50%);
					transform: scale(0.8) translateX(-50%);
	-webkit-transform-origin: 0 50%;
					transform-origin: 0 50%;
}
.header-panel .login-panel > .drop.opened{
	-webkit-transform: scale(1) translateX(-50%);
	transform: scale(1) translateX(-50%);
}
.rtl-page .header-panel .login-panel > .drop{
	right: auto;
	left: 50%;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
}
.header-panel .login-panel > .drop .inner{padding: 23px 11px 13px;}
.header-panel .login-panel .drop .button{min-height: 40px;}
.header-panel .login-panel .forgot{
	text-decoration: underline;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
}

.header-panel .lang-panel{
	position: absolute;
	left: -205px;
}
.header-panel .icon-panel{
	position: absolute;
	right: -205px;
}
.rtl-page .header-panel .lang-panel{
	left: auto;
	right: -205px;
}
.rtl-page .header-panel .icon-panel{
	right: auto;
	left: -205px;
}
.header-panel .account-panel > .link{
	display: inline-block;
	vertical-align: top;
	font-weight: 900;
	font-size: 18px;
	line-height: 21px;
	color: #fff;
	padding: 8px 0;
	min-height: 37px;
}
.header-panel .account-panel > .link > span{
  padding: 0 75px 0 0;
}
.header-panel .account-panel > .link > span span{
  display: block;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rtl-page .header-panel .account-panel > .link > span{padding: 0 0 0 75px;}
.header-panel .account-panel > .link.arrow > span{padding: 0 105px 0 0;}
.rtl-page .header-panel .account-panel > .link.arrow > span{padding: 0 0 0 105px;}

.header-panel .account-panel > .link > span:before{
	font-family: 'icomoon';
	content: "\e918";
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -21px;
	font-size: 42px;
	line-height: 1em;
}
.rtl-page .header-panel .account-panel > .link > span:before{
	right: auto;
	left: 30px;
}
.header-panel .account-panel > .link.arrow > span:after{
	content: "";
	top: 0;
	bottom: 0;
	margin: auto 0;
	height: 10px;
	line-height: 10px;
	border-style: solid;
	border-width: 10px 8px 0 8px;
	border-color: #fff transparent;
}

.header-panel .account-panel > .drop{
	min-width: 244px;
	left: auto;
	right: 0;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}
.rtl-page .header-panel .account-panel > .drop{
	right: auto;
	left: 0;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.header-panel .account-panel > .drop:before{
	content: "";
	position: absolute;
	right: 0;
	top: -10px;
	border-style: solid;
	border-width: 0 8px 10px 8px;
	border-color: #F0F0F0 transparent;
}
.rtl-page .header-panel .account-panel > .drop:before{
	right: auto;
	left: 0;
}
.header-panel .account-panel > .drop .inner{
	border-top: 0;
	padding: 3px 0;
	background: #F0F0F0;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 0px 0px 5px 5px;
}
.header-panel .account-panel .drop ul li a{
	display: block;
	position: relative;
	color: #1E3146;
	padding: 12px 40px;
  text-decoration: none;
}
.header-panel .account-panel .drop ul li:nth-child(2n) a{
 	background: #fff;
}
.header-panel .account-panel .drop ul li.active a,
.header-panel .account-panel .drop ul li a:hover{
	 color: #c84731;
}
.header-panel .account-panel .drop ul li a *[class*=icon-]{
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	height: 20px;
	font-size: 20px;
	line-height: 1em;
	margin: auto 0;
}
.rtl-page .header-panel .account-panel .drop ul li a *[class*=icon-]{
	right: auto;
	left: 15px;
}

@media (max-width: 1610px) {
	.header-panel .lang-panel{
		left: 15px;
	}
	.header-panel .icon-panel{
		right: 15px;
	}
	.rtl-page .header-panel .lang-panel{
		left: auto;
		right: 15px;
	}
	.rtl-page .header-panel .icon-panel{
		right: auto;
		left: 15px;
	}
}
@media (max-width: 1400px) {
	.header-panel .lang-panel{
		transform: translateY(-18px);
	}
}

/* mb-header */
.mb-header{
	display: none;
}
@media (max-width: 1400px) {
	.mb-header{
		display: block
	}
}
.mb-header .items{
	display: flex;
	justify-content: space-between;
  align-items: center;
}
.mb-header .item{margin: 0 0 0 15px;}
.mb-header .item:first-child{margin: 0;}
.mb-header .item.item-login{margin: 0 0 0 -65px;}
.rtl-page .mb-header .item{margin: 0 15px 0 0;}
.rtl-page .mb-header .item:first-child{margin: 0;}
.rtl-page .mb-header .item.item-login{margin: 0 -65px 0 0;}
.mb-header .item > .button{
  min-width: 65px;
  padding-left: 8px;
  padding-right: 8px;
  font-weight: 500;
}
.mb-header .item > .button:before{border: 1px solid #fff;}
.mb-control{
	display: block;
	position: relative;
	font-size: 24px;
	width: 30px;
	height: 30px;
	overflow: hidden;	
	line-height: 30px;
	color: #fff;
	text-align: center;
	-webkit-transition: none;
	transition: none;
}
.mb-control:hover{text-decoration: none;}
.mb-control span{
	font-size: 0;
	line-height: 0;
}
.mb-control:after{
	content: "";
	position: absolute;
	font-family: 'icomoon';
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.mb-control.nav-control:after{content: "\e916";}
.mb-control.nav-control.active:after{content: "\e91f";}

.mb-control.login-control:after{content: "\e919";}
.mb-control.account-control:after{content: "\e919";}

.mb-drop{	
	position: absolute;
	width: 100%;
	top: 100%;
	right: -100%;
  -webkit-transition: all 0.75s ease;
          transition: all 0.75s ease;
}
.rtl-page .mb-drop{
  right: auto;
  left: -100%;
}
.mb-drop:before{
  content: "";
  position: absolute;
  left: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  background: rgba(218, 224, 234, 0.9);
  -webkit-transition: all 0.75s ease;
          transition: all 0.75s ease;
}
.rtl-page .mb-drop:before{
  left: auto;
  right: 100%;
}
.mb-drop.opened{
	right: 0;
}
.rtl-page .mb-drop.opened{
  right: auto;
  left: 0;
}
.mb-drop.opened:before{
  left: 0;
}
.rtl-page .mb-drop.opened:before{
  left: auto;
  right: 0;
}
.mb-drop .inner{
	display: flex;
	height: calc(100vh - 80px);
	-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
					box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
.mb-drop ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.mb-nav{
  position: relative;
  left: 100%;
	width: 50%;
	height: 100%;
  padding: 0 0 61px;
	font: 300 14px/17px 'Montserrat', sans-serif;
  -webkit-transition: all 0.75s ease;
          transition: all 0.75s ease; 
}
.rtl-page .mb-nav{
  left: auto;
  right: 100%;
}
.mb-drop.opened .mb-nav{
  left: 50%;
}
.rtl-page .mb-drop.opened .mb-nav{
  left: auto;
  right: 50%;
}
.mb-drop.full-opened .mb-nav{
  left: 0;
  width: 100%;
}
.rtl-page .mb-drop.full-opened .mb-nav{
  left: auto;
  right: 0;
}
.mb-nav:before{
  content: "";
  position: absolute;
  left: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  background: rgba(19,39,61,0.8);
  -webkit-transition: all 1.5s ease;
          transition: all 1.5s ease; 
}
.rtl-page .mb-nav:before{
  left: auto;
  right: 100%;
}
.mb-drop.opened .mb-nav:before{
  left: 0;
}
.rtl-page .mb-drop.opened .mb-nav:before{
  left: auto;
  right: 0;
}
.mb-nav ul li a{
	padding: 9px 20px;
	display: block;
	text-decoration: none;
	color: #13273D;
	position: relative;
  z-index: 2;
}
.mb-nav > ul > li > a{
	font-size: 18px;
	line-height: 22px;
	padding: 25px 20px;
	color: #fff;
}
.mb-nav > ul > li > .drop > ul > li > a{
	padding: 16px 20px;
	font-size: 16px;
	line-height: 21px;
	font-weight: 400;
}
.mb-nav > ul > li > .drop > ul > li.nav-expanded > a{
  -webkit-animation: fadeInUp 0.3s linear;
          animation: fadeInUp 0.3s linear;
}

.mb-nav ul li i{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	text-align: center;
}

.mb-nav .drop ul li{
	-webkit-transition: all .3s ease;
					transition: all .3s ease;
}
.mb-nav ul > li > a:hover,
.mb-nav ul > li.active > a,
.mb-nav ul > li.nav-expanded > a{
	color: #c84731;
}
.mb-nav ul > li.active > a{font-weight: 500;}

.mb-nav .drop{
	z-index: 3;
	padding: 10px 0;
	display: none;
	display: block;
	width: 50%;
	background: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .5s ease;
					transition: all .5s ease;
}
.rtl-page .mb-nav .drop{
  right: auto;
  left: 0;
}

.mb-nav .drop.opened{
	display: block;
	opacity: 1;
	visibility: visible;
}
.mb-nav .drop ul{}
.mb-nav .drop .drop{
	position: relative;
	width: auto !important;
	background: #E3E8EF;
	padding: 0;
	height: 0;
  display: block;
	overflow: hidden;
  opacity: 0;
  -webkit-transition: opacity .5s ease;
          transition: opacity .5s ease;
}
.mb-nav .drop .drop.opened{
  flex: 1;
	height: auto;
	overflow: auto;
	padding: 20px 0;
  opacity: 1;
  -webkit-transition: opacity .5s ease;
          transition: opacity .5s ease;
  /*-webkit-animation: fadeIn 0.5s linear;
          animation: fadeIn 0.5s linear;*/
}

.nav-hidden{display: none !important;}

.mb-nav > ul > li > .drop > ul > li.nav-expanded{
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  right: 0;
  top: 10px;
  height: 100%;
}

/*.mb-nav ul li i:after{
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  right: 0;
  width: 16px;
  height: 6px;
  margin: 0 auto;
  border-style: solid;
  border-width: 6px 8px 0 8px;
  border-color: #fff transparent;
  -webkit-transition: all .5s ease;
          transition: all .5s ease;
}
.mb-nav > ul > li > a i:after{
  top: 0;
  bottom: 0;
  left: auto;
  right: -6px;
  margin: auto 0;
  width: 6px;
  height: 16px;
  z-index: 10;
  border-width: 8px 0 8px 6px;
  border-color: transparent #38495C;
  opacity: 0;
}
.mb-nav > ul > li.nav-expanded > a i:after{
  opacity: 1;
}
.rtl-page .mb-nav > ul > li > a i:after{
  right: auto;
  left: -6px;
  border-width: 8px 6px 8px 0;
}*/
.mb-nav .drop:before{
  content: "";
  position: absolute;
  top: 28px;
  left: 0;
  width: 6px;
  height: 16px;
  border-style: solid;
  border-width: 8px 0 8px 6px;
  border-color: transparent #38495C;
}
.rtl-page .mb-nav .drop:before{
  left: auto;
  right: 0;
  border-width: 8px 6px 8px 0;
}
.mb-nav .drop .drop:before{
  top: 0;
  left: 0;
  right: 0;
  width: 16px;
  height: 6px;
  margin: 0 auto;
  border-style: solid;
  border-width: 6px 8px 0 8px;
  border-color: #fff transparent;
}
.rtl-page .mb-nav .drop .drop:before{
  left: 0;
  right: 0;
  border-width: 6px 8px 0 8px;
}

.mb-nav .nav-link-back{
	position: relative;
	display: block;
	margin-top: 30px;
	font-weight: 700;
}
.mb-nav .nav-link-back span{
	padding: 0 25px;
	position: relative;
}
.mb-nav .nav-link-back span:before{
	content: "\003C\003C";
	position: absolute;
	left: 0;
}
.rtl-page .mb-nav .nav-link-back span:before{
  left: auto;
  right: 0;
}
.mb-account-panel{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 12px 0;
  padding-bottom: 57px;
  justify-content: flex-end;
  display: none;
  visibility: hidden;
}
.mb-drop.opened .mb-account-panel{
  display: flex; 
  visibility: visible;
}
.mb-drop.full-opened .mb-account-panel{
  display: none;
  visibility: hidden;
}


.mb-account-panel .item{
  width: 50%;
  text-align: center;
  padding: 0 15px;
}
.mb-account-panel .button:before{
  border-color: #fff;
  border-width: 1px;
  font-weight: 500;
}
.mb-account-panel .account-panel{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
}
.mb-account-panel .account-panel a{
  display: block;
  color: #fff;
  padding: 10px 0;
  text-decoration: none;
}
.mb-account-panel .account-panel a span{
  position: relative;
  display: block;
  padding: 0 45px 0 0;
}
.rtl-page .mb-account-panel .account-panel a span{
  padding: 0 0 0 45px;
}
.mb-account-panel .account-panel a span:before{
  font-family: 'icomoon';
  content: "\e918";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -14px;
  font-size: 28px;
  line-height: 1em;
  font-weight: 400;
}
.rtl-page .mb-account-panel .account-panel a span:before {
  right: auto;
  left: 0;
}

@media (max-width: 767px) {
  .mb-drop .inner{
    height: calc(100vh - 62px);
  }
}
@media (max-width: 479px) {
  .mb-account-panel{
    padding-bottom: 72px;
  }
}


/* breadcrumbs */
.breadcrumbs{
	font-size: 18px;
	line-height: 28px;
	font-weight: 700;
	font-family: 'Roboto', sans-serif;
	margin-top: 12px;
	display: flex;
	align-items: center;
  position: relative;
}
.breadcrumbs a{
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.breadcrumbs *{color: #13273D;}
.breadcrumbs ul{
	margin: 0;
  margin: 0;
	padding: 0;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  flex-wrap: wrap;
}
.breadcrumbs ul li{
	position: relative;
	display: inline-flex;
	vertical-align: top;
  align-items: center;
}
.breadcrumbs ul li:before{
	display: inline-block;
	vertical-align: top;
	font-family: 'icomoon';
	content: "\e90b";
	margin: 0 10px;
	font-size: 28px;
}
.breadcrumbs ul li:nth-child(1):before{content: none;}
.breadcrumbs ul li:nth-child(2):before{
  content: "";
  margin: 0 10px 0 0;
}
.rtl-page .breadcrumbs ul li:nth-child(2):before{
  margin: 0 0 0 10px;
}
.breadcrumbs ul li a{
  text-decoration: none;
  white-space: nowrap;
}
.breadcrumbs ul li a:hover{text-decoration: underline;}
.breadcrumbs > ul{margin-right: calc(-50vw + 585px);}
.rtl-page .breadcrumbs > ul{
  margin-right: 0;
  margin-left: calc(-50vw + 585px);
}
.breadcrumbs > ul > li:first-child > a{
  position: relative;
  z-index: 1;
	display: block;
	width: 60px;
	padding: 0 15px 0 0;
	text-align: center;
	background: url('images/bg-breadcrumbs.svg') no-repeat -60px -28px;
	background-size: 120px 56px;
}
.breadcrumbs > ul > li:first-child > a > span{display: none;}
.breadcrumbs > ul > li:first-child > a:before{
	font-family: 'icomoon';
	content: "\e920";
	display: inline-block;
	vertical-align: top;
	font-size: 20px;
}
.rtl-page .breadcrumbs > ul > li:first-child a{background-position: 0 -28px;}

.breadcrumbs.rolled-up > ul > li,
.breadcrumbs.rolled-up > ul > li:before{
  transition: all 0.2s linear;
  font-size: 0;
}
.breadcrumbs.rolled-up > ul > li:before{
  font-size: 28px;
  margin: 0 -5px;
}
.rtl-page .breadcrumbs.rolled-up > ul > li:before{margin: 0 -5px}
.breadcrumbs.rolled-up > ul > li:last-of-type{font-size: 18px;}
.breadcrumbs.rolled-up > ul > li:last-of-type:before{margin: 0 10px 0 -5px;}
.rtl-page .breadcrumbs.rolled-up > ul > li:last-of-type:before{margin: 0 -5px 0 10px;}
.breadcrumbs-sublist {
    font-size: 0;
    line-height: 22px;
    font-weight: 300;
    padding: 0 !important;
    transition: all 0.2s linear;
}
.breadcrumbs .breadcrumbs-sublist li:before {
    margin: 0;
    display: none;
}
.item-list.active .btn-show-sublist{margin: 0 20px;}
.item-list.active .btn-show-sublist:first-child{margin: 0 20px 0 0}
.rtl-page .item-list.active .btn-show-sublist:first-child{margin: 0 0 0 20px}

.item-list.active .breadcrumbs-sublist{
    font-size: 16px;
    width: auto;
    overflow: visible;
    margin: 0 -10px;
}
.item-list.active .breadcrumbs-sublist a{margin: 0 10px}

.visual .breadcrumbs{
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 1200px;
  margin: 0 auto;
  padding: 13px 15px;
}
.visual .breadcrumbs * {color: #fff;}
.visual .breadcrumbs > ul > li:first-child a{background-position: -60px 0;}

.visual-type02 .breadcrumbs{
  height: 75px;
}
.visual-type02 .breadcrumbs:before{
  content: "";
  position: absolute;
  left: -50vw;
  right: -50vw;
  top: 0;
  bottom: 0;
  background: rgba(14,19,39,0.8);
}
.visual-type02 .breadcrumbs.bg01:before{background: rgba(104,80,62,0.8);}
.visual-type02 .breadcrumbs.bg02:before{background: rgba(224,224,224,0.8);}
.visual-type02 .breadcrumbs.bg03:before{background: rgba(28,52,64,0.7);}
.visual-type02 .breadcrumbs.bg04:before{background: rgba(14,19,39,0.8);}
.visual-type02 .breadcrumbs.bg05:before{background: rgba(0,0,0,0.8);}

.visual-type03 .breadcrumbs{
  position: static;
  padding: 0;
  margin: 0;
}
.visual-type03 .breadcrumbs *{color: #13273D;}
.visual-type03 .breadcrumbs > ul > li:first-child a{background-position: -60px -28px;}
.visual-type03 .breadcrumbs *{color: #13273D;}

.visual-type02 .breadcrumbs.dark *{color: #13273D}
.visual-type02 .breadcrumbs.dark > ul > li:first-child a{background-position: -60px -28px;}
.visual-type02 .breadcrumbs.dark *{color: #13273D;}

.rtl-page .breadcrumbs ul li:before{content: "\e90a";}
.rtl-page .breadcrumbs ul li:nth-child(1):before{content: none;}
.rtl-page .breadcrumbs ul li:nth-child(2):before{content: "";}
.rtl-page .breadcrumbs > ul > li:first-child a{
	padding: 0 0 0 15px;
	background-position: 0 -28px;
}
.rtl-page .breadcrumbs > ul > li:first-child a:before{content: "\e921";}
.rtl-page .visual .breadcrumbs > ul > li:first-child a{background-position: 0 0;}
.rtl-page .visual-type03 .breadcrumbs ul li:first-child a{background-position: 0 -28px;}

.rtl-page .breadcrumbs.dark > ul > li:first-child a:before{content: "\e921";}
.rtl-page .visual-type02 .breadcrumbs.dark > ul > li:first-child a{background-position: 0 -28px;}

@media (max-width: 1000px) {
	.breadcrumbs{display: none;}
}

.visual{
	position: relative;
	height: 187px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: flex-end;
	text-align: center;
	padding: 12px 0;
	color: #fff;
	background: #2a2b2f;
	margin-bottom: 13px;
}
.visual .inner{width: 100%}
.visual:after{
	content: "";
	position: absolute;
	max-width: 1170px;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: -13px;
	height: 1px;
	background: #13273D;
}
.visual img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover';
}
.visual .main-holder{
	position: relative;
}

.visual h1,
.visual .h1{
	color: #fff;
	text-transform: none;
	margin-bottom: -3px;
	font-weight: 500;
}

.visual-type02{
  height: 451px;
  padding: 0;
}
.visual-type02:after{content: none;}
.visual-type03{
	height: 75px;
	background: #F2F6F8;
	border: 1px solid #13273D;
	border-width: 1px 0 0;
	margin-top: 12px;
	margin-bottom: 0;
	align-items: center;
}
.visual-type03:after{content: none;}
.visual-type03 h1,
.visual-type03 .h1{
	color: #13273D;
}

@media (max-width: 1000px) {
  /* because needed change all static pages */
  .visual .visible-xs.visible-sm {
    display: block !important;
  }
}
@media (max-width: 767px) {
	.visual{
		height: 47px;
		margin-bottom: 7px;
	}
  .visual-type02{
    height: 75px;
  }
	.visual-type03{
		margin-top: 6px;
		margin-bottom: 2px;
		margin-left: -15px;
		margin-right: -15px;
		padding-left: 15px;
		padding-right: 15px;
		justify-content: center;
	}
	.visual:after{
		bottom: -7px;
	}
}

/*pagination*/
.paging{
	padding: 20px 0;
	font: 24px/30px 'Montserrat', sans-serif;
	color: #466B93;
	text-align: center;
	display: flex;
	justify-content: center;
}
.paging ul{
	margin: 0;
	padding: 2px;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
	border: 1px solid #13273D;
	border-radius: 5px;
}
.paging ul li{
	display: inline-block;
	vertical-align: top;
	padding: 3px;
}
.paging ul li > a,
.paging ul li > span,
.paging ul li > strong{
	position: relative;
	display: block;
	text-decoration: none;
	text-align: center;
	width: 37px;
	color: #466B93;
	border-radius: 4px;
}
.paging ul li a:hover{
	color: #fff;
	background: #13273D;
}
.paging ul li > strong{
	font-weight: 400;
	background: #466B93;
	color: #fff;
}
.paging ul li .first,
.paging ul li .next,
.paging ul li .previous,
.paging ul li .last{
	font-size: 0;
	color: #fff;
	background: #13273D;
}
.paging ul li .first:hover,
.paging ul li .next:hover,
.paging ul li .previous:hover,
.paging ul li .last:hover{
	background: #466B93;
	color: #fff;
}
.paging ul li a.first:after,
.paging ul li a.last:after,
.paging ul li a.next:after,
.paging ul li a.previous:after{
	font-family: 'icomoon';
	font-size: 24px;
	line-height: 30px;
	font-weight: 400;
	display: inline-block;
	vertical-align: top;
}
.paging ul li a.first:after{content: "\e904"}
.paging ul li a.previous:after{content: "\e902";}
.paging ul li a.next:after{content: "\e903"}
.paging ul li a.last:after{content: "\e905"}

#pager{
	padding: 20px 0;
	display: flex;
	justify-content: center;
}
#pager ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0;
	padding: 2px;
	list-style: none;
	text-align: center;
	position: relative;
	font: 24px/30px 'Montserrat', sans-serif;
	color: #466B93;
	border: 1px solid #13273D;
	border-radius: 5px;
}
#pager ul li{
	display: inline-block;
	vertical-align: top;
	padding: 3px;
}
#pager ul li a,
#pager ul li > span,
#pager ul li strong{
	position: relative;
	display: block;
	text-decoration: none;
	text-align: center;
	width: 37px;
	color: #466B93;
	border-radius: 4px;
}
#pager ul li a:hover{
	color: #fff;
	background: #13273D;
}
#pager ul li.active a,
#pager ul li strong{
	font-weight: 400;
	background: #466B93;
	color: #fff;
}
#pager ul li a.first,
#pager ul li a.last,
#pager ul li a.next,
#pager ul li a.previous{
	font-size: 0;
	color: #fff;
	background: #13273D;
}
#pager ul li a.first:after,
#pager ul li a.last:after,
#pager ul li a.next:after,
#pager ul li a.previous:after{
	font-family: 'icomoon';
	font-size: 24px;
	line-height: 30px;
	font-weight: 400;
	display: inline-block;
	vertical-align: top;
}
#pager ul li a.first:hover,
#pager ul li a.last:hover,
#pager ul li a.next:hover,
#pager ul li a.previous:hover{
	background: #466B93;
	color: #fff;
}
#pager ul li a.first:after{content: "\e904"}
#pager ul li a.previous:after{content: "\e902";}
#pager ul li a.next:after{content: "\e903"}
#pager ul li a.last:after{content: "\e905"}

/* table */
.table{
	position: relative;
	border-radius: 10px;
	margin: 0 0 25px;
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
}
table.table,
.table table{
	width: 100%;
	border: 0 hidden transparent;
}
.table .table{
	margin: 0;
	border: 0;
}
.table th,
.table td{
	height: 45px;
	border: 0;
	padding: 3px 20px;
  padding: 3px 15px;
	vertical-align: middle;
	color: #000;
}
.table th{
	height: 42px;
	font-weight: 700;
	font-size: 13px;
	background: #1E3146;
	color: #fff;
  text-align: initial;
}
.table-style01 th,
.table-style01 td{
  padding: 3px 10px;
}
.table-style01 th{
  font-size: 11px;
}
.table tr:nth-child(2n) td{background: #F5F7FA;}
.table tr:first-child th:first-child,
.table tr:first-child td:first-child{border-top-left-radius: 10px;}
.table tr:first-child th:last-child,
.table tr:first-child td:last-child{border-top-right-radius: 10px;}
.table thead + tbody tr:first-child th:first-child,
.table thead + tbody tr:first-child td:first-child{border-top-left-radius: 0;}
.table thead + tbody tr:first-child th:last-child,
.table thead + tbody tr:first-child td:last-child{border-top-right-radius: 0;}
.table tr:last-child td:first-child{border-bottom-left-radius: 10px;}
.table tr:last-child td:last-child{border-bottom-right-radius: 10px;}

.rtl-page .table tr:first-child th:first-child,
.rtl-page .table tr:first-child td:first-child{
	border-top-left-radius: 0;
	border-top-right-radius: 10px;
}
.rtl-page .table tr:first-child th:last-child,
.rtl-page .table tr:first-child td:last-child{
	border-top-right-radius: 0;
	border-top-left-radius: 10px;
}

.rtl-page .table thead + tbody tr:first-child th:first-child,
.rtl-page .table thead + tbody tr:first-child td:first-child{border-top-right-radius: 0;}
.rtl-page .table thead + tbody tr:first-child th:last-child,
.rtl-page .table thead + tbody tr:first-child td:last-child{border-top-left-radius: 0;}
.rtl-page .table tr:last-child td:first-child{
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 10px;
}
.rtl-page .table tr:last-child td:last-child{
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 10px;	
}

.table th a{color: #fff;}
.table p{margin: 0;}

.table-overflow{overflow: auto;}

.table .mobile-table{
	display: none;
	table-layout: fixed;
}
.table .mobile-table tr td:first-child{
	height: 42px;
	font-weight: 700;
	font-size: 13px;
	background: #1E3146;
	text-align: initial;
	color: #fff;
}
@media (max-width: 767px) {
	.table .desktop-table{display: none;}
	.table .mobile-table{display: table;}
  .table{
    font-size: 9px;
    line-height: 11px;
  }
  .table th,
  .table td{
    padding: 3px 5px;
    font-size: 9px;
    line-height: 11px; 
  }
}

.data-table{overflow: auto;}
.data-table .DTFC_LeftHeadWrapper th{position: relative;}
.data-table .DTFC_LeftBodyWrapper td{
  border-color: #E1E6EF;
  background: #fff;
}
.data-table .DTFC_LeftWrapper,
.data-table .DTFC_RightWrapper{display: none;}
.data-table .DTFC_LeftBodyWrapper{position: relative;}
/*.data-table .DTFC_LeftBodyLiner{padding: 0 27px 0 0;}*/
.data-table .DTFC_LeftWrapper{
  height: auto !important;
  position: relative;
  border: 1px solid #1E3146;
  border-width: 0 1px 0 0;
}
.rtl-page .data-table .DTFC_LeftWrapper{
  border-width: 0 0 0 1px;
}
@media (max-width: 767px) {
  .data-table .DTFC_LeftWrapper{display: block;}
}


.product-table{
  font-size: 13px;
  line-height: 16px;
  font-family: 'Lato', sans-serif;
  border-radius: 0;
  border: 1px solid #E1E6EF;
  border-width: 0 0 1px;
}
.product-table th,
.product-table td{
  height: 64px;
  border: 0;
  padding: 3px 10px;
  color: #8E8E8E;
  border: 1px solid #E1E6EF;
  border-width: 1px 0;
  background: #F5F7FA;
}
.product-table th{
  height: 50px;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  padding-top: 5px;
  padding-bottom: 5px;
  background: #fff;
  color: #13273D;
  /*vertical-align: bottom;*/
}
.product-table tr:nth-child(2n) td{background: #fff;}
.product-table tr td:first-child,
.product-table tr th:first-child{
  font-weight: 700;
}

.product-table tr,
.product-table td{
  border-radius: 0 !important;
}
.product-table .mobile-table tr td:first-child{
  background: #fff;
  font-size: 14px;
  line-height: 17px;
  color: #13273D;
  font-weight: 400;
}

.product-table.data-table .DTFC_LeftWrapper{
  border-width: 0 5px 0 0;
  border-color: #E1E6EF;
}
.rtl-page .product-table.data-table .DTFC_LeftWrapper{
  border-width: 0 0 0 5px;
}
.product-table.data-table .DTFC_LeftBodyWrapper td{
  background: #F5F7FA;
}
.product-table.data-table .DTFC_LeftBodyWrapper tr:nth-child(2n) td{background: #fff;}


.product-table.data-table .DTFC_LeftHeadWrapper,
.product-table.data-table .dataTables_scrollHeadInner{
  border: 1px solid #E1E6EF;
  border-width: 0 0 1px;
}
.product-table.data-table .DTFC_LeftWrapper:after{
  content: "";
  position: absolute;
  right: -12px;
  top: 20px;
  margin-top: 0;
  height: 10px;
  border-style: solid;
  border-width: 5px 0 5px 7px;
  border-color: transparent #E1E6EF;
}
.rtl-page .product-table.data-table .DTFC_LeftWrapper:after{
  right: auto;
  left: -12px;
  border-width: 5px 7px 5px 0;
}
.product-table.data-table .DTFC_LeftHeadWrapper th{vertical-align: middle;}
@media (max-width: 767px) {
  .product-table th{
    font-size: 9px;
    line-height: 11px;
  }

  .product-table tr td:first-child,
  .product-table .DTFC_LeftHeadWrapper th:first-child{
    padding-right: 10px;
  }
  .rtl-page .product-table tr td:first-child,
  .rtl-page .product-table .DTFC_LeftHeadWrapper th:first-child{
    padding-right: 5px;
    padding-left: 10px;
  }
}


.tabset{
	margin: 0;
	padding: 0;
	list-style: none;
}

/* list */
.list{
	margin: 0 0 22px;
	padding: 0;
	list-style: none;
}
.list li{
	position: relative;
	padding: 0 0 0 27px;
}
.list li:before{
	content: "";
	position: absolute;
	left: 10px;
	top: 10px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #13273D;
}
.list li ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.rtl-page .list li{
	padding: 0 27px 0 0;
}
.rtl-page .list li:before{
	left: auto;
	right: 10px;
}
.list.decimal{
	counter-reset: counter;
}
.list.decimal li{
	counter-increment: counter;
}
.list.decimal li:before {
	top: 0;
	left: 5px;
	background: transparent;
  content: counter(counter)". ";
}
.rtl-page .list.decimal li:before {
	left: auto;
	right: 5px;
}
.list-spacing li {margin-bottom: 22px;}
.list-spacing li:last-of-type {margin-bottom: 0;}


@media (max-width: 767px) {
	.list{margin-bottom: 17px;}
	.list li{
		padding: 0 0 0 22px;
	}
	.list li:before{
		width: 4px;
		height: 4px;
		left: 8px;
		top: 8px;
	}
	.rtl-page .list li{
		padding: 0 22px 0 0;
	}
	.list.decimal li:before{left: 8px}
	.rtl-page .list.decimal li:before{
		left: auto;
		right: 5px;
	}
}


.separator {
 position:relative;
 text-align:center;
 overflow:hidden
}
.separator span {
 position:relative;
 display:inline-block;
 vertical-align:top;
 text-indent:-9999px;
 width:40px;
 height:40px;
 background:url(images/bg-separator-logo.svg) no-repeat;
 background-size: 100% 100%;
}
.separator span:before,
.separator span:after {
 content:"";
 position:absolute;
 top:50%;
 height:1px;
 background:#c84731;
 width:9999em
}
.separator span:before {
 right:100%;
 margin-right:20px
}
.separator span:after {
 left:100%;
 margin-left:20px
}

.image{display: block;}
.rounded img{
	border-radius: 10px;
}
.ico-hold{}
.ico-hold[class*=icon],
.ico-hold *[class*=icon]{
	display: inline-block;
	vertical-align: top;
	width: 82px;
	height: 82px;
	background: #c84731;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	font-size: 65px;
	line-height: 82px;	
}
.box{
  background: #fff;
  border: 1px solid #1F3247;
  border-radius: 10px;
}
.box .box-heading{padding: 5px 30px;}
.box .box-content{padding: 30px;}
.box .box-footer{padding: 5px 30px;}
.box .box-heading:after,
.box .box-footer:after,
.box .box-content:after{
  content: "";
  display: block;
  clear: both;
}
.box .box-content > *:last-child{margin-bottom: 0;}
.box02{
  border-color: transparent;
  background: #F5F7FA;
}

.page-heading{
	font-weight: 400;
	letter-spacing: 0.1px;
	padding-bottom: 20px;
	padding-bottom: 25px;
}
.page-heading-pd01{padding-bottom: 15px;}
.page-heading-pd01 .text *:last-child{margin-bottom: 0;}
.page-heading-pd02{padding-bottom: 0}
/*.page-heading-pd02 .text *:last-child{margin-bottom: 0;}*/

.page-heading[class*=d-flex]{flex-wrap: wrap;}
.page-heading[class*=d-flex] .text{
	padding: 0 30px;
	max-width: 740px;
}
.page-heading .title-decor{margin-bottom: 0;}
.page-heading .ico-hold{
	margin: 0 40px 0 45px;
}
.rtl-page .page-heading .ico-hold{
	margin: 0 45px 0 40px;
}
.page-heading .list li{margin-bottom: 20px;}
.page-heading .list li:before{
  width: 7px;
  height: 7px;
}

@media (max-width: 767px) {
	.page-heading{padding: 0}
	.page-heading-pd01{padding-bottom: 15px;}
	
	.page-heading-pd02{
		padding-bottom: 0;
		margin-bottom: -10px;
	}

	.page-heading .ico-hold,
	.rtl-page .page-heading .ico-hold{
		margin: 0 0 15px;
	}
	.page-heading[class*=d-flex] .text{
		padding: 0;
	}
}

.title-decor{
	position: relative;
	margin-bottom: 23px;
}
.title-decor-margin01{margin-bottom: 33px;}
.title-decor{
	position: relative;
	display: flex;
}
.title-decor.ta-center{
	justify-content: center;
}
.title-decor h2{margin-bottom: 0;}
.title-decor .inner{
	min-width: 315px;
}
.title-decor:before,
.title-decor:after{
	border-top: 1px solid transparent;
	/*margin-top: 12px;*/
	flex: 1;
}
.title-decor.before:before{content: "";}
.title-decor.after:after{content: "";}

.title-decor.dark:before,
.title-decor.dark:after{border-color: #13273D;}
.title-decor.light:before,
.title-decor.light:after{border-color: #c84731;}


.title-decor.before:before{margin-right: 75px;}
.title-decor.after:after{margin-left: 75px;}

.title-decor.t-mrgn00.before:before{margin-right: 0px;}
.title-decor.t-mrgn00.after:after{margin-left: 0px;}
.title-decor.t-mrgn20.before:before{margin-right: 20px;}
.title-decor.t-mrgn20.after:after{margin-left: 20px;}
.title-decor.t-mrgn25.before:before{margin-right: 25px;}
.title-decor.t-mrgn25.after:after{margin-left: 25px;}
.title-decor.t-mrgn30.before:before{margin-right: 30px;}
.title-decor.t-mrgn30.after:after{margin-left: 30px;}
.title-decor.t-mrgn35.before:before{margin-right: 35px;}
.title-decor.t-mrgn35.after:after{margin-left: 35px;}
.title-decor.t-mrgn40.before:before{margin-right: 40px;}
.title-decor.t-mrgn40.after:after{margin-left: 40px;}
.title-decor.t-mrgn45.before:before{margin-right: 45px;}
.title-decor.t-mrgn45.after:after{margin-left: 45px;}
.title-decor.t-mrgn50.before:before{margin-right: 50px;}
.title-decor.t-mrgn50.after:after{margin-left: 50px;}
.title-decor.t-mrgn55.before:before{margin-right: 55px;}
.title-decor.t-mrgn55.after:after{margin-left: 55px;}
.title-decor.t-mrgn60.before:before{margin-right: 60px;}
.title-decor.t-mrgn60.after:after{margin-left:60px;}
.title-decor.t-mrgn65.before:before{margin-right: 65px;}
.title-decor.t-mrgn65.after:after{margin-left:65px;}
.title-decor.t-mrgn70.before:before{margin-right: 70px;}
.title-decor.t-mrgn70.after:after{margin-left:70px;}
.title-decor.t-mrgn75.before:before{margin-right: 75px;}
.title-decor.t-mrgn75.after:after{margin-left:75px;}
.title-decor.t-mrgn80.before:before{margin-right: 80px;}
.title-decor.t-mrgn80.after:after{margin-left: 80px;}
.title-decor.t-mrgn85.before:before{margin-right: 85px;}
.title-decor.t-mrgn85.after:after{margin-left:85px;}
.title-decor.t-mrgn90.before:before{margin-right: 90px;}
.title-decor.t-mrgn90.after:after{margin-left:90px;}
.title-decor.t-mrgn95.before:before{margin-right: 95px;}
.title-decor.t-mrgn95.after:after{margin-left: 95px;}


.title-decor.full-before:before{
  margin-left: -50vw;
  padding-left: 50vw;
}
.title-decor.full-after:after{
  margin-right: -50vw;
  padding-right: 50vw;
}

.rtl-page .title-decor.before:before{
	margin-right: 0;
	margin-left: 75px;
}
.rtl-page .title-decor.after:after{
	margin-left: 0;
	margin-right: 75px;
}
.rtl-page .title-decor.t-mrgn00.before:before{margin-right: 0px;}
.rtl-page .title-decor.t-mrgn00.after:after{margin-left: 0px;}
.rtl-page .title-decor.t-mrgn20.before:before{margin-left: 20px;}
.rtl-page .title-decor.t-mrgn20.after:after{margin-right: 20px;}
.rtl-page .title-decor.t-mrgn25.before:before{margin-left: 25px;}
.rtl-page .title-decor.t-mrgn25.after:after{margin-right: 25px;}
.rtl-page .title-decor.t-mrgn30.before:before{margin-left: 30px;}
.rtl-page .title-decor.t-mrgn30.after:after{margin-right: 30px;}
.rtl-page .title-decor.t-mrgn35.before:before{margin-left: 35px;}
.rtl-page .title-decor.t-mrgn35.after:after{margin-right: 35px;}
.rtl-page .title-decor.t-mrgn40.before:before{margin-left: 40px;}
.rtl-page .title-decor.t-mrgn40.after:after{margin-right: 40px;}
.rtl-page .title-decor.t-mrgn45.before:before{margin-left: 45px;}
.rtl-page .title-decor.t-mrgn45.after:after{margin-right: 45px;}
.rtl-page .title-decor.t-mrgn50.before:before{margin-left: 50px;}
.rtl-page .title-decor.t-mrgn50.after:after{margin-right: 50px;}
.rtl-page .title-decor.t-mrgn55.before:before{margin-left: 55px;}
.rtl-page .title-decor.t-mrgn55.after:after{margin-right: 55px;}
.rtl-page .title-decor.t-mrgn60.before:before{margin-left: 60px;}
.rtl-page .title-decor.t-mrgn60.after:after{margin-right:60px;}
.rtl-page .title-decor.t-mrgn65.before:before{margin-left: 65px;}
.rtl-page .title-decor.t-mrgn65.after:after{margin-right:65px;}
.rtl-page .title-decor.t-mrgn70.before:before{margin-left: 70px;}
.rtl-page .title-decor.t-mrgn70.after:after{margin-right:70px;}
.rtl-page .title-decor.t-mrgn75.before:before{margin-left: 75px;}
.rtl-page .title-decor.t-mrgn75.after:after{margin-right:75px;}
.rtl-page .title-decor.t-mrgn80.before:before{margin-left: 80px;}
.rtl-page .title-decor.t-mrgn80.after:after{margin-right: 80px;}
.rtl-page .title-decor.t-mrgn85.before:before{margin-left: 85px;}
.rtl-page .title-decor.t-mrgn85.after:after{margin-right:85px;}
.rtl-page .title-decor.t-mrgn90.before:before{margin-left: 90px;}
.rtl-page .title-decor.t-mrgn90.after:after{margin-right:90px;}
.rtl-page .title-decor.t-mrgn95.before:before{margin-left: 95px;}
.rtl-page .title-decor.t-mrgn95.after:after{margin-right: 95px;}

.title-decor.t-pd01{padding-left: 100px;}
.title-decor.t-pd02{padding-right: 90px;}
.title-decor.t-pd03{padding-left: 110px;}
.title-decor.t-pd04{padding-left: 35px;}
.title-decor.t-pd05{padding-right: 100px;}
.title-decor.t-pd06{padding-left: 300px;}
.title-decor.t-pd07{padding-right: 215px;}
.title-decor.t-pd08{padding-right: 165px;}
.title-decor.t-pd09{padding-right: 85px;}

.rtl-page .title-decor.t-pd01{
	padding-left: 0;
	padding-right: 100px;
}
.rtl-page .title-decor.t-pd02{
	padding-right: 0;
	padding-left: 90px;
}
.rtl-page .title-decor.t-pd03{
	padding-left: 0;
	padding-right: 110px;
}
.rtl-page .title-decor.t-pd04{
	padding-left: 0;
	padding-right: 35px;
}
.rtl-page .title-decor.t-pd05{
	padding-right: 0;
	padding-left: 100px;
}
.rtl-page .title-decor.t-pd06{
	padding-left: 0;
	padding-right: 300px;
}
.rtl-page .title-decor.t-pd07{
	padding-right: 0;
	padding-left: 215px;
}
.rtl-page .title-decor.t-pd08{
	padding-right: 0;
	padding-left: 165px;
}
.rtl-page .title-decor.t-pd09{
  padding-right: 0;
  padding-left: 85px;
}


.rtl-page .title-decor.full-before:before{
  margin-left: initial;
  padding-left: initial;
  margin-right: -50vw;
  padding-right: 50vw;
}
.rtl-page .title-decor.full-after:after{
  margin-right: initial;
  padding-right: initial;
  margin-left: -50vw;
  padding-left: 50vw;
}




@media (max-width: 1200px) {
  .title-decor.full-before,
  .rtl-page .title-decor.full-after{margin-left: -15px;}
  .title-decor.full-after,
  .rtl-page .title-decor.full-before{margin-right: -15px;}
}
@media (max-width: 1000px) {
	.title-decor{margin-bottom: 17px;}
	.title-decor{
		padding-top: 15px;
		text-align: center
	}
	.title-decor.ta-center-md{
		justify-content: center;
	}
	.title-decor .inner{min-width: 1px;}

	.title-decor.before-md:before,
	.title-decor.after-md:before{content: ""}
	.title-decor.ta-center:before,
	.title-decor.ta-center:after,
	.title-decor.ta-center-md:before,
	.title-decor.ta-center-md:after{
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		width: 180px;
		margin: 0 auto !important;
	}
	.title-decor[class*=t-pd],
	.rtl-page .title-decor[class*=t-pd]{
		padding-left: 0;
		padding-right: 0;
	}
}
@media (max-width: 767px) {

	.title-decor.before:before{margin-right: 15px;}
	.title-decor.after:after{margin-left: 15px;}

	.title-decor.before[class*=t-mrgn]:before{margin-right: 15px;}
	.title-decor.after[class*=t-mrgn]:after{margin-left:15px;}

  .title-decor.full-before,
  .rtl-page .title-decor.full-after{margin-left: 0;}
  .title-decor.full-after,
  .rtl-page .title-decor.full-before{margin-right: 0;}

	.title-decor.before-sm:before,
	.title-decor.after-sm:before{content: ""}
	.rtl-page .title-decor.before:before{
		margin-right: 0;
		margin-left: 15px;
	}
	.rtl-page .title-decor.after:after{
		margin-left: 0;
		margin-right: 15px;
	}
	.rtl-page .title-decor.before[class*=t-mrgn]:before{margin-left: 15px;}
	.rtl-page .title-decor.after[class*=t-mrgn]:after{margin-right:15px;}

	.title-decor.ta-center-sm{
		justify-content: center;
	}
	.title-decor.ta-center-sm:before,
	.title-decor.ta-center-sm:after{
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		width: 180px;
		margin: 0 auto !important;
	}
}
@media (max-width: 479px) {
	.title-decor.ta-center-xs{
		justify-content: center;
	}
	.title-decor.before-xs:before,
	.title-decor.after-xs:before{content: ""}
	.title-decor.ta-center-xs:before,
	.title-decor.ta-center-xs:after{
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		width: 180px;
		margin: 0 auto !important;
	}
}

.img-st01{margin: 0 40px 0 25px;}
.img-st01.reversed{margin: 0 25px 0 40px;}
.img-st02{margin: 0 40px 0 30px;}
.img-st02.reversed{margin: 0 30px 0 40px;}
.img-st03{margin: 0 45px 0 20px;}
.img-st03.reversed{margin: 0 20px 0 45px;}
.img-st04{margin: 0 45px 0 25px;}
.img-st04.reversed{margin: 0 25px 0 45px;}
.img-st05{margin: 0 50px 0 25px;}
.img-st05.reversed{margin: 0 25px 0 50px;}
.img-st06{margin: 50px 0 0;}
.img-st06.reversed{margin: 0 0 50px;}
.img-st07{margin: 20px 75px 20px 55px;}
.img-st07.reversed{margin: 20px 55px 20px 75px;}
.img-st08{margin: -75px 70px 0 50px;}
.img-st08.reversed{margin: -75px 50px 0 70px}
.img-st09{margin: 10px 40px 10px 0;}
.img-st09.reversed{margin: 10px 0 10px 40px}
.img-st10{margin: -55px 50px 0 75px;}
.img-st10.reversed{margin: -55px 50px 0 75px;}
.img-st11{margin: 15px 0 0 65px;}
.img-st11.reversed{margin: 15px 65px 0 0;}

.rtl-page .img-st01{margin: 0 25px 0 40px;}
.rtl-page .img-st01.reversed{margin: 0 40px 0 25px;}
.rtl-page .img-st02{margin: 0 30px 0 40px;}
.rtl-page .img-st02.reversed{margin: 0 40px 0 30px;}
.rtl-page .img-st03{margin: 0 20px 0 45px;}
.rtl-page .img-st03.reversed{margin: 0 45px 0 20px;}
.rtl-page .img-st04{margin: 0 25px 0 45px;}
.rtl-page .img-st04.reversed{margin: 0 45px 0 25px;}
.rtl-page .img-st05{margin: 0 25px 0 50px;}
.rtl-page .img-st05.reversed{margin: 0 50px 0 25px;}
.rtl-page .img-st06{margin: 50px 0 0;}
.rtl-page .img-st06.reversed{margin: 0 0 50px;}
.rtl-page .img-st07{margin: 20px 55px 20px 75px;}
.rtl-page .img-st07.reversed{margin: 20px 75px 20px 55px;}
.rtl-page .img-st08{margin: -75px 50px 0 70px}
.rtl-page .img-st08.reversed{margin: -75px 70px 0 50px;}
.rtl-page .img-st09{margin: 10px 0 10px 40px;}
.rtl-page .img-st09.reversed{margin: 10px 40px 10px 0;}
.rtl-page .img-st10{margin: -55px 50px 0 75px;}
.rtl-page .img-st10.reversed{margin: -55px 50px 0 75px;}
.rtl-page .img-st11{margin: 15px 65px 0 0;}
.rtl-page .img-st11.reversed{margin: 15px 0 0 65px;}


@media (max-width: 1000px) {
	.image[class*=img-st],
	.rtl-page .image.reversed[class*=img-st],
	.rtl-page .image[class*=img-st],
	.rtl-page .image.reversed[class*=img-st]{
		margin: 0 0 15px;
	}
	.image.img-st06,
	.image.img-st06.reversed,
	.rtl-page .image.img-st06,
	.rtl-page .image.img-st06.reversed{
		margin: 30px 20px 15px;
	}
	.image.img-st07,
	.image.img-st07.reversed,
	.rtl-page .image.img-st07,
	.rtl-page .image.img-st07.reversed{
		margin: 20px 25px 15px;
	}
	.image.img-st08,
	.image.img-st08.reversed,
	.rtl-page .image.img-st08,
	.rtl-page .image.img-st08.reversed{
		margin: 0 7px 15px;
	}
	.image.img-st09,
	.image.img-st09.reversed,
	.rtl-page .image.img-st09,
	.rtl-page .image.img-st09.reversed{
		margin: -30px 0px -25px;
	}
	.image.img-st10,
  .image.img-st10.reversed,
  .rtl-page .image.img-st10,
  .rtl-page .image.img-st10.reversed{
    margin: -30px -25px -20px;
  }
  .image.img-st11,
  .image.img-st11.reversed,
  .rtl-page .image.img-st11,
  .rtl-page .image.img-st11.reversed{
    margin: 30px 0 20px;
  }

  
}
@media (max-width: 767px) {

}
@media (max-width: 479px) {
	.image.img-st08,
	.image.img-st08.reversed,
	.rtl-page .image.img-st08,
	.rtl-page .image.img-st08.reversed{
		margin: -30px 7px 15px;
	}
}


*[class*=content-decor-st],
.content-decor-area,
.content-decor-area > *{
  position: relative;
}
.content-decor-area:before{
  content: "";
  position: absolute;
}
.content-decor-st01{margin-bottom: 35px;}
.content-decor-st01:before{
  background: #F2F6F8;
  top: 5px;
  bottom: 10px;
  left: -50vw;
  width: calc(50vw + 477px);
  border: 1px solid #c84731;
  border-width: 1px 0 0;
  border-radius: 0 0 5px 0;
}
.content-decor-st01 .image{
  width: 477px;
  margin: 0 20px 50px 0;
}
.rtl-page .content-decor-st01:before{
  left: auto;
  right: -50vw;
  border-radius: 0 0 0 5px;
}
.rtl-page .content-decor-st01 .image{
  margin: 0 0 50px 20px;
}
@media (max-width: 1200px) {
  .content-decor-st01:before{
    width: calc(50vw + 392px)
  }
  .content-decor-st01 .image{
    width: 393px;
  }
}
@media (max-width: 1000px) {
  .content-decor-st01{margin-bottom: 15px}
  .content-decor-st01:before{
    top: 0;
    height: 246px;
    bottom: auto;
    width: auto
  }
  .content-decor-st01:before,
  .rtl-page .content-decor-st01:before{
    left: -15px;
    right: -15px;
  }
  .content-decor-st01 .image{
    width: auto;
  }
  .content-decor-st01 .image,
  .rtl-page .content-decor-st01 .image{
    margin: 0 0 15px;
  }
}

.content-decor-st02{margin-bottom: 50px;}
.content-decor-st02 .content-decor-area{padding-bottom: 10px;}
.content-decor-st02 .content-decor-area:before{
  top: -10px;
  bottom: -10px;
  right: -50vw;
  width: calc(50vw + 697px);
  border-radius: 0 0 0 5px;
  background: #FAF9F7;
  border: 1px solid transparent;
  border-width: 1px 0 0;
}
.content-decor-st02 .image{
  width: 477px;
  margin: 10px 20px 0 0;
}
.rtl-page .content-decor-st02 .content-decor-area:before{
  right: auto;
  left: -50vw;
  border-radius: 0 0 5px 0;
}
.rtl-page .content-decor-st02 .image{
  margin: 10px 0 0 20px;
}
.content-decor-st02 .btn-hold{
  padding-top: 15px;
}
@media (max-width: 1200px) {
  .content-decor-st02 .content-decor-area:before{
    right: -15px;
    width: calc(100% + 35px);
  }
  .rtl-page .content-decor-st02 .content-decor-area:before{
    left: auto;
    right: -15px;
  }
  .content-decor-st02 .image{
    width: 393px;
  }
}
@media (max-width: 1000px) {
  .content-decor-st02{margin-bottom: 0}
  .content-decor-st02 .content-decor-area{
    position: static;
    /*margin: 0 -1px;*/
    padding-bottom: 20px;
  }
  .content-decor-st02 .content-decor-area:before{
    border-color: #c84731;
    top: 0;
    bottom: 0;
  }
  .content-decor-st02 .title-decor,
  .content-decor-st02 .image{
    position: relative;
    z-index: 1;
  }

  .content-decor-st02 .image{
    width: auto;
  }
  .content-decor-st02 .image,
  .rtl-page .content-decor-st02 .image{
    margin: 0 0 15px;
  } 
  .content-decor-st02 .btn-hold{padding-top: 5px;}
}

.content-decor-st03{
  padding-top: 30px;
}
.content-decor-st03:before{
  left: 0;
  top: 0;
  width: 2261px;
  height: 226px;
  background: #fff url('images/bg-content-decor03.svg') no-repeat;
  background-size: 100% 100%;
  border: 1px solid #c84731;
  border-width: 1px 0 0;
}
.rtl-page .content-decor-st03:before{
  left: auto;
  right: 0;
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
}
.content-decor-st03 .image{
  margin: 45px 0;
}
.content-decor-st03 .btn-hold{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0 -20px;
}
.content-decor-st03 .btn-hold > *{
  margin: 0 20px 20px;
}
@media (max-width: 1000px) {
  .content-decor-st03{
    padding: 0; 
  }
  .content-decor-st03:before{
    left: -15px;
  }
  .rtl-page .content-decor-st03:before{
    left: auto;
    right: -15px;
  }
  .content-decor-st03 .image{
    margin: 0 0 15px;
  }
  .content-decor-st03 .btn-hold{padding-top: 15px}
}
@media (max-width: 767px) {
  .content-decor-st03:before{
    background: transparent;
  }
}

.videocourses{}
.videocourse-item{
	display: flex;
	align-items: center;
	padding-bottom: 25px;
}
.videocourse-text{
	flex: 1;
	letter-spacing: 0.2px;
}
.videocourse-video-col{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 0 0 35px;
	width: 460px;
	width: 39.31623931623932%;
}
.videocourse-item.flex-row-reverse .videocourse-video-col{
	margin: 0 35px 0 0;
}
.rtl-page .videocourse-video-col{
	margin: 0 35px 0 0;
}
.rtl-page .videocourse-item.flex-row-reverse .videocourse-video-col{
	margin: 0 0 0 35px;
}
.videocourse-video-item h3{
	margin: 0 20px 70px;
}
.videocourse-video-item{
	width: 331px;
	margin: 0 15px 90px;
}
.videocourse-video{
	cursor: pointer;
	position: relative;
	padding: 0 0 58.61027190332326%;
}
.videocourse-video img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	border-radius: 10px;
}
.videocourse-video-caption{
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	background: #fff;
	display: flex;
	min-height: 63px;
	align-items: center;
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	padding: 0 10px;
	font-family: 'Montserrat', sans-serif;
	color: #13273D;
	-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
					transform: translateY(-50%);
}
.videocourse-video-caption .icon-play{
	display: inline-block;
	vertical-align: top;
	font-size: 52px;
	color: #B6B7B8;
	margin: 0 30px 0 15px;
}
.rtl-page .videocourse-video-caption .icon-play{
	margin: 0 15px 0 30px;
}
.videocourse-video-caption ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.videocourse-video-caption ul li{
	position: relative;
	padding: 0 0 0 15px;
}
.videocourse-video-caption ul li:before {
	content: '\2022';
	position: absolute;
	left: 0;
}
.rtl-page .videocourse-video-caption ul li{
	padding: 0 15px 0 0;
}
.rtl-page .videocourse-video-caption ul li:before {
	left: auto;
	right: 0;
}
@media (max-width: 1200px) {
	
}
@media (max-width: 1000px) {
	.videocourse-item{
		display: block
	}
	.videocourse-video-col{
		width: auto;
	}
	.videocourse-video-col,
	.rtl-page .videocourse-video-col,
	.videocourse-item.flex-row-reverse .videocourse-video-col,
	.rtl-page .videocourse-item.flex-row-reverse .videocourse-video-col{
			margin: 0;
	}
	.videocourse-video-item{margin-bottom: 15px;}
}
@media (max-width: 767px) {
	.videocourse-item{
		display: block;
		padding-bottom: 0;
	}
}
@media (max-width: 479px) {
	.videocourse-video-item{
		margin: 0 0 15px;
	}
	.videocourse-video-caption{
		height: 56px;
		padding: 0 5px;
	}
	.videocourse-video-caption .icon-play{
		font-size: 45px;
	}
	.videocourse-video-caption .icon-play,
	.rtl-page .videocourse-video-caption .icon-play{margin: 0 10px;}
}


.glossary-nav{
	background: #E0E7F1;
	font-weight: 500;
	font-size: 20px;
	line-height: 37px;
	font-family: 'Montserrat', sans-serif;
	padding: 0 15px;
	border-top: 1px solid #c84731;
	align-self: flex-start;
	letter-spacing: -0.5px;
	max-width: 50%;
}
.glossary-nav ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
.glossary-nav ul li{
	padding: 0 3px;
}
.glossary-nav ul li a{
	color: #13273D;
	text-decoration: none;
}
.glossary-nav ul li a:hover,
.glossary-nav ul li a:focus,
.glossary-nav ul li a:active{color: #c84731;}
@media (max-width: 1000px) {
	.glossary-nav{
		margin: 0 0 15px;
		padding: 2px 1px;
		font-size: 24px;
		border: 0;
		letter-spacing: 0;
		max-width: none;
	}
	.glossary-nav ul li{
		padding: 0 7px;
	}
}

.glossary{
	max-width: 672px;
	margin: 0 auto;
	position: relative;
}
.glossary:before{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 190px;
	height: 1px;
	margin: 0 auto;
	background: #c84731;
}
.glossary .item{padding: 0 0 10px;}
.glossary .item.active{padding-bottom: 0}
.glossary .item h3{
	display: inline-block;
	vertical-align: top;
	position: relative;
	font-size: 30px;
	line-height: 36px;
	font-weight: 400;
	cursor: pointer;
	padding: 0 25px;
	margin-bottom: 0;
}
.glossary .item h3:before{
	position: absolute;
	left: 0;
	content: "\002B\0020";
}
.rtl-page .glossary .item h3:before{
	left: auto;
	right: 0;
}
.glossary .item.active h3{
	color: #c84731;
}
.glossary .item.active h3:before{content: "\002D\0020";}
.glossary .slidetext{
	text-indent: 45px;
	padding-top: 25px;
}
.glossary .slidetext:after{
	content: "";
	display: table;
	clear: both;
}
@media (max-width: 1000px) {
	.glossary{padding-top: 15px}
	.glossary:before{
		content: "";
	}
}
@media (max-width: 767px) {
	.glossary .item h3{
		padding: 0 20px;
		font-size: 24px;
		line-height: 29px;
	}
	.glossary .slidetext{
		padding-top: 15px;
		text-indent: 30px;
	}
  .glossary:before{content: "";}
}



.content-accordion .ttl{
  position: relative;
  display: flex;
  justify-content: center;
  align-items:  center;
  font-size: 30px;
  line-height: 42px;
  font-weight: 400;
  font-family: Montserrat;
  border-radius: 5px 5px 0px 0px;
  background: #1E3146;
  color: #fff;
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.content-accordion .content-accordion-item.active .ttl{
  color: #1E3146;
  background: rgba(163, 193, 226, 0.2);
  box-shadow: inset 1.5px 1.5px 4px rgba(0, 3, 5, 0.25);
}

.content-accordion .conditions-tabs {
    display: none;
}
.content-accordion .ttl .control{
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  font-size: 15px;
  cursor: pointer;
  z-index: 1;
}
.content-accordion .ttl .control span{
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 76px;
}
.content-accordion .ttl .control span:after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #fff transparent;
  margin: auto;
  height: 8px;
  width: 16px;
  -webkit-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.content-accordion-item.active .ttl .control span:after{
  border-color: #13273D transparent;
  -webkit-transform:rotate(180deg);
      -ms-transform:rotate(180deg);
          transform:rotate(180deg);
}
.rtl-page .content-accordion .ttl .control span{
  right: auto;
  left: 0;
}
.content-accordion .ttl .control em{display: none;}

@media (max-width: 767px) {
  .content-accordion .ttl{
    font-size: 20px;
    line-height: 25px;
    padding: 12px 0;
  }
  .content-accordion .ttl .control{
    background: #E7EBF2;
    left: 0;
    right: 0;
    top: 100%;
    bottom: auto;
    border: 1px solid #466B93;
    border-width: 1px 0 0;
    color: #13273D;
    text-align: center;
    font-size: 7px;
    line-height: 10px;
    text-align: center;
    background: #E1E6EF;
    height: 6px;
  }
  .content-accordion .ttl .control span{
    background: url('images/bg-content-accordion-control2.svg') no-repeat;
    background-size: cover;
    width: 103px;
    height: 10px;
    margin: -1px auto 0;
  }
  .content-accordion .ttl .control span,
  .rtl-page .content-accordion .ttl .control span{
    left: 0;
    right: 0;
  }
  .content-accordion .ttl .control span:after{
    width: 10px;
    height: 5px;
    border-width: 5px 5px 0 5px;
    border-color: #13273D transparent;
  }
}

.trading-conditions{
	position: relative;
}
.trading-conditions .product-table td,
.trading-conditions .product-table th{
	padding: 3px 5px;
  text-align: center;
}

.trading-conditions .product-table th{
	vertical-align: bottom;
	padding: 5px 5px;
}
.trading-conditions .content-accordion-item{padding-bottom: 23px;}

    .trading-conditions .content-accordion-item .slide-content {
        max-height: 500px;
        overflow: auto;
    }

    .trading-conditions .ttl .control span:after {
        font-family: 'icomoon';
        content: "\e946";
        border: 0;
        height: auto;
    }
.trading-conditions .content-accordion-item.active .ttl .control span:after{
  -webkit-transform:rotate(0);
      -ms-transform:rotate(0);
          transform:rotate(0);
}
    .trading-conditions .content-accordion-item.active .trigger {
        display: block;
        width: 100%;
        text-align: center;
    }
.trading-conditions .content-accordion-item.active .name{display: none;}
.trading-conditions .content-accordion-item.active .ttl .control{left: auto;}
.rtl-page .trading-conditions .content-accordion-item.active .ttl .control{
	left: 0;
	right: auto;
}
.trading-conditions .content-accordion-item.active .ttl .control span:after{content: "\e947";}


@media (max-width: 767px) {
  .trading-conditions .ttl .control{
    top: 0;
    bottom: 0;
    height: auto;
    border: 0;
    background: transparent;
  }
  .trading-conditions .ttl .control:after{
    height: 10px;
  }
  .trading-conditions .ttl .control span{
    top: auto;
    bottom: -10px;
  }
	.trading-conditions .content-accordion-item.active .ttl .control,
	.rtl-page .trading-conditions .content-accordion-item.active .ttl .control{
		left: 0;
		right: 0;
	}

	.trading-conditions .product-table th,
	.trading-conditions .product-table td{
		height: 46px;
		font-size: 9px;
		line-height: 11px;
		padding: 3px 5px;
	}
  .trading-conditions .product-table tr:first-child td{
    padding-right: 10px;
  }
  .rtl-page .trading-conditions .product-table tr:first-child td{
    padding-right: 5px;
    padding-left: 10px;
  }
	.trading-conditions .product-table .DTFC_LeftWrapper th,
	.trading-conditions .product-table .DTFC_LeftWrapper td{
		/* padding-left: 20px;
		padding-right: 20px; */
	}
	.trading-conditions .product-table th{
		height: 48px;
		font-size: 9px;
		line-height: 11px;
		padding-top: 0;
		padding-bottom: 5px;
	}
	.trading-conditions .product-table.data-table .DTFC_LeftWrapper:after{
		top: 20px;
	}
}

.trading-conditions .ttl .trigger{
	position: relative;
	display: none;
  z-index: 2;
}
.trading-conditions .ttl .trigger .link{
	display: block;
	padding: 0 35px;
	position: relative;
	color: #13273D;
  text-decoration: none;
text-align: center;
}
.trading-conditions .ttl .trigger .link > span + span{display: none;}
.trading-conditions .ttl .trigger .link:after{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	height: 13px;
	margin: auto 0;
	font-size: 13px;
	line-height: 13px;
	font-family: 'icomoon';
	content: "\e901";
	-webkit-transition: all 0.3s ease;
					transition: all 0.3s ease;
                    display: none;
}
.rtl-page .trading-conditions .ttl .trigger .link:after{
	right: auto;
	left: 0;
}
.trading-conditions .ttl .trigger .link.active:after{
	-webkit-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
			transform:rotate(180deg);
}
.trading-conditions .ttl .trigger .link:hover {
	text-decoration: none;
}
@media (max-width: 767px) {
  .trading-conditions .ttl .trigger .link > span{display: none;}
  .trading-conditions .ttl .trigger .link > span + span{display: inline;}
}

.trading-conditions .ttl .drop{
	display: flex;
	padding: 10px 0 5px;
	justify-content: center;
	position: static;
	background: #FFFFFF;
	left: 50%;
	top: 100%;
	z-index: 1;
	min-width: 274px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 0px 0px 5px 5px;
	font-size: 18px;
	line-height: 22px;
/*	visibility: hidden;*/
	/*opacity: 0;
  z-index: 10;
	-webkit-transform-origin: 0 0;
					transform-origin: 0 0;
	-webkit-transition: all 0.2s ease;
					transition: all 0.2s ease;
	-webkit-transform: scale(0.8) translateX(-50%);
					transform: scale(0.8) translateX(-50%);*/
}

.trading-conditions .ttl .drop .inner {
     display: flex;
     flex-wrap: wrap;
}


/*.trading-conditions .ttl .drop.opened {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1) translateX(-50%);
    transform: scale(1) translateX(-50%);
}*/
    .trading-conditions .ttl .drop a {
        text-decoration: none;
        display: block;
        white-space: nowrap;
        padding: 4px 15px;
        color: #fff;
        min-width: 83px;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
        border-radius: 4px;
        margin: 0 7px;
        background: #466B93;
        box-shadow: inset 1.5px 1.5px 4px rgba(0, 3, 5, 0.25), inset 0px 1px 4px rgba(151, 151, 151, 0.25);
        position: relative;
        margin-bottom: 5px;
    }

        .trading-conditions .ttl .drop a:before {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            background: transparent;
            box-shadow: 0px 2px 4px rgb(0 0 0 / 25%);
            border-radius: 3px;
            top: 0;
            border: 4px solid #fff;
           
        }

        .trading-conditions .ttl .drop a:hover:before,
        .trading-conditions .ttl .drop a.active:before {
            border: 4px solid rgba(163, 193, 226, 0.2);
        }

        .trading-conditions .ttl .drop a span + span {
            display: none;
        }
        .trading-conditions .ttl .drop a:hover,
        .trading-conditions .ttl .drop a.active {
            text-decoration: none;
            color: #1F3247;
            background: #fff;
        }

        

@media (max-width: 767px) {
  .trading-conditions .ttl .drop{
    margin-top: 12px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  }
  .trading-conditions .ttl .drop a span{display: none;}
  .trading-conditions .ttl .drop a span + span{display: inline;}
}
@media (max-width: 479px) {
  .trading-conditions .ttl .trigger{
    /*position: static;*/
  }
  .trading-conditions .ttl .drop{
    margin-top: 0;
    left: 0;
    min-width: 100%;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  .trading-conditions .ttl .drop.opened{
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.conditions-tabs{
  display: flex;
	/* display: none; */
	position: absolute;
	top: 6px;
	left: 8px;
	z-index: 5;
}
.rtl-page .conditions-tabs{
	left: auto;
	right: 8px;
}
.conditions-tabs .tabset{
	background: #466B93;
	border-radius: 4px;
	box-shadow: inset 1.5px 1.5px 4px rgba(0, 3, 5, 0.25), inset 0px 1px 4px rgba(151, 151, 151, 0.25);
	font-size: 14px;
	line-height: 22px;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
	display: inline-flex;
	padding: 4px;
}
.conditions-tabs .tabset a{
	display: block;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	border-radius: 3px;
	min-width: 95px;
	padding: 0 5px;
}
.conditions-tabs .tabset a.active{
	color: #000;
	background: #fff;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
}
@media (max-width: 767px) {
	.conditions-tabs{
		justify-content: center;
		position: static;
		/*background: #E1E6EF;*/
		padding: 18px 0;
	}
}

.trading-conditions .scroll-row{
	display: none;
	position: relative;
	padding: 15px 65px;
	background: #F5F7FA;
}
.trading-conditions .scroll-row:after{
	display: block;
	clear: both;
	content: "";
}
.trading-conditions .scroll-row a{text-decoration: none;}
.trading-conditions .scroll-links{
	text-align: center;
	line-height: 12px;
}
.trading-conditions .scroll-links > a{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 15px;
	height: 15px;
	margin:0 3px;
	font-size: 0;
	line-height: 0;
	border-radius: 50%;
	border: 1px solid transparent;
}
.trading-conditions .scroll-links > a:before{
	content: "";
	position: absolute;
	border-radius: 50%;
	width: 11px;
	height: 11px;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #6986A7;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
.trading-conditions .scroll-links > a.current{
	border-color: #466B93;
}

.trading-conditions .scroll-row .scroll-link{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	width: 30px;
	text-align: center;
	color: #6986A7;
}
.trading-conditions .scroll-row .scroll-link:hover{text-decoration: none;}
.trading-conditions .scroll-row .scroll-link span{display: none;}
.trading-conditions .scroll-row .scroll-link:before{
	font-family: 'icomoon';
}
.trading-conditions .scroll-row .scroll-link.prev{left: 35px;}
.trading-conditions .scroll-row .scroll-link.prev:before{content: '\e902';}
.trading-conditions .scroll-row .scroll-link.next{right: 35px;}
.trading-conditions .scroll-row .scroll-link.next:before{content: "\e903";}

.rtl-page .trading-conditions .scroll-row .scroll-link.prev{
	left: auto;
	right: 35px;
}
.rtl-page .trading-conditions .scroll-row .scroll-link.prev:before{content: '\e903';}
.rtl-page .trading-conditions .scroll-row .scroll-link.next{
	right: auto;
	left: 35px;
}
.rtl-page .trading-conditions .scroll-row .scroll-link.next:before{content: "\e902";}

@media (max-width: 767px) {
	.trading-conditions .scroll-row{display: block;}
}

.widgets-group01 .widget{margin-bottom: 50px;}
@media (max-width: 767px) {
	.widgets-group01 .widget{margin-bottom: 25px;}
}

.trading-products-list .item{
	letter-spacing: 0.25px;
	padding-bottom: 43px;
}
.trading-products-list .item-heading{padding: 0 20px;}
.trading-products-list .item h2{
	position: relative;
	text-align: center;
	margin-bottom: 25px;
}
.trading-products-list .item h2:before{
	content: "";
	position: absolute;
	right: 30px;
	top: 0;
	height: 1px;
	background: #13273D;
	width: 278px;
}
.trading-products-list .item:nth-child(2n) h2:before{
	right: auto;
	left: 40px;
	width: 256px;
}
.trading-products-list .item-content{
	display: flex;
	padding: 0 80px 0 0;
}
.trading-products-list .item:nth-child(2n) .item-content{
	flex-direction: row-reverse;
	padding: 0;
}
.trading-products-list .item .image{
	display: block;
	margin: 0 40px 0 25px;
}
.trading-products-list .item .image img{
	width: 331px;
	height: 194px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
.trading-products-list .item:nth-child(2n) .image{
	margin: 0 25px 0 40px;
}
.trading-products-list .item .text{
	position: relative;
	flex:  1;
	padding-bottom: 37px;
}
.trading-products-list .item .btn-hold{
	position: absolute;
	bottom: 0;
	left: 0;
}
.trading-products-list .item:nth-child(2n) .btn-hold{
	left: auto;
	right: 0;
}

.rtl-page .trading-products-list .item h2:before{
	right: auto;
	left: 30px;
}
.rtl-page .trading-products-list .item:nth-child(2n) h2:before{
	left: auto;
	right: 40px;
}
.rtl-page .trading-products-list .item-content{
	padding: 0 0 0 80px;
}
.rtl-page .trading-products-list .item:nth-child(2n) .item-content{
	padding: 0;
}
.rtl-page .trading-products-list .item .image{
	margin: 0 25px 0 40px;
}
.rtl-page .trading-products-list .item:nth-child(2n) .image{
	margin: 0 40px 0 25px;
}
.rtl-page .trading-products-list .item .btn-hold{
	left: auto;
	right: 0;
}
.rtl-page .trading-products-list .item:nth-child(2n) .btn-hold{
	right: auto;
	left: 0;
}
@media (max-width: 1000px) {
	.trading-products-list .item{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.trading-products-list .item h2{margin-bottom: 18px}
	.trading-products-list .item-content{
		display: block;
		padding: 0;
	}
	.trading-products-list .item-content,
	.rtl-page .trading-products-list .item-content{padding: 0;}
	.trading-products-list .item .image{
		text-align: center;
	}
	.trading-products-list .item .image img{
		width: auto;
		height:  auto;
	}
	.trading-products-list .item .image,
	.rtl-page .trading-products-list .item .image,
	.trading-products-list .item:nth-child(2n) .image,
	.rtl-page .trading-products-list .item:nth-child(2n) .image{
		margin: 0 0 15px;
	}
	.trading-products-list .item h2:before,
	.trading-products-list .item:nth-child(2n) h2:before{
		width: 180px;
		left: 0;
		right: 0;
		top: -15px;
		margin: 0 auto;
	}
	.trading-products-list .item .btn-hold,
	.trading-products-list .item:nth-child(2n) .btn-hold,
	.rtl-page .trading-products-list .item .btn-hold,
	.rtl-page .trading-products-list .item:nth-child(2n) .btn-hold{
		left: 0;
		right: 0;
		text-align: center;
	}
}


.trading-products-banner{
	text-align: center;
	font-weight: 400;
	font-size: 24px;
	line-height: 29px;
	margin-bottom: 15px;
}
.trading-products-banner h2{
	position: relative;
	text-align: center;
	margin-bottom: 25px;
}
.trading-products-banner h2:before,
.trading-products-banner h2:after{
	content: "";
	position: absolute;	
	top: 0;
	height: 1px;
	background: #13273D;
}
.trading-products-banner h2:before{
	left: 40px;
	width: 256px;
}
.trading-products-banner h2:after{
	right: 30px;
	width: 278px;
}
.trading-products-banner p{
	margin-bottom: 35px;
}
.trading-products-banner .image{
	margin-bottom: 65px;
	text-align: center;
}
.trading-products-banner .centered-buttons{
	padding-bottom: 45px;
	position: relative;
}
.trading-products-banner .centered-buttons:after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	height: 1px;
	background: #c84731;
	width: 278px;
}
@media (max-width: 1000px) {
	.trading-products-banner{
		padding-top: 15px;
		font-size: 14px;
		line-height: 17px;
		margin-bottom: 0
	}
	.trading-products-banner h2{
		text-align: center;
		margin-bottom: 18px;
	}
	.trading-products-banner h2:before,
	.trading-products-banner h2:after,
	.rtl-page .trading-products-banner h2:before,
	.rtl-page .trading-products-banner h2:after{
		width: 180px;
		left: 0;
		right: 0;
		top: -15px;
		margin: 0 auto;
		background: #c84731;
	}
	.trading-products-banner p{margin-bottom: 15px}
	.trading-products-banner .image{margin-bottom: 18px}
	.trading-products-banner .centered-buttons{padding-bottom: 0}
	.trading-products-banner .centered-buttons:after{
		width: 180px;
	}
}
@media (max-width: 767px) {
	.trading-products-banner{
		text-align: initial;
	}
}


.deposits-withdrawals .content-accordion-item{margin-bottom: 45px;}
.deposits-withdrawals .content-accordion-item .table{margin-bottom: 0;}
.deposits-withdrawals .product-table th{
  height: 36px;
}
.deposits-withdrawals .product-table th,
.deposits-withdrawals .product-table td{
  padding-left: 15px;
  padding-right: 15px;
}
.deposits-withdrawals .product-table td:first-child{white-space: nowrap;}
.deposits-withdrawals .btn-hold{padding-top: 25px;}
@media (max-width: 767px) {
  .deposits-withdrawals .product-table th{
    height: 48px;
    vertical-align: bottom
  }
  .deposits-withdrawals .product-table td{
    height: 46px;
  }
  .deposits-withdrawals .product-table td:first-child{width: 58px;}
  .deposits-withdrawals .product-table th,
  .deposits-withdrawals .product-table td{
    padding-left: 5px;
    padding-right: 5px;
  }
}

.trading-hours{}
.trading-hours .ttl .trigger{
  position: absolute;
  left: 8px;
  bottom: 0;
  z-index: 2;
  background: #466B93;
  box-shadow: inset 1.5px 1.5px 4px rgba(0, 3, 5, 0.25);
  border-radius: 5px 5px 0px 0px;
  font-size: 18px;
  line-height: 22px;
  font-family: 'Montserrat', sans-serif;
  min-width: 248px;
}
.rtl-page .trading-hours .ttl .trigger{
  left: auto;
  right: 8px;
}
.trading-hours .content-accordion-item.active .ttl{
  background: #466B93;
  color: #fff;
}
.trading-hours .content-accordion-item.active .ttl .trigger{background: #EDF3F9;}

.trading-hours .ttl .trigger > a{
  display: flex;
  min-height: 36px;
  align-items: center;
  padding: 3px 65px 3px 45px;
  color: #fff;
  text-decoration: none;
  font-weight: 700;
}
.rtl-page .trading-hours .ttl .trigger > a{padding: 3px 45px 3px 65px;}
.trading-hours .content-accordion-item.active .ttl .trigger > a{color: #466B93;}

.trading-hours .ttl .trigger > a:after{
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  font-family: 'icomoon';
  content: "\e901";
  font-size: 12px;
  line-height: 12px;
  height: 12px;
  margin: auto 0;  
  -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
}
.rtl-page .trading-hours .ttl .trigger > a:after{
  right: auto;
  left: 25px;
}
.trading-hours .ttl .trigger > a.active:after{
  -webkit-transform:rotate(180deg);
      -ms-transform:rotate(180deg);
          transform:rotate(180deg);
}
.trading-hours .ttl .drop{
  display: flex;
  padding: 5px 0;
  justify-content: center;
  position: absolute;
  background: #FFFFFF;
  left: 0;
  top: 100%;
  z-index: 1;
  min-width: 100%;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 0px 0px 5px 5px;
  font-size: 18px;
  line-height: 22px;
  visibility: hidden;
  opacity: 0;
  z-index: 10;
  -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
.rtl-page .trading-hours .ttl .drop{
  left: auto;
  right: 0;
}
.trading-hours .ttl .drop.opened{
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.trading-hours .ttl .drop{
  justify-content: flex-start;
}
.trading-hours .ttl .drop a{
  text-decoration: none;
  display: block;
  white-space: nowrap;
  padding: 11px 45px;
  color: #13273D;
  -webkit-transition: all 0.2s ease;
          transition: all 0.2s ease;
}
.trading-hours .ttl .drop a:hover,
.trading-hours .ttl .drop a.active{
  font-weight: 600;
  text-decoration: none;
}
.trading-hours .btn-hold{padding-top: 85px;}

@media (max-width: 1000px) {
  .trading-hours .ttl{
    padding-bottom: 48px;
  }
  .trading-hours .ttl .trigger,
  .rtl-page .trading-hours .ttl .trigger{
    margin: 0 auto;
    left: 22px;
    right: 22px;
  }
}
@media (max-width: 767px) {
  .trading-hours .ttl{
    padding-bottom: 12px;
    flex-direction: column;
  }
  .trading-hours .ttl .name{
    text-align: center;
    padding-bottom: 12px;
  }
  .trading-hours .ttl .trigger,
  .rtl-page .trading-hours .ttl .trigger{
    left: 0;
    right: 0;
    margin: 0 22px -12px;
    position: relative;
  }
  .trading-hours .ttl .control{
    top: 0;
    bottom: 0;
    border: 0;
    height: auto;
    background: transparent;
  }
}
.trading-hours .product-table th,
.trading-hours .product-table td{
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}
@media (max-width: 767px) {
  .trading-hours .product-table th{height: 25px;}
  .trading-hours .product-table td{height: 27px;}
  .trading-hours .product-table th,
  .trading-hours .product-table td{
    padding-left: 10px;
    padding-right: 10px;
  } 
}






/* .personal-area p{margin-bottom: 12px;} */
/* .personal-area h1,
.personal-area .h1{
  font-size: 30px;
  line-height: 37px;
  font-weight: 700;
  margin-bottom: 30px;
  color: #000;
}
.personal-area h1 *[class*=icon-],
.personal-area .h1 *[class*=icon-]{
  display: inline-block;
  vertical-align: middle;
  font-size: 45px;
  line-height: 45px;
  margin: -4px 10px;
}
.personal-area h2,
.personal-area .h2{
  font-size: 24px;
  line-height: 29px;
  font-weight: 700;
  color: #000;
}
.personal-area h3,
.personal-area .h3{
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #000;
}*/
@media (max-width: 767px) {
  .personal-area h1,
  .personal-area .h1{
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
  }
  /*.personal-area h1 *[class*=icon-],
  .personal-area .h1 *[class*=icon-]{
    font-size: 22px;
    line-height: 22px;
    margin: -3px 10px;
  }
  .personal-area h2,
  .personal-area .h2{
    font-size: 14px;
    line-height: 17px;
  }
  .personal-area h3,
  .personal-area .h3{
    font-size: 14px;
    line-height: 17px;
  } */
}

.withdrawal-steps{
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  margin-bottom: 25px;
}
.withdrawal-steps ul{
  margin: 0 -10px;
  padding: 0;
  list-style: none;
  display: flex;
  /* width: 100%; */
}
.withdrawal-steps ul li{
  flex: 1;
  padding-top: 48px;
  text-align: center;
  position: relative;
}
.withdrawal-steps ul li.active{text-decoration: underline;}
.withdrawal-steps ul li:before,
.withdrawal-steps ul li:after{
  content: "";
  position: absolute;
  background: #E7EBF2;
  border: 1px solid #E7EBF2;
}
.withdrawal-steps ul li:before{
  right: calc(50% + 10px);
  width: calc(100% - 20px);
  top: 13px;
  border-width: 4px 0;
  height: 12px;
  z-index: 1;
}
.withdrawal-steps ul li:after{
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border-width: 9px;
}
.withdrawal-steps ul li:first-child:before{
  content: none;
}
.withdrawal-steps ul li.active{text-decoration: underline;}
.withdrawal-steps ul li.active:before,
.withdrawal-steps ul li.active:after{background: #1E3146;}

.rtl-page .withdrawal-steps ul li:before{
  right: auto;
  left: calc(50% + 10px);
}
@media (max-width: 767px) {
  .withdrawal-steps{
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 25px;
  }
  .withdrawal-steps ul li{padding-top: 40px;}
  .withdrawal-steps ul li:before{
    right: calc(50% + 9px);
    width: calc(100% - 18px);
    border-width: 3px 0;
    height: 10px;
  }
  .withdrawal-steps ul li:after{
    width: 36px;
    height: 36px;
  }
  .rtl-page .withdrawal-steps ul li:before{
    right: auto;
    left: calc(50% + 9px);
  }
}



.withdrawal-step {display: none;}
.withdrawal-step:first-child {display: block;}
.withdrawal-step{
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
}
.withdrawal-step p{margin-bottom: 12px;}
.withdrawal-step label{font-weight: 900;}
.withdrawal-step .btn-row{
  margin: 0 -15px;
}
.withdrawal-step .btn-row > *{
  margin: 0 15px 15px;
}
.withdrawal-step .formtext dl > *{
  display: inline-block;
  vertical-align: top;
}
.withdrawal-step .formtext dt{font-weight: 700;}
.withdrawal-step .table{
  font-size: 18px;
  line-height: 20px;
}
.withdrawal-step .table th,
.withdrawal-step .table td{
  font-size: 18px;
  line-height: 20px;
  padding: 8px 5px;
  height: 42px;
}
.withdrawal-step .table th{
  font-size: 16px;
}
.withdrawal-step .total-row td{
  background: #E7EBF2 !important;
}
.withdrawal-text{padding-bottom: 10px;}

@media (max-width: 767px) {
  .withdrawal-step{
    font-size: 12px;
    line-height: 14px;
  }
  
  .withdrawal-step .table th,
  .withdrawal-step .table td{}

  .withdrawal-step .table th{font-size: 14px;}
  .withdrawal-step .table td{
    font-size: 16px;
    height: 60px;
  }
  .withdrawal-step .table td:first-child{
    background: #fff;
    color: #1E3146;
    font-weight: 400;
    font-size: 16px;
  }
  .withdrawal-step .total-row td{
    text-align: center !important;
    color: #1E3146;
  }
}

.confirmation-content{
  font-weight: 400;
}
.confirmation-content .icon-yes,
.confirmation-content .icon-no{
  display: inline-block;
  vertical-align: top;
  font-size: 116px;
  line-height: 116px;
  margin-bottom: 25px;
}
.confirmation-content h3,
.confirmation-content .h3{margin-bottom: 45px;}
.confirmation-content p{margin-bottom: 12px;}
.confirmation-content .btn-hold{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 30px;
}
.confirmation-content .btn-hold > *{
  margin: 0 15px 15px;
}

@media (max-width: 767px) {
  .confirmation-content .icon-yes,
  .confirmation-content .icon-no{
    font-size: 98px;
    line-height: 98px;
    margin-bottom: 15px;
  }
  .confirmation-content h3,
  .confirmation-content .h3{margin-bottom: 15px;}
}


.toolbox-bar{
  display: flex;
  align-items: center;
  background: #E7EBF2;
  margin: -40px -30px 25px -65px;
  padding: 26px 30px 0 65px;
}
.rtl-page .toolbox-bar{
  margin: -40px -65px 25px -30px;
  padding: 26px 65px 0 30px;
}
.toolbox-bar + .toolbox-bar,
.rtl-page .toolbox-bar + .toolbox-bar{
	margin-top: -25px;
}
@media (max-width: 1900px) {
	.toolbox-bar{
		flex-wrap: wrap;
		flex-direction: column;
	}
}
@media (max-width: 1400px) {
  .toolbox-bar{
	flex-wrap: nowrap;
	flex-direction: row;
    margin: -40px -30px 25px -30px;
    padding: 26px 30px 0 30px;
  }
  .rtl-page .toolbox-bar{
    margin: -40px -30px 25px -30px;
    padding: 26px 30px 0 30px;
  }
}
@media (max-width: 767px) {
  .toolbox-bar{
    display: block;
    margin: -20px -15px 25px -15px;
    padding: 15px 15px 0 15px;
  }
  .rtl-page .toolbox-bar{
    margin: -20px -15px 25px -15px;
    padding: 15px 15px 0 15px;
  }
}

.toolbox-bar h1{
  /* font-size: 20px; */
  margin-right: 15px;
  margin-bottom: 0;
}
.rtl-page .toolbox-bar h1{
  margin-right: 0;
  margin-left: 15px;
}
@media (max-width: 1900px) {
	.toolbox-bar h1{
		margin-bottom: 10px;
	}
}
@media (max-width: 1400px) {
	.toolbox-bar h1{
		margin-bottom: 0;
	}
}
@media (max-width: 1400px) {
	.toolbox-bar h1{
		font-size: 20px;
	}
}
@media (max-width: 1000px) {
	.toolbox-bar h1{
	  font-size: 18px;
	}
  }
@media (max-width: 767px) {
  .toolbox-bar h1,
  .rtl-page .toolbox-bar h1{
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .toolbox-bar h1{
	font-size: 18px;
  }
}
.toolbox-nav{
  flex: 1;
  /* font-size: 18px;
  line-height: 22px; */
  font-size: 15px;
  line-height: 17px;
  font-family: 'Montserrat', sans-serif;
}
.toolbox-nav ul{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.toolbox-nav ul li{
  flex: 1;
  /* padding: 0 0 0 10px; */
}
.rtl-page .toolbox-nav ul li{
  /* padding: 0 10px 0 0; */
}
.toolbox-nav ul li a{
  min-height: 60px;
  padding: 0 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center; 
  border-radius: 5px 5px 0px 0px;
  color: #000;
  text-decoration: none;
}
.toolbox-nav ul li a:hover,
.toolbox-nav ul li.active a{
  background: #fff;
  text-decoration: none;
}
@media (max-width: 1900px) {
	.toolbox-nav{
		width: 100%;
	}
}
@media (max-width: 1610px) {
  .toolbox-nav{
    font-size: 14px;
    line-height: 17px;
  }
}
@media (max-width: 1400px) {
	.toolbox-nav{
		font-size: 15px;
	}
}
@media (max-width: 1000px) {
	.toolbox-nav{
		font-size: 13px;
	}
}
@media (max-width: 767px) {
  .toolbox-nav ul li,
  .rtl-page .toolbox-nav ul li{
    padding: 0;
  }
  .toolbox-nav{
    font-size: 13px;
    line-height: 15px;
  }
  .toolbox-nav ul li a{
    min-height: 45px;
  }
}
@media (max-width: 600px) {
	.toolbox-nav{
		font-size: 12px;
	}
}
@media (max-width: 479px) {
	.toolbox-nav{
		/* font-size: 9px;
		line-height: 10px; */
	}
	.toolbox-nav ul{
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.toolbox-nav ul li{
		flex: auto;
		max-width: 33.3333%;
	}
	.toolbox-nav ul li a{
		min-height: 33px;
		border-radius: 5px;
		margin-bottom: 5px;
	}
}

.toolboxes{margin: 0 0 0 -25px;}
.toolboxes .item{
  padding: 0 0 0 25px;
  margin-bottom: 15px;
}
.toolboxes .item .box{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 0;
  background: rgba(242, 246, 248, 0.75);
  padding: 15px;
  min-height: 180px;
  text-decoration: none;
  color: #13273D;
}
.toolboxes .item .box .image{
  display: block;
  margin-bottom: 10px;
}
.rtl-page .toolboxes{margin: 0 -25px 0 0;}
.rtl-pgae .toolboxes .item{
  padding: 0 25px 0 0;
}


.welcome-text h2{
  padding: 0 0 15px;
}
.welcome-text .buttons{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px 5px;
  margin: 0 -10px 5px;
  justify-content: center;
  padding: 25px 0;
}
.welcome-text .buttons .button{
  margin: 0 15px 16px;
  margin: 0 10px 16px;
  min-width: 224px;
  min-width: 243px;
  font-size: 20px;
  font-weight: 500;
  padding: 3px 5px
}
@media (max-width: 767px) {
  .welcome-text{padding-top: 5px;}
  .welcome-text .buttons{
    padding: 0;
  }
}

.personal-contacts-details{
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
}
.personal-contacts-details .item{
  position: relative;
  padding: 0 0 0 30px;
  margin: 0 0 16px;
}
.rtl-page .personal-contacts-details .item{
  padding: 0 30px 0 0;
}
.personal-contacts-details .item *[class*=icon-]{
  position: absolute;
  left: 0;
  top: 0;
  color: #c84731;
}
.rtl-page .personal-contacts-details .item *[class*=icon-]{
  left: auto;
  right: 0;
}
@media (max-width: 767px) {
  .personal-contacts-details{
    font-size: 14px;
    line-height: 17px;
  }
}
.personal-details{
  margin-top: -10px;
  margin-bottom: 50px;
}
.personal-details .row{
  display: flex;
  padding-bottom: 0;
}
.personal-details .row-control{
  flex: 1;
  margin: 0;
}
.personal-details label{
  width: 205px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}
.change-password .personal-details{
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .personal-details{
    margin-top: 0;
    margin-bottom: 10px;
  }
  .personal-details label{
    width: 130px;
    font-size: 12px;
    margin-right: 25px;
    margin-bottom: 0;
  }
  .rtl-page .personal-details label{
    margin-right: 0;
    margin-left: 25px;
  }
  .personal-details .row{
    padding-bottom: 13px;
  }
  .personal-details .profile-info{
    font-size: 12px;
  }
  .change-password .personal-details{
    padding-top: 15px;
    margin-bottom: 15px;
  }
  .change-password .personal-details label{
    justify-content: flex-end;
    font-size: 14px;
  }
  
  .change-password .personal-details .profile-info{
    font-size: 14px;
  }
}


.personal-deposit{
  padding: 15px 0 0;
}
.personal-deposit .formset{
  display: block;
  width: auto;
  max-width: 475px;
}
.personal-deposit label{
  font-size: 18px;
}
.personal-deposit .btn-row{
  margin: 0 -15px;
  padding-top: 15px;
  padding-bottom: 25px;
}
.personal-deposit .btn-row > *{
  margin: 0 15px 15px;
}
@media (max-width: 767px) {
  .personal-deposit{
    padding: 10px 0 0;
  }
  .personal-deposit label{
    font-size: 14px;
  }
  .personal-deposit .radio-check{
    margin-top: 0;
    margin-bottom: 0
  }
  .personal-deposit .radio-check label{
    font-size: 14px;
  }
  .personal-deposit .btn-row{
    padding-bottom: 10px;
  }
}
.personal-deposit-change .row > *{
  margin: 0 15px 15px;
}

.personal-upload{padding-top: 15px;}
.personal-upload-intro{
  padding: 0 10px;
}
.personal-upload .form-columns{margin: 0 0 0 -50px;}
.personal-upload .form-col{padding: 0 0 0 50px;}

.rtl-page .personal-upload .form-columns{margin: 0 -50px 0 0;}
.rtl-page .personal-upload .form-col{padding: 0 50px 0 0;}

.personal-upload .sel-choice-area {
  display:none;
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
  color: #000;
}
.personal-upload .sel-choice-area .btn-hold{
  width: 280px;
}
.personal-upload .sel-choice-area .text{
  flex: 1;
}
@media (max-width: 767px) {
  .personal-upload .sel-choice-upload{padding-bottom: 15px}
  .personal-upload .sel-choice-area {
    font-size: 14px;
    line-height: 17px;
  }
  .personal-upload .sel-choice-area .btn-hold{
    width: auto;
    padding-bottom: 15px;
  }
}
.personal-upload-results .table td{
  border: 1px solid #BEC3CD;
  border-width: 1px 0;
  height: 86px;
}
.personal-upload-results .table td:last-child,
.personal-upload-results .table th:last-child{text-align: right;}
.rtl-page .personal-upload-results .table td:last-child,
.rtl-page .personal-upload-results .table th:last-child{text-align: right;}
.personal-upload-results .table .image img{
  width: 65px;
  height: 65px;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}
.personal-upload-results .table tr:nth-child(2n) td{background: #fff;}
@media (max-width: 767px) {
  .personal-upload-results .table .image img{
    width: 40px;
    height: 40px;
  }
}

.personal-dashboard{}
.personal-dashboard .charts .colsgrid{}
.personal-dashboard .charts.colsgrid > *[class*=col-]{margin-bottom: 45px;}
.charts{
  justify-content: space-between;
}
.charts h3{margin-bottom: 10px;}
.charts *[class*=col-]{
  max-width: 380px;
}
.charts *[class*=col-] > .hold{margin-bottom: -16px;}
.charts *[class*=col-] > .box {
    height: 100%;
    margin: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.charts .box .box-content{
  padding: 10px 10px;
}
.charts .chart-bar-holder{
  max-width: 300px;
  margin: 0 auto;
}
.charts .chart-pie-holder{
  max-width: 132px;
  margin: 0 auto 40px;
}
.charts .chart-legends{
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  color: #000;
  max-width: 254px;
  margin: 0 auto;
  padding-bottom: 15px;
}
.charts .chart-legends .item {
  display:flex;
  justify-content:space-between;
  padding:3px 0;
  margin: 0 0 0 25px;
  position: relative;
}
.rtl-page .charts .chart-legends .item {margin: 0 25px 0 0;}
.charts .chart-legends .bglegend {
   position: absolute;
   left: -25px;
   top: 6px;
   width:12px;
   height:12px;
   overflow:hidden;
   border-radius:50%;
   text-indent:-9999px
}
.rtl-page .charts .chart-legends .bglegend {
  left: auto;
  right: -25px;
}
@media (max-width: 1400px) {
  .charts *[class*=col-]{
    max-width: none;
  }
}
@media (max-width: 767px) {
  .personal-dashboard .charts.colsgrid > *[class*=col-]{margin-bottom: 16px;}
  .charts .btn-hold{padding-top: 16px}
  .charts h3{
    font-size: 14px;
    line-height: 17px;
  }
}
@media (max-width: 470px) {
  .charts .chart-pie-holder{
    max-width: 110px;
    margin-bottom: 20px;
  }
  .charts .chart-legends{padding: 0 0 10px;}
  .charts .chart-legends .item{
    padding: 1px 0;
  }
  .charts .chart-legends .bglegend {
    width: 10px;
    height: 10px;
  }
}

.sticky-panel{
	position: fixed;
	right: 0;
	bottom: 125px;
	z-index: 1000;
	width: 123px;
	border-radius: 20px 0 0 20px;
}

.rtl-page .sticky-panel{
	right: auto;
	left: 0;
	border-radius: 0 20px 20px 0;
}

.sticky-panel,
.sticky-panel *,
.sticky-panel *:before,
.sticky-panel *:after{
	-webkit-transition: all .3s ease;
					transition: all .3s ease;
}
.sticky-panel > div{
	border: 1px solid transparent;
	border-width: 1px 0 0;
	text-align: center;
}
.sticky-panel a:before{
	font-family: 'icomoon';
}
.sticky-panel .control{
	display: block;
	height: 28px;
	text-align: center;
	text-decoration: none;
	color: #acacac;
	position: relative;
	visibility: hidden;
	opacity: 0;
}
.sticky-panel .control:before{
	position: absolute;
	font-family: 'icomoon';
	content: "\e913";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 13px;
	height: 13px;
	font-size: 13px;
	line-height: 13px;
}
.rtl-page .sticky-panel .control:before{content: "\e912";}
.sticky-panel:hover{
	background: rgba(255,255,255,0.2);
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
					box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
}
.sticky-panel:hover > div{
	border-color: #ebebeb;
}
.sticky-panel:hover .control{
	visibility: visible;
	opacity: 1;
}
.sticky-panel div a{
	display: inline-block;
	width: 80px;
	height: 80px;
	margin: 15px auto;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,1);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,1);	
	text-align: center;
	text-decoration: none;
	color: #fff;
	border-radius: 50%;
}
.sticky-panel a span{display: none;}
.sticky-panel div a:before{
	font-size: 55px;
	line-height: 80px;
}
.sticky-panel div .sticky-call:before{content: "\e94b";}
.sticky-panel div .sticky-chat:before{content: "\e94c";}
.sticky-panel div .sticky-call{background: #13254d;}
.sticky-panel div .sticky-call:hover{background: #0a162f;}
.sticky-panel div .sticky-chat{background: #ca981f;}
.sticky-panel div .sticky-chat:hover{background: #aa801c;}

.sticky-panel.minimized{
	width: 40px;
	border-radius: 5px 0 0 5px;
	background: rgba(19,37,77,0.5);
	color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.rtl-page .sticky-panel.minimized{
	border-radius: 0 5px 5px 0;
}

.sticky-panel.minimized > div{border-color: #fff;}
.sticky-panel.minimized .control{
	visibility: visible;
	opacity: 1;
}
.sticky-panel.minimized .control:before{
	color: #fff;
	-webkit-transform:rotate(180deg);
			-ms-transform:rotate(180deg);
					transform:rotate(180deg);
}
.sticky-panel.minimized div a{
	margin: 8px 0;
	width: 22px;
	height: 22px;
	background: transparent;
	-webkit-box-shadow: none;
					box-shadow: none;
}
.sticky-panel.minimized div a:before{
	font-size: 21px;
	line-height: 22px;
}
.sticky-panel.minimized div a:hover{background: transparent;}
.sticky-panel.minimized .sticky-call:before{content: "\e927";}
.sticky-panel.minimized .sticky-chat:before{content: "\e928";}

@media (max-width: 767px) {
	.sticky-panel{
		bottom: 75px;
		width: 103px;
	}
	.sticky-panel div a{
		width: 60px;
		height: 60px;
	}
	.sticky-panel div a:before{
		font-size: 44px;
		line-height: 60px;
	}
	.sticky-panel.minimized{width: 40px}
	.sticky-panel.minimized div a{
		width: 22px;
		height: 22px;
	}
	.sticky-panel.minimized div a:before{
		font-size: 21px;
		line-height: 22px;
	}
}

.sticky-risk{	
	background: #282828;
	color: #fff;
	font-size: 14px;
	line-height: 17px;
	position: relative;
	overflow: hidden;
	visibility: visible;
	height: auto;
	-webkit-transition: all .3s ease;
					transition: all .3s ease;
}
.sticky-risk-closed .sticky-risk{
	visibility: hidden;
	height: 0;	
}
.sticky-risk p:last-child{margin-bottom: 0;}
.sticky-risk .main-holder{
	padding-top: 10px;
	padding-bottom: 10px;
}
.sticky-risk .close{
	position: absolute;
	right: 15px;
	top: 17px;
	color: #fff;
	font-size: 0;
	line-height: 20px;
	text-align: center;
	width: 20px;
	height: 20px;
}
.rtl-page .sticky-risk .close{
	right: auto;
	left: 15px;
}
.sticky-risk .close:before{
	display: inline-block;
	vertical-align: top;
	font-family: 'icomoon';
	content: "\e91f";
	font-size: 16px;
}
@media (max-width: 767px) {
	.sticky-risk{
		font-size: 11px;
		line-height: 14px
	}
}

/*bottom-panels*/
.bottom-panels{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 50;
}
.cookie-panel{
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  text-align: center;
  background: #232228;
  font: 18px/20px 'Lato', sans-serif;
  color: #797b78;
  z-index: 100;
}
.cookie-panel .inner{
  display: table;
  width: 100%;
  height: 45px;
  padding: 0;
}
.cookie-panel .inner .holder{
  display: table-cell;
  vertical-align: middle;
}
.cookie-panel a{color: #4760de;}
.cookie-panel .approve{
  display: inline-block;
  vertical-align: top;
  text-decoration: none;
  margin: 0 40px;
}
.cookie-panel .approve:hover{text-decoration: underline;}
.cookie-panel .approve i{
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
}
.cookie-panel .approve i img{
  display: inline-block;
  vertical-align: top;
}
.cfds-panel{
  background: #b7b7b7;
  font: 300 14px/20px 'Lato', sans-serif;
  color: #000;
  text-align: center;
  padding: 12px 0;
}
@media (max-width: 767px) {
  .cookie-panel{font-size: 16px;}
  .cfds-panel{
    display: none;
  }
}


/* partnership */
.section-partnership{
	position: relative;
	min-height: 449px;
	color: #fff;
	padding: 17px 0;
}
.personal-area .section-partnership{
  margin-top: 45px;
}
.section-partnership:before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #169454 url('images/bg-section-partnership.jpg') no-repeat 50% 0;
	background-size: cover;
}
.rtl-page .section-partnership:before{
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}
.section-partnership > *{
	position: relative;
}
.section-partnership-image{
	position: absolute;
	bottom: 0;
	/*right: 0;
	width: 53.95833333333333vw;*/
	right: 50%;
	margin-right: -950px;
}
.rtl-page .section-partnership-image{
	right: auto;
	left: 50%;
	margin-right: 0;
	margin-left: -950px;
}
.section-partnership-text{
	max-width: 465px;
	position: relative;
	z-index: 1;
	font-size: 20px;
	line-height: 24px;
	font-weight: 400;
	padding: 0 10px;
	padding: 0;
}
.section-partnership-title{
	font-size: 40px;
	line-height: 49px;
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	margin-bottom: 45px;
	margin-right: -35px;
	letter-spacing: 0;
}
.rtl-page .section-partnership-title{
	margin-right: 0;
	margin-left: -35px;
}
.section-partnership-logo{
	text-align: center;
	padding: 17px 0;
	padding: 10px 0;
}
.section-partnership-logo > span{display: block;}
.section-partnership-logo > span:first-child{margin-bottom: 3px	;}

@media (max-width: 1000px) {
	.section-partnership{padding-bottom: 350px}
  .personal-area .section-partnership{margin-top: 0;}
	.section-partnership-text{
		max-width: none;
	}
	.section-partnership-title{
		text-align: center
	}
	.section-partnership-title,
	.rtl-page .section-partnership-title{
		margin-left: 0;
		margin-right: 0;
	}
	.section-partnership-image,
	.rtl-page .section-partnership-image{
		left: 10px;
		right: 10px;
		margin-left: auto;
		margin-right: auto;
		max-width: 700px;
		width: auto;
	}
}
@media (max-width: 767px) {
	.section-partnership{
		padding-top: 13px;
		padding-bottom: 250px;
	}
	.section-partnership:before{
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: #169454 url('images/bg-section-partnership-sm.jpg') no-repeat 50% 50%;
		background-size: cover;
	}
	.section-partnership-title{
		font-size: 24px;
		line-height: 29px;
		margin-bottom: 15px;
	}
	.section-partnership-title,
	.rtl-page .section-partnership-title{
		margin-left: -50px;
		margin-right: -50px;
	}
	.section-partnership-text{
		font-size: 14px;
		line-height: 17px;
		padding-left: 50px;
		padding-right: 50px;
	}
	.section-partnership-logo{
		margin: 0 -10px;
	}
	.section-partnership-logo > span:first-child{
		margin-bottom: 10px;
	}
	.section-partnership-image,
	.rtl-page .section-partnership-image{
		max-width: 500px;
	}
}
@media (max-width: 600px) {
	.section-partnership{
		padding-bottom: 57.1875vw;
	}
}

/* registration  */
.page-registration h1,
.page-registration .h1{
  font-size: 40px;
  line-height: 49px;
  margin-bottom: 55px;
}
@media (max-width: 767px) {
  .page-registration h1,
  .page-registration .h1{
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 70px;
  }
}
.tabs-style01 + .box{
  border-radius: 0 0 10px 10px;
}

.reg-box{
  border-color: rgba(49, 110, 176, 0.59);
}
.reg-box .tabs-content{
  width: 524px;
  padding: 16px 73px;
}
.reg-box .tab-extra-content{margin: -5px 0 -10px;}
.reg-box .box-content{
  /*padding: 30px 100px;*/
  padding: 70px 30px;
}
@media (max-width: 1200px) {
  .reg-box .tabs-content{
    width: 408px;
    padding: 16px 0;
    margin: 0 30px 0 0;
  }
  .rtl-page .reg-box .tabs-content{
    margin: 0 0 0 30px;
  }
}
@media (max-width: 1000px) {
  .reg-box .tabs-content{
    width: auto;
    margin: 0 0 15px;
  }
  .rtl-page .reg-box .tabs-content{
    margin: 0 0 15px;
  }
}
@media (max-width: 767px) {
  .registration{
    margin: 0 -1px;
  }
  .reg-box .box-content{
    /*padding: 30px 100px;*/
    padding: 3px 9px;
  }
  .reg-box .form .btn-row{
    padding-top: 25px;
  }
}

.tabs-style01{
  margin: 0 0 -1px -5px;
  padding: 0;
  list-style: none;
  display: flex;
  font-size: 24px;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  min-height: 63px;
}
.tabs-style01 li{
  flex: 1;
  display: flex;
  padding: 0 0 0 5px;
}
.tabs-style01 li a{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  background: #5E7A99;
  border-radius: 10px 10px 0 0;
  color: #fff;
  text-decoration: none;
  border: 1px solid transparent;
  border-width: 1px 1px 0;
  padding: 5px 15px;
}
.tabs-style01 li a > span{
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding:  0 0 0 55px;
}
.tabs-style01 li a *[class*=icon-]{
  display: block;
  flex: 0 0 auto;
  width: 36px;
  font-size: 36px;
  line-height: 36px;
  margin: 0 20px 0 0;
}
.rtl-page .tabs-style01 li a *[class*=icon-]{margin: -7px 0 -7px 20px;}
.tabs-style01 li a.active{
  background: #fff;
  color: #13273D;
  border-color: rgba(49, 110, 176, 0.59);
}
@media (max-width: 767px) {
  .tabs-style01{
    font-size: 12px;
    line-height: 15px;
    margin: 0 0 -1px -15px;
  }
  .tabs-style01 li{
    padding: 0 0 0 15px;
  }
  .tabs-style01 li a{
    flex-direction: column;
    text-align: center;
  }
  .tabs-style01 li a *[class*=icon-]{
    width: 16px;
    font-size: 16px;
    line-height: 16px;
  }
  .tabs-style01 li a *[class*=icon-],
  .rtl-page .tabs-style01 li a > *[class*=icon-]{margin: 0 0 5px;}
}

.tabs-style02{
  display: flex;
  margin: 0 0 0 -10px;
  padding: 0 0 7px;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  font-family: 'Montserrat', sans-serif;
}
.tabs-style02 li{
  /*flex: 1;*/
  flex: 1 1 0;
  padding: 0 0 16px 10px;
}
.tabs-style02 li:nth-child(2){flex: 0.6 1 0;}
.tabs-style02 li a{
  display: flex;
  padding: 0 10px;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #1E3146;
  color: #fff;
  height: 63px;
  border-radius: 5px;
  text-decoration: none;
}
.tabs-style02 li .open-popup{background: #1DA65D;}
@media (max-width: 767px) {
  .tabs-style02{
    flex-wrap: wrap;
  }
  .tabs-style02 li,
  .tabs-style02 li:nth-child(2){flex: 1 1 auto;}
  .tabs-style02 li a{height: 37px;}
}

.reg-items{
  flex: 1;
  margin: 0 -46px 0 0;
  padding: 0 0 145px;
}
.rtl-page .reg-items{
  margin: 0 0 0 -46px;
}
.reg-items .item{
  display: flex;
  align-items: center;
  margin-bottom: 26px;
}
.reg-items .item *[class*=icon-]{
  display: block;
  width: 140px;
  font-size: 72px;
  line-height: 72px;
  margin-top: 20px;
}
.reg-items .item .text{
  position: relative;
  flex:  1;
  display: flex;
  min-height: 125px;
  flex-direction: row;
  align-items: center;
  background: #F2F6F8;
  padding: 15px 45px;
  border-radius: 10px 0 0 10px;
  letter-spacing: 0.25px;
}
.rtl-page .reg-items .item .text{border-radius: 0 10px 10px 0;}
.reg-items .item .text:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -12px;
  border-style: solid;
  border-width: 12px 16px 0 0;
  border-color: #AEBCC3 transparent;
}
.rtl-page .reg-items .item .text:after{
  right: auto;
  left: 0;
  border-width: 12px 0 0 16px;
}
.reg-items .item .text > *:last-child{margin-bottom: 0;}

@media (max-width: 767px) {
  .reg-items{
    margin: 0 -17px 0 -10px;
    padding: 0 0 30px;
  }
  .rtl-pgae .reg-items{
    margin: 0 -10px 0 -17px;
  }
  .reg-items .item{
    display: block;
    margin-bottom: 26px;
  }
  .reg-items .item *[class*=icon-]{
    width: 72px;
  }
  .reg-items .item *[class*=icon-],
  .reg-items .item *[class*=icon-]{margin: 0 auto 10px;}

  .reg-items .item .text{
    min-height: 90px;
    padding: 15px 20px;
  }
  .reg-items .item .text:after{
    border-width: 9px 7px 0 0;
    bottom: -9px;
  }
  .rtl-page .reg-items .item .text:after{border-width: 9px 0 0 7px;}
}

.complaints-procedure{
  padding-bottom: 50px;
}
.complaints-procedure .formset{width: 274px;}
.complaints-procedure .extra-text{
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
}
.complaints-procedure .extra-text{padding: 10px 0 0;}
.complaints-procedure .extra-text p{margin-bottom: 19px;}
@media (max-width: 767px) {
  .complaints-procedure .extra-text{
    font-size: 14px;
    line-height: 17px;
    padding: 0;
  }
  .complaints-procedure .extra-text p{margin-bottom: 17px;}
}

/* other  */
.color-green {color: #00A64E !important;}
.color-dark {color: #13273D !important;}
.color-yellow {color: #c4523e !important;}
.color-blue {color: #466B93 !important;}
.color-yellow-light {color: #fc5b3f !important;}

.text-inherit {text-transform: inherit !important;}


.bg-dark{background: #13273D !important;}
.bg-yellow{background: #c4523e !important;}
.bg-blue{background: #466B93 !important;}
.bg-blue-light {background: #FAFDFE !important;}
.bg-yellow-light {background: #fc5b3f !important;}

.opacity05 {opacity: 0.5;}

.two-lines-full {position: relative;}
.two-lines-full:after {
    background: #13273D;
    content: '';
    width: calc(100% - 355px);
    height: 1px;
    position: absolute;
    top: 0;
    right: 0;
}
.two-lines-full:before {
    background: #13273D;
    content: '';
    width: calc(100% - 355px);
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.rtl-page .two-lines-full:after {
    right: auto;
    left: 0;
}

.rtl-page .two-lines-full:before {
    left: auto;
    right: 0;
}
.without-padding {
    padding: 0 !important;
}

.img-h .rounded {
    display: inline-block;
}

.spost-right {
    margin-right: 0 !important;
    padding-right: 0;
}
.spost-left {
    margin-left: 0 !important;
    padding-left: 0;
}

.rtl-page .spost-right {
    margin-right: auto !important;
    margin-left: 0 !important;
    padding-right: 0;
    padding-left: 0;
}
.rtl-page .spost-left {
    margin-left: auto !important;
    margin-right: 0 !important;
    padding-right: 0;
}

.position-bottom {align-items: flex-end;}

.ttl-dubb {
    text-transform: initial;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
    position: relative;
    color: #13273D;
    top: -28px;
    left: 10%;
}
.rtl-page .ttl-dubb {
    left: 0;
    right: 10%;
}

.slick-dots {
    list-style: none;
    padding: 0;
}

.line-decor {
    display: block;
    width: 378px;
    height: 1px;
    background: #c4523e;
    margin: 0 auto 35px;
}
.line-decor.bg-black {background: #13273D;}
.line-decor.full-width {width: 100%;}
.line-decor-dark {
    display: block;
    width: 771px;
    height: 1px;
    background: #13273D;
    margin: 0 auto 35px;
    position: relative;
    z-index: 9;
}

.heading-decor {
    font-family: "Montserrat", sans-serif !important;
    font-size: 40px;
    line-height: 49px;
    text-transform: uppercase;
    color: #13273D;
    position: relative;
    font-weight: 400;
    margin-bottom: 45px;
}

.heading-decor span {
    background: #fff;
    position: relative;
    z-index: 1;
    padding-right: 15px;
    display: inline-block;
}

.rtl-page .heading-decor span {
    padding-right: 0;
    padding-left: 15px;
}

.heading-decor2 .item {
    display: inline-flex;
    align-items: flex-start;
    background: #fff;
    position: relative;
    z-index: 1;
    padding-right: 25px;
}

.heading-decor2 {
    position: relative;
    margin: -25px -15px 10px 25px;
}

.heading-decor2:after {
    position: absolute;
    top: 1px;
    left: 0;
    background: #c4523e;
    height: 1px;
    width: 100%;
    content: '';
}

.heading-decor2 .img-h {
    filter: drop-shadow(4px 4px 4px rgba(132, 132, 132, 0.39));
    width: 81px;
    height: 81px;
    background: #c4523e;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 60px;
    margin-right: 25px;
}

.heading-decor2 .sub-ttl {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    text-transform: uppercase;
    color: #c4523e;
}


.rtl-page .heading-decor2 .img-h {
    margin-right: 0;
    margin-left: 25px;
}

.rtl-page .heading-decor2 .item {
    padding-right: 0;
    padding-left: 25px;
}

.rtl-page .heading-decor2 {
    margin: -25px 25px 10px -15px;
}



.to-right {
    text-align: right;
}

.rtl-page .to-right {
    text-align: left;
}

.bg-blue-light {
    background: #F2F6F8;
}

.heading-decor.to-right span {
    padding-right: 0;
    padding-left: 15px;
}
.rtl-page .heading-decor.to-right span {
    padding-right: 15px;
    padding-left: 0;
}
.heading-decor.to-right span span {
    padding: 0;
}
.rtl-page .heading-decor.to-right span span{padding: 0;}

.heading-decor:after {
    background: #c4523e;
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    top: 13px;
    left: 0;
}

/*.hp-section1 */
.hp-section1 {
    position: relative;
    height: 873px;
}
.hp-section1 .item{position: relative;}
/*.hp-section1 .item{visibility: hidden;}
.hp-section1.slick-initialized .item{visibility: visible;}*/
.hp-section1 .img-h {
    height: 873px;
}

.hp-section1 .img-h img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.visible-mobile {
    display: none !important;
}

.visible-mobile-900 {
    display: none !important;
}

.hp-section1 .txt-h {
    position: absolute;
    top: 212px;
    color: #fff;
    font-size: 24px;
    line-height: 29px;
    font-weight: 400;
    margin-left: -25px;
    height: 443px;
    display: flex;
    flex-direction: column;
}

.hp-section1 .color-blue .h1,
.hp-section1 .color-blue .txt-h,
.hp-section1 .color-blue .list-slider a {
    color: #316EB0;
}

.hp-section1 .color-dark-blue .h1,
.hp-section1 .color-dark-blue .txt-h,
.hp-section1 .color-dark-blue .list-slider a {
    color: #013E7E;
}
.hp-section1 .slide01 .button.bordered {
    background: #66786dcc;
}

.hp-section1 .slide02 .button.bordered {
    background: #2B4863cc;
}

.hp-section1 .list-slider {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    list-style: none;
    padding: 0;
}
.hp-section1 .list-slider li {
    padding-right: 33px;
}
.hp-section1 .list-slider li:last-of-type {
    padding: 0;
}
.hp-section1 .list-slider a {
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid transparent;
}
.hp-section1 .list-slider li.active a,
.hp-section1 .list-slider a:hover {
    color: #fc5b3f;
    text-decoration: none;
    border-color: #fc5b3f;
}

.hp-section1 .h1 {
    display: block;
    color: #fff;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 48px;
    line-height: 59px;
    margin-bottom: 15px;
    min-height: 118px;
}

.hp-section1 p {
    max-width: 560px;
}

.hp-section1 .btn-h {
    margin-top: auto;
    margin-bottom: 40px;
}

.hp-section1 .button {
    font-weight: 400;
    max-width: 182px;
    width: 100%;
    padding: 3px 5px;
    margin-right: 13px;
}

.hp-section1 .bordered {
    color: #fff;

}

.hp-section1 .button.bordered:before {
    border-color: #fff;
}


.hp-section1 .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 48px;
    line-height: 48px;
    border: 0;
    padding: 0;
    font-size: 0;
    color: #fff;
    background: transparent;
    text-align: center;
    cursor: pointer;
    z-index: 9;
}

.hp-section1 .slick-arrow:hover {
    color: #C4C4C4;
}

.hp-section1 .slick-arrow:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    font-family: 'icomoon';
    font-size: 25px;
    line-height: 48px;
}

.hp-section1 .slick-prev {
    left: 130px;
}

.hp-section1 .slick-prev:before {
    content: "\e902";
}

.hp-section1 .slick-next {
    right: 130px;
}

.hp-section1 .slick-next:before {
    content: "\e903";
}


.hp-section1 .slick-dots {
    position: absolute;
    bottom: 32px;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;

}

.hp-section1 .slick-dots button {
    font-size: 0;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: 0;
    padding: 0;
    margin: 0 5px;
    background: #D7E1E6;
    position: relative;
    cursor: pointer;
}

.hp-section1 .slick-dots button:before {
    position: absolute;
    width: 15px;
    height: 15px;
    border: 1px solid #D7E1E6;
    border-radius: 50%;
    content: '';
    top: -2px;
    left: -2px;
    opacity: 0;
}

.hp-section1 .slick-dots .slick-active button,
.hp-section1 .slick-dots .slick-active button:before {
    opacity: 1;
}



.rtl-page .hp-section1 .img-h img {
    transform: scale(-1, 1);
}

.rtl-page .hp-section1 .list-slider li {
    padding-right: 0;
    padding-left: 33px;
}

.rtl-page .hp-section1 .txt-h {
    margin-left: 0;
    margin-right: 25px;
}

.rtl-page .hp-section1 .button {
    margin-right: 0;
    margin-left: 13px;
}
@media (max-width: 1500px) {
    .hp-section1 .img-h {
        height: 700px;
    }

    .hp-section1 {
        height: 700px;
    }

    .hp-section1 .txt-h {
        top: 170px;
        font-size: 18px;
        line-height: 24px;
        margin-left: 60px;
        height: 365px;
    }

    .hp-section1 .list-slider a {
        font-size: 16px;
        line-height: 20px;
    }

    .hp-section1 .h1 {
        font-size: 35px;
        line-height: 43px;
        min-height: 90px;
    }

    .hp-section1 p {
        max-width: 460px;
    }

    .hp-section1 .list-slider li {
        padding-right: 25px;
    }

    .hp-section1 .slick-prev {
        left: 15px;
    }

    .hp-section1 .slick-next {
        right: 15px;
    }

    .rtl-page .hp-section1 .list-slider li {
        padding-left: 25px;
    }

    .rtl-page .hp-section1 .txt-h {
        margin-right: 60px;
    }
}
@media (max-width: 1200px) {
    .rtl-page .hp-section1 .txt-h {
        margin-right: 30px;
    }
}
@media (max-width: 1100px) {
    .hp-section1 .img-h {
        height: 620px;
    }
    .hp-section1 .txt-h {
        top: 140px;
        margin-left: 40px;
        height: 355px;
    }
    .rtl-page .hp-section1 .txt-h {
        margin-right: 70px;
    }
}
@media (max-width: 1030px) {
    .rtl-page .hp-section1 .txt-h {
        margin-right: 30px;
    }
}
@media (max-width: 900px) {
    .rtl-page .hp-section1 .txt-h {
        margin-right: 40px;
    }

}
@media (max-width: 768px) {
    .hp-section1 .img-h {
        min-height: 568px;
        height: auto;
    }

    .hp-section1 .img-h img {
        object-fit: initial;
        height: auto;
    }

    .hp-section1 {
        min-height: 568px;
        height: auto;
    }
    .rtl-page .hp-section1 .txt-h {
        margin-right: 35px;
    }
}
@media (max-width: 600px) {
    .hp-section1 .list-slider {
        display: none !important;
    }

    .hp-section1 .txt-h {
        height: calc(100% - 165px);
    }

    .hp-section1 p {
        max-width: 400px;
    }

    .hp-section1 .h1 {
        font-size: 28px;
        line-height: 40px;
        min-height: 80px;
    }
}
@media (max-width: 480px) {
    .hp-section1 .h1 {
        font-size: 24px;
        line-height: 29px;
        min-height: auto;
        margin-bottom: 20px;
        max-width: 280px;
    }

    .hp-section1 .h1 br {
        display: none;
    }

    .hp-section1 .txt-h {
        top: 14%;
        font-size: 14px;
        line-height: 17px;
        margin-left: 15px;
        height: calc(100% - 100px);
        width: 100%;
    }

    .hp-section1 p {
        max-width: 260px;
    }

    .hp-section1 .btn-h {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 17%;
        margin-left: -45px;
    }

    .hp-section1 .button {
        margin-bottom: 13px;
    }

    .hp-section1 .button:last-of-type {
        margin-bottom: 0;
    }
    .rtl-page .hp-section1 .txt-h {
        margin-right: 15px;
    }

    .rtl-page .hp-section1 .btn-h {
        margin-left: 45px;
    }

}

/*.hp-section2 */
.hp-section2 {
    margin-top: -100px;
    z-index: 1;
    position: relative;
    margin-bottom: 25px;
}

.hp-section2 .items {
    display: flex;
    justify-content: space-between;
    padding: 0 40px 35px;
    border-bottom: 1px solid #fc5b3f;
    flex-wrap: wrap;
}

.hp-section2 .item {
    background: #F2F6F8;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    width: 300px;
    padding: 30px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.hp-section2 .img-h {
    filter: drop-shadow(4px 4px 4px rgba(132, 132, 132, 0.39));
    width: 82px;
    height: 82px;
    background: #c4523e;
    border-radius: 5px;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 60px;
}

.hp-section2 .img-h .icon-education {
    font-size: 73px;
}

.hp-section2 .txt-h {
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
    color: #13273D;
}

.hp-section2 .txt-h h4 {
    text-align: center;
    font-family: Montserrat;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    color: #13273D;
    margin-bottom: 22px;
}

.hp-section2 .txt-h ul {
    padding-left: 28px;
    margin: 0;
}

.hp-section2 .txt-h p {
    margin: 0;
}


.rtl-page .hp-section2 .txt-h ul {
    padding-left: 0;
    padding-right: 28px;
}

@media (max-width: 1100px) {
    .hp-section2 .item {
        width: 250px;
    }
}
@media (max-width: 900px) {
    .hp-section2 .items {
        padding: 0 0 32px;
    }
}
@media (max-width: 800px) {
    .hp-section2 .items {
        flex-direction: column;
        align-items: center;
        padding: 0 30px 30px;
    }

    .hp-section2 .item {
        width: 100%;
        max-width: 500px;
        margin-bottom: 23px;
        min-height: 230px;
        padding: 17px 17px 30px;
    }
}
@media (max-width: 600px) {
    .hp-section2 {
        margin-top: -15px;
    }

}
@media (max-width: 480px) {


    .hp-section2 .img-h {
        margin-bottom: 12px;
    }

    .hp-section2 .txt-h h4 {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .hp-section2 .txt-h {
        font-size: 14px;
        line-height: 17px;
    }

    .hp-section2 .items {
        padding: 0 30px 10px;
        position: relative;
    }

    .hp-section2 .items:after {
        position: absolute;
        content: '';
        background: #F2F6F8;
        width: 100%;
        height: 20px;
        bottom: -21px;
        left: 0;
    }
}


/*.hp-section3 */
.hp-section3 {
    margin-bottom: 45px;
}

.hp-section3 .main-holder {
    /* max-width: 1480px;
    margin-right: 0; */
}

.hp-section3 .slider-two span {
    display: none;
}

.hp-section3 .items {
    display: flex;
    justify-content: space-between;
}

.hp-section3 .slider-two {
    width: 445px;
    padding-bottom: 20px;
    padding-top: 60px;
}

.hp-section3 .slick-slide {
    margin-bottom: 65px;
	text-align: center;
}
.hp-section3 .slick-slide img{
	display: inline-block;
	vertical-align: top;
}

.hp-section3 .slider-two .slick-track {
    display: flex;
    align-items: end;
}

.hp-section3 .slick-dots {
    display: flex;
	display: none !important;
    list-style: none;
    padding: 0;
    margin: 0;
}

.hp-section3 .slick-dots li {
    padding: 0 19px;
}

.hp-section3 .slick-dots li:last-of-type {
    padding-right: 0;
}

.hp-section3 .slick-dots button {
    border: 0;
    background: transparent;
    color: #c4523e;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 24px;
    cursor: pointer;
}

.hp-section3 .slick-dots .slick-active button {
    border-color: #13273D;
    color: #13273D;
}

.hp-section3 .txt-h {
    background: #F4F4F4;
    padding: 30px 50px 20px;
    flex: 1;
    margin-left: 50px;
    margin-right: -15px;
    display: flex;
	position: relative;
}
.hp-section3 .txt-h > *{position: relative;}
.hp-section3 .txt-h:before{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100vw;
	background: #F4F4F4;
	
}

.hp-section3 .txt-h .txt-child {
    max-width: 555px;
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: flex-start;
}


.hp-section3 .txt-h .sub-ttl {
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 27px;
}

.hp-section3 .txt-h h2 {
    font-size: 40px;
    line-height: 49px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.hp-section3 .txt-h p {
    margin-bottom: 48px;
}

.hp-section3 .txt-h .btn-h {
    margin-top: auto;
    display: flex;
    align-items: center;
}

.hp-section3 .txt-h .btn-h a {
    margin-right: 27px;
    display: block;
}

.hp-section3 .txt-h .btn-h a:last-of-type {
    margin-right: 0;
}

.hp-section3 .txt-h .button {
    padding: 3px 2px;
    max-width: 180px;
	margin-bottom: 15px;
}

.rtl-page .hp-section3 .txt-h {
    margin-right: 50px;
    margin-left: -15px;
}
.rtl-page .hp-section3 .txt-h:before{
	left: auto;
	right: 0;
}
.rtl-page .hp-section3 .txt-h .btn-h a {
    margin-right: 0;
    margin-left: 27px;
}

.rtl-page .hp-section3 .txt-h .btn-h a:last-of-type {
    margin-left: 0;
}

.rtl-page .hp-section3 .slick-dots li:last-of-type {
    padding-right: 19px;
    padding-left: 0;
}
@media (max-width: 1100px) {
    .hp-section3 .txt-h h2 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 10px;
    }

    .hp-section3 .txt-h .sub-ttl {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 20px;
    }
}

@media (max-width: 900px) {
	.hp-section3 .slider-two{
		width: 340px;
	}
    .hp-section3 .txt-h {
        margin-left: 15px;
        padding: 30px 30px 20px;
    }
    .rtl-page .hp-section3 .txt-h {
        margin-right: 15px;
    }
}

@media (max-width: 768px) {

    .hp-section3 .items {
        flex-direction: column;
    }

    .hp-section3 .slider-two {
        margin: 0 auto;
    }

    .hp-section3 .slick-dots li {
        padding: 0 5px;
    }

    .hp-section3 .slick-dots {
		display: flex !important;
        justify-content: center;
    }

    .hp-section3 .slick-dots button {
        border-radius: 50%;
        font-size: 0;
        background: #c4523e;
        opacity: 0.8;
        width: 11px;
        height: 11px;
        position: relative;
    }

    .hp-section3 .slick-dots .slick-active button {
        border-color: #c4523e;
    }

    .hp-section3 .slick-dots button:before {
        position: absolute;
        width: 15px;
        height: 15px;
        border: 1px solid #c4523e;
        border-radius: 50%;
        content: '';
        top: -2px;
        left: -2px;
        opacity: 0;
    }

    .hp-section3 .slick-dots .slick-active button,
    .hp-section3 .slick-dots .slick-active button:before {
        opacity: 1;
    }

    .hp-section3 .txt-h {
        margin-left: 5px !important;
        margin-right: 5px !important;
        text-align: center;
        padding: 30px;
        border-bottom: 1px solid #fc5b3f;
    }

    .hp-section3 .txt-h .btn-h {
        margin-top: 25px;
    }

    .hp-section3 .txt-h .txt-child {
        max-width: 100%;
        align-items: center;
    }

    .hp-section3 .slider-two .slick-track {
        align-items: flex-start;
    }
    .rtl-page .hp-section3 .slick-dots li:last-of-type {
        padding-right: 5px;
    }
}

@media (max-width: 480px) {
    .hp-section3 .slider-two {
        padding-top: 10px;
        width: 210px;
    }

    .hp-section3 .slick-slide {
        margin-bottom: 26px;
    }

    .hp-section3 .txt-h h2 strong {
        text-transform: lowercase;
    }

    .hp-section3 .txt-h h2 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 5px;
    }

    .hp-section3 .txt-h {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 16px 25px 30px;
    }

    .hp-section3 .txt-h p {
        margin-bottom: 20px;
    }

    .hp-section3 .txt-h .btn-h a {
        margin-right: 10px;

    }

    .hp-section3 {
        margin-bottom: 20px;
    }


    .rtl-page .hp-section3 .txt-h .btn-h a {
        margin-left: 10px;
    }

    .rtl-page .hp-section3 .txt-h .btn-h a:last-of-type {
        margin-left: 0;
    }

}


/*.hp-section4 */
.hp-section4 .items {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.hp-section4 .item {
    width: 281px;
    margin-bottom: 35px;
}
.hp-section4 .img-h {
    margin-bottom: 20px;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.hp-section4 .txt-h .sub-ttl {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    display: block;
}
@media (max-width: 900px) {
    .hp-section4 .txt-h .sub-ttl {
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 15px;
    }
    .hp-section4 .img-h {
        text-align: center;
        margin-bottom: 10px;
    }
    .hp-section4 .txt-h {
        font-size: 16px;
    }
    .hp-section4 .item {
        width: 240px;
    }
}
@media (max-width: 768px) {
    .hp-section4 .items {
        flex-direction: column;
    }
    .hp-section4 .item {
        width: 100%;
        margin-bottom: 25px;
    }
}
@media (max-width: 480px) {
    .hp-section4 .txt-h .sub-ttl {
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 10px;
    }
    .hp-section4 .item {
        border-bottom: 1px solid #c4523e;
        margin-bottom: 15px;
    }
    .hp-section4 .img-h img {
        width: 100%;
    }
}


/*.hp-section5 */
.view-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.view-btn span {
    height: 12px;
}
.hp-section5 .items {
    padding: 20px 110px;
    position: relative;
}
.hp-section5 .items .icon-star2 {color: #c4523e;}
.hp-section5 .items .icon-star {color: #E1E1E1;}

.hp-section5 .items:after {
    position: absolute;
    height: 100%;
    width: 380px;
    background: linear-gradient(89.99deg, #FFFFFF 50.49%, rgba(255, 255, 255, 0) 92.85%);
    content: '';
    top: 0;
    left: 0;
}
.hp-section5 .items:before {
    position: absolute;
    height: 100%;
    width: 380px;
    background: linear-gradient(89.99deg, #FFFFFF 50.49%, rgba(255, 255, 255, 0) 92.85%);
    transform: rotate(-180deg);
    content: '';
    top: 0;
    right: 0;
    z-index: 1;
}
.hp-section5 .item {
    padding: 0 10px;
    color: #13273D;
}

.hp-section5 .item-child {
    background: rgba(242, 245, 247, 0.6);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    padding: 30px 22px 10px;
}
.hp-section5 .ttl {
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
    letter-spacing: -0.2px;
    min-height: 45px;
}
.hp-section5 .user-review {
    display: flex;
}
.hp-section5 .img-h {
    width: 69px;
}
.hp-section5 .txt-h {
    flex: 1;
    margin-left: 11px;
}
.hp-section5 .sub-ttl {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    color: #13273D;
    display: block;
}
.hp-section5 date {
    font-size: 13px;
    line-height: 20px;
    color: #A9A9A9;
    margin-bottom: 5px;
    display: block;
}
.hp-section5 .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 47px;
    height: 86px;
    line-height: 48px;
    border: 0;
    padding: 0;
    font-size: 0;
    color: #C4C4C4;
    background: rgba(242, 245, 247, 0.6);
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.08);
    text-align: center;
    cursor: pointer;
    z-index: 9;
}
.hp-section5 .slick-arrow:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    font-family: 'icomoon';
    font-size: 40px;
    line-height: 48px;
}
.hp-section5 .slick-prev {
    border-radius: 10px 0 0 10px;
    left: 57px;
}
.hp-section5 .slick-prev:before {
    content: "\e902";
}
.hp-section5 .slick-next {
    border-radius: 0 10px 10px 0;
    right: 57px;
}

.hp-section5 .slick-next:before {
    content: "\e903";
}
.rtl-page .hp-section5 .txt-h {
    margin-left: 0;
    margin-right: 11px;
}
@media (max-width: 1200px) {
    .hp-section5 .items:after,
    .hp-section5 .items:before {
        width: 250px;
    }
    .hp-section5 .slick-prev {
        left: 15px;
    }
    .hp-section5 .slick-next {
        right: 15px;
    }
    .hp-section5 .slick-arrow {
        width: 25px;
        height: 50px;
    }
    .hp-section5 .slick-arrow:before {
        font-size: 20px;
        line-height: 50px;
    }
}
@media (max-width: 1100px) {
    .hp-section5 .items:after, .hp-section5 .items:before {
        width: 150px;
    }
}

@media (max-width: 600px) {
    .hp-section5 .items:after, .hp-section5 .items:before {
        display: none;
    }
    .hp-section5 .items {
        padding: 20px 0;
    }
    .hp-section5 .slick-dots li {
        padding: 0 5px;
    }
    .hp-section5 .slick-dots {
        justify-content: center;
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
    }
    .hp-section5 .slick-dots button {
        border-radius: 50%;
        font-size: 0;
        background: #316EB0;
        opacity: 0.8;
        width: 11px;
        height: 11px;
        position: relative;
        border: 0;
        padding: 0;
    }
    .hp-section5 .slick-dots .slick-active button {
        border-color: #316EB0;

    }
    .hp-section5 .slick-dots button:before {
        position: absolute;
        width: 15px;
        height: 15px;
        border: 1px solid #316EB0;
        border-radius: 50%;
        content: '';
        top: -2px;
        left: -2px;
        opacity: 0;
    }

    .hp-section5 .slick-dots .slick-active button,
    .hp-section5 .slick-dots .slick-active button:before {
        opacity: 1;
    }

    .hp-section5 .heading-decor {
        margin-bottom: 0;
    }

    .hp-section5 .ttl {
        letter-spacing: 0;
        min-height: auto;
        font-size: 18px;
    }

    .hp-section5 .item-child {
        padding: 30px 20px 10px;
    }

    .hp-section5 .ttl {
        margin-bottom: 25px;
    }

    .stars-h {
        font-size: 18px;
    }

    .hp-section5 .sub-ttl {
        font-size: 18px;
    }
}

/*.hp-section6 */
.hp-section6 {
    background: #E8ECF0;
    padding-top: 30px;
    padding-bottom: 50px;
    position: relative;
    overflow: hidden;
}
.hp-section6 > *{position: relative;}
.hp-section6:before {
    position: absolute;
    background: url(images/bg-decor01.png) no-repeat;
    width: 100%;
    height: 237px;
    content: '';
    top: -65px;
    left: 0;
}
.hp-section6 .sub-ttl {
    margin-top: -25px;
}
.hp-section6 .items {
    padding-top: 20px;
    display: flex;
    margin: 0 -15px;
}
.hp-section6 .item-awards {
    width: 50%;
    padding: 0 15px;
}
.hp-section6 .item-awards .slider-four {
    margin-top: -30px;
}
.hp-section6 .item-partners {
    width: 50%;
    padding: 0 15px;
}
.hp-section6 .item-awards .img-h {
    margin-bottom: 5px;
    align-items: center;
    display: flex;
    justify-content: center;
    height: 165px;
    flex-direction: column;
    position: relative;
}
.hp-section6 .item-awards .img-h a{
  flex:  1;
  display: flex;
  flex-direction: column;
  align-items: center;    
  justify-content: center;
}
.hp-section6 .item-awards .img-h .aw-logo {
    position: absolute;
    bottom: 5px;
    right: 0;
    left: 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.hp-section6 .item-awards .img-h .aw-logo img {
    max-width: 50px;
    max-height: 17px;
}
.hp-section6 .item-awards .txt-h .ttl {
    font-weight: 900;
    font-size: 9px;
    line-height: 11px;
    text-align: center;
    text-transform: capitalize;
    color: #000000;
    display: block;
    margin-bottom: 10px;
}
.hp-section6 .txt-h {
    padding: 0 5px;
    font-size: 8px;
    line-height: 10px;
    text-transform: capitalize;
    color: #000000;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.hp-section6 .txt-h p {
    /* max-width: 45px; */
    line-height: 10px;
}
.hp-section6 h4 {
    font-size: 20px;
    line-height: 24px;
    text-transform: capitalize;
    color: #c4523e;
    text-align: center;
    margin-bottom: 35px;
}
.hp-section6 h4 strong {
    font-weight: 800;
    color: #6F8398;
}
.hp-section6 .slick-arrow {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    width: 26px;
    height: 48px;
    line-height: 48px;
    border: 0;
    padding: 0;
    font-size: 0;
    color: #C4C4C4;
    background: transparent;
    text-align: center;
    cursor: pointer;
    z-index: 9;
}
.hp-section6 .slick-arrow:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    font-family: 'icomoon';
    font-size: 25px;
    line-height: 48px;
}
.hp-section6 .slick-prev {
    left: -10px;
}
.hp-section6 .slick-prev:before {
    content: "\e902";
}
.hp-section6 .slick-next {
    right: -10px;
}
.hp-section6 .slick-next:before {
    content: "\e903";
}
.hp-section6 .items-child {
    display: flex;
    flex-wrap: wrap;

}
.hp-section6 .items-child .item {
    width: 33.33%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 40px;
    color: #000;
}
.hp-section6 .items-child .item span {
    display: block;
    margin-bottom: 15px;
}

.hp-section6 .item-partners {
    position: relative;
}

.hp-section6 .item-partners:after {
    position: absolute;
    content: '';
    left: 15px;
    top: 30px;
    background: #F2F5F7;
    height: 250px;
    width: 1px;
}

.hp-section6 .heading-decor span {
    background: #f2f5f7;
}

@media (max-width: 1900px) {
    .hp-section6:before {
        top: -5px;
    }
}
@media (max-width: 1500px) {
    .hp-section6:before {
        background-position: 100%;
    }
}
@media (max-width: 900px) {
    .hp-section6:before {
        background-position: 45%;
        top: -85px;
    }

    .hp-section6 .heading-decor span, .heading-decor span {
        background: transparent;
    }

    .hp-section6 {
        background: #F2F6F8;
    }

    .hp-section6 .items {
        flex-direction: column;
    }

    .hp-section6 .item-awards,
    .hp-section6 .item-partners {
        width: 100%;
    }

    .hp-section6 .item-awards {
        margin-bottom: 30px;
    }

    .hp-section6 .item-partners:after {
        left: 0;
        top: -20px;
        width: 100%;
        height: 1px;
        z-index: 99;
        background: #fff;
    }
}

@media (max-width: 768px) {
    .hp-section6:before {
        background-position: 38%;
        top: -130px;
    }

    .hp-section6 {
        padding-bottom: 0;
    }
}
@media (max-width: 480px) {
    .hp-section6 .items-child .item {
        width: 50%;
    }
    .hp-section6 .items-child .item .image{
      min-height: 49px;
      display: flex;
      align-items: center;
    }
    .hp-section6 .items {
        padding: 0;
    }
    .hp-section6 .slick-dots li {
        padding: 0 5px;
    }
    .hp-section6 .slick-dots {
        justify-content: center;
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
    }

    .hp-section6 .slick-dots button {
        border-radius: 50%;
        font-size: 0;
        background: #c4523e;
        opacity: 0.8;
        width: 11px;
        height: 11px;
        position: relative;
        border: 0;
        padding: 0;
    }

    .hp-section6 .slick-dots .slick-active button {
        border-color: #c4523e;

    }
    .hp-section6 .slick-dots button:before {
        position: absolute;
        width: 15px;
        height: 15px;
        border: 1px solid #c4523e;
        border-radius: 50%;
        content: '';
        top: -2px;
        left: -2px;
        opacity: 0;
    }
    .hp-section6 .slick-dots .slick-active button,
    .hp-section6 .slick-dots .slick-active button:before {
        opacity: 1;
    }
    .hp-section6 .item-awards {
        margin-bottom: 50px;
    }
    .hp-section6 .item-awards .img-h {
        height: 110px;
        margin: 0 auto 5px;
    }
    .hp-section6 .sub-ttl {
        display: none;
    }
    .hp-section6 h4 {
        margin-bottom: 25px;
    }
    .hp-section6 .items-child .item {
        margin-bottom: 25px;
    }
    .hp-section6 .item-awards .slider-four {
        margin-top: -15px;
    }
}


/*section-web*/
.section-web {
    position: relative;
    height: 1021px;
    padding-top: 20px;
    overflow: hidden;
}
.section-web:before {
    background: #169454 url('images/bg-section-web.jpg') no-repeat 50% 0;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    top: 0;
}
.section-web .img-h {
    position: relative;
    display: flex;
    justify-content: center;
}
.section-web .img-h img {
    min-width: 330px;
}
.section-web .txt-h {
    max-width: 750px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    position: relative;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
}
.section-web .txt-h p {
    max-width: 530px;
    margin: 0 auto;
}
.section-web .txt-h h1 {
    color: #fff;
    font-size: 54px;
    line-height: 141.7%;
    font-weight: 500;
    margin-bottom: 10px;
}
.section-web .txt-h-bottom {
    position: absolute;
    z-index: 9;
    bottom: 0;
    width: 100%;
    left: 0;
}
.section-web .lozung-h {
    height: 97px;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 44px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: center;
}

.section-web .btn-h {
    background: #EEF0F4;
    height: 97px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-web .button {
    margin: 0 10px;
    min-width: 220px;
}

.section-web .button.bordered {
    color: #13273D;
}
.section-web .button.bordered:hover {
    color: #fff;
    background: #13273D;
}
.section-web .button.bordered:before {
    border-color: #13273D;
}

@media (max-width: 900px) {
    .section-web .txt-h h1 {
        font-size: 35px;
    }
    .section-web .txt-h {
        max-width: 480px;
        font-size: 16px;
    }
    .section-web .lozung-h {
        height: 70px;
        font-size: 25px;
        line-height: 32px;
    }
    .section-web .btn-h {
        height: 70px;
    }
    .section-web {
        height: 740px;
    }
}

@media (max-width: 600px) {
    .section-web .txt-h h1 {
        font-size: 25px;
    }
    .section-web .txt-h {
        max-width: 400px;
        font-size: 14px;
        line-height: 18px;
    }
    .section-web .lozung-h {
        height: 50px;
        font-size: 18px;
        line-height: 24px;
    }
    .section-web .btn-h {
        background: rgba(0, 0, 0, 0.4);
        height: 105px;
        flex-direction: column;
    }
    .section-web .btn-h .button {
        margin-bottom: 13px;
        min-width: 180px;
        font-size: 14px;
        padding: 3px 5px;
    }
    .section-web .btn-h .button:last-of-type {
        margin-bottom: 0;
    }

    .section-web .button.bordered:before {
        border-color: #fff;
    }

    .section-web .button.bordered {
        color: #fff;
    }

    .section-web .lozung-h {
        height: auto;
        font-size: 18px;
        line-height: 24px;
        padding-top: 15px;
    }

    .section-web {
        height: 550px;
    }

    .section-web .main-holder {
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .section-web .img-h {
        margin-top: auto;
    }
}

@media (max-width: 480px) {
    .section-web .txt-h h1 {
        font-size: 18px;
    }

    .section-web {
        height: 487px;
    }
}


/*section-benefits*/
.section-benefits {
    padding: 50px 0;
}

.section-benefits .main-holder {
    max-width: 1070px;
}

.section-benefits .items {
    display: flex;
    flex-wrap: wrap;
}
.section-benefits .item {
    width: 33.33%;
    padding: 30px;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}
.section-benefits .img-h {
    filter: drop-shadow(4px 4px 4px rgba(132, 132, 132, 0.39));
    width: 65px;
    height: 65px;
    background: #00A64E;
    border-radius: 5px;
    margin-bottom: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 50px;
}
.section-benefits .img-h .icon-handshake {
    font-size: 58px;
}
.section-benefits .txt-h h4 {
    text-align: center;
    font-weight: bold;
    color: #13273D;
}


/*section-partnership2*/
.section-partnership2:before {
    background: #06341C;
}
.section-partnership2 .section-partnership-text {
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    max-width: 527px;
}
.section-partnership2 .section-partnership-text .sub-ttl {
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
}
.section-partnership2 .section-partnership-logo {
    padding: 30px 0 0;
    margin-left: -40px;
}
.section-partnership2.section-partnership {
    min-height: 381px;
    padding: 27px 0;
}
.section-partnership2.section-partnership .main-holder {
    margin-right: 13%;
}
.rtl-page .section-partnership2 .section-partnership-image img {
    transform: scale(-1, 1)
}
.rtl-page .section-partnership2.section-partnership .main-holder {
    margin-right: 0;
    margin-left: 13%;
}
@media (max-width: 1030px) {
    .section-benefits .item {
        padding: 30px 20px;
    }
}
@media (max-width: 900px) {
    .section-benefits .item {
        width: 50%;
    }
    .section-benefits {
        padding: 50px 0 20px;
    }
}
@media (max-width: 768px) {
    .section-benefits .item {
        padding: 20px 10px;
    }

}
@media (max-width: 480px) {
    .section-benefits .item {
        padding: 0;
        width: 100%;
        font-size: 14px;
        line-height: 18px;
    }

    .section-benefits .img-h {
        margin-bottom: 16px;
    }

    .section-benefits {
        padding: 23px 0 15px;
        border-top: 20px solid #EEF0F4;
    }
}



/*section-review*/
.section-review {
    position: relative;
    padding: 55px 0;
}

.section-review:before {
    position: absolute;
    background: url(images/bg-decor02.png) no-repeat;
    width: 100%;
    height: 237px;
    content: '';
    bottom: 0;
    left: 0;
}
.section-review .item {
    display: flex;
    margin-bottom: 20px;
}
.section-review .img-h {
    width: 158px;
    height: 158px;
    border: 1px solid #fc5b3f;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    border-radius: 50%;
    overflow: hidden;
    margin-top: 70px;
}
.section-review .img-h img {
    width: 165px;
    height: 165px;
    object-fit: cover;
}
.section-review .txt-h {
    flex: 1;
    padding-left: 12%;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    color: #06341C;
}
.section-review .main-holder {
    max-width: 950px;
    position: relative;
}
.section-review .txt-h img {
    margin-bottom: 45px;
}
.section-review .btn-h {
    padding-top: 20px;
    justify-content: center;
    display: flex;
}
.section-review .button {
    margin: 0 15px;
    min-width: 220px;
}
.section-review .button.bordered {
    color: #466B93;
}
.section-review .button.bordered:hover {
    color: #fff;
    background: #466B93;
}
.section-review .button.bordered:before {
    border-color: #466B93;
}
.section-review h2 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 33px;
    line-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    color: #06341C;
    text-align: center;
}

.rtl-page .section-review .txt-h {
    padding-left: 0;
    padding-right: 12%;
}
@media (max-width: 900px) {
    .section-review .txt-h {
        padding-left: 5%;
    }
    .section-review h2 {
        font-size: 28px;
        line-height: 32px;
    }
    .rtl-page .section-review .txt-h {
        padding-right: 5%;
    }
}
@media (max-width: 600px) {
    .section-review .item {
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
    }
    .section-review .txt-h {
        padding-left: 0;
    }
    .section-review .txt-h img {
        margin: 0 auto 25px;
        display: block;
    }
    .section-review {
        padding: 30px 0;
    }
    .section-review .img-h {
        margin-top: 10px;
    }
}

@media (max-width: 480px) {
    .section-review .txt-h img {
        max-width: 180px;
    }
    .section-review h2 {
        font-size: 24px;
        line-height: 29px;
    }
    .section-review .btn-h {
        flex-direction: column;
        align-items: center;
    }
    .section-review .button {
        min-width: 180px;
        max-width: 180px;
        font-size: 14px;
        padding: 3px;
        margin-bottom: 13px;
    }
    .section-review {
        border-top: 10px solid #EEF0F4;
    }
    .section-review {
        padding: 20px 0;
    }
    .section-review .txt-h {
        font-size: 12px;
        line-height: 15px;
    }
    .section-review .img-h {
        width: 90px;
        height: 90px;
    }
    .section-review .img-h img {
        width: 95px;
        height: 95px;
    }
    .section-review .btn-h {
        padding-top: 10px;
    }
}


/*awwards-web*/
.awwards-web {
    background: rgba(138, 154, 181, 0.1);
    border-top: 10px solid rgba(138, 154, 181, 0.2);
    border-bottom: 10px solid rgba(138, 154, 181, 0.2);
    padding-top: 20px;
    padding-bottom: 45px;
}
.awwards-web:before {
    display: none;
}
.awwards-web h4 {
    font-weight: 800;
    color: #00A64E;
}

/*section-welcome-steps*/
.section-welcome-steps h2 {
    font-family: Montserrat;
    font-size: 36px;
    line-height: 42px;
    color: #13273D;
    font-weight: 300;
}

.section-welcome-steps h3 {
    font-size: 36px;
    line-height: 42px;
    color: #13273D;
    font-weight: 400;
}

.section-welcome-steps h3 p {
    font-weight: 300;
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 10px;
}

.section-welcome-steps .ttl {
    font-size: 24px;
    line-height: 40px;
    font-weight: 400;
}

.section-welcome-steps {
    padding: 45px 0;
}

.section-welcome-steps .items {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
    max-width: 1090px;
    margin: 0 auto;
    flex-wrap: wrap;
}

.section-welcome-steps .item {
    width: 300px;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
}


.section-welcome-steps .item:after {
    width: 0;
    height: 0;
    border-top: 55px solid transparent;
    border-left: 40px solid #b5bbb7;
    border-bottom: 55px solid transparent;
    position: absolute;
    top: 7px;
    right: -70px;
    content: '';
}

.section-welcome-steps .item:nth-of-type(3):after {
    display: none;
}

.section-welcome-steps .item-child {
    background: rgba(242, 246, 248, 0.2);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    color: #13273D;
    padding: 20px 30px;
    display: flex;
    align-items: flex-end;
    margin-bottom: 40px;
}

.section-welcome-steps .img-h {
    filter: drop-shadow(4px 4px 4px rgba(132, 132, 132, 0.39));
    width: 82px;
    height: 82px;
    background: #c4523e;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 60px;
    margin-left: 15px;

}

.section-welcome-steps .item .sub-ttl {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #13273D;
}

.section-welcome-steps .btn-h {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-welcome-steps .btn-h .button {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
}


.rtl-page .section-welcome-steps .img-h {
    margin-left: 0;
    margin-right: 15px;
}

.rtl-page .section-welcome-steps .item:after {
    border-right: 40px solid #b5bbb7;
    border-left: 0;
    right: auto;
    left: -70px;
}

@media (max-width: 1100px) {

    .section-welcome-steps .item {
        width: 240px;
    }

    .section-welcome-steps .items {
        max-width: 900px;
    }

    .section-welcome-steps .item .sub-ttl {
        font-size: 18px;
        line-height: 22px;
    }

    .section-welcome-steps .item-child {
        margin-bottom: 20px;
    }
}
@media (max-width: 900px) {

    .section-welcome-steps .items {
        flex-direction: column;
        align-items: center;
    }

    .section-welcome-steps .item {
        width: 300px;
        margin-bottom: 100px;
    }

    .section-welcome-steps .item:nth-child(3) {
        margin-bottom: 25px;
    }

    .section-welcome-steps .item:after {
        width: 0;
        height: 0;
        border-left: 55px solid transparent;
        border-right: 55px solid transparent;
        border-top: 40px solid #b5bbb7;
        top: 120%;
        right: 0;
        left: 0;
        margin: 0 auto;
    }

    .rtl-page .section-welcome-steps .item:after {
        border-left: 55px solid transparent;
        border-right: 55px solid transparent;
        border-top: 40px solid #b5bbb7;
        right: 0;
        left: 0;
    }
    .section-welcome-steps h2,
    .section-welcome-steps h3 {
        font-size: 30px;
        line-height: 37px;
    }

}
@media (max-width: 600px) {
    .section-welcome-steps h3 p {
        font-size: 18px;
        line-height: 25px;
    }

    .section-welcome-steps .ttl {
        font-size: 18px;
        line-height: 25px;
    }

}
@media (max-width: 480px) {
    .section-welcome-steps h2,
    .section-welcome-steps h3 {
        font-size: 24px;
        line-height: 32px;
    }

    .section-welcome-steps h3 p {
        font-size: 16px;
        line-height: 27px;
    }

    .section-welcome-steps .ttl {
        font-size: 16px;
        line-height: 23px;
    }

    .section-welcome-steps .item-child {
        margin-bottom: 33px;
    }

    .section-welcome-steps .item {
        margin-bottom: 90px;
    }

    .section-welcome-steps .item:after {
        top: 112%;
    }

}


/*section-partners*/
.section-partners {
    background: #061C10;
    min-height: 400px;
    border-top: 32px solid #00A64E;
    color: #fff;
}
.section-partners .items {
    display: flex;
    padding-top: 36px;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.section-partners .img-h-first,
.section-partners .img-h-second {
    position: absolute;
    top: -25%;
}
.section-partners .img-h-first {
    left: -11%;
}

.section-partners .img-h-second {
    right: -10px;
}
.section-partners .txt-h-first {
    max-width: 530px;
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 220px;
}
.section-partners h2 {
    font-style: normal;
    font-weight: 500;
    text-align: center;
    color: #fff;
    font-size: 34px;
    line-height: 48px;
    letter-spacing: -1.5px;
    margin-bottom: 40px;
}

.section-partners h2 strong {
    font-weight: 600;
}
.section-partners .button {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    min-width: 220px;
}
.section-partners .txt-h-second {
    max-width: 1050px;
    margin: 0 auto 10px;
    font-size: 24px;
    line-height: 141.7%;
    text-align: center;
    font-weight: bold;
}
.section-partners .logo-h {
    background: #00A64E;
    height: 75px;
}
.section-partners .logo-h img {
    margin-right: 50px;;
}
.section-partners .logo-h .main-holder {
    display: flex;
    align-items: center;
    font-family: Montserrat;
    font-size: 24px;
    line-height: 141.7%;
    font-weight: 500;
    height: 100%;
    justify-content: center;
}

.rtl-page .section-partners .img-h-first {
    left: auto;
    right: -11%;
}

.rtl-page .section-partners .img-h-second {
    right: auto;
    left: -10px;
}

@media (max-width: 1500px) {
    .section-partners .img-h-first {
        max-width: 400px;
        top: -15%;
        left: -5%;
    }
}
@media (max-width: 1200px) {
    .section-partners .img-h-first, .section-partners .img-h-second {
        position: static;
    }
}
@media (max-width: 1200px) {
    .section-partners h2 {
        font-size: 30px;
        line-height: 38px;
        margin-bottom: 30px;
    }
}
@media (max-width: 1000px) {
    .section-partnership2 .section-partnership-image {
        position: relative;
        margin-left: auto;
        margin-right: 0;
        max-width: 100%;
        width: auto;
        left: 0;
        right: 0;
    }
    .section-partnership2 .section-partnership-image img {
        width: 100%;
    }

    .section-partnership2.section-partnership {
        padding-bottom: 0;
    }
}
@media (max-width: 900px) {
    .section-partners .logo-h {
        height: auto;
        padding: 24px 0;
    }
    .section-partners .main-holder {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .section-partners .logo-h img {
        margin-right: 0;
        margin-bottom: 20px;
    }
}
@media (max-width: 600px) {
    .section-partnership2 {
        padding-bottom: 0;
    }
}
@media (max-width: 480px) {
    .section-partnership2 .section-partnership-text {
        font-size: 14px;
        line-height: 19px;
        padding: 0;
    }
    .section-partnership2 .section-partnership-text .sub-ttl {
        font-size: 18px;
        line-height: 22px;
    }
    .section-partnership2 .section-partnership-logo {
        max-width: 225px;
        margin: 0 auto;
    }
    .section-partners h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .section-partners .txt-h-second {
        margin: 20px auto 10px;
        font-size: 14px;
        line-height: 20px;
    }

    .section-partners .txt-h-first {
        height: auto;
        padding-bottom: 20px;
    }

    .section-partners .logo-h .main-holder {
        font-size: 16px;
        line-height: 20px;
    }
}



/*section-discover*/
.section-discover {
    padding: 30px 0 0;
    background: rgba(6, 52, 28, 0.15);
    position: relative;
    overflow: hidden;
}

.section-discover:before {
    position: absolute;
    background: url(images/bg-decor03.png) no-repeat;
    width: 100%;
    height: 237px;
    content: '';
    top: 0;
    left: 0;
}
.section-discover:after {
    position: absolute;
    background: url(images/bg-decor02.png) no-repeat;
    width: 100%;
    height: 237px;
    content: '';
    bottom: 0;
    left: 0;
}
.section-discover h2 {
    text-transform: uppercase;
    margin-bottom: 30px;
    font-size: 36px;
    line-height: 44px;
}
.section-discover .main-holder {
    max-width: 1070px;
    position: relative;
    z-index: 9;
}
.section-discover .items {
    display: flex;
    flex-wrap: wrap;
}
.section-discover .item {
    width: 33.33%;
    padding: 0 30px 15px;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}
.section-discover .img-h {
    filter: drop-shadow(4px 4px 4px rgba(132, 132, 132, 0.39));
    width: 65px;
    height: 65px;
    background: #c4523e;
    border-radius: 5px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 50px;
}
.section-discover .img-h .icon-handshake {
    font-size: 58px;
}
.section-discover .txt-h h4 {
    text-align: center;
    font-weight: bold;
    color: #13273D;
    font-size: 24px;
    line-height: 29px;
}
@media (max-width: 900px) {
    .section-discover .item {
        width: 50%;
    }

}
@media (max-width: 600px) {
    .section-discover .item {
        width: 100%;
    }

    .section-discover h2 {
        font-size: 24px;
        line-height: 30px;
    }
}


/*section-promotion1*/
.section-promotion1 {
    padding: 0 0 45px;
    position: relative;
}
.section-promotion1:before {
    position: absolute;
    background: url(images/bg-decor04.png) no-repeat 50% 0;
    width: 100%;
    height: 100%;
    content: '';
    top: 7%;
    left: 0;
    background-size: cover;
}
.section-promotion1 .main-holder {
    position: relative;
    z-index: 9;
}
.section-promotion1 .items {
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    padding-top: 22px;
}
.section-promotion1 .item {
    background: #F2F6F8;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    width: calc(25% - 14px);
    padding: 9px 7px;
}
.section-promotion1 .item .image{
  display: block;
  position: relative;
  padding: 0 0 63.77358490566038%;
}
.section-promotion1 .item .image img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.section-promotion1 .calendar-date {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 0 10px;
    align-items: flex-start;
}
.section-promotion1 .calendar-child {
    background: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0px 0px 5px 5px;
    flex: 1;
    display: flex;
    align-items: center;
    font-family: Oswald;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    color: #13273D;
    font-weight: 500;
    justify-content: space-between;
    padding: 2px 10px;
    height: 30px;
    margin-right: 10px;
}
.section-promotion1 .calendar-child .date {
    font-size: 18px;
    line-height: 27px;
    font-weight: bold;
}

.section-promotion1 .timing {
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0px 0px 5px 5px;
    width: 70px;
    margin-left: auto;
    padding: 2px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
}

.section-promotion1 .button-left {
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    text-align: center;
    color: #13273D;
}

.section-promotion1 h3 {
    font-weight: 900;
    font-size: 20px;
    line-height: 24px;
    font-family: Montserrat;
    margin: 0 auto 16px;
    text-align: center;
}

.section-promotion1 .txt {
    border-radius: 4px;
    padding: 12px;
    color: #fff;
    margin-bottom: 25px;
    min-height: 110px;
}

.section-promotion1 .txt p {
    margin: 0;
}
.section-promotion1 .txt-h {
    padding: 23px 5px 15px;
}
.section-promotion1 .txt-h .button {
    color: #13273D;
    width: 100%;
}
.section-promotion1 .txt-h .button:hover {
    color: #fff;
}

.rtl-page .section-promotion1 .calendar-child {
    margin-right: 0;
    margin-left: 10px;
}

@media (max-width: 1200px) {
    .section-promotion1 .item {
        width: calc(50% - 14px);
        margin-bottom: 25px;
    }

    .section-promotion1 .item img {
        width: 100%;
    }

    .section-promotion1 .items {
        max-width: 700px;
        margin: 0 auto;
    }

}
@media (max-width: 900px) {
    .section-promotion1 {
        padding: 45px 0 50px;
        position: relative;
    }

}
@media (max-width: 600px) {
    .section-promotion1 .item {
        width: 100%;
    }

    .section-promotion1 .items {
        max-width: 360px;
    }

    .section-promotion1 {
        padding: 45px 0 20px;
        position: relative;
    }

    .section-promotion1 .font-sz24 {
        text-align: center;
        font-size: 18px;
    }

    .section-promotion1 .items {
        padding-top: 0;
    }
}
@media (max-width: 480px) {
    .section-promotion1 {
        padding: 20px 0 10px;
    }
}


/*section-promotion2*/
.section-promotion2 {
    padding: 0 0 90px;
}
.section-promotion2 .item-text {
    margin-bottom: 55px;
}
.section-promotion2 ul {
    padding: 0;
    margin: 0;
}
.section-promotion2 .heading-decor {
    margin-bottom: 10px;
}
.section-promotion2 .heading-decor:after {
    top: 10px;
}
.section-promotion2 .items {
    padding: 15px;
    justify-content: space-between;
    display: flex;
    position: relative;
}
.section-promotion2 .txt-h {
    max-width: 535px;
    padding: 0 15px;
}
.section-promotion2 .img-h {
    flex: 1;
}
.section-promotion2 .img-h.reversed {
    flex: 1;
    padding: 0 15px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.section-promotion2 .items-parent {
    position: relative;
    right: -15px;
}

.rtl-page .section-promotion2 .img-h.reversed {
    right: auto;
    left: 0;
}

.rtl-page .section-promotion2 .items-parent {
    right: auto;
    left: -15px;
}

@media (max-width: 1100px) {
    .section-promotion2 .items {
        padding: 15px;
        flex-direction: column;
    }
    .section-promotion2 .img-h {
        position: static !important;
        transform: translateY(0) !important;
        order: 0;
        display: flex;
        justify-content: center;
        margin-bottom: 30px;
        width: 100%;
    }

    .section-promotion2 .txt-h {
        order: 1;
    }
    .section-promotion2 .img-h img {
        text-align: center
    }
    .section-promotion2 .txt-h {
        max-width: 1000px;
    }
    .section-promotion2 ul li {
        margin-bottom: 15px;
    }
    .section-promotion2 .main-holder,
    .section-promotion2 .heading-decor {
        position: relative;
        z-index: 1;
    }
    .section-promotion2 .items-parent.spost-right .items {
        padding-right: 0;
    }
    .section-promotion2 ul {
        padding-left: 20px;
    }
    .section-promotion2 {
        padding: 45px 0 20px;
    }
    .section-promotion2 .item-text {
        margin-bottom: 30px;
    }
    .rtl-page .section-promotion2 .items-parent.spost-right .items {
        padding-right: 15px;
        padding-left: 0;
    }
    .rtl-page .section-promotion2 .items-parent {
        left: 0;
    }
    .rtl-page .section-promotion2 ul {
        padding-left: 0;
        padding-right: 20px;
    }
}
@media (max-width: 900px) {
    .section-promotion2 .item-text:nth-child(2) {
        padding: 20px 0;
        position: relative;
    }

    .section-promotion2 .item-text:nth-child(2):after {
        background: #F2F6F8;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 80%;
        content: '';
        height: 100%;
        border-top: 1px solid #c4523e;
        border-bottom: 1px solid #c4523e;
    }

    .section-promotion2 .items-parent {
        position: relative;
        right: 0;
        background: transparent !important;
    }

    .section-promotion2 .heading-decor {
        text-align: center;
    }
}
@media (max-width: 480px) {
    .section-promotion2 .item-text:nth-child(2):after {
        width: 60%;
    }

    .section-promotion2 .img-h.reversed {
        padding: 0;
    }

    .section-promotion2 .txt-h {
        padding: 0;
    }

    .section-promotion2 .ta-center {
        padding: 0 15px;
    }

    .section-promotion2 {
        padding: 20px 0 0;
    }

    .section-promotion2 .font-sz30 {
        font-size: 24px;
        line-height: 30px;
    }
    .section-promotion2 .item-text {
        margin-bottom: 20px;
    }
}



/*section-promotion3*/
.section-promotion3 {
    background: url(images/bg-ip-program-form.jpg) no-repeat;
    background-size: cover;
    padding: 25px 0 80px;
    margin-bottom: -45px;
}

.section-promotion3 .items {
    display: flex;
    justify-content: space-between;
}

.section-promotion3 .txt-h {
    font-size: 30px;
    line-height: 36px;
    max-width: 475px;
    color: #13273D;
    padding-top: 55px;
}

.section-promotion3 .form-h {
    max-width: 610px;
}
.section-promotion3 .form-box{
  background: rgba(245, 176, 70, 0.5);
  border-radius: 5px;
  padding: 19px;
}
.section-promotion3 .form{margin-bottom: -23px;}
.section-promotion3 .form label{
  margin-bottom: 15px;
}
.section-promotion3 .form .radio-check label strong{font-weight: 400;}
.section-promotion3 .form .radio-set .radio-col{
  display: flex;
  justify-content: flex-end;
}

.section-promotion3 .form-h h3 {
    font-weight: bold;
    padding: 0 0 23px 40px;
}
.rtl-page .section-promotion3 .form-h h5{
   padding: 0 0 0 40px 23px; 
}

@media (max-width: 1000px) {
    .section-promotion3 .items {
        flex-direction: column;
    }

    .section-promotion3 .txt-h {
        max-width: 100%;
        padding-top: 20px;
        margin-bottom: 30px;
    }

    .section-promotion3 .form-h {
        max-width: 100%;
    }

    .section-promotion3 .form-h img {
        width: 100%;
    }

    .section-promotion3 .form-h h3 {
        text-align: center;
    }

    .section-promotion3 .txt-h {
        font-size: 18px;
        line-height: 27px;
        padding-top: 0;
        margin-bottom: 5px;
    }

    .section-promotion3 {
        padding: 25px 0 40px;
    }
}
@media (max-width: 767px) {
  .section-promotion3 {
    margin-bottom: -15px;
  }
  .section-promotion3 .form-h h3,
  .rtl-page .section-promotion3 .form-h h3{
    padding: 0 0 15px;
  }
}
@media (max-width: 480px) {
  .section-promotion3 .form-box{
    padding: 7px;
  }
  .section-promotion3 .form .radio-set *[class*=col-sm-] .row.d-flex.justify-content-end{justify-content: flex-start;}
  .section-promotion3 .form .radio-set .radio-cols{margin: 0 0 0 -20px;}
  .section-promotion3 .form .radio-set .radio-cols .radio-col{
    width: 50%;
    padding: 0 0 0 20px;
  }
  .section-promotion3 .form .radio-set .radio-cols .radio-col{justify-content: flex-start;}
  .section-promotion3 .form .radio-set .radio-cols .radio-col:first-child{justify-content: flex-end;}
  .section-promotion3 .form .radio-set .radio-check{min-width: 65px;}
  
}


/*section-promotion4*/
.section-promotion4 {
    padding: 45px 0;
}
.section-promotion4 .bg-decor {
    position: relative;
}
.section-promotion4 .bg-decor:after {
    position: absolute;
    top: 40px;
    left: 0;
    background: #FAFDFE;
    content: '';
    width: 100%;
    height: 155px;
}
.section-promotion4 .main-holder {
    position: relative;
    z-index: 1;
}
.section-promotion4 .items {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

.section-promotion4 .item {
    width: 25%;
    text-align: center;
    font-family: Montserrat;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 44px;
    text-transform: uppercase;
    color: #13273D;
}
.section-promotion4 .img-h {
    margin-bottom: 30px;
}

@media (max-width: 900px) {
    .section-promotion4 .item {
        width: 50%;
        margin-bottom: 50px;
    }

    .section-promotion4 .bg-decor:after {
        display: none;
    }

    .section-promotion4 .items {
        padding-top: 20px;
    }
}
@media (max-width: 480px) {
    .section-promotion4 .item {
        margin-bottom: 35px;
        padding: 0 15px;
        font-size: 18px;
        line-height: 24px;
    }

    .section-promotion4 .img-h {
        margin-bottom: 15px;
    }


    .section-promotion4 .items {
        padding-top: 13px;
    }

    .font-sz24, *[class] .font-sz24 {
        font-size: 18px;
    }

    .section-promotion4 {
        padding: 20px 0 0;
    }
}

/*section-promotion5*/
.section-promotion5 .main-holder {
    position: relative;
    overflow: hidden;
    padding-bottom: 70px;
}
.section-promotion5 .main-holder:after {
    position: absolute;
    bottom: 0;
    content: '';
    width: 0;
    height: 0;
    border-left: 600px solid transparent;
    border-right: 600px solid transparent;
    border-top: 40px solid #FFF5E4;
    right: 50%;
    transform: translateX(50%);
}
.section-promotion5 h2 {
    font-weight: 400;
    font-size: 36px;
    line-height: 44px;
}
.section-promotion5 .item {
    background: #FAFDFE;
    box-shadow: 0px 4px 4px rgba(191, 191, 191, 0.25);
    border-radius: 8px;
    padding: 10px 0;
    min-height: 68px;
    display: flex;
    align-items: center;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
}
.section-promotion5 .ttl {
    width: 435px;
    text-align: center;
    display: block;
}
.section-promotion5 .item-child {
    flex: 1;
    display: flex;
    justify-content: space-between;
}
.section-promotion5 .star-h {
    width: 25%;
    display: flex;
    justify-content: center;
}
.section-promotion5 .star-h-child {
    background: #F2E6D9;
    border-radius: 5px;
    height: 31px;
    width: 129px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-promotion5 .star-h:nth-child(2) .star-h-child {
    background: #F1DBC4;
}
.section-promotion5 .star-h:nth-child(3) .star-h-child {
    background: #F3CFA7;
}
.section-promotion5 .star-h:nth-child(4) .star-h-child {
    background: #EEBE89;
}
.section-promotion5 .star-h .icon-star2 {
    color: #13273D;
    font-size: 18px;
    margin: 0 5px;
}
.section-promotion5 {
    margin-bottom: 20px;
}

@media (max-width: 1000px) {
    .section-promotion5 h2 {
        font-size: 30px;
        line-height: 36px;
    }

    .section-promotion5 .item {
        padding: 15px 0;
        flex-direction: column;
    }

    .section-promotion5 .ttl {
        width: 100%;
        margin-bottom: 15px;
    }

    .section-promotion5 .star-h {
        width: 120px;
        margin: 0 7px 15px;
    }

    .section-promotion5 .item-child {
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
    }

    .section-promotion5 .main-holder:after {
        border-left: 450px solid transparent;
        border-right: 450px solid transparent;
        border-top: 40px solid #FFF5E4;
    }
}
@media (max-width: 768px) {
    .section-promotion5 .main-holder {
        padding-bottom: 45px;
    }

    .section-promotion5 .main-holder:after {
        border-left: 350px solid transparent;
        border-right: 350px solid transparent;
    }

}
@media (max-width: 600px) {
    .section-promotion5 .main-holder:after {
        border-left: 200px solid transparent;
        border-right: 200px solid transparent;
    }
}
@media (max-width: 480px) {
    .section-promotion5 .star-h {
        width: 90px;
        margin: 0 7px 15px;
    }

    .section-promotion5 .item {
        font-size: 14px;
        line-height: 18px;
    }

    .section-promotion5 .star-h-child {
        height: 21px;
        width: 90px;
    }

    .section-promotion5 .star-h .icon-star2 {
        font-size: 15px;
        margin: 0 2px;
    }

    .section-promotion5 h2 {
        font-size: 25px;
        line-height: 32px;
    }

    .section-promotion5 .item {
        padding: 10px 0 5px;
    }

    .section-promotion5 .main-holder:after {
        border-left: 150px solid transparent;
        border-right: 150px solid transparent;
        border-top: 27px solid #FFF5E4
    }

    .section-promotion5 .main-holder {
        padding-bottom: 30px;
    }
}

/*section-promotion6*/
.section-promotion6 {
    background: url(images/bg-decor07.jpg) no-repeat;
    background-size: cover;
    padding: 25px 0 40px;
    position: relative;
    min-height: 600px;
}
.section-promotion6:before {
    position: absolute;
    background: url(images/bg-decor06.png) no-repeat;
    width: 100%;
    height: 220px;
    content: '';
    top: 0;
    left: 0;
}

.section-promotion6:after {
    position: absolute;
    background: url(images/bg-decor05.png) no-repeat;
    width: 100%;
    height: 220px;
    content: '';
    bottom: 0;
    left: 0;
}

.section-promotion6 h3, .section-promotion7 h3, .section-promotion8 h3 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 37px;
    text-align: center;
    color: #13273D;
    margin-bottom: 20px;
}
.section-promotion6 .form-h {
    max-width: 612px;
    margin: 0 auto 45px;
    background: rgba(245, 176, 70, 0.5);
    border-radius: 5px;
    padding: 19px;
}
.section-promotion6 .extra-text{
  font-size: 12px;
  line-height: 14px;
  padding: 0 35px;
}
.section-promotion6 .extra-text > *:last-child{margin-bottom: 0;}
.section-promotion6 .form .radio-check.el-block{padding-right: 35px;}
.rtl-page .section-promotion6 .form .radio-check.el-block{
  padding-right: 35px;
  padding-left: 35px;
}
.section-promotion6 .main-holder {
    z-index: 9;
    position: relative;
}
.section-promotion6 h4 {
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #13273D;
    margin-bottom: 25px;
}
@media (max-width: 767px) {
  .section-promotion6 .extra-text{
    padding: 0;
  }
  .section-promotion6 .form .radio-check.el-block{padding-right: 0;}
  .rtl-page .section-promotion6 .form .radio-check.el-block{
    padding-right: 35px;
    padding-left: 0;
  }
}

@media (max-width: 480px) {
    .section-promotion6 h3 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 16px;
    }

    .section-promotion6:before {
        background: #fff;
        height: 100px;
    }

    .section-promotion6 .form-h {
        margin: 25px auto 20px;
        padding: 7px;
    }

    .section-promotion6:after {
        display: none;
    }

    .section-promotion6 {
        background-size: 300% 415px;
        padding: 25px 0 0;
        min-height: 400px;
    }

    .section-promotion6 h4 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 15px;
    }
}


/*section-promotion7*/
.section-promotion7 {
    padding: 50px 0 0;
}
.section-promotion7 .att {
    max-width: 550px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
}
.section-promotion7 .main-holder {
    max-width: 1135px;
    position: relative;
    z-index: 1;
}

.section-promotion7 .items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.section-promotion7 .item {
    width: 25%;
    padding: 50px 25px;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    min-width: 230px;
}
.section-promotion7 .img-h {
    filter: drop-shadow(4px 4px 4px rgba(132, 132, 132, 0.39));
    width: 82px;
    height: 82px;
    background: #c4523e;
    border-radius: 5px;
    margin-bottom: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 60px;
}
.section-promotion7 .txt-h p {
    margin-bottom: 0;
}
.section-promotion7 .txt-h h4 {
    text-align: center;
    font-weight: bold;
    color: #13273D;
}
@media (max-width: 1000px) {
    .section-promotion7 .item {
        padding: 25px 5px;
    }
}
@media (max-width: 480px) {
    .section-promotion7 h3 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 16px;
    }

    .section-promotion7 {
        padding: 20px 0 0;
    }

    .section-promotion7 .item {
        padding: 20px 5px 0;
    }

    .section-promotion7 .att {
        margin: 20px auto 0;
    }

}


/*section-promotion8*/
.section-promotion8 {
    padding: 25px 0 20px;

}
.section-promotion8 .items:before {
    position: absolute;
    background: url(images/bg-decor08.png) no-repeat 100%;
    width: 100%;
    height: 100%;
    content: '';
    top: 0;
    right: 0;
}
.section-promotion8 .items {
    margin-bottom: 45px;
    margin-top: 40px;
    position: relative;
}
.section-promotion8 .item {
    display: flex;
    padding: 37px 0 40px;
    border-bottom: 1px solid #C48F36;
    position: relative;
}
.section-promotion8 .item:first-of-type {
    border-top: 1px solid #C48F36;
}
.section-promotion8 .img-h {
    width: 280px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-promotion8 .txt-h {
    flex: 1;
    font-size: 18px;
    line-height: 22px;
    color: #C48F36;
    font-weight: 400;
    padding-left: 15px;
}
.section-promotion8 .txt-h h4 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #13273D;
    margin-bottom: 20px;
}
.section-promotion8 .txt-h ul {
    padding: 0 0 0 20px;
    margin: 0;
}
.rtl-page .section-promotion8 .txt-h ul {
    padding: 0 20px 0;
}
@media (max-width: 1000px) {
    .section-promotion8 .img-h {
        width: 175px;
    }
    .section-promotion8 .txt-h {
        font-size: 16px;
        line-height: 20px;
    }

}
@media (max-width: 600px) {
    .section-promotion8 .item {
        padding: 17px 15px;
        align-items: center;
        flex-direction: column;
        margin: 0 -15px;
    }
    .section-promotion8 .items {
        background: #fff !important;
    }
    .section-promotion8 .items:before {
        display: none;
    }
    .section-promotion8 .img-h {
        width: 130px;
        margin-bottom: 15px;
    }
    .section-promotion8 .txt-h h4 {
        text-align: center;
    }
    .section-promotion8 .txt-h {
        padding-left: 0;
        font-size: 14px;
        line-height: 17px;
    }
    .section-promotion8 .items {
        margin-bottom: 15px;
    }
    .section-promotion8 {
        padding: 25px 0 0;
    }
}
@media (max-width: 480px) {
    .section-promotion8 h3 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 16px;
    }
    .section-promotion8 .line-decor {
        margin: 0 auto 17px;
    }

}


/*section-promotion9*/
.section-promotion9 {
    padding: 40px 0 0;
}
.section-promotion9 .img-h {
    margin: 0 65px;
}
.section-promotion9 .txt-h {
    flex: 1;
}
.section-promotion9 .items {
    display: flex;
    position: relative;
    padding-bottom: 45px;
}
.section-promotion9 .items:before {
    background: #c4523e;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
}

@media (max-width: 1000px) {
    .section-promotion9 .img-h {
        margin: 0 0 20px;
    }
}
@media (max-width: 480px) {
    .section-promotion9 .items {
        padding-bottom: 15px;
    }
    .section-promotion9 {
        padding: 20px 0 0;
    }
    .section-promotion9 .items:before {
        width: 65%;
    }

}

.btn-sign-up-h {
    margin-bottom: 100px;
}
/*decor-wave*/

.decor-wave {
    background: #F2F6F8;
    position: relative;
    margin-bottom: 95px;
}

.decor-wave:before {
    position: absolute;
    background: url(images/bg-decor10.png) no-repeat 50% 0;
    width: 100%;
    height: 81px;
    content: '';
    top: 0;
    left: 0;
    margin: 0 auto;
}

.decor-wave:after {
    position: absolute;
    background: url(images/bg-decor09.png) no-repeat 50% 0;
    width: 100%;
    height: 81px;
    content: '';
    bottom: -60px;
    left: 0;
    margin: 0 auto;
    z-index: 9;
}

.default-items .item {
    padding: 30px 25px;
}

/*section-promotion10*/

.section-promotion10 .items {
    padding: 45px 0;
}

.section-promotion10 .items.reversed {
    flex-direction: row-reverse;
}

.section-promotion10 .img-h {
    margin: 0 77px 0 42px;
}

.section-promotion10 .items.reversed .img-h {
    margin: 0 55px 0 77px;
}

.section-promotion10 .items.reversed .img-h .rounded {
    margin-left: auto;
}

.section-promotion10 h2 {
    color: #13273D;

}

.section-promotion10 .txt-h {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 0 7px;
}

.section-promotion10 .txt-h .btn-hold {
    margin-top: auto;
}

.section-promotion10 .reversed .txt-h .btn-hold {
    margin-left: auto;
}


.section-promotion10 .items {
    display: flex;
    position: relative;
}


.rtl-page .section-promotion10 .img-h {
    margin: 0 42px 0 77px;
}

.rtl-page .section-promotion10 .items.reversed .img-h {
    margin: 0 77px 0 55px;
}

@media (max-width: 1000px) {
    .section-promotion10 .img-h {
        margin: 0 30px 0 15px;
    }

    .section-promotion10 .items.reversed .img-h {
        margin: 0 15px 0 30px;
    }
    .rtl-page .section-promotion10 .img-h {
        margin: 0 15px 0 30px;
    }

    .rtl-page .section-promotion10 .items.reversed .img-h {
        margin: 0 30px 0 15px;
    }

    .section-promotion10 .txt-h {
        padding: 0 15px;
    }
}
@media (max-width: 768px) {
    .section-promotion10 .txt-h {
        padding: 0 15px;
    }

    .section-promotion10 .img-h img {
        width: 100%;
    }

    .section-promotion10 h2 {
        text-align: center;
    }

    .section-promotion10 .txt-h .btn-hold {
        margin: 0 auto;
    }

    .section-promotion10 .items {
        padding: 16px 0;
    }
    .rtl-page .section-promotion10 .items.reversed .img-h,
    .rtl-page .section-promotion10 .img-h,
    .section-promotion10 .items.reversed .img-h,
    .section-promotion10 .img-h {
        margin: 0 0 16px;
    }

}
@media (max-width: 480px) {
    .section-promotion10 h2 {
        font-size: 20px;
    }

    .section-promotion10 .ta-center {
        padding: 0 15px;
    }
}



/*section-about1*/
.section-about1 {
    padding: 35px 0;
    margin: -45px 0;
    padding: 30px 0 80px;
    background: url(images/bg-section-about.jpg) no-repeat 50% 0 / cover;
}
.section-about1 .img-h {
    filter: drop-shadow(4px 4px 4px rgba(132, 132, 132, 0.39));
    width: 81px;
    height: 81px;
    background: #c4523e;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 60px;
    margin: 0 auto 25px;
}
.section-about1 h2 {
    text-align: center;
    margin-bottom: 23px;
    color: #13273D;
    letter-spacing: -1px;
}
.section-about1 .items {
    max-width: 970px;
    margin: 0 auto;
}
.section-about1 .item {
    margin-bottom: 45px;
}
@media (max-width: 767px) {
  .section-about1 {
    margin: -15px 0;
    padding: 50px 0;
  }
}
@media (max-width: 480px) {
    .section-about1 h2 {
        font-size: 18px !important;
        margin-bottom: 16px;
        margin-top: 16px;
        letter-spacing: 0;
    }
    .section-about1 .txt-h h2 {
        margin: 0 0 16px;
        font-size: 20px;
    }
    .section-about1 .img-h {
        margin: 0 auto 16px;
    }
    .section-about1 .btn-h {
        display: flex;
        justify-content: center;
    }
    .section-about1 .item {
        position: relative;
    }
    .section-about1 .item:after {
        display: block;
        width: 190px;
        height: 1px;
        background: #c4523e;
        margin: 0 auto;
        position: absolute;
        bottom: -24px;
        left: 0;
        right: 0;
        content: '';
    }

    .section-about1 {
        padding: 25px 0 5px;
    }
}


/*section-about2*/
.section-about2 {
    padding: 0 0 20px;
}
.section-about2 .items {
    border-bottom: 1px solid #13273D;
}
.section-about2 .heading-decor {
    margin-bottom: 10px;
}

.section-about2 .heading-decor:after {
    top: 10px;
    background: #13273D;
    width: 1300px;
    left: 50%;
}
.section-about2 .heading-decor.to-right:after {
    left: -35%;
}
.section-about2 .heading-decor {
    line-height: 35px;
}
.section-about2 .items-parent {
    display: flex;
    position: relative;
}
.section-about2 .items-parent:after {
    content: '';
    top: 0;
    right: -375px;
    width: 1545px;
    position: absolute;
    height: 218px;
}
.items-parent.bg-blue-light-after:after {
    background: #F2F6F8;
}
.items-parent.bg-yellow-after:after {
    background: #fdd79d33;
}
.items-parent.bg-green-light-after:after {
    background: #F8F7F2;
}


.section-about2 .txt-h {
    flex: 1;
    padding-right: 10%;
    position: relative;
    z-index: 1;
}

.section-about2 .img-h {
    max-width: 507px;
    position: relative;
    z-index: 1;
}

.section-about2 .item {
    margin-bottom: 30px;
}


.section-about2 .item.reversed .items-parent {
    flex-direction: row-reverse;
}

.section-about2 .item.reversed .txt-h {
    padding-right: 0;
    padding-left: 10%;
}


.section-about2 .item.reversed .items-parent:after {
    left: -375px;
    right: auto;
}

.rtl-page .section-about2 .heading-decor:after {
    left: -35%;
}

.rtl-page .section-about2 .txt-h {
    padding-right: 0;
    padding-left: 10%;
}

.rtl-page .section-about2 .heading-decor.to-right:after {
    left: 35%;
}

.rtl-page .section-about2 .item.reversed .txt-h {
    padding-right: 10%;
    padding-left: 0;
}

@media (max-width: 1030px) {

    .section-about2 .txt-h {
        padding-right: 5%;
    }

    .section-about2 .item.reversed .txt-h {
        padding-left: 5%;
    }

    .rtl-page .section-about2 .txt-h {
        padding-right: 0;
        padding-left: 5%;
    }

    .rtl-page .section-about2 .item.reversed .txt-h {
        padding-right: 5%;
        padding-left: 0;
    }
}
@media (max-width: 900px) {
    .section-about2 .heading-decor {
        line-height: 35px;
    }

    .section-about2 .img-h {
        max-width: 380px;
    }
}
@media (max-width: 768px) {
    .section-about2 .img-h {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .section-about2 .items-parent {
        flex-direction: column-reverse;
        padding: 20px 0 0;
    }

    .section-about2 .item {
        background: #F2F6F8;
        margin: 0 -15px;
        padding: 0 15px;
        border-top: 1px solid #000;
    }

    .section-about2 .item:nth-of-type(2n) {
        background: #FFF7EB;

    }


    .section-about2 .items-parent:after {
        display: none;
    }

    .section-about2 .item.reversed .items-parent {
        flex-direction: column-reverse;
    }

    .section-about2 .txt-h {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .section-about2 .heading-decor {
        line-height: 30px;
        max-width: 465px;
        margin: 0 auto;
    }

    .section-about2 .heading-decor {
        padding-top: 10px;
    }
}
@media (max-width: 480px) {
    .section-about2 {
        padding: 10px 0 20px;
    }

    .section-about2 .heading-decor {
        padding-top: 10px;
        line-height: 25px;
        font-size: 20px;
    }

    .section-about2 .img-h {
        margin-bottom: 16px;
    }
}


/*section-about3*/
.section-about3 {
    background: url(images/bg-about-news.png) no-repeat;
    background-size: cover;
    padding: 5px 0 110px;
}

@media (max-width: 900px) {
    .section-about3 {
        padding: 5px 0 50px;
    }
}

@media (max-width: 480px) {
    .section-about3 {
        padding: 5px 0 15px;
    }

}


/*section-about4*/

.section-about4 {
    border-bottom: 1px solid #A7BFDA;
}
.section-about4 .item {
    height: 87px;
    background: #A7BFDA;
    font-size: 30px;
    line-height: 36px;
    outline: 1px solid #A7BFDA;
    border-top: 1px solid #fff;
    border-bottom: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1px;
    position: relative;
}

.section-about4 .item .button {
    position: absolute;
    right: 32px;
    top: 50%;
    transform: translateY(-50%);
}

.section-about4 .item:nth-of-type(2n) {
    background: #fff;
    outline: none;
    border: 0;
}
.section-about4 .ttl {
    color: #fff;
    font-weight: 400;
}

.section-about4 .item:nth-of-type(2n) .ttl {
    color: #13273D;
}

.rtl-page .section-about4 .item .button {
    right: auto;
    left: 32px;
}
@media (max-width: 1100px) {
    .section-about4 .item {
        height: 70px;
        font-size: 20px;
        line-height: 28px;
    }
}


@media (max-width: 900px) {
    .section-about4 .item .button {
        position: static;
        transform: translateY(0);

    }

    .section-about4 .item {
        flex-direction: column;
        min-height: 96px;
        height: auto;
        text-align: center;
        padding: 10px 0;
    }

    .section-about4 .ttl {
        margin-bottom: 12px;
    }
}
@media (max-width: 480px) {
    .section-about4 .item {
        font-size: 18px;
        line-height: 25px;
    }

    .section-about4 {
        padding-top: 10px;
    }
}


/*decor-triangle*/
.decor-triangle {
    width: 0;
    height: 0;
    border-left: 75px solid transparent;
    border-right: 75px solid transparent;
    border-top: 35px solid #b5bbb7;
    margin: 23px auto;
    display: block;
}

.decor-triangle.dark-blue {
    border-top-color: #13273D;
}

.decor-triangle.yellow {
    border-top-color: #c4523e;
}

.decor-triangle.blue {
    border-top-color: #A7BFDA;
}

/*section-promotion11*/
.section-promotion11 .btn-hold .button {
    margin: 0 7px 10px;
}
.section-promotion11 .list {
    width: 341px;
    text-align: center;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    color: #13273D;
}
.section-promotion11 .items {
    display: flex;
}
.section-promotion11 .img-h {
    flex: 1;
}
.section-promotion11 .txt-h {
    max-width: 385px;
    width: 100%;
}
.section-promotion11 .btn-hold.txt-h {
    margin-left: auto;
}
@media (max-width: 1030px) {
    .section-promotion11 .items {
        flex-direction: column;
        max-width: 570px;
        margin: 0 auto;
    }
    .section-promotion11 .img-h {
        margin-bottom: 30px;
    }
    .section-promotion11 .list {
        width: 100%;
    }
    .section-promotion11 .txt-h {
        margin: 0 auto;
    }
}
@media (max-width: 480px) {
    .section-promotion11 .btn-hold .button {
        margin: 0 7px 23px;
    }
}



/*heading-contact*/

.heading-contact {
    display: flex;
    align-items: flex-end;
    font-size: 30px;
    line-height: 28px;
    font-weight: 400;
    color: #13273D;
    margin-bottom: 23px;
}
.heading-contact h2{
  margin: 0;
}
.heading-contact .img-icon {
    filter: drop-shadow(4px 4px 4px rgba(132, 132, 132, 0.39));
    width: 82px;
    height: 82px;
    background: #c4523e;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 60px;
    margin-right: 15px;
}
.rtl-page .heading-contact .img-icon {
    margin-right: 0;
    margin-left: 15px;
}

@media (max-width: 800px) {
    .heading-contact {
        justify-content: center;
    }
}
@media (max-width: 480px) {
    .heading-contact {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        font-size: 24px;
        line-height: 28px;
    }
}




/*section-about-contact*/
.section-about-contact{padding-bottom: 45px}
.section-about-contact .form-hold{
  background: rgba(242, 246, 248, 0.75);
  border-radius: 5px;
  padding: 20px;
  margin: 0 15px 0 0;
}
.rtl-page .section-about-contact .form-hold{
  margin: 0 0 0 15px;
}
.section-about-contact .form-hold .button{
  font-family: Roboto;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
}


.section-about-contact .items {
    display: flex;
    justify-content: space-between;
}


.section-about-contact .form-h {
    max-width: 420px;
}

.section-about-contact .form-h .heading-contact {
    padding-left: 20px;
}


.section-about-contact .txt-h {
    max-width: 340px;
    font-weight: 400;
}

.section-about-contact .txt-h .button {
    margin-bottom: 20px;
    color: #466B93;
}

.section-about-contact .txt-h a {
    color: #466B93;
}

.section-about-contact .link {
    display: block;
}


.section-about-contact .item-child {
    margin-bottom: 50px;
}

.rtl-page .section-about-contact .form-h .heading-contact {
    padding-left: 0;
    padding-right: 20px;
}


@media (max-width: 800px) {
  .section-about-contact{padding-bottom: 16px}
    .section-about-contact .items {
        flex-direction: column;
        align-items: center;
    }

    .section-about-contact .txt-h {
        text-align: center;
    }
    .section-about-contact .form-h {
        margin-bottom: 20px;
    }
}

@media (max-width: 480px) {
    .section-about-contact {
        padding: 10px 0 16px;
    }

    .section-about-contact .mb35 {
        margin-bottom: 20px;
    }
    .section-about-contact .item-child {
        margin-bottom: 25px;
    }
    .rtl-page .section-about-contact .form-h .heading-contact {
        padding-left: 0;
        padding-right: 0;
    }

    .section-about-contact .form-h .heading-contact {
        padding-left: 0;
    }


}




/*section-follow-us*/

.section-follow-us {
    height: 111px;
    background: #F2F6F8;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 5px 15px;
    margin-bottom: 5px;
}

.section-follow-us h3 {
    margin-bottom: 17px;
}

.section-follow-us .social {
    justify-content: center;
}

.section-follow-us .social > * {
    margin: 0 14px;
}

.section-follow-us .social *[class*=icon-] {
    width: 35px;
    height: 35px;
    font-size: 26px;
    line-height: 35px;
}


@media (max-width: 480px) {
    .section-follow-us {
        height: 80px;
        padding: 5px;
    }

    .section-follow-us h3 {
        font-size: 18px !important;
        margin-bottom: 13px;
    }

    .section-follow-us .social *[class*=icon-] {
        width: 24px;
        height: 24px;
        font-size: 16px;
        line-height: 24px;
    }

    .section-follow-us .social > * {
        margin: 0 10px;
    }
}



/*map*/

.map {
    height: 395px;
    position: relative;
    /* margin-bottom: -45px; */
}

.map iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
}

@media (max-width: 767px) {
  .map {
        /* margin-bottom: -15px; */
    }
}
@media (max-width: 480px) {
    .map {
        height: 100px;
        /*margin-bottom: -15px;*/
    }
}

/*account-types-new*/
.account-types-new .items {
    position: relative;
    display: flex;
    justify-content: center;
	margin: 0 -4px 50px;
}
.account-types-new .item {
    width: calc(15% - 8px);
    position: relative;
    height: 100%;
    margin-top: 80px;
	margin-left: 4px;
	margin-right: 4px;
}
.account-types-new .item.standart {
    color: #000;
}
.account-types-new .item.standart .icon-checkmark2,
.account-types-new .item.silver .icon-checkmark2,
.account-types-new .item.platinum .icon-checkmark2 {
    color: #466B93;
}

.account-types-new .item.bronze .icon-checkmark2,
.account-types-new .item.gold .icon-checkmark2 {
    color: #fff;
}
.account-types-new .item .inner {
    min-height: 100%;
    padding: 2px 2px 0px;
    border-radius: 5px;

}
.account-types-new .item .inner .text {
    border: 0.5px solid #13273D;
    border-radius: 5px;
    background: #fff;
    color: #13273D;
    font-size: 13px;
    font-weight: 400;
    padding: 20px 0 10px;
}
.account-types-new .item .top {
    min-height: 105px
}
.account-types-new .item .top:after {
    content: "";
    display: table;
    clear: both
}
.account-types-new .item .details {
    flex: 1
}
.account-types-new .item ul {
    margin: -2px 0 25px;
    padding: 10px 5px 0;
    list-style: none;
}
.account-types-new .item ul li {
    margin: 2px 0 0;
    display: flex;
    min-height: 34px;
    align-items: center
}
.account-types-new .item ul li.no {
    color: #8E8E8E
}
.account-types-new .item ul li [class*=icon-yes] {
    color: #696969
}
.account-types-new .item .btn-hold .button {
    min-width: 120px;
    width: 100%;
}
.account-types-new .item:before {
    content: "\e948";
    font-family: 'icomoon';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 82px;
    height: 82px;
    line-height: 82px;
    font-size: 55px;
    text-align: center;
    color: #fff;
    top: -70px;
    background: #fc5b3f;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
}
.account-types-new .item h2 {
    text-transform: uppercase;
    font-family: Montserrat;
    font-weight: 900;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
}
.account-types-new .item.standart h2,
.account-types-new .item.silver h2,
.account-types-new .item.platinum h2 {
    color: #466B93
}
.account-types-new .item.bronze h2 {
    color: #c4523e
}
.account-types-new .item.gold h2 {
    color: #fc5b3f
}
.account-types-new .item.premium h2 {
    color: #13273D;
}
.account-types-new .item p {
    margin: 0;
    min-height: 52px
}
.account-types-new .item .text dt {
    margin-bottom: 10px;
}
.account-types-new .item dl {
    margin: 0 0 20px
}
.account-types-new .item dl > * {
    display: block
}
.account-types-new .item .price {
    display: block;
    position: relative;
    font-size: 24px;
    line-height: 29px;
    color: #13273D;
    font-weight: 400;
}
.account-types-new .item .top {
    position: relative
}
.account-types-new .item .top:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    width: calc(100% - 40px);
    margin: 0 auto;
    background: #13273D;
}
.account-types-new .item dl [class*=icon-] {
    margin-top: -3px;
    margin-bottom: -3px
}
.account-types-new .item .details {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}
.account-types-new .item ul li [class*=icon-] {
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    line-height: 20px;
    width: 15px;
    margin-top: -2px;
    margin-bottom: -2px
}
.account-types-new .item ul li .icon-close {
    font-size: 12px;
    font-weight: 900;
}
.account-types-new .item ul li {
    border-bottom: 1px solid #a7bfdb;
    position: relative;
}
.account-types-new .item ul li:after {
    content: '';
    background: #fff;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: -2px;
    left: 0;
}
.account-types-new .item ul li [class*=icon-no] {
    font-size: 19px
}
.account-types-new .item.standart ul li [class*=icon-yes] {
    color: #194589
}
.account-types-new .item.standart .inner,
.account-types-new .item.silver .inner,
.account-types-new .item.platinum .inner {
    background: #cdd5e2
}

.account-types-new .item.bronze .inner {
    background: #c4523e
}

.account-types-new .item.bronze ul li.no {
    color: #fff
}

.account-types-new .item.bronze ul li [class*=icon-yes] {
    color: #fff
}

.account-types-new .item.gold .inner {
    background: #fc5b3f
}

.account-types-new .item.gold ul li.no {
    color: #fff;
}

.account-types-new .item.gold ul li [class*=icon-yes] {
    color: #fff
}


.account-types-new .item.platinum ul li.no {
    color: #ACAEB2
}


.account-types-new .item.premium .inner {
    background: #13273D;
    color: #fff
}

.account-types-new .item.premium ul li [class*=icon] {
    color: #fff
}

.account-types-new .item.vip .inner {
    background: #466c93 url(images/bg-vip-account.jpg) no-repeat;
    background-size: cover;
    height: 975px;
    margin-bottom: 25px;
    border-radius: 5px;
}

.account-types-new .item.vip h2 {
    position: relative;
    padding: 20px 0 0;
    font-size: 24px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: 700;
}

.account-types-new .item.vip .text {
    background: #13273D;
    border-radius: 5px;
    border: 0.5px solid #fff;
}


.account-types-new .item.vip .top:after {
    background: #fff;
}

.account-types-new .item.vip .inner {
    padding: 0;
}
.account-types-new .item.vip .price {
    display: block;
    position: relative;
    font-size: 24px;
    line-height: 29px;
    color: #fff;
    font-weight: 400;
}
.account-types-new .item.vip h2:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    width: 29px;
    height: 15px;
    background: url(images/bg-crown.svg) no-repeat;
    background-size: cover
}

.account-types-new .item.vip .price:before, .account-types-new .item.vip .price:after {
    content: none
}
.account-types-new .item.vip .details {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    text-transform: uppercase;
    padding: 28px 10px;
    position: relative;
}
.account-types-new .item.vip .details:after {
    background: #8E846F;
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    content: '';
    margin: 0 auto;
    width: calc(100% - 20px);
    height: 1px;
}
.account-types-new .item.vip .details:before {
    background: #8E846F;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    content: '';
    margin: 0 auto;
    width: 56px;
    height: 1px;
}
@media (max-width: 1100px) {
    .account-types-new .items {
        flex-wrap: wrap;
        padding: 0 60px;
    }

    .account-types-new .item {
        width: calc(25% - 8px);
        margin-top: 80px;
        margin-bottom: 25px;
    }

    .account-types-new .item .inner {
        padding: 0 0 7px;
        margin-bottom: 23px;
    }


    .account-types-new .item .text dt {
        margin-bottom: 5px;
    }

    .account-types-new .item dl {
        margin: 0 0 10px;
    }

    .account-types-new .item ul {
        margin: -2px 0 -6px;
        padding: 10px 5px 0;
    }
}
@media (max-width: 768px) {
    .account-types-new .item {
        width: calc(50% - 8px);
    }

    .account-types-new .item.vip .inner {
        height: 650px;
    }

}
@media (max-width: 480px) {
    .account-types-new .item {
        width: 100%;
    }

    .account-types-new .item ul li.no {
        display: none;
    }

    .account-types-new .item .details {
        display: none;
    }

    .account-types-new .item .top:after {
        display: none;
    }

    .account-types-new .item .top .btn-open {
        margin: 0 auto;
        background: url(images/open-accordeon.svg) no-repeat;
        width: 114px;
        height: 11px;
        display: block;
    }

    .account-types-new .item .top .btn-open.active {
        background: url(images/close-accordeon.svg) no-repeat;
    }

    .account-types-new .item.vip .inner {
        height: 255px;
    }

    .account-types-new .item.vip .details {
        display: block !important;
    }

    .account-types-new .items {
        margin-bottom: 15px;
    }

    .account-types-new {
        padding-top: 20px;
    }
}
@media (min-width: 480px) {
    .account-types-new .item .details {
        display: block !important;
    }
}

/*section-awards-default*/
.section-awards-default .slick-arrow {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    width: 26px;
    height: 48px;
    line-height: 48px;
    border: 0;
    padding: 0;
    font-size: 0;
    color: #C4C4C4;
    background: transparent;
    text-align: center;
    cursor: pointer;
    z-index: 9;
}

.section-awards-default .slick-arrow:before {
    content: "";
    display: inline-block;
    vertical-align: top;
    font-family: 'icomoon';
    font-size: 55px;
    line-height: 60px;
}

.section-awards-default .slick-prev {
    left: -85px;
}

.section-awards-default .slick-prev:before {
    content: "\e902";
}

.section-awards-default .slick-next {
    right: -55px;
}

.section-awards-default .slick-next:before {
    content: "\e903";
}

.section-awards-default .item {
    text-align: center;
    color: #000;
}

.section-awards-default .aw-logo {
    margin: 0 auto;
    display: flex;
    justify-content: center;
}


.section-awards-default .img-h {
    position: relative;
    display: flex;
    justify-content: center;
}

.section-awards-default .main-holder {
    max-width: 1320px;
}

.section-awards-default .item-awards {
    padding: 0 85px;
}


.section-awards-default .txt-h {
    font-size: 15px;
    font-weight: 600;
}

.section-awards-default .txt-h .ttl {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 14px;
    display: block;
}


.section-awards-default .slick-dots li {
    margin: 2px 5px;
    width: 17px;
    height: 17px;
    border: 1px solid #8b8b8b;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}

.section-awards-default .slick-dots {
    justify-content: center;
    display: flex !important;
    flex-wrap: wrap;
}

.section-awards-default .slick-dots button {
    font-size: 0;
    opacity: 1;
    background: transparent;
    border: 0;
    display: block;
    width: 100%;
    height: 100%;
}


.section-awards-default .slick-dots li:before {
    position: absolute;
    width: 7px;
    height: 7px;
    background: #8b8b8b;
    border-radius: 50%;
    content: '';
    top: 4px;
    left: 4px;
    opacity: 0;
}

.section-awards-default .slick-dots .slick-active:before {
    opacity: 1;
}

@media (max-width: 900px) {
    .section-awards-default .item-awards {
        padding: 0 30px;
    }

    .section-awards-default .slick-prev {
        left: -30px;
    }

    .section-awards-default .slick-arrow:before {
        font-size: 30px;
        line-height: 40px;
    }

    .section-awards-default .slick-next {
        right: -27px;
    }
}


@media (max-width: 480px) {
    .section-awards-default .txt-h .ttl {
        font-size: 15px;
    }

    .section-awards-default .txt-h {
        font-size: 14px;
    }

    .section-awards-default {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .section-awards-default .slick-dots li {
        margin: 2px 3px;
        width: 11px;
        height: 11px;
        border: 1px solid #D5D5D5;
        background: #D5D5D5;
    }

    .section-awards-default .slick-dots li.slick-active {
        background: #fff;
    }

    .section-awards-default .slick-dots li:before {
        width: 7px;
        height: 7px;
        background: #D5D5D5;
        top: 1px;
        left: 1px;
    }

}

/*section-awards01*/
.section-awards01 .img-h {
    margin-bottom: -25px;
}

.section-awards01 .aw-logo {
    position: absolute;
    bottom: 35px;
    right: 0;
    left: 0;
}

@media (max-width: 768px) {
    .section-awards01 .item-awards {
        margin-top: -65px;
    }
}
@media (max-width: 480px) {
    .section-awards01 .img-h {
        margin-bottom: -15px;
    }

    .section-awards01 .aw-logo {
        bottom: 20px;
    }
}




/*section-awards02*/

.section-awards02 {
    padding: 30px 0 25px;
    background: #d3d3d3 url(images/bg-awards-s02.png) no-repeat 0 100%;
}

.section-awards02 .slick-dots {
    position: relative;
    top: 15px;
}

.section-awards02 .slick-arrow {
    top: 25%;
}
.section-awards02 .txt-h {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    padding: 0 25px;
    width: 142px;
    height: 92px;
    text-align: center;
    background: url(images/bg-awards-s02-item.png) no-repeat;
    background-size: cover;
    font-size: 15px;
    line-height: 18px;
}



/*section-awards03*/
.section-awards03 {
    padding: 40px 0 25px;
}

.section-awards03 .slick-arrow {
    top: 30%;
}

.section-awards03 .txt-h {
    position: relative;
    margin-top: 20px;
    padding-top: 27px;
}
.section-awards03 .txt-h:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    max-width: 247px;
    margin: 0 auto;
    height: 16px;
    background: url(images/bg-awards-s04-shd.svg) no-repeat 50% 0;
    background-size: 100% 16px;
}

@media (max-width: 900px) {
    .section-awards03 .slick-arrow {
        top: 40%;
    }
}


/*section-awards04*/

.section-awards04 .item {
    padding: 30px 36px 0;
    width: 25%;
}

.section-awards04 .item-awards {
    padding-bottom: 40px;
}
.section-awards04 .slick-arrow {
    top: 40%;
}
.section-awards04 .img-h {
    background: #fff;
    margin: 0 0 23px;
    position: relative;
    padding-bottom: 100%;
    -webkit-box-shadow: 0 5px 30px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 5px 30px 0 rgb(0 0 0 / 20%);
}
.section-awards04 .img-h img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 63px);
    height: calc(100% - 63px);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 1000px) {
    .section-awards04 .item {
        padding: 30px 30px 0;
    }
}

@media (max-width: 900px) {
    .section-awards04 .img-h {
        box-shadow: 0 5px 14px 0 rgb(0 0 0 / 20%);
    }

    .section-awards04 .item {
        padding: 18px 18px 0;
    }
}
@media (max-width: 480px) {
    .section-awards04 .item {
        padding: 18px 18px 0;
    }

    .section-awards04 .item-awards {
        padding-bottom: 0;
    }
}



/*section-trade2*/
.section-trade2 {
    padding: 0 0 20px;
}
.section-trade2 .heading-decor {
    margin-bottom: 10px;

}
.section-trade2 .heading-decor {
    line-height: 35px;
}
.section-trade2 .items-parent {
    display: flex;
    position: relative;
    padding: 40px 33px;
}
.section-trade2 .items-parent:after {
    content: '';
    top: 0;
    left: -375px;
    width: 1545px;
    position: absolute;
    height: 313px;
}

.rtl-page .section-trade2 ul {
    padding-left: 0;
    padding-right: 30px;
}

.rtl-page .section-trade2 .item.reversed .txt-h {
    padding-right: 5%;
    padding-left: 0;
}

.rtl-page .section-trade2 .txt-h .icon-contactus {
    right: auto;
    left: 37px;
    transform: scale(-1, 1)
}
.section-trade2 .txt-h {
    flex: 1;
    padding-left: 5%;
    position: relative;
    z-index: 1;
}

.section-trade2 .txt-h.reversed {
    padding-left: 0;
    padding-right: 5%;
}

.section-trade2 .img-h {
    max-width: 507px;
    position: relative;
    z-index: 1;
}

.section-trade2 .item {
    margin-bottom: 30px;
}

.section-trade2 ul {
    margin: 0;
    padding-left: 30px;
}

.section-trade2 .txt-h .icon-contactus {
    font-size: 175px;
    position: absolute;
    top: -20px;
    right: 37px;
    color: #c4523e;
}

.section-trade2 .icon-trade {
    font-size: 181px;
    color: #c4523e;
}

.section-trade2 h3 {
    font-family: 'Montserrat', sans-serif;
}


.section-trade2 .item.reversed .txt-h {
    padding-right: 0;
    padding-left: 5%;
}


.section-trade2 .item.reversed .items-parent:after {
    right: -375px;
    left: auto;
}


.section-trade2 .items-parent02 .img-h {
    width: 280px;
    display: flex;
    justify-content: center;
    padding-top: 17px;
}

.section-trade2 .items-parent02 {
    display: flex;
    padding-top: 20px;
}

.section-trade2 .items-parent02 .txt-h {
    padding-left: 20px !important;
}

.section-trade2 .heading-decor:after {
    background: #13273D;
}

.rtl-page .section-trade2 .txt-h.reversed {
    padding-left: 5%;
    padding-right: 0;
}

.rtl-page .section-trade2 .txt-h {
    padding-left: 0;
    padding-right: 5%;
}
.section-trade2 .items-parent02 .btn-h{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1
}
.section-trade2 .items-parent02 .btn-h > *{
  margin: 0 10px 10px;
}
@media (max-width: 1200px) {
    .section-trade2 .txt-h .icon-contactus {
        font-size: 130px;
        right: 0;
    }

    .section-trade2 .items-parent02 {
        display: block;
    }

    .section-trade2 .icon-trade {
        font-size: 145px;
    }

    .section-trade2 .items-parent02 .img-h {
        width: 190px;
        float: left;
    }
    .rtl-page .section-trade2 .items-parent02 .img-h {
        float: right;
    }
}

@media (max-width: 1000px) {
    .section-trade2 .items-parent {
        padding: 40px 0;
        flex-direction: column;
    }

    .section-trade2 .img-h {
        margin: 0 auto 20px;

    }

    .section-trade2 .item.reversed .txt-h {
        padding-left: 0;
    }

    .section-trade2 .items-parent03 .img-h {
        margin-bottom: 75px;
    }
    .section-trade2 h3 {
        text-align: center;
    }
    .rtl-page .section-trade2 .item.reversed .txt-h,
    .rtl-page .section-trade2 .txt-h.reversed,
    .section-trade2 .txt-h.reversed,
    .rtl-page .section-trade2 .txt-h,
    .section-trade2 .txt-h {
        padding-right: 0;
        padding-left: 0;
    }
}
@media (max-width: 768px) {
    .section-trade2 .item.reversed .items-parent:after {
        top: -108px;
    }

    .section-trade2 h3 {
        position: relative;
        z-index: 1;
    }

    .section-trade2 .item .items-parent:after {
        display: none;
    }


    .section-trade2 .items-parent.bg-blue-light-after:before,
    .section-trade2 .items-parent.bg-green-light-after:before {
        height: 5000px;
        position: absolute;
        width: 90%;
        margin: 0 auto;
        left: 0;
        right: 0;
        content: '';
        z-index: -1;

    }

    .section-trade2 .items-parent.bg-blue-light-after:before {
        background: #F2F6F8;
        bottom: 0;
    }

    .section-trade2 .items-parent.bg-green-light-after:before {
        background: #F8F7F2;
        top: -65px;
    }

    .section-trade2 .items {
        overflow: hidden;
    }

    .section-trade2 .items-parent02 .btn-h{justify-content: center;}
}

@media (max-width: 600px) {
    .section-trade2 .txt-h .icon-contactus {
        font-size: 100px;
    }

    .section-trade2 .icon-trade {
        font-size: 100px;
    }

    .section-trade2 .items-parent02 .img-h {
        width: 130px;
        margin-bottom: 0;
    }
}

@media (max-width: 480px) {

    .section-trade2 .item.reversed .txt-h ul {
        font-size: 14px;
    }

    .section-trade2 .items-parent02 .txt-h {
        padding-left: 0 !important;
    }

    .section-trade2 .items-parent {
        padding: 10px 0;
    }
    .section-trade2 .item {
        margin-bottom: 10px;
    }
    .section-trade2 h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .section-trade2 .font-sz30 {
        font-size: 24px;
        line-height: 30px;
    }

    .section-trade2 .items-parent03 .img-h {
        margin-bottom: 30px;
    }

    .section-trade2 .txt-h .icon-contactus {
        font-size: 75px;
        right: 20px;
    }

    .section-trade2 .icon-trade {
        font-size: 80px;
    }

    .section-trade2 .items-parent02 .img-h {
        width: 100px;
        padding-top: 0;
    }

    .section-trade2 .items-parent02 {
        padding-bottom: 25px;
    }

    .section-trade2 .item {
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .section-trade2 .heading-decor {
        font-size: 24px;
    }

    .section-trade2 ul {
        padding-left: 20px;
    }
    .section-trade2 .line-decor {
        margin: 10px auto 20px;
    }

    .section-trade2 .line-decor-dark {
        width: 190px;
    }

    .section-trade2 .items-parent.bg-blue-light-after:before, .section-trade2 .items-parent.bg-green-light-after:before {
        width: 190px;
    }

    .rtl-page .section-trade2 .txt-h .icon-contactus {
        left: 20px;
    }
    .section-trade2 {
        padding: 25px 0 20px;
    }

}

.marker-green::marker {
    color: #00A64E;
}
.marker-yellow::marker {
    color: #c4523e;
}
.marker-red::marker {
    color: #D52B1E;
}


/*steps-navigation*/

.steps-navigation {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 30px;
}

.steps-navigation .step-item {
    width: calc(50% - 50px);
    margin-bottom: 50px;
    display: flex;
    flex-direction: column;
}

.steps-navigation .step-item ul {
    margin-bottom: 20px;
}
.steps-navigation .step-item ul ul{
  list-style-type: disc;
}

.steps-navigation .step-item .num {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #c4523e;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 24px;
    line-height: 29px;
    color: #fff;
    margin-bottom: 16px;
}
.steps-navigation .step-item .step-item-image01{
  margin-top: 80px;
  margin-bottom: 20px;
}
@media (max-width: 1000px) {
    .steps-navigation .step-item {
        width: 100%;
        margin-bottom: 20px;
    }

    .steps-navigation .step-item .num {
        margin: 0 auto 16px;
    }
    .steps-navigation .image{width: 100%;}


  .steps-navigation .step-item .step-item-image01{
    margin-top: 0;
  }
}
@media (max-width: 480px) {

    .steps-navigation .step-item {
        margin-bottom: 5px;
    }

    .steps-navigation {
        padding-top: 0;
    }

    .steps-navigation .step-item ul {
        margin-bottom: 10px;
    }

    .steps-navigation .step-item .num {
        width: 29px;
        height: 29px;
        font-size: 18px;
        line-height: 29px;
        margin-bottom: 15px;
    }
    
}



/*section-autochartlist01*/

.section-autochartlist1 {
    padding: 0 0 30px;
}
.section-autochartlist1 .items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.section-autochartlist1 .txt-h {
    flex: 1;
    padding-right: 25px;
}

.section-autochartlist1 .img-h {
    margin-top: -90px;
    width: 505px;
}

.rtl-page .section-autochartlist1 .txt-h {
    padding-right: 0;
    padding-left: 25px;
}
@media (max-width: 900px) {
    .section-autochartlist1 .img-h {
        margin-top: 0;
        width: 400px;
    }
}
@media (max-width: 768px) {
    .section-autochartlist1 .txt-h,
    .section-autochartlist1 .img-h {
        width: 100%;
        padding: 0 !important;
    }

    .section-autochartlist1 .img-h {
        margin-bottom: 20px;
    }

    .section-autochartlist1 .items {
        flex-direction: column-reverse;
    }
}
@media (max-width: 480px) {
    .section-autochartlist1 {
        padding: 20px 0;
    }
}


/*section-autochartlist2*/
.section-autochartlist2 .items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.section-autochartlist2 .img-h {
    padding: 55px 50px;
    width: 478px;
    position: relative;
    display: flex;
    align-items: center;
}

.section-autochartlist2 .img-h:after {
    position: absolute;
    top: 0;
    background: #F2F8F3;
    content: '';
    right: 0;
    height: 100%;
    width: 1500px;
}

.section-autochartlist2 .img-h:before {
    position: absolute;
    top: -1px;
    background: #0A6C02;
    content: '';
    right: 0;
    height: 1px;
    width: 620px;
}
.section-autochartlist2 .txt-h {
    padding-left: 15px;
    flex: 1;
}
.section-autochartlist2 .txt-h h2 {
    padding-left: 53px;
    margin-top: -7px;
}
.section-autochartlist2 .rounded {
    position: relative;
    z-index: 1;
}
.section-autochartlist2 .button {
    margin: 32px 0 25px;
    min-width: 223px;
}
.rtl-page .section-autochartlist2 .txt-h {
    padding-left: 0;
    padding-right: 15px;
}
.rtl-page .section-autochartlist2 .img-h:after,
.rtl-page .section-autochartlist2 .img-h:before {
    right: auto;
    left: 0;
}
.rtl-page .section-autochartlist2 .txt-h h2 {
    padding-left: 0;
    padding-right: 53px;
}
@media (max-width: 900px) {
    .section-autochartlist2 .img-h {
        padding: 20px;
        width: 380px;
    }
}

@media (max-width: 768px) {
    .section-autochartlist2 .txt-h h2 {
        padding-left: 0;
        margin-top: 0;
    }

    .rtl-page .section-autochartlist2 .txt-h h2 {
        padding-left: 0;
        padding-right: 0;
    }

    .rtl-page .section-autochartlist2 .txt-h {
        padding-left: 0;
        padding-right: 0;
    }

    .section-autochartlist2 .txt-h {
        padding-left: 0;
    }

    .section-autochartlist2 .image{
        margin-bottom: 20px;
    }
    .section-autochartlist2 h2 {
        text-align: center;
        position: relative;
        z-index: 1;
        margin-bottom: 16px;
    }

    .section-autochartlist2 {
        position: relative;
        border-top: 1px solid #0A6C02;
        padding-top: 16px;
    }

    .section-autochartlist2:after {
        background: #F2F8F3;
        border-radius: 0px 0px 5px 0px;
        position: absolute;
        top: 0;
        width: 100%;
        left: 0;
        height: 25%;
        content: '';
    }
    .section-autochartlist2 .button {
        margin: 18px 0 16px;
        min-width: 223px;
    }
}
/*section-autochartlist3*/
.section-autochartlist3 {
    padding: 55px 0 35px;
    position: relative;

}
.section-autochartlist3:after {
    position: absolute;
    left: 0;
    background: #F2F8F3;
    height: 133px;
    width: 100%;
    content: '';
    bottom: 0;
}
.section-autochartlist3 .items {
    display: flex;
    justify-content: space-between;
    padding-top: 40px;
    position: relative;
    z-index: 1;
    max-width: 1090px;
    margin: 0 auto;
}
.section-autochartlist3 .item {
    width: 300px;
    background: #F2F6F8;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    padding: 0 19px 25px;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #13273D;
}
.section-autochartlist3 .img-h{
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background: #eee;
    border-radius: 5px;
    padding: 8px;
    max-width: 201px;
    margin: -20px auto 32px;
}
.section-autochartlist3 .img-h .rounded{
  position: relative;
  width: 100%;
  padding: 0 0 56.75675675675676%;
}
.section-autochartlist3 .img-h .rounded img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-autochartlist3 .txt-h .ttl {
    font-size: 20px;
    line-height: 22px;
    font-weight: 900;
    margin-bottom: 27px;
    display: inline-block;
}
.section-autochartlist3 .txt-h p {
    margin-bottom: 0;
}
.section-autochartlist3 .main-holder {
    position: relative;
}
.section-autochartlist3 .main-holder:before {
    position: absolute;
    top: -35px;
    background: #c84731;
    content: '';
    left: 15px;
    height: 1px;
    width: 2000px;
}

@media (max-width: 1000px) {
    .section-autochartlist3 .item {
        width: calc(33.33% - 10px);
    }
}

@media (max-width: 768px) {
    .section-autochartlist3 .txt-h .ttl {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 25px;
    }
    .section-autochartlist3 .item {
        width: 100%;
        margin-bottom: 75px;
        position: relative;
        border-bottom: 1px solid #0A6C02;
    }

    .section-autochartlist3 .item:last-of-type {
        margin-bottom: 0;
    }

    .section-autochartlist3 .item:after {
        position: absolute;
        left: -300px;
        background: #F2F8F3;
        height: 178px;
        width: 1000px;
        content: '';
        bottom: -30px;
        z-index: -1;
    }

    .section-autochartlist3:after {
        display: none;
    }


    .section-autochartlist3 .items {
        flex-direction: column;
    }

}

@media (max-width: 480px) {

    .section-autochartlist3 {
        padding: 30px 0 0;
    }

    .section-autochartlist3 .main-holder:before {
        top: -20px;
        left: 0;
        width: 60%;
        right: 0;
        margin: 0 auto;
    }

    .section-autochartlist3 .item {
        padding: 0 13px 25px;
    }

}



/*section-autochartlist4*/
.section-autochartlist4 {
    padding: 50px 0 20px;
}
.section-autochartlist4 .items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.section-autochartlist4 .items:before {
    position: absolute;
    bottom: -20px;
    background: #13273D;
    content: '';
    right: 0;
    height: 1px;
    width: 100%;
}
.section-autochartlist4 .img-h {
    padding: 55px 50px;
    width: 478px;
    display: flex;
}
.section-autochartlist4 .txt-h {
    padding-right: 18px;
    flex: 1;
}
.section-autochartlist4 .rounded {
    position: relative;
    z-index: 1;
}
.section-autochartlist4 .button {
    margin: 20px 0 25px;
    min-width: 223px;
}

.rtl-page .section-autochartlist4 .txt-h {
    padding-right: 0;
    padding-left: 18px;
}

@media (max-width: 900px) {
    .section-autochartlist4 .img-h {
        padding: 20px;
        width: 380px;
    }
}

@media (max-width: 768px) {

    .section-autochartlist4 .items {
        flex-direction: column;
    }

    .section-autochartlist4 .mb60 {
        margin-bottom: 20px;
    }

    .section-autochartlist4 h2 {
        text-align: center;
        margin-bottom: 20px;
    }

    .section-autochartlist4 {
        padding: 35px 0 20px;
    }
    .section-autochartlist4 .txt-h {
        padding-right: 0;
    }
}
@media (max-width: 480px) {
    .section-autochartlist4 .button {
        margin: 18px auto 16px;
        min-width: 223px;
        display: flex;
        max-width: 223px;
    }

}
/*section-autochartlist5*/
.section-autochartlist5 {
    padding: 45px 0;
}
.section-autochartlist5 .items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -14px
}
.section-autochartlist5 .item {
    width: calc(25% - 18px);
    text-align: center;
    margin: 0 9px 0;
}
.section-autochartlist5 .item-content {
    font-size: 27px;
    line-height: normal;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 385px;
    margin: 0 0 35px;
    padding: 30px 20px;
    background: #fff;
    border-radius: 10px;
    text-decoration: none;
    color: #000;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    font-weight: 400;
}
.section-autochartlist5 .item-content .decor {
    flex: 1;
    display: flex;
    min-height: 232px;
    margin: -30px -20px;
    padding: 0 20px;
    color: #fff;
    font-size: 35px;
    justify-content: center;
    align-items: center;
    background: #9be451 url(images/bg-autochartist-s05-decor.png) no-repeat 0 100%;
    background-size: cover;
    border-radius: 10px
}
.section-autochartlist5 .item-content .img-h + .decor{
	border-radius: 0 0 10px 10px;
}
.section-autochartlist5 .item-content strong {
    display: block;
    margin-bottom: 27px;
    font-weight: 800;
}
.section-autochartlist5 .item-decor strong {
    margin-bottom: 0
}
.section-autochartlist5 .item-content .img-h {
    display: block;
    margin: 0 0 20px
}
.section-autochartlist5 .item-content .img-h img {
    max-height: 42px
}
.section-autochartlist5 .item-decor .img-h {
    margin: 8px 0 72px
}
.section-autochartlist5 .item-decor .img-h img {
    max-height: 33px
}
.section-autochartlist5 .item-footer {
    font-size: 16px;
    font-family: Montserrat;
    font-weight: 500;
    color: #fff;
    text-decoration: none;
    background: #c4523e;
    border-radius: 5px;
    padding: 8px;
}
.section-autochartlist5 .item-footer a {
    color: #fff;
    text-decoration: none;
}

@media (max-width: 1200px) {
    .section-autochartlist5 .item {
        width: calc(50% - 18px);
        margin: 0 9px 30px;
    }

    .section-autochartlist5 .items {
        max-width: 700px;
        margin: 0 auto;
    }

    .section-autochartlist5 {
        padding: 45px 0 10px;
    }

}
@media (max-width: 600px) {
    .section-autochartlist5 .item {
        width: 100%;
    }

    .section-autochartlist5 .items {
        max-width: 300px;
        margin: 0 auto;
    }

    .section-autochartlist5 .item-footer {
        width: calc(100% + 40px);
        margin-left: -20px;
    }

    .rtl-page .section-autochartlist5 .item-footer {
        margin-left: 0;
        margin-right: -20px;
    }
}

@media (max-width: 480px) {
    .section-autochartlist5 .item {
        margin: 0 9px 45px;
    }

    .section-autochartlist5 .item:last-of-type {
        margin: 0 9px 25px;
    }

    .section-autochartlist5 .item-content {
        margin: 0 0 25px;
    }

    .section-autochartlist5 .items {
        max-width: 222px;
    }

    .section-autochartlist5 .item-footer {
        width: calc(100% + 76px);
        margin-left: -38px;
    }

    .section-autochartlist5 .item-content {
        font-size: 18px;
        min-height: 279px;
        padding: 25px 15px;
    }

    .section-autochartlist5 .item-content .decor {
        margin: 0 -15px -30px;
        font-size: 24px;
        min-height: 196px;
    }

    .section-autochartlist5 .item-decor .img-h {
        margin: 0 0 27px;
    }
    .rtl-page .section-autochartlist5 .item-footer {
        margin-left: 0;
        margin-right: -38px;
    }

}


/*section-autochartlist6*/
.section-autochartlist6 {
    padding: 50px 0;
    position: relative;
}
.section-autochartlist6:before {
    position: absolute;
    background: url(images/bg-decor11.png) no-repeat 100% 0;
    width: 100%;
    height: 226px;
    content: '';
    top: 0;
    right: 0;
    margin: 0 auto;
}
.section-autochartlist6 .items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.section-autochartlist6 .img-h {
    width: 424px;
    display: flex;
    align-items: center;
}
.section-autochartlist6 .txt-h {
    padding-left: 25px;
    flex: 1;
}

.section-autochartlist6 ul {
    list-style: none;
}
.section-autochartlist6 strong {
    font-size: 20px;
    color: #c4523e;
    position: relative;
    padding-left: 20px;
}
.section-autochartlist6 strong:before {
    position: absolute;
    top: 8px;
    left: 0;
    background: #c4523e;
    content: '';
    border-radius: 50%;
    width: 10px;
    height: 10px;
}
.rtl-page .section-autochartlist6 .txt-h {
    padding-left: 0;
    padding-right: 25px;
}

@media (max-width: 1000px) {
    .section-autochartlist6 .txt-h {
        padding-left: 0;
    }

    .rtl-page .section-autochartlist6 .txt-h {
        padding-left: 0;
        padding-right: 0;
    }

    .section-autochartlist6 .img-h {
        width: 380px;
    }
}
@media (max-width: 768px) {
    .section-autochartlist6 .items {
        flex-direction: column;
    }

    .section-autochartlist6 .img-h {
        margin: 20px 0;
    }

    .section-autochartlist6 ul {
        padding: 0;
    }

    .section-autochartlist6 {
        background: #F2F8F3;
    }

    .section-autochartlist6 strong {
        font-size: 14px;
        padding-left: 20px;
    }

    .section-autochartlist6 strong:before {
        top: 6px;
        width: 5px;
        height: 5px;
        left: 6px;
    }

    .section-autochartlist6 .img-h {
        width: 100%;
    }

    .section-autochartlist6 .img {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .section-autochartlist6 {
        padding: 25px 0;
    }
}


/*section-platform */
.section-platform .btn-h {
    margin-top: 47px;
}
.section-platform .btn-h .button {
    width: 378px;
}
.section-platform .items {
    display: flex;
    align-items: center;
    margin-bottom: 45px;
}
.section-platform .items-video {
    flex-wrap: wrap;
    justify-content: space-between;
}
.section-platform .items-video .video-h {
    padding: 0;
    margin-bottom: 55px;
    position: relative;
}
.btn-info {
    position: absolute;
    top: 12px;
    right: 12px;
    color: #fff;
    z-index: 9;
    font-size: 43px;
    text-decoration: none;
}
.rtl-pgae .btn-info {
  right: auto;
  left: 12px;
}
@media (max-width: 600px) {
    .btn-info {
        top: 10px;
        right: 10px;
        font-size: 25px;
    }
    .btn-info {
        top: 10px;
        right: 10px;
    }
    .rtl-page .btn-info {
        right: auto
        left: 10px;
    }
    .section-platform .items {
      margin-bottom: 20px;
    }
}

.section-platform .video-h {
    width: 477px;
    padding-top: 15px;
}

.section-platform .video-h .video-link{
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  font-weight: 400;
  /*word-break: break-all;*/
  color: #466B93;
}
.section-platform .txt-h {
    flex: 1;
    padding-left: 10%;
    display: flex;
    flex-direction: column;
}

.section-platform .txt-h ul {
    padding-left: 20px;
}

.section-platform .triangle-h span {
    width: 0;
    height: 0;
    border-top: 35px solid transparent;
    border-left: 60px solid #466B93;
    border-bottom: 35px solid transparent;
    display: block;
    position: relative;
    top: 53px;
    left: 70px;
}

.section-platform .triangle-h {
    position: absolute;
    width: 177px;
    height: 177px;
    background: #fff;
    top: 47%;
    border-radius: 50%;
    transform: translateY(-50%);
    right: 0;
    left: 0;
    margin: 0 auto;
}

.section-platform .video-h-child {
    position: relative;
    display: block;
    margin-bottom: 5px;
}

.section-platform .list {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section-platform .list li {
    display: inline-block;
}

.section-platform {
    padding: 0 0 45px;
}

.section-platform h2 {
    font-family: 'Lato', sans-serif;
    font-size: 24px;
}

.section-platform .list li:before {
    width: 7px;
    height: 7px;
}

.section-platform .ttl {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: 25px;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    /* identical to box height */
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}


.rtl-page .section-platform .txt-h {
    padding-left: 0;
    padding-right: 10%;
}

.rtl-page .section-platform .triangle-h span {
    border-right: 60px solid #466B93;
    border-left: 0;
    left: -70px;
}
@media (max-width: 1000px) {
    .section-platform .txt-h {
        padding-left: 3%;
    }

    .rtl-page .section-platform .txt-h {
        padding-right: 0;
    }
}
@media (max-width: 900px) {
    .section-platform .items {
        flex-direction: column-reverse;
    }

    .section-platform .video-h {
        padding-top: 0;
        margin-bottom: -30px;
    }

    .section-platform .btn-h {
        margin-top: 25px;
        display: flex !important;
        justify-content: center;
        margin-bottom: 20px;
    }
}
@media (max-width: 768px) {
    .section-platform h2 {
        text-align: center;
    }
    .section-platform .video-h .video-link{
      font-size: 12px;
      line-height: 14px;
    }
    .section-platform .items-video .video-h {
        margin-bottom: 30px;
    }
}
@media (max-width: 480px) {
    .section-platform .btn-h {
        margin-top: 23px;
    }

    .section-platform .video-h {
        margin-bottom: -20px;
    }

    .section-platform .list {
        font-size: 14px;
        text-align: left;
        display: block;
    }

    .section-platform .list li:before {
        width: 4px;
        height: 4px;
    }

    .section-platform {
        padding: 0 0 10px;
    }

    .section-platform .btn-h .button {
        width: 265px;
    }

    .section-platform .video-h {
        width: 100%;
    }

    .section-platform .triangle-h {
        width: 81px;
        height: 81px;
    }

    .section-platform .triangle-h span {
        border-top: 16px solid transparent;
        border-left: 28px solid #466B93;
        border-bottom: 16px solid transparent;
        top: 25px;
        left: 30px;
    }

    .section-platform .ttl {
        bottom: 16px;
        font-size: 14px;
        line-height: 18px;
    }

    .section-platform h2 {
        font-family: 'Lato', sans-serif;
        font-size: 20px;
        max-width: 220px;
        margin-right: auto;
        margin-left: auto;
    }

    .section-platform .txt-h ul {
        margin: 0;
    }

    .rtl-page .section-platform .triangle-h span {
        border-right: 28px solid #466B93;
        left: -30px;
    }
    .section-platform .items-video .video-h {
        margin-bottom: 16px;
    }
    .section-platform .font-sz30 {
        font-size: 20px;
        line-height: 24px;
    }
}



/*section-platform-tabs */
.section-platform-tabs {
    display: flex;
    justify-content: center;
    margin-top: -45px;
    margin-bottom: 45px;
}

.section-platform-tabs .tab {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    background: #13273D;
    color: #fff;
    border: 1px solid #13273D;
    border-radius: 0 0 5px 5px;
    width: 210px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
    margin: 0 1px;
    cursor: pointer;
    border-top: 0;
}

.section-platform-tabs .tab.active {
    color: #13273D;
    background: #FFFFFF;
    cursor: default;
    pointer-events: none;
}

.section-platform-tabs .tab [class*=icon-] {
    margin-right: 10px;
    font-size: 27px;
}



.rtl-page .section-platform-tabs .tab [class*=icon-] {
    margin-right: 0;
    margin-left: 10px;
}
@media (max-width: 767px) {
  .section-platform-tabs {
    margin-top: -15px;
    margin-bottom: 25px;
  }
}

@media (max-width: 480px) {
    .section-platform-tabs .tab {
        font-size: 18px;
        line-height: 22px;
        width: 145px;
        height: 40px;
    }

    .section-platform-tabs .tab [class*=icon-] {
        margin-right: 8px;
        font-size: 20px;
        position: relative;
        top: -2px;
    }

    .rtl-page .section-platform-tabs .tab [class*=icon-] {
        margin-left: 8px;
    }
}






.tab_item {
    display: none;
}

.tab_item:first-child {
    display: block;
}


@media (max-width: 1200px) {
    .img-h-first {
        order: 2;
        max-width: 700px !important;
    }

    .txt-h-first {
        order: 1;
    }

    .img-h-second {
        order: 0;
        margin-top: -116px;
    }

    .txt-h-second {
        order: 3;
    }

    .heading-decor2 {
        margin: -25px 0px 10px 0px;
    }
}


@media (max-width: 1000px) {

    .two-lines-full:before, .two-lines-full:after {
        width: 100%;
    }

    .line-decor-dark {
        width: 90%;
    }

}

@media (max-width: 900px) {
    .visible-mobile-900 {
        display: block !important;
    }

    .heading-decor:after {
        display: none;
    }

    .ttl-dubb {
        font-size: 20px;
        line-height: 24px;
        text-align: left;
        top: 0;
        left: 0;
    }

    .to-right {
        text-align: left;
    }

    .heading-decor.to-right span {
        padding: 0;
    }

    .rtl-page .ttl-dubb {
        right: 0;
    }


    .font-sz36, *[class] .font-sz36 {
        font-size: 30px;
    }

    .heading-decor {
        text-align: center !important;
    }

    .heading-decor span {
        padding: 0 !important;
    }
}


@media (max-width: 768px) {
    .hidden-mobile {
        display: none !important;
    }

    .visible-mobile {
        display: block !important;
    }

    .heading-decor {
        font-size: 28px;
        line-height: 33px;
        margin-bottom: 30px;
    }

    .btn-sign-up-h {
        margin-bottom: 65px;
    }

    .heading-decor2 {
        margin: -25px 0 16px 0 !important;
    }

    .heading-decor2 .item {
        display: flex;
        padding-right: 0;
        flex-direction: column;
        align-items: center;
        background: transparent;
    }

    .heading-decor2 .img-h {
        margin: 0 0 35px;
    }

    .heading-decor2:after {
        top: 103px;
        width: 60%;
        right: 0;
        margin: 0 auto;
    }


    .rtl-page .heading-decor2 .img-h {
        margin-right: 0;
        margin-left: 0;
    }

    .rtl-page .heading-decor2 .item {
        padding-right: 0;
        padding-left: 0;
    }

}



@media (max-width: 480px) {

    .mb45 {
        margin-bottom: 20px;
    }
    .font-sz36, *[class] .font-sz36 {
        font-size: 24px;
    }

    .font-sz28, *[class] .font-sz28 {
        font-size: 18px;
    }
    .font-sz18, *[class] .font-sz18 {
        font-size: 14px;
    }


    .heading-decor {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 30px;
        text-align: center;
    }

    .ttl-dubb {
        text-align: center;
        font-size: 14px;
        line-height: 17px;
        top: 10px;
    }

    .view-btn {
        font-size: 18px;а
    }

    .line-decor {
        width: 190px;
        margin: 0 auto;
    }

    .btn-sign-up-h {
        margin-bottom: 30px;
    }


    .img-icon {
        margin-right: 0;
        margin-bottom: 16px;
    }

    .rtl-page .heading-contact .img-icon {
        margin-right: 0;
        margin-left: 0;
    }


    .step-item ul img {
        margin-left: -20px;
    }

    .line-decor-dark {
        margin: 0 auto 16px;
    }

    .rtl-page .step-item img {
        margin-left: 0;
        margin-right: -20px;
    }

    .heading-decor2:after {
        width: 190px;
    }

    .heading-decor2 .sub-ttl {
        font-size: 24px;
        line-height: 32px;
    }


}




/* payment */
.payment-carousel{
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	padding: 16px 20px;
}
.payment-carousel .slick-arrow{
	position: absolute;
	top: 50%;
	margin-top: -24px;
	width: 26px;
	height: 48px;
	line-height: 48px;
	border: 0;
	padding: 0;
	font-size: 0;
	color: #C4C4C4;
	background: rgba(242, 245, 247, 0.6);
	box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.08);
	text-align: center;
	cursor: pointer;
}
.payment-carousel .slick-arrow:before{
	content: "";
	display: inline-block;
	vertical-align: top;
	font-family: 'icomoon';
	font-size: 25px;
	line-height: 48px;
}
.payment-carousel .slick-prev{
	border-radius: 10px 0 0 10px;
	left: 0;
}
.payment-carousel .slick-prev:before{
	content: "\e902";
}
.payment-carousel .slick-next{
	border-radius: 0 10px 10px 0;
	right: 0;
}
.payment-carousel .slick-next:before{
	content: "\e903";
}
.payment-carousel .items{
	display: flex;
	padding: 0 25px;
	align-items: center;
}
.payment-carousel .item{
	padding: 0 20px;
	min-height: 48px;
}
.payment-carousel .item img{
	max-height: 48px;
}
.payment-carousel .slick-track{display: flex;}
.payment-carousel .slick-slide{
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: auto;
}
@media (max-width: 479px) {
	.payment-carousel .item{
		padding: 0 8px;
	}
}

/*footer*/
.f-logo{
	display: inline-block;
	vertical-align: top;
	width: 100px;
	height: 58px;
	margin: 0 0 40px;
}
.f-logo a{
	display: block;
	height: 100%;
	overflow: hidden;
	text-indent: -9999px;
	background: url(images/logo.svg) no-repeat;
	background-size: 100% 100%;
}
.footer-main{
	background: #333F4D;
	padding: 40px 0 20px;
	color: #fff;
}
.footer-main > .main-holder{
	display: flex;
}
.footer-info{
	width: 350px;
	margin: 0 50px 0 0;
}
.footer-info-text{
	padding-bottom: 50px;
}
.footer-regulated{
	font-size: 18px;
	line-height: 22px;
	font-weight: 400;
}
.footer-regulated p{margin-bottom: 5px;}
.footer-regulated .item{
	font-size: 12px;
}
.footer-regulated .item span{
	display: flex;
	align-items: center;
}
.footer-regulated .item strong{
	display: block;
	text-align: center;
	margin: 0 5px;
	font-size: 18px;
	font-weight: 900;
}
.footer-regulated .item img{
	max-width: none;
	max-height: none;
}

.footer-nav{
	flex: 1 1 auto;
	font-size: 18px;
	line-height: 22px;
	font-weight: 300;
	padding: 20px 0;
}
.footer-nav ul{
	margin: 50px 0 0;
	padding: 0;
	list-style: none;
}
.footer-nav ul li{margin: 0 0 45px;}
.footer-nav ul li a{
	display: inline-block;
	vertical-align: top;
	position: relative;
	color: #fff;
	text-decoration: none;
}
.footer-nav ul li a:hover{text-decoration: underline;}
.footer-nav > ul{
	display: flex;
	justify-content: space-between;
	margin: 0 -15px;
}
.footer-nav > ul > li{
	padding: 0 15px 15px;
	margin-bottom: 0;
}
.footer-nav > ul > li > a{
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
}
.footer-social{
	background: #c8cbcf;
	padding: 20px 0;
}
.footer-social .hold{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.footer-social .btns{
	display: flex;
	flex-wrap: wrap;
}
.footer-social .btns > *{
	display: inline-block;
	vertical-align: top;
	margin: 0 14px;
}
.social{
	display: flex;
	/*flex-wrap: wrap;*/
}
.social > *{
	display: inline-block;
	vertical-align: top;
	margin: 0 14px;
}
.social a,
.social a:hover{text-decoration: none;}
.social *[class*=icon-]{
	width: 39px;
	height: 39px;
	background: rgba(0, 0, 0, 0.5);
	border: 0.75px solid #B7B7B7;
	box-sizing: border-box;
	border-radius: 5px;
	color: #fff;
	font-size: 27px;
	line-height: 39px;
	text-align: center;
}

.footer-text{
	padding: 25px 0;	
  padding-bottom: 100px;
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	color: rgba(132,132,132,0.62);
}
.footer-text a{color: rgba(132,132,132,0.62);}
.footer-text p{margin-bottom: 14px;}
.footer-text > *:last-child{margin-bottom: 0;}

@media (max-width: 1000px) {
	.footer-main{
		padding-top: 25px;
	}
	.footer-main > .main-holder{
		display: block
	}
	.footer-info{
		width: auto;
		padding: 0 10px 15px;
	}
	.footer-info,
	.rtl-page .footer-info{
		margin: 0;
	}
	.f-logo{
		display: block;
		margin: 0 auto 40px;
	}
	.footer-regulated{
		text-align: center
	}
	.footer-regulated .item span{
		justify-content: center;
	}
	.footer-info-text{
		padding-bottom: 0;
	}
	.footer-nav{
		border: 1px solid #fff;
		border-width: 1px 0 0;
	}
}
@media (max-width: 767px) {
	.footer-nav{
		border: 0;
		font-size: 14px;
		line-height: 17px;
		text-align: center;
		padding-bottom: 0;
	}
	.footer-nav ul{margin-top: 25px}
	.footer-nav ul li{
		margin-bottom: 25px;
	}
	.footer-nav > ul{
		flex-wrap: wrap;
		margin: 0 0 -25px;
	}
	.footer-nav > ul > li{
		width: 50%;		
		position: relative;
		padding: 25px 0 10px;
		margin-bottom: 0;
	}
	.footer-nav > ul > li:before{
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		height: 1px;
		background: #fff;
	}
	.footer-nav > ul > li > a{
		font-size: 16px;
		line-height: 19px;
	}
	.footer-social{
		padding: 15px 0;
	}
	.footer-social .hold{
		display: block
	}
	.social{
		margin: 0 -11px;
		justify-content: center;
	}
	.social > *{margin: 0 11px;}
	.social *[class*=icon-]{
		width: 28px;
		height: 28px;
		font-size: 20px;
		line-height: 26px;
	}
	.footer-social .btns{
		margin: 0 -4px;
		justify-content: center;
	}
	.footer-social .social + .btns{
		margin-top: 25px;
	}
	.footer-social .btns > *{
		margin: 0 4px;
	}
	.footer-text{
		padding: 15px 0;
		font-size: 10px;
		line-height: 12px;
	}
	.footer-text p{margin-bottom: 12px}
}
@media (max-width: 479px) {
	.footer-social .btns img{max-height: 29px;}
}


.footer-panel{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 30px;
	height: 78px;
	background: #1E3146
}
.footer-panel .item{
  position: relative;
  z-index: 50;
}
.footer-panel .item > .link{
	display: block;
	width: 50px;
	text-align: center;
	font-size: 45px;
	line-height: 48px;
	color: #fff;
}
.footer-panel .item > .link:hover{text-decoration: none;}
.footer-panel .item > .link > *[class*=icon-]{
	display: inline-block;
	vertical-align: top;
	-webkit-transition: all .3s ease;
					transition: all .3s ease;
}
.footer-panel .item > .link.active > *[class*=icon-]{
	font-size: 35px;
}
.footer-panel .item > .link.active > *[class*=icon-]:before{
	content: "\e91f";
}
.footer-panel .drop{
	opacity: 0;
	visibility: hidden;
	position: absolute;
	bottom: calc(100% + 22px);
	min-width: 302px;
	left: 0;
	font-size: 20px;
	line-height: 26px;
	font-weight: 400;
	background: #F0F0F0;
	padding: 10px 10px 20px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	-webkit-transform: scale(0.8);
					transform: scale(0.8);
	-webkit-transform-origin: 0 100%;
					transform-origin: 0 100%;
	-webkit-transition: all 0.2s ease;
					transition: all 0.2s ease;
}
.rtl-page .footer-panel .drop{
	left: auto;
	right: 0;
-webkit-transform-origin: 100% 100%;
				transform-origin: 100% 100%;
}
.footer-panel .drop.opened{
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.footer-panel .drop:before{
	content: "";
	position: absolute;
	left: 17px;
	bottom: -10px;
	border-style: solid;
	border-width: 10px 8px 0 8px;
	border-color: #F0F0F0 transparent;
}
.rtl-page .footer-panel .drop:before{
	left: auto;
	right: 17px;
}
.footer-panel .drop ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.footer-panel .drop ul li{}
.footer-panel .drop ul li a{
	display: block;
	padding: 10px 25px;
	color: #000;
  text-decoration: none;
}
.footer-panel .drop ul li:nth-child(2n+1) a{
	background: rgba(255,255,255,0.7);
	border-radius: 3px;
}
.footer-panel .drop ul li.active a,
.footer-panel .drop ul li a:hover{
	text-decoration: none;
	color: #c84731;
}

.footer-panel .items-panel{
	flex: 1;
	display: flex;
	justify-content: center;
}
.footer-panel .items-panel .link{
	display: none;
}
.footer-panel .items-panel ul{
	display: flex;
}
.footer-panel .items-panel ul li{
	text-align: center;
	padding: 0 15px;
	min-width: 195px;
}
.footer-panel .items-panel ul li:nth-child(2n+1) a{background: transparent;}
.footer-panel .items-panel ul li > a{
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	color: #fff;
	padding: 0;
  text-decoration: none;
	-webkit-transition: all .3s ease;
					transition: all .3s ease;
} 
.footer-panel .items-panel ul li > a:hover,
.footer-panel .items-panel ul li.active > a{
	color: #fff;
	text-decoration: none;
}
.footer-panel .items-panel ul li > a *[class*=icon-]{
	display: inline-block;
	vertical-align: top;
	border-radius: 3px;
	background: #BEC3CD;
	text-align: center;
	width: 45px;
	height: 45px;
	font-size: 40px;
	line-height: 45px;
	text-align: center;
	color: #1E3146;
}
.footer-panel .items-panel ul li > a:hover *[class*=icon-],
.footer-panel .items-panel ul li.active > a *[class*=icon-]{background: #fff;}
.footer-panel .items-panel .drop{
	left: auto;
	right: 0;
	padding: 0;
	background: transparent;
	position: static;
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
					transform: scale(1);
	-webkit-transform-origin: 100% 100%;
					transform-origin: 100% 100%;
	box-shadow: none;
}
.footer-panel .items-panel .drop:before{
	content: none;
	left: auto;
	right: 17px;
}
.rtl-page .footer-panel .items-panel .drop{
	right: auto;
	left: 0;
	-webkit-transform-origin: 0 100%;
					transform-origin: 0 100%;
}
.rtl-page .footer-panel .items-panel .drop:before{
	right: auto;
	left: 17px;
}
@media (max-width: 1660px) {
	.footer-panel .items-panel ul li{
		min-width: 150px;
	}
}
@media (max-width: 1400px) {
	.footer-panel{
		justify-content: space-between;
	}
	.footer-panel .items-panel{
		flex:  0 0 auto;
	}
	.footer-panel .items-panel .link{
		display: block
	}
	.footer-panel .items-panel .drop{
		position: absolute;
		display: block;
		opacity: 0;
		visibility: hidden;
		background: #F0F0F0;
		padding: 10px 10px 20px;
		box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
		-webkit-transform: scale(0.8);
						transform: scale(0.8);
	}
	.footer-panel .items-panel .drop:before{content: "";}
	.footer-panel .items-panel .drop.opened{
		visibility: visible;
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	.footer-panel .items-panel ul{
		display: block
	}
	.footer-panel .items-panel ul li{
		text-align: right;
		padding: 0;
	}
	.rtl-page .footer-panel .items-panel ul li{
		text-align: left;
	}
	.footer-panel .items-panel ul li > a{
		display: flex;
		flex-direction: row-reverse;
		align-items:  center;
		padding: 10px 25px;
		color: #000;
		font-size: 20px;
		line-height: 26px;
		font-weight: 400;
	}
	.footer-panel .items-panel ul li:nth-child(2n+1) a{
		border-radius: 3px;
		background: #fff
	}
	.footer-panel .items-panel ul li > a br{display: none;}
	.footer-panel .items-panel ul li > a *[class*=icon-]{
		background: transparent;
		width: 40px;
		height: 40px;
		font-size: 40px;
		line-height: 40px;
		margin: -7px -15px -7px 25px;
	}
	.rtl-page .footer-panel .items-panel ul li > a *[class*=icon-]{
		margin: -7px 25px -7px -15px;
	}
	.footer-panel .items-panel ul li > a:hover,
	.footer-panel .items-panel ul li.active > a{color: #c84731}
	.footer-panel .items-panel ul li > a:hover *[class*=icon-],
	.footer-panel .items-panel ul li.active > a *[class*=icon-]{background: transparent;}
}


.time-panel{
	padding: 0 15px;
	font-size: 16px;
	line-height: 20px;
	color: rgba(255,255,255,0.8);
}
.time-panel .time{
	display: block;
	text-align: right;
	font-size: 24px;
	line-height: 30px;
	font-weight: 900;
	color: #fff;
}
.rtl-page .time-panel .time{
	direction: ltr;
	text-align: left;
}
@media (max-width: 1400px) {
	.time-panel{
		display: none;
	}
}


/* bootstrap tooltip */
.instance-tooltip {
  position: absolute !important;
  z-index: 1070;
  display: block;
  font: 13px/1.42857143 'Lato', sans-serif;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;
  line-break: auto;
}
.instance-tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.instance-tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.instance-tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.instance-tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.instance-tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.instance-tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.instance-tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}

.instance-tooltip .tooltip-inner {
  max-width: 290px;
  padding: 5px 10px;
  background-color: #fff;
  border: 1px solid #7d7d7d;
  border-radius: 4px;
}
.instance-tooltip .tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.instance-tooltip .tooltip-arrow:before{
  content: "";
  position: absolute;
  border-style: solid;
  z-index: -1;
}
.instance-tooltip.top .tooltip-arrow {
  bottom: 1px;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #fff;
}
.instance-tooltip.top .tooltip-arrow:before{
  bottom: -1px;
  left: 50%;
  margin-left: -7px;
  border-width: 7px 7px 0 7px;
  border-color: #333 transparent;
}
.instance-tooltip.right .tooltip-arrow {
  top: 50%;
  left: 1px;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #fff;
}
.instance-tooltip.right .tooltip-arrow:before{
  top: 50%;
  left: -1px;
  margin-top: -7px;
  border-width: 7px 7px 7px 0;
  border-color: transparent #333;
}
.instance-tooltip.left .tooltip-arrow {
  top: 50%;
  right: 1px;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #fff;
}
.instance-tooltip.left .tooltip-arrow:before{
  top: 50%;
  right: -1px;
  margin-top: -7px;
  border-width: 7px 0 7px 7px;
  border-color: transparent #333;
}
.instance-tooltip.bottom .tooltip-arrow {
  top: 1px;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #fff;
}
.instance-tooltip.bottom .tooltip-arrow:before {
  top: -1px;
  left: 50%;
  margin-left: -7px;
  border-width: 0 7px 7px 7px;
  border-color: #333 transparent;
}
@media (max-width: 767px) {
  .instance-tooltip {position: static !important;}
  .instance-tooltip .tooltip-arrow{display: none;}
  .instance-tooltip.left,
  .instance-tooltip.right{
    padding: 5px 0;
    margin: 0;
  }
  .instance-tooltip .tooltip-inner{max-width: none;}
}

/* popups */
.popup-overlay{display: none;}
.popup{
  max-width: 100%;
  max-height: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  display: none;
  /*min-width: 320px;*/
}
.popup-main{
  position: relative;
  background: #fff;
  /*margin: 30px;*/
}
.popup.out-of-window{overflow-y: scroll;}
.popup:after,.popup-content:after{
  display: block;
  clear: both;
  content: "";
}
.popup .close{
  position: absolute;
  right: 15px;
  top: 15px;
  width: 20px;
  height: 20px;
  z-index: 9999;
  text-align: center;
  color: #000;
  text-decoration: none;
  font-size: 16px;
  line-height: 20px;
}
.rtl-page .popup .close{
  right: auto;
  left: 15px;
}
.popup .close:before{
  display: inline-block;
  vertical-align: top;
  content: "\e91f";
  font-family: 'icomoon';
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.popup .close span{display: none;}
.popup .close:hover:before{
  -webkit-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
            transform:rotate(360deg);
}
/*.popup.out-of-window .popup-main,
.popup.left-aligned-popup .popup-main{margin: 0;}*/
.popup-heading{
  padding: 15px 20px;
}
.popup-footer{
  padding: 15px 20px;
}
.popup-media .close{
  font-size: 16px;
  top: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  right: 5px;
  background: #fff;
}
.rtl-page .popup-media .close{
  right: auto;
  left: 5px;
}
.popup-media .popup-main{
  border: 0;
  border-radius: 0;
  background: #000;
  padding: 0;
  margin: 0 30px;
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
}
.popup-media.left-aligned-popup{height: auto !important;}
.popup-media #internal-video{
  position: absolute;
  max-height: 100%;
  max-width: 100%;
}
.popup-media-area{
  position: relative;
  padding-bottom:56.25%;
  padding-top:0;
  height:0;
  overflow:hidden;
}
.popup-media-resz .popup-media-area{
  padding-bottom: 71.81818181818182%;
}
.popup-media-area iframe,
.popup-media-area video{
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
}
.popup-media .locked-area{
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0,0,0,0.85);
  font: 18px 'Lato', sans-serif;
  color: #fff;
  z-index: 10;
  text-align: center;
}
.popup-loading{
  text-align: center;
}
.popup-locked .locked-area{display: block;}
.popup-media .locked-area .inner{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 15px;
}
.popup-media .locked-area img{
  display: inline-block;
  vertical-align: top;
  margin: 0 0 35px;
}
.popup-media .locked-area a{
  color: #ca981f;
  font-weight: 700;
}
.popup-media .locked-area p{margin: 0 0 23px}


.popup-content{padding: 20px;}
.popup-heading:after,
.popup-content:after{
  content: "";
  display: block;
  clear: both;
}
.popup-heading{padding: 10px 20px;}
.popup-footer{padding: 10px 20px;}
.popup-heading > *:last-child,
.popup-footer > *:last-child{margin-bottom: 0;}
.popup-caption{
  position: absolute;
  top: 13px;
  left: -17px;
  background: #c4523e;
  height: 33px;
  padding: 0 40px;
  min-width: 210px;
  font-family: Montserrat;
  font-weight: bold;
  font-size: 24px;
  line-height: 33px;
  color: #FFFFFF;
  text-transform: uppercase;
}
.popup-caption:after{
  content: '';
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 0;
  height: 0;
  border-top: 12px solid #606060;
  border-left: 17px solid transparent;
}
.rtl-page .popup-caption{
  left: auto;
  right: -17px;
}
.rtl-page .popup-caption:after{
  left: auto;
  right: 0;
  border-left: 0;
  border-right: 17px solid transparent;
}
@media (max-width: 767px) {
  .popup-caption{
    left: -9px;
    height: 25px;
    padding: 0 30px;
    min-width: 155px;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
  }
  .popup-caption:after{
    bottom: -9px;
    border-top: 9px solid #606060;
    border-left: 8px solid transparent;
  }
  .rtl-page .popup-caption{
    left: auto;
    right: -9px;
  }
  .rtl-page .popup-caption:after{
    border-left: 0;
    border-right: 8px solid transparent;
  }
}


.popup-login{width: 262px;}
.popup-login .popup-main{
  background: #F8F9FA;
  border-radius: 5px;
  margin: 0;  
}
.popup-login .popup-content{
  padding: 63px 11px 15px;
}
.popup-login .forgot{
  font-size: 16px;
  line-height: 19px;
  font-weight: 500;
}
.popup-login .close{
  top: 20px;
  right: 10px;
}
.rtl-page .popup-login .close{
  right: auto;
  left: 10px;
}

.popup-courses-info{
  width: 724px;
}
.popup-courses-info .popup-main{
  color: #000;
  border-radius: 10px;
  border: 1px solid #1E3146;
  background: linear-gradient(180deg, #F5F5F5 0%, #FFFFFF 54.69%, #F5F5F5 100%);
}
.popup-courses-info .popup-content{
  padding: 80px 40px 50px;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
.popup-courses-info h3{
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 25px;
}
.popup-courses-info .item {
    display: flex;
}
.popup-courses-info .txt-h{
    padding-left: 16px;
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 100%;
}
.rtl-page .popup-courses-info .txt-h{
    padding-left: 0;
    padding-right: 16px;
}
.popup-courses-info .img-h {
    width: 303px;
}
.popup-courses-info .txt-h .btn-h{
  margin-top: auto;
}
/*.rtl-page .popup-courses-info .txt-h .btn-h {
      margin-right: 0;
}*/
@media (max-width: 767px) {
    .popup-courses-info .popup-content{
        padding: 60px 15px 25px;
        font-size: 12px;
        line-height: 15px;
    }
    .popup-courses-info .item {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .popup-courses-info .txt-h {
        padding: 16px 0 0;
    }
    .popup-courses-info .img-h {
        width: 100%;
    }
}


.popup-xsite{width: 645px;}
.popup-xsite .popup-content{padding: 40px 20px 5px;}
.popup-xsite h3{
  font-weight: 700;
  overflow: hidden;
  text-align: center;
  margin: 0 0 45px;
}
.popup-xsite h3 span{
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.popup-xsite h3 span:before,
.popup-xsite h3 span:after{
  content: "";
  position: absolute;
  top: 50%;
  height: 1px;
  background: #ca981f;
  width: 9999em;
}
.popup-xsite h3 span:before{
  right: 100%;
  margin-right: 10px;
}
.popup-xsite h3 span:after{
  left: 100%;
  margin-left: 10px;
}
.popup-xsite h4{
  font-size: 39px;
  line-height: 40px;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 0 45px;
}
.popup-xsite h4 .font01{
  display: inline-block;
  vertical-align: top;
  padding: 0 30px;
  margin: 8px 0 0;
  font: 218px/160px 'Bebas Neue', sans-serif;
  color: #ca981f;
}
.popup-xsite .button{
  text-align: initial;
  font-size: 15px;
  line-height: 17px;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.popup-xsite .button strong{
  font-size: 33px;
  line-height: 34px;
  font-weight: 700;
  padding: 0 15px;
}
@media (max-width: 767px) {
  .popup-xsite:not(.bio_ep) h3{margin: 0 0 25px;}
  .popup-xsite:not(.bio_ep) h4{
    font-size: 29px;
    line-height: 30px;
    font-weight: 400;
    margin: 0 0 25px;
  }
  .popup-xsite:not(.bio_ep) h4 .font01{
    display: block;
    text-align: center;
    font: 118px/120px 'Bebas Neue', sans-serif;
  }
}
.popup-finish-kyc{width: 440px;}
.popup-finish-kyc .popup-content{
  padding: 25px 10px 35px;
}
.popup-finish-kyc h3{
  font-size: 30px;
  line-height: normal;
  font-weight: 400;
  margin: 0 0 30px;
  text-transform: uppercase;
}
.popup-kyc{width: 1230px;}
.popup-kyc .popup-content{padding: 45px 15px 5px;}
.popup-kyc h3{
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  margin: 0 0 30px;
}
.popup-download-app{
  font: 22px/27px 'Lato', sans-serif;
}
.popup-download-app p{margin: 0 0 30px}

.popup-blocked-countries{  
  width: 850px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}
.popup-blocked-countries h2{
  font-weight: 700;
  font-size: 30px;
  line-height: 40px;
  margin: 0 0 35px;
  color: #fff;
}
.popup-blocked-countries .popup-main{
  background: #1E3146;
  color: #fff;
  padding: 35px;
}
.popup-blocked-countries .popup-content{
  border: 1px solid #fff;
  padding: 70px 25px 50px;
  position: relative;
  -webkit-box-shadow: inset 1px 1px 2px 1px rgba(0,0,0,0.35), 1px 1px 2px 1px rgba(0,0,0,0.35);
  box-shadow: inset 1px 1px 2px 1px rgba(0,0,0,0.35), 1px 1px 2px 1px rgba(0,0,0,0.35);
}
.popup-blocked-countries .logo{
  position: absolute;
  left: 0;
  right: 0;
  top: -25px;
  width: 79px;
  width: 109px;
  padding: 0 15px;
  height: 46px;
  background: #1E3146;
  margin: 0 auto !important;
}
.popup-blocked-countries .logo a{
  width: 100% !important;
  height: 100% !important;
}

.popup-reg-choice{
  width: 870px;
  text-align: center;
  font: italic 300 14px/18px 'Lato', sans-serif;
}
.popup-reg-choice .popup-content{
  display: table;
  height: 295px;
  width: 100%;
  padding: 65px 75px 20px;
}
.popup-reg-choice .popup-content .inner{
  display: table-cell;
  vertical-align: middle;
}
.popup-reg-choice .warning{
  font: italic 300 16px/24px 'Lato', sans-serif;
  color: #bc1b1b;
}
.popup-reg-choice p{margin: 0 0 10px}
.popup-reg-choice02 .popup-content{
  padding: 65px 75px;
}
.popup-reg-choice .button{font-style: normal;}

.popup-restriction{
  width: 916px;
}
.popup-restriction .popup-main{
  margin: 8px;
  font:  600 16px/20px 'Open Sans', sans-serif;
  color: #383838;
  background: rgba(255,255,255,0.85);
  border-radius: 5px;
  letter-spacing: 0.8px;
}
.popup-restriction.out-of-window .popup-main,
.popup-restriction.left-aligned-popup .popup-main{
  margin: 8px;
}
.popup-restriction .popup-content{
  padding: 40px 40px 25px;
}
.popup-restriction strong{font-weight: 700;}
.popup-restriction h2{
  font:  700 18px/22px 'Open Sans', sans-serif;
  margin: 0 0 21px;
  letter-spacing: 0.9px;
}
.popup-restriction p{
  margin: 0 0 19px;
}
.popup-restriction .popup-heading{
  padding: 0 40px;
}
.popup-restriction .line{
  margin-left: 40px;
  margin-right: 40px;
}
.popup-restriction .popup-footer{
  padding: 46px 40px;
  position: relative;
}
.popup-restriction .buttons{
  padding: 0 0 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-restriction .buttons .button,
.popup-restriction .buttons *[class*=btn-type]{
  margin: 0 27px 15px;
}
.popup-restriction .form{
  position: absolute;
  left: 40px;
  right: 40px;
  bottom: 10px;
}
.popup-restriction .form .radio-check label{
  font: 600 14px/18px 'Open Sans', sans-serif;
  color: #383838;
  letter-spacing: 0.7px;
}
.popup-restriction .form .radio-check label a{
  color: #383838;
  text-decoration: none;
}
.popup-restriction .form .radio-check label a:hover{text-decoration: underline;}
.popup-restriction .form .radio-check{
  margin-right: 0;
  margin-left: 0;
}
.popup-restriction .form .radio,
.popup-restriction .form .checker{
  width: 13px;
  height: 13px;
  top: 3px;
}
.popup-restriction .form .radio span,
.popup-restriction .form .checker span{
  border-color: #383838;
}
.popup-restriction .form .checker span:after{
  color: #383838;
}
.popup-restriction .form .checker .checked{background: transparent;}
.popup-restriction .form .checker span:after{
  content: "\50";
  font-size: 16px;
  top: -3px;
}
@media (max-width: 767px) {
  .popup-reg-choice .popup-content{
    padding: 65px 15px 20px;
  }
  .popup-reg-choice02 .popup-content{
    padding: 65px 15px;
  }
  .popup-restriction .popup-content{
    padding: 40px 18px 15px;
  }
  .popup-restriction .form{
    left: 18px;
    right: 18px;
  }
  .popup-restriction .line{
    margin-left: 18px;
    margin-right: 18px;
  }
  .popup-restriction .popup-footer{
    padding: 37px 18px;
  }
  .popup-restriction .buttons .button,
  .popup-restriction .buttons *[class*=btn-type]{
    margin: 0 10px 15px;
  }


  .popup-blocked-countries{
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
  }
  .popup-blocked-countries h2{
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 25px;
  }
  .popup-blocked-countries .popup-content{
    padding: 53px 30px 33px;
  }
  .popup-blocked-countries .popup-main{
    padding: 20px;
  }
  .popup-blocked-countries .logo{
    width: 92px;
    height: 35px;
    top: -14px;
  }
}


@media (max-width: 479px) {
  .popup-media .locked-area{
    font: 14px 'Lato', sans-serif;
  }
  .popup-media .locked-area img{
    margin: 0 0 15px;
    max-width: 30px;
  }
  .popup-media .locked-area p{margin: 0 0 18px;}
}

.personal-popup-error{
  width: 520px;
  font: 18px/30px 'Lato', sans-serif;
  color: #1E3146;
}
.personal-popup-error .popup-main{
  margin: 25px;
}
.personal-popup-error .popup-heading{
  padding: 15px 25px;
}
.personal-popup-error .popup-footer{
  padding: 15px 25px;
}
.personal-popup-error .popup-content{padding: 25px;}
.personal-popup-error .popup-content > *:last-child{margin-bottom: 0;}

.personal-popup-error .popup-content{
  padding: 75px 25px 70px;
}
.personal-popup-error2 .popup-content{
  padding: 75px 25px 30px;
}
.personal-popup-error .popup-content a:not([class]){
  color: #1E3146;
}
.personal-popup-error .close{
  right: 25px;
  top: 25px;
  width: 25px;
  height: 25px;
  color: #444443;
  font-size: 24px;
  line-height: 24px;
  border: 1px solid #444443;
  border-radius: 50%;
  text-shadow: none;
}
.personal-popup-error .close:before{
  font-size: 10px;
}

.popup-withdraw-nomoney{
  width: 584px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}
.popup-withdraw-nomoney .popup-main{
  background: #3869f5;
  color: #fff;
}
.popup-withdraw-nomoney *{color: #fff;}
.popup-withdraw-nomoney .popup-content{
  padding: 40px 90px 60px;  
}
.popup-withdraw-nomoney .popup-content > *:last-child{margin-bottom: 0;}
.popup-withdraw-nomoney h2{
  font-size: 30px;
  line-height: 42px;
  font-weight: 400;
  border: 1px solid #fff;
  border-width: 0 0 1px;
  padding: 0 0 20px;
  margin: 0 0 30px;
}
.popup-withdraw-nomoney .close{
  font-size: 11px;
  color: #fff;
}
@media (max-width: 600px) {
  .popup-withdraw-nomoney .popup-content{padding: 40px 40px 60px;}
}
@media (max-width: 479px) {
  .popup-withdraw-nomoney .popup-content{
    padding: 30px 25px 50px;
  }
}
.popup-change-pass{width: 460px;}
.popup-change-pass .popup-content{padding-top: 30px;}

.popup-registered-sign{width: 520px;}
.popup-new-ib,
.popup-existing-ib{width: 500px}
.popup-new-ib .popup-content,
.popup-existing-ib .popup-content{padding: 30px 20px 10px;}
.popup-registered-sign .popup-content{padding: 30px 30px;}
.popup-new-ib .close,
.popup-existing-ib .close,
.popup-registered-sign .close{color: #fff;}
.popup-new-ib .popup-heading,
.popup-existing-ib .popup-heading,
.popup-registered-sign .popup-heading{
  color: #fff;
  background: #1E3146;
}
.popup-new-ib .popup-heading h2,
.popup-existing-ib .popup-heading h2,
.popup-registered-sign .popup-heading h2{
  margin: 0;
  color: #fff;
}

@media (max-width: 600px) {
  .popup-registered-sign .popup-content{
    padding: 30px 15px;
  }
}

.popup-xmas{
  width: 800px;
}
.popup-xmas .popup-main{margin: 0}
.popup-xmas .popup-content{
  background: #fff url(images/bg-christmas-popup.jpg) no-repeat 50% 0;
  min-height: 579px;
  padding: 40px 15px 15px;
  font-weight: 300px;
  font-size: 24px;
  line-height: 36px;
}
.popup-xmas .hold{
  max-width: 370px;
  min-height: 250px;
  margin: 0 auto 110px;
  font-size: 32.88px;
  line-height: 36px;
  font-weight: 400;
  color: #fff;
  padding: 40px 15px 10px 25px;
}
.popup-xmas p{margin-bottom: 10px;}
.popup-xmas .font01{
  display: block;
}
.popup-xmas .font02{
  display: block;
  margin: 0 0 12px;
  text-align: center;
}
.popup-xmas .xmas-btn{
  display: inline-block;
  vertical-align: top;
  font: 22.34px 'Lato', sans-serif;
  text-align: center;
  text-decoration: none;
  color: #fff;
  margin: 0 0 -15px;
  background: url(images/bg-xmas-btn.png) no-repeat;
  background-size: cover;
}
.popup-xmas .xmas-btn > span{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 210px;
  height: 96px;
  padding: 10px 35px 25px;
}
.Russian .popup-xmas .hold{
  padding-top: 15px;
  text-shadow: 6px 6px 4px rgba(79,0,1,0.8);
}
.Russian .popup-xmas .font01{
  display: block;
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 37px;
  line-height: normal;
}
.Russian .popup-xmas .font02{
  margin-bottom: -5px;
}
@media (max-width: 479px) {
  .popup-xmas .popup-content{
    min-height: 1px;
    background-size: 150% auto;
    padding: 4vw 3.125vw 3.125vw;
    font-weight: 300px;
    font-size: 5vw;
    line-height: 7.5vw;
  }
  .popup-xmas .hold{
    max-width: 77.08333333333333vw;
    min-height: 52.08333333333333vw;
    margin: 0 auto 22.91666666666667vw;
    font-size: 6.66vw;
    line-height: 7.5vw;
    font-weight: 400;
    padding: 8vw 3.125vw 2.083333333333333vw;
  }
  .Russian .popup-xmas .font01{
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 7.7vw;
    line-height: normal;
  }
  .popup-xmas .font02{margin-bottom: 5px;}
  .popup-xmas .font02 img{
    width: 50vw;
  }
  .Russian .popup-xmas .font02 img{width: 45vw;}
}





.popup-upload-example{
  width: 754px;
  font-family: 'Montserrat', sans-serif;
}
.popup-upload-example h3{
  margin-bottom: 20px;
  font-weight: 700;
  font-family: 'Montserrat', sans-serif;
}
.popup-upload-example p{margin: 0 0 20px}
.popup-upload-example .popup-main{margin: 0 20px;}
.popup-upload-example .cols{padding: 20px 0 0;}
.popup-upload-example .cols .col{
  text-align: center;
  padding: 0 15px 20px;
}
.popup-upload-example .cols .col *[class*=icon-]{
  display: inline-block;
  vertical-align: top;
  font-size: 40px;
  margin-bottom: 25px;
}
.popup-upload-example .cols .col .icon-yes{color: #00A64E;}
.popup-upload-example .cols .col .icon-no{color: #EF0303}
.popup-upload-example .close{
  font-size: 20px;
  top: 20px;
}
.popup-upload-example .popup-main{
  border: 1px solid #1E3146;
  border-radius: 10px;
  background: linear-gradient(180deg, #F5F5F5 0%, #FFFFFF 54.69%, #F5F5F5 100%);
}
.popup-upload-example .popup-content{
  font: 16px/20px 'Lato', sans-serif;
  padding: 70px 30px 23px;
  color: #000;
}
.popup-upload-example03 .cols .col .image{margin-bottom: 0;}

@media (max-width: 767px) {
    .trading-conditions .content-accordion-item .slide-content {
         max-height: 1000px; 
        overflow: auto;
    }
  .popup-upload-example .popup-main{
    margin: 0 10px
  }
  .popup-upload-example h3{margin-bottom: 15px}
  .popup-upload-example p{margin-bottom: 15px}
  .popup-upload-example .popup-content{
    padding: 55px 20px 10px;
    font-size: 12px;
    line-height: 15px;
  }
  .popup-upload-example .cols{
    margin: -10px -10px 0;
  }
  .popup-upload-example01 .cols,
  .popup-upload-example02 .cols{
    margin-top: 0;
    padding-top: 15px;
  }
  .popup-upload-example .cols .col{
    padding: 0 10px 20px;
  }
  .popup-upload-example01 .cols .col .image,
  .popup-upload-example01 .cols .col .image{margin-bottom: 15px;}
  .popup-upload-example .cols .col *[class*=icon-]{
    font-size: 34px;
  }
}


.popup-template01{
  width: 834px;
  font-size: 18px;
}
.popup-template01 .close{
  right: 15px;
  top: 15px;
  color: rgba(0,0,0,0.7);
  font-size: 16px;
  text-shadow: none;
}
.popup-template01.out-of-window .popup-main,
.popup-template01.left-aligned-popup .popup-main{
  margin-left: 15px;
  margin-right: 15px;
}
.popup-template01 .popup-main{
  background: #fff;
  /*min-height: 500px;*/
}
.popup-template01 .popup-main > img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.popup-template01 .popup-content{
  padding: 20px 25px;
  position: relative;
}
.popup-template01 .img-style01{margin-bottom: 35px;}
.popup-template01 .image{margin-bottom: 35px;}
.popup-template01 h2{
  font-size: 53px;
  line-height: 100%;
  color: #102648;
  margin-bottom: 20px;
}
.popup-template01 h3{
  font-size: 20px;
  line-height: 27px;
  font-weight: 400;
  font-family: 'Lato', sans-serif;
  margin-bottom: 20px;
}
.popup-template01 ul{
  margin: 0 0 20px;
  padding: 0 0 0 40px;
  list-style: none;
}
.popup-template01 ul li{
  position: relative;
  padding: 0 0 0 60px;
  margin-bottom: 30px;
}
.popup-template01 ul li:before{
  font-family: 'icomoon';
  content: "\e91c";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 35px;
  color: #102648;
}
.popup-template01 .btn-hold{
  margin-top: -15px;
}
.popup-template01.popup-dark,
.popup-template01.popup-dark h2{
  color: #fff;
}
.popup-template01.popup-dark ul li:before{color: #fff}
.popup-template01.popup-dark .close{color: #fff;}


.popup-template02{
  width: 834px;
  font-size: 18px;
}
.popup-template02 .text{
  max-width: 360px;
}
.popup-template02 .close{
  right: 15px;
  top: 15px;
  color: rgba(0,0,0,0.7);
  font-size: 16px;
  text-shadow: none;
}
.popup-template02.out-of-window .popup-main,
.popup-template02.left-aligned-popup .popup-main{
  margin-left: 15px;
  margin-right: 15px;
}
.popup-template02 .popup-main > img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.popup-template02 .popup-content{
  padding: 65px 45px;
  position: relative;
  min-height: 500px;
}
.popup-template02 .img-style01{margin-bottom: 55px;}
.popup-template02 .image{margin-bottom: 55px;}
.popup-template02 h2{
  font-size: 48px;
  line-height: 100%;
  color: #102648;
  margin-bottom: 20px;
}
.popup-template02 h3{
  font-size: 20px;
  line-height: 27px;
  font-weight: 400;
  font-family: 'Lato', sans-serif;
  margin-bottom: 20px;
}
.popup-template02 ul{
  margin: 0 0 20px;
  padding: 0 0 0 40px;
  list-style: none;
}
.popup-template02 ul li{
  position: relative;
  padding: 0 0 0 60px;
  margin-bottom: 30px;
}
.popup-template02 ul li:before{
  font-family: 'icomoon';
  content: "\e955";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 35px;
  color: #102648;
}
.popup-template02 .btn-hold{
  margin-top: 60px;
}
.popup-template02.popup-dark,
.popup-template02.popup-dark h2{
  color: #fff;
}
.popup-template02.popup-dark ul li:before{color: #fff}
.popup-template02.popup-dark .close{color: #fff;}

@media (max-width: 767px) {
  .popup-template01{
    font-size: 14px;
    line-height: 18px;
  }
  .popup-template01 .close{
    right: 10px;
    top: 10px;
  }
  .popup-template01 .popup-content{
    padding: 45px 15px 25px;
    /*min-height: 490px;*/
  }
  .popup-template01 h2{
    font-size: 30px;
  }
  .popup-template01 h3{
    font-size: 18px;
    margin-bottom: 5px;
  }
  .popup-template01 ul{
    padding: 0;
  }
  .popup-template01 ul li{
    padding: 0 0 0 35px;
    margin-bottom: 20px;
  }
  .popup-template01 ul li:before{
    font-size: 22px;
  }
  .popup-template01 .img-style01{margin-bottom: 25px;}
  .popup-template01 .img-style01 img{
    max-width: 67px;
  }
  .popup-template01 .btn-hold{margin-top: -10px;}
  .popup-template01 .btn-type10{
    min-width: 190px;
    font-size: 18px;
  }


  .popup-template02{
    font-size: 14px;
    line-height: 18px;
  }
  .popup-template02 .close{
    right: 10px;
    top: 10px;
  }
  .popup-template02 .popup-content{
    padding: 25px 15px 30px;
    min-height: 490px;
  }
  .popup-template02 .text{max-width: none}
  .popup-template02 h2{
    font-size: 36px;
    line-height: 44px;
  }
  .popup-template02 h3{
    font-size: 18px;
    margin-bottom: 5px;
  }
  .popup-template02 ul{
    padding: 0;
  }
  .popup-template02 ul li{
    padding: 0 0 0 35px;
    margin-bottom: 20px;
  }
  .popup-template02 ul li:before{
    font-size: 22px;
  }
  .popup-template02 .img-style01{margin-bottom: 135px;}
  .popup-template02 .textbg{
    margin-left: -15px;
    margin-right: -15px;
    background: rgba(255,255,255,0.4);
    padding: 20px 10px 10px;
  }
  .popup-template02.popup-dark .textbg{
    background: rgba(0,0,0,0.4);
  }
  .popup-template02 .btn-hold{margin-top: 30px;}
  .popup-template02 .btn-type10{
    min-width: 190px;
    font-size: 18px;
    line-height: 22px;
  }
  .popup-template02 .btn-type10 > span{   
    padding: 12px;
    padding-bottom: 12px;
  }

}

.notification-popup{
	position: fixed;
	z-index: 100;
	left: 30px;
	bottom: 30px;
	bottom: -100%;
	background: #159551;
	border-radius: 5px;
	color: #fff;
	padding: 30px 30px 35px;
	font-size: 18px;
	font-weight: 300;
	max-width: calc(100% - 60px);
	min-width: 290px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
					box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	-webkit-transition: all 1s ease;
					transition: all 1s ease;
	
}
.rtl-page .notification-popup{
	left: auto;
	right: 30px;	
}
.notification-popup.opened{
	bottom: 30px;
}
.notification-popup .close{
	position: absolute;
	right: 12px;
	top: 12px;
	width: 10px;
	height: 10px;
	z-index: 9999;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 10px;
	line-height: 10px;
}
.rtl-page .notification-popup .close{
	right: auto;
	left: 12px;
}
.notification-popup .close:before{
	display: inline-block;
	vertical-align: top;
	content: "\e91f";
	font-family: 'icomoon';
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
.notification-popup .close span{display: none;}
.notification-popup .close:hover:before{
	-webkit-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
            transform:rotate(360deg);
}
.notification-popup .inner{
	display: flex;
	align-items: center;
}
.notification-popup .text{
	flex: 1;
	margin: 5px 0 -5px;
}
.notification-popup .image{margin: 0 5px 0 30px;}
.rtl-page .notification-popup .image{margin: 0 30px 0 5px;}
.notification-popup .image img{max-width: 150px}
.notification-popup .font01{
	display: block;
	font-size: 24px;
	line-height: 30px;
	font-weight: 400;
}
.notification-popup .btn-hold{
	padding-top: 15px;
}
.notification-popup .btn{
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	text-align: center;
	border: 2px solid #fff;
	border-radius: 5px;
	padding: 6px 11px;
	font: 18px/21px 'Lato', sans-serif;
	color: #fff;
	min-width: 180px;
}
@media (max-width: 767px) {
	.notification-popup{
		left: 15px;
		max-width: calc(100% - 30px);
	}
	.rtl-page .notification-popup{
		left: auto;
		right: 15px;
	}
}
@media (max-width: 479px) {
	.notification-popup{
		left: 15px;
		right: 15px;
		font-size: 14px;
		padding: 40px 20px 35px;
	}
	.rtl-page .notification-popup{
		left: 15px;
		right: 15px;
	}
	.notification-popup .inner{
		align-items: flex-start;
	}
	.notification-popup .font01{
		font-size: 18px;
		line-height: 22px;
	}
	.notification-popup .image{
		margin: -15px 10px 0 -88px;
	}
	.rtl-page .notification-popup .image{
		margin: -15px -88px 0 10px;
	}
	.notification-popup .image img{max-width: 88px}
	.notification-popup .btn-hold{
		padding-top: 10px;
	}
	.notification-popup .btn{
		min-width: 190px;
	}
}




/* Slider */
.slick-slider{
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{outline: none;}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
.rtl-page .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden{display: none;}

/*cms styles*/
#PanelBar{
  padding:0;
  margin:0 0 20px;
  list-style:none;
}
#PanelBar iframe{
  display:inline;
  width:auto;
  height:auto;
}
.t-header{
  display:inline-block;
  margin:0 0 10px;
  font:bold 14px/17px Arial, sans-serif;
}

#react-app-ext{
  position: absolute;
  z-index: 9999;
}

.validation-summary-valid {
    display: none;
}
.LPMcontainer{display: none !important;}
.demo-dialog .dialog-btn-demo .material-icons{display: none !important}
.mte-notifications-0 paper-toolbar.mte-notifications{z-index:10 !important}
#mte_center .floating-btn{z-index:10 !important}
#mte_center .floating-btn.calcs{display: none !important}
section.mte-center.mobile{width: 100% !important}
.LPMcontainer{z-index:300 !important}


@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}



.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 15px;
  font-family: Arial, sans-serif;
  font-style: narrow;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f4f4f4;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .dropdown-menu{
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
/*!
 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  border-radius: 4px;
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
}
.datepicker-rtl {
  direction: rtl;
}
.datepicker-rtl.dropdown-menu {
  left: auto;
}
.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
  padding: 4px;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(0, 0, 0, 0.15);
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid rgba(0, 0, 0, 0.15);
}
.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #777777;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}
.datepicker table tr td.highlighted {
  color: #000;
  background-color: #d9edf7;
  border-color: #85c5e5;
  border-radius: 0;
}
.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.focus {
  color: #000;
  background-color: #afd9ee;
  border-color: #298fc2;
}
.datepicker table tr td.highlighted:hover {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}
.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active {
  color: #000;
  background-color: #afd9ee;
  border-color: #52addb;
}
.datepicker table tr td.highlighted:active:hover,
.datepicker table tr td.highlighted.active:hover,
.datepicker table tr td.highlighted:active:focus,
.datepicker table tr td.highlighted.active:focus,
.datepicker table tr td.highlighted:active.focus,
.datepicker table tr td.highlighted.active.focus {
  color: #000;
  background-color: #91cbe8;
  border-color: #298fc2;
}
.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.highlighted.focus {
  background-color: #d9edf7;
  border-color: #85c5e5;
}
.datepicker table tr td.highlighted.focused {
  background: #afd9ee;
}
.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
  background: #d9edf7;
  color: #777777;
}
.datepicker table tr td.today {
  color: #000;
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today:focus,
.datepicker table tr td.today.focus {
  color: #000;
  background-color: #ffc966;
  border-color: #b37400;
}
.datepicker table tr td.today:hover {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today.active {
  color: #000;
  background-color: #ffc966;
  border-color: #f59e00;
}
.datepicker table tr td.today:active:hover,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today.active.focus {
  color: #000;
  background-color: #ffbc42;
  border-color: #b37400;
}
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.today.focus {
  background-color: #ffdb99;
  border-color: #ffb733;
}
.datepicker table tr td.today.focused {
  background: #ffc966;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
  background: #ffdb99;
  color: #777777;
}
.datepicker table tr td.range {
  color: #000;
  background-color: #eeeeee;
  border-color: #bbbbbb;
  border-radius: 0;
}
.datepicker table tr td.range:focus,
.datepicker table tr td.range.focus {
  color: #000;
  background-color: #d5d5d5;
  border-color: #7c7c7c;
}
.datepicker table tr td.range:hover {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}
.datepicker table tr td.range:active,
.datepicker table tr td.range.active {
  color: #000;
  background-color: #d5d5d5;
  border-color: #9d9d9d;
}
.datepicker table tr td.range:active:hover,
.datepicker table tr td.range.active:hover,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range.active:focus,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range.active.focus {
  color: #000;
  background-color: #c3c3c3;
  border-color: #7c7c7c;
}
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.focus {
  background-color: #eeeeee;
  border-color: #bbbbbb;
}
.datepicker table tr td.range.focused {
  background: #d5d5d5;
}
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
  background: #eeeeee;
  color: #777777;
}
.datepicker table tr td.range.highlighted {
  color: #000;
  background-color: #e4eef3;
  border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.focus {
  color: #000;
  background-color: #c1d7e3;
  border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted:hover {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active {
  color: #000;
  background-color: #c1d7e3;
  border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active:hover,
.datepicker table tr td.range.highlighted.active:hover,
.datepicker table tr td.range.highlighted:active:focus,
.datepicker table tr td.range.highlighted.active:focus,
.datepicker table tr td.range.highlighted:active.focus,
.datepicker table tr td.range.highlighted.active.focus {
  color: #000;
  background-color: #a8c8d8;
  border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
  background-color: #e4eef3;
  border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted.focused {
  background: #c1d7e3;
}
.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
  background: #e4eef3;
  color: #777777;
}
.datepicker table tr td.range.today {
  color: #000;
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.focus {
  color: #000;
  background-color: #f4b747;
  border-color: #815608;
}
.datepicker table tr td.range.today:hover {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active {
  color: #000;
  background-color: #f4b747;
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active:hover,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today.active:focus,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today.active.focus {
  color: #000;
  background-color: #f2aa25;
  border-color: #815608;
}
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.today.focus {
  background-color: #f7ca77;
  border-color: #f1a417;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
  background: #f7ca77;
  color: #777777;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
  color: #fff;
  background-color: #777777;
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.focus {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #161616;
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active {
  color: #fff;
  background-color: #5e5e5e;
  border-color: #373737;
}
.datepicker table tr td.selected:active:hover,
.datepicker table tr td.selected.highlighted:active:hover,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.highlighted.active:hover,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected.highlighted:active:focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected.highlighted.active:focus,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected.highlighted:active.focus,
.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected.highlighted.active.focus {
  color: #fff;
  background-color: #4c4c4c;
  border-color: #161616;
}
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
  background-color: #777777;
  border-color: #555555;
}
.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #777777;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eeeeee;
}
.datepicker .prev.disabled,
.datepicker .next.disabled {
  visibility: hidden;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.input-daterange {
  width: 100%;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  line-height: 1.42857143;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}
/*# sourceMappingURL=bootstrap-datepicker3.css.map */

.datepicker.dropdown-menu{
  line-height: 30px;
  font-family: 'Lato', sans-serif;
}

.tooltip_templates { display: none; }
/* This is the core CSS of Tooltipster */

/* GENERAL STRUCTURE RULES (do not edit this section) */

.tooltipster-base {
  /* this ensures that a constrained height set by functionPosition,
  if greater that the natural height of the tooltip, will be enforced
  in browsers that support display:flex */
  display: flex;
  pointer-events: none;
  /* this may be overriden in JS for fixed position origins */
  position: absolute;
}

.tooltipster-box {
  /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
  and flex-basis auto for IE11- (at least) */
  flex: 1 1 auto;
}

.tooltipster-content {
  /* prevents an overflow if the user adds padding to the div */
  box-sizing: border-box;
  /* these make sure we'll be able to detect any overflow */
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
}

.tooltipster-ruler {
  /* these let us test the size of the tooltip without overflowing the window */
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
}

/* ANIMATIONS */

/* Open/close animations */

/* fade */

.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
  opacity: 1;
}

/* grow */

.tooltipster-grow {
  -webkit-transform: scale(0,0);
  -moz-transform: scale(0,0);
  -o-transform: scale(0,0);
  -ms-transform: scale(0,0);
  transform: scale(0,0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}
.tooltipster-grow.tooltipster-show {
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -o-transform: scale(1,1);
  -ms-transform: scale(1,1);
  transform: scale(1,1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

/* swing */

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}
.tooltipster-swing.tooltipster-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

/* fall */

.tooltipster-fall {
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall.tooltipster-initial {
  top: 0 !important;
}
.tooltipster-fall.tooltipster-show {
}
.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0;
}

/* slide */

.tooltipster-slide {
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-initial {
  left: -40px !important;
}
.tooltipster-slide.tooltipster-show {
}
.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0;
}

/* Update animations */

/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */

/* fade */

@keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.tooltipster-update-fade {
  animation: tooltipster-fading 400ms;
}

/* rotate */

@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg);
  }
  75% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0);
  }
}

.tooltipster-update-rotate {
  animation: tooltipster-rotating 600ms;
}

/* scale */

@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.tooltipster-update-scale {
  animation: tooltipster-scaling 600ms;
}

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 * 
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */

/* .tooltipster-box */

.tooltipster-sidetip .tooltipster-box {
  background: #565656;
  border: 2px solid black;
  border-radius: 4px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 8px;
}

/* .tooltipster-content */

.tooltipster-sidetip .tooltipster-content {
  color: #fff;
  padding: 6px 14px;
}

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */

.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  /* half the width, for centering */
  margin-left: -10px;
  top: 0;
  width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
  been positioned yet */
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  /* same as .tooltipster-left .tooltipster-arrow */
  top: 0;
  width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px;
}

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */

.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0;
}

/* .tooltipster-arrow-background */

.tooltipster-sidetip .tooltipster-arrow-background {
  border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #565656;
  left: 0;
  top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #565656;
  left: -3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #565656;
  left: 3px;
  top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #565656;
  left: 0;
  top: -3px;
}

/* .tooltipster-arrow-border */

.tooltipster-sidetip .tooltipster-arrow-border {
  border: 10px solid transparent;
  left: 0;
  top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: black;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: black;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: black;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: black;
}

/* tooltipster-arrow-uncropped */

.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -10px;
}

.tooltipster-theme01.tooltipster-sidetip .tooltipster-box{
  font: 15px/18px 'Lato', sans-serif;
  border: 0;
  background: #102648;
  border-radius: 0;
}
.tooltipster-theme01.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom: 0;}
.tooltipster-theme01.tooltipster-sidetip .tooltipster-content{
  padding: 15px;
}
.tooltipster-theme01.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border,
.tooltipster-theme01.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{
  border-top-color: #102648;
}
.tooltipster-theme01.tooltipster-sidetip .tooltipster-arrow{display: none;}

@media only screen and (max-width: 767px) {
  .tooltipster-theme01.tooltipster-sidetip .tooltipster-box{
    font: 14px/20px 'Lato', sans-serif;
  }
}

/*!
Video.js Default Styles (http://videojs.com)
Version 4.4.1
Create your own skin at http://designer.videojs.com
*/
/* SKIN
================================================================================
The main class name for all skin-specific styles. To make your own skin,
replace all occurances of 'vjs-default-skin' with a new name. Then add your new
skin name to your video tag instead of the default skin.
e.g. <video class="video-js my-skin-name">
*/
.vjs-default-skin {
  color: #cccccc;
}
/* Custom Icon Font
--------------------------------------------------------------------------------
The control icons are from a custom font. Each icon corresponds to a character
(e.g. "\e001"). Font icons allow for easy scaling and coloring of icons.
*/
@font-face {
  font-family: 'VideoJS';
  src: url('fonts/vjs.eot');
  src: url('fonts/vjsd41d.eot?#iefix') format('embedded-opentype'), url('fonts/vjs.woff') format('woff'), url('fonts/vjs.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/* Base UI Component Classes
--------------------------------------------------------------------------------
*/
/* Slider - used for Volume bar and Seek bar */
.vjs-default-skin .vjs-slider {
  /* Replace browser focus hightlight with handle highlight */
  outline: 0;
  position: relative;
  cursor: pointer;
  padding: 0;
  /* background-color-with-alpha */
  background-color: #333333;
  background-color: rgba(51, 51, 51, 0.9);
}
.vjs-default-skin .vjs-slider:focus {
  /* box-shadow */
  -webkit-box-shadow: 0 0 2em #ffffff;
  -moz-box-shadow: 0 0 2em #ffffff;
  box-shadow: 0 0 2em #ffffff;
}
.vjs-default-skin .vjs-slider-handle {
  position: absolute;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
.vjs-default-skin .vjs-slider-handle:before {
  content: "\e009";
  font-family: VideoJS;
  font-size: 1em;
  line-height: 1;
  text-align: center;
  text-shadow: 0em 0em 1em #fff;
  position: absolute;
  top: 0;
  left: 0;
  /* Rotate the square icon to make a diamond */
  /* transform */
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* Control Bar
--------------------------------------------------------------------------------
The default control bar that is a container for most of the controls.
*/
.vjs-default-skin .vjs-control-bar {
  /* Start hidden */
  display: none;
  position: absolute;
  /* Place control bar at the bottom of the player box/video.
     If you want more margin below the control bar, add more height. */
  bottom: 0;
  /* Use left/right to stretch to 100% width of player div */
  left: 0;
  right: 0;
  /* Height includes any margin you want above or below control items */
  height: 3.0em;
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
}
/* Show the control bar only once the video has started playing */
.vjs-default-skin.vjs-has-started .vjs-control-bar {
  display: block;
  /* Visibility needed to make sure things hide in older browsers too. */

  visibility: visible;
  opacity: 1;
  /* transition */
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}
/* Hide the control bar when the video is playing and the user is inactive  */
.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  display: block;
  visibility: hidden;
  opacity: 0;
  /* transition */
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.vjs-default-skin.vjs-controls-disabled .vjs-control-bar {
  display: none;
}
.vjs-default-skin.vjs-using-native-controls .vjs-control-bar {
  display: none;
}
/* IE8 is flakey with fonts, and you have to change the actual content to force
fonts to show/hide properly.
  - "\9" IE8 hack didn't work for this
  - Found in XP IE8 from http://modern.ie. Does not show up in "IE8 mode" in IE9
*/
@media \0screen {
  .vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: "";
  }
}
/* General styles for individual controls. */
.vjs-default-skin .vjs-control {
  outline: none;
  position: relative;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 3.0em;
  width: 4em;
}
/* FontAwsome button icons */
.vjs-default-skin .vjs-control:before {
  font-family: VideoJS;
  font-size: 1.5em;
  line-height: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
/* Replacement for focus outline */
.vjs-default-skin .vjs-control:focus:before,
.vjs-default-skin .vjs-control:hover:before {
  text-shadow: 0em 0em 1em #ffffff;
}
.vjs-default-skin .vjs-control:focus {
  /*  outline: 0; */
  /* keyboard-only users cannot see the focus on several of the UI elements when
  this is set to 0 */

}
/* Hide control text visually, but have it available for screenreaders */
.vjs-default-skin .vjs-control-text {
  /* hide-visually */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Play/Pause
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-play-control {
  width: 5em;
  cursor: pointer;
}
.vjs-default-skin .vjs-play-control:before {
  content: "\e001";
}
.vjs-default-skin.vjs-playing .vjs-play-control:before {
  content: "\e002";
}
/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-menu-button {
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before {
  content: "\e006";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before {
  content: "\e003";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before {
  content: "\e004";
}
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before {
  content: "\e005";
}
.vjs-default-skin .vjs-volume-control {
  width: 5em;
  float: right;
}
.vjs-default-skin .vjs-volume-bar {
  width: 5em;
  height: 0.6em;
  margin: 1.1em auto 0;
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content {
  height: 2.9em;
}
.vjs-default-skin .vjs-volume-level {
  position: absolute;
  top: 0;
  left: 0;
  height: 0.5em;
  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}
.vjs-default-skin .vjs-volume-bar .vjs-volume-handle {
  width: 0.5em;
  height: 0.5em;
}
.vjs-default-skin .vjs-volume-handle:before {
  font-size: 0.9em;
  top: -0.2em;
  left: -0.2em;
  width: 1em;
  height: 1em;
}
.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content {
  width: 6em;
  left: -4em;
}
/* Progress
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  font-size: 0.3em;
  height: 1em;
  /* Set above the rest of the controls. */
  top: -1em;
  /* Shrink the bar slower than it grows. */
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
/* On hover, make the progress bar grow to something that's more clickable.
    This simply changes the overall font for the progress bar, and this
    updates both the em-based widths and heights, as wells as the icon font */
.vjs-default-skin:hover .vjs-progress-control {
  font-size: .9em;
  /* Even though we're not changing the top/height, we need to include them in
      the transition so they're handled correctly. */

  /* transition */
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
/* Box containing play and load progresses. Also acts as seek scrubber. */
.vjs-default-skin .vjs-progress-holder {
  height: 100%;
}
/* Progress Bars */
.vjs-default-skin .vjs-progress-holder .vjs-play-progress,
.vjs-default-skin .vjs-progress-holder .vjs-load-progress {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  /* Needed for IE6 */
  left: 0;
  top: 0;
}
.vjs-default-skin .vjs-play-progress {
  /*
    Using a data URI to create the white diagonal lines with a transparent
      background. Surprisingly works in IE8.
      Created using http://www.patternify.com
    Changing the first color value will change the bar color.
    Also using a paralax effect to make the lines move backwards.
      The -50% left position makes that happen.
  */

  background: #66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat;
}
.vjs-default-skin .vjs-load-progress {
  background: #646464 /* IE8- Fallback */;
  background: rgba(255, 255, 255, 0.4);
}
.vjs-default-skin .vjs-seek-handle {
  width: 1.5em;
  height: 100%;
}
.vjs-default-skin .vjs-seek-handle:before {
  padding-top: 0.1em /* Minor adjustment */;
}
/* Time Display
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-time-controls {
  font-size: 1em;
  /* Align vertically by making the line height the same as the control bar */
  line-height: 3em;
}
.vjs-default-skin .vjs-current-time {
  float: left;
}
.vjs-default-skin .vjs-duration {
  float: left;
}
/* Remaining time is in the HTML, but not included in default design */
.vjs-default-skin .vjs-remaining-time {
  display: none;
  float: left;
}
.vjs-time-divider {
  float: left;
  line-height: 3em;
}
/* Fullscreen
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-fullscreen-control {
  width: 3.8em;
  cursor: pointer;
  float: right;
}
.vjs-default-skin .vjs-fullscreen-control:before {
  content: "\e000";
}
/* Switch to the exit icon when the player is in fullscreen */
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before {
  content: "\e00b";
}
/* Big Play Button (play button at start)
--------------------------------------------------------------------------------
Positioning of the play button in the center or other corners can be done more
easily in the skin designer. http://designer.videojs.com/
*/
.vjs-default-skin .vjs-big-play-button {
  left: 50%;
  top: 50%;
  font-size: 3em;
  display: block;
  z-index: 2;
  position: absolute;
  width: 3em;
  height: 3em;
  margin:-1.5em 0 0 -1.5em;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  opacity: 1;
  /* Need a slightly gray bg so it can be seen on black backgrounds */
  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  border: 0.1em solid #3b4249;
  /* border-radius */
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /* box-shadow */
  -webkit-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  -moz-box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  box-shadow: 0px 0px 1em rgba(255, 255, 255, 0.25);
  /* transition */
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
}
/* Optionally center */
.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button {
  /* Center it horizontally */
  left: 50%;
  margin-left: -2.1em;
  /* Center it vertically */
  top: 50%;
  margin-top: -1.4000000000000001em;
}
/* Hide if controls are disabled */
.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button {
  display: none;
}
/* Hide when video starts playing */
.vjs-default-skin.vjs-has-started .vjs-big-play-button {
  display: none;
}
/* Hide on mobile devices. Remove when we stop using native controls
    by default on mobile  */
.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button {
  display: none;
}
.vjs-default-skin:hover .vjs-big-play-button,
.vjs-default-skin .vjs-big-play-button:focus {
  outline: 0;
  border-color: #fff;
  /* IE8 needs a non-glow hover state */
  background-color: #505050;
  background-color: rgba(50, 50, 50, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 3em #ffffff;
  -moz-box-shadow: 0 0 3em #ffffff;
  box-shadow: 0 0 3em #ffffff;
  /* transition */
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}
.vjs-default-skin .vjs-big-play-button:before {
  content: "\e001";
  font-family: VideoJS;
  /* In order to center the play icon vertically we need to set the line height
     to the same as the button height */

  line-height: 3em;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center /* Needed for IE8 */;
  position: absolute;
  left: 1px;
  top: -1px;
  width: 100%;
  height: 100%;
}
/* Loading Spinner
--------------------------------------------------------------------------------
*/
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 4em;
  line-height: 1;
  width: 1em;
  height: 1em;
  margin-left: -0.5em;
  margin-top: -0.5em;
  opacity: 0.75;
  /* animation */
  -webkit-animation: spin 1.5s infinite linear;
  -moz-animation: spin 1.5s infinite linear;
  -o-animation: spin 1.5s infinite linear;
  animation: spin 1.5s infinite linear;
}
.vjs-default-skin .vjs-loading-spinner:before {
  content: "\e01e";
  font-family: VideoJS;
  position: absolute;
  top: 0;
  left: 0;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0em 0em 0.1em #000;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
/* Menu Buttons (Captions/Subtitles/etc.)
--------------------------------------------------------------------------------
*/
.vjs-default-skin .vjs-menu-button {
  float: right;
  cursor: pointer;
}
.vjs-default-skin .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0em;
  /* (Width of vjs-menu - width of button) / 2 */

  width: 0em;
  height: 0em;
  margin-bottom: 3em;
  border-left: 2em solid transparent;
  border-right: 2em solid transparent;
  border-top: 1.55em solid #000000;
  /* Same width top as ul bottom */

  border-top-color: rgba(7, 40, 50, 0.5);
  /* Same as ul background */

}
/* Button Pop-up Menu */
.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 1.5em;
  /* Same bottom as vjs-menu border-top */

  max-height: 15em;
  overflow: auto;
  left: -5em;
  /* Width of menu - width of button / 2 */

  /* background-color-with-alpha */
  background-color: #07141e;
  background-color: rgba(7, 20, 30, 0.7);
  /* box-shadow */
  -webkit-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  -moz-box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
  box-shadow: -0.2em -0.2em 0.3em rgba(255, 255, 255, 0.2);
}
.vjs-default-skin .vjs-menu-button:hover .vjs-menu {
  display: block;
}
.vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  background-color: #000;
}
.vjs-default-skin .vjs-menu-button ul li:focus,
.vjs-default-skin .vjs-menu-button ul li:hover,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,
.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  outline: 0;
  color: #111;
  /* background-color-with-alpha */
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.75);
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}
.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
/* Subtitles Button */
.vjs-default-skin .vjs-subtitles-button:before {
  content: "\e00c";
}
/* Captions Button */
.vjs-default-skin .vjs-captions-button:before {
  content: "\e008";
}
/* Replacement for focus outline */
.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,
.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before {
  /* box-shadow */
  -webkit-box-shadow: 0 0 1em #ffffff;
  -moz-box-shadow: 0 0 1em #ffffff;
  box-shadow: 0 0 1em #ffffff;
}
/*
REQUIRED STYLES (be careful overriding)
================================================================================
When loading the player, the video tag is replaced with a DIV,
that will hold the video tag or object tag for other playback methods.
The div contains the video playback element (Flash or HTML5) and controls,
and sets the width and height of the video.

** If you want to add some kind of border/padding (e.g. a frame), or special
positioning, use another containing element. Otherwise you risk messing up
control positioning and full window mode. **
*/
.video-js {
  background-color: #000;
  position: relative;
  padding: 0;
  /* Start with 10px for base font size so other dimensions can be em based and
     easily calculable. */

  font-size: 10px;
  /* Allow poster to be vertially aligned. */

  vertical-align: middle;
  /*  display: table-cell; */
  /*This works in Safari but not Firefox.*/

  /* Provide some basic defaults for fonts */

  font-weight: normal;
  font-style: normal;
  /* Avoiding helvetica: issue #376 */

  font-family: Arial, sans-serif;
  /* Turn off user selection (text highlighting) by default.
     The majority of player components will not be text blocks.
     Text areas will need to turn user selection back on. */

  /* user-select */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Playback technology elements expand to the width/height of the containing div
    <video> or <object> */
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Fix for Firefox 9 fullscreen (only if it is enabled). Not needed when
   checking fullScreenEnabled. */
.video-js:-moz-full-screen {
  position: absolute;
}
/* Fullscreen Styles */
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  /* Fix for IE6 full-window. http://www.cssplay.co.uk/layouts/fixed.html */
  overflow-y: auto;
}
.video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  /* IE6 full-window (underscore hack) */
  _position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
/* Poster Styles */
.vjs-poster {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  cursor: pointer;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.vjs-poster img {
  display: block;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%;
}
/* Hide the poster when native controls are used otherwise it covers them */
.video-js.vjs-using-native-controls .vjs-poster {
  display: none;
}
/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
.video-js .vjs-text-track-display {
  text-align: center;
  position: absolute;
  bottom: 4em;
  /* Leave padding on left and right */
  left: 1em;
  right: 1em;
}
/* Individual tracks */
.video-js .vjs-text-track {
  display: none;
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  /* Transparent black background, or fallback to all black (oldIE) */
  /* background-color-with-alpha */
  background-color: #000000;
  background-color: rgba(0, 0, 0, 0.5);
}
.video-js .vjs-subtitles {
  color: #ffffff /* Subtitles are white */;
}
.video-js .vjs-captions {
  color: #ffcc66 /* Captions are yellow */;
}
.vjs-tt-cue {
  display: block;
}
/* Hide disabled or unsupported controls */
.vjs-default-skin .vjs-hidden {
  display: none;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible;
}
/* -----------------------------------------------------------------------------
The original source of this file lives at
https://github.com/videojs/video.js/blob/master/src/css/video-js.less */


@media (max-width: 979px) {
  .video-js {
    width: auto !important;
    height: auto !important;

    width: 100% !important;
    height: 100% !important;
  }

  /* .video-js video {position: relative !important;} */
}
@media (max-width: 479px) {
  .vjs-default-skin .vjs-big-play-button {
    font-size: 2em;
    width: 2em;
    height: 2em;
    margin:-1em 0 0 -1em;
  }
  .vjs-default-skin .vjs-big-play-button:before{line-height: 2em;}
}

/* MTE */
#mte-education-root #tabs-container{display: none !important}
#mte-education-root .main-menu h2.section-title{display: none !important}
#mte-education-root .upper-buttons{display: none !important}

.or-line {
    text-align: center;
    font-weight: 800;
    position: relative;
    max-width: 50%;
    margin: 0 auto;
}
.or-line:before {
    position: absolute;
    top: 10px;
    left: 0;
    background: linear-gradient(90deg, rgba(255, 255, 253, 1) 0%, rgba(197, 192, 190, 1) 50%, rgba(255, 255, 255, 1) 100%);
    height: 1px;
    width: 100%;
    content: '';
}

.or-line span {
    background: #fff;
    padding: 0 20px;
    display: inline-block;
    position: relative;
}

.newdeposit-deposit .box {
    border: 0;
    padding: 20px 0;
    display: block;
}