@font-face {
    font-family: 'Helvetica';
    /*src: url('../fonts/Helvetica.woff2') format('woff2'),
         url('../fonts/Helvetica.woff') format('woff');*/
	src: url('../fonts/Helvetica.woff') format('woff');	 
    font-weight: normal;
    font-style: normal;

}

img.logo-h {
    width: 112px;
    margin-bottom: 7px;
}
.hero{
	padding-bottom: 50%;
    /*margin-top: -40px;*/
}
.main-nav.main-nav-fixed, .menu-always-fixed {
    background: white;
    border-bottom: 1px solid white;
    color: black;
    box-shadow: 0 0 50px #c4beb27a;
}
.main-nav.main-nav-fixed a{
    color: #000000;
}
.main-nav.main-nav-fixed .nav-right svg path{
	fill: #000000;
}
body {
    background: white;
    color: black;
    font-family: 'Helvetica';
}
.main-nav .dropdown{
	background: rgb(255, 255, 255);
	color: black;
}
.main-nav.main-nav-fixed nav.dropdown-group a {
    color: black;
}
.main-nav.main-nav-fixed a:hover {
    color: black;
}
/*.main-nav.main-nav-fixed .nav-right:hover svg path {
    fill: black;
}*/
.main-nav.main-nav-fixed .nav-right svg rect{
	fill: white
}
li.main-search {
    display: none;
}
.cart {
    margin-top: 42%;
}
span.cart-sp {
    background: #fac845;
    color: black;
    padding: 6px;
    position: absolute;
    width: 21px;
    height: 21px;
    top: 17%;
    border-radius: 50%;
    font-size: 12px;
    line-height: 0.9;
    right: 21%;
    font-weight: bold;
}
/*.main-nav.fixed-top .panaria-logo:after {
    content: '';
    position: absolute;
    width: 12%;
    height: 197%;
    background: #fff;
    top: -56px;
    right: 0;
    z-index: -1;
    border-radius: 50%;
    left: 0;
    margin: auto;
}*/
/*.main-nav:hover .panaria-logo:after {
    content: '';
    position: absolute;
    width: 12%;
    height: 201%;
    background: #000000;
    top: -56px;
    right: 0;
    z-index: -1;
    border-radius: 50%;
    left: 0;
    margin: auto;
}*/
/*.main-nav.main-nav-fixed img.logo-h {
    width: 132px;
    margin-bottom: 0;
    margin-top: 0.5%;
}*/
.main-nav.main-nav-fixed nav.dropdown-group a:hover {
    color: #366c8e;
}
.main-nav .dropdown-group {
    float: left;
    width: 20%;
    max-width: 326px;
    margin-right: 30px;
}

.main-nav .dropdown.prodotti{
	padding: 0;
}
/*product page hover tab*/
/* Style the tab */
.tab {
    float: left;
    border: none;
    background-color: #366c8e;
    width: 20%;
    height: auto;
    padding: 60px 0 60px 60px;
}
.tab button {
    display: block;
    background-color: inherit;
    color: #e4e4e4;
    padding: 0 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    height: 53px;
    line-height: 0;
    letter-spacing: 1px;
    text-transform: capitalize;
}
.tab button b {
    color: #fff;
}
/*.tab button:hover {
  background-color: #f5f3ee;
}
.tab button.active {
  background-color: #f5f3ee;
}*/
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.tabcontent {
    float: left;
    border: none;
    width: 80%;
    border-left: none;
    height: auto;
    display: none;
    padding: 60px 60px 0 60px;
    background: #ffffff;
}
.tab button.active {
    border-right: 20px solid #ffffff;
    border-top: 29px solid #80808000;
    border-bottom: 29px solid #80808000;
}

