@font-face {
    font-family:'Gotham';
    src: url('Gotham-Bold.eot');
	src: url('Gotham-Bold.eot?#iefix') format('embedded-opentype'),
		url('Gotham-Bold.woff2') format('woff2'),
		url('Gotham-Bold.woff') format('woff'),
		url('Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}


@font-face {
    font-family:'Gotham Black';
    src: url('Gotham-Black.eot');
	src: url('Gotham-Black.eot?#iefix') format('embedded-opentype'),
		url('Gotham-Black.woff2') format('woff2'),
		url('Gotham-Black.woff') format('woff'),
		url('Gotham-Black.svg#Gotham-Black') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}


@font-face {
    font-family:'Gotham Light';
    src: url('Gotham-Light.eot');
	src: url('Gotham-Light.eot?#iefix') format('embedded-opentype'),
		url('Gotham-Light.woff2') format('woff2'),
		url('Gotham-Light.woff') format('woff'),
		url('Gotham-Light.svg#Gotham-Light') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

@font-face {
    font-family:'Gotham Medium';
    src: url('Gotham Medium.eot');
	src: url('Gotham Medium.eot?#iefix') format('embedded-opentype'),
		url('Gotham Medium.woff2') format('woff2'),
		url('Gotham Medium.woff') format('woff'),
		url('Gotham Medium.svg#Gotham Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'Gotham Book';
    src: url('Gotham-Book.eot');
	src: url('Gotham-Book.eot?#iefix') format('embedded-opentype'),
		url('Gotham-Book.woff2') format('woff2'),
		url('Gotham-Book.woff') format('woff'),
		url('Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}


*{margin:0; padding:0; outline:none; border:none;}
body { 
	font-size: 14px;
}
button:focus {
    outline:none;
    outline: none;
}
/* remember to define focus styles! */
.form-control:focus{
outline: none;
box-shadow: none;
}
body p{}
h1, h2, h3, h4, h5, h6{}

.container {
    max-width: 85%;
}
#site-top{width:100%;float: left;position:relative;background:#fff;padding: 20px 0;}
.custom-container{ width:90%; margin:0 auto;}
#site-top img{height: 110px;}
.flright{ float:right;}
.site-logo{ text-align:center; width:100%; float:left;}
.site-logo img{
    height: 80px !important;
    margin-bottom: 15px;
}
.site-logo h2{
    color: #7e5c33;
    font-size: 24px;
    text-transform: uppercase;
	  font-family:'Gotham Black';
}
.site-logo h3{
	color: #7f7f7f;
	text-transform: uppercase;
	   font-family:'Gotham Black';
	font-size: 18px;
	margin-bottom: 0;
	opacity: 0.5;
	
	
}

body.home-page #menu{
      min-height: inherit;
}

#menu{ width:100%; float:left; position:relative;     min-height: 85px;}

nav.fixed-top{
    z-index: 6;
}


.navbar-nav .nav-item.has_children ul li.has_children ul.navbar-nav.ml-auto{
   display: inline-block !important;
    position: static;
    padding: 0;
}

.newsdetails .views-row{
    font-size: 18px;
    line-height: 24px;
    color: #444444; margin: 0 0 12px;
    font-family: 'Gotham Light';
}

form.user-login-form{
    max-width: 480px;
    margin: 30px auto;
    border: 1px solid #949494;
    clear: both;
    padding: 20px;
}

form.user-login-form .form-text{
    border: 1px solid #949494;  padding: 10px;
}

form.user-login-form input#edit-submit{
    margin: 15px 0;
}
.newsdetails .views-row a{
    color: #444444; 
}

#menu .bg-light {
   background-color: #949494!important;
    text-align: center;
    width: 75%;
    margin: 0 auto;
    margin-bottom: -32px;
    z-index: 99;
}
#menu .navbar-light .navbar-nav .nav-link i{ font-size: 22px;}
#menu .ml-auto, .mx-auto {    display: block;
    margin-left: auto!important;
    width: 100%;
    text-align: center; 
    float: none;
}
#menu .nav-item{ text-align:left; float:none; display:inline-block; vertical-align: top;}
#menu .navbar-light .navbar-nav .nav-link {
color: #fff;
       padding: 10px 33px;
    font-size: 16px;
    line-height: 28px;
    font-family: 'Gotham';
	text-transform: uppercase;

}

#menu .navbar-light .navbar-nav .nav-link:hover{
    color: #000000;
}


