/************************** 
* Transition
***************************/
.transition {
  -webkit-transition: all .5s ease-in-out !important;
  -o-transition: all .5s ease-in-out !important;
  transition: all .5s ease-in-out !important; }

/************************** 
* Box Shadow
***************************/
.box-shadownone {
  -webkit-box-shadow: none;
  box-shadow: none; }

/************************** 
* Box Sizing
***************************/
.box-sizing {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/************************** 
* Transition Transforme
***************************/
.transTransforme {
  -webkit-transition: transform 330ms ease-out;
  -moz-transition: transform 330ms ease-out;
  -o-transition: transform 330ms ease-out;
  transition: transform 330ms ease-out; }

/************************** 
* Media Queries
***************************/
/************************** 
* General Style
***************************/
body {
  background-color: #191a1c; }

.fixblok {
  background: #1d1e20 !important;
  /* Deleted after class */ }

.draw {
  border: 1px solid rgba(255, 255, 255, 0.1) !important; }

.brd {
  border-right: 1px solid rgba(255, 255, 255, 0.1); }

.form-control {
  border-color: rgba(255, 255, 255, 0.1); }

.top-link {
  border: 1px solid rgba(255, 255, 255, 0.1); }

.br-lr {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(255, 255, 255, 0.1); }

.separator {
  color: #9da1a5; }

.read-more {
  color: #9da1a5; }

.maintitle {
  color: #ffffff; }

/************************** 
* Full Header
***************************/
#header {
  /*     background: url(https://via.placeholder.com/1259x757) repeat scroll center center/cover; */ }
  #header:before {
    background: #191a1c; }
  #header .head-info .header-content span {
    color: #9da1a5; }
  #header .head-info .header-content .subtitle::before {
    background: rgba(255, 255, 255, 0.1); }
  #header .head-info .header-content span.ville {
    color: #ffffff; }
  #header .head-info .header-content .textfull {
    color: transparent;
    -webkit-text-stroke: 1px #ffffff; }
  #header .head-info .header-content .location .listlocaion li:before {
    background: rgba(255, 255, 255, 0.1); }

/************************** 
* Navbar Top
***************************/
@media (max-width: 991px) {
  .navbar-wrapper .container .fullcontainer {
    background: transparent !important; } }
.navbar-wrapper .navfixed.scrolled {
  background: #1d1e20; }
.full-container .navbar-wrapper .navfixed.bgactive {
    background: #1d1e20; }
.navbar-wrapper .mainmenunav .cd-primary-nav {
  background-image: url(../images/bg-paterns.png);
  background-color: #191a1c; }

.nav-styletwo.scrolled {
  background: #1d1e20; }

.logo-dark {
  display: none; }

.dl-side-content .logo {
  background-color: #191a1c; }

/************************** 
* Sidebar Menu
***************************/
.dl-fixed-sidebar {
  background-color: #1d1e20 !important; }
  .dl-fixed-sidebar .dl-menu-fixed ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; }
    .dl-fixed-sidebar .dl-menu-fixed ul li a {
      color: #9da1a5; }
  .dl-fixed-sidebar .line {
    background: rgba(255, 255, 255, 0.1) !important; }

/************************** 
* About Us
***************************/
.about .about-blok .aboutinfo .about-img {
  border: 1px solid rgba(255, 255, 255, 0.1); }
  .about .about-blok .aboutinfo .about-img:after {
    /*  content: '';
    position: absolute;
    bottom: 17px;
    left: 30px;
    width: 60%;
    height: 5px;
    z-index: 2; */ }
.about .about-blok .aboutinfo .about-descr .title {
  color: #ffffff; }
.about .about-blok .aboutinfo .about-descr .fa {
  color: #9da1a5; }
.about .skills-bar-container li .progressbar-title {
  color: #ffffff; }
  .about .skills-bar-container li .progressbar-title h3 {
    color: #9da1a5; }
  .about .skills-bar-container li .progressbar-title .percent {
    color: #9da1a5; }
.about .skills-bar-container li .bar-container {
  background: #555555; }
.about .hvr-shutter-in-horizontal {
  background: transparent;
  color: #9da1a5; }
  .about .hvr-shutter-in-horizontal:before {
    background: transparent !important; }

/************************** 
* services
***************************/
.services .cont-services {
  background: none; }
  .services .cont-services .servfix .services-block:hover {
    background: transparent !important; }
.services .services-item:first-of-type .services-block {
  background: #1a1a1a; }
.services .services-item:nth-of-type(2) .services-block {
  background: #222222;
  margin-top: 20px; }
.services .services-item:last-of-type .services-block {
  background: #1a1a1a; }

/************************** 
* Counetr 
***************************/
.counter .fullcounter {
  border: 25px solid #1d1e20;
  background-color: #191a1c; }
  .counter .fullcounter h3 span {
    color: #9da1a5; }

.icons-fonts {
  color: #ffffff; }

/************************** 
* Portfolio
***************************/
.portfolio .portfolio-item {
  background: #191a1c; }
  .portfolio .portfolio-item .portfolio-thumbnail .overlay {
    background: rgba(29, 30, 32, 0.3); }
    .portfolio .portfolio-item .portfolio-thumbnail .overlay .content-port .fa {
      color: #ffffff;
      background: rgba(29, 30, 32, 0.5); }
  .portfolio .portfolio-item .portfolio-thumbnail .botom-thumbnail {
    /*     background: transparent !important; */ }
    .portfolio .portfolio-item .portfolio-thumbnail .botom-thumbnail p {
      color: #9da1a5; }

/************************** 
* resume
***************************/
.resume .resume-item:first-child .resume-info {
  background: #1a1a1a; }
.resume .resume-item:nth-child(02) .resume-info {
  background: #222222;
  border-top: 3px solid #ffdb66 !important;
  margin-top: 20px; }
  .resume .resume-item:nth-child(02) .resume-info .res-line {
    background: #ffdb66; }
.resume .resume-item:last-child .resume-info {
  border-top: 3px solid #0cc7dd !important;
  background: #1a1a1a; }
  .resume .resume-item:last-child .resume-info .res-line {
    background: #0cc7dd; }

/************************** 
* Team
***************************/
.team .teamiteam .imgteam .socials-media ul li {
  /*   background: $bgone-one; */
  background: #1a1a1a; }
  .team .teamiteam .imgteam .socials-media ul li .fa {
    color: #ffffff; }
.team .teamiteam .btmteam .separator {
  color: #9da1a5; }
.team .teamiteam-iteam:first-of-type .teamiteam {
  background: #1a1a1a; }
.team .teamiteam-iteam:nth-of-type(2) .teamiteam {
  background: #222222;
  margin-top: 20px; }
.team .teamiteam-iteam:last-of-type .teamiteam {
  background: #1a1a1a; }

/************************** 
* Journal
***************************/
.journal .journal-item:first-of-type .journal-info {
  background: #1a1a1a; }
  .journal .journal-item:first-of-type .journal-info::after {
    background-color: #f25850; }
.journal .journal-item:nth-of-type(02) .journal-info {
  background: #222222;
  margin-top: 20px; }
  .journal .journal-item:nth-of-type(02) .journal-info::after {
    background-color: #ffdb66; }
.journal .journal-item:last-of-type .journal-info {
  background: #1a1a1a; }
  .journal .journal-item:last-of-type .journal-info::after {
    background-color: #0cc7dd; }

/************************** 
* Contact
***************************/
.infcontactfull {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: #191a1c; }

.contact .contact-block span {
  color: #9da1a5; }
.contact .contact-form .form-inline .form-group {
  background-color: #191a1c; }
.contact .contact-form .form-inline .btn i {
  color: #ffffff; }
.contact .socials-media ul li {
  /*  background: $bgone-one; */
  background: #222222; }
  .contact .socials-media ul li .fa {
    color: #ffffff; }
  .contact .socials-media ul li:hover .fa {
    color: #ffffff; }

/*  */
/************************** 
* Header Follow 
***************************/
.header-follow p:after {
  background-color: rgba(255, 255, 255, 0.1); }

/************************** 
* Footer
***************************/
#footer {
  background: #1d1e20; }