/*
 Theme Name:   Sydney Child
 Theme URI:    http://example.com/sydney-child/
 Description:  Sydney Child Theme
 Author:       Delphine LARA-MARTIL
 Author URI:   http://www.3pixelles.fr
 Template:     sydney
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  sydney-child
*/
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

.col-exp.empty{
    background-color: transparent;
    font-size: 12px;
    vertical-align: bottom;
    padding-bottom: 10px;
}

#tag-words{
    font: initial;
    zoom: 0.8;
    -webkit-transform: scale(0.8);
    font-size: 14px;
    font-family: 'Arial';
}

b.bpink {
    color: #ff29e9;
}

#pg-466-5 .panel-grid-cell{
    float: left !important;
}

h2{
    font-size: 32px !important;
    
}

h2.maintitle{
    font-size: 42px !important;
}

.textwidget h1{
    font-size: inherit;
}

#pgc-466-3-0 h2.widget-title {
    color: white !important;
}

#cookie-notice .button.bootstrap{
    background-color: #ff29e9;
    background-image: -moz-linear-gradient(top, #ff29eç, #ec70e0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ff29e9), to(#ec70e0));
    background-image: -webkit-linear-gradient(top, #ff29e9, #ec70e0);
    background-image: -o-linear-gradient(top, #ff29e9, #ec70e0);
    background-image: linear-gradient(to bottom, #ff29e9, #ec70e0);
}

#cookie-notice .button.bootstrap:hover, #cookie-notice .button.bootstrap:focus{
   background-color: #ff29e9;
}

#post-786 .wpcf7 {
    margin-top: 50px;
}

.m-left {
    margin-left: 10px;
}

.footer-central {
    margin-left: 40px;
}

.footer-last {
    margin-left: 90px;
}

.li-subtitle {
    font-weight: bold;
    font-size: 16px;
    color: #443f3f;
    text-transform: uppercase;
}

.roll-button:hover {
    background-color: #edb8e8;
    color: black !important;
    border-color: transparent;
}

ul.nous-choisir li {
    margin-bottom: 20px;
}

.intro1{
    color: #000000;
    font-weight: bold;
    font-size: 49px;
    text-transform: uppercase;
    font-family: 'Josefin Sans';
}

.intro2{
    color: #FF29E9;
    font-weight: bold;
    font-size: 36px;
    text-transform: uppercase;
    font-family: 'Josefin Sans';
}

.intro3{
    color: #969393;
    font-weight: bold; 
    font-size: 40px;
    text-transform: uppercase;
    font-family: 'Josefin Sans'; 
}

.centered-text{
    width: 70%;
    margin: auto;
    text-align: justify;
}

.textwidget{
    text-align: justify;
}

.roll-counter{
    margin-bottom: 50px;
}

.roll-progress{
    margin-bottom: 35px;
}

.roll-counter .fa{
    font-size: 35px;
    color: #ff29E9;
}

.roll-counter .numb-count, .name-count, .roll-progress .name, .roll-progress .perc{
    color: rgb(68, 63, 63);
}

.roll-counter .name-count{
    font-size: 14px;
    font-family: 'Open Sans' !important;
    font-weight: 400;
}

.roll-progress .perc.show{
    min-width: 100%;
}


[data-widgetid="employees-widget-2-0-0"].roll-team.owl-carousel .owl-item{
    vertical-align: top;
}

#mainnav ul li a{
    font-size: 18px;
}

.team-content .pos{
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
}

.roll-team .team-content .name{
    font-size: 22px;
    margin-bottom: 30px;
}

.social-menu-widget{
    margin: 0 10px;
}

#mini-3p{
    padding: 0px 15px;
}

.wpcf7 form{
    text-align: center;
}

.quote-pink{
    color: #FF29E9;
    font-size: 30px;
    font-family: Arial;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}

div.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok{
    display: inline-block;
    width: auto;
    border: 0px;
color: #ff29E9;
background-color: rgb(239, 239, 239);

padding: 10px 10px;
box-shadow: 2px 2px rgb(224, 224, 224);
border-radius:5px

}


