/*

Theme Name: Mauria Theme

Author: Abacus team

Author URI: https://abacusdesk.com/

Version: 1.3

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

@font-face {

    font-family: 'ITC Franklin Gothic Std Book';

    src: url('fonts/ITCFranklinGothicStd-Book.eot');

    src: url('fonts/ITCFranklinGothicStd-Bookd41d.eot?#iefix') format('embedded-opentype'),

    url('fonts/ITCFranklinGothicStd-Book.woff2') format('woff2'),

    url('fonts/ITCFranklinGothicStd-Book.woff') format('woff'),

    url('fonts/ITCFranklinGothicStd-Book.svg#webfont') format('svg');

    font-weight: normal;

    font-style: normal; 

}

@font-face {

    font-family: 'ITC Franklin Gothic Std Demi';

    src: url('fonts/ITCFranklinGothicStd-Demi.eot');

    src: url('fonts/ITCFranklinGothicStd-Demid41d.eot?#iefix') format('embedded-opentype'),

    url('fonts/ITCFranklinGothicStd-Demi.woff2') format('woff2'),

    url('fonts/ITCFranklinGothicStd-Demi.woff') format('woff'),

    url('fonts/ITCFranklinGothicStd-Demi.svg#webfont') format('svg');

    font-weight: normal;

    font-style: normal; 

}

@font-face {

    font-family: 'ITC Franklin Gothic Std Medium';

    src: url('fonts/ITCFranklinGothicStd-Med.eot');

    src: url('fonts/ITCFranklinGothicStd-Medd41d.eot?#iefix') format('embedded-opentype'),

    url('fonts/ITCFranklinGothicStd-Med.woff2') format('woff2'),

    url('fonts/ITCFranklinGothicStd-Med.woff') format('woff'),

    url('fonts/ITCFranklinGothicStd-Med.svg#webfont') format('svg');

    font-weight: normal;

    font-style: normal; 

}

*{margin:0;padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

html,body{margin:0;padding: 0;font-family: 'ITC Franklin Gothic Std Book';}

h1{font-family: 'ITC Franklin Gothic Std Medium';font-weight: normal;}

h2,h3,h4,h5,h6{font-family: 'ITC Franklin Gothic Std Demi';font-weight: normal;}

a, p, li, ul, label, span, h1, h2, h3, h4, h5, h6, b { padding: 0; margin: 0;}

a{ -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; }

a:hover { text-decoration: none;}

a, a:focus { text-decoration: none;outline: none; }

p {color:#555555;font-size: 16px;

    line-height: 26px;

    margin-bottom: 20px;}

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

/* Header */

.main-header{width: 100%;float: left;}

