/* ------------------------*/ /* ---------->>> GLOBAL <<<-----------*/ /* ------------------------*/

html {
width : 100%;
height : 100%;
margin : 0;
padding : 0;
}

body {
height : 100%;
width : 100%;
margin : 0;
padding : 0 !important ;
}

@font-face {
font-family : "'Material Icons'";
font-style : normal;
font-weight : 300;
src : url(https://example.com/MaterialIcons-Regular.eot);
src : local('Material Icons'), local('MaterialIcons-Regular'), url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'), url(https://example.com/MaterialIcons-Regular.woff) format('woff'), url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}

img, object, iframe, embed, .player {
max-width : 100%;
cursor : pointer;
outline : none;
}

.bg-couleur {
background-color : rgba(35, 55, 75, 1);
}

.couleur {
color : rgba(35, 55, 75, 1);
}

.bg-gris, .bg-bleu-pale {
background-color : rgba(229, 236, 239, 1);
}

.bg-bleu-moyen {
background-color : rgba(206, 219, 225, 1);
}

.row.bottom {
margin-bottom : 0;
padding-bottom : 0;
}

.row.no-mar {
margin : 0;
}

.row.no-pad .col {
padding : 0;
}

ul.inline li {
display : inline-block;
}

.relative {
position : relative;
}

.wrapper {
padding-top : 65px;
}

.container {
width : 94%;
max-width : 1200px;
}

.principal {
margin-top : 80px; /* 80px; */
}
.row.pic_and_intro .row {
	margin-bottom: 0;
}

.section.bloc-texte-shortbio {
	padding: 66px 70px;
	margin-right: 40px;
	margin-bottom: 0;

}



.section.bloc-texte {
padding : 50px 70px;
margin-right : 40px;
margin-bottom : 50px;
}

.section.bloc-texte-experience {
padding : 66px 70px;
margin-right : 40px;
margin-bottom : 0;
}

.section .bloc {
padding : 20px 16px;
}

.divider {
max-width : 200px;
margin-top: 1px;
height : 3px;
overflow : hidden;
background-color : #004363;
}

.divider.add-mar {
margin-bottom : 40px;
}

/* ------------------------*/ /* ---------->>> PAGE TRANSACTIONS <<<-----------*/ /* ------------------------*/

.square-box {
position : relative;
width : 100%;
background-color : rgba(229, 236, 239, 1);
overflow : hidden;
margin-bottom : 20px;
}

.square-box:before {
content : "";
display : block;
padding-top : 100%;
}

.square-content {
position : absolute;
top : 0;
left : 0;
bottom : 0;
right : 0;
color : rgba(35, 55, 75, 1);
}

.square-content a {
display : table;
width : 100%;
height : 100%;
color : rgba(35, 55, 75, 1);
}

.square-content a span {
display : table-cell !important ;
text-align : center !important ;
vertical-align : middle !important ;
padding : 20px !important ;
text-transform : uppercase;
font-size : 12px;
line-height : 2em;
}

.square-box:hover {
cursor : pointer;
background-color : #004363;
}

.square-box:hover .square-content a {
color : #fff;
}

#bureau, #industriel {
margin-top : 80px;
}

div#industriel,
div#bureau {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;
}

.bold {
	font-weight: bold!important;
}

.col.s12.m6.xl4.infbox {
	background-color: #22374a;
	border: 10px solid white;
	padding: 20px 20px;
	box-sizing: border-box;
	margin: 0px!important;
	min-height: 300px;
	display: flex;
	align-items: center;
	flex-direction: column;
}

.col.s12.m6.xl4.infbox:nth-child(even) {
	background-color: rgba(229, 236, 239, 1);
	color: #22374a;
}

.col.s12.m6.xl4.infbox:nth-child(even) .item-transactions {
	color: #22374a;
}

.infobox-ribbon {
	width: calc(100% + 40px);
	display: block;
	text-align: center;
	background: #6f0519;
	color: white;
	text-transform: uppercase;
	padding: 5px 0;
	margin-bottom: 30px;
	font-weight: bold;
}

.top-ribbon {
	margin: 30px 0;
	text-align: center;
	border: 2px solid #004363;
	padding: 5px 30px;
	color: #6f0519;
	font-weight: bold;
}

