/************GKROOFING*****************/

/*---------------------------------
FONTS
----------------------------------*/

@import url("https://use.typekit.net/ezf4yww.css");
@import url('https://fonts.googleapis.com/css?family=Poppins:600,700');
/*font-family: 'Poppins', sans-serif;
font-family: din-2014, sans-serif;*/

/*---------------------------------
GLOBAL
----------------------------------*/

html,
body {
	width: 100%;
}

body {
	font-size: 16px;
	overflow-x: hidden;
	position: relative;
	font-family: din-2014, sans-serif;
	font-style: normal;
	font-weight: 300;
}

body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

html {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

article,
aside,
details,
figcaption,
figure,
dialog,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

* {
	box-sizing: border-box;
	-mox-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


input[type=text],
input[type=submit],
input[type=email],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-transition-delay: 9999s;
	transition-delay: 9999s;
}

img {
	vertical-align: middle;
	display: block;
}

a img {
	border: none;
}

:focus {
	outline: 0;
}

a {
	text-decoration: none;
	color: inherit;
	/*transition: all 0.4s ease-in;
	-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;*/
}

a,
select {
	outline: none;
}

ul {
	list-style: none;
	/*font-size: 0;*/
}

input,
textarea,
button {
	font-family: din-2014, sans-serif;
}


/*---------------------------------
STRUCTURE
----------------------------------*/

.container {
	width: 100%;
	position: relative;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.row {
	margin-right: -15px;
	margin-left: -15px;
}

.clearfix {
	display: block;
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.row:before,
.row:after {
	display: table;
	content: " ";
	clear: both;
}

[class*="col-"] {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
}

.col-full {
	width: 100%;
}

.col-hmedia {
	width: 74.85714285714286%;
	margin: 0 auto;
	float: none
}

.col-pg-wrap {
	/*	width: 75.88571428571429%;*/
	width: 1328px;
}

/*---------------------------------
REUSABLE CLASSES
----------------------------------*/

.center {
	text-align: center;
}

.left {
	float: left;
}

.right {
	float: right;
}

.responsive-img {
	max-width: 100%;
	height: auto;
}

.double-line {
	height: 4px;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	border-left: none;
	border-right: none;
	margin: 0;
}

[class*="heading-"] {
	font-family: 'Poppins', sans-serif;
}

.heading-xl {
	font-size: 32px;
	line-height: 32px;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
}

.heading-md {
	font-size: 32px;
	line-height: 32px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
}

.heading-sm {
	font-size: 24.83px;
	font-weight: 600;
	color: #434343;
	text-transform: uppercase;
	line-height: 28px;
}



/*---------------------------------
REUSABLE BLOCKS
----------------------------------*/


/************CONTACT BOX****************/

.contact-box {
	width: 50%;
	float: left;
	padding-bottom: 45px;
}

.contact-icon {
	height: 34px;
	width: 34px;
	background: #002258;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	float: left;
}

.contact-icon img {
	padding: 9px;
}

.contact-content {
	margin: 0 0 0 34px;
	padding: 0 0 0 30px;
}

.cc-title {
	font-weight: 400;
	color: #002258;
	line-height: 100%;
	margin-bottom: 5px;
}

.cc-detail {
	color: #ffffff;
	line-height: 20px;
}

/************MEDIA BOX****************/

.media-box {
	width: calc(100% - 360px);
}

.media-box-content ul li {
	width: 100%;
	float: left;
	border-bottom: 1px solid #efefef;
	padding: 21px 0 22px 30px;
}

.media-box-content ul li:last-child {
	border-bottom: 0;
}

.media-icon {
	width: 51px;
	height: 51px;
	background: #ebebeb;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	float: left;
}

.media-icon img {
	padding: 8px;
}

.media-content p {
	color: #58585b;
	margin-left: 51px;
	padding: 5px 0 5px 32px;
}



[class*="btn-"] {
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	display: block;
}

[class*="btn-"] i {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	display: inline-block;
	vertical-align: bottom;
	text-align: center;
}

[class*="btn-"] .fa-caret-right:before {
	padding-left: 1px;
}

.btn-blk {
	width: 191px;
	background: #111111;
	line-height: 17px;
	font-weight: 700;
	padding: 13px 19px 13px 18px;
	border: 0;
	cursor: pointer;
}

.btn-blk i {
	width: 17px;
	height: 17px;
	background: #555555;
	color: #ffffff;
	font-size: 10.32px;
	line-height: 17px;
	margin-left: 12px;
}

.btn-cfblue {
	width: 190px;
	background: #2b5694;
	line-height: 16px;
	font-weight: 700;
	padding: 15px 10px;
	cursor: pointer;
}

.btn-cfblue i {
	width: 20px;
	height: 20px;
	background: #ffffff;
	color: #3f3f3f;
	font-size: 12px;
	line-height: 20px;
	margin-left: 14px;
}

.btn-blue {
	width: 140px;
	background: #03abf7;
	border: 0;
	font-size: 18px;
	line-height: 19px;
	font-weight: 700;
	padding: 15px 10px;
	cursor: pointer;
}

.btn-blue i {
	width: 20px;
	height: 20px;
	background: #ffffff;
	color: #111111;
	font-size: 12px;
	line-height: 20px;
	margin-left: 16px;
}



[class*="btn-hvr-"] {

	position: relative;
	overflow: hidden !important;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	z-index: 10;
}

.btn-hvr-dark:hover {
	color: #111111 !important;
}

.btn-hvr-dark:hover i {
	color: #ffffff;
	background: #111111;
}

.btn-hvr-light:hover {
	color: #111111 !important;
}

.btn-hvr-light:hover i {
	color: #ffffff;
	background: #111111;
}

.btn-hvr-blight:hover i {
	color: #111111;
	background: #ffffff;
}

.btn-hvr-po:hover i {
	color: #ffffff;
}

[class*="btn-hvr-"]::before {
	content: '';
	width: 0%;
	height: 100%;
	display: block;
	position: absolute;
	-ms-transform: skewX(-20deg);
	-webkit-transform: skewX(-20deg);
	transform: skewX(-20deg);
	left: -10%;
	opacity: 1;
	top: 0;
	z-index: -12;
	-moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
	-webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
	transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
}

.btn-hvr-dark::before {
	background: #ffffff;
}

.btn-hvr-light::before {
	background: #ffffff;
}

.btn-hvr-blight::before {
	background: #2b5694;
}

.btn-hvr-po::before {
	background: #2b5694;
}

[class*="btn-hvr-"]::after {
	content: '';
	width: 0%;
	height: 100%;
	display: block;
	position: absolute;
	-ms-transform: skewX(-20deg);
	-webkit-transform: skewX(-20deg);
	transform: skewX(-20deg);
	left: -10%;
	opacity: 0;
	top: 0;
	z-index: -15;
	-webkit-transition: all .94s cubic-bezier(.2, .95, .57, .99);
	-moz-transition: all .4s cubic-bezier(.2, .95, .57, .99);
	-o-transition: all .4s cubic-bezier(.2, .95, .57, .99);
	transition: all .4s cubic-bezier(.2, .95, .57, .99);
}

.btn-hvr-dark::after {
	background: #03abf7;
}

.btn-hvr-light::after {
	background: #002258;
}

.btn-hvr-blight::after {
	background: #03abf7;
}

.btn-hvr-po::after {
	background: #03abf7;
}

[class*="btn-hvr-"]:hover::before,
[class*="btn-hvr-"]:hover::before {
	opacity: 1;
	width: 116%;
}

[class*="btn-hvr-"]:hover::after,
[class*="btn-hvr-"]:hover::after {
	opacity: 1;
	width: 120%;
}


/************PRODUCT LISTING****************/

.prd-img img {
	margin: 0 auto;
}

.prd-name {
	font-weight: 400;
	line-height: 24px;
	color: #2b5694;
	text-align: center;
}

hr.seperator {
	/*width: 42.4%;*/
	width: 106px;
	border: 0;
	border-top: 1px solid #e1e1e1;
	height: 1px;
}

.prd-price {
	font-size: 20px;
	font-weight: 700;
	color: #434343;
}

.prd-ptext {
	font-size: 14px;
	line-height: 14px;
	color: #58585b;
}

.prd-overlay {
	opacity: 0;
	background: rgba(255, 255, 255, 0.80);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 72px 51px 60px;
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
	-webkit-transform: scale3d(0.6, 0.6, 1);
	transform: scale3d(0.6, 0.6, 1);
}

.po-btn {
	background: #58585b;
	/*	width: 174px;*/
	width: auto;
	margin: 0 auto 12px auto;
	display: block;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	padding: 16px 0;
	text-align: center;
	text-transform: uppercase;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	line-height: 16px;
	letter-spacing: 0.7px;
}

.po-btn i {
	margin-left: 9px;
	vertical-align: baseline;
}



/*---------------------------------
HEADER
----------------------------------*/

/************TOP BAR****************/

.top-header {
	background: #ececec;
	/*padding: 10px 0;*/
}

.top-nav-left {
	float: left
}

.top-nav-left ul {
	font-size: 0;
}

.top-nav-left ul li {
	display: inline-block;
	padding: 10px 0;
}

.top-nav-left ul li a {
	font-size: 12px;
	font-weight: 400;
	color: #4a4a4b;
	text-transform: uppercase;
	line-height: 24px;
	-webkit-transition: 0.3s ease-in-out color;
	-moz-transition: 0.3s ease-in-out color;
	transition: 0.3s ease-in-out color;
}

.top-nav-left ul li a:hover {
	color: #03abf7;
}

.top-nav-left ul li:after {
	content: '|';
	font-size: 12px;
	color: #4a4a4b;
	margin: 0 20px;
}

.top-nav-left ul li:last-child:after {
	content: none;
}

.top-bar-right {
	float: right;
}

.top-bar-right ul {
	font-size: 0;
}

.top-bar-right ul li {
	display: inline-block;
	padding: 10px 20px;
}

.top-bar-right ul li a {
	font-size: 14px;
	font-weight: 600;
	color: #2b5694;
	text-transform: capitalize;
}

.top-bar-right ul li a i {
	height: 24px;
	width: 24px;
	background: #58585b;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	text-align: center;
	vertical-align: middle;
}

.top-bar-right ul li a i:before {
	font-size: 14px;
	color: #ffffff;
	line-height: 24px;
}

.top-bar-right ul li span {
	font-size: 16px
}

.top-bar-right ul li span {
	margin: 2px 10px 0 0;
	float: left;
	font-family: din-2014, sans-serif;
	font-weight: 500;
}

.top-bar-right .mob-view {
	display: none;
}

.top-bar-right .checkout {
	background: #2b82bc;
	background-image: linear-gradient(#2b82bc, #2b5593);
	position: relative;
}

.top-bar-right ul li.checkout a {
	color: #ffffff;
}

.top-bar-right ul li.checkout a i {
	background: transparent;
}

.top-bar-right ul li.checkout a i:before {
	font-size: 14px;
}

.cart-item {
	width: 20px;
	height: 20px;
	background: #111111;
	color: #ffffff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	display: inline-block;
	text-align: center;
	top: 4px;
	right: 0px;
	position: absolute;
	font-size: 12px;
	line-height: 20px;
}

.top-bar-right ul li span.cart-item {
	margin-right: 10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

}

.top-bar-right ul li.my-account a {
	-webkit-transition: 0.3s ease-in-out color;
	-moz-transition: 0.3s ease-in-out color;
	transition: 0.3s ease-in-out color;
}

.top-bar-right ul li.my-account:hover a {
	color: #111111;
}

.top-bar-right ul li.my-account:hover a i {
	background: #2b5593;
}

.top-bar-right ul li.checkout:hover span.cart-item {
	background: #ffffff;
	color: #111111;
}

/************MAIN HEADER****************/

.main-header {
	padding: 25px 0 26px 0;
}

.block-md-3 {
	width: 33.17%;

}

.mh-left,
.mh-center,
.mh-right {
	float: none;
	display: inline-block;
	vertical-align: middle;
}

.mh-left {
	float: left;
	padding: 0;
}

.mh-center {
	text-align: center;
	position: absolute;
	bottom: -16px;
}

.mh-center img {
	margin: 0 auto;
}

.mh-right {
	float: right;
	text-align: right;
	padding: 0;
}

.main-header .contact-box {
	padding: 0;
	width: 100%;
}

.main-header .contact-icon {
	height: 32px;
	width: 32px;
	background: #03abf7;
	float: none;
	display: inline-block;
	vertical-align: bottom;
}

.main-header .contact-icon img {
	padding: 8px;

}

.main-header .contact-content {
	margin: 0;
	padding: 0 0 0 5px;
	display: inline-block;
}

.main-header .cc-title {
	font-size: 20px;
	font-weight: 700;
	color: #2b5694;
	margin-bottom: 0;
	padding: 6px 0;
	-webkit-transition: 0.3s ease-in-out color;
	-moz-transition: 0.3s ease-in-out color;
	transition: 0.3s ease-in-out color;
}

.main-header .cc-title:hover {
	color: #03abf7;
}

/*********SEARCH BOX*********/
.search-box {
	width: 15%;
	float: left;
	height: 32px;
	/* margin-top: -9px; */
	position: absolute;
	top: -10px;
	right: 184px;
}



.search-box .aws-container .aws-search-field {
	height: 40px;
}

.search-box .aws-container .aws-search-form .aws-form-btn {
	background: #2b5694;
	border: none;
	height: 40px;

}

.search-box .aws-container .aws-search-form .aws-search-btn_icon {
	color: #ffffff;
}

.search-box .aws-container .aws-search-form .aws-form-btn:hover,
.search-box .aws-container[data-show-page="false"] .aws-search-form .aws-search-btn:hover {
	background: #03abf7;
}

.search-box .aws-container .aws-show-clear .aws-search-field {
	padding-right: 25px;
}

.mob-search-view {
	display: none;
}

/************NAVIGATION****************/

a#toggle i {
	position: relative;
	a#toggle top: 0;
	line-height: 45px;
}

a#toggle {
	position: fixed;
	top: 0px;
	right: 13px;
	width: 50px;
	height: 44px;
	background: #03abf7;
	text-align: center;
	color: white;
	display: none;
	transition: all ease-out 0.3s;
	z-index: 200;
	border-radius: 0px;
	font-size: 20px;
	cursor: pointer;
}

#menu ul > li.mob-view {
	display: none;
}

#menu {
	background: #ececec;
	position: relative;
	width: 100%;
	float: left;
}