.header-top {
    padding: 13px 0 17px;
    width: 100%;
    float: left;
    background: linear-gradient(#fbef02, #c93939);
    border-bottom: 2px solid #e03636;
}

.mauria-logo{width: 100%;float: left;}

.mauria-logo .logo-img{width: 75px;float: left;}

.mauria-logo .logo-text{padding-left: 12px;padding-top: 9px;width: 85%;float: left;}

.mauria-logo .logo-text h1{font-size: 38px;color: #fff;text-transform: uppercase;letter-spacing: 0.5px;line-height: 34px;}

    .mauria-logo .logo-text h1 a {
        color: #ffffff;
        font-weight: bold;
    }

.mauria-logo .logo-text p{font-size: 14.5px;color: #fff;margin-bottom: 0;}

.mauria-logo .logo-text p a{color: #fff;}

.header-top-right{width: 100%;float: left;text-align: right;padding: 6px 0;}

.header-top-right p{color: #fff;font-size: 15px;margin-bottom: 0; line-height: 25px;}

.make-top-right img {

    width: 75%;

}

.header-bottom{width: 100%;float: left;background: #fff;}

.header-bottom ul{list-style: none;margin: 0 0 0 -30px ;width: 1250px;}

.header-bottom ul li{display: inline-block;position: relative;}

.header-bottom ul li a{padding:0 17px;display: block;line-height: 49px;font-size:14px;color: #111111;letter-spacing: .75px;font-family: 'ITC Franklin Gothic Std Medium';text-transform: uppercase;position: relative;}

.header-bottom ul li a:after{content: '';width: 2px;height: 14px;background: #c5c5c5;position: absolute;right: 0;top: 16px;}

.header-bottom ul li:first-child a{padding-left:12px;}

.header-bottom ul li:last-child a{padding-right: 12px;}

.header-bottom ul li:last-child a:after{display: none;}

.header-bottom ul li a:hover,.header-bottom ul li.current-menu-item a{color: #dd2317;}

.header-bottom ul li ul{display: none;width: 250px;

    background: #fff;

    position: absolute;

    top: 100%;

    left: 0;z-index: 99;box-shadow: 0 6px 15px #00000042;}

.header-bottom ul li ul li ul {

    left: 100%;

    top: 0;

}

.header-bottom ul li:hover ul li ul{

    display:none;

} 

.header-bottom ul li ul li:hover ul{

    display:block;

} 

.header-bottom ul li ul li {

    display: block;

}

.header-bottom ul li ul li a {

    line-height: normal;

    padding: 0;

    padding: 10px 15px;

    border-top: 1px solid #ccc;

    font-size: 13px;

}

.header-bottom ul li ul li a:hover{background: #dd2317;color: #fff;}

.header-bottom ul li ul li a:after{display: none;}

.header-bottom ul li ul li:first-child a,.header-bottom ul li ul li:last-child a{padding: 10px 15px;}

.header-bottom ul li:hover ul{

    display: block;

}

/* Header */

/* Banner */

.main-banner { width:100%;float: left;}

.main-banner img{width: 100%;}

.main-banner .owl-controls .owl-page {

    width: 14px;

    height: 14px;

    display: inline-block;

    background: #333333;

    border-radius: 100%;

    margin: 0 4px;

}

.main-banner .owl-controls .owl-page.active {

    background: #dd2317;

}

.main-banner .owl-controls {

    position: absolute;

    bottom: 5px;

    left: 50%;

}



/* Banner */

/* About Us */

.inner-1 {

    padding: 80px 0;

    width: 100%;float: left;

}

.abt-info{

    width: 100%;float: left;

    background: #e03636;

    padding: 30px 25px 70px;

}

.abt-info h2{

    font-size: 24px;

    color: #fff;

    margin-bottom: 18px;

}



.abt-info p{

     font-size: 16px;

    color: #fff;

    line-height: 24px;

    margin-bottom: 7px;

}



 

.abt-info .read-btn{

    display: inline-block;

    border:1px solid #fff;

    text-transform: uppercase;

    letter-spacing: .75px;

    font-size: 13px;

    color: #fff;

    padding: 10px 25px;

    margin-top: 10px;

}

.abt-info .read-btn:after{

    content: '\f105';

    display: inline-block;

    color: #fff;

    font-family: 'Fontawesome';

    margin-left: 12px;

}

.abt-info .read-btn:hover{

    background: #fff;

    color: #333;

}

.abt-info .read-btn:hover:after{

    color: #333;

}

.m-info{

    width: 100%;

    float: left;

    overflow: hidden;

}

.m-info img{

    -webkit-transition: 1s;

    -moz-transition: 1s;

    transition: 1s;

}

.m-info .m-info-text{

    width: 100%;

    float: left;

    background: #f1f1f1;

    padding: 25px;

}

.m-info h2{

    font-size: 24px;

    color: #222222;

    margin-bottom: 18px;    

}

.m-info p{

    font-size: 16px;

    color: #555555;

    line-height: 22px;

    margin-bottom: 16px;

}

.m-info a{

    display: inline-block;

    color: #e13737;

    text-transform: uppercase;

    letter-spacing: .5px;

}

.m-info a:after{

    content: '\f105';

    display: inline-block;

    color: #e13737;

    font-family: 'Fontawesome';

    margin-left: 12px;

    -webkit-transition:0.3s;

    -moz-transition:0.3s;

    transition:0.3s;

}

.m-info a:hover:after{

    margin-left: 16px;

}

.m-info:hover img{

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    transform: scale(1.1);

}

/* About */

/* Product */

section#our-products

{

    width: 100%;

    float: left;

    background: #e6e3e3;

}

section#our-products .col-lg-2:before {

    background: #E03636;

    content: " ";

    height: 235px;

    left: -2000px;

    position: absolute;

    top: 0;

    width: 2000px;

}

section#our-products h2 {    

    color: #fff;

    font-size: 36px;

    margin: 0px;

    line-height: 37px;

    font-family: 'ITC Franklin Gothic Std Book';

    text-transform: uppercase;

}

section#our-products h2 span{

    font-family: 'ITC Franklin Gothic Std Medium';

}

section#our-products .col-lg-2 {

    background: #E03636;

    padding: 85px 0px 85px;

    height: 235px;

}

section#our-products .col-lg-10 {

    padding: 15px 0px 15px 90px;

    height: 235px;

    margin: 0px 0px;

}

.products-info img {

    height: auto;

    width: 100%;

}

.products-info .imge

{

text-align:Center;

}

.products-info

{

    position: relative;

    width: 23%;

    float: left;

    margin-right: 10px;

}

.products-info a.overlay-content

{

    position: absolute;

    width: 100%;

    height: 100%;

    background: #e03636de;

    display: block;

    z-index: 9999;

    top: 0;

    opacity: 0;

    transition: 0.3s ease;

}

.products-info a.overlay-content .hover-text

{

    position: relative;

    top: 50%;

    right: 50%;

    transform: translate(50%,-50%);

    text-align: center;

}

.products-info a.overlay-content h3

{

    color: #fff;

    text-align: center;

    margin: 0 auto;

    display: block;

    font-size: 22px;

}

.products-info a.overlay-content span{

    display: inline-block;

    border: 1px solid #fff;

    text-transform: uppercase;

    letter-spacing: .75px;

    font-size: 13px;

    color: #e03636;

    padding: 6px 14px;

    margin-top: 22px;

    text-align: center;

    background: #fff;

}

.products-info:hover .overlay-content {

    opacity: 1;

}

/* Product */

/* Events */

section#events

{

    width: 100%;

    float: left;

    padding:0px 0 80px;

}

section#events h3 {

    color: #111111;

    text-align: left;

    line-height: 30px;

    font-size: 26px;

    text-transform: unset;

    margin-bottom: 48px;

}

.banner-title h2 {

    color: #dc1218;

    margin: 15px 0 5px;

    font-size: 18px;

}

.banner-title p {

    line-height: 24px;

    color: #111111;

    font-size: 16px;

    margin-bottom:10px;

}

img.banner-image {

    padding: 10px;

    border: 1px solid #bfbdbd;

}

.banner-btn a {

    background: #e03636;
    border: 1px solid #fff;
    transition: 0.5s;
    text-transform: uppercase;
    position: relative;
    top: 0px;
    padding: 10px 25px 10px 25px;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    margin-top: 12px;
}

.banner-btn a:hover

{

background:#fff;

color:#e03636;

border:1px solid #e03636;

}

div#owl-demo .owl-next:before {

    content: '\f053';

    font-family: "fontawesome";

    font-size: 32px;

    color: #2196f3;

    position: absolute;

    padding: 4px 9px;

    border-radius: 100%;

    left: -6%;

    top: 25%;

    transition: 0.5s;

}

div#owl-demo .owl-prev:before {

    content: '\f054';

    font-family: "fontawesome";

    font-size: 32px;

    color: #2196f3;

    position: absolute;

    padding: 4px 9px;

    border-radius: 100%;

    left: 100%;

    top: 25%;

    transition: 0.5s;

}

/* Events */

/* Associates */

.associates-logo .imge

{

width:20%;

float:left;

}

section#our-associates {

    width: 100%;float: left;

    padding: 50px 0;

    background: #F1F1F1;

}

section#our-associates h2 {    

    color: #333;

    font-size: 30px;

    margin: 0px;

    line-height: 37px;

    font-family: 'ITC Franklin Gothic Std Book';

    text-transform: uppercase;

}

section#our-associates h2 span{

    font-family: 'ITC Franklin Gothic Std Medium';

}