/*product menu*/
h3.pi1 {
    text-transform: capitalize;
    color: #000000d9;
    margin-bottom: 30px;
    font-size: 21px;
}
h3.pi1 strong {
    color: #366c8e;
}
.s1 {
    display: inline-block;
    width: auto;
    height: auto;
    font-size: 14px;
    top: 0;
    margin-right: 17px;
    text-align: center;
}
span.si1 {
    display: block;
    width: 140px;
    height: 260px;
    background: #e9e7dff0;
    padding: 6px;
    box-shadow: 0 0 17px #ffffff8a;
}
.pi1:after {
    content: '';
    position: absolute;
    width: 51px;
    height: 1px;
    background: #8c8c8c;
    left: 21px;
    top: 29px;
}
.s1 a {
    color: black !important;
    font-size: 15px;
}
.s1:hover {
    opacity: 0.5;
}
p {
    line-height: 24px;
    margin: 0;
    color: #000000d6;
    font-size: 16px;
}
.s2-sb {
    display: block;
    width: 100%;
}
.s2-sb img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 0.5px solid #000000c7;
    padding: 2px;
    display: inline-block;
    margin-right: 8px;
}
span.clr {
    display: block;
    width: 30px;
    height: 30px;
    display: inline-block;
    border: 0.5px solid #000000c7;
    padding: 2px;
    border-radius: 50%;
    margin-right: 7px;
    float: left;
}
.s2 .s2-sb {
    line-height: 0;
}
.s2-sb:hover img {
    transform: scale(1.2);
    opacity: 1;
}
.s2 .s2-sb {
    margin: 16px 0;
}
.s3 .s2-sb {
    line-height: 1.4;
}
.s3 .s2-sb {
    float: none;
    width: 100%;
    clear: both;
    margin: 23px 0;
}
.s2-sb p {
    display: inline-block;
    font-size: 16px;
    text-transform: capitalize;
    line-height: 1.9;
}
.s3 a:hover span {
    transform: scale(1.2);
}
.s4 img {
    max-width: 100%;
}
.s4 img:hover {
    background: #8a8a8a;
    border-color: #8a8a8a;
    padding: 5px;
}
.s5 p {
    margin: 27px 0;
    text-align: center;
    border-top: 0.5px solid #9c9c9c;
    border-bottom: 0.5px solid black;
    padding: 0;
    line-height: 2;
    color: white;
    letter-spacing: 1px;
}
.s5 p a {
    color: #000000db;
}
.s5 p a:hover {
    color: #fbd27a;
}
.dropdown.prodotti.current {
    background: #366c8e;
}
#porcelain .si1{
    width: 140px;
    height: 300px;
    background: #b4a18f;
}
#floor .si1{
    width: 200px;
    height: 200px;
    background: #f3e6cc;
}
#pgvt .si1{
    width: 300px;
    height: 300px;
    background: #cfd0cb;
}
.dropdown.prodotti.current {
    height: auto !important;
    border-top: 1px solid rgb(0 0 0 / 84%);
}
.s6 .s2-sb {
    line-height: 0;
}
.main-nav.main-nav-fixed .s5 p a:hover {
    color: #366c8e;
}
.s6 p {
    border: 0.5px solid gray;
    border-radius: 20px;
    padding: 3px 12px;
    margin: 7px 0;
}
.s6 p a {
    color: #000000;
}
.s6 p a:hover {
    color: #366c8e !important;
}
/*.main-nav .nav-left a:hover {
    color: black;
}

/*home page*/
.index_box5 .title h2{
    color: #fbd27ad1;
}
.index_box5 .title h2 {
    color: #000000;
    position: absolute;
    left: 19%;
    width: 100%;
	font-family: 'Helvetica';
    font-weight: lighter;
}
.hp-highlights h2.title{
	font-family: 'Helvetica' !important;
}
.hp-highlights p.section-abstract {
    font-family: 'Helvetica' !important;
}
.hp-highlights h4.title{
	font-family: 'Helvetica' !important;
}
.main-footer h2.title{
	font-family: 'Helvetica';
}
button.btn {
    font-family: 'Helvetica' !important;
}
.col-lg-8.col-sm-24.sec1 {
    text-align: justify;
    color: white;
    padding-left: 60px;
}
.index_box5 .text_box p {
    color: #3a3a3a;
}
.index_box5 .text_box a {
    color: #404040;
}
img{
	max-width:100%;
}