.menu-links {
	float: none;
	margin: 0 auto;
}

#menu ul {
	margin: 0;
	width: 100%;
	display: block;
	font-size: 0;
	text-align: center;
}



#menu ul > li {
	display: inline-block;
	position: relative;
	transition: all 0.3s ease-out;
	border-right: 1px solid #fff;
}

#menu ul > li:last-child {
	border-right: none;
}

[class*="hnav-"]:before {
	content: '';
	width: 39px;
	height: 31px;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: 11px;
}

.hnav-roofing:before {
	background: url(../images/icon-nav-cat-roofing-blue.png) no-repeat;
}

.hnav-guttering:before {
	background: url(../images/icon-nav-cat-guttering-blue-new.png) no-repeat;
}

.hnav-fascia:before {
	background: url(../images/icon-nav-cat-fascia-blue.png) no-repeat;
}

.hnav-purlins:before {
	background: url(../images/icon-nav-cat-purlins-blue.png) no-repeat;
}

.hnav-fencing:before {
	background: url(../images/icon-nav-cat-fencing-blue.png) no-repeat;
}

.hnav-downpipes:before {
    background: url(../images/icon-nav-cat-guttering-blue.png) no-repeat;
	/*background: url(../images/icon-nav-cat-downpipes-blue.png) no-repeat;*/
}

.hnav-insulation:before {
	background: url(../images/icon-nav-cat-insulation-blue.png) no-repeat;
}

.hnav-flashings:before {
	background: url(../images/icon-nav-cat-flashing-blue.png) no-repeat;
}

.hnav-acces:before {
	background: url(../images/accessories-icon-blue.png) no-repeat;
}


#menu ul li.active .hnav-acces:before {
	background: url(../images/accessories-icon-white.png) no-repeat;
}


#menu ul li.active .hnav-roofing:before {
	background: url(../images/icon-nav-cat-roofing-white.png) no-repeat;
}

#menu ul li.active .hnav-guttering:before {
	background: url(../images/icon-nav-cat-guttering-white.png) no-repeat;
}

#menu ul li.active .hnav-fascia:before {
	background: url(../images/icon-nav-cat-fascia-white.png) no-repeat;
}

#menu ul li.active .hnav-purlins:before {
	background: url(../images/icon-nav-cat-purlins-white.png) no-repeat;
}

#menu ul li.active .hnav-fencing:before {
	background: url(../images/icon-nav-cat-fencing-white.png) no-repeat;
}

#menu ul li.active .hnav-downpipes:before {
	background: url(../images/icon-nav-cat-downpipes-white.png) no-repeat;
}

#menu ul li.active .hnav-insulation:before {
	background: url(../images/icon-nav-cat-insulation-white.png) no-repeat;
}

#menu ul li.active .hnav-flashings:before {
	background: url(../images/icon-nav-cat-flashing-white.png) no-repeat;
}

.cat-name {
	margin-left: 39px;
	padding-left: 10px;
	letter-spacing: 0.4px;

}

#menu ul > li > a {

	padding: 20px 18px 19px 18px;
	display: inline-block;
	font-size: 16px;
	color: #545356;
	line-height: 14px;
	text-transform: uppercase;
	font-weight: 700;
	border-bottom: 3px solid transparent;
}