/* Associates */

/* Footer */

ul.social-icons li a i {

    border: 1px solid #fff;

    border-radius: 50%;

    width: 30px;

    height: 30px;

    font-size: 16px;

    text-align:center;

    padding: 5px 7px;

}

.foter-top-1 { border-bottom: 1px solid #7d7d7d; }

p.foot-stay { color: rgba(245,245,245,0.78); font-size: 26px; text-align: right; margin-bottom:40px; }

.footer-top.col-md-10 { border-bottom: 1px solid #7d7d7d; }

ul.social-icons li { list-style: none; display: inline-block; padding: 0px 0 0px 0px !important;}

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

.footer-bottom { background: #212121; padding: 40px 0; }

.last-bottom { background:#3e3e3e; padding:10px 0px; }

.last-bottom p { font-size:14px; margin-bottom:0px; color:#d8d7d7;line-height: 30px;}

.f-bottom { width: 100%; float: left; }

.footer-title h3 {padding-bottom: 25px; border: medium none; font-size: 18px; margin: 0; position: relative; text-transform: unset; color: #d8d7d7; letter-spacing: 1px; }

.footer-title ul li { line-height: 22px; border: none; padding: 0px 0 15px 0px; position: relative; list-style:none; color: #d0d0d0; font-size:16px; letter-spacing:0px; }

.footer-title ul li a { color: #d0d0d0; }

.footer-title ul li a:hover{color: #fff;}

.web-link p { text-align:right !important; }

.footer-title h3:before {

    content: "";

    position: absolute;

    height: 2px;

    width: 70px;

    background: #e6e6e6;

    bottom: 10px;

    left: 0;

}

.footer-title ul.list li

{

    line-height: 20px;

    border: none;

    padding: 5px 0 5px 5px;

    position: relative;

    list-style: none;

    color: #d0d0d0;

    font-size: 16px;

    letter-spacing: 0px;

    padding-left:15px;

}

.footer-title ul.list li a:before {

    position: absolute;

    content: "\f105";

    font-family: FontAwesome;

    left: 0px;

    font-size: 15px;

    top: 4px;

}

i.fa.fa-facebook.fa-2x:hover {color:#295396;background: #fff;}

i.fa.fa-twitter.fa-2x:hover {color:#28AAE1;background: #fff;}

i.fa.fa-linkedin.fa-2x:hover {color:#225982;background: #fff;}

/* footer end */

/* Inner Pages */

.inner-banner {

    width: 100%;

    float: left;

    background: #f1f1f1;

    padding: 10px 0;

 }

.inner-banner h2 {

    font-size: 30px;

    font-weight: normal;

    color: #111111;

    text-align:left;

    margin: 0px 0px 4px 0px;

}

.breadcrumbs-inner {

    float: left;

    font-size: 14px;

    color: #333;

    text-align: center;

}

.breadcrumbs-inner ul {

    list-style: none;

}

.breadcrumbs-inner a {

    color: #333;

}

.breadcrumbs-inner ul li {

    display: inline-block;

}

.breadcrumbs-inner i {

    font-size: 11px;

    padding-left: 4px;

}

.Mauria-layout {

    width: 100%;

    float: left;

}

.about-info {

    padding-top: 50px;

    padding-bottom: 50px;

}

.about-info h3 {

    font-size: 28px;

    line-height: 40px;

    color: #000;

    margin-right: 15px;

}

.knw-btn a {

    background: #e03636;

    border: 1px solid #fff;

    position: relative;

    transition: 0.5s;

    text-transform: uppercase;

    top: 0px;

    padding: 10px 25px 10px 25px;

    text-decoration: none;

    color: #fff;

    margin: 40px 0px;

    display: block;

    width: 34%;

    text-align: center;

}

.knw-btn a:hover

{

color:#000 !important;

}

.main-header div#header-right ul li ul.sub-menu li {

    display: block;

    color: rgb(255, 255, 255);

    position: relative;

    margin-left: -3px;

    list-style: none;

    background: initial;

    padding: 0px;

    border-bottom: 1px solid #e8e3e3;

}

.main-header div#header-right ul li ul.sub-menu {

    text-align: left;

    position: absolute;

    display: none;

    width: 205px;

    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px;

    z-index: 999;

    line-height: 30px;

    font-size: 16px;

    font-weight: 600;

    background: rgb(255, 255, 255);

    padding: 0px;

    border-width: 1px;

    border-style: solid;

    border-color: rgb(242, 242, 242);

    border-image: initial;

}

.main-header div#header-right ul li ul.sub-menu li a {

    color: rgb(17, 17, 17);

    display: block;

    font-size: 12px;

    

    line-height: 26px;

    height: auto;

    text-transform: uppercase;

    padding: 5px 15px;

    transition: 0.3s ease;

    border-radius: 0px;

}

.main-header div#header-right ul li:hover ul.sub-menu {

    display: block;

}

.about-info h3:after {

    content: "";

    position: absolute;

    display: block;

    width: 68px;

    height: 4px;

    background-color: #e03636;

    bottom: 40px;

    left: 20px;

}

.product-sidebar ul li a {

    font-size: 16px;

    letter-spacing: 0px;

    width: 225px;

    padding: 10px 0 10px 0px;

    float: left;

    border-bottom: 1px solid #ccc;

    margin: 0;

    transition: 0.5s linear;

    color:#333;

}

.product-sidebar ul {

    margin: 0;

    padding: 0;

    list-style-type: none;

}

.product-sidebar ul li.current-menu-item a {

    color: #e03636;

    border-bottom: 1px solid #e03636;

}

.product-sidebar h2 {

    color: #000;

    width: 100%;

    letter-spacing: 0px;

    font-size: 26px;

    margin-bottom: 10px !important;

    border-bottom: 0px solid rgb(28, 62, 181);

    padding: 0px 0px 10px;

    margin-top: 0px !important;

}

.product-sidebar {

    width: 100%;

    float: left;

    background: #f1f1f1;

    padding: 30px 15px;

    box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);

}

section.categorycontent

{

padding:70px 0;

clear: both;

}

.subcatthumb {

    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);

    transition: 0.5s;

    margin-bottom:30px;

}

.subcatthumb:hover

{

box-shadow:0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);

}

.description table td {

    border: 1px solid #c1c1c1;

    padding: 12px;

    color: #333;

    text-align: center;

    font-size: 16px;

}

.description

{

padding:0px 0 40px;

}

.subcatthumb p {

    text-align: center;

    line-height: 22px;

    border-top: 1px solid #b9b2b2;

    padding: 5px;

    margin: auto;

    display: block;

    margin-bottom: 0px;

    position: absolute;

    bottom: 0;

    color: #fff;

    background:rgba(220,18,24,0.77); 

    width: 100%;

}

.subcatthumb {

    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);

    transition: 0.5s;

    margin-bottom: 30px;

    height: 303px;

    position: relative;

}

.description h3 {

    margin-bottom: 24px;

    letter-spacing: .75px;

}

p.cat-info {

    font-size: 20px;

    padding: 0px 10px;

    margin-top: -50px;

    

}

section.error-404.not-found {

    width: 100%;

    float: left;

    padding: 60px 0px 90px;

    text-align: center;

    background: #fff !important;

}

section.error-404.not-found header.page-header h1 {

    font-size: 10em;

    margin: 0px;

    color:#dc1218;

}

section.error-404.not-found .page-content a {

    border: 1px solid transparent;

    font-size: 17px;

    padding: 12px 40px;

    border-radius: 7px;

    background: #dc1218;

    color: #fff;

    display: inline-block;

}

section.error-404.not-found .page-content p {

    font-size: 20px;

    padding-bottom: 30px;

    text-align:Center;

}

/* quality page */

.quality-page{

    width: 100%;

    float: left;

    padding: 60px 0;

}

.quality-block{

    width: 100%;

    float: left;

    margin-bottom: 30px;

}

.quality-img{

    width: 100%;

    float: left;

}

.quality-img a{

    display: block;

    border:1px solid #ccc;

}

.quality-title{

    width: 100%;

    float: left;

    text-align: center;

    min-height: 75px;

    padding: 14px 0 0 0;

}

.quality-title a{

    display: block;

    color: #333;

    font-size: 14px;

    letter-spacing: 1px;

}

.quality-title a:hover{

    color: #dd2317;

}



/* event page */

.event-page {

    width: 100%;

    float: left;

    padding: 60px 0;

}

.events-tab{

    width: 100%;

    float: left;

}

.events-tab ul{

    list-style: none;

    margin: 0;

}

.events-tab ul li{

    display: block;

    margin-bottom: 4px;

}

.events-tab ul li a{

    display: block;

    padding: 1em 2em 1em 1em;

    font-size: 17px;

    color: #333333;

    background: #f1f1f1;

    letter-spacing: .5px;

    position: relative;

}

.events-tab ul li.active a,.events-tab ul li:hover a{

    color: #fff;

    background: #dd2317;

}

.events-tab ul li a:after{

    content: '\f054';

    font-family: 'Fontawesome';

    color: #fff;

    font-size: 16px;

    float: right;

    opacity: 0;

    position: absolute;

    right: 1em;

    top: 1.2em;

    -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;

}

.events-tab ul li.active a:after,.events-tab ul li:hover a:after{

    opacity: 1;

}

.event-detail{

    width: 100%;

    float: left;

        border-bottom: 1px solid #de2317;

    margin-bottom: 30px;

}

.event-detail:last-child {

    border: none;

    margin-bottom: 0;

}

.events-content h2 {

    margin-bottom: 20px;

    font-size: 20px;

    text-transform: uppercase;

    letter-spacing: 1px;

    color: #de2317;

}

.events-content a {

    display: block;

    margin-bottom: 30px;

}

.contact-page{

    width: 100%;

    float: left;

    padding:60px 0;

}

.contact-map{

    width: 100%;

    float: left;

    padding: 60px 0 0 0;

}

.contact-add{
	width: 100%;
    float: left;
    box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 30%);
    padding: 30px 25px;
    border-radius: 10px;
    min-height: 230px;
    margin-bottom: 30px;
    height: 100%;
}

.contact-add h2 {
	margin-bottom: 16px;
}

.contact-add ul{
    width: 100%;
    float: left;
   list-style: none;
}
.contact-details h2 {
    font-size: 25px;
    margin-bottom: 10px;
}
.contact-add ul li{
    width: 100%;
    float: left;
/*     padding-top: 5px; */
}

.contact-add ul li .contact-icon{
    width: 30px;
    float: left;
}

.contact-add ul li .contact-icon svg {

    fill: #dd2317;

}

.contact-add ul li .contact-info{

    width: 90%;

    float: left;

    padding: 0 0 0 20px;

    font-size: 18px;

    line-height: 28px;

}

.contact-add ul li .contact-info a {

    color: #333;

    display: inline-block;

}

.contact-add ul li .contact-info a:hover{

    color: #dd2317;

}







@media (max-width:767px)

{

.header-bottom {

    display: none;

}

.make-top-right img {

    width: 25%;

}

.header-top-right {

    display: none;

}

.mauria-logo .logo-text p {

    display: none;

}

.mauria-logo .logo-img {

    width: 40px;

    float: left;

}

.make-top-right {

    display: none;

}

.mauria-logo .logo-text h1 {

    font-size: 18px;

}

.responsive-area{display:block !important;}

.content-area p {

    font-size: 10px;

    margin: 0;

    text-align: center;

    color: #fff;

    line-height: 15px;

    padding: 5px 0px;

}

article.responsive-area {

    background: #0e0e0e;

}





    .mobile-header {
        text-align: center;
        position: fixed;
        width: 100%;
        z-index: 9999999;
        bottom: 0;
        background: #ec1e17;
        border-top: solid 1px #ccc;
        padding: 10px 0px;
    }

.mobile-header i{font-size:18px;cursor:pointer;}

.icon-menu{cursor:pointer;font-size:16px;text-decoration:none;text-transform:uppercase;color:#000;}

.headerMain .logo{text-align:center;padding:10px 0px;}

.headerMain .logo img{width:55%;max-width:100%;text-align:center;display:inline-block;}

.sidenav{height:100%;width:0;position:fixed;z-index:1;top:0;left:-2px;background:#2a2a2a;overflow-x:hidden;transition:0.5s;padding-top:0 !important;text-align:left !important;border-left:2px #ec5e00 solid;}

.sidenav ul{margin:0;padding:0px;list-style:none;}

#mySidenav ul li{background:transparent;margin-bottom:1px;border-bottom:solid 1px #454545;}

.socialT ul li a{font-size:14px !important;}

.sidenav>a{color:#fff !important;}

.sidenav ul#menu-top-menu {

    margin-top: 30px;

}

.sidenav a {

    padding: 8px 13px;

    text-decoration: none;

    font-size: 13px;

    color: #fff;

    display: block;

    transition: 0.3s;

}

#mySidenav ul li ul {

    display: none;

}



#mySidenav ul li:hover ul {

    display: block;

}



.sidenav a:hover, .offcanvas a:focus{}

.sidenav .closebtn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px;padding:0;}

.navSide{color:#000;}

.icon-menu span{position:absolute;top:-5px;color:#f16508 !important;font-size:20px;}

#mySidenav ul li ul li {

    border: none;

    border-top: 1px solid #454545;

    padding-left: 10px;

}



#mySidenav ul li.menu-item-has-children {

    position: relative;

}



#mySidenav ul li.menu-item-has-children:before {

    content: "\f054";

    font-family: FontAwesome;

    position: absolute;

    right: 20px;

    top: 7px;

    color: #fff;

}



#mySidenav ul li.menu-item-has-children:hover:before {

    content: "\f078";

    font-family: FontAwesome;

    position: absolute;

    right: 20px;

    top: 7px;

    color: #fff;

}



/*slider*/

.main-banner {

    width: 100%;

    float: left;

    height: 220px;

}

.main-banner img {

    opacity: 0;

    visibility: hidden;

}

section#our-products .col-lg-2 {

    padding: 10px 0;

    height: 55px;

    text-align: center;

}

