/*    ----CONTENT LIST-----

      01- CLEARFIX
      02- TYPOGRAPHY
      03- PRE HEADER CONTENT (lists, tooltip, social icons)
      04- HEADER CSS + GRID (container, navigation, columns)
      05- FOOTER & COPYRIGHTS CSS 
      06- HOMEPAGE PORTFOLIO CAROUSEL, PORTFOLIO ITEM & BANNER LAYOUT
      07- BUTTONS
      08- LISTS
      09- DROPCAPS
      10- ALERTS 
      11- CONTACT FORM 
      12- PORTFOLIO LAYOUTS
      13- BLOG LAYOUT
      14- OTHER FEATURES LAYOUT (google maps,404 error style,pre style,blockquote style,team members,inner page intro...)
      15- DRUPAL STYLES OVERRIDE
*/
/*@import url(http://fonts.googleapis.com/css?family=Dosis:200,400,500,700);*/
/*@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900&display=swap'); */



/* ---------------------------------------------------------------------- */
/* 01-   CLEARFIX 
/* ---------------------------------------------------------------------- */
.clear {clear: both; display: block; height: 0; overflow: hidden; visibility:hidden; width: 0;}

.clearfix:after {clear: both; content: ' '; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0;}

* html .clearfix,:first-child+html .clearfix {zoom: 1;}

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

iframe, img {border: none !important;}



/* ---------------------------------------------------------------------- */
/* 02-   TYPOGRAPHY 
/* ---------------------------------------------------------------------- */
body { background: #222222; color: #898989; font-size: 12px; font-family: 'Lato', 'Arial', 'Verdana', sans-serif; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ 
-webkit-text-size-adjust: 100%; }

p,ul,ol,pre,code {margin-bottom: 1em;}

ol ol, ul ul { margin: 0 auto 0 auto; }