#menu ul > li.active > a {
	color: #ffffff;
	background: #57585a;
}

#menu ul > li > a > i {
	transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
}

#menu ul > li:hover > a > i {
	transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
}

i.fa.fa-angle-top.mysubmenu {
	display: none;
}

#menu .menu-links > ul > li:hover:before {
	right: 0;
}

#menu .menu-links > ul > li:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0;
	right: 100%;
	bottom: 0;
	background: #03ABF7;
	height: 3px;
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

#menu ul > li:last-child > a {
	border-right: 0px solid #232323;
}

#menu ul li > a > i {
	margin-left: 10px;
	line-height: 10px;
}

/*SUBMENU*/

#menu ul li ul.sub-menu {
	display: none;
	/*	display: block;*/
	position: absolute;
	width: 100%;
	min-width:300px;
	text-align: left;
	z-index: 1;
	background-color: #19191a;
	background-image: linear-gradient(#515153, #19191a);
	overflow: hidden;
	padding: 46px 60px 45px 24px;
	position: absolute;
	border-bottom: 2px solid #ffffff;



	top: 100%;
}


#menu ul li:hover ul.sub-menu {
	display: block;
}

#menu ul li:not(:last-child) ul.sub-menu,
#menu ul li:not(:nth-last-child(2)) ul.sub-menu {
	left: 0;
	/** Sub-Nav Sliding Animation **/
	-webkit-animation: nav-anim-left 0.6s;
	-moz-animation: nav-anim-left 0.6s;
	-o-animation: nav-anim-left 0.6s;
	animation: nav-anim-left 0.6s;
}

#menu ul li:last-child ul.sub-menu,
#menu ul li:nth-last-child(2) ul.sub-menu {
	left: auto;
	right: 0;
	-webkit-animation: nav-anim-right 0.6s;
	-moz-animation: nav-anim-right 0.6s;
	-o-animation: nav-anim-right 0.6s;
	animation: nav-anim-right 0.6s;
}

#menu ul li ul li > a > i {
	display: none;
}

/** Sub-Nav Sliding Animation left**/

@-webkit-keyframes nav-anim-left {
	0% {
		left: -10%;
	}

	100% {
		left: 0;
	}
}

@-moz-keyframes nav-anim-left {
	0% {
		left: -10%;
	}

	100% {
		left: 0;
	}
}

@-o-keyframes nav-anim-left {
	0% {
		left: -10%;
	}

	100% {
		left: 0;
	}
}

@keyframes nav-anim-left {
	0% {
		left: -10%;
	}

	100% {
		left: 0;
	}
}

/** Sub-Nav Sliding Animation left**/

@-webkit-keyframes nav-anim-right {
	0% {
		right: -10%;
	}

	100% {
		right: 0;
	}
}

@-moz-keyframes nav-anim-right {
	0% {
		right: -10%;
	}

	100% {
		right: 0;
	}
}

@-o-keyframes nav-anim-right {
	0% {
		right: -10%;
	}

	100% {
		right: 0;
	}
}

@keyframes nav-anim-right {
	0% {
		right: -10%;
	}

	100% {
		right: 0;
	}
}

#menu ul li ul li.mega-list {
	width: auto;
	float: left;
	/*padding-right: 93px;*/
}

#menu ul li ul li.mega-img {
	width: 203px;
	float: right;
	margin-top: 22px;
}

#menu ul li ul li {
	display: inline-block;
	border-right: 0;
}

#menu ul li ul li.mega-list ul li {
	display: block;

}

#menu ul li ul li.mega-list ul li ul {
	padding-left: 35px;
}

#menu ul li ul li.mega-list a:before {
	content: "\f0da";
	font-family: 'FontAwesome';
	color: #ffffff;
	font-size: 10px;
	background: #03abf7;
	height: 15px;
	width: 15px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	display: inline-block;
	text-align: center;
	left: 0;
	position: absolute;
	padding: 0;
	top: 27%;
	padding-left: 1px;
	line-height: 15px;
}

#menu ul li ul li.mega-list:before {
	left: 35px;
	bottom: 2px;
	height: 3px;
}

#menu ul li ul li.mega-list:hover:before {
	right: -35px;
}

#menu ul li ul li.mega-list a {
	padding: 0;
	width: 100%;
	border-bottom: 0;
	line-height: 18px;
	position: relative;
}

#menu ul li ul li.mega-list a span.sm-name {
	margin-left: 35px;
	display: inline-block;
	padding: 10px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
	width: 100%;
	font-weight: 400;
	text-transform: capitalize;
	color: #e8e6e6;
	padding-right: 35px;
	text-align: left;
}

#menu ul li ul li.mega-list:last-child a span.sm-name {
	border-bottom: none;
}

#menu ul li ul li.mega-list a span.sm-name:hover:before {
	right: -35px;
}

#menu ul li ul li.mega-list a span.sm-name:before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 35px;
	right: 100%;
	bottom: 0;
	background: #03ABF7;
	height: 3px;
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.mega-img img {
	border: 2px solid #ffffff;
}

/*---------------------------------
HOME-BANNER
----------------------------------*/

.home-banner {
	position: relative;
}

.hbanner-slide {
	position: relative;
}

