@charset "utf-8";
/* CSS Document */



html, html a {     -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;	 }

body
{
	margin:0px;
	padding:0px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'Poppins', sans-serif;
	color:#4c585e;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



.glyphicon {
    font-family: inherit;
}
.glyphicon:before{
    font-family:'Glyphicons Halflings';
}



@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("../webfonts/fa-regular-400.eot");
  src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }


.far {
  font-family: 'Font Awesome 5 Free';
}

.form-box
{
	float:left;
	width:100%;
	height:auto;
}

.field {
	float:left;
	width:100%;
	height:auto;
	display:block;
	margin-bottom:15px;
	vertical-align:middle;
}


.field label {
	float:left;
	width:100%;
	height:auto;
	display:block;
	margin:0px 0px 7px 0px;
	padding:0px;
	font-size:15px;
	color:#0373ee;
	font-weight:500;
	vertical-align:middle !important;
}
.field label svg
{
	color:#0474ee;
	margin:0px 0px 0px 5px;
}
.field h2 {
	float:left;
	width:100%;
	height:auto;
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:18px;
	font-weight:500;
	text-align:left;
	color:#4c585e;
}

.field h3 {
	float:left;
	width:100%;
	height:auto;
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:16px;
	font-weight:500;
	text-align:left;
	color:#4c585e;
}

.field p {
	float:left;
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	font-size:14px;
	font-weight:400;
	text-align:left;
	color:#4c585e;
}

.field input {
		background:#ffffff !important;
	border:none;
	width:100%;
	text-align:left;
	padding:10px;
	font-weight:400;
	color:#2c2a2b;
	margin-bottom:2px;
	border-radius:5px;
	box-shadow:0px 4px 6px rgba(169, 212, 236, 0.37);
}

.field select {
	background:#FFF;
	border:none;
	width:100%;
	text-align:left;
	padding:11px;
	font-weight:400;
	color:#2c2a2b;
	margin-bottom:2px;
	border-radius:5px;
	box-shadow:0px 4px 6px rgba(169, 212, 236, 0.37);
}

.field textarea {
	background:#FFF;
	border:none;
	width:100%;
	text-align:left;
	padding:10px;
	font-weight:400;
	color:#2c2a2b;
	margin-bottom:2px;
	border-radius:5px;
	box-shadow:0px 4px 6px rgba(169, 212, 236, 0.37);
}



#form-messages
{
	float:left !important;
	width:100% !important;
	height:auto !important;
	text-align:center !important;
	font-size:18px !important;
	font-weight:200px !important;
}



/*end default css*/


/*login css*/

a
{
	color:#0474ee;
}
.logo
{
	display:inline-block;
	width:100%;
}
.logo a
{
	text-decoration:none;
	font-size:24px;
	color:#0373ee;
	font-weight:700;
}

.wrapper
{
	float:left;
	width:100%;
	height:auto;
}

.main-wrapper
{
	float:left;
	width:100%;
	height:auto;
}


.main-bg
{
	background:#f1f5f8;
}


.user-login-box
{
	float:left;
	width:100%;
	background:#FFF;
	padding:30px;
	box-shadow:0px 10px 16px rgba(110, 147, 175, 0.18);
}



.nav-tabs {
  border-bottom: 1px solid #f0f5f9;
  margin:0px 0px 30px 0px !important;
  display:block;
  position:relative;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
  text-align:center;
  width:50%;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 0px !important;
  color:#b5b5cf;
  text-decoration:none;
}
.nav-tabs > li > a:hover {
  border-color: none !important;
  background:none !important;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
   display: block;
    text-decoration: none;
    color: #0373ee  !important;
    font-weight: 500;
	border:none !important;
	background:none !important;
}


.nav-tabs-2 {
  border-bottom: 1px solid #f0f5f9;
  border-radius: 0px !important;
  padding:30px;
}
.nav-tabs-2 > li {
  float: left;
  margin-bottom: -1px;
  text-align:center;
  width:auto;
  padding:0px 15px;
  border-radius: 0px !important;
}
.nav-tabs-2 > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 0px !important;
  color:#b5b5cf;
  text-decoration:none;
   
}
.nav-tabs-2 > li > a:hover {
  border-color: none !important;
  background:none !important;
}
.nav-tabs-2 > li.active > a,
.nav-tabs-2 > li.active > a:hover,
.nav-tabs-2 > li.active > a:focus {
   display: block;
    text-decoration: none;
    color: #0373ee  !important;
    font-weight: 500;
	border-radius: 0px !important;
	border-bottom:2px solid #0373ee !important;
	background:none !important;
	
}


