/*

  Theme Name: Appcon - Software and App Landing Page HTML5 Template

  Author: basictheme

  Description: Software and App Landing Page HTML5 Template

  Version: 1.0

*/



/* CSS Index

-----------------------------------

1. Theme default css

2. header

3. slider

4. service

5. feature

6. newsletter

7. price

8. blog

*/







/* 1. Theme default css */

@import url('css.css');





body {

	font-family: 'Nunito', sans-serif;

	font-weight: normal;

	font-style: normal;

}



.img {

	max-width: 100%;

	transition: all 0.3s ease-out 0s;

}

button{

	cursor: pointer;

}

.f-left {

	float: left

}



.f-right {

	float: right

}



.fix {

	overflow: hidden

}



a,

.button {

	-webkit-transition: all 0.3s ease-out 0s;

	-moz-transition: all 0.3s ease-out 0s;

	-ms-transition: all 0.3s ease-out 0s;

	-o-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

}



a:focus,

.button:focus {

	text-decoration: none;

	outline: none;

}



a:focus,

a:hover,

.portfolio-cat a:hover,

.footer -menu li a:hover {

	color: #2B96CC;

	text-decoration: none;

}



a,

button {

	color: #1696e7;

	outline: medium none;

}



button:focus,

input:focus,

input:focus,

textarea,

textarea:focus {

	outline: 0

}



.uppercase {

	text-transform: uppercase;

}



.capitalize {

	text-transform: capitalize;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-family: 'Josefin Sans', sans-serif;

	font-weight: normal;

	color: #222222;

	margin-top: 0px;

	font-style: normal;

	font-weight: 600;

	text-transform: none;

	line-height: 1.4;

}



h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a {

	color: inherit;

}



h1 {

	font-size: 40px;

	font-weight: 500;

}



h2 {

	font-size: 48px;

}



h3 {

	font-size: 28px;

}



h4 {

	font-size: 22px;

}



h5 {

	font-size: 18px;

}



h6 {

	font-size: 16px;

}



ul {

	margin: 0px;

	padding: 0px;

}



li {

	list-style: none

}



p {

	font-size: 16px;

	font-weight: 400;

	line-height: 1.6;

	color: #555555;

	margin-bottom: 15px;

	font-family: 'Nunito', sans-serif;

}





hr {

	border-bottom: 1px solid #eceff8;

	border-top: 0 none;

	margin: 30px 0;

	padding: 0;

}



label {

	color: #7e7e7e;

	cursor: pointer;

	font-size: 14px;

	font-weight: 400;

}



*::-moz-selection {

	background: #d6b161;

	color: #fff;

	text-shadow: none;

}



::-moz-selection {

	background: #444;

	color: #fff;

	text-shadow: none;

}



::selection {

	background: #444;

	color: #fff;

	text-shadow: none;

}



*::-moz-placeholder {

	color: #555555;

	font-size: 14px;

	opacity: 1;

}



*::placeholder {

	color: #555555;

	font-size: 14px;

	opacity: 1;

}



.theme-overlay {

	position: relative

}



.theme-overlay::before {

	background: #1696e7 none repeat scroll 0 0;

	content: "";

	height: 100%;

	left: 0;

	opacity: 0.6;

	position: absolute;

	top: 0;

	width: 100%;

}



.white-header .main-menu nav>ul>li:hover>a,

.main-menu nav>ul>li.active>a {

	color: #3484a9;

}



/* button style */



.btn {

	-moz-user-select: none;

	background: #1de19e;

	border: medium none;

	border-radius: 30px;

	color: #fff;

	display: inline-block;

	font-size: 16px;

	font-weight: 700;

	margin-bottom: 0;

	padding: 15px 40px;

	text-align: center;

	touch-action: manipulation;

	transition: all 0.3s ease 0s;

	vertical-align: middle;

	white-space: nowrap;

	font-family: 'Nunito', sans-serif;

	text-transform: capitalize;

}





.a.slider-video-btn>i {

	color: #0c58b7;

	font-size: 16px;

}



.btn:hover {

	background: #ef8829;

	color: #fff;

}

.btn.slider-btn {

	background: transparent;

	border: 1px solid #fff;

}

.btn.slider-btn:hover {

	border-color: #ef8829;

	background: #ef8829;

}

.btn-border {

	background: transparent;

	border: 2px solid #926bfa;

	color: #fff;

}



