/*scroll effect*/

@font-face {
	font-family: Roboto;
	src: url(../fonts/Roboto_Medium.ttf);
	unicode-range: U+0600-065F;
}

@font-face {
	font-family: droidsansarabic;
	src: url(../fonts/droidsansarabic_0.ttf);
	unicode-range: U+0600-065F;
}

body {
	/* font-family: droidsansarabic;*/
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

p,
a,
span,
label,
h1,
h2,
h3,
h4,
h5,
h6,
div {
	/* font-family: droidsansarabic !important;*/
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}

p[dir] {
	unicode-bidi: bidi-override;
}

p {
	font-size: 14px;
	color: #363636;
}

.who-we-are-page-mission-text ul {
	padding: 0;
}

.news-info-main-text {
	text-align: justify;
}

.activ-tabs-inner h3 {
	font-size: 16px;
}

.activ-tabs-inner .nav-tabs>li.active>a,
.activ-tabs-inner .nav-tabs>li.active>a:focus,
.activ-tabs-inner .nav-tabs>li.active>a:hover {
	margin: 0;
	color: #a20435;
	font-weight: bold;
}

.activ-tabs-inner li a {
	font-size: 20px;
}

.puplication-book-row .item {
	display: block;
	position: relative;
	overflow: hidden;
	z-index: 1;
	max-height: 400px;
	margin: auto;
}

.puplication-book-row .item>img {
	display: block;
	width: 100%;
	height: auto;
}

.form-builder-col {
	padding-bottom: 20px;
}

.form-horizontal .control-label {
	text-align: right;
}

.puplication-book-row .item>.overlay {
	display: block;
	width: 100%;
	position: absolute;
	top: 100%;
	height: 100%;
	z-index: 10;
	background: rgba(76, 117, 176, 0.8);
	text-align: center;
	padding: 2%;
	color: #ffffff;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.puplication-book-row .item:hover {
	cursor: pointer;
}

.puplication-book-row .item:hover>.overlay {
	top: 0;
}

.puplication-book-row .col-md-4 {
	margin: 15px 0;
	min-height: 400px;
}

.who-we-are-page-mission-text li {
	line-height: 35px;
	font-size: 14px;
}

.pagination img {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.puplication-book-row h3 {
	font-size: 15px;
	line-height: 25px;
}

#barchartData {
	position: relative;
}

.vio-map-loading-image {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	text-align: center;
	background-color: #3f3f4f;
	z-index: 99;
	height: 670px;
}

.vio-map-loading-image img {
	height: 200px;
	margin: auto;
	position: relative;
	top: 180px;
}

.videoStyle {
	width: 76%;
	height: 50%;
}

.elearning-btn-new {
	border: none;
	padding: 8px;
	color: white;
	background-color: #f37022;
	width: 100%;
}

.agen-reivew-submit {
	background-color: #f37022;
	color: #fff;
	padding: 7px 50px;
	font-size: 18px;
	padding-top: 10px;
	margin: 30px 0;
}

.image-sponser-elarning {
	padding-top: 60px;
	padding-bottom: 30px;
}

.image-sponser-elarning p {
	float: left;
	width: 50%;
	padding-top: 60px;
	font-size: 20px;
}

.image-sponser-elarning img {
	margin: auto;
	max-width: 300px;
}

.review-agency {
	padding-top: 50px;
}

#st_gdpr_iframe {
	display: none;
}

.review-agency h2 {
	padding-top: 40px;
}

.review-agency p {
	margin: 15px 0;
}

.review-agency .breadcrumb>li+li:before {
	content: url(../front/breadcrumb-caret.png);
	padding-left: 8px;
	padding-right: 4px;
}

.review-agency .breadcrumb {
	background-color: transparent;
	padding-left: 0;
	padding-top: 26px;
}

.review-agency textarea {
	resize: none;
}

.elearning-course-lesson h3 {
	font-size: 16px;
	line-height: 30px;
	height: 65px;
	overflow: hidden;
}

.elearning-course-lesson img {
	max-height: 142px;
}

.ele-courses-descr {
	padding-bottom: 30px;
}

.recuit-inner-background dropdown ul li {
	display: block;
	padding: 10px;
}

.elearning-box-description {
	min-height: 100px;
}

.elearning-box-description h3 {
	font-size: 16px;
}

.recuit-inner-background dropdown input {
	display: none;
}

.course-span-lang {
	float: right;
	display: block;
	width: 100%;
}

.recuit-inner-background dropdown input~ul {
	position: relative;
	visibility: hidden;
	opacity: 0;
	top: -20px;
	z-index: 1;
	padding-right: 0;
	background-color: #fff;
	width: 200px;
	border-radius: 5px;
	position: absolute;
	margin-top: 140px;
}

.recuit-inner-background dropdown input:checked~ul {
	visibility: visible;
	opacity: 1;
	top: 0;
}

.recuit-inner-background .animate {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	/* Chrome and Safari */
	-moz-backface-visibility: hidden;
	/* Firefox */
	-ms-backface-visibility: hidden;
}

.recuit-inner-background {
	background: #a0002b;
	/* Old browsers */
	background: -moz-linear-gradient(left, #a0002b 0%, #2b0004 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #a0002b 0%, #2b0004 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #a0002b 0%, #2b0004 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0002b', endColorstr='#2b0004', GradientType=1);
	/* IE6-9 */
	height: 200px;
}

.rec-see-list {
	height: 20px;
}

.recuit-droplabel-inner {
	color: #fff;
	border-bottom: 3px solid #fff;
	padding-bottom: 0;
	font-size: 40px;
	padding-top: 20px;
}

.rec-agen-details .recr-inner-know-box {
	margin-top: -140.5px;
}

.rec-agen-details .rec-agen-btn-reivew {
	background-color: #f37022;
	color: #fff;
	padding: 10px 80px;
	font-size: 20px;
}


i.fa.fa-lock, i.fa.fa-user-plus {
    color: #f37022;
}

.recuit-inner-background p {
	color: #fff;
}

.recuit-inner-background h2 {
	color: #fff;
}

.rec-inner-first p,
.rec-inner-first h2 {
	color: #fff;
}

.rec-inner-second p,
.rec-inner-second a {
	color: #fff;
	font-size: 16px;
}

.recr-inner-know-box {
	margin-top: -222.5px;
	border-radius: 10px;
}

.recr-inner-know-box .rec-inner-first {
	background-color: #f37022;
	padding: 10px;
}

.recr-inner-know-box .rec-inner-second {
	background-color: #9b001f;
	padding: 10px;
	margin-bottom: 20px;
}

.recr-inner-know-box .fa {
	float: right;
	padding-left: 10px;
}

.rec-inner-list-age li a {
	font-size: 21px;
	color: #000;
}

.rec-inner-list-age li a:hover {
	color: #9b001f;
}

.recr-inner-data {
	padding-top: 30px;
}

.recr-inner-data h2 {
	margin-top: 0;
	margin-bottom: 40px;
}

.rec-inner-list-age ul {
	margin: 0;
	padding: 0;
}

.rec-inner-list-age li {
	list-style: none;
	padding-bottom: 25px;
}

.rec-inner-list-age li span {
	display: block;
}

.rec-inner-full-list {
	text-align: left;
}

.recr-inner-know-box h2 {
	margin-bottom: 10px;
}

.rec-see-list2 {
	margin-top: -100.5px;
}

.recr-inner-breadcrumb .breadcrumb {
	background-color: transparent;
}

.recr-inner-breadcrumb .breadcrumb li {
	font-size: 14px;
	color: #822c2f;
}

.recr-inner-breadcrumb .breadcrumb>li+li:before {
	content: url(../front/breadcrumb-caret.png);
	padding-left: 8px;
	padding-right: 4px;
}

.recr-inner-breadcrumb .breadcrumb a {
	color: #34353e;
}

.rec-inner-pagination .pagination a {
	border: 0;
	font-size: 16px;
	padding: 2px 9px;
	border-radius: 30px !important;
	background-color: #822c2f;
	color: #fff;
	margin-left: 8px;
	margin-right: 8px;
}

.recru-main-banner {
	background-image: url("../resc-banner.jpg");
	background-repeat: no-repeat;
	height: 500px;
	background-size: cover;
	background-position: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.recru-banner-dropdown p {
	font-size: 20px;
	padding-top: 20px;
}

.members-card-english-name {
	border-bottom: 1px solid #ebebeb;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 13px;
}

.flex-container {
	display: flex;
	justify-content: space-between;
}
.flex-container .news-service-icon{
	display: flex;
	justify-content: space-between;
	max-width: 80%;
    	height: auto;
   	padding-bottom: 20px;
}

/*text*/

.text-white,
.text-white-hover:hover {
	color: #fff !important
}


/*fontcolor*/

.light-grey {
	color: #000 !important;
	background-color: #E6E9ED !important
}

#chartdiv {
	background: #3f3f4f;
	color: #ffffff;
	width: 100%;
	height: 500px;
}

#chartdiv {
	width: 100%;
	height: 500px;
}

#info {
	padding: 10px;
	background-color: #dedede;
}

#info p {
	margin: 5px;
}

a.rec-more-btn {
	display: block;
	color: #000;
	font-size: 14px;
}

.recru-about-text {
	padding-top: 50px;
}

.recru-about-text a {
	color: #000;
}

.recru-about-text p {
	font-size: 16px;
}

.recru-about-text a {
	text-decoration: none;
}

.recur-index-flag-text {
	text-align: center;
}

.recur-index-flag-text a {
	font-size: 18px;
	color: #000;
	font-weight: 600;
}

.recur-index-flag-text a:hover {
	color: #a40133;
}

.recur-index-flag-text img {
	margin: auto;
	margin-bottom: 10px;
	height: 100px;
}

.recur-index-flag-text .recur-flag-text-data {
	display: block;
}

.recrui-index-flag {
	padding-top: 50px;
	padding-bottom: 50px;
}

.recrui-index-flag .flickity-prev-next-button {
	top: 35%;
}

.recrui-index-flag .gallery-cell {
	width: 25%;
	/* half-width */
	height: auto;
	padding: 0 15px;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media (min-width: 548px) {
	.recrui-index-flag .gallery-cell {
		width: 25%;
	}
}

.rec-flag-title-row {
	padding-bottom: 40px;
}

.cartoon-slider-new .gallery {
	/*    background: #FAFAFA;*/
	margin-bottom: 30px;
	counter-reset: gallery-cell;
}

.cartoon-slider-new .gallery-cell {
	width: 100%;
	/*    height: 700px;*/
	margin-right: 20px;
}

.index-report-deep {
	background-color: #fff !important;
}

#Index-first .carousel {
	background: #EEE;
}

#Index-first .carousel-cell {
	width: 100%;
	height: 1000px;
	margin-right: 18px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

#Index-first {
	position: relative;;
}

#Index-first .bg-blue {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background-color: rgba(30, 61, 89,0.8);
}

#Index-first .bg-logo {
    background: url(../front/header-bg.png) no-repeat bottom;
    width: 101%;
    height: 100%;
    background-size: 100%;
    position: absolute;
    bottom: 0;
    right: -10px;
}

.recru-main-banner h2,
.recru-main-banner p {
	color: #fff;
}

.index-banner-text {
    background-color: transparent;
    text-align: left;
	padding: 40px 40px;
}



#Index-first .col-md-7 {
	position: absolute;
	left: 30%;
	top: 40%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 45%;
}

.index-banner-text h2 {
	margin-top: 0;
	font-size: 40px;
	color: #fff;
	font-weight:bold;
	
}

#Index-first .flickity-rtl .flickity-prev-next-button.previous,
#Index-first .flickity-rtl .flickity-prev-next-button.next {
	background-color: transparent;
	outline: none;
	display: none !important;
}

.index-banner-text p {
	font-size: 16px;
	color: #fff;
	padding-bottom: 15px;
	font-family: "Roboto";
	font-weight: 400;
}

#Index-first .flickity-button-icon {
	fill: #fff;
}

#index-news .index-elear-circle {
	width: auto;
	float: none;
}

#index-news .index-ele-color:before {
	width: 100%;
	height: 100%;
	border-radius: inherit;
	background-color: rgba(10, 10, 10, 0.33);
}

#index-news .index-elear-circle img {
	width: auto;
	height: auto;
	border-radius: initial;
}

#Index-first .flickity-button:focus {
	box-shadow: none;
}

.index-banner-text a {
	background-color: #a20435;
	color: #fff;
	padding: 10px 65px;
	border-radius: 20px;
}

.big-title {
	font-size: 50px;
	color: #fff;
	padding-top: 30px;
	padding-bottom: 10px;
}

.index-about-second-img {
	padding-top: 60px;
}

.index-about-second-img p {
	padding-top: 35px;
	text-align: justify;
}

.index-about-first-img p {
	padding-bottom: 25px;
	text-align: justify;
}

.index-about-second-img a {
	font-size: 16px;
	color: #fff;
	background-color: #a20435;
	border-radius: 20px;
	padding: 10px 65px;
	margin-top: 10px;
	float: right;
}

.index-about-video {
	float: left;
	width: 100%;
	margin-top: 45px;
}

.index-news-text {
	background-color: rgba(0, 119, 181, 0.89);
	padding: 10px 20px;
	border-radius: 10px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	z-index: 99;
	position: relative;
	height: 100px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
}

.index-news-text p {
	font-size: 16px;
	color: #fff;
}

.index-news-box img {
	border-radius: 10px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

#index-news .big-title {
	color: rgba(0, 119, 181, 1);
	margin: 0;
	padding-bottom: 40px;
}

#index-news {
	margin-top: 55px;
	background-color: #f6f6f6;
	padding-top: 45px;
	padding-bottom: 55px;
}

.index-news-more {
	background-color: rgba(0, 119, 181, 0.89);
	color: #fff;
	font-size: 16px;
	padding: 10px 65px;
	border-radius: 20px;
}

.index-more-btn {
	margin-top: 30px;
}

#index-campign .col-md-7 {
	/*margin-right: 20.883333%;*/
	/* padding-top: 100px;*/
}

#index-campign {
	/* background-attachment: fixed;*/
	background: url(../front/index-camp-img.jpg) no-repeat center center;
	/*background-size: contain;*/
	/*  height: 400px;*/
	color: #fff;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 150px;
	padding-bottom: 150px;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
}

#index-campign p {
	color: #fff;
	padding-bottom: 20px;
}

#index-campign a {
	font-size: 16px;
	color: #fff;
	border: 1px solid #fff;
	padding: 10px 65px;
	border-radius: 20px;
}

.flickity-rtl .flickity-prev-next-button.previous {
	right: 13%;
}

.flickity-rtl .flickity-prev-next-button.next {
	left: 13%;
}

#index-elearning .big-title {
	color: #f37022;
	padding-bottom: 25px;
}

.index-elear-circle img {
	width: 160px;
	height: 160px;
	border-radius: 50%;
}


/*box overlay*/

.index-elear-circle {
	position: relative;
	width: 160px;
	float: right;
	z-index: 2;
}

.index-elear-circle:before {
	position: absolute;
	content: " ";
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 0;
}

.index-elear-circle:hover:before {
	display: block;
}

.index-ele-color:before {
	background-color: rgba(243, 112, 34, 0.5);
	width: 160px;
	height: 160px;
	border-radius: 50%;
}

.index-elr-text-img {
	/* width: 103px;*/
	height: 65px;
	background-color: #f37022;
	overflow: hidden;
	margin-top: 50px;
	border-radius: 20px;
	position: relative;
	right: -8px;
	z-index: 1;
	text-align: center;
	padding-top: 22px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.index-elr-text-img a {
	color: #fff;
	font-size: 14px;
}

.index-elearing-text-top {
	padding-bottom: 50px;
}

.index-btn-ele {
	font-size: 16px;
	color: #fff;
	background-color: #f37022;
	border: 0;
	border-radius: 20px;
	padding: 10px 65px;
	margin-top: 40px;
}

#index-blog .big-title {
	color: #8f984d;
	padding-bottom: 34px;
}


/*gallery*/


/*.grid {
  background: #DDD;
  max-width: 1200px;
}*/


/* clear fix */

.grid:after {
	content: '';
	display: block;
	clear: both;
}


/* ---- .grid-item ---- */

.grid-item {
	float: left;
	width: 37.5%;
	max-height: 253px;
	overflow: hidden;
}

.grid-item--width2 {
	width: 25%;
	max-height: 253px;
	overflow: hidden;
}

.index-blog-text {
	position: absolute;
	bottom: 10%;
	right: 5%;
	left: 5%;
}

.index-blog-text p {
	background-color: rgba(0, 119, 181, 0.89);
	padding: 35px 10px;
	width: 100%;
	color: #fff;
	text-align: right;
	border-radius: 10px;
	font-size: 16px;
}

.index-blog-text a {
	border-radius: 10px;
	background-color: #908f49;
	color: #fff;
	padding: 1px 20px;
	margin-top: 10px;
	float: left;
	left: 5%;
	position: relative;
}

#index-lib .carousel-cell {
	width: 33.33%;
	height: 200px;
	margin-right: 10px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	flex-flow: column;
}

.index-lib-cars {
	margin-top: 25px;
}

#index-lib .flickity-prev-next-button {
	bottom: -30%;
	top: auto;
	transform: none;
}

#index-lib .flickity-prev-next-button.next {
	right: 46%;
}

#index-lib .flickity-prev-next-button.previous {
	left: 46%;
}

.index-lib-cars .col-md-3 {
	margin-top: 25px;
}

.index-lib-cars a {
	margin-top: 90px;
	font-size: 16px;
	color: #fff;
	background-color: #822c2f;
	border-radius: 20px;
	padding: 10px 65px;
	margin-bottom: 50px;
}

#index-lib {
	background-color: #f6f6f6;
	margin-top: 70px;
}

#index-lib .flickity-button {
	background: #822c2f;
}

#index-lib .flickity-button svg {
	fill: #fff;
}

#index-lib .flickity-prev-next-button {
	width: 25px;
	height: 25px;
}

.index-blog-more-btn a {
	font-size: 16px;
	color: #fff;
	background-color: #908f49;
	border: 0;
	border-radius: 20px;
	padding: 10px 65px;
	margin-top: 40px;
	margin-bottom: 50px;
}

.index-date-box {
	width: 75px;
	height: 75px;
	background-color: #a20435;
	border-radius: 50px;
	text-align: center;
	padding-top: 10px;
	float: right;
	margin-top: 20px;
}

.index-date-box p {
	color: #fff;
	font-size: 18px;
	margin: 0;
}

.index-month-text {
	margin-right: 100px;
}

.index-month-text h2 {
	font-size: 20px;
}

#index-ticket-month .col-md-4 {
	padding-top: 10px;
}

#index-campign2 {
	background: url(../front/index-activ-img.jpg) no-repeat;
	background-size: cover;
	height: 400px;
	color: #fff;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 60px;
}

#index-campign2 p {
	color: #fff;
	padding-bottom: 20px;
}

#index-campign2 a {
	font-size: 16px;
	color: #fff;
	border: 1px solid #fff;
	padding: 10px 65px;
	border-radius: 20px;
}

#index-contactus {
	background-color: #f6f6f6;
}

#index-contactus #map {
	height: 450px;
	width: 100%;
	margin-top: 70px;
	border: 1px solid #b7b7b7;
	border-radius: 10px;
}

#map svg {
	width: 100%;
	background-color: #0077B5;
}

#index-contactus .btn-default {
	font-size: 16px;
	color: #fff;
	background-color: #a20435;
	border-radius: 20px;
	padding: 10px 65px;
	margin-bottom: 50px;
}

.index-conta-submit-btn {
	text-align: left;
}

#index-contactus .form-control {
	border-radius: 10px;
}

#index-contactus .form-group {
	margin-bottom: 35px;
}

#index-contactus form {
	float: right;
	width: 100%;
	padding-top: 20px;
}

#index-campign h2 {
	margin-top: 0;
}

#index-contactus .big-title {
	padding-top: 25px;
}

#index-download-app h2 {
	float: right;
	font-size: 25px;
	border-left: 1px solid #fff;
	line-height: 70px;
	padding-left: 10px;
}

#index-download-app p {
	float: left;
	width: 50%;
	padding-top: 35px;
	color: #fff;
}

#index-download-app {
	background-color: #a20435;
	color: #fff;
}

.index-app-icon a {
	float: left;
	padding-right: 30px;
}

#index-news .index-elear-circle img {
	width: 100%;
}

.flex-item li a i {
	padding-left: 6px;
}

.index-app-icon {
	margin-top: 40px;
	margin-bottom: 40px;
}

#index-lib #inner-box {
	background: #822c2fa3;
	height: 100%;
	width: 100%;
	opacity: 0;
	top: 0;
	left: 0;
	position: absolute;
	padding: 0;
	transition: opacity .5s;
	border-radius: 10px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center
}

#index-lib .carousel-cell img {
	border-radius: 10px;
	width: 100%;
}


/* line 25, ../sass/style.scss */

#index-lib .carousel-cell #inner-box p {
	color: #fff;
	font-size: 25px;
	text-align: center;
}


/*#index-lib .carousel-cell img{
    width: 100%;
}*/


/* line 34, ../sass/style.scss */

.index-lib-hover {
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	border-radius: 20px !important;
	overflow: hidden;
}

#index-lib .index-lib-hover:hover #inner-box {
	opacity: .9;
	transition: opacity .5s;
}

.mapael .map {
	position: relative;
	margin-bottom: 10px;
}

.mapael .mapTooltip {
	position: absolute;
	background-color: #474c4b;
	moz-opacity: 0.70;
	opacity: 0.70;
	filter: alpha(opacity=70);
	border-radius: 10px;
	padding: 10px;
	z-index: 1000;
	max-width: 200px;
	display: none;
	color: #fff;
}

@media (min-width: 1800px) {
	.flickity-rtl .flickity-prev-next-button.previous {
		right: 20%;
	}
	.flickity-rtl .flickity-prev-next-button.next {
		left: 20%;
	}
}

@media (min-width: 992px) and (max-width:1200px) {
	.index-elr-text-img {
		height: 50px;
		margin-top: 70px;
		right: -15px;
		padding-top: 10px;
	}
	#index-download-app h2 {
		font-size: 20px;
	}
	#custom-search-input .form-control {
		width: 190px;
	}
}

@media (min-width: 768px) and (max-width:992px) {
	#index-lib .col-md-3 {
		margin-bottom: 20px;
	}
	#index-lib .col-md-3 img {
		margin: auto;
	}
	.ele-sec-title h2 {
		font-size: 15px !important;
	}
}

@media (min-width: 768px) and (max-width:1200px) {
	#index-elearning .col-lg-3 {
		margin-bottom: 20px;
	}
	.grid-item--width2 {
		max-height: 235px;
	}
	.index-app-icon a {
		margin-bottom: 10px;
	}
}


/*@media (min-width: 600px) and (max-width:768px) {
    .index-elr-text-img {
        margin-top: 30px;
        right: -50px;
        padding-top: 10px;
            height: auto;
    }
}*/

@media (max-width: 992px) {
	#index-sec2 img {
		margin: auto
	}
	#index-contactus {
		margin-bottom: 30px;
		padding-bottom: 30px;
	}
	#index-contactus #map {
		margin-top: 0px;
	}
	.recr-inner-know-box {
		margin-top: 0;
	}
	.rec-agen-details .recr-inner-know-box {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

@media (max-width: 768px) {
	.signup-modal .modal-dialog {
		width: 94% !important;
		margin-top: 150px;
	}
	.signin-modal .modal-dialog {
		width: 93% !important;
		margin-top: 150px;
	}
	.mobile-menu-show {
		min-width: 102vw;
		margin: 0;
	}
	.mobile-menu-show li {
		text-align: center;
	}
	#Index-first .col-md-7 {
		width: 100%;
		left:50%
	}
	#Index-first .carousel-cell {
		background-size: cover;
		background-position: center;
	}
	.visible-xs .dropdown-toggle {
		margin-top: 0px;
		padding: 7px 14px;
	}
	#index-news .col-md-4 {
		margin-bottom: 30px;
	}
	.index-elear-circle {
		margin-bottom: 20px;
		margin: auto;
		float: none;
	}
	.index-elear-circle img {
		width: 100px;
		height: 100px;
		margin: auto;
	}
	.big-title {
		font-size: 20px;
	}
	.btn {
		font-size: 13px;
		padding: 10px 40px;
	}
	#index-blog .grid-item {
		width: 100%;
		margin-bottom: 20px;
	}
	#index-blog .grid-item img {
		width: 100%;
	}
	#index-lib .col-md-3 img {
		margin: auto;
		width: 130px;
		margin-bottom: 20px;
	}
	#index-lib .carousel-cell {
		width: 50%;
	}
	#index-lib .flickity-prev-next-button.next {
		right: 40%;
	}
	#index-lib .flickity-prev-next-button.previous {
		left: 40%;
	}
	#index-lib .flickity-prev-next-button {
		bottom: 10%;
	}
	.index-lib-cars a {
		margin-top: 0px;
	}
	#index-lib #inner-box {
		display: none;
	}
	#index-contactus .form-group {
		margin-bottom: 15px;
	}
	#index-download-app h2 {
		border: 0;
		text-align: center;
		float: none;
	}
	#index-download-app p {
		width: 100%;
	}
	.index-app-icon img {
		margin: auto;
		margin-bottom: 20px;
	}
	.index-app-icon a {
		float: none;
		padding-right: 0;
	}
	#index-contactus #map {
		border-radius: 0;
	}
	.pull-right>.dropdown-menu {
		right: -19px;
		top: 110px;
	}
	.index-ele-color:before {
		display: none !important;
	}
	.index-elr-text-img {
		margin-top: 10px;
		padding-top: 10px;
		height: auto;
		margin-bottom: 20px;
		right: 0;
	}
	.index-banner-text {
		width: 85%;
		margin: auto;
	}
	.flickity-rtl .flickity-prev-next-button.previous {
		right: 0%;
	}
	.flickity-rtl .flickity-prev-next-button.next {
		left: 0%;
	}
	.index-about-video iframe {
		padding-left: 0;
	}
	#index-download-app .col-md-6 {
		text-align: center;
	}
	#index-download-app h2 {
		font-size: 20px;
	}
	/*    .cartoon-slider-new .flickity-viewport{
            height:500px !important;
        }*/
	#chartdiv {
		margin-top: 100px;
	}
	.who-we-are-page-banner {
		background-position: center;
	}
}

@media (max-width:500px) {
	.cartoon-slider-new .flickity-prev-next-button {
		top: 120%;
	}
	.cartoon-slider-new .flickity-prev-next-button .flickity-button-icon {
		width: 30%;
		height: 30%;
	}
}

@media (min-width: 700px) and (max-width:767px) {
	.flex-container .dropdown {
		width: 100%;
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 99;
		background-color: #fff;
		padding: 5px 20px;
	}
	.visible-xs .dropdown-toggle {
		margin-top: 8px;
	}
	.pull-right>.dropdown-menu {
		top: 120px;
	}
}

@media (min-width: 600px) and (max-width:768px) {
	.index-lib-cars a {
		margin-top: 70px !important;
	}
	#custom-search-input .form-control {
		width: 190px;
	}
}

@media (min-width: 450px) and (max-width:768px) {
	.index-lib-cars a {
		margin-top: 50px;
	}
	#index-lib .flickity-prev-next-button {
		bottom: -20%;
	}
}

@media (min-width: 320px) and (max-width:450px) {
	#index-lib .flickity-prev-next-button {
		bottom: 0;
	}
	.index-lib-cars a {
		margin-top: 50px;
	}
	#custom-search-input {
		padding-right: 5px;
	}
	.nav>li>a>img {
		width: 20px;
	}
	#custom-search-input .form-control {
		width: 100px;
	}
	.header-top-mobile ul li a {
		padding: 10px 2px;
	}
	.pull-right>.dropdown-menu {
		top: 100px;
	}
}

@media (min-width: 320px) and (max-width:370px) {
	#Index-first {
		width: 105%;
	}
	body {
		overflow-x: hidden;
	}
}

#elarniong-banner {
	background: url(../front/activities-banner.jpg) no-repeat;
	height: 390px;
	background-size: cover;
}

.EBack {
	height: 390px;
	background-size: cover;
}

.ele-breadcr .breadcrumb {
	background-color: transparent;
	padding: 0;
	padding-top: 30px;
}

.ele-breadcr .breadcrumb a {
	color: #34353e;
	font-size: 14px;
}

.ele-breadcr .breadcrumb .active {
	color: #f37022;
}

.ele-breadcr .breadcrumb>li+li:before {
	content: none;
}

.ele-breadcr .breadcrumb i {
	padding-left: 5px;
	padding-right: 5px;
}

.ele-sec-title h2 {
	font-size: 24px;
	background-color: #f37022;
	color: #fff;
	margin: 0;
	text-align: center;
	border-radius: 10px;
	padding: 7px 0;
	margin-top: 20px;
}


/*tabs*/

.elearning-big-data .tabs-left>.nav-tabs>li,
.elearning-big-data .tabs-right>.nav-tabs>li {
	float: none;
}

.elearning-big-data .tabs-left>.nav-tabs {
	float: right;
	width: 100%;
	border: 0;
}

.elearning-big-data .tabs-left a {
	font-size: 16px;
	color: #34353e;
	margin-top: 5px;
}

.nav>li>a:focus,
.nav>li>a:hover {
	background-color: transparent;
	border: 0;
	margin-right: 0;
}

.elearning-big-data .nav-tabs>li.active>a,
.elearning-big-data .nav-tabs>li.active>a:focus,
.elearning-big-data .nav-tabs>li.active>a:hover {
	background-color: #ebebeb;
	border-right: 4px solid #f37022 !important;
	border-radius: 0;
	border: 0;
}

.elearning-big-data .nav-tabs>li>a {
	border: 0;
	margin: 0;
}

.elearning-big-data .nav-tabs li:first-child a {
	margin-top: 15px;
}

.ele-info-graph {
	font-size: 18px;
	border-bottom: 1px solid #34353e;
	padding-bottom: 14px;
}

.ele-info-graph img {
	float: right;
	padding-left: 10px;
	margin-top: -10px;
}

.ele-data-descr {
	padding-top: 5px;
	padding-bottom: 5px;
}

.ele-data-descr p {
	font-size: 16px;
}

.ele-box-img {
	max-height: 260px;
	overflow: hidden;
	border-radius: 10px;
}

.ele-box-img img {
	border-radius: 10px;
}

.ele-box-text h2 {
	font-size: 20px;
	color: #f37022;
	margin-top: 30px;
	margin-bottom: 20px;
}

.ele-box-text p {
	font-family: 'Roboto';
	font-size: 16px;
	color: #505058;
	line-height: 1.2;
}

.ele-box-text a {
	padding: 5px 70px;
	font-size: 14px;
	background-color: #f37022;
	color: #fff;
	border-radius: 10px;
	margin-top: 15px;
	border: 0;
	font-family: 'Roboto';
}

.ele-box-data {
	border-bottom: 2px solid #ebebeb;
	padding-bottom: 30px;
	float: left;
	width: 100%;
	padding-top: 30px;
}

.ele-studies-title {
	font-size: 18px;
	border-bottom: 1px solid #34353e;
	padding-bottom: 14px;
}

.ele-studies-title span {
	float: right;
	padding-left: 10px;
	margin-top: -10px;
}

.ele-studies-search-form input::placeholder {
	color: #f37022;
	font-size: 14px;
}

.ele-studies-search-form {
	margin-bottom: 25px;
	margin-top: 32px;
}

.ele-studies-search-form input {
	height: 30px;
	background-color: #f7f7f8;
	border: 1px solid #f37022;
	border-radius: 10px;
	color: #f37022;
	font-size: 14px;
}

.ele-studies-search-form .select-list {
	position: relative;
}

.ele-studies-search-form .select-list span {
	position: absolute;
	top: 13px;
	left: 10px
}

.ele-studies-search-form select {
	height: 30px;
	background-color: #f7f7f8;
	border: 1px solid #f37022;
	border-radius: 10px;
	color: #f37022;
	font-size: 14px;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 1px;
	text-overflow: '';
	padding-bottom: 2px;
}

.ele-studies-search-form .search-btn {
	color: #fff;
	background-color: #f37022;
	border: 0;
}

.ele-studies-name p {
	font-size: 20px;
	color: #f37022;
}

.ele-studies-subtitle p {
	font-size: 14px;
	color: #34353e;
	font-family: 'Roboto';
}

.ele-studies-card:last-child {
	border-bottom: 0;
}

.ele-studies-card {
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 16px;
	padding-top: 20px;
}

.ele-studies-download p {
	font-size: 14px;
	color: #f37022;
	font-family: 'Roboto';
	float: right;
	margin-left: 13px;
	margin-top: 5px;
}

.ele-studies-download a,
.ele-studies-download a:hover,
.ele-studies-download a:focus {
	background-color: #f37022;
	color: #fff;
	border-radius: 10px;
	padding-bottom: 4px;
	font-family: 'Roboto';
	padding-top: 4px;
	width: 68px
}

.ele-studies-pagination .pagination {
	width: 100%;
}

.ele-studies-pagination .pagination .active a {
	color: #fff;
	background-color: #000000;
}

.ele-studies-pagination .pagination a {
	border: 0;
	font-size: 16px;
	padding: 2px 9px;
	border-radius: 30px;
	background-color: #f37022;
	color: #fff;
	margin-left: 8px;
	margin-right: 8px;
}

.ele-studies-pagination .pagination li {
	text-align: center;
}

.ele-studies-pagination .pagination .pagination-prev-next a {
	background-color: transparent;
	padding-right: 0;
	padding-left: 0;
	padding-top: 4px;
	margin-left: 8px;
	margin-right: 8px;
}

.ele-courses-title {
	font-size: 18px;
	border-bottom: 1px solid #34353e;
	padding-bottom: 14px;
}

.ele-courses-title span {
	float: right;
	padding-left: 10px;
	margin-top: -13px;
}

.ele-courses-descr p {
	font-size: 16px;
	color: #505058;
	font-family: 'droidsansarabic';
}

.ele-courses-list {
	margin-bottom: 50px;
	margin-top: 30px;
}

.ele-courses-list ul {
	padding-right: 0;
	list-style: none;
	padding-left: 0;
}

.ele-courses-list li:nth-last-child(odd) {
	background-color: #ebebeb;
}

.ele-courses-list .courses-info-header {
	background-color: #f37022;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding-top: 13px;
	padding-bottom: 13px;
}

.ele-courses-list .courses-info-header p {
	color: #fff;
	text-align: center;
	font-size: 14px;
	margin-bottom: 0;
}

.ele-courses-list .courses-info {
	padding-top: 7px;
	padding-bottom: 7px;
}

.ele-courses-list .courses-info p {
	color: #252525;
	font-size: 14px;
	font-family: 'Roboto';
	text-align: center;
	margin-bottom: 0;
}

.ele-courses-list .courses-info span {
	float: right;
}

.ele-courses-list .courses-info a {
	background-color: #f37022;
	border-radius: 10px;
	font-size: 14px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #fff;
}

.ele-course-subscribe {
	text-align: center;
}


/* ****************************************************************** */


/* campaigns page */

