/*
Theme Name: GreenPriz
Theme URI: http://www.greenpriz.com
Author: Dev4design
Author URI: http://dev4design.com/
Description: Greenpriz 2017 Responsive Wordpress
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: porto-child

*/

@import url("../porto/style.css");

@font-face {
    font-family: "CoreHumanistSans";
    src: url('fonts/COREHUMANISTSANS.OTF');
}


/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/* ----------------------------------------------------------------------- BODY */

body {
	/*border: 20px solid #fff;*/
}


/* ----------------------------------------------------------------------- FONTS */

h1, h2, h3, h4 {
	font-family: 'CoreHumanistSans', sans-serif;
	color:#333;
	text-transform:uppercase;
}

h2,h3  {
	margin-bottom:0;
}


a {
    color: #31ae72;
}

a:hover {
    color: #31ae72;
	text-decoration:underline;
}


.highlight {
	color:#2dca7f;
}
.alternative-font {
    color: #31ae72;
}

.note {
	color:#ccc;
	font-size:0.8em;	
}

.downloads {
	list-style:none;
	padding-left:0;
	font-size:15px;	
}



html .heading-primary, html .lnk-primary, html .text-color-primary {
    color: #31ae72 !important;
}


.mobile-flags {
	position: absolute;
    z-index: 995;
    right: 10px;
    top: 5px;
}

li.lang-item {
    float: left;
}

li.lang-item {
    height: 40px;
    width: 40px;
    list-style: none;
    padding: 0;
    margin: 0;
}

li.lang-item img {
    /*height: 30px;
    width: 30px;*/
    margin-top: 12px;
}


/* ---------------------------------------------------------------------- SKIN */

.owl-carousel .owl-nav [class*="owl-"] {
    border-color: #08c #08c #069;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #31ae72;
    border-color: #31ae72;
}

.owl-carousel .owl-nav [class*="owl-"]:hover, .owl-carousel .owl-nav [class*="owl-"]:active, .owl-carousel .owl-nav [class*="owl-"]:focus {
    border-color: #31ae72;
    background-color: #31ae72;
}



/* ---------------------------------------------------------------------- BODY PAGE */
.page-wrapper {
    /*border: 20px solid #fff;*/
}

.gp-paddingnoborder .wpb_wrapper {
	padding: 0 !important;	
}

.gp-paddingnoborder .wpb_wrapper.vc_column-inner {
	background-color:transparent !important;	
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
}



#main {
	background-color:transparent;	
}

.main-content {
    padding-top: 15px;
    padding-bottom: 40px;
}


/* ---------------------------------------------------------------------- HEADER */

.page-top.mb-5.pb-5 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}



/* --------------------------------------------- Suppression du header normal sur la homepage */




body.home #header .header-main, .header-main-home  {
	display:none;	
}

body.home .no-breadcrumbs .main-content, body.woocommerce .main-content {
    padding-top: 0px;
}


body.home #header .header-main-home {
	display:inline;
	position:absolute;
	z-index:999;	
}



/* --------------------------------------------- Suppression du header normal sur la homepage */




#header {
    border-top: 0px solid #ededed;
}

#header .header-main {
	background-image:none;
	background-color:transparent !important;	
}

#header .header-top .container-fluid > div, #header .header-main .container-fluid > div {
    display: table-cell;
    position: relative;
    vertical-align: middle;
}

/*
#header .mobile-toggle {
    cursor: pointer;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline !important;
    font-size: 1.2857em;
    vertical-align: middle;
}
#header .header-left {
    text-align: left;
    float: left;
    padding: 20px;
}



#header .header-right {
    text-align: right;
    float: right;
	position: fixed !important;
    right: 70px;
    top: 60px;
	z-index: 9999;
}
*/
/*
#header .mobile-toggle {    
    font-size: 2.5em;
	position: absolute;
	z-index: 99;
}


#header .header-right .mobile-toggle-bg  {
	background-color:#31ae72;
	background-color:#333;
	height:150px;
	width:400px;
	position:absolute;	
    right: -200px;
    top: -100px;
	z-index: 98;
	transform: rotate(30deg);	
}

#header .mobile-toggle {
    color: #fff;
    background-color: ;
}
*/

