@charset "utf-8";



@media screen and (max-width: 1300px) {

	.header {

		padding: 16px 30px;

	}

	.header__button {

		min-width: auto;

		padding: 14px 20px;

	}

}

@media screen and (max-width: 1260px) {

	

	.about__image {

		width: 50%;

	}

}

@media screen and (max-width: 1184px) {

	

	.header__button-menu {

		display: block;

		-webkit-box-flex: 0;

		-webkit-flex: 0 1 auto;

		-ms-flex: 0 1 auto;

		    flex: 0 1 auto;

		-webkit-box-ordinal-group: 4;

		-webkit-order: 3;

		-ms-flex-order: 3;

		    order: 3;

		min-width: 0;

		border: 1px solid rgba(4, 66, 71, 1);

		background: rgba(4, 66, 71, 1);

		padding: 15px;

		margin: 0px 0px 0px 16px;

	}



	.header__button-menu svg {

		display: block;

		margin: 0px;

	}



	.header__button-menu svg rect {

		-webkit-transform-origin: 50% 50%;

		-ms-transform-origin: 50% 50%;

		    transform-origin: 50% 50%;

		-webkit-transition: all 0.5s;

		-o-transition: all 0.5s;

		transition: all 0.5s;

	}



	.header__button-menu.active {

		background: rgba(13, 115, 124, 1) !important;

	}



	.header__button-menu.active svg rect:nth-child(1) {

		x: -2px;

		y: 6px;

		width: 20px;

		-webkit-transform: rotate(225deg);

		-ms-transform: rotate(225deg);

		    transform: rotate(225deg);

	}



	.header__button-menu.active svg rect:nth-child(2) {

		-webkit-transform-origin: 50% 50%;

		-ms-transform-origin: 50% 50%;

		    transform-origin: 50% 50%;

		-webkit-transform: scale(0,2);

		-ms-transform: scale(0,2);

		    transform: scale(0,2);

	}



	.header__button-menu.active svg rect:nth-child(3) {

		x: -2px;

		y: 6px;

		width: 20px;

		-webkit-transform: rotate(135deg);

		-ms-transform: rotate(135deg);

		    transform: rotate(135deg);

	}



	.header__menu {

		display: block;

		position: absolute;

		top: -100vh;

		left: 0px;

		width: 100%;

		height: auto;

		max-height: -webkit-calc(100vh - 80px);

		max-height: calc(100vh - 80px);

		overflow: auto;

		background: rgba(13, 115, 124, 1);

		text-align: center;

		-webkit-box-shadow: 0px 0px 125px rgba(0,0,0,0.20);

		box-shadow: 0px 0px 125px rgba(0,0,0,0.20);

		opacity: 0.00;

		padding: 64px 32px;

		margin: 0px !important;

		z-index: -1;

		-webkit-transition: all 0.75s;

		-o-transition: all 0.75s;

		transition: all 0.75s;

	}



	.logo {

		max-width: none;

	}



	.header__menu ul {

		display: block;

		max-width: 320px;

	}



	.header__menu ul:last-child {

		display: block;

	}



	.header__menu > * {

		margin: 24px auto 0px auto !important;

	}



	.header__button-menu.active ~ .header__menu {

		top: 100%;

		opacity: 1.00;

	}



	

	.header__button-menu:hover {

		border: 1px solid rgba(4, 66, 71, 1);

		background: rgba(4, 66, 71, 1);

	}



	

	.menu ul {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-webkit-flex-direction: column;

		    -ms-flex-direction: column;

		        flex-direction: column;

		margin: 16px 0px;

		background-color: transparent;

	}

	.menu li > a {

		border: 1px solid #fff;

	}

	.menu li {

		width: 100%;

	}

	.menu li + li {

		margin: 10px 0px 0px 0px;

	}







	

	.about__image {

		display: none;

	}



	

	.banner__image {

		opacity: 0.5;

	}

}