.colored { color: #9dcedf; }

a.colored:hover { color: #9dcedf; text-decoration: underline; }

h1,h2,h3,h4,h5,h6 { font-weight: normal; font-variant: normal; white-space: normal; color: #898989; margin-bottom: 15px; font-family: 'Lato',Arial,Verdana,serif; }

h1 { font-size: 34px; line-height: 36px; }

h2 { font-size: 26px; line-height: 34px; }

h3 { font-size: 24px; line-height: 32px; }

h4 { font-size: 18px; line-height: 24px; }

h5 { font-size: 16px; line-height: 20px; }

h6 { font-size: 16px; line-height: 17px; }

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: rgba(255, 255, 255, 0.8); font-size: 100%; text-decoration: none; }

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { font-size: 100%; text-decoration: none; }

a h1:hover,a h2:hover,a h3:hover,a h4:hover,a h5:hover,a h6:hover { color: #9dcedf; }

.sidebar h2{ font-size: 18px; line-height: 24px; }

.node h2{ font-size: 24px; line-height: 32px; }

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

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

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

.img-align-left { margin: 0px 10px 10px 0; float: left; }

img { max-width: 100%; height: auto; 
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* ---------------------------------------------------------------------- */
/* 03-   PRE HEADER CONTENT 
/* ---------------------------------------------------------------------- */
#pre-header { padding: 0 40px 0 40px; margin: 0px 0 30px -40px;  }

.pre-header { margin-bottom: 13px; }

.tipsy { font-size: 11px; position: absolute;  padding: 5px;  z-index: 100000; background-repeat: no-repeat; background-image: url("../images/tipsy.gif"); margin-top: 5px; opacity: 0.9; 
        filter: alpha(opacity=90); }

.tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.tipsy-arrow {  position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }

/* Rules to colour arrows */
.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-left-color: #000; }
.tipsy-arrow-w { border-right-color: #000; }

.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }

/*-----------------------------------------------------------*/
/*-------------------- SOCIAL ICONS --------------------------*/
/*-----------------------------------------------------------*/
#block-sociallinks { float: right; }
#social-icons { position: relative; padding: 10px 0 8px 0; font-size: 0; float: right;}

ul#social-links { z-index: 1; margin: 0px; list-style: none; float: right; }

ul#social-links li { display: inline-block; float: none; }

ul#social-links li { 
    display: inline-block; 
    font-size: 1.8rem; 
    line-height: 44px;
    text-align: center;
    list-style: none; 
    width: 40px; 
    height: 40px; 
    border-radius: 2px; 
    margin: 0 5px 0 0; 
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3) ,inset 0px 2px 5px rgba(0, 0, 0, 0.4); 
}

ul#social-links > li.facebook-link:hover {
    background: #415b92;
    background: linear-gradient(top, #415b92 0%,#33487b 100%);
    box-shadow: 0px 1px 1px #2a4782,inset 0px 2px 5px #4a67a0;
}

ul#social-links > li.twitter-link:hover {
    background: #aad5e3;
    background: linear-gradient(top, #aad5e3 0%,#90c7db 100%);
    box-shadow: 0px 1px 1px #6cb6cf,inset 0px 2px 5px #7fc9e2;
}

ul#social-links > li.google-link:hover {
    background: #f54a35;
    background: linear-gradient(top, #f54a35 0%,#c83e2d 100%);
    box-shadow: 0px 1px 1px #bf3928,inset 0px 2px 5px #ff6957;
}

ul#social-links > li.facebook-link:hover {
    background: #415b92;
    background: linear-gradient(top, #415b92 0%,#33487b 100%);
    box-shadow: 0px 1px 1px #2a4782,inset 0px 2px 5px #4a67a0;
}

ul#social-links > li.dribbble-link:hover {
    background: #fd83af;
    background: linear-gradient(top, #fd83af 0%,#e46191 100%);
    box-shadow: 0px 1px 1px #da447c,inset 0px 2px 5px #fc97bb;
}

ul#social-links > li.vimeo-link:hover {
    background: #1ab7ea;
    background: linear-gradient(top, #1ab7ea 0%,#0a9ece 100%);
    box-shadow: 0px 1px 1px #0b9ac8,inset 0px 2px 5px #31c6f6;
}

ul#social-links > li.skype-link:hover {
    background: #56cbf7;
    background: linear-gradient(top, #56cbf7 0%,#09b2f1 100%);
    box-shadow: 0px 1px 1px #0281ae,inset 0px 2px 5px #b5ebff;
}

ul#social-links > li.rss-link:hover {
    background: #ff8500;
    background: linear-gradient(top, #ff8500 0%,#ff6a00 100%);
    box-shadow: 0px 1px 1px #df5d00,inset 0px 2px 5px #ffb140;
}

ul#social-links > li.linkedin-link:hover {
    background: #007fc5;
    background: linear-gradient(top, #007fc5 0%,#0061b6 100%);
    box-shadow: 0px 1px 1px #004d90,inset 0px 2px 5px #16a7e8;
}

ul#social-links > li.pinterest-link:hover {
    background: #e63037;
    background: linear-gradient(top, #e63037 0%,#bf1018 100%);
    box-shadow: 0px 1px 1px #ae0d13,inset 0px 2px 5px #fc545b;
}

ul#social-links li  a { display: block;   width: 40px; height: 40px; color: rgba(255, 255, 255, 0.8); }
ul#social-links li  a:hover { color: rgba(255, 255, 255, 1); }

/* ---------------------------------------------------------------------- */
/* 04-   HEADER CSS 
/* ---------------------------------------------------------------------- */

/* -------------------------------------------------- */
/* HEADER,CONTAINER, RESPONSIVE NAVIGATION
/* -------------------------------------------------- */
#page { height: auto; width: 100%; background: #222222; padding: 0px; margin: 0 auto; }

#pre-header .content a:hover { text-decoration: underline; }

#pre-header h2 { color: #fff; text-shadow:0px 1px #81BCD1; }

#pre-header ul.menu li{ display: inline-block; margin: 0; padding: 0; }  

#pre-header ul.menu li a{ font-style: normal; padding: 2px 16px 2px 12px; text-decoration: none; color: #fff; text-shadow:0px 1px #81BCD1; border-right: 1pt solid #a8dcee; }

#pre-header ul.menu li.first a, #pre-header ul.menu li:first-child a{ padding-left:0 }

#pre-header ul.menu li a:hover{ text-decoration: underline; }        

#pre-header ul.menu li.last a, #pre-header ul.menu li:last-child a { border:none; }

#pre-header ul.menu ul.menu, #pre-header ul.menu ul{ display:none; }

#header, div.header { padding: 0 4rem; display: flex; width: 100%; justify-content: space-between; height: 5rem; position: relative; z-index: 10; background-color: transparent;}

#breadcrumb { margin: 30px 0 20px 0; }

#content { padding-bottom: 30px; font-size: 14px; margin-top:30px; }

.not-front #content { margin-top:0px; }

.front #content{ margin-top: 0px; }

h1#site-name{ font-size: 27px; line-height: 20px; font-weight: 900;}

h2#site-slogan{ color: #dbdbdb; margin:0 0 16px 0; font-size: 16px; line-height: 16px; }

.not-front #site-slogan { display: none; }

#tagline { margin: 0; white-space: nowrap; }

#mm0 { display: none; width: 100%; padding: 6px; font: normal normal 12px/1em 'Lato', 'Open Sans', Arial, Tahoma, sans-serif; border: 1px solid #ccc; color: #666; }
#mm0 { 
    width: 100%;  
    height: auto;  
    margin-top: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    color: rgba(255, 255, 255, 1);
    border: none;
}

.block-superfish select { width: 100%; padding: 6px; font: normal normal 12px/1em 'Lato','Open Sans', Arial, Tahoma, sans-serif; border: 1px solid #ccc; color: #666; }

.path-frontpage h2.title {
    display: none;
}

/* -------------------------------------------------- */
/* Columns
/* -------------------------------------------------- */
.container { margin: 0 auto; position: relative; width: 100%; }

.one-half,.one-third,.two-third,.one-fourth,.three-fourth,.one-column { float: left; margin-right: 20px; margin-bottom: 20px; }

.one-half.last,.one-third.last,.two-third.last,.one-fourth.last,.three-fourth.last, .one-fourth.widget-4, .one-fourth.widget-8, .one-fourth.widget-12 { margin-right: 0px; }

.one-half { width: 460px; }

.one-third { width: 300px; }

.two-third { width: 620px; }

.one-fourth { width: 220px; }

.three-fourth { width: 700px; }

.horizontal-line { width: 100%; margin: 30px 0; float: left; border-top: 1px solid #e1e1e1; }

.one-fourth.widget-1, .one-fourth.widget-5 , .one-fourth.widget-9 { clear: both; }

/* -------------------------------------------------- */
/* CUSTOM COLLECTIONS BLOCK
/* -------------------------------------------------- */
.path-frontpage .collections-block {
    position: relative;
    top: -4rem;
    z-index: 10;
}
.collections-block h1 {
    text-transform: uppercase;
    text-align: center;
    display: none;
}
.collections-block ul {
    display: flex;
    justify-content: center;
    list-style: none !important;
    max-width: 80%;
    margin: auto;
}

.collections-block ul li {
    margin: 0 1rem 1rem;
    height: 500px;
    background-position: center;
    background-repeat: no-repeat;
    list-style: none !important;
    position: relative;
}

.collections-block ul li a:link, .collections-block ul li a:hover, .collections-block ul li a:active, .collections-block ul li a:visited  {
    display: block;
    width: 220px;
    height: 500px;
    text-decoration: none;
    transition: width 0.5s;
    padding-top: 450px;
    border: none !important;
}

.collections-block ul li  a:hover, .collections-block ul li a:active {
    width: 360px;
    border: none !important;
}

.collections-block ul li a h3 {
  margin: 0;
    font-weight: 900;
    text-align: left;
    text-transform: uppercase;
    padding-left: 1rem;
    line-height: 50px;
    color: rgba(255, 255, 255, 1);
    background-size: 100% 200%;
    background-position: 0 -200%;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.6) 50%);
    transition: background-position 0.6s;
}

.collections-block ul li a:hover h3, .collections-block ul li a:active h3, .collections-block ul li a:focus h3 {
    background-position: 0 -100%;
    color: rgba(0, 0, 0, 1);
}

.collections-block .collections-infrastructure {
    background-image: url('../../../sites/default/files/infrastructure_collection.jpg');
}

.collections-block ul li.collections-infrastructure a h3 {
    padding-left: 0.35rem;
}

.collections-block .collections-nature {
    background-image: url('../../../sites/default/files/nature_collection.jpg');
}

.collections-block .collections-people {
    background-image: url('../../../sites/default/files/people_collection.jpg');
}

.collections-block .collections-architecture {
    background-image: url('../../../sites/default/files/architecture_collection.jpg');
}

.collections-block .collections-animals {
    background-image: url('../../../sites/default/files/animals_collection.jpg');
}

.collections-block .collections-more {
    background-image: url('../../../sites/default/files/more_collection.jpg');
}


/* -------------------------------------------------- */
/* MAVIGATION
/* -------------------------------------------------- */
.downarrowclass { position: absolute; top: 53px; right: 5px; }

.rightarrowclass { position: absolute; top: 10px; right: 10px; }
.menu-base-theme { background-color: none; }

ul#main-menu, ul#main-menu.menu-base-theme { background-color: rgba(34, 34, 34, 0.8) !important; max-height: 80px; padding: 0 20px;}

ul#main-menu li:first-of-type { margin-left: 0; }

#main-menu li.last { clear:none; }

#main-menu > ul.menu, #main-menu .content > ul.menu, ul#main-menu .sf-menu { margin: -30px 0 0 0px; clear:both; display: flex; flex-direction: row-reverse;}

#main-menu > ul.menu:after, #main-menu .content > ul.menu:after, ul#main-menu .sf-menu:after, #main-menu .content:after { content: "."; display: block; clear: both; 
visibility: hidden; line-height: 0; height: 0; }    

ul#main-menu li, ul#main-menu .sf-menu li { list-style: none; position: relative }

ul#main-menu .sf-menu li { background: transparent; }

ul#main-menu li a, ul#main-menu .sf-menu li a { color: #898989; font-family: 'Lato', 'Verdana', sans-serif; font-size: 16px; font-weight: normal; padding: 31px 12px 24px 12px; text-decoration: none;
margin: 0 0 10px 0; position: relative; text-align: center; text-transform: uppercase; float: left; overflow: hidden; line-height: 20px; font-weight: 700;}

ul#main-menu li a, ul#main-menu .sf-menu li a {
    padding-bottom: 60px !important;
}

ul#main-menu .sf-menu li a { border: none; }

ul#main-menu li a:hover,
#main-menu > ul.menu > li > a.active,
#main-menu > ul.menu > li.active-trail > a,
ul#main-menu .sf-menu li a:hover,
ul#main-menu .sf-menu > li > a.active,
#main-menu .content > ul.menu > li > a.active { color: #222222; background: #f8f8f8; border-bottom: 1pt solid #222222; }

ul#main-menu ul li a, ul#main-menu .sf-menu ul li a { display: block; float: none; }


ul#main-menu ul, ul#main-menu .sf-menu ul { background: url("../images/menu-drop-bg.png") 20% 0% no-repeat; padding-top: 8px; display: none; left: 0; margin-top: -18px;
position: absolute; width: 175px; z-index: 99; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

ul#main-menu .sf-menu ul { padding-top: 8px!important; }

