@charset "UTF-8";



/*!

 * animate.css -http://daneden.me/animate

 * Version - 3.5.2

 * Licensed under the MIT license - http://opensource.org/licenses/MIT

 *

 * Copyright (c) 2017 Daniel Eden

 */





::placeholder {

    /* Chrome, Firefox, Opera, Safari 10.1+ */

    color: #666666;

    opacity: 1;

    /* Firefox */

}



:-ms-input-placeholder {

    /* Internet Explorer 10-11 */

    color: #666666;

}



::-ms-input-placeholder {

    /* Microsoft Edge */

    color: #666666;

}





.animated {

    animation-duration: 1s;

    animation-fill-mode: both

}



.animated.infinite {

    animation-iteration-count: infinite

}



.animated.hinge {

    animation-duration: 2s

}



.animated.bounceIn,

.animated.bounceOut,

.animated.flipOutX,

.animated.flipOutY {

    animation-duration: .75s

}



@keyframes bounce {



    0%,

    20%,

    53%,

    80%,

    to {

        animation-timing-function: cubic-bezier(.215, .61, .355, 1);

        transform: translateZ(0)

    }



    40%,

    43% {

        animation-timing-function: cubic-bezier(.755, .05, .855, .06);

        transform: translate3d(0, -30px, 0)

    }



    70% {

        animation-timing-function: cubic-bezier(.755, .05, .855, .06);

        transform: translate3d(0, -15px, 0)

    }



    90% {

        transform: translate3d(0, -4px, 0)

    }

}



.bounce {

    animation-name: bounce;

    transform-origin: center bottom

}



@keyframes flash {



    0%,

    50%,

    to {

        opacity: 1

    }



    25%,

    75% {

        opacity: 0

    }

}



.flash {

    animation-name: flash

}



@keyframes pulse {

    0% {

        transform: scaleX(1)

    }



    50% {

        transform: scale3d(1.05, 1.05, 1.05)

    }



    to {

        transform: scaleX(1)

    }

}



.pulse {

    animation-name: pulse

}



@keyframes rubberBand {

    0% {

        transform: scaleX(1)

    }



    30% {

        transform: scale3d(1.25, .75, 1)

    }



    40% {

        transform: scale3d(.75, 1.25, 1)

    }



    50% {

        transform: scale3d(1.15, .85, 1)

    }



    65% {

        transform: scale3d(.95, 1.05, 1)

    }



    75% {

        transform: scale3d(1.05, .95, 1)

    }



    to {

        transform: scaleX(1)

    }

}



.rubberBand {

    animation-name: rubberBand

}



@keyframes shake {



    0%,

    to {

        transform: translateZ(0)

    }



    10%,

    30%,

    50%,

    70%,

    90% {

        transform: translate3d(-10px, 0, 0)

    }



    20%,

    40%,

    60%,

    80% {

        transform: translate3d(10px, 0, 0)

    }

}



.shake {

    animation-name: shake

}



@keyframes headShake {

    0% {

        transform: translateX(0)

    }



    6.5% {

        transform: translateX(-6px) rotateY(-9deg)

    }



    18.5% {

        transform: translateX(5px) rotateY(7deg)

    }



    31.5% {

        transform: translateX(-3px) rotateY(-5deg)

    }



    43.5% {

        transform: translateX(2px) rotateY(3deg)

    }



    50% {

        transform: translateX(0)

    }

}



.headShake {

    animation-timing-function: ease-in-out;

    animation-name: headShake

}



@keyframes swing {

    20% {

        transform: rotate(15deg)

    }



    40% {

        transform: rotate(-10deg)

    }



    60% {

        transform: rotate(5deg)

    }



    80% {

        transform: rotate(-5deg)

    }



    to {

        transform: rotate(0deg)

    }

}



.swing {

    transform-origin: top center;

    animation-name: swing

}



@keyframes tada {

    0% {

        transform: scaleX(1)

    }



    10%,

    20% {

        transform: scale3d(.9, .9, .9) rotate(-3deg)

    }



    30%,

    50%,

    70%,

    90% {

        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)

    }



    40%,

    60%,

    80% {

        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)

    }



    to {

        transform: scaleX(1)

    }

}



.tada {

    animation-name: tada

}



@keyframes wobble {

    0% {

        transform: none

    }



    15% {

        transform: translate3d(-25%, 0, 0) rotate(-5deg)

    }



    30% {

        transform: translate3d(20%, 0, 0) rotate(3deg)

    }



    45% {

        transform: translate3d(-15%, 0, 0) rotate(-3deg)

    }



    60% {

        transform: translate3d(10%, 0, 0) rotate(2deg)

    }



    75% {

        transform: translate3d(-5%, 0, 0) rotate(-1deg)

    }



    to {

        transform: none

    }

}



.wobble {

    animation-name: wobble

}



@keyframes jello {



    0%,

    11.1%,

    to {

        transform: none

    }



    22.2% {

        transform: skewX(-12.5deg) skewY(-12.5deg)

    }



    33.3% {

        transform: skewX(6.25deg) skewY(6.25deg)

    }



    44.4% {

        transform: skewX(-3.125deg) skewY(-3.125deg)

    }



    55.5% {

        transform: skewX(1.5625deg) skewY(1.5625deg)

    }



    66.6% {

        transform: skewX(-.78125deg) skewY(-.78125deg)

    }



    77.7% {

        transform: skewX(.390625deg) skewY(.390625deg)

    }



    88.8% {

        transform: skewX(-.1953125deg) skewY(-.1953125deg)

    }

}



.jello {

    animation-name: jello;

    transform-origin: center

}



@keyframes bounceIn {



    0%,

    20%,

    40%,

    60%,

    80%,

    to {

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        transform: scale3d(.3, .3, .3)

    }



    20% {

        transform: scale3d(1.1, 1.1, 1.1)

    }



    40% {

        transform: scale3d(.9, .9, .9)

    }



    60% {

        opacity: 1;

        transform: scale3d(1.03, 1.03, 1.03)

    }



    80% {

        transform: scale3d(.97, .97, .97)

    }



    to {

        opacity: 1;

        transform: scaleX(1)

    }

}



.bounceIn {

    animation-name: bounceIn

}



@keyframes bounceInDown {



    0%,

    60%,

    75%,

    90%,

    to {

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        transform: translate3d(0, -3000px, 0)

    }



    60% {

        opacity: 1;

        transform: translate3d(0, 25px, 0)

    }



    75% {

        transform: translate3d(0, -10px, 0)

    }



    90% {

        transform: translate3d(0, 5px, 0)

    }



    to {

        transform: none

    }

}



.bounceInDown {

    animation-name: bounceInDown

}



@keyframes bounceInLeft {



    0%,

    60%,

    75%,

    90%,

    to {

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        transform: translate3d(-3000px, 0, 0)

    }



    60% {

        opacity: 1;

        transform: translate3d(25px, 0, 0)

    }



    75% {

        transform: translate3d(-10px, 0, 0)

    }



    90% {

        transform: translate3d(5px, 0, 0)

    }



    to {

        transform: none

    }

}



.bounceInLeft {

    animation-name: bounceInLeft

}



@keyframes bounceInRight {



    0%,

    60%,

    75%,

    90%,

    to {

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        transform: translate3d(3000px, 0, 0)

    }



    60% {

        opacity: 1;

        transform: translate3d(-25px, 0, 0)

    }



    75% {

        transform: translate3d(10px, 0, 0)

    }



    90% {

        transform: translate3d(-5px, 0, 0)

    }



    to {

        transform: none

    }

}



.bounceInRight {

    animation-name: bounceInRight

}



@keyframes bounceInUp {



    0%,

    60%,

    75%,

    90%,

    to {

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }



    0% {

        opacity: 0;

        transform: translate3d(0, 3000px, 0)

    }



    60% {

        opacity: 1;

        transform: translate3d(0, -20px, 0)

    }



    75% {

        transform: translate3d(0, 10px, 0)

    }



    90% {

        transform: translate3d(0, -5px, 0)

    }



    to {

        transform: translateZ(0)

    }

}



.bounceInUp {

    animation-name: bounceInUp

}



@keyframes bounceOut {

    20% {

        transform: scale3d(.9, .9, .9)

    }



    50%,

    55% {

        opacity: 1;

        transform: scale3d(1.1, 1.1, 1.1)

    }



    to {

        opacity: 0;

        transform: scale3d(.3, .3, .3)

    }

}



.bounceOut {

    animation-name: bounceOut

}



@keyframes bounceOutDown {

    20% {

        transform: translate3d(0, 10px, 0)

    }



    40%,

    45% {

        opacity: 1;

        transform: translate3d(0, -20px, 0)

    }



    to {

        opacity: 0;

        transform: translate3d(0, 2000px, 0)

    }

}



.bounceOutDown {

    animation-name: bounceOutDown

}



@keyframes bounceOutLeft {

    20% {

        opacity: 1;

        transform: translate3d(20px, 0, 0)

    }



    to {

        opacity: 0;

        transform: translate3d(-2000px, 0, 0)

    }

}



.bounceOutLeft {

    animation-name: bounceOutLeft

}



@keyframes bounceOutRight {

    20% {

        opacity: 1;

        transform: translate3d(-20px, 0, 0)

    }



    to {

        opacity: 0;

        transform: translate3d(2000px, 0, 0)

    }

}



.bounceOutRight {

    animation-name: bounceOutRight

}



@keyframes bounceOutUp {

    20% {

        transform: translate3d(0, -10px, 0)

    }



    40%,

    45% {

        opacity: 1;

        transform: translate3d(0, 20px, 0)

    }



    to {

        opacity: 0;

        transform: translate3d(0, -2000px, 0)

    }

}



.bounceOutUp {

    animation-name: bounceOutUp

}



@keyframes fadeIn {

    0% {

        opacity: 0

    }



    to {

        opacity: 1

    }

}



.fadeIn {

    animation-name: fadeIn

}



@keyframes fadeInDown {

    0% {

        opacity: 0;

        transform: translate3d(0, -100%, 0)

    }



    to {

        opacity: 1;

        transform: none

    }

}



.fadeInDown {

    animation-name: fadeInDown

}



@keyframes fadeInDownBig {

    0% {

        opacity: 0;

        transform: translate3d(0, -2000px, 0)

    }



    to {

        opacity: 1;

        transform: none

    }

}



.fadeInDownBig {

    animation-name: fadeInDownBig

}



@keyframes fadeInLeft {

    0% {

        opacity: 0;

        transform: translate3d(-100%, 0, 0)

    }



    to {

        opacity: 1;

        transform: none

    }

}



.fadeInLeft {

    animation-name: fadeInLeft

}



@keyframes fadeInLeftBig {

    0% {

        opacity: 0;

        transform: translate3d(-2000px, 0, 0)

    }



    to {

        opacity: 1;

        transform: none

    }

}



.fadeInLeftBig {

    animation-name: fadeInLeftBig

}



@keyframes fadeInRight {

    0% {

        opacity: 0;

        transform: translate3d(100%, 0, 0)

    }



    to {

        opacity: 1;

        transform: none

    }

}



.fadeInRight {

    animation-name: fadeInRight

}



@keyframes fadeInRightBig {

    0% {

        opacity: 0;

        transform: translate3d(2000px, 0, 0)

    }



    to {

        opacity: 1;

        transform: none

    }

}



.fadeInRightBig {

    animation-name: fadeInRightBig

}



@keyframes fadeInUp {

    0% {

        opacity: 0;

        transform: translate3d(0, 100%, 0)

    }



    to {

        opacity: 1;

        transform: none

    }

}



.fadeInUp {

    animation-name: fadeInUp

}



@keyframes fadeInUpBig {

    0% {

        opacity: 0;

        transform: translate3d(0, 2000px, 0)

    }



    to {

        opacity: 1;

        transform: none

    }

}



.fadeInUpBig {

    animation-name: fadeInUpBig

}



@keyframes fadeOut {

    0% {

        opacity: 1

    }



    to {

        opacity: 0

    }

}



.fadeOut {

    animation-name: fadeOut

}



@keyframes fadeOutDown {

    0% {

        opacity: 1

    }



    to {

        opacity: 0;

        transform: translate3d(0, 100%, 0)

    }

}



.fadeOutDown {

    animation-name: fadeOutDown

}



@keyframes fadeOutDownBig {

    0% {

        opacity: 1

    }



    to {

        opacity: 0;

        transform: translate3d(0, 2000px, 0)

    }

}



.fadeOutDownBig {

    animation-name: fadeOutDownBig

}



@keyframes fadeOutLeft {

    0% {

        opacity: 1

    }



    to {

        opacity: 0;

        transform: translate3d(-100%, 0, 0)

    }

}



.fadeOutLeft {

    animation-name: fadeOutLeft

}



@keyframes fadeOutLeftBig {

    0% {

        opacity: 1

    }



    to {

        opacity: 0;

        transform: translate3d(-2000px, 0, 0)

    }

}



.fadeOutLeftBig {

    animation-name: fadeOutLeftBig

}