section#our-products .col-lg-10 {

    padding: 15px 30px;

    height: 295px;

    margin: 0px 0px;

    width: 100%;

}

section#our-products h2 {

    font-size: 24px;}

.products-info {

    position: relative;

    width: 48%;

    float: left;

    margin-right: 5px;

    margin-bottom: 10px;

}



.inner-1 {

    padding: 40px 0;

  

}

.abt-info {



    padding: 20px 15px 20px;

}

.abt-info p {

    font-size: 14px;

    color: #fff;

    line-height: 20px;

    margin-bottom: 10px;

}

.abt-info h2 {

    font-size: 22px;

    margin-bottom: 18px;

}

.abt-info .read-btn {

    padding: 8px 15px;

    margin-top: 5px;

}

.m-info h2 {

    font-size: 22px;

    margin-bottom: 10px;

}

.m-info p {

    font-size: 14px;

    margin-bottom: 10px;

}



.m-info .m-info-text {

    padding: 20px 15px 15px;

}



section#events h3 {

    font-size: 26px;

    text-transform: unset;

    margin-bottom: 18px;

    text-align: center;

}



img.banner-image {

    width: 100%;

}



.banner-title h2 {

    margin: 10px 0;

}

.banner-title p {

    font-size: 15px;

}



.banner-btn a {

    padding: 8px 15px;

    margin-top: -10px;

    margin-bottom: 20px;

}

