/* This css file is to over write bootstarp css
---------------------------------------------------------------------- */
/*
Theme Name: Heera
Theme URI: http://jeweltheme.com/
Author: JWTheme
Author URI: http://jeweltheme.com/
Description: Heera HTML5 Template by JWTheme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: html, themplate, heera, jwtheme, business
*---------------------------------------------------------------------- */



/*---------------------------------------------------------------------- /
Table of Contents 
------------------------------------------------------------------------ /

* 1 - Google Font
* 2 - General Styles
*   2.1 - Headings 
*   2.2 - Carosuel 
*   2.3 - Title Related  
*   2.4 - Isotope Items Filter
* 3 - Typography Page Start
*   3.1 - Dropcap
*   3.2 - Blockquote
*   3.3 - List Styles
*   3.4 - Text Styles
* 4 - Short Code Page Start 
*   4.1 - Accordion
*   4.2 - Tab

------------------------------------------------------------------------ /
Table of Contents End
------------------------------------------------------------------------*/

/* 1 - Google Font
------------------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800);

/* 1 - Google Font End 
------------------------------------------------------------------------*/


/* 2 - General styles
---------------------------------------------------------------------- */
html,
body {
	font-family: 'Open Sans', Sans-serif;
	font-size: 16px;
	/* overflow: hidden; */
	overflow-x: hidden;

	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-0-font-smoothing: antialiased;
}
a {
	text-decoration: none;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
a:focus {
	text-decoration: none;
	outline:none;
	outline-offset:0;
}
a:hover {
	text-decoration: none;
}
p {
	color: #869093;
	font-size: 0.9375em;
	line-height: 25px;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	/*display: inline-block;*/
}
img {
	max-width: 100%;
	height: auto;
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
iframe,
audio {
	width: 100%;
	height: auto;
	border: none;
}
input,
textarea {
	/* width: 100%; */
}
.form-control:focus,
input:focus,
textarea:focus,
button:focus {
	border: 1px solid #4f5563;
	box-shadow: none;
	outline: 0 !important;
} 
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {

	outline: 0; 
}

/* 2.1 - Headings 
--------------------------------------------- */

/* h1 {
	font-size: 2.75em;
}
h2 {
	font-size: 2.18em;
}
h3 {
	font-size: 1.75em;
}
h4 {
	font-size: 1.375em;
}
h5 {
	font-size: 1.125em;
}
h6 {
	font-size: 1em;
} */
p { text-align: justify; }
h1,h2,h3,h4,h5,h6 {
	margin: 0px;
	text-transform: uppercase;
}


/* Top Contact Section */
.top-contact {
	background-color: #3498db;
	font-size: .875em;
	height: 55px;
	line-height: 53px;
}
.contact-list li {
	padding-right: 25px;
}
.contact-list a {
	color: #ffffff;
}
.top-icon {
	background-color: #855d67;
	border-radius: 3px;
	color: #ffffff;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
	text-align: center;
	float: right;
}

.langue{
	color: #2b2f6c !important;
}
a.langue:active, a.langue:focus, a.langue:hover{
    color: #99cc33 !important;
}

.top-lang {
	text-align: right;
	
	padding: 2% 0 0 0 !important;
	/* position: absolute;
    right: 80px; 
    padding-top: 2%;*/
}
a.top-icon.fa.fa-facebook {
    background-color: #4c76be;
}
a.top-icon.fa.fa-twitter{
	background-color: #00c7ff;
}
a.top-icon.fa.fa-rss{
	background-color: #fcc433;
}
a.top-icon.fa.fa-linkedin{
	background-color: #0077b5;
}
a.top-icon.fa.fa-google-plus{
	background-color: #db4437;
}
/* Site Banner Section */

.site-banner {
	background-color: #ffffff;
	height: auto;
}
.site-logo {
	padding-top: 10px;
	padding-bottom:10px;
	text-align: left;
}



/* Main Menu Section */

.main-menu {
	background-color: #c6cdd5 !important;
	
}
.navbar-collapse {
	padding: 0px;
}
.menu-logo {
	display: none;
}
.navbar-toggle:focus {
	border: none;
	outline: 0;
}
.nav>li>a:hover, .nav>li>a:focus {
	background-color:#669933;
	color: white;
	
}
.navbar-nav>li>a {
	
	color: #4f5563;
	display: inline-block;
	font-size: .875em;
	
	text-transform: capitalize;

	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}

/*.menu-list .active a {
	color: #ffffff;
    background: #99cc33;
}*/
.menu-list li:first-child a {
	
}
.under-lang {
	
	padding-right: 0px;
	padding-top: 5%;
	/* position: relative;
     right: 50px; 
    top: 40px; */
}
.search-form {
	font-size: .875em;
	/* position: relative;
	padding-top: 15px; */
}
.search-field {
	border: 1px solid #669933;
    padding: 0 0 0 10px;
    width: 100%;
    height: 30px;
	line-height: 40px;
    background: #669933;
	border-radius: 4px;
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	/* position: absolute;
    right: 140px; */
   
}
.search-field:focus {
	color: white;
}
#my-search-form input#s::-webkit-input-placeholder {color:#ffffff;height: 50px;}
#my-search-form input#s::-moz-placeholder          {color:#ffffff;height: 50px;}
#my-search-form input#s:-moz-placeholder           {color:#ffffff;height: 50px;}
#my-search-form input#s:-ms-input-placeholder      {color:#ffffff;height: 50px;}


#news-letter input#subscribe-email::-webkit-input-placeholder {color:#000000;height: 50px;}
#news-letter input#subscribe-email::-moz-placeholder  {color:#000000;height: 50px;}
#news-letter input#subscribe-email::-moz-placeholder {color:#000000;height: 50px;}
#news-letter input#subscribe-email::-ms-input-placeholder {color:#000000;height: 50px;}
#news-letter input#subscribe-email::-webkit-transition: all .2s;
#news-letter input#subscribe-email::-moz-transition: all .2s;


.search-btn {
	background-color: #669933;
    color: #ffffff;
    position: absolute;
    right: 95px;
    
	height: 30px;
}
i.fa.fa-search {
    position: absolute;
    top: 8px;
    right: 2px;
}

.header-fixed-top header.sticky {
	background-color: #ffffff;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	-webkit-animation-duration: 0.45s;
	-moz-animation-duration: 0.45s;
	-ms-animation-duration: 0.45s;
	-o-animation-duration: 0.45s;
	animation-duration: 0.45s;
}

/* header#main-menu{
	height: 47px;
} */

/* Main Slider Section */
.carousel-caption {
	left: 0;
	padding-bottom: 0px;
	background-color: rgba(0, 0, 0, 0.4);
	width: 100%;
	height: 100%;
	bottom: 0px;

}

.slider-icon {
	color: #ffffff;
	font-size: 4em;
}
.carousel-title {
	font-size: 4em;
}
.main-slider span {
	color: #fff;
	display: block;
	text-transform: uppercase;
	margin: 15px 0px;
	font-weight: 800;
}
.main-slider .btn {
	background-color: #ffffff;
	color: #3498db;
	margin-top: 30px;
	padding: 10px 15px;
	text-transform: capitalize;
}
.main-slider .btn:hover {
	background-color: #3498db;
	color: #ffffff;
}
.main-slider .carousel-control.right,
.main-slider .carousel-control.left {
	background-image: none;
	background-color: rgba(0, 0, 0, 0.6);
	font-size: 2em;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	top: 50%;
	margin-top: -25px;

	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.main-slider .carousel-control.right {
	right: -10%;
}
.main-slider .carousel-control.left {
	left: -10%;
}
.main-slider:hover .carousel-control.right {
	right: 0%;
}
.main-slider:hover .carousel-control.left {
	left: 0%;
}
.main-slider .carousel-control:hover {
	color: #3498db;
}

/* About Section */
.next-ban-area {
	margin-top: 40px;
}
.about-area {
	background: #ffffff;
	/* border-top: 2px solid #93cd3b; */
	position: relative;
}
.title-area-9 {
	top: -2px;
    /* width: auto;
    left: 50%;
    margin-left: -439px; */
    position: absolute;
}
.title-area-3 {
	
    width: auto;
    
}
.about-title {
    background: #ffffff;
    color: #93cd3b;
    padding: 0 10px 0 0;
    font-weight: 800;
	font-size: 20px;
    padding-top: 0px;
    text-transform: uppercase;
}
.about-title-9{
	background: #ffffff;
    color: #4f5563;
    padding: 0 10px 0 0;
    font-weight: 800;
	
    padding-top: 0px;
    text-transform: uppercase;
}
.about-title-3{
	background: #ffffff;
    color: #4f5563;
    padding: 0 10px 0 0;
    font-weight: 800;
	font-size: 20px;
    padding-top: 0px;
    text-transform: uppercase;
}
.about-title-12 {
    background: #ffffff;
    color: #93cd3b;
    
    font-weight: 800;
    padding-top: 15px;
    text-transform: uppercase;
}
.about .title-description {
	padding-bottom: 15px;
	margin: 0px;
}
.about-items {
	
	display: inline-block;
	padding-top: 20px;
}
.about-items .item {
	padding-bottom: 60px;
}
.item-top {
	
	color: #3498db;
	padding: 15px 0px;
}
.about-items .item-title {
	font-weight: 600;
	padding-bottom: 3px;
/* 	text-transform: uppercase; */
}
.about-items .sub-title {
	font-size: 1.25em;
	font-weight: 300;
}
.about-items .item-description {
	color: #869093;
	font-size: .875em;
	padding: 20px 0px 12px 0px;
}
.about-items .btn {
	
	color: #ffffff;
	font-size: .875em;
	font-weight: 700;	
	text-transform: uppercase;
}
/* .about-items .btn:hover {
	background-color: #ffffff;
	border-color: #333366;
	color: #333366;
} */

/* Portfolio Section */
.portfolio-top {
	position: relative;
}
.portfolio-area {
	
	padding: 40px 0px;
}
.portfolio-title {
	color: #4f5563;
	font-size: 2.125em;
	font-weight: 800;
	position: relative;
	text-transform: uppercase;
}
.portfolio-title:before,
.portfolio-title:after {
	content: '';
	position: absolute;
	top: 50%;
	height: 1px;
	background-color: #505761;
	width: 32%;
}
.portfolio-title:before {
	left: 0px;
}
.portfolio-title:after {
	right: 0px;
}
.portfolio-area .title-description {
	color: #3498db;
	font-size: .875em;
	padding-top: 5px;
}
.portfolio-slider {
	padding-top: 25px;
}
.portfolio-slider .item {
	border-bottom: 2px solid #505761;
	display: inline-block;
}
.portfolio-slider .item-title {
	color: #869093;
	display: inline-block;
	font-size: .875em;
	padding: 5px 0px;
}
.slide-nav {
	background-color: #505761;
	border: 1px solid transparent;
	
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	width: 25px;
	height: 25px;
	line-height: 23px;
	text-align: center;
	top: 6px;
	position: absolute;
}
.slide-nav:hover {
	background-color: #ffffff;
	border-color: #505761;
	color: #505761;
}
.slide-left {
	left: 0px;
}
.slide-right {
	right: 0px;
}

/* Services Section */
.services {
	padding: 60px 0px 0px 0px;
}
.service-area {
	border-bottom: 2px solid #3498db;
	display: inline-block;
}
.service-items .item-title {
	color: #3498db;
	font-size: 1.5em;
	font-weight: 800;
	padding-bottom: 5px;
	text-transform: uppercase;
}
.service-items .sub-title {
	color: #3498db;
	font-size: 1.5em;
	font-weight: 300;
	line-height: 27px;
}
.service-items .item {
	padding-bottom: 60px;
}
.service-items .item-1 {
	border-bottom:  1px solid #d7dee0;
}
.service-items .item-2 {
	padding-top: 40px;
}
.service-items .btn {
	background-color: #3498db;
	color: #ffffff;
	font-weight: 800;
	margin-top: 15px;
	padding: 8px 15px;
	text-transform: uppercase;
}
.service-items .btn:hover {
	background-color: #ffffff;
	border-color: #3498db;
	color: #3498db;
} 
.panel-default {
	border-color: #e9e9e9;
	
}
.panel-default>.panel-heading {
	background-color: #ffffff;
	padding: 16px 65px;
	position: relative;
}
.panel-title {
	color: #6f7678;
	font-size: .875em;
	font-weight: 700;
}
.panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group {
	border-color: #e9e9e9;
}
.panel-title a:before, .panel-title a.collapsed:before {
	font-family: FontAwesome;
	position: absolute;
	left: 0px;
	top: 0px;
	background-color: #3498db;
	color: #ffffff;
	padding: 16px;
	border-radius: 2px;
}
.panel-title a.collapsed:before {
	content: "\f067";
}
.panel-title a:before {
	content: "\f068";
}
.panel-body {
	padding: 30px;
}
.service-image {
	float: left;
	padding-right: 30px;
}
.accordion-title {
	color: #3498db;
	font-size: .875em;
}

/* Latitle-border post Section */
.post-area {
	padding-top: 60px;
	padding-bottom: 20px;
}
.latitle-border-posts {
	padding-bottom: 35px;
	padding-top: 40px;
	display: inline-block;
}
.post-area-title {
	color: #6f7678;
	font-size: 2.125em;
	font-weight: 800;
	text-transform: uppercase;
	position: relative;
}
.post-area-title:before, 
.post-area-title:after {
	content: '';
	background-color: #d7dee0;
	top: 50%;
	height: 1px;
	position: absolute;
	width: 32%;
} 
.post-area-title:before {
	left: 0px;
}
.post-area-title:after {
	right: 0px;
}
.latitle-border-post .title-description {
	color: #3498db;
}
.latitle-border-post .item {
	padding-bottom: 25px;
}
.latitle-border-post article {
	border-bottom: 2px solid #3498db;
	padding-bottom: 25px;
	vertical-align: text-top;
}
.post-meta {
	border-bottom:  1px solid #d7dee0;
	color: #6f7678;
	font-size: .875em;
	padding: 15px 0px;
}
.entry-meta span {
	display: inline-block;
	position: relative;
	padding-right: 10px;
}
.entry-meta span:before {
	content: '/';
	position: absolute;
	top: 0px;
	right: 0px;
}
.entry-meta span:last-child:before {
	content: '';
}
.entry-meta a {
	color: #6f7678;
}
.entry-meta a:hover {
	color: #3498db;
} 
.tag-list li {
	padding-right: 5px;
	position: relative;
}
.tag-list li:before {
	content: ',';
	position: absolute;
	bottom: 0px;
	right: 0px;
} 
.tag-list li:last-child:before {
	content: '';
} 
.post-content {
	padding-top: 15px;
}
.entry-title {
	color: #6f7678;
	font-size: 1.5em;
	font-weight: 700;
	text-transform: uppercase;
}
.entry-title a {
	color: #6f7678;
}
.entry-title a:hover {
	color: #3498db;
}
.entry-text {
	font-size: .875em;
	line-height: 23px;
	padding-top: 10px;
}
.post-content .btn {
	background-color: #3498db;
	border: 1px solid transparent;
	border-radius: 2px;
	color: #ffffff;
	font-size: .75em;
	font-weight: 800;
	margin-top: 15px;
	padding: 10px 15px;
	text-transform: uppercase;
}
.post-content .btn:hover {
	background-color: #ffffff;
	border-color: #3498db;
	color: #3498db;
}


/* Subscribe Section */

.subscribe-section {
	padding:  0px;
}
.subscribe-section p {
	margin: 0px; 
}
.subscribe-section input {
	max-width: 510px;
	display: inline-block;
}
.subscribe-section .form-control {
	margin: 0px !important;
}
.subscribe-section .btn {
  background: #ffffff !important;
  border-radius: 0px;
  color:  #3498db !important;
  padding: 11px 50px !important;
  max-width: 200px;
  font-weight: normal !important;
  margin-top: -1px;
  margin-left: 10px;
}











/* Contact Section */
.map-container img{
	max-width: inherit;
	height: inherit;
}
.google-map-container {
	width: 100%;
	height: 600px;
}

.message-details {
	padding: 60px 0px;
}
.message-details input,
.subscribe-section input {
	padding: 21px 20px !important;
}
.message-details .form-control,
.subscribe-section .form-control {
	border: 1px solid #e9e9e9;
	border-radius: 2px;
	box-shadow: none;
	font-size: .875em;
	padding: 20px;
	margin-bottom: 15px;
}
.message-details .btn,
.subscribe-section .btn {
	background-color: #3498db;
	border: 1px solid transparent;
	border-radius: 2px;
	color: #ffffff;
	font-size: .875em;
	font-weight: 800;
	width: 100%;
	padding: 12px 16px;
	text-transform: uppercase;

	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.message-details .btn:hover,
.subscribe-section .btn:hover {
	background-color: #ffffff;
	border-color: #3498db;
	color: #3498db;
}

/* Blog Post Single Page */

.main-content {
	padding-top: 40px;
}
.blog-post-singgle-page .post-meta {
	position: relative;
}
.blog-post-singgle-page .author-avatar {
	float: left;
	width: 60px;
	height: 60px;
}
.blog-post-singgle-page .entry-meta-content {
	display: inline-block;
	padding-left: 15px;
}
.blog-post-singgle-page .post-content {
	border-bottom: 2px solid #3498db;
	padding-bottom: 40px;
	padding-top: 50px;
}
.blog-post-singgle-page blockquote {
	border-left: 4px solid #3498db;
	font-size: .93em;
	font-style: italic;
	margin-left: 50px;
	color: #6f7678;
	background: #f7f7f7;
	padding: 15px 25px;
	line-height: 25px;
	position: relative;
	z-index: 1;
}
.blog-post-singgle-page blockquote:before {
	content: "\f10d";
	font-family: FontAwesome;
	position: absolute;
	top: 10px;
	color: #C9CBCB;
	left: 15px;
	font-size: 2em;
	z-index: -1;
} 
.comments {
	padding: 60px 0px;
}
.comment {
	color: #6f7678;
	padding: 20px 0px;
}
.comment-title {
	color: #6f7678;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 10px;
}
.title-icon {
	padding-right: 10px;
}
.comments-details {
	border-bottom: 1px solid #d7dee0;
	padding-bottom: 40px;
}
.comment-author {
	float: left;
	width: 90px;
	height: 90px;
}
.comment-author img {
	max-width: 100%;
	max-height: 100%;
}
.comment-content {
	padding-left: 95px;
}
.comment .author-name {
	font-weight: 700;
	font-size: 1.25em;
	text-transform: uppercase;
}
.comment-date {
	font-size: .78em;
}
.comment-content p {
	font-size: .875em;
	line-height: 23px;
	padding-top: 10px;
}
.child {
	padding-left: 95px;
}
.comment-content .btn {
	background-color: #3498db;
	border: 1px solid transparent;
	border-radius: 2px;
	color: #ffffff;
	font-size: .875em;
	font-weight: 700;
}
.comment-content .btn-icon {
	padding-right: 5px;
}
.comment-content .btn:hover {
	background-color: #ffffff;
	border-color: #3498db;
	color: #3498db;
}
.leave-comment {
	padding: 60px 0px 20px 0px;
}
.leave-comment .title {
	color: #6f7678;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 30px;
}
.commentform input,
.commentform textarea {
	border: 1px solid #d7dee0;
	font-size: .875em;
	margin-bottom: 15px;
	padding: 10px 20px;
}
.submit-btn {
	background-color: #3498db;
	border: 1px solid transparent;
	border-radius: 2px;
	color: #ffffff;
	font-size: .875em;
	font-weight: 700;
	text-transform: uppercase;
	padding: 10px 20px;

	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.submit-btn:hover {
	background-color: #ffffff;
	border-color: #3498db;
	color: #3498db;
}

/* Blog Sidebar */
.blog-sidebar {
	padding-left: 30px;
}
.blog-sidebar .widget {
	padding-bottom: 40px;
}
.blog-sidebar .widget-title {
	color: #6f7678;
	font-size: 1.25em;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 15px;
}
.blog-sidebar a {
	color: #869093;
}
.blog-sidebar a:hover {
	color: #3498db;
} 
.category-list li {
	display: block;
}
.category-list a {
	font-size: .875em;
	padding: 3px 0px;
	display: inline-block;
}

.recent-post li {
	display: block;
	font-size: .875em;
	padding-bottom: 10px;
}
.recent-post .post-title {
	font-size: 1.1em;
	text-transform: capitalize;
}
.recent-post .post-meta {
	border: none;
	padding: 0px 0px;
}

.tag-cloud-wrapper a {
	border: 1px solid #6f7678;
	display: inline-block;
	font-size: .8em;
	padding: 5px 10px;
	margin: 0px 2px 5px 0px;
}
.tag-cloud-wrapper a:hover {
	background-color: #3498db;
	border-color: #3498db;
	color: #ffffff;
}

.archive-list li {
	display: block;
	font-size: .87em;
	padding-bottom: 5px;
}
.archive-list .count {
	position: relative;
	padding: 0 5px;
	margin-left: 10px;
}
.archive-list .count:before {
	content: '(';
		position: absolute;
		left: 0px;
		top: 0px;	
	}
	.archive-list .count:after {
		content: ')';
position: absolute;
right: 0px;
top: 0px;	
}
.archive-list li:hover {
	color: #3498db;
}

.widget_calendar td a,
.widget_calendar td a:after {
	-webkit-transition: all .20s ease;
	-moz-transition: all .20s ease;
	-ms-transition: all .20s ease;
	-o-transition: all .20s ease;
	transition: all .20s ease;
}
.widget_calendar table {
	width: 100%;
	text-align: center;
}
.widget_calendar caption {
	color: #6f7678;
	text-align: center;
	font-weight: bold;
	line-height: 23px;
	font-size: 1.15em;
	height: 40px;
	border: 1px solid #e6e6e6;
	border-bottom: none;
	border-bottom: none;
}
.widget_calendar tbody{
	border: 1px solid #e6e6e6;
	border-top: none;
}
.widget_calendar th {
	color: #ffffff;
	height: 40px;
	text-align: center;
	border: 1px solid #3498db;
	background-color: #3498db;
}
.widget_calendar td {
	height: 40px;
	text-align: center;
	border: 1px solid #e6e6e6;
	font-size: .875em;
}
.widget_calendar td a{
	display: inline-block;
	width: 100%;
	height: 100%;
	line-height: 38px;
	position: relative;
	z-index: 0;
	font-weight: 700;
	font-size: 1.15em;
}
.widget_calendar td a:after{
	content: "";
	position: absolute;
	top: 8px;
	left: 8px;
	bottom: 8px;
	right: 8px;
	background-color: transparent;
	z-index: -1;
}
.widget_calendar td a:hover{
	color: #ffffff;
}
.widget_calendar td a:hover:after {
	top: 0px;
	left: 0px;
	bottom: 0px;
	right:0px;
	background-color: #3498db;
}
.rss-icon {
	color: #FF6600;
	padding-right: 10px;
}
.widget_rss li {
	display: block;
	font-size: .875em;
	padding-bottom: 5px;
}
/* Scroll To Top */

.scroll-to-top {
	position: fixed;
	right: 35px;
	bottom: 35px;
	font-size: 1.15em;
	height: 40px;
	width: 40px;
	background-color: #99cc33;
	line-height: 38px;
	color: #ffffff;
	text-align: center;
	opacity: .3;
	cursor: pointer;

	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	-ms-transition: all .25s ease;
	-o-transition: all .25s ease;
	transition: all .25s ease;
}
.scroll-to-top:hover {
	opacity: 1;
}


/* Footer Section */
footer {
	/* background-color: #3498db;
	color: #ffffff; */
	font-size: .875em;
}
footer p,
footer a {
	color: #ffffff;
}
.footer-top {
	padding-top: 10px;
    padding-bottom: 10px;
	background-color: #666666;
}
.footer-bottom{
	background-color: #333333;
}

.tweet {
	display: inline-block;
	border-bottom: 1px solid #ffffff;
	padding-bottom: 40px;
}
.tweet-icon {
	display: block;
	font-size: 2em;
}
.tweet-author {
	display: inline-block;
	font-weight: 700;
	padding-bottom: 5px;
	padding-left: 15px;
	position: relative;
}
.tweet-author:before {
	content: '@';
	position: absolute;
	left: 0px;
	top: 0px;
	font-weight: 300;
}
.tweet-details {
	font-size: 1em;
	margin-bottom: 5px;
	line-height: 20px;
}
.tweet time {
	font-size: .93em;
	padding: 0px 10px;
	text-transform: lowercase;
	position: relative;
}
.tweet time:before,
.tweet time:after {
	content: '';
	top: 4px;
	position: absolute;
	height: 60%;
}
.tweet time:before {
	border-left: 1px solid #ffffff;
	left: 0px;
}
.tweet time:after {
	border-right: 1px solid #ffffff;
	right: 0px;
}
.copyright {
	line-height: 50px;
	position: relative !important;
}

/* banner next */
.ban-next {
	margin-top: 15px;
}


/* .title-btn{
	position: absolute;
    left: 290%;
    width: 100%;
    color: white;
    background-color: #9acd34;
    border: none;
    font-size: 16px;
    font-weight: normal;
} */
.title-btn {
    position: absolute; 
    right: 1.4%;
	top: 0.04%;
    width: auto;
    float: right;
    color: white;
    background-color: #9acd34;
    border: none;
    font-size: 17px;
    font-weight: normal;
}

/* i.fa.fa-plus {
    position: absolute;
    left: 90%;
    padding-top: 1px;
} */
.actualite-content {
	padding: 0px;
	overflow: auto;
}
.col {
    padding: 8px;
}
.lire-plus{
	position: relative;
    left: 90%;
	color: #9c3;	
}
.lire-plus:hover{
	color:#4f5563;
}

/* 
.button-plus-area:before { content: '';
    position: absolute;
    left: 8px;
    border-bottom: 2px #99cc33 solid;
    height: 40px;
    width: 104px;
    transform: translateY(-50%);
   }
   .button-plus-area:after  { content: '';
    position: absolute;
    left: 200px;
    border-bottom: 2px #99cc33 solid;
    height: 20px;
    width: 109px;
    transform: translateX(-50%);
   }
    */
   .about-title-12:before {
    content: '';
    position: absolute;
    left: 0px;
    border-bottom: 2px #99cc33 solid;
    height: 40px;
    width: 440px;
    transform: translateY(-50%);
}
   .about-title-12:after {
    content: '';
    position: absolute;
    left: 730px;
    border-bottom: 2px #99cc33 solid;
    height: 40px;
    width: 420px;
    transform: translateY(-50%);
}

.btn-title-left {
    position: absolute;
    left: -15px;
    top: 5px;
}
.btn-title-right {
    position: absolute;
    right: 5px;
    top: 5px;
}
section#subscribe-section {
    background-image: url("../../uploads/envelope.jpg");
	background-repeat: no-repeat;
    background-size: cover;
}

.widget-title {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
	color: white;
}
.widget-item {
    font-size: 14px;
    font-weight: 300;
	padding-left: 5px;
	color: white;
}

iframe {
	height: 240px;
}
.btn-map{
	position: absolute;
}
.map{
	padding-left: 75px;
}
.img-12{
	width: 100%;
}

.btn {

    padding: 0 6px 0 6px;
    border-radius: 0px;
}

.item-date{
	padding: 5px;
	color: #333366;
    font-weight: 600;
	text-transform: capitalize;
}

.item-adress {
    color: black;
    text-transform: capitalize;
    padding: 5px;
	height: 22px;
    overflow-y: hidden;
	margin-bottom: 5px;
}

.item-title {
    color: black;
    text-transform: capitalize;
    padding: 5px;
	overflow-y: hidden;
	height: 22px;
	font-weight: 600;
}
.item-image {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 190px;
}
.item {
    width: 100%;
	padding: 0 10px 0 10px;
}
.item-btn-right{
	/*position: absolute;
    left: 280px;
	right: 18px;*/
	float: right;
}
.item-actualite{
	color: #9c3;
}
.item-event{
	color: #cc6666;
}
.item-agenda{
	color: #99cc66;
}

.item-btn-actualite{
	background-color: rgba(79, 85, 99, 0.35);
}
.item-btn-plus-actualite{
	background-color: #9c3;
	color: white;
}
.item-btn-event{
	background-color: #cc6666;
}
.item-btn-agenda{
	background-color: #99cc66;
}
.item-btn-actualite:hover {
	background-color: #ffffff;
	border-color: rgba(79, 85, 99, 0.35);
	color: rgba(79, 85, 99, 0.35);
	border: 1px solid ;
}
.item-btn-plus-actualite:hover {
	background-color: #ffffff;
	border-color: #9c3;
	color: #9c3;
	border: 1px solid ;
}
.item-btn-event:hover {
	background-color: #ffffff;
	border-color: #cc6666;
	color: #cc6666;
	border: 1px solid ;
}
.item-btn-agenda:hover {
	background-color: #ffffff;
	border-color: #99cc66;
	color: #99cc66;
	border: 1px solid ;
}
.item-type {
   position: relative;
    /* right: 18px; */
    /* bottom: 175px; */
    width: 100px;
    height: 25px;
    text-align: center;
    color: white;
    font-weight: 700;
    float: right;
    margin-top: -25px;
    /* z-index: 995; */
}
.title-border {
    
    height: 26px;
}

.border {
    border-bottom: 2px solid #4f5563;
    /* height: 0px; */
    margin-bottom: -20px;
    margin-top: 15px;
}
.icon-section {
	width: 100%;
    height: auto;
} 
.icon-section-title{
	color: white;
    font-weight: 600;
    font-size: small;
    text-align: center;
    padding-top: 10%;
}
.icon-section-img{
	text-align: center;
    padding-top: 15%;
    padding-bottom: 10%;
}
.icon-section-img .fa{
	font-size: 47px;
	color: white;
}
.menu-search{
	padding-right: 5px;
    padding-left: 5px;
}
.social-icon{
	padding-right: 5px;
    padding-left: 5px;
}
/* ----------- colors ------------------- */
.grey-plus-BG{
	background-color: #4f5563;
}
.grey-BG{
	background-color: #96a0ac;
}
.green-BG{
	background-color: #99cc33;
}
.orange-BG{
	background-color: #ff5e00;
}
.green-service-BG{
background-color: #00a91c;
}
.purple-BG{
	background-color: #7e8693;
}
.blue-BG{
	background-color: #4f5563;
}
.Indian-Red-BG{
	background-color: #cc6666;
}
.grey-title{
	color: #4f5563;
}
.grey{
	color: #999999;
}
.purple{
	color: #986699;
}
.blue{
	color: #333367;
}
.Indian-Red{
	color: #cc6666;
}
.grey-line{
	border-bottom: 3px solid #4f5563;
}
.grey-border{
	border-bottom: 3px solid #999999;
}
.purple-border{
	border-bottom: 3px solid #986699;
}
.blue-border{
	border-bottom: 3px solid #4f5563;
}
.Indian-Red-border{
	border-bottom: 3px solid #cc6666;
}
/* ----------------------------------------------------- */
.dep{
	width: 100%;
    height: 50px;
	background-repeat: no-repeat!important;
	background-size:cover;
	overflow: hidden;
	height: 100px;
	width: 100%;
}
.img-background{
	background-repeat: no-repeat!important;
	background-size:cover;
	overflow: hidden;
	height: 100px;
	width: 100px;
}
.dep-img{
	
}
.dep-btn{
	text-align: center;
    /* padding-top: 55%; */
    position: relative;
    float: initial;
    top: 28px;
}
.dep-title{
	text-align: center;
    background-color: #4f5563;
    font-size: 12px;
    font-weight: 600;
    color: white;
    height: 40px;
    padding-top: 6%;
    position: relative;
    top: 60px;
    font-family: century gothic;
}
.dep-title:hover{
	background-color: #9c3;
}
.info-map{
	background-color: #e6e4e4;
}
.info-map h2 {
	padding-top: 30px;
}
.full{
	width:100%!important;
}
.formulaire h3 {
	color: #9E9E9E;
	font-weight: 900;
}
.formulaire .cf{
	padding-left: 20%;
	padding-right: 20%;
}
.formulaire label {
	color: #9E9E9E;
	width: 100%;
}
.formulaire input, textarea {
	
	width: 100%;
}
.formulaire {
	padding-left: 0px !important;
    padding-right: 0px !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
	
	box-sizing: border-box;
}
input[type="text"], input[type="email"], textarea{
	color: black;
}
html input[type="button"], input[type="reset"], input[type="submit"]{
	-webkit-appearance: button;
    cursor: pointer;
	font-weight: bold;
    text-align: center;
    text-transform: uppercase;
	color: white;
	border: transparent;
	padding: 5px 10px;
	border-radius: 4px;
}
.breadcrumb-ban {
	 
	background-repeat: no-repeat; 
	min-height: 200px; 
	line-height: 164px;
	padding: 0;
    margin: 0;
    border-bottom: 0;
    position: relative;
}
.breadcrumb{
	margin: 0;
    padding: 0;
    background: transparent;
    position: relative;
    z-index: 9;
    line-height: 25px;
}
.breadcrumb li {
	font-weight: 700;
}
.breadcrumb a {
 color:#99cc33;
}

.breadcrumb-orange a {
 color:#ff5e00;
}
.breadcrumb-vert a {
 color:#00a91c;
}
.breadcrumb-ban-header{
	padding: 15px 0; 
	position: absolute;
    color: #fff;
    width: 100%;
    height: 100%;
}
.breadcrumb-title{
	font-size: 30px;
    color: #ffffff; 
	text-align: left;
    padding: 15px 0;
    margin-bottom: 10px!important;
}


/* Carousel Styles */
.carousel-indicators .active {
    background-color: #99cc33;
}

.carousel-inner img {
    width: 100%;
    max-height: 460px
}

.carousel-control {
    width: 0;
}

.carousel-control.left,
.carousel-control.right {
	opacity: 1;
	filter: alpha(opacity=100);
	background-image: none;
	background-repeat: no-repeat;
	text-shadow: none;
}

.carousel-control.left span {
	padding-left: 0px;
}

.carousel-control.right span {
	padding-left: 0px;
}

.carousel-control .fa-chevron-left, 
.carousel-control .fa-chevron-right, 
.carousel-control .icon-prev, 
.carousel-control .icon-next {
	position: relative;
	top: 45%;
	z-index: 5;
	display: inline-block;
}

.carousel-control .fa-chevron-left,
.carousel-control .icon-prev {
	left: 100px;
}

.carousel-control .fa-chevron-right,
.carousel-control .icon-next {
	right: 100px;
}

.carousel-control.left span,
.carousel-control.right span {
	
}

.carousel-control.left span:hover,
.carousel-control.right span:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}

/* Carousel Header Styles */
.header-text {
    position: absolute;
    top: 30%;
    left: 1.8%;
    right: auto;
    width: 96.66666666666666%;
    color: #fff;
}

.header-text h2 {
    font-size: 40px;
}

.header-text h3 {
    font-size: 24px;
}

.header-text h2 span {
    padding: 10px;
    
    font-weight: 700;
}

.header-text h3 span {
	padding: 15px;
    
    font-weight: 700;
}

.btn-min-block {
    min-width: 170px;
    line-height: 26px;
}

.btn-theme {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    margin-right: 15px;
}

.btn-theme:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}
.dropdown-special{
	left: -56.5%;
    width: 760%;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{
	color: #ffffff;
    background-color: #7e8693;
}

.dropdown-menu>li>a{
	color: #4f5563;
	background-color: #c6cdd5;
}
.dropdown-menu{
	position:absolute !important;
	background-color: #c6cdd5;
	padding: 0 !important;
	border: 0px;
	border-radius: 0px;
	border-top: 7px solid #669933;
}
.dropdown-style{
	width: 562px;
    border-radius: 0 5px 5px 0;
    padding: 5% 5% 5% 0px;
    height: 233px;
    top: -24px!important;
}

.link-previews.desktop {
    position: relative;
    left: 100%;
    top: -67px;
    padding: 10%;
}
.dropdown-submenu {
  /*  position: relative; */
  margin-top: 5px;
  margin-bottom: 5px;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
	background-color: #669933;
    border-color: #669933;
}

.dropdown-submenu>ul>li>a:focus, .dropdown-submenu>ul>li>a:hover {
    font-weight: 800;
    background-color: transparent;
}

.serviceCarmine{
background-color: #880015!important;
color:white;
}
.serviceFreeSpeechBlue{
background-color: #3f48cc!important;
color:white;
}
.serviceDeepFir{
background-color: #0b3718!important;
color:white;
}
.serviceJazzberryJam{
background-color: #b9005c!important;
color:white;
}
.serviceDeepSkyBlue{
background-color: #00a2e8!important;
color:white;
}
.serviceOrangeRed{
background-color: #e73805!important;
color:white;
}
.serviceDarkPastelGreen{
background-color: #22b14c!important;
color:white;
}
.dropdown, .dropup {
    position: none !important;
}

.display-block{
	display: block!important;
}

.item-image-partenaire{
	width: 100%;
}

.input-contact{
	border: 1px solid #9E9E9E;
    padding: 0 0 0 10px;
    width: 100%;
    height: 30px;
    line-height: 40px;
    background: rgba(158, 158, 158, 0.26);
    border-radius: 4px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}
.image-part{
width:auto;
height:100px;
}

.dep-hover{
	background-color: #669933;
    color: white;
}

.submenu-margin {
    margin: 10px 0 10px 0;
}
.text-menu{
	color:#FFFFFF;
}
.text-sub-menu{
	color:#333;
}

.change-div{
visibility: hidden;	
}

/*.a:focus, a:hover {
    color: white;
}*/
.hover-div:hover{
	/*font-weight:800;*/
	text-decoration:underline;
}
.white-text{
	background-color:#669933;
	color: white !important;
}
.orange-text{
	color: white !important;
}

.one-btn-map{
	width: 75px;
    height: 80px;
}

#sans-puce{
	    display: block;
}
.col-lg-4{
	padding:0;
}
.col-lg-8{
	padding:0;
}
.col-lg-12{
	padding: 10px;
    margin: 0px;
}   
.subscribe-label{
	color: white; 
	text-align: right; 
	padding-top: 10px;
}
.panel-mobile-heading{
	background-color: #979fac !important;
}
.panel-mobile-heading h3{
	color: #4f5563 !important;
	font-weight: 600 !important;
}
.panel-mobile-collapse{
	background-color: #e1e2e4 !important;
	padding: 5px 10px !important;
}
.btn-impr{
		border-right: 2px solid;
    	right: 3.8%;
	}
.tags{
	width: 100px;
    height: 25px;
    text-align: center;
    color: white;
    font-weight: 700;
    background-color: rgba(79, 85, 99, 0.35);
    margin: 1%;
    display: inline-grid;
    padding: 0px 5px 0px 5px;
}
.tags:hover{
	background-color: #ffffff;
    border-color: rgba(79, 85, 99, 0.35);
    color: rgba(79, 85, 99, 0.35);
    border: 1px solid;
}
a.text-menu:hover {
    color: white;
}
.uk-accordion-title::after {
    content: "";
    width: 1.4em;
    height: 1.4em;
    float: right;
    background-image: url("plus.PNG");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.open>.uk-accordion-title::after{
	background-image: url("moin.PNG");
}
.uk-accordion-title {
    margin: 0;
    font-size: 1.133rem;
    line-height: 1.4;
    cursor: pointer;
    overflow: hidden;
}
.uk-accordion-content {
    margin-top: 20px;
}
.copyright>a:hover {
    color: #7ba440;
}

@media print {
  body * {
    visibility: hidden;
  }
  #section-to-print, #section-to-print * {
    visibility: visible;
  }
  #section-to-print {
    position: absolute;
    left: 0;
    top: -300px;
  }
}

#info p{
    color: white !important;
}