/********

--- B ---

********/



@font-face {

    font-family: 'Queen';

    src: url('Queen-bold.woff2') format('woff2'),

        url('Queen-bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Alata';

    src: url('Alata-Regular.woff2') format('woff2'),

        url('Alata-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Palmaton';

    src: url('Palmaton.woff2') format('woff2'),

        url('Palmaton.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



.mobile-no-new
    { display:none !important}



.boxxx {

    position: fixed;

    width: 100%;

    height: auto;

    bottom: 15px;

    right: ;

    z-index: 99999;

    text-align: center;

}



.boxxx a img {

    width:100%;

}

.phn{

    width: 20px!important;

    margin-top: -4px;

}

.bixing {

       display: inline-block;

    width: 100%;

}



.bixing a {

    display: inline-block;

   

    font-size: 14px;

    color: #fff;

    font-weight: 300;

    padding: 10px;

    text-align: center;

    font-family: 'Poppins', sans-serif; letter-spacing: 1px;

}



.bixing a:nth-child(1){ margin-top: 70px; float: left; padding-left: 20px;}

.bixing a:nth-child(2){ text-align: center;}

.bixing a:last-child{ text-align: right; margin-top: 80px; float: right; padding-right: 20px;font-family: 'Poppins'; letter-spacing: normal;letter-spacing: 1px;font-weight: 200;}





.base-layer {

    background-position: 50%;

    background-size: cover;

    height: 100%;

    width: 100%;

    

}



.base-layer.dark-overlay {}



.base-layer.dark-overlay:after {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    content: "";

    z-index: -1;

    

    opacity: .1

}



body {}



body.side-panel-light {}



body.side-panel-light .side-panel {}



body.side-panel-light .side-panel h1,

body.side-panel-light .side-panel h2,

body.side-panel-light .side-panel h3,

body.side-panel-light .side-panel h4,

body.side-panel-light .side-panel p {

    color: #000

}



body.side-panel-light .side-panel a {

    color: #000

}



body.side-panel-light .side-panel a:hover,

body.side-panel-light .side-panel a:focus,

body.side-panel-light .side-panel a:active {

    color: #000

}



body.side-panel-dark {}



body.side-panel-dark .side-panel {

    background-color: #000

}



body.side-panel-dark .side-panel h1,

body.side-panel-dark .side-panel h2,

body.side-panel-dark .side-panel h3,

body.side-panel-dark .side-panel h4,

body.side-panel-dark .side-panel p,

body.side-panel-dark .side-panel address,

body.side-panel-dark .side-panel .skill {

    color: #fff

}



body.side-panel-dark .side-panel a {

    color: #fff

}



body.side-panel-dark .side-panel a:hover,

body.side-panel-dark .side-panel a:focus,

body.side-panel-dark .side-panel a:active {

    color: #fff

}



body.side-panel-dark .side-panel section {

    border-bottom-color: rgba(255, 255, 255, .3)

}



body.side-panel-dark .side-panel input[type="text"],

body.side-panel-dark .side-panel input[type="email"],

body.side-panel-dark .side-panel input[type="date"],

body.side-panel-dark .side-panel input[type="time"],

body.side-panel-dark .side-panel input[type="search"],

body.side-panel-dark .side-panel input[type="password"],

body.side-panel-dark .side-panel input[type="number"],

body.side-panel-dark .side-panel input[type="tel"],

body.side-panel-dark .side-panel textarea.form-control {

    box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .2);

    background-color: #000;

    color: #fff

}



body.side-panel-dark .side-panel input[type="text"]:active,

body.side-panel-dark .side-panel input[type="text"]:focus,

body.side-panel-dark .side-panel input[type="text"]:hover,

body.side-panel-dark .side-panel input[type="email"]:active,

body.side-panel-dark .side-panel input[type="email"]:focus,

body.side-panel-dark .side-panel input[type="email"]:hover,

body.side-panel-dark .side-panel input[type="date"]:active,

body.side-panel-dark .side-panel input[type="date"]:focus,

body.side-panel-dark .side-panel input[type="date"]:hover,

body.side-panel-dark .side-panel input[type="time"]:active,

body.side-panel-dark .side-panel input[type="time"]:focus,

body.side-panel-dark .side-panel input[type="time"]:hover,

body.side-panel-dark .side-panel input[type="search"]:active,

body.side-panel-dark .side-panel input[type="search"]:focus,

body.side-panel-dark .side-panel input[type="search"]:hover,

body.side-panel-dark .side-panel input[type="password"]:active,

body.side-panel-dark .side-panel input[type="password"]:focus,

body.side-panel-dark .side-panel input[type="password"]:hover,

body.side-panel-dark .side-panel input[type="number"]:active,

body.side-panel-dark .side-panel input[type="number"]:focus,

body.side-panel-dark .side-panel input[type="number"]:hover,

body.side-panel-dark .side-panel input[type="tel"]:active,

body.side-panel-dark .side-panel input[type="tel"]:focus,

body.side-panel-dark .side-panel input[type="tel"]:hover,

body.side-panel-dark .side-panel textarea.form-control:active,

body.side-panel-dark .side-panel textarea.form-control:focus,

body.side-panel-dark .side-panel textarea.form-control:hover {

    box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .4)

}



body.side-panel-dark .side-panel .icon {}



body.side-panel-dark .side-panel .icon i {

    color: #fff

}



body.show-panel {}



body.show-panel .side-panel {

    transform: translateX(-600px)

}



body.show-panel .side-panel .nav-btn {}



body.show-panel .side-panel .nav-btn i {}



body.show-panel .side-panel .nav-btn i:first-child {

    transform: rotate(45deg);

    transform-origin: 7px 5px

}



body.show-panel .side-panel .nav-btn i:last-child {

    transform: rotate(-45deg);

    transform-origin: 4px -2px

}



body.show-panel .side-panel .nav-btn i:nth-child(2) {

    opacity: 0

}



body.show-panel #page {}



body.show-panel #page:after {

    opacity: .6;

    pointer-events: auto

}



body.show-panel #page {

    transform: rotateY(50deg) translateZ(-200px)

}



body.show-panel #page #content {}



body.show-panel #page #content * {

    pointer-events: none

}



.brand {

       display: block;

    margin: auto;

    /* width: 100%; */

    margin-bottom: ;

    width: 100%;

	height: 215px;

}



.brand img{

    /* width: 440px; */

    display: block;

    margin: auto;

}

/********

--- C ---

********/



.cd-background-wrapper,

.page-wrapper {

    height: 100%;

    background-color: transparent

}



.cd-floating-background {

    height: 100%

}



.copyright {

    font-size: 12px;

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

    letter-spacing: 1px;

    font-weight: 400;

    color: #000;

    float: left;

    width: 70%;

    padding-top: 10px;

    display: block;

    position: relative;

}



.count-down {

    margin-bottom: 30px

}



.count-down .countdown-row {}



.count-down .countdown-row .countdown-section {

    display: inline-block;

    position: relative

}



.count-down .countdown-row .countdown-section:first-child {}



.count-down .countdown-row .countdown-section:first-child:after {

    display: none

}



