:root {
    --white: 250, 250, 250;
    --black: 0,0,0;

    --choco: 170, 119, 77;

    --accent-font: Futura;
    --main-font: Futura;
 }

 :root {
    --body-bg: rgb(var(--black));
    --loader-color: rgba(var(--choco),1);
    --loader-opacity: 0.5;
    --body-text: rgb(var(--black));

    --body-font: normal normal 17px/1.2 var(--main-font), Verdana, sans-serif;
    --menu-font: normal normal 17px/1.8 var(--main-font);
    --slogan-text: rgb(var(--black));
    --slogan-transform: none;
    --menu-transform: capitalize;
    --header-font: 200 normal 40px/0.9 var(--accent-font);
    --subheader-font: 600 normal 23px/1 var(--main-font);
    --header-transform: uppercase;
    --subheader-transform: none;
    --accented-font: bold normal 40px/0.8 var(--main-font);
    --button-font: 600 normal 15px/1.2 var(--main-font);
    --button-transform: uppercase;
    --button-padding: 10px 15px 10px;
    --button-text: rgb(var(--white));
    --button-bg: rgb(var(--choco));
    --button-border: 2px solid rgb(var(--choco));
    --button-hover-border: 2px solid rgb(var(--choco));
    --button-hover-bg: linear-gradient(to right, rgba(var(--white),0) 10%, rgba(var(--white),0.5));
    --button-hover-text: rgb(var(--choco));
    --input-font: var(--main-font);

    --menu-text: rgb(var(--white));
    --menu-active: rgb(var(--choco));
    --menu-bg: rgb(var(--black));
    --menu-stuck-bg: rgb(var(--black));
    --menu-mobile-panel-bg: rgb(var(--black));
    --menu-mobile-bg: rgb(var(--white));
    --menu-mobile-text: rgb(var(--black));
    --menu-mobile-active: rgb(var(--choco));
    --menu-mobile-padding: 140px calc(100% - 220px) 0 40px;
    --menu-mobile-inner-padding: 0 15px 0 15px;
    --menu-padding: 15px 0px 15px;
    --menu-inner-padding: 5px 10px 8px 10px;
    --menu-toggle: rgb(var(--choco));
    
    --menu-mobile-filter: none;
    --menu-stuck-filter: none;
    --menu-icon: rgb(var(--choco));
    --menu-icon-bg: transparent;
    --footer-icon: var(--menu-icon);
    --fotter-hover-bg: transparent;

    --mark-bg: rgba(var(--choco),0.25);
    --mark-text: rgb(var(--black));

    --menu-dropdown-bg: rgb(var(--choco));
    --menu-dropdown-radius: 0;
    --menu-dropdown-width: 240px;

    --submenu-font: normal normal 15px/1.1 var(--main-font);
    --submenu-mobile-font: normal normal 14px/1.1 var(--main-font);
    --submenu-mobile-text: rgb(var(--black));
    --submenu-text: rgb(var(--white));
    --submenu-active: rgb(var(--black));
    --submenu-offset: 15px;
    --submenu-mobile-padding: 10px 0px 0px 15px;

    --menu-toggle-height: 2px;

    --first-height: min(600px, 50vh);
    --first-text: rgb(var(--black));
    --first-font: 600 normal 35px/0.9 var(--accent-font);
    --first-shadow: none;
    --slogan-shadow: none;

    --first-plain-bg: linear-gradient(to right, rgba(var(--choco),0.3),rgba(var(--choco),0.3)),linear-gradient(to right, rgba(var(--white),1),rgba(var(--white),1));

    --inside-first-text: rgb(var(--black));
    --inside-first-font: 600 normal 25px/0.9 var(--accent-font);
    --inside-first-height: min(300px, 30vh);

    --dropdown-text: rgb(var(--white));
    --dropdown-bg: rgb(var(--black));
    --dropdown-active: rgb(var(--choco));
    --dropdown-hover: rgb(var(--choco));

    --primary-bg: rgb(var(--white));
    --primary-text: rgb(var(--black));
    --primary-header: rgb(var(--black));
    --primary-subheader: rgb(var(--black));


    --invert-bg: rgb(var(--black));
    --invert-text: rgb(var(--white));
    --invert-header: rgb(var(--white));
    --invert-button-hover-bg: transparent;

    --primary-text: rgb(var(--black));
    --primary-header: rgb(var(--black));
    --primary-subheader: rgb(var(--black));

    --link-hover: rgb(var(--choco));

    --input-bg:rgba(var(--choco),0.25);
    --input-text:rgb(var(--black));
    --label-text: rgba(var(--choco),1);

    --input-radius: 0;
    --button-radius: 0;
    --block-radius: 0;
    --accent-radius: 0;
    --icon-radius: 50%;
    --icon-hover-bg:  transparent;
    --icon-hover:  rgb(var(--white));
    --loader-radius: 0;

    --first-before-bg: rgba(var(--white),0.75);
    --image-before-bg: linear-gradient(to right, rgba(var(--white),0.75) 10%, rgba(var(--white),0.75));

    --footer-text: rgba(var(--white),1);
    --footer-bg: rgb(var(--black));
    --footer-font: normal normal 14px/1.1 var(--main-font);
    --footer-padding: 20px 20px 30px 20px;

    --totop-hover: rgba(var(--choco),0.5);
    --totop-text: rgb(var(--white));

    --logo-fixed: 40px;
    --logo-stuck: 48px;
    --logo-mobile: 55px;

    --isotope-margin: 8px;
    --isotope-radius: 0;
    --isotope-font: normal normal 20px/1.1 var(--main-font);
    --isotope-text: rgb(var(--black));

    --boxline-padding: 0;
   
    --quote-bg: transparent;
    --quote-text: rgb(var(--black));
    --quote-header: rgb(var(--choco));
    --quote-padding: 20px 50px;
    --quote-border: 2px solid rgb(var(--choco));
    --quote-radius: 0;
    --quote-scroll-bg: rgba(var(--choco),0.2);
    --quote-scroll: rgba(var(--choco),1);
    --quote-mark: 200 normal 40px/0.9 var(--accent-font);
    --quote-color: rgba(var(--choco),1);

   --pricelist-button-width: 130px;
   --pricelist-border: 0;

   --snackbars-bg: rgb(var(--choco));
   --snackbars-font: normal normal 20px/1.1 var(--main-font);
   --snackbars-text: rgb(var(--black));

 }

 @media(max-width:992px) {
   :root {
      --icon-hover:  rgb(var(--black));
   }
 }

 @media (max-width:768px) {
   :root {
   }
 }

 @media (max-width:496px) {
   :root {
      --quote-padding: 30px 20px 20px 20px;
   }
 }

 @media (max-width:356px) {
   :root {
   }
 }

