/* === Body default === */

body {
	font-size: 1em;
	color: #333154;
}

/* === color === */

a, a:hover,a:focus,a:active, footer a.text-link:hover, strike, footer ul.link-list li a:hover, .post-meta span a:hover, footer a.text-link, 
ul.meta-post li a:hover, ul.cat li a:hover, ul.recent li h6 a:hover, ul.portfolio-categ li.active a, ul.portfolio-categ li.active a:hover, ul.portfolio-categ li a:hover,ul.related-post li h4 a:hover, span.highlight,article .post-heading h3 a:hover,
.navbar .nav > .active > a,.navbar .nav > .active > a:hover,.navbar .nav > li > a:hover,.navbar .nav > li > a:focus,.navbar .nav > .active > a:focus, .validation  { 
	color:#0a6c32;
}

/* === background color === */

.navbar .nav > .active.dropdown > a.dropdown-toggle,
.navbar .nav > .active.dropdown > a.dropdown-toggle:hover,
.navbar .nav > .active.dropdown > a.dropdown-toggle:focus,
.custom-carousel-nav.right:hover, .custom-carousel-nav.left:hover, 
.pagination ul > .active > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span,
.flex-control-nav li a:hover, 
.flex-control-nav li a.active {
  background-color: #0a6c32;
}

.dropdown-menu li:hover,
.dropdown-menu li a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a, 
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  background-color: #666;
}

/* === Sizes === */
.navigation ul li{}
.navigation ul li a{display:block;white-space:inherit;font-size:12px;line-height:14px;}
.navigation ul li ul{width:170px;float:left;}
.navigation ul li ul li{width:170px;}
.navigation ul li ul li a{width:150px;}
.navigation ul li ul.double{
	width:300px;
	-webkit-column-count: 1;
	-webkit-column-gap: 0px;
	-moz-column-count: 1;
	-moz-column-gap: 0px;
	column-count: 1;
	column-gap: 0px;
	column-fill: auto;
}
.navigation ul li ul.double li{width:150px;clear:none;display:block;float: left;height: 60px;}
.navigation ul li ul.double li a{
	width:130px;
	font-size:11px;
	line-height:15px;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height:41px;
}
.navigation ul li ul li ul li{}
.navigation ul li ul li ul {}

/* === Mobile === */

#mobilemenubtn{
	font-size: 2.2em;
	vertical-align: -0.2em;
	margin-left: 45px;
	color: #666;
	display:none;
}
#mobilemenubtn:hover{color:#0a6c32!important;}

#mobilemenu{
	position: fixed;
	height: 100%;
	width: 60%;
	background: rgba(204,204,204,0.95);
	background: linear-gradient(145deg, rgba(204,204,204,0.95) 0%, rgba(97,105,110,0.95) 100%);
	display: block;
	z-index: 10000;
	top: 0;
	right: -100%;
	padding: 60px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;	
}

#mobilemenu.active{
	right: 0;
}

#closemenu{
	position: absolute;
	top: 15px;
	left: 15px;
	font-size: 2.5em;
	color: #333;
}
#mobilemenubtn:hover{color:#FFF;}
#mobilemenu ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#mobilemenu ul li{}
#mobilemenu ul li a{
	display: block;
	width: calc(100% - 20px);
	padding: 5px 10px;
	color: #333;
	border-bottom: 1px dashed #777;
}
#mobilemenu ul li a:hover{
	text-decoration:none;
	background: rgb(105,105,105);
	background: linear-gradient(145deg, rgba(105,105,105,1) 0%, rgba(0,0,0,1) 100%);
	color:#FFF;
}

@media (max-width: 979px){
	#mobilemenubtn{display:inline;}
	.navbar.navbar-static-top{display:none;}
}

@media (max-width: 979px){
	.hidden-top{display:none;}
	#header-hidden-link{display:none;}
	ul.social-network-top {margin: 0;}
}

@media (max-width: 480px) {
	ul.social-network-top{display:none;}
}

/* === border color === */
.pagination ul > li.active > a,
.pagination ul > li.active > span, a.thumbnail:hover, input[type="text"].search-form:focus {
	border:1px solid #0a6c32;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #0a6c32;
}

input:focus {
	border-color: #0a6c32;
}