.count-down .countdown-row .countdown-section:after {

    opacity: .2;

    border-radius: 50%;

    transform: translateY(10px);

    background-color: #fff;

    height: 10px;

    width: 10px;

    content: "";

    position: absolute;

    top: -10px;

    bottom: 0;

    margin: auto;

    left: -25px

}



.count-down .countdown-row .countdown-amount {

    font-size: 80px;

    font-weight: bold;

    display: block;

    margin-bottom: -30px;

    position: relative;

    margin-right: 50px;

    text-shadow: 0 5px 16px rgba(0, 0, 0, .4)

}



.count-down .countdown-row .countdown-period {

    opacity: .5;

    font-size: 12px;

    text-transform: uppercase;

    margin-left: 10px

}



.count-down.small {

    margin-bottom: 20px

}



.count-down.small .countdown-amount {

    font-size: 28px;

    margin-bottom: 0;

    margin-right: 50px

}



.count-down.small .countdown-section {}



.count-down.small .countdown-section:after {

    transform: translateY(-5px);

    height: 5px;

    width: 5px;

    left: -25px

}



.center {

    text-align: center

}



#content {}



#content .heading {

    margin-bottom: 50px;

    position: relative

}



#content .heading p {

    opacity: .9

}



#content .heading .large {

    font-size: 100px

}



#content h1,

#content h2,

#content h3,

#content p {

    color: #fff;

    text-align: center;

}



.heading {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    z-index: 2;

    color: #fff;

    max-width: 1000px;

    left: 0;

    right: 0;

    margin: 0 auto;

}



.heading h3 {

    font-family: 'Queen';

    font-weight: 700 !important;

    margin: 0 0 15px !important;

    font-size: 69px !important;

}

.heading p{

    opacity: 1;

    color: #fff;

    font-family: 'Poppins';

    font-weight: 200;

    max-width: 463px;

    font-size: 16px;

    margin-bottom: 25px;

	letter-spacing: 1px;

	margin-top: -10px;

    line-height: 22px;

}

.heading .signature{

    font-size: 58px;

    line-height: 96px;

    color: #fff;

    font-family: 'Northwell';

}

.heading .signature ~p{

    margin-top: -20px;

	font-size: 14px;

    line-height: 24px;

}



.layer {

    background-position: 50%;

    background-size: cover;

    display: table;

    height: 100%;

    width: 100%;

    position: absolute;

    left: 0;

    top: 0

}



.layer #particles-js {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%

}



.loader {

    position: relative;

    width: 2.5em;

    height: 2.5em;

    transform: rotate(165deg)

}



.loader:before,

.loader:after {

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    display: block;

    width: 0.5em;

    height: 0.5em;

    border-radius: 0.25em;

    transform: translate(-50%, -50%)

}



.loader:before {

    animation: before 2s infinite

}



.loader:after {

    animation: after 2s infinite

}



@keyframes before {

    0% {

        width: 0.5em;

        box-shadow: 1em -0.5em rgba(225, 225, 225, 0.75), -1em 0.5em rgba(225, 225, 225, 0.75)

    }

    35% {

        width: 2.5em;

        box-shadow: 0 -0.5em rgba(225, 225, 225, 0.75), 0 0.5em rgba(225, 225, 225, 0.75)

    }

    70% {

        width: 0.5em;

        box-shadow: -1em -0.5em rgba(225, 225, 225, 0.75), 1em 0.5em rgba(225, 225, 225, 0.75)

    }

    100% {

        box-shadow: 1em -0.5em rgba(225, 225, 225, 0.75), -1em 0.5em rgba(225, 225, 225, 0.75)

    }

}



@keyframes after {

    0% {

        height: 0.5em;

        box-shadow: 0.5em 1em rgba(225, 225, 225, 0.75), -0.5em -1em rgba(225, 225, 225, 0.75)

    }

    35% {

        height: 2.5em;

        box-shadow: 0.5em 0 rgba(225, 225, 225, 0.75), -0.5em 0 rgba(225, 225, 225, 0.75)

    }

    70% {

        height: 0.5em;

        box-shadow: 0.5em -1em rgba(225, 225, 225, 0.75), -0.5em 1em rgba(225, 225, 225, 0.75)

    }

    100% {

        box-shadow: 0.5em 1em rgba(225, 225, 225, 0.75), -0.5em -1em rgba(225, 225, 225, 0.75)

    }

}



.loader {

    position: absolute;

    top: calc(50% - 1.25em);

    left: calc(50% - 1.25em)

}





/********

--- M ---

********/



.map {

    height: 300px;

    width: 100%

}



.map a[href^="http://maps.google.com/maps"] {

    display: none !important

}



.map a[href^="https://maps.google.com/maps"] {

    display: none !important

}



.map .gmnoprint a,

.map .gmnoprint span,

.map .gm-style-cc {

    display: none

}





/* overlay at start */



.mfp-fade.mfp-bg {

    opacity: 0;

    transition: all 0.15s ease-out

}





/* overlay animate in */



.mfp-fade.mfp-bg.mfp-ready {

    opacity: 0.8

}





/* overlay animate out */



.mfp-fade.mfp-bg.mfp-removing {

    opacity: 0

}





/* content at start */



.mfp-fade.mfp-wrap .mfp-content {

    opacity: 0;

    transition: all 0.15s ease-out

}





/* content animate it */



.mfp-fade.mfp-wrap.mfp-ready .mfp-content {

    opacity: 1

}





/* content animate out */



.mfp-fade.mfp-wrap.mfp-removing .mfp-content {

    opacity: 0

}



.modal {

    text-align: center;

    color: #363636

}



.modal.fade {}



.modal.fade .modal-dialog {

    transform: translate(0, 0) scale(.90)

}



.modal.fade.in {}



.modal.fade.in .modal-dialog {

    transform: translate(0, 0) scale(1)

}



.modal .modal-dialog {

    width: 450px

}



.modal .modal-dialog .modal-content {

    border-radius: 0;

    padding: 60px;

    background-color: #efefef

}



.modal .modal-dialog .modal-content .modal-header,

.modal .modal-dialog .modal-content .modal-body,

.modal .modal-dialog .modal-content .modal-footer {

    padding: 0;

    border: none

}



.modal .modal-dialog .modal-content .modal-body {

    margin-bottom: 40px;

    margin-top: 40px

}



.modal .modal-dialog .modal-content .modal-footer {

    text-align: left

}



.modal .modal-dialog .modal-content .btn {

    width: 100%

}



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

    .modal:before {

        display: inline-block;

        vertical-align: middle;

        content: " ";

        height: 100%

    }

}



.modal-dialog {

    display: inline-block;

    text-align: left;

    vertical-align: middle

}





/********

--- P ---

********/



#page {

    height: 100%;

    width: 100%;

    overflow: hidden;

    position: relative;

    transform: rotateY(0deg) translateZ(0px);

    transition: .6s cubic-bezier(.81, .01, .22, 1)

}



#page:after {

    transition: .3s ease;

    position: absolute;

    bottom: 0;

    left: 0;

    content: "";

    z-index: 1;

    width: 100%;

    height: 30%;

    pointer-events: none;

    background: linear-gradient(to top, #000000de, transparent);

}



