/**
 * The following styles will provide an attempt to normalize the sliders
 */

/* Reset some style. Using body to push specificity */
body .metaslider .coin-slider,
body .metaslider .nivoSlider,
body .metaslider .nivoSlider img,
body .metaslider .rslides,
body .metaslider .rslides li,
body .metaslider .flexslider ul.slides,
body .metaslider .flexslider .slides li,
body .metaslider .flexslider .slides ul,
body .metaslider .flexslider .slides ol,
body .metaslider .flexslider .slides img,
body .metaslider .flexslider .flex-direction-nav,
body .metaslider .flexslider .flex-direction-nav li {
    border: 0;
    margin: 0;
    list-style-type: none;
    list-style: none;
    padding: 0;
    line-height: normal;
    max-width: none;
    max-height: none;
}

.metaslider {
    position: relative;
    z-index: 0;
	  background: #4b4b4b;
}

/* Avoids overflow when slideshow takes the whole window' width - The fullwidth class needs to be added in the slideshow settings. */
.metaslider.fullwidth {
	overflow: hidden;
}

@media only screen and (min-width: 782px) {
.metaslider .caption {
    padding: 0px 0 0 40px;
	font-size:14px;
	line-height:16px;
    word-wrap: break-word;
	text-align:left;
  background-image: linear-gradient(to right,rgba(243,211,33,1) 0%, rgba(243,211,33,1) 30%), linear-gradient(to top,rgba(243,211,33,1) 0%, rgba(243,211,33,1) 100%), linear-gradient(to top,rgba(243,211,33,1) 0%, rgba(243,211,33,1) 100%), linear-gradient(to top,rgba(243,211,33,1) 0%, rgba(243,211,33,1) 100%);
  background-size:   20px 4px, 20px 4px, 4px 100%;
  background-repeat: no-repeat;
  background-position:  0px 0px, 0px bottom, 20px top ;
  color:#fff;
}

}
@media only screen and (max-width: 782px) {
.metaslider .caption {
    padding: 0px 0 0 10px;
	font-size:12px;
	line-height:15px;
    word-wrap: break-word;
	text-align:left;
  
  color:#000;
}
.metaslider .caption h1 {
	margin-top:15px;
font-size: 18px;
}
}



.metaslider .caption div {
	margin:7px 0;
}

.metaslider .caption-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    background: black;
    color: white;
    opacity: 1;
    margin: 0;
    display: block;
    width: 100%;
    line-height: 1.4em;
}

.metaslider img {
    height: auto;
    padding: 0;
    margin: 0;
    -moz-user-select: none;
}

.metaslider a {
    outline: none;
}

.metaslider.ms-left {
    float: left;
    margin: 0 20px 20px 0;
}

.metaslider.ms-right {
    float: right;
    margin: 0 0 20px 20px;
}

.metaslider li:before,
.metaslider li:after {
    content: "" !important;
    display: none !important;
    bottom: auto !important;
    margin: 0 !important;
}

.metaslider .caption-wrap .caption img {
    width: auto;
}

@media only screen and (min-width: 782px) {
.metaslider .slides img {
	width: auto;
	padding: 10px 10px 0 0!important;
	margin-right:3%!important;

  display: block;
  float: right;
  
  
  background-image: linear-gradient(to right,rgba(243,211,33,1) 0%, rgba(243,211,33,1) 30%), linear-gradient(to top,rgba(243,211,33,1) 0%, rgba(243,211,33,1) 100%), linear-gradient(to top,rgba(243,211,33,1) 0%, rgba(243,211,33,1) 100%), linear-gradient(to top,rgba(243,211,33,1) 0%, rgba(243,211,33,1) 100%);
  background-size: 100% 4px, 4px 30%, 30% 4px, 4px 98%;
  background-repeat: no-repeat;
  background-position: 20px 0px, 20px 0px, right 98%, top right;
}
}


@media only screen and (max-width: 782px) {
.metaslider .slides img {
	width: 100%;
	padding: 10px 10px 0 0!important;
	margin-right:3%!important;

  display: block;
  float: right;
  
  
  background-image: linear-gradient(to right,rgba(243,211,33,1) 0%, rgba(243,211,33,1) 30%), linear-gradient(to top,rgba(243,211,33,1) 0%, rgba(243,211,33,1) 100%), linear-gradient(to top,rgba(243,211,33,1) 0%, rgba(243,211,33,1) 100%), linear-gradient(to top,rgba(243,211,33,1) 0%, rgba(243,211,33,1) 100%);
  background-size: 100% 4px, 4px 30%, 30% 4px, 4px 98%;
  background-repeat: no-repeat;
  background-position: 20px 0px, 20px 0px, right 98%, top right;
}
}


.metaslider .flex-pauseplay a {
	height: 30px;
	width: 30px;
}

/* Flexslider */

