/* Quick.Cms.Ext v6.x slider stylesheet */
/* WIDGETS
  to style widgets in specific location use:
  .widgets-1 ... - type: top header
  .widgets-2 ... - type: header below menu
  .widgets-3 ... - type: footer after content
  .widgets-4 ... - type: footer under page footer
  . widgets-9... - type: footer
  #content ... - type: inside page content
*/

/* GLOBAL */
.widgets-1{position:relative;width:1200px;margin:10px auto;text-align:left;overflow:hidden;}
.widgets-1 > ul > li{float:left;margin:10px 0;color:#333;}
.widgets-1 div.head{margin-bottom:10px;text-align:center;font-size:1em;color:#1A161A;}
.widgets-2 > ul, .widgets-2 > ul > li, .widgets-3 > ul, .widgets-3 > ul > li, #content .widget{padding:0;}
.widget div.head{text-align:left;font-size:2.5em;color:#1A161A;line-height: 100%;}
.widgets-1 > ul, .widgets-2 > ul, .widgets-3 > ul, .widgets-4 > ul,  .widgets-8 > ul{float:left;width:100%;list-style:none;}
.widgets-list.widgets-9 {margin: 0 20px;width:65%;display:flex;}
.widget > div.description{}
.widget ul{list-style:none;padding-bottom: 3em;}

/* TYPE: HEADER|FOOTER - GLOBAL */
.widgets-2 > ul > li, .widgets-3 > ul > li{float:left;margin:10px 1%;border-top:5px solid #e8eaee;}

/* INSIDE PAGE CONTENT - GLOBAL */
#content .widget{float:left;margin:0;position:relative;z-index:10}

/* Display option: CONTENT */
.widget.type-1{width:100%;}

#content .widget.type-1{}
.widget.type-1 ul, .widget.type-1 ol{padding:0;overflow:hidden;}
.widget.type-1 li{margin:5px 0;padding:0;border-left:0;}
.widget.type-1 p{padding-bottom:7px;}

/* Display option: PAGE */
.widget.type-2{width:100%;}
.widget.type-2 img{float:left;margin:4px 15px 7px 0;box-shadow:0 0 4px rgba(100,100,100,0.4);display: flex;margin: -527px auto;position: absolute;   left: 40%;    right: 40%;}
.widget.type-2 img:hover{opacity:0.8;}
.widget.type-2 div.name{font-size:1.188em;}
.widget.type-2 div.name a{text-decoration:none;}
.widget.type-2 time{display:block;padding-top:5px;color:#6e6e6e;}
.widget.type-2 div.description{margin-top:6px;font-size:0.875em;}
#content .widget.type-2{width:100%;}

/* Display option: SLIDER
   slider styles in style-slider.css file */
.widget.type-3, .widget.type-6{width:100%;padding-left:0;padding-right:0;}

/* Display option: MENU */
.widget.type-4{width:100%;}
.widget.type-4 nav ul{list-style:none;}
.widget.type-4 nav > ul > li{padding:4px 0 4px 22px;background:url('img/list.png') no-repeat 0px 8px;font-size:1.188em;}
.widget.type-4 nav > ul > li a{text-decoration:none;}
.widget.type-4 nav > ul > li ul{margin-left:3px;font-size:0.895em;}
.widget.type-4 nav > ul > li li{padding-top:2px;}
.widget.type-4 nav > ul > li li:before{content:'>';margin-right:7px;font-size:0.824em;color:#1A161A;font-weight:bold;}
#content .widget.type-4{width:100%;}

/* Display option: SUBPAGES
   other subpages styles you will find in style.css file in SUBPAGES LIST STYLES section
   just move it here and add .widgets-2 to create custom version */
.widget.type-5{width:100%;}
.widget.type-5 .pages-list.no-type p{font-size:0.875em;}
#content #page div.content .pages-list.no-type{padding:0;}
.widget.type-5 .pages-5 li{width:30%;margin:10px 1%;padding:10px 0.5%;border:0;text-align:center;}
.widget.type-5 .pages-5 li:nth-child(4n+1){clear:none;}
.widget.type-5 .pages-5 li:nth-child(3n+1){clear:left;}
.widget.type-5 .pages-5 .description{text-align:left;font-size:0.875em;}



/* PLUGINS */

/* Display option: MENU - DROP DOWN */
.type-4 nav > ul{border-top:1px solid #cc1426;}
.type-4 nav > ul > li{position:relative;border-bottom:1px solid #cc1426;}
.type-4 nav > ul > li ul{display:none;position:absolute;top:-1px;left:99%;z-index:10;background:#fff;border:5px solid #cc1426;border-width:1px 1px 1px 5px;white-space:nowrap;}
.type-4 nav > ul > li:hover > a{color:#cc1426;}
.type-4 nav > ul > li:hover > ul{display:block;}
.type-4 nav > ul > li:hover ul li{position:relative;padding:2px 5px 0 8px;border-bottom:1px solid #cc1426;}

.type-4 nav > ul > li > ul > li > ul{left:98%;}
.type-4 nav > ul > li > ul > li:hover ul{display:block;}

/* Display option: GOOGLE MAPS */
.widget.type-14{width:98%;border:0;}
#content .widget.type-14{width:100%;}
.widget.type-14 div.head{text-align:left;text-transform:none;}
.widget.type-14 iframe{width:100%;min-height:350px;}

/* Display option: TAGS */
.widget.type-23{width:100%;}
.widget.type-23 ul{list-style:none;}
.widget.type-23 li{float:left;margin:0 15px 4px 0;}
.widget.type-23 li a{padding-left:20px;background:url('img/tag.png') no-repeat 0px 2px;}
.widget.type-23 li a:hover{color:#1A161A;}


/* Display option: SOCIAL LINKS */
.type-13{width:30%;text-align:center;}
.type-13 ul{display:inline-block;list-style:none;}
.type-13 li{display:inline-block;margin:0 8px;vertical-align:middle;}
#content .type-13 img{box-shadow:none;}



#content .clients{background: #fff url('img/clientsl.jpg') no-repeat center -100px;background-size:cover;padding:0;text-align: center;}
#content .clients div.head{text-align: center;display: inline-block;vertical-align: middle;font-size:4em;}
#content .clients div.head span{color:#33a6cc;}
#content .clients div.head .slick-prev{height: 41px;width: 38px;display: inline-block;position: static;vertical-align: middle;-webkit-transform:none;-ms-transform:none;transform:none;margin: 0 40px 20px 0;}
#content .clients div.head .slick-prev:before{content: '';height: 60px;width: 38px;background: url('img/narrow.svg') no-repeat center;display: block;-moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);}
#content .clients div.head .slick-next{height: 41px;width: 38px;display: inline-block;position: static;vertical-align: middle;-webkit-transform:none;-ms-transform:none;transform:none;margin: 0 0 20px 40px;}
#content .clients div.head .slick-next:before{content: '';height: 60px;width: 38px;background: url('img/narrow.svg') no-repeat center;display: block;}



#content .clients div.slider{padding-top: 0px;}
#content .clients div.slider .slick-initialized .slick-slide{height: 200px;}
#content .clients div.slider .slick-initialized .slick-slide img{opacity:0.3;position: relative;top: 50%;    -webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);}

/*Brightideas styles*/


#content .offer div.head{text-align: center;font-size: 5em;font-family: 'Josefin Sans', sans-serif;text-transform:uppercase;}
#content .offer div.head:after, #content .offer div.head:after{background: url('img/BRIGHTIDEASmini.svg') no-repeat;display: inline-block;content: '';height: 13px;width: 100px;background-size: 100%;vertical-align: 20px;margin-left: 20px;}
#content .offer > div.description{padding:0;} 
#content .contactButtons div.head:before{background: url('img/BRIGHTIDEAS.svg') no-repeat;display: block;content: '';height: 130px;width: 610px;background-size: 100%;vertical-align: middle;margin:0 auto;}

#content .brand{background:#000 url('img/brand.jpg') no-repeat center; background-size: cover;min-height: 850px;}
#content .brand div.head{color: #fff;font-size:19em;font-family: 'Josefin Sans', sans-serif;text-transform:uppercase;font-weight: 700;padding:0;float:right; margin:40px 0.7em;line-height:0.7em;    letter-spacing: -0.1em;}
#content .brand div.description{color: #fff;font-size: 9em;font-weight: 700;}

#content .look{background:#000 url('img/look.jpg') no-repeat center; background-size: cover;min-height: 850px;}
#content .look div.head{color: #233038;font-size:19em;font-family: 'Josefin Sans', sans-serif;text-transform:uppercase;font-weight: 700;padding:0;float:right; margin:40px 0.7em;line-height:0.7em;    letter-spacing: -0.1em;}
#content .look div.description{color: #fff;font-size: 9em;font-weight: 700;}

#content .strategy{background:#000 url('img/strategy.jpg') no-repeat center; background-size: cover;min-height: 850px;}
#content .strategy div.head{color: #fff;font-size:19em;font-family: 'Josefin Sans', sans-serif;text-transform:uppercase;font-weight: 700;padding:0;float:right; margin:40px 0.7em;line-height:0.7em;    letter-spacing: -0.1em;}
#content .strategy div.description{color: #fff;font-size: 9em;font-weight: 700;}




#content .communication{background:#000 url('img/communication.jpg') no-repeat center; background-size: cover;min-height: 850px;}
#content .communication div.head{color: #084e57;font-size:15em;font-family: 'Josefin Sans', sans-serif;text-transform:uppercase;font-weight: 700;padding:0;float:right; margin:20px 0.7em;line-height:0.7em;    letter-spacing: -0.1em;}
#content .communication div.description{color: #fff;font-size: 9em;font-weight: 700;}

#content .aproach{background:#000 url('img/aproach.jpg') no-repeat center; background-size: cover;min-height: 750px;display:flex;flex-direction:column}
#content .aproach div.head{color: #fff;font-size:12em;font-family: 'Josefin Sans', sans-serif;text-transform:uppercase;font-weight: 700;padding:0;float:left; margin:20px 0.5em;line-height:0.7em;    letter-spacing: -0.1em;}
#content .aproach div.description{color: #fff;font-size: 4em;font-family: 'Josefin Sans', sans-serif;text-transform:uppercase;font-weight: 400;margin:0 1em;margin-left:10%;margin-top:2em;}
#content .aproach li h2{color: #fff;font-size: 5em;font-family: 'Josefin Sans', sans-serif;text-transform:uppercase;font-weight: 400;margin:0 1em;}

#content .benefits{background:#000 url('img/benefits.jpg') no-repeat center; background-size: cover;min-height: 750px;margin-top:20px;display:flex;flex-direction:column}
#content .benefits div.head{color: #fff;font-size:12em;font-family: 'Josefin Sans', sans-serif;text-transform:uppercase;font-weight: 700;padding:0;float:left; margin:15px 0.5em;line-height:0.7em;;    letter-spacing: -0.1em;}
#content .benefits div.description{clear:both;color: #fff;font-size: 4em;font-family: 'Josefin Sans', sans-serif;text-transform:uppercase;font-weight: 400;margin:4em 1em;margin-left:10%;margin-top:2em;}
#content .benefits li h2{color: #fff;font-size: 5em;font-family: 'Josefin Sans', sans-serif;text-transform:uppercase;font-weight: 400;margin:0 1em;}



#content .consulting div.head{text-align: center;font-size: 6em;font-family: 'Josefin Sans', sans-serif;text-transform:uppercase;padding:1em;font-weight:300;color:#b6a399;text-decoration:none;}
#content .consulting div.head b{color:#000;font-weight:300;text-decoration:none;}
#content .consulting div.head a{text-decoration:none;color:#000;}
#content #widget-1.consulting div.head:after, #content #widget-16.consulting div.head:after{background: url('img/BRIGHTIDEASmini.svg') no-repeat;display: inline-block;content: '';height: 13px;width: 100px;background-size: 100%;vertical-align: 20px;margin-left: 20px;}
#content .consulting > div.description{padding:0;} 
#content .contactButtons div.head:before{background: url('img/BRIGHTIDEAS.svg') no-repeat;display: block;content: '';height: 130px;width: 50%;background-size: 100%;vertical-align: middle;margin:0 auto;}




#content .offer.lookD {background:#233038;color:#fff;font-weight:700;font-family: 'Josefin Sans', sans-serif;text-transform:uppercase;}
#content .offer.lookD h2, #content .offer.lookD .head{color:#257c88;font-family: 'Josefin Sans', sans-serif;text-transform:uppercase;}
#content .offer.communicationD {background:#084e57;color:#fff;}
#content .offer.communicationD h2, #content .offer.communicationD .head{color:#fff;}
#content .offer.aproachD {background:#00373e;color:#fff;}
#content .offer.aproachD h2, #content .offer.aproachD .head{color:#fff;}


#content .offer .description { padding:0;text-transform:uppercase; font-size:3em;line-height:0.9em;}
#content .offer .description strong{ padding:0;color:#999;font-weight:300; }
#content .offer .pages-list li h2{ font-size:5em; }
#content .offer .description li{ list-style:none; }


#content .offer .pages-list, #content .offer3 .pages-list  {display:flex; flex-direction:row;flex-wrap: wrap;justify-content: center;padding-top:3em;    padding-bottom: 3em;}
#content .offer .pages-list  li{width:33%;}
#content .offer .pages-list  li h2{display:none;}
#content .offer .pages-list  li:first-child h2{display:block;font-family: 'Josefin Sans', sans-serif;text-transform:uppercase;font-weight:300;font-size:5em;    line-height: 0.8em;letter-spacing: -0.12em;}
#content .offer .pages-list  li:last-child div.description li   {font-size:0.7em;}
#content .offer .pages-list  li:last-child div.description ul {width:50%;float:right;margin-right:5em;margin-top:2em;height: 10em;  display: flex;  flex-direction:column; align-items: center;  justify-content: center }
#content .lookD .pages-list  li:last-child div.description ul {width:50%;float:right;margin-right:5em;margin-top:2em;height: 10em;  display: flex;  flex-direction:column; align-items: center;  justify-content: center;color:#257c88; font-weight:500;}
#content .lookD .pages-list  li:last-child div.description ul strong {color:#5c7983;  font-weight:500;}}



#content .brand, #content .mission, #content .strategy, #content .look {padding-top: 0;}

#content .brand .description, #content .mission .description, #content .strategy .description, #content .look .description{width:35%;padding-left:10%;}
#content .brand .head, #content .mission .head, #content .strategy .head, #content .look .head{width:35%;padding:0 0 30px 10%;}
/*END Brightideas new styles*/




#content .contactButtons{background:#fff ; background-size: cover;position: relative;}
#content .contactButtons h2{font-size:2em;}
#content .contactButtons div.head{text-align: center;}
#content .contactButtons:after{background: #fff;height: 129px;width: 100%;left: 0;position: absolute;bottom: 0;content: '';}

#content #widget-7{padding: 0;width: 100%;background: #D8D8D8;}
#content #widget-7 div.description {font-size: 1.344em;padding: 25px 10%;float: left;width: 100%;}
#content #widget-7 div.description ul{list-style: none;}
#content #widget-7 div.description ul li{width: 33.333%;width: calc(100%/3);float: left;padding: 50px 0;}

#content #widget-8, #content #widget-23{padding: 0;width: 100%;}




#content .clients {min-height:700px;}
#content .clients .head{padding:60px 10% 0;}
#content .clients .slider{padding:0 10%;}

#content #widget-5 div.description ul{ list-style-type: disc !important; }
#content #widget-5 div.description ul li{margin:2em 0;}

#content .blog {min-height:600px;padding: 100px 10%;}
#content .blog .slider-description{width:50%;padding:0 0;color:#fff;}
#content .blog .head{width:50%;padding:30px 0}
#content .blog .name a{color:#fff;text-decoration:none;line-height: 1em;}
#content .blog{background:#000 url('img/blog.jpg') no-repeat center; background-size: cover;min-height: 850px;}

#content .offer div.head, #content .offer3 div.head{padding:0.5em 10% 0;text-align: center;}
#content .offer > li, #content .offer3 > li {min-height:600px; }



#content .offer .pages-list  li ul{ list-style-type: disc; margin-left:1rem;}
#content .offer .pages-list  li li, #content .offer.columns-1 .pages-list  li li,  #content .offer.columns-2 .pages-list  li li,  #content .offer.columns-3 .pages-list  li li, #content .offer.columns-4 .pages-list  li li{width:100%;}
#content .offer3 .pages-list  li{width:33%;}
#content .offer .pages-list > li, #content .offer3 .pages-list > li{padding: 70px 5%;}
#content .offer .pages-list li h2, #content .offer3 .pages-list li h2 {text-align:left;padding:10px 0 0px;}
#content .offer .pages-list li h2 span, #content .offer3 .pages-list li h2 span{color: #4CA7CA;}
#content .offer .pages-list li .description, #content .offer3 .pages-list li .description   { padding:0;}
#content .offer .pages-list li .leftColumn, #content .offer3 .pages-list li .leftColumn  { width:50%;padding:30px 5% 0 0;}
#content .offer .pages-list li .rightColumn, #content .offer3 .pages-list li .rightColumn  { width:50%;padding:30px 0 0;}
#content .offer .pages-list li img, #content .offer3 .pages-list li img{margin: 40px auto;}

#content .offerAdministration div.head, #content .offerAdministration3 div.head{padding: 70px 10% 0;}
#content .offerAdministration > li, #content .offerAdministration3 > li {min-height:600px; }

#content .offer.columns-1 .pages-list  li{width:100%;}
#content .offer.columns-2 .pages-list  li{width:49%;}
#content .offer.columns-3 .pages-list  li{width:33%;}
#content .offer.columns-4 .pages-list  li{width:25%;}


#content .offer.services {background:#0caccc;color:#fff;}
#content .offer.services h2, #content .offer.services .head{color:#fff;}
#content .offer.logo .head:before{background: url('img/BRIGHTIDEAS.svg') no-repeat;display: inline-block;content: '';height: 45px;width: 105px;background-size: 100%;vertical-align: -15px;margin-right: 10px;}
#content .offer.logoGrey .head:before{background: url('img/BRIGHTIDEAS.svg') no-repeat;display: inline-block;content: '';height: 45px;width: 105px;background-size: 100%;vertical-align: -15px;margin-right: 10px;}

#content .contactButtons{min-height: 560px;z-index:0}
#content .contactButtons .head {padding:150px 10% 70px;}
#content .contactButtons .head span{color: #4CA7CA;}