/* 1/ start contact us */

body{
font-family: font90691;
}
.masthead {
    padding-top: 10rem;
    padding-bottom: calc(10rem - 56px);
    background-image: url("https://media.buzzle.com/media/images-en/photos/conceptual/technology/1200-88642731-modern-technology-in-hands.jpg");
    background-position: center center;
    background-size: cover;
}

.masthead hr {
    margin-top: 30px;
    margin-bottom: 30px;
}

.masthead h1 {
    font-size: 2rem;
}

.masthead p {
    font-weight: 300;
}

@media (min-width: 768px) {
    header.masthead p {
        font-size: 1.15rem;
    }
}

@media (min-width: 992px) {
    .masthead {
        height: 400px;
        min-height: 650px;
        padding-top: 0;
        padding-bottom: 0;
    }
    .masthead h1 {
        font-size: 3rem;
    }
}

@media (min-width: 1200px) {
    .masthead h1 {
        font-size: 4rem;
    }
}


/*  end contact us */


/* 2/ carousel fullscreen */

/* carousel fullscreen - vertically centered caption*/

.carousel-fullscreen .carousel-inner .item {


    min-height: 600px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.carousel-fullscreen .carousel-caption {
    top: 50%;
    bottom: auto;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}


/* overlay for better readibility of the caption  */

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
    transition: all 0.2s ease-out;
}


/* demo typography */

h1,
h2,
h3,
h4 {
    font-weight: 700;
}

.super-heading {
    font-size:49px;
}

.super-paragraph {
    font-size: 30px;
    font-weight: 300;
}

.carousel-caption .super-paragraph a,
.carousel-caption .super-paragraph a:hover {
    color: #fff;
}

#carousel-example-generic {
    margin: 40px 0;
}


/* carousel fade */


/* original solution by https://codepen.io/Rowno/pen/Afykb */

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.demo-content {
    padding-top: 50px;
    padding-bottom: 50px;
}


/* 3/  */

.hero .tabs-section .tabs {
    border-bottom: 1px solid #eee;
    position: relative;
}

.hero .tabs-section .tabs .nav-item1 {
    width: 31.3333%;
    text-align: center;
}

.hero .tabs-section .tabs .nav-item1 .nav-link {
    position: relative;
    padding: 0 0 15px;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: block;
}

.hero .tabs-section .tabs .nav-item1 .nav-link:after {
    content: "";
    width: 0;
    height: 2px;
    background: #00dfff;
    position: absolute;
    bottom: -1px;
    left: 0;
    -webkit-transition: all .5s;
    transition: all .5s;
    display: none;
}

.hero .tabs-section .tabs .nav-item1 .active {
    background: transparent;
    color: inherit;
}

.hero .tabs-section .tabs .nav-item1 .active:after {
    width: 100%;
}

.hero .tabs-section .list {
    overflow: hidden;
}

.hero .tabs-section .list li {
    float: left;
    width: 50%;
    margin-top: 15px;
    color: #555;
}

.hero .tabs-section .list li i {
    margin-right: 5px;
    color: #00dfff;
}

.hero .tabs-section .underline li {
    display: inline-block;
    text-align: center;
    width: 33.33333%;
}

.hero .tabs-section .one.active~.hr {
    left: 0;
}

.hero .tabs-section .two.active~.hr {
    left: 33.33333%;
}

.hero .tabs-section .three.active~.hr {
    left: 66.66666%;
}

.hero .tabs-section .underline .hr {
    position: absolute;
    bottom: -1px;
    right: 0;
    height: 2px;
    width: 33.33333%;
    margin: 0;
    background: #00dfff;
    border: none;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.hero .tabs-section .underline .hr:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    left: calc(50% - 2.5px);
    bottom: -8px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #00dfff;
}


/**************************************  start loading page */


/**************************************  start loading page */

.loading_overlay {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100000;
    background:#888980;
    display: flex;
    align-items: center;
}



.sk-cube-grid {
    width: 40px;
    height: 40px;
    margin: 100px auto;
}

