@charset "UTF-8";

@import url("fonts.css");
@import url("resort.ui.css");

/* Override */

:root {
	--main-font-family: 'open_sans', Arial, sans-serif;
	--main-font-size: 16px;

	/* Typography */
	
	/* h1 */
	--f1: 28px;
	--m-f1: 38px;
	--xl-f1: 46px;

	/* h2 */
	--f2: 24px;
	--m-f2: 32px;
	--xl-f2: 42px;

	/* h3 */
	--f3: 22px;
	--m-f3: 24px;
	--xl-f3: 26px;

	/* h4 */
	--f4: 20px;
	--m-f4: 22px;
	
	/* h2/h3 Small */
	--f5: 18px;
	--m-f5: 22px;
	--xl-f5: 28px;

	/* h3 Small */
	--f6: 20px;
	--m-f6: 24px;
}

body {
	color: #384650;
	-webkit-tap-highlight-color: transparent;
}

/* Common */

.spr-icon {
	background-image: url(/imgs/sprite.webp);
	background-size: 643px 944px;
}

.spr-2-icon {
	background-image: url(/imgs/sprite_2.webp);
	background-size: 800px 800px;
}

.svg-icon {
	display: block;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.light-spr {
	background-image: url(/imgs/light.webp);
	background-size: 428px 266px;
}

i.ext {
	background-image: url(/imgs/ext.webp);
	background-size: 500px 36px;
}

i.serv {
	background-image: url(/imgs/serv_icons.webp);
	background-size: 770px 140px;
}

.icon {
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

p { line-height: 1.8; }

p em, h2 em, h3 em {
	font-family: 'open_sans', Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
}

.form-field {
	padding: 0;
	margin-bottom: 0;
}

/* -----------------
	Header
------------------ */

header {
	font-size: 0;
	overflow: hidden;
}

header .top-bar {
	position: relative;
	/*
	overflow: hidden;
	*/
}

header .cover {
	opacity: 1;
	transform: translateZ(0);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	animation-name: bg-zoom;
	animation-duration: 20s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;
}

/* Login Box */

.login-modal{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 10002;
	opacity: 0;
	transition: opacity .15s linear;
}

.login-box{
	background: rgba(228, 235, 240, 0.25);
	padding: 8px;
	border-radius: 20px;
	position: fixed;
	top: -25%;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 10003;
	font-size: 0;
	opacity: 0;
	transition: opacity .3s linear, top .3s ease-out;
}

.login-box.popup-show {
	top: 10%;
	opacity: 1;
}

.login-box a.close-btn{
	position: absolute;
	display: block;
	top: 20px;
	right: 20px;
	width: 32px;
	height: 32px;
	background-position: -608px -542px;
	cursor: pointer;
}

.login-box .inside{
	border-radius: 20px;
	overflow: hidden;
}

.login-box .inner{
	background-color: #fff;
	padding: 40px 40px 25px 30px; 
}

.login-box h3{
	opacity: 0.9;
	font-size: 25px;
	font-family: 'poppins', Arial, sans-serif;
	font-weight: 200;
	margin-bottom: 20px;
}

.login-box form label{
	display: block;
	margin-bottom: 8px;
}

.login-box form input[type=text],
.login-box form input[type=password]{
	display: block;
	width: 100%;
	box-shadow: 0.707px 0.707px 0px 0px rgba(8, 43, 65, 0.08);
	border: 1px solid rgba(56, 70, 80, 0.15);
	border-radius: 6px;
	padding: 12px 15px;
	color: #1f5475;
	font-size: 14px;
}

.login-box form input[type=text]::placeholder,
.login-box form input[type=password]::placeholder{
	opacity: 0.6;
}

.login-box a.reset-pwd{
	font-size: 15px;
	color: #008bda;
	display: inline-block;
	margin-top: 10px;
}

.login-box .buttons{
	background-color: #eff3f5;
	text-align: center;
	padding: 24px 0;
}

.login-box .buttons a,
.login-box .buttons button{
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	font-size: 14px;
	font-weight: 600;
	font-family: 'poppins', Arial, sans-serif;
	border-radius: 6px;
	border: 1px solid #0780e3;
	padding: 12px 28px;
	cursor: pointer;
}

.login-box .buttons .btn-auth{
	background-color: #0780e3;
	color: #fff;
}

.login-box .buttons a.btn-register{
	background-color: #fff;
	color: #0780e3;
}

/* Nav Menu */

header .mob-menu-handler {
	width: 43px;
	height: 43px;
	margin-top: 5px;
	transform: rotate(0deg);
	transition: .5s ease-in-out;
	cursor: pointer;
}

header .mob-menu-handler span {
	display: block;
	position: absolute;
	height: 2px;
	width: 50%;
	background: #fff;
	border-radius: 15px;
	opacity: 1;
	left: 0;
	right: 0;
	margin: 0 auto;
	transform: rotate(0deg);
	transition: .25s ease-in-out;
}

header .mob-menu-handler span:nth-child(1) {
	top: 10px;
}

header .mob-menu-handler span:nth-child(2),
header .mob-menu-handler span:nth-child(3) {
	top: 18px;
}

header .mob-menu-handler span:nth-child(4) {
	top: 26px;
}

header .mob-menu-handler.open span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}

header .mob-menu-handler.open span:nth-child(2) {
	transform: rotate(45deg);
}

header .mob-menu-handler.open span:nth-child(3) {
	transform: rotate(-45deg);
}

header .mob-menu-handler.open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}

/* Mob Menu */

.mob-menu {
	position: absolute;
	right: 10px;
	top: 70px;
	z-index: 1001;
	border-radius: 5px;
	padding-top: 10px;
	background: rgba(255, 255, 255, 0.98);
	overflow: hidden;
	text-align: left;
	box-shadow: 0px 0px 8px 8px rgba(0, 0, 0, 0.08);
	width: 90%;
	max-width: 300px;
}

.mob-menu.open {
	display: block !important;
}

.mob-menu ul{
	list-style-type: none;
}

.mob-menu > ul{
	padding: 0 25px;
}

.mob-menu > ul > li > ul > li{
	padding: 5px 0;
}

.mob-menu > ul > li > span,
.mob-menu > ul > li > a,
.mob-menu > ul > li > ul > li > a{
	color: #24536e;
	opacity: 0.9;
	font-size: 15px;
	font-family: 'poppins', Arial, sans-serif;
	font-weight: 600;
	position: relative;
	display: block;
}

.mob-menu > ul > li > span,
.mob-menu > ul > li > a{
	padding: 13px 0;
}

.mob-menu > ul > li > ul > li > a{
	padding: 2px 0;
}

.mob-menu > ul > li > span:after,
.mob-menu > ul > li > a:after{
	display: block;
	content: '';
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 0;
	position: absolute;
	background-image: linear-gradient( 0deg, rgba(40,82,104,0) 0%, rgb(40,82,104) 50%, rgba(40,82,104,0) 100%);
	opacity: 0.3;
}

.mob-menu > ul > li > ul > li > a {
	font-size: 14px;
	font-weight: normal;
}

.mob-menu > ul > li > ul > li > a strong{
	font-weight: 600;
}

.mob-menu i{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	width: 40px;
	height: 40px;
}

.mob-menu i.ic-1{
	background-position: -709px -337px;
}

.mob-menu i.ic-2{
	background-position: -749px -297px;
}

.mob-menu i.ic-3{
	background-position: -749px -337px;
}

.mob-menu i.ic-4{
	background-position: -709px -257px;
}

.mob-menu i.ic-5{
	background-position: -709px -217px;
}

.mob-menu i.ic-6{
	background-position: -749px -217px;
}

.mob-menu i.ic-7{
	background-position: -709px -297px;
}

.mob-menu i.ic-8{
	background-position: -749px -257px;
}

.mob-menu i.ic-9{
	background-position: -749px -377px;
}

.mob-menu .btn-line{
	padding: 25px 20px 30px 20px;
	box-shadow: inset 0px 0px 9px 0px rgba(0, 0, 1, 0.004);
	background-color: #fff;
}

.mob-menu .btn-line a{
	display: block;
	background-color: #285268;
	color: rgba(255, 255, 255, 0.95);
	border-radius: 3px;
	padding: 12px 0;
	text-align: center;
	font-size: 14px;
	font-weight: 600;
	font-family: 'poppins', Arial, sans-serif;
	position: relative;
	padding-left: 10px;
}

.mob-menu .btn-line i.ic-access{
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 12px;
	width: 20px;
	height: 20px;
	background-position: -749px -188px;
}

header .top-bar:after {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 1px;
	left: 0;
	bottom: 0;
	background: rgba(255, 255, 255, 0.4);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
}

header .top-bar .col-2 {
	clear: both;
	padding-top: 10px;
}

header .top-bar a.logo img {
	display: block;
}

header .top-bar .menu a {
	margin: 0 8px;
	font-size: 13px;
	color: #fff;
	opacity: 0.8;
}

header .top-bar .phone {
	font-size: 14px;
	color: #fff;
	opacity: 0.8;
	display: block;
	padding: 10px 0;
}

header .top-bar .phone:before {
	display: inline-block;
	vertical-align: middle;
	content: '';
	margin-right: 10px;
	background-image: url(/imgs/sprite.webp);
	background-size: 643px 944px;
	background-position: -616px -135px;
	width: 20px;
	height: 20px;
}