@media screen and (max-width: 1000px) {

	

	.header__menu .sidebar__menu {

		display: block;

		max-width: 320px;

		margin-top: 10px;

		padding: 0px;

	}

	.header__menu .sidebar__blocks {

		display: block;

		max-width: 320px;

	}



	

	.banner p {

		max-width: 100%;

		text-align: center;

	}



	

	.about > div{

		width: 100%;

	}

	.about__background {

		position: static;

	}



	

	.tiles ul {

		padding: 0;

	}



	

	.info > div {

		width: 100%;

	}

	.info__background {

		position: static;

	}

	.info > div:nth-child(2) {

		padding: 0;

	}



	.info__background--hide {

		display: none;

	}

	.info.info--reverse {

		-webkit-box-orient: vertical;

		-webkit-box-direction: reverse;

		-webkit-flex-direction: column-reverse;

		    -ms-flex-direction: column-reverse;

		        flex-direction: column-reverse;

	}

	.info.info--reverse > div:nth-child(2) {

		padding: 32px 20px;

	}

	.info.info--reverse > div:nth-child(1) {

		padding: 0px;

	}



	.about table td:nth-child(odd) {

		width: 35%;

	}

	.article__inner img {

		display: none;

	}

	.section__list-inner {

		-webkit-flex-wrap: wrap;

		    -ms-flex-wrap: wrap;

		        flex-wrap: wrap;

	}

	.section__list-inner ul {

		width: -webkit-calc(33% - 20px);

		width: calc(33% - 20px);

		margin: 10px;

	}

	.section__list-inner ul + ul {

		margin: 10px;

	}

}



@media screen and (max-width: 800px) {

	.info > div:first-child {

		width: 100%;

	}

	.info > div:last-child {

		width: 100%;

	}

	.tiles > div {

		width: 100%;

	}

	.tiles > div:first-child {

		display: none;

	}

}





@media screen and (max-width: 700px) {

	

	.header .header__button {

		display: none;

	}

	.header__menu .header__button-login, .header__menu .header__button-signup {

		display: inline-block;

		width: 160px;

		margin: 0;

	}

	

	.faq-item__title:before {

		width: 30px;

		height: 30px;

		top: 9px;

		right: 6px;

	}



	.faq-item__title.title {

		padding: 12px 50px 12px 16px;

	}



	

	.screen .button {

		display: block;

	}

	.screen__image {

		opacity: 0.7;

	}



	

	.tiles > div {

		width: 100%;

	}

	.tiles > div:nth-child(1) {

		-webkit-border-radius: 6px 6px 0px 0px;

		        border-radius: 6px 6px 0px 0px;

	}

	.tiles__caption span {

		width: 40px;

		height: 40px;

	}

	.tiles__caption span img {

		max-width: 20px;

	}



	

	.review ul {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-webkit-flex-direction: column;

		    -ms-flex-direction: column;

		        flex-direction: column;

	}

	.review ul li {

		padding: 0;

	}

	.review ul li:nth-child(1) {

		width: 100%;

	}

	.review ul li:nth-child(2) {

		width: 100%;

	}

	.review ul li + li {

		margin-top: 16px;

	}



	table {

		font-size: 14px;

	}

	table td {

		padding: 12px 8px 12px 14px;

	}

	table th {

		padding: 14px;

	}



}







