/* ------------------------------------------------------------------------------
         Author: WebThemez
-------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,500,700');


/* ------------------------------------------------------------------------------
        Slider Images URL
-------------------------------------------------------------------------------*/

#first-slider .slide1 {
    background-image: url('../images/slides/1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}
#first-slider .slide2 {
  background-image: url('../images/slides/2.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}
#first-slider .slide3 {
  background-image: url('../images/slides/3.jpg');
      background-size: cover;
    background-repeat: no-repeat;
}

/* ------------------------------------------------------------------------------
       Coockies
-------------------------------------------------------------------------------*/

.warning {
	position: fixed;
	bottom: 0;
	left: 0;
	display: none;
	justify-content: center;
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
	background-color: yellow;
}

.warning--active {
	display: flex;
}

.warning__text {
	margin-right: 30px;
}

.warning__read {
	display: block;
	margin-left: 15px;
}



/* ------------------------------------------------------------------------------
        Typography
-------------------------------------------------------------------------------*/




p {
        font-size: 16px;
        line-height: 22.4px;
        color: #3c3c3c;
}
h1 {
        font-size: 50px;
        color: #2d3033;
}
h2 {
        font-size: 40px;
        color: #2d3033;
}
h3 {
        font-size: 32px;
        color: #2d3033;
        font-weight: 300;
}
h4 {
        font-size: 22px;
        color: #e8206b;
        font-weight: 500;
}
h5 {
        font-size: 14px;
        color: #2d3033;
        text-transform: uppercase;
        font-weight: 700;
}
h1, h2, h3, h4, h5, h6{
        font-family: "Century Gothic", Arial, sans-serif;
}
.fix-hed{

position: fixed !important;

background: #232323 !important;
}
#detailsPage{
        padding-top:140px;
}
.btn {
        background-color: transparent;
        color: #db4766;
        font-size: 16px;
        font-weight: 600;
        border: 0;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        display: inline-block;
        text-transform: uppercase;
        border: 1px solid #db4766;
}
.btn:hover, .btn:focus {
        background-color: #db4766;
        color: #fff;
}
.btn-large {
        padding: 15px 40px;
}
#map-overlay {
    height:400px;
    margin-top:-405px;
    background-color: #232323;
    padding:40px;
    color: #848484;
}
/* ------------------------------------------------------------------------------
        Global Styles
-------------------------------------------------------------------------------*/
a {
        color: #df2068;
}
a:hover, a:focus {
        text-decoration: none;
        -moz-transition: background-color, color, 0.3s;
        -o-transition: background-color, color, 0.3s;
        -webkit-transition: background-color, color, 0.3s;
        transition: background-color, color, 0.3s;
}
a.morebtn {
    border: 1px solid #df2068;
    padding: 6px 18px;
    margin-top: 15px;
    display: inline-block;
}
a.morebtn:hover {
    color: #fff;
    background: #e8206b;
}
body {
        font-family: "Century Gothic", Arial, sans-serif;
        font-weight: 400;
        color: #6c7279;
}
ul, ol {
         margin-left: 25px;
        padding: 0;
}
ul li {
        list-style: none;
                list-style-type: circle;
                font-weight: 600;
}

