/* CUSTOMIZE THE FONT

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

/** Montserrat Bold **/

@font-face {

    font-family: 'Montserrat-Bold';

    font-weight: 700;

    font-style: normal;

    src: url('../fonts/Montserrat-Bold.eot');

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

         url('../fonts/Montserrat-Bold.woff2') format('woff2'),

         url('../fonts/Montserrat-Bold.woff') format('woff');

}

/** Montserrat Bold-Italic **/

@font-face {

    font-family: 'Montserrat-BoldItalic';

    font-weight: 700;

    font-style: italic;

    src: url('../fonts/Montserrat-BoldItalic.eot');

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

         url('../fonts/Montserrat-BoldItalic.woff2') format('woff2'),

         url('../fonts/Montserrat-BoldItalic.woff') format('woff');

}

/** Montserrat SemiBold **/

@font-face {

    font-family: 'Montserrat-SemiBold';

    font-weight: 600;

    font-style: normal;

    src: url('../fonts/Montserrat-SemiBold.eot');

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

         url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),

         url('../fonts/Montserrat-SemiBold.woff') format('woff');

}

/** Montserrat SemiBoldItalic **/

@font-face {

    font-family: 'Montserrat-SemiBoldItalic';

    font-weight: 600;

    font-style: italic;

    src: url('../fonts/Montserrat-SemiBoldItalic.eot');

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

         url('../fonts/Montserrat-SemiBoldItalic.woff2') format('woff2'),

         url('../fonts/Montserrat-SemiBoldItalic.woff') format('woff');

}

/** Montserrat Regular **/

@font-face {

    font-family: 'Montserrat-Regular';

    font-weight: 400;

    font-style: normal;

    src: url('../fonts/Montserrat-Regular.eot');

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

         url('../fonts/Montserrat-Regular.woff2') format('woff2'),

         url('../fonts/Montserrat-Regular.woff') format('woff');

}

/** Montserrat Light **/

@font-face {

    font-family: 'Montserrat-Light';

    font-weight: 400;

    font-style: normal;

    src: url('../fonts/Montserrat-Light.eot');

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

         url('../fonts/Montserrat-Light.woff2') format('woff2'),

         url('../fonts/Montserrat-Light.woff') format('woff');

}

/** Montserrat Medium **/

@font-face {

    font-family: 'Montserrat-Medium';

    font-weight: 500;

    font-style: normal;

    src: url('../fonts/Montserrat-Medium.eot');

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

         url('../fonts/Montserrat-Medium.woff2') format('woff2'),

         url('../fonts/Montserrat-Medium.woff') format('woff');

}





.powercool-mt10 { margin-top: 10px; }

.powercool-mt20 { margin-top: 20px; }

.powercool-mt30 { margin-top: 30px; }

.powercool-mt40 { margin-top: 40px; }

.powercool-mt50 { margin-top: 50px; }

.powercool-mt60 { margin-top: 60px; }

.powercool-mt70 { margin-top: 70px; }

.powercool-mt80 { margin-top: 80px; }

.powercool-mt90 { margin-top: 90px; }

.powercool-mt100 { margin-top: 100px; }



.powercool-mb10 { margin-bottom: 10px; }

.powercool-mb20 { margin-bottom: 20px; }

.powercool-mb30 { margin-bottom: 30px; }

.powercool-mb40 { margin-bottom: 40px; }

.powercool-mb50 { margin-bottom: 50px; }

.powercool-mb60 { margin-bottom: 60px; }

.powercool-mb70 { margin-bottom: 70px; }

.powercool-mb80 { margin-bottom: 80px; }

.powercool-mb90 { margin-bottom: 90px; }

.powercool-mb100 { margin-bottom: 100px; }





/* Back to Top */

#back-to-top {

    display: none;

    text-align: center;

    z-index: 9;

    right: 20px;

    bottom: 30px;

    position: fixed;

    font-size: 18px;

    padding: 5px;

    height: 35px;

    width: 35px;

    border-radius: 0;

    background-color: #a88239;

    color: #ffffff;

    cursor: pointer;

}



#back-to-top:hover { 

    background-color: #000000;

    -webkit-transition: 350ms all ease;

    transition: 350ms all ease;

}





/* === SOCIAL LINKS === */

#powercool-social-links {

    position: fixed;

    right: 0;

    top: 85%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 3;

}



#powercool-social-links a {

    display: block;

    text-align: center;

    margin: 15px;

    transition: all 0.3s ease;

    font-size: 28px;

    border-radius: 30px;

    background: radial-gradient(#3ec24f, #26b138);

    color: #fff;

    width: 50px;

    height: 50px;

    line-height: 50px;

}



#powercool-social-links a:hover,

#powercool-social-links a:active,

#powercool-social-links a:focus { 

    background: radial-gradient(#bba566, #987c34);

    -webkit-transition: 350ms all ease;

    transition: 350ms all ease;

}





/* POWERCOOL - SIDEBAR */

nav#powercool-sidebar {

	width: 276px;

	height: 100%;

	max-height: 100%;

	position: fixed;

	top: 0;

    z-index: 9;

    border-right: 1px solid #fbfbfb;

}



nav.powercool-sidebar-color { background-color: #ffffffde; }



nav .sidebar-logo { margin-top: 30px; }



.powercool-navbar .off-canvas {

	position: fixed;

	top: 0;

	right: 0;

	bottom: 0;

	font-family: 'Montserrat-Regular';

	font-weight: normal;

	font-style: normal;

	font-size: 16px;

}



.powercool-navbar .off-canvas-background {

	background: #ffffff;

	opacity: 0;

	transition: opacity .25s;

}



.powercool-navbar .off-canvas-menu {

	position: absolute;

	top: 0;

	right: 0;

	left: 0;

	width: 100vw;

	height: 100%;

	padding: 65px 100px 0;

	background: #ffffff;

	/*opacity: .95;*/

	color: #2c2a2c;

	transform: translateX(100%);

	transition: transform 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);

}



@media (min-width: 351px) {

	.powercool-navbar .off-canvas-menu {

		width: 700px;

		overflow: overlay;

	}

}



@media (max-width: 560px) {

	.powercool-navbar .off-canvas-menu {

		overflow: auto;

	}

}



.powercool-navbar .off-canvas-menu ul {

	padding-left: 0;

	list-style: none;

}



.powercool-navbar .off-canvas-menu a {

	text-decoration: none;

	color: currentColor;

}



.powercool-offcanvas-bordertop {

    border-top: 1px solid #d1d1d1;

    margin: 60px 0;

}



.powercool-navbar .off-canvas-menu-top-level {

	position: relative;

	margin-top: 0;

	margin-bottom: 0;

}



.powercool-navbar .off-canvas-menu-top-level>li {

	margin-bottom: 20px;

	transform: translateX(calc(100% + 2rem));

	opacity: 0;

	transition: transform .5s, opacity .5s;

	user-select: none;

}



.powercool-navbar .off-canvas-menu-top-level>li:hover { 

	color: #a88239;

	-webkit-transition: 350ms all ease;

	transition: 350ms all ease;

}



.powercool-navbar .off-canvas-menu-top-level>li>a, 

.powercool-navbar .off-canvas-menu-top-level>li>span {

	text-transform: uppercase;

	cursor: pointer;

	letter-spacing: 1px;

}



.powercool-navbar .off-canvas-menu-top-level>li>span {

	-webkit-user-select: none;

	user-select: none;

}



.powercool-navbar .off-canvas-menu-top-level>li>span>i.fa.fa-angle-down { float: right; }



.powercool-navbar .off-canvas-menu-sub-level {

	margin-top: .5rem;

	margin-left: 20px;

	color: rgba(154, 202, 235, 0);

	overflow: hidden;

	height: 0;

	transition: height 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), color 0.25s 0.25s;

}



