/*

 * jQuery FlexSlider v1.8

 * http://flex.madebymufffin.com

 *

 * Copyright 2011, Tyler Smith

 * Free to use under the MIT license.

 * http://www.opensource.org/licenses/mit-license.php

 */

 #container {width: 80%; max-width: 800px; margin: 0 auto;}

/* Browser Resets */

.flex-container a:active,

.flexslider a:active {outline: none;}

.slides,

.flex-control-nav,

.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 



/* FlexSlider Necessary Styles

*********************************/ 

.flexslider {width:100%; margin: 0 0; padding: 0 0px 0px 0px; min-height: 478px; background:url(../images/loader.svg) no-repeat center center #ededeb;}

.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img { display: block; max-width: 100%; width: 100%;}

.flex-pauseplay span {text-transform: capitalize;}

.flex-caption img {margin-bottom: 70px; margin-top: 30px; float: left; text-align: center; }

/* Clearfix for the .slides element */

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 

html[xmlns] .slides {display: block;} 

* html .slides {height: 1%;}



/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you

 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {display: block;}





/* FlexSlider Default Theme

*********************************/

.flexslider { position: relative; zoom: 1; z-index:0;}

.flexslider .slides {zoom: 1;}

.flexslider .slides > li {position: relative; }

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */

.flex-container {zoom: 1; position: relative;}



/* Caption style */

/* IE rgba() hack */

.flex-caption {background:none;zoom: 1; }

.flex-caption {position:absolute; width:450px; padding:35px; text-align: center;z-index: 999; eft: 0;
bottom: 0;}

.flex-caption::after { position: absolute; top: auto; left: 0; bottom: 0; content: ""; background:rgba(0,0,0,0.6); width: 100%; height: 100%; z-index: -1;
   
  /*transform: skew(-15deg);
  -webkit-transform: skew(-15deg);
  -o-transform: skew(-15deg);
  -moz-transform: skew(-15deg);*/
  transition: all .5s ease;
  -moz-transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;}

.flex-caption img{width:auto !important;}

.flex-caption h1 { color:#fff; font-size:60px;  font-family: 'Graphik-Bold'; line-height:60px; margin-bottom:15px; letter-spacing:1px; text-transform: capitalize; transition:all 0.5s ease;}

.flex-caption h1 span { font-size:28px; font-family: 'Graphik-Bold'; display:block;text-align: left; line-height: 36px; color: #fff;}

.flex-caption p { font-size:20px; color:#fff; font-family: 'Graphik-Regular'; margin-bottom:20px; text-align: left; line-height: 28px;}

.flex-caption a { float: left; background:#45555f url(../images/banner-arrow.png) no-repeat right 15px center; font-size:16px; color:#fff;  font-family: 'Graphik-Medium'; text-transform:uppercase; padding:10px 65px 10px 15px; display:inline-block; letter-spacing:1px; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; margin-top: 15px;}

.flex-caption a:hover { background-color:#ad650d;}

.flexslider ul li.flex-active-slide .flex-caption h1 { animation: slidebtm 1.3s ease; -webkit-animation: slidebtm 1.3s ease; -moz-animation: slidebtm 1.3s ease; -o-animation: slidebtm 1.3s ease; animation-fill-mode: both; }

.flexslider ul li.flex-active-slide .flex-caption p { animation: slidebtm 1.9s ease; -webkit-animation: slidebtm 1.9s ease; -moz-animation: slidebtm 1.9s ease; -o-animation: slidebtm 1.9s ease; }

.flexslider ul li.flex-active-slide .flex-caption a { animation: fade 2.7s ease; -webkit-animation: fade 2.7s ease; -moz-animation: fade 2.7s ease; -o-animation: fade 2.7s ease; }

.flexslider ul li.flex-active-slide .flex-caption img { animation: slidebtm 1.9s ease; -webkit-animation: slidebtm 1.9s ease; -moz-animation: slidebtm 1.9s ease; -o-animation: slidebtm 1.9s ease; }

@keyframes slidebtm

{

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

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

  100% {  transform: none; opacity:1;}

}



@keyframes fade

{

  0% {  opacity:0; }

  50% {  opacity:0; }

  100% {  opacity:1;}

}





/* Direction Nav */

.flex-direction-nav { display:block; *height: 0; }

.flex-direction-nav .flex-prev { left: -50px; }

.flex-direction-nav .flex-next { right: -50px; text-align: right; }

.flexslider:hover .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } 

.flexslider:hover .flex-direction-nav .flex-next { opacity: 1; right: 10px; }

.flexslider:hover .flex-direction-nav .flex-prev:hover, .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; }

.banner-home .flex-direction-nav li a {width:15px; height:27px; margin: 0px 0 0; display: block;  position: absolute; top: 47%; cursor: pointer; text-indent: -9999px; z-index:9999;}

.banner-home .flex-direction-nav li a:hover{ opacity:0.7}

.banner-home .flex-direction-nav li .flex-next {right:5%;background: url(../images/arrow-right.png) no-repeat 0 0; background-position: 0px 0; }

.banner-home .flex-direction-nav li .flex-prev {left:5%; background: url(../images/arrow-left.png) no-repeat 0 0; background-position: 0px 0; }

.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}



#carousel .flex-direction-nav a { text-decoration: none; display: block; width: 30px; height: 30px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; background:url(../images/carousel-arow1.png) no-repeat; opacity: 0; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

#carousel:hover .flex-direction-nav .flex-prev, #carousel:hover .flex-direction-nav .flex-next { opacity: 1; }

#carousel .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; }

#carousel .flex-direction-nav li .flex-next { right:-30px; background-position: -32px 0; text-indent:9999px; }

#carousel .flex-direction-nav li .flex-prev {left:-30px; background-position: 0px 0; text-indent:-999px }

#carousel .flex-direction-nav li .flex-next:hover {  background-position: -32px -31px; }

#carousel .flex-direction-nav li .flex-prev:hover { background-position: 0 -31px; }

#slider .flex-direction-nav a { text-decoration: none; display: block; width: 36px; height: 36px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; background:url(../images/history-nav.png) no-repeat; cursor: pointer; text-indent:9999px; }

#slider .flex-direction-nav li a.flex-next { left:45%; background-position:-36px 0; }

#slider .flex-direction-nav li a.flex-prev {left:2.2%; background-position:0 0; }

#slider .flex-direction-nav li a.flex-next:hover {  background-position:-36px -36px; }

#slider .flex-direction-nav li a.flex-prev:hover { background-position:0 -36px; }



.product-banner .flex-direction-nav a { text-decoration: none; display: block; width: 30px; height: 30px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; background:url(../images/carousel-arow1.png) no-repeat; opacity: 1; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.product-banner:hover .flex-direction-nav .flex-prev, .product-banner:hover .flex-direction-nav .flex-next { opacity: 1; }

.product-banner .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; }

.product-banner .flex-direction-nav li .flex-next { right:10px; background-position: -32px 0; text-indent:9999px; }

.product-banner .flex-direction-nav li .flex-prev {left:10px; background-position: 0px 0; text-indent:-999px }

.product-banner .flex-direction-nav li .flex-next:hover {  background-position: -32px -31px; }

.product-banner .flex-direction-nav li .flex-prev:hover { background-position: 0 -31px; }



.cab-slider .flex-direction-nav a { text-decoration: none; display: block; width: 30px; height: 30px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; background:url(../images/carousel-arow1.png) no-repeat; opacity: 1; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.cab-slider:hover .flex-direction-nav .flex-prev, .cab-slider:hover .flex-direction-nav .flex-next { opacity: 1; }

.cab-slider .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; }

.cab-slider .flex-direction-nav li{width:100%;}

.cab-slider .flex-direction-nav li img{max-width:100%;}

.cab-slider .flex-direction-nav li .flex-next { right:10px; background-position: -32px 0; text-indent:9999px; }

.cab-slider .flex-direction-nav li .flex-prev {left:10px; background-position: 0px 0; text-indent:-999px }

.cab-slider .flex-direction-nav li .flex-next:hover {  background-position: -32px -31px; }

.cab-slider .flex-direction-nav li .flex-prev:hover { background-position: 0 -31px; }





.prod-capabilities .flex-direction-nav a { text-decoration: none; display: block; width: 30px; height: 30px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; background:url(../images/carousel-arow1.png) no-repeat; opacity: 1; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.prod-capabilities:hover .flex-direction-nav .flex-prev, .prod-capabilities:hover .flex-direction-nav .flex-next { opacity: 1; }

.prod-capabilities .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; }

.prod-capabilities .flex-direction-nav li{width:100%;}

.prod-capabilities .flex-direction-nav li img{max-width:100%;}

.prod-capabilities .flex-direction-nav li .flex-next { right:10px; background-position: -32px 0; text-indent:9999px; }

.prod-capabilities .flex-direction-nav li .flex-prev {left:10px; background-position: 0px 0; text-indent:-999px }

.prod-capabilities .flex-direction-nav li .flex-next:hover {  background-position: -32px -31px; }

.prod-capabilities .flex-direction-nav li .flex-prev:hover { background-position: 0 -31px; }















/* Control Nav */

.flex-control-nav {width: 1170px; position: absolute; bottom: 30px; z-index:9999; text-align: right; margin:0 auto; left:0; right:0;}

.flex-control-nav li {margin: 0 6px 0 3px; display: inline-block; zoom: 1; *display: inline;}

/*.flex-control-nav li:first-child {margin: 0;}*/

.flex-control-nav li a {width: 20px; height: 20px; display: block; background:url(../images/control-nav.png) no-repeat 0 0; cursor: pointer; text-indent: 9999px;}

.flex-control-nav li a:hover { background-position:-27px 0; }

.flex-control-nav li a.flex-active {background-position:-27px 0; cursor: default;}





a.flex-btn{ background:none;color:#fff; font-family: 'Gotham-Medium';font-size:14px; font-weight:400; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; border:1px solid #fff; padding:0px 52px; height:56px; line-height:56px; display:inline-block; border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px;}

a.flex-btn:hover{ color:#454545; background:#fff;}

.banner-pad .flexslider .flex-control-nav { display:block; }

/*.flexslider .slides > li::after { position:absolute; content:""; background:rgba(45,56,122,0.45); left:0px; right:0px; top:0px; width:100%; height:100%; float:left;}*/

.product-banner .flexslider {width:100%; margin: 0 0; padding: 0 0px 0px 0px; min-height: 256px; background:url(../images/loader.svg) no-repeat center center #FFFFFF;}

#section-sub-menu { width:100%; float:left; position:relative;}

#section-sub-menu.fixed { position: fixed; top: 161px; z-index:99;}


/*22-8-2022*/
.demo a { position: absolute;bottom: 100px;
    left: 50%;
    z-index: 2;
    display: inline-block;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
    letter-spacing: .1em;
    text-decoration: none;
    transition: opacity .3s;
  padding-top:0px;
}
.demo a span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 30px;
    height: 50px;
    margin-left: -15px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-sizing: border-box; 
  -webkit-animation: sdb10 2.5s infinite;
    animation: sdb10 2.5s infinite;
}
.demo a span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  border:1px solid #fff;
  margin-left: -3px;
  background-color:none;
  border-radius: 100%;
  box-sizing: border-box;
}
.policy-list ul li:hover a .cnt-box h3 img { -webkit-animation-name: sdb12; animation-name: sdb12; -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;}

.demo a span img { top:-20px; left:0; right:0; margin: 0 auto; position:absolute; -webkit-animation: sdb11 2.5s infinite; animation: sdb11 2.5s infinite;}

@-webkit-keyframes sdb11 {
  0% {
    transform: translate(0, 0px);
    opacity: 0;
  }
  40% {  
    opacity: 1;
  }
  100% {
  transform: translate(0, 50px);  
    opacity: 1;
  }
}
@keyframes sdb10 {
  0% {
    transform: translate(0, 0);
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes sdb12 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}