body {
  height: auto;
  min-height: 100vh;
  background-color: #f9f9f9;
  font-family: 'Open Sans', sans-serif;
  color: #333333;/*rgb(76, 76, 76);*/
  font-size:1rem;
  font-weight: bold;
  font-style: normal;


  font-weight:300;
  overflow:hidden;
  min-width: 100%;
  background: url(../images/bg.jpg);background-size:cover ;
}


:root {
  --red-color: #e23748;
  --white-color: #fff;
  --second-color:gold;
  --btn-bg-color:#e5e5e5
}

.h1, h1{font-size: 2rem;}
a,a:hover{transition:all .5s;text-decoration: none;outline: none;color: #333333;text-decoration: none !important}
a:hover{color:#1BA1AC;}
button,input{outline: none !important}
img{max-width: 100%;vertical-align: baseline;height:auto !important;}
.red-color{color:#e23748 }
.gray-bg{background:#333333 }

.bg-cover{background-size:cover !important;background-position: 50% 50% !important }
.trans-slow { -webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}


/*manu-toggle*/
#nav-icon1, .nav-icon, #nav-icon3, #nav-icon4 {width: 40px;height: 25px;position: relative;  margin: 0px auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg); transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;display: none;top: 15px;}
.nav-icon span{ background: #fff none repeat scroll 0 0; border-radius: 3px; display: block; height: 2px; left: -1px;opacity: 1;position: absolute;transform: rotate(0deg);transition: all 0.25s ease-in-out 0s;width: 100%;}
.nav-icon  span:nth-child(1) {top: 0px;}
.nav-icon  span:nth-child(2) {top: 10px;}
.nav-icon  span:nth-child(3) {top: 20px;}

.nav-icon.open{top:7px;}
.nav-icon.open span:nth-child(1) {top: 18px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg);transform: rotate(135deg);}
.nav-icon.open span:nth-child(2) {opacity: 0;left: -60px;}
.nav-icon.open span:nth-child(3) {top: 18px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg);transform: rotate(-135deg);}
.page-wrapper{height: 100vh;padding: 2rem;}


.menu-wrapper{height: 100%;float: left;background: #bcbcbc;background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(188,188,188,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(188,188,188,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(188,188,188,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(188,188,188,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(188,188,188,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(188,188,188,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcbcbc', GradientType=0 );}
.menu-navigation ,.menu-wrapper{float: left;width: 250px;position: relative;z-index: 99}
.navbar-nav .nav-link{position:relative;transition:all.1s !important;display: block;border-bottom: 2px solid #666666;font-size: .9rem}
.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active,.navbar-nav .nav-item.active .nav-link,.navbar-nav .nav-link:focus,.navbar-nav .active .nav-link{font-weight: bold;/*1BA1AC*/;color:#1BA1AC;}
.navbar-nav .nav-link:after{position: absolute;width: 100%;height: 4px;bottom: -2px;content: '';background: #1BA1AC;transition:all .5s;left:0px;transform:scaleX(0);transform-origin:left;}
.navbar-nav .nav-link:hover:after,.navbar-nav .nav-link.active:after,.navbar-nav .nav-item.active .nav-link:after,.navbar-nav .nav-link:focus:after{transform:scaleX(1)}



/*home-page*/
.home-gallery{position: fixed;width: 100%;height: 100%;width: 100%;height: 100%;left:0px;right: 0px;top:0px;}
.gallery-slogans {position: absolute; z-index: 100; width: 100%;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.gallery-slogans .swiper-slide{width: 33%;text-align: center;margin: auto}

.gallery-slogans .slogan{min-height:250px;min-width:250px;transform-origin:bottom;cursor:pointer;text-align:left;transform:scale(.5);transition:all 1s;font-size:2.3rem;color: #fff;border: 2px solid #fff;padding: 2rem;display: inline-block;max-width: 250px;}
.gallery-slogans .swiper-slide-active .slogan {transform:scale(1);transform-origin:center}
.slogan .num {font-weight: bold;position: relative;margin-bottom: 2rem}
.slogan .num:before{content: "<";font-weight: normal}
.slogan .num:after{content: ">";font-weight: normal}
.slogan  .char{margin-left: .2rem;margin-right: .2rem;font-weight: normal !important}
/*.gallery-slogans .swiper-slide:not(.swiper-slide-active):hover .slogan{transform:scale(.8);} */
/*end home-page*/
.inner-pages {padding:5rem;padding-bottom:2rem; background: #fff;height: calc(100%);overflow: hidden;position: relative;-webkit-align-content: flex-start !important;-ms-flex-line-pack: start !important;align-content: flex-start !important;}
.inner-pages.no-padd{padding: 0px}
.mCustomScrollbar{ height: 100%}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #1BA1AC;}
.mCSB_scrollTools .mCSB_draggerRail{background-color: #ccc}
.main-menu{height: 100%}
.social-list{margin: auto;padding-top: 1rem;padding-bottom: 2rem;margin:auto;text-align: center;}
.social-list li{float: none;margin: 0px .3rem;display: inline-block;}
.social-list li a{transition:all .5s;width: 35px;height: 35px;border:1.3px solid #333333;border-radius: 35px;padding: 0px;display: inline-block;margin: auto;text-align: center;line-height: 34px;}
.social-list li a img{transition:all.5s;max-width: 100%;margin: auto;text-align: center;}
.social-list li a:hover{background-color: #1BA1AC;border-color:#1BA1AC; }
.social-list li a:hover img{filter: brightness(0) invert(1);-webkit-filter:brightness(0) invert(1);transform:scale(1.2);}


/*search-ico*/
.main-menu  .search-form-wrapper input[type=text],.main-menu  .search-form-wrapper input[type=search],.main-menu  .search-form-wrapper .search-ico {width: 100% !important; float: none;padding: 0px}
.search-form-wrapper{float: right;width: 100%;position: absolute;z-index: 99;left: 0px;right: 0px;padding: 1rem 3rem;position: fixed;}
.search-ico ,.back-projects{float:right;position:relative;display: block;color:#fff;line-height:25px;border: none !important;border-radius: 40px;width: 40px;height: 40px;margin: auto;padding:.2rem;cursor: pointer;transition:all .5s;}
.main-menu  .search-form-wrapper{display: none;position: relative;padding: 0px;    width: 120% !important;left: -10%;margin-bottom:.3rem !important;}

.search-form input[type=text],.search-form input[type=search] {width: 40px;height:40px; box-sizing: border-box; background-color: white;background-image: url('../images/search-ico.png');background-repeat: no-repeat; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;float: right;border-radius: 40px;background-position: 50% 50%;background-size: 15px;background-color: #1BA1AC;border:2px solid #1BA1AC;padding-left: 0px;text-indent:-100px;color: #fff;font-size: .9rem;}

.search-form  input[type=text]:focus,  .main-menu  .search-form-wrapper input[type=text]  ,.search-form  input[type=search]:focus,  .main-menu  .search-form-wrapper input[type=search]  { width:250px;padding-left: 10px;background-color: #1BA1AC;text-indent:10px;background-position: 90%;}
/*end search-ico*/
blockquote::before { content: "“";left: 10px;top: 0;}
blockquote::after {bottom:10px; content: "”"; right: 0px;}
blockquote::after, blockquote::before {color: rgb(102, 102, 102);font-size: 40px;position: absolute;font-weight: bold;}
blockquote {background:  none repeat scroll 0 0;padding: 20px 25px; position: relative;display: inline-block;color:rgb(102, 102, 102);font-size: 2.2rem;float: right;font-weight: bold;}
.form-group{margin-bottom: .4rem}
.form-control,.custom-file-control {background:rgba(178, 178, 178, 0.27);border-radius: 0px;border-color: rgba(178, 178, 178, 0)}
.form-control:focus{background:rgba(178, 178, 178, 0.3);border-radius: 0px;border-color: rgba(178, 178, 178, 0)}
label{font-size: .9rem;font-weight: normal;font-style: normal;}
button,.btn,button:hover,.btn:hover{z-index:10;background: #1BA1AC;position:relative;transition:all .5s;min-width: 50%;font-weight: normal;font-style: normal;border: none;border-radius: 0px;padding: .7rem}
button:before{z-index:-1;transition:all.5s .1s;position: absolute;content: '';width: 100%;height: 100%;margin: auto;left: 0px;right: 0px;top:0px;bottom: 0px;content: '';background: #415b6c;transform:scaleX(0);transform-origin:right;z-index: -1}
button:hover:before,.btn:hover:before,button.active:before{transform:scaleX(1);}

.custom-file{width: 100%}
.custom-file-control {border-radius: 0px;}
.custom-file-control:lang(en)::before {content: "Upload"; border-radius: 0px; background: #1BA1AC;color: #fff;border: none}
.custom-file * ,.custom-file-control::before{height: 2.4rem;font-size: 13px;line-height: 2.2rem;padding-top: 0px;padding-bottom: 0px;font-weight: 300}
.custom-file-control:lang(en)::after{content: attr(data-content);}
.search-item{font-style: normal;color: #333333;letter-spacing: 0em;text-decoration: none;}
.search-item .title{font-weight: bold;font-size: 20px;}
.cats{margin: 0px;}
.cats .cat {height:100%;position:relative;border-left:.1px solid #ccc;padding: 1.5rem;background: #ccc;     background: -moz-linear-gradient(316deg, rgba(255,255,255,1) 0%, rgba(227,227,227,1) 44%, rgba(193,193,193,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(44%, rgba(227,227,227,1)), color-stop(100%, rgba(193,193,193,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(316deg, rgba(255,255,255,1) 0%, rgba(227,227,227,1) 44%, rgba(193,193,193,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(316deg, rgba(255,255,255,1) 0%, rgba(227,227,227,1) 44%, rgba(193,193,193,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(316deg, rgba(255,255,255,1) 0%, rgba(227,227,227,1) 44%, rgba(193,193,193,1) 100%); /* ie10+ */
    background: linear-gradient(134deg, rgba(255,255,255,1) 0%, rgba(227,227,227,1) 44%, rgba(193,193,193,1) 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#c1c1c1',GradientType=1 ); /* ie6-9 */ }
.cats .cat  .bg-cover{height: 100%;display: block;}
.cats .cat .tint{transition:all.5s .1s;position: absolute;content: '';width: 100%;height: 100%;margin: auto;left: 0px;right: 0px;top:0px;bottom: 0px;content: '';background:rgba(39, 54, 73, 0.7)}
.cats .cat .tint:nth-child(2){width:100%;height: 100%;opacity: .6;transition:all.5s .2s;}
.cats .cat .tint:nth-child(3){width: 100%;height: 100%;opacity: .4;transition:all.5s .3s;}
.cats .cat .tint:nth-child(4){width: 100%;height: 100%;opacity: .2;transition:all.5s .4s;}




.cats .cat:hover  .tint{transform:scale(.99);}
.cats .cat:hover  .tint:nth-child(2){transform:scale(.8)}
.cats .cat:hover  .tint:nth-child(3){transform:scale(1.05)}
.cats .cat:hover .tint:nth-child(4){transform:scale(1.36);}


.cats .cat:hover  .tint{transform:scale(0);opacity: 0}
.cats .cat:hover  .tint:nth-child(2){transform:scale(0);opacity: 0}
.cats .cat:hover  .tint:nth-child(3){transform:scale(0);opacity: 0}
.cats .cat:hover .tint:nth-child(4){transform:scale(0);}



.cats .cat .name{  transition: 0.5s; -webkit-transition:0.5s;position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;color: #fff;z-index: 9;}
.cats .cat .name h1{color: #fff;font-weight: 800;font-size: 2.5rem;border:4px solid #1BA1AC;margin: auto;padding: 6rem 2.5rem }
.cats .cat img{  max-height: 100%;max-width: 100%;width: auto;visibility: hidden;}

.box {position:relative;vertical-align: middledisplay: inline-block;}
.box::before, .box::after {width: calc(100% + 8px);height:calc(100% + 8px);z-index: 3;content:'';position: absolute;top:-4px;left:-4px;box-sizing: border-box;-webkit-transform: scale(0); transition: 0.5s;}
.box::before {border-bottom: 4px solid #FFF; border-left: 4px solid #FFF;-webkit-transform-origin: 0 100%;}
.box::after {border-top: 4px solid #FFF;border-right: 4px solid #FFF; -webkit-transform-origin: 100% 0%;}
.box:hover::after, .box:hover::before ,.cats .cat :hover .box::before,.cats .cat :hover .box::after {-webkit-transform: scale(1);}



/*projects*/
.project{display: block;margin-bottom: 2rem}
.project .media{max-width:800px;text-align: right;margin: auto}
.project img{max-width: 60%}
.project .name {font-weight: 800;font-size: 1.7rem;}
.project:nth-child(2n+1) img{order:1}
.project:nth-child(2n+1) .media{text-align: left;}
.media-body{border-top: 1px solid black;margin-top: 3rem;padding-top: 1rem;font-size: 1.5rem}
.project .plus ,.back-projects img{transition:all 1s;}
.project:hover .plus ,.back-projects:hover img{transform:rotate(270deg);}
.fullscreen-projects-gallery,.fullscreen-gallery{ background-color: #fff;height:100%;transition: all .5s; }
.fullscreen-projects-gallery .gallery,.fullscreen-projects-gallery  .swiper-container ,.fullscreen-gallery .swiper-container {height: 100%}
.fullscreen-projects-gallery .full-details {pointer-events:none;z-index:1;position: absolute;z-index: 100;height: auto;width: auto; right: auto;left: 30px;color: #fff;}
.fullscreen-projects-gallery .bg-cover ,.fullscreen-gallery .bg-cover {width: 100%;height: 100%;background-size: cover !important;background-position: center center !important;min-height: 100px}
.fullscreen-projects-gallery .bg-contain{background-size:contain !important;background-repeat: no-repeat !important;width: 100%;height: 100%;;background-position: center center !important;position:relative;z-index:1;}
.fullscreen-projects-gallery .bg-cover {top:0px;z-index:0;width: 100% !important;height: 100% !important;position: absolute;background-size: cover !important;background-position: center center !important;filter: blur(10px) grayscale(90%);transform:scale(1.03);transfrorm-origin:center center}
.fullscreen-projects-gallery .wrapper img{position:relative;z-index:1;max-height:100%;}

.fullscreen-projects-gallery .wrapper {width:100%;height:100%;     background: -moz-linear-gradient(168deg, rgba(248,248,248,1) 0%, rgba(218,216,217,1) 100%); /* ff3.6+ */
   background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(218,216,217,1)), color-stop(100%, rgba(248,248,248,1))); /* safari4+,chrome */
   background: -webkit-linear-gradient(168deg, rgba(248,248,248,1) 0%, rgba(218,216,217,1) 100%); /* safari5.1+,chrome10+ */
   background: -o-linear-gradient(168deg, rgba(248,248,248,1) 0%, rgba(218,216,217,1) 100%); /* opera 11.10+ */
   background: -ms-linear-gradient(168deg, rgba(248,248,248,1) 0%, rgba(218,216,217,1) 100%); /* ie10+ */
   background: linear-gradient(282deg, rgba(248,248,248,1) 0%, rgba(218,216,217,1) 100%); /* w3c */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dad8d9', endColorstr='#f8f8f8',GradientType=1 ); /* ie6-9 */ }
.project-details > *, .full-details * {font-size: .9rem;font-weight: normal;}
.back-projects{position: absolute;background: #1BA1AC;z-index: 999;top:1rem;right: 1rem;padding: 0px !important;line-height: 40px !important;margin: auto;text-align: center;}
.back-projects img{margin: auto;text-align: center;    margin: auto; text-align: center; margin-right: .2rem;margin-top: .8rem;}
.swiper-pagination-bullet{background: #fff;opacity: 1}
.swiper-pagination-bullet-active{background: #1BA1AC;}
.fullscreen-projects-gallery .swiper-pagination ,.fullscreen-projects-gallery .full-details{bottom:30px }
.fullscreen-projects-gallery .swiper-pagination ,.swiper-pagination{left: auto;right: 2rem;width: auto;border: 3px solid #fff;border-radius: 16px;padding:2px 15px;padding-top: 0px}
.fullscreen-projects-gallery .swiper-slide>.bg-cover{transform:scale(1.3);transition:all.5s;}
.fullscreen-projects-gallery .swiper-slide.swiper-slide-active>.bg-cover{transform:scale(1);}

.full-details.toggledetails  .close-desc img{transform:rotate(180deg);}
.fullscreen-projects-gallery .full-details .desc { pointer-events:none;min-height: 287px;min-width: 300px; transition:all .5s;transform: translate3d(0vw, 0, 0); -webkit-transform: translate3d(0vw, 0, 0);-moz-transform: translate3d(0vw, 0, 0);
background-color: rgba(39, 54, 73, 0.85); margin-left: 2rem;width: auto;max-width:85%;display: inline-block;}
.fullscreen-projects-gallery .full-details .desc.short-desc {
    min-height: 9px;
    padding-bottom: 13px !important;
    padding-top: 14px !important;
    min-width: 100px;
    padding-right: 0px !important;
}
.full-details.toggledetails .desc { transform: translate3d(-550px, 0, 0); -webkit-transform: translate3d(-550px, 0, 0); -moz-transform: translate3d(-550px, 0, 0);opacity: 0;}
.fullscreen-projects-gallery .close-desc    img{transition:all .5s;}

.fullscreen-projects-gallery  .close-desc {pointer-events:auto;z-index:9;display: inline-block;background-color:rgba(39, 54, 73, 0.85);margin: auto; text-align: center;padding: 5px;width: 50px;height: 50px;margin-bottom: 5px;cursor: pointer;transition: all .5s;position: absolute; top: 0px;right: auto; left: -18px;}


.fullscreen-projects-gallery .galleries-btns{position: absolute;

   left: -143px;
    width: 300px;
    top: 112px;transform: rotate(-90deg);pointer-events:auto;}
.fullscreen-projects-gallery .galleries-btns button{
        width: 75px;

    /* height: 20px; */
    float:left;
    height: 50px;
    line-height: 14px;
    color: #fff;
    min-width: 15px;margin: 2px;}



.home-gallery  .swiper-pagination{bottom: 50%;z-index: 999;transform:rotate(90deg);z-index: 999999;border: none !important;}
.home-gallery .swiper-pagination-bullet{margin-left: 3px;margin-right: 3px}

.search-form-wrapper ::-webkit-input-placeholder { /* Chrome */color:#fff !important;}
.search-form-wrapper :-ms-input-placeholder { /* IE 10+ */color:#fff !important;}
.search-form-wrapper ::-moz-placeholder { /* Firefox 19+ */color:#fff !important; opacity: 1;}
.search-form-wrapper :-moz-placeholder { /* Firefox 4 - 18 */color:#fff !important;opacity: 1;}

/*footer*/
.footer {float: right;padding-right: 100px;font-size: 1rem;padding-top: .1rem;padding-bottom: .4rem; z-index: 90;color: #fff}
.copyright { margin-right: 1rem;}
.footer * {font-size: .9em;color: #fff;transition: all.5s;}
.footer a:hover,.footer a:hover strong{color: #1BA1AC !important}
/*end footer*/

/*eror-wrapper*/
.eror-wrapper{margin: auto;text-align: center;width: 100%;height:100%;}
.eror-wrapper img{margin: auto;text-align: center;max-width: 97%;max-height: 100%;}
/*end eror-wrapper*/
/*contact*/
.contact-map{height: calc(100% - 3rem)}
/**contact*/
@media (min-width:1200px) {
.project{padding-right: 15rem;display: block;}
.project:nth-child(2n+1){padding-right: 0px;padding-left: 15rem}
}

/*end projects*/
@media (max-width:992px) {
   .inner-pages{padding: 2rem;}
   .menu-wrapper{ margin-left: -284px;}
   .search-form-wrapper{display: none;}
   .main-menu  .search-form-wrapper{display: block;}
   .togglemenu{position: fixed;z-index: 99999999;top: 10px;display: block;top: 2rem;right: 2rem;width: 50px;height: 50px;background: #1ba1ac}
   .nav-icon{display: block;}
  .sidebar-offcanvas {position: absolute;width: 300px;height: 100%;left: -300px;transition: all 0.25s ease-out 0s}
  .row-offcanvas {position: relative;transition: all 0.25s ease-out 0s;}
  .row-offcanvas  .navbar-toggle{position: absolute;margin-top:0px; }
  .page-content{width: 100%;padding: 0px 15px;}
  .row-offcanvas-left { left: 0;/*overflow: visible !important*/;margin: 0px;}
  .row-offcanvas-left .sidebar-offcanvas { left: -50%; padding-left: 10px;}
  .row-offcanvas-left.active {left: 250px}
  /*.sidebar-offcanvas ,.main-menu.inner-page-menu.sidebar-offcanvas {position: absolute;width: 250px;top:.9rem;background: #fff}*/
  .sidebar-offcanvas ,.main-menu.inner-page-menu.sidebar-offcanvas {position: fixed;width: 250px;background: #fff;height:calc(100vh - .7rem)}
  .menu-navigation, .menu-wrapper{height: 100vh;/*overflow-y: scroll !important;*/}
  .menu-navigation{overflow-y: scroll !important;}
  .social-list{margin-top:2rem }
  .scroller{height: auto !important}

  .sidebar-offcanvas.active ,.menu-wrapper.active    .sidebar-offcanvas{left: 0px;}
  .menu-wrapper.active{}
  .toggle-search-handle{margin-top:65px;width: 213px;}
  .row-offcanvas-right.active { right: 50%;}
  .row-offcanvas-right .sidebar-offcanvas { right: -50%;}
  .row-offcanvas-right {right: 0;}

  .footer-wrapper .fixed-bottom{position: relative;}
  .footer{width: 100%;padding-right:0px; padding-top: .5rem;padding-bottom: .5rem}
  .footer .copyright{float: left;}
  .footer .by{float: right;}
  .gallery-slogans .slogan{font-size: 1.5rem;min-height: 150px;}
  .home-gallery  .swiper-pagination{right: 0px;}
  .back-projects{left: 1rem;right: auto}
  body{overflow-x: hidden !important;width:100vw !important;}

 }

@media (max-width:768px) {
  .page-wrapper{padding: .7rem;height: auto;position: relative;}
  .togglemenu{top: .7rem;right: .7rem;}

  .inner-pages{padding: 1rem;height: auto;min-height: calc(100vh - 2rem);overflow: hidden !important; }
  .cats ,.cats .cat{height: calc(100vh - 2rem)}
  .fullscreen-projects-gallery .bg-cover{height: calc(100vh - 2rem);min-height: 500px;}
  .fullscreen-projects-gallery .galleries-btns {top: 260px;}
.fullscreen-projects-gallery .galleries-btns{left: -148px;}
.fullscreen-projects-gallery  .close-desc{left: -22px;}

  body{height:auto;overflow-y:auto !important }
  .cats .cat .name h1{padding: 1.5rem}
.project .name,.media-body {font-size: 1.3rem;}
.inner-pages .contact-side{height: auto !important}
.contact-map{min-height: 300px;}


.fullscreen-projects-gallery .full-details {position: relative;padding-top:150px; }
.fullscreen-projects-gallery .gallery{position: absolute;width:100%;height: 100%;}
.fullscreen-projects-gallery  .close-desc{top: 150px;}



}
@media (max-width:576px) {

.sidebar-offcanvas, .main-menu.inner-page-menu.sidebar-offcanvas{position:fixed !important;height:100vh !important;top:0px !important}
.bodytogglemenu .page-wrapper{position:fixed;}


.page-wrapper{width:100vw !important;overflow-x:hidden !important}
.gallery-slogans .swiper-slide-active .slogan{transform:scale(.9);}
table,tr,td{display:block !important;width:100% !important;}
table img{max-width:100% !important;height:auto !important;}
.fullscreen-projects-gallery .bg-cover{height: 100%;}
.back-projects{left: 0px}
.form-group{padding-left: .5rem;padding-right: .5rem;}
.cats{min-height: 100px;height: auto;}
.cats .cat{height: 50%;}
.cats .cat .name h1{padding: 1.5rem}
.cats .cat  .tint{display: none;}
.project .media{display:block;}
.project img{max-width: 100%}
.project .name {margin-bottom: 0px}
.media-body{text-align: center;margin-top: 1rem;padding-top: .5rem}
.project .name,.media-body{font-size: 1.6rem;}

.fullscreen-projects-gallery .swiper-pagination{bottom: 10px;left: 0px;right: 0px;margin: auto;border:none;}
.fullscreen-projects-gallery .full-details{bottom: 50px;left: 21px;width: 100%;margin: auto;text-align: center;}

.fullscreen-projects-gallery .full-details .desc {margin: auto;text-align: left;    padding-left: 2.2rem !important;padding-right: 2.3rem !important;}
.footer .copyright ,  .footer .by{float: none;width: 100%;display: block;width: 100%;text-align: center;}
.home-gallery  .swiper-pagination{bottom: 50px !important;transform:rotate(0deg);right:0px;left:0px;}
.gallery-slogans{position: relative;}
.fullscreen-gallery{position: absolute;}
}