ul#main-menu ul ul, ul#main-menu .sf-menu ul ul { background: url("../images/menu-drop-bg-2.png") 0% 25px no-repeat; padding-left: 8px; display: none; left: 0;
position: absolute; width: 175px; z-index: 99; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; padding-top:18px; }

ul#main-menu .sf-menu ul ul { background: url("../images/menu-drop-bg-2.png") 0% 16px no-repeat; }

ul#main-menu ul ul  ul, ul#main-menu .sf-menu ul ul  ul { background: url("../images/menu-drop-bg-2.png") 0% 25px no-repeat; padding-left: 8px; display: none; margin-left: 10px;
left: 0; position: absolute; width: 175px; z-index: 99; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

ul#main-menu li:hover>ul { display: block; visibility: visible; top: 100%; }

ul#main-menu ul li:hover>ul { display: block; visibility: visible; top: 0%; left: 100%; }

ul#main-menu ul  li,
ul#main-menu ul  li a,
ul#main-menu .sf-menu ul  li,
ul#main-menu .sf-menu ul  li a { padding: 0px 0 0 0px; margin: 0px; color: #FFF; background: #615951; font-family: "Arial", "Verdana"; }

ul#main-menu ul  li { }

ul#main-menu ul li, ul#main-menu .sf-menu ul li { float: none; }

ul#main-menu li, ul#main-menu .sf-menu li { padding: 0; margin: 0 0 0 20px; border: none; }

ul#main-menu ul a, ul#main-menu .sf-menu ul a { border: 0; color: #fff; display: block; font-size: 11px; font-weight: 400; padding: 5px 10px !important; text-align: left;
margin: 0; text-transform: none; }

ul#main-menu ul a:hover,
ul#main-menu ul .hover > a,
ul#main-menu .sf-menu ul a:hover,
ul#main-menu .sf-menu ul .hover > a,
#main-menu .content > ul.menu li li a.active,
#main-menu > ul.menu li li a.active,
ul#main-menu .sf-menu li li a.active  { background: #9dcedf; color: #fff !important; border: 0 !important; }

ul#main-menu li ul, ul#main-menu .sf-menu li ul { position: absolute; left: 0px; display: block; visibility: hidden; margin-left: 0px; top: 0; }

.downarrowclass,
.rightarrowclass { width: 8px; height: 8px; background: url("../images/plus.png") top left no-repeat; display: inline-block; position: absolute; right: 5px; top: 53px }

ul#main-menu .sf-menu li ul{ top: 100%; }

ul#main-menu .sf-menu ul li ul{ left: 100%; top:0; }

ul#main-menu .sf-menu ul li ul{ left: 100%; top:0; margin-left: 0px; margin-top: -7px; padding-left: 8px!important; }

ul#main-menu .sf-menu > li > a .sf-sub-indicator { background: url("../images/plus.png"); width: 8px; height: 8px; background-position:0px 0px; right: 5px; top: 53px; }

#main-menu .sf-menu a.sf-with-ul{ padding-right: 23px; }

.rightarrowclass { background-image: url("../images/plus-white.png"); }

ul.menu ul { margin:0; }    

li.expanded ul { display: none !important;}

/* ---------------------------------------------------------------------- */
/* 05-   FOOTER & COPYRIGHTS CSS
/* ---------------------------------------------------------------------- */
#footer { width: 100%; padding:0 4rem; margin: 0px; height: auto; background: #111; display: flex; justify-content: space-between;}
#footer p { color: rgba(255, 255, 255, 0.8); }
#footer ul.menu li a{ font-style: normal; padding: 2px 16px 2px 12px; text-decoration: none; color: #fff; border-right: 1pt solid #333; }
/*#footer .footer-area { padding: 30px 0px 0; }

#footer h4, #footer h2 { color: #9dcedf; font-size: 18px; line-height: 24px; }

#footer-bottom { width: 100%; padding: 30px 0px; margin-left: 0px; background: #111; float: none; }

#footer-bottom .right { float: right; }

#footer-bottom a { color: #9dcedf; }

#footer-bottom .content a:hover { text-decoration: underline; }

#footer-bottom ul.menu.secondary-menu { margin:0 0 1.5em; }

#footer-bottom ul.menu li{ display: inline-block; margin: 0; padding: 0; }  



#footer-bottom ul.menu li.first a, #footer-bottom ul.menu li:first-child a{ padding-left:0 }

#footer-bottom ul.menu li a:hover{ color: #9DCEDF; }        

#footer-bottom ul.menu li.last a, #footer-bottom ul.menu li:last-child a { border:none; }

#footer-bottom ul.menu ul.menu, #footer-bottom ul.menu ul{ display:none; }

.backtotop { float: right; text-align: center; background: #2e2e2e; height: 20px; width: 20px; border-radius: 2px; -moz-border-radius: 2px; webkit-border-radius: 2px; margin-right: -10px; 
margin-left: 10px; }

.backtotop:hover { background: #222222; }*/

/* ---------------------------------------------------------------------- */
/* FOOTER LIST
/* ---------------------------------------------------------------------- */
#footer .footer-area .content ul { list-style-type: none;  list-style-position: outside; width: 100%; }

#footer .footer-area .content li { color: #898989; display: block; padding: 5px 0; border-bottom: 1pt solid #333; }

#footer .footer-area .content li a { color: #aaa; }

#footer .footer-area .content li a:hover { color: #9dcedf; text-decoration: underline; }

#footer .footer-area .content li:first-child { border-top: 1pt solid #333; }

#footer .footer-area .content li:last-child { border-bottom: none; }

#footer .footer-area .content ul ul { margin: 5px 0 0 0px; }



/* ---------------------------------------------------------------------- */
/* FOOTER CONTACT INFO
/* ---------------------------------------------------------------------- */
.contact-info { }

.contact-info span { padding: 5px 0px 5px 30px; width: 100%; display: block; font-style: normal; }

.contact-info span.address { background: url("../images/icons/adress.png") left no-repeat; }

.contact-info span.phone { background: url("../images/icons/phone-number.png") left no-repeat; }

.contact-info span.email { background: url("../images/icons/mail-adress.png") left no-repeat; }
 


