/*
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: 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
*/

@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700&display=swap');

body {/*overflow-x:hidden;*/}
#page {position:relative; overflow-x:hidden;}
.container {max-width: 1260px;}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #000;
	font-family: 'PT Sans', sans-serif;
	font-size:16px;
	line-height: 1.3;
	font-weight:400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'PT Sans', sans-serif; margin:0;
	color: #fff;
	font-weight:300;
}


/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
  color: #222;
}

a:visited {
  color: #222;
}

a:hover,
a:focus,
a:active {
  color: #222;
}

/*MENU*/
#colophon .current_page_item a, #colophon a:hover, #colophon .current-lang a {color:#8e8e8e;}
.main-navigation li a:hover, .main-navigation li.current_page_item > a, .main-navigation li.current-page-ancestor > a {
    color: #b3065c;
}

.main-navigation li a {font-family: 'Open Sans'; font-weight:600; color:#343434; font-size:14px; padding:0 20px;}
.main-navigation ul:first-child > li > a {line-height: 1.2; height:20px; text-align: center;}
.main-navigation ul:first-child > li:last-child:after {content:'\6c'; font-family: "assets-glyph"; position: absolute; right:0; top:2px; font-size:10px;}
.home .main-navigation li a, .home .main-navigation ul:first-child > li:last-child::after {color:#fff;}
.home .main-navigation li a:hover, .home .main-navigation li.current_page_item > a, .home .main-navigation li.current-page-ancestor > a {
    color: #343434;
}

.iframe #responsive-menu-button, .iframeopen #responsive-menu-button {display:none;}

/*sousmenu*/
.main-navigation li {position: relative;}
.main-navigation .sub-menu {width:auto; border:none; background:none;}
.main-navigation ul li:hover > ul {z-index: 2;}
.main-navigation ul ul {top:20px; left:0;}
.main-navigation ul ul li {width:auto;}
.main-navigation .sub-menu li a {border:none; font-weight: 600;}
.main-navigation ul ul li a {padding:10px 20px;}


/*article*/
.hentry {margin:0;}

/*--------------------------------------------------------------
SITE ORIGIN
--------------------------------------------------------------*/

/*---------PERSO-------*/



/* polices */


/* titres */
h2, h3, h4 {line-height: 1.1; color:#222;}

.title1, .title1 h1 {font-size:80px; font-weight: 400; margin:20px 0 40px; color:#343434; line-height: 1;}

/* boutons */
.elementor-element.elementor-button-info .elementor-button {}
.btn-primary {background:#b3065c; padding:.96rem 1.5rem;; color:#fff; font-weight:700; text-transform: uppercase; border-radius:3px; -webkit-box-shadow: 0 3px 20px 0 rgba(0,0,0,0.1);
box-shadow: 0 3px 15px 0 rgba(0,0,0,0.1);}

/* icones */
span[class^='icon-']{display: inline-block;}

.icon20{font-size: 20px;height: 20px;}
.icon25{font-size: 25px;height: 25px;}
.icon30{font-size: 30px;height: 30px;}
.icon40{font-size: 40px;height: 40px;}
.icon50{font-size: 50px;height: 50px;}
.icon60{font-size: 60px;height: 60px;}

.iconwhite{color: #fff;}
.iconblue{color: #3592a4;}
.icongreen{color: #99bc40;}
.icongrey{color: #4d4d4d;}
.icongreylight{color: #828282;}


/* general */
.page-content, .entry-content, .entry-summary{margin: 0;}
/*.widget-title{display: none;}*/

#main > header {min-height:400px; background:#1D2A34; overflow: hidden;}

.elementor-text-editor a {color:#b3065c;}

/*pagination*/
.fab-pagination {
  margin: 40px -5px 20px -5px;
  /*-webkit-box-shadow: 0 -3px 0 0 #cccccc;
  box-shadow: 0 -3px 0 0 #cccccc;*/
  height: 40px;
    font-weight:600;
}
.fab-pagination span {
  line-height: 35px;
  height: 35px;
  padding: 0px 10px;
  /*-webkit-box-shadow: 0 -3px 0 0 #333333;
  box-shadow: 0 -3px 0 0 #333333;*/
  float: left;
    background:#b3065c; color:#fff;
    margin:0 5px;
}
.fab-pagination a {
  float: left;
  line-height: 35px;
  height: 35px;
  padding: 0px 10px;
    background:#b3b3b3; color:#fff;
    margin:0 5px;
}
.fab-pagination a:hover {background:#b3065c;}

/*HEADER*/
#masthead {/*padding-top:30px;*/ transition:all 350ms ease;}
.blocmenu nav {/*width:45%;*/}

.site-branding {padding:10px 20px;}

.blocresp {display:none;}
.blocresp img {width:185px; height:auto;}


/*FOOTER*/
#colophon { padding:40px 0 30px; background:#f8f8f8; font-size:14px; font-family: 'Open Sans';}
#colophon a {color:#616161;}
#colophon a:hover {color:#616161; opacity: 0.8;}

#nuages {position: absolute; bottom: -2px; z-index: -1;left: 50%; transform: translateX(-50%); width: 100%; max-width: 1920px; /*overflow: hidden;*/}
.fusee {position: absolute; left:calc(50% - 73px); /*transform: translateX(-50%);*/ bottom:150px;}
.nuages {position: relative;}

.logo-foot {padding-top:2px;}
#colophon .adresse {padding-left:40px;}
.icontxt { position: relative; top:2px;}
#colophon .tel {margin-top:10px;}
.blocmenufoot > div {width:200px; line-height: 2.2;}

.copy {/*border-top:1px solid #e8e8e8; padding-top:30px; margin-top:30px;*/}
#colophon .foot-social a {color:#bbb}

.lang-item-en {margin-bottom:32px;}

/*PLUGIN*/
.logo-slides { max-width: 1190px; margin: 0 auto; }
.logo-slides img { display: block; }
.logo-slides .item img { position: relative; top: 50%; transform: translateY(-50%); padding: 0 25px; }

.html.sr .load-hidden {visibility: hidden;}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-mail-sent-ng, div.wpcf7-aborted {border:none; text-align: center; color:#b3065c;}
div.wpcf7-response-output {margin:0;}
span.wpcf7-not-valid-tip {font-size:12px;}

/*popup mfp*/

/*.mfp-iframe-holder .mfp-close {top:20px; right: 37px; width:30px; height:30px; color:#444; border:2px solid #444; border-radius:20px;text-align: center; padding:0; line-height: 1; opacity: 1; font-size: 26px; z-index: 99998;}*/
.mfp-iframe-holder .mfp-close {top:20px; right: 37px; width:60px; height:60px; color:#616161; border:1px solid #616161; border-radius:3px; text-align: center; padding:0; line-height: 1; opacity: 1; font-size: 28px; z-index: 99998; background: #343434;}
.mfp-iframe-scaler {padding-top:0;}
.mfp-iframe-holder {padding:0; }
.mfp-iframe-holder {max-width:1520px;}
.emailing .mfp-iframe-holder {max-width:800px;}
.mfp-iframe-holder .mfp-content {height:100%; max-width: 100%;}
.mfp-iframe-scaler iframe {background: #fff; }
.mfp-container {left:auto; right: 0;}
.mfp-bg {background: rgba(0,0,0,0.3);}
.single .mfp-bg {background: #0b0b0b;}
.single .mfp-wrap .mfp-close {display:none;}
.iframe section > .container {height:auto; border-radius:0; overflow: visible; box-shadow: none; max-width: 100%;}
.iframe section > .container::before {display:none;}
.iframe #global {height:auto;}
.iframe #back {display:none;}
.mfp-preloader {color:#fff;}
.mfp-move-horizontal:before {content: '';
  position: fixed; left: 50%; margin-left:-30px; top: 50%; width: 60px; height: 60px; z-index: 9998;
  background: url('img/images/default.svg') 50% 50% no-repeat;}
.mfp-move-horizontal.loaded:before{display: none;}

.single #scrollUp {z-index: 10!important;}

.iframeopen #scrollUp {display:none;}
.menu-projet > div {position: absolute; right:100px;}

====== Move-horizontal effect ======

*/
body:not(.mobile) .mfp-move-horizontal {
  /* start state */
  /* animate in */
  /* animate out */
    overflow-x: hidden;
}
body:not(.mobile) .mfp-move-horizontal .mfp-container {
  opacity: 0;
  transition: all 0.3s;
    transform: translateX(+350px);
}

body:not(.mobile) .mfp-move-horizontal.mfp-ready.loaded .mfp-container {
  opacity: 1;
  transform: translateX(0);
}

body:not(.mobile) .mfp-move-horizontal.mfp-removing.loaded .mfp-container {
  transform: translateX(350px);
  opacity: 0;
}


/*PROJET*/
#imgtop {position: absolute; top:0; right:0; z-index: -1;}
.tri-article {margin-bottom:40px;}
.tri-article > div a {display:block; background:#e8e8e8; border-radius: 50px;  margin:5px; padding:8px 15px; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight: 600; line-height: 1; color:#616161;}
.tri-article > div.active a, .tri-article > div a:hover {background-color:#b3065c; color:#fff;}
.projet {margin:15px 0;}
.projet > div {cursor:pointer; background: #fff; border-radius: 6px; overflow:hidden; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.05); box-shadow: 0 0 10px 0 rgba(0,0,0,0.05); transition: all 350ms ease;}
.projet > div:hover {-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);}
.projet .infos {position:relative; padding:20px;}
.projet .entry-title h3 {font-size:20px; font-weight: bold;}
.projet  .entry-category {color:#616161;}

.btdetail {position: absolute; right:20px; top:50%; transform: translateY(-50%); font-size:10px; color:#b3065c;}
.bt-search {position: absolute; left:50%; transform:translateX(-50%) scale(0); top:150px; border-radius: 50%; background:#3772ff; width:50px; height:50px; color:#fff; text-align: center; padding-top:15px; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) .1s;}
.projet > div:hover .bt-search {transform:translateX(-50%) scale(1);}
.projet > div .image {overflow: hidden;}
.projet > div .image img {transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; transform: scale(1);}
.projet > div:hover .image img {transform: scale(1.05);}
/*.img-link {cursor: -webkit-zoom-in; cursor: zoom-in;}
.img-link.zoom {max-width:none!important; cursor: -webkit-zoom-out; cursor: zoom-out;}*/

/*SINGLE*/
.single-post {background: #fff; color:#444444}
.single-post #masthead, .single-post .menu-lateral, .single-post footer, .single-post .menuresp, .single-post .section-demo {display:none;} 
.single-post article {position: relative;}

.news-top { position: fixed!important; top:0; left:0; min-height: 110px; width:100%; padding:20px 5px; background:rgba(52,52,52,.98); z-index: 2; -webkit-box-shadow: 0 3px 20px 0 rgba(0,0,0,0.2);box-shadow: 0 3px 20px 0 rgba(0,0,0,0.2); color:#fff; font-size:14px;}
article .entry-header h1.entry-title, .news-top h1.entry-title {color:#fff; font-size:20px; font-weight:700;}
.entry-url a, .entry-url a:visited {font-size:14px; color:#e07f0d;}
.entry-url span {color:#3d3d3d; font-size:20px; position:relative; top:5px; padding-right: 10px; }
.entry-url a:hover {color:#fff;}
.bloc_content_news p {margin-bottom:20px;}

.slider-nav {width:200px;}
.bloc_content_news p {margin:0;}
.menu-projet {padding-right:90px;}

.slider-for .item {text-align: center;}

.single .logo {display:block; padding-right:20px;}
.iframe.single .logo {display:none;}
#back {text-transform: uppercase;}
#back a {color:#fff; font-weight: 600; background-color: #b3065c; padding: 5px;
border-radius: 3px;}


/*HOME*/
#bob {overflow: hidden;}
#bob svg { position: absolute; top: 0; left: 0; fill: #023F92; /*width: 50vmax;*/ z-index: -1;
  animation: move 30s ease-in-out infinite; transform-origin: 50% 50%; }
@keyframes move {
  0%   { transform: scale(1)   translate(40vw, -40vh); }
  40%  { transform: scale(1, 0.9) translate(45vw, -45vh) rotate(-5deg); }
  80%  { transform: scale(1) translate(40vw, -40vh) rotate(-8deg); }
  100% { transform: scale(1)   translate(40vw, -40vh); }
}

@keyframes move2 {
  0%   { transform: scale(1)   translate(-10vw, -10vh); }
  40%  { transform: scale(1, 0.9) translate(-15vw, -10vh) rotate(-5deg); }
  80%  { transform: scale(1) translate(-5vw, 5vh) rotate(+8deg); }
  100% { transform: scale(1)   translate(-10vw, -10vh); }
}

@keyframes move3 {
  0%   { transform: scale(1)   translate(30vw, -20vh); }
  40%  { transform: scale(1, 0.9) translate(35vw, -20vh) rotate(-5deg); }
  80%  { transform: scale(1) translate(35vw, 0vh) rotate(+8deg); }
  100% { transform: scale(1)   translate(30vw, -20vh); }
}

#hMask3, #hMask2 {/*-webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.15);
box-shadow: 0 10px 30px 0 rgba(0,0,0,0.15);*/
filter: drop-shadow(rgba(0, 0, 0, 0.15) 0px 5px 15px);
}
#hMask2 {margin-top:15px;}
.blocwork1 {padding-right:20px;}

.blob {position: absolute; top: 0; left: 0; fill: #023F92; z-index: -1; transform-origin: 50% 50%;}
.blob2 {animation: move2 30s ease-in-out infinite;}
.blob3 {animation: move3 30s ease-in-out infinite;}

/**/
#nuages.tpl1 {margin-top:150px; position: relative; bottom: 0; z-index:0; overflow: visible;}
#nuages.tpl1 .nuages {position: absolute; bottom:0;}


/*---------------------------------------------------------------

/*FORM*/
.form-control-lg {border-color:#bbbbbb; background:#fff; border-radius:3px;}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {color:#343434;}
.form-control-lg:focus { background: #fff; border-color: #000; }
.form-control:focus {border-color:#343434; color: #343434;}

textarea.form-control {font-size:14px;}

/*datepicker*/
.datepicker {
    padding: 8px;
}
.dropdown-menu {
    font-size: 0.9em;
    color: #bb0c5c;
}
.datepicker td.active.active, .datepicker td.active.disabled, .datepicker td.active.disabled.active, .datepicker td.active.disabled.disabled, .datepicker td.active.disabled:active, .datepicker td.active.disabled:hover, .datepicker td.active.disabled:hover.active, .datepicker td.active.disabled:hover.disabled, .datepicker td.active.disabled:hover:active, .datepicker td.active.disabled:hover:hover, .datepicker td.active.disabled:hover[disabled], .datepicker td.active.disabled[disabled], .datepicker td.active:active, .datepicker td.active:hover, .datepicker td.active:hover.active, .datepicker td.active:hover.disabled, .datepicker td.active:hover:active, .datepicker td.active:hover:hover, .datepicker td.active:hover[disabled], .datepicker td.active[disabled] {
    background: none;
    background-color: rgb(187, 12, 92) !important;
}
.datepicker td span.active.active, .datepicker span.active.disabled, .datepicker span.active.disabled.active, .datepicker span.active.disabled.disabled, .datepicker span.active.disabled:active, .datepicker span.active.disabled:hover, .datepicker span.active.disabled:hover.active, .datepicker span.active.disabled:hover.disabled, .datepicker span.active.disabled:hover:active, .datepicker span.active.disabled:hover:hover, .datepicker span.active.disabled:hover[disabled], .datepicker span.active.disabled[disabled], .datepicker span.active:active, .datepicker span.active:hover, .datepicker span.active:hover.active, .datepicker span.active:hover.disabled, .datepicker span.active:hover:active, .datepicker span.active:hover:hover, .datepicker span.active:hover[disabled], .datepicker span.active[disabled] {
    background: none;
    background-color: rgb(187, 12, 92) !important;
}