/* 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{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;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:0;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;}
.widget div.head{text-transform:uppercase;font-family: roboto, sans-serif;font-weight:900;}
#content .type-13 img{box-shadow:none;}

.home #header:after{content: '';    width: 200px;    height: 200px;    background: #e5e5e5;    position: absolute;    left: 90px;    bottom: -320px;    z-index: 50;}
.home #header:before{content: '';    width: 100px;    height: 100px;    background: #a8c62d;    position: absolute;    left: 220px;    bottom: -180px;    z-index: 80;}
.home #content .widget.aboutUs{display:flex;flex-direction:row;justify-content:center;padding:3em 0;flex-direction:column;align-items:center;}
.home #content .widget.aboutUs .description{width:1000px;margin:0 auto;font-size:1.3em;;font-family: roboto, sans-serif;font-weight:300;}
.home #content .widget.aboutUs div.head{text-align:left;font-size:3em;font-family: roboto, sans-serif;font-weight:900;margin-bottom:1em;width:1000px;}
.home #content .widget.columns-1.type-2 div.name{padding:2em 0em 0;font-size:2em;font-weight:900;width:1000px;text-transform:uppercase;font-family: 'Josefin Sans', sans-serif;}
.home #content .widget.columns-1 {width:1000px;min-height:400px;margin:0 auto;}
.home #content .widget.columns-1.type-2 div.description{padding:2em 0;width:1000px;margin:0 auto;font-size:1.5em;}

.home #content .widget.team.columns-5{display:flex;flex-direction:row;justify-content:center;background:#c6c8c9;padding:3em;flex-direction:column;align-items:center;}
.home #content .widget.team.columns-5 .head{margin-top:3em;color:#000;font-family: roboto, sans-serif;font-weight:900;width:80%;text-align:left;}
.home #content .widget.team.columns-5 .head strong{color:#fff;}
.home #content .widget.team.columns-5 ul.pages-list.pages-3{display:flex;flex-direction:row;float:none;width:1200px;}
.home #content .widget.team.columns-5 ul.pages-list.pages-3 li{margin:2em;}
.home #content .widget.team:before{content:'';width:130px;height:130px;background:#192847 ;position:absolute;z-index:100000;display: block;top: -70px;    right: 22em;}
.home #content .widget.team .pages-list h2{font-weight:700;font-size:1.2em;}

.home #content .widget.categories{width:100%;height:700px;float:none;display:flex;justify-content:center;}
.home #content .widget.categories.columns-3 ul.pages-list.pages-3{display:flex;flex-direction:row;width:1200px;}
.home #content .widget.categories.columns-3 ul.pages-list.pages-3 li{margin:1em;width:27%;display:flex;flex-direction:column;}
.home #content .widget.categories.columns-3 ul.pages-list.pages-3 li h2{font-family: roboto, sans-serif;font-weight:900;text-transform:uppercase;font-size:2.5em;position:relative;z-index:1200;}
.home #content .widget.categories.columns-3 ul.pages-list.pages-3 .image{margin-bottom:2em;}




.home #content .widget.creative{min-width:100%;height:700px;float:none;overflow: hidden;background:#c6c8c9;}
.home #content .widget.creative:after{content:'';width:700px;height:700px;background: url(img/oeni_e2.svg) no-repeat -23px 0;position:absolute;z-index:100000;display: block;}
.home #content .widget.creative .head{position:absolute;bottom: 6em;right: 14em;color:#fff;z-index:100000;font-size:1.3em;font-family: roboto, sans-serif;font-weight:900;}
.home #content .widget.creative.type-2 img{width:100%;margin:0;padding:0;    left: 0;    right: 0;}

.home #content .widget.experience{width:100%;height:700px;float:none;overflow: hidden;}
.home #content .widget.experience.type-2 img{width:100%;margin:0;padding:0;    left: 0;    right: 0;}
.home #content .widget.experience:after{content:'';width:50%;height:130px;background:#c6c8c9;position:absolute;z-index:100000;display: block;left:0;top:0;}
.home #content .widget.experience:before{content:'';width:10%;height:130px;background:#c6c8c9;position:absolute;z-index:100000;display: block;right:0;top:0;}
.home #content .widget.experience .name{position: absolute;    z-index: 50;    color: #fff;    top: 15em;    left: 24em;}

.home #content .widget.experienceInfo:before{content:'';width:130px;height:130px;background:#a0bb33;position:absolute;z-index:900000;display: block;left: 360px; top: -630px;}

.home #content .widget.experienceInfo:after{content:'';width:50%;height:130px;background:#fff;position:absolute;z-index:100000;display: block;left:0;top:-130px;}
.home #content .widget.experienceInfo{width:100%;height:500px;float:none;padding:5em;margin:0 auto;}
.home #content .widget.experienceInfo .head{margin:2em auto 1em;width:1200px;font-family: roboto, sans-serif;font-weight:900;text-align:center;}
.home #content .widget.experienceInfo .head strong{color:#777;}
.home #content .widget.experienceInfo .description{width:1200px;margin:0 auto;font-size:1.3em;width:1200px;}



.home #content .widget.contactButtons.type-5{min-height:900px;width:100%;background:#a0bb33;padding:5%;display:flex;justify-content:center;flex-direction:column;}
.home #content .widget.contactButtons.type-5 .pages-list.pages-3{width:1200px;    align-self: center;}
.home #content .widget.contactButtons.type-5 .pages-list.pages-3 li{display:flex;flex-direction:column;}
.home #content .widget.contactButtons.type-5 .pages-list.pages-3 li h2 a{color:#fff;}
.home #content .widget.contactButtons div.head{text-align:center;font-size:3em;font-family: roboto, sans-serif;font-weight:900;margin-bottom:4em;font-size:4em;width:480px;margin:0 auto;line-height:1em;margin-bottom:2em;}
.home #content .widget.contactButtons div.head strong {color:#fff;}

.home #content .widget.categories.columns-3 ul.pages-list.pages-3:after{content: '';    width: 70px;    height: 247px;    background:#ccc;    position: absolute;    z-index: 100000;    display: block;    right:280px;    top: 129px;}
.home #content .widget.categories.columns-3 ul.pages-list.pages-3:before{content: '';    width: 70px;    height: 70px;    background: #a8c62d;    position: absolute;    z-index: 100001;    display: block;    right: 280px;    top: 419px;}

.home #content .widget.make{min-width:100%;height:200px;float:none;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;}
.home #content .widget.make div.description p{font-size:3.7em;font-family: roboto, sans-serif;font-weight:900;text-transform:uppercase;line-height:3em;display:flex;align-items:center;justify-content:center;}
.home #content .widget.make div.description img{line-height:4em;margin:0;}

.home li.o:after{content:'';width:240px;height:317px;background: url(img/oeni_o.svg) no-repeat -23px 132px;position:absolute;z-index:1000;display: block;}
.home li.e:after{content:'';width:187px;height:317px;background: url(img/oeni_e.svg) no-repeat -3px 144px;position:absolute;z-index:1000;display: block;1}
.home li.n:after{content:'';width:187px;height:317px;background: url(img/oeni_n.svg) no-repeat -3px 144px;position:absolute;z-index:1000;display: block;}
.home li.n h2{text-align:right;}
.home .demoReel{background: rgb(160,187,51);background: linear-gradient(0deg, rgba(160,187,51,1) 6%, rgba(160,187,51,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);}
.home a.full-description{text-decoration:none;font-size:1.3em;color:#fff;font-family: roboto, sans-serif;font-weight:900;}
.home a.full-description:hover{color:#000;}