.header-button a.btn {

	background: none;

	color: #525470;

	border: 2px solid #dff1d8;

	transition: .3s;

	padding: 19px 40px;

	font-size: 13px;

}



.header-button a.btn:hover {

	background: #86ba09;

	color: #fff;

	border-color: #86ba09;

}



.activ-testimonai .testimonial-img img {

	display: block;

	width: auto;

	border-radius: 50%;

}



/* scrollUp */

#scrollUp {

	background: #1DE19E;

	height: 60px;

	width: 60px;

	right: 50px;

	bottom: 77px;

	color: #fff;

	font-size: 20px;

	text-align: center;

	border-radius: 50%;

	font-size: 20px;

	line-height: 58px;

}



#scrollUp:hover {

	background: #444;

}



/* header */



/* 2. header */

.logo-white{display: none;}

.transparent-header {

	position: absolute;

	left: 0;

	right: 0;

	z-index: 1;

}



.main-menu ul li a {

	color: #ffffff;

	font-weight: 700;

	font-size: 14px;

	padding: 18px 0;

	display: list-item;

	line-height: 1;

	font-family: Nunito;

}

.main-menu ul li {

	display: inline-block;

	margin: 0px 19px;

	position: relative;

}



.header-btn a {

	background-color: #6f33a8;

	padding: 14px 40px;

	border-radius: 0;

	font-size: 14px;

	letter-spacing: 0;

	font-weight: 700;

	color: #fff;

	font-family: Nunito;

	text-transform: capitalize;

	display: inline-block;

}



.header-btn.header-btn-2 a {

	background-color: #0d4cc8;

	border-radius: 30px;

	font-size: 14px;

	font-weight: 700;

}



.main-menu ul li ul.submenu {

	position: absolute;

	background: #fff;

	width: 230px;

	top: 110%;

	padding: 30px;

	transition: .3s;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-ms-transition: .3s;

	-o-transition: .3s;

	opacity: 0;

	visibility: hidden;

	box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05);

}



.main-menu ul li:hover>ul.submenu {

	opacity: 1;

	visibility: visible;

	top: 100%;

}



.main-menu ul li ul.submenu li {

	margin: 0;

	display: block;

	margin-bottom: 20px;

}



.main-menu ul li ul.submenu li:hover>a {

	color: #ff63a3;

}



.main-menu ul li ul.submenu li:last-child {

	margin-bottom: 0;

}



.main-menu ul li ul.submenu li a {

	padding: 0;

	color: #90909a;

	font-weight: 500;

	font-size: 16px;

}



.main-menu ul li ul.submenu li ul.submenu {

	left: 100%;

	top: 0;

}



.header-btn a:hover {

	background: #ff63a3;

	color: #fff;

}



.sticky-bar {

	position: fixed;

	background: #fff;

	padding-top: 10px;

	padding-bottom: 10px;

	z-index: 9999;

	-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;

	animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;

	transition: .3s;

	box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);

	-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-ms-transition: .3s;

	-o-transition: .3s;

}

.header-white.sticky-bar{

	background: #0F39B7;

}

.header-1.sticky-bar .main-menu ul li a {

	color: #222;

}



/* 3. slider */

.slider-height {

	background-repeat: no-repeat;

	background-position: top right;

}



.slider-height-2 {

	background-repeat: no-repeat;

	background-size: cover;

	min-height: 953px;

}



.shap-c {

	position: relative;

}



img.shap-1 {

	position: absolute;

	top: 140px;

	width: 10px;

	height: 12px;

	right: 50%;

	opacity: 0.3;

}



.shap-2 {

	position: absolute;

	right: 122px;

	top: 100px;

	opacity: .4;

}



.shap-3 {

	position: absolute;

	right: 0;

	transform: translateY(100%);

	left: 79%;

	top: 147px;

	opacity: .4;

}



.slider-img-2 {

	margin-top: 286px;

	margin-left: 26px;

}

.slider-content-space {

	padding-top: 340px;

}



.slider-text-3.slider-content-space {

	padding-top: 310px;

}



.slider-content-space4 {

	padding-top: 189px;

	margin: 0 233px;

}



.slider-content-space5 {

	padding-top: 289px;

	margin: 0 0px;

}



.slider-img {

	margin-top: 188px;

	margin-left: 0px;

}

.slider-text.slider-text-2 h2 {

	font-weight: 900;

	font-size: 60px;

	margin-bottom: 17px;

	line-height: 1.4;

	font-family: 'Nunito', sans-serif;

}