.section {
        padding: 20px 0;
        margin-bottom: 30px;
}
.no-padding {
        padding: 0;
}
.no-gutter [class*=col-] {
        padding-right: 0;
        padding-left: 0;
}
.space {
        margin-top: 60px;
}
/* ------------------------------------------------------------------------------
        Header
-------------------------------------------------------------------------------*/
#header {
        /* position: fixed;*/
        position: fixed;
        width: 100%;
        z-index: 999;
        background: transparent;
}
#header .header-content {
        margin: 0 auto;
        max-width: 1170px;
        padding: 30px 0;
        width: 100%;
        -moz-transition: padding 0.3s;
        -o-transition: padding 0.3s;
        -webkit-transition: padding 0.3s;
        transition: padding 0.3s;
        text-align: center;
}
#header .logo {
        /*float: left;*/
        font-size: 38px;
        color: #e8206b;
        text-decoration:none;
        letter-spacing: 3px;
        /* margin-top: -10px; */
        font-family: 'Great Vibes', cursive;
        font-weight: 700;
}
#header .logo img {
       height: 130px;
}
#header .logo span {
    letter-spacing: 0px;
    font-size: 20px;
    color: #7e3e90;
    display: none;
}
#header.fixed {
        background-color: #ffffff;
        opacity: 0.9;
}
#header.fixed .logo img {
        height: 50px;
    margin-right: 20px;
}
#header.fixed .header-content {
        border-bottom: 0;
        padding: 1px 0;
        text-align: left;
}
#header.fixed .nav-toggle {
        top: 7px;
        color: #db4766;
}
.navigation.open {
        opacity: 0.9;
        visibility: visible;
        -moz-transition: opacity 0.5s;
        -o-transition: opacity 0.5s;
        -webkit-transition: opacity 0.5s;
        transition: opacity 0.5s;
}
.navigation {
        float: right;
        margin-top: 19px;
        margin-bottom: 19px;
}
.navigation li {
        display: inline-block;
}
.navigation a {
        color: #ff00ce;
        font-size: 16px;
        /* font-weight: 700; */
        margin-left: 20px;
        /*text-transform: uppercase;*/
}
.navigation a:hover, .navigation a.active {
        color: #e8206b;
}
.nav-toggle {
        display: none;
        height: 44px;
        overflow: hidden;
        position: fixed;
        right: 45px;
        text-indent: 100%;
        top: 32px;
        white-space: nowrap;
        width: 44px;
        z-index: 99999;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        /* background: rgba(255, 255, 255, 0.56); */
        overflow: visible;
    color: #fff;
    line-height: 41px;
}
.nav-toggle:before, .nav-toggle:after {
        /*border-radius: 50%;*/
        content: "";
        /*height: 100%;*/
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -webkit-transition-property: -webkit-transform;
        transition-property: transform;
        background-color: #b5344f;
}
.nav-toggle:before {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        -moz-transition-duration: 0.3s;
        -o-transition-duration: 0.3s;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        color: #f05da3;
}
.nav-toggle:after {
        background-color: transparent;
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
        -moz-transition-duration: 0s;
        -o-transition-duration: 0s;
        -webkit-transition-duration: 0s;
        transition-duration: 0s;
        color: #f05da3;
}
.nav-toggle span {
        bottom: auto;
        display: inline-block;
        height: 3px;
        left: 50%;
        position: absolute;
        right: auto;
        top: 50%;
        width: 18px;
        z-index: 10;
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        background-color: #b5344f;
}
.nav-toggle span:before, .nav-toggle span:after {
        background-color: #b5344f;
        content: "";
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -moz-transition: -moz-transform 0.3s;
        -o-transition: -o-transform 0.3s;
        -webkit-transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
}
.nav-toggle span:before {
        -moz-transform: translateY(-6px) rotate(0deg);
        -ms-transform: translateY(-6px) rotate(0deg);
        -webkit-transform: translateY(-6px) rotate(0deg);
        transform: translateY(-6px) rotate(0deg);
}
.nav-toggle span:after {
        -moz-transform: translateY(6px) rotate(0deg);
        -ms-transform: translateY(6px) rotate(0deg);
        -webkit-transform: translateY(6px) rotate(0deg);
        transform: translateY(6px) rotate(0deg);
}
.nav-toggle.close-nav:before {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
}
.nav-toggle.close-nav:after {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
}
.nav-toggle.close-nav span {
        background-color: rgba(255, 255, 255, 0);
}
.nav-toggle.close-nav span:before, .nav-toggle.close-nav span:after {
        background-color: #fff;
}
.nav-toggle.close-nav span:before {
        -moz-transform: translateY(0) rotate(45deg);
        -ms-transform: translateY(0) rotate(45deg);
        -webkit-transform: translateY(0) rotate(45deg);
        transform: translateY(0) rotate(45deg);
}
.nav-toggle.close-nav span:after {
        -moz-transform: translateY(0) rotate(-45deg);
        -ms-transform: translateY(0) rotate(-45deg);
        -webkit-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
}
/* ------------------------------------------------------------------------------
        Banner
-------------------------------------------------------------------------------*/