@media (max-width:1542px){
	.tab button{font-size:15px;}
	h3.pi1{font-size:16px;}
	.s2-sb p{font-size:14px;}
	.s2-sb img{width:40px;height:40px;}
	.tab{padding:30px 0 30px 30px;}
	.tabcontent{padding:30px;}
	.tab button{height:33px;}
	.tab button.active {
    border-right: 20px solid #080706;
    border-top: 20px solid #80808000;
    border-bottom: 20px solid #80808000;
}
#porcelain .si1{width:120px;height:225px;}
.main-nav .dropdown{padding:30px;}
.main-nav .dropdown-title{min-height:33px;}
.main-nav .dropdown-group a{font-size:14px;}
.main-nav .dropdown-group li{margin-bottom:5px;}
h4{font-size:16px;}
.main-nav .dropdown-group{margin-right:0;}
.main-nav{height:70px;line-height: 70px;}
img.logo-h{width:110px;}
.main-nav .dropdown{top:70px;}
.main-nav:hover .panaria-logo:after,.main-nav.fixed-top .panaria-logo:after{height:150px;}
span.si1{width:120px;height:210px;}
#floor .si1{width:170px;height:170px;}
#pgvt .si1{width:220px;height:220px;}
.index_box5 .text_box p{font-size:15px;}
.index_box5 .text_box a{font-size:14px;}
.ind1 img{width:70%;max-width:100%;}
.ind1 .sec2{margin:50px 0 0;}
.section.ind1 {
    padding-bottom: 30px;
}
.sb1 span{height:80px;width:80px;line-height:80px;margin-bottom:20px;}
.sb1 img{width: 30px;margin-bottom:0;}
.sb1 h3{font-size:20px;}
.sb1 p{font-size:15px;}
section.section.ind2{padding-bottom:40px;}
.font-lg, .panaria-usa .hp-highlights .section-abstract{font-size:17px;}
.row.ind3 {
    margin-top: 54px;
}
.panaria-usa .hp-highlights .section-abstract{margin-bottom:0;}
.thumb-component figure{margin-bottom:10px;}
.ind3 h4.title.title-lg{font-size:18px;}
.section-beige{padding-bottom:30px;}
section.section {
    padding: 30px 0;
}
.ind4 h2{font-size:30px;margin-bottom:15px;}
.ind4 {
    padding: 5% 5% 0 5%;
}
}

@media (max-width:1442px){
	.main-nav__group a{font-size:10px;padding:0 10px;}
	.tab button{font-size:12px;}
	.tab{padding:15px 0 15px 15px;}
	.tab button.active {
    border-right: 15px solid #080706;
    border-top: 15px solid #80808000;
    border-bottom: 15px solid #80808000;
}
.tab button{height:25px;}
.tabcontent {
    padding: 15px 30px;
}
h3.pi1 {
    font-size: 13px;
}
span.si1 {
    width: 100px;
    height: 160px;
}
p{
	font-size:13px;
}
.s2-sb img{width:30px;height:30px;}
.s2-sb p{font-size:11px;}
.s2 .s2-sb {
    margin: 8px 0 0;
}
.s3 .s2-sb{margin:12px  0 0;}
span.clr{width:25px;height:25px;border: 0.7px solid #313131c7;}
.main-nav .s5 a{font-size:12px;}
#porcelain .si1 {
    width: 100px;
    height: 200px;
}
#floor .si1{width:150px,height:150px;}
#pgvt .si1{width:185px;height:185px;}
.s5 p{margin:0;}
.ind3 article.thumb-component{padding:20px;float:left;width:25%;margin:0;}
.ind3 article.thumb-component.ad-dpd{width:75%;margin:0;}
}

@media (max-width:992px){
	
	.main-nav .nav-left a .fa {
    position: absolute;
    right: 30px;
    top: 25px;
    font-size: 18px;
}
i.fa.fa-angle-double-down {
    display: block;
}
.main-nav .dropdown.prodotti{z-index:11;}
.tab{padding:15px;width: 100%;}
.tabcontent{width:100%;}
.tabcontent .col-md-4 {
    width: 40%;
    float: left;
}
.tabcontent .col-md-3 {
    width: 60%;
    float: left;
}
.tabcontent .col-md-2 {
    width: 40%;
    float: left;
    clear: both;
}
.dropdown.cp{
	top:0;
}
.main-nav .mobile-toggler a {
    color: #fff !important;
}
}

