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

@font-face {
		font-family: "RalewayRegular";
		src: url("../fonts/RalewayRegular.eot");
		src: url("../fonts/RalewayRegular.eot?#iefix")format("embedded-opentype"),
		url("../fonts/RalewayRegular.woff") format("woff"),
		url("../fonts/RalewayRegular.ttf") format("truetype");
		font-style: normal;
		font-weight: normal;
}

@font-face {
		font-family: "RalewayThin";
		src: url("../fonts/RalewayThin.eot");
		src: url("../fonts/RalewayThin.eot?#iefix")format("embedded-opentype"),
		url("../fonts/RalewayThin.woff") format("woff"),
		url("../fonts/RalewayThin.ttf") format("truetype");
		font-style: normal;
		font-weight: normal;
}

@font-face {
		font-family: "RalewayExtraLight";
		src: url("../fonts/RalewayExtraLight.eot");
		src: url("../fonts/RalewayExtraLight.eot?#iefix")format("embedded-opentype"),
		url("../fonts/RalewayExtraLight.woff") format("woff"),
		url("../fonts/RalewayExtraLight.ttf") format("truetype");
		font-style: normal;
		font-weight: normal;
}

@font-face {
		font-family: "RalewayLight";
		src: url("../fonts/RalewayLight.eot");
		src: url("../fonts/RalewayLight.eot?#iefix")format("embedded-opentype"),
		url("../fonts/RalewayLight.woff") format("woff"),
		url("../fonts/RalewayLight.ttf") format("truetype");
		font-style: normal;
		font-weight: normal;
}

@font-face {
		font-family: "RalewayMedium";
		src: url("../fonts/RalewayMedium.eot");
		src: url("../fonts/RalewayMedium.eot?#iefix")format("embedded-opentype"),
		url("../fonts/RalewayMedium.woff") format("woff"),
		url("../fonts/RalewayMedium.ttf") format("truetype");
		font-style: normal;
		font-weight: normal;
}

@font-face {
		font-family: "RalewaySemiBold";
		src: url("../fonts/RalewaySemiBold.eot");
		src: url("../fonts/RalewaySemiBold.eot?#iefix")format("embedded-opentype"),
		url("../fonts/RalewaySemiBold.woff") format("woff"),
		url("../fonts/RalewaySemiBold.ttf") format("truetype");
		font-style: normal;
		font-weight: normal;
}

@font-face {
		font-family: "RalewayBold";
		src: url("../fonts/RalewayBold.eot");
		src: url("../fonts/RalewayBold.eot?#iefix")format("embedded-opentype"),
		url("../fonts/RalewayBold.woff") format("woff"),
		url("../fonts/RalewayBold.ttf") format("truetype");
		font-style: normal;
		font-weight: normal;
}

@font-face {
		font-family: "RalewayExtraBold";
		src: url("../fonts/RalewayExtraBold.eot");
		src: url("../fonts/RalewayExtraBold.eot?#iefix")format("embedded-opentype"),
		url("../fonts/RalewayExtraBold.woff") format("woff"),
		url("../fonts/RalewayExtraBold.ttf") format("truetype");
		font-style: normal;
		font-weight: normal;
}

@font-face {
		font-family: "RalewayBlack";
		src: url("../fonts/RalewayBlack.eot");
		src: url("../fonts/RalewayBlack.eot?#iefix")format("embedded-opentype"),
		url("../fonts/RalewayBlack.woff") format("woff"),
		url("../fonts/RalewayBlack.ttf") format("truetype");
		font-style: normal;
		font-weight: normal;
}

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
/*font-family: 'Roboto', sans-serif;*/

* {
    margin: 0;
    padding: 0;
    }

/*for Chrom*/
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
input, textarea { outline:none; }
input:active, textarea:active { outline:none; }
:focus { outline:none; }

/*for FireFox*/
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner

:focus::-webkit-input-placeholder {color: transparent;}
:focus::-moz-placeholder          {color: transparent;}
:focus:-moz-placeholder           {color: transparent;}
:focus:-ms-input-placeholder      {color: transparent;}

*:focus::-webkit-input-placeholder { opacity:0; }
*:focus:-moz-placeholder { opacity:0; }
*:focus::-moz-placeholder { opacity:0; } 
*:focus:-ms-input-placeholder { opacity:0; } 