@keyframes fadeOutRight {

    0% {

        opacity: 1

    }



    to {

        opacity: 0;

        transform: translate3d(100%, 0, 0)

    }

}



.fadeOutRight {

    animation-name: fadeOutRight

}



@keyframes fadeOutRightBig {

    0% {

        opacity: 1

    }



    to {

        opacity: 0;

        transform: translate3d(2000px, 0, 0)

    }

}



.fadeOutRightBig {

    animation-name: fadeOutRightBig

}



@keyframes fadeOutUp {

    0% {

        opacity: 1

    }



    to {

        opacity: 0;

        transform: translate3d(0, -100%, 0)

    }

}



.fadeOutUp {

    animation-name: fadeOutUp

}



@keyframes fadeOutUpBig {

    0% {

        opacity: 1

    }



    to {

        opacity: 0;

        transform: translate3d(0, -2000px, 0)

    }

}



.fadeOutUpBig {

    animation-name: fadeOutUpBig

}



@keyframes flip {

    0% {

        transform: perspective(400px) rotateY(-1turn);

        animation-timing-function: ease-out

    }



    40% {

        transform: perspective(400px) translateZ(150px) rotateY(-190deg);

        animation-timing-function: ease-out

    }



    50% {

        transform: perspective(400px) translateZ(150px) rotateY(-170deg);

        animation-timing-function: ease-in

    }



    80% {

        transform: perspective(400px) scale3d(.95, .95, .95);

        animation-timing-function: ease-in

    }



    to {

        transform: perspective(400px);

        animation-timing-function: ease-in

    }

}



.animated.flip {

    -webkit-backface-visibility: visible;

    backface-visibility: visible;

    animation-name: flip

}



@keyframes flipInX {

    0% {

        transform: perspective(400px) rotateX(90deg);

        animation-timing-function: ease-in;

        opacity: 0

    }



    40% {

        transform: perspective(400px) rotateX(-20deg);

        animation-timing-function: ease-in

    }



    60% {

        transform: perspective(400px) rotateX(10deg);

        opacity: 1

    }



    80% {

        transform: perspective(400px) rotateX(-5deg)

    }



    to {

        transform: perspective(400px)

    }

}



.flipInX {

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

    animation-name: flipInX

}



@keyframes flipInY {

    0% {

        transform: perspective(400px) rotateY(90deg);

        animation-timing-function: ease-in;

        opacity: 0

    }



    40% {

        transform: perspective(400px) rotateY(-20deg);

        animation-timing-function: ease-in

    }



    60% {

        transform: perspective(400px) rotateY(10deg);

        opacity: 1

    }



    80% {

        transform: perspective(400px) rotateY(-5deg)

    }



    to {

        transform: perspective(400px)

    }

}



.flipInY {

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

    animation-name: flipInY

}



@keyframes flipOutX {

    0% {

        transform: perspective(400px)

    }



    30% {

        transform: perspective(400px) rotateX(-20deg);

        opacity: 1

    }



    to {

        transform: perspective(400px) rotateX(90deg);

        opacity: 0

    }

}



.flipOutX {

    animation-name: flipOutX;

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important

}



@keyframes flipOutY {

    0% {

        transform: perspective(400px)

    }



    30% {

        transform: perspective(400px) rotateY(-15deg);

        opacity: 1

    }



    to {

        transform: perspective(400px) rotateY(90deg);

        opacity: 0

    }

}



.flipOutY {

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

    animation-name: flipOutY

}



@keyframes lightSpeedIn {

    0% {

        transform: translate3d(100%, 0, 0) skewX(-30deg);

        opacity: 0

    }



    60% {

        transform: skewX(20deg);

        opacity: 1

    }



    80% {

        transform: skewX(-5deg);

        opacity: 1

    }



    to {

        transform: none;

        opacity: 1

    }

}



.lightSpeedIn {

    animation-name: lightSpeedIn;

    animation-timing-function: ease-out

}



@keyframes lightSpeedOut {

    0% {

        opacity: 1

    }



    to {

        transform: translate3d(100%, 0, 0) skewX(30deg);

        opacity: 0

    }

}



.lightSpeedOut {

    animation-name: lightSpeedOut;

    animation-timing-function: ease-in

}



@keyframes rotateIn {

    0% {

        transform-origin: center;

        transform: rotate(-200deg);

        opacity: 0

    }



    to {

        transform-origin: center;

        transform: none;

        opacity: 1

    }

}



.rotateIn {

    animation-name: rotateIn

}



@keyframes rotateInDownLeft {

    0% {

        transform-origin: left bottom;

        transform: rotate(-45deg);

        opacity: 0

    }



    to {

        transform-origin: left bottom;

        transform: none;

        opacity: 1

    }

}



.rotateInDownLeft {

    animation-name: rotateInDownLeft

}



@keyframes rotateInDownRight {

    0% {

        transform-origin: right bottom;

        transform: rotate(45deg);

        opacity: 0

    }



    to {

        transform-origin: right bottom;

        transform: none;

        opacity: 1

    }

}



.rotateInDownRight {

    animation-name: rotateInDownRight

}



@keyframes rotateInUpLeft {

    0% {

        transform-origin: left bottom;

        transform: rotate(45deg);

        opacity: 0

    }



    to {

        transform-origin: left bottom;

        transform: none;

        opacity: 1

    }

}



.rotateInUpLeft {

    animation-name: rotateInUpLeft

}



@keyframes rotateInUpRight {

    0% {

        transform-origin: right bottom;

        transform: rotate(-90deg);

        opacity: 0

    }



    to {

        transform-origin: right bottom;

        transform: none;

        opacity: 1

    }

}



.rotateInUpRight {

    animation-name: rotateInUpRight

}



@keyframes rotateOut {

    0% {

        transform-origin: center;

        opacity: 1

    }



    to {

        transform-origin: center;

        transform: rotate(200deg);

        opacity: 0

    }

}



.rotateOut {

    animation-name: rotateOut

}



@keyframes rotateOutDownLeft {

    0% {

        transform-origin: left bottom;

        opacity: 1

    }



    to {

        transform-origin: left bottom;

        transform: rotate(45deg);

        opacity: 0

    }

}



.rotateOutDownLeft {

    animation-name: rotateOutDownLeft

}



@keyframes rotateOutDownRight {

    0% {

        transform-origin: right bottom;

        opacity: 1

    }



    to {

        transform-origin: right bottom;

        transform: rotate(-45deg);

        opacity: 0

    }

}



.rotateOutDownRight {

    animation-name: rotateOutDownRight

}



@keyframes rotateOutUpLeft {

    0% {

        transform-origin: left bottom;

        opacity: 1

    }



    to {

        transform-origin: left bottom;

        transform: rotate(-45deg);

        opacity: 0

    }

}



.rotateOutUpLeft {

    animation-name: rotateOutUpLeft

}



@keyframes rotateOutUpRight {

    0% {

        transform-origin: right bottom;

        opacity: 1

    }



    to {

        transform-origin: right bottom;

        transform: rotate(90deg);

        opacity: 0

    }

}



.rotateOutUpRight {

    animation-name: rotateOutUpRight

}



@keyframes hinge {

    0% {

        transform-origin: top left;

        animation-timing-function: ease-in-out

    }



    20%,

    60% {

        transform: rotate(80deg);

        transform-origin: top left;

        animation-timing-function: ease-in-out

    }



    40%,

    80% {

        transform: rotate(60deg);

        transform-origin: top left;

        animation-timing-function: ease-in-out;

        opacity: 1

    }



    to {

        transform: translate3d(0, 700px, 0);

        opacity: 0

    }

}



.hinge {

    animation-name: hinge

}



@keyframes jackInTheBox {

    0% {

        opacity: 0;

        transform: scale(.1) rotate(30deg);

        transform-origin: center bottom

    }



    50% {

        transform: rotate(-10deg)

    }



    70% {

        transform: rotate(3deg)

    }



    to {

        opacity: 1;

        transform: scale(1)

    }

}



.jackInTheBox {

    animation-name: jackInTheBox

}



@keyframes rollIn {

    0% {

        opacity: 0;

        transform: translate3d(-100%, 0, 0) rotate(-120deg)

    }



    to {

        opacity: 1;

        transform: none

    }

}



.rollIn {

    animation-name: rollIn

}



@keyframes rollOut {

    0% {

        opacity: 1

    }



    to {

        opacity: 0;

        transform: translate3d(100%, 0, 0) rotate(120deg)

    }

}



.rollOut {

    animation-name: rollOut

}



@keyframes zoomIn {

    0% {

        opacity: 0;

        transform: scale3d(.3, .3, .3)

    }



    50% {

        opacity: 1

    }

}



.zoomIn {

    animation-name: zoomIn

}