.nav-tabs-3 {
   border-bottom:1px solid #0373ee;
 
  border-radius: 0px !important;
  float:left;
  width:100%;
text-align:center;

}
.nav-tabs-3 > li {
 display:inline-block !important;
  margin-bottom: -1px;
  text-align:center;
  padding:0px 15px 10px;

}
.nav-tabs-3 > li > a {

  border: 1px solid transparent;
  color:#FFF;
  text-decoration:none;
  background:#b5b5cf;
  border-radius:30px !important;
  width:24px;
  height:24px;
  padding:3px 0px 0px !important;
  line-height:auto !important;
  text-align:center;
  font-size:11px;

}
.nav-tabs-3 > li > a:hover {
  border-color: none !important;
  background:#0373ee   !important;
}
.nav-tabs-3 > li.active > a,
.nav-tabs-3 > li.active > a:hover,
.nav-tabs-3 > li.active > a:focus {
   display: block;
   background:#0373ee   !important;
    text-decoration: none;
    color: #FFF  !important;
    font-weight: 500;



}
/*
.nav-tabs-3 > li.active
{
	
border-bottom:2px solid #0373ee !important;

}
.nav-tabs-3 > li a.active
{
	
	border-bottom:2px solid #0373ee !important;
	 background:#0373ee   !important;
	 color: #FFF  !important;
}
*/
@media screen and (max-width: 1024px) {

.nav-tabs-3 {
  display:none;

}
}

.nav-tabs-4 {
  border-bottom: 1px solid #f0f5f9;
  margin:0px 0px 30px 0px !important;
  display:block;
  position:relative;
}
.nav-tabs-4 > li {
  float: left;
  margin-bottom: -1px;
  text-align:center;
  width:auto !important;
}
.nav-tabs-4 > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 0px !important;
  color:#b5b5cf;
  text-decoration:none;
}
.nav-tabs-4 > li > a:hover {
  border-color: none !important;
  background:none !important;
}
.nav-tabs-4 > li.active > a,
.nav-tabs-4 > li.active > a:hover,
.nav-tabs-4 > li.active > a:focus {
   display: block;
    text-decoration: none;
    color: #0373ee  !important;
    font-weight: 500;
	border:none !important;
	background:none !important;
}