form#contactform1 .validation {
	color: #0a6c32;
}

#sendmessage {
	color: #0a6c32;
}

.pullquote-left {
	border-left:5px solid #0a6c32;
}

.pullquote-right {
	border-right:5px solid #0a6c32;
}

a.btnmore:hover {
  text-decoration: none;
  color:#FFF;
  background:#0a6c32;
}


/* === Header === */
/* --- toggle top area --- */
.hidden-top {	
	background:#202020;
}
.hidden-top a:hover {
	color:#FFF;
}

#header-hidden-link a.toggle-link,
#header-hidden-link a.top-link {
	background:#202020;
}

/* === Slider home === */
@media (min-width: 1200px){
	#featured .da-slide {
		width: calc(100% - 60px - 16% - (100% - 1170px));
		left: calc((100% - 1170px)/2);
	}
}

@media (max-width: 979px){
	.da-slide .da-img{
		
	}
}

#featured #workshops {
    height: 310px;
    padding: 20px 2%;
    position: absolute;
    right: calc((100% - 1170px)/2);
    top: 0;
    width: 16%;
    z-index: 10000;
}

@media (min-width: 980px) and (max-width: 1199px) {
	#featured .da-slide {
		width: calc(100% - 60px - 16% - (100% - 940px));
		left: calc((100% - 940px)/2);
	}
	
	#featured #workshops {
	    right: calc((100% - 940px)/2);
	    width: 20%;
	}	
}

@media (max-width: 979px) {
	#featured .da-slide {width: 90% !important;left: 10%!important;}
}



#featured #workshops.flexslider {
	margin:0;
	border:0px none;
	background:transparent;
}
#featured #workshops:before{
	background: #FFFFFF;
	content: " ";
    display: block;
    height: 350px;
    opacity: 0.3;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}
#featured #workshops h3 {
	color: #FFFFFF;
    font-size: 17px;
    text-transform: uppercase;
}
#featured #workshops a {
	color: #FFF;
	text-decoration: none;
}
#featured #workshops ul {
	list-style: none outside none;
	margin: 0;
}
#featured #workshops ul li {}
#featured #workshops ul li a{
    display: block;
    height: 230px;
    padding: 5px 10px;
    position: relative;
    text-decoration:none;
    color: inherit;
    text-overflow: ellipsis;
}
#featured #workshops ul li a:before{
	background: #FFFFFF;
    content: " ";
    display: block;
    height: 230px;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
#featured #workshops ul li a:hover:before{
	opacity: 0.8;
}
#featured #workshops ul li a span.title{
	clear: both;
    color: #000000;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1.1em;
    font-size: 12px;
	margin: 0 0 10px 0;
}
#featured #workshops ul li a span.description{
	clear: both;
    color: #666666;
    display: block;
    font-size: 12px;
    line-height: 14px;
}
#featured #workshops ul li a span.date{
	clear: both;
    color: #000000;
    display: block;
}
#featured #workshops ul li a span.price{
	clear: both;
    display: block;
    font-weight: bold;
    font-size: 17px;
    margin-top:5px;
    color: #F24B0C;
}
#featured #workshops ul li a .knowmore{
	bottom: 20px;
    position: absolute;
    right: 10px;
    padding: 3px 10px;
}
#featured #workshops .flex-direction-nav{
	display:none;
}
#featured #workshops .flex-control-nav{
	display:none;
}