@keyframes zoomInDown {

    0% {

        opacity: 0;

        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }



    60% {

        opacity: 1;

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



.zoomInDown {

    animation-name: zoomInDown

}



@keyframes zoomInLeft {

    0% {

        opacity: 0;

        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }



    60% {

        opacity: 1;

        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



.zoomInLeft {

    animation-name: zoomInLeft

}



@keyframes zoomInRight {

    0% {

        opacity: 0;

        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }



    60% {

        opacity: 1;

        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



.zoomInRight {

    animation-name: zoomInRight

}



@keyframes zoomInUp {

    0% {

        opacity: 0;

        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }



    60% {

        opacity: 1;

        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



.zoomInUp {

    animation-name: zoomInUp

}



@keyframes zoomOut {

    0% {

        opacity: 1

    }



    50% {

        opacity: 0;

        transform: scale3d(.3, .3, .3)

    }



    to {

        opacity: 0

    }

}



.zoomOut {

    animation-name: zoomOut

}



@keyframes zoomOutDown {

    40% {

        opacity: 1;

        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }



    to {

        opacity: 0;

        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);

        transform-origin: center bottom;

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



.zoomOutDown {

    animation-name: zoomOutDown

}



@keyframes zoomOutLeft {

    40% {

        opacity: 1;

        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)

    }



    to {

        opacity: 0;

        transform: scale(.1) translate3d(-2000px, 0, 0);

        transform-origin: left center

    }

}



.zoomOutLeft {

    animation-name: zoomOutLeft

}



@keyframes zoomOutRight {

    40% {

        opacity: 1;

        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)

    }



    to {

        opacity: 0;

        transform: scale(.1) translate3d(2000px, 0, 0);

        transform-origin: right center

    }

}



.zoomOutRight {

    animation-name: zoomOutRight

}



@keyframes zoomOutUp {

    40% {

        opacity: 1;

        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);

        animation-timing-function: cubic-bezier(.55, .055, .675, .19)

    }



    to {

        opacity: 0;

        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);

        transform-origin: center bottom;

        animation-timing-function: cubic-bezier(.175, .885, .32, 1)

    }

}



.zoomOutUp {

    animation-name: zoomOutUp

}



@keyframes slideInDown {

    0% {

        transform: translate3d(0, -100%, 0);

        visibility: visible

    }



    to {

        transform: translateZ(0)

    }

}



.slideInDown {

    animation-name: slideInDown

}



@keyframes slideInLeft {

    0% {

        transform: translate3d(-100%, 0, 0);

        visibility: visible

    }



    to {

        transform: translateZ(0)

    }

}



.slideInLeft {

    animation-name: slideInLeft

}



@keyframes slideInRight {

    0% {

        transform: translate3d(100%, 0, 0);

        visibility: visible

    }



    to {

        transform: translateZ(0)

    }

}



.slideInRight {

    animation-name: slideInRight

}



@keyframes slideInUp {

    0% {

        transform: translate3d(0, 100%, 0);

        visibility: visible

    }



    to {

        transform: translateZ(0)

    }

}



.slideInUp {

    animation-name: slideInUp

}



@keyframes slideOutDown {

    0% {

        transform: translateZ(0)

    }



    to {

        visibility: hidden;

        transform: translate3d(0, 100%, 0)

    }

}



.slideOutDown {

    animation-name: slideOutDown

}



@keyframes slideOutLeft {

    0% {

        transform: translateZ(0)

    }



    to {

        visibility: hidden;

        transform: translate3d(-100%, 0, 0)

    }

}



.slideOutLeft {

    animation-name: slideOutLeft

}



@keyframes slideOutRight {

    0% {

        transform: translateZ(0)

    }



    to {

        visibility: hidden;

        transform: translate3d(100%, 0, 0)

    }

}



.slideOutRight {

    animation-name: slideOutRight

}



@keyframes slideOutUp {

    0% {

        transform: translateZ(0)

    }



    to {

        visibility: hidden;

        transform: translate3d(0, -100%, 0)

    }

}



.slideOutUp {

    animation-name: slideOutUp

}











/* @charset "utf-8"; */





/* CSS Document */



.fullwrapper {

    width: 100%;

    float: left;

    /*! overflow-x: hidden; */

}



.containerbox {

    width: 1050px;

    margin: 0 auto;

    padding: 0;

}



.containerbox1 {

    width: 1200px;

    margin: 0 auto;

    padding: 0;

}



.containerbox2 {

    width: 1000px;

    margin: 0 auto;

    padding: 0;

}



.containerbox3 {

    width: 900px;

    margin: 0 auto;

    padding: 0;

}



.containerbox3 h5 {

    width: 100%;

    float: left;

    text-align: left;

    font-size: 20px;

    font-weight: 600;

    padding: 0;

    margin: 0;

    color: #ee1c25;

    margin-bottom: 5px;

}



.cnt-b5 {

    width: 100%;

    float: left;

}



.cnt-b5 h3 {

    width: 100%;

    float: left;

    text-align: left;

    font-weight: 600;

    font-size: 22px;

    ;

}



.cnt-b5 p {

    width: 100%;

    float: left;

    text-align: justify;

    line-height: 26px;

    padding: 0;

    margin: 0;

    margin-bottom: 10px;

}



.cnt-b5 ul {

    width: 100%;

    float: left;

    margin: 0;

    padding: 0;

    margin-bottom: 20px;

}



.cnt-b5 ul li {

    position: relative;

    float: left;

    width: 100%;

    padding-left: 20px;

    text-align: left;

    line-height: 26px;

}



.cnt-b5 ul li:before {

    position: absolute;

    content: '\f101';

    font-family: 'fontawesome';

    left: 0;

}





li {

    position: relative;

}



body {

    margin: 0 auto;

    overflow-x: hidden;

}



* {

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

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



.right {

    float: right !important;

}



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









/*fonts*/



a {

    text-decoration: none;

}



.heading1 {

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

    font-size: 35px;

    font-weight: 200;

    margin-top: 20px;

    text-align: center;

    float: left;

    width: 100%;

}



.heading1link {

    color: #000;

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

    font-size: 35px;

    font-weight: 200;

    margin-top: 20px;

    text-align: center;

    float: left;

    width: 100%;

}



.heading1link:hover {

    color: #F00;

}



.heading1link span {

    color: #e31f21;

    font-size: 30px;

    font-weight: 400;

    margin-top: 20px;

}



.heading1 span {

    color: #e31f21;

    font-size: 30px;

    font-weight: 400;

    margin-top: 20px;

}



.headingc {

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

    font-size: 30px;

    font-weight: 300;

    margin-top: 40px;

    margin-bottom: 40px;

    text-align: center;

    float: left;

    color: #000;

    width: 100%;

}



.headingp {

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

    font-size: 30px;

    font-weight: 300;

    margin-top: 40px;

    margin-bottom: 40px;

    text-align: center;

    float: left;

    color: #000;

    width: 100%;

}



.headingp:hover {

    color: #F00;

}



.headingsubmit {

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

    font-size: 26px;

    font-weight: 300;

    margin-top: 40px;

    margin-bottom: 20px;

    text-align: center;

    float: left;

    width: 100%;

}



.headingcontact {

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

    font-size: 30px;

    font-weight: 400;

    margin-top: 50px;

    margin-bottom: 40px;

    text-align: justify;

    float: left;

    width: 100%

}



.headingcontact span {

    color: #e31f21;

    font-size: 30px;

    font-weight: 400;

    margin-top: 20px;

}



.heading1about {

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

    font-size: 35px;

    font-weight: 200;

    margin-top: 50px;

    margin-bottom: 40px;

    text-align: center;

    float: left;

    width: 100%;

}



.heading1about span {

    color: #e31f21;

    font-size: 35px;

    font-weight: 200;

    margin-top: 20px;

}





.headingproduct1 {

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

    font-size: 30px;

    font-weight: 400;

    margin-top: 50px;

    margin-bottom: 40px;

    float: left;

    width: 100%;

    text-align: justify;

}



.headingproduct1 span {

    color: #e31f21;

    font-size: 24px;

    font-weight: 400;

    margin-top: 20px;

    float: left;

}











.headingw1 {

    color: #FFF;

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

    font-size: 35px;

    font-weight: 200;

    text-align: center;

    float: left;

    margin-bottom: 30px;

    width: 100%;

}



.headingr1 {

    color: #ed1929;

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

    font-size: 30px;

    font-weight: 700;

    float: left;

    width: 100%;

    text-align: justify;

    margin-top: 20px;

    margin-left: 273px;

    margin-bottom: 0px;

    display: none;

}



.headingrnew1 {

    color: #ed1929;

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

    font-size: 30px;

    font-weight: 700;

    float: left;

    width: 100%;

    text-align: justify;

    margin-top: 20px;

    margin-left: 0px;

    padding-left: 20px;

    margin-bottom: 6px;

}





.headingb1 {

    color: #827d7d;

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

    font-size: 25px;

    margin-left: 35px;

    font-weight: 700;

    text-align: justify;

    float: left;

    width: 100%;

    margin-bottom: 0;

}



.headingbanner {

    color: #FFF;

    font-weight: 200;

    font-size: 35px;

    margin-bottom: 10px;

    margin-top: 50px;

}



.headingbannerabout {

    color: #FFF;

    font-weight: 200;

    font-size: 145px;

    letter-spacing: 30px;

}







.bannerhr {

    max-width: 250px;

}



.fontsheader {

    color: #FFF;

    font-weight: 600;

    font-size: 16px;

}



.fontproduct {

    font-size: 16px;

}



.fontw1 {

    color: #FFF;

    text-align: justify;

    line-height: 25px;

    font-size: 16px;

    padding-left: 20px;

    padding-right: 20px;

}



.fontwnew1 {

    color: #FFF;

    text-align: justify;

    line-height: 28px;

    font-size: 20px;

    font-weight: 200;

}



.fontwb1 {

    color: #000;

    text-align: justify;

    line-height: 25px;

    font-size: 16px;

}



.fontwp1 {

    color: #000;

    text-align: justify;

    line-height: 25px;

    font-size: 15px;

    float: left;

    width: 64.6%;

    padding: 0 10px;

    padding-left: 0;

}





.fontb1 {

    color: #827d7d;

    text-align: justify;

    line-height: 25px;

    font-size: 15px;

    padding-left: 65px;

    padding-right: 20px;

    position: relative;

    float: left;

    width: 100%;

}



.fontb1 a {

    color: #827d7d;



}



.fontb1 a:hover {

    color: #ee1d26;



}



.fontb1:before {

    content: '\f095';

    color: #827d7d !important;

    font-size: 20px;

    font-family: fontawesome;

    color: #2b2b2b;

    position: absolute;

    padding-top: 1px;

    left: 34px;

}



.fontb2 {

    color: #827d7d;

    text-align: justify;

    line-height: 25px;

    font-size: 15px;

    padding-left: 65px;

    padding-right: 20px;

    position: relative;

    float: left;

    width: 100%;

}



.fontb2 a {

    color: #827d7d;



}



.fontb2 a:hover {

    color: #ee1d26;



}



.fontb2:before {

    content: '\f003';

    color: #827d7d !important;

    font-size: 20px;

    font-family: fontawesome;

    color: #2b2b2b;

    position: absolute;

    padding-top: 0px;

    left: 32px;

}







.head {

    display: block;

}

.lines{

    display: none;

}







.fontb3 {

    color: #827d7d;

    text-align: justify;

    line-height: 25px;

    font-size: 15px;

    padding-left: 65px;

    padding-right: 20px;

    position: relative;

    float: left;

    width: 100%;

}



.fontb3 span {

    width: 100%;

    float: left;

}



.fontb3:before {

    content: '\f041';

    color: #827d7d !important;

    font-size: 25px;

    font-family: fontawesome;

    color: #2b2b2b;

    position: absolute;

    padding-top: 1px;

    left: 35px;

}



.fontproductimg {

    font-size: 14px;

    text-align: justify;

    line-height: 20px;

}





.fontfooter {

    color: #827d7d;

    text-align: justify;

    line-height: 25px;

    font-size: 15px;

    padding-right: 20px;

    position: relative;

    float: left;

    font-weight: 600;

}



.fontfooter2 {

    color: #827d7d;

    text-align: justify;

    line-height: 25px;

    font-size: 15px;

    padding-left: 0px;

    position: relative;

    float: right;

    font-weight: 600;

}





.fontfooter2 a {

    color: #827d7d;

}



.fontfooter2 a:hover {

    color: #ee1d26;

}







.fontfooternew {

    color: #827d7d;

    text-align: justify;

    line-height: 25px;

    font-size: 15px;

    padding-left: 30px;

    padding-right: 20px;

    position: relative;

    float: left;

    font-weight: 600;

}



.fontfooternew span {

    color: #827d7d;

}



.fontfooternew span:hover {

    color: #ee1d26;

}



/*header part*/





#logo {

    height: auto;

    width: 160px;

    float: left;

    text-align: center;

    margin-left: calc(50% - 80px);

}





#logo img {

    height: 120px;

    margin-bottom: 0px;

}





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









/*banner part*/





.gap2 {

    margin-top: 100px;

}



.gap3 {

    margin-top: 100px;

}







header {

    position: fixed;

    left: 0;

    right: 0;

    background-color: #fff;

    float: left;
    width: 100%;
}



.banner {

    width: 100%;

    float: left;

    position: relative;

    /*! z-index: -1; */

}



.banner img {

    width: 100%;

    float: left;

    z-index: -1;

}



.bannertext {

    float: left;

    width: 100%;

    text-align: center;

    margin-top: 0;

}



.bannertextABOUT {

    position: absolute;

    float: left;

    width: 100%;

    margin-top: 90px;

    text-align: center;

}



.bannertextABOUT2 {

    position: absolute;

    float: left;

    width: 100%;

    /* margin-top: 185px; */

    bottom: -125px;

    text-align: center;

}







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





/*container1*/



.container0 {

    text-align: center;

    float: left;

    width: 100%;

    margin-top: 125px;

    margin-bottom: 0px;

}





.container1 {

    text-align: center;

    float: left;

    width: 100%;

    margin-bottom: 20px;

}



.container1 img {

    float: left;

    margin-top: 10px;

    margin-bottom: 10px;

    height: 200px;

}







/*.center2 slide1:focus, .center2 slide1:hover {

	-webkit-box-shadow: 0 0 20px gainsboro;

	        box-shadow: 0 0 20px gainsboro;

    TRANSFORM: scale(1.1);

    -webkit-transition:1s;

    -o-transition:1s;

    transition:1s;

}*/



/*container2*/



.container2 {

    background-image: url(images/innerimg1.jpg);

    background-attachment: fixed;

    -webkit-background-size: cover;

    background-size: cover;

    float: left;

    width: 100%;

    padding-top: 0px;

    padding-bottom: 20px;

}



.container2 img {

    width: 100%;

    float: left;

    position: relative;



}



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





/*container3*/



.container3 {

    width: 100%;

    float: left;

}



.box1 {

    height: 440px !important;

    float: left;

    background-image: url(images/customize%20your%20style-new.jpg);

    background-size: 1500px;

    width: 100%;

    background-position-x: -206px;

    background-repeat: no-repeat;

    background-position-y: -225px;

    /* background-position: left; */

    /* background-position: top left; */

}



.box2 {

    height: 440px !important;

    float: right;

    background-position-x: -934px;

    background-position-y: -225px;

    /* margin-left: 7.5px !important; */

    background-image: url(images/customize%20your%20style-new.jpg);

    width: 98%;

    background-size: 1500px;

    /* background-repeat: no-repeat; */

    /* background-position: top right; */



}



.box3 {

    height: 440px !important;

    margin-top: 20px;

    margin-bottom: 40px;

}



.box4 {

    height: 440px !important;

    margin-top: 20px;

    margin-bottom: 40px;

    margin-left: 2%;

    margin-left: 2.6px !important;

}



.box5 {

    height: 320px;

    /* margin-left: 2%; */

    margin-top: 0;

    margin-bottom: 40px;

    float: right;

    background-image: url(images/customize%20your%20style-new.jpg);

    background-size: 1500px;

    background-position-x: -934px;

    /* background-position: bottom right; */

    /* background-repeat: no-repeat; */

    width: 98%;

    background-position-y: -680px;

}



.parentimg {

    width: 33.33%;

    float: left;

    padding: 0;

    padding-bottom: 10px;

}



.parentimg2 {

    width: 33.33%;

    float: left;

    padding: 0;

    padding-bottom: 10px;

    padding-left: 10px;

}



.parentimg img {

    width: 100%;

    -o-object-fit: cover;

    object-fit: cover;

    margin: 0;

}



.parentimg1 {

    width: 66.66%;

}



/*container4*/



.container4 {

    background-image: url(images/innerimg2.jpg);

    -webkit-background-size: cover;

    background-size: cover;

    background-attachment: fixed;

    float: left;

    width: 100%;

}





.box6 {

    float: left;

    margin-top: 23px;

    margin-bottom: 20px;

    width: 24.3%;

}





.box7 {

    float: left;

    margin-top: 0px;

    margin-bottom: 20px;

    width: 59.3%;

}



.box8 {

    float: right;

    margin-top: 0px;

    margin-bottom: 20px;

    width: 16.3%;

}



.box8 img {

    margin-top: 45px;

    margin-left: 10px;

    float: right;

}



.button1 {

    background-color: #ff0000;

    border: none;

    color: #FFF;

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

    font-size: 12px;

    float: left;

    margin-left: 25px;

    padding: 10px;

}





.button1:hover {

    background-color: #494646;

    color: #ff0000;

}



/*container5*/



.container5 {

    background-image: url(images/innerimg4.jpg);

    -webkit-background-size: cover;

    background-size: cover;

    background-attachment: fixed;

    float: left;

    width: 100%;

}



.box9 {

    float: left;

    margin-top: 37px;

    margin-bottom: 20px;

    width: 16.3%;

}



.box9 img {

    height: 85px;

    margin-top: 50px;

    float: left;

}





.box10 {

    float: right;

    margin-top: 20px;

    margin-bottom: 20px;

    width: 83.6%;

}



.sub1 {

    width: 50%;

    float: left;

}



.subimg1 {

    margin-left: 21px;

    /*	height:100px !important;*/

}



.subimg2 {

    /*    height: 100px !important;*/

}





.sub2 {

    width: 50%;

    float: left;

    right: 0;

}





.homeform {

    background-color: #413f3f;

    width: 100%;

    margin-top: 20px;

    height: 30px;

    float: right;

    border: 1px solid #524949;

    padding: 5px;

    color: #fff;

}



.homeform2 {

    background-color: #413f3f;

    width: 100%;

    margin-top: 20px;

    float: right;

    height: 80px;

    max-height: 80px;

    border: 1px solid #524949;

    padding: 5px;

    color: #fff;

    font-size: 13px;

}



.homebottombutton {

    background-color: #494646;

    padding: 14PX 15px;

    float: left;

    color: #FFF;

    margin-top: 10px;

    cursor: pointer;

    font-size: 12px;

    font-weight: 700;

    /* border-radius: 5px; */

    border-style: none;

    outline: none;

}



.homebottombutton:hover {

    background-color: #ff0000;

    ;

}



.hr1 {

    max-width: 98%;

    margin-left: 2%;

    float: left;

    width: 100%;

    height: 0px;

    border-style: solid;

    border-color: #524949;

}



/*footer*/



footer {

    background-color: #363636;

    float: left;

    width: 100%;

}





.footer-icon {

    float: left;

}









.footer-icon img {

    cursor: pointer;

}



.footer-icon img:nth-child(2) {

    display: none;

}



.footer-icon:hover img:nth-child(1) {

    display: none;

}



.footer-icon:hover img:nth-child(2) {

    display: inline-block;

}





/*slide1*/



.slide1 {

    float: left;

    margin-bottom: 20px;

    margin-left: 10px;

}



.slide1 a {

    TRANSFORM: scale(1.0);

    -webkit-transition: 1s;

    -o-transition: 1s;

    transition: 1s;

}



/*.slide1:hover a{     -webkit-box-shadow: 0 0 20px gainsboro;     box-shadow: 0 0 20px gainsboro;

    TRANSFORM: scale(1.1);

    -webkit-transition: 1s;

    -o-transition: 1s;

    transition: 1s;}*/

/*.slide1 a {

	float:left;

	font-size:14px;

	font-weight:700;

	text-decoration:none;

}

*/



.slide1 a {

    color: #000 !important;

}





.fontslide {

    text-decoration: none;

    color: #000;

}



.slick-prev {

    left: 0 !important;

}



.slick-prev:before {

    color: #000;

}



.slick-next {

    right: 0;

}





.slick-next:before {

    color: #000;

}





/*aboutus page*/







#logo2 {

    height: auto;

    float: left;

}





#logo2 img {

    height: 75px;

    margin-top: 0px;

}





#navbar2 {

    width: 50%;

    float: right;

    margin-right: 0px;

}



#navbar2 ul {

    list-style-type: none;

    margin: 0;

    padding: 0;

    overflow: hidden;

}