#page .layer {}



#page .layer #content {

     /* display: table-cell; */

    /* vertical-align: middle; */

    padding-top: 80px;

    /* margin-top: -18px; */

}



#page>#content {

    display: table;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1

}



#page>#content .content-wrapper {

    display: table-cell;

    vertical-align: middle

}



#page>#content .content-wrapper a {

    pointer-events: auto

}



.page-wrapper-inner {

    position: relative;

    height: 100%

}





/********

--- S ---

********/

.slider{

	position:relative;

}

.slider:after {

    content: "";

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;
    z-index: -1;

    /*background: rgb(0 0 0 / 25%);*/

}

.bnr_vido{

    filter: contrast(120%);

    width: 100%;

    height: 100%;

}

video{

	width: 100%;

    height: 100%;

    object-position: top;

    object-fit: cover;

}

.side-panel {

    transform: translateX(0px);

    width: 600px;

    height: 100%;

    position: absolute;

    top: 0;

    right: -600px;

    z-index: 3;

    background-color: #fff;

    color: #363636;

    transition: .5s cubic-bezier(.81, .01, .22, 1)

}



.side-panel a {

    color: #000

}



.side-panel a:hover,

.side-panel a:focus,

.side-panel a:active {

    color: #000

}

#page:before {

    position: absolute;

    top: 0;

    left: 0;

    content: "";

    z-index: 1;

    width: 100%;

    height: 20%;

    pointer-events: none;

    background: linear-gradient(to bottom, #000000bf, transparent);

}

.side-panel .wrapper {

    overflow-y: scroll;

    padding: 40px;

    height: 100%;

    width: 100%

}



.side-panel section {

    margin-bottom: 0px;

    border-bottom: 1px solid rgba(0, 0, 0, .1);

    padding-bottom: 0px;

}



.side-panel section section {

    border-bottom: none;

    margin-bottom: 30px;

    padding-bottom: 30px

}

button{

	    background: transparent;

    border: 1px solid gray;

    padding: 6px 15px;

}

.side-panel .gallery {

    margin-top: 20px;

    margin-bottom: 20px;

}



.side-panel .gallery .image {

    margin-bottom: 30px

}



.side-panel .gallery .image h4 {

    position: relative;

    margin-bottom: 20px

}



.side-panel .gallery .image h4:after {

    width: 20px;

    height: 2px;

    background-color: rgba(247, 148, 29, 0.9);

    position: absolute;

    bottom: -10px;

    left: 0;

    content: ""

}



.side-panel .gallery .image a {

    display: block;

    margin-bottom: 20px;

    position: relative

}



.side-panel .gallery .image a:before {



    text-transform: none;

    transform: scale(2);

    transition: .3s ease

}



.side-panel .gallery .image a:after {

    background-color: #000;

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    content: "";

    opacity: 0;

    transition: .3s ease

}



.side-panel .gallery .image a:hover {}



.side-panel .gallery .image a:hover:after {

    opacity: .3

}



.side-panel .gallery .image a:hover:before {

    opacity: 1;

    transform: scale(1)

}



.side-panel .gallery .image p {

    font-size: 14px

}





.side-panel .nav-btn {

    position: relative;

    top: 20px;

    left: -170px;

    z-index: 5;

    padding: 14px 10px;

    transition: .3s ease;

    border-radius: 3px

}



.side-panel .nav-btn:hover {

    cursor: pointer

}



.side-panel .nav-btn i {

    background-color: #fff;

    width: 30px;

    height: 2px;

    margin-bottom: 6px;

    display: block;

    transition: .5s cubic-bezier(.81, .01, .22, 1)

}



.side-panel .nav-btn i:last-child {

    margin-bottom: 0

}



.side-panel .skill {

    position: relative;

    margin-bottom: 60px

}



.side-panel .skill h4 {

    font-size: 14px;

    text-transform: uppercase

}



.side-panel .skill aside {

    opacity: .8;

    position: absolute;

    right: 0;

    top: 0

}



.side-panel .skill .bar {

    position: relative

}



.side-panel .skill .bar .bar-active,

.side-panel .skill .bar .bar-background {

    height: 3px;

    background-color: #7937b9;

    position: absolute;

    top: 0;

    left: 0

}



.side-panel .skill .bar .bar-background {

    opacity: .2;

    width: 100%

}



.side-panel .icon {

    margin-bottom: 5px;

    display: block

}



.side-panel .icon i {

    margin-right: 10px;

    width: 20px;

    color: #000

}



.slider {

    height: 100%!important

}





/********

--- V ---

********/



.video {

    height: 100%;

    width: 100%

}



.video .fluid-width-video-wrapper {

    height: 100%

}



a {

    color: #7937b9

}



a:hover,

a:focus,

a:active {

    color: #fff;

    text-decoration: none;

    outline: none !important;

}



body,

html {

    height: 100%;

    margin: 0;

    padding: 0;

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

    font-size: 16px;

    font-weight: 500;

    overflow: hidden;

    perspective: 2000px;

    position: relative

}



body.has-loading-screen,

html.has-loading-screen {}



body.has-loading-screen #page:after,

html.has-loading-screen #page:after {

    background-color: #005331;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 999;

    content: "";

    opacity: 1;

    transition: .3s ease

}



body.has-loading-screen .side-panel,

html.has-loading-screen .side-panel {}



body.has-loading-screen .side-panel .nav-btn,

html.has-loading-screen .side-panel .nav-btn {

    opacity: 0

}



body.has-loading-screen .animate,

html.has-loading-screen .animate {

    opacity: 0;

    transition: 1s cubic-bezier(.19, .11, 0, 1.02);

    top: 30px !important

}



body.has-loading-screen .animate.show-it,

html.has-loading-screen .animate.show-it {

    opacity: 1;

    top: -30px!important;

}



body.loading-done,

html.loading-done {}



body.loading-done #page:after,

body.loading-done .loader,

html.loading-done #page:after,

html.loading-done .loader {

    opacity: 0

}



body.loading-done .side-panel,

html.loading-done .side-panel {}



body.loading-done .side-panel .nav-btn,

html.loading-done .side-panel .nav-btn {

    opacity: 1

}



body.hide-loading-screen,

html.hide-loading-screen {}



body.hide-loading-screen #page:after,

body.hide-loading-screen .loader,

html.hide-loading-screen #page:after,

html.hide-loading-screen .loader {

    display: none

}



h1 {

    font-size: 60px;

    display: inline-block;

    text-shadow: 0 5px 16px rgba(0, 0, 0, .4);

    text-align: left;

    font-weight: ;

}



h2 {

    font-size: 28px;

    /* font-weight: 700; */

    margin-bottom: 20px;

    line-height: 68px;

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

     text-transform: uppercase;

}



h3 {

    font-size: 20px;

    font-weight: 700;

    margin-bottom: 30px

}



h4 {

    font-size: 16px;

    font-weight: 500;

    text-shadow: 0px 0px;

}



p {

color: #000000;

    opacity: .7;

    font-size: 15px;

    line-height: 24px;

    font-weight: 300;

    text-shadow: 0px 0px;



}