.input-group-addon {
    padding:10px !important;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #0373ee !important;
    text-align: center;
    background-color: #f0f5f9 !important;
    border: 1px solid #f0f5f9 !important;
   border-radius:4px 0px 0px 4px !important;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding:18px 14px !important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #0373ee !important;
    background-color: #fff;
    background-image: none;
    border: 1px solid #f0f5f9 !important;
    border-radius:0px 4px 4px 0px !important;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.tab-content
{
	padding:0px 0px 0px;
}


.fb-login
{
	display:block;
	width:100%;
	background:#3b5998;
	color:#FFF;
	border-radius:4px;
	text-align:center;
	padding:10px;
	border:none;
	text-decoration:none;
	margin:0px 0px 10px 0px;
}


.linked-login
{
	display:block;
	width:100%;
	background:#74C3FF;
	color:#FFF;
	border-radius:4px;
	text-align:center;
	padding:10px;
	border:none;
	text-decoration:none;
	margin:0px 0px 10px 0px;
}
.google-login
{
	display:block;
	width:100%;
	background:#4285f4;
	color:#FFF;
	border:none;
	border-radius:4px;
	text-align:center;
	padding:10px;
	text-decoration:none;
}

.fb-login:hover, .google-login:hover,.linked-login:hover
{
	color:#FFF;
	text-decoration:none;
}

.seperator
{
	float:left;
	width:100%;
	padding:15px 0px;
}

.seperator p
{
	font-size:14px;
	color:#9a9abe;
	margin:0px;
	padding:0px;
}

.login-btn
{
	background:#0474ee;
	display:inline-block;
	width:auto;
	color:#FFF;
	border-radius:40px;
	text-align:center;
	padding:10px 47px;
	text-decoration:none;
	margin:0px 0px 10px 0px;
	border:none;
}

.reset-btn
{
	background:#0474ee;
	display:inline-block;
	width:auto;
	color:#FFF;
	border-radius:40px;
	text-align:center;
	padding:10px 15px;
	text-decoration:none;
	margin:0px 0px 10px 0px;
	border:none;
}


/*end login css*/

/*start dashboard css*/
.main-dashboard-bg
{
	background:#fcfdfe;
}
.main-dashboard-container
{
	float:left;
	width:100%;
	border-radius:10px !important;
	background:#FFF;
	box-shadow:0px 3px 15px rgba(137, 160, 178, 0.27);
}

.main-dashboard-left
{
	position:relative;
	width:100%;
}

.user-picture-box
{
	position:relative;
	width:100%;
	height:auto;
}

.user-picture
{
	display:inline-block;
	position:relative;
	height:auto;
	width:120px;
	height:120px;
	border-radius:100%;
	background:#f1f5f8 url('../images/user-bg.jpg') no-repeat center center;
}

.user-picture img
{
	width:100%;
	height:120px;
	border-radius:100%;
}

.add-picture
{
	position:absolute;
	width:24px;
	height:24px;
	background:#75a500;
	color:#FFF;
	bottom:0px;
	margin:0px auto;
	left:0px;
	right:0px;
	cursor:pointer;
	padding:2px 0px 0px 0px;
}
.user-name-box
{
	float:left;
	width:100%;
	margin:10px 0px 30px 0px;
}

.user-name-box h2
{
	float:left;
	width:100%;
	color:#0373ee;
	font-size:20px;
	font-weight:500;
	margin:0px;
}

.dashboard-nav
{
	float:left;
	width:100%;
	padding:0px 0px 30px 30px;
}

.dashboard-nav ul
{
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
}

.dashboard-nav ul li
{
	float:left;
	width:100%;
	margin:0px 0px 10px 0px;
	padding:0px;
	list-style:none;
}

.dashboard-nav ul li a
{
	float:left;
	width:100%;
	padding:10px 15px;
	color:#9a9abe;
	text-decoration:none;
}

.dashboard-nav ul li a:hover, .dashboard-nav ul li a.active
{
	background:#f0f5f9;
	color:#0373ee;
	-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
transition:.5s;
}

.dashboard-nav ul li a svg
{
	margin:0px 5px 0px 0px;
}


.main-dashboard-right
{
	float:left;
	width:100%;
	height:auto;
	background:#f0f5f9;
	min-height:650px;
}

.main-dashboard-header
{
	float:left;
	width:100%;
	padding:25px;
	border-bottom:1px solid #0373ee;
}

.main-dashboard-header h2
{
	color:#4c585e;
	margin:0px;
	padding:5px 0px 0px 0px;
	font-size:16px;
	font-weight:600;
}

.main-dashboard-header h3
{
	color:#0373ee;
	margin:0px;
	padding:5px 0px 0px 0px;
	font-size:22px;
	font-weight:600;
}
@media screen and (max-width: 1024px) {
.main-dashboard-header h2
{
	color:#4c585e;
	margin:0px;
	padding:5px 0px 10px 0px;
	font-size:16px;
	font-weight:600;
}

.main-dashboard-header h3
{
	color:#0373ee;
	margin:0px;
	padding:5px 0px 10px 0px;
	font-size:22px;
	font-weight:600;
}	
}
.header-search
{
	float:left;
	width:100%;
	background:#FFF;
	border-radius:5px;
	border:none;
	padding:7px 10px;
}

.date-box
{
	float:left;
	width:100%;
}

.date-box p
{
	color:#4c585e;
	margin:0px;
	padding:5px 0px 0px 0px;
	font-size:14px;
	font-weight:400;
}

.date-box p svg
{
	margin:0px 5px 0px 0px;
}
@media screen and (max-width: 1024px) {

.date-box p
{
	color:#4c585e;
	margin:0px;
	padding:10px 0px;
	font-size:14px;
	font-weight:400;
	text-align:left;
}	
}

.content
{
	float:left;
	width:100%;
	color:#4c585e;
}

.content h2
{
	color:#0373ee;
	margin:0px 0px 10px;
	padding:0px;
	font-size:18px;
	font-weight:700;
	line-height:30px;
}


.content h3
{
	color:#4c585e;
	margin:0px 0px 20px;
	padding:0px;
	font-size:16px;
	font-weight:500;
	line-height:30px;
}

.content h4
{
	color:#4c585e;
	margin:10px 0px 20px;
	padding:0px;
	font-size:16px;
	font-weight:700;
	line-height:30px;
}

.content h5
{
	color:#4c585e;
	margin:0px;
	padding:0px;
	font-size:16px;
	font-weight:700;
	line-height:30px;
}

.content h6
{
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
}

.content p
{
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
}

.content ul
{
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
}

.content ul li
{
	float:left;
	width:100%;
	margin:0px;
	padding:0px 0px 15px 0px;
	list-style:none;
	font-size:14px;
}

.content ul li span
{
	font-size:14px;
	font-weight:600;
}

.br-blue-left
{
	border-left:10px solid #0474ee;
}


.white-panel
{
	float:left;
	width:100%;
	padding:17px 15px;
	background:#FFF;
	border-radius:15px;
	margin:0px 0px 15px 0px;
}
.white-panel img
{
	display:inline-block;
	width:35px;
	margin:5px 3px  0px 0px;
	vertical-align:middle;
	text-align:center;
}
.white-panel h2
{
	color:#0373ee;
	margin:0px;
	padding:0px;
	font-size:16px;
	font-weight:600;
	line-height:30px;
	display:inline-block;
	width:100%;

}
.white-panel h3
{
	color:#0373ee;
	margin:0px;
	padding:0px;
	font-size:16px;
	font-weight:500;
	line-height:30px;
	display:inline-block;
	width:100%;
}
.white-panel h4
{
	color:#0373ee;
	margin:0px;
	padding:0px;
	font-size:16px;
	font-weight:500;
	line-height:30px;
	display:inline-block;
	width:100%;
}

.white-panel h4 img
{
	width:24px;
}

.white-panel h5
{
	display:inline-block;
	width:100%;
	width:auto;
	margin:0px;
	padding:0px;
	color:#999999;
	font-weight:400;
	font-size:12px;
}

.white-panel ul
{
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
	text-align:center;
}

.white-panel ul li
{
	margin:0px;
	padding:0px 15px;
	list-style:none;
	color:#999999;
	font-size:12px;
	display:inline-block;
	line-height:26px;
	text-align:center;
}

.white-panel ul li span
{
	float:left;
	width:100%;
	color:#0373ee;
	font-size:15px;
	font-weight:600;
	text-align:center;
}

.white-panel-2
{
	float:left;
	width:100%;
	padding:20px 15px;
	background:#FFF;
	border-radius:15px;
}

.white-panel-3
{
	float:left;
	width:100%;
	padding:30px;
	background:#FFF;
}


.white-panel-4
{
	float:left;
	width:100%;

	background:#FFF;
	border-radius:15px;
	margin:0px 0px 15px 0px;
	border:1px solid #0474ee;
}

.white-panel-5
{
	float:left;
	width:100%;
	padding:20px 15px;
	background:#FFF;
	border-radius:15px;
	margin:0px 0px 15px 0px;
}
.white-panel-5 img
{
	width:40px;
	margin:5px 5px  10px 0px;
	vertical-align:middle;
	
}
.white-panel-5 h2
{
	color:#0373ee;
	margin:0px;
	padding:0px;
	font-size:16px;
	font-weight:600;
	line-height:30px;
	float:left;
	width:100%;
	line-height:30px;
}
.white-panel-5 h3
{
	color:#0373ee;
	margin:0px;
	padding:0px;
	font-size:16px;
	font-weight:500;
	line-height:30px;
	float:left;
	width:100%;
}
.white-panel-5 h4
{
	color:#0373ee;
	margin:0px;
	padding:0px;
	font-size:16px;
	font-weight:500;
	line-height:30px;
	float:left;
	width:100%;
}

.white-panel-5 h4 img
{
	width:24px;
	
}

.white-panel-5 h5
{
	float:left;
	width:auto;
	margin:0px;
	padding:0px;
	color:#999999;
	font-weight:400;
	font-size:12px;
	float:left;
	width:100%;
	line-height:30px;
}

.digit
{
	float:left;
	width:100%;
}

.digit h2
{
	float:left;
	width:100%;
	color:#0373ee;
	font-size:70px;
	text-align:center;
}

.digit h2 span
{
	font-size:20px;
}

.digit h3
{
	float:left;
	width:100%;
	color:#0373ee;
	font-size:40px;
	text-align:center;
	font-weight:400;
	margin:0px;
	padding:0px;
}

.digit h3 span
{
	font-size:20px;
}

.digit h5
{
	float:left;
	width:100%;
	font-size:14px;
	text-align:center;
	margin:5px 0px 0px 0px;
	padding:0px;
	
}

@media screen and (max-width: 1024px) {
.digit
{
	float:left;
	width:100%;
	margin:10px 0px;
}


.white-panel
{
	text-align:center;
}
.centered-img
{
	float:left;
	width:100%;
	text-align:center !important;
}
	
}

.web-title
{
	float:left;
	width:100%;
	margin:0px 0px 10px;
}

.web-title h2
{
	color:#0373ee;
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:22px;
	font-weight:600;
	line-height:30px;
}

.web-title p
{
	color:#4c585e;
	margin:0px;
	padding:0px;
	font-size:14px;
	font-weight:400;
	line-height:20px;
}

/*website buttons and icons*/
.website-btn-big 
{
	background:#0474ee;
	display:inline-block;
	width:auto;
	color:#FFF;
	border-radius:40px;
	text-align:center;
	padding:20px 60px;
	text-decoration:none;
	margin:0px 0px 10px 0px;
	text-transform:uppercase;
	font-weight:600;
	border:none;
}

.website-btn
{
	background:#0474ee;
	display:inline-block;
	width:auto;
	color:#FFF;
	border-radius:40px;
	text-align:center;
	padding:13px 50px;
	text-decoration:none;
	margin:0px 0px 10px 0px;
	text-transform:uppercase;
	font-weight:600;
	border:none;
}

.website-btn-2
{
	background:#0373ee;
	display:inline-block;
	width:auto;
	color:#FFF;
	border-radius:40px;
	text-align:center;
	padding:13px 50px;
	text-decoration:none;
	margin:0px 0px 10px 0px;
	text-transform:uppercase;
	font-weight:600;
	border:none;
}

.website-btn-3
{
	background:#0474ee;
	display:inline-block;
	width:auto;
	color:#FFF;
	border-radius:7px;
	text-align:center;
	padding:5px 15px;
	text-decoration:none;
	margin:0px 0px 10px 0px;
	text-transform:uppercase;
	font-weight:600;
	border:none;
}


.back-btn-disabled
{
	display:inline-block;
	border:2px solid #4c585e;
	background:none;
	color:#4c585e;
	border-radius:4px;
	text-align:center;
	padding:8px 15px;
	text-decoration:none;
	margin:0px 5px 10px 5px;
}

.back-btn
{
	display:inline-block;
	border:2px solid #0474ee;
	background:none;
	color:#0474ee;
	border-radius:4px;
	text-align:center;
	padding:14px 45px;
	text-decoration:none;
	margin:0px 5px 10px 5px;
}

.next-btn
{
	display:inline-block;
	border:2px solid #0474ee;
	background:#0474ee;
	color:#FFF;
	border-radius:4px;
	text-align:center;
	padding:14px 45px;
	text-decoration:none;
	margin:0px 5px 10px 5px;
}

.select-btn
{
	display:inline-block;
	border:2px solid #b5b5cf;
	background:none;
	color:#b5b5cf;
	border-radius:4px;
	text-align:center;
	padding:8px 15px;
	text-decoration:none;
	margin:0px 5px 10px 5px;
}

.selected-btn
{
	display:inline-block;
	border:2px solid #0474ee;
	background:#0474ee;
	color:#FFF;
	border-radius:4px;
	text-align:center;
	padding:8px 15px;
	text-decoration:none;
	margin:0px 5px 10px 5px;
}

.selected-btn-2
{
	display:inline-block;
	border:2px solid #0474ee;
	background:#0474ee;
	color:#FFF;
	border-radius:4px;
	text-align:center;
	padding:8px 15px;
	text-decoration:none;
	width:100%;
}
.selected-location
{
	display:inline-block;
	border:1px solid #0474ee;
	background:none;
	color:#0474ee;
	border-radius:4px;
	text-align:center;
	padding:2px 5px;
	text-decoration:none;
	margin:0px 5px 10px 5px;
}

.selected-location svg
{
	margin:0px 0px 0px 5px;
}

.pay-btn-1
{
	background:#09044e;
	display:inline-block;
	width:auto;
	color:#FFF;
	border-radius:40px;
	text-align:center;
	padding:10px 30px;
	text-decoration:none;
	margin:0px 0px 10px 0px;
	text-transform:uppercase;
	font-weight:600;
	border:none;
}

.pay-btn-2
{
	background:#0474ee;
	display:inline-block;
	width:auto;
	color:#FFF;
	border-radius:40px;
	text-align:center;
	padding:10px 30px;
	text-decoration:none;
	margin:0px 0px 10px 0px;
	text-transform:uppercase;
	font-weight:600;
	border:none;
}

.pay-btn-1 svg, .pay-btn-2 svg
{
	margin:0px 5px 0px 0px;
}

.done-btn
{
	display:inline-block;
	border:2px solid #0474ee;
	background:#0474ee;
	color:#FFF;
	border-radius:4px;
	text-align:center;
	padding:14px 45px;
	text-decoration:none;
	margin:0px 5px 10px 5px;
}

.anchor
{
	color:#0373ee;
}

.website-icon-1
{
	font-size:40px;
	display:inline-block;
	margin:0px 0px 30px 0px;
	color:#0474ee;
}
.website-icon-2
{
	font-size:40px;
	display:inline-block;
	margin:0px 0px 30px 0px;
	color:#0373ee;
}

.website-icon-3
{

	display:inline-block;
	margin:30px 0px;
	background:#FFF;
	padding:20px;
}
.website-icon-4
{
	font-size:40px;
	display:inline-block;
	color:#0474ee;
	padding:20px 0px 20px 0px;
}

.website-icon-5
{
	font-size:40px;
	display:inline-block;
	color:#0474ee;
}
.switch {
  position: relative !important;
  display: inline-block !important;
  width: 52px !important;
  height: 26px !important;
  float:none  !important;
}

.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: 18px;
  width: 18px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #0474ee;
}

