body {font-family: 'Montserrat', sans-serif;}

/* //////////////// Chilly THEME ////////////////////////// */

/* //////////////// HEADER ////////////////////////// */

.header .container {
    max-width                   : 1140px;
}

.header-top .container {
    max-width                   : 1140px;
}

.header-top-flex {
    display                     : flex;
    justify-content             : space-between;
    flex-wrap                   : wrap;
    align-items                 : center;
    width                       : 100%;
}

.header-top {
    padding                     : 11px 0;
}

.header-top-col p,
.header-top-col a {
    transition                  : 0.5s;
}

.phone-bottom p,
.email-bottom p{
    color                       : #000;
}

.header-contact {
    display                     : flex;
    flex-wrap                   : wrap;
    justify-content             : space-between;
    align-items                 : center;
}

.email-bottom,
.phone-bottom {
    display                     : flex;
    flex-wrap                   : wrap;
    justify-content             : flex-start;
    align-items                 : center;
    margin-right                : 20px;
}

.header-icon {
    font-size                   : 38px;
    color                       : #00798c
}

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

.header-info p {
    padding-left                : 10px;
    font-weight                 : bold;
}

.header-info p.color-title {
    color                       : #00798c;
    margin-bottom               : 5px;
    font-weight                 : 300;
}

.header-bottom-flex {
    padding                     : 30px 0 15px;
}

.navigation > ul > li > a.link {
    font-size                   : 12px;
    font-weight                 : bold;
}

.navigation > ul > li {
    margin-left                 : 50px;
}

.header-navigation {
    width                       : 100%;
    top                         : 30px;
    position                    : relative;
    background                  : #fff;
    border-top                  : 1px solid #cccccc;
}

 header .navigation{
    width: auto;
    display: inline-block;
 }
 .header-navigation {display: flex; flex-wrap: wrap;}
 .header-navigation .navigation > ul > li:nth-of-type(1) {margin-left: 0;}
 .header-navigation .navigation > ul {box-sizing: border-box; padding: 0 5px;}




.request_homepage .slideshow .slide {
    align-items                 : flex-end;
    justify-content             : center;
}

.request_homepage .slide-overlay {
    padding                     : 0;
}

.request_homepage .slideshow .slide .slide-title {
    font-size                   : 21px;
    font-weight                 : 600;
    text-align                  : center;
    margin                      : 0 20%;
    font-size                   : 2rem;
    width                       : 60%;
}

.slide-overlay {
    padding-left                : 0;
    width                       : 100%;
    bottom                      : 80px;
    text-align                  : center;

}

.slideshow .slide .slide-title {
    font-size                   : xx-lagre;
}

 /* //////////////// ACACIA CALL TO ACTION BOX ////////////////////////// */

 .call-to-action {
    float                 : left;
    width                 : 100%;
    background            : url('https://cdn.logicake.com/files/logi_chilly-theme_880441220328/slide-1-6acece57-6940-4264-870b-4683c0c3797d.jpg') repeat center center;
    background-attachment : fixed;
    min-height            : 500px;
}

.call-to-action-flex {
    display               : flex;
    flex-wrap             : wrap;
    justify-content       : center;
    padding               : 126px; 
}

.call-to-action-title {
    font-size             : 40px;
    color                 : #fff;
    margin                : 20px 0;
    text-align            : center;
    flex                  : 0 0 100%;
    max-width             : 100%;
}

.call-to-action-text {
    font-size             : 18px;
    font-weight           : 300;
    line-height           : 28px;
    flex                  : 0 0 100%;
    max-width             : 100%;
    text-align            : center;
    color                 : #fff;
}

.theme-button {
  flex                    : 0 0 100%;
  max-width               : 100%;
  text-align              : center;
  margin                  : 40px 0;
}

.theme-button a {
  padding                 : 15px 2%;
  font-size               : 18px;
  color                   : #fff;
  font-weight             : 300;
  transition              : 0.5s;
}

 /* //////////////// ACACIA FOOTER ////////////////////////// */

 .footer-flex {
    width                 : auto;
    max-width             : 1140px;
    border-bottom         : 1px solid #fff;
    padding-bottom        : 20px;
}

