@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed:300,400,500,700,800&display=swap');



@font-face {
  
  font-family: 'primary';
  src: url('http://www.alkazart.com//wp-content/themes/understrap-child-master/fonts/primary.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */

}


body {

font-family: 'Fira Sans Condensed', sans-serif;

color: #7f8c8d;

font-weight: 300;


}





body.home {
  
  background: #f4f7f6

}


.section_title p strong {

   font-weight: 600
}


h1, h2, h3, h4 {

      font-weight: 700

}

.wrapper {
   
    padding: 0 !important;
    overflow: hidden;
}


a {

   text-decoration: none !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #636161
}


#back-to-top {
    
    position: fixed;
    bottom: 90px;
    right: 1%;
    z-index: 9999;
    text-align: center;
    line-height: 30px;
    color: #fff;
    cursor: pointer;
    border: 0;
    border-radius: 50%;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    background: #f39c12;
    height: 30px;
    width: 30px;
    line-height: 30px;
}

#back-to-top.show {
    opacity: 1;
}



.hvr-bounce-to-right {
     
     display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;

}

.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f39c12;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}


.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: #fff !important
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.link_orange {

  color: #f39c12;
    font-weight: 600;
    text-transform: uppercase;
}

.link_orange:hover {

   color: #3498db
}


.btn_orange {

     border: 1px solid #f39c12;
    padding: 10px 25px;
    margin-top: 15px;
    border-radius: 25px;
    font-size: 14px;
    display: inline-block;
}


.btn_orange:hover {

  background: #f39c12 !important;
  color: #fff !important;
}


/* NAV */



.custom_nav .container {

   position: relative;
 

}


.nav-down {
  -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-animation: nav-bar-slide-in .3s ease-out;
    animation: nav-bar-slide-in .3s ease-out;
}

.nav-up {
     -webkit-transform: translateY(-100%);
    /* transform: translateY(-100%); */
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out;
        -webkit-animation: nav-bar-slide-in .3s ease-out;
    animation: nav-bar-slide-in .3s ease-out; 
}


.bg-custom {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear,-webkit-transform .5s linear;
    -webkit-animation: nav-bar-slide-in .3s ease-out;
    animation: nav-bar-slide-in .3s ease-out;
}


@keyframes nav-bar-slide-in {
    0 % {
        -webkit - transform: translateY(-100 % );
        transform: translateY(-100 % )
    }
    to {
        -webkit - transform: translateY(0);
        transform: translateY(0)
    }
}


.carousel, #header_init {

   margin-top: 75px;
}

#single-wrapper, #index-wrapper {

   margin-top: 120px;
}


#home_slider {
 

  height: 800px;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;

}



/* Animation delays */

#home_slider h2 {
  animation-delay: 1s;
}

#home_slider p {
  animation-delay: 2s;
}
#home_slider .thisbtn {
  animation-delay: 3s;
}




.row_slider {

   height: 800px;
   padding-left: 50px;
}

#home_slider a {

  text-transform: uppercase;
    padding: 13px 30px;
    color: #f39c12;
    font-weight: 700;
    font-size: 18px;
    border-radius: 5px;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    background: #fff;

}

#home_slider a:hover {

  
}

#home_slider p, #header_init p {

  padding-right: 80px;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 50px;
}


.carousel-content h2, #header_init h1 {

   font-size: 60px;
   color: #fff;
   font-weight: 800;
   
}


.custom_nav {
  
    background: #fff;
    padding: 0;
}

.ls-shadow-top {

  position: absolute;
    background-image: url(http://www.alkazart.com/wp-content/uploads/2020/01/shadow-header.png);
    background-repeat: no-repeat;
    background-position: top center;
    height: 42px;
    width: 100%;
    bottom: 0;
    z-index: 99;
}


.navbar-dark .navbar-nav .nav-link, .dropdown-item {

   color: #7f8c8d;
    text-transform: uppercase;
    padding-right: 20px;
    font-family: 'primary', sans-serif;
    font-size: 12px;
}

.dropdown-item.active, .dropdown-item:active  {

   background: #f39c12
}


.dropdown-item {

   font-size: 11px
}


.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .active>.nav-link {

  color: #f39c12
}


.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    display: block;
    transform: scale(0);
    transition: ease-out 0.3s;
    border: none;
    padding-top: 30px
}
.dropdown:hover .dropdown-menu {
    
    transform: scale(1);
}
.dropdown-menu1
{
  border:none;
  display: block;
    transform: scale(1)!important;
  height: 0px;
  overflow: hidden;
  padding: 0px;
  top: 180px;
  transition: all .3s;
}
.dropdown:hover .dropdown-menu1
{
  display: block;
  top: 100%;
  height: inherit;
}


/* OTHER */

