 
 

.slick-list{
    overflow:hidden
}
.slick-wrap{
    position:relative
}


.fade,.slide,.slider,.slider-ncc,.slidercustom{
    transform:translateZ(0)
}
.fade a.nav,.slide a.nav,.slider-ncc a.nav,.slider a.nav,.slidercustom a.nav{
    background-color:transparent;
    position:absolute;
    top:45%;
    right:3%;
    bottom:auto;
    left:auto;
    width:40px;
    height:40px;
    margin:0;
    padding:0;
    text-align:center;
    transform:translateY(-50%);
    display:block;
    z-index:9999
}
.fade a.nav i,.slide a.nav i,.slider-ncc a.nav i,.slider a.nav i,.slidercustom a.nav i{
    display:none
}
.fade a.nav.prev,.slide a.nav.prev,.slider-ncc a.nav.prev,.slider a.nav.prev,.slidercustom a.nav.prev{
    left:-80px;
    right:auto;
    transform:rotate(225deg) translate(-3px,-3px);
    border-top:2px solid #0F78BE;
    border-right:2px solid #0F78BE
}
.fade a.nav.next,.slide a.nav.next,.slider-ncc a.nav.next,.slider a.nav.next,.slidercustom a.nav.next{
    right:-80px;
    left:auto;
    transform:rotate(45deg) translate(-3px,9px);
    border-top:2px solid #0F78BE;
    border-right:2px solid #0F78BE
}
.fade a.nav:hover,.slide a.nav:hover,.slider-ncc a.nav:hover,.slider a.nav:hover,.slidercustom a.nav:hover{
    border-top:2px solid #e25f27;
    border-right:2px solid #e25f27
}
.fade.slick-with-status+.slick-status,.slide.slick-with-status+.slick-status,.slider-ncc.slick-with-status+.slick-status,.slider.slick-with-status+.slick-status,.slidercustom.slick-with-status+.slick-status{
    position:absolute;
    top:8%;
    right:4%;
    font:12px/12px Pebble Raleway Medium,sans-serif;
    color:#fff;
    pointer-events:none;
    display:none!important;
    z-index:99
}
.fade.slick-with-status+.slick-status.active,.slide.slick-with-status+.slick-status.active,.slider-ncc.slick-with-status+.slick-status.active,.slider.slick-with-status+.slick-status.active,.slidercustom.slick-with-status+.slick-status.active{
    display:none!important
}
.fade.slick-with-status+.slick-status .slick-current,.slide.slick-with-status+.slick-status .slick-current,.slider-ncc.slick-with-status+.slick-status .slick-current,.slider.slick-with-status+.slick-status .slick-current,.slidercustom.slick-with-status+.slick-status .slick-current{
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-20px;
    margin-top:-30px
}
.fade.slick-with-status+.slick-status .slick-status-separator,.slide.slick-with-status+.slick-status .slick-status-separator,.slider-ncc.slick-with-status+.slick-status .slick-status-separator,.slider.slick-with-status+.slick-status .slick-status-separator,.slidercustom.slick-with-status+.slick-status .slick-status-separator{
    font-family:Pebble Raleway Thin,sans-serif;
    font-style:italic;
    font-size:50px;
    margin-left:-10px;
    margin-bottom:0;
    opacity:.5
}
.fade.slick-with-status+.slick-status .slick-count,.slide.slick-with-status+.slick-status .slick-count,.slider-ncc.slick-with-status+.slick-status .slick-count,.slider.slick-with-status+.slick-status .slick-count,.slidercustom.slick-with-status+.slick-status .slick-count{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:2px;
    margin-left:12px
}
.fade .item,.slide .item,.slider-ncc .item,.slider .item,.slidercustom .item{
    position:relative;
    width:100%;
    float:left;
    overflow:hidden;
    transform:translateZ(0);
    outline:none
}
.fade .item img,.slide .item img,.slider-ncc .item img,.slider .item img,.slidercustom .item img{
    width:100%;
    height:auto
}
.fade .item img.opacity,.slide .item img.opacity,.slider-ncc .item img.opacity,.slider .item img.opacity,.slidercustom .item img.opacity{
    opacity:.7
} 
/*rrrrrrrrr*/
   