header.sticky-header .header-main, .fixed-header #header.sticky-header .header-main {
    background-color: rgba(255,255,255,1) !important;
}

.header-top .btn {

}
html .btn-tertiary {
    background-color: #31ae72 !important;
    border-color: #32ae73 #31ae72 #31ae72 !important;
}

html .btn-tertiary:hover {
    background-color: #31ae72 !important;
    border-color: #32ae73 #31ae72 #31ae72 !important;
}

#header .share-links a {   
    font-size: 1rem;
}


#header .main-menu li.menu-item.active {
   
    border-bottom: 4px solid #31ae72;
}



/* ------------------------------------------------ NAV MOBILE */


#nav-panel {
    
}

#nav-panel-close {
    background-color: #333;
    color: #fff;
}

 
#nav-panel .accordion-menu li.menu-item.active.menu-greenstick > a, #nav-panel .accordion-menu li.menu-item.menu-greenstick:hover > a, #nav-panel .accordion-menu li.menu-item.active.menu-greenstick > h5, #nav-panel .accordion-menu li.menu-item.menu-greenstick:hover { 
background-color: #f1663a;
}

#nav-panel .accordion-menu li.menu-item.active.menu-greenmeter > a, #nav-panel .accordion-menu li.menu-item.menu-greenmeter:hover > a, #nav-panel .accordion-menu li.menu-item.active.menu-greenmeter > h5, #nav-panel .accordion-menu li.menu-item.menu-greenmeter:hover { 
background-color: #68c8c9;
}

#nav-panel .accordion-menu li.menu-item.active.menu-energycloud > a, #nav-panel .accordion-menu li.menu-item.menu-energycloud:hover > a, #nav-panel .accordion-menu li.menu-item.active.menu-energycloud > h5, #nav-panel .accordion-menu li.menu-item.menu-energycloud:hover { 
background-color: #2fac66;
}


#nav-panel .share-links {
	display:none;
   
}






/* ----------------------------------------------------------------------------------------------------------- PAGES CONTENT */



/* -------------------------------------------------------- HERO & TOP OF PAGES */

.page-content #home-bg {
    border-left: 20px solid #fff;
    border-right: 20px solid #fff;
}



.page-content #home-bg h2 {
	font-size:40px;	
	padding-top:30px;
}

.home .page-content #home-bg h2 {	
	color:#fff;
	padding-top:0px;
	
}

.page-content #home-bg .wpb_single_image.solo {
	background-position:right top !important;
	
}



#home-bg .porto-wrap-container.container {
    padding: 60px 40px 0 40px;
}

/* ------------------------------------------------------------- home-hero */

#home-hero .home-maincatch {
	padding:0 50px;	
	text-align:center !important;
}

#home-hero .aio-icon-description {
	padding-left: 50px;
    padding-right: 80px;
    /*color: #fff;	*/
}


#home-hero h3.aio-icon-title {
    color: #31ae72;
    text-transform: uppercase !important;
    font-size: 1.4em;
}


#home-hero .aio-icon-box {	
}

#home-hero .last .aio-icon-box {
	background-image:none;
}
 
#home-hero .inversed .aio-icon-description {
	padding-left: 50px;
    padding-right: 80px;
    color: #333;	
}

#home-hero .inversed h3.aio-icon-title, .page-id-6 .inversed .aio-icon i {
	color: #333 !important;
}

#home-hero .inversed .aio-icon-box {	
}

#home-hero {
	background-position: bottom center !important;		
}


#home-hero .domains-container {
	margin-top:-50px;
}



/* ------------------------------------------------------------- home-hero */

#home-hero-sans .home-maincatch {
	padding:0 50px;	
	text-align:center !important;
}

#home-hero-sans .aio-icon-description {
	padding-left: 50px;
    padding-right: 80px;
    /*color: #fff;	*/
}


#home-hero-sans h3.aio-icon-title {    
    text-transform: uppercase !important;
    font-size: 1.4em;
}


#home-hero-sans .aio-icon-box {	
}

#home-hero-sans .last .aio-icon-box {
	background-image:none;
}
 
