@charset "utf-8";
.obj1,
.obj2,
.obj3,
.obj4,
.obj5,
.obj6,
.obj7,
.obj8 {
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease-in-out;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: ease-in-out
}
.btmContent h3,
.desc1 p,
.desc2 p,
.desc3 p,
.enqueryForm .inputf,
.introContent p,
.menu ul li a,
.navigation li a,
.sbtn .btns,
.tabnavs li a {
    text-transform: uppercase
}
.clear,
.clearfix:after {
    clear: both
}
.bigImage,
.productImage2 {
    -webkit-transition: all ease-in .5s;
    -ms-transition: all ease-in .5s
}
.scrolltop,
.slideranv li.active:nth-child(7):before {
    -ms-animation-direction: alternate
}
.productNo,
.sbtn .btns,
.sbtns,
a,
button {
    cursor: pointer
}
::-moz-selection {
    background-color: #e0a800;
    color: #fff
}
::selection {
    background-color: #e0a800;
    color: #fff
}
::-o-selection {
    background-color: #e0a800;
    color: #fff
}
::-ms-selection {
    background-color: #e0a800;
    color: #fff
}
::-webkit-selection {
    background-color: #e0a800;
    color: #fff
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}
ol,
ul {
    list-style: none
}
blockquote,
q {
    quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
* {
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
a {
    text-decoration: none
}
.clearfix:after,
.clearfix:before {
    display: table;
    content: " "
}
.back_Content h3 span,
.introContent h3 span,
.logo a {
    display: block
}
h1,
h2,
h3,
h4,
h5,
h6,
strong {
    margin: 0
}
em,
i {
    font-style: italic
}
.left {
    float: left
}
.right {
    float: right
}
.alignleft {
    text-align: left
}
.alignright {
    text-align: right
}
.aligncenter,
.imageBox,
.imageContent,
.productImage {
    text-align: center
}
textarea {
    overflow: auto
}
.btmimage,
.gallery1,
.gallery2,
.galleryimage,
body.fixedpos {
    overflow: hidden
}
INPUT::-webkit-input-placeholder {
    color: #dbdbdb
}
input::-webkit-input-placeholder {
    color: #dbdbdb
}
address {
    font-style: normal
}
@font-face {
    font-family: GothamCondensed-Bold;
    src: url(font/GothamCondensed-Bold.eot?#iefix) format('embedded-opentype'), url(font/GothamCondensed-Bold.otf) format('opentype'), url(font/GothamCondensed-Bold.woff) format('woff'), url(font/GothamCondensed-Bold.ttf) format('truetype'), url(font/GothamCondensed-Bold.svg#GothamCondensed-Bold) format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: GothamCondensed-Book;
    src: url(font/GothamCondensed-Book.eot?#iefix) format('embedded-opentype'), url(font/GothamCondensed-Book.otf) format('opentype'), url(font/GothamCondensed-Book.woff) format('woff'), url(font/GothamCondensed-Book.ttf) format('truetype'), url(font/GothamCondensed-Book.svg#GothamCondensed-Book) format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: GothamCondensed-Light;
    src: url(font/GothamCondensed-Light.eot?#iefix) format('embedded-opentype'), url(font/GothamCondensed-Light.otf) format('opentype'), url(font/GothamCondensed-Light.woff) format('woff'), url(font/GothamCondensed-Light.ttf) format('truetype'), url(font/GothamCondensed-Light.svg#GothamCondensed-Light) format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: GothamCondensed-Medium;
    src: url(font/GothamCondensed-Medium.eot?#iefix) format('embedded-opentype'), url(font/GothamCondensed-Medium.otf) format('opentype'), url(font/GothamCondensed-Medium.woff) format('woff'), url(font/GothamCondensed-Medium.ttf) format('truetype'), url(font/GothamCondensed-Medium.svg#GothamCondensed-Medium) format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: GothamBlack;
    src: url(font/GothamBlack.eot?#iefix) format('embedded-opentype'), url(font/GothamBlack.woff) format('woff'), url(font/GothamBlack.ttf) format('truetype'), url(font/GothamBlack.svg#GothamBlack) format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: District-Book;
    src: url(font/District-Book.eot?#iefix) format('embedded-opentype'), url(font/District-Book.otf) format('opentype'), url(font/District-Book.woff) format('woff'), url(font/District-Book.ttf) format('truetype'), url(font/District-Book.svg#District-Book) format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: District-Light;
    src: url(font/District-Light.eot?#iefix) format('embedded-opentype'), url(font/District-Light.otf) format('opentype'), url(font/District-Light.woff) format('woff'), url(font/District-Light.ttf) format('truetype'), url(font/District-Light.svg#District-Light) format('svg');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: Gotham-XLight;
    src: url(font/Gotham-XLight.eot?#iefix) format('embedded-opentype'), url(font/Gotham-XLight.otf) format('opentype'), url(font/Gotham-XLight.woff) format('woff'), url(font/Gotham-XLight.ttf) format('truetype'), url(font/Gotham-XLight.svg#Gotham-XLight) format('svg');
    font-weight: 400;
    font-style: normal
}
body {
    color: #343434;
    background: #fff;
    font-family: GothamCondensed-Book;
    overflow-x: hidden
}
.back_Content h3,
.fouthcontent h3,
.introContent h3 {
    font-family: GothamBlack;
    text-transform: uppercase
}
body,
html {
    position: relative;
    margin: 0;
    padding: 0;
    height: 100%;
    min-height: 100%
}
.container {
    margin: 0 auto;
    width: 100%;
    max-width: 1600px
}
.wraper {
    float: left;
    width: 100%;
    height: 100%
}
.topSection {
    float: left;
    width: 100%;
    background: url(../images/bgtopsection.png) top no-repeat fixed #d9a200;
    padding-bottom: 230px;
    position: relative;
    z-index: 4
}
.logo {
    float: left;
    background: url(../images/shape1.png) left top no-repeat;
    width: 626px;
    height: 261px;
    padding: 45px 0 0 55px
}
.logo.nw {
    background: url(../images/shape7.png) left top no-repeat;
    width: 732px;
    height: 273px;
    padding: 35px 0 0 155px
}
.firstScreenContent {
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 100px
}
.secondInner,
.secondInner.ab {
    padding: 200px 0 290px
}
.introContent {
    float: left;
    position: absolute;
    top: 60px
}
.introContent p {
    font-size: 24px;
    color: #e3bd00
}
.introContent h3 {
    font-size: 250px;
    color: #eeca08;
    line-height: 210px;
    margin-left: -15px
}
.imageContent {
    width: 100%;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: relative;
    z-index: 99
}
.halfCirlce,
.obj1,
.obj2,
.obj3,
.obj4,
.obj5,
.obj6,
.obj7,
.obj8,
.productImage2,
.productImage5 {
    position: absolute
}
.halfCirlce {
    width: 650px;
    height: 650px;
    border: 6px solid #ebc913;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    -webkit-transform: rotate(-200deg);
    right: 19%;
    top: 5%
}
.desc2:after,
.desc2:before,
.desc3:after,
.desc3:before {
    height: 1px;
    content: ''
}
.bigImage {
    -o-transition: all ease-in .5s;
    -moz-transition: all ease .5s;
    transition: all ease-in .5s;
    min-height: 450px
}
.productImage2 {
    right: 19.5%;
    top: -40px;
    z-index: 3;
    -moz-transition: all ease-in .5s;
    transition: all ease-in .5s;
    -o-transition: all ease-in .5s
}
.productImage3,
.productImage4 {
    -webkit-transition: all ease-in .5s;
    -moz-transition: all ease-in .5s;
    -ms-transition: all ease-in .5s;
    -o-transition: all ease-in .5s;
    position: absolute
}
.productImage2 img {
    width: 265px
}
.productImage3 {
    right: 19%;
    top: 270px;
    z-index: 4;
    transition: all ease-in .5s
}
.productImage3 img {
    width: 227px
}
.productImage4 {
    right: 30%;
    top: 509px;
    transition: all ease-in .5s;
    z-index: 9999
}
.productImage4 img {
    width: 167px
}
.productImage5 {
    right: 44%;
    top: 588px;
    z-index: 999999;
    -webkit-transition: all ease-in .5s;
    -moz-transition: all ease-in .5s;
    -ms-transition: all ease-in .5s;
    -o-transition: all ease-in .5s;
    transition: all ease-in .5s
}
.productImage5 img {
    width: 122px
}
.contentSect,
.productImage,
.sliderSection {
    width: 100%;
    float: left
}
@-moz-keyframes Floatingx {
    from, to {
        -moz-transform: translate(0, 0)
    }
    65% {
        -moz-transform: translate(0, 15px)
    }
}
@-webkit-keyframes Floatingx {
    from, to {
        -webkit-transform: translate(0, 0)
    }
    65% {
        -webkit-transform: translate(0, 15px)
    }
}
@-ms-keyframes Floatingx {
    from, to {
        -ms-transform: translate(0, 0)
    }
    65% {
        -ms-transform: translate(0, 15px)
    }
}
@-o-keyframes Floatingx {
    from, to {
        -o-transform: translate(0, 0)
    }
    65% {
        -o-transform: translate(0, 15px)
    }
}
@-webkit-keyframes Floatingx1 {
    from, to {
        -webkit-transform: translate(0, 0)
    }
    65% {
        -webkit-transform: translate(15px, 0)
    }
}
@-ms-keyframes Floatingx1 {
    from, to {
        -ms-transform: translate(0, 0)
    }
    65% {
        -ms-transform: translate(15px, 0)
    }
}
@-o-keyframes Floatingx1 {
    from, to {
        -o-transform: translate(0, 0)
    }
    65% {
        -o-transform: translate(15px, 0)
    }
}
@-moz-keyframes Floatingx1 {
    from, to {
        -moz-transform: translate(0, 0)
    }
    65% {
        -moz-transform: translate(15px, 0)
    }
}
@-moz-keyframes Floating {
    from, to {
        -moz-transform: translate(0, 0)
    }
    65% {
        -moz-transform: translate(0, 15px)
    }
}
@-webkit-keyframes Floating {
    from, to {
        -moz-transform: translate(0, 0)
    }
    65% {
        -moz-transform: translate(0, 15px)
    }
}
@-ms-keyframes Floating {
    from, to {
        -ms-transform: translate(0, 0)
    }
    65% {
        -ms-transform: translate(0, 15px)
    }
}
@-o-keyframes Floating {
    from, to {
        -o-transform: translate(0, 0)
    }
    65% {
        -o-transform: translate(0, 15px)
    }
}
@-moz-keyframes Floating2 {
    from, to {
        -moz-transform: translate(0, 0)
    }
    65% {
        -moz-transform: translate(15px, 0)
    }
}
@-webkit-keyframes Floating2 {
    from, to {
        -webkit-transform: translate(0, 0)
    }
    65% {
        -webkit-transform: translate(15px, 0)
    }
}
@-ms-keyframes Floating2 {
    from, to {
        -ms-transform: translate(0, 0)
    }
    65% {
        -ms-transform: translate(15px, 0)
    }
}
@-o-keyframes Floating2 {
    from, to {
        -o-transform: translate(0, 0)
    }
    65% {
        -o-transform: translate(15px, 0)
    }
}
@-moz-keyframes Floating3 {
    100%, 50%, from {
        -moz-transform: rotate(0)
    }
    25%,
    75% {
        -moz-transform: rotate(45deg)
    }
}
@-webkit-keyframes Floating3 {
    100%, 50%, from {
        -webkit-transform: rotate(0)
    }
    25%,
    75% {
        -webkit-transform: rotate(45deg)
    }
}
@-ms-keyframes Floating3 {
    100%, 50%, from {
        -ms-transform: rotate(0)
    }
    25%,
    75% {
        -ms-transform: rotate(45deg)
    }
}
@-o-keyframes Floating3 {
    100%, 50%, from {
        -o-transform: rotate(0)
    }
    25%,
    75% {
        -o-transform: rotate(45deg)
    }
}
@-moz-keyframes Floating4 {
    0%, 100%, 50% {
        right: 0
    }
    25%,
    75% {
        right: 20px
    }
}
@-webkit-keyframes Floating4 {
    0%, 100%, 50% {
        right: 0
    }
    25%,
    75% {
        right: 20px
    }
}
@-ms-keyframes Floating4 {
    0%, 100%, 50% {
        right: 0
    }
    25%,
    75% {
        right: 20px
    }
}
@-o-keyframes Floating4 {
    0%, 100%, 50% {
        right: 0
    }
    25%,
    75% {
        right: 20px
    }
}
@-moz-keyframes Floating5 {
    0%, 100%, 50% {
        right: -2%
    }
    25%,
    75% {
        right: 0
    }
}
@-ms-keyframes Floating5 {
    0%, 100%, 50% {
        right: -2%
    }
    25%,
    75% {
        right: 0
    }
}
@-o-keyframes Floating5 {
    0%, 100%, 50% {
        right: -2%
    }
    25%,
    75% {
        right: 0
    }
}
@-webkit-keyframes Floating5 {
    0%, 100%, 50% {
        right: -2%
    }
    25%,
    75% {
        right: 0
    }
}
@-moz-keyframes Floating6 {
    0%, 100%, 50% {
        top: -10px
    }
    25%,
    75% {
        top: 20px
    }
}
@-webkit-keyframes Floating6 {
    0%, 100%, 50% {
        top: -10px
    }
    25%,
    75% {
        top: 20px
    }
}
@-ms-keyframes Floating6 {
    0%, 100%, 50% {
        top: -10px
    }
    25%,
    75% {
        top: 20px
    }
}
@-o-keyframes Floating6 {
    0%, 100%, 50% {
        top: -10px
    }
    25%,
    75% {
        top: 20px
    }
}
.obj1 {
    -webkit-animation-name: Floatingx;
    -webkit-animation-duration: 3s;
    -moz-animation-name: Floating;
    -moz-animation-duration: 3s;
    -ms-animation-name: Floating;
    -ms-animation-duration: 3s;
    -o-animation-name: Floating;
    -o-animation-duration: 3s;
    left: 6%;
    bottom: 2%
}
.obj2,
.obj3,
.obj4 {
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -ms-animation-duration: 5s;
    -o-animation-duration: 5s
}
.obj2,
.obj3 {
    -webkit-animation-name: Floating2
}
.obj2 {
    -moz-animation-name: Floatingx1;
    -ms-animation-name: Floatingx1;
    -o-animation-name: Floatingx1;
    left: -20px;
    bottom: 25%
}
.obj3,
.obj4 {
    bottom: 5%
}
.obj3 {
    -moz-animation-name: Floating2;
    -ms-animation-name: Floating2;
    -o-animation-name: Floating2;
    right: 2%
}
.obj4 {
    -webkit-animation-name: Floating3;
    -moz-animation-name: Floating3;
    -ms-animation-name: Floating3;
    -o-animation-name: Floating3;
    right: 5%
}
.obj5,
.obj6,
.obj7 {
    -webkit-animation-duration: 7s;
    -moz-animation-duration: 7s;
    -ms-animation-duration: 7s;
    -o-animation-duration: 7s
}
.obj5 {
    -webkit-animation-name: Floating4;
    -moz-animation-name: Floating4;
    -ms-animation-name: Floating4;
    -o-animation-name: Floating4;
    right: 6%;
    top: 48%
}
.obj6 {
    -webkit-animation-name: Floating5;
    -moz-animation-name: Floating5;
    -ms-animation-name: Floating5;
    -o-animation-name: Floating5;
    right: 0;
    top: 5%
}
.obj7 {
    -webkit-animation-name: Floating6;
    -moz-animation-name: Floating6;
    -ms-animation-name: Floating6;
    -o-animation-name: Floating6;
    right: 25%;
    top: 0
}
.obj8 {
    -webkit-animation-name: Floating3;
    -webkit-animation-duration: 5s;
    -moz-animation-name: Floating3;
    -moz-animation-duration: 5s;
    -ms-animation-name: Floating3;
    -ms-animation-duration: 5s;
    -o-animation-name: Floating3;
    -o-animation-duration: 5s;
    left: 18%;
    bottom: 0
}
.secondInner,
.secondSect {
    position: relative;
    width: 100%;
    float: left
}
.secondSect {
    background: url(../images/shape2.png) right top no-repeat;
    margin-top: -490px;
    z-index: 5;
    background-size: 100%
}
.secondInner {
    background: url(../images/polygon.png) left top no-repeat;
    z-index: 2;
    background-size: 58%
}
.back_Content {
    right: 0;
    position: absolute;
    z-index: 1;
    top: 280px
}
.back_Content h3 {
    font-size: 300px;
    color: #eaeaea;
    line-height: 250px
}
.sliderSection {
    padding: 170px 0
}
.productImage {
    position: relative;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    padding: 50px 0 0
}
.productImage img {
    position: relative;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    width: 547px;
    -ms-transition: all ease .4s;
    -o-transition: all ease .4s
}
.productdecs {
    float: left;
    position: absolute;
    top: 24%;
    width: 34%
}
.desc1 {
    float: left;
    width: 100%;
    border-top: 1px solid #ccc;
    padding: 20px 0
}
.desc2,
.desc3 {
    padding-top: 20px;
    float: left
}
.desc1 p,
.desc2 p,
.desc3 p {
    color: #666;
    font-size: 30px;
    padding-bottom: 15px;
    line-height: 25px
}
.desc1 span,
.desc2 span,
.desc3 span {
    display: block;
    color: #dea800;
    font-size: 60px;
    line-height: 50px
}
.desc2 {
    width: 100%;
    margin: 20px 0 0;
    position: relative
}
.desc2:after,
.desc2:before {
    position: absolute;
    background: #ccc
}
.desc2:before {
    width: 144px;
    left: 0;
    top: 0
}
.desc2:after {
    width: 412px;
    right: 0;
    top: -35px;
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg)
}
.desc3 {
    width: 100%;
    margin: 20px 0 30px;
    position: relative
}
.desc3:after,
.desc3:before,
.line1 {
    background: #ccc;
    position: absolute
}
.desc3:before {
    width: 144px;
    left: 0;
    top: 0
}
.desc3:after {
    width: 412px;
    right: -5px;
    top: 42px;
    transform: rotate(12deg);
    -webkit-transform: rotate(12deg);
    -moz-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    -o-transform: rotate(12deg)
}
.line1 {
    width: 1px;
    left: 50%;
    top: 99px;
    height: 0;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
    z-index: 2
}
.line1.ab {
    height: 484px
}
.thirdSection {
    float: left;
    width: 100%;
    margin-top: -475px;
    z-index: 2
}
.videosect,
.videosect img {
    float: left;
    width: 100%;
    position: relative
}
.playbtn {
    position: absolute;
    left: 49%;
    top: 50%;
    float: left
}
.playbtn a {
    display: inline-block;
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    padding: 0;
    margin: 0;
    width: 60px;
    height: 60px
}
.fourthSection,
.fouthInner {
    width: 100%;
    position: relative;
    float: left
}
.playbtn i {
    color: #ebba16;
    font-size: 70px;
    line-height: 60px
}
.fourthSection {
    background: url(../images/shape3.png) left top no-repeat;
    z-index: 9999;
    background-size: 89%
}
.fouthInner {
    background: url(../images/shape4.png) right top no-repeat;
    z-index: 9;
    background-size: 54%;
    padding: 87px 0 374px
}
.fouthcontent {
    float: left;
    width: auto;
    position: absolute;
    z-index: 8;
    left: 8%;
    top: 160px
}
.gallery1,
.gallery2,
.galleryimage {
    position: relative
}
.fouthcontent h3 {
    color: #eaeaea;
    font-size: 300px;
    line-height: 230px
}
.fouthcontent h3 span {
    display: block
}
.colortabs {
    float: left;
    width: 100%;
    padding: 21% 0 0
}
.leftcol {
    float: left;
    width: 35%;
    padding: 17% 0 0
}
.rightcol {
    float: right;
    width: 65%
}
.tabContent,
.tabcontainer {
    float: left;
    width: 100%
}
.imageBox {
    float: right;
    padding-right: 5%;
    width: 67%
}
.arrowImages,
.avlsize,
.sizeList,
.tabnavs,
.tabnavs li,
.tabnavs li a,
.tabnavs li a samp,
.tabnavs ul {
    float: left
}
.tabnavs {
    width: 100%
}
.tabnavs ul {
    width: 50%
}
.tabnavs li {
    width: 100%;
    margin-bottom: 30px
}
.tabnavs li a {
    padding: 0 75px 0 40px;
    line-height: 72px;
    color: #333;
    font-size: 30px;
    font-family: GothamCondensed-Book;
    transition: all ease .6s;
    -webkit-transition: all ease .6s;
    -moz-transition: all ease .6s;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    -moz-border-radius: 40px;
    border: 2px solid #b7b8bb;
    width: auto
}
.tabnavs li a span {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 5px solid transparent;
    background: #d9a62d;
    margin: 17px 25px 0 0;
    transition: all ease .6s;
    -webkit-transition: all ease .6s;
    -moz-transition: all ease .6s;
    -ms-transition: all ease .6s;
    -o-transition: all ease .6s
}
.galleryLeft,
.galleryMid,
.galleryRight,
.gallerySection {
    height: 100%;
    position: relative
}
.tabnavs ul:first-child li a {
    border: 2px solid #d9a62d
}
.tabnavs ul:first-child li.active a {
    border: 2px solid #d9a62d;
    color: #fff;
    background: #d9a62d
}
.tabnavs ul:first-child li.active a span {
    border: 5px solid #fff
}
.tabnavs ul:last-child li a {
    border: 2px solid #b7b8bb
}
.tabnavs ul:last-child li.active a {
    background: #b7b8bb;
    border: 2px solid #b7b8bb;
    color: #fff
}
.tabnavs ul:last-child li a span {
    border: 5px solid #b7b8bb;
    background: #b7b8bb
}
.tabnavs ul:last-child li.active a span {
    border: 5px solid #fff;
    background: #b7b8bb
}
.avlsize {
    width: 100%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 35px 0 25px 20px
}
.sizeList {
    width: 88%;
    padding-left: 30px
}
.fifthSection,
.gallerySection,
.sizeList h4,
.sizeList ul {
    width: 100%;
    float: left
}
.sizeList h4 {
    font-size: 28px;
    color: #d9a62d;
    font-family: GothamCondensed-Bold;
    margin: -6px 0 0;
    padding-bottom: 7px
}
.sizeList ul {
    padding: 0;
    margin: 0
}
.sizeList ul li {
    color: #333;
    font-size: 28px;
    padding-right: 6px;
    float: left
}
.sizeList ul li span {
    display: inline-block;
    padding-right: 4px
}
.fifthSection {
    margin-top: -245px
}
.galleryLeft {
    float: left;
    width: 48%;
    background: #eaeaea
}
.galleryMid,
.galleryRight {
    float: left;
    width: 26%
}
.gallery1,
.gallery2,
.galleryimage,
.galleryimage img {
    float: left;
    width: 100%
}
.galleryimage img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transition: all ease .7s;
    -webkit-transition: all ease .7s;
    -ms-transition: all ease .7s
}
.galleryimage:hover img {
    transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04)
}
.gallery1 {
    z-index: 999
}
.gallery2 {
    z-index: 99;
    margin-top: -2px
}
.playBtn2 a,
.playBtn3 a {
    display: inline-block;
    width: 123px;
    height: 123px;
    text-align: center
}
.playBtn2,
.playBtn3 {
    position: absolute;
    left: 45%;
    top: 40%;
    z-index: 99
}
.playBtn2 a i,
.playBtn3 a i {
    font-size: 144px;
    margin: -11px
}
.playBtn2 a {
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}
.playBtn2 a i {
    color: #cba420
}
.playBtn3 a {
    background: #ac9008;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}
.btmContent h3 span,
.formcontent h3 span {
    display: block
}
.sixSection,
.sixSectionInner {
    width: 100%;
    position: relative;
    float: left
}
.playBtn3 a i {
    color: #000;
    opacity: .7
}
.sixSection {
    background: url(../images/shape6.png) right top no-repeat;
    z-index: 9999;
    margin-top: -280px;
    background-size: 100%
}
.sixSectionInner {
    background: url(../images/shape5.png) left bottom no-repeat;
    padding: 400px 0 506px;
    z-index: 2;
    background-size: 53%
}
.btmContent,
.btmimage,
.enqueryForm,
.scrolltop {
    position: absolute
}
.footerleft {
    float: left;
    width: 40%
}
.footerRight {
    float: right;
    width: 40%
}
.formcontent {
    float: left;
    width: 100%
}
.formcontent h3 {
    color: #333;
    font-size: 48px;
    line-height: 55px;
    padding-bottom: 40px
}
.enqueryForm .inputf,
.sbtn .btns {
    font-family: GothamCondensed-Book;
    font-size: 30px
}
.formcontent h3 span a {
    color: #d9a62d;
    transition: all ease .6s;
    -webkit-transition: all ease .6s;
    -moz-transition: all ease .6s;
    -ms-transition: all ease .6s;
    -o-transition: all ease .6s
}
.formcontent h3 span a:hover {
    color: #333
}
.enqueryForm {
    float: left;
    left: 0
}
.formRow {
    float: left;
    width: 100%;
    border-bottom: 3px solid #e1e1e0
}
.enqueryForm .inputf {
    color: #999;
    border: none;
    background: 0 0;
    width: 100%
}
.sbtn {
    float: left;
    margin-top: 50px
}
.sbtn .btns {
    text-align: right;
    background: #e8bb0c;
    padding: 0 55px 0 160px;
    border-radius: 0 50px 50px 0;
    border: none;
    line-height: 102px;
    color: #333;
    transition: all ease .6s;
    -webkit-transition: all ease .6s;
    -moz-transition: all ease .6s;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -o-appearance: none
}
.sbtn .btns:hover {
    color: #fff;
    background: #333
}
.btmContent {
    bottom: 50px;
    right: 0;
    width: auto;
    z-index: 1
}
.btmContent h3 {
    color: #d9b621;
    font-family: GothamBlack;
    font-size: 270px;
    line-height: 280px
}
.btmimage {
    right: 0;
    bottom: 0;
    width: 510px
}
.btmimage img {
    float: left;
    width: 100%;
    margin: 0 -70px -199px 78px
}
.frightCont,
.social,
.social li,
.social ul {
    float: right
}
.frightCont {
    width: 100%;
    text-align: right;
    padding-top: 10%
}
.social {
    margin-bottom: 22px;
    width: 100%
}
.social li {
    margin-left: 12px
}
.social li a {
    display: inline-block;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 1px solid #333;
    line-height: 55px;
    text-align: center;
    color: #333;
    font-size: 22px;
    transition: all ease .6s;
    -webkit-transition: all ease .6s;
    -moz-transition: all ease .6s;
    -ms-transition: all ease .6s;
    -o-transition: all ease .6s
}
.frightCont .copyright,
.frightCont .txt {
    width: 100%;
    float: left
}
.social li a:hover {
    background: #fff;
    border: 1px solid #fff
}
.frightCont .txt {
    padding-bottom: 30px
}
.frightCont .txt p {
    font-size: 34px;
    line-height: 40px;
    padding-bottom: 10px
}
.frightCont .txt p span {
    display: block
}
.frightCont .copyright p {
    text-align: right;
    color: #333;
    font-size: 24px
}
.scrolltop {
    display: inline-block;
    width: 94px;
    height: 94px;
    z-index: 99;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    padding: 8px;
    background: rgba(0, 0, 0, .7);
    left: 15%!important;
    bottom: 19%;
    -webkit-animation: scrolltoparrow 4s infinite;
    -ms-animation: scrolltoparrow 4s infinite;
    animation: scrolltoparrow 4s infinite;
    animation-direction: alternate
}
.scrolltop a,
.slideranv li a {
    border-radius: 50%;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}
.scrolltop a {
    display: block;
    background: #333;
    width: 78px;
    height: 78px;
    line-height: 76px
}
.scrolltop a i {
    color: #e8bb0c;
    font-size: 31px
}
.menushow {
    float: left;
    -o-transition: all ease .6s
}
.menu {
    position: fixed;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    z-index: 99999;
    top: 52%;
    left: -35%;
    transition: all ease .6s;
    -webkit-transition: all ease .6s;
    -ms-transition: all ease .6s;
    -moz-transition: all ease .6s
}
.menu ul {
    position: relative;
    padding: 0 170px;
    float: left
}
.menu ul:after,
.menu ul:before {
    position: absolute;
    content: '';
    height: 1px;
    width: 150px;
    bottom: 10px
}
.menu ul li {
    float: left;
    padding: 0 20px
}
.menu ul li a {
    font-size: 20px;
    color: #666
}
.menu.ab ul li a {
    color: #fff
}
.menu ul li a:hover {
    color: #d8a100
}
.menu ul:before {
    left: 0;
    background: #ccc
}
.menu ul:after {
    right: 0;
    background: #ffd300
}
.menulogo {
    float: left;
    float: right;
    position: relative;
    top: -9px;
    right: 81px;
    z-index: 999999999
}
.sliderarea {
    float: left;
    width: 100%;
    position: relative
}
.slideranv {
    position: absolute;
    right: 27%;
    top: 35%
}
.slideranv li {
    margin-bottom: 50px;
    position: relative
}
.slideranv li:nth-child(2) {
    margin: -10px 0 50px 37px
}
.slideranv li:nth-child(3) {
    margin-left: 49px
}
.slideranv li:nth-child(4) {
    margin-left: 37px
}
.slideranv li:nth-child(5) {
    margin-left: 0
}
.slideranv li:nth-child(6) {
    margin-left: 80px
}
.slideranv li:nth-child(7) {
    margin-left: 10px
}
.slideranv li a {
    display: inline-block;
    width: 42px;
    height: 42px;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 3px solid transparent;
    line-height: 42px
}
.slideranv li a span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: #404040;
    margin: 13px 0 0 14px;
    float: left
}
.slideranv li.active:nth-child(7):after,
.slideranv li.active:nth-child(7):before {
    width: 13px;
    height: 17px;
    background: url(../images/arrow.png) left top no-repeat;
    display: none;
    position: absolute;
    content: ''
}
.slideranv li.active:nth-child(7):before {
    left: 60px;
    top: -27px;
    transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -webkit-animation: myfirst 2s infinite;
    -ms-animation: myfirst 2s infinite;
    animation: myfirst 2s infinite;
    animation-direction: alternate
}
.slideranv li.active:nth-child(7):after {
    left: 50px;
    top: -17px;
    transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -webkit-animation: myfirst2 2s infinite;
    -webkit-animation-direction: alternate;
    -ms-animation-direction: alternate;
    animation: myfirst2 2s infinite;
    animation-direction: alternate
}
@-webkit-keyframes myfirst {
    0%, 100%, 50% {
        left: 60px;
        top: -27px
    }
    25%,
    75% {
        left: 65px;
        top: -35px
    }
}
@-ms-keyframes myfirst {
    0%, 100%, 50% {
        left: 60px;
        top: -27px
    }
    25%,
    75% {
        left: 65px;
        top: -35px
    }
}
@-o-keyframes myfirst {
    0%, 100%, 50% {
        left: 60px;
        top: -27px
    }
    25%,
    75% {
        left: 65px;
        top: -35px
    }
}
@keyframes myfirst {
    0%, 100%, 50% {
        left: 60px;
        top: -27px
    }
    25%,
    75% {
        left: 65px;
        top: -35px
    }
}
@-webkit-keyframes myfirst2 {
    0%, 100%, 50% {
        left: 50px;
        top: -17px
    }
    25%,
    75% {
        left: 55px;
        top: -25px
    }
}
@-ms-keyframes myfirst2 {
    0%, 100%, 50% {
        left: 50px;
        top: -17px
    }
    25%,
    75% {
        left: 55px;
        top: -25px
    }
}
@-0-keyframes myfirst2 {
    0%, 100%, 50% {
        left: 50px;
        top: -17px
    }
    25%,
    75% {
        left: 55px;
        top: -25px
    }
}
@keyframes myfirst2 {
    0%, 100%, 50% {
        left: 50px;
        top: -17px
    }
    25%,
    75% {
        left: 55px;
        top: -25px
    }
}
@-webkit-keyframes scrolltoparrow {
    0%, 100%, 50% {
        left: 18%;
        bottom: 19%
    }
    25%,
    75% {
        left: 18%;
        bottom: 20%
    }
}
@-ms-keyframes scrolltoparrow {
    0%, 100%, 50% {
        left: 18%;
        bottom: 19%
    }
    25%,
    75% {
        left: 18%;
        bottom: 20%
    }
}
@-o-keyframes scrolltoparrow {
    0%, 100%, 50% {
        left: 18%;
        bottom: 19%
    }
    25%,
    75% {
        left: 18%;
        bottom: 20%
    }
}
@keyframes scrolltoparrow {
    0%, 100%, 50% {
        left: 18%;
        bottom: 19%
    }
    25%,
    75% {
        left: 18%;
        bottom: 20%
    }
}
@-webkit-keyframes Cb {
    0% {
        -webkit-transform: scale(.1);
        -moz-transform: scale(.1);
        -ms-transform: scale(.1);
        -o-transform: scale(.1);
        transform: scale(.1);
        opacity: 1
    }
    to {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}
@keyframes Cb {
    0% {
        -moz-transform: scale(.1);
        -webkit-transform: scale(.1);
        -ms-transform: scale(.1);
        -o-transform: scale(.1);
        transform: scale(.1);
        opacity: 1
    }
    to {
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}
@-ms-keyframes Cb {
    0% {
        -ms-transform: scale(.1);
        -webkit-transform: scale(.1);
        -moz-transform: scale(.1);
        -o-transform: scale(.1);
        transform: scale(.1);
        opacity: 1
    }
    to {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}
@-o-keyframes Cb {
    0% {
        -o-transform: scale(.1);
        -webkit-transform: scale(.1);
        -moz-transform: scale(.1);
        -ms-transform: scale(.1);
        transform: scale(.1);
        opacity: 1
    }
    to {
        -o-transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}
.slideranv li.active a span:after,
.slideranv li.active a span:before {
    border: 3px solid #dda501;
    position: absolute;
    left: -4px;
    top: -4px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    content: '';
    width: 44px;
    height: 44px
}
.header,
.introblk,
.logoInner,
.sliderSectionInner {
    float: left;
    width: 100%
}
.slideranv li.active a span::before {
    animation: 1s ease 0s normal none infinite running Cb;
    -webkit-animation: 1s ease 0s normal none infinite running Cb;
    -moz-animation: 1s ease 0s normal none infinite running Cb;
    -ms-animation: 1s ease 0s normal none infinite running Cb;
    -o-animation: 1s ease 0s normal none infinite running Cb;
    background: rgba(234, 94, 32, .2)
}
.slideranv li.active a span::after {
    animation: 1s linear 0s normal none infinite running Cb;
    -webkit-animation: 1s linear 0s normal none infinite running Cb;
    -moz-animation: 1s linear 0s normal none infinite running Cb;
    -ms-animation: 1s linear 0s normal none infinite running Cb;
    -o-animation: 1s linear 0s normal none infinite running Cb
}
.logoInner {
    position: relative
}
.logoC {
    position: absolute;
    left: 20%
}
@keyframes turnAnime {
    0% {
        transform: rotateY(0)
    }
    100% {
        transform: rotateY(360deg)
    }
}
@-webkit-keyframes turnAnime {
    0% {
        transform: rotateY(0)
    }
    100% {
        transform: rotateY(360deg)
    }
}
@-ms-keyframes turnAnime {
    0% {
        -ms-transform: rotateY(0)
    }
    100% {
        -ms-transform: rotateY(360deg)
    }
}
@-o-keyframes turnAnime {
    0% {
        -o-transform: rotateY(0)
    }
    100% {
        -o-transform: rotateY(360deg)
    }
}
@-webkit-keyframes spin1 {
    0% {
        -webkit-transform: rotateY(0)
    }
    100% {
        -webkit-transform: rotateY(360deg)
    }
}
@-moz-keyframes spin1 {
    0% {
        -moz-transform: rotateY(0)
    }
    100% {
        -moz-transform: rotateY(360deg)
    }
}
@-o-keyframes spin1 {
    3% {
        -o-transform: rotateY(0)
    }
    100% {
        -o-transform: rotateY(360deg)
    }
}
@-ms-keyframes spin1 {
    0% {
        -ms-transform: rotateY(0)
    }
    100% {
        -ms-transform: rotateY(360deg)
    }
}
@-keyframes spin1 {
    0% {
        transform: rotateY(0)
    }
    100% {
        transform: rotateY(360deg)
    }
}
.logoC img {
    -webkit-animation: spin1 5s infinite linear;
    -moz-animation: spin1 5s infinite linear;
    -o-animation: spin1 5s infinite linear;
    -ms-animation: spin1 5s infinite linear;
    animation: spin1 5s infinite linear;
    display: block
}
.sliderSectionInner {
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    display: none
}
.sliderSectionInner.ab,
.slideranv li.ab:nth-child(7)::after,
.slideranv li.ab:nth-child(7)::before {
    display: block
}
.productImage2 img {
    position: relative;
    z-index: 91
}
.productImage3 img {
    position: relative;
    z-index: 92
}
.productImage4 img {
    position: relative;
    z-index: 93
}
.introblk,
.thirdSection,
body.fixedpos {
    position: fixed
}
.thirdSection {
    margin: 0
}
.fourthSection {
    margin-top: 400px
}
.thirdSection.ab {
    display: none
}
.introblk {
    /*background: rgba(0, 0, 0, 1);*/
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}
.firstScreenContent {
    top: -96px
}
.innerPages {
    background: url(../images/bg_inner.png) left top no-repeat #f7f7f7;
    height: 100%
}
.header {
    z-index: 999;
    position: absolute
}
.navigation,
.navigation ul {
    float: right
}
.navigation {
    position: relative;
    padding: 50px 19.2% 50px 0
}
.contactRgt,
.navigation:before {
    background: #ffd300;
    position: absolute;
    right: 0
}
.navigation:before {
    height: 4px;
    width: 34%;
    content: '';
    top: 72px
}
.navigation li {
    float: left;
    margin-right: 20px
}
.navigation li a {
    display: block;
    font-size: 22px;
    font-family: GothamCondensed-Medium;
    color: #333;
    letter-spacing: 4px;
    padding: 0 25px;
    border: 2px solid transparent;
    line-height: 46px
}
.addressDtls .adrs address,
.addressDtls .contInfo p {
    font-family: GothamCondensed-Book;
    font-size: 20px;
    line-height: 30px;
    text-transform: capitalize;
    color: #555
}
.navigation li a:hover,
.navigation li.active a {
    border: 2px solid #ffd300
}
.innerPages {
    float: left;
    width: 100%
}
.contactLeft {
    float: left;
    width: 40%;
    padding: 30px 0 0
}
.contactRgt {
    width: 50%;
    padding: 66px 80px 55px 0;
    top: -13px;
    height: 100%
}
.conctDtls {
    float: left;
    width: 100%
}
.addressDtls {
    float: right;
    text-align: right;
    padding-bottom: 30px
}
.addressDtls .imgb {
    float: right;
    width: 100%;
    padding-bottom: 18px
}
.addressDtls .adrs {
    float: right;
    font-family: GothamCondensed-Book;
    padding-bottom: 15px
}
.addressDtls .adrs address span {
    display: block
}
.addressDtls .contInfo {
    float: left;
    width: 100%
}
.addressDtls .contInfo p {
    padding-bottom: 5px
}
.designation h4,
.sbtns,
.tabheading h4 {
    text-transform: uppercase
}
.addressDtls .contInfo p a {
    color: #555
}
.contactForm .inputC,
.contactForm .txtrea2 {
    background: 0 0;
    border: none;
    padding: 18px 20px;
    font-family: District-Light;
    font-weight: 600;
    color: #666;
    float: left;
    width: 100%
}
.contactForm {
    float: left;
    width: 100%
}
.contactForm .formRow2 {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 10px
}
.contactForm .inputC {
    border-bottom: 1px solid #999;
    font-size: 16px
}
.contactForm .txtrea2 {
    border-bottom: 1px solid #999;
    font-size: 15px
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #666
}
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #666
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #666
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #666
}
.sbtns {
    float: left;
    background: url(../images/btnarrow.png) 90% center no-repeat #333;
    padding: 0 168px 0 25px;
    font-family: District-Book;
    font-size: 18px;
    border: none;
    color: #fff;
    height: 60px;
    line-height: 60px;
    transition: all ease .7s;
    -webkit-transition: all ease .7s;
    -moz-transition: all ease .7s;
    -ms-transition: all ease .7s;
    -o-transition: all ease .7s;
    margin: 10px 0 0 16px
}
.galryImage,
.imageSect {
    height: 100%!important;
    float: left
}
.sbtns:hover {
    background: url(../images/btnarrow.png) 90% center no-repeat #666;
    margin: 10px 0 0 25px
}
.innerpgDtls {
    float: left;
    width: 100%;
    position: relative;
    margin-top: -60px
}
.circles,
.designation,
.rightSideBar,
.slick-dots,
.teamnav {
    position: absolute
}
.galryImage {
    width: 100%
}
.imageSect {
    background: #fff;
    padding: 10px 10px 10px 0;
    width: 98%
}
.imageSect img {
    float: left;
    width: 100%;
    height: 100%
}
.slick-dots {
    right: -50px;
    top: 40%;
    float: left;
    width: 30px
}
.slick-dots li {
    width: 24px;
    height: 24px;
    padding: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 2px solid transparent;
    margin-bottom: 15px;
    float: left
}
.slick-dots li button {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    background: #333;
    -o-border-radius: 50%;
    cursor: pointer;
    border: none;
    width: 10px;
    height: 10px;
    padding: 0;
    font-size: 0;
    margin: -5px;
    float: left
}
.slick-dots li.slick-active {
    border: 2px solid #333
}
.slick-arrow {
    display: none!important
}
.leftSideBar {
    float: left;
    width: 40%;
    padding-bottom: 10%
}
.rightSideBar {
    float: right;
    right: 0;
    background: #ffd300;
    width: 50%;
    height: 100%;
    top: -15px
}
.personImages,
.teamImages {
    width: 100%;
    position: relative
}
.innerpgDtls {
    height: 100%;
    margin: 0
}
.teamImages {
    float: left;
    margin: 23% 0 0
}
.teamnav li,
.teamnav li a {
    margin-bottom: 15px;
    float: left
}
.personImages {
    float: left;
    z-index: 2
}
.teamImages img {
    width: 500px;
    display: inline-block!important;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}
.designation h4 span,
.teamnav li a {
    display: block
}
.designation {
    width: 220px;
    height: 220px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background: rgba(253, 218, 49, .85);
    right: 22%;
    bottom: 0;
    text-align: left;
    padding: 40px 20px 40px 40px;
    z-index: 3
}
.designation h4 {
    font-size: 25px;
    color: #333;
    font-family: GothamBlack;
    line-height: 26px;
    padding-bottom: 5px;
    padding-top: 39px
}
.designation h5 {
    font-size: 23px;
    color: #333
}
.circles {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #e4e4e4;
    width: 250px;
    height: 250px;
    right: 33%;
    top: -5%;
    z-index: 1
}
.teamInfo {
    float: left;
    width: 100%;
    text-align: center;
    padding: 20% 12% 0
}
.teamInfo .imgb {
    padding-bottom: 40px;
    text-align: left
}
.teamInfo .txt {
    float: left;
    width: 100%;
    padding-right: 20px
}
.teamInfo .txt p {
    font-size: 17px;
    color: #666;
    line-height: 30px;
    padding-bottom: 25px;
    font-family: Roboto, sans-serif;
    font-weight: 500
}
.teamnav {
    right: 30px;
    width: 40px;
    top: 35%
}
.teamnav li {
    width: 100%
}
.teamnav li a {
    width: 24px;
    height: 24px;
    padding: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 2px solid transparent
}
.teamnav li a span {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: block;
    background: #fff;
    padding: 0;
    margin: -5px;
    width: 10px;
    height: 10px
}
.teamDetails,
.teamPages {
    float: left;
    width: 100%
}
.teamnav li.active a {
    border: 2px solid #fff
}
.conctDtls {
    padding-bottom: 4%
}
.homePageHeader {
    display: none
}
.teamPages {
    background: #eaeaea;
    bottom: 0;
    position: relative;
    z-index: 99
}
.teamPages:before {
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    height: 100%;
    background: #f7f7f7
}
.workRight,
.workarea,
.worksection {
    width: 100%
}
.workImage,
.workRight,
.worksection {
    float: left;
    position: relative
}
.workRight {
    padding-left: 60px;
    right: -10%;
    top: -121px
}
.workarea {
    float: left
}
.workcontent {
    float: left;
    width: 50%;
    padding: 0
}
.workImage {
    width: 50%;
    right: 0
}
.whitecirle {
    width: 355px;
    height: 355px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 3px solid #e0e0e0;
    position: absolute;
    left: -120px;
    top: 0
}
.workLeft h3 {
    margin-top: 160px
}
.worktabs {
    position: absolute;
    left: 0;
    text-align: center
}
.loader,
.loaderScreen {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}
.worktabs li {
    display: inline-block
}
.productNo {
    border: 2px solid transparent;
    width: 22px;
    text-align: center;
    height: 22px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    padding: 6px;
    float: none
}
.productNo span {
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: #ccc;
    width: 10px;
    height: 10px;
    margin: -2px
}
.worktabs li.active .productNo,
.worktabs li:hover .productNo {
    border: 2px solid #666
}
.worktabs .slick-track {
    width: 100%!important
}
.worktabs .productNo {
    float: none!important;
    display: inline-block!important
}
.slider-nav .slick-slide {
    border: 2px solid transparent!important;
    width: 22px!important;
    text-align: center;
    height: 22px!important;
    border-radius: 50%!important;
    -webkit-border-radius: 50%!important;
    -moz-border-radius: 50%!important;
    margin-bottom: 10px;
    padding: 6px!important
}
.slider-nav .slick-slide.slick-current {
    border: 2px solid #333!important
}
.slider-nav .slick-slide.slick-current span {
    background: #333
}
.teamInfo .imgb img {
    display: inline-block
}
.loaderScreen {
    position: fixed;
    background: rgba(247, 222, 72, .5);
    width: 100%;
    height: 100%;
    z-index: 9999
}
.contactPage,
.illustration,
.loader {
    position: absolute
}
body::scrollbar,
body::scrollbar-track {
    background-color: #F5F5F5
}
.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-top: 16px solid #333;
    width: 120px;
    height: 120px;
    margin: auto;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}
@keyframes spin {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}
.contactPage {
    bottom: 0;
    width: 100%
}
.tabContent .imageBox img {
    width: 644px;
    height: 644px
}
.teamsPagesInners {
    float: left;
    width: 100%
}
.introblk {
    z-index: 9999999
}
.illustration {
    width: 500px
}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .3);
    border-radius: 1px;
    background-color: #F5F5F5
}
body::-webkit-scrollbar {
    width: 2px;
    background-color: #F5F5F5
}
body::-webkit-scrollbar-thumb {
    border-radius: 1px;
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .3);
    background-color: #555
}
body::-moz-scrollbar-track {
    -moz-appearance: none;
    -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, .3);
    border-radius: 1px;
    background-color: #F5F5F5
}
body::-moz-scrollbar {
    -moz-appearance: none;
    width: 2px;
    background-color: #F5F5F5
}
body::-moz-scrollbar-thumb {
    -moz-appearance: none;
    border-radius: 1px;
    -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, .3);
    background-color: #555
}
body::-ms-scrollbar-track {
    -ms-box-shadow: inset 0 0 1px rgba(0, 0, 0, .3);
    border-radius: 1px;
    background-color: #F5F5F5
}
body::-ms-scrollbar {
    width: 2px;
    background-color: #F5F5F5
}
body::-ms-scrollbar-thumb {
    border-radius: 1px;
    -ms-box-shadow: inset 0 0 1px rgba(0, 0, 0, .3);
    background-color: #555
}
body::scrollbar-thumb,
body::scrollbar-track {
    border-radius: 1px;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .3)
}
body::scrollbar {
    width: 2px
}
body::scrollbar-thumb {
    background-color: #555
}
.teamlists::scrollbar-thumb,
.teamlists::scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .3);
    border-radius: 2px
}
.teamlists::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .3);
    border-radius: 2px;
    background-color: #ccc
}
.teamlists::-webkit-scrollbar {
    width: 5px;
    background-color: #ccc
}
.teamlists::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .3);
    background-color: #666
}
.teamlists::scrollbar,
.teamlists::scrollbar-track {
    background-color: #ccc
}
.teamlists::scrollbar {
    width: 5px
}
.teamlists::scrollbar-thumb {
    -moz-appearance: none!important;
    background-color: #666
}
.teamlists::-moz-scrollbar-track {
    -moz-appearance: none!important;
    -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, .3);
    border-radius: 2px;
    background-color: #ccc
}
.teamlists::-moz-scrollbar {
    width: 5px;
    -moz-appearance: none!important;
    background-color: #ccc
}
.teamlists::-moz-scrollbar-thumb {
    border-radius: 2px;
    -moz-appearance: none!important;
    -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, .3);
    background-color: #666
}
.teamlists::-o-scrollbar-track {
    -o-box-shadow: inset 0 0 5px rgba(0, 0, 0, .3);
    border-radius: 2px;
    background-color: #ccc
}
.teamlists::-o-scrollbar {
    width: 5px;
    background-color: #ccc
}
.teamlists::-o-scrollbar-thumb {
    border-radius: 2px;
    -o-box-shadow: inset 0 0 5px rgba(0, 0, 0, .3);
    background-color: #666
}
.teamlists::-ms-scrollbar-track {
    -ms-box-shadow: inset 0 0 5px rgba(0, 0, 0, .3);
    border-radius: 2px;
    background-color: #ccc
}
.teamlists::-ms-scrollbar {
    width: 5px;
    background-color: #ccc
}
.teamlists::-ms-scrollbar-thumb {
    border-radius: 2px;
    -ms-box-shadow: inset 0 0 5px rgba(0, 0, 0, .3);
    background-color: #666
}
.teamlists {
    float: left;
    width: 100%;
    text-align: left;
    height: 450px;
    overflow-y: scroll
}
.teamlists p strong {
    font-weight: 700;
    color: #333;
    font-size: 20px
}
.showSect {
    display: none
}
.fade10 .slick-dots,
.fade11 .slick-dots,
.fade12 .slick-dots,
.fade7 .slick-dots,
.fade8 .slick-dots,
.fade9 .slick-dots {
    width: 100%;
    bottom: -80px;
    text-align: center;
    top: auto;
    right: auto
}
.fade10 .slick-dots li,
.fade11 .slick-dots li,
.fade12 .slick-dots li,
.fade7 .slick-dots li,
.fade8 .slick-dots li,
.fade9 .slick-dots li {
    display: inline-block;
    float: none
}
.tabheading {
    float: left;
    width: 100%;
    text-align: center
}
.tabheading h4 {
    font-size: 36px;
    color: #666;
    line-height: 40px;
    padding-bottom: 30px;
    font-family: Gotham-XLight
}
.tabheading h4 span {
    display: block
}
.tabcontainer .imageBox img {
    display: inline-block!important
}
.menushow,
.popupoverlay {
    display: none
}
.menushow {
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -ms-transition: all ease .4s
}
.menushow.ab .menu {
    left: -18%
}
.menushow.ab {
    display: block
}
svg {
    pointer-events: none
}
.demo-drawings figcaption {
    margin: 0 auto;
    max-width: 40em;
    width: 95%;
    text-align: center
}
.demo-drawings figure:first-child figcaption {
    margin-top: 8em
}
.demo-drawings figcaption h2 {
    font-weight: 300;
    font-size: 3em;
    margin-bottom: .2em
}
.demo-drawings figcaption p {
    font-size: 1.3em
}
.drawings {
    height: 100%
}
.illustration {
    top: 50%;
    left: 50%;
    max-height: 100%;
    max-width: 100%;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -mz-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}