section#events {



    padding: 0px 0 40px;

}

#events .col-sm-3:nth-child(2) img {

    width: 100%;

}



#events .col-sm-3:nth-child(2) h3 {

    margin-top: 10px;

}

#events .col-sm-6:nth-child(3) h3 {

    margin-top: 40px;

    font-size: 22px;

}



/*footer*/

.footer-title h3 ~ ul{

    display: none;

}



.footer-title h3:after {

    content: "\f067";

    font-family: FontAwesome;

    position: absolute;

    right: 10px;

    bottom: 10px;

}

.footer-title h3 {

    display: block;

    margin-bottom: 20px;

    background: #e13637;

    padding: 10px;

    border-radius: 1px;

}

.footer-title h3:before {

    content: inherit;

    position: inherit;

    height: inherit;

    width: inherit;

    background: transparent;

    bottom: inherit;

    left: inherit;

}



h3.responsive-footer ~ ul {

    display: block;

    border: 1px solid #8c8c8c;

    margin-bottom: 20px;

    list-style: none;

    padding: 10px;

}



h3.responsive-footer:after {

    content: "\f068";

}



/* end footer*/

.f-bottom {

    text-align: center;

    margin-bottom: 40px;

}

.last-bottom p {

    margin-bottom: 3px;

    line-height: 20px;

}

