/* text zone*/

.text-zone {
    margin-top: 78px;
    margin-bottom: 0px;
}
.auth_background{
 background-size: contain!important;
 padding: 110px 0;
}

.text-zone-title {
    font-size: 18px;
    color: #b79839;
    font-family: 'ProximaNovaA-Regular';
    font-weight: normal;
}

.text-zone-description {
    font-size: 14px;
    line-height: 18px;
    color: #282828;
    font-family: 'ProximaNova-Light';
    font-weight: 300;
    border-bottom: 2px solid #ffd962;
    margin-top: 10px;
    padding-bottom: 30px;
}
.back-button {
  margin-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 30px;
}
.btn-back {
  border-radius: 19px;
  background: -moz-linear-gradient(top, rgba(17,17,17,1) 0%, rgba(118,118,118,0.84) 100%);
  background: -webkit-linear-gradient(top, rgba(17,17,17,1) 0%,rgba(118,118,118,0.84) 100%);
  background: linear-gradient(to bottom, rgba(17,17,17,1) 0%,rgba(118,118,118,0.84) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#d6767676',GradientType=0 );
  color: #fff !important;
  font-size: 16px;
  padding: 10px 25px;
  display: inline-block;
  text-decoration: none;
  -webkit-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
border: solid 2px transparent !important;
background-image: var(--my-gradient) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: 1px 1000px 1px #000 inset !important;
}

.space_vertical {
    margin: 10px 0px 10px 0px;
}

.event_gallery {
/*    margin-top: 10px!important;
*/
    max-width: 100%;
}
.event_gallery .event_img_wrapper{
    padding: 0!important;
    overflow: hidden;
    background: #000;
}

.gray-background {
    background: #f6f6f6;
    padding: 30px 20px;
    margin-top: 110px;
    margin-bottom: 120px;
}

.image-spacing {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.owl-event .item {
    margin: 10px 10px;
}

.event-title {
    font-size: 18px;
    font-family: 'Proxima Nova';
    font-weight: 600;
    color: #000;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}

.event-title a {
    color: #000;
}

.event-title a:hover,
.event-title a:focus {
    color: #d8b74f;
}

.border-title {
    background: #ffd962;
    height: 2px;
    margin: 0 auto;
    width: 70%;
}

.event-description {
    font-size: 13px;
    line-height: 16px;
    font-family: 'Proxima Nova';
    color: #000;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 20px;
    height: 110px;
}

.btn-view-event {
    background: #ffd962;
    border-radius: 20px;
    padding: 9px 15px 6px 15px;
    border-bottom: 2px solid #d8b74f;
    color: #282828;
    font-size: 14px;
    font-family: 'Proxima Nova Condensed';
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 60%;
}

.btn-view-event:hover,
.btn-view-event:focus {
    color: #282828;
}


/* event details */

.pic_event {
    margin: 0 auto;
    display: block;
}
.portfolio-item-wrapper{
    padding: 0!important;
}
.event_text_wrapper{
    padding: 0 0 5%;
}
.event_text_wrapper .event_data{
    border:3px solid #b69e59;
    background-color: #23231e;
    padding: 35px 30px 30px;
    border-radius: 50px;
    border: solid 3px transparent !important;
background-image: var(--my-gradient) !important;
background-origin: border-box !important;
background-clip: content-box, border-box !important;
box-shadow: 1px 1000px 1px #000 inset !important;
}
.title-event {
    font-size: 28px;
    font-family: 'Proxima Nova';
    font-weight: 600;
    color: #fff;
    text-align: center;
    padding-bottom: 30px;
    border-image-source: linear-gradient(101deg, #236C4E , #74C9A7) !important;
    border-bottom: 5px solid !important;
    border-image-slice: 1 !important;
    text-transform: uppercase;
    line-height: 1.2;
}

.text-description-event {
    font-size: 14px;
    line-height: 1.8;
    font-family: 'Proxima Nova';
    color: #fff;
    margin-top: 30px;
    max-height: 180px;
    overflow: auto;
}

.event_img_wrapper .img-responsive{
    transition: opacity .5s,transform 1.5s;
    backface-visibility: hidden;
}

.event_img_wrapper .img-responsive:hover,
.event_gallery .event_img_wrapper a:hover .img-responsive{
    transform: scale(1.15);
    opacity: 0.3;
}


/* start form */

.form-background {
   /* padding: 28px 30px;
    margin-top: 30px;*/
}
.corporate-massage-sec .filds-label label{
    font-size: 16px;
}

.corporate-massage-sec .filds-details-first .filds-label label.title-desc {
  top: 55px;
}
.corporate-massage-sec .filds-details-middle .filds-label label.title-desc {
  top: 26px;
}

.corporate-massage-sec.loginpage-sec .filds-label {
  position: relative;
  flex: 0 0 210px;
}

.form-title {
    font-size: 30px;
    color: #282828;
    font-family: 'Proxima Nova';
    font-weight: 600;
    margin-bottom: 5px;
}

.corporate-massage-sec .filds-input {
  flex: 1;
  padding-left: 18px;
}
.form-subtitle {
    font-size: 14px;
    color: #282828;
    font-family: 'ProximaNovaA-Regular';
    margin-bottom: 10px;
}

.form-background label {
    display: inline-block;
    font-weight: normal;
    margin-bottom: 2px;
    max-width: 100%;
    font-size: 14px;
    color: #000;
    font-family: 'Proxima Nova';
}

.form-background .star-mention {
    color: #ff0000;
}

.form-background .form-control {
    background-color: #ffffff;
    background-image: none;
    border: none;
    border-radius: 0px;
    box-shadow: none;
    color: #000;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.form-background .btn {
    border: 2px solid #000;
    border-radius: 20px;
    padding: 8px 30px;
    font-size: 14px;
    font-weight: 600;
    background: none;
    color: #000;
    margin-top: 10px;
}

.form-mention {
    font-size: 13px;
}

.corporate-massage-sec.comments-container-custom .black-box-inner {
  max-width: 880px !important;
}


/*.form-background .btn:hover, .form-background .btn:focus {*/


/*border: 2px solid #000;*/


/*color: #000;*/


/*}*/


/*.form-background .form-control::-webkit-input-placeholder {*/


/*/!* WebKit browsers *!/*/


/*color: #fff;*/


/*}*/


/*.form-background .form-control:-moz-placeholder {*/


/*/!* Mozilla Firefox 4 to 18 *!/*/


/*color: #fff;*/


/*opacity: 1;*/


/*}*/


/*.form-background .form-control::-moz-placeholder {*/


/*/!* Mozilla Firefox 19+ *!/*/


/*color: #fff;*/


/*opacity: 1;*/


/*}*/


/*.form-background .form-control:-ms-input-placeholder {*/


/*/!* Internet Explorer 10+ *!/*/


/*color: #fff;*/


/*}*/

/* New CSS*/

.event_img_wrapp{
    padding: 0px!important;
}
.popular_services .event_wrapper .thumbnail img{
    height: 300px;
    padding: 25px 0;
    min-height: 300px !important;
}
.event_wrapper .thumbnail img{
    height: 320px;
}

.event_wrapper .thumbnail{
    margin-bottom: 0;
    border: 0;
    padding: 0;
    border-radius: 0;
}
.portfolios {
 position:relative;
 padding:0;
 margin:0px 0 0;
}
.portfolios .vamtam-cubeportfolio:not(.vamtam-cube-loaded) .portfolio-image .thumbnail,
.portfolios .vamtam-cubeportfolio:not(.vamtam-cube-loaded) .portfolio_details,
.hide_event {
 display:none
}
.portfolios .wp-pagenavi {
 margin-top:30px!important
}
.portfolios .portfolio-items {
 clear:both
}
.portfolios .portfolio-items.animated .vamtam-project {
 box-shadow:none!important
}
.portfolios .portfolio-items.transitionable .vamtam-project {
 overflow:hidden
}
.portfolios .portfolio-item-wrapper {
 overflow:hidden;
 border:0;
 border:none;
 background:#fff;
 background-clip:content-box;
 text-align:left
}
.portfolios .portfolio-item-wrapper .excerpt p {
 margin:5% 0 0;
 padding:5%;
 font-size:14px;
 line-height:16px;
 line-height:18px;
 font-weight:500;
 color:#fff!important;
 border:1px solid #fff;
 opacity:0;
 transition:opacity .35s,transform .35s;
 transform:translate3d(0,20px,0) scale(1.1)
}
.portfolios .portfolio-item-wrapper h3 {
 -webkit-transition:-webkit-transform .35s;
 transition:transform .35s;
 transform:translate3d(0,20px,0);
 opacity:0;
 margin-top:0;
 padding:0 1.4em
}
.portfolios .portfolio-item-wrapper .portfolio_details {
 position:absolute;
 top:0;
 left:0;
 right:0;
 bottom:0;
 -moz-transform-style:preserve-3d;
 transform-style:preserve-3d;
 height:100%;
 color:#fff;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 text-align:center;
 z-index:10
}
.portfolios .portfolio-item-wrapper .portfolio_details p {
 padding:0 4em;
 opacity:0;
 transition:opacity .35s ease-out,transform .35s ease-out;
 transform:translate3d(0,20px,0);
 border:none;
 text-transform:uppercase;
 font-size:11px;
 letter-spacing:1px
}
.portfolios .portfolio-item-wrapper .portfolio_details span {
 display:block;
 position:relative;
 top:50%;
 transition:opacity .3s ease-out,transform .3s ease-out;
 transform:translateY(-50%)!important;
 margin-top:0;
 z-index:2
}
.portfolios .portfolio-item-wrapper .portfolio_details .cbp-lightbox {
 position:absolute;
 z-index:5;
 opacity:0;
 transform:translateY(15px);
 color:#b69e59;
 bottom:55px;
 font-size:24px;
 left:50%;
 margin-left:-12px;
 transition:opacity .3s ease-out,transform .3s ease-out
}
.portfolios .portfolio-item-wrapper .portfolio_details .cbp-lightbox.vamtam-lightbox-gallery:first-child {
 font-family:theme
}
.portfolios .portfolio-item-wrapper .portfolio_details .cbp-lightbox.vamtam-lightbox-gallery:first-child:before {
 content:"\e609"
}
.portfolios .portfolio-item-wrapper .portfolio_details .cbp-lightbox.vamtam-lightbox-gallery:not(:first-child) {
 display:none
}
.portfolios .portfolio-item-wrapper .portfolio_details .cbp-lightbox:hover {
 color:#fff
}


.portfolios .portfolio-item-wrapper .portfolio_details:before,
.portfolios .portfolio-item-wrapper .portfolio_details:after,
.event_gallery .event_img_wrapper a:before,
.event_gallery .event_img_wrapper a:after {
 position:absolute;
 top:30px;
 right:30px;
 bottom:30px;
 left:30px;
 content:'';
 opacity:0;
 transition:opacity .35s,transform .35s; 
 z-index:1;
 border:1px solid #b69e59;
border-image-source: linear-gradient(101deg, #74C9A7, #236C4E) !important;
border-bottom: 1px solid !important;
border-image-slice: 1 !important;
}
.portfolios .portfolio-item-wrapper .portfolio_details:before,
.event_gallery .event_img_wrapper:before {
 border-left:0;
 border-right:0;
 transform:scale(0,1);
}
.portfolios .portfolio-item-wrapper .portfolio_details:after,
.event_gallery .event_img_wrapper:after {
 border-top:0;
 border-bottom:0;
 transform:scale(1,0);
}
.portfolios .no-title.no-description .portfolio-item-wrapper {
 border:0;
}
.portfolios .no-title.no-description .portfolio-item-wrapper .thumbnail {
 transform:translateZ(0);
 overflow:hidden
}
.portfolios .state-open .portfolio-item-wrapper h3,
.portfolios .state-open .portfolio-item-wrapper p,
.portfolios .vamtam-project:hover .portfolio-item-wrapper h3,
.portfolios .vamtam-project:hover .portfolio-item-wrapper p {
 transform:translate3d(0,0,0);
 opacity:1
}
.portfolios .state-open .portfolio-item-wrapper .portfolio_details .cbp-lightbox,
.portfolios .vamtam-project:hover .portfolio-item-wrapper .portfolio_details .cbp-lightbox {
 opacity:1;
 transform:translateY(0)
}
.portfolios .state-open .portfolio-image .thumbnail>a img,
.portfolios .state-open .portfolio-image .thumbnail>img,
.portfolios .vamtam-project:hover .portfolio-image .thumbnail>a img,
.portfolios .vamtam-project:hover .portfolio-image .thumbnail>img {
 opacity:.2;
 transform:scale(1.15);
}
.portfolios .state-open .portfolio-image .thumbnail .cbp-slider-wrapper img,
.portfolios .vamtam-project:hover .portfolio-image .thumbnail .cbp-slider-wrapper img {
 opacity:.2
}
.portfolios .portfolio-item-wrapper .portfolio_details::after {
  border-top: 0;
  border-bottom: 0;
  transform: scale(1,0);
}
.portfolios .state-open .portfolio_details:before,
.portfolios .state-open .portfolio_details:after,
.portfolios .vamtam-project:hover .portfolio_details:before,
.portfolios .vamtam-project:hover .portfolio_details:after{
 opacity:1;
 transform:scale(1);
}
.portfolios .portfolio-image {
 position:relative;
 overflow:hidden
}
.portfolios .portfolio-image .thumbnail {
 display:block;
 max-height:none!important;
 background:#000;
 position:relative;
 overflow:hidden
}
.portfolios .portfolio-image .thumbnail a.button.accent2 {
 display:none
}
.portfolios .portfolio-image .thumbnail>a {
 position:relative;
 display:block
}
.portfolios .portfolio-image .thumbnail>a img,
.portfolios .portfolio-image .thumbnail>img {
 width:100%;
 transition:opacity .5s,transform 1.5s;
 -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
 object-fit: cover;
}
.services-banner .portfolio-image .thumbnail>a img,
.services-banner .portfolio-image .thumbnail>img {
    object-fit: contain;
    border: 1px solid #000;
    background-color: #fff;
}

.portfolios .portfolio-image .thumbnail .cbp-slider-wrapper img {
 transition:opacity .5s
}
.portfolios .portfolio_details {
 padding:10px 10px 0
}
.portfolios .portfolio_details .title {
 transition:transform .35s;
 transform:translate3d(0,-20px,0);
 letter-spacing:1px
}
.portfolios .portfolio_details .title,
.portfolios .portfolio_details .title a {
 color:#000;
 font-size:20px;
 line-height:20px
}
.portfolios .portfolio_details .title:last-child {
 margin-bottom:20px
}
.portfolios .portfolio_details .title>a {
 width:100%;
 color: var(--title) !important;
 font-weight:400;
 display:block
}
.portfolios .portfolio_details .title>a:hover {
 color:#fff!important
}
.portfolios .portfolio_details .excerpt {
 margin:0
}
.portfolios .portfolio_details .button {
 margin-top:10px
}

/* RESPONSIVE CSS
 -------------------------------------------------------------------------------*/


/*Large desktop*/

@media (min-width: 1260px) and (max-width: 1280px) {}


/*Small Desktop*/

@media (min-width: 1200px) {}


/*Laptops*/

@media (min-width: 992px) and (max-width: 1199px) {
    .event-description {
        height: 110px;
    }
}


/* iPads (portrait) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .event-description {
        height: 110px;
    }
}


/* iPads (landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {}


/* Samsung Galaxy Tab 3 (7") ----------- */

@media only screen and (min-device-width: 600px) and (max-device-width: 767px) and (orientation: portrait) {
    .title-event {
        margin-top: 15px;
        text-align: center;
    }
    .text-description-event {
        text-align: center;
    }
    .form-title {
        font-size: 20px;
    }
    /* formular */
    .form-background .form-control {
        font-size: 16px;
    }
    .form-background label {
        display: none;
    }
}


/* Samsung Galaxy Tab 3 (7") ----------- */

@media only screen and (min-device-width: 600px) and (max-device-width: 767px) and (orientation: landscape) {
    .title-event {
        margin-top: 15px;
        text-align: center;
    }
    .text-description-event {
        text-align: center;
    }
    .form-title {
        font-size: 20px;
    }
    /* formular */
    .form-background .form-control {
        font-size: 16px;
    }
    .form-background label {
        display: none;
    }
}


/* LG (G3,G4,G5, Nexus 5), Samsung Galaxy S(3-7), HTC ONE  ----------- */

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: portrait) {
    .event-description {
        height: auto;
    }
    .title-event {
        margin-top: 15px;
        text-align: center;
    }
    .text-description-event {
        text-align: center;
    }
    .form-title {
        font-size: 20px;
    }
    /* formular */
    .form-background .form-control {
        font-size: 16px;
    }
    .form-background label {
        display: none;
    }
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) {
    .event-description {
        height: auto;
    }
    .title-event {
        margin-top: 15px;
        text-align: center;
    }
    .text-description-event {
        text-align: center;
    }
    .form-title {
        font-size: 20px;
    }
    /* formular */
    .form-background .form-control {
        font-size: 16px;
    }
    .form-background label {
        display: none;
    }
}


/* iPhone 6,7 ----------- */

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) {
    .event-description {
        height: auto;
    }
    .title-event {
        margin-top: 15px;
        text-align: center;
    }
    .text-description-event {
        text-align: center;
    }
    .form-title {
        font-size: 20px;
    }
    /* formular */
    .form-background .form-control {
        font-size: 16px;
    }
    .form-background label {
        display: none;
    }
    /*.form-background .form-control::-webkit-input-placeholder {*/
    /*/!* WebKit browsers *!/*/
    /*color: #000;*/
    /*}*/
    /*.form-background .form-control:-moz-placeholder {*/
    /*/!* Mozilla Firefox 4 to 18 *!/*/
    /*color: #000;*/
    /*opacity: 1;*/
    /*}*/
    /*.form-background .form-control::-moz-placeholder {*/
    /*/!* Mozilla Firefox 19+ *!/*/
    /*color: #000;*/
    /*opacity: 1;*/
    /*}*/
    /*.form-background .form-control:-ms-input-placeholder {*/
    /*/!* Internet Explorer 10+ *!/*/
    /*color: #000;*/
    /*}*/
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) {
    .event-description {
        height: auto;
    }
    .title-event {
        margin-top: 15px;
        text-align: center;
    }
    .text-description-event {
        text-align: center;
    }
    .form-title {
        font-size: 20px;
    }
    /* formular */
    .form-background .form-control {
        font-size: 16px;
    }
    .form-background label {
        display: none;
    }
}


/* iPhone 6+,7+ ----------- */

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: portrait) {
    .event-description {
        height: auto;
    }
    .title-event {
        margin-top: 15px;
        text-align: center;
    }
    .text-description-event {
        text-align: center;
    }
    .form-title {
        font-size: 20px;
    }
    /* formular */
    .form-background .form-control {
        font-size: 16px;
    }
    .form-background label {
        display: none;
    }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) {
    .event-description {
        height: auto;
    }
    .title-event {
        margin-top: 15px;
        text-align: center;
    }
    .text-description-event {
        text-align: center;
    }
    .form-title {
        font-size: 20px;
    }
    /* formular */
    .form-background .form-control {
        font-size: 16px;
    }
    .form-background label {
        display: none;
    }
}


/* Samsung Galaxy S7Edge ----------- */

@media only screen and (max-width: 412px) and (max-height: 732px) and (orientation: portrait) {
    .event-description {
        height: auto;
    }
    .title-event {
        margin-top: 15px;
        text-align: center;
    }
    .text-description-event {
        text-align: center;
    }
    .form-title {
        font-size: 20px;
    }
    /* formular */
    .form-background .form-control {
        font-size: 16px;
    }
    .form-background label {
        display: none;
    }
}

@media only screen and (max-width: 412px) and (max-height: 732px) and (orientation: landscape) {
    .event-description {
        height: auto;
    }
    .title-event {
        margin-top: 15px;
        text-align: center;
    }
    .text-description-event {
        text-align: center;
    }
    .form-title {
        font-size: 20px;
    }
    /* formular */
    .form-background .form-control {
        font-size: 16px;
    }
    .form-background label {
        display: none;
    }
}

.gray-background .col-md-4 {
    min-height: 500px;
}