/*::-webkit-input-placeholder { 
   color: #ffffff;
}
:-moz-placeholder { 
   color: #ffffff;
}
::-moz-placeholder { 
   color: #ffffff;
}
:-ms-input-placeholder { 
   color: #ffffff;
}*/

a { outline: none !important;
    cursor: pointer;
}
a img {
    border:-moz-none !important;
    outline:-moz-none !important;
}
img {
    max-width: 100%;
}
body {
   padding: 0!important; 
}
.sppb-row,
.row {
    margin-left: 0;
    margin-right: 0;
}
.container-fluid {
    padding: 0;
}
.sppb-col-md-12 {
    padding: 0!important;
}

/*********** Header ***********/
#HeaderHome {
    height: 100vh;
    
}
.custom_header-home {}
.custom_header-home .main-menu {}
.custom_header-home .main-menu ul {}
.custom_header-home .main-menu ul li {
    display: block;
    float: left;
    position: relative;
    padding: 20px 0;
}
.custom_header-home .main-menu ul li a {
    font-family: "RalewayRegular";
    font-size: 18px;
    color: white;
}
.custom_header-home .main-menu ul li:first-child a {
    padding-left: 0;
}
.custom_header-home .main-menu ul li a:hover,
.custom_header-home .main-menu ul li a:focus,
.custom_header-home .main-menu ul li.active a {
    font-family: "RalewayBold";
    text-decoration: underline;
    background-color: transparent;
}
.custom_header-home .main-menu ul li:hover ul.nav-child {
    display: block;
}
.custom_header-home .main-menu ul.nav-child {
    display: none;
    left: -318px;
    position: absolute;
    top: 100%;
    width: 1110px;
    z-index: 100;
    background: rgba(0, 0, 0, 0.3);
}
.custom_header-home .main-menu-ua ul.nav-child {
    left: -324px;
}
.custom_header-home .main-menu-en ul.nav-child {
    left: -340px;
}
.custom_header-home .main-menu ul.nav-child li {
    display: block;
    float: left;
}
.custom_header-home .main-menu ul.nav-child li a {
    padding: 20px;
}
.custom_header-home .main-menu ul.nav-child li a:hover,
.custom_header-home .main-menu ul.nav-child li a:focus,
.custom_header-home .main-menu ul.nav-child li.active a {
    background: rgba(0, 0, 0, 0.4);
    font-family: "RalewayBold";
}
.info .phone a {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: white;
}
.right-top {
    text-align: right;
}
.info .phone a:hover,
.info .phone a:focus {}
.link-to-modal {}
.link-to-modal a {
    color: white;
    font-family: "RalewayLight";
    font-size: 14px;
    text-decoration: underline;
}
.link-to-modal a:hover,
.link-to-modal a:focus {
    text-decoration: none;
}
.langs {
    margin-top: 24px;
}
.langs .chzn-container {
    width: 64px!important;
}
.langs .chzn-container-single .chzn-single {
    background: none!important;
    border: none!important;
    box-shadow: none!important;
    border-radius: 0!important;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 700;
}
.langs .chzn-container-single .chzn-single span {
    margin-right: 20px!important;
}
.langs .chzn-container-single .chzn-single div b {
    background-image: url(../images/carret-lang.png)!important;
    background-position: right center;
}
.langs .chzn-container .chzn-results {
    text-align: center;
}
.row-header-2 {
    text-align: center;
    margin-top: 9%;
}
.row-header-2 .h2 {
    color: white;
    font-family: "RalewayBold";
    font-size: 40px;
}
.row-header-2 .h1 {
    color: white;
    font-family: "RalewayBold";
    font-size: 100px;
    margin-bottom: 30px;
}
.row-header-2 .h3 {
    color: white;
    font-family: "RalewayRegular";
    font-size: 30px;
    margin-top: 0;
}
.arrow {
    text-align: center;
    margin: 8% 0;
}
.arrow a {
    color: transparent;
    background-image: url(../images/arrow-down.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 62px;
    width: 20px;
}
.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

@keyframes bounce {
      0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
      }
      40% {
        transform: translateY(-30px);
      }
      60% {
        transform: translateY(-15px);
      }
}