#home-hero-sans .inversed .aio-icon-description {
	padding-left: 50px;
    padding-right: 80px;
    color: #333;	
}

#home-hero-sans .inversed h3.aio-icon-title, .page-id-6 .inversed .aio-icon i {
	color: #333 !important;
}

#home-hero-sans .inversed .aio-icon-box {	
}

#home-hero-sans {
	background-position: bottom center !important;		
}


#home-hero-sans .domains-container {
	margin-top:-50px;
}














.vc_column_container.withgreydots {
	background-position:top right !important;
	
}


.domains {
	display:inline-block;
	padding:15px 20px;
	background-color:#31ae72;
	color:#fff;
	text-transform:uppercase;
	margin:0px 10px;
	font-family: 'CoreHumanistSans', sans-serif;
	font-size:20px;
	text-align:center;	
	line-height: 20px;
}


#home-hero .domains {
	font-size:30px;
	text-align:center;	
	line-height: 30px;
	
}


/* -----------------------------------------------------------------CONTENT BOX & PRODUCT */

.gp-content-box {
	padding:0px 20px 0 20px !important;
}


.gp-content-product {
	padding:30px 20px 20px 20px !important;
}

.gp-content-box  .wpb_wrapper.vc_column-inner, .gp-content-product   {
	background-color:#fff;	
	padding:30px;
	-webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.05);
	box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.05);
}

.gp-content-box  .wpb_wrapper {
		padding-left:40px;
		padding-right:40px;
		margin-bottom:20px;				
}

.gp-content-product  .wpb_wrapper {
		padding-left:0px;
		padding-right:0px;
		margin-bottom:20px;				
}


.gp-content-box .wpb_content_element, .gp-content-product  .wpb_content_element {
	margin-bottom:0;	
}


/* ------------------------------------------- ICON COMPONENT */

.aio-icon-component {
    margin-bottom: 0;
    padding-right: 30px;
    padding-left: 30px;
}

.home .aio-icon-component {    
    padding-right: 30px;
   
}






/* ------------------------------------------- BUTTON */


.gp-button .vc_btn3, .gp-button-bleu .vc_btn3, .gp-button-orange .vc_btn3 {
	border-color: #31ae72 !important;
    color: #f5f7fa !important;
    background-color: #31ae72 !important;
	text-transform:uppercase;	
	font-family: 'CoreHumanistSans', sans-serif !important;
	font-size:15px !important;
}


.gp-button-bleu .vc_btn3 {
    border-color: #3171D3 !important;
    color: #f5f7fa !important;
    background-color: #3171D3 !important;    
}

.gp-button-orange .vc_btn3 {
    border-color: #FFB001 !important;
    color: #f5f7fa !important;
    background-color: #FFB001 !important;    
}









/* -------------------------------------------SECTION CLIENTS */

#clients h3 {
    margin-bottom: 0;
    margin-top: 20px;
}






/* ------------------------------------------ BASIC PAGES */

.page-top ul.breadcrumb > li a {
    color: #31ae72;
}


.page-top {
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
    background-position: initial;
    background-image: none;
    background-color: transparent;
    border-top: 0px solid #f5f7fa;
    border-bottom: 0px solid #f5f7fa;
    margin-bottom: 40px;
    width: 80%;
    margin: 0 auto;
    
}


.page-top .page-title {
    font-size: 3.2em;    
    line-height: 66px;
	color: #333;
	border-bottom: 5px solid #31ae72 !important; 
    display: none;
    
}

.page-top .page-sub-title {  
    margin: 30px 0 0;
    padding: 0 60px !important;
}

/* -------------------------------------------- TEMOIGNAGES */

.porto-history.testimonial .featured-box h4 {
    margin: 0;    
}

.porto-history.testimonial p {
    margin-left: 0;
}


/* ----------------------------------------------- ENERGY CLOUD  */


.porto-grid-container .porto-grid-item {
    
    padding: 30px;
    -webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.05);
    box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.05);
    margin-bottom: 30px;
	background-color:#fff;
    
}


.porto-grid-container .porto-grid-item h3 {
font-size: 20px;
    line-height: 25px;
	
}