section.section.ind1 {
    margin: 95px 0 0 !important;
}
section.section.ind2 {
    padding-top: 20px;
    margin-bottom: 55px;
}
section.section.section-beige.hp-highlights.ind6 {
    padding: 127px 0;
}

.tp-parallax-wrap {
    left: 5% !important;
    text-align: left !important;
    top: 69% !important;
}
a.slide-lin {
    color: #fac845;
    background: #000000;
    letter-spacing: 2px;
}
a.slide-lin {
    color: #ffffff;
    background: #000000;
    letter-spacing: 2px !important;
    font-size: 15px !important;
    display: inline-block;
    padding: 5px 10px !important;
    margin: 10px 0 !important;
}
.tp-caption.tp-resizeme {
    width: 900px !important;
    max-width: 900px !important;
    min-height: 900px !important;
}
img.ft-logo {
    max-width: 75%;
}
.main-footer .socials a:hover {
    color: #28292b;
    border-color: #fac845;
    background: #fac845;
}


/*slider*/
.slick-initialized .slick-slide {
    display: block;
    height: 880px;
    top: 0;
    padding: 3.7%;
}


.slider-area {
    position: relative;
    overflow: hidden;
}
.slider-area .slider-social {
    position: absolute;
    top: 50%; 
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    z-index: 99;
    left: -8%;
}
.slider-area .slider-social li {
    display: inline;
    margin: 0 15px;
}
.slider-area .slider-social li a {
    font-size: 16px;
    color: #fff;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    font-family: Helvetica !important;
    font-weight: lighter !important;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
@media only screen and (min-width: 1600px){
.single-slider {
    height: 950px;
}
}
.single-slider {
    height: 800px;
    position: relative;
    z-index: 9;
}
.bg_cover {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}
.slick-slide {
    outline: 0;
}
.single-slider::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.08);
    z-index: -1;
}
.slider-content {
    max-width: 100%;
}
.slider-content .sub-title {
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    display: inline-block;
    position: relative;
}
.slider-content .sub-title::before, .slider-content .sub-title::after {
    position: absolute;
    content: '';
    width: 100px;
    height: 1px;
    top: 50%;
    left: -115px;
    background-color: rgba(255, 255, 255, 0.3);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.slider-content .sub-title::after {
    left: auto;
    right: -115px;
}
.slider-content .title {
    font-size: 47px;
    font-weight: lighter;
    color: #fff;
    text-transform: none;
    margin-top: 20px;
    font-family: Helvetica !important;
    text-align: center;
}
.slider-content p {
    font-size: 23px;
    font-weight: lighter;
    color: #fff;
    padding: 0 0px;
    background-size: 100% 100%;
    background-position: 0 0;
    margin-top: 20px;
    text-transform: none;
    font-family: Helvetica !important;
    text-align: center;
}
.slider-content .slider-btn {
    margin-top: 35px;
}
.slider-content .slider-btn .play {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px;
    color: #fff;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.slider-content .slider-btn .play i {
    font-size: 50px;
    line-height: 50px;
    margin-right: 10px;
}
.slider-content .slider-btn .play span {
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 50px;
}
.slider-content .slider-btn .main-btn {
    margin-top: 0px;
    background-color: rgba(255, 255, 255, 0.67);
    color: #000;
    font-weight: lighter;
    border-radius: 0;
}

.main-btn {
    display: inline-block;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 0;
    padding: 0 40px;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    cursor: pointer;
    z-index: 5;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    background-color: #ff3941;
}
.single-slider {
    height: 800px;
    position: relative;
    z-index: 9;
}

.main-footer .credits p {
    color: #f6f8fa;
}
/*slider and*/

.slider-content .title {
    font-size: 50px;
    font-weight: lighter;
    color: #fff;
    text-transform: none;
    margin-top: 20px;
    font-family: Helvetica !important;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 5px 5px 8px #000000;
}
.single-slider::before {
    background-color: rgba(0, 0, 0, 0.15);
}



/*13 july */
.section-beige {
    background-color: #fff;
    color: #28292b;
}
.ad-sec-title {
    font-size: 48px;
    color: #285e7f;
    /* font-weight: lighter; */
    /* letter-spacing: 1px; */
}
/*home sec*/
span.tit {
    position: relative;
    top: 0;
    font-size: 22px;
    width: 100%;
    left: 0;
    color: #005DA8;
    z-index: 1;
    text-transform: uppercase;
    text-align: center;
}
.title-cus {
    font-size: 47px;
        color: black;
        font-weight: lighter !important;
}
h2.title.title-usa.title-cus {
    font-weight: lighter !important;
}
section.section.section-beige.hp-highlights.ind6 {
    padding: 8% 0;
}
.ind7 {
    margin: 0% 0 6%;
}
.ind7 {
    margin: 0% 0 6%;
}
.ston1 {
    background: #000000ad;
    padding: 6% 17%;
    color: white;
    text-align: justify;
    text-align-last: center;
    display: inline-block;
}
.ston1 p {
    color: white;
}
.ston1 img {
    width: auto;
    height: 48px;
    margin: 25px;
}
.sto1 span {
    font-size: 14px;
    display: block;
}
.ston1 h2 {
    margin-bottom: 2%;
    text-transform: uppercase;
    color: #ffffff;
}
.ston1 p {
    color: #ffffff;
}
.sto1 {
    float: left;
    display: block;
    margin: 3% 2% 0;
    width: 12%;
    text-align-last: center;
    text-align: center;
}

.sto1 span {
    font-size: 14px;
    display: block;
    color: #cccccc;
}
/*article.thumb-component:before {
    content: '';
    position: absolute;
    background: #fac845;
    width: 100px;
    height: 100px;
    margin-left: -7px;
    margin-top: -7px;
}*/

/*section*/
section.ind8 {
    margin: 9% 5% 9%;
    height: 600px;
    overflow: hidden;
}
.ind8 .carousel-inner {
    height: 600px;
}
.ind8 .carousel-control.right, .ind8  .carousel-control.left {
     display: none;
}
img.ind8-pos {
    position: relative;
    width: 25%;
    border-radius: 50%;
    box-shadow: 0 0 17px #00000057;
    top: 100px;
    right: 29%;
    margin-right: 8%;
    border: 1px solid;
}
.ind8-sb1 {
    padding: 5%;
}
.ind8-sb1 h2 {
    font-size: 46px;
    margin-bottom: 30px;
    color: #366786;
    text-transform: uppercase;
}
.col-md-5.ind8-sb1 a {
    color: #525252;
    letter-spacing: 4px;
    float: left;
}
.ston1 img:hover {
    cursor: pointer;
    transform: scale(1.5);
}
section.ind8:before {
    content: '';
    position: absolute;
    background: #366c8e;
    width: 46%;
    height: 620px;
    margin-top: -10px;
    left: 83px;
}

.main-nav.main-nav-fixed, .menu-always-fixed {
    background: #f6f8fa;
    border-bottom: 1px solid #f6f8fa;
}

.main-nav__group a:after {
    background: rgb(255, 255, 255);
}

.tab button.active {
    color: #fac845;
}
.tab button.active b {
    color: #fac845;
}
.cart {
    margin-top: 34%;
}
/*mobile menu*/

#MainMenu{
    display: none !important;
}

