/*
 * @author      Sky Gungoosingh
 * @copyright   Circus Advertising
*/
*{margin:0; padding:0;}

.section.awards {background: #DEFF38}
.section.awards .cnAwardsWrap {padding: 100px 0 0 0}
.section.awards .cnAwardsWrap .cnInner {background: url(../images/interface/fondWards1.png) top left no-repeat;width: 1000px;height: 1013px;}
.section.awards .cnAwardsWrap .cnInner .cnTitre {margin: 0;padding: 20px 0 0 0}
.section.awards .cnAwardsWrap .cnInner .cnTitre p {margin: 0;padding: 0;font-family: 'Duplicate Ionic Medium';color: #451ED1}
.section.awards .cnAwardsWrap .cnInner .cnTitre p.first {font-size: 80px;line-height: 66px;}
.section.awards .cnAwardsWrap .cnInner .cnTitre p.second {font-size: 135px;line-height: 110px;margin: -20px 0 0 0}
.section.awards .cnAwardsWrap .cnInner .cnTitre p.third {font-size: 140px;line-height: 162px;margin: -55px 0 0 0;padding: 0 0 0 95px}
.section.awards .cnAwardsWrap .cnInner .cnTitre p.fourth {font-size: 75px;line-height: 63px;padding: 0 0 0 200px;margin: -20px 0 0 }
.section.awards .cnAwardsWrap .cnInner .cnTitre p.fifth {font-size: 158px;line-height: 163px;padding: 0 0 0 205px;margin: -55px 0 0 0}
.section.awards .cnAwardsWrap .cnInner .cnList {margin: 0;padding:110px 90px 0 130px}
.section.awards .cnAwardsWrap .cnInner .cnList ul {margin: 0;padding: 0}
.section.awards .cnAwardsWrap .cnInner .cnList ul li {margin: 0;padding: 0 20px;float: left;width: 25%;}
.section.awards .cnAwardsWrap .cnInner .cnList ul li h1 {font-size: 30px;font-family: 'Duplicate Ionic Medium';line-height: 30px;margin: 0 0 15px 0;height: 90px;color: #000}
.section.awards .cnAwardsWrap .cnInner .cnList ul li h3 {font-size: 18px;font-family: 'Duplicate Ionic Medium';margin: 0 0 10px 0;height: 36px;color: #000}
.section.awards .cnAwardsWrap .cnInner .cnList ul li p {font-size: 14px;line-height: 16px;color: #000}

.sectionPeopleList .container-masonry .grid-item .cnInner .cnImg {border: none;}
/*.sectionPeopleList .container-masonry .grid-item .cnInner .cnImg img {border: 1px solid #6c6c6c}*/
.container-masonry .grid-item--width2.cnVincent .cnInner {position: relative}
.container-masonry .grid-item--width2.cnVincent .cnInner .cnDesc {position: absolute;top: 13px;left: 13px;}
.container-masonry .grid-item--width2.cnVincent .cnInner img {border: none !important;}
.container-masonry .grid-item--width2 .cnInner .cnRte h3 {font-size: 25px;font-family: 'Duplicate Ionic Medium';margin: 0 0 5px 0;color: #02555a;}
.container-masonry .grid-item--width2 .cnInner .cnRte h4 {font-size: 18px;color: #02555a;font-family: 'Duplicate Ionic Medium';margin: 0 0 5px 0}
.container-masonry .grid-item--width2 .cnInner .cnRte p {font-size: 15px;font-family: 'Duplicate Ionic';line-height: 18px;color: #02555a}

/*.sectionPeopleList {padding: 45px 35px  !important}*/
.sectionPeopleList {background: #31E49B}
.sectionPeopleList .bannerTop {background: url(../images/interface/pat-jaune1.png) top center repeat;height: 205px;position: absolute;top: 0px;left: 0px;width: 100%;z-index: 2;overflow: hidden}
.sectionPeopleList .overlay {position: absolute;top: 0px;left: 0px;width: 100%}
.sectionPeopleList .overlay .cnTitre {margin: 0 auto;padding: 50px 0 0 0;width: 825px;text-align: left;height: 200px;position: relative}
/*.sectionPeopleList .overlay .cnTitre p.first {margin: 0;padding: 0;color: #02555a;font-family: 'Duplicate Ionic Medium';font-size: 200px;line-height: 195px;}
.sectionPeopleList .overlay .cnTitre p.second {margin: -95px 0 0 0;padding: 0;color: #02555a;font-family: 'Duplicate Ionic Medium';font-size: 300px;line-height: 305px;}*/
.sectionPeopleList .overlay .cnTitre p.first {width: 100%;font-size: 175px;position: absolute;top: 55px;left: 0px;z-index: 1;text-align: left;font-family: 'Duplicate Ionic Medium';color: #02555a;padding: 0;margin: -60px 0 0 0}
.sectionPeopleList .overlay .cnTitre p.second {width: 100%;font-size: 175px;position: absolute;top: -6px;right: 0;z-index: 3;text-align: right;font-family: 'Duplicate Ionic Medium';color: #02555a}

.sectionPeopleList .cnHack {opacity: 0}
.sectionPeopleList .row {margin: 0 !important}
.sectionPeopleList .cnSlogan {width: 970px;margin: 0 auto;padding: 35px 0 0 0}
.sectionPeopleList .cnSlogan img {width: 100%;margin: 0 auto;}
.sectionPeopleList .cnBlockMasonry {padding: 370px 25px 0 25px}
.sectionPeopleList .container {width: 100% !important;max-width: 100% !important;padding: 0}
.sectionPeopleList .container-masonry .grid-item .cnInner .cnOverlay {vertical-align: middle;top: 0px;left: 0px;position: absolute;width: 100%;height: 100%;opacity: 0;background: rgba(217, 136, 27, 0.8);text-align: center;-webkit-transition: all .3s ease-in;-moz-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;}
.sectionPeopleList .container-masonry .grid-item .cnInner:hover .cnOverlay {opacity: 1;}
.sectionPeopleList .container-masonry .grid-item .cnInner .cnOverlayInner {display: table-cell;vertical-align: middle;width: 100%}
.sectionPeopleList .container-masonry .grid-item .cnInner .cnImg {position: relative;}
.sectionPeopleList .container-masonry .grid-item .cnInner .cnOverlay a {padding: 15px;display: table;height: 100%;width: 100%;cursor: default;}
.sectionPeopleList .container-masonry .grid-item .cnInner .cnOverlay a p {width: 100%;font-size: 17px;line-height: 22px;}
.sectionPeopleList .container-masonry .grid-item .cnInner .cnOverlay a p.cnBold {font-size: 22px;font-family: 'Duplicate Ionic Black';text-transform: uppercase;margin: 0 0 25px 0;}
.sectionPeopleList .container-masonry .grid-item .cnInner .cnOverlay a .cnOverlayInner p {color: #000}

.sectionPeopleList .container-masonry .grid-item .cnInner .cnRed .cnOverlay {background: rgba(230, 23, 43, 0.8);}
.sectionPeopleList .container-masonry .grid-item .cnInner .cnBlue .cnOverlay {background: rgba(75, 39, 255, 0.8);}
.sectionPeopleList .container-masonry .grid-item .cnInner .cnYellow .cnOverlay {background: rgba(219, 255, 56, 0.8);}
.sectionPeopleList .container-masonry .grid-item .cnInner .cnGreen .cnOverlay {background: rgba(0, 255, 210, 0.8);}

.panel7.agency {background: #DCFF38}
.panel7.agency .cnLeft {float: left;width: 473px;position: relative}
.panel7.agency .cnThierryTxt {background: url(../images/interface/agency-circle.png) top left no-repeat;width: 287px;height: 279px;position: absolute;bottom: -80px;right: -140px;padding: 80px 45px}
.panel7.agency .cnThierryTxt p {color: #00FFFF;font-size: 21px;font-family: 'Duplicate Ionic Medium';line-height: 25px;text-align: center}
.panel7.agency .cnRight {float: right;width: 280px;}
.panel7.agency .cnRight p {color: #FF3D3B;line-height: 22px;font-size: 19px;}
.panel8.agency {position: relative;background: #fff}
.panel8.agency .bannerTop {position: absolute;top: 0px;left: 0px;width: 100%;height: 350px;}
.panel8.agency .bannerTop .cnOverlay {height: 100%;background: url(../images/interface/pat-jaune1.png) center 16px repeat;width: 100%;position: absolute;top: 0px;left: 0px;width: 100%;z-index: 2}
.panel8.agency .bannerTop p.first {width: 100%;font-size: 207px;position: absolute;top: 0px;left: 0px;z-index: 1;text-align: center;font-family: 'Duplicate Ionic Medium';color: #F833ED;padding: 0px 620px 0 0}
.panel8.agency .bannerTop p.second {width: 100%;font-size: 216px;position: absolute;top: 164px;left: 0px;z-index: 3;text-align: center;font-family: 'Duplicate Ionic Medium';color: #F833ED}
.panel8.agency .cnBlockMasonry {padding-top: 400px}
.panel9.agency {background: #b6e43a;position: relative;overflow: hidden}
.panel9.agency .cnTitre {margin: 0;padding: 0 0 0 70px}
.panel9.agency .cnTitre p {margin: 0;padding: 0;font-size: 150px;font-family: 'Duplicate Ionic Medium';line-height: 95px;color: #FB4A0E}
.panel9.agency .mon {position: absolute;}
.panel9.agency .mon5 {top: -9%;left: 6%;}
.panel9.agency .mon7 {top: -7%;left: 27%;}
.panel9.agency .mon4 {top: 6%;left: 49%;}
.panel9.agency .mon1 {top: 3%;right: 18%;}
.panel9.agency .mon10 {top: -8%;right: 5%;}
.panel9.agency .mon8 {top: 35%;left: 1%;}
.panel9.agency .mon9 {bottom: 2%;left: 10%;}
.panel9.agency .mon6 {bottom: 0;left:36%;width: 115px}
.panel9.agency .mon6 img {width: 100%}
.panel9.agency .mon3 {bottom: 6%;right: 17%;}
.panel9.agency .mon2 {bottom: 32%;right: 5%;}
.panel9.agency .cnList {display: none;}

.panel10.agency {background: #fff;padding-top: 50px !important}
.panel10.agency .col.s12 {position: relative;}
.panel10.agency .animeClient {width: 652px;height: 475px;float: right;margin: 0 -150px 0 0}
.panel10.agency .cnTitre .titre {margin: 0;padding: 0;position: absolute;top: 0px;left: 0px;z-index: 10}
.panel10.agency .cnTitre p {margin: 0;padding: 0;font-family: 'Duplicate Ionic Medium';font-size: 200px;color: #000}
.panel10.agency .cnTitre p.sec {margin: -55px 0 0 0}
.panel10.agency .animeClient .cnInner {position: relative;width: 652px;height: 475px;}
.panel10.agency .animeClient .cnInner .an-left {position: absolute;width:145px;height: 193px;top: 5px;left: 82px;}
.panel10.agency .animeClient .cnInner .an-right {position: absolute;width:433px;height: 353px;top: 41px;right: 0px;}
.panel10.agency .animeClient .cnInner .an-mouth {position: absolute;width:278px;height: 206px;bottom: 0px;left: 1px;}
.panel10.agency .cnClients {min-height: 550px}
.panel10.agency .cnClients img {width: 100%;}
.panel10.agency .cnClients img.mobile {display: none;}

#masonry-grid1 .grid-item.grid-item--width2.grid-video {width: 70% !important}
.sectionWorks {height: auto !important;padding-bottom: 13px !important}
.sectionWorks .container {width: 100% !important;max-width: 100% !important;padding: 0}
.sectionWorks .row {margin: 0 !important}
.sectionWorks .cnIntroCreations {padding-top: 5px;padding-bottom: 25px;}

.sectionContact.sectionWorks .container {width: 70% !important}
.sectionContact.sectionWorks .bannerTopWorks {overflow: hidden;height: 214px;position: relative;top: inherit;left: inherit;width: 100%;}
.sectionContact.sectionWorks .bannerTopWorks .cnWrap {width: 940px;margin: 0 auto;position: relative;height: 350px;}
.sectionContact.sectionWorks .bannerTopWorks .cnOverlay {background: url(../images/interface/pat-red.png) center 16px repeat;height: 214px;top: 0px;}
.sectionContact.sectionWorks .bannerTopWorks p.first {color: #062C80;text-align: left;z-index: 3;font-size: 207px;width: 100%;position: absolute;top: 30px;left: 0px;padding: 0px 515px 0 0;margin: -60px 0 0 0;}
.sectionContact.sectionWorks .bannerTopWorks p.second {color: #062C80;font-size: 207px;z-index: 1;top: -27px;left: inherit;right: 0px;width: 215px;text-align: center;
    font-family: 'Duplicate Ionic Medium';}

.cnFormulaireWrap {margin: 0;padding-top: 70px !important}
.cnFormulaire {padding: 25px 15px ;}
.cnFormulaire span {color: #000000;font-size: 16px;font-family: 'Duplicate Ionic Bold';display: block;margin: 0 0 30px 0}
.cnFormulaire .form-item {float: left;width: 48%;margin: 0 0 10px 0;height:55px;position:relative;}
.cnFormulaire .form-item label {position:absolute;bottom:0px;left:0px;width:100%}
.error{font-size: 11px; color: #fc5d07;}
.cnFormulaire .form-item.cnSurname,
.cnFormulaire .form-item.cnPhone {float: right}
.cnFormulaire .form-item input {border: 1px solid #000;height: 35px;line-height: 35px;padding: 0 0 0 2%;width: 98%}
.cnFormulaire .form-item.cnOrganization {width: 100%}
.cnFormulaire input[type=text]:focus:not([readonly]) {border-bottom:1px solid #fc5d07;box-shadow:0 1px 0 0 #fc5d07;-moz-box-shadow:0 1px 0 0 #fc5d07;-webkit-box-shadow:0 1px 0 0 #fc5d07;}
.cnFormulaire .webform-component-textarea {width: 100%;height:175px;}
.cnFormulaire .webform-component-textarea textarea {width: 100%;border: 1px solid #000;resize: none;height: 160px}
.cnFormulaire .form-actions input {width: auto;height: 32px;background: none;color: #E52E06;font-size: 23px;text-align: center;text-transform: capitalize;border: none;font-family: 'Duplicate Ionic Medium';-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;transition:all 0.3s linear;}
.cnFormulaire .form-actions input:hover {color: #062C80}
.cnFormulaireWrap .gmap {padding-right: 0px;}
.cnFormulaireWrap .gmap iframe{height: 515px;width: 100%}

@media (min-width:1200px) and (max-width:1366px){
	#page .sectionLatestNews .cnTitre {width: 300px; padding: 50px 0 25px;}
	.panel7.agency .cnThierryTxt {right: -128px}
	.container-masonry .grid-item--width2 .cnInner .cnRte p {font-size: 14px;line-height: 16px;}
	#masonry-grid1 .grid-item.grid-item--width2.grid-video {width: 100% !important}

}

@media (min-width:1100px) and (max-width:1300px) {
  .container-masonry .grid-item--width2 .cnInner .cnRte p {font-size: 12px; line-height: 14px}
  .container-masonry .grid-item--width2 .cnInner .cnRte h3 {font-size: 16px}
  .container-masonry .grid-item--width2 .cnInner .cnRte h4 {font-size: 14px}
}

@media (min-width:1024px) and (max-width:1100px){
	.panel9.agency .cnTitre {
		padding: 0 0 0 170px;
		margin: -70px 0 0 0;
	    }


	    .panel9.agency .mon5 {top: 8%}
	    .panel9.agency .mon4 {top: 12%}
	    .panel9.agency .mon10 {top: 23%}
	    .panel9.agency .mon7 {top: 16%}
	    .panel9.agency .mon9 {bottom: 18%}
	    .panel9.agency .mon6 {bottom: 12%}
	    .panel9.agency .mon3 {bottom: 13%}
	    .section.awards {height: auto !important}
	    .cnFormulaireWrap {padding: 160px 0 !important}
	    .cnIntroCreations .cnRte {width: 100%;padding: 0 14px;}
}

@media (min-width:1000px) and (max-width:1100px){
	#page .sectionLatestNews .cnTitre {width: 400px; }
  .panel3 .cnBlockMasonry .grid-item--width1 .cnInner .cnOverlaytxtBox h5 {padding-top: 10px !important}
  .panel3 .cnBlockMasonry .grid-item--width3 .cnInner:hover .cnOverlaytxtBox { opacity: 1; visibility: visible; background-size: 100%; background-position: bottom left; bottom: 0; left: 0; width: 300px; padding: 140px 13px 30px 13px; }
  .panel3 .cnBlockMasonry .grid-item--width1 .cnInner .cnOverlaytxtBox {top: 7.26%; left: 7.26%; width: 85.44%; height: 85.44%;}
  #page .sectionLatestNews .col.s6 .cnInner.cnInterview {padding: 0}
  .panel7.agency .cnLeft {float: none;margin: 0 0 0 18%}

  .panel7.agency .cnRight {float: none;width: 60%;margin: 0 auto;padding: 105px 0 0 0}
  #page .section.awards .container {width: 100%}
  .container-masonry .grid-item--width2 .cnInner .cnRte p {font-size: 11px; line-height: 11px}
  .container-masonry .grid-item--width2 .cnInner .cnRte h3 {font-size: 16px}
  .container-masonry .grid-item--width2 .cnInner .cnRte h4 {font-size: 14px}
  .panel9.agency .cnTitre {padding:  0 0 0 80px;}
  .panel9.agency .cnTitre p {font-size: 135px;}
  .panel10.agency .animeClient {margin: 0}
  .panel10.agency .cnTitre .titre {top: 155px;}
  .panel10.agency .cnTitre p {font-size: 150px;}
  .panel10.agency .cnTitre p.sec {margin: -45px 0 0 0}
  .sectionContact.sectionWorks .container {width: 95% !important}
  .sectionContact.sectionWorks .bannerTopWorks .cnWrap {width: 745px;}
  .sectionContact.sectionWorks .bannerTopWorks p.first {font-size: 160px;top: 100px;}
  .sectionContact.sectionWorks .bannerTopWorks p.second {font-size: 160px;top: 34px;}
  .sectionPeopleList .overlay .cnTitre {width: 615px;}
  .sectionPeopleList .overlay .cnTitre p.second {top: 0px;font-size: 130px;}
  .sectionPeopleList .overlay .cnTitre p.first {top: 60px;font-size: 130px;}

  .panel3 .cnBlockMasonry .cnboxInnerHover .cnOverlaytxtBox {visibility: visible !important;opacity: 0 !important;width: 100% !important;height: 100% !important;padding: 0 !important;bottom: 0px !important;left: 0px !important;}
  .cnIntroCreations .cnRte {width: 100%;padding: 0 14px;}
  #masonry-grid1 .grid-item.grid-item--width2.grid-video {width: 100% !important}
}


@media (min-width:768px) and (max-width:999px){
    #page .section .container {width: 95% !important}
	.cnCircusWrap .clownHead {left: 0; margin-left: auto; margin-right: auto;}
	.cnCircusWrap .cnLogoCircus {bottom: -150px;}
	.cnCircusWrap .cnLogoCircus img {margin: 0 auto; display: block;}
	.panel2 .purposeWrap {width: 100%}
	#sec3 .cnFilter ul li {margin: 0 12px 0 0}
	.cnInterviewMD .col.s6 {width: 100%}
	#page .sectionLatestNews .col.s6 .cnInner.cnInterview {padding: 40px 0 30px}
	.cnCircusWrap {width: 100%}
        .cnIntroCreations .cnRte {width: 95%}
	.panel2 .purposeWrap .cnTitle h2 {font-size: 160px}
	#page .sectionLatestNews .cnTitre {width: 300px ; margin: 0 auto}
	.sectionPeopleList .overlay .cnTitre p.second {font-size: 150px}
	.sectionPeopleList .overlay .cnTitre p.first {font-size: 150px}
	.sectionPeopleList .overlay .cnTitre {width: 100%;padding: 50px 0 0 50px}
	.sectionPeopleList .cnSlogan {width: 86%; margin: 0 auto}
        .panel8.agency .container-masonry .grid-item--width2 {width: 40% !important}
        .panel8.agency .container-masonry .grid-item--width {width: 20% !important}
	.panel7.agency .cnRight {float: left;width: 100%; margin: 110px 0 0}
	.sectionPeopleList .container-masonry .grid-sizer, .sectionPeopleList .container-masonry .grid-item { width: 50%; overflow: hidden; }
	.sectionPeopleList .container-masonry .grid-item img { height: 370px !important; }
	.sectionPeopleList .cnSlogan {padding: 0}
	.sectionPeopleList .cnBlockMasonry {padding: 500px 25px 0 25px}
	.section.awards .cnAwardsWrap .cnInner {background: none;height: auto}
	.section.awards .cnAwardsWrap .cnInner .cnList ul li {width: 100%; padding: 0 0 20px}
	.section.awards .cnAwardsWrap .cnInner .cnList {padding: 110px 0 0}
	.section.awards .cnAwardsWrap .cnInner {width: 100%}
	.section.awards .cnAwardsWrap .cnInner .cnList ul li h1 {height: auto}
	.panel8.agency {height: 765px !important;}
        .panel8.agency .bannerTop {height:  288px;}
        .panel8.agency .bannerTop p.first {font-size: 145px;padding: 0 355px 0 0}
        .panel8.agency .bannerTop p.second {font-size: 130px;top: 105px;}
        .panel8.agency .cnBlockMasonry {padding-top: 325px;}

        #trigger-overlay {top: 40px;right: 40px;}
        #page .overlay .overlay-close {top: 40px;right: 40px;}
        .panel10.agency .cnTitre p {line-height: 130px;font-size: 90px;}
        .panel10.agency .cnTitre .titre {top:195px;}
        .panel10.agency .animeClient {margin: 0px;}
        .panel10.agency .cnClients {min-height: 300px;}
        .sectionPeopleList .overlay .cnTitre p.second {line-height: 245px;}
        .container-masonry .grid-item--width2 .cnInner .cnRte h3 {font-size: 16px;margin: 0 0 3px 0}
        .container-masonry .grid-item--width2 .cnInner .cnRte h4 {font-size: 14px;margin: 0 0 3px 0}
        .container-masonry .grid-item--width2 .cnInner .cnRte p {font-size: 13px;line-height: 16px;}
        .sectionPeopleList .container-masonry .grid-item img {height: 323px !important}

        .panel9.agency .mon2 {right: 1%}
        .panel9.agency .cnTitre p {font-size: 108px;line-height: 95px;}
        .panel9.agency .cnTitre {padding:  0 0 0 122px;}
        .panel9.agency .mon5 {top: 10%}
        .panel9.agency .mon8 {top: 44%}
        .panel9.agency .mon7 {top: 3%}
        .panel9.agency .mon4 {top: 17%;left: 46%}
        .panel9.agency .mon1 {top: 10%}
        .panel9.agency .mon10 {top: 17%;right: 4%}
        .panel9.agency .mon6 {bottom: 10%}

        .sectionContact.sectionWorks .bannerTopWorks p.second {left: 550px;right: inherit;font-size: 160px;top: 25px;}
        /*.bannerTopWorks p.first {left: 26px;}*/
        .cnFormulaireWrap {padding-top: 200px !important;padding-bottom: 25px}
        .cnFormulaireWrap  .col.s6 {width: 100%}

	.sectionContact.sectionWorks .bannerTopWorks p.first {font-size: 160px;left: 18px;top: 89px;}
        .panel3 .cnBlockMasonry .cnboxInnerHover .cnOverlaytxtBox {visibility: visible !important;opacity: 0 !important;width: 100% !important;height: 100% !important;padding: 0 !important;bottom: 0px !important;left: 0px !important;}

	.cnIntroCreations .cnRte {width: 100%;padding: 0 14px;}
	#masonry-grid1 .grid-item.grid-item--width2.grid-video {width: 100% !important}

}

@media (min-width:0px) and (max-width:739px){
    .sectionPeopleList .overlay .cnTitre {width: 310px;padding: 55px 0 0 0;height: 150px}
    .sectionPeopleList .overlay .cnTitre p {text-align: center;}
    .sectionPeopleList .overlay .cnTitre p.first {font-size: 65px;top: 109px;}
    .sectionPeopleList .overlay .cnTitre p.second {font-size: 65px;top: 50px}
    .sectionPeopleList .container-masonry .grid-item .cnInner .cnOverlay a p.cnBold {font-size: 16px;}

    .cnIntroCreations .cnRte {width: 93%;}
    .sectionWorks .cnIntroCreations {padding-bottom: 30px;padding-top: 0px;}

    .panel8.agency .bannerTop {height: 150px;}
    .panel8.agency .bannerTop .cnOverlay {background-size: 70%}
    .panel8.agency .cnBlockMasonry {padding-top: 160px;}
    .panel7.agency .cnLeft {width: 300px;margin: 20px auto;float: none;}
    .panel7.agency .cnLeft img {width: 100%}
    .panel7.agency .cnThierryTxt {position: relative;bottom: inherit;right: inherit;margin: -65px auto 0 auto}
    .panel7.agency .cnRight {float: none;width: 80%;margin: 0 auto;padding: 0 0 20px 0}
    .panel8.agency .bannerTop p.second {top: 60px;font-size: 70px;left: 0px;}
    .panel8.agency .bannerTop p.first {font-size: 70px;padding: 0;left: -100px;top: 0px}
    .panel8.agency .cnBlockMasonry #masonry-grid {height: 1190px !important}

    .panel9.agency {background: #00D8FF url(../images/interface/exp-bottom.jpg) center bottom no-repeat;background-size: 100%;}
    .panel9.agency .mon {display: none;}
    .panel9.agency .cnTitre {padding: 15px 0;background: url(../images/interface/our-exp.jpg) top left no-repeat;width: 232px;height: 182px;margin: 0 auto}
    .panel9.agency .cnTitre p {font-size: 36px;line-height: 32px;display: none;}
    .panel9.agency .cnList {display: block;margin: 0 0 20px 0}
    .panel9.agency .cnList ul {margin: 0;padding: 20px 0 0 0}
    .panel9.agency .cnList li {color: #FB4A0E;font-size: 16px;line-height: 26px;text-align: center;font-family: 'Duplicate Ionic Medium';}


    .panel10.agency .cnTitre .titre {position: relative;top: 0px;left: 0px;margin: 0 0 20px 0;padding: 15px 0 0 20px;background: url(../images/interface/our-client.png) 100px top no-repeat;height: 113px}
    .panel10.agency .animeClient {display: none;}
    .panel10.agency .cnTitre p {font-size: 36px;}
    .panel10.agency .cnTitre p.sec {margin: 0}
    .panel10.agency {padding-top: 30px !important;padding-bottom: 15px !important}
    .panel10.agency .cnClients {min-height: inherit;}

    .sectionPeopleList .cnSlogan {width: 90%;padding: 0}
    .panel10.agency .cnClients img.mobile {display: block}
    .panel10.agency .cnClients img.desktop {display: none}

    .sectionPeopleList .bannerTop {height: 136px;}
    .sectionPeopleList .overlay {height: 136px;}
    .sectionPeopleList .cnBlockMasonry {padding: 190px 0 0 0}
    .sectionPeopleList #masonry-grid {height: 5730px !important}
    .container-masonry .grid-item.cnVincent {height: 270px !important}
    .container-masonry .grid-item--width2 .cnInner .cnRte {padding: 0 10px 0 0}
    .container-masonry .grid-item--width2 .cnInner .cnRte h3 {color: #02555a}
    .container-masonry .grid-item--width2 .cnInner .cnRte h4 {color: #02555a}
    .container-masonry .grid-item--width2 .cnInner .cnRte p {color: #02555a}
    .container-masonry .grid-item.cnVincent .cnInner {padding-top: 0px !important;margin: -10px 0 0 0}

    .sectionWorks {height: auto !important;padding-bottom: 15px !important}
    /*.section.awards .cnAwardsWrap .cnInner {background: url(../images/interface/eye.png) right 140px no-repeat}*/
    .section.awards .cnAwardsWrap .cnInner {background: none;height: auto}
    .section.awards .cnAwardsWrap .cnInner .cnList ul li {width: 100%; padding: 0 0 20px}
    .section.awards .cnAwardsWrap .cnInner .cnList {padding: 35px 0 0}
    .section.awards .cnAwardsWrap .cnInner {width: 100%}
    .section.awards .cnAwardsWrap .cnInner .cnList ul li h1 {height: auto}

    .container-masonry .grid-item--width2 .cnInner .cnRte h3 {font-size: 16px;margin: 0 0 3px 0}
    .container-masonry .grid-item--width2 .cnInner .cnRte h4 {font-size: 14px;margin: 0 0 3px 0}
    .container-masonry .grid-item--width2 .cnInner .cnRte p {font-size: 12px;line-height: 16px;}

    .section.awards .cnAwardsWrap .cnInner .cnList ul li h1 {margin: 0 0 3px 0}
    .section.awards .cnAwardsWrap .cnInner .cnList ul li h3 {height: auto}

    .section.awards .cnAwardsWrap {padding: 55px 0 0 0}
    .section.awards .cnAwardsWrap .cnInner .cnTitre p {display: none;}
	.section.awards .cnAwardsWrap .cnInner .cnTitre {background: url(../images/interface/awarded.png) center top no-repeat;width: 319px;height: 164px;margin: 0 auto}
    .section.awards .cnAwardsWrap .cnInner .cnTitre p.first {font-size: 45px;line-height: 40px;}
    .section.awards .cnAwardsWrap .cnInner .cnTitre p.second {font-size: 70px;line-height: 88px;margin: -20px 0 0 20px}
    .section.awards .cnAwardsWrap .cnInner .cnTitre p.third {font-size: 70px;line-height: 115px;margin: -55px 0 0 0;padding: 0;}
    .section.awards .cnAwardsWrap .cnInner .cnTitre p.fourth {font-size: 52px;line-height: 40px;padding: 0 0 0 39px;margin: -26px 0 0 0}
    .section.awards .cnAwardsWrap .cnInner .cnTitre p.fifth {font-size: 47px;margin: -13px 0 0 -185px;line-height: 50px;}

    .sectionContact.sectionWorks .bannerTopWorks {padding: 80px 0 0 30px;height: 105px;}
    .sectionContact.sectionWorks .bannerTopWorks .cnWrap {height: auto}
    .sectionContact.sectionWorks .bannerTopWorks .cnOverlay {background-size: 50%;height: 113px;background: none;}
    .sectionContact.sectionWorks .bannerTopWorks p.first {padding:  0;margin: 0;font-size: 24px;top: 0px;}
    .sectionContact.sectionWorks .bannerTopWorks p.second {font-size: 24px;top: -4px;left:70px;right: inherit;width: 60px;}
    .cnFormulaire {padding: 5px 20px;}
    .cnFormulaireWrap {padding: 0 0 20px 0 !important}
    .cnFormulaireWrap  .col.s6 {width: 100%;}
    .sectionContact.sectionWorks .container {width: 100% !important}
    .cnFormulaireWrap .gmap iframe {width: 97%;}
    .cnIntroCreations .cnRte {width: 100%;padding: 0 14px;}
    .panel3 .cnBlockMasonry .cnboxInnerHover .cnOverlaytxtBox {visibility: visible !important;opacity: 0 !important;width: 100% !important;height: 100% !important;padding: 0 !important;bottom: 0px !important;left: 0px !important;}
}