table.prix_ec {
	background-color:#FFF !important;
	padding:10px;
	    -webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.05);
    box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.05);
	
}


.formule, .data {
	/*font-family: 'Roboto', sans-serif;*/
	 font-family: "CoreHumanistSans";
	text-transform:uppercase;	
	font-size:16px;
	
}


.data {	
	color:#fff;
}



table.prix_ec tr td {
	border-bottom:1px solid #eaeaea;
	border-right:1px solid #eaeaea;
	padding:8px;
}


table.prix_ec tr.data-line td {
	border-right:0px solid #eaeaea;
}


table.prix_ec .packages {
	text-align:center;	
}

table.prix_ec .packages img {
	margin-bottom:5px;
	
}

table.prix_ec .icon {
	text-align:center;
	font-size:22px;
	
}

.fa-check {
	color:#3C0;
	
}

.fa-times {
	color:#ccc;
	display:none !important;	
}


/* ----------------------------------------------------------------------- ACTUALITES */


.entry-title a {
	color:#333;	
}


h2.entry-title {
	
	text-transform:none;
}


.post-slide .post-date {
	display:none;
	
	
}


article.post .post-meta {
    font-size: 0.8em;
    margin-bottom: 15px;
    text-align: right;
}

article .pt-right {
	display:none;
	
}




/* ---------------------------------------------------------------------- CONTACT */

form input[type="submit"] {
    background: #31ae72;
    border-color: #31ae72;
}

form label {
    display: inline;
}


form input[type="text"], form input[type="email"],form textarea {
	width:100%;
	
}

.wpcf7-mail-sent-ok {
	  background-color: #d3ef9f;
	
}

/* ---------------------------------------------------------------------- FOOTER */


/* ---------------------- Ajout icone Viadeo manquante sur Porto */
.share-links .share-viadeo:before {
    content: "\f2a9";
}


.widget.follow-us .share-links .share-viadeo:hover, #footer .widget.follow-us .share-links .share-viadeo:hover, .header-wrapper.header-side-nav #header .share-links .share-viadeo:hover, #header.header-corporate .share-links .share-viadeo:hover {
    background: #f07355;
}

#footer .footer-main>.container {
    padding-top: 3rem;
    padding-bottom: 0rem;
}

#footer a:not(.btn), #footer .tooltip-icon {
    color: #ffffff;
}

#footer {
    /* background-image:url(img/footer-top.png);*/
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% 10px;
    color: #ccc;
    background-color: #585857;
}




#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer .widgettitle, #footer .widget-title {
    color: #fff;
}

#footer a {
    color: #fff;
}

#footer a:hover {
    color: #31ae72;
	text-decoration:none;
}


#footer .widget-title {
	text-transform:uppercase;
	margin-top:10px;
	margin-bottom:10px;
	font-family: 'CoreHumanistSans', sans-serif !important;
	font-size:15px !important;
	color: #31ae72;
}



#footer .footer-bottom p, #footer .footer-bottom .widget > div > ul li, #footer .footer-bottom .widget > ul li {
    color: #fff;
}


#footer .footer-bottom a {
    color: #fff;
}


#footer .footer-bottom .footer-center {
    text-align: left;
}



#footer .footer-main .widget  {
	margin-bottom:10px;	
}


#footer .widget.widget_media_image {
	margin-bottom:0px;
	
}

#footer .widget.follow-us {
	margin-top:10px;
	text-align:center;	
}


#footer .widget.follow-us .share-links a, .widget.follow-us .share-links a {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    margin: 3px;
    overflow: hidden;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    font-size: 17px;
}


#footer .footer-bottom {   
    color: #fff;
        background-color: #585857;
	padding-top: 0;
    padding-bottom: 30px;
}

#footer .footer-bottom .col-md-9 {
	border-top: 1px solid #666;
    padding-top: 20px;
    padding-left: 0px;
}

#footer .footer-bottom a {
  color: #31ae72;
}
#footer .footer-bottom a:hover {
  color: #31ae72;
}




#footer .footer-bottom .copyright {
	border-top: 1px solid #666;
	padding-top:10px;
	margin-top:10px; 
}

