/* general style */
.preview {width: 140px;height:0px;position: absolute;top:0;left:-90px;z-index:100;-webkit-transition:  all 0.3s ease-out;-moz-transition:  all 0.3s ease-out;transition:  all 0.3s ease-out;opacity:0;}
.preview img {position: absolute;left:90px;top:0;width: 90px;}
.preview .alt {position: absolute;left:180px;top:0;background: #fff;width: 180px;height:90px;color:#000;text-indent:0;text-transform: uppercase;text-align:center;font-size:16px;line-height:90px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
		
/* next button */			
.flex-next .preview {right:-50px;left:auto;}
.flex-next .preview img {position: absolute;left:180px;top:0;width: 90px;}
.flex-next .preview .alt {left:0;}
		
/* hover style */		
.flex-prev:hover .preview {left:0;opacity:1;}
.flex-next:hover .preview {right:0;opacity:1;}
.slider-container {width: 100%;margin:0 auto;}
#info {position: absolute;top:0px;z-index:1000;color:#fff;font-weight:300;}
.banner-content h1 {margin: 0px;}
#info p.styles {margin:0 0 20px 0;padding:0;text-align:center;width: 100%;}
#info p.styles a {display:inline-block;padding:5px 15px;background: rgba(0,0,0,0.5);text-decoration:none;margin:0 10px;}
#info p.styles a.active,#info p.styles a:hover {background: #fff;color:#333;} 
#info p {text-align:center;margin:0 auto; line-height: 23px;font-size: 18px; color: #000000;}
#info p.social {width: 220px;margin:0 auto;margin-top:33px;}

/* override flexslider default style */
.flexslider {border:0;-webkit-border-radius: 0;-moz-border-radius: 0;-o-border-radius: 0;border-radius: 0;margin:0;overflow:hidden;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;box-shadow: none;}
.flex-control-nav {width: 50px;position: absolute;bottom: 66px;text-align: center;z-index: 900;left: 48%;}
.flex-control-paging li a {background: transparent;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;box-shadow: none;border:2px solid #fff;}
.flex-control-paging li a:hover,.flex-control-paging li a.flex-active {background-color: #ffffff ;}
.flex-direction-nav {height: 50px;position: absolute;top: 64%;left: 0;right: 0;margin: -50px 0 0;z-index: 100;text-align: center;display: inline-block;margin-right: 30px;margin-left: 30px;display: none;}
.flex-direction-nav li {overflow: visible;display: inline-block;}
.flex-direction-nav a {overflow: visible;width: 50px;height: 50px;margin: 0;opacity: 1;top: 0;color: rgba(0,0,0,0.8);text-indent: -9999em;text-shadow: none;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;box-shadow: none;}
.flex-direction-nav .arrow {position: absolute;top:0;left:0;width: 90px;height: 90px;background: transparent url('../img/nav.png') no-repeat 5px 5px;z-index:200;}
.flex-direction-nav a.flex-next .arrow {background-position: -75px 5px ;}
.flex-direction-nav .flex-prev { left:0px; }
.flex-direction-nav .flex-next { right:0px; text-align: left;}
.flexslider:hover .flex-prev { left:0; opacity:1}
.flexslider:hover .flex-next { right:0; opacity:1}
.flexslider:hover .flex-prev:hover .arrow { left:0; background-position:5px -95px; background-color: #fff;}
.flexslider:hover .flex-next:hover .arrow { right:0; background-position: -75px -95px ;}
.flexslider:hover .flex-prev:hover,.flexslider:hover .flex-next:hover {}

/*extra*/
.preview img {display: none !important;}
.preview .alt {display: none !important;}
.flex-direction-nav .flex-prev {left: 0px;background: url(../img/nav-left.png);position: absolute;background-position: center center;width: 30px;height: 30px;background-repeat: no-repeat;}
.flex-direction-nav .flex-prev:hover {left: 0px;background: url(../img/nav-left-hover.png);position: absolute;background-position: center center;width: 30px;height: 30px;background-repeat: no-repeat;background-color: #fff;}
.flex-direction-nav .flex-next{right: 5px;background: url(../img/nav.png);position: absolute;background-position: center center;width: 30px;height: 30px;}
.flex-direction-nav .flex-next {right: 0;background: url(../img/nav-right.png);position: absolute;background-position: center center;width: 30px;height: 30px;background-repeat: no-repeat;}
.flex-direction-nav .flex-next:hover {right: 0;background: url(../img/nav-right-hover.png);position: absolute;background-position: center center;width: 30px;height: 30px;background-repeat: no-repeat;background-color: #ffffff;}
a.flex-prev {border: 1px solid #fff;padding: 25px;}
a.flex-next {padding: 25px;border: 1px solid #ffffff;}
ol.flex-control-nav {display: none;}
.banner-content {background: rgba(0, 0, 0, 0.55);padding: 15px; text-align: center;font-family: 'Oswald', sans-serif; color: #ffffff;}
.banner-content h1 {font-size: 75px;font-weight: 400;}
.banner-content h2 {font-size: 50px;font-weight: 100;}
.banner-content-two {margin-top: 20px;}
.banner-form, .banner-speak {text-align: center;}
.banner-form a, .banner-speak a {display: block;background: #ca0f0d;padding: 15px;color: #ffffff;font-size: 24px;font-weight: 500; border: 0px solid;outline: 0px solid rgba(255, 255, 255, 0.20);text-decoration: none;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;}
a.btn.btn-primary {border-radius: 30px;}
.banner-form a:hover, .banner-form a:focus, .banner-form a:active, .banner-speak a:hover, .banner-speak a:focus, .banner-speak a:active {text-decoration: none;    background-color: rgba(218, 32, 50, 0.85);
    border: 0px solid;
    outline: 0px solid rgba(255, 255, 255, 0.6);
    text-decoration: none;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;}
.popup-bg {background-color: #000000;}
h4.form-title {padding: 20px 0;font-size: 25px;text-align: center;font-weight: 600;}
h4.form-title a {color: #e7d132;}
h4.form-title a:hover {color: #e7d132; text-decoration: none;}

 

@media all and (min-width:0) and (max-width:768px) {
    .banner-content h1 {font-size: 22px;}
    .banner-content h2 {font-size: 20px;margin: 0;padding: 10px 0;}
    .banner-content {position: absolute;z-index: 9999;top: 17%;}
    .banner-cont-mob {padding: 20px 0;background: #000;}
    .banner-form {}
    .banner-form a, .banner-speak a {padding: 10px;font-size: 18px;}
}

/*******Mobile General Landscape*******/
@media all and (min-width:0) and (max-width:768px) and (orientation: landscape) {
    .banner-content h1 {font-size: 34px;}
    .banner-content h2 {font-size: 28px;margin: 0;padding: 22px 0 10px;}
    .banner-content {position: absolute;z-index: 9999;top: 17%;} 
    .banner-cont-mob {padding: 20px 0;background: #000;}
    .banner-form {}
    .banner-form a, .banner-speak a {padding: 10px;}
}


/*==========i-phone portrait media query==============*/
@media all and (min-width:320px) and (max-width:359px) {

    
}
/*============i-phone landscape media query================*/
@media all and (min-width:480px) and (max-width:600px) {
 
    
}
/*==========samsung s4 portrait media query==============*/
@media only screen and (min-width:360px) and (max-width:374px) {

    
}
/*==========samsung s4 landscape media query================*/
@media (min-width:601px) and (max-width:650px) {
    figure.effect-roxy h2 {padding: 20.0vw 0 1.04vw 0 !important;}
}

/*==========i-phone 6 portrait media query==============*/
@media only screen and (min-width:375px) and (max-width:479px) { 
    figure.effect-roxy h2 {padding: 11.0vw 0 1.04vw 0 !important;}
    .banner-content h1 {font-size: 20px;} 
}

/*============i-phone 6 landscape media query================*/
@media (min-width:651px) and (max-width:767px) {
  figure.effect-roxy h2 {padding: 20.0vw 0 1.04vw 0 !important;}
}

/*============i-phone 6 Plus landscape media query================*/
@media (min-width:668px) and (max-width:767px) {
    
}


/*============i-tab portrait media query================*/
@media (min-width:768px) and (max-width:1023px) {
    .banner-content h1 {font-size: 45px;}
    .banner-content h2 {font-size: 28px;margin: 0;padding: 22px 0 10px;}
    .banner-content {position: absolute;z-index: 9999;top: 20%;}
    .banner-cont-mob {padding: 20px 0;background: #000;}
    .banner-form {}
    .banner-form a, .banner-speak a {padding: 10px;}

}
/*============i-tab landscape media query================*/
@media (min-width:1024px) and (max-width:1279px) {
    .banner-content h1 {font-size: 50px;}

}

/*============Samsung Galaxy Note 10.1 landscape media query================*/
@media (min-width:1280px) and (max-width:1299px) { 

}