body{ padding: 0px; margin: 0px; word-wrap: break-word; list-style: none; font: normal 14px/18px 'Lato', sans-serif; color:#000; background: #fff; }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none; text-decoration: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6{padding: 0px; margin: 0px;}
input[type="text"]::-webkit-input-placeholder { opacity: 1; }
input[type="text"]::-moz-placeholder { opacity: 1; }
input[type="search"]::-webkit-input-placeholder { opacity: 1; }
input[type="search"]::-moz-placeholder { opacity: 1; }
input[type="email"]::-webkit-input-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1; }
input[type="tel"]::-webkit-input-placeholder { opacity: 1; }
input[type="tel"]::-moz-placeholder { opacity: 1; }
textarea::-moz-placeholder { opacity: 1; }
textarea::-webkit-placeholder { opacity: 1; }
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
:focus{ outline: none !important; text-decoration: none;} 


a{text-decoration: none;}

@font-face {
    font-family: 'RalewayBold';
    src: url('../fonts/RalewayBold.eot');
    src: url('../fonts/RalewayBold.eot') format('embedded-opentype'),
         url('../fonts/RalewayBold.woff2') format('woff2'),
         url('../fonts/RalewayBold.woff') format('woff'),
         url('../fonts/RalewayBold.ttf') format('truetype'),
         url('../fonts/RalewayBold.svg#RalewayBold') format('svg');
}
@font-face {
    font-family: 'MyriadWebProBold';
    src: url('../fonts/MyriadWebProBold.eot');
    src: url('../fonts/MyriadWebProBold.eot') format('embedded-opentype'),
         url('../fonts/MyriadWebProBold.woff2') format('woff2'),
         url('../fonts/MyriadWebProBold.woff') format('woff'),
         url('../fonts/MyriadWebProBold.ttf') format('truetype'),
         url('../fonts/MyriadWebProBold.svg#MyriadWebProBold') format('svg');
}

@font-face {
    font-family: 'RalewaySemiBold';
    src: url('../fonts/RalewaySemiBold.eot');
    src: url('../fonts/RalewaySemiBold.eot') format('embedded-opentype'),
         url('../fonts/RalewaySemiBold.woff2') format('woff2'),
         url('../fonts/RalewaySemiBold.woff') format('woff'),
         url('../fonts/RalewaySemiBold.ttf') format('truetype'),
         url('../fonts/RalewaySemiBold.svg#RalewaySemiBold') format('svg');
}
@font-face {
    font-family: 'LatoRegular';
    src: url('../fonts/LatoRegular.eot');
    src: url('../fonts/LatoRegular.eot') format('embedded-opentype'),
         url('../fonts/LatoRegular.woff2') format('woff2'),
         url('../fonts/LatoRegular.woff') format('woff'),
         url('../fonts/LatoRegular.ttf') format('truetype'),
         url('../fonts/LatoRegular.svg#LatoRegular') format('svg');
}
@font-face {
    font-family: 'LatoBlack';
    src: url('../fonts/LatoBlack.eot');
    src: url('../fonts/LatoBlack.eot') format('embedded-opentype'),
         url('../fonts/LatoBlack.woff2') format('woff2'),
         url('../fonts/LatoBlack.woff') format('woff'),
         url('../fonts/LatoBlack.ttf') format('truetype'),
         url('../fonts/LatoBlack.svg#LatoBlack') format('svg');
}
@font-face {
    font-family: 'LatoBold';
    src: url('../fonts/LatoBold.eot');
    src: url('../fonts/LatoBold.eot') format('embedded-opentype'),
         url('../fonts/LatoBold.woff2') format('woff2'),
         url('../fonts/LatoBold.woff') format('woff'),
         url('../fonts/LatoBold.ttf') format('truetype'),
         url('../fonts/LatoBold.svg#LatoBold') format('svg');
}
@font-face {
    font-family: 'RalewayBlack';
    src: url('../fonts/RalewayBlack.eot');
    src: url('../fonts/RalewayBlack.eot') format('embedded-opentype'),
         url('../fonts/RalewayBlack.woff2') format('woff2'),
         url('../fonts/RalewayBlack.woff') format('woff'),
         url('../fonts/RalewayBlack.ttf') format('truetype'),
         url('../fonts/RalewayBlack.svg#RalewayBlack') format('svg');
}
@font-face {
    font-family: 'RalewayRegular';
    src: url('../fonts/RalewayRegular.eot');
    src: url('../fonts/RalewayRegular.eot') format('embedded-opentype'),
         url('../fonts/RalewayRegular.woff2') format('woff2'),
         url('../fonts/RalewayRegular.woff') format('woff'),
         url('../fonts/RalewayRegular.ttf') format('truetype'),
         url('../fonts/RalewayRegular.svg#RalewayRegular') format('svg');
}
@font-face {
    font-family: 'RalewayLight';
    src: url('../fonts/RalewayLight.eot');
    src: url('../fonts/RalewayLight.eot') format('embedded-opentype'),
         url('../fonts/RalewayLight.woff2') format('woff2'),
         url('../fonts/RalewayLight.woff') format('woff'),
         url('../fonts/RalewayLight.ttf') format('truetype'),
         url('../fonts/RalewayLight.svg#RalewayLight') format('svg');
}