#navbar2 ul li {}



#navbar2 ul li a {

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

    font-size: 18px;

    color: #000;

    display: block;

    padding: 8px;

    text-decoration: none;

    margin-left: 70px;

    margin-top: 50px;

}



#navbar2 ul li a.active {

    color: #f00;

}



.active {

    color: #f00 !important;

}



#navbar2 ul li a:hover:not(.active) {

    color: #F00;

}





/*productspage*/



.sidenav {

    width: 250px;

    float: left;

    position: fixed !important;

}



.main .flex-active-slide {





    margin-right: 0px;

    float: left;

    display: block;



}



.subslides li {

    width: 109px !important;

    float: left;

    display: block;

    margin-left: 4px !important;

}





.flex-direction-nav a.flex-next:before {

    content: '\f105' !important;

    font-family: fontawesome;

}



.flex-direction-nav a:before {

    font-size: 40px;

    display: inline-block;

    content: '\f104' !important;

    font-family: fontawesome !important;

    color: rgba(0, 0, 0, 0.8);

    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);

}





.products {

    width: calc(100% - 250px);

    float: right;

    margin: 0;

    padding: 0;



}



.slide1 .thumbnail {

    width: 195px;

}



.slide1 .thumbnail img {

    width: 100%;

}



.thumbnail {

    float: right;

    border: 1px solid #e1e1e1;

    margin-left: 0px;

    margin-top: 0px;

}



.thumbnail:focus,

.thumbnail:hover {}



.thumbnail1 {

    float: left;

    border: 1px solid #e1e1e1;

    margin-left: 0px;

    margin-top: 20px;

    text-align: center;

    width: 250px;

    margin-right: 90px;



}



.caption {

    width: 100%;

    float: left;

}



.products a:nth-child(3n) .thumbnail1 {

    margin-right: 0px;

}



.thumbnail1:focus,

.thumbnail1:hover .producrhr {

    border-color: #F00;

    max-width: 60%;

}



.producrhr {

    border-color: #e1e1e1;

    max-width: 60%;

}





.thumbnail:focus,

.thumbnail:hover .producrhr {

    border-color: #F00;

    max-width: 60%;

}



.navte {

    text-align: justify;

    float: left;

    width: 100%;margin-top:2%;

	margin-bottom:2%;

}



.navte a {

    color: #000;

}



.navte a:hover {

    color: #F00;

}



.containersample {

    background-color: #e4e2e3;

}



/*productpage1*/



.containersample {

    width: 100%;

    float: left;

    text-align: center;

    padding-bottom: 40px;

}



.productimg {

    float: left;

    width: 49%;

}



.producttext {

    float: right;

    width: 40%;

    min-height: 600px;

}



.sample2 {

    text-align: center;

    width: 30%;

    height: 36px;

    font-size: 14px;

}



.sample3 {

    background-color: #f10a00;

    color: #FFF;

    padding: 10PX;

    padding-left: 20px;

    padding-right: 20px;

    border-style: none;

    margin-left: 20px;

    font-size: 14px;

}





.producttext ul li {

    list-style: none;

    float: left;

    width: 100%;

    text-align: justify;

    margin-top: 10px;

    font-size: 15px;

}



.producttext ul li:before {

    /*! content: "\f111"; */

    font-family: "fontawesome";

    font-size: 5px;

    margin-right: 10px;

}



.producttext img {

    float: left;

    height: 50px !important;

    margin-top: 20px;

    margin-left: -10px !important;

}



.packaging {

    float: left;

    font-size: 16px;

    font-weight: 600;

    margin-top: 40px;

    margin-left: 5px;

    color: #000;

}



.packing-full {

    cursor: pointer;

}





.packing-full:hover .packaging {

    color: #f20b01;

}



#slider {

    width: 100%;

    float: left;

    margin-bottom: 0px;

    position: relative;

}



.parentimg2 img {

    width: 100%;

    float: left;

    -o-object-fit: cover;

    object-fit: cover;

    margin: 0;

}



.parentimg img {

    width: 97%;

    float: right;

    -o-object-fit: cover;

    object-fit: cover;

    margin: 0;

}









.flexslider .slides img {

    width: 99% !important;

    margin-top: 2px;

    margin-bottom: 0px;

    /*  height: 313px !important;*/

    -o-object-fit: cover;

    object-fit: cover;

}



.flexslider2 .slides img {

    height: 100px !important;

    -o-object-fit: cover;

    object-fit: cover;

    border: 1px solid #e1e1e1;

}



/*contact us page*/



.contactformp {

    width: 100%;

    float: left;

    margin-top: 20px;

    margin-bottom: 80px;

}



.form1 {

    width: 70%;

    float: left;

}



.contact1 {

    width: 50%;

    float: left;

}



.contact2 {

    width: 50%;

    float: left;

}



.adress {

    width: 30%;

    float: right;

}



.map {

    width: 100%;

    float: right;

    background-color: #e4e2e3;

    float: left;

    padding-bottom: 20px;

}



.relmap {

    float: right;

    height: 200px;

    width: 100%;

    margin-top: 20px;

    margin-bottom: 0px;

}



.adressnew {

    float: left;

    width: 100%;

}



.adress1 {

    float: left;

    width: 100%;

}



.adress1 ul li {

    list-style: circle;

    float: left;

    width: 100%;

    text-align: justify;

    font-size: 15px;

    position: relative;

    padding-left: 20px;

}



.adress1 ul li:before {

    content: "\f041";

    font-family: "fontawesome";

    font-size: 14px;

    margin-right: 0px;

    position: absolute;

    left: 5px;

    top: 2px;

}





.adress2 ul li {

    list-style: circle;

    float: left;

    width: 100%;

    text-align: justify;

    margin-top: 20px;

    font-size: 15px;

    position: relative;

    padding-left: 20px;

}



.adress2 ul li:before {

    content: "\f095";

    font-family: "fontawesome";

    font-size: 14px;

    margin-right: 0px;

    position: absolute;

    left: 5px;

    top: 2px;

}



.adress3 ul li {

    list-style: circle;

    float: left;

    width: 100%;

    text-align: justify;

    margin-top: 20px;

    font-size: 15px;

    position: relative;

    padding-left: 20px;

}



.adress3 ul li:before {

    content: "\f0e0";

    font-family: "fontawesome";

    font-size: 14px;

    margin-right: 0px;

    position: absolute;

    left: 5px;

    top: 2px;

}





.adress4 ul li {

    list-style: circle;

    float: left;

    width: 100%;

    text-align: justify;

    margin-top: 20px;

    font-size: 15px;

    position: relative;

    padding-left: 20px;

}



.adress4 ul li:before {

    content: "\f26b";

    font-family: "fontawesome";

    font-size: 14px;

    margin-right: 0px;

    position: absolute;

    left: 5px;

    top: 2px;



}



.sample4 {

    float: left;

    height: 30px;

    margin-top: 10px;

    width: 80%;

    border: none;

    border-bottom: 1px solid;

    outline: none;

}



.sample5 {

    float: left;

    height: 30px;

    margin-top: 10px;

    width: 80%;

    border: none;

    border-bottom: 1px solid;

    outline: none;

}



.sample6 {

    padding: 10px;

    background-color: #090;

    border: none;

    color: #FFF;

    float: left;

    width: 100%;

    margin-top: 20px;

    max-width: 30%;

    border-radius: 5px;

}



/*custom page*/



.custom {

    width: 70%;

    float: left;

}



.custom2 {

    width: 30%;

    float: right;

}





.custom p {

    text-align: justify;

    margin-top: 30px;

    line-height: 25px;

    font-size: 16px;

}



.custom p span {

    color: #F00;

    font-size: 16px;

}



.customimg {

    width: 90% !important;

    float: right !important;

    height: auto !important;

    margin-top: 35px;

}



.customimg2 {

    float: left !important;

}



.customimg2-he {

    float: left !important;

    height: 413px;

    display: block;

}



.customimg3 {

    width: 100%;

    height: 413px;

    float: left !important;

}



.customcontainer2 {

    float: left;

    width: 100%;

    margin-top: 20px;

    margin-bottom: 60px;

}



.custom3 {

    width: 30%;

    float: left;

}



.custom4 {

    width: 69%;

    float: right;

}



.custom4 video {

    width: 100%;

    float: right;

    height: 371px;

}



.containercustom {

    float: left;

    width: 100%;

}



.fontcustom {

    line-height: 30px;

    margin-bottom: 100px;

    font-size: 16px;

}



.taitle {

    background-color: #f20b01;

    padding: 10px;

    color: #FFF;

    max-width: 30%;

    width: 100%;

    float: left;

}



.taittle2 {

    float: left;

    height: 40px !important;

    margin-right: 10px;

    margin-left: 83px;

    margin-top: 13px !important;

}





.gap {

    border-top: 1px solid #e1e1e1;

    float: left;

    width: 100%;

}

.att a {



    padding: 10px;

    background: 



#ee1c25;



color:



    white;

    border-radius: 10px;

    font-size: 18px;

     position: fixed;

    right: -60px;

    transform: rotate(90deg);

    top: 40%;

    z-index: 99999999999;



}

.att a:hover{

    background: black;

    color: 

#ee1c25;



}



 