.campagins-page-banner {
	background-image: url(../front/campaignsbanner.jpg);
	/*    padding-top: 195px;
        padding-bottom: 194px;*/
	height: 310px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.campagins-page-card-info {
	min-height: 300px;
}

.campagins-page .campagins-page-breadcrumb .breadcrumb {
	background-color: #fff;
	padding-left: 0;
	padding-top: 26px;
}

.campagins-page .campagins-page-breadcrumb .breadcrumb li {
	font-size: 14px;
	color: #a20435;
}

.campagins-page .campagins-page-breadcrumb .breadcrumb>li+li:before {
	content: url("../front/breadcrumb-caret.png");
	padding-left: 8px;
	padding-right: 4px;
}

.campagins-page .campagins-page-breadcrumb .breadcrumb a {
	color: #34353e;
}

.campagins-page .campagins-page-title h2 {
	background-color: #a20435;
	border-radius: 10px;
	color: #fff;
	margin: 0;
	padding-top: 7px;
	padding-bottom: 8px;
	font-size: 24px;
	text-align: center;
}

.campagins-page .campagins-page-cards {
	margin-top: 47px;
}

.campagins-page .campagins-page-card {
	margin-bottom: 30px;
}

.campagins-page .campagins-page-card-img {
	background-color: #ebebeb;
	border-radius: 10px;
	min-height: 195px;
	position: relative;
}

.campagins-page .campagins-page-card-img .campagins-page-card-img-pos {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 100%;
}

.campagins-page .campagins-page-card-img .campagins-page-card-img-pos img {
	margin: auto;
}

.campagins-page .campagins-page-card-name h3 {
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 20px;
	color: #a20435;
	line-height: 1.2;
	min-height: 48px;
}

.campagins-page .campagins-page-card-text p {
	font-size: 14px;
	color: #505058;
	line-height: 1.2;
	font-family: 'Roboto';
	margin-bottom: 30px;
	min-height: 64px;
}

.campagins-page .campagins-page-card-join a {
	font-size: 14px;
	width: 100%;
	background-color: #f37022;
	border-radius: 10px;
	color: #fff;
	font-family: 'Roboto';
	padding-bottom: 4px;
	padding-top: 4px;
}

.campagins-page .campagins-page-pagination .edit-col-padding {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.campagins-page .campagins-page-pagination .pagination {
	margin-bottom: 44px;
	margin-top: 10px;
}

.campagins-page .campagins-page-pagination .pagination .active a {
	color: #fff;
	background-color: #000000;
}

.campagins-page .campagins-page-pagination .pagination a {
	border: 0;
	font-size: 16px;
	padding: 2px 9px;
	border-radius: 30px;
	background-color: #a20435;
	color: #fff;
	margin-left: 5px;
	margin-right: 6px;
}

.campagins-page .campagins-page-pagination .pagination li {
	text-align: center;
}

.campagins-page .campagins-page-pagination .pagination .pagination-prev-next a {
	background-color: transparent;
	padding-right: 0;
	padding-left: 0;
	padding-top: 4px;
}


/* ********************************************************** */


/* join campaign */

.join-campagin-banner {
	background-image: url(../front/campaignsbanner.jpg);
	padding-top: 195px;
	padding-bottom: 194px;
}

.join-campagin-page .join-campagin-breadcrumb .breadcrumb {
	background-color: #fff;
	padding-left: 0;
	padding-top: 26px;
}

.join-campagin-page .join-campagin-breadcrumb .breadcrumb li {
	font-size: 14px;
	color: #a20435;
}

.join-campagin-page .join-campagin-breadcrumb .breadcrumb>li+li:before {
	content: url("../front/breadcrumb-caret.png");
	padding-left: 8px;
	padding-right: 4px;
}

.join-campagin-page .join-campagin-breadcrumb .breadcrumb a {
	color: #34353e;
}

.join-campagin-page .join-campagin-title h2 {
	background-color: #a20435;
	border-radius: 10px;
	color: #fff;
	margin: 0;
	font-size: 24px;
	padding-top: 7px;
	padding-bottom: 8px;
	text-align: center;
}

.join-campagin-page .join-campagin-info-img {
	margin-top: 50px;
	margin-bottom: 30px;
}

.join-campagin-page .join-campagin-info-img img {
	margin: auto;
}

.join-campagin-info-title h3 {
	font-size: 20px;
	margin-top: 50px;
	color: #a20435;
	margin-bottom: 30px;
}

.join-campagin-info-text p {
	font-size: 14px;
	color: #505058;
	font-family: 'Roboto';
	line-height: 1.2;
	margin-bottom: 15px;
}

.join-campagin-info-form-title h2 {
	background-color: #f37022;
	border-radius: 10px;
	color: #fff;
	font-size: 24px;
	margin-top: 20px;
	padding-top: 7px;
	padding-bottom: 8px;
	text-align: center;
	margin-bottom: 20px;
}

.join-campagin-info-form .form label {
	font-size: 14px;
	color: #a20435;
	font-family: 'Roboto';
	margin-bottom: 3px;
	padding-right: 6px;
}

.join-campagin-info-form .form input {
	height: 30px;
	background-color: #f7f7f8;
	border-radius: 10px;
	color: #505058;
	font-size: 16px;
	border: 1px solid #505058;
	font-family: 'Roboto';
	margin-bottom: 21px;
}

.send-info-btn {
	background-color: #f37022 !important;
	color: #fff !important;
	border: 0 !important;
	margin-right: 8px;
	margin-top: 4px;
	margin-bottom: 50px !important;
}


/* ********************************************************** */


/* join campaign */

.join-campagin-banner {
	background-image: url(../campaign-new-img.jpg);
	padding-top: 195px;
	padding-bottom: 194px;
	background-position: center;
	background-size: cover;
}

.join-campagin-page .join-campagin-breadcrumb .breadcrumb {
	background-color: #fff;
	padding-left: 0;
	padding-top: 26px;
}

.join-campagin-page .join-campagin-breadcrumb .breadcrumb li {
	font-size: 14px;
	color: #a20435;
}

.join-campagin-page .join-campagin-breadcrumb .breadcrumb>li+li:before {
	content: url("../front/breadcrumb-caret.png");
	padding-left: 8px;
	padding-right: 4px;
}

.join-campagin-page .join-campagin-breadcrumb .breadcrumb a {
	color: #34353e;
}

.join-campagin-page .join-campagin-title h2 {
	background-color: #a20435;
	border-radius: 10px;
	color: #fff;
	margin: 0;
	font-size: 24px;
	padding-top: 7px;
	padding-bottom: 8px;
	text-align: center;
}

.join-campagin-page .join-campagin-info-img {
	margin-top: 50px;
}

.join-campagin-page .join-campagin-info-img img {
	margin: auto;
}

.join-campagin-info-title h3 {
	font-size: 20px;
	margin-top: 50px;
	color: #a20435;
	margin-bottom: 30px;
}

.join-campagin-info-text p {
	font-size: 14px;
	color: #505058;
	font-family: 'Roboto';
	line-height: 1.2;
	margin-bottom: 15px;
}


/* ********************************************************** */


/* blog-details */

.blog-details-banner {
	background-image: url(../front/blog-details-banner.jpg);
	padding-top: 195px;
	padding-bottom: 194px;
	background-position: center;
}

.blog-details-page .blog-details-breadcrumb .breadcrumb {
	background-color: #fff;
	padding-left: 0;
	padding-top: 26px;
}

.blog-details-page .blog-details-breadcrumb .breadcrumb li {
	font-size: 14px;
	color: #8f984d;
}

.blog-details-page .blog-details-breadcrumb .breadcrumb>li+li:before {
	content: url("../front/breadcrumb-caret.png");
	padding-left: 8px;
	padding-right: 4px;
}

.blog-details-page .blog-details-breadcrumb .breadcrumb a {
	color: #34353e;
}

.blog-details-page .blog-details-title h2 {
	background-color: #8f984d;
	border-radius: 10px;
	color: #fff;
	margin: 0;
	font-size: 24px;
	padding-top: 7px;
	padding-bottom: 8px;
	text-align: center;
}

.blog-details-page .blog-details-info-img {
	margin-top: 50px;
	margin-bottom: 30px;
}

.blog-details-page .blog-details-info-img img {
	margin: auto;
	border-radius: 10px;
}

.blog-details-page .blog-details-info-title h3 {
	font-size: 20px;
	margin-top: 50px;
	color: #8f984d;
	margin-bottom: 30px;
}

.blog-details-page .blog-details-info-text {
	margin-bottom: 45px;
}

.blog-details-page .blog-details-info-text p {
	font-size: 14px;
	color: #505058;
	font-family: 'Roboto';
	line-height: 1.2;
	margin-bottom: 15px;
}


/* ****************************************************************** */


/* blogs page */

.blogs-page-banner {
	background-image: url(../front/blog-details-banner.jpg);
	padding-top: 250px;
	padding-bottom: 250px;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center !important;
}

.blogs-page {
	padding-bottom: 20px;
}

.blogs-page .blogs-page-breadcrumb .breadcrumb {
	background-color: #fff;
	padding-left: 0;
	padding-top: 26px;
}

.blogs-page .blogs-page-breadcrumb .breadcrumb li {
	font-size: 14px;
	color: #8f984d;
}

.blogs-page .blogs-page-breadcrumb .breadcrumb>li+li:before {
	content: url("../front/breadcrumb-caret.png");
	padding-left: 8px;
	padding-right: 4px;
}

.blogs-page .blogs-page-breadcrumb .breadcrumb a {
	color: #34353e;
}

.blogs-page .blogs-page-title h2 {
	background-color: #8f984d;
	border-radius: 10px;
	color: #fff;
	margin: 0;
	padding-top: 7px;
	padding-bottom: 8px;
	font-size: 24px;
	text-align: center;
}

.blogs-page .blogs-page-cards {
	margin-top: 38px;
}

.blogs-page .blogs-page-big-card {
    margin-bottom: 30px;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

.blogs-page .blogs-page-big-card .blogs-page-card-img {
	border-radius: 10px;
	max-height: 312px;
	overflow: hidden;
	position: relative;
}

.blogs-page .blogs-page-big-card .blogs-page-card-img img {
	margin: auto;
}

.blogs-page .blogs-page-big-card .blogs-page-card-name h3 {
	font-size: 20px;
	margin-top: 68px;
	margin-bottom: 10px;
	color: #8f984d;
	line-height: 1.2;
	min-height: 48px;
}

.blogs-page .blogs-page-big-card .blogs-page-card-text p {
	font-size: 14px;
	color: #505058;
	line-height: 1.2;
	font-family: 'Roboto';
	margin-bottom: 30px;
	min-height: 32px;
	margin: 0;
}

.blogs-page .blogs-page-big-card .blogs-page-card-more a {
    font-size: 17px;
    width: 100%;
    background-color: #f37022;
    border-radius: 40px;
    color: #fff;
    font-family: 'Roboto';
    padding-top: 4px;
}

.blogs-page .blogs-page-card {
	margin-bottom: 30px;
}

.blogs-page .blogs-page-card-img {
	border-radius: 10px;
	max-height: 182px;
	overflow: hidden;
	position: relative;
}

.blogs-page .blogs-page-card-img img {
	margin: auto;
}

.blogs-page .blogs-page-card-name h3 {
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #8f984d;
	line-height: 1.2;
	min-height: 48px;
}

.blogs-page .blogs-page-card-text p {
	font-size: 14px;
	color: #505058;
	line-height: 1.2;
	font-family: 'Roboto';
	margin-bottom: 20px;
	min-height: 64px;
}

.blogs-page .blogs-page-card-more a {
	font-size: 14px;
	width: 100%;
	background-color: #8f984d;
	border-radius: 10px;
	color: #fff;
	font-family: 'Roboto';
	padding-bottom: 4px;
	padding-top: 4px;
}


/* ********************************************************** */


/* news-info */

.news-info-page-banner {
	background-image: url(../front/news-info-banner.jpg);
	padding-top: 85px;
	padding-bottom: 85px;
}

.blogs-page {
	padding-bottom: 20px;
}

.news-info-page .news-info-page-breadcrumb .breadcrumb {
	background-color: #fff;
	padding-left: 0;
	padding-top: 26px;
}

.news-info-page .news-info-page-breadcrumb .breadcrumb li {
	font-size: 14px;
	color: #505058;
}

.news-info-page .news-info-page-breadcrumb .breadcrumb>li+li:before {
	content: url("../front/breadcrumb-caret.png");
	padding-left: 8px;
	padding-right: 4px;
}

.news-info-page .news-info-page-breadcrumb .breadcrumb a {
	color: #34353e;
}

.news-info-page .news-info-page-title h2 {
	background-color: rgba(0, 119, 181, 1);
	border-radius: 10px;
	color: #fff;
	margin-top: 0;
	padding-top: 7px;
	padding-bottom: 8px;
	font-size: 24px;
	text-align: center;
	margin-bottom: 35px;
}

.news-info-page .news-info-main-news {
	margin-bottom: 60px;
}

.news-info-page .news-info-main-img {
	background-color: #ebebeb;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}

.news-info-page .news-info-main-img img {
	margin: auto;
}

.news-info-page .news-info-main-name h3 {
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: rgba(0, 119, 181, 1);
	line-height: 1.2;
	min-height: 48px;
}

.news-info-page .news-info-main-text p {
	font-size: 14px;
	color: #505058;
	line-height: 25px;
	font-family: 'Roboto';
	margin-bottom: 35px;
}

.news-info-page .news-info-related-cards {
	padding-bottom: 20px;
}

.news-info-page .news-info-related-card {
	margin-bottom: 30px;
	height: 210px;
}

.news-info-page .news-info-related-card-img {
	background-color: #ebebeb;
	border-radius: 10px;
	max-height: 160px;
	overflow: hidden;
	position: relative;
}

.news-info-page .news-info-related-card-img img {
	margin: auto;
}

.news-info-page .news-info-related-card-name h3 a {
	color: rgba(0, 119, 181, 1);
	font-size: 18px;
	margin-bottom: 10px;
	line-height: 1.2;
	min-height: 48px;
}

.news-info-page .news-info-related-card-name h3 {
	margin-top: 0;
	margin-bottom: 10;
}

.news-info-page .news-info-related-card-text p {
	font-size: 13px;
	color: #505058;
	line-height: 1.2;
	font-family: 'Roboto';
	min-height: 54px;
}

.news-info-page .news-info-related-card-more a {
	font-size: 14px;
	width: 100%;
	background-color: rgba(0, 119, 181, 1);
	border-radius: 10px;
	color: #fff;
	font-family: 'Roboto';
	padding-bottom: 4px;
	padding-top: 4px;
}


/* ********************************************************** */


/* activities-info */

.activities-page-banner {
	background-image: url(../front/activities-banner.jpg);
	padding-top: 195px;
	padding-bottom: 194px;
}

.activities-page {
	padding-bottom: 30px;
}

.activities-page .activities-breadcrumb .breadcrumb {
	background-color: #fff;
	padding-left: 0;
	padding-top: 26px;
}

.activities-page .activities-breadcrumb .breadcrumb li {
	font-size: 14px;
	color: #a20435;
}

.activities-page .activities-breadcrumb .breadcrumb>li+li:before {
	content: url("../front/breadcrumb-caret.png");
	padding-left: 8px;
	padding-right: 4px;
}

.activities-page .activities-breadcrumb .breadcrumb a {
	color: #34353e;
}

.activities-page .activities-page-title h2 {
	background-color: #a20435;
	border-radius: 10px;
	color: #fff;
	margin-top: 0;
	padding-top: 7px;
	padding-bottom: 8px;
	font-size: 24px;
	text-align: center;
	margin-bottom: 18px;
}

.activities-page .activities-page-tab-list .nav-tabs li {
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
}

.activities-page .activities-page-tab-list .nav-tabs a,
.activities-page .activities-page-tab-list .nav-tabs a:focus,
.activities-page .activities-page-tab-list .nav-tabs a:hover {
	font-size: 16px;
	border: 0;
	color: #a20435;
	padding-top: 4px;
	padding-bottom: 5px;
	border-radius: 0;
}

.activities-page .activities-page-tab-list .nav-tabs {
	border-bottom: 0;
}

.activities-page .activities-page-tab-list .nav-tabs .active a {
	text-decoration: none;
	background-color: #ebebeb;
	font-size: 16px;
	border: 0;
	color: #34353e;
	border-right: 3px solid #a20435;
	padding-right: 12px;
	border-radius: 0;
	padding-top: 4px;
	padding-bottom: 5px;
}

.activities-page .activities-page-tabs .active {
	display: block !important;
}

.activities-page .activities-page-tabs .tab-pane {
	display: none;
	text-align: justify;
}

.activities-page .activities-page-tab-content .activities-page-tab-title {
	/*    border-bottom: 1px solid #34353e;*/
	margin-bottom: 20px;
}

#index-lib p {
	text-align: justify;
}

.activities-page .activities-page-tab-content .activities-page-tab-title h3 {
	margin-bottom: 14px;
	font-size: 18px;
	color: #505058;
}

.news-room-news-card-info {
	text-align: justify;
}

.activities-page .activities-page-tab-content .activities-page-tab-title span {
	float: right;
	margin-top: -12px;
	margin-left: 13px;
}

.activities-page .activities-page-tab-content .activities-page-tab-desc p {
	font-size: 14px;
	color: #505058;
	text-align: justify;
	/*    font-family: 'Roboto';*/
}

.activities-page .activities-page-tab-content .activities-page-tab-year {
	margin-top: 28px;
}

.activities-page .activities-page-tab-content .activities-page-tab-year-title h3 {
	font-size: 18px;
	color: #a20435;
	font-family: 'Roboto';
}

.activities-page .activities-page-tab-content .activities-page-tab-year-text p {
	font-family: 'Roboto';
	font-size: 16px;
	color: #505058;
	margin-bottom: 20px;
}


/* *********************************************************** */


/* who we are */

.who-we-are-page-banner {
	background-image: url(../aboutusq-min.jpg);
	padding-top: 195px;
	padding-bottom: 194px;
	background-position: center;
}

.who-we-are-page {
	padding-bottom: 30px;
}

.who-we-are-page .who-we-are-breadcrumb .breadcrumb {
	background-color: #fff;
	padding-left: 0;
	padding-top: 26px;
}

.who-we-are-page .who-we-are-breadcrumb .breadcrumb li {
	font-size: 14px;
	color: #4167b2;
}

.who-we-are-page .who-we-are-breadcrumb .breadcrumb>li+li:before {
	content: url("../front/breadcrumb-caret.png");
	padding-left: 8px;
	padding-right: 4px;
}

.who-we-are-page .who-we-are-breadcrumb .breadcrumb a {
	color: #34353e;
}

.who-we-are-page .who-we-are-page-title h2 {
	background-color: #4167b2;
	border-radius: 10px;
	color: #fff;
	margin-top: 0;
	padding-top: 7px;
	padding-bottom: 8px;
	font-size: 24px;
	text-align: center;
	margin-bottom: 18px;
}

.who-we-are-page-tabs {
    margin: 50px 0px;
}

.who-we-are-page .who-we-are-page-tab-list .nav-tabs li {
	width: 100%;
	height: 50px;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    line-height: 50px;
    margin-bottom: 10px;
    border-radius: 30px;
    background-color: #edf5ff;

}

.who-we-are-page .who-we-are-page-tab-list .nav-tabs .active {
	background-color:rgba(30, 61, 89,0.8)
}
.who-we-are-page .who-we-are-page-tab-list .nav-tabs  li a {
	display: flex;
    height: 100%;
    align-items: center;
}

.who-we-are-page .who-we-are-page-tab-list .nav-tabs .active a {
    color: #fff !important;
    background-color: transparent !important ;
    font-weight: bold;
    
}

.who-we-are-page .who-we-are-page-tab-list .nav-tabs a,
.who-we-are-page .who-we-are-page-tab-list .nav-tabs a:focus,
.who-we-are-page .who-we-are-page-tab-list .nav-tabs a:hover {
	font-size: 16px;
	border: 0;
	color: #34353e;
	padding-top: 4px;
	padding-bottom: 5px;
	border-radius: 0;
	margin: 0;
}

.who-we-are-page .who-we-are-page-tab-list .nav-tabs {
	border-bottom: 0;
}

/*.who-we-are-page .who-we-are-page-tab-list .nav-tabs .active a {
	text-decoration: none;
	background-color: #ebebeb;
	font-size: 16px;
	border: 0;
	color: #34353e;
	border-right: 3px solid #0288D1;
	padding-right: 12px;
	border-radius: 0;
	padding-top: 4px;
	padding-bottom: 5px;
}*/

.who-we-are-page .who-we-are-page-tabs .active {
	display: block !important;
}

.who-we-are-page .who-we-are-page-tabs .tab-pane {
	display: none;
}

.who-we-are-page .who-we-are-page-tab-content .who-we-are-page-content-title {
	border-bottom: 1px solid #34353e;
	margin-bottom: 20px;
}

.who-we-are-page-data-card:last-child {
	border-bottom: 0;
}

.who-we-are-page .who-we-are-page-tab-content .who-we-are-page-content-title h3 {
	margin-bottom: 14px;
	font-size: 18px;
	color: #505058;
}

.who-we-are-page .who-we-are-page-tab-content .who-we-are-page-content-title span {
	float: right;
	margin-top: -12px;
	margin-left: 13px;
}

.who-we-are-page .who-we-are-page-tab-content .who-we-are-page-constitution-text p {
	font-size: 16px;
	color: #505058;
	margin-bottom: 20px;
}

.who-we-are-page .table>caption+thead>tr:first-child>td,
.who-we-are-page .table>caption+thead>tr:first-child>th,
.who-we-are-page .table>colgroup+thead>tr:first-child>td,
.who-we-are-page .table>colgroup+thead>tr:first-child>th,
.who-we-are-page .table>thead:first-child>tr:first-child>td,
.who-we-are-page .table>thead:first-child>tr:first-child>th {
	font-weight: normal;
}

.who-we-are-page-constitution-download .constitution-download {
	padding-top: 150px;
}

.who-we-are-page .who-we-are-page-constitution-download p {
	font-size: 16px;
	color: #a20435;
	font-family: 'Roboto';
	margin-bottom: 20px;
}

.who-we-are-page .who-we-are-page-constitution-download a {
	width: 100%;
	background-color: #a20435;
	color: #fff;
	border-radius: 15px;
	padding-bottom: 4px;
	font-family: 'Roboto';
	padding-top: 4px;
}

.who-we-are-page .who-we-are-page-tab-content .who-we-are-page-mission-text p {
	font-family: 'Roboto';
	font-size: 16px;
	color: #505058;
	margin-bottom: 20px;
}

.who-we-are-page-mission-download .mission-download {
	padding-top: 80px;
}

.who-we-are-page .who-we-are-page-mission-download p {
	font-size: 16px;
	color: #a20435;
	font-family: 'Roboto';
	margin-bottom: 20px;
}

.who-we-are-page .who-we-are-page-mission-download a {
	width: 100%;
	background-color: #a20435;
	color: #fff;
	border-radius: 15px;
	padding-bottom: 4px;
	font-family: 'Roboto';
	padding-top: 4px;
}

.who-we-are-page .who-we-are-page-tab-content .who-we-are-page-members-card {
	border-bottom: 1px solid #ebebeb;
	padding-top: 19px;
	padding-bottom: 18px;
}

.who-we-are-page .who-we-are-page-tab-content .who-we-are-page-members-card:last-child {
	border-bottom: 0px;
}

.who-we-are-page .who-we-are-page-tab-content .members-card-arabic-name p {
	font-size: 16px;
	color: #505058;
	margin-bottom: 0;
	font-family: 'Roboto';
	text-align: right;
}

.who-we-are-page .who-we-are-page-tab-content .members-card-english-name p {
	font-size: 16px;
	color: #505058;
	font-family: 'Tahoma';
	margin-bottom: 0;
	text-align: left;
}

.who-we-are-page-data-cards:last-child {
	border-bottom: 0px !important;
}

.who-we-are-page-data-card {
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 16px;
	padding-top: 20px;
}

.who-we-are-page-data-name p {
	font-family: 'Roboto';
	font-size: 20px;
	color: #a20435;
}

.who-we-are-page-data-date p {
	font-size: 14px;
	color: #34353e;
	font-family: 'Roboto';
}

.who-we-are-page-data-download p {
	font-size: 14px;
	color: #a20435;
	font-family: 'Roboto';
	float: right;
	margin-left: 13px;
	margin-top: 5px;
}

.who-we-are-page-data-download a,
.who-we-are-page-data-download a:hover,
.who-we-are-page-data-download a:focus {
	background-color: #a20435;
	color: #fff;
	border-radius: 10px;
	padding-bottom: 4px;
	font-family: 'Roboto';
	padding-top: 4px;
	width: auto;
}

.who-we-are-data-pagination .pagination {
	width: 100%;
}

.who-we-are-data-pagination .pagination .active a {
	color: #fff;
	background-color: #000000;
}

.who-we-are-data-pagination .pagination a {
	border: 0;
	font-size: 16px;
	padding: 2px 9px;
	border-radius: 30px;
	background-color: #a20435;
	color: #fff;
	margin-left: 8px;
	margin-right: 8px;
}

.who-we-are-data-pagination .pagination li {
	text-align: center;
}

.who-we-are-data-pagination .pagination .pagination-prev-next a {
	background-color: transparent;
	padding-right: 0;
	padding-left: 0;
	padding-top: 4px;
	margin-left: 8px;
	margin-right: 8px;
}


/* *********************************************************** */

.infograph-inner-image-change h2 {
	margin: 0;
	padding-bottom: 50px;
	font-size: 23px;
	color: #f37022;
}

.info-graph-country-list {
	background-color: #f37022;
	float: left;
	width: 100%;
	padding: 30px 0;
	margin-bottom: 40px;
}

.info-graph-country-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-right: 30px;
}

.info-graph-inner-title {
	padding-bottom: 20px;
}

.info-graph-inner-text-data {
	padding-bottom: 50px;
}

.infograph-inner-bread .breadcrumb {
	background-color: transparent;
}

.infograph-inner-bread .breadcrumb>li+li:before {
	content: url(../front/breadcrumb-caret.png);
	padding-left: 8px;
	padding-right: 4px;
}

.infograph-inner-bread .breadcrumb>li a {
	color: #34353e;
}

.infograph-inner-bread .breadcrumb li.active {
	color: #f37022;
}

.info-graph-country-list ul li {
	float: right;
	padding: 5px 20px;
	border-radius: 10px;
}

.info-graph-country-list ul li.active {
	background-color: #f1f1f1;
}

.info-graph-country-list ul li.active a {
	color: #f37022;
}

.info-graph-country-list ul li a {
	color: #fff;
	font-size: 20px;
	text-decoration: none;
}

.col-infograph-center {
	float: none;
	margin: 0 auto;
}


/* news-room */

.news-room-banner {
	background-image: url(../newsq-min.jpg);
	padding-top: 195px;
	padding-bottom: 194px;
}

.news-room-page {
	padding-bottom: 30px;
}

.news-room-page .news-room-breadcrumb .breadcrumb {
	background-color: #fff;
	padding-left: 0;
	padding-top: 26px;
}

.news-room-page .news-room-breadcrumb .breadcrumb li {
	font-size: 14px;
	color: #505058;
}

.news-room-page .news-room-breadcrumb .breadcrumb>li+li:before {
	content: url("../front/breadcrumb-caret.png");
	padding-left: 8px;
	padding-right: 4px;
}

.news-room-page .news-room-breadcrumb .breadcrumb a {
	color: #34353e;
}

.news-room-page .news-room-page-title h2 {
	background-color: rgba(0, 119, 181, 1);
	border-radius: 10px;
	color: #fff;
	margin-top: 0;
	padding-top: 7px;
	padding-bottom: 8px;
	font-size: 24px;
	text-align: center;
	margin-bottom: 18px;
}

.news-room-page .news-room-page-tab-list .nav-tabs li {
	width: 100%;
}

.news-room-page .news-room-page-tab-list .nav-tabs a,
.news-room-page .news-room-page-tab-list .nav-tabs a:focus,
.news-room-page .news-room-page-tab-list .nav-tabs a:hover {
	font-size: 16px;
	border: 0;
	color: #34353e;
	padding-top: 4px;
	padding-bottom: 5px;
	border-radius: 0;
	margin: 0;
}

.news-room-page .news-room-page-tab-list .nav-tabs {
	border-bottom: 0;
}

.news-room-page .news-room-page-tab-list .nav-tabs .active a {
	text-decoration: none;
	background-color: #ebebeb;
	font-size: 16px;
	border: 0;
	color: #34353e;
	border-right: 3px solid rgba(0, 119, 181, 1);
	padding-right: 12px;
	border-radius: 0;
	padding-top: 4px;
	padding-bottom: 5px;
}

.news-room-page .news-room-tabs .active {
	display: block !important;
}

.news-room-page .news-room-tabs .tab-pane {
	display: none;
}

.news-room-page .news-room-tab-content .news-room-content-title {
	border-bottom: 1px solid #34353e;
	margin-bottom: 20px;
}

.news-room-page .news-room-tab-content .news-room-content-title h3 {
	margin-bottom: 14px;
	font-size: 18px;
	color: #505058;
}

.news-room-page .news-room-tab-content .news-room-content-title span {
	float: left;
	margin-top: -12px;
	margin-left: 13px;
	display: none;
}

.news-room-search-form input::placeholder {
	color: #505058;
	font-size: 14px;
}

.news-room-search-form {
	margin-bottom: 25px;
}

.news-room-search-form input {
    
    background-color: #edf5ff;
    border: 1px solid #ccc;
    border-radius: 0px;
    color: #505058;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.news-room-search-form .select-list {
	position: relative;
}

.news-room-search-form .select-list span {
	position: absolute;
	top: 13px;
	left: 10px
}

.news-room-search-form select {
    padding: 0px 20px;
    background-color: #edf5ff;
    border: 1px solid #ccc;
    border-radius: 0px;
    color: #505058;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    padding-bottom: 0;
    margin: 10px 0px;
}

.news-room-search-form .search-btn {
	color: #fff;
	background-color: #ff5b2e;
	border: 0;
	border-radius:50px;
	text-align:center;
	display:block;
}

.news-room-news-card:last-child {
	border-bottom: 0;
}

.news-room-tabs {
    margin: 50px 0px;
}

.news-room-news-card {
	padding-bottom: 31px;
	padding-top: 31px;
	border-bottom: 1px solid #ebebeb;
}

.news-room-news-card-img {
	max-height: 260px;
	overflow: hidden;
	border-radius: 10px;
}

.news-room-news-card-img img {
	border-radius: 10px;
}

.news-room-card-name h3 {
	font-size: 20px;
	color: rgba(0, 119, 181, 1);
	margin-bottom: 23px;
	min-height: 44px;
	margin-top: 0;
}

.news-room-card-name h3 a {
	font-size: 20px;
	color: rgba(0, 119, 181, 1);
}

.news-room-news-card-text p {
	min-height: 80px;
	font-size: 14px;
	color: #505058;
	line-height: 1.7;
	font-family: 'Roboto';
	margin-bottom: 10px;
	text-align: justify;
}

.news-room-news-card-more a,
.news-room-news-card-more a:hover,
.news-room-news-card-more a:focus {
	width: 171px;
	background-color: rgba(0, 119, 181, 1);
	border-radius: 10px;
	color: #fff;
	font-family: 'Roboto';
	padding-bottom: 4px;
	padding-top: 4px;
	font-size: 14px;
	font-family: 'Roboto';
}

.news-room-pagination .pagination {
	width: 100%;
}

.news-room-pagination .pagination .active a {
	color: #fff;
	background-color: #000000;
}

.news-room-pagination .pagination a {
	border: 0;
	font-size: 16px;
	padding: 2px 9px;
	border-radius: 30px;
	background-color: #505058;
	color: #fff;
	margin-left: 8px;
	margin-right: 8px;
}

.news-room-pagination .pagination li {
	text-align: center;
}

.news-room-pagination .pagination .pagination-prev-next a {
	background-color: transparent;
	padding-right: 0;
	padding-left: 0;
	padding-top: 4px;
	margin-left: 8px;
	margin-right: 8px;
}


/* *********************************************************** */


/* news-room */

.library-banner {
	background-image: url(../libraryq-min.jpg);
	padding-top: 145px;
	padding-bottom: 114px;
}

.library-page {
	padding-bottom: 30px;
}

.library-page .section-title {
	margin: 0px 35px;
}

.library-page .site_sidebar {
    margin-left: 20px;
    margin-top: 20px;
}

.library-page .site_sidebar .single_widget {
    padding: 25px;
}

.library-page .site_sidebar strong {
	text-transform:uppercase;
	color: #000;
	display:block;
	margin-bottom:20px;
}

.library-page .library-breadcrumb .breadcrumb {
	background-color: #fff;
	padding-left: 0;
	padding-top: 26px;
}

.library-page .library-breadcrumb .breadcrumb li {
	font-size: 14px;
	color: #822c2f;
}

.library-page .library-breadcrumb .breadcrumb>li+li:before {
	content: url("../front/breadcrumb-caret.png");
	padding-left: 8px;
	padding-right: 4px;
}

.library-page .library-breadcrumb .breadcrumb a {
	color: #34353e;
}

.library-page .library-page-title h2 {
	background-color: #822c2f;
	border-radius: 10px;
	color: #fff;
	margin-top: 0;
	padding-top: 7px;
	padding-bottom: 8px;
	font-size: 24px;
	text-align: center;
	margin-bottom: 18px;
}

.library-page .library-page-tab-list .nav-tabs li {
	width: 100%;
	
}

.library-page .library-page-tab-list .nav-tabs a,
.library-page .library-page-tab-list .nav-tabs a:focus,
.library-page .library-page-tab-list .nav-tabs a:hover {
	font-size: 16px;
	border: 0;
	color: #34353e;
	padding-top: 4px;
	padding-bottom: 5px;
	border-radius: 0;
	margin: 0;
}

.library-page .library-page-tab-list .nav-tabs {
	border-bottom: 0;
}

.library-page .library-page-tab-list .nav-tabs .active a {
    text-decoration: none;
    background-color: #f1f1f1;
    font-size: 16px;
    border: 0;
    color: #34353e;
    border-right: 3px solid #f37022;
    padding-right: 12px;
    border-radius: 0;
    padding-top: 4px;
    padding-bottom: 5px;
}

.library-page .library-content-title {
	border-bottom: 1px solid #34353e;
	margin-bottom: 20px;
}

.library-page .library-content-title h3 {
	margin-bottom: 14px;
	font-size: 18px;
	color: #822c2f;
}

.library-page .library-content-title span {
	float: right;
	margin-top: -12px;
	margin-left: 13px;
}

.library-search-form input::placeholder {
	color: #822c2f;
	font-size: 14px;
}

.library-search-form {
	margin-bottom: 25px;
}

.library-search-form input {
	height: 35px;
	background-color: #fff;
	border: 1px solid #f37022;
	border-radius: 0px;
	color: #000;
	font-size: 14px;
	margin-bottom: 20px;
}

.library-search-form .select-list {
	margin-bottom: 20px;
	position: relative;
}

.library-search-form .select-list span {
	position: absolute;
	top: 13px;
	left: 10px
}

.library-search-form select {
    background-color: #fff;
    border-radius: 0;
    color: #000;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    padding-bottom: 2px;
    padding-left: 20px;
    border-color: #f37022;
    display: flex;
    align-items: center;
    height: 35px;
}
.library-search-form .search-btn {
    color: #fff;
    background-color: #f37022;
    margin-bottom: 20px;
    border: 0;
    border-radius: 80px;
    /* padding: 20px; */
    display: flex;
    /* align-items: center; */
    text-align: center;
    display: block;
    height: 45px;
}

.news-room-news-card {
	padding-bottom: 31px;
	padding-top: 31px;
	border-bottom: 1px solid #ebebeb;
}

.library-page-pagination .pagination {
	width: 100%;
}

.library-page-pagination .pagination .active a {
	color: #fff;
	background-color: #000000;
}

.library-page-pagination .pagination a {
	border: 0;
	font-size: 16px;
	padding: 2px 9px;
	border-radius: 30px;
	background-color: #822c2f;
	color: #fff;
	margin-left: 8px;
	margin-right: 8px;
}

.library-page-pagination .pagination li {
	text-align: center;
}

.library-page-pagination .pagination .pagination-prev-next a {
	background-color: transparent;
	padding-right: 0;
	padding-left: 0;
	padding-top: 4px;
	margin-left: 8px;
	margin-right: 8px;
}

.library-articles-name p {
	font-size: 20px;
	color: #822c2f;
}

.library-articles-subtitle p {
	font-size: 14px;
	color: #34353e;
	font-family: 'Roboto';
}

.library-articles-card:last-child {
	border-bottom: 0;
}

.library-articles-card {
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 16px;
	padding-top: 20px;
}

.library-articles-download p {
	font-size: 14px;
	color: #822c2f;
	font-family: 'Roboto';
	float: right;
	margin-left: 13px;
	margin-top: 5px;
}

.library-articles-download a,
.library-articles-download a:hover,
.library-articles-download a:focus {
	background-color: #822c2f;
	color: #fff;
	border-radius: 10px;
	padding-bottom: 4px;
	font-family: 'Roboto';
	padding-top: 4px;
	width: 68px
}

@media(max-width:767px) {
	.blogs-page .blogs-page-title h2 {
		font-size: 20px;
	}
	.blogs-page .blogs-page-card {
		margin-bottom: 50px;
	}
	.ele-studies-pagination .pagination a {
		margin-left: 2px;
		margin-right: 2px;
		width: 12%;
	}
	.ele-studies-search-form input,
	.ele-studies-search-form select {
		margin-bottom: 30px;
	}
	.ele-studies-name p {
		font-size: 17px;
	}
	.ele-studies-download p {
		float: none;
	}
	.ele-studies-download {
		text-align: center;
	}
	.ele-studies-download a {
		width: auto;
	}
	.ele-sec-title h2 {
		font-size: 22px;
	}
	.news-room-news-card-more a,
	.news-room-news-card-more a:hover,
	.news-room-news-card-more a:focus {
		width: 100%;
	}
	.news-room-search-form input,
	.news-room-search-form select {
		margin-bottom: 20px;
	}
	.news-room-card-name h3 {
		font-size: 17px;
	}
	.news-room-page .news-room-page-title h2 {
		font-size: 22px;
	}
	.news-room-page-tab-list {
		margin-bottom: 50px;
	}
	.news-info-page .news-info-main-name h3 {
		font-size: 17px;
	}
	.news-info-page .news-info-page-title h2 {
		font-size: 22px;
	}
	.news-info-page .news-info-related-card-name h3 {
		font-size: 17px;
	}
	.blog-details-page .blog-details-title h2 {
		font-size: 20px;
	}
	/*.blog-details-banner{
        padding-top:120px;
        padding-bottom:120px;
    }*/
	.library-articles-download a,
	.library-articles-download a:hover,
	.library-articles-download a:focus {
		width: auto;
	}
	.library-page .library-page-title h2 {
		font-size: 20px;
	}
	.library-articles-name p {
		font-size: 17px;
	}
	.library-articles-download {
		text-align: center;
	}
	.library-articles-download p {
		float: none;
	}
}

@media(max-width:1024px) {
	#st-2 {
		display: none !important;
	}
}

@media(max-width:991px) and (min-width:768px) {
	.blogs-page .blogs-page-big-card .blogs-page-card-img img {
		max-height: 280px;
	}
	.blog-details-page .blog-details-title h2 {
		font-size: 15px
	}
	.blogs-page .blogs-page-title h2 {
		font-size: 15px;
	}
	.library-page .library-page-title h2 {
		font-size: 15px
	}
	.library-articles-name p {
		font-size: 18px
	}
	.library-articles-download a,
	.library-articles-download a:hover,
	.library-articles-download a:focus {
		width: auto;
	}
	.ele-studies-download a,
	.ele-studies-download a:hover,
	.ele-studies-download a:focus {
		width: auto;
	}
}

.my-account-page {
	padding-bottom: 30px;
	border-top: 1px solid #d7d7d7;
}

.my-account-page .my-account-breadcrumb .breadcrumb {
	background-color: #fff;
	padding-left: 0;
	padding-top: 26px;
}

.my-account-page .my-account-breadcrumb .breadcrumb li {
	font-size: 14px;
	color: #a20435;
}

.my-account-page .my-account-breadcrumb .breadcrumb>li+li:before {
	content: url("../front/breadcrumb-caret.png");
	padding-left: 8px;
	padding-right: 4px;
}

.my-account-page .my-account-breadcrumb .breadcrumb a {
	color: #34353e;
}

.my-account-page .my-account-title h2 {
	background-color: #a20435;
	border-radius: 10px;
	color: #fff;
	margin-top: 0;
	padding-top: 7px;
	padding-bottom: 8px;
	font-size: 24px;
	text-align: center;
	margin-bottom: 18px;
}

.my-account-page .my-account-tab-list .nav-tabs li {
	width: 100%;
}

.my-account-page .my-account-tab-list .nav-tabs a,
.my-account-page .my-account-tab-list .nav-tabs a:focus,
.my-account-page .my-account-tab-list .nav-tabs a:hover {
	font-size: 16px;
	border: 0;
	color: #34353e;
	padding-top: 4px;
	padding-bottom: 5px;
	border-radius: 0;
	margin: 0;
}

.my-account-page .my-account-tab-list .nav-tabs {
	border-bottom: 0;
}

.my-account-page .my-account-tab-list .nav-tabs .active a {
	text-decoration: none;
	background-color: #ebebeb;
	font-size: 16px;
	border: 0;
	color: #34353e;
	border-right: 3px solid #a20435;
	padding-right: 12px;
	border-radius: 0;
	padding-top: 4px;
	padding-bottom: 5px;
}

.my-account-page .my-account-tab-content .my-account-tab-title {
	border-bottom: 1px solid #34353e;
	margin-bottom: 20px;
}

.my-account-page .my-account-tab-content .my-account-tab-title h3 {
	margin-bottom: 14px;
	font-size: 18px;
	color: #34353e;
}

.my-account-page .my-account-tab-content .my-account-tab-title span {
	float: right;
	margin-top: -12px;
	margin-left: 13px;
}

.my-account-courses-list {
	margin-bottom: 50px;
	margin-top: 30px;
}

.my-account-courses-list ul {
	padding: 0;
	list-style: none;
}

.my-account-courses-list li:nth-last-child(odd) {
	background-color: #ebebeb;
}

.my-account-courses-list .courses-info-header {
	background-color: #a20435;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding-top: 13px;
	padding-bottom: 13px;
}

.my-account-courses-list .courses-info-header p {
	color: #fff;
	text-align: center;
	font-size: 14px;
	margin-bottom: 0;
}

.my-account-courses-list .courses-info {
	padding-top: 7px;
	padding-bottom: 7px;
}

.my-account-courses-list .courses-info p {
	color: #252525;
	font-size: 14px;
	font-family: 'Roboto';
	text-align: center;
	margin-bottom: 0;
}

.my-account-courses-list .courses-info span {
	float: right;
}

.my-account-courses-list .courses-info a {
	background-color: #a20435;
	border-radius: 10px;
	font-size: 14px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #fff;
}

.signup-modal-logo img {
	margin: auto;
}

.signup-modal-logo p {
	text-align: center;
	font-size: 20px;
	color: #34353e;
	margin-top: 40px;
	margin-bottom: 30px;
}

.signin-modal-logo img {
	margin: auto;
}

.forget-modal-logo img {
	margin: auto;
}

.signin-modal-logo p {
	text-align: center;
	font-size: 20px;
	color: #34353e;
	margin-top: 40px;
	margin-bottom: 30px;
}

.forget-modal-logo p {
	text-align: center;
	font-size: 20px;
	color: #34353e;
	margin-top: 40px;
	margin-bottom: 30px;
}

.signup-modal-form input {
	height: 30px;
	background-color: #f7f7f7;
	border-radius: 10px;
	color: #34353e;
	font-size: 14px;
	border: 1px solid #d7d7d7;
	font-family: 'Roboto';
	margin-bottom: 21px;
}

.signin-modal-form input {
	height: 30px;
	background-color: #f7f7f7;
	border-radius: 10px;
	color: #34353e;
	font-size: 14px;
	border: 1px solid #d7d7d7;
	font-family: 'Roboto';
	margin-bottom: 21px;
}

.forget-modal-form input {
	height: 30px;
	background-color: #f7f7f7;
	border-radius: 10px;
	color: #34353e;
	font-size: 14px;
	border: 1px solid #d7d7d7;
	font-family: 'Roboto';
	margin-bottom: 21px;
}

.signup-modal-form select {
	height: 30px;
	background-color: #f7f7f7;
	border-radius: 10px;
	color: #34353e;
	font-size: 14px;
	border: 1px solid #d7d7d7;
	font-family: 'Roboto';
	margin-bottom: 21px;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.signup-modal-form .select-list {
	position: relative;
	margin-bottom: 0;
}

.signup-modal-form .select-list span {
	position: absolute;
	top: 13px;
	left: 10px;
}

.signup-modal-form .save-btn {
	height: 30px;
	background-color: #f37022;
	border-radius: 10px;
	color: #fff;
	border: 0;
	margin-top: 30px;
}

.signin-modal-form .save-btn {
	height: 30px;
	background-color: #f37022;
	border-radius: 10px;
	color: #fff;
	border: 0;
	margin-top: 30px;
}

.forget-modal-form .save-btn {
	height: 30px;
	background-color: #f37022;
	border-radius: 10px;
	color: #fff;
	border: 0;
	margin-top: 30px;
}

.signup-modal-form label {
	font-size: 14px;
	color: #f37022;
}

.signin-modal-form label {
	font-size: 14px;
	color: #f37022;
}

.forget-modal-form label {
	font-size: 14px;
	color: #f37022;
}

.signup-modal .modal-dialog {
	width: 600px;
}

.signin-modal .modal-dialog {
	width: 400px;
}

.forget-modal .modal-dialog {
	width: 400px;
}

.signup-modal .modal-header,
.signin-modal .modal-header {
	border-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 10px;
}

.forget-modal .modal-header {
	border-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 10px;
}

.modal-header .close {
	opacity: 1;
}

.my-account-page {
	padding-bottom: 30px;
	border-top: 1px solid #d7d7d7;
}

.my-account-page .my-account-breadcrumb .breadcrumb {
	background-color: #fff;
	padding-left: 0;
	padding-top: 26px;
}

.my-account-page .my-account-breadcrumb .breadcrumb li {
	font-size: 14px;
	color: #a20435;
}

.my-account-page .my-account-breadcrumb .breadcrumb>li+li:before {
	content: url("../front/breadcrumb-caret.png");
	padding-left: 8px;
	padding-right: 4px;
}

.my-account-page .my-account-breadcrumb .breadcrumb a {
	color: #34353e;
}

.my-account-page .my-account-title h2 {
	background-color: #a20435;
	border-radius: 10px;
	color: #fff;
	margin-top: 0;
	padding-top: 7px;
	padding-bottom: 8px;
	font-size: 24px;
	text-align: center;
	margin-bottom: 18px;
}

.my-account-page .my-account-tab-list .nav-tabs li {
	width: 100%;
}

.my-account-page .my-account-tab-list .nav-tabs a,
.my-account-page .my-account-tab-list .nav-tabs a:focus,
.my-account-page .my-account-tab-list .nav-tabs a:hover {
	font-size: 16px;
	border: 0;
	color: #34353e;
	padding-top: 4px;
	padding-bottom: 5px;
	border-radius: 0;
	margin: 0;
}

.my-account-page .my-account-tab-list .nav-tabs {
	border-bottom: 0;
}

.my-account-page .my-account-tab-list .nav-tabs .active a {
	text-decoration: none;
	background-color: #ebebeb;
	font-size: 16px;
	border: 0;
	color: #34353e;
	border-right: 3px solid #a20435;
	padding-right: 12px;
	border-radius: 0;
	padding-top: 4px;
	padding-bottom: 5px;
}

.my-account-page .my-account-tab-content .my-account-tab-title {
	border-bottom: 1px solid #34353e;
	margin-bottom: 20px;
}

.my-account-page .my-account-tab-content .my-account-tab-title h3 {
	margin-bottom: 14px;
	font-size: 18px;
	color: #34353e;
}

.my-account-page .my-account-tab-content .my-account-tab-title span {
	float: right;
	margin-top: -12px;
	margin-left: 13px;
}

.my-account-tab-form input {
	height: 30px;
	background-color: #f7f7f7;
	border-radius: 10px;
	color: #34353e;
	font-size: 14px;
	border: 1px solid #d7d7d7;
	font-family: 'Roboto';
	margin-bottom: 21px;
}

.my-account-tab-form select {
	height: 30px;
	background-color: #f7f7f7;
	border-radius: 10px;
	color: #34353e;
	font-size: 14px;
	border: 1px solid #d7d7d7;
	font-family: 'Roboto';
	margin-bottom: 21px;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.my-account-tab-form .select-list {
	position: relative;
	margin-bottom: 0;
}

.my-account-tab-form .select-list span {
	position: absolute;
	top: 13px;
	left: 10px;
}

.my-account-tab-form .save-btn {
	height: 30px;
	background-color: #a20435;
	border-radius: 10px;
	color: #fff;
	border: 0;
	margin-top: 15px;
}

.my-account-tab-form label {
	font-size: 14px;
	color: #a20435;
}

.ele-video-title {
	font-size: 18px;
	border-bottom: 1px solid #34353e;
	padding-bottom: 14px;
}

.ele-video-title span {
	float: right;
	padding-left: 10px;
	margin-top: -13px;
}

.ele-video-desc p {
	font-size: 16px;
	color: #505058;
	font-family: 'Roboto';
	margin-bottom: 26px;
}

.ele-video-card-title p {
	font-size: 20px;
	color: #f37022;
	font-family: 'Roboto';
	margin-top: 13px;
}

.ele-video-card {
	margin-bottom: 50px;
}

.ele-video-card-video iframe {
	width: 100%;
	height: 345px;
}

.ele-video-card-subtitle p {
	font-size: 14px;
	font-family: 'Roboto';
	color: #505058;
}

.ele-video-pagination .pagination {
	width: 100%;
	margin-bottom: 34px;
}

.ele-video-pagination .pagination .active a {
	color: #fff;
	background-color: #000000;
}

.ele-video-pagination .pagination a {
	border: 0;
	font-size: 16px;
	padding: 2px 9px;
	border-radius: 30px;
	background-color: #f37022;
	color: #fff;
	margin-left: 8px;
	margin-right: 8px;
}

.ele-video-pagination .pagination li {
	text-align: center;
}

.ele-video-pagination .pagination .pagination-prev-next a {
	background-color: transparent;
	padding-right: 0;
	padding-left: 0;
	padding-top: 4px;
	margin-left: 8px;
	margin-right: 8px;
}

.index-news-img {
	height: 200px;
	border: 1px solid rgba(0, 119, 181, 0.89);
	background: rgba(0, 119, 181, 0.89);
	overflow: hidden;
}

.activities-page .activities-page-tab-content table p {
	padding: 10px;
}

.activities-page table tr td:first-child p {
	direction: rtl;
}

#different-table-acti {
	direction: ltr !important;
}

.different-style-table {
	direction: ltr !important;
}

.conferencesColor {
    color: #61001f !important;
}

.conferencesColor {
    color: #61001f !important;
}

.headerPanelColorBack {
	background-color: #f37022 !important;
	color: #fff !important;
}
.panel-group a {
	display:block
}


.panel-group a:after {
    right: 30px;
    font-size: 14px;
    content: '\f067';
    position: absolute;
    font-weight: 900;
    font-family: 'Font Awesome 5 Free';
}

.panelconferencesInfo a,
.panelconferencesInfo p,
.panelconferencesInfo ul,
.panelconferencesInfo li {
	font-size: 16px !important;
}

.panelconferencesInfo table tr th {
	border: none;
}

.panelconferencesInfo table tr th:first-child {
	background-color: #4167b2;
	color: #fff;
	font-size: 16px;
	width: 120px;
}


/*.panelconferencesInfo table td, .panelconferencesInfo table th {
    border: none;
}*/

.mfp-bottom-bar {
	display: none !important;
}

#map {
	height: 320px;
}

.error-style {
	color: red;
	padding-bottom: 25px;
}

.error-style-Recovery {
	color: green;
	padding-bottom: 25px;
}

.styleColor {
	color: #333;
}

.inner_list_element {
	margin: 10px 0;
}

.collabse_tap_others {
	background: #ebebeb;
}

.firstLevel {
	list-style: none;
	padding: 0;
}

.firstLevel>li {
	padding-right: 10px;
	margin: 20px 0;
	font-size: 17px !important;
	cursor: pointer;
	color: #333;
	user-select: none;
}

.firstLevel>li>div {
	text-decoration: underline;
}

.secondLevel {
	list-style: none;
	padding-right: 20px;
}

.secondLevel>li {
	user-select: none;
	color: #003f8a;
	font-weight: bold;
	font-size: 14px !important;
	padding-top: 15px;
}

.predesc {
	font-size: 14px !important;
	padding: 10px !important;
	margin: 0 !important;
	border-radius: 0;
	border: none;
	background: #F8F8F8;
}

html body .predesc * {
	font-size: 14px !important;
}

.collapsible_pn3 {
	margin-bottom: 5px;
}

#mapIndex {
	height: 400px;
	margin-top: 50px;
}