a.slider-video-btn {

	width: 60px;

	height: 60px;

	display: inline-block;

	background: #f4f9ff;

	text-align: center;

	line-height: 60px;

	border-radius: 50%;

	color: #0c58b7;

}



a.slider-video-btn:hover {

	background: gold;

	color: #fff;

}



.slider-text a {

	margin-right: 8px;

}



.slider-text.slider-text-2 a {

	margin-right: 8px;

	letter-spacing: 2px;

	text-transform: uppercase;

	font-size: 12px;

}



.slider-btn a {

	margin-right: 15px;

}



.shape {

	position: absolute;

}



.shape-01 {

	top: 19%;

	left: 8%;

}



.shpae-wrapper-2 .shape-01 {

	top: 15%;

	left: 0%;

}



.shpae-wrapper-2 .shape-02 {

	bottom: 50%;

	left: 84%;

}



.shape-02 {

	bottom: 21%;

	left: 47%;

}



.shape-02.index-2 {

	bottom: 29%;

	left: 47%;

}



.shpae-wrapper-6 .shape-02 {

	bottom: 87%;

	left: 72%;

	z-index: -1;

}



.shpae-wrapper-6 .shape-01 {

	top: -8%;

	left: -1%;

}



.shpae-wrapper-6 .shape.shape-03 {

	right: 176px;

	top: 183px;

}



.app-shape {
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
	position: absolute;

	top: -24%;

	left: -44%;
	transform: rotate(8deg);
}


.app-shape-02 {
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
	position: absolute;

	top: -12%;

	left: -6%;

	transform: rotate(28deg);

}

.app-shape-03 {
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.35);
	position: absolute;

	top: 10%;

	left: 20%;

	transform: rotate(48deg);
}



.slider-img-3 img {

	position: absolute;

	top: 61px;

	left: -69px;

}





/* 4. service */

.service-text h3 {

	font-size: 24px;

	color: #333333;

	font-weight: 600;

	margin-bottom: 14px;

}



.servie-icon {

	margin-bottom: 16px;

}



.service-text.service-text-2 p {

	line-height: 1.6;

}



.service-text {

	margin: 0 25px;

}



.service-area-2 {

	background-size: cover;

	background-position: bottom;

	background-repeat: no-repeat;

}



.Custotmers-area.service-area-2 {

	margin-bottom: 0px;

}



.service-titles-heading-2 h2 {

	color: #222 !important;

}



.section-titles.service-titles-heading-2 {



}



.testimonail-body-2 {

	margin-top: -496px;

}