.btn {

       display: inline-block;

    position: relative;

    transition: .4s;

    color: #fff;

    font-size: 18px;

    /* font-weight: bold; */

    border-radius: 0;

    padding: 6px 12px;

    border-width: 3px;

}



.btn:hover,

.btn:focus,

.btn:active {

    border-radius: 8px;

    outline: none !important

}



.btn.btn-primary {

    background-color: #064824;

    border: 3px solid #064824;

}



.btn.btn-primary:hover,

.btn.btn-primary:focus,

.btn.btn-primary:active {

    background-color: #7937b9;

    border: 3px solid #7937b9;

    box-shadow: none

}



.btn.btn-primary.btn-border {

    border: 3px solid #7937b9;

    background-color: transparent;

    color: #fff

}



.btn.btn-primary.btn-border:hover,

.btn.btn-primary.btn-border:focus,

.btn.btn-primary.btn-border:active {

    color: #fff

}



.btn.btn-default {

    color: #363636;

    background-color: #fff;

    border-color: #fff

}



.btn.btn-default:hover,

.btn.btn-default:focus,

.btn.btn-default:active {

    color: #363636;

    box-shadow: none

}



.btn.btn-default.btn-border {

    color: #fff

}



.btn.btn-default.btn-border:hover,

.btn.btn-default.btn-border:focus,

.btn.btn-default.btn-border:active {

    color: #fff

}



.btn.btn-border {

    border: 2px solid #ffffff;

    background-color: transparent;

    color: #ffffff;

}



.btn.btn-border:hover,

.btn.btn-border:focus,

.btn.btn-border:active {

    border-radius: 8px;

    color: #fff

}



#content {}



#content .form {}



#content .form input[type="text"],

#content .form input[type="email"],

#content .form input[type="date"],

#content .form input[type="time"],

#content .form input[type="search"],

#content .form input[type="password"],

#content .form input[type="number"],

#content .form input[type="tel"],

#content .form textarea.form-control {

    box-shadow: none

}



#content .form input[type="text"]:active,

#content .form input[type="text"]:focus,

#content .form input[type="text"]:hover,

#content .form input[type="email"]:active,

#content .form input[type="email"]:focus,

#content .form input[type="email"]:hover,

#content .form input[type="date"]:active,

#content .form input[type="date"]:focus,

#content .form input[type="date"]:hover,

#content .form input[type="time"]:active,

#content .form input[type="time"]:focus,

#content .form input[type="time"]:hover,

#content .form input[type="search"]:active,

#content .form input[type="search"]:focus,

#content .form input[type="search"]:hover,

#content .form input[type="password"]:active,

#content .form input[type="password"]:focus,

#content .form input[type="password"]:hover,

#content .form input[type="number"]:active,

#content .form input[type="number"]:focus,

#content .form input[type="number"]:hover,

#content .form input[type="tel"]:active,

#content .form input[type="tel"]:focus,

#content .form input[type="tel"]:hover,

#content .form textarea.form-control:active,

#content .form textarea.form-control:focus,

#content .form textarea.form-control:hover {

    box-shadow: none

}



label {

    font-size: 12px;

    margin-bottom: 10px

}



input[type="text"],

input[type="email"],

input[type="date"],

input[type="time"],

input[type="search"],

input[type="password"],

input[type="number"],

input[type="tel"],

textarea.form-control {

        /* box-shadow: inset 0 0 0 3px rgba(0, 0, 0, .15); */

    border-radius: 3px;

    color: #000000;

    transition: .3s;

    transform-style: preserve-3d;

    -webkit-appearance: none;

    background-color: #fff;

    border: none;

    font-size: 14px;

    font-weight: 300;

    outline: none !important;

    width: 100%;

    height: inherit;

    padding: 12px;

    border: 1px solid #dbd9d9;

}



input[type="text"]:active,

input[type="text"]:focus,

input[type="text"]:hover,

input[type="email"]:active,

input[type="email"]:focus,

input[type="email"]:hover,

input[type="date"]:active,

input[type="date"]:focus,

input[type="date"]:hover,

input[type="time"]:active,

input[type="time"]:focus,

input[type="time"]:hover,

input[type="search"]:active,

input[type="search"]:focus,

input[type="search"]:hover,

input[type="password"]:active,

input[type="password"]:focus,

input[type="password"]:hover,

input[type="number"]:active,

input[type="number"]:focus,

input[type="number"]:hover,

input[type="tel"]:active,

input[type="tel"]:focus,

input[type="tel"]:hover,

textarea.form-control:active,

textarea.form-control:focus,

textarea.form-control:hover {

    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.28)

}



.mailchimp-inside-button {}



.mailchimp-inside-button form {}



.mailchimp-inside-button form>div {

    position: relative

}



.mailchimp-inside-button form input[type=submit] {

    position: absolute;

    padding: 10px;

    bottom: 0;

    right: 0;

    background-color: transparent;

    border: none;

    color: #363636

}



.mc-field-group {

    margin-bottom: 15px

}



.mc-field-group input {

    color: #363636

}



.form {}



.form.submitted {}



.form.submitted .status {

    transform: scale(1)

}



.form.submitted .form-group,

.form.submitted .input-group {

    pointer-events: none

}



.form.submitted .btn[type='submit'] {

    pointer-events: none;

    opacity: .5

}



.form .status {

    transform: scale(.1);

    transition: .3s ease;

    top: -20px;

    right: -20px;

    position: absolute

}



.form .status .status-icon {

    border-radius: 50%;

    transition: .3s ease;

    width: 40px;

    height: 40px;

    background-color: grey;

    color: #fff;

    text-align: center;

    line-height: 40px

}



.form .status .status-icon.valid {

    background-color: #50aa8d

}



.form .status .status-icon.invalid {

    background-color: #e45544

}



.form .status i {

    font-size: 18px

}



.form.form-inline {

    display: table;

    width: 100%

}



.form.form-inline .form-group {

    display: table-cell

}



.form.form-inline .form-group input[type="text"],

.form.form-inline .form-group input[type="email"],

.form.form-inline .form-group input[type="date"],

.form.form-inline .form-group input[type="time"],

.form.form-inline .form-group input[type="search"],

.form.form-inline .form-group input[type="password"],

.form.form-inline .form-group input[type="number"],

.form.form-inline .form-group input[type="tel"],

.form.form-inline .form-group textarea.form-control {

    width: 100%

}



.form.form-inline .btn[type='submit'] {

    margin-left: 10px

}



.form .form-group {

    position: relative

}



.form label.error {

    position: absolute;

    left: 0;

    bottom: -30px;

    background-color: red;

    color: #fff;

    padding: 3px

}

