@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,700,700i|Roboto:300,400,500,700");
@import url('https://fonts.googleapis.com/css?family=Karla');

::-moz-selection {
  background-color: #0176b3;
 color: #fff;

}

::selection {
 background-color: #0176b3;
 color: #fff;
}

::-webkit-input-placeholder {
  color: #777777;
 font-weight: 300;
}

:-moz-placeholder {
  color: #777777;
 opacity: 1;
 font-weight: 300;
}

::-moz-placeholder {
  color: #777777;
 opacity: 1;
 font-weight: 300;
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #777777;
 font-weight: 300;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #777777;
 font-weight: 300;
}
body {
	color: #333;
	font-family: 'Karla', sans-serif;
	font-size: 15px;
	font-weight:400;
	line-height: 1.825em;
	position: relative;
}
ol, ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
select {
	display: block;
}
figure {
	margin: 0;
}
a {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
iframe {
	border: 0;
}
a, a:focus, a:hover {
	text-decoration: none;
	outline: 0;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {
	text-decoration: none;
	outline: 0;
}
.card-panel {
	margin: 0;
	padding: 60px;
}
/**
 *  Typography
 *
 **/
.btn i, .btn-large i, .btn-floating i, .btn-large i, .btn-flat i {
	font-size: 1em;
	line-height: inherit;
}
.gray-bg {
	background: #f9f9ff;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Karla', sans-serif;
	color: #222;
	line-height: 1.2em !important;
	margin: 0;
	font-weight: 300;
}
.h1, .h2, .h3, .h4, .h5, .h6 {
	margin: 0;
	font-family: 'Karla', sans-serif;
	font-weight: 600;
	color: #222;
}
h1, .h1 {
	font-size: 36px;
}
h2, .h2 {
	font-size: 30px;
}
h3, .h3 {
	font-size: 24px;
}
h4, .h4 {
	font-size: 18px;
}
h5, .h5 {
	font-size: 16px;
}
h6, .h6 {
	font-size: 14px;
}
td, th {
	border-radius: 0px;
}
h1, h2, h3, h4, h5, h6 {

 /* font-family: "Playfair Display", serif;*/
}
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clear::before, .clear::after {
 content: " ";
 display: table;
}
.clear::after {
 clear: both;
}
input:focus {
	outline: none;
}
.fz-11 {
	font-size: 11px;
}
.fz-12 {
	font-size: 12px;
}
.fz-13 {
	font-size: 13px;
}
.fz-14 {
	font-size: 14px;
}
.fz-15 {
	font-size: 15px;
}
.fz-16 {
	font-size: 16px;
}
.fz-18 {
	font-size: 18px;
}
.fz-30 {
	font-size: 30px;
}
.fz-48 {
	font-size: 48px !important;
}
.fw100 {
	font-weight: 100;
}
.fw300 {
	font-weight: 300;
}
.fw400 {
	font-weight: 400 !important;
}
.fw500 {
	font-weight: 500;
}
.f700 {
	font-weight: 700;
}
.fsi {
	font-style: italic;
}
.mt-10 {
	margin-top: 10px;
}
.mt-15 {
	margin-top: 15px;
}
.mt-20 {
	margin-top: 20px;
}
.mt-25 {
	margin-top: 25px;
}
.mt-30 {
	margin-top: 30px;
}
.mt-35 {
	margin-top: 35px;
}
.mt-40 {
	margin-top: 40px;
}
.mt-50 {
	margin-top: 50px;
}
.mt-60 {
	margin-top: 60px;
}
.mt-70 {
	margin-top: 70px;
}
.mt-80 {
	margin-top: 80px;
}
.mt-100 {
	margin-top: 100px;
}
.mt-120 {
	margin-top: 120px;
}
.mt-150 {
	margin-top: 150px;
}
.ml-0 {
	margin-left: 0 !important;
}
.ml-5 {
	margin-left: 5px !important;
}
.ml-10 {
	margin-left: 10px;
}
.ml-15 {
	margin-left: 15px;
}
.ml-20 {
	margin-left: 20px;
}
.ml-30 {
	margin-left: 30px;
}
.ml-50 {
	margin-left: 50px;
}
.mr-0 {
	margin-right: 0 !important;
}
.mr-5 {
	margin-right: 5px !important;
}
.mr-15 {
	margin-right: 15px;
}
.mr-10 {
	margin-right: 10px;
}
.mr-20 {
	margin-right: 20px;
}
.mr-30 {
	margin-right: 30px;
}
.mr-50 {
	margin-right: 50px;
}
.mb-0 {
	margin-bottom: 0px;
}
.mb-0-i {
	margin-bottom: 0px !important;
}
.mb-5 {
	margin-bottom: 5px;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-15 {
	margin-bottom: 15px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-25 {
	margin-bottom: 25px;
}
.mb-30 {
	margin-bottom: 30px;
}
.mb-40 {
	margin-bottom: 40px;
}
.mb-50 {
	margin-bottom: 50px;
}
.mb-60 {
	margin-bottom: 60px;
}
.mb-70 {
	margin-bottom: 70px;
}
.mb-80 {
	margin-bottom: 80px;
}
.mb-90 {
	margin-bottom: 90px;
}
.mb-100 {
	margin-bottom: 100px;
}
.pt-0 {
	padding-top: 0px;
}
.pt-10 {
	padding-top: 10px;
}
.pt-15 {
	padding-top: 15px;
}
.pt-20 {
	padding-top: 20px;
}
.pt-25 {
	padding-top: 25px;
}
.pt-30 {
	padding-top: 30px;
}
.pt-40 {
	padding-top: 40px;
}
.pt-50 {
	padding-top: 50px;
}
.pt-60 {
	padding-top: 60px;
}
.pt-70 {
	padding-top: 70px;
}
.pt-80 {
	padding-top: 80px;
}
.pt-90 {
	padding-top: 90px;
}
.pt-100 {
	padding-top: 100px;
}
.pt-120 {
	padding-top: 120px;
}
.pt-150 {
	padding-top: 150px;
}
.pt-170 {
	padding-top: 170px;
}
.pb-0 {
	padding-bottom: 0px;
}
.pb-10 {
	padding-bottom: 10px;
}
.pb-15 {
	padding-bottom: 15px;
}
.pb-20 {
	padding-bottom: 20px;
}
.pb-25 {
	padding-bottom: 25px;
}
.pb-30 {
	padding-bottom: 30px;
}
.pb-40 {
	padding-bottom: 40px;
}
.pb-50 {
	padding-bottom: 50px;
}
.pb-60 {
	padding-bottom: 60px;
}
.pb-70 {
	padding-bottom: 70px;
}
.pb-80 {
	padding-bottom: 80px;
}
.pb-90 {
	padding-bottom: 90px;
}
.pb-100 {
	padding-bottom: 100px;
}
.pb-120 {
	padding-bottom: 120px;
}
.pb-150 {
	padding-bottom: 150px;
}
.pr-30 {
	padding-right: 30px;
}
.pl-30 {
	padding-left: 30px;
}
.pl-90 {
	padding-left: 90px;
}
.p-40 {
	padding: 40px;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.text-italic {
	font-style: italic;
}
.text-white {
	color: #fff;
}
.text-black {
	color: #000;
}
.transition {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.section-full {
	padding: 100px 0;
}
.section-half {
	padding: 75px 0;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-rigth {
	text-align: right;
}
.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
}
.inline-flex {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
}
.flex-grow {
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-moz-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
.flex-wrap {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flex-left {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
}
.flex-middle {
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
}
.flex-right {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	justify-content: flex-end;
}
.flex-top {
	-webkit-align-self: flex-start;
	-moz-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
}
.flex-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
}
.flex-bottom {
	-webkit-align-self: flex-end;
	-moz-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end;
}
.space-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	justify-content: space-between;
}
.space-around {
	-ms-flex-pack: distribute;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	justify-content: space-around;
}
.flex-column {
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.flex-cell {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-moz-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}
.display-table {
	display: table;
}
.light {
	color: #fff;
}
.dark {
	color: #222;
}
.relative {
	position: relative;
}
.overflow-hidden {
	overflow: hidden;
}
.overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.container.fullwidth {
	width: 100%;
}
.container.no-padding {
	padding-left: 0;
	padding-right: 0;
}
.no-padding {
	padding: 0;
}
.section-bg {
	background: #f9fafc;
}
 @media (max-width: 767px) {
 .no-flex-xs {
 display: block !important;
}
}
.row.no-margin {
	margin-left: 0;
	margin-right: 0;
}
.main-title {
	margin-bottom: 20px;
}
 @media (max-width: 991px) {
 .main-title {
 margin-bottom: 10px;
}
}
.main-title h1 {
	margin-bottom: 20px;
	font-weight: 100;
	line-height: 29px !important;
}
 @media (max-width: 480px) {
 .main-title h1 {
 font-size: 30px;
}
}
.main-title p {
	max-width: 630px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 26px;
}
 @media (max-width: 991px) {
 .main-title p {
 margin: 0;
}
}
.sample-text-area {
	background: #fff;
	padding: 100px 0 70px 0;
}
.sample-text {
	margin-bottom: 0;
}
.text-heading {
	margin-bottom: 30px;
	font-size: 24px;
}
.typo-list {
	margin-bottom: 10px;
}
 @media (max-width: 767px) {
 .typo-sec {
 margin-bottom: 30px;
}
}
 @media (max-width: 767px) {
 .element-wrap {
 margin-top: 30px;
}
}
b, sup, sub, u, del {
	color: #0176b3;
}
h1 {
	font-size: 36px;
}
h2 {
	font-size: 30px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 16px;
}
h6 {
	font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.5em;
}
.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {
	color: #777777;
}
.button-area {
	background: #fff;
}
.button-area .border-top-generic {
	padding: 70px 15px;
	border-top: 1px dotted #eee;
}
.button-group-area .genric-btn {
	margin-right: 10px;
	margin-top: 10px;
}
.button-group-area .genric-btn:last-child {
	margin-right: 0;
}
.genric-btn {
	display: inline-block;
	outline: none;
	line-height: 40px;
	padding: 0 30px;
	font-size: .8em;
	text-align: center;
	text-decoration: none;
	font-weight: 500;
	cursor: pointer;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.genric-btn:focus {
	outline: none;
}
.genric-btn.e-large {
	padding: 0 40px;
	line-height: 50px;
}
.genric-btn.large {
	line-height: 45px;
}
.genric-btn.medium {
	line-height: 30px;
}
.genric-btn.small {
	line-height: 25px;
}
.genric-btn.radius {
	border-radius: 3px;
}
.genric-btn.circle {
	border-radius: 20px;
}
.genric-btn.arrow {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.genric-btn.arrow span {
	margin-left: 10px;
}
.genric-btn.default {
	color: #222222;
	background: #f9f9ff;
	border: 1px solid transparent;
}
.genric-btn.default:hover {
	border: 1px solid #f9f9ff;
	background: #fff;
}
.genric-btn.default-border {
	border: 1px solid #f9f9ff;
	background: #fff;
}
.genric-btn.default-border:hover {
	color: #222222;
	background: #f9f9ff;
	border: 1px solid transparent;
}
.genric-btn.primary {
	color: #fff;
	background: #0176b3;
	border: 1px solid transparent;
}
.genric-btn.primary:hover {
	color: #0176b3;
	border: 1px solid #0176b3;
	background: #fff;
}
.genric-btn.primary-border {
	color: #0176b3;
	border: 1px solid #0176b3;
	background: #fff;
}
.genric-btn.primary-border:hover {
	color: #fff;
	background: #0176b3;
	border: 1px solid transparent;
}
.genric-btn.success {
	color: #fff;
	background: #4cd3e3;
	border: 1px solid transparent;
}
.genric-btn.success:hover {
	color: #4cd3e3;
	border: 1px solid #4cd3e3;
	background: #fff;
}
.genric-btn.success-border {
	color: #4cd3e3;
	border: 1px solid #4cd3e3;
	background: #fff;
}
.genric-btn.success-border:hover {
	color: #fff;
	background: #4cd3e3;
	border: 1px solid transparent;
}
.genric-btn.info {
	color: #fff;
	background: #38a4ff;
	border: 1px solid transparent;
}
.genric-btn.info:hover {
	color: #38a4ff;
	border: 1px solid #38a4ff;
	background: #fff;
}
.genric-btn.info-border {
	color: #38a4ff;
	border: 1px solid #38a4ff;
	background: #fff;
}
.genric-btn.info-border:hover {
	color: #fff;
	background: #38a4ff;
	border: 1px solid transparent;
}
.genric-btn.warning {
	color: #fff;
	background: #f4e700;
	border: 1px solid transparent;
}
.genric-btn.warning:hover {
	color: #f4e700;
	border: 1px solid #f4e700;
	background: #fff;
}
.genric-btn.warning-border {
	color: #f4e700;
	border: 1px solid #f4e700;
	background: #fff;
}
.genric-btn.warning-border:hover {
	color: #fff;
	background: #f4e700;
	border: 1px solid transparent;
}
.genric-btn.danger {
	color: #fff;
	background: #f44a40;
	border: 1px solid transparent;
}
.genric-btn.danger:hover {
	color: #f44a40;
	border: 1px solid #f44a40;
	background: #fff;
}
.genric-btn.danger-border {
	color: #f44a40;
	border: 1px solid #f44a40;
	background: #fff;
}
.genric-btn.danger-border:hover {
	color: #fff;
	background: #f44a40;
	border: 1px solid transparent;
}
.genric-btn.link {
	color: #222222;
	background: #f9f9ff;
	text-decoration: underline;
	border: 1px solid transparent;
}
.genric-btn.link:hover {
	color: #222222;
	border: 1px solid #f9f9ff;
	background: #fff;
}
.genric-btn.link-border {
	color: #222222;
	border: 1px solid #f9f9ff;
	background: #fff;
	text-decoration: underline;
}
.genric-btn.link-border:hover {
	color: #222222;
	background: #f9f9ff;
	border: 1px solid transparent;
}
.genric-btn.disable {
	color: #222222, 0.3;
	background: #f9f9ff;
	border: 1px solid transparent;
	cursor: not-allowed;
}
.generic-blockquote {
	padding: 30px 50px 30px 30px;
	background: #f9f9ff;
	border-left: 2px solid #0176b3;
}
 @media (max-width: 991px) {
 .progress-table-wrap {
 overflow-x: scroll;
}
}
.progress-table {
	background: #f9f9ff;
	padding: 15px 0px 30px 0px;
	min-width: 800px;
}
.progress-table .serial {
	width: 11.83%;
	padding-left: 30px;
}
.progress-table .country {
	width: 28.07%;
}
.progress-table .visit {
	width: 19.74%;
}
.progress-table .percentage {
	width: 40.36%;
	padding-right: 50px;
}
.progress-table .table-head {
	display: flex;
}
.progress-table .table-head .serial, .progress-table .table-head .country, .progress-table .table-head .visit, .progress-table .table-head .percentage {
	color: #222222;
	line-height: 40px;
	text-transform: uppercase;
	font-weight: 500;
}
.progress-table .table-row {
	padding: 15px 0;
	border-top: 1px solid #edf3fd;
	display: flex;
}
.progress-table .table-row .serial, .progress-table .table-row .country, .progress-table .table-row .visit, .progress-table .table-row .percentage {
	display: flex;
	align-items: center;
}
.progress-table .table-row .country img {
	margin-right: 15px;
}
.progress-table .table-row .percentage .progress {
	width: 80%;
	border-radius: 0px;
	background: transparent;
}
.progress-table .table-row .percentage .progress .progress-bar {
	height: 5px;
	line-height: 5px;
}
.progress-table .table-row .percentage .progress .progress-bar.color-1 {
	background-color: #6382e6;
}
.progress-table .table-row .percentage .progress .progress-bar.color-2 {
	background-color: #e66686;
}
.progress-table .table-row .percentage .progress .progress-bar.color-3 {
	background-color: #f09359;
}
.progress-table .table-row .percentage .progress .progress-bar.color-4 {
	background-color: #73fbaf;
}
.progress-table .table-row .percentage .progress .progress-bar.color-5 {
	background-color: #73fbaf;
}
.progress-table .table-row .percentage .progress .progress-bar.color-6 {
	background-color: #6382e6;
}
.progress-table .table-row .percentage .progress .progress-bar.color-7 {
	background-color: #a367e7;
}
.progress-table .table-row .percentage .progress .progress-bar.color-8 {
	background-color: #e66686;
}
.single-gallery-image {
	margin-top: 30px;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: cover !important;
	height: 200px;
}
.list-style {
	width: 14px;
	height: 14px;
}
.unordered-list li {
	position: relative;
	padding-left: 22px;
	line-height: 1.82em !important;
}
.unordered-list li:before {
	content: "";
	position: absolute;
	width: 14px;
	height: 14px;
	border: 3px solid #0176b3;
	background: #fff;
	top: 4px;
	left: 0;
	border-radius: 50%;
}
.ordered-list {
	margin-left: 30px;
}
.ordered-list li {
	list-style-type: decimal-leading-zero;
	color: #0176b3;
	font-weight: 500;
	line-height: 1.82em !important;
}
.ordered-list li span {
	font-weight: 300;
	color: #777777;
}
.ordered-list-alpha li {
	margin-left: 30px;
	list-style-type: lower-alpha;
	color: #0176b3;
	font-weight: 500;
	line-height: 1.82em !important;
}
.ordered-list-alpha li span {
	font-weight: 300;
	color: #777777;
}
.ordered-list-roman li {
	margin-left: 30px;
	list-style-type: lower-roman;
	color: #0176b3;
	font-weight: 500;
	line-height: 1.82em !important;
}
.ordered-list-roman li span {
	font-weight: 300;
	color: #777777;
}
.single-input {
	display: block;
	width: 100%;
	line-height: 40px;
	border: none;
	outline: none;
	background: #f9f9ff;
	padding: 0 20px;
}
.single-input:focus {
	outline: none;
}
.input-group-icon {
	position: relative;
}
.input-group-icon .icon {
	position: absolute;
	left: 20px;
	top: 0;
	line-height: 40px;
	z-index: 3;
}
.input-group-icon .icon i {
	color: #797979;
}
.input-group-icon .single-input {
	padding-left: 45px;
}
.single-textarea {
	display: block;
	width: 100%;
	line-height: 40px;
	border: none;
	outline: none;
	background: #f9f9ff;
	padding: 0 20px;
	height: 100px;
	resize: none;
}
.single-textarea:focus {
	outline: none;
}
.single-input-primary {
	display: block;
	width: 100%;
	line-height: 40px;
	border: 1px solid transparent;
	outline: none;
	background: #f9f9ff;
	padding: 0 20px;
}
.single-input-primary:focus {
	outline: none;
	border: 1px solid #0176b3;
}
.single-input-accent {
	display: block;
	width: 100%;
	line-height: 40px;
	border: 1px solid transparent;
	outline: none;
	background: #f9f9ff;
	padding: 0 20px;
}
.single-input-accent:focus {
	outline: none;
	border: 1px solid #eb6b55;
}
.single-input-secondary {
	display: block;
	width: 100%;
	line-height: 40px;
	border: 1px solid transparent;
	outline: none;
	background: #f9f9ff;
	padding: 0 20px;
}
.single-input-secondary:focus {
	outline: none;
	border: 1px solid #f09359;
}
.default-switch {
	width: 35px;
	height: 17px;
	border-radius: 8.5px;
	background: #f9f9ff;
	position: relative;
	cursor: pointer;
}
.default-switch input {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}
.default-switch input + label {
	position: absolute;
	top: 1px;
	left: 1px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #0176b3;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
	cursor: pointer;
}
.default-switch input:checked + label {
	left: 19px;
}
.single-element-widget {
	margin-bottom: 30px;
}
.primary-switch {
	width: 35px;
	height: 17px;
	border-radius: 8.5px;
	background: #f9f9ff;
	position: relative;
	cursor: pointer;
}
.primary-switch input {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.primary-switch input + label {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
.primary-switch input + label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	border-radius: 8.5px;
	cursor: pointer;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.primary-switch input + label:after {
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #fff;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
	cursor: pointer;
}
.primary-switch input:checked + label:after {
	left: 19px;
}
.primary-switch input:checked + label:before {
	background: #0176b3;
}
.confirm-switch {
	width: 35px;
	height: 17px;
	border-radius: 8.5px;
	background: #f9f9ff;
	position: relative;
	cursor: pointer;
}
.confirm-switch input {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.confirm-switch input + label {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
.confirm-switch input + label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	border-radius: 8.5px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	cursor: pointer;
}
.confirm-switch input + label:after {
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #fff;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2);
	cursor: pointer;
}
.confirm-switch input:checked + label:after {
	left: 19px;
}
.confirm-switch input:checked + label:before {
	background: #4cd3e3;
}
.primary-checkbox {
	width: 16px;
	height: 16px;
	border-radius: 3px;
	background: #f9f9ff;
	position: relative;
	cursor: pointer;
}
.primary-checkbox input {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.primary-checkbox input + label {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-radius: 3px;
	cursor: pointer;
	border: 1px solid #f1f1f1;
}
.primary-checkbox input:checked + label {
	background: url(../img/elements/primary-check.png) no-repeat center center/cover;
	border: none;
}
.confirm-checkbox {
	width: 16px;
	height: 16px;
	border-radius: 3px;
	background: #f9f9ff;
	position: relative;
	cursor: pointer;
}
.confirm-checkbox input {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.confirm-checkbox input + label {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-radius: 3px;
	cursor: pointer;
	border: 1px solid #f1f1f1;
}
.confirm-checkbox input:checked + label {
	background: url(../img/elements/success-check.png) no-repeat center center/cover;
	border: none;
}
.disabled-checkbox {
	width: 16px;
	height: 16px;
	border-radius: 3px;
	background: #f9f9ff;
	position: relative;
	cursor: pointer;
}
.disabled-checkbox input {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.disabled-checkbox input + label {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-radius: 3px;
	cursor: pointer;
	border: 1px solid #f1f1f1;
}
.disabled-checkbox input:disabled {
	cursor: not-allowed;
	z-index: 3;
}
.disabled-checkbox input:checked + label {
	background: url(../img/elements/disabled-check.png) no-repeat center center/cover;
	border: none;
}
.primary-radio {
	width: 16px;
	height: 16px;
	border-radius: 8px;
	background: #f9f9ff;
	position: relative;
	cursor: pointer;
}
.primary-radio input {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.primary-radio input + label {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	cursor: pointer;
	border: 1px solid #f1f1f1;
}
.primary-radio input:checked + label {
	background: url(../img/elements/primary-radio.png) no-repeat center center/cover;
	border: none;
}
.confirm-radio {
	width: 16px;
	height: 16px;
	border-radius: 8px;
	background: #f9f9ff;
	position: relative;
	cursor: pointer;
}
.confirm-radio input {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.confirm-radio input + label {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	cursor: pointer;
	border: 1px solid #f1f1f1;
}
.confirm-radio input:checked + label {
	background: url(../img/elements/success-radio.png) no-repeat center center/cover;
	border: none;
}
.disabled-radio {
	width: 16px;
	height: 16px;
	border-radius: 8px;
	background: #f9f9ff;
	position: relative;
	cursor: pointer;
}
.disabled-radio input {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.disabled-radio input + label {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px;
	cursor: pointer;
	border: 1px solid #f1f1f1;
}
.disabled-radio input:disabled {
	cursor: not-allowed;
	z-index: 3;
}
.disabled-radio input:checked + label {
	background: url(../img/elements/disabled-radio.png) no-repeat center center/cover;
	border: none;
}
.default-select {
	height: 40px;
}
.default-select .nice-select {
	border: none;
	border-radius: 0px;
	height: 40px;
	background: #f9f9ff;
	padding-left: 20px;
	padding-right: 40px;
}
.default-select .nice-select .list {
	margin-top: 0;
	border: none;
	border-radius: 0px;
	box-shadow: none;
	width: 100%;
	padding: 10px 0 10px 0px;
}
.default-select .nice-select .list .option {
	font-weight: 300;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	line-height: 28px;
	min-height: 28px;
	font-size: 12px;
	padding-left: 20px;
}
.default-select .nice-select .list .option.selected {
	color: #0176b3;
	background: transparent;
}
.default-select .nice-select .list .option:hover {
	color: #0176b3;
	background: transparent;
}
.default-select .current {
	margin-right: 50px;
	font-weight: 300;
}
 .default-select .nice-select::after {
 right: 20px;
}
 @media (max-width: 991px) {
 .left-align-p p {
 margin-top: 20px;
}
}
.form-select {
	height: 40px;
	width: 100%;
}
.form-select .nice-select {
	border: none;
	border-radius: 0px;
	height: 40px;
	background: #f9f9ff;
	padding-left: 45px;
	padding-right: 40px;
	width: 100%;
}
.form-select .nice-select .list {
	margin-top: 0;
	border: none;
	border-radius: 0px;
	box-shadow: none;
	width: 100%;
	padding: 10px 0 10px 0px;
}
.form-select .nice-select .list .option {
	font-weight: 300;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	line-height: 28px;
	min-height: 28px;
	font-size: 12px;
	padding-left: 45px;
}
.form-select .nice-select .list .option.selected {
	color: #0176b3;
	background: transparent;
}
.form-select .nice-select .list .option:hover {
	color: #0176b3;
	background: transparent;
}
.form-select .current {
	margin-right: 50px;
	font-weight: 300;
}
 .form-select .nice-select::after {
 right: 20px;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header-top {
	font-size: 12px;
	padding: 0px;
	height: 40px;
	line-height: 40px;
}
.header-top a {
	color: #222;
	font-weight: 500;
	font-size: 13px;
}
.header-top a i {
	color: #cccccc;
}
.header-top ul {
	display: inline-block;
	border-right: 1px solid #cccccc;
	padding: 0 15px;
	margin: 0 auto;
}
.header-top ul li {
	display: inline-block;
	margin-left: 15px;
}
.header-top .header-top-right {
	text-align: right;
}
.header-top .header-top-right i {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.header-top .header-top-right a {
}
.header-top .header-top-right a:hover {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.header-top .header-top-right a:hover i {
	color: #0176b3;
}
.header-top .header-top-left {
	border-right: 1px solid #cccccc;
	display: inline-block;
}
.header-top .header-top-left a {
	margin-right: 30px;
}
.header-top .header-top-left a i {
	color: #0176b3;
}
.header-top .lnr {
	display: none;
}
 @media (max-width: 588px) {
 .header-top .lnr {
 display: block;
 font-weight: bold;
 font-size: 16px;
 color: #fff;
}
 .header-top .text {
 display: none;
}
}
 @media (max-width: 991px) {
 .header-top {
 display: none;
}
}
.top-head-btn {
	background: #0176b3;
	padding: 9px 26px;
}
 @media (max-width: 991px) {
 #mobile-nav-toggle i {
 color: #0176b3 !important;
}
}
@media (max-width: 991px) {
 .main-menu {
 height: 100px;
 line-height: 100px;
}
}
@media (max-width: 768px) {
 .main-menu {
 height: 80px;
 line-height: 80px;
}
}
.header {
	transition: all 0.5s;
	z-index: 997;
	background: #fff;
}
.header hr {
	margin: 0;
	background: rgba(204, 204, 204, 0.54);
}
 @media (max-width: 991px) {
 .header hr {
 display: none;
}
}
.header.header-scrolled {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	transition: all 0.5s;
	box-shadow: -21.213px 21.213px 30px 0px rgba(158, 158, 158, 0.3);
}
.header.header-scrolled .header-top,  .header.header-scrolled hr {
	display: none;
}
 @media (max-width: 673px) {
 #logo {
 margin-left: 20px;
}
}
.header #logo h1 {
	font-size: 34px;
	margin: 0;
	padding: 0;
	line-height: 1;
	font-weight: 700;
	letter-spacing: 3px;
}
.header #logo h1 a, .header #logo h1 a:hover {
	color: #000;
	padding-left: 10px;
	border-left: 4px solid #0176b3;
}
.header #logo img {
	padding: 0;
	margin: 0;
}
 @media (max-width: 768px) {
 .header #logo h1 {
 font-size: 28px;
}
 .header #logo img {
 max-height: 40px;
}
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Nav Menu Essentials */
.nav-menu, .nav-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.nav-menu li {
	position: relative;
	white-space: nowrap;
}
.nav-menu > li {
	float: left;
}
.nav-menu li:hover > ul, .nav-menu li.sfHover > ul {
	display: block;
}
.nav-menu ul ul {
	top: 0;
	right: 100%;
}
.nav-menu ul li {
	min-width: 180px;
}
.nav-menu ul li h3 {
	margin-left:10px;
	font-size:17px;
	border-bottom:solid 1px #EEE;
	margin-bottom:5px;
	color:#ff9433;
}
/* Nav Menu Arrows */
.sf-arrows .sf-with-ul {
	padding-right: 30px;
}
.sf-arrows .sf-with-ul:after {
	content: "\f107";
	position: absolute;
	right: 15px;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
}
.sf-arrows ul .sf-with-ul:after {
	content: "\f105";
}

/* Nav Meu Container */
@media (max-width: 768px) {
 #nav-menu-container {
 display: none;
}
}
/* Nav Meu Styling */
.nav-menu a {
	padding: 25px 8px;
	text-decoration: none;
	display: inline-block;
	color: #222222;
	font-weight: 500;
	font-size: 16px;
	text-transform: uppercase;
	outline: none;
}
.nav-menu li:hover > a, .nav-menu > .menu-active > a {
	color: #0176b3;
}
.nav-menu > li {
	margin-left: 20px;
}
.nav-menu ul {
	padding: 10px;
	box-shadow: 0px 6px 16px rgba(127, 137, 161, 0.25);
	background: #fff;
}
.nav-menu ul li {
	transition: 0.3s;
}
.nav-menu ul li a {
	padding: 3px 10px;
	color: #333;
	transition: 0.3s;
	display: block;
	font-size: 14px;
	text-transform: none;
}
.nav-menu ul li:hover > a {
	color: #0176b3;
}
.nav-menu ul ul {
	margin-right: 10px;
	margin-top: 0;
}
/* Mobile Nav Toggle */
#mobile-nav-toggle {
	position: fixed;
	right: 15px;
	z-index: 999;
	top: 28px;
	border: 0;
	background: none;
	font-size: 24px;
	display: none;
	transition: all 0.4s;
	outline: none;
	cursor: pointer;
}
 @media (max-width: 991px) {
 #mobile-nav-toggle {
 top: 36px;
}
}
 @media (max-width: 991px) {
 #mobile-nav-toggle {
 top: 28px;
}
}
#mobile-nav-toggle i {
	color: #fff;
	font-weight: 900;
}
 @media (max-width: 960px) {
 #mobile-nav-toggle {
 display: inline;
}
 #nav-menu-container {
 display: none;
}
}
/* Mobile Nav Styling */
#mobile-nav {
	position: fixed;
	top: 0;
	padding-top: 18px;
	bottom: 0;
	z-index: 998;
	background: rgba(0, 0, 0, 0.8);
	left: -260px;
	width: 260px;
	overflow-y: auto;
	transition: 0.4s;
}
#mobile-nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#mobile-nav ul li {
	position: relative;
}
#mobile-nav ul li a {
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	overflow: hidden;
	padding: 10px 22px 10px 15px;
	position: relative;
	text-decoration: none;
	width: 100%;
	display: block;
	outline: none;
	font-weight: 700;
}
#mobile-nav ul li a:hover {
	color: #fff;
}
#mobile-nav ul li li {
	padding-left: 30px;
}
#mobile-nav ul .menu-has-children i {
	position: absolute;
	right: 0;
	z-index: 99;
	padding: 15px;
	cursor: pointer;
	color: #fff;
}
#mobile-nav ul .menu-has-children i.fa-chevron-up {
	color: #0176b3;
}
#mobile-nav ul .menu-has-children li a {
	text-transform: none;
}
#mobile-nav ul .menu-item-active {
	color: #0176b3;
}
#mobile-body-overly {
	width: 100%;
	height: 100%;
	z-index: 997;
	top: 0;
	left: 0;
	position: fixed;
	background: rgba(0, 0, 0, 0.7);
	display: none;
}
/* Mobile Nav body classes */
body.mobile-nav-active {
	overflow: hidden;
}
body.mobile-nav-active #mobile-nav {
	left: 0;
}
body.mobile-nav-active #mobile-nav-toggle {
	color: #fff;
}
.section-gap {
	padding: 40px 0px;
}
.section-gap-top {
	padding-top: 20px;
}
 @media (max-width: 991px) {
 .section-gap {
 padding: 20px 0px;
}
}
.section-title {
	padding-bottom: 20px;
}
.section-title h2 {
	margin-bottom: 15px;
}
.section-title p {
	font-size: 16px;
	margin-bottom: 0;
}
 @media (max-width: 991.98px) {
 .section-title p br {
 display: none;
}
}
.alert-msg {
	color: #008000;
}
.primary-btn {
	line-height: 42px;
	padding: 0px 30px;
	border-radius: 5px;
	border: none;
	color: #fff;
	display: inline-block;
	font-weight: 500;
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
	position: relative;
}
.primary-btn:focus {
	outline: none;
}
.primary-btn span {
	color: #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-60%);
	right: 30px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.primary-btn:hover {
	color: #fff;
}
.primary-btn:hover span {
	color: #fff;
	right: 20px;
}
.primary-btn.white {
	border: 1px solid #fff;
	color: #fff;
}
.primary-btn.white span {
	color: #fff;
}
.primary-btn.white:hover {
	background: #fff;
	color: #0176b3;
}
.primary-btn.white:hover span {
	color: #0176b3;
}
.overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.home-banner-area {
	background: url(../img/home-banner-bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.banner-area {
	background: url(../img/banner-bg.jpg) no-repeat center center;
	b-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:600px;
}
.blog-banner-area {
	background: url(../img/blog-banner-bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.blog-banner-area .banner-content h1 {
	font-size: 48px;
	line-height: 54px !important;
	margin: 0;
}
 @media (max-width: 768px) {
 .blog-banner-area .banner-content h1 {
 font-size: 35px;
 line-height: 40px !important;
}
}
 @media (max-width: 414px) {
 .blog-banner-area .banner-content h1 {
 font-size: 30px;
}
}
.blog-banner-area .banner-content p {
	font-size: 16px;
	margin: 40px 20px;
}
 @media (max-width: 768px) {
 .blog-banner-area .banner-content p {
 margin: 10px;
}
}
.blog-banner-area .banner-content .primary-btn {
	background: #fff;
	color: #222222;
}
.blog-banner-area .banner-content .primary-btn:hover {
	background: #0176b3;
	color: #ffffff;
}
.fullscreen {
	height: 740px;
}
 @media (max-width: 767.98px) {
 .fullscreen {
 height: 600px !important;
}
}
 @media (max-width: 768px) {
 .fullscreen {
 height: 400px !important;
}
}
.overlay-bg {
	background-color: rgba(34, 34, 34, 0.27);
}
.banner-content h1 {
	color: #fff;
	font-size: 72px;
	font-weight: 100;
	line-height: 77px !important;
	margin-top: 20px;
	margin-bottom: 20px;
}
 @media (max-width: 768px) {
 .banner-content h1 {
 font-size: 35px;
 line-height: 40px !important;
}
}
 @media (max-width: 414px) {
 .banner-content h1 {
 font-size: 30px;
}
}
.banner-content p {
	max-width: 900px;
}
.header-btn {
	border: 1px solid transparent;
	background-color: #0176b3;
}
.header-btn:hover {
	border: 1px solid #fff;
	background: transparent;
	color: #fff;
}
.banner-img {
	text-align: right;
}
 @media (max-width: 767px) {
 .banner-img {
 width: 60%;
 text-align: center;
 margin-left: auto;
 margin-right: auto;
}
}
.single-news {
	border: none;
	border-radius: 0 !important;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single-news:hover {
	box-shadow: 0px 12px 32px 0px rgba(26, 26, 26, 0.12);
}
.single-news:hover .card-body {
	border: 1px solid transparent;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single-news:hover .card-body .card-title a {
	color: #0176b3;
}
.single-news .card-body {
	border: 1px solid rgba(0, 0, 0, 0.125);
	padding: 40px 28px;
}
 @media (max-width: 1024px) {
 .single-news .card-body {
 padding: 35px 18px;
}
}
 @media (max-width: 768px) {
 .single-news .card-body {
 padding: 30px 18px;
}
}
.single-news .card-body .card-title {
	font-size: 20px;
	font-weight: 200;
	margin-bottom: 16px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
 @media (max-width: 768px) {
 .single-news .card-body .card-title {
 margin-bottom: 10px;
}
}
 @media (max-width: 1024px) {
 .single-news .card-body .card-title {
 font-size: 17px;
}
}
.single-news .card-body .card-title a {
	color: #222;
}
.single-news .card-body .card-top-img {
	border-radius: 0 !important;
	width: 100%;
}
.single-news .card-body .card-btn {
	position: absolute !important;
	bottom: 58%;
	left: 10%;
}
 @media (max-width: 991px) {
 .single-news {
 margin-bottom: 30px;
}
}
.our-offer-area {
	background: #FFF;
}
.our-offer-area .main-title {
	margin-bottom: 0;
}
 @media (max-width: 991px) {
 .our-offer-area .main-title {
 margin-top: 50px;
}
}
.our-offer-area .main-title h1 {
	color: #fff;
}
.our-offer-area .main-title p {
	font-size: 14px;
	margin-bottom: 40px;
}
.our-offer-area .main-title .offer-btn {
	border: 1px solid #fff;
}
.our-offer-area .main-title .offer-btn:hover {
	background: #fff;
	color: #222222;
}
 @media (max-width: 380px) {
 .our-offer-area .main-title .offer-btn {
 margin-bottom: 20px;
}
}
.our-offer-area .main-title .quote-btn {
	background: #fff;
	color: #222222;
	border: 1px solid #000;
}
.single-circle {
	text-align: center;
}
.single-circle .single-item {
	height: 120px;
	width: 120px;
	margin: 0px auto;
	text-align:center;
}
.single-circle h4 {
	margin-top: 35px;
	color: #2b91c5;
	font-size: 17px;
	text-align:center;
	font-weight: bold;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single-circle .progressBar,  .single-circle .progressBar-contentCircle {
	display: table;
	height: 150px;
	position: absolute;
	width: 150px;
}
.single-circle .progressBar-circle,  .single-circle .progressBar-background {
	fill: none;
	stroke: #fff;
	stroke-width: 8;
	stroke-linecap: round;
	stroke-dasharray: 0;
	stroke-dashoffset: 0;
	position: relative;
	z-index: 10;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single-circle .progressBar-background {
	stroke: #222222;
	stroke-width: 5;
	z-index: 0;
}
.single-circle .progressBar-percentage {
	background: #0176b3;
	height: 100px;
	width: 100px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding: 40px 15px;
	border-radius: 50px;
	color: #fff;
	font-size: 24px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single-circle:hover .progressBar-circle {
	stroke: #0176b3;
}
.single-circle:hover .progressBar-percentage {
	color: #0176b3;
	background: #fff;
}
.single-circle:hover h4 {
	color: #0176b3;
}
.recent-completed-project .active {
	color: #0176b3;
}
.recent-completed-project .filters {
	text-align: center;
	margin-bottom: 30px;
}
.recent-completed-project .filters li {
	display: inline-block;
	margin-right: 30px;
	cursor: pointer;
}
 @media (max-width: 991px) {
 .recent-completed-project .filters li {
 margin-right: 20px;
}
}
.recent-completed-project .filters li a {
	font-size: 13px;
	color: red;
}
.recent-completed-project .filters li:last-child {
	margin-right: 0px;
}
.recent-completed-project .filters li.active a {
	color: #0176b3;
}
.recent-completed-project .all {
	margin-bottom: 30px;
}
.projects_inner {
	margin-bottom: -30px;
}
.projects_item {
	position: relative;
	border-radius: 5px;
	overflow: hidden;
}
.projects_item:before {
	content: "";
	background: rgba(63, 172, 228, 0.68);
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all 300ms ease;
	cursor: pointer;
}
.projects_item .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}
.projects_item .icon img {
	opacity: 0;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.projects_item:hover:before {
	opacity: 1;
}
.projects_item:hover .icon img {
	opacity: 1;
}
.projects_item:hover .projects_text h4 {
	background: linear-gradient(to right, #8490ff 0%, #62bdfc 70%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.projects_text {
	text-align: center;
	margin-top: 15px;
}
.projects_text h4 {
	font-size: 21px;
	font-weight: 100;
	margin-bottom: 5px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	text-transform: capitalize;
	cursor: pointer;
}
.projects_text h4 a {
	color: #222;
}
.projects_text h4 a:hover {
	color: #0176b3;
}
.projects_text p {
	margin-bottom: 0px;
	font-size: 14px;
}
.testimonial-area {
	background:#f8f8f8
;
	background-size: cover;
	position: relative;
}
.testimonial-area:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
}
.about-testimonial-area .single-testimonial {
	background: #f9f9ff;
	border: 0;
	background:#f8f8f8
;
	margin: 20px;
}
.about-testimonial-area .single-testimonial:hover {
	box-shadow: -10px 10px 20px rgba(221, 221, 221, 0.62);
}
.single-testimonial {
	background-color: #fff;
	border: 1px solid #eeeeee;
	padding: 25px 30px 25px 30px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single-testimonial:hover {
	cursor: pointer;
}
.single-testimonial .thumb {
	margin-right: 30px;
}
.single-testimonial h4 {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin-bottom: 5px;
	font-weight: 200;
}
.single-testimonial:hover h4 {
	color: #0176b3;
	cursor: pointer;
}
 @media (max-width: 575px) {
 .single-testimonial {
 margin: 15px;
}
}
.single-blog {
	overflow: hidden;
}
.single-blog .thumb {
	overflow: hidden;
}
.single-blog:hover {
	cursor: pointer;
}
.single-blog:hover img {
	transform: scale(1.2);
}
.single-blog:hover h4 a {
	color: #0176b3;
}
.single-blog img {
	overflow: hidden;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
}
.single-blog h4 {
	margin-bottom: 12px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	font-weight: 100;
}
.single-blog a {
	color: #222;
}
.single-blog .date {
	background-color: #000;
	color: #fff;
	font-weight: 100;
	padding: 2px 15px;
	width: 115px;
	text-align: center;
	margin-top: 20px;
}
 @media (max-width: 800px) {
 .single-blog {
 margin-bottom: 30px;
}
}
.brands-area {
	background-color: #f9f9ff;
}
.brands-area .brand-wrap {
	padding: 40px 0;
}
.brands-area .brand-wrap .owl-carousel .owl-item img {
	width: auto !important;
}
.brands-area .brand-wrap .single-brand {
	text-align: center;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .5;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.brands-area .brand-wrap .single-brand:hover {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
	opacity: 1;
}
/* Portfolio Details Area css
============================================================================================ */
.portfolio_details_inner .row {
	margin-bottom: 65px;
}
 @media (max-width: 480px) {
 .portfolio_details_inner .row {
 margin-bottom: 30px;
}
}
.portfolio_details_inner p {
	margin-bottom: 30px;
	font-size: 14px;
}
.portfolio_details_inner p:last-child {
	margin-bottom: 0px;
}
@media (max-width: 991px) {
 .portfolio_details_inner .portfolio_right_text {
 margin-top: 0px;
}
}
@media (max-width: 576px) {
 .portfolio_details_inner .portfolio_right_text {
 margin-top: 50px;
}
}
.portfolio_details_inner .portfolio_right_text h4 {
	color: #222;
	font-size: 21px;
	text-transform: uppercase;
	margin-bottom: 18px;
	font-weight: 100;
}
.portfolio_details_inner .portfolio_right_text p {
	margin-bottom: 25px;
	font-size: 14px;
}
.portfolio_details_inner .portfolio_right_text .list li {
	margin-bottom: 7px;
	font-weight: normal;
	font-size: 14px;
}
.portfolio_details_inner .portfolio_right_text .list li span {
	font-size: 14px;
	color: #222;
	font-weight: 400;
	width: 97px;
	display: inline-block;
}
.portfolio_details_inner .portfolio_right_text .list li:last-child {
	margin-bottom: 0px;
}
.portfolio_details_inner .portfolio_right_text .list li i {
	color: #f1cd09;
}
.social_details {
	margin-top: 30px;
}
.social_details i {
	font-size:30px;
	border:solid 1px #CCC;
	padding:7px 10px;
}
 @media (max-width: 480px) {
 .social_details {
 margin-top: 20px;
}
}
.social_details li {
	display: inline-block;
	margin-right: 14px;
}
.social_details li a {
	font-size: 14px;
}
.social_details li a i {
	color: #222 !important;
}
.social_details li a i:hover {
	color: #0176b3 !important;
}
.social_details li:last-child {
	margin-right: 0px;
}
/* End Portfolio Details Area css
============================================================================================ */
.whole-wrap {
	background-color: #fff;
}
.generic-banner {
	margin-top: 60px;
	background-color: #0176b3;
	text-align: center;
}
.generic-banner .height {
	height: 600px;
}
 @media (max-width: 767.98px) {
 .generic-banner .height {
 height: 400px;
}
}
.generic-banner .generic-banner-content h2 {
	line-height: 1.2em;
	margin-bottom: 20px;
}
 @media (max-width: 991.98px) {
 .generic-banner .generic-banner-content h2 br {
 display: none;
}
}
.generic-banner .generic-banner-content p {
	text-align: center;
	font-size: 16px;
}
 @media (max-width: 991.98px) {
 .generic-banner .generic-banner-content p br {
 display: none;
}
}
.generic-content h1 {
	font-weight: 600;
}
.about-generic-area {
	background: #fff;
}
.about-generic-area p {
	margin-bottom: 20px;
}
.white-bg {
	background: #fff;
}
.section-top-border {
	padding: 50px 0;
	border-top: 1px dotted #eee;
}
.switch-wrap {
	margin-bottom: 10px;
}
.switch-wrap p {
	margin: 0;
}
 @media (max-width: 991px) {
 .project-details-right {
 margin-top: 50px;
}
}
.project-details-right .details-info .names li {
	font-weight: 400;
	color: black;
}
.project-details-right .details-info .desc li {
	margin-left: 20px;
}
.project-details-right .details-info .desc .star .checked {
	color: #0176b3;
}
.project-details-right .social-links i {
	color: #777777;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	margin-right: 10px;
}
.project-details-right .social-links i:hover {
	color: #0176b3;
}
.link-nav {
	margin-top: 10px;
	margin-bottom: 0px;
}
.about-content {
	margin-top: 110px;
	padding: 50px 0px;
}
 @media (max-width: 767px) {
 .about-content {
 margin: 120px 16px;
}
}
.about-content h1 {
	font-size: 48px;
	font-weight: 100;
}
 @media (max-width: 768px) {
 .about-content h1 {
 font-size: 35px;
}
}
 @media (max-width: 414px) {
 .about-content h1 {
 font-size: 30px;
}
}
.about-content a {
	color: #fff;
	font-weight: 300;
	font-size: 14px;
}
.about-content .lnr {
	margin: 0px 10px;
	font-weight: 600;
}
.contact-page-area .contact-wrap {
	background: #fff;
	padding: 20px;
}
.contact-page-area .map-wrap {
	margin-bottom: 80px;
}
.contact-page-area .contact-btns {
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	padding: 40px;
	color: #fff;
	margin-bottom: 30px;
}
.contact-page-area .contact-btns:hover {
	color: #fff;
}
@media (max-width: 991px) {
 .contact-page-area .form-area .mt-30 {
 margin-top: 0px;
}
}
.contact-page-area .form-area .form-control:focus {
	box-shadow: none !important;
	border-color: #ced4da !important;
}
.contact-page-area .form-area input {
	padding: 12px;
}
.contact-page-area .form-area input, .contact-page-area .form-area textarea {
	border-radius: 0;
	font-size: 13px !important;
}
.contact-page-area .form-area textarea {
	height: 154px;
	margin-top: 0px;
	padding: 15px;
}
.contact-page-area .form-area .primary-btn {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	border-radius: 0 !important;
	background: #0176b3;
	color: #fff;
	font-size: 14px;
	border: 1px solid #0176b3;
}
.contact-page-area .form-area .primary-btn:hover {
	background: transparent;
	border: 1px solid #0176b3;
	color: #0176b3;
}
 @media (max-width: 991px) {
 .contact-page-area .form-area .primary-btn {
 margin-top: 20px;
}
}
@media (max-width: 991px) {
 .contact-page-area .address-wrap {
 margin-bottom: 30px;
}
}
.contact-page-area .address-wrap .single-contact-address {
	margin-bottom: 8px;
}
.contact-page-area .address-wrap .single-contact-address h5 {
	font-weight: 200;
	font-size: 16px;
	margin-bottom: 5px;
}
.contact-page-area .address-wrap .single-contact-address .lnr {
	font-size: 30px;
	font-weight: 500;
	color: #0176b3;
	margin-right: 30px;
}
 @media (max-width: 1024px) and (min-width: 990px) {
 .contact-page-area .address-wrap .single-contact-address h5 {
 font-size: 14px;
}
 .contact-page-area .address-wrap .single-contact-address p {
 font-size: 10px;
}
}
/*
################
               Start Blog Home  Page style
################
*/
.blog-home-banner {
	background: url(../img/blog/blog-home-banner.jpg) bottom;
	background-size: cover;
	padding: 130px 0px;
}
.blog-home-banner .primary-btn {
	border-radius: 0px;
	background: #fff;
	color: #222;
	font-weight: 600;
	border: 1px solid transparent;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.blog-home-banner .primary-btn:hover {
	background: transparent;
	border-color: #fff;
	color: #fff;
}
.blog-home-banner .overlay-bg {
	background: rgba(0, 0, 0, 0.5);
}
.blog-page {
	background: #f9f9ff;
}
.blog-header-content h1 {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}
 @media (max-width: 414px) {
 .blog-header-content h1 {
 font-size: 30px;
}
}
.blog-header-content p {
	margin: 20px 0px;
}
.top-category-widget-area .single-cat-widget {
	position: relative;
	text-align: center;
}
.top-category-widget-area .single-cat-widget .overlay-bg {
	background: rgba(0, 0, 0, 0.85);
	margin: 7%;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.top-category-widget-area .single-cat-widget img {
	width: 100%;
}
.top-category-widget-area .single-cat-widget .content-details {
	top: 32%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	bottom: 0px;
	position: absolute;
}
.top-category-widget-area .single-cat-widget .content-details h4 {
	color: #fff;
}
.top-category-widget-area .single-cat-widget .content-details span {
	display: inline-block;
	background: #fff;
	width: 60%;
	height: 1%;
}
.top-category-widget-area .single-cat-widget:hover .overlay-bg {
	background: rgba(63, 172, 228, 0.85);
	margin: 7%;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
 @media (max-width: 991px) {
 .top-category-widget-area .single-cat-widget {
 margin-bottom: 50px;
}
}
.post-content-area .single-post {
	margin-bottom: 50px;
}
.post-content-area .single-post .meta-details {
	text-align: right;
	margin-top: 35px;
}
 @media (max-width: 767px) {
 .post-content-area .single-post .meta-details {
 text-align: left;
}
}
.post-content-area .single-post .meta-details .tags {
	margin-bottom: 30px;
}
.post-content-area .single-post .meta-details .tags li {
	display: inline-block;
	font-size: 14px;
}
.post-content-area .single-post .meta-details .tags li a {
	color: #222;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.post-content-area .single-post .meta-details .tags li a:hover {
	color: #0176b3;
}
 @media (max-width: 1024px) {
 .post-content-area .single-post .meta-details {
 margin-top: 0px;
}
}
.post-content-area .single-post .user-name a,  .post-content-area .single-post .date a,  .post-content-area .single-post .view a,  .post-content-area .single-post .comments a {
	color: #777777;
	margin-right: 10px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.post-content-area .single-post .user-name a:hover,  .post-content-area .single-post .date a:hover,  .post-content-area .single-post .view a:hover,  .post-content-area .single-post .comments a:hover {
	color: #0176b3;
}
.post-content-area .single-post .user-name .lnr,  .post-content-area .single-post .date .lnr,  .post-content-area .single-post .view .lnr,  .post-content-area .single-post .comments .lnr {
	font-weight: 900;
	color: #222;
}
.post-content-area .single-post .feature-img img {
	width: 100%;
}
.post-content-area .single-post .posts-title h3 {
	margin: 20px 0px;
}
.post-content-area .single-post .excert {
	margin-bottom: 20px;
}
.post-content-area .single-post .primary-btn {
	background: #fff !important;
	color: #222 !important;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	border-radius: 0px !important;
}
.post-content-area .single-post .primary-btn:hover {
	background: #0176b3 !important;
	color: #fff !important;
}
.blog-pagination {
	padding-top: 60px;
	padding-bottom: 120px;
}
.blog-pagination .page-link {
	border-radius: 0;
}
.blog-pagination .page-item {
	border: none;
}
.page-link {
	background: transparent;
	font-weight: 400;
}
.blog-pagination .page-item.active .page-link {
	background-color: #0176b3;
	border-color: transparent;
}
.blog-pagination .page-link {
	position: relative;
	display: block;
	padding: 0.5rem 0.75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #777777;
	border: none;
}
.blog-pagination .page-link .lnr {
	font-weight: 600;
}
.blog-pagination .page-item:last-child .page-link, .blog-pagination .page-item:first-child .page-link {
	border-radius: 0;
}
.blog-pagination .page-link:hover {
	color: #fff;
	text-decoration: none;
	background-color: #0176b3;
	border-color: #eee;
}
.widget-wrap {
	background: #fafaff;
	padding: 20px 0px;
	border: 1px solid #eee;
}
 @media (max-width: 991px) {
 .widget-wrap {
 margin-top: 50px;
}
}
.widget-wrap .single-sidebar-widget {
	margin: 30px 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #eee;
}
.widget-wrap .single-sidebar-widget:last-child {
	border-bottom: none;
	margin-bottom: 0px;
}
.widget-wrap .search-widget form.search-form input[type=text] {
	color: #fff;
	padding: 10px 22px;
	font-size: 14px;
	border: none;
	float: left;
	width: 80%;
	border-bottom-left-radius: 20px;
	border-top-left-radius: 20px;
	background: #0176b3;
}
 .widget-wrap .search-widget ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000!important;
}
 .widget-wrap .search-widget ::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}
 .widget-wrap .search-widget :-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
}
 .widget-wrap .search-widget :-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}
.widget-wrap .search-widget form.search-form button {
	float: left;
	width: 20%;
	padding: 10px;
	background: #0176b3;
	color: white;
	font-size: 17px;
	border: none;
	cursor: pointer;
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;
}
 .widget-wrap .search-widget form.search-form::after {
 content: "";
 clear: both;
 display: table;
}
.widget-wrap .user-info-widget {
	text-align: center;
}
.widget-wrap .user-info-widget a h4 {
	margin-top: 40px;
	margin-bottom: 5px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.widget-wrap .user-info-widget .social-links li {
	display: inline-block;
	margin-bottom: 10px;
}
.widget-wrap .user-info-widget .social-links li a {
	color: #222;
	padding: 10px;
	font-size: 14px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.widget-wrap .user-info-widget .social-links li a:hover {
	color: #0176b3;
}
.widget-wrap .popular-post-widget .popular-title {
	background: #0176b3;
	color: #fff;
	text-align: center;
	padding: 12px 0px;
}
.widget-wrap .popular-post-widget .popular-post-list {
	margin-top: 30px;
}
.widget-wrap .popular-post-widget .popular-post-list .thumb img {
	width: 100%;
}
.widget-wrap .popular-post-widget .single-post-list {
	margin-bottom: 20px;
}
.widget-wrap .popular-post-widget .single-post-list .details {
	margin-left: 12px;
}
.widget-wrap .popular-post-widget .single-post-list .details h6 {
	font-weight: 200;
	margin-bottom: 10px;
	font-size: 15px;
	color: #222;
}
.widget-wrap .popular-post-widget .single-post-list .details p {
	margin-bottom: 0px;
}
.widget-wrap .ads-widget img {
	width: 100%;
}
.widget-wrap .post-category-widget .category-title {
	background: #0176b3;
	color: #fff;
	text-align: center;
	padding: 12px 0px;
}
.widget-wrap .post-category-widget .cat-list li {
	padding-top: 15px;
	padding-bottom: 8px;
	border-bottom: 2px dotted #eee;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.widget-wrap .post-category-widget .cat-list li p {
	font-weight: 300;
	font-size: 14px;
	margin-bottom: 0px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.widget-wrap .post-category-widget .cat-list li a {
	color: #777777;
}
.widget-wrap .post-category-widget .cat-list li:hover {
	border-color: #0176b3;
}
.widget-wrap .post-category-widget .cat-list li:hover p {
	color: #0176b3;
}
.widget-wrap .newsletter-widget .newsletter-title {
	background: #0176b3;
	color: #fff;
	text-align: center;
	padding: 12px 0px;
}
.widget-wrap .newsletter-widget .col-autos {
	width: 100%;
}
.widget-wrap .newsletter-widget p {
	text-align: center;
	margin: 20px 0px;
}
.widget-wrap .newsletter-widget .bbtns {
	background: #0176b3;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	padding: 8px 20px;
	border-radius: 0;
}
.widget-wrap .newsletter-widget .input-group-text {
	background: #fff;
	border-radius: 0px;
	vertical-align: top;
}
.widget-wrap .newsletter-widget .input-group-text i {
	color: #ccc;
	margin-top: -1px;
}
.widget-wrap .newsletter-widget .form-control {
	border-left: none !important;
	border-right: none !important;
	border-radius: 0px;
	font-size: 13px;
	color: #ccc;
	padding: 9px;
	padding-left: 0px;
}
.widget-wrap .newsletter-widget .form-control:focus {
	box-shadow: none;
	border-color: #ccc;
}
 .widget-wrap .newsletter-widget ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 13px;
 color: #ccc;
}
 .widget-wrap .newsletter-widget ::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 13px;
 color: #ccc;
}
 .widget-wrap .newsletter-widget :-ms-input-placeholder {
    /* IE 10+ */
    font-size: 13px;
 color: #ccc;
}
 .widget-wrap .newsletter-widget :-moz-placeholder {
    /* Firefox 18- */
    font-size: 13px;
 color: #ccc;
}
.widget-wrap .newsletter-widget .text-bottom {
	margin-bottom: 0px;
}
.widget-wrap .tag-cloud-widget .tagcloud-title {
	background: #0176b3;
	color: #fff;
	text-align: center;
	padding: 12px 0px;
	margin-bottom: 30px;
}
.widget-wrap .tag-cloud-widget ul li {
	display: inline-block;
	border: 1px solid #eee;
	background: #fff;
	padding: 4px 14px;
	margin-bottom: 10px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.widget-wrap .tag-cloud-widget ul li:hover {
	background: #0176b3;
}
.widget-wrap .tag-cloud-widget ul li:hover a {
	color: #fff;
}
.widget-wrap .tag-cloud-widget ul li a {
	font-size: 12px;
	color: black;
}
/*
################
               End Blog Home  Page style
################
*/
/*
################
               Start Blog Details  Page style
################
*/
.single-post-area {
	padding-top: 80px;
	padding-bottom: 80px;
}
.single-post-area .meta-details {
	margin-top: 20px !important;
}
.single-post-area .social-links li {
	display: inline-block;
	margin-bottom: 10px;
}
.single-post-area .social-links li a {
	color: #222;
	padding: 7px;
	font-size: 14px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single-post-area .social-links li a:hover {
	color: #0176b3;
}
.single-post-area .quotes {
	margin-top: 20px;
	padding: 30px;
	background-color: white;
	box-shadow: -20.84px 21.58px 30px 0px rgba(176, 176, 176, 0.1);
}
.single-post-area .arrow {
	position: absolute;
}
.single-post-area .arrow .lnr {
	font-size: 20px;
	font-weight: 600;
}
.single-post-area .thumb .overlay-bg {
	background: rgba(0, 0, 0, 0.8);
}
.single-post-area .navigation-area {
	border-top: 1px solid #eee;
	padding-top: 30px;
}
.single-post-area .navigation-area .nav-left {
	text-align: left;
}
.single-post-area .navigation-area .nav-left .thumb {
	margin-right: 20px;
	background: #000;
}
.single-post-area .navigation-area .nav-left .thumb img {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single-post-area .navigation-area .nav-left .lnr {
	margin-left: 20px;
	opacity: 0;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single-post-area .navigation-area .nav-left:hover .lnr {
	opacity: 1;
}
.single-post-area .navigation-area .nav-left:hover .thumb img {
	opacity: .5;
}
 @media (max-width: 767px) {
 .single-post-area .navigation-area .nav-left {
 margin-bottom: 30px;
}
}
.single-post-area .navigation-area .nav-right {
	text-align: right;
}
.single-post-area .navigation-area .nav-right .thumb {
	margin-left: 20px;
	background: #000;
}
.single-post-area .navigation-area .nav-right .thumb img {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single-post-area .navigation-area .nav-right .lnr {
	margin-right: 20px;
	opacity: 0;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.single-post-area .navigation-area .nav-right:hover .lnr {
	opacity: 1;
}
.single-post-area .navigation-area .nav-right:hover .thumb img {
	opacity: .5;
}
.comments-area {
	background: #fafaff;
	border: 1px solid #eee;
	padding: 50px 20px;
	margin-top: 50px;
}
 @media (max-width: 414px) {
 .comments-area {
 padding: 50px 8px;
}
}
.comments-area h4 {
	text-align: center;
	margin-bottom: 50px;
}
.comments-area a {
	color: #222;
}
.comments-area .comment-list {
	padding-bottom: 30px;
}
.comments-area .comment-list:last-child {
	padding-bottom: 0px;
}
.comments-area .comment-list.left-padding {
	padding-left: 25px;
}
 @media (max-width: 413px) {
 .comments-area .comment-list .single-comment h5 {
 font-size: 12px;
}
 .comments-area .comment-list .single-comment .date {
 font-size: 11px;
}
 .comments-area .comment-list .single-comment .comment {
 font-size: 10px;
}
}
.comments-area .thumb {
	margin-right: 20px;
}
.comments-area .date {
	font-size: 13px;
	color: #cccccc;
}
.comments-area .comment {
	color: #777777;
}
.comments-area .btn-reply {
	background-color: #fff;
	color: #222;
	padding: 8px 30px;
	display: block;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.comments-area .btn-reply:hover {
	background-color: #0176b3;
	color: #fff;
}
.comment-form {
	text-align: center;
	background: #fafaff;
	border: 1px solid #eee;
	padding: 50px 20px;
	margin-top: 50px;
}
.comment-form h4 {
	text-align: center;
	margin-bottom: 50px;
}
.comment-form .name {
	padding-left: 0px;
}
 @media (max-width: 991px) {
 .comment-form .name {
 padding-right: 0px;
}
}
.comment-form .email {
	padding-right: 0px;
}
 @media (max-width: 991px) {
 .comment-form .email {
 padding-left: 0px;
}
}
.comment-form .form-control {
	padding: 10px;
	background: #fff;
	border: none;
	border-radius: 0px;
	width: 100%;
	font-size: 13px;
	color: #000!important;
}
.comment-form .form-control:focus {
	box-shadow: none;
}
 .comment-form ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 13px;
color: #000!important;
}
 .comment-form ::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 13px;
color: #000!important;
}
 .comment-form :-ms-input-placeholder {
    /* IE 10+ */
    font-size: 13px;
color: #000!important;
}
 .comment-form :-moz-placeholder {
    /* Firefox 18- */
    font-size: 13px;
color: #000!important;
}
.comment-form .primary-btn {
	border-radius: 0px !important;
	border: 1px solid transparent;
}
.comment-form .primary-btn:hover {
	background: transparent;
	border-color: #0176b3 !important;
	color: #0176b3 !important;
}
.footer-area {
	background-color: #f8f8f8
;
	padding:30px 0px;
	padding-bottom:25px; padding-top:0px;
}
.footer-area .footer-nav li {
	margin-top: 4px;
}
.footer-area .footer-nav li a {
	color: #000;
}
.footer-area .footer-nav li a:hover {
	color: #000;
}
h6 {
	color: #333;
	margin-bottom: 25px;
	font-size: 18px;
	font-weight: 200;
}
.copy-right-text i, .copy-right-text a {
	color: #0176b3;
}
.instafeed {
	margin: -5px;
}
.instafeed li {
	overflow: hidden;
	width: 25%;
}
.instafeed li img {
	margin: 5px;
}

.footer-call{ background:#0176b3; color:#FFF!important; padding-top:30px;}
.footer-call p{color:#FFF!important;}
.footer-social a {
	background-color: #111111;
	color: #fff;
	padding: 12px;
	width: 45px;
	margin: 5px;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.footer-social a:hover {
	background-color: #0176b3;
}
.footer-social i {
	color: #cccccc;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
@media (max-width: 991.98px) {
 .footer-social {
 text-align: left;
}
}
@media (max-width: 768px) {
 .footer-social {
 margin-top: 20px;
}
}
.single-footer-widget input {
	line-height: 38px;
	border: none;
	background: #fff;
	border:solid 1px #EEE;
	font-weight: 300;
	border-radius: 20px;
	color: #777;
	padding-left: 20px;
	width: 100%;
}
.single-footer-widget input:focus {
	outline: none;
}
 @media (max-width: 991px) {
 .single-footer-widget input {
 margin-bottom: 15px;
}
}
.single-footer-widget .primary-btn {
	background: #0176b3;
	border-radius: 23px;
}
.single-footer-widget .bb-btn {
	background-color: #0176b3;
	color: #fff;
	font-weight: 300;
	border-radius: 0;
	z-index: 9999;
	cursor: pointer;
}
@media (max-width: 768px) {
 .single-footer-widget .newsletter {
 padding-bottom: 40px;
}
}
.single-footer-widget .info {
	position: absolute;
	margin-top: 122px;
	color: #fff;
	font-size: 12px;
}
.single-footer-widget .info.valid {
	color: green;
}
.single-footer-widget .info.error {
	color: red;
}
.single-footer-widget ::-moz-selection {
  /* Code for Firefox */
  background-color: #0176b3;
 color: #777777;
}
.single-footer-widget ::selection {
 background-color: #0176b3;
 color: #777777;
}
.single-footer-widget ::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #777777;
 font-weight: 300;
}
.single-footer-widget :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #777777;
 opacity: 1;
 font-weight: 300;
}
.single-footer-widget ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #777777;
 opacity: 1;
 font-weight: 300;
}
.single-footer-widget :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #777777;
 font-weight: 300;
}
.single-footer-widget ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #777777;
 font-weight: 300;
}
@media (max-width: 991.98px) {
 .single-footer-widget {
 margin-bottom: 30px;
}
}
.footer-bottom {
	padding-top: 80px;
}
 @media (max-width: 991px) {
 .footer-bottom {
 padding-top: 0;
}
}
.footer-text a, .footer-text i {
	color: #0176b3; font-size:15px;
}
/*# sourceMappingURL=main.css.map */

a.applynow {
	color:#fb8a23
}
a.hightlight {
	color:#ff9433`;
}
.fact-box {
	box-shadow: 0px 20px 50px rgba(153, 153, 153, 0.20);
}
.single-fact {
	text-align: center;
	margin: 25px 0;
	padding: 8px 16px;
	border-right: 1px solid #ddd;
 @media (max-width: 991px) {
 margin: 10px 0;
 padding: 8px 32px;
}
 &:last-child {
 border-right: 0;
}
.fact-box .single-fact h2 {
	font-size: 36px;
	margin-bottom: 5px;
	font-weight:bold!important;
}
 @media (max-width: 991px) {
 font-size: 25px;
}
}
.hero-blog-post {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 420px;
}
 @media only screen and (min-width: 1200px) and (max-width: 1499px) {
 .hero-blog-post {
 height: 420px;
}
}
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
 .hero-blog-post {
 height: 400px;
}
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
 .hero-blog-post {
 height: 400px;
}
}
 @media only screen and (max-width: 767px) {
 .hero-blog-post {
 height: 350px;
}
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
 .hero-blog-post {
 height: 400px;
}
}
.hero-blog-post .post-content .post-meta {
	position: relative;
	z-index: 1;
	margin-bottom: 20px;
}
.hero-blog-post .post-content .post-meta a {
	position: relative;
	z-index: 1;
	display: inline-block;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #ed3974;
}
.hero-blog-post .post-content .post-meta a:last-child {
	margin-left: 20px;
}
 .hero-blog-post .post-content .post-meta a:last-child::after {
 content: '/';
 position: absolute;
 top: 0;
 left: -15px;
 z-index: 1;
}
.hero-blog-post .post-content .post-meta a:hover, .hero-blog-post .post-content .post-meta a:focus {
	color: #ffffff;
}
.hero-blog-post .post-content .post-title {
	font-size: 30px;
	color: #ffffff;
	font-weight: 400;
	display: block;
	text-align:left;
	margin-bottom: 10px;
}
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
 .hero-blog-post .post-content .post-title {
 font-size: 36px;
}
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
 .hero-blog-post .post-content .post-title {
 font-size: 30px;
}
}
 @media only screen and (max-width: 767px) {
 .hero-blog-post .post-content .post-title {
 font-size: 20px;
}
}
.hero-blog-post {
	text-align:left;
}

.hero-blog-post .post-content .video-play {
	width: 60px;
	height: 60px;
	background-color: rgba(26, 26, 26, 0.5);
	border-radius: 50%;
	display: inline-block;
	color: #ffffff;
	font-size: 18px;
	text-align: center;
	line-height: 60px;
}
.hero-blog-post .post-content .video-play:hover, .hero-blog-post .post-content .video-play:focus {
	background-color: #ed3974;
}
.post-content p {
	font-size:18px;
	color:#FFF;
}
.hero-area {
	position: relative;
	z-index: 1;
}
.hero-area .owl-prev,  .hero-area .owl-next {
	position: absolute;
	background-color: rgba(255, 255, 255, 0.8);
	width: 55px;
	height: 55px;
	color: #0176b3;
	font-size: 20px;
	text-align: center;
	line-height: 54px;
	top: 50%;
	left: 1.5%;
	margin-top: -25px;
	-webkit-transition-duration: 500ms;
	-o-transition-duration: 500ms;
	transition-duration: 500ms;
}
 @media only screen and (max-width: 767px) {
 .hero-area .owl-prev,  .hero-area .owl-next {
 width: 40px;
 height: 40px;
 font-size: 18px;
 line-height: 44px;
 margin-top: -20px;
}
}
.hero-area .owl-prev:hover, .hero-area .owl-prev:focus,  .hero-area .owl-next:hover,  .hero-area .owl-next:focus {
	background-color: #2864e6; color:#FFF;
}
.hero-area .owl-next {
	left: auto;
	right: 1.5%;
}
#exTab1 .tab-content {
	color : white;
	background-color: #428bca;
	padding : 5px 15px;
}
#exTab2 h3 {
	color : white;
	background-color: #428bca;
	padding : 5px 15px;
}
/* remove border radius for the tab */

#exTab1 .nav-pills > li > a {
	border-radius: 0;
}
/* change border radius for the tab , apply corners on top*/

#exTab3 .nav-pills > li > a {
	border-radius: 4px 4px 0 0;
}
#exTab3 .tab-content {
	color : white;
	background-color: #428bca;
	padding : 5px 15px;
}
.carousel {
	margin: 0px auto;
	padding: 0px!!important;
}
.carousel .item {
	min-height: 255px;
	text-align: left!important;
	overflow: hidden;
}
.carousel .item .thumb-wrapper {
}
.carousel .item .img-box {
}
.carousel .item .img-box img {
	position: relative;
}
.carousel .item img {
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	position: absolute;
	bottom: 0;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.carousel .item h4 {
	font-size: 18px;
	color:#ff9433;
	margin: 10px 0;
}

.thumb-wrapper h4 {
	font-size: 18px;
	color:#ff9433;
	margin: 10px 0; font-weight:bold;}
	
.carousel .item .btn {
	color: #333;
	border-radius: 0;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	background: none;
	border: 1px solid #ccc;
	padding: 5px 10px;
	margin-top: 5px;
	line-height: 16px;
}
.carousel .item .btn:hover, .carousel .item .btn:focus {
	color: #fff;
	background: #000;
	border-color: #000;
	box-shadow: none;
}
.carousel .item .btn i {
	font-size: 14px;
	font-weight: bold;
	margin-left: 5px;
}
.carousel .thumb-wrapper {
	text-align: center;
}
.carousel .thumb-content {
	padding: 10px; text-align:center;
}
.carousel .thumb-content a {
	text-decoration:underline;
}
.carousel .carousel-control {
	height: 40px;
	width: 40px;
	background: none;
	margin: auto 0;
	background: rgba(0, 0, 0, 0.2);
}
.carousel .carousel-control i {
	font-size: 30px;
	position: absolute;
	top: 50%;
	display: inline-block;
	margin: -16px 0 0 0;
	z-index: 5;
	left: 0;
	right: 0;
	color: rgba(0, 0, 0, 0.8);
	text-shadow: none;
	font-weight: bold;
}
.carousel .item-price {
	font-size: 13px;
	padding: 2px 0;
}
.carousel .item-price strike {
	color: #999;
	margin-right: 5px;
}
.carousel .item-price span {
	color: #86bd57;
	font-size: 110%;
}
.carousel .carousel-control.left i {
	margin-left: -3px;
}
.carousel .carousel-control.left i {
	margin-right: -3px;
}
.carousel .carousel-indicators {
	bottom: -20px;
}
.carousel-indicators li, .carousel-indicators li.active {
	margin: 4px;
	border-radius: 50%;
	border-color: transparent;
}
.carousel-indicators li {
	background: rgba(0, 0, 0, 0.2);
}
.carousel-indicators li.active {
	background: rgba(0, 0, 0, 0.6);
}
.star-rating li {
	padding: 0;
}
.star-rating i {
	font-size: 14px;
	color: #ffc000;
}
.tabbable-panel {
	border:1px solid #eee;
	padding: 0px;
	width:100%;
}
/* Default mode */
.tabbable-line > .nav-tabs {
	border: none;
	margin: 0px;
}
.tabbable-line > .nav-tabs > li {
	margin-right: 2px;
	padding:10px 15px;
}
.tabbable-line > .nav-tabs > li > a {
	border: 0;
	margin-right: 0;
	color: #207cb7;
	font-weight:bold;
}
.tabbable-line > .nav-tabs > li > a > i {
	color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
	border-bottom: 4px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
	border: 0;
	background: none !important;
	color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
	color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
	margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
	border-bottom: 4px solid #ff7900;
	position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
	border: 0;
	color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
	color: #404040;
}
.tabbable-line > .tab-content {
	margin-top: -3px;
	background-color: #fff;
	border: 0;
	border-top: 0px solid #eee;
	padding: 0px;
}
.portlet .tabbable-line > .tab-content {
	padding-bottom: 0;
}
.score {
	background:#f8f8f8
;
	padding:20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.progress {
	width: 150px;
	height: 150px;
	line-height: 150px;
	background: none;
	margin: 0 auto;
	box-shadow: none;
	position: relative;
}
.progress:after {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 12px solid #fff;
	position: absolute;
	top: 0;
	left: 0;
}
.progress > span {
	width: 50%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 1;
}
.progress .progress-left {
	left: 0;
}
.progress .progress-bar {
	width: 100%;
	height: 100%;
	background: none;
	border-width: 12px;
	border-style: solid;
	position: absolute;
	top: 0;
}
.progress .progress-left .progress-bar {
	left: 100%;
	border-top-right-radius: 80px;
	border-bottom-right-radius: 80px;
	border-left: 0;
	-webkit-transform-origin: center left;
	transform-origin: center left;
}
.progress .progress-right {
	right: 0;
}
.progress .progress-right .progress-bar {
	left: -100%;
	border-top-left-radius: 80px;
	border-bottom-left-radius: 80px;
	border-right: 0;
	-webkit-transform-origin: center right;
	transform-origin: center right;
	animation: loading-1 1.8s linear forwards;
}
.progress .progress-value {
	width: 90%;
	height: 90%;
	border-radius: 50%;
	background: #CCC;
	font-size: 24px;
	color: #fff;
	line-height: 135px;
	font-weight:bold;
	text-align: center;
	position: absolute;
	top: 5%;
	left: 5%;
}
.progress.blue .progress-bar {
	border-color: #049dff;
}
.progress.blue .progress-left .progress-bar {
	animation: loading-2 1.5s linear forwards 1.8s;
}
.progress.yellow .progress-bar {
	border-color: #fdba04;
}
.progress.yellow .progress-left .progress-bar {
	animation: loading-3 1s linear forwards 1.8s;
}
.progress.pink .progress-bar {
	border-color: #ed687c;
}
.progress.pink .progress-left .progress-bar {
	animation: loading-4 0.4s linear forwards 1.8s;
}
.progress.green .progress-bar {
	border-color: #1abc9c;
}
.progress.green .progress-left .progress-bar {
	animation: loading-5 1.2s linear forwards 1.8s;
}
@keyframes loading-1 {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(180deg);
 transform: rotate(180deg);
}
}
@keyframes loading-2 {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(144deg);
 transform: rotate(144deg);
}
}
@keyframes loading-3 {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(90deg);
 transform: rotate(90deg);
}
}
@keyframes loading-4 {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(36deg);
 transform: rotate(36deg);
}
}
@keyframes loading-5 {
 0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(126deg);
 transform: rotate(126deg);
}
}
@media only screen and (max-width: 990px) {
 .progress {
margin-bottom: 20px;
text-align:center;
}
}
.btn-success {
	padding:5px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-top:5px;
}
.brder-top {
	border-top:solid 1px #EEE;
}
.panel {
	background:#FFF;
	margin:0px;
	padding:20px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:5px 0px
}
.panel p {
	margin:0px;
	line-height:16px;
}
p.announcement-heading {
	position:absolute;
	top:3px;
	right:13px;
	background:#FFF;
	color:#898989;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding:0px 5px;
	height:20px;
	font-weight:400;
	width:20px;
	display:inline-block;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.14);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.14);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.14);
}
.orange {
	background:#ff9433!important;
	color:#FFF
}
.blue2 {
	background:#0176b3!important;
	color:#FFF
}
ul.mylist {
	list-style:disc!important;
	margin-left:20px;
}
.primary-btn {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background: #0176b3;
	color: #fff;
	font-size: 14px;
	border: 1px solid #0176b3;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.primary-btn:hover {
	background: transparent;
	border: 1px solid #0176b3;
	color: #0176b3;
}



.primary-btn-orange {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background: #fb871f;
	color: #fff;
	font-size: 14px;
	border: 1px solid #fe8314;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.primary-btn-orange:hover {
	background: transparent;
	border: 1px solid #fe8314;
	color: #fff!important;
}


.mtb {
	margin:30px 0px;
}
#testimonial {
	padding:0px 0px;
	padding-bottom:0px;
}
#testimonial .carousel .carousel-control i{ font-size:50px;}
#testimonial .carousel .carousel-control .carousel-control-next{ left:-50px;}
#testimonial .carousel .carousel-control .carousel-control-prev{ right:-50px;}


#testimonial span {
	font-size:50px;
	display:inline-block; padding-top:20px;
	font-family: 'Karla', sans-serif;
 padding:0px; margin:0px; display:none;
}
#testimonial div.item {
	font-size:16px;
}
#testimonial .fa.fa-quote-right {
	color:#5db4c0;
	font-size:30px;
}
#testimonial p {padding:0px; margin:0px;
} 
#testimonial img {
	width: 150px;
	height: 150px;
	display:none;
	margin: 0 auto;
	border-radius: 50%;
	border: 1px solid #5db4c0;
}
#testimonial .carousel-indicators li {
	background-color: #207cb7; display:inline-block; width:15px!important; padding:5px;}