.box-service {

  text-align: center;
    box-shadow: -2px 1px 20px 0px rgba(204, 204, 204, 0.48);
    -webkit-box-shadow: -2px 1px 20px 0px rgba(204, 204, 204, 0.48);
    padding: 20px 40px;
     -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.box-service h2 {

      color: #f39c12;
      margin-top: 15px;
      font-weight: 600;
    font-size: 20px;
    text-transform: uppercase;
}


.img_box {

   position: relative;
}

.hidden_img {

   position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    right: 0;
}

.box-service:hover {

    background: #f39c12;
}


.box-service:hover .hidden_img {

   opacity: 1

}

.box-service:hover .visible_img {

   opacity: 0
}

.box-service:hover h2 {

      color: #fff
}

.box-service:hover p {

   color: #fff
}

visible_img {


}


.nav-links a, #single-wrapper .entry-content a {

    font-weight: 600;
    color: #3498db;
}

/* PORTFOLIO */

.vp-portfolio__filter-wrap {

   margin-bottom: 40px;
}

.vp-filter__style-default .vp-filter__item.vp-filter__item-active>* {
  
  border: none;
  background: #f39c12;
  color: #fff;
  font-weight: 600

}

.vp-filter__style-default .vp-filter__item {

   margin-right: 15px;
}

.vp-filter__style-default .vp-filter__item a {

   text-transform: uppercase;
   font-size: 18px
}


/* SECTION */

.section_title h2 {

   font-size: 45px;
   font-weight: 600;
   color: #7f8c8d
}

.section_title h2 strong {

     font-weight: 800;
     color: #f39c12
}


.section_title p {

   font-weight: 300;
   font-size: 18px;
}

.orange_title h2 {

   color: #f39c12
}


   .owl-prev, .owl-next {
     position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block !important;
    border: 0px solid black;
    color: #fff !important;
    background: #f39c12 !important;
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    outline: none !important;
    }
    .owl-prev { left: -80px; }
    .owl-next { right: -80px; }
    .owl-prev i, .owl-next i { color: #fff;}


    .owl-logo img, #all_logo img {

    filter: gray;
    -webkit-filter: grayscale(1);
    -webkit-transition: all .8s ease-in-out;
    }

    .owl-logo img:hover, #all_logo img:hover {

          filter: none;
    -webkit-filter: grayscale(0);
    -webkit-transform: scale(1.01);
    }

/* PORTOFLIO */

body.single-portfolio .custom_nav, body.single-post .custom_nav, body.blog .custom_nav {

    padding-bottom: 10px;
    margin-bottom: 50px;
    box-shadow: 0 0 20px #eee;
}


#single-wrapper h1 {

   font-weight: 600;
   font-size: 32px;
}

#single-wrapper h2 {

   font-size: 26px;
}

#single-wrapper strong {

   font-weight: 600
}

.post_blog_title {

   font-size: 22px;
   text-align: center;
   padding-top: 10px
}

.post_blog_title a {

   color: #f39c12;

  }


  .post_blog_archive img {

     max-height: 300px;
  }


body.single-post {

   background: #fff
}

#single-wrapper .entry-content p {

   font-size: 18px
}


body.single-portfolio h1 {

   text-transform: uppercase;
}

.portfolio_info li {

   margin-bottom: 10px;
}


.portfolio_info .fa {

   padding-right: 2px;
}

.portfolio_info li span {

      
    font-weight: 400;
    padding-bottom: 5px;
}


.portfolio_info li strong {
    
    font-weight: 600;
    color: #f39c12;
}


.tags_portfolio li {

    line-height: 25px;
    padding-bottom: 5px;
}


.tags_portfolio .fa {
  
  color: #f39c12;
  font-size: 12px;
  padding-right: 5px

}

#related_section_portfolio {

   margin-top: 70px;
}

.related_title {

   font-size: 35px;
   margin-top: 10px;
   margin-bottom: 30px
}

.border_before {

    position: relative;
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
}

.border_before:before {

    content: "";
    height: 3px;
    width: 50px;
    background: #f39c12;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}


.border_before:after {

    content: "";
    height: 3px;
    width: 67%;
    background: #f39c12;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}


.caption_portfolio h4 {

    font-size: 18px;
    font-weight: 600
    
}


.img_effect img , .caption_portfolio {

    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}


.img_effect img {

   height: 250px;
   object-fit: cover;

  
}


.img_effect:hover img {

    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
}

.caption_portfolio {

   position: absolute;
   left: 0;
   right: 0;
   width: 100%;
   height: 100px;
   opacity: 0;
   background: #f39c12;
   color: #fff;
   padding: 20px 0
}


.img_effect:hover .caption_portfolio {

    opacity: 1;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
}


.related_list_category {

   padding: 0 10px;
}

.related_list_category li:after {

   content: "-";
   padding: 0 8px;
   display: inline-block;
}


.related_list_category li:last-child:after {

   display: none;
}


.sharing_project .fa {

   font-size: 20px;
}

.sharing_project .fa:hover {

     color: #f39c12
}

.share_title {

     font-weight: 600;
     font-size: 17px
}

.about_project ul {

   padding: 0;
   padding-left: 15px;
  list-style-type: square;
}

/* INIT PAGE */

#header_init {

   height: 800px;
   background-attachment : fixed;
  
}


#grid_service h2 {

   font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
}


