/**
 * Стили расширяющие и изменяющие родные стили в шаблонах
 */
.t3-section {
	padding-top: 30px;
	padding-bottom: 30px;
}
#Mod189{
	/* display:none; */
	/*float: right;*/
	margin-top: -30px;
	padding-top: 0;
}

.t3-section#Mod189 .module-intro{
	margin: 0;
}
@media (max-width: 767px) {
	.t3-section .section-header {
		margin-bottom: 0;
	}
}
/**
 * Оформление блока с ценой у машины
 */
.com_vikrentcar .car_result .vrc-car-thumb .vrc-car-price {
	background-color: initial;
	color: #079aee;
	text-transform: lowercase;
	padding: 0;
	text-align: left;
}
.com_vikrentcar .car_result .vrc-car-thumb .vrc-car-price .car_cost {
	color: inherit;
	text-transform: lowercase;
}
.com_vikrentcar .car_result .vrc-car-thumb .vrc-car-price div span,
.com_vikrentcar .car_result .vrc-car-thumb .vrc-car-price .vrcstartfrom
{
 	background-color: white;
 	color: #079aee;
	text-transform: lowercase;
}
.com_vikrentcar .car_result .vrc-car-thumb .vrc-car-price .vrc-car-result-dailycost {
	background: white;
	color: #079aee;
	text-transform: lowercase;
	margin-bottom: 7px;
	font-size: 25px;
}
.com_vikrentcar .car_result .vrc-car-thumb .vrc-car-price .vrc-car-result-dailycost .vrc-perday-txt,
.com_vikrentcar .car_result .vrc-car-thumb .vrc-car-price .vrc-car-result-dailycost .vrc_currency{
	background: white;
	color: #079aee;
	text-transform: lowercase;
	padding-left: 0;
	font-size: 15px;
	font-weight: 400;
}
.com_vikrentcar .car_result .vrc-car-thumb .vrc-car-price .vrc-car-result-dailycost .vrc_price {
	font-size: 25px;
	vertical-align: inherit;
}
.com_vikrentcar .car_result .vrc-car-thumb .vrc-car-price .vrc-car-result-dailycost .vrc_price .vrc_price-decimal{
	font-size: 15px;
	font-weight: 400;
}


/**
 * Оформление блока с названием и категорией машины
 */
.com_vikrentcar .car_result .vrc-car-result-info .vrc-car-name {
	text-transform: inherit;
}
.com_vikrentcar .car_result .vrc-car-result-info .vrc-car-name .vrc-car-name-title {
	/*text-transform: lowercase;*/
}
.com_vikrentcar .car_result .vrc-car-result-info .vrc-car-name .vrc-car-name-category{
	/*text-transform: capitalize;*/
	color: #777777;
}
.com_vikrentcar .car_result .vrc-car-result-info .vrc-car-name .vrc-car-name-similar {
	text-transform: lowercase;
	font-weight: 300;
	font-size: initial;
}

.vrc-cdetails-cgroup .vrc-car-name-similar {
	text-transform: lowercase;
	font-weight: 300;
	font-size: initial;
}

.com_vikrentcar .car-detail .vrc-cdetails-cgroup h1 .vrc-car-name-similar {
	text-transform: lowercase;
	font-weight: 200;
	font-size: inherit;
}
.com_vikrentcar .fotorama,
.car-detail .fotorama{
	max-height: 350px;
}
.com_vikrentcar .fotorama > img,
.car-detail .fotorama > img{
	max-height: 300px;
	width: auto;
}
.car_title .vrc-car-name-title {
	font-weight: 600;
}
.car_title .vrc-car-name-similar {
	text-transform: lowercase;
}

/**
 * Форма поиска
 */
.vrcsfentrycont #vrccomselph,
.vrcsfentrycont #vrccomseldh,
.vrcdivsearchmodule .vrcsfentrycont #vrcmodselph,
.vrcdivsearchmodule .vrcsfentrycont #vrcmodseldh {
	min-width: 90px!important;/* Чтобы время не сжималось сильно и не ломалась верстка списка */
}