@media screen and (max-width: 600px) {

	

	h1, h1.title {

		font-size: 8vw;

    line-height: 8.5vw;

	}

	.prime__text {

		font-size: 6.5vw;

	}

	h2, h2.title {

		font-size: 7vw;

		line-height: 8vw;

		text-align: center;

		

	}



	h3, h3.title {

		font-size: 6vw;

		line-height: 8vw;

		text-align: center;

	}



	h4, h4.title {

		font-size: 5vw;

		line-height: 6vw;

		text-align: center;

	}



	.main {

		padding: 80px 16px 0px 16px;

	}

	.section {

		padding: 24px 14px;

	}



	.section__table {

		padding: 15px 0px 0px 0px;

	}

	.faq {

		padding: 13px 14px 20px 14px;

	}

	.faq-item__title.title {

		font-size: 14px;

		line-height: 18px;

	}

	

	.feedback-carousel {

		padding: 0;

	}

	.feedback-carousel .item {

		-webkit-box-align: start;

		-webkit-align-items: flex-start;

				-ms-flex-align: start;

						align-items: flex-start;

	}

	.feedback__title {

		padding: 0;

		font-size: 8vw;

		line-height: 9vw;

	}

	.feedback-carousel .item {

		-webkit-box-align: start;

		-webkit-align-items: flex-start;

				-ms-flex-align: start;

						align-items: flex-start;

	}

	.feedback {

		padding: 20px 14px;

	}

	.feedback-carousel .owl-nav {

		position: static;

		-webkit-box-pack: center;

		-webkit-justify-content: center;

				-ms-flex-pack: center;

						justify-content: center;

		margin-top: 12px;

	}

	.title.feedback__title {

		padding: 0;

	}





	.header__button-menu {

		padding: 15px;

	}

	.header__menu .header__button-login, .header__menu .header__button-signup {

		font-size: 16px;

	}



	.btn-box {

		text-align: center;

	}



	 

	.footer {

		padding: 0px 16px;

	}

	.footer__content {

		padding: 20px 14px;

	}

	.footer__item-bottom {

		-webkit-box-pack: center;

		-webkit-justify-content: center;

		    -ms-flex-pack: center;

		        justify-content: center;

	}



	

	.header {

		padding: 16px;

	}

	.header__logo {

		margin: 0;

	}



	

	.screen {

		padding: 0;

	}

	.screen__image {

		height: 240px;

	}



	

	.prime {

		padding: 50px 14px 60px 14px;

		text-align: center;

	}





	.section__list-inner ul {

		width: -webkit-calc(50% - 10px);

		width: calc(50% - 10px);

		margin: 5px;

	}

	.section__list-inner ul + ul {

		margin: 5px;

	}





	

	.about {

		padding: 0;

	}



	.about table td {

		padding: 14px 10px;

		font-size: 12px;

	}



	

	.review table td:nth-child(1) {

		min-width: 120px;

		padding: 10px 10px 10px 0px;

	}

	.review table td:nth-child(2) {

		padding: 10px;

	}

	.review table td {

		font-size: 14px;

	}



	

	.info.info--reverse > div:nth-child(2) {

		padding: 0;

	}

	.info__background {

		display: none;

	}

	.info {

		padding: 0;

	}

	.info > div {

		padding: 24px 14px;

	}



	.table__wrapper {

		overflow-y: auto;

		padding-bottom: 12px;

		white-space: nowrap;

	}

	.table__wrapper table {

		width: 450px;

	}



	

	.tiles {

		padding: 0;

	}

}





@media screen and (max-width: 425px) {

	

  .footer__item-center {

    padding-top: 0;

    -webkit-box-orient: vertical;

    -webkit-box-direction: reverse;

    -webkit-flex-direction: column-reverse;

    -ms-flex-direction: column-reverse;

    flex-direction: column-reverse;

  }



  .footer__item-top {

    padding-bottom: 16px;

  }



  .footer .icon {

    margin: 5px 10px;

    max-width: 45px;

    min-width: 45px;

  }



  .footer__copy {

    margin-top: 10px;

  }



	

	.tiles__caption {

		font-size: 26px;

	}

	.section__list li {

		font-size: 14px;

	}

	.section__list-inner ul {

		padding-left: 10px;

	}



	.prime__button {

		font-size: 14px;

	}



}



@media screen and (max-width: 380px) {

	

	.header__language-dropdown > div {

		padding: 9px 20px 9px 12px;

	}

	.header__language-dropdown > div::before {

		right: 4px;

	}

	.header__language-dropdown > ul {

		padding: 12px 7px 12px 12px;

	}

	.header__logo {

		max-width: 110px;

	}

	.header__language-dropdown {

		max-width: 100px;

	}

	.header__menu {

		padding: 32px 15px;

	}

	.header__menu .header__button-login, .header__menu .header__button-signup {

		width: 130px;

		padding: 16px 10px;

	}

	.header__menu .header__button-login, .header__menu .header__button-signup {

		width: 100%;

	}



	.menu li > a {

		padding: 9px;

	}



	

	.about li:nth-child(even) {

		padding: 15px 10px;

	}

	.about li:nth-child(odd) {

		padding: 15px 10px;

	}

	.about li {

		font-size: 14px;

	}



	.feedback-carousel .item-text {

		font-size: 14px;

	}



	table {

		font-size: 12px;

		line-height: 15px;

	}



	.table__wrapper table {

		width: 350px;

	}



	.prime__button {

		padding: 16px;

	}

	

}

@media screen and (max-width: 360px) {

	.section__list-inner ul {

		width: 100%;

		padding-left: 30px;

	}

	.section__list-inner ul + ul {

		margin: 3px 0px 0px 0px;

	}

	.section__list-inner ul {

		margin: 0px;

	}

}