#grid_service .vc_col-sm-4 {

   background: #fff
}


.logo_web img {

   height: 100px;
   -webkit-filter: grayscale(0);
}

#content_page_text h2 {

    font-weight: 600;
    font-size: 25px;
}


#content_page_text p {
 
 font-size: 18px;

}


/* CONTACT FORM */

.wpcf7 {

   max-width: 100%;
}


.form-control, .wpcf7 .wpcf7-validation-errors, .wpcf7 input[type=color], .wpcf7 input[type=date], .wpcf7 input[type=datetime-local], .wpcf7 input[type=datetime], .wpcf7 input[type=email], .wpcf7 input[type=file], .wpcf7 input[type=month], .wpcf7 input[type=number], .wpcf7 input[type=range], .wpcf7 input[type=search], .wpcf7 input[type=submit], .wpcf7 input[type=tel], .wpcf7 input[type=text], .wpcf7 input[type=time], .wpcf7 input[type=url], .wpcf7 input[type=week], .wpcf7 select, .wpcf7 textarea {
    
   border-radius: 0;
    font-weight: 400;
    height: 3.125rem;
    padding: 0.6875rem 0.9375rem 0.875rem;
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 14px;
    background: #eee;
    border: none;
}

.wpcf7 textarea {
    height: 120px !important;
    margin-bottom: 20px;
}

.form-control:focus, .wpcf7 .wpcf7-validation-errors:focus, .wpcf7 input:focus[type=color], .wpcf7 input:focus[type=date], .wpcf7 input:focus[type=datetime-local], .wpcf7 input:focus[type=datetime], .wpcf7 input:focus[type=email], .wpcf7 input:focus[type=file], .wpcf7 input:focus[type=month], .wpcf7 input:focus[type=number], .wpcf7 input:focus[type=range], .wpcf7 input:focus[type=search], .wpcf7 input:focus[type=submit], .wpcf7 input:focus[type=tel], .wpcf7 input:focus[type=text], .wpcf7 input:focus[type=time], .wpcf7 input:focus[type=url], .wpcf7 input:focus[type=week], .wpcf7 select:focus, .wpcf7 textarea:focus {
     
     box-shadow: none !important;
    border: 1px solid #ccc;
    background: #fff;
}


.btn-outline-primary, .wpcf7 input[type=submit] {
    display: table;
    margin: 0 auto;
    font-weight: 700 !important;
    max-width: 300px;
    background: #f39c12;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px !important;
    border-color: #f39c12;
}

.wpcf7 input[type=submit]:hover, .wpcf7 input[type=submit]:active, .wpcf7 input[type=submit]:focus {


       background: #7f8c8d;
       color: #fff;
       border: none
}


.contact_info {

   font-size: 20px;
   font-weight: 600;
   text-align: center;
}

.contact_info .fa {

    background: #f39c12;
    color: #fff;
    height: 40px;
    width: 40px;
    line-height: 40px;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 10px;
    display: inline-block;
}

    /* FOOTER */

    #wrapper-footer {

    background: #151515;
    padding: 50px 0 !important;
    margin-top: 60px;
     border-top: 10px solid #f39c12;
   
    }


     #wrapper-footer .col-md-8 {

       padding-left: 60px;
     }

     #wrapper-footer ul li {

       line-height: 25px;
     }


        #wrapper-footer h4 {
             
      font-weight: 600;
    font-size: 18px;
    color: #fff;

        }


     #wrapper-footer a {

      color: #7f8c8d;
      font-size: 12px;
     
     }

     #wrapper-footer a:before {

        content: "-";
        display: inline-block;
        padding-right: 3px;
     }

      #wrapper-footer .post_footer a:before {

         display: none;
      }
             
      
       #wrapper-footer a:hover {

         color: #f39c12;
       }


      .link_hover a:hover {

      
      padding-left: 5px
     
     }


     #wrapper-footer .ref_text {
    font-size: 13px;
    text-align: center;
    padding: 15px 0 0;

     }


    .popup-gallery img {
    
    border: 5px solid #fff;
    
    box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.23);
}


.vp-pagination__no-more {

   opacity: 0
}


.vp-pagination__load-more {

        background: #f39c12 !important;
    color: #fff !important;
    font-weight: 600;
    font-size: 18px;
    padding: 8px 40px !important;
    border: none !important;
}



     @media (min-width: 1025px) {

         .project_content {
       

       padding: 30px 40px 50px;
}


         .border_right {

       border-right: 1px solid #eee
}


.border_bottom {
  
  border-bottom: 1px solid #eee

}

#all_logo .col-md-3 {

  border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    padding: 30px 0;
}


#all_logo .row {

  box-shadow: 1px 1px 20px 0px #eee
}


#single-wrapper .content-area {

    padding-right: 80px;
}

     }