body {width:100%;height:100%;font-family: 'Lato', sans-serif;color:#777777;background-color:#fff;font-size:18px;font-weight:400;min-width:320px;overflow-x:hidden !important;}

html{width:100%;height:100%;}



* {outline:none !important;}

p {margin:0;padding:0px;}

h1, h2, h3, h4, h5, h6, ul, li{margin:0px;padding:0px;}

a {color:#009055;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;padding:0px;margin:0px;}

a:hover, a:focus {text-decoration:none;color:#000;}



/*font-family: 'Lato', sans-serif;

font-family: 'Playfair Display', serif;

font-family: 'Montserrat', sans-serif*/



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

/*	Navigation Css

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

.headerGradient{width:100%;min-height:242px;display:block;position:absolute; z-index:999;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+93,ffffff+94,ffffff+100&0.84+0,0.84+1,0.61+1,0.61+1,0.58+2,0.61+2,0.61+5,0.56+12,0.25+47,0.11+67,0.01+89,0+100 */

background: -moz-linear-gradient(top,  rgba(0,0,0,0.84) 0%, rgba(0,0,0,0.61) 1%, rgba(0,0,0,0.61) 2%, rgba(0,0,0,0.61) 5%, rgba(0,0,0,0.56) 12%, rgba(0,0,0,0.25) 47%, rgba(0,0,0,0.11) 67%, rgba(0,0,0,0.01) 89%, rgba(0,0,0,0.01) 93%, rgba(255,255,255,0.01) 94%, rgba(255,255,255,0) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(0,0,0,0.84) 0%,rgba(0,0,0,0.61) 1%,rgba(0,0,0,0.61) 2%,rgba(0,0,0,0.61) 5%,rgba(0,0,0,0.56) 12%,rgba(0,0,0,0.25) 47%,rgba(0,0,0,0.11) 67%,rgba(0,0,0,0.01) 89%,rgba(0,0,0,0.01) 93%,rgba(255,255,255,0.01) 94%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(0,0,0,0.84) 0%,rgba(0,0,0,0.61) 1%,rgba(0,0,0,0.61) 2%,rgba(0,0,0,0.61) 5%,rgba(0,0,0,0.56) 12%,rgba(0,0,0,0.25) 47%,rgba(0,0,0,0.11) 67%,rgba(0,0,0,0.01) 89%,rgba(0,0,0,0.01) 93%,rgba(255,255,255,0.01) 94%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6000000', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

}

.navbar{margin-bottom:0px;min-height:auto;background:none;border-bottom:0px;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}

.navbar *{-webkit-transition:all 0.35s ease 0s;-o-transition:all 0.35s ease 0s;-moz-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}

.navbar-brand{height:auto;}

.navbar-brand{padding:12px 15px 10px 32px;}

.navbar-brand img{transition:all 0.35s ease 0s}

.navbar-nav{margin:30px 30px 10px 0px;}

.navbar-inverse .navbar-nav > li > a{font-size:14px;font-weight:700;text-transform:uppercase;font-family: 'Montserrat', sans-serif;color:#fff;padding:5px 14px;}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > li > a:hover{color:#00ae4b;background:#fff;border-radius:17px;}



.navToggleMain .icn-bar{width:24px;height:2px;background:#fff;display:block;margin-top:4px;}

.navToggleMain a{position:relative;margin-top:-5px;}

.navbar-inverse .navbar-nav > li.navToggleMain a:hover{background:none;}



.navbar.stickyHeader{background:#000/*rgba(29, 29, 33, 0.7) none repeat scroll 0 0*/ !important;}

.stickyHeader .navbar-brand > img{max-width:160px;}

.stickyHeader .navbar-nav{margin-top:20px;}



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

/*	Revolution Slider Css

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

.tp-fullwidth-container,

.tp-fullscreen-container,

.tp-banner-container {

    width: 100% !important;

    position: relative;

    padding: 0;

}

.revolution {

    z-index: 998

}

.revolution.tp-banner-container {

	z-index: 996;

}

.revolution btn {

    font-size: 13px

}

.revolution ul {

    display: none;

    margin: 0;

    list-style: none;

}

.revolution .tp-caption h1 {

    margin: 0;

}

.revolution .tp-caption {

    color: #efefef

}



.revolution .tp-caption.medium {

    font-size: 28px;

    line-height: 36px;

}

.tp-leftarrow.default,

.tp-rightarrow.default {

    z-index: 100;

    cursor: pointer;

    position: relative;

    top: 50% !important;

    -webkit-transition: all 150ms ease-in;

    -o-transition: all 150ms ease-in;

    -moz-transition: all 150ms ease-in;

    color: rgba(255,255,255,0.75);

    padding: 0;

    text-align: center;

    font-size: 40px;

    line-height: 1;

}

.tparrows{display:none;}

.tparrows:before {

    font-style: normal;

    font-weight: normal;

    speak: none;

    display: inline-block;

    text-decoration: inherit;

    text-align: center;

    vertical-align: middle;

}

.tp-leftarrow.default {

    margin-left: 20px;

}

.tp-rightarrow.default {

    margin-right: 20px;

}

.tp-leftarrow.default:before {

    content: '\e765';

}

.tp-rightarrow.default:before {

    content: '\e766';

}

.tparrows:hover {

    color: rgba(255,255,255,1);

}

.tp-bullets {bottom:0px !important;left:auto !important;right:48px !important;top:50%;margin-top:-53px;width:20px;}

.tp-bullets.simplebullets.round .bullet {

    margin:0px 0px 20px 0px;

    border-radius: 100%;

    border:2px solid rgba(255,255,255,0.9);

    width:8px;

    height:8px;

    transition:all 150ms ease-in;

    background:#fff;

	float:none;

	position:relative;

}

.tp-bullets.simplebullets.round .bullet::after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;border:0.5px solid #fff;left:-6px;top:-6px;-webkit-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:all 0.35s ease 0s;transition:all 0.35s ease 0s;}



.tp-bullets.simplebullets.round .bullet.selected::after,

.tp-bullets.simplebullets.round .bullet:hover::after {

	transform:scale(1)

}

.tp-bullets.hidebullets {

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

    -moz-opacity: 0;

    -khtml-opacity: 0;

    opacity: 0;

}

.tp-loader.spinner0 {

    background: none !important;

    height: 40px;

    width: 40px;

    -webkit-animation: rotation .8s infinite linear;

    -moz-animation: rotation .8s infinite linear;

    -o-animation: rotation .8s infinite linear;

    animation: rotation .8s infinite linear;

    border-left: 3px solid rgba(112,174,210,.15);

    border-right: 3px solid rgba(112,174,210,.15);

    border-bottom: 3px solid rgba(112,174,210,.15);

    border-top: 3px solid rgba(112,174,210,.8);

    border-radius: 100%;

    margin: -20px -20px;

    top: 50%;

    left: 50%;

    z-index: 1000;

    position: absolute;

    box-shadow: none;

    -webkit-box-shadow: none;

}

.tp-bannertimer {

    width: 100%;

    height: 10px;

    background: url(style/images/timer.png);

    position: absolute;

    z-index: 200;

}

.tp-dottedoverlay.twoxtwo {

    background: rgba(29,29,33,0.4)

}

.imageIcons{position:relative;}

.imageIcons img{border: 1px solid #fff; height: 100px;}

/*.imageIcons::before{content:"";position:absolute;top:50%;left:-68%;width:200px;height:1px;background:#fff;}

.imageIcons::after{content:"";position:absolute;top:50%;right:-68%;width:200px;height:1px;background:#fff;}*/

.revolution .tp-caption.medium{color:#000000;text-transform:uppercase;letter-spacing:3px;font-size:15px;font-family: 'Lato', sans-serif;background:#fff;padding:9px 40px;font-weight:700;}

.revolution .tp-caption.large{font-size:72px;line-height:75px;font-weight:700;font-family: 'Montserrat', sans-serif;text-transform:uppercase;}

.revolution .sliderLink a{color:#fff;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-family: 'Lato', sans-serif;padding:52px 15px;font-weight:700;border:1px solid #fff;position:relative;z-index:1;overflow:hidden;-webkit-transition:all 0.35s ease-in 0s;transition:all 0.35s ease-in 0s;}

.revolution .sliderLink a span{position:relative;z-index:9;}

.revolution .sliderLink a::after{background:#fff;content:"";position:absolute;left:0px;top:0px;height:100%;width:0px;z-index:-1;-webkit-transition:all 0.35s ease-in 0s;transition:all 0.35s ease-in 0s;}

.revolution .sliderLink a::before{background:#fff;content:"";position:absolute;right:0px;top:0px;height:100%;width:0px;z-index:-1;-webkit-transition:all 0.35s ease-in 0s;transition:all 0.35s ease-in 0s;}

.revolution .sliderLink a:hover{color:#3a3a3b;}

.revolution .sliderLink a:hover::after, .revolution .sliderLink a:hover::before{width:100%;}



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

/*	Website Preloader

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



@-webkit-keyframes rotation { 

	from {

	    -webkit-transform: rotate(0deg)

	}

	to {

	    -webkit-transform: rotate(359deg)

	}

}

@-moz-keyframes rotation { 

	from {

	    -moz-transform: rotate(0deg)

	}

	to {

	    -moz-transform: rotate(359deg)

	}

}

@-o-keyframes rotation { 

	from {

	    -o-transform: rotate(0deg)

	}

	to {

	    -o-transform: rotate(359deg)

	}

}

@keyframes rotation { 

	from {

	    transform: rotate(0deg)

	}

	to {

	    transform: rotate(359deg)

	}

}

#preloader {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;



    background-color: #f9f9f9;

    z-index: 9999999;

}

#status {

    width: 40px;

    height: 40px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin: -20px 0 0 -20px;

}

.spinner {

    height: 40px;

    width: 40px;

    position: relative;

    -webkit-animation: rotation .8s infinite linear;

    -moz-animation: rotation .8s infinite linear;

    -o-animation: rotation .8s infinite linear;

    animation: rotation .8s infinite linear;

    border-left: 3px solid rgba(112,174,210,.15);

    border-right: 3px solid rgba(112,174,210,.15);

    border-bottom: 3px solid rgba(112,174,210,.15);

    border-top: 3px solid rgba(112,174,210,.8);

    border-radius: 100%;

}

#preloader .textload {

	width: 100%;

	position: absolute;

	top: calc(50% + 30px);

	left: 0;

	text-transform: uppercase;

	text-align: center;

	color: #70aed2;

	font-family: 'Montserrat', sans-serif;

}

.icon img {

    width: 100%;

    height: 100%;

}



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

/*	Idea Section

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

.ideaSection{padding:130px 0px 200px;background:#faaf40;overflow:hidden;position:relative;}

.ideaSection *{-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}

.ideaSection::after{content:"";width:0;height:0;border-style:solid;border-width:0 0 117px 1920px;border-color:transparent transparent #f99e16;bottom:0px;left:0px;position:absolute;}

.containerSmall{max-width:1090px;margin:0 auto;}

.containerSmall:after{display:block;content:"";clear:both;}

.ideasLeftBox{width:95%;}

.ideasLeftBox h1{color:#232323;font-weight:900;text-transform:uppercase;font-size:95px;line-height:48px;letter-spacing:-4px;margin-bottom:40px;}

.ideasLeftBox h1 small{color:#7e6baf;font-size:95px;font-weight:900;}

.ideasLeftBox h1 span{color:#fff;display:block;}

.ideasLeftBox p{color:#000;font-size:19px;line-height:24px;font-weight:400;}



.ideaRightBox{position:relative;text-align:right;}

.ideaRightBox::after{content:"";display:block;clear:both;}

.ideaRightBox .ideaBox1{position:absolute;top:-66px;left:74px;}

.ideaRightBox .ideaBox2{position:absolute;top:45px;left:19px}

.ideaRightBox .ideaBox3{position:absolute;bottom:-32px;left:76px;}

.innovate{float:left;margin-top:38px;position:relative;}

.newProductHexagon{float:left;position:relative;}

.ideaCaption{position:absolute;font-size:18px;color:#fff;text-transform:uppercase;font-weight:500;padding:4px 10px;background:#333333;}

.ideaBox1 .ideaCaption{left:-77%;top:17px;}

.ideaBox1 .ideaCaption::after{content:"";position:absolute;width:0;height:0;border-style: solid;border-width:20px 5px 0 5px;border-color:#333333 transparent transparent;bottom:-15px;right:-5px; -webkit-transform:rotate(-29deg);transform:rotate(-29deg);}

.ideaBox2 .ideaCaption{left:-70%;top:25px;}

.ideaBox2 .ideaCaption::after{content:"";position:absolute;width:0;height:0;border-style: solid;border-width:7px 17px 0 0;border-color:#333333 transparent transparent transparent;top:0px;right:-17px;}

.ideaBox3 .ideaCaption{left:-85%;top:75px;}

.ideaBox3 .ideaCaption::after{content:"";position:absolute;width:0;height:0;border-style: solid;border-width:20px 5px 0 5px;border-color:#333333 transparent transparent;top:-14px;right:-6px; -webkit-transform:rotate(214deg);transform:rotate(214deg);}

.innovate .ideaCaption{right:15px;top:35px;background:none;}

.newProductHexagon .ideaCaption{position:relative;background:#fff;color:#333;}



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

/*	Idea Behind Section

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

.ideaBehindSec{width:100%;background:#f99d16;position:relative;padding-bottom:138px;}

.ideaBehindSec *{-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}

.ideaBehindSec::after{content:"";width:0;height:0;border-style:solid;border-width:117px 0 0 1920px;border-color:transparent transparent transparent #fff;bottom:0px;right:0px;position:absolute;z-index:1;}

.ideaBehindSec::before{content:"";position:absolute;right:0px;bottom:0px;width:0;height:0;border-style:solid;border-width:0 0 76px 500px;border-color:transparent transparent #faaf40 transparent;}

.ideasBehindLeft{position:relative;}

.ideasBehindLeft img{max-width:109%; position:absolute;left:0px;top:-92px;}



.ideasBehindRight{}

.ideasBehindRight h3{color:#010101;font-size:48px;font-family: 'Playfair Display', serif;line-height:65px;margin:17px 0px 20px;}

.ideasBehindRight p{color:#000;font-size:16px;line-height:24px;font-weight:400;margin-bottom:15px;}



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

/*	Testimonial Section

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

.testimonialSection{width:100%;padding:30px 0px 75px 0px;}

.testimonialSection h4{color:#010101;font-size:48px;font-family: 'Playfair Display', serif;line-height:65px;margin-bottom:15px;display:inline-block;border-bottom:1px solid #8c8c8c;padding:0px 10px 12px 10px;}

.testimonialSection p{color:#224888;line-height:32px;font-size:24px;font-style:italic;font-family: 'Playfair Display', serif;font-weight:400;}

.quotesName{color:#000000;font-weight:300;margin-top:25px;}



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

/*	Innovation Section

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

.whatInnovation{width:100%;min-height:800px;padding:70px 0px 20px 0px;position:relative;background: rgba(93,142,169,1);background: -moz-linear-gradient(top, rgba(93,142,169,1) 0%, rgba(93,142,169,1) 9%, rgba(57,121,153,1) 49%, rgba(31,104,140,1) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(93,142,169,1)), color-stop(9%, rgba(93,142,169,1)), color-stop(49%, rgba(57,121,153,1)), color-stop(100%, rgba(31,104,140,1)));background: -webkit-linear-gradient(top, rgba(93,142,169,1) 0%, rgba(93,142,169,1) 9%, rgba(57,121,153,1) 49%, rgba(31,104,140,1) 100%);

background: -o-linear-gradient(top, rgba(93,142,169,1) 0%, rgba(93,142,169,1) 9%, rgba(57,121,153,1) 49%, rgba(31,104,140,1) 100%);

background: -ms-linear-gradient(top, rgba(93,142,169,1) 0%, rgba(93,142,169,1) 9%, rgba(57,121,153,1) 49%, rgba(31,104,140,1) 100%);

background: linear-gradient(to bottom, rgba(93,142,169,1) 0%, rgba(93,142,169,1) 9%, rgba(57,121,153,1) 49%, rgba(31,104,140,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d8ea9', endColorstr='#1f688c', GradientType=0 );}

.whatInnovation::after{content:"";position:absolute;left:0px;bottom:-50px;width:0;height:0;border-style:solid;border-width: 0 1920px 50px 0;border-color:transparent #20688c transparent transparent;}

.whatInnovation h5{color:#fff;font-size:36px;font-family: 'Playfair Display', serif;line-height:35px;margin-bottom:30px;text-align:center;}

.whatInnovationTxt{position:relative;color:#fff;line-height:24px;font-size:17px;max-width:92%;padding-bottom:30px;border-bottom:1px solid #fff;margin-bottom:25px;}

.plusCircle{position:absolute;width:30px;height:30px;border:1px solid #fff;border-radius:50%;left:50%;bottom:-15px;margin-left:-15px;background:#5389a5;}

.plusCircle::after{content:"";position:absolute;width:1px;height:15px;background:#fff;left:14px;top:7px;}

.plusCircle::before{content:"";position:absolute;width:15px;height:1px;background:#fff;left:7px;top:14px;}



/* -- Sewing Needle Box -- */

.sewingNeedleBox{width:100%;background:rgba(0, 0, 0, 0.2);padding:35px 80px 35px 50px;margin-top:100px;}

.sewingNeedleBox h4{color:#fff;font-size:30px;font-weight:300;margin-bottom:22px;}

.sewingNeedleBox p{color:#fff;font-size:18px;line-height:28px;font-weight:300;}



/* -- Innovation Mid Box -- */

.innovationMidBox{color:#fff;margin-top:70px;}

.innovationMidBox li{list-style:none;margin-bottom:45px;}

.innovationMidBox li h6{position:relative;font-size:18px;font-weight:600;padding-bottom:10px;border-bottom:2px solid #74a0b7;margin-bottom:5px;display:inline-block;padding-left:15px;}

.innovationMidBox li h6::after{content:"";position:absolute;right:-18px;width:18px;height:2px;background:#74a0b7;bottom:-2px;}

.innovationMidBox li:first-child h6::after{width:85px;right:-85px;}

.innovationMidBox li:nth-child(2) h6::after{width:50px;right:-50px;}

.innovationMidBox li p{font-size:14px;line-height:21px;}



/* -- What New Box -- */

.whatNextBox{position:relative;float:left;width:100%;}

.whatNextimg{position:absolute;right:0px;top:0px;}

.whatNextimg img{max-width:100%;}

.whatNextCaption{margin-top:170px;color:#fff;padding-left:100px;}

.whatNextCaption h3{color:#fff;font-size:24px;font-weight:400;font-family: 'Lato', sans-serif;margin-bottom:25px;}

.whatNextCaption ul::after{ content:"";display:block; clear:both;}

.whatNextCaption ul li{list-style:none;width:50%;float:left;}

.whatNextCaption ul li:nth-child(2){padding-left:5%;}

.whatNextCaption ul li .number{text-align:center;font-size:18px;font-weight:700;width:38px;height:38px;border-radius:50%;background:#cc99cc;line-height:36px;margin-bottom:15px;}

.whatNextCaption ul li p{font-size:14px;line-height:21px;}

.blackTickBox{width:100%;position:relative;background:#000;padding:12px 10px 12px 100px;margin-top:30px;}

.tickBox{width:80px;background:#fabb10;color:#fff;font-size:44px;text-align:center;position:absolute;left:0px;top:0px;height:100%;}

.blackTickBox i{position:absolute;top:50%;left:50%;margin-left:-20px;margin-top:-20px;}

.blackTickBox p{font-size:14px;line-height:21px;font-weight:600;}





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

/*	Services Section

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

.servicesSection{width:100%;padding:100px 0px 80px 0px;}

.servicesSection *, .servicesSection *::after, .servicesSection *::before{-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;-moz-transition:all 0.35s ease;transition:all 0.35s ease;}

.servicesSection h4{color:#010101;font-size:48px;font-family: 'Playfair Display', serif;margin-bottom:45px;}

.servicesSection ul{}

.servicesSection ul li{list-style:none;width:33.33%;float:left;position:relative;overflow:hidden;}

.servicesSection ul li::after{background:rgba(0, 0, 0, 0.4) none repeat scroll 0 0;border-radius:0 0 110% 110%;content:"";height:198%;left:0;opacity:0;position:absolute;top:-148%;width:100%;}

.servicesSection ul li:hover::after{opacity:1;top:0px;}

.servicesSection ul li img{max-width:100%;position:relative;-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;-moz-transition:all 0.35s ease;transition:all 0.35s ease;}

.servicesSection ul li:hover img{transform:scale(1.2);}

.servicesTxtBox{width:100%;position:absolute;left:0px;top:0px;height:100%;z-index:1;}

.servicestxtInner{width:100%;display:table;height:100%;}

.servicestxtInner .servicesTxt{width:100%;display:table-cell;vertical-align:middle;}

.servicestxtInner .servicesTxt h5{font-size:30px;color:#fff;font-weight:500;line-height:33px;position:relative;bottom:-16px;}

.servicesSection ul li:hover h5{bottom:5px;}

.servicestxtInner .servicesTxt p{ padding:0 15px; margin-top:10px; font-size:14px;color:#fff; position:relative;bottom:-16px;}

.servicesSection ul li:hover p{bottom:5px;}

.serviceBtn{bottom:-80px;position:relative;opacity:0;}

.serviceBtn a{color:#fff;border-radius:0px;border:1px solid #fff;font-size:14px;font-weight:600;text-transform:uppercase;padding:9px 18px;display:inline-block;}

.serviceBtn a:hover{background:#fabb10;color:#fff;border:1px solid #fabb10;}

.servicesSection ul li:hover .serviceBtn{bottom:-30px;opacity:1;}

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

/*	Footer Section

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

.footer{width:100%;background:#282828;padding:30px 0px;}

.footer *{-webkit-transition:all 0.35s ease;-o-transition:all 0.35s ease;-moz-transition:all 0.35s ease;transition:all 0.35s ease;}

.footerLeft{ margin-bottom:30px;}

.footerLeft ul{}

.footerLeft ul li{list-style:none;display:inline-block;}

.footerLeft ul li a{color:#fff;font-size:12px;font-weight:600;text-transform:uppercase;padding:0px 15px 0px 0px;}

.footerLeft ul li a:hover{color:#fdc34e;}

/*.footerLeft ul li:last-child a{border-right:2px solid #fff;padding-right:20px;}*/

.footerRight{color:#fff;font-size:12px;font-weight:400;padding-top:6px;}

.rightReserved{width:33%;float:left;}

.socialMedia{width:33%;float:left;text-align:center;}

.socialMedia a{color:#fff;font-size:14px;padding:0px 4px;}

.socialMedia a:hover{color:#fdc34e;}

.designBy{width:33%;float:left;text-align:right;font-weight:600;}

.designBy img{padding-left:5px;vertical-align:middle;}



/* ===================== Animation Css Start ===================== */

.animation-element{opacity:0;position:relative;}

.animation-element.slide-left, .animation-element.slide-top, .animation-element.slide-bottom, .animation-element.slide-right{opacity:0;transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out;}
 

.animation-element.slide-top{top:100px;}

.animation-element.slide-left{left:100px;}

.animation-element.slide-bottom{bottom:100px;}

.animation-element.slide-right{right:100px;}



.animation-element.slide-left.box-show{opacity:1;left:0px;}

.animation-element.slide-top.box-show{opacity:1;top:0px;}

.animation-element.slide-bottom.box-show{opacity:1;bottom:0px;}

.animation-element.slide-right.box-show{opacity:1;right:0px;}



/* -- Custom Animation -- */

.animation-element.ideaBox1{top:-110px;left:40px;transition:all 1s ease-in-out 0.5s;}

.animation-element.box-show.ideaBox1{top:-66px;left:74px;opacity:1;}



.animation-element.ideaBox2{transition:all 1s ease-in-out 1s;left:-20px;}

.animation-element.ideaBox2.box-show{top:45px;left:19px;right:auto;opacity:1;}



.animation-element.ideaBox3{transition:all 1s ease-in-out 1.5s;bottom:-110px;left:56px;}

.animation-element.ideaBox3.box-show{bottom:-66px;left:76px;opacity:1;}



.animation-element.innovate{transition:all 1s ease-in-out 2s;}

.animation-element.newProductHexagon{transition:all 1s ease-in-out 3s;}



.animation-element.ideaCaption{transition:all 0.5s ease-in-out 4s;}

.ideaBox1 .animation-element.ideaCaption{transition:all 1s ease-in-out 4s;left:-80%;}

.ideaBox2 .animation-element.ideaCaption{transition:all 1s ease-in-out 4.2s;left:-73%;}

.ideaBox3 .animation-element.ideaCaption{transition:all 1s ease-in-out 4.4s;left:-88%;}

.innovate .animation-element.ideaCaption{transition:all 1s ease-in-out 4.6s;right:20px;}

.newProductHexagon .animation-element.ideaCaption{transition:all 1s ease-in-out 4.8s;margin-top:12px;}



.ideaBox1 .animation-element.ideaCaption.box-show{left:-77%;}

.ideaBox2 .animation-element.ideaCaption.box-show{left:-70%;top:25px;}

.ideaBox3 .animation-element.ideaCaption.box-show{left:-85%;top:75px;}

.innovate .animation-element.ideaCaption.box-show{right:15px;top:35px;background:none;}

.newProductHexagon .animation-element.ideaCaption.box-show{position:relative;background:#fff;color:#333;margin-top:0px;}



.animation-element.box-show.ideaCaption{position:absolute !important;opacity:1;}



.ideasBehindLeft.slide-right{right:250px;}

.ideasBehindRight.slide-left{right:250px;}







/* ===================== Animation Css End ===================== */



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

/*	Go To Top Scroll 

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

.go-top{width:45px;height:45px;cursor:pointer;position:fixed;bottom:10px;right:20px;text-align:center;line-height:37px;transition:all 0.5s ease 0s;color:#fff;font-size:24px;z-index:9;display:none;}

.go-top i{line-height:45px;}

.go-top:before{position:absolute;content:"";height:100%;top:0px;left:0px;width:100%;background:#009055;z-index:-1;transform:rotate(45deg);transition:all 0.35s ease 0s;}

.go-top:hover:before{background:#424b4d;}

.go-top:hover{color:#fff;transform:translateY(-7px)}



.dropdown .dropdown-menu{ min-width:100%;}





.innerbanner{ height:250px; overflow:hidden;}

.innerbanner img{ width:100%;}

.innerSection {padding:80px 0; width: 100%; font-size:16px; min-height:500px;}

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

.innerSection h1, .innerSection h2{ font-family:"Playfair Display",serif; color:#000; margin-bottom:15px;}

.innerSection h3{ font-family:"Playfair Display",serif; color:#009055; margin-bottom:15px;}

.innerSection p {color: #515151; font-weight: 400; margin-bottom:10px;}

.aboutleft ul{list-style:none;}

.aboutleft ul li{width:100%;float:left; padding-bottom:30px;}

.aboutleft ul li p{ margin:0;}

.aboutleft ul li p span{ font-size:18px; color:#009055;}





.heading1{ margin-top:30px;}

.heading1 h3{ color:#000;}

iframe{ width:100%;}



.imgbox{ width:100%; height:300px; background:#B7B7B7;}

.protocontent{ padding:50px; background:#f1f1f1;}

.protocontent h3{ margin-bottom:5px; color:#009055;}

.protocontent ul{list-style:none;}

.protocontent ul li{width:100%; display:block; padding-top:10px; color: #515151; font-weight: 400; }



.pendinglist{ list-style:none;}

.pendinglist li{ margin-bottom:15px; color:#515151;}

.pendinglist li:before { padding-right:10px; content: "\f105"; font-family: 'FontAwesome';}



.options{ margin-top:30px;}

.options ul{ margin-left:20px;}

.options li{ /*width:49%; min-height:145px; background:#F1F1F1; float:left; margin-right:2%; margin-bottom:2%;  padding:50px;*/ font-size:16px; color:#000;}

.options li:nth-child(2n){ margin-right:0;}



.imgsec{ margin-top:30px; border:1px solid #e2e2e2;}

.imgsec a{height:350px; overflow:hidden; display:block; width:100%;}

.ppt{}

.ppt i {display: block; font-size: 100px; text-align: center; height: 400px; line-height: 400px; background: #f1f1f1;}



.flying{ list-style:none;}

.flying li{ margin-bottom:15px; padding-left:15px; position:relative;}

.flying li:before { padding-right:10px; content: "\f105"; font-family: 'FontAwesome'; position:absolute; left:0;}



.flyingbox{ background: #f1f1f1; padding:30px; color:#000;}



/* ======== Contact us ======= */

.formwidth{ width:60%; float:left;}

.formwidth ul{ list-style:none;}

.formwidth ul li{ width:49%; float:left; margin:0 2% 2% 0;}

.formwidth ul li:nth-child(2n){ margin-right:0;}

.formwidth ul li.fullwidth{ width:100%; margin-right:0;}

.formwidth input, .formwidth textarea{ width:100%; font-size:16px; padding:10px; border:1px solid #eeeeee;}

.formwidth textarea{height:190px;}

.submitbtn{ background:#333333; color:#fff; max-width:200px; float:right;}

.formwidth .capimg{ width:100px; height:45px;}

.formwidth .captcha{ margin-left:0 !important;}

.formwidth .wpcf7-form-control-wrap{margin-bottom:10px;}

.contact-add{width:38%; float:right; background:#f8f8f8; padding:50px; min-height:363px;}

.contact-add h2{ margin-top:0;}



.breadcrumb{ font-size:14px; padding:0; background:none;}

.breadcrumb ul{ list-style:none;}

.breadcrumb li{ display:inline-block; padding-left:10px; }

.breadcrumb li:first-child{ padding:0;}

.breadcrumb li a:after{padding-left:10px; content: "\f105"; font-family: 'FontAwesome';}



/* ======== faqs ======= */

.faqs{}

.faqs h2 { margin:0;}

.faqs h2 a {background: #f1f1f1; color: #000; display: block; font-size: 20px; padding: 15px;}

.faqs ul{ list-style:none;}

.faqs ul li{ width:100%; float:left; border:1px solid #f1f1f1; margin-bottom:15px;}

.faqtext{ display:none; padding:15px;}



/* ======== invention factory ======= */

.inv-factory{list-style:none; margin-bottom:50px;}

.inv-factory > li{ margin-top:25px;}

.inv-factory > li ul{ margin-left:15px; margin-top:15px;}

.inv-factory > li ul li p{ font-size:20px;}

.inv-factory h4{ color:#009055; font-size:20px;}



.certificate{ display:inline-block; margin-top:35px;}

.certificate img{ width:400px;}



.innovation{ padding:30px 0; color:#fff; text-align:center; font-size:24px;}

.innovation strong{ font-size:32px;}



.workshop ul{ list-style:none; margin-bottom:30px;}
.banner_full_single { height: 100vh; background-position: center center; background-size: cover; background-attachment: fixed; } 
.banner_full_single .container { position: relative; height: 100%; }
.slider_content { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); width: 800px; color: #fff; margin: 0 auto;     text-align: center;}
.slider_content p {font-size: 24px; font-weight: 400; margin-bottom: 30px;}
.slider_content a { border: solid 2px #fff; color: #222; background: #fff; display: inline-block; padding: 8px 20px; font-weight: 600; text-transform: uppercase; letter-spacing: 3px; font-size: 16px; transition: 0.5s; }
.slider_content a:hover { background: transparent; color: #fff; }
.blog_cat {display: block; background-position: center center; background-size: cover;     position: relative;  padding-bottom: 80%; margin-top: 30px; overflow: hidden;}
.blog_cat .cat_name { position: absolute; left: 0; bottom: 0; width: 100%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); text-align: center; font-size: 20px; text-transform: uppercase; font-weight: 900; color: #fff;padding: 20px; transition: 0.2s;}

/*.blog_cat:hover {transform: scale(1.1);} */
/*.blog_cat:hover .cat_name {color: #009055;}*/
.blog_cat .cat_name span:before {content: ""; display: block; position: absolute;  width: 0; bottom: 0; height: 3px;  right: 0; background: #fff;    transition: all 1s ease 0s; }
.blog_cat .cat_name span:after {content: ""; display: block;   width: 0; height: 3px;left: 0; background: #fff;    transition: all 1s ease 0s; position: absolute;  top: 0; } 
.blog_cat .cat_name span {display: block; position: relative; padding:15px 0;}

.blog_cat:hover .cat_name span:before {width: 100%;}
.blog_cat:hover .cat_name span:after{    width: 100%; }
.blog_cat_wrap {overflow: hidden;}
.blog_item { display: block; margin-top: 30px; }
.blog_img { position: relative; overflow: hidden; padding-bottom: 65%; margin-bottom: 20px }
.blog_img img { max-width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s }
.blog_for { font-size: .8125rem; color: #da335e; font-weight: 500; margin-bottom: 10px }
.blog_title { font-size: 18px; font-weight: 700; margin-bottom: 5px; color: #000; transition: .2s; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s }
.blog_date { margin-bottom: 15px; font-size: 16px; } 
.blog_info { padding-left: 25px; border-left: 5px solid #009055 } 
.blog_full_text p { font-size: 16px ;    line-height: 24px;} 
.blog_full_text ul { list-style-type: disc; margin: 0 0 0 14px; padding: 0 }
.blog_full_text ul li { margin-bottom: 15px }
 .blog_sidebar_group { margin-top: 82px; background-color: #eee; padding: 30px }
.blog_get_started_box { padding: 30px; text-align: center; margin-bottom: 20px; color: #fff; position: relative; background-position: center center; background-size: cover }
.blog_get_started_box:before { content: ''; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .35) }
.blog_get_inner { position: relative } 
.blog_get_started_box .btn_main { height: auto; padding: 10px; display: block; font-size: .875rem; background: #26ab90; color: #fff; font-weight: 500 }
.title_sidebar { font-size: 1.5rem; font-weight: 500; margin-bottom: 10px } 
.blog_sidebar_group .title { color: #000; margin-bottom: 15px; font-size: 22px; font-weight: 600 }
.recent_blog_list { margin-left: 14px }
.recent_blog_list>li { list-style: disc; margin-top: 18px; font-size: 16px; }
.recent_blog_list>li>a { display: block; transition: .2s; color: #222; -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; -o-transition: .2s }
.blog_item:hover .blog_title, .recent_blog_list>li>a:hover { color: #009055 } 
.blog_item:hover .blog_img img { transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15) }
.blog_title.lg {    font-size: 26px; }
.blog_detail_img { margin-bottom: 20px }
.blog_detail_img img { max-width: 100% }
.blog_full_text h4 { font-size: 1.25rem; font-weight: 500; color: #222; margin-bottom: 15px }
.blog_full_text p+h4 { margin-top: 30px } 
.blog_full_text .heading_blog { font-size: 22px; font-weight: 500; color: #222; margin-bottom: 15px }
.blog_main_container { width: 68%;float: left;max-width: 800px}
.blog_main_container a { color: #222}
.blog_main_container table { margin-bottom: 15px}
.blog_main_container table tr td {padding: 8px}
.blog_main_container .list_style {margin-bottom: 15px}
.blog_sidebar {width: 30%;float: right}
.blog_listing { margin: 0 -10px}
.blog_listing:after { content: '';display: block;clear: both}
.blog_listing>li { list-style: none;width: 33.33%;display: block; float: left; padding: 0 10px; margin-bottom: 40px}
.blog_listing>li:nth-child(3n+1) {clear: left}
.blog_main_container ul { list-style-type: disc;margin: 0 0 0 14px;padding: 0}
.blog_main_container ul li {margin-bottom: 15px;color: #222;}
.video_single { margin-bottom: 20px; }
.ideaRightBox_mob {display: none;}
.share_panel_social {list-style-type: none !important; margin: 0 !important;}
/*.share_panel_social li a i { height: 30px; color: #fff;  line-height: 30px; display: inline-block; text-align: center; }*/
.share_panel_social li  { display: inline-block; padding-right: 15px;}
.share_panel_social li a  { color: #fff; background: red; display: inline-block; text-align: center; 
    padding: 6px 12px;}
.share_panel_social li a.fb { background: #3b5998 ; }
.share_panel_social li a.twi { background: #00acee  ; }
.share_panel_social li a.linkedin { background: #0e76a8   ; }
.innerSection img{max-height: 540px;}
@media (max-width:575px) {
.navbar { position: fixed; background: #000; }
.navbar-brand > img { max-width: 160px; }
.navbar .pull-right { float: left !important; }
.navbar-toggle { margin-top: 20px;}
body { padding-top: 70px; }
.headerGradient {display: none;}
.innerbanner { height: auto; }
.blog_main_container {width: 100%;} 
.blog_title.lg { font-size: 20px; }
.blog_sidebar {width: 100%;}
.blog_sidebar_group { margin-top: 0; }
.blog_full_text .heading_blog { margin-bottom:10px;  }
}
.navbar-nav>li.dropdown .caret {display: none;}
@media (max-width:767px) {

.navbar-toggle .icon-bar:nth-of-type(2) {
      top: 1px;
}

.navbar-toggle .icon-bar:nth-of-type(3) {
    top: 2px;
}

.navbar-toggle .icon-bar {
      position: relative;
      transition: all 500ms ease-in-out;
}

.navbar-toggle.active .icon-bar:nth-of-type(1) {
      top: 6px;
      transform: rotate(45deg);
}

.navbar-toggle.active .icon-bar:nth-of-type(2){
        top: 1px;
    transform: rotate(41deg);
}


.navbar-toggle.active .icon-bar:nth-of-type(1) {
      background-color: transparent;
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
              top: -5px;
    transform: rotate(-45deg);
}
.navbar-toggle.active span:last-child { background-color: transparent !important;  } 

.navbar-toggle span:last-child { top: 2px !important;  } 


.options li{ width:100%; margin-right:0 !important;}

#defaultNavbar1{ background:#000;}

.formwidth, .contact-add{ width:100%; min-height:auto;}

.banner_full_single { background-attachment: inherit; height: 40vh;}
.slider_content { width: 100%; padding: 0 15px;  }
.slider_content p {font-size: 14px;}
.slider_content a {    font-size: 12px;
    padding: 3px 8px;}
.animation-element { opacity: 1 !important; top: 0 !important; right: 0 !important; left: 0 !important;}
.animation-element.slide-right.box-show {right: 0 !important;}
.whatInnovation::after {display: none;}
.ideasBehindLeft img { position: static; width: 100%; }
.navbar-inverse .navbar-toggle { border: none; }
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background: transparent; }

.ideasLeftBox h1 { font-size: 60px; }
.ideaRightBox { display: none;}
.ideaRightBox_mob {display: block;}
.ideaRightBox .ideaBox1 { position: static; }
.animation-element.box-show.ideaCaption { position: static !important; }
.ideaSection {padding: 50px 0px 60px;}
.testimonialSection h4 { font-size: 28px; line-height: 40px; }
.testimonialSection p { font-size: 20px; }
.innovationMidBox { text-align: center; }
.sewingNeedleBox { margin-top: 0; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > li > a:hover {background: none;} 
.navbar-inverse .navbar-nav > li > a { padding: 14px 14px; }
.servicesSection {    padding: 30px 0px 80px 0px;}
.servicesSection h4 {font-size: 32px;}
.navbar-nav>li.dropdown .caret {display: inline-block;}
.servicesSection ul li {width: 100%;}
.whatNextCaption { padding-left: 0; }
.servicestxtInner { padding: 0 15px; }
.servicestxtInner .servicesTxt h5 {font-size: 24px;}
.innerSection { padding: 35px 0;  }
}

@media(min-width:768px) and (max-width:1024px) {
.whatInnovation::after {display: none;}
.navbar-inverse .navbar-nav > li > a { font-size: 12px; padding: 6px 5px; }
.ideasLeftBox h1 { font-size: 60px; }
.whatNextimg {     top: -90px;}
.whatNextCaption { margin-top: 50px; padding-left: 0; }
.innovationMidBox li:first-child h6::after { right: 0; }
.innovationMidBox li:nth-child(2) h6::after {right: 0;}
.slider_content { padding: 0 25px; }
.animation-element { opacity: 1 !important; top: 0 !important; right: 0 !important; left: 0 !important;}
.animation-element.slide-right.box-show {right: 0 !important;}
.navbar-brand>img { height: 45px; }
.ideaRightBox_mob {display: block;}
.ideaRightBox {display: none;}
.whatNextBox { z-index: 9; }
.whatNextimg { z-index: 1; }
.whatInnovation { overflow: hidden; } 
.innerbanner { height: auto; }
.headerGradient { min-height: auto; }
.innerSection { padding: 50px 0;  }
.blog_main_container { width: 100%; }
.blog_sidebar { width: 100%; float: left; }
.blog_sidebar_group { margin-top: 20px; }
.banner_full_single {     height: 52vh;background-attachment: inherit; }
}


.flex_img {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 2rem;}
.flex_img img {width: 32.33%;}