@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
@import url("//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css");
/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
html {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body {
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden;
}

/*@font-face {
    font-family: "Century Gothic";
    font-style: normal;
    font-weight: normal;
    src: url("../../fonts/breeserif-regular-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../../fonts/breeserif-regular-webfont.woff") format("woff"), url("../../fonts/Century Gothic.ttf") format("truetype"), url("../../fonts/breeserif-regular-webfont.svg#bree_regular") format("svg");
}*/

/*
body {
    color: #5a5a5a;
    font-family: 'Poppins', sans-serif
}*/

h1, h2, h3, h4, h5 {
    font-family: 'Poppins',sans-serif;
}

p {
    font-size: 16px;
    line-height: 28px;
}
h3{ 
  line-height: 32px;
}
h4{
    font-size: 16px;
}
.parallax-section {
	background-attachment: fixed!important;
}
.btn-capsul {
	border-radius: 30px;
}
.btn-aqua {
	background: #0297FF;
	color: #fff;
}
.btn-aqua:hover {
	background: #10629b;
	color: #fff;
}
.btn-dark-blue {
	background: #0C242E;
	color: #fff;
}
.btn-dark-blue:hover {
	background: #063d28;
	color: #fff;
}
.btn-transparent-white {
	border: 2px solid #fff;
	color: #fff;
}
.btn-transparent-white:hover, .btn-transparent-white:focus {
	background: #fff;
	color: #0297FF
}
.relative-box {
	position: relative
}
section {
	float: left;
	width: 100%;
	/* padding: 20px 0; */
}
.featured-section {
    padding-top: 30px;
    padding-bottom: 10px
}

.featured-section .featured-section-txt {
    margin: 0
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .featured-section .featured-section-txt {
        margin-top: 40px
    }
}

.featured-section h1 {
    color: #00b545;
    font-weight: 300;
    margin-bottom: 40px
}

.featured-section .features-img {
    background: url(../img/laptop-bg.png) center center no-repeat;
    height: 400px
}

@media only screen and (max-width:767px) {
    .featured-section {
        text-align: center;
        padding-bottom: 0
    }
    .featured-section .featured-section-txt {
        padding: 15px
    }
    .featured-section h1 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px;
        padding: 0 15px
    }
    .featured-section .features-img {
        margin-bottom: 20px;
        display: none
    }
}

.featured-section .draggable-section {
    height: 280px;
    position: relative;
    top: 26px;
    overflow: hidden;
    width: 470px;
    margin: 0 auto;
    padding-left: 5px;
    padding-right: 13px
}

.featured-section .draggable-section .draggable-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    right: 27px
}

.featured-section .draggable-section .draggable-icon {
    display: none;
    position: absolute;
    left: 211px;
    top: 40%;
    z-index: 99;
    background-color: #74ed47;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    color: #fff;
    cursor: pointer;
    align-items: center;
    justify-content: center
}

.featured-section .draggable-section .draggable-icon i {
    padding: 0 3px
}

.featured-section .draggable-section .draggable-icon.wiggle-done {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap
}

.featured-section .draggable-section .base-image {
    background: url(../img/slide-crm.jpg) top center;
    width: 425px;
    height: 270px;
    position: absolute;
    top: 0;
    left: 16px
}
.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    margin:0 auto;
}
    .featured-section .draggable-section .upper-image {
        background: url(../image/slide-img.jpg) top left;
        width: 212.25px;
        height: 270px;
        position: absolute;
        top: 0;
        left: 16px;
        border-right: 4px solid #74ed47;
    }
.edu-cta-box .inner .content .title {
    font-size: 21px;
    margin-bottom: 0;
    color: #fff;
}

.shape-group li {
    list-style: none;
}

.gap-top-equal {
    padding-top: 120px;
}

.gap-bottom-equal {
    padding-bottom: 120px;
}

.edu-cta-box.home-one-cta .title a, .edu-cta-box.home-four-cta .title a {
    color: #fff !important;
}

    .edu-cta-box.home-one-cta .title a:hover, .edu-cta-box.home-four-cta .title a:hover {
        color: rgba(255,255,255,.85);
    }

.cta-area-2 .edu-cta-box::before {
    -webkit-filter: brightness(0) saturate(100%) invert(56%) sepia(0%) saturate(0%) hue-rotate(221deg) brightness(90%) contrast(90%);
    filter: brightness(0) saturate(100%) invert(56%) sepia(0%) saturate(0%) hue-rotate(221deg) brightness(90%) contrast(90%)
}

.edu-cta-box {
    background: var(--gradient-primary);
    border-radius: 10px;
    padding: 50px 50px;
    position: relative
}

    .edu-cta-box::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-image: url(../images/cta-bg-imgae-07.png);
        background-size: cover;
        background-repeat: no-repeat
    }

@media only screen and (max-width:767px) {
    .edu-cta-box {
        padding: 40px 30px
    }
}

.edu-cta-box.home-one-cta .title a:hover, .edu-cta-box.home-four-cta .title a:hover {
    color: rgba(255,255,255,.85)
}

.edu-cta-box.home-one-cta .shape-group li.shape-01, .edu-cta-box.home-four-cta .shape-group li.shape-01 {
    top: 65px;
    left: -150px;
}

.edu-cta-box.home-one-cta .shape-group li.shape-02, .edu-cta-box.home-four-cta .shape-group li.shape-02 {
    top: -31px;
    left: -63px;
    z-index: -2;
}

.edu-cta-box.home-one-cta .shape-group li.shape-03, .edu-cta-box.home-four-cta .shape-group li.shape-03 {
    bottom: -50px;
    right: -120px;
}

.edu-cta-box .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 12
}

@media only screen and (max-width:767px) {
    .edu-cta-box .inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }
    .edu-cta-box.home-one-cta .shape-group li.shape-01, .edu-cta-box.home-four-cta .shape-group li.shape-01 {
        left: 10px;
        top: auto;
    }

    .edu-cta-box.home-one-cta .shape-group li.shape-02, .edu-cta-box.home-four-cta .shape-group li.shape-02 {
        top: -31px;
        left: -63px;
        z-index: -2;
    }

    .edu-cta-box.home-one-cta .shape-group li.shape-03, .edu-cta-box.home-four-cta .shape-group li.shape-03 {
        bottom: -50px;
        right: -30px;
    }
    .text-md-end {
        text-align: center !important;
    }
}

.edu-cta-box .inner .content {
    font-family: var(--font-secondary)
}

    .edu-cta-box .inner .content .subtitle {
        font-weight: var(--p-medium);
        font-size: 18px;
        color: #fff;
        font-weight: 700;
    }

    .edu-cta-box .inner .content .title {
        font-size: 21px;
        margin-top: 5px;
        margin-bottom: 0;
        color: #fff;
        font-family:Arial;
        font-weight: 500;
    }
.text-md-end {
    text-align: right;
}
@media only screen and (max-width:767px) {
    .edu-cta-box .inner .content .title {
        font-size: 20px
    }
}

.edu-cta-box .inner .sparator {
    margin: 0 30px
}

@media only screen and (max-width:767px) {
    .edu-cta-box .inner .sparator {
        margin: 15px 0
    }
}

.edu-cta-box .inner .sparator span {
    display: block;
    text-align: center;
    height: 70px;
    width: 70px;
    line-height: 60px;
    border: 4px solid rgba(26,182,157,.2);
    border-radius: 50%;
    font-size: 24px;
    font-weight: var(--p-semi-bold);
    color: var(--color-primary);
    background-color: #fff
}

.edu-cta-box .shape-group li {
    position: absolute;
    z-index: -1;
    margin: 0
}

    .edu-cta-box .shape-group li.shape-1 {
        top: -31px;
        left: -118px
    }

    .edu-cta-box .shape-group li.shape-2 {
        bottom: -50px;
        right: -45px
    }

.edu-cta-box.cta-style-3 {
    background: var(--color-secondary)
}

@media only screen and (max-width:767px) {
    .edu-cta-box.cta-style-3 {
        padding: 40px 30px
    }
}

.edu-cta-box.cta-style-3 .inner .content .subtitle {
    color: var(--color-white)
}

.edu-cta-box.cta-style-3 .inner .content .title {
    color: var(--color-white);
    font-weight: var(--p-semi-bold)
}

.edu-cta-box.cta-style-3 .inner .sparator span {
    border: 4px solid rgba(238,74,98,.7);
    color: var(--color-secondary)
}

.edu-cta-box.cta-style-2 {
    background: var(--color-tertiary)
}

    .edu-cta-box.cta-style-2 .inner .content .subtitle {
        color: var(--color-heading)
    }

    .edu-cta-box.cta-style-2 .inner .content .title a {
        color: var(--color-heading)
    }

        .edu-cta-box.cta-style-2 .inner .content .title a:hover {
            color: rgba(24,24,24,.75)
        }

    .edu-cta-box.cta-style-2 .inner .sparator span {
        color: #000;
        border-color: rgba(20,20,23,.1)
    }