#first-slider .main-container {
  padding: 0;
}


#first-slider .slide1 h3, #first-slider .slide2 h3, #first-slider .slide3 h3, #first-slider .slide4 h3{
    color: #b900a1;
    font-size: 70px;
	text-shadow: #fff 1px 0 1px, #fff 0 1px 1px, #fff -1px 0 1px, #fff 0 -1px 1px;
}

#first-slider .slide1 h4,#first-slider .slide2 h4,#first-slider .slide3 h4,#first-slider .slide4 h4{
    color: #ff00fc;
    font-size: 20px;
    /* text-transform: uppercase; */
    font-weight: 500;
    line-height: 32px;
    font-family: "Century Gothic", Arial, sans-serif;
	text-shadow: #fff 1px 0 1px, #fff 0 1px 1px, #fff -1px 0 1px, #fff 0 -1px 1px;
}
#first-slider .slide1 .text-left ,#first-slider .slide3 .text-left{
    padding-left: 40px;
}


#first-slider .carousel-indicators {
  bottom: 30px;
}
#first-slider .carousel-control.right,
#first-slider .carousel-control.left {
  background-image: none;
}
#first-slider .carousel .item {
  min-height: 750px;
  height: 100%;
  width:100%;
  background-position: center;
}

.carousel-inner .item .container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}


#first-slider h3{
  animation-delay: 1s;
  text-align: center;
}
#first-slider h4 {
  animation-delay: 2s;
  text-align: center;
}
#first-slider h2 {
  animation-delay: 3s;
}


#first-slider .carousel-control {
    width: 6%;
        text-shadow: none;
}


#first-slider h1 {
  text-align: center;
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: bold;
}

#first-slider .p {
  padding-top: 125px;
  text-align: center;
}

#first-slider .p a {
  text-decoration: underline;
}
#first-slider .carousel-indicators li {
    width: 14px;
    height: 14px;
    background-color: rgba(255,255,255,.4);
  border:none;
}
#first-slider .carousel-indicators .active{
    width: 16px;
    height: 16px;
    background-color: #fff;
  border:none;
}


.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-control .fa-angle-right, .carousel-control .fa-angle-left {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}
.carousel-control .fa-angle-left{
    left: 50%;
    width: 38px;
    height: 38px;
    margin-top: -15px;
    font-size: 30px;
    color: #fff;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 53px;
}
.carousel-control .fa-angle-right{
    right: 50%;
    width: 38px;
    height: 38px;
    margin-top: -15px;
    font-size: 30px;
    color: #fff;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 53px;
}
.carousel-control {
    opacity: 1;
    filter: alpha(opacity=100);
}



/* ==========================================================================
        $intro
========================================================================== */
.intro {
        background-color: #e8206b;
        /* color: #000; */
}
.intro h3 {
        color: #fff;
        margin-bottom: 20px;
        font-size: 38px;
}
.intro p {
        color: #fff;
        font-weight: 400;
}
/* -----------------------------------------------------------------------------
Common Styles
------------------------------------------------------------------------------- */
.section-header{
text-align: center;
padding-bottom: 0px;
}
.section-header h2{

font-size: 36px;
}
.section-header p{

}