@font-face {
   font-family: "Futura";
   src:url(../fonts/user/futura.ttf);
   src:url(../fonts/user/futura.ttf)format("truetype");
   font-weight:600;
   font-style:normal
}

@font-face {
   font-family: "Futura";
   src:url(../fonts/user/futura_italic.ttf);
   src:url(../fonts/user/futura_italic.ttf)format("truetype");
   font-weight:600;
   font-style:italic
}

@font-face {
   font-family: "Futura";
   src:url(../fonts/user/futura_light.ttf);
   src:url(../fonts/user/futura_light.ttf) format("truetype");
   font-weight:400;
   font-style:normal
}

@font-face {
   font-family: "Futura";
   src:url(../fonts/user/futura_light_italic.ttf);
   src:url(../fonts/user/futura_light_italic.ttf)format("truetype");
   font-weight:400;
   font-style:italic
}

@font-face {
   font-family: "Futura";
   src:url(../fonts/user/futura_black.ttf);
   src:url(../fonts/user/futura_black.ttf)format("truetype");
   font-weight:1000;
   font-style:normal
}

@font-face {
   font-family: "Futura";
   src:url(../fonts/user/futura_black_italic.ttf);
   src:url(../fonts/user/futura_black_italic.ttf)format("truetype");
   font-weight:1000;
   font-style:italic
}


.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav>li>a {
   padding-top: 10px;
   padding-bottom: 12px;
}

.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-main {
   padding: 4px 0 !important;
}

.rd-navbar-static .rd-navbar-element li {
   display: inline-block !important;
}

.current {
   border-bottom: 4px solid rgb(var(--choco));
   margin-bottom: -4px;
}

.rd-navbar-fixed .current.rd-navbar-submenu {
   padding-bottom: 15px;
}

.rd-navbar-static .current>a {
   color: var(--menu-text) !important;
}

.rd-navbar-element .list-inline>li {
   padding: 0 !important;

}

