@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700italic,700,800,800italic|Playfair+Display:400,700,400italic,700italic,900,900italic|Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic|Oswald:400,300,700|Lora:400,400italic,700,700italic|Poiret+One|Dancing+Script:400,700|Montserrat:400,700|Slabo+27px|Courgette|Dosis:400,200,300,500,600,700,800|Josefin+Sans:400,100,100italic,300,300italic,400italic,600,600italic,700,700italic|Raleway:400,100,100italic,200,200italic,300,300italic,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic);

.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.home-icons:after,
.home-icons:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
    display: table;
    content: " "
}

#logo,
.innerpage-mim-top,
.slider-margin-top,
.slider-margin-top2,
.slider-margin-top3 {
    position: relative;
    float: left
}

.slider-gradient:before,
.static-slider6:before {
    content: '';
    right: 0;
    bottom: 0
}

.white-box-shadow:hover a,
.white-box-shadow:hover h3 {
    color: #0090ff
}

.lightbox:target div,
.zoomimg img,
.zoomimg3 img {
    max-width: 100%
}

.google-map iframe,
.google-map8 iframe {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%)
}

.site-wrapper {
    width: 100%;
    margin: 0 auto
}

#logo {
    display: block;
    width: 100%;
    min-height: 50px;
    margin-top: 0;
    text-indent: -999em;
    background: url(../images/logo.png) left top no-repeat
}

.menu-less {
    width: 90%;
    margin: 0 auto
}

.menu-less2 {
    width: 81%;
    margin: 0 auto
}

.menu-less3 {
    width: 94%;
    margin: 0 auto
}

.slider-margin-top {
    width: 100%;
    margin-top: -100px
}

.slider-margin-top2 {
    width: 100%;
    margin-top: -151px
}

.slider-margin-top3 {
    width: 100%;
    margin-top: -120px
}

.innerpage-mim-top {
    width: 100%;
    margin-top: -80px
}

.static-slider1 div {
    width: 50%;
    position: absolute;
    left: 13.5%;
    top: 35%
}

.static-slider1 h1 {
    white-space: nowrap;
    overflow: hidden;
    width: 16em;
    animation: type 3s steps(60, end)
}

.static-slider1 h1.sty2 {
    top: 39%
}

.static-slider1 h1:nth-child(2) {
    animation: type2 5s steps(60, end)
}

.static-slider1 span {
    animation: blink 1s infinite
}

@keyframes type {
    from {
        width: 0
    }
}

.authimg {
    float: left;
    width: 100%;
    position: relative;
    z-index: 2;
    margin-top: -130px;
    text-align: center
}

.authimg img {
    margin: 0 auto;
    width: 12.5%;
    border-radius: 100%;
    border: 5px solid #fff
}

.static-slider3 {
    float: left;
    width: 100%;
    background: #fff;
    padding-top: 16%
}

.static-slider4 .herotext {
    width: 50%;
    position: absolute;
    left: 13.5%;
    top: 34%
}

.static-slider5 .herotext {
    width: 100%;
    position: absolute;
    top: 35%;
    text-align: center
}

.static-slider6:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 810px;
    background: linear-gradient(135deg, red, #00f);
    opacity: .5;
    z-index: 1
}

.static-slider6 .logo {
    position: absolute;
    padding-top: 50px;
    padding-left: 7%;
    z-index: 9998
}

.static-slider7 .herotext {
    width: 72%;
    position: absolute;
    left: 14%;
    top: 35%
}

.static-slider7 .herotext a {
    left: 41%
}

.static-slider8 .herotext {
    width: 100%;
    position: absolute;
    top: 32%
}

.static-slider9 .herotext {
    width: 50%;
    position: absolute;
    left: 13.5%;
    top: 44%
}

.static-slider10 .herotext,
.static-slider11 .herotext {
    top: 40%;
    position: absolute;
    width: 100%;
    text-align: center
}

.static-slider11 .logo {
    position: absolute;
    padding-top: 50px;
    padding-left: 7%;
    z-index: 9998
}

.static-slider12 .logo {
    position: absolute;
    padding-top: 50px;
    padding-left: 49%;
    z-index: 9998
}

.static-slider12 .herotext {
    width: 100%;
    position: absolute;
    top: 47%;
    text-align: center
}

.static-slider13 {
    position: absolute;
    width: 100%;
    height: 100px
}

.static-slider13 .logo {
    position: absolute;
    padding-top: 50px;
    padding-left: 9%;
    z-index: 9998
}

.static-header-demo .herotext {
    width: 100%;
    position: absolute;
    top: 30%
}

.static-header-demo .herotext h2 {
    font-size: 180px;
    opacity: .8;
    line-height: 180px
}

.static-header-demo .herotext h3 {
    font-size: 72px;
    opacity: .8;
    line-height: 72px
}

.slider-above-section {
    float: left;
    margin-top: -100px;
    border: 0;
    width: 100%;
    position: relative;
    -webkit-transition: all .2s ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all .2s ease-in;
    -ms-transform: scale(1);
    -moz-transition: all .2s ease-in;
    -moz-transform: scale(1);
    transition: all .2s ease-in;
    transform: scale(1)
}

.slider-above-section:hover {
    box-shadow: 0 0 45px rgba(0, 0, 0, .75);
    z-index: 2;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
    background: #fff
}

.slider-above-section div {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background: #fff;
    width: 100%;
    height: 100%;
    opacity: 0;
    padding: 20px 30px 0;
    text-align: center;
    -webkit-transition: top .5s;
    transition: top .5s
}

.slider-above-section:hover div {
    top: -75px;
    opacity: 1;
    height: 75px
}

.slider-gradient:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 700px;
    background: linear-gradient(135deg, red, #00f);
    opacity: .5;
    z-index: 1
}

.white-box-shadow {
    float: left;
    width: 100%;
    background: #fff;
    padding: 50px 50px 45px;
    border-bottom: 1px solid #fff;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .04);
    transition: all .3s ease
}

.white-box-shadow:hover {
    border-bottom: 1px solid #0090ff
}

.white-box-shadow:hover hr {
    background: #0090ff
}

.box-shadow-effect1 {
    float: left;
    width: 100%;
    background: #fff;
    border: 1px solid #e1e1e1
}

.shadow-effect1 {
    position: relative
}

.shadow-effect1:after,
.shadow-effect1:before {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 100%;
    background: #777;
    -webkit-box-shadow: 0 10px 18px #aaa;
    -moz-box-shadow: 0 10px 18px #aaa;
    box-shadow: 0 10px 18px #aaa;
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg)
}

.shadow-effect1:after {
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
    right: 10px;
    left: auto
}

.shadow-box1 {
    background-color: #f9f9f9;
    border: 1px solid #f3f3f3;
    padding: 5%
}

.img-hover-box,
.shadow-box1 .box {
    background: #fff;
    transition: all .3s ease
}

.shadow-box1 .box {
    width: 100%;
    padding: 16%;
    box-shadow: 0 0 5px rgba(0, 0, 0, .06)
}

.hover-shadow.active,
.hover-shadow:hover,
.img-hover-box-main:hover .img-hover-box {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.shadow-box1:hover .box {
    margin-top: -25px
}

.img-hover-box-main {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    padding-bottom: 20px
}

.img-hover-box {
    float: left;
    width: 90%;
    margin-left: 5%;
    margin-top: -20px;
    position: relative;
    z-index: 2;
    padding: 20px
}

.img-hover-box-main:hover .img-hover-box {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.img-hover-box-main img {
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s
}

.img-hover-box-main:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.img-hover-text {
    position: relative;
    background: #1d2025
}

.img-hover-text img {
    display: block;
    transition: all .3s ease
}

.img-hover-text img:hover {
    opacity: 1
}

.img-hover-text .distext {
    opacity: 0;
    position: absolute;
    top: 25px;
    left: 25px;
    right: 25px;
    bottom: 25px;
    padding: 12% 5% 5%;
    background: #fff;
    text-decoration: none;
    text-align: center;
    transition: all .3s ease;
    transform: scale(.95)
}

.img-hover-text:hover .distext {
    opacity: .9;
    transform: scale(1)
}

.img-hover-text2 {
    position: relative;
    background: #1d2025
}

.img-hover-text2 img {
    display: block
}

.img-hover-text2 .distext {
    position: absolute;
    top: 0;
    left: 0;
    padding: 16% 14% 5%;
    color: #fff;
    text-decoration: none
}

.img-hover-text2.sty2 .distext {
    position: absolute
}

.img-hover-text3 {
    position: relative;
    background: #1d2025
}

.img-hover-text3 img {
    display: block;
    transition: all .3s ease
}

.img-hover-text3 img:hover {
    opacity: 1
}

.img-hover-text3 .distext {
    opacity: 0;
    position: absolute;
    top: 30px;
    left: 30px;
    right: 30px;
    bottom: 30px;
    padding: 25% 5% 5%;
    background: #fff;
    text-decoration: none;
    text-align: center;
    transition: all .3s ease
}

.img-hover-text3 .distext:after {
    content: '';
    position: absolute;
    top: -8px;
    left: -8px;
    right: -8px;
    bottom: -8px;
    border: 2px solid #fff
}

.img-hover-text3:hover .distext {
    opacity: .9
}

.img-hover-text4 {
    position: relative;
    background: #1d2025
}

.img-hover-text4 img {
    display: block;
    transition: all .3s ease
}

.img-hover-text4 img:hover {
    opacity: 1
}

.img-hover-text4 .distext {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 14% 5% 5%;
    background: #6b2da1;
    text-decoration: none;
    text-align: center;
    transition: all .3s ease;
    transform: scale(.95)
}

.img-hover-text4:hover .distext {
    opacity: .9;
    transform: scale(1)
}

.img-hover-text5 {
    position: relative;
    background: #1d2025
}

.img-hover-text5 img {
    opacity: .5;
    display: block;
    transition: all .3s ease
}

.img-hover-text5 img:hover {
    opacity: 1
}

.img-hover-text5 .distext {
    position: absolute;
    left: 50px;
    right: 75px;
    bottom: 50px;
    text-decoration: none;
    transition: all .3s ease
}

.img-hover-text5 .distext a {
    color: #1d2025;
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px 14px 12px 20px;
    background: #fff
}

.img-hover-text5:hover a {
    padding-left: 25px;
    padding-right: 30px
}

.img-hover-text5 i {
    opacity: 0;
    margin-left: 0;
    width: 1px;
    transition: all .3s ease
}

.img-hover-text5:hover i {
    opacity: 1;
    margin-left: 5px
}

.img-hover-text6 {
    position: relative;
    background: #1d2025
}

.img-hover-text6 img {
    display: block;
    background: #000;
    opacity: .59;
    transition: all .3s ease
}

.img-hover-text6:hover img {
    opacity: .27
}

.img-hover-text6 .btext {
    position: absolute;
    top: 90px;
    left: 25px;
    right: 25px;
    bottom: 25px;
    padding: 12% 10% 5%;
    text-decoration: none;
    text-align: center;
    transition: all .3s ease
}

.img-hover-text6:hover .btext {
    top: 50px
}

.img-hover-text6 .distext {
    opacity: 0;
    position: absolute;
    top: 125px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 12% 14% 5%;
    text-decoration: none;
    text-align: center;
    transition: all .3s ease;
    transform: scale(.5)
}

.img-hover-text10 .distext,
.img-hover-text8 .distext {
    top: 0;
    transition: all .3s ease;
    text-align: center;
    text-decoration: none
}

.img-hover-text6:hover .distext {
    opacity: 1;
    transform: scale(1)
}

.img-hover-text7 {
    position: relative;
    background: #000
}

.img-hover-text7 img {
    opacity: .8;
    display: block;
    transition: all .3s ease
}

.img-hover-text7 img:hover {
    opacity: .5
}

.img-hover-text7 .distext {
    position: absolute;
    left: 50px;
    right: 75px;
    bottom: 0;
    text-decoration: none;
    transition: all .3s ease
}

.img-hover-text7:hover .distext {
    bottom: 50px
}

.img-hover-text7 .distext .hidtext {
    opacity: 0;
    transition: all .3s ease
}

.img-hover-text7:hover .distext .hidtext {
    opacity: 1
}

.img-hover-text7.sty2 .distext {
    right: 30px
}

.img-hover-text7.sty2 img {
    opacity: .9
}

.img-hover-text7.sty2 img:hover {
    opacity: .5
}

.img-hover-text8 {
    position: relative;
    background: #1d2025
}

.img-hover-text8 img {
    display: block;
    transition: all .3s ease
}

.img-hover-text8 img:hover {
    opacity: 1
}

.img-hover-text8 .distext {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 14% 5% 5%;
    background: #1d2025;
    transform: scale(.95)
}

.img-hover-text8:hover .distext {
    opacity: .9;
    transform: scale(1)
}

.img-hover-text9 {
    position: relative;
    background: #000
}

.img-hover-text9 img {
    opacity: 1;
    display: block;
    transition: all .3s ease
}

.img-hover-text9:hover img {
    opacity: .5
}

.img-hover-text9 .distext {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 0;
    padding: 27px 0 0;
    text-decoration: none;
    background: rgba(69, 64, 126, .7);
    transition: all .3s ease
}

.img-hover-text9:hover .distext {
    bottom: 0;
    padding-bottom: 25px
}

.img-hover-text9 .distext .hidtext {
    opacity: 0;
    transition: all .3s ease
}

.img-hover-text9:hover .distext .hidtext {
    opacity: 1
}

.img-hover-text10 {
    position: relative;
    background: #1d2025
}

.img-hover-text10 img {
    display: block;
    background: #000;
    transition: all .3s ease
}

.img-hover-text10:hover img {
    opacity: .27
}

.img-hover-text10 .distext {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20% 14% 5%;
    transform: scale(.5)
}

.img-hover-text10:hover .distext {
    opacity: 1;
    transform: scale(1)
}

.img-hover-text11 {
    position: relative;
    background: #f62459
}

.img-hover-text11 img {
    opacity: 1;
    display: block;
    transition: all .3s ease
}

.img-hover-text11:hover img {
    opacity: .05
}

.img-hover-text11 .distext {
    position: absolute;
    left: 50px;
    right: 50px;
    bottom: 100px;
    text-decoration: none;
    transition: all .3s ease
}

.img-hover-text11:hover .distext {
    bottom: 140px
}

.img-hover-text11 .distext .hidtext {
    opacity: 0;
    transition: all .3s ease
}

.img-hover-text11:hover .distext .hidtext {
    opacity: 1
}

.img-hover-text11.sty2:hover img,
.img-hover-text11.sty4:hover img {
    opacity: .1
}

.img-hover-text11.sty2 {
    background: #1d2025
}

.img-hover-text11.sty3 {
    background: #eecf54
}

.img-hover-text11.sty4 .distext {
    left: 50px;
    right: 50px;
    bottom: 50px
}

.img-hover-text11.sty4:hover .distext {
    bottom: 70px
}

.img-hover-text11.sty4 {
    background: #1d2025
}

.img-hover-text11.sty5 .distext {
    left: 50px;
    right: 50px;
    bottom: 100px
}

.img-hover-text11.sty5:hover .distext {
    bottom: 140px
}

.img-hover-text12 {
    position: relative;
    background: #000
}

.img-hover-text12 img {
    opacity: 1;
    display: block;
    transition: all .3s ease
}

.img-hover-text12:hover img {
    opacity: .75
}

.img-hover-text12 .distext {
    position: absolute;
    top: 20%;
    left: 10%;
    right: 10%;
    bottom: 20%;
    padding: 25% 10% 10%;
    background: rgba(0, 118, 219, .9);
    text-decoration: none;
    transition: all .3s ease
}

.img-hover-text12 .distext.sty2 {
    background: rgba(135, 211, 124, .9)
}

.img-hover-text12:hover .distext {
    top: 10%;
    bottom: 10%
}

.img-hover-text12 .distext .hidtext {
    opacity: 0;
    transition: all .3s ease
}

.img-hover-text12:hover .distext .hidtext {
    opacity: 1
}

.img-hover-text12 .distext h2:before {
    content: "";
    position: absolute;
    width: 30%;
    left: 34%;
    height: 3px;
    top: 215px;
    background-color: #fff;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all .3s ease-in-out 0;
    transition: all .3s ease-in-out 0
}

.img-hover-text12 .distext:hover h2:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.img-hover-text12.sty2 .distext h2:before {
    top: 160px
}

.img-hover-text12.sty2 .distext {
    padding-top: 23%;
    background: rgba(255, 255, 255, .18);
    border-radius: 5px
}

.img-hover-text13 {
    position: relative
}

.img-hover-text13 .distext {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 18% 10% 5%;
    background: #6b2da1;
    text-decoration: none;
    text-align: center;
    transition: all .2s ease;
    transform: scale(.95)
}

.img-hover-text13:hover .distext {
    opacity: 1;
    transform: scale(1)
}

.img-hover-text14 {
    position: relative
}

.img-hover-text14 img {
    display: block
}

.img-hover-text14 .btext {
    position: absolute;
    top: 25%;
    left: 25px;
    right: 25px;
    bottom: 25px;
    padding: 12% 10% 5%;
    text-decoration: none;
    transition: all .3s ease
}

.img-hover-text15 {
    position: relative;
    background: #1d2025
}

.img-hover-text15 img {
    opacity: 1;
    display: block;
    transition: all .3s ease
}

.button28,
.button28 span,
.button32,
.button32 span,
.img-hover-text17,
a.button27,
a.button27 span {
    display: inline-block
}

.img-hover-text15:hover img {
    opacity: .05
}

.img-hover-text15 .distext {
    position: absolute;
    left: 100px;
    right: 100px;
    bottom: 50px;
    text-decoration: none;
    transition: all .3s ease
}

.img-hover-text15:hover .distext {
    bottom: 70px
}

.img-hover-text15 .distext .hidtext {
    opacity: 0;
    transition: all .3s ease
}

.img-hover-text15.sty2 img,
.img-hover-text15:hover .distext .hidtext {
    opacity: 1
}

.img-hover-text15.sty2 {
    background: #000
}

.img-hover-text15.sty2:hover img {
    opacity: .4
}

.img-hover-text15.sty2 .distext {
    left: 50px;
    right: 50px;
    bottom: 30px
}

.img-hover-text15.sty2:hover .distext {
    bottom: 50px
}

.img-hover-text16 .content {
    width: 50%;
    position: absolute;
    bottom: 67px;
    left: 75px;
    padding-top: 20px;
    padding-left: 25px;
    transition: all .3s ease
}

.img-hover-text16:hover .content {
    left: 85px
}

.img-hover-text16.sty2 .content {
    width: 58%
}

.img-hover-text16.sty3 .content {
    width: 75%;
    bottom: 30px;
    left: 20px
}

.img-hover-text16.sty3:hover .content {
    left: 30px
}

.img-hover-text17 {
    position: relative;
    background: #000;
    overflow: hidden
}

.fusection5 .sty2,
.fusection5 .text,
.img-hover-text17 .distext {
    position: absolute;
    transition: all .3s ease
}

.img-hover-text17 img {
    opacity: 1;
    display: block;
    transition: all .3s ease
}

.img-hover-text17:hover img {
    opacity: .5;
    transform: scale(1.2)
}

.img-hover-text17 .distext {
    opacity: 0;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    padding: 45% 5% 5%;
    text-decoration: none;
    text-align: center;
    transform: scale(.95)
}

.img-hover-text17:hover .distext {
    opacity: 1;
    transform: scale(1)
}

.img-hover-text17 .distext.sty2 {
    padding-top: 18%
}

.img-border-shadow {
    padding: 10px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    transition: all .3s ease
}

.img-border-shadow:hover {
    -webkit-box-shadow: 0 9px 12px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 9px 12px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 9px 12px 0 rgba(0, 0, 0, .1)
}

.col-hover-action {
    transition: all .3s ease
}

.col-hover-action.active,
.col-hover-action:hover {
    background-color: #f7f7f7
}

.col-hover-action2 {
    transition: all .3s ease
}

.col-hover-action2.active,
.col-hover-action2:hover {
    background-color: #eee
}

.col-hover-action3 {
    transition: all .3s ease
}

.col-hover-action3.active,
.col-hover-action3:hover {
    background-color: #999
}

.col-hover-action4 {
    transition: all .3s ease
}

.col-hover-action4.active,
.col-hover-action4:hover {
    color: #fff;
    background-color: #1d2025
}

.col-hover-action5 {
    transition: all .3s ease
}

.col-hover-action5.active,
.col-hover-action5:hover {
    color: #fff;
    background-color: #0090ff
}

.fusection1 {
    float: left;
    width: 100%
}

.fusection1 .box {
    float: left;
    width: 19.75%;
    margin-right: 1px;
    background: #fff;
    padding: 50px 30px 57px;
    transition: all .3s ease
}

.fusection1 .box:hover {
    background: #b42165
}

.fusection1 .box h5,
.fusection1 .box i,
.fusection1 .box p,
.fusection1 .box span {
    transition: all .3s ease
}

.fusection1 .box:hover h5,
.fusection1 .box:hover i,
.fusection1 .box:hover p,
.fusection1 .box:hover span {
    color: #fff !important
}

.fusection1 .box:hover a {
    border-color: #fff;
    background: #fff
}

.fusection2 .lefthalf {
    float: left;
    width: 50%;
    background: #f3f3f3
}

.fusection3 .righthalf {
    float: right;
    width: 50%;
    padding: 160px 50px;
    background: #1d2025
}

.fusection4 .col-md-3 h3,
.fusection4 .col-md-4 h3,
.fusection4 .col-md-6 h3 {
    margin-top: 40px;
    margin-bottom: 20px;
    transition: all .3s ease
}

.fusection4 .col-md-3:hover h3,
.fusection4 .col-md-4:hover h3,
.fusection4 .col-md-6:hover h3 {
    margin-top: 30px;
    margin-bottom: 15px
}

.fusection4 .col-md-3 a,
.fusection4 .col-md-4 a,
.fusection4 .col-md-6 a {
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease;
    margin-top: 30px;
    display: block
}

.fusection4 .col-md-3:hover a,
.fusection4 .col-md-4:hover a,
.fusection4 .col-md-6:hover a {
    visibility: visible;
    opacity: 1;
    margin-top: 25px
}

.fusection5 .text {
    width: 59%;
    bottom: 50px;
    left: 70px
}

.fusection5 .col-md-6:hover .text {
    left: 90px
}

.fusection5 .sty2 {
    width: 50%;
    height: 80%;
    top: 10%;
    bottom: 10%;
    right: 3.5%;
    padding: 20px 20px 0 25px;
    background-color: rgba(255, 255, 255, .9)
}

.fusection5 .col-md-12:hover .sty2 {
    right: 1%
}

.fusection6 .text {
    width: 59%;
    position: relative;
    bottom: 200px;
    left: 70px;
    padding-top: 0;
    transition: all .3s ease
}

.fusection6 .col-md-3:hover .text,
.fusection6 .col-md-4:hover .text,
.fusection6 .col-md-5:hover .text,
.fusection6 .col-md-6:hover .text {
    left: 80px;
    padding-left: 25px;
    border-left: 1px solid #fff
}

.fusection7 span {
    width: 72%;
    position: absolute;
    bottom: 59px;
    left: 50px;
    padding-top: 20px;
    padding-left: 25px;
    transition: all .3s ease
}

.fusection7 .col-md-3:hover span,
.fusection7 .col-md-4:hover span,
.fusection7 .col-md-5:hover span,
.fusection7 .col-md-6:hover span {
    left: 64px;
    padding-left: 25px;
    border-left: 1px solid #fff
}

.fusection8 span {
    position: relative;
    z-index: 2;
    margin-top: -50px
}

.fusection8 .col-md-4 div {
    float: left;
    margin-top: -280px;
    background: #f7f7f7;
    transition: all .3s ease
}

.fusection8 .col-md-4 div:hover {
    float: left;
    background: #fff;
    margin-top: -285px
}

.fusection8 .col-md-4 div img {
    width: 100%
}

.fusection9 .col-md-4 div {
    transition: all .3s ease
}

.fusection9 .col-md-4:hover div {
    background-color: #f9f9f9
}

.fusection10 .col-md-3 div,
.fusection10 .col-md-4 div,
.fusection10 .col-md-6 div {
    transition: all .3s ease
}

.fusection10 .col-md-3:hover div,
.fusection10 .col-md-4:hover div,
.fusection10 .col-md-6:hover div {
    background-color: #f62459
}

.fusection11 .col-md-3 div,
.fusection11 .col-md-4 div,
.fusection11 .col-md-6 div {
    background-color: #1d2025;
    transition: all .3s ease
}

.fusection11 .col-md-3:hover div,
.fusection11 .col-md-4:hover div,
.fusection11 .col-md-6:hover div {
    background-color: transparent
}

.fusection12 {
    float: left;
    width: 100%;
    position: relative;
    z-index: 9;
    padding: 59px 0 34px;
    margin-top: -170px;
    background-color: rgba(0, 0, 0, .27)
}

.fusection12 i {
    float: left;
    color: #fff;
    font-size: 27px;
    margin-right: 12px;
    margin-bottom: 50px
}

.fusection13 .hidebox {
    float: left;
    width: 100%;
    padding: 16%;
    background: #fff;
    text-align: center
}

.fusection13 .hidebox img {
    width: 50%;
    display: block;
    margin: -200px auto 0;
    transition: all .3s ease
}

.fusection13 .col-md-3:hover img,
.fusection13 .col-md-4:hover img,
.fusection13 .col-md-6:hover img,
.fusection14 {
    margin: 0 auto
}

.fusection13 .hidebox span {
    width: 100%;
    padding-bottom: 50px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease
}

.fusection13 .col-md-3:hover span,
.fusection13 .col-md-4:hover span,
.fusection13 .col-md-6:hover span {
    visibility: visible;
    opacity: 1
}

.fusection13 .col-md-3:hover .hidebox,
.fusection13 .col-md-4:hover .hidebox,
.fusection13 .col-md-6:hover .hidebox {
    background: #f7f7f7
}

.fusection14 {
    width: 75%
}

.fusection14.sty2 {
    width: 100%;
    margin: 0 auto
}

.fusection14 .left {
    float: left;
    width: 40%;
    margin-right: -10%;
    margin-top: 35px;
    position: relative;
    z-index: 2
}

.fusection14 .right {
    float: left;
    width: 70%;
    padding: 10% 10% 10% 17%;
    background: #fff
}

.fusection15 .circle-box {
    float: left;
    width: 220px;
    height: 220px;
    padding: 70px 40px 30px;
    text-align: center;
    border-radius: 100%;
    background: rgba(255, 255, 255, .5);
    margin-left: -20px
}

.fusection15 .circle-box.first {
    margin-left: 0
}

.fusection17 .circle,
.fusection17 .circle .incircle {
    border-radius: 100%;
    margin: 0 auto;
    transition: all .3s ease;
    text-align: center
}

.fusection16 {
    padding-bottom: 185px
}

.fusection16 .img1 {
    position: absolute;
    width: 100%
}

.fusection16 .img2 {
    position: absolute;
    width: 30%;
    right: 40px;
    top: 220px
}

.fusection16 .img3 {
    position: absolute;
    width: 18%;
    right: -5px;
    top: 280px
}

.fusection17 .circle {
    width: 160px;
    height: 160px;
    padding-top: 20px;
    background: #f7f7f7
}

.fusection17 .circle .incircle {
    width: 120px;
    height: 120px;
    padding-top: 45px;
    background: #81cfe0
}

.fusection17 .circle:hover .incircle {
    width: 140px;
    height: 140px;
    padding-top: 55px
}

.fusection17 .circle:hover {
    padding-top: 10px
}

.fusection18 .text {
    background: #fff;
    padding-bottom: 25px;
    transition: all .2s ease
}

.fusection18 .text .line {
    width: 0;
    height: 7px;
    margin-bottom: 20px;
    background: #0090ff;
    opacity: 0;
    transition: all .9s ease
}

.fusection18 a {
    float: left;
    -webkit-box-shadow: 8px 10px 0 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: 8px 10px 0 0 rgba(0, 0, 0, .05);
    box-shadow: 8px 10px 0 0 rgba(0, 0, 0, .05)
}

.fusection18 a:hover .text {
    margin-top: -50px;
    position: relative;
    z-index: 2
}

.fusection18 a:hover .line {
    width: 100%;
    opacity: 1
}

.fusection19 .box {
    border: 7px solid #fff;
    margin-top: 45px;
    margin-left: -50px;
    text-align: left;
    padding: 12% 10% 10% 20%;
    transition: all .3s ease
}

.fusection19 .box:hover {
    background: rgba(255, 255, 255, .1)
}

.fusection20 .content {
    width: 50%;
    position: absolute;
    bottom: 67px;
    left: 75px;
    padding-top: 20px;
    padding-left: 25px;
    transition: all .3s ease
}

.fusection20 .col-md-10:hover .content,
.fusection20 .col-md-12:hover .content,
.fusection20 .col-md-3:hover .content,
.fusection20 .col-md-4:hover .content,
.fusection20 .col-md-5:hover .content,
.fusection20 .col-md-6:hover .content,
.fusection20 .col-md-7:hover .content,
.fusection20 .col-md-8:hover .content {
    left: 85px
}

.fusection21 .icon {
    width: 70px;
    height: 70px;
    padding: 16px;
    border: 1px solid #fff;
    margin-right: 25px;
    margin-bottom: 40px;
    border-radius: 100%;
    transition: all .1s ease
}

.fusection22 .contbox,
.fusection22 .contbox .content,
.fusection22 .contbox img {
    transition: all .3s ease;
    width: 100%
}

.fusection21 .col-md-4:hover .icon {
    padding: 20px;
    border: 1px solid #87d37c;
    background: #87d37c
}

.fusection22 .contbox {
    float: left;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.fusection22 .contbox:hover {
    -moz-box-shadow: 0 1px 50px 0 rgba(0, 0, 0, .9);
    z-index: 3
}

.fusection22 .contbox:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1)
}

.fusection22 .contbox .content {
    float: left;
    height: 120px;
    padding: 40px 50px 50px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15)
}