.web-link p {

    text-align: center !important;

}



section#our-associates .col-lg-10.col-md-10.col-sm-9.col-sx-12 {

    overflow: scroll;

}



section#our-associates .associates-logo {

    overflow-x: scroll;

    width: 520px;

}



section#our-associates .associates-logo .imge {

    padding: 5px;

}

ul.social-icons {

    padding: 8px 0;

}



/*About Page*/

.about-info h3 {

    font-size: 16px;

    line-height: 25px;

    color: #000;

    margin-right: 15px;

    text-align: center;

}

.about-info h3:after{content:inherit; display:none;}

.about-info {

    padding-top: 50px;

    padding-bottom: 0;

}

p {

    color: #555555;

    font-size: 14px;

    line-height: 25px;

}

.col-md-4.q-bg {

    padding: 25px 15px !important;

}

section.inner-2 p {

    font-size: 16px;

    line-height: 28px;

    padding-bottom: 1px;

    color: #fff;

}

section.inner-2 h2 {

    line-height: 0;

    font-size: 30px;

}

.col-md-4.r-bg {

    padding: 25px 15px !important;

}

.knw-btn a {

    width: 100%;

}

.resposive-table {

    overflow-x: scroll;

}

.categorycontent .row {

display: flex;

    flex-flow: row wrap;

}