/* The Modal (background) */

.modal {

    display: none;

    /* Hidden by default */

    position: fixed;

    /* Stay in place */

    z-index: 1;

    /* Sit on top */

    left: 0;

    top: 0;

    width: 100%;

    /* Full width */

    height: auto;

    /* Full height */

    overflow: auto;

    /* Enable scroll if needed */

    background-color: rgb(0, 0, 0);

    /* Fallback color */

    background-color: rgba(0, 0, 0, 0.4);

    /* Black w/ opacity */

}



/* Modal Content/Box */

.modal-content {

    background-color: #fefefe;

    margin: 15% auto;

    /* 15% from the top and centered */

    padding: 20px;

    width: 30%;

    /* Could be more or less, depending on screen size */

}



/* The Close Button */

.close {

    color: #aaa;

    float: right;

    font-size: 28px;

    font-weight: bold;

}



.close:hover,

.close:focus {

    color: black;

    text-decoration: none;

    cursor: pointer;

}





.POPUP {

    width: 100%;

    margin-top: 20px;

    height: 35px;

    max-width: 51%;

    outline: none;

    padding-left: 5px;

}



.popupform {

    float: left;

    width: 100%;

}



.popupt {

    font-size: 15px;

    color: #F00;

    font-weight: 600;

}



.popbtn {

    color: #FFF;

    padding: 10PX;

    padding-left: 15px;

    padding-right: 15px;

    background-color: #f10a00;

    border: none;

    margin-top: 20PX;

}



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



/*contactnew*/



.newcontact {

    float: right;

    width: 90%;

}



.newcontact .capchaimg {

    width: 48%;

    float: left;

    height: 45px;

    margin-bottom: 15px;

    outline: 0;

    -webkit-appearance: none;

    -moz-appearance: none;

    border-radius: none;

    -webkit-border-radius: none;

    border: none;

    /*! border: 1px solid #ccc; */

    /*! border-radius: 4px; */

    text-indent: 10px;

    /*! -webkit-box-shadow: 0px 0px 5px 0px rgba(191, 191, 191, 1); */

    /*! -moz-box-shadow: 0px 0px 5px 0px rgba(191, 191, 191, 1); */

    /*! box-shadow: 0px 0px 5px 0px rgba(191, 191, 191, 1); */

    margin-top: 10px;

    border: 1px solid #524949;

}



.newcontact .capchatxt {

    width: 48%;

    float: right;

    height: 45px;

    margin-bottom: 15px;

    outline: 0;

    -webkit-appearance: none;

    -moz-appearance: none;

    border-radius: none;

    -webkit-border-radius: none;

    border: none;

    border: 1px solid #ccc;

    /*! border-radius: 5px; */

    text-indent: 10px;

    /*! -webkit-box-shadow: 0px 0px 5px 0px rgba(191, 191, 191, 1); */

    /*! -moz-box-shadow: 0px 0px 5px 0px rgba(191, 191, 191, 1); */

    /*! box-shadow: 0px 0px 5px 0px rgba(191, 191, 191, 1); */

    margin-top: 10px;

    background-color: #413f3f;

    color: #fff;

    border: 1px solid #524949;

}





#name-error {

    color: #FFF;

}



#email-error {

    color: #FFF;

}



#result {

    color: #fff;

    float: left;

    margin-left: 46px;

    margin-top: 5px;

}







.img-thumbnail {

    float: none;

    margin-top: 10px;

    width: 99%;

    margin-bottom: 10px;

    height: 200px !important;

    object-fit: contain;
}





/*newnavbar*/



/* Add a black background color to the top navigation */

.topnav {

    background-color: #fff;

    overflow: hidden;

    width: 100%;

    float: left;

}



.topnav a {

    float: left;

    display: block;

    color: #000;

    text-align: center;

    padding: 14px 78px;

    text-decoration: none;

    font-size: 17px;

    /*! margin-left: 150px; */

}



.topnav a:hover {

    color: #F00;

    ;

}





.topnav .icon {

    display: none;

}





/* Add a black background color to the top navigation */

.topnav2 {

    background-color: #fff;

    overflow: hidden;

    width: 80%;

    margin-left: 60px;

    float: right;

}





.topnav2 a {

    float: none;

    display: inline-block;

    color: #000;

    text-align: center;

    padding: 14px 66px;

    text-decoration: none;

    font-size: 17px;

    /*! margin-left: 132px; */

    margin-top: 25px;

    margin-bottom: 0px;

    margin-right: 0px !important;

}





.nav {

    float: left;

    width: 80%;

}

.nav ul li{

	float: left;

	list-style: none;

	margin-left: 50px;

	position: relative;

}

.nav ul li a{

	float: left;

	padding: 10px;

	text-decoration: none;

	font-size: 18px;

	letter-spacing: 1px;

	color: #003a78;

}

.drop {

    position: absolute;

    top: 100%;

    left: 0;

    width: 175px;

    /*! height: 150px; */

    display: block;

    opacity: 0;

    visibility: hidden;

    transition: .3s ease-in;

    transform: translateY(50px) !important;

    z-index: 9999999999;

}

.nav ul li:hover .drop {

    display: block;

    opacity: 1;

    visibility: visible;

    transform: translateY(0px) !important;

    z-index: 999999;
}



.drop ul {

    float: left;

    position: unset !important;

    display: unset !important;

    width: 100% !important;

}

.drop ul li{

    /*! width: 300px !important; */

    /*! border-right: 1px solid white; */

}



.drop ul li ul{

    /*! padding-left: 20px; */

}



.drop ul li ul li{

    border: none;

    

    padding-left: 15px;

}

.nav ul{

    

    float: right;

    margin-top: 30px;

}

.nav ul li a:hover{

    

    background: #003a78;

    color: #fff;

    border-radius: 5px;

}

.nav ul li ul {

    /*! display: none; */

    position: absolute;

    left: 0;

    top: 100%;

    margin-top: 0;

    background: #f9f9f9;

    width: 200px;

    visibility: hidden;

    opacity: 0;

    transform: translateY(50px) !important;

    transition: .3s ease-in;

    padding-left: 0;

}

.nav ul li ul li{

    width: 100%;

    margin-left: 0;

}

.nav ul li ul li a:hover{

    background: #f9f9f9;

    color: #ee1c25;

    border-radius: 0;

}

.nav ul li ul li a{

    width: 100%;

    color: #1f3044;

    font-size: 16px;

}

.nav ul li:hover ul {

    /*! display: block; */

    opacity: 1;

    visibility: visible;

    transform: translateY(0px) !important;

    z-index: 999999999999;

}







.topnav2 a:hover {

    color: #F00;

}





.topnav2 .icon {

    display: none;

}



header.sticky {

    position: fixed;

    background: #fff;

    width: 100%;

    z-index: 999;

    animation: slideInDown 0.5s linear;



}



header.sticky #logo {

    margin-left: 0;

}



header.sticky #logo img {

    float: left;

    height: 75px !important;



}









header.sticky .topnav {

    width: 80%;

    float: right;

}





header.sticky .topnav a {

    float: none;

    display: inline-block;

    color: #000;

    padding: 14px 56px;

    text-decoration: none;

    font-size: 17px;

    /*! margin-left: 116px !important; */

    margin-top: 18px;

    margin-bottom: 0px;



}





header.sticky {

    background: #fff;

    z-index: 999;

}



header.sticky #header {

    margin-top: 5px;

}



header.sticky a.icon {

    display: none !important;

}



/*--new-changes---*/



.mobile-img {

    width: 100%;

    float: left;

    display: none;

}



.slick-dots li button:before {

    font-family: 'slick';

    font-size: 12px !important;

    line-height: 20px;

    position: absolute;

    top: 15px !important;

    left: 14px !important;

    width: 20px;

    height: 20px;

    content: '•';

    text-align: center;

    opacity: .25;

    color: #999;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}





em.error {

    width: 100%;

    float: left;

    color: #fff;

}





li {

    list-style: none;

}



ul {

    list-style: none;

}



.custommobile {

    display: none;

}



.custommobile img {

    width: 49%;

}





.margin {

    margin-top: 50px;

    margin-bottom: 50px;

}



.margin2 {

    margin-bottom: 100px;

}



.position-absolute {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    display: flex;

    align-items: center;

    justify-content: center;

}





.slick-dots li {

    display: inline-block;

}



.slick-dots li button::before {

    color: #000;

    margin-top: 35px;

}



.producttext ul {

    margin-left: 0;

    padding-left: 0;

    left: 0;

    float: left !important;

    padding: 0 !important;

}





.producttext ul li {

    margin-left: 0;

    padding-left: 0;

    left: 0;

}
.producttext ul li i {
    position: absolute;
    margin-left: -15px;
    font-size: 18px;
    color: #424242;
}


.hrnew {

    margin-top: 55px;

    border: 1px solid #e1e1e1;

    float: right;

    width: 100%;

}



.sidenav.sticky {

    top: 0;

    position: fixed;

    margin-top: 130px;

    z-index: 999;

    animation: slideInDown 0.5s linear;



}



.flex-direction-nav {

    position: absolute !important;

    top: calc(50% - 15px);

    right: 60px;

    height: 30px;

    left: 0;

}





.main .flex-active-slide {

    border: 1px solid #e1e1e1;

}







/*--new-changes---*/



.mcontainer3 .containerbox2 {

    width: 1200px;

    padding-left: 120px;

}



.full-img {

    width: 100%;

    float: left;

    background-size: cover;



}



.slick-dots li.slick-active button:before {

    color: #f00 !important;

}



.m-heading {

    width: 100%;

    float: left;

    margin-top: 110px;

    display: none;

}



.m-ht {

    width: 80%;

    text-align: center;

    float: left;

    height: 50px;

    background-color: #ee1d26;

}



.m-ht p {

    /* color: #000; */

    display: flex;

    justify-content: center;

    align-items: center;

    height: 100%;

    margin-top: 0px;

    width: 100%;

    font-weight: 600;

    color: #fff;

    /* float: left; */

}



.m-hb {

    width: 20%;

    float: left;

}





/*---dropdown--*/



.dropbtn {

    background-color: #4CAF50;

    color: white;

    height: 50px;

    font-size: 16px;

    border: none;

    width: 100%;

    cursor: pointer;

}



.dropdown {

    position: relative;

    display: inline-block;

    width: 100%;

}



.dropdown-content {

    display: none;

    position: absolute;

    background-color: #f9f9f9;

    min-width: 160px;

    right: 0px;

    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);

    z-index: 1;

}



.dropdown-content a {

    color: black;

    padding: 12px 16px;

    text-decoration: none;

    display: block;

}



.dropdown-content a:hover {

    background-color: #f1f1f1

}



.dropdown:hover .dropdown-content {

    display: block;

}



.dropdown:hover .dropbtn {

    background-color: #3e8e41;

}



.paraimg {

    color: #000;



}





/* The Modal (background) */

.modal {

    display: none;

    position: fixed;

    z-index: 1;

    padding-top: 100px;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: auto;

    background-color: #000000e0;

}



/* Modal Content */

.modal-content {

    position: relative;

    background-color: #fefefe;

    margin: auto;

    padding: 0;

    width: 25%;

    max-width: 1200px;

}



/* The Close Button */

.close {

    color: #ef0707;

    position: absolute;

    top: -9PX;

    z-index: 99999;

    right: 5PX;

    font-size: 35px;

    font-weight: bold;

}



.close:hover,

.close:focus {

    color: #999;

    text-decoration: none;

    cursor: pointer;

}



.mySlides {

    display: none;

    border-bottom: 2px solid #f20b01;

    position: relative;

}



.cursor {

    cursor: pointer

}



/* Next & previous buttons */

.prev,

.next {

    cursor: pointer;

    position: absolute;

    top: 50%;

    width: auto;

    padding: 16px;

    margin-top: -50px;

    color: white;

    font-weight: bold;

    font-size: 20px;

    transition: 0.6s ease;

    border-radius: 0 3px 3px 0;

    user-select: none;

    -webkit-user-select: none;

}



/* Position the "next button" to the right */

.next {

    right: 0;

    border-radius: 3px 0 0 3px;

}



/* On hover, add a black background color with a little bit see-through */

.prev:hover,

.next:hover {

    background-color: rgba(0, 0, 0, 0.8);

}



/* Number text (1/3 etc) */

.numbertext {

    color: #000;

    font-size: 12px;

    padding: 8px 12px;

    position: absolute;

    top: 0;

}



img {

    margin-bottom: -4px;

}



.caption-container {

    text-align: center;

    background-color: black;

    padding: 2px 16px;

    color: white;

    display: none;

}



.demo {

    opacity: 0.6;

}



.active,

.demo:hover {

    opacity: 1;

}



img.hover-shadow {

    transition: 0.3s

}



.hover-shadow:hover {

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)

}



.column img {

    height: auto !important;

    width: 25% !important;

    float: left;

    float: left;

}