.metaslider .flexslider {
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    border: 0;
    margin: 0 0 40px;
    max-width: none;
    max-height: none;
}

.metaslider .flex-control-nav {
    border: 0;
    margin: auto;
    list-style-type: none;
    list-style: none;
    padding: 0;
	bottom: -27px;
    line-height: 11px;
    z-index: 2;
}

.metaslider-flex.ms-theme-default .flex-next:focus {
    background: url('bg_direction_nav.png') scroll right 0 transparent!important;
    height: 27px!important;
}
.metaslider-flex.ms-theme-default .flex-prev:focus {
    background: url('bg_direction_nav.png') scroll left 0 transparent!important;
    height: 27px!important;
}

/** move margin from list items to anchors */
.metaslider .flex-control-nav li {
	margin: 0;
}

.metaslider .flex-control-nav li a {
	margin: 0 6px;
	padding: 0;
}

.metaslider .flexslider .slides li {
    position: relative;
    height: auto;
	
  top: 50%;
  transform: translateY(-50%);
}

/** fix for users with RTL languages */
.metaslider .flex-viewport {
    direction: ltr;
}

/** add transition effects to firefox **/
.metaslider .flex-direction-nav a {
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.metaslider .flexslider .slides p {
    margin: 0;
}

.metaslider .flexslider.filmstrip {
	margin-top: 10px;
}

.metaslider .flexslider.filmstrip .slides li {
    cursor: pointer;
    opacity: 0.5;
}

.metaslider .flexslider.filmstrip .slides li.flex-active-slide,
.metaslider .flexslider.filmstrip .slides li:hover,
.metaslider .flexslider.filmstrip .slides li:focus {
    opacity: 1.0 !important;
}

.metaslider .flex-control-thumbs li {
    width: auto;
}

.metaslider ol.flex-control-thumbs img,
#content .metaslider ol.flex-control-thumbs img {
    margin: 10px 5px 0;
    width: auto;
}

.metaslider.nav-hidden .flexslider {
    margin-bottom: 0;
}

.metaslider.nav-hidden.add-margin .flexslider {
    margin-bottom: 40px;
}

/* Arrow styles to use background images (old style) */
/* which makes it compatible with the theme builder */

.metaslider .flexslider .flex-direction-nav li a:before {
    content:none!important;
}
.metaslider .flexslider .flex-direction-nav li a {
    width: 30px;
    height: 30px;
    border: 0;
    margin: -20px 0 0;
    box-shadow: none!important;
    display: block;
    background-color: transparent;
    background-image: url('bg_direction_nav.png');
    background-repeat:  no-repeat;
    position: absolute;
    right: 10px;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 1;
    -webkit-transition: all .3s ease;
       -moz-transition: opacity .25s ease-in-out;
            transition: all .3s ease;
}
.metaslider .flex-direction-nav .flex-prev {
    background-position: left 0;
    left: 10px;
}
.metaslider .flex-direction-nav .flex-next {
    background-position: right 0;
    text-align: left;
    /* Fix for single character text */
    text-indent: 9999px;
}
.metaslider .flexslider:focus-within .flex-next,
.metaslider .flexslider:hover .flex-next {
    opacity: 0.8;
    
}
.metaslider .flexslider:focus-within .flex-prev,
.metaslider .flexslider:hover .flex-prev {
    opacity: 0.8;
    /* Fix for single character text */
    text-indent: -9999px;
}
.metaslider .flexslider:focus-within .flex-next:focus,
.metaslider .flexslider:focus-within .flex-prev:focus,
.metaslider .flexslider:hover .flex-next:hover,
.metaslider .flexslider:hover .flex-prev:hover {
    opacity: 1;
}
.metaslider .flexslider .flex-next:focus,
.metaslider .flexslider .flex-prev:focus {
	outline: -webkit-focus-ring-color auto 5px;
}
.metaslider .flexslider .flex-direction-nav .flex-disabled {
    cursor: default;
    pointer-events: none;
}
.metaslider .flexslider .flex-control-nav a {
	box-shadow: none !important;
}
.metaslider .flexslider .flex-control-nav a:focus {
	outline: -webkit-focus-ring-color auto 5px;
}
.metaslider .flexslider .slides > li {
    position: relative;
}
.metaslider .flexslider .flex-pauseplay .flex-play,
.metaslider .flexslider .flex-pauseplay .flex-pause {
    width: 30px;
    height: 30px;
    background: #000;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    line-height: 27px;
}
.metaslider .flexslider .flex-pauseplay a:before {
    font-size: 16px;
}
.metaslider .flexslider .flex-pauseplay .flex-play:focus,
.metaslider .flexslider .flex-pauseplay .flex-pause:focus {
    background: #000;
    color: #fff;
}
.metaslider .flexslider .flex-pauseplay .flex-play:before {
    margin-left: 4px;
}
.metaslider .flexslider .flex-pauseplay .flex-pause:before {
    margin-left: 1px;
}