.hbanner-overlay {
	position: absolute;
	/*height: 100%;
	top: 0;*/
	height: auto;
	bottom: 92px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.hbanner-img img,
.hbanner-caption a {
	margin: 0 auto;
}

.hbanner-img {
	width: 395px;
	margin: 0 auto;
}

.hbanner-img img {
	width: 100%;
}

.hbanner-caption .btn-cfblue {
	margin: 34px auto 35px auto;
}

.home-banner .slick-prev {
	z-index: 1;
}

.home-banner .slick-prev,
.home-banner .slick-next {
	width: 40px;
	height: 40px;
	background: #ffffff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	zoom: 1;
	filter: alpha(opacity=60);
	opacity: 0.6;
	/*transition: all 0.4s ease-in;
	-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;*/
	-webkit-transition: 0.4s ease-in-out opacity;
	-moz-transition: 0.4s ease-in-out opacity;
	transition: 0.4s ease-in-out opacity;

}

.home-banner .slick-prev:hover,
.home-banner .slick-next:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

.home-banner .slick-prev:before {
	content: "\f0d9";
	margin-right: 3px;
}

.home-banner .slick-next:before {
	content: "\f0da";
	margin-left: 3px;
}

.home-banner .slick-prev:before,
.home-banner .slick-next:before {
	font-family: 'FontAwesome';
	color: #111111;
	font-size: 20px;
}

.home-banner .slick-prev {
	left: 0;
}

.home-banner .slick-next {
	right: 0;
}


/*---------------------------------
HOME - MEDIA BOX
----------------------------------*/

.home-media-box {
	border-top: 1px solid #707070;
	background: rgba(70, 70, 70, 0.98);
	padding: 24px 0 25px 0;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.js-hmedia-box .hmedia-item {
	text-align: center;
}

.hmedia-img {
	/*float: left;*/
	float: none;
	display: inline-block;
	vertical-align: bottom;
}

.hmedia-content {
	display: inline-block;
}

.hmedia-content p {
	color: #ffffff;
	font-weight: 700;
	text-transform: capitalize;
	/*margin-left: 50px;*/
	/*padding-left: 19px;*/
	padding-left: 10px;
	text-align: left;
}


/*---------------------------------
SECTION - OUR PRODUCT
----------------------------------*/

.our-product.lazyback {
	background-image: none;
}
.our-product {
	background-image: url(../images/pg-left-bg.png), url(../images/bg-pattern.jpg);
	background-position: left top, left top;
	background-repeat: no-repeat, repeat;
	padding: 57px 0 76px 0;
}

.our-product .heading-xl {
	color: #2b5694;
	margin-bottom: 71px;
}

.op-item a {
	background: #ffffff;
	box-shadow: 0 3px 10px rgba(0, 0, 0, .08);
	display: block;
	width: 250px;
	margin: 0 auto;
}

.op-content {
	padding: 40px 30px 33px 31px;
}

.op-icon {
    width: 63px;
    height: 46px;
    margin-bottom: 29px;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
    position: relative;
}
.op-icon.ic-roofing img:last-child {
    position: absolute;
    top: 0;
	display:none;
}
.op-item a:hover .op-icon.ic-roofing img:last-child{
	display:block;
}
/*ic-roofing {
	background: url(../images/icon-cat-roofing.png) no-repeat;
}*/

.ic-guttering {
	background: url(../images/icon-cat-guttering.png) no-repeat;
}

.ic-fascia {
	background: url(../images/icon-cat-fascia.png) no-repeat;
}

.ic-downpipes {
	background: url(../images/icon-cat-downpipes.png) no-repeat;
}

.ic-insulation {
	background: url(../images/icon-cat-insulation.png) no-repeat;
}

.ic-flashing {
	background: url(../images/icon-cat-flashing.png) no-repeat;
}

.op-title {
	display: block;
	font-size: 24px;
	text-transform: capitalize;
	font-weight: 700;
	color: #2b5694;
	margin-bottom: 8px;
	letter-spacing: 0.6px;
	-webkit-transition: 0.45s ease-in-out color;
	-moz-transition: 0.45s ease-in-out color;
	transition: 0.45s ease-in-out color;
}

.op-text {
	margin-bottom: 34px;
	height: 37px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;

}

.op-text p {
	color: #4a4a4b;
	line-height: 18px;
	-webkit-transition: 0.45s ease-in-out color;
	-moz-transition: 0.45s ease-in-out color;
	transition: 0.45s ease-in-out color;
	letter-spacing: 0.4px;
}

.op-item i {
	width: 26px;
	height: 26px;
	background: #58585b;
	font-size: 14px;
	text-align: center;
	line-height: 26px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-transition: 0.45s ease-in-out background;
	-moz-transition: 0.45s ease-in-out background;
	transition: 0.45s ease-in-out background;
}

.op-item i:before {
	color: #ffffff;
	margin-left: 2px;
}

.op-item a .op-content {
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.op-item a .op-content:before {
	content: '';
	display: block;
	position: absolute;
	height: 0%;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: -1;
	transition: all 0.20s ease-in-out;
	-webkit-transition: all 0.20s ease-in-out;
	-moz-transition: all 0.20s ease-in-out;
	-o-transition: all 0.20s ease-in-out;
	background: linear-gradient(#2b82bc, #2b5593);
}

.op-item a:hover .op-content:before {
	height: 100%;
}


/*.op-item a:hover .ic-roofing {
	background: url(../images/icon-cat-roofing-white.png) no-repeat;
}*/

.op-item a:hover .ic-guttering {
	background: url(../images/icon-cat-guttering-white.png) no-repeat;
}

.op-item a:hover .ic-fascia {
	background: url(../images/icon-cat-fascia-white.png) no-repeat;
}

.op-item a:hover .ic-downpipes {
	background: url(../images/icon-cat-downpipes-white.png) no-repeat;
}

.op-item a:hover .ic-insulation {
	background: url(../images/icon-cat-insulation-white.png) no-repeat;
}

.op-item a:hover .ic-flashing {
	background: url(../images/icon-cat-flashing-white.png) no-repeat;
}

.op-item a:hover .op-text p,
.op-item a:hover .op-title {
	color: #ffffff;
}

.op-item a:hover i {
	background: #03abf7;
}


.op-item .op-img {
	overflow: hidden;
}


.op-item a:hover .op-img img {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

.op-item .op-img img {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .45s ease-in-out;
	transition: .45s ease-in-out;
	-webkit-transition: .45s ease-in-out;
	-moz-transition: .45s ease-in-out;
	-o-transition: .45s ease-in-out;

}


.op-item a .op-icon.ic-roofing img.icon-image {
	display: block
}

.op-item a:hover .op-icon.ic-roofing img.icon-image {
	display: none
}

.op-item a .op-icon.ic-roofing img.icon-hover-image {
	display: none
}

.op-item a:hover .op-icon.ic-roofing img.icon-hover-image {
	display: block
}


/*---------------------------------
SECTION - FEATURED PRODUCT
----------------------------------*/

.featured-products {
	padding: 60px 0;
}

.fp-info-box.lazyback {
	background: none;
}
.fp-info-box {
	width: 358px;
	float: left;
	background: url(../images/bg-infobox-lg.jpg) no-repeat;
	background-size: cover;
	padding: 100px 45px 99px 66px;
}

.fp-info-box .heading-xl {
	line-height: 26px;
}

.fp-info-box img {
	margin-bottom: 35px;
}

.fp-info-box p {
	line-height: 24px;
	color: #ffffff;
}

.fp-info-text {
	padding: 20px 0 59px 0;
}

.fp-listing {
	width: calc(100% - 408px);
	float: right;
}

/*product listing*/

.js-feature-products {
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;

}

.js-feature-products li {
	box-shadow: 1px 0 0px #e1e1e1;
	padding: 81px 45px 63px 45px;
	border: 3px solid transparent;
	-webkit-transition: 0.5s ease-in-out border;
	-moz-transition: 0.5s ease-in-out border;
	transition: 0.5s ease-in-out border;
	position: relative;
}

.js-feature-products li:hover {
	border: 3px solid #03abf7;
}

.js-feature-products li:nth-child(4n) {
	box-shadow: none;
}

/*
.js-feature-products li a {
	width: 230px;
	margin: 0 auto;
	display: block;
}
*/

.fp-listing .prd-img {
	margin-bottom: 62px;
}

.fp-listing .prd-content {
	//padding-bottom: 66px;
}

.fp-listing .prd-content hr.seperator {
	/*width: 42.4%;*/
	/*width: 106px;*/
	/*border: 0;
	border-top: 1px solid #e1e1e1;*/
	margin: 0px auto 12px auto;
	/*height: 1px;*/
}

.fp-listing .prd-name {
	font-size: 18px;
	margin-bottom: 23px;
	height: 49px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.fp-listing .prd-price {
	font-size: 22px;
}

.fp-listing .prd-ptext {
	font-size: 14px;
}

.js-feature-products li .prd-overlay {
	padding: 160px 75px 60px;
	-webkit-transition: opacity 0.60s, -webkit-transform 0.60s;
	transition: opacity 0.60s, transform 0.60s;
	-webkit-transform: scale3d(0.5, 0.5, 1);
	transform: scale3d(0.5, 0.5, 1);
}

.js-feature-products li:hover .prd-overlay {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

/*---------------------------------
SECTION - HOME ABOUT
----------------------------------*/
.home-about.lazyback {
	background-image: none;
}
.home-about {
	background-image: url(../images/pg-right-bg.png), url(../images/bg-pattern.jpg);
	background-position: right top, left top;
	background-repeat: no-repeat, repeat;
}

.home-about-content {
	padding: 50px 0 60px 0;
}

.ha-left {
	width: calc(100% - 358px);
	float: left;
	padding: 0 198px;
}

.ha-right {
	width: 358px;
	float: left;
}

.home-about-content .heading-xl {
	color: #2b5694;
	padding-top: 69px;
	margin-bottom: 20px;
}

.ha-left p {
	font-size: 18px;
	color: #58585b;
	text-align: center;
	line-height: 26px;
}

.ha-left a {
	color: #2b5694;
	font-weight: 700;
	-webkit-transition: 0.3s ease-in-out color;
	-moz-transition: 0.3s ease-in-out color;
	transition: 0.3s ease-in-out color;
	display: inline-block;
}

.ha-left a:hover {
	color: #03abf7;
}

.ha-left .double-line {
	width: 32.305433186490456%;
	margin: 45px auto 39px auto;
}

.ha-sub-title {
	font-size: 22px;
	color: #58585b;
	font-weight: 700;
	text-align: center;
	display: block;
	line-height: 22px;
	margin-bottom: 17px;
}

span.note-box {
	color: #2b5694;
	display: block;
	background: #ffffff;
	width: 59.8343685300207%;
	margin: 44px auto;
	border: 1px dashed #e1e1e1;
	padding: 14px;
	line-height: 17px;
	text-align: center;
}

.ha-info-box.lazyback {
	background: none;
}
.ha-info-box {
	background: url(../images/bg-infobox-lg.jpg) no-repeat;
	background-size: cover;
	padding: 74px 51px 99px 73px;
}

.ha-info-box img {
	margin-bottom: 34px;
}

.ha-info-text {
	margin-bottom: 58px;
}

.ha-info-box p {
	font-size: 18px;
	line-height: 26px;
	color: #ffffff;

}


/*---------------------------------
SECTION - PAGE BANNER
----------------------------------*/

.page-banner {
	background: url(../images/page-banner-bg.jpg) no-repeat bottom;
	background-size: cover;
	padding: 33px 0 32px 0
}

/*---------------------------------
SECTION - BREADCRUMBS
----------------------------------*/

.breadcrumbs {
	background: #ffffff;
	border-bottom: 1px solid rgba(183, 183, 183, 0.40);
}

.breadcrumbs-list {
	padding: 13px 0 12px 0;
}

.breadcrumbs-list ul {
	font-size: 0;
}

.breadcrumbs-list ul li {
	display: inline-block;
	color: #58585b;
	font-size: 14px;
	color: #58585b;
	text-transform: capitalize;
	line-height: 14px;
	margin-right: 20px;
	padding: 5px 0;
	position: relative;
}

.breadcrumbs-list ul li.active {
	font-weight: 400;
	color: #2b5694;
}

.breadcrumbs-list ul li:before {
	content: "\f0da";
	font-family: 'FontAwesome';
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 14px;
	color: #57585a;
	background: #ececec;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	display: inline-block;
	text-align: center;
	line-height: 20px;
	position: absolute;
	top: 2px;
}

.breadcrumbs-list ul li:first-child:before {
	content: none;
}

.breadcrumbs-list ul li a {
	-webkit-transition: 0.3s ease-in-out color;
	-moz-transition: 0.3s ease-in-out color;
	transition: 0.3s ease-in-out color;
}

.breadcrumbs-list ul li a:hover {
	color: #03abf7;
}

.breadcrumbs-list ul li span {
	margin-left: 20px;
	padding-left: 20px;
	display: block;
}

.breadcrumbs-list ul li:first-child span {
	margin-left: 0px;
	padding-left: 0px;
}

/*---------------------------------
PAGE - PRODUCT CATEGORY
----------------------------------*/

.pg-prd-category .pg-wrap {
	padding: 29px 39px 12px 41px;
}

.pc-text {
	margin-bottom: 33px;
}

.pc-text p {
	font-size: 18px;
	line-height: 26px;
	color: #58585b;
	text-align: center;
}

ul.prd-category {
	text-align: center;
	font-size: 0;
}

.prd-category li.pc-item {
	width: 31.446%;
	float: left;
	margin: 0 0 39px 0;
	float: none;
	margin: 0 0.94% 39px;
	display: inline-block;
}

.prd-category li.pc-item a {
	display: block;
}


.pc-item .pc-img {
	overflow: hidden;
}

.pc-item .pc-img img {
	width: 100%
}



.pc-item .pc-img img {
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	-moz-transition: .45s ease-in-out;
	-o-transition: .45s ease-in-out;
	-webkit-transition: .45s ease-in-out;
	transition: .45s ease-in-out;
}

.pc-content {
	background-color: #2d2d2d;
	background-image: linear-gradient(#545457, #2d2d2d);
	padding: 19px 20px;
	display: inline-block;
	width: 100%;
	position: relative;
	z-index: 1;
}

.pc-content:before {
	position: absolute;
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(#2b82bc, #2b5593);
	z-index: -1;
	transition: opacity 0.5s linear;
	opacity: 0;
}

.pc-item a:hover .pc-content::before {
	opacity: 1;
}

/*
.pc-title {
	display: block;
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	text-transform: capitalize;
	float: left;
}
*/

.pc-title {
	display: block;
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	text-transform: capitalize;
	float: left;
	width: 90%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}

.pc-content i {
	width: 26px;
	height: 26px;
	background: #707070;
	font-size: 14px;
	text-align: center;
	line-height: 26px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	float: right;
	-webkit-transition: 0.3s ease-in-out background;
	-moz-transition: 0.3s ease-in-out background;
	transition: 0.3s ease-in-out background;
}

.pc-content i:before {
	color: #ffffff;
	margin-left: 2px;
}

.pc-item a:hover .pc-img img {
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

.pc-item a:hover .pc-content i {
	background: #03abf7;
}



/*---------------------------------
PAGE - PRODUCT LISTING
----------------------------------*/

.prd-list-sidebar {
	width: 305px;
	float: left;
}

.sidebar_toggle {
	display: none;
}

/************ACCORDION****************/

.acc-our-product {
	background: url(../images/bg-infobox-xl.jpg) no-repeat;
	background-size: cover;
	margin-bottom: 34px;
}

.acc-our-product .double-line {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	margin-bottom: 8px;
}

.heading-acc-op {
	font-size: 26px;
	line-height: 26px;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
	padding: 22px 27px 16px 27px;

}

.acc-head {
	font-weight: 700;
	text-transform: uppercase;
	color: #ffffff;
	line-height: 16px;
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding: 14px 27px 15px 51px;
	cursor: pointer;
}

.plus:before {
	content: "\f0da";
	position: absolute;
	box-sizing: border-box;
	font-family: "FontAwesome";
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	left: 27px;
	top: 15px;
	line-height: 100%;

}

.minus:before {
	content: "\f0d7";
	position: absolute;
	box-sizing: border-box;
	font-family: "FontAwesome";
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	left: 27px;
	top: 15px;
	line-height: 100%;
}

.acc-body ul {
	background: rgba(2, 19, 47, .44);
	margin: 19px 24px 19px 51px;
	padding: 22px 22px 12px 22px;

}

.acc-body ul li {
	position: relative;
	margin-bottom: 10px;
}

.acc-body ul li a {
	display: inline-block;
	margin-left: 5px;
	padding-left: 12px;
	color: #ffffff;
	line-height: 20px;
}

.acc-body ul li:before {
	content: "\f0da";
	position: absolute;
	box-sizing: border-box;
	font-family: "FontAwesome";
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	top: 4px;
	line-height: 100%;
}

/*.acc-head:after {
	content: '';
	height: 2px;
	width: 20%;
	display: block;
	border-bottom: 2px solid #ffffff;
	position: absolute;
	bottom: 0;
	opacity: 0;
}

.acc-head:hover:after {
	opacity: 1;
}*/

.acc-title {
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	position: relative;
	overflow: hidden;
}

.acc-head:hover .acc-title:before {
	right: 0;
}

.acc-head .acc-title:before,
.acc-head .active:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 100%;
	bottom: -13px;
	background: #ffffff;
	height: 2px;
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.acc-head .active:before {
	right: 0;
}


/************CALL US BOX****************/

.call-us-box {
	padding: 14px 27px;
}

.call-us-box:before,
.call-us-box:after {
	content: '';
	height: 38px;
	width: 100%;
	display: block;
}

.call-us-box:before {
	background: url(../images/call-top-bbox.png) no-repeat;
}

.call-us-box:after {
	background: url(../images/call-bottom-bbox.png) no-repeat;
}

.call-us-box .contact-box {
	width: 75%;
	float: none;
	margin: 0 auto;
	padding: 0;
}

.call-us-box .contact-content {
	margin: 0 0 0 42px;
	padding: 3px 0 3px 20px;
}

.call-us-box .contact-icon {
	height: 42px;
	width: 42px;
	background: #ffffff;

}

.call-us-box .contact-icon img {
	padding: 13px;
}

.call-us-box .cc-title {
	font-size: 14px;
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 2px;
}

.call-us-box .cc-detail {
	font-size: 20px;
	color: #ffffff;
	font-weight: 700;
	-webkit-transition: 0.4s ease-in-out color;
	-moz-transition: 0.4s ease-in-out color;
	transition: 0.4s ease-in-out color;
}

.call-us-box .cc-detail:hover {
	color: #03abf7;
}

/************MEDIA BOX****************/

.media-bar .heading-sm {
	margin-bottom: 3px;
}

.media-bar .heading-xl {
	font-size: 28.65px;
	color: #2b5694;
	line-height: 29px;
	margin-bottom: 10px;
}

.media-bar .media-box-content ul li {
	border-bottom: 1px solid rgba(183, 183, 183, 0.5);
}

.media-bar .media-box-content ul li:last-child {
	border-bottom: none;
}

.media-bar .media-item {
	padding: 20px 0 19px 0;
}

.media-bar .media-icon {
	background: #ffffff;
}

.media-bar .media-content p {
	padding: 5px 0 5px 15px;
	font-weight: 600;
}

/************PRODUCT LIST****************/

.pg-product-listing .col-pg-wrap {
	margin-bottom: 40px;
}

.prd-listing-wrap {
	width: calc(100% - 327px);
	float: right;
	background: #ffffff;
	box-shadow: 0 3px 10px rgba(0, 0, 0, .08);
}

.result-filter {
	padding: 15px 47px;
}

.result-box {
	margin: 7px 0px;
}

.result-text {
	font-size: 12px;
	color: #949292;
	line-height: 18px;
}

.prd-listing-wrap .double-line {
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

.prd-list-container {
	padding: 15px 34px 30px 34px;
}

ul.prd-listing li {
	width: 33.33333%;
	float: left;
	box-shadow: 1px 0 0px #e1e1e1;
	border: 3px solid transparent;
	margin: 0 auto;
	padding: 23px 0 15px 0;
	position: relative;
	margin-top: 30px;
	margin-bottom: 30px;
	-webkit-transition: 0.5s ease-in-out border;
	-moz-transition: 0.5s ease-in-out border;
	transition: 0.5s ease-in-out border;
}

ul.prd-listing li:nth-child(1),
ul.prd-listing li:nth-child(2),
ul.prd-listing li:nth-child(3) {
	margin-top: 0;
}

ul.prd-listing li:nth-child(3n) {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

ul.prd-listing li:after {
	content: '';
	border-bottom: 1px solid #e1e1e1;
	height: 1px;
	width: 102%;
	display: block;
	position: absolute;
	bottom: -30px;
}

ul.prd-listing li:nth-last-child(-n + 3):after {
	content: none;

}

.prd-listing .prd-img {
	margin-bottom: 30px;
}

.prd-listing .prd-img img {
	border: 1px solid #ebebeb;

}

ul.prd-listing li:hover {
	border: 3px solid #03abf7;
}

.prd-listing .prd-name {
	font-weight: 600;
	margin-bottom: 13px;
	height: 75px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.prd-listing hr.seperator {
	margin: 0px auto 13px auto;
}

ul.prd-listing li:hover .prd-overlay {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

.pl-pagination {
	background: #ececec;
	padding: 12px 0;
	text-align: center;
}

/*---------------------------------
PAGE - PRODUCT DETAIL
----------------------------------*/

.pg-product-detail .pg-wrap {
	padding: 39px 38px 48px 40px;
}

.prd-detail-box {
	margin-bottom: 57px;
}

.pdb-img {
	width: calc(100% - 55%);
	/*width: 518px;*/
	border: 1px solid #ebebeb;
	padding: 24px 0;
	float: left;
}

.pdb-img img {
	margin: 0 auto;
}

.pdb-detail {
	width: calc(100% - 518px);
	padding-left: 40px;
	float: right;
}

.prd-title {
	font-size: 18px;
	line-height: 20px;
	font-weight: 700;
	color: #434343;
	margin-bottom: 12px;
}

.prd-detail {
	line-height: 18px;
	color: #58585B;
	margin-bottom: 22px;
}

.price-box {
	background: #f3f3f3;
	border-bottom: 1px solid rgba(67, 67, 67, .60);
	padding: 24px 37px 24px 30px;
}

.pb-left {
	float: left;
}

.price-box .prd-price {
	font-size: 24px;
	color: #2B5694;
	line-height: 24px;
}

.price-box .prd-ptext {
	color: #434343;
}

.pb-right {
	float: right;
}

.pb-right .media-icon {
	width: 45px;
	height: 45px;
	background: #2b5694;
}

.pb-right .media-icon img {
	padding: 4px 5px;
}

.pb-right .media-content p {
	margin-left: 45px;
	padding: 2px 0 2px 25px;
	font-weight: bold;
}

.lcq-box {
	border-bottom: 1px solid rgba(207, 205, 205, .70);
	padding: 0px 0 25px 0;
	margin-bottom: 21px;
}

ul.lcq-box li {
	display: inline-block;
	float: left;
	margin-right: 31px;
	padding-top: 22px;
}

ul.lcq-box li:last-child {
	margin-right: 0;
}

.lcq-title {
	display: block;
	color: rgba(88, 88, 91, 0.8);
	line-height: 16px;
	margin-bottom: 12px;
	/**display:none;*/
}

/************CUSTOM SELECT****************/

.select-wrapper {
	position: relative;
	width: 200px;
}

.select-wrapper .select {
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #ffffff;
	border: 1px solid #ebebeb;
	border-radius: 0;
	cursor: pointer;
	padding: 9px 13px;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	color: #2b5694;
}

.select-wrapper::after {
	content: "\f0d7";
	font-family: "FontAwesome";
	padding: 12px 13px;
	pointer-events: none;
	position: absolute;
	right: 4px;
	top: 0;
	color: #8a8a8a;
	border-left: 1px solid #ebebeb;
}

.select-wrapper-round {
	position: relative;
	width: 156px;
	margin-bottom: 1px;
}

.select-wrapper-round .select {
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #f1f1f1;
	border: 1px solid #ebebeb;
	border-radius: 0;
	cursor: pointer;
	padding: 2px 25px;
	width: 100%;
	font-size: 14px;
	line-height: 25px;
	color: #434343;
	font-weight: 600;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}

.select-wrapper-round::after {
	content: "\f0d7";
	font-family: "FontAwesome";
	padding: 8px 8px;
	pointer-events: none;
	position: absolute;
	right: 4px;
	top: 0;
	color: #b7b7b7;
	font-size: 14px;
}

/************QUANTITY BOX****************/

.quantity-box {
	float: left;
}

.quantity-box input {
	padding: 6px 12px;
	float: left;
	color: #2b5694;
	font-size: 14px;
	border: 1px solid #ebebeb;
	width: 129px;
	text-align: center;
	height: 40px;
	border-radius: 0;
}

.quantity-box input[type=number]::-webkit-inner-spin-button,
.quantity-box input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.value-button {
	border: 1px solid #ebebeb;
	font-size: 10px;
	margin: 0 -1px;
	height: 40px;
	width: 36px;
	line-height: 38px;
	text-align: center;
	float: left;
	color: #8A8A8A;
	background: #fff;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
}

.dim-title {
	color: rgba(88, 88, 91, .80);
	line-height: 16px;
	margin-bottom: 12px;
}

.pdb-detail .btn-blk {
	width: 166px;
}

.dimecontrol {
	height: 40px;
	width: 120px;
	border: 1px solid #ebebeb;
	font-size: 14px;
	padding: 12px 13px;
	margin-bottom: 16px;
	color: #2b5694;
}

/************PRODUCT DESC TAB****************/

.prd-desc-tab {
	width: calc(100% - 380px) !important;
	float: left;

}

/************PRODUCT DESC MEDIA****************/

.prd-desc-media {
	width: 360px;
	float: right;
	margin-left: 20px;
}

.pd-media-box {
	//border: 1px solid #ebebeb;
}

.pd-media-box li:first-child {
	border-top: 1px solid #ebebeb;
}

.pd-media-box li {
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	padding: 33px 25px 33px 18px;
}

.pd-media-box .media-icon {
	width: 45px;
	height: 45px;
	background: #2b5694;
}

.pd-media-box .media-icon img {
	padding: 6px 5px;
}

.pd-media-box .media-content p {
	margin-left: 45px;
	padding: 2px 0 2px 25px;
	font-weight: bold;
}

/************RELATED PRODUCT****************/

.related-product {
	background: #ffffff;
	margin-bottom: 47px;
	padding: 0 2px 59px 0;
}

.related-product ul li:last-child {
	box-shadow: none;
}

.related-product ul li:after {
	content: none;
}

.related-product ul li {
	margin-top: 0;
	margin-bottom: 0;
	padding: 44px 0 65px 0;
}

.js-rel-prd-listing .slick-prev,
.js-rel-prd-listing .slick-next {
	width: 32px;
	height: 32px;
	background: #f3f3f3;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	zoom: 1;
	filter: alpha(opacity=1);
	opacity: 1;
	top: auto;
	bottom: -63px;
	z-index: 1;
	border: 1px solid transparent;
	-webkit-transition: 0.5s ease-in-out background;
	-moz-transition: 0.5s ease-in-out background;
	transition: 0.5s ease-in-out background;
}

.js-rel-prd-listing .slick-prev:hover,
.js-rel-prd-listing .slick-next:hover {
	background: #2b5694;

}

.js-rel-prd-listing .slick-prev:hover:before,
.js-rel-prd-listing .slick-next:hover:before {
	color: #ffffff;
}

.js-rel-prd-listing .slick-prev {
	left: 47%;
}

.js-rel-prd-listing .slick-next {
	left: 51%;
}

.js-rel-prd-listing .slick-prev:before,
.js-rel-prd-listing .slick-next:before {
	font-family: 'FontAwesome';
	color: #2b5694;
	font-size: 14px;
	zoom: 1;
	filter: alpha(opacity=1);
	opacity: 1;

	-webkit-transition: 0.5s ease-in-out color;
	-moz-transition: 0.5s ease-in-out color;
	transition: 0.5s ease-in-out color;

}

.js-rel-prd-listing .slick-prev:before {
	content: "\f0d9";
}

.js-rel-prd-listing .slick-next:before {
	content: "\f0da";
}

/*---------------------------------
PAGE - ABOUT
----------------------------------*/

.pg {
	background-image: url(../images/pg-left-bg.png), url(../images/bg-pattern.jpg);
	background-position: left top, left top;
	background-repeat: no-repeat, repeat;
	padding-top: 38px;
}

.col-pg-wrap {
	float: none;
	margin: 0 auto;
}

.pg-wrap {
	padding: 38px 37px 42px;
	background: #ffffff;
	box-shadow: 0 3px 10px rgba(0, 0, 0, .08);
	margin-bottom: 41px;
}

.au-left {
	width: 486px;
	float: left;
	margin-right: 30px;
}


.au-right {
	width: calc(100% - 516px);
	float: left;
}

.au-left p {
	margin: 37px 0 34px 0;
	color: #58585b;
	line-height: 24px;
}

.au-left .contact-box {
	padding-bottom: 0;
}

.au-left .contact-icon {
	background: #03abf7;
	width: 32px;
	height: 32px;
}

.au-left .contact-icon img {
	padding: 8px;
}

.au-left .contact-content {
	margin: 0 0 0 32px;
	padding: 0 0 0 17px;
}

.au-left .cc-title {
	font-size: 14px;
	color: #58585b;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.au-left .cc-detail {
	font-size: 18px;
	font-weight: 400;
	color: #2b5694;

}

.au-left .cc-detail a {
	-webkit-transition: 0.3s ease-in-out color;
	-moz-transition: 0.3s ease-in-out color;
	transition: 0.3s ease-in-out color;
}

.au-left .cc-detail a:hover {
	color: #03abf7;
}

.badge-box {
	margin-bottom: 18px;
}

.badge-box img {
	float: left;
	margin-left: 20px;
}

.badge-box p {
	margin-left: 89px;
	padding: 14px 0 14px 24px;
	font-weight: 400;
	color: #58585b;
}

.au-right .media-box-content ul li:first-child {
	padding: 30px 0 22px 30px;
}

.au-right .media-box-content ul li {
	float: none;
	display: block;
}


/************INFO BOX****************/

.au-info-box {
	width: 282px;
	background: url(../images/bg-infobox-sm.jpg) no-repeat;
	padding: 64px 45px 64px 46px;
}

.au-info-box p {
	font-size: 18px;
	font-family: 'Poppins', sans-serif;
	text-transform: uppercase;
	line-height: 18px;
	color: #ffffff;
	text-align: center;
	margin-bottom: 16px;
}

.au-info-box span {
	font-size: 24.38px;
	display: block;
	text-align: center;
	background: rgba(255, 255, 255, .3);
	text-transform: uppercase;
	line-height: 26px;
	color: #ffffff;
	padding: 22px 0;
	margin-bottom: 19px;
}

.au-info-box strong {
	font-size: 29.8px;
	letter-spacing: 1.49px;
	font-weight: bold;
	line-height: 30px;
	padding: 10px 0;
	display: inline-block;
}

/*---------------------------------
PAGE - CONTACT US
----------------------------------*/

.pg-contact-us .heading-xl {
	color: #515154;
	padding: 23px 0 20px 0;
}

.pg-contact-us ul.contact-box-main {
	text-align: center;
	padding-top: 42px;
}

.pg-contact-us ul.contact-box-main li {
	display: inline-block;
	float: none;
	width: 18%;
	vertical-align: top;
}

.pg-contact-us ul.contact-box-main li:nth-child(1) {
	margin-right: 170px;
}

.pg-contact-us ul.contact-box-main li:nth-child(2) {
	margin-right: 119px;
}

.pg-contact-us .pg-wrap {
	padding: 0;
}

.pg-contact-us .contact-box {
	width: 100%;
	float: left;
	padding-bottom: 32px;
	margin: 0 auto;
}

.pg-contact-us .contact-icon {
	height: 48px;
	width: 48px;
	background: #2b5694;
}

.pg-contact-us .contact-icon img {
	padding: 16px;
}

.pg-contact-us .contact-icon:after {
	content: '';
	border-right: 1px solid rgba(43, 86, 148, .20);
	height: 74px;
	position: absolute;
}

.pg-contact-us .contact-content {
	text-align: left;
	margin: 0 0 0 48px;
	padding: 0 0 0 19px;
}

.pg-contact-us .cc-title {
	color: #434343;
	line-height: 16px;
	padding: 4px 0 10px 0;
	margin: 0;
}

.pg-contact-us .cc-detail {
	font-weight: 700;
	color: #434343;
	line-height: 20px;
}

.pg-contact-us .cc-detail a {
	color: #434343;
	-webkit-transition: 0.3s ease-in-out color;
	-moz-transition: 0.3s ease-in-out color;
	transition: 0.3s ease-in-out color;
}

.pg-contact-us .cc-detail a:hover {
	color: #03abf7;
}

.form-map {
	padding: 0 40px 49px 38px;
}

.cu-left,
.cu-right {
	width: 50%;
	float: left;
}

.cu-left {
	background: url(../images/bg-infobox-xl.jpg) no-repeat;
	padding: 40px;
	background-size: cover;
}

.cu-left p {
	color: #ffffff;
	line-height: 16px;

}

.cu-left p strong {
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 6px;
	display: block;
}

.cu-form {
	margin: 28px 0 0 0;
}

.cu-form .form-control {
	width: 100%;
	margin-bottom: 17px;
}

.cu-form .inline {
	width: 48.13%;
}

.cu-form .textcontrol,
.cu-form .areacontrol {
	background: rgba(3, 31, 74, .50);
	border: 1px solid #03abf7;
	outline: none;
	min-height: 48px;
	padding: 0 10px;
	width: 100%;
	color: #e1e1e1;
	line-height: 30px;
}

.cu-form .textcontrol:focus,
.cu-form .areacontrol:focus {
	border: 1px solid #ffffff;
}

.cu-form .areacontrol {
	min-height: 118px;
}

.cu-form ::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: rgba(255, 255, 255, .70);
}

.cu-form :-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: rgba(255, 255, 255, .70);
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	filter: alpha(opacity=1);
}

.cu-form ::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: rgba(255, 255, 255, .70);
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	filter: alpha(opacity=1);
}

.cu-form :-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: rgba(255, 255, 255, .70);
}

.cu-form ::-ms-input-placeholder {
	/* Microsoft Edge */
	color: rgba(255, 255, 255, .70);
}

.cu-form ::placeholder {
	/* Most modern browsers support this now. */
	color: rgba(255, 255, 255, .70);
}

.cu-form .captcha {
	margin-right: 8px;
}


.map {
	border: 4px solid #515254;
	box-shadow: 0 3px 10px rgba(0, 0, 0, .3); //height: 28.22vw;
}

/*---------------------------------
SECTION - OUR BRAND
----------------------------------*/

.our-brands .heading-xl {
	margin-bottom: 35px;
	color: #2b5694;
	padding: 0;
}

.brand-content {
	padding: 38px 0 58px 0;
	margin: 0 180px;
}

.js-brand img {
    margin: 0 21px;
    height: auto;
}
/*---------------------------------
SECTION - CONTACT
----------------------------------*/

/************GET IN TOUCH****************/
.f-contact.lazyback {
	background: none;
}
.f-contact {
	background: url(../../../../wp-content/uploads/2019/03/contact-bg.jpg) no-repeat center;
	background-size: cover;
}

.f-get-in-touch {
	float: left;
	width: 48.372093023255815%;
	padding: 62px 0;
}

.f-get-in-touch .heading-xl {
	margin-bottom: 27px;
}

.f-contact-form fieldset {
	border: 1px solid rgba(225, 225, 225, 0.5);
	transition: all 0.4s ease-in;
	-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;
}

.f-contact-form fieldset:hover {
	border: 1px solid #03abf7;
}

.f-contact-form fieldset legend {
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	color: #03abf7;
	text-transform: capitalize;
	padding: 0 12px 0 12px;
	margin-left: -12px;
}

.f-contact-form .form-control {
	width: 100%;
	margin-bottom: 20px;
}

.f-contact-form .inline {
	width: 48.13%;
}

.f-contact-form .textcontrol,
.f-contact-form .areacontrol {
	background: transparent;
	outline: none;
	min-height: 37px;
	border: 0px;
	padding: 0 10px;
	width: 100%;
	color: #e1e1e1;
	line-height: 18px;
}

.f-contact-form .areacontrol {
	min-height: 77px;
	resize: none;
}

.f-contact-form .captcha {
	margin-right: 33px;
	width: 210px;
}

.f-contact-form .btn-submit {
	float: left;
	font-size: 18px;
	line-height: 40px;
	color: #ffffff;
	font-weight: bold;
	background: #03abf7;
	cursor: pointer;
	border: none;
	width: 140px;
	padding: 5px 0;
	text-transform: uppercase;
}

.f-contact-form .btn-submit i {
	color: #111111;
	font-size: 12px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background: #ffffff;
	margin-left: 16px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}



/************CONTACT DETAILS****************/

.f-contact-detail {
	float: right;
	width: 41.104651162790695%;
	background: #03abf7;
	margin: 74px 0;
	padding: 59px 50px;
}

.f-contact-detail .heading-xl {
	margin-bottom: 52px;
}

.f-contact-detail ul li {
	display: inline-block;
	width: 100%;
}

.f-contact-detail ul li:first-child {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}


.f-contact-detail ul li .contact-box:last-of-type {
	padding-left: 74px;
}

.f-contact-detail ul li:last-child {
	padding-top: 35px;
}

.f-contact-detail ul li:last-child .contact-box {
	padding-top: 27px;
	padding-bottom: 27px;
}

.f-contact-detail ul li:last-child .contact-box:first-of-type {
	border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.f-contact-detail .cc-detail a {
	color: #ffffff;
	-webkit-transition: 0.3s ease-in-out color;
	-moz-transition: 0.3s ease-in-out color;
	transition: 0.3s ease-in-out color;
}

.f-contact-detail .cc-detail a:hover {
	color: #111111;
}


/*---------------------------------
FOOTER
----------------------------------*/

/************NAVIGATION****************/

.f-navigation {
	background: #ebebeb url(../images/bg-pattern.jpg) repeat;
	padding: 38px 0;
}

.f-nav-list ul li {
	display: inline-block;
}

.f-nav-list ul li:after {
	content: "|";
	margin: 0 29px;
	line-height: 15px;
	display: inline-block;
}

.f-nav-list ul li:last-child:after {
	content: none;
}

.f-nav-list ul li a {
	line-height: 16px;
	color: #424242;
	text-transform: capitalize;
	display: inline-block;
	transition: all 0.4s ease-in;
	-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
	-o-transition: all 0.4s ease-in;
}

.f-nav-list ul li:hover a {
	color: #03abf7;
}

.f-nav-list ul li.active a {
	color: #03abf7;
}

.top-nav-left ul li.active a {
	color: #03abf7;
}


/************COPYRIGHT****************/

.copyright {
	padding: 20px 0;
}

.cr-text {
	font-size: 14px;
	line-height: 14px;
	color: #58585b;
}




.product_list .prd-list-item .prd-overlay .po-btn {
	background: #58585b;
	/* width: 174px; */
	width: auto;
	margin: 0 auto 12px auto;
	display: block;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	padding: 16px 0;
	text-align: center;
	text-transform: uppercase;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	line-height: 16px;
	letter-spacing: 0.7px;
}

.product_list .prd-list-item .prd-overlay {
	padding: 51px 51px 60px;
}

.remodal {
	box-shadow: 0px 0px 0px 9px rgba(3, 171, 247, 0.6);
	padding: 25px;
}

#wcqv_contend .summary {
	float: right;
	width: 52%;
}

#wcqv_contend .woocommerce-Price-amount {
	color: #275595;
}

.woocommerce div.product form.cart .variations label {
	font-weight: 300;
}

.remodal .remodal-close:hover {
	background-color: #03abf7;
	color: #ffffff;
	top: 1px;
	right: 1px;
}

.summary.entry-summary.scrollable .woocommerce-product-details__short-description {
	margin: 15px 0 0 0
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
	width: 55%;
}

.woocommerce-product-details__short-description {
	margin: 30px 0
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
	background: #f3f3f3;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
	sssborder-bottom-right-radius: 0;
	display: none
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
	border-bottom-left-radius: 0;
	display: none
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background: #fff;
	z-index: 2;
	border-bottom-color: #fff;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	border: 0px solid #d3ced2;
	background-color: transparent;
	display: inline-block;
	position: relative;
	z-index: 0;
	border-radius: 0;
	margin: 0 40px 0 0;
	padding: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background: transparent;
	z-index: 2;
	border-bottom-color: transparent;
}

.woocommerce div.product .woocommerce-tabs ul.tabs::before {
	border-bottom: 1px solid #8e8e8e;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
	display: inline-block;
	padding: 15px 0;
	font-weight: 300;
	color: #2b5694;
	text-decoration: none;
	font-size: 16px;
	text-transform: uppercase;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	color: inherit;
	text-shadow: inherit;
	color: #2b5694;
	border-bottom: 4px solid #2b5694;
}

.woocommerce-Tabs-panel h2 {
	color: #2b5694;
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 20px 0;
}

table.shop_attributes {
	border: 0px solid red !important
}

table.shop_attributes tr th {
	display: table-row;
	width: 100%;
	border: 0px solid red !important;
	text-align: left;
	color: #2b5694;
	font-weight: 400 !important;
	padding: 0 0 0 40px !important;
	float: left;
	background: url(../images/table-th-arrow.png)no-repeat 0 2px !important;
}

table.shop_attributes tr td {
	display: table-row;
	width: 100%;
	border: 0px solid red !important;
	color: #58585b;
	font-style: normal !important;
	padding: 0 0 0 40px !important;
	float: left;
}

.pg.pg-product-detail .heading-xl {
	font-size: 32px;
	line-height: 32px;
	font-weight: bold;
	color: #ffffff;
	text-transform: uppercase;
	color: #2b5694;
	margin: 0 0 35px 0;
}


#customer_login h2 {
	font-size: 22px;
	color: #2b5694
}

#customer_login .login {
	border: 0px solid red;
	background: #f5f5f5;
	border-radius: 0
}

#customer_login .register {
	border: 0px solid red;
	background: #f5f5f5;
	border-radius: 0
}


#reviews,
#reviews p {
	font-size: 16px;
	color: #58585b;
	text-align: left;
	line-height: 26px;
}

.woocommerce div.product .woocommerce-tabs .panel {
	margin: 0 0 2em;
	padding: 0 40px 0 0;
}

#commentform input {
	border: 1px solid #cccccc;
	height: 40px;
	line-height: 40px;
	padding: 8px !important
}

#commentform textarea {
	border: 1px solid #cccccc;
	width: 70%;
	padding: 0 8px
}

#review_form p.comment-form-author,
#review_form p.comment-form-email {
	float: left;
	width: 50%;
}

#review_form p.comment-form-author label,
#review_form p.comment-form-email label {
	width: 100%;
	display: block
}

#review_form p input[type="submit"] {
	background: #2b5694 !important;
	padding: 0 20px !important;
	color: #ffffff !important;
}