.test-shape-area{background: #F4F9FF;}



/* 5. feature */

.single-features-area {

	margin-left: 146px;

}

.single-service-right {

	padding-top: 195px;

	margin-left: 136px;

}

.section-titles>span {

	font-weight: 700;

	font-size: 15px;

	color: #1de19e;

	font-family: 'Nunito', sans-serif;

	margin-bottom: 7px;

	display: inline-block;

	letter-spacing: 4px;

	text-transform: uppercase;

}



.section-titles>span {

	margin-bottom: 13px;

}


.service-text ul {

	margin: 0;

	padding: 0;

}



.service-text ul li {

	position: relative;

}



.service-text ul li {

	margin-bottom: 10px;

	display: block;

	padding-left: 35px;

	color: #333333;

}


.service-text ul li::before {

	color: #fff;

	font-size: 12px;

	left: 0px;

	position: absolute;

	top: 2%;

	transition: all 0.75s ease 0s;

	font-family: "Font Awesome 5 Pro";

	content: "\f005";

	display: inline-block;

	line-height: 20px;

	width: 20px;

	height: 20px;

	text-align: center;

	border-radius: 10px;

}

.service-text.style1 ul li::before {
	background: rgb(241, 192, 4);
}
.service-text.style2 ul li::before {
	background: #00d162;
}
.service-text.style3 ul li::before {
	background: #8d72fe;
}
.features-text ul {

	margin: 0;

	padding: 0;

}


.features-text ul li {

	position: relative;

}

.features-text ul li {

	margin-bottom: 35px;

	color: #7d859f;

	display: block;

	padding-left: 55px;

	font-size: 18px;

	color: #333333;

	font-weight: 700;

}



.features-text ul li::before {

	color: #fff;

	font-size: 15px;

	left: 0px;

	position: absolute;

	top: 2%;

	transition: all 0.75s ease 0s;

	font-family: "Font Awesome 5 Pro";

	content: "\f00c";

	display: inline-block;

	font-weight: 700;

	line-height: 29px;

	width: 30px;

	height: 30px;

	text-align: center;

	border-radius: 5px;

}
.col-xl-5 .features-text ul li:nth-child(1)::before {

	background: #f3c203;

}


.col-xl-5 .features-text ul li:nth-child(2)::before {

	background: #00d362;

}


.col-xl-5 .features-text ul li:nth-child(3)::before {

	background: #886cff;

}
.col-xl-7 .features-text ul li:nth-child(1)::before {

	background: #f3c203;

}


.col-xl-7 .features-text ul li:nth-child(2)::before {

	background: #00d362;

}


.col-xl-7 .features-text ul li:nth-child(3)::before {

	background: #886cff;

}

.col-xl-7 .features-text ul li:nth-child(4)::before {

	background: rgba(58, 138, 66, 0.64);

}

.tech-card {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 15px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
	transition: all 0.5s ease;
	border: 1px solid rgba(255, 255, 255, 0.1);
	padding-top: 20px;
	margin-top: 10px;
	min-height: 400px;
}

.effect-2:hover {
	border-color: #4cc9f0;
	box-shadow: 0 0 20px rgba(76, 201, 240, 0.5);
	background: rgba(76, 201, 240, 0.1);
	background: linear-gradient(135deg, rgba(76, 201, 240, 0.1), rgba(37, 117, 252, 0.3));
}

/* 6. newsletter */

.section-titles.service-titles-heading {

	overflow: hidden;

}


.service-area {

	background-size: cover;

	background-position: center top;

	background-repeat: no-repeat;

}

.testimonail-body {

	background-color: rgb(255, 255, 255);

	box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.07);

	padding: 44px;

	margin-bottom: 50px;

}

.testimoinal-img {

	float: left;

	overflow: hidden;

	margin-right: 18px;

	display: inline-block;

}



.autor-mata i {

	font-size: 25px;

	position: absolute;

	right: 0;

	top: 21px;

	color: #1de19e;

}



.autor-mata {

	position: relative;

}



.autor-mata {

	padding-top: 7px;

}



.autor-mata h3 {

	margin: 0;

	font-size: 24px;

	color: #333333;

}



.autor-mata span {

	font-size: 16px;

	color: #555555;

	font-weight: 600;

	display: inline-block;

}

.slider-text-3.slider-content-space h2 {

	margin-bottom: 32px;

}

.get-app {

	margin-top: 40px;

}

.get-app a {

	display: inline-block;

	line-height: 1;

	padding: 16px 28px;

	border: 1px solid #ebebeb;

	margin-right: 20px;

	height: 85px;

	width: 209px;

	border-radius: 5px;

}



.get-app a i {

	float: left;

	font-size: 40px;

	top: 1px;

	position: relative;

	transition: .3s;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-ms-transition: .3s;

	-o-transition: .3s;

	color: #777b92;

}

.get-app a:hover {

	background-color: #1de19e;

	color: #fff;

	border-color: #1de19e;

}



.get-app a:hover i {

	color: #fff;

}



.get-app a:hover p>span {

	color: #fff;

}



.get-app a:hover p {

	color: #fff;

}





.footer-app-btn img {

	float: left;

}



.get-app a p {

	display: inline-block;

	margin: 0;

	line-height: 1.4;

	float: left;

	text-align: left;

	transition: .3s;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-ms-transition: .3s;

	-o-transition: .3s;

	padding-left: 12px;

	color: #777b92;

	font-size: 14px;

	padding: 3px 11px;

	font-weight: 600;

}



.get-app a p > span {

	color: #777b92;

	font-size: 18px;

	font-weight: 600;

	display: inline-block;

	transition: .3s;

}

/* 7. price */

ul.price-nav {

	display: inline-block;

	background: #fefdfe;



}



ul.price-nav li {

	display: inline-block;

}



.price-header h4 {

	font-weight: 400;

	text-transform: capitalize;

	font-size: 18px;

}



ul.price-nav li a {

	padding: 23px 40px;

	line-height: 1;

	color: #878991;

	border-radius: 5px;

	width: 144px;

	height: 64px;

	font-weight: 700;

	font-size: 18px;

}