/* ------------------------------------------------------------------------------
         Serives
-------------------------------------------------------------------------------*/
.service-section {
        padding-top: 10px;
          background: #fce6ff;
}
.services {
        margin-bottom: 50px;
}
.services-content {
        padding: 30px 30px 20px;
        margin-top: 7px;
        background: #ffffff;
        border: 1px solid #fff;
        border: 4px solid #db4766;
}
.services .icon {
        color: #ffffff;
        font-size: 38px;
        padding-left: 15px;
        /* float: left; */
        background: #e8206b;
        padding: 20px;
        width: 90px;
        margin: 0 auto;
        display: inline-block;
}
/* ------------------------------------------------------------------------------
         gallery
-------------------------------------------------------------------------------*/
.work {
        -moz-box-shadow: 0 0 0 1px #fff;
        -webkit-box-shadow: 0 0 0 1px #fff;
        box-shadow: 0 0 0 1px #fff;
        overflow: hidden;
        position: relative;
        background: #000;
}
.work img {
        width: 100%;
        height: 100%;
      /*   opacity: .6; */
}
.work .overlay {
        background: rgba(56, 56, 56, 0.58);
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        width: 100%;
        -moz-transition: opacity, 0.3s;
        -o-transition: opacity, 0.3s;
        -webkit-transition: opacity, 0.3s;
        transition: opacity, 0.3s;
}
.work .overlay-caption {
        position: absolute;
        text-align: center;
        top: 50%;
        width: 100%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
}
.work h5, .work p, .work img {
        -moz-transition: all, 0.5s;
        -o-transition: all, 0.5s;
        -webkit-transition: all, 0.5s;
        transition: all, 0.5s;
}
.work h5, .work p {
        color: #fff;
        margin: 0;
        opacity: 0;
}
.work span {
        font-size: 45px;
}
.work h5 {
        margin-bottom: 5px;
        -moz-transform: translate3d(0, -200%, 0);
        -ms-transform: translate3d(0, -200%, 0);
        -webkit-transform: translate3d(0, -200%, 0);
        transform: translate3d(0, -200%, 0);
}
.work p {
        -moz-transform: translate3d(0, 200%, 0);
        -ms-transform: translate3d(0, 200%, 0);
        -webkit-transform: translate3d(0, 200%, 0);
        transform: translate3d(0, 200%, 0);
}
.work-box:hover img {
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
}
.work-box:hover .overlay {
        opacity: 1;
}
.work-box:hover .overlay h5, .work-box:hover .overlay p {
        opacity: 1;
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
}
.services-content h5 {
    margin: 20px;
}
.video-section{padding: 8px 0 20px; background: #eaeaea;}
address {
    line-height: 1.42857143;
    color: #b5b5b5 !important;
}
/* ---------------------------------------------------------------------------
About
------------------------------------------------------------------------------*/
/*        CONTENT BLOCK 3-10
/*----------------------------------------------------*/

.content-3-10 {
        padding: 0px;
        position: relative;
}

.content-3-10 .image-container {
        position: absolute;
        height: 300px;
        padding: 0px;
        top: 0px;
}

.content-3-10 .image-container .background-image-holder {
        background: url('../images/about.jpg') no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 100%;
}

.content-3-10 .content {
        margin-top: 300px;
        padding: 40px;
}

.content-3-10 h3 {
        margin-bottom: 34px;
}

.content-3-10 p {
        margin-bottom: 20px;
}

.img-middle{
        display: block;
        border: 1px solid #d8d8d8;
        padding: 25px;
        margin: 20px auto 25px;
        width: 100%;
}
.align-center {
    text-align: center;
}
/*        CONTENT BLOCK 3-10 MEDIA QUERIES
/*----------------------------------------------------*/

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

        .content-3-10 .image-container {
                height: 100%;
        }

        .content-3-10 .content {
                margin-top: 0px;
                padding: 80px 15px 80px 80px;
                background: #eaeaea;
        }

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {



}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {



}

/* ------------------------------------------------------------------------------
         package
-------------------------------------------------------------------------------*/
.packageList {
        margin-bottom: 50px;
}
h5 {
    font-size: 1.5em;
    font-weight: 500;
    margin: 0.3em 0;
    text-transform: capitalize;
}
ul.list-default {
    list-style-type: none;
    padding: 0;
}
ul.list-default li {
    padding: 0.5em 0 0.5em 2em;
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.package {
        border: 1px solid rgba(0, 0, 0, 0.1) !important;
        position: relative;
        border-style: none none solid none !important;
        padding: 1em 0 0.5em;
}
.package:hover {
        background-color: #fbfbfb;
}
.package:hover h5 {
        color: #ff67ab;
}
.package:hover .price {
        background-color: #ff348f;
}
.package ul.list-default li {
        border: none !important;
        padding: 4px 0;
}
.package ul.list-default li:before {
        top: 0.3em !important;
}
.price {
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    position: absolute;
    background-color: #ff67ab;
    font-size: 1.35em;
    font-weight: 500;
    color: #fff;
    padding: 0.5em;
    margin: -1px -1px -1px 0;
}
.package .price {
        top: 1em;
        right: 1em;
        bottom: auto;
        font-size: 1.5em;
        padding: 0.7em;
}
.package .price small {
        font-size: 0.7em;
        margin-right: 3px;
}
/* ------------------------------------------------------------------------------
         Teams
-------------------------------------------------------------------------------*/
.person {
        max-width: 270px;
        text-align: center;
}
.person img {
        width: 167px;
        height: 250px;
        margin: auto;
}
.person-content {
        margin-top: 20px;
}
.person h4 {
        font-weight: 400;
}
.person h5 {
        color: #0385dc;
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 20px;
}
.social-icons, .footer .footer-share {
        margin-top: 20px;
}
.social-icons li, .footer .footer-share li {
        display: inline-block;
        float: none;
}
.social-icons a, .footer .footer-share a {
        border: 1px solid #3496d8;
        color: #3496d8;
        display: block;
        font-size: 14px;
        height: 32px;
        line-height: 32px;
        margin-right: 5px;
        text-align: center;
        width: 32px;
}
.social-icons a:hover {
        background-color: #00aeda;
        border-color: #01a9d4;
        color: #fff;
}
/* ------------------------------------------------------------------------------
         Testimonials
-------------------------------------------------------------------------------*/
.testimonials {
        background-color: #e8206b;
        position: relative;
        text-align: center;
}
.testimonials blockquote {
        border: 0;
        margin: 0;
        padding: 100px 15%;
}
.testimonials h1 {
        color: #fff;
        font-size: 16px;
        font-weight: 300;
}
.testimonials p {
        color: #fff;
        display: block;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        margin-top: 30px;
        text-transform: uppercase;
        margin: 30px 15%;
}
.flex-control-nav {
        margin-top: 2%;
        bottom: none!important;
        position: relative!important;
        right: 0;
        text-align: center;
        width: 100%!important;
        z-index: 100;
}
/* ------------------------------------------------------------------------------
        Contact form
-------------------------------------------------------------------------------*/
.conForm {
        text-align: center;
}
.conForm h5 {
        font-size: 30px;
}
.conForm p {
        text-align: center;
        margin: 7%;
}
.conForm input {
        color: #797979;
        padding: 15px 30px;
        border: none;
        margin-right: 3%;
        margin-bottom: 30px;
        outline: none;
        font-style: normal;
        border: #e0e0e0 1px solid;
        font-size: 15px;
}
.conForm input.noMarr {
        margin-right: 0px;
}
.conForm textarea {
        color: #797979;
        padding: 15px 30px;
        margin-bottom: 18px;
        outline: none;
        height: 150px;
        font-style: normal;
        resize: none;
        font-size: 15px;
        border: none;
        border: #e0e0e0 1px solid;
}
.conForm .submitBnt {
        background: #e8206b;
        color: #fff;
        margin-top: 30px;
        padding:15px 30px 15px 30px;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 5px;
        border: 0;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        display: inline-block;
        text-transform: uppercase;
}
.conForm .submitBnt:hover {
        background: #E5E5E5;
        color: #e8206b;
}
#success_page{
        color: #00bdbd;
        font-weight: 500;
}
.error_message{
        color: #ff675f;
        padding-bottom: 15px;
        font-weight: 500;
}
#success_page h3{
        font-size:17px;
        color:#5ed07b;
        font-weight: 700;
}

