/*!
 * ifhv Theme v1.3.1 (http://Designrest.com)
 * Copyright 2016-2017 Designrest.com
 *
 */

  @font-face {
    font-family: "Kanit";
    src: url(../fonts/Kanit-Thin.ttf) format("truetype");
    font-weight: 100;
    font-style: normal; }
  @font-face {
    font-family: "Kanit";
    src: url(../fonts/Kanit-ThinItalic.ttf) format("truetype");
    font-weight: 100;
    font-style: italic; }
  .kanit-100 {
    font-family: "Kanit";
    font-weight: 100;
    font-style: normal; }

  .kanit-100i {
    font-family: "Kanit";
    font-weight: 100;
    font-style: italic; }

  @font-face {
    font-family: "Kanit";
    src: url(../fonts/Kanit-ExtraLight.ttf) format("truetype");
    font-weight: 200;
    font-style: normal; }
  @font-face {
    font-family: "Kanit";
    src: url(../fonts/Kanit-ExtraLightItalic.ttf) format("truetype");
    font-weight: 200;
    font-style: italic; }
  .kanit-200 {
    font-family: "Kanit";
    font-weight: 200;
    font-style: normal; }

  .kanit-200i {
    font-family: "Kanit";
    font-weight: 200;
    font-style: italic; }

  @font-face {
    font-family: "Kanit";
    src: url(../fonts/Kanit-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal; }
  @font-face {
    font-family: "Kanit";
    src: url(../fonts/Kanit-LightItalic.ttf) format("truetype");
    font-weight: 300;
    font-style: italic; }
  .kanit-300 {
    font-family: "Kanit";
    font-weight: 300;
    font-style: normal; }

  .kanit-300i {
    font-family: "Kanit";
    font-weight: 300;
    font-style: italic; }

  @font-face {
    font-family: "Kanit";
    src: url(../fonts/Kanit-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal; }
  @font-face {
    font-family: "Kanit";
    src: url(../fonts/Kanit-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: italic; }
  .kanit-400 {
    font-family: "Kanit";
    font-weight: 400;
    font-style: normal; }

  .kanit-400i {
    font-family: "Kanit";
    font-weight: 400;
    font-style: italic; }

  @font-face {
    font-family: "Kanit";
    src: url(../fonts/Kanit-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal; }
  @font-face {
    font-family: "Kanit";
    src: url(../fonts/Kanit-MediumItalic.ttf) format("truetype");
    font-weight: 500;
    font-style: italic; }
  .kanit-500 {
    font-family: "Kanit";
    font-weight: 500;
    font-style: normal; }

  .kanit-500i {
    font-family: "Kanit";
    font-weight: 500;
    font-style: italic; }

  @font-face {
    font-family: "Kanit";
    src: url(../fonts/Kanit-SemiBold.ttf) format("truetype");
    font-weight: 600;
    font-style: normal; }
  @font-face {
    font-family: "Kanit";
    src: url(../fonts/Kanit-SemiBoldItalic.ttf) format("truetype");
    font-weight: 600;
    font-style: italic; }
  .kanit-600 {
    font-family: "Kanit";
    font-weight: 600;
    font-style: normal; }

  .kanit-600i {
    font-family: "Kanit";
    font-weight: 600;
    font-style: italic; }

  @font-face {
    font-family: "Kanit";
    src: url(../fonts/Kanit-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal; }
  @font-face {
    font-family: "Kanit";
    src: url(../fonts/Kanit-BoldItalic.ttf) format("truetype");
    font-weight: 700;
    font-style: italic; }
  .kanit-700 {
    font-family: "Kanit";
    font-weight: 700;
    font-style: normal; }

  .kanit-700i {
    font-family: "Kanit";
    font-weight: 700;
    font-style: italic; }

  @font-face {
    font-family: "Kanit";
    src: url(../fonts/Kanit-ExtraBold.ttf) format("truetype");
    font-weight: 800;
    font-style: normal; }
  @font-face {
    font-family: "Kanit";
    src: url(../fonts/Kanit-ExtraBoldItalic.ttf) format("truetype");
    font-weight: 800;
    font-style: italic; }
  .kanit-800 {
    font-family: "Kanit";
    font-weight: 800;
    font-style: normal; }

  .kanit-800i {
    font-family: "Kanit";
    font-weight: 800;
    font-style: italic; }

  @font-face {
    font-family: "Kanit";
    src: url(../fonts/Kanit-Black.ttf) format("truetype");
    font-weight: 900;
    font-style: normal; }
  @font-face {
    font-family: "Kanit";
    src: url(../fonts/Kanit-BlackItalic.ttf) format("truetype");
    font-weight: 900;
    font-style: italic; }
  .kanit-900 {
    font-family: "Kanit";
    font-weight: 900;
    font-style: normal; }

  .kanit-900i {
    font-family: "Kanit";
    font-weight: 900;
    font-style: italic; }

  body {
    font-family: "Kanit";
    -webkit-font-feature-settings: "ccmp";
    -moz-font-feature-settings: "ccmp";
    -ms-font-feature-settings: "ccmp";
    font-feature-settings: "ccmp";
    -webkit-font-feature-settings: "locl";
    -moz-font-feature-settings: "locl";
    -ms-font-feature-settings: "locl";
    font-feature-settings: "locl";
    -webkit-font-kerning: normal;
    -moz-font-kerning: normal;
    -ms-font-kerning: normal;
    font-kerning: normal;
    -webkit-font-variant: common-ligatures;
    -moz-font-variant: common-ligatures;
    -ms-font-variant: common-ligatures;
    font-variant: common-ligatures; }

html,
body {
  /* These are technically the same, but use both */
 overflow-wrap: break-word;
 word-wrap: break-word;

 -ms-word-break: break-all;
 /* This is the dangerous one in WebKit, as it breaks things wherever */
 word-break: break-all;
 /* Instead use this non-standard one: */
 word-break: break-word;

 /* Adds a hyphen where the word breaks, if supported (No Blink) */
 -ms-hyphens: auto;
 -moz-hyphens: auto;
 -webkit-hyphens: auto;
 hyphens: auto;


  background-color: #111;
  height: 100%;
  color: #F0F0F0;
}
.m-top-24{ margin-top: 24px!important; }
.m-top-32{ margin-top: 32px!important; }
.m-top-55{ margin-top: 55px!important; }
.m-bottom-40{ margin-bottom: 40px!important; }
button i {
    padding-left: 6px;
}
img{
  -o-transform: none!important;
  -moz-transform: none!important;
  -webkit-transform: none!important;
   transform: none!important;
  max-width: 100%;
  height: auto;
}
/*pageload*/
.pageload{
  width: 100%;
  height: 100%;
  display: block;
  z-index: 9999;
  position: fixed;
  top:0;
  background: #111;
  left: 0;
}
.m-left-0{
  margin-left: 0;
}
.p-left-0{
  padding-left: 0;
}
.title{
  padding-bottom: 15px;
}
.noscroll { position: fixed; overflow-y:scroll; }
.cd-top.cd-is-visible {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.no-touch .cd-top:hover {
    background-color: #A80E0D;
    border: solid 2px #111;
}
.img-centered {
  margin: 0 auto;
}
.content-row {
  margin-top: 30px;
}
section {
 padding: 20px 0;
}
section.main-sections {
    height: 100%;
    min-height: 100vh;
}
button,a,input{
   outline: 0;
}
.hidden{
  display: none!important;
}

input.form-control:focus {
border: solid 1px #EE4852;
}

body {
  font-family: "Kanit", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
}
a {
  color: #bf3c2d;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
a:hover,
a:focus {
  color: inherit;
  text-decoration: none;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
    color: #666666;
}

p {
  font-size: 14px;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 300;
  text-transform: uppercase;
}
button:focus {
    outline:none;
}


/*custom bootsrap3*/
.container {
    padding-right: 2.5375rem;
    padding-left: 2.5375rem;
    margin-right: auto;
    margin-left: auto;
}
.pull-right{
  float: right;
}
.pull-left{
  float: left;
}
.text-center{
  text-align: center;
}
.text-right{
    text-align: right;
}
.text-left{
    text-align: left;
}

@media (max-width: 767px) {
  .visible-xs{
    display: block!important;
  }
  .visible-lg{
    display: none;!important;
  }
  .hidden-xs {
    display: none !important;
  }

}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-xs{
    display: none !important;
  }
  .visible-lg{
    display: block;!important;
  }
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-xs{
    display: none!important;
  }
  .visible-lg{
    display: block;!important;
  }
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .visible-xs{
    display: none!important;
  }
  .visible-lg{
    display: block;!important;
  }
  .hidden-lg {
    display: none !important;
  }
}


/**************************
  DEFAULT BOOTSTRAP STYLES
**************************/

.btn {
  text-transform: uppercase;
  display: inline-block!important;
  padding: 14px 24px;
  font-weight: 700;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 10px 16px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
.btn-danger {
    color: #fff;
    background-color: #A80E0D;
    border-color: #A80E0D;
}

.btn-lg {
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

/***********************
  OUTLINE BUTTONS
************************/

.btn.outline {
	background: none;
	padding: 0.3333333333em 1em;
}
.btn-primary.outline {
	border: 2px solid #0099cc;
	color: #0099cc;
}
.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
	color: #FFF;
  background-color:#33a6cc;
	border-color: #33a6cc;
}
.btn-primary.outline:active, .btn-primary.outline.active {
	border-color: #007299;
	color: #007299;
	box-shadow: none;
}

/***********************
  CUSTOM BTN VALUES
************************/

.btn:focus, .btn:active:focus, .btn.active:focus {
	outline: none;
}
/*end outline button*/


.navbar-fixed-top {
  margin-bottom: 0;
}

header {
  margin-top: 57px;
  position: relative;
  display: block!important;
  height: auto;
  width: auto;
  background-color: #222222;
  background: no-repeat center center;
  background-attachment: scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  padding-bottom: 0;
}


footer.footer p {
  color: #ccc;
  margin-bottom: 0;
  padding-top: 4px;
}
footer.footer a {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  color: #eee;
}
footer.footer a:hover {
    text-decoration: underline;
    color: #ddd;
}

.copyright{
  border-top: 1px solid #1C1E21;
  text-align: center;
  padding: 15px 0;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline>li:first-child {
  padding-left: 0;
}

.list-inline>li:after {
  display: inline-block;
  content: '|';
  margin: 0 -3px 0 9px;
  color: #737373;
}
.list-inline>li:last-child:after {

      content: '';

}

.list-inline>li {
  display: inline-block;
  position: relative;
  margin: 0 0 0 10px;
  padding: 4px 0;
  font-size: 14px;
}
ul, ol {
  margin-top: 0;
  margin-bottom: 5px;
}




/*first child of #page-content so it doesn't shift around*/
.no-margin-top {
    margin-top: 0px!important
}

/*sidenav*/
.navbar {
    min-height: 0;
}

.navbar-default .navbar-nav li a,
.navbar-inverse .navbar-nav li a {
  margin:0 auto;
  color: #FFF;
  padding: 1em;
}
.navbar-header i.fa.fa-bars {
    font-size: 30px!important;
    color: #f0f0f0;
}
.sb-slide .navbar-toggle {
    cursor: pointer;
    position: relative;
    line-height: 40px;
    float: left;
    left: -8px;
    top: 3px;
    width: 40px;
    height: 40px;
    border: none;
    background: transparent;
}


  .sb-slide .container {
      margin: 0!important;
      padding: 0!important;
      height:100%;
  }

  .sb-slide .navbar-header {
  margin: 0 auto;
  padding: 0 15px 17px;
  position: fixed;
  width: 100%;
  background-color: #A80E0D;
  }


  .sb-slide .navbar-form .form-control {
      text-align: center
  }
  .sb-slide .navbar-form .btn {
      width: 100%
  }
/*end sidenav*/


/*center nav*/
.navbar-brand {
  transform: translateX(-50%);
  left: 50%;
  position: absolute;
}

.navbar-brand {
  padding: 0px;
}
.navbar-brand>img {
  height: 53px!important;
  width: auto;
  margin-top: 2px;
  padding: 1px;
}
/*end center nav*/
.navbar {
    margin-top: -8px;
    margin-left: -16px;
}
.navbar-header i{
padding-top:0.3em;
font-size:20px;color: #f0f0f0;}

.navbar{
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
  -o-box-shadow: 0 0 4px rgba(0, 0, 0, .2);
  box-shadow: 0 0 4px rgba(0, 0, 0, .2);
  }


 /*menu-user*/
.logo-menu-side p {
    margin-bottom: 4px!important;
}

.ds-mobile-nav ul {
  padding: 0;
  margin: 0;
}
.ds-mobile-nav li {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ds-mobile-nav ul {
  padding-left: 0;
}
 li.menu-user-logo {
    height: auto;
    padding: 20px 0;
    width: 100%;
    background: #1B1E25;
    display: block!important;
    color: #FFF;
    text-align: center;
    margin-left: 0;
}
li.menu-item-side{
  position: relative;
    line-height: 20px;
    display: inline-block;
    width: 100%;
}
li.menu-item-side a{
    display: block;
    color: #ddd;
    text-decoration: none;
    padding: 1em!important;
}
li.menu-item-side a:hover,
li.menu-item-side a:active,
li.menu-item-side a:focus{
   display: block;
    color: #ddd!important;
    text-decoration: none;
    background-color: #333;
}
li.menu-item .dropdown-menu{
     position: relative;
     width: 100%;
     padding: 0;
     margin: 0;
     border-radius: 0;
     border: none;
     background-color: #222;
     box-shadow: none;
     text-align: left!important;
}
.dropdown-toggle::after {
      position: absolute;
      left: 89%;
      width: 0;
      height: 0;
      vertical-align: middle;
      content: "\e258";
      font-family: Glyphicons Halflings;
      margin-top: 0;
      border: none;
      z-index: 99999;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 0;
    margin-top: -6px;
    margin-left: -1px;
}


.left0{
  left: 0!important;
  width: 100%;
}
.menu-user{
  padding-top:10px;
  padding-bottom:10px;
  }

.col-xs-12.logo-menu-side img {
    margin: 0 auto;
  padding-bottom:0;
}
.btn-solid2 {
    border: solid 2px #bf3c2d;
    border-radius:10%!important;
    line-height: 1.7em;
    padding: 1.0em 1em;
}
.image-cropper {
   width: 130px;
    height: 130px;
    border-radius: 100%;
    background: #eee no-repeat center;
    background-size: cover;
    margin: 0 auto;

}
.profile-side-img{
  padding-top:0;}

div#profile-img{

  border: solid 7px #BF3C2D;
 box-shadow: 0 0 0 5px rgba(191, 60, 45, 0.44);
}
ul.list-inline.user-item {
    padding-top: 0;
}
.profile-side-img p{
  padding-top:15px;}
.btn-circle{
  font-size:20px!important;
  display:block!important;
  width:50px;
  height:50px;
  border-radius:50px;
  color:#fff;
  line-height:50px;
  text-align:center;
  text-decoration:none;
  }
.bg-red{
     background-color: #B71C1C;
  }
.bg-blue{
     background-color: #01579B;
  }

  .btn-circle:hover{
   color:#FFF;
   text-decoration:none;
   opacity:0.9;
    }
/*end menu-user*/


/*search-lg-top*/
.search-top-lg{

}
input.search-query {
  background-color: #F0F0F0;
    padding-left:12px;
}
form.form-search {
     top: 9px;
    position: relative;
}
.form-search .input-group .form-control:first-child{
  width: 235px;
  border-radius: 4px;
}
button.btn.btn-gray-search-top-lg {
    z-index: 12!important;
    padding: 0;
    margin-left: -37px!important;
    margin-top: -4px;
  background-color: rgba(240, 240, 240, 0);
}
.color-gray1{
  color: #BBBDBF!important;
}


/*end search lg top*/



.sb-slide .navbar-toggle-right {
  display: block;
}


section.search-section {
   display: none;
}


/*movie list*/
.more-button.cat-listname {
    padding: 7px;
}
.movie-items-carousel .item{
  padding: 0;
  margin: 5px;
}
.movie-items-carousel .box-movie-poster{
      padding: 0;
      margin: 0;
      overflow: hidden;
      position: relative;
      padding-top: 140%;
      border: solid 2px #222;
}
.movie-items-carousel .box-movie-poster img{
  vertical-align: bottom;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
      position: absolute;
      top: 0;
      left: 0;
      width: 100% !important;
      height: 100% !important;
}
.movie-items-carousel .box-movie-poster img:hover{
    -webkit-filter: contrast(1.2);
    filter: contrast(1.2);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.movie-items-carousel .item p {
    padding-top: 5px;
}
#pg-6-0, #pg-6-1, #pg-6-2, #pl-6 .panel-grid-cell .so-panel {
    margin-bottom: 0!important;
}
.movie-items-carousel .item a{
color:#ccc;
font-size: 16px;
font-weight:500;
}

.poster-list{
  margin-bottom: 20px;
}

.movie-items-carousel .owl-controls .owl-next {
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  right: 0;
  text-align: center;
  position: absolute;
  height: 50px;
  margin-top: 0;
  width: 50px;
  border-radius: 0 !important;
  line-height: 41px;
  font-size: 30px !important;
  margin: 108px 0 !important;
  opacity: 1;
  top: 0;
  bottom: 0;
  background-color: rgba(17, 17, 17, 0.82) !important;
  color: white !important;
}

.movie-items-carousel .owl-controls .owl-prev {
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  left: 0;
  text-align: center;
  position: absolute;
  height: 50px;
  margin-top: 0;
  width: 50px;
  border-radius: 0 !important;
  line-height: 41px;
  font-size: 30px !important;
  margin: 108px 0 !important;
  opacity: 1;
  top: 0;
  bottom: 0;
  background-color: rgba(17, 17, 17, 0.82) !important;
  color: white !important;
}
.cat-listname h1{
  float: left;
  color:#F0F0F0;
}

.more-button button{
  float: right;
}
#slider-header{
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}
#slider-header .owl-controls .owl-next {
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  right: 0;
  text-align: center;
  position: absolute;
  height: 50px;
  width: 50px;
  border-radius: 0 !important;
  line-height: 41px;
  font-size: 30px !important;
  margin: auto 0 !important;
  opacity: 1;
  top: -13%;
  bottom: 0;
  background-color: rgba(17, 17, 17, 0.82) !important;
  color: white !important;
}

#slider-header .owl-controls .owl-prev {
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    left: 0;
    text-align: center;
    position: absolute;
    height: 50px;
    margin-top: 0;
    width: 50px;
    border-radius: 0 !important;
    line-height: 41px;
    font-size: 30px !important;
    margin: auto 0 !important;
    opacity: 1;
    top: -13%;
    bottom: 0;
    background-color: rgba(17, 17, 17, 0.82) !important;
    color: white !important;
}
.box-slider-item {
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    padding-top: 29.9%;
}
.box-slider-item  .item img{
  position: absolute;
      top: 0;
      left: 0;
      width: 100% !important;
      height: 100% !important;
}
.over1 {
    position: absolute;
    top: 0;
    z-index: 10;
    right: -105px;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-bottom: 500px solid transparent;
    border-right: 500px solid rgba(255, 255, 255, 0.15);
}
#slider-header .overlay{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  pointer-events: none;
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(20,20,20,0)), color-stop(90%, rgba(20,20,20,0)), to(#111)); */
  background: -webkit-linear-gradient(top, rgba(20,20,20,0) 0%, rgba(20,20,20,0) 90%, #111 100%); */
  background: linear-gradient(to bottom, rgba(20,20,20,0) 0%, rgba(20,20,20,0) 90%, #111 100%); */
}
.overlay-post{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background: rgba(17, 17, 17, 0.42);
}
.owl-controls .owl-page.active span, .owl-controls .owl-page:hover span {
    background-color: #A80E0D;
}
.item.box-slider-post {
  -webkit-filter: contrast(1.6);
  filter: contrast(1.6);
  background: no-repeat center center;
      background-attachment: scroll;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;
      -o-background-size: cover;
      padding: 200px 0;
}
.box-slider-post a{
  color: #FFF;
}
.intro-slider {
    position: absolute;
    top: 50%;
    padding-top: 0;
    left: 50%;
    z-index: 20;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.intro-slider h1{
  text-transform: none;
}
h1.op1 {
    padding: 0;
    color: #EAEAEA;
    font-weight: 300;
}

hr.op1 {
    max-width: 190px;
    border-color: #FF0000;
    margin: 20px auto;
    border-top: 3px solid #FF0000;
    height: 2px;
}
/*archive*/

.archive-movie-items .item {
    position: relative;
    padding: 5px;
    overflow: hidden;
}
.archive-movie-items .box-movie-poster{
      padding: 0;
      margin: 0;
      overflow: hidden;
      position: relative;
      padding-top: 140%;
      border: solid 2px #222;
}
.archive-movie-items .box-movie-poster img{
  vertical-align: bottom;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
      position: absolute;
      top: 0;
      left: 0;
      width: 100% !important;
      height: 100% !important;
}
.archive-movie-items .box-movie-poster img:hover{
    -webkit-filter: contrast(1.2);
    filter: contrast(1.2);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.archive-movie-items .item p{
padding-top: 5px;height: 65px;}
.archive-movie-items .item a{
color:#ccc;
font-size: 16px;
font-weight:500;
}
.archive-movie-items {
    padding: 0 15px;
}

/*404 */
.error-404{
  margin-top: -57px;
  padding: 0;
  width: 100%;
}
.box-img-404{
  width: 100%;
  margin-top: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.box-img-404 img{
margin-bottom: 20px;
width: 150px;
}
.error-404 h1{
  color: #ddd;
  margin-bottom: 20px;
}

/*single*/
.single .box-comment input{
    border: solid 1px #A80E0D;
    background: #222;
    color: #ddd!important;
    border-radius: 3px;
    height: 30px;
}
.single .movie-title-name {
    padding: auto;
}
.single-content{
  color: #ddd;
}
.movie-title-name h1 {
    margin: 0;
    text-transform: none;
    font-size: 28px;
    font-weight: 400;
}
.box-movie-player{
  position: relative;
}

.box-movie-player iframe {
    width: 100%;
    height: 500px;
    border: 0;
}

.movie-title-name span{
  margin-left: 5px;
  margin-right: 5px;
}
.hd{
  background-color: #541F58;
  padding: 5px;
  margin-top: 20px;
  margin-left: 0!important;
}
.tags li a {
  color: #ddd!important;
}
.tags li a:hover {
  color: #A80E0D!important;
}
.list-inline.tags>li:after {

    content: '';
    margin: 0;
    color: #737373;
}
.list-inline.tags>li:first-child {
padding-left: 5px;
}
.list-inline.tags>li {
    margin: 0;
}
.single-movie-player{
  text-align: center;
  margin-top: 20px;
}

.video-container {
    position: relative;
    padding-top: 0;
    min-height: 430px;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    max-width: 690px;
    max-height: 430px;
}


.comment {
    margin-top: 20px;
}
#commentform small{
    font-size: 84%;
    color: #ddd;
}
#commentform label {
    width: 100%;
    margin-top: 10px;
}
#commentform input {
    color: #111;
}
.jw-tab-focus:focus{
  outline: none!important;
}
.jw-skin-seven .jw-progress {
    background: #FF0000!important;
}
.jw-skin-seven .jw-icon-display {
    color: #D40707!important;
}
.jw-skin-seven {
    color: #222!important;
}
.jw-skin-seven .jw-toggle.jw-off {
    color: #2F2E2E!important;
}
.jw-skin-seven .jw-button-color:hover{
  color: #D40707!important;
}
.jw-skin-seven .jw-toggle {
    color: #FF0000!important;
}
img.jw-logo-image {
    max-width: 80px!important;
}
li.jw-reset.jw-featured {
    display: none!important;
}
.jw-rightclick li {
    border:none!important;
}
.jw-rightclick ul {
    background-color: #000;
}
.jw-rightclick ul:hover {
background-color: #222!important;
}
.jw-rightclick a {
    padding: 8px 7px 14px 10px!important
}
li a.jw-reset:after {
    font-family: 'jw-icons';
    content: "\e60b";
    color: #FF0000;
    font-size: 20px;
    position: relative;
    padding-left: 5px;
    top: 5px;
}
#ifhvPlayer {
    padding-left: 70px;
}
.movie-player {
    padding-bottom: 20px;
}
/*breadcrumb*/
.breadcrumbs{
  padding-right: 15px;
  text-align:right;
  color: #C7C7C7;
  text-transform: initial;
  list-style: none;
  margin: 0 0 2px 15px!important;
  overflow: hidden;
  font-size: 16px;
}
.breadcrumbs a {
  color: #ddd;
  font-weight: 200;
}
.breadcrumbs a:hover, a:focus {
  color: #FFFFFF;
}

.breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
}

.breadcrumbs .separator{
    font-weight:100;
    color: #ddd;
}

/*.ads*/

.banner-ad{
  width: 100%;
  display: block;
  text-align: center;
  padding: 20px;
}

/*page*/
header.page{
  position: relative;
    display: block;
    height: auto;
    width: auto;
    background-color: #222222;
    background: no-repeat center center;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    padding: 100px 0;
}
hr.colored {
    max-width: 100px;
    margin: 20px auto;
    border-color: #A80E0D;
}
small, .small {
    font-size: 50%;
    font-weight: normal;
    color: #676767;
}
article.page-content {
    padding-top: 20px;
}
header.page h1{
color:#f0f0f0;
}


.reply a {
    color: #33A6CC!important;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block!important;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    font-weight: 300;
    -ms-user-select: none;
    user-select: none;
    border-radius: 0;
    padding: 4px 10px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    border: solid 1px #33a6cc;
}

.reply a:hover{
  color: #FFF!important;
  background-color: #33a6cc;
}
ol.commentlist {
    padding: 2px 50px 20px;
    margin-bottom: 20px;
    background-color: #222!important;
}
.box-comment a{
  color: #FFF;
}

#cancel-comment-reply {
    margin-bottom: 13px;
    margin-top: 16px;
}
ul.children {
    list-style-type: none;
}
#cancel-comment-reply-link {
    border: solid #33A6CC 2px;
    border-radius: 15px;
    padding: 6px;
    color: #33A6CC;
    margin-bottom: 20px;
    font-size: 11px;
}
#commentform a {
    color: #FFF;
}
.comment-meta.commentmetadata a {
    font-size: 12px;
    float: left;
}
p.comment-form-url {
    display: none;
}
#commentform textarea {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #C5C5C5;
    background-color: #222;
    background-image: none;
    border: 1px solid #A80E0D;
    border-radius: 4px;
    height: 190px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#commentform textarea:focus {
    border: 2px solid #A80E0D!important;
    outline: none!important;
}
#commentform input#submit {
    color: #33A6CC;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block!important;
    padding: 8px 24px 27px;
    font-weight: 700;
    background: transparent;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    border: solid 2px #33A6CC;
}
#commentform input#submit:hover{
  color: #FFF;
  background-color: #33a6cc;
}
.box-comment h3{
    font-size: 1.5rem;
    font-weight: 300!important;

}
li.page_item {
    list-style: none;
}
li.page_item a {
    padding: 0;
    margin: 0;
    background-color: #111;
}