.pg-wrap.thank-error {
	text-align: center;
	width: 100%;
	padding: 60px
}

.pg-wrap.thank-error img {
	margin: 0 auto 30px
}

.pg-wrap.thank-error p {
	padding: 20px 100px
}

.pg-wrap.thank-error p a {
	display: inline-block;
	color: #2b5694;
	text-decoration: none;
	font-weight: bold
}

.pg-wrap.thank-error p a:hover {
	text-decoration: underline
}


.woocommerce-form.woocommerce-form-login.login input[type="text"]:-webkit-autofill,
.woocommerce-form.woocommerce-form-login.login input[type="password"]:-webkit-autofill {
	background: green !important;
	line-height: 44px;
	height: 44px;
	padding: 0 0 0 20px;
}


#contact-form .btn-control #submit {
	background: url('../images/btn-arrow-white.png')no-repeat 90% center #03abf7;
	text-align: left;
	padding-left: 20px
}

#contact-form .btn-control #submit:hover {
	background: url('../images/btn-arrow-black.png')no-repeat 90% center #ffffff;
	text-align: left;
	padding-left: 20px
}

.tabcontentbxdiv p {
	color: #58585b
}

#wcqv_contend .images {
	float: left;
	width: 45%;
	position: relative;
	border: 1px solid #e5e5e5 !important;
	text-align: center !important;
}