.show {
    opacity: 1
}
.hide {
    opacity: 0
}
.illustration,
.line-drawing {
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    transition: opacity .5s
}
.line-drawing path {
    fill: none;
    stroke: #fff;
    stroke-width: 3
}
path.line-round {
    stroke-linecap: round
}
path.stroke-medium {
    stroke-width: 2
}
path.stroke-thin {
    stroke-width: 1
}
.demo-loading .hide,
.demo-loading .show {
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    -ms-transition: opacity .5s;
    transition: opacity .5s
}
.codrops-logo {
    position: relative;
    margin: 0 auto 30px;
    width: 80px;
    height: 80px;
    background: url(../img/codrops_logo.png) 50% 50% no-repeat
}
.demo-loading .headline {
    position: relative;
    color: #2173a3;
    text-align: center
}
.demo-loading .headline div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #5ca9d6
}
.demo-loading .headline h1 {
    margin: 0;
    padding: 3em 0;
    font-size: 3em;
    position: relative;
    z-index: 10
}
.demo-loading .headline h1 span:last-child {
    display: block;
    font-weight: 300;
    font-size: 50%
}
.demo-loading section {
    margin: 2em auto 8em;
    max-width: 700px;
    text-align: center
}
.demo-loading section figure {
    position: relative;
    display: inline-block;
    margin: 0 15px 20px;
    width: 200px;
    text-align: left
}
.demo-loading section figure img {
    display: block;
    margin: 0 auto 10px
}
.demo-loading svg.line-drawing {
    position: absolute;
    max-width: 100%;
    z-index: 10;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}