/* 

[data-layer-depth="0"] {

    transform: translateZ(0px)

}



[data-layer-depth="50"] {

    transform: translateZ(50px)

}



[data-layer-depth="100"] {

    transform: translateZ(100px)

}



[data-layer-depth="150"] {

    transform: translateZ(150px)

}



[data-layer-depth="200"] {

    transform: translateZ(200px)

}



[data-layer-depth="250"] {

    transform: translateZ(250px)

}



[data-layer-depth="300"] {

    transform: translateZ(300px)

}



[data-layer-depth="350"] {

    transform: translateZ(350px)

}



[data-layer-depth="400"] {

    transform: translateZ(400px)

}



[data-layer-depth="450"] {

    transform: translateZ(450px)

}



[data-layer-depth="500"] {

    transform: translateZ(500px)

}



[data-layer-depth="550"] {

    transform: translateZ(550px)

}



[data-layer-depth="600"] {

    transform: translateZ(600px)

}



[data-layer-depth="650"] {

    transform: translateZ(650px)

}



[data-layer-depth="700"] {

    transform: translateZ(700px)

}



[data-layer-depth="750"] {

    transform: translateZ(750px)

}



[data-layer-depth="800"] {

    transform: translateZ(800px)

}



[data-layer-depth="850"] {

    transform: translateZ(850px)

}



[data-layer-depth="900"] {

    transform: translateZ(900px)

}



[data-layer-depth="950"] {

    transform: translateZ(950px)

}



[data-layer-depth="1000"] {

    transform: translateZ(1000px)

} */

.launch{

	    display: inline-block;

    width: 100%;

    padding: 0px 0px 50px;

    font-size: 30px;

    color: #fff;

    font-weight: 300;

	    text-align: center;

}



body.show-panel .side-panel .nav-btn {

    left: -47px;

    top: 87px;

}



.bg-transfer img {

    display: block

}

.img_clss{

	    display: inline-block;

    width: 100%;

	position:relative;

}

.img_clss img{

    width: 100%;

    height: 100%;

}

.img_clss:after{

	content:"";

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:100%;

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

}

.no-shadow {

    box-shadow: none;

    text-shadow: none

}



.pointer-events-none {

    pointer-events: none

}



.width-10 {

    width: 10%

}



.width-20 {

    width: 20%

}



.width-25 {

    width: 25%

}



.width-30 {

    width: 30%

}



.width-33 {

    width: 33%

}



.width-40 {

    width: 40%

}



.width-50 {

    width: 50%

}



.width-60 {

    width: 60%

}



.width-70 {

    width: 70%

}



.width-80 {

    width: 80%

}



.width-90 {

    width: 90%

}



.width-100 {

    width: 100%

}





.location-call{ float: right;

    font-size: 12px;

    color: #f89e33;}





.logo{ font-size: 70px; text-transform: uppercase;text-align:center; font-family: 'Poppins', sans-serif; font-weight: 400; margin: 0; }

.punchline{font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; margin: 0; position: relative;}



.punchline:before {

    content: "";

    position: absolute;

    border-top: 1px solid #fff;

    margin-top: 20px;

}

.punchline:before {

 width: 18%;

}



.punchline:before {

  margin-right: 20px; right: 75%;

}





.punchline:after {

    content: "";

    position: absolute;

    border-top: 1px solid #fff;

    margin-top: 20px;

}

.punchline:after {

 width: 18%;

}



.punchline:after {

  margin-left: 20px; left: 75%;

}























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

// 1100px - 1440px

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









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

// 992px - 1199px

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



@media (min-width: 992px) and (max-width: 1199px) {

    .btn {

        font-size: 14px

    }

    #content {}

    #content .heading {

        margin-bottom: 30px

    }

    .count-down {

        margin-bottom: 30px

    }

    .count-down .countdown-row {}

    .count-down .countdown-row .countdown-amount {

        font-size: 80px

    }

    h1 {

        font-size: 52px

    }

    h2 {

        font-size: 28px

    }

    input[type="text"],

    input[type="email"],

    input[type="date"],

    input[type="time"],

    input[type="search"],

    input[type="password"],

    input[type="number"],

    input[type="tel"],

    textarea.form-control {

        font-size: 14px

    }

    .layer {}

    .layer #content {

        padding-left: 50px

    }

    p {

        font-size: 14px

    }

}





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

// 768px - 991px

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



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

    body {}

    body.show-panel {}

    body.show-panel .side-panel {

        transform: translateX(-650px)

    }

    .btn {

        font-size: 14px

    }

    #content {}

    #content .heading {

        margin-bottom: 20px

    }

    .count-down {

        margin-bottom: 10px

    }

    .count-down .countdown-row {}

    .count-down .countdown-row .countdown-amount {

        font-size: 60px;

        margin-bottom: -10px

    }

    .CleSec {

        width: auto !important;

    }

    #days,#hours,#minutes,#seconds{

        width: auto !important;

    }

    h1 {

        font-size: 30px;

        margin: 0px;

    }

    h2 {

        font-size: 22px

    }

    input[type="text"],

    input[type="email"],

    input[type="date"],

    input[type="time"],

    input[type="search"],

    input[type="password"],

    input[type="number"],

    input[type="tel"],

    textarea.form-control {

        font-size: 13px

    }

    .layer {}

    .layer #content {

        padding-left: 50px

    }

    p {

        font-size: 13px

    }

    .side-panel {

        width: 650px;

        right: -650px

    }



}





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

// max to 767px

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





@media (max-width: 767px) {

    body {}

    body.show-panel {}

    body.show-panel .side-panel {

        transform: translateX(0)

    }



body.show-panel .side-panel .nav-btn i {

    background-color: #000;

}



    body.show-panel .side-panel .nav-btn {

 top: 2%;

    left: inherit;

    right: 3%;

    /*background: #000000b5;*/

    padding: 10px 4px;

    }

	.phn {

    width: 12px!important;

	}

	.boxxx a img {

    

	

}

	.side-panel section {

    margin-bottom: 18px;

	}

	

	.heading {

    position: absolute;

    top: 47%;

    transform: translate(-50%, -50%);

    left: 50%;

    z-index: 2;

    color: #000;

    text-align: center;

	}

.heading h2 {

    font-size: 37px;

    text-align: center;

    color: white;

    line-height: 50px;

	margin-top: 10px;

    margin-left: 0;

	}

	

	.side-panel .gallery {

    margin-bottom: 0px;

	    margin-top: 0px;

}

.side-panel .wrapper {

    padding: 30px 10px 10px 10px;

}

	.cd-floating-background {

    -webkit-transform-style: none!important;

    transform-style: none!important;

    -webkit-transform: none!important;

    -ms-transform: translateZ(0)!important;

    transform: none!important;

}

	.body.show-panel .side-panel .nav-btn i {

}

    .btn {

        font-size: 14px;

		    display: block;

    width: 200px;

    margin: auto;

    }

    #content {}

    #content .heading {

        margin-bottom: 20px

    }

    #content .heading .large {

        font-size: 38px

    }

    .count-down {

        margin-bottom: 10px

    }

	.bixing {

    display: inline-grid;

}