/*menu*/
.s7-sb img {
    border-radius: 50%;
    border: 0.5px solid #000000c7;
    padding: 2px;
    width: 50px;
    height: 50px;
    margin: 0;
    float: left;
}
.s7-sb {
    width: 27%;
    display: inline-block;
    text-align: center;
    line-height: 0;
    margin-bottom: 25px;
}
.s7-sb p {
    display: block;
    font-size: 16px;
    text-transform: capitalize;
    line-height: 1.9;
    float: none;
    clear: both;
}
.s7 {
    display: inline-block;
    width: 100%;
    line-height: 1;
}
.s2-sb p {
    text-align: left;
}

/*18-7*/

.azienda-hero {
    padding-bottom: 36%;
}

/*20-7*/
section.head-banner {
    padding: 175px 0 81px;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.shadow {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(45deg, #005DA8, transparent);
    height: 100%;
}
.head-banner h2.azienda-title.title-has-quotes.quotes-sm {
    color: #c72627;
    font-weight: 500;
}
.head-banner .title-has-quotes:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 4px;
    background-color: #c72627;
}
.head-banner ul {
    padding: 0;
    list-style: none;
    color: white;
}
.head-banner ul li {
    display: inline-block;
}
.head-banner ul li a {
    color: #ffffff;
}
.head-banner ul li:after {
    content: ' | ';
}
.head-banner ul li:last-child:after{
    content: '';
}
.editorial-copy {
    text-align: justify;
    color: #3a3a3a;
}
h4.editorial-title {
    color: #005DA8;
}

/*manufacturing*/
.mt-100 {
    margin: 100px 0;
}
img{
    max-width: 100%;
}
.infra div img {
    box-shadow: 20px 50px 60px -40px grey;
}
.row.infra {
    column-count: 2;
}
.row.infra div {
    margin: 0 6px 26px;
    display: inline-block;
    /*float: left;*/
}
.infra div img {
    box-shadow: 20px 50px 60px -40px grey;
    filter: grayscale(1);
}
.infra div img:hover {
    filter: grayscale(0);
}
.btn:after, .modal-gallery-btn:after {
    background: #366c8e;
}
.row.cer1 div {
    padding: 0 10px;
    line-height: 6;
    background: #f7f7f7;
}
.row.cer1 {
    column-count: 7;
    display: inline-block;
    float: left;
    margin: 15px 0 70px;
}
.magazine-header {
    color: #366c8e;
}
.magazine-header .subtitle {
    text-align: center;
}

/*inspiration page*/
/*.glossary-alphabet a.active svg {
    fill: #275877;
}
.glossary-alphabet a:focus, .glossary-alphabet a:hover {
    text-decoration: none;
    color: #366c8e;
}
.glossary-alphabet-wrapper a svg {
    width: 37%;
    font-size: 21px;
    text-align: center;
    display: block;
    margin: auto;
}
.glossary-alphabet-wrapper a {
    font-size: 14px;
    width: 13%;
    text-align: center;
}
.glossary-alphabet a svg {
    fill:  #9e9e9e;
}
.insp-pg article.thumb-component.col-lg-4.col-md-6.col-sm-12 figure {
    height: 227px;
    margin-bottom: 35px;
}*/
div#living {
    display: block;
}
.inspi-pg button.tablinks {
    background: transparent;
    border: none;
    padding: 6px 31px;
    border: none;
    background: #366c8e;
    color: white;
    margin: 0 19px;
}
.inspi .tabcontent {
    float: left;
    border: none;
    width: 100%;
    border-left: none;
    height: auto;
    display: none;
    padding: 60px 0;
    background: #ffffff;
}
/*.inspi article.thumb-component.col-lg-4.col-md-6.col-sm-12 figure {
    overflow: hidden;
    height: 257px;
}

*/
.inspi article.thumb-component {
    width: 29%;
    float: left;
    margin: 0 21px;
}
section.magazine-body.mt-100.tabl {
    margin: 100px;
}
.tabl .paragraph-title{
    text-align: center;
}
.abstract {
    text-align: center;
}

