/*  --theme-color: #181e5c;
  --theme-color-sec: #f47936;
  --theme-color-light: #e5f3fd;
  --theme-color-sec-hov: #ea6b26;
  --bg-list: #fff;
  --bg-gray: #f7f8f9;
  --border-radius: 10px;
  --border-radius-sm: 5px;
  --border-radiusbg: 20px;
  --bg-list-table-head: #c1e4fe;
  --bg-sec-btn: #2c58ff;
  --color-border-light: #dee2e6;*/
 :root {
    --font-color-black: #555;
 }
/*Fonts*/

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) */

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

}
@font-face {
    font-family: 'robotolight';
    src: url('font/roboto-light-webfont.woff2') format('woff2'),
         url('font/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotomedium';
    src: url('font/roboto-medium-webfont.woff2') format('woff2'),
         url('font/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoregular';
    src: url('font/roboto-regular-webfont.woff2') format('woff2'),
         url('font/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotothin';
    src: url('font/roboto-thin-webfont.woff2') format('woff2'),
         url('font/roboto-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotoblack';
    src: url('font/roboto-black-webfont.woff2') format('woff2'),
         url('font/roboto-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

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

}
@font-face {
    font-family: 'montserratmedium';
    src: url('font/montserrat-medium-webfont.woff2') format('woff2'),
         url('font/montserrat-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'montserratlight';
    src: url('font/montserrat-light-webfont.woff2') format('woff2'),
         url('font/montserrat-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body { font-family: 'robotoregular', sans-serif; font-size: 16px;  }
a { color: var(--theme-color);}
body, .card, .nav-pills .nav-link, body nav.navbar .nav-link, .dop-cate-h, .showsearch, .showsearch-h-a span, .showsearch-h-a:hover span:hover, .copy-text a, .list-table-head ul.profilehead li a, .list-table-head ul.profilehead li a, .pricing-help a:hover, .exralink, .pricing-options-item,.topheadcategory figure a, .main-content-h .topheadcategory figure a, .pagination .page-link, .addmenucategory .btn, .srchp-catehead a:hover, .p-search-cateh li a, .searchp-cate li a, .sitemap-item-h li a, .about-sp-box .address-col a, .btn-outline-action, .table>:not(caption)>*>*, .contactus-lp a, .list-group-item, .category-p-h-s li a {color: var(--font-color-black);}
.fw-bold {font-family: 'robotobold';}
@media (min-width: 1920px){
    body { font-size: 18px; }    
   .navbar .navbar-nav .nav-item .nav-link {padding-right: 20px;padding-left: 20px;}
   .showsearch-h { margin-left: 10px;}
}
main.w-100.bg-body-tertiary.pb-3 { float: left;}
.btn-primary { background: var(--primary-btn); border-color:var(--primary-btn); }
.btn-primary[disabled] {background: var(--primary-btn); opacity: .8}
.btn-outline-primary { color: var(--primary-btn);border-color:var(--primary-btn);}

.btn-action {background: var(--action-btn); border-color:var(--action-btn); color: #fff; }
.btn-action:hover, .btn-action:active, .btn-action:focus  {background: var(--action-btn-hover)!important; border-color:var(--action-btn-hover)!important; color: #fff!important; }
.btn-action[disabled] {background: var(--action-btn)!important; opacity: .8; color: #fff!important;}
.btn-outline-action { color: var(--action-btn); border-color:var(--action-btn); }
.btn-outline-action:hover, .btn-outline-action:active, .btn-outline-action:focus { background: var(--action-btn-hover)!important; border-color:var(--action-btn-hover)!important; color: #fff!important;}
/*--*/
.btn-affilt-back { white-space: nowrap;}   
.btn-affilt-back img { height: 10px;}
.btn-affilt-back:hover img { filter: brightness(100000%);}
@media (min-width: 992px){
   .btn-affilt-back { margin-right: 16px;}  
}
@media (max-width: 991px){
   .btn-affilt-back { margin-right: auto; font-size: 0; height: 42px; border: 0;}
   .btn-affilt-back img { margin-top: 8px;}  
}
/*--*/
.navbar {
    /*z-index: 11111;*/
}
@media (min-width: 768px){
.navbar {
    --bs-navbar-padding-y: 1.5rem;
}
}
body nav.navbar .nav-link {
	font-family: 'robotobold', sans-serif;
}
@media (min-width: 1200px){
    /*.navbar.navbar-expand-lg.bg-white {
	height: 75px;
    }*/
    .-h { height: 50px; }
    nav.navbar .container { position: relative;}
    .offcanvas-body ul.navbar-nav { /*transform: translateY(5px);*/}
    body nav.navbar .nav-item:hover .nav-link {
	background: var(--theme-color-light);
	border-radius: 6px;
	color: #000;
	
    }
    
}
a {text-decoration: none;}
a:hover { color: var(--theme-color-sec);}
strong {font-family: 'montserratmedium'; font-weight: normal;}
.btn {font-family: 'robotobold'; }
.form-control:focus { box-shadow: none; border: solid 1px #111;}
h1, h2 {font-family: 'montserratmedium';}
div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 80px;
}
#samplemenu.sticky{ /* give all styles an !important suffix */
	position: fixed !important;
	top: 0 !important;
	box-shadow: 0 0 10px rgba(0,0,0,.5) !important;
	width: 100%;
	z-index: 111;
}
.dropdown-item.active, .dropdown-item:active { background: var(--theme-color);}
.dropdown-item.active img, .dropdown-item:active img { filter: brightness(100000%);}
.font-light {font-family: 'robotolight';}
.bg-brand {
	background: var(--theme-color);
}
.form-control::-webkit-input-placeholder {
        color: #b9b7b7;
}

.form-control:-moz-placeholder {
        color: #b9b7b7;
}
.profileicon {
        background: var(--secondary-btn);
	border-radius: 6px;
	text-align: center;
	line-height: 40px;
	width: 42px;
	height: 42px;
	color:  #fff;
	display: inline-block;
	font-weight: 600;
}
.profileicon:hover {
        background: var(--secondary-btn-hover);	
}
/*--*/
.pt-head {
    background: var(--theme-color);
    padding: 4px 0;
    color:  #fff;
}
.pt-head a {
    color:  #fff;
}
.pt-head a img {
    filter: brightness(100000%);
}
.pt-head-support {}



@media (min-width: 992px) {
    .continfo .free-trail img { margin-top: -4px; filter:none;}
}
@media (max-width: 991px) {
    .continfo .email { font-size:  0; width: 42px; height: 42px; display: inline-block; border-radius: 50px; background:  #f65137;margin-right: 2px !important;}
    .continfo .email img { margin-top: 5px; margin-left: -2px;}
    .continfo .phone { font-size:  0; width: 42px; height: 42px; display: inline-block; border-radius: 50px; background:  #ffd60a;}
    .continfo .phone img { margin-top: 5px;}
    .continfo .free-trail { font-size:  0; width: 42px; height: 42px; display: inline-block; border-radius: 50px; background:  #00c2c2;margin-right: 2px !important;}
    .continfo .free-trail img { margin-top: 4px; margin-left: -1px;}
}
.landing-digital-menu-board-templates header .continfo .free-trail { font-size: 28px;}
.landing-digital-menu-board-templates header .continfo .free-trail img { width: 36px; margin-right: 8px; margin-top: -10px;}
@media (max-width: 991px) {   
    .landing-digital-menu-board-templates header .continfo .free-trail { font-size:  22px; width: auto; height: auto; display: inline-block; border-radius: none; background:  none; margin-right: 0 !important;}
    .landing-digital-menu-board-templates header .continfo .free-trail img {}
}
@media (max-width: 480px) {   
    .landing-digital-menu-board-templates header .continfo .free-trail { font-size:  20px; width: auto; height: auto; display: inline-block; border-radius: none; background:  none; margin-right: 0 !important;}
    .landing-digital-menu-board-templates header .continfo .free-trail img {width: 26px;margin-right: 3px;}
}
/*--*/

.dropdown-menu, .d-submenu ul {
    -webkit-box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 6px 2px rgba(0,0,0,0.15);    
    background: #fff;
    border: 0;
}
.btn-main {
    background: var(--primary-btn)!important;
    color: var(--primary-btn-text)!important;
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;    
}
.btn-main img {
    filter: brightness(100000%);
}
.btn-primary:hover, .btn-primary:active, .btn-outline-primary:hover, .btn-main:hover, .btn-main:focus,.btn-main:active {
    background: var(--primary-btn-hover)!important;
    color: var(--primary-btn-text-hover)!important;
    border-color: var(--primary-btn-hover)!important;
}

.btn-login {
    background: var(--secondary-btn);
    padding: 8px 15px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
}
.btn-login:hover, .btn-login:focus,.btn-login:active{
	background: var(--secondary-btn-hover)!important;
	color: #fff!important;
}
.btn-outline-secondary-lite {
	border-color: var(--color-border-light);
}
.btn-outline-secondary-lite:hover img {
	filter: brightness(100000%);
}
.header-t-search {	
}
@media (max-width: 1199px) {
    .createnew {
	font-size: 0;
	padding-left: 8px;
	padding-right: 8px;
    }
     .createnew img {
	margin: 0!important;
	width: 24px!important;
    }
    .container-m-n {
	justify-content: flex-end !important;
    }
    .header-t-search {
	display: none;
    }
   
    .headersearch-m img {
	margin-right: 5px;
    }    
    .headersearch-m-btn { margin-right: 3px;}
    .headersearch-m-btn img { width: 25px; margin: 0;}
    .headersearch-m-contenth {
	position: fixed;
	top: 0px!important;	
	right: 0;	
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--bs-body-color);
	color: #fff;
	font-size: 16px;
	padding: 0 0 35px 0;
	border-radius: 0;
	border: 0;
    }
     .headersearch-m-contenth .container {
	margin-top: 30px;
    }
    .container-m-n .navbar-toggler {
	margin-left: 3px;
	padding-left: .5rem;
        padding-right: .5rem;
	padding-top: 5px;
        padding-bottom: 5px;
    }
    
    .canvasnav-t-acn {
	display: -webkit-inline-box;
    }
    .tab-fix {
	display: -webkit-inline-box;
	margin-left: auto;
	flex-grow: 0 !important;
    }
}
.header-t-search-icon img {
    filter: brightness(800%);
}
@media (min-width: 1199px) {
    .headersearch-m {
	display: none;
    }
    .createnew {	
	margin-left: 10px;
    }
}

.showsearch {
    border: 0;
    position: absolute!important;
    /*top: 45px!important;*/
    left: 0;
    border-radius: 0;
    width: 700px;
    padding: 20px 12px 27px 12px;
    display: none;
    z-index: 11111;
   
    background: #fff;
    transition: all 0.5s ease;
      border-radius: var(--border-radiusbg);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    /*z-index: 11111;
    border: 0;
    background: var(--theme-color-light);
    transition: all 0.5s ease;
    padding-top: 20px;
    padding-bottom: 36px;*/
}
.dop-cate-h { font-size: 18px;font-family: 'montserratmedium'; margin-left: 15px; margin-top: 10px; width: 100%; float: left;}
.cat-food a { float: left; width: 50%;}
.dropdown-menu .dop-cate-h {margin-left: -12px; margin-bottom: 0;}
/*@media (min-width: 1200px) {
    .showsearch {
	position: absolute!important;
	width: calc(100vw - 30px);
	left: 0;
    }
}*/
.sticky .showsearch {  
   /* top: 75px!important;*/
    transition: all 0.5s ease;
}
.showsearch-h:hover .showsearch { display: block;}
.showsearch-h-a { width: 100%;}
.showsearch-h-a span { padding: 5px 15px;  float: left; border-radius: 6px;}
.showsearch-h-a:hover span:hover { background: rgba(0,0,0,.04);}
.showsearchfld {
    background: #fff;
}
.showsearchflddesk {
    background: #f8f9f9;
    border: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    border: solid 1px #f8f9f9;
}

.showsearchflddesk::placeholder {
  color: rgba(0,0,0,.5);
}

.showsearchflddesk::-ms-input-placeholder { /* Edge 12 -18 */
  color: rgba(0,0,0,.3);
}

.showsearchflddesk + .showsearchfld-btn img {
   /* filter: brightness(10000%);*/
    float: left;    
}
.active-search { /*background: #fff; */}
.active-search + .showsearchfld-btn img {filter: none!important;}
.showsearchflddesk + .showsearchfld-btn {
    height: 100%; 
}
.showsearchflddesk:focus + .showsearchfld-btn img {
    filter: none;
}
/*.showsearchflddesk + .showsearchfld-btn:hover,
.showsearchflddesk + .showsearchfld-btn:focus,
.showsearchflddesk + .showsearchfld-btn:active {
    background: var(--theme-color-sec);
}
.showsearchflddesk + .showsearchfld-btn:hover img,
.showsearchflddesk + .showsearchfld-btn:focus img,
.showsearchflddesk + .showsearchfld-btn:active img {
    filter: none;
}*/
.showsearchfld-btn {
    position:  absolute;
    top: 0;
    right: 0;
}
.showsearchfld-btn-sm {
    position:  absolute;
    top: 0;
    right: 0;
}
.innerpage-header { padding-top: .5rem; padding-bottom: .5rem;}
.innerpage-header .showsearchfld-btn.sml-search-fld {
    right: 0;
	top: 0;
}
.menu-second { margin: 0; padding: 0;}
.menu-second li { list-style: none;}
.title-page-h {
	padding: 0 0;	
	float: left;
	width: 100%;
	/*margin-top:  58px;*/
}
.fixed-tophead {
    /*position: fixed; top: 57px; z-index: 111; width: 100%;background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; width: 100%; */
}
.pad-fixed-maincont {
    margin-top: 58px;
}
	/*.search-content-list {
		background: var(--bg-list);
		border-radius: var(--border-radius);
	}*/
	
.main-content-h {
	background: var(--bg-list);
	border-radius: var(--border-radius);
	display: inline-block;
	width: 100%;
	
}
@media (min-width: 768px) {
 .main-content-h { min-height: 500px;}
}
	
.no-text-dropdown.dropdown-toggle::after {
	margin-left: 0;
}
.list-table-head {
	/*padding: 15px 25px 15px 25px;*/
	display: inline-block;
	width: 100%;
}
.btn.list-head-action-buttons:hover {background: rgba(0,0,0,.04);}
@media (min-width: 1199px) {
 .main-content-h { padding-top: 5px;}
}

.list-table-head .form-check {
	margin-top: 5px;
}
.btn.list-head-action-buttons { padding-left: 10px; padding-right: 10px;}
.list-table-head-actions, .list-table-content-actions { margin: 0; padding: 0;}
.list-table-head-actions li, .list-table-content-actions li { list-style: none; display: inline-block;}
.list-head-action-buttons img { height: 20px; float: left; margin-top: 2px; margin-right: 4px;}
.list-table-cont-head, .list-table-cont-items {
	/*padding-left: 25px;
	padding-right: 25px;*/
}
.list-table-cont-head {
	background: var(--bg-list-table-head);
	padding-top: 8px;
	padding-bottom: 8px;
}
.list-table-cont-item  {
	padding: 0;
}
.list-table-cont-items-h {
	margin: -8px 0 0 0;
	padding: 0;
}
.list-table-cont-items {
	/*padding-top: 8px;
	padding-bottom: 15px;*/
	/*border-bottom: solid 1px #eee;*/
	list-style: none;
}
/*.list-table-content-actions { display: inline-block; }
.list-table-content-actions { display: none;}
.list-table-cont-items:hover .list-table-content-actions  {
	display: block;
}*/
.list-table-cont-items:last-child {
	border: none;
}
.list-table-cont-items-g {
	/*margin-left: 10px;*/
	position: relative;
	min-height: 178px;
}
.list-table-cont-items-g img {
	max-width: 100%;
}
.list-table-cont-items-g .vartical .acimg {
	width: auto;
	max-height: 100%;
	left: 35%;
	/*transform: translateX(-50%);*/
}
.list-table-cont-items-desc-head {
	font-size: 18px;
	display: inline-block;
	margin: 0;
	border-radius: 4px;
}
.list-table-cont-itemsh .list-table-cont-items-desc-head {
    font-family: 'robotoregular';
}
.list-table-cont-itemsh:hover .list-table-cont-items-desc-head {
    /*-webkit-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1);
    box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.1);*/
}
.modal .list-table-cont-itemsh:hover .list-table-cont-items-desc-head {
    /*box-shadow: none;*/
    
}
.list-table-cont-itemsh:hover .list-table-cont-items-desc-head:focus {
	/*background: #fff;*/
}
.copy { 
	display: inline-block; width: 100%; line-height: 25px; font-size: 18px; letter-spacing: 1px;
}
.copy .copy-icon-h {opacity:0;  transition: all 0.5s ease; transform: translateY(-10px);}
.copy:hover .copy-icon-h { 
	opacity:1; margin-left: 10px;  transition: all 0.5s ease;
}
.copy-icon-h .go-url { /*padding-right: 0;*/}
.copy-text { float: left; margin-right: 10px;    transform: translateY(6px); }
.copy-text a { text-decoration: none;}
.copy-icon { 
	/*width: 25px;
	height: 25px;*/
	background: #fff;
	border: 0;
	padding: 12px;
	border-radius: 6px;
}
.copy-icon:hover {
	background: rgba(0,0,0,.04);
	
}
.copy-icon img {
	width: 14px;
	float: left;
}
.go-url { margin-left: 0px;}
.p-create-scren .copy-icon { background: none; }
.p-create-scren .copy-icon img { filter: brightness(100000%); }
.p-create-scren .screenurl { color: rgba(255,255,255,.8); line-height: 36px; width: 300px;  border: 0; margin-left: 25px;}
.items-img { position: relative; overflow: hidden;transition: all 0.5s ease;}
.items-img-ev { margin: 0; padding: 0; position: absolute; bottom: -100%; left: 50%; margin-bottom: -30px; margin-left: -100px; width: 200px;transition: all 0.5s ease;}
.items-img:hover .items-img-ev {bottom: 50%;}
.items-img-ev li { list-style: none; width: 50%; float: left; text-align: center;}
.items-img-ev li a { width: 100%; display: inline-block; line-height: 60px; background: #fff; text-decoration: none;}
.items-img-ev li:first-child a { border-radius: 30px 0px 0px 30px;}
.items-img-ev li:last-child a { border-radius: 0 30px 30px 0; border-left: solid 1px #eee;}
.btn-download img {filter: brightness(10000%);}
.btn-download img {filter: brightness(10000%);transform: translateY(-2px);}
/*Assign category*/

.drop-category-e-d {
	float: right;
	display: none;
        position: absolute;
    right: 10px;
}
.drop-category-e-d span {
	display: inline-block; padding: 5px; border-radius: var(--border-radius-sm);
}
.drop-category-e-d span:hover {
	background: red;
	color: #fff;
}
.drop-category-e-d span img {
	float: left;
}
.drop-category-e-d span:hover img {
	filter: brightness(10000%);
}
.dropdown-menu .dropdown-item:hover  .drop-category-e-d { display: inline-flex;}
/*Home page header banner*/
.banner-home {
	/*background: var(--theme-color);	
	color: #fff;*/
	overflow: hidden;
	margin-top: 0;
}
.banner-home-img-h {
	/*background: rgba(255,255,255,.03);*/
	/*padding: 15px 15px 0 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	transform: translateX(30px);*/
	border: solid 1px rgba(0, 0, 0, .1);
}
.banner-home-desc {
	padding-top: 50px;
	padding-bottom: 70px;
}
.banner-home-desc h4 {
	font-family: 'montserratlight';
}
@media (min-width: 1200px) {
    .banner-home-desc {
	padding-right: 50px;
    }
    .banner-home-desc h4 {
        font-size: 2.5rem;
	margin-bottom: 20px;
    }
}
@media (min-width: 1920px) {
   .banner-home { padding-top: 50px; padding-bottom: 80px;}
    .banner-home-desc {
	padding-right: 150px;
    }
   
}
.banner-home-desc h2 {	
	font-size: 3rem;
	line-height: 1.1;
	margin-bottom: 1.5rem;
}
.banner-home-desc h3 {
	/*font-family: 'robotomedium';*/
	font-size: 1.25rem;
}
.banner-home-desc .btn-main {	
	margin-bottom: 1.5rem;
}
.banner-home-desc h3 a {  }
.banner-home-desc p a { color: var(--font-color-black); }
.banner-home-desc h2 a, .banner-home-desc h3 a, .banner-home-desc p a {}
.banner-home-desc h2 a:hover, .banner-home-desc h3 a:hover, .banner-home-desc p a:hover { color: var(--theme-color);}
.banner-home-desc p a:hover { color: var(--theme-color-sec);}
.banner-text-underline {
	position: relative;
}
.banner-text-underline:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 2px;
	background: rgba(255,255,255,.05);
	bottom: -5px;
	left: 0;
}
@media (max-width: 991px) {
    .banner-home-desc h3 {
	font-size: 18px;
	font-family: 'robotoregular';
    }
    
    .banner-home-desc h2 {	
	font-size: 1.75rem;	
    }
    .banner-home-desc {
	padding-top: 15px;
	padding-bottom: 50px;
    }
    
}
@media (max-width: 767px) {
   
    .banner-home-desc h4 {
	/*display: none;*/
    }   
    .banner-home-desc h2 {	
	margin-bottom: 5px;
   }
}
.btn-main-lg {
	padding: 13px 25px;
}
.owl-theme .owl-nav.disabled+.owl-dots {
    position: absolute;
    bottom: 20px;
    width: 100%;
}
.banner-home .owl-theme .owl-dots .owl-dot span {
    background: #2e3689;
}
/*Section heading*/
.section-heading h1, .section-heading h2.title {
	font-size: 3.5rem;
	font-weight: 200;
}
.section-heading h2 {
	font-size: 1.8rem;
	/*font-family: 'montserratlight';*/
}
.heading-2 {
	font-size: 3rem;
	font-family: 'robotolight';
}
.heading-3 {
	font-size: 2rem;
	font-family: 'robotolight';
}
.article-content h2 {
	font-size: 1.5rem;
}
.home-howtodesign {}
.home-howtodesign li a { text-decoration: none; }
.view-youtube { list-style: none; margin: 0; padding: 0; }
.view-youtube a { position: relative; border: solid 1px #ff0000; padding: 10px 20px 10px 48px; color: #ff0000!important; border-radius: 30px; font-size: 18px; }
.view-youtube a:before { content: ""; position: absolute; left: 3px; top: 2px; width: 40px; height: 40px; border-radius: 50px; background: #fff url("../images/ico-youtube-color.svg"); background-size: cover!important; }
.contactus-lp .view-youtube a:before { background-color: #f8f9fa;}
.view-youtube a:hover { background: #ff0000; color: #fff!important;}
.hsection-1 .article-content h2 {font-family: 'montserratmedium'; margin-top: 15px;}
.head-multip-tool { background: var(--theme-color); border-radius: 40px; padding: 30px 40px; display: inline-block; color: #fff;}
@media (max-width: 1199px) {
    .head-multip-tool { margin-top: 40px; margin-bottom: 30px; padding: 15px 30px;}
}
.head-multip-tool h2 { font-size: 22px;}
@media (max-width: 991px) {
  .section-heading h1, .section-heading h2.title {
	font-size: 3rem;
  }

  section {
    padding-top: 50px!important;
    padding-bottom: 50px!important;
  }
}
@media (max-width: 767px) {
  .section-heading h1, .section-heading h2.title {
	font-size: 2rem;
  }
  .section-heading h2.title {
	
	margin-bottom: 20px;
	   
  }
 .section-heading h2 {
    font-size: 1.5rem;
}
  
}
.importantfeas {
	color: #fff;
}
.importantfeas article {
	padding-top: 40px;
}
.importantfeas h2 {
	font-size: 22px;
}
.importantfeas img {
	margin-bottom: 15px;
}
/*hsection-0*/
.hsection-0 h3 {
    font-size: 1.8rem;
    font-family: 'montserratlight';
}
.hsection-0 article { border-radius: var(--border-radiusbg); background: #fff; margin-top: 40px;}
.hsection-0 article h2 {
    font-family: 'montserratmedium'; font-size: 1.5rem; margin-bottom: 15px; margin-top: 10px;
}
.howimg-1, .howimg-2, .howimg-3 { text-align: center; border-radius: var(--border-radiusbg) var(--border-radiusbg) 0 0; padding: 30px;}
.hsection-0 .howimg-1 {
    background: rgb(251,253,245);
   background: linear-gradient(0deg, rgba(251,253,245,1) 0%, rgba(238,238,238,1) 100%);
}
.hsection-0 .howimg-2 {
   background: rgb(255,250,246);
    background: linear-gradient(0deg, rgba(255,250,246,1) 0%, rgba(255,234,220,1) 100%);
}
.hsection-0 .howdesc {padding: 30px 40px 40px 40px;}
@media (max-width: 767px) {
    .hsection-0 .howdesc {
	padding: 20px 30px 40px 30px;
    }
}
.hsection-0 article p {
    margin-bottom: 0;
}
.hsection-options {
    display: inline-block; width: 60px; height: 60px;  background: var(--home-page-featured-points-bg); color: var(--home-page-featured-points-text); border-radius: 100px; text-align: center; line-height: 60px; margin-right: 15px;  font-family: 'robotobold'; margin-bottom: 15px;
}
@media (max-width: 1199px) {
    .hsection-0 article { margin-top: 30px;}
}
@media (min-width: 768px) and (max-width: 1199px) {
    .hsection-0 article { height: 100%;}
}
@media (max-width: 767px) {
    .hsection-0 h3 {
	font-size: 1.5rem;
    }
}
/*/hsection-0*/

/*Menu items*/
.menuitem-hc { position: relative; border: solid 1px rgba(0,0,0,.1); overflow: hidden;}
.menuitem-hover { display: none; position: absolute; top: 0; left: 0; width:  100%; background:  rgba(0,0,0,.4); height: 100%;}
.list-table-cont-itemsh.itm-sw-btn-usedesign:hover .menuitem-hover, .menuitem-hc:hover .menuitem-hover {display: block; z-index: 11;}

.menu-items .menu-items-img { transition: all 0.3s ease; float: left;}
/*.menuitem-hc:hover .menu-items-img { transform: scale(1.05);transition: all 0.3s ease; }*/

.menuitem-hc ul { margin: 0; padding: 0; width: 90%; position: absolute; left: 5%; top: 50%; margin-top: -30px; }
.menuitem-hc ul li { list-style: none; float: left; width: 50%; line-height: 60px; text-align: center; background: #fff; font-size: 16px; }
.menuitem-hc ul li:hover { cursor: pointer; background: var(--theme-color-light);}
.menuitem-hc ul li:first-child { border-radius: 15px 0 0 15px;}
.menuitem-hc ul li:last-child { border-radius: 0 15px 15px 0; border-left: solid 1px #eee;}
.list-table-cont-itemsh.itm-sw-btn-usedesign .menuitem-hc ul li:first-child { width: 100%; border-radius: 15px;}
.viewmodalimg {text-align: center;}
.menu-items-imgf { position: absolute; width: 100%; height: 100%; z-index: 111; left: 0; top: 0;}
.design-caption { padding-top: 15px;}
.viewmodalimg img { max-width: 100%;}
.scroll-image {
  width: 100%;
  transition: transform 10s ease!important;
}

.scroll-image:hover {
  transform: translateY(calc(-100% + 181.047px)); transition: transform 10s ease!important;
}
.menu-items p { margin-bottom: 5px;}

.list-table-cont .menu-items .menu-items-img {	
	border: 0;
}
.mydesignimg.menu-items .menu-items-img {
	position: absolute;
}
.scrollplaylist .menu-items .menu-items-img {
    min-height: 100px;
}
/*.usethisdesign {
    position: absolute;
    background:  rgba(0,0,0,.4);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}*/

/*.usethisdesign {
    font-size: 18px;
    opacity: 1;
    position: absolute;
    width: 210px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    left: 50%;
    margin-left: -105px;
    bottom: 60px;
    background: #fff;
    color: #000;
    border-radius: 6px;
    transition: all 0.3s ease;
    z-index: 111;
    -webkit-box-shadow: 0px 0px 21px -3px rgba(0,0,0,0.42);
    -moz-box-shadow: 0px 0px 21px -3px rgba(0,0,0,0.42);
    box-shadow: 0px 0px 21px -3px rgba(0,0,0,0.42);
}
.itm-sw-btn-usedesign:hover .usethisdesign { opacity: 1; cursor: pointer; transition: all 0.3s ease;}
.itm-sw-btn-usedesign:hover .usethisdesign:hover { background: var(--theme-color-light);}
.itm-sw-btn-usedesign figcaption, .itm-sw-btn-usedesign .list-table-cont-items-desc-head { text-align: center;}
/*.itm-sw-btn-usedesign:hover figcaption, .itm-sw-btn-usedesign:hover .list-table-cont-items-desc-head  { opacity: 0; transition: all 0.3s ease;}*/


.menu-video-ind {
    position: relative;
}
.menu-video-ind:before {
    content: "";
    width: 40px;
    height: 40px;
    background: #fff url("../images/ico-video.svg");
    background-size: cover;
    left: 10px;
    bottom: 10px;
    display: inline-block;
    position: absolute;
    z-index: 111;
    border-radius: 40px;
}
.mydesign-edit .menu-video-ind:before {   
    bottom: 58px;
    width: 30px;
    height: 30px;
}
.playlistvideoh .play_video{ position: relative; height: 100%; width: 100%; float: left; background: #f6f6f7; }
.playlistvideoh { position: relative; height: 100%; display: inline-block; width: 100%;}
.playlistvideoh::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      background: #fff url("../images/ico-playlist-video-thumb.svg");
      background-size: cover;
      width: 100px;
      height: 100px;
      margin-top: -50px;
      margin-left: -50px;
      border-radius: 100px;
      z-index: 111;
    }

/*.vartical:after {
    content: "";
    width: 40px;
    height: 40px;
    background: #fff url("../images/ico-vertical.svg");
    background-size: cover;
    left: 10px;
    bottom: 10px;
    display: inline-block;
    position: absolute;
    z-index: 111;
    border-radius: 40px;
}
.vartical.menu-video-ind:after {   
    left: 60px;
}*/
.menu-youtubevideo {
    position: relative;
}
.menu-youtubevideo:hover {
    cursor: pointer;
}
.menu-youtubevideo:before {
    content: "";
    width: 40px;
    height: 40px;
    background: #fff url("../images/ico-youtube-color.svg");
    background-size: cover;
    left: 10px;
    bottom: 10px;
    display: inline-block;
    position: absolute;
    z-index: 111;
    border-radius: 40px;
}
.menu-items-desc {
	margin: 0;
	padding: 0;
}
.menu-items-desc {
	margin: 0;
	padding: 0;
}
.menu-items-desc li {
	list-style: none;
	float: left;
	
}
.menu-items-desc li img{
	height: 18px;
}
.menu-items-desc li .btn{
	/*padding: 4px 0;
	width: 100%;
	font-size: 13px;*/
}
.menu-items-desc li .btn img {
	margin-right: 3px;
}
.menu-items-desc li:first-child {
	width: 100%;
	line-height: 30px;
	/*text-align: center;*/
	margin-top: 10px;
	
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*.menu-items-desc li:nth-child(2) {
  width: 20%;
} 
.menu-items-desc li:nth-child(3) {
  width: 20%;
}
.menu-items-desc li:nth-child(3) img {
    float: right; margin-right: 7px;
}
.menu-items-desc li:nth-child(4) {
  width: 10%;
}
*/.menu-items-desc.menu-gallery-opt li { padding-right: 5px;}
/*.menu-items-desc.menu-gallery-opt li:first-child {
    width: 28%;    
}
.menu-items-desc.menu-gallery-opt li:nth-child(2) {
    width: 44%;    
}
.menu-items-desc.menu-gallery-opt li:nth-child(3) {
    width: 28%;    
}
.menu-items-desc.menu-gallery-opt li:nth-child(3) img {
    float: none; margin-right: 0;
}*/
.menu-items-desc.menu-gallery-opt .btn { /*background: rgba(0,0,0,.05); float: left; height: 33px;*/}
.menu-items-desc.menu-gallery-opt .btn:hover {/*background: rgba(0,0,0,.1);*/}
/*.btn-close-no-head-foot {
    position: fixed;
    right: 25px;
    top: 15px;
   
    width: 50px;
    height: 50px;
    border-radius: 50px;
    opacity: 1;
}
.btn-close-no-head-foot img {
	filter: brightness(10000%);
}
.btn-close-no-head-foot:hover {	
    opacity: 1;
}*/
/*--*/
.list-table-cont-itemsh {
    background: #fff;
    padding: 15px;
    border-radius: var(--border-radius);
    transition: all 0.3s ease;
    border: solid 1px rgba(0,0,0,0.05);
}
.list-table-cont-itemsh:hover {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
   /* background: rgba(0,0,0,0.04);*/
   border-color: #fff;
}
/*.list-table-cont-itemsh .usethisdesign { bottom: 0;transition: all 0.3s ease;}
.list-table-cont-itemsh:hover .usethisdesign { opacity: 1;transition: all 0.3s ease;}
.list-table-cont-itemsh:hover .usethisdesign:hover { cursor: pointer; background: var(--theme-color-sec); color: #000;}
.list-table-cont-itemsh:hover .list-table-cont-items-desc { opacity: 0;transition: all 0.3s ease;}*/

.list-table-cont-items-g .menu-items-desc li:first-child {
	display: none;
}
.list-table-cont-items-g .menu-items-desc li:nth-child(2) {
  width: 17%;
} 
.list-table-cont-items-g .menu-items-desc li:nth-child(3) {
  width: 17%;
}
.list-table-cont-items-g .menu-items-desc li:nth-child(4) {
  width: 17%;
}
.list-table-cont-items-g .menu-items-desc li:nth-child(5) {
    width: 32%;
}
.list-table-cont-items-g .menu-items-desc li:nth-child(6) {
  width: 17%;
}
.mydesignimg { overflow: hidden; border-radius: var(--border-radius); background: rgba(0,0,0,.03);/*height: 195px;*/}
.HEIGHTplaceholdernoimgGIF { min-height: 156px;}
.download + .small { font-size: 12px;}
/*--*/

.custom-tooltip {
  --bs-tooltip-bg: var(--theme-color);
  --bs-tooltip-color: #fff;
}
.tag-pro-h {
	padding-right: 20px;
}
.tag-pro {
	display: inline-block;
	background: #ff4200;
	color: #fff;
	padding: 2px 5px 0px 5px;
	border-radius: 3px;
	font-size: 11px;
	transform: translateY(-1px) translateX(-17px);
	rotate: 45deg;
}
section {
	padding-top: 80px;
	padding-bottom: 80px;
}
.seperatorM {
	display: inline-block;
	width: 100%;
	height: 50px;
	clear: both;
}
.seperatorS {
	display: inline-block;
	width: 100%;
	height: 30px;
	clear: both;
}
.icon-features { text-align: center;}
.icon-features .icons {
	display: inline-block;
	width: 80px;
	height: 80px;
	/*background: #eee;*/
	margin-bottom: 15px;
}
.icon-features .icons img {
	max-width: 80px;
	width: auto;
}
.icon-features h2 {
	font-size: 1.15rem;font-family: 'robotoregular';
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: var(--theme-color);
}
.nav-pills .nav-link { background: var(--bg-gray); margin: 0 5px 5px 0;  font-size: 16px; border: solid 1px #fff;}
.nav-pills .nav-link:hover { background-color: var(--theme-color); color: #fff;}
.nav-pills .nav-link:focus, .nav-pills .nav-link:active { background-color: var(--theme-color); color: #fff;}
.homepage-categ {}
@media (max-width: 767px) {
    .homepage-categ {
	display: flex;
	flex-wrap: nowrap;
	overflow: auto;
    }    
}

/*Download*/
.download-options-h { margin: 0; padding: 0 0 10px 0;}
.download-options-h:last-child { padding: 0; }
.download-options-h li { list-style: none; float: left;}
.download-options-h li:first-child {
	 width: 13%;
}

.download-options-h li:nth-child(2) {
  width: 62%;
} 
.download-options-h li:nth-child(3) {
  width: 25%;
  text-align: center;
}
.get-url img {transform: translateY(-2px);}
.get-url:hover img {filter: brightness(10000%);}
.spinner-border-sm {
    --bs-spinner-border-width: 0.1em;
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    border: 0;
}
.btn.disabled img, .btn:disabled img {
    opacity: .5;
}
button:disabled:hover {
  cursor: not-allowed;
}
.download-options { border: solid 1px #eee; padding: 16px 20px; border-radius: var(--border-radius);}
.download-sec-h { padding-left: 30px;}
#download_design_caption {font-family: 'robotoregular';}
/* / Download*/
.sitelogo { font-weight: 600;}
@media (max-width: 991px) {
    .sitelogo { margin-right: auto;}
    .sitelogo.partner-active { margin-right: 10px;}
}
/*Dashboard */
.partner-bg { font-size: 16px; min-height: 400px;}
@media (min-width: 768px) {
.partner-bg { background: #fff; border-radius: var(--border-radius); padding: 1.5rem;}
}
.partner-info { background: #fff; border-radius: var(--border-radius); padding: 1.5rem;}
@media (max-width: 991px) {
.partner-info .profile-logos {
    padding: 0;
}
} 
.profile-bg { background: #fff; /*height: 100%;*/ border-radius: var(--border-radius);}
@media (min-width: 1200px) {
    .profile-bg {min-height: 350px;}
}
.search-cont #content_search  { min-width: 280px;}
.list-table-head ul.profilehead { margin:0; padding: 0 0 0 0; display: inline-block; width: 100%;}
.list-table-head ul.profilehead li a img { width: 24px; float: left; margin-right: 10px;}
.list-table-head ul.profilehead li { white-space: nowrap; }
@media (min-width: 1200px) {
    .list-table-head ul.profilehead li { margin-bottom: 10px; width: 100%;}
    .list-table-head ul.profilehead li a { width: 100%;}
    .list-table-head ul.profilehead li a:hover, .list-table-head ul.profilehead li a.active {background: rgba(0,0,0,.04);transition: all 0.3s ease; }
    .list-table-head ul.profilehead li a:focus, .list-table-head ul.profilehead li a:active { background: var(--theme-color); color: #fff;}
    .list-table-head ul.profilehead li a:focus img, .list-table-head ul.profilehead li a:active img {filter: brightness(10000%);}
    .list-table-head ul.profilehead li { list-style: none; width: 100%;}
    .list-table-head ul.profilehead li a { position: relative; text-decoration: none; padding: 9px 10px; border: 0; border-radius: var(--border-radius); display: inline-block; font-weight: 500; transition: all 0.3s ease;}
    .list-table-head ul.profilehead li a:before { position: absolute; width: 10px; height: 10px; content: ""; right: 15px; top: 15px;
      border: solid gray;
      border-width: 0 1px 1px 0;
      display: inline-block;
      padding: 3px;
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
    }
}
@media (max-width: 1199px) {
    .list-table-head ul.profilehead {	
	white-space: nowrap;
    }
    .list-table-head ul.profilehead li a { white-space: nowrap; float: left; border: solid 1px rgba(0,0,0,.1); padding: 8px 10px; border-radius: var(--border-radius); }
    .list-table-head ul.profilehead li { padding-right:  5px; display: inline-block;}
    .list-table-head ul.profilehead li a img { margin-right: 5px; }
    .list-table-head ul.profilehead li a.active {background: rgba(0,0,0,.1); }
}
.dashboard-content {
	
    display: inline-block;
    width: 100%;
}
.dashboard-content-item {
	background: #fff;
	padding: 30px;
	border-radius: var(--border-radius);
	height: 100%;
	color: #000;
}
.dashboard-content-item:hover {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}
.green { color: green;}
.yello { color: orange;}
.red { color: red;}
.icon-dash-indic { display: inline-block; width: 50px; height: 50px; border-radius: 50px;}
.icon-dash-indic img { width: 24px; margin-top: 13px; margin-left: 13px; float: left;}
.dashboard-content-item td {
	line-height: 30px;
}
.list-table-head { padding-bottom: 8px;}
hr.b-list-table-head { margin-top: 0; border-color: #999999;}
@media (max-width: 767px) {
    .resp-search-options .btn.btn-outline-secondary {
	width: 100%;
	margin-bottom: 10px;
    }
}
/* / Dashboard */

/* modal*/
.modal-header {	
	padding: 1rem 2rem ;
	background: var(--bg-gray);
	border-bottom: 0;
	font-family: 'robotoregular';
}
.modal-header.error {		
	background: var(--theme-color-error-light);
}
.modal-body {
	padding: 2rem;
}
.modal-footer {
    padding-right: 2rem;
}
.cls-mod-body { position: absolute; top:20px; right: 20px;
}
/* /  modal*/

/*Pricing*/

.p-pricing h1 {
    font-size: 3.5rem;
    
}
.pricing-card-title {font-family: 'montserratmedium'; font-size: 2.75rem;}
.price-list {
	/*padding: 25px;*/
}
.price-list table td, .price-list table th { background: none;}
.price-list .card-header, .price-list .card-footer{
	background: none;
	border: 0;
}
.price-list .card-header { padding-top: 35px; padding-bottom: 15px!important; font-family: 'robotobold'; font-size: 18px;}
.price-list .card-footer { padding-bottom:  35px;}
.price-list .card-body { padding-top: 0;}
.price-list .card-body li { line-height: 30px;}
.price-list .card-header, .price-list .card-footer, .price-list .card-body { padding-left: 25px; padding-right: 25px;}
/*.price-list .card-footer{
	padding-bottom: 1rem;
}*/
.featuredplan {
}
.price-list .card {
	text-align: left;
	border: 0;
	box-shadow: none!important;
}
.price-list .card small{
	/*color: #bbb;*/
}

.featuredplan.card {
	/*border-color: #36F;
	background: #e7f1ff;
	position: relative;
	border-radius: 0 0 8px 8px!important;*/
	background: var(--theme-color-light);
	border: solid 2px var(--theme-color);
	/*color: #fff;*/
}
.price-list .fpricesv{
	/*font-family: 'robotobold';*/
}
.price-list .error { color: rgb(220 53 69);font-family: 'robotobold'; font-size: 18px;}
.price-list .error img { transform: translateY(-2px);}
.price-list .success {color: #23b749;  font-family: 'robotobold'; font-size: 18px;}
.price-list .success img {}

.p-tab-d { width: 17px; transform: translateY(-1px); margin-right: 5px;}
/*.featuredplan.card:before {
	position: absolute;
	content: "RECOMMENDED";
	width: calc(100% + 2px);
	height: 50px;
	background: #36F;
	top: -50px;
	left: -1px;
	line-height: 50px;
	border-radius: 8px 8px 0 0;
	color: #fff;
}*/
.pricing-help { color: #888;}
.pricing-help a { color: #888; text-decoration: none;}
.pricing-help a:hover {}
@media (min-width: 768px) and (max-width: 991px) {
    .price-list .card-header, .price-list .card-footer, .price-list .card-body {
	padding-left: 15px;
	padding-right: 15px;
    }
}
.mover-popover {
    display: inline-block; position: relative;
}
.mover-popover .mover-popover-img:hover {
    cursor: pointer;
}

.mover-popover .mover-popover-content {
    position: absolute;
    width: 200px;
    top: -15px;
    right: -210px;
    background: #fff;
    font-size: 14px;
    padding: 15px;
    border-radius: 5px;
    font-weight: 400;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.mover-popover-content {
    display: none;
}
.mover-popover:hover .mover-popover-content {
   display: block;
}
.pricingscren .htext { font-size: 12px;}
.pricingscren .htext:hover { cursor: pointer;}
.pricingscren.mover-popover .mover-popover-content {
   width: 350px;
   z-index: 1111;
   text-align: left;
   padding: 30px;
}
@media (max-width: 850px) {
   .pricingscren.mover-popover .mover-popover-content {
      width: 300px;
      right: -160px;
   }
}
@media (max-width: 767px) {
   .pricingscren.mover-popover .mover-popover-content {
      width: 300px;
      right: -20px;
   }
}
.pricingprocess-lable { margin: 0; padding: 0;}
.pricingprocess-lable li {margin: 2px 0; font-size: 20px; list-style: none; width: 100%; display: inline-block; padding: 10px 25px; border-radius: var(--border-radius); border: solid 1px #dee2e6;}
.pricingprocess-lable li:hover { background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; }
.pricingprocess-lable li label { width: 100%;cursor: pointer;}
.pricingprocess-lable .pricingprocessprice { display: inline-block; margin-left: 15px; /*width: 100%;font-size: 24px;*/ font-family: 'robotobold';}
.pricingprocess-lable .expmsg { font-size: 14px; opacity: .5; display: inline-block; width: 100%; float: left;}
@media (max-width: 480px) {
.pricingprocess-lable li { padding-left: 10px; padding-right: 10px; font-size: 18px;}
.pricingprocess-lable .pricingprocessprice {margin-left: 8px;}
}
.exralink { text-decoration: none; }
.exralink:hover {}

/*- Pricing page switch--*/
.knobs,
.layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.button {
  position: relative;
  top: 50%;
  width: 355px;
  height: 60px;
  margin: 0 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: #fff;
  transition: 0.3s ease all;
  z-index: 1;
  border-radius: 6px;
}

/* Button 10 */
#button-10 .knobs:before,
#button-10 .knobs:after,
#button-10 .knobs span {
  position: absolute;
  top: 5px;
  width: 175px;
  height: 50px;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  padding: 9px 4px;
  border-radius: 6px;
  transition: 0.3s ease all;
}

#button-10 .knobs:before {
  content: "";
  left: 5px;
  background-color: var(--theme-color);
}

#button-10 .knobs:after {
  content: "Monthly";
  right: 5px;
  color: #4e4e4e;
}

#button-10 .knobs span {
  display: inline-block;
  left: 5px;
  color: #fff;
  z-index: 1;
}

#button-10 .checkbox:checked + .knobs span {
  color: #4e4e4e;
}

#button-10 .checkbox:checked + .knobs:before {
  left: 175px;
  background-color: var(--theme-color);
}

#button-10 .checkbox:checked + .knobs:after {
  color: #fff;
}

#button-10 .checkbox:checked ~ .layer {
  background-color: #fff;
}
.form-check-input.is-invalid + label a { color: var(--bs-form-invalid-color);}
.form-check-input.is-invalid + label a:hover { color: #000;}
/*- / Pricing page switch--*/

.pricing-options { text-align: center;}
.pricing-options-item-h {background: #fff; padding: 5px;border-radius: 6px; }
.pricing-options-item { width: 160px; border-radius: 6px; line-height: 50px; font-size: 18px; font-family: 'robotobold';}
.pricing-process .pricing-options-item { width: 120px; line-height: 40px;}
.pricing-options-item.active { background: var(--action-btn); color: #fff;}
.pricing-options-item:hover { cursor: pointer;}

.payment-options {border: solid 1px #dee2e6; padding: 10px; border-radius: 10px; margin-top: 20px;}
.btn-payment-stripe {background: #6058f7; color: #fff;}
.btn-payment-stripe:hover {background: #4038dc;color: #fff}
.btn-payment-stripe[disabled]{background: #a19cff;}
.btn-payment-paypal {background: #0170ba; color: #fff;}
.btn-payment-paypal:hover {background: #034e81;color: #fff}
.btn-payment-stripe:focus, .btn-payment-paypal:focus, .btn-payment-stripe:active, .btn-payment-paypal:active { background: #111!important; color: #fff!important;}
.stripe_payment_message { text-align: center; padding: 10px 0; color: #be2926;}
/* / Pricing*/

/*contactus*/
/*Captcha*/
.captcha-relode { position: absolute; top: 16px; right: 5px;}
.captcha-relode:hover { cursor: pointer;}

.section-contactus {
   /* background: rgb(94,197,212);
background: linear-gradient(90deg, rgba(94,197,212,1) 0%, rgba(104,200,215,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);*/
}
.video img { 
	 margin-bottom: 20px;
}
.video img:hover { 
	cursor: pointer;
}
.contactus-lp a {
	text-decoration: none;
}
.contactus-lp a:hover {
	color: var(--theme-color)!important;
}
.p-r-contacts { padding-top: 80px; padding-bottom: 80px; }
.p-r-contacts h1 { font-size: 4rem; }
.contactus-rp {background: #fff;border-radius: var(--border-radius);}
.contactus-lp address img, .contactus-lp .address-col img { display: none;}
@media (min-width: 768px) and (max-width: 1199px) {
    .p-r-contacts {
	padding: 60px 80px;
    }
}
@media (max-width: 768px) {
    .p-r-contacts {
	padding: 30px 50px;
    }
}
@media (max-width: 575px) {
    .p-r-contacts h1 {
	font-size: 3rem;
    }
     .p-r-contacts {
	padding: 25px 30px;
    }
    .contactus-lp h5 {
	font-family: 'robotobold';
	font-size: 2rem;
    }
    .video img {
	margin-bottom: 25px;
    }
}
@media (max-width: 480px) {
    .contactus-lp address br { display: none;}
}
.contactus h5 {font-family: 'robotobold';}
/*contactus*/

/*My images*/
.my-images { /*padding: 0 25px 25px 25px;*/}
.my-images-item { /*padding: 15px;*/border-radius: var(--border-radius);}
.my-images-item-bottom { margin-top: 10px;overflow: hidden; margin: -5px -5px 0 -5px; padding: 5px; }
.myimg-title {font-family: 'robotoregular'; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; display: inline-block;/* padding: 6px 5px; margin-right: 5px;*/ position: relative; float: left;}
.myimg-title input { width: 100%; padding: 5px 45px 5px 5px; border: 1px solid #fff; box-shadow: none; outline: none; border-radius: 4px;}
.myimg-title input:hover {border-color: #eee;}
.myimg-title input:focus {border-color: #555;}
.namesave { border-radius: 5px; position: absolute; top: 7px; right: 6px; background: #eee; font-size: 12px; padding: 3px 5px 3px 5px; z-index: 11111;}
.namesave:hover { cursor: pointer; background: rgba(0,0,0,.1); z-index: 1111; }
.myimg-title span {width: calc(100% - 40px); display: inline-block;overflow: hidden; float: left;}
.my-images-item-top {
	position: relative;
	text-align: center;
	border: solid 1px #e5e5e5; border-radius: var(--border-radius); padding: 5px;
	height: 150px;
}
.my-images-item-top img {
	
	max-height: 133px;
    max-width: 100%;
    width: auto;
}
.my-images-item-top .deleteico, .my-images-item-top .cropico{
	position: absolute;
	right: 10px;
	width: 30px;
	height: 30px;
	border-radius: 50px;
	padding: 0;
	opacity: 0;
}
.my-images-item-top .deleteico img, .my-images-item-top .cropico img{	
	width: 15px;
}
.my-images-item-top .deleteico {	
	top: 10px;	
}
.my-images-item-top .cropico {	
	top: 50px;	
}
.my-images-item:hover .deleteico, .my-images-item:hover .cropico {	
	opacity: 1;
}
.deleteico {}
.deleteico:hover { background: red; border-color: red;}
.deleteico:hover img {filter: brightness(10000%);}
.my-images-category { position: absolute; left: 5px; top: 5px;}
.my-images-category { z-index: 111!important;}
.my-images-category + .my-images-category { left: auto; right: 5px; top: 5px;}
.my-images-category .dropdown-item { padding-right: 75px;}
.addvideourl {font-size: 14px; display: inline-block; padding: 5px 10px; border: solid 1px #888; margin-top: 10px; text-decoration: none; color: #000; border-radius: 5px;}
.addvideourl:hover { background: var(--theme-color-sec); border-color: var(--theme-color-sec); color: #fff;}
/* / My images*/

/*Category top head*/
.container-full-width { max-width: 1600px; margin: 0 auto;}
.topheadcategory figcaption {line-height: 22px; font-size: 18px; }
.topheadcategory img { max-width: 100%; margin-bottom: 15px; border-radius: var(--border-radius);}
.topheadcategory figure { padding: 15px; position: relative; overflow: hidden; margin: 0; border-radius: var(--border-radius);}

.main-content-h .topheadcategory figure { background: #fff; height: 100%; }
/*.showsearch .topheadcategory figure img { margin-bottom:  5px;}*/
.showsearch .topheadcategory figure { font-size: 16px;}
.topheadcategory figure a { text-decoration: none; display: inline-block;}
.topheadcategory figure:hover { background: var(--theme-color); color:  #fff;}
.upcomingevents a { color: #fff!important;}
.main-content-h .topheadcategory figure { border-radius: var(--border-radius);}
.main-content-h .topheadcategory figure a { }
.topheadcategory figure:hover a {color: #fff!important; }
.upcomingevents { }
.upcomingevents { background: orange!important; }
.upcomingevents a { color: #000!important;}
.upcomingevents:hover { background: var(--theme-color)!important; }

.upcomingevents-name {
    background: orange; color: #000!important;
    padding: 2px 0;
    text-align: center;
    width: 145px;
    position: absolute;
    display: inline-block;
       left: -37px;
    top: 26px;
    font-size: 12px;
    transform: rotate(-45deg);
    border-top: solid 1px #111;
    border-bottom: solid 1px #111;
}

/* / Category top head*/


/* Search page category*/
.category-p-h-s {
	margin: 0;
	padding: 0;
	/*text-align: center;*/
}
.category-p-h-s li {
	list-style:  none;
	margin: 5px 0 0 0;
}
.category-p-h-s li a {
	display: inline-block;
	padding: 2px 10px;
	text-decoration: none;
	border-radius: var(--border-radius-sm);
	margin-left: -10px;
}
.category-p-h-s li:hover a {	
	background: var(--theme-color-sec);
	color: #fff;
}
.head-findcate {
	color: #441985;
	margin-top:  10px;
	font-size: 18px;
}
/* / Search page category*/

/*Pagination*/

.pagination .page-link {}
.pagination .active>.page-link, .pagination .page-link.active {   
    background-color: var(--theme-color);
    border-color: var(--theme-color)!important;
	color: #fff;
}
.pagination .page-item.disabled a {
	color: #888!important;
}
/* / Pagination*/

/*Profile page*/
.profile-left-p  {
	/*border: solid 1px var(--color-border-light);
	border-radius: var(--border-radius);*/
	padding: 25px 0;
	display: inline-block;
	width: 100%;
}
.profile-changepass  {
	/*border: solid 1px var(--color-border-light);
	border-radius: var(--border-radius);*/
	padding: 25px;
	display: inline-block;
	width: 100%;
}
@media (max-width: 1199px) {
    .profile-logos {
	padding-left: 25px; padding-right: 25px;
    }
}
.avtar-logo { }
.profile-businessdetails, .profile-addressdetails,.profile-updatebtn  { /*padding-left: 25px; padding-right: 25px;*/}

@media (min-width: 1200px) {
    .profile-left-p {
	/*margin-top: .75rem;*/
    }
}
@media (max-width: 767px) {
    .profile-logos,
    .profile-businessdetails, .profile-addressdetails, .profile-updatebtn, .profile-changepass {
	/*padding-left: 15px; padding-right: 15px;*/
    }
}
.avtar-logo-top img { }
.avtar-logo-top .cname { background: var(--bg-gray); border-radius: 150px; width: 150px; height: 150px; display: inline-block; font-size: 22px; font-family: 'robotobold';}
.avtar-logo {}
.dropdown-p-details { padding-left: 15px;}
.dropdown-p-details h2 { min-width: 250px; font-size:  22px; padding-top: 15px;}
.drop-pack-name { display: inline-block; padding: 3px 5px 2px 5px; font-size: 13px; background: orange; border-radius: var(--border-radius-sm); transform: translateY(-4px);}
@media (max-width: 480px) {
    .btn-membstat {
	
    }
}
.signout, .delete { color: red;}
.signout:hover, .delete:hover { background: red!important; color: #fff;}
.signout:hover img, .delete:hover img {filter: brightness(10000%);}
/* / Profile page*/

/*Profile*/
.account-type {
	background: red;
	display: inline-block;
	padding: 3px 15px;
	border-radius: var(--border-radius);
}
.membershiptype span { display: inline-block;}
.btn-membstathc { margin-right:  5px;}
@media (max-width: 480px) {
    .membershiptype span { width: 100%;}
    .btn-membstath { margin-top: 7px;}
}
/* / Profile*/

/*Create new design*/
.list-groupoption li:hover { background: rgba(0,0,0,0.04); cursor:  pointer;}
.create-new-design-demo { display: inline-block; width: 300px; height: 180px; border: solid 1px #111; background: url("../images/img-placeholder-img.png"); transition: all 0.3s ease;}
.create-new-design-demo img { width: 100px;}
.active-item  { position: relative;}
.active-item {
	border: solid 2px #089000!important;
	background-color: rgba(8,144,0,.1);
}
.active-item:before { content: ""; position: absolute; z-index: 111; top: 6px; right:  6px; width: 25px; height: 25px; border-radius: 50px; background: #089000 url("../images/editor/ico-tick.svg"); background-size: 60%; background-repeat: no-repeat; background-position: center center;}
.itm-sw-btn-usedesign.active-item:before {width: 40px; height: 40px; }
.itm-sw-btn-usedesign.active-item .usethisdesign { color: red!important;}
@media (min-width: 1900px) {
  .active-item:before { top: 12px; right:  10px; }

}




.btn-create-size { display: inline-block;}
.createnew-outline-sec:hover img {filter: brightness(10000%);}
/*.select-editor-size:hover .btn-create-size { display: inline-block;}*/
/* / Create new design*/

/*footer*/
.site-footer {
    color: #fff;
    padding-top: 50px;
    padding-bottom: 20px;
    display: inline-block;
    background: var(--footer-bg-color);  
    color: var(--footer-text-color);   
}

.site-footer a { color: var(--footer-text-color)!important;}
.site-footer a:hover { color: var(--footer-text-color-hover)!important;}
.site-footer .footer-logo { color: var(--footer-logo-text-color)!important;}
.site-footer h5 { display: none;}
.site-footer hr {
   margin-top: 50px;
   opacity: .1
}
.site-footer h4 {   
    padding-bottom: 10px;
    font-family: 'montserratmedium';
    font-size: 1.35rem;
}
.site-footer ul {
   margin: 0;
   padding: 0;
}
.site-footer  li { list-style:  none;line-height: 32px;}
.site-footer a {
    color: #fff;
    text-decoration: none;
}
.footer-socialicons { margin: 0!important; }
.footer-socialicons li { list-style: none; display: inline-block; }
.footer-socialicons img { width: 40px; }
.site-footer  img { filter: brightness(10000%);}
.sec-contacts-call, .sec-contacts-email, .sec-contacts-whatsapp { margin-top: 10px;}
.altphone { }
.contactus .altphone { margin-left: 0;}
.sec-contacts-call a, .sec-contacts-email a, .sec-contacts-whatsapp a { text-decoration: none; }
.site-footer .sec-contacts-call a, .site-footer .sec-contacts-email a, .site-footer .sec-contacts-whatsapp a { color: #fff;}
.site-footer .sec-contacts-call img, .site-footer .sec-contacts-email img, .site-footer .sec-contacts-whatsapp img {filter: brightness(10000%);}
.sec-contacts-call img, .sec-contacts-email img, .sec-contacts-whatsapp img { width: 18px; margin-right: 10px; filter: none!important;}
@media (min-width: 1200px) {
    .site-footer h4 { margin-top: 40px;}
}
@media (max-width: 1199px) {
    .site-footer h4 { margin-top: 40px!important; }
    .site-footer { padding-top: 40px;}
    .site-footer h4 {font-size: 1.5rem;}
}
@media (max-width: 767px) {   
    .site-footer { text-align: center;}
}
.copyright {
    color: rgba(255,255,255,.2);
    line-height: 40px;   
}
.copyright a {
    color: rgba(255,255,255,.2)!important;
}
.address-col { margin: 0; padding: 0;}
.address-col li { list-style: none;}

/*-----*/
.landing-digital-menu-board-templates header .continfo .free-trail { font-size: 28px;}
.site-footer .continfo .free-trail { font-size: 22px;}
.landing-digital-menu-board-templates header .continfo .free-trail img, .site-footer .continfo .free-trail img { width: 36px; margin-right: 8px; margin-top: -10px;}
@media (max-width: 991px) {   
    .landing-digital-menu-board-templates header .continfo .free-trail, .site-footer .continfo .free-trail { font-size:  22px; width: auto; height: auto; display: inline-block; border-radius: none; background:  none; margin-right: 0 !important;}
    .landing-digital-menu-board-templates header .continfo .free-trail img {}
}
@media (max-width: 480px) {   
    .landing-digital-menu-board-templates header .continfo .free-trail, .site-footer .continfo .free-trail { font-size:  20px; width: auto; height: auto; display: inline-block; border-radius: none; background:  none; margin-right: 0 !important;}
    .landing-digital-menu-board-templates header .continfo .free-trail img, .site-footer .continfo .free-trail img {width: 26px;margin-right: 3px;}
}
/*-----*/

/*menuitem-category-list*/

.menuitem-category-list-h { display: inline-block; width: 100%;padding-bottom: 20px;}
.menuitem-category-group { display: inline-block; width: 100%; }
.menuitem-category-head, .menuitem-items { border-radius: var(--border-radius); padding: 10px; display: inline-block; width: 100%; float: left; margin-bottom: 2px;}
.menuitem-category-head { background: #e8e9f6;font-family: 'robotobold';display: inline-block; width: 100%; padding-left: 15px; padding-right: 15px;}
.menuitem-items { padding: 15px;}
.menuitem-items { border: solid 1px #eee; position: relative;}
.menuitem-items-img { max-width: 100%; max-height: 100%;}
.editmenuitem-items-img { max-width: 100%; max-height: 100%; margin-bottom: 15px;}
.menuitem-items-phead {margin-bottom: 4px; opacity: .5; font-size: 14px;}
.menuitem-items-p {font-family: 'robotobold';}
.menuitem-items-mhead { margin-bottom: 5px;}
.addmenucategory {}
.addmenucategory .btn { padding-top: 10px; padding-bottom: 10px; border: 0; border-radius: var(--border-radius);}
.addmenucategory .btn:hover { color: #fff; border-radius: var(--border-radius);}
.addmenuitem {}
.menuitemaction {}

@media (max-width: 1199px) {
    .menuitemaction { position: absolute; right: 5px; top: 5px; padding-right: 0;}
    .menuitem-items-phead { padding-top: 10px;}
}
@media (max-width: 767px) {
    .menuitem-items-img { margin-bottom:  15px;}
}
/*Edit*/
.edit-menuitem-items { padding: 0; border: 0;}
.edit-menuitem-name { font-size: 20px; font-family: 'robotobold';}
.edit-menuitem-price-hed {font-size: 20px; color: #888888;}
.edit-menuitem-price {font-size: 20px; font-family: 'robotobold';}
.fileUpload {
    background: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    color: #888;
    font-size: 13px;
    margin: 0 auto;/*20px/16px 0*/
    overflow: hidden;
    padding: 5px;/*14px/16px*/
    position: relative;
    text-align: center;
    width: 135px;
   cursor: pointer;
}
.fileUpload:hover, .fileUpload:active, .fileUpload:focus {
  background: #eee;
  cursor: pointer;
  color: #000;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 13px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity = 0);
    width: 135px;
    height: 31px;
    cursor: pointer;
}
.fileUpload input[type="file"] {
    position: absolute;
    right: 100%;
    bottom: 100%;
    left: 0;
    top: 0;
}
.custom-file-upload {
    display: inline-block;
    padding: 5px;
    cursor: pointer;
}
.fileUpload.uploadmyimg {width: calc(100% - 20px)!important; background: var(--primary-btn); color: #fff; font-size: 16px!important; border-radius: 5px!important;}
.fileUpload.uploadmyimg:hover {background: var(--primary-btn-hover);color: #fff;}
.fileUpload.uploadmyimg img {filter: brightness(100000%);}
.fileUpload.uploadmyimg input.upload {width: 100%!important;}
/* / menuitem-category-list*/

/*Search page*/
.srchp-catehead a { text-decoration: none;color: var(--theme-color-sec); }
.srchp-catehead a:hover {}
.search-title { padding: 30px 15px 30px 15px;}
.search-title h1 + p { padding-bottom: 0px!important; }
@media (max-width: 768px) {
    .search-title { padding-bottom: 15px;}
}
@media (max-width: 480px) {
    .search-title h1 {font-size: 24px;}
}
.search-pl { padding: 20px 5px 30px 10px; background: #fff; margin-top: 10px; border-radius: var(--border-radius); margin-top: 10px;}
.search-pl h2 { font-size: 24px; margin-left:  27px;}
.searchp-cate { margin: 0 0 20px 0; padding:  10px 0 0 0; display: inline-block; width: 100%;}
.searchp-cate li.active { position: relative;font-family: 'robotobold';}
.activehead { position:  relative;}
.activehead:after { content: ""; width: 20px; height: 20px; position: absolute; left: 9px; top: 10px; background: url(../images/ico-tick.svg); background-size: cover;}
.activehead a span { padding-left: 20px;}

.p-search-cateh { padding: 0;}
.p-search-cateh li { list-style: none; display: inline-block;}
.p-search-cateh li a { padding: 8px 15px; border: solid 1px #eee;font-family: 'robotobold'; border-radius: 4px; display: inline-block; }
.p-search-cateh li a:hover { border-color: var(--bg-gray); background: var(--bg-gray);}
.p-search-cateh li a:hover img {filter: brightness(100000%);}
@media (max-width: 1199px) {
   .p-search-cateh li { width: 100%;}
   .p-search-cateh li a { float: left; width: 100%; text-align: left; border: 0;}
    .p-search-cateh li a span { padding-left: 20px;}
}
@media (max-width: 991px) {
  /*.p-search-cateh li a { float: left;}
  .spsearch-mob {display: inline-block; width: 100%; padding-bottom: 10px;}
  .activehead:after { top: 10px; }*/
}

.activebreadcrump {font-family: 'robotobold'!important; margin-left: 5px;}
@media (max-width: 575px) {
    .activebreadcrump { display: block; width: 100%; font-size: 14px; padding-left: 50px;}
}
.search-no-cate { margin: 60px 0 0 30px; }
@media (min-width: 1200px) {
.search-pl {background: none!important; padding: 0; position: static!important; width: 100%!important; visibility: visible; transform: translateX(0%)!important; border: 0!important;}
.search-pl .offcanvas-header, .search-pl .offcanvas-body { padding: 0;}
.searchp-cate li { float: left; list-style: none;}
.searchp-cate li a { padding: 8px 18px; background: var(--bg-gray); float: left; margin: 0 6px 6px 0; font-size: 16px; border-radius: 4px; border: solid 1px #fff;}
.searchp-cate-video a {background: var(--secondary-btn);}
.searchp-cate li a:hover { background: var(--theme-color); color:  #fff; }
.searchp-cate li.active:after { position: absolute; content: ""; width: 20px; height: 20px; background: url("../images/ico-tick-white.svg");  background-size: cover; border-radius: 50px; left: 10px; top: 10px; }
.searchp-cate li.searchp-cate-upcoming-evt:after {background-image: url("../images/ico-tick.svg")!important; }
.searchp-cate li.active a { padding-left: 35px; background: var(--theme-color-sec); color:  #fff;}
.searchp-cate-all a { background: var(--theme-color)!important; color: #fff!important; }
.searchp-cate-video a {background: var(--secondary-btn)!important; color: #fff!important;}
.searchp-cate-video a:hover { background: var(--theme-color)!important; color:  #fff!important; }
}
@media (max-width: 1199px) {
.search-pl { margin: 0; border-radius: 0; }
.searchp-cate li { display: block; list-style-type: disc!important;}
.searchp-cate li a span { padding: 8px 10px; display: inline-block; font-family: 'robotobold';}
.offcanvas-body a:active, .offcanvas-body a:focus { background: #eee;}
.search-no-cate { height: 250px;}
.offcanvas-body a.nav-link { color:  #fff!important;}
.searchp-cate li.active:after { position: absolute; content: ""; width: 20px; height: 20px; background: url("../images/ico-tick.svg"); background-size: cover; border-radius: 50px; left: 0; top: 6px; }
.searchp-cate li a { text-decoration: none; display: inline-block; width: calc(100% - 20px); margin-left: 20px;}
.searchp-cate li.active a { color: var(--theme-color-sec);}
}

.searchp-cate-upcoming-evt  { position: relative; }
.searchp-cate-upcoming-evt a {border: solid 1px #111!important;}
.searchp-cate-upcoming-evt :before {     position: absolute;
    top: -10px;
    content: "Upcoming Event";
    width: 94px;
    height: 18px;
    font-size: 11px;
    background: #f7d200;
    text-align: center;
    border-radius: 10px;
    line-height: 14px;
    color: #000;
    border: solid 1px #111;
    left: 50%;
    margin-left: -50px;
    }
  .searchp-cate-upcoming-evt .nav-link {
    background: #fff!important;
    color: #000!important;
    border: solid 1px #111 !important;
   
}
  .searchp-cate-upcoming-evt .nav-link:hover {
    background: #f7d200!important; 
   
}
@media (min-width: 1200px) {
    .searchp-cate-upcoming-evt a {
	background: #fff!important;
	color: #000!important;
	border: solid 1px #111 !important;
    }
     .searchp-cate-upcoming-evt a:hover {
	background: #f7d200!important; 
    }
}
@media (max-width: 1199px) {
    .searchp-cate-upcoming-evt a {
	border-radius: 5px;
    }
}
/* / Search page*/

/*Faq */
.faq-desc { font-size: 1.09rem; line-height: 1.8;}
.faq-head h1 {
    font-size: 3.5rem;   
}
.faq-desc article {
    border-bottom: solid 1px rgba(0,0,0,.1);
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.terms-head h1 {
    font-size: 3.5rem;   
}

/*.faq-desc article:last-child {
    border-bottom: 0;
    padding-bottom: 30px;
    margin-bottom: 20px;
}*/
/* / Faq */

/*Sitemap*/
.title-page {
    font-size: 2.5rem;
    font-family: 'montserratmedium';
}
@media (max-width: 767px) {
   .title-page {
    font-size: 2rem;
    } 
}
.sitemap-item-h { margin: 0 0 35px 20px; padding: 0; line-height: 32px;}
.sitemap-item-h li a { text-decoration: none;}
.sitemap-item-h li a:hover { color: var(--theme-color-sec)!important;}
/*Sitemap*/

/*Menuboard gallery*/

.m-gallery-tags { display: inline-block; width: 100%;}
.m-gallery-tags a { float: left; margin: 0 5px 5px 0; border: solid 1px rgba(0,0,0,.1); padding: 5px 15px; border-radius: var(--border-radiusbg); color: rgba(0,0,0,.4); text-decoration: none; font-size: 13px;}
.m-gallery-tags a:hover { background: rgba(0,0,0,.1); color: rgba(0,0,0,.8);}
.m-gallery-arrow { float: right;}
.m-gallery-arrow span { float: left; width: 70px; height: 50px; margin-right: 5px; text-align: center;border-radius: var(--border-radius-sm);}
.m-gallery-arrow span:hover { background: rgba(0,0,0,.1); cursor: pointer;}
.no-link { opacity: .3; cursor: not-allowed;}
.m-gallery-img { max-height: 600px; max-width: 100%;}
@media (min-width: 1200px) {
 .m-gallery-img { border: solid 1px rgba(0, 0, 0, .1);}
}
@media (max-width: 1199px) {
 .m-gallery-img { margin-bottom: 30px;}
}
/* / Menuboard gallery*/

/*My client list*/
.search-client-list {
    padding: 0 15px 25px 15px;
}

/* / My client list*/

/* masonry grid fix */
.menuitems { margin-left: -15px; margin-right: -15px; min-height: 200px;}
.menuitems:after {
  content: '';
  display: block;
  clear: both;
}
.menuitems-sizer,
.menuitem {
  width: 100%;
}
.menuitem {
  float: left;
  padding: 15px;
  box-sizing: border-box;
}
/*.menu-items-img {
  display: block;
  width: 100%;
}*/
@media (min-width: 480px) {
.menuitems-sizer, .menuitem {
  width: 50%;
} 
}
@media (min-width: 768px) {
.menuitems-sizer, .menuitem {
  width: 50%;
}
}
@media (min-width: 1350px) {
.menuitems-sizer, .menuitem {
  width: 33.3333333333333%;
}
.playlistitems .menuitem {
  /*width: 50%;*/
}

/*.searchpage .menuitems-sizer, .searchpage .menuitem {
  width: 50%;
}*/
}
@media (min-width: 1600px) {
.menuitems-sizer, .menuitem {
    width: 25%;
}
.playlistitems .menuitem {
  /*width: 33.3333333333333%;*/
}
/*.searchpage .menuitems-sizer, .searchpage .menuitem {
  width: 33.33333333%;
}*/
}
@media (min-width: 1350px) and (max-width: 1599px) {
    .hsection-2 .menuitems .menuitem:nth-child(7), .hsection-2 .menuitems .menuitem:nth-child(8),
    .hsection-2 .menuitems.hvm .menuitem:nth-child(4) {
	display: none;
    }
}

 /* / masonry grid fix */
.wallmenu-cat-head {  font-size: 18px; margin: 0 auto 15px auto;  display: inline-block; background: var(--primary-btn) !important; color: var(--primary-btn-text) !important; padding: 15px 30px 10px; border-radius: 30px;}
.wallmenu-cat-head + p { color: #111;}
.wallmenu .menuitem ul li { font-size: 12px;}
.wallmenu .menuitem .menuitem-hover ul li img { width: 14px!important;}
@media (min-width: 768px) {
   .wallmenu .menuitem {width: 33.333333%;}
   .wallmenu .menuitem.hvm {width: 25%;}
}
@media (min-width: 1366px) {
   .wallmenu .menuitem {width: 25%;}
   .wallmenu .menuitem.hvm {width: 20%;}
}
.menuitems.wallmenu {margin-left: -5px; margin-right: -5px; text-align: center;}
.wallmenu .menuitem {padding: 5px; display: inline-block; float: none; }
 
 /*Import from gallery modal*/
 .importfrm-gallery figure p {
    margin-bottom: 5px;
 }
  .importfrm-gallery figure {
    margin-bottom: 0;
 }
 /*/ Import from gallery modal*/
 .infotext { font-size: 12px; display: inline-block;}
 .infotext img { float: left;}
 .infotext span { float: left; margin-left: 5px;}
 .infotext .error { color: red;}
 /*Home page section*/
.sec-quary { background: var(--theme-color) url(../images/bg-curious-about-pricing.jpg); background-size: cover; background-position: right center; padding-top: 50px; padding-bottom: 50px; color: #fff;}
.sec-quary h2 {font-size: 3rem; font-family: 'montserratmedium';}
.sec-quary h4 {font-family: 'montserratmedium'; font-size: 1.25rem; margin-top: 10px; letter-spacing: .5;}
.sec-quary .btn + .btn { color: rgba(255,255,255,.5);}
.sec-quary .btn + .btn:hover{ color: rgba(255,255,255,1);}
@media (max-width: 767px) {
    .sec-quary h2 { font-size: 2rem; }
    .sec-quary { padding: 0!important;}
    .sec-quary .container {     background: rgba(0, 0, 0, .5); padding-top: 50px; padding-bottom: 50px;}
}
 /*Home page section*/
@media (min-width: 1355px){
    .container {
	max-width: 1320px;
    }
}
@media (min-width: 1600px){
    .container {
	max-width: 1554px;
    }
}
 @media (min-width: 1920px){
    .container {
	max-width: 1750px;
    }
}
 @media (min-width: 2200px){
    .container {
	max-width: 2000px;
    }
}

@media (min-width: 768px){
    .modal-youtubevideo {
	max-width: 750px;
    }
}
@media (max-width: 480px){
    .modal-youtubevideo .modal-body{
	    padding: 1rem;
    }
    .terms-head h1, .faq-head h1, .p-pricing h1 {
     font-size: 2.25rem;
    }
}
@media (min-width: 1200px) {
    .nav-link.dropdown-toggle.show {
	background: #fff;
	color: #111 !important;
	border-radius: 5px;
    }
}
/*Scroll*/
.scroll::-webkit-scrollbar {
 width:6px;
 background-color:#f0f0f0;
 border-radius: 10px;
}
.scroll::-webkit-scrollbar-thumb {
 background-color:#645D5D;
 border-radius:0;
 border-radius: 10px;
}
.scroll::-webkit-scrollbar-thumb:hover {
 background-color:#645D5D;
 border:1px solid #333333;
}
.scroll::-webkit-scrollbar-thumb:active {
 background-color:#645D5D;
 border:1px solid #333333;
}
.scroll::-webkit-scrollbar:horizontal {
 height:6px !important;
 border-radius: 10px;
}
/*Scroll*/

/*Jquary UI*/
.ui-widget.ui-widget-content { background: #fff; border: 0!important; z-index: 1111; border-radius: 5px; padding-top: 6px; padding-bottom: 6px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.ui-menu-item { list-style: none;border: 0!important;}
.ui-menu-item::marker {
    display: none;
}
.ui-menu-item-wrapper { padding-left: 12px!important; padding-top: 8px!important; padding-bottom: 8px!important; border: 0!important;}
.ui-menu-item-wrapper:hover { background: #f8f9fa!important; color: #000!important; border: 0!important;}
/* / Jquary UI*/

@media (min-width: 1600px) {
    .container.pad-fixed-maincont, .mph {
	min-height: 650px;
    }
}

/*Special message popup*/
.message-outrbody { position: fixed; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; background: rgba(255,255,255,.7); z-index: 1111;}
.message-innrbody { text-align: center; width: 100%; max-width: 700px; height: 430px; background: #fff; border-radius: var(--border-radiusbg); padding: 35px; position: absolute; left: 50%; margin-left: -350px; top: 50%; margin-top: -215px; position: relative;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.32);  
}
.message-innrbody .btn-close { position: absolute; top: 30px; right: 30px;}
.message-innrbody img { max-width: 100%;}
/*/Special message popup*/

/*Static page content*/
.statpage-header { border-radius: var(--border-radiusbg); background: #e5f3fd; display: inline-block; width: 100%;}
.statpage-header img { max-width: 100%;}
.headerp-l { padding: 40px;}
.about-sp-box { padding: 35px 15px; border-radius: var(--border-radiusbg); background: #fff;}
.about-sp-box img { max-width: 100%;}
.about-sp-box h3 { margin-top: 25px; margin-bottom: 15px; font-size: 24px; font-family: 'robotoblack';}
.about-sp-box h3 + p { color: #888;}
.about-sp-box .address-col a { font-size: 18px; letter-spacing: .5px;}
.content-gen { line-height: 1.8; font-size: 1.09rem;}

.content-gen h2, .content-gen h3, .content-gen p, .content-gen li {  text-transform: lowercase; }
.content-gen h2:first-letter, .content-gen h3:first-letter, .content-gen p:first-letter, .content-gen li:first-letter  { text-transform: uppercase;}
.content-gen h3 {border-top: solid 1px rgba(0, 0, 0, .1); padding-top: 30px; margin-top: 30px;}
.content-gen h2 + h3 { border-top: 0; margin-top: 0;}
.content-gen h3 {font-family: 'montserratmedium'; font-size: 1.5rem;}
/* / Static page content*/
.owl-two.owl-carousel .owl-item img {
    display: inline-block;
    width: auto; 
}
.owl-two.owl-carousel .item {
   text-align: center;
}
/*--------*/
/*Cookie accept popup*/
.cookies-acptH {
  position: fixed;
  z-index: 111111;
  bottom: 10px;
  left: 10px;
  width: 380px;
  height: auto;
  padding: 30px;
  background: #fff;
  border-radius: var(--border-radiusbg);
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.58);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.58);
box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.58);
}
@media (max-width: 480px) {
    .cookies-acptH {	
	width: calc(100% - 20px);
    }
}
.cookies-acptH h2 {
 font-size: 22px;
}
.cookies-acptH p {
 font-size: 14px;
}
/*--------*/
/* /Cookie accept popup*/


/*.responsive-table {
    /*width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd;
}
*/
.responsive-table th, .responsive-table td {
    /*padding: 8px;
    text-align: left;
    border: 1px solid #ddd;*/
}

/* Responsive styles */
@media (max-width: 600px) {
    .responsive-table {				
	/*border: 1px solid #ddd;*/
    }
    .responsive-table thead {
	display: none; /* Hide table header */
    }

    .responsive-table, .responsive-table tbody, .responsive-table tr, .responsive-table td {
	display: block;
	width: 100%;
    }

    .responsive-table tr {
	margin-bottom: 15px;
	margin-top: 5px;
    }

    .responsive-table td {
	text-align: right;
	padding-left: 50%;
	position: relative;
    }

    .responsive-table td::before {
	content: attr(data-label); /* Use data-label attribute for the header */
	position: absolute;
	left: 0;
	width: 50%;
	padding-left: 10px;
	text-align: left;
	font-weight: bold;
	white-space: nowrap;
    }
    .responsive-table tr td:first-child {
	border-radius: 10px 10px 0 0;
    }
    .responsive-table tr td:last-child {
	border-radius: 0 0 10px 10px;
    }
}
.no-hover:hover, .no-hover:hover td { box-shadow: none;}
/* / Custom responsive TABLE*/

/*Loader*/
.loading-spinner {
     position: relative;
     margin: 0 auto;
     width: 75px;
     height: 75px;
     background: #eee;
}
.loading-spinner:before {
     content: "";
     display: block;
     padding-top: 100%;
}
.loading-spinner__circle-svg {
     animation: loading-spinner-rotate 1.28973s linear infinite;
     height: 100%;
     transform-origin: center center;
     width: 100%;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
}
.loading-spinner__circle-stroke {
     stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
     animation: loading-spinner-dash 2s ease-in-out infinite,
             loading-spinner-color 8s ease-in-out infinite;
     stroke-linecap: round;
     stroke-width: 4px;
}
@keyframes loading-spinner-rotate {
     100% {
             transform: rotate(360deg);
     }
}
@keyframes loading-spinner-dash {
     0% {
             stroke-dasharray: 1, 200;
             stroke-dashoffset: 0;
     }
     50% {
             stroke-dasharray: 89, 200;
             stroke-dashoffset: -35px;
     }
     100% {
             stroke-dasharray: 89, 200;
             stroke-dashoffset: -124px;
     }
}
@keyframes loading-spinner-color {
     100%,
     0% {
             stroke: #7d0fe6;
     }
     40% {
             stroke: #28dcd7;
     }
     66% {
             stroke: #ff6100;
     }
     80%,
     90% {
             stroke: #7d0fe6;
     }
}
/* / Loader*/
/*Custom alert msg including editor*/
.process-loading-bigwysdw {
    width: 350px;
    /*height: 60px;*/
    background: #fff;
    border-radius: var(--border-radius);
    position: fixed;
    top: 10px;
    left: 50%;
    margin-left: -175px;
    z-index: 11111111;    
    border-radius: var(--border-radius);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,03);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}
.process-loading-bigwysdw .modal-header {border-radius: var(--border-radius) var(--border-radius) 0 0; background: #fff3cd;}
.process-loading-bigwysdw .btn-close { margin-top: 0; margin-right: 0;}
.process-loading-content { padding: 25px 30px 30px 30px;}
.process-loading-content-foot {padding: 0 30px 30px 30px;}
/*/Custom alert msg including editor*/
.process-loading-corner {
    width: auto;
    min-width: 250px;
    padding: 25px 40px;
    max-width: 250px;
    background: #caf2d8;
    color: #054729;
    border-radius: var(--border-radius);
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 11111;
    text-align: left;
     -webkit-box-shadow: 0px 0px 15px 0px rgba(255,255,255,0.5);
    -moz-box-shadow: 0px 0px 15px 0px rgba(255,255,255,0.5);
    box-shadow: 0px 0px 15px 0px rgba(255,255,255,0.5);
}

/*landing playlist*/
.landing-banner, .landing-playlist .howtouse, .landing-playlist .playlistgall, .landing-playlist .howtocreate {
    padding-bottom: 80px;
    padding-top: 80px;
}

.landing-content h1, .landing-playlist h3 {
  font-size: 1.75rem;
  font-family: 'montserratlight'; 
}

.landing-content h2  {
    font-size: 3.5rem;
    font-family: 'montserratmedium';
}

.landing-playlist h4 {
    font-size: 1.5rem;
    font-family: 'montserratmedium';
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0;
    text-align: center;
}
.landing-playlist .howtouse a .mover-popover-img {
    opacity: .5; margin-left: 10px;
}
.howtouse-iconh {
    text-align: center;
}
.howtouse-icon {
    display: inline-block;
    width: 180px;
    height: 180px;
    background: #fff;
    border-radius: 180px;
    padding: 40px;
}
.howtouse-icon img {
   width: 100%;
}
.landing-playlist .playlistgall {
    background: #fff;
}
.howtocreate-v-h {
    background: #fff;
    padding: 30px;
    border-radius: var(--border-radius);
}
/* / landing playlist*/
/*Affiliate*/
.affiliatebox { background: #fff; border-radius: var(--border-radius); padding: 25px;}
.whowillbecomeafffeatrdcont { padding: 8%;}
.whowillbecomeaff h2 { font-size: 2.5rem;}
.whowillbecomeaff h3 { font-family: 'montserratlight'; margin-bottom: 20px; }
.whowillbecomeafffeatrd { border-radius: var(--border-radius); max-width: 100%;}
.whowillbecomeafffeatrdcont {}
.whowillbecomeafffeatrdcont-stps {}
.whowillbecomeafffeatrdcont-stps .stpscounter { display: inline-block; width: 40px; height: 40px; border-radius: 50px; background: var(--theme-color-sec); line-height: 40px; margin-right: 10px; text-align: center; font-size: 1.25rem; font-family: 'robotoblack'; color: #fff; float: left;}
.whowillbecomeafffeatrdcont-stps .stpscont { float: left; width: calc(100% - 50px);}
.copy-affltlink { background: rgba(0,0,0,.03); border-radius: 5px; padding: 10px;}
@media (min-width: 1920px) {
    .landing-content h1, .landing-playlist h3 {
	font-size: 2rem;  	
    }
}
@media (max-width: 991px) {
.landing-content h2  {
    font-size: 2.5rem;
}
 .landing-content h1, .landing-playlist h3 {
	font-size: 1.5rem;  	
 }
}

@media (max-width: 767px) {
.landing-content h2  {
    font-size: 2.25rem;
}
 .landing-content h1, .landing-playlist h3 {
	font-size: 1.25rem;  	
 }
 .whowillbecomeafffeatrdcont-stps .stpscounter { margin-bottom: 10px;}
}
@media (max-width: 991px) {
.landing-playlist .landing-banner {
    padding-top: 0;
}
.howtouse article {
    margin-top: 25px;
    margin-bottom: 25px;
}
.howtouse article:last-child {
    margin-bottom: 0;
}
}
@media (max-width: 767px) {
.landing-banner, .landing-playlist .howtouse, .landing-playlist .playlistgall, .landing-playlist .howtocreate {
    padding-bottom: 50px;
    padding-top: 50px;
}
.whowillbecomeafffeatrdcont, .partner-form-cont { padding-left: 0!important; padding-right: 0!important;}
.whowillbecomeafffeatrdcont-stps .stpscont { width: 100%;}
}

/*Affiliate*/
/*Partners*/
.howdoeswork-heading { background-color: #dfdfe1; border-radius: var(--border-radius); }
.howdoeswork-cont { padding: 70px;}
.howdoeswork-heading img { max-width: 100%;border-radius: 10px;}
.howdoeswork-heading h2 { font-size: 2.85rem;}
.howdoeswork-heading h3 {font-family: 'robotolight';}
@media (max-width: 992px) {
   .howdoeswork-heading img { border-radius: 10px;} 
}
@media (max-width: 767px) {
   .howdoeswork-heading h2 { font-size: 2rem;}
   .howdoeswork-cont { padding: 30px; }
}
.howdoeswork-content-options {}
.howdoeswork-content-options article { border: solid 1px #dee2e6; padding: 30px; border-radius: var(--border-radius); height: 100%;}
.howdoeswork-content-options article h4 {font-family: 'montserratmedium'; margin-bottom:  15px;}
.howdoeswork-content-options ul { margin: 0; padding: 0;}
.howdoeswork-content-options ul li {list-style: none; position: relative; padding-left: 25px; line-height: 28px;}
.howdoeswork-content-options ul li:before { position: absolute; content: ""; left: 0; top: 5px; width: 17px; height: 17px; background: url("../images/ico-tick.svg"); background-size: cover;}
.partner-form-cont { padding: 8%;}
.partner-form-cont h2 {font-size: 2.5rem; margin-bottom: 15px;}
/*Partners*/
@media (max-width: 574px) {
.affiliatebox { padding: 15px;}
.landing-content h2, .partner-form-cont h2 { font-size: 2rem; }
.partner-form-cont { padding: 0;}
.whowillbecomeafffeatrdcont { padding-bottom: 0;}

}