@media screen and (min-width:100px) and (max-width: 470px) {



    li.bzoom_thumb.bzoom_thumb_active {

        display: block !important;

    }



    .bzoom .bzoom_thumb {

        background: #fff url(./img/loading.gif) center no-repeat;

        transition: none;

        display: none !important;

    }



    .bzoom_small_thumbs {

        margin-top: 0px;

        top: 10px !important;

    }



    .bzoom li {

        position: relative;

    }



    .bzoom_magnifier {

        display: none !important;

    }



    .producttext {

        float: right;

        width: 100%;

        min-height: 0px !important;

        margin-bottom: 30px;

    }





    .producttext {

        float: right;

        width: 100%;

        min-height: 0px !important;

        margin-bottom: 30px;

    }



    .mobile-img {

        width: 100%;

        float: left;

        display: block;

    }



    .mobile-img img {

        width: 100%;

        float: left;

    }



    .custom4 video {

        width: 100%;

        float: right;

        height: auto;

    }



    .box10 {

        float: left;

        margin-top: 0px;

        margin-bottom: 20px;

        width: 100%;

    }



    .headingb1 {

        font-size: 18px;

        width: 100%;

        margin-bottom: 0;

        margin-left: 0px;

        margin-top: 0px;

    }





    .slick-dots li button:before {

        font-family: 'slick';

        font-size: 12px !important;

        line-height: 20px;

        position: absolute;

        top: 15px !important;

        left: -7px !important;

        width: 20px;

        height: 20px;

        content: '•';

        text-align: center;

        opacity: .25;

        color: #999;

        -webkit-font-smoothing: antialiased;

        -moz-osx-font-smoothing: grayscale;

    }



    .homebottombutton {

        padding: 11PX;

    }



    .slick-next {

        right: 10px !important;

    }



    .slick-prev {

        right: 10px !important;

        z-index: 9999;

    }





    /*--products--*/



    .sidenav {

        display: none;

    }



    .products {

        width: 100% !important;

        float: right;

    }



    .products a {

        width: 49% !important;

        float: left;

    }



    .products a:nth-child(2n) {

        margin-left: 2%;

    }





    .thumbnail1 {

        float: right;

        border: 1px solid #e1e1e1;

        margin-left: 0px !important;

        margin-top: 20px;

        margin-right: 0px !important;

        width: 100% !important;



    }







    .slick-next:before {

        font-family: "fontawesome";

        content: "\f105";

        color: #000;

        font-size: 40px;

        display: none;

    }



    .slick-next {

        display: none !important;

    }



    .slide1 {

        float: left;

        margin-right: 6px !important;

    }



    .mar-0 {

        margin-top: 0px !important;

    }



    .container0 {

        margin-top: 100px;

        margin-bottom: 0px;

    }



    .mar-0 {

        margin-top: 0px !important;

    }





    /*--index-page--*/



    .splitter {

        display: block;

        width: 100% !important;

    }



    .subtitle {

        margin-top: 10px;

        margin-bottom: 0px;

        color: #fff;

        font-size: 18px !important;

        font-weight: 700;

        text-align: center;

    }



    .topnav2 a {

        float: left;

        display: block;

        color: #000;

        text-align: center;

        padding: 14px 2px;

        text-decoration: none;

        font-size: 17px;

        margin-left: 0px;

        margin-top: 0px;

    }



    .producttext {

        float: right;

        min-height: auto !important;

        margin-bottom: 30px !important;

    }





    /*---product-detail--*/



    .bzoom_magnifier {

        display: none !important;

    }



    .bzoom_zoom_area {

        display: none !important;

    }





    /*--product-menu-tab--*/



    .m-heading {

        display: block;

    }



    .slide1 .thumbnail {

        width: auto;

    }



    .slide1 .thumbnail img {

        width: 100%;

    }





    .paraimg {

        font-size: 10px;

        color: #000;



    }







}



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



    .containerbox {

        width: 90%;

        margin: 0 auto;

        padding: 0;

    }



    .containerbox1 {

        width: 90%;

        margin: 0 auto;

        padding: 0;

    }



    .containerbox2 {

        width: 90%;

        margin: 0 auto;

        padding: 0;

    }



    .containerbox3 {

        width: 90%;

        margin: 0 auto;

        padding: 0;

    }





    .mcontainer3 .containerbox2 {

        width: 90% !important;

        padding-left: 0px !important;

    }



    .mcontainer3 .parentimg {

        display: none;

    }



    .bzoom_magnifier {

        display: none !important;

    }



    .bzoom li {

        position: relative !important;

    }











    img.bzoom_thumb_image {

        width: 100% !important;

        height: auto !important;

    }



    .bzoom_magnifier img {

        width: 100% !important;

        height: auto !important;

    }



    .bzoom_magnifier div {

        overflow: hidden;

        width: 100% !important;

        height: auto !important;

    }



    li.bzoom_thumb.bzoom_thumb_active {

        display: block !important;

    }





    .bzoom .bzoom_thumb {

        background: #fff url(./img/loading.gif) center no-repeat;

        transition: none;

        display: none !important;

    }



    .img-thumbnail {

        width: 100%;

    }



    .producrhr {

        border-color: #e1e1e1;

        max-width: 60%;

    }





    .margin2 {

        margin-bottom: 100px;

        width: 100% !important;

        float: left !important;

    }







    .headingproduct1 span {

        color: #e31f21;

        font-size: 25px;

        font-weight: 400;

        margin-top: 20px;

        float: left;

        margin-bottom: -20px;

    }





    /*--product--*/



    .bzoom_small_thumbs {

        margin-top: 0px;

        top: 10px !important;

    }



    .producttext {

        float: right;

        min-height: auto !important;

        margin-bottom: 30px !important;

    }







    /*---product-detail--*/



    .bzoom_magnifier {

        display: none !important;

    }



    .bzoom_zoom_area {

        display: none !important;

    }



    /*--products--*/



    .sidenav {

        display: none;

    }



    .products {

        width: 100% !important;

        float: right;

    }



    .products a {

        width: 96% !important;

        float: left;

    }



    .products a:nth-child(2n) {

        margin-left: 2%;

    }





    .thumbnail1 {

        float: right;

        border: 1px solid #e1e1e1;

        margin-left: 0px !important;

        margin-top: 20px;

        margin-right: 0px !important;

        width: 100% !important;



    }







    .slick-next:before {

        font-family: "fontawesome";

        content: "\f105";

        color: #000;

        font-size: 40px;

        display: none;

    }



    .slick-next {

        display: none !important;

    }



    .slide1 {

        float: left;

        margin-right: 6px !important;

    }





    /*--index-page--*/



    .bzoom img {

        max-width: 100% !important;



    }





    .mobile-img {

        width: 100%;

        float: left;

        display: block;

    }



    .mobile-img img {

        width: 100%;

        float: left;

    }





    .custom4 video {

        width: 100%;

        float: right;

        height: auto;

    }



    .box10 {

        float: left;

        margin-top: 0px;

        margin-bottom: 20px;

        width: 100%;

    }



    .headingb1 {

        font-size: 18px;

        width: 100%;

        margin-bottom: 0;

        margin-left: 0px;

        margin-top: 0px;

    }



    .slick-dots li button:before {

        font-family: 'slick';

        font-size: 12px !important;

        line-height: 20px;

        position: absolute;

        top: 15px !important;

        left: -7px !important;

        width: 20px;

        height: 20px;

        content: '•';

        text-align: center;

        opacity: .25;

        color: #999;

        -webkit-font-smoothing: antialiased;

        -moz-osx-font-smoothing: grayscale;

    }



    .homebottombutton {

        padding: 11PX;

    }





    .slick-next {

        right: 10px !important;

    }



    .slick-prev {

        right: 10px !important;

        z-index: 9999;

    }





    .bzoom_small_thumbs {

        top: 0px;

    }





    /*--product-menu-tab--*/



    .m-heading {

        display: block;

    }





    .mar-0 {

        margin-top: 0px !important;

    }



    .slide1 .thumbnail {

        width: auto;

    }



    .slide1 .thumbnail img {

        width: 100%;

    }



    .customimg3 {

        width: 100%;

        height: 250px !important;

        float: left !important;

    }



}







/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */



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

    .containerbox {

        width: 90%;

        margin: 0 auto;

        padding: 0;

    }



    .containerbox1 {

        width: 90%;

        margin: 0 auto;

        padding: 0;

    }



    .containerbox2 {

        width: 90%;

        margin: 0 auto;

        padding: 0;

    }



    .containerbox3 {

        width: 90%;

        margin: 0 auto;

        padding: 0;

    }



    .topnav a:not(:first-child) {

        display: none;

    }



    .topnav a.icon {

        float: right;

        display: block;

    }



    .topnav2 a:not(:first-child) {

        display: none;

    }



    .topnav2 a.icon {

        float: right;

        display: block;

    }





    .gap2 {

        margin-top: 0px;

    }



    .gap3 {

        margin-top: 0px;

    }



    .thumbnail1 {

        float: right;

        border: 1px solid #e1e1e1;

        margin-left: 5px !important;

        margin-top: 20px;

        margin-right: 0px !important;





    }



    .POPUP {

        width: 100%;

        margin-top: 20px;

        height: 35px;

        max-width: 100%;

        outline: none;

        padding-left: 5px;

        font-size: 13px;

    }



    .sidenav {

        width: 20%;

        float: left;

        margin-top: 5px;

    }



    .sidenav p a {

        font-size: 9px !important;

    }













    .gap {

        margin-top: 0px;

        margin-bottom: 10px;

        border-top: 1px solid #e1e1e1;

        float: left;

        width: 100%;

    }







    header {

        position: fixed;

        width: 100%;

        z-index: 9999;

        left: 0;

        top: 0;

    }



    .banner {

        width: 100%;

        margin-top: 60px;

    }





    header.sticky {

        display: none;



    }



    .sticky {

        display: none;

    }



    .topnav.responsive {

        position: relative;

    }



    .topnav.responsive a.icon {

        position: absolute;

        right: 0;

        top: 0;

    }



    .topnav.responsive a {

        float: none;

        display: block;

        text-align: left;

    }



    .topnav2.responsive {

        position: relative;

    }



    .topnav.responsive a.icon {

        position: absolute;

        right: 0;

        top: 0;

    }



    .topnav2.responsive a {

        float: none;

        display: block;

        text-align: left;

    }



    .topnav a {

        float: left;

        display: block;

        color: #000;

        text-align: center;

        padding: 14px 16px;

        text-decoration: none;

        font-size: 17px;

        margin-left: 0px;

    }



    .topnav2 {

        background-color: #fff;

        overflow: hidden;

        width: 100%;

        margin-left: 0px;

        float: right;

    }





    .topnav2 a {

        float: left;

        display: block;

        color: #000;

        text-align: center;

        padding: 14px 16px;

        text-decoration: none;

        font-size: 17px;

        margin-left: 00px;

        margin-top: 50px;

    }





    /*header part*/





    #logo {

        height: 50px;

        width: 100%;

        float: left;

        text-align: center;

        margin-left: 0;



    }





    #logo img {

        height: 50px;

        margin-bottom: 10px;

        -o-object-fit: cover;

        object-fit: cover;

    }





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



    /*font*/



    .fontproduct {

        font-size: 13px;

    }



    .heading1 {

        font-size: 25px;

    }



    .headingw1 {

        font-size: 25px;

        font-weight: 200;

        text-align: center;

        float: left;

        width: 100%;

    }



    .headingbanner {

        font-weight: 200;

        font-size: 25px;

        margin-top: 0;

    }



    .fontsheader {

        font-weight: 300;

        font-size: 13px;

    }



    .fontw1 {

        line-height: 20px;

        font-size: 13px;

        padding-left: 20px;

        padding-right: 0px;

    }



    .headingr1 {

        color: #ed1929;

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

        font-size: 18px;

        font-weight: 700;

        float: left;

        width: 100%;

        text-align: center;

        margin-top: 20px;

        margin-left: 0px;

    }



    .headingrnew1 {

        color: #ed1929;

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

        font-size: 30px;

        font-weight: 700;

        float: left;

        width: 100%;

        text-align: justify;

        margin-top: 20px;

        margin-left: 0px;

        padding-left: 20px;

        display: none;

    }







    .fontb1 {

        color: #827d7d;

        text-align: justify;

        line-height: 25px;

        font-size: 12px;

        padding-left: 65px;

        padding-right: 20px;

        position: relative;

        float: left;

        width: 100%;

    }



    .fontb1:before {

        content: '\f095';

        color: #827d7d !important;

        font-size: 13px;

        font-family: fontawesome;

        color: #2b2b2b;

        position: absolute;

        padding-top: 4px;

        left: 37px;

    }



    .fontb2 {

        color: #827d7d;

        text-align: justify;

        line-height: 25px;

        font-size: 12px;

        padding-left: 65px;

        padding-right: 20px;

        position: relative;

        float: left;

        width: 100%;

    }



    .fontb2:before {

        content: '\f003';

        color: #827d7d !important;

        font-size: 13px;

        font-family: fontawesome;

        color: #2b2b2b;

        position: absolute;

        padding-top: 4px;

        left: 37px;

    }



    .fontb3 {

        color: #827d7d;

        text-align: justify;

        line-height: 25px;

        font-size: 12px;

        padding-left: 65px;

        padding-right: 20px;

        position: relative;

        float: left;

        width: 100%;

    }



    .fontb3:before {

        content: '\f041';

        color: #827d7d !important;

        font-size: 13px;

        font-family: fontawesome;

        color: #2b2b2b;

        position: absolute;

        padding-top: 4px;

        left: 37px;

    }



    .headingbannerabout {

        font-weight: 200;

        font-size: 40px;

        letter-spacing: 15px;

    }





    .fontwb1 {

        color: #000;

        text-align: justify;

        line-height: 20px;

        font-size: 13px;

        padding-left: 20px;

        padding-right: 20px;

    }