/*product page*/
.pd1{
    color: #333;
}
.pd2 h4 {
    margin-bottom: 10px;
    font-weight: 600;
    color: #333;
}
.pd3 .carousel-control.right,
.pd3 .carousel-control.left{
    /*display: none;*/
}
.pd-sub .download-list {
    margin: 35px 0;
    border-top: 1px solid gray;
    border-bottom: 1px solid;
    padding: 7px 0;
    font-size: 15px;
}
.pd-sub a.text-link {
    margin: 0 5px;
    float: right;
}

.inqui {
    margin: 45px 0;
}
.inqui h3 {
    color: #333333;
}
.inqui .fill-form {
    padding-top: 16px;
}
.inqui .form-control {
    border-radius: 0;
    -webkit-transition: border .2s;
    transition: border .2s;
    font-size: 16px;
    background: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    margin-bottom: 15px;
    box-shadow: none;
}
h3.title.pd1 {
    color: #366c8e;
}
.inqui svg {
    width: 2%;
}
.inqui svg g path {
    fill: #366c8e;
}
.certi img {
    width: 10%;
    margin: auto;
}
.certi {
    width: 100%;
    display: flex;
}
.pd3 .carousel-indicators li {
    border: 1px solid #000000;
}
.pd3 .carousel-indicators .active {
    background-color: #000000;
}
p.news-ad {
    padding: 0 10px;
}