.fusection22 .contbox .content.sty2,
.fusection22 .contbox .content.sty3 {
    height: 80px;
    padding: 20px 50px 30px
}

.fusection22 .contbox .content p {
    visibility: hidden;
    opacity: 0;
    transition: opacity .5s linear;
    transition-delay: .2s
}

.fusection22 .contbox:hover .content {
    height: 250px
}

.fusection22 .contbox:hover .content.sty2 {
    height: 200px
}

.fusection22 .contbox:hover .content.sty3 {
    height: 130px
}

.fusection22 .contbox:hover .content p {
    visibility: visible;
    opacity: 1
}

.fusection23 {
    margin-top: -133px;
    padding-top: 200px
}

.fusection24 {
    float: left;
    width: 100%;
    height: 350px;
    margin-top: -350px;
    padding-top: 75px;
    background: rgba(215, 8, 60, .97);
    opacity: .9;
    position: relative;
    z-index: 9
}

.works1 .left2,
.works1 .right {
    padding: 40px 50px;
    margin-top: 50px
}

.works1 {
    float: left;
    width: 100%
}

.works1 .left {
    float: left;
    width: 80%
}

.works1 .right {
    float: left;
    width: 30%;
    margin-left: -10%
}

.works1 .right2 {
    float: right;
    width: 80%
}

.works1 .left2 {
    float: right;
    width: 30%;
    margin-right: -10%
}

.works2 {
    float: left;
    width: 100%;
    background: #121212
}

.works2 .imghtext {
    position: relative;
    background: #000
}

.works2 .imghtext img {
    opacity: .8;
    display: block;
    transition: all .3s ease
}

.works2 .imghtext img:hover {
    opacity: .3
}

.works2 .imghtext .distext {
    position: absolute;
    left: 50px;
    right: 75px;
    bottom: 50px;
    text-decoration: none;
    transition: all .3s ease
}

.works2 .imghtext h2,
.works2 .imghtext h3,
.works2 .imghtext h4,
.works2 .imghtext h5 {
    text-decoration: none
}

.works2 .imghtext h2:after,
.works2 .imghtext h3:after,
.works2 .imghtext h4:after,
.works2 .imghtext h5:after {
    content: "";
    display: block;
    width: 0;
    border-bottom: 2px solid #fff;
    margin: 0;
    padding-bottom: 7px;
    transition: all .2s linear 0
}

.button1,
.button3 {
    transition: all .3s ease
}

.works2 .imghtext:hover h2:after,
.works2 .imghtext:hover h3:after,
.works2 .imghtext:hover h4:after,
.works2 .imghtext:hover h5:after {
    width: 50%
}

.parallax2,
.parallax3,
.parallax4 {
    padding: 180px 0 160px
}

.parallax29 {
    padding: 160px 0 140px;
    background: url(../images/bg-img96.jpg) 50% 0 no-repeat fixed #aaa
}

.parallax34,
.parallax35,
.parallax36,
.parallax37,
.parallax39,
.parallax40,
.parallax41,
.parallax42,
.parallax43 {
    padding: 250px 0
}

.parallax44 h2 {
    font-size: 230px;
    opacity: .7;
    line-height: 230px
}

.parallax44 h3 {
    font-size: 100px;
    opacity: .7;
    line-height: 90px
}

.background-image10,
.background-image6,
.background-image7,
.background-image8,
.background-image9 {
    background-position: center bottom;
    background-size: 100%;
    background-repeat: no-repeat
}

.background-image17,
.background-image18,
.background-image19 {
    background-repeat: no-repeat;
    background-position: left top;
    background-color: rgba(255, 255, 255, .9);
    background-size: 41%
}

.background-image21,
.background-image22 {
    background-repeat: no-repeat;
    background-size: 100%
}

.background-image29 {
    padding: 160px 0;
    background: url(../images/world-map.jpg) center top no-repeat;
    background-size: cover
}

.background-image34 {
    padding: 215px 0 140px;
    background: url(../images/bg-img47.png) center top no-repeat #463312;
    background-size: cover
}

.background-image45,
.background-image46 {
    background-repeat: no-repeat;
    background-position: center top
}

.background-image54 {
    background: url(../images/pattern3.gif) center top
}

.background-image64 {
    padding: 106px 0;
    background: url(../images/bg-img77.jpg) center top no-repeat;
    background-size: cover
}

.background-image69.sty2 {
    padding: 120px 0 0
}

.background-image77 {
    background: url(../images/line-bg.gif) -100px top #0076db;
    padding: 160px 0
}

.background-image78 {
    background: url(../images/line-bg2.gif) -100px top #fff;
    padding: 160px 0
}

.background-image79 {
    background: url(../images/line-bg3.gif) -100px top #eee;
    padding: 160px 0
}

.background-image91 {
    background: url(../images/graph9.png) center center no-repeat #eee;
    background-size: cover;
    height: 140px
}

.background-image92 {
    padding: 200px 0 180px;
    background: url(../images/bg-img97.jpg) left top no-repeat;
    background-size: cover
}

.background-image93 {
    padding: 260px 0 230px;
    background: url(../images/bg-img98.jpg) left top no-repeat;
    background-size: cover
}

.background-image96 h2 {
    font-size: 230px;
    opacity: .7
}

.button1,
.button2 {
    font-size: 13px;
    font-family: Raleway, sans-serif
}

.background-pattern1,
.background-pattern2 {
    background-repeat: repeat;
    background-position: center top
}

.background-pattern1 {
    background-image: url(../images/pattern1.png)
}

.background-pattern2 {
    background-image: url(../images/pattern2.jpg)
}

.background-lines1 {
    padding: 140px 0 120px;
    background: repeating-linear-gradient(-25deg, #f7f7f7, #f7f7f7 700px, #f0f0f0 700px, #f0f0f0 3000px)
}

.button1 {
    color: #999;
    font-weight: 400
}

.button1:hover {
    color: #454545
}

.button2 {
    color: #1d2025;
    border: 1px solid #1d2025;
    padding: 8px 18px;
    border-radius: 20px
}

.button3 {
    color: #fff;
    background: #0090ff;
    padding: 14px 20px;
    font-family: Raleway, sans-serif
}

.button3:hover {
    color: #0090ff;
    background: #fff
}

.button4 {
    color: #0090ff;
    font-size: 14px;
    font-family: Raleway, sans-serif;
    font-weight: 400;
    transition: all .3s ease
}

.button6,
.button8,
.button9 {
    font-size: 13px
}

.button5,
.button7 {
    font-weight: 700;
    letter-spacing: .5px;
    font-family: Raleway, sans-serif;
    transition: all .3s ease
}

.button4:hover {
    color: #1d2025;
    padding-left: 9px
}

.button4.orange {
    color: #e67e22
}

.button4.orange:hover {
    color: #1d2025
}

.button5 {
    color: #fff;
    background: #0090ff;
    padding: 16px 40px;
    border-radius: 3px
}

.button5:hover {
    color: #fff;
    background: #1d2025
}

.button5.red {
    color: #fff;
    background: #f62459
}

.button5.red:hover {
    color: #fff;
    background: #1d2025
}

.button5.orange {
    color: #fff;
    background: #e67e22
}

.button5.orange:hover {
    color: #fff;
    background: #1d2025
}

.button6 {
    color: #1d2025;
    border: 1px solid #1d2025;
    padding: 10px 30px;
    border-radius: 20px;
    font-family: Raleway, sans-serif;
    transition: all .3s ease
}

.button6:hover {
    color: #fff;
    background: #0090ff;
    border: 1px solid #0090ff
}

.button6.sty2 {
    color: #1d2025;
    padding: 12px 30px;
    border-radius: 25px
}

.button6.sty2:hover {
    color: #fff;
    background: #f62459;
    border: 1px solid #f62459
}

.button6.sty3 {
    color: #1d2025;
    padding: 12px 40px;
    border-radius: 25px
}

.button6.sty3:hover {
    color: #fff;
    background: #1d2025;
    border: 1px solid #1d2025
}

.button6.sty4 {
    color: #1d2025;
    padding: 12px 40px;
    border-radius: 25px
}

.button6.sty4:hover {
    color: #fff;
    background: #1d2025;
    border: 1px solid #1d2025
}

.button7 {
    color: #fff;
    background: #0090ff;
    padding: 20px 40px;
    border-radius: 3px
}

.button7:hover {
    color: #1d2025;
    background: #fff
}

.button7.sty2 {
    color: #1d2025;
    background: #eecf54
}

.button7.sty2:hover {
    color: #1d2025;
    background: #fff
}

.button8 {
    color: #0090ff;
    font-family: Raleway, sans-serif;
    font-weight: 400;
    transition: all .3s ease
}

.button11,
.button12,
.button13 {
    font-weight: 700;
    letter-spacing: .5px
}

.button8:hover {
    color: #fff;
    padding-left: 5px
}

.button8.sty2:hover {
    color: #999;
    padding-left: 5px
}

.button8.red {
    color: #f62459
}

.button8.red:hover {
    color: #fff
}

.button9 {
    color: #999;
    border: 1px solid #ddd;
    padding: 8px 25px;
    border-radius: 20px;
    font-family: Raleway, sans-serif;
    transition: all .3s ease
}

.button9:hover {
    color: #fff;
    background: #ccc;
    border: 1px solid #ccc
}

.button9.sty2 {
    color: #fff;
    border: 1px solid #fff
}

.button9.sty2:hover {
    color: #999;
    background: #fff;
    border: 1px solid #fff
}

.button9.sty3 {
    color: #fff;
    font-size: 12px;
    padding: 7px 20px;
    border-radius: 18px;
    border: 1px solid #4ecdc4;
    background: #4ecdc4
}

.button10,
.button11 {
    font-size: 13px;
    font-family: Raleway, sans-serif;
    transition: all .3s ease
}

.button9.sty3:hover {
    color: #999;
    background: #fff;
    border: 1px solid #fff
}

.button10 {
    color: #fff;
    border: 1px solid #fff;
    padding: 8px 25px;
    border-radius: 20px
}

.button10.sty2,
.button10:hover {
    color: #1d2025;
    background: #fff;
    border: 1px solid #fff
}

.button10.sty2:hover {
    color: #fff;
    background: 0;
    border: 1px solid #fff
}

.button11 {
    color: #fff;
    background: #0090ff;
    padding: 12px 23px;
    border-radius: 3px
}

.button11:hover {
    color: #fff;
    background: #1d2025
}

.button11.sty2 {
    color: #fff;
    background: #81cfe0
}

.button11.sty2:hover {
    background: #1d2025
}

.button11.sty3 {
    color: #fff;
    padding: 18px 27px;
    border-radius: 0;
    font-size: 11px
}

.button11.sty3:hover {
    color: #fff;
    background: #1d2025
}

.button11.sty4 {
    color: #fff;
    background: #c3c3c3
}

.button11.sty4:hover {
    background: #1d2025
}

.button11.sty5 {
    color: #fff;
    background: #b42165
}

.button11.sty5:hover {
    background: #1d2025
}

.button11.sty6 {
    color: #1d2025;
    background: #fff;
    border-radius: 0;
    border: 1px solid #999;
    padding-left: 35px;
    padding-right: 35px
}

.button11.sty6:hover {
    color: #fff;
    background: #e67e22;
    border: 1px solid #e67e22
}

.button11.seagreen {
    color: #fff;
    background: #90c695;
    padding: 18px 27px;
    border-radius: 0;
    font-size: 11px
}

.button11.seagreen:hover {
    background: #1d2025
}

.button12 {
    color: #fff;
    background: #0090ff;
    padding: 16px 25px;
    border-radius: 3px;
    font-family: Raleway, sans-serif;
    transition: all .3s ease
}

.button12:hover {
    color: #fff;
    background: #1d2025
}

.button12.sty2 {
    color: #fff
}

.button12.sty2:hover {
    color: #1d2025;
    background: #fff
}

.button12.sty3 {
    color: #fff;
    background: #f39c12
}

.button12.sty3:hover {
    color: #fff;
    background: #1d2025
}

.button13 {
    color: #1d2025;
    border: 1px solid #1d2025;
    padding: 16px 40px;
    border-radius: 3px;
    font-family: Raleway, sans-serif;
    transition: all .3s ease
}

.button14,
.button17,
.button19 {
    font-weight: 500
}

.button13:hover {
    color: #fff;
    background: #1d2025
}

.button13.sty2 {
    color: #fff;
    border: 1px solid #fff
}

.button13.sty2:hover,
.button14 {
    color: #1d2025;
    background: #fff
}

.button14 {
    padding: 13px 23px;
    border-radius: 2px;
    font-family: Raleway, sans-serif;
    letter-spacing: .5px;
    transition: all .3s ease
}

.button14:hover {
    color: #fff;
    background: #1d2025
}

.button15 {
    color: #999;
    font-size: 13px;
    border: 1px solid #ddd;
    padding: 5px 21px;
    border-radius: 20px;
    font-family: Raleway, sans-serif;
    transition: all .3s ease
}

.button15:hover {
    color: #1d2025;
    background: #eee;
    border: 1px solid #eee
}

.button16 {
    color: #999;
    font-size: 11px;
    border: 1px solid #ddd;
    padding: 8px 20px;
    border-radius: 16px;
    font-family: Raleway, sans-serif;
    transition: all .3s ease
}

.button16:hover {
    color: #fff;
    background: #ccc;
    border: 1px solid #ccc
}

.button17 {
    color: #1d2025;
    border: 1px solid #999;
    padding: 14px 32px;
    border-radius: 3px;
    font-family: Raleway, sans-serif;
    letter-spacing: .5px;
    transition: all .3s ease
}

.button17:hover {
    color: #fff;
    background: #1d2025;
    border: 1px solid #1d2025
}

.button17.sty2 {
    color: #1d2025;
    padding: 11px 30px;
    font-size: 12px
}

.button18 {
    color: #1d2025;
    font-size: 13px;
    border: 1px solid #1d2025;
    padding: 8px 25px;
    border-radius: 20px;
    font-family: Raleway, sans-serif;
    transition: all .3s ease
}

.button18.sty2,
.button18:hover {
    color: #fff;
    background: #1d2025;
    border: 1px solid #1d2025
}

.button18.sty2 {
    padding: 9px 20px;
    border-radius: 3px
}

.button18.sty2:hover {
    color: #1d2025;
    background: 0
}

.button19 {
    color: #fff;
    font-size: 14px;
    background: #4ecdc4;
    padding: 14px 40px;
    border-radius: 30px;
    font-family: Raleway, sans-serif;
    transition: all .3s ease
}

.button20,
.button21 {
    border: 2px solid #fff;
    font-family: Raleway, sans-serif;
    transition: all .3s ease
}

.button19:hover {
    color: #fff;
    background: #1d2025
}

.button19.sty2 {
    color: #fff;
    background: #f62459
}

.button19.sty2:hover {
    color: #fff;
    background: #1d2025
}

.button20 {
    color: #fff;
    padding: 18px 45px;
    border-radius: 3px;
    font-weight: 600;
    letter-spacing: .5px
}

.button20:hover {
    color: #1d2025;
    background: #fff
}

.button20.sty2 {
    color: #fff;
    padding: 14px 35px;
    border: 1px solid #fff
}

.button20.sty2:hover {
    color: #1d2025;
    background: #fff
}

.button20.sty3 {
    color: #fff;
    padding: 16px 27px;
    border: 1px solid #87d37c;
    background: #87d37c;
    font-weight: 800;
    font-size: 12px
}

.button20.sty3:hover {
    color: #fff;
    background: #1d2025;
    border: 1px solid #1d2025
}

.button21 {
    float: left;
    margin-left: 47%;
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;
    width: 90px;
    height: 90px;
    text-align: center;
    vertical-align: middle;
    line-height: 90px;
    border-radius: 100%
}

.button22,
.button23 {
    transition: all .2s ease;
    font-family: Raleway, sans-serif;
    font-weight: 700;
    text-align: center
}

.button21:hover {
    color: #1d2025;
    background: #fff;
    border: 2px solid #fff
}

.button22 {
    color: #fff;
    padding: 20px 35px;
    background: #0090ff;
    border-radius: 3px
}

.button22:hover {
    color: #fff;
    box-shadow: inset 0 0 0 14px #1d2025
}

.button23 {
    color: #fff;
    padding: 18px 41px;
    border: 1px solid #fff;
    border-radius: 3px
}

.button23:hover {
    color: #1d2025;
    box-shadow: inset 0 0 0 28px #fff
}

.button24>a {
    position: relative;
    color: #fff;
    text-align: center;
    font-family: Raleway, sans-serif;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 3px
}

.button24>a:hover {
    color: #fff
}

.button24>a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: #fff;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all .3s ease-in-out 0;
    transition: all .3s ease-in-out 0
}

.button25 i,
.button26 i {
    width: 1px;
    transition: all .3s ease
}

.button24>a:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.button24.dark>a,
.button24.dark>a:hover {
    color: #1d2025
}

.button24.dark>a:before {
    background-color: #1d2025
}

.button24.sty2>a {
    color: #fff;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    letter-spacing: inherit
}

.button24.sty3>a {
    font-weight: 500;
    letter-spacing: 1px
}

.button25 a,
.button26 a {
    font-weight: 700;
    border-radius: 25px;
    text-transform: uppercase
}

.button24.sty3>a:hover {
    color: #fff
}

.button24.sty3>a:before {
    height: 1px;
    bottom: -1px
}

.button25 a {
    color: #1d2025;
    padding: 14px 25px 14px 30px;
    background: #fff
}

.button25:hover a {
    padding-left: 30px;
    padding-right: 40px
}

.button25 i {
    opacity: 0;
    margin-left: 0
}

.button25:hover i {
    opacity: 1;
    margin-left: 5px
}

.button26 a {
    color: #fff;
    padding: 14px 25px 14px 30px;
    border: 1px solid #fff
}

.button26:hover a {
    padding-left: 30px;
    padding-right: 40px
}

.button26 i {
    opacity: 0;
    margin-left: 0
}

.button26:hover i {
    opacity: 1;
    margin-left: 5px
}

.button26.dark a {
    color: #1d2025;
    border: 1px solid #1d2025
}

.button26.light a {
    color: #999;
    border: 1px solid #999
}

.button26.light:hover a {
    color: #1d2025;
    border: 1px solid #1d2025
}

.button26.colored a {
    padding: 20px 30px 20px 35px;
    border: 0;
    border-radius: 3px;
    background: #29a8e8
}

.button26.colored:hover a {
    padding-left: 35px;
    padding-right: 43px
}

a.button27 {
    border-radius: 27px;
    background-color: #f62459;
    border: 0;
    color: #fff;
    text-align: center;
    padding: 18px 14px;
    width: 160px;
    transition: all .5s;
    cursor: pointer
}

a.button27 span {
    cursor: pointer;
    position: relative;
    transition: .5s
}

a.button27 span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    transition: .5s
}

.button28 span:after,
.button32 span:after {
    content: '\2192';
    right: 0;
    top: 0
}

a.button27:hover span {
    padding-right: 16px;
    color: #fff
}

a.button27:hover span:after {
    opacity: 1;
    right: 0
}

a.button27.sty2 {
    background-color: #87d37c;
    color: #fff;
    padding: 10px 0;
    width: 140px;
    font-size: 12px
}

.button28,
a.button27.sty3 {
    background-color: #fff;
    color: #1d2025
}

a.button27.sty2:hover span {
    padding-right: 12px;
    color: #fff
}

a.button27.sty3 {
    padding: 16px 0;
    width: 180px;
    font-size: 14px;
    border-radius: 40px
}

a.button27.sty3:hover span {
    padding-right: 14px;
    color: #1d2025
}

.button28 {
    border-radius: 32px;
    text-align: center;
    padding: 16px 14px;
    width: 170px;
    transition: all .5s;
    cursor: pointer
}

.button28 span {
    cursor: pointer;
    position: relative;
    transition: .5s
}

.button28 span:after {
    position: absolute;
    opacity: 0;
    transition: .3s
}

.button29,
.button29 i {
    transition: all .3s ease
}

.button28:hover span {
    padding-right: 22px;
    color: #0090ff
}

.button28:hover span:after {
    opacity: 1;
    right: 0
}

.button28.sty2 {
    padding: 13px 14px;
    background: 0;
    border: 2px solid #fff;
    color: #fff
}

.button30,
.button31 {
    background: #e67e22;
    font-weight: 700;
    text-align: center
}

.button28.sty2:hover span {
    padding-right: 22px;
    color: #fff
}

.button29 {
    color: #fff;
    padding: 14px 32px;
    border-radius: 30px;
    border: 1px solid #fff
}

.button29:hover,
.button30 {
    color: #fff;
    border-radius: 3px
}

.button29:hover i {
    padding-left: 7px
}

.button30 {
    padding: 18px 41px;
    transition: all .5s ease
}

.button30:hover {
    color: #1d2025;
    box-shadow: inset 0 -70px 0 0 #fff
}

.button31 {
    color: #fff;
    padding: 16px 40px;
    border-radius: 30px;
    transition: all .4s ease
}

.button31:hover {
    color: #fff;
    box-shadow: inset 200px 0 0 0 #1d2025
}

.button31.sty2 {
    color: #fff;
    background: #f62459
}

.button32 {
    color: #fff;
    text-align: center;
    padding: 4px 5px;
    width: 200px;
    transition: all .5s;
    cursor: pointer;
    letter-spacing: 0
}

.button32 span {
    cursor: pointer;
    position: relative;
    transition: .5s
}

#flickr_www,
.button,
.button--rayen-dark>span,
.button--rayen>span,
.button--winona>span,
a.anibut {
    display: block
}

.button32 span:after {
    position: absolute;
    opacity: 0;
    transition: .3s
}

.button32:hover span {
    padding-right: 22px;
    color: #fff;
    letter-spacing: 5px
}

.button32:hover span:after {
    opacity: 1;
    right: 0
}

.button33 {
    color: #fff;
    text-align: center;
    padding: 20px 50px;
    background: #0090ff;
    border-radius: 35px;
    transition: all .4s ease
}

.imghboxtext .textbox,
.imghoverzoom .textbox {
    -webkit-transition: all .3s ease;
    background-color: rgba(29, 32, 37, .9)
}

.button33:hover {
    color: #fff;
    box-shadow: inset 300px 0 0 0 #1d2025
}

.imghoverzoom {
    position: relative
}

.imghoverzoom .textbox {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(.75);
    transform: scale(.75);
    opacity: 0;
    transition: all .3s ease
}

.imghoverzoom:hover .textbox {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.imghboxtext {
    position: relative
}

.imghboxtext .textbox {
    width: 0;
    height: 70%;
    padding-left: 8%;
    position: absolute;
    top: 100px;
    left: 90px;
    opacity: 0;
    transition: all .3s ease
}

.imghboxtext:hover .textbox {
    width: 50%;
    opacity: 1
}

.imghboxtext a.go {
    position: absolute;
    left: 0;
    top: 332px;
    color: #fff;
    padding: 10px
}

.imghboxtext a.go:hover {
    left: 5px
}

.imghboxtext2 {
    position: relative
}

.imghboxtext2 .textbox {
    width: 0;
    height: 65%;
    padding-left: 10%;
    padding-top: 10%;
    position: absolute;
    top: 75px;
    left: 50px;
    background-color: rgba(29, 32, 37, .9);
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.imghboxtext2:hover .textbox {
    width: 67%;
    opacity: 1
}

.imghboxtext2 a.go {
    position: absolute;
    left: 0;
    top: 155px;
    color: #fff;
    padding: 10px
}

.imghboxtext2 a.go:hover {
    left: 5px
}

.port-box {
    width: 100%;
    overflow: hidden
}

.port-box .image:hover {
    background-size: 120%
}

.port-box .layover {
    width: 100%;
    padding: 90px 0 100px;
    background-color: rgba(29, 32, 37, .75);
    transition: all 1s ease
}

.port-box .layover:hover {
    background-color: rgba(29, 32, 37, .3);
    -webkit-box-shadow: inset 0 0 27px 10px rgba(255, 255, 255, .1);
    -moz-box-shadow: inset 0 0 27px 10px rgba(255, 255, 255, .1);
    box-shadow: inset 0 0 27px 10px rgba(255, 255, 255, .1)
}

.carousel-box {
    position: absolute;
    width: 35%;
    top: 18%;
    left: 9%;
    z-index: 10;
    padding: 50px 50px 40px;
    color: #fff;
    background-color: rgba(29, 32, 37, .8)
}

.zoomimg,
.zoomimg2,
.zoomimg3 {
    position: relative;
    overflow: hidden
}

.line-hover {
    height: 1px;
    width: 72px;
    transition: width .5s;
    -webkit-transition: width .5s
}

.item:hover .line-hover {
    width: 140px
}

.line-hover2 {
    height: 1px;
    width: 120px;
    transition: width .5s;
    -webkit-transition: width .5s
}

.col-md-4:hover .line-hover2,
.col-md-5:hover .line-hover2,
.col-md-6:hover .line-hover2 {
    width: 180px
}

.link-hover-bline {
    height: 1px;
    width: 0;
    background-color: #1d2025;
    transition: width .3s;
    -webkit-transition: width .3s
}

a:hover .link-hover-bline {
    width: 100%
}

.link-hover-bline2 {
    height: 1px;
    width: 0;
    background-color: #fff;
    transition: width .3s;
    -webkit-transition: width .3s
}

.hover-shadow,
.hover-shadow.sty2,
.hover-shadow10,
.hover-shadow11,
.hover-shadow12,
.hover-shadow13,
.hover-shadow14,
.hover-shadow15,
.hover-shadow2,
.hover-shadow3,
.hover-shadow4,
.hover-shadow5,
.hover-shadow6,
.hover-shadow8,
.hover-shadow9 {
    transition: all .3s ease
}

a:hover .link-hover-bline2 {
    width: 100%
}

.circle-bgimg {
    margin: 0 auto 50px;
    width: 162px;
    height: 162px;
    padding: 30px 0 0;
    text-align: center;
    background: url(../images/site-img19.png) center top no-repeat
}

.box-shadow1 {
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .1)
}

.box-shadow2 {
    -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .5)
}