#testimonial h5 {
	color:#207cb7; padding:0px; font-size:15px; margin-top:10px;
}
#testimonial .carousel-indicators li.active {
	background-color: #ff9433;
}
#testimonial .carousel-indicators {
	bottom: 0px;
}
#cwrap img {
	margin:0 auto
}
#cwrap {
	margin-top: 0px;
	padding-top: 40px;
	padding-bottom: 50px;
}
#whychooseus h2 {
	margin-bottom:20px;
}
.logos .col-sm-2 {
	text-align:center;
	padding:15px 25px;
	vertical-align:middle;
	display:block;
}
.logos .col-sm-3 {
	width:25%;
	text-align:center;
	padding:25px 25px;
	vertical-align:middle
}
;
.mylogo {
	border:solid 1px #000;
}
.single-nav h3 {
	font-size: 17px;
	color: #232323;
	font-weight: 600;
}
.single-nav h3 span {
	font-size: 18px;
	font-weight: 700;
	display: block;
}
.single-nav {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 10px;
 transition: .4s
}
.single-nav:before {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	content: "";
	background: #fbfbfb;
	z-index: -1;
	border: 1px solid #e9e9e9;
}
.single-nav:hover:before {
	background: #232935;
}
.loan-slider-box {
	background: #fbfbfb;
	padding: 30px 50px;
	border: 1px solid #e9e9e9;
}
.single-nav:hover h3 {
	color: #fff
}
.single-loan-slider:last-child {
	margin-bottom: 0;
}
.single-loan-slider h4 {
	font-size: 20px;
	color: #232323;
	font-weight: 600;
}
.single-loan-slider {
	margin-bottom: 10px;
}
.ui-widget-header {
	background: #24c8a6 !important;
	border: 0 !important;
}
.ui-widget-content {
	background: #e3e3e3 !important;
	border: 0 !important;
}
.ui-slider-horizontal {
	height: 7px !important;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -0.5em !important;
	margin-left: -.2em !important;
}
.ui-slider .ui-slider-handle {
	width: 7px !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	background: #24c8a6 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background: #24c8a6 !important;
}
.single-loan-slider input {
	color: #aaaaaa;
	font-size: 16px;
	border: 0;
	margin-top: 10px;
}
.loan-emi {
	background: #3a7cdd;
	color: #fff;
	padding: 20px;
}
.single-total h5 {
	font-size: 20px;
	font-weight: 600;
}
.single-loan-slider h6 {
	margin-top: 5px;
	display: inline-block;
}
.single-total h2 {
	color: #232935;
	font-size: 20px;
	font-weight: 600;
	font-family: 'Karla', sans-serif;

}
.single-total h2.emi-price {
	font-size: 50px;
}
button .applybtn:hover {
	background: #232323;
	color: #fff;
}
.loan-emi { background:#EEE;
	color: #ff9433;
	padding: 18px 20px;
}
.total-calculation {
	color:#ff9433
}
.single-total h5 {
	font-size: 15px;
	font-weight: 600;
	color:#ff9433;
	margin-top:20px;
}
.single-total h2 {
	color: #232935;
	font-size: 20px;
	font-weight: 600;
	font-family: 'Karla', sans-serif;

}
.single-total h2.emi-price {
	font-size: 40px;
	color:#207cb7;
}
button .applybtn {
	background: #232323;
	color: #fff;
}
.partners img {
/*	border:solid 1px #EEE;
	padding:10px;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.37);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.37);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.37);*/
}
.vertical .carousel-inner {
	height: 100%;
}
.carousel.vertical .item {
	-webkit-transition: 0.6s ease-in-out top;
	-moz-transition: 0.6s ease-in-out top;
	-ms-transition: 0.6s ease-in-out top;
	-o-transition: 0.6s ease-in-out top;
	transition: 0.6s ease-in-out top;
}
.carousel.vertical .active {
	top: 0;
}
.carousel.vertical .next {
	top: 100%;
}
.carousel.vertical .prev {
	top: -100%;
}
.carousel.vertical .next.left, .carousel.vertical .prev.right {
	top: 0;
}
.carousel.vertical .active.left {
	top: -100%;
}
.carousel.vertical .active.right {
	top: 100%;
}
.carousel.vertical .item {
	left: 0;
}
.sociallinks {
	position:fixed;
	bottom:36%;
	right:-2px
}
.sociallinks a {
	display:block;
	opacity:0.8;
	background:#3B5998;
	padding:10px
}
.sociallinks a img {
	display:block
}
.sociallinks a.twitter {
	background:#00ABF1
}
.sociallinks a.tripadvisor {
	background:#b02c25;
}
.sociallinks a.trip {
	background:#4c8f36;
}
.sociallinks a:hover {
	opacity:1
}
.call {
	padding-bottom:30px;
	color:#207cb7;
}
.call p {
	font-size:24px;
	text-align:center;
	line-height:30px;
}
.call p i {
	color:#ff9433;
}
.single-footer-widget h6 {
	margin-bottom:10px; color:#0176b3;
}
.breadcrumbfinway {
	border-top: solid 1px #f7f7f7;
	border-bottom: solid 1px #f7f7f7;
	font-size:13px;
}
.profile {
	margin-bottom:20px; text-align:left; padding-left:20px;
}


