@font-face {
  font-family: 'JosefinSans-Thin';
  src: url("../fonts/JosefinSans-Thin.ttf"); }
@font-face {
  font-family: 'Raleway-Thin';
  src: url("../fonts/Raleway-Thin.ttf"); }
@font-face {
  font-family: 'Raleway';
  src: url("../fonts/Raleway-Regular.ttf"); }
@font-face {
  font-family: 'ITC-SerifGothic';
  src: url("../fonts/ITC SerifGotLig.ttf"); }
.loader {
  position: fixed;
  background-color: #fff;
  width: 100vw;
  height: 100vh;
  z-index: 9999; }
  .loader img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    animation-name: loader;
    animation-duration: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite; }
@keyframes loader {
  0% {
    opacity: 0;
    filter: blur(2px); }
  25% {
    filter: blur(1px); }
  50% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.3);
    filter: blur(0); }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    filter: blur(0); } }
.owl-nav {
  display: none; }

.owl-dots {
  margin-top: 20px; }

.dropdown:hover > .dropdown-menu {
  display: block; }
.dropdown .dropdown-toggle:active {
  pointer-events: none; }

.fa-language {
  font-size: 20px; }

li {
  display: inline; }

.btn {
  box-shadow: none; }
  .btn:hover {
    box-shadow: none; }

.title-line {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; }