html .vrcdivsearch .vrcsfentrycont {
	min-height: 30px;
}
html .vrcdivsearch .vrcsfentrysubmit {
	margin-top: 4px;
}
html .vrcdivsearch .vrcsfentrycont .vrcsfentrydate,
html .vrcdivsearch .vrcsfentrydate{
	border: 1px #c7d7e1 solid;
}
.t3-section .vrcdivsearchmodule .vrcsfentrycont .vrcsfentrydate,
.t3-section .vrcdivsearchmodule .vrcsfentrydate{
	border: 0;
	min-width: 90px!important;/* Чтобы время не сжималось сильно и не ломалась верстка списка */
}
.t3-section .vrcdivsearchmodule .vrcsfentrysubmit {
	margin-top: 0;

}
.t3-section .vrcdivsearchmodule .vrcsfentrysubmit button{
	width: 100%;
	height: 36.5px;
	padding: 7px 14px;
}
html .vrcdivsearch .vrcsfentrycont .vrcsfentrydate .hasDatepicker,
html .vrcdivsearch .vrcsfentrydate .hasDatepicker{
	/* background: #fff url(/modules/mod_vikrentcar_search/images/calendar-ext.png) 90% center no-repeat;
	margin: 0 10px 0 0;*/
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	width: 100%;
	cursor: pointer;
	min-width: 90px!important;/* Чтобы время не сжималось сильно и не ломалась верстка списка */
}

html .vrcdivsearch .vrcsfentrycont .vrcsfentrydatetime,
html .vrcdivsearch .vrcsfentrydatetime{
	float: left;
	/* min-width: 90px;/ * Чтобы время не сжималось сильно и не ломалась верстка списка */
	width: 50%;
}
html .vrcdivsearch .vrcsfentrycont .vrcsfentrydatetime input,
html .vrcdivsearch .vrcsfentrydatetime input,
html .vrcdivsearch .vrcsfentrycont .vrcsfentrydatetime select,
html .vrcdivsearch .vrcsfentrydatetime select,
.t3-section .vrcdivsearchmodule .vrcsfentry-item .chzn-container-single .chzn-single,
.t3-section .vrcdivsearchmodule .vrcsfentry-item select{
	height: 36.5px;
	width: 100%;
	padding: 7px 14px;
}
html .vrcdivsearch .row .vrcsfentry-item{
	width: auto;
	position: relative;
	margin-right: 36px;
}
html .vrcdivsearch .row .col-sm-6{
	margin-bottom: 5px;
}
html .vrcdivsearch .vrcsfentry-icon{
	position: absolute;
	right: -36px;
	top: 0;
	width: 36px;
	height: 36.5px;
	text-align: center;
	padding: 6px;
	color: white;
	background-color: #777777;
	border: 1px solid #999999;
}
/* border: 1px solid #777777;
}
/**
* результаты поиска
*/
.com_vikrentcar .car_result .vrc-car-thumb{
	background-color: #ffffff;
	text-align: center;
}
.com_vikrentcar .car_result .vrc-car-thumb img {
	max-width: 100%;
	width: auto;
}
.vrc-search-results-block .vrc-car-thumb .imgresult {
	max-height: 180px;
}

/**
 * Детальное описание машины, бронирование
 */

.com_vikrentcar .car-detail .vrc-car-carats .vrccarcarat {
	float: left;
	border: none;
}
.com_vikrentcar .car_options td.vrc-tableopt-td-img{
	padding: 0 2px;
}
.vrc-tableopt-td-ckbx {
	text-align: center;
}
.com_vikrentcar .car_options td.vrc-tableopt-td-name input{
	height: auto;
	margin: 5px;
}
.vrc-showprc-container .vrc-showprc-car-carats{
	/*width: auto;
	float: right;*/
	border: none;
}