#menu .nav-link img{height: 22px;}
#slider{ width:100%; float:left; position:relative; margin-bottom:70px;}
#slider img{ width:100%;}
.slider-text{
    position: absolute;
    top: 0;
    text-align: center;
    width: 56%;
    left: 23%;
    top: 32%;
}

.slider-text h1{
    color: #fff;
    line-height: 55px;
    font-size: 46px;
    margin-bottom: 50px;
    letter-spacing: 1px;
	 font-family:'Gotham Light';
}
.slider-btn{ cursor:pointer;
    background: #7f5c2f;
    color: #fff;
    padding: 15px 25px;
    font-size: 17px;
	transition-duration:0.8s;
	letter-spacing:1px;
	font-family:'Gotham Light';
	text-transform: uppercase;
	margin: 0;
}
.slider-btn:hover{ background:#949494;color: #fff; text-decoration: none;}
#sec1{ width:100%; float:left; position:relative; margin-bottom:72px;}
#sec1 h1{font-family:'Gotham Light'; font-size: 46px; margin-bottom: 50px; color: #010101;opacity: 0.8;}
.sec1-img{ width:100%; float:left; position:relative;}
.abtbtm{    position: absolute;
    background: #444444;
    width: 100%;
    bottom: 0;
    padding: 20px 25px;}
.abtbtm h3{
	font-size: 22px;
    color: #fff;
    opacity: 0.8;
}
.abtbtm p{
	font-size: 18px;
    color: #fff;
    opacity: 0.66;
	font-family:'Gotham Book';
	margin-bottom: 0;
}

.sec1-img img{width:100%;}
.sec1-text{width:100%;float:left;position:relative;padding-left: 0;}
.sec1-text h1{color:#939393;margin-bottom: 60px;font-size: 40px;letter-spacing: 4px;}
.sec1-text h3{color:#666666;margin-bottom: 27px;font-size: 26px;line-height: 50px;letter-spacing: 1px;font-weight: 500;}
.sec1-text h6{color:#000000;font-size: 19px;margin-bottom: 2px;}
.sec1-text p{color:#010101;font-size: 22px;line-height:33px;margin-bottom: 52px;font-family:'Gotham Book'; opacity: 0.65;}
#sec3{ width:100%; float:left; position:relative; margin-bottom:67px; overflow:hidden;}
.sec2-inner-left{width:100%;float:left;text-align: center;}
.sec2-inner-left h2{
    position: absolute;
    top: 6%;
    color: #fff;
    width: 100%;
    text-align: left;
    left: 15%;
    font-size: 46px;
	font-family:'Gotham Light';
	line-height: 46px;
}
.sec2-inner-left img{width:100%;height: 1000px;}
.p0{ padding:0;}
.sec2-inner-right{width:100%;float:left;background:#7f5c2f;height: 1000px;text-align: center;padding-top: 19%;}
.sec2-inner-right img{
	
	text-align: center;
    margin: 0 auto;
    display: block;
    height: 250px;
    object-fit: contain;
}

.sec2-inner-right a.carousel-control-prev img{
    height: auto;
}

.sec2-inner-right a.carousel-control-next img{
    height: auto;
}


.sec2-inner-right h5{
    width: 26.5%;
    text-align: left;
    margin: 0 auto;
    font-size: 16px;
    color: #fff;
    margin-top: 12px;
    letter-spacing: 1px;
    line-height: 20px;
}
.sec3-white-btn{background:#fff;color:#898989;padding: 8px 20px;margin-top: 100px;font-size: 11px;letter-spacing: 2px;font-weight: 800;line-height: normal;float: left;margin-left: 36.8%; transition-duration:0.8s; cursor:pointer;}
.sec3-white-btn:hover{    background: #949494; color:#fff;}
#sec4{ width:100%; float:left; position:relative; margin-bottom:64px; overflow:hidden; text-align:center;}
#sec4 h2{color:#909090;text-align:center;font-size: 46px;margin-bottom:60px; font-family:'Gotham Light';letter-spacing: 2px; }
#sec4 h2::after{     width: 40%;
    height: 1px;
    background: #e5ded6;
    content: "";
    position: absolute;
    left: 0;
    top: 30px;}
#sec4 h2::before{     width: 40%;
    height: 1px;
    background: #e5ded6;
    content: "";
    position: absolute;
    right: 0;
    top: 30px;}
.sec4-inner{
    width: 100%;
    float: left;
    position: relative;
}
.sec4-inner img{
    width: 100%;
    position: relative;
    height: 223px;
    object-fit: cover;
}
.sec4-inner span{
	background: #7f5c2f;
    position: absolute;
    bottom: 10px;
    left: 28%;
    color: #fff;
    padding: 10px 20px;
    font-size: 17px;
    letter-spacing: 1px;
	font-family:'Gotham';
   
}
.sec4-inner h4{
    color: #010101;
    width: 100%;
    float: left;
    margin-top: 24px;
    font-size: 18px;
    margin-bottom: 22px;
    text-align: left;
	font-family:'Gotham Black';
	opacity: 0.8;
	
}
.sec4-inner p{
    width: 100%;
    float: left;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
	color: #010101;
	opacity: 0.6;
	font-family:'Gotham Book';
}
.sec4-img{ width:100%; float:left; position:relative;}
.voir-btn{
    background:#d0cece;
    color:#fff;
    transition-duration: 0.8s;
    cursor: pointer;
    padding: 8px 35px;
    margin-top: 72px;
    font-size: 11px;
    letter-spacing: 2px;
    font-weight: 800;
    line-height: normal;
    }
.voir-btn:hover{    background: #949494;
    color: #fff;}

#sec5{ background:#d1cfcf; padding-top:65px; padding-bottom:103px; width:100%; float:left; position:relative; overflow:hidden;}
#sec5 h2{
	color: #fff;
    text-align: center;
    font-size: 46px;
    letter-spacing: 2px;
    margin-bottom: 88px;
	 font-family:'Gotham Light';
}
#sec5 h2::after{     width: 38%;
    height: 1px;
    background: #fff;
    content: "";
    position: absolute;
    left: 0;
    top: 98px;}
#sec5 h2::before{     width: 38%;
    height: 1px;
    background: #fff;
    content: "";
    position: absolute;
    right: 0;
    top: 98px;}

#sec5 .owl-carousel .owl-item img {
    display: block;
    width: auto;
    margin: 0 auto;
}
#sec5 .owl-dots{ display:none;}
#footer{width:100%;float:left;position:relative;overflow:hidden;background:#7f5c2f;padding-top:48px;padding-bottom: 37px;}
.footer-inner{width:100%; float:left; position:relative;}
.footermenu{
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
}
.footermenu li{
    list-style: none;
}
.footermenu li a{
    color: #fff;
    width: 100%;
    font-size: 37px;
    line-height: 77px;
    text-decoration: none;
	font-family:'Gotham Light';
}
.social-icon{
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
}
.social-icon li{
    list-style: none;
    display: inline-block;
    margin-right: 5px;
}
.social-icon li a{}
.social-icon li a .fa{
    background: #fff;
    color: #7f5c2f;
    width: 38px;
    height: 38px;
    font-size: 27px;
    text-align: center;
    line-height: 40px;
}
.footer-logoarea{
    width: 100%;
    float: left;
    text-align: center;
}
.footer-logoarea img{padding-top: 20px;
}
.footer-inner-right p{
color: #fff; width: 70%;
    font-size: 24px;
    margin-bottom: 22px;
    line-height: 32px; float: right;
    font-family: 'Gotham';
}
.footer-inner-right p.addr{
	font-size: 23px;
	font-family:'Gotham Light';
}
.footer-inner-right p a{
	color: #fff;
    font-size: 24px;
    line-height: 32px; word-break: break-all;
    font-family: 'Gotham';
	display: inline-block;
}
.fotlogo{ opacity: 0.5;margin-bottom: -40px;}
.footer-inner-right p img{
    vertical-align: middle;
    padding-right: 10px;
}
.footer-inner-right{width:90%;float: right;text-align:right;}
.footer-inner-right span{
    float: right;
}
.footer-btn{
    background: #fff;
    color: #7f5c2f;
    padding: 10px 25px;
    font-size: 17px;
    cursor: pointer;
	transition-duration:0.8s;
	font-family:'Gotham Light';
	text-transform: uppercase;
	margin-top: 15px;
}
.footer-btn:hover{background: #949494; color:#fff;}
.copyright{     width: 100%;
    float: left;
    position: relative;
    border-top: 1px solid #94734d;
    padding-top: 17px;
    margin-top: 20px;}
.copyright ul{
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;

}
.copyright ul li{
        list-style: none;
    display: inline-block;
    color: #fff;
    opacity: 0.3;
	 font-family:'Gotham Black';

}
.copyright ul li a{
    color: #fff;
    text-decoration: none;
}
.copyright ul li a:before{content:"|";padding: 0 66px;}
.social{ margin-top: 198px;}

.voir-btn-rs{     background: #7e5c33;
    color: #fff;
    padding: 15px 25px;
    text-transform: uppercase;
    font-size: 17px;
	    margin-top: 80px;
	letter-spacing: 2px;
	display: inline-block;
}
.voir-btn-rs:hover{ 
	transition-duration: 0.8s;
	text-decoration: none;
    color: #ffffff;
    background: #949494;}
.coop img {
    text-align: center;
    margin: 0 auto;
    display: block;
   margin-top: 60px;
	margin-bottom: 50px;
}

.perdoc a:hover{
    text-decoration: underline;
}

#slide2 .carousel-caption{
	position: initial;
	text-align: left;
}
#slide2 .carousel-caption h1, #slide2 .carousel-caption h1 a{
	font-size: 18px;
	color: #fff;
	opacity: 0.65;
	 font-family:'Gotham Book';
	    width: 44%;
    margin: 0 auto;
	line-height: 28px;
	padding-top: 50px;
}
#slide2 .carousel-control-prev{ left: 70px;}
#slide2 .carousel-control-next{ right: 70px;}
#slide2 .carousel-control-next span, #slide2 .carousel-control-prev span{ position: absolute; top: 32%;}
.sec2-inner-left{position: relative;}
.voirbt{ position: absolute;
    z-index: 99;
    background: #fff;
    padding: 15px;
    bottom: 70px;
    width: 50%;
    left: 75%;
    font-size: 17px;
    color: #7e5c33;
    text-transform: uppercase;
    letter-spacing: 1px;}
.voirbt:hover{ 
	transition-duration: 0.8s;
	text-decoration: none;
    color: #ffffff;
    background: #949494;}

/*+++++++++++++++++Inner ++++++++++++++*/
.inner{
	    background: #fff !important;
	border-bottom: 1px solid #f3f3f3;
}
.inner .navbar-brand img{
	    float: left;
    padding-right: 20px;
}
.inner .navbar-brand h2{
	display: inline-block;
	color: #7e5c33;
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'Gotham Black';
	    margin-top: 12px;
    white-space: pre-line;
    width: 50%;
}
.inner-page-menu .inner .navbar-brand{
	width: 50%;
}
.inner .navbar-brand h3{
	display: block;
	    color: #7f7f7f;
    text-transform: uppercase;
    font-family: 'Gotham Black';
    font-size: 18px;
    margin-bottom: 0;
    opacity: 0.5;
}
.inner .navbar-nav .nav-link {
    color: #7f7f7f;
       padding: 10px 15px;
    font-size: 16px;
    line-height: 28px;
    font-family: 'Gotham';
	text-transform: uppercase;
}
.inner .navbar-nav .nav-link i{
	font-size: 20px;
}
.bredcome{
	    padding: 27px 0 0;
    border-top: 1px solid #efefef;
    margin-bottom: 40px;
}
.bredcome{ padding-top: 150px;}
.bred ul{
	list-style: none;
    display: flex;
}
.bred ul li{
	font-size: 15px;
    text-transform: uppercase;
	 font-family:'Gotham';
	color: #c5c5c5;
	    padding-right: 25px;
}
.bred ul li a{
	color: #7f7f7f;
}

.print a:first-child{ padding-right: 10px;}
.contactus{ padding-bottom: 100px; 
	background: url("../images/conbg.png") no-repeat 0 0; 
	background-size: cover;
	    background-position: center 160px;
}
.contactform{ padding-bottom: 100px; position: relative;}
.contactform h1{
	font-size: 46px;
	color: #010101;
	opacity: 0.8;
	   font-family:'Gotham Light';
	margin-bottom: 45px;
}
.contactform h3{
	font-size: 21px;
	color: #444444;
	opacity: 0.8;
	 font-family: 'Gotham Black';
	margin-bottom: 65px;
}
.contactform .form-control{
	background: transparent;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #4c4c4c;
	margin-bottom: 55px;
	padding-left: 0;
}
.contactform input::placeholder, .contactform textarea::placeholder{
	font-size: 18px;
	color: #444444;
	text-transform: uppercase;
	opacity: 0.6;
}
/*+++++++++++++++Comicp++++++++++++++*/
.compic{
border-bottom: 1px solid #eaeaea;
    padding-bottom: 40px;
    margin-bottom: 35px;
}
.compic h2 a{
		font-size: 21px;
	color: #444444;
	opacity: 0.8;
	 font-family: 'Gotham Black';
	
}
.compic h4{
		font-size: 18px;
	line-height: 28px;
	color: #444444;
	opacity: 0.4;
	 font-family:'Gotham Book';
	margin-bottom: 20px;
	
}
.compic p{
			font-size: 18px;
	line-height: 28px;
	color: #444444;
	opacity: 0.66;
	 font-family:'Gotham Book';
}
/*+++++++++++++++ newdetails +++++++++++++++++++++*/
.newsdetails .abtbtm h3{
	font-size: 22px;
    color: #fff;
    opacity: 0.8;
	margin-bottom: 8px;
}
.newsdetails .sec1-img{
	margin-bottom: 40px;
}
.newstext{
	font-size: 20px;
	line-height: 29px;
	color: #444444;
	opacity: 0.66;
	 font-family:'Gotham Light';
	padding: 0 15px;
	border-bottom: 2px solid #F5F5F5;
	padding-bottom: 30px;
	margin-bottom: 30px;}
.newsdetails .abtbtm p{
	font-size: 18px;
    color: #fff;
    opacity: 0.66;
    font-family: 'Gotham Book';
    margin-bottom: 0;
}

.docoment h2{
	font-size:23px;
	color: #444444;
	opacity: 0.8;
	 font-family:'Gotham Medium';
	margin-bottom: 45px;
}
.perdoc p{
	font-size: 17px;
	color: #7f7f7f;
	  font-family: 'Gotham Book';
	margin-top: 20px;
}

/*+++++++++++++articles++++++++++++++++*/
.articlestext{
	padding: 15px;
	box-sizing: border-box;
}
.artclimg{
	position: relative;
}

.newsdetails.galerie .artclimg{ height: 158px;}

.newsdetails.galerie .artclimg img{ height: 158px;
    width: 100%;
    object-fit: cover;}

.newsdetails.galerie .play:before{
    font-family:"Font Awesome 5 free"; content:"\f144";
    color: #fff; position: absolute; top: 50%; left: 50%;
    transform: translate(-50%,-50%); font-size: 50px;
}

.artclimg .date{
	position: absolute;
	left: 0;
	bottom: 0;
	background: #7f7f7f;
	color: #fff;
	padding: 10px 30px;
	 font-family: 'Gotham Black';
	font-size: 16px;
}
.articlestext h2{
	    font-size: 16px;
    color: #7f7f7f;
    font-family: 'Gotham Black';
    line-height: 32px;
}
.articlestext p{
		font-size: 17px;
	color: #7f7f7f;
	  font-family: 'Gotham Book';
	margin-top: 15px;
	opacity: 0.8;
}
.articles{
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: 35px;
}
.articles a{
	text-decoration: none;
}
.articles a:hover .articlestext{
	background: #7e5c33;
	color: #fff;
}
.articles a:hover .articlestext h2, .articles a:hover .articlestext p {
	color: #fff;
}
h2.gdate{
	font-size: 16px;
	color: #7e5c33; text-transform: capitalize;
	font-family: 'Gotham Black';
	margin-bottom: 0;
}
.filter h2{
	font-size: 37px;
	color: #7f7f7f;
	opacity: 0.8;
	 font-family: 'Gotham Light';
	margin-bottom: 50px;
}
.tag {
	margin-bottom: 55px;
}
.tag h3{
	font-size: 18px;
	color: #7f7f7f;
	font-family:'Gotham Medium';
	line-height: 32px;
	margin-bottom: 20px;
	
}
.tagbt{
font-size: 15px;
    color: #7f7f7f;
    font-family: 'Gotham Medium';
    border-radius: 0;
    background: #f2f2f2;
    margin: 0 8px 10px 0;
    width: 130px;
    line-height: 26px;
}
.tagbt.active{
	background: #7f7f7f !important;
	color: #fff !important;
}
.tagbt:hover{
	background: #7f7f7f;
	color: #fff;
}
.dates {
	margin-bottom: 55px;
}
.dates h3{
	font-size: 18px;
	color: #7f7f7f;
	font-family:'Gotham Medium';
	line-height: 32px;
	margin-bottom: 20px;
}
.filter{
	margin-left: 50px;
	
}
.filter::after{
content: "";
    width: 2px;
    height: 690px;
    position: absolute;
    left: 25px;
    top: 8%;
    background: #f5f5f5;
}


/* The container */
.radiocon {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  font-size: 15px;
	color: #7f7f7f;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	font-family:'Gotham Medium';
	line-height: 32px;
}
.radiocon.active{
	 font-family: 'Gotham Black';
}

/* Hide the browser's default radio button */
.radiocon input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 5px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border-radius: 50%;
	    border: 1px solid #ccc;
}

/* On mouse-over, add a grey background color */
.radiocon:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radiocon input:checked ~ .checkmark {
  background-color: #7f7f7f;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radiocon input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radiocon .checkmark:after {
     top: 3px;
    left: 3px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background: #7f7f7f;
    border: 2px solid #fff;
}

.articl.pagination .page-link{
	font-size: 17px;
	line-height: 28px;
	background: #7e5c33;
	border-radius: 0;
	color: #fff;
	font-family: 'Gotham Black';
	    padding: 8px 18px;
	border: 2px solid #ffffff;
}
.articl.pagination .page-link.active{
	background: #f2f2f2;
	color: #9d9d9d;
}
.newsdetails .search{
	    margin-bottom: 50px;
}
.result{
	font-size: 18px;
	color: #7f7f7f;
	font-family: 'Gotham Book';
}
.search .form-control{
	margin-bottom: 0;
	    padding-top: 0;
}
.search .ser{
	margin-right: 15px;
}
.search .close{
	position: absolute;
    top: -12px;
    right: 3px;
}

/* The container */
.rightcon {
display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 15px;
    color: #7f7f7f;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Gotham Medium';
    line-height: 32px;
}
.rightcon.active {
    font-family: 'Gotham Black';
}

/* Hide the browser's default checkbox */
.rightcon input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmarks {
  position: absolute;
  top: 5px;
  left: 0;
  height: 25px;
  width: 25px;
background: #fff;
    border: 1px solid #7f7f7f;
}

/* On mouse-over, add a grey background color */
.rightcon:hover input ~ .checkmarks {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.rightcon input:checked ~ .checkmarks {
     background-color: #ffffff;
    border: 2px solid #7f7f7f;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmarks:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.rightcon input:checked ~ .checkmarks:after {
  display: block;
}

/* Style the checkmark/indicator */
.rightcon .checkmarks:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid #7f7f7f;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.inner-page-menu .searching center a i{
	color: #7f7f7f;
	font-size: 20px;
	padding: 10px 20px;
}

#homeinnermenu{
    display:none;
}

#homeinnermenu.sticky{
    display:block;
}

#homeinnermenu.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.searching center a i{
	color: #fff;
    padding: 10px 40px;
    font-size: 22px;
    line-height: 28px;
}


        /* search start  */

        .search-inline {
            width: 100%;
            left: 0;
            padding-left: 15px;
            padding-right: 15px;
            top: 63px;
            height: 220px;
            position: absolute;
            opacity: 0;
            visibility: hidden;
            background-color: #949494;
            z-index: 9;
            transition: all .5s ease-in-out;
        }

        .search-inline.search-visible {
            opacity: 1;
            visibility: visible;
            animation: fadeInDown 0.4s ease-in-out;
        }

        .search-inline button[type="submit"] {
            position: absolute;
    background-color: transparent;
    border: 0px;
    top: 50px;
    left: 6%;
    padding: 0px;
    cursor: pointer;
    width: 80px;
    background: none;
    font-size: 40px;
    color: #fff;
        }

        .search-inline .form-control {
           border: 0px;
    padding-left: 0;
    font-size: 20PX;
    position: absolute;
    left: 15%;
    top: 55px;
    width: 70%;
	font-family: 'Gotham';
    outline: none;
    background: none;
    border-bottom: 2px solid #fff;
    border-radius: 0;
			color: #FFF;
        }