.box-shadow3 {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1)
}

.box-shadow4 {
    -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .3)
}

.box-shadow5 {
    -webkit-box-shadow: 0 -10px 30px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 -10px 30px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 -10px 30px 0 rgba(0, 0, 0, .5)
}

.box-shadow6 {
    -webkit-box-shadow: inset 0 16px 20px 0 rgba(0, 0, 0, .4);
    -moz-box-shadow: inset 0 16px 20px 0 rgba(0, 0, 0, .4);
    box-shadow: inset 0 16px 20px 0 rgba(0, 0, 0, .4)
}

.box-shadow7 {
    -webkit-box-shadow: 0 8px 27px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 8px 27px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 8px 27px 0 rgba(0, 0, 0, .2)
}

.box-shadow8 {
    -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 14px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .1)
}

.box-shadow9 {
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2)
}

.box-shadow10 {
    -webkit-box-shadow: inset 0 4px 1px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 4px 1px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 4px 1px 0 rgba(0, 0, 0, .1)
}

.box-shadow11 {
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .16);
    -moz-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .16)
}

.box-shadow12 {
    -moz-box-shadow: 0 -10px 30px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 -10px 30px 0 rgba(0, 0, 0, .2)
}

.box-shadow13 {
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .1)
}

.box-shadow14 {
    -webkit-box-shadow: 7px 7px 0 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: 7px 7px 0 0 rgba(0, 0, 0, .05);
    box-shadow: 7px 7px 0 0 rgba(0, 0, 0, .05)
}

.box-shadow-white {
    -webkit-box-shadow: 0 0 20px 5px rgba(255, 255, 255, 1);
    -moz-box-shadow: 0 0 20px 5px rgba(255, 255, 255, 1);
    box-shadow: 0 0 20px 5px rgba(255, 255, 255, 1)
}

.hover-shadow.active,
.hover-shadow:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.hover-shadow.sty2:hover {
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.hover-shadow2.active,
.hover-shadow2:hover {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .18);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .18);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .18)
}

.hover-shadow3:hover {
    -webkit-box-shadow: 0 -10px 0 0 #1d2025;
    -moz-box-shadow: 0 -10px 0 0 #1d2025;
    box-shadow: 0 -10px 0 0 #1d2025
}

.hover-shadow4:hover {
    -webkit-box-shadow: 0 5px 27px 0 rgba(0, 0, 0, .07);
    -moz-box-shadow: 0 5px 27px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 5px 27px 0 rgba(0, 0, 0, .07)
}

.hover-shadow5:hover {
    -webkit-box-shadow: 0 0 0 18px #fff;
    -moz-box-shadow: 0 0 0 18px #fff;
    box-shadow: 0 0 0 18px #fff
}

.hover-shadow6 {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 5px rgba(0, 0, 0, .1);
    background: rgba(0, 0, 0, .1)
}

.hover-shadow6:hover {
    -webkit-box-shadow: 0 0 0 12px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 0 0 12px rgba(0, 0, 0, .8);
    box-shadow: 0 0 0 12px rgba(0, 0, 0, .8);
    background: rgba(0, 0, 0, .8)
}

.hover-shadow7 {
    transition: all .3s ease
}

.hover-shadow7:hover {
    -webkit-box-shadow: 0 -10px 20px 5px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 -10px 20px 5px rgba(0, 0, 0, .05);
    box-shadow: 0 -10px 20px 5px rgba(0, 0, 0, .05)
}

.hover-shadow8:hover {
    -webkit-box-shadow: 0 0 0 5px #1d2025;
    -moz-box-shadow: 0 0 0 5px #1d2025;
    box-shadow: 0 0 0 5px #1d2025
}

.hover-shadow8.white:hover {
    -webkit-box-shadow: 0 0 0 5px #fff;
    -moz-box-shadow: 0 0 0 5px #fff;
    box-shadow: 0 0 0 5px #fff
}

.hover-shadow9:hover {
    -webkit-box-shadow: 0 20px 10px 7px rgba(0, 0, 0, .03);
    -moz-box-shadow: 0 20px 10px 7px rgba(0, 0, 0, .03);
    box-shadow: 0 20px 10px 7px rgba(0, 0, 0, .03);
    background: #fff
}

.hover-shadow10:hover {
    -webkit-box-shadow: 0 -10px 16px 5px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 -10px 16px 5px rgba(0, 0, 0, .05);
    box-shadow: 0 -10px 16px 5px rgba(0, 0, 0, .05);
    background: #fff
}

.hover-shadow11:hover {
    -webkit-box-shadow: 0 12px 10px 7px rgba(0, 0, 0, .04);
    -moz-box-shadow: 0 12px 10px 7px rgba(0, 0, 0, .04);
    box-shadow: 0 12px 10px 7px rgba(0, 0, 0, .04);
    background: #fff
}

.hover-shadow12:hover {
    -webkit-box-shadow: 0 0 0 10px #fff;
    -moz-box-shadow: 0 0 0 10px #fff;
    box-shadow: 0 0 0 10px #fff
}

.hover-shadow13:hover {
    -webkit-box-shadow: 0 -10px 0 0 #f62459;
    -moz-box-shadow: 0 -10px 0 0 #f62459;
    box-shadow: 0 -10px 0 0 #f62459
}

.hover-shadow14:hover {
    -webkit-box-shadow: 0 -7px 0 0 #e67e22;
    -moz-box-shadow: 0 -7px 0 0 #e67e22;
    box-shadow: 0 -7px 0 0 #e67e22
}

.hover-shadow15 {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, .8);
    box-shadow: 0 0 0 5px rgba(0, 0, 0, .8);
    background: rgba(0, 0, 0, .8)
}

.hover-shadow15:hover {
    -webkit-box-shadow: 0 0 0 12px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 0 12px rgba(0, 0, 0, .5);
    box-shadow: 0 0 0 12px rgba(0, 0, 0, .5);
    background: rgba(0, 0, 0, .5)
}

.hover-shadow-color,
.hover-shadow-color2 {
    background-color: #ccc;
    transition: all .5s ease
}

.hover-shadow-color:hover {
    box-shadow: inset 0 -430px 0 0 #0090ff
}

.hover-shadow-color2:hover {
    box-shadow: inset 0 -200px 0 0 #1d2025
}

.hover-shadow-color3 {
    background-color: #fff;
    transition: all .4s ease
}

.hover-shadow-color3:hover {
    box-shadow: inset 0 -250px 0 0 #f39c12
}

.hover-shadow-color3 h2,
.hover-shadow-color3 h3,
.hover-shadow-color3 h4,
.hover-shadow-color3 h5,
.hover-shadow-color3 h6,
.hover-shadow-color3 i,
.hover-shadow-color3 p {
    transition: all .5s ease
}

.hover-shadow-color3:hover h2,
.hover-shadow-color3:hover h3,
.hover-shadow-color3:hover h4,
.hover-shadow-color3:hover h5,
.hover-shadow-color3:hover h6,
.hover-shadow-color3:hover i,
.hover-shadow-color3:hover p {
    color: #fff
}

.hover-shadow-color4 {
    background-color: #fff;
    transition: all .4s ease
}

.hover-shadow-color4:hover {
    box-shadow: inset 0 -250px 0 0 #eee
}

.hover-shadow-color4 h2,
.hover-shadow-color4 h3,
.hover-shadow-color4 h4,
.hover-shadow-color4 h5,
.hover-shadow-color4 h6,
.hover-shadow-color4 i,
.hover-shadow-color4 p {
    transition: all .5s ease
}

a .hover-color-lightorange {
    transition: all .3s ease
}

a:hover .hover-color-lightorange {
    background: #f39c12
}

.col-md-1.hoverup,
.col-md-10.hoverup,
.col-md-11.hoverup,
.col-md-12.hoverup,
.col-md-2.hoverup,
.col-md-3.hoverup,
.col-md-4.hoverup,
.col-md-5.hoverup,
.col-md-6.hoverup,
.col-md-7.hoverup,
.col-md-8.hoverup,
.col-md-9.hoverup {
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.hoverup:hover {
    margin-top: -30px
}

.col-md-1.hoverup2,
.col-md-10.hoverup2,
.col-md-11.hoverup2,
.col-md-12.hoverup2,
.col-md-2.hoverup2,
.col-md-3.hoverup2,
.col-md-4.hoverup2,
.col-md-5.hoverup2,
.col-md-6.hoverup2,
.col-md-7.hoverup2,
.col-md-8.hoverup2,
.col-md-9.hoverup2 {
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.hoverup2:hover {
    margin-top: -10px
}

.col-md-1.hoverup3,
.col-md-10.hoverup3,
.col-md-11.hoverup3,
.col-md-12.hoverup3,
.col-md-2.hoverup3,
.col-md-3.hoverup3,
.col-md-4.hoverup3,
.col-md-5.hoverup3,
.col-md-6.hoverup3,
.col-md-7.hoverup3,
.col-md-8.hoverup3,
.col-md-9.hoverup3 {
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.hover-bgcolor,
.hover-bgcolor2,
.hover-bgcolor3,
.hover-opacity,
.icon-hover-border,
.price-sec-one,
.price-sec-one .col-md-3,
.price-sec-one .col-md-4,
.price-sec-one .col-md-6,
.zoomimg img,
.zoomimg2 img,
.zoomimg3 img {
    transition: all .3s ease
}

.hoverup3:hover {
    margin-top: -5px
}

.hover-bgcolor:hover {
    background: #4ecdc4
}

.hover-bgcolor:hover h1,
.hover-bgcolor:hover h2,
.hover-bgcolor:hover h3,
.hover-bgcolor:hover h4,
.hover-bgcolor:hover h5,
.hover-bgcolor:hover h6,
.hover-bgcolor:hover p {
    color: #fff
}

.hover-opacity:hover {
    opacity: .27
}

.hover-bgcolor2:hover {
    background: rgba(255, 255, 255, .4)
}

.hover-bgcolor3:hover {
    background: rgba(255, 255, 255, .2)
}

.inset {
    background: #1d2025;
    width: 100%;
    padding: 10%;
    transition: all .3s ease
}

.inset:hover {
    box-shadow: inset 0 0 0 18px #0090ff
}

.triangle-bottomright {
    float: right;
    width: 10px;
    border-style: solid;
    border-width: 0 0 10px 10px;
    border-color: transparent transparent #b42165
}

.triangle-bottomright.gray {
    border-color: transparent transparent #e9e9e9
}

.zoomimg {
    width: 100%
}

.zoomimg:hover img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.zoomimg2:hover img {
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
}

.zoomimg3 {
    width: 100%
}

.zoomimg3:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 566px
}

.videowrapper2 iframe {
    width: 100%;
    height: 370px
}

#flickr_badge_wrapper {
    padding: 0;
    margin: 27px 0 0;
    width: 100%
}

#flickr_badge_wrapper img {
    width: 30%;
    height: 30%;
    margin-right: 5px;
    margin-bottom: 0;
    border: 0 solid #999 !important
}

#flickr_www {
    padding: 0 10px !important
}

#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:visited {
    text-decoration: none !important;
    background: inherit !important;
    color: #3993ff
}

#flickr_badge_source {
    padding: 0 !important
}

div.twt-item {
    color: #999;
    background-color: #fff
}

div.twt-item .row {
    padding: 0;
    margin: 0;
    background-color: #fff
}

div.twt-img-ct img {
    border-radius: 5%;
    width: 0
}

div.twt-item .col-lg-10,
div.twt-item .col-md-10 {
    width: 100%;
    padding: 0;
    margin: 0
}

div.twt-item .col-lg-1,
div.twt-item .col-md-1,
div.twt-item .col-sm-1 {
    width: 100%;
    height: 10px
}

.toggleslid {
    position: absolute
}

.toggleslide #toggle {
    position: absolute;
    appearance: none;
    cursor: pointer;
    left: -100%;
    top: -100%;
    z-index: 9999
}

.toggleslide #toggle+label {
    position: absolute;
    border-radius: 25px;
    width: 27px;
    height: 27px;
    padding-top: 3px;
    color: #bbb;
    background-color: #fff;
    -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .12);
    line-height: 18px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    right: 27px;
    top: 25px;
    transition: all .5s ease;
    z-index: 9999
}

.google-map .contdetails li,
.google-map .contdetails li i {
    line-height: 100px;
    vertical-align: middle;
    float: left;
    height: 100%
}

.toggleslide #toggle+label:after {
    content: "+";
    font-size: 18px;
    font-weight: 400
}

.toggleslide .slidecontainer {
    transition: margin .3s cubic-bezier(.17, .04, .03, .94)
}

.toggleslide #toggle:checked~.message {
    top: 0
}

.toggleslide #toggle:checked~.slidecontainer {
    margin-top: 250px
}

.toggleslide #toggle:checked+label {
    background: #1d2025
}

.toggleslide #toggle:checked+label:after {
    content: "x";
    font-size: 11px;
    color: #fff;
    background-color: #999;
    padding: 5px 10px;
    border-radius: 100%
}

.toggleslide .message {
    background: #1d2025;
    box-sizing: border-box;
    color: #fff;
    height: 250px;
    left: 0;
    overflow: hidden;
    padding-top: 2.5%;
    position: absolute;
    top: -250px;
    transition: top .3s cubic-bezier(.17, .04, .03, .94) 0;
    width: 100%;
    z-index: 2
}

.sky,
.skytext {
    position: relative
}

.skytext {
    float: left;
    width: 100%;
    z-index: 2;
    margin-top: -370px
}

#triangle-down-center,
.accordion,
a.anibut {
    margin: 0 auto
}

.sky {
    height: 480px;
    overflow: hidden;
    -webkit-animation: sky_background 50s ease-out infinite;
    -moz-animation: sky_background 50s ease-out infinite;
    -o-animation: sky_background 50s ease-out infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0)
}

.clouds_one,
.clouds_three,
.clouds_two {
    position: absolute;
    left: 0;
    height: 100%;
    width: 300%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    top: 0
}

.icon-hover-border {
    width: 90px;
    height: 90px;
    text-align: center;
    padding-top: 23px;
    border: 2px solid rgba(255, 255, 255, .2);
    border-radius: 5px
}

.icon-hover-border:hover {
    border: 2px solid #0090ff;
    border-radius: 100%
}

.price-sec-one .col-md-3.active,
.price-sec-one .col-md-3:hover,
.price-sec-one .col-md-4.active,
.price-sec-one .col-md-4:hover,
.price-sec-one .col-md-6.active,
.price-sec-one .col-md-6:hover {
    background-color: rgba(255, 255, 255, .3)
}

.price-sec-two {
    background-color: #f9f9f9;
    border: 1px solid #f3f3f3;
    padding: 5%
}

.price-sec-two .box {
    width: 100%;
    padding: 14%;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .06)
}

.blog-section1 {
    float: left;
    border: 0;
    width: 100%;
    position: relative;
    -webkit-transition: all .2s ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all .2s ease-in;
    -ms-transform: scale(1);
    -moz-transition: all .2s ease-in;
    -moz-transform: scale(1);
    transition: all .2s ease-in;
    transform: scale(1)
}

.blog-section1:hover {
    box-shadow: 0 0 72px rgba(0, 0, 0, .75);
    z-index: 2;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1)
}

.blog-section1:hover span {
    opacity: .36
}

.blog-section1 span {
    position: absolute;
    left: 27px;
    bottom: 45px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    transition: all .4s ease
}

.blog-section1 span strong {
    font-weight: 800
}

.blog-section1 div {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background: #fff;
    width: 100%;
    height: 100%;
    opacity: 0;
    padding: 18px 20px 0;
    text-align: center;
    -webkit-transition: top .5s;
    transition: top .5s
}

.blog-section1:hover div {
    top: -75px;
    opacity: 1;
    height: 75px
}

#triangle-down,
#triangle-down-center {
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 18px solid #fff
}

.button {
    float: left;
    border: 0;
    background: 0;
    color: inherit;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.button:focus {
    outline: 0
}

.button>span {
    vertical-align: middle
}

.button--text-upper {
    letter-spacing: 1px;
    text-transform: uppercase
}

.button--text-thin {
    font-weight: 300
}

.button--text-medium {
    font-weight: 500
}

.button--text-thick {
    font-weight: 600
}

.button--rayen,
.button--rayen-dark {
    font-weight: 700;
    text-transform: uppercase;
    overflow: hidden
}

.button--round-s {
    border-radius: 5px
}

.button--round-m {
    border-radius: 15px
}

.button--round-l {
    border-radius: 40px
}

.button--border-thin {
    border: 1px solid
}

.button--border-medium {
    border: 2px solid
}

.button--border-thick {
    border: 3px solid
}

.button--pipaluk {
    padding: 16px 40px;
    color: #fff;
    border-radius: 35px
}

.button--pipaluk.button--inverted {
    color: #fff
}

.button--pipaluk::after,
.button--pipaluk::before {
    content: '';
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transition: -webkit-transform .3s, background-color .3s;
    transition: transform .3s, background-color .3s;
    -webkit-transition-timing-function: cubic-bezier(.25, 0, .3, 1);
    transition-timing-function: cubic-bezier(.25, 0, .3, 1)
}

.button--rayen-dark::before,
.button--rayen::before {
    content: attr(data-text);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0
}

.button--pipaluk::before {
    border: 2px solid #fff
}

.button--pipaluk:hover::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.button--pipaluk::before,
.button--pipaluk:hover::after {
    -webkit-transform: scale3d(.9, .9, 1);
    transform: scale3d(.9, .9, 1)
}

.button--pipaluk:hover {
    color: #0090ff
}

.button--pipaluk.sty2.button--inverted,
.button--rayen.button--inverted {
    color: #fff
}

.button--pipaluk.button--inverted:hover::after {
    background-color: #fff
}

.button--pipaluk.sty2.button--inverted::before {
    border-color: #0090ff
}

.button--pipaluk.sty2.button--inverted::after {
    background: #0090ff
}

.button--rayen {
    padding: 0
}

.button--rayen::before {
    background: #7986cb;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.button--rayen.button--inverted::before {
    background: #fff;
    color: #1d2025
}

.button--rayen::before,
.button--rayen>span {
    padding: 1.1em 3.5em;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1)
}

.button--rayen:hover::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.button--rayen:hover>span {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.button--rayen-dark {
    padding: 0;
    border: 0;
    background: #454545
}

.button--rayen-dark.button--inverted {
    color: #fff
}

.button--rayen-dark::before {
    background: #fff;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.button--rayen-dark.button--inverted::before {
    background: #fff;
    color: #454545
}

.button--rayen-dark::before,
.button--rayen-dark>span {
    padding: 1.1em 3.5em;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1)
}

.button--rayen-dark:hover::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.button--rayen-dark:hover>span {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.button--rayen-dark.sty2::before {
    border: 1px solid #e3e3e3
}

.button.button--wapasha {
    padding: 14px 40px;
    background: #37474f;
    color: #fff;
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s
}

.button.button--wapasha.sty2 {
    padding: 17px 38px
}

.button--wapasha.sty2.button--inverted {
    background: 0;
    color: #fff;
    border: 1px solid #fff
}

.button--wapasha.sty2.button--inverted::before {
    border-color: #fff
}

.button.button--wapasha.sty3 {
    padding: 5px 18px 4px;
    font-size: 12px
}

.btn-three a,
.btn-two a {
    font-size: 13px;
    text-transform: uppercase
}

.button--wapasha.button--inverted {
    background: #fff;
    color: #1d2025;
    font-weight: 600
}

.button--wapasha::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #0090ff;
    z-index: -1;
    border-radius: inherit;
    opacity: 0;
    -webkit-transform: scale3d(.6, .6, 1);
    transform: scale3d(.6, .6, 1);
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1)
}

.button--wapasha.button--inverted::before {
    border-color: #7986cb
}

.button--wapasha:hover {
    background-color: #fff;
    color: #0090ff
}

.button--wapasha.button--inverted:hover {
    background-color: #37474f;
    color: #fff
}

.button--wapasha:hover::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}

.button--winona {
    overflow: hidden;
    padding: 0;
    border-radius: 45px;
    -webkit-transition: border-color .3s, background-color .3s;
    transition: border-color .3s, background-color .3s;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.button--winona::after {
    content: attr(data-text);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    color: #1d2025;
    -webkit-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0)
}

.button--winona.button--inverted {
    color: #fff
}

.button--winona.button--inverted:after {
    color: #1d2025
}