/******* Advantages ***********/
#Advantages {}
.custom_advantages {}
.custom_advantages .wrap-h1 {
    width: 100%;
    float: left;
    position: relative;
}
.custom_advantages .wrap-h1 .bg-title {
    float: left;
}
.custom_advantages .wrap-h1 .h1 {
    float: left;
    color: #202020;
    font-size: 30px;
    font-family: "RalewayBold";
    letter-spacing: 5px;
    margin: 0;
    padding-top: 90px;
    position: relative;
    left: -40px;
}
.custom_advantages .block-advan {
    text-align: center;
    position: relative;
}
.custom_advantages .wrap-block-advan {
    border: 1px solid transparent;
    padding: 80px 0 20px;
}
.custom_advantages .wrap-block-advan:hover .hidden-block-advan {
    display: block;
}
.custom_advantages .hidden-block-advan {
    display: none;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    border: 1px solid #E1E1E1;
    box-shadow: 0 2px 5px #cccccc;
    padding: 80px 15px 20px;
}
.custom_advantages .block-advan .img-advan {
    height: 105px;
    margin-bottom: 30px;
    background-image: url(../images/bg-block-advantages.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.custom_advantages .block-advan .title-advan {
    color: #202020;
    font-size: 20px;
    font-family: "RalewayBold";
    margin-bottom: 40px;
    height: 44px;
    line-height: 1.2;
}
.custom_advantages .hidden-block-advan .title-advan {
    color: transparent;
}
.custom_advantages .block-advan .desc-advan {
    color: #202020;
    font-size: 16px;
    font-family: "RalewayLight";
}
.custom_advantages .row-advan-2 {
    margin-top: 70px;
}

/********** Rent **********/
#Rent {}
.custom_rent {}
.custom_rent .wrap-h1 {
    width: 100%;
    float: left;
    position: relative;
}
.custom_rent .wrap-h1 .bg-title {
    float: left;
}
.custom_rent .wrap-h1 .h1 {
    float: left;
    color: #202020;
    font-size: 30px;
    font-family: "RalewayBold";
    letter-spacing: 5px;
    margin: 0;
    padding-top: 90px;
    position: relative;
    left: -40px;
}
.custom_rent ul {
    width: 100%;
    float: left;
    margin-bottom: 0;
}
.custom_rent ul li.block-rent {
    list-style: none;
    float: left;
    width: 33.33%;
    position: relative;
}
.custom_rent ul li.block-rent .img-rent {
    height: 426px;
}
.custom_rent ul li.block-rent .img-rent img {
    width: 100%;
    height: 100%;
}
.custom_rent ul li.block-rent .title-rent {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: white;
    position: absolute;
    bottom: 50px;
    padding-left: 60px;
}
.custom_rent ul li.block-rent:hover .hidden-block-rent {
    display: block;
}
.custom_rent ul li.block-rent a {}
.custom_rent ul li.block-rent a:hover {
    /*opacity: 0.8;*/
}
.custom_rent ul li.block-rent:hover .title-rent {
    display: none;
}
.custom_rent ul li.block-rent .hidden-block-rent {
    display: none;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    bottom: 0;
    padding: 16px 0;
    width: 100%;
}
.custom_rent ul li.block-rent .hidden-block-rent .title-hidden-block-rent {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: white;
    padding-left: 60px;
}
.custom_rent ul li.block-rent .hidden-block-rent .square {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: white;
    padding-left: 60px;
}
.custom_rent ul li.block-rent .desc-hidden-block-rent {
    float: left;
}
.custom_rent ul li.block-rent .img-hidden-block-rent {
    float: right;
    margin-right: 40px;
}
.custom_rent ul li.block-rent .img-hidden-block-rent .jcepopup.hide, .jcepopup.noshow {
    display: block;
}

/******* Business-center ************/
#BC {
    margin-bottom: 250px!important;
}
.custom_bc {}
.custom_bc .block-bc {
    float: right;
    padding-top: 260px;
}
.custom_bc .block-bc .h1 {
    color: #202020;
    font-size: 30px;
    font-family: "RalewayBold";
    margin-bottom: 40px;
}
.custom_bc .block-bc p {
    color: #202020;
    font-size: 18px;
    font-family: "RalewayRegular";
}
.custom_bc .block-bc .link-atricle {
    margin-top: 54px;
}
.custom_bc .block-bc .link-atricle a {
    color: white;
    background-color: #191B33;
    border-radius: 6px;
    font-size: 16px;
    font-family: "RalewayBold";
    padding: 12px 35px;
}
.custom_bc .block-bc .link-atricle a:hover,
.custom_bc .block-bc .link-atricle a:focus {
    background-color: #1b1e49;
    text-decoration: none;
}
.custom_bc .block-img-1 {
    position: absolute;
    top: 160px;
}
.custom_bc .block-img-2 {
    position: absolute;
    top: 230px;
    right: 0;
}

/********* counters ************/
#Count {
    height: 400px;
}
.custom_count {}
.custom_count .block-count {
    text-align: center;
}
.custom_count .block-count .digit-count {
    color: white;
    font-size: 60px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    line-height: 1.2;
}
.custom_count .block-count .title-count {
    color: white;
    font-size: 20px;
    font-family: "RalewayMedium";
}
.su-counter-wrapper {
    padding: 0;
}