input:focus + .slider {
  box-shadow: 0 0 1px #0474ee;
}

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%;
}


.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  background: #FFF !important;
    border: 1px solid #0474ee !important;
    box-shadow: none !important;
	padding:0px;
	font-size:30px;
	text-align:center;
	cursor:pointer !important;
	border-radius:5px;
	width:100%;
	min-height:130px;

	max-height:130px;
}

.upload-btn-wrapper svg
{
	float:left;
	font-size:70px;
	color:#0474ee;
	display:inline-block;
	width:100%;
	
}

.btn {
  border: 2px solid gray;
  color: gray;
  background-color: white;
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 20px;
  font-weight: bold;
  
  cursor:pointer !important;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor:pointer !important;
}



.google-box
{
	float:left;
	width:100%;
	padding:15px;
	background:#FFF;
	border-radius:4px;
	margin:0px 0px 40px 0px;
	box-shadow:0px 4px 6px rgba(169, 212, 236, 0.37);
	
}

.google-box h2
{
	color:#4236ba;
	margin:0px;
	padding:0px 0px 10px;
	font-size:16px;
}

.google-box h3
{
	color:#448f5c;
	margin:0px;
	padding:0px 0px 10px;
	font-size:12px;
	border-radius:4px;
}

.google-box h3 span
{
	padding:3px;
	border:1px solid #448f5c;
	border-radius:4px;
}