.powercool-navbar ul.off-canvas-menu-sub-level li a {

	font-size: 14px;

	color: #2c2a2c;

	font-family: 'Montserrat-Regular';

	font-weight: normal;

	font-style: normal;

	text-transform: uppercase;

	letter-spacing: 1px;

}



.powercool-navbar ul.off-canvas-menu-sub-level li a:hover {

	color: #a88239;

	font-family: 'Montserrat-Regular';

	-webkit-transition: 350ms all ease;

	transition: 350ms all ease;

}



.powercool-navbar ul .powercool-zivent li a {

	font-family: 'Montserrat-Regular';

	font-weight: bold;

}



.powercool-navbar ul li a.active,

.powercool-navbar ul li.active,

.powercool-navbar ul li span.active {

	color: #a88239;

	font-family: 'Montserrat-Regular';

	font-weight: bold;

}



.powercool-navbar .off-canvas-menu-sub-level-simulate {

	position: absolute;

	overflow: auto;

	height: auto;

	visibility: hidden;

}



.powercool-navbar .off-canvas-menu-sub-level-open {

	overflow: hidden;

	color: #a88239;

	text-transform: uppercase;

}



.powercool-navbar .off-canvas-menu-sub-level>li {

	padding: .5rem 0;

	line-height: 1em;

	text-transform: uppercase;

}



.powercool-navbar .off-canvas-in {

	left: 0;

}



.powercool-navbar .off-canvas-in .off-canvas-background {

	width: 100%;

	height: 100%;

	opacity: .5;

}



.powercool-navbar .off-canvas-in .off-canvas-menu {

	transform: translateX(0);

}



.powercool-navbar .off-canvas-in .off-canvas-menu-top-level>li.in {

	transform: translateX(0);

	opacity: 1;

}



.powercool-navbar .hamburger {

    position: absolute;

    top: 30%;

    right: auto;

    width: 50px;

    height: 50px;

    cursor: pointer;

    transition: color 0s .25s;

    font-size: 14px;

    border: 2px solid #a88239;

    border-radius: 30px;

    padding: 15px 13px;

    left: 41%;

    text-align: center;

}



.powercool-navbar .hamburger.hamburger-open {

    top: 2%;

    right: 100%;

    left: 200%;

}



.powercool-navbar .hamburger-bar {

	position: relative;

	transform: translateY(0.5em);

	background: #a88239;

}

.hamburger-bar, .hamburger-bar::before, .hamburger-bar::after {

	width: 100%;

	height: 3px;

}



.powercool-navbar .hamburger-bar::before, 

.powercool-navbar .hamburger-bar::after {

	content: '';

	position: absolute;

	left: 0;

	background: #a88239;

	transition: transform 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);

	font-size: inherit;

}



.powercool-navbar .hamburger-bar::before {

	bottom: 0.5em;

}



.powercool-navbar .hamburger-bar::after {

	top: 0.5em;

}



.powercool-navbar .hamburger-open {

	color: #fff;

	transition-delay: 0s;

}



.powercool-navbar .hamburger-open .hamburger-bar {

	background: transparent;

}



.powercool-navbar .hamburger-open .hamburger-bar::before {

	transform: translateY(0.5em) rotate(45deg);

}



.powercool-navbar .hamburger-open .hamburger-bar::after {

	transform: translateY(-0.5em) rotate(-45deg);

}



/* POWERCOOL - SIDEBAR SOCIAL MEDIA */

.powercool-social-media {

    bottom: 0;

    left: 0;

    margin: 0;

    padding: 0;

    list-style: none;

    margin-bottom: 6vh;

    position: absolute;

    width: 100%;

    z-index: -9;

}



.powercool-social-media ul.social-network {

    list-style: none;

    display: inline;

    margin-left:0 !important;

    padding: 0;

}



.powercool-social-media .social-network a.icofacebook:hover i, 

.powercool-social-media .social-network a.icotwitter:hover i,

.powercool-social-media .social-network a.icoenvelope:hover i,

.powercool-social-media .social-network a.icoyoutube:hover i {

    color:#a88239;

}



.powercool-social-media .social-circle li a {

    display: block;

    position: relative;

    margin: 0 auto 0 auto;

    text-align: center;

    font-size: 18px;

}



.powercool-social-media .social-circle li i {

    margin: 0;

    line-height: 50px;

    text-align: center;

}



.powercool-social-media .social-circle li a:hover i, .triggeredHover {

    -moz-transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    -ms--transform: rotate(360deg);

    transform: rotate(360deg);

    -webkit-transition: all 0.2s;

    -moz-transition: all 0.2s;

    -o-transition: all 0.2s;

    -ms-transition: all 0.2s;

    transition: all 0.2s;

}

.powercool-social-media .social-circle i {

    color: #969696;

    -webkit-transition: all 0.8s;

    -moz-transition: all 0.8s;

    -o-transition: all 0.8s;

    -ms-transition: all 0.8s;

    transition: all 0.8s;

}





/* POWERCOOL - PAGE CONTENT */

.powercool-page-content {

	padding-left: 276px;

    padding-bottom: 50px;

}



.powercool-page-content .container-fluid {

	padding-left: 0;

	padding-right: 0;

}



/* POWERCOOL - SECTION */

section#powercool-section { width: 95%; }





/* SLIDER SLICK */

.powercool-slideshow {

    padding-top: 0px;

    /*padding-bottom: 100px;*/

}



@media (min-width: 992px) {

    .powercool-slideshow .slider, .powercool-slideshow .slide {

        height: 100vh;

        /*z-index: -9;*/

    }

}



.powercool-slideshow .slide {

    position: relative;

}



.powercool-slideshow .slide .slide-img {

    width: 100%;

    height: auto;

    overflow: hidden;

}



@media (min-width: 992px) {

    .powercool-slideshow .slide .slide-img {

        position: absolute;

        top: 50%;

        left: 0;

        -webkit-transform: translateY(-50%);

        transform: translateY(-50%);

        cursor: grabbing;

    }

}



.powercool-slideshow .slide .slide-img img {

    max-width: 100%;

    height: auto;

    opacity: 1 !important;

    -webkit-animation-duration: 3s;

    animation-duration: 3s;

    transition: all 1s ease;

}



.powercool-slideshow .slide .slide-content {

    position: absolute;

    top: 78%;

    left: 25%;

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

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

    width: 36%;

}



.powercool-slideshow .slide .slide-content-headings {

    text-align: left;

    color: #FFF;

    background-color: #a88239d4;

    padding: 30px 30px;

}



.powercool-slideshow .slide .slide-content-headings h3 {

    font-family: 'Montserrat-SemiBold';

    font-size: 24px;

    margin: 10px 0;

}



.powercool-slideshow .slide .slide-content-headings p {

    font-family: 'Montserrat-Regular';

    font-size: 18px;

}



.powercool-slideshow .slide .slide-content-headings .animated {

    transition: all 0.5s ease;

}



.powercool-slideshow .slider [data-animation-in] {

    opacity: 0;

    -webkit-animation-duration: 1.5s;

    animation-duration: 1.5s;

    transition: opacity 0.5s ease 0.3s;

}



.powercool-slideshow .slick-dotted .slick-slider {

    margin-bottom: 30px;

}



.powercool-slideshow .slick-dots {

    position: absolute;

    bottom: 40px;

    list-style: none;

    display: block;

    text-align: right;

    padding: 0;

    margin: 0;

    width: 100%;

    right: 4%;

}



.powercool-slideshow .slide .slide-img:hover,

.powercool-slideshow .slide .slide-img:focus {

	outline: transparent;

}



.powercool-slideshow .slick-dots li {

    position: relative;

    display: inline-block;

    margin: 0 5px;

    padding: 0;

    cursor: pointer;

}



.powercool-slideshow .slick-dots li button {

    border: 0;

    display: block;

    outline: none;

    line-height: 0px;

    font-size: 0px;

    color: transparent;

    padding: 5px;

    cursor: pointer;

    transition: all 0.3s ease;

}