.button--winona::after,
.button--winona>span {
    padding: 16px 35px;
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.button--winona:hover {
    border-color: #3f51b5;
    background-color: rgba(63, 81, 181, .1)
}

.button--winona.button--inverted:hover {
    border-color: #fff;
    background-color: #fff
}

.button--winona:hover::after {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.button--winona:hover>span {
    opacity: 0;
    -webkit-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0)
}

.button--winona.sty2 {
    color: #1d2025;
    background: #fff;
    border: 0
}

a.anibut,
a.anibut::after {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

a.anibut {
    background: 0;
    border: 2px solid #0090ff;
    color: #0090ff;
    font-weight: 700;
    padding: 16px 0;
    position: relative
}

.btn-three,
.btn-two,
.btn-two a,
a.anibut:hover {
    color: #fff
}

a.anibut::after,
a.anibut::before {
    background: #0090ff;
    content: '';
    position: absolute;
    z-index: -1
}

a.anibut.but1::after {
    height: 0;
    left: 0;
    top: 0;
    width: 100%
}

a.anibut.but1:hover:after {
    height: 100%
}

a.anibut.but2::after {
    height: 100%;
    left: 0;
    top: 0;
    width: 0
}

a.anibut.but2:hover:after {
    width: 100%
}

a.anibut.but3::after {
    height: 0;
    left: 50%;
    top: 50%;
    width: 0
}

a.anibut.but3:hover:after,
a.anibut.but4::after,
a.anibut.but4::before {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

a.anibut.but4::after {
    background: #2ecc71
}

a.anibut.but4:hover:after {
    height: 0;
    left: 50%;
    top: 50%;
    width: 0
}

.btn {
    padding: 16px 45px;
    text-align: center;
    cursor: pointer
}

.btn-two {
    transition: all .5s;
    position: relative
}

.btn-two::after,
.btn-two::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all .3s
}

.btn-two a {
    font-weight: 700
}

.btn-two::before {
    background-color: rgba(255, 255, 255, .3)
}

.btn-two:hover::before {
    opacity: 0;
    transform: scale(.5, .5)
}

.btn-two::after {
    opacity: 0;
    border: 1px solid rgba(255, 255, 255, .75);
    transform: scale(1.2, 1.2)
}

.btn-two:hover::after {
    opacity: 1;
    transform: scale(1, 1)
}

.btn-three {
    transition: all .5s;
    position: relative
}

.btn-three::after,
.btn-three::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
    transition: all .3s;
    width: 100%
}

.btn-three a {
    color: #1d2025;
    font-weight: 700
}

.accordion ul li div a,
.accordion2 ul li div a,
.accordion3 ul li div a {
    vertical-align: bottom;
    color: #fff;
    box-sizing: border-box;
    text-decoration: none
}

.btn-three::before {
    background-color: rgba(0, 0, 0, .1)
}

.btn-three:hover::before {
    opacity: 0;
    transform: scale(.5, .5)
}

.btn-three::after {
    opacity: 0;
    border: 1px solid rgba(0, 0, 0, .3);
    transform: scale(1.2, 1.2)
}

.btn-three:hover::after {
    opacity: 1;
    transform: scale(1, 1)
}

.accordion {
    width: 100%;
    height: 580px;
    overflow: hidden
}

.accordion ul {
    width: 100%;
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 0
}

.accordion ul li {
    display: table-cell;
    vertical-align: bottom;
    position: relative;
    width: 16.666%;
    height: 580px;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all .5s ease
}

.accordion ul li div {
    display: block;
    overflow: hidden;
    width: 100%
}

.accordion ul li div a {
    display: block;
    height: 580px;
    width: 100%;
    position: relative;
    z-index: 3;
    padding: 15px 20px;
    font-family: Open Sans, sans-serif;
    transition: all .2s ease
}

.accordion ul li div a * {
    opacity: 0;
    margin: 0;
    width: 100%;
    text-overflow: ellipsis;
    position: relative;
    z-index: 5;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.accordion ul li div a h2 {
    font-family: Montserrat, sans-serif;
    text-overflow: clip;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 2px;
    top: 160px
}

.accordion ul li div a p {
    top: 160px;
    font-size: 13.5px
}

.accordion ul:hover li {
    width: 8%
}

.accordion ul:hover li:hover {
    width: 60%
}

.accordion ul:hover li:hover a {
    background: rgba(0, 0, 0, .4)
}

.accordion ul:hover li:hover a * {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media screen and (max-width: 600px) {
    .accordion {
        height: auto
    }

    .accordion ul li,
    .accordion ul li:hover,
    .accordion ul:hover li,
    .accordion ul:hover li:hover {
        position: relative;
        display: table;
        table-layout: fixed;
        width: 100%;
        -webkit-transition: none;
        transition: none
    }
}

.accordion2 {
    width: 100%;
    height: 580px;
    overflow: hidden;
    margin: 0 auto
}

.accordion2 ul {
    width: 100%;
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 0
}

.accordion2 ul li {
    display: table-cell;
    vertical-align: bottom;
    position: relative;
    width: 16.666%;
    height: 580px;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all .5s ease
}

.accordion2 ul li div {
    display: block;
    overflow: hidden;
    width: 100%
}

.accordion2 ul li div a {
    display: block;
    height: 580px;
    width: 100%;
    position: relative;
    z-index: 3;
    padding: 15px 20px;
    font-family: Open Sans, sans-serif;
    transition: all .2s ease
}

.accordion2 ul li div a * {
    opacity: 0;
    margin: 0;
    width: 100%;
    text-overflow: ellipsis;
    position: relative;
    z-index: 5;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.accordion2 ul li div a h2 {
    font-family: Montserrat, sans-serif;
    text-overflow: clip;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 2px;
    top: 160px
}

.accordion2 ul li div a p {
    top: 160px;
    font-size: 13.5px
}

.accordion2 ul:hover li {
    width: 8%
}

.accordion2 ul:hover li:hover {
    width: 60%
}

.accordion2 ul:hover li:hover a {
    background: rgba(0, 0, 0, .4)
}

.accordion2 ul:hover li:hover a * {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media screen and (max-width: 600px) {
    .accordion2 {
        height: auto
    }

    .accordion2 ul li,
    .accordion2 ul li:hover,
    .accordion2 ul:hover li,
    .accordion2 ul:hover li:hover {
        position: relative;
        display: table;
        table-layout: fixed;
        width: 100%;
        -webkit-transition: none;
        transition: none
    }
}

.accordion3 {
    width: 100%;
    height: 580px;
    overflow: hidden;
    margin: 0 auto
}

.accordion3 ul {
    width: 100%;
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 0
}

.accordion3 ul li {
    display: table-cell;
    vertical-align: bottom;
    position: relative;
    width: 16.666%;
    height: 580px;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all .5s ease
}

.accordion3 ul li div {
    display: block;
    overflow: hidden;
    width: 100%
}

.accordion3 ul li div a {
    display: block;
    height: 580px;
    width: 100%;
    position: relative;
    z-index: 3;
    padding: 15px 20px;
    font-family: Open Sans, sans-serif;
    transition: all .2s ease
}

.accordion3 ul li div a * {
    opacity: 0;
    margin: 0;
    width: 100%;
    text-overflow: ellipsis;
    position: relative;
    z-index: 5;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.accordion3 ul li div a h2 {
    font-family: Montserrat, sans-serif;
    text-overflow: clip;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 2px;
    top: 160px
}

.accordion3 ul li div a p {
    top: 160px;
    font-size: 13.5px
}

.accordion3 ul:hover li {
    width: 8%
}

.accordion3 ul:hover li:hover {
    width: 60%
}

.accordion3 ul:hover li:hover a {
    background: rgba(0, 0, 0, .4)
}

.accordion3 ul:hover li:hover a * {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media screen and (max-width: 600px) {
    .accordion3 {
        height: auto
    }

    .accordion3 ul li,
    .accordion3 ul li:hover,
    .accordion3 ul:hover li,
    .accordion3 ul:hover li:hover {
        position: relative;
        display: table;
        table-layout: fixed;
        width: 100%;
        -webkit-transition: none;
        transition: none
    }
}

.demoslide {
    width: 58%;
    margin: 0 auto
}

.demoslide ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

.demoslide li {
    display: block;
    float: left;
    margin-right: 6px;
    cursor: pointer
}

.google-map iframe {
    display: block;
    width: 100%;
    height: 460px;
    border: 0;
    padding: 0;
    filter: grayscale(100%);
    pointer-events: none
}

.google-map .contdetails {
    float: right;
    width: 32%;
    margin-right: 11%;
    height: 302px;
    background: #fff;
    margin-top: -380px;
    position: relative;
    z-index: 2;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5)
}

.google-map .contdetails:after {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #f9f9f9;
    border-width: 14px;
    margin-top: -14px
}

.google-map .contdetails li {
    width: 100%;
    color: #454545;
    font-size: 16px;
    border-bottom: 1px solid #e9e9e9
}

.google-map .contdetails li:last-child {
    border-bottom: 0
}

.google-map .contdetails li i {
    width: 100px;
    background: #f9f9f9;
    text-align: center;
    margin-right: 27px
}

.google-map2 iframe {
    display: block;
    width: 100%;
    height: 500px;
    border: 0;
    padding: 0;
    -webkit-filter: invert(100%) grayscale(100%) brightness(100%);
    -moz-filter: invert(100%) grayscale(100%) brightness(100%);
    -ms-filter: invert(100%) grayscale(100%) brightness(100%);
    -o-filter: invert(100%) grayscale(100%) brightness(100%);
    filter: invert(100%) grayscale(100%) brightness(100%);
    pointer-events: none
}

.google-map3 iframe,
.google-map4 iframe,
.google-map5 iframe,
.google-map6 iframe {
    height: 400px;
    display: block;
    border: 0;
    pointer-events: none;
    width: 100%;
    padding: 0
}

.google-map3 iframe {
    -webkit-filter: invert(100%) grayscale(100%) brightness(100%);
    -moz-filter: invert(100%) grayscale(100%) brightness(100%);
    -ms-filter: invert(100%) grayscale(100%) brightness(100%);
    -o-filter: invert(100%) grayscale(100%) brightness(100%);
    filter: invert(100%) grayscale(100%) brightness(100%)
}

.google-map4 iframe {
    -webkit-filter: grayscale(100%) brightness(90%);
    -moz-filter: grayscale(100%) brightness(90%);
    -ms-filter: grayscale(100%) brightness(90%);
    -o-filter: grayscale(100%) brightness(90%);
    filter: grayscale(100%) brightness(90%)
}

.google-map6 iframe {
    -webkit-filter: invert(100%) contrast(100%) brightness(100%);
    -moz-filter: invert(100%) contrast(100%) brightness(100%);
    -ms-filter: invert(100%) contrast(100%) brightness(100%);
    -o-filter: invert(100%) contrast(100%) brightness(100%);
    filter: invert(100%) contrast(100%) brightness(100%)
}

.google-map7 iframe {
    display: block;
    width: 100%;
    height: 500px;
    border: 0;
    padding: 0;
    -webkit-filter: saturate(800%) brightness(100%);
    -moz-filter: saturate(800%) brightness(100%);
    -ms-filter: saturate(800%) brightness(100%);
    -o-filter: saturate(800%) brightness(100%);
    filter: saturate(800%) brightness(100%);
    pointer-events: none
}

.google-map8 iframe {
    display: block;
    width: 100%;
    height: 300px;
    border: 0;
    padding: 0;
    filter: grayscale(100%);
    pointer-events: none
}

.google-map9 iframe {
    display: block;
    width: 100%;
    height: 100vh;
    border: 0;
    padding: 0;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    pointer-events: none
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active),
div.bhoechie-tab2 div.bhoechie-tab-content2:not(.active) {
    display: none
}

div.bhoechie-tab-container {
    z-index: 10;
    background-color: #fff;
    padding: 0 !important;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .1);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .1);
    background-clip: padding-box
}

div.bhoechie-tab-menu {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0
}

div.bhoechie-tab-menu div.list-group {
    margin-bottom: 0
}

div.bhoechie-tab-menu div.list-group>a {
    margin-bottom: 0;
    padding: 13px 0 10px 40px;
    color: #999;
    font-size: 14px;
    font-weight: 600
}

div.bhoechie-tab-menu div.list-group>a:first-child,
div.bhoechie-tab-menu div.list-group>a:last-child {
    border-radius: 0;
    -moz-border-radius: 0
}

div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .fa,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon {
    background-color: #0090ff;
    color: #fff
}

div.bhoechie-tab-menu div.list-group>a.active:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-left: 10px solid #0090ff
}

div.bhoechie-tab-content {
    background-color: #fff;
    padding: 6% 5% 5%;
    text-align: left
}

div.bhoechie-tab-container2 {
    z-index: 10;
    background-color: #f3f3f3;
    padding: 0 !important;
    background-clip: padding-box
}

div.bhoechie-tab-menu2 {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0
}

div.bhoechie-tab-menu2 div.list-group {
    margin-bottom: 0
}

div.bhoechie-tab-menu2 div.list-group>a {
    margin-bottom: 0;
    padding: 27px 0 27px 40px;
    color: #999;
    font-size: 16px;
    font-weight: 600;
    border: 0
}

div.bhoechie-tab-menu2 div.list-group>a:first-child,
div.bhoechie-tab-menu2 div.list-group>a:last-child {
    border-radius: 0;
    -moz-border-radius: 0
}

div.bhoechie-tab-menu2 div.list-group>a.active,
div.bhoechie-tab-menu2 div.list-group>a.active .fa,
div.bhoechie-tab-menu2 div.list-group>a.active .glyphicon {
    background-color: #f3f3f3;
    color: #1d2025;
    border-left: 2px solid #1d2025
}

div.bhoechie-tab-content2 {
    padding: 6% 5% 5%;
    text-align: left
}

.video-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: #000;
    opacity: .3
}

.video-overlay-text,
.video-overlay-text2,
.video-overlay-text3 {
    height: 100%;
    position: absolute;
    z-index: 3
}

.video-overlay-text {
    width: 100%;
    top: 0;
    left: 0;
    text-align: center;
    margin-top: 180px
}

.video-overlay-text2 {
    width: 50%;
    top: 41%;
    left: 6.3%
}

.video-overlay-text3 {
    width: 100%;
    top: 35%;
    left: 0
}

.skew-box {
    background: #0c0e10;
    width: 100%;
    height: 400px;
    z-index: 20;
    padding: 7% 12% 7% 9%;
    position: relative;
    text-align: left
}

.skew-box:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 149px;
    height: calc(100%+0);
    background: #0c0e10;
    float: right;
    right: -75px;
    top: 0;
    z-index: 10;
    -ms-transform: skew(-20deg, 0);
    -webkit-transform: skew(-20deg, 0);
    transform: skew(-20deg, 0)
}

.type-text div {
    width: 75%;
    position: absolute;
    left: 12%;
    top: 25%
}

.type-text h2 {
    white-space: nowrap;
    overflow: hidden;
    width: 12em;
    animation: type 2s steps(60, end)
}

.type-text h2:nth-child(2) {
    animation: type2 4s steps(60, end)
}

.type-text h2:nth-child(3) {
    animation: type3 8s steps(60, end)
}

.type-text span {
    animation: blink 1s infinite
}

@keyframes blink {
    to {
        opacity: 0
    }
}

.vshape {
    position: relative;
    background-color: #4ecdc4;
    width: 100% !important
}

.vshape:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    margin-left: -35px;
    width: 0;
    height: 0;
    border-top: solid 90px #4ecdc4;
    border-left: solid 51vw transparent;
    border-right: solid 50vw transparent
}

.vshape2 {
    position: relative;
    background-color: #f3f3f3;
    width: 100% !important;
    height: 630px !important;
    padding-top: 120px
}

.vshape2:after,
.vshape3:after,
.vshape4:after {
    content: '';
    height: 0
}

.vshape2:after {
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -50px;
    width: 0;
    border-bottom: solid 30px #f3f3f3;
    border-left: solid 40px transparent;
    border-right: solid 40px transparent
}

.vshape3 {
    position: relative;
    background-color: #0090ff;
    width: 100% !important;
    padding-top: 140px;
    padding-bottom: 50px;
    margin-bottom: 850px
}

.vshape3:after {
    position: absolute;
    top: 100%;
    left: 0;
    margin-left: -35px;
    width: 0;
    border-top: solid 140px #0090ff;
    border-left: solid 0 transparent;
    border-right: solid 101vw transparent
}

.vshape4 {
    position: relative;
    background-color: #1d2025;
    width: 100% !important;
    padding: 100px 0 140px
}

.vshape4:after {
    position: absolute;
    top: -180px;
    left: 0;
    margin-left: -33px;
    width: 0;
    border-bottom: solid 180px #1d2025;
    border-left: solid 101vw transparent;
    border-right: solid 0 transparent
}

.vshape4.white {
    background-color: #fff
}

.vshape4.white:after {
    border-bottom: solid 180px #fff
}

.vshape4.spray:after {
    border-bottom: solid 180px #eee
}

.vshape5 {
    position: relative;
    text-align: center;
    padding: 12px;
    margin-top: -70px;
    width: 100%
}

.vshape5:after,
.vshape5:before {
    content: '';
    position: absolute;
    height: 100%;
    background: #6b2da1;
    top: 0
}

.vshape5:before {
    left: 0;
    width: 51%;
    -webkit-transform: skew(0, 10deg);
    -moz-transform: skew(0, 10deg);
    -ms-transform: skew(0, 10deg);
    -o-transform: skew(0, 10deg);
    transform: skew(0, 10deg)
}

.vshape5:after {
    right: 0;
    width: 50%;
    -webkit-transform: skew(0, -10deg);
    -moz-transform: skew(0, -10deg);
    -ms-transform: skew(0, -10deg);
    -o-transform: skew(0, -10deg);
    transform: skew(0, -10deg)
}

.vshape6:after,
.vshape7:after {
    left: 0;
    margin-left: -35px;
    height: 0;
    content: ''
}

.vshape6 {
    position: relative;
    background-color: #0076db;
    width: 100% !important;
    padding: 50px 0 140px
}

.vshape6:after {
    position: absolute;
    top: -140px;
    width: 0;
    border-bottom: solid 140px #0076db;
    border-left: solid 18vw transparent;
    border-right: solid 83vw transparent
}

.vshape7 {
    position: relative;
    background-color: #90c695;
    width: 100% !important;
    padding: 50px 0 130px
}

.vshape7:after {
    position: absolute;
    top: -120px;
    width: 0;
    border-bottom: solid 120px #90c695;
    border-left: solid 83vw transparent;
    border-right: solid 18vw transparent
}

.diamondshape {
    width: 100%;
    height: 1040px;
    background: url(../images/diamond-shape.png) center -340px no-repeat #6b2da1;
    position: relative
}

.diamondshape-bottom,
.diamondshape-top {
    height: 34 0;
    z-index: 9;
    width: 100%;
    position: relative
}

.diamondshape2 {
    width: 150px;
    height: 150px;
    margin-left: 20%;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    overflow: hidden;
    -webkit-box-shadow: 0 0 0 16px rgba(255, 255, 255, .1);
    -moz-box-shadow: 0 0 0 16px rgba(255, 255, 255, .1);
    box-shadow: 0 0 0 16px rgba(255, 255, 255, .1)
}

.dimd-pics {
    width: 220px;
    height: 220px;
    margin: -35px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.diamondshape-social {
    margin: 0 auto;
    text-align: center
}

.diamondshape-social a {
    width: 25px;
    height: 25px;
    margin: 0 8px;
    text-align: center;
    display: inline-block;
    color: #fff;
    border: 1px solid #fff;
    transform: rotate(45deg);
    line-height: 25px;
    transition: all .5s ease
}

.cforms-sty1 .button,
.cforms-sty2 .button,
.cforms-sty3 .button {
    margin-top: 5px;
    font-family: Raleway, sans-serif;
    cursor: pointer
}

.cforms-sty1 .button,
.cforms-sty2 .button,
.cforms-sty3 .button,
.input_submit,
.input_submit2,
.searchcou input {
    transition: all .3s ease
}

.diamondshape-social a i {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.diamondshape-social a:hover {
    color: #333;
    background: #fff
}

.diamondshape-social.sty2 a {
    color: #999;
    border: 1px solid #999
}

.diamondshape-social.sty2 a:hover {
    color: #fff;
    background: #333;
    border: 1px solid #333
}

.scrool-down-icon a span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 30px;
    height: 50px;
    margin-left: -15px;
    border: 1px solid #fff;
    border-radius: 50px;
    box-sizing: border-box
}

.scrool-down-icon a span::before {
    position: absolute;
    top: 10px;
    left: 50%;
    content: '';
    width: 6px;
    height: 6px;
    margin-left: -3px;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sdb10 2s infinite;
    animation: sdb10 2s infinite;
    box-sizing: border-box
}

.divTableFoot,
.divTableFoot2,
.divTableHeading,
.divTableHeading2 {
    background-color: #eee;
    font-weight: 700
}

.divTable {
    display: table;
    width: 100%;
    border-top: 2px solid #333
}

.divTableRow {
    display: table-row
}

.divTableCell,
.divTableHead {
    border-bottom: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    display: table-cell;
    padding: 23px 30px
}

.divTableCell2:last-child,
.divTableCell:last-child {
    border-right: 1px solid #fff
}

.divTableHeading {
    display: table-header-group
}

.divTableFoot {
    display: table-footer-group
}

.divTableBody {
    display: table-row-group
}

.divTableCell:first-child,
.divTableHead:first-child {
    padding-left: 0
}

.divTable2 {
    display: table;
    width: 100%
}

.divTableRow2 {
    display: table-row
}

.divTableCell2.firstborder {
    border-bottom: 1px solid #eee
}

.divTableCell2,
.divTableHead2 {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    display: table-cell;
    padding: 27px 30px
}

.divTableHeading2 {
    display: table-header-group
}

.divTableFoot2 {
    display: table-footer-group
}

.divTableBody2 {
    display: table-row-group
}

.divTableCell2:first-child,
.divTableHead2:first-child {
    padding-left: 0
}

#form_status span {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    background: #e74c3c;
    width: 100%;
    text-align: center;
    display: inline-block;
    padding: 10px 0;
    border-radius: 3px;
    margin-bottom: 18px
}

#form_status span.loading {
    color: #333;
    background: #eee;
    border-radius: 3px;
    padding: 18px 0
}

#form_status span.notice {
    color: #ff0
}

#form_status .success {
    color: #fff;
    text-align: center;
    background: #2ecc71;
    border-radius: 3px;
    padding: 30px 0
}

#form_status .success i {
    color: #fff;
    font-size: 45px;
    margin-bottom: 14px
}

.cforms-sty1 .button,
.cforms-sty1 label,
.cforms-sty2 .button,
.cforms-sty2 label,
.cforms-sty3 .button,
.cforms-sty3 label {
    float: left;
    font-size: 13px
}

#form_status .success h3 {
    color: #fff;
    margin-bottom: 10px
}

.cforms-sty1 label {
    width: 100%;
    color: #454545;
    text-align: left;
    padding: 0 0 7px;
    font-weight: 400
}

.cforms-sty1 label em {
    color: #2ecc71;
    font-style: normal
}

.cforms-sty1 input,
.cforms-sty1 textarea {
    color: #000;
    float: left;
    width: 100%;
    padding: 9px 12px;
    margin-bottom: 10px;
    border: 1px solid #bbb;
    background: #bbb
}

.cforms-sty1 .button {
    color: #fff;
    padding: 13px 35px;
    font-weight: 600;
    background: #1d2025;
    border: 1px solid #1d2025
}

.cforms-sty1 .button:hover {
    background: #454545;
    border: 1px solid #393939
}

.cforms-sty2 label {
    width: 100%;
    color: #fff;
    text-align: left;
    padding: 0 0 7px;
    font-weight: 400
}

.cforms-sty2 label em {
    color: #2ecc71;
    font-style: normal
}

.cforms-sty2 input,
.cforms-sty2 textarea {
    color: #000;
    float: left;
    width: 100%;
    padding: 9px 12px;
    margin-bottom: 10px;
    border: 1px solid #eee;
    background: #eee
}

.cforms-sty2 .button {
    color: #fff;
    padding: 13px 35px;
    font-weight: 600;
    background: #0090ff;
    border: 1px solid #0090ff
}

.cforms-sty2 .button:hover {
    background: #454545;
    border: 1px solid #393939
}

.cforms-sty2 .button.orange {
    background: #e67e22;
    border: 1px solid #e67e22
}

.cforms-sty2 .button.orange:hover {
    background: #454545;
    border: 1px solid #393939
}

.cforms-sty3 {
    display: inline-block;
    position: relative;
    z-index: 2;
    width: 100%
}

.cforms-sty3.ap-form {
    display: inline-block;
    position: absolute;
    z-index: 2;
    margin-top: -133px
}

.cforms-sty3 label {
    width: 100%;
    color: #248041;
    text-align: left;
    padding: 0 0 7px;
    font-weight: 400
}

.cforms-sty3 label em {
    color: red;
    font-style: normal
}

.cforms-sty3 input,
.cforms-sty3 select,
.cforms-sty3 textarea {
    color: #000;
    float: left;
    width: 100%;
    padding: 9px 12px;
    margin-bottom: 5px;
    border: 1px solid #eee;
    background: #eee
}

.cforms-sty3 .button {
    color: #fff;
    padding: 10px 35px;
    font-weight: 600;
    background: #45407e;
    border: 1px solid #45407e
}

.input_submit,
.newsle_eminput {
    font-size: 14px;
    float: left
}

.cforms-sty3 .button:hover {
    background: #999;
    border: 1px solid #999
}

.cforms-sty3 .button.full {
    width: 100%;
    padding: 16px 0;
    background: #0090ff;
    border: 1px solid #0090ff
}

.cforms-sty3 .button.full:hover {
    background: #1d2025;
    border: 1px solid #1d2025
}

.newsle_eminput {
    padding: 3px 0 4px 20px;
    height: 50px;
    width: 74%;
    background: #fff;
    color: #727272;
    border: 1px solid #e3e3e3
}

.input_submit {
    padding: 13px 20px 14px;
    background-color: #0090ff;
    border: 0;
    font-weight: 500;
    color: #fff
}

.input_submit.sty2,
.input_submit:hover {
    background-color: #1d2025;
    color: #fff
}

.input_submit:hover {
    cursor: pointer
}

.input_submit.sty2:hover {
    color: #fff;
    cursor: pointer;
    background-color: #727272
}

.newsle_eminput2 {
    float: left;
    padding: 3px 0 4px 20px;
    height: 40px;
    width: 90%;
    background: #fff;
    color: #727272;
    font-size: 13px;
    border: 0
}

.input_submit2 {
    float: left;
    padding: 8px 25px;
    background-color: #999;
    border: 0;
    font-size: 13px;
    font-weight: 500;
    color: #fff
}

.input_submit2:hover {
    color: #fff;
    cursor: pointer;
    background-color: #777
}

.searchcou {
    float: left;
    width: 100%
}

.searchcou select {
    float: left;
    padding: 3px 0 4px 16px;
    height: 52px;
    width: 23.2%;
    margin-right: 16px;
    margin-bottom: 25px;
    background: #fff;
    border: 0;
    color: #333;
    font-size: 16px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 0 rgba(221, 221, 221, 1);
    -moz-box-shadow: 0 0 2px 0 rgba(221, 221, 221, 1);
    box-shadow: 0 0 2px 0 rgba(221, 221, 221, 1)
}

.searchcou input {
    color: #fff;
    font-size: 14px;
    background: #f62459;
    padding: 12px 35px;
    white-space: nowrap;
    border-radius: 2px;
    text-transform: uppercase;
    border: 0
}

.searchcou input:hover {
    background: #1d2025
}

.short-animate {
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out
}

.long-animate {
    -webkit-transition: .5s .5s ease-in-out;
    -moz-transition: .5s .5s ease-in-out;
    -ms-transition: .5s .5s ease-in-out;
    -o-transition: .5s .5s ease-in-out;
    transition: .5s .5s ease-in-out
}

.lightbox {
    position: fixed;
    top: -100%;
    bottom: 100%;
    left: 0;
    right: 0;
    background: rgba(29, 32, 37, .9);
    z-index: 9998;
    opacity: 0
}

#close-lightbox:after,
#close-lightbox:before {
    content: '';
    display: block;
    position: absolute;
    background: #fff;
    border-radius: 2px
}

.lightbox div {
    position: absolute;
    margin: auto;
    top: 18%;
    left: 5%;
    right: 0;
    bottom: 0
}

.lightbox div iframe {
    width: 58%;
    height: 75%;
    padding: 0;
    margin: 0
}

#lightbox-controls {
    position: fixed;
    height: 70px;
    width: 70px;
    top: -70px;
    right: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, .5)
}

#close-lightbox {
    display: block;
    position: absolute;
    overflow: hidden;
    height: 50px;
    width: 50px;
    text-indent: -5000px;
    right: 10px;
    top: 10px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

#close-lightbox:before {
    height: 0;
    width: 3px;
    left: 24px;
    top: 0;
    -webkit-transition: .5s .5s ease-in-out;
    -moz-transition: .5s .5s ease-in-out;
    -ms-transition: .5s .5s ease-in-out;
    -o-transition: .5s .5s ease-in-out;
    transition: .5s .5s ease-in-out
}

#close-lightbox:after {
    width: 0;
    height: 3px;
    top: 24px;
    left: 0;
    -webkit-transition: .5s 1s ease-in-out;
    -moz-transition: .5s 1s ease-in-out;
    -ms-transition: .5s 1s ease-in-out;
    -o-transition: .5s 1s ease-in-out;
    transition: .5s 1s ease-in-out
}

.accordion-list .transition,
.accordion-list2 .transition,
p,
ul li i:after,
ul li i:before {
    transition: all .25s ease-in-out
}

.lightbox:target {
    top: 0;
    bottom: 0;
    opacity: 1
}

.lightbox:target div {
    max-height: 100%
}

.lightbox:target~#lightbox-controls {
    top: 0
}

.lightbox:target~#lightbox-controls #close-lightbox:after {
    width: 50px
}

.lightbox:target~#lightbox-controls #close-lightbox:before {
    height: 50px
}

.accordion-list .flipIn,
ul li {
    animation: flipdown .5s ease both
}

.accordion-list p {
    position: relative;
    overflow: hidden;
    opacity: 1;
    transform: translate(0, 0);
    margin-top: 14px;
    z-index: 2
}

.accordion-list ul {
    list-style: none;
    perspective: 900;
    padding: 0;
    margin: 0
}

.accordion-list ul li {
    position: relative;
    padding: 18px 0;
    margin: 0;
    border-bottom: 1px dotted #dce7eb
}

.accordion-list ul li:nth-of-type(1) {
    animation-delay: .5s
}

.accordion-list ul li:nth-of-type(2) {
    animation-delay: .75s
}

.accordion-list ul li:nth-of-type(3) {
    animation-delay: 1s
}

.accordion-list ul li i {
    position: absolute;
    transform: translate(-6px, 0);
    margin-top: 7px;
    right: 0
}

.accordion-list ul li i:after,
.accordion-list ul li i:before {
    content: "";
    position: absolute;
    background-color: #ff6873;
    width: 3px;
    height: 9px
}

.accordion-list ul li i:before {
    transform: translate(-2px, 0) rotate(45deg)
}

.accordion-list ul li i:after {
    transform: translate(2px, 0) rotate(-45deg)
}

.accordion-list ul li input[type=checkbox] {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0
}

.accordion-list ul li input[type=checkbox]:checked~p {
    margin-top: 0;
    max-height: 0;
    opacity: 0;
    transform: translate(0, 50%)
}

.accordion-list ul li input[type=checkbox]:checked~i:before {
    transform: translate(2px, 0) rotate(45deg)
}

.accordion-list ul li input[type=checkbox]:checked~i:after {
    transform: translate(-2px, 0) rotate(-45deg)
}

.accordion-list2 {
    width: 95%;
    margin: 0 auto
}

.accordion-list2 .flipIn,
ul li {
    animation: flipdown .5s ease both
}

.accordion-list2 p {
    position: relative;
    overflow: hidden;
    opacity: 1;
    transform: translate(0, 0);
    margin-top: 14px;
    z-index: 2
}

.accordion-list2 ul {
    list-style: none;
    perspective: 900;
    padding: 0;
    margin: 3% 0 0
}

.accordion-list2 ul li {
    position: relative;
    margin: 0 0 14px;
    padding: 20px 27px;
    background: #f3f3f3;
    border-radius: 3px
}

.accordion-list2 ul li:nth-of-type(1) {
    animation-delay: .5s
}

.accordion-list2 ul li:nth-of-type(2) {
    animation-delay: .75s
}

.accordion-list2 ul li:nth-of-type(3) {
    animation-delay: 1s
}

.accordion-list2 ul li i {
    position: absolute;
    transform: translate(-6px, 0);
    margin-top: 5px;
    right: 30px
}

.accordion-list2 ul li i:after,
.accordion-list2 ul li i:before {
    content: "";
    position: absolute;
    background-color: #1d2025;
    width: 3px;
    height: 9px
}

.accordion-list2 ul li i:before {
    transform: translate(-2px, 0) rotate(45deg)
}

.accordion-list2 ul li i:after {
    transform: translate(2px, 0) rotate(-45deg)
}

.accordion-list2 ul li input[type=checkbox] {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0
}

.accordion-list2 ul li input[type=checkbox]:checked~p {
    margin-top: 0;
    max-height: 0;
    opacity: 0;
    transform: translate(0, 50%)
}

.accordion-list2 ul li input[type=checkbox]:checked~i:before {
    transform: translate(2px, 0) rotate(45deg)
}

.accordion-list2 ul li input[type=checkbox]:checked~i:after {
    transform: translate(-2px, 0) rotate(-45deg)
}

#simp-slider {
    position: relative;
    overflow: hidden
}

#simp-slider>input[type=radio] {
    display: none
}

#simp-slider .button {
    height: 16px;
    width: 16px;
    border: 2px solid #fff;
    left: calc(50% - 8px);
    bottom: 43px;
    cursor: pointer;
    z-index: 1
}