@media only screen and (min-width: 1201px) {
	#bureau, #industriel {
		margin-top:0;
	}
	.row.principal.deaktopnotop2 {
		margin-top: 0;
	}
}




.mfp-bg {
top : 0;
left : 0;
width : 100%;
height : 100%;
z-index : 1042;
overflow : hidden;
position : fixed;
background-color : rgba(255, 255, 255, 0.99);
}

.mfp-content {
background-color : transparent;
}

.row.white-popup {
position : relative;
background-color : #004363;
padding : 0;
width : auto;
max-width : 750px;
margin : 20px auto;
}

.inline {
display : table;
empty-cells: unset;
}

.inline .inline-bloc {
display : table-cell;
vertical-align : middle;
width: 50%;
}

.inline .inline-bloc:empty {
empty-cells: hide;
}

.bloc-infos {
	font-size : 13px;
	line-height : 1.5em;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.item-transactions {
font-size : 12px;
font-weight : 600;
text-align : center;
margin : 0 auto;
display : block;
letter-spacing : 0.05em;
color : #fff;
}

.item-transactions:last-child:after {
content : none;
}

.mfp-close {
width : 44px;
height : 44px;
line-height : 44px;
position : absolute;
right : 0;
top : 0;
text-decoration : none;
text-align : center;
padding : 0 0 18px 10px;
opacity : 1;
color : #FFF;
font-style : normal;
font-size : 40px;
font-family : 'Material Icons';
}

.mfp-close-btn-in .mfp-close {
color : #fff;
opacity : 0.64999997615814208984375;
}

.thumb {
max-width : 400px;
}

.rslides_nav {
position : absolute;
top : 50%;
left : 0;
z-index : 9999;
opacity : 0.699999988079071044921875;
text-indent : -9999px;
overflow : hidden;
text-decoration : none;
height : 61px;
width : 38px;
content : 'dfsdfsfdsdf';
margin-top : -45px;
}

.rslides_nav:active {
opacity : 1;
}

.rslides_nav.next {
left : auto;
background-position : right top;
right : 0;
}

.rslides_nav:focus {
outline : none;
}

.rslides_tabs {
margin-top : 10px;
text-align : center;
}

.slick-next:after {
content : "navigate_next";
color : white;
font-size : 60px;
}

.slick-prev {
margin-top : 5px;
left : 15px !important ;
}

.slick-next {
right : 25px;
}

.slick-prev.slick-arrow, .slick-next.slick-arrow {
z-index : 1;
}

/* ------------------------*/ /* ---------->>> TYPO <<<-----------*/ /* ------------------------*/

body {
font-family : 'Open Sans', sans-serif;
color : #000;
}

h2.titre-page {
font-size : 40px;
text-transform : uppercase;
font-weight : 300;
}

p, li {
margin : 0 0 12px 0;
padding : 0;
font-size : 12px;
font-weight : 400;
line-height : 1.5em;
letter-spacing : 0.05em;
}

p:last-child, li:last-child {
margin : 0;
}

p, nav {
letter-spacing : 0.05em;
}

.btn-langue a {
height : 70px;
line-height : 70px;
padding : 0;
font-size : 11.5px;
border : none;
text-transform : uppercase;
text-align : right;
color : #000;
letter-spacing : 0.05em;
font-weight : 600;
}

.btn-langue a:hover, .btn-langue a:active {
color : #fff;
}

.tagline p {
font-size : 44px;
font-weight : 300;
text-transform : uppercase;
max-width : 400px;
}

.tagline-page span {
font-size : 24px;
font-weight : 400;
text-transform : uppercase;
max-width : 400px;
display : inline-block;
position : relative;
margin-top : -6px;
letter-spacing : 0.05em;
}

.texte-accueil p {
font-size : 14px;
font-weight : 400;
line-height : 2em;
max-width : 360px;
}

.bloc-texte p {
margin-bottom : 40px;
}

.bloc-texte p:last-child {
margin-bottom : 0;
}

footer {
font-size : 11px;
font-weight : 400;
}

p.copyright {
font-size : 11px;
margin-top : 4px;
}

nav {
font-weight : 600;
}

footer, footer p {
letter-spacing : 0.2em;
}

.footer_widget_1 {
	border-top: 2px solid white;
	padding-top: 20px;
	display: inline-block;
}

.footer_widget_2 {
	padding-top: 22px;
	display: inline-block;
}
.fa-2 {
	font-size: 1.5em;
}

.uppercase, p.uppercase {
text-transform : uppercase;
}

.uppercase a, p.uppercase a {
text-transform : none !important;
}

strong, p strong {
font-weight : 600;
}

span.small-title {
font-size : 14px;
font-weight : 600;
text-transform : uppercase;
padding-bottom : 26px;
letter-spacing : 0.05em;
}

span.small-title-liste {
font-size : 14px;
font-weight : 600;
text-transform : uppercase;
padding : 0 0 26px 14px;
letter-spacing : 0.05em;
}

ul.liste-services {
border-left : 3px solid #222;
padding : 0 0 0 10px;
list-style-type : none;
padding-bottom : 0;
margin-bottom: 20px;
height : 95%;
}

ul.liste-services li {
display : inline-block;
width : 100%;
font-size : 12px;
padding : 0;
line-height : 1.5em;
font-weight : 600;
}

ul.liste-services li:last-child {
line-height : 1.5em;
margin-bottom : 0;
}

ul.liste-equipe {
margin : 0;
padding : 0;
list-style-type : none;
}

ul.liste-equipe li {
display : inline-block;
width : 100%;
font-size : 12px;
padding : 0;
margin-bottom : 10px;
font-weight : 600;
text-transform : uppercase;
}

.image {
margin : 40px 0 20px;
}

span.logo img {
max-width : 150px;
}
header {
padding : 0;
margin-bottom : 0;
}
#menu-item-113 {
display : none;
}
ul.btn-langue {
margin : 0;
padding : 0;
text-align : right;
}
.menu-langue-container {
float: right;
}
.banniere {
width : 100%;
height : 100%;
padding : 0;
position : relative;
}
.banniere img {
height : 230px;
max-height : 100%;
}
h2.titre-page {
position : absolute;
top : 30%;
left : 17%;
}
span.bubble {
font-style : italic;
font-weight : bold;
}
span.auteur {
font-size : 12px;
}
span p.auteur::first-line {
font-weight : bold !important ;
color : #111;
}
.current-lang a {
color : #fff;
}
footer {
display : inline-block;
width : 100%;
margin : 0;
padding : 20px 0;
color : #fff;
bottom : 0;
}
footer a {
color : #fff;
}

