/* body style  */

    /*  */

    /*  */
    /*  */

/* Typography */
            /*  */
                         /*  */
                          /*  */
 /*  */
  /*  */
  /*  */

/* Well Colors */






/* Containers */
 /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */




/* ==========================================================================
   Macros
   ========================================================================== */


/**
  * Create jinja macros for CSS3 properties that need browser prefixes.
  *
  * Apply the style as shown below.  Ignore the jinja comment tags.
  *
  * 
  */


/* Transition */


/* Animation Delay */


/* Box Shadow */


/* Background Size */


/* Border Radius */


/* User Select */


/* Opacity*/



 /* Set ul background color */
 /* Set li background Color */
 /* Set link Color */
 /* Set link Hover Color */

/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul{
    background:;
  
    float: right;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.custom-menu-primary ul {
    padding-top: 15px;
}
.custom-menu-primary .hs-menu-wrapper > ul > li{
    background:
    font-weight: normal;
    text-transform: uppercase;
    font-size: 18px;
    margin-right: 10px;
}
.hs-menu-item.hs-menu-depth-1 > a {
    font-size: 14px;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a{
    padding: 10px 4px;
    position: relative;
    color: #34495e;
    display: block;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
    color:#e1e1e1;
}

/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul{
    left: 15px!important;
       background:#333;
    padding: 10px 0px;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    min-width: 150px;

}
.custom-menu-primary .hs-menu-wrapper > ul ul li:hover {
    background: #34495e;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > ul:before {
    content: "\f0d8";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    color: #fff;
    position: absolute;
    top: -12px;
    left: 0;
    width: 100%;
    padding-left: 10px;
    text-shadow: 0px -1px 0px #ccc;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li{
    background:;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{
    color:;
    padding: 3px 10px;
   
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
    color: #FFF;
}

/* Override max width on menu links */
.custom-menu-primary .hs-menu-wrapper > ul li a,
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    overflow: visible !important;
    max-width: none !important;
    width: auto !important;]
     font-size:18px;
    color:#fff;
    text-decoration:none;
   
}

/* Carret after Menu items with dropdown */
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a:after {
    content: "\f0d7";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 7px;
    font-size: 13px;
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:after  {
    border-top-color: #34495e;
}

/* Show menu and remove background color on desktop after toggling mobile menu */
@media screen and (min-width:769px) {
  .custom-menu-primary .hs-menu-wrapper {
      display:block !important;
      background: transparent !important;
  }
}

/* Force header to trigger mobile layout on iPads */
@media (max-width: 768px){
  .header-container-wrapper .container-fluid  .row-fluid [class*="span"] {
    display: block;
    float: none !important;
    width: auto !important;
    margin-left: 0 !important;
  }
  .logo img {margin-top: 0 !important;}
}




/* ==========================================================================
   Mobile Menu - Hubspot Standard Toggle Menu
   ========================================================================== */


/**
 * Special Note
 *
 * When the menu is open, a class of .mobile-open is applied to the body. You can
 * use this for custom styling on any element when the menu is in the open position.
 */

.mobile-trigger, .child-trigger{
    display: none !important; /* Hide button on Desktop */
}

@media (max-width: 768px){


  /* Variables
     ========================================================================== */

     /* Set Mobile Menu Background Color */
        /* Set Link Color */
   /* Set Link Hover Color */

  /*
    * Menu Reset
    *
    * Remove styling from desktop version of custom-menu-primary. Place any
    * additional CSS you want removed from the mobile menu in this reset
    */

  .custom-menu-primary,
  .custom-menu-primary .hs-menu-wrapper > ul,
  .custom-menu-primary .hs-menu-wrapper > ul li,
  .custom-menu-primary .hs-menu-wrapper > ul li a{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none;
    max-width: none;
    width: 100%;
    height: auto;
    line-height: 1;
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;
    color:#ffffff;
  }


  /* Toggle Button
     ========================================================================== */

  .mobile-trigger{
    display: inline-block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute; /*******************************************/
    top: 6px;          /* Position Button at top right of screen  */
    right: 10px;        /*******************************************/
    width: auto; /* Button width */
    height: auto; /* Button height */
    padding: 6px 12px;
    z-index: 99999999999; /* Z-index to keep button on top of other layers */
    font-size: 16px;
    text-align: center;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
 
    
  }
  .mobile-trigger:hover{
    text-decoration: none; /* Removes link text underline on button */
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{}


  /* Toggle Button Icon & Animations
     ========================================================================== */

  .mobile-trigger i{
    display: inline;
    position: relative;
    top: -5px;
  }
  .mobile-trigger i:before, .mobile-trigger i:after{
    position: absolute;
    content: '';
  }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
    width: 25px; /* Icon line width */
    height: 2px; /* Icon line height */
    background-color: #ffffff; /* Icon color */
    display: inline-block;
  }
  .mobile-trigger i:before{
    margin-top: -6px; /* Position top line */
  }
  .mobile-trigger i:after{
    margin-top: 6px; /* Position bottom line */
  }


  /* Child Toggle Button
     ========================================================================== */

  .child-trigger{
    display: block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top: 0px;
    right: 0px;
    width: 55px !important; /* Button width */
    min-width: 55px !important;
    height: 45px !important; /* Button height */
    padding: 0 !important;
    border-left: 1px dotted rgba(255, 255, 255, .20);
  }
  .child-trigger:hover{
    text-decoration: none;
  }


  /* Child Toggle Button Icon & Animations
     ========================================================================== */

  .child-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !important;
  }
  .child-trigger i:after{
    position: absolute;
    content: '';
  }
  .child-trigger i, .child-trigger i:after{
    width: 10px; /* Icon line width */
    height: 1px; /* Icon line height */
    background-color:#ffffff; /* Icon color */
    display: block;
  }
  .child-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .child-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .child-trigger.child-open i{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }


  /* Menu Styles on Mobile Devices
     ========================================================================== */

  /* Hide menu on mobile */
  .custom-menu-primary.js-enabled .hs-menu-wrapper,
  .custom-menu-primary.js-enabled .hs-menu-children-wrapper{
    display: none;
  }

  /* Make child lists appear below parent items */
  .custom-menu-primary ul.hs-menu-children-wrapper{
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    display: none;
  }

  /* Mobile Menu Styles */
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
    position: absolute; /**************************************************************/
    top:75px;             /* Positions the menu to drop from the very top of the screen */
    left: 0px;          /**************************************************************/
    width: 100%;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  }
  .custom-menu-primary .hs-menu-wrapper{
    padding: 0 0 0 0;
    width: 100%; /* Full screen width */
    z-index: 8888;
  }

   /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul {
    background: rgba(228, 78, 45, 0.97) none repeat scroll 0 0;
}
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li a{
    font-size: 15px; /* Font size of top level list items */
    line-height: 45px;
    overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul li{
    border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
  }

  .custom-menu-primary .hs-menu-wrapper >  ul li a{
    padding: 0 10px;
    color:#ffffff !important; /* link color set by global mobile-aColor variable */
  }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
    color:#ffffff !important; /* link hover color set by global mobile-aColorHover variable */
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a:after {
      display: none;
  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul{
    background: transparent;
    border: 0px;
    padding: 0px;
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
    background-color: rgba(255, 255, 255, .08);
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    text-indent: 10px; /* Indent Child lists */
    font-size: 18px; /* Font size of child lists */
    color:#fff;
    text-decoration:none;
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:after{
      display: none;
  }
  .custom-menu-primary .hs-menu-wrapper>ul>li>ul:before {
      display: none;
  }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
    text-indent: 30px; /* Indent Child lists */
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
    text-indent: 50px; /* Indent Child lists */
  }

}


/* ==========================================================================
   Mobile Menu - Hubspot Standard Toggle Menu
   ========================================================================== */

/* Horizontal Menu
   ========================================================================== */

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
    content: " ";
    display: table;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
    content: " ";
    display: table;
    clear: both;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left;text-align:center;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}
.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
    position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
    margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
    position: static;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
    content: " ";
    display: table;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
    content: " ";
    display: table;
    clear: both;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
    float: left;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: inline-block;
}