.vrc-summary-car-img{
	display: block;
	float: none;
	max-height: 200px;
	width: auto;
	max-width: 100%;
	padding: 0;
	text-align: center;
}
.com_vikrentcar .vrc-summary-car-img img {
	max-height: 200px;
	width: auto;
	max-width: 100%;
}
.com_vikrentcar .car-detail .vrc-cdetails-cmainimg,
.com_vikrentcar .car-detail .vrc-cdetails-cost,
.com_vikrentcar .car-detail .vrc-car-carats{
	border: none;
	background-color: #ffffff;
}
.com_vikrentcar .car-detail .vrc-cdetails-cost .car_cost{
	vertical-align: baseline;
}
.com_vikrentcar .car-detail .vrc-cdetails-cost .car_cost .vrc_price{
	font-size: 24px;
}
.com_vikrentcar .car-detail .vrc-cdetails-cmainimg img{
	max-height: 200px;
}
.com_vikrentcar .car-detail .cardetails_moreimages a,
.com_vikrentcar .car_moreimages a{
	padding: 2px;
	margin: 0 5px 5px 0;
}
.com_vikrentcar .car-detail .cardetails_moreimages a img,
.com_vikrentcar .car_moreimages a img{
	max-height: 50px;
}

.vrc-showprc-priceinfo .vrc-showprc-pricecost {
	color: #079aee;
}

.vrctableorder {
	line-height: 1.2em;
	margin: 0;
}
.vrctableorder .vrc-car-name-similar {
	text-transform: lowercase;
}
.com_vikrentcar table.vrctableorder td:last-child{
	text-align: right;
}
.vrctableorder .vrctableorder-car-row td h3,
.vrcrentforlocs .vrc-itinerary-confirmation h3,
.vrcrentforlocs .vrc-itinerary-confirmation h4,
.vrcrentforlocs .vrc-itinerary-confirmation > div{
	margin-top: 0;
	text-transform: inherit;
}
.vrctableorder .vrctableorder-car-row td h3,
.vrcrentforlocs .vrc-itinerary-confirmation h3,
.vrcrentforlocs .vrc-itinerary-confirmation h4{
	margin: 0;
	font-size: 17px;
}
.vrcrentforlocs .vrc-itinerary-confirmation > div{
	margin-bottom: 5px;
}
.vrcrentforlocs .vrc-itinerary-confirmation .vrcvordcarinfotitle{
	font-weight: 600;
}

.vrctableorder .vrctableorder-car-row .vrc-car-name-similar,
.vrcvordcarinfotitle .vrc-car-name-similar{
	font-weight: 300;
}

.com_vikrentcar .goback a {
	display: inline-block;
	font-weight: 700;
	margin: 0;
	color: #829eaf;
	text-decoration: underline!important;;
	background-color: inherit;
	border-color: inherit;
	padding: 6px 14px;
	font-size: 12px;
	line-height: 24px;
	border-radius: 0;
}

.vrcrentforlocs {
	display: block;
	margin: 0;
	padding: 0;
}
.vrc-showprc-form .vrcrentforlocs {
	float: none;
}

.com_vikrentcar .vrccustomfields {
	border: 1px solid #ddd;
	border-radius: 6px;
	margin-top: inherit;
	padding: 0 8px;
}
.com_vikrentcar .vrccustomfields .vrcdivcustomfield {
	min-height: 40px;
}

.com_vikrentcar .vrccustomfields .vrcdivcustomfield.error input,
.com_vikrentcar .vrccustomfields .vrcdivcustomfield.error textarea,
.com_vikrentcar .vrccustomfields .field-container.error input,
.com_vikrentcar .vrccustomfields .field-container.error textarea{
	background-color: #ffe5e5;
}
.com_vikrentcar .vrccustomfields .vrcdivcustomfield.error label,
.com_vikrentcar .vrccustomfields .field-container.error label{
	color: #d32f2f;
}
.com_vikrentcar .vrccustomfields .vrcdivcustomfield.error input[type=submit]{
	background-color: #d32f2f;
	color: #ffffff;
}

