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

 == Table Of Content

	01 Basics
	02 Buttons
	03 Navbar
	04 Header
	05 About
	06 Banner
	07 Process
	08 Features
	   08.1 Price
	09 Testimonials
	10 Numbers
	11 Call Action
	12 Team
	13 Blog
	14 Contact
	15 Footer
	16 Spacial Pages
	17 Responsive


---------------------------------------------------------------- */
/* ----------------------------------------------------------------
		 [ 01 Start Basics ]
-----------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
					box-sizing: border-box;
	outline: none;
	list-style: none;
	word-wrap: break-word;
}

body {
	color: #172541;
	line-height: 1.3;
	font-weight: 400;
	font-size: 14px;
	font-family: AradFont, Tahoma;
	overflow-x: hidden !important;
	direction: rtl;
}

p {
	font-family: AradFont, Tahoma;
	font-size: 15px;
	color: #565872;
	line-height: 2;
	margin: 0;
	margin-bottom: 10px;
}

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

span, a {
	display: inline-block;
	text-decoration: none;
	color: inherit;
	-webkit-transition: 0.3s all;
	transition: 0.3s all;
}
a:hover {
	color: #f97333;
	text-decoration: none;
}


.rtl {direction: rtl !important;}
.ltr {direction: ltr !important;}

.pt-0 {padding-top: 0 !important;}
.pb-0 {padding-bottom: 0 !important;}

.v-middle {vertical-align: middle !important;}

.align-justify {text-align: justify !important;}
.align-center {text-align: center !important;}
.align-right {text-align: right !important;}
.align-left {text-align: left !important;}

.bold {font-weight: bold;}



.fix_button_footer {
    position: fixed;
    bottom: 0;
    right: 0;
    padding: 0 10px 10px 0;
    width: min-content;
	z-index: 1000;
}
.fix_button_footer a {
    background: #29b505;
    color: #fff;
    padding: 5px 5px 5px 5px;
    border-radius: 70px;
    width: 54px;
    height: 54px;
    display: block;
    position: relative;
    -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
}
.fix_button_footer a.blue {
	background: #590072;
	margin-bottom: 5px;
}
.fix_button_footer a:hover {
	width: 180px;
}
.fix_button_footer a i {
    display: inline-block;
    font-size: 34px;
    position: absolute;
    top: 9.5px;
    right: 11.5px;
}
.fix_button_footer a.blue i {
    display: inline-block;
    font-size: 30px;
    position: absolute;
    top: 12px;
    right: 17px;
}
.fix_button_footer a div {
    display: block;
    width: 0px;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 47px;
    padding-right: 5px;
    -webkit-transition: width 0.36s ease-in-out;
    -moz-transition: width 0.36s ease-in-out;
    -o-transition: width 0.36s ease-in-out;
    transition: width 0.36s ease-in-out;
}
.fix_button_footer a div b {
	font-size: 17px;
}
.fix_button_footer a:hover div {
    width: 113px;
}
.fix_button_footer a div span {
    display: block;
    font-size: 12px;
    margin-bottom: 2px;
}

@media screen and (max-width: 600px) {
	.fix_button_footer a {
	    padding: 5px 5px 5px 5px;
	    border-radius: 70px;
	    width: 44px;
	    height: 44px;
	}
	.fix_button_footer a:hover {
		width: 155px;
	}
	.fix_button_footer a i {
	    font-size: 28px;
	    top: 7.5px;
	    right: 9.5px;
	}
	.fix_button_footer a.blue i {
	    font-size: 24px;
	    top: 10px;
	    right: 14px;
	}
	.fix_button_footer a div {
	    top: 6px;
	    right: 38px;
	    padding-right: 5px;
	}
	.fix_button_footer a:hover div {
	    width: 100px;
	}
	.fix_button_footer a div b {
		font-size: 15px;
	}
	.fix_button_footer a div span {
	    font-size: 11px;
	    margin-bottom: 1px;
	}
}

#captchaimg {
    position: absolute;
    border-radius: 4px;
    left: 5px;
    top: 5px;
}

input , textarea {
	border: 1px solid #f6f9fb00 !important;
	-webkit-transition: 0.4s all;
	transition: 0.4s all;
}
input:focus, textarea:focus {
	border: 1px solid #fb8133 !important;
}


/* ======= full Content == */
.full-content img {max-width: 100% !important;}
.full-content h3 {
	font-size: 24px;
	font-weight: bold;
	margin-top: 20px;
	color: #2f3f77;
	line-height: 38px;
}
.full-content h4 {
	font-size: 13.5px;
	font-weight: 400;
	color: #2b97de;
	margin-bottom: 10px;
	letter-spacing: 0.1px;
}