.search-inline .form-control::placeholder {
	font-size: 20px;
	color: #FFF;
	opacity: 0.2;
}

        .search-inline .search-close {
            position: absolute;
    top: 0;
    right: 50px;
    color: #ffffff;
    width: 80px;
    height: 80%;
    text-align: center;
    display: table;
    background: none;
    text-decoration: none;
    font-size: 30px;
        }

        .search-inline .search-close i {
            display: table-cell;
            vertical-align: middle;
        }

        

        @keyframes fadeInDown {
            from {
                opacity: 0;
                transform: translate3d(0, -20%, 0);
            }
            to {
                opacity: 1;
                transform: translate3d(0, 0, 0);
            }
        }



/*+++++++++++++++ ON LIVE +++++++++++++*/

.captcha .form-text{ 
display: inline-block;
    border-bottom: 1px solid #4c4c4c;
    padding: 2px 15px;
    background: none;
}
.captcha{font-size: 18px;
    color: #010101;
    opacity: 0.8;
    font-family: 'Gotham Light';
	    margin-bottom: 60px;
   }

.shareprint{
    display: flex;
}

.social_share_from span{
    line-height: 22px !important;
}
.footer-btn a{
	color: #7f5c2f;
	text-decoration: none;
}

.footer-btn:hover {
    background: #949494;
    
}
.footer-btn:hover a{
	color: #fff;
}

