/*! --------------------normalize.css v1.0.1 | MIT License | git.io/normalize---------------------------------- */
        article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
        audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
        audio:not([controls]){display:none;height:0}
        [hidden]{display:none}
        html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
        html,button,input,select,textarea{font-family:sans-serif}
        body{margin:0}
        a:focus{outline:thin dotted}
        a:active,a:hover{outline:0}
        h1{font-size:2em;margin:.67em 0}
        h2{font-size:1.5em;margin:.83em 0}
        h3{font-size:1.17em;margin:1em 0}
        h4{font-size:1em;margin:1.33em 0}
        h5{font-size:.83em;margin:1.67em 0}
        h6{font-size:.75em;margin:2.33em 0}
        abbr[title]{border-bottom:1px dotted}
        b,strong{font-weight:bold}
        blockquote{margin:1em 40px}
        dfn{font-style:italic}
        mark{background:#ff0;color:#000}
        p,pre{margin:1em 0}
        code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
        pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
        q{quotes:none}
        q:before,q:after{content:'';content:none}
        small{font-size:80%}
        sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
        sup{top:-0.5em}
        sub{bottom:-0.25em}
        dl,menu,ol,ul{margin:1em 0}
        dd{margin:0 0 0 40px}
        nav ul,nav ol{list-style:none;list-style-image:none}
        img{border:0;-ms-interpolation-mode:bicubic}
        svg:not(:root){overflow:hidden}
        figure{margin:0}
        form{margin:0}
        fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
        legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
        button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
        button,input{line-height:normal}
        button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
        button[disabled],input[disabled]{cursor:default}
        input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;*height:13px;*width:13px}
        input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}
        input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
        button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
        textarea{overflow:auto;vertical-align:top}
        table{border-collapse:collapse;border-spacing:0}

/*   --------------------------------------------- fonts -------------------------------------------------------------*/

@font-face {
    font-family: 'SFUIText';
    src: url('../fonts/SFUIText-Regular.woff') format('woff'),
         url('../fonts/SFUIText-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SFUIText';
    src: url('../fonts/SFUIText-Medium.woff') format('woff'),
         url('../fonts/SFUIText-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'SFUIText';
    src: url('../fonts/SFUIText-Bold.woff') format('woff'),
         url('../fonts/SFUIText-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
	font-family: 'Upbolters';
	src: url('../fonts/UPBOLTERS.woff') format('woff'),
			 url('../fonts/UPBOLTERS.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/*   --------------------------------------------- All  -------------------------------------------------------------*/

* {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

body {
	font-family: 'SFUIText', sans-serif;
}
.contents {
	margin: 0 auto;
}
.tittle-h2 {
	font-size: 48px;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	padding-top: 1.2rem;
	margin-bottom: 1.2rem;
}
.tittle-h3 {
	font-size: 48px;
	font-weight: 500;
	margin-top: 20px;
	margin-bottom: 22px;
}
.tittle-h4 {
	font-size: 32px;
	font-weight: 500;
	margin-bottom: 20px;
}
.subtittle-p {
	font-size: 16px;
	color: #999999;
	text-align: center;
}
.desc-p {
	line-height: 2;
}
.error,
.form-registr span.help-block {
	position: relative;
}
.error::after,
.form-registr .help-block::after {
	display: inline-block;
	vertical-align: middle;
	content: "!";
	color: #FFFFFF;
	font-weight: bold;
	padding: 3px 10px;
  	border-radius: 50%;
  	background-color: #d83c3c;
  	position: absolute;
  	top: -47px;
    right: 14px;

}

.btn-span {
    padding-right: 20px;
    padding-bottom: 30px;
    padding-left: 60px;
    padding-top: 30px;
    border-radius: 3rem;
    background-color: rgba(255, 255, 255, 0.71);
    backdrop-filter: blur(5px);
}

/*** CARDS ***/
.column {
    /*float: left;*/
    display: inline-block;
    width: 24%;
    padding: 0;
    vertical-align: top;

}


.row {
    text-align: center;

}

.row:after {
    content: "";
    display: table;
    clear: both;
}

.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* this adds the "card" effect */
    padding: 16px;
    margin: 2rem;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.3);
}

.card-index {
    min-height: 24rem;
}

.card-services {
    min-height: 27rem;
}

.card-shifted {
    position: relative;
    left: 50%;

}

.card-header {
    font-weight: bold;
}

.card-text {
    color: #565b73;
}

/* Responsive columns - one column layout (vertical) on small screens */
@media screen and (max-width: 1024px) {
    .column {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }

    .card {
        min-height: 0;
    }

    .card-shifted {
        left: 0;

    }
}

/*** CARDS END ***/

/* ---------------------------------------- forms start ---------------------------------------- */

.wrap-form {
	padding-bottom: 12.5rem;
}
.form-subscribe {
	max-width: 795px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 25px;
	margin: 0 auto;
}
.form-subscribe-control input[type="email"] {
	max-width: 600px;
	font-size: 16px;
	font-weight: 500;
	border: 1px solid #fff;
	border-radius: 25px 0 0 25px;
	padding: 12px 22px;
	outline: none;
}
.form-subscribe-control input[type="email"]::-webkit-input-placeholder {
	color: #b4b4b4;
}
.form-subscribe-control input[type="email"]:-ms-input-placeholder {
	color: #b4b4b4;
}
.form-subscribe-control input[type="email"]::-ms-input-placeholder {
	color: #b4b4b4;
}
.form-subscribe-control input[type="email"]::placeholder {
	color: #b4b4b4;
}
.form-subscribe-control input[type="email"]:focus {
  	-webkit-box-shadow: 0 0px 6px rgba(255, 255, 255, 0.6);
  	box-shadow: 0 0px 6px rgba(255, 255, 255, 0.6);
  }
.form-subscribe-btn {
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
	text-transform: uppercase;
	background-color: #f4da13;
	border: 1px solid #f4da13;
	border-radius: 25px;
	padding: 12px 60px;
	margin-left: -40px;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.form-subscribe-btn:hover {
	background-color: #f5c816;
}
.main_btn {
   font-size: 16px;
	font-weight: 500;
	color: #ffffff;
	text-transform: uppercase;
	background-color: #f4da13;
	border: 1px solid #f4da13;
	border-radius: 20px;
	padding: 10px 15px;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.arrow-6 {
    margin:20px;
    color: #f5c816;
}
.arrow-6:hover {
    text-decoration: none;
    color: #f4da13;
}
.arrow-6 svg {
    width: 15px;
    height: auto;
    cursor: pointer;
    overflow: visible;
}
.arrow-6 svg polygon,
.arrow-6 svg path {
    transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
    fill: #f4da13;
}
.arrow-6:hover svg polygon,
.arrow-6:hover svg path {
    transition: all 1s cubic-bezier(0.2, 1, 0.3, 1);
    fill: #f5c816;
}
.arrow-6:hover svg .arrow-6-pl {
    animation: arrow-6-anim 1s cubic-bezier(0.2, 1, 0.3, 1) infinite;
}
.arrow-6:hover svg .arrow-6-pl-fixed {
    animation: arrow-6-fixed-anim 1s cubic-bezier(0.2, 1, 0.3, 1) infinite;
}

@keyframes arrow-6-anim {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    5% {
        transform: translateX(-0.1rem);
    }
    100% {
        transform: translateX(1rem);
        opacity: 0;
    }
}
@keyframes arrow-6-fixed-anim {
    5% {
        opacity: 0;
    }
    20% {
        opacity: 0.4;
    }
    100% {
        opacity: 1;
    }
}
.events-row {
    background: white;
    position: relative;
    padding: 20px;
}
.events-row:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 15px;
    width: calc(100% - 30px);
    height: 1px;
    background: #f4da13;
}
.events-row:hover {
    background-color: rgba(0,0,0,.075);
}
.main_btn+.btn {
    border-radius: 25px;
}
.main_btn:hover {
	background-color: #f5c816;
    text-decoration: none;
    color: white;
}
.events-table-back {
    background: #FFFFFF;
    width: 100%;
    min-height: 362px;
}
.img_event {
    padding: 40px;
    width: 100%;
    height: 400px;
    overflow: hidden;
}
.img_event img {
    width: 100%;
}
.about-events {
    width: 800px;
    margin: 0 auto;
    padding: 5px 60px 5px 60px;
    background-color: rgba(255, 255, 255, 0.61);
    backdrop-filter: blur(2px);
}
.about-contact-form,
.login-form {
	margin-top: 2.5rem;
	margin-bottom: 3.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.form-registr .form-group {
	width: 48%;
	margin-bottom: 5px;
	min-height: 120px;
}
.form-registr .control-label,
.form-login-control .label label {
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	text-shadow: 1px 1px 8px rgba(255, 255, 255, 0.45);
}
#registration-form.form-registr input {
	box-shadow: 0 5px 8px 5px rgba(0, 0, 0, 0.15);
}
.form-registr label.error,
.form-registr span.help-block,
.form-login-control label.error {
	display: block;
	color: #D83C3C;
	font-weight: 500;
	top: -5px;
}
.about-contact-form .form-contact-control input,
.about-contact-form .form-contact-control textarea,
.login-form #id_username,
.login-form #id_password,
.form-control {
	width: 100%;
	font-size: 16px;
	font-weight: 500;
	border: 1px solid #fff;
	border-radius: 10px;
	-webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.05);
	padding: 18px 18px;
	outline: none;
}
.login-form #id_username,
.login-form #id_password {
	padding: 18px 18px;
	box-shadow: 0 5px 8px 5px rgba(0, 0, 0, 0.15);
}
.form-contact-control, .form-control {
	width: 100%;
	margin: 12px 0;
}
.form-contact-control input:focus,
.form-contact-control textarea:focus,
.form-control:focus {
	-webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.15);
 }
.form-contact-control input::-webkit-input-placeholder,
.form-contact-control textarea::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder {
	color: #b4b4b4;
}
.form-contact-control input:-ms-input-placeholder,
.form-contact-control textarea:-ms-input-placeholder,
.form-control:-ms-input-placeholder{
	color: #b4b4b4;
}
.form-contact-control input::-ms-input-placeholder,
.form-contact-control textarea::-ms-input-placeholder,
.form-control::-ms-input-placeholder{
	color: #b4b4b4;
}
.form-contact-control input::placeholder,
.form-contact-control textarea::placeholder,
.form-control::placeholder{
	color: #b4b4b4;
}
.form-control-email,
.form-control-name {
	width: 280px;
}
.form-contact-btn {
	display: block;
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
	text-transform: uppercase;
	background-color: #f4da13;
	border: 1px solid #f4da13;
	border-radius: 25px;
	padding: 14px 95px;
	margin: 16px auto;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.form-contact-btn:hover {
	background-color: #f5c816;
}
.form-login-control {
	width: 100%;
	margin: 12px 0;
}
.forgot-link {
	display: block;
    text-align: center;
	padding-top: 10px;
}
#id_username::-webkit-input-placeholder,
#id_password::-webkit-input-placeholder {
	color: #b4b4b4;
}
#id_username:-ms-input-placeholder,
#id_password:-ms-input-placeholder {
	color: #b4b4b4;
}
#id_username::-ms-input-placeholder,
#id_password::-ms-input-placeholder {
	color: #b4b4b4;
}
#id_username::placeholder,
#id_password::placeholder {
	color: #b4b4b4;
}
#id_username:focus,
#id_password:focus {
	/*-webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.15);*/
	-webkit-box-shadow: 0 6px 8px 6px rgba(0, 0, 0, 0.25);
	box-shadow: 0 6px 8px 6px rgba(0, 0, 0, 0.25);
}
/* ---------------------------------------- forms end ---------------------------------------- */
              /*             -----------------------header start----------------------------------                */