#footer .widget.contact-info li {
	margin-bottom:0 !important;
}


#footer .widget.contact-info i {
    margin: 4px 9px 0px 0;
    font-size: 1.4em;
}

#footer .contact-details li {
	clear:both;
	
}


/* ---------------------------------------------------------------------------------- WAVE */


.vc_row.wpb_row.row.position-absolute.w-100.wave.no-padding {
   /* background-color: #e6f1f0;*/
}



/* ---------------------------------------------------------------------------------------------------------- RESPONSIVE */



@media  (max-width: 768px) {	

    body {
    	border: 10px solid #fff;
     }
    #header .header-right .mobile-toggle-bg {
		height: 100px;
    	width: 360px;
    }
    #header .mobile-toggle {
    	font-size: 1.3em;
		top: -50px;   
	}
	
    .menu-sep {
        border-bottom: 4px solid #31ae72;
}

    
	.aio-icon-component {   
    	/*background-color: #333;
		padding-top:30px;
		padding-bottom:30px;*/
    }
	
	
	#home-hero .aio-icon-box {
    	background-image: none;
		margin-bottom: 30px;
    }
	
	.withgreydots .aio-icon-component, .nogreydots .aio-icon-component  {
	background-color: #f0f0f0;
}
	
	.mobile-flags {   
    right: 0px;    
    top: -45px;
}

	li.lang-item img {
		height: 18px;
		width: 18px;
	}


		
}



@media (max-width: 479px) {
	 
	 
	 

body {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0;
}


#header .logo {
    max-width: 300px;
}
     
     
    
.pb-2, .py-2 {
    padding-bottom: 1rem !important;
}
.mb-2, .my-2 {
    margin-bottom: 1rem !important;
}
     
     
.pb-3, .py-3 {
    padding-bottom: 1rem !important;
}
.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}
     
     
 .pb-4, .py-4 {
    padding-bottom: 1rem !important;
}
.mb-4, .my-4 {
    margin-bottom: 1rem !important;
}
     
     
 .pb-5, .py-5 {
    padding-bottom: 1rem !important;
}
.mb-5, .my-5 {
    margin-bottom: 1rem !important;
} 
     
  .pb-6, .py-6 {
    padding-bottom: 1rem !important;
}
.mb-6, .my-6 {
    margin-bottom: 1rem !important;
}       

     
 .p-b-xlg {
    padding-bottom: 0px !important;
}
.p-t-xxl {
    padding-top: 0px !important;
}    
     
.gp-content-box {
    padding: 0px 10px 0 10px !important;
}
     
.gp-button .vc_btn3, .gp-button-bleu .vc_btn3, .gp-button-orange .vc_btn3 {
   font-size: 13px !important;
}
     
     
/* ------------------------------------------------------------------- HOMEPAGE */

.home #home-bg {
	background-image:url(img/home_bg_mobile.jpg) !important;
	
}

.page-content #home-bg h2 {
    font-size: 28px;
    padding-top: 30px;
}
#home-hero .aio-icon-description {
    padding-left: 50px;
    padding-right: 20px;
    /*color: #fff;*/
}

 
.withgreydots .aio-icon-component, .nogreydots .aio-icon-component  {
	background-color: #f0f0f0;

}

#header {
    /*
    border-top: 10px solid #fff;
	border-left: 10px solid #fff;
	border-right: 10px solid #fff;
    */
}


.page #home-bg .porto-wrap-container.container {
    padding: 50px 10px 0 10px;
}
.page #home-bg .vc_custom_1507021901836 {
	background-image:none !important;
	
}

.gp-content-box .wpb_wrapper.vc_column-inner, .gp-content-product {
    
    padding-left: 10px !important;
	padding-right: 10px !important;
    padding-top: 30px !important;

 }

.porto-grid-item {
    position: relative !important;
    width: 100% !important;
    clear: both !important;
    left: auto !important;
    top: auto !important;
}


.prix_ec {
    max-width: 300px !important;
    font-size: 12px;
}

.prix_ec td {
    max-width: 90px !important;    
}
    
    
    .custom-section-curved-top-2 {        
    top: -100px;
    left: -50px;
     }
  


}