.categorycontent .row .col-xs-12.col-sm-push-3.col-sm-9.col-md-push-3.col-md-9.col-lg-9{order:1;}



.product-sidebar {

    margin-bottom: 30px;

}



.events-tab {

    margin-bottom: 30px;

}



.events-tab ul li a {

    padding: 12px 10px;

}

.events-tab ul li a:after {

    top: 11px;}



.manufac-para{

 font-size: 14px !important;

    line-height: 28px !important;

    color: #000 !important;

    text-align: left !important;

    text-align: center !important;

}



ul.m-list li {

    line-height: 28px !important;

    list-style: none;

    font-size: 14px !important;

    padding-left: 18px !important;

    margin-bottom: 12px !important;

}

.inn-img {

    float: left;

    width: 44% !important;

    margin-right: 10px !important;

    margin-bottom: 10px !important;

    margin-left: 6px !important;

}

.inn-img p {

    height: 60px !important;

}



.inner-associates-logo .imge {

    width: 46% !important;

}

.inner-banner h2 {

    font-size: 22px;

}



.contact-add h2 {

    margin-bottom: 9px;

    font-size: 22px;

}



.contact-add ul li .contact-icon {

    width: 25px;

    float: left;

}



.contact-add ul li .contact-info {

    width: 88%;

    float: left;

    padding: 0 0 0 8px;

    font-size: 14px;

    line-height: 25px;

    position: relative;

    top: -4px;

}



.contact-add {

    padding: 25px 20px;

    border-radius: 5px;

    margin-bottom: 30px;

}





}







.custom-form {

    width: 100%;

    float: left;

    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);

    padding: 50px 0px 20px;

    border-radius: 10px;

    margin-top: 40px;

    text-align: center;

}

.custom-form input {

    width: 100%;

    height: 40px;

    margin-bottom: 20px;

    padding-left: 7px;

    border: solid 1px #cdcdcd;

}

.custom-form textarea {

    width: 100%;

    height: 160px;

    margin-bottom: 20px;

    padding: 10px;

    padding-left: 7px;

    border: solid 1px #cdcdcd;

}

.custom-form div#wpcf7-f1069-p141-o1 {

    width: 60%;

    display: inline-block;

}



.banner-area {

    margin-right: 10px;

}

.little-champ-block{

text-align:center;

}

.little-champ h2 {

    margin-bottom: 24px;

    text-transform: uppercase;

}

.little-champ-img {

    border: 1px solid #ccc;

}

.little-champ-block p {

    font-size: 20px;

    margin: 12px 0 0 0;

}
/*event*/
.event-asia h3 {
    color: #dc1218 !important;
    padding-top: 15px;
    margin-bottom: 0px !important;
}
.event-asia p {
    margin-top: 23px !important;
    text-transform: uppercase;
}
.fb5-cont-page-book {
    border-left: 1px solid rgb(226, 221, 221) !important;
}
.fb5-meta.fb5-right span.fb5-description {
    left: 3% !important;
    text-align: left !important;
}