.contact-row{
    font-size: 0px;
    margin-bottom: 10px;
}

.contact-row input, .contact-row select{
    font-size: 15px;
}

.contact-row div{
    font-size: 15px;
}

.full-col{
    padding-left: 10px;
    padding-right: 10px;
}

.semi-col{
    display: inline-block;
    width: 50%;
    padding-right: 10px;
    padding-left: 10px;
    vertical-align: top;
}

.offers.offers-white .col-exp>ul>li {
    background-color: #ffffff;
    border: 1px solid #dedede;
    font-weight: bold;
    font-size: 16px;
}

.offers .col-exp>ul>li.black-header {
    border: none;
}

span.wpcf7-not-valid-tip{
    color: rgba(255, 116, 74, 0.86);
    font-size: 10px;
}

.right-align{
    text-align: right;
}


.vertical-middle{
    vertical-align: middle;
} 

textarea, input[type="text"], input[type="email"], input[type="tel"], select{
    width: 100%;
    height: 30px;
}

textarea{
    height: 100px;
    font-size: 15px;
}

.hentry .title-post{
    font-size: 30px;
}

#panel-466-0-0-0 a:hover{
    color: #ff29e9;
}

.slide-overlay {
    position: absolute;
    top: 0;
}

.hentry .title-post{
    font-size: 30px;
}

#panel-466-0-0-0 a:hover{
    color: #ff29e9;
}

.slide-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
}

.site-header{
    background-color: rgba(215,215,215,0.56);
}

.text-big{
    font-size: 20px;
    line-height: 27px;
    color: black;
}

.site-logo{
    max-height: 90px;
}

.float-header .site-logo {
    max-height: 50px;
}


#mainnav ul li a {
    font-size: 20px;
}

.col-free>ul>li.col-contact{
    background-color: #000000 !important;
    color: #FFFFFF;
    cursor:pointer;
}

.col-contact:hover{
    color: #ff29e9;
}

.link-demo{
    margin-top: 50px;
}

.price-content{
    font-size: 0px;
    line-height: 0px;
    margin-top: 50px;
    margin-bottom: 70px;
}

.col-exp{
    display: inline-block;
    width: 45%;
    vertical-align: top;
}
.col-exp.col-exp-options{
    width: 49%;
}

.col-exp ul{
    background-color: #ffffff;
}


.price-content ul{
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 0px;
}

.expl-func, .expl-option{
    display: none;
    color: white;
    font-size: 12px;
    background-color: rgba(0,0,0,0.8);
    line-height: 16px;
    z-index: 200;
    width: 70%;
    position: absolute;
    right: 16px;
    top: 33px;
    padding: 10px;
}

.col-free{
    display: inline-block; 
    width: 17%;
    background-color: #dedede;
    vertical-align: top;
    margin: 0px 0px 0px 5px;
}
.col-free.middle{
	background-color: #085bab;
}
.col-free li, .col-exp li{
    border: 1px solid white;
    font-size: 18px;
    position: relative;
}
li.col-header .rotate-text {
    font-family: 'corporativeregular';
}

.col-free li{
    line-height: 44px;
    text-align: center;
    font-size
    : 14px;
}

.col-exp li{
    padding: 5px;
    line-height: 34px;
    font-size: 14px;
    padding-left: 20px;
}

li.black-header {
    background-color: white;
    color: white;
    font-size: 23px;
    height: 49px;
    text-align: center;
    line-height: 32px;
    font-family: 'Josefin Sans';
}

#cms #center_column p {
    line-height: 18px;
    font-size: 16px;
}

.price-content li {
    height: 46px;
    position: relative;
}
.offers{
	margin-top: 50px;
}
.col-legend-sol{
    display: inline-block;
    width: 60%;
    font-size: 23px;
    text-align: center;
    color: white;
    background-color: black;
    height: 46px;
    line-height: 46px;
    border: 1px solid white;
    font-family: 'Josefin Sans';
}

.col-header{
    background-color: transparent;
    color: white;
    font-size: 19.5px !important;
    font-family: 'Josefin Sans';
    height: 49px;
}