/* === CTA home === */
.callaction{padding:0px!important;}
.callaction .ctaline{padding:15px 0px 30px 0px !important;margin: 0px!important;}
.callaction .ctaline .span12{margin-left: 0px!important;}
.callaction .ctaline .big-cta .cta-text{float: left;display: block;width: 70%;}
.callaction .ctaline .big-cta .cta-text h3{color: #333154;}
.callaction .ctaline .big-cta .cta-text p{color: #333154;}
.callaction .ctaline .big-cta .cta-text a{color: #FFF;border-color:#FFF;padding: 5px 10px;border: 0px none;font-size: 0.9em;border-radius: 5px;}
.callaction .ctaline .big-cta .cta-text a:hover{text-decoration:none;background:#333154!important;color: #FFF;}

.callaction .ctaline .big-cta .cta.floatright{float: right;display: block;width: 30%;text-align:right;}
.callaction .ctaline .big-cta .cta.floatright img{max-width: 100%;max-height: 150px;}
@media (max-width: 767px){
	.callaction .ctaline .big-cta .cta.floatright img{display:none;}
	.callaction .ctaline .big-cta .cta-text{width: 100%;}
	.callaction .ctaline .big-cta .cta-text h3{text-align:left;}
	.callaction .ctaline .big-cta .cta-text p{text-align:left;}
}

.callaction .ctaline.green{background: rgb(67,160,71);
background: linear-gradient(145deg, rgba(67,160,71,0.15) 0%, rgba(67,160,71,0.65) 100%);}
.callaction .ctaline.green .big-cta .cta-text h3 span.highlight{color:rgb(67,160,71);}
.callaction .ctaline.green .big-cta .cta-text p strong{color:rgb(67,160,71);}
.callaction .ctaline.green .big-cta .cta-text a{background:rgb(67,160,71);}

.callaction .ctaline.purple{background: rgb(142,36,170);
background: linear-gradient(145deg, rgba(142,36,170,0.15) 0%, rgba(142,36,170,0.65) 100%);}
.callaction .ctaline.purple .big-cta .cta-text h3 span.highlight{color:rgb(142,36,170);}
.callaction .ctaline.purple .big-cta .cta-text p strong{color:rgb(142,36,170);}
.callaction .ctaline.purple .big-cta .cta-text a{background:rgb(142,36,170);}

.callaction .ctaline.orange{background: rgb(255,179,0);
background: linear-gradient(145deg, rgba(255,179,0,0.15) 0%, rgba(255,179,0,0.65) 100%);}
.callaction .ctaline.orange .big-cta .cta-text h3 span.highlight{color:rgb(255,179,0);}
.callaction .ctaline.orange .big-cta .cta-text p strong{color:rgb(255,179,0);}
.callaction .ctaline.orange .big-cta .cta-text a{background:rgb(255,179,0);}

.callaction .ctaline.red{background: rgb(229,57,53);
background: linear-gradient(145deg, rgba(229,57,53,0.15) 0%, rgba(229,57,53,0.65) 100%);}
.callaction .ctaline.red .big-cta .cta-text h3 span.highlight{color:rgb(229,57,53);}
.callaction .ctaline.red .big-cta .cta-text p strong{color:rgb(229,57,53);}
.callaction .ctaline.red .big-cta .cta-text a{background:rgb(229,57,53);}

.callaction .ctaline.blue{background: rgb(30,136,229);
background: linear-gradient(145deg, rgba(30,136,229,0.15) 0%, rgba(30,136,229,0.65) 100%);}
.callaction .ctaline.blue .big-cta .cta-text h3 span.highlight{color:rgb(30,136,229);}
.callaction .ctaline.blue .big-cta .cta-text p strong{color:rgb(30,136,229);}
.callaction .ctaline.blue .big-cta .cta-text a{background:rgb(30,136,229);}

.callaction .ctaline.turquoise{background: rgb(0,172,193);
background: linear-gradient(145deg, rgba(0,172,193,0.15) 0%, rgba(0,172,193,0.65) 100%);}
.callaction .ctaline.turquoise .big-cta .cta-text h3 span.highlight{color:rgb(0,172,193);}
.callaction .ctaline.turquoise .big-cta .cta-text p strong{color:rgb(0,172,193);}
.callaction .ctaline.turquoise .big-cta .cta-text a{background:rgb(0,172,193);}

.callaction .ctaline.yellow{background: rgb(253,216,53);
background: linear-gradient(145deg, rgba(253,216,53,0.15) 0%, rgba(253,216,53,0.65) 100%);}
.callaction .ctaline.yellow .big-cta .cta-text h3 span.highlight{color:rgb(253,216,53);}
.callaction .ctaline.yellow .big-cta .cta-text p strong{color:rgb(253,216,53);}
.callaction .ctaline.yellow .big-cta .cta-text a{background:rgb(253,216,53);}

.callaction .ctaline.pink{background: rgb(216,27,96);
background: linear-gradient(145deg, rgba(216,27,96,0.15) 0%, rgba(216,27,96,0.65) 100%);}
.callaction .ctaline.pink .big-cta .cta-text h3 span.highlight{color:rgb(216,27,96);}
.callaction .ctaline.pink .big-cta .cta-text p strong{color:rgb(216,27,96);}
.callaction .ctaline.pink .big-cta .cta-text a{background:rgb(216,27,96);}

/* === Content home === */
.contenthome{}

/* === Push home === */
#pushsection{margin-top: -25px;margin-left:0px;}
#pushsection .push{width: 315px!important;margin:0px;}
#pushsection .pushred{background: rgb(250,124,43);
background: linear-gradient(145deg, rgba(250,124,43,1) 0%, rgba(212,66,10,1) 100%);}
#pushsection .pushblue{background: rgb(52,152,219);background: linear-gradient(145deg, rgba(52,152,219,1) 0%, rgba(36,35,167,1) 100%);}
#pushsection .pushgreen{background: rgb(14,186,76);
background: linear-gradient(145deg, rgba(14,186,76,1) 0%, rgba(8,94,43,1) 100%);}
#pushsection .box{padding: 20px;height: 200px;position: relative;}
#pushsection .box h3{font-size: 1.2em;
margin-bottom: 0.5em;
color: #FFF;}
#pushsection .box p{color: #E1E1E1;
font-size: 0.9em;
font-weight: 400;
line-height: 1.3em;}
#pushsection .box a{position: absolute;bottom: 20px;left: 20px;color: #FFF;padding: 3px 10px;border: 2px solid;font-size: 0.9em;border-radius: 5px;}
#pushsection .box a:hover{text-decoration:none;color: #000;border-color:#FFF;background:#FFF}
@media (min-width: 1200px){
	#pushsection .push {
  		width: 390px!important;
	}
}
@media (min-width: 768px) and (max-width: 979px){
	#pushsection .push {
  		width: 245px!important;
	}
}
@media (max-width: 767px){
	#pushsection .push {
  		width: 100%!important;
	}
}