.sk-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background-color:  #fff;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}

.sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

/**************************************  end loading page */


/**************************************  end loading page */


/**  STYLE 3 */

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 7px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: #000000;
}

::-webkit-scrollbar-thumb:hover {
    background: #999;
}


/****************************** end scrollbar*/



/***************************************    slider  ************************/
.clearout {
    height: 20px;
    clear: both;
}

#flexiselDemo1,
#flexiselDemo2,
#flexiselDemo3 {
    display: none;
}

.nbs-flexisel-container {
    position: relative;
    max-width: 100%;
}

.nbs-flexisel-ul {
    position: relative;
    width: 99999px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
    overflow: auto;
}

.nbs-flexisel-inner {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%;
    height:200px;
    background: #fcfcfc;
    background: #fcfcfc -moz-linear-gradient(top, #fcfcfc 0%, #eee 100%);
    /* FF3.6+ */
    background: #fcfcfc -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #eee));
    /* Chrome,Safari4+ */
    background: #f9f9ff  -webkit-linear-gradient(top, #f9f9ff 0%, #f9f9ff 100%);
    /* Chrome10+,Safari5.1+ */
    background: #f9f9ff  -webkit-linear-gradient(top, #f9f9ff 0%, #f9f9ff 100%);
    /* Opera11.10+ */
    background:#f9f9ff  -webkit-linear-gradient(top, #f9f9ff 0%, #f9f9ff 100%);
    /* IE10+ */
    background: #f9f9ff  -webkit-linear-gradient(top, #f9f9ff 0%, #f9f9ff 100%);
    /* W3C */
   /* border: 1px solid #ccc;*/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.nbs-flexisel-item {
    float: left;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    position: relative;
    line-height: 0px;

}

.nbs-flexisel-item img {
    max-width: 100%;
    cursor: pointer;
    position: relative;
    margin-top:48px;
    margin-bottom: 10px;
}


/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {display:none;
    padding: 5px 10px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    position: absolute;
    cursor: pointer;
    z-index: 4;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
}

.nbs-flexisel-nav-left {
    left: 10px;
}

.nbs-flexisel-nav-left:before {
    content: "<"
}

.nbs-flexisel-nav-left.disabled {
    opacity: 0.4;
}

.nbs-flexisel-nav-right {
    right: 5px;
}

.nbs-flexisel-nav-right:before {
    content: ">"
}

.nbs-flexisel-nav-right.disabled {
    opacity: 0.4;
}


/************************ RESPONSIVE*/
/* On screens that are 950px or more */

@media screen and (min-width: 950px) {
  
  
  
  .carousel-fullscreen .carousel-inner .item {

    max-width:1700px;
    min-height:750px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
   }

 .carousel-fullscreen  .item 
    { height:750px;
    
     }
     
     .carousel-caption .super-heading
     {font-size:40px;
     }
     
     
 
}


/* On screens that are 992px or less */
@media screen and (max-width: 992px) {
  
 
 .carousel-fullscreen .carousel-inner .item {

max-width:1000px;
    min-height: 600px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
 
}

/* On screens that are 600px or lesse */
@media screen and (max-width: 600px) {
  
  
  
  .carousel-fullscreen .carousel-inner .item {


    max-width:500px;
    min-height:0px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
   }
.carousel-fullscreen .carousel-inner .item img
{width:500px!important;height:auto;
 display:block;
 max-width: 100%;
    }

      .modal-content .modal-body img{width:200px!important;height:200px!important;}
     .carousel-caption .super-heading
     {font-size:15px;
     }
     
     
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev
    {top:60px!important;margin-top: 31px!important;
    } 
     
}



/* Feature Area css
============================================================================================ */
.feature_inner {
  margin-bottom: -30px; }

.feature_item {
  background: #f9f9ff;
  border-radius: 10px;
  padding: 40px 60px 40px 40px;
  margin-bottom: 30px;
  transition: all 300ms linear 0s; }
  
  .feature_item h4 {
    font-size: 18px;
    color: #c6b069;
    margin-bottom: 20px;
    text-transform: uppercase;
    transition: all 300ms linear 0s;
    position: relative;
    padding-left: 35px; }
    .feature_item h4 i {
      font-size: 24px;
      padding-right: 15px;
      font-weight: 600;
      position: absolute;
      left: 0px;
      top: 40%;
      transform: translateY(-50%); }
      
      
  .feature_item p {
    margin-bottom: 0px; }
    
  .feature_item:hover {
    background: #c6b069;
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.1); }
    .feature_item:hover h4 {
      color: #fff; }
      
      .main_title h2 {
  
    
    font-size: 36px;
    color: #c6b069;
    font-weight: bold;
    margin-bottom: 15px;
    text-transform: uppercase;
}


.main_title p {
    font-size: 14px;
    font-family: font90691;
    line-height: 24px;
    color: #777777;
    margin-bottom: 0px;
    max-width: 740px;
    margin: auto;
}

.main_title {
    text-align: center;
    margin-bottom: 75px;}
    
    .fa {
    font-family:font90691;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-etsy:before {
    content: "\e82a";
}

::after, ::before {
    box-sizing: border-box;
}
/* End Feature Area css
============================================================================================ */
/* start  Home Banner Area css
============================================================================================ */



.banner_area1 {
    position: relative;
    z-index: 1;
    min-height: 430px;
}

    .banner_area1 .banner_inner {
        position: relative;
        overflow: hidden;
        
        width: 100%;
        min-height: 430px;
        background: #000;
        z-index: 1;
    }

        .banner_area1 .banner_inner .overlay {
            background: url("/Design/images/banner.jpg") no-repeat scroll center center;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            height: 125%;
            bottom: 0;
            z-index: -1;
            opacity: .40;
        }

        .banner_area1 .banner_inner .banner_content {
            margin-top: 70px;
        }

            .banner_area1 .banner_inner .banner_content h2 {
                color: #fff;
                font-size: 48px;
                font-family: font90691;
                margin-bottom: 0px;
                text-transform: uppercase;
                font-weight: bold;
                margin-top: 30px
            }

            .banner_area1 .banner_inner .banner_content .page_link a {
                font-size: 14px;
                color: #fff;
                font-family: font90691;
                margin-right: 32px;
                position: relative;
            }

               



/* End Home Banner Area css
============================================================================================ */
  
/* Looking Area css
============================================================================================ */
.impress_area {
    background: url("/Design/images/notify-bg.jpg") no-repeat scroll center center;
    background-size: cover;
}
  .impress_area .impress_inner {
    color: #fff; }
    .impress_area .impress_inner h2 {
      text-transform: uppercase;
      font-size: 36px;
      margin-bottom: 15px; }
    .impress_area .impress_inner p {
      max-width: 530px;
      margin: 0px auto 35px; }

.p_120 {
  padding-top: 120px;
  padding-bottom: 120px; }
  
  
  .main_btn {
  display: inline-block;
  background: #faba00;
  padding: 0px 35px;
  color: #fff!important;
  font-family: font90691;
  font-size: 13px;
  font-weight: 500;
  line-height: 38px;
  border: 1px solid #faba00;
  border-radius: 0px;
  outline: none !important;
  box-shadow: none !important;
  text-align: center;
  cursor: pointer;
  transition: all 300ms linear 0s;
  text-transform: uppercase; }
  
  .main_btn:hover {
    background: transparent;
    color: #faba00;
}

 
/* End Looking Area css
============================================================================================ */



#
,
#colorlib-subscribe {
  padding: 7em 0;
  clear: both; }

.colorlib-heading {
  margin-bottom: 5em; }
  .colorlib-heading h2 {
    font-size: 30px;
    font-weight: 500;
    text-transform: uppercase; }

.project-entry {
  display: block;
  background: #fff;
  margin-bottom: 30px;
  position: relative;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s; }
  .project-entry .project-img {
    width: 100%;
    height: 350px;
    display: table;
    position: relative;
    z-index: 0; }
    .project-entry .project-img:after {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      content: '';
      background: rgba(0, 0, 0, 0.4);
      opacity: 0;
      -webkit-transition: 0.9s;
      -o-transition: 0.9s;
      transition: 0.9s;
      z-index: -1; }
    .project-entry .project-img .icon {
      display: table-cell;
      vertical-align: middle;
      z-index: 1;
      opacity: 0;
      -webkit-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .project-entry .project-img .icon i {
        color: #fff; }
  .project-entry .desc {
    padding: 2.5em 2em;
    display: block; }
    .project-entry .desc h3 {
      font-size: 16px;
      font-weight: 500;
      text-transform: uppercase;
      margin-bottom: 0; }
      .project-entry .desc h3 a {
        color: #000; }
      
      
.project-entry:hover {
    top: -1px;
    -webkit-box-shadow: 0px 12px 62px -13px rgba(0, 0, 0, 0.11);
    -moz-box-shadow: 0px 12px 62px -13px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 12px 62px -13px rgba(0, 0, 0, 0.11); }
    .project-entry:hover .project-img img :after {
      opacity: 1; }
    .project-entry:hover .project-img .icon {
      opacity: 1; }
      
.project-entry .project-img img
{width: 100%; 
 height: 350px;}


[class^="icon-"], [class*=" icon-"] {
    font-family: font90691;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}.animated-fast {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


   /**************************  start about US  */
   
   

video {    width: 527px;
  max-width: 100%;
  height: auto;
}

.about-video-area h6 {
    color: #c6b069;
    font-weight: 300;
    letter-spacing: 2px;
    font-size: 12px;
}.about-video-area h2 {
    padding: 20px 0;
    color:Black
}.about-video-area p span {
    font-size: 16px;
    font-weight: 300;
    color: #222;
}
   /**************************  end  about US  */
/********************** footer*/
footer .fa{color:#faba00}
#colorlib-footer {
  background: #25282a;
  color: rgba(255, 255, 255, 0.6) !important; }
  #colorlib-footer .contact-information {
    background: #1E2022;
    padding: 1.5em 0;
    margin-bottom: 5em; }
    #colorlib-footer .contact-information .info-wrap .icon {
      display: block;
      margin-bottom: 10px; }
      #colorlib-footer .contact-information .info-wrap .icon i {
        color: #fff;
        font-size:28px; }
    #colorlib-footer .contact-information .info-wrap p {
      font-size: 13px; }
    #colorlib-footer .contact-information .info-wrap a {
      color: rgba(255, 255, 255, 0.5); }
  @media screen and (max-width: 768px) {
    #colorlib-footer .colorlib-widget {
      margin-bottom: 40px;
      width: 100%;
      float: left; } }
  #colorlib-footer .colorlib-footer-links {
    padding: 0;
    margin: 0; }
    @media screen and (max-width: 768px) {
      #colorlib-footer .colorlib-footer-links {
        margin-bottom: 30px; } }
    #colorlib-footer .colorlib-footer-links li {
      padding: 0;
      margin: 0 0 10px 0;
      list-style: none;
      display: block; }
      #colorlib-footer .colorlib-footer-links li span {
       
        font-size: 13px; }
      #colorlib-footer .colorlib-footer-links li a {
        color: rgba(255, 255, 255, 0.9);
        text-decoration: none; }
        #colorlib-footer .colorlib-footer-links li a i  {
          padding-right: 10px;
          color: #F7B633; }
        #colorlib-footer .colorlib-footer-links li a:hover {
          text-decoration: underline; }
          
          
          .colorlib-social-icons {
    margin: 0;
    padding: 0;
} 
  #colorlib-footer .colorlib-social-icons li a {
    padding-left: 10px;
    padding-right: 10px; }
    #colorlib-footer .colorlib-social-icons li a:first-child {
      padding-left: 0; }
  #colorlib-footer h4 {
    margin-bottom: 30px;
    font-size: 13px;
    color: #e6e6e6;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: 700; }
  #colorlib-footer .copy {
    background: #F7B633;
    padding: 1.2em 0; }
    #colorlib-footer .copy p {
      margin-bottom: 0;
      color: #000; }
      #colorlib-footer .copy p small a {
        color: rgba(0, 0, 0, 0.7); }