#simp-slider .active {
    height: 8px;
    width: 8px;
    background-color: #fff;
    left: calc(50% - 4px - 20px);
    bottom: 47px;
    z-index: 2;
    transition: all .7s ease
}

#simp-slider .slider-stack>*,
.autozoom {
    height: 560px;
    width: 100%
}

#simp-slider .active,
#simp-slider .button {
    position: absolute;
    border-radius: 50%
}

#simp-slider .b1 {
    margin-left: -20px
}

#simp-slider .b2 {
    margin-left: 0
}

#simp-slider .b3 {
    margin-left: 20px
}

#simp-slider #radio1:checked~.active {
    transform: translateX(0)
}

#simp-slider #radio2:checked~.active {
    transform: translateX(20px)
}

#simp-slider #radio3:checked~.active {
    transform: translateX(40px)
}

#simp-slider #radio1:checked~.slider-stack {
    transform: translateX(0)
}

#simp-slider #radio2:checked~.slider-stack {
    transform: translateX(-33.33333%)
}

#simp-slider #radio3:checked~.slider-stack {
    transform: translateX(-66.66667%)
}

#simp-slider .slider-stack {
    position: relative;
    width: 300%;
    display: flex
}

#simp-slider .slider-backgrounds {
    transition: transform .9s ease
}

#simp-slider .sb1 {
    left: 0;
    right: 200%
}

#simp-slider .sb2 {
    left: 100%;
    right: 100%
}

#simp-slider .sb3 {
    left: 200%;
    right: 0
}

#simp-slider .slider-foregrounds {
    transition: transform .7s ease;
    z-index: 0;
    margin-top: -560px
}

#simp-slider .slider-foregrounds>* {
    display: flex;
    margin: 0 70px;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.autozoom {
    overflow: hidden
}

.social-icons {
    height: auto;
    text-align: left
}

.social-icons.center {
    text-align: center
}

.social-icons .item {
    width: 26px;
    height: 26px;
    background-color: #d62027;
    display: inline-block;
    margin: 4px 10px 0 0;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    line-height: 45px;
    color: #1d2025;
    overflow: hidden;
    border-radius: 50px
}

.social-icons .item:before {
    background-color: #ff3b42;
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 27px;
    color: #fff;
    -webkit-transition: font-size .5s, line-height .5s;
    transition: font-size .5s, line-height .5s
}

.social-icons .item:hover:before {
    font-size: 100%;
    background: #139f13
}

.social-icons.sty2 .item {
    background-color: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .1)
}

.social-icons.sty2 .item:before {
    background: linear-gradient(#eee, #e1e1e1)
}

.social-icons2 {
    float: left;
    width: 100%
}

.social-icons2 .social {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%)
}

.social-icons2 .social>a {
    position: relative;
    display: inline-block;
    margin: 0 10px 0 0;
    width: 80px;
    height: 80px;
    cursor: pointer
}

.social-icons2 .social>a:hover .front {
    transform: translateY(-40px)
}

.social-icons2 .front {
    position: absolute;
    z-index: 10;
    width: 80px;
    height: 80px;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 40px 40px rgba(0, 0, 0, .06);
    transition: all .3s ease-out
}

.social-icons2 .front i.fa {
    color: #1d2025;
    display: block;
    margin: 28px 0 30px;
    font-size: 25px
}

.social-icons2 .front span {
    color: #ccc
}

.social-icons2 .behind {
    position: absolute;
    z-index: -1;
    top: 5px;
    left: 5px;
    width: 70px;
    height: 70px;
    padding-top: 40px;
    border-radius: 3px;
    color: #fff;
    font-size: 12px
}

.social-icons2 .tw .behind {
    background: #1d2025
}

.social-icons2.sty2 .tw .behind {
    background: #e67e22
}

.buscust-accordion .panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: grey
}

.time_circles>div>h4,
.time_circles>div>span {
    font-family: Roboto, sans-serif !important
}

.buscust-accordion .panel-heading .accordion-toggle.collapsed:after {
    content: "\e080"
}

.popup-wrap,
.vshape8:after {
    content: ''
}

.buscust-accordion .panel-group .panel {
    border-radius: 0
}

.buscust-accordion .panel-heading {
    padding: 18px 25px 18px 35px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.buscust-accordion .panel-body {
    padding: 35px 40px 40px
}

.buscust-accordion .panel-default>.panel-heading {
    color: #1d2025;
    background-color: #f9f9f9
}

.buscust-accordion .panel-title {
    font-size: inherit
}

.newsletter-email {
    width: 50%;
    font-size: 16px;
    padding: 18px 25px;
    border: 0;
    border-radius: 3px;
    -webkit-box-shadow: inset 2px 3px 0 0 rgba(227, 227, 227, 1);
    -moz-box-shadow: inset 2px 3px 0 0 rgba(227, 227, 227, 1);
    box-shadow: inset 2px 3px 0 0 rgba(227, 227, 227, 1)
}

.newsletter-submit {
    width: 100px;
    font-size: 16px;
    padding: 18px 25px;
    border: 0;
    border-radius: 3px;
    color: #fff;
    background: #90c695;
    transition: all .3s ease
}

.newsletter-submit:hover {
    color: #fff;
    background: #545454
}

.text-on-border {
    border: 5px solid #eee
}

.share .btnsh,
.share .social ul li {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    cursor: pointer;
    text-align: center
}

.text-on-border .legend {
    text-align: center;
    margin-top: -25px;
    margin-left: 43%;
    background: #fff;
    padding: 10px 30px;
    float: left
}

.share {
    position: fixed;
    top: 25%;
    right: 40px;
    text-align: center
}

.share .btnsh {
    line-height: 43px;
    background-color: #ddd;
    display: inline-block;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.share .btnsh:hover i {
    color: #3498db
}

.share .btnsh i {
    cursor: pointer;
    color: #fff;
    font-size: 18px
}

.share .social.open ul li {
    opacity: 1
}

.share .social ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.share .social ul li {
    background-color: #ccc;
    line-height: 40px;
    opacity: 0;
    margin: 5px 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.share .social ul li:hover {
    box-shadow: 3px 3px 2px 0 rgba(0, 0, 0, .5)
}

.share .social ul li i {
    color: #555;
    font-size: 14px
}

.dotnavigation {
    position: fixed;
    right: 5%;
    top: 50%;
    z-index: 9999
}

.dotnavigation li {
    list-style-type: transparent;
    font-size: 0
}

.dotnavigation span {
    float: left;
    width: 12px;
    height: 12px;
    border: 2px solid #fff;
    border-radius: 100%;
    margin-bottom: 9px;
    transition: all .3s ease
}

.dotnavi.selected,
.dotnavigation span:hover {
    background: #fff
}

.dotnavigation.sty2 span {
    width: 18px;
    height: 18px
}

.clip-text-image1 .logo {
    position: absolute;
    padding-top: 50px;
    padding-left: 7%;
    z-index: 9998
}

.clip-text-image1 .herotext {
    width: 100%;
    position: absolute;
    top: 36%
}

.clip-text-image1 h2.bigtext {
    color: #fff;
    font-size: 180px;
    opacity: .5
}

.alert {
    padding: 20px;
    background-color: #f44336;
    color: #fff;
    opacity: 1;
    transition: opacity .6s;
    margin-bottom: 15px
}

.alert.success {
    background-color: #4caf50
}

.alert.info {
    background-color: #2196f3
}

.alert.warning {
    background-color: #ff9800
}

.closebtn {
    margin-left: 15px;
    color: #fff;
    font-weight: 700;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: .3s
}

.closebtn:hover {
    color: #000
}

.popup-wrap {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .85)
}

.popup-box {
    width: 50%;
    padding: 50px 75px;
    transform: translate(-50%, -50%) scale(.5);
    position: absolute;
    top: 70%;
    left: 50%;
    box-shadow: 0 2px 16px rgba(0, 0, 0, .5);
    background: #fff;
    text-align: center
}

.popclose-btn {
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    -webkit-transition: all ease .5s;
    transition: all ease .75s;
    border-radius: 100%;
    background: #d75f70;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    line-height: 28px
}

.popclose-btn:hover {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.transform-in,
.transform-out {
    display: block;
    -webkit-transition: all ease .5s;
    transition: all ease .5s
}

.tables3 tr,
.zoomimg4 img {
    transition: all .3s ease
}

.transform-in {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.transform-out {
    -webkit-transform: translate(-50%, -50%) scale(.5);
    transform: translate(-50%, -50%) scale(.5)
}

.tables1 table {
    border-collapse: collapse;
    width: 100%
}

.tables1 td,
.tables1 th {
    text-align: left;
    padding: 10px 20px
}

.tables1 tr:nth-child(even) {
    background-color: #f3f3f3
}

.tables1 th {
    background-color: #87d37c;
    color: #fff
}

.tables2 table {
    width: 100%
}

.tables2 table,
.tables2 td,
.tables2 th {
    border: 1px solid #999;
    border-collapse: collapse;
    padding: 10px
}

.tables3 table {
    border-collapse: collapse;
    width: 100%
}

.tables3 th {
    background-color: #6b2da1;
    color: #fff
}

.tables3 td,
.tables3 th {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #ddd
}

.tables3 tr:hover {
    background-color: #f3f3f3
}

.time_circles {
    position: relative;
    width: 100%;
    height: 100%
}

.time_circles>div {
    position: absolute;
    text-align: center;
    border: 1px solid #fff;
    padding: 80px 0 50px;
    background: #f3f3f3
}

.time_circles>div>h4 {
    color: #1d2025;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase
}

.time_circles>div>span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 300%;
    margin-top: -58px;
    font-weight: 400;
    color: #0090ff
}

.footer-fixed {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: -1
}

.scrollup,
.scrollup2 {
    z-index: 9001
}

.scrollup4,
.scrollup5,
.scrollup6,
.scrollup7,
.scrollup8,
.scrollup9 {
    width: 40px;
    height: 40px;
    opacity: 1;
    position: fixed;
    bottom: 22px;
    right: 20px;
    display: none;
    text-indent: -9999px;
    z-index: 9001
}

.vshape8 {
    position: relative;
    background-color: #b42165;
    width: 100% !important;
    padding: 120px 0 130px
}

.vshape8:after {
    position: absolute;
    top: -250px;
    left: 0;
    margin-left: -35px;
    width: 0;
    height: 0;
    border-bottom: solid 250px #b42165;
    border-left: solid 0 transparent;
    border-right: solid 18vw transparent
}

.text-page-center {
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center
}

.zoomimg4 img {
    margin: 0 auto
}

.zoomimg4:hover img {
    -moz-transform: scale(1.04);
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
}

.background-image121 {
    padding: 3% 0 3%;
    background: #443f7c;
    background-size: cover
}

a.button27.sty7 {
    background-color: #f39c12;
    color: #fff;
    padding: 10px 0;
    width: 140px;
    font-size: 12px
}

a.button27.sty7:hover span {
    padding-right: 12px;
    color: #fff
}

*,
.bootstrap-select .btn:focus,
:active,
:focus,
button,
button:active,
button:focus,
input,
input:active,
input:focus,
option {
    outline: 0 !important;
    outline: 0 !important
}

.topbar {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 999
}

.topbar.white {
    background-color: #fff;
    border-bottom: 1px solid #efefef
}

.topbar.light {
    background-color: #f7f7f7
}

.topbar.gray {
    background-color: #f1f1f1
}

.topbar.dark {
    background-color: #101010
}

.topbar.fulldark {
    background-color: #000;
    border-bottom: 1px solid #262626
}

.topbar.gyellow {
    background-color: #ecae3d
}

.topbar.turquoise {
    background-color: #4ecdc4
}

.topbar-right-items.two {
    width: 50%
}

.topbar i {
    line-height: 25px;
    margin-left: 8px;
    margin-right: 11px
}

.banner-section {
    background: #1d2025;
    height: 1500px;
    font-size: 14px
}

.header-section {
    font-family: Roboto, sans-serif;
    background: #1d2025
}

.header-section.white {
    background-color: #fff
}

.header-section.transp {
    background-color: transparent
}

.header-section.transp2 {
    background-color: rgba(255, 255, 255, .9) !important;
    z-index: 9998;
    position: relative;
    padding: 5px 0
}

.header-section.small ul li {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px
}

.header-section.small ul li a {
    padding-left: 21px;
    padding-right: 21px
}

.header-section.big ul li {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .5px
}

.header-section.borbottom {
    background: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .18);
    position: relative;
    z-index: 9998
}

.header-section.borbotrite {
    background: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .18);
    position: relative;
    z-index: 9998
}

.header-section.borbotrite .mrborder {
    border-left: 1px solid rgba(255, 255, 255, .18);
    padding-left: 25px
}

.header-section.transparent {
    background: 0
}

.header-section.thickbborder {
    padding-bottom: 5px;
    border-bottom: 5px solid #eee
}

.header-section.thicktborder {
    padding-top: 5px;
    border-top: 5px solid #1d2025
}

.header-section.shadow {
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .04);
    -moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .04);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .04);
    position: relative;
    z-index: 9999
}

.header-section.padtop {
    padding-top: 20px
}

.header-section.pin.padtop {
    padding-top: 0
}

.header-section.style3 {
    background: #fff
}

.header-section img {
    max-width: 100%
}

.header-section .container {
    max-width: 1200px;
    width: auto
}

.header-section .logo {
    display: inline-block;
    margin: 12px 0;
}

.header-section .row {
    position: static
}

.header-section .row>* {
    position: static
}

.header-section .mod-menu {
    position: relative;
    z-index: 999
}

.header-section ul {
    list-style: none;
    padding: 0;
    margin: 0 0 0 10px
}

.header-section ul li {
    text-transform: uppercase;
    position: relative;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: .9px
}

.header-section ul li a {
    color: #fff;
    background: 0 0 !important;
    padding: 25px 8px;
    text-decoration: none !important
}

.header-section.white ul li a {
    color: #1d2025
}

.header-section ul li.active>a {
    opacity: .5
}

.header-section ul li .number {
    font-size: .71429em;
    background: #0090ff;
    width: 17px;
    height: 17px;
    line-height: 17px;
    text-align: center;
    color: #fff;
    position: absolute;
    right: -4px;
    top: 19px;
    border-radius: 100%
}

.header-section ul li ul {
    position: absolute;
    top: 100%;
    left: -20%;
    margin-left: -115px;
    background: #fff;
    width: 250px;
    -webkit-box-shadow: 0 3px 18px 0 rgba(0, 0, 0, .07);
    -moz-box-shadow: 0 3px 18px 0 rgba(0, 0, 0, .07);
    box-shadow: 0 3px 18px 0 rgba(0, 0, 0, .07);
    -webkit-transition: all .2s;
    transition: all .2s
}

.header-section ul li.mega-menu ul li ul {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.header-section ul li ul li {
    border-bottom: 1px solid #eee;
    overflow: hidden
}

.header-section.style3 ul li ul li {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    overflow: hidden
}

.header-section ul li ul li a {
    color: #1d2025;
    padding: 10px 23px;
    display: block;
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: none;
    transition: all .2s ease-out 0
}

.header-section ul li ul li ul li a {
    font-weight: 400
}

.header-section ul li ul li a:hover {
    margin-left: 5px
}

.header-section ul li ul li ul {
    left: 100%;
    right: auto;
    top: 0;
    margin-left: 0;
    width: 0;
    overflow: hidden;
    display: block
}

.header-section ul li ul.dm-align-2 {
    left: 120px
}

.header-section ul li ul li ul li {
    width: 230px
}

.header-section ul li.right ul li ul {
    left: auto;
    right: 100%
}

.header-section ul li.mega-menu {
    position: static
}

.header-section ul li.mega-menu>ul {
    width: 100%;
    left: 0;
    float: none;
    margin-left: 0;
    max-height: 0;
    display: block;
    overflow: hidden;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.header-section ul li.mega-menu>ul>li {
    padding: 27px 9px 25px 9px;
    float: left;
    border: 0;
    width: 25%;
    border-right: 1px solid #eee
}

.header-section ul li.mega-menu>ul>li>a {
    text-transform: uppercase;
    padding-bottom: 10px;
    font-weight: 600
}

.header-section ul li.mega-menu>ul>li ul {
    width: 100%;
    position: relative;
    right: auto;
    top: auto;
    left: auto
}

.header-section ul li.mega-menu>ul>li ul li {
    border: 0
}

.header-section ul li.mega-menu>ul>li span.subtitle {
    color: #1d2025;
    margin-left: 23px;
    margin-bottom: 7px;
    float: left
}

.header-section ul li.mega-menu>ul>li ul li a {
    padding-top: 5px;
    padding-bottom: 5px;
    transition: all .2s ease-out 0
}

.header-section ul li.mega-menu>ul>li ul li a:hover {
    color: #1d2025;
    margin-left: 5px
}

.header-section.style4 ul li.mega-menu>ul>li ul li a:hover {
    color: #1d2025;
    margin-left: 5px;
    transition: all .2s ease-out 0
}

.header-section ul li.search-parent {
    position: static
}

.header-section ul li.search-parent .search-box {
    background: #fff;
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 0;
    overflow: hidden
}

.header-section ul li.search-parent .search-box .content {
    padding: 20px 59px 20px 20px
}

.header-section ul li.search-parent .search-box .form-control {
    height: auto;
    border: 1px solid #e6e6e6;
    border-radius: 0;
    box-shadow: none;
    padding-right: 45px;
    padding-bottom: 10px;
    padding-top: 10px
}

.header-section ul li.search-parent .search-box .form-control input {
    background: 0;
    border: 0;
    width: 100%;
    font-size: 1.42857em;
    color: #727272
}

.header-section ul li.search-parent .search-box .form-control .search-btn {
    font-size: 1.42857em;
    position: absolute;
    right: 67px;
    top: 0;
    color: #070607
}

.header-section ul li.search-parent .search-box .close-btn {
    position: absolute;
    top: 0;
    right: 10px;
    color: #070607;
    font-size: 1.35714em;
    opacity: .5
}

.header-section ul li.cart-parent .cart-box {
    background: #fff;
    width: 370px;
    position: absolute;
    top: 100%;
    right: -47%;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    max-height: 0;
    overflow: hidden;
    font-family: 'Open Sans', sans-serif
}

.header-section ul li.cart-parent .cart-box .content {
    padding: 20px 20px 25px 20px
}

.header-section ul li.cart-parent .cart-box span {
    color: #1d2025
}

.header-section ul li.cart-parent .cart-box ul {
    display: block;
    position: relative;
    left: 0;
    margin: 0;
    width: 100%;
    border-top: 1px solid #ededed;
    margin-top: 25px;
    max-height: none !important;
    opacity: 1 !important
}

.header-section ul li.cart-parent .cart-box ul li {
    position: relative;
    padding: 30px 30px 30px 100px;
    min-height: 141px;
    font-size: 1.21429em
}

.header-section ul li.cart-parent .cart-box ul li .close-btn {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    padding: 0;
    right: 10px;
    font-size: 1.05882em;
    color: #070707;
    opacity: .4;
    font-weight: 300
}

.header-section ul li.cart-parent .cart-box ul li span {
    display: block;
    font-size: 1.05882em;
    padding-top: 10px
}

.header-section ul li.cart-parent .cart-box ul li img {
    position: absolute;
    top: 30px;
    left: 0
}

.header-section ul li.cart-parent .cart-box .row {
    margin-left: -5px;
    margin-right: -5px
}

.header-section ul li.cart-parent .cart-box .row>* {
    padding-left: 5px;
    padding-right: 5px
}

.header-section ul li.cart-parent .cart-box .btn {
    margin-top: 20px;
    border-radius: 0;
    background: #070607 !important;
    padding: 15px;
    color: #a1a1a1;
    font-size: 14px;
    border: 0
}

.header-section ul li.cart-parent .cart-box .btn.btn-primary {
    background: #1d2025 !important;
    color: #fff
}

.header-section #menu {
    float: right
}

.header-section.left #menu {
    float: left
}

.header-section .main-nav .nav {
    float: none
}

.header-section .main-nav .nav.top-nav {
    float: right
}

.header-section .main-nav.centernav {
    float: left
}

.header-section .main-nav.rightnav {
    float: right;
    margin-right: 18%
}

@media only screen and (max-width: 990px) {
    .header-section .main-nav.centernav {
        float: none
    }

    .header-section .main-nav.rightnav {
        float: none;
        margin-right: 7%;
        margin-left: 7%
    }

    .header-section.left #menu {
        float: none
    }

    .header-section.padtop {
        padding-top: 10px
    }

    .header-section.pin.padtop {
        padding-top: 0
    }
}

.header-section ul li.right {
    position: absolute;
    right: 0
}

.header-section ul li.right a {
    float: left;
    color: #1d2025;
    margin: 0;
    padding-left: 9px;
    padding-right: 0;
    padding-top: 29px;
    padding-bottom: 28px
}

.header-section ul li.right a i {
    font-size: 12px;
    width: 23px;
    height: 23px;
    text-align: center;
    line-height: 21px;
    vertical-align: middle;
    border: 1px solid #aaa;
    border-radius: 100%;
    margin: 0;
    padding: 0;
    transition: all .3s ease
}

.header-section ul li.right a i:hover {
    color: #1d2025;
    border: 1px solid #1d2025
}

.header-section ul li.right.white {
    position: absolute;
    right: 0
}

.header-section ul li.right.white a {
    color: #fff
}

.header-section ul li.right.white a:hover {
    opacity: 1
}

.header-section ul li.right.white a i {
    border: 1px solid #fff
}

.header-section ul li.right.white a i:hover {
    color: #999;
    border: 1px solid #999
}

.header-section ul li.right.light {
    position: absolute;
    right: 0
}

.header-section ul li.right.light a {
    color: #1d2025
}

.header-section ul li.right.light a i {
    border: 1px solid #1d2025
}

.header-section ul li.right.light a i:hover {
    color: #1d2025;
    border: 1px solid #1d2025;
    opacity: .3
}

.header-section ul li.rightbut {
    position: absolute;
    right: 0
}

.header-section ul li.rightbut .mbutton {
    border: 2px solid #fff;
    margin: 22px 0 0 0;
    padding: 7px 27px;
    border-radius: 25px
}

.header-section ul li.rightbut .mbutton:hover {
    color: #1d2025;
    background: #fff !important
}

.header-section ul li.rightbut .mbutton2 {
    border: 1px solid #eee;
    margin: 22px 0 0 0;
    padding: 7px 27px;
    border-radius: 25px
}

.header-section ul li.rightbut .mbutton2:hover {
    color: #1d2025;
    background: #fff !important
}

.header-section ul li.rightbut .mbutton3 {
    border: 2px solid #f39c12;
    margin: 22px 0 0 0;
    padding: 7px 27px;
    border-radius: 25px
}

.header-section ul li.rightbut .mbutton3:hover {
    color: #fff;
    background: #f39c12 !important;
    opacity: 1 !important
}

.header-section ul li.rightbut .mbutton4 {
    border: 2px solid #4ecdc4;
    background: #4ecdc4 !important;
    margin: 22px 0 0 0;
    padding: 7px 27px;
    border-radius: 25px
}

.header-section ul li.rightbut .mbutton4:hover {
    color: #fff;
    background: 0 0 !important;
    opacity: 1 !important
}

.header-section ul li.rightbut .mbutton5 {
    color: #fff !important;
    border: 2px solid #45407e;
    background: #45407e !important;
    margin: 18px 0;
    padding: 5px 15px;
    border-radius: 25px
}

.header-section ul li.rightbut .mbutton5:hover {
    color: #45407e !important;
    background: 0 0 !important;
    opacity: 1 !important
}

.header-section ul li.rightbut .mbutton6 {
    border: 2px solid #fff;
    margin: 22px 0 0 0;
    padding: 7px 27px;
    border-radius: 25px
}

.header-section ul li.rightbut .mbutton6:hover {
    color: #1d2025;
    background: #fff !important;
    opacity: 1 !important
}

.header-section ul li.rightbut .mbutton7 {
    color: #1d2025;
    border: 2px solid #fff;
    margin: 22px 0 0 0;
    padding: 7px 27px;
    background: #fff !important;
    border-radius: 25px
}

.header-section ul li.rightbut .mbutton7:hover {
    color: #fff;
    background: 0 0 !important;
    opacity: 1 !important
}

.header-section .main-nav .nav.top-nav>li {
    float: left
}

