body{
	font-family:'Open Sans';
	font-size:14px;
	font-weight:400;
}
input{outline:none;}
.sticky {
  position: fixed;
  top: 0;
  background-color:#fff;
  box-shadow:0 0 17px 0 rgba(0,0,0,.15);
}

.sticky + .content {
  padding-top: 112px;
}
.sticky + .content2 {
  padding-top: 190px;
  background-position: center 112px;
}

.top-links{background-color:#eeeced;float:left;width:100%;padding:.4em 0;}
.top-links a{font-weight:600;display:inline-block;color:#dc0e0e;text-decoration:none;font-size:1em;}
.top-links a:hover, .top-links a:focus{color:#000;}
.top-links .col-md-6:last-child{text-align:right;}

.logo{float:left;width:100%;position:relative;z-index:5;}
.search{float:left;width:100%;position:relative;overflow:hidden;border-bottom:3px solid #c0c0c0;}
.search input::placeholder{color:#a0a0a0;font-size:17px;}
.search input{width:100%;padding:10px 15px 10px 45px;border:0;font-weight:600;color:#a0a0a0;}
.search a{position:absolute;top:50%;left:0;transform:translateY(-50%);font-size:1.3em;color:#c0c0c0;height:50px;width:40px;line-height:50px;text-align:center;}

#cssmenu > ul{text-align:center;}
#cssmenu > ul > li{float:none;display:inline-block;}
#cssmenu > ul > li > a{text-transform:capitalize;font-weight:600;padding:0.7em 20px;letter-spacing:-.5px;}
#cssmenu > ul > li > ul {text-align:left;}
#cssmenu > ul > li > ul > li{float:left;}

.fixed-height{float:left;width:100%;z-index:1050;padding:1.3em 0;}
.fixed-height .col-md-2 > ul, .fixed-height .col-md-2 > ul ul {padding:0;list-style:none;}
.fixed-height .col-md-2 > ul > li > a{float:right;color:#e80f77;text-decoration:none;font-weight:600;font-size:17px;padding:0.5em 0;}
.fixed-height .col-md-2 > a:hover, .fixed-height .col-md-2 > a:focus{color:#eb5c91;}
.fixed-height .col-md-2 > ul > li > ul {position:absolute;top:100%;left:0;width:100%;background-color:#fff;z-index:2;visibility:hidden;opacity:0;transition:all .15s linear;box-shadow:0 6px 18px rgba(0,0,0,.25);border-radius:8px;overflow:hidden;border:1px solid #ddd;}
.fixed-height .col-md-2 > ul > li:hover > ul {visibility:visible;opacity:1;transition:all .15s linear;}
.fixed-height .col-md-2 > ul > li > ul > li > a{display:block;padding:.7em 1em .7em;text-decoration:none;background-color:#1f1b4e;color:#fff;border-bottom:1px solid #fff;}
.fixed-height .col-md-2 > ul > li > ul > li:last-child > a{border-bottom:0;}
.fixed-height .col-md-2 > ul > li > ul > li > a:hover, .fixed-height .col-md-2 > ul > li > ul > li > a:focus{color:#e80f77;}

.slider{float:left;width:100%;background-color:#1f1b4e;padding:1.5em 0;position:relative;min-height:280px;margin:0 0 6.5em;}
.slider.max{margin:0 0 34em;}
nav > .nav.nav-tabs{
	border: none;
    color:#fff;
    background:#272e38;
    border-radius:0;	
}
nav > div a.nav-item.nav-link
{
	border: none;
    padding: 18px 15px;
    color:#fff;
    border-radius:0;	
	text-align:center;
	text-decoration:none;
	font-weight:600;
	white-space:nowrap;
	background-color:#1f1b4e;
}
nav > div a.col-md-1{width:12.5%;}

nav > div a.nav-item.nav-link.active
{
	color:#eb5c91;
}
nav > div a.nav-item.nav-link .fas{display:block;font-size:3em;margin:0 0 .4em;}
.tab-content{
	background: #fff;
    padding:2em 1.5em 2.6em;
	border-radius:15px;
	margin:.5em 0 0;
	position:absolute;
	top:100%;
	box-shadow:0 0 9px 0px rgba(0,0,0,.2);
	min-height:200px;
}

nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus
{
  border: none;
    color:#eb5c91;
    border-radius:0;
    transition:background 0.20s linear;
}

.slider .tab-pane .col-md-9 .col-md-12 input[type="radio"]{margin:1em 0 1.9em;}
.custom-check {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius:4px;
}

/* Hide the browser's default checkbox */
.custom-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 23px;
  width: 25px;
  background-color: #fff;
  border:2px solid #ccc;
  border-radius:7px;
}

/* On mouse-over, add a grey background color */
.custom-check:hover input ~ .checkmark {
  background-color: #e80f77;
  border-color: #e80f77;
}

/* When the checkbox is checked, add a blue background */
.custom-check input:checked ~ .checkmark {
  background-color: #e80f77;
  border-color: #e80f77;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.custom-check input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.custom-check .checkmark:after {
  left: 7px;
  top: 4px;
  width: 7px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* The container */
.custom-radio {
  position: relative;
  padding-left: 30px;
	padding-right:15px;
  margin-bottom: 26px;
	margin-top:18px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.custom-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border-radius: 50%;
	border:2px solid #1f1b4e;
}

/* On mouse-over, add a grey background color */
.custom-radio:hover input ~ .checkmark2 {
  background-color: #1f1b4e;
}

/* When the radio button is checked, add a blue background */
.custom-radio input:checked ~ .checkmark2 {
  background-color: #1f1b4e;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark2:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.custom-radio input:checked ~ .checkmark2:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.custom-radio .checkmark2:after {
 	top: 1px;
	left: 1px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #e80f77;
	border:2px solid #fff;
}

.slider .tab-pane .col-md-9 .col-md-4, .slider .tab-pane .col-md-9 .col-md-3, .slider .tab-pane .col-md-9 .col-md-12{padding-left:0;}
.slider .tab-pane .col-md-9 .col-md-4 input, .slider .tab-pane .col-md-9 .col-md-3 input {margin-bottom:.8em;}
.slider .tab-pane label{font-size:1.13em;font-weight:600;letter-spacing:-.3px;}
.slider .tab-pane input[type="text"], .slider .tab-pane select{border:0;border-bottom:2px solid #dfdbdc;padding:1em 1.5em .8em .3em;width:100%;display:block;}
.slider .tab-pane select{color:#555;}
.slider .tab-pane input[type="submit"]{border:0;background-color:#eb5c91;color:#fff;width:100%;border-radius:8px;padding:.7em 1.5em;display:block;font-weight:600;text-transform:capitalize;font-size:16px;}
.slider .tab-pane input::placeholder{color:#888;font-weight:700;}
.slider .tab-pane input[type="submit"]:hover{background-color:#e80f77;}
.slider .tab-pane pre{color:#eb5c91;text-align:right;background:transparent;border:0;font-family:'Open Sans';font-weight:600;position:absolute;top:0;right:15px;font-size:12px;padding-right:0;}
.slider .tab-pane pre > a{text-decoration:none;color:#eb5c91;}
.slider .tab-pane pre > span{display:block;color:#999;margin-top:-4px;font-weight:400;}
.slider .tab-pane .col-md-3 {color:#e80f77;font-weight:600;}
.slider .tab-pane .col-md-3 .fas{margin:0 .2em 0 0;}
.slider .tab-pane .col-md-3 small{display:block;color:#999;line-height:15px;}
.slider .tab-pane .col-md-9 .col-md-3:nth-child(6) > a{color:#eb5c91;text-align:right;background:transparent;border:0;font-family:'Open Sans';font-weight:600;position:absolute;top:15px;right:15px;font-size:12px;padding-right:0;text-decoration:none;}
.slider .tab-pane .col-md-9 .col-md-3:nth-child(6) input:focus + ul.drop-table, .slider .tab-pane .col-md-9 .col-md-4:nth-child(3) a:focus ~ ul.drop-table{opacity:1;}
ul.drop-table{display:none;padding:0 .5em;list-style:none;background-color:#fff;position:absolute;top:100%;width:100%;left:0;z-index:3;}
ul.drop-table li {padding:.6em 0;border-bottom:1px solid #bbb;}
ul.drop-table li > a{color:#000;text-decoration:none;text-transform:capitalize;display:block;}
ul.drop-table li > a > img{width:30px;margin-right:.4em;}

.products{text-align:center;float:left;width:100%;margin:2.4em 0 0;}
.products a{display:block;text-decoration:none;border-radius:15px;overflow:hidden;}
.products .col-md-6:first-child a{height:403px;}
.products .col-md-6:last-child a{height:186.5px;margin:0 0 30px;}
.products .col-md-6:last-child a:last-child{margin:0;}
.products a > img{height:100%;object-fit:cover;width:100%;}

.about{float:left;width:100%;background-color:#eb5c91;text-align:center;padding:4em 0;margin:2em 0 0;}
.about i{color:#fff;display:block;font-size:7em;margin:0 0 .3em;}
.about p{color:#fff;margin:.5em 0 0;font-size:1em;line-height:1.5em;}
.about h3 {color: #fff;text-transform: capitalize;font-weight: 700;margin-top:0;margin-bottom: 10px;display: inline-block;position: relative;font-size:1.4em;}

.offer{float:left;width:100%;margin:4em 0;}
.offer a{display:block;height:310px;}
.offer a > img{height:100%;object-fit:cover;width:100%;}

.cool{float:left;width:100%;}
.cool .row, .cool .col-md-12{padding:0;margin:0;}
.cool img{width:100%;}

.what-we-do{position:relative;float:left;width:100%;background-color:#fff4f8;text-align:center;padding:3em 0;border-bottom:2px solid #dfdbdc;}
.what-we-do h2{margin-bottom:0;}
.what-we-do h3{margin-top:0;}
.what-we-do h2, .what-we-do h3{color:#eb5c91;font-weight:700;}
.what-we-do a
{
	border: none;
    padding: 18px 15px;
    color:#1f1b4e;	
	text-align:center;
	text-decoration:none;
	font-weight:600;
	white-space:nowrap;
	background-color:#fff;
	margin:4em 0;
	border-radius:25px;
	width:100%;
	display:block;
	box-shadow:0 2px 7px 0px rgba(0,0,0,.2);
	height:120px;
	line-height:120px;
}
.what-we-do a:hover, .what-we-do a:focus{color:#e80f77;}
.what-we-do .col-md-1{width:12.5%;}
.what-we-do a .fas{font-size:4.5em;}

.payment-section{float:left;width:100%;text-align:center;padding:3.5em 0;border-bottom:1px solid #dfdbdc;}
.payment-section i{color:#e80f77;display:block;font-size:3.2em;margin:0 0 .5em;}
.payment-section p{color:#b3a7a9;margin:.5em 0 0;font-size:1em;line-height:1.5em;font-weight:600;}
.payment-section h3 {color: #000;text-transform: capitalize;font-weight: 700;margin-top:0;margin-bottom: 10px;display: inline-block;position: relative;font-size:1.5em;}

footer{padding:3.7em 0 5.5em;float:left;width:100%;position:relative;background-color:#f3f3f3}
.foot-list ul{margin-top:20px;padding:0;list-style:none;}
.foot-list h4{display:inline-block;color:#1f1b4e;font-weight:700;text-transform:capitalize;font-size:20px;position:relative;}
.foot-list ul li{float:none;}
.foot-list ul li:last-child{border:0;}
.foot-list ul li a{text-transform:capitalize;color:#444;font-weight:600;display:block;margin:0 0 .7em;text-decoration:none;}
.foot-list ul li a:hover{color:#666;}
.foot-list p{margin:20px 0;width:70%;}
.foot-list a{text-decoration:none;}
.foot-list a > i {color:#1f1b4e;margin-right:3px;font-size:2.5em;}

.allrights{float:left;width:100%;}
.rights{padding:1.5em 0;}
.rights p {color:#999;text-transform:capitalize;margin-bottom:0;font-weight:600;font-size:1.1em;}
.rights p > a{color:#333;text-decoration:none;}
.rights p i{color:#eb5c91;}
.allrights img{float:right;margin:1.3em 0 0;}

.featured-section{
  position: relative;
  float:left;
  width:100%;
  padding:3em 0 0;
  text-align:center;
	background:linear-gradient(#5f51d8,#362c9f 26%,#f5dcf1);
}

.featured-section h2{margin-bottom:0;}
.featured-section h3{margin-top:0;}
.featured-section h2, .featured-section h3{color:#fff;font-weight:700;}
.testim .wrap {
    position: relative;
    width: 100%;
    /*max-width: 1020px;*/
    padding: 40px 20px;
    margin: auto;
}

.testim .arrow {
    display: block;
    position: absolute;
    color: #fff;
    cursor: pointer;
    font-size: 4.5em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease-in-out;    
    -ms-transition: all .3s ease-in-out;    
    -moz-transition: all .3s ease-in-out;    
    -o-transition: all .3s ease-in-out;    
    transition: all .3s ease-in-out;
    padding: 5px;
    z-index: 1;
}

.testim .arrow:before {
    cursor: pointer;
}

.testim .arrow:hover {
    color: #1f1b4e;
}
    

.testim .arrow.left {
    left: 10px;
}

.testim .arrow.right {
    right: 10px;
}

.testim .dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 60px;
    left: 0;
    display: block;
    z-index: 3;
    height: 12px;
	padding:0;
}

.testim .dots .dot {
    list-style-type: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #373737;
    margin: 0 2px;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;    
    -ms-transition: all .5s ease-in-out;    
    -moz-transition: all .5s ease-in-out;    
    -o-transition: all .5s ease-in-out;    
    transition: all .5s ease-in-out;
    position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
    background: #2b288d;
    border-color: #2b288d;
}

.testim .dots .dot.active {
    -webkit-animation: testim-scale .5s ease-in-out forwards;   
    -moz-animation: testim-scale .5s ease-in-out forwards;   
    -ms-animation: testim-scale .5s ease-in-out forwards;   
    -o-animation: testim-scale .5s ease-in-out forwards;   
    animation: testim-scale .5s ease-in-out forwards;   
}
    
.testim .cont {
    position: relative;
    overflow: hidden;
}

.testim .cont > div {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 70px 0;
    opacity: 0;
}

.testim .cont > div.inactive {
    opacity: 1;
}
    

.testim .cont > div.active {
    position: relative;
    opacity: 1;
}
    
.testim .cont div.img{
    width: 93px;
    height: 93px;
    margin: 0 auto 3em;
    border-radius: 50%;
	border:5px solid #fff;
	overflow:hidden;
}
.testim .cont div .img img {
    display: block;
	width:100%;
	margin:auto;
	object-fit:cover;
	height:100%;
}

.testim .cont div .h4 {
    color: #152452;
    font-size: 1.6em;
    margin: 15px 0 8px;
}

.testim .cont div p {
    font-size: 1.3em;
    color: #000;
    width: 80%;
    margin: auto;
	font-weight:600;
}

.testim .cont div.active .img img {
    -webkit-animation: testim-show .5s ease-in-out forwards;            
    -moz-animation: testim-show .5s ease-in-out forwards;            
    -ms-animation: testim-show .5s ease-in-out forwards;            
    -o-animation: testim-show .5s ease-in-out forwards;            
    animation: testim-show .5s ease-in-out forwards;            
}

.testim .cont div.active .h4 {
    -webkit-animation: testim-content-in .4s ease-in-out forwards;    
    -moz-animation: testim-content-in .4s ease-in-out forwards;    
    -ms-animation: testim-content-in .4s ease-in-out forwards;    
    -o-animation: testim-content-in .4s ease-in-out forwards;    
    animation: testim-content-in .4s ease-in-out forwards;    
}

.testim .cont div.active p {
    -webkit-animation: testim-content-in .5s ease-in-out forwards;    
    -moz-animation: testim-content-in .5s ease-in-out forwards;    
    -ms-animation: testim-content-in .5s ease-in-out forwards;    
    -o-animation: testim-content-in .5s ease-in-out forwards;    
    animation: testim-content-in .5s ease-in-out forwards;    
}

.testim .cont div.inactive .img img {
    -webkit-animation: testim-hide .5s ease-in-out forwards;            
    -moz-animation: testim-hide .5s ease-in-out forwards;            
    -ms-animation: testim-hide .5s ease-in-out forwards;            
    -o-animation: testim-hide .5s ease-in-out forwards;            
    animation: testim-hide .5s ease-in-out forwards;            
}

.testim .cont div.inactive .h4 {
    -webkit-animation: testim-content-out .4s ease-in-out forwards;        
    -moz-animation: testim-content-out .4s ease-in-out forwards;        
    -ms-animation: testim-content-out .4s ease-in-out forwards;        
    -o-animation: testim-content-out .4s ease-in-out forwards;        
    animation: testim-content-out .4s ease-in-out forwards;        
}

.testim .cont div.inactive p {
    -webkit-animation: testim-content-out .5s ease-in-out forwards;    
    -moz-animation: testim-content-out .5s ease-in-out forwards;    
    -ms-animation: testim-content-out .5s ease-in-out forwards;    
    -o-animation: testim-content-out .5s ease-in-out forwards;    
    animation: testim-content-out .5s ease-in-out forwards;    
}

@-webkit-keyframes testim-content-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -webkit-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-moz-keyframes testim-content-in {
    from {
        opacity: 0;
        -moz-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -moz-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-ms-keyframes testim-content-in {
    from {
        opacity: 0;
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -ms-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@-o-keyframes testim-content-in {
    from {
        opacity: 0;
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        -o-transform: translateY(0);        
        transform: translateY(0);        
    }
}

@keyframes testim-content-in {
    from {
        opacity: 0;
        transform: translateY(100%);
    }
    
    to {
        opacity: 1;
        transform: translateY(0);        
    }
}

@-webkit-keyframes testim-content-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-moz-keyframes testim-content-out {
    from {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -moz-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-ms-keyframes testim-content-out {
    from {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        -ms-transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@-o-keyframes testim-content-out {
    from {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
        transform: translateY(-100%);        
    }
}

@keyframes testim-content-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    
    to {
        opacity: 0;
        transform: translateY(-100%);        
    }
}

@-webkit-keyframes testim-show {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
}

@-moz-keyframes testim-show {
    from {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
}

@-ms-keyframes testim-show {
    from {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
}

@-o-keyframes testim-show {
    from {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
}

@keyframes testim-show {
    from {
        opacity: 0;
        transform: scale(0);
    }
    
    to {
        opacity: 1;
        transform: scale(1);       
    }
}

@-webkit-keyframes testim-hide {
    from {
        opacity: 1;
        -webkit-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-moz-keyframes testim-hide {
    from {
        opacity: 1;
        -moz-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
}

@-ms-keyframes testim-hide {
    from {
        opacity: 1;
        -ms-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
}

@-o-keyframes testim-hide {
    from {
        opacity: 1;
        -o-transform: scale(1);       
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes testim-hide {
    from {
        opacity: 1;
        transform: scale(1);       
    }
    
    to {
        opacity: 0;
        transform: scale(0);
    }
}

.sign{
     background-color:#1f1b4e;

}
.card{margin:3em 0 0;padding:2em 1.5em;border-radius:13px;box-shadow:0 13px 33px rgba(0,0,0,.15);}/*width:40%;margin:auto;*/
.card .form-group > .form-control{padding:.6em .5em .6em 1em!important;height:auto!important;border-left:0;border-right:0;border-top:0;border-color:#c0c0c0;border-width:2px;border-radius:0;}
#btnRegister{font-size:1em;padding:.4em 1.4em;margin-top:1em;background-color:;}
.card-header .img-responsive{margin:0 auto 2em;}
.sign input[type="text"],.sign input[type="password"], .sign select{font-size:.9em!important;}
.card .input-group-addon{width:38px;border:0;background-color:#fff;color:#1f1b4e;padding-left:0;}
.card .input-group{width:100%;}
.form-group small{font-size:.8em;}

/* Vertical Tabs */
.tab{border:1px solid #ddd;}
/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: .9em 1em;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  font-size: 14px;
  font-weight:400;
  letter-spacing:-.5px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #eee;
  font-weight:600;
  border-left:4px solid #e80f77;
}

/* Style the tab content */
.tabcontent {
  float: left;
  width: 100%;
  border-left: none;
  height: 225px;
  overflow:auto;
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th{font-size:13px;padding:6px 8px;}
.browse-label{margin:1.8em 0 .9em;color:#000;}
.disclaimer {
	position: absolute;
	bottom: -48px;
	left: 0;
	right: 0;
	background-color: #eee;
	padding: 1em;
	margin:0 15px 0 0;
}
.tabcontent .table{margin-bottom:0;}
.tabcontent .table tr th:nth-child(5){width:350px;}

.pl-0{padding-left:0;}
.pr-0{padding-right:0;}

.price-btn{text-transform:capitalize;color:#e80f77;border:1px solid #e80f77;background-color:#fff;border-radius:3px;display:block;text-align:center;padding:.5em;}
.price-btn:hover, .price-btn:focus{background-color:#e80f77;color:#fff;text-decoration:none;}

.breadcrumb{float:left;width:100%;background:linear-gradient(rgba(31,27,78,.85), rgba(31,27,78,.82)), url('../images/company.png') top center;background-attachment:fixed;background-size:cover;height:200px;border-radius:0;margin:0;}
.breadcrumb h1{color:#fff;margin-bottom:0;font-weight:300;letter-spacing:-1px;margin-top:1.5em;}
.breadcrumb ul{list-style:none;padding:0;margin:0;height:100%;}
.breadcrumb ul li a{text-decoration:none;color:#eb5c91;margin:0 .5em 0 0;text-transform:capitalize;}
.breadcrumb ul li:last-child a{color:#fff;pointer-events:none;}
.breadcrumb ul li{float:left;}

.about-page{float:left;width:100%;padding: 3em 0;}
.about-page h1{color:#000;letter-spacing:-1px;margin-top:0;margin-bottom:1em;}
.about-page h1 > span{color:#e80f77;}
.contact-details {
	padding: 0;
	margin: 0;
	background-color: #fff;
	min-height: 310px;
	border-radius: 4px;
}
.contact-details li {
	list-style: none;
	color: #555;
}
.contact-details li a {
	color: #1f1b4e;
	text-decoration: none;
	font-size: 1.1em;
	display: block;
}
.contact-details li:nth-child(3) a {padding-left:22px;}
.contact-details i {
	margin-right: 8px;
	color: #e80f77;
}
.contact-details hr {
	border-color: #c0c0c0;
	margin:10px 0;
}
.about-page iframe{width:100%;height:310px;}

.contact-form{float:left;width:100%;background:linear-gradient(rgba(31,27,78,.9),rgba(31,27,78,.92)), url('../images/company.png') top center;background-attachment:fixed;background-size:cover;padding:3em 0;}
.contact-form h1{color:#fff;text-align:center;text-transform:capitalize;font-weight:300;margin-bottom:1em;margin-top:0;letter-spacing:-1px;}
.contact-form .form-control {
	margin: 0 0 1.5em;
	resize: none;
	padding:1.5em!important;
	background-color:transparent;
	border:0;
	border-bottom:2px solid #c0c0c0;
	border-radius:0;
}
.contact-form textarea.form-control {
	height: auto;
}
.contact-form .btn-success {
	background-color: transparent;
	border: 0;
	color:#fff;
	font-weight:600;
	font-size:1.3em;
	padding:.8em 1.5em;
	border:1px solid #fff;
}
.contact-form .btn-success:hover{background-color:#e80f77;color:#fff;}
.about-page h4{margin-bottom:2em;margin-top:0;font-weight:600;letter-spacing:-.5px;position:relative;padding-left:3em;}
.about-page h4::after {
	overflow: hidden;
	background-image: url('../images/mobile.jpg');
	position: absolute;
	top: -8px;
	left: 0;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	border: 1px solid #c0c0c0;
	content: "";
	background-size: 12px;
	background-repeat: no-repeat;
	background-position: center;
}
.util-pagination{display:none!important;}
.top-nav-box{padding-top:0!important;background-color:transparent!important;}
.top-nav-box .util-navigation {
	top: 50%!important;
	right: 0;
	left: 0;
	transform:translateY(-50%);
}
.top-nav-box .util-navigation .util-prev, .top-nav-box .util-navigation .util-next{position:relative;font-size:1.5em;padding:1.3em .8em!important;background-color:rgba(255,255,255,.5)!important;}
.top-nav-box .util-navigation .util-prev{float:left;left:-1em;}
.top-nav-box .util-navigation .util-next{float:right;right:-1em;}

.pro-view{float:left;width:100%;text-align:left;padding:2em 0 0;}
.details{float:left;width:100%;background-color:#fff;padding-bottom:1em;}
.details span:first-child{display:block;text-transform:capitalize!important;font-size:1.9em!important;line-height:1.2em!important;color:#1f1b4e;letter-spacing:-1px;font-weight:600;margin-bottom:.5em;}
.details span:nth-child(2), .details span:nth-child(3), .details span:nth-child(4){display:inline-block;font-size:1.2em!important;padding-top:0;padding-bottom:0;}
.gray{background-color:#eee;}
.specification{float:left;width:100%;text-align:left;margin:2em 0;}

.sign2{background-color:#1f1b4e;}
.sign2, .sign2 .col-md-5, .sign2 .col-md-7, .sign3 .col-md-5, .sign3 .col-md-7, .sign4 .col-md-5, .sign4 .col-md-7{height:100vh;}
.sign2 .card, .sign3 .card, .sign4 .card{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:90%;margin-top:0;}
.sign .full-image{height:100vh;margin-right:-15px;background-image:url('../images/register.jpeg');background-position:center;background-size:cover;}
.sign2 .full-image{background-image:url('../images/forget.jpeg');height:100vh;background-size:cover;margin-right:-15px;}
.sign3 .full-image{background-image:url('../images/login.jpeg');height:100vh;background-size:cover;margin-right:-15px;}
.sign4{background-color:#1f1b4e;}
.sign4 .card{padding:2em;}
.sign3{
    /*background-color:#e80f77;*/
      background-color:#1f1b4e;
}
.thankyou{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;}
.thankyou h1{font-weight:600;letter-spacing:-1.5px;color:#fff;font-size:40px;}
.thankyou h5{color:#fff;}

@media(max-width:1199px){
	.top-links{padding:.5em 0;}
	#cssmenu > ul > li > a{padding:.7em 8px;font-size: 15px;}
	.fixed-height .col-md-2 > a{font-size: 15px;}
	nav > div a.nav-item.nav-link{padding:18px 0;font-size: 13px;}
	.about i{font-size:6em;}
	.what-we-do a{line-height:110px;}
	.what-we-do a .fas{font-size:3em;}
	.testim .arrow{font-size:3.5em;}
	.disclaimer{font-size:13px;}
	.tabcontent .table tr th:nth-child(5){width:280px;}
}
@media(max-width:991px){
	.top-links{padding:.5em 0;}
	.fixed-height{padding:1em 0;}
	.what-we-do{padding:3em 0 5em;}
	.what-we-do .col-sm-3{width:25%;}
	.what-we-do a{margin:3em 0 0;}
	.top-links a{padding:8px 0;}
	.top-links a > i{height:25px;width:25px;line-height:24px;}
	nav > div a.nav-item.nav-link{white-space:normal;height:116px;}
	.custom-check{margin-top:1.5em;}	
	.tab-content{position:static;float:left;width:100%;}
	.slider{margin-bottom:1em;padding:1.5em 0 3em;}
	.products{margin:3em 0 2em;}
	.testim .arrow{font-size:3em;}
	.payment-section h3{font-size:1.3em;}
	.foot-list a > i{margin-right:0;font-size:2em;}
	.foot-list p{width:100%;}
	#cssmenu > ul{text-align:right;}
	#cssmenu > ul > li:last-child > a{padding-right:0;}
	.tab-content{min-height:316px;}
	/*.card{width:52%;}*/
	.tabcontent .table tr th:nth-child(5){width:149px;}
}
@media(max-width:767px){
	.fixed-height{padding:1.3em 0 .8em;}
	.top-links a{font-size:14px;padding:4px 0;}
	.logo img{max-width:none;width:167px;margin:auto;}
	.search{margin:1em 0;}
	.slider.max{padding-bottom:0;margin-bottom:0;height:auto;}/*height:550px; margin-bottom:5em;*/
	.slider{padding-bottom:0;height:550px;margin-bottom:5em;}
	#cssmenu > ul{text-align:center;}
	#cssmenu #menu-button{padding:40px 0 0;}
	#cssmenu > ul > li > a, #cssmenu > ul > li:last-child > a{padding:13px 10px!important;font-size:14px!important;text-align:right;}
	#cssmenu ul ul li a{color:#373737!important;padding:7px 10px 7px 25px!important;}
	#cssmenu ul ul li a{color:#000!important;}
	#cssmenu ul ul ul li a{padding-left:24px!important;background-color:#f2f2f2;}
	#cssmenu > ul,#cssmenu > ul > li, #cssmenu > ul > li > ul > li, #cssmenu > ul > li > ul {text-align:left;float:left;background-color:#fff;}
	#cssmenu #menu-button::before, #cssmenu #menu-button::after {right:0;}
	.what-we-do .col-xs-3{width:25%;}	
	.products .col-md-6:first-child a, .products .col-md-6:last-child a{margin-bottom:20px;height:auto;}
	.offer{margin:3em 0 2em;}
	.offer a{margin-bottom:20px;height:auto;}
	.featured-section{padding:0;}
	.featured-section h2{margin-top:2em;}
	.payment-section p{margin-bottom:3em;}
	.allrights{padding-bottom:1.5em;}
	.about i{font-size:5.5em;}
	.about .col-md-4:first-child p, .about .col-md-4:nth-child(2) p{margin-bottom:3em;}
	.what-we-do a{margin:1em 0;height:auto;line-height:normal;}
	.what-we-do a .fas{font-size:2em;}
	nav > div a.nav-item.nav-link{height:90px;padding:18px 0 0;font-size:13px;line-height:17px;}
	nav > div a.nav-item.nav-link .fas{font-size:2em;}
	nav > div a.col-xs-3{width:25%;}
	footer{padding:2em 0 4em;}
	.foot-list a{margin:0 0 .7em;}
	.foot-list h4{margin-top:1.5em;}
	.foot-list ul{margin-top:5px;}
	.foot-list ul li a{padding-left:1em;}
	.testim .arrow{font-size:2em;}
	.tab-content{min-height:423px;}
	/*.card{width:345px;}*/
	.pl-0, .pr-0{padding:0;}
	.disclaimer{margin:0;position:static;float:left;}
	.tabcontent .table tr th, .tabcontent .table tr td:nth-child(5){white-space:nowrap;}
	.price-btn{width:80px;}
	.sign{overflow:auto;}
	.sign .col-md-5, .sign2 .col-md-5, .sign3 .col-md-5{display:none;}
	.card{margin:1em 0;}
	.contact-form h1{font-size:30px;}
	.about-page h1{margin-bottom:.7em;}
	.about-page iframe{margin:1.5em 0 0;}
	.contact-form .form-control{padding:1.5em .8em!important;}
	.tab-pane .col-xs-12{padding:0;}
	.h-93{height:93px;}
	.sign4 .col-md-5, .sign4 .col-md-7{height:auto;}
	.sign4 .card, .thankyou{position:initial;width:100%;transform:translate(0,0);}
	.thankyou{margin:0 0 1.6em;float:left;}
	.details span:first-child{margin-top:1em;font-size:1.5em!important;}
	label i{display:none!important;}
	main label{padding:10px;display:inline-block;}
}
@media(max-width:649px){
	.top-links .col-md-6{width:100%;}
	.top-links .col-md-6:last-child{text-align:left;}
}