header .top-bar .right-btns a,
header .top-bar .right-btns .btn-lang {
	background-color: rgba(255, 255, 255, 0);
	display: flex;
	align-items: center;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.85);
	font-weight: bold;
	border-radius: 5px;
	padding: 10px 15px 10px 42px;
	position: relative;
	transition: all 150ms;
	cursor: pointer;
}

header .top-bar .right-btns a:hover,
header .top-bar .right-btns .btn-lang:hover {
	background-color: rgba(255, 255, 255, 0.15);
}

header .top-bar .right-btns a.btn-auth { cursor: pointer; }

header .top-bar .right-btns a.btn-auth:before {
	display: block;
	position: absolute;
	content: '';
	top: 50%;
	left: 9px;
	background-image: url(/imgs/sprite.webp);
	background-size: 643px 944px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background-position: -547px -101px;
}

header .top-bar .right-btns .btn-lang {
	display: flex;
	padding-left: 10px;
	position: relative;
}

header .top-bar .right-btns .btn-lang i {
	flex-shrink: 0;
	margin-right: 10px;	
}

header .top-bar .right-btns .btn-lang.btn-dropdown::after {	
	margin-left: 7px;
	margin-top: 3px;
	color: #d2d9e5;
	display: block;
	content: "";
	border-top: 7px solid;
	border-right: 7px solid transparent;
	border-bottom: 0;
	border-left: 7px solid transparent;
}

header .top-bar .right-btns .btn-lang ul {
	display: none;
	position: absolute;
	top: 45px;
	left: 0;
	z-index: 1;
	padding: 5px;
	background-color: #0780e3;
	border-radius: 6px;
	overflow: hidden;
	-webkit-user-select: none;
	user-select: none;
}

header .top-bar .right-btns .btn-lang li {
	display: block;
}

header .top-bar .right-btns .btn-lang li a {
	display: flex;
	align-items: center;
	padding: 10px 15px;
	position: relative;
}

header .top-menu {
	position: relative;
}

header .top-menu .row {
	overflow: hidden;
}

header .top-menu ul {
	list-style-type: none;
	display: none;
}

header .top-menu ul > li {
	display: inline-block;
	vertical-align: middle;
	padding-right: 10px;
}

header .top-menu ul > li > a {
	font-size: 15px;
	font-family: 'poppins', Arial, sans-serif;
	font-weight: 600;
	opacity: 0.9;
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	padding: 10px;
	border-radius: 3px;
	transition: all 150ms;
}

header .top-menu ul > li > a:hover{
	background: rgba(255, 255, 255, 0.15);
}

header .top-menu ul > li > ul {
	display: block;
	visibility: hidden;
	opacity: 0;
}

header .top-menu ul > li:hover > ul {
	visibility: visible;
	opacity: 1;
}

header .top-menu ul > li.sub > a:after {
	display: inline-block;
	vertical-align: middle;
	content: '';
	width: 10px;
	height: 6px;
	background-image: url(/imgs/sprite.webp);
	background-size: 643px 944px;
	background-position: -597px -142px;
	margin-left: 8px;
}

header .top-bar .top-btns {
	margin-top: 20px;
}

header .top-bar .top-btns, 
header .top-menu .right-btns {
	vertical-align: middle;	
}

header .top-menu .right-btns {
	text-align: right;
}

header .top-bar .top-btns a,
header .top-menu .right-btns a {
	background-color: rgba(255, 255, 255, 0);
	display: inline-block;
	vertical-align: middle;
	margin: 0 4px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	border-radius: 5px;
	padding: 8px 15px 8px 42px;
	position: relative;
	transition: all 150ms;
}

header .top-bar .top-btns a:hover,
header .top-menu .right-btns a:hover {
	background-color: rgba(255, 255, 255, 0.15);
}

header .top-bar .top-btns a:before,
header .top-menu .right-btns a:before {
	display: block;
	position: absolute;
	content: '';
	top: 50%;
	left: 9px;
	background-image: url(/imgs/sprite.webp);
	background-size: 643px 944px;
}


header .top-bar .top-btns a.btn-ss:before,
header .top-menu .right-btns a.btn-ss:before {
	width: 23px;
	height: 21px;
	background-position: -518px -101px;
	margin-top: -10px;
}

header .top-bar .top-btns a.btn-inc:before,
header .top-menu .right-btns a.btn-inc:before {
	width: 17px;
	height: 21px;
	background-position: -601px -101px;
	margin-top: -10px;
}

/* -----------------
	Header Submenu
------------------ */

header ul.submenu > li {
	display: block;
	position: absolute;
	left: 0;
	z-index: 1001;
	width: 100%;
}

header ul.submenu > li > .container {
	overflow: hidden;
	border-radius: 5px;
	background-color: rgba(255, 255, 255, 0.96);
	margin-top: 15px;
}

header .submenu .row {
	padding: 40px 10px 30px 10px;
}

header .submenu .col {
	padding: 0 25px;
	position: relative;
}

header .submenu .col-2:before {
	display: block;
	width: 1px;
	height: 100%;
	content: '';
	background: rgba(187, 199, 206, 0.45);
	background: linear-gradient(bottom, rgba(187, 199, 206, 0.15) 0%, rgba(187, 199, 206, 1) 50%, rgba(187, 199, 206, 0.15) 100%);
	position: absolute;
	top: 0;
	left: 0;
}

header .submenu h3 {
	font-size: 22px;
	opacity: 0.9;
	color: #24536e;
	font-family: 'poppins', Arial, sans-serif;
	margin-bottom: 25px;
}

header .submenu.hosting .title,
header .submenu.servers .title {
	margin-bottom: 25px;
}

header .submenu.hosting h3,
header .submenu.servers h3 {
	font-size: 24px;
	margin-bottom: 30px;
}

header .submenu.hosting .col-1,
header .submenu.servers .col-1 {
	padding-top: 20px;
}

header .submenu.hosting .col-1 p,
header .submenu.servers .col-1 p  {
	font-size: 15px;
	color: #24536e;
	opacity: 0.95;
}

header .submenu .xcol {
	margin-bottom: 12px;
}

header .submenu .xcol .txt {
	display: inline-block;
	vertical-align: middle;
	width: 70%;
}

header .submenu .xcol .inside {
	border: 1px solid transparent;
	border-radius: 10px;
	padding: 6px 10px 6px 6px;
	transition: all 150ms;
}

header .submenu .xcol .inside:hover {
	border-color: #c4cfd6;
	background-color: #fff;
}

header .submenu .xcol i {
	display: inline-block;
	vertical-align: middle;
	width: 70px;
	height: 70px;
	margin-right: 10px;
}

header .submenu .xcol i.ic-cld {
	background-position: -630px -70px;
}

header .submenu .xcol i.ic-wp {
	background-position: 0px 0px;
}

header .submenu .xcol i.ic-mag{
	background-position: -560px 0px;
}

header .submenu .xcol i.ic-res{
	background-position: -700px 0px;
}

header .submenu .xcol i.ic-plk {
	background-position: -140px 0px;
}

header .submenu .xcol i.ic-cpn {
	background-position: -560px -70px;
}

header .submenu .xcol i.ic-ovz {
	background-position: 0px -70px;
}

header .submenu .xcol i.ic-kvm {
	background-position: -70px 0px;
}

header .submenu .xcol i.ic-vcl {
	background-position: -630px 0px;
}

header .submenu .xcol i.ic-ded {
	background-position: -420px 0px;
}

header .submenu .xcol i.ic-auc {
	background-position: -490px 0px;
}

header .submenu .xcol i.ic-bkp {
	background-position: -350px 0px;
}

header .submenu .xcol i.ic-man {
	background-position: -210px -70px;
}

header .submenu .xcol i.ic-hdd {
	background-position: -70px -70px;
}

header .submenu .xcol i.ic-fwl {
	background-position: -420px -70px;
}

header .submenu .xcol i.ic-lic {
	background-position: -140px -70px;
}

header .submenu .xcol i.ic-sec {
	background-position: -490px -70px;
}

header .submenu .xcol i.ic-des {
	background-position: -210px 0px;
}

header .submenu .xcol i.ic-web {
	background-position: -280px 0px;
}

header .submenu .xcol i.ic-opt {
	background-position: -280px -70px;
}

header .submenu .xcol i.ic-mob {
	background-position: -350px -70px;
}

header .submenu .xcol h4 {
	font-family: 'poppins', Arial, sans-serif;
	font-size: 15px;
	color: #24536e;
	opacity: 0.9;
	text-transform: uppercase;
	margin-bottom: 2px;
}

header .submenu .xcol h4 strong {
	font-weight: 600;
}

header .submenu .xcol p {
	line-height: normal;
}

header .submenu .xcol p,
header .submenu .xcol .small-menu,
header .submenu .xcol .small-menu a{
	font-size: 13px;
	opacity: 0.75;
	color: #24536e;
}

header .submenu .info {
	padding: 18px 0;
	text-align: center;
	background-color: rgba(227, 236, 241, 0.3);
	box-shadow: inset 0px 0px 9px 0px rgba(0, 0, 0, 0.2);
}

header .submenu .info p {
	font-family: 'poppins', Arial, sans-serif;
	color: #285268;
	opacity: 0.9;
	font-size: 22px;
	display: inline-block;
	vertical-align: middle;
}

header .submenu .info p strong {
	font-weight: 600;
}

header .submenu .info a.btn-more {
	position: relative;
	margin-left: 25px;
	display: inline-block;
	vertical-align: middle;
	background-color: #0780e3;
	color: rgba(255, 255, 255, 0.95);
	border: 1px solid #0780E3;
	padding: 13px 35px;
	font-family: 'poppins', Arial, sans-serif;
	font-size: 14px;
	font-weight: 600;
	border-radius: 3px;
	overflow: hidden;
	transition: all 150ms;
}