span.required {
    color: #FF0000;
}

.title2 {
  padding: 40px 0 20px;
}
.pt0{
  padding-top: 0;
}

.box-auto-series {
    border-radius: 5px;
}
.box-auto-series a {
    font-weight: 300;
    color: #F1F1F1;
    padding: 30px 0 0;
}

.box-auto-series h5{

  background-color: #424141;
  padding: 20px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
}

.box-auto-series h5:hover{
  background-color: #333333;
}
.alm-btn-wrap {
    padding: 0!important;
}
button.alm-load-more-btn.more.done {
    display: none;
}

#footer_nav ul{
  padding-left: 0;
  list-style: none;
}

#footer_nav li{
  display: inline-block;
  position: relative;
  margin: 0 0 0 10px;
  padding: 4px 0;
  font-size: 14px;
}
#footer_nav li:first-child{
  padding-left: 0;
}
#footer_nav li:last-child:after{
  content: '';
}
#footer_nav li{
  display: inline-block;
  position: relative;
  margin: 0 0 0 10px;
  padding: 4px 0;
  font-size: 14px;
}

#footer_nav li:after{
    display: inline-block;
    content: '|';
    margin: 0 -3px 0 9px;
    color: #737373;
}
.sb-slidebar.sb-active {
    z-index: 9999;
}
p.nopost{
  text-align: center;
  padding: 8px;
  background: #343434;
  border-radius: 45px;
  color: #FFF;
}
/*page-builder core*/
.sow-features-feature.sow-features-feature-last-row {
    width: 100%!important;
}