/******** slider *********/
#Slider {}
.custom_slider {}
.custom_rent .wrap-h1 {
    width: 100%;
    float: left;
    position: relative;
}
.custom_slider .wrap-h1 .bg-title {
    float: left;
}
.custom_slider .wrap-h1 .h1 {
    float: left;
    color: #202020;
    font-size: 30px;
    font-family: "RalewayBold";
    letter-spacing: 5px;
    margin: 0;
    padding-top: 90px;
    position: relative;
    left: -40px;
}
.custom_slider .wrap-img-slider {
    position: relative;
    float: right;
    width: 100%;
    margin-top: 50px;
}
.custom_slider .wrap-slider {
    position: absolute;
    bottom: -40px;
    left: 86px;
    box-shadow: 0 15px 26px -14px #8f8f8f;
}
.custom_slider .carousel-control.left,
.custom_slider .carousel-control.right {
    background-image: none;
    top: 68%;
}
.custom_slider .carousel-control.left {
    left: -110px;
}
.custom_slider .carousel-control.right {
    right: -110px;
}
.custom_slider span.img-prev-slide,
.custom_slider span.img-next-slide,
.custom_slider span.title-listing {
    display: block;
}
.custom_slider span.title-listing {
    color: white;
    font-size: 16px;
    font-family: "RalewayRegular";
    line-height: 1.2;
}

