/*
Theme Name: Dynamic Child
Theme URI: http://www.dynamic-creative.com/work/
Author: dynamic-creative.com
Author URI: http://dynamic-creative.com
Template: dynamic
Version: 0.1.0
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dynamic-child
Tags: one-column
Description: Dynamic Theme Child custom
*/


/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body {background:#fff url(img/fd.jpg) left top no-repeat; background-attachment: fixed; overflow-x:hidden;}
body,
button,
input,
select,
textarea {
	color: #2d2d2d;
	font-size:16px;
	line-height: 1.2;
	font-weight:normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color:#2d2d2d;
	font-weight:300;
}


/**/
.container {}
[class*="col-"], .col {/*padding-left:10px; padding-right:10px;*/}

.c_rose {color:#b42664;}

/*header*/
#masthead {padding:10px 0 0;}


.lang {position:relative; /*position: fixed; right:0; top:0; z-index: 11;*/}
.lang .sel-lang {width:40px; height:20px; background:#fff; text-transform: uppercase; color:#00549e; font-size:14px; text-align: center; line-height: 20px; cursor:pointer;}
.lang .sel-lang span {position: relative; top:2px;}
.list-lang  {display:none; position: absolute; top:20px; right:0; width:140px;}
.list-lang li {background:#006ab2; font-size:13px; margin-top:1px;}
.list-lang li.current-lang, .list-lang li:hover {background:#025893;}
.list-lang li a {display:block; height:40px; padding:10px 0 10px 10px; text-transform: uppercase; color:#fff;}
.list-lang li a img {padding-right:8px;}
.lang.active .list-lang {display:block;}

/*menu*/
#masthead .menu {padding:0;}
.menu li {padding:0;}
.nav-divider {display:inline-block; padding:0; color:#d2d2d2; font-weight: 300;}
.menu.divider li {padding-right:0;}
.menu li:first-child .nav-divider {display:inline-block;}

#menu-top li a {font-size:14px; color:#5c91be; text-transform: uppercase; font-weight: 400; padding: 5px 10px; }
/*#menu-top li a:hover, #menu-top li.current-menu-item a {background:#5c91be}
#menu-top li a:hover, #menu-top li.current-menu-item a {color:#fff;}*/

#menu-principal .home a span {font-size:18px; color:#5c91be; display:block; height:18px;}
#menu-principal li {border-bottom:4px solid #5c91be; margin-left:1px;}
#menu-principal li a {display:block; font-size:14px; color:#1d211f; text-transform: uppercase; /*padding:15px 15px 10px;*/font-weight: 600;}
.nav-top {padding-bottom:40px;}
#menu-principal li.c1:hover, #menu-principal li.c1.current-menu-item {background:#5c91be;}
#menu-principal li.c2 {border-color:#00549e;}
#menu-principal li.c2:hover, #menu-principal li.c2.current-menu-item {background:#00549e;}
#menu-principal li.c3 {border-color:#b42664;}
#menu-principal li.c3:hover, #menu-principal li.c3.current-menu-item {background:#b42664;}
#menu-principal li.c4 {border-color:#f49933;}
#menu-principal li.c4:hover, #menu-principal li.c4.current-menu-item {background:#f49933;}
#menu-principal li a:hover, #menu-principal li.current-menu-item a, #menu-principal .home a:hover span, #menu-principal li.current-menu-item.home span {color:#fff;}

#menu-principal .hi {display:none;}
.mobile #menu-principal .hi {display:block;}

/*footer*/
#colophon {border-top:10px solid #b42664; background:#fff; color:#797979; padding:0; font-size:14px;}
#colophon a {color:#797979; text-transform: uppercase;}
#colophon a:hover, #colophon .current_page_item a {color:#000;}
.foot-1 {background:#eeeeee; padding:40px 0 20px;}
.foot-1 .menu {margin-bottom:20px;}
.foot-2 {padding:10px 0;}

/*social*/
.social-icon > div:first-child {margin-left:0; line-height:30px;}
.social-icon > div {margin-left:10px;}
.social-icon a > span {font-size:30px;}

/*--------------------------------------------------------------
CFORM
--------------------------------------------------------------*/
div.wpcf7-validation-errors, div.wpcf7-spam-blocked, div.wpcf7-mail-sent-ng, div.wpcf7-mail-sent-ok {border:none; text-align: center;}
div.wpcf7-response-output {margin:10px;}
.wpcf7-form-control-wrap {display: block; position: relative;}
span.wpcf7-not-valid-tip {
    position: absolute;
    top: -8px;
    right: 10px;
    font-size: 10px;
    background: #fff;
    padding: 2px 5px;
    border-radius: 20px;
    font-weight: 300;
}

/*--------------------------------------------------------------
TINY
--------------------------------------------------------------*/


/*--------------------------------------------------------------
PERSO
--------------------------------------------------------------*/
/*HOME*/
.home .entry-content {margin:0;}


/*PAGE*/
.breadcrumbs {background:#eaeeef; padding:10px 0;}
.breadcrumbs p {margin:0; font-size:14px; color:#00549e;}
.breadcrumbs a {color:#2d2d2d;}

body:not(.home) #content #primary {background:url(img/fd-top.jpg) center top no-repeat;}
#dolo-pdf, #algo-pdf {cursor: pointer;}
.dolopdf {position: relative; width:173px;}
.dolopdf.select:after {top:11px;}
.select.dolopdf select {height:40px; text-transform: uppercase; padding:0 .75rem;}
.entry-header h1.entry-title {padding-top: 40px; font-size:50px; font-weight:bold; text-transform: uppercase; color:#00549e;}

/*FORM*/
.form-control::-webkit-input-placeholder{color:#333;opacity:1}
.form-control:-ms-input-placeholder{color:#333;opacity:1}
.form-control::placeholder{color:#333;opacity:1}
select { -moz-appearance: none; -webkit-appearance: none; appearance: none; }
.select:after {content: "\61"; position:absolute; right: 12px; top: 16px; pointer-events: none; font-family: "doloplus" !important;}


.form-control {color:#2d2d2d; border-color:#97999b;}
.form-group [class*="icon-"] {color:#d5d5d5;}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], textarea, select {border: 1px solid #97999b;}

.adr2 {display:none;}
.adr2.active {display:block;}
.wpcf7-number {width:80px; text-align: center;}
.form-group > label {padding-right:10px;}
span.wpcf7-list-item.first {margin:0;}

/*COMMANDER*/
#form-commande {margin-top:40px;}
.form-col > div {max-width:460px;}
.bloc-pr {border:1px solid #d2d2d2; background:#fff url(img/fd-produit.jpg) right top no-repeat;padding:30px 20px; margin-bottom:20px;}
.bloc-pr h2 {text-transform: uppercase; color:#b42664; font-weight:bold; line-height: 1; margin-bottom:10px;}

.result {border-radius: 4px; border:1px solid #97999b; padding:2px; max-width:690px;}
.result .qt, .result .montant {background:#eaeeef;}
.result > div {padding:0 10px; border:2px solid #fff; line-height: 40px;}

.reg {margin-top:20px; margin-bottom:20px;}
.reg p, .reg table {margin:0;}

#bt-commande {margin:40px auto; border-top:2px solid #d2d2d2; padding-top:38px;}

.ch-pays {position: absolute; left: -9999px;}

/*PAGE PRODUIT*/
.dvd-bot {background: url(img/fd-bot.jpg) center center no-repeat; padding:10px 0;}
.dvd-bot h2 {font-size:25px; color:#b42664; font-weight:bold; line-height: 1; margin-bottom:20px;}
.dvd-bot h2 span {font-size:30px; font-weight:300;}

/*CONTACT*/
#form-question {margin-top:40px;}

/*bouton*/
.btic:after {}
a.bouton {height:40px; border-radius: 0; background:#00549e; color:#fff; text-transform: uppercase;}
.bouton .txt {display: inline-block; vertical-align: top; line-height: 40px; padding:0 10px;}

.btdc a.elementor-button {padding:0;}
.btdc a.elementor-button:after { display: inline-block; color:#fff; height: 100%; text-align: center;}
.btdc a.elementor-button > span {padding:0 10px; display:inline-block; vertical-align: top;}
    
.bt-pdf a.elementor-button {text-transform: uppercase; font-size:14px; border:1px solid #5c91be; background: #fff; border-radius: 0; color:#5c91be; height:30px;}
.bt-pdf a.elementor-button > span {padding:0 10px; display:inline-block; vertical-align: top; line-height: 30px;}
.bt-pdf a.elementor-button:after {content:"\65"; font-size:20px; background-color:#5c91be; width:30px; padding-top:4px;}

.bt-plus a.elementor-button {text-transform: uppercase; font-size:18px; border:none; background: #00549e; border-radius: 0; color:#fff; height:40px;}
.bt-plus a.elementor-button > span {line-height: 40px;}
.bt-plus a.elementor-button:after {content:"\64"; font-size:19px; background-color:#0065bd; width:40px; padding-top:10px;}
.btcol2 a.elementor-button {background: #b42664;}
.btcol2 a.elementor-button:after {background-color:#c32b6d;}
.btcol3 a.elementor-button {background: #f49933;}
.btcol3 a.elementor-button:after {background-color:#ffa948;}

a.btdc {display:block; position:relative; text-transform: uppercase; font-size:14px; background: #b42664; border-radius: 0; color:#fff; height:40px; padding:0 50px 0 10px; line-height: 38px;}
a.bt-pdf:after {content:"\65"; font-size:20px; background-color:#c82d71; width:40px; padding-top:8px; height:100%; position: absolute; right:0; top:0; text-align: center; }

a.bt-panier, a.bt-pdf {width:auto;}
.bt-panier a.elementor-button, .bt-pdf2 a.elementor-button {text-transform: uppercase; font-size:16px; border:1px solid #0064bd; background: #fff; border-radius: 0; color:#0064bd; height:40px;}
.bt-panier a.elementor-button > span, .bt-pdf2 a.elementor-button > span {padding-top: 11px;}
.bt-panier a.elementor-button:after, .bt-pdf2 a.elementor-button:after {content:"\66"; font-size:21px; background-color:#0064bd; width:40px; padding-top:8px;}

a.bt-pdf2 {line-height:38px; padding:0 50px 0 10px; background:#fff; border:1px solid #0064bd; color:#0064bd;}
a.bt-pdf2:after {background:#0064bd; color:#fff;}

.bt-pdf2 a.elementor-button:after {content:"\65";}

.bt-1 a.elementor-button {background:transparent; border-radius:80px; border:2px solid #00549e; text-transform: uppercase; color:#00549e; height:50px; font-size:16px; font-weight:600;}
.bt-1 a.elementor-button > span {line-height:45px; padding:0 0 0 30px;}
.bt-1 a.elementor-button:after {content:"\62"; font-size:20px; color:#00549e; position: relative; top:50%; transform: translateY(-50%); height:auto; width:40px; padding-right:5px;}
a.bt_1 {background: transparent; border-radius:60px; border:2px solid #b42664; height:50px; line-height:48px; padding:0 40px 0 20px; color:#b42664; font-weight: bold; font-size:16px;}
a.bt_1:after {content:"\62"; position:absolute; right:10px; top:50%; transform: translateY(-50%); font-size:20px; }
a.bt_1:visited {color:#b42664;}
a.bt_1:hover {background:transparent; color:#00549e;}

input.bt_1 {background:transparent; border-radius:80px; border:2px solid #00549e; text-transform: uppercase; color:#00549e; height:50px; font-size:16px; font-weight:600;}
input.bt_1:hover {background:#00549e; color:#fff;}

.bt-panier [class^="icon-"] {display: inline-block; font-size:20px; background:#0065bd; width:40px; text-align: center; line-height:40px;}

/*
.bt-2 a.elementor-button {background:transparent; border-radius:80px; border:2px solid #00549e; text-transform: uppercase; color:#00549e; height:50px; font-size:16px; font-weight:600;}
.bt-2 a.elementor-button > span {line-height:45px; padding:0 0 0 30px;}
.bt-2 a.elementor-button:after {content:"\62"; font-size:20px; color:#00549e; position: relative; top:50%; transform: translateY(-50%); height:auto; width:40px; padding-right:5px;}
*/

/*titre*/
.titre_1 {margin-top:20px;}
.titre_1 .elementor-heading-title {font-size:20px; font-weight:bold; color:#2d2d2d; text-transform: uppercase;}
.titre_3 .elementor-heading-title {font-weight: bold; font-size: 16px; color: #00549e; margin: 10px 0; text-transform: uppercase;}
.titre_3.elementor-widget:not(:last-child) {margin-bottom:10px;}

.titre_2 .elementor-heading-title span {font-size:25px; display:block;}
.titre_2 .elementor-heading-title, h2.titre_2 {text-align:left; font-size:20px; font-weight:bold; color:#2d2d2d; margin-bottom:20px;}
.titre_1 .elementor-heading-title:after, .titre_2 .elementor-heading-title:after, h2.titre_2:after {content:""; display:block; margin-top:10px; width:80px; height:5px; background:#00549e;}

/*slider*/
#slider .item { min-height: 400px; }
.owl-controls {position: absolute; width:100%; bottom:10px;}
.owl-nav {display:none;}
.owl-theme .owl-dots .owl-dot span {width:20px; height:20px; background:#fff;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: transparent; border:3px solid #fff;}
#slider .item .txt .desc span {display:inline-block;}
#slider .item .txt {font-size:22px; background: transparent;}
#slider .item .txt1 span {color:#fff; font-size:1.7em; display:inline-block; background:#5c91be; padding:5px 10px; text-transform: uppercase; font-weight: 600; margin-bottom:2px; }
#slider .item .txt1 span:last-child {background:#00549e;}
#slider .item .txt2 {font-weight: 600; margin:20px 0;}

/*popup*/


/*video item*/
.video-item {font-size:16px; margin-bottom:20px;}
#arve .video-item .arve-wrapper {margin-bottom: 2.5em;}
.video-item > h2 {font-size:1.5em; font-weight:bold; color:#00549e;}

.video-item > h2.c_rge, .doc-item h2.c_rge, .entry-header h1.entry-title.c_rge {color:#b42664;}
a.bouton.c_rge {background:#b42664;}
.bt-panier.c_rge [class^="icon-"] {background:#c32b6d;}
.c_rge input.bt_1 {border-color:#b42664; color:#b42664;}
.c_rge input.bt_1:hover {background:#b42664; color:#fff;}

.bloc-pr h2.c_ble {color:#00549e;}

/*doc item*/
.doc-item {min-height:355px; margin-bottom:20px;}
.doc-item h2 {font-size:1.5em; font-weight:bold; color:#00549e;}
.doc-img {background:#eaeeef; } 
.doc-txt .nb > div {display: inline-block;}

/*cas item*/
.cas-item {border:1px solid #f3f4f5; background:#fff; margin-bottom:20px; padding:20px 10px;
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
-o-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);}
.cas-item h3 {font-weight:bold; font-size:16px; color:#00549e; margin-bottom:20px; text-transform: uppercase;}

/*form radio checkbox*/
/* CUSTOM TOGGLE CHECKBOX */
.custom-toggle-checkbox{position: relative;}
.custom-toggle-checkbox [type="checkbox"]{position: absolute;left: -9999px;}
.custom-toggle-checkbox [type="checkbox"] + .wpcf7-list-item-label {
	padding-left: 70px;
	padding-top: 5px;
	font-size: 16px;
    /*color: #76797b;*/
    display:inline-block;
    cursor: pointer;
}
/* mode off */
.custom-toggle-checkbox [type="checkbox"] + .wpcf7-list-item-label:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: -2px;
	width: 60px;
	height: 30px;
	background-color: #fff;
    border:1px solid #97999b;
	border-radius: 15px;
}
.custom-toggle-checkbox [type="checkbox"] + .wpcf7-list-item-label:after{
	font-family: 'doloplus';
	content: "\69";
	display: block;
	position: absolute;
	left: 0;
	top: -2px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #97999b;
	color: #fff;
	font-size: 15px;
	text-align: center;
	padding-top: 6px;
	padding-left: 1px;
	transition: all .2s ease-in-out;
}
/* mode on */
.custom-toggle-checkbox [type="checkbox"]:checked + .wpcf7-list-item-label:before{
	/*background-color: #1e8927;*/
}
.custom-toggle-checkbox [type="checkbox"]:checked + .wpcf7-list-item-label:after{
	content: "\68";
	left: 30px;
	/*color: #1e8927;*/
    background-color:#00549e;
}

/* myRadio */
.myRadio label {position: relative;}
.myRadio + .myRadio {/*margin-left: 15px;*/}
.myRadio [type="radio"]{position: absolute;left: -9999px;}
.myRadio [type="radio"] + .wpcf7-list-item-label{display: inline-block;padding-left: 40px;cursor: pointer;margin-top: 3px;font-weight: 400;}
/*.radio-inline.myRadio [type="radio"] + .wpcf7-list-item-label{padding-left: 5px;}*/
.myRadio [type="radio"]:not(:checked) + .wpcf7-list-item-label:before,
.myRadio [type="radio"]:checked + .wpcf7-list-item-label:before {
  content: '';
  position: absolute;
  left:0;
  top: 0;
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50%; 
  box-shadow: none;
  border-style: solid;
  border-color: #d4d5d4;
    border-width: 1px;
}
/*.myRadio [type="radio"]:not(:checked) + .wpcf7-list-item-label:before{border-width: 1px;}
.myRadio [type="radio"]:checked + .wpcf7-list-item-label:before{border: 0;}*/
.myRadio [type="radio"]:not(:checked) + .wpcf7-list-item-label:after,
.myRadio [type="radio"]:checked + .wpcf7-list-item-label:after{
  content: '';
  position: absolute;
  left: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #00549e;
  transition: all .2s;
  box-shadow: none;
}
.myRadio [type="radio"]:disabled + .wpcf7-list-item-label:after{background: #A1A3A4;}
.myRadio [type="radio"]:not(:checked) + .wpcf7-list-item-label:after {opacity: 0;transform: scale(0);}
.myRadio [type="radio"]:checked + .wpcf7-list-item-label:after {opacity: 1;transform: scale(1);}