.bixing a {

    width: 100%;

    font-size: 16px;

    line-height: 24px;

    padding: 5px;

    line-height: 0 !important;

    margin-top: 0px !important;

    text-align: center !important;

    margin-left: 0px !important;

    font-family: 'Poppins';

}



    .count-down .countdown-row {}

    .count-down .countdown-row .countdown-section {}

    .count-down .countdown-row .countdown-section:after {

        display: none

    }

    .count-down .countdown-row .countdown-amount {

        font-size: 30px;

        margin-bottom: 0px;

        margin-right: 20px

    }

    .count-down .countdown-row .countdown-period {

        font-size: 8px;

        margin-left: 0

    }

    

    h2 {

        font-size: 20px;

		margin-bottom: 10px;

		    margin-top: 0px;



    }

    input[type="text"],

    input[type="email"],

    input[type="date"],

    input[type="time"],

    input[type="search"],

    input[type="password"],

    input[type="number"],

    input[type="tel"],

    textarea.form-control {

        font-size: 13px

    }

    .layer {}

    .layer #content {

        padding-left: 25px;

        padding-right: 25px

    }

    .modal {}

    .modal .modal-dialog {

        width: 100%;

        margin: 0;

        padding: 20px

    }

    p {

        font-size: 13px

    }

    .side-panel {

        width: 100%;

        transform: translateX(100%);

        right: -30px;

    }

}



.color-theme-red {}



.color-theme-red a {

    color: #ed1c24

}



.color-theme-red a:hover,

.color-theme-red a:focus,

.color-theme-red a:active {

    color: #ed1c24

}



.color-theme-red .btn {

    color: #fff

}



.color-theme-red .btn.btn-default {

    color: #363636

}



.color-theme-red .btn.btn-default.btn-border {

    color: #fff

}



.color-theme-red .btn.btn-primary {

    background-color: #ed1c24;

    border: 3px solid #ed1c24

}



.color-theme-red .btn.btn-primary.btn-border {

    border: 3px solid #ed1c24;

    background-color: transparent;

    color: #fff

}



.color-theme-red .btn.btn-primary:hover,

.color-theme-red .btn.btn-primary:focus,

.color-theme-red .btn.btn-primary:active {

    background-color: #ed1c24;

    border: 3px solid #ed1c24;

    color: #fff

}



.color-theme-red .side-panel .gallery .image h4:after {

    background-color: #ed1c24

}



.color-theme-red .side-panel .skill .bar .bar-active,

.color-theme-red .side-panel .skill .bar .bar-background {

    background-color: #ed1c24

}



.color-theme-orange {}



.color-theme-orange a {

    color: #f9880f

}



.color-theme-orange a:hover,

.color-theme-orange a:focus,

.color-theme-orange a:active {

    color: #f9880f

}



.color-theme-orange .btn {

    color: #fff

}



.color-theme-orange .btn.btn-default {

    color: #363636

}



.color-theme-orange .btn.btn-default.btn-border {

    color: #fff

}



.color-theme-orange .btn.btn-primary {

    background-color: #f9880f;

    border: 3px solid #f9880f

}



.color-theme-orange .btn.btn-primary.btn-border {

    border: 3px solid #f9880f;

    background-color: transparent;

    color: #fff

}



.color-theme-orange .btn.btn-primary:hover,

.color-theme-orange .btn.btn-primary:focus,

.color-theme-orange .btn.btn-primary:active {

    background-color: #f9880f;

    border: 3px solid #f9880f;

    color: #fff

}



.color-theme-orange .side-panel .gallery .image h4:after {

    background-color: #f9880f

}



.color-theme-orange .side-panel .skill .bar .bar-active,

.color-theme-orange .side-panel .skill .bar .bar-background {

    background-color: #f9880f

}



.color-theme-blue {}



.color-theme-blue a {

    color: #0065fc

}



.color-theme-blue a:hover,

.color-theme-blue a:focus,

.color-theme-blue a:active {

    color: #0065fc

}



.color-theme-blue .btn {

    color: #fff

}



.color-theme-blue .btn.btn-default {

    color: #363636

}



.color-theme-blue .btn.btn-default.btn-border {

    color: #fff

}



.color-theme-blue .btn.btn-primary {

    background-color: #0065fc;

    border: 3px solid #0065fc

}



.color-theme-blue .btn.btn-primary.btn-border {

    border: 3px solid #0065fc;

    background-color: transparent;

    color: #fff

}



.color-theme-blue .btn.btn-primary:hover,

.color-theme-blue .btn.btn-primary:focus,

.color-theme-blue .btn.btn-primary:active {

    background-color: #0065fc;

    border: 3px solid #0065fc;

    color: #fff

}



.color-theme-blue .side-panel .gallery .image h4:after {

    background-color: #0065fc

}



.color-theme-blue .side-panel .skill .bar .bar-active,

.color-theme-blue .side-panel .skill .bar .bar-background {

    background-color: #0065fc

}



.color-theme-green {}



.color-theme-green a {

    color: #3cbf45

}



.color-theme-green a:hover,

.color-theme-green a:focus,

.color-theme-green a:active {

    color: #3cbf45

}



.color-theme-green .btn {

    color: #fff

}



.color-theme-green .btn.btn-default {

    color: #363636

}



.color-theme-green .btn.btn-default.btn-border {

    color: #fff

}



.color-theme-green .btn.btn-primary {

    background-color: #3cbf45;

    border: 3px solid #3cbf45

}



.color-theme-green .btn.btn-primary.btn-border {

    border: 3px solid #3cbf45;

    background-color: transparent;

    color: #fff

}



.color-theme-green .btn.btn-primary:hover,

.color-theme-green .btn.btn-primary:focus,

.color-theme-green .btn.btn-primary:active {

    background-color: #3cbf45;

    border: 3px solid #3cbf45;

    color: #fff

}



.color-theme-green .side-panel .gallery .image h4:after {

    background-color: #3cbf45

}



.color-theme-green .side-panel .skill .bar .bar-active,

.color-theme-green .side-panel .skill .bar .bar-background {

    background-color: #3cbf45

}



.color-theme-yellow {}



.color-theme-yellow a {

    color: #eadd09

}



.color-theme-yellow a:hover,

.color-theme-yellow a:focus,

.color-theme-yellow a:active {

    color: #eadd09

}



.color-theme-yellow .btn {

    color: #fff

}



.color-theme-yellow .btn.btn-default {

    color: #363636

}



.color-theme-yellow .btn.btn-default.btn-border {

    color: #fff

}



.color-theme-yellow .btn.btn-primary {

    background-color: #eadd09;

    border: 3px solid #eadd09

}



.color-theme-yellow .btn.btn-primary.btn-border {

    border: 3px solid #eadd09;

    background-color: transparent;

    color: #fff

}



.color-theme-yellow .btn.btn-primary:hover,

.color-theme-yellow .btn.btn-primary:focus,

.color-theme-yellow .btn.btn-primary:active {

    background-color: #eadd09;

    border: 3px solid #eadd09;

    color: #fff

}



.color-theme-yellow .side-panel .gallery .image h4:after {

    background-color: #eadd09

}



.color-theme-yellow .side-panel .skill .bar .bar-active,

.color-theme-yellow .side-panel .skill .bar .bar-background {

    background-color: #eadd09

}



.color-theme-monochrome {}



.color-theme-monochrome a {

    color: #494949

}



.color-theme-monochrome a:hover,

.color-theme-monochrome a:focus,

.color-theme-monochrome a:active {

    color: #494949

}



.color-theme-monochrome .btn {

    color: #fff

}



.color-theme-monochrome .btn.btn-default {

    color: #363636

}



