.custom-dropdown__select{padding:9px 18px;border:0;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;font-weight:400;color:#777;height:54px;border:none;margin:0 auto;font-size:16px;letter-spacing:0}
.custom-dropdown::before,.custom-dropdown::after{content:"";position:absolute;pointer-events:none}
.custom-dropdown::after{content:url(../images/down.png);height:0;font-size:13px;line-height:1;right:12px;top:56%;margin-top:-9px;color:#d72027!important}
.custom-dropdown::before{width:2.3em;right:0;top:0;bottom:0;border-radius:0 3px 3px 0}
.custom-dropdown__select[disabled]{color:rgba(0,0,0,.3)}
.custom-dropdown.custom-dropdown--disabled::after{color:rgba(0,0,0,.1)}
.custom-dropdown--white::before{background-color:transparent;border-left:none}
.custom-dropdown--white::after{color:rgba(0,0,0,.9)}
.custom-dropdown--emerald::before{background-color:#1aa181}
.custom-dropdown--emerald::after{color:rgba(0,0,0,.4)}
.custom-dropdown--red::before{background-color:#d53a22}
.custom-dropdown--red::after{color:rgba(0,0,0,.4)}
.custom-dropdown--large .custom-dropdown__select{padding-right:1.3em}
.custom-dropdown--small .custom-dropdown__select{padding-right:.5em}
/* dropdown style */

#gllryy{padding:46px 0}
#tab-button{display:block;table-layout:fixed;width:fit-content;margin:0 auto 30px;padding:0;list-style:none;text-align:center;background:#eee;border-radius:30px}
#tab-button li{display:inline-block}
#tab-button li a{display:block;padding:12px 23px;background:#eee;border:1px solid #eee;text-align:center;color:#000;text-decoration:none;font-size:17px;text-transform:uppercase;letter-spacing:1px;font-weight:700;border-radius:0;border-radius:30px}
#tab-button li a:hover,#tab-button .is-active a{background:#197083;color:#fff;border:1px solid #197083;border-radius:30px}
.tab-button-outer{display:none}
.tab-contents{margin-top:20px}
@media screen and (min-width: 768px) {
.tab-button-outer{position:relative;z-index:2;display:block}
.tab-select-outer{display:none}
.tab-contents{position:relative;top:-1px;margin-top:0}
}
.grid figure{position:relative;float:left;overflow:hidden;width:100%;height:auto;background:#3085a3;text-align:center;cursor:pointer}
.grid figure img{position:relative;display:block;min-height:100%;max-width:100%;opacity:.8}
.grid figure figcaption{padding:5px 20px;color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.grid figure figcaption::before,.grid figure figcaption::after{pointer-events:none}
.grid figure figcaption,.grid figure figcaption > a{position:absolute;top:0;left:0;width:100%;height:100%}
.grid figure figcaption > a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}
.grid figure h2{word-spacing:-.15em;font-weight:300}
.grid figure h2 span{font-weight:800}
.grid figure h2,.grid figure p{margin:0}
.grid figure p{letter-spacing:1px;font-size:68.5%}
figure.effect-julia{background:#2f3238}
figure.effect-julia img{max-width:100%;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
figure.effect-julia figcaption{text-align:left}
figure.effect-julia h2{position:relative;padding:.5em 0;font-size:24px}
figure.effect-julia p{display:inline-block;margin:0 0 .25em;padding:.4em 1em;background:#ffffffe6;color:#2f3238;text-transform:none;font-weight:500;font-size:75%;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-webkit-transform:translate3d(-360px,0,0);transform:translate3d(-360px,0,0)}
figure.effect-julia p:first-child{-webkit-transition-delay:.15s;transition-delay:.15s}
figure.effect-julia p:nth-of-type(2){-webkit-transition-delay:.1s;transition-delay:.1s}
figure.effect-julia p:nth-of-type(3){-webkit-transition-delay:.05s;transition-delay:.05s}
figure.effect-julia:hover p:first-child{-webkit-transition-delay:0s;transition-delay:0s}
figure.effect-julia:hover p:nth-of-type(2){-webkit-transition-delay:.05s;transition-delay:.05s}
figure.effect-julia:hover p:nth-of-type(3){-webkit-transition-delay:.1s;transition-delay:.1s}
figure.effect-julia:hover img{opacity:.4;-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}
figure.effect-julia:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.tb-dep-res{width:100%;padding:14px;border:1px solid #d5aa5e;background:#d5aa5e;color:#000}
figure{margin:0 auto 24px}
.vido-glrty{position:relative;overflow:hidden;margin-bottom:22px}
#gllryy .demo-gallery > ul > li{height:241px;overflow:hidden}
.glrrr-222{margin-bottom:15px}
.clse-bnt span{position:relative;top:-7px}
.clse-bnt{width:33px;font-size:30px;height:33px;background:#fff;border:1px solid #fff;position:absolute;right:1px;z-index:1}
.modal-content{height:400px}
#gllryy figure.effect-julia{height:160px}

#gallery-single-design{ background: linear-gradient(180deg,rgba(233, 231, 225, 1) 0%, rgba(255, 255, 255, 0) 100%); padding:30px 0 55px !important; }
.gallery-item img{transition:transform .5s ease;cursor:pointer}
.gallery-item:hover img{transform:scale(1.1)}
.gallery-item .card-body{background:#fff;z-index:2;position:relative}
.shadow-sm{box-shadow:0 10px 20px 0 #00000014!important}
.gllry-top-algn{margin:0px auto 9px}
.image-container{cursor:pointer}
.button-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.2);opacity:0;transition:all .4s ease-in-out;z-index:3}
.button-overlay button{transform:translateY(20px);transition:all .4s ease-in-out;font-size:14px;letter-spacing:.5px;border:none}
.gallery-item:hover .button-overlay{opacity:1}
.gallery-item:hover .button-overlay button{transform:translateY(0)}
.btn-light:hover{background-color:#000;color:#fff}

#gallery-piclisting { background: linear-gradient(180deg,rgba(233, 231, 225, 1) 0%, rgba(255, 255, 255, 0) 100%); margin: 0 auto 0;
  padding: 35px 0 0 !important;}
  figure.effect-hera{background: #000; border-radius: 21px; position: relative; overflow: hidden; height: 187px; margin: 2px;}
  figure.effect-hera h2{font-size:102.75%}
  figure.effect-hera h2,figure.effect-hera p{position:absolute;top:50%;left:50%;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);-webkit-transform-origin:50%;transform-origin:50%}
  figure.effect-hera figcaption::before{position:absolute;top:50%;left:50%;width:117px;height:117px;border:2px solid #fff;content:'';opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s;-webkit-transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1);-webkit-transform-origin:50%;transform-origin:50%}
  figure.effect-hera p{width:100px;text-transform:none;font-size:121%;line-height:2}
  figure.effect-hera p a{color:#fff}
  figure.effect-hera p a:hover,figure.effect-hera p a:focus{opacity:.6}
  figure.effect-hera p a span {opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s}
  figure.effect-hera p a:first-child span{-webkit-transform:translate3d(-60px,-60px,0);transform:translate3d(-60px,-60px,0)}
  figure.effect-hera:hover figcaption::before{opacity:1;-webkit-transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1);transform:translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1)}
  figure.effect-hera:hover h2{opacity:0;-webkit-transform:translate3d(-50%,-50%,0) scale3d(0.8,0.8,1);transform:translate3d(-50%,-50%,0) scale3d(0.8,0.8,1)}
  figure.effect-hera:hover p i:empty{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
#gallery-piclisting .container { max-width: 89%; }

#gllryy-page { padding:60px 0; }
.pad-5x { overflow:hidden; padding: 8px;}

@media screen and (min-width:280px) and (max-width:388px) {
    .skew-bg-brdcrmp { display: none; }
    .main-content { background: none; margin: 0px auto; padding: 3px; left: 0; box-shadow: none; border-radius: 0; top: 38px; }
    .inner-brdcrmp-common { clip-path: polygon(86.43% 99.21%, 0.09% 100.77%, 0.13% -0.15%, 96.14% -1.61%); background: #001040; padding: 15px 15px; width: 95%; margin: -22px auto; float: left; position: relative; z-index: 999; left: 0; top: 0; }
    .inner-brdcrmp-common h1 { font-size: 27px; margin: 0px auto; }
    #contn-banner-inner ul li { font-size: 15px; }
	.gllry-top-algn { margin: 0px auto 9px; width: 100%; }
	#gallery-single-design { padding: 76px 0 55px; }
	.demo-gallery > ul > li { height: 139px !important; }
	figure.effect-hera { height: 120px !important; margin: 0; }
}
@media screen and (min-width:389px) and (max-width:476px) {
    .skew-bg-brdcrmp { display: none; }
    .main-content { background: none; margin: 0px auto; padding: 3px; left: 0; box-shadow: none; border-radius: 0; top: 38px; }
    .inner-brdcrmp-common { clip-path: polygon(86.43% 99.21%, 0.09% 100.77%, 0.13% -0.15%, 96.14% -1.61%); background: #001040; padding: 15px 15px; width: 95%; margin: -22px auto; float: left; position: relative; z-index: 999; left: 0; top: 0; }
    .inner-brdcrmp-common h1 { font-size: 27px; margin: 0px auto; }
    #contn-banner-inner ul li { font-size: 15px; }
	#gallery-single-design { padding: 76px 0 55px; }
	.demo-gallery > ul > li { height: 127px !important; width: 50% !important; }
	figure.effect-hera { height: 120px !important; margin: 0; }
}
@media screen and (min-width:477px) and (max-width:575px) {
    .skew-bg-brdcrmp { display: none; }
    .main-content { background: none; margin: 0px auto; padding: 3px; left: 0; box-shadow: none; border-radius: 0; top: 38px; }
    .inner-brdcrmp-common { clip-path: polygon(86.43% 99.21%, 0.09% 100.77%, 0.13% -0.15%, 96.14% -1.61%); background: #001040; padding: 15px 15px; width: 95%; margin: -22px auto; float: left; position: relative; z-index: 999; left: 0; top: 0; }
    .inner-brdcrmp-common h1 { font-size: 27px; margin: 0px auto; }
    #contn-banner-inner ul li { font-size: 15px; }
	#gallery-single-design { padding: 76px 0 55px; }
	figure.effect-hera { height: 185px; }
	.demo-gallery > ul > li { height: 127px !important; width: 50% !important; }
}
@media screen and (min-width:576px) and (max-width:767px) {
    .skew-bg-brdcrmp { display: none; }
    .main-content { background: none; margin: 0px auto; padding: 3px; left: 0; box-shadow: none; border-radius: 0; top: 38px; }
    .inner-brdcrmp-common { clip-path: polygon(86.43% 99.21%, 0.09% 100.77%, 0.13% -0.15%, 96.14% -1.61%); background: #001040; padding: 15px 15px; width: 95%; margin: -22px auto; float: left; position: relative; z-index: 999; left: 0; top: 0; }
    .inner-brdcrmp-common h1 { font-size: 27px; margin: 0px auto; }
    #contn-banner-inner ul li { font-size: 15px; }
	#gallery-single-design { padding: 76px 0 55px; }
	figure.effect-hera { height: 154px !important; }
	.demo-gallery > ul > li { height: 170px !important; }
	.demo-gallery > ul > li { height: 127px !important; width: 50% !important; }
}
@media screen and (min-width:768px) and (max-width:991px) {
    .main-content { margin: -36px auto 0; }
    .skew-bg-brdcrmp { width: 60%; }
    .inner-brdcrmp-common h1 { font-size: 35px; }
    .inner-brdcrmp-common { top: auto; left: 51px; font-size: 20px; bottom: 77px; }
	figure.effect-hera { height: 130px !important; }
	.demo-gallery > ul > li { height: 149px !important; }
	#gallery-piclisting { padding: 49px 39px; }
	.demo-gallery > ul > li { height: 127px !important; width: 33% !important; }
}
@media screen and (min-width:992px) and (max-width:1150px) {
    .main-content { margin: -36px auto 0; }
    .skew-bg-brdcrmp { width: 60%; }
    .inner-brdcrmp-common h1 { font-size: 35px; }
    .inner-brdcrmp-common { top: auto; left: 51px; font-size: 20px; bottom: 77px; }
    .sidebar { margin-top: 30px; width: 100%; position: relative; left: -10px; }
		figure.effect-hera { height: 130px !important; }
	.demo-gallery > ul > li { height: 149px !important; }
	#gallery-piclisting { padding: 49px 39px; }
}
@media screen and (min-width:1150px) and (max-width:1240px) {
    .main-content { margin: -36px auto 0; }
    .skew-bg-brdcrmp { width: 60%; }
    .inner-brdcrmp-common h1 { font-size: 40px; }
    .inner-brdcrmp-common { top: auto; left: 51px; font-size: 20px; bottom: 77px; }
    .sidebar { margin-top: 30px; width: 100%; position: relative; left: -10px; }
	.demo-gallery > ul > li { height: 127px; }
}
@media screen and (min-width:1241px) and (max-width:1340px) {
    .inner-brdcrmp-common { position: absolute; top: auto; left: 51px; bottom: 156px; }
    .inner-brdcrmp-common h1 { font-size: 45px; }
}
@media screen and (min-width:1341px) and (max-width:1399px) {
    .inner-brdcrmp-common { position: absolute; top: auto; left: 51px; bottom: 156px; }
    .inner-brdcrmp-common h1 { font-size: 45px; }
}
@media screen and (min-width:1400px) and (max-width:1499px) {
    .inner-brdcrmp-common { position: absolute; top: auto; left: 51px; bottom: 156px; }
    .inner-brdcrmp-common h1 { font-size: 45px; }
}
@media screen and (min-width:1500px) and (max-width:1599px) {
    .inner-brdcrmp-common { position: absolute; top: auto; left: 51px; bottom: 156px; }
    .inner-brdcrmp-common h1 { font-size: 45px; }
}
@media screen and (min-width:1600px) and (max-width:1699px) {

}
@media screen and (min-width:1700px) and (max-width:1799px) {

}
@media screen and (min-width:1800px) and (max-width:1899px) {
  	.demo-gallery > ul > li { height: 242px !important; }
	figure.effect-hera { height: 230px !important; }
}
@media screen and (min-width:1900px) and (max-width:1999px) {
	.demo-gallery > ul > li { height: 242px !important; }
	figure.effect-hera { height: 230px !important; }
}
@media screen and (min-width:2000px) and (max-width:2999px) {

}
@media screen and (min-width:3000px) and (max-width:3999px) {

}
@media screen and (min-width:4000px) and (max-width:4999px) {

}
@media screen and (min-width:5000px) and (max-width:5999px) {

}