.powercool-slideshow .slick-dots li button:hover, .powercool-slideshow .slick-dots li button:focus {

    outline: none;

}



.powercool-slideshow .simple-dots .slick-dots li {

    width: 20px;

    height: 20px;

}



.powercool-slideshow .simple-dots .slick-dots li button {

    border-radius: 50%;

    background-color: white;

    opacity: 0.25;

    width: 20px;

    height: 20px;

}



.powercool-slideshow .simple-dots .slick-dots li button:hover, .powercool-slideshow .simple-dots .slick-dots li button:focus {

    opacity: 1;

}



.powercool-slideshow .simple-dots .slick-dots li.slick-active button {

    color: white;

    opacity: 0.75;

}



.powercool-slideshow .stick-dots .slick-dots li {

    height: 3px;

    width: 40px;

}



.powercool-slideshow .stick-dots .slick-dots li button {

    font-family: 'Montserrat-Medium';

    position: relative;

    background-color: transparent;

    /*opacity: 0.25;*/

    width: 40px;

    height: 3px;

    padding: 0;

    font-size: 18px;

    color: #969696;

}



.powercool-slideshow .stick-dots .slick-dots li button:hover, .powercool-slideshow .stick-dots .slick-dots li button:focus {

    opacity: 1;

}



.powercool-slideshow .stick-dots .slick-dots li.slick-active button {

    color: #b7985c;

    opacity: 0.75;

}



.powercool-slideshow .stick-dots .slick-dots li.slick-active button:hover, .powercool-slideshow .stick-dots .slick-dots li.slick-active button:focus {

    opacity: 1;

}



/* /////////// IMAGE ZOOM /////////// */

@-webkit-keyframes zoomInImage {

    from {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

    to {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1);

    }

}



@keyframes zoomInImage {

    from {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

    to {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1);

    }

}



.zoomInImage {

    -webkit-animation-name: zoomInImage;

    animation-name: zoomInImage;

}



@-webkit-keyframes zoomOutImage {

    from {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1);

    }

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}



@keyframes zoomOutImage {

    from {

        -webkit-transform: scale3d(1.1, 1.1, 1.1);

        transform: scale3d(1.1, 1.1, 1.1);

    }

    to {

        -webkit-transform: scale3d(1, 1, 1);

        transform: scale3d(1, 1, 1);

    }

}



.zoomOutImage {

    -webkit-animation-name: zoomOutImage;

    animation-name: zoomOutImage;

}

/* SLIDER SLICK END */



.powercool-homeabout, .powercool-architectural {

	position: relative;

	display: block;

}



.powercool-line {

    position: relative;

    left: 0;

    width: 120px;

    height: 1px;

    background: #d8d8d8;

    top: 140px;

    bottom: auto;

}