/*************************** New Style ***********************/


/*---------------------------------------------------- */


/*(2)- Header area*/


/*----------------------------------------------------*/

header .ul-li ul li {
	list-style: none;
	display: inline-block;
}

.it-header-area {
	z-index: 9;
	width: 100%;
	position: absolute;
}

.header-style-one .header-top {
	font-size: 14px;
	font-weight: 500;
	padding: 8px 200px 9px;
	border-bottom: 1px solid #673b5d;
}

.header-style-one .header-top-left li {
	color: #fff;
	margin-right: 32px;
}

.header-style-one .header-top-left li i {
	color: #ff5b2e;
	margin-right: 5px;
}

.header-style-one .header-top-cta {
	display: inline-block;
}

.header-style-one .header-top-cta a {
	color: #fff;
	padding: 10px;
	position: relative;
}

.header-style-one .header-top-cta a:after {
	top: 14px;
	width: 2px;
	right: -3px;
	content: '';
	height: 12px;
	position: absolute;
	background-color: #196362!important;
}

.header-style-one .header-top-cta a:last-child:after {
	display: none;
}

.header-style-one .header-top-cta select {
	border: none;
	color: #fff;
	margin-left: 20px;
	background-color: transparent;
}

.header-style-one .header-top-cta select option {
	color: #fff;
	background-color: #92d3d7;
}

.header-style-one .header-social {
	display: inline-block;
	margin-right: 28px;
}

.header-style-one .header-social li {
	color: #b288a8;
	margin-left: 15px;
}

.header-style-one .main-navigation {
	padding-top: 15px;
	margin: 0 auto;
	display: inline-block;
}

.header-style-one .main-navigation li {
	margin-left: 68px;
	text-transform: capitalize;
}

.header-style-one .main-navigation li a {
	color: #fff;
	font-weight: 700;
	padding-bottom: 30px;
}

.header-style-one .header-main-menu {
	padding: 25px 200px 0px;
}

.header-style-one .header-main-option {
	float: right;
}

.header-style-one .header-main-option .main-option-list {
	display: inline-block;
}

.header-style-one .search-query {
    border-bottom: 1px solid #fff;
    background: no-repeat;
    border-width: 0px 0px 1px;
    border-radius: 0px;
    color: #fff;
}

.header-style-one .input-group-btn .btn {
	background:transparent;
	border: none;
	color: #f37022;
	margin-left: -30px;
}


.header-style-one .search-query::-webkit-input-placeholder {
	color: #fff;
}


/*Dropdown menu*/


/*----------------------------------------------------*/

.it-menu-itemlist .dropdown {
	position: relative;
}

.it-menu-itemlist .dropdown:before {
	top: 0;
	right: -15px;
	font-weight: 900;
	content: '\f107';
	color: #ff5b2e;
	position: absolute;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
	font-family: 'Font Awesome 5 Free';
}

.it-menu-itemlist .dropdown:hover .dropdown-menu {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
}

.it-menu-itemlist .dropdown-menu {
	left: 0;
	top: 48px;
	z-index: 100;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 200px;
	display: block;
	border: none;
	padding: 15px 20px;
	border-radius: 0;
	overflow: hidden;
	position: absolute;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	background-color: #fff;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	-webkit-transform-origin: center top 0;
	-ms-transform-origin: center top 0;
	transform-origin: center top 0;
	border-top: 10px solid #ff5b2e;
	border-bottom: 10px solid #92d3d7;
	-webkit-box-shadow: 0 5px 10px 0 rgba(83, 82, 82, 0.1);
	box-shadow: 0 5px 10px 0 rgba(83, 82, 82, 0.1);
}

.it-menu-itemlist .dropdown-menu:after {
	right: 0;
	bottom: 0;
	z-index: -1;
	line-height: 1;
	font-size: 100px;
	content: '\f107';
	position: absolute;
	font-family: "Flaticon";
	color: rgba(255, 91, 46, 0.2);
}

.it-menu-itemlist .dropdown-menu li {
	display: block;
	margin-left: 0 !important;
}

.it-menu-itemlist .dropdown-menu a {
	font-weight: 500 !important;
	color: #242424 !important;
}

.header-style-one.sticky-header-overlay {
	top: -60px;
	padding-bottom: 12px;
	background-color: #1e3d59!important;
}

.header-style-one.sticky-header-overlay .side_inner_content {
	top: 60px;
}


/*Header Style Two*/


/*----------------------------------------------------*/

.header-style-two {
	padding: 40px 300px 0px 240px;
}

.header-style-two .it-menu-itemlist .main-navigation {
	background-color: #fff;
	padding: 17px 15px;
}

.header-style-two .it-menu-itemlist .main-navigation li {
	margin: 0px 30px;
}

.header-style-two .it-menu-itemlist .main-navigation li a {
	font-weight: 700;
	padding-bottom: 25px;
}

.header-style-two .it-menu-itemlist .dropdown-menu {
	top: 42px;
}

.header-style-two .it-menu-itemlist .dropdown-menu li {
	margin: 0;
}

.header-style-two .it-menu-itemlist .dropdown:before {
	color: #92d3d7;
}

.header-style-two .logo-sticky {
	display: none;
}

.header-style-two .quote-area {
	padding: 20px 25px;
	border-radius: 10px;
	background-color: #92d3d7;
	color: #fff;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.header-style-two .quote-area span {
	font-weight: 700;
}

.header-style-two.sticky-header-overlay {
	background-color: #fff;
	padding: 15px 300px 15px 240px;
	-webkit-box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8);
}

.header-style-two.sticky-header-overlay .main-navigation {
	background-color: transparent;
}

.header-style-two.sticky-header-overlay .quote-area {
	display: none;
}

.header-style-two.sticky-header-overlay .logo-top {
	display: none;
}

.header-style-two.sticky-header-overlay .logo-sticky {
	display: block;
}


/*Header Style Three*/


/*----------------------------------------------------*/

.header-style-three {
	padding: 30px 85px 0px 60px;
}

.header-style-three:after {
	top: -250px;
	left: -80px;
	z-index: -1;
	content: '';
	width: 500px;
	height: 500px;
	position: absolute;
	background-repeat: no-repeat;
	background-image: url(../img/logo/logo-shape.png);
}

.header-style-three .main-navigation {
	padding-top: 15px;
}

.header-style-three .main-navigation li {
	margin: 0 26px;
}

.header-style-three .main-navigation li a {
	color: #fff;
	font-weight: 700;
	padding-bottom: 30px;
	text-transform: capitalize;
}

.header-style-three .option-btn {
	color: #fff;
	border: 1px solid #758188;
}

.header-style-three .head-f-quot {
	float: right;
	padding: 15px 0px 0px 75px;
}

.header-style-three .head-f-quot a {
	color: #fff;
	font-weight: 700;
	position: relative;
}

.header-style-three .head-f-quot a:before {
	top: -20px;
	left: -35px;
	background-color: #ff5b2e;
}

.header-style-three.sticky-header-overlay {
	background-color: #000;
	padding: 15px 85px 13px 60px;
}

.header-style-three.sticky-header-overlay:after {
	display: none;
}


/*Header Style Fout*/


/*----------------------------------------------------*/

.header-style-four .header-main-menu {
	padding: 40px 240px 0px;
}

.header-style-four .it-menu-itemlist .dropdown:before {
	color: #fff;
}

.header-style-four .quote-btn-2 {
	color: #fff;
	height: 60px;
	width: 190px;
	font-weight: 700;
	line-height: 60px;
	margin-left: 60px;
	border-radius: 40px;
	background-color: #92d3d7;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.header-style-four .quote-btn-2 a {
	width: 100%;
	display: block;
}

.header-style-four.sticky-header-overlay {
	top: 0;
}

.header-style-four.sticky-header-overlay .header-main-menu {
	padding-top: 10px;
}


/*Stickey header*/


/*----------------------------------------------------*/

.sticky-header-overlay {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	position: fixed;
	z-index: 9;
	width: 100%;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-transition: .7s all ease-in-out;
	-o-transition: .7s all ease-in-out;
	transition: .7s all ease-in-out;
}

.mobile_menu .mobile-menu-contact-info li i,
.mobile_menu .mobile-cart i {
	border-radius: 100%;
	width: 30px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	margin-right: 15px;
	text-align: center;
	background-color: #f5f5f5;
}

.search-body {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1000;
	-webkit-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	transform: scale(1, 0);
	-webkit-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-transition: -webkit-transform .7s ease;
	transition: -webkit-transform .7s ease;
	-o-transition: transform .7s ease;
	transition: transform .7s ease;
	transition: transform .7s ease, -webkit-transform .7s ease;
	background-color: rgba(0, 0, 0, 0.85);
}

.search-body.search-open {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}

.search-body .search-form {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.search-body .search-form .search-form-area {
	width: 100%;
	z-index: 9991;
	max-width: 600px;
	position: relative;
}

.search-body .search-form input {
	width: 100%;
	height: 60px;
	border: none;
	padding: 0px 30px;
	background-color: #fff;
}

.search-body .search-form button {
	top: 0;
	right: 0;
	color: #fff;
	border: none;
	width: 120px;
	height: 60px;
	position: absolute;
	background-color: #ff5b2e;
}

.search-body .outer-close {
	top: 40px;
	right: 55px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	line-height: 50px;
	position: absolute;
	background-color: #92d3d7;
}

.search-body .outer-close i {
	color: #fff;
}

.search-open {
	opacity: 1;
	visibility: visible;
}


/*Side bar area*/


/*----------------------------------------------------*/

.wide_side_bar {
	top: 15px;
	margin-left: 5px;
	position: relative;
	display: inline-block;
	z-index: 3;
	height: 40px;
	width: 40px;
	cursor: pointer;
	right: 35px;
}

.wide_side_bar span {
	position: relative;
	top: 10px;
	right: -35px;
}

.wide_side_bar span:before {
	content: '';
	height: 3px;
	width: 25px;
	right: 0;
	position: absolute;
	background-color: #ff5b2e;
}

.wide_side_bar span:nth-child(1):before {
	top: 0;
	width: 25px;
}

.wide_side_bar span:nth-child(2):before {
	top: 10px;
	width: 32px;
}

.wide_side_bar span:nth-child(3):before {
	top: 20px;
	width: 38px;
}

.wide_side_bar {
	height: 120px;
	width: 120px;
	margin-left: 80px;
	text-align: center;
	z-index: 1;
	background-color: #ff5b2e;
	top: 0;
}

.wide_side_bar span {
	top: 45px;
	left: 20px;
}

.wide_side_bar span:before {
	background-color: #fff;
	width: 38px;
}

.side_inner_content {
	top: 0px;
	bottom: 0;
	right: -320px;
	height: 110vh;
	z-index: 101;
	position: fixed;
	width: 300px;
	overflow-y: scroll;
	background-color: #fff;
	padding: 50px 30px;
	-webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
	box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.side_inner_content p {
	text-align: left;
}

.side_inner_content .side_inner_logo {
	margin: 30px 0px;
}

.side_inner_content .side_contact {
	margin-bottom: 30px;
}

.side_inner_content .side_contact .social_widget h3 {
	font-size: 18px;
	padding: 10px 0px 20px 0px;
}

.side_inner_content .side_contact .social_widget li {
	margin: 0px 3px;
}

.side_inner_content .side_copywright {
	font-size: 14px;
}

.side_inner_content .close_btn {
	top: 30px;
	left: 20px;
	cursor: pointer;
	color: #ff5b2e;
	position: absolute;
}

.side_inner_content .close_btn i {
	font-size: 14px;
}

.wide_side_bar {
	right: 0;
}

.wide_side_inner {
	position: absolute;
}

.wide_side_inner.wide_side_on .side_inner_content {
	padding-top: 50px;
}

.side_inner_content .close_btn {
	top: 25px;
}

.wide_side_inner.wide_side_on .side_inner_content {
	right: -15px;
	z-index: 99;
	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;
}

.wide_side_inner .side_overlay {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	width: 100%;
	z-index: 9;
	height: 110vh;
	visibility: hidden;
	position: fixed;
	background: rgba(0, 0, 0, 0.8);
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	cursor: url(../img/cl.png), auto;
}

.body_overlay_on {
	overflow: hidden;
}

.wide_side_inner.wide_side_on .side_overlay {
	opacity: 1;
	visibility: visible;
}


/*----------------------------------------------------
@File: Default Styles
@Author:  themexriver
@URL: https://themexriver.com/

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.
---------------------------------------------------- */


/*=====================================================================
@Template Name: NioBis - Corporate Business HTML Template
@Author: themexriver

CSS Table of content:-

1. Global Area 
2. Header Section
3. About Section
4. Service section
5. Features section
6. Portfolio section
7. Client section
8. Challenge section
9. Newslatter section
10. Blog section
11. Call to Action section
12. Platform section
13. Team section
14. Testimonial section
15. Slider section
16. Experiece section
17. pricing section
18. get touch section
19. breadcrumb section
20. case section
21. Contact section
22. Faq section
--. Footer section
=====================================================================*/


/*=========
Font load
===========*/

@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Roboto:wght@100;400;500;600;700&family=Nunito:wght@200;300;400;600;700&family=Playfair+Display:wght@400;500;600;700&family=Roboto:wght@100;300;400;500;700&display=swap");

/*=========
Color Code
===========*/


/*(1)- global area*/


/*----------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	font-size: 16px;
	line-height: 1.625;
	color: #61001f;
	font-family: "Roboto";
	-moz-osx-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}

::-moz-selection {
	color: #ffffff;
	background-color: #ff5b2e;
}

::selection {
	color: #ffffff;
	background-color: #ff5b2e;
}

::-moz-selection {
	color: #ffffff;
	background-color: #ff5b2e;
}

.container {
	max-width: 1000px;
}

.ul-li ul {
	margin: 0;
	padding: 0;
}

.ul-li ul li {
	list-style: none;
	display: inline-block;
}

.ul-li-block ul {
	margin: 0;
	padding: 0;
}

.ul-li-block ul li {
	display: block;
	list-style: none;
}

div#preloader {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	overflow: visible;
	background: #fff url("../img/preloader.gif") no-repeat center center;
}

[data-background] {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}

a {
	color: inherit;
	text-decoration: none;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

a:hover,
a:focus {
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
}

section {
	overflow: hidden;
}

button {
	cursor: pointer;
}

.form-control:focus,
button:visited,
button.active,
button:hover,
button:focus,
input:visited,
input.active,
input:hover,
input:focus,
textarea:hover,
textarea:focus,
a:hover,
a:focus,
a:visited,
a.active,
select,
select:hover,
select:focus,
select:visited {
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
	color: inherit;
}

.form-control {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.relative-position {
	position: relative;
}

.pera-content p {
	margin-bottom: 0;
}

.no-paading {
	padding: 0;
}

.headline-1 h1,
.headline-1 h2,
.headline-1 h3,
.headline-1 h4,
.headline-1 h5,
.headline-1 h6 {
	margin: 0;
	font-family: "Nunito";
}

.headline-2 h1,
.headline-2 h2,
.headline-2 h3,
.headline-2 h4,
.headline-2 h5,
.headline-2 h6 {
	margin: 0;
	font-family: "Roboto";
}

.headline-3 h1,
.headline-3 h2,
.headline-3 h3,
.headline-3 h4,
.headline-3 h5,
.headline-3 h6 {
	margin: 0;
	font-family: "Playfair Display";
}

.block-display {
	width: 100%;
	display: block;
}

.background_overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

#cursor .it-cursor {
	position: fixed;
	top: inherit;
	left: inherit;
	z-index: 99;
	pointer-events: none;
}

#cursor .cursor_outer {
	width: 30px;
	height: 30px;
	border: 1px solid #5b1d67;
	border-radius: 30px;
	margin-top: -17px;
	margin-left: -16px;
	-webkit-transition: all 50ms linear 0ms;
	-o-transition: all 50ms linear 0ms;
	transition: all 50ms linear 0ms;
}

#cursor .cursor_inner {
	width: 6px;
	height: 6px;
	background-color: #92d3d7;
	border-radius: 6px;
	margin-top: -5px;
	margin-left: -4px;
}

.scrollup {
	width: 55px;
	right: 20px;
	z-index: 5;
	height: 55px;
	bottom: 20px;
	display: none;
	position: fixed;
	border-radius: 100%;
	line-height: 55px;
	background-color: #ff5b2e;
}

.scrollup i {
	color: #fff;
	font-size: 20px;
}


/*Section title*/


/*-----------------------*/

.section-title .site-tag {
	font-size: 24px;
	color: #f37022;
}

.section-title h2 {
	font-size: 60px;
	font-weight: 600;
	text-transform: capitalize;
}

.section-title .sub-text {
	font-size: 24px;
	font-weight: 600;
	padding-left: 40px;
	position: relative;
}

.section-title .sub-text:before {
	top: 8px;
	left: 0;
	width: 2px;
	content: '';
	height: 20px;
	position: absolute;
	background-color: #ff5b2e;
}

.section-title-text {
    font-size: 14px;
    margin-top: 10px;
    line-height: 1.5;
    padding-left: 30px;
	font-family: 'Roboto';
	font-weight: 400;
}

.title-style-one .site-tag {
	font-family: "Caveat";
	font-weight: 700;
}

.title-style-one h2 {
	line-height: 1.167;
	padding: 5px 0px 30px;
	color: #a50335;

}

.title-style-one .sub-text {
	line-height: 1.417;
}

.title-style-two .site-tag {
	font-family: "Caveat";
	font-weight: 500;
	color:rgba(98,168,252,1)
}

.section-title.title-style-two.headline-2.text-center {
    margin-top: 25px;
}

.title-style-two h2 {
    font-weight: 700;
font-size: 70px!important;
    padding-top: 10px;
    line-height: 1.167;
    font-family: 'Nunito';
    color: #f37022;
	font-size:25px;
}

.title-style-two .sub-text {
	line-height: 1.417;
}

.title-style-three .site-tag {
	font-size: 18px;
	font-weight: 700;
	font-family: "Roboto";
}

.title-style-three h2 {
	font-weight: 400;
	font-family: "Playfair Display";
}

.title-style-three .sub-text {
	font-family: "Playfair Display";
	
}


/*--------------------------*/

@-webkit-keyframes mover {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
}

@keyframes mover {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}
}

.about-text-item-1 .ab-btn a:last-child:before,
.call-to-action-2 .call-to-content-2 .call-to-text .call-btn a:last-child:before,
.header-style-three .head-f-quot a:before,
.service-call-action-section .service-cta-btn a:before,
.project-overview .project-overview-list a:before,
.slider-style-one .slider-home-one .slider-text-content .slider-btn .s-more-btn:before,
.slider-style-three .slider-content-box .slider-btn .s-more-btn:before,
.pricing-plan-section .pricing-plan-content .pricing-item-list .pricing-btn a:before,
.breadcurmb-content .breadcrumb li:first-child:before {
	top: 0;
	left: 0;
	content: '';
	z-index: -1;
	width: 60px;
	height: 60px;
	position: absolute;
	border-radius: 100%;
	background-color: #ffebe6;
}

.about-text-item-1 .ab-btn,
.call-to-action-2 .call-to-content-2 .call-to-text .call-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.about-text-item-1 .ab-btn a,
.call-to-action-2 .call-to-content-2 .call-to-text .call-btn a {
	z-index: 1;
	width: 190px;
	height: 60px;
	font-weight: 700;
	line-height: 60px;
	margin-right: 30px;
	text-align: center;
	position: relative;
}

.about-text-item-1 .ab-btn a:first-child,
.call-to-action-2 .call-to-content-2 .call-to-text .call-btn a:first-child {
	color: #fff;
	border-radius: 30px;
	background-color: #ff5b2e;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(255, 91, 46, 0.2);
	box-shadow: 0px 8px 16px 0px rgba(255, 91, 46, 0.2);
}

.about-text-item-1 .ab-btn a:last-child,
.call-to-action-2 .call-to-content-2 .call-to-text .call-btn a:last-child {
	width: 132px;
}

.newslatter-form input {
	border: none;
	padding-left: 30px;
}

.newslatter-form button {
	border: none;
	background-color: transparent;
}

.newslatter-form button,
.newslatter-service .news-service-item1 .news-cntc-btn a,
.team-details-content .team-single-text .team-details-info .team-details-btn {
	height: 60px;
	width: 200px;
	font-weight: 700;
	line-height: 60px;
	border-radius: 50px;
	font-family: "Nunito";
}

.blog-section .blog-type2 .blog-text,
.blog-section .blog-type3 .blog-text,
.blog-section .blog-type4 .blog-text {
	position: absolute;
}

.blog-section .blog-type2 .blog-text h3,
.blog-section .blog-type3 .blog-text h3,
.blog-section .blog-type4 .blog-text h3,
.blog-section .blog-type2 .blog-text p,
.blog-section .blog-type3 .blog-text p,
.blog-section .blog-type4 .blog-text p {
	color: #fff;
	opacity: 0;
	-webkit-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
	-webkit-transform: translate(0, -25px);
	-ms-transform: translate(0, -25px);
	transform: translate(0, -25px);
}

.blog-section .blog-type2 .blog-text p,
.blog-section .blog-type3 .blog-text p,
.blog-section .blog-type4 .blog-text p {
	-webkit-transform: translateX(0, -25px);
	-ms-transform: translateX(0, -25px);
	transform: translateX(0, -25px);
}

.blog-section .blog-type2 .blog-text .blog-meta,
.blog-section .blog-type3 .blog-text .blog-meta,
.blog-section .blog-type4 .blog-text .blog-meta {
	opacity: 0;
	-webkit-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
	-webkit-transform: translate(0, -25px);
	-ms-transform: translate(0, -25px);
	transform: translate(0, -25px);
}

.blog-section .blog-type2 .blog-text .blog-meta a,
.blog-section .blog-type3 .blog-text .blog-meta a,
.blog-section .blog-type4 .blog-text .blog-meta a {
	color: #fff;
}

.blog-section .blog-type2 .blog-text .blog-meta a i,
.blog-section .blog-type3 .blog-text .blog-meta a i,
.blog-section .blog-type4 .blog-text .blog-meta a i {
	color: #fff;
}

.blog-section .blog-type2:before,
.blog-section .blog-type3:before,
.blog-section .blog-type4:before {
	left: 0;
	right: 0;
	top: 50%;
	bottom: 50%;
	content: '';
	opacity: 0.902;
	position: absolute;
	-webkit-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
	background-color: #ff5b2e;
}

.blog-section .blog-type2:hover:before,
.blog-section .blog-type3:hover:before,
.blog-section .blog-type4:hover:before {
	top: 0;
	bottom: 0;
}

.blog-section .blog-type2:hover .blog-text h3,
.blog-section .blog-type3:hover .blog-text h3,
.blog-section .blog-type4:hover .blog-text h3,
.blog-section .blog-type2:hover .blog-text p,
.blog-section .blog-type3:hover .blog-text p,
.blog-section .blog-type4:hover .blog-text p {
	opacity: 1;
	-webkit-transition-delay: .35s;
	-o-transition-delay: .35s;
	transition-delay: .35s;
	-webkit-transform: translate(0, 0) scale(1) rotate(0);
	-ms-transform: translate(0, 0) scale(1) rotate(0);
	transform: translate(0, 0) scale(1) rotate(0);
}

.blog-section .blog-type2:hover .blog-meta,
.blog-section .blog-type3:hover .blog-meta,
.blog-section .blog-type4:hover .blog-meta {
	opacity: 1;
	-webkit-transform: translate(0, 0) scale(1) rotate(0);
	-ms-transform: translate(0, 0) scale(1) rotate(0);
	transform: translate(0, 0) scale(1) rotate(0);
	-webkit-transition-delay: .5249999999999999s;
	-o-transition-delay: .5249999999999999s;
	transition-delay: .5249999999999999s;
}

.blog-section .blog-text h3,
.blog-section-2 .blog-img-text .blog-text h3 {
	font-size: 26px;
	font-weight: 600;
	line-height: 1.308;
	padding-bottom: 15px;
}

.blog-section .blog-text p,
.blog-section-2 .blog-img-text .blog-text p {
	line-height: 1.75;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #faeeee;
}

.blog-section .blog-text .blog-meta a,
.blog-section-2 .blog-img-text .blog-text .blog-meta a {
	padding-right: 30px;
	position: relative;
}

.blog-section .blog-text .blog-meta a:after,
.blog-section-2 .blog-img-text .blog-text .blog-meta a:after {
	top: 1px;
	right: 13px;
	width: 2px;
	content: '';
	height: 15px;
	position: absolute;
	background-color: #fff5f5;
}

.blog-section .blog-text .blog-meta a:last-child,
.blog-section-2 .blog-img-text .blog-text .blog-meta a:last-child {
	padding-right: 0;
}

.blog-section .blog-text .blog-meta a:last-child:after,
.blog-section-2 .blog-img-text .blog-text .blog-meta a:last-child:after {
	display: none;
}

.blog-section .blog-text .blog-meta a i,
.blog-section-2 .blog-img-text .blog-text .blog-meta a i {
	color: #ff5b2e;
	margin-right: 5px;
}

.feature-content-2 .feature-slide-item .owl-dots .owl-dot,
.testimonial-slide-section .owl-dots .owl-dot {
	width: 10px;
	height: 10px;
	margin: 0 5px;
	border-radius: 100%;
	display: inline-block;
	background-color: #eeeeee;
}

.feature-content-2 .feature-slide-item .owl-dots .owl-dot.active,
.testimonial-slide-section .owl-dots .owl-dot.active {
	background-color: #ff5b2e;
}

.service-section-2 .service-content-2 .service-icon-text .service-text a,
.service-section-3 .service-content-3 .service-icon-text .service-text a {
	font-weight: 700;
	text-align: center;
}

.service-section-2 .service-content-2 .service-icon-text .service-text a i,
.service-section-3 .service-content-3 .service-icon-text .service-text a i {
	width: 35px;
	height: 35px;
	font-size: 14px;
	line-height: 30px;
	margin-left: 18px;
	border-radius: 100%;
	color: #ff5b2e;
	border: 2px solid #ffebe6;
}

.header-style-one .header-main-option .option-btn,
.header-style-three .option-btn {
	width: 60px;
	height: 60px;
	color: #ff5b2e;
	line-height: 60px;
	margin-left: 10px;
	border-radius: 100%;
	text-align: center;
	display: inline-block;
	border: 1px solid #71556d;
}

.header-style-one .header-main-option .option-btn:hover,
.header-style-three .option-btn:hover {
	border: 1px solid #fff;
}

.blog_pagination .pagination {
	display: inherit;
	margin-top: 20px;
}

.blog_pagination .pagination li {
	margin: 0px 4px;
	display: inline-block;
}

.blog_pagination .pagination li a {
	padding: 0;
	width: 50px;
	height: 50px;
	display: block;
	font-size: 14px;
	line-height: 50px;
	font-weight: 700;
	color: #343434;
	border-radius: 100%;
	border: 2px solid #ededed;
}

.blog_pagination .pagination li a:hover {
	color: #fff;
	background-color: #ff5b2e;
	border: 2px solid #ff5b2e;
}

.blog_pagination .pagination .page-link:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
}