/* ======= banner inner == */
.banner-inner-title {
	text-align: center;
	font-size: 23px;
	font-weight: bolder;
	margin-bottom: 25px;
	margin-top: -25px;
	color: #c2cfd8;
}
.banner-inner-title:after {
content: '';
    width: 80px;
    height: 1px;
    background: #fb8133;
    background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(#fb8133), to(transparent));
    background: linear-gradient(to left, transparent, #fb8133, transparent);
    position: absolute;
    bottom: 14px;
    right: calc(50% - 40px);
}
.banner-inner {
    margin-bottom: 15px;
}
.banner-inner img {
    border-radius: 10px;
    margin-bottom: 5px;
    position: relative;
}
.banner-inner a:before {
	background: rgba(249, 104, 51, 0.7);
	content: "\f0f6";
	font-family: fontawesome;
	border-radius: 10px;
	position: absolute;
	text-align: center;
	font-size: 28px;
	color: #fff;
	line-height: 250%;
	left: 15px;
	top: 0px;
	right: 15px;
	bottom: 38px;
	display: block;
	opacity: 0;
	-webkit-transition: 0.4s all;
	transition: 0.4s all;
}
.banner-inner a:hover:before {
	opacity: 1;
}
.banner-inner a h5 {
    font-size: 13px;
}

.box-padding {
	padding: 100px 5%;
}

.section-blank {
	height: 200px;
	margin-bottom: -100px !important;
	margin-top: -100px !important;
}

.section-padding {
	padding: 100px 0;
}

.section-head {
	margin-bottom: 80px;
}
.section-head h4 {
	font-size: 30px;
	font-weight: bold;
	font-family: AradFont, Tahoma;
	text-transform: uppercase;
	/* letter-spacing: 1px; */
	padding-bottom: 30px;
	position: relative;
}
.section-head h4:after {
	content: '';
	width: 80px;
	height: 1px;
	background: #fb8133;
	background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(#fb8133), to(transparent));
	background: linear-gradient(to left, transparent, #fb8133, transparent);
	position: absolute;
	bottom: 0;
	right: calc(50% - 40px);
}
.section-head.text-right h4:after {
	right: 0 !important;
}
.section-head p {
	margin-top: 30px;
}

.title-extra {
	font-weight: 700;
}

.content h2 {
	font-size: 28px;
	margin-bottom: 20px
}

.sm-title {
	font-size: 12px;
	font-family: AradFont, Tahoma;
	color: #fb8133 !important;
	letter-spacing: 0.2px;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 10px;
}

.bg-gray-skew {
	position: relative;
}
.bg-gray-skew:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: #f6f9fb;
	-webkit-transform: rotate(-3deg);
					transform: rotate(-3deg);
	border-radius: 80px;
	z-index: -1;
}

.bg-gray {
	background: #f6f9fb;
}

.bg-color {
	background: #fb8133;
	color: #fff;
}

.o-hidden {
	overflow: hidden;
}

.position-re {
	position: relative;
}

.full-width {
	width: 100% !important;
}

.lg-line-height {
	line-height: 1.7;
}

.shadow-inset {
	-webkit-box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.05) inset;
					box-shadow: 0px 0px 100px rgba(0, 0, 0, 0.05) inset;
}

.bg-img {
	background-size: cover;
	background-repeat: no-repeat;
	/* background-position: right; */
}

.no-cover {
	background-repeat: repeat;
	background-size: auto;
}

.bg-fixed {
	background-attachment: fixed;
}

.valign {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

[data-overlay-dark]:before {
	background: #0c0c46;
}

.owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: 15px;
	line-height: .7;
}

.owl-theme .owl-dots .owl-dot span {
	width: 8px;
	height: 8px;
	margin: 0 7px;
	border-radius: 50%;
	background: #ddd;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #fb8133;
}

.owl-carousel:hover .owl-nav .owl-next {
	left: 0;
	opacity: 1 !important;
}
.owl-carousel:hover .owl-nav .owl-prev {
	right: 0;
	opacity: 1 !important;
}

.owl-theme .owl-nav {
	margin: 0;
}

.owl-theme .owl-nav [class*=owl-] {
	position: absolute;
	top: 35%;
	color: #fff;
	width: 35px;
	height: 35px;
	padding: 0;
	font-size: 25px;
	line-height: 40px;
	background: #222;
	border-radius: 50%;
	opacity: 0;
	-webkit-transition: all .4s;
	transition: all .4s;
	z-index: 4;
	cursor: pointer;
}

.owl-carousel .owl-nav .owl-next {
	left: 0;
}

.owl-carousel .owl-nav .owl-prev {
	right: 0;
}

[data-overlay-dark]:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-image: url("../images/overlay-pattern.png");
	background-repeat: repeat;
}

/* ----------------------------------------------------------------
		 [ End Basics ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
		 [ 02 Start Buttons ]
-----------------------------------------------------------------*/
.butn {
	padding: 14px 25px;
	background: #fff;
	border: 1px solid transparent;
	border-radius: 30px;
	position: relative;
	z-index: 3;
	-webkit-transition: all .4s;
	transition: all .4s;
	cursor: pointer;
	outline: none !important;
}
.butn span {
	font-size: 12px;
	font-weight: 500;
	/* text-transform: uppercase; */
	letter-spacing: 0.5px;
	position: relative;
	z-index: 2;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
.butn span i {
	font-size: 14px;
	vertical-align: -2px;
	padding-top: 0px;
	padding-right: 5px;
	margin-right: 5px;
	border-right: 1px solid rgba(255, 255, 255, 0.16);
}
.butn:after {
	content: '';
	width: 0;
	height: 100%;
	background: transparent;
	border-radius: 30px;
	position: absolute;
	right: 50%;
	top: 0px;
	z-index: 1;
	opacity: .5;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.butn-bg {
	background: #fb8133;
	border-color: #fb8133;
	background: -webkit-gradient(linear, right top, left bottom, from(#fb8133), to(#f53434));
	background: linear-gradient(to left bottom, #fb8133, #f53434);
	-webkit-box-shadow: -15px 15px 20px rgba(0, 0, 0, 0.1);
					box-shadow: -15px 15px 20px rgba(0, 0, 0, 0.1);
}
.butn-bg:hover {
	-webkit-box-shadow: none;
					box-shadow: none;
}
.butn-bg:hover:after {
	width: 100%;
	right: 0;
	opacity: 1;
}
.butn-bg:hover span {
	color: #fb8133;
}
.butn-bg:after {
	background: #fff;
}
.butn-bg span {
	color: #fff;
}

.butn-rgba {
	background: rgba(220, 220, 220, 0.2);
}
.butn-rgba:after {
	background: #fb8133;
	background: -webkit-gradient(linear, right top, left bottom, from(#fb8133), to(#f53434));
	background: linear-gradient(to left bottom, #fb8133, #f53434);
}
.butn-rgba:hover {
	border-color: #fb8133;
}
.butn-rgba:hover:after {
	width: 100%;
	right: 0;
	opacity: 1;
}
.butn-rgba:hover span {
	color: #fff;
}

.butn-light {
	background: transparent;
	border-color: #fb8133;
	color: #f85933;
}
.butn-light:hover {
	-webkit-box-shadow: -15px 15px 20px rgba(0, 0, 0, 0.1);
					box-shadow: -15px 15px 20px rgba(0, 0, 0, 0.1);
}
.butn-light:hover:after {
	width: 100%;
	right: 0;
	opacity: 1;
}
.butn-light:hover span {
	color: #fff;
}
.butn-light:after {
	background: #fb8133;
}

/* ----------------------------------------------------------------
		 [ End Buttons ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
		 [ 03 Start Navbar ]
-----------------------------------------------------------------*/
.navbar {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	background: transparent;
	z-index: 9;
	min-height: 80px;
}
.navbar .icon-bar {
	color: #fff;
}
.navbar .navbar-nav .nav-help {
	color: #cccccc;
	font-size: 12px;
	margin: 26px 15px 0 0;
}
.navbar .navbar-nav .nav-link {
	font-size: 13px;
	font-weight: 400;
	color: #fff;
	/* letter-spacing: 1px; */
	margin: 15px 7px 13px;
	padding-top: 10px;
	padding-bottom: 6px;
	-webkit-transition: all .5s;
	transition: all .5s;
	position: relative;
}
.navbar .navbar-nav .nav-link:hover {
	color: #fb8133;
}
.navbar .navbar-nav .nav-link:before {
	content: '';
	width: 30px;
	height: 2px;
	background: #fb8133;
	position: absolute;
	bottom: 0;
	right: calc(50% - 15px);
	opacity: 0;
}
.navbar .navbar-nav .butn {
	padding: 10px 20px;
	margin-left: 15px;
	margin-right: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 30px;
}
.navbar .navbar-nav .active:before {
	opacity: 1;
}
.navbar .navbar-nav .dropdown-menu {
	padding: 10px 0;
	border: 0;
	right: 7px;
	-webkit-box-shadow: 0px 10px 40px -4px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 10px 40px -4px rgba(0, 0, 0, 0.1);
}
.navbar .navbar-nav .dropdown-item {
	font-size: 13.5px;
	font-weight: 500;
	padding: 7px 16px;
	color: #193775;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.navbar .navbar-nav .dropdown-item:hover {
	background: #f7f7f7;
	color: #fb8133;
}

.light, .nav-scroll {
	background: #fff;
	-webkit-box-shadow: 0px 10px 40px -4px rgba(0, 0, 0, 0.1);
					box-shadow: 0px 10px 40px -4px rgba(0, 0, 0, 0.1);
	padding: 0;
	position: fixed;
	top: -80px;
	right: 5%;
	width: 90%;
	border-radius: 10px;
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
	-webkit-transform: translateY(100px);
					transform: translateY(100px);
}
.navbar-toggler {
	color: #fff !important;
	background: #fb8133;
	border-color: #fb8133;
	background: -webkit-gradient(linear, right top, left bottom, from(#fb8133), to(#f53434));
	background: linear-gradient(to left bottom, #fb8133, #f53434);
	margin-right: 10px;
	padding-top: 9px;
	padding-bottom: 5px;
	/* margin-top: 10px; */
}
.light .icon-bar, .nav-scroll .icon-bar {
	color: #fff;
}
.light .navbar-nav .nav-link, .nav-scroll .navbar-nav .nav-link {
	color: #222;
}
.light .navbar-nav .logo, .nav-scroll .navbar-nav .logo {
	padding: 15px 0;
	color: #111;
}

.logo {
	/* padding: 8px 0 15px; */
	width: 150px;
	padding: 0px 0 0 0;
	margin-top: 5px;
}
.logo svg {
	max-width: 100%;
	height: auto;
}
.dropdown-menu {
	display: block;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(20px);
					transform: translateY(20px);
	-webkit-transition: all .4s;
	transition: all .4s;
}
.dropdown-menu.show {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
					transform: translateY(0);
}
.dropdown-menu .dropdown-item {
	-webkit-transition: all .4s;
	transition: all .4s;
	padding: 10px 25px;
}
.dropdown-menu .dropdown-item:hover {
	padding-right: 23px;
}

/* ----------------------------------------------------------------
		 [ End Navbar ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
		 [ 04 Start Header ]
-----------------------------------------------------------------*/
.header .background {
	min-height: 100vh;
	-webkit-clip-path: ellipse(100% 55% at 48% 44%);
					clip-path: ellipse(100% 55% at 48% 44%);
	overflow: hidden;
}
.header .caption .o-hidden {
	display: inline-block;
}
.header .caption h1 {
	font-weight: 700;
	font-size: 38px;
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
}
.header .caption p {
	margin-top: 15px;
	color: #eee;
	padding: 0 30px;
	-webkit-animation-delay: 1s;
					animation-delay: 1s;
}
.header .caption p span {
	letter-spacing: 5px;
	text-transform: uppercase;
	margin: 0 5px;
	padding-left: 14px;
	position: relative;
}
.header .caption p span:last-child {
	padding: 0;
}
.header .caption p span:last-child:after {
	display: none;
}
.header .caption p span:after {
	content: '';
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #fb8133;
	position: absolute;
	top: 10px;
	left: 0;
	opacity: .5;
}
.header .caption .butn {
	-webkit-animation-delay: 1.2s;
					animation-delay: 1.2s;
	margin: 0 5px;
}

.pages {
	min-height: 60vh;
	overflow: hidden;
	-webkit-clip-path: ellipse(100% 55% at 48% 44%);
	clip-path: ellipse(100% 55% at 48% 44%);
	background-position-y: center;
}
.pages h5 {
	float: right;
	font-weight: 700;
}
.pages h6 {
	float: left;
}
.pages h6 a {
	margin: 0 10px;
	font-weight: 500;
	font-size: 15px;
}
.pages h6 a:last-child {margin-left: 0;}
.pages .active {
	color: #fb8133;
}

/* ----------------------------------------------------------------
		 [ End Header ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
		 [ 05 Start About ]
-----------------------------------------------------------------*/
.about .intro {
	margin-bottom: 80px;
}
.about .intro span {
	letter-spacing: 1px;
	font-weight: 500;
	color: #fb8133;
	margin-bottom: 10px;
}
.about .intro h1 {
	font-weight: 700;
	font-size: 28px;
	margin-bottom: 15px;
	color: #27478c;
}
.about .intro h2 {
	font-weight: 700;
	font-size: 28px;
	margin-bottom: 15px;
}
.about .item {
	padding: 50px 30px;
	border: 1px dashed #eee;
}
.about .item.active, .about .item:hover {
	border-color: transparent;
	-webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
					box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
}
.about .item.active .icon, .about .item:hover .icon {
	background: #fb8133;
	color: #fff;
}
.about .item .icon {
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 50%;
	background: #f8f8f8;
	font-size: 40px;
	color: #fb8133;
	margin-bottom: 40px;
	position: relative;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.about .item .icon:after {
	content: '';
	width: 90px;
	height: 90px;
	border: 1px dashed #eee;
	border-radius: 50%;
	position: absolute;
	top: -5px;
	right: -5px;
	z-index: -1;
}
.about .item .icon.custom-icon-puzzle {
}
.about .item .icon.custom-icon-puzzle:after {
	content: "";
	width: 90px;
	height: 90px;
	border: 1px solid #f8f8f8;
	background: url("../images/icon-puzzle.png") no-repeat;
	background-position: center;
	z-index: 1;
	padding: 5px;
}
.about .item:hover .icon.custom-icon-puzzle:after {
	content: "";
	width: 90px;
	height: 90px;
	border: 1px solid #f8f8f8;
	background: url("../images/icon-puzzle-light.png") no-repeat;
	background-position: center;
	z-index: 1;
	padding: 5px;
}
.about .item h3 {
	font-size: 18px;
	margin-bottom: 20px;
}
.about .item .butn-bg {
	padding: 10px 15px;
	-webkit-box-shadow: -8px 8px 15px rgba(0, 0, 0, 0.1);
	box-shadow: -8px 8px 15px rgba(0, 0, 0, 0.1);
}
.about .item .butn-bg:hover {
	-webkit-box-shadow: none;
    box-shadow: none;
}
.about.half .item, .about.bg-gray .item {
	background: #fff;
}
.about.half .item {
	border: 0;
}
.about.half .item .icon {
	float: right;
	text-align: center;
}
.about.half .item h6, .about.half .item p {
	margin-right: 100px;
}

/* ----------------------------------------------------------------
		 [ End About ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
		 [ 06 Banner ]
-----------------------------------------------------------------*/
.banner .bg-img {
	border-radius: 50px 0 0 50px;
	overflow: hidden;
}
.banner .content h3 {
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 15px;
}
.banner .content p {
	margin-bottom: 15px;
}
.banner .content .item .icon {
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	border-radius: 50%;
	background: rgba(251, 129, 51, 0.1);
	color: #fb8133;
	font-size: 35px;
	float: right;
}
.banner .content .item .cont {
	margin-right: 90px;
}
.banner .content .item .cont h6 {
	margin-bottom: 15px;
}
.banner .content .item .cont p {
	font-size: 14px;
}
.banner .content .item:last-of-type p {
	margin-bottom: 0;
}
.banner .circle {
	position: relative;
	z-index: 3;
}
.banner .circle:after {
	content: '';
	width: 160px;
	height: 160px;
	border-radius: 50%;
	background: #fb8133;
	position: absolute;
	top: -50px;
	left: 0;
	opacity: .2;
	z-index: -1;
}
.banner .circle:before {
	content: '';
	width: 100px;
	height: 200px;
	background-image: url("../images/dots2.png");
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
}

/* ----------------------------------------------------------------
		 [ End Banner ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
		 [ 07 Start Process ]
-----------------------------------------------------------------*/
.process h2 {
	font-weight: 700;
	font-size: 34px;
	line-height: 1.5;
	margin-top: -30px;
}
.process .play {
	font-size: 40px;
	width: 70px;
	height: 70px;
	line-height: 70px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	position: relative;
	z-index: 3;
}
.process .play:after {
	content: '';
	width: 100%;
	height: 100%;
	background: #fb8133;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 50%;
	z-index: -1;
	-webkit-transform: scale(0);
					transform: scale(0);
	-webkit-transition: all .3s;
	transition: all .3s;
}
.process .play:hover:after {
	-webkit-transform: scale(1);
					transform: scale(1);
}
.process .top {
	position: relative;
	top: -100px;
	z-index: 2;
}
.process .padding {
	padding: 30px;
}
.process .item {
	padding: 60px 30px;
	background: #fff;
	border-radius: 10px;
	-webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
					box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
	position: relative;
}
.process .item img {
	position: absolute;
	width: 50%;
	left: -30%;
	top: 25%;
	z-index: 4;
}
.process .item img.tobotm {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(218deg);
	top: 37%;
}
.process .item .icon {
	font-size: 60px;
	color: #fb8133;
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 50%;
	background: rgba(251, 129, 51, 0.05);
	position: relative;
	margin-bottom: 40px;
	z-index: 2;
}
.process .item .icon:after {
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #fb8133;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transform: scale(1.4, 1.4);
					transform: scale(1.4, 1.4);
	opacity: .05;
	z-index: -1;
}
.process .item h6 {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 15px;
}
.process .item h6 span {
	font-size: 12px;
	color: #fb8133;
	margin-left: 8px;
}
.process .item p {
	font-size: 14px;
}

/* ----------------------------------------------------------------
		 [ End Process ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
		 [ 08 Start Features ]
-----------------------------------------------------------------*/
.features {
	padding-top: 80px;
}
.features .intro {
	margin-bottom: 80px;
}
.features .intro span {
	letter-spacing: 1px;
	font-weight: 500;
	color: #fb8133;
	margin-bottom: 10px;
}
.features .intro h2 {
	font-weight: 700;
	font-size: 28px;
	margin-bottom: 15px;
}
.features .item {
	padding: 17px 20px;
	border: 1px dashed #eee;
	border-radius: 15px 75px 75px 15px;
}
.features .item.active, .features .item:hover {
	border-color: transparent;
	-webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
					box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
}
.features .item.active .icon, .features .item:hover .icon {
	background: #fb8133;
	color: #fff;
}
.features .item .icon {
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 50%;
	background: #f8f8f8;
	font-size: 40px;
	font-weight: bold;
	color: #fb8133;
	text-align: center;
	float: right;
	margin-left: 15px;
	margin-top: 9px;
	/* margin-bottom: 26px; */
	position: relative;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.features .item .icon:after {
	content: '';
	width: 90px;
	height: 90px;
	border: 1px dashed #eee;
	border-radius: 50%;
	position: absolute;
	top: -5px;
	right: -5px;
	z-index: -1;
}
.features .item h3 {
	font-size: 18px;
	margin-bottom: 11px;
	margin-top: 1px;
	letter-spacing: -0.1px;
	overflow: hidden;
	text-overflow: ellipsis;
	/* white-space: nowrap; */
	direction: rtl;
}
.features .item p {
	line-height: 21px;
	font-size: 14px;
	text-align: justify;
	padding-right: 95px;
	margin-bottom: 0;
}
.features.half .item, .features.bg-gray .item {
	background: #fff;
}
.features.half .item {
	border: 0;
}
.features.half .item .icon {
	float: right;
	text-align: center;
}
.features.half .item h6, .features.half .item p {
	margin-right: 100px;
}

/* ----------------------------------------------------------------
		 [ End Features ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
		 [ 08.1 Start Price ]
-----------------------------------------------------------------*/
.price .item {
	padding: 50px 30px;
	background: #fff;
	text-align: center;
	border-radius: 5px;
}
.price .item.active {
	-webkit-box-shadow: 0px 10px 40px -4px rgba(0, 0, 0, 0.1);
					box-shadow: 0px 10px 40px -4px rgba(0, 0, 0, 0.1);
}
.price .item .type {
	position: relative;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #eee;
	position: relative;
}
.price .item .type:after {
	content: '';
	width: 70px;
	height: 1px;
	background: #fb8133;
	position: absolute;
	bottom: -1px;
	right: calc(50% - 35px);
}
.price .item .type h6 {
	font-size: 20px;
	font-weight: 600;
}
.price .item .value {
	margin: 40px 0;
}
.price .item .value h4 {
	font-weight: 700;
	font-size: 65px;
}
.price .item .value h4 span {
	font-size: 15px;
	margin-left: 5px;
}
.price .item .value p {
	font-size: 11px;
	font-weight: 500;
	margin-top: 5px;
	color: #fb8133;
	display: inline-block;
	padding: 2px 15px;
	background: rgba(251, 129, 51, 0.1);
	border-radius: 30px;
}
.price .item .feat ul {
	margin-bottom: 0;
}
.price .item .feat li {
	color: #555;
	font-weight: 500;
	padding: 0 50px;
	margin-bottom: 25px;
}
.price .item .feat li:last-child {
	margin-bottom: 0;
}
.price .item .feat li span {
	display: block;
	padding-bottom: 10px;
	border-bottom: 2px dashed #eee;
}
.price .item .feat del {
	opacity: .8;
}
.price .item .order {
	margin-top: 50px;
}
.price .item.center {
	position: relative;
	padding: 60px 30px;
	margin-top: -10px;
}

/* ----------------------------------------------------------------
		 [ End Price ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
		 [ 08.2 Start Supplementary ]
-----------------------------------------------------------------*/
.supplementary {
	padding-top: 80px;
}
.supplementary .intro {
	margin-bottom: 80px;
}
.supplementary .intro span {
	letter-spacing: 1px;
	font-weight: 500;
	color: #fb8133;
	margin-bottom: 10px;
}
.supplementary .intro h2 {
	font-weight: 700;
	font-size: 28px;
	margin-bottom: 15px;
}
.supplementary .item {
	padding: 15px 15px;
	border: 1px dashed #eee;
	border-radius: 10px;
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
}
.supplementary .item.active, .supplementary .item:hover {
	border-color: transparent;
	-webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
					box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
}
.supplementary .item.active .icon, .supplementary .item:hover .icon {
	background: #fb8133;
	color: #fff;
}
.supplementary .supplementary-img {
	border-radius: 10px;
	width: auto;
	height: 80px;
	background: #f8f8f8;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.supplementary .supplementary-img:hover {
	background: #f3f3f3
}
.supplementary div div div:nth-child(2n) .item>a{
	float: right;
	margin-left: 15px;
}
.supplementary div div div:nth-child(2n-1) .item>a{
	float: left;
	margin-right: 15px;
}
.supplementary .item .icon {
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 50%;
	background: #f8f8f8;
	font-size: 40px;
	font-weight: bold;
	color: #fb8133;
	text-align: center;
	float: right;
	margin-left: 15px;
	margin-top: 9px;
	/* margin-bottom: 26px; */
	position: relative;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.supplementary .item .icon:after {
	content: '';
	width: 90px;
	height: 90px;
	border: 1px dashed #eee;
	border-radius: 50%;
	position: absolute;
	top: -5px;
	right: -5px;
	z-index: -1;
}
.supplementary .item h3 {
	font-size: 18px;
	margin-bottom: 11px;
	margin-top: 1px;
	letter-spacing: -0.1px;
	overflow: hidden;
	text-overflow: ellipsis;
	/* white-space: nowrap; */
	direction: rtl;
}
.supplementary .item p {
	line-height: 21px;
	font-size: 14px;
	text-align: justify;
	/* padding-right: 95px; */
	margin-bottom: 0;
}
.supplementary.half .item, .supplementary.bg-gray .item {
	background: #fff;
}
.supplementary.half .item {
	border: 0;
}
.supplementary.half .item .icon {
	float: right;
	text-align: center;
}
.supplementary.half .item h6, .supplementary.half .item p {
	margin-right: 100px;
}

/* ----------------------------------------------------------------
		 [ End supplementary ]
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
		 [ 08.3 Start others ]
-----------------------------------------------------------------*/
.others {
	padding-top: 80px;
}
.others .intro {
	margin-bottom: 80px;
}
.others .intro span {
	letter-spacing: 1px;
	font-weight: 500;
	color: #fb8133;
	margin-bottom: 10px;
}
.others .intro h2 {
	font-weight: 700;
	font-size: 28px;
	margin-bottom: 15px;
}
.others .item {
	padding: 15px 15px;
	border: 1px dashed #eee;
	border-radius: 10px;
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
}
.others .item.active, .others .item:hover {
	border-color: transparent;
	-webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
					box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
}
.others .item.active .icon, .others .item:hover .icon {
	background: #fb8133;
	color: #fff;
}
.others .others-img {
	border-radius: 10px;
	width: auto;
	height: 80px;
	background: #f8f8f8;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.others .others-img:hover {
	background: #f3f3f3
}
.others div div div:nth-child(2n) .item>a{
	float: right;
	margin-left: 15px;
}
.others div div div:nth-child(2n-1) .item>a{
	float: left;
	margin-right: 15px;
}
.others .item .icon {
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 50%;
	background: #f8f8f8;
	font-size: 40px;
	font-weight: bold;
	color: #fb8133;
	text-align: center;
	float: right;
	margin-left: 15px;
	margin-top: 9px;
	/* margin-bottom: 26px; */
	position: relative;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.others .item .icon:after {
	content: '';
	width: 90px;
	height: 90px;
	border: 1px dashed #eee;
	border-radius: 50%;
	position: absolute;
	top: -5px;
	right: -5px;
	z-index: -1;
}
.others .item h3 {
	font-size: 18px;
	margin-bottom: 11px;
	margin-top: 1px;
	letter-spacing: -0.1px;
	overflow: hidden;
	text-overflow: ellipsis;
	/* white-space: nowrap; */
	direction: rtl;
}
.others .item p {
	line-height: 21px;
	font-size: 14px;
	text-align: justify;
	/* padding-right: 95px; */
	margin-bottom: 0;
}
.others.half .item, .others.bg-gray .item {
	background: #fff;
}
.others.half .item {
	border: 0;
}
.others.half .item .icon {
	float: right;
	text-align: center;
}
.others.half .item h6, .others.half .item p {
	margin-right: 100px;
}

/* ----------------------------------------------------------------
		 [ End others ]
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
		 [ 09 Start Testimonials ]
-----------------------------------------------------------------*/
.testimonials .client-area {
	direction: rtl;
}

.testimonials .client-area p {
	font-size: 14px;
	text-align: justify;
	padding: 30px;
	background: #f6f9fb;
	margin-bottom: 40px;
	position: relative;
}
.testimonials .client-area p:after {
	content: '';
	width: 0;
	height: 0;
	border-top: 20px solid #f6f9fb;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	position: absolute;
	bottom: -20px;
	right: calc(50% - 20px);
}
.testimonials .client-area .img {
	display: inline-block;
	position: relative;
}
.testimonials .client-area .img .icon {
	width: 30px;
	position: absolute;
	top: 15px;
}
.testimonials .client-area .img .icon:first-of-type {
	right: -50px;
}
.testimonials .client-area .img .icon:last-of-type {
	left: -50px;
}
.testimonials .client-area .author {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto 20px;
}
.testimonials .client-area h6 {
	font-weight: 500;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 5px;
}
.testimonials .client-area span {
	font-size: 13px;
	color: #fb8133;
}
.testimonials.bg-gray .client-area p {
	background: #fff;
}
.testimonials.bg-gray .client-area p:after {
	border-top-color: #fff;
}

.testimonials-img {
	border-radius: 50%;
	border: 2px solid #e6e9ea;
}
.testimonials-icon {margin-bottom: 10px;}
.testimonials-icon .icon {
    background: none !important;
    border: 0 !important;
    width: 30px !important;
    vertical-align: -7px;
    display: inline-block !important;
    margin-bottom: 0 !important;
    margin: 0 8px;
}
.testimonials-icon .icon:after {
	content: none !important;
}
.testimonials-icon .author {
    display: inline-block;
    width: 80px;
}
.testimonials-item h3 {font-size: 15px !important;margin-bottom: 4px !important;}
.testimonials-item .subtitle {font-size: 13px !important;color: #fb8133;margin-bottom: 10px;}
.testimonials-item p {font-size: 15px !important;line-height: 22px;text-align: justify;}

/* ----------------------------------------------------------------
		 [ End Testimonials ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
		 [ 10 Start Numbers ]
-----------------------------------------------------------------*/
.numbers .icon {
	font-size: 60px;
	color: #fb8133;
	margin-bottom: 25px;
}
.numbers h3 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 25px;
}
.numbers h3 span {font-size: 40px;}
.numbers h6 {
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0.3px;
}

/* ----------------------------------------------------------------
		 [ End Numbers ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
		 [ 11 Start Call Action ]
-----------------------------------------------------------------*/
.call-action h3 {
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 15px;
}

/* ----------------------------------------------------------------
		 [ End Call Action ]
-----------------------------------------------------------------*



/* ----------------------------------------------------------------
		 [ 12 Start Team ]
-----------------------------------------------------------------*/
.team .item {
	text-align: center;
	overflow: hidden;
}
.team .item:hover .img .social {
	top: 0;
}
.team .item .img {
	position: relative;
}
.team .item .img .agents-logo {
	border: 2px solid #f6f9fb;
}
.team .item .img .social {
	position: absolute;
	top: -110%;
	right: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.team .item .img .social:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #fb8133;
	background: -webkit-gradient(linear, right top, left bottom, from(#fb8133), to(#f53434));
	background: linear-gradient(to left bottom, #fb8133, #f53434);
	opacity: .8;
}
.team .item .img .social .full-width {
	position: relative;
	z-index: 4;
	padding: 0 15px;
}
.team .item .img .social .full-width p {
	color: #fff;
	font-weight: bold;
	direction: rtl;
	margin-bottom: 0;
}
.team .item .img .social .full-width p i {
	font-size: 28px;
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}
.team .item .img .social .full-width p+p {
	display: block;
	font-weight: 600;
}
.team .item .img .social .icon {
	width: 35px;
	height: 35px;
	line-height: 35px;
	border: 1px solid rgba(255, 255, 255, 0.8);
	border-radius: 50%;
	color: #fff;
	margin: 0 5px;
}
.team .item .info {
	padding: 15px 0px 0;
	/* border-bottom: 1px dashed #eee; */
}
.team .item .info h6 {
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 16px;
}
.team .item .info span p {
	color: #fb8133;
	font-size: 12px;
	margin-bottom: 0;
	/* font-style: italic; */
}

.agents-special .owl-carousel .owl-nav .owl-next {
    background: #27488b;
    margin-top: -10px;
    margin-left: -2px;
}
.agents-special .owl-carousel .owl-nav .owl-prev {
    background: #27488b;
    margin-top: -10px;
	margin-right: -4px;
}

.agents-special .owl-carousel:hover .owl-nav .owl-next:hover,
.agents-special .owl-carousel:hover .owl-nav .owl-prev:hover {
    background: #f96134;
}
.agents-special .owl-carousel .owl-nav .owl-next i,
.agents-special .owl-carousel .owl-nav .owl-prev i {
    font-size: 34px;
    color: white;
}

/* ----------------------------------------------------------------
		 [ End Team ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
		 [ 13 Start Blog ]
-----------------------------------------------------------------*/
.blog .item .post-img .img {
	overflow: hidden;
	position: relative;
	border-radius: 10px 10px 0 0;
}
.blog .item .post-img .img a {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	position: absolute;
	top: 19px;
	left: 20px;
	background: #fb8133;
	color: #fff;
	padding: 10px;
	display: inline-block;
	text-align: center;
	border-radius: 4px;
	z-index: 3;
}
.blog .item .post-img .img a span {
	display: block;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.blog .item .post-img:hover img {
	-webkit-transform: scale(1.1, 1.1);
					transform: scale(1.1, 1.1);
}
.blog .item .post-img img {
	-webkit-transition: all .5s;
	transition: all .5s;
}
.blog .item .cont {
	position: relative;
	padding: 25px 25px;
	background: #f6f9fb;
	border-radius: 0 0 10px 10px;
	height: 130px;
}
.blog.cat .item .cont {
	height: auto;
}
.blog .item .info {
	margin-bottom: 20px;
}
.blog .item .info a {
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	margin-left: 15px;
	opacity: .8;
}
.blog .item .info a:last-of-type {
	margin-left: 0;
}
.blog .item .info a i {
	margin-left: 2px;
}
.blog .item h5 {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.7;
}
.blog .item h5:hover {
	color: #fb8133;
}
.blog .item p {
	margin-top: 10px;
}
.blog .item .more {
	margin-top: 12px;
	color: #fb8133;
	font-size: 13px;
	font-weight: 500;
	position: absolute;
	left: 20px;
	bottom: 15px;
}
.blog .item .more:hover i {
	margin-right: 10px;
}
.blog .item .more i {
	font-size: 12px;
	margin-top: 4px;
	margin-right: 4px;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.blog .clients {
	margin-top: 100px;
}
.blog .clients .row {
	border-top: 1px solid #f6f9fb;
	padding-top: 50px;
}
.blog .clients .brand {
	padding: 0 30px;
	opacity: .8;
}
.blog .clients .brand:hover {
	opacity: 1;
}

.posts .item {
	margin-bottom: 50px;
}
.posts .item p {
	font-size: 14px;
}
.posts .item .spical {
	margin: 15px;
	padding: 15px;
	border-right: 4px solid #fb8133;
}
.posts .item .ntpr-post {
	margin-top: 50px;
	padding-top: 50px;
	border-top: 1px solid #eee;
}
.posts .item .ntpr-post .all-post {
	font-size: 40px;
	width: 100%;
}
.posts .title {
	font-size: 14px;
	margin-bottom: 50px;
	padding-bottom: 15px;
	position: relative;
}
.posts .title:after {
	content: '';
	width: 60px;
	height: 1px;
	background: #fb8133;
	position: absolute;
	right: 0;
	bottom: 0;
}
.posts .comments, .posts .add-comment {
	padding: 40px 15px 0;
	border-top: 1px solid #eee;
}
.posts .comments .com, .posts .add-comment .com {
	margin-bottom: 50px;
}
.posts .comments .com:last-child, .posts .add-comment .com:last-child {
	margin-bottom: 0;
}
.posts .comments .com:nth-child(odd), .posts .add-comment .com:nth-child(odd) {
	margin-right: 50px;
}
.posts .comments .img, .posts .add-comment .img {
	width: 60px;
	height: 60px;
	float: right;
	border-radius: 50%;
	border: 1px solid #eee;
	overflow: hidden;
}
.posts .comments .cont, .posts .add-comment .cont {
	margin-right: 75px;
}
.posts .comments .cont h6, .posts .add-comment .cont h6 {
	font-size: 12px;
	margin-bottom: 5px;
}
.posts .comments .cont p, .posts .add-comment .cont p {
	padding-left: 15%;
	font-size: 14px;
}
.posts .comments .cont span, .posts .add-comment .cont span {
	color: #fb8133;
	font-size: 11px;
	font-style: italic;
	margin-bottom: 10px;
}
.posts .comments .cont .reply, .posts .add-comment .cont .reply {
	color: #888;
	font-size: 12px;
	float: left;
	margin-left: 15px;
	margin-top: -15px;
	border-radius: 30px;
	border: 1px solid #eee;
	padding: 10px;
}
.posts .comments .cont .reply i, .posts .add-comment .cont .reply i {
	margin-left: 5px;
}
.posts .comments .cont .reply:hover, .posts .add-comment .cont .reply:hover {
	color: #fb8133;
}
.posts form input, .posts form textarea {
	width: 100%;
	padding: 20px;
	background-color: #F6F9FB;
	border: 0;
	font-size: 13px;
}
.posts form textarea {
	height: 140px;
	max-height: 140px;
	max-width: 100%;
	margin-bottom: 10px;
}
.posts form .butn {
	margin: 30px 0 0 0;
	cursor: pointer;
}

.pagination {
	text-align: center;
}
.pagination ul {
	margin: auto;
}
.pagination li {
	float: right;
	margin: 0 5px;
}
.pagination li a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	background-color: #fff;
}
.pagination .active a {
	background-color: #fb8133;
	color: #fff;
}

.side-bar .widget {
	border: 2px solid rgba(251, 129, 51, 0.05);
	padding: 30px;
	margin-bottom: 50px;
	overflow: hidden;
}
.side-bar .widget ul {
	margin-bottom: 0;
}
.side-bar .widget ul li {
	margin-bottom: 30px;
	color: #444;
	font-size: 14px;
}
.side-bar .widget ul li:hover {
	color: #fb8133;
}
.side-bar .widget ul li:last-child {
	margin-bottom: 0;
}
.side-bar .widget ul li i {
	color: #fb8133;
	font-size: 10px;
	margin-left: 10px;
}
.side-bar .widget .recent li {
	display: block;
	overflow: hidden;
}
.side-bar .widget .recent .thum {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	overflow: hidden;
	float: right;
}
.side-bar .widget .recent a {
	display: block;
	margin-right: 100px;
	line-height: 1.7;
}
.side-bar .widget .recent a span {
	display: block;
	color: #999;
	font-size: 12px;
	margin-top: 5px;
}
.side-bar .widget-title {
	margin-bottom: 25px;
	text-align: center;
}
.side-bar .widget-title h6 {
	display: inline-block;
	padding-bottom: 20px;
	text-transform: uppercase;
	border-bottom: 1px solid #fb8133;
}
.side-bar .search form {
	position: relative;
}
.side-bar .search form input {
	width: 100%;
	padding: 15px;
	border: 0;
	background: #f6f9fb;
	font-size: 13px;
}
.side-bar .search form button {
	position: absolute;
	left: 0;
	top: 0;
	background-color: transparent;
	color: #999;
	border: 0;
	padding: 10px;
	cursor: pointer;
}
.side-bar .gallery li {
	width: 33.33333%;
	float: right;
	border: 5px solid #fff;
}
.side-bar .tags li {
	font-size: 12px !important;
	margin: 2px !important;
	padding: 7px 10px;
	border: 1px solid #eee;
	border-radius: 2px;
	float: right;
	color: #fb8133 !important;
}
.side-bar .tags li:hover {
	background-color: #222;
}

/* ----------------------------------------------------------------
		 [ End Blog ]
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
		 [ 13.1 Start Certifications ]
-----------------------------------------------------------------*/
.certifications .item .post-img .img {
	overflow: hidden;
	position: relative;
	border-radius: 10px;
}
.certifications .item .post-img .img a {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	position: absolute;
	top: 19px;
	left: 20px;
	background: #fb8133;
	color: #fff;
	padding: 10px;
	display: inline-block;
	text-align: center;
	border-radius: 4px;
	z-index: 3;
}
.certifications .item .post-img .img a span {
	display: block;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.certifications .item .post-img:hover img {
	-webkit-transform: scale(1.1, 1.1);
					transform: scale(1.1, 1.1);
}
.certifications .item .post-img img {
	-webkit-transition: all .5s;
	transition: all .5s;
}
.certifications .item .cont {
	position: relative;
	padding: 10px 0 0 0;
	font-size: 14px;
	/* background: #f6f9fb; */
	/* height: 130px; */
}

.certifications .item .cont h5 {font-size: 17px;}


/* ----------------------------------------------------------------
		 [ 13.2 Start Post Banner ]
-----------------------------------------------------------------*/
.post-banner .item .post-img .img {
	overflow: hidden;
	position: relative;
	border-radius: 10px;
}
.post-banner .item .post-img .img a {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	position: absolute;
	top: 19px;
	left: 20px;
	background: #fb8133;
	color: #fff;
	padding: 10px;
	display: inline-block;
	text-align: center;
	border-radius: 4px;
	z-index: 3;
}
.post-banner .item .post-img .img a span {
	display: block;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.post-banner .item .post-img:hover img {
	-webkit-transform: scale(1.1, 1.1);
					transform: scale(1.1, 1.1);
}
.post-banner .item .post-img img {
	-webkit-transition: all .5s;
	transition: all .5s;
}
.post-banner .item .cont {
	position: relative;
	padding: 10px 0 0 0;
	font-size: 14px;
	/* background: #f6f9fb; */
	/* height: 130px; */
}

.post-banner .item .cont h5 {font-size: 17px;}



/* ----------------------------------------------------------------
		 [ 14 Start Contact ]
-----------------------------------------------------------------*/
.page-contact-info {
	position: relative;
	margin-bottom: -30px;
	z-index: 3;
}
.page-contact-info .row {
	-webkit-box-shadow: 0px -10px 30px rgba(0, 0, 0, 0.05);
					box-shadow: 0px -10px 30px rgba(0, 0, 0, 0.05);
	border-radius: 5px;
}
.page-contact-info .item {
	padding: 40px;
	background: #fff;
}
.page-contact-info .item:nth-last-child(2) {
	border-left: 1px solid #f7f7f7;
	border-right: 1px solid #f7f7f7;
}
.page-contact-info .item .icon {
	font-size: 40px;
	color: #fb8133;
	margin-bottom: 30px;
}
.page-contact-info .item h5 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 15px;
}
.page-contact-info .item p {
	font-size: 14px;
	color: #5c6169;
}
.page-contact-info .item p.bold {
	color: #6b6f76;
	font-size: 20px;
	font-weight: bold;
}

.bmtit {
	position: absolute;
	bottom: -7px;
	right: 0;
	width: 100%;
	text-align: center;
}
.bmtit span {
	padding: 0 30px;
	background-color: #fff;
	font-size: 12px;
	color: #999;
}

.page-contact {
	position: relative;
}

.form input, .form textarea, .form-group input {
	background-color: #fafafa;
	border: 1px solid #f7f7f7;
	width: 100%;
	padding: 15px;
	border-radius: 5px;
}
.form input:focus, .form textarea:focus {
	border-color: #ddd;
}
.form textarea {
	height: 160px;
	max-height: 160px;
	max-width: 100%;
}
.form .form-group {
	position: relative;
}
.form .help-block li {
	color: #ce7373;
	font-size: 11px;
	font-weight: 500;
	position: absolute;
	top: 15px;
	left: 15px;
}

.form-group {
    text-align: right;
    position: relative;
}
.form-group label {
    font-size: 13px;
    /* font-weight: bold; */
    color: #b9b9b9;
    margin: 10px 0 3px;
}
.form-group select {
    display: block;
    width: 100%;
    background: #f6f9fb;
    border-radius: 2px;
    border: 0px solid #e6eff5;
    height: 46px;
    color: #757575;
    padding: 0 11px;
    font-size: 13px;
}
.form-group select option {}

.page-social {
	text-align: center;
}
.page-social a {
	padding: 12px 60px;
	border-radius: 30px;
	color: #fff;
	border-width: 1px;
	border-style: solid;
	margin: 5px;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.page-social a:hover {
	background-color: transparent;
	color: #555;
}

.page-map {
	background-color: #f7f7f7;
}
.page-map #ieatmaps {
	height: 400px;
}

/* ----------------------------------------------------------------
		[ End Contact ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
		[ 15 Start Footer ]
-----------------------------------------------------------------*/
.footer {
	padding-bottom: 0;
}
.footer.dark {
	background: #0B0A1A;
}
.footer.dark input {
	color: #fff;
}
.footer.dark .sub-footer {
	margin-top: 30px;
}
.footer.dark .sub-footer .row {
	padding: 34px 0 32px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.footer.dark .sub-footer p {
	font-size: 14px;
}
.footer .logo {
	margin-bottom: 7px;
	margin-top: -24px;
}
.footer .social a {
	color: #fff;
	text-align: center;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.1);
	margin: 15px 5px 0;
}
.footer .social a:hover {
	background: #fb8133;
}
.footer .item {
	margin-bottom: 50px;
}
.footer .item h6 {
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 40px;
}
.footer .item li {
	color: #ccc;
	margin-bottom: 19px;
	font-weight: 500;
	/* padding-right: 8px; */
}
.footer .item li i {
	margin-left: 5px;
	vertical-align: -3px;
}
.footer .item li:last-of-type {
	margin-bottom: 0;
}
.footer .item form input {
	width: 100%;
	border-radius: 30px;
	border: 0;
	padding: 10px 15px;
	background: rgba(255, 255, 255, 0.1);
	margin-bottom: 7px;
}
.footer .item form .butn {
	width: 100%;
	text-align: center;
	padding: 12px 15px;
}
.footer .p {
	color: #999;
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.footer.contact-page {
	padding-top: 240px;
}
.footer .sub-footer {
	margin-top: 30px;
}
.footer .sub-footer .row {
	padding: 50px 0;
	border-top: 1px solid #ccc;
}
.footer .sub-footer p {
	font-size: 14px;
}

/* ----------------------------------------------------------------
		 [ End Footer ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	 [ 16 Spacial Pages ]
-----------------------------------------------------------------*/
.error {
	min-height: 100vh;
}
.error p {
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 4px;
	margin-top: 10px;
	margin-bottom: 30px;
}
.error .butn i {
	margin-left: 10px;
}
.error .butn:hover span {
	color: #222 !important;
}

.faq-full-hidden {
	display: none;
}

.faq .accordion .faq-full {
	padding-top: 25px;
	padding-bottom: 25px;
}
.faq .accordion .item {
	margin-bottom: 20px;
}
.faq .accordion .title {
	padding: 15px 19px 14px 32px;
	background: #f6f9fb;
	cursor: pointer;
	position: relative;
}
.faq .accordion .faq-full .title {
	background: blanchedalmond;
	box-shadow: 0px 0px 20px 5px #fb7a3326;
}
.faq .accordion .title:after {
	content: '\f067';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 12px;
	position: absolute;
	top: 15px;
	left: 18px;
}
.faq .accordion .title h1 {
	font-size: 16px;
}
.faq .accordion .title h6 {
	font-size: 14px;
	font-weight: 600;
}
.faq .accordion .accordion-info {
	padding: 30px 30px 30px;
	background: #fafafa;
	display: none;
	position: relative;
}
.faq .accordion .faq-full .accordion-info {
	background: #ffffff;
	border: 1px solid #fb8133;
	border-top: 0;
}
.faq .accordion .accordion-info p {
	font-size: 14px;
}
.faq .accordion .accordion-info .spac {
	margin-top: 30px;
	padding-right: 30px;
}
.faq .accordion .accordion-info .spac h6 {
	position: relative;
	margin-bottom: 15px;
}
.faq .accordion .accordion-info .spac h6:after {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #555;
	position: absolute;
	top: 3px;
	right: -15px;
}
.faq .accordion .accordion-info .spac ul {
	padding-right: 30px;
}
.faq .accordion .accordion-info .spac li {
	margin-bottom: 10px;
	position: relative;
	font-size: 15px;
}
.faq .accordion .accordion-info .spac li:after {
	content: "";
	width: 6px;
	height: 6px;
	border: 1px solid #222;
	border-radius: 50%;
	position: absolute;
	top: 9px;
	right: -15px;
}
.faq .accordion ul li {
	font-size: 13px;
	color: #555;
	margin-bottom: 10px;
}
.faq .accordion ul li:last-child {
	margin-bottom: 0;
}
.faq .accordion ul li i {
	color: #fb8133;
	font-size: 10px;
	margin-left: 10px;
}
.faq .accordion .active {
	display: block;
}
.faq .accordion .active .title {
	color: #fff;
	background: #fb8133;
}
.faq .accordion .active .title:after {
	content: '\f068';
}

.faq .cat-tag {
    border: 1px solid #b9bfd8;
    font-size: 12px;
    border-radius: 3px;
    background: #edf3f7;
    color: #788eb9;
    padding: 6px 7px 6px 9px;
    position: relative;
    right: 0;
    bottom: -7px;
    font-weight: 500;
}
.faq .cat-tag i {
    vertical-align: -2px;
}
.faq .cat-tag:hover {
    background: #fffaf6;
    border-color: #fb8133;
    color: #fb8133;
}
.faq .cat-tag:hover i {}

.faq-readmore {
    font-weight: bold;
    font-size: 13px;
    color: #9baed4;
    margin-bottom: 0;
    display: block;
    position: absolute;
    left: 30px;
    bottom: 20px;
    padding-left: 15px;
}
.faq-readmore:hover {padding-left: 25px;}
.faq-readmore i {
	position: absolute;
	left: 0;
	top: 1px;
}

/* ----------------------------------------------------------------
		 [ End Spacial Pages ]
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
 	 [ 17 Responsive ]
-----------------------------------------------------------------*/
@media screen and (min-width: 1200px) {
	.container {
		max-width: 1200px;
	}
}
@media screen and (max-width: 991px) {
	.mb-md50 {
		margin-bottom: 50px;
	}

	.mb-md30 {
		margin-bottom: 30px;
	}

	.mb-md0 {
		margin-bottom: 0;
	}

	.bgimg-height {
		height: 200px;
	}

	.bg-fixed {
		background-attachment: scroll !important;
	}

	.navbar {
		min-height: 60px;
		padding-top: 20px;
	}
	.navbar.nav-scroll {
		padding-top: 0px;
	}
	.navbar-toggler {
	margin-top: 10px;
	margin-bottom: 11px;
	}
	.navbar .navbar-collapse {
		max-height: 370px;
		overflow: auto;
		background: #111;
		text-align: center;
		padding: 10px 15px;
		border-radius: 10px;
	}
	.nav-scroll .butn:after {
		border-radius: 6px;
	}
	.nav-scroll .navbar-collapse {
		border-radius: 0 0 10px 10px;
		margin-top: 3px;
	}
	.navbar .navbar-nav .nav-help {
		margin: 10px 0 0px;
		color: #fb8133;
		padding-bottom: 10px;
		border-bottom: 1px solid #232323;
	}
	.navbar .navbar-nav .butn {margin-top: 6px !important;border-radius: 6px;}
	.navbar .nav-link {
		margin: 3px auto !important;
	}

	.navbar .logo {
		margin-left: 0;
		margin-top: 0;
		width: 100px;
		padding-top: 0;
		padding-bottom: 0;
		position: absolute;
		left: 24px;
		top: 27px;
	}
	.navbar.nav-scroll .logo {
		margin: 0;
		padding: 0;
		top: 8px;
		left: 10px;
	}

	.nav-scroll .navbar-collapse .nav-link, .light .navbar-collapse .nav-link {
		color: #fff !important;
	}
	.nav-scroll .navbar-collapse .active, .light .navbar-collapse .active {
		color: #fb8133 !important;
	}

	.navbar-nav .dropdown-menu {
		opacity: 1;
		visibility: visible;
		display: none;
		background: #222;
		text-align: center;
		color: #eee;
		padding-bottom: 4px !important;
		border-radius: 6px;
	}
	.navbar-nav .dropdown-menu .dropdown-item {
		color: #eee;
		border-bottom: 1px dashed #2d2d2d;
		margin: 0 10px 4px;
		width: calc(100% - 20px);
	}
	.navbar-nav .dropdown-menu li:last-child .dropdown-item { border-bottom: 0 }
	.dropdown-menu.show {
		display: block;
	}

	.header {
		background-attachment: scroll !important;
		background-position: 50% 0% !important;
	}
	.header .caption h1 {
		font-size: 45px;
		line-height: 1.4;
	}
	.header .caption p {
		padding: 0;
	}

	.banner .content h3 {
		font-size: 20px;
	}

	.banner .content .item .icon {
		float: none;
		margin-bottom: 30px;
	}

	.banner .content .item .cont {
		margin-right: 0;
	}

	.process h4 {
		font-size: 25px;
	}

	.process .padding {
		padding: 10px;
	}

	.process {
		padding-bottom: 30px;
	}

	.blog .item {
		margin-bottom: 30px !important;
	}

	.blog .clients {
		margin-top: 70px;
		padding-top: 20px;
	}

	.blog .clients .brand {
		padding: 30px 30px 0;
	}

	.blogs {
		padding-bottom: 90px;
	}

	.about.half .item {
		text-align: center;
	}

	.about.half .item .icon {
		float: none;
		margin-bottom: 30px;
	}

	.about.half .item h6, .about.half .item p {
		margin-right: 0;
	}
}
@media screen and (max-width: 767px) {
	.mb-sm50 {
		margin-bottom: 50px;
	}

	.mb-sm30 {
		margin-bottom: 30px;
	}

	.bgimg-height-sm {
		height: 400px;
		border-radius: 0 !important;
	}

	.box-padding {
		padding-bottom: 0;
	}

	.section-head h4 {
		font-size: 32px;
	}

	.order1 {
		-webkit-box-ordinal-group: 2 !important;
				-ms-flex-order: 1 !important;
						order: 1 !important;
	}

	.order2 {
		-webkit-box-ordinal-group: 3 !important;
				-ms-flex-order: 2 !important;
						order: 2 !important;
	}

	.process .item img {
		display: none;
	}

	.posts .item .ntpr-post .all-post {
		margin: 15px 0;
	}

	.page-contact {
		padding-bottom: 100px;
	}

	.page-contact-info {
		margin-bottom: 90px;
	}
	.page-contact-info .item {
		margin-bottom: 50px;
	}
}
@media screen and (max-width: 480px) {
	.header .background {
		min-height: 110vh;
	}
	.header .caption h1 {
		font-size: 27px;
		line-height: 40px;
	}
	.header .caption p {
		/* display: none; */
		/* letter-spacing: -0.4px; */
		text-align: justify;
		font-size: 14px;
	}
	.header .caption .butn {
		padding: 10px 25px;
		margin-top: 15px !important;
	}

	.pages {
		text-align: center;
	}

	.content h2 {
		font-size: 24px;
		margin-bottom: 20px
	}

	.bg-img {
		background-position: right;
	}
	.pages h5, .pages h6 {
		float: none;
		margin: 15px 0;
	}

	.about .intro h4 {
		font-size: 22px;
	}

	.works .filtering span {
		margin-bottom: 10px;
		padding: 8px 15px;
	}

	.blog .clients .brand {
		padding: 30px 60px 0;
	}

	.supplementary .supplementary-img-link {
		float: none !important;
		display: block;
		margin: 0 0 20px 0 !important;
		text-align: center;
	}
	.supplementary .supplementary-img {
		max-width: 100%;
		height: auto;
	}

	.others .others-img-link {
		float: none !important;
		display: block;
		margin: 0 0 20px 0 !important;
		text-align: center;
	}
	.others .others-img {
		max-width: 100%;
		height: auto;
	}

}
/*# sourceMappingURL=style.css.map */