/* Vertical Menu
   ========================================================================== */

.hs-menu-wrapper.hs-menu-flow-vertical {
    width: 100%;
}
.hs-menu-wrapper.hs-menu-flow-vertical ul {
    list-style: none;
    margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical li a {
    display: block;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
    width: auto;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
    position: relative;
}

/* Flyouts */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}


    .body {
    background: #000 none repeat scroll 0 0;
   font-family: 'Roboto', sans-serif;
    font-size: 15px;
    margin: 0;
    padding: 0;
}
input::-moz-placeholder {
    color: #ffffff;
    opacity: 1;
}
::-webkit-input-placeholder {
   color:#fff; opacity: 1;
}
.hs-form-required {
    display: none;
}


.hs-error-msgs.inputs-list label {
    color: red;
    float: left;
    text-align: left;
}


.hs-error-msgs.inputs-list > li {
list-style:none;
}




body{padding:0; margin:0;font-family: 'Lato', sans-serif;  word-wrap: break-word;}




.container {width:1170px!important;float:none!important;margin:0 auto!important;}
strong {font-weight: bold;}
h1 {font-size: 32px;font-weight: normal;text-align: center;}


/*-----------Menu styles goes here---------------*/

/*-----------Menu styles stop here---------------*/

.tickets a:hover {background: transparent none repeat scroll 0 0; border: 2px solid #e64f2d;}
.logo img {cursor: pointer;}

/*-----------Header styles goes here---------------*/
.logo img {margin-bottom: -15px;margin-top: 10px;width: 190px !important;}
.black_section {background: #070707 none repeat scroll 0 0;}
.maninav{position:fixed;z-index:99999;}

.header {padding: 11px;height:75px;}
.desk li a {color: #bbb;cursor: pointer;}

.active {color: #e64f2d !important;}
/*-----------Header styles stop here---------------*/


/*-----------Banner styles goes here---------------*/
.banner {background-size:no-repeat scroll center center / cover;}
.center {text-align: center;}
.movies_logo {padding-bottom: 82px;padding-top: 158px;}
.but a{background: #e64f2d none repeat scroll 0 0;color: #fff;padding: 20px;text-decoration: none;border:2px solid #e64f2d !important;transition: all 0.99s ease;}
.but a:hover {background: transparent none repeat scroll 0 0;border: 2px solid #e64f2e !important;}
.but1 a{background: #e64f2d none repeat scroll 0 0;color: #fff;padding: 20px 23.5px;text-decoration: none;border:2px solid #e64f2d !important;transition: all 0.99s ease;}
.but1 a:hover {background: transparent none repeat scroll 0 0;border: 2px solid #e64f2e !important;}
.but3 a{background: #e64f2d none repeat scroll 0 0;color: #fff;padding: 20px 33px;text-decoration: none;border:2px solid #e64f2d !important;transition: all 0.99s ease;}
.but3 a:hover {background: transparent none repeat scroll 0 0;border: 2px solid #e64f2e !important;}
.right {text-align: left; margin-bottom: 114px; margin-top: 83px;}
.left {text-align: right; margin-bottom: 114px; margin-top: 83px;}
.text h1 {font-size: 55px;font-weight: bold;margin: 5px;}
.text {color: #fff;font-size: 37px;}
.text h5 {color: #e64f2d;font-size: 16px; font-weight: normal;margin: 0;}
/*-----------Banner styles stop here---------------*/


/*-----------About styles goes here---------------*/
.bout_banner {color: #fff;padding: 20px 0 0;text-align: center;}
.smallll {float: none !important;font-size: 14px;margin: 0 auto !important; text-align: center; width: 50% !important;}
.rounded-box .logo {display: none !important;}

/*-----------About styles stop here---------------*/



/*-----------Features Reviews styles goes here---------------*/

.fetures {color:#fff;padding:40px 0 30px;}
#owl p img {margin-bottom: 9px; margin-top: 15px;}
#owl p {line-height: 1.4;margin: 0 auto;}
/*-----------Features Reviews styles stop here---------------*/


/*-----------Release Date styles goes here---------------*/
.releee {color: #fff;padding: 35px 0;}
.relesdate {background: #2f3132 none repeat scroll 0 0;padding: 0 26px;}
.relese_details {background: #2f3132 none repeat scroll 0 0;padding: 4px 0; text-align: center;}
.tickets a{background: #e64f2d none repeat scroll 0 0;border: 2px solid #e64f2d;color: #fff;float: left;padding: 27px 22px; text-decoration: none;transition:all 0.78s linear;}
.relesdate h1 {margin: 0;}
.detail_releseing {margin: 15px 0;}
/*-----------Release Date styles Stop here---------------*/




/*-----------Watch Trailer styles goes here---------------*/
.more_videos a{background: #e64f2d none repeat scroll 0 0;color: #fff; float: left;  margin-top: 15px; padding: 15px 23px;text-decoration: none;transition: all 0.99s ease;border: 2px solid #e64f2e;-webkit-transition:all 0.99s ease;}
.more_videos a:hover{background: transparent none repeat scroll 0 0; !important;}
.latest a, {background: #e64f2d none repeat scroll 0 0;color: #fff; float: left;  margin-top: 15px; padding: 15px 23px;text-decoration: none;transition: all 0.99s ease;border: 2px solid #e64f2e;transition: all 0.99s ease;-webkit-transition:all 0.99s ease;}
.latest a:hover{background: transparent none repeat scroll 0 0; !important;}
.trailer_deatailes {margin-top: 25px;}
.watch {padding: 35px 0 67px;}
.portrait img {display: none;}
.player .rounded-box {background: rgba(230, 79, 45, 0.6) !important;}
/*-----------Watch Trailer styles Stop here---------------*/

.partner li {float: left; list-style: outside none none;}
.laest_blog h2 {margin-bottom: 2px;}
.social ul {padding: 0;}
.trsiler_deti a {border:2px solid #e64f2d; background:#e64f2d ;color: #fff;float: left;padding: 20px 23px; text-decoration: none; transition: all 0.99s ease;}
.trsiler_deti a:hover {background: transparent none repeat scroll 0 0; border: 2px solid #e64f2d;}
/*-----------Latest News styles goes here---------------*/
.latest {color: #fff; padding: 40px 0; text-align: center;}
.laest_blog > h2 {margin-bottom: 0;}
.laest_blog > p {padding: 10px 19px;color: #bbb;}
.latest a {background: #e64f2d none repeat scroll 0 0;border: 2px solid #e64f2e;color: #fff;display: block; float: none;margin: 0 auto 20px;padding: 15px 23px; text-align: center; text-decoration: none; transition: all 0.99s ease; -webkit-transition:all 0.99s ease; width: 31%;}
/*-----------Latest styles Stop here---------------*/


.more_tailer {
    padding-top: 49px;
}



/*-----------Partner styles goes here---------------*/
.partners > li {float: left;list-style: outside none none;}
.partners {padding: 0;}
.partner{padding: 37px 0 52px;}
.partners img {cursor: pointer;margin-left: 12px;}
.partners img:hover {opacity: 0.6;}
/*-----------Partner styles Stop here---------------*/




/*-----------Gallery styles goes here---------------*/

.resp-tab-content img {
    height: 100%;
    margin: -3px;
    width: 33.46%;
}
#hs_cos_wrapper_module_14634606977994975 > ul {
    text-align: center;
}
.demo h1 {
    color: #fff;
}
.demo {padding: 45px 0 65px;}
.resp-tabs-list li {font-weight: 600;font-size: 13px;display: inline-block;padding: 13px 15px;margin: 0;list-style: none; cursor: pointer; color:#E44E2D;}

.resp-tabs-container {padding: 0px; clear: left;}

h2.resp-accordion {cursor: pointer; padding: 5px; display: none;}

.resp-tab-content {display: none; padding: 15px;}

.resp-tab-active {border-bottom: 2px solid #e44e2d;}
.red:hover .resp-tab-content img{cursor: pointer; opacity: 0.35;}
.resp-content-active,
.resp-accordion-active { display: block; }

h2.resp-accordion {font-size: 13px; border: 1px solid #e44e2d; border-top: 1px solid #e44e2d; margin: 0px; padding: 10px 15px;color:#fff;text-align:center;}

h2.resp-tab-active {
  border-bottom: 0px solid #c1c1c1 !important;
  margin-bottom: 0px !important;
  padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
  border-bottom: 12px solid #c1c1c1 !important;
  background: blue;
}

/*-----------Vertical tabs-----------*/

.resp-vtabs ul.resp-tabs-list {
  float: left;
  width: 30%;
}

.resp-vtabs .resp-tabs-list li {
  display: block;
  padding: 15px 15px !important;
  margin: 0;
  cursor: pointer;
  float: none;
}

.resp-vtabs .resp-tabs-container {
  padding: 0px;
  float: left;
  width: 68%;
  min-height: 250px;
  border-radius: 4px;
  clear: none;
}

.resp-vtabs .resp-tab-content { border: none; }

.resp-vtabs li.resp-tab-active {
  border: 1px solid #c1c1c1;
  border-right: none;
  background-color: #fff;
  position: relative;
  z-index: 1;
  margin-right: -1px !important;
  padding: 14px 15px 15px 14px !important;
}

.resp-arrow {
  width: 0;
  height: 0;
  float: right;
  margin-top: 3px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
  border: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 12px solid #9B9797;
}
.only_cent {
    text-align: center;
}
.banner h2 {
    color: #e64f2d;
    font-size: 33px;
    margin-top: 150px;
}
/*-----------Accordion styles-----------*/

h2.resp-tab-active { background: #e44e2d  !important; }

.resp-easy-accordion h2.resp-accordion { display: block; }

.resp-easy-accordion .resp-tab-content { border: 1px solid #e44e2d ; }

.resp-easy-accordion .resp-tab-content:last-child { border-bottom: 1px solid #e44e2d  !important; }

.resp-jfit {
  width: 100%;
  margin: 0px;
}

.resp-tab-content-active { display: block; }

h2.resp-accordion:first-child { border-top: 1px solid #e44e2d !important; }
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {

ul.resp-tabs-list { display: none; }

h2.resp-accordion { display: block; }

.resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; }

.resp-vtabs .resp-tabs-container {
  border: none;
  float: none;
  width: 100%;
  min-height: initial;
  clear: none;
}

.resp-accordion-closed { display: none !important; }

.resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }
}

/*-----------Gallery styles Stop here---------------*/





/*-----------Contactus styles goes here---------------*/
.contact_section {background: #161616 none repeat scroll 0 0;color: #fff;}
.hs-form fieldset{max-width:100% !important;}
.hs_message .input {width: 100% !important;}
.hs-input {width: 100%!important;}
.hs_lastname {float: right !important; margin-right: 0; width: 27% !important;}
.hs_email {margin-right: 65px; width: 27% !important;}
.hs_firstname {margin-right: 100px;width: 27% !important;}
.form-columns-3 {margin-bottom: 50px !important;}
textarea {height: 19px;}
.con {padding: 40px 0 20px;}
input[type="text"]:-ms-input-placeholder {color: blue !important; }
.large {background: #e64f2d none repeat scroll 0 0;  border: 2px solid #e64f2e;  color: #fff; display: block; float: none; font-family: "Lato",sans-serif; font-size: 21px; margin: 40px auto; padding: 13px 40px; text-align: center;text-decoration: none;text-transform: uppercase;transition: all 0.99s ease 0s ;-webkit-transition: all 0.9s eases; }

.large:hover {background: transparent; border: 2px solid #e64f2d;}
.hs-input {background: transparent none repeat scroll 0 0;border-color: -moz-use-text-color -moz-use-text-color #ccc;border-style: none none solid;border-width: medium medium 1px;color: #fff;  height: 35px;}
/*-----------Contactus styles stop here---------------*/

/*-----------Footer styles goes here---------------*/
.social li {float: left;list-style: outside none none;margin-right: 9px;cursor: pointer;}
.footer {color: #bbbbbb;font-size: 13px; padding: 30px 0;}


.service li {float: left; list-style: outside none none;margin-bottom: 10px;padding: 5px 0; width: 50%;}
.service li {list-style: outside none none;  padding: 5px 0; margin-bottom: 10px;}
.orange a{color: #bc3f23;text-decoration: none;}
.contact p {line-height: 2;}
.f_logo {margin-top: 15px;}
.social { float: left;padding: 0;width: 100%;}
.f_logo p {padding: 0 7px;}
/*-----------Footer styles Stop here---------------*/
.player .title .portrait img {display: none !important;}



.enumenu_ul ul {
    padding: 0;
}
ul {padding: 0;}
.social p {float: left;}


@media (min-width:280px) and (max-width:380px)
{
   .more_videos .slid_right > a{width: 35% !important;}
}



@media (min-width:280px) and (max-width:480px)
{
    .hs_firstname {width: 100% !important;}
    .tabs label{ font-size: 12px;padding: 10px 9px;}
    .hs_email {margin-top: 15px;width: 100% !important;}
    .hs_lastname {margin-top: 19px; width: 100% !important;}
    .form-columns-3 {margin-bottom: 20px !important;}
    .part_cent {margin: 0 auto !important;width: 100% !important;}
    .partner img {float: left; text-align: center; display: block; width: 45%}
   /* .partners > li {float: left; list-style: outside none none; width: 33%; text-align: center; margin: 0 auto; cursor: pointer;}*/
    .logo img {margin-top: 0!important;width: 40% !important;}
    #owl p {width: 86%;}
    .tickets a {float: none;}
    .more_videos {float: none !important; margin: 0 auto !important; width: 91% !important; text-align: center;}
    .more_videos a {float: none; display: block; width: 48%; text-align: center; margin: 0 auto; margin-bottom: 15px;}
    .trsiler_deti a {display: block; float: none; margin: 0 auto; text-align: center; width: 45%;}
    .laest_blog img {width: 100%;}
    .large {display: block; float: none; margin: 16px auto 14px; text-align: center;}
    /*.partner li {float: none!important;margin: 0 auto!important; width: 100%!important;}*/
    .tab-gallery ul li{margin-bottom: 25px;width: 100%!important;}
 .dis a:hover .none .info{/* top: -58px!important;*//*width:75%!important;*/}
/*.none strong{line-height: 18;padding: 14px 90px!important;}*/
.dis a:hover .none h5 {margin: 7px auto!important; margin-top: 7px;float:none!important;}
.tab-gallery .info ul li{ width:auto !important;}
 .info .le { height: 60px !important;}
   .info .ri {height: 60px !important; right: 20px !important;}
   ul .dis a:hover .none h5{ width: 25% !important;}
   .f_logo {text-align: center;}
.social { text-align: center;}
.contact p {width: 100% !important;}
.social p {float:none;}
.contact { text-align: center;}
.social li{width:16%;margin-bottom: 16px;}
.foo_right {float: left;margin-left: 32px;  width: 40% !important;}
.foo_left {float: left;  margin-left: 14px; width: 42%;}
.foo_left > li {text-align: right;  width: 100%;}
.foo_right > li {text-align: left;  width: 100%;}
.foo_left > ul{
    float: left;
    margin-left: 14px;
    width: 79%;
}
.foo_left > li {
    text-align: right;
    width: 46%;
}
.service { float: left !important; margin-bottom: 8px !important; text-align: center;}

.partner img{ width: 75%;}
.partner li{width:50%!important;}

}

@media (min-width:481px) and (max-width:768px)
{
    .hs_lastname {width: 32% !important;margin-right: 0;}
    .hs_email {margin-right: 0;width: 32% !important;}
    .hs_firstname {margin-right: 10px; width: 32% !important;}
    .f_logo {float: left !important;width: 50% !important;  margin-bottom: 10px;height: 135px;}
    .contact {float: left !important; width: 50% !important;}
    .service {float: right !important;width: 50% !important;  margin-bottom: 1px;}
    .follows {float: right !important; width: 50% !important;}
    .f_logo .logo img {width: 77% !important;}
    .service li {margin-bottom: 0; margin-right: 6px;}    
     .partners > li {float: left; list-style: outside none none; width: 33%; text-align: center; margin: 0 auto;}
     .partner img {width:75% !important;}
    .tickets a {float: none;}
    #owl p {width: 80%;}
    .trailer_deatailes {text-align: center;}
    .laest_blog img {width: 100%;}
    .more_videos {float: none !important; margin: 0 auto !important; width: 90% !important; text-align: center;}
    .more_videos a {float: none; display: block; width: 36%; text-align: center; margin: 0 auto; margin-bottom: 15px;}
    .trsiler_deti a {display: block; float: none; margin: 0 auto; text-align: center; width: 30%;}
    .service li{width:47%;}
     .large {display: block; float: none; margin: 16px auto 14px; text-align: center;}
     .tab-gallery li img {float: none; margin: 0 auto; width: 97%;}
     .tab-gallery ul li{width:50%!important;}
     .dis a:hover .none .info{ /*top: -58px!important;*//*width: 85%!important;*/}
/*.none strong { padding: 14px 59px !important;}*/
.dis a:hover .none h5 {margin: 7px auto!important; margin-top: 7px; width: 37% !important;float:none!important;}
.dis a:hover .none .info { /*top: -94px !important; */   width: 85% !important;}
.dis a:hover .none .info ul li {display:inline-block; width:auto!important;}
.dis a:hover .none .info ul  {display:block}

.none strong{line-height: 0!important;}
.social li{width:15%;}
.info { padding: 1px 7% 0!important;}
    .info .sec {width: 64% !important;}
    .info .firs {width: 47% !important;}
    .info .firs > img {width: 49% !important;}
    .info .sec > img {width: 19% !important;}
}
.info > ul {display: block; height: 100%; width: 100%;}

.info li {display: inline-block;float: none !important; width:auto !important;}

.info li.middle {border-left:1px solid#fff;}


.info li:first-child {
    border-right: 1px solid #fff;
    padding-right: 5px;}
    .dis {height: 370px;}
}

/*@media (min-width: 351px) and (max-width: 400px) and (-webkit-min-device-pixel-ratio:0) and (device-min-width: 351px) and (device-max-width: 400px)
{
    .info .le {height: 60px !important; width: 18% !important; margin-left: 19px;}
    .info .ri {height: 60px !important; right: 36px !important;width: 19% !important;}
}

@media (min-width: 401px) and (max-width: 450px) and (-webkit-min-device-pixel-ratio:0)
{
    .info .le {height: 60px !important; padding-left: 12px;width: 14% !important;}
    .none .info .ri {right:60px !important; width: 14% !important;}
    ul .dis a:hover .none .info{width:80% !important;}
    .social {float: none; margin: 0 auto !important;padding: 0; text-align: center !important;   width: 70% !important;}
}
@media (min-width: 451px) and (max-width: 480px) and (-webkit-min-device-pixel-ratio:0)
{
    .info .le {height: 60px !important; padding-left: 12px;width: 14% !important;}
    .none .info .ri {right:65px !important; width: 14% !important;}
    ul .dis a:hover .none .info{width:80% !important;}
    .social {float: none; margin: 0 auto !important;padding: 0; text-align: center !important;   width: 70% !important;}
}

@media (min-width: 480px) and (max-width: 550px) and (-webkit-min-device-pixel-ratio:0)
{
    .info .le { height: 58px !important;}
    .info .ri { height: 58px !important; right: -62px !important;}
     li .dis a:hover .none .info{width:85% !important;}
}

@media (min-width: 551px) and (max-width: 640px) and (-webkit-min-device-pixel-ratio:0)
{
       .none .info .ri {right: -68px !important; height: 60px !important;width: 20% !important;}
       .info .le {height: 60px !important; width: 20% !important;}
}
@media (min-width: 640px) and (max-width: 768px) and (-webkit-min-device-pixel-ratio:0)
{
    .info .le {height: 62px !important;width: 18% !important;}
    .none .info .ri {height: 60px !important; right: -70px !important;width: 18% !important;}
}
*/
@media (min-width: 769px) and (max-width: 981px)
{
.dis {  height: 295px !important;}

}

@media (max-width:981px){
  .dis {  height: 400px !important;}
  .container3{
    padding-left:2% !important;
    width: 100% !important;
}
}  



@media (min-width:280px) and (max-width:767px)
{
    .container {width: 100% !important;padding-left:10px;padding-right:10px;}
    .banner-h1{font-size:50px;}
    .bout_banner img {width: 70%;}
    .smallll{ width: 74% !important;}
    iframe {display: block;float: none;margin: 0 auto;text-align: center;width: 94% !important;}
    
    .left { text-align: center;}
    .right { text-align: center;}
    .laest_blog > img {width: 90%;}
    .quote > p{width:85%;}
    .relesdate{width: 100% !important;margin-bottom: 10px;}
    .tickets{float:none!important;padding: 14px 23px;}
    .odrer_but {margin-top: 24px;text-align: center;}
  ``.fetures{ padding: 29px 0 25px;}
    .left {margin-bottom: 0;margin-top: 40px;}
    .but {padding: 13px;}
    .con {padding: 16px 29px 1px;}
    .footer {padding: 24px;}
    .part_img {float: left !important; width: auto !important;}
    .right {margin-bottom: 41px;margin-top: 56px;}
    .right_bo {display:none;}
    .left_bo{display:none;}
    .labels > label {float: none; text-align: center;}
    .header .logo {margin-top: 4px;}
    .partner li {float: left;margin: 0 auto;text-align: center; width: 33%;}
   .slider_left { float: none !important;  text-align: center !important;   width: 100% !important;}
   .slid_right p { text-align: center !important;}
   .slid_right > a {float: none!important;}
   .slider_left > img {margin-right: 0 !important;}
  
   .trsiler_deti { text-align: center;}
}   

@media (min-width: 768px) and (max-width: 769px)
{
   .hs-menu-wrapper ul li a { font-size: 10px !important;}
    .container {width: 100% !important;padding-left:10px;padding-right:10px;}
    .bout_banner img {width: 70%;}
    iframe {width: 100%;}
    .logo img {margin-top: 12px!important;width: 141px !important;}
    .laest_blog > img {width: 100%!important;}
    .tickets {padding: 4px; text-align: center;}
    .relese_details p {font-size: 11px;margin: 0;padding: 11px;}
    .relesdate h1 {font-size: 21px;}
    .tickets{padding:4px 22px;}
    .hs_firstname {margin-right: 10px;width: 32% !important;}
    .hs_email {margin-right: 10px; width: 32% !important;}
    .hs_lastname {width: 33% !important;}
    
.left {
    text-align: center;
}

.right {
    text-align: center;
}

.dis a:hover .none h5 {display: block; height: 102%; margin: 4px auto !important;}
    .right_bo {display:none;}
    .left_bo{display:none;}
    .laest_blog img {width: 100%;}
    .labels > label {float: none; text-align: center;}
    .partners > li {float: left; list-style: outside none none; width: 33%; text-align: center; margin: 0 auto;}
    .partner img {width: 96% !important;}
    .partners > li{width:16%;}
    .con {padding: 18px 30px 5px !important;}
    .header .logo {margin-top: 4px;}
    .relesdate{padding:14px 13px;  margin-bottom: 10px;}
    .odrer_but {margin-top: 24px;   text-align: center;}
    .tickets { margin: 9px auto !important;}
    .tickets a {float: none !important;}
    .relese_details{margin-bottom:25px;}
.relese_details p {
    font-size: 14px;}
    .tickets a {float: left;margin-top: -3px; padding: 22px 31px;}
    .tickets { margin: 0 !important;}
    .con {padding: 18px 51px 5px !important;}
     .large {display: block; float: none; margin: 16px auto 14px; text-align: center;}
     .partner li {width: 16.6%;}
     .hs-menu-item.hs-menu-depth-1 > a {font-size: 13px;}
    .slider_left { float: none; margin: 0 auto; text-align: center; width: 100%;}
    .more_videos {float: none !important; margin: 0 auto !important;text-align: center !important; width: 60% !important;}
.slider_left {text-align: center!important; width: 100%!important;}
/*.none strong {padding: 14px 46px !important;}*/
.slid_right > a {display: block;float: none!important;margin: 0 auto!important; text-align: center;   width: 24% !important;}
.dis a:hover .none .info{top:-84px;height: 84%;}
ul .dis a:hover .none h5 { float: none !important;  margin: 7px auto !important; width: 37% !important;}
/*
.none strong{padding:14px 61px; ine-height: 2;}*/
.footer .f_logo img {
    margin-top: 7px !important;
    width: 50% !important;
}
.f_logo {
    width: 47% !important;
}
.contact {
    float: left !important;
    margin: 8px !important;
    width: 45% !important;
}
}

@media (min-width:769px) and (max-width:1200px)
{ .hs-menu-wrapper ul li a { font-size: 10px !important;}
    .container {width: 100% !important;padding-left:10px;padding-right:10px;}
    .bout_banner img {width: 70%;}
    iframe {width: 100%;}
    .logo img {margin-top: 12px!important;width: 141px !important;}
    .laest_blog > img {width: 100%!important;}
    .tickets {padding: 4px; text-align: center;}
    .relese_details p {font-size: 15px;margin: 0;padding: 8px;}
    .relesdate h1 {font-size: 21px;}
    .tickets{padding:4px 22px;}
    .hs_firstname {margin-right: 10px;width: 32% !important;}
    .hs_email {margin-right: 10px; width: 32% !important;}
    .hs_lastname {width: 33% !important;}
    .right_bo {display:none;}
    .left_bo{display:none;}
    .laest_blog img {width: 100%;}
    .labels > label {float: none; text-align: center;}
    .partners > li {float: left; list-style: outside none none; width: 33%; text-align: center; margin: 0 auto;}
    .partner img {width: 96% !important;}
    .partners > li{width:16%;}
    .con {padding: 18px 30px 5px !important;}
    .header .logo {margin-top: 4px;}
    .relesdate{padding:14px 13px;}
    .more_tailer .more_videos {
    width: 30% !important;
}
.slider_left > img {
    margin-right: 0 !important;
}
.more_tailer {
    padding-left: 39px;
    padding-top: 49px;
}
.container3{
    padding-left: 4%;
    width: 100% !important;
}
.container2{
    padding-left: 21px;
    width: 100% !important;
}
 .tickets a {float: left;margin-top: -3px; padding: 7px 22px;}
    .tickets { margin: 0 !important;}
    .con {padding: 18px 51px 5px !important;}
     .large {display: block; float: none; margin: 16px auto 14px; text-align: center;}
     .partner li {width: 16.6%;}
     .hs-menu-item.hs-menu-depth-1 > a {font-size: 13px;}
    .slider_left { float: none; margin: 0 auto; text-align: center; width: 100%;}
    /*.more_videos {float: none !important; margin: 0 auto !important;text-align: center !important; width: 60% !important;}*/
.slider_left {text-align: center!important; width: 100%!important;}
/*.none strong {padding: 14px 46px !important;}*/
.slid_right > a {display: block;float: none!important;margin: 0 auto!important; text-align: center;   width: 24% !important;}
/*.dis { height: auto !important;}*/
.dis a:hover .none .info{top:-84px;height: 84%;}
/*.none strong{padding:14px 61px; ine-height: 2;}*/
/*.dis a:hover .none .info{left: -8px!important; width: 87%!important;}*/
/*.info .le {height: 50px !important;}
.info .ri{height: 50px !important; width: 22% !important; margin-right: 13px !important;}*/
.dis a:hover .none h5{height: 13px!important; font-size: 10px!important; margin-left: 9px!important;}
.more_videos { float: left !important;  text-align: center !important;  width: 50% !important;}
.more_videos a{float:none!important;}
.more_videos p {margin-bottom: 29px;}
}
   
   
@media (min-width:1201px)
{
    #owl p{width:50%;}
.le{height: 65px !important;}
.ri{height: 65px !important; width: 22% !important; margin-right: 37px !important;}
.dis a:hover .none h5{height: 13px!important; font-size: 10px!important; margin-left: 9px!important;}
/*.dis a:hover .none .info{width:85%!important;}*/
.dis a:hover .none h5{width:28% !important;}
}





   
   
input:focus {outline: none;}    
input:focus, textarea:focus, select:focus {outline: none;}  
.laest_blog {display: inline-block; overflow: hidden;}
.laest_blog img {-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; vertical-align: middle; width: 100% !important;cursor: pointer;}
.laest_blog img:hover { -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1);}  /*-ms-transform:scale(1.5); /* IE 9 */ -moz-transform:scale(1.5); /* Firefox */ -webkit-transform:scale(1.5); /* Safari and Chrome */ -o-transform:scale(1.5); /* Opera */}*/
.social img:hover {transform:-moz-transform:scale(1.1); transform: scale(1.1);}
input, textarea::-moz-placeholder {color: #ffffff!important;opacity: 1;}
::-webkit-input-placeholder {color:#fff!important; opacity: 1;}
.partners img { -moz-transition: all 1s ease!important; -moz-transition: all 1s ease!important; -o-transition: all 1s ease!important; -webkit-transition: all 1s ease!important;}
.partners img:hover {opacity: 0.6!important; transform: scale(1.1)!important; -moz-transition: all 1s ease!important; -moz-transition: all 1s ease!important; -o-transition: all 1s ease!important; -webkit-transition: all 1s ease!important;}


.resp-tab-content div {float: none; margin: 0 auto;text-align: center;}   
.social img:hover {transform: scale(1.11);}
.resp-tab-content img:hover {cursor: pointer; opacity: 0.35;-moz-transition: all 0.8s ease;-webkit-transition: all 0.8s ease ;}  


.tab-gallery ul li {
    display: inline-block;
    list-style: outside none none;
    position: relative;
}
.tab-gallery li img {max-height: 396px!important;max-width: 279px!important;width: 97%;}
/*.none {
    background: #000 none repeat scroll 0 0;
    bottom: 4px;
    color: #fff;
    left: 4px;
    opacity: 0.5;
    padding: 177px 0;
    position: absolute;
    text-align: center;
    top: -3px;
    width: 97%;
}*/
.resp-tab-content li:hover .red {display: block;}






.dis a {
    display: inline-block;
    height: 100%;
    position: relative;
    text-align: center;
    vertical-align: middle;
   
}
    
.none span {display: none;}
.none .info {display: none;}
.none > span:hover{background:#fff;color: #e44e2d;}
.none h5 {display: none;}
.none > span { background: #e44e2d none repeat scroll 0 0;cursor:pointer; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;
    color: #fff;
    left: 3px;
    padding: 12px 0;
    position: absolute !important;
    text-align: center;
    top: 52% !important;
    width: 97.2% !important;
}
/*.none strong:hover {background:transparent;color: #e44e2d;}
.none strong {background: #e44e2d none repeat scroll 0 0;border: 1px solid #e44e2d;color: #fff;cursor: pointer;font-weight: bold;line-height: 23;padding: 14px 97px; left:4px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
*/	
/*.dis a:hover .none span {width: 100%; height:100%; line-height: 240px; position: absolute; left: 0; top: 0; display: block; text-align: center; background: rgba(67,81,96,0.7); }*/

.dis a:hover .none span {/*background: rgba(0, 0, 0, 0.7); display: block;height: 102%;left: 3px;line-height: 240px;position: absolute;text-align: center;top: -3px; width: 98%;*/}
.dis a:hover .none h5 {display: block;height: 102%;}
.dis a:hover .none .info {display: block;left: 3px;position: absolute;text-align: center;top:0px;width: 98%;}
.dis a:hover .none .info {top:28%;}

.none span b {font-size: 1.5em; font-weight: normal; padding: 8px 12px; border-radius: 5px; background: #6bbe70; color: #fff; font-family: sans-serif;}
	
.dis a:hover .none span b:hover {background: #000;}
	
.dis img {border: none; vertical-align: bottom;}



.slid_right span {
    font-weight: normal;
}
.slider_left > img {
    margin-right: 25px;
}

.slider_left {
    float: left;
    width: 30%;
text-align: right;
}

.slid_right > img {
    margin-top: 20px;
    padding-left: 5px;
}
.float {
    float: left;
    margin-top: -2px;
}

.slid_right > a {
    float: left;
    margin-top: -17px;
    text-align: center;
    width: 24% !important;
}

/*.ri {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    float: right;
    height: 65px !important;
    margin-right: 56px;
    opacity: 1 !important;
    position: relative;
    top: 114px;
    width: 21% !important;
    z-index:2147483647 !important;
}

.le {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    height: 65px !important;
    position: absolute;
    top: 114px;
    width: 21% !important;
    z-index: 2147483647 !important;
    border-right: 1px solid #fff !important;
    padding-right: 10px;

}*/

.none > span strong {
    position: relative;
    top: 0px;
}


.dis a:hover .none h5 {
    border: 1px solid;
    border-radius: 6px;
    color: #fff !important;
    float: left;
    height: 17px;
    margin-left: 14px;
    opacity: 0.76 !important;
    padding: 2px 0;
    position: relative;
    top: -123px;
    width: 26%;
    z-index: 2147483647 !important;
    cursor: pointer;
}



/*@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .le {left:82px;}
}*/




.info {
   /* padding: 4% 11% 0;*/
}

.firs {
    float: left !important;
    position: relative !important;
    right: 10px !important;
    text-align: right !important;
    width: 42% !important;
    z-index: 2147483647;
}

.firs img {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 center;
    border-right: 1px solid #fff;
    height: auto !important;
    padding-right: 16px;
    vertical-align: text-top;
    width:45%!important;
}

.sec {
    position: absolute !important;
    top: 47% !important;
    width: 65% !important;
    z-index: 2147483647;
}

.sec img {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    display: block !important;
    float: right;
    height:auto;
    width: 23% !important;
}

.info span {background: rgba(0, 0, 0, 0.01) none repeat scroll 0 0 !important;}

@media (min-width: 280px) and (max-width: 480px) and (-webkit-min-device-pixel-ratio:0) 
{
   
}


.dis a:hover .none span {
    display: block !important;
    position: absolute;
    top: 0;
}

.dis a:hover .none span {
   /* display: block;*/
}
.contact p {
    line-height: 2;
    width: 73%;
}

/* scale css */
.dis a img { transition:all .5s ease; -webkit-transition:all .5s ease;}
.fadeoutt{opacity:.35;}