.blog_pagination .pagination .page-item:first-child .page-link,
.blog_pagination .pagination .page-item:last-child .page-link {
	border-radius: 100%;
}

.news_qoute:before,
.bg_img_post:before {
	top: 0;
	opacity: .95;
	z-index: -1;
	height: 100%;
	width: 100%;
	content: '';
	position: absolute;
}

.news_post_item .video_play_btn,
#blod_slide .owl-nav {
	left: 0;
	right: 0;
	top: 50%;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.news_post_item .video_play_btn {
	height: 100px;
	width: 100px;
	line-height: 100px;
	border-radius: 100%;
	background-color: #ff5b2e;
}

.news_post_item .video_play_btn i {
	color: #fff;
	font-size: 20px;
}

.single_widget .latest-blog-widget .blog-img-content,
.twitter_update .tw_feed {
	display: inline-block;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #e1e6ff;
}

.single_widget .latest-blog-widget .blog-img-content:last-child,
.twitter_update .tw_feed:last-child {
	border: none;
	padding: 0;
	margin: 0;
}

.comment_formfield .quote_form .contact-info .icon-bg {
	top: 30px;
	right: 30px;
	color: #ff5b2e;
	position: absolute;
}

.comment_formfield .quote_form .contact-info .icon-bg i {
	font-size: 18px;
}

.header-style-four .quote-btn-2:before,
.about-text-item-1 .ab-btn a:first-child:before,
.about-page-about-section .about-content-1 .ab-btn-single a:before,
.mission-vission-content .mission-content a:before,
.newslatter-service .news-service-item1 .news-cntc-btn a:before,
.call-to-action-2 .call-to-content-2 .call-to-text .call-btn a:first-child:before,
.header-style-four .quote-btn-2:after,
.about-text-item-1 .ab-btn a:first-child:after,
.about-page-about-section .about-content-1 .ab-btn-single a:after,
.mission-vission-content .mission-content a:after,
.newslatter-service .news-service-item1 .news-cntc-btn a:after,
.call-to-action-2 .call-to-content-2 .call-to-text .call-btn a:first-child:after,
.header-style-four .quote-btn-2 span:before,
.about-text-item-1 .ab-btn a:first-child span:before,
.about-page-about-section .about-content-1 .ab-btn-single a span:before,
.mission-vission-content .mission-content a span:before,
.newslatter-service .news-service-item1 .news-cntc-btn a span:before,
.call-to-action-2 .call-to-content-2 .call-to-text .call-btn a:first-child span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	z-index: -1;
	background-color: #fff;
	opacity: .2;
	-webkit-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}

.header-style-four .quote-btn-2:after,
.about-text-item-1 .ab-btn a:first-child:after,
.about-page-about-section .about-content-1 .ab-btn-single a:after,
.mission-vission-content .mission-content a:after,
.newslatter-service .news-service-item1 .news-cntc-btn a:after,
.call-to-action-2 .call-to-content-2 .call-to-text .call-btn a:first-child:after,
.header-style-four .quote-btn-2 span:before,
.about-text-item-1 .ab-btn a:first-child span:before,
.about-page-about-section .about-content-1 .ab-btn-single a span:before,
.mission-vission-content .mission-content a span:before,
.newslatter-service .news-service-item1 .news-cntc-btn a span:before,
.call-to-action-2 .call-to-content-2 .call-to-text .call-btn a:first-child span:before {
	top: auto;
	bottom: 0;
}

.header-style-four .quote-btn-2 span:before,
.about-text-item-1 .ab-btn a:first-child span:before,
.about-page-about-section .about-content-1 .ab-btn-single a span:before,
.mission-vission-content .mission-content a span:before,
.newslatter-service .news-service-item1 .news-cntc-btn a span:before,
.call-to-action-2 .call-to-content-2 .call-to-text .call-btn a:first-child span:before,
.header-style-four .quote-btn-2 span:after,
.about-text-item-1 .ab-btn a:first-child span:after,
.about-page-about-section .about-content-1 .ab-btn-single a span:after,
.mission-vission-content .mission-content a span:after,
.newslatter-service .news-service-item1 .news-cntc-btn a span:after,
.call-to-action-2 .call-to-content-2 .call-to-text .call-btn a:first-child span:after {
	-webkit-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
	transition-delay: 0.4s;
}

.header-style-four .quote-btn-2:hover:before,
.about-text-item-1 .ab-btn a:first-child:hover:before,
.about-page-about-section .about-content-1 .ab-btn-single a:hover:before,
.mission-vission-content .mission-content a:hover:before,
.newslatter-service .news-service-item1 .news-cntc-btn a:hover:before,
.call-to-action-2 .call-to-content-2 .call-to-text .call-btn a:first-child:hover:before,
.header-style-four .quote-btn-2:hover:after,
.about-text-item-1 .ab-btn a:first-child:hover:after,
.about-page-about-section .about-content-1 .ab-btn-single a:hover:after,
.mission-vission-content .mission-content a:hover:after,
.newslatter-service .news-service-item1 .news-cntc-btn a:hover:after,
.call-to-action-2 .call-to-content-2 .call-to-text .call-btn a:first-child:hover:after,
.header-style-four .quote-btn-2:hover span:before,
.about-text-item-1 .ab-btn a:hover:first-child span:before,
.about-page-about-section .about-content-1 .ab-btn-single a:hover span:before,
.mission-vission-content .mission-content a:hover span:before,
.newslatter-service .news-service-item1 .news-cntc-btn a:hover span:before,
.call-to-action-2 .call-to-content-2 .call-to-text .call-btn a:hover:first-child span:before,
.header-style-four .quote-btn-2:hover span:after,
.about-text-item-1 .ab-btn a:hover:first-child span:after,
.about-page-about-section .about-content-1 .ab-btn-single a:hover span:after,
.mission-vission-content .mission-content a:hover span:after,
.newslatter-service .news-service-item1 .news-cntc-btn a:hover span:after,
.call-to-action-2 .call-to-content-2 .call-to-text .call-btn a:hover:first-child span:after {
	height: 100%;
}

.mobile_menu .mobile-menu-contact-info li i,
.mobile_menu .mobile-cart i {
	border-radius: 100%;
	width: 30px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	margin-right: 15px;
	text-align: center;
	background-color: #f5f5f5;
}

.search-body {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1000;
	-webkit-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	transform: scale(1, 0);
	-webkit-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-transition: -webkit-transform .7s ease;
	transition: -webkit-transform .7s ease;
	-o-transition: transform .7s ease;
	transition: transform .7s ease;
	transition: transform .7s ease, -webkit-transform .7s ease;
	background-color: rgba(0, 0, 0, 0.85);
}

.search-body.search-open {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}

