@charset "utf-8";

/* NU CORE */

*{

	margin: 0;

	padding:0;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

}

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	font: inherit; list-style:none;

	

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

html{overflow: auto;}

:before, :after {

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

body{ font-family: "myriad-pro",sans-serif; padding-top: 109px; padding-right:0 !important; overflow-x:hidden}

a{text-decoration: none;-webkit-transition: all 400ms linear;-moz-transition: all 400ms linear;-o-transition: all 400ms linear;-ms-transition: all 400ms linear;transition: all 400ms linear; color:#000}

a:hover{ text-decoration:none}

a:focus, a:hover{ text-decoration:none !important}

a {
   outline: 0;
}

/* WYSIWYG styling */

article{ font-size:13px; width: 100%; margin: 0;}

article table { float: left; border: 1px solid #505050; font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #656565; margin: 5px 0 15px 0; text-align:justify}

article p { padding: 0 0 19px 0;word-wrap: break-word; line-height: 17px; color: #000; /* float: left; */}

article p span{ font-size:13px !important; line-height:19px !important}

article ul { float:left; clear:both; width: 100%; /* list-style: circle; */}

article ul li { margin: 0; font-size: 12px;float: left;clear: both; padding: 12px 0; width: 100%; border-bottom: 1px solid #000;}

/*article ul li:before {font-family: 'FontAwesome'; content: '\f046'; margin: 4px 7px 6px 0; color:#06618D;float: left;}*/

article ul li ul li{ list-style:circle;}

article ul li span, article ul li small{ float: left; width: 50%;}

/*article ul li:last-child{ border-bottom:none}*/

article ol {list-style: decimal !important;}

article ol li { margin: 0 0 3px 0;}

article ol li{font-size: 13px !important;}

article ol li span{font-size: 13px !important;}

article strong { font-weight: bold;	}

article em { font-style: italic;	}

article img {float: none;margin: 0 auto;display: block;width: 100% ; height:auto}

article a { text-decoration: underline; color: #020202;}

article a:hover{ color:#ef7373; text-decoration:underline}

article blockquote{margin-bottom: 24px;margin-bottom: 1.714285714rem;padding: 24px;padding: 1.714285714rem;font-style: italic;}

article em{ font-style:italic}

article i{ font-style:italic}

article del {color: #256eaa;}

article .alignright {float: right;margin: 0 0 1% 2%; width:auto !important}

article .alignleft {float: left;margin: 1% 1% 1% 0; width:auto !important}

article .aligncenter{ }

article h1{ margin:0 0 2% ;float:left; width:100%; font-weight:300; font-size: 18px; color:#3a3a3a;text-transform: capitalize;}

article h2{ margin:0 0 2% ;float:left; width:100%}

article h3{ margin:0 0 2% ;float:left; width:100%}

article h4{ margin:0 0 2% ; float:left; width:100%}

article h5{ margin: 0 0 19px 0;float:left; width:100%; font-weight: 600;}

article h6{ margin:0 0 2% ;float:left; width:100%; font-weight:bold; font-size: 13px;}

/* end WYSIWYG styling */

h1,h2,h3,h4,h5,h6{}

h1{ font-size:18px; font-weight: 300; color:#3a3a3a; text-transform:lowercase}

h2{ font-size:17px; text-transform:capitalize; font-weight: 400;}

h3{ font-size:17px; text-transform:uppercase; font-weight:500}

h4{ font-size:16px; }

h5{ font-size: 12px;}

h6{ font-size:13px}

p{ font-size: 12px; line-height: 16px;} 

storng {font-weight: bold;}




.mrbond{height: auto !important;}






i {font-style: italic;}

img{ width:100%; height:auto}

a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6{ color: #06618d;}

.animated{ -webkit-animation-duration: 2s !important;  animation-duration: 2s !important; -webkit-animation-fill-mode: both !important; animation-fill-mode: both !important;}

.PaddingZero { padding: 0 !important;}

.BgImg{ float:left}

.BgImg img{ position:relative}

.relative{ position:relative}

.AbsoluteImage{}

.asterisk{}

#search .searcch-btn{ background: url(images/seach-box.png) no-repeat; padding: 7px 2%; border: none; background-size: 63%; margin: 0 0 0 6px; /* width: 15%; */}

div#gform_confirmation_wrapper_1 {  margin: 22px 0 0 0;}

#search input[type="text"]{ font-size:12px !important}

#search .searcch-btn:focus { outline: none;}

.NFY { text-transform: uppercase;  color: grey;  font-size: 11px;  font-weight: 400; margin: -9px 0 0 5px; float: left; display: none;}

.vertical-alignment-helper { display:table; height: 100%; width: 100%; pointer-events:none;}

.vertical-align-center { /* To center vertically */  display: table-cell; vertical-align: middle; pointer-events:none;}

.modal-content { /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */  width:inherit; height:inherit;  /* To center horizontally */ margin: 0 auto; pointer-events:all;}

input#input_1_13 {border-bottom: none;}

.NoBorder{ border:none !important; }

.border-radius-zero{ border-radius:0px}

.MainTitle{ font-size:26px; font-weight:300}

.MainTitle span{}

.Collection{font-size: 18px; font-weight:400; color: #fff; text-transform: none;}

.CollecTitle{ font-size: 14px; font-weight:300; color: #fff; text-transform: none;}

.padding-left{ padding-left:4px}

.padding-right{ padding-right:4px}

.PaddingTop{padding: 7% 0;}

.FullWd{ float:left; width:100%}

.HashBg{ float:left; width:100%; background:#f4f4f4; /* padding: 7% 0; */} 

.padding8 li{ padding: 10px 35% 10px 3% !important;}

/* headlines with lines */

.decorated{  overflow: hidden;  text-align: center;}

.decorated > span{ position: relative; display: inline-block;}

.decorated > span:before, .decorated > span:after{ content: '';  position: absolute; top: 50%; border-bottom: 1px solid #c2c2c2; width: 591px; /* half of limiter*/    margin: 0 20px;}

.decorated > span:before{ right: 100%;}

.decorated > span:after{ left: 100%;}

.ShareOpt {  float: left;}

.ShareOpt .ops { float: left;  margin: 0 9px 0 0;  font-size: 13px;}

.ShareOpt .ops i.fa.fa-twitter { color: #01ABF1;}

.ShareOpt .ops i.fa.fa-envelope { color: #FD6868;}

.ShareOpt  .color{ font-size: 12px; line-height: 19px; margin: 0 10px 0 0; color: #000; font-weight: bold;}

.SharePd{  padding: 5.4% 0 !important;}

header{border-bottom: 1px solid #efefef; float:left; width:100%; border-top:13px solid #000; position: fixed; top: 0; background: #FFFFFF; -webkit-transition: height 0.3s;

  -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; z-index: 91; }

.page-template-page-color-collection-php header section { /*border-bottom: 1px solid #E7E7E7;*/}
.page-template-page-filter-colors header section { border-bottom: 1px solid #E6E4E4;}

header > section .TopNav{ float:left; width:100%; margin: 0 0 0 -12px;}

header > section .TopNav ul{ float: left; position:relative}

header > section .TopNav ul li{ float: left; padding: 7px 13px 7px 11px; background: url(images/top-header-border.jpg) right 13px no-repeat;}

header > section .TopNav ul li:last-child{ background:none}

header > section .TopNav ul li a{ font-size: 11px; font-weight: 300;}
header > section .TopNav ul li a img { float: left; width: 17px; margin: 5.2px 4px 0 0;}

header > section .TopNav ul li a:hover{ color:#000}

header > section .MainNav{ float:left; width:100%; margin: 4.4% 0 0 -1px;-webkit-transition: all 400ms linear;-moz-transition: all 400ms linear;-o-transition: all 400ms linear;-ms-transition: all 400ms linear;transition: all 400ms linear; }

/*header > section .MainNav ul{ float: left; width: 100%; margin: 0 0 0 -20px; text-transform: uppercase;}*/
header > section .MainNav ul{ float: left; width: 100%; text-transform: uppercase;}

header > section .sub-menu li a{font-size: 10px !important;}

header > section .MainNav ul li{ float: left; padding: 4px 17px 4px 17px;}

header.smaller > section .MainNav ul li { /* padding: 7px 0 7px 14px; */}

header > section .MainNav ul li a{ color:#5f5f5f; text-transform: uppercase; font-size: 11px; font-weight: 400; padding: 0 0 6% 21px; float: left;}

header > section .MainNav ul li a:hover{ color:#000; font-weight: 400;}

header > section .MainNav ul li ul{ display:none; width: 214px;}


header > section .MainNav ul li:hover:first{background-color: #FFF}
header > section .MainNav ul li:hover ul.level-0{ display:block; position:absolute; background: #F1F1F1; margin: 26px 0 0 0; border-top: 1px solid #FFF; z-index: 999;}
header > section .MainNav ul li:hover ul.level-1{display: none;}

header > section .MainNav ul li:hover ul.level-0 li{ float:left; width:100%; padding: 10px 13px 10px 21px; border-bottom: 1px solid #FFFFFF;}

header > section .MainNav ul li:hover ul li a{ color: #000;padding: 0; font-size: 11px; text-transform: inherit; font-weight: 400;}

header > section .MainNav ul li:hover ul li a:hover{ color:#F00; font-weight: 400;}

header > section .MainNav .menu-item-has-children {   padding: 10px 3% 10px 0%}

header > section .logo{ float: left; width: 100%; padding: 34px 0;-webkit-transition: all 400ms linear;-moz-transition: all 400ms linear;-o-transition: all 400ms linear;-ms-transition: all 400ms linear;transition: all 400ms linear; }

header > section .logo img{ float: right; width: 52.9%;}

header > section .MainNav ul li:hover { background-color: #F1F1F1; border-radius: 0px; /*border-bottom: 1px solid #fff;*/}
header > section .MainNav ul .company:hover{ background-color:inherit !important}

.smaller{

    /* padding: 0 0 1% 0; */

}


.success_message.reply_msg{
	background-color: #FFF;
}

.closebtn a.btn.btn-default { background: #000; color: #fff; border-radius: 0; padding: 6px 22px;}

.smaller > section .MainNav{ float:left; width:100%; /*margin: 0 0 0 0;*/}

.smaller  > section .logo{ /* padding: 5% 0 */}

.Grid-T-3, .Grid-T-7{ float:left;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;padding-top: 15px;padding-bottom: 15px;}

.Grid-T-3{ width:30%}

.Grid-T-7{ width:70%}

.frame{ float:left; width:100%}

header > section, footer > section, .MidFrame{ width:80%; margin:0 auto; max-width:1920px}

.slider{ float:left; width:100%}

.CollectionText{ vertical-align: middle; display: block; position: absolute; color: #fff;  width: 94%; text-align: center; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%);}

.CollectionText p{ font-size: 12px; width: 60%; margin: 2% auto 0 auto; display: block; font-weight: 300;}

.FinishersGrids h5{ font-size: 14px;}

.FinishersGrids h1{ font-size: 18px;}

.FinishersGrids a:hover{ background-image: none !important; background-color:#2d2d2d !important}

.FinishersGrids a:hover h5{ color:#fff}

.FinishersGrids a:hover h1{ color:#fff}

.FinishersGrids .NoHover{ display:block}

.FinishersGrids .Hover{ display:none}

.FinishersGrids a:hover .NoHover{ display:none}

.FinishersGrids a:hover .Hover{ display:block}

.FinishersGrids a:hover .Hover p{line-height: 18px;font-size: 12px;}

.AllColors{ background:#2D2D2D}

.AllColors:hover{}

.AllColors h5{ font-size: 18px;}

.AllColors h1{ font-size: 18px; color:#fff}

.AllColors p{ margin-top: 3%; font-size: 12px;}

.AllColors:hover{  background: #484848;}

.AllColors:hover h1{ color:#fff !important;}

.seven-cols { margin-right: -4px; margin-left: -4px; margin-top: 4px; margin-bottom: 4px;}

.Grid-7-row{ float:left; position: relative;min-height: 1px; padding-right: 4px; padding-left: 4px; padding-top: 4px; padding-bottom: 4px;}

/*.Grid-7-row{ width: 14.28%; display: inline-block;  overflow: hidden;}*/
.Grid-7-row{ width: 11%; display: inline-block;  overflow: hidden;}


.Grid-7-row .tile{border-radius:50%; position: absolute; z-index: 9;-webkit-transition: all 400ms linear;-moz-transition: all 400ms linear;-o-transition: all 400ms linear;-ms-transition: all 400ms linear;transition: all 400ms linear; display: inline-block; top: 4px;    display: block; width: 96%; height: 96%;}

.Grid-7-row .trans{ /* position: relative; */ /* top: 4px; */ /* display: block; */ /* width: 95%; */}

.Grid-7-row:hover .tile{ width: 40%; float: left;  height: 39%;}

.Grid-7-row .info{ display:none; position: absolute; z-index:1; color: #000; float: left; right: -1px; width: 57%; -webkit-transition: all 400ms linear;-moz-transition: all 400ms linear;-o-transition: all 400ms linear;-ms-transition: all 400ms linear;transition: all 400ms linear;}

.Grid-7-row:hover .info{ display:block;}

.Grid-7-row:hover .TileOption{ display:block;}

.Grid-7-row .info .hdr{ padding: 0 0 0 2px;}

.Grid-7-row .info .hdr span{}

.Grid-7-row .info .hdr span h2{ font-size: 13px; font-weight: bold; text-transform: uppercase;}

.Grid-7-row .info .hdr span p{ text-transform: uppercase; font-size: 11px; line-height: 15.9px;}

.Grid-7-row .TileOption{ display: none; z-index: 9; position: absolute; width: 100%; float: left; padding: 0 2%; top: 51%;-webkit-transition: all 0ms linear;-moz-transition: all 0ms linear;-o-transition: all 0ms linear;-ms-transition: all 0ms linear;transition: all 0ms linear;}

.Grid-7-row .TileOption span{ float: left; width: 100%; margin: 0 0 5px 0;}

.Grid-7-row .TileOption span:before{ font-family:FontAwesome; content: "\f105"; float: left; color: #000; font-size: 12px; position: relative; top: 0px;}

.Grid-7-row .TileOption .link{ float: left; width: 86%; font-size: 9px; text-transform: uppercase; text-decoration: underline; padding: 0 0 0 2px;}

.Grid-7-row .TileOption .wpfp-link{ float: left; width: 90%; font-size: 12px; text-transform: uppercase; text-decoration: underline; padding: 0 0 0 2px;}

.Grid-7-row .BoxCat{display: none; position: absolute; top: 0; color: #fff; font-weight: 600; width: 94%; padding: 8px 8px; z-index: 88;}
/*.Grid-7-row .BoxTitle{ position: absolute; bottom: 14%; color: #fff; font-weight: 400; width: 94%; padding: 8px 8px; text-align: center; text-transform: capitalize; z-index: 99;}*/
.Grid-7-row .BoxTitle{display: block; color: #000; font-size: 14px; font-weight: 400; width: 100%; padding: 4px 8px; text-align: center; text-transform: capitalize; z-index: 99;}

.box_item{border: 1px solid #000;
    width: 100%;
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 5px;
    margin-bottom: 12px;
    }

.entry-content .grey-bg .row {padding-bottom: 25px; border-bottom: 1px solid #bcbcbc;}

.Grid-7-row .rmv a{ font-size: 9px !important;}

.JumpNav{  display: block; height: 115px; /*same height as header*/   margin-top: -115px; /*same height as header*/ visibility: hidden;  float: left;  width: 100%;}

.BoxBdr{padding: 0 0 1.5% 0;  border-bottom: 1px solid #E7E7E7;}
/*.BoxBdr:last-child{  border-bottom:1px solid #000;}*/
.BoxBdr2{padding: 0 0 1% 0;  border-bottom: 1px solid #E7E7E7;  float: left; width: 100%;}
.BoxBdr2:last-child{  border-bottom:none}

.MainCat{ /*border-top: 2px solid #C0C0C0;  margin: 4px 0 0 0;*/}

.MainCat .Grid-7-row .wpfp-link{font-size: 9px !important;}
.lsize a{ font-size:9px !important}

.MainCat h1{ text-transform: capitalize; font-weight: 400; width: 100%; float: left; padding: 17px 0 12px 0; height: 56px;}
.MainCat h1 small{font-weight: 100; font-size: inherit; float: left; line-height: inherit; margin: 4px 6px 0 0; color: #000; text-transform: capitalize;}
.MainCat h1 span{ color: #ACACAC;}
.MainCat h1 .span{ float: left; margin: 4px 14px 0 0;}
.MainCat h1 .PptImg{ float: left; width: 172px; margin: 2.3px 0px 0 4px;}
.MainCat h1 .PptImg img{}
.FinishesAlg{ margin: 0 5px;}

.PrdPagePpt{ float: left; width: 100%;}
.PrdPagePpt .PptImg{ float: left; width: 45%;}
.PrdPagePpt .PptImg img{}

.SubCat h2{font-size: 15px;  padding: 1.3% 0 1% 0;  float: left;  width: 100%; font-weight: 100}

.ProductLogoBtm{
    float: left;
    width: 100%;
    margin: 13% 0 -4% 0;
}
.ProductLogoBtm img{
    width: 36%;
}

.Pagination{
    float: left;
    width: 100%;
    background-color: #f2f2f2;
    text-align: center;
    padding: 3% 0 4% 0;
    margin: 5% 0 0 0;
}
.Pagination h6{
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}
.Pagination ul{
    /* width: 569px; */
    margin: 0 auto;
    display: inline-block;
    padding: 1% 0 0% 0;
}
.Pagination ul li{
    float: left;
    border-right: 1px solid #949494; 
    /* width:50%
 */}
.Pagination ul li:first-child{ text-align: right;}
.Pagination ul li:last-child{ border-right:none; text-align: left;}
.Pagination ul li a{
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 300;
    color: #949494;
    text-decoration: underline;
    padding: 0 17px;
}

.pg { border-top: 2px solid #E7E7E7; float: left; width: 100%; margin: 2% 0 0 0;}
.pg ul{ float: left; width: 100%; display: block; /* border-bottom:1px solid #a5a5a5; */ font-size: 11px; font-weight: bold; color: #000; padding: 2% 0 1% 0; background: none; border-radius: 0; text-transform: uppercase; margin-bottom: 4px;}

.pg .breadcrumb>li+li:before { padding: 0 9px 0 5px; color: #000; content: "/\00a0""/\00a0"; word-spacing: -4px;}


.five-cols { margin-right: -4px; margin-left: -4px; margin-top: 4px; margin-bottom: 4px;}

.Grid-5-row{ float:left; position: relative;min-height: 1px; padding-right: 4px; padding-left: 4px; padding-top: 4px; padding-bottom: 4px;}

.Grid-5-row{ width: 20%; display: inline-block;  overflow: hidden;}


.Grid-5-row .tile{ position: absolute; z-index: 9;-webkit-transition: all 400ms linear;-moz-transition: all 400ms linear;-o-transition: all 400ms linear;-ms-transition: all 400ms linear;transition: all 400ms linear; display: inline-block; top: 4px;    display: block; width: 96%; height: 96%;}

.Grid-5-row .trans{ /* position: relative; */ /* top: 4px; */ /* display: block; */ /* width: 95%; */}

.Grid-5-row:hover .tile{ width: 40%; float: left;  height: 39%;}

.Grid-5-row .info{ display:none; position: absolute; z-index:1; color: #000; float: left; right: -7px; width: 60%; -webkit-transition: all 400ms linear;-moz-transition: all 400ms linear;-o-transition: all 400ms linear;-ms-transition: all 400ms linear;transition: all 400ms linear;}

.Grid-5-row:hover .info{ display:block;}

.Grid-5-row:hover .TileOption{ display:block;}

.Grid-5-row .info .hdr{ padding:0 0 0 5px;}

.Grid-5-row .info .hdr span{}

.Grid-5-row .info .hdr span h2{ font-size: 13px; font-weight: bold; text-transform: uppercase;}

.Grid-5-row .info .hdr span p{ text-transform: uppercase; font-size: 11px; line-height: 15.9px;}

.Grid-5-row .TileOption{ display: none; z-index: 9; position: absolute; width: 100%; float: left; padding: 0 2%; top: 51%;-webkit-transition: all 0ms linear;-moz-transition: all 0ms linear;-o-transition: all 0ms linear;-ms-transition: all 0ms linear;transition: all 0ms linear;}

.Grid-5-row .TileOption span{ float: left; width: 100%; margin: 0 0 5px 0;}

.Grid-5-row .TileOption span:before{ font-family:FontAwesome; content: "\f105"; float: left; color: #000; font-size: 12px; position: relative; top: 0px;}

.Grid-5-row .TileOption .link{ float: left; width: 86%; font-size: 9px; text-transform: uppercase; text-decoration: underline; padding: 0 0 0 2px;}

.six-cols { margin-right: -4px; margin-left: -4px; margin-top: 4px; margin-bottom: 4px;}

.Grid-6-row{ float:left; position: relative;min-height: 1px; padding-right: 4px; padding-left: 4px; padding-top: 4px; padding-bottom: 4px;}

.Grid-6-row{ width: 16.66%; display: inline-block; overflow: hidden;}

.Grid-6-row .tile{ position: absolute; z-index: 9;-webkit-transition: all 400ms linear;-moz-transition: all 400ms linear;-o-transition: all 400ms linear;-ms-transition: all 400ms linear;transition: all 400ms linear; display: inline-block; top: 4px;    display: block;    width: 96%; height: 96%;}

.Grid-6-row .trans{ /* position: relative; */ /* top: 4px; */ /* display: block; */ /* width: 95%; */}

.Grid-6-row:hover .tile{ width: 40%; float: left; height: 39%;}

.Grid-6-row .info{ display:none; position: absolute; z-index:1; color: #000; float: left; right: -7px; width: 60%; -webkit-transition: all 400ms linear;-moz-transition: all 400ms linear;-o-transition: all 400ms linear;-ms-transition: all 400ms linear;transition: all 400ms linear;}

.Grid-6-row:hover .info{ display:block;}

.Grid-6-row:hover .TileOption{ display:block;}



.Grid-6-row .info .hdr{ padding: 0 0 0 5px;}

.Grid-6-row .info .hdr span{}

.Grid-6-row .info .hdr span h2{ font-size: 13px; font-weight: bold; text-transform: uppercase;}

.Grid-6-row .info .hdr span p{ text-transform: uppercase; font-size: 11px; line-height: 15.9px;}

.Grid-6-row .TileOption{ display: none; z-index: 9; position: absolute; width: 100%; float: left; padding: 0 2%; top: 51%;-webkit-transition: all 0ms linear;-moz-transition: all 0ms linear;-o-transition: all 0ms linear;-ms-transition: all 0ms linear;transition: all 0ms linear;}

.Grid-6-row .TileOption span{ float: left; width: 100%; margin: 0 0 5px 0;}

.Grid-6-row .TileOption span:before{ font-family:FontAwesome; content: "\f105"; float: left; color: #000; font-size: 12px; position: relative; top: 0px;}

.Grid-6-row .TileOption .link{ float: left; width: 86%; font-size: 9px; text-transform: uppercase; text-decoration: underline; padding: 0 0 0 2px;}

.Grid-5{ float:left;position: relative;min-height: 1px; margin-right: 4px; margin-left: 4px; margin-top: 0; margin-bottom: 15px; display:table; padding: 9px 9px 0 9px;}

.Grid-5{ width: 19.1%;}

.Grid-20, .Grid-80, .Grid-85, .Grid-15, .Grid-40, .Grid-60 {float:left;position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;padding-top: 15px;padding-bottom: 15px;}

.Grid-20{ width: 16%;}

.Grid-40{ width:40%}

.Grid-60{ width:60%}

.Grid-80{ width: 84%;}

.Grid-15{ width: 15%;}

.Grid-85{ width: 83.22%;}

.cell{ display:table-cell}

.ColorTopTitle{ font-size: 11px; font-weight: bold; text-transform: uppercase; float: left;}

/*.modal-header .close span { float: left; position: relative; top: 13px; right: 9px;}*/

.ModelPopBox{ width: 99%; margin: 0% auto; border-top: 1px solid #D9D9D9; padding: 19px 0 19px 0; /* border-bottom: 1px solid #D9D9D9; */ float: left;}

.ModelPopBox .ColorImg{ float: left; width: 14%; margin: 0 4% 0 0;}

.ModelPopBox .ColorImg img{}

.ModelPopBox .TxtSet{ float: left; width: 81%;}

.ModelPopBox .TxtSet span{ float: left; width: 100%;}

.ModelPopBox .TxtSet span small{ padding: 0 0 2% 0; float: left; width: 100%;font-size: 13px;}

.ModelPopBox .TxtSet span h2{ font-weight: bold;float: left; width: 100%; font-size: 13px;    padding: 0 0 0% 0;}

.ModelPopBox .TxtSet span p{ text-transform: uppercase; float: left;width: 100%;padding: 0 0 1% 0; font-size: 13px;}

.PopupPadding{ padding:0 15px}

.ColorHdPadding{padding: 30px 15px 6px;}

.ColorClose{ top: -18px; position: relative;}

.FunctionBtn{ float:right; padding: 8px 9px 5px 8px;}

.SplCls{  margin: 0 -27px 0 0;}

.ReqBtns{}

.ReqBtns .FunctionBtn span{ font-size: 14px; text-transform: uppercase;}

.ReqBtns .FunctionBtn .MyDecor:before{ font-family:FontAwesome; content: "\f00d"; float: left; color: #88898E; padding: 4px 4px 0px 0; font-weight: bold; font-size: 12px; position: relative; top: 2px;}

.ReqBtns .FunctionBtn span i{

    font-size: 14px;

}

.ReqBtns .FunctionBtn span a{ color: #88898E; font-weight: bold; font-size: 12px;}

.ReqBtns .FunctionBtn span .wpfp-link:hover{ color:#000 }

.ReqBtns .FunctionBtn span img{ width:inherit; float:left; margin:0 10px 0 0}

.RemoveBtn .remove-parent { color: #696969; font-weight: bold;  visibility: hidden; font-size: 12px;}

.RemoveBtn .remove-parent:hover{ color: #000 !important;}

.RemoveBtn .remove-parent:after {  content: 'X REMOVE FROM MY DECOR'; visibility: visible; font-size: 12px;}

.FunctionBtn .MyDecor{}

.FunctionBtn .MyDecor:before{ color: #000 !important; margin: 0 0 0 10px; content: "\f105" !important;}

.FunctionBtn .MyDecor a{ color: #000 !important; font-weight: 600 !important; font-size: 12px;}

.FunctionBtnB{ float: left; padding: 9px 7px 5px 0;}

.FunctionBtnB .MyDecorBack{}

.FunctionBtnB .MyDecorBack:before{ color: #000 !important; font-family:FontAwesome;  content: "\f105"; margin: 2px 2px 0 2px; position: relative; top: 0px; font-size: 12px;}

.FunctionBtnB .MyDecorBack a{ text-transform: uppercase; font-size: 12px; cursor: pointer;}

.CompanyProfile h1{ text-transform:inherit}

/*.OtherCollection{ min-height: 415px;}*/

.OtherCollection h2{ margin: 4% 0 3% 0; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #555555;}

.OurCollection{ width: 100%; margin: 0 auto;  display:block;}

.OurCollection img{ margin: 0 0 10% 0; float: left; height: 105px;    object-fit: cover;}

.OurCollection .Grid-5{ height: 263px;}

.OurCollection h1{ text-align:center; font-weight: 400; font-size: 13px; color: #000; float: left; width: 100%; text-transform: inherit;}

.OurCollection h2{ text-align:center; font-weight: bold; font-size: 14px; color: #000; line-height: 5px; float: left; width: 100%;}



.OurCollection p{ font-size: 12px; text-align: center; color: #959595; float: left; width: 100%; margin: 6% 0 0 0; min-height: 78px;}

.OurCollection .Grid-5:hover{ background:#ebebeb}

.OurCollection .Grid-5:hover h2, .OurCollection .Grid-5:hover h1{ color:#000}

.OurCollection .Grid-5:hover .cell:after{ content: "\f107"; color: #afadae; font-family:FontAwesome; text-align: center; width: 100%; float: left; font-size: 35px;font-weight: 300; padding: 0 0 0 0;}

.OurCollection .Grid-5 .HImg{ display:none}

.OurCollection .Grid-5 .DImg{ display:block}

.OurCollection .Grid-5:hover .HImg{ display:block}

.OurCollection .Grid-5:hover .DImg{ display:none}

.FilterPage{ float: left; width: 100%; display: block; /* border-top: 1px solid #a5a5a5; */ margin: 1% 0 0 0; padding: 1% 0 0 0; min-height: 58vh;}

.FilterPage .FilterSideBar{}

.FilterPage .FilterSideBar h3{ font-size: 11px; font-weight: bold; color: #000;}

.FilterPage .FilterSideBar .Accordiaion{ float:left; width:100%; margin: -12px 0 0 0;}

.FilterPage .FilterSideBar .Accordiaion ul{ float: left; width: 100%; display: block;}

.FilterPage .FilterSideBar .Accordiaion ul li{ float: left; width: 100%; margin: 1px 0; padding: 5px 0 5px 0;}

.FilterPage .FilterSideBar .Accordiaion ul li:before{ content: ""; width: 100%; height: 27px; float: left; position: absolute;}

.FilterPage .FilterSideBar .Accordiaion ul li a{ text-rendering: optimizeSpeed; text-transform: uppercase; font-weight: 400; font-size: 11px; color: #000000;}

.FilterPage .FilterSideBar .Accordiaion ul li a:hover{ color:#F00}

.FilterPage .FilterSideBar .Accordiaion ul .current-menu-item a{ color:#F00} 

.FilterPage .FilterSideBar .Accordiaion .AccTitle{ float: left; padding-top: 22px;}

.FilterPage .FilterSideBar .Accordiaion a span{ font-weight: bold; text-transform: uppercase; font-size: 12px;}

.FilterPage .FilterSideBar .Accordiaion a span:after{ content: "\f0d7"; font-family:FontAwesome; padding: 0 0 0 6px;}

.FilterPage .FilterSideBar .Accordiaion .collapsed span:after{ content: "\f0d8"; font-family:FontAwesome; padding: 0 0 0 6px;}

.FilterPage .FilterSideBar .Accordiaion ul li label { float: left; width: 100%; font-weight: bold; font-size: 11px; text-transform: uppercase; border-bottom: 1px solid #a5a5a5; padding: 0 0 11px 0;}

.FilterPage .FilterSideBar .Accordiaion ul li label:hover { color: #FF0202; cursor: pointer;}

.FilterPage .FilterSideBar .Accordiaion ul li ul.children{ margin: 11px 0 12px 0;}

.FilterPage .FilterSideBar .Accordiaion ul li ul.children label{ font-size: 11px; /* text-transform: inherit !important; */ font-weight: 400; position: relative; border-bottom: none; padding: 0;}

.FilterPage .FilterSideBar .Accordiaion ul li label input[type="checkbox"]{ display:none;pointer-events:none;}

.FilterPage .FilterSideBar .Accordiaion ul li label  input[type="checkbox"]{}

.FilterPage .FilterSideBar .Accordiaion ul li ul.children label input[type="checkbox"] {padding: 0; width: 10px; position: relative; top: 3.1px; display: block; float: left; margin: 0 4px 0 0;outline:0;}

.FilterPage .FilterSideBar .Accordiaion ul li label:after{ content: ""; font-family:FontAwesome; padding: 0 0 0 6px;}

.FilterPage .FilterSideBar .Accordiaion ul li ul.children label:after{content: "";}

li.sf-item-2, li.sf-item-1, .sf-item-47, li.sf-item-2 label, li.sf-item-1 label , li.sf-item-47 label  {  padding: 0 !important;   margin: 0 !important; display: none;}

.FilterPage .FilterSideBar .Accordiaion ul li:after{ width:10%}

.FilterPage .FilterSideBar .MobileAcc .Accordiaion ul li label:after{content: "";}

.FilterPage .FilterSideBar .Accordiaion ul li ul.children label input[type="checkbox"]:checked:after{ content: "";  padding: 0 0 0 6px;position: absolute;  right: 1px; color:#000; font-size:13px; top:-1px}

.FilterPage .FilterSideBar .Accordiaion ul li label input[type="checkbox"] { width: 8px !important; height: 8px; background: #fff url(images/unchecked.jpg) no-repeat center center; -webkit-appearance: none;-moz-transform: scale(0.7);

    /*-moz-appearance: none;*/ appearance: none; border:1px solid #ccc;}

.FilterPage .FilterSideBar .Accordiaion ul li label input[type="checkbox"]:checked { background: #fff url(images/checked.jpg) no-repeat center -0.4px; border: none;

 background-size: cover;}

@-moz-document url-prefix() { 

  .FilterPage .FilterSideBar .Accordiaion ul li ul.children label input[type="checkbox"]{ top: 2px;  }

  

  }

.AddressAccordiation{ float: left; width: 100%; display: block; margin: 1% 0 0 0; padding: 2% 0 0 0;}

.AddressAccordiation{}

.AddressAccordiation h3{ font-size: 12px; font-weight: bold; color: #000;}

.AddressAccordiation .Accordiaion{ float:left; width:100%; margin: 12.5% 0 0 0;}

.AddressAccordiation .Accordiaion ul{ float: left; width: 100%; display: block; margin: 8px 0 0 0;}

.AddressAccordiation .Accordiaion ul li{ float: left; width: 100%; margin: 2px 0;}

.AddressAccordiation .Accordiaion ul li a{ text-rendering: optimizeSpeed; text-transform: uppercase; font-weight: 400; font-size: 13px; color: #000000;}

.AddressAccordiation .Accordiaion ul .current-menu-item a{ color:#F00} 

.AddressAccordiation .Accordiaion .AccTitle{ float: left; padding: 4px 0; /*border-top: 1px solid #D9D9D9;*/ width: 100%;}

.AddressAccordiation .Accordiaion a span{ font-weight: 600; /* text-transform: uppercase; */ font-size: 12px;}

.AddressAccordiation .Accordiaion a span small{ text-transform:uppercase; font-size: 12px;}

.AddressAccordiation .Accordiaion a span:after{ /*content: "+";*/ padding: 0 13px 0 0; float: right; font-size: 17px; color: #B2B2B2; font-weight: 400;}

.AddressAccordiation .Accordiaion .collapsed span:after{ /*content: "+";*/ padding: 0 13px 0 0; float: right; font-size: 17px; color: #B2B2B2; font-weight: 400;}
 

.ContactImage{}

.gform_wrapper :focus{
	border: 1px solid #000;
}


.ginput_container input:focus + .ginput_container{
	border: 1px solid #000;
}


.select2-container .select2-choice > .select2-chosen {
    font-size: 16px;
    margin-right: 24px;
    display: block;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: none;
    width: auto;
}

.select_custom .ginput_container{
    border: 1px solid #000;
}

#field_1_28{
	font-size: 12px !important;
	margin-bottom: 31px;

}

.ContactImage img{ width:100%}

.ContactDetails .HdOf{ font-weight: bold; text-transform: uppercase; font-size: 12px; color:#000;float: left; width: 100%; margin: 13% 0 0 0;}

.ContactDetails address{ float: left; width: 100%; margin: 14px 0 5px;}

.ContactDetails address p { font-size: 12px; line-height: 17px;}

.ContactForm {float: left; width: 100%; padding: 5% 5% 5% 5%; min-height: 73vh;}

.ContactForm h1 {padding: 25px 0; font-size: 22px; text-transform: capitalize; font-weight: bold; text-align: center; }

.ContactForm .TopTitle{font-size: 13px; margin: 0 0 2% 0;}

.ContactForm .BtmContent{ font-size: 12px; font-style: italic; margin: 3% 0 0 0; float: left; width: 100%;}

.ContactForm .FrameStyle{ position: relative; border-bottom: 1px solid #CACACA; width: 100%; float: left;}

.ContactForm .FrameStyle .ginput_container{ /* margin-top: -2% !important; */ !important;float: left; width: 80%;}

.ContactForm .FrameStyle .gfield_label{ /* margin: 0 !important; */ float: left; width: 20%; font-size: 13px; font-weight: 500 !important; padding: 10px 0 0 0 !important;}

.ContactForm .FrameStyle label { padding: 5px 0 0 0;}

.ContactForm .FrameStyle .gfield_required{ position: absolute; color: #000; bottom: 17%; float: right; font-size: 14px; font-weight: 500; margin: 0 0 0 1px;}

.ContactForm .TextAreaReq .gfield_required{ top: 11%;}

.ContactForm .gf_validates{}

.ContactForm .FrameStyle input{ border: none; /* border-bottom: 1px solid #CACACA; */ padding: 7px 8px !important; margin: 0 0 0 0 !important; font-size: 13px !important;    font-weight: 500 !important; font-family: "myriad-pro",sans-serif;} 

.ContactForm .FrameStyle textarea{ border: none; /* border-bottom: 1px solid #CACACA; */ padding: 15px 10px !important; margin: -6px 0 0 0 !important; font-size: 10px !important;    font-weight: 500 !important;}



.ContactForm .FrameStyle input::-webkit-input-placeholder, .ContactForm .FrameStyle textarea::-webkit-input-placeholder { /* WebKit browsers */

    color: #000;}

.ContactForm .FrameStyle input::-moz-placeholder, .ContactForm .FrameStyle textarea::-moz-placeholder { /* Mozilla Firefox 4 to 18 */

   color:#000; opacity:  1;}

.ContactForm .FrameStyle input::-moz-placeholder, .ContactForm .FrameStyle textarea::-moz-placeholder { /* Mozilla Firefox 19+ */

   color: #000;opacity:  1;}

.ContactForm .FrameStyle input::-ms-input-placeholder , .ContactForm .FrameStyle textarea::-ms-input-placeholder { /* Internet Explorer 10+ */

   color:#000;}

.ContactForm input#gform_submit_button_1{font-weight: bold; background: #000; border: 0; color: #fff; font-size: 16px;

    padding: 10px 42px; width: 100%; margin: 0 0 0 0;     border-radius: 5px;}

.form_input2:focus{border: 1px solid #000;}

 select 
    {
        border:0px;
        outline:0px;
    }
#input_1_34{border: 0;}
#input_1_32{border: none; background: #fff; font-size: 16px; color: #000; -webkit-appearance:none;}
#field_1_32 .ginput_container, {border: 1px solid #000;}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{
    background-color: #FFF !important;
    border:0 !important;
}

.gform_wrapper li.gfield_error input[type=email], .gform_wrapper li.gfield_error input[type=number], .gform_wrapper li.gfield_error input[type=password], .gform_wrapper li.gfield_error input[type=tel], .gform_wrapper li.gfield_error input[type=text], .gform_wrapper li.gfield_error input[type=url], .gform_wrapper li.gfield_error textarea{border: 0 !important;}

.ContactForm input#gform_submit_button_1:hover{ background: #424242;}

.ContactForm .gform_wrapper .gform_ajax_spinner {padding-left: .625em; float: right;width: 25px; margin: 0 9px 0 0;}

.FilterPage .ProductArchive{}

.FilterPage .ProductArchive ul{ float: left; width: 100%; display: block; /* border-bottom:1px solid #a5a5a5; */ font-size: 11px; font-weight: bold; color: #000; /*padding: 0 0 11px 0;*/ background: none; border-radius: 0; text-transform: uppercase; margin-bottom: 4px;}

.FilterPage .ProductArchive .breadcrumb>li+li:before { padding: 0 9px 0 5px; color: #000; content: "/\00a0""/\00a0"; word-spacing: -4px;}

.Basket{ float: left; width: 100%; /* border-bottom: 1px solid #ccc; */}

.Basket .Grid-85{ padding-top: 5px; padding-bottom: 12px;}

.BasketOptions{ padding-right: 0; padding-left: 0;}

.BasketOptions ul{ border-bottom: none !important;}

.BasketOptions ul li{ float: left; width: 100%; margin: 0 0 11px 0;}

.BasketOptions ul li a img{ float: left; width: 13%; height: auto; margin: 0 7px 0 0;}

.BasketOptions ul li a span{ float: left; width: 78%; font-weight: 400; font-size: 11px;}

.BasketOptions ul li a{}

.help-block li { font-size: 10px; font-weight: bold; color: #F00; text-transform: capitalize;}

.CProfile{ padding: 2% 0 0 0; width: 84%;}

.Download{ position: relative;}

.Download h1{ font-size: 56px; bottom: 13%;  color: #fff; position: absolute; z-index: 1; left: 4%;}

.Download img{ /*height: 390px;*/}

.col-sm-6.col-md-4.DwnPg { min-height: 354px;}

.DownloadSet{ width: 93%; float: left; margin: 4% 1% 4% 1%;}

.DownloadSet h2{ font-size: 12px; font-weight: bold; text-transform: uppercase;}

.DownloadSet ul{ float: left; width: 100%;  margin: 5% 0 3% 0;}

.DownloadSet ul li{ /* border-top: 1px solid #e4e5e6; */ padding: 0 0 6px 0;  float: left; width: 100%;}

.DownloadSet ul li a{ font-size: 12px; line-height: 0;}

.DwnSetCont { width: 100%; margin: 4% 0 0 0;}

.col-sm-6.col-md-3.DwnPg { border-left: 1px solid #a5a5a5;}

.col-sm-6.col-md-3.DwnPg:first-child{ border-left:none;}

.ArcihiveProducts{float: left;  width: 100.4%;  margin-top: 12px;}

.BannerBox{ width: 97.1%; margin: 0 auto; position:relative}

.BannerBox .HoverBox{ padding: 0.5% 1px; position:relative}

.BannerBox .HoverBox img{}

.BannerBox .HoverBox .BoxTitle{ position: absolute; top: 56%; width: 100%; text-align: center;}

.BannerBox .HoverBox .BoxTitle h2{ color: #fff; font-weight: 300; font-size: 19px; text-transform: inherit;}

.BannerBox .HoverBox .BoxTitle a{ color: #fff; font-weight: 300; font-size: 14px; margin: 0 0 0 0; float: left; width: 100%;}

.BannerBox .HoverBox .BoxTitle a:hover{ color: #C4C4C4;}

.BannerBox .HoverBox:hover img{ opacity:0.9}

.NucoreTabs{ background:#ebebeb}

.NucoreTabs>li{ position:relative; z-index:1}

.NucoreTabs>li>a{ border-radius:0px; font-size:14px; border:none; margin:0}

.NucoreTabs>li.active>a, .NucoreTabs>li.active>a:focus, .NucoreTabs>li.active>a:hover{ background:#000; color:#fff; font-weight:500; font-size:14px; border:none}

.NucoreTabs>li.active>a:after{ content: "\f0d7"; font: normal normal normal 14px/1 FontAwesome; color: #000;position: absolute; bottom: -16px; text-align: center; width: 100%; left: 0; font-size: 26px;}



.menu-product-menu-container{padding-top: 20px;}
#menu-product-menu{ background:#ebebeb;float: left; width: 100%; background: #F4F4F4;  }

#menu-product-menu>li{ 
    position: relative;
    z-index: 1;
    float: right;
    margin-bottom: -1px;
    border-left: 1px solid #fff !important;
    width: auto;
    border-bottom: 0;
    clear: none;
    padding: 0;
}

#menu-product-menu>li>a{ border-radius:0px; font-size: 10px; text-transform: uppercase; border:none; position: relative; display: block; padding: 10px 15px; margin:0;   }
#menu-product-menu>li:last-child{border-right:none !important}

#menu-product-menu>li.current-menu-item>a, #menu-product-menu>li.active>a:focus, #menu-product-menu>li.active>a:hover{ background:#000; color:#fff; font-weight:500; font-size: 10px; border:none}

#menu-product-menu>li.current-menu-item>a:after{ content: "\f0d7"; font: normal normal normal 14px/1 FontAwesome; color: #000;position: absolute; bottom: -16px; text-align: center; width: 100%; left: 0; font-size: 26px;}

.TabContens{ float:left; width:100%; margin: 3% 0 0;}

.TabNavigation{

    padding-left: 14px;

}

.TabNavigation h5{ font-weight: bold; font-size: 12px; text-transform: uppercase; float: left; width: 100%; margin: 4% 0 4% 0;}

.TabNavigation nav{ width: 90%; margin: 8% auto; float: left;}

.TabContens set1{ float: left; width: 100%; padding: 0 0; border-bottom: 1px solid #ccc;}

.TabContens set2{ float: left; width: 100%; padding: 10% 0 }

.TabNavigation nav ul{ float: left; width: 100%; padding: 0 0;}

.TabNavigation nav ul li{ float: left; width: 100%; padding: 0 0 2% 0;}

.TabNavigation nav ul li a{ font-size: 12px;}

.TabNavigation .set1 { padding: 9% 0;float: left; width: 100%; border-bottom: 1px solid #EEEEEE;}

.TabNavigation .set1:last-child{ border-bottom:none}

.ScrBox{  overflow: auto;  width: 100%;  height: 400px; padding: 0 5px; /* border: 1px solid #b7b7b7; */}

.ScrBox::-webkit-scrollbar{  width: 7px;}

.ScrBox::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px;} 

.ScrBox::-webkit-scrollbar-thumb{ background: rgba(123,123,123,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); height:50px;}

.ScrBox::-webkit-scrollbar-thumb:window-inactive {background: rgba(123,123,123,0.4);}

#success {float: left; width: 100%;  text-align: center;}

#success .alert.alert-success { color: #000; background: #fff; border: none; margin: 6% 0 5% 0;}

#success .alert.alert-success h3 { font-size: 18px;  font-weight: bold; float: left; width: 100%; margin: 0 0 3% 0;}

#success .alert.alert-success p { font-size: 15px; line-height: 19px;}

#success .alert.alert-success .closebtn { margin: 4% 0;}


#success .alert.alert-success .closebtn button.btn.btn-default { background: #000; color: #fff;border: none; border-radius: 0; text-transform: uppercase;

    font-weight: 600; padding: 8px 19px; word-spacing: 0;}

#success .alert.alert-success i { font-size: 11px; line-height: 8px; font-style: italic;}

li#field_1_1 { margin:0;}

.ScrBox{}

.ScrBox li{ height: 62px;}

.ScrBox li .remove{ float: left; width: 5%; height: 10px; margin: 7% 0;}

.ScrBox li .remove .remove-parent { color: #717171; font-weight: 300;  visibility: hidden;}

.ScrBox li .remove .remove-parent:before {  content: 'X'; visibility: visible; font-size: 12px;}

.ScrBox li .Img{float: left; width: 20%;}

.ScrBox li .Img Img{}

.ScrBox li .Desc{ float: left; width: 75%; padding: 0 0 0 14px;}

.ScrBox li .Desc small{ font-weight: 400; text-transform: capitalize; font-size: 12px; float: left; width: 100%;}

.ScrBox li .Desc h2{ font-size: 13px; font-weight: bold; float: left; width: 100%; margin: 6px 0 0 0;}

.ScrBox li .Desc h3{ float: left; width: 100%; font-weight: 400; font-size: 12px; margin: 5px 0 0 0;}

.InqForm{}

.InqForm label{ font-weight: 600; text-align: left !important; font-size: 12px;}

.InqForm input{ border-radius: 0px; border-color: #DEDEDE; -webkit-box-shadow: none; box-shadow: none; /*-webkit-appearance: none;*/ font-weight: 600; font-size: 12px;}

.InqForm select{ border-radius: 0px; border-color: #DEDEDE; -webkit-box-shadow: none !important; box-shadow: none !important;  -webkit-appearance:none;}

   .custom-select select {

        display: inline-block;

        border: 1px solid #ccc;

        padding: 4px 3px 3px 5px;



        margin: 0;



        /* font: inherit; */



        outline:none; /* remove focus ring from Webkit */



        line-height: 1.2;

        /* background: #f8f8f8; */

        





        -webkit-appearance:none; /* remove the strong OSX influence from Webkit */

        

    


        font-size: 12px;

        font-weight: 600;

}

    /* for Webkit's CSS-only solution */

    @media screen and (-webkit-min-device-pixel-ratio:0) { 

        .custom-select select {

            padding-right:30px;    


        }

    }

    

    /* Since we removed the default focus styles, we have to add our own */

    .custom-select select:focus {

        -webkit-box-shadow: 0 0 3px 1px #c00;

        -moz-box-shadow: 0 0 3px 1px #c00;

        box-shadow: 0 0 3px 1px #c00;

    }

    

    /* Select arrow styling */

    .custom-select:after {

        content: "▼";

        position: absolute;

        top: 0;

        right: 0;

        bottom: 0;

        font-size: 60%;

        line-height: 30px;

        padding: 0 7px;

        /* background: #FFF; */

        color: black;

        

        pointer-events:none;

        

    

        margin: 2px 15px 0 0;

}

    

    .no-pointer-events .custom-select:after {

        content: none;

    }

.InqForm .Sbtn{ padding: 10px 29px; float: right; margin: 5% 3% 0 0; background: #000; color: #fff; border: none; font-size: 11px; text-transform: uppercase; font-weight: 600;}

.InqForm .Sbtn:hover{ background: #424242;}

.ProfileImg{ width: 90%; margin: 4% auto 0 auto; display: block;}

.SearchGrd{ float:left; width:100%; margin: 0; min-height: 215px;}

.SearchGrd ul{}

.SearchGrd ul li{}

.SearchGrd ul li{ float: left; width: 100%; margin: 0 0 2%  0; position: relative;}

.SearchGrd ul li .img{ float: left; width: 15%; margin: 0 2% 0 0; position: relative;}

.SearchGrd ul li .img img{}

.SearchGrd ul li .img .trans{ float: left;}

.SearchGrd ul li .img .tile{ position: absolute;  left: 0; object-fit: cover; height: 20vh;}

.SearchGrd ul li .SerConts{ float: left; width: 83%;}

.SearchGrd ul li .SerConts h1{ float: left; width: 100%; margin: 0 0 1% 0; font-weight: 600; font-size: 16px; line-height: 15px;}

.SearchGrd ul li .SerConts p{ float: left; width: 100%; margin: 0 0 2% 0; font-weight: 400; text-transform: inherit;}

.SearchGrd ul li .SerConts .readmore{ font-size: 12px; text-transform: lowercase; font-weight: bold;  position: absolute; bottom: 0; width: 100px; right: 0; text-align: right; color: #646464; display: none;}

.SearchGrd ul li .SerConts .readmore:hover{ text-decoration:underline !important}

.SearchGrd h1.page-title { float: left; width: 100%; margin: 0 0 3% 0; text-transform: capitalize; font-weight: 500; font-size: 15px;}

.FinishLd{ margin-right: -4px; margin-left: -4px;}
.FinishLd .FL{ padding-left: 3px; padding-right: 3px; position: relative; height: 420px; margin-top: 20px;}
.FinishLd .FL .bg{}
.FinishLd .FL .FlImg{ position: absolute; top: 0; width: 97.5%; left: 3px;}
.FinishLd .FL .FlContents{ position: absolute; z-index: 1; bottom: 0; padding: 22% 15%; width: 96%;}
.FinishLd .FL .FlContents h1{ text-transform: none; font-size: 26px; font-weight: 300; color: #000; margin: 2px 0 -2px 0;}
.FinishLd .FL .FlContents ul{ float: left; width: 100%; margin: 8% 0 0;}
.FinishLd .FL .FlContents ul li{ float: left; width: 100%; padding: 1px 0;}
.FinishLd .FL .FlContents ul li a{ /* text-transform: uppercase; */ font-size: 13px;}
.FinishLd .FL .FlContents .FlBtn{ border: 1px solid #343434; -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px; padding: 7px 23px; font-weight: 400; font-size: 12px; margin-top: 12%; float: left;}
.FinishLd .FL .FlContents .FlBtn i{}
.FinishLd .FL .FlContents .FlBtn:hover{ background:#343434; color:#fff}
.abu_abu{background-color: #F1F1F1; border-left: 1px solid #FFF; border-right: 1px solid #FFF;}


.FinishLd > div:nth-of-type(1) .FlContents a{
    color: #FFF;
    text-shadow: 1px 1px #5f5f5f;
}

.FinishLd > div:nth-of-type(1) .FlContents h1{
    color: #f7f7f7;
    text-shadow: 2px 2px #5f5f5f;
}

.FinishLd > div:nth-of-type(1) .FlContents .FlBtn{
    border: 1px solid #FFF;
}




small .link i.fa.fa-angle-right { /* display: none; */ font-size: 12px;  margin: 0 0 0 1px;}
small .link a { padding: 0 0 0  0 !important;  float: left; position: relative; left: -3px;}
small .link span:before { display: none;}
small .link img { width: 15px;  position: absolute; bottom: 0;  right: 6%;}

.ajaxoptions_preloader{ width:81px !important; margin:0 auto !important}
.ajaxoptions_preloader img{ width:81px !important; height:86px !important}

.altbox{
   /* border-top: 7px solid #3c763d;*/
    border-radius: 0;
    background-color: #F7F7F7;
    float: left;
    width: 100%;
	  padding: 15px 15px;
   margin-bottom: 1%;
}
.altbox .txt{
    color: #000;
    float: left;
    padding-top: 6px;
    font-size: 16px;
}
.altbox a{
    float: right;

}


footer{ float:left; width:100%; margin: 4% 0 0 0;}

footer .TopFooter{ float:left; width:100%; border-bottom: 1px solid #a5a5a5;}

footer .FooterSocial{ float:left; width:60%}

footer .FooterSocial ul{ float:left; width:100%; padding: 1.5% 0;}

footer .FooterSocial ul li{ float:left; padding: 0 15px 0 0;}

footer .FooterSocial ul li a{ float:left; color:#a5a5a5}

footer .FooterSocial ul li a:hover{ color:#000}

footer .FooterSocial ul li a i{ font: normal normal normal 15px/1 FontAwesome;}

footer{ float:left; width:100%; margin: 4% 0 7% 0;}

footer .TopFooter{ float:left; width:100%; border-bottom: 1px solid #a5a5a5;}

footer .FooterSocial{ float:left; width:60%}

footer .FooterSocial ul{ float:left; width:100%; padding: 1.5% 0;}

footer .FooterSocial ul li{ float:left; padding: 0 21px 0 0;}

footer .FooterSocial ul li a{ float:left; color:#a5a5a5}

footer .FooterSocial ul li a:hover{ color:#000}

footer .FooterSocial ul li a i{ font: normal normal normal 15px/1 FontAwesome;}

footer.PrductFooter { margin-top: 0;}

.ScroolTop{ float: left; width: 40%;}

.ScroolTop a{ float: right; text-transform: uppercase; font-size: 17px;}

.ScroolTop a span{float: left;color: #959595;}

.ScroolTop a i{ color: #959595; font-size: 28px; float: left; line-height: 17px; font-weight: 300; padding: 0 0 0 7px;}

.FooterBtm{ float: left; width: 100%; padding: 0.9% 0;}

.FooterBtm .ContactDetails{ float: left; width: 100%;}

.FooterBtm .ContactDetails li{ float: left; margin: 0 3% 0 0;}

.FooterBtm .ContactDetails li img{ float: left; width: 22px; padding: 4px 6px 0 0;}

.FooterBtm .ContactDetails li span a, .ContactDetails li span{ font-size: 13px; color: #959595; font-weight: 300;}

.CopyRight{ float:right; font-size: 13px; color: #D4D4D4; font-weight: 300;}

.FullWdAcc{ display:block; float:left; width:100%}

.MobileAcc{ display:none; float:left; width:100%}

@media only screen and (min-width: 1100px) and (max-width: 1270px) {

	.OurCollection{ width: 98%;}
	.Grid-5{ margin-right: 2px; margin-left: 2px;}

}

@media only screen and (min-width: 0px) and (max-width: 1099px) {

	

	header > section, .MidFrame, header > section, footer > section, .MidFrame{ width:86%}

	.OurCollection{ width:100%}

	.OurCollection h2{ font-size:13px}

	.ContactForm .FrameStyle .gfield_label{font-size: 12px !important;}

	

}

	.MobLeft .logo{ display:none}

	.MobLeft .MobNav{ display:none; float: left; width: 100%;}

	.nav-button, .nav-button2{ display: none; } /* hide the navigation button by default */

	.TabNavigation, .TabContent{ float:right; position: relative; display: block; z-index: 1;}

@media only screen and (min-width: 0px) and (max-width: 990px) {

	.ProfilePage{ padding:32px}

	.OurCollection h2{  line-height: 23px;  font-size: 13px;}

	.Grid-5 { width: 20%; margin: 0;}

	

		

}

@media only screen and (min-width: 0px) and (max-width: 900px) {

	.Grid-5-row .info .hdr { padding: 0 0 0 5px;}

	.Grid-5-row .TileOption{ top: 47%;}

	.Grid-5-row .TileOption .link{ font-size: 10px;}

	.Grid-5-row .TileOption span{ margin: 0 0 1px 0;}



	.Grid-5-row .info .hdr span p{ font-size: 10px; line-height: 11px; line-height: 15.9px;}

	

	.Grid-6-row .info .hdr { padding: 0 0 0 5px;}

	.Grid-6-row .TileOption{ top: 47%;}

	.Grid-6-row .TileOption .link{ font-size: 10px;}

	.Grid-6-row .TileOption span{ margin: 0 0 1px 0;}

	.Grid-6-row .info .hdr span p{ font-size: 10px; line-height: 11px; line-height: 15.9px;}

	

	.Grid-7-row .info .hdr { padding: 0 0 0 5px;}

	.Grid-7-row .TileOption{ top: 47%;}

	.Grid-7-row .TileOption .link{ font-size: 10px;}

	.Grid-7-row .TileOption span{ margin: 0 0 1px 0;}

	.Grid-7-row .info .hdr span p{ font-size: 10px; line-height: 11px; line-height: 15.9px;}

		

}

@media only screen and (min-width: 480px) and (max-width: 670px) {

	.Grid-7-row{ width:20%}

}

@media only screen and (min-width: 0px) and (max-width: 768px) {

	

.menu-product-menu-container{ margin:7% 0 0 0}

	body{ padding-top:74px}	

	.FullWidth{ width:100%; float:left}

	.Grid-T-3, .Grid-T-7{ width:100%}

	.TabNavigation nav{ margin: 4% auto;}

	.CollecTitle, .Collection{  font-size: 20px;}

	.CollectionText p{  font-size: 12px}

	.Grid-5 { width: 33.333%; margin: 0; height: 351px !important;}

	.padding-right, .padding-left { padding: 15px;}

	 header {padding: 0 0 2% 0;}

	.MobLeft{}

	.MobLeft .logo{ display:block;float: right; width: inherit; padding: 11px 0; width: 63%;}

	.MobLeft .logo img{ width:100%}

	.MobRight{ display:none}

	.MobLeft .MainNav{ display:none}

	.MobLeft .MobNav{ display:block; width: 8%;}

	header > section .TopNav{ width: 154px; display: none;}

	header > section .TopNav ul { float: left; position: relative; margin: 0 0 0 8px;}

	header > section .TopNav ul li{ padding: 7px 5px;}

	header > section .TopNav ul li a{ font-size:12px}

	.smaller > section .logo { padding: 2% 0;}

	.FinishersGrids a, .AllColors { float:left; width:100%}

	.AllColors {height: 200px;}

	.FooterBtm .ContactDetails li { margin: 0 auto 4px auto; width: 140px; float: none;}

	.FooterBtm .ContactDetails li.phone{ width: 111px;}

	.ContactDetails address{ text-align:center}

	.AddressAccordiation .Accordiaion a span, .ContactDetails .HdOf{ text-align: center;  display: block;}

	.col-sm-6.col-md-3.DwnPg { border-left:none}

	

	 .CopyRight{ margin:2% 0 0 0; width: 100%; text-align: center;}

	 .BannerBox .HoverBox{ float:left; width:100%}

	 .BannerBox .HoverBox .BoxTitle{  vertical-align: middle;    display: block;   position: absolute;    color: #fff;    width: 94%;    text-align: center;    top: 50%;    transform: translateY(-50%);    -webkit-transform: translateY(-50%);    -moz-transform: translateY(-50%);    -o-transform: translateY(-50%);    -ms-transform: translateY(-50%); z-index: 22;}

	footer .FooterSocial{ width: 100%;  padding: 0 0 2% 0;}

	footer .FooterSocial ul{ float: none; width: 135px; margin: 0 auto;}

	footer .FooterSocial ul li{ padding: 0 10px;}

	.Grid-20, .Grid-80{ width:100%}

	.FullWdAcc{ display:none; float:left; width:100%}

	.MobileAcc{ display:block; float:left; width:100%}

	/*.FilterPage .FilterSideBar { margin: -5% 0 0;}*/

	.FilterSideBar h3{ display:none}

	.FilterPage .FilterSideBar .Accordiaion .AccTitle{ width:100%}

	.FilterPage{ border:none}

	/* Navigation Button

	-------------------------------------------------------- */

	.nav-button2{ right:7px !important; left:inherit !important}

	.nav-button, .nav-button2{display: block;position: relative;text-align: center;top: 7px;width: 100%;cursor: pointer;/* border: 1px solid #000; */	/* border-bottom: 1px solid rgba(255,255,255,.1); */	/* box-shadow: 0 0 4px rgba(0,0,0,.7) inset; */	border-radius: 2px;	z-index: 999;/* text-indent: -9999px; */	color: #000;padding: 3px 0;	background: #fff;}

	.nav-button:hover, .nav-button2:hover { background: #fff; }

	.nav-button.open, .nav-button2.open {}

	/* Navigation Bar

	-------------------------------------------------------- */

	.primary-nav, .primary-nav2 {width: 100%;float: none;/* background-color: #238be3; */ /* change the menu color */

		/* background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2)); */background-image:    -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));background-image:     -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));	background-image:      -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.2));	display: block;	height: 5px;margin: 0;	padding: 0;	overflow: hidden;/* box-shadow: 0 1px 2px rgba(0,0,0,.6); */

		position: absolute;	top: 0px;left: 0px;z-index: 998;clear: both;}

	.primary-nav li, .primary-nav2 li {	display: none;width: 100%;font-family: Arial;}

	.primary-nav li a, .primary-nav2 li a {	display: block;	width: 100%;padding: 10px 5%;	font-size: 14px;font-weight: bold;	/* text-shadow: -1px -1px 0 rgba(0,0,0,.15); */color: black;text-decoration: none;	border-bottom: 1px solid rgba(0,0,0,.2);border-top: 1px solid rgba(255,255,255,.1); }

	.primary-nav li a:hover, .primary-nav2 li a:hover {	/* background-color: rgba(0,0,0,.5); */	/* border-top-color: transparent; */}

	.primary-nav > li:first-child, .primary-nav2 > li:first-child {	/* border-top: 1px solid rgba(0,0,0,.2); */	/* border-bottom: 1px solid rgba(0,0,0,.2); */;}

	/* Toggle the navigation bar open  */

	.primary-nav.open, .primary-nav2.open  { height: 100vh; margin-top: 12%;background: #fff; overflow-y: scroll;}

	.primary-nav li, .primary-nav2.open li { display: block; /* border-bottom: 1px solid rgba(0,0,0,.2); */}

	/* Submenus – optional .parent class indicates dropdowns */

		.primary-nav > li:hover > a, .primary-nav2 > li:hover > a {background: rgba(223, 223, 223, 0.5);border-bottom-color: transparent;}

	.primary-nav li.dp > a:after, .primary-nav2 li.dp > a:after {content: "▼";	color: rgba(0, 0, 0, 1);float: right;}

	.primary-nav li.parent > a:hover, .primary-nav2 li.parent > a:hover {background: rgba(215, 215, 215, 0.75);}

	.primary-nav li ul, .primary-nav2 li ul {display: block;background: #F4F4F4;border-top: 0 none;padding: 0;padding: 0 0 0 4%;}

	.primary-nav li ul a, .primary-nav2 li ul a {border: 0 none;font-size: 12px;padding: 10px 5%;font-weight: normal;}

	.primary-nav li:hover ul, .primary-nav2 li:hover ul {display: block;border-top: 0 none;}

	.col-sm-6.col-md-4.DwnPg { height:inherit;  margin: 4% 0 0 0;}

	.DownloadSet ul{  margin: 5.9% 0 0 0;}

	.col-sm-6.col-md-3.DwnPg { float: left; margin: 6% 0 0 0;}

	}

@media only screen and (min-width: 580px) and (max-width: 768px) {.FilterPage .FilterSideBar { margin: 1% 0 0;}}

@media only screen and (min-width: 0px) and (max-width: 580px) {



	.Grid-85{ width:100%}

	.MainCat h1 .PptImg{ width: 38%; margin: 4px 0 0 0;}
	.PrdPagePpt .PptImg{ width: 45%;}
	.MainCat h1{ height:auto !important}
	.MainCat h1 small, .MainCat h1 .span{ margin: 0 14px 0 0}

	.Grid-15 { width: 100%;}

	.NucoreTabs>li{ width:100%}

	.Grid-5 { width: 50%; margin: 0; height: 308px !important;}

	 footer .FooterSocial{ width: 100%;  padding: 0 0 2% 0;}

	 footer .FooterSocial ul{ float: none; width: 135px; margin: 0 auto;}

	 footer .FooterSocial ul li{ padding: 0 10px;}

	.ProductLogoBtm img { width: 70%;}

	 .ScroolTop{ margin: 3px 0 0 0;}

	 .ScroolTop a span{ font-size: 12px;}

	 .ScroolTop a i{ font-size: 19px;}

	 #menu-product-menu{ display:none}

	 .FilterPage .ProductArchive ul{ width: 98%; margin-left: 5%;}

	 .BasketOptions ul li a img{ width: 13px;}

	 .Grid-40, .Grid-60{ width:100%}

	 #scrollbox3{ height:200px}

	 .BasketOptions ul li{margin: 0 0 7% 0;}

	 .DownloadSet .col-sm-6.col-md-4 { float: left; margin: 7% 0 0 0;}

	 .ContactForm .FrameStyle .gfield_label{  width: 100%; margin: 4px 0 0 0 !important;}

	 .ContactForm .FrameStyle .ginput_container{  margin-top: 0 !important;  width: 100%;  float: left;  clear: both;} 

	 .ContactForm .FrameStyle input{padding: 0 8px !important;font-size: 12px !important;}

	 .ContactForm .gform_wrapper textarea{  height: 100px !important}

	 .ContactForm{ height:auto}

	 .ContactForm input#gform_submit_button_1{ width: 100%; margin:0; margin: 9% 0 0 0;}

	 .ReqBtns .FunctionBtn .MyDecor:before{ float:none}

	 .SplCls { margin:0}

	 .ContactForm .FrameStyle .gfield_required{  top: 14px; bottom:0 }

	 li#field_1_4 label.gfield_label {

  font-weight: bold !important;

  padding: 0 0 6px 0 !important;


}

}

@media only screen and (min-width: 481px) and (max-width: 600px) {

	.Grid-5-row{ width:33.33%}

	.Grid-6-row{ width:33.33%}

	.SearchGrd ul li .img .tile{12vh}

}

@media only screen and (min-width: 0px) and (max-width: 480px) {

	

	.Grid-5-row{ width:50%}

	.Grid-6-row{ width:50%}

	.Grid-7-row{ width:50%}

	.Grid-5 { width: 50%; margin: 0;}

	.FilterPage .FilterSideBar { margin: -9% 0 0 0;}

	.ContactForm label.gfield_label { font-size: 12px !important;}

	.SearchGrd ul li .img .tile{ height: 8vh;}

	#search .searcch-btn{  width: 10%;}

	.SearchGrd ul li{  margin: 0 0 7% 0;}

	#search input[type="text"] {width: 87% !important;}


	#search input[type="text"]:focus {width: 87% !important;}

	.gform_wrapper li.gfield.gf_list_5col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_5col ul.gfield_radio li, .gform_wrapper li.gfield.gf_list_4col ul.gfield_checkbox li, .gform_wrapper li.gfield.gf_list_4col ul.gfield_radio li{ width:100% !important;}

	.gf_left_half, .gf_right_half  { width: 100% !important;}

	.Top_marg ul.gfield_radio li, .Top_marg ul.gfield_checkbox li { width:100% !important}

}

	

}

@media only screen and (min-width: 0px) and (max-width: 420px){

	.MobLeft .logo{ display:block;float: right; width: 47%; padding: 11px 0;}

	.FunctionBtn{  float: right;  width: 100%;}

	.FunctionBtnB{  float: right;  width: 100%;}

	.ReqBtns .FunctionBtn span:before{ float:none}
	 }
/*
@media only screen and (min-width: 768px) and (max-width: 1024px){
	body{  padding-top: 98px;}

}

@media only screen and (min-width: 1430px) and (max-width: 1620px){
 body{  padding-top: 111px;}

}

@media only screen and (min-width: 1620px) and (max-width: 1994px){

 body{  padding-top: 6.5%;}

}


@media only screen and (min-width: 1994px) and (max-width: 2200px){

 body{  padding-top: 6.2%;}

}

@media only screen and (min-width: 2200px) and (max-width: 6000px){

 body{  padding-top: 5.2%;}

}

*/

@media only screen and (min-width: 1430px) and (max-width: 2000px){

 body{  padding-top: 127px;}

}

@media only screen and (min-width: 2000px) and (max-width: 6920px){

 body{  padding-top: 136px;}

}










.gform_wrapper .top_label .gfield_label {

    font-size: 11px;

    margin: 0;

}



.gform_wrapper input[type=email], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper input[type=tel], .gform_wrapper input[type=text], .gform_wrapper input[type=url] {

    border: none;


}



input#input_1_3 {

    border-bottom: none !important;

}



input#input_1_2 {

    border-bottom: none !important;

}



input#input_1_1 {

    border-bottom: none !important;

}



.gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {

    font-size: 11px;

}



.gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_year label, .gform_wrapper .gfield_time_ampm label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .ginput_complex label, .gform_wrapper .instruction {

    font-size: 11px !important;

}



.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield input[type=radio], .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {

    background: #F4F4F4;

    border: 1px solid #ccc;

    /* border-bottom: 1px solid #ccc; */

    padding: -9px 0;

    font-size: 12px;

}

li#field_1_8 {

    margin: 16px 0 0 0;

    float: left;



    width: 100%;

}

.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield input[type=radio], .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {

    margin: 2px;

}

.gform_wrapper .gfield_checkbox li label {

    margin-top: 5px !important;

}

span.gfield_required {

    color: #000 !important;

    float: right;

    font-size: 13px;

    margin: 0 0 0 0px !IMPORTANT;

    display: none;

}

 .ginput_container{
    font-size: 16px;
    width: 100%;
    border: 1px solid #CFCFCF;
    height: auto;
    border-radius: 5px;
    padding:5px 10px;
    transition: all .23s ease-in-out;
    -webkit-transition: all .23s ease-in-out;
    -moz-transition: all .23s ease-in-out;
    -o-transition: all .23s ease-in-out;
}

.form_input2{
    margin-top: -15px !important;
}



.gform_wrapper .gfield_html.gfield_no_follows_desc {}



li#field_1_6 {

    float: left;

    margin-top: 6%;

}



li#field_1_13 {

    margin-top: 2% !important;

    float: left;

    width: 100%;

}



input#input_1_13 {


    width: 100%;

}





label.gfield_label {

    margin: 0 !important;

    padding: 0 !important;

}



div#input_1_7 {

    margin: -3px 0 0 0;

}



.adrsec label {

    float: left;

    width: 20% !important;

}



.adrsec input {

    float: left;

    width: 65% !important; border-bottom: none !important;

}





.ginput_full{

    border-bottom: 1px solid #ccc;

    min-height: inherit !important;

    padding: 0 0 6px 0; float: left; width: 100% !important;

}

.ginput_right{ border-bottom: 1px solid #ccc; min-height: inherit !important;

    padding: 0 0 4px 0; float: left; margin: 0 0 0 14px !important; width: 50% !important;}

 .ginput_left { border-bottom: 1px solid #ccc; min-height: inherit !important;

    padding: 0 0 0 0 !important; float: left;  width: 48% !important;}





.ginput_full input#input_1_9_1, .ginput_full input#input_1_9_2 {



    float: left;

    width: 80% !important;

    border-bottom: none !important;

    margin: 6px 0 0 0;

}



input#input_1_9_3 {

    margin: 5px 0 3px 0;

    float: left;

}

.ginput_left input#input_1_9_5 {

    float: left;

    padding: 8px 0 6px 0;

	 width: 65% !important;

    border-bottom: none !important;

}

.ginput_left  input#input_1_9_3,  {

  float: left;   width: 65% !important;

  border-bottom: none !important; padding: 0 0 6px 0;margin: 9px 0 0 0;

}



.ginput_right input#input_1_9_4 {

  /* width: 63% !important; */

  border-bottom: none !important;

  margin: 5px 0 1px 0;

}



select#input_1_9_6 {

    float: left;

    width: 62% !important;

    margin: 8px 0 -1px 3%;

    border: none !important;

    padding: 2px 0 0;

}



span#input_1_9_6_container {

    padding: 0 0 2px 0;

    position: relative;

}

.ginput_left label, .ginput_right label {

    width: 35% !important;

}



#field_1_9 label.gfield_label {

    width: inherit !important;

}



.radio input[type="radio"] {



	border:1px solid #ccc

}



.Top_marg {

    margin: 32px 0 0 0 !important;

}



li#field_1_8 {

    margin-bottom: 15px !important;

}



li#field_1_12 {

    padding: 20px 0 0 0;

}li#field_1_4 label.gfield_label {

    font-weight: bold !important;

}







/*

    Hide the original radios and checkboxes

    (but still accessible)



    :not(#foo) > is a rule filter to block browsers

                 that don't support that selector from

                 applying rules they shouldn't



*/

.gform_wrapper .gfield_checkbox li input[type='checkbox'], .gform_wrapper .gfield_radio li input[type='radio']{



    /* Hide the input, but have it still be clickable */

    opacity: 0; float: left; width: 18px;

}



.gform_wrapper .gfield_checkbox li input[type='checkbox'] + label, .gform_wrapper .gfield_radio li input[type='radio'] + label {

    margin: 0;


    clear: none;



    /* Left padding makes room for image */

    padding: 5px 0 4px 24px;



    /* Make look clickable because they are */

    cursor: pointer;



    background: url(images/unchecked-c.png) left 4px no-repeat;

    margin: 0 0 0 0 !important;

    padding: 0 0 0 16px !important;


}



/*

    Change from unchecked to checked graphic


*/

.gform_wrapper .gfield_checkbox li input[type='checkbox']:checked + label, .gform_wrapper .gfield_radio li input[type='radio']:checked + label {

    background-image: url(images/checked-c.png);

}





#input_1_9_6_container select {

        display: inline-block;

        border: 1px solid #ccc;

        padding: 4px 3px 0px 0;

        margin: 0;

        /* font: inherit; */



        outline:none; /* remove focus ring from Webkit */



        line-height: 1.2;

        background: #F4F4F4;

        

        -webkit-appearance:none; /* remove the strong OSX influence from Webkit */

        

    

        font-size: 11px;


        font-weight: 400;

}

    /* for Webkit's CSS-only solution */

    @media screen and (-webkit-min-device-pixel-ratio:0) { 

        #input_1_9_6_container select {

            padding-right: 30px;    

        

            margin: 4px 0 4px 0;

}

    }

    

    /* Since we removed the default focus styles, we have to add our own */

    #input_1_9_6_container select:focus {

      

    }

    

    /* Select arrow styling */

    #input_1_9_6_container:after {

       /* content: "▼";*/

        position: absolute;

        top: 0;

        right: 0;

        bottom: 0;

        font-size: 60%;

        line-height: 30px;

        padding: 0 7px;

        /* background: #FFF; */


        color: black;

        

        pointer-events:none;

        

    

        margin: 2px 15px 0 0;

}

    


    .no-pointer-events .custom-select:after {

        content: none;

    }

	

	

#field_1_10 label.gfield_label {

  margin: 0 0 5px 0 !important;

}



#field_1_12 label.gfield_label {

  margin: 0 0 7px 0  !important;}

  

.Adr_css {

    font-size: 11px;

    font-weight: bold;

    margin: 16px 0 0 0  !important;

    float: left;

}



.FrameStyle input {

    border-bottom: none !important;

}



.frame_hf input{}

.frame_hf label{

    width: 41% !important;

}

.ContactForm .frame_hf .ginput_container{

    width: 57% !important;

}

li#field_1_10 {

    padding: 26px 0 0 0 !important;

}

.Top_marg ul.gfield_radio li {

  width: inherit;

  margin: 0 3% 0 0 !important;

  float: left;

}



.Top_marg ul.gfield_checkbox li {

  width: inherit;

  margin: 0 3% 0 0 !important;

  float: left;

}

li#field_1_4 {

    padding: 20px 0 0 0;

}

li#field_1_21 {

    margin-top: -9px;

}



li#field_1_20 {

    margin-top: -9px;

}



.AdrInp input{  padding: 5px 8px 7px 8px !important;}

	#no-more-tables {  width: 100%; float: left; margin: 4% 0 0 0;}
	#no-more-tables table{
    border: none;
    min-width: 600px;
}
	#no-more-tables table th{
    font-weight: bold;
    color: #000;
    font-size: 12px;
    padding: 0 0 12px;
}
	#no-more-tables table td{
    font-size: 12px;
    color: #000;
    padding: 12px 0;
}
#no-more-tables table tr{
    border-bottom: 1px solid #000;
    padding:  0;
    width: 100%;
    background-color: #fff !important;
}

#no-more-tables table thead{border-bottom: 1px solid #000;}
.FinishesAlg .PptImg {
    margin: 1% 0 0 0;
}
.PrdCont{
    padding-bottom: 0;
}
.PrdCont h1{ text-transform: initial; margin-bottom: 3px;}
.ancimg{
    height: 30px;
}
.panel-group h2 {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
}	

@media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables {  width: 100%; float: left;}
	#no-more-tables table{}
	#no-more-tables table th{}
	#no-more-tables table td{}
}

/*------ alex costom --------*/

.text-dekor{
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 20px;
}

#field_1_4 .gfield_label{
    width: 100% !important;
}
.Grid-T-3.TabNavigation.pika ul li {
    border-bottom: 0;
}
.Grid-T-3.TabNavigation.pika .set1 a{
    text-decoration: none;
}

.tab-menu-apala a{
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    border: 0;
}

.tab-menu-apala a:active{
    color: #020202;
    border: 0;
}


.tab-menu-apala{
    text-transform: uppercase;
    overflow: hidden;
    background: #f5f5f5;
}

.tab-menu-apala li{
    float: left;
    margin: 0;
    padding: 8px 15px;
    border-right: 1px solid #fff;
}

.tab-menu-apala li:last-child{
    border-right: 0;
}

.tab-menu-apala li a:hover{
    color: #020202;
}

.tab-menu-apala .active{
    background: #fff;
}

.tab-menu-apala li:hover{
    background: #eeeeee;
}

.wrap-mini-pattern{
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    border: 1px solid #fff;
}

a, a:active, a:focus {
    outline: none;
    color: #020202;
}

.wrap-mini-pattern.aktif{
    border: 1px solid #5f5f5f !important;
}

.mini-pattern{
    width: 200px;
}

.wrap-mini-pattern strong{
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 5px;
    display: block;
    font-size: 12px;
}