@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i&subset=cyrillic,latin);
@import url(https://fonts.googleapis.com/css?family=Ubuntu&display=swap&subset=cyrillic,latin);
@import url(https://fonts.googleapis.com/css?family=Kaushan+Script&display=swap&subset=cyrillic,latin);
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow&display=swap&subset=cyrillic,latin);
@import url(https://fonts.googleapis.com/css?family=Ubuntu+Condensed&display=swap&subset=cyrillic,latin);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i&subset=cyrillic,latin);

.hlp-site {
	text-align: left;
	font-family: "PT Sans";
	color: rgb(40, 58, 69);
}

.hlp-site .hlp-section-content {
	width: 1200px;
}

h2 {
	font-size: 48px;
	font-size: 3rem;
	font-family: Ubuntu;
	font-weight: 700;
	text-transform: uppercase;
}

h3 {
	font-family: Ubuntu;
	font-weight: 400;
	text-transform: uppercase;
}

.hlp-but {
	width: 220px;
	padding-bottom: 8px;
	font-size: 18px;
	font-size: 1.13rem;
	font-family: Ubuntu;
	font-weight: 400;
	color: rgb(40, 58, 69);
	text-transform: uppercase;
	background-color: rgba(232, 191, 0, 1);
	border-radius: 0px;
}

.hlp-but:hover {
	color: rgb(241, 241, 241);
	background-color: rgba(40, 58, 69, 1);
}

.hlp-nav-panel-mobile {
	width: 240px;
	background-color: rgb(50,50,50);
}

.hlp-nav-mobile {
	margin-top: 8%;
}

.section-header {
	position: absolute;
	z-index: 300;
	background-color: transparent;
}

.hlp-section-fixed.section-header, .hlp-section-fixed .section-header {
	background-color: rgba(40, 58, 69, 1);
}

.section-header > .hlp-section-content {
	padding-top: 1px;
	padding-bottom: 1px;
}

.block-5 {
	position: relative;
	z-index: 5;
	width: 220px;
	float: left;
}

.image-2 {
	width: 32px;
	float: left;
	margin-top: 1px;
	padding-top: 0px;
	padding-bottom: 0px;
	animation-delay: 1s;
}

.text-2 {
	width: 180px;
	float: left;
	margin-top: 1px;
	padding-left: 5px;
	text-align: left;
	font-size: 20px;
	font-size: 1.25rem;
	font-family: "Kaushan Script";
	color: rgb(232, 235, 236);
	animation-delay: 1s;
}

.hlp-section-fixed.text-2, .hlp-section-fixed .text-2 {
	color: rgb(255, 255, 255);
}

.nav-1 {
	position: relative;
	z-index: 5;
	width: 600px;
	margin-left: auto;
	font-size: 18px;
	font-size: 1.13rem;
	animation-delay: 1s;
}

.nav-1 .hlp-nav-item {
	margin-left: 15px;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 18px;
	font-size: 1.13rem;
	font-family: "PT Sans Narrow";
	font-weight: 400;
	color: rgb(232, 235, 236);
	text-transform: uppercase;
	border-radius: 3px;
}

.hlp-section-fixed.nav-1 .hlp-nav-item, .hlp-section-fixed .nav-1 .hlp-nav-item {
	font-weight: 400;
	color: rgb(255, 255, 255);
}

.nav-1 .hlp-nav-item:hover {
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: 400;
	text-decoration: none;
	color: rgb(253, 247, 224);
	border-color: transparent;
	border-width: 0px;
	border-style: none;
	border-radius: 0px;
}

.nav-1 .hlp-nav-item[data-hlp-chosen="true"] {
	font-weight: 400;
	color: rgb(232, 191, 0);
	border-width: 1px;
	border-style: solid;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
}

.hlp-nav-button-mobile {
	display: none;
	width: 37px;
}

.section-main {
	background-size: cover;
	background-attachment: fixed;
	background-color: transparent;
	transition: transform 10ms linear;
	background-image: url(../images/9932/myportfolio_images/work_computer_02.jpg);
	background-position: center top;
}

.section-main > .hlp-section-bg-mask {
	background-color: rgba(40, 58, 69, 0.76);
}

.section-main > .hlp-section-content {
	min-height: 90vh;
	padding-top: 1px;
	padding-bottom: 1px;
}

.block-heading-main {
	width: 800px;
	margin-top: 25vh;
	margin-left: auto;
	margin-right: auto;
	border: 6px solid rgba(232, 191, 0, 1);
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
	animation-delay: 0.3s;
}

.heading-1 {
	position: relative;
	z-index: 5;
	width: 800px;
	margin-top: 0vh;
	margin-left: auto;
	padding-left: 15px;
	text-align: left;
	font-size: 60px;
	font-size: 3.75rem;
	font-family: Ubuntu;
	font-weight: 400;
	color: rgb(255, 255, 255);
	text-transform: uppercase;
}

.text-1 {
	position: relative;
	z-index: 5;
	width: 420px;
	margin-top: 20px;
	padding-left: 15px;
	text-align: left;
	font-size: 32px;
	font-size: 2rem;
	font-family: "Ubuntu Condensed";
	color: rgb(197, 212, 220);
	text-transform: uppercase;
}

.form-4 {
	width: 758px;
	min-height: 60px;
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 68px;
}

.hlp-site .form-main {
	margin-top: 80px;
	margin-left: auto;
	margin-right: 0px;
	border-color: rgba(197, 212, 220, 1);
	border-width: 1px;
	border-style: none;
	border-radius: 0px;
	animation-delay: 2s;
	animation-duration: 1s;
}

.sec-form-title-1 {
	text-align: left;
	font-size: 24px;
	font-size: 1.5rem;
	letter-spacing: 0px;
	font-weight: 400;
	color: rgb(253, 247, 224);
}

.sec-form-subtitle-1 {
	margin-top: 15px;
	font-size: 18px;
	font-size: 1.13rem;
	color: rgb(253, 247, 224);
}

.row-8 {
	margin-top: 25px;
	margin-bottom: 5px;
}

.row-8 > .hlp-col {
	margin-bottom: 0px;
}

.form-4 .input {
	min-height: 0px;
	padding-top: 13px;
	padding-bottom: 12px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 16px;
	background-color: rgb(255,255,255);
	border: 1px solid rgba(200, 200, 200, 1);
}

.hlp-site .form-main .input {
	padding-top: 8px;
	padding-bottom: 8px;
	font-family: "PT Sans";
}

.hlp-site .form-main .input:focus {
	color: rgb(40, 58, 69);
}

.form-4 .submit {
	padding-top: 13px;
	padding-bottom: 12px;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 600;
	color: rgb(255, 255, 255);
	background-color: rgba(52, 152, 219, 1);
	border: 1px solid transparent;
	border-radius: 0px;
}

.hlp-site .form-main .submit {
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 18px;
	font-size: 1.13rem;
	font-family: Ubuntu;
	font-weight: 700;
	color: rgb(40, 58, 69);
	text-transform: uppercase;
	background-color: rgba(232, 191, 0, 1);
}

.hlp-site .form-main .submit:hover {
	color: rgb(255, 255, 255);
	background-color: rgba(127, 127, 127, 1);
}

.section-about > .hlp-section-content {
	min-width: 0px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.block-2 {
	width: 750px;
	margin-top: 30px;
	animation-delay: 0.1s;
	animation-duration: 1s;
}

.block-3 {
	position: relative;
	z-index: 2;
	width: 90px;
	min-height: 90px;
	float: none;
	background-color: rgba(197, 212, 220, 0.51);
}

.heading-2 {
	position: relative;
	z-index: 10;
	width: 475px;
	float: none;
	margin-top: -70px;
	margin-left: 20px;
	padding-left: 0px;
	text-align: left;
	text-shadow: rgb(232, 235, 236) 100px 25px 0px;
}

.heading-3 {
	position: relative;
	z-index: 5;
	width: 500px;
	margin-top: 25px;
	padding-left: 20px;
	font-weight: 700;
	color: rgb(127, 127, 127);
}

.block-4 {
	position: relative;
	z-index: 5;
	width: 60px;
	min-height: 6px;
	margin-top: 5px;
	margin-left: 20px;
	background-color: rgba(232, 191, 0, 1);
}

.row-1 {
	margin-top: 40px;
}

.row-1 > .hlp-col {
	margin-bottom: 0px;
}

.image-12 {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	background-color: transparent;
	box-shadow: rgba(197, 212, 220, 0.51) 15px 15px 0px 0px;
	background-position: center center;
}

.text-3 {
	width: 85%;
	margin-top: 30px;
	padding-left: 0px;
	padding-right: 0px;
	line-height: 1.5;
	letter-spacing: 0px;
}

.heading-4 {
	margin-top: 60px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 700;
	background-color: transparent;
}

.row-2 {
	margin-top: 30px;
}

.row-2 > .hlp-col {
	margin-bottom: 0px;
}

.image-1 {
	width: 64px;
	margin-left: auto;
	margin-right: auto;
}

.heading-10 {
	width: 500px;
	margin-top: 20px;
	padding-bottom: 0px;
	text-align: center;
	font-weight: 700;
	color: rgb(127, 127, 127);
}

.hlp-site .block-why {
	min-height: 6px;
	margin-left: auto;
	margin-right: auto;
}

.text-4 {
	margin-top: 30px;
	text-align: center;
}

.image-3 {
	width: 64px;
	margin-left: auto;
	margin-right: auto;
}

.text-20 {
	margin-top: 30px;
	text-align: center;
}

.image-4 {
	width: 64px;
	margin-left: auto;
	margin-right: auto;
}

.text-6 {
	margin-top: 30px;
	text-align: center;
}

.button-1 {
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	font-weight: 700;
}

.section-portfolio {
	background-color: rgba(232, 235, 236, 0.21);
}

.section-portfolio > .hlp-section-content {
	padding-top: 30px;
	padding-bottom: 30px;
}

.row-11 {
	margin-top: 40px;
	animation-delay: 0.3s;
	animation-duration: 1.5s;
}

.row-11 > .hlp-col {
	margin-bottom: 30px;
}

.block_parent {
	width: 290px;
	min-height: 290px;
	margin-left: auto;
	margin-right: auto;
	background-size: cover;
	opacity: 1;
	background-image: url(../images/9932/myportfolio_images/carinsulation_01.png);
	background-position: center center;
}

.block_child {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	z-index: 100;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: rgba(40, 58, 69, 0.51);
	opacity: 0;
	transition: all 1.2s ease 0s;
	background-image: none;
	background-position: center center;
}

.block_parent:hover .block_child {
	opacity: 1;
}

.block_child:hover {
	opacity: 1;
}

.text-18 {
	width: 85%;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 22px;
	font-size: 1.38rem;
	color: rgb(232, 191, 0);
	text-transform: uppercase;
	background-position: left top;
}

.block_child:hover .text-18 {
	background-color: transparent;
	opacity: 1;
}

.text-18:hover {
	opacity: 1;
}

.text-18[data-hlp-chosen="true"] {
	opacity: 1;
}

.text-19 {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 18px;
	font-size: 1.13rem;
	color: rgb(232, 235, 236);
	text-transform: none;
	opacity: 1;
}

.button-9 {
	width: 160px;
	margin-top: 23px;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	font-size: 1rem;
	background-color: rgba(244, 223, 128, 1);
	border: 1px solid rgba(244, 223, 128, 1);
	opacity: 1;
}

.button-9:hover {
	color: rgb(244, 223, 128);
	background-color: transparent;
	border-color: rgba(244, 223, 128, 1);
	border-width: 1px;
	border-style: solid;
}

.hlp-site .block_parent-1 {
	background-image: url(../images/9932/myportfolio_images/forest_lagoon_02.png);
}

.hlp-site .block_parent-2 {
	background-image: url(../images/9932/myportfolio_images/stylist_01.png);
}

.hlp-site .block_parent-3 {
	background-image: url(../images/9932/myportfolio_images/funcarousel_01.png);
}

.hlp-site .block_parent-4 {
	background-image: url(../images/9932/myportfolio_images/appraiserauto_01.png);
}

.hlp-site .block_parent-5 {
	background-image: url(../images/9932/myportfolio_images/lovelyiris_01.png);
}

.hlp-tabs-2 {
	margin-bottom: 30px;
}

.button-6 {
	margin-left: auto;
	margin-right: auto;
	font-weight: 700;
	text-decoration: none;
	color: rgb(40, 58, 69);
	background-color: transparent;
	border: 2px solid rgba(40, 58, 69, 1);
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
}

.button-6:hover {
	color: rgb(127, 127, 127);
	background-color: transparent;
	border-color: rgba(127, 127, 127, 1);
}

.row-12 {
	margin-top: 0px;
}

.row-12 > .hlp-col {
	min-height: 0px;
	margin-bottom: 30px;
}

.hlp-site .block_parent-6 {
	opacity: 1;
	background-image: url(../images/9932/myportfolio_images/termopaneli_site_1.jpg);
	background-position: center center;
}

.hlp-site .block_parent-6:hover {
	opacity: 1;
}

.hlp-site .block_parent-7 {
	opacity: 1;
	background-image: url(../images/9932/myportfolio_images/ladysbags_03.jpg);
	background-position: center center;
}

.hlp-site .block_parent-7:hover {
	opacity: 1;
}

.button-7 {
	margin-left: auto;
	margin-right: auto;
	font-weight: 700;
	text-decoration: none;
	color: rgb(40, 58, 69);
	background-color: transparent;
	border: 2px solid rgba(40, 58, 69, 1);
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	animation-delay: 0.3s;
	animation-duration: 1.5s;
}

.button-7:hover {
	color: rgb(127, 127, 127);
	background-color: transparent;
	border-color: rgba(127, 127, 127, 1);
}

.section-customers > .hlp-section-content {
	padding-top: 30px;
	padding-bottom: 30px;
}

.row-4 {
	margin-top: 40px;
}

.row-4 > .hlp-col {
	margin-bottom: 30px;
	background-color: transparent;
}

.text-7 {
	width: 632px;
	padding-left: 70px;
	text-align: left;
	font-size: 18px;
	font-size: 1.13rem;
	font-family: Ubuntu;
	font-weight: 700;
	color: rgb(40, 58, 69);
	text-transform: uppercase;
	background-image: url(../images/9932/myportfolio_images/paper-plane_64.png);
	background-position: left center;
}

.hlp-site .text-customers-1 {
	margin-top: 0px;
	margin-left: auto;
	margin-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 75px;
	font-size: 25px;
	font-size: 1.56rem;
}

.text-span-5 {
	font-size: 56px;
	font-size: 3.5rem;
	color: rgb(232, 235, 236);
}

.text-5 {
	margin-top: 5px;
	font-size: 20px;
	font-size: 1.25rem;
	font-family: Ubuntu;
	font-weight: 700;
	text-transform: uppercase;
}

.text-8 {
	margin-top: 10px;
}

.button-3 {
	margin-top: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-weight: 700;
}

.hlp-site .button-message {
	margin-top: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 700;
	background-color: transparent;
	border-color: rgba(40, 58, 69, 1);
	border-width: 2px;
	border-style: solid;
}

.hlp-site .button-message:hover {
	color: rgb(127, 127, 127);
	background-color: transparent;
	border-color: rgba(127, 127, 127, 1);
}

.hlp-site .customers-2 {
	width: 621px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 75px;
	font-size: 24px;
	font-size: 1.5rem;
	background-image: url(../images/9932/myportfolio_images/smartphone.png);
	background-position: left top;
}

.hlp-site .customers-3 {
	width: 621px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 75px;
	font-size: 24px;
	font-size: 1.5rem;
	background-image: url(../images/9932/myportfolio_images/meeting_64.png);
	background-position: left top;
}

.hlp-site .customers-4 {
	width: 621px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 75px;
	font-size: 24px;
	font-size: 1.5rem;
	background-image: url(../images/9932/myportfolio_images/task-complete_64.png);
	background-position: left top;
}

.hlp-site .customer-5 {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 24px;
	font-size: 1.5rem;
	background-image: url(../images/9932/myportfolio_images/numbered-list_64.png);
	background-position: left center;
}

.hlp-site .customer-6 {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 24px;
	font-size: 1.5rem;
	background-image: url(../images/9932/myportfolio_images/manager_64.png);
	background-position: left top;
}

.button-2 {
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	font-weight: 700;
}

.section-services {
	background-color: rgba(232, 235, 236, 0.21);
}

.section-services > .hlp-section-content {
	padding-top: 30px;
	padding-bottom: 30px;
}

.block-9 {
	margin-top: 40px;
}

.row-7 {
	width: 70%;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

.row-7 > .hlp-col {
	margin-bottom: 0px;
}

.block-10 {
	background-color: transparent;
	border: 2px solid transparent;
}

.block-10:hover {
	background-color: transparent;
	border-color: rgba(197, 212, 220, 0.51);
	border-width: 2px;
	border-style: solid;
}

.block-10[data-hlp-chosen="true"] {
	background-color: rgba(197, 212, 220, 0.51);
	border-color: rgba(232, 235, 236, 1);
	border-width: 2px;
}

.image-7 {
	width: 64px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}

.heading-8 {
	width: 500px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}

.hlp-tabs-1 {
	margin-top: 30px;
	margin-bottom: 40px;
}

.row-6 {
	margin-top: 0px;
}

.row-6 > .hlp-col {
	margin-bottom: 0px;
}

.image-6 {
	width: 69%;
	margin-left: auto;
	margin-right: auto;
}

.heading-6 {
	font-weight: 700;
	color: rgb(127, 127, 127);
}

.hlp-ul-1 {
	width: 400px;
	margin-top: 10px;
}

.heading-7 {
	margin-top: 15px;
	font-weight: 700;
	color: rgb(127, 127, 127);
}

.hlp-ol-1 {
	padding-left: 20px;
}

.text-9 {
	margin-top: 10px;
}

.section-testimonials > .hlp-section-content {
	padding-top: 30px;
	padding-bottom: 30px;
}

.row-3 {
	width: 80%;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
}

.row-3 > .hlp-col {
	margin-bottom: 0px;
}

.tstm-author-photo-3 {
	width: 90%;
	border-radius: 0px;
}

.hlp-site .tstm-text-col-l[class] {
	margin-bottom: 0px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: rgba(232, 235, 236, 1);
	border-color: rgba(67, 160, 220, 1);
	border-width: 6px;
	border-style: none;
	border-radius: 0px;
}

.block-13 {
	width: 30px;
	margin-top: -31px;
	margin-left: auto;
	margin-right: auto;
	background-color: rgba(229, 229, 229, 1);
	opacity: 0;
	transform: rotate(45deg);
}

.tstm-arrow {
	position: absolute;
	top: 70px;
	left: -15px;
	z-index: 10;
	width: 30px;
	color: rgb(232, 235, 236);
	background-color: rgba(232, 235, 236, 1);
	transform: rotate(45deg);
}

.tstm-text-3 {
	position: relative;
	z-index: 15;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: left;
	line-height: 1.38;
	font-style: italic;
	opacity: 1;
	background-image: none;
	background-position: center center;
}

.tstm-author--wrap {
	margin-top: 15px;
	padding-left: 10px;
	border: 3px solid rgba(232, 191, 0, 1);
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}

.tstm-author-3 {
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: left;
	line-height: 1.45;
	text-transform: none;
}

.row-13 {
	width: 80%;
	margin-top: 40px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}

.row-13 > .hlp-col {
	margin-bottom: 0px;
}

.tstm-author-photo-r {
	width: 90%;
	margin-left: auto;
	border-radius: 0px;
}

.hlp-site .tstm-text-col-r[class] {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: rgba(232, 235, 236, 1);
	border-radius: 0px;
}

.tstm-arrow-r {
	position: absolute;
	top: 70px;
	right: -15px;
	z-index: 10;
	width: 30px;
	background-color: rgba(232, 235, 236, 1);
	transform: rotate(45deg);
}

.section-contacts {
	background-color: rgba(67, 90, 102, 1);
}

.section-contacts > .hlp-section-content {
	padding-top: 30px;
	padding-bottom: 30px;
}

.block-3-contacts {
	position: relative;
	z-index: 2;
	width: 90px;
	min-height: 90px;
	background-color: rgba(127, 127, 127, 1);
}

.hlp-site .heading-2-contacts {
	margin-top: -70px;
	margin-left: 20px;
	color: rgb(232, 235, 236);
	text-shadow: rgb(54, 76, 88) 100px 25px 0px;
}

.hlp-site .heading-5 {
	color: rgb(197, 212, 220);
}

.text-11 {
	width: 57%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 18px;
	font-size: 1.13rem;
	color: rgb(255, 255, 255);
}

.image-9 {
	width: 64px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: transparent;
}

.image-9:hover {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: rgba(40, 58, 69, 1);
}

.image-8 {
	width: 32px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}

.form-1 {
	width: 65%;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	background-color: rgba(67, 90, 102, 1);
	border-radius: 0px;
}

.hlp-site .form-feedback {
	margin-top: 30px;
	margin-bottom: 30px;
}

.form-1 .input {
	margin-top: 10px;
	padding-top: 6px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 15px;
	font-family: "PT Sans";
	color: rgb(197, 212, 220);
	background-color: rgba(67, 90, 102, 1);
	border: 1px solid rgba(197, 212, 220, 1);
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	border-radius: 0px;
}

.form-1 .input::-webkit-input-placeholder {color: rgba(197, 212, 220, 1);}
.form-1 .input::-moz-placeholder {color: rgba(197, 212, 220, 1);}
.form-1 .input:-moz-placeholder {color: rgba(197, 212, 220, 1);}
.form-1 .input:-ms-input-placeholder {color: rgba(197, 212, 220, 1);}

.form-1 .input:hover {
	color: rgb(197, 212, 220);
}

.form-1 .input:active {
	color: rgb(197, 212, 220);
	background-color: transparent;
	border-color: rgba(197, 212, 220, 1);
}

.form-1 .input:focus {
	color: rgb(40, 58, 69);
	background-color: rgba(197, 212, 220, 1);
	border-color: rgba(244, 223, 128, 1);
}

.hlp-site .form-feedback .input {
	margin-top: 10px;
	margin-bottom: 0px;
}

.block-11 {
	margin-top: 10px;
}

.hlp-site .intl[class] {
	margin-top: 0px;
}

.text-13 {
	display: none;
	text-align: center;
	color: rgb(253, 247, 224);
}

.text-14 {
	text-align: center;
	color: rgb(244, 223, 128);
}

.form-1 .submit {
	width: 200px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 8px;
	padding-bottom: 7px;
	font-size: 18px;
	font-size: 1.13rem;
	font-family: Ubuntu;
	color: rgb(40, 58, 69);
	text-transform: uppercase;
	background-color: rgba(232, 191, 0, 1);
	border-radius: 0px;
}

.form-1 .submit:hover {
	color: rgb(253, 247, 224);
	background-color: rgba(127, 127, 127, 1);
}

.hlp-site .form-feedback .submit {
	margin-top: 30px;
	margin-bottom: 20px;
	padding-top: 15px;
	padding-bottom: 17px;
	font-weight: 700;
}

.section-footer {
	display: block;
	position: relative;
	z-index: 200;
	background-color: rgba(40, 58, 69, 1);
}

.section-footer > .hlp-section-content {
	padding-top: 5px;
	padding-bottom: 5px;
}

.row-5 {
	margin-top: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.row-5 > .hlp-col {
	margin-bottom: 0px;
}

.block-8 {
	width: 52%;
	margin-left: auto;
	margin-right: auto;
}

.hlp-site .footer {
	float: none;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

.text-10 {
	width: 221px;
	float: none;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	text-align: center;
	font-size: 14px;
	font-size: 0.88rem;
	font-family: Ubuntu;
	color: rgb(197, 212, 220);
}

.block-6 {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	width: 40px;
	min-height: 40px;
	float: left;
	border: 4px solid rgba(232, 191, 0, 1);
	border-bottom-style: none;
	border-right-style: none;
}

.block-6-footer {
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 100;
	width: 40px;
	min-height: 40px;
	float: none;
	border: 4px solid rgba(232, 191, 0, 1);
	border-top-style: none;
	border-left-style: none;
}

.button-4 {
	display: none;
	position: fixed;
	bottom: 5px;
	right: 5px;
	z-index: 1000;
	width: 50px;
	min-height: 50px;
	background-color: rgba(244, 223, 128, 1);
	background-image: url(../images/9932/myportfolio_images/expand-arrow_32.png);
	background-position: center center;
}

.button-4:hover {
	background-color: rgba(127, 127, 127, 1);
}

.hlp-site .button-up {
	display: none;
	background-color: rgba(232, 191, 0, 0.51);
}

.hlp-site .button-up:hover {
	background-color: rgba(127, 127, 127, 1);
}

.modal-1 {
	width: 550px;
	margin-top: 30px;
	background-color: rgba(255, 255, 255, 1);
}

.modal-1 > .but-modal-close {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 1000;
	width: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: rgba(232, 191, 0, 1);
}

.modal-1 > .but-modal-close:hover {
	background-color: rgba(127, 127, 127, 1);
}

.text-16 {
	width: 342px;
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	font-size: 18px;
	font-size: 1.13rem;
	font-family: Ubuntu;
	font-weight: 700;
}

.hlp-site .block-modal {
	margin-left: auto;
	margin-right: auto;
}

.form-2 {
	width: 350px;
	margin-top: 40px;
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	color: rgb(40, 58, 69);
	background-color: rgba(255, 255, 255, 1);
	border-radius: 4px;
}

.form-2 .input {
	margin-top: 10px;
	padding-top: 6px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 15px;
	font-family: "PT Sans";
	color: rgb(40, 58, 69);
	background-color: rgb(255,255,255);
	border: 1px solid rgba(127, 127, 127, 1);
	border-radius: 0px;
}

.form-2 .input::-webkit-input-placeholder {color: rgba(127, 127, 127, 1);}
.form-2 .input::-moz-placeholder {color: rgba(127, 127, 127, 1);}
.form-2 .input:-moz-placeholder {color: rgba(127, 127, 127, 1);}
.form-2 .input:-ms-input-placeholder {color: rgba(127, 127, 127, 1);}

.form-2 .input:focus {
	background-color: rgba(232, 235, 236, 1);
	border-color: rgba(232, 235, 236, 1);
}

.form-2 .submit {
	width: 180px;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 16px;
	font-size: 1rem;
	font-family: Ubuntu;
	font-weight: 700;
	color: rgb(40, 58, 69);
	text-transform: uppercase;
	background-color: rgba(232, 191, 0, 1);
	border-radius: 0px;
}

.form-2 .submit:hover {
	color: rgb(255, 255, 255);
	background-color: rgba(127, 127, 127, 1);
}

.modal-2 {
	width: 700px;
	margin-top: 10px;
	background-color: rgb(255,255,255);
}

.modal-2 > .but-modal-close {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 100;
	width: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	background-attachment: scroll;
	background-color: rgba(232, 191, 0, 1);
}

.modal-2 > .but-modal-close:hover {
	background-color: rgba(127, 127, 127, 1);
}

@media screen and (max-width: 1024px), screen and (max-device-width: 1024px) {

	.hlp-nav-panel-mobile {
		background-color: rgba(40, 58, 69, 1);
	}

	.hlp-nav-mobile > .hlp-nav-item-mobile {
		margin-top: 20px;
		padding-top: 0px;
		padding-left: 15px;
		font-size: 22px;
		font-size: 1.38rem;
		font-family: Ubuntu;
		color: rgb(197, 212, 220);
		text-transform: uppercase;
	}

	.hlp-nav-mobile > .hlp-nav-item-mobile:active {
		color: rgb(232, 191, 0);
	}

	.hlp-nav-mobile > .hlp-nav-item-mobile[data-hlp-chosen="true"] {
		color: rgb(232, 191, 0);
	}

	.image-5 {
		width: 50px;
		margin-top: 15px;
		margin-bottom: 40px;
		margin-left: auto;
		margin-right: auto;
	}

	.nav-1 {
		display: none;
	}

	.hlp-nav-button-mobile {
		display: block;
		width: 40px;
		margin-top: 0px;
		margin-left: auto;
		margin-right: 0px;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px;
		background-color: rgba(232, 191, 0, 1);
	}

	.block-heading-main {
		width: 680px;
	}

	.heading-1 {
		font-size: 50px;
		font-size: 3.13rem;
	}

	.text-1 {
		font-size: 26px;
		font-size: 1.63rem;
	}

	.heading-2 {
		color: rgb(40, 58, 69);
	}

	.image-12 {
		width: 90%;
	}

	.text-3 {
		width: 85%;
	}

	.button-1 {
		margin-top: 20px;
	}

	.row-11 > .hlp-col {
		margin-bottom: 20px;
	}

	.row-7 {
		width: 80%;
	}

	.tstm-arrow {
		top: 55px;
	}

	.tstm-arrow-r {
		top: 55px;
	}

	.form-1 {
		width: 65%;
	}

	.hlp-site .form-feedback {
		margin-bottom: 20px;
	}

	.hlp-site .form-feedback .submit {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.hlp-site .footer {
		width: 24px;
	}

	.text-10 {
		width: 187px;
		margin-top: 5px;
		padding-left: 0px;
		text-align: center;
		font-size: 12px;
		font-size: 0.75rem;
	}

}

@media screen and (max-width: 799px), screen and (max-device-width: 799px) {

	.heading-1 {
		font-size: 48px;
		font-size: 3rem;
	}

	.text-1 {
		font-size: 24px;
		font-size: 1.5rem;
	}

	.form-4 {
		border-radius: 4px;
	}

	.row-8 {
		margin-top: 20px;
	}

	.row-8 > .hlp-col {
		margin-bottom: 20px;
	}

	.image-12 {
		width: 50%;
	}

	.text-3 {
		width: 85%;
		margin-left: auto;
		margin-right: auto;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 14px;
		font-size: 0.88rem;
	}

	.row-2 > .hlp-col {
		margin-bottom: 10px;
	}

	.heading-10 {
		width: 75%;
		margin-left: auto;
		margin-right: auto;
	}

	.text-4 {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		font-size: 14px;
		font-size: 0.88rem;
	}

	.text-20 {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		font-size: 14px;
		font-size: 0.88rem;
	}

	.text-6 {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		font-size: 14px;
		font-size: 0.88rem;
	}

	.row-11 > .hlp-col {
		margin-bottom: 20px;
	}

	.hlp-site .text-customers-1 {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}

	.row-7 {
		width: 90%;
	}

	.row-3 {
		width: 100%;
		margin-top: 30px;
	}

	.tstm-author-photo-3 {
		width: 90%;
	}

	.tstm-arrow {
		top: 40px;
		left: -10px;
	}

	.row-13 {
		width: 100%;
		margin-top: 50px;
	}

	.tstm-author-photo-r {
		width: 90%;
	}

	.tstm-arrow-r {
		top: 40px;
		right: -10px;
	}

	.text-11 {
		width: 65%;
	}

	.form-1 {
		width: 70%;
	}

	.hlp-site .form-feedback {
		margin-bottom: 20px;
	}

	.hlp-site .form-feedback .submit {
		margin-top: 30px;
		margin-bottom: 20px;
	}

	.block-8 {
		width: 66%;
	}

	.hlp-site .footer {
		width: 24px;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
	}

	.text-10 {
		width: 178px;
		margin-top: 5px;
		padding-left: 0px;
		text-align: center;
		font-size: 12px;
		font-size: 0.75rem;
	}

	.block-6 {
		top: 0px;
		left: 0px;
	}

}

@media screen and (max-width: 599px), screen and (max-device-width: 599px) {

	.heading-1 {
		font-size: 32px;
		font-size: 2rem;
	}

	.text-1 {
		font-size: 20px;
		font-size: 1.25rem;
	}

	.heading-2 {
		width: 434px;
		font-size: 40px;
		font-size: 2.5rem;
	}

	.heading-3 {
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
	}

	.image-12 {
		width: 60%;
	}

	.text-3 {
		width: 90%;
	}

	.row-2 {
		width: 85%;
		margin-left: auto;
		margin-right: auto;
	}

	.text-4 {
		width: 100%;
	}

	.text-20 {
		width: 100%;
	}

	.text-6 {
		width: 100%;
	}

	.button-1 {
		margin-left: auto;
		margin-right: auto;
	}

	.row-11 > .hlp-col {
		margin-bottom: 20px;
	}

	.row-12 > .hlp-col {
		padding-top: 20px;
	}

	.text-7 {
		width: 251px;
	}

	.hlp-site .text-customers-1 {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		font-size: 18px;
		font-size: 1.13rem;
	}

	.button-3 {
		margin-left: auto;
		margin-right: auto;
	}

	.hlp-site .customers-2 {
		font-size: 18px;
		font-size: 1.13rem;
	}

	.hlp-site .customers-3 {
		font-size: 18px;
		font-size: 1.13rem;
	}

	.hlp-site .customers-4 {
		font-size: 18px;
		font-size: 1.13rem;
	}

	.hlp-site .customer-5 {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		font-size: 18px;
		font-size: 1.13rem;
	}

	.hlp-site .customer-6 {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
		font-size: 18px;
		font-size: 1.13rem;
	}

	.row-7 {
		width: 80%;
	}

	.heading-6 {
		margin-top: 10px;
	}

	.row-3 {
		width: 90%;
	}

	.tstm-author-photo-3 {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
	}

	.hlp-site .tstm-text-col-l[class] {
		margin-top: 30px;
		padding-top: 15px;
		padding-bottom: 20px;
	}

	.block-13 {
		margin-top: -25px;
		opacity: 1;
	}

	.tstm-arrow {
		opacity: 0;
	}

	.tstm-text-3 {
		font-size: 15px;
		font-size: 0.94rem;
	}

	.tstm-author-3 {
		font-size: 20px;
		font-size: 1.25rem;
	}

	.row-13 {
		width: 90%;
	}

	.tstm-author-photo-r {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
	}

	.hlp-site .tstm-text-col-r[class] {
		margin-top: 30px;
		padding-bottom: 20px;
	}

	.tstm-arrow-r {
		opacity: 0;
	}

	.text-11 {
		width: 100%;
	}

	.form-1 {
		width: 80%;
	}

	.hlp-site .form-feedback {
		margin-bottom: 20px;
	}

	.hlp-site .form-feedback .submit {
		margin-top: 30px;
		padding-bottom: 15px;
	}

	.block-8 {
		margin-left: auto;
		margin-right: auto;
	}

	.hlp-site .footer {
		width: 16px;
	}

	.text-10 {
		width: 152px;
		margin-top: 5px;
		text-align: center;
		font-size: 10px;
		font-size: 0.63rem;
	}

	.block-6 {
		width: 30px;
		min-height: 30px;
	}

	.block-6-footer {
		width: 30px;
		min-height: 30px;
	}

}

@media screen and (max-width: 429px), screen and (max-device-width: 429px) {

	.heading-1 {
		font-size: 32px;
		font-size: 2rem;
	}

	.text-1 {
		font-size: 20px;
		font-size: 1.25rem;
	}

	.sec-form-title-1 {
		width: 100%;
	}

	.heading-2 {
		width: 273px;
		margin-left: 10px;
		font-size: 28px;
		font-size: 1.75rem;
		text-shadow: rgb(232, 235, 236) 85px 15px 0px;
	}

	.heading-3 {
		width: 100%;
		margin-top: 44px;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 10px;
		font-size: 16px;
		font-size: 1rem;
	}

	.block-4 {
		margin-left: 10px;
	}

	.image-12 {
		width: 90%;
	}

	.text-3 {
		width: 100%;
	}

	.row-2 {
		width: 100%;
	}

	.heading-10 {
		width: 100%;
	}

	.text-4 {
		width: 100%;
	}

	.text-20 {
		width: 100%;
	}

	.text-6 {
		width: 100%;
	}

	.row-11 {
		margin-top: 30px;
	}

	.row-11 > .hlp-col {
		margin-bottom: 20px;
	}

	.text-7 {
		width: 50%;
		margin-left: 137px;
		margin-right: 0px;
		font-size: 16px;
		font-size: 1rem;
	}

	.hlp-site .customers-2 {
		margin-top: 0px;
		margin-left: auto;
		margin-right: 0px;
	}

	.hlp-site .customers-3 {
		margin-top: 0px;
		margin-left: auto;
		margin-right: 0px;
	}

	.hlp-site .customers-4 {
		margin-top: 0px;
		margin-left: auto;
		margin-right: 0px;
	}

	.row-7 {
		width: 85%;
	}

	.row-3 {
		width: 95%;
	}

	.tstm-author-photo-3 {
		width: 50%;
	}

	.hlp-site .tstm-text-col-l[class] {
		padding-top: 10px;
		padding-bottom: 15px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.block-13 {
		margin-top: -20px;
	}

	.tstm-text-3 {
		margin-top: -5px;
		font-size: 14px;
		font-size: 0.88rem;
	}

	.tstm-author--wrap {
		padding-left: 6px;
	}

	.tstm-author-3 {
		font-size: 19px;
		font-size: 1.19rem;
	}

	.row-13 {
		width: 95%;
	}

	.tstm-author-photo-r {
		width: 50%;
	}

	.hlp-site .tstm-text-col-r[class] {
		padding-top: 10px;
		padding-bottom: 15px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.hlp-site .heading-2-contacts {
		text-shadow: rgb(54, 76, 88) 85px 10px 0px;
	}

	.form-1 {
		width: 100%;
	}

	.block-8 {
		width: 51%;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
	}

	.hlp-site .footer {
		width: 16px;
	}

	.text-10 {
		width: 125px;
		margin-top: 5px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		font-size: 8px;
		font-size: 0.5rem;
	}

	.block-6 {
		width: 25px;
		min-height: 25px;
	}

	.block-6-footer {
		width: 25px;
		min-height: 25px;
	}

	.text-16 {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}

}