/*
Theme Name: Lapama Rugs
*/
:root {font-size:17px}
body{margin:0;padding:0;letter-spacing: 0.6px;font-family: 'Helvetica','Arial', sans-serif;font-weight: 300;font-size:1rem; line-height: 25px;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #737373;position: relative}
p{margin:0 0 10px}

a{text-decoration: none;color:#1f8bb1}
a:hover {text-decoration: none;color:#000}
h1,h2 {font-family:'Montserrat';font-weight: 700;text-transform: uppercase;color: #1f8bb1}

.s-pg ul {margin:30px 0 30px 10px}
.s-pg ul li{background: url('images/b-rt-arrow.png') left 8px no-repeat; padding: 0 0 0 20px; background-size:6px; margin-bottom: 5px}
.s-pg h3,.s-pg h4,.s-pg h5,.s-pg h6{font-family:'Montserrat';font-weight: 700;text-transform: uppercase;color: #1f8bb1}

ul{margin:0;padding: 0}
ul li {list-style: none}

.pd-5{padding: 0 5px}
.pdr-5{padding-right: 5px}
.pdl-5{padding-left: 5px}
.mt-10 {margin-top: 10px}
.fl-rt {float: right}
.mb-15{margin-bottom: 15px}
.pdr-0{padding-right: 0}
textarea:focus{outline: none}

.web-btn{font-family:'Montserrat Light';font-weight:300;font-size: 0.7rem; color: #fff; text-transform: uppercase;padding:8px 40px 10px 22px;position: relative;transition: ease 0.5s all;display: inline-block;letter-spacing: 2px;margin-bottom: 10px}
.web-btn:hover {color: #fff;-webkit-box-shadow: -1px 8px 7px -3px rgba(0,0,0,0.4); -moz-box-shadow: -1px 8px 7px -3px rgba(0,0,191,0.4); box-shadow: -1px 8px 7px -3px rgba(0,0,0,0.4)}
.web-btn.w1{padding: 8px 100px 10px 22px}
.web-btn.w2{padding: 8px 30px 10px 22px}
.web-btn.w2 .arrow{right: 15px}
.web-btn.w3{padding: 8px 83px 10px 22px}
.web-btn.w4{padding: 8px 90px 10px 70px}
.web-btn.w5{padding: 8px 55px 10px 55px}
.web-btn.w3 .arrow,.web-btn.w4 .arrow{right: 65px}
.web-btn.w5 .arrow{right:45px}

.bk-blue1{background: #1f8bb1}
.bk-blue2{background: #1a6681}
.bk-blue3{background: #1d242f}

.web-btn.pro-btn{padding: 8px 80px 10px;border: 0;cursor: pointer}

/***** hover css *****/
.slide-arrow a,.f-block a,.copyright a,.s-icon ul li a,.p-thumb a,.d-blue ul li a,.list-in a,.fab,.blue-breadcrumb .breadcrumb-item a,.scrollup,.s-pg a{transition: ease 0.5s all}
.slide-arrow a:hover, .f-block a:hover,.copyright a:hover ,.p-thumb a:hover,.pro-list ul li a:hover,.grey-link:hover,.blue-breadcrumb .breadcrumb-item a:hover,.scrollup:hover,.list-in a:hover{color:#1f8bb1}
.s-icon ul li a:hover{background: #1f8bb1}
.d-blue ul li a:hover{background: #1a6681}
.s-icon ul li a:hover .fab {color: #fff}


/*** arrow animation ***/
.arrow {position: absolute; right:20px;-webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;}
.arrow {opacity:1;top: 45%}
.web-btn:hover .arrow {opacity:0; top: 55%}
.arrow-first {width: 5px;height: 5px;background: url('images/play-arrow.svg') center center no-repeat;background-size:5px;
  -webkit-animation: arrow-movement 1.5s ease-in-out infinite;
          animation: arrow-movement 1.5s ease-in-out infinite}
.web-btn:hover .arrow-first {width: 5px;height: 5px;background: url('images/play-arrow.svg') center center no-repeat;background-size:5px;
  -webkit-animation: arrow-movement 1.5s ease-in-out infinite;
          animation: arrow-movement 1.5s ease-in-out infinite}
.web-btn:hover .arrow-second {width: 5px;height: 5px;background: url('images/play-arrow.svg') center center no-repeat;background-size:5px;
  -webkit-animation: arrow-movement 1.5s 0.8s ease-in-out infinite;
          animation: arrow-movement 1.5s 0.8s ease-in-out infinite}
.arrow-second,.arrow-first  {animation: unset}
.arrow:before,.arrow:after { content: '';display: block; height: 3px; position: absolute; top: 0; left: 0; width: 10px}
.arrow:before { -webkit-transform-origin: top left;transform-origin: top left}
.arrow:after { -webkit-transform-origin: top right;transform-origin: top right}

@-webkit-keyframes arrow-movement {
  0% {
    opacity: 0;
    top: 35%;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes arrow-movement {
  0% {
    opacity: 0;
    top: 35%;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


/**** header ****/
header{background: #1d242f;padding:12px 0 9px}
.logo{width: 135px}
header .navbar-nav .nav-link{ padding:0}


/**** banner *****/
.slider .carousel-item {color:#fff;/*height:720px*/ height: 100vh; width: 100%}
.slider .carousel-control-next-icon {background-image: url('images/b-rt-arrow.png');background-color: rgba(255,255,255,0.8); width: 45px; height: 45px;border-radius: 50%; background-size:7px}
.slider .carousel-control-prev-icon {background-image: url('images/b-ft-arrow.png');background-color: rgba(255,255,255,0.8); width: 45px; height: 45px;border-radius: 50%; background-size:7px}
.slider .carousel-control-prev, .carousel-control-next {opacity: 1}

.slider .carousel-item{background-size: cover !important}


.lft-head {padding-right:50px}
.lft-head h2{color: #fff;font-size: 2.5rem;margin: 0 0 13px}
.lft-head h2 span{font-weight:200;display:block;font-family: 'Montserrat Ultra';font-size: 1.6rem}
.lft-head p{font-weight:300;color:#fff;font-size: 0.8rem;margin: 0 0 39px;line-height:19.5px}
/*.tra-bg {position: absolute;content: ''; background: rgba(29,36,47,0.8);width:100vw;height: 125vh;transform: rotate(75deg);left: -32%;top: 0}*/
.tra-bg {
    position: absolute;
    /* content: ''; */
    background: url(images/tr-bg.png) left top no-repeat;
    width: 100%;
    height: 708px;
    left: -20%;
    /* top: 0; */
    transform: unset;
    /* background-size: 100%; */
}
.head-img {position: relative; display: flex;height:565px;align-items: center}

.slide-arrow {position: absolute;bottom:-60px}
.slide-arrow a{color: #fff;text-transform: uppercase;font-family:'Montserrat Light';font-weight:300;font-size: 0.7rem}
.slide-arrow a:hover {color:#1f8bb1}
.icon-prev {background:url('images/left-arrow.svg')left center no-repeat;width:5px;height:5px;padding-left: 15px}
.icon-next {background:url('images/play-arrow.svg')right center no-repeat;width:5px;height:5px;padding-right: 15px}
.icon-prev, .icon-next {background-size:5px;width:5px;height:5px}
.carousel-item img.v-line {width:1.5px;height: 8px;margin: 0 10px}

/***** rt-menu ****/
.tel p{ font-family:'Montserrat';font-weight:700;margin: 0;color: #fff;font-size: 1rem}
.tel p span{font-family:'Montserrat Light';font-weight:300;font-size:0.8rem;text-transform: uppercase}
.navbar.mainmenu{padding: 0}
.mainmenu .dropdown-toggle::after{display: none}
.mainmenu .navbar-collapse {flex-direction: column;justify-content: flex-end}
.rt-menu ul li {margin-left: 30px}
.rt-menu ul li a{color: #fff; font-family:'Montserrat Light';font-weight:300;font-size: 0.7rem; text-transform: uppercase;}
li.dropdown:hover .dropdown-menu { display: block; border: 0; border-bottom: 5px solid #1f8bb1; border-radius: 0; padding: 0px 17px 17px 17px; width: 200px}
li.dropdown:hover .dropdown-menu li {margin: 0; padding: 7px 0; border-bottom: 1px solid #1f8ab0}
.rt-menu ul.dropdown-menu li a{color: #000}
.mainmenu .navbar-nav {position: relative;padding-right:43px}
.navbar-nav li a:hover::after { width: 100%; transition: width .3s}
.navbar-nav li a::after { content: ''; display: block; width: 0; height:3px; background: #2287ae; transition: width .3s; position: relative; bottom: -9px}


/*** search ****/
body.search-open {overflow: hidden}
.close {position: absolute; top: 2rem;right: 2rem;display: block}
.close img {width: 30px}
.search-box.search-elem {margin: 0;position: fixed; top: 0;left: 0;width: 100%;height: 100%; z-index: 100;background: rgba(29, 36, 47, 0.9); transition: all .3s  ease-in-out;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0)}
.search-box.search-elem .inner { margin: 0 auto;position: relative;top: 50%;transform: translateY(-50%)}
.search-box.search-elem button.submit {outline: none; position: absolute;border:0;background: none;cursor:pointer;right: 30px;top: 16px}
/*.search-box.search-elem button.submit[disabled] {
  background: #1f8bb1;
  color: #32213A;
}*/

.submit img {width:30px}
.search-box.search-elem input[type="text"] {padding: 20px; width: 100%;font-size:20px; border: none;border-bottom: solid 2px #1f8bb1;transition: border 0.3s; border-radius: 0}
.search-box.search-elem input[type="text"]:focus { border-color: ;box-shadow: none}
.search-box.search-elem label.placeholder{position:absolute; top:20px;left:2rem;font-size: 1.46rem;font-family:'Montserrat Light';color: #1a6681;transition: all .3s;margin: 0}
.search-box.search-elem label.placeholder.move-up {top: -25px;color: white;font-size: 1rem;}
.search-box.search-elem.search-open { -webkit-transform: scale(1);-ms-transform: scale(1); transform: scale(1)}
.search-btn {width: 23px;height: 23px;border: 1px solid #fff; border-radius: 50%;position: absolute;right: 0;display: flex;justify-content: center}
.search-btn img {width: 11px}


/**** single page ****/
.pro-slide .carousel-inner img { width: 100%;height: 520px;object-fit: cover;}
.pro-slide .carousel-indicators{display:inline-block;height:460px; position:static;/*direction: rtl;*/margin:0;overflow: hidden}

@media screen and (max-width:767px){
.pro-slide  .carousel-indicators{display: inline-flex; direction: inherit; height: auto; width: 100%; max-width:800px; overflow-x: auto; position: relative; margin-left: 0; margin-right: 0; overflow-y: hidden; justify-content: normal;/* margin-bottom:20px*/}
.pro-slide  .carousel-inner{ margin-left:0!important}
}
.pro-slide .item{ margin-bottom:8px;cursor:pointer;padding: 0}
.pro-slide .item.active img{opacity:1}
.pro-slide .item img{/*opacity:0.7;*/transition:0.5s;width: 100%; height: 80px; object-fit: cover}
.pro-slide .item:hover img{opacity:1}
.pro-slide .carousel-control-next {right:0;left:0;margin:0 auto;height: 20px;bottom:75px;top: unset; display: none}
.pro-slide .carousel-control-next-icon{background: url('images/b-ft-arrow.png')center center no-repeat;transform: rotate(-90deg); background-size:10px}
.pro-slide .carousel-control-prev-icon{background: url('images/b-ft-arrow.png')center center no-repeat;transform: rotate(90deg); background-size:10px}

.pro-slide .carousel-indicators .carousel-control-prev, .pro-slide .carousel-indicators .carousel-control-next{opacity:0;transition: ease 0.4s all}
.pro-slide .carousel-indicators:hover .carousel-control-prev, .pro-slide .carousel-indicators:hover .carousel-control-next{opacity:1;}

.pro-slide .carousel-control-prev{height: 20px;right: 0;left:0;margin:0 auto;display: none}

.pro-slide .carousel-indicators:hover .pro-slide .carousel-control-next,
.pro-slide .carousel-indicators:hover .pro-slide .carousel-control-prev{opacity: 1}

/*.thumb-lft{width: calc(122px - 15px);}*/
.thumb-rt{/*width: calc(100% - 150px);*/ margin-left:-4px;position: relative;
    z-index: 9;}


@media screen and (min-width: 1440px) {
.pro-slide .carousel-inner{display: flex;height: 100%}
}


.pro-slide .carousel-item {height:100%;}


.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
.vert .carousel-item-next,
.vert .active.carousel-item-right {-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100% 0)}
.vert .carousel-item-prev,
.vert .active.carousel-item-left {-webkit-transform: translate3d(0,-100%, 0);transform: translate3d(0,-100%, 0)}


/**** running line *****/
.head-in.b-dark{background: #1a6681}
.sd-lft h3{color: #848484;font-family:'Montserrat Medium';font-size: 1.1rem;border-bottom: 1px solid #cecece;padding-bottom: 18px;margin-bottom: 18px}
.sd-lft h3 a{font-family: 'Montserrat';float: right;color: #1f8bb1;font-size: 0.9rem}
.sd-lft h2{color: #515151;letter-spacing: 1px;font-size: 1.3rem;text-transform: none;margin-bottom:10px}
.modules-inn .custom-control-label {margin-bottom: 0;margin-left: 10px; font-size: 0.9rem;color: #525252}
.modules-inn .custom-control-label:focus{outline: none}
.custom-control-label::after {top:5px;left:2px}
.modules-inn .custom-control{font-family: 'Proxima Nova Rg';margin:10px 0}
.module-gradient {position: absolute; bottom: 0; left: 0;width: 100%;height:90px;background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 100%);
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#ffffff",GradientType=1)}
.module-gradient-main {max-height:330px;overflow: hidden}
.modules-inn {padding:0 0 50px;margin-bottom: 35px;border-bottom: 1px solid #cecece;}
.module-gradient a { font-size: 15px;color: #1a1a1a;position: absolute;bottom:15px;left:0;cursor: pointer}
.module-gradient a:not([href]):not([tabindex]),a:not([href]):not([tabindex]) {color:#1f8bb1;font-family:'Proxima Nova Rg'}

.collapse-close {color: #1f8bb1;
    font-family: 'Proxima Nova Rg';position: absolute;left:0;color: #1a1a1a;cursor: pointer;font-size: 15px;bottom:15px}

.modules-inn .custom-control-label::before{background: none;border: 1px solid #cecece; width: 22px;
    height: 22px;border-radius: 2px}
.modules-inn .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{background-color: #1f8bb1;box-shadow: none;}

.modules-inn .custom-control-label::after {width: 20px;height:20px}
.modules-inn .custom-control-input:focus ~ .custom-control-label::before{box-shadow: none}



@media (min-width: 992px){
.mainmenu .navbar-collapse {align-items: flex-end}
}

input:focus, button:focus{outline: none}

/*** project *****/
.project {padding: 50px 15px}
.project h2{font-size: 1.4rem; margin: 0 0 4px;letter-spacing: 2px}
.project p{color: #1d242f;margin: 0 0 30px;font-size: 0.8rem}


/****************hamburger*****************/
.hamburger {padding: 0;z-index: 4;display: inline-block;cursor: pointer;transition-property: opacity, filter;transition-duration: 0.15s;transition-timing-function: linear;font: inherit;color: inherit;text-transform: none;background-color: transparent;border: 0;margin: 0;overflow: visible}
.hamburger-box {width: 30px;height: 30px;display: inline-block;position: relative}
.hamburger-inner {display: block;top: 50%;margin-top: -2px}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 30px;height: 3px;border-radius: 0px;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease}
.hamburger-inner::before, .hamburger-inner::after {content: "";display: block}.hamburger-inner::before {
    top: -8px;background-color: #fff }
.hamburger-inner::after {bottom: -10px;background-color: #fff  }
.hamburger:focus{outline: none}
.hamburger--emphatic {overflow: hidden}
.hamburger--emphatic .hamburger-inner {transition: background-color 0.125s 0.175s ease-in;background-color: #fff }
.hamburger--emphatic .hamburger-inner::before {
left: 0;transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in}
.hamburger--emphatic .hamburger-inner::after {
      top: 8px;right: 0;transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in}
.hamburger--emphatic.is-active .hamburger-inner {transition-delay: 0s;transition-timing-function: ease-out;background-color: transparent}
.hamburger--emphatic.is-active .hamburger-inner::before {left: -80px;top: -80px;background: #fff;
transform: translate3d(80px, 80px, 0) rotate(45deg);transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1)}
.hamburger--emphatic.is-active .hamburger-inner::after {right: -80px;top: -80px;background: #fff;transform: translate3d(-80px, 80px, 0) rotate(-45deg);transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1)}
.mob-btn{display: none}


/** img-height *****/
.h-1{height:500px}
.h-2{height:245px}

.ih-item.square {position: relative;width: 100%; height:100%}
.ih-item.square .info { position: absolute;top: 0;bottom: 0;left: 0; right: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden;display: flex; flex-direction: column; justify-content: flex-end}
.ih-item {position: relative;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out}
.ih-item,.ih-item * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.ih-item a {color: #333}
.ih-item a:hover {text-decoration: none}
.ih-item img {width: 100%;height:100%;object-fit: cover}
.ih-item.square.effect13 {overflow: hidden}
.ih-item.square.effect13.colored .info {background: #1f8bb1;background: rgba(31, 139, 177, 0.8)}
.ih-item.square.effect13.colored .info h3,.ih-item.square.effect13 .info p {font-family:'Montserrat Medium';font-weight:500; color:#fff;padding:0 20px}
.ih-item.square.effect13 .info p { margin-bottom:15px; text-transform: none}
.ih-item.square.effect13 .img {-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1)}
.ih-item.square.effect13 .info {background: #333333;background: rgba(0, 0, 0, 0.6);visibility: hidden;opacity: 0;pointer-events: none;-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out;transition: all 0.35s ease-in-out}
.ih-item.square.effect13 .info h3 {text-transform: uppercase;font-size: 1rem;padding: 10px;margin:0}
.ih-item.square.effect13 a:hover .img {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2)}
.ih-item.square.effect13 a:hover .info {visibility: visible;opacity: 1}
.ih-item.square.effect13.bottom_to_top .info {-webkit-transform: translateY(100%); -moz-transform: translateY(100%);-ms-transform: translateY(100%);-o-transform: translateY(100%);transform: translateY(100%)}
.ih-item.square.effect13.bottom_to_top a:hover .info {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0)}

/***** testimonial *****/
ul.star{margin: 0 0 43px}
.testimonial {background: url(images/testimonial.jpg) left top no-repeat;text-align:center;background-size:cover;padding:38px 0 65px}
.testimonial h2{color: #fff;margin: 0 0 15px;text-transform: none;font-size: 1.5rem;letter-spacing: 2px}
.testimonial ul li{margin: 0 5px;width: 30px;display: inline-block;}
.item span{font-size: 6.9375rem;font-family:'Montserrat';font-weight: 700;color: #1f8bb1}
.owl-carousel .owl-item img.quote{width: 38px;margin: 0 auto 20px; text-align: center;}
.owl-dots {display: none}
.owl-prev {position: absolute;left: -3%;top:35%}
.owl-next {position: absolute;right: -3%;top:35%}
.owl-item quote, .owl-item p{color: #545456;font-size: 0.8rem;line-height: 20px;display: block}
.owl-item quote{margin: 0 0 20px}

/***** pro *****/
.pro {text-align: center}

/***** view-design ******/
.view-design{background: #f9faff;padding:48px 0 17px}
.view-design a {display: block}
.view-design h2, .view-design p {text-align: center}
.view-design h2{font-size: 1.7rem;letter-spacing: 2.2px}
.view-design p{font-family: 'Helvetica';margin: 0 0 20px;letter-spacing: 1px; font-weight: 400}


/**** footer *****/
footer{background: #1d242f;padding:44px 0 0}
.f-block h2, .f-block p, .f-block a,.f-block address{color: #fff}
.f-block p{margin: 0 0 20px}
.f-block h2 {font-family: 'Helvetica';margin: 0 0 25px; font-weight: 400; text-transform: unset; font-size: 0.8rem;letter-spacing: 1px}
.f-block li{line-height:29px}
.f-block a,.f-block address{font-family: 'Helvetica'; font-weight:400;color: #919191;font-size: 0.8rem}
.s-icon{padding-left: 14px}
.s-icon ul li {font-family: 'Helvetica';font-weight:500;display: inline-block;margin: 0 4px;line-height: unset}
.s-icon ul li a { background: #b8e3f1;color: #1d242f; border-radius: 3px;width: 21px;display: block;text-align: center; height: 21px}
.f-logo{width: 135px;margin: 0 0 12px;height: auto}

.copyright {text-align: center;padding: 10px 0;margin-top:10px;border-top:1px solid #495568}
.copyright p{color:#f5f5f5;font-size: 0.7rem}
.copyright a{color: #b8e3f1}

/***** project page ****/
.carousel-item img {width: 100%;height: 100%;object-fit: cover}
.carousel-item { -webkit-transition: -webkit-transform .6s ease-in-out; transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; transition: transform .6s ease-in-out,-webkit-transform .6s ease-in-out,-o-transform .6s ease-in-out;  -webkit-backface-visibility: hidden; backface-visibility: hidden;-webkit-perspective: 1000px; perspective: 1000px}

/***** brand *****/
.brand {text-align: center;padding: 50px 0 12px}
.brand ul li {display: inline-block;margin:0 15px}
.brand ul li img {width: 102px;height: auto}
.brand h2{font-size:0.9rem;margin: 0 0 15px;color: #9d9d9d;font-family:'Montserrat'; font-weight:normal}

/**** pro ****/
.pro {padding:50px 0 60px}
.pro h2{color: #1f8bb1;font-size:1.8rem;letter-spacing: 2px;margin-bottom:14px}
.pro h3{color: #919191;font-family: 'Helvetica';font-weight:400;font-size: 1.1rem;;margin-bottom:20px}

.p-route h4{color: #1f8bb1;border:5px solid #e7e7e7;border-radius: 50%;width:79px;height:79px;display: flex;justify-content: center;font-family:'Montserrat';font-weight: 700;font-size:1.8rem;justify-content: center;align-items: center;
    margin:0 auto 13px;position: relative}
.p-route h4:after {content: "";position: absolute;background: url('images/dash.png') left center no-repeat; width:300%;height: 10px;left:105%; top:45%;}
.p-route.last h4:after{display: none}
.p-route h3{color: #1d242f;font-size: 1.1rem;border-bottom: 1px solid #1f8bb1;display: inline-block;margin:0 auto 10px;padding-bottom:10px;font-family:'Montserrat Light';}    
.p-route p{color: #999;font-size:0.8rem;font-weight: 400;line-height: 20px}

/*** about pg bkc ***/
.bkc {width: 100%;height:527px}


/****** head-back *****/

.grey-back{background: #f9faff}
.con-txt {padding:16px 25px;text-align: center;background: #f2f2f3;position: relative;z-index: -1}
.con-txt h2{font-size: 1.5rem;letter-spacing: 2px;color: #1f8bb1;display: block}
.con-txt h2 span{display: block;margin: 0 0 10px;font-size: 1.2rem;letter-spacing: 0;font-family: 'Montserrat Light';font-weight: 300}
.con-txt h3{color: #919191;margin:0;font-size: 0.7rem;font-family:'Montserrat Light'}

.con-txt p{color: #040404;margin: 0 0 7px;text-transform: uppercase;font-size: 0.7rem;line-height: 22px; font-family:'Montserrat Light';font-weight: 300 }
.con-txt h4{ font-family:'Montserrat Light';color: #1f8bb1;font-weight: 300;font-size: 1.46rem;}
.head-back.con-head {background: url('images/head6.jpg') left top no-repeat;min-height:235px;display: flex;align-items: center;color: #fff;text-align: center}
.con-head h1{color: #fff;font-size:3.8rem;letter-spacing: 3px;text-transform: uppercase;font-family:'Montserrat';font-weight: 700}
.con-head h1 span{display: block;font-size: 1.1rem;letter-spacing: 0.5px; word-spacing: 1px;text-transform: none;font-family: 'Montserrat Ultra';font-weight: normal}
.con-txt.text-left{ z-index: 1 }

/**** project *****/
.slider .carousel-indicators li{width:18px;height:18px;opacity:0.6;border-radius: 50%;background: #fff;border: 0}
.slider .carousel-indicators .active{opacity:1}
.pro-pg .breadcrumb-item + .breadcrumb-item::before{content: ">";color: #919191}

.pro-pg ol{background: none;padding: 0;margin: 0}
.pro-pg ol a{color: #919191}

.content{padding: 30px 150px 50px 0}
.content h1{margin: 0 0 5px; line-height: 30px;color: #208bb1;font-size:1.4rem;letter-spacing: 2px; text-transform: none;font-family:'Montserrat';font-weight: 700}
.content h2{display: block;color: #616161;font-size: 1.1rem;letter-spacing: 0; word-spacing: 3px;font-family: 'Montserrat Ultra';font-weight: normal;margin: 0 0 15px;text-transform: none}

/***** project main ******/
.head-in{background: #1d242f;min-height: 238px;display: flex;align-items: center}
.head-in h1 { color: #fff;line-height: 56px; text-align: center;font-size: 3.6rem;letter-spacing: 3px; word-spacing: 4px}
.pro-pg .breadcrumb li{float: right;color: #919191;font-size: 0.7rem;letter-spacing: 0}
.pro-pg {padding:9px 0}
.pro-pg nav{color: #919191;font-size: 0.7rem}
.pro-pg a{color: #919191;font-size: 0.7rem;letter-spacing: 0}
.pro-pg span.current-item{color: #919191;font-size: 0.7rem;letter-spacing: 0}
.pro-pg a:hover{color: #1f8bb1}
.pro-list {padding:38px 0}
.pro-list h2{font-size: 1.4rem;letter-spacing: 2px;margin: 0 0 20px}
.list-in a{font-size: 0.7rem;word-spacing: 1px;color: #919191; font-weight: bold;text-transform: uppercase}
.list-in a span{font-family:'Helvetica';font-weight: normal}

.blk-back{background: #000000}
.blue-breadcrumb ul{text-align: right}
.blue-breadcrumb ul li{font-size: 0.8rem; display: inline-block; letter-spacing: 1px;background: none;margin: 0;text-transform: uppercase;font-family:'Montserrat Light';padding: 0 0 18px;color: #fff}
.blue-breadcrumb ul li::before {content: "";padding: 0 4px 0 7px;background: url('images/dot.png')left center no-repeat;background-size:3px}
.blue-breadcrumb ul li:first-child::before {display: none}


/****** custom qualities *******/
.q-thumb {background: #f2f2f3;display: flex;flex-direction: column;justify-content:space-between;padding:50px 30px 20px;text-align: center;height:100%}
.q-thumb h2{font-size: 1.5rem;margin: 10px 0}
.q-thumb p{text-transform: uppercase;font-family: 'Montserrat Ultra';font-weight: normal;font-size: 1rem}
.q-thumb img {margin-bottom: 15px}

/***** q-pg *******/
.q-pg {background: #1f8bb1;text-align: center}
.q-pg h2{color: #fff;font-size:2.1rem;font-family: 'Montserrat Ultra';font-weight: normal;text-transform: none}
.q-pg.b-dark h2{font-size: 1.7rem}

/**** p-thumb *****/
.p-thumb {text-align: center;margin-bottom: 10px;position: relative;overflow: hidden}
.p-thumb a{font-size: 0.7rem; font-family:'Montserrat Light';font-weight:300;text-transform: uppercase;word-spacing: 4px; color: #000;display: block}

/**** contact page ****/
.con-main{padding:43px 0 100px}
.con-main h3{font-family:'Montserrat Light';font-weight:300;margin:0 0 40px;color: #919191;font-size:1rem}
.d-blue{padding: 5px 0 0}
.d-blue ul li a{font-size: 0.7rem;background: #1f8bb1;color: #fff}
.con-info {background: #f2f2f3;text-align: center;padding: 30px}
.con-info h2{font-size: 1.1rem;word-spacing: 2px;letter-spacing: 1px}
.con-info h3{color: #040404;margin: 0 0 7px;font-size: 0.8rem;font-family: 'Montserrat';text-transform: uppercase;}
.con-info h3:nth-child(2){text-transform: none}

.con-info p { color: #919191;margin: 0 0 23px;font-size: 0.8rem; font-family:'Montserrat Light';line-height: 18px}
.con-info h4{color: #1f8bb1;margin: 0 0 42px;font-size: 1.3rem;word-spacing: 1px;font-family: 'Montserrat';}
.con-info label{font-family: 'Montserrat';margin:0;font-size: 0.7rem;color: #040404;text-transform: uppercase}
.con-info .input-group-text {padding: 10px 17px;border:1px solid #b8e3f1;background: #fff}
.con-info .input-group-text img {width: 20px}
.form{text-align: left}

.con-info .input-group{margin-bottom: 10px}
.con-info form{ padding: 0 20px}
.con-info form .d-flex {width: calc(100% - 55px)}
input.in-txt {height: 100%;font-size: 0.8rem;padding: 16px 10px;width:100%;border:1px solid #b8e3f1;box-shadow: none;border-radius: 5px;border-top-left-radius: 0;border-bottom-left-radius: 0}
textarea {height: 100%;height:145px;width:100%;border:1px solid #b8e3f1;border-radius:5px;box-shadow: none;resize: none}
.con-txt .input-group-text {border:1px solid #b8e3f1;box-shadow: none;border-radius: 5px;border-top-right-radius: 0;border-bottom-right-radius: 0;background: #fff}
input.f-btn{border-radius: 0;width: auto;border:0;}

/**** custom rug builder ****/
.thumb-hover{display:none;position: absolute;top:0;bottom: 0;left:0;right: 0;margin: 0 auto;transition: ease 0.5s all;transform: translate(0, 380px);cursor:pointer}
.p-thumb2:hover .thumb-hover {display:block;transform: translate(0, 0);}
.thumb-hover div{display: flex;justify-content: center; align-items: center;height: 100%}

.swap-on-hover { position: relative}
.collection-thumb { height:480px}
.swap-on-hover:hover > .swap-front-image {opacity: 0}
.collection-thumb img {height:480px}
.swap-on-hover .swap-front-image {z-index: 1; transition: opacity .5s linear; cursor: pointer}
.swap-on-hover img {position: absolute; top: 0; left: 0; overflow: hidden}
.collection-thumb img { object-fit: cover; height: 100%; width: 100%}


/***** sidebar-pg *****/
.sidebar-pg {padding:17px 0}
.sidebar-pg.text-md-left{display: block;padding: 40px 0}
.lf-sidebar {position:absolute;width: 90%}
.sidebar-pg h1{margin: 0 0 18px;color:#1d242f;font-family:'Montserrat Medium';font-weight:300;font-size:0.7rem}
.grey-link {text-transform: uppercase;color: #858585;font-family:'Montserrat';font-weight: 700;text-align: center;margin:8px auto 0;display: block;letter-spacing: 2px}
/*.sd-lft {padding-right:90px}*/

.sa{display: none}
.sa.hamburger--emphatic .hamburger-inner,.sa.hamburger-inner::before, .sa.hamburger--emphatic .hamburger-inner::before, 
.sa .hamburger-inner::before, .sa .hamburger--emphatic.is-active .hamburger-inner::before, .sa .hamburger-inner::after, 
.sa.hamburger--emphatic.is-active .hamburger-inner::after {background-color: #1f8bb1}
.sa.hamburger--emphatic.is-active .hamburger-inner{background: transparent}

.sa.hamburger--emphatic .hamburger-inner::before{width:30px;left:-5px}
.sa.hamburger--emphatic .hamburger-inner {width: 20px}
.sa .hamburger-inner::after {width:11px;left:5px}

.sa.hamburger--emphatic.is-active .hamburger-inner::after{width: 30px;right: -90px;left:unset}
.hamburger--emphatic.is-active .hamburger-inner::before{left: -80px;;width: 30px}


/***** about us page*****/
.m-50 {margin-bottom:50px}
.abt-head {text-align:center;background: url('images/head3.jpg') left top no-repeat; min-height:565px;background-size: cover;display: flex;align-items: center}
.abt-head h1{color: #fff;font-size: 3.6rem;letter-spacing: 2.5px}
.abt-head h1 span{display: block;text-transform: none;font-family:'Montserrat Light';font-weight:300;font-size:2rem}
.mid-con {padding:58px 35px 45px}
.mid-con p{font-family: 'Helvetica 55 Roman'}
.values {background: #f9faff;padding: 55px 0 78px}
.v-txt {padding: 20px 0}
.v-txt h3{text-transform: uppercase;margin: 0 0 5px;font-size:15px; font-family: 'Helvetica 55 Roman';font-style: normal}
.v-txt h2{font-size: 2.2rem;margin: 0 0 13px;letter-spacing: 2.5px; word-spacing: 2px}
.v-txt p{margin-bottom:24px}
.abt-img {width: 600px;height:auto;object-fit: cover;margin:0 auto;display: block}

.t-txt {text-align: center;padding:48px 0;background: #f9faff}
.t-txt h2{font-size: 1.6rem;letter-spacing: 2.2px;word-spacing: 1px}
.t-txt p{font-size: 0.9rem}

.ser {padding:45px 0 90px;text-align: center}
.ser h2{letter-spacing: 2.7px;margin: 0 0 43px;font-size: 2.6rem;word-spacing: 1px}
.ser-thumb h3{text-transform:uppercase;font-family:'Montserrat';font-weight:700;color:#000;font-size:1.3rem;letter-spacing:1.9px;margin:19px 0 9px}
.ser-thumb p{letter-spacing: 0;line-height: 22px;margin: 0 75px}


/****** agra page ******/
.head{text-align: center;margin-bottom: 24px}
.img-c1 {object-fit: cover;width: 100%;margin-bottom:14px}
.head h1{font-size: 1.5rem;letter-spacing: 3px}
.head-in h1 span{font-family: 'Montserrat Ultra';letter-spacing: 2px;
    word-spacing: 3px;font-weight: normal;text-transform:none;font-size: 2rem;display: block}
.head p{padding: 0 90px}
.pro-main {margin-bottom: 70px;position: relative;overflow:hidden;}
/*.carousel {overflow: hidden}*/
.qlt-left {margin-bottom:50px}
.c-q-img img {width: 100%}
.c-q-img h3{text-align: center;color: #000;font-size:1.1rem;margin:19px 0 57px;font-family: 'Montserrat';font-weight: 700;}
.c-q-img h3 span{font-family:'Montserrat Light';font-weight:300}

#video_pop .modal-dialog{margin: 0 auto;max-width: 800px;height: 100%; display: flex; align-items: center}
#video_pop .modal-body{padding: 5px}
#video_pop .close{top: -35px;right: 0;color: #1f8bb1;text-shadow: none;opacity: 1}
.modal-open .modal#video_pop{background: rgba(29,36,47,0.5);}

#sticky.stick { position: fixed; z-index: 1;top:0; /* left:57.333333%;*/ width: 445px}
.ht-one {min-height: 190px}
.c-offcanvas { left: 0; padding: 1rem; overflow-y: scroll}
.js-offcanvas a {color: #337ab7;outline: 0}
.js-offcanvas .dropdown-menu {position:relative;border:none}

.sa .hamburger-box {width: 45px;height:45px}
.pos-rel {position: relative}

.frm .modal-content {border:0; border-radius: 0}
.frm .modal-header .close {padding: 0}
.frm .modal-header{border:0}
.frm .form-control {border-radius: 0;border:1px solid #283040}
.frm .form-control:focus {box-shadow: none;outline: none;border-color: #1f8bb1}
.frm .close{color: #1f8bb1}

.form .wpcf7-form-control-wrap{ width: 100% }
.sidebar-pg .modal-body p{color: #1d242f;font-family: 'Montserrat Medium';
font-weight: 300;font-size: 0.9rem}
.post-password-form input[type="password"]{padding: 0 10px; height: 35px; line-height: 35px;
border: 1px solid #b8e3f1;border-radius: 5px}
.post-password-form input[type="submit"]{
font-family: 'Montserrat Light';font-weight: 300;background: #1f8bb1;
font-size: 0.7rem;color: #fff;text-transform: uppercase;
padding: 0 30px;position: relative; height: 35px; line-height: 35px;
transition: ease 0.5s all;display: inline-block;letter-spacing: 2px; border:none; cursor: pointer}
.post-password-form input[type="submit"]:hover {
 color: #fff;-webkit-box-shadow: -1px 8px 7px -3px rgba(0,0,0,0.4);
-moz-box-shadow: -1px 8px 7px -3px rgba(0,0,191,0.4);
box-shadow: -1px 8px 7px -3px rgba(0,0,0,0.4);
}

.scrollup{position:absolute;bottom:20px;right:50px;display:block;color:#fff;font-size:0.8rem;background:url('images/top.png') center left no-repeat;padding-left: 28px}

.flex-wrap{flex-wrap: nowrap;}


/*** project new slider ***/
.slider.desk {display: block}
.slider.mob {display: none}

/*** media ****/
@media (max-width:991px) {
.sa{display: block}
/** mob nav ***/
header {padding: 14px 0 11px}
.tel p{color: #1d242f;text-align: center}
.rt-menu ul li{margin: 0}
.rt-menu ul li a { font-size: 0.8rem;color: #1d242f}
.navbar-collapse {position: absolute;top:58px;background: #fff; width: 100%;z-index:10;left:0;box-shadow: 0px 8px 8px 0px #0000002b;padding:20px 20px}
.mainmenu li.dropdown li {font-size:0.875rem;padding: 3px 0 3px 15px;margin: 0;font-weight: 600}
.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu {padding: 10px 0;box-shadow: none;border:0}
.mainmenu li.dropdown:hover ul.dropdown-menu{display: block;width: 100%;padding-left: 20px}
.mainmenu li {padding: 8px 0px;margin: 0;border-bottom: 1px solid #000}
.mainmenu li.dropdown li {border:0}
.mainmenu li.dropdown{background: url(images/plus.png) 98% 19px no-repeat;background-size: 10px}
.mainmenu li.dropdown:hover { background: url(images/minus.png) 98% 14px no-repeat;background-size: 10px}
.mainmenu li.dropdown li:hover a{color: #888}
.hamburger--emphatic { position: absolute;right: 20px;top: 5px}
.mainmenu .collapse ul ul li:hover {background: #f8f8f8}
.mainmenu .collapse ul ul li{padding: 7px 10px}
.search-btn {position: unset;margin: 20px 0 0}
.search-btn img {filter: brightness(0.3)}
.lf-sidebar{padding-bottom: 100px}

/*** footer ***/
footer {text-align: center}
.s-icon {padding-bottom: 40px}
.f-block {margin-bottom: 40px}
.f-block h2 {margin-bottom: 10px}

.mt-10 {margin-top: 0}
.pd-5 { padding: 0 10px}
.pdr-5 { padding-right: 15px}
.pdl-5 {padding-left: 15px}

.lft-head p,.p-route h4:after {display: none}
.head-img {height: 355px}
.lft-head {padding: 0 15px}
.lft-head h2 {font-size:1.8rem}
.lft-head h2 span,.q-pg h2,.abt-head h1 span,.q-pg.b-dark h2{font-size: 1.2rem}
.h-1,.h-2{height: auto}

.project,.pro-list,.mid-con {padding: 30px 20px}
.pro-pg {padding:10px 0}
.testimonial,.pro,.values,.t-txt,.ser{padding: 30px 0}
.item {margin:25px;padding: 25px}
.pro h2,.project h2,.testimonial h2,.view-design h2,.head-in h1,.con-head h1,.head h1,.abt-head h1,.v-txt h2,.t-txt h2,.ser h2 {font-size: 1.4rem;letter-spacing: 1px;}
.ser h2{margin-bottom: 20px}

.project .col-md-6, .project .col-12, .project .col-md-3{margin-bottom: 15px}
.project .col-12.mt-10 {margin-bottom: 0}
.ih-item.square{width: 300px;margin: 0 auto}
.ih-item img {width: 300px; height: 300px}

.p-route {margin-bottom:30px}
.web-btn.w1 { padding: 8px 20px 10px 15px}
.brand ul li{margin: 0 15px 20px}

.fl-rt {float: none}
.ht-one,.head-in { min-height: 120px}
.head-back.con-head,.abt-head {min-height:180px}
.bkc img {height: 180px}
.slider .carousel-item{height:600px}
.head p {padding:0}
.content {padding: 15px 0}
.pro-main{margin-bottom: 0}
.con-info,.p-thumb,.con-txt,.ser-thumb {margin-bottom: 20px}
.d-blue { padding: 5px 0 0}
.img-c1 {height: 180px}
.m-50 {margin-bottom: 0}
.ser-thumb p {margin:0}

.row.pad-bottom .col-md-4,.blue-breadcrumb.blk-back {margin-bottom:15px}
.bkc {height: 220px}
.blue-breadcrumb ul {text-align: center}
.sa.hamburger--emphatic{right:0;top:0}
.sidebar-pg .col-md-12 {padding-top: 20px}
.thumb-hover .web-btn{padding: 8px 20px 10px 15px}
.thumb-hover .arrow{right: 10px}
.sidebar-pg {padding: 40px 0;display:block}

.sd-lft h3 a {float: none;margin-left: 30px}
.sidebar-pg.text-md-left {padding: 0}

.hamburger-box p{float: right; margin: 10px 0 0 0}
.sa .hamburger-box{width:75px}

}

@media  (max-width:576px) {
.sidebar-pg .mb-3 {width: 300px;margin:0 auto 20px}
.tra-bg{left:0;background: rgba(29,36,47,0.8)}
.sa .hamburger-box{width: 70px}

.pro-slide .carousel-control-next{right:unset;top:43px;left:-20px;display: none}
.pro-slide .item {margin: 5px}
.pro-slide .carousel-control-prev {left: unset;top:43px;right:-20px; display: none}
.pro-slide .carousel-control-next-icon {transform: unset}
.pro-slide .carousel-control-prev-icon{transform: rotate(-180deg)}

.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {-webkit-transform: translate3d(0, 0, 0);transform: translateX(0,0)}
.vert .carousel-item-next,
.vert .active.carousel-item-right {-webkit-transform: translate3d(0, 100%, 0); transform: translateX(100%, 0)}
.vert .carousel-item-prev,
.vert .active.carousel-item-left {-webkit-transform: translate3d(0,-100%, 0);transform: translateX(-100%,0)}
.pro-slide .carousel-inner {margin-bottom: 14px}

.thumb-lft,.thumb-rt {width: calc(100% - 35px); margin: 0 auto}
.pro-slide .item img {width: 95px}
.pro-slide .item:first-child{margin-left: 0}
.easyzoom .big,.easyzoom .magnifier{display: none !important}
.easyzoom {margin:0 auto}

.ih-item.square.effect13 .info {opacity: 1;visibility: visible;padding-top: 10px}
.ih-item.square.effect13.bottom_to_top .info,.ih-item.square .info,.ih-item.square.effect13 .img,.ih-item.square.effect13.bottom_to_top a:hover .info,.ih-item.square.effect13 a:hover .img {transform: unset}
.ih-item.square .info {position: unset;}

.scrollup{left: 0; right: 0; margin: 0 auto; width: 110px;bottom: 70px}
.easyzoom .small {cursor: auto}
.slider .carousel-item{height:350px}
.slider.desk {display: none}
.slider.mob {display: block}
}


@media (min-width:576px) and (max-width:767px) {
.tra-bg{left:0;background: rgba(29,36,47,0.8)}
.pro-slide .carousel-control-next{right:unset;top: 50px;left: 0}
.pro-slide .item {margin: 5px}
.pro-slide .carousel-control-prev,.pro-slide .carousel-control-next  {display: none}


.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {-webkit-transform: translate3d(0, 0, 0);transform: translateX(0,0)}
.vert .carousel-item-next,
.vert .active.carousel-item-right {-webkit-transform: translate3d(0, 100%, 0); transform: translateX(100%, 0)}
.vert .carousel-item-prev,
.vert .active.carousel-item-left {-webkit-transform: translate3d(0,-100%, 0);transform: translateX(-100%,0)}
.pro-slide .carousel-inner {margin-bottom:14px}
.pdr-0 {padding-right: 15px}
.pro-slide .item img {height:95px;object-fit: cover}
.pro-slide .item:first-child{margin-left: 0}

.pro-slide .carousel-inner img {width: 100%;height: 400px;object-fit: cover}

.easyzoom {margin:0 auto;}
.thumb-lft,.thumb-rt {width: calc(100% - 35px); margin: 0 auto}
.pro-slide .item img {width: 95px}
.thumb-lft { margin: 0 0 0 15px}
.thumb-rt {margin: 0 0 0 8px}
.pro-slide .carousel-control-next {bottom: 60px}
.web-btn.w5 { padding: 8px 35px 10px 35px}
.web-btn.w5 .arrow {right: 27px}
.easyzoom .big,.easyzoom .magnifier{display: none !important}

.ih-item.square.effect13 .info {opacity: 1;visibility: visible;padding-top: 10px}
.ih-item.square.effect13.bottom_to_top .info,.ih-item.square .info,.ih-item.square.effect13 .img,.ih-item.square.effect13.bottom_to_top a:hover .info,.ih-item.square.effect13 a:hover .img {transform: unset}
.ih-item.square .info {position: unset;}
.scrollup{left: 0; right: 0; margin: 0 auto; width: 110px;bottom: 70px}
.easyzoom .small {cursor: auto}
.slider .carousel-item{height:350px}
.slider.desk {display: none}
.slider.mob {display: block}

}

@media (min-width:576px) and (max-width:990px) {
.row.pad-bottom {margin: 0 -10px}
.ih-item img{width: 100%;height: 100%}
.project .ih-item img{width: 300px;height: 300px}
.ih-item.square {width:calc(100% - 15px);height: 100%}
.project .ih-item.square{width: 300px}
.collection-thumb { height:300px}
.swap-on-hover:hover > .swap-front-image {opacity: 0}
.collection-thumb img {height:300px}

.web-btn.pro-btn { padding: 8px 50px 10px}
.pro-slide .carousel-control-next {bottom:210px}

}

@media (min-width:550px) and (max-width:990px) {
.item{margin: 0}
.q-thumb{padding: 30px 20px 20px;height: 100%}
.q-thumb h2 {font-size: 1.3rem}
.q-thumb p{font-size: 0.8rem;letter-spacing: 0}
.project .col-md-6, .project .col-md-3 {margin: 0 auto 15px;width: 100%;max-width: 100%}
}


@media (min-width:767px) and (max-width:990px) {
.ih-item img {width: 100%;height: 100%}
.ih-item.square {width: 100%}
.project .col-md-6, .project .col-md-3,.project .col-12 {margin-bottom: 0}
.row.pad-bottom .col-md-4,.blue-breadcrumb.blk-back {margin-bottom:0}
.project .ih-item img{width:100%;height:100%}
.project .ih-item.square{width:100%}
.sd-lft {max-width: 100%}

.sidebar-pg {padding: 40px 0}

#sticky.stick{/*left: 59.333333%;*/ width: 33%}
.pro-slide .carousel-indicators{height:270px}

.pro-slide .carousel-control-prev,.pro-slide .carousel-control-next {left: 27px}
.pro-slide .carousel-control-next {bottom:0}

}

@media (min-width:767.98px) and (max-width:991.98px) {

.p-route h4:after {display: block;width: 150%}
form {padding: 0}
.h-1 { height: 330px}
.h-2 { height: 160px}
.mt-10 { margin-top: 10px}
.pd-5 {padding: 0 5px}
.pdr-5 { padding-right: 5px}
.pdl-5 {padding-left: 5px}
.ih-item.square.effect13 .info h3 {font-size: 0.8rem}
.tra-bg{left: -50%;background-size: 100% 100%}
}

@media (min-width:991.98px) and (max-width:1200px) {
.rt-menu ul li a{font-size: 0.5rem}

.thumb-hover .web-btn{padding: 8px 20px 10px 15px}
.thumb-hover .arrow{right: 10px}
.tra-bg{background-size: 100% 100%;left: -40%}

#sticky.stick{/*left: 59.333333%;*/ width: 33%}

.pro-slide .carousel-indicators {height:410px}
.pro-slide .carousel-control-next {bottom:10px}
.pro-slide .carousel-control-prev,.pro-slide .carousel-control-next {left: 15px}
.pro-slide .carousel-inner img {width: 400px;height: 400px;}
}

@media (min-width:1201px) and (max-width:1400px) {
.pro-slide .carousel-indicators {height: 524px}
}
/*
@media (min-width:991.98px) and (max-width:1099px) {
.sd-lft{padding-right: 40px}
}
@media (min-width:1100px) and (max-width:1200px) {
.sd-lft{padding-right: 70px}
}


@media (min-width:1201px) and (max-width:1400px) {
.sd-lft{padding-right: 40px}
}*/

@media (min-width:1201px) and (max-width:1600px) {
#sticky.stick{/*left: 59.333333%;*/ width: 33%}
}


@media (min-width:1601px) and (max-width:1650px) {
.tra-bg { background: url(images/tr-bg.png) left top no-repeat; width: 100%; height: 708px; left: -18%;
transform: unset}
}

@media (min-width:1651px) and (max-width:1750px) {
.tra-bg { background: url(images/tr-bg.png) left top no-repeat; width: 100%; height: 708px; left: -16%;
transform: unset}
}

@media (min-width:1751px) and (max-width:1800px) {
.tra-bg { background: url(images/tr-bg.png) left top no-repeat; width: 100%; height: 708px; left: -14%;
transform: unset}
}

@media (min-width:1801px) and (max-width:1900px) {
.tra-bg { background: url(images/tr-bg.png) left top no-repeat; width: 100%; height: 708px; left: -10%;
transform: unset}
}

@media (min-width:1901px) and (max-width:2000px) {
.tra-bg { background: url(images/tr-bg.png) left top no-repeat; width: 100%; height: 708px; left: -7%;
transform: unset}
}

@media (min-width:2001px) and (max-width:2500px) {
.tra-bg { background: url(images/tr-bg2.png) left top no-repeat; width: 100%; height: 708px; left: -14%;
transform: unset}
}



.pro-slide .carousel-indicators::-webkit-scrollbar { width:3px; height:5px} 
.pro-slide .carousel-indicators::-webkit-scrollbar-track {box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.4)}
.pro-slide .carousel-indicators::-webkit-scrollbar-thumb {background-color: #bcbcbc;outline: 1px solid #bcbcbc}
#zoom1 {width:500px;display: inline-block}

.oh { overflow: hidden}
.ov {overflow: visible}

.s-pg {padding: 50px 0}