.google-box p
{
	color:#4c585e;
	margin:0px;
	padding:0px;
	font-size:14px;
}

.dummy-content
{
    float:left;
	width:100%;
}
.dummy
{
	width: 100%;
    height: 6px;
	margin:0px 0px 10px 0px;
    background-color: #f2f2f2;
}

.featured-image
{
	 float:left;
	width:100%;
	margin:0px 0px 20px 0px;
}

.featured-image img
{
	width:100%;
}

.facebook-box
{
	float:left;
	width:100%;
	padding:15px;
	background:#FFF;
	border-radius:4px;
	margin:0px 0px 40px 0px;
	box-shadow:0px 4px 6px rgba(169, 212, 236, 0.37);
	
}

.fb-header
{
	float:left;
	width:100%;
	margin:0px 0px 20px 0px;
}

.fb-header img
{
	vertical-align:middle;
	width:40px;
	border-radius:50px;
}

.fb-header h2
{
	margin:0px;
	padding:0px 0px 10px 0px;
	font-size:16px;
	font-weight:400;
	color:#385898;
}

.fb-header h3
{
	margin:0px;
	padding:0px;
	font-size:12px;
	font-weight:400;
	color:#606770;
}

.fb-content
{
	float:left;
	width:100%;
	padding:10px;
	background:#e9ebee;
}

