/*Controllers*/
.cb.plain {
	position: absolute !important;
	opacity: 0.3;
}
.cb.plain:hover {
	opacity: 1;
}
.cb.plain .cb-link .button {
	padding: 6px 12px !important;
}

/***Main CSS***/
body {
	background-color:#FFF;
  	font-family: "brandon-grotesque",sans-serif;
}
.body {
	padding: 80px 0;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, .h5, h5 {
}
h1,.h1 {
	font-size: 46px;
	line-height: 52px;
    font-weight: 500;
    color: #005b99;
}
h2, .h2 {
	font-size: 32px;
    line-height: 34px;
}
h3, .h3 {
	font-size: 28px;
    line-height: 35px;
}
h4, .h4{
    font-size: 25px;
    font-weight: 500;
    color: #4d9fd1;
}
.frame{
	width: 1600px;
}
.button {
	background: none;
	border-radius: 0;
	border: 2px solid #aaa;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #aaa;
}
.button:hover {
	background: #888;
	border: 2px solid #888;
	color: #fff;
}

.small-frame.pb-section .frame {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}


/*Header*/
.navigation {
	border: none;
	background-color: transparent !important;
}
.logo {
	display: inline-block;
	min-height: 70px;
	max-height: 70px;
	min-width: 320px;
	max-width: 320px;
	background-position: center center;
	left: 0;
	z-index: 999;
	pointer-events: none;
	margin-top: 20px;
}
.header {
	padding: 20px 0;
	border-bottom: 6px solid #146bb4;
}
.header .logo-wrap {
	text-align: center;
}
.header .logo-wrap a{
    height: 100%;
    display: block;
    cursor: pointer;
}
.header .head-cart-data .fa {
	color:#90469b;
}
.header .col-slogan {
	text-align: right;
}
.header-title {
	padding: 40px 0;
	background-color: #EEE;
}
.header-title h1 {
	margin: 0;
}
.copyright {
	background-color:#4d9fd1;
	border-bottom: none;
}
.copyright p{
	text-transform: uppercase;
	font-size: 21px;
	color: #FFF;
}
.top-contact {
    padding: 5px 10px 5px 0;
	text-align: right;
	vertical-align: top;
}
.top-contact a {
    font-weight: 300;
    padding: 15px 10px;
    text-transform: lowercase;
	color: #4d9fd1 !important;
}
.top-contact .headline {
    font-size: 24px;
    color: #146bb4;
    font-weight: bold;
    position: relative;
    top: 5px;
}
.top-contact .headline .nz {
    font-size: 30px;
    margin-right: 25px;
}
.icon {
    background-color: transparent;
	background-repeat: no-repeat;
	background-size: contain;
    color: #4d9fd1;
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-bottom: -14px;
	margin-right: 10px;
}
.icon.phone {
    background-image: url(images/bg-icon-phone.png);
}
.icon.email {
    background-image: url(images/bg-icon-mail.png);
}
.contact-box h3{
	color:#146bb4;
	margin: 0px;
	font-size: 21px;
    font-weight: 400;
}
.contact-box{
	border: 4px solid #4d9fd1;
	border-left: 12px solid #4d9fd1;
	padding: 20px 10px;
    border-radius: 50px;
    padding-left: 50px;
}
.contact-boxes {
	padding-top: 0px!important;
}
.sidebox .links li > a {
	box-shadow: inset 0 0 0 #4d9fd1;
    font-size: 16px;
    font-weight: 400;
}
.sidebox .links li > a:hover {
	box-shadow: inset 250px 0 0 #4d9fd1;
	border-bottom-color: #4d9fd1;
}
.search-box .form-block .field button {
	border-radius: 0px 5px 5px 0px;
	border: 0px;
	padding: 12px!important;
	background-color: #146bb4;
}
.search-box .form-block .field button:hover {
	background-color: #4d9fd1;
	color: #FFF;
}
.sort-box .form-block {
	padding: 0px;
	padding-left: 10px;
	display: inline-block;
}
.form-block.filter .field input {
	border: 0px;
    padding: 7px 10px;
	border-radius: 0px 5px 5px 0px; 
	font-weight: 300;
}
.form-block.filter .field select {
    padding: 0 !important;
}
.form-block.filter .field input:hover {
	background-color: #4d9fd1;
}
.layout-selector .button:hover {
	border-width: 1px;
	background-color: #4d9fd1;
	border-color: #4d9fd1;
}
.category-box .product-box > li > .box {
	border-radius: 50px;
}
.sort-box + .product-box > li > .box {
	padding: 0px;
}
.product-box .image {
	margin: 0px;
}
.sort-box + .product-box .title {
	padding: 20px 10px;
	min-height: unset;
	background-color: #FFF;
}
.product-box .options-price {
	min-height: unset;
	padding: 10px;
	color: #FFF;
	background-color: #146bb4;
}
/*Menu*/
/*ul.menu ul {
	top:43px;
	left: 0;
	width: 100%;
}
ul.menu ul li {
	text-align: center;
	border-color:#ccc;
	background-color: #ddd;
	width: 100%;
}
ul.menu ul li a {
	color: #999;
	font-size: 12px;
	font-weight: 100px;
	letter-spacing: 0.5px;
}
ul.menu ul li:hover,
ul.menu ul li:hover a {
	background-color: #fff !important;
}

ul.menu .menulink {
	padding: 11.5px 15px 11px;
	text-transform: uppercase !important;
	font-size: 14px;
	letter-spacing: 3px;
	text-transform: none;
	border-color:#7c2789;
	
}
ul.menu .mobile-nav + li {
	border-left:1px solid #7c2789;
}
ul.menu .menulink:hover {
	background-color:#9e46ab;
}
*/
/*Banner*/
.banner {
	background-image: url(images/bg-banner.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding:0;
}
.banner > .frame {
	padding:0;
}
.banner h1,
.banner .h1 {
	color:#fff;
	font-weight:700;
	font-size:50px;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin: 0 0 10px;
}
.banner h2,
.banner .h2 {
	font-weight: 100;
	font-size: 26px;
	line-height: 26px;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.banner .bt .button {
	background-color:rgba(0,0,0,0);
	font-size:18px;
	padding:10px 20px;
	border:2px solid #eee;
	text-decoration:none;
	font-weight: 500;
	letter-spacing: 2px;
	color: #fff;
}
.banner .bt .button .fa {
	position: relative;
	top:-2px;
}
.banner .bt .button:hover {
	border:2px solid #FFF;
	background-color:#fff;
	color:#333;
}

.banner .slide .slide-inner {
	width: 40%;
	background-color: rgba(20,107,180,0.5);
	text-shadow: none;
}
.banner .slider-wrapper {
    box-shadow: none;
}

.sssnext, .sssprev {
    width: 50px !important;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    background-image: url('/web/template/default/assets/sss/images/brr.png') !important;
    z-index: 1000;
	transition: all 0.2s ease-out 0s;
}
.sssprev {
    left: 3%;
    background-position: 0 50% !important;
}
.sssnext {
    right: 3%;
    background-position: -50px 50% !important;
}
.sssprev:hover {
    left: 2.7%;
}
.sssnext:hover {
    right: 2.7%;
}
.sssprev:active {
    left: 2%;
}
.sssnext:active {
    right: 2%;
}

/*Elements*/
.html-style ul li::before, ul.bullet li::before, ul.bullet-list li::before {
	color: #CCC;
}
.faq:hover {
	border-color:#068ed0;
}
.faq:hover h3,
.faq:hover h3::before {
	color:#068ed0;
}

/*Index Assets*/
.homebox  {
	
}
.homebox .col {
	padding: 10px;
}
.homebox .col img {
	vertical-align: top;
	width: 100%;
}
.homebox .col .hb-text {
	padding: 35px 40px;
	background: linear-gradient(to top, #fff, #f3f3f3);
}
.homebox .col .hb-text h3 {
	font-size: 22px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0 0 10px;
	font-weight: 600;
}
.homebox .col .hb-text p {
	text-align: justify;
	font-size: 12px;
	line-height: 24px;
	color: #888;
}
.homebox .col .hb-text p a.button {
	padding: 5px 15px;
	border-radius: 0;
	border-color: #bbb;
}

/* Global Footer */
.global-contact {
	background-color: #EEE;
	padding: 5px;
	font-size: 14px;
}
.global-contact .item {
	overflow: hidden;
}
.global-contact .item li {
	list-style: none;
	float: left;
	margin-right: 10px;
	color: #999;
}
.global-contact .item li a {
	color: #999;
}

/* Footer */
.footer {
	background-color:#fff !important;
	background-repeat: no-repeat;
	background-size: contain;
	color: #FFF;
	padding:60px 0 70px;
	border-top: 1px solid #9e46ab;
    /*border-color: rgba(0,91,153,0.2) !important;*/
    border: none !important;
    box-shadow: 0px 0px 5px 0px rgba(0,92,153,0.2) !important;
}
.footer .foot-menu {
	border: none;
}
.footer .foot-menu > li a {
	border-color: transparent !important;
	font-weight: 300;
	color: #FFF;
}
.footer .foot-menu > li a:hover {
	border-bottom: 1px solid #FFF !important;
}
.footer .h4,
.footer p{
	color:#000000;
	text-transform: uppercase;
}
.footer p{
	font-size:16px;
	padding: 12px 0;
	margin: 0;
}
.footer i {
	color:#146bb4;
}
.footer .h4::before {
    content: ' ';
    background-image: url(images/small-glass.png);
	height: 61px;
	width: 27px;
	background-size: cover;
	background-repeat: no-repeat;
    display: block;
    background-color: transparent;
    position: absolute;
    margin-left: -40px;
}
.footer .h4 {
	font-size: 24px;
	margin: 0;
	font-weight: 600;
	letter-spacing: 3px;
	color: #146bb4;
}
.footer .break {
	width: 80px;
	height: 2px;
	margin: 20px 0 20px;
	border-radius: 10px;
	background-color: transparent;
}
.footer .foot-menu {
	margin: 0;
	padding-top: 0;
	padding-right:20px;
}
.footer .foot-menu > li a {
	padding: 12px 0;
	border: none;
	font-weight: 400;
	letter-spacing: 1px;
	border-color:#0d63a1;
	font-size: 16px;
	color: #000000;
	text-transform: uppercase;
}
.footer .foot-menu > li a:hover {
	border: none !important;
	color: #146bb4;
}
.footer .foot-product-wrap {
	background-color: #FFF;
	box-sizing: border-box;
	border-radius: 8px;
	overflow: hidden;
	color: #000;
}
.footer .foot-product-wrap .h4 {
	font-size: 24px;
	color: #90469b;
}
.footer .foot-product-wrap a {
	color: #068ed0;
	text-decoration: none;
}
.footer .foot-product-wrap p {
	color:#999;
	margin: 0;
}
.footer .button {
	background-color: #146bb4;
	border-radius: 25px;
	border: 2px solid #146bb4;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
	color: #fff;
	margin: 20px 20px 20px 0;
}
.footer .button:hover {
	background-color: #fff;
	color: #146bb4;
}
.copyright a {
	color: #97d2ef !important;
	font-size: 14px;
}

/* Buttons */
.button {
	padding:8px 20px;
	border-radius: 4px;
}
.button:hover {
	text-decoration: none !important;
	text-shadow: none !important;
}
.button.bt-outline {
	border-color: #90469b;
	color:#90469b;
}
.button.bt-outline:hover {
	border-color: #90469b !important;
	background-color:#90469b !important;
	color:#FFF !important;
}
input[type="submit"], button {
	background-color: #90469b;
}
input[type="submit"]:hover, button:hover {
	background-color:#652D90;
	border-radius: 0;
	color: #FFF;
	box-shadow: none;
}

.hr-mini {
	background-color:#90469b;
	width:50px;
	height:4px;												
	border-radius:5px;
	margin:10px 0 20px;
}
.feature-box {
	text-align:center;
}
.feature-box h2 {
	font-size:20px;
}
.feature-box img {
	width:80%;
	vertical-align:top;
}
.feature-box:hover {
	transform:scale(1.1,1.1);
	transition:all 0.2s ease-in-out 0s;
}

/*Section*/
.section-feature {
	padding: 80px 0;
}
.section-variant-3, .row-container > .pb-section.section-variant-3 {
    background-color: #146bb4;
}
.section-variant3 {
	background-color:#006cb9;
}
.section-variant2 {
	background-color:#DDD;
}
.section-variant1 {
	background-color:#EEE;
}
.body .frame > *:last-child {
	margin-bottom:0;
}
.section-feature.sf-variant3 * {
	color:#FFF;
}
.section-feature.sf-variant3 .divide {
	background-color:#FFF;
}
.section-contact-form {
	background-color: #068ed0;
	background-image: url(images/bg-contact.jpg);
}
.section-feature .button.bt-outline {
	color: #FFF;
	border-color:#FFF;
	margin: 0;
	border: 2px solid #FFF;
}
.payment-summary {
	border: none;
	background-color: #652D90;
}
.payment-summary .button {
	border: none;
	background-color: #068ed0;
	color: #FFF;
}
.payment-summary .button:hover {
	background-color: #FFF;
	color: #652D90;
}

/*Overlays*/
.overlay {
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    z-index: 99;
    background-color: #fff;
}
.section-copyright-wave {
    background-image: url(images/copyright-wave.png);
    height: 130px;
}
/*Element Overrides*/
.product-image-container {
	box-shadow: none;	
}
.contat-info a{
	background-color: #146bb4;
    border-radius: 25px;
    border: 2px solid #146bb4;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    color: #fff !important;
    margin: 0 10px 0 0;
	padding: 5px 20px;
}
.contat-info a:hover{
	background-color: #fff;
    color: #146bb4 !important;
	text-decoration: none;
}
.slide-cell {
	text-align: left;
}
.banner h1 {
	font-size: 32px;
	font-weight: 400;
	letter-spacing: 2px;
	margin-bottom: 30px;
}
.banner p {
	font-weight: 300;
}
.print-types-section .circle-me img {
	border-radius: 400px;
    width: 300px!important;
    height: 300px;
    object-fit: cover;
	margin: 0 auto;
	display: table;
	position: relative;
	z-index: 3;
	transition: all 0.2s ease-in-out 0s;
}
.print-types-section .pb-block-type-image.circle-me .pb-block-content {
	position: relative;
}
.print-types-section .pb-block-type-image.circle-me .pb-block-content::before,
.print-types-section .pb-block-type-image.circle-me .pb-block-content::after {
	position: absolute;
	content: "";
	width: 320px;
	height: 320px;
	background-color: #4D9FD1;
	right: 50%;
	top: 50%;
	transform: translate(50%, -50%);
	border-radius: 300px;
	z-index: 2;
	transition: all 0.4s ease-in-out 0s;
}
.print-types-section .pb-block-type-image.circle-me .pb-block-content::after {
	width: 330px;
	height: 330px;
	background-color: #96D2EE;
	z-index: 1;
	transition: all 0.15s ease-in-out 0s;
}
.print-types-section .pb-block-type-image.circle-me .pb-block-content:hover img {
	transform: scale(1.05);
}
.print-types-section .pb-block-type-image.circle-me .pb-block-content:hover::before {
	width: 350px;
	height: 350px;
}
.print-types-section .pb-block-type-image.circle-me .pb-block-content:hover::after {
	width: 370px;
	height: 370px;
}
.print-types-section h3 {
	margin-top: 50px;
}
h2 {
	font-weight: 400;
}
p {
	color: #808080;
	font-weight: 300;
}
.print-types-section .circle-underline img {
	width: 50%!important;
	display: table;
	margin: 0 auto;
	
}
.section-variant-2 h2 {
	color: #FFF;
	margin: 0px;
	text-transform: uppercase;
    letter-spacing: 2px;
}
.section-variant-2 {
	background-color: #146bb4!important;
	border-bottom: 10px solid #4D9FD1;
}
.facility-section span,
.polycarbonate-section-info span {
	color: #14d019;
	font-size: 40px;
	background-color: #FFF;
	border-radius: 100px;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
    padding: 15px;
    font-weight: 900;
}
.facility-section p {
	margin: 0px;
	margin-left: 25px;
}
.polycarbonate-section {
	position: relative;
	box-shadow: 0px -20px 45px -30px rgba(0,0,0,0.15);
}
.polycarbonate-section-info p{
    font-size: 18px;
    font-weight: 400;
}
.polycarbonate-section-info span {
	font-size: 50px;
	padding: 25px;
	width: 100px;
	margin-bottom: 15px;
	color: #fff;
	background-color: #4D9FD1;
}
.facility-section span:hover,
.polycarbonate-section-info span:hover {
	animation-name: squish-anim;
	animation-iteration-count: 1;
	animation-duration: 0.75s;
	animation-play-state: running;
}
.box.properties{
    background-color: #fff;
}
.quote-form {
	position: relative;
	padding-top: 120px!important;
	padding-bottom: 120px!important;
}
.quote-form::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(77,159,209,1);
	mix-blend-mode: hard-light;
}
.pb-block-type-form h2 {
	color: #FFF;
}
.form-block {
	border: 0px;
	background-color: rgba(255,255,255,0.9);
	padding: 20px;
	border-radius: 5px;
}
.form-block .field label {
	margin-bottom: 10px;
}
.form-block .field input,
.form-block .field textarea {
	border-radius: 5px;
}
.form-block .field textarea {
	padding: 10px;
}
.form-block .field select {
	height: 40px;
}
.form-block .field label, .form-block .field p.caption, .form-block .field input, .form-block .field select, .form-block .field textarea{
    font-family: "brandon-grotesque",sans-serif;
}
input[type="submit"], button {
	background-color: #146bb4;
    border-radius: 25px;
    border: 2px solid #146bb4;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    color: #fff;
	padding: 8px 20px;
	font-weight: 400;
    font-family: "brandon-grotesque",sans-serif;
}
input[type="submit"]:hover, button:hover {
	background-color: transparent;
    color: #146bb4;
	border-radius: 100px;
}
.contact-form {
	background-color: #146bb4;
}
.home-buttons .button {
	background-color: #146bb4;
	padding: 15px 60px;
	color: #FFF;
	border-radius: 50px;
	border-color: #FFF;
	font-weight: 300;
	letter-spacing: 2px;
	position: relative;
}
.home-buttons .button::before {
	position: absolute;
	content: '';
	top: -5px;
	left: -5px;
	right: -5px;
	bottom: -5px;
	background-color: transparent;
	border-radius: 100px;
	border: 2px solid #146bb4;
}
.home-buttons .button:hover {
	background-color: #4d9fd1;
}
.home-buttons .button:nth-child(2) {
	margin: 0px 70px;
}
.home-details p {
	line-height: 28px;
	text-align: justify;
}
.home-details-title h2 {
	font-size: 42px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 500;
}
.home-inner-wrap img {
	width: 80px;
/*	display: table;
	margin: 0 auto!important;
*/}
.home-inner-wrap .coltable .col:last-child{
    padding-left: 25px;
}
.home-inner-wrap .coltable .col:first-child img {
	margin-left: 15mepx !important;
}/*
.home-inner-wrap .col:last-child img {
	margin-right: 10px!important;
}*/
.home-inner-wrap h4 {
	text-align: center;
	margin-top: 30px;
	color: #FFF;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.home-inner-wrap h2 {
	font-weight: 600;
	margin: 0px;
	text-transform: uppercase;
	font-size: 36px;
    line-height: 40px;
}
.home-inner-wrap h3 {
	font-weight: 300;
	margin-bottom: 50px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.home-inner-wrap .col:first-child h4 {
	text-align: left;
}
.home-inner-wrap .coltable{
    width: auto;
}
.home-inner-wrap .col:not(:first-child) img{
    margin: 0 auto;
}
/*.home-inner-wrap .col:last-child h4 {
	text-align: right;
}*/
.home-inner-wrap {
	width: 100%;
	/*background-color: rgba(20,107,180,0.5);
	height: 100%;*/
}
.home-inner-wrap .column {
	padding-top: 0%;
}
.underline img {
	width: 350px!important;
	display: table;
	margin: 0 auto;
}
.cate-desc p {
	margin-top: 40px;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
}
.cate-title {
	text-transform: uppercase;
	letter-spacing: 2px;
}
.cate-preview img {
	width: 75%!important;
	display: table;
	margin: 0 auto;
	margin-bottom: 60px;
	border: 10px solid #FFF;
	border-radius: 200px;
	background-color: #FFF;
	transition: all 0.2s ease-in-out 0s;
}
.cate-preview img:hover {
	border-width: 15px;
	transform: scale(1.1);
}
.cate-header h2 {
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	position: relative;
	padding-top: 40px;
	margin: 0px;
}
.cate-header {
}
.section-category-header{
	background-color: #4d9fd1;
	position: relative;
}
.section-category-header::before {
	position: absolute;
	content: '';
	height: 200px;
	background-image: url(images/home-header-bg.png);
	width: 100%;
	background-size: 101%;
	background-repeat: no-repeat;
	background-position: top;
    left: 0;
}
.categories-section {
	padding-top: 120px!important;
}
/*
.other-services-section {
	padding-top: 240px!important;
	padding-bottom: 110px!important;
}*/
.other-services-section .button {
	border-radius: 200px;
	padding: 60px;
	border-color: #FFF;
	border-width: 3px;
}
.other-services-section .button:hover {
	background-color: rgba(255,255,255,0.25);
}
.other-service-btns img {
	width: 50px;
	margin: 0px!important;
}
.other-services-section .underline {
	filter: brightness(100);
	margin-bottom: 50px;
}
.other-services-section h2 {
	text-transform: uppercase;
	color: #FFF;
	font-size: 24px;
	font-weight: 300;
	letter-spacing: 2px;
	margin: 0px;
	margin-top: 20%;
}
.other-service-btns h3 {
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 21px;
	font-weight: 400;
	margin-top: 25px;
}/*
.home-buttons {
	padding-bottom: 120px!important;
}*/
.row.section-category-header,
.section-category-header .row,
.row.section-header,
.section-header .row{
    margin-left: 0;
    margin-right: 0;
}
.section-header, 
.section-header .col-sm-12,
.col-sm-12{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.product-box .options-price{
    text-align: center;
}
ul.menu li ul.active{
    overflow: hidden;
    display: block;
    height: auto;
    opacity: 1;
    z-index: 10000;
    padding-top: 30px;
    top: 78%;
}
ul.menu li:hover ul::before{
    top: 5px;
}
ul.menu ul li a {
        color: #fff;
        font-size: 18px;
        font-weight: 300;
        letter-spacing: 0.5px;
        text-align: left;
        padding: 12.5px;
        padding-left: 35px;
}
ul.menu li.has-children.minus-sign::after{
    content: '\f077';
}

/*General Animations*/
@keyframes squish-anim {
	0% { transform: scale(1,1)}
	25% { transform:scale(1.1,0.90) }
	45% { transform:scale(0.93,1.07) }
	65% { transform:scale(1.05,0.95) }
	85% { transform:scale(0.98,1.02) }
	100% { transform: scale(1,1)}
}
ul.menu li.has-children::after {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    right: 5px;
    top: 35%;
    font-size: 15px;
    color: #146bb4;
    display: block;
    z-index: 10000;
    pointer-events: none;
}
.pb-block-content ul > li{
    font-size: 22px;
    color: #005b99;
}
/**CUSTOM CSS**/
.text-white{
    color: #fff;
}
.pb-block-type-image.right.bottom img{
    position: absolute;
    right: 0; 
    bottom: 0;
}
.half-circle{
    position: relative;
}
.half-circle > *{
    position: relative;
    z-index: 10;
}
.half-circle::after{
    content: '';
    position: absolute;
    width: 20%;
    height: 80%;
    opacity: 1;
    background-color: #005b99;
z-index: 0;
border-radius: 50%;    
}
.half-circle.right::after{
    right: -20%;
}
.half-circle.bottom::after{
    bottom: -100%;
}
.section-bg-image{
    background-position: right bottom !important;
    background-size: 600px !important;
}

/* Product Page CSS */

.product-row .row {
	display: flex;
}
.product-row .row .col-sm-3 {
	padding: 0px;
	border-radius: 5px;
	overflow: hidden;
	transition: all 0.2s ease-in-out 0s;
	margin: 5px;
}
.product-row .row .col-sm-3:hover {
	transform: translateY(10px) perspective(1000px) rotateX(6deg);
}
.product-row .row .col-sm-3:hover img {
	transform: scale(1.05);
}
.product-info {
	padding: 20px;
	border: 1px solid #DDD;
	border-radius: 0px 0px 5px 5px;
	border-top: 0px;
	transition: all 0.2s ease-in-out 0s;
}
.product-row .col-sm-3:hover .product-info {
	border: 2px solid #146bb4;
	border-top: 0px;
}
.product-info h4:first-child {
	display: flex;
	justify-content: space-between;
	font-size: 21px;
	border-bottom: 1px solid #DDD;
	padding-bottom: 15px;
}
.product-info h4:first-child .type {
	text-transform: uppercase;
	font-size: 16px;
}
.product-info h4:first-child s {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 15px;
}
.product-info h5 {
	color: #808080;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0px;
	padding: 5px 10px;
	border: 1px solid #EEE;
	display: inline-flex;
	border-radius: 3px;
}
.product-info h3 {
	font-size: 21px;
}
.product-row .pb-block-type-image {
	overflow: hidden;
}
.product-row .pb-block-type-image .pb-block-content {
	position: relative;
	z-index: 1;
}
.product-row .pb-block-type-image .pb-block-content::before {
	position: absolute;
	content: 'View Product';
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	background-color: rgba(20,107,180,0.75);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	transition: all 0.2s ease-in-out 0s;
	text-transform: uppercase;
	letter-spacing: 1px;
	mix-blend-mode: multiply;
	transform: translateY(100%);
	opacity: 0;
	pointer-events: none;
}
.product-row img {
	transition: all 0.2s ease-in-out 0s;
}
.product-row .col-sm-3:hover .pb-block-type-image .pb-block-content::before {
	transform: translateY(0%);
	opacity: 1;
}
.product-row .link-block a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 110;
}
.product-info h3 span {
	position: absolute;
	top: 0;
	right: 20px;
	z-index: 100;
	height: 50px;
	width: 50px;
	background-color: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0px 0px 3px 3px;
	transition: all 0.2s ease-in-out 0s;
}
.product-row.first-row
{
    padding-bottom: 10px!important;
}
.product-row.last-row
{
    padding-top: 10px!important;
}
.product-row #lime
{
    background-color: #9DFF9D;
}
.product-row #orange
{
    background-color: #FFC393;
}
.product-row #red
{
    background-color: #FF9E9E;
}
.product-row #blue
{
    background-color: #9EDBFF;
}
.title-row {
	padding: 20px!important;
	background-color: #4d9fd1;
	position: sticky;
	top: 0;
	z-index: 1000;
}
.title-row .row {
	margin-left: 0px;
	margin-right: 0px;
}
.title-row h2 {
	font-size: 32px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	margin: 0px;
	color: #FFF;
}
.title-row h2 s {
	text-decoration: none;
	font-size: 18px;
	margin-left: 10px;
	color: #FFF;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}
.title-row h2 span {
	height: 60px;
	width: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	background-color: #FFF;
	border-radius: 3px;
	border: 1px solid #DDD;
	color: #146bb4;
	transition: all 1s ease 0s;
}
.title-row:hover h2 span {
	animation: spin-card 2s ease 1;
	background-color: #4d9fd1;
	color: #FFF;
	border-color: #328CC4;
}
.title-row .description p {
	font-size: 20px;
	text-transform: capitalize;
	margin: 0px;
	color: #FFF;
}
.product-row .products-image {
	border-radius: 5px;
}
.product-info .code-wrap h5:not(:last-child) {
	margin-right: 5px;
}

@keyframes spin-card {
	0% {
		transform: perspective(1000px) rotateY(0deg);
	}
	100% {
		transform: perspective(1000px) rotateY(720deg);
	}
}

/******RESPONSIVE OVERRIDE*****/
@media screen and (max-width:1600px) {
	.frame {
		width:100% !important;
	}
	.other-services-section {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}
	.other-services-section .button {
		border-radius: 100%;
		padding: 30px;
	}
    .wrapper-content .frame{
        padding: 0 20px;
    }
    .row{
        margin-left: 0;
        margin-right: 0;
    }
    .section-header .col-sm-12, 
    .col-sm-12{
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .polycarbonate-section{
        background-position: center !important;
    }
}
@media screen and (max-width:1400px) {
	.home-buttons {
		padding-bottom: 30px !important;
	}
	.other-services-section .underline img{
			display: none;
	}
}
@media screen and (max-width:1200px) {
    .home-inner-wrap h3{
        margin-bottom: 20px;
    }
	iframe {
		width:100% !important;
	}
	.section-feature.sf-about,
	.section-feature.sf-gift,
	.section-feature.sf-party {
		padding-left: 20px;
		padding-right: 20px;
	}
	.mobi-box {
		padding: 20px;
		box-sizing: border-box;
		border-radius: 20px;
		background-color: rgba(255,255,255,0.8);
		color: #000;
	}
	.mobi-box .h2,
	.mobi-box .h3,
	.mobi-box a,
	.mobi-box p {
		color: #000 !important;
		text-shadow: none !important;
		border-color:#000 !important;
	}
	.section-feature.sf-party,
	.section-feature.sf-about {
		background-position: left top;
	}
	.header .coltable > .col{
		width: 100%;
		display: block;
	}
	.top-contact{
		text-align: center;
		margin: 10px 0;
	}
	.underline img{
		width: 100% !important;
	}
	.footer .column{
		width: 90%;
	}
	.other-services-section h2{
		margin-top: 10%;
	}
	.contat-info a{
		display: inline-block;
        margin-bottom: 15px;
	}
    .banner .slide .slide-inner *{
        vertical-align: top;
    }
    .banner .slide .slide-inner{
        width: 60%;
    }
    ul.menu .menulink{
        padding: 13px;
    }
}
@media screen and (max-width:1000px) {
	.banner .slide .slide-inner{
		width: 100%;
		padding: 0 10px;
	}
    .home-inner-wrap .column{
        text-align: center;
    }
    .home-inner-wrap .col:last-child img{
        margin: 0 auto !important;
    }
    .home-inner-wrap .col h4{
        text-align: center !important;
    }
	.section-category-header::before {
		background-image: none;
	}
	.cate-header > .pb-block-content{
		margin: 0 !important;
	}
	.categories-section .pb-column{
		width: 33.3333% !important;
		float: left;
	}
	.home-buttons .button{
		margin: 10px;
	}
	.other-services-section{
		background-image: url(images/bg-home-other-services-alt.png) !important;
		background-size: cover !important;
	}
/*    .section-header,
    .section-category-header{
        margin-right: 0;
        margin-left: 0;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }*/
    .coltable.page-structure > .col{
        display: block;
    }
    .coltable.page-structure > .col.col-sidebox.col-sidebox-left{
        width: 100%;
        padding-right: 0;
    }
    .shop-header{
        display: none;
    }
    .form-block.filter .field input{
        padding: 5px 10px !important;
    }
    .form-block.filter .field select{
        padding: 5px 10px !important;
    }
/*    .pb-section:not(.quote-form):not(.contact-form) .col-sm-3,
    .pb-section:not(.quote-form):not(.contact-form) .col-sm-4{
        width: 50%;
        display: inline-block;
        padding-top: 15px;
        padding-bottom: 15px;
        vertical-align: top;
    }*/
    .sidebox .sidebox-top .js-toggle{
        display: none;
    }
    .sidebox .links li{
        display: inline-block;
        margin-bottom: 5px;
        margin-right: 2.5px;
    }
    .sidebox .links li > a{
        padding: 5px 15px;
        border: 1px solid #aaa;
    }
    .sidebox .links li > a:hover{
        padding: 5px 15px;
    }

}
@media screen and (max-width:800px) {
	.h2, h2, .h3, h3 {
		font-size: 22px;
		line-height: 30px;
	}
	.section-feature.sf-gift .h2, .section-feature.sf-party .h2 {
		font-size: 32px;
		line-height: 30px;
		color: #90469b !important;
	}
	.banner h2, .banner .h2,
	.banner h1, .banner .h1 {
		font-size: 24px;
		line-height: 24px;
		margin: 0 0 5px;
	}
    .top-contact .headline{
        display: block;
    }
    .top-contact a{
        display: inline-block;
    }
    .navigation{
        position: absolute;
        width: 100%;
        top: 0;
    }
    ul.menu .menulink{
        background-color: #fff;
        text-align: left;
        padding: 13px;
    }
    ul.menu .menulink::after{
        display: none;
    }
    ul.menu li:not(:first-child) .menulink:hover{
        background-color: #146bb4 !important;
        color: #fff;
    }
    ul.menu .mobile-nav .menulink{
        text-align: right;
        font-size: 30px;
        padding-right: 20px;
        background-color: transparent;
    }    ul.menu.full-width{
        background-color:rgba(255,255,255,0.99);
        height: 100%;
        position: fixed;
        z-index: 1001;
    } 
    ul.menu li.mobile-nav .menulink:hover{        
        color: #999;
    }
    ul.menu li.has-children::after{
        content: "\f067";
        font-family: "Font Awesome 5 Pro";
        position: absolute;
        right: 15px;
        top: 12.5px;
        font-size: 15px;
        display: block;
        z-index: 10000;
        pointer-events: none;
        padding: 5px;
        background-color: #146bb4;
        color: #fff;
    }
    ul.menu .menulink:hover ul.menu li.has-children::after{
        color: #fff;
    }
    ul.menu li ul.active{
        overflow: hidden;
        display: block;
        height: 0px;
        height: auto;
        opacity: 1;
        z-index: 10000;
        padding-top: 0;
    }
    ul.menu li.active .menulink::before{
        opacity: 0;
    }
    ul.menu ul li a {
    }
    ul.menu li ul{
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        transform: translateX(0%);
        padding-top: 0;
    }
    ul.menu li.has-children.minus-sign::after{
        content: '\f068';
    }
    ul.menu li ul::before{
        display: none;
    }
    ul.menu .mobile-nav{
        z-index: 10000;
    }
    ul.menu li.mobile-nav .menulink{
        text-align: right;
        font-size: 30px;
    }
    ul.menu li:not(:first-child) .menulink{
        text-align: left;
    }
    ul.menu .menulink.contactlink{
        padding: 15px;
    }
    ul.menu > li:nth-last-child(-n+2), ul.menu > li:last-child{
        display: none !important;
    }
    .contact-text{
		display: none;
	}
	.banner .bt {
		transform: scale(0.6,0.6);
	}
	.banner .slide .slide-inner .slide-cell{
		text-align: center;
	}
	.home-inner-wrap h3{
		margin-bottom: 10px;
	}
	.home-inner-wrap .column{
		width: 100% !important;
	}
	.home-inner-wrap .coltable > .col{
		width: 33.33% !important;
		display: inline-block;
        vertical-align: top;
	}
	.home-inner-wrap h4 {
		text-align: center !important;
	}
	.home-inner-wrap .col img{
		margin: 0 auto !important;
	}
	.section-feature.sf-gift {
		background-size: cover;
	}
	.footer .coltable > .col {
		display: block;
		width: 100% !important;
	}
	.footer {
		text-align: center;
	}
	.footer .break {
        display: none;
	}
	.footer .h4 {
		margin-top: 40px;
	}
	.footer .coltable .col:first-child .h4 {
		margin-top: 0;
	}
	.footer .h4::before {
		display: inline-block;
	}
    .footer .foot-menu{
        padding-right: 0;
    }
/*	.other-service-btns .col{
		width: 50% !important;
		float: left;
	}*/
	.home-buttons .button:nth-child(2) {
		margin: 0px;
	}
	.home-details-title h2{
		line-height: 40px;
	}
	.form-block{
		padding: 0;
	}
	.form-block .field {
		margin: 0 0 0 0 !important;
	}    .section-bg-image{
        background-size: contain !important;
    }
    .contact-box{
        padding-left: 25px;
    }
}
@media screen and (max-width:700px) {
    .sort-box .col{
        width: 100% !important;
        display: block;
        text-align: center;
    }
    .sort-box .form-block{
        padding-left: 0;
    }
    .sort-box .col:nth-child(2) p{
        margin: 0 0 5px 0;
    }
    .form-block.filter .field input{
        border-radius: 0;
    }
    .row-container > .pb-section.section-pad-5:not(.section-header){
        box-shadow: inset 0px -2px 1px 0px rgba(0,0,0,0.1);;
    }
}
@media screen and (max-width:600px) {
    .home-inner-wrap .col:last-child img{
        width: 50px;
    }
    .home-inner-wrap .col h4 {
        margin-top: 10px;
        font-size: 14px;
    }
    .home-buttons .button{
        padding: 15px 30px;
    }
    .pb-section .col-sm-3,
    .pb-section .col-sm-4{
        width: 100% !important;
    }
    .section-feature.sf-gift,
	.section-feature.sf-party {
		text-align: center;
	}
	.footer .foot-product-wrap {
		width: 75%;
		margin: 0 auto;
	}
	.section-feature.sf-about {
		background-size: contain;
	}
	.categories-section .pb-column{
		width: 100% !important;
	}
    .pb-block-content .coltable > .col{
        text-align: center;
    }
    .search-box .form-block .field input{
        width: 80% !important;
    }
}