@font-face { 
	font-family: 'montserrat';
	src: url('../assets/font/Montserrat-Regular.ttf');
	font-weight: 400;
}
@font-face { 
    font-family: 'montserrat';
    src: url('../assets/font/Montserrat-SemiBold.ttf');
    font-weight: 600;
}
@font-face { 
    font-family: 'montserrat';
    src: url('../assets/font/Montserrat-Bold.ttf');
    font-weight: 700;
}

html, body {margin: 0; padding: 0; font-size: 14px; font-family: 'montserrat', arial; color: #5c5c5c;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: white;}
* {box-sizing: border-box; outline: none;}

html, body {min-height: 100%; height: 100%;}
body.carrer-page .container-wrapper {height: 100%;}
body.carrer-page .content-wrapper {min-height: calc(100% - 97px - 52px);}

.clearfix:after {content: " "; visibility: hidden; display: block; height: 0; clear: both;}

a { text-decoration: none; color: inherit; transition: 0.5s ease; transition-property: color;}
strong, b { font-weight: 700; }
img { max-width: 100%; }

input, textarea, select {color: inherit; font-size: inherit; font-family: inherit;}

textarea {resize: none;}

.right { float: right; }
.left { float: left; }
.no-padding { padding: 0!important; }
ul {margin: 0; padding: 0; list-style-type: none;}

/* header */
.header-wrapper {background: #1f7199; color: white; padding: 40px 100px; position: relative; height: 97px;}

.fixed-header .header-wrapper {position: fixed; top: 0; left: 0; right: 0; z-index: 5; height: 60px; padding: 20px 100px;}
.fixed-header .container-wrapper {padding-top: 97px;}
.fixed-header .logo-wrapper {width: 34px;}
.fixed-header .logo-wrapper img {width: 34px;}
.fixed-header .logo-wrapper a:after {top: 20px; width: 100px; height: 46px;}
.fixed-header .logo-wrapper:before {top: 20px;}
.fixed-header .logo-wrapper:after {top: 20px;}
.fixed-header .burger-icon.menu-trigger {height: 21px;}

.header-wrapper .menu {justify-content: space-around; display: flex; position: relative;}
.header-wrapper .menu a {font-weight: 700; letter-spacing: 3px;}
.header-wrapper:before {content: ''; background: url('/images/svg/element_2.svg') no-repeat; height: 140px; width: 163px; position: absolute; left: 0; top: 0; z-index: 3; pointer-events: none;}
.header-wrapper:after {content: ''; background: url('/images/svg/element_2.svg') no-repeat; height: 140px; width: 163px; position: absolute; right: 0; top: 0; z-index: 3; pointer-events: none; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH;}

.header-wrapper .menu li:first-child:after {content: ''; width: 1px; position: absolute; background: #3488ad; top: -5px; bottom: -5px; left: 24%;}
.header-wrapper .menu li:last-child:before {content: ''; width: 1px; position: absolute; background: #3488ad; top: -5px; bottom: -5px; right: 26%;}

.logo-wrapper {width: 54px; position: absolute; left: 0; right: 0; top: 40px; margin: auto;}
.logo-wrapper:before {content: ''; background: url('/images/svg/element_1.svg'); width: 79px; height: 59px; position: absolute; top: 57px; left: -140px; z-index: 3;}
.logo-wrapper:after {content: ''; background: url('/images/svg/element_1.svg'); width: 79px; height: 59px; position: absolute; top: 57px; right: -140px; z-index: 3;  -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH;}

.logo-wrapper img {width: 54px; position: absolute; z-index: 4; top: -22px;}
.logo-wrapper a:after {content: ''; background: url('/images/svg/top.svg'); width: 120px; height: 55px; position: absolute; top: 56px; left: -33px; z-index: 3; pointer-events: none;}

.header-wrapper .panel-login { position: absolute; right: 0; bottom: 0; margin-bottom: -56px; width: 250px; height: 56px; background: #134d6a; font-size: 13px; color: #fff; font-weight: 600; line-height: 56px; text-align: center; z-index: 7; padding-right: 30px; }
.header-wrapper .panel-login:before { width: 18px; height: 19px; display: inline-block; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAMAAACqTK3AAAAAnFBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9FaQsiAAAAM3RSTlMAAQMMDxAUGRofIyYnKDM0NTY4O0hJWFlnc4Kcoaastba5vMbR1Nba3OXn6ezt7vn6+/5hvVbIAAAAr0lEQVR4AU3Fha7CQBQG4R8pUoTi7r4IC/P+73bvnmyafslkZJLF5fu9LBLlModxmaLmk9u0Xp/eeDYls+ZUDa+eWMtUPgxlhnwqCrq8FL3o2gc4RY6BvfajLdPmV5M5sC2Hl7ccZNTz7DpSZ4fvKZp48KGJosaGaNOQ6T9gP5/N5nt49PUvfXPNZLIr71QqHTknipIzx5LG+JZyLc9YK5YqWLLSnZEKRtwFqQpS+AOuHBYFsudFZAAAAABJRU5ErkJggg==); content: ""; margin-right: 10px; vertical-align: middle; margin-bottom: 4px; }
.header-wrapper .panel-login:after { position: absolute; top: 0; left: -56px; content: ""; border-right: 56px solid #134d6a; border-bottom: 56px solid transparent; }
/* end header */

/* video */

.main-banner-slick.slick-slider {height: 100%;}
.main-banner-slick.slick-slider .slick-list {height: 100%;}
.main-banner-slick.slick-slider .slick-track {height: 100%;}
.main-banner-slick .slick-dots {position: absolute; bottom: calc(50% - 100px); left: 0; right: 0; text-align: center;}
.main-banner-slick .slick-dots li {display: inline-block; font-size: 14px; color: white; margin: 0 12px; cursor: pointer;}
.main-banner-slick .slick-dots li.slick-active {color: #66d1fd;}
.main-banner-slick .slick-dots li:before {content: "\e904"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.main-banner-slick .slick-dots li button {display: none;}

.video-wrapper {background: #a2a2a2; position: relative; overflow: hidden;}
.video-wrapper video {min-width: 100%; min-height: 100%; position: absolute; z-index: 1; pointer-events: none;}
.video-content {position: relative; z-index: 3; text-align: center; color: white; position: relative; top: 47%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0 40px;}
.video-mask {position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 2; background: black; opacity: 0.6;}

.video-content .company {font-size: 20px; font-weight: 700; letter-spacing: 10px;}
.video-content .title {font-size: 60px; font-weight: 700; padding: 45px 0;}
.video-content .text {padding-top: 150px; font-weight: 700; font-size: 20px; letter-spacing: 1px;}

.btn-check {width: 306px; height: 62px; display: inline-block; line-height: 72px; font-weight: 700; letter-spacing: 2px; text-align: center; color: white; position: relative;}
.btn-check span {position: relative; z-index: 2;}
.btn-check:before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url('../images/svg/button_3.svg'); z-index: 1;}
.btn-check:after {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url('../images/svg/button_3a.svg'); opacity: 0; z-index: 1;}
.btn-check:before, .btn-check:after {transition: 0.6s ease all;}
.btn-check:hover:after {opacity: 1;}


.video-bottom-cover-wrapper {position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; pointer-events: none;}
.video-bottom-cover-wrapper .border-left-wrapper {position: absolute; bottom: 0; right: 50%; left: 0;}
.video-bottom-cover-wrapper .border-right-wrapper {position: absolute; bottom: 0; left: 50%; right: 0;}
.video-bottom-cover-wrapper .border-left {border: 1px solid; border-width: 0px 2000px 450px 0px; border-color: transparent transparent white transparent; width: 15px; height: 15px; position: absolute; right: 0; bottom: 0;}
.video-bottom-cover-wrapper .border-right {border: 1px solid; border-width: 0px 0px 450px 2000px; border-color: transparent transparent white transparent; width: 15px; height: 15px;  position: absolute; left: 0; bottom: 0;}

.video-bottom-cover-wrapper .decoration {height: 90px; width: 100px; background: url('/images/svg/element_3.svg');}
.video-bottom-cover-wrapper .border-left-wrapper .decoration {position: absolute; left: 0; bottom: 0;}
.video-bottom-cover-wrapper .border-right-wrapper .decoration {position: absolute; right: 0; bottom: 0;  -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH;} 

/* end video */

.scroll-up-button {width: 82px; position: absolute; top: -50px; z-index: 3; left: 0; right: 0; margin: auto;}
.scroll-up-button img {transform: rotate(180deg);}
.text-wrapper {line-height: 30px; letter-spacing: 1px; text-align: center; margin: 0 auto; padding: 70px 40px; position: relative;}
.text-wrapper .hex-wrapper {font-size: 12px; color: #66b538; margin-top: 20px;}

/* partners */
.partners-wrapper {background: #eaeef1; padding: 55px 100px;}
.partners-header {font-weight: 700; font-size: 24px; text-align: center; margin-bottom: 45px;}
.partners-text {font-size:14px;color:#818080;text-align:center;margin-bottom:35px;}
.partners-carousel {margin-bottom: 50px; height:160px; }
.partners-wrapper .slick-slide { height: 160px; line-height: 160px; text-align: center; }
.partners-wrapper .slick-slide img {margin:0 auto;vertical-align:middle;max-width:85%;display: inline-block;width:auto;height:auto;}
.partners-wrapper .slick-list {margin: 0 40px;}
.partners-wrapper .icon-arrow_r {font-size: 30px; position: absolute; top: 0; bottom: 0; margin: auto; height: 30px; color: #a7a7a7; cursor: pointer;transition: 0.6s ease all;}
.partners-wrapper .icon-arrow_r:hover { color: #000; }
.partners-wrapper .icon-arrow_r.slick-prev {left: -10px; transform: rotate(180deg);}
.partners-wrapper .icon-arrow_r.slick-next {right: -20px; }
.partners-wrapper .icon-arrow_r:after { font-family: 'icomoon' !important; font-size: 55px; content: "\e904"; color: #e0e0e0; position: absolute; top: -6px; left: -19px; transform: rotate(60deg); z-index: 3; }
.partners-wrapper .icon-arrow_r:before { z-index: 4; position: relative; font-size: 17px; }
.partners-wrapper .button { margin-bottom: 70px; text-align: center; }
/* end partners */



/* services */
.services-wrapper {background: url('/images/background_2.jpg'); background-size: cover; position: relative;}
.services-wrapper:before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: #012d43; opacity: 0.8; z-index: 1;}
.services-wrapper .services {position: relative; z-index: 2; color: white; padding: 60px 0px;}

.hex-big {color: #eaeef1; position: absolute; z-index: 3; font-size: 68px; top: -29px; left: 0; right: 0; margin: auto; width: 58px;}
.hex-small {color: #3f718a; position: absolute; top: 0; bottom: 0; left: 0; right: 0; font-size: 19px; width: 16px; height: 19px; margin: auto;}

.services .title {text-align: center; font-weight: 700; font-size: 18px; margin-bottom: 70px;}
.services .tab-buttons {justify-content: space-around; display: flex; font-weight: 700; letter-spacing: 2px; font-size: 11px; margin-bottom: 50px; padding: 0px 100px; padding-right: 120px;}
.services .tab-content-wrapper {padding: 100px 40px; border-top: 1px solid #486c7c;}
.services .tab-content {width: 1040px; margin: 0 auto;}

.tab-content-wrapper .tab-content {display: none;}
.tab-content-wrapper .tab-content:first-child {display: block;}

.tab-buttons a.active, .tab-buttons a:hover {color: #64d1fc;}

.tab-list > div {width: 25%; float: left;}
.tab-list .text {text-align: center; font-weight: 700; margin-top: 25px; font-size: 16px;}
.tab-list .icon-hex_closed {width: 52px; margin: 0 auto; position: relative; font-size: 60px;}
.tab-list .tab-marketing .icon-hex_closed {color: #87c150;}
.tab-list .tab-website .icon-hex_closed {color: #bb72c4;}
.tab-list .tab-social .icon-hex_closed {color: #5a88d3;}
.tab-list .tab-video .icon-hex_closed {color: #e45f60;}
.tab-list .icon-hex_closed span {position: absolute; font-size: 20px; width: 24px; height: 20px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; color: white; text-align: center;}

.cash-hex-wrapper {position: relative; margin-top: 70px;}
.cash-hex-wrapper .icon-hex_closed {font-size: 194px; width: 168px; position: relative; margin: 0 auto; color: #3585aa;}
.cash-hex-wrapper .icon-hex_closed .cash-wrapper {font-size: 60px; height: 60px; width: 52px; color: #f1cc59; position: absolute; top: 0; left: 0; right: 0; margin: auto;}
.cash-hex-wrapper .icon-hex_closed .cash-wrapper span {color: #be9c31; font-size: 30px; height: 30px; width: 30px; text-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.cash-hex-wrapper .text {font-size: 36px; white-space: nowrap; text-align: center; font-weight: 700; height: 44px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 2;}
.cash-hex-wrapper .line1 {width: 350px; height: 1px; background: #486c7c; position: absolute; top: 58px; right: 580px; transform: rotate(30deg);}
.cash-hex-wrapper .line2 {width: 156px; height: 1px; background: #486c7c; position: absolute; top: 10px; right: 593px; transform: rotate(30deg);}
.cash-hex-wrapper .line3 {width: 350px; height: 1px; background: #486c7c; position: absolute; top: 58px; left: 580px; transform: rotate(-30deg);}
.cash-hex-wrapper .line4 {width: 156px; height: 1px; background: #486c7c; position: absolute; top: 10px; left: 593px; transform: rotate(-30deg);}

.cash-hex-wrapper .line1:after {content: ''; position: absolute; background: #486c7c; width: 130px; height: 1px; transform: rotate(-30deg); top: 33px; right: 341px;}
.cash-hex-wrapper .line3:after {content: ''; position: absolute; background: #486c7c; width: 130px; height: 1px; transform: rotate(30deg); top: 33px; left: 341px;}

.cash-hex-wrapper .line2:after {content: ''; position: absolute; background: #486c7c; width: 130px; height: 1px; transform: rotate(-30deg); top: -33px; left: -8px;}
.cash-hex-wrapper .line4:after {content: ''; position: absolute; background: #486c7c; width: 130px; height: 1px; transform: rotate(30deg); top: -33px; right: -8px;}


.fraud-detection-wrapper {text-align: center;}
.fraud-detection-wrapper .title {font-size: 36px; margin-bottom: 10px;}
.fraud-detection-wrapper .text {line-height: 30px; margin-bottom: 40px;}
.fraud-detection-wrapper .safety-lock-wrapper img {height: 178px;}
.fraud-detection-wrapper .safety-lock-wrapper img:first-child {margin-right: calc((100% - 600px)/2);}
.fraud-detection-wrapper .safety-lock-wrapper img:last-child {margin-left: calc((100% - 600px)/2);}
.fraud-detection-wrapper .safety-lock-wrapper img.big {height: 260px;}

.media-planing-wrapper {text-align: center;}
.media-planing-wrapper .title img {height: 34px; vertical-align: middle; margin-left: 20px;}
.media-planing-wrapper .title img:first-child {transform: rotateY(180deg); margin-right: 20px;}
.media-planing-wrapper .title {font-size: 42px; margin-bottom: 10px;}
.media-planing-wrapper .text {line-height: 30px; margin-bottom: 40px;}

.media-planing-wrapper .vertical-line-wrapper div {height: 46px; width: 1px; margin: 0 auto; background: white; opacity: 0.2;}
.media-planing-wrapper .diamond img {height: 30px; margin-bottom: 20px;}
.media-planing-wrapper .media-wrapper > div {width: 130px; float: left;}
.media-planing-wrapper .media-wrapper .horizontal-line {width: calc((100% - 3* 130px - 2* 40px)/2); height: 1px; background: white; opacity: 0.2; margin: 60px 10px 0;}
.media-planing-wrapper .media-wrapper .social-wrapper {margin: 0 20px;}
.media-planing-wrapper .media-wrapper {margin-top: 30px}

.media-planing-wrapper .graphics-wrapper .icon-hex_closed {color: #6ebf60;}
.media-planing-wrapper .strategy-wrapper .icon-hex_closed {color: #eaa233;}
.media-planing-wrapper .graphics-wrapper img {width: 38px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}

.media-planing-wrapper .media-wrapper .icon-hex_closed {position: relative; font-size: 124px;}
.media-planing-wrapper .media-wrapper .icon-hex_closed i {position: absolute; font-size: 46px; height: 46px; top: 0; bottom: 0; left: 0; right: 0; text-align: center; margin: auto; color: white;}


.media-planing-wrapper .media-wrapper .social-wrapper .icon-hex_closed {font-size: 64px;}
.media-planing-wrapper .media-wrapper .social-wrapper .icon-hex_closed i {font-size: 22px; height: 22px;}
.media-planing-wrapper .media-wrapper .social-wrapper .icon-hex_closed.facebook i {font-size: 28px; height: 28px;}
.media-planing-wrapper .media-wrapper .social-wrapper .clearfix > div {float: left;}
.media-planing-wrapper .media-wrapper .social-wrapper .clearfix > div.facebook {margin-right: calc(100% - 56px * 2)}
.media-planing-wrapper .media-wrapper .social-wrapper .clearfix > div.google {float: none; clear: both;}
.media-planing-wrapper .media-wrapper .desc {margin-top: 30px; font-weight: 700;}

/* end services */


/* safety */
.safety-wrapper {background: url('/images/background.jpg'); background-size: cover; padding: 110px 100px 150px; position: relative;}
/*
.safety-wrapper:before {content: ''; background: url('/images/svg/element_4.svg'); height: 220px; width: 73px; position: absolute; top: -57px; left: 0; z-index: 2;}
.safety-wrapper:after {content: ''; background: url('/images/svg/element_4.svg'); height: 220px; width: 73px; position: absolute; top: -57px; right: 0; z-index: 2; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH;}
*/
.safety {width: 950px; margin: 0 auto;}
/* .safety > div {float: left; width: 50%;} */

.safety .lock img {width: 258px;}

.safety .safety-content {text-align: center;}
.safety .safety-content .title {padding-top: 55px; font-weight: 700; font-size: 24px; margin-bottom: 30px;}
.safety .safety-content .text {line-height: 30px; margin-bottom: 30px;}
/* end safety */


/* contact map */
.contact-map-wrapper {position: relative; z-index: 2;}
.contact-map-head {position: relative;}
.contact-map-wrapper .line {position: absolute; bottom: 100%;}
.contact-map-wrapper .line2 {position: absolute; top: -1px; z-index: 2; transform: rotate(180deg);}
.contact-map-head .center {width: 460px; height: 104px; text-align: center; line-height: 104px; background: url('/images/svg/button_2.svg'); color: white; font-weight: 700; margin: auto; font-size: 20px; letter-spacing: 6px; position: absolute; left: 0; right: 0; top: -56px; z-index: 2;}
.contact-map-head:before {pointer-events: none; content: ''; background: url('/images/svg/element_5.svg'); width: 59px; height: 108px; position: absolute; top: -35px; left: 0; z-index: 3;  -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH;}
.contact-map-head:after {pointer-events: none; content: ''; background: url('/images/svg/element_5.svg'); width: 59px; height: 108px; position: absolute; top: -35px; right: 0; z-index: 3;}
.contact-map-footer {position: relative;}
/*
.contact-map-footer .line {position: absolute; bottom: 0; z-index: 2;}
*/
.contact-footer-decoration {pointer-events: none; background: url(/images/svg/element_6.svg); height: 220px; width: 73px; position: absolute; z-index: 3; bottom: -57px;}
.contact-footer-decoration.left-decoration {left: 0;}
.contact-footer-decoration.right-decoration {right: 0; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH;}
/* end contact map */

/* contact form */
.contact-form-wrapper {padding: 80px 60px 120px;}
.contact-form {max-width: 900px; margin: 0 auto;}
.contact-form form {position: relative;}
.contact-form .title {font-weight: 700; text-align: center; font-size: 24px; margin-bottom: 20px;}
.contact-form .label-wrapper {text-align: center; color: #bababa;}
.contact-form .input-wrapper {margin-bottom: 16px;} 
.contact-form label {position: relative; display: inline-block; padding: 0 20px; background: white; top: 8px;}
.contact-form input {width: 100%; border: 1px solid #d0d0d0; height: 44px; padding-left: 20px;}
.contact-form textarea {width: 100%; border: 1px solid #d0d0d0; height: 208px; padding: 20px; display: block;}
.contact-form .btn-submit {position: relative; width: 264px; height: 60px; line-height: 54px; font-size: 20px; letter-spacing: 6px; text-align: center; color: white; font-weight: 700; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; position: absolute; bottom: -27px; left: 0; right: 0; margin: auto; z-index: 2; padding: 0; cursor: pointer;}
.contact-form .btn-submit span {position: relative; z-index: 2;}

.contact-form .btn-submit:before {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url('/images/svg/button_1.svg'); z-index: 1;}
.contact-form .btn-submit:after {content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url('/images/svg/button_1a.svg'); opacity: 0; z-index: 1;}
.contact-form .btn-submit:before, .contact-form .btn-submit:after {transition: 0.6s ease all;}
.contact-form .btn-submit:hover:after {opacity: 1;}

.form-alert {text-align: center;}
.form-alert.msg-error {color: #dd4e40;}
.form-alert.msg-success {color: #8ec640;}


/* end contact form */

/* footer */
.footer-wrapper { background: #144d6a; position: relative; padding: 45px 120px 15px 120px; }
.footer-wrapper:before {content: ''; background: url('../images/footer.png'); width: 111px; height: 373px; position: absolute; bottom: 0; left: 0; z-index: 2;}
.footer-wrapper:after {content: ''; background: url('../images/footer.png'); width: 111px; height: 373px; position: absolute; bottom: 0; right: 0; z-index: 2; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH;}

.footer-social {padding: 65px 200px; background: #155578; display: flex; justify-content: space-between; position: relative;}
.footer-social .icon-hex_closed {font-size: 70px; position: relative;}
.footer-social .icon-hex_closed.facebook {color: #5e7cbc;}
.footer-social .icon-hex_closed.twitter {color: #55acef; margin-top: 50px;}
.footer-social .icon-hex_closed.google {color: #dd4e40;}

.footer-social .icon-hex_closed.facebook:hover {color: #455984;}
.footer-social .icon-hex_closed.twitter:hover {color: #4a92ca;}
.footer-social .icon-hex_closed.google:hover {color: #88332a;}

.footer-social .icon-hex_closed i {color: white; position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; line-height: 70px; font-size: 23px;}
.footer-social .icon-hex_closed.facebook i {font-size: 30px;}

.footer-social:before {content: ''; background: url('/images/svg/element_7.svg'); width: 71px; height: 132px; position: absolute; top: -89px; left: 0;}
.footer-social:after {content: ''; background: url('/images/svg/element_7.svg'); width: 71px; height: 132px; position: absolute; top: -89px; right: 0; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH;}

.footer-copy { margin: 0 auto; max-width: 100%; width: 1140px; text-align: left; }
.footer-copy:after { width: 100%; clear: both; height: 0; font-size: 0; content: ""; display: block; }
.footer-copy .col { float: left; width: 20.9%; font-size: 14px; color: #4a8fb2; }
.footer-copy .col a { color: #4a8fb2; }
.footer-copy .col + .col { width: 28.7%; }
.footer-copy .col + .col + .col + .col { width: 21.7%; }
.footer-copy .col .title { font-weight: 700; color: #fff; font-size: 14px; letter-spacing: 2px; display: block; margin-bottom: 30px; }
.footer-copy .col .links { list-style: none; }
.footer-copy .col .links li { margin: 0; padding-bottom: 28px; }
.footer-copy .col .address { margin: 0; line-height: 22px; }
.footer-copy .col .partners { max-width: 285px; padding-top: 15px; }
.footer-copy .col .partners img { max-height: 40px; margin-right: 30px; max-width: 120px; vertical-align: middle; margin-bottom: 35px; }
.footer-copy .col .social { display: flex; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid #79a7be; margin-bottom: 20px; }
.footer-copy .col .social + p { font-size: 12px; margin: 0; }
.footer-copy .col .icon-hex_line { font-size: 65px; color: #79a7be; text-align: center; position: relative; }
.footer-copy .col .icon-hex_line i { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; line-height: 65px; font-size: 23px; color: #fff; }
.footer-copy .col .icon-hex_line i.icon-face { font-size: 28px; }
.footer-copy .col .icon-hex_line i.steam { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAcCAMAAACnDzTfAAABj1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+J7vFQAAAAhHRSTlMAAQIDBAYHCAkKCwwNDxARExQVFhcYGRobHB4jJCUmKisvMDE1Njg7PkBERkdOT1BTVVhZW1xdYGNkZmhqa2xvcXN0d3h9f4CBgoOEhoeIiYuQkZiZm56lqKuur7Cys7S4vb/AyszOz9DS1dfY2dre3+Dj5OXo6ers8PHy9vf4+fr7/f5uWtihAAABaElEQVR42mWS+TcCURiGv5QsY8sS2bNnKWtI1mQvVJaSvQxJJkQaiXx/uDtjprnq+em+85xzzz3zviBTaw9yWfx+9Nuq4D/13gzKpPd1tBp/R5qkRVGbmI9DVutYyBKImJHibra7Z5FD/BkUVHWCUj41GOqgLIj4VE6cm1LX6k72gbsylEYRnQBMinImJj4CYGOLpsljtTBJqbTaegCEiwE9SRY4olwYVpcF55nQkOSFmKKyfWA+J0p1a2whkYWM4vYANCF3jf4wACsk8tDm4SUVLQGAKt9LfFfblEQCiRUL99KNMu3iBwQB1dBZzGGSRMf88ZeoeJAxBrYZIMx9ogQLuSYZ1yVApR9zeGEqZC2WbLirl0MFCzA8vm7oRXc6HKEL1v796whDHtmaaM5Qzil09EYOY86bk+dRF6XEjsRuP2YM/Y07ihG6FVkTQiqazt+EyFbhlqgNpvI3SNFQsF0anT0Yz9v8L5VL5xK/VkzJAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: center center; }
.footer-copy .col .discord { text-align: center; color: #fff; line-height: }
.footer-copy .col .discord a { vertical-align: middle; margin-right: 10px; }
.footer-copy .col .discord img { max-width: 100%; position: absolute; width: 40px; left: 9px; top: 17px; }
/* end footer */


.social-side-wrapper {position: fixed; right: 20px; top: 200px; z-index: 10;}
.social-side .icon-hex_closed {width: 36px; height: 40px; font-size: 40px; position: relative; display: block; text-align: center; margin-bottom: 12px;}
.social-side .icon-hex_closed i {font-size: 12px; color: white; line-height: 40px; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.social-side .icon-hex_closed.facebook i {font-size: 16px;}
.icon-hex_closed.facebook {color: #5e7cbc;}
.icon-hex_closed.twitter {color: #55acef;}
.icon-hex_closed.google {color: #dd4e40;}
.social-side .icon-hex_closed.advertise {color: #1f7199;}
.social-side .icon-hex_closed.contact-map {color: #1f7199;}


.social-side .icon-hex_closed.facebook:hover {color: #455984;}
.social-side .icon-hex_closed.twitter:hover {color: #4a92ca;}
.social-side .icon-hex_closed.google:hover {color: #88332a;}
.social-side .icon-hex_closed.advertise:hover {color: #123a4e;}
.social-side .icon-hex_closed.contact-map:hover {color: #123a4e;}





.burger-icon {position: relative; height: 100%; clear: both; overflow: visible; cursor: pointer;}
.burger-icon > div {width: 20px; height: 3px; background: white; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;
    -webkit-transition: 250ms all ease;
    -moz-transition: 250ms all ease;
    -ms-transition: 250ms all ease;
    -o-transition: 250ms all ease;
    transition: 250ms all ease;
}

.burger-icon .top {
    -webkit-transform: translate3d(0, -6px, 0);
    -moz-transform: translate3d(0, -6px, 0);
    -ms-transform: translate3d(0, -6px, 0);
    -o-transform: translate3d(0, -6px, 0);
    transform: translate3d(0, -6px, 0);
}
.burger-icon .bottom {
    -webkit-transform: translate3d(0, 6px, 0);
    -moz-transform: translate3d(0, 6px, 0);
    -ms-transform: translate3d(0, 6px, 0);
    -o-transform: translate3d(0, 6px, 0);
    transform: translate3d(0, 6px, 0);
}
.burger-icon.active .top {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.burger-icon.active .bottom {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.burger-icon.active .middle {opacity: 0;}
.burger-icon.menu-trigger {width: 20px; height: 62px; float: right; margin-right: 60px; display: none;}

.error input, .error textarea {border-color: #dd4e40;}
.error label {color: #dd4e40;}











.contact-page .container-wrapper .head-wrapper {padding: 125px 30px 75px; color: #636363;}
.contact-page .container-wrapper .head-wrapper .head-title {font-size: 36px; font-weight: 700; text-align: center;}
.contact-page .container-wrapper .head-wrapper .head-content { display: flex; justify-content: center; margin-top: 60px; text-align: center; font-size: 16px; line-height: 30px;}
.contact-page .container-wrapper .head-wrapper .head-content > div {padding: 0 85px; border-left: 1px solid #d0d0d0;}
.contact-page .container-wrapper .head-wrapper .head-content > div:first-child {border-left: 0; padding-left: 15px;}




.statistics-wrapper {padding: 45px 10px; border-top: 1px solid #e1e1e1;}
.statistics-wrapper .statistics > div {float: left; width: calc(100% / 6); text-align: center; border-left: 1px solid #e1e1e1; padding: 30px 0;}
.statistics-wrapper .statistics > div:first-child {border-left: none;}
.statistics-wrapper .statistics .title {font-size: 30px;}
.map {padding: 100px; text-align: center; background: url('/images/hex_back.png'); background-size: cover;} 
.map img {max-width: 1400px;}


.carrer-page .content-wrapper {background: url(../images/back_2.jpg); background-size: cover; color: white; text-align: center; padding: 120px 0;}
.hex-text-wrapper {clear: both; overflow: auto;}
.hex-text-block {width: 304px; position: relative; margin: 0 auto; padding: 88px 0; margin-left: calc((100% - 3 * 304px)/6); margin-right: calc((100% - 3 * 304px)/6); float: left; cursor: pointer;}
.hex-text-block img {position: absolute; left: -1px;  width: 306px; max-width: initial; pointer-events: none; transition: 0.5s ease all;}
.hex-text-block img.top {top: 0;}
.hex-text-block img.bottom {bottom: 1px; transform: rotate(180deg);}

.hex-text-block img.bright {opacity: 0;}
.hex-text-block.active img.dark {opacity: 0;}
.hex-text-block.active img.bright {opacity: 1;}


.hex-text {border-left: 2px solid #226285; border-right: 2px solid #226285; transition: 1s ease all;}
.active .hex-text {border-left: 2px solid #35c6f3; border-right: 2px solid #35c6f3;}
.hex-text .icon-hex_line {font-size: 150px; position: relative; top: -40px; color: #226285; transition: 1s ease all;}
.active .hex-text .icon-hex_line {color: #35c6f3;}
.hex-text .icon-hex_line span {position: absolute; font-size: 40px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 40px; color: white;}
.hex-text .title {position: relative; top: -20px; font-weight: 700; font-size: 16px;}
.hex-text .text {padding: 0 30px; line-height: 30px; transition: 1s ease all; overflow: hidden; color: #226285;}
.active .hex-text .text {color: white;}

.hex-text .icon-hex_closed {position: relative; bottom: -20px;}
.carrer-page .main-title {font-size: 40px; font-weight: 700; margin-bottom: 50px;}
.carrer-page .main-text {line-height: 40px; margin-bottom: 30px; font-size: 16px;}
.carrer-page .blue {color: #2ca8ce; font-size: 16px; margin-bottom: 80px;}



.career-popup-wrapper {position: absolute; left: 0; right: 0; top: 160px; z-index: 2; padding: 0 20px; display: none}
.career-popup {background: white; color: #808080; border: 8px solid #1e7098; max-width: 730px; margin: 0 auto; padding: 50px 30px; position: relative; display: none;}
.career-popup.active {display: block;}
.career-popup .close {font-size: 56px; position: absolute; right: -24px; top: -22px; color: #1e7098; cursor: pointer;}
.career-popup .close span {width: 20px; height: 2px; background: white; margin: 0 auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.career-popup .close span.top {transform: rotate(45deg);}
.career-popup .close span.bottom {transform: rotate(-45deg);}
.career-popup-wrapper .icon {font-size: 116px; position: absolute; left: 0; right: 0; top: 30px; color: #e8eff5; z-index: 1}
.career-popup-content {position: relative; z-index: 2;}
.career-popup-title {font-size: 20px; font-weight: 700; margin: 25px 0;}
.career-popup-content .text {padding: 0 72px; line-height: 30px;}
.career-popup-content .sub-title {color: #c5d0d4; font-weight: 700; margin-top: 35px; margin-bottom: 20px; letter-spacing: 2px;}
.career-popup-content ul {font-weight: 600; line-height: 30px;}
.career-popup-content .btn-wrapper {margin-top: 30px;}

.write-us {text-align: center; font-weight: 700; font-size: 16px; text-transform: uppercase; letter-spacing: 1px; margin-top: 10px; color: #2077a4;}

.loading-mask {position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #1f7199; z-index: 2000;}
.loading-mask img {width: 100px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}




@media only screen and (max-width: 1160px) {
    .services .tab-content {width: 100%;}
    .cash-hex-wrapper .line1 {display: none;}
    .cash-hex-wrapper .line2 {display: none;}
    .cash-hex-wrapper .line3 {display: none;}
    .cash-hex-wrapper .line4 {display: none;}
    .services .tab-buttons {padding: 0px 40px;}
    .social-side-wrapper {right: 5px;}
    .safety {width: 100%;}
}

@media only screen and (max-width: 1100px) {
    .header-wrapper .menu {display: none; position: absolute; top: 100%; z-index: 5; right: 0; width: 100%; text-align: center; background: #154861; line-height: 40px; padding: 40px 0 30px;}
    .header-wrapper .menu li:first-child:after {display: none;}
    .header-wrapper .menu li:last-child:before {display: none;}
    .header-wrapper .menu a {display: block;}
    .header-wrapper {height: 62px; padding: 0;}
    .logo-wrapper {width: 36px; z-index: 6;}
    .logo-wrapper a:after {top: 22px; width: 100px; height: 46px;}
    .logo-wrapper img {width: 36px;}
    .logo-wrapper:before {display: none;}
    .logo-wrapper:after {display: none;}
    .header-wrapper:before {height: 86px; width: 100px; z-index: 6;}
    .header-wrapper:after {height: 86px; width: 100px; z-index: 6;}
    .burger-icon.menu-trigger {display: block;}
    .contact-page .container-wrapper .head-wrapper .head-content > div {padding: 0 40px;}
    .fixed-header .header-wrapper {padding: 20px 0;}
}

@media only screen and (max-width: 990px) {
    .safety > div {width: 100%; float: none; text-align: center;}
    .safety .lock img {width: 85px;}
    .safety-wrapper {padding: 40px 40px 100px;}
    .statistics-wrapper .statistics > div {width: calc(100% / 3);}
    .statistics-wrapper .statistics > div:nth-child(4n) {border-left: 0;}
    .contact-page .container-wrapper .head-wrapper .head-content {display: block;}
    .contact-page .container-wrapper .head-wrapper .head-content > div {margin-bottom: 30px; border: none;}
    
    .hex-text-block {margin-left: calc((100% - 2 * 304px)/4); margin-right: calc((100% - 2 * 304px)/4);}
    .hex-text-block:first-child {float: none; margin: 0 auto; margin-bottom: 20px;}
}

@media only screen and (max-width: 768px) {
    .partners-wrapper {padding: 55px 40px;}
    .services .tab-buttons {clear: both; overflow: auto; display: block;}
    .tab-buttons a {width: 50%; display: block; float: left; margin-bottom: 20px; text-align: center; }
    .tab-list > div {width: 50%; margin-bottom: 40px;}
    .services .tab-content-wrapper {padding: 40px;}
    .cash-hex-wrapper {margin-top: 20px;}
    .footer-social {padding: 65px 40px;}
    .map {padding: 60px 20px 30px;}
    
    .fraud-detection-wrapper .safety-lock-wrapper img {display: none;}
    .fraud-detection-wrapper .safety-lock-wrapper img.big {display: inline-block;}
    .media-planing-wrapper .title {font-size: 30px;}
    .media-planing-wrapper .title img {height: 24px;}
    .career-popup-content .text {padding: 0;}
    
    .footer-copy .col { width: 50% !important; }
    .footer-copy .col + .col + .col { clear: both; margin-top: 30px; }
    .footer-copy .col + .col + .col + .col { clear: none; }
    
    .footer-wrapper { padding: 20px; }
    .footer-wrapper:before,.footer-wrapper:after { display: none; }
}

@media only screen and (max-width: 660px) {
	.hex-text-block {float: none; margin: 0 auto; margin-bottom: 20px;}
	
	.media-planing-wrapper .diamond {display: none;}
	.media-planing-wrapper .vertical-line-wrapper {display: none;}
	.media-planing-wrapper .horizontal-line {display: none;}
	.media-planing-wrapper .media-wrapper > div, .media-planing-wrapper .media-wrapper .social-wrapper {float: none; margin: 0 auto;}
	.media-planing-wrapper .media-wrapper .desc {margin-top: 10px; margin-bottom: 40px;}
}

@media only screen and (max-width: 600px) {
	.text-wrapper br {display: none;}
	.contact-map-head .center {width: 250px; height: 57px; top: -32px; font-size: 14px; line-height: 56px;}
	.social-side-wrapper {display: none;}
	.partners-header {margin-bottom: 35px;}
	.partners-carousel {margin-bottom: 0px;}
	.media-planing-wrapper .title img {display: none;}
	.media-planing-wrapper .text br {display: none;}
}

@media only screen and (max-width: 480px) {
    	.video-content .company {font-size: 14px;}
    .video-content .title {font-size: 40px;}
    .btn-check {width: 258px; height: 52px; line-height: 60px;}
    .video-content .text {font-size: 18px;}
    .partners-wrapper .slick-list {margin: 0;}
    .fraud-detection-wrapper .text br {display: none;}
    
    .statistics-wrapper .statistics > div {width: calc(100% / 2);}
    .statistics-wrapper .statistics > div:nth-child(2n) {border-left: 1px solid #e1e1e1;}
    .statistics-wrapper .statistics > div:nth-child(2n+1) {border-left: 0;}
    
    
    .tab-buttons a {width: 100%; float: none;}
    .services .title {margin-bottom: 30px;}
    .tab-list > div {width: 100%; float: none;}
    .cash-hex-wrapper .icon-hex_closed {font-size: 158px; width: 136px;}
    .cash-hex-wrapper .text {font-size: 26px; top: 18px;}
    .career-popup {padding: 20px 10px;}
}
@media only screen and (max-width: 400px) {
    .contact-map-head .center {display: none;}
    .contact-form-wrapper, .safety-wrapper, .video-content, .text-wrapper, .partners-wrapper, .services .tab-content-wrapper, .services .tab-buttons {padding-left: 20px; padding-right: 20px;} 
}