.color-theme-monochrome .btn.btn-default.btn-border {

    color: #fff

}



.color-theme-monochrome .btn.btn-primary {

    background-color: #494949;

    border: 3px solid #494949

}



.color-theme-monochrome .btn.btn-primary.btn-border {

    border: 3px solid #494949;

    background-color: transparent;

    color: #fff

}



.color-theme-monochrome .btn.btn-primary:hover,

.color-theme-monochrome .btn.btn-primary:focus,

.color-theme-monochrome .btn.btn-primary:active {

    background-color: #494949;

    border: 3px solid #494949;

    color: #fff

}



.color-theme-monochrome .side-panel .gallery .image h4:after {

    background-color: #494949

}



.color-theme-monochrome .side-panel .skill .bar .bar-active,

.color-theme-monochrome .side-panel .skill .bar .bar-background {

    background-color: #494949

}



.color-theme-brown {}



.color-theme-brown a {

    color: #736357

}



.color-theme-brown a:hover,

.color-theme-brown a:focus,

.color-theme-brown a:active {

    color: #736357

}



.color-theme-brown .btn {

    color: #fff

}



.color-theme-brown .btn.btn-default {

    color: #363636

}



.color-theme-brown .btn.btn-default.btn-border {

    color: #fff

}



.color-theme-brown .btn.btn-primary {

    background-color: #736357;

    border: 3px solid #736357

}



.color-theme-brown .btn.btn-primary.btn-border {

    border: 3px solid #736357;

    background-color: transparent;

    color: #fff

}



.color-theme-brown .btn.btn-primary:hover,

.color-theme-brown .btn.btn-primary:focus,

.color-theme-brown .btn.btn-primary:active {

    background-color: #736357;

    border: 3px solid #736357;

    color: #fff

}



.color-theme-brown .side-panel .gallery .image h4:after {

    background-color: #736357

}



.color-theme-brown .side-panel .skill .bar .bar-active,

.color-theme-brown .side-panel .skill .bar .bar-background {

    background-color: #736357

}



.color-theme-pink {}



.color-theme-pink a {

    color: #f06eaa

}



.color-theme-pink a:hover,

.color-theme-pink a:focus,

.color-theme-pink a:active {

    color: #f06eaa

}



.color-theme-pink .btn {

    color: #fff

}



.color-theme-pink .btn.btn-default {

    color: #363636

}



.color-theme-pink .btn.btn-default.btn-border {

    color: #fff

}



.color-theme-pink .btn.btn-primary {

    background-color: #f06eaa;

    border: 3px solid #f06eaa

}

.side-panel .wrapper {

    padding: 50px 10px 10px 10px;

}

.color-theme-pink .btn.btn-primary.btn-border {

    border: 3px solid #f06eaa;

    background-color: transparent;

    color: #fff

}



.color-theme-pink .btn.btn-primary:hover,

.color-theme-pink .btn.btn-primary:focus,

.color-theme-pink .btn.btn-primary:active {

    background-color: #f06eaa;

    border: 3px solid #f06eaa;

    color: #fff

}



.color-theme-pink .side-panel .gallery .image h4:after {

    background-color: #f06eaa

}



.color-theme-pink .side-panel .skill .bar .bar-active,

.color-theme-pink .side-panel .skill .bar .bar-background {

    background-color: #f06eaa

}













@media (min-width:401px) and (max-width: 600px) {

    .side-panel .gallery .image .bg-transfer {

        width: 100%;

        height: 100px!important;

    }



    h1 {

        font-size: 18px;

        margin: 0px;

    }

    #content {

        text-align: left!important;

    }

    #content h1 {

        text-align: left;

    }

    .btn {

        font-size: 11px;

    }

    #content .heading {

        margin-bottom: 4px;

    }

}



@media (min-width: 321px) and (max-width: 400px) {

    .cd-floating-background img {

        width: 25%;

    }

    .side-panel .nav-btn {

        top: 7%;

    }

    .brand {

        margin-bottom: 0px;

    }

	.brand {

    height: 148px;

}

    .container {

        padding: 0% 8%!important;

    }

  .launch {

    padding: 0px 0px 40px;

	}

    .copyright {

        text-align: center;

    }

    .side-panel .gallery .image .bg-transfer {

        height: 100px;

    }

}



@media (min-width: 300px) and (max-width: 320px) {

    .cd-floating-background img {

        width: 100%;

    }

    .side-panel .nav-btn {

        top: 5%;

        left: -55%;

    }

	.launch {

    padding: 0px 0px 40px;

	}

    .brand {

        margin-bottom: 0px;

    }

		.brand {

    height: 148px;

}

    .side-panel .wrapper {

        padding: 50px 10px 10px 10px;

    }

    .copyright {

        text-align: center;

    }







}











/*Tinku */



.top-header11 {

    display: none;

}



@media (max-width : 767px){

.top-header11 {

    width: 100%;

    display: block;

    position: fixed;

    z-index: 1;

    font-weight: 300;

}



.copyright {

    width: 100%;

}



#ScMediaIcon {

    width: 100% !important;

    text-align: left !important;

    margin-left: -10px;

}



body.show-panel .side-panel .nav-btn {

    display: block;

}



.LeftRighj {

    display: block !important;

}



.siq_bR {

    bottom: 0px !important;

} 



.bixing a:nth-child(2) {

   padding: 20px 0px; 

}



.ScMediaIcon {

    text-align: center !important;

    width: 100% !important;

    margin-top: 0px !important;



}



#zsiq_float .zsiq_flt_rel {

    background-color: #f89e33 !important;

    width: 40px !important;

    height:  40px !important;



}



.zsiq_theme1 .siqico-chat:before {

        font-size: 17px !important;

        line-height: 39px !important;

}



.zsiq_theme1 div.zsiq_cnt {

    display: none !important;

}



#minutes {

    margin-right: 0px !important;

}



#timer span {

  display: block;

  font-size: 6px !important;

  color: white;

  font-weight: 300;

}



.PsttollFree {

    display: none;

}



.nav-btn .GlbPer {

    border-left:  none !important;

    display: none !important;

}



.CleSec {

    top: 44px !important;

    width: 65% !important;

    margin: 0 auto;

    left: 41px !important;

}



    div#timer {

    width: 100%;

    text-align: center;

    margin-top: -10px !important;

    margin-right: -30px !important;

    line-height: 29px;

}



.punchline:after {

        margin-left: 20px;

    left: 76%;

    width: 13%;

}



.bixing a:nth-child(3) {

    padding-bottom: 20px !important;

}



.zsiq_floatmain.zsiq_theme1.siq_bR {

    margin-bottom: -77px !important;

}



.punchline:before {

margin-right: 20px;

    right: 76%;

    width: 13%;

}



/*.bixing a:last-child {

    width: 100%;

}*/



.top-header11 a:first-child {

    border-right:  1px solid #f5f5f552;

}



.top-header11 a img {

    width: 17px;

	margin-right: 6px;

}



.top-header11 a {

    float: left;

    width: 33%;

    padding: 10px;

    text-align: center;

    /* background: #fdbd59; */

    color: #fff;

    height: 38px;

    font-size: 12px;

    box-sizing: border-box;

    border-bottom: 1px solid #f5f5f552;

}



