* {box-sizing: border-box; scroll-behavior: smooth;}

input:focus, select:focus, textarea:focus, button:focus, a:focus {outline: none;}

h2	{
	font-size: 20pt;
	padding-left: 10px;
	padding-right: 10px;
}

h3 a {
	text-decoration: none;
	color: #000;
}

h3 a:hover {color: red; text-decoration: none;}

.mt-35 {
	margin-top: 35px;
}

.mb-btn {
	margin-bottom: 45px;
}

.mesblock {
	height: 300px;
}

.mesblock h2 {line-height: 1.2;}

.messend-capcha {font-size: 20px; margin-top: 125px;}

.custom-navbar .nav li a {
	color: #505050;
   font-size: 13px;
   font-weight: bold;
   letter-spacing: 1px;
   padding-right: 15px;
   padding-left: 15px;
   transition: all 0.3s ease-in-out;
   text-transform: uppercase;
}
.custom-navbar .nav li a:hover {
  	background: #ffe98f;
  	transition: all 0.3s ease-in-out;
}
.custom-navbar .nav > li > a:focus {
  	background-color: transparent;
  	outline: none;
}
.custom-navbar .nav li.active > a {
    background-color: #FFD321;
}
.custom-navbar .navbar-toggle {
    border: none;
    padding-top: 10px;
}
.custom-navbar .navbar-toggle .icon-bar {
    background: #FFD321;
    border-color: transparent;
}

.main-h1 {
	/*color: red;*/
	font-size: 20pt;
	font-weight: 500;
}

.main-h2-header {
	font-size: 14pt;
	font-weight: 500;
}

.main-container {
	margin: 0 auto;
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 14px;
	max-width: 1170px;
}

.main-container p, .main-container li {
	line-height: 1.6;
}

.main-button {
	text-align: center;
}

.main-container button {
	margin: 25px 15px 15px 15px;
	padding: 20px 20px;
	border: 0;
	background-color: #FFD321;
	color: #505050;
	font-weight: 600;
	text-align: center;
}


#portfolio {
	padding-top: 45px;
}

.portfolio-text {
	padding-left: 15px;
	padding-right: 15px;
}

.main-h2 {
	padding-bottom: 20px;
	margin-top: 75px;
	text-align: center;
}

.main-wrap-catalogue {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.main-wrap-catalogue > div, .main-wrap-catalogue > article {
	width: 33%;
	padding-bottom: 40px;
}

.main-wrap-catalogue > article > div {
	width: 100%;
}

.team-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.team-wrapper img {
	height: 230px;
	transition: 0.3s;
}

.team-wrapper img:hover{
	transform: scale(1.1);
	transition: 0.3s;
}

#team .team-des {
	padding-bottom: 15px;
}

#team h3 {
	line-height: 1.2;
	font-size: 14pt;
	margin-top: 0;
}

.team-des button {
	display: none;
}

.priceBtn {
	text-align: center;
}

.priceBtn button {
	margin-top: 15px;
	margin-bottom: 20px;
	letter-spacing: 1.5px !important;
	background-color: #fe4c2b !important;
	color: #fff !important;
	outline: 1px solid white;
 	outline-offset: -5px;
}

.priceBtn button:hover {
	background-color: #FFD321 !important;
	color: #000 !important;
}


.iso-box-section {
	margin-top: 30px;
	margin-bottom: 20px;
}

.iso-box-wrapper {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.iso-box-wrapper > div {
	width: 25%;
	padding: 10px !important;
}

.iso-box-wrapper > div img {
	border: 1px solid	#eee;
}

.flex-video-container {
	margin: 30px auto;
	display: flex;
	width: 100%;
	max-width: 1170px;
	padding: 0 15px;
	padding-bottom: 35px;
}

.flex-video-container img {max-width: 450px;}

.flex-video-container div {
	flex: 1 1 50%;
}

.flex-video-container div:first-child {
	text-align: center;
}

#about {
	padding-top: 75px;
}

#about h2 {text-align: center; margin-bottom: 20px;}

.footer-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1170px;
	margin: 0 auto;
}

.contact-txt img {
	width: 33px;
	margin-right: 8px;
	margin-top: 10px;
}

.payment {
	max-width: 300px;
}

#copyright .payment p {
	line-height: 1.3;
}

.white-filter img {
	filter: invert(100%) sepia(0%) saturate(603%) hue-rotate(195deg) brightness(105%) contrast(101%);
}

.white-filter img:hover {
	filter: invert(91%) sepia(93%) saturate(2872%) hue-rotate(330deg) brightness(98%) contrast(104%);
}

#copyright p {
	padding: 0;
	margin: 0;
	line-height: 1.6;
}

#copyright .copyright-txt {
	margin-top: 10px;
	font-size: 10pt;
}


/*table-snpt*/
.price-block h2 {
	text-align: center;
	font-weight: bold;
	padding: 20px 10px 20px 10px;
}

.table-snpt {
	width: 80%;
	margin: 0 auto;
	padding-top: 20px;
	margin-bottom: 20px;
	max-width: 650px;
}
.table-snpt a {
	text-decoration: none;
	color: #000;
}
.table-snpt td {
	border: 1px solid #ccc; 
	padding: 0.5em 1em;
}
.table-snpt .even-dark {
	background-color: #fbf7e9; 
}
.table-snpt-price {
	min-width: 100px;
}



.p-new {
	text-align: justify;
	font-size: 12pt;
}
.p-new li {
	margin-bottom: 10px;
}
.h2-new {
	margin-bottom: 20px;
}



@media (max-width: 767px) {
	nav {
		background: none;
	}
	.table-snpt {width: 97%;}
}

@media (max-width: 544px) {
	.table-snpt td {
		border: 1px solid #ccc; 
		padding: 0;
	}
}
/*table-snpt*/



/* ------ cart ------ */

.cont-txt {
	padding-top: 15px;
}
.cont-txt a {
	font-weight: bold;
}

.gal {
	margin-top: 20px;
}

/* ------ cart ------ */


@media (max-width: 1200px) {
	#copyright {
		padding: 20px;
	}
}


@media (max-width: 991px) {
	.main-h1 {
		padding-top: 20px;
	}
	.main-wrap-catalogue > div, .main-wrap-catalogue > article {
		width: 50%;
	}
	#about img {
		padding-top: 0;
		width: 100%;
	}
}


@media (max-width: 991px) {
	.flex-video-container {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 0;
	}
	.flex-video-container h2 {
		padding-top: 20px;
	}
	h2	{
		font-size: 18pt;
	}
}


@media (max-width: 767px) {
	.main-h1 {
		padding-top: 0px;
	}
	.main-wrap-catalogue > div, .main-wrap-catalogue > article {
		width: 90%;
		border-bottom: 1px solid #FFD321;
	}
	.main-wrap-catalogue > div:last-child {
		border: none;
		padding-bottom: 0;
	}
	#about, #team, #contact {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	#about {padding-top: 20px;}
	#portfolio {
		padding-top: 15px;
	}
	.footer-wrapper {
		flex-direction: column;
	}
	.footer-wrapper > div {
		text-align: center;
		padding: 25px 10px;
	}
	.contact-txt img {
		margin: 10px;
		margin-top: 20px;
	}
}

@media (max-width: 555px) {
	.table-snpt td {
		padding: 0.1em 0.3em;
	}

	.p-new {
		font-size: 11pt;
	}

	h2	{
		font-size: 16pt;
	}
}

@media (max-width: 502px) {
	#team {
		padding-top: 80px;
	}
	.main-h2 {
		margin-top: 40px;
	}
}