ul.price-nav li a.active {

	border-radius: 5px;

	background: #1de19e;

	color: #fff;



}



ul.price-nav li:nth-child(2) a {

	border-radius: 5px;

}



/* price area */



.price-box {

	background: #fff;

	padding: 40px 30px;

}



.price-header {

	position: relative;

	margin-bottom: 25px;

	border-bottom: 1px solid #f6f2fe;

	padding-bottom: 25px;

	margin-bottom: 35px;

}



.price-header h4 {

	font-weight: 400;

	text-transform: capitalize;

	font-size: 18px;

	color: #333333;

	font-weight: 600;

	margin-bottom: 0;

	line-height: 1;

	margin-bottom: 12px;

}



.price-header h2 {

	font-size: 48px;

	color: #333333;

	font-weight: 700;

	margin-bottom: 0;

	font-family: 'Nunito', sans-serif;

	line-height: 1;

	margin-bottom: 5px;

}



.price-header h2>sup.dolers {

	font-size: 18px;

	font-weight: 700;

	color: #333333;

	display: inline-block;

	position: absolute;

	left: 86px;

	top: 42px;

}



.price-header > span.sep {

	font-size: 13px;

	font-weight: 700;

	color: #1de19e;

	text-transform: uppercase;

	font-family: 'Nunito', sans-serif;

	letter-spacing: 2px;

}



.price-item-list ul li {

	font-size: 16px;

	color: #555555;

	margin-bottom: 14px;

	font-family: 'Nunito', sans-serif;

	font-weight: 400;

}



.price-item-list ul li:last-child {

	margin-bottom: 0px;

}



/* price btn */

.price-link a.btn {

	padding-left: 40px;

	padding-right: 40px;

	font-size: 16px;

}



.price-link a.btn:hover {

	background: #1de19e;

	color: #fff;

}



.btn-theme-border.active {

	background: #1de19e;

	color: #fff;

}







.btn-theme-border {

	background: transparent;

	border: 2px solid #1de19e;

	border-radius: 30px;

	color: #333333;

	padding: 12px 30px;

	font-weight: 700;

	font-size: 16px;

}



/* 8. blog */



.blog-body span {

	font-weight: 700;

	font-size: 16px;

	color: #1de19e;

	padding-top: 27px;

	display: inline-block;

	margin-bottom: 4px;

}



.blog-body h3 {

	font-weight: 600;

	font-size: 24px;

	color: #333333;



}



.blog-body  h3:hover a {

	color: #1de19e;

}



.blog-body h3 {

	font-weight: 600;

	font-size: 24px;

	color: #333333;

	margin-bottom: 0;

}



.blog-body p {

	font-size: 14px;

	font-weight: 400;

}



.blog-info {

	height: 150px;

	background-color: rgb(255, 255, 255);

	box-shadow: 0px 2px 18px 2px rgba(156, 157, 158, 0.14);

	border-radius: 3px 0px 14px 23px;

}

ul.footer-address i {

	color: #fff;

	width: 24px;

	float: left;

}

ul.footer-address li span {

	float: left;

	line-height: 1;

	overflow: hidden;

}



.form-area {

	margin-bottom: -271px;

}



.footer-area {

	width: 100%;
	background-repeat: no-repeat ;
}



.footer-area {

	padding-top: 285px;

}



.cta-form {

	padding-bottom: 86px;

}



.cta-area-title {

	padding-top: 75px;

}



.footer-widget h3 {

	font-weight: 600;

	font-size: 24px;

	color: #ffff;

	margin-bottom: 20px;

}

.footer-widget ul li{

	margin-bottom: 12px;

	font-size: 16px;

	font-weight: 400;

	font-family: Nunito;

}

.footer-widget ul li a{

	color: #fff;

}

.footer-widget ul li a:hover{

	color: #1de19e;

	/* opacity: .7; */

}

.footer-widget address {

	color: #fff;

	font-size: 16px;

	font-family: 'Nunito', sans-serif;

}

ul.footer-address li {

	display: block;

	margin-left: 0;

	font-size: 16px;

	color: #fff;

	font-family: 'Nunito', sans-serif;

	overflow: hidden;

}

.copyright p {

	color: #fff;

}



.copyright-3 p {

	color: #555555;

}



.copyright-blog p {

	color: #555555;

}



/* page 2 */



.Custotmers-area.service-area-2 {

	margin-top: -133px;

}



.footer-area-2 {

	background-size: cover;

	background-position: bottom;

	height: 991px;

}