.logo-bg img{
    width                 : 200px !important;
}

.footer-address,
.footer-phone {
    font-weight           : 200;
}

.footer-address i {
  font-size               : 28px;
  min-height              : 50px;
  float                   : left;
  margin-right            : 15px;
  margin-top              : 5px;
  border-right            : 1px solid;
  padding-right           : 15px;
  padding-top             : 10px;
}

.footer-phone i {
  font-size               : 28px;
  min-height              : 26px;
  float                   : left;
  margin-right            : 15px;
  margin-top              : -3px;
  border-right            : 1px solid;
  padding-right           : 15px;
}

.footer-navigation ul, 
.footer-navigation ul li, 
.footer-navigation ul li a {
    display               : inline-block;
    margin                : 0 5px;
    transition            : 0.5s;
    font-weight           : 200;
}


.footer-social a {
    transition            : 0.5s;
}

.shop_container {
    width                 : auto;
    max-width             : 1140px;
    padding-bottom        : 15px;
}

footer .logos img {
    width                 : 20px;
}

/* THEME CONTACT US /////////////////////////*/

.contact-box {
    width                   : 100%;
    float                   : left;
    margin                  : 50px 0;
}

.contact-box-flex {
    display                 : flex;
    flex-wrap               : wrap;
    justify-content         : space-between;
}

.contact-left,
.contact-right {
    flex                    : 0 0 48%;
    max-width               : 48%;
}

.contact-title h1 {
    font-size               : 40px;
    text-align              : left;
    font-weight             : 300;
}

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

.contact-right .contact-title h1 {
    text-align              : right !important;
}

.contact-info {
    margin                  : 40px 0;
}

.contact-info p {
    margin                  : 20px 0;
}

.contact-info i {
    font-size               : 24px;
    margin-right            : 15px;
}

.map {
    flex                    : 0 0 100%;
    max-width               : 100%;
}

.contact-form-title {
    margin                  : 40px 0;
}

.contact-form-title p {
    text-align: right;
}

.request_homepage .slide-overlay {
    bottom: 150px;
}


.added .header-navigation {top: 3px;}
.added .header-bottom {height: 60px;}

header.header .header-top {
    height: 100%;
}

.scroll header.header{
    border-bottom: 2px solid #eb6216;
}

.scroll .header-navigation {
    top: 0;
}

.scroll .header-bottom-flex {
    padding: 15px 0;
}

.scroll .logo img {
    max-width: 65% !important;
}

.article-header .article-title {
    font-size: 26px;
    bottom: 5px;
    width: 60%;
    font-weight: 500;
    background: #eb6216;
    border-radius: 0;
    color: #fff;
}

.blog-container .date_box {
    margin-top: 20px;
}

.blog-container ul.article-menu li a:hover, .blog-container ul.article-menu li.active a {
    color       : #eb6216;
}

.blog-container .wrap_articles {
    width       : 60%;
    margin      : 0 20%;
}

.blog-container .wrap_articles .article,
.wrap_articles .article {
    width           : 100%;
    display         : flex;
    flex-wrap       : wrap;
    justify-content : space-between;
    padding         : 1%;
    border-radius   : 0;
    align-items     : center;
}

.blog-container .wrap_articles .article .image_box,
.wrap_articles .article .image_box {
    flex        : 0 0 48%;
    max-width   : 48%;
    order       : 2;
    overflow    : hidden;
}

.blog-container .text_box,
.wrap_articles .article .text_box {
    flex        : 0 0 48%;
    max-width   : 48%;
    order       : 1;
}

.blog-container .category_box {
    font-size       : 16px;
    color           : #eb6216;
    text-transform  : uppercase;
    text-align      : left;
    margin          : 15px 0;
    font-style      : normal;
}

.blog-container .date_box {
    display         : none;
}

.blog-container .action_box::before {
    display         : none;
}

.blog-container .action_box a,
.action_box a {
    float           : left;
    width           : auto;
    padding         : 10px 20px;
    text-transform  : uppercase;    
    color           : #fff;
    transition      : 0.5s;
}