@media only screen and (min-width: 1001px) {
    .header-section {
        top: 0;
        left: 0;
        width: 100%;
        z-index: 9998
    }

    .header-section.absotule {
        position: absolute
    }

    .header-section.pin-style.pin-start {
        position: fixed
    }

    .header-section.pin-style.style4 {
        border: 0;
        margin-top: 50px
    }

    .header-section.pin-style.pin {
        background: rgba(29, 32, 37, .97);
        -webkit-transition: all .5s;
        transition: all .5s
    }

    .header-section.white.pin-style.pin {
        background: #fff;
        -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, .03);
        -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .03);
        box-shadow: 0 3px 3px rgba(0, 0, 0, .03)
    }

    .header-section.pin-style.pin.style3 {
        padding: 0
    }

    .header-section.pin-style.pin.style3 .logo {
        top: 0
    }

    .header-section.pin-style.pin.style4 {
        padding-top: 0;
        background: #fff;
        margin-top: 0;
        -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 0 8px 1px rgba(0, 0, 0, .2);
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, .2)
    }

    .header-section.pin-style.pin.style4 .mod-menu {
        background: 0
    }

    .header-section.pin-style.before {
        -webkit-transition: all .6s;
        transition: all .6s
    }

    .header-section.pin-style .mod-menu {
        border: none !important
    }

    .header-section.style2 .col-sm-2 {
        float: right;
        text-align: right
    }

    .header-section.style2 .col-sm-10 {
        float: left;
        text-align: left;
        width: auto
    }

    .header-section.style2 .logo {
        display: block
    }

    .header-section.style2 ul li ul li a span.sub-arrow {
        float: right;
        font-size: 14px;
        color: #fff
    }

    .header-section.style2 ul li ul li a span.sub-arrow.dark {
        color: #1d2025
    }

    .header-section.style3 {
        padding-top: 0;
        background: #fff;
        border: 0
    }

    .header-section.style3 .container {
        border-top: 1px solid #f1f1f1;
        border-bottom: 1px solid #f1f1f1
    }

    .header-section.style3.pin {
        background: #fff;
        -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 0 8px 1px rgba(0, 0, 0, .2);
        box-shadow: 0 0 8px 1px rgba(0, 0, 0, .2)
    }

    .header-section.style3 .logo {
        position: absolute;
        left: 50%;
        margin-left: -65px;
        top: -27px;
        margin-top: 0
    }

    .header-section.style3 ul li.search-parent .search-box {
        background: #1d2025
    }

    .header-section.style3 ul li.search-parent .search-box .form-control {
        background: #282828;
        border: 0
    }

    .header-section.style3 ul li.search-parent .search-box .form-control .search-btn {
        color: #fff
    }

    .header-section.style3 ul li.search-parent .search-box .close-btn {
        color: #fff
    }

    .header-section.style3 ul li.cart-parent .cart-box {
        background: #070607;
        color: #fff
    }

    .header-section.style3 ul li.cart-parent .cart-box ul {
        border-top: 1px solid #070607;
        background: 0
    }

    .header-section.style3 ul li.cart-parent .cart-box ul li {
        color: #fff
    }

    .header-section.style3 ul li.cart-parent .cart-box ul li .close-btn {
        color: #fff
    }

    .header-section.style3 .mod-menu {
        border-top: 1px solid #ececec;
        border-bottom: 1px solid #ececec
    }

    .header-section.style3 ul li a {
        color: #1d2025
    }

    .header-section.style3 .col-sm-10 {
        width: 100%;
        float: none
    }

    .header-section.style3 .col-sm-2 {
        float: none
    }

    .header-section.style3 #menu {
        float: left;
        width: 90%
    }

    .header-section.style3 #menu ul:first-child {
        float: left
    }

    .header-section.style3 #menu ul:last-child {
        float: right
    }

    .header-section.style3 #menu ul li ul {
        background: #1d2025;
        float: none !important
    }

    .header-section.style3 #menu ul li ul li {
        border-color: #282828
    }

    .header-section.style3 #menu ul li ul li a {
        color: #727272
    }

    .header-section.style3 #menu ul li ul li.active>a,
    .header-section.style3 #menu ul li ul li:hover>a {
        color: #1d2025
    }

    .header-section.style3 #menu ul li.mega-menu li ul li a {
        color: #727272
    }

    .header-section.style3 #menu ul li.mega-menu li ul li.active a,
    .header-section.style3 #menu ul li.mega-menu li ul li:hover a {
        color: #1d2025
    }

    .header-section.style3 ul li ul li a span.sub-arrow {
        float: right;
        font-size: 14px;
        color: #fff
    }

    .header-section.style4 {
        background: 0;
        padding-top: 0
    }

    .header-section.style4.pin {
        background: rgba(0, 0, 0, .5)
    }

    .header-section.style4 .mod-menu {
        background: #fff;
        padding-left: 20px;
        padding-right: 20px
    }

    .header-section.style4 ul li a {
        color: #1d2025
    }

    .header-section.style4 ul li ul {
        background: #1d2025
    }

    .header-section.style4 ul li ul li {
        border-color: #f0be64
    }

    .header-section.style4 ul li ul li a {
        color: #fff
    }

    .header-section.style4 ul li ul li a span.sub-arrow {
        float: right;
        font-size: 14px;
        color: #fff
    }

    .header-section.style4 ul li ul li a:hover {
        color: #1d2025;
        margin-left: 8px
    }

    .header-section.style4 ul li.search-parent .search-box {
        background: #1d2025
    }

    .header-section.style4 ul li.search-parent .search-box .form-control {
        background: #1d2025;
        border: 1px solid #f0be64
    }

    .header-section.style4 ul li.search-parent .search-box .form-control input {
        color: #fff
    }

    .header-section.style4 ul li.search-parent .search-box .form-control .search-btn {
        color: #fff
    }

    .header-section.style4 ul li.search-parent .search-box .close-btn {
        color: #fff
    }

    .header-section.style4 ul li.cart-parent .cart-box {
        background: #1d2025;
        color: #fff
    }

    .header-section.style4 ul li.cart-parent .cart-box span {
        color: #fff
    }

    .header-section.style4 ul li.cart-parent .cart-box ul {
        border-top: 1px solid #f0be64;
        background: 0
    }

    .header-section.style4 ul li.cart-parent .cart-box ul li {
        color: #fff
    }

    .header-section.style4 ul li.cart-parent .cart-box ul li .close-btn {
        color: #fff
    }

    .header-section.style4 ul li.cart-parent .cart-box .btn.btn-primary {
        background: #fff !important;
        color: #070607
    }

    .header-section ul li:hover>a {
        color: red;
    }

    .header-section ul li ul {
        opacity: 0;
        max-height: 0;
        overflow: hidden
    }

    .header-section ul li ul li ul {
        max-height: none;
        opacity: 1
    }

    .header-section ul li ul li:hover>ul {
        width: 230px
    }

    .header-section ul li:hover>ul {
        opacity: 1;
        max-height: 2000px;
        overflow: visible
    }

    .header-section ul li:hover>ul li {
        overflow: visible
    }

    .header-section ul li:hover>ul li ul {
        overflow: hidden;
        opacity: 1
    }

    .header-section ul li.mega-menu>ul {
        opacity: 0
    }

    .header-section ul li.mega-menu:hover>ul {
        opacity: 1;
        max-height: 2000px
    }

    .header-section ul li.search-parent {
        position: static
    }

    .header-section ul li.search-parent .search-box {
        opacity: 0
    }

    .header-section ul li.search-parent.active .search-box {
        opacity: 1;
        max-height: 2000px;
        -webkit-transition-delay: 0;
        transition-delay: 0
    }

    .header-section ul li.cart-parent .cart-box {
        opacity: 0
    }

    .header-section ul li.cart-parent.active .cart-box {
        opacity: 1;
        max-height: 2000px;
        -webkit-transition-delay: 0;
        transition-delay: 0
    }

    .header-section ul li.cart-parent .cart-box .btn:hover {
        opacity: .8
    }

    .header-section.pin-style.pin.borbottom {
        border-bottom: 1px solid rgba(255, 255, 255, 0)
    }

    .header-section.transp2.pin {
        background-color: rgba(255, 255, 255, .98) !important
    }
}

@media only screen and (max-width: 1000px) {
    .header-section ul li.cart-parent .cart-box {
        -webkit-transition: all 0;
        transition: all 0
    }

    .header-section ul li.menu-icon {
        font-size: 1.71429em;
        padding: 20px 0 0 9px
    }

    .header-section ul li.menu-icon a {
        margin: 0;
        border: 0;
        padding: 10px
    }

    .header-section {
        border: 0;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 999
    }

    .header-section.pin-start {
        position: absolute
    }

    .header-section.style3 {
        padding-bottom: 0
    }

    .header-section.off {
        position: fixed
    }

    .header-section .logo {
        position: relative;
        z-index: 9998
    }

    .header-section .main-nav .nav {
        float: none
    }

    .header-section .main-nav .nav.top-nav {
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 2;
        text-align: right
    }

    .header-section .main-nav .nav.top-nav li {
        display: inline-block !important;
        vertical-align: middle;
        float: none
    }

    .header-section .logo {
        padding-left: 10px
    }

    .navbar-toggle {
        position: relative;
        float: right;
        padding: 8px 10px;
        margin-top: 0px;
        margin-right: 0;
        margin-bottom: 8px;
        background-color: #ff3b42;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }

    .header-section #menu {
        float: none;
        border: 0;
        box-shadow: none;
        margin: 0 -15px;
        padding: 10px 0 0;
        z-index: 99
    }

    .header-section #menu>ul {
        background: #fff;
        margin: 0
    }

    .header-section #menu>ul li {
        position: relative;
        border-bottom: 1px solid #ececec
    }

    .header-section #menu>ul li.rightbut {
        text-align: center
    }

    .header-section #menu>ul li a {
        color: #1d2025;
        padding: 15px 25px;
        text-transform: none;
        display: inline-block
    }

    .header-section #menu>ul li .arrow {
        width: 33px;
        height: 32px;
        position: absolute;
        top: 9px;
        right: 18px;
        cursor: pointer;
        z-index: 999;
        background-color: #eee;
        border-radius: 3px
    }

    .header-section #menu>ul li .arrow:before {
        content: "";
        background: #1d2025;
        position: absolute;
        top: 15px;
        left: 12px;
        width: 10px;
        height: 2px
    }

    .header-section #menu>ul li .arrow:after {
        content: "";
        background: #1d2025;
        position: absolute;
        top: 11px;
        left: 16px;
        height: 10px;
        width: 2px
    }

    .header-section #menu>ul li.active>a,
    .header-section #menu>ul li.hover>a {
        color: #1d2025
    }

    .header-section #menu>ul li.hover>.arrow:after {
        display: none
    }

    .header-section #menu>ul li.hover>ul {
        display: block
    }

    .header-section #menu>ul li ul {
        display: none;
        max-height: none;
        position: relative;
        width: 100%;
        left: auto;
        margin: 0;
        top: auto;
        border-top: 1px solid #ececec
    }

    .header-section #menu>ul li ul li {
        float: none;
        width: 100%;
        padding: 0;
        border: 0
    }

    .header-section #menu ul li.mega-menu ul li {
        padding: 16px 0 7px 20px
    }

    .header-section #menu ul li.mega-menu ul li ul li {
        padding: 0
    }

    .header-section #menu>ul li ul li a {
        text-transform: none;
        font-weight: 400;
        padding-left: 45px
    }

    .header-section #menu>ul li ul li ul {
        right: 0
    }

    .header-section #menu>ul li ul li ul li a {
        padding-left: 30px
    }

    .header-section ul li.search-parent.active>a {
        color: #1d2025
    }

    .header-section ul li.search-parent.active .search-box {
        max-height: none
    }

    .header-section ul li.cart-parent {
        position: static
    }

    .header-section ul li.cart-parent.active>a {
        color: #1d2025
    }

    .header-section ul li.cart-parent.active .cart-box {
        width: 100%;
        max-height: 2000px;
        -webkit-transition-delay: 0;
        transition-delay: 0
    }

    .header-section ul li.cart-parent.active .cart-box ul li {
        display: block !important;
        text-align: left
    }

    .header-section ul li.cart-parent.active .cart-box .col-xs-8 {
        text-align: left
    }

    .header-section.style3 .logo {
        margin-top: 5px
    }

    .header-section.style3 .main-nav .nav.top-nav {
        top: 32px
    }

    .header-section.style3 ul li a {
        color: #000
    }

    .header-section.style3 .main-nav {
        padding-top: 10px
    }

    .header-section.style3 #menu {
        background: #1d2025
    }

    .header-section.style3 #menu ul {
        background: 0
    }

    .header-section.style3 #menu ul li {
        border-color: #262626
    }

    .header-section.style3 #menu ul li a {
        color: #fff
    }

    .header-section.style3 #menu ul li .arrow:after,
    .header-section.style3 #menu ul li .arrow:before {
        background: #fff
    }

    .header-section.style3 #menu ul li.active>a,
    .header-section.style3 #menu ul li.hover>a {
        color: #1d2025
    }

    .header-section.style3 #menu ul li ul {
        border-color: #262626
    }

    .header-section.style3 #menu ul li ul li a {
        color: #727272
    }

    .header-section.style4 {
        background: #fff;
        padding-bottom: 0
    }

    .header-section.style4 .logo {
        margin-bottom: 20px
    }

    .header-section.style4 ul li a {
        color: #050505
    }

    .header-section.style4 #menu {
        padding-top: 0;
        padding-bottom: 0
    }

    .header-section.style4 #menu ul {
        background: #1d2025
    }

    .header-section.style4 #menu ul li {
        border-color: #f0be64
    }

    .header-section.style4 #menu ul li a {
        color: #fff
    }

    .header-section.style4 #menu ul li .arrow:after,
    .header-section.style4 #menu ul li .arrow:before {
        background: #fff
    }

    .header-section.style4 #menu ul li ul {
        border-color: #f0be64
    }

    .header-section.style4 #menu ul li ul li {
        border-color: #f0be64
    }

    .header-section.transparent {
        background: #1d2025
    }

    .header-section.borbottom.pin-style {
        background: #1d2025
    }

    .header-section.borbottom {
        border-bottom: 1px solid rgba(255, 255, 255, 0)
    }

    .header-section.white.pin-style.pin {
        -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, .03);
        -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .03);
        box-shadow: 0 3px 3px rgba(0, 0, 0, .03)
    }
}

@media(max-width: 414px) and (min-width:375px) {
    .header-section .logo {
        width: 80%;
        margin: 10px 0
    }

    .header-section ul li.menu-icon {
        font-size: 1.71429em;
        padding: 10px 0 0 9px
    }
}

@media(max-width: 375px) and (min-width:361px) {
    .header-section .logo {
        width: 80%;
        margin: 10px 0
    }

    .header-section ul li.menu-icon {
        font-size: 1.71429em;
        padding: 10px 0 0 9px
    }
}

@media only screen and (max-width: 360px) {
    .header-section .logo {
        width: 80%;
        margin: 10px 0
    }

    .header-section.style3 .main-nav .nav.top-nav {
        top: 7px
    }
}

@media only screen and (min-width: 1001px) {
    #menu {
        display: block
    }
}

@media only screen and (max-width: 1000px) {

    .header-section .col-sm-10,
    .header-section .col-sm-2 {
        width: auto;
        float: none
    }

    .nopadding {
        position: static
    }

    .navbar-nav>li {
        float: none
    }

    .header-section.style4 ul li.search-parent .search-box {
        top: 90px
    }

    .header-section.style4 ul li.cart-parent .cart-box {
        top: 90px
    }

    .header-section.style4 #menu>ul li.active>a,
    .header-section.style4 #menu>ul li.hover>a {
        color: #1d2025
    }

    .header-section ul li.cart-parent .cart-box {
        right: 0
    }

    .header-section ul li ul li a span.sub-arrow {
        float: right;
        font-size: 14px;
        color: #fff;
        display: none
    }

    .header-section #menu>ul ul ul li a {
        padding: 9px 25px
    }

    .header-section.transp.two {
        background-color: #1d2025
    }
}

@media screen and (max-width: 360px) {
    .header-section.style4 ul li.search-parent .search-box {
        top: 74px
    }

    .header-section.style4 ul li.cart-parent .cart-box {
        top: 74px
    }

    .header-section ul li.menu-icon {
        padding: 10px 0
    }
}

.box-option .header-section {
    background: 0 0 !important
}

.box-option .header-section .container {
    background: #fff
}

.box-option .header-section.pin .container {
    max-width: 1240px
}

@media only screen and (min-width: 991px) and (max-width:1169px) {
    .header-section ul li a {
        padding: 30px 9px
    }

    .header-section .main-nav.centernav ul li a {
        padding: 8px
    }

    .header-section ul li.rightbut a.mbutton2 {
        margin: 21px 0 0 0;
        padding: 7px 14px;
        border-radius: 25px
    }
}

@media only screen and (min-width: 991px) and (max-width:1169px) {
    h2 {
        font-size: 25px
    }

    h2.big {
        font-size: 30px
    }

    h2.big1 {
        font-size: 35px
    }

    h2.big2 {
        font-size: 40px
    }

    h2.big3 {
        font-size: 50px
    }

    h2.big4 {
        font-size: 65px
    }

    h2.big8 {
        font-size: 100px
    }

    .fusection1 .box {
        width: 19.7%;
        padding-left: 20px;
        padding-right: 20px
    }

    .toggleslide #toggle+label {
        right: 10px
    }

    .img-hover-text6 .btext {
        top: 70px
    }

    .boxsitewrap {
        width: 95% !important
    }

    .less11 {
        width: 100% !important
    }

    .img-hover-text6 .distext {
        opacity: 0;
        position: absolute;
        top: 125px;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 12% 14% 5% 14%;
        text-decoration: none;
        text-align: center;
        transition: all .3s ease;
        transform: scale(.5)
    }

    .fusection12 {
        padding: 39px 0 34px 0;
        margin-top: -160px
    }

    .fusection14 .left {
        width: 25%
    }

    .fusection14 .right {
        width: 85%;
        padding: 10% 5% 10% 14%;
        margin-bottom: 70px
    }

    .video-overlay-text {
        margin-top: 100px
    }

    .button21 {
        margin-left: 46%;
        width: 80px;
        height: 80px;
        line-height: 80px
    }

    .google-map .contdetails {
        width: 50%
    }

    .google-map2 iframe {
        height: 400px
    }

    .img-hover-text .distext {
        padding: 5%
    }

    .img-hover-text2 .distext {
        padding: 10%
    }

    .img-hover-text3 .distext {
        top: 20px;
        left: 20px;
        right: 20px;
        bottom: 20px;
        padding: 5% 5% 5% 5%
    }

    .border-none {
        border: 0
    }

    .padding-none {
        padding: 0
    }

    .margin-none {
        margin: 0
    }

    .background-image46 {
        padding-top: 20%;
        padding-bottom: 20%
    }

    .fusection5 .sty2 {
        width: 57%
    }

    .fusection5 .sty2 h5 {
        font-size: 14px
    }

    .background-image22 {
        background-size: 120%
    }

    .img-hover-text7 .distext {
        left: 30px;
        right: 35px
    }

    #simp-slider .slider-stack>* {
        height: 560px
    }

    #simp-slider .slider-foregrounds {
        margin-top: -560px
    }

    #simp-slider .slider-foregrounds>* {
        margin: 0 30px 0 30px
    }

    .skew-box {
        height: 450px
    }

    .skew-box:after {
        width: 119px;
        right: -65px;
        -ms-transform: skew(-10deg, 0);
        -webkit-transform: skew(-10deg, 0);
        transform: skew(-10deg, 0)
    }

    .img-hover-text10 h3 {
        font-size: 18px
    }

    .img-hover-text10 .distext {
        padding: 12% 5% 5% 5%
    }

    .scrollup3 {
        bottom: 174px
    }

    .static-slider4 {
        height: 800px
    }

    .static-slider4 .herotext {
        left: 6%;
        top: 30%
    }

    .vshape4:after {
        margin-left: 0;
        border-left: solid 100vw transparent
    }

    .fusection20 .content {
        width: 65%;
        left: 35px;
        bottom: 50px
    }

    .fusection20 .col-md-3:hover .content,
    .fusection20 .col-md-4:hover .content,
    .fusection20 .col-md-5:hover .content,
    .fusection20 .col-md-6:hover .content {
        left: 45px
    }

    .img-hover-text11 .distext {
        left: 25px;
        right: 25px;
        bottom: 20px
    }

    .img-hover-text11:hover .distext {
        bottom: 50px
    }

    .imghboxtext2 .textbox {
        height: 75%;
        top: 30px;
        left: 20px
    }

    .imghboxtext2:hover .textbox {
        width: 75%
    }

    .imghboxtext2 a.go {
        top: 120px
    }

    .button27 {
        padding: 14px 10px;
        width: 130px
    }

    .button27:hover span {
        padding-right: 12px
    }

    .boxsitewrap3 {
        width: 94% !important;
        margin: 45px auto 0 auto
    }

    .img-hover-text12 .distext {
        padding-top: 21%
    }

    .img-hover-text12 .distext h2:before {
        top: 170px
    }

    .img-hover-text12.sty2 .distext h2:before {
        top: 65px
    }

    .img-hover-text12.sty2 .distext {
        padding-top: 5%
    }

    .fusection22 .contbox .content.sty2 {
        padding-left: 10px;
        padding-right: 10px
    }

    .fusection22 .contbox .content.sty3 {
        padding-left: 10px;
        padding-right: 10px
    }

    .diamondshape {
        background-position: center top;
        background-size: 150%;
        padding-top: 25%;
        height: 1540px
    }

    .diamondshape-bottom,
    .diamondshape-top {
        display: none
    }

    .diamondshape-full {
        padding-top: 40%;
        background-size: 150%;
        height: 1540px
    }

    .static-slider7 {
        height: 720px
    }

    .static-slider7 .herotext {
        width: 100%;
        left: 0
    }

    .lightbox div iframe {
        width: 75%
    }

    .static-slider9 {
        height: 800px
    }

    .static-slider9 .herotext {
        width: 75%;
        left: 10%;
        top: 35%
    }

    .static-slider9 .herotext h1 {
        font-size: 25px
    }

    .static-slider9 .herotext h2 {
        font-size: 45px
    }

    .video-overlay-text2 {
        width: 75%;
        top: 35%
    }

    .fusection24 {
        height: 280px;
        margin-top: -280px;
        padding-top: 50px
    }

    .background-image96 h2 {
        font-size: 160px
    }

    .circle21 {
        width: 58%;
        height: 72vh
    }
}

@media only screen and (min-width: 768px) and (max-width:990px) {
    h2 {
        font-size: 20px
    }

    h2.big {
        font-size: 25px
    }

    h2.big1 {
        font-size: 30px
    }

    h2.big2 {
        font-size: 35px
    }

    h2.big3 {
        font-size: 43px
    }

    h2.big4 {
        font-size: 50px
    }

    h2.big8 {
        font-size: 80px
    }

    .less,
    .less1,
    .less10,
    .less11,
    .less12,
    .less2,
    .less3,
    .less4,
    .less5,
    .less6,
    .less7,
    .less8,
    .less9 {
        width: 100% !important
    }

    .site-less1 {
        width: 85% !important
    }

    .site-less2 {
        width: 90% !important
    }

    .boxsitewrap {
        width: 98% !important
    }

    .boxsitewrap2 {
        width: 97% !important
    }

    .marbo-resp {
        margin-bottom: 30px !important
    }

    .marbo-resp2 {
        margin-bottom: 20px !important
    }

    .marbo-resp3 {
        margin-bottom: 70px !important
    }

    .marbo-resp4 {
        margin-bottom: 50px !important
    }

    .marbo-resp5 {
        margin-bottom: 100px !important
    }

    .marbo-resp12 {
        margin-bottom: 70px !important
    }

    .marbo-resp13 {
        margin-bottom: 50px !important
    }

    .margin-top-minus7 {
        margin-top: 0
    }

    .padding-top-respopercent {
        padding-top: 0
    }

    .slider-margin-top {
        margin-top: 0
    }

    .slider-respo-martop {
        margin-top: 50px
    }

    .txtcent-resp {
        text-align: center
    }

    .text-center.respo {
        text-align: left
    }

    .text-right.respo {
        text-align: left
    }

    .circle11.ptop2,
    .circle12.ptop2,
    .circle13.ptop2 {
        padding-top: 14%
    }

    .static-slider2 {
        height: 630px
    }

    .static-slider3 {
        padding-top: 25%
    }

    .authimg {
        margin-top: -95px
    }

    .authimg img {
        width: 25%
    }

    .border-none {
        border: 0
    }

    .padding-none {
        padding: 0
    }

    .margin-none {
        margin: 0
    }

    .resp-border-none {
        border: 0
    }

    .fusection1 .box {
        width: 49.8%;
        margin-bottom: 1px
    }

    .toggleslide #toggle+label {
        right: 90px;
        top: 27px
    }

    .fusection12 {
        padding: 35px 0 20px 0;
        margin-top: -50px;
        background-color: #1d2025
    }

    .fusection12 .col-md-3 {
        width: 50% !important;
        padding: 10px 25px;
        float: left
    }

    .video-overlay-text {
        margin-top: 75px
    }

    .button21 {
        margin-left: 45%;
        width: 70px;
        height: 70px;
        line-height: 70px;
        font-size: 10px
    }

    .toggleslide #toggle:checked~.slidecontainer {
        margin-top: 720px
    }

    .toggleslide .message {
        height: 720px;
        top: -720px
    }

    .toggleslide.two #toggle:checked~.slidecontainer {
        margin-top: 400px
    }

    .toggleslide.two .message {
        height: 400px;
        top: -400px
    }

    .google-map .contdetails {
        width: 58%;
        margin-right: 5%
    }

    .google-map2 iframe {
        height: 400px
    }

    .fusection3 .righthalf {
        width: 65%;
        padding: 120px 50px
    }

    .background-image45 {
        padding-top: 120px;
        padding-bottom: 90px
    }

    .background-image15 {
        padding-top: 200px;
        padding-bottom: 200px
    }

    .background-image20 {
        padding-top: 225px
    }

    .background-image16 {
        background-size: 140%
    }

    .parallax8 {
        background-size: 400%
    }

    .background-image4 {
        background-size: 400%
    }

    .background-image22 {
        background-size: 300%;
        padding-top: 100px
    }

    .parallax16 {
        background-size: 300%
    }

    .fusection6 .text {
        bottom: 140px;
        width: 75%
    }

    .img-hover-text7 .distext {
        left: 30px;
        right: 35px
    }

    .parallax7 {
        padding: 180px 0 180px 0
    }

    .imghboxtext .textbox {
        top: 50px;
        left: 50px
    }

    .imghboxtext:hover .textbox {
        width: 55%
    }

    .imghboxtext a.go {
        top: 200px
    }

    .background-image50 {
        background-size: auto
    }

    .skew-box {
        padding: 10%
    }

    .skew-box:after {
        width: 0;
        right: 0;
        -ms-transform: skew(0, 0);
        -webkit-transform: skew(0, 0);
        transform: skew(0, 0)
    }

    .scrollup3 {
        bottom: 86px
    }

    .slider-above-section {
        margin-top: 0
    }

    .background-image53 {
        background-position: center 70px
    }

    .fusection19 .box {
        padding: 10% 8% 8% 10%;
        margin-left: 0
    }

    .static-slider4 {
        height: 700px
    }

    .static-slider4 .herotext {
        width: 75%;
        left: 6%;
        top: 20%
    }

    .static-slider4 h1 {
        font-size: 27px
    }

    .static-slider4 h1.big3 {
        font-size: 45px
    }

    .vshape4:after {
        margin-left: 0;
        border-left: solid 100vw transparent
    }

    .background-image11 {
        background-size: auto
    }

    .vshape3 {
        margin-bottom: 0;
        padding-bottom: 100px
    }

    .vshape3:after {
        margin-left: 0;
        border-right: solid 100vw transparent
    }

    .footer-fixed {
        position: relative;
        z-index: 0
    }

    .background-image57 {
        padding-top: 120px
    }

    .fusection20 .zoomimg2 {
        float: left
    }

    .fusection20 .content {
        width: 65%;
        left: 35px;
        bottom: 180px;
        position: relative
    }

    .fusection20 .col-md-3:hover .content,
    .fusection20 .col-md-4:hover .content,
    .fusection20 .col-md-5:hover .content,
    .fusection20 .col-md-6:hover .content {
        left: 45px
    }

    .button27 {
        padding: 12px 10px;
        width: 100px
    }

    .button27:hover span {
        padding-right: 10px
    }

    .boxsitewrap3 {
        width: 100% !important;
        margin: 0 auto 0 auto
    }

    .static-slider5 {
        height: 700px
    }

    .static-slider5 .herotext {
        top: 23%
    }

    .circle16 {
        width: 200px;
        height: 200px
    }

    .img-hover-text12 .distext {
        padding: 10% 5% 5% 5%
    }

    .img-hover-text12 .distext h2:before {
        top: 100px
    }

    .vshape7:after {
        margin-left: -10px
    }

    .social-icons2 .social>a {
        width: 40px;
        height: 40px;
        margin-right: 10px
    }

    .social-icons2 .social>a:hover .front {
        transform: translateY(-20px)
    }

    .social-icons2 .front {
        width: 40px;
        height: 40px
    }

    .social-icons2 .front i.fa {
        margin: 14px 0 30px 0;
        font-size: 13px
    }

    .social-icons2 .behind {
        width: 34px;
        height: 34px;
        padding-top: 14px;
        font-size: 7px
    }

    .static-slider6 .logo {
        padding-top: 30px
    }

    .padding-top-respopercent2 {
        padding-top: 10%
    }

    .diamondshape {
        background-position: center top;
        padding-top: 50%;
        height: 1720px
    }

    .diamondshape-bottom,
    .diamondshape-top {
        display: none
    }

    .diamondshape-full {
        padding-top: 40%;
        height: 1940px
    }

    .diamondshape2 {
        width: 210px;
        height: 210px;
        margin-left: 35%;
        margin-bottom: 160px
    }

    .dimd-pics {
        width: 320px;
        height: 320px;
        margin: -50px
    }

    .slider-margin-top2 {
        margin-top: 0
    }

    .static-slider7 {
        height: 580px
    }

    .static-slider7 .herotext {
        width: 100%;
        left: 0
    }

    .static-slider7 .herotext a {
        left: 35%
    }

    .static-slider8 {
        height: 580px
    }

    .lightbox div iframe {
        width: 80%;
        height: 50%
    }

    .static-slider9 {
        height: 700px
    }

    .static-slider9 .herotext {
        width: 75%;
        left: 8%;
        top: 25%
    }

    .static-slider9 .herotext h1 {
        font-size: 25px
    }

    .static-slider9 .herotext h2 {
        font-size: 45px
    }

    .background-image84 {
        width: 100%
    }

    .video-overlay-text2 {
        width: 75%;
        top: 30%
    }

    .fusection24 {
        height: auto;
        margin-top: 0;
        padding-top: 50px
    }

    .searchcou select {
        width: 100%
    }

    .static-slider10 {
        height: 700px
    }

    .static-slider10 .herotext {
        top: 27%
    }

    .background-image96 h2 {
        font-size: 120px
    }

    .circle21 {
        width: 75%;
        height: 72vh
    }
}

