/*  MICROTHEMER STYLES  */

/*= Animations ================ */

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}


/*= General =================== */

/** General >> Blockquote paragraph:(1) **/
.wpb_wrapper > blockquote > p:nth-of-type(1) {
	list-style-image: none !important;
	background-color: rgba(215, 223, 73, 0.17) !important;
	padding: 30px !important;
	border-radius: 8px !important;
}

/** General >> Rich text 13 703 unordered list **/
#_rich_text-13-703 ul {
	font-weight: normal !important;
}

/** General >> Fluentform 1 label **/
#fluentform_1 label {
	font-size: 20px !important;
}

/** General >> Ff el input content input **/
.ff-el-input--content > input {
	height: 48px !important;
}

/** General >> Fluentform 1 [type="submit"] **/
#fluentform_1 [type="submit"] {
	width: 250px !important;
	margin-right: 0 !important;
}

/** General >> Shortcode 17 821 wpgb button **/
#shortcode-17-821 .wpgb-button {
	width: 100% !important;
	min-width: 100% !important;
}

/** General >> Shortcode 17 821 wpgb button label **/
#shortcode-17-821 .wpgb-button-label {
	height: 49px !important;
}

/** General >> Section 16 743 ct section inner wrap **/
#section-16-743 > .ct-section-inner-wrap {
	padding-top: 0 !important;
}

/** General >> Shortcode 17 743 yith ywraq mail form wrapper **/
#shortcode-17-743 .yith-ywraq-mail-form-wrapper {
	background-color: rgb(0, 43, 54) !important;
	height: auto !important;
	margin-top: 30px !important;
	border-radius: 8px !important;
	display: grid !important;
	grid-template-columns: 1fr !important;
	grid-template-rows: auto !important;
}
#shortcode-17-743 .yith-ywraq-mail-form-wrapper > :nth-child(1) {
	grid-area: 2 / 1 / 3 / 2 !important;
}

/** General >> Shortcode 17 743 ywraq form table wrapper **/
#shortcode-17-743 .ywraq-form-table-wrapper {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	grid-template-rows: auto !important;
}

/** General >> Shortcode 17 743 heading 3 **/
#shortcode-17-743 h3 {
	visibility: hidden !important;
}

/** General >> Yith ywraq form **/
#yith-ywraq-form {
	padding-top: 60px !important;
}

/** General >> Yith ywrq table list **/
#yith-ywrq-table-list {
	border-top-color: rgb(211, 206, 210) !important;
	border-top-width: 1px !important;
}

/** General >> First name **/
#first_name {
	height: 45px !important;
}

/** General >> Shortcode 17 743 wc backward **/
#shortcode-17-743 .wc-backward {
	background-color: rgb(0, 114, 143) !important;
	height: 50px !important;
	margin-bottom: 30px !important;
	border-width: 0 !important;
}

/** General >> Yith ywrq table list [type="submit"] **/
#yith-ywrq-table-list [type="submit"] {
	border-color: rgb(0, 114, 143) !important;
}

/** General >> Shortcode 17 743 label **/
#shortcode-17-743 label {
	color: rgb(210, 225, 0) !important;
	font-size: 15px !important;
}

/** General >> Last name **/
#last_name {
	height: 45px !important;
}

/** General >> Form row input **/
.form-row input {
	height: 45px !important;
}

/** General >> Message **/
#message {
	height: 100px !important;
}

/** General >> Yith ywraq default form raq send request **/
#yith-ywraq-default-form .raq-send-request {
	/* MT [  ] */
	color: rgb(0, 43, 54) !important;
	font-weight: normal !important;
	background-color: rgb(210, 225, 0) !important;
	width: 100% !important;
	padding-bottom: 15px !important;
}

/** General >> Product name link **/
.product-name > a {
	color: rgb(2, 113, 144) !important;
	font-size: 20px !important;
	font-weight: 500 !important;
}