/********* News *********/
#News {}
.custom_news-home {}
.custom_news-home .wrap-h1 {
    overflow: hidden;
}
.custom_news-home .wrap-h1 .bg-title {
    float: left;
    margin-right: 40px;
}
.custom_news-home .wrap-h1 .h1 {
    color: #202020;
    font-size: 30px;
    font-family: "RalewayBold";
    letter-spacing: 5px;
    position: relative;
    top: 6px;
    margin: 0;
}
.custom_news-home .include-module {}
.custom_news-home .include-module .news {
    margin-top: 80px!important;
    border: none!important;
}
.custom_news-home .include-module .news .allmode-wrapper {
    width: 33.3333%!important;
    height: auto!important;
    margin: 0!important;
    padding: 0;
}
.custom_news-home .include-module .news .allmode-wrapper .allmode-item {
    height: 100%!important;
    padding: 0 15px 20px;
}
.custom_news-home .include-module .news .top-allmode-item {
    width: 100%;
    float: left;
    position: relative;
}
.custom_news-home .include-module .news .top-allmode-item .allmode-img {
    border: none!important;
    position: relative;
}
.custom_news-home .include-module .news .top-allmode-item .allmode-img:hover .hover-allmode-img {
    display: block;
}
.custom_news-home .include-module .news .top-allmode-item .hover-allmode-img {
    /*display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #202020;
    opacity: 0.5;
    border-radius: 10px 10px 0 0;*/
}
.custom_news-home .include-module .news .top-allmode-item .hover-allmode-img {
    background-image: url(../images/overlay-dark.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 100%;
    height: 275px;
    display: none;
    position: absolute;
    border-radius: 10px 10px 0 0;
}
.custom_news-home .include-module .news .top-allmode-item .allmode-img a img {
    border: none!important;
    border-radius: 10px 10px 0 0!important;
    margin: 0!important;
}
.custom_news-home .include-module .news .top-allmode-item .allmode-img a img:hover {
    background-image: url(../images/overlay-dark.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 100%;
    height: 100%;
    display: block;
}
.custom_news-home .include-module .news .top-allmode-item .hover-allmode-img img {
    /*left: 40%;
    top: 40%;
    position: relative;*/
}
.custom_news-home .include-module .news .bottom-allmode-item {
    background-color: white!important;
    border-radius: 10px!important;
    color: #202020!important;
    font-size: 16px!important;
    font-family: "RalewayLight";
    font-weight: normal!important;
    box-shadow: 0 9px 13px #ececec!important;
    width: 100%;
    float: left;
    padding-bottom: 30px;  
}
.custom_news-home .include-module .news .bottom-allmode-item .allmode-title {
    font-size: 20px!important;
    font-family: "RalewayBold";
    font-weight: normal!important;
    margin: 30px 0 15px!important;
    padding-left: 30px!important;
}
.custom_news-home .include-module .news .bottom-allmode-item .allmode-title a {
    color: #202020!important;
}
.custom_news-home .include-module .news .bottom-allmode-item .allmode-text {
    color: #202020!important;
    font-size: 16px;
    font-family: "RalewayLight";
    line-height: 1.3;
    padding: 0 30px;
}
.custom_news-home .include-module .news .bottom-allmode-item .allmode-readmore {
    height: auto;
    padding-left: 30px;
    margin-top: 10px;
}
.custom_news-home .include-module .news .bottom-allmode-item .allmode-readmore a {
    position: relative;
    padding: 0!important;
    text-align: left!important;
    color: #191b33!important;
    font-family: "RalewayMedium";
    font-size: 16px;
    font-weight: normal;
    bottom: 0!important;
}

/********* FormBack *********/
#FormBack {}
.custom-form-back {}
.custom-form-back .left-form {}
.custom-form-back .right-form {}
.custom-form-back .right-form .wrap-head-form {
    position: relative;
}
.custom-form-back .right-form .wrap-head-form .bg-title {
    position: absolute;
    top: -25px;
    left: -100px;
}
.custom-form-back .right-form .wrap-head-form .titles {
    padding-top: 45px;
    position: relative;
    z-index: 10;
}
.custom-form-back .right-form .wrap-head-form .titles .h2 {
    padding-left: 45px;
    font-family: "RalewayBold";
    letter-spacing: 0.125em;
}
.custom-form-back .right-form .wrap-head-form .titles .subtitle {
    font-family: "RalewayRegular";
    font-size: 20px;
}
.custom-form-back .right-form .include-form {
    position: relative;
    z-index: 10;
}
.custom-form-back .right-form .include-form .form-back {}
.custom-form-back .right-form .include-form .form-back .fox-form .fox-item-board {}
.custom-form-back .right-form .include-form .form-back .fox-form input {
    height: 48px !important;
    padding-left: 20px !important;
}
.custom-form-back .right-form .include-form .form-back .fox-form textarea {
    padding-left: 20px !important;
}
.custom-form-back .right-form .include-form .form-back .fox-form .fox-item-submit {
    margin: 0 !important;
}
.custom-form-back .right-form .include-form .form-back .fox-form .fox-item-submit button.btn {
    height: 44px!important;
    margin-right: 0!important;
    width: 100%!important;
    background-color: #191B33!important;
    background-image: none!important;
    box-shadow: none!important;
    border: none!important;
    border-radius: 6px!important;
    padding: 0 22px !important;
}
.custom-form-back .right-form .include-form .form-back .fox-form .fox-item-submit button.btn:hover {
    background-color: #151a4b!important;
}
.custom-form-back .right-form .include-form .form-back .fox-form .fox-item-submit button.btn span {
    color: #fffefe!important;
    text-shadow: none!important;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px!important;
}

/******** Footer **********/
#Footer {}
.custom_contact {}
.custom_contact .wrap-h1 {
    overflow: hidden;
    margin-bottom: 40px;
}
.custom_contact .wrap-h1 .bg-title {
    float: left;
    margin-right: 40px;
}
.custom_contact .wrap-h1 .h1 {
    color: #202020;
    font-size: 30px;
    font-family: "RalewayBold";
    letter-spacing: 5px;
    position: relative;
    top: 6px;
    margin: 0;
}
.custom_contact .bottom-info {
    padding-top: 60px;
    text-align: center;
}
.custom_contact .bottom-info .title-info {
    color: #202020;
    font-size: 20px;
    font-family: "RalewayRegular";
}
.custom_contact .bottom-info .desc-info {
    color: #202020;
    font-size: 20px;
    font-family: "RalewayBold";
}
.custom_contact .bottom-info .desc-info a {
    color: #202020;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}
.custom_contact .bottom-info .title-info-1 {
    margin-bottom: 10px;
}
.custom_contact .bottom-info .title-info-2 {
    margin: 45px 0 10px;
}
.custom_contact .bottom-form {}
.custom_contact .bottom-form .h4 {
    color: #191b33;
    font-size: 20px;
    font-family: "RalewayRegular";
    padding: 0 15px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 36px;
}
.custom_contact .bottom-form .include-form .fox-item-html {
    display: none!important;
}
.custom_contact .bottom-form .include-form .fox-form {
    width: 294px;
    margin: 0 auto;
}
.custom_contact .bottom-form .include-form .fox-form input {
    height: 42px!important;
    border-color: #E1E1E1;
    background-color: #F9F9F9!important;
    border-radius: 6px!important;
    padding-left: 26px!important;
}
.custom_contact .bottom-form .include-form .fox-form button.btn {
    height: 44px!important;
    margin-right: 0!important;
    width: 100%!important;
    background-color: #191B33!important;
    background-image: none!important;
    box-shadow: none!important;
    border: none!important;
    border-radius: 6px!important;
}
.custom_contact .bottom-form .include-form .fox-form button.btn:hover,
.custom_contact .bottom-form .include-form .fox-form button.btn:focus {
    background-color: #151a4b!important;
}
.custom_contact .bottom-form .include-form .fox-form button.btn span {
    color: #fffefe!important;
    text-shadow: none!important;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 16px!important;
}
.btn.disabled {
    opacity: 1;
}

/********* CopyDevel **********/
#CopyDevel {}
.custom_copy-devel {}
.custom_copy-devel .copyright {
    color: #202020;
    font-size: 14px;
    padding-top: 20px;
}
.custom_copy-devel .develop {
    color: #202020;
    font-size: 14px;
    text-align: right;
}
.custom_copy-devel .develop img {
    margin-left: 26px;
}

/******** modal ******/
.my-modal-dialog {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}
.my-modal-dialog .modal-header,
.my-modal-text .modal-header {
    border-bottom: none;
    background-color: #404040;
    border-radius: 3px 3px 0 0;
}
.my-modal-dialog .modal-header button.close {
    margin-top: -40px;
    color: white;
    opacity: 0.7;
    text-shadow: none;
    position: relative;
    right: -10px;
}
.my-modal-dialog .modal-header h4 {
    text-align: center;
    color: #ffffff;
    font-weight: 700;
}
.my-modal-dialog .modal-content,
.my-modal-text .modal-content {
    border-radius: 5px;
}
.my-modal-dialog .modal-body {
    padding-top: 0;
}
.my-modal-dialog .fox-container h2 {
    margin: 0;
}
.my-modal-dialog .fox-container input {
    border-radius: 10px !important;
    height: 50px !important;
    border-color: #E1E1E1;
    font-size: 18px!important;
    padding-left: 14px!important;
    background-color: #F9F9F9!important;
}
.my-modal-dialog .fox-container textarea {
    border-radius: 4px !important;
    border-color: #E1E1E1;
    font-size: 18px!important;
    padding-left: 14px!important;
}
.my-modal-dialog .fox-container button.btn {
    background-color: #5F8FE1 !important;
    background-image: none !important;
    border: medium none !important;
    border-radius: 50px !important;
    font-size: 130%;
    font-weight: 700;
    height: 56px !important;
    margin: 0 !important;
    text-shadow: none !important;
    width: 70%;
    box-shadow: 0 0px 15px #E2EDFF!important;
}
.my-modal-dialog .fox-container .hvr-shutter-out-horizontal::before {
    background: #326ac8;
    border-radius: 50px;
    width: 70%;
    margin: 0 auto;
}
.my-modal-dialog .fox-container .hvr-shutter-out-horizontal {
    background: transparent;
}
.my-modal-dialog .fox-container button.btn:hover, 
.my-modal-dialog .fox-container button.btn:focus {
    background-color: #4f7fd1 !important;
}
.my-modal-dialog .fox-container button.btn span {
    color: white !important;
    text-transform: uppercase;
    font-weight: 700;
}