.sec1-img img{
	height: auto;
}

.navbar-nav .nav-item.has_children > ul{display: none !important;}
.navbar-nav .nav-item.has_children:hover ul{ 
	display: block !important;
	    position: absolute;
    left: 0;
    background: #949494; font-size: 12px;

}

#menu .navbar-light ul.navbar-nav.menu-level-0 > li > ul > li a,
#menu .navbar-light ul.navbar-nav.menu-level-0 > li > ul > li > ul > li a
{
    font-size: 13px;
	text-transform: inherit;
}
#menu ul.navbar-nav li.has_children ul li a.nav-link{ text-transform: uppercase;}

.navbar-nav .nav-item.has_children ul{ border-top: 1px solid #ababab;}
.navbar-nav .nav-item.has_children ul li.has_children ul{ width: 25%; border-top: none; padding-left: 40px;}
.navbar-nav .nav-item.has_children ul li.has_children ul li{ display: block !important;text-align: left !important;}
.navbar-nav .nav-item.has_children ul li a{ color: #000 ;word-break: break-all;font-family:'Gotham Book' !important;}
/* .navbar-nav .nav-item.has_children ul li ul li a{ color: #fff } */
.navbar-nav .nav-item.has_children ul li a:hover{
    color: #ffffff;
}

 #navbar9 .navbar-nav > .nav-item.has_children > ul.menu-level-n {
   justify-content: space-between; padding:0;
}


.inner-page-menu .navbar-collapse.collapse{ position: relative;}
.inner-page-menu .navbar-nav .nav-item.has_children:hover ul{ width: 100%; display: flex !important;}

.inner-page-menu .navbar-nav .nav-item.has_children ul li.has_children ul{
    display: block !important;     padding: 0;
}


.inner-page-menu .navbar-nav .nav-item.has_children ul li{ float: left;padding:0;}
/* .inner-page-menu .navbar-nav .nav-item.has_children ul li a{ color: #fff;} */
.inner-page-menu .navbar-nav .nav-item.has_children ul li.has_children ul li{ display: block !important;text-align: left !important;float: none !important;}
.inner-page-menu .navbar-nav .nav-item.has_children ul li.has_children ul li a{
    font-size: 14px;
	text-transform: inherit;
}
.breadcrumb-item.active {
    color: #c5c5c5;
}
#homeinnermenu.sticky{ z-index: 99;}
.serch-result{ padding-top: 310px !important; }

form#search-block-form button#search{
  position: absolute;
    top: 66px;
    background: none;
    color: #fff;
    font-size: 24px;
    left: 80px;
}