.com_vikrentcar .vrccustomfields .vrc-itinerary-confirmation > div {
	margin: 5px 0;
}

.com_vikrentcar .vrcdivcustomfield .vrc-oconfirm-cfield-entry-docimg{
	display: block;
	width: 100%;
	min-height: 46px;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #c7d7e1;
	border-radius: 0;
	padding: 0 7px 4px;
}

.com_vikrentcar input[type=checkbox]
{
	/* Double-sized Checkboxes */
	-ms-transform: scale(1.5); /* IE */
	-moz-transform: scale(1.5); /* FF */
	-webkit-transform: scale(1.5); /* Safari and Chrome */
	-o-transform: scale(1.5); /* Opera */
	padding: 10px;
	margin: 0 6px 0 0;
}

@media screen and (max-width : 580px) {
	/* Для очень маленьких экранов */

	/*Шаги регистрации скроем*/
	.vrcstepsbarcont .vrc-stepbar {
		display: none;
	}
	/*Доп картинки скроем*/
	.com_vikrentcar .car-detail .cardetails_moreimages,
	.com_vikrentcar .car_moreimages{
		display: none;
	}
	/* Шаблон страницы*/
	.t3-mainbody {
		padding: 2px;
	}
}

/**
 * Результат бронирования перед оплатой
 */
.vrcvordudata-cnt .vrcvordcarinfo {
	background-color: #ffffff;
	border: 0;
}

/*
 * Параметры машин
 */
.vrc-car-carats .vrccarcarat span,
.vrc-showprc-car-carats .vrccarcarat span {
	color: #16a6f8;
}
.com_vikrentcar .car_result > .vrc-car-characteristics {
	color: #addafd;
}
.com_vikrentcar .car_result > .vrc-car-characteristics .vrc-carat-cont i.fas {
	color: #16a6f8;
	font-size: 20px;
	vertical-align: middle;
}
.vrc-car-carats .vrccarcarat .vrc-carat-cont > span,
.vrc-showprc-car-carats .vrccarcarat .vrc-carat-cont > span,
.vrccarcarat .vrc-carat-cont > span,
.com_vikrentcar .car_result > .vrc-car-characteristics .vrc-carat-cont > span{
	height: 20px;
}
.vrc-car-carats .vrccarcarat .vrc-carat-cont img,
.vrc-showprc-car-carats .vrccarcarat .vrc-carat-cont img,
.vrccarcarat .vrc-carat-cont img {
	width: 20px;
	height: 20px;
}
.vrc-car-carats .vrccarcarat span i,
.vrc-showprc-car-carats .vrccarcarat span i {
	color: #16a6f8;
	font-size: 20px;
	/* vertical-align: middle; */
}

/**
 * date-range
 */
.ui-datepicker-calendar td .ui-state-default{
	text-align: center;
}

.ui-datepicker .datepicker-range-range a,
.ui-datepicker .datepicker-range a,
.ui-datepicker .datepicker-range-range span,
.ui-datepicker .datepicker-range span,
.ui-datepicker .datepicker-range-hover a {
	background: #addafd !important;
	background-color: #addafd !important;
	border-color: #addafd !important;
	position: relative;
	font-weight: 700 !important;
	text-align: center;
}

.ui-datepicker .datepicker-range-first {
	position: relative;
}

.ui-datepicker .datepicker-range-first.ui-state-disabled{
	opacity: 1;
}

.ui-datepicker .datepicker-range-first:after {
	position: absolute;
	display: block;
	content: "";
	width: 5px;
	height: 30px;
	top: 1.5px;
	left: 0;
	background: #067abc;
}

.ui-datepicker .datepicker-range-first a {
	z-index: 0;
	font-weight: 400;
	background: #addafd !important;
	border-color: #addafd !important;
	position: relative;
	text-align: center;
}

.ui-datepicker .datepicker-range-first a:after {
	z-index: -1;
	content: "";
	position: absolute;
	display: inline-block;
	top: 0;
	left: 25px;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-left: 5px solid #16a6f8;
	border-bottom: 15px solid transparent;
}