.text-b{
    color: black;
    font-weight: bold;
}

.col-exp i.fa {
    color: #1a5ca9;
    font-size: 21px;
    padding: 0px 15px;
    width: 51px;
}
.col-contact:hover{
    background-color: #000000;
    color: black;
    cursor: pointer;
}
i.fa.info-func {
    color: grey;
    font-size: 17px;
    position: absolute;
    right: 3px;
    bottom: 2px;
    padding: 0px;
    width: auto;
}

.active-func, .col-exp i.fa.active-func{
    color: #ffffff;
}

.optional-func, .col-exp i.fa.optional-func{
    color: #50c7fa;
}

.inactive-func, .col-exp i.fa.inactive-func{
    color: #fb4647;
}

.expl-option{
    display: none;
    position: absolute;
    width: 110px;
    text-align: center;
}

.col-free .fa {
    font-size: 22px;
}

.roll-icon-box .content h3{
    font-size: 24px;
    font-weight: bold;
}

#tag-words{
	width: 850px;
	height: 520px;
	margin: auto;
	position: relative;
	max-width: 100%;
}

.word-tag{
	position: absolute;
	display: none;
}

#word-1{
	color: #000000;
	font-size: 8em;
    left: 133px;
    top: 163px;
}

#word-2{
	color: #ff28e9;
	font-size: 5.5em;
    top: 287px;
	left: 196px;
}

#word-3{
	color: #b0b0b1;
	font-size: 4.8em;
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	top: 400px;
    left: 496px;
}

#word-4{
	color: #808080;
	top: 98px;
    left: 323px;
    font-size: 4.5em;
}

#word-5{
	color: #f777ea;
	top: 363px;
    left: 336px;
	font-size: 4.1em;
}

#word-6{
	color: #767777;
	top: 385px;
    left: 173px;
	font-size: 4.0em;
}

#word-7{
	color: #ff7af1;
	top: 139px;
    left: 530px;
	font-size: 3.7em;
}

#word-8{
	color: #ccced0;
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	top: 187px;
    left: 645px;
    font-size: 3.6em;
}

#word-9{
	color: #ff54ed;
	top: 119px;
    left: 119px;
	font-size: 3.5em;
}

#word-10{
	color: #fd4beb;
	top: 32px;
    left: 330px;
	font-size: 3.3em;
}

#word-11{
	color: #ffa9f6;
	font-size: 3.2em;
	top: 450px;
	left: 112px;
}

#word-12{
	color: #ffa9f6;
	top: 422px;
    left: 381px;
	font-size: 3.1em;
}

#word-13{
	color: #ffa9f6;
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	left: 616px;
    top: 340px;
	font-size: 3.0em;
}

#word-14{
	color: #ababab;
	top: 286px;
    left: 13px;
	font-size: 3.0em;
}

#word-15{
	color: #5f6061;
    top: 352px;
    left: 507px;
	font-size: 3.0em;
}

#word-16{
	color: #cacaca;
	top: 68px;
    left: 535px;
	font-size: 2.9em;
}

#word-17{
	color: #cacaca;
	top: 173px;
	left: -44px;
	font-size: 2.9em;
}

#word-18{
	color: #f7cdf3;
	top: 78px;
    left: 387px;
    font-size: 2.5em;
}

.rotate{
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}

#word-19{
	color: #f7cdf3;
	left: 600px;
	top: 150px;
	font-size: 2.3em;
}

#word-20{
	color: #f7cdf3;
	left: 324px;
    top: 490px;
    font-size: 2.4em;
}

#word-21{
	color: #f964ea;
	left: 750px;
    top: 200px;
	font-size: 2.4em;
}

#word-22{
	color: #f964ea;
	left: 670px;
    top: 330px;
	font-size: 2.4em;
}

#word-23{
	color: #666666;
	font-size: 2.3em;
	left: 613px;
    top: 146px;
}

#word-24{
	color: #666666;
	font-size: 2.3em;
	left: 257px;
    top: 165px;
}

#word-25{
	color: #fdd5f9;
	font-size: 2.1em;
	left: 387px;
    top: 169px;
}