@font-face{
    font-family:Pebble Icons;
    font-display:swap;
    src:url("fonts/icons/pebble-icon-font.eot");
    src:url("fonts/icons/pebble-icon-font.eot") format("embedded-opentype"),url("fonts/icons/pebble-icon-font.ttf") format("truetype"),url("fonts/icons/pebble-icon-font.woff") format("woff"),url("fonts/icons/pebble-icon-font.svg") format("svg");
    font-weight:400;
    font-style:normal
}
 
[class*=" icon-"],[class^=icon-]{
    font-family:Pebble Icons!important;
    speak:none;
    font-style:normal;
    font-weight:400;
    -webkit-font-feature-settings:normal;
    font-feature-settings:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
} 
.icon-cross:before{
    content:"\E911"
}
  
.backtotop,.btn,.morebutton,.exhibitors,.social li,.wrap,:after,:before,a,button,header,header *,iframe,img,input,select,svg,svg *,textarea{
    transition:all .2s ease-out
}
body ::-moz-selection{
    background-color:rgba(47,49,50,.99);
    color:#fff
}
body ::selection{
    background-color:rgba(47,49,50,.99);
    color:#fff
}
::-webkit-scrollbar-corner{
    background:transparent;
    display:none
}
::-webkit-scrollbar{
    width:8px;
    height:8px
}
::-webkit-scrollbar-track{
    background:#fff
}
::-webkit-scrollbar-thumb{
    background:#0F78BE;
    box-shadow:none
}
@media only screen and (max-width:1600px){
    .centre{
        max-width:85%
    }
}
@media only screen and (max-width:1440px){
    body.page-template-page-home #container .wrapper,body.page-template-page-home-landing #container .wrapper,html.page-template-page-home #container .wrapper,html.page-template-page-home-landing #container .wrapper{
        background:#fff!important
    }
} 

 
.morecontent .h3,.morecontent h3{
    font:26px/34px Cairo;
    color:#000066;
    margin:0 0 25px;
    padding:0;
	font-weight:700;
  direction:rtl;
}
.morecontent .h3 a,.morecontent h3 a{
    color:#330099
}
.morecontent .h4,.morecontent h4{
    font:20px/28px ebdaa;
    text-align:right;
    color:#2f3132;
    margin:0 0 10px;
	 direction:rtl;
    padding:0;
    
}

.morecontent .moreimage{
	 position:absolute;
	 left:30px;
	top:0px;
 
}

@media all and (max-width:960px){
	
	
.morecontent .moreimage{
	 display:none;
}
}
.morecontent li,.morecontent p{
    font:16px/24px Pebble Raleway,sans-serif;
    color:#838384;
    margin:0 0 30px;
    padding:0
}
.morecontent li strong,.morecontent p strong{
    font-family:Pebble Raleway SemiBold,sans-serif;
    font-weight:400
}
.morecontent li.fine,.morecontent li.small,.morecontent p.fine,.morecontent p.small{
    font:16px/23px Pebble Raleway,sans-serif;
    font-style:italic
}
.morecontent li.agree,.morecontent p.agree{
    font:16px/23px Pebble Raleway,sans-serif
}
.morecontent li.price,.morecontent p.price{
    font:38px/38px Pebble Roboto,sans-serif;
    color:#e25f27
}
.morecontent li.price span,.morecontent p.price span{
    position:relative;
    top:-8px;
    font:11px/11px Pebble Raleway Medium,sans-serif;
    color:#e25f27;
    margin:0;
    padding:0;
    display:inline-block
}
.morecontent li.price span.from,.morecontent p.price span.from{
    margin-right:5px
}
.morecontent li.price span.conditions,.morecontent p.price span.conditions{
    margin-left:5px
}
.morecontent .max-width{
    width:100%;
    max-width:80%;
    margin:0 auto
}
.morecontent .max-width.title{
    max-width:70%
}
.morecontent.align-center,.morecontent .align-center{
    text-align:center
}
.morecontent .slideshow{
    margin-bottom:6%
}
.morecontent .mandatory,.morecontent h4 a,.morecontent li a,.morecontent p a{
    font-family:Pebble Raleway SemiBold,sans-serif;
    color:#838384;
    border-bottom:2px solid transparent;
    display:inline-block
}
.morecontent .mandatory:not(.mandatory):hover,.morecontent h4 a:not(.mandatory):hover,.morecontent li a:not(.mandatory):hover,.morecontent p a:not(.mandatory):hover{
    color:#e25f27;
    border-color:#e25f27
}
.morecontent ul:not(.room-icons){
    background-color:#f4f4f2;

    margin:0 0 10px;
    padding:10px 0 10px 10px
}
.morecontent ul:not(.room-icons):after,.morecontent ul:not(.room-icons):before{
    content:"";
    display:table;
    clear:both
}
.morecontent ul:not(.room-icons) li{
		font-size:18px;
	
	font-family:Cairo;
    position:relative;
   width:100%;
    margin:0 0 15px;
    padding:0 30px;
    float:right;
    text-align:right!important;
    list-style:none
}
.morecontent ul:not(.room-icons) li:before{
    position:absolute;
    top:0!important;
    right:0;
    font-family:Pebble Icons,sans-serif;
    font-size:20px;
    color:#e25f27;
    content: "\e901";
	padding-right:10px;
}
.morecontent ul:not(.room-icons) li:last-child{
    margin:0
}
.morecontent ul:not(.room-icons).details li{
    width:100%
}
.morecontent hr{
    background-color:#eee;
    margin:50px 0!important
}
.morecontent .text-wrapper{
    padding:50px
} 

 
 
