.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
    outline: none;
}

.slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flexslider {
float:left;
width:80%;
 overflow:hidden;
 background:#fabfbf

}


.flexslider .slides > li {
    display: none;
    padding-bottom: 0px;
    position: relative;
    -webkit-backface-visibility: hidden;
}


 .holder   .flexslider .slides > li:after {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        left: 20px;
        right: 20px;
        bottom: 0;
        background:#fff;
        -webkit-transition: opacity 0.5s ease;
        transition: opacity 0.5s ease;
        opacity:0.7;
    }



.flexslider .slides > li.flex-active-slide:after {
     opacity:0;
}

 .flexslider .slides img {
    margin: 0 auto;
    display: block;
    width:100%;

}
   .flexslider .slides > li p.titles {
    font-family: 'FreightDispProLight-Regular';
    font-size: 30px;
    line-height: 33px;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom:auto;
    display:block;
    text-align:center;
       
}

 .flexslider .slides > li p.titles span{
        display: inline-block;
        padding-bottom: 5px;
        border-bottom: 1px solid #52555a;
    }
p.disslider {
    position: absolute;
    bottom: 40px;
    text-align: center;
    left: 0;
    right: 0;
    width: calc(100% - 90px);
    max-width: 740px;
    margin: 0 auto;
    z-index: 5000;
    display:block;
    font-size: 11px;
font-family: 'SweetSansProRegular';
margin-top: 45px;
line-height: 14px;
letter-spacing: 0;
}

#pslider.flexslider .slides img, #pslider1.flexslider .slides img {
    width: auto;
    margin: 0 auto;
    display: inline-block;
}


.flexslider .slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}


#closeslider {
    position: absolute;
    top: 15px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 50px;
    height: 50px;
    display: block;
    color: #52555a;
    cursor: pointer;
    text-align: center;
    z-index: 55555;
    padding-top:25px;
    font-family: 'SweetSansProRegular';
    font-size:11px;
}

    #closeslider:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 2px;
        height: 30px;
        transform: rotate(45deg);
        transform-origin: center;
        -webkit-transform: rotate(45deg);
        -webkit-transform-origin: center;
        background: #52555a;
        top:0;
    }

    #closeslider:before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 2px;
        height: 30px;
        transform: rotate(-45deg);
        transform-origin: center;
        -webkit-transform: rotate(-45deg);
        -webkit-transform-origin: center;
        background: #4e4e4e;
            top:0;
    }

.flex-pauseplay span {
    text-transform: capitalize;
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

    .slides > li:first-child {
        display: block;
    }

.flexslider {
background:#F8C3C1;
    margin-left: auto; margin-right: auto;
    width: 80%;
    position: relative;
    zoom: 1;
}

    .flexslider .slides {
        zoom: 1;
    }

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    overflow: inherit !important;
}

#pslider .flex-viewport, #pslider1 .flex-viewport {
    overflow: hidden !important;
}

.loading .flex-viewport {
    max-height: 300px;
}
/* Direction Nav */
.flex-direction-nav {
    *height: 0;
}



    .flex-direction-nav a {
        background: url(/images/btn/left.png) no-repeat 0 0;
        cursor: pointer;
        display: block;
        margin: 0 0;
        position: absolute;
        text-indent: -9999px;
        top: 0;
        background: rgba(256,256,256,0.0);
        -webkit-transition: all .3s ease;
        width: 10vw;
        height: 100%;
        z-index: 10;
        background-repeat: no-repeat;
        background-size: 20px 20px;
        background-position: center center;
    }

    .flex-direction-nav .flex-next {
        background-image: url(/images/buttons/right.png);
        right: -10vw;
        background-position: calc(50% + 10px) center;
    }

    .flex-direction-nav .flex-prev {
        background-image: url(/images/buttons/left.png);
        left: -10vw;
        background-position: calc(50% - 10px) center;
    }

#pslider .flex-direction-nav .flex-prev, #pslider1 .flex-direction-nav .flex-prev {
    left: calc(320px - 50vw);
}

#pslider .flex-direction-nav .flex-next, #pslider1 .flex-direction-nav .flex-next {
    right: calc(320px - 50vw);
}

.flex-prev{
	visibility: hidden;
}

.flex-direction-nav .flex-disabled {
    cursor: default;
    filter: alpha(opacity=30);
    opacity: 0.3 !important;
}

.flex-control-nav {
    display: none;
}


#popupslider {
    position: fixed;
    top: 0;
    z-index: 10000;
    left: 0;
    background: #fff;
    width: 100%;
    height: 600px;
    height: 100vh;
    display: none;
    opacity: 0;
    -webkit-transition: opacity 600ms ease;
    -moz-transition: opacity 600ms ease;
    transition: opacity 600ms ease;
    min-height: 600px;
}
#developer .flexslider {
        width: 100%;
	
    }
#developer .flex-viewport{
	overflow: hidden !important;
}
#developer .flexslider .slides img{
	width: 100% !important;
}
#developer .flex-direction-nav .flex-prev{
	    left: -6vw;
		top: 0;
	background-position: center 38%;
}
#developer .flex-direction-nav .flex-next{
	    right: -6vw;
	top: 0;
	background-position: center 38%;
}
#developer .flexslider .slides > li p{
	
	display: block;
position: relative;
    width: 100%;
    bottom: initial;
    text-align: center;
   font-family: 'FreightDispProBold-Regular';
    font-size: 18px;
	line-height: 22px;
    text-transform: initial;
	color: #003366;
	padding-left: 30px;
	padding-right: 30px;
    margin-top:30px
}
.shokaislider 
{
    margin-top:30px
}
.shokaislider  p
{
    margin-top:5px;
}
 .shokaislider   .flex-direction-nav a {
        background-image: url(/images/buttons/next.png) ;
        cursor: pointer;
        display: block;
        margin: 0 0;
        position: absolute;
        text-indent: -9999px;
        top: 0;
         -webkit-transition: all .3s ease;
        width: 42px;
        height:37px;

        z-index: 10;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }

   .shokaislider  .flex-direction-nav .flex-next {
  
        right: 0;
     top:calc(50% - 18.5px)
    }

   .shokaislider   .flex-direction-nav .flex-prev {
           background-image: url(/images/buttons/prev.png) ;
        left: 0;
     top:calc(50% - 18.5px)
    }

@media screen and (max-width : 1600px) {

.flexslider
{
    width:85%;
}
}
@media screen and (max-width : 780px) {

.flexslider
{
    width:100%;
}
.nextClick {
background-image: url(/images/buttons/next-semi.png);
background-color: transparent;
width: 40px;
height: 74px;
right: 0;
background-position: 50% 50%;
top: calc(50% - 37px) !important;
}
}