@media only screen and (min-width: 640px) and (max-width:767px) {
    h2 {
        font-size: 18px
    }

    h2.big {
        font-size: 23px
    }

    h2.big1 {
        font-size: 25px
    }

    h2.big2 {
        font-size: 30px
    }

    h2.big3 {
        font-size: 35px
    }

    h2.big4 {
        font-size: 40px
    }

    h2.big5 {
        font-size: 50px
    }

    h2.big8 {
        font-size: 70px
    }

    .less,
    .less1,
    .less10,
    .less11,
    .less12,
    .less2,
    .less3,
    .less4,
    .less5,
    .less6,
    .less7,
    .less8,
    .less9 {
        width: 100% !important
    }

    .site-less1 {
        width: 85% !important
    }

    .site-less2 {
        width: 90% !important
    }

    .boxsitewrap {
        width: 98% !important
    }

    .boxsitewrap2 {
        width: 97% !important
    }

    .padding-top-respopercent {
        padding-top: 0
    }

    .slider-margin-top {
        margin-top: 0
    }

    .slider-respo-martop {
        margin-top: 70px
    }

    .margin-top-minus7 {
        margin-top: 0
    }

    .marbo-resp {
        margin-bottom: 50px !important
    }

    .marbo-resp2 {
        margin-bottom: 20px !important
    }

    .marbo-resp3 {
        margin-bottom: 70px !important
    }

    .marbo-resp4 {
        margin-bottom: 50px !important
    }

    .marbo-resp12 {
        margin-bottom: 70px !important
    }

    .marbo-resp13 {
        margin-bottom: 50px !important
    }

    .marbo-resp14 {
        margin-bottom: 30px !important
    }

    .marbo-resp15 {
        margin-bottom: 50px !important
    }

    .text-right.respo {
        text-align: left
    }

    .txtcent-resp {
        text-align: center
    }

    .text-center.respo {
        text-align: left
    }

    .static-slider2 {
        height: 580px
    }

    .static-slider3 {
        padding-top: 27%
    }

    .authimg {
        margin-top: -75px
    }

    .authimg img {
        width: 25%
    }

    .circle11.ptop2,
    .circle12.ptop2,
    .circle13.ptop2 {
        padding-top: 8%
    }

    .fusection1 .box {
        float: none;
        width: 90%;
        margin: 0 auto 1px
    }

    .toggleslide #toggle+label {
        right: 90px;
        top: 27px
    }

    .border-none {
        border: 0
    }

    .padding-none {
        padding: 0
    }

    .margin-none {
        margin: 0
    }

    .resp-border-none {
        border: 0
    }

    .resp-margin-none {
        margin: 0
    }

    .resp-margin-less {
        margin-top: -10px
    }

    .fusection12 {
        padding: 35px 0 20px 0;
        margin-top: -50px;
        background-color: #1d2025
    }

    .fusection12 .col-md-3 {
        width: 50% !important;
        padding: 10px 25px;
        float: left
    }

    .toggleslide #toggle:checked~.slidecontainer {
        margin-top: 650px
    }

    .toggleslide .message {
        height: 650px;
        top: -650px
    }

    .toggleslide.two #toggle:checked~.slidecontainer {
        margin-top: 450px
    }

    .toggleslide.two .message {
        height: 450px;
        top: -450px
    }

    section.module.parallax {
        padding: 100px 0 100px 0
    }

    .google-map .contdetails {
        width: 70%;
        margin-right: 5%
    }

    .video-overlay-text {
        margin-top: 50px
    }

    .button21 {
        margin-left: 46%;
        width: 55px;
        height: 55px;
        line-height: 55px;
        font-size: 9px
    }

    .parallax14 {
        padding: 270px 0 270px 0
    }

    .parallax15 {
        padding: 270px 0 270px 0
    }

    .fusection3 .righthalf {
        width: 100%;
        padding: 120px 50px;
        margin-top: 500px
    }

    .background-image45 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .background-image45 h3 {
        font-size: 18px
    }

    .google-map2 iframe {
        height: 300px
    }

    .background-image15 {
        padding-top: 180px;
        padding-bottom: 180px
    }

    .background-image20 {
        padding-top: 200px
    }

    .background-image16 {
        background-image: none
    }

    .background-image17,
    .background-image18,
    .background-image19 {
        background-size: 100%;
        padding-top: 40%
    }

    .background-image17 .col-md-7,
    .background-image18 .col-md-7,
    .background-image19 .col-md-7 {
        background: #fff
    }

    .parallax8 {
        background-size: 500%
    }

    .background-image4 {
        background-size: 700%
    }

    .background-image22 {
        background-size: 300%;
        padding-top: 100px
    }

    .parallax16 {
        padding: 140px 0 90px 0;
        background-size: 300%
    }

    .fusection6 .text {
        bottom: 140px;
        left: 30px;
        width: 75%
    }

    .fusection6 .col-md-3:hover .text,
    .fusection6 .col-md-4:hover .text,
    .fusection6 .col-md-5:hover .text,
    .fusection6 .col-md-6:hover .text {
        left: 50px
    }

    .img-hover-text7 .distext {
        left: 30px;
        right: 35px
    }

    .parallax7 {
        padding: 180px 0 180px 0
    }

    .img-hover-text7 .distext {
        left: 40px;
        right: 45px
    }

    .parallax7 {
        padding: 180px 0 180px 0
    }

    .margin-left-percent12 {
        margin-left: 23%
    }

    .background-image21 {
        background-size: 200%;
        padding-top: 140px;
        padding-bottom: 140px
    }

    .background-image50 {
        background-size: auto
    }

    .skew-box {
        padding: 10%
    }

    .skew-box:after {
        width: 0;
        right: 0;
        -ms-transform: skew(0, 0);
        -webkit-transform: skew(0, 0);
        transform: skew(0, 0)
    }

    .scrollup3 {
        bottom: 44px
    }

    .slider-above-section {
        margin-top: 0
    }

    .background-image53 {
        background-position: center 70px
    }

    .fusection19 .box {
        padding: 10% 8% 8% 10%;
        margin-left: 0
    }

    .static-slider4 {
        height: 700px
    }

    .static-slider4 .herotext {
        width: 75%;
        left: 6%;
        top: 20%
    }

    .static-slider4 h1 {
        font-size: 27px
    }

    .static-slider4 h1.big3 {
        font-size: 45px
    }

    .vshape4:after {
        margin-left: 0;
        border-left: solid 100vw transparent
    }

    .background-image11 {
        background-size: auto
    }

    .vshape3 {
        margin-bottom: 0;
        padding-bottom: 100px
    }

    .vshape3:after {
        margin-left: 0;
        border-right: solid 100vw transparent
    }

    .footer-fixed {
        position: relative;
        z-index: 0
    }

    .background-image57 {
        padding-top: 120px
    }

    .fusection20 .zoomimg2 {
        float: left
    }

    .fusection20 .content {
        width: 90%;
        left: 35px;
        bottom: 180px;
        position: relative
    }

    .fusection20 .col-md-3:hover .content,
    .fusection20 .col-md-4:hover .content,
    .fusection20 .col-md-5:hover .content,
    .fusection20 .col-md-6:hover .content {
        left: 45px
    }

    .img-hover-text11 .distext {
        left: 50px;
        right: 50px;
        bottom: 200px
    }

    .img-hover-text11:hover .distext {
        bottom: 230px
    }

    .imghboxtext2 .textbox {
        height: 75%
    }

    .imghboxtext2:hover .textbox {
        width: 75%
    }

    .imghboxtext2 a.go {
        top: 320px
    }

    .button27 {
        padding: 9px 10px;
        width: 80px
    }

    .button27:hover span {
        padding-right: 9px
    }

    .boxsitewrap3 {
        width: 86% !important;
        margin: 45px auto 0 auto
    }

    .static-slider5 {
        height: 580px
    }

    .static-slider5 .herotext {
        top: 23%
    }

    .vshape7:after {
        margin-left: -10px
    }

    .social-icons2 .social>a {
        width: 40px;
        height: 40px;
        margin-right: 10px
    }

    .social-icons2 .social>a:hover .front {
        transform: translateY(-20px)
    }

    .social-icons2 .front {
        width: 40px;
        height: 40px
    }

    .social-icons2 .front i.fa {
        margin: 14px 0 30px 0;
        font-size: 13px
    }

    .social-icons2 .behind {
        width: 34px;
        height: 34px;
        padding-top: 14px;
        font-size: 7px
    }

    .parallax24 {
        background-size: auto
    }

    .static-slider6 .logo {
        padding-top: 20px;
        padding-left: 5%
    }

    .img-hover-text12.sty2 .distext h2:before {
        top: 210px
    }

    .img-hover-text12.sty2 .distext {
        padding-top: 28%
    }

    .padding-top-respopercent2 {
        padding-top: 10%
    }

    .diamondshape {
        padding-top: 10%;
        padding-bottom: 70px;
        height: auto;
        background: 0
    }

    .diamondshape-bottom,
    .diamondshape-top {
        display: none
    }

    .diamondshape-full {
        padding-top: 16%;
        padding-bottom: 70px;
        height: auto;
        background: 0
    }

    .diamondshape2 {
        width: 210px;
        height: 210px;
        margin-left: 35%;
        margin-bottom: 160px
    }

    .dimd-pics {
        width: 320px;
        height: 320px;
        margin: -50px
    }

    .slider-margin-top2 {
        margin-top: 0
    }

    .static-slider7 {
        height: 550px
    }

    .static-slider7 .herotext {
        width: 90%;
        left: 5%
    }

    .static-slider7 .herotext a {
        left: 34%
    }

    .static-slider8 {
        height: 500px
    }

    .static-slider8 .herotext {
        top: 35%
    }

    .background-image75 {
        width: 100%;
        padding: 140px 0 160px 0
    }

    .lightbox div iframe {
        width: 75%;
        height: 65%
    }

    .vshape5 {
        margin-top: -35px
    }

    .static-slider9 {
        height: 630px
    }

    .static-slider9 .herotext {
        width: 75%;
        left: 8%;
        top: 30%
    }

    .static-slider9 .herotext h1 {
        font-size: 21px
    }

    .static-slider9 .herotext h2 {
        font-size: 36px
    }

    .background-image84 {
        width: 100%
    }

    .video-overlay-text2 {
        width: 75%;
        top: 27%
    }

    .fusection24 {
        height: auto;
        margin-top: 0;
        padding-top: 50px;
        padding-bottom: 50px
    }

    .searchcou select {
        width: 100%
    }

    .static-slider10 {
        height: 650px
    }

    .static-slider10 .herotext {
        top: 45%
    }

    .static-slider10 h2 {
        font-size: 45px
    }

    .img-hover-text11.sty5 .distext {
        bottom: 30px
    }

    .img-hover-text11.sty5:hover .distext {
        bottom: 50px
    }

    .cforms-sty3.ap-form {
        display: inline-block;
        z-index: 2;
        margin-top: -96px
    }

    .background-image96 h2 {
        font-size: 100px
    }

    .circle21 {
        width: 75%;
        height: 72vh;
        padding: 50px
    }

    .padding-top-percent10 {
        padding-top: 5%
    }
}

@media only screen and (min-width: 480px) and (max-width:639px) {
    h2 {
        font-size: 18px
    }

    h2.big {
        font-size: 23px
    }

    h2.big1 {
        font-size: 25px
    }

    h2.big2 {
        font-size: 30px
    }

    h2.big3 {
        font-size: 35px
    }

    h2.big4 {
        font-size: 40px
    }

    h2.big5 {
        font-size: 45px
    }

    h2.big8 {
        font-size: 50px
    }

    .less,
    .less1,
    .less10,
    .less11,
    .less12,
    .less2,
    .less3,
    .less4,
    .less5,
    .less6,
    .less7,
    .less8,
    .less9 {
        width: 100% !important
    }

    .site-less1 {
        width: 85% !important
    }

    .site-less2 {
        width: 90% !important
    }

    .boxsitewrap {
        width: 98% !important
    }

    .boxsitewrap2 {
        width: 96% !important
    }

    .padding-top-respopercent {
        padding-top: 0
    }

    .slider-margin-top {
        margin-top: 0
    }

    .slider-respo-martop {
        margin-top: 90px
    }

    .margin-top-minus7 {
        margin-top: 0
    }

    .marbo-resp {
        margin-bottom: 50px !important
    }

    .marbo-resp2 {
        margin-bottom: 20px !important
    }

    .marbo-resp3 {
        margin-bottom: 70px !important
    }

    .marbo-resp4 {
        margin-bottom: 50px !important
    }

    .marbo-resp12 {
        margin-bottom: 70px !important
    }

    .marbo-resp13 {
        margin-bottom: 50px !important
    }

    .marbo-resp14 {
        margin-bottom: 30px !important
    }

    .marbo-resp15 {
        margin-bottom: 50px !important
    }

    .text-right.respo {
        text-align: left
    }

    .text-center.respo {
        text-align: left
    }

    .txtcent-resp {
        text-align: center
    }

    .static-slider2 {
        height: 400px
    }

    .static-slider2 .padding-top-percent7 {
        padding-top: 30%
    }

    .static-slider3 {
        padding-top: 32%
    }

    .authimg {
        margin-top: -55px
    }

    .authimg img {
        width: 25%
    }

    .circle11.ptop2,
    .circle12.ptop2,
    .circle13.ptop2 {
        padding-top: 12%
    }

    .minus-margin-on-slider {
        margin-top: -30px
    }

    .background-image44 {
        padding: 30px
    }

    .border-none {
        border: 0
    }

    .padding-none {
        padding: 0
    }

    .margin-none {
        margin: 0
    }

    .resp-border-none {
        border: 0
    }

    .resp-margin-none {
        margin: 0
    }

    .resp-margin-less {
        margin-top: -10px
    }

    .white-box-shadow {
        padding: 40px 40px 35px 40px
    }

    .fusection1 .box {
        float: none;
        width: 90%;
        margin: 0 auto 1px
    }

    .toggleslide #toggle+label {
        right: 90px;
        top: 27px
    }

    .fusection12 {
        padding: 35px 0 20px 0;
        margin-top: 0;
        background-color: #1d2025
    }

    .fusection12 .col-md-3 {
        width: 100% !important;
        padding: 10px 25px;
        float: left
    }

    .toggleslide #toggle:checked~.slidecontainer {
        margin-top: 580px
    }

    .toggleslide .message {
        height: 580px;
        top: -580px
    }

    .toggleslide.two #toggle:checked~.slidecontainer {
        margin-top: 500px
    }

    .toggleslide.two .message {
        height: 500px;
        top: -500px
    }

    .google-map .contdetails {
        width: 85%;
        margin-right: 5%
    }

    .google-map .contdetails li {
        font-size: 14px
    }

    .google-map .contdetails li i {
        width: 70px;
        margin-right: 10px
    }

    .video-overlay-text {
        margin-top: 25px
    }

    .video-overlay-text img {
        width: 12.5%
    }

    .button21 {
        margin-left: 45%;
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 7px
    }

    .parallax14 {
        padding: 230px 0 230px 0
    }

    .parallax15 {
        padding: 230px 0 230px 0
    }

    .fusection3 .righthalf {
        width: 100%;
        padding: 120px 50px;
        margin-top: 400px
    }

    .background-image45 {
        padding-top: 100px;
        padding-bottom: 100px;
        background-size: 200%
    }

    .background-image45 h3 {
        font-size: 18px
    }

    .fusection14 .left {
        width: 100%;
        margin-right: 0
    }

    .fusection14 .right {
        width: 100%;
        padding: 10% 10% 10% 10%
    }

    .google-map2 iframe {
        height: 300px
    }

    .background-image15 {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .background-image20 {
        padding-top: 160px
    }

    .background-image16 {
        background-image: none
    }

    .background-image17,
    .background-image18,
    .background-image19 {
        background-size: 100%;
        padding-top: 40%
    }

    .background-image17 .col-md-7,
    .background-image18 .col-md-7,
    .background-image19 .col-md-7 {
        background: #fff
    }

    .background-image43 {
        width: 90%;
        padding: 90px 0 90px 0
    }

    .parallax8 {
        background-size: 700%
    }

    .background-image4 {
        background-size: 1400%
    }

    .background-image22 {
        background-size: 400%;
        padding-top: 100px
    }

    .fusection5 .sty2 {
        width: 75%
    }

    .fusection5 .sty2 h5 {
        font-size: 14px
    }

    .fusection5 .text {
        width: 75%;
        bottom: 50px;
        left: 50px
    }

    .fusection5 .text h3 {
        font-size: 16px
    }

    .parallax16 {
        padding: 140px 0 90px 0;
        background-size: 400%
    }

    .fusection6 .text {
        bottom: 140px;
        left: 30px;
        width: 90%
    }

    .fusection6 .col-md-3:hover .text,
    .fusection6 .col-md-4:hover .text,
    .fusection6 .col-md-5:hover .text,
    .fusection6 .col-md-6:hover .text {
        left: 40px;
        padding-left: 18px
    }

    .divTableCell2,
    .divTableHead2 {
        padding-left: 16px;
        padding-right: 16px
    }

    .img-hover-text7 .distext {
        left: 40px;
        right: 45px
    }

    .parallax7 {
        padding: 160px 0 160px 0
    }

    .margin-left-percent12 {
        margin-left: 16%
    }

    .imghboxtext .textbox {
        top: 50px;
        left: 50px
    }

    .imghboxtext:hover .textbox {
        width: 55%
    }

    .imghboxtext a.go {
        top: 250px
    }

    .background-image21 {
        background-size: 250%;
        padding-top: 140px;
        padding-bottom: 140px
    }

    #simp-slider .slider-foregrounds>* {
        margin: 0 30px 0 30px
    }

    .background-image50 {
        background-size: auto
    }

    .skew-box {
        padding: 10%;
        height: 450px
    }

    .skew-box:after {
        width: 0;
        right: 0;
        -ms-transform: skew(0, 0);
        -webkit-transform: skew(0, 0);
        transform: skew(0, 0)
    }

    .scrollup3 {
        bottom: 22px;
        right: 20px
    }

    .slider-above-section {
        margin-top: 0
    }

    .background-image53 {
        background-position: center 140px
    }

    .fusection19 .box {
        padding: 10% 8% 8% 10%;
        margin-left: 0
    }

    .static-slider4 {
        height: 600px
    }

    .static-slider4 .herotext {
        width: 90%;
        left: 6%;
        top: 20%
    }

    .static-slider4 h1 {
        font-size: 18px
    }

    .static-slider4 h1.big3 {
        font-size: 27px
    }

    .vshape4:after {
        margin-left: 0;
        border-left: solid 100vw transparent
    }

    .background-image11 {
        background-size: auto
    }

    .vshape3 {
        margin-bottom: 0;
        padding-bottom: 100px
    }

    .vshape3:after {
        margin-left: 0;
        border-right: solid 100vw transparent
    }

    .footer-fixed {
        position: relative;
        z-index: 0
    }

    .background-image57 {
        padding-top: 120px
    }

    .fusection20 .zoomimg2 {
        float: left
    }

    .fusection20 .content {
        width: 90%;
        left: 25px;
        bottom: 160px;
        position: relative
    }

    .fusection20 .col-md-3:hover .content,
    .fusection20 .col-md-4:hover .content,
    .fusection20 .col-md-5:hover .content,
    .fusection20 .col-md-6:hover .content {
        left: 35px
    }

    .newsletter-email {
        width: 100%;
        margin-bottom: 10px
    }

    .social-icons {
        height: 60px
    }

    .social-icons .item {
        width: 60px;
        height: 60px;
        margin: 0 5px 0 0;
        line-height: 45px
    }

    .social-icons .item:before {
        font-size: 1.6em;
        line-height: 60px
    }

    .social-icons .item:hover:before {
        line-height: 20px
    }

    .img-hover-text11 .distext {
        left: 50px;
        right: 50px;
        bottom: 100px
    }

    .img-hover-text11:hover .distext {
        bottom: 160px
    }

    .imghboxtext2 .textbox {
        height: 75%
    }

    .imghboxtext2:hover .textbox {
        width: 75%
    }

    .imghboxtext2 a.go {
        top: 235px
    }

    .button27 {
        padding: 7px 8px;
        width: 58px
    }

    .button27:hover span {
        padding-right: 7px
    }

    .boxsitewrap3 {
        width: 86% !important;
        margin: 45px auto 0 auto
    }

    .static-slider5 {
        height: 580px
    }

    .static-slider5 .herotext {
        top: 23%
    }

    .vshape6:after {
        margin-left: -10px;
        top: -100px;
        border-bottom: solid 100px #0076db
    }

    .vshape7:after {
        margin-left: -10px;
        top: -80px;
        border-bottom: solid 80px #90c695
    }

    .img-hover-text12 .distext {
        padding: 16% 5% 5% 5%
    }

    .img-hover-text12 .distext h2:before {
        top: 130px
    }

    .img-hover-text12.sty2 .distext h2:before {
        top: 165px
    }

    .img-hover-text12.sty2 .distext {
        padding-top: 28%
    }

    .social-icons2 .social {
        left: 45%
    }

    .social-icons2 .social>a {
        width: 40px;
        height: 40px;
        margin-right: 10px
    }

    .social-icons2 .social>a:hover .front {
        transform: translateY(-20px)
    }

    .social-icons2 .front {
        width: 40px;
        height: 40px
    }

    .social-icons2 .front i.fa {
        margin: 14px 0 30px 0;
        font-size: 13px
    }

    .social-icons2 .behind {
        width: 34px;
        height: 34px;
        padding-top: 14px;
        font-size: 7px
    }

    .parallax24 {
        background-size: auto
    }

    .static-slider6 .logo {
        padding-top: 16px;
        padding-left: 5%
    }

    .padding-top-respopercent2 {
        padding-top: 10%
    }

    .diamondshape {
        padding-top: 10%;
        padding-bottom: 70px;
        height: auto;
        background: 0
    }

    .diamondshape-bottom,
    .diamondshape-top {
        display: none
    }

    .diamondshape-full {
        padding-top: 16%;
        padding-bottom: 70px;
        height: auto;
        background: 0
    }

    .diamondshape2 {
        width: 210px;
        height: 210px;
        margin-left: 27%;
        margin-bottom: 160px
    }

    .dimd-pics {
        width: 320px;
        height: 320px;
        margin: -50px
    }

    .background-image73 {
        padding-top: 120px
    }

    .slider-margin-top2 {
        margin-top: 0
    }

    .static-slider7 {
        height: 550px
    }

    .static-slider7 .herotext {
        width: 94%;
        left: 3%;
        top: 30%
    }

    .static-slider7 .herotext a {
        left: 27%
    }

    .static-slider8 {
        height: 450px
    }

    .static-slider8 .herotext {
        top: 35%
    }

    .background-image75 {
        width: 100%;
        padding: 130px 0 160px 0
    }

    .lightbox div iframe {
        width: 85%;
        height: 50%
    }

    .vshape5 {
        margin-top: -20px
    }

    .static-slider9 {
        height: 550px
    }

    .static-slider9 .herotext {
        width: 75%;
        left: 8%;
        top: 27%
    }

    .static-slider9 .herotext h1 {
        font-size: 21px
    }

    .static-slider9 .herotext h2 {
        font-size: 36px
    }

    .background-image84 {
        width: 100%
    }

    .video-overlay-text2 {
        width: 90%;
        top: 14%
    }

    .video-overlay-text2 h2 {
        font-size: 23px
    }

    .img-hover-text2.sty2 .distext {
        position: relative
    }

    .fusection24 {
        height: auto;
        margin-top: 0;
        padding-top: 50px;
        padding-bottom: 50px
    }

    .searchcou select {
        width: 100%
    }

    .static-slider10 {
        height: 530px
    }

    .static-slider10 .herotext {
        top: 35%
    }

    .static-slider10 h2 {
        font-size: 35px
    }

    .img-hover-text11.sty5 .distext {
        left: 20px;
        right: 20px;
        bottom: 10px
    }

    .img-hover-text11.sty5:hover .distext {
        bottom: 30px
    }

    .background-image96 h2 {
        font-size: 75px
    }

    .circle21 {
        width: 98%;
        height: 75vh;
        padding: 50px
    }

    .padding-top-percent10 {
        padding-top: 5%
    }

    .padding-percent10 {
        padding: 10%
    }

    .respo-martop-none {
        margin-top: 0
    }
}