.ui-datepicker .datepicker-range-first a:before {
	z-index: -1;
	content: "";
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
	width: 25px;
	height: 30px;
	background: #16a6f8;
	color: #ffffff;
}

.ui-datepicker .datepicker-range-first span {
	z-index: 0;
	font-weight: 400;
	background: #16a6f8 !important;
	border-color: #addafd !important;
	position: relative;
	color: #ffffff;
}

.ui-datepicker .datepicker-range-first span:after {
	z-index: -1;
	content: "";
	position: absolute;
	display: inline-block;
	top: 0;
	left: 25px;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-left: 5px solid #16a6f8;
	border-bottom: 15px solid transparent;
}

.ui-datepicker .datepicker-range-first span:before {
	z-index: -1;
	content: "";
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
	width: 25px;
	height: 30px;
	background: #16a6f8;
	color: #ffffff;
}

.ui-datepicker .datepicker-range-last {
	position: relative;
}

.ui-datepicker .datepicker-range-last:after {
	position: absolute;
	display: block;
	content: "";
	width: 5px;
	height: 30px;
	top: 1.5px;
	right: 0;
	background: #067abc;
}

.ui-datepicker .datepicker-range-last a {
	z-index: 0;
	font-weight: 400;
	background: #addafd !important;
	border-color: #addafd !important;
	position: relative;
	text-align: center;
	color: #ffffff;
}

.ui-datepicker .datepicker-range-last a:after {
	z-index: -1;
	content: "";
	position: absolute;
	display: inline-block;
	top: 0;
	right: 25px;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-right: 5px solid #16a6f8;
	border-bottom: 15px solid transparent;
}

.ui-datepicker .datepicker-range-last a:before {
	z-index: -1;
	content: "";
	position: absolute;
	display: inline-block;
	top: 0;
	right: 0;
	width: 25px;
	height: 30px;
	background: #16a6f8;
	color: #ffffff;
}

.ui-datepicker .datepicker-range-last span {
	z-index: 0;
	font-weight: 400;
	background: #addafd !important;
	border-color: #addafd !important;
	position: relative;
	color: #ffffff;
}

.ui-datepicker .datepicker-range-last span:after {
	z-index: -1;
	content: "";
	position: absolute;
	display: inline-block;
	top: 0;
	right: 25px;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-right: 5px solid #16a6f8;
	border-bottom: 15px solid transparent;
}

.ui-datepicker .datepicker-range-last span:before {
	z-index: -1;
	content: "";
	position: absolute;
	display: inline-block;
	top: 0;
	right: 0;
	width: 25px;
	height: 30px;
	background: #16a6f8 !important;
	color: #ffffff !important;
}

/**
 * Основной шаблон сайта
 */


@media(max-width: 500px) {
	.logo-image img {
		width: 80%;
	}
}

@media (max-width: 1024px) {
	.top_phone {
		display: none;
	}
}

.t3-header .languageswitcherload{
	float: none;
}

.t3-topbar .topbar-1,
.t3-topbar .topbar-2 {
	border-bottom: none;
}

/**
 * Дополнительная форма оплаты
 */

body-- {
	margin: 0;
	padding: 0;
	background-color: #f9f9f9;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 100vh;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-family: 'Raleway';
}

.payment-form .payment-title {
	width: 100%;
	text-align: center;
}

.payment-form .form-container .field-container:first-of-type {
	grid-area: name;
}

.payment-form .form-container .field-container:nth-of-type(2) {
	grid-area: number;
}

.payment-form .form-container .field-container:nth-of-type(3) {
	grid-area: expiration;
}

.payment-form .form-container .field-container:nth-of-type(4) {
	grid-area: security;
}

.payment-form .field-container {
	position: relative;
	padding: 5px 0;
}

.payment-form .field-container input.vrcinput {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}