/* ---------------------------------------------------------------------- */
/* 07- BUTTONS
/* ---------------------------------------------------------------------- */ 
.button { cursor: pointer; font-family: Arial,Helvetica,sans-serif; font-size: 11px; color: #ffffff; text-decoration: none!important; border: none; position: relative; }

.button:active { text-decoration: none; top: 1px; }

.button.round { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

.button.cube { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }

.button.small { padding: 7px 12px; }

.button.big { padding: 8px 20px; }

.button.huge { padding: 15px 30px; font-size: 18px; color: #FFF!important; font-weight: bold; }

.button.darkgreen {
    background: #59a839;
    background: -moz-linear-gradient(top, #59a839 0%, #3e8720 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59a839), color-stop(100%,#3e8720));
    background: -webkit-linear-gradient(top, #59a839 0%,#3e8720 100%);
    background: -o-linear-gradient(top, #59a839 0%,#3e8720 100%);
    background: -ms-linear-gradient(top, #59a839 0%,#3e8720 100%);
    background: linear-gradient(top, #59a839 0%,#3e8720 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59a839', endColorstr='#3e8720',GradientType=0 );
    color: #FFF;
    text-shadow: 0px 1px #1f6b00;
    -webkit-box-shadow: inset 0 0 7px #6fc84c,0px 3px #307215;
    -moz-box-shadow: inset 0 0 7px #6fc84c,0px 3px #307215;
    box-shadow: inset 0 0 7px #6fc84c,0px 3px #307215;
}

.button.darkgreen:hover { -webkit-box-shadow: inset 0 0 10px #77e74a,0px 3px #307215; -moz-box-shadow: inset 0 0 10px #77e74a,0px 3px #307215; box-shadow: inset 0 0 10px #77e74a,0px 3px #307215; }

.button.darkgreen:active { -webkit-box-shadow: inset 0 0 15px #195700,0px 1px #307215; -moz-box-shadow: inset 0 0 15px #195700,0px 1px #307215; box-shadow: inset 0 0 15px #195700,0px 1px #307215; }

/* ---------------------------------------------------------------------- */
/* 08-   LISTS 
/* ---------------------------------------------------------------------- */
.simple-list-2,
.hentry ul { margin-left: 20px; list-style: disc outside; } 

.hentry ol { list-style: decimal outside; margin-left: 20px; }

.simple-list-2 li,
.hentry li { }

.hentry ul,
.simple-list-2 li a { color: #898989; }

.simple-list-2 li a:hover { color: #9dcedf; text-decoration: underline; }

ul.center-list { text-align: center; }

ul.center-list li { text-align: center; display: inline; }

ul.center-list li a { text-align: center; padding: 5px 5px; }

ul.center-list li a:hover { text-decoration: underline; }

ul.dotted-list li { border-bottom: 1px dotted #bdbdbd; }

ul.dotted-list li { padding: 0px 0 5px 20px; }

.arrow li,.arrow-2 li,.circle li,.check li,.check-2 li,.star li,.plus li,.dash li { list-style: none; margin: 0; }

ul.dotted-list li { padding: 5px 0 5px 20px; border-bottom: 1px dotted #bdbdbd; }

/* ---------------------------------------------------------------------- */
/* 09-   DROPCAPS 
/* ---------------------------------------------------------------------- */
.dropcapsimple, .dropcapsquare, .dropcapfancy { float: left;  display: inline-block; margin: 0 10px 0 0; text-align: center; }

.dropcapsimple { font-size: 34px; height: 34px; line-height: 38px; width: 30px; text-align: left; margin: 0; }

.dropcapsquare { font-size: 28px; height: 38px; line-height: 38px; width: 38px; margin-right: 7px; color: #fefefe; background: #111; text-shadow: none; border-radius: 4px;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border:none!important;}

.dropcapfancy { background: #ee802a; color: #FFF; font-family: 'Lato','Arial',sans-serif; font-size: 22px; line-height: 35px; height: 35px; width: 35px; border-radius: 100px; 
-moz-border-radius: 100px; -webkit-border-radius: 100px; border: 2pt solid #FFF!important; -moz-box-shadow: 0 0px 3px #b7b7b7; -webkit-box-shadow: 0 0px 3px #b7b7b7; box-shadow: 0 0px 3px #b7b7b7; }

.dropcap.dark { background: #3a3a3a; color: #fff; background-image:none!important; text-shadow:none!important; }

.dropcap.green { background: #59a839; color: #fff; background-image:none!important; text-shadow:none!important; }

.dropcap.red { background: #e64135; color: #fff; background-image:none!important; text-shadow:none!important; }

.dropcap.blue { background: #72c2e7; color: #fff; background-image:none!important; text-shadow:none!important; }

.dropcap.purple { background: #954eae; color: #fff; background-image:none!important; text-shadow:none!important; }

.dropcap.grey { background: #898989;color: #fff; background-image:none!important; text-shadow:none!important; }

.dropcap.pink { background: #f26d7d; color: #fff; background-image:none!important; text-shadow:none!important; }

/* ---------------------------------------------------------------------- */
/* 10-   ALERTS 
/* ---------------------------------------------------------------------- */
div.messages.warning, div.messages.error ,div.messages.status, .simple-error,.simple-alert,.simple-notice,.simple-success,.simple-info { padding: 0.8em; margin-bottom: 1em;
border: 1px solid #ddd; }

div.messages.error, .simple-error,.simple-alert { background: #fbe3e4; border-color: #fbc2c4; color: #e64135; }

div.messages.warning, .simple-notice { background: #fff6bf; color: #514721; border-color: #ffd324; }

.simple-success, div.messages.status { background: #e6efc2; color: #264409; border-color: #c6d880; }

.simple-info { background: #d5edf8; color: #205791; border-color: #92cae4; }

div.messages.error a, .simple-error a, .simple-alert a { color: #8a1f11; }

div.messages.warning a, .simple-notice a { color: #514721; }

.simple-success a, div.messages.status a { color: #264409; }

.simple-info a { color: #205791; }

.form-item input.form-text.error { color: #e64135; text-align: left; font-size: 11px; font-style: italic; font-family: "Georgia", Verdana; }

.form-item input.form-text.success { color: #acd373; text-align: left; font-size: 11px; font-style: italic; font-family: "Georgia", Verdana; }

div.messages.status { background-image: url(../images/shortcodes/icons/success.png); background-position: 8px 8px; background-repeat: no-repeat; padding: 20px 20px 20px 70px; }

div.messages.error { background-image: url(../images/shortcodes/icons/cancel.png); background-position: 8px 8px; background-repeat: no-repeat; padding: 20px 20px 20px 70px; }

div.messages.warning { background-image: url(../images/shortcodes/icons/warning.png); background-position: 8px 8px; background-repeat: no-repeat; padding: 20px 20px 20px 70px; }

/* ---------------------------------------------------------------------- */
/* 11-   CONTACT FORM 
/* ---------------------------------------------------------------------- */ 
#contactForm .error { margin: 5px 0 0 0; display: none; }

#messages .simple-success, 
#messages .simple-error { display: none; }

#contactForm form { margin-bottom: 0px; }

#contactForm  fieldset { margin-bottom: 0px; }

#contactForm  label,
#contactForm  legend,
#contactForm  strong { font-weight: bold; font-size: 13px; color: #898989; }

#contactForm input[type="checkbox"] { display: inline; }

#contactForm label span,
#contactForm legend span { font-weight: normal; font-size: 13px; color: #444; line-height: 34px; }

#contactForm input[type="text"],
#contactForm input[type="password"],
#contactForm  input[type="email"],
#contactForm textarea,
#contactForm select { 
    border: 1px solid #dddddd; 
    padding: 5px 10px; 
    outline: none; 
    overflow: hidden; 
    font: 12px "Helvetica", Arial, sans-serif; 
    color: #777; 
    box-shadow: inset 0px 2px 4px #f3f3f3;
    -moz-box-shadow: inset 0px 2px 4px #f3f3f3; 
    -webkit-box-shadow: inset 0px 2px 4px #f3f3f3; 
    width: 278px; 
    max-width: 99%; 
    display: block; 
    margin-bottom: 10px; 
    background: #FFF; 
    border-radius: 2px;
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px; 
}

#contactForm select { padding: 0; }

#contactForm  textarea { width: 598px; height: 200px; resize: vertical; }

#contactForm input[type="text"]:focus,
#contactForm input[type="password"]:focus,
#contactForm  input[type="email"]:focus,
#contactForm  textarea:focus { border: 1px solid #bbbbbb; color: #555; box-shadow: 0px 0px 5px #CCC,inset 0px 2px 4px #f3f3f3; -moz-box-shadow: 0px 0px 5px #CCC,inset 0px 2px 4px #f3f3f3;
-webkit-box-shadow: 0px 0px 5px #CCC,inset 0px 2px 4px #f3f3f3; }

.caddress,
.cphone, 
.cemail { margin-bottom: 10px; -ms-word-break: break-all; word-break: break-all; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }

.caddress strong,
.cphone strong, 
.cemail strong { }

input.form-submit {
    font-size: 1.2rem;
    color: rgba(255,255,255, 1);
    background-color: rgba(0, 0, 0, 0.3);
    border: solid 2px rgba(255, 255, 255, 0.4);
    padding: 6px 22px;
    font-size: 1.2rem;    
}

/* ---------------------------------------------------------------------- */
/* 12-   PORTFOLIO LAYOUTS
/* ---------------------------------------------------------------------- */ 

ul#portfolio-items-one-fourth { width: 100%; min-height: 300px; overflow: hidden; margin-left: 0; }

ul#portfolio-items-one-fourth li { width: 220px; margin: 0 20px 20px 0; float: left; height: 300px; overflow: hidden; }

ul#portfolio-items-one-fourth li .portfolio-item { float: left; background: #f8f9f9; width: 220px; height: auto; padding: 0; }

ul#portfolio-items-one-fourth li  .item-content { background: #615951; float: left; width: 220px; text-align: center; padding: 0px 0 15px 0; height: auto; }

#portfolio-items-one-fourth .description { padding-top: 15px; font-size: 12px; } 

ul#portfolio-items-one-fourth li .item-content:hover { background: #9dcedf; }

ul#portfolio-items-one-fourth li .item-content p { margin: 0; padding: 0; font-weight: 800; color: #FFF; }

ul#portfolio-items-one-fourth li .item-content p a { margin: 0; padding: 0; font-weight: 800; color: #FFF; }

ul#portfolio-items-one-fourth li  .item-content span { font-style: italic; color: #FFF; }

ul#portfolio-items-one-fourth li   img { width: 100%; height: auto; padding: 0; margin: 0; }

ul#portfolio-items-one-third { overflow: hidden; position: relative; list-style: none; margin: 0; padding: 0px 0 0 0; }

ul#portfolio-items-one-third li { width: 300px; min-height: 310px; } 

ul#portfolio-items-one-third li .portfolio-item { float: left; background: #f8f9f9; width: 300px; height: auto; padding: 0; }

ul#portfolio-items-one-third li .item-content { background: #615951; float: left; width: 300px; text-align: center; padding: 0px 0 15px 0; height: auto; }

#portfolio-items-one-third  .description { padding-top: 15px; }

ul#portfolio-items-one-third li .item-content:hover { background: #9dcedf; }

ul#portfolio-items-one-third li .item-content p { margin: 0; padding: 0; font-weight: 800; color: #FFF; }

ul#portfolio-items-one-third li .item-content p a { margin: 0; padding: 0; font-weight: 800; color: #FFF; }

ul#portfolio-items-one-third li .item-content span { font-style: italic; color: #FFF; } 

ul#portfolio-items-one-third li  img { width: 100%; height: auto; padding: 0; margin: 0;  }

.portfolio-container { width: 960px; margin-right: -20px; float: left; clear: both; } 

.portfolio-items { width: 960px; margin: 0; }

.portfolio-items:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; }

.portfolio-items li { width: 220px; margin: 0 20px 20px 0; float: left;  height: 300px; overflow: hidden; }

.portfolio-items-not-filterable { width: 960px; margin: 0; } 

.portfolio-items-not-filterable:after { content: ""; display: block; height: 0; overflow: hidden;  clear: both; }  

.portfolio-items-not-filterable li { width: 300px;  margin: 0 20px 20px 0; float: left; height: 310px;  overflow: hidden; } 

.three-fourth .portfolio-container { width: auto; }

.filterable { display: inline; float: right; margin-bottom: 20px;  margin-right: 20px; list-style: none; }

.filterable li { float: left; margin-left: 25px; list-style: none;  }

.filterable li a { display: block;  color: #FFF; font: bold 11px arial; text-decoration: none;  text-align: center; width: 100%; height: auto; padding: 5px 5px; margin: 5px; background: #615951;
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.filterable li.active a { color: #FFF; background: #9dcedf; }

.portfolio-image { margin-bottom: 20px; }

/* ---------------------------------------------------------------------- */
/* 13- BLOG LAYOUT
/* ---------------------------------------------------------------------- */

#content h1 { margin-bottom: 30px; }

.hentry { padding: 0 0 30px 0; margin: 0 0 30px 0; }

.single .hentry { margin-bottom: 0; }

.archive .hentry, .node-blog.hentry, .search .hentry { border-bottom: 1px solid #E1E1E1; }

.entry-body { margin: 10px 0 60px 0; } 

.node-blog .entry-body, .node-article .entry-body { float: left; margin: 10px 0 20px 0; width: 555px; }

.two-sidebars .node-blog .entry-body, .two-sidebars .node-article .entry-body { width: 315px; }

.no-sidebars .node-blog .entry-body, .no-sidebars .node-article .entry-body { width: 795px; }

.page-body { width: 100%; float: left; }

.readmore a, .node-readmore a{ font-size: 14px; font-family: "Georgia",Verdana; font-style: italic; background: url("../images/blog-permalink.png") left bottom no-repeat; padding-left: 15px;
-webkit-transition: all 0.2s ease,top 0ms linear; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }

.node ul.links.inline li a{ font-size: 14px; font-family: "Georgia",Verdana; font-style: italic; -webkit-transition: all 0.2s ease,top 0ms linear; -moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; }

.readmore a:hover, .node-readmore a:hover { background: url("../images/blog-permalink.png") left top no-repeat }

.entry-meta { color: #878787; float: left; margin: 10px 20px 20px 0; text-align: center; width: 125px; font-size: 12px; line-height: 20px; }

.entry-meta div.field { display: inline-block; }

.entry-meta ul { margin: 0; }

.entry-meta li { list-style: none; margin: 0; }

.entry-meta li a.active{ color: #898989; }

.entry-meta .title { font-weight: bold; }

.node .entry-meta .field-type-taxonomy-term-reference .field-label { display:none; }

.date { width: 56px; height: auto; float: left; text-align: center; margin-right: 20px; margin-bottom: 15px; display: block; background: #9dcedf; text-shadow: 0px 1px #81bcd1; border-radius: 100px;
-moz-border-radius: 100px; -webkit-border-radius: 100px; padding: 10px 30px; border: 4pt solid #FFF; -moz-box-shadow: 0 0px 3px #b7b7b7; -webkit-box-shadow: 0 0px 3px #b7b7b7; box-shadow: 0 0px 3px #b7b7b7; }

.month { display: block; color: #FFF; }

.day, .year { display: block }

.day { font-size: 36px; color: #FFF; margin: 10px 0 15px 0; }

.year { background: url("../images/post-meta-divider.png") top repeat-x; color: #FFF; padding: 10px 0 0 0; }

.post-intro { float: left; width: 615px; }

.hentry blockquote { background: #f8f8f8 url(../images/quote.png) no-repeat 17px 21px; font: italic 15px/1.6  "Georgia", Times, 'Times New Roman', serif; padding: 20px 20px 20px 55px;
border-bottom: 1pt solid #e1e1e1; margin: 0px 0 20px 0; float: left; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

blockquote.alignleft { float: left; margin: 10px 10px 10px 0; width: 300px; }

blockquote.alignright { float: right; margin: 10px 0 10px 10px; width: 300px; }

.mediaitem { margin: 0 0 20px 0; }

.sidebar { margin: 10px 0 0 0; }

.sidebar .block { border-bottom: none; margin: 0 0 30px 0; padding: 0 0 0 0; font-size: 12px; }

.sidebar .block .content li { background: url(../images/simple-nav-arrow.png) no-repeat 0 11px; border-bottom: 1px dotted #ced8df; list-style: none; margin: 0; display: block; padding: 5px 0 5px 15px; }

.sidebar .block .content li:first-child { border-top: 1px dotted #ced8df; }

.sidebar .block a { color: #868686; }

img.fb_share_link { padding: 0px 0 0 0px; margin: 0px 5px -10px 0px; }

.pager { list-style: none; }

.pager li { display: inline; }

.item-list .pager li { display: block; float: left; padding: 4px 10px; margin:0 7px 0 0; border: 1px solid #e1e1e1;  -webkit-box-shadow: inset 0 0 10px #f5f5f5; 
-moz-box-shadow: inset 0 0 10px #f5f5f5; box-shadow: inset 0 0 10px #f5f5f5; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #898989; }

.item-list .pager li.pager-current { background-color: #f5f5f5; }

.item-list .pager li.pager-current:hover { border: 1pt solid #c2c2c2; }

.widget_search { border-bottom: none; }

#search-block-form input.form-text{ background: #FFF url("../images/search-bg.png")  right no-repeat; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
width: 96%; padding: 8px 5px; color: #acacac; border-color: #88bbc8;  -moz-box-shadow: 0 0px 3px #b7b7b7; -webkit-box-shadow: 0 0px 3px #b7b7b7;  box-shadow: 0 0px 3px #b7b7b7; }

#search-block-form input.form-text:focus { -moz-box-shadow: 0 0px 3px #909090; -webkit-box-shadow: 0 0px 3px #909090;  box-shadow: 0 0px 3px #909090; }

#search-block-form input.form-submit { position: absolute; left: -1000em; } 

.screen-reader-text { position: absolute; left: -1000em; } 

.search-place { margin: 30px 0; }

.author { border-bottom: 1px solid #E1E1E1; padding: 20px; margin-bottom: 30px;  clear: both; background: #f0f0f0;  }

.author .author-gravatar { float: left;  margin: 0 20px 20px 0; }  

.author .author-description { font-style: italic; } 

#comments { clear: both;  margin: 30px 0; }

.inner-comment { margin-left: 75px; }

.comment { margin-bottom: 10px; overflow: hidden;  }

article.comment { position: relative; }

.comment .user-signature { font-style: italic; font-size: 13px; color: #BEBEBE; }

.comment-author { float: left; margin-right: 10px;  padding-bottom: 10px; }

.commentlist  ul.children { padding-left: 40px; }

.commentlist .authormeta { display: inline-block; }

.commentlist .comment-author img, .commentlist .comment-author h3, .commentlist .comment-author .datetime { float: left; line-height: 38px;  margin: 0 10px 0 0; padding: 0; }

.commentlist .comment-author .datetime { clear: none;  color: #898989; float: left;  margin-right: 0; margin-top: 4px; } 

.comment-text { background: #f5f5f5;  padding: 20px; border: 1pt solid #ebebeb; clear: left;  float: none; margin-bottom: 10px; word-wrap: break-word; }

.comment-text h3 { margin-top: 0; }

.comment-text  p { margin-bottom: 0; } 

img.avatar, .comment .user-picture img { border-radius: 100px; -moz-border-radius: 100px;  -webkit-border-radius: 100px; vertical-align: middle; } 

.comment .user-picture{ display: inline-block; }  

span.new { position: absolute;  top: 35%; right: 1%; }

.comment  cite, .comment  cite a { font-size: 18px;  line-height: 24px;  font-style: normal; text-transform: capitalize; }

.node .comment ul.links.inline { float: right;  margin: 0; }

.node .comment ul.links.inline li a { display: inline-block;  font-style: normal; font-size: 14px;  font-family: sans-serif; text-transform: capitalize;  } 

.logged-in .node .comment ul.links.inline li { padding: 0; }

.logged-in .node .comment ul.links.inline li a { margin-left: 10px; } 

#commentform label,
.form-item label { font-weight: bold;  display: block; color: #7f7f7f;  }

.form-item .description { padding: 0; height: auto;  font-size: 12px; } 

.form-item .required { color: rgba(255, 255, 255, 1);  }

.form-item .error { color: #e64135; }

#commentform input[type=text],
#commentform input[type=password],
#commentform input[type=email],
#commentform input[type=url],
#commentform input.text,
#commentform input.title,
#commentform textarea,
#commentform select,
.form-item input.form-text { background-color: rgba(0, 0, 0, 0.3); color: rgba(255, 255, 255, 1);  border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 12px; padding: 9px 0 9px 9px;  width: 96%; }

#commentform input[type=text]:focus,
#commentform input[type=password]:focus,
#commentform input[type=email]:focus, 
#commentform input[type=url]:focus, 
#commentform input.text:focus,
#commentform input.title:focus,
#commentform textarea:focus,
#commentform select:focus,
.form-item input.form-text:focus { border-color: #c2c2c2; outline: 0; }

#commentform input[type=text],
#commentform input[type=password],
#commentform input[type=email],
#commentform input.text,
#commentform input.title,
#commentform textarea,
#commentform select,
.form-item input.form-text { margin: 5px 0; }

#commentform textarea { width: 100%; height: 180px;  padding: 4% 0; resize: none;  }  

.form-textarea-wrapper { width: 100%; } 

input#edit-keys, .page-user input.form-text, .no-sidebars #comment-form input.form-text, .no-sidebars .contact-form input.form-text { width: 50%; }

.contact-form { width: 100%; }
.contact-form input.form-text, .contact-form input.form-email, .contact-form input.form-textarea { width: 100%; margin-right: 0; } 

input#edit-keys { margin-right: 10px; } 

.form-textarea-wrapper textarea { background-color: rgba(0, 0, 0, 0.3); color: rgba(255, 255, 255, 1);   border: 1px solid rgba(255, 255, 255, 0.4);   border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px;
font-size: 12px; border-bottom: 1px solid #eee; height: 180px;  padding: 2% 0 4% 9px; resize: none; }

.form-textarea-wrapper textarea:focus { border: 1px solid #c2c2c2;  outline: 0; } 

.resizable-textarea .grippie { border: 1px solid #e8e8e8; border-top: none; }

#commentform input[type=submit], input[type=submit] { margin:0 10px 0 0; } 

/* alignments */
.alignleft, img.alignleft { margin: 0 24px 24px 0; display: inline; float: left; }

.alignright, img.alignright { margin-left: 24px; display: inline;  float: right; }   

.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto;  display: block; clear: both; } 

/* ---------------------------------------------------------------------- */
/* MAIN CONTENT
/* ---------------------------------------------------------------------- */

#main-content {
    padding: 0 4rem;    
}

#main-content-inside h1 {
    text-align: center;
    text-transform: uppercase;
    margin-top: 5.5rem;
}

#main-content-inside .collections-block h1 {
    display: none;
}

#main-content-inside .node-page.about {
    padding: 0 12rem;
    color: rgba(245, 245, 245, 1);
}

#main-content-inside .node-page.about a {
    color: rgba(245, 245, 245, 1);
}

.main-content a {
    color: rgba(170, 163, 255, 1);
}

.main-content a:hover {
    color: #7171c5;
    text-decoration: none;
}

/* ---------------------------------------------------------------------- */
/* GALLERY VIEWS
/* ---------------------------------------------------------------------- */


.views-field-field-galleryphotos a img {
   transition: 0.5s all linear;
}

.views-field-field-galleryphotos a img:hover {
   filter: brightness(50%) grayscale(60%);
   transform: scale(1.1);
}

/* ---------------------------------------------------------------------- */
/* 14- OTHER FEATURES LAYOUT
/* ---------------------------------------------------------------------- */
.front #banner { padding-top: 10px;}
.front #bottom-content { padding: 0 4rem;}

.not-found-text { text-align: center; font-size: 100px; line-height: 100px; border-bottom: 1pt solid #E1E1E1; margin-bottom: 100px; padding-bottom: 30px; }

.intro-page h2 { text-align: center; }

.intro-page h2 strong { color: #9DCEDF; font-weight: normal; }

.intro-page { margin: 0 0 0px 0; padding: 30px 0 0 0; }

.not-front .intro-page{ padding: 0; border: none; } 

.resize img { max-width: 100%; max-height: 100%;  }

video { width: 100%; height: auto; }

ul.team-memebers li { text-align: center; float: left;  margin-right: 20px; }  

ul.team-memebers li.last { margin-right: 0px; } 

#contact-map { margin-left: -40px; width: 100%; max-height: 100%; margin-bottom: 30px; }

#contact-map iframe { width: 100%; }

img.intro-img { margin-left: -40px;  max-width: 100%; max-height: 100%;  margin-bottom: 30px; border-bottom: 1pt solid #d8d5cd; }

img.team-member { width: 70px; height: 70px;  border-radius: 2px; -moz-border-radius: 2px;  -webkit-border-radius: 2px; box-shadow: 0px 1px 1px #615951;  -moz-box-shadow: 0px 1px 1px #615951; 
-webkit-box-shadow: 0px 1px 1px #615951; }

blockquote, q { quotes: none }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

blockquote { padding: 0px 10px 0px 35px; line-height: 24px; background-image: url(../images/quote.png); background-position: 0% 10%; background-repeat: no-repeat; color: #999999; }

blockquote span { color: #666666; }

.button-holder-2 { float: right; margin-top: 5px; } 

pre, code { border: 1px solid #e1e1e1; border-left: 5px solid #e1e1e1; width: 96%; margin-bottom: 20px; padding: 2%; font-size: 11px; display: inline-block; background-color: #f5f5f5; }

.pdf { background: url(../images/shortcodes/icons/small/pdf.png) no-repeat 5px 12px; padding: 15px 10px 10px 65px; width: 125px; min-height: 48px; }

.skype-call { background: url(../images/icons/skype.png) no-repeat 5px 12px; padding: 15px 10px 10px 65px; width: 125px; min-height: 48px; }

#map { height: 275px; margin: 0px 0 30px -40px; position: relative;  width: 100%; }

#map:before, #map:after { background: none; -webkit-box-shadow: 0 0 5px 2px rgba(54, 55, 54, 0.1); -moz-box-shadow: 0 0 5px 2px rgba(54, 55, 54, 0.1); 
box-shadow: 0 0 5px 2px rgba(54, 55, 54, 0.1); content: ''; left: 0; position: absolute; top: 0; width: 100%; }

#map:after { bottom: 0; top: auto; } 

ul.buttons li { display: list;  margin: 25px 0; } 

ul.buttons-huge li { display: list; margin: 45px 0; } 

.inner-page-intro { width: 100%; height: auto; float: left; padding: 0px 0; margin-bottom: 30px; border-bottom: 1pt solid #e1e1e1; }

.add-widget { background: url("../images/shortcodes/lists/addlist.png")left center no-repeat; background: url("../images/plus.png") left center no-repeat;
padding: 2px 2px 2px 13px; font-weight: bold; display: block; margin-top: 20px; }

.help { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #eee; padding: 20px; }

.help p { margin-bottom: 0; }

/* ---------------------------------------------------------------------- */
/* 15- DRUPAL STYLES OVERRIDE
/* ---------------------------------------------------------------------- */

ul.inline li.first { padding-left: 0; }  

.hentry ul.inline  { margin-left: 0; }

li a.active { color: #898989; }

/*fieldset*/
#page-wrapper fieldset { padding: 012px; border: 1px solid #d6d6d6; } 

#page-wrapper fieldset legend { color: #898989; padding: 0 10px; }

/*tables*/
table {  border-spacing:0;  border:0;   width:100%; }

table td,  table th {  border:1px solid #9B9B9B; }

table th {  background:#f0f0f0;  color:#333;  font-weight:bold; }

table tr.odd {  background:transparent; } 

table tr.even{  background:#fafafa; }

table td, table th{  padding:12px;  text-align: center; }

/* Remove table borders */
table.noborder td, table.noborder th, table.noborder tr{ border:none; }

/*primary tabs*/    
ul.primary { border-bottom: 1px solid #bbb; border-collapse: collapse; height: auto; line-height: normal; list-style: none; margin: 5px; padding: 0 0 0 1em; /* LTR */ white-space: nowrap; }

ul.primary li { display: inline; }

ul.primary li a { background-color: #ddd; border-color: #bbb;  border-style: solid solid none solid; border-width: 1px; height: auto; margin-right: 0.5em; /* LTR */ padding: 0.3em 1em 0em;
text-decoration: none; border-radius: 5px 5px 0px 0; -moz-border-radius: 5px 5px 0px 0; -webkit-border-radius: 5px 5px 0px 0; }

ul.primary li.active a { background-color: #fff; border: 1px solid #bbb; border-bottom: 1px solid #fff; }

ul.primary li a:hover { background-color: #eee; border-color: #ccc; border-bottom-color: #eee; }

ul.tabs.primary a {
    display: inline-block;
}



/* ---------------------------------------------------------------------- */
/* SLICK
/* ---------------------------------------------------------------------- */

.slick-arrow, .flex-direction-nav, .flex-control-nav { display: none !important; }
.slick-slide img { width: 100% !important; }
.region-hero { margin-bottom: -6rem; position: relative; top: -80px; }

/* ---------------------------------------------------------------------- */
/* REVISED SOCIAL
/* ---------------------------------------------------------------------- */
span#social {
    display: inline-block;
    float: right;
}
span#social a {
    color: white;
    margin-left: 1.5rem;
}

/* ---------------------------------------------------------------------- */
/* OTHER OVERRIDES
/* ---------------------------------------------------------------------- */
nav#block-alviesphoto-main-menu {
    float: right;
}

.not-front div.main-content, .path-collections div.main-content {
    z-index: 999;
    position: relative;
    margin-top: 1.3rem;
}
h1.page-title {
    text-transform: uppercase;
    text-align: center;
    font-size: 1.8rem;
    line-height: 2.25rem;
    font-weight: 700;
}
.region-content .block-block-content h2 {
    display: none;
}
.container {
    padding: 0 !important;
    max-width: 90vw;
}
.collection {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.collection>div {
    margin-bottom: 1rem;
}
.collection header {
    padding: 1rem 20% 3rem;
    font-size: 1.2rem;
    line-height: normal;
}
article .node__content p {
    font-size: 1.25rem;
    line-height: normal;
}
article .node__content p a {
    color: white !important;
}
.brand.logo img {
    height: 65px;
}

div.highlighted {
    position: relative;
    z-index: 9;
    font-size: 1rem;
}

.user-login-form, .user-form, .user-pass {
    background: transparent;
    border: none;
    font-size: 1rem;
}

div.region-footer-first, nav#block-footer {
    display: inline;
}

nav#block-footer ul.menu {
    list-style: none;
    padding-left: 0;
}

nav#block-footer ul.menu li {
    list-style: none;
}

nav#block-footer ul.menu li a:link, nav#block-footer ul.menu li a:visited, nav.block-footer ul.menu li a {
    color: rgba(255, 255, 255, 1);
}

nav#block-footer ul.menu li a:hover, nav.block-footer ul.menu li a:active, nav.block-footer ul.menu li a:focus {
    color: rgba(255, 255, 255, 1);
    text-decoration: underline;
}

.path-node article[role=article] {
    padding: 1rem 20% 3rem;
    font-size: 1.2rem;
    line-height: normal;    
}

tbody tr:hover, tbody tr:focus {
    background: transparent;
}

ul.primary {
    border:  none;
    text-align:  center;
}

ul.primary.tabs a {
    border: 0;
    border-radius: 0;
    padding: 1rem;
    background-color: transparent;

}

ul.primary.tabs a.is-active {

}

/* ---------------------------------------------------------------------- */
/* SHOP
/* ---------------------------------------------------------------------- */
div#block-cart {
    float: right;
    padding: 24px 12px 60px 12px;
}

div#block-cart span.cart-block--summary__count {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 8px;
    display: inline-block;
    text-align: center;
    position: relative;
    top: 13px;
    left: -7px;
    width: 18px;
}

.view-shop header {
    text-align: center;
    font-size: 1.25rem;
    line-height: normal;
    margin-bottom: 1.5rem;
}

.view-shop .shop-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;   
    position: relative;
    z-index: 0;     
}

.view-shop article {
    margin-bottom: 1.5rem;
}

.view-shop .field--name-title.field--type-string.field--label-above, .view-shop .field--name-price.field--type-commerce-price.field--label-above, 
.path-product .field--name-title.field--type-string.field--label-above .field__label, .path-product .field--name-price.field--type-commerce-price.field--label-above .field__label,
.path-product .field--name-field-price.field--type-commerce-price.field--label-hidden
{
    display: none;
}

.view-shop article a, .view-shop article a:link {
    color: rgba(0, 0, 0, 1);
}

.view-shop article a:hover, .view-shop article a:focus, .view-shop article a:target {
    color: rgba(0, 0, 0, 0.6);
}

/*.view-shop article a img,*/ .view-shop article a .field--name-field-product-images .field__item {
    position: relative;
    z-index: 20;
}
/*.view-shop article a img::after,*/ .view-shop article a .field--name-field-product-images .field__item::after {
    content: ""; 
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    background-color: rgba(255,255,255,0.6);
    z-index: 50;
    height: 50px;
}

.view-shop article a img, .view-shop article a .field--name-field-product-images .field__item::after, .view-shop article .field--name-title, .view-shop article .field--name-field-manual-price {
    transition: 0.3s all linear;
}

.view-shop article a:hover img, .view-shop article a:hover .field--name-field-product-images .field__item::after, .view-shop article a:hover .field--name-title, .view-shop article a:hover .field--name-field-manual-price {
   filter: brightness(90%) grayscale(20%);
   transform: scale(1.1);
}    

.view-shop article .field--name-title, .view-shop article .field--name-field-manual-price {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: normal;
    /*background-color: rgba(255, 255, 255, 0.1);*/
    padding-left: 0.5rem;
    position: relative;
    z-index: 100;
}

.view-shop article .field--name-title {
    margin-top: -51px;
}

.commerce-cart  {
    font-size: 1.2rem;
}

.commerce-cart .form-item .required, .path-product .form-item .required {
    color: rgba(0,0,0,1);
}

.path-cart .cart-empty-page {
    font-size: 1.3rem;
    text-align: center;
    margin: 1.5rem;
}

.path-product article {
    display: flex;
    justify-content: space-evenly;
}

.path-product article .slick {
    height: 480px;
}

.path-product article .slick-wrapper {
/*    width: 480px;*/
    margin-right: 1rem;
}
.path-product article .slick-list.draggable {
    width: 480px;
}

.path-product article .slick--field nav.slick__arrow {
    top: unset;
    bottom: -28px;
}
.path-product article .slick--field nav.slick__arrow button.slick-arrow {
    display: block !important;
}

.path-product article .slick--field nav.slick__arrow button.slick-arrow::before {
    color: rgba(255, 255, 255, 1);
}

.path-product article .slick--field nav.slick__arrow button.slick-next::before {
    content: "\f152";
    font-family: 'Font Awesome 5 Free';
}

.path-product article .slick--field nav.slick__arrow button.slick-prev::before {
    content: "\f191";
    font-family: 'Font Awesome 5 Free';
}

.path-product .product-values {
    font-size: 1.25rem;
    line-height: normal;
    margin-left: 1rem;
    flex-basis: 480px;
}

.path-product .product-values .field--name-title, .path-product .product-values .field--name-price {
    font-weight: 700;
    font-size: 1.3rem;
}

.path-product .product-values label {
    line-height: 2rem;
}

.path-product .product-values label .field--type-string {
    padding: 0 0.5rem;
}

.path-checkout .fieldset-legend {
    font-size: 1.25rem;
    line-height: normal;
}

.path-checkout .fieldset-wrapper {
    font-size: 1rem;
    line-height: normal;
}

.path-checkout a.link--previous {
    font-size: 1rem;
}

.path-checkout .checkout-complete {
    font-size: 1rem;
    text-align: center;
}

.path-checkout .commerce-checkout-completion-register {
    max-width: 410px;
    margin: 0.8rem auto;
}

.path-checkout .commerce-checkout-completion-register__form {
    font-size: 1rem;
}

.path-checkout .commerce-checkout-completion-register .form-item input.form-text {
    width: 100%;
}

.path-checkout .commerce-checkout-completion-register__text {
    font-size: 1rem;
}

.path-checkout #edit-payment-information-add-payment-method select, 
.path-checkout .js-form-item-shipping-information-shipping-profile-address-0-address-administrative-area select, 
.path-checkout .form-item input.form-text, .path-checkout .form-item input.form-email  {
    background-color: rgba(255, 255, 255, 1);
    color: rgba(0, 0, 0, 1);
    border-color: rgba(118, 118, 118, 1);
    border-radius: 3px;
    max-width: 310px;
}

.path-checkout label {
    font-size: 1rem;
    margin-bottom: 5px;
}

.path-checkout iframe {
    border-radius: 3px;
    max-width: 310px !important;
}

.path-checkout .order-summary div div.field, .path-checkout .order-summary td.views-field  {
    font-size: 0.9rem !important;
}

.path-checkout .order-summary .item-list ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    text-indent: 0;
}

.path-checkout .order-summary .views-field-purchased-entity {
    display: flex;
    justify-content: space-evenly;
    border-bottom: none;
}


.path-checkout .form-type-radio label,
.path-checkout .form-type-checkbox label {
    display: inline;
}
.path-checkout .order-summary .views-field-purchased-entity .field__label {
    display: none;
}

.path-checkout .password-confirm-message span.ok {
    color: rgba(50, 94, 28, 1);
} 

.cart-block--contents {
    width: 360px;
    background: rgba(0, 0, 0, 1);
    color: rgba(255, 255, 255, 1);
}

.cart-block--contents__items {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 450px;
}

.coupon-redemption-form__coupons td:first-of-type {
    font-size: 1.2rem;
}

.form-item-purchased-entity-0-attributes-attribute-edition-type .product--rendered-attribute__selected ~ label.option {
    border: 0;
}

.path-product .product-values .form-item-purchased-entity-0-attributes-attribute-edition-type label .field--type-string {
    padding: 0;
}

/* Collection Ribbons */

/* common */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid rgb(68 60 165);
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: rgba(170,163,255,1);
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
}

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
}

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.ribbon-bottom-left::before {
  bottom: 0;
  right: 0;
}
.ribbon-bottom-left::after {
  top: 0;
  left: 0;
}
.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg);
}

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.ribbon-bottom-right::before {
  bottom: 0;
  left: 0;
}
.ribbon-bottom-right::after {
  top: 0;
  right: 0;
}
.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg);
}


footer.comment-submitted {
    display: none;
}

div.node__content a.colorbox {
    margin-bottom:  1rem;
}

/* Colorbox */
#cboxOverlay {
    backdrop-filter: blur(8px);
    background: rgba(0, 0, 0, 0.4);
    cursor: pointer;
    visibility: visible;
    opacity: 1 !important;
}

#cboxWrapper, #cboxContent {
    background: rgba(0, 0, 0, 0.4);
}


#cboxTitle {
    display: inline-block !important;
}

#cboxClose {
  background: url(/modules/contrib/colorbox/styles/stockholmsyndrome/images/controls.png) no-repeat 0 0;
}