.btn-menu{margin-left:15px;background-color:#4200ff;position:relative;z-index:1;padding:12px 32px;border-radius:30px}
.btn-menu-create{
	font-weight:700;
	margin-left:15px;
	border:solid 2px #4200ff;
	color:#4200ff;
	background-color:#fff;
	position:relative;
	z-index:1;
	padding:12px 32px;
	border-radius:30px;
}
.btn-menu-create:hover{
	font-weight:700;
	margin-left:15px;
	border:solid 2px #4200ff;
	color:#fff;
	background-color:#4200ff;
	position:relative;
	z-index:1;
	padding:12px 32px;
	border-radius:30px;
}
.white-bg{background:#fff;padding:15px;float: left;width: 100%;}
.custom-center{margin-left:auto;margin-right:auto}
.custom-right{text-align:right}
.mdl-step__label-indicator{background-color:#ccc;border-radius:100%}
collapse.show{background:#fff!important}
.navbar-expand-md .navbar-nav .nav-link{margin-left:17px;font-weight:700}
.btn-info{color:#fff;background-color:#09363b;border-color:#09363b;max-height: 40px;}
.btn-info:hover{color:#fff;background-color:#08484a;border-color:#08484a}
.close-link{float:right;margin:19px 10px 0 10px;color:#fff}
.upload-btn-outer{margin:0 auto;width:auto;height:35px}
.left-menu{height:100vh;float:left;width:100%;background:#36c;/*position:fixed;max-width:240px;*//*overflow:auto*/}
.scroll::-webkit-scrollbar{width:12px}
.menu-outer{min-height:100%;width:100%;background: #096c69;overflow-x: hidden;overflow-y: auto;}
.left-menu::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px;box-shadow: inset 0 0 6px rgba(0,0,0,.3);}
.left-menu::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.5);box-shadow: inset 0 0 6px rgba(0,0,0,.5);}
.left-menu li{text-align:center;float:left;width:100%;line-height:35px}
.left-menu li a{float:left;width:100%;text-align:left;font-size:15px;color:#fff}
.border-bottom{border-bottom:#adadad solid 1px;padding-bottom:10px;margin-bottom:10px}
.left-sub{display:none;width:100%;margin:2px;float:left;border-radius:3px}
.left-sub-2{display:none;width:100%;margin:2px;float:left;border-radius:3px}
.card-sub{display:none;width:auto;margin:2px 0;float:left;border-radius:3px;border:#fff solid 1px;padding-right:19px}
.card-sub li{padding:3px 15px}
.cardcreated_sub{display:none;float:left;min-width:auto;width:100%}
.cardcreated_sub li{text-align:center;float:left;width:100%;padding:0 0 0 5px;line-height:35px;clear:both}
.cardcreated_sub li a{font-size:14px!important}
.card-sub li a{float:left;width:100%}
.menu-div{display:none}
.main-menu-btn{
	background:#a1d2d7;
	border-radius:6px;
	height:33px;
	padding:12px;
	color:#000000;
	margin:0;
	text-decoration:none;
	padding-left:20px;
	padding-right:20px;
	font-size:16px;
	border: #a1d2d7 solid 2px;
}
.main-menu-btn:hover{color:#FFFFFF;background-color: #000000;border: #a1d2d7 solid 2px;}
.main-menu-btn:active{color:#000000}
.main-menu-btn:focus{color:#000000}
.main-menu-btn-blue{
	background:#3f6ad8;
	border-radius:6px;
	height:33px;
	padding:12px;
	color:#fff;
	margin:0;
	text-decoration:none;
	padding-left:20px;
	padding-right:20px
}
.main-menu-btn-blue:hover{color:#fff}
.main-menu-btn-blue:active{color:#fff}
.main-menu-btn-blue:focus{color:#fff}
.btn-blue{background:#09363b;border-radius:6px;height:auto;padding:10px;color:#fff;margin:0;text-decoration:none;padding-left:20px;padding-right:20px}
.btn-blue:hover{color:#fff}
.btn-blue:active{color:#fff}
.btn-blue:focus{color:#fff}
.box-border{border:#ccc solid 1px;border-radius:5px}
footer{margin-top:10px;z-index:0;position:sticky}
.section-header .section-title{text-align:left;font-size:23px}
.grecaptcha-badge{z-index:500}
.alert-css{
	position:fixed;
	bottom:75px;
	right:0;
	margin:10px;
	width:220px;
	float:right;
	background:green;
	padding:10px;
	color:#fff;
	border-radius:6px;
	text-align:center;
	z-index:11;
	display:none;
}
/*.login-modal{background:#16171a;color:#dadad9}
.login-modal .modal-content{background:#16171a;color:#dadad9}
.login-modal .modal-header{padding:15px;border-bottom:none}
.login-modal .modal-title{text-align:left;color:#fff;font-size:22px}
.login-modal .close{color:#fff;opacity:10}
.login-modal .modal-footer{border-top:none}
.login-modal .form-control{border-radius:2px}
.login-modal label{display:inline-block;margin-bottom:.5rem;font-size:13px;color:#fff}
.login-modal .login-btn{width:100%;border-radius:2px;background:#16aaff}
.login-modal .bottom-text{text-align:left;padding:4px;color:#fff;font-size:14px}
.login-modal .bottom-text a{color:#16aaff;text-decoration:none;font-size:14px}
.login-modal .bottom-text a:hover{color:#16aaff;text-decoration:underline}*/


.login-modal{background: #16171a;color: #dadad9;border-radius: 20px;}
.login-modal .modal-content{background: #16171a;color: #dadad9;border-radius: 20px;}
.login-modal .modal-header{padding: 15px;border-bottom: none;}
.login-modal .modal-title {text-align: left;color: #FFFFFF;font-size: 22px;}
.login-modal .close{color: #FFFFFF;opacity: 10;}
.login-modal .modal-footer{border-top: none;}
.login-modal .form-control{border-radius: 2px;height: 34px;}
.login-modal label {display: inline-block;margin-bottom: .5rem;font-size: 13px;color: #FFFFFF;}
.login-modal .login-btn{width: 100%;border-radius: 2px;background: #16aaff;}
.login-modal .bottom-text{text-align: left;padding: 4px;color: #ffffff;font-size: 14px;}
.login-modal .bottom-text a{color: #16aaff;text-decoration: none;font-size: 16px;}
.login-modal .bottom-text a:hover{color: #16aaff;text-decoration: underline;}
.login-box-div{width: 100%;}
.login-box-div .tt_button{
	margin-top: 15px;
	width: 150px;
	float: left;
	min-height: 40px;
	height: 40px;
	background-color: #a1d2d7;
	border: 2px solid #a1d2d7;
	border-radius: 6px;
}
.login-box-div .tt_button:hover{color: #FFFFFF!important;background-color: #000000;}

.md-card{background:#fff;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);border:none}
.uk-margin-bottom{margin-bottom:16px!important}
.md-card h3{font-size:14px;padding:15px 0 5px 0}
.design-border{border:#20c000 solid 3px}
.view-quickwebsites{background:#fff;height:auto;padding:10px;margin:15px 0 0 0;width:100%;text-align:center;color:#fff}
.view-quickwebsites div {word-break: break-all;}
.view-quickwebsites a{margin-bottom:15px}
#croppic img{width:100%}
.croppedImg{width:100%}
#newcard_modal{background-color: #08353a;}
#newcard_modal .btn-info{background-color: #000000;color: #FFFFFF;}
#newcard_modal .btn-info:hover{background-color: #08353a;color: #FFFFFF;}
#newcard_modal .modal-content{background:#FFFFFF}
#newcard_modal .modal-header{text-align:center;border:none;padding:6px}
#newcard_modal .modal-title{font-size:17px;width:100%;color:#FFFFFF}
#newcard_modal .modal-body{color:#FFFFFF;padding:0 10px 10px 10px}
#newcard_modal .modal-body p{color:#FFFFFF}
#newcard_modal .modal-body a{color:#16aaff}
#newcard_modal .modal-footer{border:none}
#newcard_modal .modal-header .close{color:#FFFFFF;opacity:10}
#newcard_modal ul.dashed{list-style-type:none;margin-left:20px;margin-top:30px}
#newcard_modal ul.dashed>li{text-indent:-10px;margin-bottom:20px}
#newcard_modal ul.dashed>li:before{content:"-";text-indent:-5px}
#newcard_modal h2{width:100%;text-align:center;border-bottom:1px dotted #fff;line-height:.1em;margin:10px 0 20px;color:#fff;font-size:17px}
#newcard_modal h2 span{background:#08353a;padding:4px 15px}

#newcard_modal .btn {
  display: inline-block;
  border-radius: 4px;
  background-color: #4CAF50;
  color: #fff !important;
  text-align: center;
  font-size: 16px;
  padding: 5px 24px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

#newcard_modal .btn:hover {
  background-color: #3e8e41;
}

.blue-btn{background:#1059a7;color:#fff!important;padding:10px}
.blue-btn-2{background:#439c8e;color:#fff!important;padding:10px}
.tab-border-right{border-right:#ccc solid 1px!important}
.slider-content{display:none}.youtube-content{display:none}
#croppic_prof{height:auto}#croppic_prof img{width:100%}
#croppic_prof_web{height:auto}
#croppic_prof_web img{width:100%}
.filenamelength{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:auto;margin:0 auto}
.cust_menu_main ul li{border-bottom:1px solid #afc7d3}
.country-sel{display: block;}
.country-input{display: none;}
#std_code_msdd{display: block;}
.left-box{float:left;height:auto;width:657px}
.img-div{border:#ccc solid 1px;height:350px;width:657px;margin:0 0 10px 0;overflow:auto;float:left}
.img-div img{margin:5px}
.contact-info{display:none;height:auto!important;width:100%;margin:0 0 10px 0;overflow:auto;float:left}
@font-face{font-family:lovingyou;src:url(../img/designs/fonts/font.ttf)}
.preview-div{float:left;width:100%}.preview-content{height:auto}
@media (max-width:1200px){#photos{-moz-column-count:4;-webkit-column-count:4;column-count:4}}
.pagination{}
.pagination li {padding: 0 5px 0 5px !important;}
.pagination .fa {color: #16aaff !important;}
.pagination a {color: #16aaff;}
.pagination .active a {color: #3366cc;font-weight: bold;}
.fb-signup{
	background-image: url(../img/fb_signup.png);
	background-repeat: no-repeat;
	width: 170px;
	margin: 0 auto;
	height: auto;
	min-height:30px;
	font-weight: bold;
	font-size: 12px;
	padding: 6px 0 6px 22px;
	color: #000000;
	border-radius:6px;
	border: #CCCCCC solid 1px;
	background-position: 2px 0;
}
.sortableList li{border: #ccc solid 1px;margin-bottom: 5px;padding: 10px;float:left;width: 100%;cursor: grab;}
.sortableList li label{margin: 0;padding-top: 10px;}
.sortableList li h6{margin: 0;}
.img-mob-container{cursor: pointer;}
.img-mob-container img{width: auto;/*height: 100vh;max-height: 404px;*/}
a.low-link{text-transform: lowercase;word-wrap: break-word;}
.design_rd{cursor: pointer;}
.img-mob-container label, .custom-radio .custom-control-input:checked~.custom-control-label::after{
	cursor: pointer;
}

/* width */
/*
::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background: #f1f1f1;}
::-webkit-scrollbar-thumb {background: #888;}
::-webkit-scrollbar-thumb:hover {background: #555;}
*/

::-webkit-scrollbar {-webkit-appearance: none;}
::-webkit-scrollbar:vertical {width: 12px;}
::-webkit-scrollbar:horizontal {height: 12px;}
::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .5);border-radius: 10px;border: 2px solid #ffffff;}
::-webkit-scrollbar-track {border-radius: 10px;background-color: #ffffff;}

.navbar {background: linear-gradient(90deg, #0a716e 0%, #083137 100%) !important;}
.hero-area {background: #FFFFFF !important;background-size: cover;color: #fff;overflow: hidden;position: relative;}
.small-box{border: #cccccc solid 1px;padding: 5px;text-align: center;box-shadow: 1px 2px #cccccc;height: 95px;border-radius: 6px;}
.switch {position: relative;display: inline-block;width: 50px;height: 22px;}
.switch input {opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.slider:before {
	position: absolute;
	content: "";
	height: 15px;
	width: 15px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}
input:checked + .slider {background-color: #4200ff;}
input:focus + .slider {box-shadow: 0 0 1px #4200ff;}
input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}
/* Rounded sliders */
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}
.dividor{width: 100%;height: 15px;}
.premium-badge{background: #17a2b8;border-radius: 3px;color: #FFFFFF;margin: 0 !important;padding: 12px 20px 0 20px !important;}
.badge{height: 33px;padding: 12px;float: left;margin: 20px;}
.card-heading{font-weight: bold;color: #000000;}
.view-card-btn{
	background: #08484a;
	border-radius: 3px;
	height: 33px;
	padding: 12px;
	color: #FFFFFF;
	margin: 0;
	text-decoration: none;
	padding-left: 19px;
	padding-right: 19px;
}
.view-card-btn:hover{color: #FFFFFF;}
.view-card-btn:visited{color: #FFFFFF;}
.upgrade-btn{
	background: #16aaff;
	border-radius: 3px;
	height: 33px;
	padding: 12px;
	color: #FFFFFF;
	margin: 0;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 20px;
}
.upgrade-btn:hover{color: #FFFFFF;}
.main-box{background: #ffffff;padding: 10px;}
.logo-div{text-align: center;padding: 0;}
.how-to-overlay {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 10001;
	top: 0;
	left: 0;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0, 0.9);
	overflow-x: hidden;
	transition: 0.5s;
}
.how-to-overlay-content {position: relative;top: 25%;width: 100%;text-align: center;margin-top: 0;}
.how-to-overlay-content img{margin: 0 auto;}
.how-to-overlay a {padding: 8px;text-decoration: none;font-size: 36px;color: #818181;display: block;transition: 0.3s;}
.how-to-overlay a:hover, .overlay a:focus {color: #f1f1f1;}
.how-to-overlay .closebtn {position: absolute;top: 20px;right: 45px;font-size: 60px;}
.content-row{padding: 0;display: flex;margin: 0;top: 69px;width: 100%}
.croppic_imgUploadForm{position: absolute;}
.tooltip-inner {max-width: 100% !important;}
.sp-original-input-container{float: left;}
#copyright p{background-color: transparent !important;font-size: 16px !important;color: #FFFFFF !important;}
#copyright .nav-inline .nav-link {font-size: 16px !important;}
	


/* select images */
#cropbox{max-width:100%;}
#cropbox2{max-width: 100%;}
/*image tabs*/
nav > .nav.nav-tabs{border: none;color:#fff;background:#297bf1;border-radius:0;}
nav > div a.nav-item.nav-link,
nav > div a.nav-item.nav-link.active{border: none;padding: 18px 25px;color:#fff;background:#367bdc;border-radius:0;}
nav > div a.nav-item.nav-link.active:after {
	content: "";
	position: relative;
	bottom: -55px;
	left: -10%;
	border: 15px solid transparent;
	border-top-color: #e96f91;
}
.tab-content{
	background: #fdfdfd;
	line-height: 25px;
	border: 1px solid #ddd;
	border-top:5px solid #e96f91;
	border-bottom:5px solid #e96f91;
	padding:30px 25px;
	min-height: 300px;
}
nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus{border: none;background: #e96f91 !important;color:#fff;border-radius:0;transition:background 0.20s linear;}
.tab-content>.tab-pane {min-height:200px;}
.slider-content nav .active{background: #e96f91 !important;}
#textbox span {bottom: 4px;color: #0f0;left: -15px;position: relative;display:none;border:none;}
#textbox span.highlighted {display:inline;}
.selected-img {border: #228B22 solid 6px;margin:5px;}
.non-selected-img {border: #cccccc solid 6px;margin:5px;}
.close-btn{padding: 5px 10px;float: right;margin: 10px 10px 0 0;height: 28px;font-size: 11px;}
.settings-page .close-btn{padding: 10px 30px;float: right;margin: 0;height: auto;font-size: 14px;}
/* Style the tab */
.tab {overflow: hidden;border-bottom: 1px solid #ccc;background-color: #FFFFFF;}
/* Style the buttons inside the tab */
.tab button {
	background-color: #f1f1f1;
	float: left;
	border: 1px solid #dadae4;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	font-size: 17px;
	width:auto;
}
.tablinks{background: #f1f1f1;}
/* Change background color of buttons on hover */
.tab button:hover {background-color: #ddd;}
/* Create an active/current tablink class */
.tab button.active {background-color: #08484a;color: #FFFFFF;}
/* Style the tab content */
.tabcontent {display: none;padding: 6px 12px;border: 1px solid #ccc;border-top: none;}
.btn-back, .btn-next{margin:3px;}
#uploaded_prof_image img {max-width: 225px;}
#uploaded_image{}
.img-container{width: 225px;height: auto;margin: 0 auto;}
.img-container img {width: 100%; height: auto; object-fit: cover;}
.mob{display: none;}
.black-color{color: #000000;}
/*.mob-bottom{display: none;}*/
.right-preview{padding-top: 70px;}
.pop-btn{clear: both;font-size: 12px;width: 100%;border: none;color: #ffffff;padding: 10px 1px;background: #3366cc;}
.modal-footer{padding: 6px;}
.modal-footer>:not(:last-child) {margin-right: 0;}
.tab-content>.active{opacity: 10;}
.nav-tabs li {background: #08484a; color: #FFFFFF;margin-right: 1px;}
.nav-tabs li a{color: #FFFFFF;float: left;height: 40px;padding: 8px 15px;}
.nav-tabs li .active {background: #0a605f;}
.selected-img {border: #228B22 solid 3px;margin:5px;}
body.dragging, body.dragging * {cursor: move !important;}
.dragged {position: absolute;opacity: 0.5;z-index: 2000;}
ol.img-gal{list-style: none;padding: 0;}
ol.img-gal li{float: left;width: 135px;border: #CCCCCC dotted 1px;margin: 5px;}
ol.img-gal li.placeholder {position: relative;/** More li styles **/}
ol.img-gal li.placeholder:before {position: absolute;/** Define arrowhead **/}
ol.video-gal{list-style: none;padding: 0;}
ol.video-gal li{float: left;width: auto;border: #CCCCCC dotted 1px;margin: 5px;}
ol.video-gal li.placeholder {position: relative;/** More li styles **/}
ol.video-gal li.placeholder:before {position: absolute;/** Define arrowhead **/}
.table td, .table th{border: none;font-size: 13px;padding: 10px;}
.table thead th{font-size: 13px;}
.tabs-animated {overflow: hidden;}
.contact-info{display:unset;}
.top-row{display: flex;}
.content-div{margin-right: 10px;}
.box-bg{background: #fdfdff;border-radius: 10px;padding: 6px;border: #f2f2f3 solid 1px;width: 100%;}
select{width: 200px !important;float: left;padding: 5px !important;border-radius: 2px !important;height: 30px !important;}
.views-div{position: absolute;/*bottom: 0;*/padding-bottom: 10px;}
.contact-form h5{font-size: 30px;}
.morris-hover {position:absolute;z-index:1000;}
.morris-hover.morris-default-style {
	border-radius:10px;
	padding:6px;
	color:#666;
	background:rgba(255, 255, 255, 0.8);
	border:solid 2px rgba(230, 230, 230, 0.8);
	font-family:sans-serif;
	font-size:12px;
	text-align:center;
}
.morris-hover.morris-default-style .morris-hover-row-label {font-weight:bold;margin:0.25em 0;}
.morris-hover.morris-default-style .morris-hover-point {white-space:nowrap;margin:0.1em 0;}
svg { width: 100%; }
textarea{border: #CCCCCC solid 1px;width: 100% !important;}
form{width: 100%;}
.dialog-message{color: red;font-weight: bold;text-align: center;padding: 4px;}
.sortableList label{width: auto;}
.sortableList .badge{color: #FFFFFF;font-size: 12px;text-transform: uppercase;height: 43px;}
.sortableList .float-right{float: right!important;}
#customize{padding-top: 100px;}

.grecaptcha-badge{display: none;}
.navbar{/*padding: .5rem 1rem;*/ padding: 0 0;}
.fixed-top{background: #FFFFFF;}
.navbar-nav{width:auto!important;margin-left: 0%;}
.cust_menu_main li{float:left;margin-top: 10px;}
.cust_menu_main ul {display:none;position:absolute;top:45px;text-align:center;max-width:300px;right: 30px;background: #ffffff;}
.cust_menu_main li:hover > ul {display:inherit;transition: all .3s ease;}
.cust_menu_main ul li {text-align: center;line-height: 32px;float: left;width: 100%;margin-top: 0;}
.cust_menu_main ul li a{color: #000000;}
.cust_menu_main ul ul {position:absolute;top:1.8rem;left:0;}
.ajax_error_box{color: red;padding: 2px 20px;text-align: center;background-color: #fee7e7;margin-bottom: 3px;width: 100%;}
.abcRioButtonLightBlue{margin: 0 auto;}
.desktop-menu{display: block;}
.mobile-menu{display: none;}
.abcRioButtonContentWrapper span{float: left;}
.goog-te-banner-frame.skiptranslate {display: none !important;}
body {top: 0px !important;}
.goog-logo-link {display:none !important;} 
.goog-te-gadget{color: transparent !important;}
.social_top {width: auto;margin-top: 0px;position: absolute;left: 60%;margin-right: 9px;}
.lang_li{width: 100%;background-color:#4266f5;height: 29px;overflow: hidden;border-bottom:1px solid #ddd;}
.lang_drop_text{float: left;color: #fff;margin-left: 5px;width: 112px;padding-top: 2px;}
.dropdown-menu > li > a{height: 28px;}
.caret {
	display: inline-block;
	width: 0;
	height: 0px;
	margin-left: 2px;
	vertical-align: initial;
	border-top: 5px dashed !important;
	border-left: 4px solid transparent !important;
	border-right: 4px solid transparent !important;
	border-bottom: 0px dashed !important;
}
.btn_lang{background-color:#3030ec !important;color:#fff !important;padding: 10px 20px;border: 1px solid #1a1ae4;border-radius: 4px;}
.dropup .dropdown-toggle::after {display: none;}
.tab-pane {height: auto;width: 100%;}
#tab1 {height: auto;}
#tab2 {height: auto;}
.btn-sm{font-size: 12px;}
.refurl-div{word-wrap: break-word;}
.top-back-btn{margin-top: -65px;padding-top: 6px;padding-bottom: 6px;float: right;}
.image-list{max-height: 205px;overflow: auto;}
.image-list .img-outer{float:left;margin:5px;width:124px;}
.image-list .img-outer video{float: left;}
.image-list .img-outer div{cursor:pointer;}
.image-list .img-outer .img{float: left;margin: 2px;}
.image-list .img-outer .del-div{cursor:pointer;float: left;}
.video-gal-h3{font-size:23px;margin-top: 10px;}
.video-list{max-height: 205px;overflow: scroll;}
.video-list .iframe-outer{float:left;margin:5px;width:150;}
.video-list .iframe-outer iframe{float: left;}
.video-list .iframe-outer .del-div{cursor:pointer;}
.link-list{max-height: 205px;overflow: auto;}
.del{cursor:pointer;}
.card-stats .top-row .box-bg{height: 170px;overflow-y: scroll;}
.card-stats .top-row tbody{border-bottom: #ccc solid 1px;}
.card-stats .second-row .box-bg{height: 426px;overflow-y: scroll;}
.card-stats .second-row .list-outer{width: 100%;clear: both;}
.card-stats .second-row .list-outer div:nth-child(1) {float: left;}
.card-stats .second-row .list-outer div:nth-child(2) {float: right;}
.card-stats .second-row .progress{width: 100%;}
.photo-list{height: auto;overflow: auto;}
.photo-list-web{height: auto;overflow: auto;}
.mob-btn{display: block;text-align: right;}
#main-img-holder{max-width: 100%;}
#logo-img-holder{max-width: 100%;}
.mob-bottom{display: block;text-align: right;}
.alert-div{color: red;font-size: 15px;}
.title-heading{width: 100%;border-bottom: #CCCCCC solid 1px;font-weight: bold;margin-bottom: 10px;}
.sub-menu {float: left;margin-top: 15px;width: 100%;}
.sub-menu a{float: left;padding: 10px;border: #09363b dotted 1px;border-radius: 50px;margin: 1px;text-align: center;font-size: 14px;font-weight: bold;}


@media only screen and (max-width: 560px), (min-device-width: 568px) and (max-device-width: 1024px) {
	.referral-page table, thead, tbody, th, td, tr {display: block;}
	.referral-page thead tr {position: absolute;top: -9999px;left: -9999px;}
	.referral-page tr {border: 0px solid #ccc;}
	.referral-page td {border: none;position: relative;padding-left: 0;}
	.referral-page td:before {position: unset;top: 6px;left: 6px;width: 45%;padding-right: 10px;white-space: nowrap;}
	.referral-page td:nth-of-type(1):before {content: "Number of Clicks";}
	.referral-page td:nth-of-type(2):before {content: "Number of Sign-up";}
	.referral-page td:nth-of-type(3):before {content: "Number of Paid Referrals";}
	.referral-page td:nth-of-type(4):before {content: "Wallet Amount";}
	.referral-page .table-checkable tr > td:first-child, .table-checkable tr > th:first-child {max-width: 20%;}
	
	.premium-div #table table, #table thead, #table tbody, #table th, #table td, #table tr {display: block;}
	.premium-div #table thead tr {position: absolute;top: -9999px;left: -9999px;}
	.premium-div #table tr {border: 0px solid #ccc;margin-bottom: 15px;}
	.premium-div #table tr th {padding: 0;}
	.premium-div #table td {border: none;position: relative;text-align: left !important;padding: 0;}
	.premium-div #table td:before {position: unset;top: 6px;left: 6px;width: 45%;padding-right: 10px;white-space: nowrap;}
	/*Label the data*/
	.premium-div #table td:nth-of-type(1):before {content: "Website Name";}
	.premium-div #table td:nth-of-type(2):before {content: "Plan";}
	.premium-div #table td:nth-of-type(3):before {content: "Status";}
	.premium-div #table td:nth-of-type(4):before {content: "Expiry Date";}
	.premium-div #table td:nth-of-type(5):before {content: "Price/Year";}
	.premium-div #table td:nth-of-type(6):before {content: "";padding: 0;}
	.table-checkable tr > td:first-child, .table-checkable tr > th:first-child {max-width: 20%;}
}
@media (max-width: 2000px) {
	.left-menu-div {flex: 0 0 16.666667%;max-width: 16.666667%;display: block;margin-right: 10px;}
	#my_cards{ max-width:99%;margin-right: 10px;}
	#customize{ max-width:99%;margin-left:1%;}
}
@media only screen and (max-width: 1600px), (min-device-width: 1200px) and (max-device-width: 1600px) {
	.social_top {left: 62%;}
}
@media only screen and (max-width: 1199px), (min-device-width: 900px) and (max-device-width: 1199px) {
	#social_top_desktop{ display:none; }
	#social_top_mob {display: block;margin-right: 0;margin-top: 12px;margin-left: 95px;}
	.social_top {position: absolute;margin-left: unset;margin-top: 0;right: 14%;}
}
@media only screen and (max-width: 900px), (min-device-width: 765px) and (max-device-width: 900px) {
	.social_top {left: 20%;}
}
@media (max-width: 1200px) {
	.left-menu-div {flex: 0 0 16.666667%;max-width: 16.666667%;display: block;margin-right: 10px;}
	#my_cards{ max-width:100%;margin-right: 10px;}
	.right-preview {padding-top: 70px;max-width: unset !important;margin-left: auto;margin-right: auto;}
	.left-menu {height: unset;float: left;width: 100%;position: unset;max-width: unset;overflow: auto;overflow-x: hidden;}
}
@media (max-width: 900px) {
    .ml-3, .mx-3{margin-left: 0 !important;}
	.card-name{width: 100%;margin-bottom: 10px;}
    .section-header{background: #464ea1;padding: 10px 10px;margin-bottom: 0;}
    .section-header .section-title:before{background: none;color: #FFFFFF;margin-bottom: 0;}
	.btn-blue{padding-left: 10px;padding-right: 10px;}
	.form-control{width: 100%;}
	.menu-outer{display: none;position: fixed;width: 100%;z-index: 15;}
	.tab{float: left;width: 100%;}
	.sel-image{display: grid !important;}
}
@media only screen and (min-width: 767px) {
	.mdl-stepper {background: transparent;color: #4200ff;width: 714px;}
	.mdl-step__label-indicator > :first-child {width: 25px;height: 25px;}
	.mdl-step__title-text {cursor: unset;font-size: 12px;padding-left: 5px;padding-right: 4px;}
	.mdl-stepper--horizontal .mdl-step__label {padding: 0;}
	
}
@media only screen and (min-width: 200px) and (max-width: 998px)  {
	.navbar-nav{background: #ffffff;width: 100% !important;float: left;}
	.navbar-nav .nav-item a {float: left;border: solid 2px #4200ff;color: #4200ff !important;border-radius: 30px;width: 100%;font-weight: 700;}
	.menu-bg .navbar-nav .nav-link{color: #4200ff !important;}
	.cust_menu_main {width: 100%;float: left;background: #ffffff;}
	.cust_menu_main li{float: left; width: 100%;clear: both;margin-bottom: 3px;}
	.cust_menu_main li a{float: left; width: 100%;margin-left: 0 !important;}
	.menu-outer{display: none;position: fixed;width: 100%;z-index: 15;}
	.desktop-menu{display: none;}
	.mobile-menu{display: block !important;}
	.content-row{padding: 0;display: unset;top: 69px;}
	.nav-tabs li a{padding: 8px 9px;}
	.section-header .section-title{color: #FFFFFF;margin: 0;}
	.white-bg{width: 95%;margin: 0 auto;margin-top: 10px;float: none;display: grid;}
	
}
@media (max-width: 640px) {
    .ml-3, .mx-3{margin-left: 0 !important;}
	.card-name{width: 100%;margin-bottom: 10px;}
    .section-header{background: #464ea1;padding: 10px 10px;margin-bottom: 0;}
    .section-header .section-title:before{background: none;color: #FFFFFF;margin-bottom: 0;}
		
	.left-menu-div {}
	#croppic {width: 100% !important;margin: unset !important;}
	#croppic_prof {width: 100% !important;height:240px !important;margin: unset !important;margin-top: 45px !important;}
	#croppic_prof_web {width: 100% !important;height:240px !important;margin: unset !important;}
	.view-quickwebsites{margin: 0 auto;}
	.preview-div{margin: 0 auto;float: none;}
	.filenamelength {width: inherit;max-width: 100%;margin-left: auto;margin-right: auto;padding: 6px 15px;}
	.btn-secondary {font-size: 13px;padding: 5px 9px;}
	.btn-primary {font-size: 13px;padding: 5px 9px;}
	.btn-back, .btn-next{margin-top:-72px;}
	.btn-back {right: 25px;position: absolute;}
	.del{position: absolute;right: -12px;}
	#my_cards{max-width: 100%;}
	.ml-4, .mx-4{margin-left: 0 !important;}
	.sortableList li{display: flex;}
	.sortableList .btn-info{padding: 8px;font-size: 12px;height: 35px;}
	.sortableList .badge{padding: 12px !important;font-size: 12px;height: 35px;}
	.sidebar-nav .metismenu{margin-left: 0px;}        
	.sidebar-nav .metismenu a{padding-left: 10px !important;}
    .sidebar-nav .metismenu img{margin-right: 10px !important;}
	.leads-page .white-bg{margin-left: 10px;margin-right: 10px;}
	#paymentForm .col-12, .col-md-2, .col-md-3, .col-md-4, .col-md-6{padding: 0;margin: 0;}
	.mob-row div{float: left;width: auto;}
	.final-amt-div{margin-top: 15px;}
	.preview-div {float: none;width: 98%;margin: 0 auto;}
}
@media (max-width: 470px) {
	#social_top_desktop{ display:none; }
	#social_top_mob {display: block;margin-right: 0px;margin-top: 12px;margin-left: 70px;}
	.container_top{margin-top:40px;}.cust_menu_main{padding-left:0;}				
	.social_top {position: absolute;margin-left: unset;margin-top: 12px;right: 14%;}				
}

@media only screen and (max-width: 480px), (min-device-width: 300px) and (max-device-width: 600px) {
	.btn-menu-create {margin-left: 4px;padding: 4px 8px;font-size: 11px;}
	.btn-menu-create:hover {padding: 4px 8px;font-size: 11px;}
	.cust_menu_main{float:right;right: unset;position: relative;}
}

@media (min-width:500px) and (max-width:990px){
	.custom-right{text-align:left}
	.left-menu-div{flex:auto;max-width:none;padding-left:10px;padding-right:10px;position:absolute;}
	.left-menu{padding:15px 0 15px 0;padding-bottom:27px;height:auto;float:left;width:100%;position:relative;top:0;max-width:100%!important}
	.navbar-brand{width:calc(100% - 106px);margin-left: 10px;}
	.cust_menu_main li a{height:auto!important}
	.navbar-brand img{margin-left:10px;}
	.navbar button{margin-right:0}
	.card-outer{padding:0 3px 0 3px;margin:0 auto}
	.img-mob-container img{width: 100%;height: auto;max-height: auto;}
	.cust_menu_main{display: none;}
	.sidebar-nav .metismenu a{padding-left: 10px !important;}
	.content-row{padding: 0;display: unset;top: 53px;}
}
@media (max-width: 480px) and (min-width: 320px) {
    .section-header{background: #464ea1;padding: 10px 10px;margin-bottom: 0;}
    .section-header .section-title:before{background: none;color: #FFFFFF;margin-bottom: 0;}
    .section-header .section-title{margin: 0;color: #FFFFFF;}
    .border-bottom{border-bottom: none !important;padding: 0 9px;}
    .container {padding-right: 15px;padding-left: 15px;}
	.filenamelength{padding: 10px;}
	.mob-tab{display: none;}
	.btn-back{display: none;}
	.white-bg{margin: 10px;float: none;}
	.mob{display: block;}
	.mob-btn{display: none;}
	.mob-bottom {
		display: block;
		position: -webkit-fixed;
		position: fixed;
		bottom: 0;
		height: 55px;
		padding-top:7px;
		width: 100%;
		background: #464EA1;
		z-index: 4000 !important;
		left: 0;
	}
	.mob-bottom a{float: left;padding: 10px;color: #FFFFFF;margin: 0;text-transform: uppercase;}
	.mob-bottom a:hover{background: none;}
	.mob-bottom button{background: none;border: none;text-transform: uppercase;color: #FFFFFF;margin: 12px 5px;cursor: pointer;padding: 0;}
	.mob-bottom button:hover{background: none;}
	.mobile_fixed_back {
		display: block;
		margin-top: 4px;
		left: 0;
		padding-top: 10px;
		padding-bottom: 10px;
		float: left !important;
		width: 100px;
		bottom: -10px;
	}
	/*#copyright {margin-bottom: 45px;}*/
	#copyright {margin-bottom: 0;}
	.tab button {float: left;border: 1px solid #dadae4;outline: none;cursor: pointer;padding: 11px 10px;transition: 0.3s;font-size: 15px;width: 121px;}
	.right-preview{padding-top: 10px;}
	.pop-btn{clear: both;font-size: 12px;width: 100%;border: none;color: #ffffff;padding: 10px 1px;background: #3366cc;text-transform: inherit;}
	#web_link{width: auto;padding: 10px;margin: 0 auto;}
	.contact-form h5{font-size: 20px;text-align: center;}
	.float-right{float: right !important;}
	.top-row{display: block;}
	.top-row .col{width: 100%;max-width: 100%;padding: 0;}
	.top-row .col-8{width: 100%;max-width: 100%;padding: 0;margin-top: 10px;}
	.content-div{margin-right: 0;}
	.white-bg{width: 95% !important;margin: 0 auto;margin-top: 10px;margin-bottom: 85px !important;}
	.stats-top-div{margin-bottom: 10px !important;}
	.box-bg{width: 98%;margin: 0 auto;margin-bottom: 10px;}
	.sortableList .badge{color: #FFFFFF;font-size: 12px;text-transform: uppercase;}
	.card-stats .second-row .box-bg{height: 250px;}
	.card-stats .second-row{margin-bottom: 90px !important;}
}
@media screen and (max-height: 450px) {
	.how-to-overlay a {font-size: 20px}
	.how-to-overlay .closebtn {font-size: 40px;top: 15px;right: 35px;}
}
@media (min-width:300px) and (max-width:500px){
	.country-sel{display: none;}
	.country-input{display: block;}
	#std_code_msdd{display: none;}
}
@media (max-width:640px){
	.custom-right{text-align:left}
	.left-menu{
		padding:15px 0 15px 0;
		padding-bottom:27px;
		height:auto;
		float:left;
		width:100%;
		background:#36c;
		position:relative;
		top:16px;
		max-width:100%!important
	}
	.navbar-brand{width:calc(100% - 106px)}
	.cust_menu_main li a{height:auto!important}
	.navbar-brand img{margin-left:0}
	.navbar button{margin-right:0}
	.card-outer{padding:0 3px 0 3px;margin:0 auto}
	.img-mob-container img{width: 100%;height: auto;max-height: auto;}
}
@media (max-width:1000px){#photos{-moz-column-count:3;-webkit-column-count:3;column-count:3}}
@media (max-width:800px){#photos{-moz-column-count:2;-webkit-column-count:2;column-count:2}}
@media (max-width:400px){#photos{-moz-column-count:1;-webkit-column-count:1;column-count:1}}