.search-body .search-form {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.search-body .search-form .search-form-area {
	width: 100%;
	z-index: 9991;
	max-width: 600px;
	position: relative;
}

.search-body .search-form input {
	width: 100%;
	height: 60px;
	border: none;
	padding: 0px 30px;
	background-color: #fff;
}

.search-body .search-form button {
	top: 0;
	right: 0;
	color: #fff;
	border: none;
	width: 120px;
	height: 60px;
	position: absolute;
	background-color: #ff5b2e;
}

.search-body .outer-close {
	top: 40px;
	right: 55px;
	width: 50px;
	height: 50px;
	cursor: pointer;
	line-height: 50px;
	position: absolute;
	background-color: #92d3d7;
}

.search-body .outer-close i {
	color: #fff;
}

.search-open {
	opacity: 1;
	visibility: visible;
}

.shopping-cart {
	right: 0;
	top: 85px;
	z-index: -1;
	opacity: 0;
	width: 350px;
	display: block;
	margin: 10px 0;
	background: #fff;
	padding: 30px 20px;
	position: absolute;
	visibility: hidden;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
	border-top: 5px solid #ff5b2e;
	-webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.shopping-cart.cart-show {
	top: 65px;
	opacity: 1;
	z-index: 9;
	visibility: visible;
}

.shopping-cart li {
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

.shopping-cart li:last-child {
	border-bottom: none;
}

.shopping-cart .cart-total {
	padding-top: 10px;
	font-weight: 700;
	font-size: 14px;
}

.shopping-cart .cart-total span {
	color: #ff5b2e;
}

.shopping-cart .cart-checkout {
	color: #fff;
	font-size: 14px;
	padding: 8px 15px;
	border-radius: 30px;
	background-color: #ff5b2e;
}

.cart-product-img {
	margin-right: 20px;
	height: 80px;
	width: 80px;
}

.cart-product-text {
	padding-top: 15px;
}

.cart-product-text h3 {
	font-size: 18px;
	font-weight: 700;
	padding-bottom: 5px;
}

.cart-product-text h3 a {
	color: #61001f;
}

.cart-product-text span {
	font-size: 14px;
	margin-right: 20px;
	display: inline-block;
}


/*Side bar area*/


/*----------------------------------------------------*/

.wide_side_bar {
	top: 15px;
	margin-left: 5px;
	position: relative;
	display: inline-block;
	z-index: 3;
	height: 40px;
	width: 40px;
	cursor: pointer;
	right: 35px;
}

.wide_side_bar span {
	position: relative;
	top: 10px;
	right: -35px;
}

.wide_side_bar span:before {
	content: '';
	height: 3px;
	width: 25px;
	right: 0;
	position: absolute;
	background-color: #ff5b2e;
}

.wide_side_bar span:nth-child(1):before {
	top: 0;
	width: 25px;
}

.wide_side_bar span:nth-child(2):before {
	top: 10px;
	width: 32px;
}

.wide_side_bar span:nth-child(3):before {
	top: 20px;
	width: 38px;
}

.wide_side_bar {
	height: 120px;
	width: 120px;
	margin-left: 80px;
	text-align: center;
	z-index: 1;
	background-color: #ff5b2e;
	top: 0;
}

.wide_side_bar span {
	top: 45px;
	left: 20px;
}

.wide_side_bar span:before {
	background-color: #fff;
	width: 38px;
}

.side_inner_content {
	top: 0px;
	bottom: 0;
	right: -320px;
	height: 110vh;
	z-index: 101;
	position: fixed;
	width: 300px;
	overflow-y: scroll;
	background-color: #fff;
	padding: 50px 30px;
	-webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
	box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.side_inner_content p {
	text-align: left;
}

.side_inner_content .side_inner_logo {
	margin: 30px 0px;
}

.side_inner_content .side_contact {
	margin-bottom: 30px;
}

.side_inner_content .side_contact .social_widget h3 {
	font-size: 18px;
	padding: 10px 0px 20px 0px;
}

.side_inner_content .side_contact .social_widget li {
	margin: 0px 3px;
}

.side_inner_content .side_copywright {
	font-size: 14px;
}

.side_inner_content .close_btn {
	top: 30px;
	left: 20px;
	cursor: pointer;
	color: #ff5b2e;
	position: absolute;
}

.side_inner_content .close_btn i {
	font-size: 14px;
}

.wide_side_bar {
	right: 0;
}

.wide_side_inner {
	position: absolute;
}

.wide_side_inner.wide_side_on .side_inner_content {
	padding-top: 50px;
}

.side_inner_content .close_btn {
	top: 25px;
}

.wide_side_inner.wide_side_on .side_inner_content {
	right: -15px;
	z-index: 99;
	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;
}

.wide_side_inner .side_overlay {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	width: 100%;
	z-index: 9;
	height: 110vh;
	visibility: hidden;
	position: fixed;
	background: rgba(0, 0, 0, 0.8);
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	cursor: url(../img/cl.png), auto;
}

.body_overlay_on {
	overflow: hidden;
}

.wide_side_inner.wide_side_on .side_overlay {
	opacity: 1;
	visibility: visible;
}


/*---------------------------------------------------- */


/*(2)- Header area*/


/*----------------------------------------------------*/

.it-header-area {
	z-index: 9;
	width: 100%;
	position: absolute;
}

.header-style-one .header-top {
    font-size: 14px;
    font-weight: 500;
    padding: 15px 40px;
    border-bottom: 1px solid #fff;
    display: flex;
    justify-content: space-between;
}

.header-style-one .header-top-left li {
	color: #fff;
	margin-right: 32px;
}

.header-style-one .header-top-left li i {
	color: #ff5b2e;
	margin-right: 5px;
}

.header-style-one .header-top-cta {
	display: inline-block;
}

.header-style-one .header-top-cta ul {
	list-style: none;
}

.header-style-one .header-top-cta ul li {
	display: inline-block;
}

.header-style-one .header-top-cta a {
	color: #fff;
	padding: 10px;
	position: relative;
	text-transform:uppercase;
}

.header-style-one .header-top-cta a:after ,  .header-top-cta li a:after{
	top: 14px;
	width: 2px;
	right: -3px;
	content: '';
	height: 12px;
	position: absolute;
	background-color: #fff;
}

.header-style-one .header-top-cta a:last-child:after, .header-top-cta li a:last-child:after {
	display: none;
}

.header-style-one .header-top-cta select {
	border: none;
	color: #fff;
	margin-left: 20px;
	background-color: transparent;
}

.header-style-one .header-top-cta select option {
	color: #fff;
	background-color: #92d3d7;
}

.header-style-one .header-social {
	display: inline-block;
	margin-right: 28px;
}

.header-style-one .header-social li {
	color: #b288a8;
	margin-left: 15px;
}

.header-style-one .main-navigation {
	padding-top: 15px;
	margin-right: 0px auto;
	display: inline-block;
}

.header-style-one .main-navigation li:first-child {
	margin-left: 30px;
}

.header-style-one .main-navigation li {
	margin-left: 30px;
	text-transform: capitalize;
}

.header-style-one .main-navigation li a {
	color: #fff;
	font-weight: 700;
	padding-bottom: 30px;
	font-size: 14px;
}

.header-style-one .header-main-menu {
	padding: 20px 40px;
	display: flex;
}

.header-style-one .header-main-option {
	float: right;
}

.header-style-one .header-main-option .main-option-list {
	display: inline-block;
}


/*Dropdown menu*/


/*----------------------------------------------------*/

.it-menu-itemlist {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.it-menu-itemlist .dropdown {
	position: relative;
}

.it-menu-itemlist .dropdown:before {
	top: 0;
	right: -15px;
	font-weight: 900;
	content: '\f107';
	color: #ff5b2e;
	position: absolute;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
	font-family: 'Font Awesome 5 Free';
}

.it-menu-itemlist .dropdown:hover .dropdown-menu {
	-webkit-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
}

.it-menu-itemlist .dropdown-menu {
	left: 0;
	top: 48px;
	z-index: 100;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 200px;
	display: block;
	border: none;
	padding: 15px 20px;
	border-radius: 0;
	overflow: hidden;
	position: absolute;
	-webkit-transform: scaleY(0);
	-ms-transform: scaleY(0);
	transform: scaleY(0);
	background-color: #fff;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	-webkit-transform-origin: center top 0;
	-ms-transform-origin: center top 0;
	transform-origin: center top 0;
	border-top: 10px solid #ff5b2e;
	border-bottom: 10px solid #92d3d7;
	-webkit-box-shadow: 0 5px 10px 0 rgba(83, 82, 82, 0.1);
	box-shadow: 0 5px 10px 0 rgba(83, 82, 82, 0.1);
}

.it-menu-itemlist .dropdown-menu:after {
	right: 0;
	bottom: 0;
	z-index: -1;
	line-height: 1;
	font-size: 100px;
	content: '\f107';
	position: absolute;
	font-family: "Flaticon";
	color: rgba(255, 91, 46, 0.2);
	display:none;
}

.it-menu-itemlist .dropdown-menu li {
	display: block;
	margin-left: 0 !important;
}

.it-menu-itemlist .dropdown-menu a {
	font-weight: 500 !important;
	color: #242424 !important;
}

.header-style-one.sticky-header-overlay {
	top: -75px;
	padding-bottom: 12px;
	background-color: #61001f;
}

.header-style-one.sticky-header-overlay .side_inner_content {
	top: 60px;
}


/*Header Style Two*/


/*----------------------------------------------------*/

.header-style-two {
	padding: 40px 300px 0px 240px;
}

.header-style-two .it-menu-itemlist .main-navigation {
	background-color: #fff;
	padding: 17px 15px;
}

.header-style-two .it-menu-itemlist .main-navigation li {
	margin: 0px 30px;
}

.header-style-two .it-menu-itemlist .main-navigation li a {
	font-weight: 700;
	padding-bottom: 25px;
}

.header-style-two .it-menu-itemlist .dropdown-menu {
	top: 42px;
}

.header-style-two .it-menu-itemlist .dropdown-menu li {
	margin: 0;
}

.header-style-two .it-menu-itemlist .dropdown:before {
	color: #92d3d7;
}

.header-style-two .logo-sticky {
	display: none;
}

.header-style-two .quote-area {
	padding: 20px 25px;
	border-radius: 10px;
	background-color: #92d3d7;
	color: #fff;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.header-style-two .quote-area span {
	font-weight: 700;
}

.header-style-two.sticky-header-overlay {
	background-color: #fff;
	padding: 15px 300px 15px 240px;
	-webkit-box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.8);
}

.header-style-two.sticky-header-overlay .main-navigation {
	background-color: transparent;
}

.header-style-two.sticky-header-overlay .quote-area {
	display: none;
}

.header-style-two.sticky-header-overlay .logo-top {
	display: none;
}

.header-style-two.sticky-header-overlay .logo-sticky {
	display: block;
}


/*Header Style Three*/


/*----------------------------------------------------*/

.header-style-three {
	padding: 30px 85px 0px 60px;
}

.header-style-three:after {
	top: -250px;
	left: -80px;
	z-index: -1;
	content: '';
	width: 500px;
	height: 500px;
	position: absolute;
	background-repeat: no-repeat;
	background-image: url(../img/logo/logo-shape.png);
}

.header-style-three .main-navigation {
	padding-top: 15px;
}

.header-style-three .main-navigation li {
	margin: 0 26px;
}

.header-style-three .main-navigation li a {
	color: #fff;
	font-weight: 700;
	padding-bottom: 30px;
	text-transform: capitalize;
}

.header-style-three .option-btn {
	color: #fff;
	border: 1px solid #758188;
}

.header-style-three .head-f-quot {
	float: right;
	padding: 15px 0px 0px 75px;
}

.header-style-three .head-f-quot a {
	color: #fff;
	font-weight: 700;
	position: relative;
}

.header-style-three .head-f-quot a:before {
	top: -20px;
	left: -35px;
	background-color: #ff5b2e;
}

.header-style-three.sticky-header-overlay {
	background-color: #000;
	padding: 15px 85px 13px 60px;
}

.header-style-three.sticky-header-overlay:after {
	display: none;
}


/*Header Style Fout*/


/*----------------------------------------------------*/

.header-style-four .header-main-menu {
	padding: 40px 240px 0px;
}

.header-style-four .it-menu-itemlist .dropdown:before {
	color: #fff;
}

.header-style-four .quote-btn-2 {
	color: #fff;
	height: 60px;
	width: 190px;
	font-weight: 700;
	line-height: 60px;
	margin-left: 60px;
	border-radius: 40px;
	background-color: #92d3d7;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.header-style-four .quote-btn-2 a {
	width: 100%;
	display: block;
}

.header-style-four.sticky-header-overlay {
	top: 0;
}

.header-style-four.sticky-header-overlay .header-main-menu {
	padding-top: 10px;
}


/*Stickey header*/


/*----------------------------------------------------*/

.sticky-header-overlay {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	position: fixed;
	z-index: 9;
	width: 100%;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
	-webkit-transition: .7s all ease-in-out;
	-o-transition: .7s all ease-in-out;
	transition: .7s all ease-in-out;
}

.brand-logo {
	max-width: 350px;
}


/*---------------------------------------------------- */


/*(3) - About Section*/


/*----------------------------------------------------*/

.about-section-1 {
	padding: 130px 0px 110px;
}

.about-section-1 .about-img {
	z-index: 1;
}

.about-section-1 .about-img:before {
	left: -140px;
	top: -140px;
	content: '';
	z-index: -1;
	width: 820px;
	height: 820px;
	border-radius: 100%;
	position: absolute;
	background-color: #fff9f9;
}

.about-section-1 .about-img .about-main-img {
	width: 522px;
	height: 522px;
	overflow: hidden;
	border-radius: 100%;
}

.about-section-1 .about-img .about-main-img img ,.about-section-1 .about-img .about-circle-img-1 img, .about-section-1 .about-img .about-circle-img-2 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.about-section-1 .about-img .about-circle-img-1,
.about-section-1 .about-img .about-circle-img-2 {
	top: 0;
	right: 40px;
	width: 170px;
	height: 170px;
	overflow: hidden;
	border-radius: 100%;
	position: absolute;
}

.about-section-1 .about-img .about-circle-img-2 {
	top: auto;
	left: 40px;
	right: auto;
	width: 102px;
	bottom: 20px;
	height: 102px;
}

.about-feature {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 45px 0px 35px;
}

.about-feature .about-feature-item {
	width: 50%;
}

.about-feature .about-feature-item:nth-child(2) .about-feature-icon {
	color: #92d3d7;
}

.about-feature .about-feature-item .about-feature-icon {
	font-size: 40px;
	line-height: 1;
	color: #ff5b2e;
	margin-right: 20px;
}

.about-feature .about-feature-item .about-feature-text h4 {
	font-size: 20px;
	font-weight: 600;
	padding-bottom: 8px;
}

.about-feature .about-feature-item .about-feature-text p {
	font-size: 14px;
	overflow: hidden;
	line-height: 1.857;
}

.about-text-item-1 {
	position: relative;
	z-index: 1;
}

.about-text-item-1 .about-text {
	padding-top: 25px;
}

.about-text-item-1 .ab-btn a {
	z-index: 1;
	overflow: hidden;
	position: relative;
	font-family: "Nunito";
}

.about-text {
	font-size: 18px;
	line-height: 1.667;
}


/*About Us(Home Page 2)*/


/*----------------------------------------------------*/

.about-section-2 {
	overflow: visible;
	padding-bottom: 260px;
	background-color: #f4f8fc;
}

.about-section-2 .section-title h2 {
	padding: 10px 0px 25px 0px;
}

.about-section-2 .about-text-item-1 .ab-btn a {
	font-family: "Roboto";
}

.about-section-2 .about-text-item-1 .ab-btn a:first-child {
	background-color: #92d3d7;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(146, 211, 215, 0.2);
	box-shadow: 0px 8px 16px 0px rgba(146, 211, 215, 0.2);
}

.about-section-2 .about-text-item-1 {
	max-width: 600px;
}

.about-section-2 .about-feature .about-feature-item .about-feature-text h4 {
	font-weight: 700;
}

.about-section-2 .about-feature .about-feature-item .about-feature-text p {
	max-width: 195px;
}

.about-section-2 .about-side-img {
	position: absolute;
	bottom: 0;
	right: 0;
}

.about-section-2 .about-counter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	bottom: -52px;
	position: absolute;
}

.about-section-2 .about-counter .about-counter-item {
	z-index: 1;
	padding: 58px;
	min-width: 270px;
	display: inline-block;
}

.about-section-2 .about-counter .about-counter-item:nth-child(1) {
	background-color: #ff5b2e;
}

.about-section-2 .about-counter .about-counter-item:nth-child(2) {
	background-color: #92d3d7;
}

.about-section-2 .about-counter .about-counter-item:nth-child(2) .about-counter-hover .count-icon-bg i {
	color: #aae6ead9;
}

.about-section-2 .about-counter .about-counter-item:nth-child(3) {
	background-color: #61001f;
}

.about-section-2 .about-counter .about-counter-item:nth-child(3) .about-counter-hover .count-icon-bg i {
	color: #75436b;
}

.about-section-2 .about-counter .about-counter-item .it-location-counter h3 {
	line-height: 1;
	font-size: 50px;
	font-weight: 700;
	color: #fff;
}

.about-section-2 .about-counter .about-counter-item .it-location-counter h3 span {
	font-size: 16px;
}

.about-section-2 .about-counter .about-counter-item p {
	color: #fff;
	font-weight: 700;
}

.about-section-2 .about-counter .about-counter-item .about-counter-hover {
	opacity: 0;
	visibility: hidden;
	margin-left: -85px;
	-webkit-transition: .4s all ease-in-out;
	-o-transition: .4s all ease-in-out;
	transition: .4s all ease-in-out;
}

.about-section-2 .about-counter .about-counter-item .about-counter-hover a {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}

.about-section-2 .about-counter .about-counter-item .about-counter-hover a i {
	margin-left: 5px;
}

.about-section-2 .about-counter .about-counter-item .about-counter-hover .count-icon-bg {
	right: 15px;
	bottom: 15px;
	z-index: -1;
	line-height: 1;
	position: absolute;
}

.about-section-2 .about-counter .about-counter-item .about-counter-hover .count-icon-bg i {
	color: #ff6b42;
	font-size: 120px;
}

.about-section-2 .about-counter .about-counter-item:hover .about-counter-hover {
	margin-left: 40px;
	opacity: 1;
	visibility: visible;
}


/*About Us(Home Page 3)*/


/*----------------------------------------------------*/

.about-us-section-3 {
	padding: 115px 0px 100px;
}

.about-us-section-3 .about-img-3 {
	max-width: 530px;
	padding-top: 30px;
}

.about-us-section-3 .about-img-3 img {
	border: 10px solid #fff;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(105, 116, 128, 0.1);
	box-shadow: 0px 8px 16px 0px rgba(105, 116, 128, 0.1);
}

.about-us-section-3 .about-text-item-1 .section-title h2 {
	padding: 5px 0 32px;
}

.about-us-section-3 .about-text-item-1 .section-title .sub-text {
	font-weight: 400;
	line-height: 1.417;
}

.about-us-section-3 .about-text-item-1 .about-text {
	margin-bottom: 42px;
}

.about-us-section-3 .about-feature {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	margin: 0px -15px;
}

.about-us-section-3 .about-feature .about-feature-item {
	z-index: 1;
	padding: 30px;
	margin: 0px 15px;
	position: relative;
	background-color: #fff2ef;
	border-right: 2px solid #ff5b2e;
}

.about-us-section-3 .about-feature .about-feature-item .about-feature-icon {
	margin-bottom: 25px;
}

.about-us-section-3 .about-feature .about-feature-item .about-feature-iconbg {
	top: 10px;
	z-index: -1;
	right: 10px;
	line-height: 1;
	position: absolute;
}

.about-us-section-3 .about-feature .about-feature-item .about-feature-iconbg i {
	color: #ffe5df;
	font-size: 120px;
}

.about-us-section-3 .about-feature .about-feature-item:nth-child(2) {
	background-color: #effeff;
	border-right: 2px solid #92d3d7;
}

.about-us-section-3 .about-feature .about-feature-item:nth-child(2) .about-feature-iconbg i {
	color: #d4f5f7;
}


/*About Us(About Us page)*/


/*----------------------------------------------------*/

.about-page-about-section {
	padding: 110px 0px 120px;
}

.about-page-about-section .about-content-1 .about-img {
	padding-top: 40px;
}

.about-page-about-section .about-content-1 .about-img .about-main-img {
	width: 530px;
	height: 530px;
	overflow: hidden;
	border-radius: 100%;
}

.about-page-about-section .about-content-1 .about-img .about-circle-img-1 {
	right: 55px;
	width: 160px;
	bottom: 10px;
	height: 160px;
	overflow: hidden;
	position: absolute;
	border-radius: 100%;
	border: 10px solid #fff;
}

.about-page-about-section .about-content-1 .about-author {
	width: 100%;
	display: inline-block;
}

.about-page-about-section .about-content-1 .about-author .author-img {
	margin-right: 30px;
}

.about-page-about-section .about-content-1 .about-author .about-author-text {
	margin-top: 10px;
}

.about-page-about-section .about-content-1 .about-author .about-author-text h4 {
	font-size: 24px;
	font-weight: 700;
}

.about-page-about-section .about-content-1 .about-author .about-author-text span {
	font-weight: 700;
	color: #ff5b2e;
}

.about-page-about-section .about-content-1 .ab-btn-single {
	height: 60px;
	width: 190px;
	line-height: 60px;
	border-radius: 40px;
	background-color: #92d3d7;
}

.about-page-about-section .about-content-1 .ab-btn-single a {
	z-index: 1;
	color: #fff;
	width: 100%;
	display: block;
	font-weight: 700;
	overflow: hidden;
	position: relative;
}

.about-page-about-section .about-text-item-1 .title-style-two h2 {
	padding: 5px 0px 30px;
}

.about-page-about-section .about-text-item-1 .title-style-two .sub-text {
	padding-bottom: 35px;
}

.about-page-about-section .about-text-item-1 .about-text {
	padding: 30px 0px 25px;
}


/*About Gallery(About Us page)*/


/*----------------------------------------------------*/

.about-gallery-section {
	padding-bottom: 90px;
}

.about-gallery-img {
	margin-bottom: 30px;
}

.about-exp-badge {
	top: 50%;
	left: 0;
	right: 0;
	width: 200px;
	height: 200px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
	position: absolute;
	border-radius: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #61001f;
}

.about-exp-badge .exp-text h4 {
	color: #fff;
	font-weight: 700;
	font-size: 50px;
}

.about-exp-badge .exp-text h4 span {
	font-size: 16px;
}

.about-exp-badge .exp-text span {
	color: #fff;
	font-weight: 700;
	text-transform: capitalize;
}


/*(About Us page)*/


/*----------------------------------------------------*/

.core-platform-section {
	background-color: #61001f;
	padding: 110px 0px 210px 0px;
}

.core-platform-section:before {
	top: 0;
	right: 0;
	content: '';
	width: 25%;
	height: 100%;
	position: absolute;
	background-color: #ff5b2e;
}

.core-platform-section .platform-text .section-title h2 {
	color: #fff;
}

.core-platform-section .platform-text .section-title .sub-text {
	color: #fff;
	font-weight: 500;
	margin: 35px 0px;
}

.core-platform-section .platform-text .core-platform-item {
	margin: 0px -10px;
}

.core-platform-section .platform-text .core-platform-item li {
	width: 170px;
	margin: 10px;
	height: 170px;
	padding-top: 40px;
	text-align: center;
	background-color: #5f3958;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.core-platform-section .platform-text .core-platform-item li i {
	color: #92d3d7;
	font-size: 50px;
}

.core-platform-section .platform-text .core-platform-item li span {
	color: #fff;
	display: block;
	margin-top: 10px;
	font-weight: 700;
}

.core-platform-section .platform-text .core-platform-item li:hover {
	background-color: #92d3d7;
}

.core-platform-section .platform-text .core-platform-item li:hover i,
.core-platform-section .platform-text .core-platform-item li:hover span {
	color: #61001f;
}

.core-platform-section .platform-img {
	padding: 40px 0px 0px 40px;
}

.team-section-one.about-team {
	padding: 0 0px 20px 0px;
	overflow: visible;
	background-color: transparent;
}

.team-section-one .team-area-content {
	top: -100px;
	padding-top: 100px;
	position: relative;
	background-color: #fff;
}

.mission-vission-section {
	padding-bottom: 35px;
}

.mission-vission-section .mission-vission-iconbg {
	right: 0;
	bottom: 0px;
	position: absolute;
}

.mission-vission-section .mission-vission-iconbg i {
	line-height: 1;
	color: #e5ebf1;
	font-size: 200px;
}

.mission-vission-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-shadow: 0px 16px 32px 0px rgba(84, 48, 77, 0.06);
	box-shadow: 0px 16px 32px 0px rgba(84, 48, 77, 0.06);
}

.mission-vission-content .mission-vission-text {
	padding: 90px 0px 90px 80px;
}

.mission-vission-content .mission-vission-text span {
	font-size: 20px;
	font-weight: 700;
}

.mission-vission-content .mission-vission-text h3 {
	font-size: 50px;
	font-weight: 700;
	padding: 20px 0px 28px;
}

.mission-vission-content .mission-vission-text p {
	font-size: 20px;
	line-height: 1.5;
	padding-bottom: 42px;
}

.mission-vission-content .mission-content {
	z-index: 1;
}

.mission-vission-content .mission-content .background_overlay {
	z-index: -1;
	background-color: rgba(255, 91, 46, 0.9);
}

.mission-vission-content .mission-content span,
.mission-vission-content .mission-content h3,
.mission-vission-content .mission-content p {
	color: #fff;
}

.mission-vission-content .mission-content a {
	z-index: 1;
	color: #fff;
	height: 60px;
	width: 200px;
	display: block;
	font-weight: 700;
	line-height: 60px;
	overflow: hidden;
	position: relative;
	text-align: center;
	border-radius: 40px;
	background-color: #61001f;
}

.mission-vission-content .vission-content span {
	color: #92d3d7;
}

.mission-vission-content .vission-content h3 {
	color: #61001f;
}

.mission-vission-content .vission-content p {
	color: #61001f;
	padding-bottom: 50px;
}

.mission-vission-content .vission-content a {
	z-index: 1;
	font-weight: 700;
	padding-left: 40px;
	position: relative;
}

.mission-vission-content .vission-content a:before {
	left: 0;
	top: -20px;
	z-index: -1;
	content: '';
	width: 60px;
	height: 60px;
	position: absolute;
	border-radius: 100%;
	background-color: #e5cae0;
}

.blog-section-2.about-page-blog {
	padding-top: 0px;
}


/*---------------------------------------------------- */


/*(4) - Service Section*/


/*----------------------------------------------------*/

.service-section {
	padding: 20px 0px;
	background-color: #fff9f9;
}

.service-item-list {
	padding-top: 25px;
}

.service-item-list .service-icon {
	width: 70px;
	height: 70px;
	margin: 0 auto;
	line-height: 70px;
	border-radius: 100%;
	background-color: #fff;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(255, 91, 46, 0.04);
	box-shadow: 0px 8px 16px 0px rgba(255, 91, 46, 0.04);
}

.service-item-list .service-icon i {
	font-size: 32px;
	color: #ff5b2e;
}

.service-item-list .service-item-no {
	left: 0;
	right: 0;
	top: -35px;
	z-index: -1;
	line-height: 1;
	color: #fef2f2;
	font-size: 120px;
	font-weight: 700;
	-webkit-animation: mover 1s infinite alternate;
	animation: mover 1s infinite alternate;
}

.service-item-list .service-text {
	margin: 0 auto;
	padding-top: 80px;
	max-width: 220px;
}

.service-item-list .service-text:before {
	top: 40px;
	left: 0;
	right: 0;
	height: 3px;
	content: '';
	width: 35px;
	margin: 0 auto;
	position: absolute;
	background-color: #92d3d7;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.service-item-list .service-text h3 {
	font-size: 22px;
	font-weight: 600;
	line-height: 1.364;
	padding-bottom: 13px;
}

.service-item-list .service-text p {
	line-height: 1.875;
	padding-bottom: 13px;
}

.service-item-list .service-more a {
	font-size: 20px;
}

.service-item-list .service-icon-text {
	z-index: 1;
}

.service-item-list .service-icon-text:hover .service-icon {
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}

.service-item-list .service-icon-text:hover .service-text:before {
	width: 75px;
}

.service-item-list .service-icon-text:hover .service-more a {
	color: #ff5b2e;
}

.service-cta {
	padding: 25px;
	background-color: #fff1f1;
}

.service-cta p {
	font-size: 18px;
	font-weight: 600;
	font-family: "Nunito";
}

.service-cta p a {
	color: #ff5b2e;
	text-decoration: underline;
}


/*Service section (Home Page 2)*/


/*----------------------------------------*/

.service-section-2 {
	padding: 160px 0px 90px;
}

.service-section-2 .service-content-2 {
	padding-top: 65px;
}

.service-section-2 .service-content-2 .service-icon-text {
	padding: 50px 45px 45px;
	margin-bottom: 30px;
	border: 2px solid #ffebe6;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.service-section-2 .service-content-2 .service-icon-text .service-icon {
	line-height: 1;
}

.service-section-2 .service-content-2 .service-icon-text .service-icon i {
	font-size: 50px;
	color: #ff5b2e;
	margin-right: 28px;
}

.service-section-2 .service-content-2 .service-icon-text .service-text h3 {
	font-size: 20px;
	line-height: 1.5;
	font-weight: 700;
	padding-bottom: 28px;
}

.service-section-2 .service-content-2 .service-icon-text .service-text p {
	line-height: 1.625;
	margin-bottom: 22px;
	display: inline-block;
}

.service-section-2 .service-content-2 .service-icon-text .service-text i {
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.service-section-2 .service-content-2 .service-icon-text .service-text a {
	position: relative;
	z-index: 1;
}

.service-section-2 .service-content-2 .service-icon-text .service-text a:after {
	left: 0;
	top: -7px;
	width: 0%;
	z-index: -1;
	content: '';
	height: 35px;
	position: absolute;
	border-radius: 30px;
	background-color: #92d3d7;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.service-section-2 .service-content-2 .service-icon-text .service-text a:hover {
	color: #fff;
	padding-left: 15px;
}

.service-section-2 .service-content-2 .service-icon-text .service-text a:hover:after {
	width: 100%;
}

.service-section-2 .service-content-2 .service-icon-text .service-text a:hover i {
	color: #fff;
	border: 2px solid #92d3d7;
}

.service-section-2 .service-content-2 .service-icon-text:hover {
	border: 2px solid #fff;
	-webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}


/*Service section (Home Page 3)*/


/*----------------------------------------*/

.service-section-3 {
	overflow: visible;
	background-color: #f4f8fc;
}

.service-section-3 .service-content-3 {
	z-index: 1;
	top: -115px;
	position: relative;
	border-radius: 10px;
	background-color: #fff;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(204, 211, 219, 0.2);
	box-shadow: 0px 8px 16px 0px rgba(204, 211, 219, 0.2);
}

.service-section-3 .service-content-3:before {
	left: 0;
	right: 0;
	top: 50%;
	width: 100%;
	content: '';
	height: 2px;
	position: absolute;
	background-color: #f4f8fc;
}

.service-section-3 .service-content-3:after {
	content: '';
	width: 100%;
	top: 0;
	left: 0;
	z-index: -1;
	height: 100%;
	border-radius: 10px;
	position: absolute;
	background-color: #fff;
}

.service-section-3 .service-content-3 .service-circle-shape {
	z-index: -1;
	width: 80px;
	content: '';
	height: 80px;
	right: -35px;
	bottom: -35px;
	position: absolute;
	border-radius: 100%;
	background-color: #ff5b2e;
}

.service-section-3 .service-content-3 .service-icon-text {
	padding-top: 60px;
	padding-left: 45px;
	padding-bottom: 70px;
	padding: 60px 0px 65px 40px;
}

.service-section-3 .service-content-3 .service-icon-text:before {
	top: 88px;
	left: 0px;
	right: 50px;
	height: 1px;
	content: '';
	width: 100px;
	margin: 0 auto;
	position: absolute;
	background-color: #ff5b2e;
}

.service-section-3 .service-content-3 .service-icon-text .service-icon {
	line-height: 1;
	font-size: 50px;
	color: #ff5b2e;
	padding-bottom: 20px;
}

.service-section-3 .service-content-3 .service-icon-text .service-icon i {
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.service-section-3 .service-content-3 .service-icon-text .service-text {
	max-width: 275px;
}

.service-section-3 .service-content-3 .service-icon-text .service-text h3 {
	font-size: 24px;
	font-weight: 400;
	line-height: 1.417;
	padding-bottom: 20px;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.service-section-3 .service-content-3 .service-icon-text .service-text p {
	padding-bottom: 18px;
}

.service-section-3 .service-content-3 .service-icon-text .service-number {
	top: 0px;
	right: 5px;
	position: absolute;
}

.service-section-3 .service-content-3 .service-icon-text .service-number span {
	line-height: 1;
	color: #fff8ee;
	font-size: 140px;
	font-family: "Playfair Display";
}

.service-section-3 .service-content-3 .service-icon-text:hover .service-text h3 {
	color: #ff5b2e;
}

.service-section-3 .service-content-3 .service-icon-text:hover .service-icon i {
	color: #92d3d7;
}


/*(Service)*/


/*----------------------------------------*/

.skill-set-section {
	padding: 120px 0px 50px;
}

@-webkit-keyframes Rx-width-70 {
	0% {
		width: 0%;
	}
	100% {
		width: 70%;
	}
}

@keyframes Rx-width-70 {
	0% {
		width: 0%;
	}
	100% {
		width: 70%;
	}
}

@-webkit-keyframes Rx-width-42 {
	0% {
		width: 0%;
	}
	100% {
		width: 42%;
	}
}

@keyframes Rx-width-42 {
	0% {
		width: 0%;
	}
	100% {
		width: 42%;
	}
}

@-webkit-keyframes Rx-width-80 {
	0% {
		width: 0%;
	}
	100% {
		width: 80%;
	}
}

@keyframes Rx-width-80 {
	0% {
		width: 0%;
	}
	100% {
		width: 80%;
	}
}

@keyframes Rx-width-91 {
	0% {
		width: 0%;
	}
	100% {
		width: 91%;
	}
}

@-webkit-keyframes Rx-width-91 {
	0% {
		width: 0%;
	}
	100% {
		width: 91%;
	}
}

.Rx-width-70 {
	-webkit-animation-name: Rx-width-70;
	animation-name: Rx-width-70;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.Rx-width-42 {
	-webkit-animation-name: Rx-width-42;
	animation-name: Rx-width-42;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.Rx-width-80 {
	-webkit-animation-name: Rx-width-80;
	animation-name: Rx-width-80;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.Rx-width-91 {
	-webkit-animation-name: Rx-width-91;
	animation-name: Rx-width-91;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.skill-set-section.service-page-skill {
	padding-top: 0;
}

.skill-set-section.service-page-skill .skill-set-section {
	padding: 110px 0px 15px;
}

.skill-set-section.service-page-skill .skill-set-section .skill-set-img {
	margin-top: 85px;
}

.skill-set-section.service-page-skill .skill-set-section .title-style-two h2 {
	padding-bottom: 20px;
}

.skill-set-section.service-page-skill .skill-set-section .section-title .sub-text {
	font-weight: 500;
}

.skill-set-section.service-page-skill .skill-set-section .skill-set-text {
	padding: 20px 0px 35px;
}

.skill-set-text .skill-set-text {
	font-size: 18px;
}

.skill-set-progress .progress_text {
	width: 100%;
	display: inline-block;
}

.skill-set-progress .skill-title,
.skill-set-progress .skill-percent {
	font-size: 18px;
	font-weight: 700;
}

.skill-set-progress .single_experties {
	padding-bottom: 35px;
}

.skill-set-progress .single_experties .progress {
	height: 2px;
	overflow: visible;
	background-color: #ffdfd6;
}

.skill-set-progress .single_experties .progress-bar {
	height: 7px;
	background-color: #ff5b2e;
}

.skill-set-img {
	margin-left: 50px;
}

.skill-set-img .skill-updown-img1 {
	position: absolute;
	top: -80px;
	left: 45px;
}

.skill-set-img .skill-updown-img2 {
	right: 45px;
	bottom: -80px;
	position: absolute;
}

.service-section-2.service-page-service {
	padding-top: 110px;
	background-color: #f4f8fc;
}

.service-section-2.service-page-service .service-content-2 .service-icon-text {
	border: none;
	background-color: #fff;
}

.service-call-action-section {
	overflow: visible;
	margin-bottom: 120px;
	padding: 130px 0px 150px;
	background-color: #61001f;
}

.service-call-action-section .service-cta-content {
	margin: 0 auto;
	max-width: 580px;
}

.service-call-action-section .section-title h2 {
	color: #fff;
	padding-bottom: 40px;
}

.service-call-action-section .service-cta-btn a {
	z-index: 1;
	color: #fff;
	font-weight: 700;
	position: relative;
}

.service-call-action-section .service-cta-btn a:before {
	top: -20px;
	left: -20px;
	background-color: #ff5b2e;
}

.service-call-action-section .s-cta-shape1 {
	position: absolute;
	top: -106px;
	left: 130px;
}

.service-call-action-section .s-cta-shape2 {
	position: absolute;
	top: -90px;
	right: 40px;
}


/*service-details-section (service-details-page)*/


/*----------------------------------------*/

.service-details-section {
	padding: 110px 0px;
}

.service-details-section article {
	font-size: 18px;
	margin-bottom: 30px;
}

.service-details-tag {
	padding: 50px;
	max-width: 90%;
	margin: 0 auto;
	position: relative;
	top: -90px;
	border-radius: 20px;
	background-color: #61001f;
}

.service-details-tag .section-title .site-tag {
	font-size: 18px;
}

.service-details-tag .section-title h2 {
	color: #fff;
	font-size: 40px;
}

.service-details-article article .first-latter {
	display: block;
	text-align: center;
	color: #fff;
	margin-right: 20px;
	float: left;
	border-radius: 20px;
	height: 95px;
	width: 100px;
	font-size: 60px;
	font-weight: 700;
	background-color: #ff5b2e;
}


/*---------------------------------------------------- */


/*(5) - features Section*/


/*----------------------------------------------------*/

.feature-section {
	padding: 110px 0px 100px;
}

.feature-section:before {
	z-index: -2;
	height: 100%;
	width: 100%;
	content: '';
	top: 65px;
	bottom: 65px;
	left: 115px;
	position: absolute;
	background-repeat: no-repeat;
	background-image: url(../img/banner/map.png);
}

@-webkit-keyframes borderpls {
	0% {
		-webkit-box-shadow: 0 0 0 0 currentColor;
		box-shadow: 0 0 0 0 currentColor;
	}
	70% {
		-webkit-box-shadow: 0 0 0 10px currentColor;
		box-shadow: 0 0 0 10px currentColor;
		opacity: 0;
	}
	to {
		-webkit-box-shadow: 0 0 0 0 currentColor;
		box-shadow: 0 0 0 0 currentColor;
		opacity: 0;
	}
}

@keyframes borderpls {
	0% {
		-webkit-box-shadow: 0 0 0 0 #ff5b2e;
		box-shadow: 0 0 0 0 #ff5b2e;
	}
	70% {
		-webkit-box-shadow: 0 0 0 10px #ff5b2e;
		box-shadow: 0 0 0 10px #ff5b2e;
		opacity: 0;
	}
	to {
		-webkit-box-shadow: 0 0 0 0 #ff5b2e;
		box-shadow: 0 0 0 0 #ff5b2e;
		opacity: 0;
	}
}

@-webkit-keyframes borderpls {
	0% {
		-webkit-box-shadow: 0 0 0 0 currentColor;
		box-shadow: 0 0 0 0 currentColor;
	}
	70% {
		-webkit-box-shadow: 0 0 0 10px currentColor;
		box-shadow: 0 0 0 10px currentColor;
		opacity: 0;
	}
	to {
		-webkit-box-shadow: 0 0 0 0 currentColor;
		box-shadow: 0 0 0 0 currentColor;
		opacity: 0;
	}
}

@-webkit-keyframes borderpls2 {
	0% {
		-webkit-box-shadow: 0 0 0 0 #92d3d7;
		box-shadow: 0 0 0 0 #92d3d7;
	}
	70% {
		-webkit-box-shadow: 0 0 0 10px #92d3d7;
		box-shadow: 0 0 0 10px #92d3d7;
		opacity: 0;
	}
	to {
		-webkit-box-shadow: 0 0 0 0 #92d3d7;
		box-shadow: 0 0 0 0 #92d3d7;
		opacity: 0;
	}
}

@keyframes borderpls2 {
	0% {
		-webkit-box-shadow: 0 0 0 0 #92d3d7;
		box-shadow: 0 0 0 0 #92d3d7;
	}
	70% {
		-webkit-box-shadow: 0 0 0 10px #92d3d7;
		box-shadow: 0 0 0 10px #92d3d7;
		opacity: 0;
	}
	to {
		-webkit-box-shadow: 0 0 0 0 #92d3d7;
		box-shadow: 0 0 0 0 #92d3d7;
		opacity: 0;
	}
}

.feature-map-content {
	height: 400px;
}

.feature-map-content .it-maplocation {
	cursor: pointer;
	position: absolute;
	-webkit-box-shadow: 0px 3px 6px 0px rgba(255, 91, 46, 0.4);
	box-shadow: 0px 3px 6px 0px rgba(255, 91, 46, 0.4);
}

.feature-map-content .it-maplocation .it-location-iiner {
	width: 215px;
	left: -215px;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	background-color: #fff;
	padding: 15px 0px 15px 45px;
	-webkit-transition: .4s all ease-in-out;
	-o-transition: .4s all ease-in-out;
	transition: .4s all ease-in-out;
	border-bottom: 2px solid #ff5b2e;
}

.feature-map-content .it-maplocation .it-location-iiner:before {
	position: absolute;
	content: '';
	top: 10px;
	left: 10px;
	border-top: 10px solid transparent;
	border-right: 10px solid #ff5b2e;
	border-bottom: 10px solid transparent;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.feature-map-content .it-maplocation .it-location-iiner h3 {
	line-height: 1;
	font-size: 50px;
	font-weight: 700;
}

.feature-map-content .it-maplocation .it-location-iiner h3 span {
	font-size: 16px;
}

.feature-map-content .it-maplocation:hover .it-location-iiner {
	opacity: 1;
	left: -205px;
	visibility: visible;
}

.feature-map-content .it-maplocation:nth-child(1) {
	top: 50%;
	right: 40px;
}

.feature-map-content .it-maplocation:nth-child(2) {
	top: 20%;
	right: 50%;
}

.feature-map-content .it-maplocation:nth-child(2) .it-feature-indicatior {
	background-color: #92d3d7;
	-webkit-box-shadow: 0px 3px 6px 0px rgba(65, 154, 159, 0.4);
	box-shadow: 0px 3px 6px 0px rgba(65, 154, 159, 0.4);
}

.feature-map-content .it-maplocation:nth-child(2) .it-indicator-border1,
.feature-map-content .it-maplocation:nth-child(2) .it-indicator-border1 {
	-webkit-animation: borderpls2 1.5s infinite cubic-bezier(0.4, 0, 1, 1) both;
	animation: borderpls2 1.5s infinite cubic-bezier(0.4, 0, 1, 1) both;
}

.feature-map-content .it-maplocation:nth-child(2) .it-location-iiner {
	border-bottom: 2px solid #92d3d7;
}

.feature-map-content .it-maplocation:nth-child(2) .it-location-iiner:before {
	border-right: 10px solid #92d3d7;
}

.feature-map-content .it-maplocation:nth-child(3) {
	top: 20%;
	left: 0;
}

.feature-map-content .it-maplocation:nth-child(4) {
	top: 70%;
	left: 50%;
}

.feature-map-content .it-maplocation:nth-child(4) .it-feature-indicatior {
	background-color: #92d3d7;
	-webkit-box-shadow: 0px 3px 6px 0px rgba(65, 154, 159, 0.4);
	box-shadow: 0px 3px 6px 0px rgba(65, 154, 159, 0.4);
}

.feature-map-content .it-maplocation:nth-child(4) .it-indicator-border1,
.feature-map-content .it-maplocation:nth-child(4) .it-indicator-border1 {
	-webkit-animation: borderpls2 1.5s infinite cubic-bezier(0.4, 0, 1, 1) both;
	animation: borderpls2 1.5s infinite cubic-bezier(0.4, 0, 1, 1) both;
}

.feature-map-content .it-maplocation:nth-child(4) .it-location-iiner {
	border-bottom: 2px solid #92d3d7;
}

.feature-map-content .it-maplocation:nth-child(4) .it-location-iiner:before {
	border-right: 10px solid #92d3d7;
}

.feature-map-content .it-maplocation:nth-child(5) {
	bottom: 0%;
	left: 20%;
}

.feature-map-content .it-maplocation:nth-child(6) {
	top: 50%;
	left: 0%;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.feature-map-content .it-maplocation:nth-child(7) {
	bottom: 0%;
	right: 20%;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.feature-map-content .it-feature-indicatior {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #ff5b2e;
}

.feature-map-content .it-feature-indicatior .it-indicator-border1,
.feature-map-content .it-feature-indicatior .it-indicator-border1 {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
	border-radius: inherit;
	color: inherit;
	-webkit-box-shadow: 0 0 0 2px #ff5b2e;
	box-shadow: 0 0 0 2px #ff5b2e;
	-webkit-animation: borderpls 1.5s infinite cubic-bezier(0.4, 0, 1, 1) both;
	animation: borderpls 1.5s infinite cubic-bezier(0.4, 0, 1, 1) both;
}

.feature-map-content .it-maplocation-img {
	width: 40px;
	height: 40px;
}

.feature-map-content .it-maplocation-img img {
	border-radius: 100%;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(64, 93, 117, 0.4);
	box-shadow: 0px 8px 16px 0px rgba(64, 93, 117, 0.4);
}

.feature-text-content .about-text {
	padding-top: 25px;
}

.feature-text-content .feature-list-item {
	margin-top: 40px;
}

.feature-text-content .feature-list-item li {
	width: 50%;
	float: left;
	font-weight: 700;
	margin-bottom: 20px;
	font-family: "Nunito";
}

.feature-text-content .feature-list-item li i {
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #ff5b2e;
	text-align: center;
	margin-right: 15px;
	border-radius: 100%;
	background-color: #fff;
	border: 2px solid #ffebe7;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.feature-text-content .feature-list-item li:hover i {
	color: #fff;
	background-color: #92d3d7;
	border: 2px solid #92d3d7;
}


/*Feature(Home Page 2)*/


/*----------------------------------------------------*/

.feature-section-two {
	overflow: visible;
	margin-bottom: -35px;
	background-color: #f4f8fc;
}

.feature-content-2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	top: -165px;
	z-index: 1;
	margin: 0 auto;
	max-width: 1170px;
	position: relative;
	background-color: #fff;
}

.feature-content-2 .feature-slide-item,
.feature-content-2 .feature-two-content {
	width: 50%;
	float: left;
}

.feature-content-2 .feature-two-content {
	padding-top: 165px;
}

.feature-content-2 .feature-two-content .news-service-icon {
	padding-top: 45px;
}

.feature-content-2 .feature-two-content .section-title .site-tag {
	font-weight: 400;
}

.feature-content-2 .feature-two-content .section-title h2 {
	padding-top: 10px;
}

.feature-content-2 .feature-slide-item .owl-dots {
	top: 120px;
	right: -330px;
	position: absolute;
}


/*Feature(Home Page 3)*/


/*----------------------------------------------------*/

.feature-section.feature-section-3:before {
	background-image: url(../img/banner/map2.png);
}

.feature-section-3 {
	z-index: 1;
}

.feature-section-3 .background_overlay {
	z-index: -1;
	background-color: rgba(30, 61, 89,0.8);
}

.feature-section-3 .section-title h2,
.feature-section-3 .section-title .sub-text,
.feature-section-3 .about-text p,
.feature-section-3 .feature-text-content .feature-list-item li {
	font-weight: 400;
	color: #fff;
}

.feature-section-3 .section-title h2 {
	padding-bottom: 30px;
}

.feature-section-3 .section-title .sub-text {
	margin-bottom: 5px;
	line-height: 1.417;
}

.feature-section-3 .feature-text-content .feature-list-item li i {
	background-color: transparent;
	color: #92d3d7;
	border: 1px solid #81597a;
}


/*---------------------------------------------------- */


/*(6) - Portfolio Section*/


/*----------------------------------------------------*/

.portfolio-section {
	padding: 50px 0px 35px;
}

.portfolio-section:before {
    top: 0;
    left: 0;
    width: 100%;
    content: '';
    height: 800px;
    position: absolute;
    background: rgba(255,255,255,0.5) url(https://www.arabtradeunion.org/upload/58113555_419733225250706_6650430667974770688_n.jpg);
    box-shadow: inset 2000px 0 0 0 rgba(30, 61, 89, 0.9);
    border-color: rgba(30, 61, 89, 1);
    background-repeat: no-repeat;
    background-size: 100%;
}

.portfolio-section .section-title h2 {
	color: #fff !important;
}

.portfolio-section .section-title-text p {
	color: #fff !important;
}

.portfolio-section .portfolio-item-content {
	padding-top: 45px;
}

.portfolio-section .portfolio-img-text:hover .portfolio-img img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.portfolio-img {
	overflow: hidden;
}

.portfolio-img img {
	-webkit-transition: .5s all ease-in-out;
	-o-transition: .5s all ease-in-out;
	transition: .5s all ease-in-out;
    object-fit: cover;
}

.portfolio-img .p-shape {
	position: absolute;
	bottom: -90px;
}

.portfolio-img .portfolio-pattern1 {
	z-index: 1;
}

.portfolio-img .portfolio-pattern2 {
	bottom: -130px;
}

.portfolio-text {
    background-color: #f5f0e1;
    padding: 25px 20px 35px 40px;
}

.portfolio-text .portfolio-tag {
	color: #92d3d7;
	font-size: 18px;
	font-weight: 700;
	font-family: "Caveat";
}

.portfolio-text h3 {
	color: #61001f;
	margin-top: 10px;
	font-size: 24px;
	font-weight: 600;
}

.portfolio-text .portfolio-favicon {
	right: 40px;
	top: -70px;
	z-index: 1;
	width: 80px;
	height: 80px;
	line-height: 80px;
	position: absolute;
	border-radius: 100%;
	background-color: #fff;
}


/*Portfolio (Home Page 2)*/


/*----------------------------------------------------*/

.portfolio-section-2 {
	padding: 100px 0px 120px;
}

.portfolio-section-2 .section-title .site-tag {
	font-weight: 500;
}

.portfolio-section-2 .portfolio-slide-area {
	padding-top: 75px;
}

.portfolio-section-2 .portfolio-slide-area .portfolio-img .p-shape {
	bottom: -50px;
	opacity: 0;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.portfolio-section-2 .portfolio-slide-area .portfolio-img .portfolio-pattern1 {
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s;
}

.portfolio-section-2 .portfolio-slide-area .portfolio-img .portfolio-pattern2 {
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s;
}

.portfolio-section-2 .portfolio-slide-area .portfolio-text {
	bottom: 0;
	z-index: 2;
	opacity: 0;
	width: 100%;
	position: absolute;
	visibility: hidden;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
	-webkit-transition-delay: .34s;
	-o-transition-delay: .34s;
	transition-delay: .34s;
	background-color: rgba(243, 112, 34,0.8)
}

.portfolio-section-2 .portfolio-slide-area .portfolio-text .portfolio-favicon {
	top: -55px;
}

.portfolio-section-2 .portfolio-slide-area .portfolio-text .portfolio-favicon img {
	display: inline-block;
}

.portfolio-section-2 .portfolio-slide-area .portfolio-text .portfolio-tag {
	font-weight: 500;
	font-family: "Roboto";
}

.portfolio-section-2 .portfolio-slide-area .portfolio-text h3 {
	font-weight: 700;
}

.portfolio-section-2 .portfolio-slide-area .owl-nav {
	display: table;
	padding: 15px 8px;
	text-align: center;
	border-radius: 45px;
	margin: 60px auto 0px;
	background-color: #e9eef5;
}

.portfolio-section-2 .portfolio-slide-area .owl-next,
.portfolio-section-2 .portfolio-slide-area .owl-prev {
	width: 60px;
	height: 60px;
	margin: 0px 8px;
	text-align: center;
	line-height: 60px;
	border-radius: 100%;
	display: inline-block;
	background-color: #fff;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(255, 107, 66, 0.06);
	box-shadow: 0px 8px 16px 0px rgba(255, 107, 66, 0.06);
}

.portfolio-section-2 .portfolio-slide-area .owl-next:hover,
.portfolio-section-2 .portfolio-slide-area .owl-prev:hover {
	background-color: #ff5b2e;
}

.portfolio-section-2 .portfolio-slide-area .owl-next:hover i,
.portfolio-section-2 .portfolio-slide-area .owl-prev:hover i {
	color: #fff;
}

.portfolio-section-2 .owl-item.active.center .p-shape,
.portfolio-section-2 .portfolio-img-text:hover .p-shape {
	opacity: 1;
	bottom: -30px;
}

.portfolio-section-2 .owl-item.active.center .portfolio-text,
.portfolio-section-2 .portfolio-img-text:hover .portfolio-text {
	opacity: 1;
	visibility: visible;
}


/*Portfolio Details*/


/*----------------------------------------------------*/

.port-title {
	top: -63px;
	z-index: 1;
	text-align: center;
	position: relative;
	margin-bottom: -30px;
}

.port-title li {
	height: 70px;
	color: #fff;
	font-weight: 700;
	padding: 0px 30px;
	line-height: 65px;
	border-radius: 10px;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
	border-top: 5px solid transparent;
}

.port-title li a {
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

.port-title li.active,
.port-title li:hover {
	color: #61001f;
	background-color: #fff;
	border-top: 5px solid #ff5b2e;
}

.project-details-section {
	padding: 50px 0px 120px;
}

.project-overview {
    right: 40px;
    bottom: -150px;
    padding: 25px 50px;
    position: absolute;
    border-radius: 10px;
    background-color: #fff;
    border-top: 3px solid #ccc;
    -webkit-box-shadow: 0px 8px 16px 0px rgba(76, 152, 158, 0.1);
    box-shadow: 0px 8px 16px 0px rgba(76, 152, 158, 0.1);
}

.project-overview h3 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 35px;
	padding-bottom: 20px;
	border-bottom: 2px solid #e9f0ff;
}

.project-overview .project-overview-list ul {
	margin-bottom: 40px;
}

.project-overview .project-overview-list li {
	margin-bottom: 15px;
}

.project-overview .project-overview-list span {
	font-weight: 700;
	margin-right: 10px;
}

.project-overview .project-overview-list strong {
	color: #ff5b2e;
}

.project-overview .project-overview-list a {
	font-weight: 700;
	color: #ff5b2e;
	padding-left: 38px;
	position: relative;
	z-index: 1;
}

.project-overview .project-overview-list a:before {
	top: -20px;
}

.project-details-text {
	padding-top: 75px;
}

.project-details-text .section-title {
	max-width: 665px;
	padding-bottom: 35px;
}

.project-details-text .section-title .site-tag {
	font-size: 18px;
	font-weight: 700;
}

.project-details-text .section-title h2 {
	font-size: 40px;
}

.project-details-text article {
	margin-bottom: 28px;
	font-size: 18px;
}

.project-details-text .project-details-inner-img {
	margin: 30px 0px;
}

.project-details-text .portfolio-qoute {
	padding-top: 20px;
}

.project-details-text .portfolio-qoute .port-qout-img {
	width: 70px;
	height: 70px;
	overflow: hidden;
	margin-right: 30px;
	border-radius: 100%;
}

.project-details-text .portfolio-qoute .port-qout-text {
	z-index: 1;
	color: #fff;
	padding: 45px;
	font-size: 24px;
	overflow: hidden;
	position: relative;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(255, 91, 47, 0.2);
	box-shadow: 0px 8px 16px 0px rgba(255, 91, 47, 0.2);
}

.project-details-text .portfolio-qoute .port-qout-text:after {
	top: 0;
	left: 0;
	content: '';
	z-index: -1;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(255, 91, 46, 0.9);
}

.project-details-text .portfolio-qoute .port-qout-text p {
	padding-bottom: 10px;
}

.project-details-text .portfolio-qoute .pq-name {
	font-size: 30px;
	font-weight: 700;
}

.project-details-text .portfolio-qoute .pq-degi {
	font-size: 14px;
	font-weight: 700;
	margin-left: 10px;
}

.project-details-text .portfolio-details-video {
	margin: 60px 0px 50px;
}

.next-prev-post .next-prev-post-item a span {
	color: #92d3d7;
	font-weight: 700;
}

.next-prev-post .next-prev-post-item a h3 {
	font-size: 24px;
	font-weight: 700;
}


/*---------------------------------------------------- */


/*(7) - Client Section*/


/*----------------------------------------------------*/

.client-area {
	padding-bottom: 115px;
}

.client-area .client-number {
	padding-bottom: 120px;
}

.client-area .client-number h3 {
	font-size: 18px;
	font-weight: 600;
}

.client-area .client-number h3 strong {
	font-size: 40px;
	color: #92d3d7;
	font-weight: 600;
	position: relative;
}

.client-area .client-number h3 strong:after {
	left: 0;
	content: '';
	bottom: 4px;
	height: 2px;
	width: 100%;
	position: absolute;
	background-color: #92d3d7;
}

.client-area .client-item-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -15px;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.client-area .client-item-list li {
	width: 170px;
	height: 170px;
	margin: 0px 15px;
	overflow: hidden;
	line-height: 170px;
	text-align: center;
	position: relative;
	background-color: #fff9f9;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.client-area .client-item-list li:nth-child(1) {
	-webkit-transform: translateY(-180px);
	-ms-transform: translateY(-180px);
	transform: translateY(-180px);
}

.client-area .client-item-list li:nth-child(2) {
	-webkit-transform: translateY(-90px);
	-ms-transform: translateY(-90px);
	transform: translateY(-90px);
}

.client-area .client-item-list li:nth-child(5) {
	-webkit-transform: translateY(-90px);
	-ms-transform: translateY(-90px);
	transform: translateY(-90px);
}

.client-area .client-item-list li:nth-child(6) {
	-webkit-transform: translateY(-180px);
	-ms-transform: translateY(-180px);
	transform: translateY(-180px);
}

.client-area .client-item-list li .c-img-1 {
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.client-area .client-item-list li .c-hover-bg,
.client-area .client-item-list li .c-hover-img {
	position: absolute;
	top: 0;
	opacity: 0;
	visibility: hidden;
	left: 0;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.client-area .client-item-list li .c-hover-img {
	z-index: 3;
	left: 0;
	right: 0;
}

.client-area .client-item-list li:before {
	content: '';
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	position: absolute;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
	background-color: rgba(255, 91, 46, 0.8);
}

.client-area .client-item-list li:hover {
	-webkit-box-shadow: 0px 20px 16px 0px rgba(255, 91, 46, 0.1);
	box-shadow: 0px 20px 16px 0px rgba(255, 91, 46, 0.1);
}

.client-area .client-item-list li:hover .c-img-1 {
	opacity: 0;
}

.client-area .client-item-list li:hover .c-hover-bg,
.client-area .client-item-list li:hover .c-hover-img {
	opacity: 1;
	visibility: visible;
}

.client-area .client-item-list li:hover:before {
	opacity: 1;
	visibility: visible;
}


/*Client area section (Home Page 3)*/


/*----------------------------------------------------*/

.client-area-3 {
	padding: 45px 0px 80px;
}

.client-area-3 .client-logo-item {
	padding: 45px;
	border: 2px solid #ffe5df;
}

.client-area-3 .client-logo-item .client-logo-img {
	margin: 0px 25px;
	display: inline-block;
}

.client-area-3 .client-logo-item .client-logo-img .c3-client-hover {
	opacity: 0;
	top: -70px;
	z-index: 2;
	left: -15px;
	width: 170px;
	height: 170px;
	position: absolute;
	visibility: hidden;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.client-area-3 .client-logo-item .client-logo-img .c3-client-hover:before {
	left: 0;
	width: 100%;
	content: '';
	opacity: .8;
	height: 100%;
	position: absolute;
	background-color: #ff5b2e;
}

.client-area-3 .client-logo-item .client-logo-img .c3-client-hover .c3-hover-logo {
	top: 50%;
	left: 0;
	right: 0;
	text-align: center;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.client-area-3 .client-logo-item .client-logo-img:hover .c3-client-hover {
	opacity: 1;
	visibility: visible;
}


/*---------------------------------------------------- */


/*(8) - Chellenge Section*/


/*----------------------------------------------------*/

.challenge-section {
	z-index: 1;
	padding: 20px 0px;
	background-color: #fff9f9;
}

.challenge-section:before,
.challenge-section:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	height: 100%;
	width: 700px;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../front/Challenge.png);
}

.challenge-section:after {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	left: auto;
	height: 100%;
	width: 700px;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -1;
	background-image: url(../img/banner/chls.png);
}

.challenge-section .custom_tab_button {
	margin-right: 20px;
	border-radius: 20px;
	background-color: #fff;
	padding: 15px 0px 15px 100px;
	-webkit-box-shadow: 0px 16px 32px 0px rgba(84, 48, 77, 0.04);
	box-shadow: 0px 16px 32px 0px rgba(84, 48, 77, 0.04);
}

.challenge-section .custom_tab_button .nav {
	display: inherit;
}

.challenge-section .custom_tab_button .nav-tabs {
	border-bottom: none;
}

.challenge-section .custom_tab_button li {
	line-height: 1;
	font-size: 25px;
	font-weight: 700;
	font-weight: 600;
	margin-bottom: 10px;
	font-family: "Nunito";
}

.challenge-section .custom_tab_button li:last-child {
	margin-bottom: 0;
}

.challenge-section .custom_tab_button li a:before {
	top: -10px;
	content: '';
	height: 60px;
	width: 60px;
	left: -25px;
	z-index: -1;
	opacity: 0;
	border-radius: 100%;
	position: absolute;
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	background-color: #ffefea;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.challenge-section .custom_tab_button li a.active {
	z-index: 1;
	position: relative;
	border:none;
	outline: 0;
}

.challenge-section .custom_tab_button li a.active:before {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.challenge-section .tab-content {
	margin: 50px 0px 50px 80px;
}

.challenge-section .tab-content .title-style-one h2 {
    padding: 10px 0px 35px;
    font-size: 30px;
}

.challenge-section .tab-content .challenge-tab-video {
	height: 90px;
	width: 90px;
	
	right: 30px;
	line-height: 90px;
	border-radius: 100%;
	position: absolute;
	background-color: #fff;
	-webkit-box-shadow: 0px 16px 32px 0px rgba(255, 91, 46, 0.1);
	box-shadow: 0px 16px 32px 0px rgba(255, 91, 46, 0.2);
}

.challenge-section .tab-content .challenge-tab-video a {
	width: 100%;
	display: block;
}

.challenge-section .tab-content .challenge-tab-video i {
	color: #ff5b2e;
}

.challenge-section .challenge-img-bg {
	top: 0;
	right: 0;
	z-index: -1;
	position: absolute;
}


/*---------------------------------------------------- */


/*(9) - Newslatter Section*/


/*----------------------------------------------------*/

.newslatter-section {
	padding: 110px 0px;
	z-index: 1;
}

.newslatter-section:before {
	top: 0;
	left: 0;
	z-index: -1;
	content: '';
	width: 100%;
	height: 230px;
	position: absolute;
	background: url(../front/map.png);
	box-shadow: inset 2000px 0 0 0 rgba(243, 112, 34, 0.8);
    border-color: rgba(243, 112, 34,1);
    background-repeat: no-repeat;
    background-size: 100%;
	
}

.newslatter-section .section-title h2 {
    color: #fff;
    font-size: 40px;
}

.newslatter-form {
	
}

.newslatter-form input {
	width: 100%;
	height: 90px;
	padding-left: 50px;
	border-radius: 100px;
	background-color: #fff;
}

.newslatter-form form {
	position: relative;
}

.newslatter-form button {
	top: 15px;
	right: 15px;
	position: absolute;
	background-color: #ff5b2e;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
	-webkit-box-shadow: 0px 16px 32px 0px rgba(146, 211, 215, 0.3);
	box-shadow: 0px 16px 32px 0px rgba(146, 211, 215, 0.3);
}

.newslatter-form button:hover {
	color: #fff;
	background-color: #ff5b2e;
}

.newslatter-service {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 75px;
	-webkit-box-shadow: 0px 16px 32px 0px rgba(84, 48, 77, 0.06);
	box-shadow: 0px 16px 32px 0px rgba(84, 48, 77, 0.06);
}

.newslatter-service .newslatter-service-item {
	width: 50%;
}

.newslatter-service .news-service-item1 {
	padding: 90px 0px 100px 75px;
	background-color: #9E9E9E;
                     text-align: center;
                     padding: 60px 50px;
}

.newslatter-service .news-service-item1 .site-tag {
	color: #fff;
}

.newslatter-service .news-service-item1 p {
	color: #fff;
	font-size: 20px;
}

.newslatter-service .news-service-item1 .news-cntc-btn {
	margin-top: 50px;
}

.newslatter-service .news-service-item1 .news-cntc-btn a {
	z-index: 1;
	overflow: hidden;
	position: relative;
	color: #fff;
	display: block;
	background-color: #f37022;
}

.newslatter-service .news-service-item2 {
	z-index: 1;
	background-color: #fff;
	padding: 90px 0px 0px 0px;
}

.newslatter-service .news-service-item2 .section-title h2 {
	color: #525151;
}

.newslatter-service .news-service-item2 .news-service-icon {
    margin-top: 15px;
    max-width: 200px;
    margin: 0 auto;
}

.newslatter-service .news-service-item2 .news-service-icon a {
	display: block;
	max-width: 80%!important;
   	height: auto;
    	padding-bottom: 20px;
}

.newslatter-service .news-service-item2 .news-icon-bg {
	right: 0;
	bottom: 0;
	z-index: -1;
	line-height: 1;
	position: absolute;
}

.newslatter-service .news-service-item2 .news-icon-bg i {
	color: #f7f3f6;
	font-size: 240px;
}


/*Newslatter(Home Page 2)*/


/*----------------------------------------------------*/

.newslatter-section-2 {
	top: -260px;
	position: relative;
	padding: 485px 0px 115px;
}

.newslatter-section-2:before {
	z-index: 1;
	top: -170px;
	content: '';
	width: 105%;
	left: -65px;
	height: 345px;
	position: absolute;
	-webkit-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
	background-color: #f4f8fc;
}

.newslatter-section-2 .background_overlay {
	background-color: rgba(81, 104, 112, 0.7);
}

.newslatter-section-2 .section-title h2 {
	color: #fff;
}


/*---------------------------------------------------- */


/*(10) - Blog Section*/


/*----------------------------------------------------*/

.blog-section {
	padding-bottom: 90px;
}

.blog-section .blog-content {
	padding-top: 42px;
}

.blog-section .blog-type1 .blog-text {
	top: -65px;
	width: 92%;
	margin: 0 auto;
	padding: 40px 35px 30px;
	background-color: #fff;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(158, 158, 158, 0.2);
	box-shadow: 0px 8px 16px 0px rgba(158, 158, 158, 0.2);
}

.blog-section .blog-type2 {
	-webkit-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
	margin-top: -68px;
}

.blog-section .blog-type2 .blog-text {
	top: 50px;
	left: 50px;
}

.blog-section .blog-type3,
.blog-section .blog-type4 {
	overflow: hidden;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.blog-section .blog-type3 .blog-text,
.blog-section .blog-type4 .blog-text {
	padding: 50px 40px;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
}

.blog-section .blog-type3 .blog-text p,
.blog-section .blog-type4 .blog-text p {
	border-bottom: none;
}

.blog-section .blog-type3 .blog-meta,
.blog-section .blog-type4 .blog-meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 75px;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.blog-section .blog-type3 .blog-meta a:after,
.blog-section .blog-type4 .blog-meta a:after {
	top: 5px;
}

.blog-section .blog-type3:hover .blog-meta,
.blog-section .blog-type4:hover .blog-meta {
	-webkit-transition-delay: .6s;
	-o-transition-delay: .6s;
	transition-delay: .6s;
}

.blog-section .blog-type3:hover {
	-webkit-box-shadow: 0px 8px 16px 0px rgba(158, 158, 158, 0.2);
	box-shadow: 0px 8px 16px 0px rgba(158, 158, 158, 0.2);
}

.blog-section .blog-type4:hover {
	-webkit-box-shadow: 0px 8px 16px 0px rgba(158, 158, 158,0.2);
	box-shadow: 0px 8px 16px 0px rgba(158, 158, 158, 0.2);
}

.blog-section .blog-type4:before {
	background-color: rgba(158, 158, 158,0.8);;
	opacity: .8;
}

.blog-content-1 .blog-img-text {
	margin-bottom: 30px;
}


/*Blog (Home Page 2)*/


/*----------------------------------------------------*/

.blog-section-2 {
	padding: 120px 0px;
}

.blog-section-2 .blog-img-text {
	padding: 50px 40px 45px;
	border: 2px solid #faeeee;
}

.blog-section-2 .blog-img-text a {
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

.blog-section-2 .blog-img-text .blog-img {
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.blog-section-2 .blog-img-text .blog-text {
	z-index: 1;
	position: relative;
}

.blog-section-2 .blog-img-text .blog-text h3 {
	margin-top: 18px;
	font-weight: 700;
	font-size: 16px;
}

.blog-content-2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	
}


.blog-content-2 .col-lg-4 {
	margin-bottom: 20px;
}

.blog-section-2 .blog-img-text .blog-text p {
	border-bottom: 1px solid #faeeee;
}

.blog-section-2 .blog-img-text .blog-text .blog-tag a {
	font-size: 14px;
	font-weight: 700;
	padding: 8px 25px;
	border-radius: 50px;
	background-color: #f37022;
	font-family: 'Nunito';
}

.blog-section-2 .blog-img-text:after {
	top: 0;
	left: 0;
	opacity: 0;
	content: '';
	width: 100%;
	height: 100%;
	visibility: visible;
	position: absolute;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	background-color: rgba(158, 158, 158, 0.7);
}

.blog-section-2 .blog-img-text:hover {
	border: 2px solid #ffffff;
}

.blog-section-2 .blog-img-text:hover .blog-img {
	opacity: 1;
	visibility: visible;
}

.blog-section-2 .blog-img-text:hover .blog-text h3,
.blog-section-2 .blog-img-text:hover .blog-text p,
.blog-section-2 .blog-img-text:hover .blog-text .blog-meta,
.blog-section-2 .blog-img-text:hover .blog-text .blog-meta i {
	color: #fff;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.blog-section-2 .blog-img-text:hover:after {
	opacity: 1;
	visibility: visible;
}


/*Blog Page*/


/*----------------------------------------------------*/
.float-right {
    float: right!important;
}
.blog_feed_section {
	padding: 35px 0px 120px;
}

.news_post_item {
	margin-bottom: 40px;
}

.news_post_item .post_cat {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding: 5px 30px;
	border-radius: 20px;
	display: inline-block;
	background-color: #ff5b2e;
}

.news_post_item .video_play_btn {
	margin: 0 auto;
}

.news_post_item .news_text_area {
	padding: 20px;
	border: 2px solid #ededed;
}

.news_post_item .news_text_area h3 {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.235;
	padding: 28px 0px 10px;
}

.news_post_item .news_text_area p {
	line-height: 1.625;
}

.news_post_item .news_text_area .blog_meta {
	margin-bottom: 15px;
}

.news_post_item .news_text_area .blog_meta li {
	font-size: 14px;
	margin-right: 25px;
}

.news_post_item .news_text_area .blog_meta li i {
	margin-right: 6px;
}

.news_post_item .news_text_area .author_meta {
	width: 100%;
	margin-top: 25px;
	display: inline-block;
}

.news_post_item .news_text_area .author_img img {
	height: 40px;
	width: 40px;
	border-radius: 100%;
	margin-right: 10px;
}

.news_post_item .news_text_area .author_img span {
	font-weight: 700;
}

.news_post_item .news_text_area .news_more {
	margin-top: 5px;
}

.news_post_item .news_text_area .news_more a {
	font-size: 14px;
	font-weight: 700;
	color: #ff5b2e;
	position: relative;
}

.news_post_item .news_text_area .news_more a:before {
	content: '\f061';
	font-weight: 900;
	position: absolute;
	font-family: 'Font Awesome 5 Free';
	left: -25px;
	top: -2px;
	color: #ff5b2e;
}

.news_qoute {
	z-index: 0;
}

.news_qoute:before {
	background-color: #ff5b2e;
}

.news_qoute .news_text_area {
	padding-left: 145px;
}

.news_qoute .news_text_area h3 {
	color: #fff;
}

.news_qoute .news_text_area:before {
	top: 55px;
	left: 35px;
	color: #fff;
	font-size: 85px;
	font-weight: 900;
	content: '\f10d';
	position: absolute;
	font-family: 'Font Awesome 5 Free';
}

.news_qoute .blog_meta li {
	color: #fff;
}

.bg_img_post {
	z-index: 0;
}

.bg_img_post:before {
	background-color: #fff;
	opacity: .9;
}

.bg_img_post .news_text_area {
	border: none;
}

.blog_pagination .pagination {
	margin-top: 60px;
}

.site_sidebar {
	margin-left: 20px;
}

.site_sidebar .single_widget {
	padding: 35px;
	position: relative;
	margin-bottom: 40px;
	border: 2px solid #ededed;
}

.site_sidebar .single_widget .widget_title {
	font-size: 20px;
	font-weight: 700;
	position: relative;
	padding: 0 0 35px 32px;
	font-family: "Roboto";
}

.site_sidebar .single_widget .widget_title:after {
	left: 0;
	top: 2px;
	width: 2px;
	content: '';
	height: 20px;
	position: absolute;
	background-color: #ff5b2e;
}

.about_widget .ab_widget_img {
	width: 140px;
	height: 140px;
	margin: 0 auto 28px;
}

.about_widget .ab_widget_text h3 {
	font-weight: 700;
	font-size: 18px;
	padding-bottom: 15px;
}

.about_widget .ab_widget_text p {
	font-size: 14px;
	line-height: 1.857;
}

.about_widget .ab_widget_social {
	margin-top: 20px;
}

.about_widget .ab_widget_social li {
	font-size: 14px;
	margin: 0px 7px;
	color: #b3bed3;
}

.about_widget .ab_widget_social li:hover {
	color: #ff5b2e;
}

.search_widget input {
	width: 100%;
	height: 60px;
	border: none;
	padding-left: 30px;
	background-color: #f6f4ff;
}

.search_widget button {
	color: #fff;
	width: 60px;
	height: 60px;
	border: none;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #ff5b2e;
}

.single_widget .latest-blog-widget .blog-img-content {
	width: 100%;
}

.single_widget .latest-blog-widget .blog-img {
	width: 80px;
	float: left;
	height: 80px;
	overflow: hidden;
	border-radius: 100%;
	margin-right: 20px;
}

.single_widget .latest-blog-widget .blog-meta i {
	color: #ff5b2e;
}

.single_widget .latest-blog-widget .blog-text h3 {
	font-weight: 600;
	font-size: 16px;
	line-height: 1.375;
	padding-bottom: 5px;
}

.single_widget .latest-blog-widget .blog-text span {
	font-size: 14px;
}

.wicat_item li {
	height: 50px;
	font-size: 14px;
	font-weight: 500;
	position: relative;
	line-height: 50px;
	margin-bottom: 10px;
	border-radius: 30px;
	background-color: #edf5ff;
}

.wicat_item li:last-child {
	margin-bottom: 0;
}

.wicat_item li a {
	width: 100%;
	display: block;
	padding-left: 30px;
	border-radius: 30px;
}

.wicat_item li a:hover {
	color: #fff;
	background-color: #ff5b2e;
}

.wicat_item li a:hover .post_counter {
	background-color: #dc4016;
}

.wicat_item li .post_counter {
	right: 0;
	z-index: 1;
	width: 50px;
	font-weight: 700;
	text-align: center;
	position: absolute;
	border-radius: 100%;
	background-color: #ff5b2e;
}

.social_widget {
	width: 100%;
	display: inline-block;
}

.social_widget li {
	width: 40px;
	color: #343434;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	margin-right: 10px;
	border-radius: 100%;
	background-color: #f2f2f2;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.social_widget li a {
	width: 100%;
	display: block;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

.social_widget li:hover {
	background-color: #ff5b2e;
	color: #fff;
}

.twitter_update .twitter_icon {
	float: left;
	margin-right: 20px;
}

.twitter_update .twitter_icon i {
	color: #ff5b2e;
	font-size: 14px;
}

.twitter_update .tw_feed_text {
	overflow: hidden;
}

.twitter_update .tw_feed_text p,
.twitter_update .tw_feed_text a,
.twitter_update .tw_feed_text span {
	font-size: 12px;
	line-height: 2;
	display: block;
}

.twitter_update .tw_feed_text span {
	font-weight: 700;
	text-transform: uppercase;
}

.twitter_update .tw_feed_text a {
	margin-bottom: 5px;
}

.instagram_feed {
	display: inline-block;
	margin: 0 -7px;
}

.instagram_feed li {
	position: relative;
	background-color: #ff5b2e;
	margin: 7px 5px;
}

.instagram_feed li:before {
	left: 0;
	right: 0;
	top: 40%;
	content: "\f061";
	opacity: 0;
	color: #fff;
	position: absolute;
	visibility: hidden;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-weight: 900;
	z-index: 1;
	font-family: 'Font Awesome 5 Free';
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.instagram_feed li img {
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.instagram_feed li:hover img {
	opacity: .4;
}

.instagram_feed li:hover:before {
	top: 50%;
	opacity: 1;
	visibility: visible;
}

.popular_tag {
	margin: -5px;
	display: inline-block;
}

.popular_tag li a {
	margin: 5px 3px;
	font-size: 12px;
	font-weight: 700;
	border-radius: 25px;
	display: inline-block;
	text-transform: uppercase;
	background-color: #f4f4f4;
	padding: 8px 20px 5px 20px;
}

.popular_tag li a:hover {
	color: #fff;
	background-color: #ff5b2e;
}

#blod_slide .owl-nav {
	width: 90%;
	margin: 0 auto;
	position: absolute;
}

#blod_slide .owl-nav .owl-prev,
#blod_slide .owl-nav .owl-next {
	font-size: 30px;
	color: #d4d3d2;
	float: left;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

#blod_slide .owl-nav .owl-prev:hover,
#blod_slide .owl-nav .owl-next:hover {
	color: #fff;
}

#blod_slide .owl-nav .owl-next {
	float: right;
}


/*Blog Details Page*/


/*----------------------------------------------------*/

.blog_details_area {
	padding: 145px 0px 120px;
}

.blog_details_area .blog_details_content {
	padding: 45px;
	border: 2px solid #ededed;
}

.blog_details_area .single_widget {
	border: 2px solid #ededed;
}

.blog_details_area .s_blog_tag {
	color: #fff;
	padding: 5px 25px;
	background-color: #ff5b2e;
}

.blog_details_area .blog-meta a {
	color: #000b22;
	font-size: 14px;
	font-weight: 700;
	margin-right: 25px;
}

.blog_details_area .blog-meta a i {
	margin-right: 5px;
	color: #ff5b2e;
}

.blog_details_area .share_tag {
	width: 100%;
	margin-bottom: 45px;
	display: inline-block;
	border-bottom: 1px solid #e1e6ff;
}

.blog_details_area .share_tag .share_post li {
	float: right;
}

.blog_details_text h2 {
	font-size: 36px;
	font-weight: 700;
	line-height: 1.278;
	padding: 25px 0px 18px;
}

.blog_details_text .blog-meta {
	margin-bottom: 22px;
}

.blog_details_text .blog-meta a {
	color: #343434;
	font-size: 14px;
}

.blog_details_text .blog-meta a i {
	margin-right: 8px;
}

.blog_details_text article {
	line-height: 1.6;
	padding-bottom: 30px;
}

.blog_details_text h3 {
	font-size: 30px;
	font-weight: 700;
	padding: 40px 0px 25px;
}

.blog_details_text h4 {
	font-size: 30px;
	font-weight: 700;
	padding: 30px 0px 35px 0px;
	border-top: 1px solid #e1e6ff;
}

.blog_details_text .blog_details_list li {
	padding-left: 30px;
	margin-left: 30px;
	margin-bottom: 8px;
	position: relative;
}

.blog_details_text .blog_details_list li:after {
	left: 0;
	content: "\f00c";
	font-weight: 900;
	position: absolute;
	color: #ff5b2e;
	font-family: 'Font Awesome 5 Free';
}

.blog_details_text blockquote {
	z-index: 1;
	font-size: 28px;
	font-weight: 600;
	position: relative;
	text-align: center;
	font-family: "Nunito";
	border-radius: 10px;
	padding: 50px 85px 60px;
	margin: 40px 0px;
	color: #fff;
	background-color: #343434;
}

.blog_details_text blockquote span {
	display: block;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 15px;
	color: #ff5b2e;
	font-family: "Roboto";
}

.blog_details_text blockquote:after {
	top: 0;
	right: 50px;
	z-index: -1;
	color: #3d3d3d;
	content: '\f10e';
	font-weight: 900;
	position: absolute;
	font-size: 200px;
	font-family: 'Font Awesome 5 Free';
}

.blog_details_text .aside_img {
	margin-right: 35px;
}

.blog_details_extra_text .share_tag {
	margin-top: 20px;
	padding-bottom: 40px;
}

.blog_details_extra_text .share_tag h3 {
	font-weight: 700;
	color: #000b22;
	font-size: 20px;
	padding-bottom: 20px;
}

.blog_details_extra_text .share_post li {
	color: #b5becc;
	font-size: 18px;
	margin-left: 25px;
}

.blog_details_extra_text .share_post li a {
	color: #b5becc;
}

.blog_details_extra_text .share_post li a:hover {
	color: #ff5b2e;
}

.blog_details_extra_text .next_prev_post {
	margin: 0;
	border: none;
	padding: 0 0 35px 0;
	margin-bottom: 35px;
	border-bottom: 1px solid #e1e6ff;
}

.blog_details_extra_text .next_prev_post a span {
	font-size: 14px;
	font-weight: 700;
	color: #ff5b2e;
}

.blog_details_extra_text .next_prev_post a h3 {
	font-size: 28px;
}

.blog_details_extra_text .next_prev_post .bar_point {
	line-height: 85px;
	background-color: transparent;
}

.blog_details_extra_text .next_prev_post .bar_point i {
	color: #ff5b2e;
	font-size: 40px;
}

.blog_details_extra_text .related_postview h3 {
	font-weight: 700;
	color: #000b22;
	font-size: 28px;
	padding-bottom: 40px;
}

.blog_details_extra_text .related_postview .blog-meta {
	font-size: 14px;
	color: #ff5b2e;
}

.blog_details_extra_text .related_postview .postitem_text {
	padding: 35px 25px;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(93, 93, 93, 0.06);
	box-shadow: 0px 8px 16px 0px rgba(93, 93, 93, 0.06);
}

.blog_details_extra_text .related_postview .postitem_text h3 {
	padding: 5px 0px 15px;
}

.blog_details_extra_text .related_postview .postitem_text h3 a {
	font-size: 22px;
}

.blog_details_extra_text .postby_author {
	padding: 40px;
	margin: 45px 0px;
	display: inline-block;
	border: 2px solid #e1e6ff;
}

.blog_details_extra_text .postby_author .author_img {
	float: left;
	margin-right: 35px;
}

.blog_details_extra_text .postby_author span {
	font-size: 12px;
	font-weight: 700;
	color: #ff5b2e;
}

.blog_details_extra_text .postby_author h3 {
	font-weight: 700;
	font-size: 36px;
	padding-bottom: 10px;
}

.blog_details_extra_text .postby_author p {
	line-height: 1.85;
}

.comment_element {
	position: relative;
}

.blog_comment_box li {
	margin-bottom: 25px;
	border-bottom: 1px solid #e1e6ff;
}

.blog_comment_box h3 {
	font-weight: 700;
	font-size: 26px;
	color: #000b22;
	padding-bottom: 35px;
}

.blog_comment_box .comment_img {
	width: 100px;
	float: left;
	height: 100px;
	margin-right: 30px;
}

.blog_comment_box .comment_img img {
	border-radius: 100%;
}

.blog_comment_box .comment_content {
	padding-top: 20px;
}

.blog_comment_box .comment_content h4 {
	font-weight: 700;
	font-size: 18px;
	color: #000b22;
	padding-bottom: 8px;
}

.blog_comment_box .comment_content span {
	font-size: 12px;
	font-weight: 700;
	color: #ff5b2e;
}

.blog_comment_box .comment_content p {
	overflow: hidden;
	line-height: 1.7;
	margin: 10px 0 25px;
}

.blog_comment_box .reply-btn {
	right: 50px;
	top: 20px;
	z-index: 2;
	font-size: 11px;
	font-weight: 700;
	padding: 10px 30px;
	position: absolute;
	border-radius: 50px;
	border: 1px solid #e1e6ff;
}

.blog_comment_box .comment_reply {
	margin-left: 120px;
	padding-top: 25px;
	border-top: 1px solid #e1e6ff;
}

.comment_formfield {
	padding: 50px;
	background-color: #eaeaea;
}

.comment_formfield .quote_form .contact-info {
	position: relative;
}

.comment_formfield .quote_form .contact-info .icon-bg {
	top: 20px;
}

.comment_formfield .quote_form input,
.comment_formfield .quote_form textarea {
	width: 100%;
	border: none;
	height: 60px;
	padding-left: 30px;
	margin-bottom: 20px;
	background-color: #ffffff;
}

.comment_formfield .quote_form textarea {
	height: 150px;
	padding-top: 30px;
}

.comment_formfield .quote_form .sub-button button {
	color: #fff;
	border: none;
	padding: 20px 40px;
	background-color: #ff5b2e;
}
.news_img{
	width:560px!important;
}
.news_img iframe {
	border: none;
}


/*---------------------------------------------------- */


/*(11) - Call to Action Section*/


/*----------------------------------------------------*/

.call-to-action-2 {
	padding-bottom: 120px;
}

.call-to-action-2 .call-to-content-2 {
	z-index: 1;
	overflow: hidden;
	background-color: #f4f8fc;
	padding: 110px 0px 120px;
	border-radius: 15px;
}

.call-to-action-2 .call-to-content-2 .call-to-text {
	margin: 0 auto;
	max-width: 900px;
}

.call-to-action-2 .call-to-content-2 .call-to-text .call-btn {
	margin-top: 40px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.call-to-action-2 .call-to-content-2 .call-to-text .call-btn a {
	z-index: 1;
	overflow: hidden;
	position: relative;
}

.call-to-action-2 .call-to-content-2 .call-icon-bg {
	left: 0;
	top: -20px;
	z-index: -1;
	line-height: 1;
	position: absolute;
}

.call-to-action-2 .call-to-content-2 .call-icon-bg i {
	font-size: 200px;
	color: #e5ebf1;
}

.call-to-action-2 .call-to-content-2 .icon-bg2 {
	bottom: -20px;
	right: 0;
	top: auto;
	left: auto;
}


/*---------------------------------------------------- */


/*(12) - Call to Action Section*/


/*----------------------------------------------------*/

.platform-section {
	overflow: visible;
	padding: 110px 0px 70px;
	margin-bottom: 40px;
}

.platform-section .background_overlay {
	background-color: rgba(81, 104, 112, 0.7);
}

.platform-section .laptop-mockup {
	position: absolute;
	left: -280px;
	bottom: -85px;
}

.platform-section .platform-content {
	float: right;
	max-width: 570px;
}

.platform-section .platform-content .section-title h2,
.platform-section .platform-content .section-title .sub-text {
	color: #fff;
}

.platform-section .platform-content .section-title h2:before,
.platform-section .platform-content .section-title .sub-text:before {
	background-color: #92d3d7;
}

.platform-section .platform-content .section-title h2 {
	padding: 10px 0px 28px;
}

.platform-section .platform-content .platform-progress {
	padding: 55px 0px 0px 35px;
}

.platform-section .platform-content .platform-progress-item {
	width: 100%;
	padding-bottom: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.platform-section .platform-content .platform-progress-item .platform-progress-text {
	padding-top: 5px;
	max-width: 295px;
}

.platform-section .platform-content .platform-progress-item .platform-progress-text h3 {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	padding-bottom: 22px;
}

.platform-section .platform-content .platform-progress-item .platform-progress-text p {
	color: #fff;
	line-height: 1.625;
}

.platform-section .platform-content .progress_area {
	line-height: 1;
	margin-right: 45px;
}

.platform-section .platform-content .progress_area strong {
	left: 0;
	right: 0;
	color: #fff;
	font-size: 40px;
	font-weight: 700;
	line-height: 130px;
	position: absolute;
	text-align: center;
}

.platform-section .platform-content .progress_area strong span {
	font-size: 16px;
	font-weight: 500;
}


/*---------------------------------------------------- */


/*(13) - Call to Action Section*/


/*----------------------------------------------------*/

.team-section-one {
	padding: 110px 0px;
	background-color: #f4f8fc;
}

.team-member-1 {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px;
    justify-content: space-between;
}

.team-member-1:before {
	bottom: 0;
	content: '';
	width: 124%;
	z-index: -1;
	left: -140px;
	height: 280px;
	position: absolute;
	background-color: #fff;
	-webkit-box-shadow: 0px -16px 32px 0px rgba(150, 172, 194, 0.2);
	box-shadow: 0px -16px 32px 0px rgba(150, 172, 194, 0.2);
	display: none;
}

.team-member-1 .circle-shape {
	position: absolute;
	z-index: -2;
}

.team-member-1 .circle-shape2 {
	right: -185px;
	bottom: -50px;
}

.team-member-1 .circle-shape1 {
	left: -200px;
	bottom: 225px;
}

.team-member-1 .team-member-imgtext {
	width: 234px;
}

.team-member-1 .team-member-imgtext .team-img {
	position: relative;
	overflow: hidden;
}

.team-member-1 .team-member-imgtext .team-img:after {
	top: 0;
	width: 100%;
	left: 0;
	content: '';
	height: 0%;
	visibility: hidden;
	position: absolute;
	-webkit-transition: .5s all ease-in-out;
	-o-transition: .5s all ease-in-out;
	transition: .5s all ease-in-out;
	background-color: rgba(255, 91, 46, 0.85);
}

.team-member-1 .team-member-imgtext .team-img img {
	-webkit-transition: .5s all ease-in-out;
	-o-transition: .5s all ease-in-out;
	transition: .5s all ease-in-out;
}

.team-member-1 .team-member-imgtext .team-text {
    position: relative;
    padding: 35px 0 35px 20px;
}

.team-member-1 .team-member-imgtext .team-text:after {
	bottom: 0;
	height: 4px;
	width: 0%;
	left: auto;
	right: 0;
	content: '';
	position: absolute;
	background-color: #ff5b2e;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.team-member-1 .team-member-imgtext .team-text .t-degi {
	font-size: 14px;
	font-weight: 700;
	color: #92d3d7;
}

.team-member-1 .team-member-imgtext .team-text h3 {
	font-size: 24px;
	font-weight: 700;
	position: relative;
	padding: 8px 0px 20px;
}

.team-member-1 .team-member-imgtext .team-text h3:before {
	top: 12px;
	left: -20px;
	width: 2px;
	content: '';
	height: 10px;
	position: absolute;
	background-color: #ff5b2e;
}

.team-member-1 .team-member-imgtext .team-text li {
	color: #ccd7e3;
	margin-right: 16px;
}

.team-member-1 .team-member-imgtext .team-text li:hover {
	color: #ff5b2e;
}

.team-member-1 .team-member-imgtext:hover .team-text:after {
	left: 0;
	width: 100%;
	right: auto;
}

.team-member-1 .team-member-imgtext:hover .team-img:after {
	height: 100%;
	visibility: visible;
}

.team-member-1 .team-member-imgtext:hover .team-img img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}


/*Team section (Home Page 3)*/


/*----------------------------------------------------*/

.member-section-3 {
	padding: 60px 0px 75px;
}

.member-section-3.team-page-member-section {
	padding-bottom: 70px;
}

.member-section-3 .team-member-3 {
	padding: 80px 25px 0px 25px;
}

.member-section-3 .team-member-3 .team-img-text .team-text {
	z-index: 1;
	top: -50px;
	padding: 40px;
	margin: 0 auto;
	max-width: 370px;
	position: relative;
	background-color: #fff;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(84, 48, 77, 0.04);
	box-shadow: 0px 8px 16px 0px rgba(84, 48, 77, 0.04);
}

.member-section-3 .team-member-3 .team-img-text .team-text:before {
	left: 0;
	top: 48%;
	width: 2px;
	content: '';
	height: 20px;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #ff5b2e;
	-webkit-transition: .5s all ease-in-out;
	-o-transition: .5s all ease-in-out;
	transition: .5s all ease-in-out;
}

.member-section-3 .team-member-3 .team-img-text .team-text .t-degi {
	font-size: 14px;
	font-weight: 700;
	color: #92d3d7;
}

.member-section-3 .team-member-3 .team-img-text .team-text h3 {
	font-size: 30px;
	font-weight: 400;
	padding-bottom: 10px;
}

.member-section-3 .team-member-3 .team-img-text .team-text ul li {
	margin-right: 15px;
}

.member-section-3 .team-member-3 .team-img-text .team-text ul li a {
	color: #ccd7e3;
}

.member-section-3 .team-member-3 .team-img-text .team-text ul li a:hover {
	color: #ff5b2e;
}

.member-section-3 .team-member-3 .team-img-text .team-icon {
	top: -30px;
	width: 60px;
	right: 40px;
	height: 60px;
	position: absolute;
	border-radius: 100%;
	background-color: #fff;
	-webkit-transition: .4s all ease-in-out;
	-o-transition: .4s all ease-in-out;
	transition: .4s all ease-in-out;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(84, 48, 77, 0.08);
	box-shadow: 0px 8px 16px 0px rgba(84, 48, 77, 0.08);
}

.member-section-3 .team-member-3 .team-img-text .team-icon i {
	font-size: 35px;
	color: #ff5b2e;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.member-section-3 .team-member-3 .team-img-text .team-img {
	overflow: hidden;
	position: relative;
}

.member-section-3 .team-member-3 .team-img-text .team-img img {
	-webkit-transition: .5s all ease-in-out;
	-o-transition: .5s all ease-in-out;
	transition: .5s all ease-in-out;
}

.member-section-3 .team-member-3 .team-img-text .team-img:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	content: '';
	height: 100%;
	-webkit-transform: translate3d(0, 50%, 0);
	transform: translate3d(0, 50%, 0);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, -webkit-transform 0.35s;
	-o-transition: opacity 0.35s, transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(21, 37, 65, 0)), color-stop(75%, rgba(21, 37, 65, 0.8)));
	background: -webkit-linear-gradient(top, rgba(21, 37, 65, 0) 0%, rgba(21, 37, 65, 0.8) 75%);
	background: -o-linear-gradient(top, rgba(21, 37, 65, 0) 0%, rgba(21, 37, 65, 0.8) 75%);
	background: linear-gradient(to bottom, rgba(21, 37, 65, 0) 0%, rgba(21, 37, 65, 0.8) 75%);
}

.member-section-3 .team-member-3 .team-img-text:hover .team-img:after {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.member-section-3 .team-member-3 .team-img-text:hover .team-img img {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}

.member-section-3 .team-member-3 .team-img-text:hover .team-icon {
	background-color: #ff5b2e;
}

.member-section-3 .team-member-3 .team-img-text:hover .team-icon i {
	color: #fff;
}

.member-section-3 .team-member-3 .team-img-text:hover .team-text:before {
	top: 0;
	height: 100%;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.member-section-3.team-page-member-section .team-member-3 {
	padding: 0;
}

.member-section-3.team-page-member-section .team-member-3 .team-img-text .team-text h3 {
	font-size: 30px;
	font-weight: 700;
}


/*Team Details section */


/*----------------------------------------------------*/
.position-relative {
	position: relative !important;
}

.team-details-section {
	padding: 90px 0px;
}

.team-details-content {
	padding: 50px;
	position: relative;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(82, 122, 187, 0.1);
	box-shadow: 0px 8px 16px 0px rgba(82, 122, 187, 0.1);
}

.team-details-content .background_overlay {
	background-color: #fff;
	z-index: -1;
}

.team-details-content:after,
.team-details-content:before {
	content: '';
	right: -50px;
	bottom: -50px;
	width: 100px;
	z-index: -2;
	height: 100px;
	position: absolute;
	border-radius: 100%;
	background-color: #a50335;
}

.team-details-content:before {
	top: -50px;
	left: -50px;
	right: auto;
	bottom: auto;
	background-color: #ff5b2e;
}

.team-details-content .team-single-text .section-title .site-tag {
	font-size: 18px;
	color: #ff5b2e;
}

.team-details-content .team-single-text .section-title h2 {
	font-size: 40px!important;
	padding-bottom: 25px;
}

.team-details-content .team-single-text .team-details-info {
	margin-top: 30px;
}

.team-details-content .team-single-text .team-details-info .team-details-btn {
	font-family: "Roboto";
	background-color: #5ea6ff;
	color: #fff;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(76, 152, 158, 0.3);
	box-shadow: 0px 8px 16px 0px rgba(76, 152, 158, 0.3);
}

.team-details-content .team-single-text .team-details-info-item {
	width: 100%;
	margin-bottom: 20px;
	display: inline-block;
}

.team-details-content .team-single-text .team-details-info-item .team-details-info-icon {
	width: 45px;
	height: 45px;
	line-height: 45px;
	color: #ff5b2e;
	margin-right: 30px;
	border-radius: 100%;
	background-color: #ffdad0;
}

.team-details-content .team-single-text .team-details-info-item .team-details-info-text {
	padding-top: 8px;
}

.team-details-content .team-single-text .team-details-info-item .team-details-info-text span {
	font-size: 18px;
	font-weight: 500;
}

.team-details-page-get-touch {
	margin-bottom: 80px;
}


/*---------------------------------------------------- */


/*(14) - Testimonial Section*/


/*----------------------------------------------------*/

.testimonial-section {
	margin-bottom: -260px;
}

.testimonial-section .testimonial-area-content {
	background-color: #f4f8fc;
}

.testimonial-section .testimonial-content {
	position: relative;
	z-index: 2;
}

.testimonial-section .testimonial-content .testimonial-text .section-title h2 {
	padding-bottom: 30px;
}

.testimonial-section .testimonial-content .testimonial-text .section-title .sub-text {
	font-weight: 500;
	padding-bottom: 25px;
}

.testimonial-section .testimonial-content .testimonial-text .testi-text {
	max-width: 540px;
}

.testimonial-item-list {
	padding-top: 30px;
}

.testimonial-slide-section {
	padding-left: 40px;
}

.testimonial-slide-section .owl-stage-outer {
	padding: 0px 10px;
	margin: 0px -10px;
}

.testimonial-slide-section .owl-dots {
	position: absolute;
	bottom: 180px;
	left: -605px;
}

.testimonial-slide-section .owl-dots .owl-dot {
	background-color: #d0dae4;
}

.testimonial-slide-item .testimonial-img-text {
	margin-bottom: 40px;
}

.testimonial-slide-item .testimonial-img-text .testi-img {
	width: 70px;
	height: 70px;
	float: left;
	margin-right: 20px;
	overflow: hidden;
	border-radius: 100%;
}

.testimonial-slide-item .testimonial-img-text .testi-text {
	z-index: 1;
	padding: 30px;
	overflow: hidden;
	position: relative;
	background-color: #fff;
}

.testimonial-slide-item .testimonial-img-text .testi-text:after {
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	content: '';
	opacity: .85;
	position: absolute;
}

.testimonial-slide-item .testimonial-img-text .testi-text .testi-name {
	font-size: 24px;
	font-weight: 700;
	margin-right: 10px;
}

.testimonial-slide-item .testimonial-img-text .testi-text .test-degi {
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}

.testimonial-slide-item .testimonial-img-text .testi-text p {
	line-height: 1.875;
	margin-bottom: 12px;
}

.testimonial-slide-item:nth-child(1) .testimonial-img-text .testi-text {
	-webkit-box-shadow: 0px 8px 16px 0px rgba(150, 172, 194, 0.06);
	box-shadow: 0px 8px 16px 0px rgba(150, 172, 194, 0.06);
}

.testimonial-slide-item:nth-child(1) .testimonial-img-text .test-degi {
	color: #92d3d7;
}

.testimonial-slide-item:nth-child(2) .testimonial-img-text .testi-text {
	-webkit-box-shadow: 0px 8px 16px 0px rgba(255, 91, 47, 0.2);
	box-shadow: 0px 8px 16px 0px rgba(255, 91, 47, 0.2);
}

.testimonial-slide-item:nth-child(2) .testimonial-img-text .testi-text:after {
	background-color: #ff5b2e;
}

.testimonial-slide-item:nth-child(2) .testimonial-img-text .testi-text p {
	color: #fff;
}

.testimonial-slide-item:nth-child(2) .testimonial-img-text .testi-text h4 {
	color: #fff;
}

.testimonial-slide-item:nth-child(2) .testimonial-img-text .testi-img {
	float: right;
	margin-right: 0;
	margin-left: 20px;
}

.testimonial-slide-item:nth-child(3) .testimonial-img-text .testi-text {
	-webkit-box-shadow: 0px 8px 16px 0px rgba(146, 211, 215, 0.06);
	box-shadow: 0px 8px 16px 0px rgba(146, 211, 215, 0.06);
}

.testimonial-slide-item:nth-child(3) .testimonial-img-text .testi-text:after {
	background-color: #92d3d7;
}

.testimonial-slide-item:nth-child(3) .testimonial-img-text .testi-text p {
	color: #fff;
}

.testimonial-slide-item:nth-child(3) .testimonial-img-text .testi-text h4 {
	color: #fff;
}

.testimonial-slide-item:last-child .testimonial-img-text {
	margin-bottom: 0;
}


/*Testimonial (Home Page 3)*/


/*----------------------------------------------------*/

.testimonial-section-3 {
	padding: 110px 0 375px;
}

.testimonial-section-3 .testimonial-text .section-title .site-tag {
	font-size: 18px;
}

.testimonial-section-3 .testimonial-text .section-title h2 {
	font-weight: 400;
}

.testimonial-section-3 .testimonial-text .sub-text {
	font-weight: 400 !important;
}

.testimonial-section-3 .testimonial-slide-section .owl-dots {
	bottom: 230px;
}

.testimonial-section-3 .testimonial-area-content {
	background-color: #fff;
}

.testimonial-section-3 .testimonial-slide-item .testimonial-img-text .testi-text .testi-name {
	font-weight: 400;
}

.testimonial-section-3 .testimonial-slide-item .testimonial-img-text .testi-text .test-degi {
	position: relative;
	top: 5px;
}


/*---------------------------------------------------- */


/*(15) - Slider Section*/


/*----------------------------------------------------*/


/*Slider section (Home Page 1)*/


/*----------------------------------------------------*/

.slider-style-one .slider-home-one {
	max-width: 1050px;
	padding: 385px 0px 410px 250px;
}

.slider-style-one .slider-home-one .owl-nav {
	display: none;
}

.slider-style-one .slider-home-one .slider-text-content .slide-tag {
	opacity: 0;
	color: #fff;
	font-size: 40px;
	font-weight: 100;
	-webkit-transform: translateX(50px);
	-ms-transform: translateX(50px);
	transform: translateX(50px);
}

.slider-style-one .slider-home-one .slider-text-content h1 {
	opacity: 0;
	color: #fff;
	line-height: 1;
	font-size: 140px;
	font-weight: 600;
	-webkit-transform: translateX(-30px);
	-ms-transform: translateX(-30px);
	transform: translateX(-30px);
}

.slider-style-one .slider-home-one .slider-text-content h1 span {
	font-size: 140px;
	font-weight: 100;
	color: #ff5b2e;
}

.slider-style-one .slider-home-one .slider-text-content p {
	opacity: 0;
	color: #fff;
	font-size: 20px;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
}

.slider-style-one .slider-home-one .slider-text-content .slider-btn {
	opacity: 0;
	margin-top: 38px;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
}

.slider-style-one .slider-home-one .slider-text-content .slider-btn .s-more-btn {
	z-index: 1;
	color: #fff;
	float: left;
	font-weight: 700;
	margin-top: 18px;
	padding-left: 20px;
	position: relative;
	margin-right: 40px;
	font-family: "Nunito";
}

.slider-style-one .slider-home-one .slider-text-content .slider-btn .s-more-btn:before {
	top: -20px;
	left: 0px;
	background-color: #ff5b2e;
}

.slider-style-one .slider-home-one .slider-text-content .slider-btn .s-video-btn {
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 100%;
	background-color: #92d3d7;
}

.slider-style-one .slider-home-one .slider-text-content .slider-btn .s-video-btn i {
	color: #fff;
}

.banner-mockup {
	bottom: 0;
	right: 90px;
	position: absolute;
}


/*Slider section (Home Page 2)*/


/*----------------------------------------------------*/

.slider-style-two .slider-content-item .background_overlay {
	background-color: #516870;
	opacity: .5;
}

.slider-style-two .slider-content-box {
	padding: 345px 0px 330px;
	position: relative;
	z-index: 1;
}

.slider-style-two .slider-content-box span {
	font-size: 40px;
	color: #ffffff;
	font-weight: 100;
}

.slider-style-two .slider-content-box h1 {
	color: #fff;
	line-height: 1;
	font-size: 140px;
	padding-bottom: 10px;
	font-weight: 700 !important;
}

.slider-style-two .slider-content-box h1 span {
	font-size: 140px;
	font-weight: 100;
}

.slider-style-two .slider-content-box p {
	color: #fff;
	font-size: 20px;
	padding-bottom: 50px;
}

.slider-style-two .slider-content-box .slider-btn {
	margin-left: 38px;
}

.slider-style-two .slider-content-box .slider-btn a {
	color: #fff;
	font-weight: 700;
	position: relative;
	font-family: "Roboto";
}

.slider-style-two .slider-content-box .slider-btn a:before {
	top: -20px;
	left: -35px;
	content: '';
	z-index: -1;
	width: 60px;
	height: 60px;
	position: absolute;
	border-radius: 100%;
	background-color: #61001f;
}


/*Slider section (Home Page 3)*/


/*----------------------------------------------------*/

.slider-style-three .slider-three-area {
	z-index: 1;
	position: relative;
}

.slider-style-three .slider-three-area .background-overlay {
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.6);
}

.slider-style-three .owl-nav .owl-next,
.slider-style-three .owl-nav .owl-prev {
	top: 50%;
	width: 60px;
	opacity: 0;
	color: #fff;
	height: 60px;
	line-height: 60px;
	border-radius: 7px;
	text-align: center;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #ff5b2e;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.slider-style-three .owl-nav .owl-next {
	right: 100px;
}

.slider-style-three .owl-nav .owl-prev {
	left: 100px;
}

.slider-style-three .slider-home-three:hover .owl-next,
.slider-style-three .slider-home-three:hover .owl-prev {
	opacity: 1;
}

.slider-style-three .slider-home-three:hover .owl-next {
	right: 150px;
}

.slider-style-three .slider-home-three:hover .owl-prev {
	left: 150px;
}

.slider-style-three .slider-content-box {
	max-width: 700px;
	padding: 265px 0px 285px;
}

.slider-style-three .slider-content-box .slide-tag {
	opacity: 0;
	color: #fff;
	font-size: 30px;
	font-weight: 100;
	-webkit-transform: translateX(50px);
	-ms-transform: translateX(50px);
	transform: translateX(50px);
}

.slider-style-three .slider-content-box h1 {
	opacity: 0;
	color: #fff;
	font-size: 120px;
	padding: 5px 0px;
	line-height: 1.083;
	-webkit-transform: translateX(80px);
	-ms-transform: translateX(80px);
	transform: translateX(80px);
}

.slider-style-three .slider-content-box h1 span {
	font-size: 120px;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #ffff;
}

.slider-style-three .slider-content-box p {
	color: #fff;
	opacity: 0;
	font-size: 20px;
	-webkit-transform: translateX(-80px);
	-ms-transform: translateX(-80px);
	transform: translateX(-80px);
}

.slider-style-three .slider-content-box .slider-btn {
	opacity: 0;
	padding: 40px 0px 0px 30px;
	-webkit-transform: translateY(50px);
	-ms-transform: translateY(50px);
	transform: translateY(50px);
}

.slider-style-three .slider-content-box .slider-btn .s-more-btn {
	z-index: 1;
	color: #fff;
	float: left;
	font-weight: 700;
	position: relative;
	margin: 15px 45px 0px 0px;
}

.slider-style-three .slider-content-box .slider-btn .s-more-btn:before {
	top: -20px;
	left: -30px;
	background-color: #ff5b2e;
}

.slider-style-three .slider-content-box .slider-btn .s-cta-btn {
	color: #fff;
	font-weight: 700;
}

.slider-style-three .slider-content-box .slider-btn .s-cta-btn i {
	width: 60px;
	color: #fff;
	height: 60px;
	text-align: center;
	margin-right: 12px;
	line-height: 60px;
	border-radius: 100%;
	background-color: #92d3d7;
}

#slider-id .owl-item.active .slider-content-box .slide-tag {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: all 1500ms ease;
	-o-transition: all 1500ms ease;
	transition: all 1500ms ease;
	-webkit-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

#slider-id .owl-item.active .slider-content-box h1 {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: all 1500ms ease;
	-o-transition: all 1500ms ease;
	transition: all 1500ms ease;
	-webkit-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms;
}

#slider-id .owl-item.active .slider-content-box p {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 1500ms ease;
	-o-transition: all 1500ms ease;
	transition: all 1500ms ease;
	-webkit-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}

#slider-id .owl-item.active .slider-content-box .slider-btn {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: all 900ms ease;
	-webkit-transition-delay: 2100ms;
	-o-transition-delay: 2100ms;
	transition-delay: 2100ms;
}


/*---------------------------------------------------- */


/*(16) - experience Section*/


/*----------------------------------------------------*/

.it-experience-section {
	background-color: #f4f8fc;
	padding-bottom: 110px;
}

.it-experience-section .section-title {
	z-index: 1;
	margin: 0 auto;
	max-width: 710px;
	position: relative;
	padding-bottom: 75px;
}

.it-experience-section .section-title h2 {
	font-size: 100px;
}

.it-experience-section .section-title .title-bg {
	right: 0;
	z-index: -1;
	left: -185px;
	bottom: -50px;
	line-height: 1;
	font-size: 300px;
	position: absolute;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #e0e7ee;
	-webkit-text-fill-color: transparent;
}

.it-experience-section .experience-mockup {
	z-index: 1;
}

.it-experience-section .experience-mockup-img a {
	left: 0;
	right: 0;
	top: 50%;
	color: #fff;
	width: 100px;
	height: 100px;
	margin: 0 auto;
	line-height: 100px;
	text-align: center;
	position: absolute;
	border-radius: 100%;
	border: 1px solid #fff;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.it-experience-section .mockup-feature span {
	position: absolute;
}

.it-experience-section .mockup-feature span:nth-child(1) {
	top: -65px;
	right: 90px;
}

.it-experience-section .mockup-feature span:nth-child(2) {
	top: 33%;
	right: 60px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.it-experience-section .mockup-feature span:nth-child(3) {
	bottom: 80px;
	right: 100px;
}

.it-experience-section .mockup-feature span:nth-child(4) {
	top: 60px;
	left: 70px;
}

.it-experience-section .mockup-feature span:nth-child(5) {
	top: 42%;
	left: 110px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.it-experience-section .mockup-feature span:nth-child(6) {
	bottom: 0;
	left: 80px;
}


/*---------------------------------------------------- */


/*(17) - pricing Section*/


/*----------------------------------------------------*/

.pricing-plan-section {
	padding: 115px 0px 95px;
	background-color: #f4f8fc;
}

.pricing-plan-section .title-text {
	max-width: 540px;
}

.pricing-plan-section .pricing-plan-content {
	padding-top: 100px;
	margin: 0 15px;
}

.pricing-plan-section .pricing-plan-content .pricing-item-list {
	padding: 60px 50px 70px;
	background-color: #fff;
}

.pricing-plan-section .pricing-plan-content .pricing-item-list .pricing-icon {
	margin-bottom: 25px;
}

.pricing-plan-section .pricing-plan-content .pricing-item-list .pricing-price-tag .pricing-cat {
	color: #92d3d7;
	font-size: 18px;
	font-weight: 700;
}

.pricing-plan-section .pricing-plan-content .pricing-item-list .pricing-price-tag .price-amount {
	line-height: 1;
	font-size: 100px;
	font-weight: 700;
	margin-top: 10px;
	margin-bottom: 0;
}

.pricing-plan-section .pricing-plan-content .pricing-item-list .pricing-price-tag .price-amount span {
	font-size: 16px;
}

.pricing-plan-section .pricing-plan-content .pricing-item-list .pricing-price-tag .pricing-period {
	font-size: 14px;
	font-weight: 500;
}

.pricing-plan-section .pricing-plan-content .pricing-item-list .pricing-facility {
	margin-top: 35px;
}

.pricing-plan-section .pricing-plan-content .pricing-item-list .pricing-facility li {
	font-size: 18px;
	position: relative;
	margin-bottom: 10px;
}

.pricing-plan-section .pricing-plan-content .pricing-item-list .pricing-facility li i {
	top: 6px;
	right: 0;
	color: #92d3d7;
	font-size: 14px;
	position: absolute;
}

.pricing-plan-section .pricing-plan-content .pricing-item-list .pricing-btn {
	margin-top: 55px;
}

.pricing-plan-section .pricing-plan-content .pricing-item-list .pricing-btn a {
	z-index: 1;
	font-weight: 700;
	position: relative;
}

.pricing-plan-section .pricing-plan-content .pricing-item-list .pricing-btn a:before {
	top: -20px;
	left: -20px;
	background-color: #dff5f6;
}

.pricing-plan-section .pricing-plan-content .popular-package {
	z-index: 1;
	top: -25px;
	position: relative;
	padding: 85px 50px 70px;
	border-top: 5px solid #ff5b2e;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(84, 48, 77, 0.08);
	box-shadow: 0px 8px 16px 0px rgba(84, 48, 77, 0.08);
}

.pricing-plan-section .pricing-plan-content .popular-package .pricing-cat {
	color: #ff5b2e !important;
}

.pricing-plan-section .pricing-plan-content .popular-package .pricing-btn {
	margin-top: 70px;
}

.pricing-plan-section .pricing-plan-content .popular-package .pricing-btn a:before {
	background-color: #ffede8 !important;
}


/*---------------------------------------------------- */


/*(18) - Get-touch Section*/


/*----------------------------------------------------*/

.get-touch-section {
	overflow: visible;
}

.get-touch-section .get-touch-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.get-touch-section .get-touch-content .get-touch-part {
	width: 50%;
	padding: 55px;
}

.get-touch-section .get-touch-content .get-touch-part span {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
}

.get-touch-section .get-touch-content .get-touch-part h2 {
	z-index: 2;
	color: #fff;
	font-size: 40px;
	font-weight: 400;
	position: relative;
}

.get-touch-section .get-touch-content .get-touch-one {
	background-color: #ff5b2e;
}

.get-touch-section .get-touch-content .get-touch-two {
	background-color: #61001f;
}

.get-touch-section .get-touch-content .get-touch-icon1,
.get-touch-section .get-touch-content .get-touch-icon2 {
	left: 0;
	right: 0;
	top: 50%;
	position: absolute;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.get-touch-section .get-touch-content .get-touch-sideimg {
	top: -248px;
	left: -160px;
	position: absolute;
}

.get-touch-section.team-page-get-touch .get-touch-content {
	z-index: 1;
}

.get-touch-section.team-page-get-touch .icon-bg2 {
	right: 0;
	top: auto;
	z-index: 0;
	left: auto;
	bottom: 0px;
}

.get-touch-section.team-page-get-touch .icon-bg2 i {
	line-height: 1;
	color: #5e3c57;
	font-size: 180px;
}

.get-touch-section.team-page-get-touch .get-touch-content .get-touch-part h2 {
	font-size: 36px;
	font-weight: 700;
	padding-top: 20px;
}


/*---------------------------------------------------- */


/*(19) - Breadcrumb Section*/


/*----------------------------------------------------*/

.breadcurmb-section .background_overlay {
	background-color: rgba(30, 61, 89,0.8);
}


.breadcurmb-content {
	padding: 220px 0px 145px 0px;
	position: relative;
	z-index: 1;
}

.breadcurmb-content h2 {
	color: #fff;
	font-size: 80px;
	font-weight: 700;
	padding-bottom: 20px;
}

.breadcurmb-content .breadcrumb {
	padding-left: 30px;
	background-color: transparent;
}

.breadcurmb-content .breadcrumb li {
	color: #fff;
	font-weight: 700;
	position: relative;
	margin-right: 25px;
}

.breadcurmb-content .breadcrumb li:first-child:before {
	top: -15px;
	left: -30px;
	background-color: #f37022;
}

.breadcurmb-content .breadcrumb-item+.breadcrumb-item::before {
	top: 5px;
	width: 2px;
	padding: 0;
	content: '';
	height: 15px;
	left: -12px;
	position: absolute;
	background-color: #fff;
}


/*---------------------------------------------------- */


/*(20) - Case Section*/


/*----------------------------------------------------*/

.team-single-img {
	max-width: 80%;
}

.case-quota-section {
	padding: 115px 0px 50px;
}

.case-quota-section:before {
	top: 0;
	content: '';
	position: absolute;
	height: 505px;
	width: 100%;
	background-color: #61001f;
}

.case-quota-section .qouta-text .case-quota-content {
	color: #fff;
	font-size: 18px;
	margin-top: 35px;
	text-align: right;
	line-height: 1.667;
	position: relative;
}

.case-quota-section .qouta-text .case-quota-content:after {
	top: 0;
	width: 1px;
	content: '';
	right: -25px;
	height: 100%;
	position: absolute;
	background-color: #ff5b2e;
}

.case-quota-section .qouta-title {
	padding-left: 35px;
}

.case-quota-section .qouta-title .section-title .site-tag {
	font-size: 18px;
}

.case-quota-section .qouta-title .section-title h2 {
	color: #fff;
}

.case-quota-section .qouta-box-item {
	padding-top: 80px;
}

.case-quota-section .qouta-box-item .qouta-box-text {
	top: -60px;
	padding: 40px;
	max-width: 90%;
	margin: 0 auto;
	background-color: #61001f;
}

.case-quota-section .qouta-box-item .qouta-box-text:before {
	left: 0;
	top: 0;
	content: '';
	width: 4px;
	height: 0%;
	position: absolute;
	background-color: #ff5b2e;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.case-quota-section .qouta-box-item .qouta-box-text span {
	color: #92d3d7;
	font-size: 14px;
	font-weight: 700;
}

.case-quota-section .qouta-box-item .qouta-box-text h3 {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
}

.case-quota-section .qouta-box-item .qouta-box-text .quota-box-icon {
	top: -25px;
	right: 25px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	border-radius: 100%;
	background-color: #fff;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.case-quota-section .qouta-box-item .qouta-box-text .quota-box-icon i {
	color: #ff5b2e;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.case-quota-section .qouta-box-content:hover .qouta-box-text:before {
	height: 100%;
}

.case-quota-section .qouta-box-content:hover .qouta-box-text .quota-box-icon {
	background-color: #ff5b2e;
}

.case-quota-section .qouta-box-content:hover .qouta-box-text .quota-box-icon i {
	color: #fff;
}

.case-filtering-section {
	padding-bottom: 118px;
}

.case-filtering-section .grid-item-width {
	width: 25%;
}

.case-filtering-section .grid-item-big {
	width: 50%;
}

.case-filtering-section .grid-sizer {
	width: 25%;
}

.case-filtering-section .grid-item {
	padding: 15px;
}

.case-filtering-section .grid-sizer,
.case-filtering-section .grid-item {
	float: left;
	overflow: hidden;
	position: relative;
	display: inline-block;
}

.case-filtering-section .case-img-text .case-img {
	position: relative;
}

.case-filtering-section .case-img-text .case-img img {
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.case-filtering-section .case-img-text .case-img:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	height: 100%;
	width: 100%;
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
	background-color: #516870;
}

.case-filtering-section .case-img-text .case-popup {
	right: 50px;
	bottom: 30px;
	width: 60px;
	height: 60px;
	opacity: 0;
	line-height: 60px;
	text-align: center;
	border-radius: 100%;
	position: absolute;
	visibility: hidden;
	background-color: #fff;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.case-filtering-section .case-img-text .case-popup a {
	width: 100%;
	display: block;
}

.case-filtering-section .case-img-text:hover .case-img:after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: .8;
}

.case-filtering-section .case-img-text:hover .case-img img {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

.case-filtering-section .case-img-text:hover .case-popup {
	opacity: 1;
	right: 30px;
	visibility: visible;
}

.portfolio-filter-btn {
	padding-bottom: 30px;
}

.portfolio-filter-btn button {
	border: none;
	font-weight: 700;
	padding: 26px 30px 18px 30px;
	background-color: transparent;
}

.portfolio-filter-btn .is-checked {
	color: #ff5b2e;
	border-radius: 60px;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(84, 48, 77, 0.1);
	box-shadow: 0px 8px 16px 0px rgba(84, 48, 77, 0.1);
}


/*---------------------------------------------------- */


/*(21) - Case Section*/


/*----------------------------------------------------*/

.contact-content-section {
	padding: 140px 0px 115px;
	background-color: #f4f8fc;
}

.contact-content-section .contact-content-inner-box {
	background-color: #fff;
	padding: 80px 40px 60px;
}

.contact-content-section .contact-content-inner-box .contact-tag {
	top: -25px;
	left: 0;
	right: 0;
	width: 175px;
	height: 50px;
	left: 0;
	right: 0;
	line-height: 50px;
	margin: 0 auto;
	background-color: #fff;
	font-weight: 700;
	position: absolute;
	color: #ff5b2e;
	border-radius: 30px;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(255, 91, 46, 0.1);
	box-shadow: 0px 8px 16px 0px rgba(255, 91, 46, 0.1);
}

.contact-content-section .contact-content-inner-box .contact-content-text h3 {
	font-size: 30px;
	font-weight: 700;
	padding-bottom: 15px;
}

.contact-content-section .contact-content-inner-box .contact-content-text p {
	font-size: 18px;
	padding-bottom: 10px;
}

.contact-form-field-section {
	z-index: 1;
	overflow: visible;
	padding: 105px 0px;
	position: relative;
}

.contact-form-field-section .contact-form-img {
	z-index: -1;
	position: absolute;
}

.contact-form-field-section .contact-form-img.img-no-1 {
	left: 0;
	top: 40px;
}

.contact-form-field-section .contact-form-img.img-no-2 {
	left: 200px;
	bottom: 50px;
}

.contact-form-field-section .contact-form-img.img-no-3 {
	top: -75px;
	right: 85px;
}

.contact-form-field-section .contact-form-img.img-no-4 {
	top: 200px;
	right: 100px;
}

.contact-form-field-section .contact-form-img.img-no-5 {
	right: 20px;
	bottom: 30px;
}

.contact-form-field-section .section-title {
	padding-bottom: 65px;
}

.contact-form-area-field {
	padding: 80px;
	border-radius: 20px;
	background-color: #61001f;
}

.contact-form-area-field .contact-info input,
.contact-form-area-field .contact-info textarea {
	width: 100%;
	border: none;
	height: 80px;
	color: #fff;
	padding-left: 30px;
	margin-bottom: 30px;
	border-bottom: 2px solid #75546f;
	background-color: transparent;
}

.contact-form-area-field .contact-info input::-webkit-input-placeholder,
.contact-form-area-field .contact-info textarea::-webkit-input-placeholder {
	color: #75546f;
}

.contact-form-area-field .contact-info input:-ms-input-placeholder,
.contact-form-area-field .contact-info textarea:-ms-input-placeholder {
	color: #75546f;
}

.contact-form-area-field .contact-info input::-ms-input-placeholder,
.contact-form-area-field .contact-info textarea::-ms-input-placeholder {
	color: #75546f;
}

.contact-form-area-field .contact-info input::placeholder,
.contact-form-area-field .contact-info textarea::placeholder {
	color: #75546f;
}

.contact-form-area-field .sub-button button {
	border: none;
	height: 60px;
	width: 225px;
	color: #fff;
	font-weight: 700;
	margin: 0 auto;
	border-radius: 40px;
	background-color: #ff5b2e;
}

.google-map-area {
	z-index: 1;
	position: relative;
}

.google-map-area:before {
	top: 0;
	left: 0;
	content: '';
	z-index: -1;
	width: 100%;
	height: 80%;
	position: absolute;
	background-color: #f4f8fc;
}


/*---------------------------------------------------- */


/*(22) - Case Section*/


/*----------------------------------------------------*/

.faq-content-section {
	padding: 120px 0px 110px;
}

.faq-content-section .faq-content-inner-box {
	padding: 50px;
}

.faq-content-section .faq-content-inner-box .faq-content-icon {
	line-height: 1;
	margin-bottom: 35px;
}

.faq-content-section .faq-content-inner-box .faq-content-icon i {
	font-size: 70px;
	color: #92d3d7;
}

.faq-content-section .faq-content-inner-box .faq-content-serial {
	top: -20px;
	right: 0px;
	line-height: 1;
	font-size: 160px;
	font-weight: 700;
	position: absolute;
}

.faq-content-section .faq-content-inner-box .faq-content-text h3 {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	padding-bottom: 18px;
}

.faq-content-section .faq-content-inner-box .faq-content-text p {
	color: #fff;
	padding-left: 20px;
	position: relative;
	margin-bottom: 20px;
}

.faq-content-section .faq-content-inner-box .faq-content-text p:before {
	content: '';
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 0;
	background-color: #ff5b2e;
}

.faq-content-section .faq-content-inner-box .faq-content-text a {
	color: #92d3d7;
	font-size: 14px;
	font-weight: 700;
}

.faq-content-section .faq-content-field .col-lg-4:nth-child(1) .faq-content-inner-box {
	background-color: #61001f;
}

.faq-content-section .faq-content-field .col-lg-4:nth-child(1) .faq-content-inner-box .faq-content-serial {
	color: #5b3854;
}

.faq-content-section .faq-content-field .col-lg-4:nth-child(1) .faq-content-inner-box .faq-content-text a {
	color: #92d3d7;
}

.faq-content-section .faq-content-field .col-lg-4:nth-child(2) .faq-content-inner-box {
	background-color: #92d3d7;
}

.faq-content-section .faq-content-field .col-lg-4:nth-child(2) .faq-content-inner-box .faq-content-icon i {
	color: #61001f;
}

.faq-content-section .faq-content-field .col-lg-4:nth-child(2) .faq-content-inner-box .faq-content-serial {
	color: #90cdd2;
}

.faq-content-section .faq-content-field .col-lg-4:nth-child(2) .faq-content-inner-box .faq-content-text a {
	color: #61001f;
}

.faq-content-section .faq-content-field .col-lg-4:nth-child(2) .faq-content-inner-box .faq-content-text p:before {
	background-color: #61001f;
}

.faq-content-section .faq-content-field .col-lg-4:nth-child(3) .faq-content-inner-box {
	background-color: #ff5b2e;
}

.faq-content-section .faq-content-field .col-lg-4:nth-child(3) .faq-content-inner-box .faq-content-serial {
	color: #ff7752e0;
}

.faq-content-section .faq-content-field .col-lg-4:nth-child(3) .faq-content-inner-box .faq-content-icon i {
	color: #fff;
}

.faq-content-section .faq-content-field .col-lg-4:nth-child(3) .faq-content-inner-box .faq-content-text p:before {
	background-color: #fff;
}

.faq-content-section .faq-content-field .col-lg-4:nth-child(3) .faq-content-inner-box .faq-content-text a {
	color: #fff;
}

.faw-ques-ans-section {
	padding-bottom: 100px;
}

.faw-ques-ans-section .section-title {
	max-width: 650px;
	padding-bottom: 45px;
}

.faw-ques-ans-section .faq-header h3 {
	margin-bottom: 0;
}

.faw-ques-ans-section .faq_title {
	color: #fff;
	border: none;
	width: 100%;
	text-align: left;
	font-size: 18px;
	font-weight: 500;
	padding: 25px 30px;
	position: relative;
	background-color: #61001f;
}

.faw-ques-ans-section .faq_title:after {
	top: 28px;
	right: 30px;
	font-size: 14px;
	content: '\f068';
	position: absolute;
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
}

.faw-ques-ans-section .faq_title.collapsed:after {
	content: '\f067';
}

.faw-ques-ans-section .faq_area {
	margin-bottom: 20px;
}

.faw-ques-ans-section .faq_area .faq-body {
	background-color: #61001f;
	color: #fff;
	padding: 0px 40px 30px 30px;
}

.faw-ques-ans-section .faq_area.faq_area1.active,
.faw-ques-ans-section .faq_area.faq_area.active {
	position: relative;
}

.faw-ques-ans-section .faq_area.faq_area1.active:before,
.faw-ques-ans-section .faq_area.faq_area.active:before {
	top: 0;
	left: 0;
	z-index: 1;
	width: 3px;
	content: '';
	height: 100%;
	position: absolute;
	background-color: #ff5b2e;
}
.project-details-content{
	opacity: 0.8;
	margin-top: -50px;
}

/*---------------------------------------------------- */


/*( ) - responsive Section*/


/*----------------------------------------------------*/

.mobile_menu_content {
	top: 0px;
	bottom: 0;
	right: -350px;
	height: 100vh;
	z-index: 101;
	width: 280px;
	position: fixed;
	overflow-y: scroll;
	background-color: #fff;
	padding: 100px 20px 50px 20px;
	-webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
	box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.19);
	-webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
	-o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
	transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
}

.mobile_menu_content .main-navigation {
	width: 100%;
	margin-right: 0 !important;
}

.mobile_menu_content .main-navigation li {
	margin-left: 0 !important;
}

.mobile_menu_content .main-navigation .navbar-nav {
	width: 100%;
}

.mobile_menu_content .navbar-nav .dropdown-menu {
	position: static !important;
	-webkit-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
}

.mobile_menu_content .main-navigation .navbar-nav li {
	width: 100%;
	display: block;
	margin-left: 0;
	padding-left: 0;
	padding: 5px 0px;
	border-bottom: 1px solid #e0e0df;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.mobile_menu_content .main-navigation .navbar-nav li a {
	color: #61001f;
}

.mobile_menu_content .m-brand-logo {
	margin-bottom: 30px;
}

.mobile_menu_content .dropdown-btn {
	right: 0;
	top: 0px;
	width: 30px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	position: absolute;
	background-color: #f5f5f5;
	-webkit-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}

.mobile_menu_content .dropdown-btn.toggle-open {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.mobile-search-area {
	position: relative;
	margin-bottom: 20px;
}

.mobile-search-area input {
	width: 100%;
	height: 40px;
	padding: 0px 15px;
	border: 1px solid #e0e0df;
}

.mobile-search-area .search-sub-btn {
	position: absolute;
	top: 0;
	right: 0;
}

.mobile-search-area .search-sub-btn button {
	color: #fff;
	height: 40px;
	width: 40px;
	border: none;
	background-color: #ff5b2e;
}

.mobile_menu_wrap.mobile_menu_on .mobile_menu_content {
	right: 0px;
	-webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
	-o-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
	transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
}

.mobile_menu_overlay {
	top: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 100;
	right: -100%;
	height: 120vh;
	background-color: rgba(0, 0, 0, 0.9);
	-webkit-transition: all .8s ease-in .8s;
	-o-transition: all .8s ease-in .8s;
	transition: all .8s ease-in .8s;
}

.mobile_menu_overlay_on {
	overflow: hidden;
}

.mobile_menu_wrap.mobile_menu_on .mobile_menu_overlay {
	right: 0;
	-webkit-transition: all .8s ease-out 0s;
	-o-transition: all .8s ease-out 0s;
	transition: all .8s ease-out 0s;
}

.mobile_menu_button {
	position: absolute;
	display: none;
	right: 20px;
	top: 0;
	cursor: pointer;
	color: #ff5b2e;
	text-align: center;
	font-size: 25px;
}

.mobile_menu .main-navigation .navbar-nav li a:after {
	display: none;
}

.mobile_menu .main-navigation .dropdown>.dropdown-menu {
	opacity: 1;
	visibility: visible;
}

.mobile_menu .mobile_menu_content .main-navigation .navbar-nav .dropdown-menu {
	border: none;
	display: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 5px 0px;
}

.mobile_menu .mobile_menu_content .main-navigation .navbar-nav .dropdown-menu li {
	border: none;
	line-height: 1;
	padding: 5px 20px;
}

.mobile_menu .mobile_menu_content .main-navigation .navbar-nav .dropdown-menu li a {
	color: #000;
	font-weight: 400;
}

.mobile_menu .mobile_menu_close {
	color: #d60606;
	cursor: pointer;
	top: 15px;
	left: 15px;
	font-size: 20px;
	position: absolute;
}

.mobile_menu .mobile-menu-contact-info {
	margin-top: 30px;
}

.mobile_menu .mobile-menu-contact-info li {
	margin-bottom: 10px;
}

.mobile_menu .mobile-cart {
	margin-top: 30px;
}

.mobile_menu .mobile-cart i {
	color: #fff;
	background-color: #ff5b2e;
}

.mobile_menu .mobile-cart span {
	color: #fff;
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 3px;
	margin-left: 10px;
	background-color: #ff5b2e;
}

.mobile_menu .mobile-cart .m-cart-btn {
	color: #fff;
	height: 40px;
	width: 120px;
	margin: 0 auto;
	margin-top: 30px;
	line-height: 40px;
	border-radius: 3px;
	text-align: center;
	background-color: #92d3d7;
}


/*---------------------------------------------------- */


/*( ) - Footer Section*/


/*----------------------------------------------------*/

footer,
footer p,
footer a,
footer li {
	color: #fff;
}

footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-social {
	padding: 6px 0px;
	background-color: #1e3d59;
	height: 60px;
}

.footer-social-content {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.footer-logo {
	max-width: 180px;
}

.footer-logo span {
	text-transform: uppercase;
	color: #fff;
	position: relative;
	top: -25px;
	left: 95px;
	font-family: 'Roboto';
	font-size: 12px;
	font-weight: 700;
}

.footer1 .footer-logo span {
	left: -95px
}

.footer1 .footer-widget .widget-title:after {
	left: 90%;
}

.footer-social-icon ul {
	line-height: 50px;
}

.footer-social-icon ul li {
	display: inline-block;
	color: #fff;
}

.footer-social .footer-social-content {
	width: 100%;
}

.footer-social .footer-social-content .footer-social-icon li a {
	width: 30px;
	color: #fff;
	height: 30px;
	display: block;
	margin: 0px 5px;
	line-height: 30px;
	text-align: center;
	border-radius: 100%;
	background-color: #f37022;
}

.footer-social .footer-social-content .footer-social-icon li a:hover {
	color: #f37022;
	background-color: #fff;
}

.footer-area-one {
	overflow: hidden;
	background-color: RGB(30, 61, 89,0.9);
}

.footer-area-one .footer-content {
	margin-top: 0;
	padding: 20px 0px 10px;
	border-bottom: 1px solid #fff;
}

.footer-area-one .footer-widget .widget-title {
	font-weight: 400;
	font-family: "Nunito";
	color: #fff;
}

.footer-area-one .footer-widget .widget-title a:hover,
.footer-area-one .footer-content .footer-menu li a:hover {
	color: #ff5b2e;
}

.footer-area-one .footer-content .footer-about a,
.footer-area-one .footer-content .footer-menu li {
	font-family: "Roboto";
	font-weight: 400;
}

.footer-menu-list {
	padding: 15px 0px 0px 50px;
}

.footer-menu-list li a {
	font-weight: 500;
	margin-right: 50px;
}

.footer-menu-list li a:hover {
	color: #ff5b2e;
}

.footer-widget .widget-title {
	font-size: 20px;
	font-weight: 700;
	position: relative;
	padding-bottom: 50px;
}

.footer-widget .widget-title:after {
	left: 0;
	content: '';
	height: 3px;
	width: 25px;
	bottom: 15px;
	position: absolute;
	background-color: #f37022;
}

.footer-widget:first-child {
	width: 30%;
}

.footer-widget:not(:first-child) {
	width: 20%;
}

.footer-widget:not(:first-child) .widget-title:after {
	left: 50%;
	transform: translateX(-50%);
}

.footer-widget .footer-menu li a:hover {
	color: #ff5b2e;
}

.footer-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 75px;
                     line-height: 8px;
                     

}

.footer-content .footer-about p {
	font-size: 13px;
	line-height: 1.6;
	margin-bottom: 25px;
}

.footer-content .footer-menu li {
	font-weight: 700;
	margin-bottom: 18px;
}

.footer-news-letter strong {
	display: block;
	margin-bottom: 25px;
	font-family: 'Nunito';
	font-weight: 700;
}

.footer-news-letter form {
	height: 60px;
	background: #fff;
	border-radius: 50px;
	position: relative;
	display: flex;
	padding: 0px 10px;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	color: #000;
}

.footer-news-letter input {
	border: none;
	max-width: 60%;
	outline: 0;
}

.footer-news-letter button {
	background-color: #f37022;
	border-radius: 50px;
	max-width: 40%;
	outline: 0;
	font-size: 12px;
	text-align: center;
	padding: 10px;
}

.footer-area-one .footer-copyright {
	padding: 14px 0px;
}

.footer-area-one .footer-copyright p {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
}

.footer-area-one .footer-copyright p a {
	color: #f37022;
}

@media (max-width: 992px) {
	.footer-widget:first-child {
		width: 100%;
		margin-bottom: 30px;
	}
	.footer-widget:not(:first-child) {
		width: 33%;
	}
	.footer-widget .widget-title {
		font-size: 25px;
		padding-bottom: 50px;
	}
	.footer-area-one .footer-content {
		padding: 35px 0px 35px;
	}
	.footer-social .footer-social-content .footer-social-icon li a {
		width: 40px;
		height: 40px;
		line-height: 20px;
	}
}

@media (max-width: 600px) {
	.footer-social {
		padding: 10px 0px;
		height: auto;
	}
	.footer-widget:not(:first-child) {
		width: 100%;
	}
}


/*---------------------------------------------------- */


/*( ) - responsive Section*/


/*----------------------------------------------------*/


/* ==================================================
*	01 - media screen and (max-width: 1440px)
*	02 - media screen and (max-width: 1280px)
*	03 - media screen and (max-width: 1199px)
*	04 - media screen and (max-width: 991px)
*	05 - media screen and (max-width: 767px)
*	06 - media screen and (max-width: 680px)
*	07 - media screen and (max-width: 580px)
*	08 - media screen and (max-width: 480px)
*	09 - media screen and (max-width: 380px)
*	10 - media screen and (max-width: 320px)
================================================== */

@media screen and (max-width: 1440px) {
	.header-style-one .header-main-menu {
		padding: 25px 30px 0px;
	}
	.header-style-one .header-top {
		padding: 8px 30px 9px;
	}
	.slider-style-one .slider-home-one {
		padding: 385px 0px 410px 70px;
	}
	.banner-mockup {
		right: -350px;
	}
	.header-style-one.sticky-header-overlay {
		top: -50px;
	}
	.challenge-section:before {
		
	}
	.header-style-two {
		padding: 40px 50px 0px 50px;
	}
	.header-style-two.sticky-header-overlay {
		padding: 15px 50px 15px 50px;
	}
	.about-section-2 .about-side-img {
		width: 70%;
	}
	.platform-section .laptop-mockup {
		left: -535px;
	}
	.footer-2:before {
		background-position: center;
	}
	.header-style-three {
		padding: 30px 30px 0px 30px;
	}
	.header-style-three.sticky-header-overlay {
		padding: 15px 30px 13px 30px;
	}
	.slider-style-three .slider-home-three:hover .owl-prev {
		left: 15px;
	}
	.slider-style-three .slider-home-three:hover .owl-next {
		right: 15px;
	}
	.header-style-four .main-navigation {
		padding-top: 25px;
	}
	.header-style-four.sticky-header-overlay {
		top: 0;
	}
	.header-style-four.sticky-header-overlay .main-navigation {
		padding-top: 20px;
	}
	.team-member-1:before {
		width: 100%;
		left: 0;
	}
	.team-member-1 .circle-shape2 {
		right: -50px;
	}
	.team-member-1 .circle-shape1 {
		left: -50px;
	}
	.header-style-one.header-style-four .main-navigation li {
		margin-left: 50px;
	}
	.service-call-action-section .s-cta-shape1 {
		left: -60px;
	}
	.service-call-action-section .s-cta-shape2 {
		right: 30px;
		width: 365px;
	}
}

@media screen and (max-width: 1280px) {
	.header-style-one.header-style-four .main-navigation li {
		margin-left: 30px;
	}
	.service-call-action-section .s-cta-shape1,
	.service-call-action-section .s-cta-shape2 {
		display: none;
	}
}

@media screen and (max-width: 1199px) {
	.header-style-one .main-navigation li {
		margin-left: 50px;
	}
	.footer-content .footer-menu {
		width: 260px;
	}
	.slider-style-one .slider-home-one .slider-text-content h1 {
		font-size: 125px;
	}
	.header-style-three:after {
		display: none;
	}
	.header-style-three .main-navigation li {
		margin: 0 15px;
	}
	.team-member-1:before {
		display: none;
	}
	.team-member-1 .circle-shape2,
	.team-member-1 .circle-shape1 {
		display: none;
	}
	.team-member-1 .team-member-imgtext {
		width: 230px;
	}
}

@media screen and (max-width: 1024px) {
	.header-style-one .header-top {
		display: none;
	}
	.header-style-one .it-menu-itemlist .main-navigation {
		display: none;
	}
	.header-style-one .header-main-option {
		display: none;
	}
	.mobile_menu_button {
		display: block;
	}
	.client-area .client-item-list li:nth-child(1),
	.client-area .client-item-list li:nth-child(2),
	.client-area .client-item-list li:nth-child(3),
	.client-area .client-item-list li:nth-child(4),
	.client-area .client-item-list li:nth-child(5),
	.client-area .client-item-list li:nth-child(6) {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	.client-area .client-item-list {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0;
	}
	.header-style-one .mobile_menu_button {
		top: -50px;
	}
	.header-style-one.sticky-header-overlay {
		top: -15px;
	}
	.slider-style-one .slider-home-one {
		padding: 250px 0px 0px 70px;
	}
	.banner-mockup {
		position: static;
	}
	.about-section-1 {
		padding: 130px 0px 100px;
	}
	.section-title h2 {
		font-size: 50px;
	}
	.feature-text-content .feature-list-item li {
		width: 100%;
	}
	
	.blog-section .blog-text h3,
	.blog-section-2 .blog-img-text .blog-text h3 {
		font-size: 18px;
	}
	.blog-section .blog-text .blog-meta a,
	.blog-section-2 .blog-img-text .blog-text .blog-meta a {
		padding-right: 10px;
	}
	.blog-section .blog-type1 .blog-text {
		width: 100%;
	}
	.blog-section .blog-text .blog-meta a:after,
	.blog-section-2 .blog-img-text .blog-text .blog-meta a:after {
		display: none;
	}
	.blog-section .blog-type1 .blog-text {
		padding: 28px 20px 20px;
	}
	.blog-section .blog-type3 .blog-text,
	.blog-section .blog-type4 .blog-text {
		padding: 25px 25px;
	}
	.footer-content .footer-menu {
		width: 205px;
		padding-left: 20px;
	}
	.about-section-1 .about-img .about-circle-img-1 {
		top: -65px;
	}
	.header-style-two {
		padding: 25px 50px 0px 50px;
	}
	.header-style-two .it-menu-itemlist {
		display: none;
	}
	.header-style-two .header-main-menu {
		float: left;
	}
	.header-style-two .mobile_menu_button {
		right: 0;
		top: 15px;
		color: #fff;
	}
	.header-style-two.sticky-header-overlay .mobile_menu_button {
		color: #ff5b2e;
		top: 10px;
	}
	.slider-style-two .slider-content-box {
		padding: 250px 0px 250px;
	}
	.feature-content-2 {
		top: 0;
	}
	.feature-section-two {
		margin-bottom: 0;
		padding-bottom: 80px;
	}
	.platform-section .laptop-mockup {
		left: -75%;
	}
	.team-member-1 .team-member-imgtext {
		width: 280px;
	}
	.team-member-1:before {
		display: none;
	}
	.team-member-1 .team-member-imgtext .team-text {
		padding-bottom: 20px;
		margin-bottom: 30px;
	}
	.team-section-one {
		padding-bottom: 30px;
	}
	.testimonial-slide-section .owl-dots {
		left: -520px;
	}
	.blog-section-2 .blog-img-text {
		padding: 50px 25px 45px;
	}
	.footer-menu-list li a {
		margin-right: 35px;
	}
	.slider-style-three .owl-nav {
		display: none;
	}
	.header-style-three .it-menu-itemlist {
		display: none;
	}
	.service-section-3 .service-content-3 {
		top: 0;
	}
	.service-section-3 .service-content-3 .service-circle-shape {
		display: none;
	}
	.service-section-3 .service-content-3 .service-icon-text {
		padding-left: 15px;
	}
	.it-experience-section {
		padding-top: 80px;
	}
	.header-style-three .mobile_menu_button {
		right: 0;
	}
	.header-style-three.sticky-header-overlay .mobile_menu_button {
		top: 8px;
	}
	.slider-style-three .slider-content-box {
		padding: 220px 0px 150px;
	}
	.member-section-3 .team-member-3 .team-img-text .team-text h3 {
		font-size: 24px;
	}
	.client-area-3 .client-logo-item .client-logo-img {
		height: 100px;
	}
	.member-section-3 .team-member-3 .team-img-text {
		margin: 0 auto;
		max-width: 430px;
		margin-bottom: 30px;
	}
	.pricing-plan-section .pricing-plan-content .pricing-item-list {
		max-width: 370px;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.pricing-plan-section .pricing-plan-content .popular-package {
		top: 0;
	}
	.feature-map-content {
		display: none;
	}
	.testimonial-section-3 {
		padding-bottom: 50px;
	}
	.get-touch-section .get-touch-content .get-touch-sideimg {
		display: none;
	}
	.get-touch-section .get-touch-content .get-touch-part {
		width: 100%;
	}
	.get-touch-section .get-touch-content {
		display: inline-block;
	}
	.get-touch-section .get-touch-content .get-touch-icon1,
	.get-touch-section .get-touch-content .get-touch-icon2 {
		display: none;
	}
	.header-style-four .quote-btn-2 {
		display: none;
	}
	.header-style-four.sticky-header-overlay {
		top: 0;
	}
	.about-page-about-section .about-content-1 .about-img .about-main-img {
		width: auto;
		height: auto;
		border-radius: 0;
	}
	.contact-form-field-section .contact-form-img {
		display: none;
	}
}

@media screen and (max-width: 991px) {
	.slider-style-one .slider-home-one .slider-text-content h1,
	.slider-style-two .slider-content-box h1,
	.slider-style-three .slider-content-box h1 {
		font-size: 80px;
	}
	.slider-style-one .slider-home-one .slider-text-content h1 span,
	.slider-style-two .slider-content-box h1 span,
	.slider-style-three .slider-content-box h1 span {
		font-size: 100px;
	}
	.section-title h2 {
		font-size: 38px;
	}
	.section-title-text {
		padding-left: 0;
	}
	.service-item-list .service-icon-text {
		margin-bottom: 30px;
	}
	.portfolio-img-text {
		max-width: 370px;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.challenge-section:before {
		display: none;
	}
	.newslatter-service {
		display: inline-block;
	}
	.newslatter-service .newslatter-service-item {
		width: 100%;
	}
	.footer-widget {
		width: 50%;
		margin-bottom: 30px;
	}
	.footer-widget .footer-menu {
		width: 100%;
	}
	.header-style-one .header-main-menu {
		padding: 25px 20px 0px;
	}
	.feature-content-2 .feature-slide-item,
	.feature-content-2 .feature-two-content {
		float: none;
		width: 100%;
		margin: 0 auto;
		max-width: 580px;
	}
	.feature-content-2 .feature-two-content {
		padding: 40px 0px;
		margin-top: 40px;
		background-color: #f7f7f7;
	}
	.feature-content-2 {
		display: block;
		width: inherit;
		padding: 60px 0px;
	}
	.feature-content-2 .feature-slide-item .owl-dots {
		position: static;
		text-align: center;
		margin-top: 40px;
	}
	.about-section-2 .about-side-img {
		display: none;
	}
	.about-section-2 .about-counter {
		position: static;
		display: block;
		padding-top: 60px;
	}
	.about-section-2 .about-counter .about-counter-item {
		width: 100%;
		min-width: inherit;
	}
	.about-section-2 {
		padding-bottom: 60px;
	}
	.platform-section .laptop-mockup {
		position: static;
		z-index: 1;
	}
	.platform-section {
		overflow: hidden;
		z-index: 1;
	}
	.platform-section .background_overlay {
		z-index: -1;
	}
	.platform-section .platform-content {
		max-width: 100%;
	}
	.newslatter-section-2:before {
		display: none;
	}
	.testimonial-slide-section .owl-dots {
		position: static;
		margin-top: 40px;
		text-align: center;
	}
	.testimonial-section .testimonial-area-content {
		padding-bottom: 60px;
	}
	.newslatter-section-2 {
		top: 0;
		padding-top: 80px;
	}
	.testimonial-section {
		margin-bottom: 0;
	}
	.blog-section-2 .blog-img-text {
		max-width: 370px;
		margin: 0 auto;
		margin-bottom: 30px;
	}
	.footer-logo-memu select {
		float: none;
	}
	.footer-menu-list {
		padding-left: 0;
	}
	.footer-logo-memu .footer-select {
		width: 90px;
	}
	.footer-2:before {
		display: none;
	}
	.footer-2 {
		padding-bottom: 60px;
	}
	.about-us-section-3 .about-img-3 {
		padding-bottom: 40px;
	}
	.about-page-about-section .about-content-1 .about-img .about-circle-img-1 {
		display: none;
	}
	.core-platform-section:before {
		display: none;
	}
	.team-section-one .team-area-content {
		top: 0;
	}
	.mission-vission-content {
		display: inline-block;
	}
	.footer-logo-memu .footer-menu-content {
		text-align: center;
	}
	.footer-logo-memu .footer-select {
		margin: 0 auto;
		margin-top: 15px;
	}
	.case-quota-section .qouta-title {
		padding: 30px 0px 0px 0px;
	}
	.qouta-box-content {
		margin: 0 auto;
		max-width: 370px;
	}
	.client-area .client-number {
		padding-bottom: 60px;
	}
	.case-filtering-section {
		padding-bottom: 60px;
	}
	.contact-content-section .contact-content-inner-box {
		margin-bottom: 40px;
	}
	.contact-form-area-field {
		padding: 40px;
	}
	.faq-content-section .faq-content-inner-box {
		margin-bottom: 30px;
	}
	.team-single-text {
		padding-top: 60px;
	}
	.project-overview {
		position: static;
	}
}

@media screen and (max-width: 767px) {
	.blog-content-1 .blog-img-text {
		margin: 0 auto;
		max-width: 370px;
		margin-bottom: 30px;
	}
	.blog-section .blog-text h3 {
		font-size: 24px;
	}
	.service-section-3 .service-content-3 .service-icon-text {
		margin: 0 auto;
		max-width: 370px;
	}
	.it-experience-section .mockup-feature span {
		display: none;
	}
	.client-area-3 .client-logo-item {
		padding-bottom: 0;
	}
}

@media screen and (max-width: 680px) {
	.portfolio-section-2 .portfolio-slide-area .portfolio-text {
		position: relative;
	}
}

@media screen and (max-width: 480px) {
	.slider-style-one .slider-home-one {
		padding: 180px 0px 0px 30px;
	}
	.slider-style-one .slider-home-one .slider-text-content h1,
	.slider-style-two .slider-content-box h1,
	.slider-style-three .slider-content-box h1 {
		font-size: 60px;
	}
	.slider-style-one .slider-home-one .slider-text-content h1 span,
	.slider-style-two .slider-content-box h1 span,
	.slider-style-three .slider-content-box h1 span {
		font-size: 60px;
	}
	.footer-widget {
		width: 100%;
	}
	
	.slider-style-two .slider-content-box {
		padding: 180px 0px 180px;
	}
	.header-style-two {
		padding: 25px 20px 0px 20px;
	}
	.header-style-two.sticky-header-overlay {
		padding: 15px 20px 15px 20px;
	}
	.team-member-1 .team-member-imgtext {
		margin: 0 auto;
	}
	.it-experience-section .section-title h2 {
		font-size: 60px;
	}
	.testimonial-slide-section {
		padding-left: 0;
	}
	.slider-style-three .slider-content-box .slider-btn .s-more-btn,
	.slider-style-three .slider-content-box .slider-btn .s-cta-btn {
		width: 100%;
		display: inline-block;
	}
	.slider-style-three .slider-content-box .slider-btn .s-more-btn {
		margin: 0px 0px 30px 30px;
	}
	.header-style-three .brand-logo {
		width: 200px;
	}
	.core-platform-section .platform-img {
		padding-left: 0;
	}
	.port-title li {
		padding: 0px 15px;
	}
	.project-details-section {
		padding: 10px 0px 60px;
	}
	.project-details-text .section-title h2 {
		font-size: 30px;
	}
	.project-details-inner-img img {
		margin-bottom: 30px;
	}
	.project-details-text .portfolio-qoute .port-qout-text {
		font-size: 16px;
		padding: 20px;
	}
	.project-details-text .portfolio-qoute .pq-name {
		font-size: 18px;
	}
}

@media screen and (max-width: 420px) {
	.slider-style-one .slider-home-one .slider-text-content p {
		font-size: 18px;
		padding-top: 10px;
	}
	.about-section-1 .about-img .about-main-img {
		width: auto;
		height: auto;
	}
	.about-section-1 .about-img .about-circle-img-1,
	.about-section-1 .about-img .about-circle-img-2,
	.about-section-1 .about-img:before {
		display: none;
	}
	.about-section-1 {
		padding: 60px 0px;
	}
	.section-title h2 {
		font-size: 32px;
	}
	.section-title .sub-text {
		font-size: 20px;
	}
	.about-feature .about-feature-item {
		width: 100%;
		margin-bottom: 30px;
	}
	.about-feature {
		margin-bottom: 0;
	}
	.service-section {
		padding: 55px 0px 20px;
	}
	.title-style-one h2 {
		padding-bottom: 20px;
	}
	.service-item-list {
		padding-top: 60px;
	}
	.feature-map-content {
		display: none;
	}
	.feature-section {
		padding: 55px 0px 50px;
	}
	.portfolio-section {
		padding: 55px 0px 60px;
	}
	.client-area .client-number {
		padding-bottom: 40px;
	}
	.client-area .client-item-list li {
		margin-bottom: 30px;
	}
	.client-area {
		padding-bottom: 30px;
	}
	.challenge-section .custom_tab_button li {
		font-size: 24px;
	}
	.challenge-section .custom_tab_button li {
		margin-bottom: 30px;
	}
	.challenge-section .custom_tab_button {
		padding: 80px 0px 80px 45px;
	}
	.challenge-section .tab-content .challenge-tab-video {
		top: 50%;
		left: 0;
		right: 0;
		width: 60px;
		height: 60px;
		margin: 0 auto;
		line-height: 60px;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.challenge-section {
		padding: 60px 0px;
	}
	.newslatter-section {
		padding: 50px 0px;
	}
	.newslatter-form button {
		width: 135px;
	}
	.newslatter-service .news-service-item2 {
		padding-bottom: 30px;
	}
	.footer-social-icon,
	.footer-logo {
		float: none !important;
	}

	
	.footer-logo {
		margin-bottom: 20px;
		max-width: 320px;
	}
	.service-section-2 {
		padding: 60px 0px 30px;
	}
	.service-section-2 .service-content-2 {
		padding-top: 40px;
	}
	.call-to-action-2 {
		padding-bottom: 60px;
	}
	.call-to-action-2 .call-to-content-2 {
		padding: 60px 0px;
	}
	.platform-section .platform-content .platform-progress {
		padding-left: 0;
	}
	.platform-section {
		padding: 60px 0px 10px;
		margin-bottom: 0;
	}
	.platform-section .platform-content .progress_area {
		margin-right: 20px;
	}
	.platform-section .platform-content .progress_area canvas {
		height: 100px;
		width: 100px;
	}
	.platform-section .platform-content .progress_area strong {
		font-size: 30px;
		line-height: 100px;
	}
	.portfolio-section-2 {
		padding: 60px 0px;
	}
	.blog-section-2 {
		padding: 60px 0px;
	}
	.portfolio-section-2 .portfolio-slide-area .portfolio-text {
		background-color: #5b1d67;
	}
	.portfolio-section-2 .portfolio-slide-area .owl-nav {
		margin-top: 30px;
	}
	.portfolio-section-2 .portfolio-slide-area .owl-next,
	.portfolio-section-2 .portfolio-slide-area .owl-prev {
		height: 45px;
		width: 45px;
		line-height: 45px;
	}
	.team-section-one {
		padding: 60px 0px 20px;
	}
	.team-member-1 {
		padding-top: 40px;
	}
	.newslatter-form input {
		height: 60px;
	}
	.newslatter-form button {
		height: 50px;
		margin-top: 20px;
		line-height: 50px;
		position: static;
	}
	.newslatter-section-2 {
		padding: 60px 0px;
	}
	.header-style-two .brand-logo {
		width: 220px;
	}
	.about-section-2 .about-counter .about-counter-item {
		padding: 50px 30px;
	}
	.header-style-three {
		padding-top: 20px;
	}
	.header-style-three .mobile_menu_button {
		top: 15px;
	}
	.slider-style-three .slider-content-box {
		padding: 200px 0px 130px;
	}
	.service-section-3 .service-content-3 .service-icon-text {
		padding: 25px 20px;
	}
	.service-section-3 .service-content-3 .service-icon-text:before {
		display: none;
	}
	.it-experience-section {
		padding: 60px 0px;
	}
	.about-us-section-3 {
		padding: 60px 0px;
	}
	.about-us-section-3 .about-feature {
		display: inline-block;
		margin: 0 15px;
	}
	.about-us-section-3 .about-feature .about-feature-item {
		margin: 0px 0px 20px 0px;
	}
	.client-area-3 {
		padding-bottom: 30px;
	}
	.member-section-3 .team-member-3 {
		padding-top: 40px;
	}
	.member-section-3 {
		padding: 40px 0px 10px;
	}
	.pricing-plan-section {
		padding: 60px 0px 20px;
	}
	.pricing-plan-section .title-text {
		padding-top: 20px;
	}
	.pricing-plan-section .pricing-plan-content .pricing-item-list .pricing-price-tag .price-amount {
		font-size: 60px;
	}
	.get-touch-section .get-touch-content .get-touch-part h2 {
		font-size: 24px;
	}
	.it-experience-section .section-title {
		padding-bottom: 30px;
	}
	.pricing-plan-section .pricing-plan-content {
		padding-top: 50px;
	}
	.testimonial-section-3 {
		padding-top: 40px;
	}
	.testimonial-section .testimonial-area-content {
		padding-bottom: 30px;
	}
	.footer-3 .footer-content {
		padding-bottom: 30px;
	}
	.breadcurmb-content {
		padding: 180px 0px 135px 0px;
	}
	.breadcurmb-content h2 {
		font-size: 45px;
	}
	.about-page-about-section {
		padding: 50px 0px 60px;
	}
	.about-page-about-section .about-content-1 .about-img .about-main-img {
		margin-bottom: 20px;
	}
	.about-gallery-section {
		padding-bottom: 60px;
	}
	.core-platform-section {
		padding: 60px 0px;
	}
	.team-section-one .team-area-content {
		padding-top: 60px;
	}
	.mission-vission-content .mission-vission-text h3 {
		font-size: 30px;
	}
	.mission-vission-content .mission-vission-text {
		padding: 40px 30px;
	}
	.skill-set-section.service-page-skill .skill-set-section {
		padding: 60px 0px;
	}
	.skill-set-img {
		margin-left: 0;
	}
	.service-section-2.service-page-service {
		padding-top: 60px;
	}
	.service-call-action-section {
		padding: 60px 0px;
		margin-bottom: 40px;
	}
	.section-title .site-tag {
		font-size: 18px;
	}
	.footer-menu-list li a {
		margin-right: 20px;
	}
	.get-touch-section.team-page-get-touch .get-touch-content .get-touch-part h2 {
		font-size: 24px;
	}
	.member-section-3.team-page-member-section {
		padding-bottom: 20px;
	}
	.case-quota-section {
		padding: 60px 0px 0px;
	}
	.case-filtering-section .grid-sizer {
		width: 100%;
	}
	.case-filtering-section .grid-item-big,
	.case-filtering-section .grid-item-width {
		width: 100%;
	}
	.contact-content-section {
		padding: 80px 0px 60px;
	}
	.contact-form-field-section {
		padding: 60px 0px;
	}
	.contact-form-field-section .section-title {
		padding-bottom: 40px;
	}
	.faq-content-section {
		padding: 60px 0px;
	}
	.faw-ques-ans-section .faq_title:after {
		right: 10px;
	}
	.faw-ques-ans-section {
		padding-bottom: 60px;
	}
	.service-details-tag .section-title h2 {
		font-size: 20px;
	}
	.service-details-tag {
		top: 0;
		padding: 25px;
		margin: 30px 0px;
	}
	.team-details-content .team-single-text .section-title h2 {
		font-size: 30px;
	}
	.team-details-section {
		padding-bottom: 20px;
	}
	.port-title li {
		padding: 0px 5px;
	}
	.blog_feed_section,
	.blog_details_area {
		padding: 60px 0px;
	}
	.news_post_item .news_text_area h3 {
		font-size: 22px;
	}
	.news_qoute .news_text_area:before {
		font-size: 45px;
	}
	.news_qoute .news_text_area {
		padding-left: 90px;
	}
	.blog_details_text h2 {
		font-size: 24px;
	}
	.blog_details_text h3,
	.blog_details_text h4 {
		font-size: 20px;
	}
	.blog_details_text blockquote {
		padding: 40px 20px;
		font-size: 20px;
	}
	.blog_details_text blockquote:after {
		font-size: 165px;
	}
	.blog_details_text .blog_details_list li {
		margin-left: 0;
	}
	.slider-style-one .slider-home-one .slider-text-content .slide-tag {
		font-size: 30px;
	}
	.footer-area-one:after,
	.footer-area-one:before {
		display: none;
	}
	.share_post,
	.nio_prev_post {
		margin-top: 20px;
		display: inline-block;
		float: none !important;
		text-align: left !important;
	}
	.blog_details_area .share_tag .share_post li {
		float: left;
		margin-left: 0;
		margin-right: 10px;
	}
	.blog_details_area .blog_details_content {
		padding: 30px 15px;
	}
	.blog_details_extra_text .share_tag h3 {
		padding-bottom: 10px;
	}
	.blog_details_extra_text .next_prev_post .bar_point {
		display: none;
	}
	.blog_details_extra_text .postby_author h3 {
		font-size: 22px;
	}
	.blog_comment_box .comment_reply {
		margin-left: 30px;
	}
	.blog_comment_box .reply-btn {
		width: 120px;
		position: static;
		margin-bottom: 30px;
	}
	.comment_formfield {
		padding: 30px 15px;
	}
}

@media screen and (max-width: 380px) {
	.slider-style-one .slider-home-one .slider-text-content h1,
	.slider-style-two .slider-content-box h1,
	.slider-style-one .slider-home-one .slider-text-content h1 span,
	.slider-style-two .slider-content-box h1 span,
	.slider-style-three .slider-content-box h1,
	.slider-style-three .slider-content-box h1 span {
		font-size: 50px;
	}
	.footer-content .footer-about {
		width: inherit;
	}
	.service-section-2 .service-content-2 .service-icon-text {
		padding: 50px 25px 45px;
	}
	.service-section-2 .service-content-2 .service-icon-text .service-icon i {
		margin-right: 10px;
	}
	.service-section-3 .service-content-3 .service-icon-text .service-number span {
		font-size: 80px;
	}
	.it-experience-section .section-title h2 {
		font-size: 45px;
	}
	.core-platform-section .platform-text .core-platform-item li {
		width: 150px;
		height: 150px;
	}
}


/*---------------------------------------------------- */

button.elearning-btn-new {
    font-family: 'Roboto';
    border-radius: 50px;
    margin: 25px auto;
}