.powercool-title h1 {

	font-size: 100px;

	font-family: 'Montserrat-Regular';

	text-transform: uppercase;

	padding-left: 160px;

	text-align: left;

	margin: 80px 0;

	background: -webkit-gradient(linear, left top, left bottom, from(#083151), to(#0c1e34));

	background: linear-gradient(linear, left top, left bottom, from(#083151), to(#0c1e34));

	    		-webkit-background-clip: text;

	    		-webkit-text-fill-color: transparent;

}



.powercool-homeabout-content {

    background-color: #6d6e70e8;

    width: 45%;

    padding: 50px 40px;

    position: absolute;

    top: 28%;

    left: 58%;

    color: #ffffff;

}



.powercool-homeabout-content h4 {

    font-size: 18px;

    font-family: 'Montserrat-Regular';

    line-height: 36px;

}



.powercool-homeabout-content h4 span.powercool-company{

    font-family: 'Montserrat-Medium';

    font-size: 24px;

}



.powercool-texture img {

    position: absolute;

    margin-top: 15px;

    left: -5%;

}



.powercool-homeaservices-content {

    color: #0b243e;

    padding-bottom: 100px;

}



.services-icons i {

    font-size: 60px;

    border-radius: 100%;

    width: 130px;

    height: 130px;

    border: 2px solid #000;

    text-align: center;

    line-height: 120px;

}



.services-content { padding: 50px 0; }



.services-content h1 {

    font-size: 100px;

    color: #eeeeee;

    font-family: 'Montserrat-Light';

    position: absolute;

    bottom: 0;

    top: 50%;

    z-index: -9;

}



.services-content h3 {

    font-family: 'Montserrat-Medium';

    font-size: 24px;

}



.powercool-texture-second img {

    position: absolute;

    margin-top: 10%;

    right: 0;

    z-index: -9;

}



.powercool-motto {

    background: #0c1f36;

    background: -webkit-gradient(linear, left top, left bottom, from(#083151), to(#0c1e34));

    background: linear-gradient(linear, left top, left bottom, from(#083151), to(#0c1e34));

    padding: 80px 50px;

    color: #ffffff;

    text-align: center;

}



.powercool-motto h1 {

    font-family: 'Montserrat-Light';

    font-size: 80px;

    font-style: italic;

    text-transform: uppercase;

    padding: 0 190px;

}



/* POWERCOOL - SERIES */

.automobile-series {

    background-color: transparent;

    padding: 50px 0;

    height: auto;

}



.optimum-color { color: #7f6330; }

.exclusive-color { color: #6d6e70; }

.premium-color { color: #891619; }



.automobile-series-optimum { background-color: #7f6330; }

.automobile-series-exclusive { background-color: #6d6e70; }

.automobile-series-premium { background-color: #891619; }



.series-box {

    padding: 5px 20px 5px 20px;

    -webkit-transform: skew(-15deg);

    -moz-transform: skew(-15deg);

    transform: skew(-15deg);

    background: #fff;

    margin: 0 0 0 50px;

    display: inline-block;

}



.series-box h4 {

    font-family: 'Montserrat-SemiBoldItalic';

    text-transform: uppercase;

    margin: 0;

    -webkit-transform: skew(15deg);

    -moz-transform: skew(15deg);

    transform: skew(15deg);

}



.automobile-logo img { margin-bottom: 30px; }



.automotive-series-content { padding: 5px 20px; }



.automotive-type-series h6 {

    font-size: 14px;

    font-family: 'Montserrat-BoldItalic';

    text-transform: uppercase;

    text-align: right;

}



.automotive-series-description p {

    font-size: 14px;

    font-family: 'Montserrat-BoldItalic';

    margin: 0;

}



.automotive-group-series h3 {

    font-family: 'Montserrat-SemiBold';

    font-size: 24px;

    letter-spacing: 1px;

    margin-top: 50px;

    line-height: normal;

}



.automotive-group-series h3>span { padding: 0 10px; }



a.optimum-btn { background-image: linear-gradient(to right, #986f24, #7f6330); }

a.exclusive-btn { background-image: linear-gradient(to right, #8a8f98, #6d6e70); }

a.premium-btn { background-image: linear-gradient(to right, #a91a1e, #891619); }



a.powercool-series-btn {

    font-family: 'Montserrat-Medium';

    box-shadow: 0 5px 15px rgb(168, 130, 57, 0.4);

    color: #ffffff;

    font-size: 14px;

    border-radius: 0;

    padding: 15px 50px;

    background-size: 300% 100%;

    moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -webkit-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    border: transparent;

}



a.powercool-series-btn:hover {

    color: #ffffff;

    background-image: linear-gradient(to right, #007fe2, #0c1f36);

    background-position: 100% 0;

    moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -webkit-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

}





/* POWERCOOL - COMPARISON */

#contenedor {

    height: 26.5vw;

    margin: 100px auto;

    max-height: 100%;

    max-width: 100%;

    overflow: hidden;

    width: 100%;

}



#contenedor figure {

    background-image: url(../img/tinted-1.jpg);

    background-size: 100% 100%;

    font-size: 0;

    height: 100%;

    margin: 0;

    position: relative;

    width: 100%;

    background-repeat: no-repeat;

}



#separador {

    background-image: url(../img/tinted-2.jpg);

    background-size: cover;

    bottom: 0;

    border-right: 3px solid rgba(255,255,255,0.5);

    box-shadow: 10px 0 15px -13px #000;

    height: 100%;

    max-width: 100%;

    min-width: 0%;

    overflow: visible;

    position: absolute;

    width: 50%;

    animation: figure 2s 1 normal ease-in-out 0.1s;

    -webkit-animation: figure 2s 1 normal ease-in-out 0.1s;

    background-repeat: no-repeat;

}



/*barra input */

input#deslizador {

    -moz-appearance: none;

    -webkit-appearance: none;

    border: none; 

    background: transparent;

    cursor: col-resize;

    height: 100%;

    left: 0;

    margin: 0;

    outline: none; 

    padding: 0;

    position: relative;

    top: 100%;

    width: 100%;

}

/*barra input mozilla*/

input#deslizador::-moz-range-track { 

    background: transparent; 

}

/*barra input ie*/

input#deslizador::-ms-track {

    border: none; 

    background-color: transparent;

    height: 100%; 

    left: 0; 

    outline: none; 

    position: relative;

    top: 100%; 

    width: 100%;

    margin: 0;

    padding: 0;

    cursor: col-resize;

    color:transparent;

}

input#deslizador::-ms-fill-lower {

    background-color:transparent;

}



/*boton input chrome*/

input#deslizador::-webkit-slider-thumb {

    -webkit-appearance:none;

    height: 100vw;

    width: 0.5%;

    opacity: 0;

}

/*boton input mozilla*/

input#deslizador::-moz-range-thumb {

    -moz-appearance: none;

    height: 100vw;

    width: 0.5%;

    opacity: 0;

}   

/*boton input ie*/

input#deslizador::-ms-thumb {

    height: 100vw;

    width: 0.5%; 

    opacity:0;

}

input#deslizador::-ms-tooltip {

    display:none;

}



/*flechas*/

#separador::before {

    background: url(../img/flechas.png) no-repeat scroll 0 center transparent;

    background-size: contain;

    content: " ";

    float: right;

    height: 100%;

    margin-right: -21px;

    position: relative;

    top: 0;

    width: 40px;

}

        

/*animacion*/

@keyframes figure {

  0% {width: 0%; }

  50% {width: 80%; }

  100% {width: 50%; }

}

/*animacion chrome*/

@-webkit-keyframes figure {

  0% {width: 0%; }

  50% {width: 80%; }

  100% {width: 50%; }

}





/* POWERCOOL - CEO */

.powercool-ceo { padding-bottom: 100px; }



.powercool-ceo-name img {

    position: absolute;

    top: 10%;

    right: 70%;

}



.powercool-ceo-quote {

    padding-top: 50px;

    position: absolute;

    top: 32%;

}



.powercool-ceo-quote h3 {

    color: #a88239;

    font-family: 'Montserrat-Medium';

    line-height: 48px;

}



.powercool-ceo-quote h3>span {

    font-size: 48px;

    font-family: 'Montserrat-BoldItalic';

    color: #D5AD6D;

    background: -webkit-linear-gradient(transparent, transparent), -webkit-linear-gradient(top, rgba(213,173,109,1) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 100%);

    background: -o-linear-gradient(transparent, transparent);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}





/* POWERCOOL - ABOUT US */

.powercool-aboutus-content h4 {

    font-size: 18px;

    font-family: 'Montserrat-Regular';

    line-height: 36px;

    color: #0b243e;

}



.powercool-aboutus-content h4 span.powercool-company {

    font-family: 'Montserrat-Medium';

    font-size: 24px;

}



.powercool-vision-mission { margin-top: 20px; }



.powercool-vision-mission h3 {

    font-family: 'Montserrat-SemiBold';

    font-size: 24px;

}



.powercool-vision-mission h4 {

    font-family: 'Montserrat-Medium';

    font-size: 18px;

}



.powercool-vision-mission .powercool-mission h4>ol>li { margin-bottom: 10px; }



.powercool-title h1.font-small { 

    font-family: 'Montserrat-Medium';

    font-size: 36px; 

    margin: 50px 0; 

}



.powercool-line-small-font {

    position: relative;

    left: 0;

    width: 120px;

    height: 1px;

    background: #d8d8d8;

    top: 70px;

    bottom: auto;

}



.powercool-corevalues-title .nav-pills a {

    font-family: 'Montserrat-Regular';

    font-size: 30px;

    color: #0b243e;

}



.powercool-corevalues-title .nav-pills a:hover {

    color: #a88239;

    -webkit-transition: 350ms all ease;

    transition: 350ms all ease;

}



.powercool-corevalues-title .nav-pills .nav-link.active, 

.powercool-corevalues-title .nav-pills .show>.nav-link {

    font-family: 'Montserrat-Medium';

    color: #a88239;

    background-color: transparent;

}



.powercool-corevalues-title .nav-pills a i {

    text-align: center;

    width: 20%;

    padding: 10px 10px;

}



.powercool-corevalues-content { margin-top: 20px; }



.powercool-corevalues-content .tab-pane {

    color: #ffffff;

    background: #0c1f36;

    background: -webkit-gradient(linear, left top, left bottom, from(#083151), to(#0c1e34));

    background: linear-gradient(linear, left top, left bottom, from(#083151), to(#0c1e34));

    padding: 40px 40px;

}



.powercool-corevalues-content h2 {

    font-family: 'Montserrat-Medium';

    font-size: 30px;

    text-transform: uppercase;

}



.powercool-corevalues-content h3 {

    font-family: 'Montserrat-Regular';

    font-size: 24px;

    line-height: 36px;

}





/* POWERCOOL - MANAGEMENT TEAM */

#corporate-structure-banner {

    background-color: #083151;

    background-image: linear-gradient( rgb(9, 48, 79), rgb(13, 34, 57, 0.7) ),url(../img/corporate-structure-banner.jpg);

    background-attachment: fixed;

    background-position: center;

    background-repeat: no-repeat;

    background-size: 100%;

    -webkit-background-size: 100%;

    -moz-background-size: 100%;

    -o-background-size: 100%;

    color: #FFFFFF;

    height: 1200px;

}



.group-of-director img { padding: 100px 0; }



.certifications-content h3 {

    font-family: 'Montserrat-Medium';

    font-size: 24px;

    line-height: 36px;

}



.certifications-awards { padding: 50px 0; }



.warranty-content h3 {

    font-family: 'Montserrat-BoldItalic';

    font-size: 24px;

    line-height: 36px;

}



/* POWERCOOL - AUTOMOBILE */

.powercool-automobile .container-filter {

    border: 1px solid #e6e9ec;

    border-radius: 10px;

    line-height: 80px;

}



.automobile-btn a {

    font-size: 18px;

    border-radius: 50px;

    padding: 4px 20px 7px;

    text-transform: uppercase;

}



.automobile-btn a:hover,

.automobile-btn a:active { 

    cursor: pointer;

    -webkit-transition: all 0.8s;

    -moz-transition: all 0.8s;

    -o-transition: all 0.8s;

    -ms-transition: all 0.8s;

    transition: all 0.8s;

    text-decoration: none;

}



.blue-all { border: 2px solid #0c2843; }

.blue-all:hover, .blue-all.active { background-color: #0c2843; color: #ffffff!important; }



.gold-optimum { border: 2px solid #7f6330; color: #7f6330; }

.gold-optimum:hover, .gold-optimum.active { background-color: #7f6330; color: #ffffff!important; }



.grey-exclusive { border: 2px solid #6d6e70; color: #6d6e70; }

.grey-exclusive:hover, .grey-exclusive.active { background-color: #6d6e70; color: #ffffff!important; }



.red-premium { border: 2px solid #891619; color: #891619; }

.red-premium:hover, .red-premium.active{ background-color: #891619; color: #ffffff!important; }



.automobile-grey-bg {

    background-color: #fbfbfb;

}



.automotive-group-quality {

    font-size: 18px;

    line-height: 36px;

    color: #231f20;

    margin-top: 10px;

}



.automotive-specifications { font-family: 'Montserrat-Bold'; }



.automotive-percentage ul li span.percentage {

    text-align: right;

    display: inline-block;

    float: right;

}



.product-line {

    display: block;

    width: 100%;

    height: 1px;

    background: #25364a;

    margin: 20px auto;

}



.automotive-rejection { font-family: 'Montserrat-Medium'; }



.powercool-products-content {

    background: #0c1f36;

    background: -webkit-gradient(linear, left top, left bottom, from(#083151), to(#0c1e34));

    background: linear-gradient(linear, left top, left bottom, from(#083151), to(#0c1e34));

    padding: 40px 100px;

}



.powercool-products-content h4 { 

    font-size: 18px; 

    font-family: 'Montserrat-Regular';

    line-height: 30px; 

    color: #ffffff;

}





/* POWERCOOL - OUR SERVICES */

.powercool-services-features {

    font-family: 'Montserrat-Medium';

    color: #0b243e;

}



.powercool-services-features h1 {

    font-size: 36px;

    text-transform: uppercase;

    margin-top: 20px;

}



.powercool-services-features h4 { 

    font-size: 18px; 

    line-height: 30px;

}



.powercool-services-features ul li { line-height: 30px; }



.powercool-services-features ul li i { margin-right: 10px; }



.three-point-keytosuccess h1 {

    font-family: 'Montserrat-Medium';

    font-size: 36px;

    text-transform: uppercase;

    margin-bottom: 20px;

}



.three-point-keytosuccess h3 {

    font-family: 'Montserrat-Medium';

    font-size: 24px;

    margin-bottom: 20px;

}



.three-point-keytosuccess ul li {

    font-family: 'Montserrat-Bold';

    font-size: 24px;

    display: inline-block;

    margin-right: 50px;

}



.three-point-keytosuccess ul li>i {

    font-size: 16px;

    margin-right: 10px;

}



.behavioral-research h4 {

    font-family: 'Montserrat-Medium';

    font-size: 18px;

    line-height: 24px;

    margin-bottom: 20px;

}



.behavioral-research h4.content-bold { font-family: 'Montserrat-SemiBold'; }





/* POWERCOOL - CONTACT US */

#map { height: 950px; }



.powercool-contact-us .contact-detail ul {

    list-style-type: none;

    padding-left: 70px;

}



.powercool-contact-us .contact-detail ul li {

    padding-bottom: 30px;

}



.powercool-contact-us .contact-detail ul li a {

    color: #333;

    transition: 0.4s ease;

}



.powercool-contact-us .contact-detail ul li a:hover {

    text-decoration: none;

    color: #dddddd;

    transition: 0.3s ease-in-out;

}



.powercool-contact-us .contact-detail ul li h4 {

    font-family: 'Montserrat-Medium';

    font-size: 18px;

    margin: 0;

    line-height: normal;

}



.powercool-contact-us .contact-detail ul li i {

    position: absolute;

    margin-left: -50px;

    margin-top: 4px;

    font-size: 18px;

}



.powercool-contact-us .map-info {

    border-top: 1px solid #d7d7d7;

    margin-top: 5px;

    padding: 30px 0;

}



.powercool-contact-us .map-info img { margin: auto auto; }



.powercool-contact-us .map-info p {

    font-family: 'Montserrat-Medium';

    font-size: 14px;

    text-align: center;

    color: #000000;

    padding-top: 10px;

}



.powercool-contact-us .map-info a:hover,

.powercool-contact-us .map-info p:hover {

    text-decoration: none;

    color: #af7c2a;

    transition: 0.3s ease-in-out;

}



.powercool-contact-us .powercool-form {

    box-shadow: 0 0 20px #888888;

    padding: 50px;

    border-radius: 10px;

}



.powercool-contact-us .powercool-form h2 {

    font-family: 'Montserrat-Regular';

    text-align: center;

    margin: 0;

    padding-bottom: 20px;

    font-size: 36px;

    text-transform: uppercase;

}



.powercool-contact-us .powercool-form h4 {

    font-family: 'Montserrat-Regular';

    font-size: 18px;

    margin: 0;

}



.powercool-contact-us .powercool-form .contact-form {

    box-shadow: none;

    border-radius: 0;

    border: none;

    border-bottom: 1px solid #e6e6e6 ;

    margin-bottom: 30px;

}



.powercool-contact-us .powercool-form .contactus-btn {

    text-align: right;

}



.powercool-contact-us .powercool-form .contactus-btn button {

    font-family: 'Montserrat-Medium';

    font-size: 14px;

    background-color: #231f20;

    color: #ffffff;

    padding: 8px 0;

    width: 130px;

    border-radius: 0px;

    transition: 0.4s ease-out;

}



.powercool-contact-us .powercool-form .contactus-btn button:hover {

    background-color: #af7c2a;

    transition: 0.4s ease-out;

}



.redirection-row {

    border-top: 1px solid #ececec;

    border-bottom: 1px solid #ececec;

    padding: 60px 0;

    margin: 80px 0 0;

    text-align: center;

}





/* POWERCOOL - ARCHITECTURAL WINDOW FILM */

.powercool-architectural-content h4 {
    font-size: 18px;
    font-family: 'Montserrat-Regular';
    line-height: 36px;
    color: #0b243e;
}

.powercool-segment-benefit-application h3 {
    font-family: 'Montserrat-SemiBold';
    font-size: 24px;
    line-height: 1.5 !important;
}

.powercool-segment-benefit-application h4 {
    font-family: 'Montserrat-Medium';
    font-size: 18px;
    line-height: 1.5 !important;
}

.powercool-segment-benefit-application .powercool-segment h4>ol>li,
.powercool-segment-benefit-application .powercool-benefit h4>ol>li,
.powercool-segment-benefit-application .powercool-application h4>ol>li { 
    margin-bottom: 10px;
}





/* POWERCOOL - FOOTER */

.powercool-hear-from-you {

    background-color: #f5f5f5;

    padding: 40px 50px;

}



.powercool-hear-from-you h2 {

    font-family: 'Montserrat-Medium';

    font-style: italic;

}



a.powercool-btn-link {

    font-family: 'Montserrat-Medium';

    background-image: linear-gradient(to right, #a88239, #b59b54);

    box-shadow: 0 5px 15px rgb(168, 130, 57, 0.4);

    color: #ffffff;

    font-size: 14px;

    border-radius: 0;

    padding: 15px 50px;

    background-size: 300% 100%;

    moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -webkit-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

    border: transparent;

}



a.powercool-btn-link:hover {

    color: #ffffff;

    background-image: linear-gradient(to right, #007fe2, #0c1f36);

    background-position: 100% 0;

    moz-transition: all .4s ease-in-out;

    -o-transition: all .4s ease-in-out;

    -webkit-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

}



.powercool-hear-from-you a {

    right: 3%;

    position: absolute;

}



.powercool-footer-content {

    background: #0c1f36;

    background: -webkit-gradient(linear, left top, left bottom, from(#083151), to(#0c1e34));

    background: linear-gradient(linear, left top, left bottom, from(#083151), to(#0c1e34));

    padding: 40px 50px 0;

}



.footer-about-company h6 {

    font-family: 'Montserrat-Regular';

    color: #f5f5f5;

    font-size: 14px;

    line-height: 24px;

    padding: 30px 155px 30px 0;

}



.footer-social-media ul.social-network {

    list-style: none;

    display: inline;

    margin-left: 0 !important;

    padding: 0;

}



.footer-social-media ul.social-network li {

    display: inline;

    margin: 0 20px 0 0;

}



.footer-social-media .social-circle li a {

    display: inline-block;

    position: relative;

    margin: 0 auto 0 auto;

    text-align: center;

    font-size: 18px;

    margin-bottom: 20px;

    color: #aeb5bd;

}



.footer-social-media .social-circle li a:hover i {

    -moz-transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    -ms--transform: rotate(360deg);

    transform: rotate(360deg);

    -webkit-transition: all 0.2s;

    -moz-transition: all 0.2s;

    -o-transition: all 0.2s;

    -ms-transition: all 0.2s;

    transition: all 0.2s;

}



.footer-social-media .social-network ul li a:hover, .footer-social-media .social-network ul li a:active, .footer-social-media .social-network ul li a:focus {

    color: #dddddd;

    transition: 0.3s ease-in-out;

    text-decoration: none;

}



.footer-social-media .social-network a.icofacebook:hover i, .footer-social-media .social-network a.icotwitter:hover i, .footer-social-media .social-network a.icoenvelope:hover i, .footer-social-media .social-network a.icoyoutube:hover i {

    color: #a88239;

}



.footer-sitemap ul {

    float: left;

    margin-right: 60px;

    font-weight: 500;

    font-size: 18px;

}



.footer-sitemap ul li.footersitetitle {

    text-transform: uppercase;

    font-family: 'Montserrat-Bold';

    color: #f5f5f5;

    font-size: 14px;

}



.footer-sitemap ul li {

    line-height: 45px;

    font-family: 'Montserrat-Regular';

}



.footer-sitemap ul li a {

    color: #f5f5f5;

    font-size: 14px;

}



.footer-sitemap ul li a:hover,

.footer-contact-support ul li a:hover {

    color: #a88239;

    transition: 0.3s ease-in-out;

    text-decoration: none;

}



.footer-contact-support ul li.footersitetitle {

    line-height: 45px;

    text-transform: uppercase;

    font-family: 'Montserrat-Bold';

    color: #f5f5f5;

    font-size: 14px;

}



.footer-contact-support ul li p {

    margin-top: 10px;

    margin-bottom: 0;

    font-family: 'Montserrat-Regular';

    color: #f5f5f5;

    font-size: 14px;

}



.footer-contact-support ul li a {

    color: #f5f5f5;

    font-family: 'Montserrat-Regular';

    font-size: 14px;

}



.footer-line {

    display: block;

    width: 100%;

    height: 1px;

    background: #25364a;

    margin: 30px auto 20px;

}



.footer-copyright p {

    color: #f5f5f5;

    font-family: 'Montserrat-Medium';

    font-size: 14px;

    margin-bottom: 20px;

}





/* POWERCOOL - MOBILE START */

@media only screen and (max-width: 1680px) {

    /* POWERCOOL - CEO */

    .powercool-ceo-name img { right: 40%; }

}



@media only screen and (max-width: 1440px) {

	/* SLIDER SLICK */

	.powercool-slideshow .slider, .powercool-slideshow .slide { height: 78vh; }



    .powercool-slideshow .slide .slide-content-headings h3 { font-size: 20px; }



    .powercool-slideshow .slide .slide-content-headings p { font-size: 14px; }



    /* POWERCOOL - SIDEBAR */

    .powercool-navbar .off-canvas { font-size: 14px; }



    nav#powercool-sidebar { width: 240px; }



    .sidebar-logo img { max-width: 70%; }



    .powercool-navbar .hamburger {

        width: 45px;

        height: 45px;

        padding: 12px 10px;

    }



    .powercool-social-media .social-circle li a { font-size: 14px; }



    .powercool-navbar .hamburger.hamburger-open {

        top: 4%;

        right: 100%;

        left: 234%;

    }





    /* POWERCOOL - PAGE CONTENT */

    .powercool-page-content { padding-left: 240px; }



    .powercool-title h1 {

        font-size: 60px;

        padding-left: 160px;

        margin: 60px 0;

    }



    .powercool-line { top: 95px; }



    .powercool-homeabout-content h4 span.powercool-company { font-size: 18px; }



    .powercool-homeabout-content h4 {

        font-size: 14px;

        line-height: 30px;

    }



    .powercool-texture img,

    .powercool-texture-second img { max-width: 65%; }



    .services-icons i {

        font-size: 42px;

        width: 100px;

        height: 100px;

        line-height: 100px;

    }



    .services-content h3 { font-size: 18px; }



    .services-content { padding: 30px 0; }



    .services-content h1 { font-size: 80px; top: 48%; }



    .powercool-motto h1 {

        font-size: 60px;

        padding: 0 125px;

    }





    /* POWERCOOL - SERIES */

    .series-box h4 { font-size: 18px; }



    .automotive-group-series h3 {

        font-size: 16px;

        margin-top: 30px;

    }





    /* POWERCOOL - CEO */

    .powercool-ceo-name img {

        top: 5%;

        right: 40%;

        max-width: 70%;

    }



    .powercool-ceo-quote h3 {

        line-height: 40px;

        font-size: 24px;

    }



    .powercool-ceo-quote h3>span { font-size: 36px; }





    /* POWERCOOL - ABOUT US */

    .powercool-mb100 { margin-bottom: 50px; }



    .powercool-aboutus-content h4 span.powercool-company { font-size: 18px; }



    .powercool-aboutus-content h4 { font-size: 14px; line-height: 30px; }



    .powercool-vision-mission h3 { font-size: 18px; }



    .powercool-vision-mission h4 { font-size: 14px; }



    .powercool-title h1.font-small { font-size: 30px; }



    .powercool-corevalues-title .nav-pills a { font-size: 20px; }



    .powercool-corevalues-content h2 { font-size: 24px; }



    .powercool-corevalues-content h3 {

        font-size: 18px;

        line-height: 30px;

    }



    /* POWERCOOL - Management Team */

    .group-of-director img { padding: 50px 30px; }



    #corporate-structure-banner { height: 1000px; }



    .certifications-content h3,

    .warranty-content h3 {

        font-size: 18px;

        line-height: 30px;

    }



    /* POWERCOOL - AUTOMOBILE */

    .automotive-group-quality {

        font-size: 14px;

        line-height: 30px;

    }



    /* POWERCOOL - OUR SERVICES */

    .powercool-services-features h1 {

        font-size: 30px;

        margin-top: 10px;

    }



    .powercool-services-features h4 {

        font-size: 14px;

        line-height: 24px;

    }



    .powercool-services-features ul li {

        line-height: 24px;

        font-size: 14px;

    }



    .three-point-keytosuccess h1 {

        font-size: 30px;

        margin-bottom: 10px;

    }



    .three-point-keytosuccess h3 {

        font-size: 18px;

        margin-bottom: 10px;

    }



    .three-point-keytosuccess ul li {

        font-size: 20px;

        display: inline-block;

        margin-right: 30px;

    }



    .behavioral-research h4 {

        font-size: 16px;

        line-height: 24px;

        margin-bottom: 10px;

    }





    /* POWERCOOL - CONTACT US */

    #map { height: 600px; }



    .powercool-contact-us .contact-detail ul li h4 { font-size: 16px; }



    .powercool-contact-us .powercool-form h2 { font-size: 30px; }



    .powercool-contact-us .powercool-form { padding: 30px 40px; }



    .powercool-contact-us .powercool-form h4 { font-size: 14px; }





    /* POWERCOOL - ARCHITECTURAL WINDOW FILM */
    .powercool-architectural-content h4 { font-size: 14px; line-height: 30px; }

    .powercool-segment-benefit-application h3 { font-size: 18px; }

    .powercool-segment-benefit-application h4 { font-size: 14px; }





    /* POWERCOOL - FOOTER */

    .powercool-hear-from-you h2 { font-size: 20px; }



    .footer-copyright p { font-size: 12px; }

}





@media only screen and (max-width: 1366px) {

    /* POWERCOOL - Management Team */

    #corporate-structure-banner { height: 900px; }





    /* POWERCOOL - AUTOMOBILE */

    .powercool-products-content { padding: 30px 50px; }



    .powercool-products-content h4 { font-size: 16px; }

}



@media only screen and (max-width: 1280px) {}



@media only screen and (max-width: 1170px) {

    /* POWERCOOL - SIDEBAR */

    nav#powercool-sidebar { width: 200px; }



    .powercool-offcanvas-bordertop { margin: 30px 0; }



    .powercool-navbar .hamburger.hamburger-open {

        top: 4%;

        right: 100%;

        left: 255%;

    }



    .powercool-navbar .off-canvas-menu { width: 650px; }



    /* POWERCOOL - PAGE CONTENT */

    .powercool-page-content { padding-left: 200px; padding-bottom: 30px; }



    /* SLIDER SLICK */

    .powercool-slideshow .slider, .powercool-slideshow .slide {

        height: 68vh;

    }



    .powercool-slideshow .slide .slide-content {

        top: 80%;

        left: 30%;

        width: 50%;

    }

    .powercool-slideshow .slide .slide-content-headings { padding: 10px 25px; }



    /* POWERCOOL - SECTION */

    .powercool-title h1 { font-size: 40px; }



    .powercool-line { top: 82px; }



    .powercool-homeabout-content h4 span.powercool-company { font-size: 16px; }



    .powercool-homeabout-content {

        width: 45%;

        padding: 30px 30px;

        top: 28%;

        left: 58%;

    }



    .services-content h3 { font-size: 14px; }



    .services-icons i {

        font-size: 36px;

        width: 80px;

        height: 80px;

        line-height: 80px;

    }



    .powercool-homeaservices-content { padding-bottom: 60px; }



    /* POWERCOOL - AUTOMOBILE */

    .automotive-series-content { padding: 5px 5px; }



    .automotive-group-series h3 {

        font-size: 14px;

        margin-top: 20px;

    }



    .automobile-series {

        padding: 10px 0 20px;

        height: auto;

    }



    /* POWERCOOL - CEO */

    .powercool-ceo-quote h3 {

        line-height: 34px;

        font-size: 18px;

    }



    .powercool-ceo-quote h3>span {

        font-size: 28px;

    }



    /* POWERCOOL - ABOUT US */

    .powercool-aboutus-content h4 span.powercool-company { font-size: 16px; }



    .powercool-title h1.font-small {

        font-size: 24px;

        margin: 30px 0;

    }



    .powercool-line-small-font { top: 44px; }



    .powercool-corevalues-title .nav-pills a { font-size: 18px; }



    .powercool-corevalues-content h2 { font-size: 18px; }



    .powercool-corevalues-content h3 {

        font-size: 14px;

        line-height: 30px;

    }



    .powercool-corevalues-content .tab-pane { padding: 30px 30px; }



    /* POWERCOOL - Management Team */

    .group-of-director img { padding: 30px 30px; }



    #corporate-structure-banner { height: 750px; }



    .certifications-awards { padding: 20px 0; }



    .certifications-content h3,

    .warranty-content h3 {

        font-size: 14px;

        line-height: 24px;

    }



    /* POWERCOOL - FOOTER */

    .powercool-hear-from-you h2 { font-size: 18px; }



    a.powercool-btn-link { padding: 12px 35px; }



    a.powercool-series-btn { padding: 12px 35px; }



    .powercool-motto { padding: 60px 20px; }



    .powercool-motto h1 {

        font-size: 42px;

        padding: 0 50px;

    }



    /* POWERCOOL - AUTOMOBILE */

    .powercool-products-content { padding: 30px 30px; }



    .powercool-products-content h4 { font-size: 14px; }



    /* POWERCOOL - OUR SERVICES */

    .powercool-mb50 { margin-bottom: 30px; }



    .powercool-services-features h1 {

        font-size: 24px;

        margin-top: 10px;

    }



    .three-point-keytosuccess ul li {

        font-size: 16px;

        margin-right: 20px;

    }



    .behavioral-research h4 { font-size: 14px; }



    /* POWERCOOL - CONTACT US */

    .powercool-contact-us .contact-detail ul { padding-left: 45px; }



    .powercool-contact-us .contact-detail ul li h4 { font-size: 14px; }



    .powercool-contact-us .contact-detail ul li i {

        margin-left: -30px;

        font-size: 14px;

    }



    .powercool-contact-us .map-info p { font-size: 12px; }

}



@media only screen and (max-width: 1024px) {

    /* SLIDER SLICK */

    .powercool-slideshow .slider, .powercool-slideshow .slide {

        height: 60vh;

    }



    .powercool-slideshow .slide .slide-content {

        top: 80%;

        left: 32%;

        width: 60%;

    }



    .powercool-slideshow .slide .slide-content-headings h3 {

        font-size: 16px;

        margin: 5px 0;

    }



    /* POWERCOOL - SECTION */

    .powercool-homeabout-content h4 { line-height: 24px; }



    .powercool-motto h1 {

        font-size: 36px;

        padding: 0 30px;

    }



    .powercool-ceo-quote h3 {

        line-height: 30px;

        font-size: 16px;

    }



    .powercool-ceo-quote h3>span { font-size: 24px; }



    .powercool-hear-from-you { padding: 30px 20px; }



    /* POWERCOOL - AUTOMOBILE */

    .automotive-group-quality {

        font-size: 12px;

        line-height: 24px;

    }





    /* POWERCOOL - FOOTER */

    .powercool-footer-content { padding: 40px 20px 0; }



    .footer-about-company h6 {

        font-size: 14px;

        padding: 20px 10px 20px 0;

    }

}





@media only screen and (max-width: 991px) {

    /* POWERCOOL - AUTOMOBILE */

    .automobile-btn a {

        padding: 4px 5px 7px;

        font-size: 14px;

    }

}





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

    /* POWERCOOL - SIDEBAR */

    nav#powercool-sidebar { width: 100px; }



    .powercool-page-content { padding-left: 100px; }



    .powercool-navbar .hamburger {

        width: 38px;

        height: 38px;

        padding: 9px 7px;

        top: 15%;

        left: 30%;

    }



    .powercool-navbar .hamburger.hamburger-open {

        right: 100%;

        left: 100%;

    }



    .powercool-slideshow .stick-dots .slick-dots li button { font-size: 14px; }



    .powercool-slideshow .stick-dots .slick-dots li {

        height: 3px;

        width: 25px;

    }



    /* SLIDER SLICK */

    .powercool-slideshow .slider, .powercool-slideshow .slide { height: 43vh; }



    .powercool-slideshow .slide .slide-content {

        top: 75%;

        left: 45%;

        width: 80%;

    }



    .powercool-homeabout-content {

        width: 100%;

        padding: 15px 15px;

        top: 30%;

        left: 5%;

    }



    .powercool-line {

        top: 52px;

        width: 80px;

    }



    .powercool-title h1 {

        font-size: 36px;

        padding-left: 100px;

        margin: 30px 0;

    }



    .powercool-homeabout-content h4 span.powercool-company { font-size: 14px; }



    .powercool-homeabout-content {

        width: 100%;

        padding: 10px 15px;

        top: auto;

        left: 0%;

        bottom: 0;

        background-color: #6d6e70bf;

    }



    a.powercool-btn-link {

        padding: 8px 18px;

        font-size: 12px;

    }



    .services-content { padding: 20px 0; }



    .powercool-motto h1 {

        font-size: 30px;

        padding: 0 10px;

    }



    .series-box h4 { font-size: 14px; }



    .series-box { padding: 5px 10px 5px 10px; }



    .automobile-series {

        padding: 10px 0 20px;

        height: auto;

    }



    .powercool-ceo-quote h3 {

        line-height: 24px;

        font-size: 14px;

    }



    .powercool-ceo-quote {

        padding-top: 20px;

        position: absolute;

        top: 32%;

    }





    /* POWERCOOL - ABOUT US */

    .powercool-aboutus-content h4 { line-height: 24px; }



    .powercool-line-small-font { width: 80px; }



    .powercool-corevalues-title .nav-pills a { font-size: 14px; padding: 0; }



    .powercool-corevalues-content .tab-pane { padding: 15px 15px; }



    .powercool-corevalues-content h2 { font-size: 16px; }



    .powercool-corevalues-content h3 { font-size: 14px; }



    .powercool-corevalues-content { margin-top: 0px; }





    /* POWERCOOL - Management Team */

    .group-of-director img { padding: 20px 20px; }



    #corporate-structure-banner { height: 500px; }



    /* POWERCOOL - OUR SERVICES */

    .powercool-services-features h1 { font-size: 20px; }



    .three-point-keytosuccess ul li { display: block; }




    /* POWERCOOL - ARCHITECTURAL WINDOW FILM */
    .powercool-architectural-content h4 { line-height: 24px; }




    /* POWERCOOL - FOOTER */

    .footer-about-company h6 {

        font-size: 12px;

        padding: 20px 10px 20px 0;

    }



    .footer-sitemap ul li a { font-size: 12px; }



    .footer-contact-support ul li a { font-size: 12px; }

}





@media only screen and (max-width: 767px) {

    .services-content {

        padding: 20px 0;

        height: 100px;

        text-align: center;

    }



    .services-content h3 {

        font-size: 14px;

        margin-top: 13px;

    }



    .services-icons { text-align: center; }



    .services-content h1 {

        font-size: 60px;

        top: 48%;

        text-align: center;

        width: 100%;

        left: 0;

        right: 0;

    }



    .powercool-hear-from-you h2 { font-size: 16px; }



    a.powercool-btn-link {

        padding: 8px 18px;

        font-size: 12px;

        width: 100%;

        margin: auto auto;

    }



    .powercool-motto { padding: 50px 10px; }



    .powercool-motto h1 {

        font-size: 28px;

        padding: 0;

    }



    .automobile-series {

        padding: 10px 10px 5px;

        height: auto!important;

    }



    .automobile-series-fullset { margin-bottom: 50px; }



    #contenedor { height: 28vw; margin: 30px auto; }



    .powercool-ceo-name img {

        top: auto;

        max-width: 45%;

        bottom: 20px;

        right: 10px;

    }



    .powercool-ceo-quote {

        padding-top: 20px;

        position: relative;

        top: 0;

    }



    .powercool-ceo-name img {

        top: auto;

        max-width: 45%;

        bottom: 120%;

        right: 10px;

    }



    .powercool-ceo { padding-bottom: 30px; }



    .powercool-ceo-quote h3>span { font-size: 16px; }



    /* POWERCOOL - AUTOMOBILE */

    .powercool-automobile .container-filter {

        line-height: 35px;

        padding: 10px 5px;

    }



    /* POWERCOOL - CONTACT US */

    .powercool-contact-us .powercool-form {

        padding: 20px 20px;

        margin: 0 0 0 10px;

    }



    .powercool-contact-us .powercool-form h2 { font-size: 20px; }





    /* POWERCOOL - FOOTER */

    .footer-copyright p { font-size: 11px; }



    .footer-about-company h6 {

        font-size: 13px;

        padding: 20px 10px 20px 0;

    }



    .footer-social-media .social-circle li a { font-size: 16px; }



    .footer-sitemap ul li a { font-size: 13px; }



    .footer-contact-support ul li a { font-size: 13px; }



    .footer-contact-support ul li p { font-size: 13px; }



    .footer-sitemap ul li { line-height: 30px; }

}





@media only screen and (max-width: 736px) and (max-height: 414px) {

    .powercool-navbar .hamburger {

        top: 26%!important;

    }



    #powercool-social-links { top: 76%!important; }



    #back-to-top { bottom: 10px!important; }   

}



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

    #back-to-top {

        right: 15px;

        bottom: 10px;

        font-size: 15px;

        padding: 5px;

        height: 30px;

        width: 30px;

        line-height: 20px;

    }



    #powercool-social-links a {

        margin: 10px;

        font-size: 20px;

        width: 40px;

        height: 40px;

        line-height: 40px;

        opacity: 0.8;

    }



    /* POWERCOOL - SIDEBAR */

    nav#powercool-sidebar { width: 80px; }



    .hamburger-bar, .hamburger-bar::before, .hamburger-bar::after {

        width: 100%;

        height: 2px;

    }

    .powercool-navbar .hamburger {

        width: 32px;

        height: 32px;

        padding: 7px 6px;

        top: 14%;

        left: 29%;

        font-size: 12px;

    }



    .powercool-page-content { padding-left: 80px; }



    .powercool-navbar .off-canvas-menu {

        width: 100%;

        padding: 65px 25px 0;

    }



    .powercool-navbar .hamburger.hamburger-open {

        right: 100%;

        left: 30%;

    }



    /* SLIDER SLICK */

    .powercool-slideshow .slide .slide-content-headings h3 { font-size: 14px; }



    .powercool-slideshow .slide .slide-content-headings p { font-size: 12px; margin-bottom: 0; }



    .powercool-slideshow .slide .slide-content-headings { padding: 10px 10px; }



    .powercool-slideshow .slide .slide-content {

        display: none;

        /*top: 80%;

        left: 50%;

        width: 100%;*/

    }



    .powercool-slideshow .slick-dots {

        bottom: 0;

        top: 0;

    }



    .powercool-slideshow .slider, .powercool-slideshow .slide {

        height: 30vh;

    }



    .powercool-title h1 {

        font-size: 24px;

        padding-left: 50px;

        margin: 30px 0;

    }



    .powercool-line {

        top: 43px;

        width: 35px;

    }



    .powercool-homeabout-content {

        padding: 10px 10px;

        top: auto;

        left: 0%;

        bottom: 0;

        position: relative;

    }



    .powercool-texture img, .powercool-texture-second img { max-width: 100%; }



    .powercool-motto h1 { font-size: 24px; }



    .series-box {

        padding: 5px 10px 5px 10px;

        margin: 0 0 0 30px;

    }



    .powercool-ceo-name img {

        top: auto;

        max-width: 65%;

        bottom: 120%;

        right: 10px;

    }



    a.powercool-btn-link {

        padding: 8px 18px;

        font-size: 12px;

        width: 100%;

        margin: auto auto;

    }



    .powercool-hear-from-you a {

        right: 0;

        position: relative;

    }



    .powercool-hear-from-you { padding: 30px 10px; }



    /* POWERCOOL - ABOUT US */

    .powercool-mb100 { margin-bottom: 30px; }



    .powercool-title h1.font-small { font-size: 20px; }



    .powercool-line-small-font { width: 35px; }



    .powercool-corevalues-title .nav-pills a i { width: 18%; padding: 10px 10px; }



    .powercool-corevalues-title .nav-pills a {

        padding: 0;

        width: 100%;

    }



    .powercool-corevalues-content { margin-top: 10px; }



    /* POWERCOOL - Management Team */

    #corporate-structure-banner { height: 300px; }



    /* POWERCOOL - AUTOMOBILE */

    .automobile-series-fullset { margin-bottom: 20px; }



    .powercool-products-content { padding: 20px 15px; }



    .powercool-products-content h4 { line-height: 24px; }



    /* POWERCOOL - OUR SERVICES */

    .three-point-keytosuccess ul li {

        font-size: 14px;

        margin-right: 0;

    }



    .powercool-mb50 { margin-bottom: 20px; }



    .three-point-keytosuccess h1 { font-size: 24px; }

}



@media only screen and (max-width: 425px) {

    .powercool-slideshow .slider, .powercool-slideshow .slide { height: 26vh; }



    /* POWERCOOL - AUTOMOBILE */

    .powercool-automobile .container-filter {

        line-height: 25px;

        padding: 5px 4px;

    }



    .automobile-btn a {

        padding: 4px 5px 5px;

        font-size: 10px;

    }

}



@media only screen and (max-width: 414px) {}



@media only screen and (max-width: 375px) {}



@media only screen and (max-width: 320px) {}