@font-face {
    font-family: 'Segoe-Bold';
    src: url('../fonts/SegoeUIThis-Bold.eot');
    src: url('../fonts/SegoeUIThis-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUIThis-Bold.woff2') format('woff2'),
        url('../fonts/SegoeUIThis-Bold.woff') format('woff'),
        url('../fonts/SegoeUIThis-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Segoe';
    src: url('../fonts/SegoeUIThis.eot');
    src: url('../fonts/SegoeUIThis.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SegoeUIThis.woff2') format('woff2'),
        url('../fonts/SegoeUIThis.woff') format('woff'),
        url('../fonts/SegoeUIThis.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

:root {
	--primary-color: #ae1721;
    --secondary-color: #010101;
	--primary-gradient: linear-gradient(to right,  rgba(172,22,32,1) 1%,rgba(109,14,21,1) 70%);
	--primary-color20: #f2dddf;
	--white-color: #FFF;
}

img,object,embed,video { max-width: 100%; display: block; width: 100%; margin: 0px; padding: 0px;}
.ie6 img { width: 100%; display: block}
body { position: relative}
body,div,ul,li,h1,h2,h3,h4,h5,h6,p,blockquote,th, td, img { font: 'Segoe', Sans-Serif; margin: 0; padding: 0; border: 0; color: var(--grey-color);}
.clear { clear: both }
* { outline: none}
*, ::after, ::before { box-sizing: border-box}
.hide { display: none}
::-moz-selection { background: none repeat scroll 0 0 #70c831; color: #FFF}
label { margin: 0}
label.error { font-size: 11px !important;text-align: right !important; right: 0 !important; top: -10px !important; color: red !important}
#footer_form label.error { font-size: 11px !important; text-align: right !important; right: 0 !important;top: 20px !important; color: red !important}
textarea, input:matches([type="email"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="url"]) { -webkit-appearance: none}
input[type="number"] { -moz-appearance: textfield}
input[type="number"]:hover, input[type="number"]:focus { -moz-appearance: number-input}

.container { max-width: 85%}
.text-capital { text-transform: uppercase !important; }
.v-center { flex-direction: column; justify-content: center !important; display: flex;}

h1 { font: /*bold*/ 45px/55px 'Segoe-Bold', Sans-Serif;}
h2 { font: /*bold*/ 40px/45px 'Segoe-Bold', Sans-Serif;}
h3 { font: /*bold*/ 35px/40px 'Segoe-Bold', Sans-Serif;}
h4 { font: /*bold*/ 30px/35px 'Segoe-Bold', Sans-Serif;}
h5 { font: /*bold*/ 25px/30px 'Segoe-Bold', Sans-Serif;}
h6 { font: /*bold*/ 20px/25px 'Segoe-Bold', Sans-Serif;}

.Segoe { font-family: 'Segoe', Sans-Serif !important;}
.Segoe-Bold { font-family: 'Segoe-Bold', Sans-Serif !important;}

.primary-color { color: var(--primary-color);}
.secondary-color { color: var(--secondary-color);}

p { font: normal 16px/24px 'Segoe', Sans-Serif; color: var(--grey-color); text-align: left; padding: 5px 0}
p.bold, p .bold { font-family: 'Segoe-Bold', Sans-Serif;}

a { color: var(--grey-color); text-decoration: none; /*-moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;*/}
a:hover { color: var(--primary-color);}

p a/*, .list-box li a*/ { /*text-decoration: underline;*/ color: var(--grey-color);}

::-webkit-input-placeholder { color: #000}
:-moz-placeholder { color: #000}
::-moz-placeholder { color: #000}
:-ms-input-placeholder { color: #000}
.text-trans-none { text-transform: none !important}
.text-center { text-align: center}

.text-right, .text-right p { text-align: right !important}
.text-white { color: #FFF !important}
.text-black { color: #555 !important}
.text-ash { color: #999 !important}
.text-green { color: #32b16e !important}
.text-blue { color: #282d78 !important}
.text-az-blue { color: var(--primary-color) !important}
.text-yellow { color: #f7941d !important}
.text-light-green { color: #42c17e !important}
.text-red { color: #da1f27 !important}
.text-violet { color: #7d1771 !important}
.text-orange { color: #fc7033 !important}
.text-capital { text-transform: uppercase !important}

.bold { font-weight: 700}
.width-auto { width: auto !important}
label { padding: 0; margin: 0}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #777; opacity: .5}

.primary-btn, .secondary-btn {font: 14px/20px 'Segoe-Bold',Sans-Serif; color:#FFF; border: 0px; padding: 15px 30px; text-decoration: none !important; border-radius: 10px; display: inline-block; letter-spacing:0.5px;}
.primary-btn { color: var(--white-color); }
.secondary-btn { color: var(--secondary-color); }
.primary-btn { background: var(--primary-color);}
.secondary-btn {background: var(--white-color);}
.primary-btn:hover, .secondary-btn:hover { color: #FFF; background: var(--secondary-color);}
.primary-btn.white-hover:hover, .secondary-btn.white-hover:hover { color: var(--primary-color); background: var(--white-color);}

.wrapper-main { width: 100%; height: auto; overflow: hidden;}
header{width:100%; padding: 30px 0px 0;  -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; position: absolute; z-index: 999; }
header.smaller {height:auto; padding: 10px 0px 10px; position:fixed; left:0; top:0; z-index:999; background: #000;}
.logo-section {}
.logo-section ul { list-style: none; margin: 0px; padding: 0px;}
.logo-section li { display: inline-block;}
.logo { width: 130px; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; position:}
.logo-section li.bars-icon { display: none; cursor: pointer; padding: 10px;}
.logo-section li.bars-icon i { font-size: 20px; color: #FFF; padding-top: 20px; }
header.smaller .logo { width: 100px;}

#primary_nav_wrap { text-align: right;}
#primary_nav_wrap ul { list-style:none; margin: 0; padding: 0px; font-size: 0px; display: inline-block; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }
#primary_nav_wrap li { position:relative; margin:0; padding:0; display: inline-block;}
#primary_nav_wrap li a { display: inline-block; font: normal 16px/25px 'Segoe',Sans-Serif; color: var(--white-color); padding: 7px 25px; text-decoration: none; letter-spacing: 0.5px; border-radius: 5px;}
/*#primary_nav_wrap li:first-child a { padding-left: 0px;}
#primary_nav_wrap li:last-child a {padding-right: 0px;}*/
#primary_nav_wrap li a:hover { color: var(--white-color); background: var(--primary-color);}
#primary_nav_wrap li:hover a { color: var(--white-color);}
#primary_nav_wrap li:hover ul li a {  color: var(--grey-color);}
#primary_nav_wrap ul li:hover > ul { display:block; background: #FFF; }
#primary_nav_wrap ul ul { width:250px; display:none; position:absolute; top:100%; left:0; z-index: 999; padding:0; box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.08);}
#primary_nav_wrap ul ul li {width: 100%; float: left; text-align: left; padding: 0px; background: #FFF;}
#primary_nav_wrap ul ul li a {font: 14px/20px 'Segoe',Sans-Serif; border: 0px; padding: 12px 20px !important; display: block; border-bottom: 1px solid #eee; }
#primary_nav_wrap ul ul li a:hover { color: var(--primary-color) !important; background: #fafafa; }
#primary_nav_wrap ul ul.last-ul { position:absolute; top:100%; left: auto !important; right: 0px !important; }
#primary_nav_wrap ul ul ul { width:250px; display:none; position:absolute;left: 100%; top: 0; z-index: 999; padding:0;}

.header-top-btn-main { padding-left: 30px;}
.banner-wrapper { min-height: 500px; background: radial-gradient(ellipse at center,  rgba(169,3,41,1) 11%,rgba(109,0,25,1) 60%,rgba(109,0,25,1) 60%);
 position: relative;}
.banner-wrapper h1 { padding: 200px 0px 30px; }
.banner-btn { padding-bottom: 200px;}
.banner-wrapper .container {position: relative; z-index:1; }
.services-wrapper { margin-top: -100px !important;} 
.service-tmb { border-radius: 20px; overflow: hidden; position:relative;}
.service-tmb-overlay {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0;
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.77) 62%,rgba(0,0,0,0.77) 100%);}
.service-tmb-cont { padding: 100px 50px 45px; position:relative; z-index:1;}
.service-tmb-cont h3 {font:  26px/30px 'Segoe', Sans-Serif; padding-bottom: 5px;}
.service-tmb-cont p { padding-bottom: 20px;}
.owl-nav  { width: 100%; height: 1px; position: absolute; top: 40%; left:0; z-index: 9999999;}
.owl-prev { float: left; margin-left: -30px;}
.owl-next { float: right; margin-right: -20px;}
.owl-nav button { background: none;}
.owl-prev {width: 55px; height: 46px;}
.owl-prev span {  width: 100%; height: 100%; display: block;  background: url(../images/primary-arrow.svg) no-repeat center center / cover; color: transparent;}
.owl-prev:hover span {background: url(../images/primary-arrow-hover.svg) no-repeat center center / cover;}
.owl-next {width: 55px; height: 46px; transform: rotateY(180deg);}
.owl-next span {  width: 100%; height: 100%; display: block;  background: url(../images/primary-arrow.svg) no-repeat center center / cover; color: transparent;}
.owl-next:hover span {background: url(../images/primary-arrow-hover.svg) no-repeat center center / cover;}
.discover-wrapper { background: var(--secondary-color); margin-top: -100px; position: relative; z-index: 99; border-radius: 25px; margin-bottom: 50px;}
.discover-main { padding: 30px 40px;}

.destination-wrapper { background: var(--primary-color20); padding: 80px 0; }
.destination-tab { padding: 30px 0px 60px;}
.destination-tab ul { list-style: none; padding: 0px; margin: 0px; text-align: center;}
.destination-tab li { display: inline-block; padding: 15px 40px; border-radius: 10px; color: var(--white-color); background: var(--secondary-color); margin: 0px 10px;}
.destination-tab li:hover { background: var(--secondary-color);}
.destination-tab li.active { background: var(--primary-gradient);}

.text-field-box { position: relative;}
.field-icon {width: 42px; height: 50px; position: absolute; left: 5px; top: 0px; padding: 5px 10px;}
input {width: 100%; height: 50px; font-size: 14px; line-height: 20px; border: 1px solid #DDD; background: #FFF; padding: 0px 0px 0px 60px; border-radius: 5px;}
.destination-country-wrapper {}
.destination-country-box { margin-top: 30px;}
.destination-country-main { background: var(--white-color); padding: 20px; border-radius: 5px; cursor: pointer;}
.destination-country-flag { width: 70px; padding-right: 15px;}
.destination-country-text { background: url(../images/down-arrow.svg) no-repeat right 10px center / 20px;}
.steps-wrapper { padding: 80px 0px; background: #fafafa;}
.step-tmb { text-align: center;}
.step-tmb img { padding: 0 20px 20px;}
.esim-wrapper { padding: 80px 0px 0px; background: linear-gradient(to bottom,  rgba(255,255,255,1) 37%,rgba(255,255,255,1) 37%,rgba(236,189,192,1) 100%);}
.esim-tmb-icon { width: 80px; padding-bottom: 20px;}
.esim-tmb-box { padding-bottom: 60px;}
.testimonials-wrapper { padding: 80px 0px 100px 0px;}
.testimonials-tmb-main { border: 1px solid var(--primary-color); border-radius: 10px; padding: 60px 30px; margin: 5px;}
.testimonials-tmb-photo { width: 100px; border-radius: 50px; overflow: hidden; margin: 0px auto 15px; box-shadow: 15px -15px 0 #eee;}
.testimonials-tmb-star { width: 150px; margin: 0 auto 15px;}
.connectivity-wrapper { background: #180f19; padding: 80px 0px;}
.connectivity-wrapper img { border-radius: 20px; overflow: hidden;}

.footer-wrapper { background:  url(../images/footer-bg.jpg) no-repeat center center / cover; position: relative; padding-bottom: 50px;}
.footer-overlap { width: 100%;  height: 100%; background: rgba(0, 0,0, 0.8); position: absolute; left: 0; top: 0; z-index: 0;}
.footer-logo { width: 120px; padding-bottom: 10px;}
.footer-links-wrapper { padding-top: 80px;}
.footer-links {}
.footer-main h6 { color: #FFF; padding-bottom: 15px;}
.footer-links ul {list-style: none; margin: 0px; padding: 0px;}
.footer-links li { display: block; padding: 8px 0px 8px 0px;}
.footer-links li a { color: #FFF;}
.footer-links li a:hover { color: var(--primary-color);}
.footer-main p { color: #FFF; }
.footer-bottom { margin-top: 60px; margin-bottom: 0px;}
/*.footer-bottom-left p { font-size: 14px;}
.footer-bottom-right p { font-size: 14px; text-align: right;}

.azinova a { background: url(../images/azinova.png) no-repeat right bottom / 80px; cursor: pointer; padding-right: 90px; text-decoration: none;}
.azinova a:hover { background: url(../images/azinova.png) no-repeat right top / 80px;}
.backtotop {width: 30px;height: 60px;border-radius: 0%;position: fixed;right: 25px;bottom: 30px;z-index: 999;overflow: hidden;display: none;}
.backtotop img {width: 100%;}
.backtotop:hover {background: none;border: 0px solid #555;}*/

.social {}
.social ul {list-style: outside none none;margin: 0;padding: 0;}
.social li {color: #fff;display: inline-block;float: left;padding: 0 10px 0 0;width: auto;}
.social li a {color: #fff !important;text-decoration: none;}
.fa-youtube {color: #FFF;}
.social ul li a span {width: 34px;height: 34px;font-size: 14px;color: #FFF;text-align: center; padding-top: 11px;border-radius: 3px;margin-top: 30px;}
.social ul li a span:hover {background-color: var(--primary-color);}
.social ul li.new-twitter-icon a span {background: url(../images/new-twitter.webp) no-repeat center center / 12px; color: transparent;}
.social ul li.new-twitter-icon a span:hover {background-color: var(--primary-color);}
 
.who-we-are-wrapper { padding: 80px 0;}
.who-we-are-image { padding: 50px 0;}
.what-we-offer-wrapper { padding: 0px 0px 80px;}
.what-we-offer-tmb-main { padding-bottom: 30px;}
.what-we-offer-tmb { height: 100%; background: #FFF; border-radius: 20px; padding: 20px 30px; border: 1px solid var(--primary-color);}
.what-we-offer-icon { width: 60px;}

.cm-field { padding-bottom: 20px;}
.cm-field .input-field { width: 100%; height: 42px; font-size: 14px; line-height: 20px; border: 1px solid #CCC; background: #fcfcfc; padding: 0px 15px; border-radius: 6px; }
.cm-field .field-big {width: 100%; height: 80px; font-size: 14px; line-height: 20px; border: 1px solid #CCC; background: #fcfcfc; padding: 5px 15px; border-radius: 6px;}
.contact-det {border: 1px solid var(--primary-color); margin-top: 30px; padding: 20px 30px; border-radius: 10px;}
.contact-det i { font-size: 30px;}
.contact-det label { width: 100%; display: block; padding-bottom: 20px; color: var(--primary-color);}

.esim-plans-tmb-main {padding-bottom: 50px;}
.esim-plans-tmb { background: var(--primary-color); margin-top: 30px; padding: 20px 30px 30px; border-radius: 10px;}
.esim-plans-tmb-title {}
.esim-plans-tmb-hed {}
.esim-plans-tmb-icon {width: 130px; margin-top: -50px;}
.esim-plans-tmb-cont-main { }
.esim-plans-tmb-cont { padding-top: 30px;}
.esim-plans-tmb-cont-left { color: #FFF; vertical-align: middle; }
.esim-plans-tmb-cont-left label { width: 32px; display: inline-block; padding-right: 10px; vertical-align: middle;}
.esim-plans-tmb-cont-right { color: #FFF; text-align: right;}
.esim-plans-tmb-cont .primary-btn { border: 1px solid #FFF;}



.service-left { padding: 80px 0px;}
.service-left img { border-radius: 15px; overflow: hidden;}
.service-right { padding: 30px 50px;}





@media (max-width: 991.98px) {

header.active {height: 100vh; background: #000;}
.logo { width: 100px;}
.logo-section li.bars-icon { float: right; display: inline-block;}
.banner-wrapper { min-height: auto;}
.banner-wrapper h1 { padding: 50px 0px 30px;}
.banner-right { padding-top: 200px;}
.menu { display: none;}
#primary_nav_wrap ul { width: 100%; text-align:left; padding-top: 50px;}
#primary_nav_wrap li { width: 100%; display: block;}
#primary_nav_wrap li a  { padding: 10px 0px;}
.destination-tab li { margin-bottom: 15px;}
.step-tmb { margin-bottom: 50px;}




}
@media (max-width: 767.98px) {

header { padding: 10px 0  0;}
.logo-section { padding: 0px !important;}
.logo, header.smaller .logo { width: 70px;}
.logo-section li.bars-icon i { padding-top: 10px;}
.discover-image, .connectivity-image { padding-top: 50px;}
.steps-wrapper { padding: 80px 0px 0;}
.discover-main { padding: 30px 10px;}
.footer-tmb { padding-bottom: 50px;}



}
@media (max-width: 575.98px) {

.banner-wrapper h1 { padding: 50px 0px 30px;}
.banner-right { padding-top: 150px;}
.banner-btn { padding-bottom: 60px;}
.discover-wrapper { margin-top: 50px;}



}