.demo-loading svg.line-drawing path {
    fill: none;
    stroke-width: 2;
    stroke: #ddd
}
.demo-loading svg.line-drawing path.darker {
    stroke: #aaa
}
.demo-loading svg#rectangle {
    width: 100%;
    height: 100%
}
.demo-loading svg#headline {
    top: 50%;
    margin-top: 2px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}
.demo-loading svg#related {
    width: 100%;
    height: 100%;
    max-width: 490px
}
#logo {
    top: 39px
}
#demo-link-1,
#demo-link-2,
#demo-link-3 {
    top: 148px
}
#demo-link-1 {
    -webkit-transform: translateX(-130px);
    -moz-transform: translateX(-130px);
    -o-transform: translateX(-130px);
    -ms-transform: translateX(-130px);
    transform: translateX(-130px)
}
#demo-link-3 {
    -webkit-transform: translateX(48px);
    -moz-transform: translateX(48px);
    -o-transform: translateX(48px);
    -ms-transform: translateX(48px);
    transform: translateX(48px)
}
@media screen and (max-width: 35.375em) {
    .demo-loading .headline h1 {
        font-size: 1.4em
    }
}
@media screen and (max-width: 30em) {
    .related {
        font-size: .8em
    }
}
.worktabs .slider-nav .slick-slide {
    padding: 0!important;
    margin-right: 5px;
    width: 60px!important;
    height: 60px!important
}
.worktabs .productNo span {
    width: 52px;
    height: 52px;
    background: 0 0;
    margin: 2px
}
.worktabs .productNo span img {
    float: left;
    width: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%
}
.enqueryForm .txtrea {
    color: #999;
    border: none;
    padding: 25px 0 25px 28.2%;
    background: 0 0;
    width: 100%;
    font-family: GothamCondensed-Book;
    font-size: 25px;
    resize: none
}
.footerleft {
    margin-top: -120px
}
.enqueryForm {
    width: 40%
}
.enqueryForm .inputf {
    text-transform: capitalize;
    padding: 25px 0 25px 20%;
    font-size: 25px
}
.formRow:nth-child(2) {
    width: 88%
}
.formRow:nth-child(2) .inputf {
    padding: 25px 0 25px 22.5%
}
.formRow:nth-child(3) {
    width: 70%
}
.social {
    height: 58px
}
.ourContent {
    float: left;
    width: 385px;
    background: rgba(225, 170, 0, .8);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    padding: 40px 35px;
    text-align: left;
    position: relative;
    top: -150px;
    left: 100px;
    z-index: 999999999999999!important
}
.ourContent h3,
.ourContent p {
    color: #fff;
    line-height: 25px;
    padding-bottom: 20px
}
.ourContent h3 {
    text-transform: uppercase;
    font-size: 27px;
    font-family: GothamBlack
}
.ourContent p {
    font-size: 16px;
    font-family: Gotham-XLight
}
.ourContent a {
    background: #fff;
    color: #000;
    padding: 0 25px;
    line-height: 36px;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    display: inline-block;
    text-transform: uppercase
}
.ourContent a:hover {
    color: #fff;
    background: #333
}
.teamPages {
    padding: 0 0 20%
}
.worktabs {
    width: 45%;
    top: 68%
}
.ourContent {
    background: rgba(194, 146, 0, 0.8);
}
.addressInfo {
    float: right;
    width: 100%;
    padding-bottom: 20px;
    text-align: right;
}
.addressInfo h5 {
    text-transform: uppercase;
    font-size: 24px;
    color: #333;
    font-weight: 700;
    padding-bottom: 10px;
    letter-spacing: 1px;
}
.addressInfo p {
    font-size: 22px;
    color: #333;
    padding-bottom: 6px;
    padding-right: 5px;
    letter-spacing: 0.5px;
}
.addressInfo p strong {
    font-weight: 700;
    display: inline-block;
}
.frightCont {
    padding-top: 2%;
}
.ourContent {
    width: 420px;
}
.ourContent p {
    padding-bottom: 0;
}
.frightCont .copyright p {
    font-size: 18px;
    color: #666;
    letter-spacing: 0.05px;
}
.sixSectionInner {
    padding: 350px 0 575px;
}
.footerleft {
    margin-top: -72px;
}
/* 8 sept */

.makeinIndiaLogo {
    position: absolute;
    width: 190px;
    height: 70px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 25px;
    bottom: 0;
}
.makeinIndiaLogo img {
    width: 190px;
}
.makeinIndiaLogo span {
    display: block;
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    width: 100%;
    text-align: center;
    font-family: GothamBlack;
    font-size: 13px;
    top: 21px;
}
.makeinIndiaLogo span samp {
    display: block;
}
.sixSection {
    margin-top: -294px;
}
.enqueryForm {
    width: 41.6%;
}

.illustration { opacity: 1;}
.bigImage img { width: 500px; margin-top: 40px;}