.footer-widget-2 {

	padding-top: 285px;

}

.news-latter-area {

	border-radius: 10px;

	background-color: rgb(255, 255, 255);

	box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.07);

	padding-left: 60px;

}

.cat-bg-area {

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	padding-left: 70px;

}

.cta-area-title h2 {

	color: #222222;

	margin: 0;

	font-size: 48px;

	font-weight: 600;

}

.cta-dec .cta-area-title h2 {

	color: #fff;



}

.cta-form input {

	width: 100%;

	height: 54px;

	background: #fff;

	padding: 0px 34px;

	border: 1px solid #eaeaea;

	font-size: 16px;

	text-transform: capitalize;

	color: #30323d;

	border-radius: 5px;

}



.footer-area.footer-area-2 {

	margin-top: -399px;

}



.footer-area.footer-area-3 {

	margin-top: -200px;

}



.btn.btn-form {

	padding: 14px 60px;

	background: #1de19e;

	border-radius: 5px;

}



.btn.btn-form:hover {

	background: gray;

}



.slider-text.slider-content-space-2>span {

	margin-bottom: 2px;

	display: inline-block;

	font-size: 16px;

	font-weight: 700;

}



.slider-text.slider-content-space-2>p {

	margin-bottom: 45px;

	font-family: Open Sans;

}



.slider-text.slider-text-2.slider-content-space-2 {

	margin-top: 297px;

}



/* page 3 */

.footer-widget.footer-widget-3 h3 {

	font-weight: 600;

	font-size: 24px;

	color: #333333;

	margin-bottom: 20px;

	color: #0c58b7;

}



.footer-widget.footer-widget-3.footer-widgets-blog h3 {

	color: #0c58b7;

}



.footer-widget.footer-widget-3 ul li {

	color: #555555;

}

.footer-widget.footer-widget-3 ul li a {

	color: #555555;

}

.footer-widget.footer-widget-3 ul li i {

	color: #7d7d7d;

}

.footer-widget.footer-widget-3 address {

	color: #555555;



}



.section-titles-test {

	padding-top: 38px;

	padding-bottom: 114px;

}



.section-titles-test>span,

h3 {

	color: #fff;

}



.section-titles-test h3 {

	margin-right: 69px;

}



.section-titles-test h3 {

	font-size: 30px;

	font-weight: 400;

	font-family: 'Nunito', sans-serif;

	margin-bottom: 50px;

	line-height: 1.6;

}



.section-titles-test {

	position: relative;



}



.custom-date {

	display: inline-block;

	position: relative;

	padding-top: 138px;

	margin-bottom: 0;

}



.custom-date::before {

	position: absolute;

	width: 40px;

	height: 1px;

	background: #fff;

	content: "";

	left: 136px;

	top: 75%;

}



.custom-date>span {

	font-size: 14px;

	color: #fff;

	font-weight: 600;

	margin-right: 70px;

	margin-bottom: 39px;

	display: inline-block;

	font-family: 'Poppins', sans-serif;

}



.author-mata {

	display: inline-block;

}



.author-mata>span {

	color: #fff;

	font-size: 24px;

	font-weight: 600;

	position: relative;

	margin-left: 70px;

	font-family: 'Josefin Sans', sans-serif;



}



.author-mata>span::before {

	position: absolute;

	width: 40px;

	height: 1px;

	background: #fff;

	content: "";

	left: -68px;

	top: 10px;

	opacity: .4;

}



.testtmonial-area {

	margin-top: -190px;

}

.section-titles p {

	margin: 0;

}

.activ-testimonai button {

	position: absolute;

	border: none;

	width: 62px;

	height: 62px;

	right: 5px;

	border-radius: 50%;

	color: #fff;

	font-size: 18px;

	font-weight: 300;

	top: -120px;

	transition: .3s;

	background: transparent;

	cursor: pointer;

}

.activ-testimonai button.slick-prev {

	right: 80px;

}

.activ-testimonai.test-arrow  button{

	color: #888;

}

 .activ-testimonai button:hover {

	background-color: rgba(240, 232, 232, 0.5);

	color: #fff;

}



.activ-testimonai.test-arrow button:hover {

	background-color: #fff;

	color: #1de19e;

}

.activ-testimonai.test-arrow button.slick-prev {

	right: 80px;

}









/* blog area */





/* news blog */

