@charset "utf-8";
@font-face {
    font-family: 'frank_ruhl_libreblack';
    src: url('fonts/frankruhllibre-black-webfont.eot');
    src: url('fonts/frankruhllibre-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/frankruhllibre-black-webfont.woff') format('woff'),
         url('fonts/frankruhllibre-black-webfont.ttf') format('truetype'),
         url('fonts/frankruhllibre-black-webfont.svg#frank_ruhl_libreblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'frank_ruhl_librebold';
    src: url('fonts/frankruhllibre-bold-webfont.eot');
    src: url('fonts/frankruhllibre-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/frankruhllibre-bold-webfont.woff') format('woff'),
         url('fonts/frankruhllibre-bold-webfont.ttf') format('truetype'),
         url('fonts/frankruhllibre-bold-webfont.svg#frank_ruhl_librebold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'frank_ruhl_librelight';
    src: url('fonts/frankruhllibre-light-webfont.eot');
    src: url('fonts/frankruhllibre-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/frankruhllibre-light-webfont.woff') format('woff'),
         url('fonts/frankruhllibre-light-webfont.ttf') format('truetype'),
         url('fonts/frankruhllibre-light-webfont.svg#frank_ruhl_librelight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'frank_ruhl_libremedium';
    src: url('fonts/frankruhllibre-medium-webfont.eot');
    src: url('fonts/frankruhllibre-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/frankruhllibre-medium-webfont.woff') format('woff'),
         url('fonts/frankruhllibre-medium-webfont.ttf') format('truetype'),
         url('fonts/frankruhllibre-medium-webfont.svg#frank_ruhl_libremedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'frank_ruhl_libreregular';
    src: url('fonts/frankruhllibre-regular-webfont.eot');
    src: url('fonts/frankruhllibre-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/frankruhllibre-regular-webfont.woff') format('woff'),
         url('fonts/frankruhllibre-regular-webfont.ttf') format('truetype'),
         url('fonts/frankruhllibre-regular-webfont.svg#frank_ruhl_libreregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'georgiaitalic';
    src: url('fonts/georgia_italic-webfont.eot');
    src: url('fonts/georgia_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/georgia_italic-webfont.woff') format('woff'),
         url('fonts/georgia_italic-webfont.ttf') format('truetype'),
         url('fonts/georgia_italic-webfont.svg#georgiaitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'georgiaregular';
    src: url('fonts/georgia_1-webfont.eot');
    src: url('fonts/georgia_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/georgia_1-webfont.woff2') format('woff2'),
         url('fonts/georgia_1-webfont.woff') format('woff'),
         url('fonts/georgia_1-webfont.ttf') format('truetype'),
         url('fonts/georgia_1-webfont.svg#georgiaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family:'Museo 300';
    src: url('fonts/Museo-300.eot');
	src: url('fonts/Museo-300.eot?#iefix') format('embedded-opentype'),
		url('fonts/Museo-300.woff') format('woff'),
		url('fonts/Museo-300.ttf') format('truetype'),
		url('fonts/Museo-300.otf') format('opentype'),
		url('fonts/Museo-300.svg#Museo-300') format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

/* Generated by Fontie <http://fontie.pixelsvsbytes.com> */

@font-face {
    font-family:'Museo 500';
    src: url('fonts/Museo-500.eot');
	src: url('fonts/Museo-500.eot?#iefix') format('embedded-opentype'),
		url('fonts/Museo-500.woff') format('woff'),
		url('fonts/Museo-500.ttf') format('truetype'),
		url('fonts/Museo-500.otf') format('opentype'),
		url('fonts/Museo-500.svg#Museo-500') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

/* Generated by Fontie <http://fontie.pixelsvsbytes.com> */

@font-face {
    font-family:'Museo 700';
    src: url('fonts/Museo-700.eot');
	src: url('fonts/Museo-700.eot?#iefix') format('embedded-opentype'),
		url('fonts/Museo-700.woff') format('woff'),
		url('fonts/Museo-700.ttf') format('truetype'),
		url('fonts/Museo-700.otf') format('opentype'),
		url('fonts/Museo-700.svg#Museo-700') format('svg');
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

/* Generated by Fontie <http://fontie.pixelsvsbytes.com> */

@font-face {
    font-family:'Galada';
    src: url('fonts/Galada.eot');
	src: url('fonts/Galada.eot?#iefix') format('embedded-opentype'),
		url('fonts/Galada.woff') format('woff'),
		url('fonts/Galada.ttf') format('truetype'),
		url('fonts/Galada.otf') format('opentype'),
		url('fonts/Galada.svg#Galada') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

/* Generated by Fontie - the magic webfont generator <http://fontie.flowyapps.com> */

@font-face {
	font-family:'Avenir-Light';
	src: url('fonts/Avenir-Light.eot');
	src: url('fonts/Avenir-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/Avenir-Light.woff') format('woff'),
		url('fonts/Avenir-Light.ttf') format('truetype'),
		url('fonts/Avenir-Light.svg#Avenir-Light') format('svg');
	font-weight: 400;
	font-style: normal;
}


@font-face {
	font-family:'Avenir-Roman';
	src: url('fonts/Avenir-Roman_gdi.eot');
	src: url('fonts/Avenir-Roman_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/Avenir-Roman_gdi.woff') format('woff'),
		url('fonts/Avenir-Roman_gdi.ttf') format('truetype'),
		url('fonts/Avenir-Roman_gdi.svg#Avenir-Roman') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2122;
}

/* Generated by Fontie - the magic webfont generator <http://fontie.flowyapps.com> */

@font-face {
	font-family:'Avenir-Medium';
	src: url('fonts/Avenir-Medium_gdi.eot');
	src: url('fonts/Avenir-Medium_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/Avenir-Medium_gdi.woff') format('woff'),
		url('fonts/Avenir-Medium_gdi.ttf') format('truetype'),
		url('fonts/Avenir-Medium_gdi.svg#Avenir-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2212;
}

/* Generated by Fontie - the magic webfont generator <http://fontie.flowyapps.com> */

@font-face {
	font-family:'Avenir-Book';
	src: url('fonts/Avenir-Book_gdi.eot');
	src: url('fonts/Avenir-Book_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/Avenir-Book_gdi.woff') format('woff'),
		url('fonts/Avenir-Book_gdi.ttf') format('truetype'),
		url('fonts/Avenir-Book_gdi.svg#Avenir-Book') format('svg');
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2212;
}

/* Generated by Fontie - the magic webfont generator <http://fontie.flowyapps.com> */

@font-face {
	font-family:'Avenir-Black';
	src: url('fonts/Avenir-Black_gdi.eot');
	src: url('fonts/Avenir-Black_gdi.eot?#iefix') format('embedded-opentype'),
		url('fonts/Avenir-Black_gdi.woff') format('woff'),
		url('fonts/Avenir-Black_gdi.ttf') format('truetype'),
		url('fonts/Avenir-Black_gdi.svg#Avenir-Black') format('svg');
	font-weight: 900;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2212;
}

/* Generated by Fontie <http://fontie.pixelsvsbytes.com> */

@font-face {
    font-family:'Avenir LT Std 35 Light';
    src: url('fonts/AvenirLTStd-Light.eot');
	src: url('fonts/AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/AvenirLTStd-Light.woff') format('woff'),
		url('fonts/AvenirLTStd-Light.ttf') format('truetype'),
		url('fonts/AvenirLTStd-Light.otf') format('opentype'),
		url('fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

/* Generated by Fontie <http://fontie.pixelsvsbytes.com> */

@font-face {
    font-family:'Avenir LT Std 55 Roman';
    src: url('fonts/AvenirLTStd-Heavy.eot');
	src: url('fonts/AvenirLTStd-Heavy.eot?#iefix') format('embedded-opentype'),
		url('fonts/AvenirLTStd-Heavy.woff') format('woff'),
		url('fonts/AvenirLTStd-Heavy.ttf') format('truetype'),
		url('fonts/AvenirLTStd-Heavy.otf') format('opentype'),
		url('fonts/AvenirLTStd-Heavy.svg#AvenirLTStd-Heavy') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}


@font-face {
    font-family: 'ubuntu-regular';
    src: url('fonts/ubuntu-r-webfont.eot');
    src: url('fonts/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-r-webfont.woff') format('woff'),
         url('fonts/ubuntu-r-webfont.ttf') format('truetype'),
         url('fonts/ubuntu-r-webfont.svg#ubuntu-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'ubuntu-bold';
  src: url('fonts/ubuntu-b-webfont.eot');
  src: url('fonts/ubuntu-b-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/ubuntu-b-webfont.woff') format('woff'),
       url('fonts/ubuntu-b-webfont.ttf') format('truetype'),
       url('fonts/ubuntu-b-webfont.svg#ubuntu-bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
     font-family: 'ubuntu-light';
     src: url('fonts/ubuntu-l-webfont.eot');
     src: url('fonts/ubuntu-l-webfont.eot?#iefix') format('embedded-opentype'),
          url('fonts/ubuntu-l-webfont.woff') format('woff'),
          url('fonts/ubuntu-l-webfont.ttf') format('truetype'),
          url('fonts/ubuntu-l-webfont.svg#ubuntu-light') format('svg');
     font-weight: normal;
     font-style: normal;
   }

@font-face {
  font-family: 'lato-bold';
  src: url('fonts/lato-bold-webfont.eot');
  src: url('fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/lato-bold-webfont.woff') format('woff'),
       url('fonts/lato-bold-webfont.ttf') format('truetype'),
       url('fonts/lato-bold-webfont.svg#lato-bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'lato-light';
  src: url('fonts/lato-light-webfont.eot');
  src: url('fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/lato-light-webfont.woff') format('woff'),
       url('fonts/lato-light-webfont.ttf') format('truetype'),
       url('fonts/lato-light-webfont.svg#lato-light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'lato-regular';
  src: url('fonts/lato-regular-webfont.eot');
  src: url('fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/lato-regular-webfont.woff') format('woff'),
       url('fonts/lato-regular-webfont.ttf') format('truetype'),
       url('fonts/lato-regular-webfont.svg#lato-regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
font-family: 'lato-italic';
src: url('fonts/lato-italic-webfont.eot');
src: url('fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/lato-italic-webfont.woff') format('woff'),
     url('fonts/lato-italic-webfont.ttf') format('truetype'),
     url('fonts/lato-italic-webfont.svg#lato-italic') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
    font-family: 'poppinsmedium';
    src: url('fonts/poppins-medium-webfont.eot');
    src: url('fonts/poppins-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/poppins-medium-webfont.woff') format('woff'),
         url('fonts/poppins-medium-webfont.ttf') format('truetype'),
         url('fonts/poppins-medium-webfont.svg#poppinsmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'poppinsregular';
  src: url('fonts/poppins-regular-webfont.eot');
  src: url('fonts/poppins-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/poppins-regular-webfont.woff') format('woff'),
       url('fonts/poppins-regular-webfont.ttf') format('truetype'),
       url('fonts/poppins-regular-webfont.svg#poppinsregular') format('svg');
  font-weight: normal;
  font-style: normal;

}
@font-face {
    font-family: 'poppinsbold';
    src: url('fonts/poppins-bold-webfont.eot');
    src: url('fonts/poppins-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/poppins-bold-webfont.woff') format('woff'),
         url('fonts/poppins-bold-webfont.ttf') format('truetype'),
         url('fonts/poppins-bold-webfont.svg#poppinsbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'poppinsmedium';
    src: url('fonts/poppins-medium-webfont.eot');
    src: url('fonts/poppins-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/poppins-medium-webfont.woff') format('woff'),
         url('fonts/poppins-medium-webfont.ttf') format('truetype'),
         url('fonts/poppins-medium-webfont.svg#poppinsmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'poppinssemibold';
  src: url('fonts/poppins-semibold-webfont.eot');
  src: url('fonts/poppins-semibold-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/poppins-semibold-webfont.woff') format('woff'),
       url('fonts/poppins-semibold-webfont.ttf') format('truetype'),
       url('fonts/poppins-semibold-webfont.svg#poppinssemibold') format('svg');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'poppinslight';
  src: url('fonts/poppins-light-webfont.eot');
  src: url('fonts/poppins-light-webfont.eot?#iefix') format('embedded-opentype'),
       url('fonts/poppins-light-webfont.woff') format('woff'),
       url('fonts/poppins-light-webfont.ttf') format('truetype'),
       url('fonts/poppins-light-webfont.svg#poppinslight') format('svg');
  font-weight: normal;
  font-style: normal;

}
body { padding:0px; margin:0px; background:#fff; font-size:15px; color:#1a171b; line-height:20px; font-family: 'Museo 300'; letter-spacing:0px;  overflow-x:hidden; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #192432; text-decoration: none; }
div { margin: 0; padding: 0; }
p { font-size:15px; line-height:24px; padding:0px; margin:0px; color:#000000;  font-family: 'Museo 300'; /*letter-spacing:-0.5px;*/ }
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px; line-height: 30px; }
a { color: #192432; outline:none; }
/*a:hover { color: #979796; }*/
a:focus, :focus { outline:none; }
ul, ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}

.row { width:96%; margin:auto; padding:0px; }
#header .row { width:96%; margin:auto; /*padding:26px 3% 0;*/ padding:0; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s;}
header {float: left; border-top: 0 solid #b5dce1; left: 0; position: absolute; top:0; transition: all 0.3s ease-in-out 0s; width: 100%; z-index:99;margin-top: 15px; }
.request-btn { float:right;  margin:16px 15px 0 0; overflow:hidden;}
.request-btn a { float:right; color: #ffffff; /*text-transform:capitalize;*/ font-size: 16px; transition:all .5s ease; position:relative; border-radius: 50px; border: 1px solid #fff;padding:9px 24px;}
.request-btn a:hover { background:#f15a22;}
.request-btn a:hover:after { opacity:1; left:0;}
.request-btn-mbl { margin:16px 0px 0 0; float: left; width: 100%; text-align:center; display: none;}
.request-btn-mbl a { float: none; display: inline-block;color: #ffffff;font-size: 14px; line-height: 21px; transition:all .5s ease; position:relative; border-radius: 50px; border: 1px solid #fff;padding: 5px 22px; }
.request-btn-mbl a:hover { background:#f15a22;}

/*.request-btn a::after { position:absolute; content:""; left:-100%; bottom:0; border-bottom:1px solid #ffffff; width:100%; opacity:0; transition:all .5s ease;}
.request-btn a:hover:after { opacity:1; left:0;}*/ 
.right-header { float:right; padding:0;position: relative; right: 0; top: 25px; z-index:9999;  }
.site-brand { float:left; margin: 12px 0 0; }
.right-header .shop-cart-v2 a {  font-family: 'lato-regular';color:#FFF; font-size:18px; }
.right-header .shop-cart-v2 a img { margin-left:10px; vertical-align:middle; }
.scroll-btm { position:absolute; bottom:16px; width:100%; text-align:center; z-index:2; }
.about-us { float:left; width:100%; padding:45px 0 20px 0; text-align:center; background:url(../images/madeup.jpg) no-repeat; background-size:cover; background-attachment:fixed; height:651px; }
.about-us h1 { text-align:center; font-size:44px; line-height:48px; color:#313131; font-family: 'playfair_displayregular'; margin-bottom:20px; }
.about-us p { font-size:18px; line-height:28px; color:#494949; text-align:center;  font-family: 'lato-regular'; padding:0 12%; margin-bottom:20px; }
.about-us a.view-more { margin:0 auto; float:none; text-align:center; padding:6px 25px; background:#ddd; text-transform:uppercase; color:#313131;  font-family: 'lato-regular'; font-size:13px; margin-bottom:25x; display:inline-block; border:1px solid #333333; }
.about-us a.view-more:hover { background:#fff; }
.abt-lft { float:left; width:41%; margin-right:5%; position:relative; margin-left:5%; transition:all .5s ease;
-moz-transition:all .5s ease;
-webkit-transition:all .5s ease;
-o-transition:all .5s ease;
}
.abt-rgt { float:left; width:41%; position:relative; }
.abt-lft .cbp-so-side-Quality span { background: #b7ae5f none repeat scroll 0 0; bottom: 152px; color: #ffffff; font-family: "montserratbold"; font-size: 20px; left: 20px; letter-spacing: 0.5px; padding: 10px; position: absolute; z-index: 9;transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease; }
.abt-lft .cbp-so-side-Quality p { background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; bottom: 20px; float: left; font-size: 18px; left: 20px; margin-bottom: 0; padding: 45px 15px 15px; position: absolute; text-align: left; width: 248px; transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;}
.abt-rgt .cbp-so-side-Spinning span { background: #ED7D6F none repeat scroll 0 0; top: 20px; color: #ffffff; font-family: "montserratbold"; font-size: 20px; right: 153px; letter-spacing: 0.5px; padding: 10px; position: absolute; z-index: 9; -moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;}
.abt-rgt .cbp-so-side-Spinning p { background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; top: 20px; float: left; font-size:18px; right: 20px; margin-bottom: 0; padding: 45px 15px 15px; position: absolute; text-align: left; width: 248px; -moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;}
.weaving { float:left; width:100%; background:url(../images/weaving-bg2.jpg) no-repeat; background-size:cover; background-attachment:fixed; height:660px; }
.weaving .weav-cont { float:right; width:35%; margin-top:15%; margin-right:150px;  background:url(../images/weaving-shadow.png) no-repeat center; background-size:100%;}
.weaving .weav-cont h1 { font-size:52px; color:#fad297; font-family: 'playfair_displaybold'; line-height:52px; text-align:right; text-shadow:4px 4px 2px rgba(0, 0, 0, 1); }
.weaving .weav-cont p { color:#fff; letter-spacing:0.5px; margin-top:15px; text-align:right;font-size:22px; padding:0; line-height:32px;text-shadow:4px 4px 2px rgba(0, 0, 0, 1); }
.weaving .weav-cont p span { color:#86e7de;text-shadow:4px 4px 2px rgba(0, 0, 0, 1); }
/*---------- bubble tooltip -----------*/
.title.color1 > h2 { color: #e7b508; }
.title.color2 > h2 { color: #97cdee; }
.madeup { float:left; width:100%; background:url(../images/weave-bg2.jpg) no-repeat; background-size:cover; background-attachment:fixed; height:651px; }
.madeup .weav2-cont { float:left; width:35%; padding-top:15%; margin-left:150px; }
.madeup .weav2-cont h1 { font-size:52px; color:#fad297; font-family: 'playfair_displaybold'; line-height:52px; text-align:left; }
.madeup .weav2-cont p { color:#fff; letter-spacing:0.5px; margin-top:15px; text-align:left; }
.dedicate { float:left; width:100%; height:651px; }
.dedicate .dedi-cont { float:left; width:500px; padding-top:10%; margin-left:4%; }
.dedicate .dedi-cont h1 { font-size:52px; color:#fad297; font-family: 'playfair_displaybold'; line-height:52px; text-align:left; margin-top:15px; }
.dedicate .dedi-cont p { color:#fff; letter-spacing:0.5px; margin-top:15px; text-align:left; }
.saveearth { float:left; width:100%; height:651px; }
.saveearth.spining{ float:left; width:100%;  height:651px; }
.saveearth .saveearth-cont { float:right; width:50%; padding-top:8%; margin-right:50px; }
.saveearth .saveearth-cont h1 { font-size:52px; color:#76b15a; font-family: 'playfair_displaybold'; line-height:52px; text-align:right; }
.saveearth .saveearth-cont p { color:#fff; letter-spacing:0.5px; margin-top:15px; text-align:right; font-family: 'montserratlight'; }
.saveearth .saveearth-cont ul li { float:left; width:31.33%; margin-right:2%; overflow:hidden; }
.saveearth .saveearth-cont ul li:last-child { margin-right:0; }
.saveearth .saveearth-cont ul li:first-child p { color:#8ea474; font-size:20px; line-height:20px; }
.saveearth .saveearth-cont ul li:nth-child(2) p {
color:#89b6c6;
font-size:20px;
line-height:20px;
}
.saveearth .saveearth-cont ul li:last-child p { color:#f9983e; font-size:20px; line-height:20px; }
.saveearth .saveearth-cont ul li p { text-align:center; margin-top:10px; }
.saveearth .saveearth-cont ul { float:left; width:100%; margin-top:50px; }
.saveearth .saveearth-cont ul li:hover img { transform: scale(1.2); }
.saveearth .saveearth-cont ul li img { transition:all 1s ease 0s; float:left; width:100%; }
.saveearth .saveearth-cont ul li .imd-hov { float:left; overflow:hidden; width:100%; margin-bottom:15px; }

.saveearth .saveearth-cont.spining { float:left; width:50%; padding-top:8%; margin-left:50px; }
.saveearth .saveearth-cont.spining h1 { font-size:52px; color:#fed06b; font-family: 'playfair_displaybold'; line-height:52px; text-align:left; }
.saveearth .saveearth-cont.spining  p { color:#fff; letter-spacing:0.5px; margin-top:15px; text-align:left; font-family: 'montserratlight'; }
.saveearth .saveearth-cont.spining ul li p { color:#fed06b; letter-spacing:0.5px; margin-top:15px; text-align:center; font-family: 'montserratlight'; }

footer { float:left; width:100%; background:#f6f6f6; padding-top:25px; text-align:center; }
footer ul li { float:none; display:inline-block; color:#636363; font-family: 'montserratlight'; font-size:13px; margin-bottom:20px; }
footer ul li span { margin:0 5px; }
footer ul.social-links li { margin-right:15px; cursor:pointer; }
footer ul.social-links li.fb { background:url(../images/fb.png) no-repeat; height:28px; width:28px; }
footer ul.social-links li.tw { background:url(../images/twitter.png) no-repeat; height:26px; width:32px; }
footer ul.social-links li.go { background:url(../images/google.png) no-repeat; height:26px; width:30px; }
footer ul.social-links li.in { background:url(../images/indeed.png) no-repeat; height:26px; width:28px; }
footer ul.social-links li.yt { background:url(../images/yt.png) no-repeat; height:26px; width:26px; }
footer ul.social-links li.ig { background:url(../images/ig.png) no-repeat; height:26px; width:52px; }
footer ul.social-links li.go:hover, footer ul.social-links li.tw:hover, footer ul.social-links li.in:hover, footer ul.social-links li.yt:hover, footer ul.social-links li.ig:hover{ background-position:0 -26px; }
footer ul.social-links li.fb:hover { background-position:0 -28px; }
ul.social-links li { margin-right:15px; cursor:pointer; }
ul.social-links li.fb { background:url(../images/fb.png) no-repeat; height:28px; width:30px; }
ul.social-links li.tw { background:url(../images/twitter.png) no-repeat; height:26px; width:32px; }
ul.social-links li.go { background:url(../images/google.png) no-repeat; height:26px; width:30px; }
ul.social-links li.in { background:url(../images/indeed.png) no-repeat; height:26px; width:30px; }
ul.social-links li.yt { background:url(../images/yt.png) no-repeat; height:26px; width:30px; }
ul.social-links li.ig { background:url(../images/ig.png) no-repeat; height:26px; width:30px; }
ul.social-links li.go:hover, ul.social-links li.tw:hover, ul.social-links li.in:hover, ul.social-links li.yt:hover, ul.social-links li.ig:hover { background-position:0 -26px; }
ul.social-links li.fb:hover { background-position:0 -28px; }
footer .copyright { float:left; width:100%; border-top:1px solid #dcdcdc; padding:1% 0; }
footer .copyright p { color:#636363; font-family: 'montserratlight'; font-size:13px; }
footer ul li a:hover { border-bottom:1px solid #636363; color:#000; }
footer ul.social-links li a:hover { border-bottom:none; opacity:0.8; }
.shop-item { position: fixed; z-index: 9999999; right: -360px; top: 0px; bottom: 0; visibility: hidden; width: 250px; height: 100%; overflow-y: auto; height: calc(100vh - 0px); background: rgba( 0, 0, 0, 0.8); -webkit-transition: all 0.8s ease-in-out 0s; -moz-transition: all 0.8s ease-in-out 0s; -ms-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; padding:10px 20px; }
.shop-item.open { z-index: 1; right: 0; visibility: visible; top:0; }
.right-header .shop-cart-v2 .widget_shopping_cart_content a { font-family: 'montserratlight'; font-size:16px; color:#666; }
 ul.mainmenu li{ float:left; width:100%; padding:1%; margin-bottom:10px; border-bottom:1px solid #f5f2ff6b; padding-bottom:10px; animation-name: fadeInDown;
animation-duration: 1s;
    animation-fill-mode: both;}
ul.mainmenu li a{color:#FFF;}
ul.mainmenu li:first-child { background: rgba(0, 0, 0, 0) url("../images/menu-home-wt.png") no-repeat left 4px;  }
ul.mainmenu li:nth-child(2){ background: rgba(0, 0, 0, 0) url("../images/menu-abt-wt.png") no-repeat scroll 0 0;  }
ul.mainmenu li:nth-child(3){ background: rgba(0, 0, 0, 0) url("../images/menu-infra-wt.png") no-repeat scroll 0 0;  }
   /*ul.mainmenu li:nth-child(4){ background: rgba(0, 0, 0, 0) url("../images/menu-spin-wt.png") no-repeat scroll 0 0;  }*/
ul.mainmenu li:nth-child(4){ background: rgba(0, 0, 0, 0) url("../images/menu-qualit-wt.png") no-repeat scroll 0 0;  }
ul.mainmenu li:nth-child(5){ background: rgba(0, 0, 0, 0) url("../images/menu-com-wt.png") no-repeat scroll 0 0;  }
ul.mainmenu li:nth-child(6){ background: rgba(0, 0, 0, 0) url("../images/menu-reco-wt.png") no-repeat scroll 0 0;  }
ul.mainmenu li:nth-child(7){ background: rgba(0, 0, 0, 0) url("../images/menu-csr-wt.png") no-repeat scroll 0 0;  }
ul.mainmenu li:nth-child(8){ background: rgba(0, 0, 0, 0) url("../images/menu-gallery-wt.png") no-repeat scroll 0 0;  }
ul.mainmenu li:nth-child(9){ background: rgba(0, 0, 0, 0) url("../images/menu-cnt-wt.png") no-repeat scroll 0 0;  }
	   
ul.mainmenu li:hover a{ color:#FED06B;}   
ul.mainmenu li:first-child:hover { background: rgba(0, 0, 0, 0) url("../images/menu-home-wt-h.png") no-repeat left 4px;  }
ul.mainmenu li:nth-child(2):hover{ background: rgba(0, 0, 0, 0) url("../images/menu-abt-wt-h.png") no-repeat scroll 0 0;  }
ul.mainmenu li.act { background: rgba(0, 0, 0, 0) url("../images/menu-abt-wt-h.png") no-repeat scroll 0 0; }
ul.mainmenu li.act a { color:#FED06B;}  
ul.mainmenu li.gal { background: rgba(0, 0, 0, 0) url("../images/menu-gallery-wt-h.png") no-repeat scroll 0 0; }
ul.mainmenu li.gal a { color:#FED06B;} 

ul.mainmenu li.infra { background: rgba(0, 0, 0, 0) url("../images/menu-infra-wt-h.png") no-repeat scroll 0 0; }
ul.mainmenu li.infra a { color:#FED06B;} 

ul.mainmenu li.comm { background: rgba(0, 0, 0, 0) url("../images/menu-com-wt-h.png") no-repeat scroll 0 0; }
ul.mainmenu li.comm a { color:#FED06B;} 

ul.mainmenu li.conta { background: rgba(0, 0, 0, 0) url("../images/menu-cnt-wt-h.png") no-repeat scroll 0 0; }
ul.mainmenu li.conta a { color:#FED06B;} 

ul.mainmenu li.recog { background: rgba(0, 0, 0, 0) url("../images/menu-reco-wt-h.png") no-repeat scroll 0 0; }
ul.mainmenu li.recog a { color:#FED06B;} 

ul.mainmenu li.m-qty { background: rgba(0, 0, 0, 0) url("../images/menu-qualit-wt-h.png") no-repeat scroll 0 0; }
ul.mainmenu li.m-qty a { color:#FED06B;} 

ul.mainmenu li.csr { background: rgba(0, 0, 0, 0) url("../images/menu-csr-wt-h.png") no-repeat scroll 0 0; }
ul.mainmenu li.csr a { color:#FED06B;} 

ul.mainmenu li.h-mnu { background: rgba(0, 0, 0, 0) url("../images/menu-home-wt-h.png") no-repeat  left 4px; }
ul.mainmenu li.h-mnu a { color:#FED06B;} 

ul.mainmenu li:nth-child(3):hover{ background: rgba(0, 0, 0, 0) url("../images/menu-infra-wt-h.png") no-repeat scroll 0 0;  }
   /*ul.mainmenu li:nth-child(4){ background: rgba(0, 0, 0, 0) url("../images/menu-spin-wt.png") no-repeat scroll 0 0;  }*/
ul.mainmenu li:nth-child(4):hover{ background: rgba(0, 0, 0, 0) url("../images/menu-qualit-wt-h.png") no-repeat scroll 0 0;  }
ul.mainmenu li:nth-child(5):hover{ background: rgba(0, 0, 0, 0) url("../images/menu-com-wt-h.png") no-repeat scroll 0 0;  }
ul.mainmenu li:nth-child(6):hover{ background: rgba(0, 0, 0, 0) url("../images/menu-reco-wt-h.png") no-repeat scroll 0 0;  }
ul.mainmenu li:nth-child(7):hover{ background: rgba(0, 0, 0, 0) url("../images/menu-csr-wt-h.png") no-repeat scroll 0 0;  }
ul.mainmenu li:nth-child(8):hover{ background: rgba(0, 0, 0, 0) url("../images/menu-gallery-wt-h.png") no-repeat scroll 0 0;  }
ul.mainmenu li:nth-child(9):hover{ background: rgba(0, 0, 0, 0) url("../images/menu-cnt-wt-h.png") no-repeat scroll 0 0;  }

 ul.mainmenu li{ padding-left:32px;}
 ul.mainmenu li.active{ padding-left:20px;}
 ul.mainmenu li:hover{ }
 ul.social-links li { float:none; display:inline-block; width:10px; margin-right:10px; }
 ul.social-links { float:left; width:100%; margin-top:10px; }
.scroll-btm .bounce { background: rgba(0, 0, 0, 0) url("../images/scroll-bg.png") no-repeat scroll center top; height: 38px; margin: 15px auto 0; padding: 5px; text-align: center; width: 25px; }
.scroll-btm .bounce .cbp-so-section.cbp-so-animate { animation: 1.5s ease 0s normal none infinite running bounce; height: 26px; transform: translateY(0px); }
.menu-cl { float: right; cursor:pointer; }
.widget_shopping_cart_content { float:left; }
.banner-home { position:relative; }
.map { float:left; width:100%; }
.welcome-txt { float: left; margin-bottom: 20px; width: 100%; }
.item-ico { position:absolute; background:url(../img/item-ico-bg.png) no-repeat center; top:-50px; left:50%; margin-left:-50px; width:100px; height:100px; padding:14px 0 0 14px; }
.item-ico-mobile { position:absolute; top:50%; left:50%; margin:-90px 0 0 -70px; width:80px; height:80px;padding:1px; }
.item-ico img, .item-ico-mobile img { float:left; }
.scl-ban-img { }
.flexslider .slides li .scl-ban-img ul li img { width:auto; }
.flexslider .slides li .scl-ban-img ul li { float:none; margin:15px auto; text-align:center; display:inline-block; margin-right:2%;   }
.cbp-so-side.cbp-so-side-Spinning { position:absolute; top:0; right:0; }
.flexslider .slides li .scl-ban-img ul li:last-child { margin-right:0; }
.abt-lft:hover span { background:#fff; color:#B7AE5F; }
.abt-lft:hover p { background:#B7AE5F; color:#fff; }
.abt-rgt:hover span { background:#fff; color:#ED7D6F; }
.abt-rgt:hover p { background:#ED7D6F; color:#fff; }

.flex-caption.cap-clr h1{color:#fff; margin-top:45px; padding:20px 15px; font-size:48px; line-height:50px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}
.flex-caption.cap-clr{top:320px; left:0; }
.flex-caption.cap-clr.cap-clr2{top:320px; left:0; width:68%;}
.flex-caption.flex-cntr{text-align:center; width:55%; left:0; top:420px; margin:0 auto; right:0;}
.flex-caption.flex-cntr h1{color:#fff; margin-top:45px; padding:20px 15px; font-size:48px; line-height:50px;}
.scl-ban-img h1{  padding:20px 15px; font-size:48px; line-height:50px;}


#cbp-so-scroller li { list-style:none; }
.setting-wrap .main-menu { display:block; margin-left:0; width:100%; text-align:left; }
.parallax-count li { padding:16px 0; }
.parallax-count a { float:left; height:22px; width:22px;/* border:1px solid #9c7a48; box-shadow:0 0 6px 2px #444; */ background:url(../images/banner-dot.png) no-repeat;  }
.parallax-count a:hover {background:url(../images/banner-dot-active.png) no-repeat;}
.parallax-count ul li.active a { background:url(../images/banner-dot-active.png) no-repeat; }
.right-header .icon i:hover { color:#FCA230; }/*#b99867*/
.logo > img { float: left;}
.filter-menu .tabs { margin-bottom:0px !important; }
.filter-menu .tabs.tab-height { height:120px; overflow:auto; }
.filter-menu .tabs li a { display:inline-block; width: 93%; margin-top: 2px; }
.filter-menu .tabs.tab-height li a { width:91% !important; }
.filter-menu .tabs li input[type="checkbox"] { float:left; margin-right:5px; margin-top:7px; }
.main-slider .title span.rupee-symbol { font-family: 'rupee_foradianregular'; }
.service-number input[type="submit"] { background:#757575; border:none; color:#fff; font-size:15px; cursor:pointer; font-family: 'Merriweather', serif; width:100px; height:40px; border-radius:4px; font-weight:bold; margin-left:5px; }
.service-number input[type="submit"]:hover { background:#b99867; color:#fff; }
.service-text { display:block; color:#b99867; margin-left:55px; font-size:14px; }
.shipping { margin-top:5px; }
.shipping input[type=text] { border: 1px solid #757575; padding: 5px 10px; font-size: 14px; color: #bfbfbf; border-radius: 0; width:125px; }
.shipping input[type="submit"] { background:#757575; border:none; color:#fff; font-size:13px; cursor:pointer; font-family: 'Merriweather', serif; width:85px; height:36px; border-radius:4px; font-weight:bold; margin-left:5px; }
.shipping input[type="submit"]:hover { background:#004875; color:#fff; }
.selectall { display:block; background: #efefef; padding: 6px 12px; color:#000; text-transform:uppercase; margin-bottom: 5px; }
.selectall input[type="checkbox"] { margin-right:5px; float: left; }
.filter-menu .tabs li a.active { color: #b5b5b5; }
.home-title.margbtm { margin-bottom:0px; }
.product_search { float:left; width:100%; position:relative; }
.product_search .fa-search { position:absolute; top:10px; right:22px; cursor:pointer; color:#373737; }
.product_search input[type="text"] { float:right; border: solid 1px #e7e7e7; height: 35px; width: 250px; margin-right: 14px; margin-bottom: 20px; color: #b5b5b5; }
.subtitle.subtitle2.second-para { color: #130b0b; font-family: 'Merriweather', serif; font-size: 15px; font-weight: 300; line-height: 28px; }
.title.color2 > h2 { color: #97cdee; }
.title.color1 h2.second-txt { font-family: 'Merriweather', serif; font-size: 70px; color: #130b0b; font-weight: 700; }
.title.color1 h2.second-txt span { border: medium none; color: #130b0b; display: inline; font-size: 70px; font-weight: 300; left: 0; padding: 0; position: relative; top: 0; }
.left { width: 102px; }

.flex-control-nav, .flex-direction-nav {  }
/*---------- bubble tooltip -----------*/
.title.color1 > h2 { color: #e7b508; }
.title.color2 > h2 { color: #97cdee; }
/* FlexSlider Default Theme
*********************************/

.flexslider .slides > li { position: relative; /*background-position:center center; background-repeat:no-repeat; background-size:cover;*/ }
.flexslider .slides li { /*height:642px; background-repeat:no-repeat; background-position:center; background-size:cover;*/ }
.flexslider .slides li img { width:100%; float:left; }
.parallax-count { position: fixed; top:200px; right: 30px; z-index:9; }
.parallax-count > * { display: block; }
.parallax-count li { list-style:none; padding-bottom:15px; }
.parallax-count .prev, .parallax-count .next { background:url("../images/arrow-bg.png") no-repeat; height: 60px; width: 30px; border: 0px solid #888888; text-align: center; line-height: 56px; font-size: 18px; cursor: pointer; margin-left: 6px; float:left; }
.parallax-count .prev:hover, .parallax-count .next:hover { background:url("../images/arrow-bg-hover.png") no-repeat; border: 0px solid #9c7a48; transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; }
 .parallax-count .prev:hover .fa-long-arrow-up::before {
color:#fff;
}
.parallax-count .next:hover .fa-long-arrow-down::before {
color:#fff;
}
.parallax-count .count { font-size: 18px; font-family: "Montserrat", sans-serif; margin: 15px 0; color:#000; background-color: rgba(185, 152, 103, 0.8); padding: 2px 5px; }
.parallax-count .count em { font-style: normal; color: #fff; }
#section5 .parallax-content { top: 0; right: auto; transform: none; -moz-transform: none; -ms-transform: none; -webkit-transform: none; -o-transform: none; }
#section5 .parallax-content .title { width: 100%; }
.home7 .site-footer .footer-widget { border-top: none; }

#section4 { height:auto!important; }

/*#section2 { }
#section3 {   height:651px;}
#section4 {  height:651px; }
#section5 { height:643px;  }
#section6 { height:651px; }
#section8 { height:651px;  }
#section7{height:651px;}*/
.flex-caption.frst-sld{top:360px; left:0 ;width:45%; }
.flex-caption.frst-sld h1{ font-size:55px; padding-left:12%; line-height:60px; padding:20px;}

.parallax-inner-section{float:left; width:100%;}
.flex-caption img{position:absolute; top:0; left:0;}

.shop-item.menu-open{visibility:visible; right:0;}

@keyframes fadeInDown {
0% {
    opacity: 0;
    transform: translate3d(0px, -100%, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInDown {
    animation-name: fadeInDown;
animation-duration: 1s;
    animation-fill-mode: both;
}

/*.sticky-wrapper { float:left; width:100%; z-index:999; position:absolute; top:0px; }
.is-sticky header .head-menu{padding:0px 0px; }*/
.is-sticky .header-sticky { background:rgba(0,0,0,0.7); padding:10px 0; z-index:999;}
#header .is-sticky .header-sticky .row { padding:0px 3% 0; }
.is-sticky .header-sticky .logo  { width:220px;}
.is-sticky .header-sticky .logo a { line-height:0; float:left;}
.is-sticky .header-sticky .logo img { width:100%;}
.is-sticky .header-sticky .right-header { padding:16px 0 0;}

/* inner page css */
#header .inn-caption .row { padding-top: 0;}
.header-sticky { position:relative; z-index:1;}
.row2 { width:1170px; margin:0 auto;}
.logo { float:left;}
.infra-banner { float:left; width:100%; position:relative; background:url(../images/infra-banner.jpg) no-repeat left; background-size:cover; min-height:340px; /*z-index:11;*/}
.infra-banner:after { position:absolute; display:block; content:""; left:0; top:0; width:100%; height:100%;  /* z-index:-1;*/
background: rgba(0,0,0,0.75);
background: -moz-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.11) 66%, rgba(38,38,38,0.06) 71%, rgba(255,255,255,0.06) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.75)), color-stop(66%, rgba(0,0,0,0.11)), color-stop(71%, rgba(38,38,38,0.06)), color-stop(100%, rgba(255,255,255,0.06)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.11) 66%, rgba(38,38,38,0.06) 71%, rgba(255,255,255,0.06) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.11) 66%, rgba(38,38,38,0.06) 71%, rgba(255,255,255,0.06) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.11) 66%, rgba(38,38,38,0.06) 71%, rgba(255,255,255,0.06) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.11) 66%, rgba(38,38,38,0.06) 71%, rgba(255,255,255,0.06) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1 );}

.inn-caption { float:left; width:100%; margin:50px 0 0 0; position:relative; z-index:1;}
.inn-caption h1 { font-size:60px; color:#fff;  font-family: 'playfair_displayregular'; line-height:68px;/* animation: type 6s steps(60, end); overflow:hidden;  white-space: nowrap;*/ width: 100%; animation: left-rht 1.5s ease; -webkit-animation: left-rht 1.5s ease; -moz-animation: left-rht 1.5s ease;}

@keyframes left-rht{
   0%{ transform:translateX(-400px); opacity:0;}	
   50%{ transform:translateX(-400px);  opacity:0;}	
   100%{ transform:translateX(0px);  opacity:1;}	
}

@-webkit-keyframes left-rht{
   0%{ -webkit-transform:translateX(-400px); opacity:0;}	
   50%{ -webkit-transform:translateX(-400px);  opacity:0;}	
   100%{ -webkit-transform:translateX(00px);  opacity:1;}	
}

@-moz-keyframes left-rht{
   0%{ -moz-transform:translateX(-400px); opacity:0;}	
   50%{ -moz-transform:translateX(-400px);  opacity:0;}	
   100%{ -moz-transform:translateX(00px);  opacity:1;}	
}

/*@keyframes type{ 
  from { width: 0; } 
}
@-webkit-keyframes type{ 
  from { width: 0; } 
}
@-moz-keyframes type{ 
  from { width: 0; } 
}*/

.breadcrumb { float:left; background:#fff; padding:5px 15px; font-size:14px; font-family: 'montserratlight'; color:#585858; letter-spacing:0.5px;margin:15px 0 0 0; animation: breadcrumb 2s ease; -webkit-animation: breadcrumb 2s ease; -moz-animation: breadcrumb 2s ease;}
@keyframes breadcrumb{
   0%{ transform:translateX(400px); opacity:0;}	
   50%{ transform:translateX(400px);  opacity:0;}	
   100%{ transform:translateX(0px);  opacity:1;}	
}

@-webkit-keyframes breadcrumb{
   0%{ -webkit-transform:translateX(400px); opacity:0;}	
   50%{ -webkit-transform:translateX(400px);  opacity:0;}	
   100%{ -webkit-transform:translateX(00px);  opacity:1;}	
}

@-moz-keyframes breadcrumb{
   0%{ -moz-transform:translateX(400px); opacity:0;}	
   50%{ -moz-transform:translateX(400px);  opacity:0;}	
   100%{ -moz-transform:translateX(00px);  opacity:1;}	
}


.breadcrumb a.home-ico { background:url(../images/home-ico.png) no-repeat 0 4px; height:20px; width:12px; float:left;}
.breadcrumb ul li { background:url(../images/breadcrumb-arrow.png) no-repeat right 6px; float:left; padding-right:14px; margin-right:8px;}
.breadcrumb ul li:last-child { margin:0; padding:0; background:none;}
.breadcrumb ul li a:hover { background-position:0 -13px;}

.tab-section { float:left; width:100%; position:relative; z-index:11; margin:-60px 0 0 0;}
.resp-tab-content h1 { font-size:36px; color:#36246c;  font-family: 'playfair_displaybold'; background:url(../images/title-bg.png) no-repeat bottom center; line-height:40px; padding-bottom:25px; margin:0px 0 25px; /*animation: slidelft 3s ease; -webkit-animation: slidelft 3s ease; -moz-animation: slidelft 3s ease; -o-animation: slidelft 3s ease;*/}

.resp-tab-content.resp-tab-content-active h1 { animation: slidelft 1.2s ease; -webkit-animation: slidelft 1.2s ease; -moz-animation: slidelft 1.2s ease; -o-animation: slidelft 1.2s ease;}

.resp-tab-content.resp-tab-content-active  p { animation: sliderht 1.6s ease; -webkit-animation: sliderht 1.6s ease; -moz-animation: sliderht 1.6s ease; -o-animation: sliderht 1.6s ease;}

.img-pad { float:left; width:100%; position:relative;}
.img-pad img { float:left;}
.img-cap { position:absolute; bottom:5%; right:2%; background:#fff; width:450px;} 
.tab-section .img-cap p { font-size:18px; color:#000; font-family: 'montserratlight'; text-align:left; padding:25px 35px; margin:0; animation:none; line-height:26px;}
.img-cap p span {font-size:31px; color:#000; font-family: 'montserratbold'; display:inline; line-height:40px;}
.img-cap p span.red { color:#c22026;}

.list { float:left; width:100%; margin:40px 0 0 0; padding:0px ;}
.list h3 { font-size:24px; color:#000; font-family: 'montserratbold'; text-align:left; margin-bottom:25px; letter-spacing:1px;}
.list ul { float:left; width:100%; margin-bottom:0px;}
.list ul li { float:left; width:31%; margin-right:3%; position:relative; overflow:hidden;}
.list.start-animation { overflow:hidden;}
.list.start-animation ul li:first-child { animation:list1 1s ease; -webkit-animation:list1 1s ease; -moz-animation:list1 1s ease; -o-animation:list1 1s ease;}
.list.start-animation ul li:nth-child(2) { animation:list1 1.4s ease; -webkit-animation:list1 1.4s ease; -moz-animation:list1 1.4s ease; -o-animation:list1 1.4s ease;}

.list.start-animation ul li:nth-child(3) { animation:list1 1.8s ease; -webkit-animation:list1 1.8s ease; -moz-animation:list1 1.8s ease; -o-animation:list1 1.8s ease;}

@keyframes list1
{
0%{ opacity:0;  -moz-transform: translateY(250px); -webkit-transform: translateY(250px); -o-transform: translateY(250px); transform: translateY(250px);}
60%{ opacity:0;  -moz-transform: translateY(250px); -webkit-transform: translateY(250px); -o-transform: translateY(250px); transform: translateY(250px);}	
100%{ opacity:1;  -moz-transform: translateY(0%);-webkit-transform: translateY(0%);-o-transform: translateY(0%);transform: translateY(0%);}
}

.para-list.start-animation  li:first-child { animation:slideinlft 1s ease; -webkit-animation:slideinlft 1s ease; -moz-animation:slideinlft 1s ease; -o-animation:slideinlft 1s ease;}

.para-list.start-animation  li:nth-child(2) { animation:slideinrht 1.4s ease; -webkit-animation:slideinrht 1.4s ease; -moz-animation:slideinrht 1.4s ease; -o-animation:slideinrht 1.4s ease;}

.yarn-pad.start-animation  .yarn-lft { animation:slideinlft 1s ease; -webkit-animation:slideinlft 1s ease; -moz-animation:slideinlft 1s ease; -o-animation:slideinlft 1s ease;}

.yarn-pad.start-animation  .yarn-list { animation:slideinrht 1.4s ease; -webkit-animation:slideinrht 1.4s ease; -moz-animation:slideinrht 1.4s ease; -o-animation:slideinrht 1.4s ease;}

/*.tab-cont.start-animation h1 { animation:slideinlft 1s ease; -webkit-animation:slideinlft 1s ease; -moz-animation:slideinlft 1s ease; -o-animation:slideinlft 1s ease;}

.tab-cont.start-animation p { animation:slideinrht 1.4s ease; -webkit-animation:slideinrht 1.4s ease; -moz-animation:slideinrht 1.4s ease; -o-animation:slideinrht 1.4s ease;}*/

.para.start-animation { animation:slideinrht 1.4s ease; -webkit-animation:slideinrht 1.4s ease; -moz-animation:slideinrht 1.4s ease; -o-animation:slideinrht 1.4s ease;}

@keyframes slideinlft
{
0%{ opacity:0;  -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
60%{ opacity:0;  -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}	
100%{ opacity:1;  -moz-transform: translateX(0%);-webkit-transform: translateX(0%);-o-transform: translateX(0%);transform: translateX(0%);}
}

@keyframes slideinrht
{
0%{ opacity:0;  -moz-transform: translateX(50%); -webkit-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%);}
60%{ opacity:0;  -moz-transform: translateX(50%); -webkit-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%);}	
100%{ opacity:1;  -moz-transform: translateX(0%);-webkit-transform: translateX(0%);-o-transform: translateX(0%);transform: translateX(0%);}
}

.list ul li h2 { color:#36246c; font-size:24px; font-family: 'playfair_displaybold'; letter-spacing:0.5px; background:rgba(255,255,255,0.9); position:absolute; bottom:5%; left:0; right:0; margin:0 auto; width:86%; line-height:45px;}
.list ul li img { float:left; width:100%;  transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.list ul li:hover img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);}
.list ul li:last-child { margin-right:0;}

.para-list { float:left; width:100%; margin:40px 0;}
.para-list li { float:left; width:48%; margin-right:4%; text-align:left; font-size:16px; color:#414141; font-family: 'montserratlight'; line-height:26px; letter-spacing:0.5px;}
.para-list li:last-child { margin-right:0;}

.yarn-pad { float:left; width:100%; background:#f2f2f2; padding:30px; text-align:left;}
.yarn-pad h2 { font-size:29px; color:#636363; font-family: 'montserratbold'; text-transform:uppercase; margin-bottom:20px;}

.yarn-lft { float:left; margin-right:40px; width:49%; overflow:hidden;}
.yarn-lft img { float:left; width:100%; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
/*.yarn-pad:hover .yarn-lft img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);}*/
.yarn-list { float:left; width:44%;}
.yarn-list ul li { float:left; width:100%; margin-bottom:25px;}
.yarn-list ul li h4 { color:#c4282e; font-size:22px; font-family: 'montserratbold'; margin-bottom:10px;}
.yarn-list ul li p { margin:0; padding:0; font-size:17px; color:#414141; font-family: 'montserratlight';  animation:none;}
.para { float:left; width:100%; padding:40px 0}
.tab-section .para p { margin:0; padding:0px 50px; font-size:16px; color:#000; font-family: 'montserratlight'; line-height:26px;}

.yarn-pad.fabrics { background:none; padding:0;}
.yarn-pad.fabrics .yarn-list { padding:40px 0 0 0;}
.yarn-pad.fabrics .yarn-list h3 { font-size:26px; font-family: 'montserratbold'; color:#000; margin-bottom:15px;}
.yarn-pad.fabrics .yarn-list p { padding:0; font-size:16px; color:#414141; font-family: 'montserratlight'; margin:0 0 15px 0; line-height:26px;}

.infra-banner.quality-ban { float:left; width:100%; position:relative; background:url(../images/quality-banner.jpg) no-repeat left; background-size:cover; min-height:340px; /*z-index:11;*/}
.infra-banner.recog-ban { background:url(../images/recognition-banner.jpg) no-repeat left; background-size:cover; /*z-index:11;*/}
.infra-banner.csr-ban { background:url(../images/csr-banner.jpg) no-repeat left; background-size:cover; /*z-index:11;*/}


.tab-section.inner-cont { margin:0; text-align:center; padding:40px 0;}
.inner-cont h1 { font-size:36px; color:#36246c;  font-family: 'playfair_displaybold'; background:url(../images/title-bg.png) no-repeat bottom center; line-height:40px; padding-bottom:25px; margin:0px 0 25px; animation: slidelft 2.5s ease; -webkit-animation: slidelft 2.5s ease; -moz-animation: slidelft 2.5s ease; -o-animation: slidelft 2.5s ease;}

.img-pad { float:left; width:100%; position:relative; overflow:hidden;}
.img-pad img { float:left;  transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.img-pad:hover .img-cap { background:#D65C44;}
.img-pad:hover .img-cap p { color:#fff;}
.img-pad:hover .img-cap span { color:#fff;}
.img-pad:hover img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);}


.img-cap { position:absolute; bottom:5%; right:2%; background:#fff; width:450px; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;} 
.tab-section .img-cap p { font-size:18px; color:#000; font-family: 'montserratlight'; text-align:left; padding:25px 35px; margin:0; animation:none; line-height:26px;}
.img-cap p span {font-size:31px; color:#000; font-family: 'montserratbold'; display:inline; line-height:40px;}
.img-cap p span.red { color:#c22026;}

.inner-cont p { font-size:16px; color:#414141; font-family: 'montserratlight'; line-height:26px; /*transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;  animation: slideleft1 0.7s ease;  -webkit-animation: slideleft1 0.7s ease; -moz-animation: slideleft1 0.7s ease; -o-animation: slideleft1 0.7s ease;*/ padding:0 8px;	letter-spacing:0.3px; margin-bottom:30px;  animation:slideinrht 3s ease; -webkit-animation:slideinrht 3s ease; -moz-animation:slideinrht 3s ease; -o-animation:slideinrht 3s ease;}

.img-cap.qty-pad { background:rgba(196,40,46,0.8);}
.img-cap.qty-pad { bottom:0; right:0; width:auto; padding:18px 30px;}
.img-cap.qty-pad p { padding:0;}
.tab-section.inner-cont .tab-cont p.para-lft { text-align:left; margin:30px 0; display:inline-block; padding:0; animation:none;}
.img-cap.qty-pad p span { color:#fff; font-size:32px; font-family: 'montserratbold';}

.tab-section.inner-cont .tab-cont p.para-lft.start-animation { animation:slideinrht 1s ease; -webkit-animation:slideinrht 1s ease; -moz-animation:slideinrht 1s ease; -o-animation:slideinrht 1s ease; }

/*.inner-cont .tab-cont.start-animation h1 { animation:slideinlft 1.2s ease; -webkit-animation:slideinlft 1.2s ease; -moz-animation:slideinlft 1.2s ease; -o-animation:slideinlft 1.2s ease;}

.tab-section.inner-cont .tab-cont.start-animation p { animation:slideinrht 1.4s ease; -webkit-animation:slideinrht 1.4s ease; -moz-animation:slideinrht 1.4s ease; -o-animation:slideinrht 1.4s ease;}*/

.yarn-pad.qty-bg { background:url(../images/qty-bg.jpg) repeat left; padding:35px;}
.yarn-pad.qty-bg p { color:#fff; font-size:16px;}
.yarn-pad.qty-bg .yarn-list { padding:40px 0 0 0;}
.yarn-pad.qty-bg .yarn-list ul li { float:left; width:auto; margin:0 20px 0 0; background:none;}
.yarn-pad.qty-bg .yarn-list ul li img { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}

.yarn-pad.qty-bg .yarn-list ul li:hover img { transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg);}

#recognition.owl-carousel .owl-item { background:#f5f5f5;}
#recognition.owl-carousel .owl-item:after { position:absolute; border:10px solid #e3e3e3; left:0; top:0; display:block; content:""; width:100%; height:100%; z-index:-1;}
.award-lft { float:left; width:32%; position:relative;z-index:1;}
.award-rht { float:left; width:68%; padding:6% 0 6% 6%; text-align:left;}
.award-rht h1 { font-size:34px; color:#000; font-family: 'montserratbold'; background:none; margin:0 0 20px 0; padding:0; line-height:44px; animation:none;}
.award-rht h1 span { display:block; color:#000;}
.award-rht p { font-size:21px; color:#414141; font-family: 'montserratlight'; padding:0; margin:0 0 30px 0; line-height:28px; animation:none;}
.award-rht h4 { color:#c22026;  font-family: 'montserratbold'; font-size:25px;}

.logo-pad { float:left; width:100%; padding:20px 0;
background: rgba(248,248,248,1);
background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(231,231,231,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,248,248,1)), color-stop(100%, rgba(231,231,231,1)));
background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(231,231,231,1) 100%);
background: -o-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(231,231,231,1) 100%);
background: -ms-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(231,231,231,1) 100%);
background: linear-gradient(to bottom, rgba(248,248,248,1) 0%, rgba(231,231,231,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#e7e7e7', GradientType=0 );
/*background: rgba(224,224,224,1);
background: -moz-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(250,250,250,1) 29%, rgba(250,250,250,1) 72%, rgba(235,235,235,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(224,224,224,1)), color-stop(29%, rgba(250,250,250,1)), color-stop(72%, rgba(250,250,250,1)), color-stop(100%, rgba(235,235,235,1)));
background: -webkit-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(250,250,250,1) 29%, rgba(250,250,250,1) 72%, rgba(235,235,235,1) 100%);
background: -o-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(250,250,250,1) 29%, rgba(250,250,250,1) 72%, rgba(235,235,235,1) 100%);
background: -ms-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(250,250,250,1) 29%, rgba(250,250,250,1) 72%, rgba(235,235,235,1) 100%);*/
}

.tab-section.inner-cont .tab-cont h3 { font-size:24px; color:#000; font-family: 'montserratbold'; letter-spacing:0.5px; text-align:left; line-height:36px; margin-bottom:30px; animation:sliderht 2.5s ease; -webkit-animation: sliderht 2.5s ease; -moz-animation: sliderht 2.5s ease; -o-animation: sliderht 2.5s ease;}

.tab-section.inner-cont .tab-cont h3 span { text-align:left; margin:0; padding:0; font-size:16px; color:#414141; font-family: 'montserratlight'; display:block;} 
.tab-section.inner-cont ul { float:left; width:100%; margin-bottom:10px;}
.tab-section.inner-cont ul.corporate { margin:0;}
.tab-section.inner-cont ul li { float:left; width:100%; background:#f2f2f2;}
.tab-section.inner-cont ul li .s-lft { float:left; width:50%; overflow:hidden; animation:none;}

.tab-cont.start-animation ul li:first-child .s-lft { animation:slideinlft 1s ease; -webkit-animation:slideinlft 1s ease; -moz-animation:slideinlft 1s ease; -o-animation:slideinlft 1s ease;}

.tab-cont.start-animation ul li:first-child .s-rht { animation:slideinrht 1.4s ease; -webkit-animation:slideinrht 1.4s ease; -moz-animation:slideinrht 1.4s ease; -o-animation:slideinrht 1.4s ease;}

.tab-cont.start-animation ul li:nth-child(2) .s-lft { animation:slideinrht 1.8s ease; -webkit-animation:slideinrht 1.8s ease; -moz-animation:slideinrht 1.8s ease; -o-animation:slideinrht 1.8s ease;}

.tab-cont.start-animation ul li:nth-child(2) .s-rht { animation:slideinlft 2.2s ease; -webkit-animation:slideinlft 2.2s ease; -moz-animation:slideinlft 2.2s ease; -o-animation:slideinlft 2.2s ease;}

.tab-cont.start-animation ul li:nth-child(3) .s-lft { animation:slideinlft 2.6s ease; -webkit-animation:slideinlft 2.6s ease; -moz-animation:slideinlft 2.6s ease; -o-animation:slideinlft 2.6s ease;}

.tab-cont.start-animation ul li:nth-child(3) .s-rht { animation:slideinrht 2.8s ease; -webkit-animation:slideinrht 2.8s ease; -moz-animation:slideinrht 2.8s ease; -o-animation:slideinrht 2.8s ease;}

.tab-cont.start-animation ul li:nth-child(4) .s-lft { animation:slideinrht 3.3s ease; -webkit-animation:slideinrht 3.3s ease; -moz-animation:slideinrht 3.3s ease; -o-animation:slideinrht 3.3s ease;}

.tab-cont.start-animation ul li:nth-child(4) .s-rht { animation:slideinlft 3.8s ease; -webkit-animation:slideinlft 3.8s ease; -moz-animation:slideinlft 3.8s ease; -o-animation:slideinlft 3.8s ease;}

.corporate-list { float:left; width:100%; margin:30px 0 0 0;}
.corporate-list h1 {animation:none;}
.corporate-list.start-animation h1 { animation:slideinlft 1s ease; -webkit-animation:slideinlft 1s ease; -moz-animation:slideinlft 1s ease; -o-animation:slideinlft 1s ease;}

.tab-section.inner-cont .tab-cont .corporate-list .s-lft { animation:none;}
.tab-section.inner-cont .tab-cont .corporate-list .s-rht { animation:none;}

.tab-section.inner-cont .tab-cont  .corporate-list.start-animation ul li .s-lft { animation:slideinlft 1.2s ease; -webkit-animation:slideinlft 1.2s ease; -moz-animation:slideinlft 1.2s ease; -o-animation:slideinlft 1.2s ease;}
.tab-section.inner-cont .tab-cont .corporate-list.start-animation ul li .s-rht { animation:slideinrht 1.4s ease; -webkit-animation:slideinrht 1.4s ease; -moz-animation:slideinrht 1.4s ease; -o-animation:slideinrht 1.4s ease;}

.tab-section.inner-cont ul li:hover  .s-lft img { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); }
.tab-section.inner-cont ul li:hover  .s-rht h2 { color:#C4282E;}
.tab-section.inner-cont ul li:hover  .s-rht h2:after { background:#C4282E;}

.tab-section.inner-cont ul li .s-lft img { float:left; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
.tab-section.inner-cont ul li .s-rht { float:left; width:50%; padding:0% 6%; display:inline-flex; align-items:center; justify-content:center; height:500px;  animation:none;}

.tab-section.inner-cont ul li .s-rht h2 { font-size:28px; color:#000; font-family: 'montserratbold'; position:relative; padding:0 0 15px 0; margin:0 0 20px 0; line-height:36px;}
.tab-section.inner-cont ul li .s-rht h2:after { position:absolute; display:block; content:""; left:0; right:0; margin:0 auto; width:50px; background:#000; height:2px; bottom:0;}
.tab-section.inner-cont ul li .s-rht p { padding:0; margin:0 0 10px 0; font-size:18px; color:#000; font-family: 'montserratlight'; line-height:30px; animation:none;}

.right-header.inner-rht-hdr { position: relative; right: 0; top: 0;}


@keyframes slidelft {
	0% { transform:translateX(-800px);}
	50% { transform:translateX(-800px);}
	100% { transform:translateX(0px);}
}

@-webkit-keyframes slidelft {
	0% { -webkit-transform:translateX(-800px);}
	50% { -webkit-transform:translateX(-800px);}
	100% { -webkit-transform:translateX(0px);}
}

@-moz-keyframes slidelft {
	0% { -moz-transform:translateX(-800px);}
	50% { -moz-transform:translateX(-800px);}
	100% { -moz-transform:translateX(0px);}
}

@-o-keyframes slidelft {
	0% { -o-transform:translateX(-800px);}
	50% { -o-transform:translateX(-800px);}
	100% { -o-transform:translateX(0px);}
}


@keyframes sliderht {
	0% { transform:translateX(100%); opacity:0;}
	50% { transform:translateX(100%);opacity:0;}
	100% { transform:translateX(0px); opacity:1;}
}

@-webkit-keyframes sliderht {
	0% { -webkit-transform:translateX(100%); opacity:0}
	50% { -webkit-transform:translateX(100%);}
	100% { -webkit-transform:translateX(0px); opacity:1}
}

@-moz-keyframes sliderht {
	0% { -moz-transform:translateX(100%); opacity:0}
	50% { -moz-transform:translateX(100%);}
	100% { -moz-transform:translateX(0%); opacity:1}
}

@-o-keyframes sliderht {
	0% { -o-transform:translateX(100%); opacity:0}
	50% { -o-transform:translateX(100%);}
	100% { -o-transform:translateX(0); opacity:1}
}

ul.resp-tabs-list { animation: slidebtm 2.5s ease; -webkit-animation: slidebtm 2.5s ease; -moz-animation: slidebtm 2.5s ease; -o-animation: slidebtm 2.5s ease;}

@keyframes slidebtm {
	0% { transform:scale(0); opacity:0;}
	50% { transform:scale(0.5); opacity:0;}
	100% { transform:scale(1); opacity:1;}
}

@-webkit-keyframes slidebtm {
	0% { -webkit-transform:scale(0); opacity:0;}
	50% { transform:scale(0.5); opacity:0;}
	100% { -webkit-transform:scale(1); opacity:1;}
}


@-moz-keyframes slidebtm {
	0% { -moz-transform:scale(0); opacity:0;}
	50% { transform:scale(0.5); opacity:0;}
	100% { -moz-transform:scale(1); opacity:1;}
}

@-o-keyframes slidebtm {
	0% { -o-transform:scale(0); opacity:0;}
	50% { transform:scale(0.5); opacity:0;}
	100% { -o-transform:scale(1); opacity:1;}
}


.img-pad.start-animation .img-cap { animation: slidebtmtop 1.2s ease; -webkit-animation: slidebtmtop 1.2s ease; -moz-animation: slidebtmtop 1.2s ease; -o-animation: slidebtmtop 1.2s ease;}

@keyframes slidebtmtop {
	0% { transform:translateY(400px); opacity:0;}
	50% { transform:translateY(400px);opacity:0;}
	100% { transform:translateY(0px); opacity:1;}
}

@-webkit-keyframes slidebtmtop {
	0% { -webkit-transform:translateY(400px); opacity:0}
	50% { -webkit-transform:translateY(400px);}
	100% { -webkit-transform:translateY(0px); opacity:1}
}

@-moz-keyframes slidebtmtop {
	0% { -moz-transform:translateY(400px); opacity:0}
	50% { -moz-transform:translateY(400px);}
	100% { -moz-transform:translateY(0px); opacity:1}
}

@-o-keyframes slidebtmtop {
	0% { -o-transform:translateY(400px); opacity:0}
	50% { -o-transform:translateY(400px);}
	100% { -o-transform:translateY(0px); opacity:1}
}


/**about-us**/
.infra-banner.about-ban { float:left; width:100%; position:relative; background:url(../images/contact-us-banner.jpg) no-repeat left; background-size:cover; min-height:340px; /*z-index:11;*/ }
.about-para-cnt{width:100%; float:left; margin:30px 0 0;}

.about-para-cnt.start-animation .about-para-cnt-lft { animation:slideinlft 1.2s ease; -webkit-animation:slideinlft 1.2s ease; -moz-animation:slideinlft 1.2s ease; -o-animation:slideinlft 1.2s ease;}

.about-para-cnt.start-animation .about-para-cnt-rgt { animation:slideinrht 1.5s ease; -webkit-animation:slideinrht 1.5s ease; -moz-animation:slideinrht 1.5s ease; -o-animation:slideinrht 1.5s ease;}

.tab-section.inner-cont .about-para-cnt p{    text-align: left;font-size: 16px; color: #414141; font-family: "montserratlight"; line-height: 26px; letter-spacing: 0.5px; animation:none;}
.about-para-cnt p span{font-family: 'montserratbold'; color:#C4282E;}
.about-para-cnt .about-para-cnt-lft{width:47%; float:left; text-align:left; margin-right:4%; animation:none;}
.about-para-cnt .about-para-cnt-rgt{width:47%; float:left; text-align:left;  animation:none;}
.resp-tabs-container.gal{background:#e3e5e4;}
.service-range { float:left; width:100%; background:#f4f5f0; padding:50px 0; position: relative;  z-index: 1;}
.service-range h1 { font-size:45px; font-family: 'Futura-PT-Medium'; color:#353838; text-align:center; position:relative; line-height:54px; padding-bottom:25px; margin-bottom:50px;}
.service-range h1:after { position:absolute; display:block; content:""; height:2px; width:40px; background:rgba(77, 86, 94, 0.2); left:0; right:0; margin:0 auto; bottom:0;}

.da-thumbs {list-style: none; width: 100%;	position: relative;	padding: 0; }
.da-thumbs li {	float: left; margin: 1.5% 1.5% 0 0; position: relative;  text-align:center; width:23.8%;  border:5px solid #ffffff }
.da-thumbs li a, .da-thumbs li a img {display: block;	position: relative; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.da-thumbs li a img{ background:#fff;  overflow:hidden; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; margin:; width:100%; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; -moz-transition:all 0.5s ease;}
.da-thumbs li:hover a img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1);}
.da-thumbs li a {overflow: hidden;}
.da-thumbs li a div {position: absolute;	background: #333;	background:rgba(0, 0, 0, 0.7);	width: 100%;	height: 100%; left:-100%;}
.da-thumbs li a div.custom-hover-object { position: absolute; 	background: rgba(255,255,255,0.8);	width: 100%;	height: 100%;}
.da-thumbs li a div span { position:absolute; background:url(../images/arrow-white.png) no-repeat; width:14px; height:11px; right: 15px; bottom:12px; animation: arrow 0.8s infinite;}

.da-thumbs li a div.custom-hover-object span {	color: rgba(75,75,75,0.9); text-shadow: 1px 1px 1px rgba(255,255,255,0.2); border-bottom: 1px solid rgba(0,0,0,0.5);box-shadow: 0 1px 0 rgba(255,255,255,255.1), 0 -10px 0 rgba(0,0,0,0.3);}
.img-pad { background: #ffffff none repeat scroll 0 0;  float: left;  overflow: hidden;  position: relative;  width: 100%; /*box-shadow: 0 1px 15px rgba(0,0,0,0.2);*/}
.da-thumbs li h2 { color:#333333; font-size:20px; font-family: 'Futura-PT-Regular'; margin:15px 0 20px; float:left; width:100%;} 
.da-thumbs li:nth-child(4n+4) { margin-right:0;}
.da-thumbs .hov-ico img { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; position:absolute; left:0; right:0; width:auto; margin:auto; top:0; bottom:0; }
.da-thumbs li:hover h2 { color:#ff7800;}
.da-thumbs li:hover .hov-ico img {transform:scale(1);}

#preloader { position:fixed; top: 0; left: 0; right: 0; bottom: 0; background:#034221 url(../images/loader-bg.jpg) repeat left top; z-index: 999999;  }
#status { position: absolute; left: 50%; top: 50%; margin: -42px 0 0 -42px; font-size: 10px; text-indent: -9999em; border-top: 0.8em solid rgba(255, 255, 255, 0.2); border-right: 0.8em solid rgba(255, 255, 255, 0.2);
  border-bottom: 0.8em solid rgba(255, 255, 255, 0.2); border-left: 0.8em solid #ffffff;  -webkit-transform: translateZ(0); -ms-transform: translateZ(0);  transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear; }
#status, #status:after { border-radius: 50%; width:104px; height:104px; }
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#status {
  position: absolute; left: 50%; top: 50%;
  margin: -95px 0 0 -76px;
  font-size: 10px;
  text-indent: -9999em;
  border-top: 0.8em solid rgba(255, 255, 255, 0.2);
  border-right: 0.8em solid rgba(255, 255, 255, 0.2);
  border-bottom: 0.8em solid rgba(255, 255, 255, 0.2);
  border-left: 0.8em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 3.1s infinite linear;
  animation: load8 3.1s infinite linear;
}
#status,
#status:after {
  /*border-radius: 50%;*/
  width:140px; height:140px;
}
/*@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}*/


.contact-main { float: left; width: 100%;}
.contact-rgt { float:right; width:50%;}
.contact-lgt { float:left; width:50%;}

.contact-main .contact-main-lft {float: left; width: 50%; text-align:left; padding: 32px 0 15px 42px; animation: slidelft 3s ease; -webkit-animation: slidelft 3s ease; -moz-animation: slidelft 3s ease; -o-animation: slidelft 3s ease;}
.contact-main .contact-main-lft h2 { float: left; font-size: 20px; padding:0 0 10px; margin: 0 0 25px; font-family: 'montserratbold'; color:#636363; position: relative; width: 100%;}
.contact-main .contact-main-lft h2::before { background: #d1d1d1 none repeat scroll 0 0; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 80%;}
.contact-main .contact-main-lft li { letter-spacing: 0.5px;}

.contact-main ul li.location-detail { float: left; background:url(../images/location-img.png) no-repeat scroll 0px 5px; font-size: 16px; color:#8b8b8b; line-height:28px; font-family: 'montserratregular'; padding: 0px 15px 15px 50px; width: 100%;}
.contact-main ul li.phone-detail { float: left; background:url(../images/phone-img.png) no-repeat scroll 0px 10px; font-size: 16px; color:#8b8b8b; line-height:28px; font-family: 'montserratregular'; padding:  10px 15px 15px 50px; width: 100%;}
.contact-main ul li.fax-detail { float: left; background:url(../images/fax-img.png) no-repeat scroll 0px 10px; font-size: 16px; color:#8b8b8b; line-height:28px; font-family: 'montserratregular'; padding:  10px 15px 15px 50px; width: 100%;}
.contact-main ul li.mail-detail { float: left; background:url(../images/mail-img.png) no-repeat scroll 0px 10px; font-size: 16px; color:#8b8b8b; line-height:28px; font-family: 'montserratregular'; padding: 10px 15px 15px 50px; width: 100%;}

.contact-main ul li.mail-detail a { color:#8b8b8b; text-decoration:underline;}
.contact-main ul li.mail-detail a:hover { color:#36246c;}

.contact-main-rft h2 { color: #3f3f3f; float: left; font-family: "montserratbold"; font-size: 24px; line-height: 30px;}

.contact-main-rft { float:left; width:45%; padding: 32px 0 15px;}
.contact-main-rft li {background:none; float: left; margin:25px 23px 0 0; width: 100%; padding:0; border:1px solid #dbdbdb;}
.contact-main-rft li input[type="text"] {padding: 10px 20px; width:100%; line-height:28px; background:#fbfbfb none repeat scroll 0 0; border:none; color:#888888; font-size: 16px; font-family: 'montserratlight';height: 45px; }
.contact-main-rft .text-area-form {padding: 10px 20px; width:100%; line-height:28px; background:#fbfbfb none repeat scroll 0 0; height:80px; color:#888888; font-size: 16px; font-family: 'montserratlight';  border:none;}
.contact-main-rft li.message { width:100%;}
.contact-main-rft li.form-btn { border:none;}
.contact-main-rft input[type="text"]:focus, input[type="email"]:focus { background: #ffffff none repeat scroll 0 0; box-shadow: 0 0 5px rgba(54, 36, 108, 0.5); height: 45px;}
.contact-main-rft .text-area-form:focus { background: #ffffff none repeat scroll 0 0; box-shadow: 0 0 5px rgba(54, 36, 108, 0.5); height: 120px;}

.contact-main-rft .submit-btn-form { border:none; background:#565555; color:#ffffff; float: left; font-family: 'montserratbold'; font-size: 16px; padding: 13px 32px; text-align: center; cursor:pointer; text-transform:uppercase; margin:0 20px 0 0; position:relative; overflow:hidden; z-index:999;}
.contact-main-rft .submit-btn-form::after { background:#36246c; content:""; position:absolute; width:100%; height:100%; top:0; left:-142px; opacity:0;  transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; z-index:-1;}
.contact-main-rft .submit-btn-form:hover::after { left:0; opacity:1;}

.contact-main-rft .reset-btn-form { border:none; background:#ea4335; color:#ffffff; float: left; font-family: 'montserratbold'; font-size: 16px; padding: 13px 32px; text-align: center; cursor:pointer; text-transform:uppercase; margin:0 20px 0 0; position:relative; overflow:hidden; z-index:999;}
.contact-main-rft .reset-btn-form::after { background:#000000; content:""; position:absolute; width:100%; height:100%; top:0; left:-142px; opacity:0;  transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; z-index:-1;}
.contact-main-rft .reset-btn-form:hover::after { left:0; opacity:1;}

.contact-lgt .contact-main-rft.animation li:first-child {animation:slideinrht 1s ease; -webkit-animation:slideinrht 1s ease; -moz-animation:slideinrht 1s ease; -o-animation:slideinrht 1s ease;}

.contact-lgt .contact-main-rft.animation li:nth-child(2) { animation:slideinrht 1.3s ease; -webkit-animation:slideinrht 1.3s ease; -moz-animation:slideinrht 1.3s ease; -o-animation:slideinrht 1.3s ease;}

.contact-lgt .contact-main-rft.animation li:nth-child(3) { animation:slideinrht 1.6s ease; -webkit-animation:slideinrht 1.6s ease; -moz-animation:slideinrht 1.6s ease; -o-animation:slideinrht 1.6s ease;}

.contact-lgt .contact-main-rft.animation li:nth-child(4) { animation:slideinrht 1.9s ease; -webkit-animation:slideinrht 1.9s ease; -moz-animation:slideinrht 1.9s ease; -o-animation:slideinrht 1.9s ease;}

.contact-lgt .contact-main-rft.animation li:nth-child(5) { animation:slideinrht 2.3s ease; -webkit-animation:slideinrht 2.3s ease; -moz-animation:slideinrht 2.3s ease; -o-animation:slideinrht 2.3s ease;}

.contact-lgt .contact-main-rft.animation li.form-btn { animation:slidebtmtop 2.7s ease; -webkit-animation:slidebtmtop 2.7s ease; -moz-animation:slidebtmtop 2.7s ease; -o-animation:slidebtmtop 2.7s ease;}

/* new style */
#section9{ float:left; width:100%; margin:0px;overflow: hidden; }
#videCont { float:left; width:100%; background:#000;}

/* BASE STYLES
------------------------------------------------------- */
#section9 button {
	border: none;
	background: none;
	outline: none;
	cursor:pointer;
}
#section9 {        
	position: relative;
	height: 50%;
	height: 50%;
}
#video {
	width: 100%;
	background:transparent url('../images/madeup-bg.jpg') no-repeat 0 0; 
   -webkit-background-size:cover; 
   -moz-background-size:cover; 
   -o-background-size:cover; 
   background-size:cover; 
}

.marquee {
  position: relative;
  width: 100%;
  height: 100px;
  overflow: hidden;
}
.marquee div {
  display: block;
  position: absolute;
  width: 300%;
  overflow: hidden;
  animation: marquee 20s linear infinite;
}
.marquee div:hover {
  animation-play-state: paused;
}
.marquee div img {
    background: #fff;
    padding: 2px 0;
    text-align: center;
    border: 1px solid #fff;
	margin-right:10px;
	transition: all .5s ease;
-moz-transition: all .5s ease;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
}
.marquee div img:hover {
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);

}

@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }
}

#videCont iframe { height:640px;}

.cust-logo {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgb(248, 248, 248) 0%, rgb(231, 231, 231) 100%) repeat scroll 0 0;
    float: left;
    padding: 20px;
    width: 100%;
}
.cust-logo > ul {
    float: left;
    width: 100%;
}
.cust-logo li {
    float: left;
    margin: 20px 15px;
    width: 22%;
}
.cust-logo img {
    float: left;
    width: 100%;
}

.overlay a.play-icon {
    background: rgba(0, 0, 0, 0) url("../images/video.png") no-repeat scroll 0 0;
    bottom: 0;
    height: 72px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 71px;
}
.img-top > img {
    float: left;
    width: 100%;
}

.da-thumbs-video {
    list-style: outside none none;
    padding: 0;
    position: relative;
    width: 100%;
}
.da-thumbs-video li {
    border: 5px solid #ffffff;
    float: left;
    margin: 1.5% 1.5% 0 0;
    position: relative;
    text-align: center;
    width: 23.8%;
}
.da-thumbs-video li:nth-child(4n+4) {
    margin-right: 0;
}
/*selva css*/
.benefits { float: left; width: 100%;  padding: 80px 0; position: relative; text-align: center;}
.benefits h1 { color: #fff; font-size: 46px;font-family: 'Museo 700'; line-height: 54px; padding-bottom: 20px; position: relative; margin-bottom: 40px; }
.benefits h1::after { position: absolute; display: block; content: ""; left: 0; right:0; bottom: 0; background: #ff4800; width: 100px; height: 4px; margin: 0 auto;}
.benefits ul { float: left; width: 100%; margin: 40px 0 0 0; }
.benefits ul li { float: none; display: inline-block; width: 30%; margin-right: 10%;}
.benefits ul li a { display: block; border: 6px solid #fff; padding: 40px 30px; border-radius: 0px; background: #014220; z-index: 1; position: relative; overflow: hidden;}
.benefits ul li:nth-child(2n) a{ background: #075754;}
.benefits ul li a::after { position: absolute; z-index: -1; transform: scale(0, 0); border-radius: 0px; display: block; content: ""; left: 0%; top: 0%; background: #f15a22; width: 100%; height: 100%; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; transition:all .5s ease;  cursor: pointer; }
.benefits ul li a:hover::after { top:0; left:0;  transform: scale(1); } 

.benefits ul li a h3 { color: #fff; font-size: 32px; font-family: 'Museo 500';line-height: 38px; }
.benefits ul li:last-child { margin-right: 0;}
.benefits ul li span { width: 84px; height: 84px; display: inline-block; margin-bottom: 20px; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; transition:all .5s ease;  }
.benefits li.intel span {  background: url(../images/intelli-ico.png) no-repeat; }
.benefits li.comm span {  background: url(../images/comm-ico.png) no-repeat; }
.benefits ul li:hover span { transform: rotateY(180deg); }


#section2.fp-section.fp-table{ display: block;}
#section2.fp-section.fp-table .fp-tableCell { display: block;}
.who-we { float: left; width: 100%; padding: 0px 0; display: flex; height: 100%;}
.who-l { float: left; width: 50%;padding: 135px 95px 0px 95px; position: relative;align-items: center;justify-content: left;display: flex; background: #034221 url(../images/abt-bg.jpg) no-repeat 0px 0px; background-size: cover;  }
/* .who-l::after {background: url(../images/abt-pattern.png) no-repeat 0px 0px; position: absolute; content: ""; bottom: 0px; left: 0px; width: 100%; height: 456px;} */
.who-l h1 { font-size: 52px; color: #fff; line-height: 54px; font-family: 'Museo 700'; position: relative; padding-bottom: 25px; margin-bottom:45px; }
.who-l h1 span { display: block; color: #fff; font-family: 'Museo 300'; font-size: 17px; text-transform: uppercase; line-height:22px;}
.who-l h1::after { position: absolute; display: block; content: ""; left: 0; bottom: 0; background: #fff; width: 65px; height: 4px; }
.who-l p { color: #fff; font-size: 22px;font-family: 'Museo 300';line-height: 34px;margin-bottom: 52px;}
.who-l a { position: relative; overflow: hidden; z-index: 1; font-size:18px; color:#ffffff;  padding:13px 35px; margin:0px; background:none; -webkit-border-radius:2px; -moz-border-radius:2px; -khtml-border-radius:2px; border-radius:2px;-webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; font-family: 'Museo 500'; border: 1px solid #fff; display: inline-block;}
.who-l a::after { height: 100%; left: -40%; top: 0; transform: skew(50deg); transition-duration: 0.6s; transform-origin: top left;  width: 0; background: #ff4800; content: ''; position: absolute; z-index: -1;  }
.who-l a:hover:after { height: 100%; width: 150%; }

.who-r { float: right; margin:0px 0px 0 0;width: 50%; text-align: center;align-items: center;justify-content: center;display: flex;}
/*.catalog { float: left; width: 100%; background: url(../images/dot-pattern.png) repeat left top; padding: 60px 0; text-align: center; }
.catalog h1 { color: #fff; font-size: 48px; line-height: 54px; font-family: 'ubuntu-bold'; padding-bottom: 20px; position: relative; margin-bottom: 20px; }
.catalog h1::after { position: absolute; display: block; content: ""; left: 0; right:0; bottom: 0; background: #ff4800; width: 100px; height: 4px; margin: 0 auto;}
.catalog p { color: #ffffff; font-size: 18px; font-family: 'lato-regular'; line-height: 30px; margin-bottom: 40px; letter-spacing: 0.5px;}
.catalog ul li {  z-index: 1; float: left; width: 22%; margin-right: 4%; border: 1px solid rgba(255, 255, 255, 0.2); padding: 30px 20px; margin-bottom: 3%;  -webkit-transition:all .5s ease; -moz-transition:all .5s ease; transition:all .5s ease;  cursor: pointer; position: relative;}
.catalog ul li::after { z-index: -1; position: absolute; display: block; content: ""; left:0; width: 100%; height: 0%; top:50%; background:#014220;  -webkit-transition:all .5s ease; -moz-transition:all .5s ease; transition:all .5s ease; }
.catalog ul li:hover::after { height: 100%; top:0; }
.catalog ul li:hover .ico-round { background: #fff; border: 1px solid #fff; }
.catalog ul li h2 {  color: #ffffff; font-size: 23px; font-family: 'lato-regular'; line-height: 30px; margin-bottom: 20px;  }
.catalog ul li a { color: #fff; font-family: 'ubuntu-regular'; font-size: 14px; background: url(../images/learn-arrow.png) no-repeat right; padding-right: 25px;}

.catalog ul li .ico-round { width: 96px; height: 96px; background: transparent; border: 1px solid #8c8c8c; border-radius: 50%; margin-bottom: 20px; display: inline-flex;
 justify-content: center; align-items: center; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; transition:all .5s ease; }
.catalog ul li .ico-round span { background: transparent url(../images/tool-icons.png) no-repeat 0 0; width: 56px; height: 56px; display: inline-block; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; transition:all .5s ease; }
.catalog ul li:nth-child(4n) { margin-right: 0;}
.catalog ul li .rew-ico span { background-position: 7px 0; }
.catalog ul li:hover .rew-ico span { background-position: 7px -62px; }
.catalog ul li .pef-ico span { background-position: -50px 0; }
.catalog ul li:hover .pef-ico span { background-position: -50px -62px; }
.catalog ul li .comp-ico span { background-position:-118px -3px; }
.catalog ul li:hover .comp-ico span { background-position: -118px -65px; }
.catalog ul li .tal-ico span { background-position:-179px -3px; }
.catalog ul li:hover .tal-ico span { background-position: -179px -65px; }
.catalog ul li .beh-ico span { background-position:-238px -3px; }
.catalog ul li:hover .beh-ico span { background-position: -238px -65px; }
.catalog ul li .emp-ico span { background-position:-304px -3px; }
.catalog ul li:hover .emp-ico span { background-position: -304px -65px; }
.catalog ul li .strat-ico span { background-position:-366px -3px; }
.catalog ul li:hover .strat-ico span { background-position: -366px -65px; }
.catalog ul li .sucess-ico span { background-position:-434px -1px; }
.catalog ul li:hover .sucess-ico span { background-position: -434px -63px; }*/

.cat-btn { float: left; width: 100%; text-align: center; margin: 20px 0 0 0;}
.cat-btn a { position: relative; z-index: 1; overflow: hidden;  border: 1px solid #fff; font-size: 16px; font-family: 'Museo 700'; text-transform: uppercase; color: #fff; padding: 18px 25px; display: inline-block; border-radius: 5px; }
.cat-btn a span { background: url(../images/cat-arrow.png) no-repeat 0 0; display: inline-block; width: 34px; height: 20px; vertical-align: middle; margin-left: 15px; animation: shake 1s linear infinite;}
.cat-btn a::after { height:100%; left: -35%; top: 0; transform:skew(50deg); transition-duration: 0.6s; transform-origin: top left;  width: 0; background: #014220; content: ''; position: absolute; z-index: -1; }
.cat-btn a:hover:after { height: 100%; width: 135%; }
@keyframes shake
{
     0% { transform: translateX(5px); }
     50% { transform: translateX(-5px); }
     100% { transform: translateX(5px); }
}

/* .testimonial { float: left; width: 100%;  padding: 60px 0 100px 0; position: relative;}
.test-bg { background: url(../images/testi-bg.jpg) no-repeat center; position: absolute; top:0; width: 100%; height: 340px; background-attachment: fixed; }
.test-bg::after { position: absolute; display: block; content: ""; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.82); width: 100%; height: 100%;}
.testimonial h1 { font-size: 48px; color: #fff; line-height: 54px; font-family: 'ubuntu-bold'; position: relative; padding-bottom: 20px; margin-bottom: 50px; text-align: center; }
.testimonial h1 span { display: block; color: #fff; font-family: 'ubuntu-regular'; font-size: 18px; text-transform: uppercase; line-height: 34px; letter-spacing: 0.5px;}
.testimonial h1::after { position: absolute; display: block; content: ""; left: 0; bottom: 0; background: #ff4800; width: 100px; height: 4px; right: 0; margin: auto; }
#testimonials-carousel {  background: #fff;  padding: 50px 80px; border-radius: 3px; box-shadow: 0 0 28px rgba(0, 0, 0, 0.15); }
#testimonials-carousel  .owl-item img { float: left; border-radius: 50%; border: 3px solid #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); margin:10px; }
#testimonials-carousel  .owl-item .test-txt { float: left; width: 100%; }
#testimonials-carousel  .owl-item .test-txt p { color: #342626; font-size: 17px; font-family: 'lato-regular'; line-height: 26px; margin: 20px 0; }
#testimonials-carousel  .owl-item .test-txt h3 { color: #091d3f; font-family: 'lato-bold'; font-size: 26px; line-height: 30px; margin-bottom: 10px; }
#testimonials-carousel  .owl-item .test-txt span { color: #786e6e; font-size: 16px; font-family: 'lato-regular'; }
#testimonials-carousel  .owl-item .test-txt span.q-ico { display: block; margin: 20px 0 0 0; }
#testimonials-carousel  .owl-item .test-txt span.q-ico img { margin: 0; border-radius: 0px; box-shadow: none; float: none;} */

/* home page */
.partner { float: left; width: 100%;padding: 60px 0; text-align: center; }
.partner h1 { font-size: 48px; color: #fff; line-height: 54px; font-family: 'Museo 700'; position: relative; padding-bottom: 20px; margin-bottom: 30px; text-align: center; }
.partner h1 span { display: block; color: #fff; font-family: 'Museo 300'; font-size: 18px; text-transform: uppercase; line-height: 34px; letter-spacing: 0.5px;}
.partner h1::after { position: absolute; display: block; content: ""; left: 0; bottom: 0; background: #ff4800; width: 100px; height: 4px; right: 0; margin: auto; }
.partner ul li { float: none; width: auto; margin-right: 5%; display: inline-block; }
.partner ul li:last-child { margin-right: 0; }

.testimonials { float: left; width: 100%;padding: 60px 0; text-align: center; }
.testimonials h1 { font-size: 48px; color: #fff; line-height: 54px; font-family: 'Museo 700'; position: relative; padding-bottom: 20px; margin-bottom: 30px; text-align: center; }
.testimonials h1 span { display: block; color: #fff; font-family: 'Museo 300'; font-size: 18px; text-transform: uppercase; line-height: 34px; letter-spacing: 0.5px;}
.testimonials h1::after { position: absolute; display: block; content: ""; left: 0; bottom: 0; background: #ff4800; width: 100px; height: 4px; right: 0; margin: auto; }

.testimonials .flexslider ul li { text-align:center;height: auto !important;}
.testimonials .flexslider ul li img { float: none; border-radius: 50%; border: 3px solid #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); margin:10px; width:auto; display:inline-block; }
.testimonials .flexslider ul li .test-txt { float: left; width: 100%;text-align: center; }
.testimonials .flexslider ul li .test-txt p { color: #dddddd; font-size: 20px; font-family: 'Museo 300'; line-height: 32px; margin: 24px 20%; }
.testimonials .flexslider ul li .test-txt h3 { color: #fff; font-family: 'Museo 700'; font-size: 26px; line-height: 30px; margin-bottom: 10px; }
.testimonials .flexslider ul li .test-txt span { color: #8fae9e; font-size: 18px; font-family: 'Museo 300'; }
.testimonials .flexslider ul li .test-txt span.q-ico { display: block; margin: 20px 0 0 0;}
.testimonials .flexslider ul li .test-txt span.q-ico img { margin: 0; border-radius: 0px; box-shadow: none; float: none; border:none;}
.testimonials .flexslider:after { content:''; background:url(../images/quot-lft.png) no-repeat; width:100px; height:80px; position:absolute; left:22%; top:50px;}
.testimonials .flexslider:before { content:''; background:url(../images/quot-rht.png) no-repeat; width:100px; height:80px; position:absolute; right:22%; bottom:10px;}

#section4.section.partners a { padding:10px 28px; color:#fff; background:#ff4800; border-radius:25px; border: 1px solid #ff4800; display:inline-block; font-size:16px; font-family: 'Museo 500'; transition:all .5s ease;}
#section4.section.partners a:hover { /*background:#075754;*/ background:none; border: 1px solid #ffffff;}
.tool-img {float: left; width: 100%; margin:22px 0;}
tool-img img { float:left;}
#section4.section.partners h1 {  margin:35px 0px 20px;}




#section5.section.partners {background:url(../images/testominial-banner.jpg) no-repeat; background-size:cover;}
#section6.section.partners {background:url(../images/banner3.jpg) no-repeat; background-size:cover;}
#section6.section.partners ul { margin-top:100px;}
.testimonial { float: left; width: 100%;  padding: 60px 0 100px 0; position: relative;}
.test-bg { background: url(../images/testi-bg.jpg) no-repeat center; position: absolute; top:0; width: 100%; height: 340px; background-attachment: fixed; }
.test-bg::after { position: absolute; display: block; content: ""; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.82); width: 100%; height: 100%;}
.testimonial h1 { font-size: 48px; color: #fff; line-height: 54px; font-family: 'Museo 700'; position: relative; padding-bottom: 20px; margin-bottom: 50px; text-align: center; }
.testimonial h1 span { display: block; color: #fff; font-family: 'Museo 300'; font-size: 18px; text-transform: uppercase; line-height: 34px; letter-spacing: 0.5px;}
.testimonial h1::after { position: absolute; display: block; content: ""; left: 0; bottom: 0; background: #ff4800; width: 100px; height: 4px; right: 0; margin: auto; }
#testimonials-carousel {  /*background: #fff;  box-shadow: 0 0 28px rgba(0, 0, 0, 0.15);*/ padding: 50px 80px; border-radius: 3px; position:relative; }
#testimonials-carousel .owl-item img { float: none; border-radius: 50%; border: 3px solid #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); margin:10px; }
#testimonials-carousel .owl-item .test-txt { float: left; width: 100%;text-align: center; }
#testimonials-carousel .owl-item .test-txt p { color: #dddddd; font-size: 17px; font-family: 'Museo 300'; line-height: 26px; margin: 20px 20%; }
#testimonials-carousel .owl-item .test-txt h3 { color: #fff; font-family: 'Museo 700'; font-size: 26px; line-height: 30px; margin-bottom: 10px; }
#testimonials-carousel .owl-item .test-txt span { color: #8fae9e; font-size: 16px; font-family: 'Museo 300'; }
#testimonials-carousel .owl-item .test-txt span.q-ico { display: block; margin: 20px 0 0 0;}
#testimonials-carousel .owl-item .test-txt span.q-ico img { margin: 0; border-radius: 0px; box-shadow: none; float: none; border:none;}
.copyright { color: #fff; font-size: 18px; position:absolute; float:left; width:100%; bottom: 0; border-top: 1px solid #232533; padding:20px 0; }
#section4.section.partners {background:url(../images/product-bg.jpg) no-repeat; background-size:cover;}
#section4.section.partners p { color:#fff; padding:0 22%; font-size:20px; line-height:32px;}
#section4.section.partners p span { display:block;}

#section4.section.partners a { padding:10px 28px; color:#fff; background:#ff4800; border-radius:25px; border: 1px solid #ff4800; display:inline-block; font-size:18px; font-family: 'Museo 500'; transition:all .5s ease;}
#section4.section.partners a:hover { /*background:#075754;*/ background:none; border: 1px solid #ffffff;}
.tool-img {float: left; width: 100%; margin:22px 0;}
tool-img img { float:left;}
#section4.section.partners h1 {  margin:35px 0px 20px;}
#testimonials-carousel:after { content:''; background:url(../images/quot-lft.png) no-repeat; width:100px; height:80px; position:absolute; left:22%; top:50px;}
#testimonials-carousel:before { content:''; background:url(../images/quot-rht.png) no-repeat; width:100px; height:80px; position:absolute; right:22%; bottom:10px;}


#abt-ban {background: url(../images/about-bg.jpg);background-size: cover;}
.contentshow-section { position: fixed; float: left; width: 100%; height: 100%;padding-bottom: 50px;}
.content-section{ float: left; width: 100% !important; height: 90%;}
.contentshow-section .slimScrollBar{ opacity: 0 !important;}
.abt-cont { float: left; width:700px;}
.abt-cont h2{ color: #fff;font-size:48px;line-height:50px;font-family: 'poppinsbold';padding-bottom: 20px;position: relative;margin-bottom:22px;}
.abt-cont h2::after {position: absolute;display: block;content: "";left: 0; bottom: 0;background: #f15a22;width: 69px;height: 4px;margin: 0 auto;}
.abt-cont h3{ color: #fff;font-family: 'poppinsbold';font-size:17px;line-height:30px; margin-bottom: 30px;}
.contentbg-black { float: left; width: 100%; background: rgba(0,0,0,0.45); padding: 35px 35px; margin-bottom: 30px;}
.contentbg-black p {color: #fff; font-size:16px; line-height: 28px;font-family: 'poppinslight'; }
.about-list li {float: left;width: 100%;padding-left: 30px;margin-bottom: 10px;background: url(../images/about-us-arrow.png) no-repeat top 7px left 0px;
font-family: 'poppinsregular';font-size:16px;line-height: 26px;color: #fff;}




/* menu css starts */
.menu-icon { height: 30px; width: 30px; position: relative; z-index: 2; cursor: pointer; display: block;}
.menu-icon-line { height: 2px; width: 30px; display: block; background-color: #fff; margin-bottom: 7px; cursor: pointer; -webkit-transition: background-color .5s ease, -webkit-transform .2s ease;  transition: background-color .5s ease, -webkit-transform .2s ease;
transition: transform .2s ease, background-color .5s ease; transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease; }
.menu-line-lft {  width: 16.5px;  -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear;}
.menu-line-rht { width: 16.5px; float: right; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear;  -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }


body.nav-active .menu-icon-line { background-color: #fff; -webkit-transform: translate(0px, 0px) rotate(-45deg); transform: translate(0px, 0px) rotate(-45deg); }
body.nav-active .menu-line-lft { width: 15px; -webkit-transform: translate(2px, 4px) rotate(45deg); transform: translate(2px, 4px) rotate(45deg);}
body.nav-active .menu-line-rht { width: 15px; float: right; -webkit-transform: translate(-3px, -3.5px) rotate(45deg); transform: translate(-3px, -3.5px) rotate(45deg); }
.menu-icon:hover .menu-line-lft, .menu-icon:hover .menu-line-rht { width: 30px; }
body.nav-active .menu-icon:hover .menu-line-lft, body.nav-active .menu-icon:hover .menu-line-rht { width: 15px;}

body.nav-active .nav::before, body.nav-active .nav::after { -webkit-transform: translateX(0%) translateY(0%); transform: translateX(0%) translateY(0%);}
.nav::before, .nav::after { content: ""; position: fixed; width: 100vw; height: 100vh; background: rgba(1, 66, 32,0.7); z-index: -1; -webkit-transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s; transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s; transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s, -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;
-webkit-transform: translateX(0%) translateY(-100%); transform: translateX(0%) translateY(-100%); }
.nav::after { background: rgba(1,66,32,1); -webkit-transition-delay: 0s; transition-delay: 0s;}

body.nav-active .nav::before { -webkit-transition-delay: 0s; transition-delay: 0s; }
.nav::before { -webkit-transition-delay: .2s; transition-delay: .2s; }

body.nav-active .nav-cont { visibility: visible;}
.nav-cont { position: fixed; visibility: hidden; top: 50%; margin-top: 40px; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); width: 100%; text-align: center; }
.nav-list { position: relative; padding: 0; margin: 0; z-index: 2; }
body.nav-active .nav-list-item:nth-child(1) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s;}
body.nav-active .nav-list-item:nth-child(2) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s;}
body.nav-active .nav-list-item:nth-child(3) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s;}
body.nav-active .nav-list-item:nth-child(4) { -webkit-transition-delay: 0.8s; transition-delay: 0.8s;}
body.nav-active .nav-list-item:nth-child(5) { -webkit-transition-delay: 0.9s; transition-delay: 0.9s;}
body.nav-active .nav-list-item:nth-child(6) { -webkit-transition-delay: 0.9s; transition-delay: 1.1s;}

body.nav-active .nav-list-item { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease; transition: opacity .3s ease, transform .3s ease, color .3s ease;  transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease;
transition-delay: 0s, 0s, 0s, 0s;}
.nav-list-item { position: relative; display: block; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; opacity: 0; text-align: center; color: #fff; overflow: hidden; font-family: 'Museo 500', sans-serif;
font-size: 42px; font-weight: 400; line-height: 60px; -webkit-transform: translate(0%, 100%); transform: translate(0%, 100%); -webkit-transition: opacity .2s ease, -webkit-transform .3s ease;
transition: opacity .2s ease, -webkit-transform .3s ease; transition: opacity .2s ease, transform .3s ease; transition: opacity .2s ease, transform .3s ease, -webkit-transform .3s ease; margin-top: 0; margin-bottom: 5px; }
.nav-list-item a { position: relative;text-decoration: none; color: rgba(255,255,255,0.6); overflow: hidden; cursor: pointer; padding-left: 5px; padding-right: 5px; z-index: 2; display: inline-block; -webkit-transition: all 200ms linear;
transition: all 200ms linear; }
.nav-list-item a::after { position: absolute; content: ''; bottom: 2px; left: 0; width: 100%; height: 0; opacity: 0; margin-top: 3px; background-color: rgba(255,255,255,0.2); z-index: 1; -webkit-transition: all 200ms linear;
transition: all 200ms linear; }
.nav-list-item a:hover::after { height: 20px; opacity: 1;}
.nav-list-item a:hover { color: #fff; }
.nav-cont ul li ul{ display: none;}
.nav-cont ul li ul li { font-size:26px;line-height:34px;font-family: 'Museo 300'; }
.nav-cont ul li.nav-list-item ul li a{color: rgba(255,255,255,0.6);}
.nav-cont ul li.nav-list-item ul li a:hover{color: rgba(255,255,255,1);}
.nav-cont ul li.nav-list-item ul li a::after {height: 0;opacity: 0;margin: 0px;}

.nav-list-item.active-nav a::after { height: 14px; opacity: 1;}
.nav-list-item a::after { position: absolute; content: ''; bottom: 2px; left: 0; width: 100%; height: 0; opacity: 0; margin-top: 3px; background-color: rgba(255,255,255,0.2); z-index: 1; -webkit-transition: all 200ms linear;
transition: all 200ms linear; }
.nav-list .sub-links { position: relative; padding: 0; margin: 0; margin-bottom: 20px; }

.nav-list-item.show a:not([href]):not([tabindex]) {  color: rgba(255,255,255,1); }
.nav-list-item a:not([href]):not([tabindex]) {  color: rgba(255,255,255,0.6); }
.nav-list-item.active-nav a { color: rgba(255,255,255,1);}

body.nav-active .nav { visibility: visible; }
.nav { position: fixed; z-index: 98;}
.nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none;}

/* menu css ends */
.why{ width:100%; float:left;}
/*.inner-banner.why-banner {background: url(../images/why-touch.jpg) no-repeat; background-size:cover;height: 100vh !important;}*/
.why-cont {/*float: none;width: 1042px; margin:0px auto;*/ float:left; width:100%; margin-top:35px;}
.why-cont h2 {color: #fff;font-size: 48px;line-height: 50px;font-family: 'Museo 700'; padding-bottom: 20px;position: relative;margin-bottom: 22px; width:100%; text-align:center;}
.why-cont h2:after {position: absolute;display: block;content: "";left: 0; right:0; bottom: 0;background: #f15a22;width: 69px; height: 4px;margin: 0 auto;}
.why-cont h3 {color: #fff;font-family: 'Museo 500';font-size: 22px;line-height: 36px;margin-bottom: 30px; text-align:center;}

.why-list{ width:100%; float:left; margin:20px 0 0 0; text-align: center; }
.why-list ul {float: left;width:100%;margin-bottom:20px;}
.why-list ul li{ width:25%; float: none; margin-right:5%; padding:0px 0 0 0; position:relative; display: inline-block; cursor:pointer; }
.why-list ul li:last-child{ margin-right:0;}
.why-list ul li.reduc{ background:#075754; min-height:323px;}
.why-list ul li.incre{background:#178c72; min-height:323px;}
.why-list ul li.strong{background:#148d9e; min-height:323px;}
.why-list ul li.reduc span{ background: #0a5251 url(../images/reduce-img.png) no-repeat center center;}
.why-list ul li.incre span{  background: #179679 url(../images/incre-img.png) no-repeat center center;}
.why-list ul li.strong span{  background: #158394 url(../images/strong-img.png) no-repeat center center;}
.why-list ul li span{width: 120px;height: 120px;display: inline-block;margin-bottom: 15px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease; border-radius:100%;}
.why-list ul li h3{ float:left; text-align:center; width:100%;  font-family: 'Museo 300'; font-size:28px; line-height:34px; letter-spacing:0.5px; color:#fff; margin-bottom:0;}
.why-list ul li .w-txt{ width:100%; float:left;text-align: center;justify-content: center;align-items: center; overflow:hidden; padding:10px; }

.why-list ul li .reduc-h {position: absolute;left: 0px; bottom: 0px;width: 100%;height: 100%; z-index: 1;padding: 35px 20px;  opacity:0; transform: translateY(100%); transition:all .5s ease; overflow:hidden;}
/* .why-list ul li:hover .reduc-h { opacity:1; transform: translateY(0%);} */
/* .why-list ul li:hover .w-txt{ opacity:0;} */
.why-list ul li .reduc-h ul li{ float: left;width: 100%;padding-left: 30px;margin-bottom: 12px; background: url(../images/li-icon.png) no-repeat top 6px left; font-family: 'Museo 300'; font-size: 18px;line-height: 23px; padding-top:0; color:#fff; margin-right:0; }

.flow-chat { width:100%; float:left; text-align:center; margin:85px 0 0 0;}



.contentshow-section.product-img1 { position: fixed; float: left; width: 100%; height: 100%;padding-bottom: 50px;background: url(../images/behavioural-based-recruitment.jpg);background-size: cover;}
.inner-banner.product-img2 { position: fixed; float: left; width: 100%; height: 100%;padding-bottom: 50px;background: url(../images/reward-bg.jpg);background-size: cover;}
.inner-banner.product-img2a { position: fixed; float: left; width: 100%; height: 100%;padding-bottom: 50px;background: url(../images/performance-review.jpg);background-size: cover;}
.inner-banner.product-img3 { position: fixed; float: left; width: 100%; height: 100%;padding-bottom: 50px;background: url(../images/competency-mapping-bg.jpg);background-size: cover;}
.inner-banner.product-img4 { position: fixed; float: left; width: 100%; height: 100%;padding-bottom: 50px;background: url(../images/talent-development-bg.jpg);background-size: cover;}
.inner-banner.product-img5 { position: fixed; float: left; width: 100%; height: 100%;padding-bottom: 50px;background: url(../images/behavioural-based-recruitment.jpg);background-size: cover;}
.inner-banner.product-img6 { position: fixed; float: left; width: 100%; height: 100%;padding-bottom: 50px;background: url(../images/employee-engagement.jpg);background-size: cover;}
.inner-banner.product-img7 { position: fixed; float: left; width: 100%; height: 100%;padding-bottom: 50px;background: url(../images/strategic-planning.jpg);background-size: cover;}
.inner-banner.product-img8 { position: fixed; float: left; width: 100%; height: 100%;padding-bottom: 50px;background: url(../images/succession-planning.jpg);background-size: cover;}
.inner-banner.product-img9 { position: fixed; float: left; width: 100%; height: 100%;padding-bottom: 50px;background: url(../images/why-touch.jpg);background-size: cover;}
.inner-banner.product-img10 { position: fixed; float: left; width: 100%; height: 100%;padding-bottom: 50px;background: url(../images/hrm-analytics-tools.jpg);background-size: cover;}



.content-section{ float: left; width: 100% !important; height: 90%;}
.contentshow-section .slimScrollBar{ opacity: 0 !important;}
.prod-cont { float: left; width:100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;}
.prod-cont1 { float: none; width:70%;text-align: center; margin: auto; padding-top: 30px;}
.prod-cont1 p {float: left;width: 100%;color:#fff;font-family: 'Museo 500';font-size:22px;line-height:36px;margin-bottom: 30px;}
.prod-cont-tit {float: left;width: 100%;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;margin-bottom: 30px;}
.prod-cont1 h2 span {display: block;}
.prod-cont-tit h2 {/*border: 8px solid #179679;*/float: left;padding: 48px 40px;color:#fff;font-family:'Museo 700';font-size:36px;line-height: 44px;}
.reward-txt {float: left;width: 100%;text-align: left;/*background: rgba(0, 0, 0, 0.4);padding: 4%;*/}
.reward-txt h2::after {position: absolute;display: block;content: "";left: 0;right: 0;bottom: 0;background: #179679;width: 50px;height: 3px;}
.reward-txt h2 {color: #ddd;font-size: 28px;line-height: 37px;font-family: 'Museo 700';padding-bottom: 10px;position: relative;margin-bottom: 20px;text-align: left;}
.reward-txt ul li {float: left;width: 100%;background: url(../images/green-arrow.png) no-repeat top 6px left;font-family: 'Museo 300';font-size: 18px;line-height: 28px;color:#fff;letter-spacing: 0.5px;padding-left: 30px;margin-bottom: 15px;}
.ul-common {float: left;width: 100%;background: rgba(0,0,0,0.5); padding: 32px;}
.ul-right {float: left;width: 49%;margin-right:2%;}
.ul-left {float: left;width: 49%;}
.prod-cont-tit.tit2 h2{padding:48px 90px}



#header.site-header.inner { position:relative;}
.inner-banner {background-size: cover;width: 100%; height:100%; position:fixed;float: left;}
.inner-banner.abt {background: url(../images/about-bg.jpg) no-repeat; background-size:cover;}
.abt-contents {float: left; width: 100%; padding: 0; margin: 40px 0 0 0; padding: 0 0 40px 0;}
.abt-lft-cont { float: left; width:60%; padding-left: 4%;}
.abt-lft-cont h2{ color: #fff;font-size:40px;line-height:50px;font-family:'Museo 700';padding-bottom: 20px;position: relative;margin-bottom:38px;}
.abt-lft-cont h2::after {position: absolute;display: block;content: "";left: 0; bottom: 0;background: #f15a22;width: 69px;height: 4px;margin: 0 auto;}
.abt-lft-cont h3{ color: #fff;font-family: 'Museo 500';font-size:19px;line-height:30px; margin-bottom: 30px;}
.contentbg-black { float: left; width: 100%; background: rgba(0,0,0,0.45); padding: 35px 35px; margin-bottom: 30px;}
.contentbg-black p {color: #fff; font-size:18px; line-height: 34px;font-family: 'Museo 300'; }
.about-list li {float: left;width: 100%;padding-left: 30px;margin-bottom: 16px;background: url(../images/about-us-arrow.png) no-repeat top 7px left 0px;
font-family: 'Museo 300';font-size:20px;line-height: 29px;color: #fff;}
.abt-rht-cont{ float:right;width: 27%; position: absolute; bottom: -6px; right: 0;margin-right: 6%;}
.abt-rht-cont img { width:100%;}
.inner-banner.intelligency.commercial-bgs {background: url(../images/com-benefits-bg.jpg);}
.inner-banner.intelligency {background: url(../images/intelligency-bg.jpg); background-size:cover;}

.abt-contents.intell p{color:#fff;padding-bottom: 21px; line-height:30px;font-family: 'Museo 300'; letter-spacing:0.5; font-size:18px;}
.abt-contents.intell p.para-spec{color:#0ca72d;font-family: 'georgiaitalic';font-size: 20px;line-height: 30px;background: rgba(0,0,0,0.9);padding: 20px 40px;margin-bottom: 20px; position:relative;}
.abt-contents.intell .abt-lft-cont { width:50%;}
.abt-contents.intell .abt-rht-cont { width:49%; margin:0; position:inherit;margin:60px 0 0 0;}
.abt-contents.intell .abt-rht-cont img { width:100%;}
.inner-banner.products {background: url(../images/banner-slide-5.jpg) no-repeat; background-size:cover;}
.abt-lft-cont.catalog { width:100%; background:none; padding:0;}
.abt-lft-cont.catalog ul li:nth-child(5n) { margin-right: 0;}


ul.pro-catalogue li {  z-index: 1; float: left; width: 20%; margin-right: 0%; border: 0px solid rgba(255, 255, 255, 0.2); padding: 0; margin-bottom: 0%; text-align:center;  -webkit-transition:all .5s ease; -moz-transition:all .5s ease; transition:all .5s ease;  cursor: pointer; position: relative;}
ul.pro-catalogue li::after { z-index: -1; position: absolute; display: block; content: ""; left:0; width: 100%; height: 0%; top:50%; background:#014220;  -webkit-transition:all .5s ease; -moz-transition:all .5s ease; transition:all .5s ease; }
ul.pro-catalogue li:hover::after { height: 100%; top:0; }
ul.pro-catalogue{ display:flex; flex-wrap:wrap;}
ul.pro-catalogue li:hover .ico-round { background: #fff; border: 1px solid #fff; }
ul.pro-catalogue li h2 {  color: #ffffff; font-size: 18px; font-family: 'Museo 500'; line-height: 24px; margin-bottom: 0px; padding:0;  }
ul.pro-catalogue li h2:after {display:none;}
ul.pro-catalogue li a { color: #fff; font-family: 'Museo 300'; font-size: 14px; padding:30px 20px;display: block;}
ul.pro-catalogue li .ico-round { width: 96px; height: 96px; background: #fff; border: 1px solid #fff; border-radius: 50%; margin-bottom: 20px; display: inline-flex;
 justify-content: center; align-items: center; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; transition:all .5s ease; }
ul.pro-catalogue li .ico-round span { background: transparent url(../images/tool-icons.png) no-repeat 0 0; width: 56px; height: 56px; display: inline-block; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; transition:all .5s ease; }
ul.pro-catalogue li:nth-child(5n) { margin-right: 0;}
ul.pro-catalogue li .rew-ico span { background-position: 7px 0; }
ul.pro-catalogue li:hover .rew-ico span { background-position: 7px -62px; }
ul.pro-catalogue li .pef-ico span { background-position: -50px 0; }
ul.pro-catalogue li:hover .pef-ico span { background-position: -50px -62px; }
ul.pro-catalogue li .comp-ico span { background-position:-118px -3px; }
ul.pro-catalogue li:hover .comp-ico span { background-position: -118px -65px; }
ul.pro-catalogue li .tal-ico span { background-position:-179px -3px; }
ul.pro-catalogue li:hover .tal-ico span { background-position: -179px -65px; }
ul.pro-catalogue li .beh-ico span { background-position:-238px -3px; }
ul.pro-catalogue li:hover .beh-ico span { background-position: -238px -65px; }
ul.pro-catalogue li .emp-ico span { background-position:-304px -3px; }
ul.pro-catalogue li:hover .emp-ico span { background-position: -304px -65px; }
ul.pro-catalogue li .strat-ico span { background-position:-366px -3px; }
ul.pro-catalogue li:hover .strat-ico span { background-position: -366px -65px; }
ul.pro-catalogue li .sucess-ico span { background-position:-434px -1px; }
ul.pro-catalogue li:hover .sucess-ico span { background-position: -434px -63px; }
ul.pro-catalogue li .mapping-ico span { background-position:-507px -1px; }
ul.pro-catalogue li:hover .mapping-ico span { background-position: -507px -68px; }
ul.pro-catalogue li .hrm-ico span { background-position:-586px -1px; }
ul.pro-catalogue li:hover .hrm-ico span { background-position: -586px -68px; }


.mob-img-who { display:none; margin-top: 30px; text-align: center;}
.mob-img-who img { float: none; display: inline-block; width: 120px;}
ul.list-para li {float: left;width: 100%;background: url(../images/green-arrow.png) no-repeat top 6px left;font-family: 'Museo 300';font-size: 18px;line-height: 26px;color:#fff;letter-spacing: 0.5px;padding-left: 30px;margin-bottom: 15px;}
h3.comme-title{ font-size:20px; color:#f15a22;font-family: 'Museo 700';display: inline-block; margin:20px 0 10px 0;}

/* animation css */
.prod-cont-tit h2, .abt-lft-cont h2, ul.pro-catalogue li, .why-cont h2, .contact-pge h1 {-webkit-animation:fadeInUp ease-in 1;-moz-animation:fadeInUp ease-in 1;-o-animation:fadeInUp ease-in 1;animation:fadeInUp ease-in 1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;animation-delay: 0.2s; }
/* .prod-cont1 p, .abt-lft-cont h3, ul.list-para, ul.pro-catalogue li .ico-round, .why-cont h3, .contact-form-rht p, .prod-cont1.partners ul {-webkit-animation:fadeInUp ease-in 1;-moz-animation:fadeInUp ease-in 1;-o-animation:fadeInUp ease-in 1;animation:fadeInUp ease-in 1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;animation-delay: 0.8s; } */
/* .reward-txt h2, .contentbg-black, .abt-contents.intell p, ul.pro-catalogue li h2, .why-list, .contact-form ul {-webkit-animation:fadeInUp ease-in 1;-moz-animation:fadeInUp ease-in 1;-o-animation:fadeInUp ease-in 1;animation:fadeInUp ease-in 1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;animation-delay: 1.6s; } */
/* .ul-common, ul.about-list, .flow-chat {-webkit-animation:fadeInUp ease-in 1;-moz-animation:fadeInUp ease-in 1;-o-animation:fadeInUp ease-in 1;animation:fadeInUp ease-in 1;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;animation-delay: 2.2s; }

@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
} */

.ts-bubble-border {display: inline-block;position: relative;transition: .6s ease;}
.ts-bubble-border i {background-color: #1c8e99;;position: absolute;transition: .2s ease-in;}
.ts-bubble-border i:nth-child(1) {top: 0;left: 0;height: 8px;width: 0%;}
.ts-bubble-border i:nth-child(2) {height: 0%;right: 0;top: 0;width: 8px;transition-delay: .2s;}
.ts-bubble-border i:nth-child(3) {bottom: 0;right: 0;height: 8px;width: 0%;transition-delay: .4s;}
.ts-bubble-border i:nth-child(4) {height: 0%;left: 0;bottom: 0;width: 8px;transition-delay: .6s;}
.ts-bubble-border.in {opacity: 1;transform: translateY(0) rotate(.02deg);}
.ts-bubble-border.in i:nth-child(1), .ts-bubble-border.in i:nth-child(3) {width: 100%;}
.ts-bubble-border.in i:nth-child(2), .ts-bubble-border.in i:nth-child(4) {height: 100%;}

/*contactus*/
.inner-banner.contact { background:url(../images/contact-us-bg.jpg); background-size: cover;position: static;}
.contact-pge{width:100%; float:left;  padding:0; margin:40px 0 40px 0;}
.contact-form{ float:right; width:55%;}
.contact-form-rht{ float:left; width:38%; margin-right:6%;}
.contact-pge h1{ color: #fff;font-size:40px;line-height:50px;font-family: 'Museo 700';padding-bottom: 15px;position: relative;margin-bottom:10px;}
.contact-pge h1::after {position: absolute;display: block;content: "";left: 0; bottom: 0;background: #f15a22;width: 69px;height: 3px;margin: 0 auto;}
.contact-form ul li{ float:left; width:100%; margin-bottom:10px; position:relative;  }
.contact-form ul li:last-child{ margin-bottom:0;}
.contact-pge label { color:#ffffff; font-family: 'Museo 300'; font-size:18px; float: left;line-height:25px; text-transform:inherit; padding-bottom:10px; width: 100%;}
.contact-pge label span {color:#fe7007;margin-left: 3px;}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea{ width:100%; background:#fff; padding:0px 15px; border:1px solid #d5d5d5; border-radius:4px; height:46px; line-height:50px;font-family: 'Museo 300';font-size:16px; color:#3c3b3b; transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease; }
.contact-form input[type="text"]:focus, .contact-form textarea:focus{ border: solid 1px #f15a22;}
.contact-form textarea{height:120px; padding:0px 20px; }
.contact-form input[type="button"]{display: inline-block;background:#f15a22; color: #fff;font-size: 14px;height:50px;line-height:48px;padding: 0px 28px; font-family: 'Museo 700';cursor: pointer;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease; letter-spacing: 1px; border:none; float:right; border-radius:5px;text-transform: uppercase;}
.contact-form input[type="button"]:hover{ color:#fff;background:#014220; }
.contact-form .btn-rightbg { float:left; background:#014220; border-radius:4px;margin-bottom: 30px; }
.contact-form input[type=checkbox]:not(old){position:absolute;width:10px;height:10px;margin: 0;padding: 0;font-size : 1em;opacity: 0; cursor:pointer; display:none; left:3px; top:22px;}
.contact-form ul li .co-lf {width: 49%;float: left; margin-right: 2%;}
.contact-form ul li:last-child .co-lf{width: 100%;}
.contact-form ul li .co-lf:last-child{margin-right: 0;}
.contact-form ul li:last-child{margin-top:0px;}
.contact-form ul li .co-lf .opt {float: left;margin-top: 8px;}
.contact-form ul li .co-lf.lei{ width:68%;}
.page-title.page-title1.contact {padding: 22px 0px 20px;}
.contact-form-rht p { width: 100%; float: left; font-size: 20px;	color: #ffffff; font-family: 'Museo 300';	margin: 0 0 30px 0;	line-height: 36px;}
.contact-form-rht strong{font-family: 'Museo 500'; font-size:20px; font-weight:normal; color:#f15a22; display: inline-block;}
.mob-mail{ opacity:0;}
.contact-form-rht p span.web { display: block;}
.contact-form-rht a{color:#f15a22;font-family: 'Museo 500';}
.contact-form-rht a.des-mail { background:url(../images/email.png) no-repeat left center; padding-left:26px;}
.contact-form-rht a:hover{color:#f15a22;text-decoration:underline;}
.contact-bg.animate .contact-form-rht { -webkit-animation: slideL 0.4s linear both; -moz-animation: slideL 0.4s linear both; animation: slideL 0.4s linear both; opacity: 0; animation-delay:.4s; transform: translate3d(0, 0, 0);}
.contact-bg.animate .contact-form { -webkit-animation: slideR 0.4s linear both; -moz-animation: slideR 0.4s linear both; animation: slideR 0.4s linear both; opacity: 0; animation-delay:.8s; transform: translate3d(0, 0, 0);}

@-webkit-keyframes txtup {
     0% {opacity:0; transform:translate3d(0, 50px, 0);}
     100% {opacity: 1; transform: translate3d(0, 0, 0);}
}
@keyframes txtup {
     0% {opacity:0; transform:translate3d(0, 50px, 0);}
     100% {opacity: 1; transform: translate3d(0, 0, 0);}
} 
@-webkit-keyframes slideR {
     0% {opacity:0;transform:translate(100px, 0);}
     100% {opacity: 1; transform:translate(0, 0);}
}
@keyframes slideR {
     0% {opacity:0;transform:translate(100px, 0);}
     100% {opacity: 1; transform:translate(0, 0);}
} 

@-webkit-keyframes slideL {
     0% {opacity:0; transform:translate(-100px, 0px);}
     100% {opacity: 1; transform:translate(0, 0);}
}
@keyframes slideL {
     0% {opacity:0; transform:translate(-100px, 0);}
     100% {opacity: 1; transform:translate(0, 0);}
} 


.inner-banner.partner-bg { position: fixed; padding-bottom: 50px;}

.prod-cont1.partners { width:100%;}
.prod-cont1.partners ul {margin-top: 50px;}
.prod-cont1.partners ul li { float: none; width: auto; margin-right: 2%; display: inline-block;}
.prod-cont1.partners ul li:last-child { margin:0;}
.prod-cont1.partners ul li a img { width:100%; float:left;}
.prod-cont-tit.tit2 h2.partner-tit { border:0;font-size: 36px; padding:0 0 20px 0; margin:0; position:relative; margin-bottom:20px;}
.prod-cont-tit.tit2 h2.partner-tit:after { content:''; position:absolute; width:70px; height:5px;; left:0; margin:0px auto; bottom:0; right:0; background:#f15a22; }	
.mbl-view { width:100%; float:left; margin-bottom:20px; display:none;}

.inner-banner.request-bg {background-size: cover;position: static;}
.contact-pge.req-meeting .contact-form {width: 60%; float:none; margin:0 auto;}
.contact-pge.req-meeting .contact-form h1 { text-align:center; line-height:40px;margin-bottom: 30px;}
.contact-pge.req-meeting .contact-form h1:after { left:46%;}

.contact-pge.req-meeting .contact-form ul li.last-capt img { float:left;}
.contact-pge.req-meeting .contact-form ul li.last-capt .btn-rightbg { float:right;}

.contact-pge.req-meeting h1 { text-align:center;}
.contact-pge.req-meeting h1::after { right:0;} 

.mob-slide { float:left; width:100%; display:none;}




/******************** 19-3-20202 ************************/
.abt-contents { justify-content: left;  display: flex;  align-items: center;}
.abt-lft-cont { margin: 30px 0 0 0; }
p.para-quote{ position:relative;}
/*p span.quote1 { width:17px; height:13px; background:url(../images/para-quote.png) no-repeat;display: inline-block;position: absolute;top: -11px;left: -15px;}
p span.quote2 { width:17px; height:13px; background:url(../images/para-quote1.png) no-repeat;display: inline-block;position: absolute;bottom: -7px;right: -15px;}
*/
span.quote1 { position: absolute;top: 10px;left: 18px;} 
span.quote2 { position:relative; bottom:-7px;right:-5px;}
span.quote1.qut {top: 69px;left: 19px;}

.abt-lft-cont p.para-spec {color: #0ca72d;; font-family: 'georgiaitalic'; font-size: 26px; line-height: 50px; background: rgba(0,0,0,0.4); padding: 20px 40px; margin-bottom: 28px;position: relative;}

.fullwid { float: left; width: 100%; }
.why-cont.partners-title.abt-contents { margin: 0;}


.abt-lft-cont h2 { -webkit-animation: txtup 0.4s linear both; -moz-animation: txtup 0.4s linear both; animation: txtup 0.4s linear both; opacity: 0; animation-delay:.4s; transform: translate3d(0, 0, 0);}
.abt-lft-cont #content-2 { -webkit-animation: txtup 0.4s linear both; -moz-animation: txtup 0.4s linear both; animation: txtup 0.4s linear both; opacity: 0; animation-delay:.8s; transform: translate3d(0, 0, 0);}
.abt-rht-cont.fo-img { -webkit-animation: slideR 0.4s linear both; -moz-animation: slideR 0.4s linear both; animation: slideR 0.4s linear both; opacity: 0; animation-delay:1.2s; transform: translate3d(0, 0, 0);}

.why-cont h2 { -webkit-animation: txtup 0.4s linear both; -moz-animation: txtup 0.4s linear both; animation: txtup 0.4s linear both; opacity: 0; animation-delay:.4s; transform: translate3d(0, 0, 0);}
.why-cont #content-2 h3 { -webkit-animation: txtup 0.4s linear both; -moz-animation: txtup 0.4s linear both; animation: txtup 0.4s linear both; opacity: 0; animation-delay:.8s; transform: translate3d(0, 0, 0);}
.why-cont #content-2 .why-list li:first-child { -webkit-animation: txtup 0.4s linear both; -moz-animation: txtup 0.4s linear both; animation: txtup 0.4s linear both; opacity: 0; animation-delay:1.2s; transform: translate3d(0, 0, 0);}
.why-cont #content-2 .why-list li:nth-child(2) { -webkit-animation: txtup 0.4s linear both; -moz-animation: txtup 0.4s linear both; animation: txtup 0.4s linear both; opacity: 0; animation-delay:1.5s; transform: translate3d(0, 0, 0);}
.why-cont #content-2 .why-list li:nth-child(3) { -webkit-animation: txtup 0.4s linear both; -moz-animation: txtup 0.4s linear both; animation: txtup 0.4s linear both; opacity: 0; animation-delay:1.9s; transform: translate3d(0, 0, 0);}
.why-cont #content-2 .flow-chat { -webkit-animation: txtup 0.4s linear both; -moz-animation: txtup 0.4s linear both; animation: txtup 0.4s linear both; opacity: 0; animation-delay:2.2s; transform: translate3d(0, 0, 0);}

.why-cont #content-2 .why-list li .flip-box-back ul li:first-child, .why-cont #content-2 .why-list li .flip-box-back ul li:nth-child(2), .why-cont #content-2 .why-list li .flip-box-back ul li:nth-child(3)  { animation: none; transform:none; opacity: 1; }

.prod-cont1.partners ul li:first-child { -webkit-animation: txtup 0.4s linear both; -moz-animation: txtup 0.4s linear both; animation: txtup 0.4s linear both; opacity: 0; animation-delay:0.8s; transform: translate3d(0, 0, 0);}
.prod-cont1.partners ul li:nth-child(2) { -webkit-animation: txtup 0.4s linear both; -moz-animation: txtup 0.4s linear both; animation: txtup 0.4s linear both; opacity: 0; animation-delay:1.2s; transform: translate3d(0, 0, 0);}
.prod-cont1.partners ul li:nth-child(3) { -webkit-animation: txtup 0.4s linear both; -moz-animation: txtup 0.4s linear both; animation: txtup 0.4s linear both; opacity: 0; animation-delay:1.6s; transform: translate3d(0, 0, 0);}
.prod-cont1.partners ul li:nth-child(4) { -webkit-animation: txtup 0.4s linear both; -moz-animation: txtup 0.4s linear both; animation: txtup 0.4s linear both; opacity: 0; animation-delay:1.9s; transform: translate3d(0, 0, 0);}

.contact-pge .contact-form-rht.slide-r { -webkit-animation: txtup 0.4s linear both; -moz-animation: txtup 0.4s linear both; animation: txtup 0.4s linear both; opacity: 0; animation-delay:.4s; transform: translate3d(0, 0, 0); }
.contact-pge .contact-form.slide-l { -webkit-animation: txtup 0.4s linear both; -moz-animation: txtup 0.4s linear both; animation: txtup 0.4s linear both; opacity: 0; animation-delay:.8s; transform: translate3d(0, 0, 0); }

.prod-cont .prod-cont1 .prod-cont-tit { -webkit-animation: txtup 0.4s linear both; -moz-animation: txtup 0.4s linear both; animation: txtup 0.4s linear both; opacity: 0; animation-delay:.4s; transform: translate3d(0, 0, 0);}
.prod-cont .prod-cont1 p { -webkit-animation: txtup 0.4s linear both; -moz-animation: txtup 0.4s linear both; animation: txtup 0.4s linear both; opacity: 0; animation-delay:1s; transform: translate3d(0, 0, 0);color:#7bedf8;}
.prod-cont .prod-cont1 .reward-txt { -webkit-animation: txtup 0.4s linear both; -moz-animation: txtup 0.4s linear both; animation: txtup 0.4s linear both; opacity: 0; animation-delay:1.4s; transform: translate3d(0, 0, 0);}

.slide-div { -webkit-animation: slideR 0.4s linear both; -moz-animation: slideR 0.4s linear both; animation: slideR 0.4s linear both; opacity: 0; animation-delay:1.2s; transform: translate3d(0, 0, 0);}

.contact-pge h1 { -webkit-animation: txtup 0.4s linear both; -moz-animation: txtup 0.4s linear both; animation: txtup 0.4s linear both; opacity: 0; animation-delay:.4s; transform: translate3d(0, 0, 0);}
.contact-pge #content-2 { -webkit-animation: txtup 0.4s linear both; -moz-animation: txtup 0.4s linear both; animation: txtup 0.4s linear both; opacity: 0; animation-delay:1s; transform: translate3d(0, 0, 0);}


.ts-bubble-border.col2 i {    background-color: #1c8e99; }
.ts-bubble-border.col3 i {    background-color: #1c8e99; }
.ts-bubble-border.col4 i {    background-color: #1c8e99; }
.ts-bubble-border.col5 i {    background-color: #1c8e99; }
.ts-bubble-border.col6 i {    background-color: #1c8e99; }
.ts-bubble-border.col7 i {    background-color: #1c8e99; }
.ts-bubble-border.col8 i {    background-color: #1c8e99; }
.ts-bubble-border.col9 i {    background-color: #1c8e99; }
.ts-bubble-border.col10 i {    background-color: #1c8e99; }

ul.pro-catalogue.prod li { background: #075397; margin: 0 1% 20px 0; width: 19%; min-height: 230px;align-items: center; justify-content: center;display: flex;}
ul.pro-catalogue.prod li h2 { color:#fff;font-size:20px;}
ul.pro-catalogue.prod li:hover h2{ color:#fff;}

.pro-catalogue.prod h2 { animation: none; opacity: 1; }



.center-btn { float: left; width: 100%; }
.center-btn.btn-div { text-align: center; margin: 0px 0 0 0; }
.center-btn.btn-div a { box-shadow: 0px 8px 10px rgba(0,0,0,0.3); background: #179679 url(../images/back-arrow.png) no-repeat left 20px center; display: inline-block; color: #fff; padding: 14px 20px 14px 40px;  font-family: 'Museo 500'; font-size: 16px;  border-radius: 25px; transition: all 0.4s ease; border: 1px solid transparent;}
.center-btn.btn-div a:hover { background-color: rgba( 0, 0, 0, 0.6); border: 1px solid #fff;}
.prod-cont1 p.gn-txt { color: #7bedf8; }
.prod-cont1 p.pk-txt { color: #7bedf8; }
.prod-cont1 p.blu-txt { color: #7bedf8; }
.prod-cont1 p.yel-txt { color: #7bedf8; }
.prod-cont1 p.vi-txt { color: #7bedf8; }
.prod-cont1 p.r-txt { color: #7bedf8; }
.prod-cont1 p.lgrn-txt { color: #7bedf8; }
.prod-cont1 p.red-txt { color: #7bedf8; }

.center-btn.btn-div.btn-lft { text-align: left; }
.btn-rht  {box-shadow: 0px 3px 5px rgba(0,0,0,0.3); background: #179679 url(../images/back-arrow.png) no-repeat left 20px center; display: inline-block; color: #fff; padding: 14px 20px 14px 40px;  font-family: 'Museo 500'; font-size: 16px;  border-radius: 25px; transition: all 0.4s ease; border: 1px solid transparent;}
.abt-contents.abt-fdr a { background: #4d4c4c url(../images/back-arrow.png) no-repeat left 20px center; display: inline-block; color: #fff; padding: 12px 20px 12px 40px;  font-family: 'Museo 500'; font-size: 16px;  border-radius: 25px; transition: all 0.4s ease; border: 1px solid transparent; float: right; z-index:1; position:relative;}
.abt-contents.abt-fdr h2 { display: inline-block; }
.abt-contents.abt-fdr a:hover { background-color: #179679; }

.main-body.stick #header .site-brand { width:240px; transition:all 0.5s ease; }
.main-body.stick #header .site-brand img { width:100%;}


.flow-chat { display:none; /*position:absolute; top:0;*/ margin:10px 0 0 0; transition:all 0.4s ease; animation:fade 1s ease;  } 
a.close { color:#000; font-size:20px; text-decoration:none; margin:25px 0 25px 0; display:inline-block; background:#fff url(../images/menu-close.png) no-repeat right 22px center; padding:10px 47px 10px 20px; border-radius: 25px; transition:all 0.4s ease; } 
a.close:hover { background-color:#ccc;}

#content-why .mCSB_container { height:100%;}
.blocks { float:left; width:100%; position:relative; }

.main-body.fp-viewing-2 .site-brand, .main-body.fp-viewing-3 .site-brand, .main-body.fp-viewing-4 .site-brand, .main-body.fp-viewing-5 .site-brand, .main-body.fp-viewing-6 .site-brand { width:340px; transition:all 0.5s ease; }
.main-body.fp-viewing-2 .site-brand img, .main-body.fp-viewing-3 .site-brand img, .main-body.fp-viewing-4 .site-brand img, .main-body.fp-viewing-5 .site-brand img, .main-body.fp-viewing-6 .site-brand img { width:auto; transition:all 0.5s ease; }

/*.main-body.fp-viewing-2 header, .main-body.fp-viewing-3 header, .main-body.fp-viewing-4 header, .main-body.fp-viewing-5 header, .main-body.fp-viewing-6 header { margin-top:0; }*/
/*.main-body.fp-viewing-2 header, .main-body.fp-viewing-3 header, .main-body.fp-viewing-4 header, .main-body.fp-viewing-5 header, .main-body.fp-viewing-6 header { margin-top:0; }*/

.why-list ul li.result_hover .flip-box-front h3{ opacity:0;}

@keyframes fade
{
	0% { opacity:0;}
	100% { opacity:1;}
}


.return-hme-btn{padding:30px 0;float:left;width:100%;text-align: center;}
a.home-btn  { background: #0aafb7  url(../images/back-arrow.png) no-repeat left 20px center; display: inline-block; color: #fff; padding: 12px 20px 12px 40px;  font-family: 'Museo 500'; font-size: 16px;  border-radius: 25px; transition: all 0.4s ease; border: 1px solid transparent; z-index:1; position:relative;margin: 0 0 20px 0;border:1px solid #06868c;}
.abt-contents.abt-fdr h2 { display: inline-block; }
a.home-btn:hover { background-color: rgba( 0, 0, 0, 0.6);border: 1px solid #fff;}
.text-left{text-align:left;}
.text-left a{background:#f15a22  url(../images/back-arrow.png) no-repeat left 20px center;}
.remov-padding{padding:0px;float:right;text-align:right;width:auto;}
.hme-btn-display{display:none;}
.display-prop{display:none;}

.err-mssg { color: #fe7007; padding-top: 7px; font-size: 15px; font-family: 'Museo 300';}
.bg-color-body{background: #171717;}
.bg-color-contact{background:#0b090a;}
#src_captcha {padding-top: 10px;}
.bg-color-request{background:#0b090a url(../images/request-bg.jpg) no-repeat;background-size: cover;float: left; width: 100%; height: 100%;}
.contact-form.r-meet.request ul li.capta{width: 100%;}


.request-btn.home-btn {margin: 16px 10px 0 0;}
.body-bg-partner{background: url(../images/bg-partner-img.jpg) no-repeat;background-size: cover;float: left; width: 100%; height: 100vh;background-attachment: fixed; }
.body-bg-touchstone{background: url(../images/why-touch.jpg) no-repeat;background-size: cover;float: left; width: 100%; height: 100vh;}
.flow-chat { height: 100vh;}

.why-touchstone{height:auto!important;background-attachment: fixed;}

.partners-pg{height: auto;}