.fb5-meta.fb5-left span.fb5-description {
    right: 3% !important;
}
table.tg {
    border: 1px solid;
}
td.tg-s6z2 {
    border: 1px solid;
        width: 19%;
}
td.tg-s268 {
    border: 1px solid;
}
td.tg-0lax {
    border: 1px solid;
}
td.tg-0lax {
    width: 17%;
}
td.tg-s268 {
    text-align: center;
}
.gallery-page{
    margin-top: 20px;
	 width:420px;
	height:315px;
}
iframe.ytvideo {
    height: 300px;
    width: 372px;
}

.mauriaNew .certificates {
    padding-top: 0 !important;
}

ul.certificates {
    padding: 70px 0 0px 0 !important;
}

.mauriaNew h5 {
    font-size: 20px;
    margin-bottom: 15px;
    line-height: 32px;
    font-family: 'ITC Franklin Gothic Std Medium';
	margin-left: -32px;
}

.mauriaNew h5 a {
    color: #000;
}

ul.certificates.certificateBottom {
    padding-bottom: 40px !important;
}

@media (max-width:767px){
	.associate-page-bannner img.associate-page-img {
    display: block;
    margin: auto;
}
	.associate-page-bannner h2{
		margin-top: 15px;
		position:unset !important;
	}
.gallery-page{
    width: 331px;
    height: 210px;

}
iframe.ytvideo {
    height: 188px;
    width: 273px;
}
	ul.certificates li a:before {
    left: 0px;
}
	.mauriaNew h5 {
    margin-left: 0;
}
}
@media (min-width:767px) and (max-width:1200px){
.header-bottom ul {
    width: 100%;
}
}
.associate-page-bannner {
    position: relative;
    margin-bottom: 15px;
	display:flex;
}
.associate-page-bannner h2 {
    text-align: center;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.description ul {
    padding-left: 20px;
}
section.ref-product.refrigerant {
    padding-bottom: 50px;
}
.ref-product {
    padding-top: 30px;
    float: left;
    width: 100%;
}
.ref-product .row {
    display: flex;
    justify-content: center;
	flex-wrap:wrap;
}

.ref-product .product-image {
    padding-top: 20px;
}
.ref-product .product-image ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    margin: 0;
}
.ref-product .product-image ul li {
    list-style: none;
    width: 100%;
    border: 1px solid #ededed;
    margin-bottom: 20px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
	padding: 10px;
}
.ref-product .product-image ul li img {
    width: 100%;
}
.ref-product h3 {
    margin-bottom: 15px;
    letter-spacing: .75px;
    text-transform: uppercase;
    font-size: 24px;
}
.ref-product ul.list li {
    list-style: none;
    padding-left: 20px;
    font-size: 16px;
    line-height: 30px;
}

.ref-product ul.list li:before {
    content: '\f054';
    font-family: "fontawesome";
    position: absolute;
    color: #E03636 !important;
    left: 17px;
    right: 0px;
    font-size: 12px;
}

.product-features {
	width: 100%;
	float: left;
}
.product-features h4 {
    text-align: center;
    background: #4472c4;
    padding: 10px;
    border: 1px solid #000;
    border-bottom: none;
    color: #fff;
}
.product-features table {
    width: 100%;
}
.product-features table td {
    border: 1px solid #000000;
    padding: 8px;
    text-align: center;
}
.product-features table th {
    border: 1px solid #000000;
    padding: 8px;
    text-align: center;
    color: #fff;
}	
.contact-details {
    margin-bottom: 15px;
    display: block;
    float: left;
    width: 100%;
}
.pro-img {
	padding: 30px;
}
.pro-img img {
	width: 90%;
}
.wtsp-icon img {width: 50px;border-radius: 100px;}
.wtsp-icon {position: fixed;bottom: 20px;right: 10px;}


div#owl-demo .owl-pagination {
    display: flex;
}
div#owl-demo .owl-pagination .owl-page {
    display: inline-block;
    zoom: 1;
    display: inline;
}
div#owl-demo .owl-pagination .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
}
.owl-page.active span {
	 opacity: 1 !important;
    background: #e03636 !important;
}

@media (min-width: 320px) and (max-width: 767px){
	.ref-product .product-image ul li{
		width: 90%;
		margin-right: 10px;
	}
	.product-features {
		width: 400px;
		overflow: scroll;
	}
	.main-banner{height: 140px;}
	.main-banner .owl-controls{left: 33%;}
	
.wtsp-icon {position: fixed;bottom: 50px;right: 10px;}
}