.box.aligncenter{
	
}
.box.aligncenter .icon a:hover{
	text-decoration:none;
}
.box.aligncenter .text a{
	font-weight:bold;
	cursor:pointer;
	display: block;
}
.box.aligncenter .text a:hover{
	color: #000;
	text-decoration:none;
}

@media (max-width: 767px){
	.widget.bloc1495{display:none;}
	.widget.bloc13{display:none;}
	.widget.bloc304{display:none;}
	.widget.bloc1497{display:none;}
	.widget.bloc636{display:none;}
	.widget.bloc1505{display:none;}
}

/* carousel */
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-next-horizontal:focus
 {
	background:#0a6c32;
}

ul.clients li:hover {
	border:4px solid #0a6c32;
}

/* buttons */
.btn-dark:hover,.btn-dark:focus,.btn-dark:active  {
  background: #0a6c32;
  border:1px solid #0a6c32;
}

.btn-theme {
  border:1px solid #0a6c32;
  background: #0a6c32;
}

/* modal styled */
.modal.styled .modal-header {
  background-color: #0a6c32;
}


/* blog */
.post-meta {
	border-top:4px solid #0a6c32;
}

.post-meta .comments a:hover  {
	color:#0a6c32;
}

.widget ul.tags li a:hover {
	background: #0a6c32;
}

.recent-post .text h5 a:hover{
	color:#0a6c32;
}

/* account */

.intromsg {
font-size: 1.5em;
padding: 0.5em;
border: 1px solid green;
color: green;
}

/* pricing box */

.pricing-box-alt.special .pricing-heading {
	background: #0a6c32;
}


/* portfolio */
.item-thumbs .hover-wrap .overlay-img {
	background: #0a6c32;	
}


/* pagination */
#pagination a:hover {
    background: #0a6c32;
}

/* pricing box */
.pricing-box.special .pricing-offer{
	background: #0a6c32;
}


/* fontawesome icons */
.icon-square:hover,
.icon-rounded:hover,
.icon-circled:hover {
    background-color: #0a6c32;
}
[class^="icon-"].active,
[class*=" icon-"].active {
    background-color: #0a6c32;
}

/* fancybox */
.fancybox-close:hover {
	background-color:#0a6c32;
}
.fancybox-nav:hover span {
	background-color:#0a6c32;
}