/** General >> Shortcode 17 743 ywraq wrapper **/
#shortcode-17-743 > .ywraq-wrapper {
	display: grid !important;
	grid-template-columns: 1fr !important;
	grid-template-rows: auto auto !important;
}
#shortcode-17-743 > .ywraq-wrapper > :nth-child(1) {
	grid-area: 3 / 1 / 4 / 2 !important;
}
#shortcode-17-743 > .ywraq-wrapper > :nth-child(2) {
	grid-area: 1 / 1 / 2 / 2 !important;
}
#shortcode-17-743 > .ywraq-wrapper > :nth-child(3) {
	grid-area: 4 / 1 / 5 / 2 !important;
}

/** General >> Yith ywraq default form ywraq error **/
#yith-ywraq-default-form .ywraq_error {
	color: rgb(215, 223, 73) !important;
	font-size: 15px !important;
}

/** General >> Shortcode 42 823 add request quote button **/
#shortcode-42-823 .add-request-quote-button {
	background-color: rgb(0, 114, 143) !important;
	min-width: 100% !important;
	padding: 20px 30px 20px 30px !important;
	margin-left: -116px !important;
	border-width: 0 !important;
	-webkit-animation-name: bounce !important;
	animation-name: bounce !important;
	-webkit-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
}

/** General >> Header search 244 692 oxy header search search field **/
#-header-search-244-692 .oxy-header-search_search-field {
	padding: 10px !important;
}

/** General >> Inner content 28 808 product cat full automata stretch foliazo gepek **/
#inner_content-28-808 .product_cat-full-automata-stretch-foliazo-gepek {
	background-color: rgb(242, 242, 242) !important;
	width: 200px !important;
}

/** General >> Inner content 28 808 product type simple **/
#inner_content-28-808 .product_type_simple {
	background-color: rgb(0, 42, 53) !important;
}

/** General >> Inner content 28 808 product type simple:hover **/
#inner_content-28-808 .product_type_simple:hover {
	background-color: rgb(2, 113, 144) !important;
}


/*= General 3 ================= */

/** General 3 >> Wpgb card **/
.wpgb-card {
	padding-bottom: 25px !important;
}

/** General 3 >> Wpgb hover accent 1 link _3 **/
.wpgb-hover-accent-1 a {
	text-align: left !important;
}

/** General 3 >> Wpgb post 1869 wpgb scheme dark **/
.wpgb-post-1869 .wpgb-scheme-dark {
	width: 100% !important;
}

/** General 3 >> Wpgb post 1719 wpgb block 1 **/
.wpgb-block-1 {
	padding-top: 20px !important;
	margin-right: 0 !important;
	margin-bottom: 12px !important;
	margin-left: 0 !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-flow: row wrap !important;
	-moz-flex-flow: row wrap !important;
	-ms-flex-flow: row wrap !important;
	flex-flow: row wrap !important;
	-webkit-justify-content: flex-start !important;
	justify-content: flex-start !important;
	-webkit-align-items: flex-start !important;
	align-items: flex-start !important;
	-webkit-align-content: flex-start !important;
	align-content: flex-start !important;
}

/** General 3 >> Div **/
.message > div {
	color: rgb(255, 255, 255) !important;
	text-align: center !important;
	background-color: rgb(65, 102, 160) !important;
}

/** General 3 >> Wpgb card media overlay **/
.wpgb-card-media-overlay {
	background-image: linear-gradient(rgb(5, 42, 51), transparent 332px) !important;
}

/** General 3 >> Wpgb button **/
.brxe-container .wpgb-button {
	color: rgb(2, 113, 144) !important;
	background-color: rgb(255, 255, 255) !important;
	border-color: rgb(2, 113, 144) !important;
	border-radius: 6px !important;
}

/** General 3 >> Wpgb block 4 _2 **/
.wpgb-post-4496 .wpgb-block-4 {
	text-align: left !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
}