.top-header11 a:last-child {

    color: #fff;

    border-left: 1px solid #f5f5f552;

    display: none;

}



.side-panel .nav-btn {

    top: 60px;

    left: -90px;

    display: none;

}



.bixing a:nth-child(1) {

    padding-left: 0px;

}



#days,#hours,#minutes,#seconds {

 font-size: 28px !important;

}



#days span,#hours span,#minutes span,#seconds span {

    font-size: 8px !important;

}



}



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

  

  .bixing a:nth-child(1) {

    margin-top: 0px;

    float: left;

    padding-left: 20px;

    display: block;

    float: left;

    width: 100%;

    font-size: 30px;

    text-align: center;

}



.bixing a:nth-child(2) {

    margin-top: 0px;

    float: left;

    padding-left: 20px;

    display: block;

    float: left;

    width: 100%;

    font-size: 30px;

    text-align: center;

}



.bixing a:nth-child(3) {

        text-align: center;

    margin-left: 32px;

    display: block;

    margin-top: 1px;

    float: left;

    width: 100%;

}



.bixing a:last-child {

    text-align: right;

    float: right;

    padding-right: 20px;

    width: 100%;

    position: relative;

}



#days {

    font-size: 60px !important;

}



#hours {

    font-size: 60px !important;

}



#minutes {

    font-size: 60px !important;

 }



#seconds {

    font-size: 60px !important;

}



div#timer {

    margin-top: 0px !important;

}





}





#timer span {

  display: block;

  font-size: 14px;

  color: white;

  font-family: 'Poppins';

}



#days {

  font-size: 100px;

  color: #db4844;

}

#hours {

  font-size: 100px;

  color: #f07c22;

}

#minutes {

  font-size: 100px;

  color: #f6da74;

}

#seconds {

  font-size: 50px;

  color: #abcd58;

}



div#timer {

    display: flex;

    float: right;

    flex-wrap: wrap;

    position: relative;

    width: 100%;

    margin-top: 8px;

    margin-right: 0;

    line-height: 30px;

    height: 30px;

	letter-spacing: 1px;

}



#days,#hours,#minutes,#seconds{

    height: 30px;

}



#days {

  font-size: 30px;

  color: #ffffff;

  width: 20%;

  text-align: center;

  font-weight: 200;

  font-family: 'Poppins';

}



#hours {

  font-size: 30px;

  color: #ffffff;

  width: 20%;

  text-align: center;

  font-weight: 200;

  font-family: 'Poppins';

}



#minutes {

  font-size: 30px;

  color: #ffffff;

  width: 20%;

  text-align: center;

  font-weight: 200;

  font-family: 'Poppins';

}



#seconds {

  font-size: 30px;

  color: #ffffff;

  text-align: center;

  margin-top: 0px;

  width: 20%;

  text-align: center;

  font-family: 'Poppins';

  margin-left: 12px;

  font-weight: 200;



}



.CprAndShare {

    float: left;

    width: 100%;

    position: relative;

    display: block;

}



.ScMediaIcon {

    float: left;

    width: 16%;

    position: relative;

    display: block;

    text-align: left;

    margin-top: 80px;

}



.ScMediaIcon a {

     width: 30px;

    height: 30px;

    background-color: transparent;

    display: inline-block;

    text-align: center;

    float: none !important;

    line-height: 8px;

    margin-right: 0px;

    margin-top: 0px !important;

    border-radius: 50%; 

    transition: all 1s ease;   

    font-size: 20px;

}





.ScMediaIcon a:nth-child(1) {

    color: 

}





#ScMediaIcon {

    float: left;

    width: 30%;

    position: relative;

    display: block;

    text-align: right;

    padding-bottom: 27px;

}



#ScMediaIcon a {

     width: 20px;

    height: 20px;

    background-color: #ffffff;

    display: inline-block;

    text-align: center;

    line-height: 33px;

    margin-right: 0px;

    border-radius: 50%; 

    transition: all 1s ease;   

}









/*.ScMediaIcon a:hover:nth-child(1){

    background: #3b5998;

    color: #ffffff;

}



.ScMediaIcon a:hover:nth-child(2){

    background: #00acee;

    color: #ffffff;

}



.ScMediaIcon a:hover:nth-child(3){ 

    

    background: #f09433; 

    color: #ffffff;

    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 

    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 

    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );



    }*/



.CleSec {

    position: absolute;

    top: 20px;

    left: 20px;

    width: 21%;

}

.siq_bR {

    bottom: 90px !important;

}



body.show-panel.in .nav-btn .GlbPer {

    display: none;

}



.nav-btn .GlbPer {

    float: left;

    margin-right: 10px;

    /* display: none; */

    display: block;

    color: #fff;

    font-size: 13px;

    font-weight: 200;

    border-left: 1px solid #fff;

    padding-left: 10px;

}

.LeftRighj {

    float: left;

}



#zsiq_float .zsiq_flt_rel {

    background-color: #f89e33 !important;

}



#window-ribbon header {

 background-color: #f89e33 !important;

 background-image: -webkit-linear-gradient(90deg,#120d0f 0,#0b0608 100%) !important;   

}



.zsiq_theme1 div.zsiq_cnt {

    box-shadow: none !important;

}



.zsiq_theme1 .zsiq_cnt:after {

    box-shadow: none !important;

}







.PsttollFree {

    position: absolute;

    right: 40px;

    top: 32px;

}



.PsttollFree a {

    font-size: 13px;

    color: #fff;

    font-weight: 200;

	font-family: 'Poppins';

	letter-spacing: 1px;

}



body.show-panel .LeftRighj {

    display: inline-block;

}



.LeftRighj {

  display: none;

    }

    

@media (max-width: 1920px) {

	.ScMediaIcon {

    float: left;

    width: 8%;

	}

}

@media (max-width: 1366px) {

	.ScMediaIcon {

    float: left;

    width: 16%;

	}

}

@media (max-width: 767px) {
    .mobile-no-new
    { display:block !important}

    .heading{

        width: 98%;

		

    }

	.ScMediaIcon{display:none;}

    .heading h3 {

        font-size: 40px !important;

    }

    .heading p{

        margin: -15px auto;

		line-height: 23px;

		margin-top: -6px;

    }

    .CleSec p {

        text-align: center;

        margin-bottom: 15px;

    }

    .heading .signature ~p {

        text-align: left;

    }

	div#timer {

		display: flex;

		float: none;

		flex-wrap: wrap;

		margin: 0 auto !important;

		justify-content: center;

		line-height: 21px;

	}

	.CleSec {

		left: 50% !important;

		transform: translateX(-50%);

	}

	.CleSec p {

		text-align: center;

		margin-bottom: 8px;

		margin-left: 0 !important

	}

}

@media (min-width: 1024px){

    section.bixing {

    position: relative;

}

.bixing > a:last-child{

    position: absolute;

    right: 0;

    margin: 0;

    top: 50%;

}

.ScMediaIcon {

    position: absolute;

    margin: 0;

    top: 50%;

}

}



.enqr-btn{

    margin-right: 12px;

}