/*pd collapse st*/
.slp {
    margin: 11px 0;
    display: inline-block;
    clear: both;
    float: none;
}
.slp1 {
    display: inline-block;
    width: 49%;
    padding: 5px;
    float: left;
    margin: 27px 0;
}
.slp1 img {
    width: 22%;
    display: inline-block;
    float: left;
    margin-right: 15px;
}
.slp2 {
    width: 68%;
    display: inline-block;
}
.slp2 ul {
    padding: 0 21px;
    color: #636363;
    font-size: 16px;
    margin-top: 14px;
}

/*export page*/
.expo img {
    width: 20%;
    display: block;
    margin: auto;
}
.expo {
    margin: 50px 0;
}
.expo h4 {
    text-align: center;
    margin: 30px 0 12px;
}
.expo p {
    color: #636363;
}
.countr span {
    display: block;
    text-align: center;
    font-size: 15px;
    text-transform: capitalize;
}
.countr img {
    width: 23%;
    display: block;
    margin: auto;
    text-align: center;
    padding-bottom: 9px;
}
.countr {
    display: inline-block;
    width: 11%;
    float: left;
    margin: 19px 0;
}
.flg h4.paragraph-title {
    text-align: center;
}
.flg p {
    text-align: center;
    padding-bottom: 50px;
}
.selectbar-list.has-scrollbar::-webkit-scrollbar-thumb {
    background-color: #f6f3eb;
    border: 2px solid #f6f3eb;
}
h4.title.title-xl {
    color: #366c8e;
}
.credits p {
    font-size: 14px;
}
.ston1 img {
    width: auto;
    height: 48px;
    margin: 25px;
    transition: all .2s linear;
}
.selectbar-item{
    height: 92px;
}
.selectbar-value {
    font-size: 18px;
    line-height: 96px;
}
.selectbar-btn {
    font-size: 18px;
    line-height: 96px;
}
.inspi-pg button.tablinks.active {
    border-color: #366c8e;
    background: white;
    color: #366c8e;
    border: 1px solid;
}
button#defaultOpen {
    border: 1px solid #366c8e;
    background: transparent;
    color: #366c8e;
}

/*29 july*/
.pack1 img {
    margin-bottom: 0px;
    box-shadow: 0 0 20px #8080809e;
}
a.dwn {
    margin: 50px 0 0;
    display: block;
    width: 38%;
    background: #ededef;
    padding: 12px;
    text-align: center;
    color: black;
    box-shadow: 9px 9px 17px #8080801f;
}
a.dwn img {
    width: 22%;
    display: block;
    margin: auto;
}
a.dwn:hover {
    background: #d4d4d4;
}
.pack2 {
    border-left: 20px solid #e4e4e4;
    margin-bottom: 100px;
}
.pack2:last-child{
    margin-bottom: 0;
}
a.ip-dw {
    position: absolute;
    z-index: 9;
    right: 20px;
    width: 40px;
    padding: 10px;
    background: #366c8e;
    height: 40px;
    top: 21%;
}
a.ip-dw svg {
    fill: white;
}
a.ip-dw:hover{
    background-color: white;
}
a.ip-dw svg:hover{
    fill: #366c8e;
}

.row.pack1 .col-md-3 {
    margin-top: 78px;
}

 /*30 july*/
 .row.pack2 h1 {
    color: #366786;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0;
}