header .submenu .info a.btn-more:hover {
	color: #0780E3;
	background-color: #fff;
	border-color: #0780E3;
}

header .submenu.services .col-2{
	padding-top: 45px;
}

/* ---------------
	Popup Box 
(maybe with effects?)
---------------- */

.popup-modal{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 1;
	border-radius: 12px;
}

.popup-box {
	position: absolute;
	width: 88%;
	padding: 25px 25px 10px 25px;
	left: 0;
	right: 0;
	margin: auto;
	top: 250px;
	z-index: 2;
	border-radius: 5px;
	box-shadow: 0px 0px 10.4px 2.6px rgba(20, 69, 104, 0.14);
	background-color: #fff;
	color: #144568;
}

.popup-box a.close {
	transform: rotate(180deg);
	position: absolute;
	top: 20px;
	right: 20px;
	width: 18px;
	height: 18px;
	cursor: pointer;
	opacity: 0.5;
	transition: opacity 200ms;
}

.popup-box a.close:hover {
	opacity: 1;
}

.popup-box a.close .border {
	transition: all .3s ease;
	position: absolute;
	width: 18px;
	height: 4px;
	background-color: #144568;
}

.popup-box a.close .border-1 {
	transform: rotate(45deg);
}

.popup-box a.close .border-2 {
	transform: rotate(-45deg);
}

.popup-box h4{
	font-size: 18px;
	margin-bottom: 40px;
}

.popup-box .info{
	text-align: center;
}

.popup-box .xcol{
	margin-bottom: 40px;
	-webkit-user-select: none;
	user-select: none;
}

.popup-box .xcol p{
	line-height: normal;
	font-size: 14px;
}

.popup-box .xcol i{
	width: 35px;
	height: 35px;
	display: inline-block;
	margin-bottom: 15px;
	transition: transform 300ms;
}

.popup-box .xcol:hover i{
	transform: translateY(5px);
}

.popup-box .xcol i.ic-cpu{
	background-position: -357px -208px;
}

.popup-box .xcol i.ic-mem{
	background-position: -392px -208px;
}

.popup-box .xcol i.ic-hdd{
	background-position: -392px -243px;
}

.popup-box .xcol i.ic-conn{
	background-position: -357px -243px;
}

/* ---------------------
	LAYER OUR CLIENTS
/* -------------------- */

.layer-our-clients{
	background-color: #f3f7f9;
	position: relative;
}

.layer-our-clients.white {
	background-color: #fff;
}

.layer-our-clients .wrapper { 
	padding: 40px 0 40px 0;
	text-align: center;
	color: #144568;
}

.layer-our-clients h2 {
	font-size: 20px;
	font-family: 'poppins', Arial, sans-serif;
	font-weight: 600;
	margin-bottom: 10px;
}

.layer-our-clients h3 {
	font-size: 14px;
	line-height: 26px;
	font-family: 'poppins', Arial, sans-serif;
}

.layer-our-clients .group { 
	margin-top: 30px;
	font-size: 0;
}

.layer-our-clients i {
	width: 170px;
	height: 60px;
}

.layer-our-clients i.ic-microsoft {
	background-image: url(/imgs/partners/ic-microsoft.webp);
}

.layer-our-clients i.ic-amd {
	background-image: url(/imgs/partners/ic-amd.webp);
}

.layer-our-clients i.ic-intel {
	background-image: url(/imgs/partners/ic-intel.webp);
}

.layer-our-clients i.ic-adidas {
	background-image: url(/imgs/partners/ic-adidas.webp);
}

.layer-our-clients i.ic-forbes {
	background-image: url(/imgs/partners/ic-forbes.webp);
}

/* ------------------
	Info Map
------------------- */

.info-map{
	background-color: #fff;
	box-shadow: 8.485px 8.485px 10px 0px rgba(56, 70, 80, 0.05);
	border: 1px solid rgba(56, 70, 80, 0.085);
	border-radius: 30px;
	margin-top: 60px;
	overflow: hidden;
	padding: 30px 50px;
	position: relative;
	-webkit-user-select: none;  
	user-select: none;
}

.info-map .menu{
	list-style-type: none;
	text-align: center;
}

.info-map .menu > li{
	padding: 15px 0;
	display: inline-block;
	margin-right: 30px;
}

.info-map .menu > li > a{
	font-size: 20px;
	opacity: 0.8;
	color: #144568;
	cursor: pointer;
}

.info-map .menu > li > a.active{
	font-weight: bold;
	pointer-events: none;
}

.info-map .map{
	position: relative;
}

.info-map .map img {
	width: 100%;
	height: auto;
	margin-right: 30px;
}

.info-map .map .point {
	position: absolute;
	background-color: #0780e3;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	cursor: pointer;
	border: 2px solid rgba(255, 255, 255, 1);
	animation: pulse-point 2s ease-out infinite;
	z-index: 1;
}

.info-map .map .point:hover::before {
	content: "";
	position: absolute;
	top: -6px;
	left: 50%;
	transform: translateX(-50%);
	border-width: 4px 6px 0 6px;
	border-style: solid;
	border-color: rgba(31, 84, 117, 0.9) transparent transparent transparent;
	z-index: 2;
}

.info-map .map .point:hover::after {
	content: attr(data-tooltip);
	position: absolute;
	left: 50%;
	top: -6px;
	transform: translateX(-50%) translateY(-100%);
	background: rgba(31, 84, 117, 0.9);
	font-family: 'open_sans', Arial, sans-serif;
	text-align: center;
	color: #fff;
	padding: 4px 2px;
	font-size: 13px;
	min-width: 80px;
	border-radius: 5px;
	pointer-events: none;
	z-index: 2;
}

@keyframes pulse-point {
	0% {
		box-shadow: 0 0 rgba(7, 128, 227, 0.5);
	}

	50% {
		box-shadow: 0 0 0 18px rgba(7, 128, 227, 0);
	}

	100% {
		box-shadow: 0 0 rgba(7, 128, 227, 0);
	}
}

.info-map .map .point.alba {
	top: 43.8%;
	left: 36.0%;
}

.info-map .map .point.arad {
	top: 42.3%;
	left: 12.6%;
}

.info-map .map .point.arges {
	top: 63.7%;
	left: 47.7%;
}

.info-map .map .point.bacau {
	top: 38.5%;
	left: 68.4%;
}

.info-map .map .point.bihor {
	top: 31.9%;
	left: 19.0%;
}

.info-map .map .point.bistrita_nasaud {
	top: 28.2%;
	left: 45.1%;
}

.info-map .map .point.botosani {
	top: 18.4%;
	left: 65.1%;
}

.info-map .map .point.braila {
	top: 57.0%;
	left: 78.8%;
}

.info-map .map .point.brasov {
	top: 51.2%;
	left: 52.7%;
}

.info-map .map .point.bucuresti {
	top: 70.7%;
	left: 60.3%;
}

.info-map .map .point.buzau {
	top: 59.0%;
	left: 67.8%;
}

.info-map .map .point.calarasi {
	top: 72.8%;
	left: 74.6%;
}

.info-map .map .point.caras_severin {
	top: 55.1%;
	left: 18.4%;
}

.info-map .map .point.cluj {
	top: 35.3%;
	left: 36.5%;
}

.info-map .map .point.constanta {
	top: 75.4%;
	left: 86.7%;
}

.info-map .map .point.covasna {
	top: 49.1%;
	left: 59.2%;
}

.info-map .map .point.dambovita {
	top: 65.1%;
	left: 53.8%;
}

.info-map .map .point.dolj {
	top: 73.5%;
	left: 38.5%;
}

.info-map .map .point.galati {
	top: 54.3%;
	left: 79.1%;
}

.info-map .map .point.giurgiu {
	top: 77.5%;
	left: 60.3%;
}

.info-map .map .point.gorj {
	top: 60.0%;
	left: 30.3%;
}

.info-map .map .point.harghita {
	top: 40.1%;
	left: 56.7%;
}

.info-map .map .point.hunedoara {
	top: 47.3%;
	left: 28.7%;
}

.info-map .map .point.ialomita {
	top: 67.3%;
	left: 75.2%;
}

.info-map .map .point.iasi {
	top: 27.6%;
	left: 73.3%;
}

.info-map .map .point.ilfov {
	top: 66.9%;
	left: 61.3%;
}

.info-map .map .point.maramures {
	top: 21.8%;
	left: 35.5%;
}

.info-map .map .point.mehedinti {
	top: 67.9%;
	left: 26.3%;
}

.info-map .map .point.mures {
	top: 39.8%;
	left: 43.5%;
}

.info-map .map .point.neamt {
	top: 32.5%;
	left: 59.8%;
}

.info-map .map .point.olt {
	top: 71.3%;
	left: 43.5%;
}

.info-map .map .point.prahova {
	top: 62.5%;
	left: 59.8%;
}

.info-map .map .point.salaj {
	top: 28.8%;
	left: 28.7%;
}

.info-map .map .point.satu_mare {
	top: 19.7%;
	left: 26.6%;
}

.info-map .map .point.sibiu {
	top: 49.8%;
	left: 40.5%;
}

.info-map .map .point.suceava {
	top: 21.5%;
	left: 59.8%;
}

.info-map .map .point.teleorman {
	top: 76.9%;
	left: 53.5%;
}