header span{

        font-family: 'Times New Roman';

    }

    .container{

        width: 90%;

    }

    

    .att a{

        font-size: 14px !important;

        right: -50px;

    }



h2{

    font-size: 16px !important;



}

h3{

    font-size: 15px !important;

}

h4{

    font-size: 14px !important;

}

h5{

    font-size: 13px !important;

}

h6{

    font-size: 13px !important;

}

p{

    font-size: 14px !important;

}

header.fixed .logo{

    width: 16%;

    float: left;

}

header.fixed #nav-icon1{

    /*! top: 25px; */

}

header.fixed .back {

    padding: 4px;

    margin-top: 0px;

}

 

.logo{

    width: 20%;

    float: left;

    margin-left: 0;

    padding: 0;

    margin-top: 0;

}

    .logo img{

    width: 100%;

    float: left;

    padding: 0;

}



.lines {

    display: block;

    position: fixed;

    z-index: 99999999;

    width: 100%;

    background: 

    #fff;

    padding: 10px;

    border-bottom: 1px solid #c8c8c8;

}

 

 

 

.nav1 {



    float: left;

    width: 60%;

    background: none;

    -webkit-transform: none;

    transform: none;



}

.nav1::before {



  display: none;



}

.up {



    -webkit-transform: none;

    transform: none;



}

.social ul {





    display: none;

}

.nav1 ul li {



    list-style: none;

    float: left;

    margin-left: 0;



}

.social ul li a {



    float: left;

    margin-left: 0;

    padding: 10px;



}

#nav-icon1 {

  width: 30px;

  height: 20px;

  position: relative;

  /*! margin: 50px auto; */

  -webkit-transform: rotate(0deg);

  transform: rotate(0deg);

  transition: .5s ease-in-out;

  cursor: pointer;

  top: 13px;

    right: 10%;

  float: right;

  z-index: 9999;

}

.nav ul li{

    width: 100%;

    list-style: none;

    margin-left: 0;

    float: left;

}

#nav-icon1 span {

  display: block;

  position: absolute;

  height: 4px;

  width: 30px;

  background: #ee1c25;

  border-radius: 5px;

  opacity: 1;

  left: 0;

  -webkit-transform: rotate(0deg);

  transform: rotate(0deg);

  transition: .25s ease-in-out;

}

.nav ul li a {



    text-decoration: none;

    color: #fff;

    letter-spacing: 1px;

    font-size: 15px;

    justify-content: right;

    display: inline-block;

    padding: 10px;

    position: relative;

    width: 100%;

    text-align: center;

    margin-top: 10px;

}

.nav ul li ul li a{

    color: #ee1c25;

    font-size: 13px;

    padding: 0;

    padding: 10px;

    margin-top: 0;

    text-align: left;

    font-size: 13px !important;

}

.nav .sub.opened ul{

    display: block;

    width: 100%;

    position: unset;

    background: #ffffff;

    margin-top: 0;

    padding: 5px;

    animation: fadeInDown 0.5s;

    transition: 1s;

    visibility: visible;

    opacity: 1;

    transform: translateY(0px) !important;

}

    .nav ul li a i {



    position: absolute;

    margin-left: 15px;



    margin-top: 3px;

}

#nav-icon1 span:nth-child(1) {

  top: 0px;

}



#nav-icon1 span:nth-child(2) {

  top: 8px;

}



#nav-icon1 span:nth-child(3) {

  top: 16px;

}



#nav-icon1.open span:nth-child(1) {

  top: 8px;

  -webkit-transform: rotate(135deg);

  transform: rotate(135deg);

  z-index: 9999999;

  opacity: 1;

  background: white;

}



#nav-icon1.open span:nth-child(2) {

  opacity: 0;

  left: -60px;

}



#nav-icon1.open span:nth-child(3) {

  top: 8px;

  -webkit-transform: rotate(-135deg);

  transform: rotate(-135deg);

  opacity: 1;

  background: white;

}

.nav ul li a:hover {



    color: #fff;

    text-align: center;



    background: #03bfcb;

}

.nav ul li ul li ul.sub-menu {



   /* left: 150px;

    top: 0;

    display: none;

    width: 370px;*/



}



body.nav-show header{

    right: 200px;

    left: -100px;

}

.nav{

    position: fixed;

    top: 0;

    right: -100%;

    bottom: 0;

    width: 100%;

    padding: 15px;

    list-style: none;

    overflow: auto;

    z-index: 9999;

    height: 100%;

    background: rgb(0, 0, 0);

    transition: 1s;

}

.nav ul {



    padding: 10px;

    float: left;

    margin-top: 20px;



    display: inline-block;

}

.nav.nav-show{

    right: 0;

    padding-top: 10%;

    width: 100%;

    background: rgb(0, 0, 0);

    transition: 1s;

    border: 1px solid white;

}

.nav span {

       position:absolute;

       right:0;

           right: -173px;

   top: 19px;

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

               transform: translateY(-50%);

   }

       .ground{width:100%}

    header.fixed .nav{width:75%;}

    .mail p{max-width:100%}



.nav1 {



    float: left;

    margin-top: 0;

    padding-left: 20px;

    width: 60%;



}

.nav1 ul li {



    float: left;

    list-style: none;

    margin-left: 0;

    width: 100%;



}

.nav1 ul li a {



    float: left;

    text-decoration: none;

    color: black;

    font-size: 12px;

    margin-top: 3px;



    padding: 3px;

}



header.fixed .nav1 ul li a{

    font-size: 12px;

}

 



.head{

    padding: 10px;

    width: 100%;

    float: left;

}

header.fixed .head{

    padding: 6px;

}



 

.nav ul li ul li:hover ul.sub-menu{

    display: none;

}



.nav ul li:hover ul  {

    display: none;

}

 

.nav ul li ul.show{



    display: block;

    -webkit-transform: scale(1);

            transform: scale(1);



    background: white;

    width: 100%;

    float: left;

    margin-top: 0;

}





.nav ul li ul li ul.sub-menu.show {



    display: block;

    -webkit-transform: scale(1);

            transform: scale(1);



    background: #e6e6e6;

    width: 100%;

}





.nav ul li .hun {



    width: 100%;

    margin-left: 0px;

    z-index: 9999;



}

.nav ul li ul li ul.sub-menu{

    left: 0;

    top: 100%;

}

.nav ul li ul li {



    margin: 0;

    text-align: left;



    display: block;

    padding: 0;

    margin-top: 0;

}

.nav ul li ul li ul.sub-menu a {



    font-size: 12px;

    text-align: right;

    background: #e6e6e6;



}

 

.nav ul li:hover ul li{

    display: inline-block;

}

.nav ul li ul{

 

    display: none;

     

}

    

    

    .nav .sub.opened{

    position: relative;

    top: 0;

    width: 100%;

    /*! background: orange; */

    margin-top: 0;

    overflow: hidden;

}

    

    

.nav ul li:hover ul li{

    float: none;

}

body.nav-show header {



    right: 200px;

    left: -100px;



}

#nav-icon1.open {

    z-index: 99999999;

}



.head {

    display: none;

}