.blog-container .search select, .blog-container .search input {
    border-radius   : 0;
}

.blog-container .search button {
    border-radius   : 0;
    border          : none;
    color           : #fff;
    width           : 32px;
    height          : 32px;
    min-width       : 32px;
}

.blog-container .search select {
    padding         : 4px;
}

.blog-container .search form > * {
    margin          : 0 10px 0 0;
}

.wrap_articles .article img:hover {
    max-width       : 150%;
    width           : 150%;
}

.category-placeholder {
    margin: 15px 0;
}

.similar-boxes .similar-box {
    border: 2px solid #eb6216;
    padding: 10px;
}

.similar-boxes .similar-box img {
    height: auto;
}

.similar-boxes .similar-title {
    text-align: left;
    color: #eb6216;
}

.similar-boxes .similar-date {
    color: #555555;
}

.similar-boxes .similar-text {
    text-align: justify;
    font-size: 14px;
}

.similar-boxes .similar-box img {
    transition: 0.5s;
}

.similar-boxes .similar-image {
    overflow: hidden;
}

.similar-boxes .similar-box img:hover {
    transform: scale(1.2) !important;
}

.wrap_articles .article img {
    transition: 0.5s;
}

.request_latest_articles .container {
    max-width: 1140px;
}

.latest-articles-header {
    font-size: 36px;
    margin: 0 10px;
    text-transform: uppercase;
    text-align: left;
    color: #eb6216;
}

.request_latest_articles .wrap_articles {
    margin-bottom: 50px;
}
.wrap_realizations .image_box a, .wrap_realizations .image_box a img {height: 100%;object-fit: cover !important;}
.realization-container {width: 1140px; max-width: 100%}
.wrap_realizations .image_box a {width: 100%}

@media only screen and (max-width: 1024px){

    .header-contact { display: none;}
    .header-navigation {display: none;}
    .header .logo img { max-width: 100px !important;}
    .footer-col p {justify-content: center;}
    .header-bottom-flex {padding: 10px 0;}
    .request_homepage .slideshow .slide .slide-title {width: 100%; margin: 0;}

    .slide-overlay {padding: 0 !important;}

    /* BLOG STYLES */
    header.header .header-top {display: none !important;}
    .article-header .article-title {width: 100%; position: relative; font-size: 6vw;}
    .blog-left {top: 52px;}

    .blog-container .search, .blog-container .search form {flex-wrap: wrap;}
    .blog-container .search form > * {margin: 0 10px 10px 0;}
    .blog-container .wrap_articles {width: 100%; margin: 0;}
    .blog-container .wrap_articles .article .image_box {flex: 0 0 100%; max-width: 100%;}
    .blog-container .text_box {flex: 0 0 100%; max-width: 100%;}
    .blog-container .action_box a {display: inline-block; float: none;}
    .latest-articles-header {text-align: center; margin: 0 0 20px;}
    .blog-container .wrap_articles .article .image_box, .wrap_articles .article .image_box {flex: 0 0 100%; max-width: 100%;}
    .blog-container .text_box, .wrap_articles .article .text_box {flex: 0 0 100%; max-width: 100%;}
    .module_wrapper.request_latest_articles .wrap_articles .article {margin: 0 0 20px;}
    
}

@media only screen and (max-width: 860px){

    .home_box_link {top: 0;}
    .slide-overlay {bottom: 10px;}
    .home_box_link {flex: 0 0 100%; max-width: 100%;}
    .header-bottom-flex {padding: 0 !important;}


}

@media only screen and (max-width: 860px) {

    .request_homepage .slide-overlay {bottom: 0;}
    .slideshow {max-height: 400px !important;}
    .call-to-action-flex {padding: 50px 2%;}
    .request_homepage .slideshow .slide .slide-title { font-size: 7vw;}

}

@media only screen and (max-width: 768px) {

    .bee-row-content:not(.no_stack) {display: table;}

}

@media only screen and (max-width: 480px) {

    .home_box_link {padding: 0 !important;}
    .home_box_link p {padding: 10px 12px !important;}

}