/* ------------------------------------------------------------------------------
         Footer
-------------------------------------------------------------------------------*/
.footer {
        text-align: left;
}
.footer-top {
        background-color: #181818;
        padding-top: 50px;
}
.footer-bottom {
        background-color: #313454;
        padding: 20px 0;
}
.footer .footer-col {
        margin-bottom: 80px;
}
.footer h5 {
        color: #fff;
}
.footer h5 {
        margin-bottom: 20px;
}
.footer p {
        color: rgba(255, 255, 255, 0.25);
}
.footer a {
        color: rgba(255, 255, 255, 0.50);
}
.footer a:hover {
        color: #e84545;
}
.footer .footer-share {
        margin-top: 0;
}
.footer .footer-share li {
        display: inline-block;
        float: none;
}
.footer .footer-share a {
        border: none;
        font-size: 21px;
        color: rgba(255, 255, 255, 0.25);
}
.footer .fa-heart {
        color: #e84545;
        font-size: 11px;
        margin: 0 2px;
}
/* скрываем чекбоксы и блоки с содержанием */
.hide,
.hide + label ~ div {
    display: none;
}
/* вид текста label */
.hide + label {
    margin: 0;
    padding: 0;
    color: #ba00ff;
    cursor: pointer;
    display: inline-block;
}
/* вид текста label при активном переключателе */
.hide:checked + label {
    color: red;
    border-bottom: 0;
}
/* когда чекбокс активен показываем блоки с содержанием  */
.hide:checked + label + div {
    display: block;
    background: #fbeaff;
    -moz-box-shadow: inset 3px 3px 10px #7d8e8f;
    -webkit-box-shadow: inset 3px 3px 10px #7d8e8f;
    box-shadow: inset 3px 3px 10px #f3a4ff;
    margin-left: 20px;
    padding: 10px;
    /* чуточку анимации при появлении */
     -webkit-animation:fade ease-in 0.5s;
     -moz-animation:fade ease-in 0.5s;
     animation:fade ease-in 0.5s;
}
/* анимация при появлении скрытых блоков */
@-moz-keyframes fade {
    from { opacity: 0; }
to { opacity: 1 }
}
@-webkit-keyframes fade {
    from { opacity: 0; }
to { opacity: 1 }
}
@keyframes fade {
    from { opacity: 0; }
to { opacity: 1 }
}
.hide + label:before {
    background-color: #ba00ff;
    color: #fff;
    content: "\002B";
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    margin: 3px 5px;
    text-align: center;
    width: 16px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.hide:checked + label:before {
    content: "\2212";
}

@media (max-width:767px) {
  .section-header {padding: 0 25px;}
}
.add_palitra {
display: block;
width: 170px;
height: 170px;
position: fixed;
right: 0;
top: 200px;
z-index: 99999;
}





.phone-button {
    position: fixed;
    right: 20px;
    bottom: 80px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    z-index: 9999;
    background-color: #337AB7;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' class='feather feather-phone'%3e%3cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'%3e%3c/path%3e%3c/svg%3e");
    background-size: 50%; 
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.phone-button:before,
.phone-button:after {
    content: " ";
    display: block;
    position: absolute;
    border: 1px solid #337AB7;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: border-animate 1.5s linear infinite;
    opacity: 0;
}
.phone-button:after{
    animation-delay: .5s;
}
@keyframes border-animate
{
    0% {
        transform: scale(0.5);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}