.copyright_wrap{
	display: flex;
	justify-content: flex-end;
}
.clearfix:before, .clearfix:after {
content : "";
display : table;
}
.clearfix:after {
clear : both;
}
.clear {
overflow : hidden;
}
.relative {
position : relative;
}
absolute {
position : absolute;
z-index : 1;
}
.add-20-mar-top {
margin-top : 20px;
}
.add-30-mar-top {
margin-top : 30px;
}
.add-40-mar-top {
margin-top : 40px;
}
.add-50-mar-top {
margin-top : 50px;
}
.add-60-mar-top {
margin-top : 60px;
}
.add-80-mar-top {
margin-top : 80px;
}
.add-20-mar-bot {
margin-bottom : 20px;
}
.add-40-mar-bot {
margin-bottom : 40px;
}
.add-60-mar-bot {
margin-bottom : 60px;
}
.add-80-mar-bot {
margin-bottom : 80px;
}

.temoignages:nth-child(2) {
	padding-top: 100px;
}

.bubble {
position : relative;
display : inline-block;
width : 100%;
height : auto;
margin-bottom : 30px;
padding : 20px;
background : #eeeeee;
border-radius : 1px;
max-width : 90%;
}


.bubble:after {
content : '';
position : absolute;
border-style : solid;
border-width : 15px 15px 0;
border-color : #eeeeee transparent;
display : block;
width : 0;
z-index : 1;
bottom : -15px;
left : 20px;
}
.btn, .btn-large {
text-decoration : none;
background-color : transparent;
border : #111 solid 1px;
text-align : center;
letter-spacing : 0.5px;
box-shadow : none;
transition : 0.2s ease-out;
cursor : pointer;
}
.btn:hover, .btn-large:hover {
background-color : transparent;
}
input:not([type]), input[type="text"]:not(.browser-default), input[type="password"]:not(.browser-default), input[type="email"]:not(.browser-default), input[type="url"]:not(.browser-default), input[type="time"]:not(.browser-default), input[type="date"]:not(.browser-default), input[type="datetime"]:not(.browser-default), input[type="datetime-local"]:not(.browser-default), input[type="tel"]:not(.browser-default), input[type="number"]:not(.browser-default), input[type="search"]:not(.browser-default), textarea.materialize-textarea {
background-color : transparent;
border : #fff solid 1px;
border-radius : 0;
outline : none;
width : 100%;
height : 2em;
margin : 0 0 20px 0;
box-shadow : none;
box-sizing : content-box;
transition : all 0.3s;
}
.input-field {
position : relative;
margin-top : 1rem;
}

