﻿
.pop-up-background {background: rgba(0,0,0,.6);cursor: pointer;display: none;height: 100%;left: 0;position: fixed;top: 0; width: 100%;z-index: 100;}
.pop-up-background-modal {cursor:default;}
.pop-up { visibility:hidden;left: 50%;margin-left: -400px;max-width: 800px;position: absolute;top: 20px;width: 90%;z-index: 100;}
.pop-up.small{margin-left: -200px;max-width: 400px;}
.pop-up.medium{margin-left: -300px;max-width: 600px;}
.pop-up.large{margin-left: -585px;max-width:1170px;}
.pop-up-content {background: #fff;min-height: 30px;padding:0;}
.pop-up-content .close,.pop-up-footer {text-align: right; opacity: 0.5px}
.pop-up-footer {padding-top: 24px;}
.pop-up-body {font-size: 16px;color:#666;}
.pop-up-display-content {display: none;}
.pop-up .close {position:absolute;top:-15px;right:-15px;z-index: 99; background: #fff; opacity: 1;  border-radius: 15px; padding: 5px; } 
.pop-up .close a{font-size: 18px;color: #d22;width: 15px;height: 15px;background:url(../images/icon-cross.png) no-repeat 0 0;display: inline-block; background-size: cover;  float: left; }
.pop-up .close a:hover{opacity: 0.6;}
.pop-up-btn {padding: 8px 15px;display: inline-block;background: #3B4658;border-radius: 3px;margin-left: 10px;color: #fff;font-size: 15px;text-decoration: none;}
.pop-up-btn:hover,
.pop-up-btn:focus {background: #6A798E;}
.pop-up .screen-reader-text {position: absolute;top: -9999px;left: -9999px;}
.ie6 .pop-up {border: 10px solid #CED4E2;width: 600px;}
/*---------------------------------- Popup Slider Css ----------------------------------------*/

.popup-slider-main{ width:90%; float:left; padding:0 45px 35px; margin:0; background:#fff; max-width:825px;}
.popup-slider-main h2{ text-transform:uppercase; color:#000; font-size:24px; width:100%; text-align:center;}
.popup-slider-main-left{ width:37%; float:left; padding:45px 59px; margin:0; background:#000;}

.popup-slider-main-right{ width:43%; float:right; padding:0; margin:0;}
.popup-slider-main-right h2{ width:100%; float:left; padding:0; text-align:left; margin:0 0 3px 0; font-size:24px; text-transform:uppercase; color:#e90806;}
.popup-slider-main-right p{ width:100%; float:left; padding:0; margin:0 0 26px 0; color:#000; font-size:16px; line-height:20px;}
.owl-pagination{ display:none;}
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.grabbing { cursor:url(grabbing.png) 8 8, move;}
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility:    hidden;-ms-backface-visibility:     hidden;-webkit-transform: translate3d(0,0,0);
                         -moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.owl-theme .owl-controls{margin-top:0; float:left;text-align: center;width:100%; position:absolute; top:50%;}
.owl-prev {left:-40px;position: absolute;width: auto;background:url(../images/owl-prev-arrow.png) left top no-repeat;}
.owl-next {position: absolute;right:-40px;background:url(../images/owl-next-arrow.png) left top no-repeat;}
.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */margin:0;padding:0;font-size:0;width:21px; height:35px;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{display: block;width: 12px;height: 12px;margin: 5px 7px;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #869791;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.owl-item.loading{min-height: 150px;background: url(AjaxLoader.gif) no-repeat center center}
.dataTable.tablepress.popup-tablepress { border: 1px solid #ddd; }
@media (max-width: 1320px){
    .pop-up.large {left:4%;margin: 0;}

}
@media (max-width: 990px){
    .popup-image-thumb { margin-bottom: 20px; }
        .pop-up.small,.pop-up.medium,.pop-up.large {left:4%;margin: 0;}.pop-up-content {padding:0;}


}
@media (max-width: 960px){
    .pop-up.small,.pop-up.medium,.pop-up.large {left:4%;margin: 0;}.pop-up-content {padding:0;}
    .popup-slider-main{width:94%; padding-left:3%; padding-right:3%;}
}

@media (max-width: 767px) {
    .pop-up.small,.pop-up.medium,.pop-up.large {left: 5%;margin: 0;}.pop-up-content {padding:0;}
    .pop-up-footer {padding-top: 12px;}
    .popup-slider-main-left{ width:94%; padding:3%; margin-bottom:20px;}
    .popup-slider-main{width:94%; padding-left:3%; padding-right:3%;}
    .owl-prev{ left:0;}
    .owl-next{ right:0;}
    .popup-slider-main-left img{ width:100%; height:auto;}
    .popup-slider-main-right{ width:100%; float:left;}
}

@media (max-width: 480px) {
    .pop-up.small,.pop-up.medium,.pop-up.large {left: 5%;margin: 0;}.pop-up-content {padding:0;}
    .pop-up-footer {padding-top: 12px;}
    .popup-slider-main-left{ width:94%; padding:3%; margin-bottom:20px;}
    .popup-slider-main{width:94%; padding-left:3%; padding-right:3%;}
    .owl-prev{ left:0;}
    .owl-next{ right:0;}
    .popup-slider-main-left img{ width:100%; height:auto;}
    .popup-slider-main-right{ width:100%; float:left;}
}