#edit-submit-publication, #edit-submit-galerie{ display: none;}


.recaptcha .msg{
	position: absolute;
    bottom: 180px;
    color: #ff2e2e;
    font-size: 15px;
}
/*.g-recaptcha>div>div>iframe {
	width: 300px !important;
	height: 90px !important;
	transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;
}
.g-recaptcha>div>div>iframe .rc-anchor-light.rc-anchor-compact{
	border: 1px solid #d3d3d3;
	width: auto !important;
    display: flex !important;
}
.g-recaptcha>div>div>iframe .rc-anchor-compact-footer{
	margin-top: 20px !important;
}
.g-recaptcha>div>div>iframe .rc-anchor.rc-anchor-compact{
	height: 90px !important;
    width: auto !important;
}*/



@media(min-width:991px){
.desktop-none{ display:none;}	
}
.navbar-brand .form-group{position:relative;margin: 0;}
.navbar-brand .form-control{
    border-radius: 0;
    font-size: 12px;
    height: 36px;
}
.navbar-brand button{
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    background: #7f5c2f;
    font-size: 14px;
    height: 36px;
    padding: 0 10px;
}
@media(max-width:998px){
.mobile-none{ display:none;}
}



div[aria-label="Status message"]{
	color: green;
    font-weight: 700;
    text-align: center;
    font-size: 20px;
}

.show .search-inline.search-visible{
    opacity: 0;
}


.sticky .search-inline.search-visible{
    opacity: 1;
}


div.contextual{
    position: static;
}