:root {
    --color-primary: #054ada;
    --color-secondary: #ee4a62;
    --color-textSecondary: #ff5b5c;
    --color-tertiary: #f8b81f;
    --color-dark: #111212;
    --color-heading: #181818;
    --dark-color-heading: #fff;
    --color-border: #e5e5e5;
    --dark-color-border: #282f3a;
    --color-body: gray;
    --gradient-primary: linear-gradient(-90deg,#ff541e 0%,#054ada 100%);
    --bg-color: #EAF0F2;
    --dark-bg-color: #020b17;
    --cta-color-bg: #F0F4F5;
    --color-bg-body: #fff;
    --dark-color-bg-body: #111822;
    --bg-color-2: #1c242f;
    --color-white: #fff;
    --color-black: #000;
    --footer-text: #181818;
    --dark-footer-text: gray;
    --edu-btn-color: #fff;
    --color-title: #bababa;
    --color-lighten01: #f0f4f5;
    --color-lighten02: #edf5f8;
    --color-lighten03: #f5f1eb;
    --color-lighten04: #f7f5f2;
    --color-extra01: #0ecd73;
    --color-extra02: #8e56ff;
    --color-extra03: #f92596;
    --color-extra04: #5866eb;
    --color-extra05: #f8941f;
    --color-extra06: #39c0fa;
    --color-extra07: #da04f8;
    --color-extra08: #4664e4;
    --color-extra09: #525151;
    --color-extra10: #404040;
    --color-extra11: #22272e;
    --color-success: #3EB75E;
    --color-danger: #FF0003;
    --color-warning: #FF8F3C;
    --color-info: #1BA2DB;
    --color-placeholder: gray;
    --color-facebook: #1877f2;
    --color-twitter: #1da1f2;
    --color-youtube: #cd201f;
    --color-linkedin: #0a66c2;
    --color-pinterest: #E60022;
    --color-instagram: #C231A1;
    --color-vimeo: #00ADEF;
    --color-twitch: #6441A3;
    --color-discord: #7289da;
    --border-width: 2px;
    --radius-small: 4px;
    --radius: 10px;
    --radius-big: 16px;
    --p-light: 300;
    --p-regular: 400;
    --p-medium: 500;
    --p-semi-bold: 600;
    --p-bold: 700;
    --p-extra-bold: 800;
    --shadow-darker: 0 10px 50px 0 rgba(26,46,85,.1);
    --shadow-darker2: 0 20px 50px 0 rgba(26,46,85,.1);
    --shadow-dark: 0 10px 30px 0 rgba(20,36,66,.15);
    --shadow-darkest: 0 10px 30px 0 rgba(0,0,0,.05);
    --shadow-darker3: 0 4px 50px 0 rgba(0,0,0,.1);
    --transition: 0.3s;
    --transition-2: 0.5s;
    --transition-transform: transform .65s cubic-bezier(.23,1,.32,1);
    --font-primary: 'Poppins',sans-serif;
    --font-secondary: 'Spartan',sans-serif;
    --font-icomoon: 'icomoon';
    --font-size-b1: 15px;
    --font-size-b2: 13px;
    --line-height-b1: 1.73;
    --line-height-b2: 1.85;
    --h1: 50px;
    --h2: 36px;
    --h3: 28px;
    --h4: 20px;
    --h5: 18px;
    --h6: 16px;
    --h1-lineHeight: 1.2;
    --h2-lineHeight: 1.39;
    --h3-lineHeight: 1.43;
    --h4-lineHeight: 1.4;
    --h5-lineHeight: 1.45;
    --h6-lineHeight: 1.62;
}


@media only screen and (max-width:767px) {
    .featured-section .featured-block {
        margin-bottom: 40px
    }
}

.featured-section .featured-block h2 {
    color: #00b545;
    margin-bottom: 25px;
    font-weight: 400
}

@media only screen and (max-width:767px) {
    .featured-section .featured-block h2 {
        margin-bottom: 15px;
        font-size: 22px
    }
}

.featured-section .featured-block .features-list li {
    position: relative;
    font-size: 16px;
    color: #000;
    padding-left: 25px;
    margin-bottom: 25px
}

@media only screen and (max-width:480px) {
    .featured-section .featured-block .features-list {
        max-width: 200px;
        float: none;
        display: inline-block;
        text-align: left;
        width: 100%
    }
    .featured-section .featured-block .features-list li {
        margin-bottom: 15px;
        font-size: 16px;
        padding-left: 20px
    }

.divide{width:100%;}
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .featured-section .featured-block .features-list {
        display: inline-block
    }
    .featured-section .featured-block .features-list li {
        margin-bottom: 15px;
        font-size: 13px;
        padding-left: 0
    }
}

.featured-section .featured-block .features-list li:before {
    position: absolute;
    content: "\f111";
    font-family: FontAwesome;
    left: 0;
    top: -1px;
    font-size: 16px;
    color: #8bd54a
}

@media only screen and (max-width:767px) {
    .featured-section .featured-block .features-list li:before {
        font-size: 12px;
        top: 2px
    }
}

@media only screen and (min-width:481px) and (max-width:767px) {
    .featured-section .featured-block .features-list li:before {
        padding-right: 10px;
        position: static;
        font-size: 12px
    }
}

.featured-section .featured-block .theme-btn {
    font-size: 18px;
    border-radius: 50px;
    display: inline-block;
    padding: 10px 25px;
    color: #00b545;
    background: #fff;
    border: 2px solid #00b545;
    cursor: pointer
}

.featured-section .featured-block .theme-btn:active,
.featured-section .featured-block .theme-btn:focus,
.featured-section .featured-block .theme-btn:hover {
    color: #fff;
    background: #00b545;
    border: 2px solid #00b545;
    cursor: pointer;
    outline: 0
}

@media only screen and (max-width:767px) {
    .featured-section .featured-block .theme-btn {
        font-size: 14px;
        padding: 8px 25px
    }
    .featured-section .robust-block {
        background: #eee;
        padding-top: 30px;
        padding-bottom: 40px;
        margin-bottom: 0
    }
    .featured-section .robust-block .theme-btn {
        background: #eee
    }
    .crm-section-content h1 {
        margin-top: 0
    }
}

hr {
        margin: 0 auto;
        border-top: 1px solid #eee;
}
h2 {
    display: block;
    position: relative;
    font-size: 25px;
    color: #5e707d;
    padding-bottom: 10px;
    margin-bottom: 10px;
    line-height: 45px;
}


/*h2:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 55px;
    height: 3px;
    background: #00aeef;
    content: '';
}*/ 
.az h1 {
    line-height: 1.3;
	color:#333;
    font-size: 38px;
   /*  margin: 20px auto 25px;
    */
    font-weight: 500;
}

@media(max-width:480px){
    .az h1 {
    line-height: 1.3;
	color:#333;
    font-size: 32px;
   /*  margin: 20px auto 25px;
    */
    font-weight: 500;
}
}
ul.secondry li:before {
    color: #4caf50;
}
ul.secondry1 li:before {
    color: #fff;
}
.list-check {
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
	font-size:14px;
}
 .list-check li, .list-checked li {
    padding: 5px 5px 5px 20px;
    position: relative;
}
.list-check li:before {
    content: "\f00c";
}
.list-check li:before {
    font-family: "FontAwesome";
    position: absolute;
    left: 0;
    top: 6px;
    display: block;
    font-size: 15px;
    color: #777;
}

.header-subtitle{line-height:25px;}
.bcimage{
	background-image: url('../img/header-contact-us.jpg');
	background-size:cover;
	min-height:300px;
}

.bcimage1 {
    background-image: url('../img/Design-Transparent-Free-PNG.png');
    background-size: cover;
    min-height: 300px;
}

.bcimage2 {
    background-image: url('../image/careers-2.png');
    background-size: cover;
    min-height: 400px;
}

.bcimage3{
	background-image: url('../img/bg-header-2.jpg');
	background-size:cover;
	min-height:350px;
}
.bcimage4{
	background-image: url('../image/bc-header11.png');
	background-size:100% 100%;
	min-height: 65vh;
}
.bcimage44 {
    background-image: url('../image/form-background.jpg');
    background-size: cover;
    min-height: 75vh;
}
@media(min-width:480px) {
    .bcimage43 {
        background-image: url('../image/ladyy-header.jpg');
        background-size: cover;
        min-height: 75vh;
    }
}



    .bcimage45 {
        background-image: url('../image/dgital.png');
        background-size: cover;
        min-height: 75vh;
    }

    .pod {
        padding: 150px 50px 0px 50px;
    }

    @media(max-width:480px) {
        .pod {
            padding: 90px 20px 0px 20px;
        }

        .bcimage44 {
            background-image: url('../image/form-background.jpg');
            background-size: cover;
            min-height: 100vh;
        }

        .bcimage43 {
            background-image: url('../image/ladyy-header.jpg');
            background-size: cover;
            min-height: 45vh;
        }

        .bcimage45 {
            background-image: url('../image/dgital.png');
            background-size: cover;
            min-height: 100vh;
        }
    }

    .image3 {
        background-image: url('../img/ecom-background.jpg');
        background-size: cover;
        min-height: 400px;
    }

.overlay:before {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    color: #fff;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
    background-image: linear-gradient(250deg, #00000000 0%, #0c0c0c 94%);
    /*opacity: 0.51;*/
}

    .card-body {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    @media (min-width:320px) and (max-width:480px) {
        .bcimage .bcimage1 .bcimage2 .bcimage3 {
            min-height: 420px;
        }

        .bcimage4 {
            background-image: url('../image/bc-header11.png');
            background-size: 100% 100%;
            min-height: 45vh;
        }
    }

    .action-button {
        border-radius: 5px;
        display: inline-block;
        padding: 10px 30px;
        color: #fff;
        border: 2px solid #ff541e;
        background-color: #ff541e;
        text-align: center;
        cursor: pointer;
        outline: 0;
    }

        .action-button:active, .action-button:focus, .action-button:hover {
            border-radius: 5px;
            display: inline-block;
            padding: 10px 30px;
            color: #ff541e;
            background: transparent;
            border: 2px solid #ff541e;
            cursor: pointer;
            outline: 0;
        }

    .theme-btn {
        /* font-size: 20px; */
        border-radius: 50px;
        display: inline-block;
        padding: 12px 20px;
        color: #222;
        background: #fff;
        border: 2px solid #eee;
        cursor: pointer;
    }

        .theme-btn:hover {
            color: #333;
            background: #ffd801;
            border: 2px solid #ffd801;
            cursor: pointer;
            outline: 0;
        }

    /*######################## LOGIN/SIGNUP PAGE START ##################################*/
    .at-login-form .btn-fb {
        display: inline-block;
        padding: 18px 20px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 0px;
        background-color: #4568B2;
        width: 100%;
        margin-top: 10px;
        color: #fff;
    }

    .at-login-form .btn-gp {
        display: inline-block;
        padding: 18px 20px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid #eee;
        border-radius: 0px;
        background-color: #FFFFFF;
        width: 100%;
        margin-top: 10px;
        color: #000;
    }

    .at-login-form .btn-lgin {
        display: inline-block;
        padding: 18px 20px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid #eee;
        border-radius: 0px;
        background-color: #1DB9EC;
        width: 100%;
        margin-top: 10px;
        color: #fff;
    }

    .at-login-form .signup-or-separator {
        background: none;
        height: 34px;
        position: relative;
        text-align: center;
    }

    .at-login-form .signup-or-separator--text {
        background-color: #fff;
        display: inline-block;
        padding: 8px;
    }

    .at-login-form .h6 {
        font-size: 14px;
        font-weight: bold;
        color: #757575;
        line-height: 1.1;
        text-rendering: optimizelegibility;
    }

    .at-login-form .signup-or-separator hr {
        margin: -25px auto 10px;
        width: 100%;
    }

    .at-login-form .form-control-form {
        display: block;
        width: 100%;
        height: 54px;
        padding: 15px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 0px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        margin-top: 3px;
    }

    .at-login-form .frgt-pswd {
        margin: 5px 0 10px;
        color: red;
    }

    .at-login-form .btn-gst {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid #000;
        border-radius: 0px;
        background-color: transparent;
    }

    .at-login-form .ta-l {
        text-align: left;
        margin-top: 5px;
    }

    .at-login-form .modal-dialog {
        min-width: 400px;
        margin: 10px auto;
    }

    .at-login-form .modal-content {
        padding: 0px 10px;
    }

    .at-login-form .modal-header {
        padding: 10px 10px;
        border-bottom: 0px solid #e5e5e5;
    }

    .blue-bg-nav {
        background-color: #1DB9EC;
    }
    /*######################## LOGIN/SIGNUP PAGE  END ##################################*/


    footer {
        background-color: #111;
        border-color: #111;
        border-top-width: 0;
        padding-top: 50px;
        padding-bottom: 30px;
    }

        footer h5 {
            color: #fff;
        }

    .footer-support h4 {
        font-family: Helvetica,Arial,sans-serif;
    }

    .footer-support {
        background-color: #ff541e;
        text-align: center;
        padding: 32px 0;
    }

        .footer-support h4 {
            font-weight: 700;
            color: #fff;
            font-size: 26px;
            line-height: 37px;
            margin: 0;
        }

    .innercopyright {
        background-color: #292a2c;
        border-color: #1d2333;
        color: #fff;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 10%;
        padding-right: 10%;
        margin-bottom: 0px;
    }

    @media (min-width: 580px) {
        #header {
            width: 100%;
            position: fixed;
            z-index: 9000;
            background: transparent;
            text-align: left;
            padding: 5px 0;
            transition: all 0.15s linear;
        }

            #header.active {
                box-shadow: 0 0 10px rgba(0,0,0,0.4);
            }
    }
    /* 

.adrs .fnt {
    max-width: 450px;
    padding: 10px 10px 10px 50px;
    margin-left: 5%;
    text-align: left;
    display: inline-block;
	position:relative;
}
.adrs .fnt ul {
    list-style: none;
}
.fnt li:before {
    content: "\f5a0"; 
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    left: -40px;
    font-size: 14px;
    color: #009abd;
    border: 1px solid #E2E2E2;
    width: 26px;
    height: 26px;
    text-align: center;
    border-radius: 50%;
    line-height: 26px;
} */
    /* TOP HEADER
-------------------------------------------------- */
    .left {
        float: right;
    }

    .spacing {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .navbar.top-bar {
        border-radius: 0;
        padding: 10px 0;
        z-index: 16;
        background-color: #ff541e;
        border-bottom: 0px solid #eee;
    }

    .navbar-toggler {
        border: 1px solid #fff;
        color: #fff;
        position: absolute;
        right: 21px;
    }

    @media (min-width: 580px) {
        .sps {
            padding: 1em .5em;
            position: fixed;
            top: 0;
            left: 0;
            transition: all 0.25s ease;
            width: 100%;
        }
    }

    .sps--abv {
        background-color: #1383db;
        color: #000;
    }

    .sps--blw {
        background-color: #fff;
        color: #fff;
    }

    .top-bar a.navbar-brand {
        color: #fff;
        font-size: 26px;
        font-weight: 800;
        padding: 0px 0 0 10px;
        text-transform: uppercase;
    }

    .sps--blw.top-bar a.navbar-brand {
        color: #fff;
    }

    .top-bar a.navbar-brand span {
        color: #0297ff;
    }

    .top-bar .nav-link {
        color: #00b545;
        font-size: 16px;
        font-weight: 500;
        padding: 12px 18px !important;
    }

    .sps--blw.top-bar .nav-link {
        color: #fff
    }

    .top-bar .navbar-nav .nav-item {
        margin: 0
    }

    .top-bar .nav-link:hover, .top-bar .nav-item.active a {
        color: #00b545;
        border-bottom: 0px solid #00b545;
        border-radius: 0;
    }

    .sps--blw.top-bar .nav-link:hover, .sps--blw.top-bar .nav-item.active a {
        color: #00b545;
        border-bottom: none;
        border-radius: 0;
    }

    @media (min-width: 750px) {
        .main-slider1 {
            width: 100%;
            height: 500px;
            margin-top: 70px;
        }

        .bgg {
            padding: 100px 0px;
        }
    }

    @media (max-width: 450px) {
        .sps--abv {
            background-color: #fff;
            color: #000;
        }

        .navbar.top-bar {
            padding: 0px;
        }

        .top-bar a.navbar-brand {
            padding-top: 3px;
        }

        .main-slider1 {
            width: 100%;
            height: 250px;
            margin-top: 70px;
        }

        .bgg {
            padding: 35px 0px;
        }
    }

    /*hr{   
  width: 145px;
    margin: 0 auto;
    height: 5px;
    background: #4595e9;
	
	}*/
    /* .az h3{
	  line-height: 1.3;
    font-size: 36px;
    margin: 54px auto 40px;
    max-width: 720px;
    font-weight: 300;
	}
   */

    /* Mega Menu */

    .navbar-default {
        color: #333;
        background-color: #333;
    }

    .navbar {
        background-color: transparent;
        color: #333;
    }

    .navbar-nav > li > a {
        color: #eee;
    }

        .navbar-nav > li > a:hover {
            color: #fff;
        }

    .navbar-default .navbar-nav > li > a {
        color: #333;
    }

    .navbar-default .navbar-nav > .dropdown > a .caret {
        border-top-color: #fff;
        border-bottom-color: #fff;
    }

    .navbar-default .navbar-brand {
        color: #fff;
    }

    .menu-large {
        position: static !important;
    }

    .megamenu {
        padding: 20px 20px;
        width: 100%;
    }

        .megamenu > li > ul {
            padding: 0;
            margin: 0;
        }

            .megamenu > li > ul > li {
                list-style: none;
            }

                .megamenu > li > ul > li > a {
                    display: block;
                    padding: 8px 5px;
                    clear: both;
                    font-weight: normal;
                    line-height: 1.428571429;
                    color: #333;
                    white-space: normal;
                }

        .megamenu > li ul > li > a:hover,
        .megamenu > li ul > li > a:focus {
            text-decoration: none;
            color: #262626;
            background-color: #f5f5f5;
        }

        .megamenu.disabled > a,
        .megamenu.disabled > a:hover,
        .megamenu.disabled > a:focus {
            color: #999999;
        }

            .megamenu.disabled > a:hover,
            .megamenu.disabled > a:focus {
                text-decoration: none;
                background-color: transparent;
                background-image: none;
                filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
                cursor: not-allowed;
            }

        .megamenu.dropdown-header {
            color: #428bca;
            font-size: 18px;
        }

    @media (max-width: 768px) {
        .megamenu {
            margin-left: 0;
            margin-right: 0;
        }

            .megamenu > li {
                /* margin-bottom: 30px; */
            }

                .megamenu > li:last-child {
                    margin-bottom: 0;
                }

            .megamenu.dropdown-header {
                padding: 3px 15px !important;
            }

        .navbar-nav .open .dropdown-menu .dropdown-header {
            color: #333;
        }

        .megamenu > li > ul > li > a {
            color: #333;
            padding: 3px 0px;
        }

        .megamenu h4 {
            color: #333;
        }
    }


    /*
 * Dropdown on hover 
 */

    @media (min-width:480px) {

        .dropdown:hover .dropdown-menu {
            display: block;
        }
    }

    @media (max-width:580px) {
        .swiper-container {
            height: 250px;
        }

        .pdt100 {
            margin-top: -70px;
        }

        .content-group-sm.text-white {
            margin-bottom: 15px !important;
            padding-bottom: 20px;
        }

        .features-content {
            margin-top: -50px;
        }

        .container > .navbar-collapse {
            background-color: #ff541e;
        }

        #header {
            width: 100%;
            position: relative;
            z-index: 9000;
            background: #ff541e;
            text-align: left;
            padding: 10px 0;
            transition: all 0.15s linear;
        }

        .sps {
            padding: 1em .5em;
            position: relative;
            top: 0;
            left: 0;
            transition: all 0.25s ease;
            width: 100%;
        }

        .navbar {
            margin-bottom: 0px;
        }
    }

/*-------------------------------
    15. SERVICE AREA
--------------------------------*/

.service-slider {
    counter-reset: service-count;
}

    .service-slider .text-icon-box p {
        text-align: justify;
    }

    .service-slider .text-icon-box {
        background: #ffffff none repeat scroll 0 0;
        margin-bottom: 30px;
        margin-left: 10px;
        margin-right: 10px;
        padding: 80px 20px 20px;
        text-align: center;
        min-height: 700px;
    }

.single-service-box::before {
    color: #f8f9ff;
    content: "0"counter(service-count, decimal) "";
    counter-increment: service-count;
    font-family: "Poppins", sans-serif;
    font-size: 200px;
    font-weight: 700;
    left: 10px;
    line-height: 1;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.single-service-box::after {
    background: -webkit-gradient(linear, right top, left top, from(#8490e3), to(#2d1e9d)) repeat scroll 0 0%, rgba(0, 0, 0, 0) -webkit-gradient(linear, right top, left top, from(#8490e3), to(#2d1e9d)) repeat scroll 0 0;
    background: linear-gradient(to left, #8490e3, #2d1e9d) repeat scroll 0 0%, rgba(0, 0, 0, 0) linear-gradient(to left, #8490e3, #2d1e9d) repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: -1;
}

.service-category {
    letter-spacing: 1px;
    text-transform: uppercase;
}

.service-slider .box-img-icon {
    margin-bottom: 40px;
}

.single-service-box:hover::before {
    opacity: 0.1;
}

.single-service-box:hover::after {
    opacity: 1;
}

.single-service-box:hover {
    -webkit-box-shadow: 0 10px 20px rgba(95, 63, 255, 0.2);
    box-shadow: 0 10px 20px rgba(95, 63, 255, 0.2);
    color: #ffffff;
}

    .single-service-box:hover h3,
    .single-service-box:hover .box-icon {
        color: #ffffff;
    }

.subtitle {
    color: #4c55c4;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 2px;
    overflow: hidden;
}

.area-title h2 {
    font-size: 38px !important;
    line-height: 1.2;
    text-transform: capitalize;
    color: #0a0c19 !important;
}

.area-title {
    margin-bottom: 60px;
    position: relative;
}

.uppercase {
    text-transform: uppercase;
}

.center {
    text-align: center;
}

.deep-gray-bg {
    background-color: #f2f0ff;
}

.padding-100-70 {
    padding-top: 100px;
    padding-bottom: 70px;
}
/*---------------------------------
    8. SERVICE BOX
----------------------------------*/
.text-icon-box {
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 1;
}

.box-icon {
    font-size: 36px;
    line-height: 1;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

/*.box-img-icon {
    display: inline-block;
    margin-bottom: 20px;
    width: 120px;
}*/

.box-img-icon {
    display: inline-block;
    margin-bottom: 20px;
    width: 60px;
}

    .box-img-icon img {
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }

.text-icon-box:hover .box-img-icon img {
    -webkit-filter: invert(100%) sepia(100%) saturate(100%) hue-rotate(100deg) brightness(200%) contrast(100%) drop-shadow(7px 10px 3px #2d1e9d);
    filter: invert(100%) sepia(100%) saturate(100%) hue-rotate(100deg) brightness(200%) contrast(100%) drop-shadow(7px 10px 3px #2d1e9d);
}

.box-title {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.box-subtitle {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.box-button {
    border: 1px solid;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-top: 20px;
    min-width: 130px;
    padding: 8px 25px;
    text-align: center;
    text-transform: uppercase;
}
/*---------------------------------
    7. SLIDER CONTROL BUTTONS
---------------------------------*/
.owl-carousel .owl-item img {
    max-width: 100%;
    width: auto;
}

.owl-carousel .owl-nav > div {
    background: #4c55c4 none repeat scroll 0 0;
    border-radius: 50%;
    -webkit-box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
    color: #ffffff;
    height: 60px;
    left: 60px;
    opacity: 0;
    padding-top: 17px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 60px;
}

    .owl-carousel .owl-nav > div:hover {
        background: #ffffff;
        color: #4c55c4;
    }

    .owl-carousel .owl-nav > div.owl-next {
        left: auto;
        right: 60px;
    }

.owl-carousel:hover .owl-nav > div.owl-next {
    opacity: 1;
    right: 20px;
    visibility: visible;
}

.owl-carousel:hover .owl-nav > div.owl-prev {
    left: 20px;
    opacity: 1;
    visibility: visible;
}

.owl-carousel .owl-dots > div {
    background: #e2defe none repeat scroll 0 0;
    border-radius: 50%;
    display: inline-block;
    height: 15px;
    margin: 0 5px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 15px;
}

.owl-carousel .owl-dots {
    margin-top: 40px;
    text-align: center;
}

    .owl-carousel .owl-dots > div.active {
        background: #ff3446 none repeat scroll 0 0;
    }

    /* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
    .sp {
        line-height: 1.14;
        font-size: 55px;
        font-weight: 400;
        font-style: normal;
        font-family: 'Passion One', sans-serif;
        text-transform: none;
        text-shadow: rgba(0, 0, 0, 0.2) 4px 4px 3px;
    }
    /*Swiper*/
    .swiper-container {
        width: 100%;
        height: 100vh;
    }

    .swiper-container1 {
        width: 100%;
        height: 100%;
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .main-slider .slider-bg-position {
        background-size: cover !important;
        background-position: center center !important;
    }

    .main-slider .swiper-button-prev, .main-slider .swiper-button-next {
        background-image: none !important;
        color: #fff;
        width: 50px;
        height: 50px;
        border: 1px solid #fff;
        text-align: center;
        line-height: 50px;
        font-size: 20px;
    }

    .main-slider h2 {
        color: #fff;
        font-size: 54px;
        line-height: 59px;
        padding: 0 19%;
        text-transform: uppercase;
    }

    .main-slider .swiper-pagination-bullet {
        width: 20px;
        height: 20px;
        background: rgba(255,255,255,0.9)
    }

    .main-slider .swiper-pagination-bullet-active {
        background: #0297ff
    }
    /* SERVICE SECTION
-------------------------------------------------- */

    .service-sec .heading {
        float: left;
        width: 100%;
        margin-bottom: 70px;
        text-align: center;
    }

    .service-sec h2 {
        display: block;
        text-transform: capitalize;
        font-weight: 600;
        color: #0297FF;
        font-size: 32px;
    }

        .service-sec h2 small {
            color: #222;
            display: block;
            font-size: 22px;
            margin-bottom: 18px;
        }

    .service-sec i {
        border: 0px solid #0297FF;
        border-radius: 2px;
        /* font-size: 25px;
	padding: 12px 0; */
        width: 30px;
        color: #00b545;
        /* margin-bottom: 20px */
    }

    .service-sec h3 {
        font-size: 20px;
        line-height: 25px;
        font-weight: 600;
    }

    .service-sec p {
        line-height: 22px;
        margin-top: 13px;
        padding: 0 21px;
        padding-left: 35px;
    }

    .service-sec .service-block {
        /* margin-top: 30px; */
    }


    /******** Testimonial   ********/


    .quote {
        color: rgba(0,0,0,.1);
        text-align: center;
        margin-bottom: 30px;
    }

    /*-------------------------------*/
    /*    Carousel Fade Transition   */
    /*-------------------------------*/

    #fade-quote-carousel.carousel {
        padding-bottom: 60px;
    }

        #fade-quote-carousel.carousel .carousel-inner .item {
            opacity: 0;
            -webkit-transition-property: opacity;
            -ms-transition-property: opacity;
            transition-property: opacity;
        }

        #fade-quote-carousel.carousel .carousel-inner .active {
            opacity: 1;
            -webkit-transition-property: opacity;
            -ms-transition-property: opacity;
            transition-property: opacity;
        }

        #fade-quote-carousel.carousel .carousel-indicators {
            bottom: 10px;
        }

            #fade-quote-carousel.carousel .carousel-indicators > li {
                background-color: #e84a64;
                border: none;
            }

    #fade-quote-carousel blockquote {
        text-align: center;
        border: none;
    }

    #fade-quote-carousel .profile-circle {
        width: 100px;
        height: 100px;
        margin: 0 auto;
        border-radius: 100px;
    }



    /***************  Social Media  *****************/



    .icon-circle .fa {
        font-size: 23px;
        color: #e84700;
        margin: 0 auto;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        border: 2px solid #e84700;
        line-height: 22px;
        cursor: pointer;
        -webkit-transition: all ease-in-out 0.35s;
        -moz-transition: all ease-in-out 0.35s;
        -o-transition: all ease-in-out 0.35s;
        -ms-transition: all ease-in-out 0.35s;
        transition: all ease-in-out 0.20s,background-color ease-in-out 0.05s;
    }

        .icon-circle .fa:hover {
            background-color: #e84700;
            color: #fff;
            border: 1px solid #e84711;
            -moz-box-shadow: inset 0px 0px 0px 5px #ffffff;
            -o-box-shadow: inset 0px 0px 0px 5px #ffffff;
            -ms-box-shadow: inset 0px 0px 0px 5px #ffffff;
            -webkit-box-shadow: inset 0px 0px 0px 5px #ffffff;
            box-shadow: inset 0px 0px 0px 5px #ffffff;
            -ms-transform: scale(1.2,1.2);
            -webkit-transform: scale(1.2,1.2);
            -moz-transform: scale(1.2,1.2);
            -o-transform: scale(1.2,1.2);
            transform: scale(1.2,1.2);
        }

    .icon-circle i:before {
        margin-left: 0px;
        font-size: 15px;
    }

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


        .icon-circle .fa {
            font-size: 15px;
            color: #e84700;
            margin: 0 auto;
            height: 40px;
            width: 40px;
            border-radius: 50%;
            border: 2px solid #e84700;
            line-height: 40px;
            cursor: pointer;
            -webkit-transition: all ease-in-out 0.35s;
            -moz-transition: all ease-in-out 0.35s;
            -o-transition: all ease-in-out 0.35s;
            -ms-transition: all ease-in-out 0.35s;
            transition: all ease-in-out 0.20s,background-color ease-in-out 0.05s;
        }

            .icon-circle .fa:hover {
                background-color: #e84700;
                color: #fff;
                border: 1px solid #e84711;
                -moz-box-shadow: inset 0px 0px 0px 5px #ffffff;
                -o-box-shadow: inset 0px 0px 0px 5px #ffffff;
                -ms-box-shadow: inset 0px 0px 0px 5px #ffffff;
                -webkit-box-shadow: inset 0px 0px 0px 5px #ffffff;
                box-shadow: inset 0px 0px 0px 5px #ffffff;
                -ms-transform: scale(1.2,1.2);
                -webkit-transform: scale(1.2,1.2);
                -moz-transform: scale(1.2,1.2);
                -o-transform: scale(1.2,1.2);
                transform: scale(1.2,1.2);
            }

        .icon-circle i:before {
            margin-left: 0px;
            font-size: 20px;
        }
    }

    .ifacebook .fa {
        color: #3B5998;
        border: 2px solid #3B5998;
    }

        .ifacebook .fa:hover {
            background-color: #3B5998;
            color: #fff;
            border: 1px solid #3B5998;
        }

    .itwittter .fa {
        color: #33ccff;
        border: 2px solid #33ccff;
    }

        .itwittter .fa:hover {
            background-color: #33ccff;
            color: #fff;
            border: 1px solid #33ccff;
        }

    .igoogle .fa {
        color: #BD3518;
        border: 2px solid #BD3518;
    }

        .igoogle .fa:hover {
            background-color: #BD3518;
            color: #fff;
            border: 1px solid #BD3518;
        }

    .iLinkedin .fa {
        color: #007bb7;
        border: 2px solid #007bb7;
    }

        .iLinkedin .fa:hover {
            background-color: #007bb7;
            color: #fff;
            border: 1px solid #007bb7;
        }



    /* ABOUT SECTION
-------------------------------------------------- */
    .about-sec1 {
        background-image: url('image/bc.png') no-repeat center center;
        background-size: 100% 100%;
        color: #fff;
        position: relative;
    }


    .about-sec {
        background: url('http://grafreez.com/wp-content/temp_demos/burnout/img/para-01.jpg') no-repeat center center;
        background-size: cover;
        color: #fff;
        position: relative;
    }

        .about-sec:before {
            content: ' ';
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(22,122,192,0.8);
            top: 0;
            left: 0
        }

        .about-sec h2 {
            font-size: 55px;
            font-weight: 800;
            margin-top: 25%;
        }

            .about-sec h2 small {
                display: block;
                font-size: 24px;
                margin-bottom: 15px;
                padding-left: 10px;
            }

        .about-sec p {
            font-size: 16px;
        }


    .action-sec {
        width: 100%;
        float: left;
        background: #222
    }

    .action-box {
        float: left;
        width: 100%;
        text-align: center;
    }

        .action-box h2 {
            color: #fff;
            font-size: 20px;
        }
    /**
 * Swiper 3.4.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: October 16, 2016
 */
    .swiper-container {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        z-index: 1
    }

    .swiper-container-no-flexbox .swiper-slide {
        float: left
    }

    .swiper-container-vertical > .swiper-wrapper {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
        transition-property: transform;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

    .swiper-container-android .swiper-slide, .swiper-wrapper {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -o-transform: translate(0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .swiper-container-multirow > .swiper-wrapper {
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .swiper-container-free-mode > .swiper-wrapper {
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -ms-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        margin: 0 auto
    }

    .swiper-slide {
        -webkit-flex-shrink: 0;
        -ms-flex: 0 0 auto;
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative
    }

    .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
        height: auto
    }

        .swiper-container-autoheight .swiper-wrapper {
            -webkit-box-align: start;
            -ms-flex-align: start;
            -webkit-align-items: flex-start;
            align-items: flex-start;
            -webkit-transition-property: -webkit-transform,height;
            -moz-transition-property: -moz-transform;
            -o-transition-property: -o-transform;
            -ms-transition-property: -ms-transform;
            transition-property: transform,height
        }

    .swiper-container .swiper-notification {
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none;
        opacity: 0;
        z-index: -1000
    }

    .swiper-wp8-horizontal {
        -ms-touch-action: pan-y;
        touch-action: pan-y
    }

    .swiper-wp8-vertical {
        -ms-touch-action: pan-x;
        touch-action: pan-x
    }

    .swiper-button-next, .swiper-button-prev {
        position: absolute;
        top: 50%;
        width: 27px;
        height: 44px;
        margin-top: -22px;
        z-index: 10;
        cursor: pointer;
        -moz-background-size: 27px 44px;
        -webkit-background-size: 27px 44px;
        background-size: 27px 44px;
        background-position: center;
        background-repeat: no-repeat
    }

        .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
            opacity: .35;
            cursor: auto;
            pointer-events: none
        }

    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
        left: 10px;
        right: auto
    }

        .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
        }

        .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
        }

    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
        right: 10px;
        left: auto
    }

        .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
        }

        .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
        }

    .swiper-pagination {
        position: absolute;
        text-align: center;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        z-index: 10
    }

        .swiper-pagination.swiper-pagination-hidden {
            opacity: 0
        }

    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 10px;
        left: 0;
        width: 100%
    }

    .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        display: inline-block;
        border-radius: 100%;
        background: #000;
        opacity: .2
    }

    button.swiper-pagination-bullet {
        border: none;
        margin: 0;
        padding: 0;
        box-shadow: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -webkit-appearance: none;
        appearance: none
    }

    .swiper-pagination-clickable .swiper-pagination-bullet {
        cursor: pointer
    }

    .swiper-pagination-white .swiper-pagination-bullet {
        background: #fff
    }

    .swiper-pagination-bullet-active {
        opacity: 1;
        background: #007aff
    }

    .swiper-pagination-white .swiper-pagination-bullet-active {
        background: #fff
    }

    .swiper-pagination-black .swiper-pagination-bullet-active {
        background: #000
    }

    .swiper-container-vertical > .swiper-pagination-bullets {
        right: 10px;
        top: 50%;
        -webkit-transform: translate3d(0,-50%,0);
        -moz-transform: translate3d(0,-50%,0);
        -o-transform: translate(0,-50%);
        -ms-transform: translate3d(0,-50%,0);
        transform: translate3d(0,-50%,0)
    }

        .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
            margin: 5px 0;
            display: block
        }

    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px
    }

    .swiper-pagination-progress {
        background: rgba(0,0,0,.25);
        position: absolute
    }

        .swiper-pagination-progress .swiper-pagination-progressbar {
            background: #007aff;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
            -webkit-transform-origin: left top;
            -moz-transform-origin: left top;
            -ms-transform-origin: left top;
            -o-transform-origin: left top;
            transform-origin: left top
        }

    .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
        -webkit-transform-origin: right top;
        -moz-transform-origin: right top;
        -ms-transform-origin: right top;
        -o-transform-origin: right top;
        transform-origin: right top
    }

    .swiper-container-horizontal > .swiper-pagination-progress {
        width: 100%;
        height: 4px;
        left: 0;
        top: 0
    }

    .swiper-container-vertical > .swiper-pagination-progress {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0
    }

    .swiper-pagination-progress.swiper-pagination-white {
        background: rgba(255,255,255,.5)
    }

        .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
            background: #fff
        }

    .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
        background: #000
    }

    .swiper-container-3d {
        -webkit-perspective: 1200px;
        -moz-perspective: 1200px;
        -o-perspective: 1200px;
        perspective: 1200px
    }

        .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -ms-transform-style: preserve-3d;
            transform-style: preserve-3d
        }

        .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 10
        }

        .swiper-container-3d .swiper-slide-shadow-left {
            background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
            background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
        }

        .swiper-container-3d .swiper-slide-shadow-right {
            background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
            background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
        }

        .swiper-container-3d .swiper-slide-shadow-top {
            background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
            background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
        }

        .swiper-container-3d .swiper-slide-shadow-bottom {
            background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
            background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
        }

    .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
        -ms-perspective: 1200px
    }

    .swiper-container-cube, .swiper-container-flip {
        overflow: visible
    }

        .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
            pointer-events: none;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            backface-visibility: hidden;
            z-index: 1
        }

            .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
                pointer-events: none
            }

        .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
            pointer-events: auto
        }

        .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
            z-index: 0;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            backface-visibility: hidden
        }

        .swiper-container-cube .swiper-slide {
            visibility: hidden;
            -webkit-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            transform-origin: 0 0;
            width: 100%;
            height: 100%
        }

        .swiper-container-cube.swiper-container-rtl .swiper-slide {
            -webkit-transform-origin: 100% 0;
            -moz-transform-origin: 100% 0;
            -ms-transform-origin: 100% 0;
            transform-origin: 100% 0
        }

        .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
            pointer-events: auto;
            visibility: visible
        }

        .swiper-container-cube .swiper-cube-shadow {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            background: #000;
            opacity: .6;
            -webkit-filter: blur(50px);
            filter: blur(50px);
            z-index: 0
        }

    .swiper-container-fade.swiper-container-free-mode .swiper-slide {
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -ms-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .swiper-container-fade .swiper-slide {
        pointer-events: none;
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity
    }

        .swiper-container-fade .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-zoom-container {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        text-align: center
    }

        .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain
        }

    .swiper-scrollbar {
        border-radius: 10px;
        position: relative;
        -ms-touch-action: none;
        background: rgba(0,0,0,.1)
    }

    .swiper-container-horizontal > .swiper-scrollbar {
        position: absolute;
        left: 1%;
        bottom: 3px;
        z-index: 50;
        height: 5px;
        width: 98%
    }

    .swiper-container-vertical > .swiper-scrollbar {
        position: absolute;
        right: 3px;
        top: 1%;
        z-index: 50;
        width: 5px;
        height: 98%
    }

    .swiper-scrollbar-drag {
        height: 100%;
        width: 100%;
        position: relative;
        background: rgba(0,0,0,.5);
        border-radius: 10px;
        left: 0;
        top: 0
    }

    .swiper-scrollbar-cursor-drag {
        cursor: move
    }

    .swiper-lazy-preloader {
        width: 42px;
        height: 42px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -21px;
        margin-top: -21px;
        z-index: 10;
        -webkit-transform-origin: 50%;
        -moz-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
        -moz-animation: swiper-preloader-spin 1s steps(12,end) infinite;
        animation: swiper-preloader-spin 1s steps(12,end) infinite
    }

        .swiper-lazy-preloader:after {
            display: block;
            content: "";
            width: 100%;
            height: 100%;
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
            background-position: 50%;
            -webkit-background-size: 100%;
            background-size: 100%;
            background-repeat: no-repeat
        }

    .swiper-lazy-preloader-white:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
    }

    @-webkit-keyframes swiper-preloader-spin {
        100% {
            -webkit-transform: rotate(360deg)
        }
    }

    @keyframes swiper-preloader-spin {
        100% {
            transform: rotate(360deg)
        }
    }

    .swiper-container1 {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        z-index: 1
    }

    .swiper-container1-no-flexbox .swiper-slide {
        float: left
    }

    .swiper-container1-vertical > .swiper-wrapper {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
        transition-property: transform;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

    .swiper-container-android .swiper-slide, .swiper-wrapper {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -o-transform: translate(0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .swiper-container-multirow > .swiper-wrapper {
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .swiper-container-free-mode > .swiper-wrapper {
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -ms-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        margin: 0 auto
    }

    .swiper-slide {
        -webkit-flex-shrink: 0;
        -ms-flex: 0 0 auto;
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative
    }

    .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
        height: auto
    }

        .swiper-container-autoheight .swiper-wrapper {
            -webkit-box-align: start;
            -ms-flex-align: start;
            -webkit-align-items: flex-start;
            align-items: flex-start;
            -webkit-transition-property: -webkit-transform,height;
            -moz-transition-property: -moz-transform;
            -o-transition-property: -o-transform;
            -ms-transition-property: -ms-transform;
            transition-property: transform,height
        }

    .swiper-container .swiper-notification {
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none;
        opacity: 0;
        z-index: -1000
    }

    .swiper-wp8-horizontal {
        -ms-touch-action: pan-y;
        touch-action: pan-y
    }

    .swiper-wp8-vertical {
        -ms-touch-action: pan-x;
        touch-action: pan-x
    }

    .swiper-button-next, .swiper-button-prev {
        position: absolute;
        top: 50%;
        width: 27px;
        height: 44px;
        margin-top: -22px;
        z-index: 10;
        cursor: pointer;
        -moz-background-size: 27px 44px;
        -webkit-background-size: 27px 44px;
        background-size: 27px 44px;
        background-position: center;
        background-repeat: no-repeat
    }

        .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
            opacity: .35;
            cursor: auto;
            pointer-events: none
        }

    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
        left: 10px;
        right: auto
    }

        .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
        }

        .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
        }

    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
        right: 10px;
        left: auto
    }

        .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
        }

        .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
        }

    .swiper-pagination {
        position: absolute;
        text-align: center;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        z-index: 10
    }

        .swiper-pagination.swiper-pagination-hidden {
            opacity: 0
        }

    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 10px;
        left: 0;
        width: 100%
    }

    .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        display: inline-block;
        border-radius: 100%;
        background: #000;
        opacity: .2
    }

    button.swiper-pagination-bullet {
        border: none;
        margin: 0;
        padding: 0;
        box-shadow: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -webkit-appearance: none;
        appearance: none
    }

    .swiper-pagination-clickable .swiper-pagination-bullet {
        cursor: pointer
    }

    .swiper-pagination-white .swiper-pagination-bullet {
        background: #fff
    }

    .swiper-pagination-bullet-active {
        opacity: 1;
        background: #007aff
    }

    .swiper-pagination-white .swiper-pagination-bullet-active {
        background: #fff
    }

    .swiper-pagination-black .swiper-pagination-bullet-active {
        background: #000
    }

    .swiper-container-vertical > .swiper-pagination-bullets {
        right: 10px;
        top: 50%;
        -webkit-transform: translate3d(0,-50%,0);
        -moz-transform: translate3d(0,-50%,0);
        -o-transform: translate(0,-50%);
        -ms-transform: translate3d(0,-50%,0);
        transform: translate3d(0,-50%,0)
    }

        .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
            margin: 5px 0;
            display: block
        }

    .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px
    }

    .swiper-pagination-progress {
        background: rgba(0,0,0,.25);
        position: absolute
    }

        .swiper-pagination-progress .swiper-pagination-progressbar {
            background: #007aff;
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
            -webkit-transform-origin: left top;
            -moz-transform-origin: left top;
            -ms-transform-origin: left top;
            -o-transform-origin: left top;
            transform-origin: left top
        }

    .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
        -webkit-transform-origin: right top;
        -moz-transform-origin: right top;
        -ms-transform-origin: right top;
        -o-transform-origin: right top;
        transform-origin: right top
    }

    .swiper-container-horizontal > .swiper-pagination-progress {
        width: 100%;
        height: 4px;
        left: 0;
        top: 0
    }

    .swiper-container-vertical > .swiper-pagination-progress {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0
    }

    .swiper-pagination-progress.swiper-pagination-white {
        background: rgba(255,255,255,.5)
    }

        .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
            background: #fff
        }

    .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
        background: #000
    }

    .swiper-container-3d {
        -webkit-perspective: 1200px;
        -moz-perspective: 1200px;
        -o-perspective: 1200px;
        perspective: 1200px
    }

        .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -ms-transform-style: preserve-3d;
            transform-style: preserve-3d
        }

        .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 10
        }

        .swiper-container-3d .swiper-slide-shadow-left {
            background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
            background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: -moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
        }

        .swiper-container-3d .swiper-slide-shadow-right {
            background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
            background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
        }

        .swiper-container-3d .swiper-slide-shadow-top {
            background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
            background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
        }

        .swiper-container-3d .swiper-slide-shadow-bottom {
            background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
            background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: -moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
            background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
        }

    .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
        -ms-perspective: 1200px
    }

    .swiper-container-cube, .swiper-container-flip {
        overflow: visible
    }

        .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
            pointer-events: none;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            backface-visibility: hidden;
            z-index: 1
        }

            .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
                pointer-events: none
            }

        .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
            pointer-events: auto
        }

        .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
            z-index: 0;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            backface-visibility: hidden
        }

        .swiper-container-cube .swiper-slide {
            visibility: hidden;
            -webkit-transform-origin: 0 0;
            -moz-transform-origin: 0 0;
            -ms-transform-origin: 0 0;
            transform-origin: 0 0;
            width: 100%;
            height: 100%
        }

        .swiper-container-cube.swiper-container-rtl .swiper-slide {
            -webkit-transform-origin: 100% 0;
            -moz-transform-origin: 100% 0;
            -ms-transform-origin: 100% 0;
            transform-origin: 100% 0
        }

        .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
            pointer-events: auto;
            visibility: visible
        }

        .swiper-container-cube .swiper-cube-shadow {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            background: #000;
            opacity: .6;
            -webkit-filter: blur(50px);
            filter: blur(50px);
            z-index: 0
        }

    .swiper-container-fade.swiper-container-free-mode .swiper-slide {
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -ms-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .swiper-container-fade .swiper-slide {
        pointer-events: none;
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity
    }

        .swiper-container-fade .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-zoom-container {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        text-align: center
    }

        .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain
        }

    .swiper-scrollbar {
        border-radius: 10px;
        position: relative;
        -ms-touch-action: none;
        background: rgba(0,0,0,.1)
    }

    .swiper-container-horizontal > .swiper-scrollbar {
        position: absolute;
        left: 1%;
        bottom: 3px;
        z-index: 50;
        height: 5px;
        width: 98%
    }

    .swiper-container-vertical > .swiper-scrollbar {
        position: absolute;
        right: 3px;
        top: 1%;
        z-index: 50;
        width: 5px;
        height: 98%
    }

    .swiper-scrollbar-drag {
        height: 100%;
        width: 100%;
        position: relative;
        background: rgba(0,0,0,.5);
        border-radius: 10px;
        left: 0;
        top: 0
    }

    .swiper-scrollbar-cursor-drag {
        cursor: move
    }

    .swiper-lazy-preloader {
        width: 42px;
        height: 42px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -21px;
        margin-top: -21px;
        z-index: 10;
        -webkit-transform-origin: 50%;
        -moz-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
        -moz-animation: swiper-preloader-spin 1s steps(12,end) infinite;
        animation: swiper-preloader-spin 1s steps(12,end) infinite
    }

        .swiper-lazy-preloader:after {
            display: block;
            content: "";
            width: 100%;
            height: 100%;
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
            background-position: 50%;
            -webkit-background-size: 100%;
            background-size: 100%;
            background-repeat: no-repeat
        }

    .swiper-lazy-preloader-white:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
    }

    @-webkit-keyframes swiper-preloader-spin {
        100% {
            -webkit-transform: rotate(360deg)
        }
    }

    @keyframes swiper-preloader-spin {
        100% {
            transform: rotate(360deg)
        }
    }




    .box {
        border-radius: 3px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        padding: 10px 25px;
        text-align: right;
        display: block;
        position: relative;
    }

    .box-icon {
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.16), 0 5px 20px 0 rgba(0, 0, 0, 0.12);
        background-color: #57a544;
        top: -50px;
        left: 36%;
        border-radius: 50%;
        height: 100px;
        margin: 0 auto;
        width: 100px;
        display: block;
        position: absolute;
        border: 5px solid #ddd;
    }

    .info {
        padding-top: 50px;
    }

        .info h4 {
            font-size: 18px;
            letter-spacing: 2px;
        }

        .info > p {
            color: #717171;
            font-size: 14px;
            padding-top: 0px;
            text-align: center;
        }

        .info > a {
            background-color: #03a9f4;
            border-radius: 2px;
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
            color: #fff;
            transition: all 0.5s ease 0s;
        }

            .info > a:hover {
                background-color: #0288d1;
                box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
                color: #fff;
                transition: all 0.5s ease 0s;
            }





    .quote {
        color: rgba(0,0,0,.1);
        text-align: center;
        margin-bottom: 30px;
    }

    /*-------------------------------*/
    /*    Carousel Fade Transition   */
    /*-------------------------------*/

    #fade-quote-carousel.carousel {
        padding-bottom: 60px;
    }

        #fade-quote-carousel.carousel .carousel-inner .item {
            opacity: 0;
            -webkit-transition-property: opacity;
            -ms-transition-property: opacity;
            transition-property: opacity;
        }

        #fade-quote-carousel.carousel .carousel-inner .active {
            opacity: 1;
            -webkit-transition-property: opacity;
            -ms-transition-property: opacity;
            transition-property: opacity;
        }

        #fade-quote-carousel.carousel .carousel-indicators {
            bottom: 10px;
        }

            #fade-quote-carousel.carousel .carousel-indicators > li {
                background-color: #e84a64;
                border: none;
            }

    #fade-quote-carousel blockquote {
        text-align: center;
        border: none;
    }

    #fade-quote-carousel .profile-circle {
        width: 100px;
        height: 100px;
        margin: 0 auto;
        border-radius: 100px;
    }

    .quote {
        color: rgba(0,0,0,.1);
        text-align: center;
        margin-bottom: 10px;
        margin-top: 10px;
    }




    .social:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
    }

    .social {
        -webkit-transform: scale(0.8);
        /* Browser Variations: */
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
    }








    .carousel {
        position: relative
    }

    .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden
    }

        .carousel-inner > .item {
            position: relative;
            display: none;
            -webkit-transition: .6s ease-in-out left;
            -o-transition: .6s ease-in-out left;
            transition: .6s ease-in-out left
        }

            .carousel-inner > .item > img,
            .carousel-inner > .item > a > img {
                line-height: 1
            }

    @media all and (transform-3d), (-webkit-transform-3d) {
        .carousel-inner > .item {
            -webkit-transition: -webkit-transform .6s ease-in-out;
            -o-transition: -o-transform .6s ease-in-out;
            transition: transform .6s ease-in-out;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-perspective: 1000;
            perspective: 1000
        }

            .carousel-inner > .item.next,
            .carousel-inner > .item.active.right {
                left: 0;
                -webkit-transform: translate3d(100%, 0, 0);
                transform: translate3d(100%, 0, 0)
            }

            .carousel-inner > .item.prev,
            .carousel-inner > .item.active.left {
                left: 0;
                -webkit-transform: translate3d(-100%, 0, 0);
                transform: translate3d(-100%, 0, 0)
            }

                .carousel-inner > .item.next.left,
                .carousel-inner > .item.prev.right,
                .carousel-inner > .item.active {
                    left: 0;
                    -webkit-transform: translate3d(0, 0, 0);
                    transform: translate3d(0, 0, 0)
                }
    }

    .carousel-inner > .active,
    .carousel-inner > .next,
    .carousel-inner > .prev {
        display: block
    }

    .carousel-inner > .active {
        left: 0
    }

    .carousel-inner > .next,
    .carousel-inner > .prev {
        position: absolute;
        top: 0;
        width: 100%
    }

    .carousel-inner > .next {
        left: 100%
    }

    .carousel-inner > .prev {
        left: -100%
    }

        .carousel-inner > .next.left,
        .carousel-inner > .prev.right {
            left: 0
        }

    .carousel-inner > .active.left {
        left: -100%
    }

    .carousel-inner > .active.right {
        left: 100%
    }

    .carousel-control {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 15%;
        font-size: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
        filter: alpha(opacity=50);
        opacity: .5
    }

        .carousel-control.left {
            background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
            background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
            background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
            background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
            filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
            background-repeat: repeat-x
        }

        .carousel-control.right {
            right: 0;
            left: auto;
            background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
            background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
            background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
            background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
            filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
            background-repeat: repeat-x
        }

        .carousel-control:hover,
        .carousel-control:focus {
            color: #fff;
            text-decoration: none;
            filter: alpha(opacity=90);
            outline: 0;
            opacity: .9
        }

        .carousel-control .icon-prev,
        .carousel-control .icon-next,
        .carousel-control .glyphicon-chevron-left,
        .carousel-control .glyphicon-chevron-right {
            position: absolute;
            top: 50%;
            z-index: 5;
            display: inline-block
        }

        .carousel-control .icon-prev,
        .carousel-control .glyphicon-chevron-left {
            left: 50%;
            margin-left: -10px
        }

        .carousel-control .icon-next,
        .carousel-control .glyphicon-chevron-right {
            right: 50%;
            margin-right: -10px
        }

        .carousel-control .icon-prev,
        .carousel-control .icon-next {
            width: 20px;
            height: 20px;
            margin-top: -10px;
            font-family: serif
        }

            .carousel-control .icon-prev:before {
                content: '\2039'
            }

            .carousel-control .icon-next:before {
                content: '\203a'
            }

    .carousel-indicators {
        position: absolute;
        bottom: 10px;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none
    }

        .carousel-indicators li {
            display: inline-block;
            width: 10px;
            height: 10px;
            margin: 1px;
            text-indent: -999px;
            cursor: pointer;
            background-color: #000 \9;
            background-color: rgba(0, 0, 0, 0);
            border: 1px solid #fff;
            border-radius: 10px
        }

        .carousel-indicators .active {
            width: 12px;
            height: 12px;
            margin: 0;
            background-color: #fff
        }

    .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 20px;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
    }

        .carousel-caption .btn {
            text-shadow: none
        }

    @media screen and (min-width:768px) {
        .carousel-control .glyphicon-chevron-left,
        .carousel-control .glyphicon-chevron-right,
        .carousel-control .icon-prev,
        .carousel-control .icon-next {
            width: 30px;
            height: 30px;
            margin-top: -15px;
            font-size: 30px
        }

        .carousel-control .glyphicon-chevron-left,
        .carousel-control .icon-prev {
            margin-left: -15px
        }

        .carousel-control .glyphicon-chevron-right,
        .carousel-control .icon-next {
            margin-right: -15px
        }

        .carousel-caption {
            right: 20%;
            left: 20%;
            padding-bottom: 30px
        }

        .carousel-indicators {
            bottom: 20px
        }
    }





    .animated {
        background-image: url(/css/images/logo.png);
        background-repeat: no-repeat;
        background-position: left top;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    @-webkit-keyframes bounce {
        0%, 20%, 50%, 80%, 100% {
            -webkit-transform: translateY(0);
        }

        40% {
            -webkit-transform: translateY(-30px);
        }

        60% {
            -webkit-transform: translateY(-15px);
        }
    }

    @keyframes bounce {
        0%, 20%, 50%, 80%, 100% {
            transform: translateY(0);
        }

        40% {
            transform: translateY(-30px);
        }

        60% {
            transform: translateY(-15px);
        }
    }

    .bounce:hover {
        -webkit-animation-name: bounce;
        animation-name: bounce;
        animation-duration: 2s;
    }





    .profile-circle {
        width: 100px;
        height: 100px;
        margin: 0 auto;
    }



    /**********New Design Css***********/

    .header-title {
        font-weight: 900;
        font-size: 40px;
    }

    .text-white, .text-white:focus, .text-white:hover {
        color: #fff !important;
    }

    .content-group-sm {
        margin-bottom: 15px !important;
        padding-bottom: 10px;
    }

    .mb-20 {
        margin-bottom: 20px !important;
    }

    .section, section:not(.section-cover) {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .features-content {
        font-family: 'Poppins',sans-serif;
    }

    .pdt20 {
        padding-top: 20px;
    }

    .pdt40 {
        padding-top: 40px;
    }

    .pdt60 {
        padding-top: 60px;
    }

    .pdt80 {
        padding-top: 80px;
    }

    .pdb20 {
        padding-bottom: 20px;
    }

    .pdb40 {
        padding-bottom: 40px;
    }

    .pdb60 {
        padding-bottom: 60px;
    }

    .pdb80 {
        padding-bottom: 80px;
    }

    .pdb0 {
        padding-bottom: 0px;
    }

    .pdt100 {
        padding-top: 100px;
    }

    .btn-labeled {
        padding-left: 45px;
    }

        .btn-labeled > b {
            position: absolute;
            top: -1px;
            left: -1px;
            background-color: rgba(0,0,0,.15);
            display: block;
            line-height: 1;
            padding: 9px;
            border-bottom-left-radius: 3px;
            border-top-left-radius: 3px;
        }

    .btn .caret, .btn-group > .btn:first-child {
        margin-left: 0;
    }

    .text-success, .text-success:focus, .text-success:hover {
        color: #4caf50 !important;
    }

    .list-icons li i {
        margin-right: 7px;
    }

    ul.feature-list li {
        padding: 5px 0;
    }

    .list-icons {
        padding-left: 0;
    }

        .icons-list, .list-feed, .list-icons li {
            list-style: none;
        }

    .text-grey-800, .text-grey-800:focus, .text-grey-800:hover {
        color: #444 !important;
    }

    .bc {
        background-image: url(../image/back.png);
    }

    .features-content .feature-title {
        line-height: 35px;
        color: #787887;
    }

    .no-margin {
        margin: 0 !important;
    }

    #header.active {
        background-color: #ff541e;
    }

    .zooming {
        position: relative;
        overflow: hidden;
    }

    .logo {
        width: 230px;
    }

    /*******index page header*******/

    #particles-js > .container,
    #particles-js > .container-fluid,
    .background-overlay-dark > .container,
    .background-overlay-dark > .container-fluid,
    .background-overlay-gradient > .container,
    .background-overlay-gradient > .container-fluid,
    .background-overlay-light > .container,
    .background-overlay-light > .container-fluid,
    .background-overlay-one > .container,
    .background-overlay-one > .container-fluid,
    .background-overlay > .container,
    .background-overlay > .container-fluid {
        position: relative;
    }

    #particles-js,
    .background-overlay-dark:before,
    .background-overlay-gradient:before,
    .background-overlay-light:before,
    .background-overlay-one:before,
    .background-overlay:before {
        position: absolute;
        height: 100%;
        z-index: 0;
        width: 100%;
        top: 0;
        left: 0;
    }

    .image-wrap {
        width: 460px;
        height: 460px;
        border-radius: 50%;
        position: relative;
        box-shadow: 0 0 0 30px rgba(244,244,244,1);
    }

        .play::before, .image-wrap::before {
            box-shadow: 0 0 0 80px rgba(232,232,232,1);
        }

        .image-wrap::after, .image-wrap::before {
            position: absolute;
            content: '';
            width: 460px;
            height: 460px;
            top: 0;
            left: 0;
            border-radius: 50%;
            z-index: 0;
        }

    .bg--image--tech:before {
        content: ' ';
        width: 100%;
        height: 100%;
        top: 0px;
        display: block;
        left: 0px;
        position: absolute;
        background-position: center;
        opacity: 0.6;
        background-size: cover;
        background-image: url('../../Content/image/line.png');
        background-repeat: no-repeat;
    }

    .bg--image--tech {
        position: relative;
    }