.maildivwrap{
	margin-top: 244px;
}
.infolettre .input-field input[type="email"], .infolettre .input-field input:focus, .infolettre .input-field input[type="email"]:focus, .infolettre .input-field input[type="email"].valid, .infolettre .input-field input[type="email"].invalid, .infolettre .input-field textarea.materialize-textarea {
border-bottom : 1px solid #fff;
box-shadow : none !important ;
padding-left : 5px;
}
.infolettre .input-field.inline {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.infolettre .infoheading{
	padding: 10px  0px 10px  0px;
	font-size: 16px;
	font-weight: bold;
}
form#mc-embedded-subscribe-form {
	max-width: 400px;
	padding: 30px;
	background: rgba(34,55,74,0.9);;
	color: white;
	text-align: center;
}

input#mce-EMAIL {
	font-weight: bold;
	width: 250px;
	padding: 2px 0 2px 10px;
	font-size: 15px;
	margin-bottom: 0;
}

ul.tabs .indicator {
display : none;
}
ul.tabs {
border-bottom : 1px solid #111;
}
ul.tabs .tab a {
background-color : #fff;
border : #111 solid 1px;
width : auto;
color : #111;
font-weight : 700;
font-size : 12px;
}
ul.tabs .tab a:hover, ul.tabs .tab a.active {
background-color : #004363;
border : none;
color : #fff;
box-shadow : none !important ;
}
.carte {
 z-index: 999;
}
.infos-contact {
min-height : 500px;
}

.section.formulaire {
    margin: 0 0 0 40px;
    padding: 0;
}

.contact form {
padding : 50px;
}
form.contact a.btn, form.contact a.btn-large {
text-decoration : none;
color : #111;
font-weight : 700;
font-size : 12px;
padding : 0 60px;
}
.contact input[type="text"]:not(.browser-default), .contact input[type="password"]:not(.browser-default), .contact input[type="email"]:not(.browser-default), .contact input[type="url"]:not(.browser-default), .contact input[type="time"]:not(.browser-default), .contact input[type="date"]:not(.browser-default), .contact input[type="datetime"]:not(.browser-default), .contact input[type="datetime-local"]:not(.browser-default), .contact input[type="tel"]:not(.browser-default), .contact input[type="number"]:not(.browser-default), .contact input[type="search"]:not(.browser-default), .contact textarea.materialize-textarea {
background-color : transparent;
border : #111 solid 1px;
border-radius : 0;
outline : none;
width : 100%;
height : 2em;
margin : 0 0 20px 0;
box-shadow : none;
padding-left : 5px;
box-sizing : content-box;
transition : all 0.3s;
}
.contact input[type="email"], .contact input:focus, .contact input[type="email"]:focus, .contact input[type="email"].valid, .contact input[type="email"].invalid, .contact textarea.materialize-textarea {
border-bottom : 1px solid #111 !important ;
box-shadow : none !important ;
padding-left : 5px;
}
.contact input[type="submit"].focus {
border: none !important ;
box-shadow : none !important;
outline: none !important;
}
.contact label, .contact label.active {
color : #111;
font-size : 1em;
cursor : text;
padding : 20px 0;
transition : transform 0.2s ease-out;
transform-origin : 0% 100%;
text-align : initial;
transform : translateY(12px);
}
.wpcf7-form-control {
background-color: transparent;
width: auto;
height: 100%;
}

div.wpcf7-mail-sent-ok {
    border: 6px solid #fff;
}