.payment-form .form-container {
	display: grid;
	grid-column-gap: 10px;
	grid-template-columns: 55% 25% auto;
	/*grid-template-rows: 90px 90px 90px;*/
	grid-template-areas: "name name name""number expiration security";
	padding: 2px;
}

.payment-form label {
	padding-bottom: 0;
	font-size: 13px;
}

.payment-form .ccicon {
	height: 16px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 24px;
}

/* CREDIT CARD IMAGE STYLING */
.payment-form .preload * {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
}

.payment-form .container {
	width: 100%;
	max-width: 400px;
	max-height: 168px;
	height: 54vw;
}

#ccsingle {
	position: absolute;
	right: 15px;
	top: 20px;
}

#ccsingle svg {
	width: 100px;
	max-height: 60px;
}

.payment-form .creditcard svg#cardfront,
.payment-form .creditcard svg#cardback {
	width: 100%;
	-webkit-box-shadow: 1px 5px 6px 0px black;
	box-shadow: 1px 5px 6px 0px black;
	border-radius: 22px;
}

.payment-form select,
.payment-form textarea,
.payment-form input,
.payment-form .inputbox {
	padding: 10px 6px;
}

#generatecard{
	cursor: pointer;
	float: right;
	font-size: 12px;
	color: #fff;
	padding: 2px 4px;
	background-color: #909090;
	border-radius: 4px;
	cursor: pointer;
	float:right;
}

/* CHANGEABLE CARD ELEMENTS */
.payment-form .creditcard .lightcolor,
.payment-form .creditcard .darkcolor {
	-webkit-transition: fill .5s;
	transition: fill .5s;
}

.payment-form .creditcard .lightblue {
	fill: #03A9F4;
}

.payment-form .creditcard .lightbluedark {
	fill: #0288D1;
}

.payment-form .creditcard .red {
	fill: #ef5350;
}

.payment-form .creditcard .reddark {
	fill: #d32f2f;
}

.payment-form .creditcard .purple {
	fill: #ab47bc;
}

.payment-form .creditcard .purpledark {
	fill: #7b1fa2;
}

.payment-form .creditcard .cyan {
	fill: #26c6da;
}

.payment-form .creditcard .cyandark {
	fill: #0097a7;
}

.payment-form .creditcard .green {
	fill: #66bb6a;
}

.payment-form .creditcard .greendark {
	fill: #388e3c;
}

.payment-form .creditcard .lime {
	fill: #d4e157;
}

.payment-form .creditcard .limedark {
	fill: #afb42b;
}

.payment-form .creditcard .yellow {
	fill: #ffeb3b;
}

.payment-form .creditcard .yellowdark {
	fill: #f9a825;
}

.payment-form .creditcard .orange {
	fill: #ff9800;
}

.payment-form .creditcard .orangedark {
	fill: #ef6c00;
}

.payment-form .creditcard .grey {
	fill: #bdbdbd;
}

.payment-form .creditcard .greydark {
	fill: #616161;
}

.com_vikrentcar .payment-form .vrccustomfields {
	margin: 4px;
}

.com_vikrentcar .payment-form .vrccustomfields  .vrcdivcustomfield {
	padding: 0 8px 0 2px;
}

.com_vikrentcar .payment-form .vrccustomfields .vrcseparatorcf{
	border: 0;
	padding: 0;
}

.com_vikrentcar .payment-form .vrccustomfields .vrccustomfldinfo_separator{
	margin-bottom: 0;
}

.com_vikrentcar .payment-form .vrccustomfields .vrc-oconfirm-cfield-entry-checkbox .vrc-customfield-label{
	max-width: 85%;
}


.com_vikrentcar .payment-form .vrc-itinerary-confirmation{
	margin: 0 10px;
}

/* FRONT OF CARD */
#svgname {
	text-transform: uppercase;
}

#cardfront .st2 {
	fill: #FFFFFF;
}

#cardfront .st3 {
	font-family: 'Source Code Pro', monospace;
	font-weight: 600;
}

#cardfront .st4 {
	font-size: 54.7817px;
}