.lines{

    display: block;

}



    .fontproductimg {

        font-size: 13px;

        text-align: justify;

        line-height: 20px;

    }



    .producttext ul li {

        list-style: none;

        float: left;

        width: 100%;

        text-align: justify;

        margin-top: 10px;

        font-size: 13px;

    }



    .producttext ul li:before {

        content: "\f111";

        font-family: "fontawesome";

        font-size: 5px;

        margin-right: 10px;

    }





    .packaging {

        float: left;

        font-size: 18px;

        font-weight: 600;

        margin-top: 40px;

        margin-left: 5px;

    }



    .headingproduct1 {

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

        font-size: 25px;

        font-weight: 400;

        margin-top: 50px;

        margin-bottom: 40px;

        float: left;

        width: 100%;

        text-align: justify;

    }



    .headingproduct1 span {

        color: #e31f21;

        font-size: 25px;

        font-weight: 400;

        margin-top: 20px;

        float: left;

    }



    .heading1about {

        font-size: 25px;

        margin-top: 20px;

        margin-bottom: 10px;

        text-align: center;

        float: left;

        width: 100%;

        ;

    }



    .heading1about span {

        color: #e31f21;

        font-size: 25px;

        margin-top: 20px;

    }



    .headingp {

        font-size: 25px;

        color: #000;

        margin-top: 40px;

        margin-bottom: 20px;

        text-align: center;

    }



    .headingc {

        font-size: 25px;

        color: #000;

        margin-top: 40px;

        margin-bottom: 20px;

        text-align: center;

    }



    .heading1link {

        color: #000;

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

        font-size: 25px;

        font-weight: 200;

        margin-top: 20px;

    }



    .bannertextABOUT2 {

        margin-top: 49px;

        text-align: center;

        display: none;

    }



    .fontwp1 {

        color: #000;

        text-align: justify;

        line-height: 25px;

        font-size: 15px;

        float: left;

        width: 64.6%;

        padding: 0 10px;

        padding-left: 0;

        margin-left: 6px;

    }





    .fontcustom {

        line-height: 30px;

        margin-bottom: 0px;

        font-size: 13px;

    }



    * {

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

        font-size: 13px;

        -webkit-box-sizing: border-box;

        box-sizing: border-box;

    }



    .headingsubmit {

        font-size: 25px;

        font-weight: 300;

        margin-top: 40px;

        margin-bottom: 20px;

    }



    /*----*/







    /*somting*/







    .container1 img {

        height: 80px;

    }



    .bannertext {

        margin-top: 0px;

    }



    .box1 {

        height: 250px !important;

        float: left;

        margin-top: 10px;

    }



    .box2 {

        height: 250px !important;

        float: left;

        margin-left: 2.5%;

        margin-top: 10px;

    }



    .box3 {

        height: 250px !important;

        margin-top: 20px;

        margin-bottom: 40px;

    }



    .box4 {

        height: 250px !important;

        margin-top: 20px;

        margin-bottom: 40px;

        margin-left: 2%;

    }



    .box5 {

        height: 320px;

        margin-left: 2%;

        margin-top: 20px;

        margin-bottom: 40px;

        float: right;

        width: 30%;

    }



    .box6 {

        float: left;

        margin-top: 37px;

        margin-bottom: 20px;

        margin-left: 10px;

        width: 29%;

    }





    .box7 {

        float: right;

        margin-top: 0px !important;

        margin-bottom: 20px;

        width: 54%;

    }



    .box8 {

        float: left;

        margin-top: 20px;

        margin-bottom: 20px;

        width: 45%;

    }



    .box8 img {

        margin-top: 0px;

        margin-left: 10px;

        height: 200px;

        width: auto;

        float: left;

    }







    .footerimg {

        height: 200px;

        float: left;

        margin-left: 0px;

    }



    .sub1 {

        width: 100%;

        float: left;

    }



    .subimg1 {

        margin-left: 0px;

        height: 70px !important;

    }



    .subimg2 {

        margin-left: 2px;

        height: 70px !important;

    }



    .sub2 {

        width: 100%;

        float: left;

    }



    .box9 {

        float: left;

        margin-top: 37px;

        margin-bottom: 20px;

        width: 100%;

    }



    .box9 img {

        height: 85px;

        margin-top: 50px;

        float: right;

        display: none;

    }











    .newcontact {

        float: right;

        width: 90%;

        margin-right: 20px;

    }





    .fontfooter {

        color: #827d7d;

        text-align: justify;

        line-height: 25px;

        font-size: 12px;

        padding-left: 0px;

        padding-right: 20px;

        position: relative;

        float: left;

    }





    .fontfooternew {

        color: #827d7d;

        text-align: justify;

        line-height: 25px;

        font-size: 12px;

        padding-left: 0px;

        padding-right: 0px;

        position: relative;

        float: right;

    }







    .fontfooter2 {

        color: #000;

        text-align: justify;

        line-height: 25px;

        font-size: 15px;

        padding-left: 65px;

        padding-right: 20px;

        position: relative;

        float: right;

        display: none;

    }







    .topnav2 a {

        float: left;

        display: block;

        color: #000;

        text-align: center;

        padding: 14px 16px;

        text-decoration: none;

        font-size: 17px;

        margin-left: 0px;

        margin-top: 0px;

    }







    #logo2 {

        height: 50px;

        width: 100%;

        float: left;

        text-align: center;

        background-color: #fff;

    }



    #logo2 img {

        height: 50px;

        margin-bottom: 10px;

        -o-object-fit: cover;

        object-fit: cover;

    }



    .bannertextABOUT {

        position: absolute;

        float: left;

        width: 100%;

        text-align: center;

        margin-top: 60px;

    }



    .img-thumbnail {

        float: left;

        margin-top: 10px;

        margin-bottom: 10px;

        height: auto;

    }



    .productimg {

        float: left;

        width: 100%;

    }



    .producttext {

        float: right;

        width: 100%;

    }



    .fontwnew1 {

        color: #FFF;

        text-align: justify;

        line-height: 25px;

        font-size: 13px;

        font-weight: 200;

    }



    /*----*/





    #carousel li.flex-nav-next {

        display: none;

    }



    #carousel li.flex-nav-prev {

        display: none;

    }



    .producttext img {

        float: left;

        height: 50px !important;

        margin-top: 20px;

    }



    .custom {

        width: 100%;

        float: left;

    }



    .custom2 {

        width: 50%;

        float: left;

        display: none;

    }





    .custom3 {

        width: 50% !important;

        float: left;

        display: none;

    }



    .custom4 {

        width: 100%;

        float: right;

    }



    .sample2 {

        text-align: center;

        width: 60%;

        font-size: 12px;

        height: 36px;

    }



    .sample3 {

        background-color: #f10a00;

        color: #FFF;

        padding: 10PX;

        padding-left: 20px;

        padding-right: 20px;

        border-style: none;

        margin-left: 5px;

        font-size: 12px;

    }



    .taitle {

        background-color: #f20b01;

        padding: 10px;

        padding-bottom: 12px;

        color: #FFF;

        padding-top: 12px;

        max-width: 30%;

        margin-right: 0px;

        width: 100%;

        float: right;

    }







    .slick-slide {

        display: none;

        float: left;

        margin-right: 0px;

        height: 100%;

        min-height: 1px;

    }



    .custommobile {

        display: inline-block !important;

        width: 100%;

        float: left;

    }



    .margin {

        margin-top: 15px !important;

        margin-bottom: 15px !important;

    }



    .margin2 {

        margin-bottom: 15px !important;

    }





    .taittle2 {

        float: left !important;

        height: 40px !important;

        margin-right: 10px;

        margin-left: 22px;

        margin-top: 13px !important;

        position: absolute;

        left: 0 !important;

    }



    .custom p {

        margin-top: 30px;

        line-height: 25px;

        font-size: 13px;

    }



    .custom p span {

        font-size: 13px;

    }



    .center {

        width: 100% !important;

        float: left !important;

    }





    .slick-dots li {}



    .main .flex-active-slide {

        width: 363px !important;

        height: 320px;

        margin-right: 0px;

        float: left;

        display: block;



    }



    .subslides li {

        width: 85px !important;

        float: left;

        display: block;

        margin-left: 4px !important;

    }



    .flexslider2 .slides img {

        height: 80px !important;

        -o-object-fit: cover;

        object-fit: cover;

        border: 1px solid #e1e1e1;

    }



    .flexslider .slides img {

        height: 260px !important;

        -o-object-fit: cover;

        object-fit: cover;

    }



    .popup-inner {

        background: #ffffff;

        position: relative;

        width: 90%;

        padding: 0;

        border-radius: 15px;

        margin-top: 150px;

        margin-bottom: 10px;

    }



    .popup-inner h2 {

        font-weight: 400;

        font-size: 17px;

        margin: 20px 0;

        position: relative;

    }



    .popup-inner .form-outer .form-box {

        width: 90%;

    }



}







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



    .containerbox {

        width: 90%;

        margin: 0 auto;

        padding: 0;

    }



    .containerbox1 {

        width: 90%;

        margin: 0 auto;

        padding: 0;

    }



    .containerbox2 {

        width: 90%;

        margin: 0 auto;

        padding: 0;

    }



    .containerbox3 {

        width: 90%;

        margin: 0 auto;

        padding: 0;

    }



    .topnav a:not(:first-child) {

        display: none;

    }



    .topnav a.icon {

        float: right;

        display: block;

    }



    /*---home--page--*/

    .slick-next {

        right: -32px !important;

    }



    .slick-prev {

        left: -38px !important;

    }



    /*---end---*/



    header {

        position: fixed;

        width: 100%;

        z-index: 9999;

        left: 0;

        top: 0;

    }



    .banner {

        width: 100%;

    }





    header.sticky {

        display: none;



    }



    .sticky {

        display: none;

    }



    .topnav.responsive {

        position: relative;

    }



    .topnav.responsive a.icon {

        position: absolute;

        right: 0;

        top: 0;

    }



    .topnav.responsive a {

        float: none;

        display: block;

        text-align: left;

    }



    .topnav2.responsive {

        position: relative;

    }



    .topnav.responsive a.icon {

        position: absolute;

        right: 0;

        top: 0;

    }



    .topnav2.responsive a {

        float: none;

        display: block;

        text-align: left;

    }



    .topnav a {

        float: left;

        display: block;

        color: #000;

        text-align: center;

        padding: 14px 16px;

        text-decoration: none;

        font-size: 17px;

        margin-left: 0px;

    }



    .topnav2 {

        background-color: #fff;

        overflow: hidden;

        width: 100%;

        margin-left: 0px;

        float: right;

    }





    .topnav2 a {

        float: left;

        display: block;

        color: #000;

        text-align: center;

        padding: 14px 16px;

        text-decoration: none;

        font-size: 17px;

        margin-left: 00px;

        margin-top: 50px;

    }



    #logo2 img {

        height: 50px;

        margin-bottom: 10px;

        -o-object-fit: cover;

        object-fit: cover;

    }



    #logo2 {

        height: 50px;

        width: 100%;

        float: left;

        text-align: center;

        background-color: #fff;

    }





    .topnav2 a {

        float: left;

        display: block;

        color: #000;

        text-align: center;

        padding: 14px 16px;

        text-decoration: none;

        font-size: 17px;

        margin-left: 00px;

        margin-top: 10px;

    }



    .fontfooter2 {

        padding-left: 0px;

    }





    /*--products--page--*/



    .products {

        width: calc(90% - 70px);

        float: right;

        margin: 0;

        padding: 0;

        margin-top: 0px;

    }



    .sidenav {

        width: 70px;

        float: left;

        position: fixed !important;

    }







    .mobile-img {

        width: 100%;

        float: left;

        display: block;

    }



    .mobile-img img {

        width: 100%;

        float: left;

    }



    .mcontainer3 .parentimg {

        display: none;

    }



    .mcontainer3 .parentimg {

        display: none;

    }



    .mcontainer3 .containerbox2 {

        width: 90%;

        padding-left: 0px;

    }



    .fontwp1 {

        color: #000;

        text-align: justify;

        line-height: 25px;

        font-size: 15px;

        float: left;

        width: 100%;

        padding: 0 10px;

        padding-left: 0;

    }



    .thumbnail1 {

        float: right;

        border: 1px solid #e1e1e1;

        margin-left: 10px !important;

        margin-top: 20px;

        margin-right: 0px !important;

        width: 31% !important;

    }



    .thumbnail1 img {

        width: 100%;

    }



    .img-thumbnail {

        float: left;

        margin-top: 10px;

        width: 230px;

        margin-bottom: 10px;

        height: auto !important;

    }



    img.bzoom_thumb_image {

        width: 100% !important;

        height: auto !important;

    }





    ul.clearfix {

        left: -40px;

    }



    .bzoom li {

        position: relative;

    }



    .bzoom_magnifier {

        display: none !important;

    }



    .producttext {

        min-height: 0px !important;

        margin-bottom: 30px;

        float: left;

        width: 100%;

    }



    .bzoom_small_thumbs {

        top: 10px;

    }



    .producttext {

        min-height: 0px !important;

        margin-bottom: 30px;

        float: right;

        width: 40%;

    }





    /*--product-menu-tab--*/



    .m-heading {

        display: block;

    }





    .mar-0 {

        margin-top: 0px !important;

    }





    .slide1 .thumbnail {

        width: auto;

    }



    .slide1 .thumbnail img {

        width: 100%;

    }





    .box7 {

        float: right;

        margin-top: 0px !important;

        margin-bottom: 20px;

        width: 60%;

    }





    .box6 {

        float: left;

        margin-top: 37px;

        margin-bottom: 20px;

        margin-left: 10px;

        width: 29%;

    }



    .box8 {

        float: left;

        margin-top: 20px;

        margin-bottom: 20px;

        width: 40%;

    }



    .box8 img {

        float: left;

    }



    .center .slick-dots li {

        display: inline-block;

        left: -90px !important;

    }



    .fontfooter2 {

        display: none;

    }



    .fontfooternew {

        float: right;

    }



    /*--about-us--page---*/



    .headingbannerabout {

        font-size: 85px;

    }



    .bannertextABOUT2 {

        bottom: -78px;

    }



    .sidenav {

        display: none;

    }



    .products {

        width: 100%;

    }



    .products a:nth-child(3n) .thumbnail1 {

        margin-right: 0px !important;

    }





    .thumbnail1 {

        float: left;

        margin-left: 0px !important;

        margin-right: 24px !important;

    }



    .headingproduct1 {

        margin-top: 0px;

    }



    /*----pro-detail---*/



    ul.clearfix {

        left: -55px;

        width: 80%;

    }



    .headingproduct1 {

        margin-top: -7px !important;

        margin-bottom: 30px;

        line-height: 0px;

    }



    .producttext ul {

        margin-top: 0px;

    }



    .bzoom_small_thumbs {

        margin-top: 0px;

        top: 10px !important;

    }



    .customimg2-he {

        float: left !important;

        height: auto;

        display: none;

    }



    .custom4 {

        width: 100%;

        float: right;

    }



    /*-------products----------------------*/



    .productimg {

        float: left;

        width: 45% !important;

    }



    .bzoom_small_thumbs {

        width: 100% !important;

        left: 0px;

    }



    .bzoom li {

        position: relative !important;

    }



    .headingproduct1 {

        margin-top: 60px !important;

    }



    .taittle2 {

        margin-left: 53px;

    }



    .bzoom_small_thumbs ul {

        left: 0px !important;

    }



    .producttext {

        width: 45%;

    }



    li.bzoom_thumb.bzoom_thumb_active {

        display: block !important;

    }



    .bzoom .bzoom_thumb {

        background: #fff url(./img/loading.gif) center no-repeat;

        transition: none;

        display: none !important;

    }



    .error em {

        color: #fff;

    }



}





.seo-links {

    width: 100%;

    float: left;

    margin-top: 0px;

}



.seo-links ul {

    width: 100%;

    float: left;

    margin-bottom: 0;

}



.seo-links ul li {

    float: left;

    list-style: none;

    display: inline-block;

}



.seo-links ul li a {

    float: left;

    padding: 0 10px;

    font-size: 13px;

    color: #fff;

}





.popup-outer {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    background: rgba(0, 0, 0, 0.75);

    z-index: 999;

    overflow: auto;



}



.popup-inner {

    background: #ffffff;

    position: relative;

    width: 60%;

    padding: 0px 50px 0px 50px;

    border-radius: 15px;

}



.popup-inner .popup-content {

    text-align: center;

}



.popup-inner h2 {

    font-weight: 400;

    font-size: 36px;

    margin: 20px 0;

    position: relative;

}



.popup-inner h2 span {

    font-weight: 600;

    font-family: monospace;

    text-transform: uppercase;

    font-size: 20px;

    letter-spacing: 15px;

    margin-left: 20px;

}



.popup-inner h2 span:after {

    content: "";

    position: absolute;

    height: 5px;

    left: 45%;

    right: 45%;

    background: #827d7d;

    bottom: 0;

    bottom: -15px;

}





.popup-inner p {

    margin: 30px 0;

    line-height: 30px;

}



.popup-inner .img-box {

    width: 50%;

    margin: 50px auto 0px auto;

}



.popup-inner .img-box img {

    width: 100%;

    display: block;

}



.popup-inner .close {

    color: #2b2b2b;

    position: absolute;

    top: 0;

    z-index: 99999;

    right: 0;

    font-size: 25px;

    font-weight: bold;

    width: 40px;

    height: 40px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.popup-inner .form-outer .form-box {

    width: 70%;

    background: #f2f2f2;

    margin: 0 auto;

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-radius: 50px;

    overflow: hidden;

}



.popup-inner .form-outer .form-box input {

    display: inline-block;

    width: 50%;

    background: #f2f2f2;

    border: none;

    color: #cbcbcb;

    padding: 20px;

    outline: none;

}



.popup-inner .form-outer .form-box button {

    border: none;

    color: #2b2b2b;

    padding: 20px;

    background: #f2f2f2;

    outline: none;

}



.popup-inner .form-outer #dont {

    cursor: pointer;

}