.slider-content-space-blog {

	text-align: center;

	margin-top: 240px;

	padding-bottom: 178px;



}



.blog-text>span {

	color: #FFF;

	text-transform: uppercase;

	font-size: 15px;

	display: inline-block;

	letter-spacing: 3px;

	margin-bottom: 3px;

	font-family: 'Nunito', sans-serif;

	font-weight: 700;

}



.news-titles-dec-blog h3 {

	color: #222222;

	font-size: 48px;

	margin-top: 26px;

	font-weight: 600;

	margin-bottom: 20px;

}



.news-titles-dec-blog h6>span {

	color: #333333;

	font-size: 14px;

	text-transform: uppercase;

}



.news-titles-dec-blog ul li>span {

	color: #0c58b7;

	font-size: 14px;

	font-weight: 700;

}



.news-titles-dec-blog ul li {

	display: inline-block;

	margin-right: 31px;

	color: #555555;

	font-size: 14px;

	font-weight: 700;

	margin-bottom: 15px;

}





.news-titles-dec-blog p {

	padding-right: 76px;

	margin-bottom: 25px;

}



.btn-blog {

	text-transform: capitalize;

	color: #0c58b7;

	font-size: 18px;

	font-weight: 600;

}



.btn-blog i {

	font-weight: 400;

	font-size: 15px;

}



.btn.btn-blog i {

	font-size: 14px;

}



.news-box {

	border-bottom: 1px solid #ddd;

}



.news-img img {

	width: 100%;

}



.news-side-bar {

	margin-left: 30px;

}



.row.row-top {

	margin-top: -402px;

}







.follow-us ul li {

	display: inline-block;

	margin-right: 16px;

}



.follow-us ul li a {

	font-size: 18px;

	color: #cecece;

}



.footer-area-blog {

	background: #f4f9ff;

}



.follow-us ul li a:hover {

	color: #0c58b7;

}



.footer-widget.footer-widget-3.footer-widgets-blog {

	margin-top: 98px;

}



.news-cata {

	padding-bottom: 36px;

}



.news-cata h3,

.news-catas h3,

.follow-us h3 {

	color: #333333;

	font-weight: 600;

	font-size: 24px;

}



.bar-down {

	width: 50px;

	height: 4px;

	background: #fbba42;

	margin-bottom: 18px;

	margin-top: 12px;

}



.news-cata ul li {

	margin-bottom: 18px;

	display: inline-block;

	width: 100%;

	margin-left: 5px;

	font-size: 16px;

}



.news-cta-bar {

	margin-top: 23px;

}



.single-bar-img img {

	width: 100%;

}



.search-bar {

	margin-bottom: 53px;

}



.search-bar form {

	position: relative;

}



.news-box .news-img {

	padding-right: 36px;

}



.search-bar form i {

	position: absolute;

	top: 14px;

	right: 16px;

	font-size: 16px;

	color: #555555;

	font-weight: 400;

	cursor: pointer;

}



.search-bar input {

	border: 1px solid #e1e1e1;

	height: 45px;

	width: 100%;

	color: #555555;

	font-size: 16px;

	margin-left: 0;

	padding: 0 15px;

}



.news-cata ul li a {

	color: #555555;

}



.single-bar-cont {

	overflow: hidden;

	margin-left: 99px;

}



.news-catas ul li {

	overflow: hidden;

	padding-bottom: 30px;

}



.single-bar-img {

	display: inline-block;

	float: left;

	overflow: hidden;

	width: 75px;

	height: 75px;

}



.single-bar-cont h6 {

	font-size: 14px;

	line-height: 24px;

	font-weight: 700;

	color: #6b6b6b;

	padding-right: 15px;

	margin: 0;

}



.single-bar-cont span {

	font-size: 12px;

	color: #646464;

	margin: 0;

	display: inline-block;

}



.sidebar-tag li {

	float: left;

	margin-bottom: 8px;

	margin-right: 8px;

}



.sidebar-tag li a {

	color: #333;

	display: inline-block;

	font-weight: 400;

	line-height: 1;

	padding: 8px 19px;

	transition: .3s;

	-webkit-transition: .3s;

	-moz-transition: .3s;

	-ms-transition: .3s;

	-o-transition: .3s;

	text-transform: capitalize;

	border: 1px solid #e5e5e5;

}



.sidebar-tag li a:hover {

	background: #fbba42;

}



.news-titles-dec-blog:last-child {

	border-bottom: 0;

}