#cardfront .st5 {
	font-family: 'Source Code Pro', monospace;
	font-weight: 400;
}

#cardfront .st6 {
	font-size: 33.1112px;
}

#cardfront .st7 {
	opacity: 0.6;
	fill: #FFFFFF;
}

#cardfront .st8 {
	font-size: 24px;
}

#cardfront .st9 {
	font-size: 36.5498px;
}

#cardfront .st10 {
	font-family: 'Source Code Pro', monospace;
	font-weight: 300;
}

#cardfront .st11 {
	font-size: 16.1716px;
}

#cardfront .st12 {
	fill: #4C4C4C;
}

/* BACK OF CARD */
#cardback .st0 {
	fill: none;
	stroke: #0F0F0F;
	stroke-miterlimit: 10;
}

#cardback .st2 {
	fill: #111111;
}

#cardback .st3 {
	fill: #F2F2F2;
}

#cardback .st4 {
	fill: #D8D2DB;
}

#cardback .st5 {
	fill: #C4C4C4;
}

#cardback .st6 {
	font-family: 'Source Code Pro', monospace;
	font-weight: 400;
}

#cardback .st7 {
	font-size: 27px;
}

#cardback .st8 {
	opacity: 0.6;
}

#cardback .st9 {
	fill: #FFFFFF;
}

#cardback .st10 {
	font-size: 24px;
}

#cardback .st11 {
	fill: #EAEAEA;
}

#cardback .st12 {
	font-family: 'Rock Salt', cursive;
}

#cardback .st13 {
	font-size: 37.769px;
}

/* FLIP ANIMATION */
.payment-form .container {
	perspective: 1000px;
}

.payment-form .creditcard {
	width: 100%;
	max-width: 250px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transition: -webkit-transform 0.6s;
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	transition: transform 0.6s, -webkit-transform 0.6s;
	cursor: pointer;
}

.payment-form .creditcard .front,
.payment-form .creditcard .back {
	position: absolute;
	width: 100%;
	max-width: 250px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	color: #47525d;
}

.payment-form .creditcard .back {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.payment-form .creditcard.flipped {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

/* Используем цветные иконки fontawesome */
.fa-color.fa-whatsapp,
.fa-color.fa-whatsapp-square{
	 color: #24CD63;
 }
.fa-color.fa-viber{
	 color: #795098;
 }
.fa-color.fa-skype{
	 color: #009DD9;
 }
.fa-color.fa-facebook,
.fa-color.fa-facebook-f,
.fa-color.fa-facebook-messenger,
.fa-color.fa-facebook-square{
	color: #3A5895;
}

.fa-color.fa-vk{
	color: #4F7DB3;
}
.fa-color.fa-instagram,
.fa-color.fa-instagram-square{
	color: #C83085;
}

/**
fa:
<div class="b__icons"><a href="skype:Vam.group?chat" rel="alternate noopener noreferrer"><i class="fa fab fa-skype fa-color" style="font-size: 20px;"></i></a> <a href="https://api.whatsapp.com/send?phone=17867070077" rel="alternate noopener noreferrer"><i class="fa fab fa-whatsapp fa-color" style="font-size: 20px;"></i></a> <a href="viber:/add?number=17867070077" rel="alternate noopener noreferrer" title="Viber"><i class="e__icons vib"></i></a> <strong style="margin-left: 20px;"><a href="tel:+17867070077"> +1.786.707.0077</a></strong></div>

img:
<div class="b__icons"><a href="skype:Vam.group?chat" rel="alternate noopener noreferrer"><i class="e__icons skype"></i></a> <a href="https://api.whatsapp.com/send?phone=17867070077" rel="alternate noopener noreferrer"><i class="e__icons wh"></i></a> <a href="viber:/add?number=17867070077" rel="alternate noopener noreferrer" title="Viber"><i class="e__icons vib"></i></a> <strong style="margin-left: 20px;"><a href="tel:+17867070077"> +1.786.707.0077</a></strong></div>

 */