.morebutton{
    background-color:#000;
    width:200px;

	  color:#FFFFFF;
    margin:20px;
    padding:16px 28px;
    font:600 16px/16px Cairo;
    border:2px solid #666666;
    border-radius:3px;
    text-align:center;
    text-decoration:none!important;
    text-transform:uppercase;
    letter-spacing:.05em;
    transform:translateZ(0);
    overflow:hidden;
    display:block;
    cursor:pointer;
    z-index:1
}
.morebutton,.morebutton i{
    position:relative;
    color:#FFFFFF;
}
.morebutton i{
    top:1px;
    right:auto;
    bottom:auto;
    left:auto;
    margin:0;
    padding:0;
    font-size:14px;
    line-height:14px
}
.morebutton i.left{
    margin-right:10px;
    float:none
}
.morebutton i.right{
    margin-left:10px;
    float:none
}
.morebutton:after{
    background-color:#e25f27;
    position:absolute;
    top:0;
    right:auto;
    bottom:auto;
    left:-100%;
    width:100%;
    height:100%;
    content:"";
    z-index:-1
}
.morebutton:disabled{
    cursor:not-allowed
}
.morebutton:not(:disabled):not(span):hover{
    color:#fff!important;
    border-color:#e25f27!important
}
.morebutton:not(:disabled):not(span):hover i{
    color:#fff!important
}
.morebutton:not(:disabled):not(span):hover:after{
    left:0
}
.morebutton.solid{
    background-color:#e25f27;
    border-color:#e25f27
}
.morebutton.solid,.morebutton.solid i{
    color:#fff!important
}
.morebutton.solid:after{
    background-color:#be4e1f
}
.morebutton.solid:not(:disabled):not(span):hover{
    border-color:#be4e1f!important
}
.morebutton.solid:not(:disabled):not(span):hover i{
    color:#fff!important
}
.morebutton.secondary{
    border-color:#0F78BE
}
.morebutton.secondary,.morebutton.secondary i{
    color:#0F78BE!important
}
.morebutton.secondary:after{
    background-color:#0F78BE
}
.morebutton.secondary:not(:disabled):not(span):hover{
    border-color:#0F78BE!important
}
.morebutton.secondary:not(:disabled):not(span):hover i{
    color:#fff!important
}
.morebutton.secondary.solid{
    background-color:#0F78BE;
    color:#fff!important;
    border-color:#0F78BE
}
.morebutton.secondary.solid i{
    color:#fff!important
}
.morebutton.secondary.solid:after{
    background-color:#6a1348
}
.morebutton.secondary.solid:not(:disabled):not(span):hover{
    border-color:#6a1348!important
}
.morebutton.secondary.solid:not(:disabled):not(span):hover i{
    color:#fff!important
}
.morebutton.tertiary{
    border-color:#caaca2
}
.morebutton.tertiary,.morebutton.tertiary i{
    color:#d7bdb6!important
}
.morebutton.tertiary:after{
    background-color:#ffc600
}
.morebutton.tertiary:not(:disabled):not(span):hover{
    color:#2f3132!important;
    border-color:#ffc600!important
}
.morebutton.tertiary:not(:disabled):not(span):hover i{
    color:#4b332e!important
}
.morebutton.tertiary.solid{
    background-color:#caaca2;
    color:#fff!important;
    border-color:#caaca2
}
.morebutton.tertiary.solid i{
    color:#fff!important
}
.morebutton.tertiary.solid:after{
    background-color:#ffc600
}
.morebutton.tertiary.solid:not(:disabled):not(span):hover{
    color:#2f3132!important;
    border-color:#ffc600!important
}
.morebutton.tertiary.solid:not(:disabled):not(span):hover i{
    color:#2f3132!important
}
.morebutton.quaternary{
    border-color:#6e8f37
}
.morebutton.quaternary,.morebutton.quaternary i{
    color:#6e8f37!important
}
.morebutton.quaternary:after{
    background-color:#6e8f37
}
.morebutton.quaternary:not(:disabled):not(span):hover{
    border-color:#6e8f37!important
}
.morebutton.quaternary:not(:disabled):not(span):hover i{
    color:#fff!important
}
.morebutton.quaternary.solid{
    background-color:#6e8f37;
    color:#fff!important;
    border-color:#6e8f37
}
.morebutton.quaternary.solid i{
    color:#fff!important
}
.morebutton.quaternary.solid:after{
    background-color:#5b7928
}
.morebutton.quaternary.solid:not(:disabled):not(span):hover{
    border-color:#5b7928!important
}
.morebutton.quaternary.solid:not(:disabled):not(span):hover i{
    color:#fff!important
}
.morebutton.quinary{
    border-color:#999
}
.morebutton.quinary,.morebutton.quinary i{
    color:#999!important
}
.morebutton.quinary:after{
    background-color:#2f3132
}
.morebutton.quinary:not(:disabled):not(span):hover{
    border-color:#2f3132!important
}
.morebutton.quinary:not(:disabled):not(span):hover i{
    color:#fff!important
}
.morebutton.quinary.solid{
    background-color:#999;
    color:#fff!important;
    border-color:#999
}
.morebutton.quinary.solid i{
    color:#fff!important
}
.morebutton.quinary.solid:after{
    background-color:#2f3132
}
.morebutton.quinary.solid:not(:disabled):not(span):hover{
    border-color:#2f3132!important
}
.morebutton.quinary.solid:not(:disabled):not(span):hover i{
    color:#fff!important
}
.morebutton.senary{
    border-color:#fff;
    border:none
}
.morebutton.senary,.morebutton.senary i{
    color:#e25f27!important
}
.morebutton.senary:after{
    background-color:#6a1348
}
.morebutton.senary:not(:disabled):not(span):hover{
    border-color:#6a1348!important
}
.morebutton.senary.solid,.morebutton.senary:not(:disabled):not(span):hover i{
    color:#e25f27!important
}
.morebutton.senary.solid{
    background-color:#fff;
    border-color:#e25f27
}
.morebutton.senary.solid i{
    color:#e25f27!important
}
.morebutton.senary.solid:after{
    background-color:#2f3132
}
.morebutton.senary.solid:not(:disabled):not(span):hover{
    border-color:#2f3132!important;
    color:#fff!important
}
.morebutton.senary.solid:not(:disabled):not(span):hover i{
    color:#fff!important
}
.morebutton.download{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    margin:auto
}
.morebutton.download svg{
    margin-right:15px;
    transform:none;
    fill:#e25f27;
    transition:none
}
.morebutton.download:hover svg{
    fill:#fff
}
@media only screen and (max-width:600px){
    .morebutton.download{
        width:100%
    }
}
@media only screen and (max-width:480px){
    .morebutton{
        padding:12px 24px;
        border-width:1px
    }
}




