body{padding:0;margin:0;font-size:16px;color:#333;font-family:'Roboto',sans-serif !important}
a{text-decoration:none!important}
.heade-bg{background-color:#fff}
.logo{padding:10px 10px 5px 10px}
.logo img{width:220px;height:auto}
.carousel-control.left{background-image:none;background-image:none;background-image:none;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1);background-repeat:repeat-x}
.carousel-control.right{background-image:none;background-image:none;background-image:none;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1);background-repeat:repeat-x}
.carousel-indicators{bottom:-5px}
.carousel-indicators li{background-color:#373435;width:18px;height:18px;border:3px solid #fff}
.carousel-indicators .active{background-color:#339bcf;width:18px;height:18px}
.home-bg-01{background-color:#fff}
.box-po{position:relative;margin-top:30px}
.box-01{background-color:#fff;padding:20px 15px;text-align:center;border:1px solid #eee;height:255px}
.box-01 img{width:74px;height:auto}
.box-01 h3{font-size:20px;color:#333;font-weight:600;text-align:center;font-family:'Roboto',sans-serif!important}
.box-01 p{text-align:center;margin:0;padding-top:10px;color:#333;font-size:14px;padding-bottom:20px;line-height:24px}
.well-text{padding-bottom:50px;padding-top:10px;text-align:left}
.well-text b{font-size:35px;color:#999;font-weight:300}
.well-text h1{font-size:30px;color:#0074c6;text-align:left;font-weight:bold;margin:0;}
.well-text strong{color:#0074c6}
.well-text p{text-align:justify;margin:0;line-height:30px;padding-top:5px;color:#333;font-size:18px}
.left-service i{color:#295e9c;font-size:22px;font-weight:500;line-height:28px;text-align:center;margin-top:10px}
.home-img img{width:100%;height:auto;border:1px solid #cccc;padding:2px}
.home-img b{font-size:18px;color:#000;text-align:left;font-weight:600}
.home-img p{text-align:justify;margin:0;line-height:21px;padding-top:10px;color:#5f656d;font-size:13px}
.web-img img{width:100%;height:auto;border:5px solid #edebee}
.read-more{color:#333;border:2px solid #0074c6;font-size:16px;font-weight:400;padding:8px 15px}
.read-more:hover{color:#fff;background-color:#0074c6;text-decoration:none}
.padding-top{padding-top:20px}
.products-home{padding:80px 0;background-color:#0074c6;background-image:linear-gradient(#0b86dd,#65abdd 0,#0c66a6 51%,#2981c0 75%)}
.product_tittle b{font-size:20px;color:#fff;text-transform:uppercase}
.product_tittle h3{margin:auto;font-size:30px;color:#fff;font-weight:600;text-align:center;padding-top:5px}
.product_tittle p{margin:auto;font-size:18px;color:#fff;text-align:center;padding-top:5px;line-height:28px}
.product{padding:0;border:1px solid #4dc3df;margin-top:20px;background-color:#fff}
.pro_button a{padding:10px 15px;color:#333;display:block;text-align:left;text-decoration:none;font-size:16px;font-weight:600}
.pro_button a:hover{color:#333}
.pro_button h3{font-size:20px;margin:0;color:#0074c6}
.product_img{overflow:hidden}
.product_img img{width:100%!important;height:auto}
.product_img img:hover{transform:scale(1.4);cursor:pointer;transition:3s}
.power-by{position:fixed; bottom:0px; width:100%; color:#fff;font-size:15px;font-weight:400;background-color:#0a0c12;padding:10px 0;text-align:left; z-index:99;}
.power-by a{color:#fff;font-size:15px;font-weight:400}
.power{text-align:right}
.free-quate{padding:20px 15px 50px 10px;background-color:#0074c6;margin-top:30px}
.free-quate h2{font-size:28px;color:#fff;line-height:26px;text-align:center}
.free-quate p{font-size:32px;color:#fff;line-height:32px;padding-top:10px;text-align:center; text-transform:uppercase;}
.read-more1{color:#fff;border:2px solid #f49308;font-size:16px;font-weight:400;padding:8px 15px}
.read-more1:hover{color:#fff;background-color:#f49308;text-decoration:none}
.clients-bg{background-color:#f2f2f2;padding:40px 0 30px 0;text-align:center}
.clients-bg h3{font-size:30px;color:#f49308}
.app-img{margin-top:20px;border:1px solid #ccc}
.app-img p{font-size:18px;background-color:#fff;color:#0074c6;margin:0;padding:8px 5px}
.owl-dot{display:none!important}
.login-page{background-color:#0b7dce;padding-top:100px;padding-bottom:50px;text-align:center}
.login-bg{background-color:#fff;padding:40px 80px}
.login-bg h2{font-size:25px;color:#070707;text-transform:uppercase;margin:0;margin-bottom:20px}
.input-group{position:relative;display:table;border-collapse:separate;margin-bottom:15px}
.login-bt{background-color:#f49308;font-size:18px;color:#fff;padding:10px 20px;border:0;font-weight:bold;margin-bottom:10px}
.form-control{height:60px!important}
.Signup-login{color:#fff;font-size:18px;padding:20px}
.Signup-login a{color:#000}
.Signup-login a:hover{color:#fff}
.registration-page{background-color:#0b7dce;text-align:center}
.registration-heading h1{background-color:#f49308;text-align:center;padding:10px 0;color:#fff;margin:0;font-size:24px;text-transform:uppercase}
.Submit-box{background-color:#f49308;font-size:16px;padding:5px 20px;color:#FFF;border-radius:6px;border:2px solid #d5830d}
#msform{width:100%;margin:25px auto 80px auto;text-align:center;position:relative}
#msform fieldset{background:white;border:0 none;border-radius:3px;box-shadow:0 0 15px 1px rgba(0,0,0,0.4);padding:20px 30px;box-sizing:border-box;width:80%;margin:0 10%;position:relative}
#msform fieldset:not(:first-of-type){display:none}
#msform input,#msform textarea{padding:11px;border:1px solid #ccc;border-radius:0 5px 5px 0;width:100%;box-sizing:border-box;font-family:montserrat;color:#333;font-size:16px}
#msform .action-button{width:100px;background:#f49308;font-weight:bold;color:white;border:0 none;border-radius:1px;cursor:pointer;padding:10px 5px;margin:10px 5px}
#msform .action-button:hover,#msform .action-button:focus{box-shadow:0 0 0 2px white,0 0 0 3px #f49308}
.fs-title{font-size:15px;text-transform:uppercase;color:#2c3e50;margin-bottom:10px}
.fs-subtitle{font-weight:normal;font-size:13px;color:#666;margin-bottom:20px}
#progressbar{margin-bottom:30px;overflow:hidden;counter-reset:step}
#progressbar li{list-style-type:none;color:#fff;text-transform:uppercase;font-size:16px;width:31.30%;float:left;position:relative}
#progressbar li:before{content:counter(step);counter-increment:step;width:40px;line-height:40px;display:block;font-size:16px;color:#333;background:white;border-radius:3px;margin:0 auto 5px auto}
#progressbar li:after{content:'';width:100%;height:5px;background:white;position:absolute;left:-50%;top:18px;z-index:-1}
#progressbar li:first-child:after{content:none}
#progressbar li.active:before,#progressbar li.active:after{background:#f49308;color:white}

/* @extend display-flex; */
.form-row, .form-date-item .select-icon, .form-date-item .select-icon i,  .form-date-group {
  display: flex;
  display: -webkit-flex;
   }

.form-select {
    width: 160px;
 }
  
.form-date {
    width:100%; }
	.ti-angle-down:before {
	content: "\e64b";
}

label {
  display: block;
  width: 100%;
  font-size:15px;
  font-weight:600 !important;
  margin-bottom:7px;
  text-align:left }


.form-date-item {
  position: relative;
  overflow: hidden; }

.form-date-item:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 30px;
    background: #ebebeb;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%); }
  .form-date-item:last-child:after {
    width: 0px; }
  .form-date-item .select-icon {
    z-index: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center; }
    .form-date-item .select-icon i {
      justify-content: center;
      -moz-justify-content: center;
      -webkit-justify-content: center;
      -o-justify-content: center;
      -ms-justify-content: center;
      align-items: center;
      -moz-align-items: center;
      -webkit-align-items: center;
      -o-align-items: center;
      -ms-align-items: center;
      width: 30px;
      height: 20px;
      font-size: 10px;
      color: #222; }


.form-date-group {
  justify-content: space-between;
  -moz-justify-content: space-between;
  -webkit-justify-content: space-between;
  -o-justify-content: space-between;
  -ms-justify-content: space-between;
  border: 1px solid #ebebeb;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px; }
  
  .form-date-group select {
    border: none;
    width: 90px;
	font-size:16px;
    box-sizing: border-box;
    appearance: none !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    -o-appearance: none !important;
    -ms-appearance: none !important;
    position: relative;
    background: 0 0;
    z-index: 10;
	padding:6px 10px;
    cursor: pointer; 
	
	}

.select-list {
  width: 100%;
  margin-bottom:20px; 
  text-align:left;
  }
 .select-list select{
	 border:1px solid #ccc;
	padding: 5px 10px;
 }

.list-item {
  position: absolute;
  width: 100%;
  z-index: 99; }

/*my-profile CSS*/

.navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom:20px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

i, span {
    display: inline-block;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
.wrapper {
    display: flex;
    align-items: stretch;
}

#sidebar {
    min-width:260px;
    max-width:260px;
    background: #0074c6;
    color: #fff;
    transition: all 0.3s;
}

#sidebar.active {
    min-width: 100px;
    max-width:100px;
    text-align: center;
}

#sidebar.active .sidebar-header h3, #sidebar.active .CTAs {
    display: none;
}

.sidebar-header img{
	width:100%;
	height:auto;
}

#sidebar.active .sidebar-header strong {
    display: block;
}

#sidebar ul li a {
    text-align: left;
}

#sidebar.active ul li a {
    padding: 20px 10px;
    text-align: center;
    font-size: 0.85em;
}

#sidebar.active ul li a i {
    margin-right:  0;
    display: block;
    font-size: 1.8em;
    margin-bottom: 5px;
}

#sidebar.active ul ul a {
    padding: 10px !important;
}

#sidebar.active a[aria-expanded="false"]::before, #sidebar.active a[aria-expanded="true"]::before {
    top: auto;
    bottom: 5px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #ffdaa4;
}

#sidebar .sidebar-header strong {
    display: none;
    font-size: 1.8em;
}

#sidebar ul.components {
    padding: 20px 0;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 15px;
    display: block;
	color:#fff;
	text-transform:uppercase;
	border-bottom:1px solid #045f9f;
}
#sidebar ul li a:hover {
    color: #f49308;
    background: #fff;
}
#sidebar ul li a i {
    margin-right: 10px;
}

#sidebar ul li.active > a, a[aria-expanded="true"] {
    color: #fff;
    background: #f49308;
}




ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #6d7fcc;
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

a.download {
    background: #fff;
    color: #7386D5;
}

a.article, a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}

.passphoto-top img{
	width:80px;
	height:80px;
	padding:2px;
	border-radius:50%;
	border:2px solid #ccc;
	margin-right:10px;
	margin-top:-12px;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#content {
    padding: 0px 0px 20px 0px;
    min-height: 100vh;
    transition: all 0.3s;
}

.content-right{
	padding:0px 20px 60px 20px;
}

.logout{
	background-color:#f49308;
	color:#FFFFFF;
	border-radius:3px;
}
.logout:hover{
	background-color:#2c2b2a;
}
.profile-heading h1{
	font-size:25px;
	border-bottom:1px solid #ccc;
	padding-bottom:20px;
	text-transform:uppercase;
	color:#0074c6;
	margin:0px;
	display:inline-block;
}
.profile-heading p{
	font-size:15px;
	line-height:25px;
	color:#333;
	padding-right:20px;
}
.form-control-1{
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
	height:46px;
	padding-left:10px;
	color:#333 !important;
}

.profile-box-1{
	background-color:#f7f7f7;
	border:1px solid #dedede;
	text-align:center;
	padding:15px;
}
.profile-box-1 h3{
	font-size:20px;
	font-family:'Roboto',sans-serif!important;
	text-align:left;
	padding-left:10px;
	margin:0px;
	padding-top:20px;
	border-top:1px solid #ccc;
	color:#000;
 }

.certified{
	background-color:#0074c6;
	font-size:16px;
	color:#fff;
}
.profile-box-1 input{
	width:90%;
	height:auto;
	padding:15px;
	text-align:center;
	border-radius:3px;
	background-color:#f49308;
	border:1px solid #f49308;
	font-size:20px;
	color:#fff;
	font-weight:600;
}
.profile-box-1 input:hover{
	
	border-radius:3px;
	background-color:#0074c6;
	border:1px solid #0074c6;
}
.profile-box-1{
    padding: 11px;
    border: 1px solid #ccc;
    border-radius:3px;
    width: 100% !important;
    box-sizing: border-box;
    color: #333;
    font-size: 16px;
}

.profile-box-1 p{
    padding: 11px;
    color: #333;
    font-size: 16px;
}
.edit-bt{
	font-size:30px !important;
	color:#fff;
	font-weight:600 !important;
	position: absolute;
	top: 27px;
	left:70px;
}
.profile-img img{
	border:2px solid #bec0c2;
	padding:10px;
	width:100%;
	margin-bottom:15px;
}
.profile-img p{
	text-align:center;
	font-size:16px;
}
.edit-profile{
	padding-top:20px;
}
.wallet-bt{
	padding:15px;
	font-size:15px;
	font-weight:600;
	text-align:left;
	font-family:'Roboto',sans-serif!important
}

.facebook-bt{
	text-align:left;
	font-size:14px !important;
	margin:0px;
	border-bottom:1px solid #e8e8e8;
}
.fa-connect{
	color:#fff;
	background-color:#2b7300;
	text-align:center;
	margin-left:15px;
	padding:5px 10px;
	font-size:13px;
	float:right;
	border-radius:3px;
	margin-top:-5px;
}
.fa-verify{
	color:#333;
	background-color:#f9f9f9;
	border:1px solid #ccc;
	text-align:center;
	margin-left:15px;
	margin-top:-5px;
	padding:5px 10px;
	font-size:13px;
	border-radius:3px;
	float:right;
}

.tooltip-1 {
  position: relative;
  display:inline-block;
  margin-right:10px;
  padding-bottom:15px;
  font-size:20px;
}

.tooltip-1 .tooltiptext-2 {
  visibility: hidden;
  width:180px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
}

.tooltip-1:hover .tooltiptext-2 {
  visibility: visible;
  font-size:14px;
}
.change-profile{
	background-color:#f49308;
	display:inline-block;
	padding:10px;
	width:100%;
	position:relative;
	margin-top:-50px;
	text-align:center;
	color:#fff;
	
}

.projects-table{
	overflow:auto;
	height:400px;
	width:100%;
	margin-top:20px;
	border:2px solid #ccc;
}
.projects-table td{
	padding:7px !important;
	border:1px solid #ccc;
}

.projects-table-color{
	background-color:#0074c6;
	color:#fff;
	font-size:17px;
	text-transform:uppercase;
}

.completed-table-color{
	background-color:#519a1f;
	color:#fff;
	font-size:17px;
	text-transform:uppercase;
}

.expired-table-color{
	background-color:#f49308;
	color:#fff;
	font-size:17px;
	text-transform:uppercase;
}

.grand-total{
	text-align:left;
	font-size:25px;
	padding-top:15px;
	color:#0074c6;
}
.package{
	padding-top:20px;
}
.package ol{
	padding:0px;
	margin:0px;
	}
.package ol li {
	background-image:url(../images/arrow-icon.png);
	background-repeat:no-repeat;
	background-position:2px 10px;
	padding-left:27px;
	list-style:none;
	padding-top:2px;
	padding-bottom:6px;
	text-align:justify;
	font-size:17px;
	line-height:29px;
}
.package p{
	border:1px solid #ccc;
	padding:15px;
	font-size:16px;
	margin-top:5px;
	line-height:26px;
	word-break: break-all;
}
.quality{
	background-color:#2286cd;
    -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
	-webkit-animation-iteration-count: infinite;
    animation-name: example;
    animation-duration:2s;
}

@keyframes example {
     0%  {background-color:#2286cd;}
	25%  {background-color:#f49308;}
	50%  {background-color:#ff003d;}
	75%  {background-color:#051b71;}
}

.why-heading{
	padding-top:20px;
}
.why-heading h3{
	font-size:22px;
	color:#005587;
	text-transform:uppercase;
	margin-top:0px;
}

.why-heading h4{
	font-size:18px;
	color:#005587;
	margin-top:0px;
}

.why-heading p{
	font-size:16px;
	color:#333;
	line-height:30px;
	text-align:justify;
}

.package-01 ul li{
	background-image: url(../images/arrow-icon.png);
    background-repeat: no-repeat;
    background-position: 0 8px;
    padding-left: 20px;
    list-style: none;
    padding-bottom: 9px;
	text-align:left;
	line-height:26px;
	font-size:16px;
}
.package-01 ul{
	padding:0px;
	margin:0px;
}

.power{text-align:center}

@media only screen and (max-width:678px){
.registration-page{background-color:#0b7dce;text-align:center;padding:60px 0}
.top-bg{display:none}
.page-banner h1{font-size:28px}
.page-banner{padding-top:30px;padding-bottom:30px}
.heade-bg{border-top:2px solid #ccc;background-color:#fff}
.box-po{position:relative;margin-top:0}
.box-01{margin-top:15px}
.icon-left{margin-top:0;position:relative}
.well-text{padding-bottom:30px;position:relative;margin-top:0}
.banner img{height:180px!important}
.well-text h1{font-size:25px}
.well-text p{text-align:justify;margin:0;line-height:24px;padding-top:10px;color:#333;font-size:14px}
.logo{padding:10px 10px 20px 10px}
.logo img{width:220px;height:auto}
.carousel-indicators{bottom:-10px}
.carousel-indicators li{background-color:#373435;width:10px;height:10px;border:1px solid #fff}
.carousel-indicators .active{background-color:#d7180e;width:10px;height:10px}
.fb-us{background-color:transparent;text-align:left;margin-bottom:10px;padding-left:00px}
.fb-us img{width:8%;height:auto}
.power-by{color:#fff;font-size:12px;font-weight:400;background-color:#000;padding:10px 0;text-align:center}
.power-by a{color:#fff;font-size:12px;font-weight:400}

.icon-01{text-align:center;margin-bottom:20px;border-bottom:1px dotted #ccc}
.icon-01 p{font-size:14px;text-align:center;padding-left:15px;line-height:24px}
.icon-01 h4{padding-top:15px}
.call-us{display:none}
}