@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poller+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poly&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rye&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Irish+Grover&display=swap');






@font-face {
    font-family: 'helveticaregular';
    src: url('../fonts/helvetica-webfont.woff2') format('woff2'),
         url('../fonts/helvetica-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'helveticabold';
    src: url('../fonts/helvetica-bold-webfont.woff2') format('woff2'),
         url('../fonts/helvetica-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'helveticabold_oblique';
    src: url('../fonts/helvetica-boldoblique-webfont.woff2') format('woff2'),
         url('../fonts/helvetica-boldoblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'helveticacompressed';
    src: url('../fonts/helvetica-compressed-5871d14b6903a-webfont.woff2') format('woff2'),
         url('../fonts/helvetica-compressed-5871d14b6903a-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'helveticaoblique';
    src: url('../fonts/helvetica-oblique-webfont.woff2') format('woff2'),
         url('../fonts/helvetica-oblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'helveticarounded_bold';
    src: url('../fonts/helvetica-rounded-bold-5871d05ead8de-webfont.woff2') format('woff2'),
         url('../fonts/helvetica-rounded-bold-5871d05ead8de-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
  font-family: 'Helvetica';
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body 								  {line-height: 1; font-family: 'Helvetica';}
ol, ul 							  {list-style: none;}
blockquote, q 			  {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table 							  {border-collapse: collapse;	border-spacing: 0;	}
body, html 					  {-webkit-text-size-adjust: none; color:#292f2f; }
*, *:before, *:after  {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
body 							   	{font-family: 'Helvetica'; overflow-x: hidden; font-size: 14px; line-height: 1; margin:0; padding:0;}
a 								  	{color: #658ad0;  transition: all 0.5s ease;}
a:hover 							{color: #3e6cc4; text-decoration:none;}
a:active							{outline:none; text-decoration:none;}
a:focus								{outline:none; text-decoration:none;}
button:hover 					{color: #fff; text-decoration:none; }
button:active					{outline:none; text-decoration:none;}
button:focus					{outline:none; text-decoration:none;}
img									  {line-height:0; transition: all 0.5s ease;}
h1,h2,h3,h4,h5,h6			{font-weight: 500; margin:0; padding:0;}
h2									  {font-family: 'helveticabold', sans-serif;
                      font-style: normal;
                      font-weight: 500;
                      font-size: 30px;
                      line-height: 36px;
                      color: #000000;
                    }
p                     {
                      font-family: 'Helvetica';
                      font-style: normal;
                      font-weight: 400;
                      font-size: 16px;
                      line-height: 24px;}                      
ul, ol								{margin:0; padding:0; list-style:none;}
.clear								{clear:both;}
.clear								{clear:both;}
.clear:after					{content:''; clear:both; width:100%; display:block;}
.form-control:focus		{border-color:#eeb815;}
.fade.in              {opacity: 1;}
.d-flex-start{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.d-flex-end{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.d-flex-space-between{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.d-flex-space-around{
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.d-flex-space-evenly{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}

.d-flex-center{
  display: flex;
  justify-content: center;
}

.blackColor{
  color: #000000;
}

.grayColor{
  color: #888888;
}

.desktop							{display: block;}
.mobile480								{display: none;}


input:focus{
    outline: none;
}

.desktop{
    display: block !important;
}

.mobile480{
    display: none !important;
}

.mobile786{
    display: none !important;
}

.link::before, .link::after {
    position: absolute;
    width: 100%;
    height: 2px;
    background: currentColor;
    top: 291%;
    left: 0;
    pointer-events: none;
}

.link::before {
    content: "";
}
.link--metis::before {
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s;
}

.link--metis:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}
.link::before, .link::after {
    position: absolute;
    width: 100%;
    height: 2px;
    background: currentColor;
    top: 30px;
    left: 0;
    pointer-events: none;
}


header{
    background-color: #ffffff;
}

.d-flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.d-flex-start{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.inner-wrapper{
    display: flex;
    justify-content: space-between;
    height: 80px;
    align-items: center;
}

.menu-top-holder ul{
    list-style: none;
    display: flex;
    gap: 30px;
    margin: 0;
}

.menu-top-holder ul li a{
    position: relative;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    font-family: 'Helvetica';
    text-align: center;
    text-decoration: none;
}

.signIn{
    display: flex;
    align-items: center;
    gap: 6px;
    background-image: none;
    padding: 0;
    border-radius: 20px;
    box-shadow: none;
    border: none;
    transition: ease 1s;
    cursor: pointer;
    background: none;
}

.signIn:focus{
    outline: none;
}

.signIn p{
    margin: 0;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 8px;
    color: #ffffff;
    font-weight: 400;
    font-family: 'Helvetica';
    text-align: center;
    cursor: pointer;
}

.logo{
    margin-top:0px;
}
.logo img{
    width: 100%;
}

.buttonsmain{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    padding-top: 20px;
}

.bluebtn button{
    width: 220px;
height: 55px;
border-radius: 28px;
background-color: #000;
border: none;
justify-content: space-between;
display: flex;
align-items: center;
cursor: pointer;
}

.bluebtn button:hover{
    background: #000;
    color: #fff;
}

.bluebtn button p{
    flex: 1;
    margin: 0;
    font-family: 'Poly', serif;
    font-size: 20px;
    color: #ffffff;
    font-weight: 300;
    font-family: "Poly";
}

.bluebtn1 button p{
    flex: 1;
    margin: 0;
    font-family: 'Poly', serif;
    font-size: 20px;
    color: #ffffff;
    font-weight: 300;
    font-family: "Poly";
}

/* .profile.bluebtn{
    position: absolute;
    right: 20px;
    bottom: -30px;
    z-index: 9;
} */

.profile.bluebtn {
    position: absolute;
    right: 100px;
    bottom: 0;
    z-index: 9;
}
/* .profile button {
    background: #ff8205;
    width: 128px;
    height: 46px;
    padding-right: 2px;
} */

.profile button {
    background: none;
    width: 0;
    height: 0;
    padding-right: 0;
}

.profile button p{
    font-size: 20px;
    display: none;
}

.menu-wrapper{
    gap: 30px;
}

/* .banner-one{
    background: url(../images/banner.jpg) no-repeat;
    background-size: cover;
    min-height: 900px;
    display: flex;
    align-items: center;
    justify-content: center;
} */

.banner_caption{
    width: 900px;
}

.banner_caption_in{
    display: flex;
    flex-direction: column;
    gap: 0px;
}

.banner_caption h1{
    font-size: 65px;
letter-spacing: -2px;
color: #ffffff;
font-weight: 800;
font-family: 'Helvetica';
text-align: center;
text-transform: uppercase;
margin: 0;
}

.banner_caption p{

    font-size: 25px;
    letter-spacing: 0px;
    color: #ffffff;
    font-weight: 500;
    font-family: 'Helvetica';
    text-align: center;
    margin: 10px 0 40px;
}


.searchbox input{
    width: 100%;
    box-shadow: none;
    height: 50px;
    border: 1px solid #ccc;
    padding-left: 10px;
}

.searchbox{
    position: relative;
}

.searchbox-icon{
    position: absolute;
    right: 0;
    height: 50px;
    background: #69aa28;
    border: none;
    color: #fff;
    cursor: pointer;
}

.searchbox-icon .modal-body{
    padding: 0; 
}

.searchbox-icon:focus{
    outline: none;
}

.close{
    opacity:1 !important;
    right: 6px;
    position: relative;
    top: 5px;
}

.close:focus{
    outline: none;
}

#search .modal-header{
    padding: 0;
    border: 0;
}


#search .modal-body{
    padding: 10px;
}

.painting{
    padding-top: 50px;
}


.theme-footer a{
    font-size: 14px;
    letter-spacing: 0px;
    color: #f9f9f9;
    background: #43464b;
    font-weight: 400;
    font-family: 'Helvetica';
}


.theme-footer .foot-title{
    font-size: 25px;
margin: 0;
color: #ff8205;
font-weight:600;
font-family: 'helveticabold', sans-serif;
padding-bottom: 20px;
}

.theme-footer .row .col-4 ul li{
    margin-bottom: 10px;
}


.row-three h2{
    color: #fff;
    padding: 10px 0;
}

.bottom-footer{
    text-align: center;
    border-top: 1px solid #fff;
    padding: 7px;
    margin: 20px 20px 0;
}



.search {
    position: relative;
    width: 70%;
}



.search input:focus {
    outline: none;
    border-color: #66b1ee;
    -webkit-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
    -moz-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
    -ms-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
    -o-box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
    box-shadow: 0 0 2px rgba(85, 168, 236, 0.9);
}

.search input:focus + .results { display: block }

.search .results {
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    right: 0;
    z-index: 10;
    padding: 0;
    margin: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #cbcfe2 #c8cee7 #c4c7d7;
    border-radius: 3px;
    background-color: #fdfdfd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #eceef4));
    background-image: -webkit-linear-gradient(top, #fdfdfd, #eceef4);
    background-image: -moz-linear-gradient(top, #fdfdfd, #eceef4);
    background-image: -ms-linear-gradient(top, #fdfdfd, #eceef4);
    background-image: -o-linear-gradient(top, #fdfdfd, #eceef4);
    background-image: linear-gradient(top, #fdfdfd, #eceef4);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.search .results li { display: block }

.search .results li:first-child { margin-top: -1px }

.search .results li:first-child:before, .search .results li:first-child:after {
    display: block;
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    border: 5px outset transparent;
}

.search .results li:first-child:before {
    border-bottom: 5px solid #c4c7d7;
    top: -11px;
}

.search .results li:first-child:after {
    border-bottom: 5px solid #fdfdfd;
    top: -10px;
}

.search .results li:first-child:hover:before, .search .results li:first-child:hover:after { display: none }

.search .results li:last-child { margin-bottom: -1px }

.search .results a {
    display: block;
    position: relative;
    margin: 0 -1px;
    padding: 6px 40px 6px 10px;
    color: #808394;
    font-weight: 500;
    text-shadow: 0 1px #fff;
    border: 1px solid transparent;
    border-radius: 3px;
}

.search .results a span { font-weight: 200 }

.search .results a:before {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -9px;
    background: url("https://cssdeck.com/uploads/media/items/7/7BNkBjd.png") 0 0 no-repeat;
}

.search .results a:hover {
    text-decoration: none;
    color: #fff;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
    border-color: #2380dd #2179d5 #1a60aa;
    background-color: #338cdf;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #59aaf4), color-stop(100%, #338cdf));
    background-image: -webkit-linear-gradient(top, #59aaf4, #338cdf);
    background-image: -moz-linear-gradient(top, #59aaf4, #338cdf);
    background-image: -ms-linear-gradient(top, #59aaf4, #338cdf);
    background-image: -o-linear-gradient(top, #59aaf4, #338cdf);
    background-image: linear-gradient(top, #59aaf4, #338cdf);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
    -ms-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
    -o-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
}

:-moz-placeholder {
    color: #a7aabc;
    font-weight: 200;
}

::-webkit-input-placeholder {
    color: #a7aabc;
    font-weight: 200;
}

.lt-ie9 .search input { line-height: 26px }

/* listing */
.searchbox-listing{
    width: 60%;
}

.searchbox-listing .search{
    width: 60%;
    justify-content: center;
}
.listing-banner img{
    width: 99%;
    margin: 0 auto;
}
.searchbox-listing input{
    border: 1px solid #c9c9c9;
    box-shadow: none;
}
.searchbox-listing p{
    border: 1px solid #c9c9c9;
    border-right: 0;
    height: 46px;
}

.searchbox-listing button{
    background-image: linear-gradient(to right, #3780ce, #c83647);
}

.main-listWrap .row{
    display: flex;
    padding: 20px 0;
}

.main-listWrap .row .col-sm-4{
    width: 30%;
    padding-right: 30px;
    margin-right: 30px;
    border-right: 1px solid #ccc;
}

.main-listWrap .row .col-sm-6{
    width: 70%;
}



.fliter{
    padding-right: 50px;
    border-right: 1px solid #ccc;
    margin-right: 40px;
}

.filter h2 img{
    display: none;
}

.filter h2{
    font-size: 40px;
    letter-spacing: -3px;
    color: #1a8fe9;
    font-weight: 800;
    font-family: 'Helvetica';
    background: linear-gradient(to right, #3780ce, #c83647);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    margin: 0;
    position: relative;
}

.filterWrap{
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

.filterWrap h3{
    font-size: 24px;
    letter-spacing: 0px;
    color: #3b3b3b;
    font-weight: 700;
    font-family: 'Helvetica';
}

.filterWrap .tagsIn{
    width: 300px;
}
.filterWrap span{
    font-size:20px;
    letter-spacing: 0px;
    line-height: 27px;
    color: #3b3b3b;
    font-weight: 400;
    font-family: 'Helvetica';
    background: #f3f3f3;
    border-radius: 20px;
    padding: 2px 14px;
    margin-bottom: 10px;
    display: inline-block;
}

.filterWrap select{
    border: 1px solid #ccc;
    font-size: 17px;
    letter-spacing: 0px;
    color: #8c8c8c;
    font-weight: 400;
    font-family: 'Helvetica';
    padding: 10px;
    width: 90%;
    border-radius: 30px;
}

.filterWrap select:focus{
    outline: none;
}

.filterWrap option{
    width: 50%;
    width: 260px;
}

.listingWrap{
    padding-top: 20px;
}

.listingWrap .searchSmall{
    display: flex;
    position: relative;
    gap: 30px;
}

.listingWrap .searchSmall input{
    height: 40px;
    padding-left: 10px;
    border-radius: 30px;
    border: 1px solid #ccc;
    box-shadow: none;
    font-size:16px;
    width: 300px;
}
.searchsmallWrap{
    position: relative;
}
.listingWrap .searchSmall span{
    position: absolute;
    right: 1px;
    top: 1px;
    font-size: 16px;
    letter-spacing: 0px;
    color: #8c8c8c;
    font-weight: 600;
    font-family: 'Helvetica';
    text-align: center;
    background: #f3f3f3;
    padding: 2px 14px;
    height: 33px;
    line-height: 2;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
    text-transform: uppercase;
}

.listingWrap .searchSmall button{
    background-image: linear-gradient(to right, #3780ce, #c83647);
    color: #fff;
    box-shadow: none;
    border: none;
    padding: 0 30px;
    font-size: 20px;
    font-family: 'Open Sans';
    border-radius: 30px;
    cursor: pointer;
}

.resultWrap{
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    align-items: center;
}

.resultWrap h2{
    font-size:30px;
    color: #1a8fe9;
    font-weight: 800;
    font-family: 'Helvetica';
    background: linear-gradient(to right, #3780ce, #c83647);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    margin: 0;
    position: relative;
}
.filterSmall{
    display: flex;
    justify-content: space-between;
    gap: 135px;
    align-items: center;
}

.mapView{
    display: flex;  
}

.mapView h3{
    margin: 0;
    font-size:20px;
    color: #1a8fe9;
    font-weight: 800;
    font-family: 'Helvetica';
    background: linear-gradient(to right, #3780ce, #c83647);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    margin: 0;
    position: relative;
    text-transform: uppercase;
}

/* CSS rules are kept repetitive so that you can get CSS rules for each button easily :) */

.toggle-button-cover {
    display: table-cell;
    position: relative;
    box-sizing: border-box;
  }
  
  .button-cover {
    margin: 15px 10px;
    background-color: #fff;
    box-shadow: 0 10px 20px -8px #c5d6d6;
    border-radius: 4px;
  }
  
  .button-cover:before {
    counter-increment: button-counter;
    content: counter(button-counter);
    position: absolute;
    right: 0;
    bottom: 0;
    color: #d7e3e3;
    font-size: 12px;
    line-height: 1;
    padding: 5px;
  }
  
  .button-cover,
  .knobs,
  .layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  
  .button {
    position: relative;
    top: 50%;
    width: 68px;
    height: 31px;
    margin: -20px auto 0 auto;
    overflow: hidden;
  }
  
  .button.r,
  .button.r .layer {
    border-radius: 100px;
  }
  
  .button.b2 {
    border-radius: 2px;
  }
  
  .checkbox {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
  }
  
  .knobs {
    z-index: 2;
  }
  
  .layer {
    width: 100%;
    background-color: #ebf7fc;
    transition: 0.3s ease all;
    z-index: 1;
    background-image: linear-gradient(to right, #3780ce, #c83647);
  }
  
  /* Button 1 */
  #button-1 .knobs:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 14px;
    height: 5px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    background-color: #fff;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
  }
  
  #button-1 .checkbox:checked + .knobs:before {
    content: "";
    left: 42px;
    background-color: #fff;
  }
  
  #button-1 .checkbox:checked ~ .layer {
    background-color: #fcebeb;
  }
  
  #button-1 .knobs,
  #button-1 .knobs:before,
  #button-1 .layer {
    transition: 0.3s ease all;
  }
  
  .SortBy{
      display: flex;
      align-items: center;
      gap: 5px;
    }
  .SortBy h3{
    margin: 0;
    font-size:20px;
    color: #1a8fe9;
    font-weight: 800;
    font-family: 'Helvetica';
    background: linear-gradient(to right, #3780ce, #c83647);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    margin: 0;
    position: relative;
    text-transform: uppercase;
}

.SortBy select {
    border: 1px solid #a44868;
    font-size: 17px;
    letter-spacing: 0px;
    color: #8c8c8c;
    font-weight: 400;
    font-family: 'Helvetica';
    padding: 8px;
    width: 190px;
    border-radius: 30px;
}

.listLine{
    display: flex;
    width: 100%;
    background: #f6f6f6;
    margin-bottom: 20px;
}

.lineContent{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
    padding-left: 30px;
    padding-right: 20px;
}

.lineContent h4{
    font-size: 30px;
    color: #3b3b3b;
    font-weight: 700;
    font-family: 'Helvetica';
    margin: 0;
}

.lineContent p{
    font-size: 16px;
    letter-spacing: 0px;
    color: #3b3b3b;
    font-weight: 400;
    font-family: 'Helvetica';
}

.rate{
    display: flex;
    gap:10px;
}

.rate span{
    background: #52b520;
    color:#fff;
    padding: 5px;
    border-radius: 5px;
    display: flex;
    gap: 5px;
}

.rate span i img{
    width: 15px;
}

.rate p{
    color: #717171;
}

.verified{
    display: flex;
    gap:0px;
    justify-content: space-between;
}

.verified strong{
    display: flex;
    gap:0px;
    align-items: flex-end;
}

.verified p{
    background: linear-gradient(to right, #3780ce, #c83647);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    margin: 0;
    position: relative;
    font-size: 20px;
    color: #1a8fe9;
    font-weight: 800;
    margin-left: -10px;
}


.button-wraps{
    display: flex;
    gap:5px;
    align-items: flex-end;

}

.button-wraps button{
    background-image: linear-gradient(to right, #3780ce, #c83647);
    color: #fff;
    box-shadow: none;
    border: none;
    padding: 2px 15px;
    font-size: 16px;
    font-family: 'Open Sans';
    border-radius: 30px;
    cursor: pointer;
}

.numbs{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    align-items: center;
}
.numbs span{
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}

.numbs span.active{
    background: #f3f3f3;
    border-radius: 30px;
    padding: 10px 15px;
}

.banner-details{
    background: url(../images/banner-details.png) no-repeat;
    background-size: cover;
    min-height:300px;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: flex-start;
    padding-left: 20px;
}

.details .banner_caption h1{
    text-align: left;
    font-size: 50px;
}
.details .banner_caption a img{
    width: 10px;
}
.details .banner_caption a{
    margin: 10px;
    gap: 10px;
    font-size: 16px;
    color: #fff;
}

.googlecom img{
    width: 100px !important;
}

.cont-detials{
    margin-top: 10px;
    justify-content:flex-start;
    gap: 20px;
}
.cont-detials a{
    display: flex;
    align-items: center;
    color: #fff;
    gap: 10px;
}

.popular-detailsWrap{
    padding: 20px 0;
    gap: 10px;
}
.detail-box{
    width: 23%;
}
.popular-details img{
width: 100%;
}


.contact-us{
    padding: 30px 0;
}

.contact-us .row{
    display: flex;
    flex-wrap: wrap;
}
.contact-us .col-sm-4{
    width: 30%;
    padding-right: 30px;
    margin-right: 30px;
    border-right: 1px solid #ccc;
}

.contact-us .col-sm-8{
    width: 60%;
}

.contactlist{
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom:15px;
}    

.contactlist span{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
}
.contactlist span:first-child{
    font-weight: bold;
}

.contactlist img{
    width: 15px;
}

.social-media h2{
    font-size:25px;
    color: #3b3b3b;
    font-weight: 800;
    font-family: 'Helvetica';
    background: linear-gradient(to right, #3780ce, #c83647);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;

    margin: 0;
    position: relative;
}

.social-media ul{
justify-content: flex-start;
gap: 20px;
}

.social-media ul li img{
    width: 50px;
}
.formWrap .form-control{
    row-gap: 10px;
}

.formWrap input{
    width:46.5%;
    height: 30px;
    padding: 5px;
    font-size: 16px;
    color:#ccc;
    border-radius: 20px;
    border:1px solid #ccc;
    padding-left: 15px;
}


.formWrap input::placeholder{
    font-size: 16px;
    color:#ccc;
}


.formWrap form{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.formWrap textarea{
    color: #ccc;
    width: 98%;
    color: #ccc;
    border-radius: 20px;
    border: 1px solid #ccc;
    height: 70px;
    padding: 10px 0 0 10px;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
}

.formWrap textarea:focus{
    outline: none;
}

.btn-submit button{
    background-image: linear-gradient(to right, #3780ce, #c83647);
    padding: 10px 15px;
    border-radius: 20px;
    box-shadow: none;
    border: none;
    transition: ease 1s;
    cursor: pointer;
    color: #fff;
    width: 100%;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
}

.loginpopup input{
    width: 100%;
    height: 40px;
    border-radius:5px;
    border:1px solid #ccc;
    box-shadow: none;
    outline: none;
    padding-left: 10px;
}

.btn-danger {
    color: #fff;
    background-color: #f0952c !important;
    border-color: #f0952c !important;
}

.intro{
    text-align: center;
    padding: 20px 0;
}

.introTitle:hover{
    text-decoration: none;
}


.intro a{
    text-align: center;
    padding: 20px 0;
    font-family: 'helveticabold';
    font-size: 45px;
    color: #000;
    font-weight: 400;
    border-bottom: 3px solid #000;
    display: inline-block;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.intropara{
    display: block;
}

.intro a:hover{
    color: #000;
    border-bottom: 3px solid #000;
    cursor: pointer;
}

.banner-slider .owl-prev {
    background: url(../img/left-arrow.png) !important;
    height: 45px;
    width: 45px;
    position: absolute;
    left: 70px;
    top: 50%;
    background-size: 25px !important;
    transform: translate(0px, -50%);
    background-color: #ff8205 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border-radius: 30px;
}

.owl-nav{
    width: 100%;
}

.banner-slider .owl-prev span{
    font-size: 0;
}

.banner-slider .owl-prev:focus{
    outline: none;
}

.banner-slider .owl-next {
    background: url(../img/right-arrow.png) !important;
    height: 45px;
    width: 45px; 
    position: absolute;
    top: 50%;
    background-size: 25px !important;
    transform: translate(0px, -50%);
    background-color: #ff8205 !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border-radius: 30px;
}

.banner-slider .owl-next span{
    font-size: 0;
}

.banner-slider .owl-next:focus{
    outline: none;
}

.banner-slider .owl-dots {
    bottom: 10px;
    position: absolute;
    width: 100%;
    right: 0;
    left: 0;
    text-align: center;
}

.banner-slider .owl-dots .owl-dot {
    background: transparent;
    border: 1px solid #ffffff;
    height: 8px;
    width: 22px;
    margin: 0 5px;
    border-radius: 5px;
    background: #c0b0b0;
}

.banner-slider .owl-dots .owl-dot.active {
    background: #f0952c;
    height: 8px;
    width: 50px;
    border-radius: 5px;
}

.banner-slider .owl-dots .owl-dot:focus{
    outline: none;
}
.main-banner{
    max-width: 75%;
    margin: 0 auto;
    position: relative;
    padding-top: 120px;
}

.main-banner .col-sm-3{
    padding: 0px 20px 0 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #eeeeee;
    border-right: 3px solid #3b7fae;
}

.main-banner .col-sm-9{
    padding-left: 0px;
}



.style_prevu_kit {
    border: 0;
    width: 100%;
    height: 100%;
    transition:0.5s ease;
    transform: scale(0);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ff8205;
}

.text{
    opacity: 1;
    color: #fff;
}

.contain:hover .style_prevu_kit{
    z-index: 2;
    transform: scale(1.1);
    transition:0.5s ease;
    opacity: 0.7;
    z-index: 9999;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ff8205;
}
/* 
.overlay{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 9999;
    position: absolute;
}

.contain:hover .overlay{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 9999;
} */

.image {
    display: block;
    width: 100%;
    height: auto;
  }


  .fade_rule {
    height:2px;
    background-color: #E6E6E6;
    margin: 0 auto;
    background-image: linear-gradient(left , white 2%, #E6E6E6 50%, white 98%);
    background-image: -o-linear-gradient(left , white 2%, #E6E6E6 50%, white 98%);
    background-image: -moz-linear-gradient(left , white 2%, #E6E6E6 50%, white 98%);
    background-image: -webkit-linear-gradient(left , white 2%, #E6E6E6 50%, white 98%);
    background-image: -ms-linear-gradient(left , white 2%, #E6E6E6 50%, white 98%);
    background-image: -webkit-gradient( linear, left bottom, right bottom, color-stop(0.02, white), color-stop(0.5, #3b7fae), color-stop(0.98, white) );
}


.filter button{
    padding: 8px 10px;
    border-radius: 10px;
    background-color: #000;
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    border: none;
    width: 100%;
    margin-bottom: 30px;
    cursor: pointer;
}

.filter button:hover{
    background: #000;
}

.filterWrp{
    border-radius: 10px;
    padding: 20px 10px;
    border: 1px solid #3b7fae;
}

.filterWrp{
    display: none;
}

.filterWrp h3{
    font-size: 25px;
    color: #000;
    font-weight: 700;
}

.filterWrp ul{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.filterWrp select{
height: 39px;
border-radius: 6px;
border: 1px solid #3b7fae;
font-size: 18px;
color: hsl(205, 49%, 46%);
font-weight: 600;
width: 100%;
padding: 5px;
}

.filterWrp select:focus{
    outline: none;
}

.filterWrp .search{
    border-radius: 6px;
    background-color: #000;
    font-size: 18px;
    color: #ffffff;
    font-weight: normal;
    width: 100%;
    display: block;
    text-align: center;
    padding: 5px 0;
}

.others-main .filterWrp {
    padding:20px 0;
}

.others-main .filterWrp h3{
    padding-left: 10px;
}

.others-main ul{
    gap: 10px;
}

.others-main .filterWrp .search{
    width: 90%;
    margin: 0 auto;
}

.others-main ul li a{
    font-size: 16px;
    color: #3b7fae;
    font-weight: 600;
    padding: 0 10px;
}

.others-main ul li:first-child{
    /* background-color: #ff8205; */
    /* color: #fff; */
}


.others-main ul li:first-child a{
    /* color: #fff; */
}



.loginpopup .modal-dialog{
    max-width: 400px;
}


.loginpopup .modal-footer{
    text-align: center;
    margin: 0 auto;
    padding: 0 0 20px;
}

.divider{
    padding: 50px 0;
    position: relative;
}

.cirlepin{
    position: absolute;
    height: 10px;
    width: 10px;
    left: 0;
    right: 0;
    text-align: center;
    border-radius: 20px;
    margin: 0 auto;
    bottom: 46px;
    background: #ff8205;
}
.kidsSliders-main .owl-dots{
    display: none;
}

.kidsSliders-main{
    cursor: pointer;
}
.kidsSliders-main a{
    font-family: 'helveticabold', cursive;
font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 36px;
color: #000;
padding-bottom: 0px;
text-align: center;
display: block;
}

.kidsSliders-main a:hover{
    color: #ff8205;
    text-decoration: none;
}




.kidsSliders-main  .owl-prev{
    background: url(../img/angle-left.png) !important;
    height: 35px;
    width: 29px;
    position: absolute;
    left: -50px;
    top: 40%;
    background-size: cover !important;
    background-repeat: no-repeat;
}

.kidsSliders-main  .owl-nav{
    width: 100%;
}

.kidsSliders-main  .owl-prev span{
    font-size: 0;
}

.kidsSliders-main  .owl-prev:focus{
    outline: none;
}

.kidsSliders-main  .owl-next{
    background: url(../img/angle-right.png) !important;
    height: 35px;
    width: 29px;
    position: absolute;
    right: -40px;
    top: 40%;
    background-size: cover !important;
    background-repeat: no-repeat;
}

.kidsSliders-main  .owl-next span{
    font-size: 0;
}

.kidsSliders-main  .owl-next:focus{
    outline: none;
}

.kidsSliders-main .item{
    filter: drop-shadow(0px 1px 4.5px rgba(0,0,0,0.18));
    margin: 10px 0;
    border: 1px solid #bbbbbb;
}

.Others{
    padding-bottom: 50px;
}

.Others .item{
    border: none;
    filter: none;
}
.Others img{
    border: 1px solid #bbbbbb;
    filter: drop-shadow(0px 1px 4.5px rgba(0,0,0,0.18));
}

.Others h2{
    margin-bottom: 0;
}

.Others h3{
    font-size: 20px;
    color: #000;
    font-weight: 600;
    font-family: 'poppins';
}

.Others .owl-prev{
    top: 45%;
}

.Others .owl-next{
    top: 45%;
}



.theme-footer{
    background: #43464b;
    padding: 10px 0;
    text-align: left;
}

.socialIcon{
    display: flex;
    gap: 20px;
}

.socialIcon i{
    background: #fff;
    border-radius: 50px;
    font-size: 25px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.socialIcon a:hover {
    color: #fff;
    text-decoration: none;
    font-weight: normal;
}

.socialIcon i:hover{
    background: #fff;
}

.theme-footer .col-sm-12{
    display: flex;
    justify-content: center;
}

.theme-footer p{
    font-size: 20px;
    color: #ffffff;
    font-weight: 300;
    font-family: 'Roboto', sans-serif;
    margin: 0;
}
.foot-wrap{
    font-size: 2.5rem;
}

.mainlinks ul{
    /* font-weight: 500; */
    padding-top: 30px;
    display: flex;
}

.mainlinks ul li a{
    font-size: 25px;
    color: #ffffff;
    margin-bottom: 20px;
    display: block;
}

.location p{
    margin-top: 20px;
}

.foot-wrap img{
    width: 100%;
}


.introductionFilter{
    filter: drop-shadow(0 0 10px rgba(0,0,0,0.25));
    background: #ffffff;
    padding: 30px 0px;
}

/* secondpage */
header{
    align-items: center;
    background: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: row;
    font-family: sans-serif;
    padding: 0px 50px;
    position: fixed;
    width: 100%;z-index: 999;
    height: 100px;
}


  
  .push-left {
    margin-left: auto;
  }
  
  /* Menu */

   .navbar{
       padding: 5px 0 !important;
   }
   .nav-menu{
       margin: 0;
   }

  .hamburger {
    background: transparent;
    border: none;
    cursor: pointer;
    display: none;
    outline: none;
    height: 50px;
    position: relative;
    width: 40px;
    z-index: 1000;
  }

  .nav-menu{
      display: flex;
      gap: 15px;
      align-items: center;
  }

  .logo-main img{
      width: 110px;
  }

  .nav__link{
    font-size: 20px;
    color: #000000;
    font-weight:500;
    font-family: 'helvetica';
    /* font-family: 'Helvetica'; */
    /* font-weight: 535; */
  }
  
  #mySidenav img{
      cursor: pointer;
  }

  .bread_crum{
      padding-top: 100px;
  }

  .bread_crum ul{
      display: flex;
      padding: 30px 0;
      gap: 10px;
      align-items: center;
      margin: 0;
  }

  
  .bread_crum img{
    width: 20px;
}

  
.bread_crum a{
    font-size: 30px;
    color: #000000;
    font-weight: 600;
    font-family: 'helveticaregular';
}

.bread_crum ul li:nth-child(3) a{
    color: #3b7fae;
}

.bannerimg img{
    width: 100%;
}

.featured .introTitle{
    font-size: 70px;
    color: #ff8205;
    font-weight: 400;
    font-family: 'helveticabold';
    padding: 20px 0;
}

.featured .owl-nav {
display: none;
}

.featured .owl-dots {
    display: block;
    bottom:-10px;
    position: relative;
    width: 100%;
    text-align: center;
    
}
.featured .owl-dots .owl-dot {
    background: transparent;
    border: 1px solid #ff8205;
    height: 15px;
    width:15px;
    border-radius: 50px;
    margin: 0 5px;
}
.featured .owl-dots .owl-dot.active {
    background: #ff8205;
    height: 15px;
    width: 15px;
    border-radius: 50px;
    border: 1px solid #ff8205;
}

.featured .owl-dots .owl-dot.active:focus{
    outline: none;
    border: none;
}

.sorting {
    padding: 60px 0 40px;
}

.sorting .form-control{
    border: none;
    padding: 0;
    margin: 0;
    position: relative;
}


.sorting .form-control{
    border: none;
    padding: 0;
    margin: 0;
    position: relative;
}


.sorting .form-control input{
    height: 50px;
    width: 100%;
    position: relative;
    padding: 10px;
    border-radius: 10px;
    border: 2px solid #3b7fae;
    text-align: left;
    font-size: 18px;
}
.sorting .form-control input::placeholder{
    text-align: left;
    font-weight: 400;
    font-family: 'Poppins';
}
    
.sorting .form-control button{
    width: 58px;
    height: 49px;
    border-radius: 10px;
    background-color: #3b7fae;
    position: absolute;
    right: 0;
    border:none;
    cursor: pointer;
}

.sorting .form-control button img{
    width:20px;
}


.gallerymain{
    padding: 40px 0;
}

.gallery {
    display: grid;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-auto-rows: 8px;
  }
  .gallery img {
    max-width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transition: all 1.5s ease;
  }

  .gallery .content {
    border-radius: 10px;
    filter: drop-shadow(0 0 10px rgba(0,0,0,0.25));
    background-color: #ffffff;
    text-align: center;
    margin: 8px;
  }
  .gallery .content h3{
      padding: 10px 0 0;
      color: #ff8205;
  }
  .gallery .content p{
    font-size: 14px;
    padding:10px 10px;
    margin: 0;
}


  .gallery .gallery-item {
    transition: grid-row-start 300ms linear;
    transition: transform 300ms ease;
    transition: all 0.5s ease;
    cursor: pointer;
  }
  .gallery .gallery-item:hover {
    transform: scale(1.025);
  }

  .closebtn{
      display: none;
  }

  .pagination{
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      padding-top: 50px;
  }

  .pagination a{
    font-size: 20px;
    color: #f0952c;
    font-weight: 500; 
  }

  .pagination .num{
    border: 1px solid #f0952c;
    border-radius: 50px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .pagination .num:hover{
      background: #f0952c;
      color: #fff;
  }

.logo-main.sticky img{
    width: 80px;
}

.menu-item ul{
    position: absolute;
    top: 66px;
    background: #fff;
    padding: 7px 20px;
    right: -30px;
    cursor: pointer;
    border: 1px solid #e5e5e5;
    display: none;
}

.menu-item ul img{
    width: 35px;
    float: right;
    padding-left: 10px;
}

.dropdownMain{
    padding-left: 20px;
}

#searchPopup input{
    width: 100%;
    border: 1px solid #f0952c;
    padding: 20px;
}

.search-box{
    position: relative;
    height: 0;
    top: -15px;
}

.search-box input{
    height: 40px;
    border-radius: 0;
    border-bottom: 1px solid #f0952c;
    padding-left: 10px;
    border-left: none;
    border-right: none;
    border-top: none;
    display: none;
}

.btnmain{
    position: absolute;
    top: 3px;
    right: 4px;
}

.box-inner{
    width: 400px;
    padding: 10px;
    border: 1px solid #a29415;
}




/* PRELOADER CSS */
.page-loader{
	width: 100%;
	height: 100vh;
	position: fixed;
    left: 0;
    right: 0;
	background: #fcfcfd;
	z-index: 1000;	
    margin: 0 auto;
    text-align: center;
}


/* SPINNER ANIMATION */
.spinner {
    position: relative;
    top: 35%;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
}

.spinner img{
    width: 300px;
  height: 300px;
}

.videoSliders .item{
    position: relative;
}


.videoSliders .plybtn{
    border-radius: 40px;
    width: 50px !important;
    position: absolute;
    top: 35%;
    background: #ff8205;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    border: 1px solid #ff8205;
}

/* .contain img{
    object-fit: cover;
    height: 210px;
    width: 100% !important;
} */

#theme-main-banner img{
    height: 300px;
    object-fit: cover;
}

.buttonsmain p {
    font-size: 22px !important;
}.buttonsmain img {
    height: 35px;
}.logo.artsum-logo {
    max-width: 100px;
    margin: auto;
    margin-bottom: 5px;
    margin-top: 5px;
}

.foot-wrap iframe{
    border: 3px solid #ff8205 !important;
}



/* blog css start */
        .artsum-blog-content {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 20px;
}

 .read-blogs {
    background-color: #FF8700;
    color: #fff;
    padding: 5px 20px;
    display: inline-block;
    padding-bottom: 7px;
}
.date-author {
    font-size: 14px;
    color: #707070;
}.artsum-blog-content:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background-color: #f4f7fc;
}


.art-hr-blog-list {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 20px;
    margin-bottom: 25px;
    border-radius: 5px;
}

.art-hr-blog-list:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 20px;
    margin-bottom: 25px;
}







/* ebook css start */

.col-md-3.ebook_cols {
    flex: 0 0 auto !important;
    width: 20% !important;
    margin-bottom: 25px !important;
}.col-md-3.mb-2.ebook_cols .latest-card {
    border: unset;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.ebook_cols .card-body {
    padding: 20px 0px;
}
.col-md-3.mb-2.ebook_cols .card-title a {
    text-decoration: unset !important;
}.col-md-3.mb-2.ebook_cols .card-title {
    font-size: 16px !important;
}

.ebook_img img {
    height: 120px;
    width: 100% !important;
    object-fit: cover;
}

.col-md-6.mx-auto .btn.btn-secondary {
    z-index: 0;
}

/* ebook css end */







@media(max-width:991px){
   .artsun-blog .col-md-4{
    margin-bottom: 25px;
   }
    .mb-25{
        margin-bottom: 25px;
    }
}




@media(min-width:768px) and (max-width:991px){
    .col-md-3.ebook_cols {
    flex: 0 0 auto !important;
    width: 33.33333% !important;
    margin-bottom: 25px !important;
}

.artsun-blog .col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
}



@media(max-width:768px){
    .col-md-3.ebook_cols {
    flex: 0 0 auto !important;
    width: 50% !important;
    margin-bottom: 25px !important;
}
    .mb-25{
        margin-bottom: 25px;
    }
}


@media(max-width:400px){
    .col-md-3.ebook_cols {
    flex: 0 0 auto !important;
    width: 100% !important;
    margin-bottom: 25px !important;
}
    
}

/* blog css end */

@media(max-width:991px){
nav.navbar.navbar-expand-lg.bg-light.d-block.d-md-none.mob-header {
    background-color: transparent !important;
}
.logo-main.row.sticky {
    justify-content: space-between !important;
    width: 100%  !important;
align-items: center;
}

.push-left {
    position: absolute  !important;
    top: 102px !important;
    width: 100%  !important;
}


img.hclass {
    width: 30px !important;
    height: auto !important;
}
}