.post-quote {
   display: flex;
   flex-direction: column-reverse;
   justify-content: center;
   margin-right: -3px;
   clip-path: polygon(100% 0, 100% 100%, 148px 100%, 148px calc(100% - 6px), 80px calc(100% - 6px), 80px 100%, 0 100%, 0 0);
   min-height: 300px !important;
}

@media(min-width:1200px) {
   .post-quote {
      min-height: 250px !important;
   }
   
}

@media(max-width:992px) {
   .post-quote {
      min-height: 350px !important;
   }
   
}


@media(max-width:768px) {
   .post-quote {
      min-height: 200px !important;
   }
   
}

.post-quote {
   position: relative;
   margin-bottom: 35px;
   z-index: 5;
}

.post-boxed {
   max-width: calc(100% - 8px) !important;
   position: relative;
}

.post-boxed::after {
   content: "";
   position: absolute;
   left: 89px;
   bottom: -25px;
   width: 50px;
   height: 50px;
   transform: rotate(-45deg);
   border-bottom: var(--quote-border);
   border-left: var(--quote-border);
   background-color: var(--quote-bg);
   z-index: -1;
}

.thumb-ruby__title {
   display: none;
}

p .fa::before {
   display: inline-block;
   width: 25px;
   color: rgb(var(--choco));
}

.button {
   position: relative;
   border-left: 0 !important;
}

.button:hover {
   border-left-color: transparent !important;
}

.button::before {
   content: "";
   background-color: inherit;
   top: 0;
   right: 0;
   width: 100%;
   height: 100%;
   position: absolute;
   transition: all 0.3s ease-in-out;
   z-index: -1;
}

.button:hover::before {
   width: 1px;
}

.border-round {
   border: var(--button-border);
   border-color: rgb(var(--black));
   border-left: 0;
   margin-left: auto;
   margin-right: auto;
   padding-top: 30px;
   padding-bottom: 40px;
   padding-left: 0 !important;
   padding-right: 40px !important;
   position: relative;
}

.bg-invert .border-round {
   border-color: rgb(var(--choco));
}

.bg-invert .border-round::after {
   background-color: rgb(var(--choco));
}

.bg-primary h2:first-of-type, .border-top, .bg-primary .heading-2:first-of-type {
   position: relative;
}

.bg-primary h2:first-of-type::after, .bg-primary .heading-2:first-of-type::after, .border-round::after, #portfolio_short .range::after {
   content: "";
   position: absolute;
   width: 100px;
   height: 7px;
   top: 0px;
   left: 0;
   background-color: rgb(var(--black));
}

.bg-primary h2:first-of-type::after, .bg-primary .heading-2:first-of-type::after, #portfolio_short .range::after {
   background-color: rgb(var(--choco)) !important;
}

.first-block + .bg-primary:not(.bg-image), .inside-first-block + .bg-primary:not(.bg-image) {
   padding-top: 60px !important;
}

#contacts {
   padding-top: 90px !important;
}

.bg-primary h2:first-of-type::after, .bg-primary .heading-2:first-of-type::after, #portfolio_short .range::after {
   top: -60px;
}

@media(max-width:992px) {
   .bg-primary .range::after {
      top: -40px;
   }
}

.rd-navbar-static .rd-navbar-element {
   margin-left: 60px !important;
}

.rd-navbar-static .fa-email, .rd-navbar-static .fa-phone {
   display: none;
}

@media(min-width:476px) {
   .infoblock {
      padding-right: 40px;
   }

}

footer .icon {
   transform: scale(0.7);
}

footer .list-icons {
   margin-left: -17px;
}

.isotope {
   margin-top: -80px;
}

@media(max-width: 992px) {
   .isotope {
      margin-top: -60px;
   }
}

@media(min-width:476px) {

   #bridal_about .cell-xs-12 h2, #occasion_about .cell-xs-12 h2, #beforeafter_about .cell-xs-12 h2, #studio_about .cell-xs-12 h2, #headshots_about .cell-xs-12 h2 {
      width: 50%;
   }
   
   #bridal_about .cell-xs-12:last-of-type, #occasion_about .cell-xs-12:last-of-type, #beforeafter_about .cell-xs-12:last-of-type, #headshots_about .cell-xs-12:last-of-type, #studio_about .cell-xs-12:last-of-type {
      text-align: right;
      position: absolute;
      top: 0;
      right: 0;
   }
}

@media(min-width:786px) {

   #bridal_about .button, #occasion_about .button, #beforeafter_about .button, #headshots_about .button, #studio_about .button {
      margin-top: 0 !important;
   }
}