#word-26{
	color: #7d7d7d;
	font-size: 2.1em;
	left: 198px;
    top: 72px;
}

#word-27{
	color: #f953e8;
	top: 490px;
    left: 146px;
	font-size: 2.1em;
}

#word-28{
	color: #f953e8;
	font-size: 2.1em;
	left: 84px;
    top: 331px;
}

#word-29{
	color: #f953e8;
	font-size: 2.1em;
	top: 367px;
    left: 157px;
}

#word-30{
	color: #f953e8;
	font-size: 2.1em;
	top: 500px;
    left: 612px;
}

#word-31{
	color: #7d7d7d;
	font-size: 2.0em;
	top: 244px;
    left: 70px;
}

#word-32{
	color: #cccccc;
	font-size: 1.9em;
	top: 400px;
    left: 50px;
}

#word-33{
	color: #cccccc;
	font-size: 1.9em;
	top: 2px;
    left: 357px;
}

#word-34{
	color: #cccccc;
	font-size: 1.9em;
	top: 312px;
    left: 212px;
}

#word-35{
	color: #666666;
	font-size: 1.8em;
	left: 343px;
    top: 522px;	
}

#word-36{
	color: #666666;
	font-size: 1.8em;
	left: 752px;
    top: 350px;
}

#word-37{
	color: #666666;
	font-size: 1.8em;
	top: 278px;
    left: 445px;	
}

#word-38{
	color: #f3b0ec;
	font-size: 1.6em; 
	left: 90px;
    top: 103px;
}

#word-39{
	color: #f3b0ec;
	font-size: 1.6em;
	left: 510px;
    top: 309px; 
}

#word-40{
	color: #f3b0ec;
	font-size: 1.6em;
	left: 653px;
    top: 150px;
}

#word-41{
	color: #f3b0ec;
	font-size: 1.6em;
	left: 486px;
    top: 187px;
}

#word-42{
	color: #aaa;
	font-size: 1.6em;
	top: 300px;
	left: 530px;
}

#word-43{
	color: #aaa;
	font-size: 1.6em;
	top: 300px;
    left: 627px;
}

#word-44{
	color: #aaa;
	font-size: 1.6em;
	top: 59px;
    left: 141px;
}

#word-45{
	color: #aaa;
	font-size: 1.6em;
	top: 470px;
    left: 670px;
}

#word-46{
	color: #aaa;
	font-size: 1.6em;
	top: 286px;
    left: 370px;
}

#word-47{
	color: #dbdbdb;
	font-size: 1.4em;
	left: 43px;
    top: 250px;
}

#word-48{
	color: #dbdbdb;
	font-size: 1.4em;
	top: 400px;
    left: 517px;
}

#word-49{
	color: #dbdbdb;
	font-size: 1.4em;
	top: 293px;
    left: 321px;
}

#word-50{
	color: #dbdbdb;
	font-size: 1.3em;
	top: 367px;
    left: 321px;
}

#word-51{
	color: #dbdbdb;
	font-size: 1.3em;
	top: 193px;
    left: 552px;
}

#word-52{
	color: #ff29e9;
	font-size: 1.2em;
	top: 278px;
    left: 504px;
}

#word-53{
	color: #ff29e9;
	font-size: 1.2em;
	top: 275px;
    left: 270px;
}

#word-54{
	color: #ff29e9;
	font-size: 1.2em;
	top: 426px;
    left: 626px;
}

#word-55{
	color: #ff29e9;
	font-size: 1.2em;
	top: 256px;
    left: 202px;
}
.white-text{
    color: white;
}
.black-text{
    color:black;
}

.legende-prix li{
    display: inline-block;
    width: 45%;
    height: auto;
    font-size: 10px;
    background-color: transparent;
    border: none;
    line-height: 8px;
    padding: 2px;
}

.col-exp ul.legende-prix{
   background-color: transparent;
}