/******************************************************* end footer*/


/*********************************** start nav**********************/


.colorlib-nav-toggle {
  width: 25px;
  height: 25px;
  cursor: pointer;
  text-decoration: none;
  top: 1.6em !important; }
  .colorlib-nav-toggle.active i::before, .colorlib-nav-toggle.active i::after {
    background: #444; }
  .colorlib-nav-toggle:hover, .colorlib-nav-toggle:focus, .colorlib-nav-toggle:active {
    outline: none;
    border-bottom: none !important; }
  .colorlib-nav-toggle i {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 2px;
    color: #252525;
    font: bold 14px/.4 Helvetica;
    text-transform: uppercase;
    text-indent: -55px;
    background: #252525;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out; }
    .colorlib-nav-toggle i::before, .colorlib-nav-toggle i::after {
      content: '';
      width: 25px;
      height: 2px;
      background: #252525;
      position: absolute;
      left: 0;
      -webkit-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
      transition: all .2s ease-out; }
  .colorlib-nav-toggle.colorlib-nav-white > i {
    color: #fff;
    background: #fff; }
    .colorlib-nav-toggle.colorlib-nav-white > i::before, .colorlib-nav-toggle.colorlib-nav-white > i::after {
      background: #fff; }

.colorlib-nav-toggle i::before {
  top: -7px; }

.colorlib-nav-toggle i::after {
  bottom: -7px; }

.colorlib-nav-toggle:hover i::before {
  top: -10px; }

.colorlib-nav-toggle:hover i::after {
  bottom: -10px; }

.colorlib-nav-toggle.active i {
  background: transparent; }

.colorlib-nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  background: #fff; }

.colorlib-nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
  background: #fff; }

.colorlib-nav-toggle {
  position: absolute;
  right: 0px;
  top: 65px;
  z-index: 21;
  padding: 6px 0 0 0;
  display: block;
  margin: 0 auto;
  display: none;
  height: 44px;
  width: 44px;
  z-index: 2001;
  border-bottom: none !important; }
  @media screen and (max-width: 768px) {
    .colorlib-nav-toggle {
      display: block; } 
}

/************************* test  */


.gallery-area .single-gallery{margin-bottom:30px}.gallery-area .single-gallery .content{position:relative;max-width:100%;margin:auto;overflow:hidden}.gallery-area .single-gallery .content .primary-btn{border-radius:0px}@media (max-width: 414px){.gallery-area .single-gallery .content .primary-btn{font-size:10px}}.gallery-area .single-gallery .content .content-overlay{background-color:#373642;position:absolute;left:0;top:0;bottom:0;right:0;opacity:0;border-radius:10px;border:1px solid #c6b069;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s}.gallery-area .single-gallery .content-overlay{margin:20px}@media (max-width: 414px){.gallery-area .single-gallery .content-overlay{margin:0px}}.gallery-area .single-gallery .content:hover .content-overlay{opacity:.8}.gallery-area .single-gallery .content-details{position:absolute;text-align:center;padding-left:1em;padding-right:1em;width:100%;top:50%;left:50%;opacity:0;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s}.gallery-area .single-gallery .content-title{width:60%;border-bottom:1px solid #c6b069;font-size:18px;color:#fff;font-weight:500;padding:20px 0px}@media (max-width: 414px){.gallery-area .single-gallery .content-title{width:92%;font-size:15px}}.gallery-area .single-gallery .content:hover .content-details{top:50%;left:50%;opacity:1}.gallery-area .single-gallery .content-image{width:100%}.gallery-area .single-gallery .content-details p{color:#fff;font-size:0.8em}.gallery-area .single-gallery .fadeIn-bottom{top:80%}.feature-area{background-color:#c6b069}