.button.load-more {
   background: var(--button-hover-bg) !important;
   color: var(--button-hover-text) !important;
   margin-top: -30px !important;
   margin-left: auto !important;
   margin-bottom: 20px !important;
}

.button.load-more:hover {
   background: var(--button-bg) !important;
   color: var(--button-text) !important;
}

.button.load-more::before {
   display: none !important;
}

#services .button.load-more {
   margin-top: 20px !important;
}

#services .cell-xs-6 {
   display: inline-flex;
   align-items: flex-end;
}

.owl-arrow-next {
   background-position: top right !important;
}

.owl-arrow:hover {
   opacity: 1 !important;
   filter: invert(52%) sepia(33%) saturate(503%) hue-rotate(333deg) brightness(98%) contrast(84%);
}

.owl-arrow {
   transform: translateY(calc(-50% - 25px)) !important;
}

.dot-before::before {
   content: "";
   display: inline-block;
   width: 7px;
   height: 7px;
   background: rgb(var(--choco));
   margin-right: 3px;
}

.price-group {
   display: block;
   padding: 20px;
   padding-left: 0;
   border: var(--button-border);
   border-left: 0;
}

.price-item {
   flex-wrap: wrap !important;
}

.price-item span {
   font-weight: 600 !important;
}

.price-item span:first-child {
   width: 70% !important;
   color: rgb(var(--choco));
}

.price-item span:nth-child(2) {
   text-align: right;
   width: 30% !important;
}

.price-item span:last-child {
   flex-basis: 100%;
   text-align: left;
   font-style: italic;
   font-size: 13px;
   padding-bottom: 10px !important;
   padding-top: 5px !important;
   margin-top: -5px !important;
   margin-bottom: -5px !important;
   padding-left: 0;
   color: rgb(var(--choco));
}

.price-item span:last-child:not(:empty)::before {
   content: "(";
}
.price-item span:last-child:not(:empty)::after {
   content: ")";
}

@media(max-width: 400px) {
   .price-item span {
      flex-basis: 100% !important;
      text-align: left !important;
      padding-left: 0 !important;
   }
}

@media(min-width:468px) {
.box-line {
   margin-left: -28px !important;
}
}

@media(min-width:768px) {
   .box-line {
      margin-top: -30px !important;
      margin-left: 0;
   }

}

#contacts .content {
   max-width: 350px;
   padding-right: 30px;
}

#contacts .dot-before {
   margin-top: 30px !important;
}

.infoblock-has-image-left {
   align-items: flex-start !important;
}

.infoblocks-image.infoblocks-image-left {
   max-width: 100% !important;
   margin-right: auto !important;
}

@media(min-width:768px) {
   .infoblocks-image.infoblocks-image-left {
      max-width: 33% !important;
      margin-right: 50px !important;
   }
}

#portfolio_short .range::before {
   content: "Portfolio";
   text-transform: uppercase;
   display: block;
   flex-basis: 100%;
   font: var(--header-font);
   text-transform: uppercase;
   padding-left: 15px;
}

#portfolio_short .range::after {
   left: 15px;
}

#portfolio_short, #prices_block {
   margin-top: 0 !important;
}

#portfolio_short {
   border-top: 30px solid rgb(var(--white));
}


#portfolio_short .bg-image {
   min-height: 200px;
   border-right: 15px solid rgb(var(--white));
   position: relative;
}

#portfolio_short .bg-image::after {
   content: "";
   background: var(--image-before-bg);
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 0;
}

#portfolio_short .bg-image:first-child {
   border-left: 15px solid rgb(var(--white));
}

#portfolio_short .bg-image a {
   z-index: 10;
   position: relative;
}

#portfolio_short a img {
   transition: all 0.3s ease-in;
}

@media(max-width:768px) {
   #portfolio_short a img {
      max-width: 130%;
   }
}

#portfolio_short a {
      display: inline-flex;
      overflow: hidden;
      max-height: 280px;
      align-items: center;
}

@media(min-width:1200px) {
   #portfolio_short a {
      max-height: 350px;
}
}

#portfolio_short a:hover img {
   transform: scale(1.1);
}

@media(max-width:992px) {
   .bg-primary+.bg-primary {
      margin-top: 0 !important;
   }
}

.infoblock-has-image-left:not(:first-of-type) {
   margin-top: 60px;
}

.infoblock-has-image-left:not(:first-of-type):has(h2:first-child) {
   margin-top: 100px;
}