/* Eric Meyer's Reset */
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, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 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%;
	vertical-align: baseline;
}
*, :before, :after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	outline: none;
}	

@font-face {
    font-family: 'museo_sans_cyrl500';
    src: url('../fonts/MuseoSansCyrl500.woff2') format('woff2'),
         url('../fonts/MuseoSansCyrl500.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MuseoSansCyrl300';
    src: url('../fonts/MuseoSansCyrl300.woff2') format('woff2'),
        url('../fonts/MuseoSansCyrl300.woff') format('woff');
    font-style: normal;
}

@font-face {
    font-family: 'MuseoSansCyrl700';
    src: url('../fonts/Museo-Sans-Cyrl/museo_sans_cyrl_700-webfont.woff2') format('woff2'),
        url('../fonts/Museo-Sans-Cyrl/museo_sans_cyrl_700-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html{
	font-size: 62.5%;
}
body {
	font-size: 100%;
	font-family: 'MuseoSansCyrl300',sans-serif;
	font-weight: 300;
	line-height: 1.2;
	color:#000;
	
}
::placeholder{
	font-family: "MuseoSansCyrl300", sans-serif !important;
	font-weight: 300;
}
img{
	max-width: 100%;
	height: auto;
}
p{
	font-family: 'MuseoSansCyrl300',sans-serif;
	font-weight: 300;
	font-size: 1.4rem;
	color: #000000;
	line-height: 1.3;
}
.arrow{
    background: url("../images/arrow.svg") center no-repeat;
    width: 20px;
    height: 20px;
}
.down-arrow{
	background: url("../images/down-arrow.svg") center no-repeat;
    width: 16px;
    height: 9px;
	pointer-events: none;
}
.earth{
	background: url("../images/earth.svg") center no-repeat;
	width: 20px;
    height: 20px;
	margin-right: 8px;
	pointer-events: none;
}
.territory{
	background: url("../images/territory.svg") center no-repeat;
	width: 20px;
    height: 20px;
	margin-right: 8px;
	pointer-events: none;
}
.clock{
	background: url("../images/clock.svg") center no-repeat;
	width: 20px;
    height: 20px;
	margin-right: 8px;
}
.play-book{
	background: url("../images/play-book.svg") center no-repeat;
	width: 20px;
    height: 21px;
	margin-right: 8px;
}

@media all and (min-width: 768px){
	p{
		font-size: 1.6rem;
	}
}

button,a,i,span{
	display: inline-block;
}
.check-icon{
	background: url("../images/Register_icon/check_icon.svg") center no-repeat;
	width: 24px;
	height: 24px;
}



.user-icon{
	background: url("../images/Register_icon/user_image.svg") center no-repeat;
	width: 16px;
	height: 20px;
}
.email-icon{
	background: url("../images/Register_icon/email_icon.svg") center no-repeat;
	width: 20px;
	height: 16px;
}
.whatsapp-icon{
	background: url("../images/Register_icon/whatsapp.png") center no-repeat;
	background-size: 100%;
	width: 21px;
    height: 23px;
}
.call-icon{
	background: url("../images/Register_icon/call_icon.svg") center no-repeat;
	width: 16px;
	height: 20px;
}
.password-icon{
	background: url("../images/Register_icon/password_icon.svg") center no-repeat;
	width: 16px;
	height: 20px;
}


.close{
	background: url("../images/close.svg") no-repeat center;
	width: 16px;
	height: 16px;
	z-index: 98;
}


.wt-btn {
    border: 2px solid #055098;
    padding: 8px 20px 8px 15px;
    color: #055098;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    border-radius: 8px;
    transition: all .2s;
    min-width: 130px;
    position: relative;
	font-size: 1.8rem;
}
.wt-btn:hover {
	background-color: #055098;
	color: #fff;
}

.bl-btn{
	background-color: #055098;
    border-radius: 12px;
    padding: 10px 18px;
	transition: all .2s;
	border: 2px solid #055098;
	color: #ffffff;
	font-family: 'MuseoSansCyrl300',sans-serif;
	font-weight: 300;
	font-size: 1.8rem;
}
.bl-btn:hover{
	background-color: #ffffff;
	color: #055098;
}

.buy-btn{
	padding: 8px 20px;
    border: none;
    color: #055096;
    cursor: pointer;
    font-family: 'museo_sans_cyrl500',sans-serif;
    font-weight: 400;
    font-size: 18px;
    border-radius: 12px;
    min-width: 140px;
	transition: all .2s;
}
.buy-btn:hover{
	color: #ffffff;
	background-color: #055096;
}
.bar{
	position: absolute;
	top: 0;
	left: 0;
	width: 26px;
	height: 9px;
	background-color: #055098;
	border-radius: 4px;
}
.container-fluid{
	position: relative;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}

body img {
  -webkit-user-select: none; 
  -moz-user-select: none;    
  -ms-user-select: none;      
  -o-user-select: none;
  user-select: none;          
}
figure{
	margin: 0;
}
*:focus {
    outline: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*
 2.0.3) Form Elements
 -----------------------------*/
button, input, optgroup, select, textarea {
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: inherit;
	background: #fff;
	border: 1px solid #ccc;
	font-family: 'MuseoSansCyrl300',sans-serif;
}
input,select,textarea{
	border-radius:0;
}
a{
	color:#fff;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
a:focus{
	outline: none;
	border:none;
}
input {
	line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
	padding: 0;
	border: none;
}
button, input[type="button"], input[type="reset"], input[type="submit"], input[type="file"] {
	cursor: pointer;
	line-height: normal;
	overflow: visible;
}
button[disabled], input[disabled] {
	cursor: default;
	color: #999 !important;
	border-color: #ccc !important;
	background-color: transparent!important;
}
button[disabled]:hover .arrow{
	filter: brightness(1) !important;
}
button[disabled]:hover, input[disabled]:hover {
	cursor: default;
	color: #999 !important;
	border-color: #ccc !important;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	border: 0;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}




    /*** iPhone and iOS Form Input Zoom Fixes ***/
/* Fix Input Zoom on devices older than iPhone 5: */
@media screen and (max-device-width:767px) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="tel"], input[type="url"]{ font-size: 16px !important; }

}
/*
 2.0.4) List Styles
 ---------------------------------*/
button{
	border:none;
	background: transparent;
}
/*global heading*/
h1,h2{
	font-family: "MuseoSansCyrl700",sans-serif;
}
h2{
	font-size: 2.8rem;
}
h3{
	font-size: 2.4rem;
}
h4{
	font-size: 1.8rem;
}
h3,h4,h5,h6{
    font-family: 'museo_sans_cyrl500',sans-serif;
	font-weight: 500; 
}
@media all and (min-width:480px){
	h2{
		font-size: 3rem;
	}
	h3{
		font-size: 2.6rem;
	}
	h4{
		font-size: 2rem;
	}
	h5{
		font-size: 3.2rem;
	}
}
@media all and (min-width:768px){
	h2{
		font-size: 4rem;
	}
	h3{
		font-size: 2.8rem;
	}
	h4{
		font-size: 2.4rem;
	}
	h5{
		font-size: 3.6rem;
	}
}
@media all and (min-width:992px){
	h2{
		font-size: 4.8rem;
	}
	h3{
		font-size: 3.2rem;
	}
	h5{
		font-size: 4rem;
	}
}
@media all and (min-width:1200px){
	h2{
		font-size: 5.2rem;
	}
}
@media all and (min-width:1400px){
	h2{
		font-size: 6rem;
	}
}
.flex{
	--columns:2;
	--gap:25px;
	gap:var(--gap);
	--gap-count:calc( var(--columns) - 1 );
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
  }

.flex-child{
	/* flex-basis: calc(100% / 3) */
	flex-basis: calc( calc( 100% / var(--columns) ) - calc( var(--gap) / var(--columns) * var(--gap-count) ) );
}
/* Containers*/
.container {
    max-width: 1560px;
    padding: 0 20px;
    width: 100%;
    margin: 0 auto;
}
.container-resource-blog{
	max-width: 1560px;
    padding: 0 40px;
    width: 100%;
    margin: 0 auto;
}
#overlay{
	background: rgba(0, 0, 0, 0.6) !important;
}
#overlay #modalLoader{
	border: 0 !important;
	left: 43%;
	transform: translateY(-50%);
}
@media all and (min-width:768px){
	#overlay #modalLoader{
		left: 48%;
	}
}