.info-map .map .point.timis {
	top: 48.2%;
	left: 10.5%;
}

.info-map .map .point.tulcea {
	top: 57.6%;
	left: 89.6%;
}

.info-map .map .point.valcea {
	top: 61.3%;
	left: 42.0%;
}

.info-map .map .point.vaslui {
	top: 36.6%;
	left: 75.8%;
}

.info-map .map .point.vrancea {
	top: 51.9%;
	left: 71.7%;
}

.info-map .map .point.euro_timis {
	top: 70.1%;
	left: 49.9%;
}

.info-map .map .point.sofia {
	top: 76.9%;
	left: 53.8%;
}

.info-map .map .point.chisinau {
	top: 66.2%;
	left: 59.2%;
}

.info-map .map .point.moscova {
	top: 46.8%;
	left: 64.4%;
}

.info-map .map .point.st_petersburg {
	top: 39.3%;
	left: 54.4%;
}

.info-map .map .point.stockholm {
	top: 43.8%;
	left: 40.6%;
}

.info-map .map .point.viena {
	top: 66.8%;
	left: 42.0%;
}

.info-map .map .point.praga {
	top: 63.1%;
	left: 39.1%;
}

.info-map .map .point.amsterdam {
	top: 58.2%;
	left: 27.4%;
}

.info-map .map .point.paris {
	top: 65.4%;
	left: 23.8%;
}

.info-map .map .point.londra {
	top: 58.8%;
	left: 20.9%;
}

.info-map .map .point.madrid {
	top: 81.3%;
	left: 12.7%;
}

.info-map .map .point.roma {
	top: 80.0%;
	left: 37.4%;
}

.info-map .map .point.frankfurt {
	top: 62.5%;
	left: 31.7%;
}

.info-map .map .point.nurnberg {
	top: 64.5%;
	left: 35.2%;
}

.info-map .map .point.atena {
	top: 86.9%;
	left: 55.8%;
}

.info-map .map .point.belgrad {
	top: 73.7%;
	left: 48.3%;
}

.info-map .map .point.tokyo {
	top: 46.6%;
	left: 85.9%;
}

.info-map .map .point.beijing {
	top: 41.8%;
	left: 69.1%;
}

.info-map .map .point.hong_kong {
	top: 58.5%;
	left: 70.9%;
}

.info-map .map .point.mumbai {
	top: 62.5%;
	left: 40.5%;
}

.info-map .map .point.riad {
	top: 56.9%;
	left: 19.2%;
}

.info-map .map .point.toronto {
	top: 45.9%;
	left: 63.8%;
}

.info-map .map .point.new_york {
	top: 50.3%;
	left: 68.0%;
}

.info-map .map .point.washington_dc {
	top: 52.3%;
	left: 63.5%;
}

.info-map .map .point.houston {
	top: 63.5%;
	left: 42.3%;
}

.info-map .map .point.san_jose {
	top: 54.4%;
	left: 19.4%;
}

.info-map .map .point.chicago {
	top: 48.5%;
	left: 55.2%;
}

.info-map .map .point.denver {
	top: 51.2%;
	left: 38.1%;
}

.info-map .map .point.dallas {
	top: 60.0%;
	left: 41.7%;
}

.info-map .map .point.sao_paulo {
	top: 54.1%;
	left: 65.8%;
}

.info-map .map .point.sydney {
	top: 62.5%;
	left: 72.0%;
}

/* Layer Support */
/* ------------------ */

.layer-support .wrapper{
	font-size: 0;
	text-align: center;
}

.layer-support .wrapper.text{
	padding: 40px 0 40px 0;
}

.layer-support h2 {
	font-size: 20px;
	font-weight: 600;
	font-family: 'poppins', Arial, sans-serif;
	margin-bottom: 15px;
}

.layer-support h3 {
	font-size: 14px;
	font-family: 'poppins', Arial, sans-serif;
}

.layer-support .info{
	background-color: #0780e3;
}

.layer-support .info .wrapper{
	color: #fff;
	padding: 40px 0 0 0;
}

.layer-support .col{
	padding: 0 25px 40px 25px;
}

.layer-support .col .im-box{
	margin: 0 auto 30px auto;
	box-shadow: inset 0px 0px 28px 0px rgba(7, 128, 227, 0.2);
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background-color: #fff;
	z-index: 0;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	background-size: cover;
	transition: transform 300ms ease-out;
}

.layer-support .col .im-box:before{
	display: block;
	content: '';
	position: absolute;
	top: -8px;
	left: -8px;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 8px solid #fff;
	z-index: 2;
}

.layer-support .wrapper .inside:hover .im-box  {
	transform: translateY(10px);
}

.layer-support .col .im-ticket{
	background-image: url(/imgs/robo_ticket.webp);
}

.layer-support .col .im-chat{
	background-image: url(/imgs/robo_live.webp);
}

.layer-support .col .im-phone{
	background-image: url(/imgs/robo_phone.webp);
}

.layer-support .col h3{
	font-size: 17px;
	font-family: 'poppins', Arial, sans-serif;
	font-weight: 600;
	color: #fff;
	margin-bottom: 20px;
}

.layer-support .col p.descr{
	font-size: 14px;
	opacity: 0.7;
	line-height: 1.5;
}

.layer-support .col p.descr strong{
	font-weight: 600;
}

.layer-support .col a.btn-more{
	margin: 20px auto 0 auto;
	width: 198px;
	display: block;
	background-color: #fff;
	padding: 12px 0;
	border-radius: 5px;
	border: 1px solid #fff;
	font-size: 14px;
	font-family: 'poppins', Arial, sans-serif;
	font-weight: 600;
	color: rgba(7, 128, 227, 0.95);
	transition: background-color 200ms, color 200ms;
}

.layer-support .col a.btn-more:hover {
	color: #fff;
	background-color: #0780e3;
}

/* Layer F.A.Q */
/* ------------------ */

.layer-faq .wrapper{
	padding: 40px 0;
}

.layer-faq h2 {
	font-size: 20px;
	margin-bottom: 35px;
	text-align: center;
	font-family: 'poppins', Arial, sans-serif;
}

.layer-faq h2 strong {
	font-weight: 600;
}

.layer-faq .col ul {
	list-style-type: none;
}

.layer-faq .col ul > li {
	background-color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding: 25px;
	border: 1px solid #e7e9ea;
	cursor: pointer;
	margin-bottom: 10px;
	position: relative;
	transition: background-color 200ms;
}

.layer-faq .col ul > li:after {
	position: absolute;
	top: 32px;
	right: 20px;
	display: block;
	content: '';
	background-image: url(/imgs/sprite.webp);
	background-size: 643px 944px;
	width: 10px;
	height: 6px;
	background-position: -545px -548px;
	transform: rotate(270deg);
}

.layer-faq .col ul > li:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 100%;
	content: '';
	background-color: #cde6f9;
	transition: background-color 200ms;
}

.layer-faq .col ul > li.opened:before {
	background-color: #0780e3;
}

.layer-faq .col ul > li.opened:after {
	transform: none;	
}

.layer-faq .col ul > li > ul {
	display: none;
}

.layer-faq .col ul > li > ul > li {
	padding: 0;
	margin: 0;
	border: 0;
	cursor: default;
}

.layer-faq .col ul > li > ul > li:before,
.layer-faq .col ul > li > ul > li:after{
	display: none;
}

.layer-faq .col ul > li > ul > li > p {
	font-size: 14px;
	margin-top: 20px;
}

/* -----------------
	Footer
------------------ */

footer {
	background-color: #131a23;
}

footer .wrapper {
	color: #fff;
	position: relative;
}