.fb-content h5
{
	color: #4F5050;
    font-size: 9px;
    text-transform: uppercase;
}

.fb-content h5
{
	color: #4F5050;
    font-size: 11px;
	font-weight: 400;
}
.fb-content-btn
{
	color: #4b4f56;
    width: auto;
    border: 1px solid #bec3c9;
    padding: 2px 4px;
    font-size: 11px;
    min-width: 70px;
    background: #e9ebee;
    text-align: center;
    font-weight: 500;
}

.fb-content p
{
	color: #4F5050;
    font-size: 9px;
    text-transform: uppercase;
}

.fb-content-comments
{
	float:left;
	width:100%;
	padding:10px 0px 0px 0px;
}

.fb-content-comments h2
{
	float:left;
	width:auto;
	margin:0px;
	padding:0px;
	color:#4c585e;
	font-size:13px;
}

.fb-content-comments h2 svg
{
	margin:0px 5px 0px 0px;
}





.instagram-box
{
	float:left;
	width:100%;
	padding:15px;
	background:#FFF;
	border-radius:4px;
	margin:0px 0px 40px 0px;
	box-shadow:0px 4px 6px rgba(169, 212, 236, 0.37);
	
}

.instagram-header
{
	float:left;
	width:100%;
	margin:0px 0px 20px 0px;
}