@media screen and (max-width: 1023px){
    .col-exp li{
        font-size: 13px;
        line-height: 11px;
        position: relative;
        text-align: center;
    }

    .price-content li{
        height: 57px;
    }

    .col-exp i.fa{
        font-size: 15px;
    }

    li.black-header{
        line-height: 32px;
        height: 120px;
    }
 
    .col-legend-sol{
        font-size: 13px;
    }

    .rotate-text{
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
        writing-mode: lr-tb;
        font-size: 14px;
        position: absolute;
        width: 100px;
        left: -25px;
        bottom: 24px;
        padding-left: 10px;
        text-align: left;
    }

    .col-exp{
        padding-top: 54px;
    }

    li.col-header{
        height: 100px;
        position: relative;
    }
    
    .col-exp{
        vertical-align: top;
    }

    i.fa.info-func{
        display: none;
    }

    .col-exp > ul > li i.fa {
        height: 22px;
        width: 100%;
    }

    .legende-prix li{
        width: 100%;
        height: 30px;
        text-align: left;
    }

    .col-exp.empty{
        margin-bottom: -70px;
    }

    .col-exp .legende-prix li i.fa{
        width: auto;
    }

    #tag-words{
        display: none;
    }

    #pgc-466-0-0.panel-grid-cell{
        width: 100%;
    }
}

@media screen and (max-width: 800px){
    #tag-words{
        display: none;
    }

    #pgc-466-0-0.panel-grid-cell{
        width: 100%;
    }
}

@media screen and (max-width: 768px){
    #tag-words{
	display: none;
    }

    #pgc-466-0-0.panel-grid-cell{
        width: 100%;
    }
    
    .submit-row .semi-col{
        width: 100%;
    }
    
    .submit-row .semi-col.vertical-middle.left-small{
        text-align: left;
        margin-top: 20px;
    }    

    .legende-prix li{
        width: 100%;
        height: 30px;
        text-align: left;
    }
    
    .col-exp.empty{
        margin-bottom: -70px;
    }
 
    .col-exp .legende-prix li i.fa{
        width: auto;
    }
}

.offers.offers-white .col-exp>ul>li.gc_li_first {
    border-top: none;
    border-left: none;
    border-right: none;
    margin-top: 12px;
}
.offers.offers-white .col-exp>ul>li.gc_li_between {
    border-left: 2px solid #dedede;
    border-right: 2px solid #dedede;
}
.offers.offers-white .col-exp>ul>li.gc_li_last {
    border-left: 2px solid #dedede;
    border-right: 2px solid #dedede;
    border-bottom: 2px solid #dedede;
}
.col-free li.gc_li_first {
    border-top: none;
    border-left: none;
    border-right: none;
    background-color: #ffffff !important;
    margin-top: 12px;
}
.col-free li.gc_li_between {
    border-left: 2px solid #dedede;
    border-right: 2px solid #dedede;
}
.col-free li.gc_li_last {
    border-left: 2px solid #dedede;
    border-right: 2px solid #dedede;
    border-bottom: 2px solid #dedede;
}
.col-free li.gc_nb_exemp, .offers.offers-white .col-exp>ul>li.gc_nb_exemp{
	border: 2px solid #dedede;
}
.offers.offers-white .col-exp>ul>li.gc_cat{
	color: black;
	font-size: 20px;
	padding-left: 4px;
}
.col-free.silver{
	background-color: #ffffff !important;
}
.col-free.silver>ul>li{
	background-color: #cac8c9;
}
.col-free.gold {
    background-color: #ffffff !important;
}
.col-free.gold>ul>li {
    background-color: #e9ca56;
}
.col-free.premium{
	background-color: #ffffff !important;
}
.col-free.premium>ul>li{
	background-color: #0072ba;
}
.col-exp ul.gc_bg_gris{
	background-color: #cac8c9;
}
a.gc_more_info{
	color: #ffffff !important;
}
a.gc_more_info:hover{
	color: #0072ba !important;
}
span.cg_black{
	color: black !important;
    font-size: 20px !important;
    padding-left: 4px !important;
}
div.offers>div.col-exp>ul>li.white-color{
	background-color: #ffffff !important;
	padding-left: 2px !important;
}
div.offers>div.col-exp>ul>li.gc-align{
	margin-top: 3px !important;
}