html, body{font-family: 'Montserrat', sans-serif; font-size: 1.07rem; line-height: 1.6; font-weight: 400; color: #000; background:#fff;}
body.doNotScroll{overflow:hidden; height:100vh;}
*:focus {outline: none;}
h1, .h1{margin: 0 0 30px 0; padding: 0; font-weight: 700; font-size: 30px;}
h2, .h2{margin: 0 0 30px 0; padding: 0; font-weight: 700; font-size: 26px;}
h3, .h3{margin: 0 0 30px 0; padding: 0; font-weight: 700; font-size: 24px;}
a{text-decoration:none; color:inherit; outline:none;}
a:hover{color: inherit;}
img{height: auto; width: 100%;}
p{margin:0 0 20px 0;}
p:last-child{margin:0;}
.transition2s{transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; -ms-transition:all 0.2s linear 0s;}
.transition3s{transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s;}
.nonMobile{display: none;}
.mobile {display:inherit;}
.text-center{text-align: center;}
.red{color: #ee2737;}

#menuToggle{position: fixed; right: 15px; top: 15px; z-index: 11; display: block;}
#menuToggle span{display: block; width: 30px; height: 2px; margin-bottom: 5px; position: relative; background: #fff; border-radius: 3px; z-index: 1; transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;}
#menuToggle span:first-child{transform-origin: 0% 0%;}
#menuToggle span:nth-last-child(2){transform-origin: 0% 100%;}
#menuToggle.active span{transform: rotate(-39deg) translate(-1px, -2px);}
#menuToggle.active span:nth-last-child(3){opacity: 1; transform: rotate(39deg) translate(0px, -1px);}
#menuToggle.active span:nth-last-child(2){opacity: 0; transform: rotate(0deg) scale(0.2, 0.2);}

header{}

#heroWrapper{background: url(../img/hero-bg-mob.jpg) no-repeat center / cover; color: #fff; text-align: center; padding: 70px 0; position: relative; z-index: 1;}
#heroWrapper:after{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: -moz-linear-gradient(-60deg, rgba(44,44,44,0.8) 0%, rgba(44,44,44,0.8) 50%, rgba(44,44,44,0.7) 50%, rgba(44,44,44,0.7) 100%); background: -webkit-linear-gradient(-60deg, rgba(44,44,44,0.8) 0%,rgba(44,44,44,0.8) 50%,rgba(44,44,44,0.7) 50%,rgba(44,44,44,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b32c2c2c', endColorstr='#4d2c2c2c',GradientType=1 ); z-index: -1;}
#heroWrapper .leftContent{}
#heroWrapper .leftContent .large{font-size: 30px; font-weight: 600;}
#heroWrapper .leftContent .mainTitle{font-size: 9vw; color: #fff; margin: 0; line-height: 1.2;}
#heroWrapper .leftContent .mainTitle:after{display: none;}
#heroWrapper .leftContent .mainTitle .small{display: block; font-size: 19px; font-weight: 400; margin: 0 0 10px 0;}
#heroWrapper .leftContent .text{margin-bottom: 30px;}
#heroWrapper .leftContent .text p{margin-bottom: 10px;}
#heroWrapper .leftContent .button{background: #03346f; color: #fff; border-radius: 15px; font-size: 20px; margin-bottom: 20px; height: 55px; display: inline-flex; align-items: center; justify-content: center; padding: 0 20px; cursor: pointer;}
#heroWrapper .formWrapper{margin-top: 50px; background: rgba(0,0,0,0.5); padding: 40px; border-radius: 15px;}
#heroWrapper .formWrapper .mainTitle{text-align: center; font-weight: 600; font-size: 24px; color: #fff; margin: 0 0 20px 0;}
#heroWrapper .formWrapper .mainTitle:after{display: none;}
#heroWrapper .formWrapper form{}
#heroWrapper .formWrapper form input{width: 100%; border-radius: 15px; height: 55px; border: none; display: flex; margin-bottom: 20px; padding: 0 20px; align-items: center; background: #fff; font-weight: 500;}
#heroWrapper .formWrapper form input.half{width: 100%; float: left; margin-right: 20px;}
#heroWrapper .formWrapper form input.half:nth-child(3){margin-right: 0;}
/*#heroWrapper .formWrapper form input::placeholder {color: #fff; opacity: 1;}
#heroWrapper .formWrapper form input:-ms-input-placeholder {color: #fff;}
#heroWrapper .formWrapper form input::-ms-input-placeholder {color: #fff;}*/
#heroWrapper .formWrapper form select{width: 100%; border-radius: 15px; height: 55px; border: none; display: flex; margin-bottom: 20px; padding: 0 20px; align-items: center; background: #fff; font-weight: 500; text-align: left;}
#heroWrapper .formWrapper form .small{font-size: 11px;}
#heroWrapper .formWrapper form button{background: #ee2737; color: #fff; border-radius: 15px; font-size: 20px; height: 55px; display: flex; align-items: center; justify-content: center; padding: 0 20px; width: 100%; border: none; font-weight: 600;}

#box01{padding: 60px 0;}
#box01 .content{}
#box01 .content .imgWrapper{position: relative; border-radius: 15px; width: 90%; margin: 0 auto 20px auto;}
#box01 .content .imgWrapper:after{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0;  z-index: 0; transform: translate(5px, 5px); border: 1px solid #000; border-radius: 15px;}
#box01 .content .imgWrapper img{border-radius: 15px; position: relative; z-index: 1;}
#box01 .content .textWrapper{border-radius: 15px; width: 90%; margin: 20px auto 0 auto; background: rgba(0,0,0,0.8); color: #fff; text-align: center; padding: 30px; border: 2px solid #fff;}
#box01 .content .textWrapper .mainTitle{position: relative; margin-bottom: 50px; color: #fff; font-weight: 700; font-size: 26px;}
#box01 .content .textWrapper .mainTitle:after{content: ""; position: absolute; left: 50%; bottom: -15px; background: #ee2737; height: 2px; width: 100px; transform: translateX(-50%);}
#box01 .content .textWrapper .text{}

section{text-align: center; padding: 60px 0;}
section.gray{background: #f5f5f5;}
section .mainTitle{position: relative; margin-bottom: 50px; color: #000; font-weight: 900; font-size: 28px;}
section .mainTitle:after{content: ""; position: absolute; left: 50%; bottom: -15px; background: #ee2737; height: 2px; width: 100px; transform: translateX(-50%);}
section .text{}
section .title{position: relative; margin-bottom: 35px; color: #000; font-weight: 800; font-size: 22px; margin-top: 40px;}
section .title:after{content: ""; position: absolute; left: 50%; bottom: -15px; background: #ee2737; height: 2px; width: 100px; transform: translateX(-50%);}
section .title.noBorder:after{display: none;}

.badgesWrapper{width: 150px; margin: 0 auto; display: flex; flex-direction: column; gap: 20px;}
.badgesWrapper a{}
.badgesWrapper a img{}

.numbersWrapper{margin: 20px auto 0 auto; display: flex; flex-direction: column; gap: 25px; width: 90%;}
.numbersWrapper .item{background: #fff; border-radius: 15px; padding: 25px; border: 1px solid #000; box-shadow: rgba(0, 0, 0, 0.15) 3px 3px 3px 3px;}
.numbersWrapper .item .number{display: block; font-weight: 900; font-size: 30px;}
.numbersWrapper .item p{}

#teamSlider{margin-top: 50px;}
#teamSlider .item{border: 1px solid #ccc; border-radius: 15px; padding: 20px; width: 90%; margin: 0 auto;}
#teamSlider .item img{margin: 20px 0;}
#teamSlider .item .textWrapper{}
#teamSlider .item .textWrapper .name{margin: 0 0 5px 0; text-transform: uppercase;}
#teamSlider .item .textWrapper .title{font-weight: 600; line-height: 1.2; margin: 0; font-size: 15px;}
#teamSlider .item .textWrapper .title:after{display: none;}
#teamSlider .owl-dots{margin-top: 30px;}
#teamSlider .owl-dots button{margin: 0 10px;}
#teamSlider .owl-dots button span{width: 20px; height: 20px; display: block; border-radius: 50%; background: #d0d2d3;}
#teamSlider .owl-dots button.active span{background: #ee2737;}

#google01{}
#google01 img{border: 15px solid #fff; border-radius: 15px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.15) 3px 3px 3px 3px; width: 90%;}

#websiteDesign{background: url(../img/website-design-bg.jpg) 50% / cover; position: relative; z-index: 1; color: #fff;}
#websiteDesign:after{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background: rgba(0,0,0,0.8);}
#websiteDesign .mainTitle{color: #fff;}
#websiteDesign .text{width: 100%; max-width: 900px; margin: 0 auto;}

#google02 .title{margin-top: 0;}
#google02 img{width: 90%; margin-bottom: 20px;}
#google02 .row:not(:last-child){margin-bottom: 50px;}
#google02 .row:first-child img{margin-top: 20px; margin-bottom: 0; border: 15px solid #fff; border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.15) 3px 3px 3px 3px;}

#transparentDealings{}
#transparentDealings .content{}
#transparentDealings .content img{width: 90%; margin-bottom: 20px; border: 15px solid #fff; border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.15) 3px 3px 3px 3px;}
#transparentDealings .content .textWrapper{}
#transparentDealings .content .textWrapper ul{margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column;}
#transparentDealings .content .textWrapper ul li{display: flex; flex-wrap: wrap; margin: 0 0 5px 0; border-radius: 5px; overflow: hidden;}
#transparentDealings .content .textWrapper ul li .iconWrapper{width: 50px; text-align: center; background: #e52535; color: #fff; align-items: center; display: flex; justify-content: center; padding: 15px 0;}
#transparentDealings .content .textWrapper ul li .text{width: calc(100% - 50px); background: #d7d7d7; font-weight: 600; line-height: 1.2; padding: 15px;}

#pricing{background: url(../img/pricing-bg.jpg) 50% / cover; position: relative; z-index: 1; color: #fff;}
#pricing:after{content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background: rgba(0,0,0,0.7);}
#pricing .mainTitle{color: #fff;}
#pricing .text a{display: inline-block; background: #ee2737; padding: 5px 10px; border-radius: 5px; font-weight: 700;}
#pricing .itemsWrapper{display: flex; flex-direction: column; gap: 25px; margin-top: 40px;}
#pricing .itemsWrapper .item{border-radius: 15px; background: #fff; padding: 40px 20px; text-align: center; color: #000;}
#pricing .itemsWrapper .item .title{margin: 0 0 50px 0; font-size: 22px; line-height: 1.2;}
#pricing .itemsWrapper .item .box{margin: 0 0 40px 0;}
#pricing .itemsWrapper .item .box ul{margin: 0 0 30px 0; padding: 0 0 0 20px; font-size: 14px; text-align: left;}
#pricing .itemsWrapper .item .box ul li{}
#pricing .itemsWrapper .item .fee{background: #f2f2f2; padding: 20px; border-radius: 15px;}
#pricing .itemsWrapper .item .fee .title{font-size: 20px; margin: 0 0 30px 0;}
#pricing .itemsWrapper .item .fee .small{font-size: 13px;}
#pricing .tableWrapper{margin-top: 50px; border-radius: 15px; background: none; display: flex; gap: 30px; flex-direction: column; align-items: baseline;}
#pricing .tableWrapper table{caption-side: bottom; border-collapse: collapse; width: 100%; background: #fff; border-radius: 10px; overflow: hidden;}
#pricing .tableWrapper table thead{}
#pricing .tableWrapper table thead tr{}
#pricing .tableWrapper table thead tr th{background: #dbdbdb; color: #000; padding: 15px 10px; font-size: 20px;}
#pricing .tableWrapper table tbody{}
#pricing .tableWrapper table tbody tr{}
#pricing .tableWrapper table tbody tr td{border-bottom: 1px solid #ddd; padding: 15px 25px; color: #000; font-size: 15px; width: 100%; display: block;}
#pricing .tableWrapper table tbody tr td.tableSubtitle{font-weight: 600; font-size: 18px; background: #f2f2f2; width: 100%; display: block;}
#pricing .tableWrapper table tbody tr td .title{margin: 0 0 5px 0; font-size: 16px; font-weight: 600; line-height: 1.2;}
#pricing .tableWrapper table tbody tr td .title:after{display: none;}
#pricing .tableWrapper table tbody tr td .subtitle{color: #000; font-size: 14px; line-height: 1.2;}
#pricing .tableWrapper table tbody tr td .icon{color: #51b19d; font-size: 20px;}
#pricing .tableWrapper table tbody tr td .fee{background: #f2f2f2; padding: 20px; border-radius: 15px;}
#pricing .tableWrapper table tbody tr td .fee .title{font-size: 18px; margin: 0 0 30px 0; text-align: center;}
#pricing .tableWrapper table tbody tr td .fee .title .price{display: block; color: #ee2737; font-weight: 700; font-size: 24px; margin: 10px 0;}
#pricing .tableWrapper table tbody tr td .fee .small{font-size: 13px;}
#pricing .tableWrapper table tbody tr td.wrong{opacity: 0.5;}
#pricing .tableWrapper table tbody tr td.wrong .icon{color: #ccc;}
#pricing .tableWrapper table tbody tr td .number{font-weight: 700; font-size: 22px;}
#pricing .tableWrapper table tbody tr td .important{font-weight: 700; font-size: 17px; line-height: 1;}
#pricing .tableWrapper table .hide{/*display: none;*/max-height: 0; overflow: hidden; display: block; transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s;}
#pricing .tableWrapper table tbody tr td .show{cursor: pointer; display: block; background: #333; color: #fff; width: 80%; margin: 0 auto; line-height: 1; border-radius: 5px; font-weight: 500; padding: 15px 0;}
#pricing .tableWrapper table .hide.open{max-height: 150px;}

.ctaWrapper{background: rgb(44,130,201); background: radial-gradient(circle, rgba(44,130,201,1) 0%, rgba(18,56,88,1) 100%); color: #fff;}
.ctaWrapper .mainTitle{color: #fff;}
.ctaWrapper .button{background: #ee2737; padding: 15px 30px; display: inline-flex; gap: 30px; align-items: center; border-radius: 10px; font-weight: 700; font-size: 24px; border-bottom: 5px solid rgba(0,0,0,0.5);}
.ctaWrapper .button i{font-size: 22px;}

#faq{}
#faq .faqWrapper{}
#faq .faqWrapper .item{border: 2px solid #f5f5f5; margin-bottom: 5px;}
#faq .faqWrapper .item .question{background: #f5f5f5; padding: 15px; line-height: 1.2; font-weight: 600; cursor: pointer;}
#faq .faqWrapper .item .question .icon{display: none;}
#faq .faqWrapper .item .answer{padding: 20px; line-height: 1.3; display: none;}
#faq .faqWrapper .item .answer a{color: #ee2737; text-decoration: underline; font-weight: 600;}

.buttonWrapper{}
.buttonWrapper button {--border: 5px; --slant: 0.7em; --color: #ee2737; font-size: 30px; padding: 0.6em 1.4em; border: none; cursor: pointer; font-weight: bold; color: var(--color); background: linear-gradient(to bottom left,var(--color)  50%,#0000 50.1%) top right, linear-gradient(to top   right,var(--color)  50%,#0000 50.1%) bottom left; background-size: calc(var(--slant) + 1.3*var(--border)) calc(var(--slant) + 1.3*var(--border)); background-repeat: no-repeat; box-shadow: 0 0 0 200px inset var(--s,#0000), 0 0 0 var(--border) inset var(--color); clip-path:  polygon(0 0, calc(100% - var(--slant)) 0, 100% var(--slant), 100% 100%, var(--slant) 100%,0 calc(100% - var(--slant))); transition: color var(--t,0.3s), background-size 0.3s; line-height: 1.2;}
.buttonWrapper button:focus-visible {outline-offset: calc(-1*var(--border)); outline: var(--border) solid #000c; clip-path: none; background-size: 0 0;}
.buttonWrapper button:hover, .buttonWrapper button:active{background-size: 100% 100%; color: #fff; --t: 0.2s 0.1s;}
.buttonWrapper button:active {--s: #0005; transition: none;}

@media (min-width: 576px) {
	#heroWrapper{background: url(../img/hero-bg.jpg) no-repeat center / cover;}
}

@media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {
}

@media (min-width: 992px) {
	.nonMobile{display: inherit;}
	.mobile {display:none;}
	#menuToggle{display: none;}
	.headerMob{display: none;}

	#heroWrapper{text-align: left; padding: 100px 0;}
	#heroWrapper .leftContent .mainTitle{font-size: 60px; margin: 0; font-weight: 900;}
	#heroWrapper .leftContent .mainTitle .small{font-size: 24px;}
	#heroWrapper .leftContent .button{padding: 0 40px;}
	#heroWrapper .formWrapper{margin-top: 0;}
	#heroWrapper .formWrapper form input.half{width: calc(calc(100% - 20px) / 2);}

	#box01 .content{display: flex; align-items: center;}
	#box01 .content .imgWrapper{margin: 0;}
	#box01 .content .textWrapper{margin: 0; text-align: left; margin-left: -100px; position: relative; z-index: 1;}
	#box01 .content .textWrapper .mainTitle:after{left: 0; transform: none;}

	section .mainTitle{font-size: 46px;}
	section .title{font-size: 34px;}

	.badgesWrapper{width: auto; flex-direction: revert; justify-content: center; gap: 10%;}
	.badgesWrapper a{}
	.badgesWrapper a img{width: auto; height: 130px;}
	.numbersWrapper{flex-direction: row; justify-content: center; gap: 50px;}
	.numbersWrapper .item{width: 30%;}
	.numbersWrapper .item p{width: 70%; margin: 0 auto;}

	#google02 .content{display: flex; align-items: center; gap: 50px;}
	#google02 .content img{margin: 0; width: 580px;}

	#transparentDealings .content{display: flex; align-items: center; gap: 50px;}
	#transparentDealings .content img{margin: 0; width: 580px;}

	#pricing .tableWrapper{flex-direction: row;}
	#pricing .itemsWrapper{flex-direction: row; justify-content: center;}
	#pricing .itemsWrapper .item{width: calc(100% / 3);}
	#pricing .itemsWrapper .item.smaller{transform: scale(0.9);}

	#faq .faqWrapper .item{text-align: left;}
	#faq .faqWrapper .item .question{padding: 15px 35px; display: flex; justify-content: space-between;}
	#faq .faqWrapper .item .answer{padding: 20px 35px;}
	#faq .faqWrapper .item .question .icon{display: inline-block;}

	.ctaWrapper .button{padding: 15px 50px; gap: 50px; font-size: 30px;}
	.ctaWrapper img{border: 15px solid #fff; border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.15) 3px 3px 3px 3px; max-width: 1400px;}
}
@media (min-width: 1200px) {
}
@media (min-width: 1400px) {
}