body {
  overflow-x: hidden;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #000; }
  body .header .menu-side {
    position: fixed;
    top: 0;
    z-index: 300;
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Raleway-Thin';
    width: 100%; }
    body .header .menu-side .logo-item {
      display: inline-block;
      margin-left: 80px;
      color: transparent; }
      body .header .menu-side .logo-item:hover > .menu-logo2 {
        margin-left: 20px; }
      body .header .menu-side .logo-item .menu-logo1 {
        width: 35px; }
      body .header .menu-side .logo-item .menu-logo2 {
        width: 160px;
        padding-top: 3px;
        transition: .7s all ease-in-out; }
    body .header .menu-side .bars-icon {
      cursor: pointer;
      display: none;
      color: #fff;
      width: 200px;
      border: 2px solid #fff;
      text-align: center; }
      body .header .menu-side .bars-icon .fa-bars {
        font-size: 20px;
        padding: 5px 0; }
    body .header .menu-side .menu-items {
      display: flex;
      color: #fff;
      margin-right: 80px; }
      body .header .menu-side .menu-items .menu-item {
        margin-top: -5px; }
        body .header .menu-side .menu-items .menu-item:hover {
          background-color: transparent; }
        body .header .menu-side .menu-items .menu-item .btn-secondary {
          background: transparent;
          border: none;
          text-transform: uppercase;
          font-size: 13px;
          font-weight: bold;
          text-decoration: none; }
          body .header .menu-side .menu-items .menu-item .btn-secondary:hover {
            color: #A91C51; }
          body .header .menu-side .menu-items .menu-item .btn-secondary:focus {
            outline: none;
            box-shadow: none; }
        body .header .menu-side .menu-items .menu-item .dropdown-toggle::after {
          border: none; }
        body .header .menu-side .menu-items .menu-item .dropdown-menu {
          min-width: 5rem; }
          body .header .menu-side .menu-items .menu-item .dropdown-menu .dropdown-item {
            color: #000;
            font-weight: bold;
            text-transform: uppercase;
            font-size: 12px; }
            body .header .menu-side .menu-items .menu-item .dropdown-menu .dropdown-item:hover {
              color: #A91C51; }
            body .header .menu-side .menu-items .menu-item .dropdown-menu .dropdown-item:focus {
              background: transparent; }
      body .header .menu-side .menu-items .single-item {
        margin-top: -7px; }
  body .header .menu-name {
    height: 90px;
    background: #2e2e2e; }
  body .header .carousel .carousel-inner .carousel-item {
    height: 100vh; }
    body .header .carousel .carousel-inner .carousel-item .d-block {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    body .header .carousel .carousel-inner .carousel-item .homepage-caption {
      font-family: 'ITC-SerifGothic'; }
      body .header .carousel .carousel-inner .carousel-item .homepage-caption .homepage-text {
        font-size: 70px;
        position: absolute;
        right: -10%;
        bottom: 7%;
        animation-name: displayText;
        animation-duration: 3s;
        animation-timing-function: ease-in-out; }
@keyframes displayText {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
    body .header .carousel .carousel-inner .carousel-item .slider-caption {
      position: absolute;
      top: 20%;
      left: auto;
      right: 10%;
      font-family: 'Raleway-Thin';
      text-align: left; }
      body .header .carousel .carousel-inner .carousel-item .slider-caption .painter_name {
        text-decoration: none;
        color: #ebe5e5;
        margin-bottom: 40px;
        display: inline-block;
        font-size: 25px;
        font-weight: bold; }
        body .header .carousel .carousel-inner .carousel-item .slider-caption .painter_name:hover {
          color: #fff; }
      body .header .carousel .carousel-inner .carousel-item .slider-caption .caption-head {
        text-transform: uppercase;
        color: #aaa8a8;
        font-weight: bold; }
      body .header .carousel .carousel-inner .carousel-item .slider-caption .row {
        margin-top: 30px;
        width: 640px; }
        body .header .carousel .carousel-inner .carousel-item .slider-caption .row .col-4 {
          margin-right: -15px;
          animation-name: flyingText;
          animation-duration: 1s;
          animation-timing-function: ease-in-out; }
@keyframes flyingText {
  from {
    margin-right: 0px; }
  to {
    margin-right: -15px; } }
          body .header .carousel .carousel-inner .carousel-item .slider-caption .row .col-4 .col-pictures {
            margin-bottom: 10px;
            object-fit: cover;
            overflow: hidden;
            animation-name: flyingPic;
            animation-duration: 1s;
            animation-timing-function: ease-in-out;
            width: 190px;
            height: 130px;
            position: relative; }
@keyframes flyingPic {
  from {
    margin-top: -50px; }
  to {
    margin-top: 0px; } }
            body .header .carousel .carousel-inner .carousel-item .slider-caption .row .col-4 .col-pictures img {
              display: block;
              overflow: hidden;
              height: 100%;
              min-width: 100%;
              width: auto;
              position: absolute;
              transform: translate(-50%, -50%);
              top: 50%;
              left: 50%;
              transition: 1s ease-in-out; }
              body .header .carousel .carousel-inner .carousel-item .slider-caption .row .col-4 .col-pictures img:hover {
                transform: translate(-50%, -50%) scale(0.8);
                opacity: .7; }
  body .header .carousel .social-icon {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 199; }
    body .header .carousel .social-icon a {
      width: 30px;
      height: 30px;
      border-radius: 30px;
      display: inline-block;
      background: #000;
      position: relative; }
      body .header .carousel .social-icon a .social-media {
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    body .header .carousel .social-icon .gmail {
      transition: .2s all ease-in-out; }
      body .header .carousel .social-icon .gmail:hover {
        background-image: linear-gradient(to right, #3e65cf, #c71610, #f2a60c, #08851b); }
    body .header .carousel .social-icon .instagram {
      transition: .2s all ease-in-out; }
      body .header .carousel .social-icon .instagram:hover {
        background: #e7458e; }
    body .header .carousel .social-icon .facebook {
      transition: .2s all ease-in-out; }
      body .header .carousel .social-icon .facebook:hover {
        background: #3b5998; }
    body .header .carousel .social-icon .youtube {
      transition: .2s all ease-in-out; }
      body .header .carousel .social-icon .youtube:hover {
        background: #FF0000; }
  body .theme-color {
    position: fixed;
    top: 25%;
    z-index: 301;
    height: 350px;
    width: 230px;
    background-color: #fff;
    padding: 3px;
    padding-left: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    border: 1px solid #2e2e2e;
    box-sizing: content-box;
    margin-left: -235px; }
    body .theme-color .main-theme {
      border: 1px solid #2e2e2e;
      position: absolute;
      height: 350px;
      width: 230px; }
      body .theme-color .main-theme .brush-icon {
        position: relative;
        bottom: 315px;
        left: 140px;
        border: none;
        background: #fff;
        width: 50px;
        height: 50px;
        border: 1px solid #2e2e2e;
        border-left: none;
        padding-left: 0; }
        body .theme-color .main-theme .brush-icon .paint-brush {
          width: 47px;
          height: 44px;
          border: 1px solid #2e2e2e;
          border-left: none;
          line-height: 50px; }
          body .theme-color .main-theme .brush-icon .paint-brush .fa-paint-brush {
            font-size: 25px;
            animation-name: brush;
            animation-duration: 1.2s;
            animation-iteration-count: infinite;
            animation-timing-function: ease-in-out;
            animation-delay: 2s; }
@keyframes brush {
  from {
    font-size: 25px; }
  to {
    font-size: 28px; } }
      body .theme-color .main-theme .theme-header {
        border-bottom: 1px solid #2e2e2e;
        padding: 15px 0; }
      body .theme-color .main-theme .theme-buttons button {
        border: 1px solid #b1aeae;
        background: transparent;
        padding: 3px 7px;
        font-size: 12px;
        color: #575656;
        margin-bottom: 20px; }
        body .theme-color .main-theme .theme-buttons button:hover {
          border-color: #575656; }
        body .theme-color .main-theme .theme-buttons button:focus {
          border-color: #000; }
        body .theme-color .main-theme .theme-buttons button .color-icon {
          height: 10px;
          width: 10px;
          display: inline-block;
          border: 1px solid #8a8787;
          border-radius: 2px; }
      body .theme-color .main-theme .all-colors .color-button {
        height: 25px;
        width: 25px;
        transform: rotate(45deg);
        border: none;
        margin: 7px;
        transition: .5s all ease-in; }
        body .theme-color .main-theme .all-colors .color-button:hover {
          transform: rotate(135deg) scale(1.2);
          filter: saturate(1.5); }
  body .up-button {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    bottom: 5%;
    right: 5%;
    z-index: 298; }
    body .up-button span {
      background: #A91C51;
      width: 40px;
      height: 40px;
      display: inline-block;
      transform: rotate(45deg);
      transition: .5s all ease-in-out; }
      body .up-button span:hover {
        background: #fff; }
      body .up-button span:hover > .fa-angle-double-up {
        color: #A91C51; }
      body .up-button span .fa-angle-double-up {
        font-size: 30px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(-45deg);
        color: #222222; }
  body .portfolio {
    background-color: #000;
    color: #fff;
    text-align: center;
    padding-top: 50px; }
    body .portfolio .profile-text {
      margin-top: -35px;
      margin-bottom: 25px; }
    body .portfolio .row {
      margin: auto;
      display: flex;
      align-items: center;
      justify-content: center; }
      body .portfolio .row .about_painter {
        text-align: justify;
        margin-top: 20px; }
      body .portfolio .row .artist-img {
        width: 300px; }
        body .portfolio .row .artist-img .d-block {
          width: 100%;
          height: 100%;
          object-fit: cover; }
    body .portfolio .work_head {
      margin-top: 50px;
      font-size: 40px !important; }
    body .portfolio .profil-head {
      font-size: 30px !important;
      font-family: 'Raleway-Thin';
      border: 1px solid #313131;
      border-radius: 100px;
      padding: 10px 20px;
      transition: .5s all ease-in-out;
      display: inline-block;
      margin-bottom: 20px;
      margin-top: -30px; }
      body .portfolio .profil-head:hover {
        border-color: #fff; }
    body .portfolio .head-text {
      text-decoration: none;
      color: #fff;
      font-weight: 100;
      text-transform: uppercase;
      font-size: 40px;
      font-family: 'Raleway-Thin'; }
    body .portfolio .post-head {
      text-transform: none;
      width: 80%;
      margin: auto;
      margin-bottom: 20px;
      line-height: 1.7;
      font-size: 20px; }
    body .portfolio .view_button {
      display: inline-block;
      border-radius: 50px;
      text-decoration: none;
      color: #fff;
      padding: 10px 20px;
      background-color: #A91C51;
      font-size: 14px;
      transition: .3s all ease-out; }
      body .portfolio .view_button:hover {
        color: #A91C51;
        background-color: #fff; }
    body .portfolio .second-text {
      font-style: italic; }
    body .portfolio .icon {
      padding-bottom: 50px; }
    body .portfolio .portfolio-pictures {
      background-repeat: repeat;
      background-position: center center;
      background-size: cover;
      background-attachment: fixed;
      padding: 0;
      box-sizing: border-box;
      border-width: 35px 35px 25px 35px;
      border-style: solid;
      border-color: transparent; }
      body .portfolio .portfolio-pictures .port-picture {
        padding-left: 0; }
        body .portfolio .portfolio-pictures .port-picture .single-img {
          width: 70%;
          height: auto;
          margin: auto;
          margin-top: -30px; }
          body .portfolio .portfolio-pictures .port-picture .single-img img {
            display: block;
            width: 100%;
            height: 100%; }
        body .portfolio .portfolio-pictures .port-picture .news-img {
          width: 50%;
          margin-bottom: 20px; }
        body .portfolio .portfolio-pictures .port-picture .text-division {
          margin-top: 25px;
          font-size: 20px; }
          body .portfolio .portfolio-pictures .port-picture .text-division .text-head {
            color: #818080; }
          body .portfolio .portfolio-pictures .port-picture .text-division .texts-body {
            font-weight: 100; }
        body .portfolio .portfolio-pictures .port-picture p {
          margin-top: 30px;
          text-align: justify;
          font-weight: 100; }
        body .portfolio .portfolio-pictures .port-picture .tiny-img {
          height: 250px !important; }
          body .portfolio .portfolio-pictures .port-picture .tiny-img .tiny-icon {
            margin-top: 20% !important; }
        body .portfolio .portfolio-pictures .port-picture .port-img {
          margin: auto;
          width: 300px;
          height: 350px;
          border-top: 10px solid #2e2e2e;
          border-left: 10px solid #2e2e2e;
          border-bottom: 10px solid #000;
          border-right: 10px solid #000;
          margin-bottom: 20px; }
          body .portfolio .portfolio-pictures .port-picture .port-img figure {
            width: 100%;
            height: 100%;
            border: 10px solid #fff;
            box-sizing: border-box;
            overflow: hidden;
            object-fit: cover;
            transition: 1.5s ease-in-out;
            position: relative;
            display: block; }
            body .portfolio .portfolio-pictures .port-picture .port-img figure:hover > li > img {
              transform: translate(-50%, -50%) scale(1.3); }
            body .portfolio .portfolio-pictures .port-picture .port-img figure:hover > .linkhover {
              opacity: 1;
              visibility: visible;
              position: absolute;
              top: 0;
              left: 0; }
            body .portfolio .portfolio-pictures .port-picture .port-img figure .linkhover {
              background-color: rgba(169, 28, 81, 0.7);
              box-shadow: 0px 0px 5px 0px black inset;
              height: 100%;
              width: 100%;
              display: flex;
              flex-direction: column;
              justify-content: space-between;
              opacity: 0;
              visibility: hidden; }
              body .portfolio .portfolio-pictures .port-picture .port-img figure .linkhover .hovericon {
                display: flex;
                align-items: center;
                justify-content: center;
                margin-top: 30%; }
                body .portfolio .portfolio-pictures .port-picture .port-img figure .linkhover .hovericon .circle {
                  position: relative;
                  border-radius: 50px;
                  border: 1px solid #fff;
                  width: 45px;
                  height: 45px;
                  margin-left: 20px;
                  transition: .5s ease-in-out;
                  color: #fff;
                  background: transparent; }
                  body .portfolio .portfolio-pictures .port-picture .port-img figure .linkhover .hovericon .circle:hover {
                    background-color: #fff; }
                  body .portfolio .portfolio-pictures .port-picture .port-img figure .linkhover .hovericon .circle:hover > .icons {
                    color: rgba(169, 28, 81, 0.7); }
                  body .portfolio .portfolio-pictures .port-picture .port-img figure .linkhover .hovericon .circle:first-child {
                    margin-left: 0px; }
                  body .portfolio .portfolio-pictures .port-picture .port-img figure .linkhover .hovericon .circle .icons {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%); }
              body .portfolio .portfolio-pictures .port-picture .port-img figure .linkhover .hovertext {
                background-color: rgba(0, 0, 0, 0.2);
                height: 80px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center; }
                body .portfolio .portfolio-pictures .port-picture .port-img figure .linkhover .hovertext .hovertext-mainitem {
                  text-transform: uppercase;
                  margin-bottom: 5px;
                  text-decoration: none;
                  padding: 0;
                  color: #fff; }
            body .portfolio .portfolio-pictures .port-picture .port-img figure img {
              height: 100%;
              min-width: 100%;
              width: auto;
              position: absolute;
              transform: translate(-50%, -50%);
              top: 50%;
              left: 50%;
              overflow: hidden;
              display: block;
              transition: 1.5s ease-out;
              box-shadow: 0px 0px 5px 0px black inset; }
    body .portfolio .structur {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      body .portfolio .structur .port-picture .header-of-img {
        width: 70%;
        margin: auto;
        font-family: 'Raleway-Thin';
        margin-bottom: 30px;
        font-weight: bold;
        font-size: 18px;
        line-height: 1.7; }
      body .portfolio .structur .port-picture .port-img {
        margin: 0 auto;
        width: 500px;
        height: 400px;
        margin-bottom: 30px; }
        body .portfolio .structur .port-picture .port-img figure li img {
          width: 100%;
          min-height: 100%;
          height: auto;
          overflow: hidden; }
        body .portfolio .structur .port-picture .port-img figure .linkhover .hovericon {
          margin-top: 20%; }
    body .portfolio .structure .structure-item {
      margin-bottom: 20px; }
      body .portfolio .structure .structure-item .structure-img {
        width: 180px;
        height: 200px;
        object-fit: cover; }
        body .portfolio .structure .structure-item .structure-img img {
          width: 100%;
          height: 100%; }
      body .portfolio .structure .structure-item .structure-text {
        text-align: left;
        color: gray; }
  body .news-section .owl-carousel {
    margin: auto; }
    body .news-section .owl-carousel .card {
      background: #a19e9e;
      width: 250px;
      height: 370px;
      margin: auto; }
      body .news-section .owl-carousel .card .card-img-top {
        height: 180px; }
      body .news-section .owl-carousel .card .card-body {
        height: 190px;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        body .news-section .owl-carousel .card .card-body p {
          font-size: 13px; }
        body .news-section .owl-carousel .card .card-body .date_button {
          display: flex;
          justify-content: space-between;
          align-items: center; }
          body .news-section .owl-carousel .card .card-body .date_button span {
            font-size: 12px; }
          body .news-section .owl-carousel .card .card-body .date_button .change_button_color {
            font-size: 13px;
            padding: 5px 10px;
            text-transform: inherit;
            background-color: #A91C51;
            border: none; }
            body .news-section .owl-carousel .card .card-body .date_button .change_button_color:hover {
              background-color: #fff;
              color: #A91C51; }
            body .news-section .owl-carousel .card .card-body .date_button .change_button_color:focus {
              box-shadow: none; }
  body .blog {
    background-color: #000;
    color: #fff;
    width: 100vw; }
    body .blog .section-header {
      text-align: center;
      padding: 50px 0; }
      body .blog .section-header h2 {
        font-size: 70px;
        font-family: "Raleway-Thin"; }
    body .blog .contact-section {
      padding-bottom: 50px; }
      body .blog .contact-section .contact-us {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        padding-right: 0;
        font-weight: bold; }
        body .blog .contact-section .contact-us .contact-header {
          font-family: 'Raleway-Thin';
          margin-bottom: 40px;
          font-weight: bold; }
        body .blog .contact-section .contact-us .contact-item {
          margin-bottom: 40px;
          font-family: 'JosefinSans-Thin';
          font-size: 18px; }
          body .blog .contact-section .contact-us .contact-item:hover > .contact-icon {
            transform: rotateY(180deg); }
          body .blog .contact-section .contact-us .contact-item .contact-link {
            text-decoration: none;
            color: #A91C51; }
            body .blog .contact-section .contact-us .contact-item .contact-link:hover {
              filter: saturate(1.5); }
          body .blog .contact-section .contact-us .contact-item .contact-icon {
            margin-right: 10px;
            font-size: 14px;
            transition: .5s all ease-in-out; }
        body .blog .contact-section .contact-us .social a {
          margin-right: 15px;
          font-size: 25px;
          color: #575656; }
          body .blog .contact-section .contact-us .social a:hover:first-child {
            color: #3b5998; }
          body .blog .contact-section .contact-us .social a:hover:nth-child(2) {
            color: #8b723f; }
          body .blog .contact-section .contact-us .social a:hover:nth-child(3) {
            color: #e7458e; }
          body .blog .contact-section .contact-us .social a:hover:last-child {
            color: #e62117; }
    body .blog .privacy-text {
      text-align: justify; }
    body .blog .form-section .form-header {
      font-family: 'Raleway-Thin';
      margin-bottom: 20px;
      font-weight: bold; }
    body .blog .form-section form .form-log {
      width: 100%;
      margin-bottom: 20px; }
      body .blog .form-section form .form-log .form-input {
        width: 49%;
        border: 1px solid rgba(255, 255, 255, 0.15);
        background-color: #252525;
        color: #888888;
        padding: 16px 12px 15px; }
        body .blog .form-section form .form-log .form-input:focus {
          outline: none;
          border-color: rgba(255, 255, 255, 0.35); }
        body .blog .form-section form .form-log .form-input:last-child {
          margin-left: auto;
          margin-right: 0; }
    body .blog .form-section form .row {
      margin-right: 0;
      margin-left: 0; }
    body .blog .form-section form .form-item {
      width: 100%;
      display: block;
      margin-right: 12px;
      border: 1px solid rgba(255, 255, 255, 0.15);
      background-color: #252525;
      color: #888888;
      padding: 16px 12px 15px;
      margin-bottom: 20px;
      resize: none; }
      body .blog .form-section form .form-item:focus {
        outline: none;
        border-color: rgba(255, 255, 255, 0.35); }
    body .blog .form-section form button {
      background-color: transparent;
      color: #fff;
      border: 1px solid #313131;
      padding: 14px 22px;
      text-transform: uppercase;
      font-size: 14px;
      text-decoration: none;
      transition: .5s; }
      body .blog .form-section form button:hover {
        background-color: #A91C51;
        border-color: #A91C51;
        color: #fff; }
    body .blog .blog-slider .vc_item .order_class_right {
      order: 2; }
    body .blog .blog-slider .vc_item .slide {
      padding-left: 0;
      padding-right: 0;
      position: relative; }
      body .blog .blog-slider .vc_item .slide .carousel-inner {
        max-height: 400px;
        width: 100%; }
        body .blog .blog-slider .vc_item .slide .carousel-inner .carousel-item {
          max-height: 400px;
          width: 100%;
          z-index: 1; }
          body .blog .blog-slider .vc_item .slide .carousel-inner .carousel-item .information-hover {
            display: none;
            position: absolute;
            top: 0;
            right: 0;
            padding: 20px;
            background: rgba(0, 0, 0, 0.5);
            transition: .9s all ease-in-out;
            box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.5);
            color: #fff !important; }
          body .blog .blog-slider .vc_item .slide .carousel-inner .carousel-item:hover > .information-hover {
            display: block; }
        body .blog .blog-slider .vc_item .slide .carousel-inner .carousel-line {
          display: inline-block;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          z-index: 1;
          width: 95%;
          height: 95%;
          border: 1px solid #fff; }
    body .blog .blog-slider .vc_item .order_class_left {
      order: 1; }
    body .blog .blog-slider .vc_item .acrylic {
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 0 10%;
      margin: 15px 0; }
      body .blog .blog-slider .vc_item .acrylic h3 {
        font-family: "JosefinSans-Thin";
        font-size: 35px; }
      body .blog .blog-slider .vc_item .acrylic .second-title {
        font-family: "JosefinSans-Thin";
        font-size: 20px;
        margin-bottom: 0; }
      body .blog .blog-slider .vc_item .acrylic .material-text {
        font-size: 13px;
        line-height: 1.7;
        margin-top: 10px;
        margin-bottom: 20px; }
      body .blog .blog-slider .vc_item .acrylic .more_button {
        display: inline-block;
        border-radius: 2px;
        text-decoration: none;
        color: #fff;
        padding: 10px 20px;
        background-color: #A91C51;
        font-size: 14px;
        transition: .3s all ease-out; }
        body .blog .blog-slider .vc_item .acrylic .more_button:hover {
          color: #A91C51;
          background-color: #fff; }
    body .blog .see-more {
      border-radius: 2px;
      background-color: transparent;
      color: #fff;
      border: 1px solid #313131;
      padding: 14px 22px;
      text-transform: uppercase;
      font-size: 14px;
      text-decoration: none;
      transition: .5s; }
      body .blog .see-more:hover {
        background-color: #A91C51;
        border-color: #A91C51;
        color: #fff; }
  body footer {
    background-color: #000;
    padding: 20px 0;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px; }
    body footer .footer-line {
      height: 20px;
      background-position: center;
      background-repeat: repeat-x; }
    body footer .footer-text {
      padding-top: 20px;
      display: flex;
      justify-content: center;
      align-items: center; }
      body footer .footer-text .footer-item {
        text-decoration: none;
        color: #6e6e6e;
        margin-right: 15px;
        transition: .3s all ease-in-out; }
        body footer .footer-text .footer-item:last-child {
          margin-right: 0; }
        body footer .footer-text .footer-item:hover {
          color: #A91C51; }
    body footer .copyright-section .copyright-item {
      text-decoration: none;
      color: #6e6e6e;
      font-size: 12px;
      text-transform: initial; }

@media only screen and (min-width: 1201px) {
  .menu-items {
    visibility: visible !important; } }
@media screen and (max-width: 1200px) and (min-width: 993px) {
  body .header .menu-side {
    flex-direction: column; }
    body .header .menu-side .logo-item {
      margin-left: 0;
      margin-bottom: 20px; }
    body .header .menu-side .menu-items {
      visibility: visible !important;
      margin-right: 0; }
  body .header .menu-name {
    height: 140px; }
  body .portfolio .profile-text {
    font-size: 15px; }
  body .portfolio .structure .structure-item {
    flex-wrap: nowrap; }
    body .portfolio .structure .structure-item .structure-text {
      font-size: 14px; } }
@media screen and (max-width: 992px) and (min-width: 769px) {
  body .header .menu-side {
    flex-direction: column; }
    body .header .menu-side .logo-item {
      margin-left: 0;
      margin-bottom: 20px; }
    body .header .menu-side .menu-items {
      visibility: visible !important;
      margin-right: 0; }
  body .header .menu-name {
    height: 140px; }
  body .header .carousel .carousel-inner .carousel-item {
    height: 550px; }
    body .header .carousel .carousel-inner .carousel-item .homepage-caption .homepage-text {
      font-size: 60px; }
    body .header .carousel .carousel-inner .carousel-item .slider-caption {
      top: 25%; }
      body .header .carousel .carousel-inner .carousel-item .slider-caption .painter_name {
        font-size: 20px; }
      body .header .carousel .carousel-inner .carousel-item .slider-caption .row {
        width: 560px; }
        body .header .carousel .carousel-inner .carousel-item .slider-caption .row .col-4 .col-pictures {
          width: 162px;
          height: 110px; }
  body .portfolio .profile-text {
    font-size: 14px; }
  body .portfolio .profil-head {
    font-size: 30px !important; }
  body .portfolio .head-text {
    font-size: 35px; }
  body .portfolio .post-head {
    font-size: 18px; }
  body .portfolio .structure .structure-item {
    flex-wrap: nowrap; }
    body .portfolio .structure .structure-item .structure-text {
      font-size: 13px; }
  body .blog .section-header h2 {
    font-size: 50px; }
  body .blog .blog-slider .vc_item .order_class_right {
    order: 1; }
  body .blog .blog-slider .vc_item .order_class_left {
    order: 2; } }
@media screen and (max-width: 768px) and (min-width: 577px) {
  body .header .menu-side {
    flex-direction: column; }
    body .header .menu-side .logo-item {
      margin-left: 0;
      margin-bottom: 20px; }
    body .header .menu-side .bars-icon {
      display: block; }
    body .header .menu-side .menu-items {
      visibility: hidden;
      height: 0;
      margin-right: 0;
      flex-direction: column;
      text-align: center;
      border: 1px solid #fff;
      border-top: none;
      width: 200px; }
      body .header .menu-side .menu-items .menu-item {
        margin-top: 0;
        border: 1px solid #fff;
        border-top: none; }
        body .header .menu-side .menu-items .menu-item .dropdown-menu {
          position: static;
          background: transparent;
          text-align: center; }
          body .header .menu-side .menu-items .menu-item .dropdown-menu .dropdown-item {
            color: #fff;
            font-size: 10px; }
  body .header .menu-name {
    height: 140px; }
  body .header .carousel .carousel-inner .carousel-item {
    width: 100vw;
    height: 450px; }
    body .header .carousel .carousel-inner .carousel-item .homepage-caption .homepage-text {
      font-size: 40px;
      position: absolute;
      right: 5%;
      bottom: 20%; }
    body .header .carousel .carousel-inner .carousel-item .slider-caption {
      top: 25%; }
      body .header .carousel .carousel-inner .carousel-item .slider-caption .painter_name {
        margin-bottom: 20px;
        font-size: 20px;
        font-weight: bold; }
      body .header .carousel .carousel-inner .carousel-item .slider-caption .caption-head {
        font-weight: bold;
        font-size: 12px; }
      body .header .carousel .carousel-inner .carousel-item .slider-caption .row {
        width: 430px; }
        body .header .carousel .carousel-inner .carousel-item .slider-caption .row .col-4 .col-pictures {
          width: 120px;
          height: 80px; }
  body .theme-color {
    top: 41%; }
  body .portfolio .profile-text {
    font-size: 13px; }
  body .portfolio .profil-head {
    font-size: 30px !important; }
  body .portfolio .head-text {
    font-size: 30px; }
  body .portfolio .post-head {
    font-size: 17px; }
  body .portfolio .portfolio-header {
    margin-top: 40px; }
  body .portfolio .portfolio-pictures .port-picture {
    width: 300px;
    margin: auto; }
  body .portfolio .portfolio-pictures .img-section {
    width: 450px; }
    body .portfolio .portfolio-pictures .img-section p {
      font-size: 14px; }
  body .portfolio .structur .port-picture {
    width: auto; }
    body .portfolio .structur .port-picture .header-of-img {
      font-size: 17px; }
    body .portfolio .structur .port-picture .port-img {
      width: 450px;
      height: 300px; }
  body .portfolio .structure .structure-item {
    flex-wrap: nowrap; }
    body .portfolio .structure .structure-item .structure-img {
      width: 160px;
      height: 180px; }
    body .portfolio .structure .structure-item .structure-text {
      font-size: 12px; }
  body .blog .section-header h2 {
    margin-top: 50px;
    font-size: 40px; }
  body .blog .contact-section .contact-us {
    padding-left: 50px; }
    body .blog .contact-section .contact-us .contact-header {
      margin-top: 30px; }
  body .blog .blog-slider .vc_item .order_class_right {
    order: 1; }
  body .blog .blog-slider .vc_item .order_class_left {
    order: 2; }
  body .blog .blog-slider .vc_item .acrylic h3 {
    font-size: 40px; } }
@media screen and (max-width: 576px) and (min-width: 320px) {
  body {
    overflow-x: hidden; }
    body .header .menu-side {
      flex-direction: column; }
      body .header .menu-side .logo-item {
        margin-left: 0;
        margin-bottom: 20px; }
        body .header .menu-side .logo-item .menu-logo1 {
          width: 35px; }
        body .header .menu-side .logo-item .menu-logo2 {
          width: 130px; }
      body .header .menu-side .bars-icon {
        display: block;
        border: none;
        margin-top: -25px;
        margin-bottom: 10px; }
        body .header .menu-side .bars-icon .fa-bars {
          font-size: 13px; }
      body .header .menu-side .menu-items {
        visibility: hidden;
        height: 0;
        margin-right: 0;
        flex-direction: column;
        text-align: center;
        border: none;
        min-width: 170px; }
        body .header .menu-side .menu-items .menu-item {
          border: 1px solid #fff;
          border-bottom: none;
          margin-top: 0; }
          body .header .menu-side .menu-items .menu-item:last-child {
            border-bottom: 1px solid #fff; }
          body .header .menu-side .menu-items .menu-item .dropdown-menu {
            position: static;
            background: transparent;
            text-align: center; }
            body .header .menu-side .menu-items .menu-item .dropdown-menu .dropdown-item {
              color: #fff;
              font-size: 10px; }
          body .header .menu-side .menu-items .menu-item .btn-secondary {
            font-size: 12px; }
    body .header .menu-name {
      height: 90px; }
    body .header .carousel .carousel-inner .carousel-item {
      width: 100vw;
      height: 40vh;
      object-fit: cover; }
      body .header .carousel .carousel-inner .carousel-item .homepage-caption .homepage-text {
        font-size: 18px;
        right: 7%;
        bottom: 7%; }
      body .header .carousel .carousel-inner .carousel-item .slider-caption {
        top: 30%; }
        body .header .carousel .carousel-inner .carousel-item .slider-caption .painter_name {
          margin-bottom: 10px;
          font-size: 14px;
          font-weight: bold; }
        body .header .carousel .carousel-inner .carousel-item .slider-caption .caption-head {
          font-size: 6px;
          font-weight: bold; }
        body .header .carousel .carousel-inner .carousel-item .slider-caption .row {
          margin-top: 10px;
          width: 220px; }
          body .header .carousel .carousel-inner .carousel-item .slider-caption .row .col-4 .col-pictures {
            margin-bottom: 4px;
            width: 55px;
            height: 38px; }
    body .header .carousel .social-icon {
      bottom: 5px;
      left: 5px;
      transform: scale(0.7); }
    body .theme-color {
      top: 38%;
      margin-left: -212px;
      transform: scale(0.8); }
    body .up-button {
      transform: scale(0.7); }
    body .portfolio .profile-text {
      font-size: 12px;
      margin-top: 0; }
    body .portfolio .row {
      margin: auto; }
      body .portfolio .row .about_painter {
        text-align: center;
        margin-top: 20px;
        font-size: 12px; }
    body .portfolio .work_head {
      margin-top: 50px;
      font-size: 25px !important; }
    body .portfolio .head-text {
      font-size: 25px; }
    body .portfolio .post-head {
      font-size: 14px; }
    body .portfolio .view_button {
      padding: 7px 14px;
      font-size: 12px; }
    body .portfolio .icon {
      padding-bottom: 20px; }
    body .portfolio .portfolio-pictures {
      border-width: 15px 15px 5px 15px; }
      body .portfolio .portfolio-pictures .port-picture p {
        font-size: 12px; }
      body .portfolio .portfolio-pictures .port-picture .single-img {
        margin-top: 0; }
      body .portfolio .portfolio-pictures .port-picture .news-img {
        width: 100%; }
      body .portfolio .portfolio-pictures .port-picture span {
        font-size: 12px; }
      body .portfolio .portfolio-pictures .port-picture .text-division {
        margin-top: 25px;
        font-size: 20px; }
        body .portfolio .portfolio-pictures .port-picture .text-division .text-head {
          font-size: 14px; }
        body .portfolio .portfolio-pictures .port-picture .text-division .texts-body {
          font-size: 14px; }
      body .portfolio .portfolio-pictures .port-picture .tiny-img {
        height: 250px !important; }
        body .portfolio .portfolio-pictures .port-picture .tiny-img .tiny-icon {
          margin-top: 20% !important; }
      body .portfolio .portfolio-pictures .port-picture .port-img {
        width: 280px;
        height: 360px; }
    body .portfolio .structur .port-picture .header-of-img {
      margin-bottom: 25px;
      font-size: 14px; }
    body .portfolio .structur .port-picture .port-img {
      width: 300px;
      height: 200px; }
      body .portfolio .structur .port-picture .port-img figure .linkhover .hovericon {
        transform: scale(0.7);
        margin-top: 10%; }
      body .portfolio .structur .port-picture .port-img figure .linkhover .hovertext {
        height: 60px;
        font-size: 12px; }
    body .portfolio .structure .structure-item .structure-img {
      width: 180px;
      height: 200px;
      margin-bottom: 20px; }
    body .portfolio .structure .structure-item .structure-text {
      text-align: center;
      font-size: 12px; }
    body .blog .section-header h2 {
      font-size: 30px; }
    body .blog .contact-section {
      padding-bottom: 30px; }
      body .blog .contact-section .map-section {
        order: 2; }
      body .blog .contact-section .contact-us {
        order: 1; }
        body .blog .contact-section .contact-us .contact-header {
          font-size: 18px;
          margin: 20px 0 30px 20px; }
        body .blog .contact-section .contact-us .contact-item {
          width: 80%;
          margin-left: 20px;
          margin-bottom: 30px;
          font-size: 14px; }
          body .blog .contact-section .contact-us .contact-item .contact-icon {
            margin-right: 8px;
            font-size: 12px; }
        body .blog .contact-section .contact-us .social {
          margin-left: 0;
          transform: scale(0.8); }
    body .blog .privacy-text {
      width: 80%;
      font-size: 11px; }
    body .blog .form-section {
      width: 80%; }
      body .blog .form-section form .form-log {
        margin-bottom: 0; }
        body .blog .form-section form .form-log .form-input {
          width: 100%;
          padding: 6px 6px 10px;
          margin-bottom: 20px; }
      body .blog .form-section form .form-item {
        padding: 6px 6px 10px; }
      body .blog .form-section form textarea {
        height: 100px; }
      body .blog .form-section form button {
        padding: 8px 14px;
        font-size: 11px; }
    body .blog .blog-slider .vc_item .order_class_right {
      order: 1; }
    body .blog .blog-slider .vc_item .order_class_left {
      order: 2; }
    body .blog .blog-slider .vc_item .acrylic h3 {
      font-size: 25px; }
    body .blog .blog-slider .vc_item .acrylic .material-text {
      font-size: 12px;
      line-height: 1.5; }
    body footer {
      font-size: 10px; }
      body footer .copyright-section .copyright-item {
        font-size: 9px; } }

/*# sourceMappingURL=main.css.map */