footer .robo-im{
	width: 100%;
	height: 273px;
	background:url(/imgs/robo_footer.webp);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

footer .menu {
	padding: 40px 0 20px 0;
}

footer .menu .col {
	position: relative;
	text-align: center;
}

footer .menu .col:last-child:after {
	display: none;
}

footer .menu .col-1 .logo {
	opacity: 0.7;
	display: inline-block;
}

footer .menu .col-1 .company {
	margin-top: 40px;
}

footer .menu .col-1 .company p {
	line-height: normal;
	font-size: 15px;
	font-weight: 200;
	opacity: 0.5;
	margin-bottom: 10px;
}

footer .menu .col-1 ul {
	list-style-type: none;
	margin-top: 40px;
}

footer .menu .col-1 ul > li {
	margin-bottom: 10px;
}

footer .menu .col-1 ul > li > a {
	color: #fff;
	font-family: 'poppins', Arial, sans-serif;
	font-size: 14px;
	opacity: 0.6;
	transition: opacity 150ms;
}

footer .menu .col-2 ul {
	list-style-type: none;
}

footer .menu .col-2 ul > li {
	margin-bottom: 19px;
}

footer .menu .col-2 ul > li > a {
	font-family: 'poppins', Arial, sans-serif;
	font-size: 14px;
	opacity: 0.6;
	color: #fff;
	transition: opacity 150ms;
}

footer .menu .col-1 ul > li > a:hover,
footer .menu .col-2 ul > li > a:hover {
	opacity: 0.8;
}

footer .menu .col-3 h3 {
	font-size: 16px;
	font-weight: 200;
	opacity: 0.6;
	margin-bottom: 20px;
}

footer .menu .col-3 form label {
	display: block;
	margin-bottom: 10px;
}

footer .menu .col-3 form input[type=text] {
	background-color: #192029;
	border: 1px solid #32383f;
	border-radius: 6px;
	padding: 10px 16px;
	font-size: 14px;
	font-weight: 200;
	color: rgba(255, 255, 255, 0.65);
	transition: all 150ms;
}

footer .menu .col-3 form input[type=text]:active,
footer .menu .col-3 form input[type=text]:focus {
	border-color: #424951;
	background-color: #212933;
}

footer .menu .col-3 form input[type=text]::placeholder{
	color: #fff;
	opacity: 0.65;
}

footer .menu .col-3 form button[type=submit] {
	display: block;
	width: 100%;
	border: 0;
	font-size: 14px;
	font-weight: 200;
	background-color: #1e2733;
	padding: 12px 0;
	border-radius: 6px;
	cursor: pointer;
	color: rgba(255, 255, 255, 0.6);
	transition: all 150ms;	
}

footer .menu .col-3 form button[type=submit]:hover {
	background-color: #26313e;
	color: rgba(255, 255, 255, 0.8);
}

footer .menu .col-3 .social-media {
	margin-top: 40px;
	cursor: default;
}

footer .menu .col-3 .social-media a {
	display: inline-block;
	vertical-align: middle;
	margin: 0 15px;
	opacity: 0.8;
	transition: opacity 150ms;
}

footer .menu .col-3 .social-media a:hover {
	opacity: 1;
}

footer .menu .col-3 .social-media a.fb-icon {
	width: 10px;
	height: 21px;
	background-position: -502px -134px;
}

footer .menu .col-3 .social-media a.tw-icon {
	width: 20px;
	height: 17px;
	background-position: -518px -134px;
}

footer .menu .col-3 .social-media a.gp-icon {
	width: 21px;
	height: 21px;
	background-position: -544px -134px;
}

footer .menu .col-3 .social-media a.ln-icon {
	width: 20px;
	height: 17px;
	background-position: -571px -134px;
}

footer .menu .col-4 .card {
	width: 300px;
	height: 120px;
	margin: 0 auto;
	background-image: url(/imgs/msg_bg.svg);
	background-size: 300px 120px;
	background-repeat: no-repeat;
	padding: 20px 0 0 0;
	overflow: hidden;
	text-align: center;
}

footer .menu .col-4 .card h3 {
	font-size: 17px;
	font-weight: 200;
	color: #fff;
	opacity: 0.9;
	margin-bottom: 2px;
}

footer .menu .col-4 .card p.phone {
	font-size: 20px;
	line-height: normal;
	font-weight: bold;
	opacity: 0.9;
}

footer .note {
	position: relative;
	text-align: center;
}

footer .note:before {
	width: 100%;
	height: 1px;
	display: block;
	content: '';
	top: 0;
	left: 0;
	background: linear-gradient(to right, rgba(53, 61, 78, 0.1) 0%, rgba(53, 61, 78, 1) 50%, rgba(53, 61, 78, 0) 75%);
}

footer .note .col {
	padding: 30px 0;
}	

footer .note .col-2 {
	padding-top: 0;
}

footer .note .col p { 
	font-weight: 200;
	line-height: normal;
	opacity: 0.6;
}

footer .note .col-1 p {
	font-size: 14px;	
}

footer .note .col p strong {
	font-weight: 600;
}


footer .note .col-2 p {
	font-size: 14px;
}


/* Effects */

@keyframes slide-in {
	from {
		transform: translateX(50px);
		opacity: 0;
	}

	to {
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes slide-out {
	from {
		transform: translateX(0);
		opacity: 1;
	}

	to {
		transform: translateX(50px);
		opacity: 0;
	}
}

.slide-in {
	animation-name: slide-in;
	animation-duration: 250ms;
	animation-fill-mode: forwards;
}

.slide-out {
	animation-name: slide-out;
	animation-duration: 250ms;
	animation-fill-mode: forwards;
}

@keyframes bg-zoom {
	from {
		transform: scale(1);
	}
	to {
		transform: scale(1.2);
	}
}

@keyframes slide-left {
	from {
		opacity:0;
		transform: translate3d(-100px, 0, 0) rotate3d(-1, -1, 0, 45deg);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0deg);
	}
}

@keyframes slide-left-only {
	from {
		opacity:0;
		transform: translate3d(-100px, 0, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slide-right {
	from {
		opacity:0;
		transform: translate3d(100px, 0, 0) rotate3d(1, 1, 0, 45deg);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0deg);
	}
}

@keyframes slide-right-only {
	from {
		opacity:0;
		transform: translate3d(100px, 0, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slide-bottom {
	from {
		opacity:0;
		transform: translate3d(0, 100px, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slide-rocket {
	from {
		transform: translate3d(-80px, 80px, 0);
	}

	to {
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slide-top  {
	from {
		opacity:0;
		transform: translate3d(0, -100px, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fade-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fade-out {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes zoom-in {
	from {
		opacity: 0;
		transform: scale3d(0, 0, 0);
	}

	to {
		opacity: 1;
		transform: scale3d(1, 1, 1);
	}
}

@keyframes zoom-out {
	from {
		opacity: 1;
		transform: scale3d(1, 1, 1);
	}

	to {
		opacity: 0;
		transform: scale3d(0, 0, 0);
	}
}

.zoom-in {
	animation-name: zoom-in;
	animation-duration: 500ms;
	animation-fill-mode: forwards;
}

.zoom-out {
	animation-name: zoom-out;
	animation-duration: 500ms;
	animation-fill-mode: forwards;
}

.fade-in-fast {
	animation-name: fade-in;
	animation-duration: 250ms;
	animation-fill-mode: forwards;
}

.fade-out-fast {
	animation-name: fade-out;
	animation-duration: 250ms;
	animation-fill-mode: forwards;
}

.fade-in {
	animation-name: fade-in;
	animation-duration: 500ms;
	animation-fill-mode: forwards;
}

.fade-out {
	animation-name: fade-out;
	animation-duration: 500ms;
	animation-fill-mode: forwards;
}

.fx-fade {
	opacity: 0;
	animation-delay: 150ms;
}

.fx-fade.fx-done {
	animation-name: fade-in;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

.fx-icon-slide:after {
	opacity: 0;
	animation-delay: 150ms;
}

.fx-icon-slide.fx-done:after {
	animation-name: slide-bottom;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

.fx-robo-slide:after {
	opacity: 0;
	animation-delay: 150ms;
}

.fx-robo-slide.fx-done:after {
	animation-name: slide-left-only;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

.fx-rocket:after {
	transform: translate3d(-80px, 80px, 0);
	animation-delay: 150ms;
}

.fx-rocket.fx-done:after {
	animation-name: slide-rocket;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

.fx-slide-left {
	opacity: 0;
	animation-delay: 200ms;
}

.fx-slide-left.fx-done {
	animation-name: slide-left;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

.fx-slide-left-only {
	opacity: 0;
	animation-delay: 200ms;
}

.fx-slide-left-only.fx-done {
	animation-name: slide-left-only;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

.fx-slide-right {
	opacity: 0;
	animation-delay: 200ms;
}

.fx-slide-right.fx-done {
	animation-name: slide-right;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

.fx-slide-right-only {
	opacity: 0;
	animation-delay: 200ms;
}

.fx-slide-right-only.fx-done {
	animation-name: slide-right-only;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

.fx-slide-bottom {
	opacity: 0;
	animation-delay: 150ms;
}

.fx-slide-bottom.fx-done {
	animation-name: slide-bottom;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

.fx-slide-top {
	opacity: 0;
	animation-delay: 150ms;
}

.fx-slide-top.fx-done {
	animation-name: slide-top;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}

.fx-ss0 {
	animation-delay: 0ms;
}

.fx-ss1 {
	animation-delay: 150ms;
}

.fx-ss2 {
	animation-delay: 300ms;
}

.fx-ss3 {
	animation-delay: 450ms;
}

.fx-ss4 {
	animation-delay: 600ms;
}

.fx-ss5 {
	animation-delay: 750ms;
}

.fx-ss6 {
	animation-delay: 900ms;
}

.fx-ss7 {
	animation-delay: 1.05s;
}

.fx-ss8 {
	animation-delay: 1.2s;
}

.fx-ss9 {
	animation-delay: 1.35s;
}

.fx-ss10 {
	animation-delay: 1.5s;
}

.fx-ss11 {
	animation-delay: 1.65s;
}

.fx-ss12 {
	animation-delay: 1.8s;
}

.fx-ss13 {
	animation-delay: 1.95s;
}

.fx-ss14 {
	animation-delay: 2.1s;
}

.fx-ss15 {
	animation-delay: 2.25s;
}

.fx-ss16 {
	animation-delay: 2.4s;
}

.fx-s0 {
	animation-delay: 0ms;
}

.fx-s1 {
	animation-delay: 400ms;
}

.fx-s2 {
	animation-delay: 800ms;
}

.fx-s3 {
	animation-delay: 1.2s;
}

.fx-s4 {
	animation-delay: 1.6s;
}

.fx-s5 {
	animation-delay: 2s;
}

.fx-s6 {
	animation-delay: 2.4s;
}

.fx-s7 {
	animation-delay: 2.8s;
}

.fx-s8 {
	animation-delay: 3.2s;
}

.fx-s9 {
	animation-delay: 3.6s;
}

.fx-s10 {
	animation-delay: 4s;
}

.fx-s11 {
	animation-delay: 4.4s;
}

.fx-s12 {
	animation-delay: 4.8s;
}

.fx-s13 {
	animation-delay: 5.2s;
}

.fx-s14 {
	animation-delay: 5.6s;
}

.fx-s15 {
	animation-delay: 6s;
}

.fx-s16 {
	animation-delay: 6.4s;
}

/* Breakpoint 768 */

@media only screen and (min-width : 768px) {

	/* --------------------
		LAYER OUR CLIENTS
	---------------------- */
	
	.layer-our-clients h2{
		font-size: 26px;
	}
	
	.layer-our-clients h3{
		font-size: 15px;
	}
	
	/* -----------------
		FOOTER
	------------------ */
	
	footer .menu .col-4 .card h3 {
		font-size: 20px;
	}
	
	footer .menu .col-4 .card p.phone {
		font-size: 20px;
	}
	
	footer .note .col-2 {
		padding-top: 30px;
	}
	
	footer .menu .col-1:after {
		position: absolute;
		width: 1px;
		height: 100%;
		display: block;
		content: '';
		top: 0;
		right: 0;
		background: linear-gradient(to bottom, rgba(53, 61, 78, 0) 0%, rgba(53, 61, 78, 1) 50%, rgba(53, 61, 78, 0) 100%);
	}
	
	/* -----------------
		Layer Support
	------------------ */
	
	.layer-support h3 {
		font-size: 15px;
	}

	.layer-support .col h3{
		font-size: 20px;
	}

	.layer-support .col p.descr{
		font-size: 15px;
	}
	
	.layer-support h2 {
		font-size: 26px;
	}
	
	/* -----------------
		F.A.Q.
	------------------ */
	
	.layer-faq h2{
		font-size: 26px;
	}
	
	.layer-faq .col ul > li {
		font-size: 15px;
	}
	
	.layer-faq .col ul > li > ul > li > p {
		font-size: 15px;
	}
}

/* Breakpoint 992 */

@media only screen and (min-width : 992px) {

	/* -----------------
		Right Menu
	------------------- */
	
	a.left-menu-btn {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		width: 58px;
		height: 50px;
		z-index: 1001;
		cursor: pointer;
		background-color: #fff;
		box-shadow: 2px 2px 10px 0 rgba(0,0,0,.25);
		border-radius: 0 5px 5px 0;
		font-size: 0;
		transition: all 0.2s;
	}
	
	a.left-menu-btn .box {
		position: relative;
		width: 100%;
		height: 100%;
	}

	a.left-menu-btn span{
		width: 35px;
		height: 4px;
		background-color: #0780E3;
		position: absolute;
		margin: auto;
		transition: all 300ms;
	}

	a.left-menu-btn span:nth-child(1) {
		top: 14px;
		left: 0;
		right: 0;
	}

	a.left-menu-btn span:nth-child(2) {
		top: 23px;
		left: 0;
		right: 0;
	}

	a.left-menu-btn span:nth-child(3) {
		top: 33px;
		left: 0;
		right: 0;
	}
	
	.left-menu {
		font-size: 0;
		position: fixed;
		width: 320px;
		left: -320px;
		height: 100%;
		top: 0px;
		z-index: 1001;
		visibility: hidden;
		text-align: left;
		box-shadow: 0px 0px 8px 8px rgba(0, 0, 0, 0.08);
		transition: all 500ms;
		box-shadow: -6px 0 22px 0 rgba(8,39,58,.3);
		background-color: #f9fbfc;
	}
	
	.left-menu.opened {
		visibility: visible;
		left: 0;
	}
	
	.left-menu .inside{
		padding: 28px;
		background-color: #fff;
	}
	
	.left-menu .phone {
		opacity: 0.9;
		color: #2a363e;
		font-size: 17px;
		margin-top: 40px;
		white-space: nowrap;
	}
	
	.left-menu .phone i {
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
		width: 25px;
		height: 25px;
		background-position: -615px -7px;
	}

	.left-menu .inside ul{
		list-style-type: none;
	}
	
	.left-menu .inside > ul{
		margin-top: 40px;
	}
	
	.left-menu .inside > ul > li > ul {
		padding-left: 15px;
	}
	
	.left-menu .inside > ul > li > ul > li{
		padding: 5px 0;
	}

	.left-menu .inside > ul > li > span,
	.left-menu .inside > ul > li > a,
	.left-menu .inside > ul > li > ul > li > a{
		color: #24536e;
		opacity: 0.9;
		font-size: 15px;
		font-family: 'poppins', Arial, sans-serif;
		font-weight: 600;
		position: relative;
		display: block;
	}

	.left-menu .inside > ul > li > span,
	.left-menu .inside > ul > li > a{
		padding: 13px 0;
	}

	.left-menu .inside > ul > li > ul > li > a{
		padding: 2px 0;
	}

	.left-menu .inside > ul > li > span:after,
	.left-menu .inside > ul > li > a:after{
		display: block;
		content: '';
		width: 100%;
		height: 1px;
		left: 0;
		bottom: 0;
		position: absolute;
		background-image: linear-gradient( 0deg, rgba(40,82,104,0) 0%, rgb(40,82,104) 50%, rgba(40,82,104,0) 100%);
		opacity: 0.3;
	}

	.left-menu .inside > ul > li > ul > li > a {
		font-size: 14px;
		font-weight: normal;
	}

	.left-menu .inside ul a {
		transition: all 0.2s;
	}

	.left-menu .inside ul a:hover {
		transform: translateX(2px);
		opacity: 1;
	}

	.left-menu .inside > ul > li > ul > li > a strong{
		font-weight: 600;
	}

	.left-menu li i{
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
		width: 40px;
		height: 40px;
	}

	.left-menu li i.ic-1{
		background-position: -709px -337px;
	}

	.left-menu li i.ic-2{
		background-position: -749px -297px;
	}

	.left-menu li i.ic-3{
		background-position: -749px -337px;
	}

	.left-menu li i.ic-4{
		background-position: -709px -257px;
	}

	.left-menu li i.ic-5{
		background-position: -709px -217px;
	}

	.left-menu li i.ic-6{
		background-position: -749px -217px;
	}

	.left-menu li i.ic-7{
		background-position: -709px -297px;
	}

	.left-menu li i.ic-8{
		background-position: -749px -257px;
	}
	
	.left-menu li i.ic-9{
		background-position: -749px -377px;
	}
	
	.left-menu .btn-line{
		padding: 18px 50px;
		box-shadow: inset 0px 0px 9px 0px rgba(0, 0, 1, 0.004);
		text-align: center;
	}

	.left-menu .btn-line a{
		display: block;
		width: 100%;
		background-color: #285268;
		color: rgba(255, 255, 255, 0.95);
		border-radius: 3px;
		padding: 12px 0;
		text-align: center;
		font-size: 14px;
		font-weight: 600;
		font-family: 'poppins', Arial, sans-serif;
		position: relative;
		padding-left: 10px;
	}

	.left-menu .btn-line i.ic-access{
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		left: 12px;
		width: 20px;
		height: 20px;
		background-position: -749px -188px;
	}
	
	.left-menu  a.close-popup {
		display:block;
		position:absolute;
		top: 18px;
		right: 18px;
		cursor:pointer;
		z-index:1003;
		background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20500%20500%22%20xml%3Aspace%3D%22preserve%22%20enable-background%3D%22new%200%200%20500%20500%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%09.st0%7Bopacity%3A0%3Bfill%3A%23CCCCCC%3B%7D%0D%0A%09.st1%7Bfill%3A%23CCCCCC%3B%7D%0D%0A%3C%2Fstyle%3E%3Crect%20id%3D%22XMLID_4_%22%20class%3D%22st0%22%20width%3D%22500%22%20height%3D%22500%22%2F%3E%3Cg%20id%3D%22XMLID_3_%22%3E%3Cpath%20id%3D%22XMLID_6_%22%20class%3D%22st1%22%20d%3D%22M478.4%20101.6L330%20250l148.5%20148.5c22.1%2022.1%2022.1%2057.9%200%2079.9%20-11%2011.1-25.5%2016.5-40%2016.5%20-14.5%200-28.9-5.5-40-16.5L250%20329.9%20101.5%20478.4C90.5%20489.5%2076%20495%2061.6%20495c-14.5%200-28.9-5.5-39.9-16.5%20-22.1-22.1-22.1-57.9%200-79.9L170.1%20250%2021.6%20101.6c-22.1-22.1-22.1-57.9%200-80%2022.1-22.1%2057.9-22.1%2079.9%200L250%20170.1%20398.5%2021.6c22.1-22.1%2057.9-22.1%2079.9%200C500.5%2043.6%20500.5%2079.4%20478.4%20101.6L478.4%20101.6zM478.4%20101.6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
		background-size:20px 20px;
		width:20px;
		height:20px;
		transition: transform 150ms;
	}

	.left-menu  a.close-popup:hover {
		transform: scale3d(1.4, 1.4, 1.4);	
	}
	
	/* -----------------
		Header
	------------------ */
	
	header .top-bar a.logo {
		margin-top: 0;
	}
	
	header .top-bar .menu {
		text-align: left;
		margin-top: 0;
	}
	
	header .top-bar .col-2 {
		clear: none;
		padding-top: 0;
	}
	
	header .top-menu {
		padding-top: 15px;
	}
	
	header .top-menu ul{
		display: inline-block;
	}
	
	/* --------------------
		LAYER OUR CLIENTS
	---------------------- */
	
	.layer-our-clients .wrapper{
		padding: 100px 0 100px 0;
	}
	
	.layer-our-clients h2{
		font-size: 36px;
	}
	
	.layer-our-clients h3{
		line-height: normal;
		font-size: 16px;
	}
	
	.layer-our-clients .group {
		margin-top: 60px;
	}
	
	/* -----------------
		Layer Support
	------------------ */
	
	.layer-support .wrapper.text{
		padding: 110px 0 180px 0;
	}
	
	.layer-support h2 {
		font-size: 34px;
	}
	
	.layer-support h3 {
		font-size: 16px;
	}
	
	.layer-support .col .im-box{
		margin: -135px auto 40px auto;
		width: 250px;
		height: 250px;
	}
	
	.layer-support .info .wrapper{
		padding: 0 0 65px 0;
	}
	
	.layer-support .col h3{
		font-size: 22px;
	}
	
	.layer-support .col p.descr{
		font-size: 17px;
	}
	
	.layer-support .col a.btn-more{
		margin: 30px auto 0 auto;
	}
	
	/* -----------------
		F.A.Q.
	------------------ */
	
	.layer-faq .wrapper{
		padding: 100px 0;
	}
	
	.layer-faq h2{
		font-size: 34px;
		margin-bottom: 70px;
	}
	
	.layer-faq .col ul > li {
		font-size: 17px;
	}
	
	/* -----------------
		FOOTER
	------------------ */
	
	footer .robo-im {
		width: 316px;
		position: absolute;
		right: 40px;
		bottom: 0;
	}
	
	footer .menu {
		padding: 100px 0 80px 0;
	}
	
	footer .menu .col {
		min-height: 200px;
	}
	
	footer .menu .col:after {
		position: absolute;
		width: 1px;
		height: 100%;
		display: block;
		content: '';
		top: 0; 
		right: 0;
		background: linear-gradient(bottom, rgba(53, 61, 78, 0) 0%, rgba(53, 61, 78, 1) 50%, rgba(53, 61, 78, 0) 100%);
	}
	
	footer .menu .col-1 {
		text-align: left;
	}
	
	footer .menu .col-4:after {
		display: none;
	}
	
	footer .menu .col-4 .card {
		width: 340px;
		background-size: cover;
		padding: 22px 0 20px 30px;
		text-align: left;
		height: 150px;
	}
	
	footer .menu .col-4 .card h3 {
		font-size: 22px;
	}
	
	footer .menu .col-4 .card p.phone {
		font-size: 31px;
	}
	
	footer .menu .col .inside {
		text-align: left;
	}
	
	footer .note {
		text-align: left;
	}
}

/* Breakpoint 1200 */

@media only screen and (min-width : 1200px) {

	/* ----------------------
		LAYER SUPPORT
	----------------------- */

	.layer-support .col{
		padding: 0 45px 0 45px;
	}

	/* ----------------------
		LAYER OUR CLIENTS
	----------------------- */
	
	.layer-our-clients.long{
		margin-top: -250px;
	}
	
	.layer-our-clients.long .wrapper{
		padding-top: 350px;
	}
	
	/* ----------------------
		LAYER TESTING
	----------------------- */
	
	.layer-testing:after {
		background-image: url(/imgs/robot_pointing.webp);
		width: 445px;
		height: 645px;
		display: block;
		content: '';
		position: absolute;
		top: 50px;
		right: 50px;
		left: 0;
		bottom: 0;
		margin: auto;
	}
	
	.layer-testing .col {
		text-align: left;
	}
	
	/* ----------------------
		INFO MAP
	----------------------- */
	
	.info-map .maps{
		float: right;
	}
	
	.info-map .menu{
		float: left;
		margin-top: 160px;
		width: 280px;
		text-align: right;
	}
	
	.info-map .menu > li {
		display: list-item;
		margin-right: 0;
		padding: 15px 0;
	}
}

/* Breakpoint 1400 */

@media only screen and (min-width : 1400px) {
	.wrapper{ max-width: 1200px; }
}

/* Breakpoint Retina */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

	.spr-icon,
		header .top-bar .phone:before,
		header .top-bar .right-btns a:before,
		header .top-menu ul > li.sub a:after,
		header .top-menu .right-btns a > i:after {
		background-image: url(/imgs/sprite_retina.webp);
	}
		
	.spr-2-icon {
		background-image: url(/imgs/sprite_2_retina.webp);
	}
	
	.light-spr {
		background-image: url(/imgs/light-2x.webp);
	}
		
	i.ext {
		background-image: url(/imgs/ext_retina.webp);
	}
		
	i.serv {
		background-image: url(/imgs/serv_icons_retina.webp);	
	}
}

/* -----------------
  Flags
 -----------------*/

.fflag {
	background-image:url(/imgs/flagSprite42.png);
	background-repeat:no-repeat;
	background-size: 100% 49494%;
	display: block;
	overflow: hidden;
	position: relative;
}

.fflag-DZ {background-position:center 0.2287%}
.fflag-AO {background-position:center 0.4524%}
.fflag-BJ {background-position:center 0.6721%}
.fflag-BW {background-position:center 0.8958%}
.fflag-BF {background-position:center 1.1162%}
.fflag-BI {background-position:center 1.3379%}
.fflag-CM {background-position:center 1.5589%}
.fflag-CV {background-position:center 1.7805%}
.fflag-CF {background-position:center 2.0047%}
.fflag-TD {background-position:center 2.2247%}
.fflag-CD {background-position:left 2.4467%}
.fflag-DJ {background-position:left 2.6674%}
.fflag-EG {background-position:center 2.8931%}
.fflag-GQ {background-position:center 3.1125%}
.fflag-ER {background-position:left 3.3325%}
.fflag-ET {background-position:center 3.5542%}
.fflag-GA {background-position:center 3.7759%}
.fflag-GM {background-position:center 4.0015%}
.fflag-GH {background-position:center 4.2229%}
.fflag-GN {background-position:center 4.441%}
.fflag-GW {background-position:left 4.66663%}
.fflag-CI {background-position:center 4.8844%}
.fflag-KE {background-position:center 5.1061%}
.fflag-LS {background-position:center 5.3298%}
.fflag-LR {background-position:left 5.5495%}
.fflag-LY {background-position:center 5.7712%}
.fflag-MG {background-position:center 5.994%}
.fflag-MW {background-position:center 6.2156%}
.fflag-ML {background-position:center 6.4363%}
.fflag-MR {background-position:center 6.658%}
.fflag-MU {background-position:center 6.8805%}
.fflag-YT {background-position:center 7.1038%}
.fflag-MA {background-position:center 7.3231%}
.fflag-MZ {background-position:left 7.5448%}
.fflag-NA {background-position:left 7.7661%}
.fflag-NE {background-position:center 7.98937%}
.fflag-NG {background-position:center 8.2099%}
.fflag-CG {background-position:center 8.4316%}
.fflag-RE {background-position:center 8.6533%}
.fflag-RW {background-position:right 8.875%}
.fflag-SH {background-position:center 9.0967%}
.fflag-ST {background-position:center 9.322%}
.fflag-SN {background-position:center 9.5426%}
.fflag-SC {background-position:left 9.7628%}
.fflag-SL {background-position:center 9.9845%}
.fflag-SO {background-position:center 10.2052%}
.fflag-ZA {background-position:left 10.4269%}
.fflag-SS {background-position:left 10.6486%}
.fflag-SD {background-position:center 10.8703%}
.fflag-SR {background-position:center 11.0945%}
.fflag-SZ {background-position:center 11.3135%}
.fflag-TG {background-position:left 11.5354%}
.fflag-TN {background-position:center 11.7593%}
.fflag-UG {background-position:center 11.9799%}
.fflag-TZ {background-position:center 12.2005%}
.fflag-EH {background-position:center 12.4222%}
.fflag-YE {background-position:center 12.644%}
.fflag-ZM {background-position:center 12.8664%}
.fflag-ZW {background-position:left 13.0873%}
.fflag-AI {background-position:center 13.309%}
.fflag-AG {background-position:center 13.5307%}
.fflag-AR {background-position:center 13.7524%}
.fflag-AW {background-position:left 13.9741%}
.fflag-BS {background-position:left 14.1958%}
.fflag-BB {background-position:center 14.4175%}
.fflag-BQ {background-position:center 14.6415%}
.fflag-BZ {background-position:center 14.8609%}
.fflag-BM {background-position:center 15.0826%}
.fflag-BO {background-position:center 15.306%}
.fflag-VG {background-position:center 15.528%}
.fflag-BR {background-position:center 15.7496%}
.fflag-CA {background-position:center 15.9694%}
.fflag-KY {background-position:center 16.1911%}
.fflag-CL {background-position:left 16.4128%}
.fflag-CO {background-position:left 16.6345%}
.fflag-KM {background-position:center 16.8562%}
.fflag-CR {background-position:center 17.0779%}
.fflag-CU {background-position:left 17.2996%}
.fflag-CW {background-position:center 17.5213%}
.fflag-DM {background-position:center 17.743%}
.fflag-DO {background-position:center 17.968%}
.fflag-EC {background-position:center 18.1864%}
.fflag-SV {background-position:center 18.411%}
.fflag-FK {background-position:center 18.6298%}
.fflag-GF {background-position:center 18.8515%}
.fflag-GL {background-position:left 19.0732%}
.fflag-GD {background-position:center 19.2987%}
.fflag-GP {background-position:center 19.518%}
.fflag-GT {background-position:center 19.7383%}
.fflag-GY {background-position:center 19.96%}
.fflag-HT {background-position:center 20.1817%}
.fflag-HN {background-position:center 20.4034%}
.fflag-JM {background-position:center 20.6241%}
.fflag-MQ {background-position:center 20.8468%}
.fflag-MX {background-position:center 21.0685%}
.fflag-MS {background-position:center 21.2902%}
.fflag-NI {background-position:center 21.5119%}
.fflag-PA {background-position:center 21.7336%}
.fflag-PY {background-position:center 21.9553%}
.fflag-PE {background-position:center 22.177%}
.fflag-PR {background-position:left 22.4002%}
.fflag-BL {background-position:center 22.6204%}
.fflag-KN {background-position:center 22.8421%}
.fflag-LC {background-position:center 23.0638%}
.fflag-PM {background-position:center 23.2855%}
.fflag-VC {background-position:center 23.5072%}
.fflag-SX {background-position:left 23.732%}
.fflag-TT {background-position:center 23.9506%}
.fflag-TC {background-position:center 24.1723%}
.fflag-US {background-position:center 24.394%}
.fflag-VI {background-position:center 24.6157%}
.fflag-UY {background-position:left 24.8374%}
.fflag-VE {background-position:center 25.0591%}
.fflag-AB {background-position:center 25.2808%}
.fflag-AF {background-position:center 25.5025%}
.fflag-AZ {background-position:center 25.7242%}
.fflag-BD {background-position:center 25.9459%}
.fflag-BT {background-position:center 26.1676%}
.fflag-BN {background-position:center 26.3885%}
.fflag-KH {background-position:center 26.611%}
.fflag-CN {background-position:left 26.8327%}
.fflag-GE {background-position:center 27.0544%}
.fflag-HK {background-position:center 27.2761%}
.fflag-IN {background-position:center 27.4978%}
.fflag-ID {background-position:center 27.7195%}
.fflag-JP {background-position:center 27.9412%}
.fflag-KZ {background-position:center 28.1615%}
.fflag-LA {background-position:center 28.3846%}
.fflag-MO {background-position:center 28.6063%}
.fflag-MY {background-position:center 28.829%}
.fflag-MV {background-position:center 29.0497%}
.fflag-MN {background-position:left 29.2714%}
.fflag-MM {background-position:center 29.4931%}
.fflag-NP {background-position:left 29.7148%}
.fflag-KP {background-position:left 29.9365%}
.fflag-MP {background-position:center 30.1582%}
.fflag-PW {background-position:center 30.3799%}
.fflag-PG {background-position:center 30.6016%}
.fflag-PH {background-position:left 30.8233%}
.fflag-SG {background-position:left 31.045%}
.fflag-KR {background-position:center 31.2667%}
.fflag-LK {background-position:right 31.4884%}
.fflag-TW {background-position:left 31.7101%}
.fflag-TJ {background-position:center 31.9318%}
.fflag-TH {background-position:center 32.1535%}
.fflag-TL {background-position:left 32.3752%}
.fflag-TM {background-position:center 32.5969%}
.fflag-VN {background-position:center 32.8186%}
.fflag-AX {background-position:center 33.0403%}
.fflag-AL {background-position:center 33.25975%}
.fflag-AD {background-position:center 33.4837%}
.fflag-AM {background-position:center 33.7054%}
.fflag-AT {background-position:center 33.9271%}
.fflag-BY {background-position:left 34.1488%}
.fflag-BE {background-position:center 34.3705%}
.fflag-BA {background-position:center 34.5922%}
.fflag-BG {background-position:center 34.8139%}
.fflag-HR {background-position:center 35.0356%}
.fflag-CY {background-position:center 35.2555%}
.fflag-CZ {background-position:left 35.479%}
.fflag-DK {background-position:center 35.7007%}
.fflag-EE {background-position:center 35.9224%}
.fflag-FO {background-position:center 36.1441%}
.fflag-FI {background-position:center 36.3658%}
.fflag-FR {background-position:center 36.5875%}
.fflag-DE {background-position:center 36.8092%}
.fflag-GI {background-position:center 37.0309%}
.fflag-GR {background-position:left 37.2526%}
.fflag-GG {background-position:center 37.4743%}
.fflag-HU {background-position:center 37.696%}
.fflag-IS {background-position:center 37.9177%}
.fflag-IE {background-position:center 38.1394%}
.fflag-IM {background-position:center 38.3611%}
.fflag-IT {background-position:center 38.5828%}
.fflag-JE {background-position:center 38.8045%}
.fflag-XK {background-position:center 39.0262%}
.fflag-LV {background-position:center 39.2479%}
.fflag-LI {background-position:left 39.4696%}
.fflag-LT {background-position:center 39.6913%}
.fflag-LU {background-position:center 39.913%}
.fflag-MT {background-position:left 40.1347%}
.fflag-MD {background-position:center 40.3564%}
.fflag-MC {background-position:center 40.5781%}
.fflag-ME {background-position:center 40.7998%}
.fflag-NL {background-position:center 41.0215%}
.fflag-MK {background-position:center 41.2432%}
.fflag-NO {background-position:center 41.4649%}
.fflag-PL {background-position:center 41.6866%}
.fflag-PT {background-position:center 41.9083%}
.fflag-RO {background-position:center 42.13%}
.fflag-RU {background-position:center 42.3517%}
.fflag-SM {background-position:center 42.5734%}
.fflag-RS {background-position:center 42.7951%}
.fflag-SK {background-position:center 43.0168%}
.fflag-SI {background-position:center 43.2385%}
.fflag-ES {background-position:left 43.4602%}
.fflag-SE {background-position:center 43.6819%}
.fflag-CH {background-position:center 43.9036%}
.fflag-TR {background-position:center 44.1253%}
.fflag-UA {background-position:center 44.347%}
.fflag-GB {background-position:center 44.5687%}
.fflag-VA {background-position:right 44.7904%}
.fflag-BH {background-position:center 45.0121%}
.fflag-IR {background-position:center 45.2338%}
.fflag-IQ {background-position:center 45.4555%}
.fflag-IL {background-position:center 45.6772%}
.fflag-KW {background-position:left 45.897%}
.fflag-JO {background-position:left 46.1206%}
.fflag-KG {background-position:center 46.3423%}
.fflag-LB {background-position:center 46.561%}
.fflag-OM {background-position:left 46.7857%}
.fflag-PK {background-position:center 47.0074%}
.fflag-PS {background-position:center 47.2291%}
.fflag-QA {background-position:center 47.4508%}
.fflag-SA {background-position:center 47.6725%}
.fflag-SY {background-position:center 47.8942%}
.fflag-AE {background-position:center 48.1159%}
.fflag-UZ {background-position:left 48.3376%}
.fflag-AS {background-position:right 48.5593%}
.fflag-AU {background-position:center 48.781%}
.fflag-CX {background-position:center 49.002%}
.fflag-CC {background-position:center 49.2244%}
.fflag-CK {background-position:center 49.4445%}
.fflag-FJ {background-position:center 49.6678%}
.fflag-PF {background-position:center 49.8895%}
.fflag-GU {background-position:center 50.1112%}
.fflag-KI {background-position:center 50.3329%}
.fflag-MH {background-position:left 50.5546%}
.fflag-FM {background-position:center 50.7763%}
.fflag-NC {background-position:center 50.998%}
.fflag-NZ {background-position:center 51.2197%}
.fflag-NR {background-position:left 51.4414%}
.fflag-NU {background-position:center 51.6631%}
.fflag-NF {background-position:center 51.8848%}
.fflag-WS {background-position:left 52.1065%}
.fflag-SB {background-position:left 52.3282%}
.fflag-TK {background-position:center 52.5499%}
.fflag-TO {background-position:left 52.7716%}
.fflag-TV {background-position:center 52.9933%}
.fflag-VU {background-position:left 53.215%}
.fflag-WF {background-position:center 53.4315%}

.fflag.ff-sm {width: 18px;height: 11.5px}
.fflag.ff-md {width: 27px;height: 17px}
.fflag.ff-lg {width: 42px;height: 27px}
.fflag.ff-xl {width: 60px;height: 37px}
.fflag-CH.ff-sm {width: 11.5px;height: 11.5px}
.fflag-CH.ff-md {width: 17px;height: 17px}
.fflag-CH.ff-lg {width: 27px;height: 27px}
.fflag-CH.ff-xl {width: 37px;height: 37px}
.fflag-CH {background-size: 153% 49494%}
.fflag-NP.ff-lt {background-color: rgb(220,220,220);clip-path: polygon(-5% -12%, 0 100%, 100% 119%, 49% 61%, 101% 61%)}
.fflag-NP.ff-dk {background-color: rgb(90,90,90);clip-path: polygon(-5% -12%, 0 100%, 100% 119%, 49% 61%, 101% 61%)}
.fflag-NP.ff-sm {width: 14px;height: 11.5px}
.fflag-NP.ff-md {width: 20px;height: 17px}
.fflag-NP.ff-lg {width: 31px;height: 27px}
.fflag-NP.ff-xl {width: 42px;height: 37px}
.fflag-NP {background-size: 136% 49494%}
.fflag-NP {clip-path: polygon(-6% -9%, 0 100%, 86% 114%, 37% 56.5%, 86% 56.5%)}
.fflag-NP.ff-orb,
.fflag-NP.ff-sphere,
.fflag-NP.ff-app,
.fflag-NP.ff-leaf {clip-path: none;
background-color: transparent}
.fflag-NP.ff-round {clip-path: polygon(-5% -11%, 0 100%, 100% 106%, 55% 61.5%, 115% 61.5%)}