/* Generated by Font Squirrel (https://www.fontsquirrel.com) on March 18, 2017 */
@font-face {
    font-family: 'proxima_nova_altblack';
    src: url('../fonts/mark_simonson_-_proxima_nova_alt_black-webfont.woff2') format('woff2'),
         url('../fonts/mark_simonson_-_proxima_nova_alt_black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_alt_rgbold';
    src: url('../fonts/mark_simonson_-_proxima_nova_alt_bold-webfont.woff2') format('woff2'),
         url('../fonts/mark_simonson_-_proxima_nova_alt_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_altextrabold';
    src: url('../fonts/mark_simonson_-_proxima_nova_alt_extrabold-webfont.woff2') format('woff2'),
         url('../fonts/mark_simonson_-_proxima_nova_alt_extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_altlight';
    src: url('../fonts/mark_simonson_-_proxima_nova_alt_light-webfont.woff2') format('woff2'),
         url('../fonts/mark_simonson_-_proxima_nova_alt_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_alt_rgregular';
    src: url('../fonts/mark_simonson_-_proxima_nova_alt_regular-webfont.woff2') format('woff2'),
         url('../fonts/mark_simonson_-_proxima_nova_alt_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Generated by Font Squirrel (https://www.fontsquirrel.com) on March 18, 2017 */
@font-face {
    font-family: 'helveticaneuebold';
    src: url('../fonts/helvetica_neu_bold-webfont.woff2') format('woff2'),
         url('helvetica_neu_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticaneueblackcond';
    src: url('../fonts/helveticaneue_blackcond-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneue_blackcond-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticaneuelight';
    src: url('../fonts/helveticaneue_light-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneue_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticaneuemedium';
    src: url('../fonts/helveticaneue_medium-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneue_medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticaneuethin';
    src: url('../fonts/helveticaneue_thin-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneue_thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticaneueregular';
    src: url('../fonts/helveticaneue-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneue-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticaneuebold';
    src: url('helveticaneuebd-webfont.woff2') format('woff2'),
         url('helveticaneuebd-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticaneueheavy';
    src: url('../fonts/helveticaneuehv-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneuehv-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticaneueitalic';
    src: url('../fonts/helveticaneueit-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneueit-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticaneuelight';
    src: url('../fonts/helveticaneuelt-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneuelt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helveticaneuemedium';
    src: url('../fonts/helveticaneuemed-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneuemed-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeue-UltraLight';
  src: url('../fonts/HelveticaNeue-UltraLight.eot?#iefix') format('embedded-opentype'),
  url('../fonts/HelveticaNeue-UltraLight.woff') format('woff'),
  url('../fonts/HelveticaNeue-UltraLight.ttf')  format('truetype'),
  url('../fonts/HelveticaNeue-UltraLight.svg#HelveticaNeue-UltraLight') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Generated by Font Squirrel (https://www.fontsquirrel.com) on March 20, 2017 */



@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('../fonts/proxima_nova_bold-webfont.woff2') format('woff2'),
         url('proxima_nova_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('../fonts/proxima_nova_regular-webfont.woff2') format('woff2'),
         url('../fonts/proxima_nova_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'proxima_nova_ltsemibold';
    src: url('../fonts/proxima_nova_semibold-webfont.woff2') format('woff2'),
         url('../fonts/proxima_nova_semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.wrapper{ width:100%;}


.header_sec{ width:100%; background:#fff;}
.header_sec_Inn{ width:100%; background-size: 100%; padding:12px 0 0 0; background-size:65% 100% !important;}
.head_top{ width:100%;}
.head_top_inn{ width:100%; display:inline-block; padding:0 60px;}
.navbar-brand{ width:auto; padding:0px; margin:0px; height:auto;}
.navbar-brand img{ max-width:100%;}
.sos_rt{ width:auto; float:right; padding:40px 0 0 0;}
.sos_rt ul{ margin:0px; padding:0px;}
.sos_rt ul li{ margin:0px; padding:0px 0 0 9px; display:inline-block;}
.sos_rt ul li a img{ max-width:100%; opacity:0.9;}
.sos_rt ul li a:hover img{opacity:1;}


.main_nav{ width:100%; background:#1c1c1c; text-align:center; margin-top:9px;}
.main_nav_inn{ width:100%;}
.top_nav{ margin:0px; padding:0px; background:none; border:none; border-radius:0px; box-shadow:none;}
.top_nav ul li a{ color:#fff !important; text-transform:uppercase; font:normal 15px/16px 'RalewayBold';
padding:17px 20px; float:none; display:inline-block;}
.top_nav ul li{ float:none; display:inline-block;}
.top_nav ul{ float:none;}
.top_nav ul li a:hover,.top_nav ul li a.active{ color:#f7c70d !important;}

/*banner*/

.banner_sec{ width:100%;}
.banner_itm{ width:100%; position:relative; background-size:cover !important; min-height:597px;}
.banner_itm_Inn{ width:100%; position:absolute; top:0px; left:0px; text-align:center;padding:220px 0 0 0;}
.ban_txt{ width:100%; text-align:center;}
.ban_txt h1{ color:#fff; font: normal 60px/65px 'MyriadWebProBold'; 
letter-spacing:1px; text-transform:uppercase;text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);}


/*section1*/

.indx_sec{ width:100%; margin-top:110px;}
.indx_sec1_Inn{ width:100%; background:#f7c70d; padding:20px 25px 20px 0; display:inline-block;
-webkit-box-shadow: -1px 0px 18px -7px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 0px 18px -7px rgba(0,0,0,0.75);
box-shadow: -1px 0px 18px -7px rgba(0,0,0,0.75);}
.indx_sec1_Inn h3{ font:normal 14px/15px 'RalewayBold'; text-transform:uppercase; color:#fff; float:left;}
.indx_sec1_Inn h3 span{ background:#060606;padding: 10px 7px; display:inline-block;}
.tous_lass_btn{ float:right; background:#383131; padding:14px 11px; color:#fff; text-transform:uppercase;
font:normal 13px/15px 'RalewaySemiBold';
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; margin-right:29px;} 
.tous_lass_btn:hover{ background:#060606; color:#fff;}
.indx_sec1{ margin-top:-90px; position:relative;}

.indx_sec1_contan{ width:100%; display:inline-block; padding:0 28px;}
.indx_sec1_contan .sec1_box{ width:100%; text-align:center; margin:45px 0 0 0;}
.indx_sec1_contan .row{ margin:0px -12px;}
.indx_sec1_contan .col-sm-3{ padding:0 12px;}
.indx_sec1_contan .sec1_box .pic{ width:100%; position:relative; display:inline-block;}
.indx_sec1_contan .sec1_box .pic img{ width:100%;}
.indx_sec1_contan .sec1_box .tans{ width:100%; position:absolute; top:0px; left:0px;height:100%;
background:url(../images/tans.png) repeat;}
.indx_sec1_contan .sec1_box .vido_icon{ position:absolute; top:40%; left:50%; width:80px; margin-left:-40px;
background:none !important; border:none !important;}
.indx_sec1_contan .sec1_box .vido_icon img{ max-width:100%;}
.indx_sec1_contan .sec1_box .text{ width:100%; display:inline-block; margin-top:30px;}
.indx_sec1_contan .sec1_box .text a{ display:inline-block; background:#383131; padding:12px 15px; color:#fff; text-transform:uppercase;
font:normal 13px/15px 'RalewaySemiBold';
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;} 
.indx_sec1_contan .sec1_box .text a:hover{ background:#060606; color:#fff;}
.wmBox_contentWrap{ background:#fff; padding:14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}


/*section2*/

.indx_sec .heading{ color:#000; font:normal 35px/37px 'RalewayBlack'; text-transform:uppercase;}
.indx_sec .heading span{ background:url(../images/brd1.png) no-repeat bottom left; display:inline-block; 
padding:5px 0; background-size:100% 5px;}
.indx_sec2_contan{ width:100%;}
.indx_sec2_inn{ width:100%; display:inline-block;}
.indx_sec2_contan{ width:100%; border:1px solid #000; margin-top:32px;}
.sec2_box{ width:100%;}
.sec2_pic_box{ width:100%; background-size:cover !important;}

.sec2colm{ width:100%; min-height:332px; background:#fff; text-align:center;}
.sec2colm .date{ background:#f7c70d; display:inline-block; color:#000; font: normal 16px/16px 'LatoBold';
padding:14px 20px; text-transform:uppercase;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;}
.sec2colm .date strong{ font-weight:normal; padding-left:15px; display:inline-block;}
.sec2colm_txt{ width:100%; text-align:center; padding: 45px 40px 0;}
.sec2colm_txt h3{ text-transform:uppercase; font:normal 46px/49px 'LatoBold'; color:#ffcb00;}
.sec2colm_txt h4{ text-transform:uppercase; font:normal 30px/40px 'LatoBlack'; color:#000; margin-top:5px;}
.sec2colm_txt span.btm_txt{ margin-top:45px; font-size:28px;}
.sec2colm_txt span{ display:inline-block; color:#000; font:normal 25px/29px 'LatoRegular';}

/*section3*/

.indx_sec3_contan{ width:100%; margin-top:35px;}
.indx_sec3_contan .row{ margin:0 -2px;}
.indx_sec3_contan .col-sm-6{ padding:0 5px;}
.indx_sec3_Row{ width:100%;}
.sce3_box{ width:100%;  
}
.sec3_colmpic{ width:100%; background-size:cover !important;}
.sec3_colm{ min-height: 390px; background:#f6f6f6;width:100%;
-webkit-box-shadow: -1px 0px 12px -7px rgba(0,0,0,0.75);
-moz-box-shadow: -1px 0px 12px -7px rgba(0,0,0,0.75);
box-shadow: -1px 0px 12px -7px rgba(0,0,0,0.75);}
.sce3_box img{ width:100%;}
.sce3_box .text{ width:100%; position:relative; text-align:center;}
.arw1{ position:absolute; top:50%; left:-13px; z-index:1;}
.arw1 img{ max-width:100%;}
.arw2{ left:inherit; right:-13px;}

.sce3_box .date{ background:#f7c70d; display:inline-block; color:#000; font: normal 14px/16px 'LatoBold';
padding:14px 20px; text-transform:uppercase;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;}
.sec3_colm_cont{ width:100%; text-align:left; padding:33px 20px 10px 25px;}
.sec3_colm_cont h5{ color:#000; font:normal 23px/25px 'RalewayBold'; color:#000; text-transform:uppercase;}
.sec3_colm_cont p{ font:normal 15px/20px 'RalewayRegular'; color:#000; margin-top:20px;}
.indx_sec3_Row .col-xs-6{ padding:0px;}

.indx_sec3_Row1{ margin-top:5px;}



/*section4*/


.indx_sec4{ width:100%; display:inline-block; margin-top:50px; 
text-align:center;}
.indx_sec4_Inn{ width:100%; border-top:1px solid #ebebeb; padding:35px 0; }
.indx_sec4 h3{ color:#000; font:normal 23px/25px 'RalewayBold';}
.indx_sec4 p{ color:#000; font:normal 15px/20px 'RalewayRegular'; margin-top:14px;}
.indx_sec4 p span{ color:#0d93d2;}
.sec4_form{ width:100%; margin-top:20px; padding:0 150px;}
.sec4_form_inpu{ width:100%; margin-top:10px;}
.sec4_form_inpu input[type="text"], .sec4_form_inpu input[type="email"]
{ width:100%; padding:0 16px; height:46px;border:1px solid #ebebeb;
font:normal 15px/20px 'RalewayRegular'; color:#d5d5d5;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.sec4_form_inpu input[type="submit"]{ background:#383131; text-transform:uppercase; color:#fff; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; font:normal 15px/20px 'RalewayRegular'; border:none; height:46px; width:100%;}
.sec4_form_inpu input[type="submit"]:hover{ background:#060606;}

.sec4_form .col-sm-4{ width:40%;}
.sec4_form .col-sm-3{ width:20%;}



/*footer*/


.footer_sec{ width:100%; background:url(../images/footer-bg.jpg) no-repeat center center; background-size:cover !important;}
.footer_top{ width:100%; padding:55px 0 70px;}
.foot_box{ width:100%;}
.foot_box1 ul li{ display:inline-block; padding:15px 15px 15px 0;}
.foot_box1 ul li img{ max-width:100%;}
.foot_box h4{ color:#fff;font:normal 23px/25px 'RalewayBold'; padding-top:15px;}
.foot_box p{ color:#fff; font:normal 15px/20px 'RalewayLight'; margin-top:18px;}
.foot_box3 ul{  margin-top:18px;}
.foot_box3 ul li{ display:inline-block; padding:0px 15px 0px 0;}
.foot_box3 ul li img{ max-width:100%; opacity:0.9;}
.foot_box3 ul li a:hover img{ opacity:1;}


.copyright{ width:100%; padding: 0 0 40px 0; text-align:center;}
.copyright p{ color:#fff; font:normal 13px/20px 'RalewayRegular';}
.copyright ul{ margin:5px 0 0 0;}
.copyright ul li{ display:inline-block; background:url(../images/li.png) no-repeat right 5px; padding:0 7px 0 3px;
 color:#fff; font:normal 13px/20px 'RalewayRegular';}
.copyright ul li a{ color:#fff;}
.copyright ul li:last-child{ background:none;}

.disply400{ display:none;}


/*---Contact tab styles----*/

@font-face {
  font-family: 'LucidaGrande';
  src: url('../fonts/LucidaGrande.eot?#iefix') format('embedded-opentype'),  
  url('../fonts/LucidaGrande.woff') format('woff'), 
  url('../fonts/LucidaGrande.ttf')  format('truetype'), 
  url('../fonts/LucidaGrande.svg#LucidaGrande') format('svg');
  font-weight: normal;
  font-style: normal;
}
.tabs-section{
    text-align: center;
    margin: 84px 0 0 0;
    position: relative;
}
.tabs-section .nav-tabs{
    border-bottom: none;
    display: inline-block;
    margin: 0 0 30px 0;
}
.rule{
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    left: 0;
    top:55px;
    height: 1px;
    background: #e4e4e4;
    z-index: 10;
    border:none;
}
.tabs-section .nav-tabs > li:first-child > a,
.tabs-section .nav-tabs > li.active:first-child > a{
    border-left:1px solid #e4e4e4;
}
.tabs-section .nav-tabs > li > a,
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus{
    border-radius: 0;
    border:none;
    border-right:1px solid #e4e4e4;
    border-top:1px solid #e4e4e4;
    border-bottom:1px solid #e4e4e4;
    background: #f5f5f5;
    font-size: 16px;
    font-family: 'Roboto';
    font-weight: 400;
    color: #b8b8b8;
    text-transform: uppercase;
    margin:0;
    padding: 16px 46px;
    position: relative;
    z-index: 100;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{
    background: #ffffff url('../images/line.png') center bottom no-repeat;
    border-bottom: none;
    color: #000000;
    padding-top: 17px;
}
.contact-section{
    padding:20px 15px 60px 15px;
    background: #ffffff;
    box-shadow: 0 0 20px #cfcfcf;
    border-radius: 5px;
    margin: 60px 0 100px 0;
}
.info-section{
    padding: 0 54px;
    text-align: left;
}
p.info{
    font-family: 'Roboto', Arial;
    font-weight: 400;
    color: #54657e;
    font-size: 15px;
    line-height: 18px;
    margin: 0 0 10px 0;
}
a.email{
    display: inline-block;
    font-size: 15px;
    font-family: 'Roboto', Arial;
    font-weight: 400;
    color: #ffbb00;
    padding: 0 0 0 30px;
    background: url('../images/email-icon.png') left center no-repeat;
    margin: 0 0 33px 0;
}
.map{
    margin: 0 0 40px 0;
}
.map iframe{
    width: 100%;
    border:none;
    height: 390px;
}
.contact-title{
    font-family: 'LucidaGrande', Arial;
    text-transform: uppercase;
    color: #3d4d65;
    font-size: 35px;
    line-height: 30px;
    margin: 0 0 20px 0;
}
.contact-section .form-control{
    border-radius: 5px;
    box-shadow: none;
    border:2px solid #e3e9ef;
    height: 42px;
    margin: 0 0 14px 0;
    padding:0 15px;
    color: #d5d9e0;
    font-size: 15px;
    font-family: 'Roboto', Arial;
    font-weight: 300;
}
.last-row{
    margin-top: 20px;
}
.contact-section .form-control.reduced{
    width: 68.5%;
    float: left;
    margin: 0 0 0 5px;
}
.contact-section .captcha{
    float: left;
}
.contact-section textarea.form-control{
    height: auto;
    padding: 15px;
}
.contact-section .col-sm-8{
    padding-right: 0;
}
.contact-section .col-sm-4{
    padding-left: 10px;
}
.contact-section .submit-btn{
    display: inline-block;
    border:none;
    border-radius: 5px;
    background: #ffbb00;
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 14px 0;
    width: 100%;
    text-align: center;
    position: relative;
    top:-2px;
}
.contact-section .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #d5d9e0;
}
.contact-section .form-control::-moz-input-placeholder { /* Chrome/Opera/Safari */
  color: #d5d9e0;
}
.contact-section .form-control::-ms-input-placeholder { /* Chrome/Opera/Safari */
  color: #d5d9e0;
}

.social .fa{
    display: inline-block;
    color: #ffffff;
    height: 30px;
    width: 30px;
    border-radius: 100px;
    background: #adb9c9;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    margin: 0 14px 0 0;
}
.social .fa:hover{
    opacity: 0.8;
}
/*----Contact tab styles end here--*/

/*---Equipe tab styles----*/
.equipe a{
    display: inline-block;
}
.equipe a img{
    width: 100%;
}
.centered{
    text-align: center;
}
.squeeze{
    width: 90%;
    margin:0 auto;
}
p.desc{
    font-family: 'Lato', Arial;
    color: #000000;
    font-size: 24px;
    position: relative;
    top:-10px;

}
p.desc small{
    font-size: 14px;
    display: inline-block;
    margin:0 0 10px 0;
}
.equipe:last-child{
    margin-bottom: 60px;
}
/*---Equipe tab styles end here----*/


/*---Clients tab styles--*/
.clients:nth-child(1){
    margin-top:40px;
}
.clients a{
    display: inline-block;
    margin: 0 0 40px 0;
    width: 94%;
}
.clients a img{
    width: 100%;
}
/*--clients tab ends here--*/

/*---History tab styles--*/
.right-align{
    text-align: right;
}
.left-align{
    text-align: left;
}

.history-intro{
    width: 94%;
    margin-top: 40px;
    margin-bottom: 40px;
}
.history-main-title{
    font-size: 76px;
    font-family: 'Lato', Arial;
    font-weight: 700;
    color: #000000;
    letter-spacing: -2px;
}
.history-intro p{
    color: #000000;
    font-size: 18px;
    font-family: 'Lato', Arial;
    font-weight: 400;
    line-height: 30px;
    border-left: 4px solid #c9c8c8;
    padding: 0 0 20px 30px;
}
.history-intro p.history-main-line{
    font-size: 21px;
    padding: 0;
    border:none;
    margin: 0 5px 0 0;
}

.history{
    height: 921px;
    text-align: left;
}
.history-1{
    background: url('../images/history-1.jpg') no-repeat;
}
.history-2{
    background: url('../images/history-2.jpg') no-repeat;
}
.history-3{
    background: url('../images/history-3.jpg') no-repeat;
}
.history-4{
    background: url('../images/history-4.jpg') right center no-repeat;
}
.history-5{
    background: url('../images/history-5.jpg') no-repeat;
}
.history-6{
    background: url('../images/history-6.jpg') right center no-repeat;
}
.history-7{
    background: url('../images/history-7.jpg') no-repeat;
}
.text-white{
    color: #ffffff;
}
.text-black{
    color: #000000;
}
.history-content{
    width: 48%;
    margin: 20% 0 0 0;
}
.history-content.top-margin{
   margin: 10% 0 0 0;
}
.history-content .date{
    font-size: 240px;
    font-family: 'Oswald', Arial;
    font-weight: 700;
    letter-spacing: -15px;
}
.history-content p{
    font-size: 15px;
    line-height: 28px;
    font-weight: 700;
}
.right-margin p{
    padding-right: 40px;
}
.left-margin p{
    padding-left: 40px;
}
.left-margin.history-content .date{
    padding-left: 40px;
}
/*-- History tab ends here--*/

/*---Katorza tabs styles---*/
h2.katorza{
    font-family: 'HelveticaNeue-UltraLight', Arial;
    font-size: 90px;
    color: #ffffff;
    padding:80px 0 40px 0;
}
.katorza-text{
    font-size: 24px;
    line-height: 34px;
    font-family: 'helveticaneuethin', Arial;
}
.top-section{
    background: url('../images/top-bg.png') no-repeat;
    background-size: cover;
   height: 500px;
   position: relative;
   top:1px;
}
.bottom-content .col-sm-6{
    height: 512px;
    padding-left: 0;
    padding-right: 0;
}
.content-cinema{
    padding: 22% 0 22% 5%;
    text-align: left;
}
.content-tous{
     padding: 22% 5% 22% 0%;
    text-align: right;
}
.bottom-content h3{
    font-family: 'helveticaneuethin', Arial;
    font-size: 48px;
    margin: 0 0 40px 0;
}
.bottom-content p{
    font-size: 16px;
    line-height: 24px;
    font-family: 'helveticaneuethin', Arial;
}
.cinema,
.tous,
.les-cinema{
    box-shadow: 0 0 20px #000000;
}

.show-on-mobile{
    display:none;
}
.hide-on-mobile{

}

.cinema{
    background: url('../images/full-img-1.png') no-repeat;
    background-size: cover;
    position: relative;
}
.tous{
    background: url('../images/full-img-2.png') no-repeat;
    background-size: cover;
}
.les-cinema{
    background: url('../images/full-img-3.png') no-repeat;
    background-size: cover;
}
/*----Kartoza styles ends here--*/

/*-----Rosebid page styles----*/
.rosebud-section{
    margin: 80px 0;
}
.rosebud-section img{
    width: 100%;
}
.thumb-small{
    margin: 0 0 50px 0;
}
.thumb-rose{
    background: #000000;
}
.thumb-title{
    font-size: 20px;
    font-family: 'Raleway', Arial;
    font-weight: 500;
    color: #ffffff;
    margin: 20px 0 15px 0;
}
.thumb-rose p{
    color: #ffffff;
    padding: 7px;
}
.thumb p{
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
    padding: 0 5px 6px 5px;
    font-weight: 300;
    margin: 0;
}
.links-title{
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0 0 5px 0;
}
.links-holder{
    border:1px solid #d6d6d6;
    border-top:6px solid #000000;
    padding: 10px;
}

.all-links li a{
    width: 100%;
}
.all-links li{
    display: inline-block;
    float: left;
    width: 30%;
    margin: 0 2px 3px 2px;
}
/*------Rosebud styles end here--*/


/*---Evenements page styles---*/
.evenements.tabs-section .container,
.evenements.tabs-section .col-sm-12{
    padding-left: 0;
    padding-right: 0;
}
.tab-content.evenements{
    background: #f6f6f6;
    padding: 40px 30px;
}
.evenement{
    margin-bottom: 70px;
}
.evenements .col-sm-9{
    padding-left: 0;
}
.evenements .col-sm-3{
    padding-right: 0;
}

.event-info{
    box-shadow:5px 2px 15px #afafaf;
    padding: 0 60px 55px 60px;
    background: #f6f6f6;
    max-height:369px;
    height: 369px;
}
.event-date{
    display: inline-block;
    font-size: 16px;
    font-family: 'Lato', Arial;
    font-weight: 900;
    text-transform: uppercase;
    color: #000000;
    padding: 10px 20px;
    background: #f7c70d;
    border-radius: 0 0 5px 5px;
}
.event-info p{
    margin: 0 0 15px 0;
}
.event-info p strong{
    font-family: 'Verdana', Arial;
    font-size: 15px;
    color: #000000;
}
.event-title{
    font-family: 'PT Sans', sans-serif;
    font-size: 26px;
    color: #191919;
    text-transform: uppercase;
    font-weight: 700;
    margin: 35px 0 20px 0;
}
.event-info p{
    font-family: 'Raleway', Arial;
    font-weight: 200;
    font-size: 14px;
    line-height: 16px;
}
.event-info p.bottom-line{
    font-size: 18px;
    color: #fd9e02;
    font-family: 'Lato', Arial;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 20px;
}
p.bottom-line.extra-padding{
    margin-top:100px;
}
.thumb-event{
    width: 100%;
    z-index: 1000;
    position: relative;
}

/*--album photo tab styles--*/
.tabs-section .nav-tabs.no-margin{
    margin-bottom: 0;
}

.dates-list{
    margin: 0 0 30px 0;
}
.dates-list li.active{
    background: url('../images/colored-line.png') left bottom no-repeat;
    padding-bottom: 20px;
    line-height: 20px;
}
.dates-list li{
    font-size: 14px;
    line-height: 20px;
    font-family: 'proxima_nova_alt_rgregular', Arial;
    color: #000000;
    text-transform: uppercase;
    display: inline-block;
    float: left;
    width: 6%;
    margin: 0 9.66666% 0 0;
    text-align: left;
}
.dates-list li:last-child{
    margin: 0;
    line-height: 20px;
}

.all-albums{
    width: 90%;
    margin: 0 auto;
}
.album img{
    width: 100%;
    margin:0 0 30px 0;
}
/*----album photo tab styles ends here--*/
.tab-content.jeune{
    background: #f6f6f6;
    padding: 20px 0 80px 0;
}
#films{
    background: #f7c70d;
    padding: 30px;
}
#films .item{
    margin: 0 5%;
}
#films img{
    width: 100%;
}
#films  .owl-controls .owl-buttons div{
    height: 94px;
    width: 28px;
    padding:0;
    background: none;
    text-indent: -99999px;
    border-radius: 0;
    position: absolute;
    top:40%;
    opacity: 1;
}

#films  .owl-controls .owl-buttons .owl-prev{
    background: url('../images/prev.png') no-repeat;
    left: -2%;
}
#films  .owl-controls .owl-buttons .owl-next{
    background: url('../images/next.png') no-repeat;
    right: -2%;
}

.film-item{
    box-shadow: 0 0 20px #a1a1a1;
    padding: 20px;
    width: 92%;
    margin: 80px auto 0 auto;
    background:#ffffff;
}
.film-item .col-sm-9{
    position: relative;
}
.film-thumb{
    width: 100%;
    margin: 10px 0 0 0;
}
.film-date{
    display: inline-block;
    font-size: 16px;
    font-family: 'Lato', Arial;
    font-weight: 900;
    text-transform: uppercase;
    color: #000000;
    padding: 10px 20px;
    background: #f7c70d;
    border-radius: 0 0 5px 5px;
    margin: 0 0 0 30px;
    position: absolute;
    top:-20px;
    left: 3%;
}
.film-title{
    font-size: 30px;
    font-family: Arial;
    font-weight: 700;
    color: #1d1d1d;
    margin: 40px 0 15px 0;
}
.film-info {
    font-size: 12px;
    margin: 0 0 7px 0;
}
.film-info strong{
    color: #000000;
    font-family: 'Raleway', Arial;
    font-weight: 700;
    display: inline-block;
}
.film-info .gray{
    color: #6e6e6e;
    margin: 0 15px 0 0;
}
.film-info .blue,
.genere .blue,
.indx_sec4 .blue{
    color: #0e60a6;
}
.red{
    color: #e72b2b;
}
.play-btn{
    display: inline-block;
    background: #f7c70d;
    padding: 12px 22px 12px 50px;
    font-size: 18px;
    text-transform: uppercase;
    color: #000000;
    font-family: 'Lato', Arial;
    font-weight: 400;
    border-radius: 5px;
    background:#f7c70d url('../images/play-btn.png') 10% center no-repeat;
    transition:all 0.3s;
    margin: 15px 0 0 0;
}
.play-btn:hover{
    color: #000000;
    background:#f7c70d url('../images/play-btn.png') 7% center no-repeat;
}
.film-desc{
    margin: 15px 0 0 0;
}

.indx_sec4 .fa{
    height: 36px;
    width: 36px;
    text-align: center;
    line-height: 36px;
    font-size: 18px;
    background: #3b5997;
    color: #ffffff;
    border-radius: 100%;
}

/*----jeune tab styls end here--*/
.form-group{
    text-align: right;
}
.input-group{
    border:1px solid #d6d6d6;
    border-radius: 5px;
    background: url('../images/date-icon.png') 98% center no-repeat;
    float: left !important;
    width: 50%;
    height: 42px;
    margin: 0 0 0 29.5%;
}
.input-group .form-control{
    background: #ffffff;
    border:none;
    border-radius: 0;
    box-shadow: none;
}
.input-group-addon,
.input-group-addon:last-child{
    background: transparent;
    border:none;
    border-radius: 0;
}
.input-group-addon{
    text-indent: -99999px;
}

.form-group a{
    display: inline-block;
    background: #000000;
    padding: 12px 15px;
    color: #fff;
    text-transform: uppercase;
    font: normal 13px/15px 'RalewaySemiBold';
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}

.progg-title-big{
    font-size: 30px;
    font-family: 'Lato',Arial;
    font-weight: 700;
    text-align: left;
}

.prog .text{
    width: 100%;
    display: inline-block;
    margin-top: 30px;
}

.prog  .text a{
    display: inline-block;
    background: #000000;
    padding: 12px 15px;
    color: #fff;
    text-transform: uppercase;
    font: normal 13px/15px 'RalewaySemiBold';
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}
.prog .film-title{
    margin: 5px 0 10px 0;
}
.prog .film-info{
    line-height: 16px;
}
.prog .film-desc{
    margin-top: 30px;
    line-height: 24px;
}
.icons-row{
    margin-top: 50px;
}
span.icons{
    font-size: 10px;
    color: #000000;
    padding: 4px 0 4px 35px;
    margin: 0;
    display: inline-block;
}

.ad-icon{
    background: url('../images/ad-icon.png') left center no-repeat;
}
.blue-icon{
    background: url('../images/blue-icon.png') left center no-repeat;
}
.chair-icon{
    background: url('../images/wheelchair.png') left center no-repeat;
}

.table-intro{
    font-family: 'Lato', Arial;
    font-size: 15px;
    margin: 30px 0 8px;
}
.table-intro small{
    font-size: 12px;
}
.table{
    border-right:1px solid #e8e8e8;
    border-left:1px solid #e8e8e8;
    border-top:none;
    border-bottom: none;
}
.table tbody > tr > td{
    border-right:1px solid #e8e8e8;
    text-align: center;
    width: 12.5%;
    border-top:none;
    padding: 8px 8px 5px 8px;
    background: none !important;
    font-size: 12px;
    position: relative;
    color: #1b1b1b;
}
.table td:last-child{
    border-right:none;
}
.table tr.light{
    background: #f0f0f0;
}
.table tr.lighter{
    background: #ffffff;
}
.ads-icon{
    height: 15px;
    width: 15px;
    position: absolute;
    right: 5px;
    top:20px;
}
.ads{
    top:5px;
}
.chair{
    position: relative;
    left: -5px;
}
/*----Prog page styles end here--*/

.tarif-title{
    font-family: 'Raleway', Arial;
    font-size: 55px;
    text-align: left;
    padding: 0 0 15px 0;
    background:url('../images/colored-line-long.png') left bottom no-repeat;
    margin: 50px 0;
}
.tarifs-list li{
    display: inline-block;
    width: 16%;
    float: left;
    margin: 0 5% 0 0;
}
.tarifs-list li:last-child{
    margin: 0;
}
.tarif-header{
    display: inline-block;
    padding: 15px 0;
    width: 90%;
    position: relative;
    top:25px;
    text-align: center;
    color: #ffffff;
    font-family: 'PT Sans', Arial;
    font-weight: 700;
    background: url('../images/tarif-bg.png') no-repeat;
    background-size: cover;
    font-size: 14px;
}

.tarif-price{
    font-size: 50px;
    font-family: 'PT Sans', Arial;
    color: #000000;
    font-weight: 700;
    padding:55px 0 50px 0;
    width: 100%;
    background: -moz-linear-gradient(top, #fbc321, #f7ab0e);
    background: -webkit-linear-gradient(top, #fbc321, #f7ab0e);
    background: -ms-linear-gradient(top, #fbc321, #f7ab0e);
    background: -o-linear-gradient(top, #fbc321, #f7ab0e);
    display: inline-block;
}
.tarif-price sup{
    font-size: 23px;
    position: relative;
    left: -4px;
    top:-18px;
}
.tarif-price sup:after{
    content: url('../images/euro-icon.png');
    position: relative;
    top:20px;
}
.tarif-desc{
    background: #f8f8f7;
    padding: 15px;
}

.tab-content.cards{
    box-shadow: 0 0 20px #e7e7e7;
    padding: 40px;
    margin: 0 0 40px 0;
}

.tabs-section.cards{
    text-align: left;
}

.cards h4.card-title{
    font-family: 'Raleway', Arial;
    font-weight: 700;
    color:#000000;
    font-size: 24px;
    margin: 30px 0 15px 0;
}
.passes h4.card-title{
    font-weight: 400;
    font-size: 20px;
}
.cards img, .passes{
    width: 100%;
}
/*----Infos page styles end here--*/
/*----Media quries--*/
@media only screen and (min-width:1600px) and (max-width:3000px)
{
.top_nav ul li a{ padding:17px 13px !important;}




}
@media only screen and (min-width:1400px) and (max-width:1599px)
{
.header_sec_Inn{ background-size:65% 100% !important;}
.top_nav ul li a{ padding:17px 13px;}
}




@media only screen and (min-width:1200px) and (max-width:1399px){
.header_sec_Inn{ background-size:65% 100% !important;}
.top_nav ul li a{ padding:17px 19px;}
}




@media(max-width: 1200px){

.links-title{
    font-size: 14px;
}
    .thumb-rose p{
        color: #ffffff;
        padding: 10px;
    }

    .sce3_box .text{
        margin: 0 0 25px 0;
    }

    .tarifs-list li{
        width: 18%;
        margin: 0 2% 0 0;
    }

    .bottom-content h3{
        font-size: 20px;
    }
    .bottom-content p{
        font-size: 14px;
    }
    .event-title{
        font-size: 16px;
        margin: 10px 0;
    }
    .event-info p strong{
        font-size: 13px;
    }
    .event-info p{
        font-size: 12px;
    }
    .event-info p.bottom-line{
        font-size: 11px;
        line-height: 13px;
    }
    .event-info{
        box-shadow: none;
    }
    .event-date{
        margin: 0;
        position: relative;
        top:-10px;
    }
    .event-info .centered{
        text-align: left;
    }
     p.bottom-line.extra-padding{
        margin-top: 10px;
    }
    .tab-content.evenements{
        padding: 15px;
    }

    .film-date{
        position: static;
    }
    .film-title{
        font-size: 18px;
        margin: 15px 0;
    }
    .film-info{
        margin: 0 0 4px 0;
    }
    .film-desc{
        font-size: 12px;
    }
    .film-item .play-btn{
        margin: 15px 0 30px 0;
        padding-left: 20px;
        background: #f7c70d;
    }



}

@media only screen and (min-width:992px) and (max-width:1199px){


.banner_itm{ min-height:460px;}
.ban_txt h1{ font-size:45px; line-height:60px;}
.banner_itm_Inn{ padding-top:180px;}
.header_sec_Inn{ background-size:65% 100% !important;}
.head_top_inn{ padding:0px;}
.top_nav ul li a{ padding:17px 9px;}
.sec2colm_txt h3{ font-size:34px; line-height:40px;}
.sec2colm_txt h4{ font-size:22px; line-height:30px;}
.sec2colm_txt span{ font-size:20px;}	
.sec2colm_txt span.btm_txt{ font-size:24px; margin-top:40px;}
.sec3_colm_cont h5{ font-size:17px; line-height:19px;}
.indx_sec .heading{ font-size:30px;}
.sec4_form{ padding:0 60px;}
.foot_box1 ul li{ padding:15px 4px 15px 0;}
.foot_box3 ul li{ padding-right:10px;}
.indx_sec{ margin-top:90px;}
.indx_sec1{ margin-top:-90px !important;}
.banner_itm{ min-height:490px;}


.sec3_colm{ min-height:320px;}
.sec3_colm_cont{ padding:19px 9px 12px 15px;}
.sec3_colm_cont p{ font-size:13px; line-height:19px; margin-top:10px;}

.tabs-section .nav-tabs > li > a,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{
    padding: 16px 30px;
}
.contact-section .form-control.reduced{
    width: 60.5%;
}

.history{
    height: auto !important;
    width: 100%;
    padding: 50px 0;
    background: none;
}

.history-content{
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

.history-content .date,
.history-content p{
    color: #000000;
}
.history-content p{
    padding: 0 !important;
}

.play-btn{
    font-size: 12px;
}

#films  .owl-controls .owl-buttons .owl-next{
    right: -1.5%;
}

#films  .owl-controls .owl-buttons .owl-prev{
    left: -1.5%;
}

 .input-group{
        margin: 0 0 0 25%;
        
    }



}

@media(max-width: 1200px){
    #films  .owl-controls .owl-buttons .owl-next{
    right: -1%;
}

#films  .owl-controls .owl-buttons .owl-prev{
    left: -1%;
}
.film-item{
    width: 100%;
    padding: 0;
}
.film-item .row{
    margin-left: 15px;
    margin-right: 15px;
}
.progg-title-big{
        margin: 15px 0;
    }


}

@media (min-width:768px) and (max-width:991px){


.sce3_box .text{
    margin: 0 0 25px 0;
}
.input-group{
        margin: 0;
        left: 0;
        
    }
    .progg-title-big{
        margin: 15px 0;
    }
.film-date{
        position: static;
    }
    .film-title{
        font-size: 18px;
        margin: 15px 0;
    }
    .film-info{
        margin: 0 0 4px 0;
    }
    .film-desc{
        font-size: 12px;
    }
    .film-item .play-btn{
        margin: 15px 0 30px 0;
    }
    .film-date{
        position: static;
    }

.evenement{
    margin-bottom: 30px;
}
.evenements.tabs-section .container, .evenements.tabs-section .col-sm-12{
    padding-left: 15px;
    padding-right: 15px;
}
.evenement .event-info{
    height: auto;
}

.header_sec_Inn{ background-size:65% 100% !important;}
.head_top_inn{ padding:0px;}
.top_nav ul li a{ padding:17px 5px; font-size:12px;}
.sec2colm_txt h3{ font-size:27px; line-height:34px;}
.sec2colm_txt h4{ font-size:18px; line-height:20px;}
.sec2colm_txt span{ font-size:20px;}	
.sec2colm_txt span.btm_txt{ font-size:24px; margin-top:40px;}
.sec3_colm_cont h5{ font-size:17px; line-height:19px;}
.indx_sec .heading{ font-size:30px;}
.sec4_form{ padding:0;}
.foot_box1 ul li{ padding:15px 4px 15px 0;}
.foot_box3 ul li{ padding-right:2px;}
.foot_box3 ul li img{ width:40px;}


.indx_sec3_contan .col-sm-6{ width:100%;}
.indx_sec3_contan .col-xs-6{ width:50%;}
.indx_sec1_Inn{ padding:20px 0;}
.indx_sec1_contan .sec1_box .text a{ padding:12px 13px; font-size:10px;}
.foot_box h4{ font-size:19px;}
.foot_box1 ul li{ width:46%;}
.sec2colm_txt{ padding:22px 22px 0}
.indx_sec{ margin-top:50px;}
.indx_sec1{ margin-top:-50px !important;}
.banner_itm{ min-height:490px;}


.sec3_colm{ min-height:320px;}
.sec3_colm_cont{ padding:19px 9px 12px 15px;}
.sec3_colm_cont p{ font-size:13px; line-height:19px; margin-top:10px;}
.indx_sec1_contan .sec1_box{ margin-top:19px;}
.indx_sec1_contan .sec1_box .text{ margin-top:13px;}


.hide-on-mobile{
    display: none;
}

.show-on-mobile{
    display: block;
}

.play-btn{
    font-size: 10px;
}
.film-item .play-btn .fa{
    display: none;
}
.table tbody > tr > td{
    font-size: 11px;
}
.tabs-section .nav-tabs > li > a,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{
    padding: 16px 20px;
}
.contact-section .form-control.reduced{
    width: 44.5%;
}

.info-section{
    padding: 0 15px;
}

.contact-title{
    font-size: 20px;
}

.navbar-default{
    position: relative;
    z-index: 100000;
}
p.desc small{
    font-size: 12px;
    margin: 0 0 15px 0;
}
p.desc{
    font-size: 18px;
}
.squeeze{
    width: 100%;
}

.clients a{
    display: inline-block;
    margin: 0 0 40px 0;
    width: 100%;
}

.dates-list li{
    margin: 0 50px 0 0;
}

.history{
    height: auto !important;
    width: 100%;
    padding: 50px 0;
    background: none;
}

.history-content{
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

.history-content .date,
.history-content p{
    color: #000000;
}

.history-intro p{
    padding: 0;
    border:none;
    font-size: 16px;
    line-height: 24px;
}
.bottom-content .col-sm-6{
    width: 100%;
    height: 300px;
}

.content-cinema,
.content-tous,
.les-cinema{
    padding: 15px;
}
.top-section{
    height: auto;
    padding: 40px 0 80px 0;
}
h2.katorza{
    font-size: 50px;
    padding: 15px 0 10px 0;
}

.katorza-text{
    font-size: 20px;
    line-height: 28px;
}

.katorza-text br{
    display: none;
}


#films  .owl-controls .owl-buttons .owl-next{
    right: -2%;
}

#films  .owl-controls .owl-buttons .owl-prev{
    left: -2%;
}

.thumb-rose p{
    color: #ffffff;
    padding: 10px;
}

.film-date{
    position: static;
}
.show-on-mobile h3{
    margin: 15px 0 20px 0;
}
.show-on-mobile p{
    margin: 0 0 20px 0;
}
.show-on-mobile img{
    width: 100%;
}
.tarifs-list li{
    width: 48%;
}

.dates-list li{
    line-height: 20px;
    font-size: 10px;
    width: 8%;
}


}



@media only screen and (max-width:767px) {

.all-links li{
    width: 100%;
    float: none;
    margin: 5px 0;
}
.sce3_box .text{
    margin: 0 0 25px 0;
}
.thumb-rose p{
    color: #ffffff;
    padding: 15px;
}
.tarifs-list li{
    width: 44%;
    margin: 0 10px;
}

.input-group{
        margin: 0;
        left: 0;
        
    }
.indx_sec4 p{
    font-size: 10px;
}
.film-item{
    padding:10px;
    margin: 0;
    display: block;
    width: 100%;
}
.film-item .col-sm-9{
    word-wrap: break-word;
}
.dates-list {
    width: 100%;
    margin: 10px 20px;
}
.dates-list li{
    margin:0 10px 0 0;
    font-size: 12px;
    text-align: center;
    width: 10%;
}
.evenement{
    
}
.thumb-event{
    margin-top: 50px;
}
.tab-content{
    padding: 0;
}
.evenement .event-info{
    height: auto;
    padding: 15px;
}
.tabs-section{
    overflow: hidden;
}
.evenements .col-sm-3{
    padding-right: 15px;
}

.dates-list li{
    line-height: 20px;
    font-size: 10px;
    width: 9%;
}


.header_sec_Inn{ background-size:65% 100% !important;}
.head_top_inn{ padding:0px;}
.navbar-brand img{ width:74%;}
.sos_rt{ padding-top:23px;}
.header_sec{ position:relative;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background:none;}
.navbar-collapse{ position:absolute; top:100%; left:0px; width:100%; background:#1c1c1c; z-index:99;}
.navbar-default .navbar-toggle{ border:none; margin-right:0px;}
.header_sec .container{ padding:0px;}
.head_top_inn{ padding:0 15px;}
.navbar-header{ padding:0 15px;}
.navbar-default .navbar-toggle .icon-bar{ background:#fff;}
.navbar-toggle .icon-bar{ width:26px; height:3px;}
.navbar-toggle .icon-bar + .icon-bar{ margin-top:5px;}
.top_nav ul li{ width:100%;}
.top_nav ul li a{ width:100%; display:inline-block; padding:10px 15px; text-align:left;}
.banner_itm_Inn{ padding:150px 0 0 0;}
.banner_itm{ min-height:400px;}
.ban_txt h1{ font-size:40px; line-height:50px;}

.indx_sec{ margin-top:50px;}
.indx_sec1{ margin-top:-50px !important;}
.sec2_box img{ width:100%;}
.indx_sec2_contan .pull-right{ width:100%;}
.indx_sec2_contan .pull-left{ width:100%;}

.sec2colm_txt h3{ font-size:27px; line-height:34px;}
.sec2colm_txt h4{ font-size:18px; line-height:20px;}
.sec2colm_txt span{ font-size:20px;}	
.sec2colm_txt span.btm_txt{ font-size:24px; margin-top:40px;}
.sec3_colm_cont h5{ font-size:19px; line-height:20px;}
.indx_sec .heading{ font-size:30px;}
.sec4_form{ padding:0;}
.foot_box1 ul li{ padding:15px 4px 15px 0;}
.foot_box3 ul li{ padding-right:2px;}
.foot_box3 ul li img{ width:40px;}


.indx_sec3_contan .col-sm-6{ width:50%; float:left;}
.indx_sec3_contan .col-xs-6{ width:100%;}
.indx_sec1_Inn{ padding:20px 0;}
.indx_sec1_contan .sec1_box .text a{ padding:12px 13px; font-size:10px;}
.foot_box h4{ font-size:19px;}

.sec2colm_txt{ padding:22px;}
.sec2colm{ min-height:auto;}
.arw1{ display:none;}
.sec3_colm{ min-height:300px;}
.sec3_colm_cont{ padding:20px 20px 20px;}
.sec4_form .col-sm-4{ width:50%; float:left;}
.sec4_form_inpu{ display:inline-block; text-align:center;}
.sec4_form{ text-align:center;}
.sec4_form .col-sm-3 { width: 25%; display: inline-block;}
.footer_top{ padding:30px 0;}



.indx_sec1_contan .sec1_box{ margin-top:19px;}
.indx_sec1_contan .sec1_box .text{ margin-top:13px;}
.wmBox_closeBtn p{ font-size:19px !important;}
.wmBox_closeBtn p{ bottom:-5px !important; right:-17px !important;}
.wmBox_contentWrap{ padding:8px;}

.show-on-mobile h3{
    margin: 15px 0 20px 0;
}
.show-on-mobile p{
    margin: 0 0 20px 0;
}
.show-on-mobile img{
    width: 100%;
}
.hide-on-mobile{
    display: none;
}

.show-on-mobile{
    display: block;
}

.show-on-mobile h3{
    margin: 15px 0 20px 0;
}

#films  .owl-controls .owl-buttons .owl-next{
    right: -1%;
}

#films  .owl-controls .owl-buttons .owl-prev{
    left: -1%;
}

.navbar-default{
    position: relative;
    z-index: 100000;
}

.tabs-section .nav-tabs > li > a,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{
    padding: 10px 8px;
    font-size: 12px;
}
.contact-section .form-control.reduced{
    width: 100%;
    margin: 15px 0 0 0;
}

.rule{
    display: none;
}
.info-section{
    padding: 0;
}
.tabs-section form{
    text-align: center;
}
.contact-section .captcha{
    float: none;
}
.tabs-section .col-sm-8{
    padding-right: 15px;
}
.tabs-section .col-sm-4{
    padding-left: 15px;
}

.contact-section .submit-btn{
    top:0;
    margin: 10px 0 20px 0;
    width: auto;
    padding: 14px 30px;
}
.contact-title{
    margin: 30px 0 20px
}

.clients a{
    display: inline-block;
    margin: 0 0 40px 0;
    width: 100%;
}

.history{
    height: auto !important;
    width: 100%;
    padding:0;
    background: none;
}

.history-content{
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

.history-content .date,
.history-content p{
    color: #000000;
}

.history-intro{
    margin: 0;
    padding: 0;
}
.history-main-line{
    padding: 0;
    margin: 10px;
    float: none !important;
    text-align: center;
}
.history-content .date,
.left-margin.history-content .date,
.right-margin.history-content .date{
    padding: 0;
    font-size: 50px;
    margin: 15px 0;
    letter-spacing:1px;
}
.text-white,
.text-black{
    padding: 0;
}
.history-intro p{
    padding: 0;
    border:none;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    margin: 15px 0;
}

.history-intro p br{
    display: none;
}
.bottom-content .col-sm-6{
    width: 100%;
    height: 300px;
}

.content-cinema,
.content-tous,
.les-cinema{
    padding: 15px;
}
.top-section{
    height: auto;
    padding: 40px 0 80px 0;
}
h2.katorza{
    font-size: 50px;
    padding: 15px 0 10px 0;
}

.katorza-text{
    font-size: 20px;
    line-height: 28px;
}

.katorza-text br{
    display: none;
}

.bottom-content h3{
    font-size: 24px;
    margin: 15px 0 10px 0;
}

.bottom-content p{
    font-size: 14px;
}

.history-main-title{
    float: none !important;
    text-align: center;
    font-size: 30px;
}

.history-main-title br{
    display: none;
}

}


@media(max-width: 767px){

.dates-list li{
    line-height: 20px;
    font-size: 10px;
    width: 8%;
}
    .history{
    height: auto !important;
    width: 100%;
    padding:0;
    background: none;
}

.history-content{
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

.history-content .date,
.history-content p{
    color: #000000;
}

.history-intro{
    margin: 0;
    padding: 0;
}
.history-main-line{
    padding: 0;
    margin: 10px;
    float: none !important;
    text-align: center;
}
.history-content .date,
.left-margin.history-content .date,
.right-margin.history-content .date{
    padding: 0;
    font-size: 50px;
    margin: 15px 0;
    letter-spacing:1px;
}
.left-margin p,
.right-margin p{
    padding: 0;
}
.history-content .text-white,
.history-content .text-black{
    padding: 0 !important;
}
.history-intro p{
    padding: 0;
    border:none;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    margin: 15px 0;
}

.history-intro p br{
    display: none;
}
.bottom-content .col-sm-6{
    width: 100%;
    height: 300px;
}

.content-cinema,
.content-tous,
.les-cinema{
    padding: 15px;
}
.top-section{
    height: auto;
    padding: 40px 0 80px 0;
}
h2.katorza{
    font-size: 50px;
    padding: 15px 0 10px 0;
}

.katorza-text{
    font-size: 20px;
    line-height: 28px;
}

.katorza-text br{
    display: none;
}

.bottom-content h3{
    font-size: 24px;
    margin: 15px 0 10px 0;
}

.bottom-content p{
    font-size: 14px;
}

.history-main-title{
    float: none !important;
    text-align: center;
    font-size: 30px;
}

.history-main-title br{
    display: none;
}
.history-intro{
    width: 100%;
}

.contact-title{
    font-size: 16px;
}

.hide-on-mobile{
    display: none;
}

.show-on-mobile{
    display: block;
}
.tarifs-list li{
    width: 44%;
    margin: 0 10px;
}

}

@media (max-width:640px){
.banner_itm{ min-height:300px;}
.banner_itm_Inn{ padding:100px 0 0 0;}
.indx_sec .heading{ font-size:26px;}
.sec4_form .col-sm-3{width:33%;}
.tabs-section .nav-tabs > li{
    float: none;
}
.tabs-section .nav-tabs{
    display: block;
}

.tabs-section .nav-tabs > li > a,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{
    background-repeat: repeat-x;
}

.history{
    height: auto !important;
    width: 100%;
    padding:0;
    background: none;
}

.history-content{
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

.history-content .date,
.history-content p{
    color: #000000;
}

.history-intro{
    margin: 0;
    padding: 0;
}
.history-main-line{
    padding: 0;
    margin: 10px;
    float: none !important;
    text-align: center;
}
.history-content .date,
.left-margin.history-content .date,
.right-margin.history-content .date{
    padding: 0;
    font-size: 50px;
    margin: 15px 0;
    letter-spacing:1px;
}
.left-margin p,
.right-margin p{
    padding: 0;
}
.history-content .text-white,
.history-content .text-black{
    padding: 0 !important;
}
.history-intro p{
    padding: 0;
    border:none;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    margin: 15px 0;
}

.history-intro p br{
    display: none;
}
.bottom-content .col-sm-6{
    width: 100%;
    height: 300px;
}

.content-cinema,
.content-tous,
.les-cinema{
    padding: 15px;
}
.top-section{
    height: auto;
    padding: 40px 0 80px 0;
}
h2.katorza{
    font-size: 50px;
    padding: 15px 0 10px 0;
}

.katorza-text{
    font-size: 20px;
    line-height: 28px;
}

.katorza-text br{
    display: none;
}

.bottom-content h3{
    font-size: 24px;
    margin: 15px 0 10px 0;
}

.bottom-content p{
    font-size: 14px;
}

.history-main-title{
    float: none !important;
    text-align: center;
    font-size: 30px;
}

.history-main-title br{
    display: none;
}
.history-intro{
    width: 100%;
}

.history-intro p{
    font-size: 12px;
    line-height: 18px;
    margin: 10px 0;
}
.history-content p{
    padding: 0 !important;
    font-size: 14px
}
.prog .col-sm-12{
	overflow: scroll;
}
}
@media only screen and (max-width:599px)
{
.header_sec_Inn { background-size: 56% 100% !important;}
.sos_rt ul li{ padding:0px;}
.sos_rt ul li img{ width:30px;}
.indx_sec1_contan{ padding:0 15px;}
.indx_sec1_contan .sec1_box{ margin-top:23px;}
.indx_sec1_contan .sec1_box .text{ margin-top:23px;}
.tous_lass_btn{ margin-right:17px;}
.indx_sec{ margin-top:28px;}
.indx_sec .heading{ font-size:22px;}
.sec3_colm_cont h5 { font-size: 13px; line-height: 19px;}
.sec3_colm_cont p{ font-size: 13px;line-height: 19px; margin-top:12px;}
.indx_sec4 h3{ font-size:17px; line-height:20px;}
.wmBox_contentWrap{padding:5px;}

.history-intro p.history-main-line{
    margin: 10px 0;
}

}

@media (max-width:480px){

.tarifs-list li{
    width: 100%;
    margin: 0 !important;
}
.prog .col-sm-12{
	overflow: scroll;
}
.cards img,
.passes img{
    margin: 20px 0 0 0;
}
.dates-list {
    width: 100%;
    margin: 10px 20px;
}
.dates-list li{
    margin:0 10px 0 0;
    font-size: 12px;
    text-align: center;
    width: 10%;
}
.evenement{
    margin-bottom: 30px;
}
.evenements.tabs-section .container, .evenements.tabs-section .col-sm-12{
    padding-left: 15px;
    padding-right: 15px;
}
.evenement .event-info{
    height: auto;
}

.header_sec_Inn { background-size: 46% 100% !important;}
.navbar-brand img{ width:56%;}
.sos_rt{ padding-top:15px;}
.sos_rt ul li a img{width:25px;}
.ban_txt h1 {font-size: 27px; line-height: 43px;}
.banner_itm_Inn { padding: 86px 0 0 0;}
.banner_itm{ min-height:260px;}
.indx_sec{ margin-top:28px !important;}

.sce3_box .text{
    margin: 0 0 25px 0;
}

.history{
    height: auto !important;
    width: 100%;
    padding:0;
    background: none;
}

.history-content{
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

.history-content .date{
    font-size: 100px;
}
.history-content p{
    font-size: 14px;
}
.history-content .date,
.history-content p{
    color: #000000;
}


.bottom-content .col-sm-6{
    width: 100%;
    height: 200px;
}

.content-cinema,
.content-tous,
.les-cinema{
    padding:0;
    padding: 15px;
}

.top-section{
    height: auto;
    padding: 40px 0 80px 0;
}
h2.katorza{
    font-size: 30px;
    padding: 15px 0 10px 0;
}

.katorza-text{
    font-size: 15px;
    line-height: 25px;
}

.katorza-text br{
    display: none;
}

.bottom-content .content-tous,
.bottom-content .content-cinema,
.bottom-content .les-cinema{
    text-align: center;
}
.bottom-content .les-cinema{
    margin-top: 50px;
}
.bottom-content p{
    font-size: 10px;
    line-height: 15px;
}

.history{
    height: auto !important;
    width: 100%;
    padding: 50px 0;
    background: none;
}

.history-content{
    width: 100%;
    text-align: center;
    margin: 10px 0;
}

.history-content .date,
.history-content p{
    color: #000000;
}

.history-intro{
    margin: 0;
    padding: 0;
}
.history-main-line{
    padding: 0;
    margin: 10px;
    float: none !important;
    text-align: center;
}
.history-content .date,
.left-margin.history-content .date,
.right-margin.history-content .date{
    padding: 0;
    font-size: 50px;
    margin: 15px 0;
    letter-spacing:1px;
}
.history-intro{
    width: 100%;
}
.text-white,
.text-black{
    padding: 0;
}
.history-intro p{
    padding: 0;
    border:none;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    margin: 15px 0;
}

.history-intro p br{
    display: none;
}
.bottom-content .col-sm-6{
    width: 100%;
    height: 300px;
}

.content-cinema,
.content-tous,
.les-cinema{
    padding: 15px;
}
.top-section{
    height: auto;
    padding: 40px 0 80px 0;
}
.katorza-text br{
    display: none;
}

.bottom-content h3{
    font-size: 24px;
    margin: 15px 0 10px 0;
}


.history-main-title{
    float: none !important;
    text-align: center;
    font-size: 30px;
}

.history-main-title br{
    display: none;
}


.history-intro p{
    font-size: 11px;
    line-height: 14px;
    margin: 10px 0;
}

.history-content p{
    font-size: 16px;
}

}
@media only screen and (max-width:414px)
{
.indx_sec1_contan .col-xs-6{ width:100%;}	
.sec2colm_txt h3 { font-size: 22px; line-height: 27px;}
.sec2colm_txt h4 { font-size: 17px; line-height: 17px;}
.sec2colm_txt span.btm_txt {font-size: 20px; margin-top: 2px;}
.indx_sec3_contan .col-sm-6{ width:100%;}	
.sec4_form .col-sm-4{width:100%;}	
.sec4_form .col-sm-3{width:100%;}	
	
}

@media only screen and (max-width:400px)
{
.indx_sec .heading { font-size: 18px; line-height:25px;}
.disply400{ display:inline-block;}
.non400{ display:none;}
.sos_rt ul li{ display:inline-block !important; width:auto !important;}
.sos_rt ul li a{ display:inline-block !important; width:auto !important; padding:0px !important;}
.sos_rt{ float:none; padding:10px 0 20px; text-align:left;}
.tous_lass_btn{ margin:20px 0 0 0; float:none; /*width:40%;*/ text-align:center;}
.indx_sec1_Inn{ text-align:center;}
.sec3_colm{ min-height:auto; padding-bottom:30px;}

.wmBox_contentWrap{padding:5px;}





}