.news-titles-dec-blog {

	margin-left: 24px;

}



.page-link {

	position: relative;

	display: block;

	margin-left: 8px;

	line-height: 2.25;

	color: #555555;

	background-color: #f4f9ff;

	border: 1px solid #f4f9ff;

	width: 50px;

	height: 50px;

	border-radius: 50%;

	text-align: center;

}



.page-item:first-child .page-link {

	border-top-left-radius: 50%;

	border-bottom-left-radius: 50%;

}



.page-item:last-child .page-link {

	border-top-right-radius: 50%;

	border-bottom-right-radius: 50%;

}



.pagination {

	margin-bottom: 62px;

}



/* arrow */



.acitv-testimonail button.slick-arrow {

	position: absolute;

	border: none;

	background: transparent;

	font-size: 20px;

	font-weight: 400;

	color: #fff;

	top: 171px;

	left: -65px;



}



.acitv-testimonail button.slick-next {

	right: -81%;

	margin: 0 auto;

	top: 170px;

}



.acitv-testimonail-3 button.slick-arrow {

	position: absolute;

	border: none;

	background: transparent;

	font-size: 20px;

	font-weight: 400;

	color: #fff;

	top: 171px;

	left: -65px;



}



.acitv-testimonail-3 button.slick-next {

	right: -81%;

	margin: 0 auto;

	top: 170px;

}



.news-page-box {

	border: 4px solid #f4f9ff;

	padding: 35px 41px;

	padding-bottom: 0;

}



.quite-area span {

	float: right;

	padding: 42px;

	font-size: 18px;

	color: #333333;

	font-weight: 600;

}



.post-tag ul li {

	display: inline-block;

	margin-right: 5px;

	width: 80px;

	height: 32px;

	background: #0c58b7;

	border-radius: 30px;

	text-align: center;

	font-size: 14px;

	color: #fff;

	line-height: 28px;

	font-weight: 400;

	font-family: 'Nunito', sans-serif;

}



.post-social ul li {

	width: 30px;

	height: 30px;

	background: #fff;

	display: inline-block;

	border-radius: 50%;

	text-align: center;

}



.post-social ul li a {

	color: #676b71;

	line-height: 32px;

}



.news-box-comment>h3 {

	color: #333333;

	font-size: 24px;

	font-weight: 600;

	margin-bottom: 15px;

}



.post-social-areA {

	margin-top: 50px;

	height: 55px;

	width: 100%;

	background: #f4f9ff;

	border-radius: 5px;

	text-align: center;

	padding-top: 12px;

	margin-bottom: 111px;

}



.post-social ul li.active {

	background: #0c58b7;

}



.post-social ul li:hover {

	background: #0c58b7;

	color: #fff;

}



.post-info-box {

	border: 1px solid #ddd;

	padding: 29px 34px;

}



.post-dec {

	margin-left: 79px;

}



.post-dec-btn {

	display: inline-block;

	color: #0c58b7;

	font-size: 16px;

	font-weight: 600;

}



.post-dec h4 {

	font-size: 18px;

	color: #333333;

	margin: 0;

}



.post-dec span {

	display: inline-block;

	margin-bottom: 17px;

	color: #555555;

	font-size: 14px;

	font-weight: 400;

}



.post-info-box img {

	float: left;

}



.post-form input,

textarea {

	border: 1px solid #e1e1e1;

	height: 50px;

	font-size: 16px;

	color: #555555;

	padding: 0 15px;

	width: 100%;

}



textarea {

	margin-top: 39px;

	height: 148px;

	padding: 14px 17px;

	margin-bottom: 29px;

	display: inline-block;

}



.contract-form {

	margin-bottom: 150px;

}



.form-white {

	color: #333;

	font-size: 24px;

	font-weight: 600;

	margin-bottom: 20px;

}



.contaract-list ul li {

	font-size: 24px;

	font-weight: 600;

	margin-bottom: 9px;

}





.contaract-list ul li {

	font-size: 24px;

	font-weight: 600;

}



ul.contract-space li p {

	margin-bottom: 0;

}



.contract-space {

	margin-top: 40px;

	margin-bottom: 40px;

}



.authour-down-img {

	margin-bottom: 17px;

}



.btn.btn-form.btn-form-2.btn-form-3 {

	margin-right: 64px;

}





.author-down-area .activ-testimonai button i {

	font-weight: 400;

}