html {
box-sizing : border-box;
}
*, *:before, *:after {
box-sizing : inherit;
}
@media only screen and (max-width:992px) {
 
    .menu-langue-container {
    float: none;
    }
    .current-lang a {
    display : none !important;
    }
    #menu-item-113 {
    display : block;
    }
    .principal {
    margin-top : 10px;
    }
    .banniere {
    padding-left : 20px;
    padding-bottom : 20px;
    max-height : 150px;
    }
    h2.titre-page {
    position : absolute;
    top : 20%;
    left : 17%;
    }
    .section, .section.bloc-texte {
    margin : 2px 0;
    padding : 30px 20px;
    }
    .tagline-page span {
    margin-bottom : 30px;
    }
    .tagline-page.nom span {
    margin-bottom : 0;
    }
    p.copyright {
    font-size : 11px;
    margin-top : 0;
    }
    .modal {
    width : 98%;
    }
	.section.bloc-texte-shortbio {
		padding : 30px 40px;
		margin-top : 20px;
		margin-right : 0;
		margin-bottom : 0;
	}

    .section.bloc-texte-experience {
    padding : 30px 40px;
    margin-top : 20px;
    margin-right : 0;
    margin-bottom : 0;
    }
    footer {
    padding : 30px;
    }

	.copyright_wrap{
		display: flex;
		justify-content: flex-end;
		flex-direction: column;
	}

	.maildivwrap{
		margin-top: 0px;
	}
}


@media only screen and (min-width: 993px){
	.section.bloc-texte-shortbio{
		min-height: 200px;
	}
}


@media only screen and (max-width:600px) {

    .wrapper.bg-image-desktop {
    background-color: #eee;
    background-size: 0 0 !important;
    }
    .section.formulaire {
    margin: 0;
    padding: 0;
    }

    h2.titre-page {
    position: absolute;
    top: 6%;
    left: 17%;
}
    .banniere {
        max-height: 100px; 
        padding: 20px;
        margin-bottom: 20px;
    }
    .tagline-page {
    margin-top: 20px;
    margin-left: -10px;
    margin-bottom: 0;
    padding-bottom: 0;
    }

    #cd-navigation .right {
    float : none !important ;
    }
    .thumb {
    max-width : 100%;
    margin : 0 auto;
    }
    .inline {
    display : block;
    }
    .inline .inline-bloc {
    display : block;
    width : 100%;
    vertical-align : middle;
    }
    .inline .inline-bloc img {
    width : 100%;
    max-width : 600px;
    margin : 0 auto;
    }
    .tagline-page span {
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    max-width: 400px;
    display: inline-block;
    position: relative;
    margin-top: -6px;
    margin-left: 0;
    letter-spacing: 0.05em;
    }
    .section, .section.bloc-texte {
    margin : 2px 0 20px;
    padding : 30px 20px;
    }
    .infos-contact {
    min-height: 250px;
}
    .infos-contact p {
      padding-left: 12px !important;  
    }
    .section.formulaire {
       margin-top: 30px; 
    }
    .rslides {
    display : block;
    margin : 50px 0 0;
    text-align : center;
    }
    .rslides img {
    margin : 0 auto;
    float : none;
    }
    .btn-langue a {
    height : 70px;
    line-height : 70px;
    padding : 0;
    font-size : 11.5px;
    border : none;
    text-transform : uppercase;
    text-align : right;
    color : #000;
    letter-spacing : 0.05em;
    font-weight : 600;
    }
    .btn-langue a:hover, .btn-langue a:active {
    color : #000;
    }
    .add-20-mar-top, .add-30-mar-top, .add-40-mar-top, .add-50-mar-top, .add-60-mar-top, .add-80-mar-top, .add-20-mar-bot, .add-40-mar-bot, .add-60-mar-bot, .add-80-mar-bot {
        margin: 10px 0;
        margin: 10px;
    }
    .section {
        margin-bottom: 20px;
        padding: 10px 0;
    }
	.col.s12.m6.xl4.infbox{
		min-height: auto;
	}

}

/* ------------------------*/ /* ---------->>> PAGE NOUVELLES <<<-----------*/ /* ------------------------*/

.collapsible {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: none;
    margin: 0.5rem 0 50px 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.collapsible img {
    width: 100%;
    max-width: 100%;
}

.collapsible-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    line-height: 1.3;
    padding: 20px 50px;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    box-shadow: none;
    background-color: transparent;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    position: relative;
    margin-top: -6px;
    margin-bottom: 0;
    margin-left: 0;
    letter-spacing: 0.05em;
}


