@font-face {
  font-family: 'PF Din CompPro Light';
  src: url('/fonts/PFDinTextCompPro-Light.eot?#iefix') format('embedded-opentype'),  url('/fonts/PFDinTextCompPro-Light.woff') format('woff'), url('/fonts/PFDinTextCompPro-Light.ttf')  format('truetype'), url('/fonts/PFDinTextCompPro-Light.svg#PFDinTextCompPro-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PF Din CompPro';
  src: url('/fonts/PFDinTextCompPro-Regular.eot?#iefix') format('embedded-opentype'),  url('/fonts/PFDinTextCompPro-Regular.woff') format('woff'), url('/fonts/PFDinTextCompPro-Regular.ttf')  format('truetype'), url('/fonts/PFDinTextCompPro-Regular.svg#PFDinTextCompPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PF Din CompPro Italic';
  src: url('/fonts/PFDinTextCompPro-Italic.eot?#iefix') format('embedded-opentype'),  url('/fonts/PFDinTextCompPro-Italic.woff') format('woff'), url('/fonts/PFDinTextCompPro-Italic.ttf')  format('truetype'), url('/fonts/PFDinTextCompPro-Italic.svg#PFDinTextCompPro-Italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: "PF Din CompPro", Tahoma, Arial, sans-serif;
	font-size: 14px;
	color: #3d3c3f;
	padding-top: 102px;
}
header, section {
	width: 900px;
	margin: 0 auto;
}
.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	z-index: 10;
}
.header__logo {
	background: url(/img/header-logo.png) no-repeat;
	width: 109px;
	height: 102px;
	margin-left: 13px;
	float: left;
	display: block;
	border: 0;
	font: 0/0 a;
	text-shadow: none;
	color: transparent;
}
.header__phone {
	font-family: "PF Din CompPro";
	padding: 14px 0 17px 151px;
    font-size: 32px;
    font-weight: bold;
    color: #00a651;
    letter-spacing: 1px;
}

/* nav.main-nav */
.main-nav {
	margin-left: 150px;
}
.main-nav__items {
	list-style: none;
}
.main-nav__item {
	display: inline-block;
	margin-right: 16px;
}
.main-nav__item:last-child {
	margin-right: 0;
}
.main-nav__item a:link,
.main-nav__item a:visited,
.main-nav__item a:hover,
.main-nav__item a:active {
	text-decoration: none;
}
.main-nav__item a {
	font-family: "PF Din CompPro Light";
	text-transform: uppercase;
	color: #3d3c3f;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.1px;
}
.main-nav__item a:hover {
	color: #00a651;
	border-bottom: 4px solid #00a651;
	text-decoration-style: 
}
/* end nav.main-nav */

/* slogan */
.slogan__title {
	font-family: "PF Din CompPro Light";
    font-weight: normal;
    text-transform: uppercase;
    font-size: 79px;
    margin: 20px 0 20px 10px;
}
.slogan__items {
	list-style: none;
	text-align: center;
	margin: 0 0 27px 0;
}
.slogan__item {
	font-family: "PF Din CompPro Light";
	display: inline-block;
	font-size: 20px;
	text-transform: uppercase;
	color: #00a651;
	margin: 0 58px 0 11px;
	position: relative;
}
.slogan__item--time::before {
	content: '';
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAMAAABhTZc9AAABUFBMVEX///8wMTI8PDxbXV1QUVKcnJxxcXO8vL5HRkiGh4l7fH10dHXPz9DY2dr6+vvJycrz8/OxsrKmp6jt7e7s7e3l5ebi4+Pe3t/b3N3a29zX2Nnh4uP29vaxsrPm5ueLi4339/fQ0dPp6erMzc7T1NXHx8jZ2tvo6OijoqKfnp6RkpOJiYvZ2drg4eLf3+BmZmfd3t/u7u+qqan4+Pn09PTKy8ve3d3V1tjk5ebc3N37+/zb3NzCwsTs7O3S09X09PXR0tPn5+jR0dPu7u6srq5SVFTm5ujFxcb5+frV1tfLzMyen5/19faYmJnKy83CwsPm5+e5u7vt7u7l5uf7+/vz8/Sop6fj4+Ti4uTV1dfU1dbU1NT5+fmTlJXi4uKPkJGNjo/r6+zh4uLq6uvQ0NLR0dHQ0NBoaGnP0NJkZmbP0NDy8/PNztDo6Onv7/D4+fl1TDoZAAABdUlEQVR4AX3Rg5YkMRgF4HujctsYmz07a9u2bb7/4aaqrfmOCslPDJnPPsB0Dn9gxExUQEft3SF0ndmDVZ83s5jgu74P67eQcxhzIsfgdRz51T+Mu37MP4qu/YtOtmcrBSvTjxP67BNv/qDvwpIWlJ6k8jxB47mUpzPdoCuOpNt86Ai1ilKO6vmWR/rlJPxOHHR2oeQI8RPAI01Z+HRTUqx/AGo2qLtcqoYunY81q+IzKJ+q5Eh5DZHmNCINRIZCWqRsc5N3Rdqf2K8Zrmfy1V02/+atquHTvXzZcC2F5LeyMWayDBC7K9zDiHzeOYlEPlTiCJZcXgVQ13yPimZwDh2XQqGKJc14fTd2Wdy2cRroaTniSmNFfAMQ2luOUG8xYNthsOBxFTua6bOuKmLIZ83NZd7CSyVfKPEFIyJNbdTcPeaMSGPMoqHm1w3X8HIKY+KpcEORa48xwa/zitbmE0xkp0Ka25iivihkAVO1nGc4wHEM+Q+lXSSB4lB9rQAAAABJRU5ErkJggg==) no-repeat;
	width: 29px;
	height: 29px;
	position: absolute;
	top: -5px;
	left: -38px;
}
.slogan__item--guarantee::before {
	content: '';
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAeCAMAAACc/SdfAAABcVBMVEX///8wMTI8PDxxcXNQUVL4+PmcnJxbXV1HRkiGh4mmp6j6+vtmZmf29vb5+frX2Nl0dHW8vL7Y2dqxsrLt7e7u7u6ztLS3uLjX19nm5ufw8PDx8fKPkJGjoqK+vsDFxcbJycre3t/r6+zCwsTT1NW5urry8/Pj4+RSVFRoaGl7fH2JiYuRkpOsrq7Hx8jQ0NDR0tPa29zb3Nzf3+Dg4OHj4+Xk5ebo6Oju7+/y8vLz8/P3+Pj5+fnb3N3Mzc7h4eLz8/R9fn7s7Ovs7e1eX1+fnp7g4eLU1NXk5OWcnZ3l5eaLi42Njo+YmJmhoKClpaWoqaqqqanAwcHCwsPCw8POzc7Mzs/Nzs7NztDPzs/Pz9DP0NLQ0dLR0dHR09TS09XU1dbV1tfV1tjZ2drZ2tvZ2tzb29zb3N7c3N3g4eHi4uPj5OTk5eXm5+fn5+jo6enp6enq6uvr7Ozt7e3v7/Dw8PHz9PT19fb19vb4+fn7+/x0xi5vAAAB3UlEQVR4XoXR1bLjMBBF0T4tGcPMDJeZaZiZmZmZv340hsS5rtTsN7mWW9U2DYprNFJFo3CR4oER9i2f0MKow6IbYEcFhPtaEBUYEMO3VwQ4xCo1cP7YkC1LiJeT+9ih4+BeJZb02X0Jq0VHJjGtWACZvRxR2YDVVWj3MIxniiumKzZA8k7OwbBTD6j0/oNwp35V7N4QLXpIpS9KqFy2IaGnfXQyrtAM5Ez1nAnTNFQMcVexMx7Lgx/+IIolXTwHtkvZbHZCqg1p+3nRYc7nS+z6aM3kevtjjpwpIn2NH3vTyklEix6i08hsNcz6d4+tP/3yb2iCnMsYSH0iR9lnGVwvuUxvNU3MvtDIZRLcm2+samUJSJs5dUI9ngIEu0u6ey4X2Nk+vlnIt7Y6ir1ZS0JIcGaP/GLajoCY9f9QRDHDVKcJQw0NtIFo4lctwGDqXY0231KwbY4epEgN8qbLChBpCncBQrEOyyXn2IexF0ZqA4fNQc8RlZtTsF7ROPbnPKzmRcGAeKTRGBaNwklaqbSPwoxh6GLavpVe98zOiP19O6tY5Umj+Dnb7pPfdWspqC5DX6VQPw1kSgF1ybzap3CvMzeCV8bfJXxwpbrQHrAVGlMVmVP03xbs+ZD6C/NrOfGZ11iHAAAAAElFTkSuQmCC) no-repeat;
	width: 37px;
	height: 30px;
	position: absolute;
	top: -2px;
	left: -54px;
}
/* end section.slogan */

/* section.order */
.order {
	margin-bottom: 29px;
}
.order__form-wrapper {
	background: url(/img/back-order.jpg) no-repeat;
	height: 477px;
	padding: 37px 0 0 13px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.order__form {
	font-family: Arial, sans-serif;
	width: 280px;
	padding: 18px;
	background-color: #fff;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-bottom: 31px;
}
.order__form__title {
	font-family: "PF Din CompPro Light";
	text-transform: uppercase;
	color: #00a651;
	font-size: 38px;
    font-weight: bold;
    line-height: 0.85;
    word-spacing: 3px;
    margin-bottom: 15px;
}
.order__form__title span {
	color: #e75700;
}
.order__form label {
	font-weight: bold;
	line-height: 1.7;
}
.order__form input {
	width: 236px;
    height: 31px;
    border: 1px solid #a9a9a9;
    margin-bottom: 20px;
}
.order__form__asterisk-input::after {
	content:" *"; 
	color: #e7468b;
	position: absolute; 
	margin: 1px 0px 0px -12px;
    font-size: 22px;
}
.order__form input[type=tel] {
	margin-bottom: 35px;
}
.order__form input[type=submit],
.feedback__form input[type=submit] {
	width: 170px;
	height: 52px;
	background-color: #e75700;
	color: #fff;
	border: none;
    font-size: 16px;
    margin: 0 auto;
    display: block; 
}
.order__features {
	background-color: #77aee3;
}
.order__features__items {
	list-style: none;
}
.order__features__item {
	font-family: "PF Din CompPro Italic";
	display: inline-block;
	width: 205px;
	height: 190px;
	padding: 127px 25px 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	text-align: center;
	color: #fff;
	position: relative;
	margin-right: 15px;
	font-size: 19px;
    letter-spacing: 0.25px;
    line-height: 1; 
}
.order__features__item::before {
	content: '';
	background-image: url(/img/spritesheet.png);
    background-repeat: no-repeat;
    position: absolute;
	top: 25px;
	width: 90px;
	height: 90px;
}
.order__features__item--intime::before {	
	background-position: -26px -2px;	
    left: 47px;	
}
.order__features__item--quality-materials::before {
	background-position: -214px -2px;
    left: 57px;
}
.order__features__item--quality-sewing::before {
	background-position: -308px -2px;
    left: 70px;
}
.order__features__item--print::before {
	background-position: -120px -2px;
    left: 57px;
}
.order__features__item::after {
	content: '';
	background-image: url(/img/spritesheet.png);
    background-repeat: no-repeat;
	background-position: -2px -2px;
	width: 20px;
	height: 71px;
	position: absolute;
	top: 38px;
	right: -24px;
}
.order__features__item:first-child {
	margin-left: 10px;
}
.order__features__item:nth-child(3) {
	padding: 127px 40px 0;
}
.order__features__item:last-child {
    margin-right: 0px;
}

.order__features__item:last-child::after {
	display: none;
}

/* end section.order */

/* section.our-features */
.our-features {
	margin-bottom: 70px;
}
.our-features__title,
.our-clients__title,
.reviews__title,
.feedback__title {
	font-family: "PF Din CompPro Light";
    text-align: center;
    font-size: 36px;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    font-weight: bolder;
    margin-bottom: 36px;
}
.our-features__items {
	list-style: none;
	margin: 0 0 52px 38px;
	line-height: 1.6;
	-moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
}
.our-features__item {
	font-family: Tahoma, sans-serif;
	font-size: 14px;
}
.our-features__details {
	background-color: #ccc;
	padding: 38px;
}
.our-features__detail-wrap {
	float: left;
    width: 50%;
}
.our-features__detail {
	height: 110px;
    margin-bottom: 15px;
}
.our-features__detail img {
	border-radius: 50%;
	float: left;
}
.our-features__detail__text {
	font-family: Tahoma, sans-serif;
	margin-left: 120px;
}
.our-features__detail-wrap:last-child .our-features__detail__text {
	margin-left: 144px;
}
.our-features__detail__title {
	padding-top: 17px;
	margin-bottom: 20px;
}
.our-features__detail:nth-child(2) .our-features__detail__title {
	padding-top: 21px;
}
.our-features__detail:nth-child(3) .our-features__detail__title {
	padding-top: 9px;
}
.clear::after {
	content: '';
	display: table;
	clear: both;
}
/* end section.our-features */

/* section.vimeo-video */
.vimeo-video {
	text-align: center;
	margin-bottom: 70px;
}
/* end section.vimeo-video */

/* section.our-clients */
.our-clients {
	text-align: center;
	margin-bottom: 50px;
}
/* end section.our-clients */

/* section.reviews */
.reviews {
	margin-bottom: 70px;
}
.reviews__items {
	width: 515px;
	margin: 0 auto;
}
.reviews__item {
	width: 514px;
	height: 50px;
	margin: 0 auto;
}
.reviews__item blockquote {
	font-family: "PF Din CompPro Italic";
    text-indent: 15px;
    position: relative;
    padding: 20px 10px;
    font-size: 22px;
    text-align: justify;
    line-height: 1.3em;
}
.reviews__item blockquote::before {
    position: absolute;
    top: 8px;
    left: -9px;
    content: '';
    display: block;
    float: left;
    width: 35px;
    height: 29px;
    background: url(data:image/png;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYxNDIyMzc1MDIzNzExRTZCRDk4QTE0ODc3NEYwQUJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYxNDIyMzc2MDIzNzExRTZCRDk4QTE0ODc3NEYwQUJFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjE0MjIzNzMwMjM3MTFFNkJEOThBMTQ4Nzc0RjBBQkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjE0MjIzNzQwMjM3MTFFNkJEOThBMTQ4Nzc0RjBBQkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAGBAQEBQQGBQUGCQYFBgkLCAYGCAsMCgoLCgoMEAwMDAwMDBAMDg8QDw4MExMUFBMTHBsbGxwfHx8fHx8fHx8fAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAAdACMDAREAAhEBAxEB/8QAbAAAAgIDAQAAAAAAAAAAAAAAAAQCBgMFBwgBAQAAAAAAAAAAAAAAAAAAAAAQAAEDAwEECAcBAAAAAAAAAAECAwQAEQUSIYETBkFRYSJiMxQHMZEyUnIVJRYRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/APVNAs/k8bHkNxn5bLUh3ymVuJStX4pJuaCcudChNcaZIbjM3txHlpbTfquogUGRp1p1tLjS0uNrF0rSQUkdYIoJUBQcB9y8fkovNs16WlXDlL4kV7bpU2AAAD4BYGg3fuVjc8vBcvzpQW40xDQ3LVtOh9QTcr7VbBfrFBaPZsS/8q4XieAZS/TA/bpTqt2a7770F7oCgp/MXJEvO81wshMea/UQkpAi94rWQSs32abKVYHb8BQN8+cuZTmHFN46C+1HQXQ5IU7q7yUjupGkHpN91BusRi42KxkbHRhZmM2EJPSSPqUe1RuTQN0BQFAUBQJ/z/VdPH9T4vO9P8vJ3b6D/9k=) no-repeat;
}
.reviews__author {
	float: right;
}
.reviews__author img {
	float: left;
	margin-right: 50px;
	margin-bottom: 10px;
}
.reviews__author__name {
	font-size: 22px;
	line-height: 1;
}
.slick-active {
	border: none;
}
.slick-current {
	border: none;
}
/* section.feedback */
.feedback {
	margin-bottom: 60px;
	padding: 25px 0;
    border: 4px solid #ccc;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.feedback__title {
	margin-bottom: 28px;
}
.feedback__form {
	font-family: Tahoma, sans-serif;
	margin: 0 auto;
	width: 477px;
}
.feedback__form p {
	font-family: Tahoma, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 6px;
}
.feedback__form textarea {
	width: 497px;
    height: 168px;
    overflow-y: scroll;
    margin-bottom: 15px;
	border: 2px solid #ccc;
}
.feedback__form input[type=file] {
	font-size: 11px;
	margin-bottom: 41px;
}
.feedback__form input[type=submit] {
	width: 255px;
}
/* end section.feedback */

/* div.order__form--popup */
.order__form--popup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 11;
	width: 100%;
	height:100%;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAyCAYAAACd+7GKAAAAD0lEQVR4AWMwcvQ8MyIJADePTJGS9qTrAAAAAElFTkSuQmCC);
}
.order__form--popup .order__form {
	width: 900px;
	height: 470px;
	margin: 0 auto;
}
.order__form__inputs-wrapper {
	margin: 50px 0 50px 200px;
}
.order__form--popup input[type=text],
.order__form--popup input[type=email],
.order__form--popup input[type=tel] {
	width: 500px;
	margin-bottom: 30px;
}
.close-popup {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAQAAADY4iz3AAABJElEQVR4AU1Ow0ItQACdZ5vItm3btq+dbdtt8y9kt8l2f9Emnya/sxkcEkJY6oxmo3/kAVwdRqPTN3rhaFdutoA7Y/D7lmBpluyWgTnqpkREPY0oQhWYs3qU5KiXHOQhE+WI7CCymukb5chDKeJHwxxKNwuQTe8xk99UaYSPonC9mJK5yDhNhYh6IsbefCe3cFdgzQsuE5EIBgQXvsMvfpBHJLgyThLBggDCIymt/wiOTuoaA0zwIUYGkiZM/9wTaimHCTRMCOFJBrLoOvaMEV1LuLqS7TjEQwS/QSV73mopStEE8bSVGonuSkI0jfIfffX1epBkpRHN6Aazg3xWDVoWwH/69c/beDflnK1+CEd/KtHHV0Xbpvd/H0cFqAXVf/pFyBXsMomyJka5ygAAAABJRU5ErkJggg==) no-repeat center;
    width: 13px;
    height: 13px;
    float: right;
    display: block;
    margin: 25px;
}
/* end div.order__form--popup */
@media (max-width: 900px) {
	.order__form--popup {
		display: -webkit-box;
    	display: -webkit-flex;
    	display: -ms-flexbox;
		display: flex;
	}
	.order__form--popup .order__form {
	    width: 100%;
	    height: auto;
	    margin: 0 auto;
	    z-index: 12;
	    margin: auto;
	}
	.order__form__inputs-wrapper {
		margin: 5% 0 5% 20%;
	}
	.order__form--popup input[type=text],
	.order__form--popup input[type=email],
	.order__form--popup input[type=tel] {
		width: 75%;
		margin-bottom: 30px;
	}
	.order__form--popup input[type=submit] {
		width: 170px;
	}
	.close-popup {
		margin: 5px;
	} 
	
	
}
@media (max-width: 899px) {
	.main-nav__item {
		margin-right: 16px;
	}
}
/* стили только для IE10 IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.slogan__title {
	    font-size: 78px;
	}
	.order__form__title {
		font-size: 37px;
	}
	.order__form__asterisk-input::after {
		margin: 1px 0px 0px -15px;
	}
}

.main-nav__toggle {
  display: none;
 }
 

@-webkit-keyframes shadowPulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 var(--box-shadow-color);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px var(--box-shadow-color-opacity);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 var(--box-shadow-color-opacity);
    }
}

@keyframes shadowPulse {
    0% {
        -moz-box-shadow: 0 0 0 0 var(--box-shadow-color);
        box-shadow: 0 0 0 0 var(--box-shadow-color);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px var(--box-shadow-color-opacity);
        box-shadow: 0 0 0 10px var(--box-shadow-color-opacity);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 var(--box-shadow-color-opacity);
        box-shadow: 0 0 0 0 var(--box-shadow-color-opacity);
    }
}

@-webkit-keyframes borderPulse {
    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2, 2);
        transform: scale(2, 2);
        opacity: 0
    }
}

@keyframes borderPulse {
    50% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(2, 2);
        transform: scale(2, 2);
        opacity: 0
    }
}
 
#msg_widget {
	right: 20px;
	border: none;
	position: fixed;
	bottom: 20px;
	padding-bottom: 10px;
	z-index: 9001;
}
#msg_widget .widget {
	display: inline-block;
	vertical-align: bottom;
	position: relative;
	text-align: left;
	bottom: 15px;
}
.line-button {
	display: block; 
	width: 75px; 
	height: 75px; 
	position: relative;
	cursor: pointer;
	float:right;
}
.shadow_pulse {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	-webkit-animation: shadowPulse infinite 1.5s;
	animation: shadowPulse 1.5s infinite;
	--box-shadow-color:rgba(3,153,3,0.4); 
	--box-shadow-color-opacity:rgba(3,153,3,0);
}
.border_pulse {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border: 1px solid rgb(3, 153, 3);
	border-radius: 50%;
	-webkit-animation: borderPulse infinite 1.5s;
	animation: borderPulse infinite 1.5s;
}
#msg_widget__button_wrap {
	position: relative;
	width: 100%;
	height: 100%;
	transform: scale(0);
	-webkit-transition: transform 0.2s ease-out;
	-moz-transition: transform 0.2s ease-out;
	-o-transition: transform 0.2s ease-out;
	transition: transform 0.2s ease-out;
	
	transform: scale(1);
	
	-moz-animation-name: rotate-btn;
	-moz-animation-duration: 0.35s;
	-webkit-animation-name: rotate-btn;
	-webkit-animation-duration: 0.35s;
	animation-name: rotate-btn;
	animation-duration: 0.35s;

	-moz-animation-timing-function: ease;
	-moz-animation-direction: normal;
	-moz-animation-delay: 0s;
	-moz-animation-play-state: running;
	-moz-animation-fill-mode: forwards;

	-webkit-animation-timing-function: ease;
	-webkit-animation-direction: normal;
	-webkit-animation-delay: 0s;
	-webkit-animation-play-state: running;
	-webkit-animation-fill-mode: forwards;

	animation-timing-function: ease;
	animation-direction: normal;
	animation-delay: 0s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
#icon_inner {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-size: contain;
}
.icon-whatsapp {
	background: url("/img/icon_whatsapp.svg") no-repeat;
}