.profile p{ text-align:left!important; margin:0px; padding:0px; line-height:18px;}
.profile a {
	color:#000;
	text-decoration:underline;
}
.profile h3 {
	font-size:15px;
	margin:0px; margin-top:20px!important;
	padding:0px;
}
.profile .thumbnail {
	display: block;
	padding: 0px;
	margin-bottom: 10px;
/*	background-color: #666;
	border: 1px solid #ddd;*/
	border-radius: 15px;
 -webkit-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
}
.btn-info {
	font-size:15px;
	padding:5px 10px;
}
.get-started {
	background:#F6f6f6;
	padding:40px 0px;
	margin-bottom:10px;
}
.achievements {
	text-align:center
}
.achievements h1 img {
	width:30%;
	width:30%;
	margin:0 auto;
}
.achievements h2 {
	font-size:18px;
	font-weight:bold;
	color:#ff7f00;
	margin:0px!important;
	padding:0px;
}
.section-gap40 {
	padding:40px 0px;
}
.main-title h1 {
	font-weight:bold;
	font-size:25px;
}

.awards p{ line-height:18px; text-align:center; margin-top:10px; font-size:13px!important;}
@media (min-width: 576px) {
.awards .col-sm-2 {
width:20%!important;
flex: 20%!important;
}
}
.bx {
	background: #f8f8f8
;
	padding: 15px;
	border: solid 1px #EEE;
	min-height: 200px;
	margin-bottom:20px;
	background:#FFF;
}
.bx h3 {
	font-size:14px;
	color:#ff9433;
	font-weight:bold;
}
.profile p a i {
	color:#ff9433;
	font-size:16px;
	text-align:center;
}
.profile p {
	color:#ff9433;
	font-size:13px;
	text-align:center
}
.press-release {
	text-align:center;
	margin-bottom:20px;
	border:solid 1px #EEE;
	background:#FFF;
	padding:15px; min-height:220px;
}
.press-release h3 {
	font-size:14px
}
.press-release img {
	width:100%;
	margin-bottom:10px;
}
.press-release span {
	color:#ff9433;
}
.alpha-list {
	list-style:decimal;
	margin:10px 0px;
	margin-bottom:20px;
	margin-left:10px;
}
.textblue {
	color:#0176b3;
}
.lftnavigation {
}
.lftnavigation ul li {
	border-bottom:solid 1px #FFF;
	line-height:25px;
}
.lftnavigation h4 {
	font-weight:bold;
	margin-top:10px;
}
.brdr5bnr {
	border:solid 5px #FFF;
}
form.getintouch .form-group input.form-control {
	padding:20px!important;
}
.latest-news-area p {`
}

.latest-news-area{ background:#FFF url(../img/starbg.png) repeat-x;}

#feedback {
	position: fixed;
	left: 0;
	bottom: 0;
	height: 250px;
	margin-left: -3px;
	margin-bottom: -3px;
}
#feedback-form {
	float: left;
	width: 300px;
	height: 100%;
	z-index: 1000;
	padding-left: 5px;
	padding-right: 10px;
	background-clip: 'padding-box';
	border: 1px solid rgba(0, 0, 0, .2);
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
#feedback-tab {
	float: right;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	text-align: center;
	width: 120px;
	height: 42px;
	background-color: rgba(0, 0, 0, 0.5);
	margin-top: 60px;
	margin-left: -42px;
	padding-top: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
#feedback-tab:hover {
	background-color: rgba(0, 0, 0, 0.4);
}
#feedback-form textarea {
	resize: none;
}
a.primary-btn {
	line-height: 42px;
	padding: 0px 30px;
	border-radius: 5px;
	border: none;
	color: #fff!important;
	display: inline-block; border:solid 1px #06C; 
	font-weight: bold;
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
	position: relative;
}
.primary-btn:focus {
	outline: none;
}
a.primary-btn span {
	color: #fff;
	position: absolute;
	top: 50%;
	transform: translateY(-60%);
	right: 30px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
a.primary-btn:hover {
	color: #0176b3!important;
}
.nav.nav-tabs {
	float: left;
	display: block;
	margin-right:0px;
	font-size:15px;
	border-bottom:0;
	border-right: 1px solid #ddd;
}
.nav-tabs .nav-link {
	border: 1px solid transparent;
 border-top-left-radius: .25rem;
 border-top-right-radius: .25rem;
	font-size:15px;
	background: #ccc;
}
.elegibility .nav > li {
	width:100%;
	border-bottom: solid 1px #CCC;
}
.elegibility .nav > li > a {
	font-size:15px;
	padding:7px 12px;
	border-radius:0rem!important;
}
.nav-tabs .nav-link.active {
	color: #495057;
	background-color:#007bff !important;
	border-color: transparent !important;
	border-right:0px;
	font-size:15px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	border-right-color: transparent;
	font-size:15px;
}
.nav-tabs .nav-link {
	border: 1px solid transparent;
	border-top-left-radius: 0rem!important;
	border-top-right-radius: 0rem!important;
	border-radius:0rem!important;
	font-size:15px;
}
.tab-content>.active {
	display: block;
	min-height: 165px;
	font-size:15px;
}
.tab-content{ padding-left:20px;}
.nav.nav-tabs {
	float: left;
	display: block;
	border-bottom: 0;
	border-right: 1px solid transparent;
}
.sidenav {
	height: 50%;
	width: 0;
	position: fixed;
	z-index: 1;
	top:330px;
	right: 0;
	background-color:#0176b3;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
}
.sidenav1 {
	height: 50%;
	width: 0;
	position: fixed;
	z-index: 1;
	top:285px;
	right: 30px;
	transition: 0.5s;
	padding-top: 60px;
}
.sidenav a {
	padding: 15px 0px 8px 32px;
	text-decoration: none;
	font-size: 25px;
	color: #818181;
	display: block;
	transition: 0.3s
}
.sidenav a:hover, .offcanvas a:focus {
	color: #f1f1f1;
}
.closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px !important;
	margin-left: 50px;
}
 @media screen and (max-height: 450px) {
 .sidenav {
padding-top: 15px;
}
 .sidenav a {
font-size: 18px;
}
}
.sidelinks {
	margin-top: 20px;
}
.sidelinks ul li a {
	background:#F60;
	text-align:center;
	font-size:18px;
	padding:10px 20px;
	display:inline-block; text-transform:uppercase;
	color:#FFF;
	width:100%;
	margin-bottom:10px;
}
.sidelinks ul li a:hover {
	background:#0176b3;
	text-align:center;
	padding:10px 20px;
	display:inline-block;
	color:#FFF;
	width:100%;
}

.awardsco{ background:#FFF; padding:10px; margin-bottom:10px; min-height:220px;}
.text-blue{ color:#0176b3}
.loanpro{padding:20px;}
.carousel-indicators{position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    /* margin-right: 15%; */
    margin-left:7%;
    list-style: none;
    width: 100px;}
	
.icon-close {
  right: 2rem;
  top: 1.8rem;
  transition: right .6s ease-in-out;
  cursor: pointer;
}
.has-error .help-block {
  color: $white; 
  text-align: center;
}

.toggle-form {
  right: -9999px;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  transition: right .6s ease-in-out;
}
.toggle-form.active {
    right: 0;
}
.toggle-form .formwrap img {
    width: 20px;
}
.orange {
    background-color: #ff910e;
    border-color: #ff910e;
    color: #fff;
    padding: 1rem 2rem;
    line-height: 1.5;
    border-radius: 2rem;
}
.btn.orange:hover {
    background-color: #da7600;
    border-color: #da7600;
    color: #fff;
}
.form-control {
    display: block;
    width: 100%;
    padding: .5rem .75rem;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 1.5rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; color: #000!important;
}
.formwrap {
  background-color: #1aafff; 
  max-width: 620px;
  height: 100%;
  float: right;
  box-shadow: -1px 0px 12px rgba(0, 0, 0, 0.1);
}
.formwrap form input, .formwrap form input:focus {

    border-color: #fff;
    color: #000!important;
    margin-right: 10px;
}

.mid-col {
  max-width: 100%;
  flex: 0 0 100%;
  -ms-flex: 0 0 100%;
}
.form-control {
        color: #333!important;
        margin-right: 10px;
 }
select.form-control:not([size]):not([multiple]) {
  color: #333!important;
}
option {
  background-color: #fff;
  color: #1f2124;
}
@media (max-width: 575px) {
  .formwrap{
    width: 100%
  }
}

.toggle-form label{ color:#000}
.cta-open{ position:fixed; right:0px; top:60%; z-index:99999;}
.item p span{  content: "\201C";}
.font-size50{ font-weight:bold; color:#ff9433;}
.fa-home{ font-size:22px; color:#0176b3;}
.form-control{ background:#FFF; padding:20px;}
select.form-control{ background:#FFF; }
select{ background:#FFF; padding:10px; color: #000!important;}
.selectpicker{ color:#333!important;}

.download {
    -webkit-box-shadow: 0px 10px 36px -6px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 10px 36px -6px rgba(0, 0, 0, 0.35);
    -ms-box-shadow: 0px 10px 36px -6px rgba(0, 0, 0, 0.35);
    -o-box-shadow: 0px 10px 36px -6px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 10px 36px -6px rgba(0, 0, 0, 0.35);
    display: block;
    padding: 30px 15px; text-align:center; font-size:14px;!important}
	
	
	.download .icon i {
    font-size: 50px;
    color: #ff9433;}
	
	option:checked {
    display: none;
}


.thumb-wrapper{ border:solid 1px #EEE; padding:15px; margin-bottom:20px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.43);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.43);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.43);}
.thumb-wrapper p{ line-height:16px; min-height:30px;}
.thumb-wrapper a{  text-transform:uppercase}
.latest-news-area h4{font-size:16px; font-weight:bold;}
.myblogs span{padding:0px 3px; color:#999;}
.myform-control{
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-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;
}


.form-control{display:block;width:100%;height:none!important;padding:6px 12px;font-size:14px;line-height:20px; color:#555;vertical-align:middle;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-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}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}

.img-responsive{max-width:100%!important;height:auto!important}




.primary-btn2 {
	line-height: 32px;
	padding: 0px 10px;
	border-radius: 5px;
	border: none;
	color: #fff; font-size:14px; border: solid 1px #0176b3;
	display: inline-block;
	font-weight: 500;
	position: relative;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	cursor: pointer;
	position: relative;
}
.primary-btn2:focus {
	outline: none; font-size:14px; line-height: 32px;
	padding: 0px 10px;
	border-radius: 5px; border:none;
}
.primary-btn2:hover {
	color: #0176b3; font-weight:normal; font-size:14px; line-height: 32px;
	padding: 0px 10px;
	border-radius: 5px;
}


.achievementshome {text-align:center}
.achievementshome h1 img {width:30%; width:30%; margin:0 auto; margin-bottom:5px;}
.achievementshome h2 {
	font-size:16px;
	color:#0176b3;
	margin:0px!important;
	padding:0px;
}
.single-product{-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;}
.our-offer-area{ padding:70px 0px; font-size:18px;}
.single-product2{ margin-bottom:20px; font-size:18px;}
.single-product2 .thumb img{ width:60%; height:60%;}
.single-product2 .details {
  padding: 0px; text-align:left;
}

.single-product2 .details h4 {
  margin-bottom: 0px;
}
.single-product2 .details h4 strong{ font-weight:bold; font-size:20px; color:#0251aa;}

.single-product2 .details .primary-btn {
  margin-top: 10px;
  border-radius: 0;
  background: #fff;
  color: #222 !important;
  font-weight: 600;
}

.single-product2 .thumb{ text-align:center;}
.single-product2:hover {
  cursor: pointer;
}

.single-product2:hover .details .primary-btn {
  color: #fff !important;
}



.single-product {
  text-align: center;
  border-radius: 10px;
  box-shadow: 0px 10px 30px 0px rgba(212, 150, 255, 0.2); 
}

.single-product .thumb {
  padding: 20px;
  border-bottom: 1px solid #eee; text-align:center;
}

.single-product .details {
  padding: 15px 20px; -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}

.single-product .details h4 {
  margin-bottom:5px; color:#FFF; 
}

.single-product .details .primary-btn {
  margin-top: 10px;
  border-radius: 0;
  background: #fff;
  color: #222 !important;
  font-weight: 600;
}

.single-product:hover {
  cursor: pointer;
}

.single-product:hover .details .primary-btn {
  color: #fff !important;
}



.marquee-list-img {
	max-height:330px;
	overflow:hidden;
}
.marquee-list-img marquee {
	min-height:330px;
}
.marquee {
	position: relative;
	animation: marquee 5s linear infinite;
	text-align:center;
	color:#ffffff;
}
@keyframes marquee {
 0% {
 top: 2px;
}
 100% {
 top: -2em;
}
}





.carousel {
	margin: 10px auto;
	padding: 0 10px;
}
.carousel .item {
	color: #999;
	font-size: 14px;
    text-align: center; padding:0px;
	overflow: hidden;
    
}
.carousel .item .img-box {
	width: 135px;
	height: 155px;
	margin: 0 auto;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 50%;
}
.carousel .img-box img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
}
.carousel .testimonial {
	padding: 30px 0 10px;
}
.carousel .overview {	
	font-style: italic;
}
.carousel .overview b {
	text-transform: uppercase;
	color: #7AA641;
}
.carousel .carousel-control {
	width: 40px;
    height: 40px;
    margin-top: -20px;
    top: 50%;
	background: none;
}
.carousel-control i {
    font-size: 68px;
	line-height: 12px;
    position: absolute;
    display: inline-block;
	color: rgba(0, 0, 0, 0.8);
    text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
}
.carousel .carousel-indicators {
	bottom: -40px;
}
.carousel-indicators li, .carousel-indicators li.active {
	margin: 1px 3px;
	border-radius: 50%; height:10px!important; width:30px!important; display:block;
}
.carousel-indicators li {	
	background: #999;
	border-color: transparent;
	box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}
.carousel-indicators li.active {	
	background: #555;		
	box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
}


.blinking{
    animation:blinkingText 0.8s infinite; font-size:14px;
}
@keyframes blinkingText{
0%{		color: #207cb7;	}
	49%{	color: #ff9433;	}
	50%{	color: #ff9433;	}
	99%{	color:#ff9433;	}
	100%{	color: #207cb7;	}
}
.font12{ font-size:12px!important;}



.sticky { padding:10px 0px; }

.fixed {
  position: fixed; background:#FFF;
  top:77px; 
  width: 100%; z-index:99; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3); background:#207cb7}
  
  .fixed a{ color:#207cb7; font-size:16px; margin-right:15px;}
  .sticky a{ color:#FFF; font-size:14px; text-transform:uppercase; margin-right:15px;}
  
.pages-header{ padding:30px 0px;}
.latest-news-area h2{ font-size:22px; font-weight:bold; margin-bottom:12px; color:#ff9433}
.latest-news-area h3{ margin-top:20px; font-size:19px; font-weight:bold; color:#0176b3;}
ul.mylist2{ text-align:left; list-style:none; margin:0px 0%}
ul.mylist2 li{ border-bottom:solid 1px #EEE; padding:4px 10px;}
.mylist3{ list-style:none;}

.card-header, .card-link,.card-link:hover{background-color:#0176b3;text-align:left; color:#FFF;}
.card-header, .card-link,.card-link:visited{background-color:#0176b3;text-align:left; color:#FFF;}
.card-body{padding:10px 10px; margin:0px;}
.card{width:100%;}
b{position:absolute;top:5px;right:20px;font-size:20px;color:white; -webkit-animation: minus 0.5s;}
[aria-expanded="false"] > .expanded, [aria-expanded="true"] > .collapsed {display: none;}




.blinking{
    animation:blinkingText 1.2s infinite; font-weight:bold!important;
}
@keyframes blinkingText{
    0%{     color: #005ddb;    }
    49%{    color: #005ddb; }
    60%{    color: #7919ab; }
    99%{    color:#7919ab;  }
    100%{   color: #005ddb;    }
}

.appbutton{ background:none; }
.appbutton:hover{ border:0px; }
.appbutton img{ width:none!important}

.available-app-area { padding:60px 0px;
	background-image:-moz-linear-gradient(0deg, #6c19f6 0%, #f9218d 100%);
	background-image:-webkit-linear-gradient(0deg, #6c19f6 0%, #f9218d 100%);
	background-image:-ms-linear-gradient(0deg, #6c19f6 0%, #f9218d 100%)
}

.app-caption .section-tittle3  h2{ color:#FFF; font-size:32px; font-weight:bold; margin-bottom:20px;}
.app-caption p{ color:#FFF; font-size:17px;}
.activebutton{ padding:4px 7px; background:#FFF; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

.press-release h3{ font-size:16px; font-weight:normal; margin:0px; padding:0px;}
.txtblue{ color:#207cb7;}

.highlights{ line-height:20px; font-size:22px; margin-bottom:30px; padding:20% 0px;}
.highlights i{ background:#ff9433; width:30px; height:30px; display:inline-block; -webkit-border-radius: 15px;
-moz-border-radius: 15px; font-size:16px;
border-radius: 15px; padding:8px; display:block; float:left; margin-right:10px; text-align:center; margin-bottom:15px;}



.primary-btn-orange2 {
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background: #fb871f!important;
	color: #fff!important;
	font-size: 14px;
	border: 0px solid #fe8314!important;
	-webkit-border-radius: 20px!important;
	-moz-border-radius: 20px!important;
	border-radius: 20px!important
}

.primary-btn-orange2 {
	border: 0px solid #fe8314!important;
}

.search-sec{ background:url(../img/searchbg.png);
    padding:1rem; padding-top:2rem}
.search-slt{
    display: block;
    width: 100%;
    line-height: 1.5; font-size:16px;
    color: #55595c;
    background-color: #fff;
    background-image: none;
    border: 1px solid #EEE;
    height: calc(3rem + 10px) !important;
    border-radius:0;
}
.wrn-btn{
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    height: calc(3rem + 10px) !important;
    border-radius:0;
}
@media (min-width: 992px){
    .search-sec{
        position: relative;

    }
}

@media (max-width: 992px){
    .search-sec{
        background: #1A4668;
    }
}

.statics{background: rgb(66,42,235);
background: radial-gradient(circle, rgba(66,42,235,1) 0%, rgba(147,81,248,1) 100%); padding:50px 0px;}
.statics img{ width:30%; margin:0 auto; color:#FFF; margin-bottom:15px;}
.statics p{ font-size:18px; color:#FFF;}
.staticcontent { font-size:18px; color:#FFF; padding:30px 80px}
.tagline{}
.tagline h2{ color:#1063a9!important; font-size:32px;}
.tagline p{ margin:0px; padding:0px; color:#1063a9!important; font-size:22px;}
.staticcontent strong{ font-weight:normal; line-height:16px;}
.staticcontent{ line-height:18px;}

#exTab1 .tab-content {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

#exTab2 h3 {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}

/* remove border radius for the tab */

#exTab1 .nav-pills > li > a {
  border-radius: 0;
}

/* change border radius for the tab , apply corners on top*/

#exTab3 .nav-pills > li > a {
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

#exTab3 .tab-content {
  color:#333;
  padding:15px; border:solid 1px #EEE; background:#FFF;
}



.articles{ background:#FFF; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.43);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.43);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.43);}
.articles .details{padding:10px; padding-bottom:20px; }
.articles .details span{ margin:0px; padding:0px; margin:10px 0px;}
.articles .details h3{ margin:0px; padding:0px; font-size:18px; margin:25px 0px; min-height:60px;}
.card {
     position: relative;
     display: flex;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     border: 1px solid #d2d2dc;
     border-radius: 11px;
     -webkit-box-shadow: 0px 0px 5px 0px rgb(249, 249, 250);
     -moz-box-shadow: 0px 0px 5px 0px rgba(212, 182, 212, 1);
     box-shadow: 0px 0px 5px 0px rgb(161, 163, 164); margin:0px 5px; 
 }
 .card .template-demo{min-height:300px;}

 .card .card-body {
     padding: 1rem 1rem
 }
 
.card .profile{ margin-bottom:0px;}
.card-title{ margin-top:-10px;}
 .card .card-body .profile-pic{ margin-left:-30px; }
 .flapapp{background-image: -webkit-linear-gradient(0deg, #6c19f6 0%, #f9218d 100%);
    background-image: -ms-linear-gradient(0deg, #6c19f6 0%, #f9218d 100%);}
.howitworkpersonal{ padding:30px 0px; padding-bottom:50px; background-image: -webkit-linear-gradient(0deg, #6c19f6 0%, #f9218d 100%);
    background-image: -ms-linear-gradient(0deg, #6c19f6 0%, #f9218d 100%);}
.reviews{background-image: -webkit-linear-gradient(0deg, #6c19f6 0%, #ff9433 100%);
    background-image: -ms-linear-gradient(0deg, #6c19f6 0%, #ff9433 100%);}
	
.howitworkpersonal h2{ color:#FFF; font-size:26px;}
.howitworkpersonal p{ color:#FFF; line-height:18px; font-size:16px;}
.howitworkpersonal img{ width:25%; margin-bottom:10px;}
.steps{ padding:10px 40px;}
.flaphighlight { margin-bottom:40px; text-align:center; color:#FFF;}
.flaphighlight img{ margin:0 auto;}
.flaphighlight h4{  color:#FFF; font-weight:bold; margin-top:15px;}
.flapapp h2{ color:#FFF; font-weight:bold;}
.statics h2{color:#FFF; font-weight:bold;}
.flaphighlight p{ line-height:18px; margin-top:10px;}

.slick-dots li button{
    display: block;
    width: 40px!important;
    height: 40px!important;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;}
	
.slick-prev, .slick-next{ font-size:40px;}
h2.txtwhite{ color:#FFF; font-size:32px; margin-bottom:30px;}
.details .outer img{ width:70px; height:70px; text-align:center; margin-bottom:10px;}
.testimonial-area .logos{ background:#FFF; display:block; display:inline-block; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.33);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.33); margin-bottom:10px; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.testimonial-area .logos img{ -webkit-border-radius: 11px;
-moz-border-radius: 11px;
border-radius: 11px;}

.mainform{ background:#ff6600; -webkit-border-radius: 10px;
-moz-border-radius: 10px; color:#FFF;
border-radius: 10px;}

.mainform p{ color:#FFF;}
.mainform h3{ background:#ff9433; color:#FFF; -webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px; padding:10px 15px}
.padding20{ padding:15px 20px; padding-top:0px; padding-bottom:30px;}

.mainform input, select{ margin-bottom:20px;}
.about{ background:#F60; padding:50px; color:#FFF;  text-align:center; font-size:30px; text-transform:uppercase;}
.panel{ font-weight:bold;}
.panel-body{ padding:10px; line-height:22px!important; min-height: 63px;}



.hero-content {
		margin-top: 0px;
	}

#hero { padding:30px 0px; background:url(../img/bg.jpg); background-position:center; background-size:cover; background-color: #5ce1fd; background-image: linear-gradient(145deg,#038ed6,#5ce1fd);}
#hero h1 {
	font-size:45px;
	font-weight:bold;
}

#hero p {
	font-size: 24px;
    font-weight: 300;
    color: #FFF;
    margin-bottom: 0px;
    padding: 0px;
}

#hero span {
	font-weight: 400;
    color: #0095f7;
    text-transform: uppercase;
    letter-spacing: .05em;
}

/* ==============================================
   5. Marketing
===============================================*/
#marketing { background:#f6f6f6;}
#marketing p {
	font-size: 20px;
    font-weight: 300;
    color: #8da2b5;
    margin-bottom: 0px;
    padding: 0px;
}

#marketing span {
	font-weight: 400;
	color: #0095f7;
	text-transform: uppercase;
	letter-spacing: .05em;
}

.content-box {
	padding: 0px 20px; color:#FFF!important;
} 

.content-box h2 { color:#007bff;} 
.content-box p{ font-size:18px!important; font-weight:normal; color:#333!important}
.content-box strong{color:#0276b3; font-weight:bold;}
.content-box img{ width:40%;}
/* ==============================================
   6. Testimonials
===============================================*/

#testimonials {
	background-color: #FFF;
	border-top: 1px solid #EEE;
	 color:#333;
}


.testimonial-box {
	background-color: #ffffff;
	box-shadow: 0 0 1px 0 rgba(0,12,32,0.04), 0 10px 16px 0 rgba(10,31,68,0.06);
	border-radius: 20px;
	padding: 20px 30px;
	margin-top: 10px; min-height:290px;
}

.testimonial-box h6 {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: .05em; font-family: "Playfair Display", serif;
	margin-top: 5px;
	margin-bottom: 0px; color:#6772e5;
}

.testimonial-box p {
	font-size: 16px;
	font-weight: 300;
	margin-top: 15px; text-align:center;
	line-height: 1.8;
	padding: 0px;
}

.testimonial-box i {
	color: #ffffff;
}

.testimonial-box small {
	color: #8da2b5;
	display: inline-block;
}

.testimonial-box span {
	font-size: 14px;
	color: #ffffff;
}

.rating {
	background-color: #0095f7;
	padding: 2px 12px;
	border-radius: 50px;
}

.profile-picture {
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.review-one {
  background-image: url('images/profile-picture-one.jpg');
}

.personal-info {
	padding: 10px;
	border-bottom: 1px solid #edf1f2;
}

.personal-info h6{ font-size:18px; text-align:center;
}



.accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f068";
    float: right; 
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
}

.myacco { margin-top:15px;}
.myacco .card{ margin:0px;}
.myacco .card a.card-title{ font-size:22px;}
.myacco .card-header{}

.bluebg{ background:#0074a8; padding:30px 20px; color:#FFF}
.insidearticles{ min-height:408px; padding:15px; background:#FFF;}
.insidearticles h2{ font-size:20px; line-height:22px; margin-top:10px;}
.insidearticles p{ line-height:18px;}
.insidearticles p a{ text-decoration:underline; text-transform:uppercase;}

.clrinvest{background-color: #f4647a; box-shadow: 1px 1px 3px rgba(0,0,0,.4); background-image: linear-gradient(145deg,#f4647a,#8d2d3b);}
.clrhome{background-color: #306be2; box-shadow: 1px 1px 3px rgba(0,0,0,.4); background-image: linear-gradient(145deg,#306be2,#133781);}
.clrloan{background-color: #ff8707; box-shadow: 1px 1px 3px rgba(0,0,0,.4); background-image: linear-gradient(145deg,#ff8707,#cb3c00);}
.clrbusiness{background-color: #b2e865; box-shadow: 1px 1px 3px rgba(0,0,0,.4);background-image: linear-gradient(145deg,#b2e865,#438707);}
.clrpersonal{background-color: #5ce1fd; box-shadow: 1px 1px 3px rgba(0,0,0,.4); background-image: linear-gradient(145deg,#5ce1fd,#038ed6);}
.clrinsurance{background-color: #d453ff; box-shadow: 1px 1px 3px rgba(0,0,0,.4); background-image: linear-gradient(145deg,#d453ff,#290a59);}
.clrhealth{background-color: #5ce1fd; box-shadow: 1px 1px 3px rgba(0,0,0,.4); background-image: linear-gradient(145deg,#085646,#24f7dc);}
.clrcard{background-color: #feb47b; box-shadow: 1px 1px 3px rgba(0,0,0,.4); background-image: linear-gradient(145deg,#feb47b,#dbab03);}


.our-offer-area2{ background-image: linear-gradient(145deg,#feb47b,#dbab03);}
.marquee-list-img{ background:#FFF;}
.emibox{ background:#FFF; padding:10px 10px;}
.our-offer-area2 h2{ color:#FFF; font-weight:bold;}

.howitworkpersonal .mysteps{ background:#FFF; padding:35px 25px!important }
.mysteps img{ border:solid 2px #36F; float:left; left:-10px; position:absolute; background:#09C; padding:10px; width:70px; height:70px;}
.howitworkpersonal .mysteps p{color:#333!important; text-align:left; font-size:18px; text-align:center; font-weight:normal; }
.howitworkpersonal .mysteps i{ font-size:30px!important; line-height:30px;}

.my-card
{
    position:absolute;
    left:40%;
    top:-30px; width:60px; height:60px; text-align:center;
    border-radius:50%; 
}

.border-info, .border-success, .border-danger{ border:solid 3px}


.slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 40px!important;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev{left: -40px!important;}
.svgimg{ width:60px; float:left; margin-right:20px;}
.mylistnew li{ line-height:20px;}
.mylistnew li i{ font-size:30px; float:left; margin-right:15px; display:inline-block; margin-bottom:20px;}
.collapse { padding:15px 30px!important}





.nav-pills>li {
	float:left
}
.nav-pills>li>a {
	border-radius:4px
}
.nav-pills>li+li {
	margin-left:2px
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
	color:#fff;
	background-color:#337ab7
}
.nav-stacked>li {
	float:none
}
.nav-stacked>li+li {
	margin-top:2px;
	margin-left:0
}
.nav-justified {
	width:100%
}
.nav-justified>li {
	float:none
}
.nav-justified>li>a {
	margin-bottom:5px;
	text-align:center
}
.nav-justified>.dropdown .dropdown-menu {
	top:auto;
	left:auto
}
@media (min-width:768px) {
.nav-justified>li {
display:table-cell;
width:1%
}
.nav-justified>li>a {
margin-bottom:0
}
}
.nav-tabs-justified {
	border-bottom:0
}
.nav-tabs-justified>li>a {
	margin-right:0;
	border-radius:4px
}
.nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover {
	border:1px solid #ddd
}
@media (min-width:768px) {
.nav-tabs-justified>li>a {
border-bottom:1px solid #ddd;
border-radius:4px 4px 0 0
}
.nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover {
border-bottom-color:#fff
}
}
.tab-content>.tab-pane {
	display:none
}
.tab-content>.active {
	display:block
}
.nav-tabs .dropdown-menu {
	margin-top:-1px;
	border-top-left-radius:0;
	border-top-right-radius:0
}
.navbar {
	position:relative;
	min-height:50px;
	margin-bottom:20px;
	border:1px solid transparent
}
ul.nav-pills li{padding:10px 0px!important; }
ul.nav-pills li a{
	    padding:15px 10px!important; font-size:16px;
	}
	
	
.loanreview{ border:solid 1px #CCC; background:#EEE; padding:15px; min-height:180px;}
.loanreview p{ line-height:20px;}
.loanreview i{ color:#F60}
.myacco .card a.card-title{ font-size:18px!important}
.table td, .table th{ padding:.4rem!important; background:#FFF!important}


.slick-dots{ display:none!important} 