.header-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.header-content-logo {
	padding: 10px 0;
}
.header-content-logo img {
	margin-left: -10px;
}
.header-content-menu {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}
.header-content-menu-ul {
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}
.header-content-menu-ul li {
	display: inline-block;
	/*margin: 0 20px;*/
}
.header-content-menu-ul li a {
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
	padding: 10px 20px;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.header-content-menu-ul li a:hover {
	color: #f4da13;
}
.header-content-menu-ul li .active {
	color: #f4da13;
}
.header-content-menu-language {
	width: 100px;
}
.header-content-login {
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}
.header-content-login-btn {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	padding: 14px 50px;
	border-radius: 24px;
  	background-color: #f4da13;
  	-webkit-transition: background-color 0.4s;
  	transition: background-color 0.4s;
  	min-width: 160px;
  	margin-left: 8px;
}
.header-content-login-btn:hover {
	background-color: #f5c816;
}

/*             -----------------------header end ----------------------------------                */

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  PAGE - HOME  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


/*             ----------------------- content-home-slogan ----------------------------------       */

.content-home-slogan {
	background-image: url(../img/home_top_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 13.5rem;
	background-position: center center;
}
.home-tittle-h1 {
	max-width: 800px;
	text-align: center;
	margin: 0 auto 4rem;
	font-size: 50px;
  	font-weight: bold;
  	color: #ffffff;
  	text-shadow: 1px 1px 2px #000;
  	text-transform: uppercase;
  	background-image: linear-gradient(109deg, rgba(244, 218, 19, 0.2), rgba(244, 144, 19, 0.5) );
  	border-radius: 36px;
}

/*             -----------------------content-home-slogan end----------------------------------               */
/*             -----------------------content-home-services start ----------------------------------               */

.content-home-services-icons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-top: 1.5rem;
	border-bottom: 1px solid #fdc50c;
}
.home-services-icons {
	width: 300px;
	text-align: center;
	padding: 30px 0 50px;
	border-bottom: 2px solid transparent;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	visibility: hidden;
}
.home-services-icons:hover {
	border-bottom: 2px solid #fdc50c;
}
.home-services-icons a {
	font-size: 32px;
	font-weight: 500;
	text-decoration: none;
	color: #000;
	position: relative;
	margin-left: 80px;

}
.home-service-icon-voice::before,
.home-service-icon-messanger::before,
.home-service-icon-sms::before,
.home-service-icon-chat::before {
	content: "";
	display: inline-block;
	width: 100px;
	height: 80px;
	position: absolute;
	left: -100px;
	top: -16px;
}
.home-service-icon-voice::before {
	background-image: url(../img/voice-icon-color-lite.svg);
	background-repeat: no-repeat;
	background-position: 0 10px;
}
.home-service-icon-messanger::before {
	background-image: url(../img/hlrlookup.svg);
	background-repeat: no-repeat;
	background-position: 28px 10px;
}
.home-service-icon-sms::before {
	background-image: url(../img/sms-icon-color-lite.svg);
	background-repeat: no-repeat;
	background-position: 27px 10px;
}
.home-service-icon-chat::before {
	background-image: url(../img/2way.svg);
	background-repeat: no-repeat;
	background-position: 18px 0;
}


/*   -------content-home-messanger start------------   */

.home-messanger-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 2.5rem;
}
.content-home-messanger-desc {
	width: 50%;
}
.content-home-messanger-img {
	width: 50%;
	padding-left: 18px;
}
._content-sms .home-messanger-img-bg {
	width: 610px;
	height: 380px;
	background-image: url(../img/services_sms.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

._content-voice .home-messanger-img-bg {
	width: 610px;
	height: 380px;
	background-image: url(../img/services_voice.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

._content-2way .home-messanger-img-bg {
	width: 610px;
	height: 380px;
	background-image: url(../img/services_2way.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

._content-hlr .home-messanger-img-bg {
	width: 610px;
	height: 380px;
	background-image: url(../img/services_hlr.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

/*    ------------content-home-messanger end---------------   */
/*            -----------------------content-home-services end----------------------------------         */
 /* ------------------------------- content-home-advantages  start ----------------------------------------    */

.content-home-advantages {
	padding-top: 40px;
	padding-bottom: 85px;
}
.home-advantages {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.home-advantage-col {
	width: 33%;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}
.home-advantage-divbot {
	margin-top: 55px;
}
.home-advantages-wrapimg {
	margin-top: 25px;
}
.home-advantages-img {
	width: 300px;
	height: 300px;
	background-image: url(../img/services-icon-color-lite@2x.png);
	background-repeat: no-repeat;
	background-size: cover;
	visibility: hidden;
}

 /* ------------------------------- content-home-advantages  end ----------------------------------------    */
 /* ------------------------------- content-home-homeslider  start ----------------------------------------    */

 .content-home-homeslider {
	background-image: url(../img/home_slider_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 60px 0 40px;
 }
 .homeslider {
 	padding-top: 50px;
 }
.transpardiv {
	width: 1040px;
	height: 350px;
	margin: 0 auto;
	position: relative;
}
.whitediv {
	width: 1040px;
	height: 300px;
	background-color: rgba(255, 255, 255, 0.7);
	position: absolute;
	left: -45px;
}
.whitediv2 {
	width: 980px;
	height: 300px;
	background-color: rgba(255, 255, 255, 0.7);
	position: absolute;
	top: -30px;
	left: 35px;
}
.whitediv3 {
	width: 920px;
	height: 300px;
	background-color: rgba(255, 255, 255, 0.95);
	text-align: center;
	padding-top: 36px;
	position: absolute;
	top: -20px;
	left: 34px;
}
.home-slider-p {
	line-height: 2;
	max-width: 570px;
	display: block;
	margin: 70px auto 0;
}
 /* ------------------------------- content-home-homeslider  end ----------------------------------------    */
  /* ------------------------------- content-home-subscribe  start ----------------------------------------    */

  .home-subscribe-contents {
  	background-image: url(../img/pic-icon.png);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	padding-top: 25px;
  }
  .home-subscribe-form {
  	margin-top: 65px;
  	border-radius: 25px;
  }
  .home-subscribe-contents .home-subscribe-form .home-subscribe-email {
  	padding-left: 45px;
  	-webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1);
  	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1);
  }
  .home-subscribe-contents .home-subscribe-form .form-subscribe-btn {
  	-webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1);
  	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1);
  }
  .home-subscribe-contents .home-subscribe-form .home-subscribe-email:focus {
  	-webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.15);
  	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.15);
  }
  .home-subscribe-wrapform {
  	padding-bottom: 18.5rem;
  }
   /* ------------------------------- content-home-subscribe  end ----------------------------------------    */
/*             -----------------------footer start----------------------------------                */

.footer-content-ul {
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
    overflow: hidden;
}
.footer-content-ul li {
	margin: 0 10px;
}
.footer-content-ul li a {
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	color: #000;
	padding: 10px 20px;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}
.footer-content-ul li a:hover {
	color: #f4da13;
}
.footer-content-ul li .active {
	color: #f4da13;
}
.footer-content-copy {
	text-align: center;
	font-size: 12px;
	color: #999999;
	margin-top: 35px;
}
/*             -----------------------footer end----------------------------------                */


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  PAGE - ABUT US  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


.about-slogan {
	height: 40rem;
	background-image: url(../img/about_top_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.wrap-about-abouts {
	padding-top: 6.5rem;
}
.about-abouts {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.about-abouts-col {
	width: 50%;
}
.aboutus-tittle-h2 {
	text-align: left;
	margin-top: 5px;
}
.about-subtittle-p {
	text-align: left;
	margin-bottom: 2.2rem;
}
.about-desc-p {
	padding-right: 12%;
}
.abouts-col-img {
	width: 605px;
	height: 100%;
	background-image: url(../img/about_aboutus_bg.jpg);
	background-repeat: no-repeat;
	margin-left: 25px;
	visibility: hidden;
	background-size: contain;
    background-position: center;
}
.wrap-about-teams {
	padding-top: 40px;
}
.contents-about-team {
	max-width: 1260px;
	margin: 0 auto;
	padding-top: 28px;
}
.contents-about-team .bx-wrapper {
	padding-bottom: 10rem;
}
.contents-about-team .bx-wrapper .bx-prev {
	background: url(../img/controls2.png) no-repeat 0 0;
}
.contents-about-team .bx-wrapper .bx-next {
	background: url(../img/controls2.png) no-repeat -43px 0;
}
.contents-about-team .bx-wrapper .bx-controls-direction a {
	top: 81%;
}
.contents-about-team .bx-wrapper .bx-controls-direction .bx-prev {
	left: 93%;
}
.team-men-name {
	display: block;
	text-align: center;
	margin-top: 22px;
	font-weight: 500;
}
.team-men-proffesional {
	display: block;
	text-align: center;
	margin-top: 8px;
	color: #999999;
}
.team-slider-men {
	height: 425px;
}
.wrap-about-citation {
	background-color: #f3f3f3;
}
.about-citation {
	max-width: 600px;
	margin: 0 auto;
	padding: 35px 0;
	visibility: hidden;
}
.about-citation-text {
	font-size: 32px;
	text-align: center;
}
.about-citation-autor {
	display: block;
	margin-top: 15px;
	color: #999999;
}
.about-contact {
	max-width: 600px;
	margin: 0 auto;
}
.about-contact .subtittle-p {
	color: #ffffff;
	text-shadow: 0 0 3px #000000;
	max-width: 290px;
    display: block;
    margin: 0 auto;
    background-image: linear-gradient(109deg, rgba(244, 218, 19, 0.2), rgba(244, 144, 19, 0.5) );
}
.about-contact .form-contact-btn {
	-webkit-box-shadow: 0 0 2px #fdc50c, 0 0 4px #fdc50c, 0 0 6px #fdc50c;
	box-shadow: 0 0 2px #fdc50c, 0 0 4px #fdc50c, 0 0 6px #fdc50c;
}
.about-contact .about-contact-email, .about-contact .about-contact-name {
	-webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.1);
}
.about-contact .about-contact-email:focus, .about-contact .about-contact-name:focus {
	-webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2);
}
.wrap-about-contact {
	background-image: url(../img/contacts_top_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding-top: 1rem;
}
.wrap-about-contact .tittle-h2 {
	padding-top: 0;
	margin-top: 10px;
}
.contents-about-form {
	max-width: 1260px;
	margin: 0 auto;
}

.wrap-about-contact.wrap-card-supports {
	background-image: url(../img/support.png);
	min-height: calc(100vh - 280px);
	text-align: center;
}
.wrap-about-contact.wrap-card-co-founder {
	background-image: url(../img/seo.png);
	min-height: calc(100vh - 280px);
	text-align: center;
}
.wrap-about-contact.wrap-card-lawyers {
	background-image: url(../img/lawers.png);
	min-height: calc(100vh - 280px);
	text-align: center;
}
.wrap-about-contact.wrap-card-finances {
	background-image: url(../img/finance.png);
	min-height: calc(100vh - 280px);
	text-align: center;
}
.wrap-about-contact.wrap-card-managers {
	background-image: url(../img/salary.png);
	min-height: calc(100vh - 280px);
	text-align: center;
}
.wrap-about-contact.wrap-card-co-founder .tittle-h2,
.wrap-about-contact.wrap-card-lawyers .tittle-h2,
.wrap-about-contact.wrap-card-finances .tittle-h2,
.wrap-about-contact.wrap-card-supports .tittle-h2,
.wrap-about-contact.wrap-card-managers .tittle-h2 {
    max-width: 500px;
    margin: 0 auto;
    font-size: 36px;
}

.wrap-about-contact.wrap-card-co-founder .about-contact,
.wrap-about-contact.wrap-card-lawyers .about-contact,
.wrap-about-contact.wrap-card-finances .about-contact,
.wrap-about-contact.wrap-card-supports .about-contact,
.wrap-about-contact.wrap-card-managers .about-contact {
	padding-top: 140px
}
.contact-managerbox {
	max-width: 480px;
	margin: 0 auto;
	padding-bottom: 43px;
	background: #FFFFFF;
	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.17);
	border-radius: 10px;
}
.manager-top {
	position: relative;
	color: #1f1a17;
	padding: 18px 18px 0;
}
.manager-top-photo {
	position: absolute;
	top: -73px;
	left: 50%;
	transform: translateX(-50%);
	width: 110px;
	height: 110px;
	filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.1));
	border-radius: 10px;
	object-fit: cover;
}
.manager-cart-logo {
	max-width: 137px;
	margin: 0 auto;
	margin-top: 46px;
}
.manager-cart-logo img {
	width: 100%;
	height: auto;
	margin-left: 6px;
}
.manager-cart-name {
	font-family: 'Arial', 'Upbolters', 'SFUIText', sans-serif;
	font-weight: bold;
	font-size: 22px;
	margin-top: 12px;
	margin-bottom: 0;
}
.manager-cart-position {
	font-family: 'Arial', 'Upbolters', 'SFUIText', sans-serif;
	font-weight: 300;
	font-size: 16px;
	margin-top: 9px;
}
.manager-bottom-left {
	color: #1f1a17;
	text-align: left;
}
.for-cart-title {
	display: flex;
	justify-content: center;
	margin: 0 auto;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	position: relative;
}
.for-cart-title::before {
	position: absolute;
	content: "";
	top: 50%;
	left: 95px;
	width: 140px;
	height: 1px;
	background-color: #FDC50C;
	border-radius: 5px;
}
.for-cart-title::after {
	position: absolute;
	content: "";
	top: 50%;
	right: 95px;
	width: 140px;
	height: 1px;
	background-color: #FDC50C;
	border-radius: 5px;
}
.manager-bottom-left {
	padding-top: 8px;
	margin: 0 auto;
	position: relative;
	display: flex;
	flex-direction: column;
}
.manager-contacts {
	display: flex;
	width: 100%;
}
.manager-contacts i {
	margin-right: 20px;
	font-size: 20px;
	color: #FDC50C;
}
.manager-contacts a {
	text-decoration: none;
	color: #000;
	transition: color 0.2s ease;
	cursor: pointer;
}
.manager-contacts a:hover {
	color: #FDC50C;
}
.manager-contacts-left {
	padding-top: 33px;
	padding-left: 30px;
	width: 50%;
}
.manager-contacts-right {
	padding-top: 33px;
	padding-left: 66px;
	width: 50%;
}
.manager-contacts-right i {
	margin-right: 17px;
}
.manager-contacts-right a {
	font-size: 15px;
}
.manager-contacts-right span {
	font-size: 15px;
}
.manager-contacts-phone {
	margin-bottom: 24px;
	display: flex;
	align-items: center;
}
.manager-contacts-phone-wrapper {
	display: flex;
	flex-direction: column;
}
.manager-contacts-phone-number {
	display: block;
	margin: 5px auto;
	font-family: 'Arial', sans-serif;
	font-size: 15px;
	transition: color 0.2s ease;
}
.manager-contacts-email {
	display: flex;
	align-items: center;
}
.manager-contacts-skype {
	margin-bottom: 17px;
	display: flex;
	align-items: center;
}
.manager-contacts-telegram {
	margin-bottom: 17px;
	display: flex;
	align-items: center;
}
.manager-contacts-linkedin {
	display: flex;
	align-items: center;
}
.manager-cart-item {
	font-family: 'Upbolters', 'SFUIText', sans-serif;
	font-weight: 500;
	font-size: 26px;
	text-transform: uppercase;
	max-width: 215px;
	margin: 12px auto 0;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  PAGE - Login  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


.wrap-logi-contact {
	background-image: url(../img/contacts_top_bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.wrap-logi-contact .tittle-h2 {
	margin-top: 0;
}
.login-contact {
	width: 580px;
	margin: 0 auto;
	padding-top: 35px;
	padding-bottom: 11.5rem;
}
.login-contact .subtittle-p {
	color: #ffffff;
	text-shadow: 0 0 3px #000000;
	max-width: 290px;
    display: block;
    margin: 0 auto;
    background-image: linear-gradient(109deg, rgba(244, 218, 19, 0.2), rgba(244, 144, 19, 0.5) );
}
.contents-login-form {
	max-width: 1260px;
	margin: 0 auto;
	/*background-image: url(../img/globe_hicell.jpg);
	background-repeat: no-repeat;
	background-position: 78% -19%;*/
}
.login-btn {
	margin-top: 10px;
	-webkit-box-shadow: 0 0 2px #fdc50c, 0 0 4px #fdc50c, 0 0 6px #fdc50c;
	box-shadow: 0 0 2px #fdc50c, 0 0 4px #fdc50c, 0 0 6px #fdc50c;
}
.submit-control {
	margin-top: 20px;
}
.form-login-control label.error {
	top: 4px;
}
.form-login-control label.error::after {
	top: -44px;
}
.login-form .form-login-control #id_username.error,
.login-form .form-login-control #id_password.error {
	box-shadow: 0 5px 8px 5px rgba(255, 0, 0, 0.30);
}
.form-login-control {
	min-height: 94px;
	margin-bottom: 4px;
}
.submit-control .login-btn {
	box-shadow: 0 5px 8px 5px rgba(0, 0, 0, 0.15);
	transition: 0.4s;
}
.submit-control .login-btn:hover {
	box-shadow: 0 5px 8px 5px rgba(0, 0, 0, 0.25);
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  PAGE - Contacts  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

.contacts-map {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: solid 1px rgba(190, 190, 190, 0.25);
	margin-top: 3.5rem;
	margin-bottom: 2rem;
}
.contacts-map-contact {
	width: 40%;
	padding-top: 20px;
}
.contacts-map-map {
	width: 60%;
}
.contacts-map-ul {
	list-style: none;
	width: 345px;
	margin: 0 58px 0 auto;
}
.contacts-map-ul li {
	line-height: 1.63;
	margin: 41px 0;
	position: relative;
}
.contacts-map-ul li a {
	text-decoration: none;
}
.map-ul-adress::before, .map-ul-email::before,
.map-ul-teluk::before, .map-ul-telua::before, .map-ul-telru::before,
.map-ul-linkedin::before, .map-ul-facebook::before,.map-ul-instagram::before  {
	content:"";
	display: inline-block;
	width: 35px;
	height: 35px;
	position: absolute;
}
.map-ul-adress::before {
	background-image: url(../img/pin-copy.svg);
	background-repeat: no-repeat;
	top: 10px;
	left: -42px;
}
.map-ul-email::before {
	background-image: url(../img/icon-email.svg);
	background-repeat: no-repeat;
	top: -2px;
	left: -50px;
}
.map-ul-teluk::before {
	background-image: url(../img/icon-united-kingdom.svg);
	background-repeat: no-repeat;
	top: 2px;
	left: -50px;
}
.map-ul-telua::before {
	background-image: url(../img/icon-ukraine.svg);
	background-repeat: no-repeat;
	top: 2px;
	left: -50px;
}
.map-ul-telru::before {
	background-image: url(../img/icon-russia.svg);
	background-repeat: no-repeat;
	top: 1px;
	left: -50px;
}
.map-ul-linkedin::before {
	background-image: url(../img/linkedin.svg);
	background-repeat: no-repeat;
	top: -2px;
	left: -50px;
}
.map-ul-facebook::before {
	background-image: url(../img/facebook.png);
	background-repeat: no-repeat;
    background-size: 30px;
	top: -2px;
	left: -50px;
}
.map-ul-instagram::before {
	background-image: url(../img/instagram.png);
	background-repeat: no-repeat;
    background-size: 30px;
	top: -2px;
	left: -50px;
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  PAGE - API  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

.wrap-api-slogan {
	height: 40rem;
	background-image: url(../img/api_top_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding-top: 8.5rem;
	margin-bottom: 4rem;
}
.api-tittle-h1 {
	max-width: 440px;
	text-align: center;
	margin: 0 auto;
	font-size: 50px;
  	font-weight: bold;
  	color: #ffffff;
  	text-shadow: 1px 1px 2px #000;
  	text-transform: uppercase;
  	padding-bottom: 1.5rem;
  	background-image: linear-gradient(109deg, rgba(244, 218, 19, 0.2), rgba(244, 144, 19, 0.5) );
    border-radius: 36px;
}
.tittleh1-desc {
	max-width: 435px;
	font-weight: 500;
	line-height: 2;
	color: #000000;
	text-shadow: 0 0 2px #fdc50c, 0 0 4px #fdc50c, 0 0 6px #fdc50c;
	text-align: center;
	margin: 0 auto;
}
.api-desc-p {
	line-height: 2;
	max-width: 830px;
	margin: 40px auto 72px;
	text-align: center;
}
.contents-api-features {
	max-width: 1260px;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 10px;
}
.api-features-col3 {
	width: 33%;
	padding: 0 6px;
    margin: 1rem;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* this adds the "card" effect */
    background-color: rgba(255, 255, 255, 0.3);
}
.api-tittle-h4 {
	font-size: 32px;
	font-weight: 500;
	margin-top: 25px;
	margin-bottom: 20px;
	text-align: center;
}
.wrap-api-technology {
	margin-top: -40px;
}
.contents-api-technology {
	max-width: 1260px;
	margin: 40px auto 72px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.api-technology-col2 {
	width: 50%;
}
.api-technology-img {
	width: 540px;
	height: 345px;
	background-image: url(../img/api_technologi_img.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.api-technologi-wrapicon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 22px;
}
.api-technology-icon {
	margin: 20px 50px;
}
.contents-api-faq {
	max-width: 1220px;
	margin: 0 auto 7.2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.api-faq-quest {
    padding-top: 8px;
}
.quest-head, .quest-head2,
.quest-head3, .quest-head4,
.quest-head5, .quest-head6,
.quest-head7, .quest-head8,
.quest-head9{
	font-weight: 500;
	line-height: 2;
	position: relative;
}
.quest-head::before,
.quest-head2::before,
.quest-head3::before,
.quest-head4::before,
.quest-head5::before,
.quest-head6::before,
.quest-head7::before,
.quest-head8::before,
.quest-head9::before{
	display: inline-block;
	position: absolute;
	content: "";
	color: #fff;
	text-align: center;
	border: 3px solid #f4da13;
	background-color: #f4da13;
	border-radius: 50%;
	padding: 4px 16px;
	-webkit-box-shadow: inset 0px 0px 0px 2px #fff;
	box-shadow: inset 0px 0px 0px 2px #fff;
	top: 7px;
    left: -69px;
}
.quest-head::before {
	content: "1";
}
.quest-head2::before {
	content: "2";
}
.quest-head3::before {
	content: "3";
}
.quest-head4::before {
	content: "4";
}
.quest-head5::before {
	content: "5";
}
.quest-head6::before {
	content: '6';
}
.quest-head7::before{
	content: '7';
}
.quest-head8::before{
	content: '8';
}
.quest-head9::before{
	content: '9';
}
.quest-text {
	line-height: 2;
	color: #999999;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  PAGE - messanger  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

.wrap-messanger-slogan {
	background-image: linear-gradient(107deg, #4eafdb, #0377ab);
}
.messenger-tittle-h1 {
	padding-top: 13.5rem;
}
.tittleh1-mess {
	padding-bottom: 17.5rem;
}
.contents-messanger-services {
	max-width: 1260px;
	margin: 0 auto;
	padding: 0 5px 120px;
}
.messanger-services-container,
.messanger-services-container2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 20px;
}
.messanger-services-container2 {
	padding-top: 105px;
	padding-bottom: 50px;
}
.services-container-col55 {
	width: 55%;
}
.services-container-col45 {
	width: 45%;
}
.messanger-box-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.messanger-box-text p {
	max-width: 270px;
	line-height: 2;
	color: #999999;
}
.box-text-p {
	line-height: 2;
	max-width: 555px;
	margin-top: 40px;
}
.messanger-box-text p span {
	display: block;
	margin: 12px auto;
	font-weight: 500;
	line-height: 2;
	color: #000;
}
.mess-serv-p {
	line-height: 2;
	margin-top: 65px;
	margin-left: 17px;
}
.pseudo-p {
	line-height: 2;
	margin-top: -16px;
	margin-left: 25px;
}
.pseudo-p::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: #e8d008;
	border-radius: 50%;
}
.messanger-services-img {
	max-width: 584px;
	height: auto;
	margin-top: 40px;
}
.messanger-services-img2 {
	max-width: 486px;
	height: auto;
	margin-left: 25px;
}
.messanger-services-img3 {
	max-width: 468px;
	height: auto;
}

/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  Animate CSS  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/


@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;

}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.07, 1.07, 1.07);
    transform: scale3d(1.07, 1.07, 1.07);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  visibility: visible;
}
@-webkit-keyframes jackInTheBox {
	0% {opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}
	50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
	70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}
	to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
@keyframes jackInTheBox {
	0% {opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}
	50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
	70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}
	to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
.jackInTheBox {
	-webkit-animation-name: jackInTheBox;
	animation-name: jackInTheBox;
	-webkit-animation-duration: 1.5s;
  	animation-duration: 1.5s;
  	visibility: visible;
}
@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

.way-container {
	max-width: 610px;
	height: 380px;
	position: relative;
	top: 0%;
	left: 0%;
	display: none;
}


.btc { position: absolute; }

.btc1 {
	top: 154px;
	left: 131px;
	animation: btc1 20s linear 0s infinite;
	-moz-animation: btc1 20s linear 0s infinite;
	-webkit-animation: btc1 20s linear 0s infinite;
}
@-webkit-keyframes btc1 {
	0% { -webkit-transform: translate(0,0); }
	8% { -webkit-transform: translate(61px,-18px); }
	37% { -webkit-transform: translate(301px,-50px); }
	46% { -webkit-transform: translate(248px,-101px); }
	63% { -webkit-transform: translate(106px,-110px); }
	84% { -webkit-transform: translate(-73px,-87px); }
	97% { -webkit-transform: translate(-26px,7px); }
	100% { -webkit-transform: translate(0,0); }
}
@keyframes btc1 {
	0% { -webkit-transform: translate(0,0); transform: translate(0,0); }
	8% { -webkit-transform: translate(61px,-18px); transform: translate(61px,-18px); }
	37% { -webkit-transform: translate(301px,-50px); transform: translate(301px,-50px); }
	46% { -webkit-transform: translate(248px,-101px); transform: translate(248px,-101px); }
	63% { -webkit-transform: translate(106px,-110px); transform: translate(106px,-110px); }
	84% { -webkit-transform: translate(-73px,-87px); transform: translate(-73px,-87px); }
	97% { -webkit-transform: translate(-26px,7px); transform: translate(-26px,7px); }
	100% { -webkit-transform: translate(0,0); transform: translate(0,0); }
}

.btc2 {
	top: 233px;
	left: 181px;
	animation: btc2 15s linear 0s infinite;
	-moz-animation: btc2 15s linear 0s infinite;
	-webkit-animation: btc2 15s linear 0s infinite;
}
@-webkit-keyframes btc2 {
	0% { -webkit-transform: translate(0,0); }
	9% { -webkit-transform: translate(-31px,42px); }
	37% { -webkit-transform: translate(-44px,-114px); }
	45% { -webkit-transform: translate(-29px,-155px); }
	69% { -webkit-transform: translate(102px,-140px); }
	100% { -webkit-transform: translate(0,0); }
}
@keyframes btc2 {
	0% { -webkit-transform: translate(0,0); transform: translate(0,0); }
	9% { -webkit-transform: translate(-31px,42px); transform: translate(-31px,42px); }
	37% { -webkit-transform: translate(-44px,-114px); transform: translate(-44px,-114px); }
	45% { -webkit-transform: translate(-29px,-155px); transform: translate(-29px,-155px); }
	69% { -webkit-transform: translate(102px,-140px); transform: translate(102px,-140px); }
	100% { -webkit-transform: translate(0,0); transform: translate(0,0); }
}

.btc3 {
	top: 107px;
	left: 248px;
	animation: btc3 20s linear 0s infinite;
	-moz-animation: btc3 20s linear 0s infinite;
	-webkit-animation: btc3 20s linear 0s infinite;
}
@-webkit-keyframes btc3 {
	0% { -webkit-transform: translate(0,0); }
	7% { -webkit-transform: translate(-61px,19px); }
	25% { -webkit-transform: translate(-198px,-48px); }
	46% { -webkit-transform: translate(-20px,-69px); }
	67% { -webkit-transform: translate(227px,67px); }
	77% { -webkit-transform: translate(140px,79px); }
	91% { -webkit-transform: translate(67px,-18px); }
	100% { -webkit-transform: translate(0,0); }
}
@keyframes btc3 {
	0% { -webkit-transform: translate(0,0); transform: translate(0,0); }
	7% { -webkit-transform: translate(-61px,19px); transform: translate(-61px,19px); }
	25% { -webkit-transform: translate(-198px,-48px); transform: translate(-198px,-48px); }
	46% { -webkit-transform: translate(-20px,-69px); transform: translate(-20px,-69px); }
	67% { -webkit-transform: translate(227px,67px); transform: translate(227px,67px); }
	77% { -webkit-transform: translate(140px,79px); transform: translate(140px,79px); }
	91% { -webkit-transform: translate(67px,-18px); transform: translate(67px,-18px); }
	100% { -webkit-transform: translate(0,0); transform: translate(0,0); }
}

.btc4 {
	top: 6px;
	left: 308px;
	animation: btc4 17s linear 0s infinite;
	-moz-animation: btc4 17s linear 0s infinite;
	-webkit-animation: btc4 17s linear 0s infinite;
}
@-webkit-keyframes btc4 {
	0% { -webkit-transform: translate(0,0); }
	9% { -webkit-transform: translate(68px,6px); }
	28% { -webkit-transform: translate(81px,149px); }
	53% { -webkit-transform: translate(-107px,167px); }
	70% { -webkit-transform: translate(-194px,76px); }
	77% { -webkit-transform: translate(-172px,30px); }
	90% { -webkit-transform: translate(-79px,-5px); }
	100% { -webkit-transform: translate(0,0); }
}
@keyframes btc4 {
	0% { -webkit-transform: translate(0,0); transform: translate(0,0); }
	9% { -webkit-transform: translate(68px,6px); transform: translate(68px,6px); }
	28% { -webkit-transform: translate(81px,149px); transform: translate(81px,149px); }
	53% { -webkit-transform: translate(-107px,167px); transform: translate(-107px,167px); }
	70% { -webkit-transform: translate(-194px,76px); transform: translate(-194px,76px); }
	77% { -webkit-transform: translate(-172px,30px); transform: translate(-172px,30px); }
	90% { -webkit-transform: translate(-79px,-5px); transform: translate(-79px,-5px); }
	100% { -webkit-transform: translate(0,0); transform: translate(0,0); }
}

.btc5 {
	top: 149px;
	left: 320px;
	animation: btc5 16s linear 0s infinite;
	-moz-animation: btc5 16s linear 0s infinite;
	-webkit-animation: btc5 16s linear 0s infinite;
}
@-webkit-keyframes btc5 {
	0% { -webkit-transform: translate(0,0); }
	9% { -webkit-transform: translate(22px,54px); }
	48% { -webkit-transform: translate(-162px,-106px); }
	75% { -webkit-transform: translate(8px,-129px); }
	84% { -webkit-transform: translate(-30px,-98px); }
	100% { -webkit-transform: translate(0,0); }
}
@keyframes btc5 {
	0% { -webkit-transform: translate(0,0); transform: translate(0,0); }
	9% { -webkit-transform: translate(22px,54px); transform: translate(22px,54px); }
	48% { -webkit-transform: translate(-162px,-106px); transform: translate(-162px,-106px); }
	75% { -webkit-transform: translate(8px,-129px); transform: translate(8px,-129px); }
	84% { -webkit-transform: translate(-30px,-98px); transform: translate(-30px,-98px); }
	100% { -webkit-transform: translate(0,0); transform: translate(0,0); }
}

.btc6 {
	top: 86px;
	left: 290px;
	animation: btc6 20s linear 0s infinite;
	-moz-animation: btc6 20s linear 0s infinite;
	-webkit-animation: btc6 20s linear 0s infinite;
}
@-webkit-keyframes btc6 {
	0% { -webkit-transform: translate(0,0); }
	6% { -webkit-transform: translate(21px,-47px); }
	17% { -webkit-transform: translate(106px,-13px); }
	34% { -webkit-transform: translate(228px,-60px); }
	47% { -webkit-transform: translate(191px,2px); }
	66% { -webkit-transform: translate(191px,157px); }
	94% { -webkit-transform: translate(-15px,45px); }
	100% { -webkit-transform: translate(0,0); }
}
@keyframes btc6 {
	0% { -webkit-transform: translate(0,0); transform: translate(0,0); }
	6% { -webkit-transform: translate(21px,-47px); transform: translate(21px,-47px); }
	17% { -webkit-transform: translate(106px,-13px); transform: translate(106px,-13px); }
	34% { -webkit-transform: translate(228px,-97px); transform: translate(228px,-60px); }
	47% { -webkit-transform: translate(191px,2px); transform: translate(191px,2px); }
	66% { -webkit-transform: translate(191px,157px); transform: translate(191px,157px); }
	94% { -webkit-transform: translate(-15px,45px); transform: translate(-15px,45px); }
	100% { -webkit-transform: translate(0,0); transform: translate(0,0); }
}

.btc7 {
	top: 94px;
	left: 444px;
	animation: btc7 15s linear 0s infinite;
	-moz-animation: btc7 15s linear 0s infinite;
	-webkit-animation: btc7 15s linear 0s infinite;
}
@-webkit-keyframes btc7 {
	0% { -webkit-transform: translate(0,0); }
	10% { -webkit-transform: translate(-18px,-58px); }
	43% { -webkit-transform: translate(-146px,76px); }
	59% { -webkit-transform: translate(-118px,155px); }
	80% { -webkit-transform: translate(-44px,66px); }
	91% { -webkit-transform: translate(19px,52px); }
	100% { -webkit-transform: translate(0,0); }
}
@keyframes btc7 {
	0% { -webkit-transform: translate(0,0); transform: translate(0,0); }
	10% { -webkit-transform: translate(-18px,-58px); transform: translate(-18px,-58px); }
	43% { -webkit-transform: translate(-146px,76px); transform: translate(-146px,76px); }
	59% { -webkit-transform: translate(-118px,155px); transform: translate(-118px,155px); }
	80% { -webkit-transform: translate(-44px,66px); transform: translate(-44px,66px); }
	91% { -webkit-transform: translate(19px,52px); transform: translate(19px,52px); }
	100% { -webkit-transform: translate(0,0); transform: translate(0,0); }
}

.btc8 {
	top: 194px;
	left: 486px;
	animation: btc8 23s linear 0s infinite;
	-moz-animation: btc8 23s linear 0s infinite;
	-webkit-animation: btc8 23s linear 0s infinite;
}

@-webkit-keyframes btc8 {
	0% { -webkit-transform: translate(0,0); }
	5% { -webkit-transform: translate(31px,43px); }
	27% { -webkit-transform: translate(-174px,-71px); }
	49% { -webkit-transform: translate(-378px,60px); }
	70% { -webkit-transform: translate(-245px,-120px); }
	81% { -webkit-transform: translate(-137px,-164px); }
	97% { -webkit-transform: translate(-21px,-28px); }
	100% { -webkit-transform: translate(0,0); }
}
@keyframes btc8 {
	0% { -webkit-transform: translate(0,0); transform: translate(0,0); }
	5% { -webkit-transform: translate(31px,43px); transform: translate(31px,43px); }
	27% { -webkit-transform: translate(-174px,-71px); transform: translate(-174px,-71px); }
	49% { -webkit-transform: translate(-378px,60px); transform: translate(-330px,60px); }
	70% { -webkit-transform: translate(-245px,-120px); transform: translate(-245px,-120px); }
	81% { -webkit-transform: translate(-137px,-164px); transform: translate(-137px,-164px); }
	97% { -webkit-transform: translate(-21px,-28px); transform: translate(-21px,-28px); }
	100% { -webkit-transform: translate(0,0); transform: translate(0,0); }
}



@-webkit-keyframes puls {
	0% { -webkit-transform: scale(1); }
	12% { -webkit-transform: scale(1.4); }
	25% { -webkit-transform: scale(1); }
	37% { -webkit-transform: scale(1.4); }
	50% { -webkit-transform: scale(1); }
	62% { -webkit-transform: scale(1.4); }
	75% { -webkit-transform: scale(1); }
	87% { -webkit-transform: scale(1.4); }
	100% { -webkit-transform: scale(1); }
}
@keyframes puls {
	0% { -webkit-transform: scale(1); transform: scale(1); }
	12% { -webkit-transform: scale(1.4); transform: scale(1.4); }
	25% { -webkit-transform: scale(1); transform: scale(1); }
	37% { -webkit-transform: scale(1.4); transform: scale(1.4); }
	50% { -webkit-transform: scale(1); transform: scale(1); }
	62% { -webkit-transform: scale(1.4); transform: scale(1.4); }
	75% { -webkit-transform: scale(1); transform: scale(1); }
	87% { -webkit-transform: scale(1.4); transform: scale(1.4); }
	100% { -webkit-transform: scale(1); transform: scale(1); }
}

@-webkit-keyframes puls2 {
	0% { -webkit-transform: scale(1); }
	12% { -webkit-transform: scale(0.6); }
	25% { -webkit-transform: scale(1); }
	37% { -webkit-transform: scale(0.6); }
	50% { -webkit-transform: scale(1); }
	62% { -webkit-transform: scale(0.6); }
	75% { -webkit-transform: scale(1); }
	87% { -webkit-transform: scale(0.6); }
	100% { -webkit-transform: scale(1); }
}
@keyframes puls2 {
	0% { -webkit-transform: scale(1); transform: scale(1); }
	12% { -webkit-transform: scale(0.6); transform: scale(0.6); }
	25% { -webkit-transform: scale(1); transform: scale(1); }
	37% { -webkit-transform: scale(0.6); transform: scale(0.6); }
	50% { -webkit-transform: scale(1); transform: scale(1); }
	62% { -webkit-transform: scale(0.6); transform: scale(0.6); }
	75% { -webkit-transform: scale(1); transform: scale(1); }
	87% { -webkit-transform: scale(0.6); transform: scale(0.6); }
	100% { -webkit-transform: scale(1); transform: scale(1); }
}


.btc1 img {
	animation: puls 13s linear 0s infinite;
	-moz-animation: puls 13s linear 0s infinite;
	-webkit-animation: puls 13s linear 0s infinite;
}
.btc2 img {
	animation: puls 16s linear 0s infinite;
	-moz-animation: puls 16s linear 0s infinite;
	-webkit-animation: puls 16s linear 0s infinite;
}
.btc3 img {
	animation: puls2 25s linear 0s infinite;
	-moz-animation: puls2 25s linear 0s infinite;
	-webkit-animation: puls2 25s linear 0s infinite;
}
.btc4 img {
	animation: puls 14s linear 0s infinite;
	-moz-animation: puls 14s linear 0s infinite;
	-webkit-animation: puls 14s linear 0s infinite;
}
.btc5 img {
	animation: puls2 18s linear 0s infinite;
	-moz-animation: puls2 18s linear 0s infinite;
	-webkit-animation: puls2 18s linear 0s infinite;
}
.btc6 img {
	animation: puls 13s linear 0s infinite;
	-moz-animation: puls 13s linear 0s infinite;
	-webkit-animation: puls 13s linear 0s infinite;
}
.btc7 img {
	animation: puls2 15s linear 0s infinite;
	-moz-animation: puls2 13s linear 0s infinite;
	-webkit-animation: puls2 13s linear 0s infinite;
}
.btc8 img {
	animation: puls 17s linear 0s infinite;
	-moz-animation: puls 13s linear 0s infinite;
	-webkit-animation: puls 13s linear 0s infinite;
}


/* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  Media Queries  @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/* --------------------------- for mobile vertical -------------------------------------- */
@media (max-width:479px) {
	.header-content {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.header-content-logo {
		padding: 5px 0;
	}
	.header-content-login {
		padding-bottom: 30px;
	}
	.header-content-menu-ul {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
    	-ms-flex-wrap: wrap;
    	flex-wrap: wrap;
    	margin: 0px 0px 25px;
	}
	.header-content-menu-ul li {
		margin: 0 5px;
	}
	.header-content-menu-ul li a {
		font-size: 12px;
		padding: 10px;
	}
	.header-content-login-btn {
		font-size: 14px;
		padding: 10px 55px;
	}
	.content-home-slogan {
		padding-top: 6rem;
	}
	.home-tittle-h1 {
		font-size: 32px;
		padding-top: 0;
	}
	.content-home-advantages {
		padding-top: 20px;
	}
	.wrap-form {
		padding: 0 5px 100px;
	}
	.form-subscribe {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.form-subscribe-control input[type="email"] {
		font-size: 14px;
		padding: 10px 25px 10px 10px;
	}
	.form-subscribe-btn {
		font-size: 14px;
		padding: 10px 12px;
		margin-left: -24px;
	}
	.tittle-h2 {
		font-size: 30px;
	}
	.subtittle-p {
		font-size: 14px;
	}
	.content-home-services-icons {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-top: 3.5rem;
	}
	.home-services-icons {
		padding: 10px 0 20px;
		width: 200px;
    	margin: 15px auto;
	}
	.home-services-icons a {
		font-size: 26px;
		margin: 0;
    	padding: 0;
    	-ms-flex-item-align: center;
    	-ms-grid-row-align: center;
    	align-self: center;
	}
	.home-service-icon-voice::before, .home-service-icon-messanger::before,
	 .home-service-icon-sms::before, .home-service-icon-chat::before {
		width: 50px;
    	height: 40px;
    	background-size: contain;
    	left: -8px;
    	top: -130%;
	}
	.home-service-icon-voice::before {
		background-position: 0 7px;
		left: 0;
	}
	.home-service-icon-messanger::before {
		background-position: 0 0;
		left: 14%;
		width: 36px;
	}
	.home-service-icon-sms::before {
		background-position: 9px 0px;
		left: 0;
	}
	.home-service-icon-chat::before {
		background-position: 0 0;
		left: 15%;
	}
	.home-messanger-content {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.content-home-messanger-desc {
		width: 100%;
	}
	.tittle-h3 {
		font-size: 28px;
		text-align: center;
	}
	.desc-p {
		padding: 5px 25px;
		font-size: 14px;
	}
	.content-home-messanger-img {
		width: 100%;
		padding: 0;
	}
	._content-sms .home-messanger-img-bg {
		width: 305px;
		height: 190px;
		background-size: cover;
		margin: 0 auto;
	}
	._content-voice .home-messanger-img-bg {
		width: 305px;
		height: 190px;
		background-size: cover;
		margin: 0 auto;
	}
	._content-2way .home-messanger-img-bg {
		width: 305px;
		height: 190px;
		background-size: cover;
		margin: 0 auto;
	}
	._content-hlr .home-messanger-img-bg {
		width: 305px;
		height: 190px;
		background-size: cover;
		margin: 0 auto;
	}
	.tittle-h4 {
		font-size: 26px;
		text-align: center;
	}
	.home-advantages {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0 5%;
	}
	.home-advantage-col {
		width: 100%;
	}
	.home-advantages-img {
		width: 250px;
		height: 250px;
		margin: 0 auto 10px;
	}
	.transpardiv {
		width: 100%;
	}
	.whitediv {
		width: 95%;
		left: -10%;
	}
	.whitediv2 {
		width: 90%;
		left: 6%;
	}
	.whitediv3 {
		width: 85%;
		left: 6%;
	}
	.home-slider-p {
		font-size: 14px;
		margin: 35px auto 0;
	}
	.content-home-homeslider .bx-wrapper .bx-prev,
	.content-home-homeslider .bx-wrapper .bx-next {
		background-image: url(../img/controls2.png);
	}
	.home-subscribe-contents .home-subscribe-form .home-subscribe-email {
		padding-left: 15px;
		padding-right: 22px;
	}
	.home-subscribe-contents {
		background-position: -20% 50%;
		background-size: cover;
	}
	.footer-content-ul {
		padding: 0;
	}
	.footer-content-ul li {
		margin: 0;
	}
	.footer-content-ul li a {
		padding: 10px 12px;
	}
	.about-slogan {
		height: 18rem;
	}
	.wrap-about-abouts {
		padding-top: 3rem;
	}
	.about-abouts {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
    .contents.about-abouts {
        display: flex;
        flex-direction: column-reverse;
        margin: 2rem;
    }
    .contents.about-abouts-row {
        display: flex;
        flex-direction: column;
    }

    .about-abouts-row .abouts-col-img{
        margin-bottom: 20px;
    }

    .about-abouts:nth-child(1), .about-abouts:nth-child(3){
        flex-direction: column;
    }
    .our_tech_team.about-desc-p{
        padding-bottom: 20px;
    }
	.about-abouts-col {
		width: 100%;
	}
	.aboutus-tittle-h2 {
		text-align: center;
	}
	.about-subtittle-p {
		text-align: center;
		margin-bottom: 1rem;
	}
	.about-desc-p {
		padding-bottom: 45px;
	}
	.abouts-col-img {
		margin-left: 0;
		width: 100%;
		height: 18rem;
		background-size: cover;
	}
	.wrap-about-teams {
		padding-top: 1rem;
	}
	.about-citation {
		padding: 15px 7%;
	}
	.about-citation-text {
		font-size: 28px;
	}
	.wrap-about-contact.wrap-card-Co-founder .tittle-h2,
	.wrap-about-contact.wrap-card-Lawyers .tittle-h2,
	.wrap-about-contact.wrap-card-Finances .tittle-h2,
	.wrap-about-contact.wrap-card-Supports .tittle-h2,
	.wrap-about-contact.wrap-card-Managers .tittle-h2 {
		max-width: 500px;
		margin: 0 auto;
		font-size: 25px;
	}
	.form-control-email, .form-control-name {
		width: 100%;
	}
	.about-contact-form {
		padding: 0 7%;
	}
	.contents-about-team .bx-wrapper .bx-controls-direction .bx-prev {
		left: 73%;
	}
	.api-tittle-h1 {
		font-size: 32px;
		padding-top: 6rem;
	}
	.wrap-api-slogan {
		height: 27rem;
		margin-bottom: 6rem;
	}
	.api-desc-p {
		font-size: 15px;
		padding: 0 7%;
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
	.api-tittle-h4 {
		font-size: 26px;
	}
	.contents-api-features {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.api-features-col3 {
		width: 100%;
	}
	.wrap-api-technology {
		margin-top: 2rem;
	}
	.contents-api-technology {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 0;
	}
	.api-technology-col2 {
		width: 100%;
	}
	.api-technology-img {
		width: 20rem;
		height: 12rem;
		margin: 0 auto;
	}
	.api-technologi-wrapicon {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.api-technology-icon {
		margin: 20px 10%;
	}
	.api-faq-quest {
		padding: 8px 7% 0;
	}
	.contents-api-faq {
		margin-bottom: 3rem;
	}
	.quest-head, .quest-head2, .quest-head3, .quest-head4, .quest-head5, .quest-head6, .quest-head7, .quest-head8, .quest-head9 {
		font-size: 14px;
		width: 75%;
		left: 24%;
	}
	.quest-text {
		font-size: 15px;
	}
	.contacts-map {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.contacts-map-contact, .contacts-map-map {
		width: 100%;
	}
	.contacts-map-contact {
		padding-top: 0;
	}
	.contacts-map-ul {
		margin: 0;
		padding: 0 7% 0 24%;
	}
	.contents-login-form {
		background-position: 0 100%;
		padding: 0 7%;
	}
	.login-contact {
		width: 100%;
		padding-bottom: 6rem;
	}
	.tittleh1-mess {
		padding-bottom: 6rem;
	}
	.contents-messanger-services {
		padding-bottom: 4rem;
	}
	.services-container-col55, .services-container-col45 {
		width: 100%;
	}
	.messanger-services-container, .messanger-services-container2 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.messanger-services-container2 {
		padding: 0 7%;
	}
	.messanger-services-img, .messanger-services-img2 {
		width: 100%;
	}
	.messanger-services-img2 {
		margin-left: 0;
	}
	.messanger-box-text {
		padding: 0 7%;
	}
	.mess-serv-p, .pseudo-p {
		margin-left: 0;
		padding: 12px 7%;
	}
	.mess-serv-p {
		margin-top: 0;
	}
}
@media (min-width: 1279px) {
	.header-content-logo img {
		width: 270px;
    	height: 74px;
	}
}
@media (max-width: 1259px) {
	.wrap-logi-contact {
		background-size: cover;
	}
}
@media (max-width: 1100px) {
	.header-content-menu-ul li a {
		padding: 10px;
	}
}
@media(max-width: 930px) and (min-width: 766px) {
	.header-content {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.header-content-menu {
		width: 67%;
	}
}
@media (max-width: 650px) {
	.wrap-about-contact {
		padding: 0 20px;
	}
	.manager-cart-logo {
		max-width: 130px;
	}
	.manager-cart-name {
		font-size: 30px;
	}
	.manager-cart-position {
		font-size: 24px;
	}
	.for-cart-title {
		font-size: 18px;
	}
	.manager-cart-item {
		font-size: 24px;
	}
}
@media (max-width: 550px) {
	.form-registr .form-group {
		width: 100%;
	}
}
/* ----------------------------------- for mobile horisontal ------------------------------------ */
@media (min-width:480px) and (max-width:767px) {
	.header-content {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 0 3%;
	}
	.header-content-logo {
		padding: 5px 0;
	}
	.header-content-login {
		padding-bottom: 30px;
	}
	.header-content-menu-ul {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
    	-ms-flex-wrap: wrap;
    	flex-wrap: wrap;
    	margin: 0px 0px 25px;
	}
	.header-content-menu-ul li {
		margin: 0 1%;
	}
	.header-content-menu-ul li a {
		padding: 10px;
	}
	.header-content-login-btn {
		font-size: 14px;
		padding: 10px 55px;
	}
	.content-home-slogan {
		padding-top: 6rem;
	}
	.home-tittle-h1 {
		font-size: 32px;
	}
	.content-home-advantages {
		padding-top: 20px;
	}
	.wrap-form {
		padding: 0 5px 15rem;
	}
	.form-subscribe {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.form-subscribe-control input[type="email"] {
		font-size: 14px;
		padding: 10px 25px 10px 10px;
		min-width: 300px;
	}
	.form-subscribe-btn {
		font-size: 14px;
		padding: 10px 12px;
		margin-left: -24px;
	}
	.tittle-h2 {
		font-size: 30px;
	}
	.subtittle-p {
		font-size: 14px;
	}
	.content-home-services-icons {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 3.5rem;
	}
	.home-services-icons {
		padding: 10px 0 20px;
		width: 200px;
    	margin: 15px auto;
	}
	.home-services-icons a {
		font-size: 26px;
		margin: 0;
    	padding: 0;
    	-ms-flex-item-align: center;
    	-ms-grid-row-align: center;
    	align-self: center;
	}
	.home-service-icon-voice::before, .home-service-icon-messanger::before,
	 .home-service-icon-sms::before, .home-service-icon-chat::before {
		width: 65px;
    	height: 44px;
    	background-size: contain;
    	left: -8px;
    	top: -130%;
	}
	.home-service-icon-voice::before {
		background-position: 0 2px;
		left: 0;
	}
	.home-service-icon-messanger::before {
		background-position: 0 0;
		left: 10%;
		height: 40px;
	}
	.home-service-icon-sms::before {
		background-position: 9px 0px;
		left: 0;
	}
	.home-service-icon-chat::before {
		background-position: 0 0;
		left: 14%;
	}
	.home-messanger-content {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.content-home-messanger-desc {
		width: 100%;
	}
	.tittle-h3 {
		font-size: 28px;
		text-align: center;
	}
	.desc-p {
		padding: 5px 25px;
		font-size: 14px;
	}
	.content-home-messanger-img {
		width: 100%;
		padding: 0;
	}
	.home-messanger-img-bg {
		width: 305px;
		height: 190px;
		background-size: cover;
		margin: 0 auto;
	}
	.tittle-h4 {
		font-size: 26px;
		text-align: center;
	}
	.home-advantages {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.home-advantage-col {
		width: 100%;
	}
	.home-advantages-img {
		width: 250px;
		height: 250px;
		margin: 0 auto 10px;
	}
	.transpardiv {
		width: 100%;
		left: 5%;
	}
	.whitediv {
		width: 95%;
		left: -8%;
	}
	.whitediv2 {
		width: 90%;
		left: 6%;
	}
	.whitediv3 {
		width: 85%;
		left: 6%;
	}
	.home-slider-p {
		font-size: 14px;
		margin: 35px auto 0;
	}
	.content-home-homeslider .bx-wrapper .bx-prev,
	.content-home-homeslider .bx-wrapper .bx-next {
		background-image: url(../img/controls2.png);
	}
	.home-subscribe-contents .home-subscribe-form .home-subscribe-email {
		padding-left: 15px;
		padding-right: 22px;
		min-width: 300px;
	}
	.home-subscribe-contents {
		background-position: 92% 0%;
	}
	.footer-content-ul {
		padding: 0;
		flex-wrap: wrap;
	}
	.footer-content-ul li {
		margin: 0;
	}
	.footer-content-ul li a {
		padding: 10px 20px;
	}
	.about-slogan {
		height: 18rem;
	}
	.wrap-about-abouts {
		padding-top: 3rem;
	}
	.about-abouts {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.about-abouts-col {
		width: 100%;
	}
	.aboutus-tittle-h2 {
		text-align: center;
	}
	.about-subtittle-p {
		text-align: center;
		margin-bottom: 1rem;
	}
	.about-desc-p {
		padding-bottom: 45px;
	}
	.abouts-col-img {
		margin-left: 0;
		width: 100%;
		height: 18rem;
		background-size: cover;
	}
	.wrap-about-teams {
		padding-top: 1rem;
	}
	.about-citation {
		padding: 15px 7%;
	}
	.about-citation-text {
		font-size: 28px;
	}
	.form-control-email, .form-control-name {
		width: 100%;
	}
	.about-contact-form {
		padding: 0 7%;
	}
	.contents-about-team .bx-wrapper .bx-controls-direction .bx-prev {
		left: 83%;
	}
	.api-tittle-h1 {
		font-size: 32px;
		padding-top: 6rem;
	}
	.wrap-api-slogan {
		height: 27rem;
		margin-bottom: 6rem;
	}
	.api-desc-p {
		font-size: 15px;
		padding: 0 7%;
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
	.api-tittle-h4 {
		font-size: 26px;
	}
	.contents-api-features {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.api-features-col3 {
		width: 100%;
	}
	.wrap-api-technology {
		margin-top: 2rem;
	}
	.contents-api-technology {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 0;
	}
	.api-technology-col2 {
		width: 100%;
	}
	.api-technology-img {
		width: 20rem;
		height: 12rem;
		margin: 0 auto;
	}
	.api-technologi-wrapicon {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.api-technology-icon {
		margin: 20px 10%;
	}
	.api-faq-quest {
		padding: 8px 7% 0;
	}
	.contents-api-faq {
		margin-bottom: 3rem;
	}
	.quest-head, .quest-head2, .quest-head3, .quest-head4, .quest-head5, .quest-head6, .quest-head7, .quest-head8, .quest-head9 {
		font-size: 14px;
		width: 75%;
		left: 24%;
	}
	.quest-text {
		font-size: 15px;
	}
	.contacts-map {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.contacts-map-contact, .contacts-map-map {
		width: 100%;
	}
	.contacts-map-contact {
		padding-top: 0;
	}
	.contacts-map-ul {
		margin: 0;
		padding: 0 7% 0 10%;
	}
	.contents-login-form {
		background-position: 0 100%;
		padding: 0 7%;
	}
	.login-contact {
		width: 100%;
		padding-bottom: 6rem;
	}
	.tittleh1-mess {
		padding-bottom: 6rem;
	}
	.contents-messanger-services {
		padding-bottom: 4rem;
	}
	.services-container-col55, .services-container-col45 {
		width: 100%;
	}
	.messanger-services-container, .messanger-services-container2 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.messanger-services-container2 {
		padding: 0 7%;
	}
	.messanger-services-img, .messanger-services-img2 {
		width: 100%;
		display: block;
		margin: 40px auto 0;
	}
	.messanger-box-text {
		padding: 0 7%;
	}
	.mess-serv-p, .pseudo-p {
		margin-left: 0;
		padding: 12px 7%;
	}
	.mess-serv-p {
		margin-top: 0;
	}
}

/* -------------------------------------- for tablets ------------------------------------------- */
@media (min-width:768px) and (max-width:1023px) {
	.header-content {
		padding: 0 10px;
	}
	.header-content-menu-ul li {
		margin: 0 5px;
	}
	.header-content-menu-ul li a {
		font-size: 14px;
		padding: 10px 6px;
	}
	.header-content-menu-language {
		width: 50px;
	}
	.header-content-login-btn {
		font-size: 14px;
		padding: 14px 55px;
	}
	.content-home-slogan {
		padding-top: 8rem;
	}
	.home-tittle-h1 {
		font-size: 42px;
	}
	.wrap-form {
		padding: 0 5px 10rem;
	}
	.form-subscribe {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.form-subscribe-control input[type="email"] {
		font-size: 14px;
		padding: 10px 25px 10px 20px;
		min-width: 350px;
	}
	.form-subscribe-btn {
		font-size: 14px;
		padding: 10px 12px;
		margin-left: -24px;
	}
	.tittle-h2 {
		font-size: 40px;
	}
	.tittle-h3 {
		font-size: 38px;
	}
	.tittle-h4 {
		font-size: 28px;
	}
	.subtittle-p {
		font-size: 15px;
	}
	.subtittle-p {
		font-size: 14px;
	}
	.content-home-services-icons {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 3.5rem;
	}
	.home-services-icons {
		padding: 10px 0 20px;
		width: 200px;
    	margin: 15px auto;
	}
	.home-services-icons a {
		margin: 0;
    	padding: 0;
    	-ms-flex-item-align: center;
    	-ms-grid-row-align: center;
    	align-self: center;
	}
	.home-service-icon-voice::before, .home-service-icon-messanger::before,
	 .home-service-icon-sms::before, .home-service-icon-chat::before {
		width: 60px;
    	height: 50px;
    	background-size: contain;
    	left: -8px;
    	top: -130%;
	}
	.home-service-icon-voice::before {
		background-position: 0 4px;
		left: 0;
		width: 70px;
	}
	.home-service-icon-messanger::before {
		background-position: 0 4px;
		left: 12%;
		width: 44px;
	}
	.home-service-icon-sms::before {
		background-position: 9px 0px;
		left: 0;
	}
	.home-service-icon-chat::before {
		background-position: 0 0;
		left: 18%;
	}
	.desc-p {
		font-size: 13px;
	}
	.home-messanger-img-bg {
		width: 345px;
		height: 260px;
		background-size: cover;
		margin: 6rem auto 0;
	}
	.home-messanger-content {
		padding: 0 4%;
	}
	.home-advantages {
		padding: 0 4%;
	}
	.home-advantage-col {

	}
	.home-advantages-wrapimg {
		margin-top: 0;
	}
	.home-advantages-img {
        width: 240px;
		height: 220px;
		margin: 0 auto;
	}
	.transpardiv {
		width: 100%;
		left: 5%;
	}
	.whitediv {
		width: 95%;
		left: -8%;
	}
	.whitediv2 {
		width: 90%;
		left: 6%;
	}
	.whitediv3 {
		width: 85%;
		left: 6%;
	}
	.home-slider-p {
		font-size: 15px;
		margin: 35px auto 0;
	}
	.content-home-homeslider .bx-wrapper .bx-prev,
	.content-home-homeslider .bx-wrapper .bx-next {
		background-image: url(../img/controls2.png);
	}
	.bx-wrapper .bx-controls-direction .bx-next {
		right: 4%;
	}
	.content-home-homeslider .bx-wrapper .bx-prev {
		left: 4%;
	}
	.contents-about-team .bx-wrapper .bx-controls-direction .bx-next {
		right: 8%;
	}
	.about-slogan {
		height: 35rem;
	}
	.about-abouts {
		padding: 0 4%;
	}
	.abouts-col-img {
		width: 360px;
		height: 315px;
		margin-left: 0;
		margin-top: 1.7rem;
	}
	.api-desc-p {
		padding: 0 4%;
	}
	.contents-api-technology {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.api-technology-col2 {
		width: 100%;
	}
	.api-technologi-wrapicon {
		width: 80%;
		margin: 0 auto;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.api-technology-img {
		margin: 0 auto 3rem;
	}
	.contents-api-faq {
		padding: 0 4%;
	}
	.quest-head, .quest-head2, .quest-head3, .quest-head4, .quest-head5, .quest-head6, .quest-head7, .quest-head8, .quest-head9 {
		font-size: 15px;
		width: 85%;
		left: 13%;
	}
	.contacts-map {
		padding: 0 3%;
	}
	.contacts-map-contact {
		width: 45%;
	}
	.contacts-map-map {
		width: 55%;
	}
	.contacts-map-ul {
		margin: 0 0 0 3%;
	}
	.wrap-logi-contact {
		height: 80vh;
	}
	.contents-login-form {
		background-position: 0% 0%;
	}
	.messenger-tittle-h1 {
		padding-top: 10rem;
	}
	.tittleh1-mess {
		padding-bottom: 10rem;
	}
	.messanger-services-container, .messanger-services-container2 {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0 4%;
	}
	.services-container-col55, .services-container-col45 {
		width: 100%;
	}
	.messanger-services-img, .messanger-services-img2 {
		display: block;
		margin: 40px auto 0;
	}
	.box-text-p {
		margin: 40px auto 0;
	}
}

/* for laptop */
@media (min-width:1024px) and (max-width:1259px) {
	.header-content {
		padding: 0 2%;
	}
	.header-content-menu-ul li {
		margin: 0 5px;
	}
	.home-tittle-h1 {
		font-size: 44px;
	}
	.tittle-h2 {
		font-size: 42px;
	}
	.tittle-h3 {
		font-size: 40px;
	}
	.tittle-h4 {
		font-size: 30px;
	}
	.subtittle-p {
		font-size: 15px;
	}
	.subtittle-p {
		font-size: 15px;
	}
	.form-subscribe-control input[type="email"] {
		width: 500px
	}
	.home-service-icon-voice::before, .home-service-icon-messanger::before, .home-service-icon-sms::before, .home-service-icon-chat::before {
		left: -90px;
	}
	.home-messanger-content {
		padding: 0 3%;
	}
	.home-messanger-img-bg {
		width: 470px;
    	height: 375px
	}
	.home-advantages {
		padding: 0 3%;
	}
	.content-home-homeslider .bx-wrapper .bx-prev,
	.content-home-homeslider .bx-wrapper .bx-next {
		background-image: url(../img/controls2.png);
	}
	.about-abouts {
		padding: 0 3%;
	}
	.abouts-col-img {
		width: 455px;
    	height: 375px;
	}
	.contents-about-team .bx-wrapper .bx-controls-direction .bx-prev {
		left: 90%;
	}
	.api-technologi-wrapicon {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.contents-api-faq {
		padding: 0 4%;
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}
	.api-faq-quest {
		width: 40%;
	}
	.quest-head, .quest-head2, .quest-head3, .quest-head4, .quest-head5, .quest-head6, .quest-head7, .quest-head8, .quest-head9 {
		font-size: 16px;
		width: 85%;
		left: 13%;
	}
	.contacts-map {
		padding: 0 3%;
	}
	.wrap-logi-contact {
		height: 85vh;
	}
	.messanger-services-container, .messanger-services-container2 {
		padding: 0 3%;
	}
	.services-container-col55, .services-container-col45 {
		width: 50%;
		margin: 1rem 0;
	}
	.messanger-services-img, .messanger-services-img2 {
		width: 100%;
	}
	.mess-serv-p {
		margin-top: 1rem;
	}
	.messanger-box-text p {
		width: 49%;
		font-size: 14px;
	}
}

/* for large desctop */
@media (min-width:1260px) {
	.contents {
		width: 1260px;
	}
	.content-home-slogan .form-subscribe {
		-webkit-box-shadow: 0 0 16px #000;
		box-shadow: 0 0 16px #000;
	}
	.form-subscribe-control input[type="email"] {
		width: 600px;
	}
	.content-home-messanger-desc {
		padding-right: 80px;
	}
	.home-advantages-wrapimg {
		margin-left: 58px;
	}
	.way-container {
		display: block;
	}
	.api-faq-quest {
		width: 50%;
    	padding-left: 90px;
	}
	.contacts-map-map {
		padding-left: 40px;
	}
}
@media(max-width: 510px) {
	.manager-cart-logo {
		max-width: 110px;
	}
	.manager-cart-name {
		letter-spacing: 1px;
		font-size: 24px;
	}
	.manager-cart-position {
		font-size: 20px;
	}
	.for-cart-title {
		max-width: 117px;
	}
	.manager-cart-item {
		font-size: 20px;
		max-width: 165px;
	}
}