.instagram-header img
{
	vertical-align:middle;
	width:40px;
	border-radius:50px;
}

.instagram-header h2
{
	margin:0px;
	padding:0px 0px 10px 0px;
	font-size:16px;
	font-weight:600;
	color:#385898;
}

.instagram-header h3
{
	margin:0px;
	padding:0px;
	font-size:12px;
	font-weight:400;
	color:#606770;
}

.instagram-content
{
	float:left;
	width:100%;
	padding:10px;
	background:#1e283e;
	color:#FFF;
}

.instagram-content a
{
	color:#FFF !important;
    font-size: 9px;
    text-transform: uppercase;
	text-decoration:none !important;
}



.instagram-content-comments
{
	float:left;
	width:100%;
	padding:10px 0px 0px 0px;
}

.instagram-content-comments h2
{
	float:left;
	width:auto;
	margin:0px;
	padding:0px 5px 10px 0px;
	color:#4c585e;
	font-size:15px;
}



.instagram-content-comments p
{
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
	color:#4c585e;
	font-size:13px;
}

.burger
{
	display:none;
}

@media screen and (max-width: 1024px) {

.burger {
	display:block;
  width: 25px;
  height: 10px;
  position:absolute;
  z-index:99999;
  right:0px;
  top:30px;
  margin:0px 25px 30px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
 
}

.burger span{
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background:#0373ee;
  opacity: 1;
  right: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.burger span:nth-child(1) {
  top: 0px;
}

.burger span:nth-child(2) {
  top: 7px;
}

.burger span:nth-child(3) {
  top: 14px;
}

.burger.open span:nth-child(1) {
  top: 10px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.burger.open span:nth-child(2) {
  opacity: 0;
  left: 0px;
  animation-timing-function:0ms;
}

.burger.open span:nth-child(3) {
  top: 10px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.dashboard-nav
{
	display:none;
}
}
    
/*end dashboard css*/


.range {
  -webkit-appearance: none;
  vertical-align: middle;
  outline: none;
  border: none;
  padding: 0;
  background: none;
}

.range::-webkit-slider-runnable-track {
  background-color: #d7dbdd;
  height: 6px;
  border-radius: 3px;
  border: 1px solid transparent;
}

.range[disabled]::-webkit-slider-runnable-track {
  border: 1px solid #d7dbdd;
  background-color: transparent;
  opacity: 0.4;
}

.range::-moz-range-track {
  background-color: #d7dbdd;
  height: 6px;
  border-radius: 3px;
  border: none;
}

.range::-ms-track {
  color: transparent;
  border: none;
  background: none;
  height: 6px;
}

.range::-ms-fill-lower { 
  background-color: #d7dbdd;
  border-radius: 3px;
}

.range::-ms-fill-upper { 
  background-color: #d7dbdd;
  border-radius: 3px;
}

.range::-ms-tooltip { display: none; /* display and visibility only */ }

.range::-moz-range-thumb {
  border-radius: 20px;
  height: 18px;
  width: 18px;
  border: none;
  background: none;
  background-color: #606670;
}

.range:active::-moz-range-thumb {
  outline: none;
}

.range::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  border-radius: 100%;
  background-color: #606670;
  height: 18px;
  width: 18px;
  margin-top: -7px;
}

.range[disabled]::-webkit-slider-thumb {
  background-color: transparent;
  border: 1px solid #d7dbdd;
}

.range:active::-webkit-slider-thumb {
  outline: none;
}

.range::-ms-thumb { 
  border-radius: 100%;
  background-color: #606670;
  height: 18px;
  width: 18px; 
  border: none;
}

.range:active::-ms-thumb {
  border: none;
}

output
{
	float:left;
	width:100%;
	color:#0373ee !important;
	font-size:40px !important;
	text-align:center;
}

.container--dark {
  background-color: #11181d;
  
  h6 {
    color: #ccc;
  }

  .range::-webkit-slider-runnable-track {
    background-color: #606670;
  }
  
  .range[disabled]::-webkit-slider-runnable-track {
    border: 1px solid #606670;
    background-color: transparent;
  }
  
  .range::-moz-range-track {
    background-color: #606670;
    border: none;
  }
  
  .range::-ms-fill-lower { 
    background-color: #606670;
  }

  .range::-ms-fill-upper { 
    background-color: #606670;
  }
  

  
  .range::-webkit-slider-thumb {
    background-color: #aaa;
    box-shadow: 0 0 5px rgba(0,0,0,.5);
  }
  
  .range[disabled]::-webkit-slider-thumb {
    background-color: transparent;
    border: 1px solid #606670;
    box-shadow: none;
  }
  
  .range::-moz-range-thumb {
    background-color: #aaa;
  }
  
  .range::-ms-thumb { 
    background-color: #aaa;
  }
}
label.error
{
	/*margin: 8px 0 0 0;*/
	padding: 0;
	height: 1%;
	display: block;
	color: #FF0000 !important;
	float:none;

	font-weight:normal !important;
	font-size: 12px;
	margin: 11px 0 0;
	
}
.btype {
    color: white;
    cursor: pointer;
    height: 40px;
    font-size: 14px;
    min-width: 90px;
    background-color: #c3c4c9;
    font-weight: 400; 
    margin-left: 3px;
    border-style: none;
    border-radius: 6px;
    text-transform: capitalize;
    outline: none;
}
.btype:disabled {
        background-color: #0373ee;
    outline: none;
    border-style: none;
    border:none;
}

.gtype {
    color: white;
    cursor: pointer;
    height: 40px;
    font-size: 14px;
    min-width: 90px;
    background-color: #c3c4c9;
    font-weight: 400; 
    margin-left: 3px;
    border-style: none;
    border-radius: 6px;
    text-transform: capitalize;
    outline: none;
}
.gtype:disabled {
        background-color: #0474ee;
    outline: none;
    border-style: none;
    border:none;
}


.lang{
color: white;
    cursor: pointer;
    height: 40px;
    font-size: 14px;
    min-width: 90px;
    background-color: #c3c4c9;
    font-weight: 400; 
    margin-left: 3px;
    border-style: none;
    border-radius: 6px;
    text-transform: capitalize;
    outline: none;
}
.langss{
    background-color: #0474ee;
    outline: none;
     border-style: none;
}


.upload-btn-wrapper img
{
	width:100%;
}

.mb-20{
	margin-bottom:20px;
}

.choose-icon {
    font-size: 40px;
    display: inline-block;
    margin: 0px 0px 10px 0px;
    color: #0474ee;
}

.choose-icon p{
    font-size: 16px;
	color:#0373ee;
	padding:0px;
    display: inline-block;
    margin: 0px 0px 10px 0px;
  
}