/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.edit_form_line .vc_checkbox-label{
	width:100%;
	float:left;
}
.vc_shortcode-param.vc_wrapper-param-type-checkbox .edit_form_line{
	height: 150px;
    overflow: hidden;
    overflow-y: scroll;
}
.widgets-holder-wrap select{
	width:100%;
}


/* =============================================
			Dashboard Sstem Settings			
============================================= */
.cwrs-main.cwrs-features{
	padding: 0;
	max-width: 1140px;
}
.cwrs-featureswelcomebox{
	width: 100%;
	float: left;
	margin: 0 0 40px;
}
.cwrs-featureswelcomebox figure{
	margin: 0;
    float: right;
    padding: 20px;
    background: #FFF;
    border-radius: 3px;
}
.cwrs-welcomecontent{
	max-width: 640px;
	float: left;
}
.cwrs-welcomecontent h2{
	margin: 0 0 30px;
	font-size: 44px;
	line-height: 40px;
}
.cwrs-welcomecontent .cwrs-description{
	font-size: 17px;
	line-height: 28px;
}
.cwrs-featurescontent{
	width: 100%;
	float: left;
	padding: 30px;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.10);
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.10);
	position: relative;
}
.cwrs-pluginslider{
	width: 100%;
	float: left;
	padding: 0 100px;
	margin: 0 0 30px;
	border-radius: 3px;
	background: #f1f1f1;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.cwrs-pluginslider .item{
	width: 100%;
	float: left;
}
.cwrs-pluginslider .item figure{
	float: right;
	margin: 15px 0;
}
.cwrs-pluginslider .item figure img{display: block;}
.cwrs-slidercontent{
	overflow: hidden;
	padding: 70px 10% 70px 0;
}
.cwrs-slidercontent h3{
	color: #4c5868;
	font-size: 40px;
	font-weight: 600;
	line-height: 40px;
	margin: 0 0 20px;
	padding: 0 0 20px;
	position: relative;
}
.cwrs-slidercontent h3:before{
	top: 100%;
	left: 0;
	content: '';
	width: 70px;
	height: 4px;
	margin: -2px 0 0;
	position: absolute;
	background: #4c5868;
}
.cwrs-slidercontent h3 span{
	color: #484848;
	display: block;
	font-size: 26px;
	font-weight: 300;
	line-height: 26px;
}
.cwrs-twocolumns{
	width: 100%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.cwrs-content{
	width: 100%;
	float: left;
	min-height: 400px;
	padding: 0 15px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.cwrs-boxarea{
	width: 100%;
	float: left;
	padding: 0 0 40px;
}
.cwrs-contentbox{
	width: 100%;
	float: left;
}
.cwrs-title{
	width: 100%;
	float: left;
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px solid #ddd;
}
.cwrs-title h3{
	margin: 0;
	font-size: 18px;
	font-weight: 600;
	line-height: 18px;
}
.cwrs-liststyle{
	width: 100%;
	float: left;
	font-size: 13px;
	line-height: 16px;
	list-style: none;
}
.cwrs-liststyle li{
	width: 100%;
	float: left;
	position: relative;
	line-height: inherit;
	list-style-type: none;
}
.cwrs-tag{
	float: left;
	width: 65px;
}
.cwrs-liststyle li i{
	float: left;
	color: #fff;
	font-size: 10px;
	font-weight: 600;
	background: #aaa;
	line-height: 20px;
	font-style: normal;
	border-radius: 3px;
	position: relative;
	padding: 0 5px 0 20px;
	text-transform: uppercase;
}
.cwrs-tag.cwrs-tagnew i{background: #4c5868;}
.cwrs-liststyle li i:before{
	top: 0;
	left: 5px;
	color: #fff;
	content: '\f00c';
	font-size: 10px;
	line-height: 20px;
	position: absolute;
	font-family: 'FontAwesome';
}
.cwrs-liststyle li span{overflow: hidden;}
.cwrs-liststyle li + li{margin: 30px 0 0;}
.cwrs-dotliststyle li + li{margin: 15px 0 0;}
.cwrs-dotliststyle li{padding: 0 0 0 10px;}
.cwrs-dotliststyle li:before{
	top: 9px;
	left: 0;
	width: 4px;
	height: 4px;
	content: '';
	margin: -2px 0 0;
	border-radius: 50%;
	position: absolute;
	background: #484848;
}
.cwrs-twocolumnslist{
	width: 50%;
	padding: 0 15px 0 0;
}
.cwrs-twocolumnslist:last-child{
	padding: 0;
	margin: 0;
}
.cwrs-twocolumnslist li:first-child{margin: 0;}
.cwrs-boxarea:last-child{padding: 0;}
.cwrs-sidebar{
	width: 35%;
	float: right;
	min-height: 450px;
	padding: 0 0 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.cwrs-widgetbox{
	width: 100%;
	float: left;
	padding: 0 0 35px;
}
.cwrs-widgetbox figure{
	margin: 0;
	width: 100%;
	float: left;
}
.cwrs-widgetbox figure img{
	width: 100%;
	height: auto;
	display: block;
}
.cwrs-widgetbox ul{
	width: 100%;
	float: left;
	list-style: none;
	font-size: 14px;
	line-height: 17px;
}
.cwrs-widgetbox ul li{
	width: 100%;
	float: left;
	margin: 0 0 8px;
	line-height: inherit;
	list-style-type: none;
}
.cwrs-themetitle{overflow: hidden;}
.cwrs-themetitle h4{
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 16px;
}
.cwrs-themetitle h4 a{
	color: #484848;
	text-decoration: none;
}
.cwrs-btnviewdemo{
	color: #55acee;
	font-size: 12px;
	line-height: 15px;
	text-decoration: none;
}
.cwrs-widgetboxquicklinks ul{
	font-size: 13px;
	line-height: 16px;
}
.cwrs-widgetboxquicklinks ul li{
	position: relative;
	padding: 0 0 0 15px;
}
.cwrs-widgetboxquicklinks ul li:before{
	top: 4px;
	left: 0;
	color: #484848;
	font-size: 13px;
	line-height: 9px;
	content: '\f105';
	position: absolute;
	font-family: 'FontAwesome';
}
.cwrs-widgetboxquicklinks ul li a{
	color: #55acee;
	line-height: inherit;
	text-decoration: none;
}
.cwrs-widgetbox .cwrs-btn{
	height: 40px;
	padding: 0 30px;
	line-height: 40px;
	margin: 30px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.cwrs-widgetboxotherproducts ul li{margin: 0;}
.cwrs-widgetboxotherproducts ul li + li{margin: 20px 0 0 ;}
.cwrs-widgetboxotherproducts ul li figure{
	width: auto;
	padding: 0 10px 0 0;
}
.cwrs-widgetboxotherproducts .cwrs-btn{
	width: 100%;
	text-align: center;
}
.cwrs-socialandcopyright{
	clear: both;
	overflow: hidden;
	padding: 15px 30px;
	margin: 0 -30px -30px;
	border-top: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.cwrs-followus{float: left;}
.cwrs-followus span,
.cwrs-followus .cwrs-socialicons{
	display: inline-block;
	vertical-align: middle;
}
.cwrs-followus span{
	font-size: 14px;
	font-weight: 600;
	line-height: 17px;
}
.cwrs-socialicons{
	margin: 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
	text-align:center;
	line-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.cwrs-socialicons li{
	margin: 0;
	float: left;
	padding: 0 4px;
	line-height: inherit;
	list-style-type: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.cwrs-socialicons li a{
	width:30px;
	height:30px;
	color: #fff;
	display:block;
	background:#ddd;
	overflow:hidden;
	border-radius: 50%;
	text-decoration: none;
}
.cwrs-socialicons li.cwrs-facebook a:hover{background: #3b5998;}
.cwrs-socialicons li.cwrs-twitter a:hover{background: #55acee;}
.cwrs-socialicons li.cwrs-linkedin a:hover{background: #007bb5;}
.cwrs-socialicons li.cwrs-googleplus a:hover{background: #dd4b39;}
.cwrs-socialicons li.cwrs-rss a:hover{background: #ff6600;}
.cwrs-socialicons li a i{
	display:block;
	font-size:13px;
	line-height:30px;
	text-align:center;
}
.cwrs-socialicons li a:hover,
.cwrs-socialicons li a:hover i,
.cwrs-socialicons li a:hover i:before{color: #fff;}
.cwrs-copyright{
	float: right;
	padding: 7px 0;
	font-size: 12px;
	line-height: 15px;
}
.cwrs-copyright a{color: #55acee;}
.cwrs-btn-medium{
	float: left;
	padding: 11px;
	min-width: 175px;
}
div[data-step_number="1"] > .action-wrap > .cwrs-icons:first-child,
div[data-apparel_number="1"] > .action-wrap > .cwrs-icons:first-child{display: none;}
.apparel_front.cwrs-displaybox,
.apparel_back.cwrs-displaybox{
	width: 40%;
	float: left;
	margin: 0 5%;
	padding: 0;
	border: 1px solid #ddd;
}
.apparel_front.cwrs-displaybox{float: left;}
.apparel_back.cwrs-displaybox{float: right;}
.apparel_front.cwrs-displaybox > div,
.apparel_back.cwrs-displaybox > div{
	margin: 0;
	width: 100%;
	float: left;
}
.apparel_front.cwrs-displaybox .cwrs-mediafiles.cwrs-scrollbar,
.apparel_back.cwrs-displaybox .cwrs-mediafiles.cwrs-scrollbar{
	width: auto;
	float: none;
	margin: 30px auto;
	text-align: center;
}
.apparel_front.cwrs-displaybox .cwrs-mediafiles.cwrs-scrollbar:after,
.apparel_back.cwrs-displaybox .cwrs-mediafiles.cwrs-scrollbar:after{
	content: '';
	clear: both;
	display: block;
}
.apparel_front.cwrs-displaybox .cwrs-fileupload,
.apparel_back.cwrs-displaybox .cwrs-fileupload{border-top: 1px solid #ddd;}
.apparel_front.cwrs-displaybox .cwrs-fileupload label,
.apparel_back.cwrs-displaybox .cwrs-fileupload label{height: 120px;}
.apparel_front.cwrs-displaybox .cwrs-browse,
.apparel_back.cwrs-displaybox .cwrs-browse{margin: 0;}
.apparel_front.cwrs-displaybox figure,
.apparel_back.cwrs-displaybox figure{overflow: hidden;}
.apparel_front.cwrs-displaybox figure img,
.apparel_back.cwrs-displaybox figure img{
	width: auto;
	height: 220px;
}
.cwrs-tabscontent .cwrs-titlebox {
	padding: 0;
	background: transparent;
}
.cwrs-tabscontent .cwrs-titlebox h3{color: #23282d;}
.assets_container{
	width: 100%;
	float: left;
}

.cwrs-buynow-btn{
	background: #4c5868;
    padding: 10px 15px;
    border-radius: 3px;
    color: #FFF;
    text-decoration: none;
    line-height: 27px;
}
.cwrs-buynow-btn:hover,
.cwrs-buynow-btn:active,
.cwrs-buynow-btn:focus{
	background: #3c4652;
	color: #FFF;
}
	




@media (max-width:1680px){}
@media (max-width:1600px){}
@media (max-width:1440px){
	.cwrs-mediafilesanduploader .cwrs-displaybox {width: 25%;}
	.cwrs-mediafilesanduploader .cwrs-displaybox figure img {height: 150px;}
}
@media (max-width:1366px){
	.cwrs-mediafilesanduploader .cwrs-displaybox {width: 33.333%;}
	.cwrs-addparameter .cwrs-mediafilesanduploader .cwrs-displaybox {width: 100%;}
}
@media (max-width:1280px){
	.cwrs-addparameter .edit-mode .cwrs-mediafilesanduploader .cwrs-displaybox {width: 20%;}
}
@media (max-width:1200px){
	.apparel_front.cwrs-displaybox,
	.apparel_back.cwrs-displaybox {
		width: 46%;
		margin: 0 2%;
	}
	.rewrite-form .cwrs-contentbox .cwrs-privacysetting .sp-input-setting{
		float: left; 
		width: 100%;
		margin-top:10px;
	}
}
@media (max-width:1080px){
	.cwrs-mediafilesanduploader .cwrs-displaybox {width: 50%;}
	.cwrs-addparameter .edit-mode .cwrs-mediafilesanduploader .cwrs-displaybox {width: 25%;}
}
@media (max-width:1024px){
	.apparel_front.cwrs-displaybox .cwrs-mediafiles.cwrs-scrollbar,
	.apparel_back.cwrs-displaybox .cwrs-mediafiles.cwrs-scrollbar{margin: 10px auto;}
	.apparel_front.cwrs-displaybox figure img,
	.apparel_back.cwrs-displaybox figure img {height: 160px;}
	.cwrs-mediafiles {min-height: 180px;}
	.cwrs-mediafilesanduploader .cwrs-displaybox figure img {
		height: 100px;
		margin: 10px auto;
	}
}
@media (max-width:900px){
	.cwrs-featurescontent .cwrs-pluginslider{
		padding: 30px;
	}
}
@media (max-width:800px){
	.cwrs-addparameter .edit-mode .cwrs-mediafilesanduploader .cwrs-displaybox {width: 33.333%;}
}
@media (max-width:767px){
	.cwrs-addparameter .cwrs-mediafilesanduploader .cwrs-displaybox {width: 50%;}
	.cwrs-featurescontent .cwrs-pluginslider .cwrs-slidercontent,
	.cwrs-featurescontent .cwrs-pluginslider figure{
		width: 100%;
		padding: 15px;
		float: left;
	}
	.cwrs-featurescontent .cwrs-pluginslider .item figure{
		float:none;
		
	}
	.cwrs-twocolumns .cwrs-sidebar,
	.cwrs-twocolumns .cwrs-content,
	.cwrs-twocolumns .cwrs-twocolumnslist{
		width: 100%;
		float: left;
	}
}
@media (max-width:720px){}
@media (max-width:640px){}
@media (max-width:568px){.cwrs-addparameter .edit-mode .cwrs-mediafilesanduploader .cwrs-displaybox {width: 50%;}}
@media (max-width:480px){
	.apparel-content-wrap,
	.styles_data.cwrs-inner,
	.customizer-step-data.cwrs-inner{padding-left: 0;}
}
@media (max-width:479px){
	.apparel_front.cwrs-displaybox,
	.apparel_back.cwrs-displaybox{
		width: 100%;
		margin: 0;
	}
	.apparel_front.cwrs-displaybox{margin: 0 0 20px;}
	.cwrs-mediafilesanduploader .cwrs-displaybox{width: 100%;}
	.cwrs-addparameter .cwrs-mediafilesanduploader .cwrs-displaybox {width: 100%;}
	.cwrs-addparameter .edit-mode .cwrs-mediafilesanduploader .cwrs-displaybox {width: 100%;}
	.cwrs-featurescontent .cwrs-pluginslider .item figure{
		display:none;
		
	}
}
@media (max-width:360px){}
@media (max-width:320px){}

.cwrs-privacysetting:nth-child(odd) {background: #fff;}
.cwrs-privacysetting:nth-child(even) {background: #fcfcfc;}
.cwrs-privacysetting span {
	float: left;
	font-size: 14px;
	line-height: 17px;
	font-family: 'Work Sans', Arial, Helvetica, sans-serif;
}
.cwrs-iosstylcheckbox {
	width: 80px;
	float: right;
	position: relative;
}
.save-settings-form,
.settings-wrap,
.cwrs-titlebox,
.cwrs-btnradiafield,
.cwrs-btnradio,
.cwrs-radiotitle{
	float: left;
	width: 100%;
}
.save-settings-form  p.submit {float: left;}
.settings-wrap .cwrs-titlebox h3{margin: 0 0 15px;}
.sp-input-setting{
	width: auto;
    float: right;
}
.sp-input-setting .form-group{margin:0;}
.cwrs-tooltipbox {
    cursor: pointer;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
}
.cwrs-tooltipbox i {
    color: #fff;
    width: 16px;
    height: 16px;
    display: block;
    background: #32373c;
    font-size: 1em;
    line-height: 16px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    font-style: normal;
}
.cwrs-tooltipbox .tooltiptext {
    z-index: 9999;
    left: 50%;
    bottom: 150%;
    color: #fff;
    width: 200px;
    padding: 5px;
    font-size: 11px;
    line-height: 15px;
    position: absolute;
    text-align: center;
    border-radius: 6px;
    visibility: hidden;
    margin-left: -100px;
    background-color: #32373C;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.cwrs-tooltipbox .tooltiptext::after {
    top: 100%;
    left: 50%;
    content: '';
    margin-left: -5px;
    border-width: 5px;
    position: absolute;
    border-style: solid;
    border-color: #32373C transparent transparent transparent;
}
.cwrs-tooltipbox:hover .tooltiptext {
    visibility: visible;
}
.form-control {
    margin: 0;
    color: #000;
    width: 100%;
    height: 40px;
    outline: none;
    background: #fff;
    font-size: 14px;
    line-height: 18px;
    padding: 10px 18px;
    border-radius: 5px;
    vertical-align: top;
    display: inline-block;
    box-shadow: none !important;
    border: 1px solid #ddd !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.sp-input-setting {
    width: auto;
    float: right;
}

.save-settings-form input[type=text], 
.save-settings-form input[type=search], 
.save-settings-form input[type=radio], 
.save-settings-form input[type=tel], 
.save-settings-form input[type=time], 
.save-settings-form input[type=url], 
.save-settings-form input[type=week], 
.save-settings-form input[type=password], 
.save-settings-form input[type=checkbox], 
.save-settings-form input[type=color], 
.save-settings-form input[type=date], 
.save-settings-form input[type=datetime], 
.save-settings-form input[type=datetime-local], 
.save-settings-form input[type=email], 
.save-settings-form input[type=month], 
.save-settings-form input[type=number], 
.save-settings-form select, 
.save-settings-form textarea {
    border: 1px solid #ddd;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
    background-color: #fff;
    color: #32373c;
    outline: 0;
    transition: 50ms border-color ease-in-out;
}

.cwrs-privacysetting {
    width: 100%;
    float: left;
    padding: 14px 20px;
    border-bottom: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.cwrs-privacysetting:nth-child(odd) {
    background: #fff;
}

.cwrs-terms-title{margin-top: 40px;}
.rewrite-form .form-control{min-width: 300px;}


.import-users {
	float: left;
	position: relative;
	border: 1px solid #ddd;
}
.import-users img {
	transition: all ease-in-out 300ms;
	cursor: pointer;
	position: relative;
	display: block;
}
.import-users:hover img { opacity: 0.5; }
.import-users .theme-name {
	background: rgba(255, 255, 255, 0.65);
	font-size: 15px;
	font-weight: 600;
	height: 18px;
	margin: 0;
	overflow: hidden;
	padding: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	border-top: 1px solid #ddd;
	position: relative;
}
.import-users .user-actions {
	background: rgba(244, 244, 244, 0.7);
	border-left: 1px solid #ddd;
	bottom: 0;
	height: 38px;
	opacity: 1;
	padding: 9px 10px 0;
	position: absolute;
	right: 0;
	transition: opacity 0.1s ease-in-out 0s;
}
.import-users i, 
.import-users img.sp-spin {
	line-height: 18px;
	position: absolute;
	top: 50%;
	left: 53%;
	margin: -20px 0 0 -8px;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
.rewriteloader {
	background: rgba(255, 254, 254, 0.77);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 5;
}
.rewriteloader i{ color:#fff;}
.cwrs-featurescontent .rewriteloader img{
	left: 50%;
    top: 50%;
    position: absolute;
}

/*Sticky Message CSS*/
.sticky-queue{z-index:999996;position:fixed;width:320px;overflow:hidden;border-radius:5px;background:#fbfbfb}
.sticky-note{padding:20px;margin:0;line-height:15px}
.sticky{font-size:12px;color:#555;position:relative}
.sticky-close{position:absolute;top:5px;right:5px;height:11px;line-height:11px;width:11px;cursor:pointer;text-align:right}
.sticky-close:before{content:"\2716"}
.top-right{right:20px}
.top-center{top:36px;left:50%;margin-left:-125px}
.top-left{left:20px}
.top-right,.top-center,.top-left{top:36px}
.bottom-right{right:20px}
.bottom-center{bottom:-2px;left:50%;margin-left:-125px}
.bottom-left{left:20px}
.bottom-right,.bottom-center,.bottom-left{bottom:36px}
.border-top-right,.border-top-center,.border-top-left{margin-top:1px}
.border-bottom-right,.border-bottom-center,.border-bottom-left{margin-top:1px}
.success{background:#52c27d;color:#fff}
.warning{background:#f89406;color:#fff}
.important{background:#f15b5a;color:#fff}

/*Confirm Box Styling*/
#confirmBox {
    left: 50%;
    top: 50%;
    border: 0;
    max-width: 460px;
    width: 100%;
    clear: both;
    background: #fff;
    position: fixed;
    overflow: hidden;
    border-radius: 5px;
    margin: -130px 0 0 -230px;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
}
#confirmBox h1 {
    letter-spacing: 0.3px;
}
#confirmBox h1, 
#confirmBox p {
    color: #fff;
    margin: 0px;
    font-size: 16px;
    line-height: 16px;
    padding: 10px 20px;
    background: #484848;
}
#confirmBox p {
    float: left;
    color: #414141;
    background: none;
    font-size: 14px;
    line-height: 1.4;
    padding-top: 20px;
}
#confirmButtons {
    width: 100%;
    float: left;
    text-align: center;
}
#confirmBox .button {
   z-index: 3;
    color: #fff;
    margin: 20px 15px;
    overflow: hidden;
    position: relative;
    text-align: center;
    border-radius: 5px;
    padding: 3px 60px;
    height: 36px;
    display: inline-block;
    vertical-align: middle;
    text-transform: capitalize;
    font: 400 14px/30px 'Work Sans', Arial, Helvetica, sans-serif;
    border: 0;
}
#confirmBox .button:before {
    background: #484848;
}
#confirmBox .button:before, 
#confirmBox .button:after {
    top: 0;
    left: 0;
    z-index: -1;
    content: '';
    width: 100%;
    height: 100%;
	border-radius: 5px;
    position: absolute;
}