@charset "UTF-8";
/*
	Theme Name: Kemexon
	Theme URI: #
	Description: Kemexon
	Author URI: #
	Version: 1.0.0
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: kemexon
*/
@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-Medium.woff2') format('woff2'),
        url('assets/fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica Neue';
    src: url('assets/fonts/HelveticaNeue.woff2') format('woff2'),
        url('assets/fonts/HelveticaNeue.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    src: url('assets/fonts/GothamBlack.woff2') format('woff2'),
        url('assets/fonts/GothamBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    src: url('assets/fonts/GothamBold.woff2') format('woff2'),
        url('assets/fonts/GothamBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Book';
    src: url('assets/fonts/Gotham-Book.woff2') format('woff2'),
        url('assets/fonts/Gotham-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    src: url('assets/fonts/GothamLight.woff2') format('woff2'),
        url('assets/fonts/GothamLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('assets/fonts/Gotham-Medium.woff2') format('woff2'),
        url('assets/fonts/Gotham-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Rounded';
    src: url('assets/fonts/GothamRounded-Bold.woff2') format('woff2'),
        url('assets/fonts/GothamRounded-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Rounded Book';
    src: url('assets/fonts/GothamRounded-Book.woff2') format('woff2'),
        url('assets/fonts/GothamRounded-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Rounded';
    src: url('assets/fonts/GothamRounded-Light.woff2') format('woff2'),
        url('assets/fonts/GothamRounded-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Rounded';
    src: url('assets/fonts/GothamRounded-MediumItalic.woff2') format('woff2'),
        url('assets/fonts/GothamRounded-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('assets/fonts/Gotham-Thin.woff2') format('woff2'),
        url('assets/fonts/Gotham-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham Ultra';
    src: url('assets/fonts/Gotham-Ultra.woff2') format('woff2'),
        url('assets/fonts/Gotham-Ultra.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham';
    src: url('assets/fonts/GothamExtraLight.woff2') format('woff2'),
        url('assets/fonts/GothamExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Playfair Display';
    src: url('assets/fonts/PlayfairDisplay-Regular.woff2') format('woff2'),
        url('assets/fonts/PlayfairDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('PlayfairDisplay-Bold.woff2') format('woff2'),
        url('PlayfairDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



body{
    overflow-x: hidden;
}
* h1,h2,h3,h4,h5,h6,p,ul{
    margin: 0;
    padding: 0;
}
*{box-sizing:border-box;}
*{margin:0px;padding:0px;}
p{
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    font-family: 'Gotham Book';
}

ul{margin-bottom: 0px;}
ul li{list-style:none;}
a{text-decoration:none;  font-family: 'Open Sans', sans-serif;}
a:hover{
    text-decoration: none;
    color: inherit;
}
input, textarea, select{ border:0px none; background:none; outline:none; font-size:16px; color:#323c3f;    }
img{ outline:none; max-width:100%; height:auto; border:0px none; }
input[type='submit']{  border-radius:0px; -webkit-appearance:none; appearance:none; outline:none; }
:focus{ outline:none;}

@media (min-width: 1200px){
  .container, .container-lg, .container-md, .container-sm, .container-xl{
      max-width: 1200px !important;
  }
}
/*-----------------------------Header--------------------*/
.header{
    background:url(assets/images/header-bg.png) no-repeat center;
    padding: 35px 0px 0px;
    height: 325px;
    position: absolute;
    background-size: cover;
    top: 0px;
    width: 100%;
    z-index: 9;
}
.sticky{
	box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 16%);
    -webkit-box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 16%);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.16);
	
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}
.header.sticky{
    background: #fff;
    background-image:none;
    height: auto;
    position: fixed;
    padding: 20px 0px;
}
.page-header{
    background: #fff;
    background-image:none;
    height: auto;
    position: relative;
    padding: 35px 0px;
     -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}
.header_inner{
    position: relative;
    display: flex;
    align-items: center;
}
.header_inner .navbar{
    padding: 0px;
}

.collapse.navbar-collapse{
    padding: 0px;
    margin-right: 35px;
}

/*-------Menu-----*/
/* Icon 1 */

.animated-icon1{
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon1 span{
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.animated-icon1 span {
background: #1d3583;
}

.animated-icon1 span:nth-child(1) {
top: 0px;
}

.animated-icon1 span:nth-child(2) {
top: 10px;
}

.animated-icon1 span:nth-child(3) {
top: 20px;
}

.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.navbar-light .navbar-toggler{
    border: none;
}
.navbar-light .navbar-toggler:focus{
    outline: none;
}
/*------Menu-----*/
.header-logo-area{
    max-width: 230px;
}
.header-main-menu{
    display: flex;
    margin-left: 65px;
    margin-bottom: 0px;
}
.header-main-menu li{
    padding: 0px;
}
.header-main-menu li > a{
    color: #002f57;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'Montserrat';
    font-weight: 500;
    line-height: normal;
    position: relative;
    margin-right: 15px;
    padding-right: 32px;
}
.header-main-menu li a:hover
{
    color:#3e956d;
}
.header-main-menu li.active-class a{
	color:#3e956d;
}

.header-main-menu li > a:after{
    content: "";
    position: absolute;
    background: url(assets/images/menu-line.png);
    top: 1px;
    right: 0px;
    width: 14px;
    height: 13px;
}
.header-main-menu li:last-child a{
    margin-right: 0px;
    padding-right: 0px;
}
.header-main-menu li:last-child a:after{
    content: none;
}
.header-search{
    margin-left: auto;
    cursor: pointer;
}
#search-icon i{
    color: #002f57;
}
#search-icon .fa-search.hide{
    display: none;
}
#search-icon .fa-times{
    display: none;
}
#search-icon .fa-times.show{
    display: block;
    font-size: 18px;
    -webkit-transition: 0.6s ease-out;
    -moz-transition:  0.6s ease-out;
    transition:  0.6s ease-out;
}
#search-icon .fa-times.show:hover{
    transform: rotateZ(90deg);
}

#searchinfo {
    display: none;
    position: absolute;
    top: -3px;
    right: 25px;
    border: 2px solid #002f57;
    border-radius: 50px;
    background: #002f57;
	width:254px;
}
.search-form label {
    margin-bottom: 0px;
	width:215px;
}
.search-form label input{
    padding: 5px;
    padding-left: 10px;
    color: #fff;
}
.search-form label input::placeholder{
    color: #fff;
}
.search-form .search-submit {
    background: none;
    border: none;
    margin-right: 5px;
    outline: none;
    background: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
}
.search-form .search-submit i{
    color: #1dbd9d;
}
.header-search-area,
.header-page-other-area{
    height: 460px;
    background: url(assets/images/news-bg.png) no-repeat;
	background-size:cover;
}
.error-404,
.sitemap-page{
    padding: 100px 0px;
}
.banner-section-search{
	padding-top:50px;
}
.sitemap-page ul{
    margin-bottom: 0px;
    list-style-type: none;
}
.sitemap-page ul li{
    margin-bottom: 20px;
    width: 100%;
}
.sitemap-page ul li a,.sitemap-page p a{
    color: #002f57;
    font-size: 20px;
    line-height: normal;
    font-family: 'Gotham';
    font-weight: normal;   
}
.alert-info p{
    margin-bottom: 0px;
}
.search-heading h1
{
    color: #002f57;
    font-size: 30px;
    line-height: normal;
    font-family: 'Gotham';
    font-weight: normal;
    margin-bottom: 20px;
}
.search-nothing-found h2{
    color: #002f57;
}
.alert-info p
{
    font-family: 'Gotham Book';
    font-size: 15px;
    line-height: 23px;
}
.search-section{
    margin-bottom: 100px;
}
.search-list-area li a{
    font-family: 'Gotham';
    font-size: 13px;
    line-height: 26px;
    text-transform: uppercase;
    color: #000;
}
/*-------Expended Menu-------*/

.menu-item-submenu > a:before{
    content: "\f0d7";
    font-family: "FontAwesome";
    position: absolute;
    top: -1px;
    right: 15px;
    color: #002f57;
    font-size: 16px;
    -webkit-transition: 0.4s ease-out;
    -moz-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
}
.header-main-menu li.menu-item-submenu:hover > a:before{
    transform: rotateZ(180deg);
}
.expanded-menu-section{
    background: #fff;
    padding: 70px 0px;
    position: absolute;
    left: 0px;
    top: 150%;
    width: 100vw;
    margin-left: calc(-50vw + 50% + 10px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.header-main-menu li.menu-item-submenu:hover .expanded-menu-section{
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.expand-menu-inner{
    display: flex;
}
.expand-menu-left{
    width: 45%;
    padding-right: 50px;
}
.expand-menu-left span{
    display: block;
    color:#002f57;
    font-size: 36px;
    line-height: 55px;
    letter-spacing: -2px;
    font-family: 'Gotham';
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.expand-menu-left p{
    font-size: 14px;
    line-height: 26px;
    font-family:'Gotham Book';
    color: #000;
    margin-bottom: 30px;
}
.expand-menu-left .btn-clr-kemex{
    width: 170px;
	padding-right: 0px;
	margin-right: 0px;
}
.expand-menu-left .btn-clr-kemex:hover
{
    color: #fff;
}
.expand-menu-right{
    width: 55%;
    padding-left: 50px;
}
.submenu-expand{
    margin:20px 0px 0px;
    display: flex;
    flex-wrap: wrap;
}
.submenu-expand li{
    width: 46%;
    margin:0px 20px 25px 0px;
}
.submenu-expand li a{
    font-size: 16px;
    color: #000;
    line-height: normal;
    letter-spacing: -1px;
    margin-right: 0px;
    padding-right: 0px;
}
.submenu-expand li a:hover{
    color:#3e956d;
    text-decoration: none;
}
.submenu-expand li a:after,
.submenu-expand li a:before{
    content: none;
}


/*---------------Home--------------*/
.wrapper{
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}
.heading-after-slider-section{
    background: #000;
}
.heading-after-slider-area h1,
.rs-parallax-wrap #slider-1-slide-1-layer-0{
    font-size: 60px !important;
    line-height: normal !important;
    color: #fff;
    font-family: 'Gotham' !important;
    text-transform: uppercase !important;
    letter-spacing: -4px !important;
}
.values-life-section{
    background-size: cover !important;
    padding: 200px 0px;
    position: relative;
    overflow: hidden;
}
.values-life-section:after{
    position: absolute;
    content: "";
    background: url(assets/images/values-life-cornor.png)no-repeat;
    right: 0px;
    bottom: 0px;
    width: 217px;
    height: 188px;
}
.values-life-content h2{
    color: #002f57;
    font-size: 55px;
    line-height: normal;
    font-family: 'Gotham';
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: -4px;
    margin-bottom: 20px;
}
.values-life-content p{
    font-size: 14px;
    line-height: 26px;
    color: #000;
    letter-spacing: -1px;
    font-family: 'Gotham';
    font-weight: normal;
    margin-bottom: 0px;
}
.values-life-content .btn-clr-kemex{
    margin-top: 90px;
}
.btn-clr-kemex{
    color: #fff;
    display: inline-block;
    background: #3e956d;
    font-size: 14px;
    font-family: 'Helvetica Neue';
    font-weight: normal;
    border-radius: 30px;
    text-transform: uppercase;
    width: 208px;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.btn-clr-kemex:hover{
    text-decoration: none;
    color: #fff;
}
.hvr-shutter-out{
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-shutter-out:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 30px;
    background: #002f57;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-shutter-out:hover:before{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.number-years-units-area p{
    font-family: 'Gotham';
    font-weight: 500;
    color: #000;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 0px;
    text-transform: uppercase;
    text-align: left;
}
.number-years-units-area .number-count{
    font-size: 90px;
    color: #002f57;
    font-family: 'Gotham';
    font-weight: 500;
    letter-spacing: -7px;
    display: inline-flex;
    margin-top: -20px;
}
.number-years-units-area .number-count strong{
    font-weight: 500;
}
.number-years-units-area .number-count span{
    font-size: 23px;
    color: #002e47;
    font-family: 'Playfair Display';
    margin-top: 30px;
    margin-left: 15px;
}
.number-years-units{
    display: flex;
    flex-wrap: wrap;
    margin-top: -380px;
}
.number-years-units-area{
    width: 100%;
    display: flex;
    justify-content: right;
}
.number-years-units-area-inner{
    padding: 32px 75px 32px 60px;
    text-align: center;
    border-right: 1px solid rgba(22,124,103,0.4);
    border-bottom: 1px solid rgba(22,124,103,0.4);
}
.number-years-units-area:nth-child(1) .number-years-units-area-inner{
    padding-right: 10px;
    border-right: 0px;
    position: relative;
    border-bottom: 0px;
    width: 232px;
}
.number-years-units-area:nth-child(1) .number-years-units-area-inner:after{
    content: '';
    position: absolute;
    bottom: -1px;
    border-bottom: 1px solid rgba(162,203,194,0.7);
    left: -1px;
    width: 600px;
}
.number-years-units-area:nth-child(2){
    margin-right: 233px;
}
.number-years-units-area:nth-child(3){
    justify-content: left;
    margin-left: 291px;
}
.number-years-units-area:nth-child(4){
    justify-content: left;
}
.number-years-units-area:nth-child(4) .number-years-units-area-inner{
    border-bottom: 0px;
    position: relative;
}
.number-years-units-area:nth-child(4) .number-years-units-area-inner:after{
    content: '';
    position: absolute;
    bottom: -1px;
    border-bottom: 1px solid rgba(162,203,194,0.7);
    right: 0px;
    width: 700px;
}
.blue-bg-section{
    background: url(assets/images/blue-bg-angle.png) no-repeat -217px 0px;
    background-size: 100% auto;
    position: relative;
    padding-bottom: 475px;
    z-index: 1;
	overflow:hidden;
}

.product-heading-btn-section{
    display: flex;
    align-items:center;
    padding: 175px 0px 55px;
}
.product-heading-btn-section h3{
    color:#fff;
    font-size: 50px;
    line-height: 78px;
    letter-spacing: -4px;
    font-family: 'Gotham';
    margin-bottom: 0px;
    text-transform: uppercase;
}
.product-heading-btn-section .btn-clr-kemex{
    margin-left: auto;
}
.product-slide-content .product-slide-heading{
    color: #000;
    font-family: 'Gotham';
    text-transform: uppercase;
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 5px;
    display:block;
}
.product-slide-content .product-slide-heading:hover{
    text-decoration: none;
    color: #000;
}
.product-slide-content p{
    font-family: 'Gotham Book';
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 0px;
}
.product-slide-content{
    padding: 35px 45px;
	min-height:277px;
}
.product-slide-readmore{
    display: flex;
    align-items: center;
}
.product-slide-readmore{
    font-family: 'Gotham';
    font-size: 13px;
    line-height:26px;
    text-transform: uppercase;
    color: #000;
    margin-top: 40px;
}
.product-slide-readmore:hover{
    color: #000;
    text-decoration: none;   
}
.product-slide-readmore img{
    margin-left: 15px;
    -webkit-transition: all 1s;
    transition: all 1s;
}
.product-slide-readmore:hover img{
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}
.product-solution-slider .slick-slide{
    margin: 0px 20px;
}
.product-solution-slider .slick-list{
    overflow: visible;
}
.product-slider-section{
    overflow: hidden;
    padding: 10px 0px;
}
.product-solution-slide-area{
    background: #fff;
    width: 438px;
    box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.16);
}
.product-image-slide{
	width:100%;
}
.product-image-slide img{
    height: 416px;
    width: 100%;
    object-fit: cover;
}
.shipping-heading-area{
    text-align: center;
    padding-top: 160px;
    padding-bottom: 110px;
}
.shipping-heading-area h3{
    color: #002f57;
    font-size: 50px;
    line-height: 78px;
    letter-spacing: -4px;
    font-family: 'Gotham';
    text-transform: uppercase;
    margin-bottom: 30px;
    font-weight: bold;
}
.shipping-heading-area p{
    font-family: 'Gotham Book';
    font-size: 15px;
    line-height: 26px;
    color: #000;
    letter-spacing: -1px;
    margin-bottom: 0px;
}
.shipping-heading-area .btn-clr-kemex{
    margin-top: 40px;
    z-index:1;
}
.shipping-heading-outer{
    background: url(assets/images/shipping-heading-bg.png) no-repeat;
    background-size: cover;
    margin-top: -2px;
}
.shipping-ship-section{
    padding-bottom: 145px;
    margin-top: -480px;
    position: relative;
	overflow:hidden;
}
.shipping-ship-section:after
{
    content: "";
    background: url(assets/images/shipping-right-cornor.png);
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 185px;
    height: 157px;
    
}
.three-blocks-area{
    max-width: 812px;
    display: flex;
    margin: 0 auto;
    border: 1px solid rgba(255,255,255,0.60);
}
.three-blocks-inner{
    width: 33.33%;
    height: 219px;
    background: rgba(0,0,0,0.40);
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 1px solid rgba(255,255,255,0.60);
}
.three-blocks-inner:first-child{
    border-left: 0px;
}
.three-blocks-inner span{
    font-family: 'Gotham';
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    line-height:21px;
}
.geographic-section{
    padding: 150px 0px 110px;
}
.geographic-inner{
    text-align: center;
}
.heading-h4{
    color: #002f57;
    font-size: 55px;
    line-height: 78px;
    letter-spacing: -4px;
    text-transform: uppercase;
    font-family: 'Gotham';
    font-weight: bold;
    margin-bottom: 10px;
}
.geographic-inner p{
    color: #000;
    font-size: 15px;
    line-height: 26px;
    font-family: 'Gotham';
    font-weight: normal;
    margin-bottom: 0px;
}
.map-markers-area {
    position: relative;
    width: 100%;
    height: 417px;
    margin-top: 20px;
}
.map-marker1{
    position: absolute;
    top: 55px;
    left: 34.5%;
}
.map-marker2 {
    position: absolute;
    top: 30px;
    left: 50%;
}
.map-marker3 {
    position: absolute;
    left: 75%;
    top: 83px;
}
.map-marker4 {
    position: absolute;
    left: 44%;
    top: 152px;
}
.map-marker5 {
    position: absolute;
    left: 13.5%;
    top: 153px;
}
.map-marker6{
    position: absolute;
    left: 27.7%;
    top: 225px;
}
.map-marker7{
    position: absolute;
    left: 54.5%;
    top: 218px;
}
.map-marker8{
    position: absolute;
    right: 35%;
    top: 160px;
}
.map-marker9{
    position: absolute;
    right: 27%;
    top: 195px;
}
.map-marker10{
    position: absolute;
    right: 24%;
    top: 150px;
}
.map-marker11{
    position: absolute;
    right: 13%;
    top: 155px;
}
.map-marker12{
    position: absolute;
    right: 7.5%;
    top: 314px;
}
.map-marker13{
    position: absolute;
    right: 15%;
    top: 100px;
}
.local-action-section{
    background: url(assets/images/local-action.png) no-repeat center;
    width: 100%;
    height: 865px;
    background-size:cover;
	overflow:hidden;
}
.local-action-area{
    display: flex;
    height: 865px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.local-action-area .heading-h4{
    color: #fff;
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
}
.local-action-area p{
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    font-family: 'Gotham';
    font-weight: normal;
    margin-bottom: 0px;
    color: #fff;
    text-align: center;
    margin-bottom: 0px;
}
.local-action-area .btn-clr-kemex{
    margin-top: 100px;
    background: #fff;
    color: #000;
}
.local-action-area .btn-clr-kemex:hover{
    color: #fff;
}
.insights-section{
    padding: 160px 0px;
	overflow:hidden;
}
.insights-heading-area{
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.insights-heading-area .heading-h4{
    margin-bottom: 0px;
}
.insights-heading-area .btn-clr-kemex{
    margin-left: auto;
}
.insights-slide-content{
    border: 1px solid rgba(209,190,173,0.25);
    padding: 45px;
    width: 362px;
    height: 430px;
    position: relative;
}
.insights-slide-content a{
    color: #000;
    font-family: 'Gotham';
    font-weight: normal;
    font-size: 13px;
    text-transform: uppercase;
    display: inline-block;
    width: 100%;
    -webkit-transition: all 1s;
    transition: all 1s;
}
.insights-slide-content a:hover{
    color: #000;
    text-decoration: none;
}
.insights-slide-content span{
    display: inline-block;
    width: 100%;
    margin-top: 30px;
}
.insights-slide-content span a{
    font-family: 'Gotham';
    font-weight: 500;
    font-size: 18px;
    color: #000;
    text-transform: capitalize;
    letter-spacing: -1px;
    -webkit-transition: all 1s;
    transition: all 1s;
}
.isight-date-area{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 0px 45px 45px;
}
.isight-date-area p{
    margin-bottom: 0px;
    display: flex;
    align-items: end;
}
.isight-date-area p strong{
    font-family: 'Gotham';
    font-weight: 300;
    color: #000;
    font-size: 48px;
    line-height: normal;
    -webkit-transition: all 1s;
    transition: all 1s;
}
.isight-date-area p span{
    font-family: 'Gotham';
    font-weight: 500;
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
    display: inline-block;
    width: auto;
    margin-left: auto;
    margin-top: 0px;
    -webkit-transition: all 1s;
    transition: all 1s;
}
.hover-image-area{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 1s;
    transition: all 1s;
    z-index: -1;
}
.hover-image-area img{
    width: 100%;
    height: 100%;
}
.insights-slide-content:hover .hover-image-area{
    opacity: 1;
}
.insights-slide-content:hover a,
.insights-slide-content:hover p strong,
.insights-slide-content:hover p span{
    color: #fff;
    
}
.insights-slide-content:hover p strong{
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
.insights-slide-content:hover p span{
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);   
}
.insights-slider .slick-slide{
    margin: 0px 20px;
}
.insights-slider-section{
    max-width: 1400px;
    margin-left: auto;
}
.insights-slider{
    margin-left: 95px;
}
/*------------------Footer-------------*/
.footer{
    background: #002f57;
	overflow:hidden;
}
.footer-logo-menu-social{
    display: flex;
    padding: 140px 0px;
    justify-content: space-between;
}
.footer-logo-area{
    max-width: 245px;
}
.footer-menu-area h5{
    color: #fff;
    font-size: 23px;
    line-height: normal;
    letter-spacing: -2px;
    font-family: 'Gotham';
    font-weight: 500;
    margin-bottom: 35px;
}
.footer-menu{
    margin-bottom: 0px;
}
.footer-menu li{
    margin-bottom: 20px;
}
.footer-menu li a{
    font-family: 'Montserrat';
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}
.footer-menu-area p{
    font-family: 'Montserrat';
    color: #fff;
    font-size: 12px;
    margin-bottom: 20px;
}
.footer-menu-area p a{
    font-family: 'Montserrat';
    color: #fff;
    font-size: 12px;
}
.footer-social-media{
    margin-bottom: 0px;
    display: flex;
}
.footer-social-media li{
    margin-left: 30px;
}
.footer-social-media li:first-child{
    margin-left: 0px;
}
.footer-social-media li a{
    color: #fff;
    font-size: 20px;
}
.footer-social-media li a i{
     -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.footer-social-media li:hover a i{
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
}
.copy-right-section{
    border-top: 1px solid rgba(255,255,255,0.3);
}
.copy-right-inner{
    padding: 25px 0px;
}
.copy-right-inner p{
    margin-bottom: 0px;
    font-family: 'Montserrat';
    color: #fff;
    font-size: 12px;
}
/*-------about page-------*/
.banner-section-inner-pages{
    width: 100%;
    height: 460px;
    display: flex;
    align-items: flex-end;
    position: relative;
}
.banner-section-inner-pages:after{
    position: absolute;
    content: "";
    background: url(assets/images/page-banner-cornor.png) no-repeat;
    width: 170px;
    height: 148px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.page-banner-heading-area h1{
    font-family: 'Gotham';
    font-weight: 500;
    color: #fff;
    letter-spacing: -4px;
    text-transform: uppercase;
    font-size: 60px;
    margin-bottom: 55px;
    line-height: 55px;
}
.who-we-section{
    width: 100%;
    background: url(assets/images/about-blue.png) no-repeat -165px -10px;
	background-size:100% auto;
    position: relative;
    z-index: 1;
}
.who-we-are-area{
    display: flex;
    padding-top: 160px;
    padding-bottom: 740px;
}
.who-we-image-right{
    margin-left: auto;
    min-width: 500px;
}
.who-we-left{
    margin-right: 50px;
}
.who-we-left p{
    color:#fff;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 30px;
}
.who-we-left p:last-child{
    margin-bottom: 0px;
}
h2.h2{
    font-size: 55px;
    line-height: 55px;
    font-family: 'Gotham';
    font-weight: bold;
    color: #fff;
    letter-spacing: -4px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.values-life-inner-about{
    padding-top: 386px;
}
.values-life-section-about{
    margin-top: -835px;
    position: relative;
}
.values-life-section-about:after{
    background: url(assets/images/ab-whit-cor.png) no-repeat;
    width: 198px;
    height: 168px;
}
.history-section{
    padding: 160px 0px;
	overflow:hidden;
}
.history-section h2.h2{
    color: #002f57;
    margin-bottom: 65px;
}
.timeline-content{
    background: #002f57;
    transform: skew(-10deg);
    border: 0px;
    padding: 30px;
}
.timeline__item--top{
    margin-left: 10px;
}
.timeline__item--bottom{
    margin-left: -70px;
}
.timeline__item--bottom:nth-of-type(1){
    margin-left: 0px;
}
.timeline-content span{
    font-family: 'Gotham';
    font-weight: bold;
    font-size: 24px;
    line-height:26px;
    color: #fff;
    display: block;
     letter-spacing: -1px;
     margin-bottom: 20px;
     transform: skew(10deg);
}
.timeline-content p{
    font-size: 14px;
    line-height: 26px;
    font-family: 'Gotham Book';
    color: #fff;
    transform: skew(10deg);
}
.value-added-section{
    background:#3e956d;
    padding: 160px 0px;
}
.heading-h3{
    color: #fff;
    font-size: 55px;
    line-height: 78px;
    letter-spacing: -4px;
    text-transform: uppercase;
    font-family: 'Gotham';
    font-weight: bold;
    margin-bottom: 0px;
}
.value-added-heading{
    text-align: center;    
}
.value-added-heading p{
    color: #fff;
    font-size: 14px;
    line-height:normal;
    margin-bottom: 10px;
}
.value-added-heading p:last-child{
    margin-bottom: 0px;
}
.value-added-list{
    display: flex;
    margin:45px 0px 0px;
}
.value-added-list li{
    width: 32%;
    margin-left:2%;
}
.value-added-list li:first-child {
    margin-left: 0px;
}
.value-added-slider li.slick-slide{
    margin:0px 12px;
}
.value-list-img-box{
    width: 100%;
    height: 245px;
    overflow: hidden;
}
.value-list-img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 1.3s;
    transition: all 1.3s;
}
.value-list-img-box img:hover{
     -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.value-list-content-box{
    padding: 40px 35px;
    background: #fff;
}
.value-list-content-box a{
    font-family: 'Gotham';
    font-weight: bold;
    letter-spacing: -2px;
    font-size: 30px;
    line-height: normal;
    display: block;
    margin-bottom: 25px;
    color: #000;
    text-transform: uppercase;
}
.value-list-content-box a:hover{
    color:#002f57;
    text-decoration: none;
}
a{
    transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}
.value-list-content-box p,
.mission-vision-value li p{
    font-size: 15px;
    line-height: 23px;
    color:rgba(0,0,0,0.7);
    margin-bottom: 0px;
}
.value-added-section-cornor{
    position: relative;
}
.value-added-section-cornor:after{
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: url(assets/images/ab-whit-cor.png)no-repeat;
    width: 198px;
    height: 168px;
}
.mission-vision-section{
    padding: 150px 0px;
}
.mission-vision-value{
    margin: 0px;
    display: flex;
}
.mission-vision-value li{
    width: 32%;
    padding: 0px 35px 10px 35px;
    border-left:1px solid rgba(0,0,0,0.10);
    margin-left: 25px;
}
.mission-vision-value li:first-child{
    border-left: 0px;
    padding-left: 0px;
    margin-left: 0px;
}
.mission-vision-value li:last-child{
    padding-right: 0px;
}
.mission-vision-value li h5{
    font-family: 'Gotham';
    font-weight: bold;
    letter-spacing: -2px;
    font-size: 30px;
    line-height: normal;
    display: block;
    margin-bottom: 25px;
    color: #000;
    text-transform: uppercase;
}
.image-vision-box{
    margin-bottom: 30px;
    min-height: 82px;
}
.pg-contact-section{
    background: url(assets/images/contact-bg-pg.png)no-repeat;
    height: 430px;
    display: flex;
    align-items: center;
	background-size:cover !important;
}
.pg-content-area p{
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 25px;
}
.pg-content-area .btn-clr-kemex{
    width: 170px;
    color: #000;
    background: #fff;
}
.pg-content-area .btn-clr-kemex:hover{
    color: #fff;
}
/*----------------Products and services--------------*/
.products-content{
    font-size: 17px;
    line-height: 26px;
    font-family: 'Gotham';
    font-weight: 300;
    color: #fff;
}
.product-services-section{
    padding: 160px 0px 120px;
}
.products-listing-area{
    margin: 60px 0px 0px;
    display: flex;
    flex-wrap: wrap;
}
.products-listing-area li{
    width: 48.5%;
    margin-left:3%;
    margin-bottom: 50px;
     box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.16);
-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.16);
}
.products-listing-area li:nth-child(2n+1){
    margin-left: 0px;
}
.product-list-img-box{
    width: 100%;
    height: 415px;
    overflow: hidden;
}
.product-list-img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 1.3s;
    transition: all 1.3s;
}
.product-list-img-box img:hover{
     -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.product-list-content-box{
    background: #fff;
    padding: 35px 30px;
}
.product-list-content-box h4 a
{
    color: #000;
    font-family: 'Gotham';
    text-transform: uppercase;
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 10px;
    display: block;
    letter-spacing: -2px;
}
.product-list-content-box h4{
    margin-bottom: 0px;
}
.product-list-content-box h4 a:hover{
    text-decoration: none;
    color:#002f57;
}
.product-list-content-box p{
    font-size: 15px;
    line-height: 23px;
    font-family: 'Gotham Book';
    color: rgba(0,0,0,0.7);
}
.products-listing-area li .product-slide-readmore{
    font-weight: 900;
}
.services-section{
    position: relative;
    overflow: hidden;
} 
.services-section:after{
    content: "";
    background: url(assets/images/right-cornor-big.png) no-repeat;
    position: absolute;
    bottom: -358px;
    right: 0px;
    width: 1920px;
    height: 1728px;
    z-index: -1;
}
/*----------------------petroleum products-------------*/
.petroleum-page-banner:after{
    content: none;
}
.gas-processing-section{
    background: #fff;
    padding: 150px 0px;
    position: relative;
}
.gas-processing-section:after{
    content: "";
    position: absolute;
    background: url(assets/images/gas-cornor.png) no-repeat;
    width: 189px;
    height: 160px;
    bottom: 0px;
    right: 0px;
}
.gas-processing-inner{
    display: flex;
}
.gas-processing-left{
    width: 48%;
    margin-right: 2%;
    padding-right: 15px;
}
.tagline-heading{
    font-size: 36px;
    line-height: normal;
    color:#002f57;
    letter-spacing: -2px;
    font-family: 'Gotham Book';
    margin-bottom: 30px;
}
.gas-processing-left p{
    font-size: 15px;
    line-height: 26px;
    color: #000;
    margin-bottom: 0px;
}
.gas-processing-right{
    width: 50%;
}
.gas-processing-right ul{
    display: flex;
    margin: 0px;
}
.gas-processing-right ul li{
    background:#002f57;
    height: 205px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 30px;
    flex-direction: column;
    justify-content: center;
    margin: 0px 1px;
}
.gas-processing-right ul li span{
    display: block;
    width: 100%;
    font-family: 'Gotham';
    font-weight: 900;
    font-size: 40px;
    line-height: normal;
    color: #fff;
    margin-bottom: 15px;
}
.gas-processing-right ul li p{
    width: 100%;
    font-family: 'Gotham Book';
    font-size: 15px;
    line-height: 26px;
    color: #fff;
    margin-bottom: 0px;
}
.petroleum-products-listing{
    padding: 100px 0px 85px;
    position: relative;
    overflow: hidden;
}
.petroleum-products-listing:before{
    content: "";
    position: absolute;
    background: url(assets/images/about-blue.png) no-repeat;
    width: 1600px;
    height: 1700px;
    top: -167px;
    left: 0px;
    z-index: -1;
	background-size:100% auto;
}
.petroleum-list-area ul{
    display: flex;
    flex-wrap: wrap;
    margin:25px 0px 0px;
}
.petroleum-list-area li{
    background: #fff;
    width: 24%;
    margin-left: 1.33%;
    margin-bottom: 25px;
    padding: 45px 25px;
    box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 16%);
    -webkit-box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 16%);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.16);
}
.petroleum-list-area li:nth-child(4n+1){
    margin-left: 0px;
}
.petroleum-list-area li span{
    width: 100%;
    display: block;
    font-family: 'Gotham';
    font-weight: bold;
    font-size: 22px;
    line-height: normal;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 20px;
    letter-spacing: -2px;
}
.petroleum-list-area li p{
    width: 100%;
    font-family: 'Gotham Book';
    font-size: 14px;
    line-height: 23px;
    color:rgba(0,0,0,0.70);
    margin-bottom: 0px;
}
.expertise-section{
    background:#3e956d;
    padding: 115px 0px 140px;
}
.expertise-inner-area h4{
    font-size: 26px;
    line-height: normal;
    color: #fff;
    font-family: 'Gotham Book';
    letter-spacing: -1px;
    margin-bottom: 35px;
}
.expertise-slide-area{
    background: #fff;
    padding: 35px;
    display: flex;
    flex-wrap: wrap;
    height: 250px;
    flex-direction: column;
    justify-content: center;
}
.expertise-slide-area span{
    font-family: 'Gotham Book';
    font-size: 20px;
    line-height: 23px;
    color: #000;
    margin-bottom: 20px;
    display: block;
    width: 100%;
}
.expertise-slide-area h5{
    font-family: 'Gotham';
    font-weight: bold;
    font-size: 40px;
    line-height: normal;
    color: #000;
    text-transform: uppercase;
    letter-spacing: -2px;
    margin-bottom: 15px;
    width: 100%;
}
.expertise-slide-area p{
    font-family: 'Gotham Book';
    font-size: 15px;
    line-height: 23px;
    color: rgba(0,0,0,0.7);
    margin-bottom: 0px;
}
.expertise-slider{
    margin: 0px -10px;
}
.expertise-slider .slick-slide{
    margin: 0px 10px;
}
.expertise-slider .slick-prev:before{
  content: "";
  background: url(assets/images/white-left.png) no-repeat center;
  position: absolute;
  width: 21px;
  height: 39px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.expertise-slider .slick-next:before{
  content: "";
  background: url(assets/images/white-right.png) no-repeat center;
  position: absolute;
  width: 21px;
  height: 39px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.expertise-slider .slick-prev{
    left: -30px;
}
.expertise-slider .slick-next{
    right: -30px;
}
/*---------------Shipping Chartering--------------*/
.page-shipping-chartering{
    height: 675px;
    position: relative;
}
.page-shipping-chartering:after{
    content: none;
}
.marker1{
    position: absolute;
    top: 232px;
    left: 20%;
}
.marker2{
    position: absolute;
    top: 160px;
    left: 36%;
}
.marker3{
    position: absolute;
    top: 352px;
    left:31.5%;
}
.marker4{
    position: absolute;
    top: 135px;
    left:50%;
}
.marker5{
    position: absolute;
    top: 267px;
    left:45%;
}
.marker6{
    position: absolute;
    top: 342px;
    left:53%;
}
.marker7{
    position: absolute;
    top: 280px;
    left:59%;
}
.marker8{
    position: absolute;
    top: 312px;
    left:65%;
}
.marker9{
    position: absolute;
    top: 165px;
    right: 27%;
}
.marker10{
    position: absolute;
    top: 162px;
    right: 18%;
}
.marker11{
    position: absolute;
    top: 212px;
    right: 19%;
}
.marker12{
    position: absolute;
    top: 257px;
    right: 29%;
}
.marker13{
    position: absolute;
    top: 442px;
    right: 15.5%;
}
.shipping-chartering-section{
    padding: 120px 0px 140px;
    background: #fff;
    position: relative;
}
.shipping-chartering-section:after{
    content: "";
    position: absolute;
    background: url(assets/images/ship-cornor.png) no-repeat;
    width: 197px;
    height: 167px;
    bottom: 0px;
    right: 0px;
}
.shipping-chartering-inner h1{
    font-size: 50px;
    color: #002f57;
    letter-spacing: -4px;
     font-family: 'Gotham';
    font-weight: bold;
    line-height: normal;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 40px;
}
.shipping-chartering-inner p{
    font-size: 26px;
    font-weight: 300;
    font-family: 'Gotham';
    line-height: 40px;
    margin-bottom: 0px;
    color: #000;
    text-align: center;
}
.shipping-chartering-inner ul{
    margin: 60px 0px 0px;
    display: flex;
    justify-content: center;
}
.shipping-chartering-inner ul li{
    background: #002f57;
    width: 300px;
    height: 200px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0px 1px;
}
.shipping-chartering-inner ul li span{
    font-size: 18px;
    display: block;
    width: 100%;
    color: #fff;
    font-family: 'Gotham';
    font-weight: 900;
    line-height: 21px;
    text-transform: uppercase;
}
.icon-image-area{
    margin-bottom: 25px;
    min-height: 63px;
}
.value-added-list-shipping{
    flex-wrap: wrap;
}
.value-added-list-shipping li{
    width: 32%;
    margin-left: 2%;
    margin-bottom: 30px;
}
.value-added-list-shipping li:nth-child(3n+1){
    margin-left: 0px;
}
.value-added-list-shipping .value-list-content-box{
    height: 265px;
    box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 16%);
    -webkit-box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 16%);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.16);
}
.value-added-list-shipping .value-list-content-box a{
    font-size: 22px;
    margin-bottom: 20px;
}
.value-added-list-shipping .value-list-content-box{
    padding: 40px 30px;
}
.shipping-cornor-listing{
    padding-bottom: 110px;
}
.shipping-cornor-listing:before{
    top: -175px;
}
.shiping-contact-section{
    background: url(assets/images/contact-bg-shiping.png) no-repeat;
	background-size:cover;
}
/*--------------News-------------------*/
.page-news-bg:after{
    content: none;
}
.news-section{
    background:#fff;
    padding: 150px 0px;
}
.news-listing-section{
    display: flex;
    flex-wrap: wrap;
}
.news-listing-section article{
    width: 31%;
    margin-left:3.5%;
    margin-bottom: 50px;
}
.news-listing-section article:nth-child(3n+1){
    margin-left: 0px;
}
.related-detail-slider article.slick-slide{
    width: auto;
    margin: 0px 20px;
}
.article-image-box{
    height: 208px;
    width: 100%;
    overflow: hidden;
}
.article-image-box img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    -webkit-transition: all 1.3s;
    transition: all 1.3s;
}
 
.article-image-box img:hover{
     -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.article-content-box{
    padding: 25px 0px;
}
.article-post-date{
    font-size: 13px;
    line-height: normal;
    font-family: 'Gotham';
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    letter-spacing: -1px;
    display: block;
    margin-bottom: 15px;
}
.article-content-box a{
    font-family: 'Gotham';
    font-weight: 500;
    font-size: 20px;
    line-height: normal;
    color: #000;
    display: inline-block;
    margin-bottom: 25px;
}
.article-content-box a:hover{
    text-decoration: none;
    color:#002f57;
}
.article-content-box p{
    font-size: 15px;
    font-family:'Gotham Book';
    line-height: 23px;
    margin-bottom: 0px;
    width: 100%;
    color: rgba(0,0,0,0.7);
}
.load-more-btn{
    text-align: center;
    margin-top: 25px;
}
.load-more-btn .btn-clr-kemex{
    width: 175px;
}
/*---------------------News Detail Page--------------------*/
.news-detail-page-banner{
    height: 650px;
    display: flex;
    align-items: flex-end;
}
.detail-page-heading-area{
    margin-bottom: 70px;
}
.detail-posted-date{
    display: block;
    font-size: 12px;
    color: #fff;
    font-family: 'Montserrat';
    margin-bottom: 10px;
}
.detail-page-heading-area h1{
    font-family: 'Gotham';
    font-weight: 500;
    color: #fff;
    letter-spacing: -4px;
    font-size: 50px;
    margin-bottom: 0px;
    line-height: 55px;
}
.news-detail-content-section{
    padding: 150px 0px 120px;
}
.blog-detail-content-area{
    max-width: 715px;
    margin: 0 auto;
    padding-bottom: 100px;
}
.blog-detail-content-area p{
    font-size: 15px;
    line-height: 23px;
    color: rgba(0,0,0,0.7);
     font-family:'Gotham Book';
     margin-bottom: 50px;
}
.blog-detail-content-area img{
    width: 100%;
    margin-bottom: 50px;
}
.detail-related-news-area{
    border-top:1px solid rgba(0,47,87,0.10);
    padding-top: 120px;
}
.detail-related-news-area h3{
    color: #002f57;
    font-size: 46px;
    line-height: 55px;
    letter-spacing: -4px;
    text-transform: uppercase;
    font-family: 'Gotham';
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
}
/*-------------------Sustainabnility------------------*/
.sustain-approach{
    display: flex;
    align-items: center;
    margin-bottom: 120px;
}
.sustain-approach-image{
    max-width: 565px;
    margin-left: auto;
}
.sustain-approach-left p{
    letter-spacing: -1px;
    font-size: 14px;
    line-height: 26px;
    font-family:'Gotham Book';
    color: #fff;
    margin-bottom: 35px;
}
.sustain-approach-left p:nth-of-type(1){
    font-size: 20px;
}
.sustain-approach-left h2.h2{
    margin-bottom: 20px;
}
.sustain-list-content-box{
    height: 405px;
}
.sustain-list-content-box h4 a{
    margin-bottom: 20px;
}
.sustain-list-content-box p{
    margin-bottom: 25px;
}
.sustain-section{
    position: relative;
    overflow: hidden;
} 
.sustain-section:after{
    content: "";
    background: url(assets/images/sustain-cornor.png) no-repeat;
    position: absolute;
    bottom: -358px;
    right: -5px;
    width: 1920px;
    height: 1728px;
    z-index: -1;
}
/*-----------------Contact us------------------*/
.map-section{
    height: 640px;
}
#content-map{
    padding: 3px;
}
#content-map p{
    color: #002f57;
    font-size: 13px;
    font-family: 'Montserrat';
    font-weight: 500;
    line-height: normal;
    margin-bottom: 10px;
}
#content-map a{
    color: #3e956d;
    font-size: 13px;
    font-family: 'Montserrat';
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0px;
}
.get-in-touch-section{
    padding: 140px 0px;
}
.get-in-touch-area{
    max-width: 860px;
    margin: 0 auto;
}
.get-in-touch-area h1{
    color: #002f57;
    font-size: 55px;
    line-height: 78px;
    letter-spacing: -4px;
    text-transform: uppercase;
    font-family: 'Gotham';
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}
.get-in-form{
    width: 100%;
    display: inline-block;
    margin-top: 15px;
}
.ke-field-wrap{
    width: 48.5%;
    display: inline-block;
    margin-left: 20px;
    margin-bottom: 25px;
}
.ke-field-wrap:nth-child(2n+1){
    margin-left: 0px;
}
.ke-field-wrap-textarea{
    width: 100%;
}
.ke-field-wrap input,
.ke-field-wrap-textarea textarea{
    border: 1px solid #cdaeae;
    border-radius: 10px;
    height: 50px;
    padding: 0px 20px;
    width: 100%;
    font-size: 15px;
    font-family:'Gotham Book';
    color: rgba(0,0,0,0.7);
}
.ke-field-wrap-textarea textarea{
    padding: 20px;
    height: 165px;
    resize: none;
}
.ke-field-wrap input::placeholder,
.ke-field-wrap-textarea textarea::placeholder{
    font-size: 15px;
    font-family:'Gotham Book';
    color: rgba(0,0,0,0.7);
}
[type=submit].ke-submit{
    width: 165px;
    height: 50px;
    display: inline-block;
    background:#3e956d;
    color: #fff;
    font-size: 14px;
    font-family: 'Helvetica Neue';
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 30px;
    margin-top: 35px;
    float: right;
    transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}
[type=submit].ke-submit:hover
{
    background:#002f57;
}
.contact-us-section{
    background:#3e956d;
    padding: 120px 0px 170px;  
}
.contact-us-section .heading-h3{
    text-align: center;
}
.contact-boxes{
    display: flex;
    margin:25px 0px 0px;
    flex-wrap: wrap;
}
.contact-boxes li{
    height: 265px;
    width: 32%;
    margin-left: 23px;
    margin-bottom: 23px;
    background: #fff;
    padding:45px 35px;
}
.contact-boxes li:nth-child(3n+1){
    margin-left: 0px;
}
.contact-boxes li h5{
     color: #000;
    font-size: 22px;
    line-height:normal;
    letter-spacing: -2px;
    text-transform: uppercase;
    font-family: 'Gotham';
    font-weight: bold;
    margin-bottom: 20px;
}
.contact-boxes li p{
    font-size: 15px;
    line-height: 23px;
    font-family:'Gotham Book';
    color: rgba(0,0,0,0.7);
    margin-bottom: 25px;
}
.contact-boxes li a{
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 23px;
    font-family:'Gotham Book';
    color: rgba(0,0,0,0.7);
    margin-bottom: 10px;
}
.contact-boxes li a:last-child{
    margin-bottom: 0px;
}

.product-solution-slider .slick-prev,
.insights-slider .slick-prev,
.related-detail-slider .slick-prev,
.value-added-slider .slick-prev{
    left: 0px;
    background:rgba(0,47,87,0.8);
    z-index: 1;
    width: 30px;
    height: 50px;
    opacity: 1;
}
.product-solution-slider .slick-prev:before,
.insights-slider .slick-prev:before,
.related-detail-slider .slick-prev:before,
.value-added-slider .slick-prev:before
{   
    content: "";
    background: url(assets/images/white-left.png) no-repeat;
    width: 21px;
    height: 39px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	background-size:13px;
	background-position:center;
}
.product-solution-slider .slick-next,
.insights-slider .slick-next,
.related-detail-slider .slick-next,
.value-added-slider .slick-next{
    right: 0px;
    background:rgba(0,47,87,0.8);
    z-index: 1;
    width: 30px;
    height: 50px;
    opacity: 1;
}
.product-solution-slider .slick-next:before,
.insights-slider .slick-next:before,
.related-detail-slider .slick-next:before,
.value-added-slider .slick-next:before
{   
    content: "";
    background: url(assets/images/white-right.png) no-repeat;
    width: 21px;
    height: 39px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	background-size:13px;
	background-position:center;
} 
.product-solution-slider .slick-prev:hover, 
.product-solution-slider .slick-prev:focus, 
.product-solution-slider .slick-next:hover, 
.product-solution-slider .slick-next:focus{
    background:rgba(0,47,87,0.8);
}
.insights-slider .slick-prev:hover,
.insights-slider .slick-prev:focus, 
.insights-slider .slick-next:hover, 
.insights-slider .slick-next:focus{
    background:rgba(0,47,87,0.8);
}
.related-detail-slider .slick-prev:hover,
.related-detail-slider .slick-prev:focus, 
.related-detail-slider .slick-next:hover, 
.related-detail-slider .slick-next:focus{
    background:rgba(0,47,87,0.8);
}
.value-added-slider .slick-prev:hover,
.value-added-slider .slick-prev:focus, 
.value-added-slider .slick-next:hover, 
.value-added-slider .slick-next:focus{
    background:rgba(0,47,87,0.8);
}
.wpcf7 form .wpcf7-response-output{
	margin-top:4em;
}
.search-list-area{
	display:flex;
	flex-wrap:wrap;
}
.search-list-area li{
	display:flex;
	align-items:center;
	width:100%;
	margin-bottom:10px;
}
.search-list-area li .search-image-box{
	min-width:370px;
	width:370px;
	height:220px;
	overflow:hidden;
}

.search-list-area li .search-image-box a{
	width:100%;
}
.search-list-area li .search-image-box a img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.search-content-box{
	padding-left:30px;
}
.search-content-box p br{
	display:none;
}
.search-list-area li .search-content-box a{
	color: #000;
    font-family: 'Gotham';
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 0px;
    display: block;
    letter-spacing: -1px;
}
.search-content-box a p{
	font-size: 15px;
    line-height: 23px;
    font-family: 'Gotham Book';
    color: rgba(0,0,0,0.7);
	margin-top:15px;
}

/*---------Key Frames----------*/

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animatable{
  
    /* initially hide animatable objects */
    visibility: hidden;
    
    /* initially pause animatable objects their animations */
    -webkit-animation-play-state: paused;   
    -moz-animation-play-state: paused;     
    -ms-animation-play-state: paused;
    -o-animation-play-state: paused;   
    animation-play-state: paused; 
  }
  
  /* show objects being animated */
  .animated {
    visibility: visible;
    
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    
    -webkit-animation-duration: 1.2s;
    -moz-animation-duration: 1.2s;
    -ms-animation-duration: 1.2s;
    -o-animation-duration: 1.2s;
    animation-duration: 1.2s;
  
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -ms-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running;
  }
  
  /* CSS Animations (extracted from http://glifo.uiparade.com/) */
  @-webkit-keyframes fadeInDown {
      0% {
          opacity: 0;
          -webkit-transform: translateY(-20px);
      } 100% {
          opacity: 1;
          -webkit-transform: translateY(0);
      }
  }
  
  @-moz-keyframes fadeInDown {
      0% {
          opacity: 0;
          -moz-transform: translateY(-20px);
      }
  
      100% {
          opacity: 1;
          -moz-transform: translateY(0);
      }
  }
  
  @-o-keyframes fadeInDown {
      0% {
          opacity: 0;
          -o-transform: translateY(-20px);
      }
  
      100% {
          opacity: 1;
          -o-transform: translateY(0);
      }
  }
  
  @keyframes fadeInDown {
      0% {
          opacity: 0;
          transform: translateY(-20px);
      }
      100% {
          opacity: 1;
          transform: translateY(0);
      }
  }

     @-webkit-keyframes slideRight {
       0% {
          opacity: 0;
          transform: translateX(80px);
      }
  
      70% {
          transform: translateX(0px);
      }
  
      100% {
          opacity: 1;
          transform: translateX(0);
      }
    }
    @-moz-keyframes slideRight {
       0% {
          opacity: 0;
          transform: translateX(80px);
      }
  
      70% {
          transform: translateX(0px);
      }
  
      100% {
          opacity: 1;
          transform: translateX(0);
      }
    } 
    @-o-keyframes slideRight {
       0% {
          opacity: 0;
          transform: translateX(80px);
      }
  
      70% {
          transform: translateX(0px);
      }
  
      100% {
          opacity: 1;
          transform: translateX(0);
      }
    }
    @keyframes slideRight {
      0% {
          opacity: 0;
          transform: translateX(80px);
      }
  
      70% {
          transform: translateX(0px);
      }
  
      100% {
          opacity: 1;
          transform: translateX(0);
      }
    }
  
  
  
  @-webkit-keyframes fadeIn {
      0% {
          opacity: 0;
      }
      20% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  
  @-moz-keyframes fadeIn {
      0% {
          opacity: 0;
      }
      20% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  
  @-o-keyframes fadeIn {
      0% {
          opacity: 0;
      }
      20% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  
  @keyframes fadeIn {
      0% {
          opacity: 0;
      }
      60% {
          opacity: 0;
      }
      20% {
          opacity: 0;
      }
      100% {
          opacity: 1;
      }
  }
  @-webkit-keyframes bounceInLeft {
      0% {
          opacity: 0;
          -webkit-transform: translateX(-1000px);
      }
      60% {
          -webkit-transform: translateX(20px);
      }
  
      80% {
          -webkit-transform: translateX(-5px);
      }
  
      100% {
          opacity: 1;
          -webkit-transform: translateX(0);
      }
  }
  
  @-moz-keyframes bounceInLeft {
      0% {
          opacity: 0;
          -moz-transform: translateX(-1000px);
      }
  
      60% {
          -moz-transform: translateX(20px);
      }
  
      80% {
          -moz-transform: translateX(-5px);
      }
  
      100% {
          opacity: 1;
          -moz-transform: translateX(0);
      }
  }
  
  @-o-keyframes bounceInLeft {
      0% {
          opacity: 0;
          -o-transform: translateX(-1000px);
      }
  
      60% {
          opacity: 1;
          -o-transform: translateX(20px);
      }
  
      80% {
          -o-transform: translateX(-5px);
      }
  
      100% {
          opacity: 1;
          -o-transform: translateX(0);
      }
  }
  
  @keyframes bounceInLeft {
      0% {
          opacity: 0;
          transform: translateX(-1000px);
      }
  
      60% {
          transform: translateX(20px);
      }
  
      80% {
          transform: translateX(-5px);
      }
  
      100% {
          opacity: 1;
          transform: translateX(0);
      }
  }
  @-webkit-keyframes bounceInRight {
      0% {
          opacity: 0;
          -webkit-transform: translateX(1000px);
      }
  
      60% {
          -webkit-transform: translateX(-20px);
      }
  
      80% {
          -webkit-transform: translateX(5px);
      }
  
      100% {
          opacity: 1;
          -webkit-transform: translateX(0);
      }
  }
  
  @-moz-keyframes bounceInRight {
      0% {
          opacity: 0;
          -moz-transform: translateX(1000px);
      }
  
      60% {
          -moz-transform: translateX(-20px);
      }
  
      80% {
          -moz-transform: translateX(5px);
      }
  
      100% {
          opacity: 1;
          -moz-transform: translateX(0);
      }
  }
  
  @-o-keyframes bounceInRight {
      0% {
          opacity: 0;
          -o-transform: translateX(1000px);
      }
  
      60% {
          -o-transform: translateX(-20px);
      }
  
      80% {
          -o-transform: translateX(5px);
      }
  
      100% {
          opacity: 1;
          -o-transform: translateX(0);
      }
  }
  
  @keyframes bounceInRight {
      0% {
          opacity: 0;
          transform: translateX(1000px);
      }
  
      60% {
          transform: translateX(-20px);
      }
  
      80% {
          transform: translateX(5px);
      }
  
      100% {
          opacity: 1;
          transform: translateX(0);
      }
  }
@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -1000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: none;
  }
}
@-moz-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -1000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: none;
  }
}
@-o-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -1000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: none;
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -1000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: none;
  }
}
  @-webkit-keyframes fadeInUp {
      0% {
          opacity: 0;
          -webkit-transform: translateY(20px);
      } 100% {
          opacity: 1;
          -webkit-transform: translateY(0);
      }
  }
  
  @-moz-keyframes fadeInUp {
      0% {
          opacity: 0;
          -moz-transform: translateY(20px);
      }
  
      100% {
          opacity: 1;
          -moz-transform: translateY(0);
      }
  }
  
  @-o-keyframes fadeInUp {
      0% {
          opacity: 0;
          -o-transform: translateY(20px);
      }
  
      100% {
          opacity: 1;
          -o-transform: translateY(0);
      }
  }
  
  @keyframes fadeInUp {
      0% {
          opacity: 0;
          transform: translateY(20px);
      }
  
      100% {
          opacity: 1;
          transform: translateY(0);
      }
  }
  @-webkit-keyframes bounceIn {
      0% {
          opacity: 0;
          -webkit-transform: scale(.3);
      }
      50% {
          -webkit-transform: scale(1.05);
      }
  
      70% {
          -webkit-transform: scale(.9);
      }
  
      100% {
          opacity: 1;
          -webkit-transform: scale(1);
      }
  }
  
  @-moz-keyframes bounceIn {
      0% {
          opacity: 0;
          -moz-transform: scale(.3);
      }
  
      50% {
          -moz-transform: scale(1.05);
      }
  
      70% {
          -moz-transform: scale(.9);
      }
  
      100% {
          opacity: 1;
          -moz-transform: scale(1);
      }
  }
  
  @-o-keyframes bounceIn {
      0% {
          opacity: 0;
          -o-transform: scale(.3);
      }
  
      50% {
          -o-transform: scale(1.05);
      }
  
      70% {
          -o-transform: scale(.9);
      }
  
      100% {
          opacity: 1;
          -o-transform: scale(1);
      }
  }
  
  @keyframes bounceIn {
      0% {
          opacity: 0;
          transform: scale(.3);
      }
  
      50% {
          transform: scale(.9);
      }
  
      70% {
          transform: scale(.9);
      }
  
      100% {
          opacity: 1;
          transform: scale(1);
      }
  }
  @-webkit-keyframes moveUp {
      0% {
          opacity: 1;
          -webkit-transform: translateY(40px);
      } 100% {
          opacity: 1;
          -webkit-transform: translateY(0);
      }
  }
  
  @-moz-keyframes moveUp {
      0% {
          opacity: 1;
          -moz-transform: translateY(40px);
      }
  
      100% {
          opacity: 1;
          -moz-transform: translateY(0);
      }
  }
  
  @-o-keyframes moveUp {
      0% {
          opacity: 1;
          -o-transform: translateY(40px);
      }
  
      100% {
          opacity: 1;
          -o-transform: translateY(0);
      }
  }
  
  @keyframes moveUp {
      0% {
          opacity: 1;
          transform: translateY(40px);
      }
  
      100% {
          opacity: 1;
          transform: translateY(0);
      }
  }
  @-webkit-keyframes moveDown {
      0% {
          opacity: 1;
          -webkit-transform: translateY(-40px);
      } 100% {
          opacity: 1;
          -webkit-transform: translateY(0);
      }
  }
  
  @-moz-keyframes moveDown {
      0% {
          opacity: 1;
          -moz-transform: translateY(-40px);
      }
  
      100% {
          opacity: 1;
          -moz-transform: translateY(0);
      }
  }
  
  @-o-keyframes moveDown {
      0% {
          opacity: 1;
          -o-transform: translateY(-40px);
      }
  
      100% {
          opacity: 1;
          -o-transform: translateY(0);
      }
  }
  @keyframes moveDown {
      0% {
          opacity: 1;
          transform: translateY(-40px);
      }
  
      100% {
          opacity: 1;
          transform: translateY(0);
      }
  }
  
  @-webkit-keyframes fadeBgColor {
      0%{
          background:none;
      }
    70%{
          background:none;
      }
      100%{
          background:#464646;
      }
  }
  @-o-keyframes fadeBgColor {
      0%{
          background:none;
      }
    70%{
          background:none;
      }
      100%{
          background:#464646;
      }
  }
  @keyframes fadeBgColor {
      0%{
          background:none;
      }
    70%{
          background:none;
      }
      100%{
          background:#464646;
      }
  }
  
  .animated.animationDelay{
      animation-delay:.25s;
      -webkit-animation-delay:.25s;
  }
  .animated.animationDelayMed{
      animation-delay:1s;
      -webkit-animation-delay:1s;
  }
  .animated.animationDelayLong{
      animation-delay:1.2s;
      -webkit-animation-delay:1.2s;
  }
  .animated.fadeBgColor {
      -webkit-animation-name: fadeBgColor;
      -moz-animation-name: fadeBgColor;
      -o-animation-name: fadeBgColor;
      animation-name: fadeBgColor;
  }
  .animated.bounceIn {
      -webkit-animation-name: bounceIn;
      -moz-animation-name: bounceIn;
      -o-animation-name: bounceIn;
      animation-name: bounceIn;
      -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
  }
  .animated.bounceInRight {
      -webkit-animation-name: bounceInRight;
      -moz-animation-name: bounceInRight;
      -o-animation-name: bounceInRight;
      animation-name: bounceInRight;
  }
  .animated.bounceInLeft {
      -webkit-animation-name: bounceInLeft;
      -moz-animation-name: bounceInLeft;
      -o-animation-name: bounceInLeft;
      animation-name: bounceInLeft;
  }
 .animated.bounceInDown{
    -webkit-animation-name: bounceInDown;
      -moz-animation-name: bounceInDown;
      -o-animation-name: bounceInDown;
      animation-name: bounceInDown;
	  -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
  }
  .animated.fadeIn {
      -webkit-animation-name: fadeIn;
      -moz-animation-name: fadeIn;
      -o-animation-name: fadeIn;
      animation-name: fadeIn;
  }
  .animated.fadeInDown {
      -webkit-animation-name: fadeInDown;
      -moz-animation-name: fadeInDown;
      -o-animation-name: fadeInDown;
      animation-name: fadeInDown;
    
  }
  .animated.slideRight {
      -webkit-animation-name: slideRight;
      -moz-animation-name: slideRight;
      -o-animation-name: slideRight;
      animation-name: slideRight;
  }
  .animated.fadeInUp {
      -webkit-animation-name: fadeInUp;
      -moz-animation-name: fadeInUp;
      -o-animation-name: fadeInUp;
      animation-name: fadeInUp;
  }
  .animated.moveUp {
      -webkit-animation-name: moveUp;
      -moz-animation-name: moveUp;
      -o-animation-name: moveUp;
      animation-name: moveUp;
  }
  .animated.moveDown {
      -webkit-animation-name: moveDown;
      -moz-animation-name: moveDown;
      -o-animation-name: moveDown;
      animation-name: moveDown;
  }