/** General 3 >> Wpgb card body _3 **/
.wpgb-card-body {
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-flow: column wrap !important;
	-moz-flex-flow: column wrap !important;
	-ms-flex-flow: column wrap !important;
	flex-flow: column wrap !important;
	-webkit-justify-content: flex-start !important;
	justify-content: flex-start !important;
	-webkit-align-items: flex-start !important;
	align-items: flex-start !important;
	-webkit-align-content: flex-start !important;
	align-content: flex-start !important;
}

/** General 3 >> Wpgb block 4 _4 **/
.wpgb-block-4 {
	text-align: center !important;
	width: 100% !important;
	margin-left: 0 !important;
}

/** General 3 >> Wpgb block 5 **/
.wpgb-block-5 {
	text-align: left !important;
	width: 100% !important;
	margin-left: 0 !important;
}

/** General 3 >> Wpgb block 3 **/
.wpgb-block-3 {
	text-align: left !important;
}

/** General 3 >> Brxe omoulr **/
#brxe-omoulr {
	width: 24% !important;
}

/** General 3 >> Wpgb block 6 **/
.wpgb-block-6 {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

/** General 3 >> Link (#1) **/
#brxe-sxpdmq a:nth-of-type(1) {
	text-decoration: underline !important;
	background-color: rgba(2, 113, 144, 0.13) !important;
	padding-right: 6px !important;
	padding-left: 6px !important;
}

/** General 3 >> Link _2 **/
.brxe-post-content a {
	background-color: rgba(1, 114, 143, 0.32) !important;
	padding-right: 12px !important;
	padding-left: 12px !important;
}

/** General 3 >> Wpgb block 2 **/
.wpgb-block-2 {
	font-size: 20px !important;
	line-height: 1.26 !important;
}


/*( Tablet & Phone )*/
@media (max-width: 767px) {
	/** General >> Yith ywraq form **/
	#yith-ywraq-form {
	grid-template-columns: 1fr !important;
	grid-template-rows: fit-content(50%) !important;
}
#yith-ywraq-form > :nth-child(1) {
	grid-area: 1 / 1 / 2 / 6 !important;
}

	/** General >> Shortcode 17 743 ywraq form table wrapper **/
	#shortcode-17-743 .ywraq-form-table-wrapper {
	display: grid !important;
}
#shortcode-17-743 .ywraq-form-table-wrapper > :nth-child(1) {
	grid-area: 1 / 1 / 2 / 3 !important;
}
#shortcode-17-743 .ywraq-form-table-wrapper > :nth-child(2) {
	grid-area: 2 / 1 / 3 / 3 !important;
}

}


/*( Phone )*/
@media (max-width: 480px) {
	/** General >> Yith ywraq form **/
	#yith-ywraq-form {
	width: 100% !important;
	min-width: 100% !important;
}

	/** General >> Shortcode 17 743 yith ywraq mail form wrapper **/
	#shortcode-17-743 .yith-ywraq-mail-form-wrapper {
	display: block !important;
}

	/** General >> Shortcode 17 743 ywraq form table wrapper **/
	#shortcode-17-743 .ywraq-form-table-wrapper {
	display: grid !important;
}
#shortcode-17-743 .ywraq-form-table-wrapper > :nth-child(1) {
	grid-area: 1 / 1 / 2 / 3 !important;
}
#shortcode-17-743 .ywraq-form-table-wrapper > :nth-child(2) {
	grid-area: 2 / 1 / 3 / 3 !important;
}

	/** General >> Shortcode 36 821 [type="search"] **/
	#shortcode-36-821 [type="search"] {
	color: rgb(0, 114, 143) !important;
	border-color: rgb(0, 114, 143) !important;
}

	/** General 3 >> Wpgb wrapper **/
	.wpgb-wrapper {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

	/** General 3 >> Wpgb card inner +1 more _2 **/
	.wpgb-card-inner, 
.wpgb-post-613 {
	width: 100% !important;
}

	/** General 3 >> Wpgb masonry **/
	.wpgb-masonry {
	width: 100% !important;
	min-width: 100% !important;
}

	/** General 3 >> Wpgb card **/
	.wpgb-card {
	width: 100% !important;
}

}