body{margin:0; padding:0; font-family: 'Nunito', sans-serif;}
.btn, a{font-family: 'Nunito', sans-serif;}
h1{font-size: 50px; font-weight:700;}
h2{font-size: 30px; font-weight: 700; line-height: 40px;}
h3{font-size: 24px; font-weight: 600; line-height: 29px;}
h4{font-size: 19px; font-weight: 600; line-height: 29px;}
h5{font-size: 17px; font-weight: 700; line-height: 29px;}
h6{font-size: 16px; font-weight: 700;}
p{font-size:16px;}
header.after-login{background-color: #F4F6F9; padding-top:5px; padding-bottom:5px;}
.dash-main .nav-tabs .nav-link{ border:0; color:#000000;}
.dash-main .nav-tabs .nav-link:hover{box-shadow:none;}
.dash-main .nav-tabs .nav-link.active{border-left:0; border-right:0; border-top:0; border-bottom:#ff0000 1px solid; color:#ff0000;}
.dash-main .nav-tabs{border:0;}
.dash-main h3 .colr{color:#ff0000;}
.dash-list a{color:#000000; text-decoration:none;}
.dash-list a h6{margin-bottom:0px;}
.dash-list a span{background-color: #f15b5b; border-radius: 4px; padding: 7px 10px; margin-right: 10px; float:left; color: #ffffff;}
.dash-list small{font-size:14px;}
.row-bg{background-color: #F4F6F9; padding: 20px 10px 15px 10px; align-items: center; margin-bottom:30px;}
.row-bg p{color:#222222 !important; font-size:13px; margin:0;}
.text-link{color:#ff0000; text-decoration:none; font-weight:600;}
.text-link i.fa{position: relative; top: 2px; }
.inact .dash-list a span {background-color:#a7a2a2;}
.inact .text-link{color:#a7a2a2;}
.inact p{color:#a7a2a2; font-size:13px; margin:0;}

.btn-danger i.fa{font-size:10px;}
.btn-danger{background-color:#ff0000; border: 0; border-radius: 4px !important; overflow :hidden; position: relative; text-decoration: none; transition: .2s transform ease-in-out; will-change: transform; z-index: 0; color: #ffffff; border-radius: 0; padding: 10px 16px; font-size: 14px; font-weight: 600; } 
.btn-danger::after{ background-color: #bb0202; border-radius: 0; content: ''; display: block; height: 100%; width: 100%; position: absolute; left: 0; top :0; transform :translate(-100%, 0) rotate(10deg); transform-origin: top left; transition :.2s transform ease-out; will-change: transform; z-index: -1; } 
.btn-danger:hover::after{ transform: translate(0, 0); } 
.btn-danger:hover{ border: 0; color: #ffffff; transform: scale(1.05) will-change: transform; }
header .dd{z-index:9999;}

.c {
  display: flex;
  align-items: center;
  justify-content: end;
  height:100%;
  width:100%;
}
.dd {
  z-index:1;
  position:relative;
  display: inline-block;
  float: right;
    margin-top: 17px;
}
.dd-a {
  padding:7px 10px;
  background:#ddd;
  position:relative;
  border: 0;
  border-radius: 5px;
  transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  color:#000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight:700;
}

.dd input:after {
  content:"";
  width:100%;
  height:2px;
  position:absolute;
  display:block;
  background:#C63D0F;
  bottom:0;
  left:0;
  transform: scaleX(0);
  transform-origin: bottom left;
  transition-duration: 0.2s;
  -webkit-transform: scaleX(0);
  -webkit-transform-origin: bottom left;
  -webkit-transition-duration: 0.2s;
}
.dd input {
  top:0;
  opacity:0;
  display:block;
  padding:0;
  margin:0;
  border:0;
  position:absolute;
  height:100%;
  width:100%;
}
.dd input:hover {
  cursor:pointer;
}
.dd input:hover ~ .dd-a {
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
}
.dd input:checked:after {
  transform: scaleX(1);
  -webkit-transform: scaleX(1);
}
.dd input:checked ~ .dd-c {
  transform: scaleY(1);
  -webkit-transform: scaleY(1);
}
.dd-a span {
  color:#000000;
  font-size:15px;
  line-height: 17px;
}
.dd-a small {
  color:#000000;
  font-size:11px;
}
.dd-a b{
font-size: 20px;
margin-right: 10px;
font-weight: normal;	
}
.dd-a i.fa-angle-down{
font-size: 19px;
color: #2e2e2e;	
}
.dd-c{
  display:block;
  position: absolute;
  background:#ffffff;
  height:auto;
  transform: scaleY(0);
  transform-origin: top left;
  transition-duration: 0.2s;
  -webkit-transform: scaleY(0);
  -webkit-transform-origin: top left;
  -webkit-transition-duration: 0.2s;
  width:200px;
  padding:15px;
  right: 0;
  border-radius: 4px;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 37%);
}
.dd-c ul {
  margin:0;
  padding:0;
  list-style-type: none;
  text-align:left;
}
.dd-c li {
  margin-bottom:5px;
  word-break: keep-all;
  white-space:nowrap;
  display:block;
  position:relative;
}
.dd-c li a{text-align:left; font-size:14px; color:#000000; text-decoration:none;}
.dd-c li a:hover{color:#ff0000;}
.dd-c li a p{display: inline-block; margin:0;}
.dd-c span.username{background-color:#dddddd; border-radius:4px; padding:5px; margin-right: 10px; float:left;}
.dd-c li a small{font-size:10px; display:block;}

/*Templates page styles*/
.templates-main img{border-radius:15px; box-shadow:0px 0px 7px rgb(0 0 0 / 41%); width:100%;}
.titlebar-main a{color:#ff0000; text-decoration:none;}
.titlebar-main a:hover{color:#bb0202;}
.templates-main a{color:#212326; text-align:center; font-size:16px; display:block; text-decoration:none;}
.templates-main a:hover{color:#ff0000;}
.templates-main .temp-img{position:relative;}
.templates-main .temp-img span{display:block; overflow:hidden; margin-bottom:20px; box-shadow: 0px 0px 7px rgb(0 0 0 / 41%); border-radius:15px;}
.templates-main .temp-img span .view-btn{position: absolute; top: 40%; left: 74px; display:none; color:#ffffff;}
.templates-main .temp-img:hover span .view-btn{display:block;}
.templates-main p{color:#6b7177; font-size:16px;}
/*sidebar filter styles*/
.templates-main .accordion{background-color: #fafaf9; border-radius:4px;}
.templates-main .accordion .accordion-item{background-color:transparent;}
.templates-main .accordion-body ul{margin:0; padding:0;}
.templates-main .accordion-body ul li::marker {display:none !important;}
.templates-main .accordion-body ul li{list-style:none;}
.templates-main .accordion-body ul li a{text-align:left; font-size:14px; font-weight:400; letter-spacing:.1px; color:#212326; display: flex; justify-content: space-between; margin-bottom: 15px;}
.templates-main .accordion-body ul li a:hover{color:#ff0000;}
.templates-main .accordion-body ul li a span{float:right;}
.templates-main .accordion-body input[type=checkbox] {margin: 0 15px 0px 0; width: 20px; height: 20px; position:relative; top:5px; float:left;}
.templates-main .accordion-header .accordion-button{border:0; background-color:transparent; box-shadow:none; color:#0a0a0a; font-size:20px; font-weight:700;}
.start-links li a{justify-content:start !important;}
.templates-main .accordion-body ul li a div span{
	float: left;
    display: block;
    width: 160px;
}
.templates-main .accordion-item{border:0; border-radius:0;}

.templates-main .page-item .page-link{background-color:transparent; border:0; border-radius:0; outline:0; box-shadow:none;}
.templates-main .page-item .page-link.active{color:#ff0000;}
.templates-main .dd{width:200px;}

.templates-main .temp-img span img {
    transition: all 2s ease-in-out;
	
}

.templates-main .temp-img span:hover img {
    transform: scale(2, 2);
    cursor: pointer
}

.selectleft ul{margin:0; padding:0;}
.selectleft ul li{ float:left; list-style:none;}
.selectleft ul li a{ color:#000000; margin-right:25px; font-weight:700;} 
.selectleft ul li a i.fa, .selectleft ul li a i.fas{font-size:20px;}
.selectleft ul li a i.fa-angle-left{font-size: 15px;} 
.selectleft ul li a:hover{ color:#ff0000;} 
.selectleft ul li a.active{color:#ff0000;}
.selectleft a.back-btn{float:left; margin-right:20px;}
.selectright .text-link{ color:#000000;}
.selectright .text-link:hover{ color:#ff0000;}


.middle-block{background-color:#ffffff; border-radius:4px; box-shadow: 0px 0px 14px rgb(0 0 0 / 15%); padding: 50px 48px }
.cros-bg{background-image:url(../images/login-bg.png); background-repeat:no-repeat; background-position:center top; background-size: cover; padding-top:30px; padding-bottom:30px;}
.steps-main .progress{height:7px; border-radius:100px;}
.middle-block .form-check{background-color: rgb(247 245 245 / 67%); padding: 20px 20px; cursor:pointer; display:inline-flex; align-items:center; justify-content:space-between; width:100%; height:100%;}
.middle-block .form-check:hover{background-color:#f7f5f5}
.middle-block .form-check-input[type=radio] {margin:4px 10px 0px 10px; cursor:pointer;}
.middle-block .form-check-input[type=checkbox] {margin:4px 10px 0px 0px; cursor:pointer;}
.middle-block .text-link{color:#000000;}
.middle-block .text-link:hover{color:#ff0000;}
.middle-block label{ cursor:pointer; margin-right:10px;}
.middle-block label p{margin-bottom:0; font-size:14px; margin-left:27px;} 
.middle-block .form-check span{float:right; margin-top:5px; cursor:pointer;}
.back-btn{color:#000000; text-decoration:none;}
select.form-control {appearance: auto; padding: 12px 15px;}
.country label{    color: rgb(60 66 87);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 7px;
}
.help a{color:#ff0000;}
.red-text{color:#ff0000;}
.site-box {
    display: flex;
    justify-content: space-between;
}
.site-box span{font-size:12px;}
.size-13{font-size:13px;}
.black-btn{ background-color:#837f7f;}
.confirm{padding:0;}
.template-scroll img{width:100%;}
.confirm-left{padding:30px 30px 30px 40px;}
.confirm h5{line-height:20px;}
.confirm p{margin-bottom:12px;}
.confirm label{font-size:14px; cursor:inherit;}
.bottom-foot p{position:relative; top:30px; font-weight: 600;}

/*scrollbar styles*/
.scrollbar {
  margin-left: 0px;
  float: left;
  height: 500px;
  width: 100%;
  background: #fff;
  overflow-y: hidden;
  margin-bottom: 0px;
}
.force-overflow {
  min-height: 500px;
}

.scrollbar-info::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px;
}

.scrollbar-info::-webkit-scrollbar {
  width: 5px;
  background-color: #F5F5F5;
}

.scrollbar-info::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #616464;
}

.scrollbar-info {
  scrollbar-color: #616464 #F5F5F5;
}

.scrollbar-secondary {
  scrollbar-color: #aa66cc #F5F5F5;
}

/*animate arrow styles*/
.select-main iframe{width:100%;}
.select-main .nav-tabs .nav-link{border:0 !important; margin-right:20px; padding:0px;}
.selectleft ul.nav-tabs{margin:0; padding:0; border:0 !important;}
.select-main .nav-tabs .nav-link.active{color:#ff0000;}
.template-scroll iframe{width:100%;}


/*my-account pages styles*/
/*.myaccount{background-image:url(../images/login-bg.png); background-repeat:no-repeat; background-position:center top; background-size: contain;}*/
.myaccount .account-bg{background-color:#ffffff; box-shadow:0px 0px 14px rgb(0 0 0 / 15%); padding:50px 48px; width:100%; margin:auto; border-radius:4px;}
.myaccount h3{font-weight:700; color:rgb(60 66 87);}
.myaccount .logo-inner{display:flex; justify-content:space-between;}
.myaccount label{color:rgb(60 66 87); font-size:14px; font-weight:600; line-height:20px; margin-bottom: 7px;}
.myaccount a.forget{color:#ff0000; font-size:14px; font-weight:600; text-decoration:none;}
.myaccount input{font-size:16px; color:#241d1d; padding:10px 20px; border-radius:4px;}
.myaccount span{color:#3c4257; font-size:14px; font-weight:600; margin-left:5px;}
.myaccount button{width:auto;}
.myaccount p{color:#3c4257; font-size:14px; font-weight:600; margin-left:10px;}
.myaccount p a{text-decoration:none; color:#ff0000; word-break:break-all;}
.myaccount p a:hover{text-decoration:underline;}
.myaccount .account-bg img{opacity:0.5;}
.myaccount span.red-text{color:#ff0000;}
.profile-menu a.nav-link{color:#000;}
.profile-menu .dd{margin-top:0;}
.profile-menu .navbar-nav .nav-link {
    font-weight: 700;
    letter-spacing: .2px;
	font-size:15px;
}
.profile-menu .navbar-nav .nav-link:hover{color:#ff0000;}
.profile-menu .navbar-nav .active .nav-link{color:#ff0000;}
.profile-menu .dd-a{background:transparent; padding:0; font-weight:400;}
.myaccount .row-bg{padding: 20px 10px 20px 10px }
.myaccount .row-bg span{float:right; font-weight:800;}

.myaccount div.file {
  position: relative;
  overflow: hidden;
}
.myaccount input[type="file"] {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
  cursor:pointer;
}
.myaccount .btn-red{background-color:transparent; border:#000000 1px solid; color:#000000; font-size:14px; font-weight:600; padding: 10px 16px;}

.btn-info{background-color:#ffffff; border: 0; border-radius: 4px !important; border:#ff0000 1px solid; overflow :hidden; position: relative; text-decoration: none; transition: .2s transform ease-in-out; will-change: transform; z-index: 0; color: #ff0000; border-radius: 0; padding: 10px 16px; font-size: 14px; font-weight: 600; } 
.btn-info::after{ background-color: #bb0202; border-radius: 0; content: ''; display: block; height: 100%; width: 100%; position: absolute; left: 0; top :0; transform :translate(-100%, 0) rotate(10deg); transform-origin: top left; transition :.2s transform ease-out; will-change: transform; z-index: -1; } 
.btn-info:hover::after{ transform: translate(0, 0); } 
.btn-info:hover{ border: #bb0202 1px solid; color: #ffffff; /*transform: scale(1.05); will-change: transform;*/ }
#ckeditor5{border: #dee2e6 1px solid; height: 250px;}
.site-footer{background-color:#F4F6F9; text-align:center; font-size:13px; padding:20px 0;}
.site-footer a{color:#ff0000; font-weight:700; text-decoration:none;}
.site-footer p{margin:0; font-size:14px;}
.bg-none{background-color:transparent;}
.profile-menu .dd-a i.fa-angle-down {
    font-size: 16px;
    color: #444343;
    position: relative;
    top: 3px;
    left: 3px;
}
.dataTables_length label{display:flex; align-items:center;}
.dataTables_length .custom-select{margin:0 7px;}
.dataTable i.fa-pen{color:#000000;}
.dataTable i.fa-check-circle{color: #01950c;}
.dataTable i.fa-trash{color:#ff0000;}
/*my-account pages styles close*/
.modal-content{border:#ff0000 2px solid;}
.modal-body div.file {
  position: relative;
  overflow: hidden;
}
.modal-body input[type="file"] {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
  cursor:pointer;
}
.modal-body .btn-red{background-color:transparent; border:#000000 1px solid; color:#000000; font-size:14px; font-weight:600; padding: 10px 16px;}
.modal{z-index:9999;}
table.dataTable{border:0 !important;}
table.dataTable thead th {
    background-color: #ee2e24;
	border:0;
    border-color: rgb(153 11 11 / 30%) !important;
    color: #ffffff;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 7px 20px !important;
	border:0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;
    font-size: 13px;
	font-weight: 700;
}
.page-item{padding:0 !important;}
.page-item .page-link {
    background-color: transparent;
    border: 0;
    border-radius: 0;
    outline: 0;
    box-shadow: none;
	font-size: 13px;
    font-weight: 600;
	color:#000000;
	padding:5px 10px;
}
.page-item .page-link:hover, .page-item.active .page-link{
     background: #ff0000 !important;
    border-color: #ff0000 !important;
    color: #ffffff !important;
}




@media (max-width:1199px){
	.container, .container-sm{max-width:100%;}
}
@media (max-width:900px){
.site-box{display:block;}	
.site-box span{display:block;}
}

@media (max-width:767px){
	.select-main .col-sm-6{width:50%; flex:50%;}
	.selectleft{text-align:left;}
	.selectleft ul{display:flex; justify-content:center;}
	.selectright{text-align: right !important;}
	.selectright .text-link {display: block; margin-top: 15px; margin-bottom: 15px;}
	.middle-block{padding:15px;}
	.middle-block label strong{flex-wrap: nowrap; display: flex;}
	.steps-main .col-sm-5, .steps-main .col-sm-6, .steps-main .col-sm-7, .steps-main .col-sm-10, .steps-main .col-sm-11{width:100%; flex:100%;}
	.selectleft a.back-btn{float:none; display:block; margin-bottom:10px;}
	.select-main img{width:100%;}
	.site-box{display:flex;}
	.select-main .tab-pane .col-sm-8{width: 80%; flex:80%}
	.select-main .tab-pane .col-sm-5{width: 60%; flex:60%;}
	.myaccount .row-bg .col-sm-3, .myaccount .row-bg .col-sm-5{flex:50%; max-width:50%;}
	.myaccount .row-bg .col-sm-6{flex:100%; max-width:100%; padding:0;}
	.myaccount .row-bg .col-sm-6 p{padding-left:0;}
        .selectleft ul.nav-tabs{display:none;}
        .select-main .pt-5.mt-3{padding-top:20px !important;}
	
}
@media (max-width:575px){
.profile-menu .navbar-toggler{color:#ff0000; box-shadow: none;}	
.profile-menu{
    position: absolute;
    top: 9px;
    right: 47px;
   background-color:#F4F6F9;
}
header .dd{position:absolute; right:5px; top:0;}
/*.profile-menu .collapse.navbar-collapse, .profile-menu .collapse:not(.show){ background-color:#ff0000;}*/
.profile-menu .dd{position:inherit;}
.profile-menu .navbar-nav .nav-link {
    color: #000000;
}
.profile-menu .navbar-nav .active .nav-link {
    color: #ff0000;
}
.selectright .btn.btn-danger{font-size:12px; padding: 10px 8px;}
}
@media (max-width:300px){
.select-main img{width:100%;}
}