/* Responsive Slides */
.metaslider .rslides_nav,
.metaslider .rslides_tabs a {
    box-shadow: none !important;
}
.metaslider .rslides_tabs {
    margin: 0 0 40px;
}

.metaslider .rslides_nav:focus,
.metaslider .rslides_nav:hover {
    color: #ffffff;
}

.metaslider-responsive.no-text .rslides_nav{
	width: 30px;
	height: 30px;
	border: 0;
	margin: 0 5px;
	box-shadow: none !important;
	display: block;
	background-color: transparent;
	background-image: url('bg_direction_nav.png');
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 1;
	-webkit-transition: all .3s ease;
	-moz-transition: opacity .25s ease-in-out;
	transition: all .3s ease;
}
.metaslider-responsive.no-text .rslides_nav.next {
	background-position: right 0;
}

/* Nivo Slider */
div.metaslider .theme-default .nivoSlider {
   -webkit-box-shadow: 0 0 0;
      -moz-box-shadow: 0 0 0;
           box-shadow: 0 0 0;
}

.metaslider .slider-wrapper .nivo-directionNav a,
.metaslider .slider-wrapper .nivo-controlNav a,
.metaslider .slider-wrapper img {
    border: 0;
    box-shadow: none;
    /* margin: 0; */
    list-style-type: none;
    list-style: none;
    padding: 0;
    line-height: normal;
    max-width: none;
    max-height: none;
}
div.metaslider .slider-wrapper .nivo-controlNav a {
    transition: none;
}

/* Coin Slider */
.metaslider .coin-slider {

    /* This keeps the slider from spilling out the container */
    max-width: 100%;
    overflow:hidden;
}
.metaslider .coin-slider .cs-buttons a,
.metaslider .coin-slider > a {
	box-shadow: none !important;
}
.metaslider .coin-slider a[href="javascript:void(0)"] {
	cursor: default !important;
}

/* Admin Bar */
#wpadminbar #wp-admin-bar-ms-main-menu .ab-item #metaslider-main-menu-icon {
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: left center;
	width: 18px;
	height: 32px;
	float: left;
	margin-right: 5px;
}
#wpadminbar #wp-admin-bar-ms-main-menu:hover #metaslider-main-menu-icon{
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyBmaWxsPSIjNzJhZWU2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjU1LjggMjU1LjgiIHN0eWxlPSJmaWxsOiM3MmFlZTYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxnPjxwYXRoIGQ9Ik0xMjcuOSwwQzU3LjMsMCwwLDU3LjMsMCwxMjcuOWMwLDcwLjYsNTcuMywxMjcuOSwxMjcuOSwxMjcuOWM3MC42LDAsMTI3LjktNTcuMywxMjcuOS0xMjcuOUMyNTUuOCw1Ny4zLDE5OC41LDAsMTI3LjksMHogTTE2LjQsMTc3LjFsOTIuNS0xMTcuNUwxMjQuMiw3OWwtNzcuMyw5OC4xSDE2LjR6IE0xNzAuNSwxNzcuMWwtMzguOS00OS40bDE1LjUtMTkuNmw1NC40LDY5SDE3MC41eiBNMjA4LjUsMTc3LjFMMTQ2LjksOTkgbC02MS42LDc4LjJoLTMxbDkyLjUtMTE3LjVsOTIuNSwxMTcuNUgyMDguNXoiLz48L2c+PC9zdmc+Cg==") !important;
}
.ms-edit-frontend {
	text-decoration: none !important;
	font-size: 18px;
}
.ms-edit-frontend .dashicons.dashicons-external {
	height: 25px;
	vertical-align: middle;
}

#preview-container .ms-edit-frontend{
    display: none;
}


/* Precognition Theme */
.ms-theme-precognition .flex-control-nav {
	display: table !important;
	width: 100% !important;
	margin-top: 0 !important;
}
.metaslider.ms-theme-precognition .flex-control-nav li {
	display: table-cell !important;
	width: auto;
	text-align: center;
	border-left: 1px solid;
	border-bottom: 1px solid;
}
.metaslider.ms-theme-precognition .flex-control-nav li:last-child {
	border-right: 1px solid;
}
.metaslider.ms-theme-precognition .flex-control-nav li a {
	text-indent: 0 !important;
	width: auto !important;
	display: block !important;
	height: auto !important;
	padding: 10px !important;
	margin: 0 !important;
}
@media only screen and (max-width : 767px) {
    .metaslider.ms-theme-precognition .flex-control-nav li a {
        text-indent: -9999px !important;
    }
}
@media only screen and (min-width : 768px) {
    .metaslider.ms-theme-precognition .flex-control-nav li a {
        text-indent: 0 !important;
    }
}