.popup-overlay,.promotional-popup-overlay,.video-popup-overlay,.vlog-popup-overlay{
    position:fixed;
    background-color:rgba(47,49,50,.9);
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
    z-index:99999
}
.popup,.promotional-popup{
	 
    background-color:#fff;
    position:fixed;
    top:50%;
    right:0;
    left:0;
    width:100%;
    max-width:900px;
    height:auto;
    max-height:80%;
    margin:0 auto;
    padding:0;
    transform:translateY(-50%);
    overflow-y:scroll;
    z-index:999999;
    display:none
}
.popup .image,.promotional-popup .image{
    background-color:#eff3f7;
    position:relative;
    width:100%;
    height:auto;
    display:block
}
.popup .image img,.promotional-popup .image img{
    width:100%;
    height:auto;
    display:block
}
.popup .text,.promotional-popup .text{
    background-color:#fff;
    padding:7%;
    text-align:right
}
.popup .text *,.promotional-popup .text *{
    transform:translateZ(0)
}
.popup .text h1,.popup .text h2,.popup .text h3,.popup .text h4,.popup .text li,.popup .text p,.promotional-popup .text h1,.promotional-popup .text h2,.promotional-popup .text h3,.promotional-popup .text h4,.promotional-popup .text li,.promotional-popup .text p{
    text-align:right
}
.popup .text h2,.promotional-popup .text h2{
    color:#e25f27;
    margin-bottom:30px;
    padding-left:10%
}
.popup .text h2 svg,.promotional-popup .text h2 svg{
    fill:#e25f27;
    width:30px;
    margin-top:-5px;
    height:auto;
    margin-right:10px
}
.popup .text h2.light,.promotional-popup .text h2.light{
    color:#999;
    margin-bottom:10px
}
.popup .text h3,.promotional-popup .text h3{
    padding-right:10%
}
.popup .text .morebutton,.promotional-popup .text .morebutton{
    display:inline-block
}
.popup .text iframe:not(.yt-iframe),.promotional-popup .text iframe:not(.yt-iframe){
    width:100%;
    height:0;
    margin:0;
    padding:0;
    border:none;
    overflow:hidden;
    display:block;
    clear:both
}
.popup .text .ifr,.promotional-popup .text .ifr{
    background-color:#f4f4f2;
    position:relative;
    width:100%;
    height:auto;
    margin-bottom:30px
}
.popup .text .ifr iframe.yt-iframe,.promotional-popup .text .ifr iframe.yt-iframe{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
    border:none
}
.popup .text .ifr svg.blank,.promotional-popup .text .ifr svg.blank{
    width:100%;
    height:auto
}
.popup .text.promotional-subscribe,.promotional-popup .text.promotional-subscribe{
    background-color:#eff3f7
}
.popup .text.promotional-subscribe h2,.popup .text.promotional-subscribe p,.promotional-popup .text.promotional-subscribe h2,.promotional-popup .text.promotional-subscribe p{
    margin:0;
    text-align:center
}
.popup .text.promotional-subscribe p,.promotional-popup .text.promotional-subscribe p{
    margin:10px 0 0
}
.popup .text.promotional-subscribe p.terms,.promotional-popup .text.promotional-subscribe p.terms{
    font-size:12px;
    margin:0 0 0 15px;
    display:inline-block
}
.popup .text.promotional-subscribe form,.promotional-popup .text.promotional-subscribe form{
    margin:20px 0 0;
    text-align:center
}
.popup .text.promotional-subscribe form input[type=email],.popup .text.promotional-subscribe form input[type=text],.promotional-popup .text.promotional-subscribe form input[type=email],.promotional-popup .text.promotional-subscribe form input[type=text]{
    background-color:#eff3f7;
    width:100%;
    float:none;
    clear:both
}
.popup .text.promotional-subscribe form input[type=checkbox],.promotional-popup .text.promotional-subscribe form input[type=checkbox]{
    width:auto;
    height:auto;
    display:none;
    cursor:pointer
}
.popup .text.promotional-subscribe form label,.promotional-popup .text.promotional-subscribe form label{
    position:relative;
    cursor:pointer
}
.popup .text.promotional-subscribe form label:before,.promotional-popup .text.promotional-subscribe form label:before{
    background-color:transparent;
    position:relative;
    top:-4px;
    margin-right:5px;
    padding:8px;
    border:1px solid #9d9d9b;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    vertical-align:middle;
    content:"";
    cursor:pointer;
    display:inline-block
}
.popup .text.promotional-subscribe form label:hover:before,.promotional-popup .text.promotional-subscribe form label:hover:before{
    border:1px solid #e25f27
}
.popup .text.promotional-subscribe form input:checked+label:before,.promotional-popup .text.promotional-subscribe form input:checked+label:before{
    background-color:#e25f27;
    border:1px solid #e25f27
}
.popup .text.promotional-subscribe form input:checked+label:after,.promotional-popup .text.promotional-subscribe form input:checked+label:after{
    position:absolute;
    top:-4px;
    left:7px;
    width:5px;
    height:13px;
    border:solid #fff;
    border-width:0 2px 2px 0;
    transform:rotate(45deg);
    content:"";
    display:block
}
.popup .text.promotional-subscribe form button,.promotional-popup .text.promotional-subscribe form button{
    margin:30px 0 0;
    display:inline-block
}
.popup .text .slideshow :not(.nav),.promotional-popup .text .slideshow :not(.nav){
    background-color:#f4f4f2
}
.popup .text .slideshow a.nav.prev,.promotional-popup .text .slideshow a.nav.prev{
    left:5%
}
.popup .text .slideshow a.nav.next,.promotional-popup .text .slideshow a.nav.next{
    right:5%
}
.popup .close,.popup .close-video-popup,.popup .close-vlog,.popup .promotional-close,.promotional-popup .close,.promotional-popup .close-video-popup,.promotional-popup .close-vlog,.promotional-popup .promotional-close{
    background-color:transparent;
    position:absolute;
    top:30px;
    right:30px;
    width:50px;
    height:50px;
    border:none;
    text-align:center;
    -webkit-appearance:none;
    display:block;
    transform:translateZ(0);
    z-index:9999999
}
.popup .close-video-popup:after,.popup .close-video-popup:before,.popup .close-vlog:after,.popup .close-vlog:before,.popup .close:after,.popup .close:before,.popup .promotional-close:after,.popup .promotional-close:before,.promotional-popup .close-video-popup:after,.promotional-popup .close-video-popup:before,.promotional-popup .close-vlog:after,.promotional-popup .close-vlog:before,.promotional-popup .close:after,.promotional-popup .close:before,.promotional-popup .promotional-close:after,.promotional-popup .promotional-close:before{
    content:"";
    position:absolute;
    width:80%;
    height:1px;
    background-color:#e25f27;
    top:50%;
    left:50%
}
.popup .close-video-popup:before,.popup .close-vlog:before,.popup .close:before,.popup .promotional-close:before,.promotional-popup .close-video-popup:before,.promotional-popup .close-vlog:before,.promotional-popup .close:before,.promotional-popup .promotional-close:before{
    transform:translate(-50%,-50%) rotate(45deg)
}
.popup .close-video-popup:after,.popup .close-vlog:after,.popup .close:after,.popup .promotional-close:after,.promotional-popup .close-video-popup:after,.promotional-popup .close-vlog:after,.promotional-popup .close:after,.promotional-popup .promotional-close:after{
    transform:translate(-50%,-50%) rotate(-45deg)
}
.popup .close-video-popup i,.popup .close-vlog i,.popup .close i,.popup .promotional-close i,.promotional-popup .close-video-popup i,.promotional-popup .close-vlog i,.promotional-popup .close i,.promotional-popup .promotional-close i{
    font-size:30px;
    line-height:50px;
    color:#fff;
    display:none
}
.popup .close-video-popup:hover,.popup .close-vlog:hover,.popup .close:hover,.popup .promotional-close:hover,.promotional-popup .close-video-popup:hover,.promotional-popup .close-vlog:hover,.promotional-popup .close:hover,.promotional-popup .promotional-close:hover{
    opacity:.7
}
.popup.promotional-content-image .close:after,.popup.promotional-content-image .close:before,.popup.promotional-content-image .promotional-close:after,.popup.promotional-content-image .promotional-close:before,.popup.promotional-full .close:after,.popup.promotional-full .close:before,.popup.promotional-full .promotional-close:after,.popup.promotional-full .promotional-close:before,.popup.promotional-image-landscape .close:after,.popup.promotional-image-landscape .close:before,.popup.promotional-image-landscape .promotional-close:after,.popup.promotional-image-landscape .promotional-close:before,.popup.promotional-image-portrait .close:after,.popup.promotional-image-portrait .close:before,.popup.promotional-image-portrait .promotional-close:after,.popup.promotional-image-portrait .promotional-close:before,.popup.promotional-image-subscribe .close:after,.popup.promotional-image-subscribe .close:before,.popup.promotional-image-subscribe .promotional-close:after,.popup.promotional-image-subscribe .promotional-close:before,.popup.with-image .close:after,.popup.with-image .close:before,.popup.with-image .promotional-close:after,.popup.with-image .promotional-close:before,.promotional-popup.promotional-content-image .close:after,.promotional-popup.promotional-content-image .close:before,.promotional-popup.promotional-content-image .promotional-close:after,.promotional-popup.promotional-content-image .promotional-close:before,.promotional-popup.promotional-full .close:after,.promotional-popup.promotional-full .close:before,.promotional-popup.promotional-full .promotional-close:after,.promotional-popup.promotional-full .promotional-close:before,.promotional-popup.promotional-image-landscape .close:after,.promotional-popup.promotional-image-landscape .close:before,.promotional-popup.promotional-image-landscape .promotional-close:after,.promotional-popup.promotional-image-landscape .promotional-close:before,.promotional-popup.promotional-image-portrait .close:after,.promotional-popup.promotional-image-portrait .close:before,.promotional-popup.promotional-image-portrait .promotional-close:after,.promotional-popup.promotional-image-portrait .promotional-close:before,.promotional-popup.promotional-image-subscribe .close:after,.promotional-popup.promotional-image-subscribe .close:before,.promotional-popup.promotional-image-subscribe .promotional-close:after,.promotional-popup.promotional-image-subscribe .promotional-close:before,.promotional-popup.with-image .close:after,.promotional-popup.with-image .close:before,.promotional-popup.with-image .promotional-close:after,.promotional-popup.with-image .promotional-close:before{
    height:3px;
    background-color:#fff
}
.popup.promotional-content-subscribe,.popup.promotional-full,.popup.promotional-image-subscribe,.popup.promotional-subscribe,.promotional-popup.promotional-content-subscribe,.promotional-popup.promotional-full,.promotional-popup.promotional-image-subscribe,.promotional-popup.promotional-subscribe{
    background-color:#eff3f7
}
.popup.promotional-image-landscape,.popup.promotional-image-portrait,.promotional-popup.promotional-image-landscape,.promotional-popup.promotional-image-portrait{
    background-color:transparent;
    overflow:hidden
}
.popup.promotional-image-portrait,.promotional-popup.promotional-image-portrait{
    width:100%;
    max-width:100%;
    height:100%;
    max-height:100%
}
.popup.promotional-image-portrait .image,.promotional-popup.promotional-image-portrait .image{
    background-color:transparent;
    top:50%;
    height:100%;
    max-height:750px;
    transform:translateY(-50%)
}
.popup.promotional-image-portrait .image img,.promotional-popup.promotional-image-portrait .image img{
    width:auto;
    height:100%;
    margin:0 auto;
    display:block
} 
.popup::-webkit-scrollbar-track{
    background-color:#fff
}
.popup::-webkit-scrollbar-thumb{
    background-color:#e25f27
}
.promotional-popup::-webkit-scrollbar-track{
    background-color:#fff
}
.promotional-popup::-webkit-scrollbar-thumb{
    background-color:#e25f27
}
@media only screen and (max-height:900px){
    .popup,.promotional-popup{
        overflow-y:scroll;
        max-height:100%;
        width:100%
    }
    .popup .text,.promotional-popup .text{
        padding:10%
    }
     
}
@media only screen and (max-width:768px){
    .popup .text.promotional-subscribe p.terms span,.promotional-popup .text.promotional-subscribe p.terms span{
        display:none
    }
    .popup .text.promotional-subscribe form button,.promotional-popup .text.promotional-subscribe form button{
        width:100%;
        margin:30px 0;
        display:block
    }
}
@media only screen and (max-width:600px){
    .popup,.promotional-popup{
        width:100%;
        height:100%;
        max-height:100%
    }
    .popup .text,.promotional-popup .text{
        padding:15% 10% 10%
    }
    .popup .text h2 span,.promotional-popup .text h2 span{
        display:none
    }
    .popup.promotional-image-landscape .image,.promotional-popup.promotional-image-landscape .image{
        top:50%;
        transform:translateY(-50%)
    }
    .popup.promotional-image-portrait,.promotional-popup.promotional-image-portrait{
        overflow:auto
    }
    .popup.promotional-image-portrait .image,.promotional-popup.promotional-image-portrait .image{
        height:100%
    }
    .popup.promotional-image-portrait .image img,.promotional-popup.promotional-image-portrait .image img{
        width:100%;
        height:auto;
        display:block
    }
	
	.popup-ref-search{
		 
		 width:100%;
        height:300px;
		background-color:transparent;
        
	}
    .popup-ref-search .morecontent{
		 border:2px solid  #ACA196;
		 background-color:rgba(0,0,0,0.7);
		 
        
	}
	
}