/* parallax c slider */
.da-slide .da-link:hover{
	background: #fff;
	border: 4px solid #fff;
	color: #000;
	text-decoration:none;
}

.da-dots span{
	background: #000;
}

/* Nivo slider */
.nivo-directionNav a:hover {
    background-color: #000;
}
.nivo-caption, .caption {
	border-bottom: #000 5px solid;
}
/* Widget */
h5.widgetheading{
	font-size: 20px;
}
#content .widget ul.nav li {
font-size: 13px;
padding: 0 0 10px 20px;
position: relative;
}
#content .widget ul.nav li:before{
	content: "\f105"; 
	font-family: FontAwesome;
	position: absolute;
	top: 0px;
	left: 0px;
}

/* footer */
footer h5.widgetheading{
	font-size: 24px;
}

/* Private */
.private{
	color: #0e9500;
	font-size: 18px;
}

/* Metaques */
.metaques .languageselect{
	margin-bottom: -10px;
    font-size: 1.5em;
}

.metaques .languagetitle{
	font-size: 15px;
	line-height: 3.4em;
	color: orange;
	font-weight: bold;
}

.metaques .start, .metaques .next{
	font-size: 1.5em;
	margin: 15px 0px;
	text-transform: uppercase;
	float: left;
	display: block;
}
.metaques h2{
	color: green;
	margin-bottom: 10px;
	font-size: 24px;
	font-weight: 600;
}
.metaques h3{
	color: black;
	margin-bottom: 0;
	font-size: 20px;
}
.metaques .ordernow{
	color: green;
	margin-bottom: 20px;
	font-size: 15px;
}
.metaques .question{
	font-size: 1em;
	float: left;
	display: block;
	margin-bottom: 20px;
}
.metaques .question span{
	display: block;
	float: left;
	width: 90%;
	font-size: 15px;
	line-height: 1.5em;
}

.metaques input[type=radio]{
	margin: 6px 15px 0px 0px;
	display: block;
	float: left;
}

.product .price {
	color: #F24B0C;
}
#buyproduct .price {
	color: #F24B0C;
}
	
.metaques #buyproduct{
	float: none;
	margin-left: 0px;
	width: initial;
	border: 3px solid orange;
}
.metaques #buyproduct ul {
	float: none;
	display: inherit;
	width: initial;
}
@media (max-width: 767px){
	fieldset#buyproduct{width:calc(100% - 2em)!important;}
}	


.metaques #buyproduct legend {
	text-transform: uppercase;
	font-weight: bold;
}

.metaques .reminder p{
	color: #f39519!important;
	font-size: 16px;
}

.metaques b.quesnum{
	font-size: 2em;
	float: left;
	padding: 10px 20px 20px 20px;
	font-weight: 600;
	letter-spacing: -0.08em;
}

#featured #workshops.metaques{
	padding: 30px 2% 30px;
	height: 290px;
}
#featured #workshops.metaques:before{
	background: #000;
	opacity: 0.4;
}
#featured #workshops.metaques ul li a{
    height: 290px;
}
#featured #workshops.metaques ul li a:before{
    opacity: 0.9;
    height: 290px;
    border-radius: 5px !important;
}
#featured #workshops.metaques ul li a:hover:before{
	opacity: 1;
}
#featured #workshops.metaques ul li a span.title {
	font-size: 15px;
}

@media (max-width: 979px){
	#featured #workshops {
		background: #F1F1F1!important;
	    height: inherit!important;
	    padding: 5px!important;
	    position: relative!important;
	    right: inherit!important;
	    top: inherit!important;
	    width: calc(100% - 60px) !important;
	}
	#featured #workshops.flexslider {
		margin: 50px 0px 0px !important;
		text-align: center;
		padding: 50px 30px 30px !important;
	}
	#featured #workshops:before{
	    height: inherit!important;
	}
	#featured #workshops ul li {}
	#featured #workshops ul li a{
	    height: inherit!important;
	    padding: 5px!important;
	}
	#featured #workshops ul li a:before{
	    height: inherit!important;
	    position: relative!important;
	    border-radius: 0px!important;
	}
	#featured #workshops ul li a .knowmore{
		bottom: inherit!important;
	    position: relative!important;
	    right: inherit!important;
		border-radius: 15px !important;
		margin-top: 10px;
	}
}