#wcqv_contend .product_title.entry-title {
	line-height: 100% !important
}

.woocommerce div.product div.images img {
	float: none;
	margin: 0 auto;
}


.woocommerce div.product div.images.woocommerce-product-gallery {
	position: relative;
	width: 100%;
}

.woocommerce div.product div.images img {
	display: block;
	height: auto;
	box-shadow: none;
	max-width: 400px;
}

#review_form p input[type="submit"]:hover {
	background: #162e4f !important;
}




#price_calculator {
	width: 100%;
	float: left;
	clear: both;
	margin: 0 0 30px 0
}

#price_calculator tr td {
	display: table-row
}

#price_calculator tr td label {
	display: block;
	color: rgba(88, 88, 91, 0.8);
	line-height: 16px;
	margin-bottom: 12px;
}

#price_calculator tr td input {
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #ffffff;
	border: 1px solid #ebebeb;
	border-radius: 0;
	cursor: pointer;
	padding: 9px 13px;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	color: #2b5694;
}

#price_calculator tr.price-table-row.calculated-price {
	margin: 10px 0 0 0;
	float: left
}

#price_calculator tr.price-table-row.calculated-price td {
	display: inline;
	float: left;
	font-size: 20px;
	font-weight: 700;
	padding: 0 15px 0 0;
	color: #434343;
}

.dimention table.wccpf_fields_table {
	width: 50%;
}

.dimention table.wccpf_fields_table tr td:first-child {
	/*width: 20px!important;*/
	float: left;
	font-weight: 400;
	color: #434343
}

.dimention table.wccpf_fields_table tr td:nth-child(2n) {
	width: 150px !important;
	float: left
}


.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
	width: 100%;
	float: left;
	clear: both
}

.dimention {
	clear: both
}

.dimention .wccpf-fields-container {
	clear: both
}


.prd-list-container ~ .pg-wrap.prodlist_content_wrap {
	text-align: left;
	border: 0px solid red;
	box-shadow: none;
	padding: 0 37px 0;
}

/*.prd-list-container ~ .pg-wrap.prodlist_content_wrap .pc-text p {text-align:left}*/


#menu ul li ul li.mega-list ul li ul li a span.sm-name {
    color: #868484;
}
#menu ul li ul li.mega-list ul li ul li a:before {
	content: "\f105 ";
	color: #868484;
	background: transparent;
	font-size: 16px;
}