@media only screen and (max-width: 479px) {
    h2 {
        font-size: 18px
    }

    h2.big {
        font-size: 23px
    }

    h2.big1 {
        font-size: 25px
    }

    h2.big2 {
        font-size: 30px
    }

    h2.big3 {
        font-size: 35px
    }

    h2.big4 {
        font-size: 40px
    }

    h2.big5 {
        font-size: 40px
    }

    h2.big8 {
        font-size: 40px
    }

    .less,
    .less1,
    .less10,
    .less11,
    .less12,
    .less2,
    .less3,
    .less4,
    .less5,
    .less6,
    .less7,
    .less8,
    .less9 {
        width: 100% !important
    }

    .site-less1 {
        width: 85% !important
    }

    .site-less2 {
        width: 90% !important
    }

    .padding-percent1 {
        padding: 20% 8%
    }

    .boxsitewrap {
        width: 100% !important
    }

    .boxsitewrap2 {
        width: 97% !important
    }

    .padding-top-respopercent {
        padding-top: 0
    }

    .slider-margin-top {
        margin-top: 0
    }

    .slider-respo-martop {
        margin-top: 100px
    }

    .margin-top-minus7 {
        margin-top: 0
    }

    .marbo-resp {
        margin-bottom: 50px !important
    }

    .marbo-resp2 {
        margin-bottom: 20px !important
    }

    .marbo-resp3 {
        margin-bottom: 70px !important
    }

    .marbo-resp4 {
        margin-bottom: 50px !important
    }

    .marbo-resp12 {
        margin-bottom: 70px !important
    }

    .marbo-resp13 {
        margin-bottom: 50px !important
    }

    .marbo-resp14 {
        margin-bottom: 15px !important
    }

    .marbo-resp15 {
        margin-bottom: 50px !important
    }

    .text-right.respo {
        text-align: left
    }

    .txtcent-resp {
        text-align: center
    }

    .text-center.respo {
        text-align: left
    }

    .static-slider2 {
        height: 350px
    }

    .static-slider2 .padding-top-percent7 {
        padding-top: 45%
    }

    .static-slider3 {
        padding-top: 45%
    }

    .authimg {
        margin-top: -50px
    }

    .authimg img {
        width: 35%
    }

    .background-image44 {
        padding: 20px
    }

    .background-image45 {
        padding-top: 140px;
        padding-bottom: 300px
    }

    .minus-margin-on-slider {
        margin-top: -20px
    }

    .img-hover-text6 .btext {
        top: 40px
    }

    .img-hover-text6 .distext {
        top: 125px;
        padding: 7% 5% 5% 5%;
        transform: scale(.5)
    }

    .newsle_eminput {
        width: 100%
    }

    .white-box-shadow {
        padding: 30px 30px 25px 30px
    }

    .fusection1 .box {
        float: none;
        width: 90%;
        margin: 0 auto 1px
    }

    .toggleslide #toggle+label {
        right: 70px;
        top: 20px
    }

    .fusection12 {
        padding: 35px 0 20px 0;
        margin-top: 0;
        background-color: #1d2025
    }

    .fusection12 .col-md-3 {
        width: 100% !important;
        padding: 10px 25px;
        float: left
    }

    .toggleslide #toggle:checked~.slidecontainer {
        margin-top: 560px
    }

    .toggleslide .message {
        height: 560px;
        top: -560px
    }

    .toggleslide.two #toggle:checked~.slidecontainer {
        margin-top: 580px
    }

    .toggleslide.two .message {
        height: 580px;
        top: -580px
    }

    .video-overlay-text {
        margin-top: 5px
    }

    .video-overlay-text img {
        width: 12.5%
    }

    .button21 {
        margin-left: 41.5%;
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 7px
    }

    .google-map .contdetails {
        width: 95%;
        margin-right: 3%
    }

    .google-map .contdetails li {
        font-size: 12px
    }

    .google-map .contdetails li i {
        width: 50px;
        margin-right: 10px
    }

    .img-hover-text .distext {
        padding: 5%
    }

    .img-hover-text2 .distext {
        padding: 10%
    }

    .img-hover-text3 .distext {
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        padding: 7% 3% 3% 3%
    }

    .border-none {
        border: 0
    }

    .padding-none {
        padding: 0
    }

    .margin-none {
        margin: 0
    }

    .resp-border-none {
        border: 0
    }

    .resp-margin-none {
        margin: 0
    }

    .resp-margin-less {
        margin-top: -10px
    }

    .parallax14 {
        padding: 200px 0 200px 0
    }

    .parallax15 {
        padding: 200px 0 200px 0
    }

    .fusection3 .righthalf {
        width: 100%;
        padding: 100px 50px;
        margin-top: 300px
    }

    .background-image45 {
        padding-top: 100px;
        padding-bottom: 100px;
        background-size: 200%
    }

    .background-image45 h3 {
        font-size: 18px
    }

    .fusection14 .left {
        width: 100%;
        margin-right: 0
    }

    .fusection14 .right {
        width: 100%;
        padding: 10% 10% 10% 10%
    }

    .google-map2 iframe {
        height: 250px
    }

    .background-image15 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .background-image20 {
        padding-top: 120px
    }

    .background-image16 {
        background-image: none
    }

    .background-image17,
    .background-image18,
    .background-image19 {
        background-size: 100%;
        padding-top: 40%
    }

    .background-image17 .col-md-7,
    .background-image18 .col-md-7,
    .background-image19 .col-md-7 {
        background: #fff
    }

    .background-image43 {
        width: 95%;
        padding: 50px 0 50px 0
    }

    .parallax8 {
        background-size: 700%
    }

    .background-image4 {
        background-size: 1600%
    }

    .background-image22 {
        background-size: 570%;
        padding-top: 100px
    }

    .fusection5 .sty2 {
        width: 75%;
        padding: 7px 0 0 10px
    }

    .fusection5 .sty2 h5 {
        font-size: 12px
    }

    .fusection5 .text {
        width: 75%;
        bottom: 30px;
        left: 30px
    }

    .fusection5 .text h3 {
        font-size: 14px
    }

    .fusection5 .col-md-6:hover .text {
        left: 50px
    }

    .parallax16 {
        padding: 140px 0 90px 0;
        background-size: 500%
    }

    .fusection6 .text {
        bottom: 100px;
        left: 30px;
        width: 75%
    }

    .fusection6 .col-md-3:hover .text,
    .fusection6 .col-md-4:hover .text,
    .fusection6 .col-md-5:hover .text,
    .fusection6 .col-md-6:hover .text {
        left: 40px;
        padding-left: 18px
    }

    .divTableCell2,
    .divTableHead2 {
        padding-left: 10px;
        padding-right: 10px
    }

    .img-hover-text7 .distext {
        left: 30px;
        right: 25px
    }

    .parallax7 {
        padding: 140px 0 140px 0
    }

    .accordion-list2 {
        width: 90%
    }

    .margin-left-percent12 {
        margin-left: 5%
    }

    .imghboxtext .textbox {
        top: 30px;
        left: 30px;
        height: 80%
    }

    .imghboxtext:hover .textbox {
        width: 75%
    }

    .imghboxtext a.go {
        top: 180px
    }

    .background-image21 {
        background-size: 350%;
        padding-top: 140px;
        padding-bottom: 140px
    }

    #simp-slider .slider-foregrounds>* {
        margin: 0 30px 0 30px
    }

    .background-image50 {
        background-size: auto
    }

    .img-hover-text10 h3 {
        font-size: 18px
    }

    .img-hover-text10 .distext {
        padding: 12% 5% 5% 5%
    }

    .skew-box {
        padding: 10%;
        height: 570px
    }

    .skew-box:after {
        width: 0;
        right: 0;
        -ms-transform: skew(0, 0);
        -webkit-transform: skew(0, 0);
        transform: skew(0, 0)
    }

    .scrollup3 {
        bottom: 5px;
        right: 16px
    }

    .slider-above-section {
        margin-top: 0
    }

    .background-image53 {
        background-position: center 200px
    }

    .fusection19 .box {
        padding: 10% 8% 3% 12%;
        margin-left: 0
    }

    .static-slider4 {
        height: 540px
    }

    .static-slider4 .herotext {
        width: 90%;
        left: 6%;
        top: 21%
    }

    .static-slider4 h1 {
        font-size: 18px
    }

    .static-slider4 h1.big3 {
        font-size: 27px
    }

    .vshape4:after {
        margin-left: 0;
        border-left: solid 100vw transparent
    }

    .background-image11 {
        background-size: auto
    }

    .vshape3 {
        margin-bottom: 0;
        padding-bottom: 100px
    }

    .vshape3:after {
        margin-left: 0;
        border-right: solid 100vw transparent
    }

    .footer-fixed {
        position: relative;
        z-index: 0
    }

    .background-image57 {
        padding-top: 120px
    }

    .fusection20 .zoomimg2 {
        float: left
    }

    .fusection20 .content {
        width: 90%;
        left: 5px;
        bottom: 160px;
        position: relative
    }

    .fusection20 .col-md-3:hover .content,
    .fusection20 .col-md-4:hover .content,
    .fusection20 .col-md-5:hover .content,
    .fusection20 .col-md-6:hover .content {
        left: 12px
    }

    .newsletter-email {
        width: 100%;
        margin-bottom: 10px
    }

    .social-icons {
        height: 50px
    }

    .social-icons .item {
        width: 30px;
        height: 30px;
        margin: 0 1px 0 0;
        line-height: 25px
    }

    .social-icons .item:before {
        font-size: 16px;
        line-height: 32px
    }

    .social-icons .item:hover:before {
        line-height: 20px
    }

    .img-hover-text11 .distext {
        left: 10px;
        right: 10px;
        bottom: 0
    }

    .img-hover-text11:hover .distext {
        bottom: 30px
    }

    .imghboxtext2 .textbox {
        height: 75%;
        left: 35px;
        top: 35px
    }

    .imghboxtext2:hover .textbox {
        width: 75%
    }

    .imghboxtext2 a.go {
        top: 145px
    }

    .button27 {
        padding: 5px 5px;
        width: 45px
    }

    .button27:hover span {
        padding-right: 5px
    }

    .boxsitewrap3 {
        width: 100% !important;
        margin: 0 auto 0 auto
    }

    .static-slider5 {
        height: 580px
    }

    .static-slider5 .herotext {
        top: 18%
    }

    .vshape6:after {
        margin-left: -5px;
        top: -70px;
        border-bottom: solid 70px #0076db
    }

    .vshape7:after {
        margin-left: -5px;
        top: -80px;
        border-bottom: solid 80px #90c695
    }

    .img-hover-text12 .distext {
        top: 10%;
        left: 5%;
        right: 5%;
        bottom: 10%;
        padding: 7% 3% 3% 3%
    }

    .img-hover-text12 .distext h2:before {
        top: 70px
    }

    .img-hover-text12 .distext p {
        font-size: 14px
    }

    .img-hover-text12.sty2 .distext {
        top: 10%;
        left: 5%;
        right: 5%;
        bottom: 10%;
        padding: 12% 3% 3% 3%
    }

    .img-hover-text12.sty2 .distext h2:before {
        top: 75px
    }

    .img-hover-text12.sty2 .distext p {
        font-size: 14px
    }

    .social-icons2 .social {
        left: 45%
    }

    .social-icons2 .social>a {
        width: 40px;
        height: 40px;
        margin-right: 10px
    }

    .social-icons2 .social>a:hover .front {
        transform: translateY(-20px)
    }

    .social-icons2 .front {
        width: 40px;
        height: 40px
    }

    .social-icons2 .front i.fa {
        margin: 14px 0 30px 0;
        font-size: 13px
    }

    .social-icons2 .behind {
        width: 34px;
        height: 34px;
        padding-top: 14px;
        font-size: 7px
    }

    .parallax24 {
        background-size: auto
    }

    .static-slider6 .logo {
        padding-top: 9px;
        padding-left: 5%
    }

    .fusection22 .contbox .content.sty2 {
        padding-left: 10px;
        padding-right: 10px
    }

    .fusection22 .contbox .content.sty3 {
        padding-left: 10px;
        padding-right: 10px
    }

    .padding-top-respopercent2 {
        padding-top: 10%
    }

    .diamondshape {
        padding-top: 10%;
        padding-bottom: 70px;
        height: auto;
        background: 0
    }

    .diamondshape-bottom,
    .diamondshape-top {
        display: none
    }

    .diamondshape-full {
        padding-top: 16%;
        padding-bottom: 70px;
        height: auto;
        background: 0
    }

    .diamondshape2 {
        margin-left: 25%;
        margin-bottom: 130px
    }

    .background-image73 {
        padding-top: 100px
    }

    .slider-margin-top2 {
        margin-top: 0
    }

    .static-slider7 {
        height: 450px
    }

    .static-slider7 .herotext {
        width: 94%;
        left: 3%
    }

    .static-slider7 .herotext a {
        left: 18%
    }

    .static-slider7 .herotext h2 {
        font-size: 18px
    }

    .static-slider7 .herotext h2.big4 {
        font-size: 25px
    }

    .static-slider8 {
        height: 450px
    }

    .background-image75 {
        width: 100%;
        padding: 100px 0 120px 0
    }

    .lightbox div iframe {
        width: 85%;
        height: 45%
    }

    .vshape5 {
        margin-top: -20px
    }

    .static-slider9 {
        height: 500px
    }

    .static-slider9 .herotext {
        width: 85%;
        left: 8%;
        top: 20%
    }

    .static-slider9 .herotext h1 {
        font-size: 18px
    }

    .static-slider9 .herotext h2 {
        font-size: 27px
    }

    .background-image84 {
        width: 100%
    }

    .img-hover-text15 .distext {
        left: 30px;
        right: 30px;
        bottom: 0
    }

    .img-hover-text15:hover .distext {
        bottom: 10px
    }

    .video-overlay-text2 {
        width: 90%;
        top: 10%
    }

    .video-overlay-text2 h2 {
        font-size: 18px
    }

    .img-hover-text2.sty2 .distext {
        position: relative
    }

    .fusection24 {
        height: auto;
        margin-top: 0;
        padding-top: 50px;
        padding-bottom: 50px
    }

    .img-hover-text11.sty4 .distext {
        left: 10px;
        right: 10px;
        bottom: 20px
    }

    .img-hover-text11.sty4:hover .distext {
        bottom: 30px
    }

    .img-hover-text11.sty4 .distext h4 {
        font-size: 100%
    }

    .img-hover-text16 .content {
        width: 85%;
        bottom: 20px;
        left: 20px
    }

    .img-hover-text16:hover .content {
        left: 30px
    }

    .img-hover-text16.sty2 .content {
        width: 75%
    }

    .img-hover-text16.sty3 .content {
        width: 90%;
        bottom: 20px;
        left: 20px
    }

    .img-hover-text16.sty3:hover .content {
        left: 30px
    }

    .searchcou select {
        width: 100%
    }

    .static-slider10 {
        height: 400px
    }

    .static-slider10 .herotext {
        top: 23%
    }

    .static-slider10 h2 {
        font-size: 27px
    }

    .img-hover-text11.sty5 .distext {
        left: 10px;
        right: 10px;
        bottom: 0
    }

    .img-hover-text11.sty5:hover .distext {
        bottom: 20px
    }

    .img-hover-text11.sty5 p {
        font-size: 13px
    }

    .background-image96 h2 {
        font-size: 50px
    }

    .circle21 {
        width: 98%;
        height: 75vh;
        padding: 20px
    }

    .button5 {
        padding: 14px 18px
    }

    .padding-top-percent10 {
        padding-top: 5%
    }

    .padding-percent10 {
        padding: 10%
    }

    .respo-martop-none {
        margin-top: 0
    }
}

@media only screen and (min-width: 991px) and (max-width:1169px) {
    a.button27 {
        padding: 16px 14px;
        width: 120px
    }

    a.button27:hover span {
        padding-right: 12px
    }

    .button.button--wapasha {
        padding: 12px 30px
    }

    .button.button--wapasha.sty2 {
        padding: 14px 27px
    }

    .button.button--wapasha.sty3 {
        padding: 5px 18px 4px 18px;
        font-size: 12px
    }
}

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

    .button--winona::after,
    .button--winona>span {
        padding: 10px 20px
    }

    .button--pipaluk {
        font-size: 12px;
        padding: 14px 30px
    }

    a.button27 {
        padding: 12px 10px;
        width: 80px
    }

    a.button27:hover span {
        padding-right: 10px
    }

    a.button27.sty3 {
        padding: 16px 0;
        width: 160px;
        font-size: 13px
    }

    .button.button--wapasha {
        padding: 12px 30px
    }

    .button.button--wapasha.sty2 {
        padding: 12px 20px
    }

    .button.button--wapasha.sty3 {
        padding: 5px 18px 4px 18px;
        font-size: 12px
    }

    .button28 {
        padding: 14px 10px;
        width: 140px
    }

    .button28:hover span {
        padding-right: 16px
    }

    .button29 {
        padding: 12px 27px
    }

    .button29:hover i {
        padding-left: 5px
    }
}

@media(max-width: 767px) {

    .button--winona::after,
    .button--winona>span {
        padding: 8px 16px
    }

    .button--pipaluk {
        font-size: 12px;
        padding: 10px 30px
    }

    a.button27 {
        padding: 10px 10px;
        width: 70px
    }

    a.button27:hover span {
        padding-right: 8px
    }

    a.button27.sty3 {
        padding: 12px 0;
        width: 140px;
        font-size: 12px
    }

    .button.button--wapasha {
        padding: 12px 30px
    }

    .button.button--wapasha.sty2 {
        padding: 10px 18px
    }

    .button.button--wapasha.sty3 {
        padding: 5px 18px 4px 18px;
        font-size: 12px
    }

    .button28 {
        padding: 10px 10px;
        width: 140px
    }

    .button28:hover span {
        padding-right: 16px
    }

    .button29 {
        padding: 10px 23px
    }

    .button29:hover i {
        padding-left: 5px
    }

    .cforms-sty3 {
        display: inline-block;
        position: relative !important;
        margin: 0 auto 0
    }

    .doctor {
        margin: auto
    }

    .mission {
        padding-left: 33px;
        padding-right: 25px
    }

    h2.big5 {
        font-size: 20px
    }

    .ab {
        padding-left: 52px !important
    }

    .top {
        padding-left: 15px !important;
        margin-top: 17px
    }
}

h6.line-height3 {
    line-height: 160%;
    margin-top: 20px
}

a.button27 {
    padding: 10px 10px;
    width: 58px
}

a.button27:hover span {
    padding-right: 5px
}

a.button27.sty3 {
    padding: 12px 0;
    width: 140px;
    font-size: 12px
}

.button.button--wapasha {
    padding: 12px 30px
}

.button.button--wapasha.sty2 {
    padding: 8px 14px
}

.button.button--wapasha.sty3 {
    padding: 5px 18px 4px 18px;
    font-size: 12px
}

.button28 {
    padding: 10px 10px;
    width: 140px
}

.button28:hover span {
    padding-right: 18px
}

.button29 {
    padding: 10px 23px
}

.button29:hover i {
    padding-left: 5px
}

a.button27 {
    padding: 8px 5px;
    width: 35px
}

a.button27:hover span {
    padding-right: 5px
}

a.button27.sty3 {
    padding: 12px 0;
    width: 140px;
    font-size: 12px
}

.button.button--wapasha {
    padding: 12px 30px
}

.button.button--wapasha.sty2 {
    padding: 5px 10px
}

.button.button--wapasha.sty3 {
    padding: 5px 18px 4px 18px;
    font-size: 12px
}

.button28 {
    padding: 10px 10px;
    width: 140px
}

.button28:hover span {
    padding-right: 18px
}

.button29 {
    padding: 10px 20px
}

.button29:hover i {
    padding-left: 5px
}

nav.social {
    position: fixed;
    top: 30%;
    z-index: 9999;
    transform: translate(-360px, 0);
}

nav.social ul {
    padding: 0;
    margin: 0
}

nav.social ul li:first-child {
    background: #d62027
}

nav.social ul li {
    display: block;
    background: #63dcc9;
    margin: 5px;
    width: 428px;
    height: 70px;
    text-align: right;
    padding: 5px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

nav.social ul li a {
    color: #fff;
    display: inline-block
}

nav.social ul li .text {
    float: left;
    text-align: right;
    margin: 0 10px 0 0
}

nav.social ul li .text h4 {
    margin: 0;
    line-height: 25px;
    font-size: 15px;
    color: #fff
}

nav.social ul li .text p {
    margin: 0;
    font-size: 13px;
    line-height: 18px
}

nav.social ul li img {
    background: #fff;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    float: right;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

nav.social ul li:hover {
    -webkit-transform: translate(210px, 0);
    -moz-transform: translate(210px, 0);
    -ms-transform: translate(210px, 0);
    -o-transform: translate(210px, 0);
    transform: translate(210px, 0)
}

nav.social ul li:hover img {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}

.pop h5 {
    font-size: 18px;
    line-height: 120%;
    margin: 12px 0 6px 0
}

span {
    color: #227b38
}

.gyn {
    margin-top: 20px
}

.about {
    padding: 30px 0 40px 0 !important
}

.icons i {
    color: #f0f0f0;
    font-size: 20px
}

.image-path li img {
    float: left;
    padding: 0 7px 0 0
}

.pos1 {
    position: relative;
    z-index: 2
}

.border-radius0 {
    border-radius: 0
}

.fac-text p {
    color: #000
}

.icon-img:before {
    content: url(../images/icon.png);
    position: relative;
    margin-right: 10px;
    top: 5px
}

.box1 {
    border: 1px solid #f5f5f5;
    padding: 6px
}

div.bhoechie-tab-container {
    z-index: 10;
    background-color: #fff;
    padding: 0 !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #ddd;
    margin-top: 20px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box;
    opacity: .97
}

div.bhoechie-tab-menu {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    width: 25%;
    float: left
}

.bhoechie-tab {
    width: 75%;
    float: left;
    padding: 0 15px
}

div.bhoechie-tab-menu div.list-group {
    margin-bottom: 0
}

div.bhoechie-tab-menu div.list-group>a {
    margin-bottom: 0
}

div.bhoechie-tab-menu div.list-group>a .fa,
div.bhoechie-tab-menu div.list-group>a .glyphicon {
    color: #5a55a3
}

div.bhoechie-tab-menu div.list-group>a:first-child {
    border-top-right-radius: 0;
    -moz-border-top-right-radius: 0
}

div.bhoechie-tab-menu div.list-group>a:last-child {
    border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0
}

div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .fa,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon {
    background-color: #443f7c;
    background-image: #bf2855;
    border-color: #443f7c;
    color: #fff
}

div.bhoechie-tab-menu div.list-group>a.active:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-left: 10px solid #443f7c
}

div.bhoechie-tab-content {
    background-color: #fff;
    padding-left: 20px;
    padding-top: 10px
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
    display: none
}

.olstyles {
    list-style-type: circle
}

.news-block {
    position: relative;
    margin-bottom: 15px
}

.news-block .inner-box {
    position: relative;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    margin-bottom: 17px
}

.news-block .inner-box .image {
    position: relative;
    z-index: 9;
    top: 27px;
    padding: 0 20px
}

.news-block .inner-box .image img {
    position: relative;
    width: 100%;
    display: block;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.news-block .inner-box:hover .image img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%)
}

.news-block .inner-box .lower-content {
    position: relative;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    min-height: 184px;
    padding: 50px 17px 3px;
    background-color: #fff;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    border: 1px solid #eef2ed;
    box-shadow: 0 0 60px rgba(0, 0, 0, .5)
}

.news-block .inner-box .lower-content.min-height {
    position: relative;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 15px
}

.news-block .inner-box .lower-content h3 {
    position: relative;
    color: #0a4350;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.4em;
    margin-bottom: 18px
}

.news-block .inner-box .lower-content h3 a {
    color: #d81e25
}

.news-block .inner-box .lower-content .text {
    position: relative;
    color: #3c3a3a;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 0
}

.news-block .inner-box:hover .lower-content {
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.head-h6 {
    font-size: 13px;
    margin: 4px 0 0 0;
    font-weight: 400
}

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

    body,
    html {
        overflow-x: hidden
    }

    .text-sm-center {
        text-align: center
    }

    .topbar i {
        float: none;
        margin-right: 8px
    }

    p.sfont {
        font: 13px 'Open Sans', sans-serif;
        font-weight: 400;
        line-height: 21px
    }

    .home-icons:before {
        width: 58px;
        height: 3px;
        position: absolute;
        background: #fff;
        left: 0;
        margin-top: 22px
    }

    .home-icons:after {
        width: 58px;
        height: 3px;
        position: absolute;
        background: #fff;
        right: 0;
        margin-top: -27px
    }
}

@media(min-width: 360px) and (max-width:410px) {
    p.sfont {
        font: 12px 'Open Sans', sans-serif;
        font-weight: 400;
        line-height: 21px
    }
}

@media(min-width: 411px) and (max-width:766px) {
    p.sfont {
        font: 13px 'Open Sans', sans-serif;
        font-weight: 400;
        line-height: 21px
    }
}

@media(min-width: 414px) and (max-width:736px) {
    p.sfont {
        font: 14px 'Open Sans', sans-serif;
        font-weight: 400;
        line-height: 21px
    }
}

.visiting h2 {
    font-size: 20px;
    color: #dc2727
}

.home-address ul li {
    color: #fff
}

.home-address ul li a {
    color: #fff
}

.home-address {
    margin-bottom: 10px
}

.home-icons:before {
    width: 80px;
    height: 3px;
    position: absolute;
    background: #fff;
    left: 0;
    margin-top: 22px
}

.home-icons:after {
    width: 90px;
    height: 3px;
    position: absolute;
    background: #fff;
    right: 0;
    margin-top: -27px
}

.home-icons {
    height: auto;
    text-align: center;
    padding-left: 0
}

.home-icons .center {
    text-align: center
}

.home-icons .item {
    width: 39px;
    display: inline-block;
    margin: 4px 10px 0 0;
    font-weight: 500;
    text-align: center;
    line-height: 45px;
    color: #1d2025;
    overflow: hidden
}

.home-icons .item:before {
    border: 2px solid #fff;
    border-radius: 50%;
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 35px;
    color: #fff;
    -webkit-transition: font-size .5s, line-height .5s;
    transition: font-size .5s, line-height .5s
}

.home-icons .item:hover:before {
    background-color: #45407d
}

.home-icons .sty2 .item {
    background-color: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .1)
}

.home-icons .sty2 .item:before {
    background: linear-gradient(#eee, #e1e1e1)
}

.home-icons2 {
    float: left;
    width: 100%
}

.home-icons2 .social {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%)
}

.home-icons2 .social>a {
    position: relative;
    display: inline-block;
    margin: 0 10px 0 0;
    width: 80px;
    height: 80px;
    cursor: pointer
}

.home-icons2 .social>a:hover .front {
    transform: translateY(-40px)
}

.home-icons2 .front {
    position: absolute;
    z-index: 10;
    width: 80px;
    height: 80px;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 40px 40px rgba(0, 0, 0, .06);
    transition: all .3s ease-out
}

.home-icons2 .front i.fa {
    color: #1d2025;
    display: block;
    margin: 28px 0 30px;
    font-size: 25px
}

.home-icons2 .front span {
    color: #ccc
}

.home-icons2 .behind {
    position: absolute;
    z-index: -1;
    top: 5px;
    left: 5px;
    width: 70px;
    height: 70px;
    padding-top: 40px;
    border-radius: 3px;
    color: #fff;
    font-size: 12px
}

.home-icons2 .tw .behind {
    background: #1d2025
}

.home-icons2.sty2 .tw .behind {
    background: #e67e22
}

.mission {
    background-color: #d62027
}

.mission p {
    color: #fff
}

.mission h4 {
    color: #fff
}

.about-img {
    box-shadow: 2px 2px 3px 4px #ccc;
    border: 3px solid #fdbf34
}

.home-map {
    border: 3px solid #969292ad;
    box-shadow: 0 1px 3px 4px #c5c4c4;
    border-radius: 20px;
    overflow: hidden
}

.sub-form p {
    color: #fff
}

.sub-form h2 {
    color: #fff
}

@media screen and (max-width: 767px) {
    .home-icons:before {
        width: 58px;
        height: 3px;
        position: absolute;
        background: #fff;
        left: 0;
        margin-top: 22px
    }

    .home-icons:after {
        width: 58px;
        height: 3px;
        position: absolute;
        background: #fff;
        right: 0;
        margin-top: -27px
    }

    .home-icons {
        height: auto;
        text-align: center;
        padding-left: 0
    }
}

.visiting-list {
    padding: 10px;
    border: 2px solid #eee;
    height: 160px
}

.visiting-list p {
    font-size: 14px
}

.single {
    height: 100px
}

.about-img {
    box-shadow: 0 0 20px rgba(2, 2, 2, .6)
}

.blog-list ul {
    padding: 10px
}

.blog-list ul li {
    padding: 10px;
    background: #312b79;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 20px
}

.blog-list ul li a {
    color: #fff;
    font-weight: 500
}

ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.blg-img img {
    width: 100%;
    padding: 20px
}

.less5 h2 {
    font-size: 15px;
    color: #FFF;
    padding: 0;
    margin: 0;
    font-size: 17px
}

img {
    max-width: 100%
}

.innercontsection {
    min-height: 50vh
}

ul.list-padding2 li a {
    color: #454545
}

.map_ {
    display: block
}

.tp_wrap {
    position: relative;
    height: 100vh
}

@media screen and (max-width: 800px) {
    .tp_wrap {
        height: auto
    }
}

.cnt_content {
    min-height: 50vh;
    padding: 37px 0 62px;
}

.dnb_dpmla_ p {
    color: #333;
    line-height: 30px;
    margin-bottom: 10px;
    text-align: justify;
    font-size: 16px;
}

.dnb_head h2 {
    font-size: 26px;
    margin: 30px 0px 15px;
    color: #443f7c;
    font-weight: 700;
    border-left: 4px solid green;
    padding-left: 7px;
}

.dnb_details {
    position: relative;
    background: #d62027;
    color: #fff;
    padding: 18px 15px;
    margin-bottom: 10px;
}

.dnb_dt_list {
    font-size: 20px;
    border-bottom: 2px dotted;
    padding-bottom: 13px;
    margin-bottom: 13px;
}

.dnb_dt_list span {
    display: block;
    color: inherit;
}

.dnb_dt_list:last-child {
    border-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.dnb_des p {
    font-size: 15px;
    color: #333;
}


/* sub menu styles */
@media (max-width:699px) {
    .dm-align-3 li{
        left: 30px;
    }   
}