.collapsible-header span .material-icons { 
    float: right !important;
}

.collapsible-body {
    border-bottom: 1px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 50px 100px;
    position: relative;
}

.collapsible-body p {
    display: block;
    width: 100%;
}

.collapsible-header a {
    color: #fff;
    font-weight: 700;
}

.nouvelles.section.bloc-texte {
    padding: 0;
    margin-right: 0;
    margin-bottom: 10px;
}


.collapsible-body .absolute {
    position: absolute;
    left: 0;
    bottom: -30px;
    right: 0;
}

.collapsible-body .date,
.collapsible-body .share {
    display: inline-block;
    height: 50px;
    width: 48%;
}

.collapsible-body .absolute .date {
    line-height: 1.5;
    padding: 0 0 20px 60px;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    box-shadow: none;
    background-color: transparent;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    display: block;
    letter-spacing: 0.05em;
}

.collapsible-body .share {
    background-color: #fff;
    padding-left: 0;
}

.share {
    text-align: center;
}

.share ul {
    padding-left: 0;
    margin: 0 auto;
   
}

.share ul li {
    display: inline-block;
    padding: 12px 4px ;
    font-size: 10px;
}

.share ul li a {
    color: #111;
}

.circle-icon {
 background-color: white;
 border-radius: 50%;
 border: 2px solid #222;
 padding:5px;
}

.circle-icon.fa-facebook-f {
    padding: 5px 7px;
}

.collapsible-header .date {
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    padding: 6px 0;
}

.collapsible-header.active .date {
    display: none;
}

@media only screen and (max-width:992px) {

    .collapsible-body .date {
    padding: 0 0 20px 60px;
    
    }
}

.contact label, .contact label.active {
    font-size: 1.2em;
}

textarea.wpcf7-form-control.wpcf7-textarea {
    border: #111 solid 1px;
    width: 100%;
    background-color: transparent;
 
    border-radius: 0;
    outline: none;
    width: 100%;
  
    margin: 0 0 20px 0;
    box-shadow: none;
    padding-left: 5px;
    box-sizing: content-box;
    transition: all 0.3s;
}

input.wpcf7-form-control.wpcf7-submit {
 height: 54px;
 line-height: 54px;
 text-decoration: none;
 color: #111;
 font-weight: 700;
 font-size: 12px;
 padding: 0 60px;
 border: 1px solid black;
 
}
input.wpcf7-form-control.wpcf7-submit:hover {
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}
span.wpcf7-not-valid-tip {
    margin-top: -10px;
}
/*
.email {
    a.email p {
        margin-bottom: 20px;
    }

}
*/



@media only screen and (min-width: 1200px) {
	.col.s12.m9.l5.maildivwrap {
		margin-left: -50px;
	}
}

@media only screen and (min-width: 1400px) {
	.col.s12.m9.l5.maildivwrap {
		margin-left: -30px;
	}
}

@media only screen and (min-width: 1500px) {
	.col.s12.m9.l5.maildivwrap {
		margin-left: 0px;
	}
}

@media only screen and (min-width: 1600px) {
	.col.s12.m9.l5.maildivwrap {
		margin-left: 0;
	}

	form#mc-embedded-subscribe-form {
		margin-left: -4px;
		max-width: 450px;
		padding: 30px 50px;
	}
}

@media only screen and (min-width: 1700px) {
	.col.s12.m9.l5.maildivwrap {
		margin-left: 0;
	}

	form#mc-embedded-subscribe-form {
		margin-left: -4px;
		max-width: 500px;
		padding: 30px 70px;
	}
}
@media only screen and (min-width: 1900px) {
	.col.s12.m9.l5.maildivwrap {
		margin-left: 0;
		margin-top: 300px;

	}

	form#mc-embedded-subscribe-form {
		position: absolute;
		margin-left: 0px;
		max-width: 550px;
		padding: 30px 100px;
	}
}

@media only screen and (min-width: 2000px) {
	.col.s12.m9.l5.maildivwrap {
		margin-left: 0;
		margin-top: 300px;

	}

	form#mc-embedded-subscribe-form {
		position: absolute;
		margin-left: 0px;
		max-width: 27%;
		padding: 30px calc(13% - 170px);
	}
}