/******* TABLE OF CONTENT *******/
/********
 Imported styles
 Global styles
 Button style
 Sec title style
 Header-style
 Rev Slider style
 page title style
 latest-news style
 feature style
 google map Section style
 contact Section style
 Team Member styles
 latest-gallery styles 
 Checkout Area style
 page_pagination style
 footer style
 about style
 our-services style
 recent-project style
 call-to-action styles 
 Parallax Style One
 team Section style
 two-column style
 service-single Section style
 gallery Section
 Side Bar Style
 Blog Page Style
 blog grid page style
 feature-style-three
 contact_us style
 error page style

********/

/* 
==========================================
   Imported styles
==========================================
*/
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');


/* 
      */

@import url(bootstrap.min.css);
@import url(bootstrap-select.min.css);
@import url(jquery.bootstrap-touchspin.css);
 @import url(font-awesome.css);
@import url(flaticon.css);
 @import url(settings.css);
@import url(layers.css);
@import url(navigation.css);
 @import url(owl.carousel.css);
@import url(jquery.bxslider.css);
@import url(flexslider.css);
 @import url(jquery-ui.css);
@import url(jquery.fancybox.css);
@import url(polyglot-language-switcher.css);
 @import url(animate.min.css);
@import url(nouislider.css);
@import url(nouislider.pips.css);
@import url(magnific-popup.css);

@font-face {
  font-family: "Font Awesome 7 Free";
  src: url("../fonts/fontawesome-webfont.woff2") format("woff2");
  font-weight: 900;
}
@font-face {
  font-family: "Font Awesome 7 Free";
  src: url("../fonts/fa-brands-400.woff2") format("woff2");
  font-weight: 900;
}
@font-face {
  font-family: "Font Awesome 7 Free";
  src: url("../fonts/fa-regular-400.woff2") format("woff2");
  font-weight: 900;
}

/* 
============================================
   Global styles
============================================
*/



body {
	color: #222222;
	font-size: 16px;
	overflow-x: hidden;
	max-width: 100%;
}


:root{    --primary-color: #163300;
    --secondary-color: #EFF1ED;
    --text-color: #888888;
    --white-color: #ffffff;
    --black-color: #000000;
    --accent-color: #05426f;
    --white-divider: #ffffff70;
    --divider-color: #DADADA;
    --overlay-color: rgba(22, 51, 0, 0.65);
    --error-color: rgb(230, 87, 87);
    --accent-font: 'Rajdhani', sans-serif;
    --default-font: 'Rubik', sans-serif;}

h1, h2, h3, h4, h5, h6, p, ul {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5 {
	font-family: 'oswald';
}
ul {
	list-style-type: none;
}
p {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
}
a {
	text-decoration: none;
	display: inline-block;
	outline: none;
}
a:hover, a:focus, a:visited {
	text-decoration: none;
	outline: none;
}
img {
	max-width: 100%;
	display: inline-block;
}
button {
	border: none;
	outline: none;
	box-shadow: none;
	display: block;
	padding: 0;
	background: transparent;
}
input, textarea {
	display: block;
	font-size: 16px;
	line-height: 28px;
	outline: none;
	box-shadow: none;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.header {
	/* border-top: solid 4px #033d75; */
	position: absolute;
	width: 100%;
	z-index: 10000;
}
.menubg {
	background: #c01e1f;
	min-height: 50px;
}
#im1 {
	max-width: 100%;
	float: right;
}
.right {
	float: right;
	margin: 20px 0px 0px 0px;
}
.mr-1{
	margin-right: 5px;
}

#a1 {
	font-size: 13px;
	font-weight: 600;
	color: #fff;
	background: #d22e2f;
	padding: 4px 10px;
	/* border: 1px solid #86eafb; */
}
.link {
	display: inline-block;
	line-height:25px;
    background:url(../images/bgbutton.jpg)  color: #FFF;
	background: url(../images/btriangle.png) bottom left no-repeat;
}
.con {
	margin-left: 13px;
}
.link a {
	font-size: 13px;
	color: #fff;
}
.link span {
	padding: 0px 10px;
	color: #fff;
}
.fa-envelope {
	padding-right: 5px;
}
.boxed_wrapper {
	width: 100%;
	background: #fff;
	overflow-x: hidden;
}
.mt-30 {
	margin-top: 30px
}
.clear_fix {
	clear: both;
}
.clear_fix:after {
	display: table;
	content: '';
	clear: both;
}
.list_inline li {
	display: inline-block;
}
.social li {
	display: inline-block;
	font-size: 14px;
}
.social li a {
	color: #fff;
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.default_link {
	font-size: 14px;
	text-transform: uppercase;
	color: #26cdff;
	font-weight: 600;
}
.default_link:hover {
	color: #26cdff;
}
.default_link i {
	margin-left: 3px;
	font-weight: 700;
	font-size: 18px;
}
.uppercase {
	text-transform: uppercase;
}
.padd-80 {
	padding-top: 80px;
}
.tran3s {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.center {
	text-align: center;
}
.row-5 {
	margin: 0 -5px;
}
.thm-color {
	color: #26cdff;
}
.bold {
	font-weight: 700;
}
.s-bold {
	font-weight: 600;
}
.m-bold {
	font-weight: 600;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.home1 {
	display: none !important;
}
.inner-banner {
	width: 100%;
}
.header-bg img {
	max-width: 100%;
	min-height: 169px;
}
.head {
	background: #fff;
	position: relative;
}
.paging {
	background: rgba(0,0,0,0.4);
	margin-bottom: 60px;
	margin-top: -103px;
	z-index: 10000;
	position: relative;
	float: left;
}
.paging ul {
	list-style: none;
}
.paging ul li a {
	color: #fff;
	font-size: 15px;
}
.paging span a {
	color: #26cdff !important;
}
.paging ul li a:hover {
	color: #fff;
	text-decoration: underline !important;
}
.paging ul li {
	color: #fff;
	padding: 3px 15px 3px 6px;
	font-size: 16px;
	float: left;
	position: relative;
}
.paging ul li:before {
	content: "//";
	position: absolute;
	right: 0;
	top: 6 !important;
	display: block;
}
.paging ul li:last-child:before {
	display: none;
}
.con-ourter {
	display: inline-block;
	padding: 20px 0px;
}
.content-info {
	padding: 20px 0px;
	background: #fff url(../images/heading-bg.png) top 20px right 28px no-repeat;
}
.heading h1 {
	color: #000;
	font-size: 30px;
	font-family: 'oswald';
	padding: 20px 0px;
	background: url(../images/borderbottom.png) left bottom no-repeat;
}
/*.heading h1:after {
	content: '';
    width: 72px;
    height: 3px;
    background-color: #00b3ff;
    position: absolute;
    left: 19px;
    margin: auto;  
    top: 63px;

} */
.side-heading {
	color: #fff;
	background: #194d7f;
	padding: 10px 15px;
	font-weight: bold;
	font-size: 25px;
	font-family: 'oswald';
	margin-top: 1em;
}
.news-heding {
	font-size: 16px;
	margin-bottom: 10px;
	color: #fff;
}
.news {
	background: #5e89b5;
	position: relative;
	width: 100%; /*marquee width */
	height: 100px; /*marquee height */
	overflow: hidden;
}
.newslist {
	margin: 15px;
	padding: 10px 0px !important;
	list-style: none;
}
.newslist li {
	margin: 12px 0px;
	padding: 0px 0 0 15px;
	font-size: 14px;
	color: #fff;
	background: url(../images/newsarrow.png) left 6px no-repeat;
}
.newslist li a {
	font-size: 14px;
	color: #fff;
	line-height: 22px;
}
.newslist li a:hover {
	color: #fff;
	text-decoration: underline;
}
.side-img-bar {
	border: 1px solid #dddddd;
}
.side-img {
	max-width: 100%;
}
.caption {
	background: #c01e1f;
	color: #fff;
	padding: 20px 0px 20px 10px;
}
.caption h4 {
	font-size: 30px;
	font-weight: 700;
	font-family: 'oswald';
	padding: 10px 0px;
}
.caption p {
	font-size: 34px;
	font-family: 'open sans'
}
.slide-left h5 a {
	border: 2px solid #fff;
	border-radius: 100px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 13px 22px;
	text-decoration: none;
	transition: all ease-in-out .3s;
	color: #77b7f8;
}
.slide-left h5 a:hover {
	background: red;
	color: white
}
.slide-left h5 {
	margin-top: 23px;
	padding-bottom: 15px;
}
.below-mid { /* float:left; text-align:right; width:30%; */
	margin: 5px 0px;
}
.right-info {
	margin: auto;
	padding-bottom: 2em;
}
.heading span {
	color: #c01e1f;
}
.right-info h4 {
	color: #194d7f;
	font-size: 20px;
	line-height: 30px;
	font-family: 'oswald';
	padding: 10px 0px;
}
.right-img {
	margin: auto;
	max-width: 100%;
}
.right-img img {
	
	  max-width: 100%;
    float: left;
    margin-right: 20px;
    
    margin-bottom: 10px;
}
.ceo-img {
	float: left;
	margin: 15px 21px 0px 0px;
	width: 280px;
}
.ceo-img img {
	max-width: 100%;
}
.profile-name {
	background: #194d7f;
	padding: 6px 10px;
	text-align: center;
}
.profile-name h5 {
	left: 5px;
	color: #fff;
	font-size: 16px;
	font-family: 'open sans'
}
.profile-name p {
	color: #fff !important;
	font-size: 13px !important;
	text-align: center !important;
	padding: 0px !important;
}
.right-info ul {
	list-style: none;
}
.right-info ul li {
	font-size: 16px;
	color: #404040;
	background: url(../images/red_li.png) top 6px left no-repeat;
	top: 10px;
	padding-left: 29px;
	line-height: 32px;
}
.touter {
	width: 100%;
	overflow-x: scroll;
}
.right-info p a {
	color: #0574e3;
}
.outer-info {
}
.right-img h5 {
	padding-top: 10px;
}
.right-info p {
	/*border-bottom: 1px solid rgb(0, 0, 0, 0.1);*/
	line-height: 24px;
	color: #262626;
	font-size: 16px;
	text-align: justify;
	font-weight: 500;
	padding:15px 0px 0px 0px;
	font-family: 'open sans';
	margin-bottom:0px;
}
.contact-detail-outer {
	width: 50%;
	background: #15416e;
	padding: 35px 35px 35px 18px;
	position: relative;
	margin-top: 50px !important;
}
.contact-detail-outer h2 {
	font-size: 30px;
	color: #fff;
	font-family: 'abeezee';
	padding-right: 40px;
	margin: 0
}
.inner-contact-detail {
	line-height: 24px;
	font-size: 15px;
	font-family: 'abeezee';
	color: #fff;
	border-bottom: 1px solid #fff;
}
.inner-contact-detail i {
	font-size: 26px;
	margin-right: 10px;
}
.inner-contact-detail img {
	max-width: 100%;
	pading: 5px;
}
.inner-contact-detail span, .inner-contact-detail a {
	color: rgba(255, 255, 255, 0.75);
	display: block;
	padding: 14px 0px;
}
.inner-contact-detail span, .inner-contact-detail a:hover {
	text-decoration: none;
	color: #fff;
}
.inner-contact-detail h3 {
	font-size: 20px;
	border-bottom: 1px solid #fff !important;
	padding: 10x 0px
}
.con-fig {
	width: 50%;
	height: 100%;
	position: absolute;
	background: #f1f1f1 url(../images/clientimages/contactus.JPG) top right no-repeat;
	top: 0;
	right: 0;
	border: 1px solid #0fb0e0;
    background-size: cover;
}
.inner-contact-detail:last-child {
	border: none;
}
.map {
	margin: auto;
	margin: 10px 0px 2em 0px;
}
.map img {
	max-width: 100%;
}
.overarea {
	border: none;
}
.outer-con {
	position: relative;
}
.post_right {
	width: 50%;
	height: 100%;
	position: absolute;
	background: url(../images/post_right_img.jpg) top right no-repeat;
	top: 0;
	right: 0;
	background-size: cover;
}
.post_right img {
	max-width: 100%;
}
.form-outer {
	width: 50%;
	background: #f5f4f4;
	position: relative;
	margin-top: 50px !important;
	padding: 21px 0px;
}
.form-outer h4 {
	font-size: 16px;
	color: #000;
	font-family: 'open sans';
	font-weight: 600;
	padding: 25px 20px;
}
.form-outer h4 span {
	font-size: 16px;
	color: #F00;
	font-family: 'open sans';
}
.control-2 {
	width: 50%;
	padding: 0px 12px;
	font-size: 14px;
	line-height: 10px !important;
	color: #ffb902;
	background-color: #fff;
	background-image: none;
	border: 1px solid #dfc675;
	border-radius: 2px;
	margin: 1px 0px;
	display: inline;
	height: 44 !important;
}
label {
	float: left;
	width: 40%;
	font-size: 15px;
	text-align: right;
	margin-right: 0.5em;
	white-space: nowrap;
	/* overflow: hidden; */
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	top: 5px;
	/* margin-top: 16px; */
	position: relative;
	font-weight: 500;
	margin-bottom: 28px;
}
.captcha {
	width: 20%;
}
.captcha img {
	max-width: 100%;
}
.group {
	margin-bottom: 7px;
}
.group span {
	color: #F00 !important;
}
.group img {
	border: 1px solid #dcdbdb;
}
.refresh-btn {
	background: #fff;
	border: 1px solid #dcdbdb;
	color: #1e4c8a;
	font-size: 19px;
	padding: 6px 19px;
}
.submit {
	color: #fff;
	font-size: 15px !important;
	position: relative;
	z-index: 1;
	font-weight: 400 !important;
	border: none;
	padding: 5px 16px !important;
	background: #1acaff;
	font-family: 'poppins';
	border: none !important;
	/* margin: 11px 0px; */
	border-radius: 0px !important;
	text-transform: uppercase;
	margin-left: 41%;
}
.buttonfx {
	outline: none;
	background: transparent;
	padding: 20px 5px;
	line-height: 2;
	display: inline-block;
	/* margin-right: 20px;
  margin-bottom: 20px;*/
	cursor: pointer;
	text-decoration: none; /* remove underline if using A instead of BUTTON tag */
	overflow: hidden;
	transition: all .5s;
}
.buttonfx:before, .buttonfx:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	background: #09335b; /* onhover background color */
	z-index: -1;
	transform: translate3D(0, -100%, 0); /* move elements above button so they don't appear initially */
	transition: all .5s;
}
.buttonfx:before {
	background: #1acaff;
	z-index: -2;
	transform: translate3D(0, 0, 0);
}
.buttonfx:hover {
	color: #FFF !important;
}
.buttonfx:hover:after {
	transform: translate3D(0, 0, 0);
	transition: all .5s;
}
.license-img {
	margin: auto;
}
.license-img img {
	max-width: 100%;
}
.custom-file-input {
	width: 50%;
}
.Clients-img {
	margin: auto;
	padding: 10px 0px;
}
.client-logo {
	margin: 20px 0px;
    background-color: #fff;
    /* width: 284px; */
    width: 96%;
	overflow: hidden;
    height: 90px;
    box-shadow: 0px 0px 1px 0px #e6e6e6;
    border: 1px solid #e6e6e6;
    text-align: center;
    border-radius: 10px;
    position: relative;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.client-logo img {
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	height: auto;
	transition: 0.7s ease-in-out;
}
.post-table td {
	border-right: 1px solid #e0ecf1;
	color: #000;
	font-size:14px;
	font-family:'open-sans';
	text-align: left;
	vertical-align: top;
	padding: 10px 15px 10px 15px;
}
td {
	height: 35px;
	padding-left: 10px;
	font-size:14px;
	font-family:'open-sans';
	text-align: left;
	line-height: 16px;
	color: #626262;
	margin: 0px;
	word-wrap: break-word;
	border-top: 1px solid #e0ecf1;
	border-right: 1px solid #e0ecf1;
}
.post-table th {
	color: #fff;
	fontt-size:14px;
	font-weight: bold;
	text-align: center;
	text-transform:capitalize;
	background: #d6393e;
	padding: 18px 0px;
	border: 1px solid #ccc;
}
tr {
	padding-left: 10px;
}
th {
	height: 30px;
}
.post-table {
	border: 1px solid #e0ecf1;
	margin: 15px 0px;
}
.red_arrow {
	background: url(../images/red-arrow.png) top 15px left no-repeat;
	padding-left: 5px;
	padding-left: 29px !important;
}
.timeline {
	text-align: center;
	margin: 3em;
}
@media (max-width: 1200px) {
.home1 {
	display: block;
}
}
 @media (min-width: 1200px) {
.container {
	padding: 0;
}
}
/*
===============================================
  button style
===============================================
*/
.thm-btn {
	position: relative;
	background: #1acaff;
	font-size: 16px;
	line-height: 55px;
	font-weight: 500;
	color: #ffffff;
	border: 1px solid #20afda;
	text-transform: uppercase;
	display: inline-block;
	padding: 0 26px;
	font-family: 'oswald';
	-webkit-transition: all .5s cubic-bezier(0.4, 0, 1, 1);
	transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}
.thm-btn:hover {
	background: transparent;
	color: #26cdff;
	-webkit-transition: all .5s cubic-bezier(0.4, 0, 1, 1);
	transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}
.theme_menu .link_btn {
	margin-top: 24px;
	color: #222222;
}
.button-style-one {
	margin-top: 20px;
	color: #26cdff;
	position: relative;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	font-family: 'oswald';
	margin-bottom: 12px;
}
.button-style-one:before {
	content: "";
	position: absolute;
	bottom: 0px;
	width: 94px;
	height: 1px;
	background: #26cdff;
}
.button-style-one:hover {
	color: #26cdff;
}
.button-style-two {
	font-family: 'oswald';
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #222222;
	padding: 11px 26px;
	border: 1px solid #26cdff;
	letter-spacing: 1px;
}
.button-style-two:hover {
	color: #222222;
}
.anim-3 {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.anim-5 {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
/*
--------------------------------------------
  sec title style
--------------------------------------------
*/
.sec-title1 h2 {
	color: #000;
	text-align: center;
	position: relative;
	font-size: 45px;
	margin-bottom: 22px;
	padding-bottom: 10px;
	/* background: url(../images/circular.png) bottom center no-repeat; */
}
.sec-title {
	position: relative;
	margin-bottom: 20px;
	text-align: center;
}
.sec-title h2 {
	color: #fff;
	text-align: left;
	position: relative;
	font-size: 45px;
	margin-bottom: 22px;
	padding-bottom: 10px;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
}

.image-after::before{
	content: "";
	width: 15%;
	height: 2px;
	background-color:#fecc00;
	position: absolute;
	bottom: -5px;
	left: 0;
	right: 0;
	margin: auto;
}

.image-after::after{
	content: "";
	width: 10%;
	height: 8px;
	background-color:#05426f;
	position: absolute;
	bottom: -8px;
	left: 0;
	right: 0;
	margin: auto;
}

.image-aftermess{
	position: relative;
}

.image-aftermess::before{
	content: "";
	width: 60%;
	height: 2px;
	background-color:#fecc00;
	position: absolute;
	bottom: -5px;
	left: 0px;
	right: 0;
	margin: auto;
}

.image-aftermess::after{
	content: "";
	width: 40%;
	height: 6px;
	background-color:#308dcf;
	position: absolute;
	bottom: -6px;
	left: 0;
	right: 0;
	margin: auto;
}




.client h2 {
	color: #000;
	text-align: center;
	font-size: 50px;
	margin-bottom: 22px;
}
.cllogo {
	padding: 0px 10px;
}
/* .s
.client{ec-title h2.left:before{
	position: absolute;
    content: '';
    background: #26cdff;
    width: 50px;
    height: 3px;
    left: 0px;
    bottom: -15px;
}
.sec-title h2.center:before{
	position: absolute;
    content: '';
    background: #26cdff;
    width: 50px;
    height: 3px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -15px;
} */
.sec-title span {
	color: #fff;
	font-size: 40px ;
}
.scroll-top {
	    width: 45px;
    height: 45px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 8888;
    display: none;
    color: #fff;
    text-align: center;
    background: #fecc00;
    border-radius: 50%;
    border: 2px solid white;
}
.scroll-top span:before {
	font-size: 27px;
}
.scroll-top:after {
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 1;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
	background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}
.preloader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/icons/preloader.gif);
}
/*
=================================================
  header-style
=================================================
*/

.crypto-top-strip {
	position: relative;
	background-color: #033d75
}
.crypto-userinfo {
	margin-bottom: 0
}
.crypto-userinfo li {
	list-style: none;
	float: left;
	color: #ffffff;
	font-size: 14px;
	padding: 14px;
	margin-right: 11px;
}
.crypto-userinfo li:first-child {
	background-color: rgba(255,255,255,0.10);
}
.crypto-userinfo li i {
	float: left;
	margin: 3px 10px 0px 0px;
}
.crypto-user-section {
	float: right;
}
.crypto-user-section li {
	float: left;
	list-style: none;
}
.crypto-user-section > li {
	margin-left: 30px;
	padding: 14px 0px 14px 0px;
	font-size: 14px;
}
.crypto-user-section > li a i {
	float: left;
	margin: 3px 16px 0px 0px;
	font-size: 14px;
}
.crypto-user-section li a {
	color: #ffffff;
	transition: .3s all;
}
.crypto-user-section li a:hover i {
	color: #26cdff
}
/* Language Switcher */
.crypto-language {
	float: left;
	margin: 0px 0px 0px 0px;
}
.crypto-language ul {
	margin: 0px;
}
.crypto-language ul li {
	list-style: none;
	float: left;
	position: relative;
}
.crypto-language > ul > li > a {
	color: #ffffff;
}
.crypto-language > ul > li > a:after {
	content: "\f107";
	font-family: FontAwesome;
	display: inline-block;
	font-size: 11px;
	margin-left: 4px;
}
.crypto-language > ul > li > i {
	font-size: 11px;
	color: #ffffff;
	margin-right: 3px;
}
.crypto-language > ul > li:hover .crypto-language-menu {
	opacity: 1;
	visibility: visible;
}
.crypto-language-menu {
	position: absolute;
	left: 0px;
	top: 100%;
	background-color: #ffffff;
	margin: 0px;
	z-index: 2;
	opacity: 0;
	visibility: hidden;
}
.crypto-language-menu li {
	float: left;
	width: 100%;
	padding: 6px 10px;
	border-bottom: 1px solid #dddddd;
}
.crypto-language-menu li:last-child {
	border-bottom: none;
}
.crypto-language-menu li a {
	color: #000;
	font-size: 12px;
}
/*logo*/

.main-logo {
	padding: 7px 0px;
	text-align: left;
}
 @media (max-width: 480px) {
.main-logo img {
	width: 143px;
	position: relative;
	/* top: 30px; */
}
.crypto-userinfo li {
	font-size: 12px
}
.mainmenu-area .thm-btn {
	padding: 0 6px !important;
}
.mainmenu-area .right-area .link_btn {
	margin-top: 0 !important
}
.main-menu {
	margin-top: 15px !important;
}
}
@media (max-width: 360px) {
.crypto-userinfo li {
	font-size: 10px
}
}
/*==============================================
    Mainmenu Area Css
===============================================*/
.mainmenu-area {
}
@media (max-width: 992px) {
.main-menu {
	position: relative;
	margin-top: 15px !important;
	margin-bottom: 15px;
}
.mainmenu-area .menu-column {
	border-top: 1px solid #ccc
}
.mainmenu-area .right-area .link_btn {
	margin-top: 10px !important;
}
}
@media (max-width: 767px) {
.rev_slider_wrapper .slide-content-box .button a {
	line-height: 25px !important;
	font-size: 10px !important;
}
}
.main-menu {
	position: relative;
	margin-top: 30px
}
.navbar-collapse {
	padding: 0px
}
.navigation {
	position: relative;
	font-family: 'Montserrat', sans-serif;
}
.navigation li {
	display: inline-block;
}
.navigation li a {
	padding: 8px 13px 28px;
	text-transform: uppercase;
	color: #222;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	font-size: 14px;
	font-weight: 700;
	font-family: 'oswald';
}
.navigation > li:hover > a {
	color: #26cdff;
}
.navigation > li > ul {
	position: absolute;
	left: 0px;
	top: 100%;
	background: #333;
	width: 230px;
	padding: 12px 0px;
	z-index: 999;
	display: none;
}
.navigation > li > ul > li {
	position: relative;
	display: block;
}
.navigation > li > ul > li > a {
	color: #ffffff;
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	padding: 12px 20px;
	margin: 0;
	text-transform: capitalize;
	transition: all 500ms ease 0s;
}
.navigation > li > ul > li:hover > a {
	color: #26cdff;
}
/*========= third-menu ===============*/

.navigation > li > ul > li.third-menu ul {
	position: absolute;
	left: 230px;
	top: 0px;
	background: #333;
	width: 200px;
	border-top: 2px solid #fff;
	padding: 12px 0px;
	z-index: 999;
	display: none;
}
.navigation > li > ul > li.third-menu {
	position: relative;
}
.navigation > li > ul > li.third-menu ul a {
	color: #ffffff;
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	padding: 12px 20px;
	margin: 0;
	text-transform: capitalize;
	transition: all 500ms ease 0s;
}
.navigation > li > ul > li.third-menu ul a:hover {
	color: #fdc716;
}
.navigation > li > ul > li.third-menu:after {
	position: absolute;
	content: "\f0de";
	font-family: FontAwesome;
	color: #fff;
	font-size: 20px;
	line-height: 40px;
	right: 14px;
	transform: rotate(90deg);
	top: 3px;
}
/*========= mobile-menu ==============*/

.mobile-menu .dropdown-btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 42px;
	border-left: 1px solid #26cdff;
	cursor: pointer;
	display: block;
	z-index: 5;
}
.mobile-menu .dropdown-btn:after {
	position: absolute;
	content: "\f107";
	font-family: FontAwesome;
	color: #26cdff;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	width: 100%;
}
.mobile-menu, .mobile-menu > li > ul, .mobile-menu > li > ul > li > ul {
	background: #000;
}
.mobile-menu > li > ul, .mobile-menu > li > ul > li > ul {
	display: none;
}
.mobile-menu > li > a, .mobile-menu > li > ul > li > a, .mobile-menu > li > ul > li > ul > li > a {
	background: #fff;
	padding: 10px 20px;
	line-height: 22px;
	color: #222;
	display: block;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	border-top: 1px solid #26cdff;
}
.mainmenu-area .right-area .link_btn {
	margin-top: 24px;
}
.mainmenu-area .navigation > li.current > a {
	position: relative;
	color: #26cdff;
}
.mainmenu-area .navigation > li.current > a:before {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0px;
	width: 100%;
	height: 3px;
	background: #26cdff;
}
/*menu*/

.theme_menu {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	background: #fff;
}
.theme_menu .menu-column {
	padding: 0;
}
.nav_side_content {
	margin-top: 33px;
	float: left;
	position: relative;
	left: -20px;
}
.nav_side_content .cart_select {
	border-left: 1px solid #ececec;
	padding-left: 5px;
}

/* Mainmenu fixed style */
@-webkit-keyframes menu_sticky {
 0% {
margin-top:-100px;
}
 50% {
margin-top: -90px;
}
 100% {
margin-top: 0;
}
}
@keyframes menu_sticky {
 0% {
margin-top:-100px;
}
 50% {
margin-top: -90px;
}
 100% {
margin-top: 0;
}
}
.mainmenu-area.stricky-fixed {
	margin: 0;
	position: fixed;
	background: #05426f;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
	-webkit-animation-name: menu_sticky;
	animation-name: menu_sticky;
	-webkit-animation-duration: 0.60s;
	animation-duration: 0.60s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

.bg-man-banns{
	margin-top: 100px;
}
/*** 
=============================================
    Rev Slider style
=============================================
***/


.glanguage { float: left; }
.rev_slider_wrapper .slide-content-box h1 {
	color: #fff;
	font-size: 45px;
	line-height: 62px;
	margin: 14px 0 9px;
	font-weight: 500;
	padding: 0px 25px;
	border-left: 7px solid #26cdff;
	font-family: 'oswald';
	text-transform: uppercase;
}
.rev_slider_wrapper .slide-content-box h2 {
	font-size: 45px;
	color: #05536a;
	font-family: 'oswald';
	text-transform: uppercase;
	font-weight: 700;
}
.rev_slider_wrapper .slide-content-box p {
	color: #ffffff;
	font-size: 15px;
	line-height: 30px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	margin: 0 0 30px;
}
@media (max-width: 992px) {
.rev_slider_wrapper .slide-content-box p {
	font-size: 14px !important;
}
}
@media (max-width: 767px) {
.rev_slider_wrapper .slide-content-box p {
	font-size: 12px !important;
	width: 60% !important;
	display: none;
}
}
.rev_slider_wrapper .button .thm-btn:hover {
	background: #fff;
	color: #26cdff;
	border: 2px solid #26cdff;
	transition: .5s;
}
.rev_slider_wrapper .slide-content-box .button a {
	padding: 0px 22px;
	margin-right: 15px;
	transition: all 500ms ease !important;
	-moz-transition: all 500ms ease !important;
	-webkit-transition: all 500ms ease !important;
	-ms-transition: all 500ms ease !important;
	-o-transition: all 500ms ease !important;
}
.rev_slider_wrapper .slide-content-box .button a.thm-btn.our-solution {
	background: #fff;
	padding: 0px 35px;
	color: #222;
	border-color: #fff;
}
.rev_slider_wrapper .slide-content-box .button a.thm-btn.our-solution:hover {
	background: #26cdff;
	color: #fff;
	border-color: #26cdff;
}
.rev_slider_wrapper .slide-content-box.last-slide p {
	margin: 0;
}
.rev_slider_wrapper .slide-content-box.last-slide a {
	margin: 0 8px;
}
.rev_slider_wrapper .slotholder {
	position: relative;
}
.slotholder:after {
	/* background: rgba(0, 0, 0, 0.20); */
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	pointer-events: none;
}
.tp-bannertimer {
	display: none;
}
.rev_slider_wrapper .tparrows {
	background: rgba(0,0,0,0.5);
	border: 2px solid #fff;
}
.tp-revslider-mainul {
	width: 100% !important;
}
/*
=================================================================
  page title style
=================================================================
*/

.page-title {
	background: url(../images/resources/banner.jpg)no-repeat;
	padding: 69px 0px 63px;
	overflow: hidden;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
.page-title .clearfix .pull-left {
	position: relative;
	z-index: 10;
}
.page-title .clearfix .pull-right {
	position: relative;
	z-index: 10;
}
.page-title .overlay:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(34, 34, 34, 0.53);
	opacity: 1;
	content: "";
}
.page-title h1 {
	font-size: 30px;
	font-weight: 700;
	line-height: 30px;
	text-transform: uppercase;
	color: #ffffff;
}
.page-title p {
	color: #fff;
	margin-top: 14px;
	letter-spacing: 1px;
}
.page-title .path {
	font-size: 14px;
	color: #ffffff;
	font-weight: 600;
	line-height: 28px;
	padding: 18px 15px 0px;
}
.page-title .path a {
	position: relative;
	font-size: 14px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	transition: .5s;
}
.page-title .path a:hover {
	color: #26cdff;
	transition: .5s;
}
/*
====================================================================
   latest-news style
====================================================================
*/
.client {
	padding: 40px 0px 35px;
	background: url(../images/clientback.png)bottom center no-repeat;
	
	
}
/*
==================================================
  feature style
==================================================
*/
.feature {
	margin-top: -80px;
}
.feature .item-list .item {
	margin-bottom: 70px;
	position: relative;
	transition: all ease-in 400ms;
	-webkit-transition: all ease-in 400ms;
	-moz-transition: all ease-in 400ms;
}
.feature .item-list .item:hover .overlay {
	bottom: 0;
}
.feature .item-list .item .content-box {
	top: 50%;
	margin-top: -50px;
	display: inline-block;
	padding: 0px 24px;
	position: absolute;
	text-align: center;
	z-index: 1;
	color: #fff;
}
.feature .item-list .item .content-box h3 {
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 700;
}
.feature .item-list .item .overlay {
	background-color: #26cdff;
	display: inline-block;
	left: 0;
	padding: 50px 30px 30px;
	position: absolute;
	right: 0;
	text-align: center;
	bottom: -100%;
	height: 100%;
	transition: all ease-in 500ms;
	-webkit-transition: all ease-in 500ms;
	-moz-transition: all ease-in 500ms;
	z-index: 0;
}
.feature .item-list .item .overlay:before {
	background-color: rgb(122, 186, 30);
	top: -55px;
	content: "";
	height: 56px;
	left: -27px;
	position: absolute;
	transform: skewX(-40deg);
	-webkit-transform: skewX(-138deg);
	width: 52px;
}
.feature .item-list .item .overlay:after {
	background-color: rgb(122, 186, 30);
	top: -55px;
	content: "";
	height: 56px;
	right: -27px;
	position: absolute;
	transform: skewX(40deg);
	-webkit-transform: skewX(138deg);
	width: 52px;
}
.feature .item-list .item .image-box {
	position: relative;
	overflow: hidden;
}
.feature .item-list .item .icon-box {
	position: absolute;
	top: -45px;
	right: 50%;
	margin-right: -45px;
	width: 90px;
	height: 90px;
	border: 4px solid #26cdff;
	border-radius: 50%;
	background: #fff;
	text-align: center;
}
.feature .item-list .item .icon-box i {
	position: relative;
	top: 15px;
	color: #222222;
}
.feature .item-list .item .icon-box i:before {
	font-size: 38px;
	margin: 0px;
}
.item-list .button-style-two {
	position: relative;
	top: -21px;
	background: #fff;
}
/* 
==============================================
  google map Section style
==============================================
*/
.home-google-map .google-map {
	width: 100%;
	height: 400px;
}
.home-google-map .gmnoprint {
	display: none;
}
/*** 
====================================================================
  contact Section style
====================================================================
***/


.default-cinfo .icon_box {
	width: 40px;
}
.default-cinfo li + li {
	margin-top: 10px;
	border-top: 1px solid #f1f1f1;
	padding-top: 12px;
}
.default-cinfo li .icon_box, .default-cinfo li .text-box {
	display: table-cell;
	vertical-align: top;
}
.default-cinfo li .icon_box i {
	font-size: 20px;
	color: #26cdff;
	position: relative;
	top: 7px;
}
.default-cinfo .accordion .acc-btn {
	background: #f7f7f7;
	padding: 14px 30px;
	margin: 0;
}
.default-cinfo .accordion-box {
	border: none;
}
.default-cinfo .accordion {
	border: 1px solid #f7f7f7;
}
.default-cinfo .accordion-box .accordion .acc-content b {
	color: #222;
	font-weight: 600;
}
/*form*/

.default-form {
	position: relative;
}
.default-form p {
	color: #fff;
	font-size: 18px;
	line-height: 34px;
	margin-bottom: 20px;
}
.default-form p span {
	color: #ab7442;
	font-size: 20px;
	font-weight: 600;
}
.default-form .form-box {
	position: relative;
}
.comment-form .form-box {
	padding: 25px 25px 0px 25px;
}
.default-form .form-group {
	position: relative;
}
.form-group.style-two {
	margin-bottom: 30px;
}
.default-form .comment-form .form-box .form-group {
	margin-bottom: 25px;
}
.default-form.form-box .row {
	margin-left: -10px;
	margin-right: -10px;
}
.default-form.form-box .row .form-group {
	padding: 0px 0px;
}
.default-form .form-group .field-label {
	display: block;
	line-height: 24px;
	text-transform: uppercase;
	margin-bottom: 10px;
	color: #232323;
	font-weight: 500;
	font-size: 13px;
}
.default-form .form-group .field-label sup {
	color: #ff0000;
	font-size: 14px;
}
.default-form input[type="text"], .default-form input[type="email"], .default-form input[type="password"], .default-form input[type="number"], .default-form select, .default-form textarea {
	display: block;
	width: 100%;
	line-height: 24px;
	height: 55px;
	font-size: 16px;
	box-shadow: none;
	border: 1px solid #f4f4f4;
	padding: 12px 15px;
	border-radius: 0px;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.default-form textarea {
	height: 120px;
}
.default-form .bootstrap-select {
	border: 1px solid #f4f4f4;
	background: #f7f7f7;
	color: #26cdff;
	padding: 10px 0;
	font-size: 16px;
}
.default-form .btn-group.open .dropdown-toggle {
	box-shadow: none;
}
.default-form .btn-group.open .dropdown-toggle:focus {
	border: none;
	outline: none;
}
.default-form .bootstrap-select .dropdown-toggle:focus {
	outline: none !important;
}
.default-form .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	background-color: #26cdff;
	color: #fff;
}
.default-form .form-control:focus {
	border-color: #26cdff;
	box-shadow: none;
}
.default-form .thm-btn {
	width: 100%;
}
 .default-form form input::-webkit-input-placeholder {
 color: #9e9e9e;
}
.default-form form input:-moz-placeholder {
  /* Firefox 18- */
  color: #9e9e9e;
}
.default-form form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #9e9e9e;
}
.default-form form input:-ms-input-placeholder {
 color: #9e9e9e;
}
.default-form .alert-success {
	color: #26cdff;
	background: none;
	border: none;
	font-size: 18px;
}
/*** 
====================================================================
  consultation Section
====================================================================
***/
.consultation .default-form-area {
	background: #fff;
	padding: 40px 30px 10px;
	border: 1px solid #f4f4f4;
	max-width: 690px;
	margin: 0 auto;
	margin-top: -40px;
	position: relative;
}
/***
==================================================
   Team Member styles
==================================================
***/


.testimonials {
	position: relative;
	padding-bottom: 30px;
}
.single-testimonial h3, .single-testimonial p {
	margin: 0;
}
.single-testimonial h4 {
	font-size: 18px;
	color: #222;
	text-transform: capitalize;
	margin-top: 12px;
	margin-bottom: 6px;
}
.single-testimonial .img-box {
	position: relative;
}
.single-testimonial .img-box img {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.testimonials .single-testimonial {
	margin-bottom: 40px;
	border: 1px solid #f4f4f4;
	padding: 30px 10px 26px;
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.testimonials .single-testimonial:hover {
	box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0), 0 0px 82px 0 rgba(0, 0, 0, 0.05);
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.single-testimonial .author-info {
	overflow: hidden;
	border: 2px solid #f4f4f4;
	padding: 6px 0 9px;
	margin-top: 5px;
}
.single-testimonial p a {
	color: #26cdff;
	-webkit-transition: .5s ease;
	transition: .5s ease;
}
.single-testimonial .text {
	margin-top: 15px;
	border-bottom: 1px solid #f4f4f4;
	padding-bottom: 22px;
	margin-bottom: 20px;
}
.single-testimonial .text p {
	font-size: 16px;
}
/*
========================================================
   latest-gallery styles 
========================================================
*/
.latest-gallery {
	padding: 95px 0px 70px;
}
.latest-gallery .single-item {
	padding-bottom: 30px;
}
.latest-gallery .single-item .img-box {
	position: relative;
	overflow: hidden;
}
.latest-gallery .single-item .img-box img {
	width: 100%;
}
.latest-gallery .single-item .title h5 {
	color: #222;
	padding: 25px 0 0;
	font-size: 16px;
	font-weight: 400;
	-webkit-transition: .5s ease;
	transition: .5s ease;
}
.latest-gallery .single-item:hover .title h5 {
	color: #26cdff;
	-webkit-transition: .5s ease;
	transition: .5s ease;
}
.latest-gallery .single-item .img-box .overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(122, 186, 30, 0.77);
	text-align: center;
	opacity: 0;
	transition: all .3s ease;
}
.latest-gallery .single-item .img-box .overlay .social {
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
.latest-gallery .single-item .img-box .overlay .inner {
	display: table;
	width: 100%;
	height: 100%;
	position: relative;
}
.latest-gallery .single-item .social a i:before {
	font-size: 30px;
	color: #fff;
	margin: 0px;
}
.latest-gallery .single-item .social h4 {
	font-size: 18px;
	font-weight: 500;
	color: #fff;
	margin-top: 20px;
}
.latest-gallery .single-item .img-box .overlay .box {
	display: table;
	width: 100%;
	height: 100%;
}
.latest-gallery .single-item .img-box .overlay .box .content {
	display: table-cell;
	vertical-align: bottom;
}
.latest-gallery .single-item .img-box .overlay .top {
	text-align: center;
}
.latest-gallery .single-item .img-box .overlay .top ul {
	margin-bottom: 0;
	margin-bottom: 20%;
}
.latest-gallery .single-item .img-box .overlay .top li a {
	width: 45px;
	height: 45px;
	color: #fff;
	font-size: 16px;
	line-height: 48px;
	text-align: center;
	background: #222;
	display: block;
	border-radius: 50%;
	-webkit-transition: .4s ease;
	transition: .4s ease;
}
.latest-gallery .single-item .img-box .overlay .top li a:hover {
	background: #1f1f1f;
	color: #26cdff;
}
.latest-gallery .single-item .img-box .overlay .bottom {
	padding: 10px 0px;
	padding-right: 0;
	text-align: center;
}
.latest-gallery .single-item .img-box .overlay .bottom .title h3 {
	margin: 0;
	color: #fff;
	font-family: "Roboto Slab", serif;
	line-height: 30px;
	font-size: 15px;
}
.latest-gallery .single-item:hover .img-box .overlay {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
	visibility: visible;
}
.post-filter {
	display: inline-block;
	margin: 0;
	margin-bottom: 50px;
}
.post-filter li {
	padding: 5px 5px;
}
.post-filter li span {
	padding: 7px 20px;
	color: #343434;
	font-size: 14px;
	border: 1px solid #e5e5e5;
	font-weight: 500;
	font-family: 'oswald';
	line-height: 24px;
	display: block;
	padding-right: 16px;
	cursor: pointer;
	-webkit-transition: .5s ease;
	transition: .5s ease;
}
.post-filter li:hover span, .post-filter li.active span {
	color: #fff;
	background: #26cdff;
	-webkit-transition: .5s ease;
	transition: .5s ease;
}
/*** 
=============================================
   Checkout Area style
=============================================
***/
.checkout-area {
	padding-bottom: 100px;
	padding-top: 80px;
}
.checkout-area .exisitng-customer {
	border: 1px solid #f7f7f7;
	display: block;
	padding: 20px 28px 21px;
	position: relative;
	margin-bottom: 20px;
}
.checkout-area .exisitng-customer:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
	height: 100%;
	background: #26cdff;
	content: "";
}
.checkout-area .exisitng-customer h5 {
	color: #252525;
	font-size: 16px;
	font-weight: 300;
}
.checkout-area .exisitng-customer h5 a {
	color: #26cdff;
	display: inline-block;
	padding-left: 15px;
}
.checkout-area .coupon {
	border: 1px solid #f7f7f7;
	display: block;
	padding: 20px 28px 21px;
	position: relative;
	margin-bottom: 60px;
}
.checkout-area .coupon:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 2px;
	height: 100%;
	background: #26cdff;
	content: "";
}
.checkout-area .coupon h5 {
	color: #252525;
	font-size: 16px;
	font-weight: 300;
}
.checkout-area .coupon h5 a {
	color: #26cdff;
	display: inline-block;
	padding-left: 15px;
}
.checkout-area .form form .field-label {
	color: #222;
	text-transform: capitalize;
	font-weight: 400;
	margin-bottom: 8px;
}
.checkout-area .form form .field-input input[type="text"] {
	border: 2px solid #f7f7f7;
	color: #9a9a9a;
	display: block;
	font-size: 16px;
	height: 48px;
	margin-bottom: 25px;
	padding: 0 15px;
	width: 100%;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.checkout-area .form form .field-input input[type="text"]:focus {
	border: 2px solid #26cdff;
}
.checkout-area .create-acc .checkbox {
	margin: 7px 0 0;
}
.checkout-area .create-acc .checkbox label {
	color: #26cdff;
	font-weight: 300;
	font-size: 16px;
}
.checkout-area .create-acc .checkbox input {
	margin-top: 3px;
}
.checkout-area .shipping-info input[type="checkbox"] {
	cursor: pointer;
	display: inline-block;
	margin: 0 0 0 40px;
	position: relative;
	top: -2px;
	vertical-align: middle;
}
.checkout-area .form form .field-input textarea {
	border: 2px solid #f7f7f7;
	color: #9e9e9e;
	display: block;
	font-size: 16px;
	height: 124px;
	margin-bottom: 28px;
	padding: 10px 15px;
	width: 100%;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.checkout-area .form form .field-input textarea:focus {
	border-color: #26cdff;
}
.checkout-area .bottom {
	padding-top: 70px
}
.checkout-area .table .sec-title-two {
	padding-bottom: 32px;
}
.checkout-area .table {
	overflow-x: auto;
	position: relative;
	width: 100%;
	margin-bottom: 0;
}
.checkout-area .table .cart-table {
	min-width: auto;
	width: 100%;
}
.checkout-area .table .cart-table .cart-header {
	background: #f7f7f7;
	color: #252525;
	font-size: 14px;
	position: relative;
	text-transform: uppercase;
	width: 100%;
	font-weight: 400;
}
.checkout-area .table .cart-table thead tr th {
	font-weight: 400;
	line-height: 24px;
	min-width: 110px;
	padding: 19px 30px 17px;
}
.checkout-area .table .cart-table thead tr th.product-column {
	padding-left: 30px;
	text-align: left;
}
.checkout-area .table .cart-table tbody tr {
	border-bottom: 1px solid #f7f7f7;
}
.checkout-area .table .cart-table tbody tr td {
	vertical-align: middle
}
.checkout-area .table .cart-table tbody tr td {
	min-width: 110px;
	padding: 25px 30px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box {
	min-height: 70px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb {
	width: 70px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb img {
	display: block;
	max-width: 100%;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .prod-thumb, .checkout-area .table .cart-table tbody tr .product-column .column-box .product-title {
	display: table-cell;
	vertical-align: middle;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title {
	padding-left: 20px;
}
.checkout-area .table .cart-table tbody tr .product-column .column-box .product-title h3 {
	color: #252525;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
}
.checkout-area .table .cart-table tbody tr .qty {
	padding-right: 30px;
	width: 130px;
}
.checkout-area .table .cart-table tbody tr .qty .input-group.bootstrap-touchspin {
	float: right;
	width: 70px;
}
.checkout-area .table .cart-table tbody tr .qty .form-control {
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 0 !important;
	box-shadow: none;
	color: #252525;
	display: block;
	font-size: 18px;
	font-weight: 400;
	height: 34px;
	padding: 6px 0;
	text-align: center;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
	border-radius: 0
}
.checkout-area .table .cart-table tbody tr .qty .btn-default {
	background-color: #26cdff;
	border-color: #26cdff;
	color: #fff;
}
.checkout-area .table .cart-table tbody tr .qty .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
	border-radius: 0;
	margin-top: -2px;
}
.checkout-area .table .cart-table tbody tr td.price {
	color: #26cdff;
	font-size: 16px;
	font-weight: 300;
}
.cart-total .sec-title-two {
	padding-bottom: 32px;
}
.cart-total-table {
	border: 2px solid #ebebeb
}
.cart-total-table li {
	border-bottom: 1px solid #ebebeb
}
.cart-total-table li:last-child {
	border-bottom: none
}
.cart-total-table li span.col.col-title {
	border-right: 1px solid #ebebeb;
	color: #272727;
	display: block;
	float: left;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	padding: 10px 18px;
	position: relative;
	width: 50%;
}
.cart-total-table li span.col {
	color: #9a9a9a;
	display: block;
	float: left;
	font-size: 16px;
	font-weight: 300;
	line-height: 28px;
	padding: 10px 18px;
	position: relative;
	width: 50%;
}
.cart-total-table li span.col b {
	color: #26cdff;
	font-weight: 300;
	text-decoration: underline;
}
.cart-total .payment-options {
	background: #f7f7f7 none repeat scroll 0 0;
	margin-top: 30px;
	overflow: hidden;
	padding: 23px 20px 35px;
}
.cart-total .payment-options .option-block {
	margin-bottom: 14px
}
.cart-total .payment-options .option-block .checkbox {
	margin: 0 0 5px;
}
.cart-total .payment-options .option-block .checkbox label {
	font-weight: 300;
	min-height: 20px;
	padding-left: 20px;
}
.cart-total .payment-options .option-block .checkbox label input {
	top: -1px;
}
.cart-total .payment-options .option-block .checkbox label span {
	color: #252525;
	padding-left: 10px;
}
.cart-total .payment-options .option-block .checkbox label span b {
	color: #26cdff;
	display: inline-block;
	font-size: 16px;
	font-weight: 300;
	padding-left: 25px;
	text-decoration: underline;
}
.cart-total .payment-options .option-block .text {
	padding-left: 30px;
}
.cart-total .payment-options .option-block .text p {
	margin: 0;
	line-height: 28px;
}
.placeorder-button button {
}
.placeorder-button button:hover {
}
/*** 
=============================================
     shop style
=============================================
***/
.shop {
	position: relative;
	padding: 60px 0px 40px;
}
.shop .hover-effect {
	margin-bottom: 15px;
	padding-top: 10px;
	-webkit-transition: .5s ease;
	transition: .5s ease;
}
.shop .hover-effect:hover {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.single-shop-item .img-box {
	position: relative;
	overflow: hidden;
	border: 1px solid #fff;
	-webkit-transition: .5s ease;
	transition: .5s ease;
	background: #f7f7f7;
	text-align: center;
}
.single-shop-item:hover .img-box {
	-webkit-transition: .5s ease;
	transition: .5s ease;
}
.single-shop-item .img-box .offer-box {
	position: absolute;
	top: 10px;
	left: 10px;
}
.single-shop-item .img-box .offer-box .inner {
	position: relative;
}
.single-shop-item .img-box .offer-box .inner:before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	width: 0;
	height: 0;
	background-color: transparent;
	border-bottom: 35px solid transparent;
	border-bottom: 35px solid transparent;
	border-top: 35px solid #ab7442;
	border-left: 35px solid #ab7442;
	border-right: 35px solid transparent;
}
.single-shop-item .img-box .offer-box .inner span {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	line-height: 35px;
	-webkit-transform-origin: 70% 35%;
	transform-origin: 70% 35%;
}
.single-shop-item .text-box h3, .single-shop-item .text-box p {
	margin: 0;
}
.single-shop-item .text-box h3 {
	font-size: 18px;
	line-height: 50px;
	color: #1F1F1F;
	margin-top: 10px;
}
.single-shop-item .text-box p {
	font-size: 20px;
	line-height: 24px;
}
.single-shop-item .text-box p i {
	font-size: 18px;
}
.single-shop-item .text-box p span {
	display: inline-block;
	vertical-align: top;
	color: #ab7442;
	font-size: 18px;
	font-weight: 400;
}
.single-shop-item .text-box p del {
	color: #9f9f9f;
	font-size: 14px;
	line-height: 24px;
	vertical-align: super;
	display: inline-block;
	font-weight: normal;
}
.single-shop-item .text-box p del i {
	font-size: 14px;
}
.single-shop-item .thm-btn.thm-tran-bg {
	color: #ffffff;
	border-color: #fff;
}
.single-shop-item .thm-btn:hover {
	color: #26cdff;
	background: #ffffff;
}
.single-shop-item:hover .img-box .overlay {
	background-color: rgba(255, 255, 255, 0.9);
}
.single-shop-item:hover .img-box .overlay .box .content ul li a {
	opacity: 1;
	-webkit-transform: translate3d(0px, 0px, 0);
	transform: translate3d(0px, 0px, 0);
}
.default-overlay-outer {
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	padding: 10px;
	transition: all 700ms ease;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
}
.default-overlay-outer .inner {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: table;
	vertical-align: middle;
	text-align: center;
}
.default-overlay-outer .inner .content-layer {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	color: #ffffff;
}
.single-shop-item .default-overlay-outer {
	opacity: 0;
	top: -100%;
	background: rgba(72, 199, 236, 0.9);
}
.single-shop-item:hover .default-overlay-outer {
	top: 0;
	opacity: 1;
}
.single-shop-item .content-box {
	position: relative;
	padding: 20px 0px;
}
.single-shop-item .content-box h4 {
	font-size: 14px;
	font-weight: 600;
	margin: 0px 0px;
	line-height: 1.4em;
	color: #252525;
	margin-bottom: 6px;
}
.single-shop-item .content-box a, .single-shop-item .content-boxa:hover {
	color: #b89b5e;
}
.single-shop-item .content-box h4 a {
	color: #252525;
	text-transform: uppercase;
}
.single-shop-item .content-box .rating {
	font-size: 13px;
	color: #26cdff;
	margin-bottom: 15px;
	position: absolute;
	right: 5px;
	top: 14px;
}
.single-shop-item .content-box .item-price {
	font-size: 16px;
	font-weight: 400;
	color: #26cdff;
	line-height: 24px;
}
.single-shop-item .content-box .item-price del {
	color: #a2a2a2;
	margin-left: 7px;
	font-size: 15px;
}
.single-shop-item .content-box .item-price .strike-through {
	color: #999999;
	font-weight: normal;
	font-size: 14px;
	padding-left: 10px;
	line-height: 20px;
	font-family: 'Lato', sans-serif;
}
/*============================= Sidebar Style One ==================*/

.sidebar_styleOne .theme_title, .sidebar_styleTwo .theme_title {
	padding-bottom: 18px;
}
.sidebar_search {
	height: 54px;
	margin-bottom: 35px;
	position: relative;
}
.sidebar_search input {
	width: 100%;
	height: 50px;
	border: none;
	border: 1px solid #f1f1f1;
	padding: 0 56px 0 12px;
	color: #9e9e9e;
}
.sidebar_search button {
	width: 54px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	color: #26cdff;
}
.sidebar_categories {
	margin-top: 60px;
}
.sidebar_categories ul {
	margin-top: 22px;
	margin-bottom: 35px;
}
.sidebar_categories ul li {
	line-height: 48px;
	border-bottom: 1px solid #f1f1f1;
}
.sidebar_categories ul li:last-child {
	border: none;
}
.sidebar_categories ul li a {
	font-weight: normal;
	color: #9e9e9e;
	position: relative;
}
.sidebar_categories ul li a:hover {
	color: #ab7442;
}
.sidebar_categories ul li input[type="checkbox"] {
	float: right;
	position: relative;
	top: 14px;
}
.sidebar_categories ul li a:before {
	content: '\f114';
	font-family: 'FontAwesome';
	margin-right: 10px;
}
.sidebar_categories.archive ul li a:before {
	content: "\f00c";
}
.sidebar_categories ul li a:hover {
	color: #26cdff;
}
.recent_news_sidebar .theme_title {
	margin-bottom: 40px;
}
.recent_news_sidebar {
	margin-bottom: 62px;
}
.recent_news_sidebar .single_news_sidebar {
	margin-bottom: 29px;
}
.recent_news_sidebar .img_holder img {
	width: 75px;
	height: 75px;
	border-radius: 5px;
}
.recent_news_sidebar .post {
	padding-left: 26px;
	width: 72%;
	margin-top: -10px;
}
.recent_news_sidebar .post h6 a {
	font-size: 16px;
	color: #272727;
	line-height: 28px;
	font-weight: 900;
	margin-bottom: 2px;
}
.recent_news_sidebar .post p a {
	font-size: 14px;
}
.recent_news_sidebar .post p a i {
	margin-right: 4px;
	font-size: 16px;
}
.recent_news_sidebar .img_holder {
	position: relative;
}
.recent_news_sidebar .img_holder .opacity {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	border-radius: 5px;
	transform: scale(0.1);
	-webkit-transform: scale(0.1);
	-moz-transform: scale(0.1);
	-ms-transform: scale(0.1);
	-o-transform: scale(0.1);
}
.recent_news_sidebar .img_holder .opacity .icon {
	display: table;
	width: 100%;
	height: 100%;
}
.recent_news_sidebar .img_holder .opacity .icon span {
	display: table-cell;
	vertical-align: middle;
}
.recent_news_sidebar .img_holder .opacity .icon span a {
	display: block;
	width: 45px;
	height: 45px;
	margin: 0 auto;
	line-height: 45px;
	border-radius: 50%;
	color: #fff;
	text-align: center;
}
.recent_news_sidebar .single_news_sidebar:hover .opacity {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}
.sidebar_tags {
	margin-bottom: 30px;
}
.sidebar_tags ul {
	padding: 15px 0px;
}
.sidebar_tags ul li {
	display: inline-block;
	margin: 0 4px 8px 0;
}
.sidebar_tags ul li a {
	display: block;
	font-weight: normal;
	font-size: 15px;
	color: #9e9e9e;
	line-height: 32px;
	border: 1px solid #f1f1f1;
	background: #fff;
	border-radius: 2px;
	text-align: center;
	padding: 0 14px;
}
.sidebar_tags ul li a:hover {
	color: #ffffff;
	background: #26cdff;
}
.single-sidebar.price-ranger .ui-widget-content {
	background: #f7f7f7;
	border: none;
	height: 2px;
}
.single-sidebar.price-ranger .ui-slider-handle {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 2px solid #222;
	margin-left: -4px;
	outline: none;
	background: #26cdff;
}
.single-sidebar.price-ranger .ui-slider .ui-slider-range {
	background: #252525;
}
.single-sidebar.price-ranger .ui-slider-horizontal .ui-slider-handle {
	top: -5px;
}
.single-sidebar.price-ranger #slider-range {
	margin-top: 25px;
}
.single-sidebar.price-ranger .ranger-min-max-block {
	margin-top: 20px;
	margin-bottom: 45px;
}
.single-sidebar.price-ranger .ranger-min-max-block input {
	display: inline-block;
}
.single-sidebar.price-ranger .ranger-min-max-block input[type='submit'] {
	width: 80px;
	border: none;
	border-radius: 0px;
	text-align: center;
	outline: none;
	line-height: 35px;
	font-size: 14px;
	margin-right: 37px;
	color: #ffffff;
	font-weight: 700;
	background: #26cdff;
	text-transform: uppercase;
	border: 2px solid #26cdff;
}
.single-sidebar.price-ranger .ranger-min-max-block input[type='text'] {
	border: none;
	text-align: center;
	outline: none;
	width: 40px;
	color: #9c9c9c;
	font-weight: 400;
	text-align: right;
}
.single-sidebar.price-ranger .ranger-min-max-block input[type='text'].max {
}
.single-sidebar.price-ranger .ranger-min-max-block span {
	color: #9c9c9c;
	font-weight: 400;
}
.best_sellers .theme_title {
	margin-bottom: 36px;
}
.best_sellers .best_selling_item .text {
	padding-left: 20px;
	margin-top: -3px;
}
.best_sellers .best_selling_item .text h6 {
	font-size: 16px;
	font-weight: 700;
	color: #272727;
}
.best_sellers .best_selling_item .text ul li {
	display: inline-block;
	margin-right: 3px;
	font-size: 12px;
	margin-top: 10px;
	color: #26cdff;
}
.best_sellers .best_selling_item .text span {
	display: block;
	margin-top: 10px;
	color: #26cdff;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Roboto';
}
.best_sellers .best_selling_item {
	margin: 20px 0 20px 0;
	padding-bottom: 17px;
}
.best_sellers .best_selling_item.border {
	border-bottom: 1px solid #f7f7f7;
}
.sidebar_styleTwo .sidebar_categories {
	margin-top: 30px;
}
.sidebar_styleTwo .sidebar_tags {
	margin: 19px 0 51px 0;
}
/*** 
=============================================
   page_pagination style
=============================================
***/
.page_pagination {
	text-align: center;
}
.page_pagination li {
	display: inline-block;
	margin: 10px 4px 0;
}
.page_pagination li a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border: 1px solid rgba(229, 229, 229, 0.57);
	text-align: center;
	color: #848484;
	font-size: 18px;
}
.page_pagination li a.active, .page_pagination li a:hover {
	color: #fff;
	background: #26cdff;
}
/*
=================================================================
  page title style
=================================================================
*/
.bredcrumb {
	opacity: 1;
	position: relative;
}
.bg-image-holder, .bg-image {
	background-size: cover!important;
	background-position: top;
	transition: all 0.3s linear;
	padding-top: 60px;
	padding-bottom: 60px;
	background: #f5f5f5;
	position: relative;
}
.bredcrumb .bg-image h1 {
	color: #ffffff;
	position: relative;
	font-weight: 700;
	margin-bottom: 0px;
}
.bredcrumb .bg-image:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(34, 34, 34, 0.23);
	opacity: 1;
	content: "";
}
.bredcrumb h1 {
	font-size: 30px;
	font-weight: 700;
	line-height: 30px;
	text-transform: uppercase;
	color: #ffffff;
}
.bredcrumb .middle {
	text-align: center;
	background-color: #f5f5f8;
	margin-top: 0;
	margin-bottom: 0;
	padding: 5px
}
.bredcrumb .middle li {
	padding: 20px 10px;
	position: relative;
	display: inline-block;
	text-transform: capitalize;
	color: #222222;
	font-weight: 600;
}
.bredcrumb .middle li a {
	color: #222222;
}
.bredcrumb .middle li .inner {
	color: #26cdff
}
.bredcrumb .middle li:after {
	content: "\f105";
	right: -5px;
	top: 20px;
}
.bredcrumb .middle li:last-child:after {
	display: none;
	padding-left: 10px
}
.bredcrumb ul li:after {
	position: absolute;
	content: '\f101';
	font-family: FontAwesome;
	top: 14px;
}
/*** 
=============================================
   Shop Single area  style
=============================================
***/
.shop-single-area {
	padding-bottom: 80px;
	padding-top: 80px;
}
.product-content-box {
	margin-bottom: 106px;
}
.product-content-box .img-box {
	text-align: center;
}
.product-content-box .flexslider .slides img {
	width: auto;
	display: inline-block;
}
.product-content-box .flexslider {
	background: #f7f7f7 none repeat scroll 0 0;
	border: none;
	padding: 32px 0;
	border-radius: 0;
	margin: 0 50px 10px 0;
	position: relative;
	text-align: center;
}
.product-content-box .flex-viewport {
	border: none;
	max-height: 450px;
	-webkit-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
}
.product-content-box .flex-control-thumbs {
	margin: 10px 0 0;
	overflow: hidden;
	position: static;
	display: none;
}
.product-content-box .flex-control-thumbs li {
	float: left;
	margin: 0 3% 0 0;
	width: 25%;
}
.product-content-box .flex-control-thumbs img {
	border: medium none;
	cursor: pointer;
	display: block;
	height: auto;
	opacity: 0.6;
	-webkit-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
	width: 100%;
	border: 3px solid #f7f7f7;
}
.product-content-box .flex-control-thumbs .flex-active {
	cursor: default;
	opacity: 1;
	border: 3px solid #ab7442;
}
.product-content-box .flex-control-thumbs .flex-active:focus {
	outline: none;
}
.product-content-box .content-box {
	margin-left: -50px;
}
.product-content-box .content-box h3 {
	color: #222;
	font-size: 24px;
	font-weight: 400;
	margin: 0 0 10px;
	text-transform: capitalize;
}
.product-content-box .content-box del {
	color: #a2a2a2;
	margin-left: 10px;
}
.product-content-box .content-box .review-box {
	margin: 0 0 10px;
}
.product-content-box .content-box .review-box ul li {
	display: inline-block;
	margin-right: 3px;
}
.product-content-box .content-box .review-box ul {
	display: inline-block;
	padding-right: 1px;
}
.product-content-box .content-box .review-box ul li i {
	color: #26cdff;
	font-size: 14px;
}
.product-content-box .content-box span.price {
	color: #26cdff;
	font-size: 22px;
}
.product-content-box .content-box .text {
	margin: 0px 0 0;
	overflow: hidden;
	padding: 24px 0 9px;
}
.product-content-box .content-box .location-box {
	margin: 4px 0 18px;
	position: relative;
}
.product-content-box .content-box .location-box p {
	color: #1f1f1f;
	margin: 0 0 12px;
}
.product-content-box .content-box .location-box form input {
	border: 2px solid #f7f7f7;
	height: 40px;
	padding-left: 10px;
	padding-right: 10px;
	width: 170px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.product-content-box .content-box .location-box form input:focus {
	border-color: #26cdff;
}
.product-content-box .content-box .location-box form button {
	background: #f7f7f7 none repeat scroll 0 0;
	border: medium none;
	color: #292929;
	font-size: 14px;
	font-weight: 600;
	position: absolute;
	left: 178px;
	top: 37px;
	height: 40px;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 95px;
	margin-left: 6px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.product-content-box .content-box .location-box form button:hover {
	background: #26cdff;
	color: #fff;
}
.product-content-box .content-box .location-box form span {
	color: #26cdff;
}
.product-content-box .content-box .addto-cart-box {
}
.product-content-box .content-box .addto-cart-box .input-group.bootstrap-touchspin {
	float: left;
	width: 70px;
	margin-right: 20px;
}
.product-content-box .content-box .addto-cart-box .form-control {
	background-color: #fff;
	background-image: none;
	border: 1px solid #eaeaea;
	border-radius: 0 !important;
	box-shadow: none;
	color: #272727;
	display: block;
	font-size: 18px;
	font-weight: 500;
	height: 50px;
	padding: 6px 0 8px;
	text-align: center;
}
.product-content-box .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
	border-radius: 0
}
.product-content-box .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
	border-radius: 0;
	margin-top: -2px;
}
.product-content-box .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical > .btn {
	display: block;
	float: none;
	margin-left: -1px;
	max-width: 100%;
	padding: 12px 12px;
	position: relative;
	width: 100%;
}
.product-content-box .content-box .addto-cart-box .btn-default {
	background-color: #efefef;
	border-color: #efefef;
	color: #9e9e9e;
}
.product-content-box .content-box .addto-cart-box .bootstrap-touchspin .input-group-btn-vertical i {
	color: #9e9e9e;
	font-weight: normal;
	left: 8px;
	position: absolute;
	top: 7px;
}
.product-content-box .content-box .addto-cart-box button.addtocart {
	margin-left: 25px;
}
.product-tab-box {
	padding: 30px;
	padding-top: 0;
	border: 1px solid #f4f4f4;
}
.product-tab-box .tab-menu {
	border-bottom: 1px solid #f7f7f7;
	margin-top: -50px;
	margin-bottom: 33px;
	position: relative;
	left: -31px;
}
.product-tab-box .tab-menu li {
	display: block;
	float: left;
	margin-bottom: -1px;
}
.product-tab-box .tab-menu li a {
	border: 1px solid transparent;
	border-radius: 0;
	display: block;
	margin-right: 10px;
	padding: 13px 35px;
	color: #1f1f1f;
	font-size: 16px;
	font-weight: 600;
	text-transform: capitalize;
	font-family: 'Montserrat', sans-serif;
	background: #f7f7f7;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.product-tab-box .tab-menu li.active a, .product-tab-box .tab-menu li:hover a {
	background: #26cdff;
	color: #fff;
	border-color: #26cdff;
}
.product-tab-box .tab-content {
}
.product-tab-box .tab-content .review-box .single-review-box {
	margin-bottom: 10px;
	padding-bottom: 32px;
	padding-left: 80px;
	position: relative;
}
.product-tab-box .tab-content .review-box .single-review-box .img-holder {
	left: 0;
	position: absolute;
	top: 0;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder {
	border: 1px solid #f4f4f4;
	padding: 20px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top {
	margin: 0 0 8px;
	overflow: hidden;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul {
	margin-top: -4px;
	padding-left: 20px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul li {
	display: inline-block;
	margin-right: 3px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-box ul li i {
	color: #26cdff;
	font-size: 14px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .top .review-date {
	color: #ab7442;
	margin-top: -5px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .text p {
	margin: 0 0 15px;
}
.product-tab-box .tab-content .review-box .single-review-box .text-holder .text a.reply {
	color: #ab7442;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
}
.product-tab-box .tab-content .product-details-content {
	margin-top: -5px;
}
.product-tab-box .tab-content .product-details-content .highlight {
	margin: 42px 0 0;
}
.product-tab-box .tab-content .product-details-content .highlight .highlight-title {
	color: #292929;
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 0 28px;
}
.product-tab-box .tab-content .product-details-content .highlight li {
	position: relative;
	padding-bottom: 12px;
	padding-left: 25px;
}
.product-tab-box .tab-content .product-details-content .highlight li:before {
	content: "\f00c";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	color: #ab7442;
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 0;
}
.product-tab-box .tab-content .review-form {
	padding-top: 16px;
}
.product-tab-box .tab-content .review-form .sec-title-two {
	padding-bottom: 34px;
}
.product-tab-box .tab-content .review-form .add-rating-box {
	margin: 0 0 23px;
}
.product-tab-box .tab-content .review-form .add-rating-box .add-rating-title h4 {
	color: #292929;
	font-size: 14px;
	font-weight: 400;
	margin: 0 0 10px;
	text-transform: none;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li {
	display: inline-block;
	margin: 0 0px;
	border-right: 1px solid #e5e5e5;
	padding: 0 11px;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li:last-child {
	margin-right: 0;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li a i {
	color: #ddd;
	margin-right: 3px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	font-size: 14px;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li.active a i, .product-tab-box .tab-content .review-form .add-rating-box ul li a:hover i {
	color: #26cdff;
}
.product-tab-box .tab-content .review-form form input[type="text"], .product-tab-box .tab-content .review-form form textarea {
	height: 50px;
	width: 100%;
	border: 1px solid #eaeaea;
	color: #9e9e9e;
	font-size: 14px;
	padding: 0 15px;
	margin-bottom: 30px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}
.product-tab-box .tab-content .review-form form textarea {
	height: 110px;
	padding: 10px 15px;
	margin-bottom: 32px;
}
.product-tab-box .tab-content .review-form .add-rating-box ul li:hover a i {
	opacity: 1;
}
.product-tab-box .tab-content .review-form form input[type="text"]:focus {
	border-color: #26cdff;
}
.product-tab-box .tab-content .review-form form textarea:focus {
	border-color: #26cdff;
}
.related-product {
	border-top: 1px solid #f7f7f7;
	margin-top: 60px;
	padding-top: 56px;
}
.related-product .single-product-item {
	margin-bottom: 0;
}
.related-product .owl-controls {
	position: absolute;
	right: 0px;
	top: -90px;
}
.related-product .owl-theme .owl-nav [class*="owl-"] {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: 2px solid #f7f7f7;
	border-radius: 50%;
	color: #cccbcb;
	font-size: 20px;
	height: 45px;
	line-height: 42px;
	margin: 0;
	padding: 0;
	text-align: center;
	-webkit-transition: all 700ms ease 0s;
	transition: all 700ms ease 0s;
	width: 45px;
	font-weight: 900;
}
.related-product .owl-theme .owl-nav [class*="owl-"] i {
	font-size: 20px;
	font-weight: 900;
}
.related-product .owl-theme .owl-nav .owl-next {
	margin-left: 10px
}
.related-product .owl-theme .owl-nav [class*="owl-"]:hover {
	color: #fff;
	background: #ab7442;
	border: 2px solid #ab7442;
}
.product-review-tab .add_your_review .review-title h3 {
	font-size: 26px;
	text-transform: uppercase;
	font-weight: 600;
	color: #252525;
}
.tab-title-h4 h4 {
	color: #3d3d3d;
	font-size: 20px;
	margin-bottom: 40px;
}
/*
===================================================
  footer style
===================================================
*/
footer {
	position: relative;
	padding-top: 75px;
	padding-bottom: 20px;
	background: url(../images/footerback.jpg) top center no-repeat;
	width: 100%;
	background-size: cover;
}
.footer .footer-text a .footer-logo {
	margin-bottom: 20px;
}

/*========================
  inner pages css
  ========================
  */



@media (min-width: 768px) {
.footer .footer-text a .footer-logo {
	margin-bottom: 30px;
}
}
.footer .single-sidebar .popular-post li .title-holder a .post-title {
	color: #fff !important
}
.footer .single-sidebar .popular-post li {
	border-bottom-color: rgba(204, 204, 204, .5);
}
.footer .sidebar-wrapper .single-sidebar .wedgit-title {
	padding-bottom: 20px !important
}
.footer .footer-text p {
	color: #ffffff;
	font-size: 14px;
	margin-top: 30px
}
.footer .wedgit-title h3 {
	color: #fff !important;
	font-size: 24px !important;
	text-transform: capitalize !important;
}
@media (min-width: 768px) {
.footer .footer-text p {
	font-size: 13px;
	line-height: 24px;
}
}
 @media (min-width: 992px) {
.footer .footer-text p {
	font-size: 14px;
	line-height: 26px;
}
}
.footer h3 {
	color: #ffffff;
	margin-top: 30px;
	font-family: 'open sans';
	font-weight: 500;
}
 @media (min-width: 768px) {
.footer h3 {
	margin-top: 0px;
}
}
.footer .social-icons {
	margin-top: 20px;
	margin-left: -10px;
}
.footer .social-icons .btn-social-o {
	background-color: transparent!important;
	color: #ffffff;
	font-size: 14px;
}
 @media (min-width: 768px) {
.footer .social-icons .btn-social-o {
	width: 30px;
	height: 30px;
}
}
 @media (min-width: 992px) {
.footer .social-icons .btn-social-o {
	width: 30px;
	height: 30px;
}
}
.footer .social-icons .btn-social-o:hover {
	color: #26cdff;
}
.footer .instagram ul {
	padding: 0 10px;
	margin-top: 20px;
}
.footer .instagram li {
	width: auto;
	overflow: hidden;
	padding: 10px 5px 0;
}
.footer .instagram li img {
	width: 100%;
	height: 100%;
}
.links {
	padding-left: 0px;
}
 @media (min-width: 992px) {
.links {
	padding-left: 10px;
}
}
.links ul {
	margin-top: 25px;
}
.links li a {
	display: block;
	position: relative;
	color: #ffffff;
	font-size: 14px;
	margin-top: 20px;
	padding-left: 15px;
}
 @media (min-width: 768px) {
.links li a {
	font-size: 13px;
	margin-top: 15px;
}
}
 @media (min-width: 992px) {
.links li a {
	font-size: 17px;
	margin-top: 10px;
}
}
.links li a:before {
	position: absolute;
	content: "\f101";
	font-family: 'FontAwesome';
	left: 0;
	transition: color 0.3s ease;
}
.links li a:hover {
	color: #fecc00;
	opacity: 1!important;
}
.links li a:hover:before {
	color: #fecc00;
}
.location a{
	text-decoration: none;
}
.location ul {
	margin-top: 25px;
}
.location ul li {
	color: #ffffff;
	margin-top: 15px;
	font-size: 14px;
	padding-left: 25px;
}
 @media (min-width: 768px) {
.location ul li {
	font-size: 13px;
}
}
 @media (min-width: 992px) {
.location ul li {
	font-size: 14px;
}
}
.location ul li:first-child {
	padding-left: 0px;
}
.location ul li a {
	color: #ffffff;
	font-size: 16px;
}
.location ul li a:hover {
	color: #fecc00;
 opacity: 1 !important;
}
.location ul li i {
	display: inline-block;
    position: absolute;
    left: 15px;
    font-size: 18px;
    margin-top: 4px;
}
.copyright {
	margin-top: 50px;
}
.copyright hr {
	background-color: #ffffff;
	opacity: 0.2;
	margin-top: 0px;
}
.copyright p {
	color: #ffffff;
}
.copyright p a {
	color: #ccc;
}
.copyright p a:hover {
	color: #26cdff!important;
}

.footer-classic {
    background: url(../images/alawwal/footer-bg.svg), #05426f;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: auto;
}

/*
================================================
   business features style
================================================
*/
.min-features {
	padding: 50px 0 70px;
	background: url(../images/second-bg.jpg) fixed no-repeat;
	background-size: 100%;
}
.single-features {
	background: #b63637;
	padding: 55px 15px;
	transition: all 0.3s ease;
	margin-bottom: 30px;
	min-height: 370px;
}
.single-features:hover {
	background: #26cdff;
}
.media {
	display: block;
	align-items: flex-start;
}
.single-features .media img {
	max-height: 100%;
	max-width: 100%;
	/* margin-right: 20px;*/
	object-fit: cover;
}
.single-features .media-body h5 {
	font-size: 30px;
	color: #f1f1f1;
	margin-top: 0;
	padding-top: 35px;
}
.mr-3 {
	display: block;
	margin: auto;
}
/*
================================================
   about style
================================================
*/
.about {
	
	background: #0c5489 url(../images/alawwal/hand-shake.webp) fixed no-repeat;
	background-size: 100%;
}

.read a{
		text-decoration: none;
}

.layer{
	background-color: rgba(0, 0, 0, 0.5);
	padding: 60px 0px;
}
.about .item-list .item.clearfix {
	margin-top: 20px;
}
@media (max-width: 992px) {
.about .item .image-box img {
	margin-bottom: 30px
}
.about.more .item .image-box img {
	margin-top: 30px;
	margin-bottom: 0 !important
}
}
.about .item-list .item .content-box {
}
.about.about-2 .item-list .item.clearfix {
	margin-top: 20px
}
.about.about-2 .item-list .item .content-box p {
	padding-bottom: 30px;
	text-align: center;
	border-bottom: 0px solid #ededed;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
}
.about .item-list .item .content-box p {
	max-width: 770px;
	color: #fff;
	margin-top: 26px;
	padding-bottom: 28px;
}
.read {
	text-align: center;
}
.read a {
	border: solid 3px #fff;
	padding: 8px 50px;
	font-size: 16px;
	font-family: 'oswald';
	color: #fff;
	text-transform: uppercase;
	transition: all .5s cubic-bezier(0.4, 0, 1, 1);
}
.read a:hover {
	background: #fecc00;color: black;
}
.about .item .image-box img {
	width: auto;
	max-width: 100%;
}
.s-list {
	margin-top: 30px
}
.s-list li {
	margin-bottom: 10px;
	color: #777;
	font-size: 15px
}
.s-list span.fa {
	font-size: 16px;
	color: #26cdff;
	margin-right: 10px;
}
.about.style-two {
	padding-top: 100px;
}
@media (max-width: 992px) {
.about .bity img {
	margin-top: 30px
}
}
.about .about-links li {
	display: inline-block;
	margin: 30px 10px 0px 0px;
}
.about .about-links li a {
	letter-spacing: 1px;
}
/*
------------------------------------------------
  Fact Counter 
------------------------------------------------
*/
.countup-section {
	background-position: top center !important
}
.countup-section.bg-image:before {
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	background: url(../images/experience.jpg) top center;
	background-size: cover;
}
.countup-section .single_block {
	position: relative;
}
.countup-section .counter, .countup-section span.count {
	font-weight: 700;
	padding-bottom: 10px;
	font-size: 40px;
	z-index: 555;
	color: #fecc00;
	display: inline-block;
}
 @media (min-width: 768px) {
.countup-section .counter,  .countup-section span.count {
	font-size: 40px;
}
}
 @media (min-width: 992px) {
.countup-section .counter,  .countup-section span.count {
	font-size: 50px;
}
}
.countup-section .icon-box {
	margin: 0 auto 10px;
}
.countup-section .icon-box img {
	position: relative;
	max-width: 64px;
	margin-top: 9px;
}
 @media (min-width: 768px) {
.countup-section .single_block {
	margin: 0;
}
}
@media (max-width: 768px) {
.countup-section {
	padding: 80px 0
}
.countup-section .single_block {
	margin: 20px 0;
}
}
.countup-section h3 {
	color: #ffffff;
	font-size: 20px;
	padding-top: 0px
}
/*
------------------------------------------------
  Ask Question 
------------------------------------------------
*/
.ask-question {
	position: relative;
	padding: 100px 0;
	background: url(../images/background/ask-bg.jpg) bottom center no-repeat;
	background-size: cover
}
.ask-question .ask-box {
	background: #555;
	padding: 35px 0 35px 30px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.ask-question .ask-box:hover, .ask-question .ask-box.active {
	background: #033d75
}
.ask-question .ask-box.active:hover {
	background: #26cdff;
}
.ask-question .ask-box.active:hover .ask-circle {
	border-color: #033d75;
}
.ask-question .ask-circle {
	float: left;
	width: 70px;
	height: 70px;
	border: 2px solid #76ccde;
	border-radius: 100%;
	text-align: center;
	margin-right: 15px;
}
.ask-question .ask-circle span {
	vertical-align: middle;
	font-size: 32px;
	margin-top: 15px;
	line-height: 1;
	color: #fff
}
.ask-question .ask-info {
	margin: 0 65px 0 85px;
	color: #fff
}
.ask-question .ask-info h3 {
	font-size: 20px;
	margin-bottom: 10px
}
.ask-question .ask-arrow {
	top: 0;
	position: absolute;
	right: 0;
	width: 60px;
	height: 100%;
	text-align: center;
	float: right;
	background: rgba(255,255,255,0.2);
}
.ask-question .ask-arrow span {
	border-radius: 100%;
	background: #fff;
	display: inline-block;
	padding: 4px;
	font-size: 20px;
	width: 30px;
	height: 30px;
	font-weight: normal;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
/*
===========================================================
  how-it-work
===========================================================
*/
.how-it-work {
	padding: 100px 0 70px
}
.how-it-work .how-one-container {
	margin-top: 66px
}
.how-it-work .sec-title p {
	max-width: 650px;
	margin: 0 auto;
	color: #848484;
	margin-top: 20px;
}
.how-box-one {
	position: relative;
	padding: 40px 20px;
	margin-bottom: 30px;
	transition: all .3s;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
.how-box-one:hover, .how-box-one.active {
	box-shadow: 0 0 35px rgba(0,0,0,.1);
}
.how-box-one:after {
	content: '';
	position: absolute;
	top: 0;
	right: -100px;
	width: 200px;
	height: 120px;
	background: url(../images/elements/arrow-big.png) center center no-repeat;
}
.how-box-one:last-child:after {
	display: none
}
@media (max-width:991px) {
	.aboutc {
    width: 100%;
	}
.how-box-one:after {
	display: none
}
}
.how-box-one .icon-box {
	position: relative;
	font-size: 32px;
	width: 64px;
	height: 64px;
	line-height: 80px;
	margin: 0 auto 30px;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}
.how-box-one h4 {
	position: relative;
	line-height: 1.6em;
	text-transform: capitalize;
	margin-bottom: 7px;
	color: #222;
	font-weight: 500;
}
.how-box-one h4 a {
	color: #26cdff;
	font-size: 22px;
	margin-top: 15px;
	margin-bottom: 10px;
}
.how-box-one .text {
	position: relative;
	line-height: 1.8em;
	padding: 0px;
	color: #fff
}
.how-box-one h3 a {
	position: relative;
	color: #2a2a2a;
}
/*
===========================================================
  get-quote-section style
===========================================================
*/


.get-quote-section {
	position: relative;
	padding: 0px 0px;
	overflow: hidden;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
}
.get-quote-section .sec-title {
	color: #fff
}
.get-quote-section{
	width: 100%;
	height: 100%;
	background: url(../images/alawwal/infobar.jpg)top center no-repeat;
	background-size: cover;
}

.get-quote-section::before{
	content: "";
	width: 70%;
	height:30px;
	position: absolute;
	top: 0px;
	right: 0px;
    background: #fecc00;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 281%);
}

.get-quote-section::after{
	content: "";
	width: 70%;
	height:30px;
	position: absolute;
	bottom: 0px;
	left: 0px;
    background: #05426f;
    clip-path: polygon(0 0, 95% 0, 100% 100%, 0% 99%);
	z-index: 100;
}
.buttons-info{
	font-size: 16px;
    color: #000000;
    padding-top: 0px;
    background-color: #fecc00;
    padding: 5px 10px;
    border-radius: 6px;
    font-weight: 500;
	text-decoration: none;
    bottom: 34px;
    border-right: 3px solid #d4edff;
    border-bottom: 3px solid #d4edff;
    transition: all 0.5s ease;
}

.layer-con{
	background-color: rgba(0, 0, 0, 0.4);
	padding: 145px 0px ;
}

.inner-images{
	position: absolute; bottom: 0px; right: 60px; z-index: 1000;
}

.get-quote-section .auto-container {
	position: relative;
	z-index: 1;
}
.get-quote-section .form-column {
	position: relative;
	padding-top: 100px;
	padding-bottom: 80px
}
.get-quote-section .form-box .field-label {
	color: #fff;
}
.get-quote-section .form-box .check-box label {
	color: #fff;
}
.get-quote-section .form-box .row {
	margin: 0px -10px;
}
.get-quote-section .form-box .row .form-group {
	padding: 0px 10px;
}
.get-quote-section .image-column .image {
	position: relative;
	right: -70px;
	margin-top: -85px;
}
.default-form input[type="text"], .default-form input[type="email"], .default-form input[type="password"], .default-form input[type="tel"], .default-form input[type="url"], .default-form select, .default-form textarea {
	display: block;
	width: 100%;
	line-height: 24px;
	height: 52px;
	font-size: 16px;
	border: 1px solid #e3e3e3;
	padding: 13px 20px;
	background-color: #ffffff;
	color: #000;
	border-radius: 0px;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.default-form select {
	cursor: pointer;
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	background: #ffffff url(../images/icons/icon-select.png) right center no-repeat;
}
.default-form textarea {
	height: 140px;
	resize: none;
}
.default-form select option {
	text-indent: 20px;
	color: #222222;
}
.default-form input:focus, .default-form select:focus, .default-form textarea:focus {
	border-color: #3ba5ea;
}
.default-form input.error, .default-form select.error, .default-form textarea.error {
	border-color: #ff0000 !important;
}
.default-form label.error {
	display: block;
	line-height: 24px;
	padding: 5px 0px 0px;
	margin: 0px;
	text-transform: uppercase;
	font-size: 12px;
	color: #ff0000;
	font-weight: 500;
}
.refresh {
	display: inline-block;
	padding-left: 17px;
}
.refresh a {
	background: #fff;
	padding: 9px 10px;
}
/*
===========================================================
   our-services style
===========================================================
*/
.our-services {
    overflow: hidden;
    position: relative;
    padding: 40px 0px 50px 0px;
	background-color: #05426f;
}
.inner-images-indutries{
	overflow: hidden;
	border-radius: 8px;
	background-color:#ffffff ;
	margin-bottom: 20px;

}
.inner-images-indutries img{
	max-width: 100%;
}
.inner-images-indutries h4{
	padding: 10px 10px;
	text-align: center;
	color:#05426f ;
}



.our-services::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fecc00;
    clip-path: polygon(-16% 100%, 100% -16%, 100% 100%, 0% 281%);
}


/* .our-services.rotated-bg:before {
	content: '';
	position: absolute;
	width: 1000px;
	transform: translate(-50%, -50%) rotate(45deg);
	height: 886px;
	left: 10%;
	top: 50%;
	background: #26cdff;
} */
.our-services .sec-title {
	text-align: center;
}
.our-services .sec-title p {
	max-width: 650px;
	margin: 0 auto;
	color: #848484;
	margin-top: 20px;
}


.single-service-item {
	margin-bottom: 26px;
	position: relative;
	padding: 0px 0px 38px;
	background: #fff;
	text-align: center;
	box-shadow: 0 0 35px rgba(0,0,0,.1);
	-webkit-transition: .5s;
	transition: .5s;
	border: 2px solid #eee;
}
.single-service-item:hover {
	border-color: #26cdff;
	-webkit-transition: .5s;
	transition: .5s;
}
.our-services .single-service-item .service-icon {
	margin-bottom: 20px;
	overflow: hidden;
	text-align: center;
}
.our-services .single-service-item .service-icon img {
	max-width: 100%;
}
.single-service-item:hover .service-icon {
	background: #fff;
	border-radius: 50px;
	-webkit-transition: .5s;
	transition: .5s;
}
.service-text {
	overflow: hidden;
}
.service-text h4 {
	text-transform: capitalize;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 15px;
	margin-top: 10px;
}
.service-text h4 a {
	color: #222222;
	transition: .5s;
}
.service-text h4 a:hover {
	color: #26cdff;
	transition: .5s;
}
.service-text p {
	color: #777777;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 22px;
}
/*
====================================================================
    currency-exchange style
====================================================================
*/
.prices {
	position: relative;
	padding: 100px 0;
	text-align: center;
}
.prices .sec-title p {
	max-width: 650px;
	margin: 0 auto;
	color: #848484;
	margin-top: 20px;
}
.prices .table {
	margin-top: 46px;
	margin-bottom: 0
}
.prices .currency-icon {
	max-width: 25px;
	margin-right: 15px
}
.prices .up {
	color: #43c443
}
.prices .down {
	color: red
}
.prices .chart {
	margin-top: 46px
}
.tv-embed-widget-wrapper__heade {
	display: none;
}
.tv-screener__symbol {
	color: #26cdff
}
/*
====================================================================
    currency-exchange style
====================================================================
*/
.currency-exchange {
	position: relative;
	padding: 100px 0;
}
.currency-exchange .sec-title p {
	max-width: 650px;
	margin: 0 auto;
	color: #848484;
	margin-top: 20px;
}
/*
====================================================================
    recent-project style
====================================================================
*/
.recent-project {
	position: relative;
	padding: 100px 0 100px;
	background: #f9f9f9;
}
.style-3.recent-project, .style-2.recent-project {
	padding: 109px 0 121px;
	background: #fff;
}
.recent-project .sec-title {
	color: #fff;
}
.recent-project .single-item .img-holder {
	position: relative;
	overflow: hidden;
}
.recent-project .single-item .img-holder img {
	width: 100%;
}
.style-2.recent-project .single-item .img-holder img {
	width: 100%;
}
.recent-project .single-item .img-holder .overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(40,47,57, .67);
	text-align: center;
	opacity: 0;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.recent-project .single-item:hover .img-holder .overlay {
	opacity: 1;
}
.recent-project .single-item .img-holder .overlay .inner {
	display: table;
	width: 100%;
	height: 100%;
	position: relative;
}
.recent-project .link_btn {
	margin-bottom: 30px;
}
.recent-project .single-item .img-holder .overlay .social {
	display: table-cell;
	vertical-align: middle;
	padding-bottom: 30px;
	position: relative;
}
.recent-project .single-item .img-holder .overlay .social li {
	display: inline;
	margin-right: 4px;
}
.recent-project .single-item .img-holder .overlay .social li a {
	display: inline-block;
	text-align: center;
	line-height: 30px;
	color: #fff;
	-webkit-transition: .5s ease-in;
	transition: .5s ease-in;
}
.recent-project .single-item .img-holder .overlay .social a i:before {
	font-size: 30px;
	color: #fff;
	margin: 0px;
}
.recent-project .single-item .content-holder {
	text-align: left;
	background: #fff;
	display: block;
	overflow: hidden;
	padding: 20px 11px 20px 24px;
}
.style-3.recent-project .single-item .content-holder:before {
	background: transparent;
}
.style-3.recent-project .single-item .content-holder {
	background: transparent;
	position: absolute;
	bottom: 0;
	width: 100%;
}
.style-2.recent-project .single-item .content-holder {
	border: 1px solid #f4f4f4;
	border-top: 0;
	border-radius: 5px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.style-3.recent-project .single-item .content-holder h4 a {
	color: #fff;
}
.style-2.recent-project .single-item .content-holder h4 {
	margin-top: 25px;
}
.recent-project .single-item .content-holder:before {
	background: #26cdff;
}
.recent-project .single-item:hover .content-holder {
	border-top-color: #282F39;
	-webkit-transition: .5s ease;
	transition: .5s ease;
}
.style-2.recent-project .single-item:hover .content-holder {
	border-color: #08c1d7;
	-webkit-transition: .5s ease;
	transition: .5s ease;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
}
.style-3.recent-project .single-item:hover .content-holder {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: inherit;
	transition: inherit;
}
.recent-project .single-item:hover .content-holder:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
}
.recent-project .single-item:hover .content-holder h4 a {
	color: #fff;
}
.recent-project .single-item:hover .content-holder p {
	color: #fff;
}
.recent-project .single-item .content-holder h4 {
	text-transform: capitalize;
	color: #222222;
	font-weight: 500;
	margin: 0;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 3px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.recent-project .single-item .content-holder h4 a {
	color: #222222;
}
.recent-project .single-item .content-holder h4 a:hover {
	color: #fff;
}
.recent-project .single-item .content-holder p {
	margin: 0;
}
.recent-project .content-box {
	color: #fff;
	position: relative;
}
.recent-project .owl-controls {
	position: absolute;
	bottom: 106px;
	left: -210px;
}
.recent-project .owl-controls .owl-next {
	position: absolute;
	right: 0px;
	top: 0px;
	background: #4f4d4d;
	color: #fff;
	width: 40px;
	height: 40px;
	font-size: 0px;
	overflow: hidden;
	margin: 0px !important;
	-ms-border-radius: 50% !important;
	-o-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	-webkit-transition: .5s ease;
	transition: .5s ease;
}
.recent-project .owl-controls .owl-prev {
	position: absolute;
	right: 48px;
	top: 0px;
	background: #4f4d4d;
	color: #fff;
	width: 40px;
	height: 40px;
	font-size: 0px;
	overflow: hidden;
	margin: 0px !important;
	-ms-border-radius: 50% !important;
	-o-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	-webkit-transition: .5s ease;
	transition: .5s ease;
}
.recent-project .owl-controls .owl-next:hover, .recent-project .owl-controls .owl-prev:hover {
	background-color: #26cdff;
	-webkit-transition: .5s ease;
	transition: .5s ease;
}
.recent-project .owl-theme .owl-next:after {
	content: '\f105';
	font-family: 'FontAwesome';
	position: absolute;
	left: 0px;
	top: 2px;
	display: block;
	font-size: 24px;
	text-align: center;
	width: 40px;
	height: 40px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.recent-project .owl-theme .owl-prev:after {
	content: '\f104';
	font-family: 'FontAwesome';
	position: absolute;
	left: 0px;
	top: 2px;
	display: block;
	font-size: 24px;
	text-align: center;
	width: 40px;
	height: 40px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
/* 
=======================================================
  20. call-to-action styles 
=======================================================
*/

.promotion {
	padding: 100px 0
}
.promotion .inner_promotion {
	background: linear-gradient(rgba(3, 61, 117, 0.9), rgba(3, 61, 117, 0.9)), url(../images/background/bg-2.jpg);
	padding: 50px 30px 30px;
	background-size: cover;
	border-radius: 5px;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.promotion .inner_promotion h2 {
	color: #fff
}
.promotion .sec-title h2.center:before {
	background: #fff
}
.promotion .sec-title p {
	max-width: 650px;
	color: #fff;
	margin-top: 20px;
}
.promotion .inner_promotion span {
	font-size: 18px;
	color: #fff;
	margin-right: 30px;
	display: inline-block;
}
.promotion .inner_promotion span i {
	width: 45px;
	height: 45px;
	font-size: 18px;
	line-height: 45px;
	border: 1px solid #fff;
	border-radius: 50%;
	margin-right: 15px
}
.promotion .inner_promotion strong {
	font-weight: bold;
	margin-right: 40px;
}
.promotion .inner_promotion .button {
	display: inline-block;
}
.thm-btn.inverse:hover {
	color: #26cdff;
	border-color: #222
}
.promotion a.thm-btn {
	padding: 4px 26px;
	margin: 7px 0;
	background: #fff;
	color: #222222;
	letter-spacing: 1px;
}
/*
================================================
    22. team Section
================================================
*/
.our-team {
	position: relative;
	padding: 100px 0 100px;
	background: #f8f8f8;
}
.our-team.style-two {
	padding: 70px 0px 100px;
}
.our-team.style-two .single-team {
	margin-top: 30px;
}
.style-3.our-team, .style-2.our-team {
	padding: 109px 0 121px;
	background: #fff;
}
.our-team .sec-title p {
	max-width: 650px;
	color: #848484;
}
.our-team .single-team {
	margin-top: 46px;
	position: relative;
	overflow: hidden;
}
.our-team .single-team img {
	width: 100%;
	height: auto;
}
.our-team .team-content {
	width: 100%;
	height: auto;
	background: #26cdff;
	padding: 30px 0;
	text-align: center;
	position: absolute;
	bottom: 0;
	right: 0;
	transition: all 0.5s ease 0s;
}
.our-team .single-team:hover .team-content {
	background: #26cdff;
}
.our-team .single-team .title {
	font-size: 20px;
	color: #222;
	font-weight: 500;
	text-transform: capitalize;
	margin: 0;
	transition: all 0.5s ease 0s;
}
.our-team .single-team:hover .title {
	color: #fff;
	margin-bottom: 10px;
}
.our-team .post {
	display: block;
	font-size: 16px;
	color: #fff;
	text-transform: capitalize;
	line-height: 30px;
	height: 0;
	opacity: 0;
	transform: scale(0);
	transition: all 0.5s ease 0s;
}
.our-team .single-team:hover .post {
	height: 30px;
	opacity: 1;
	transform: scale(1);
}
.our-team .owl-controls .owl-nav {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 100%;
	right: 0;
	margin: 0;
	margin-bottom: 60px;
}
.our-team .owl-controls .owl-next {
	position: absolute;
	right: 0px;
	top: 0px;
	background: #26cdff;
	border: 2px solid #26cdff;
	color: #fff;
	width: 40px;
	height: 40px;
	font-size: 0px;
	overflow: hidden;
	margin: 0px !important;
}
.our-team .owl-controls .owl-prev {
	position: absolute;
	right: 48px;
	top: 0px;
	background: #26cdff;
	border: 2px solid #26cdff;
	color: #fff;
	width: 40px;
	height: 40px;
	font-size: 0px;
	overflow: hidden;
	margin: 0px !important;
}
.our-team .owl-controls .owl-next:hover, .our-team .owl-controls .owl-prev:hover {
	background: #fff;
	color: #26cdff;
	border: 2px solid #26cdff;
}
.our-team .owl-theme .owl-next:after {
	content: '\f105';
	font-family: 'FontAwesome';
	position: absolute;
	left: 0px;
	top: 2px;
	display: block;
	font-size: 24px;
	text-align: center;
	width: 40px;
	height: 40px;
	transition: all 0.3s ease;
}
.our-team .owl-theme .owl-prev:after {
	content: '\f104';
	font-family: 'FontAwesome';
	position: absolute;
	left: 0px;
	top: 2px;
	display: block;
	font-size: 24px;
	text-align: center;
	width: 40px;
	height: 40px;
	transition: all 0.3s ease;
}
/*** 

====================================================================
    FAQ
====================================================================

 ***/
.freq-ask {
	padding: 100px 0
}
.freq-ask .faqs {
	margin-top: 46px
}
.accordion-box {
	position: relative;
	padding: 0px 30px;
	margin-bottom: 0;
	background: #fafafa;
}
.accordion-box .block {
	position: relative;
	margin-bottom: 0px;
	border-bottom: 1px solid #e0e0e0;
}
.accordion-box .block:last-child {
	border-bottom: none;
}
.accordion-box .block .acc-btn {
	position: relative;
	font-size: 16px;
	margin-bottom: 0px;
	cursor: pointer;
	line-height: 30px;
	text-transform: capitalize;
	font-weight: 600;
	padding: 20px 40px 20px 0px;
	overflow: hidden;
	color: #2a2a2a;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	z-index: 1;
}
.accordion-box .block .acc-btn .icon-outer {
	position: absolute;
	display: block;
	right: 0px;
	top: 20px;
	width: 30px;
	height: 30px;
	line-height: 28px;
	font-weight: normal;
	text-align: center;
	color: #1a1a1a;
	background: #ffffff;
	border: 1px solid #1a1a1a;
	border-radius: 0px;
}
.accordion-box .block .acc-btn .icon-outer .icon {
	position: absolute;
	display: block;
	left: 0px;
	top: 50%;
	background: #26cdff;
	margin-top: -15px;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.accordion-box .block .acc-btn.active .icon-outer {
	color: #fff
}
.accordion-box .block .acc-btn.active .icon-outer .fa-plus:before {
	content: '\f068';
}
.accordion-box .block .acc-content {
	position: relative;
	display: none;
}
.accordion-box .block .acc-content.current {
	display: block;
}
.accordion-box .block .content {
	position: relative;
	font-size: 14px;
	color: #666666;
	padding: 3px 0px 23px;
}
.accordion-box.style-two .block .content {
	background: #fafafa;
}
.accordion-box .block .content p {
	margin-bottom: 15px;
	line-height: 1.9em;
}
.accordion-box .block .content p:last-child {
	margin-bottom: 0px;
}
/*
=================================================
  Status style
=================================================
*/
.status {
	position: relative;
	padding: 100px 0
}
.cryptocompare-logo {
	display: none;
}
.amcharts-graph-column-front.amcharts-graph-column-element, .amcharts-legend-marker {
	fill: #26cdff;
	stroke: #26cdff;
}
.amcharts-graph-fill {
	fill: #26cdff;
}
/*
==================================================
  23. two-column style
==================================================
*/
.two-column {
	padding: 100px 0px 0px;
}
.two-column .sec-title {
	margin-bottom: 30px;
}
.two-column .sec-title h2 {
}
.two-column .sec-title p {
	max-width: 650px;
	margin: 0 auto;
	color: #848484;
	margin-top: 15px;
}
.two-column .content-box {
	padding: 130px 0px 50px;
	position: relative;
}
.two-column .content-box p {
	color: #666666;
}
.two-column .content-box .clearfix {
	margin-top: 30px;
}
.two-column .inner-box .image-box {
	position: relative;
	text-align: center;
}
.two-column .inner-box .image-box img {
	width: auto;
	max-width: 100%;
	display: inline-block;
}
.single-choose-item {
	margin-bottom: 30px;
	position: relative;
	background: #fff;
	border: 1px solid #26cdff;
	-webkit-transition: .5s;
	transition: .5s;
}
.choose-left-bg {
	float: left;
	height: 100%;
	position: absolute;
	overflow: hidden;
	width: 60px;
	-webkit-transition: .5s;
	transition: .5s;
}
.choose-icon {
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	position: relative;
	margin-top: 20px;
	width: 50px;
	height: 50px;
	overflow: hidden;
	text-align: center;
}
.choose-icon i, .choose-icon i:before {
	font-size: 36px;
	color: #26cdff;
	position: relative;
	top: 1px;
	margin: 0;
}
.choose-icon i, .choose-icon i:before {
	font-size: 36px;
	color: #26cdff;
	position: relative;
	top: 1px;
	margin: 0;
}
.choose-text {
	overflow: hidden;
	padding: 26px 0px 26px;
}
.choose-text h3 {
	font-size: 20px;
	font-weight: 500;
	padding-right: 10px;
	margin-bottom: 13px;
	margin-top: 0;
	text-transform: capitalize;
}
.choose-text h3 a {
	color: #222222;
	transition: .5s;
}
.choose-text h3 a:hover {
	color: #26cdff;
	transition: .5s;
}
.choose-text p {
	color: #777777;
	font-family: 'Open Sans', sans-serif;
	padding-right: 10px;
	font-size: 14px;
	line-height: 22px;
}
/*** 

====================================================================
    service-single Section style
====================================================================

***/
.service-single {
	padding: 100px 0px 70px;
}
@media (min-width: 768px) {
.sidebar .list-group {
	margin-bottom: 0;
}
}
.outer-box {
	margin-bottom: 50px;
}
.service-single .heading_s {
	text-transform: none;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 25px;
}
.service-single .heading_s:after {
	content: '';
	width: 30px;
	height: 2px;
	background: #26cdff;
	display: block;
	margin-top: 15px;
}
.service-single .list-group .list-group-item {
	margin-top: 8px;
}
.service-single .list-group .list-group-item a {
	padding-bottom: 5px;
	padding-top: 5px
}
.service-single .list-group .list-group-item:hover {
	background: #26cdff;
	cursor: pointer;
}
.service-single .list-group .list-group-item:hover a {
	color: #fff
}
.service-single .list-group .list-group-item:first-child {
	margin-top: 0px;
	background: #26cdff
}
.service-single .list-group .list-group-item a {
	font-size: 14px;
	font-weight: 600;
	position: relative;
	color: #222222;
	padding-left: 20px;
}
.service-single .list-group .list-group-item a:before {
	position: absolute;
	content: '\f0da';
	font-family: 'FontAwesome';
	left: 0;
}
.service-single .list-group .list-group-item.active a {
	color: #ffffff;
}
.question {
	position: relative;
	margin-right: 20px;
	margin-top: 30px;
}
.question .img-box {
	position: relative;
}
.question .img-box:before {
	position: absolute;
	content: '';
	background: #000;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	opacity: .2;
}
.side_widget {
	margin-top: 30px;
	margin-right: 20px
}
.side_widget .heading_c {
	text-transform: none;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 25px;
}
.side_widget .inner_widgets {
	text-align: center;
	border: 1px solid #cccccc;
	padding: 30px 20px;
}
.side_widget .heading_c:after {
	content: '';
	width: 30px;
	height: 2px;
	background: #26cdff;
	display: block;
	margin-top: 15px;
}
.side_widget .inner_widgets blockquote {
	background: none;
	line-height: 1.7;
	padding: 0px;
	color: #666666;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 30px;
	border-left: 0
}
.side_widget .inner_widgets span {
	font-size: 16px;
	font-weight: 600;
	position: relative;
	display: block;
	color: #222222;
	background-size: 20px;
}
.side_widget .inner_widgets span i {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	font-size: 26px;
	color: #26cdff;
	right: 0;
	top: 10px
}
.side_widget .inner_widgets span cite {
	font-size: 12px;
	display: block;
	font-style: inherit;
	color: #666666;
	text-transform: uppercase;
	font-weight: normal;
}
.question .content {
	position: absolute;
	left: 30px;
	bottom: 0px;
}
.question .content h3 {
	color: #fff;
	margin-bottom: 0px;
	line-height: 28px;
}
.question .content .call {
	position: relative;
	padding: 7px 10px 5px 30px;
	background: #26cdff;
	margin-bottom: 20px;
	margin-left: -10px;
	margin-top: 10px;
}
.question .content .call i {
	position: absolute;
	left: 10px;
	top: 13px;
	font-size: 18px;
	color: #fff
}
.question .content .call h4 {
	line-height: 28px;
	color: #fff
}
.service-catergory li {
	list-style: none;
	position: relative;
	background: #fff;
	padding: 10px 0;
	margin-bottom: 10px;
}
.service-catergory li:last-child {
	margin-bottom: 0px;
}
.service-catergory li .view-all-icon {
}
.service-catergory li.active {
	background: #26cdff;
}
.service-catergory li.active a {
	color: #fff;
}
.service-catergory li a {
	display: block;
	font-size: 14px;
	color: #848484;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 30px;
	font-weight: 700;
	padding-left: 20px;
	transition: all 0.5s ease;
	position: relative;
	font-family: 'oswald';
}
.service-catergory span {
	margin-right: 8px;
	font-size: 12px;
}
.service-catergory li a:hover {
	color: #26cdff;
}
.service-catergory li.active a:hover {
	color: #fff;
}
.service-single .outer-box .content-box {
	margin-top: 48px;
}
.service-single .outer-box .content-box .sec-title {
	margin-bottom: 20px;
}
.service-single .outer-box .content-box .sec-title h4 {
	font-weight: 500;
	font-size: 20px;
	color: #222222;
}
.service-single .outer-box .content-box .text p {
	color: #848484;
}
.service-single .outer-box .content-box .text.style-two {
	margin-top: 25px;
}
.service-single .outer-box .content-box .clearfix {
	margin-top: 25px;
}
.service-single .outer-box .content-box .clearfix h4 {
	font-weight: 500;
	font-size: 20px;
	color: #222222;
	margin: 15px 0px 20px;
}
.service-single .outer-box .content-box .clearfix p {
	color: #848484;
}
/*
================================================
    Shop Section
================================================
*/
.our-gallery {
	position: relative;
	padding: 70px 0px 100px;
	background: #fff;
}
.style-3.our-gallery, .style-2.our-gallery {
	padding: 109px 0 121px;
	background: #fff;
}
.our-gallery .single-item .img-holder {
	margin-top: 30px;
	background: #f2f2f2;
	position: relative;
	overflow: hidden;
}
.our-gallery .single-item .img-holder img {
	width: 100%;
	transition: all 0.2s ease-in-out 0s;
}
.our-gallery .single-item .img-holder:hover img {
	opacity: 0.8;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.style-2.our-gallery .single-item .img-holder img {
	width: 100%;
}
.our-gallery .single-item .social a i:before {
	font-size: 30px;
	color: #fff;
	margin: 0px;
}
.our-gallery .single-item .cart {
	height: 60px;
	width: 70px;
	background: #26cdff;
	color: #fff;
	font-size: 26px;
	line-height: 60px;
	text-align: center;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.our-gallery .single-item .cart:hover {
	background: #fff;
	cursor: pointer;
}
.our-gallery .single-item .cart:hover i {
	color: #222
}
.our-gallery .single-item .cart i {
	color: #fff
}
.star-rating, p.stars a {
	font-weight: 400;
	height: 1em;
}
.star-rating:before, .star-rating span:before {
	content: "\f006\f006\f006\f006\f006";
	top: 0;
	left: 0;
	letter-spacing: 0.3em;
	font-size: 16px;
}
.star-rating span:before {
	content: "\f006\f006\f006\f006\f006";
}
.star-rating {
	overflow: hidden;
	position: relative;
	line-height: 1;
	font-size: 16px;
	width: 5.95em;
	font-family: FontAwesome;
	display: inline-block;
	vertical-align: middle;
}
.star-rating:before {
	float: left;
	position: absolute;
}
.star-rating span {
	overflow: hidden;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
}
.star-rating span:before {
	color: #fab915;
}
.product .star-rating span:before {
	color: #bf3654;
}
.star-rating:before {
	position: absolute;
	color: #808080;
}
.our-gallery .single-item .price {
	display: inline-block;
	float: right;
}
.our-gallery .single-item .review {
	padding: 20px 0;
	border-bottom: 1px solid #ededed;
}
.our-gallery .single-item h4 {
	font-size: 18px;
	font-weight: 500;
	color: #222;
	margin-top: 20px;
}
.our-gallery .single-item h4 a {
	color: #222;
}
.our-gallery .single-item h4 a:hover {
	color: #26cdff;
}
.our-gallery .single-item p {
	margin-top: 14px;
	color: #848484;
}
.our-gallery .link_btn .thm-btn {
	margin-top: 70px;
}
/*** 

====================================================================
  26. Side Bar Style
====================================================================

 ***/
.sidebar-page .sidebar {
	position: relative;
	padding-left: 40px;
}
.sidebar .widget {
	position: relative;
	margin-bottom: 35px;
}
.sidebar .sidebar-title {
	position: relative;
	margin-top: 0px;
	margin-bottom: 15px;
}
.sidebar .sidebar-title h3 {
	font-size: 20px;
	color: #222222;
	font-weight: 500;
}
.sidebar .sidebar-title:before {
	content: '';
}
.sidebar .sidebar-title:after {
	content: '';
}
.sidebar-page .contact-info {
	position: relative;
	font-size: 14px;
	margin-bottom: 30px;
}
.sidebar-page .contact-info .text {
	position: relative;
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 10px;
	color: #7f7f7f;
}
.sidebar-page .contact-info li {
	position: relative;
	margin-bottom: 5px;
	line-height: 1.8em;
	color: #7f7f7f;
}
.sidebar-page .contact-info li strong {
	position: relative;
	padding-right: 10px;
	font-weight: 600;
	color: #292929;
}
.sidebar-page .contact-info a {
	color: #f17338;
	transition: all 300ms ease-in;
	-webkit-transition: all 300ms ease-in;
	-ms-transition: all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	-moz-transition: all 300ms ease-in;
}
.sidebar-page .contact-info a:hover {
	color: #3d3d3d;
}
.sidebar .popular-categories .list {
	position: relative;
}
.sidebar .popular-categories .list li {
	position: relative;
	margin-bottom: 10px;
	line-height: 27px;
}
.sidebar .popular-categories .list li .count {
	position: relative;
	color: #f9ad0a;
}
.sidebar .popular-categories .list li a {
	position: relative;
	display: block;
	color: #848484;
	font-size: 14px;
	font-weight: 400;
	font-family: 'open sans';
	transition: .5s;
}
.sidebar .popular-categories .list li a:hover {
	color: #26cdff;
	transition: .5s;
}
.sidebar .popular-categories .list span {
	margin-right: 7px;
	font-size: 11px;
}
.sidebar .call {
	max-width: 330px;
	margin-bottom: 50px;
}
.sidebar .call .content-box {
	padding: 45px 3px 45px 30px;
	color: #fff;
	position: relative;
}
.sidebar .call .content-box p {
	position: relative;
}
.sidebar .call .content-box h2 {
	position: relative;
	font-size: 24px;
	margin-top: 14px;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
}
.sidebar .call .content-box .overlay:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(240, 181, 22, 0.8);
	opacity: 1;
	content: "";
}
.sidebar-page .sidebar-wrapper {
	padding-left: 30px;
	padding-top: 100px;
	padding-bottom: 100px;
}
.sidebar-wrapper {
	position: relative;
	display: block;
	overflow: hidden;
}
.sidebar-wrapper .single-sidebar {
	overflow: hidden;
	margin-bottom: 50px;
	position: relative;
}
.sidebar-wrapper .single-sidebar .wedgit-title {
	overflow: hidden;
	padding-bottom: 25px;
	margin-top: 0 !important;
}
.sidebar-wrapper .single-sidebar .wedgit-title h3 {
	color: #222222;
	font-size: 18px;
	font-weight: 600;
	font-family: 'open sans';
	text-transform: uppercase;
}
.sidebar-wrapper .single-sidebar form.search-form {
	position: relative
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"] {
	background: #fff;
	border: 1px solid #f4f4f4;
	color: #ababab;
	display: block;
	font-size: 14px;
	font-weight: 500;
	height: 50px;
	letter-spacing: 1px;
	padding-left: 15px;
	padding-right: 55px;
	position: relative;
	-webkit-transition: all 500ms ease 0s;
	transition: all 500ms ease 0s;
	width: 100%;
}
.sidebar-wrapper .single-sidebar .search-form button {
	background: #26cdff none repeat scroll 0 0;
	color: #fff;
	display: block;
	height: 50px;
	padding: 12px 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	-webkit-transition: all 500ms ease 0s;
	transition: all 500ms ease 0s;
	width: 50px;
}
.sidebar-wrapper .single-sidebar .search-form button i {
	font-size: 14px
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus {
	border: 1px solid #26cdff;
	background: #fff;
	color: #000;
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus + button, .sidebar-wrapper .single-sidebar .search-form button:hover {
	background: #26cdff none repeat scroll 0 0;
	color: #ddd;
}
.single-sidebar .categories {
	background: #ffffff;
	display: block;
	border: 1px solid #f5f4f3;
	padding: 24px 30px 24px;
}
.single-sidebar .categories li {
	border-bottom: 1px solid #ededed;
	margin-bottom: 12px;
	padding-bottom: 9px;
}
.single-sidebar .categories li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.single-sidebar .categories li a {
	color: #888888;
	transition: all 500ms ease;
	font-size: 14px;
	width: 100%;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	position: relative;
}
.single-sidebar .categories li a span {
	float: right;
}
.single-sidebar .categories li a:hover {
	color: #26cdff;
}
.single-sidebar .popular-post {
}
.single-sidebar .popular-post li {
	margin-bottom: 25px;
	padding-left: 70px;
	position: relative;
	border-bottom: 1px solid #f4f4f4;
	padding-bottom: 25px;
}
.single-sidebar .popular-post li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.single-sidebar .popular-post li .img-holder {
	display: block;
	left: 0;
	overflow: hidden;
	position: absolute;
	background: #f2f2f2;
	top: 0px;
	width: 70px;
	height: 70px;
}
.single-sidebar .popular-post li .img-holder img {
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
	max-width: 100px
}
.single-sidebar .popular-post li .img-holder .overlay-style-one .box .content a i {
	color: #fff;
	font-size: 16px;
	transition: all 500ms ease;
}
.single-sidebar .popular-post li:hover .img-holder .overlay-style-one {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateX(0deg);
	-moz-transform: perspective(400px) rotateX(0deg);
	-ms-transform: perspective(400px) rotateX(0deg);
	-o-transform: perspective(400px) rotateX(0deg);
	transform: perspective(400px) rotateX(0deg);
}
.single-sidebar .popular-post li:hover .img-holder img {
	transform: scale(1.1);
}
.single-sidebar .popular-post li .img-holder .overlay-style-one .box .content a:hover i {
	color: #26cdff;
}
.single-sidebar .popular-post li .title-holder {
	padding-left: 20px;
}
.single-sidebar .popular-post li .title-holder a .post-title {
	color: #404040;
	font-size: 15px;
	line-height: 24px;
	position: relative;
	font-weight: 500;
	margin: 0 0 7px;
	transition: all 500ms ease;
}
.single-sidebar .popular-post li .title-holder a:hover .post-title {
	color: #26cdff;
}
.single-sidebar .popular-post li .title-holder .post-date {
	color: #26cdff;
	display: block;
	transition: all 500ms ease;
	font-weight: 400;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}
.single-sidebar .follow-us {
	color: #ababab;
	font-size: 14px;
	margin-top: 0px;
}
.single-sidebar .instagram {
	overflow: hidden;
	display: block;
	margin-left: -6px;
	margin-right: -6px;
}
.single-sidebar .instagram li {
	display: inline-block;
	float: left;
	margin: 0 5px 10px;
}
.single-sidebar .instagram li .img-holder {
	overflow: hidden;
	position: relative;
	display: block;
}
.single-sidebar .instagram li .img-holder img {
	transform: scale(1.1, 1.1);
	transition: all 0.5s ease 0s;
	width: 100%;
}
.single-sidebar .instagram li .img-holder .overlay-style-one .box .content a i {
	color: #fff;
	font-size: 15px;
}
.single-sidebar .instagram li:hover .img-holder .overlay-style-one {
	opacity: 1;
	-webkit-transform: perspective(400px) rotateX(0deg);
	-moz-transform: perspective(400px) rotateX(0deg);
	-ms-transform: perspective(400px) rotateX(0deg);
	-o-transform: perspective(400px) rotateX(0deg);
	transform: perspective(400px) rotateX(0deg);
}
.single-sidebar .instagram li:hover .img-holder img {
	transform: scale(1, 1);
}
.popular-tag {
	margin-left: -3px;
	margin-right: -3px;
	margin-top: -5px;
}
.popular-tag li {
	display: inline-block;
	margin: 0 3px 10px;
}
.popular-tag li a {
	border: 1px solid #f4f4f4;
	color: #888888;
	display: block;
	font-size: 14px;
	font-weight: 400;
	padding: 10px 12px;
	font-family: 'Open Sans', sans-serif;
	transition: all 500ms ease 0s;
}
.popular-tag li a:hover {
	background: #26cdff;
	border-color: #26cdff;
	color: #fff;
}
.tag-share {
	padding: 10px 20px
}
.tag-share .icon {
	padding: 10px 20px
}
.tag-share .icon ul li a {
	color: #3f3e3e;
}
/*
    Image credits:
    uifaces.com (http://uifaces.com/authorized)
*/

#login {
	display: none;
}
.login, .logout {
	position: absolute;
	top: -3px;
	right: 0;
}
.page-header {
	position: relative;
}
.reviews {
	color: #555;
	font-weight: bold;
	margin: 10px auto 20px;
}
.notes {
	color: #999;
	font-size: 12px;
}
.media .media-object {
	max-width: 100px;
	width: 64px
}
.media-body {
	position: relative;
	text-align: center;
	display: block;
}
.media-body a {
	color: #fff;
	font-family: 'oswald';
	background: #6e090a;
	font-size: 20px;
	padding: 3px 40px;
	margin-top: 30px;
}
.media-date {
	position: absolute;
	right: 25px;
	top: 25px;
}
.media-date li {
	padding: 0;
}
.media-date li:first-child:before {
	content: '';
}
.media-date li:before {
	content: '.';
	margin-left: -2px;
	margin-right: 2px;
}
.media-comment {
	margin-bottom: 20px;
}
.media-replied {
	margin: 0 0 20px 50px;
}
.media-replied .media-heading {
	padding-left: 6px;
}
.btn-circle {
	font-weight: bold;
	font-size: 12px;
	padding: 6px 15px;
	border-radius: 20px;
}
.btn-circle span {
	padding-right: 6px;
}
.embed-responsive {
	margin-bottom: 20px;
}
.tab-content {
	padding: 50px 15px;
	border: 1px solid #ddd;
	border-top: 0;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
.custom-input-file {
	overflow: hidden;
	position: relative;
	width: 120px;
	height: 120px;
	background: #eee url('https://s3.amazonaws.com/uifaces/faces/twitter/walterstephanie/128.jpg');
	background-size: 120px;
	border-radius: 120px;
}
input[type="file"] {
	z-index: 999;
	line-height: 10px;
	font-size: 16px;
	position: absolute;
	opacity: 1;
	filter: alpha(opacity = 0);
	-ms-filter: "alpha(opacity=0)";
	/* margin: 0; */
	padding: 7px 8px;
	right: 54px;
	border: 1px solid #ccc;
}
.uploadPhoto {
	position: absolute;
	top: 25%;
	left: 25%;
	display: none;
	width: 50%;
	height: 50%;
	color: #fff;
	text-align: center;
	line-height: 60px;
	text-transform: uppercase;
	background-color: rgba(0,0,0,.3);
	border-radius: 50px;
	cursor: pointer;
}
.custom-input-file:hover .uploadPhoto {
	display: block;
}
/*** 

====================================================================
  Cart Style
====================================================================

 ***/
#order-detail-content {
	margin-bottom: 100px;
	margin-top: 30px
}
#order-detail-content .table.table-bordered {
	border-color: #ebebeb;
}
#order-detail-content .table tbody > tr > td {
	vertical-align: top;
	padding-top: 20px;
	text-align: center;
	position: relative;
}
#order-detail-content .table tbody > tr > td:before {
	font-size: 14px, Arial, Helvetica, sans-serif;
}
#order-detail-content .table tbody > tr {
	position: relative;
}
#order-detail-content .table tbody > tr a.close-btn.ddr {
	display: inline-block;
	position: absolute;
	top: 20px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	background: #26cdff;
	right: 12px;
	margin: 0;
}
.no-p-l {
	padding-left: 0 !important
}
.no-m-b {
	margin-bottom: 0 !important
}
.no-m-t {
	margin-top: 0 !important
}
#order-detail-content .table tbody > tr a.close-btn.ddr i {
	color: #fff
}
@media all and (max-width: 767px) {
#order-detail-content .table tbody > tr a.close-btn.ddr {
	top: auto;
	bottom: 20px;
}
}
#order-detail-content .subtotal {
	padding-left: 20px;
	padding-right: 60px;
	text-align: left;
}
@media all and (max-width: 767px) {
#order-detail-content .subtotal {
	padding: 0;
}
#order-detail-content .subtotal p {
	text-align: center;
}
}
#order-detail-content .subtotal p {
	font-size: 14px;
}
#order-detail-content .subtotal.no-cls-btn {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	width: 120px;
}
#order-detail-content .table tbody > tr > td.default {
	width: 100px;
}
#order-detail-content .table tbody > tr > td.default span {
	font-size: 14px;
}
#order-detail-content .table tbody > tr > td.date {
	width: 130px;
}
#order-detail-content .table tbody > tr > td.date span {
	font-size: 14px;
}
#order-detail-content .table tbody > tr > td.cart_quantity {
	text-align: center;
	width: 140px;
	vertical-align: top;
	padding-top: 20px;
}
#order-detail-content .table tbody > tr > td.cart_quantity .cart_quantity_button {
	white-space: nowrap;
	vertical-align: middle;
	display: inline-block;
	clear: both;
}
#order-detail-content .table tbody > tr > td.cart_quantity .cart_quantity_button a {
	float: left;
	display: block;
	margin: 0;
	height: 30px;
	line-height: 25px;
	vertical-align: middle;
	padding: 0;
	width: 30px;
	font-size: 20px;
	border: 1px solid #d7d9db;
	color: #8c929b;
	text-align: center;
}
#order-detail-content .table tbody > tr > td.cart_quantity .cart_quantity_button a:hover {
	color: #212224;
}
#order-detail-content .table tbody > tr > td.cart_quantity .cart_quantity_button a:focus:not(:hover) {
	background: none;
}
#order-detail-content .cart_quantity .cart_quantity_input {
	padding: 0;
	text-align: center;
	float: left;
	display: block;
	margin: 0;
	width: auto;
	min-width: 30px;
	text-indent: 0;
	height: 30px;
	line-height: 30px;
	font-size: 15px;
	color: #212224;
	font-family: "Open Sans", sans-serif;
	border-left: none;
	border-right: none;
}
#order-detail-content .cart_quantity .cart_quantity_input:disabled {
	background-color: transparent;
	cursor: default;
}
#order-detail-content .table tbody > tr > td.cart_delete {
	padding: 0;
	width: 170px;
	vertical-align: top;
	padding-top: 20px;
}
#order-detail-content .table tbody > tr > td.cart_delete .btn {
	width: 120px;
	padding-left: 0;
	padding-right: 0;
}
#order-detail-content .table tbody > tr > td.cart_delete .remove {
	text-transform: none;
	font-size: 13px;
	color: #81878f;
	vertical-align: middle;
	text-align: left;
}
#order-detail-content .table tbody > tr > td.cart_delete .remove:hover {
	color: #212224;
}
#order-detail-content .table tbody > tr > td.cart_delete .remove i {
	font-size: 18px;
	vertical-align: -3px;
}
#order-detail-content .table tfoot > tr > td {
	vertical-align: middle;
}
#order-detail-content #cart_summary tbody td.cart_product {
	width: 131px;
	background: #f2f2f2;
	text-align: center;
	vertical-align: middle;
}
#order-detail-content #cart_summary tbody td.cart_product img {
	border: none;
	vertical-align: middle;
}
#order-detail-content #cart_summary tbody td.cart_unit {
	text-align: center;
	vertical-align: top;
	padding-top: 20px;
	width: 120px;
	font-size: 14px;
	font-family: HelveticaNeue, Arial, Helvetica, sans-serif;
}
#order-detail-content #cart_summary tbody td.cart_unit .old-price {
	text-decoration: line-through;
	color: #a3a3a3;
}
#order-detail-content #cart_summary tbody td.cart_description small {
	display: block;
	padding: 0;
	color: #36383b;
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
}
#order-detail-content #cart_summary tbody td.cart_description small span {
	color: #9198a1;
}
#order-detail-content #cart_summary tbody td.cart_description {
	vertical-align: top;
	text-align: left;
}
#order-detail-content #cart_summary tfoot td.text-right {
	color: #333333;
	font-weight: bold;
}
#order-detail-content #cart_summary tfoot td.price {
	text-align: right;
}
#order-detail-content #cart_summary tfoot td.total_price_container span {
	color: #555454;
	font: 600 18px/22px "Open Sans", sans-serif;
	text-transform: uppercase;
}
#order-detail-content #cart_summary tfoot td#total_price_container {
	background: none repeat scroll 0 0 white;
	color: #333333;
	font: 600 21px/25px "Open Sans", sans-serif;
}
#order-detail-content .table > tbody > tr > td.cart_description {
	padding: 20px;
}
#order-detail-content tfoot.dd-list-empty tr td {
	border: none;
}
#order-detail-content #cart_summary {
	margin-bottom: 0;
}
#order-detail-content .info {
	border: 1px solid #d7d9db;
	margin-bottom: 0;
	border-top: none;
	font: 14px/50px HelveticaNeue, Arial, Helvetica, sans-serif;
	color: black;
	height: 50px;
	vertical-align: middle;
	font-weight: 600;
	white-space: nowrap;
}
#order-detail-content .info.total span {
	color: #212224;
}
#order-detail-content .info.total span + span {
	color: #26cdff;
}
@media (max-width: 767px) {
#order-detail-content {
	border-bottom: none;
}
#order-detail-content .info {
	border-left: none;
	border-right: none;
}
#order-detail-content #cart_summary table, #order-detail-content #cart_summary thead, #order-detail-content #cart_summary tbody, #order-detail-content #cart_summary th, #order-detail-content #cart_summary td, #order-detail-content #cart_summary tr {
	display: block;
}
#order-detail-content #cart_summary tbody td.cart_product {
	width: 100%;
}
#order-detail-content #cart_summary thead tr {
	left: -9999px;
	position: absolute;
	top: -9999px;
}
#order-detail-content #cart_summary tr {
	border-bottom: 1px solid #cccccc;
	overflow: hidden;
}
#order-detail-content #cart_summary td {
	border: medium none;
	float: left;
	position: relative;
	white-space: normal;
	width: 100%;
	display: block;
	text-align: center;
}
#order-detail-content #cart_summary td.cart_avail {
	clear: both;
}
#order-detail-content #cart_summary td.cart_quantity {
	clear: both;
	text-align: center;
}
#order-detail-content #cart_summary td.cart_delete {
	clear: both;
	float: right;
	width: 100%;
}
#order-detail-content #cart_summary tbody td.cart_unit {
	width: 100%;
	max-width: 100%;
}
#order-detail-content #cart_summary tbody td.cart_unit .old-price {
	display: block;
}
#order-detail-content #cart_summary td.cart_delete:before {
	display: inline-block;
	padding-right: 0.5em;
	position: relative;
	top: -3px;
}
#order-detail-content #cart_summary td:before {
	content: attr(data-title);
	display: block;
}
#order-detail-content #cart_summary tfoot td {
	float: none;
	width: 100%;
}
#order-detail-content #cart_summary tfoot td:before {
	display: inline;
}
#order-detail-content #cart_summary tfoot tr .text-right, #order-detail-content #cart_summary tfoot tr .price {
	display: block;
	float: left;
	width: 100%;
}
#order-detail-content .table {
	border-bottom: none;
}
}
#order-detail-content .table > thead > tr > th {
	background: none repeat scroll 0 0 #26cdff;
	border-bottom-width: 1px;
	border-color: #26cdff;
	vertical-align: middle;
	color: #fff;
	font-size: 13px;
	font-family: HelveticaNeue, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: center;
	height: 46px;
	line-height: 46px;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#order-detail-content .product-name {
	color: #212224;
	font-size: 14px;
	font-weight: 600;
	line-height: 23px;
	margin-bottom: 0;
	height: 35px;
	margin-bottom: 15px;
}
#order-detail-content .product-name a {
	color: #212224;
	line-height: 23px;
}
#order-detail-content .product-name a:hover {
	color: #26cdff;
}
#order-detail-content .table .price, #order-detail-content .subtotal p {
	color: #000;
	font-weight: 600;
	white-space: nowrap;
}
h6.gold-header {
	background-color: #26cdff;
	padding: 2px 0 0 15px;
	margin: 0;
	color: white;
	vertical-align: middle;
	font: 16px/46px HelveticaNeue, Arial, Helvetica, sans-serif;
	height: 46px;
}
.coupon .checkbox {
	display: inline-block;
	padding-left: 30px;
	font-size: 14px;
	line-height: 1.71;
	letter-spacing: 0.4px;
	font-weight: 500;
	color: #776d6d;
}
.coupon .radio {
	display: inline-block;
	padding-left: 20px;
	font-size: 14px;
	width: 100%;
	line-height: 1.71;
	letter-spacing: 0.4px;
	font-weight: 500;
	color: #776d6d;
}
.coupon .radio.last {
	margin-bottom: 30px;
}
.cart-detail {
	margin-bottom: 40px;
	margin-top: 30px
}
.coupon {
	padding: 20px 20px 50px;
	border: 1px solid #d7d9db;
	overflow: hidden;
}
@media (max-width: 767px) {
.coupon .thm-btn {
	margin-bottom: 20px
}
}
.info {
	height: 55px;
	font: 13px/55px "Open Sans", sans-serif;
	color: black;
	border-left: 1px solid #d7d9db;
	border-right: 1px solid #d7d9db;
	border-bottom: 1px solid #d7d9db;
	margin-top: 0;
	margin-bottom: 0;
}
.info span + span {
	font-size: 15px;
}
.info.total {
	font: 600 15px/60px "Open Sans", sans-serif;
	text-transform: uppercase;
	height: 60px;
}
.info.total span {
	vertical-align: middle;
}
.info.total span + span {
	color: #26cdff;
	font-size: 18px;
}
.info .gray {
	color: #9198a1;
	font-size: 13px;
}
.calc-shipping {
	padding-top: 15px;
	border: 1px solid #d7d9db;
	margin-bottom: 40px;
	overflow: hidden;
}
.bottom-buttons input[type=text] {
	height: 46px;
	width: 100%;
	margin-bottom: 20px;
}
.bottom-buttons .btn {
	display: inline-block;
	height: 46px;
	text-align: center;
	width: 100%;
	font-size: 14px;
	min-width: 0;
	margin-bottom: 20px;
}
.mb-40 {
	margin-bottom: 40px !important;
}
#order-detail-content span.count {
	color: #212224;
	font: 16px "Open Sans", sans-serif;
}
#order-detail-content .subtotal p {
	text-align: center;
}
#order-detail-content .subtotal .close-btn + p {
	text-align: left;
}
@media all and (max-width: 767px) {
#order-detail-content .subtotal .close-btn + p {
	text-align: center;
}
.aboutc{
		width:100% !important;
	}
}
@media all and (max-width: 500px) {
	
}
.form-control {
	background: #fff;
	border: 1px solid #d7d9db;
	-webkit-border-radius: 0 !important;
	color: #000;
	font-size: 14px;
	line-height: 24px;
	vertical-align: middle;
	padding: 19px 15px;
	box-shadow: none;
}
.form-control:focus {
	border-color: #26cdff;
	box-shadow: none;
	outline: 0 none;
}
 .form-control::-webkit-input-placeholder {
color: #B2B7C9;
}
 .form-control:-moz-placeholder {
color: #B2B7C9;
}
 .form-control::-moz-placeholder {
color: #B2B7C9;
}
 .form-control:-ms-input-placeholder {
color: #B2B7C9;
}
.customSelect:after {
	content: "\f107";
	font-family: FontAwesome;
	font-size: 18px;
	z-index: 9;
	float: right;
	margin: -22px -5px 0 0;
}
/*** 

====================================================================
  26. single Product Style
====================================================================

 ***/
.entry-summary {
	overflow: hidden;
	margin-bottom: 30px;
}
.product-info-main {
	margin-top: 55px;
	z-index: 10;
	background: #fff;
	overflow: hidden;
}
.product-info-main .review {
	font-size: 13px;
	margin-left: 5px;
	color: #adadad;
}
.product-info-main .product-name a {
	font-size: 20px;
	padding-bottom: 12px;
	color: #222;
	display: inline-block;
	font-weight: 600
}
.product-info-main .review {
	font-size: 13px;
	margin-left: 5px;
	color: #adadad;
}
.product-info-main .price {
	font-size: 20px;
	color: #26cdff;
	width: 50%;
	position: relative;
	display: block !important;
	padding-top: 20px;
	margin-bottom: 27px;
	font-weight: 600;
	display: inline-block;
}
.price ins {
	text-decoration: none;
	margin-right: 7px;
}
.product-info-main .price del {
	font-size: 20px;
	color: #c7c7c7;
	font-weight: normal;
	text-decoration: line-through
}
.product-info-main .stock.available {
	float: right;
	width: 50%;
	color: #ff7f00;
	margin-top: 20px;
}
.product-info-main .label-stock {
	color: #8e8e8e;
}
.product-info-main .product-des {
	color: #747474;
	padding: 30px 0;
	border-top: 1px dotted #e6e6e6;
	border-bottom: 1px dotted #e6e6e6;
}
.quantity-cart {
	width: 100%;
	max-width: 501px;
	margin-top: 15px;
	padding-top: 25px;
	padding-bottom: 16px;
}
.quantity {
	display: inline-block;
}
.quantity .quantity-title {
	float: left;
	margin-top: 17px;
	margin-right: 15px;
	font-size: 16px;
	color: #5b5b5b;
	min-width: 43px;
}
.note-impor {
	color: #f46657;
}
.buttons-added {
	border-radius: 3px;
	max-width: 250px;
	display: table;
}
.buttons-added .sign {
	width: 50px;
	height: 50px;
	border: 1px solid #e6e6e6;
	display: inline-block;
	text-align: center;
	color: #b2b2b2;
	line-height: 50px;
	margin-bottom: 4px;
	background: #f9f9f9;
	float: left;
}
.buttons-added input {
	border: 1px solid #e6e6e6;
	font-size: 14px;
	color: #2a2a2a;
	text-align: center;
	padding: 12px 42px 10px 42px;
	line-height: 26px;
	height: 50px;
	border-left: none;
	border-right: none;
	float: left;
	border-radius: 0;
}
.buttons-added .sign:hover {
	background: #26cdff;
	color: #fff
}
.product-info-main .inner {
	display: inline-block;
}
.wishlist:hover, .compare:hover, .gmail:hover {
	color: #fff;
	background: #26cdff;
	border: 1px solid #ff7f00;
}
.product-info-main .compare {
	margin-right: 15px;
}
.wishlist, .compare, .gmail {
	border: 1px solid #ebebeb;
	background: #fff;
	border-radius: 4px;
	float: left;
	color: #b0b0b0;
	margin-right: 15px;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.single-sidebar .popular-post li .title-holder a .post-title.related {
	margin-bottom: 0
}
.single-sidebar .popular-post li .title-holder .price {
	font-size: 16px;
	font-weight: 600;
	color: #26cdff;
}
.single-sidebar .popular-post li .title-holder .price del {
	font-size: 16px;
	color: #c7c7c7;
	font-weight: normal;
	text-decoration: line-through;
}
/*** 

====================================================================
   Blog Page Style
====================================================================

***/

.sidebar-page {
	position: relative;
}
.sidebar-page .single-blog-item .img-holder .categories {
	bottom: 40px
}
.blog-container {
	position: relative;
	padding: 100px 0px 50px;
	margin-bottom: 20px;
}
.blog-post.style-two {
	padding: 0px;
}
.sidebar-page .blog-post {
	position: relative;
	background: #ffffff;
	margin-bottom: 2px;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.sidebar-page .blog-post .post-header {
	position: relative;
	padding: 18px 0px 0px;
	background: #ffffff;
}
.sidebar-page .blog-post .post-header h2 {
	position: relative;
	font-size: 18px;
	font-weight: 500;
	margin: 5px 0px 8px;
	color: #222222;
}
.sidebar-page .blog-post .post-header h2 a {
	position: relative;
	display: block;
	color: #222222;
	transition: .5s;
}
.sidebar-page .blog-post .post-header a:hover {
	color: #26cdff;
	transition: .5s;
}
.sidebar-page .blog-post .post-header h4 {
	color: #f9ad0a;
	font-size: 14px;
 font-family:'raleway'  font-weight:500;
}
.sidebar-page .blog-post .post-info {
	position: relative;
	margin-bottom: 18px;
	font-family: 'open sans', sans-serif;
}
.sidebar-page .blog-post .post-info li {
	position: relative;
	display: inline-block;
	margin: 0px 25px 0px 0px;
	color: #848484;
	font-size: 14px;
	font-weight: 400;
}
.sidebar-page .blog-post .post-info li span {
}
.sidebar-page .blog-post .post-info li span:before {
	color: #26cdff;
	margin: 0;
	font-size: 14px;
}
.sidebar-page .blog-post .image-box {
	position: relative;
}
.sidebar-page .blog-post .image-box .date {
	height: 60px;
	width: 70px;
	background: #26cdff;
	color: #fff;
	text-align: center;
	padding-top: 8px;
	position: absolute;
	top: 20px;
	left: 0px;
}
.sidebar-page .blog-post .image-box .date h5 {
	font-size: 22px;
	font-weight: 700;
	font-family: 'Open Sans', sans-serif;
}
.sidebar-page .blog-post .image-box .date p {
	margin: 0;
	font-size: 12px;
	line-height: 20px;
	text-transform: uppercase;
	color: #fff;
	position: relative;
}
.sidebar-page .blog-post .image-box img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}
.sidebar-page .image-slider .owl-controls {
	margin: 0px !important;
}
.sidebar-page .image-slider .owl-nav .owl-prev {
	position: absolute;
	left: -5px;
	top: 50%;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	text-align: center;
	background: none !important;
	font-size: 0px !important;
}
.sidebar-page .image-slider .owl-nav .owl-next {
	position: absolute;
	right: -5px;
	top: 50%;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	text-align: center;
	background: none !important;
	font-size: 0px !important;
}
.sidebar-page .image-slider .owl-nav .owl-prev:after {
	content: '\f104';
	font-family: 'FontAwesome';
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 50px;
	display: block;
	font-size: 32px;
	color: #ffffff;
	text-align: center;
	width: 50px;
	height: 50px;
	opacity: 0.50;
	background: rgba(0,0,0,0.30);
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.sidebar-page .image-slider .owl-nav .owl-next:after {
	content: '\f105';
	font-family: 'FontAwesome';
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 50px;
	display: block;
	font-size: 32px;
	color: #ffffff;
	text-align: center;
	width: 50px;
	height: 50px;
	opacity: 0.50;
	background: rgba(0,0,0,0.30);
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.sidebar-page .image-slider .owl-nav .owl-prev:hover:after, .sidebar-page .image-slider .owl-nav .owl-next:hover:after {
	background: #f9ad0a;
	opacity: 1;
}
.sidebar-page .image-slider .owl-dots {
	display: none !important;
}
.sidebar-page .blog-post .post-desc {
	position: relative;
	padding: 20px 0px;
	background: #ffffff;
	border-top: 1px solid #ededed;
}
.sidebar-page .blog-post .text {
	position: relative;
	margin-bottom: 33px;
	color: #848484;
}
.sidebar-page .blog-post .text.style-two {
	margin-bottom: 10px;
}
.sidebar-page .blog-post .post-header .post-options {
	position: relative;
	float: right;
}
.sidebar-page .blog-post .post-header .post-options a {
	position: relative;
	display: inline-block;
	font-size: 18px;
	display: inline-block;
	margin-left: 10px;
	color: #777777;
}
.sidebar-page .blog-post .post-header .post-options a:hover {
	color: #00bff5;
}
.news-post blockquote {
	position: relative;
	margin-left: 54px;
	padding: 0px 20px 0px 26px;
	line-height: 2em;
	font-size: 14px;
	color: #848484;
	font-style: italic;
	border-left: 2px solid #e7e7e7;
	font-family: 'Open Sans', sans-serif;
}
.news-post .quate {
	position: absolute;
	top: 24px;
	left: -50px;
	font-size: 30px;
	color: #26cdff;
}
.sidebar-page .blog-detail .post-desc h2 {
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 22px;
	color: #1a1a1a;
}
.sidebar-page .blog-detail .post-desc h3 {
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 10px;
	color: #1a1a1a;
}
.sidebar-page .blog-detail h4 {
	font-size: 16px;
	margin-bottom: 20px;
}
.check-list li .fa {
	position: relative;
	color: #cbda37;
}
.remove-list li .fa {
	position: relative;
	color: #ff0000;
}
.sidebar-page .blog-detail .post-tags {
	position: relative;
	padding: 15px;
	font-size: 16px;
	background: #f5f5f5;
	color: #999999;
	margin-bottom: 50px;
}
.sidebar-page .blog-detail .post-tags a {
	position: relative;
	color: #777777;
	font-size: 15px;
}
.sidebar-page .blog-detail .post-tags a:hover {
	color: #f7a34a;
}
.sidebar-page .post-author {
	position: relative;
	background: #ccedf9;
	padding: 25px;
	color: #555555;
	border-bottom: 3px solid #f7a34a;
	margin-bottom: 50px;
}
.sidebar-page .post-author:before {
	content: '';
	position: absolute;
	left: 50px;
	top: -28px;
	border: 15px solid transparent;
	border-bottom-color: #ccedf9;
}
.sidebar-page .post-author .inner-box {
	position: relative;
	padding: 15px 0px 0px 100px;
	min-height: 80px;
}
.sidebar-page .post-author .inner-box .author-thumb {
	position: absolute;
	left: 0px;
	top: 10px;
	width: 80px;
	height: 80px;
	border: 2px solid transparent;
	box-shadow: 0px 0px 2px 0px #f7a34a;
	-moz-box-shadow: 0px 0px 2px 0px #f7a34a;
	-ms-box-shadow: 0px 0px 2px 0px #f7a34a;
	-o-box-shadow: 0px 0px 2px 0px #f7a34a;
	-webkit-box-shadow: 0px 0px 2px 0px #f7a34a;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
}
.sidebar-page .post-author .inner-box .author-thumb img {
	display: block;
	width: 76px;
}
.sidebar-page .post-author h4 {
	margin-bottom: 10px;
	color: #1a1a1a;
}
.sidebar-page .post-author h4 .author-occ {
	position: relative;
	left: 10px;
	padding: 5px 10px;
	font-size: 10px;
	background: #f7a34a;
	border-radius: 5px;
	color: #ffffff;
}
.leave-comment .section-title {
	margin-bottom: 20px;
}
.leave-comment .section-title h3 {
	position: relative;
	display: block;
	margin: 67px 0px 25px;
	color: #222222;
	transition: .5s;
	font-size: 20px;
	font-weight: 500;
}
.sidebar-page .form-control:focus {
	border-color: #26cdff;
}
/*
===================================================
  29. feature-style-three
===================================================
*/
.feature-style-three {
	padding: 40px 0px 40px;
	background: #26cdff;
}
.feature-style-three .item-list .row {
	margin: 0px;
}
.feature-style-three .item-list .item .inner-box {
	position: relative;
	padding-left: 94px;
	padding: 30px 12px 30px 94px;
	border: 1px solid #ededed;
	background: #fff;
}
.feature-style-three .item-list .item .inner-box h3 {
	font-size: 18px;
	color: #222222;
	margin-bottom: 10px;
	font-weight: 500;
	text-transform: capitalize;
}
.feature-style-three .item-list .item .inner-box .icon-box {
	position: absolute;
	left: 22px;
}
.feature-style-three .item-list .item .inner-box .icon-box .icon {
	color: #26cdff;
	line-height: 47px;
	margin-left: -11px;
}
.feature-style-three .item-list .item .inner-box .icon-box .icon:before {
	font-size: 36px;
}
.feature-style-three .item-list .item .inner-box .text {
	position: relative;
	line-height: 27px;
	color: #848484;
	font-family: 'oswald';
	font-size: 14px;
	font-weight: 400;
}
/*
================================================
   contact_us style
================================================
*/
.contact_us {
	padding: 100px 0px 70px;
}
.contact_us .sec-title {
}
.contact_us .sec-title p {
	max-width: 650px;
	margin: 0 auto;
	color: #848484;
	margin-bottom: 60px;
}
.contact_us .link_btn.style-four {
	margin-top: 30px;
}
/*
=================================================
  31. error page style
=================================================
*/

.error-page {
	padding: 100px 0px;
}
.error-page .content-box h1 {
	font-size: 150px;
	font-weight: 700;
	color: #26cdff;
}
.error-page .content-box h2 {
	margin-bottom: 16px;
}
.error-page .content-box p {
	margin-bottom: 40px;
	color: #848484;
}
.error-page .content-box .sidebar_search {
	max-width: 475px;
	margin-bottom: 50px;
}
.error-page .content-box {
}
/*** 

====================================================================
  Comments Area
====================================================================

 ***/

.sidebar-page .comments-area {
	position: relative;
}
.sidebar-page .group-title {
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 15px;
}
.sidebar-page .group-title h2 {
	position: relative;
	display: block;
	margin: 50px 0px 10px;
	color: #222222;
	transition: .5s;
	font-size: 20px;
	font-weight: 500;
}
.sidebar-page .group-title:before {
	content: '';
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 2px;
	background: #f1f1f1;
}
.sidebar-page .group-title:after {
	content: '';
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 50px;
	height: 2px;
	background: #26cdff;
}
/*======== comments ==========*/



.news-details .comments .comment {
	margin-top: 50px;
}
.news-details .comments .comment-reply {
	margin-top: 30px;
	background: #f8f9f9;
	padding: 20px 30px;
	margin-left: 62px;
}
.news-details .comments .article .author-pic {
	width: 10%;
	float: left;
}
.news-details .comments .article .author-pic img {
	max-width: 50px
}
.news-details .comments .article .details {
	width: 90%;
	float: left;
}
.news-details .comments .article .author-meta {
	overflow: hidden;
	margin-bottom: 5px;
}
.news-details .comments .article .author-meta > div {
	display: inline-block;
}
.news-details .comments .article h4 {
	font-size: 16px;
	margin: 0;
	text-transform: capitalize;
	color: #000;
}
.news-details .comments .article .author-meta > div:last-child {
	font-size: 13px;
	color: gray;
	padding-left: 5px;
}
.news-details .comments .article p {
	font-size: 14px;
	margin-bottom: 5px;
}
.news-details .comments .article .replay {
	border: 1px solid #d0d0d0;
	width: 95px;
	height: 32px;
	position: relative;
	border-radius: 20px;
	text-align: center;
	margin: 20px 0 0;
	transition: .5s ease;
}
.news-details .comments .article .replay:hover {
	background: #203364;
	border-color: 203364;
	transition: .5s ease;
}
.news-details .comments .article .replay button {
	height: 28px;
	font-size: 16px;
	font-weight: 400;
	color: #203364;
	font-family: 'Montserrat', sans-serif;
	padding: 0;
	border: 0;
	display: inline-block;
	outline: 0;
	z-index: 10;
	transition: .5s ease;
}
.news-details .comments .article .replay:hover button {
	color: #fff;
	transition: .5s ease;
}
.news-details .all-comment a {
	color: #203364;
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
	margin-top: 45px;
}
.md {
	border-top: 1px solid #e5e5e5;
	padding: 92px 0px 35px 0px;
	background: url(../images/mdbackground.png) bottom -44px right -35px no-repeat;
}
.md-title h2 {
	color: #262626;
	font-size: 50px;
	margin-bottom: 25px;
	padding-bottom: 19px;
	text-transform: uppercase;
	background: url(../images/borderbottom.png) bottom -7px left -7px no-repeat;
	font-weight: 600;
}
.md-para {
	margin-left: -13px;
}
.md-para a {
	background: #26cdff;
	font-size: 14px;
	color: #fff;
	padding: 10px 40px;
}
.md-para p {
	text-align: justify;
	padding-bottom: 20px;
	line-height: 24px;
	font-size: 16px;
}
.img-outer {
	border: 1px solid #e5e5e5;
	background: #f4f3f3;
	margin: 0px 0px 25px 40px;
}
.img-outer img {
	padding: 20px 15px;
	margin: auto;
	display: block;
}
.content-md h2 {
	font-size: 20px;
	text-align: center;
}
.content-md p {
	padding-bottom: 30px;
	text-align: center;
}
.choose {
	padding: 70px 0px 30px 0px;
	background: url(../images/choosebg.jpg) top center no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.whychoose {
	text-align: center;
	max-width: 100%;
}

.isoim{ margin-top:91px;  }
.isoim{max-width:412px;	}


.right a{
	text-decoration: none;
}




/* amaan css atarts */


.missioncont h3{
	    font-size: 32px;
		font-weight: 400;
		line-height: 131%;
	}

.missioncont h4 {
    background: url("../images/alawwal/cream-pattern.jpg") left top repeat;
    padding: 20px;
    margin: 15px 0;
    border-radius: 15px;
    font-size: 17px;
	color: black;
    line-height: 1.5;
}

.post-item {
    --item-padding-x: 50px;
    --item-padding-y: 35px;
    --post-meta-padding: 23px;
    --title-font-size: 20px;
    --title-font-weight: 600;
    --title-line-height: 1.4;
    --desc-font-size: 15px;
    --title-margin-bottom: 16px;
    --desc-margin-bottom: 23px;
    --item-box-shadow: 0px 5px 43px 0px rgba(27, 26, 26, 0.06);
    --item-box-shadow-hover: 0px 5px 43px 0px rgba(27, 26, 26, 0.1);
    position: relative;
    overflow: hidden;
    margin-bottom: var(--bs-gutter-x);
    box-shadow: var(--item-box-shadow);
    background-color: var(--color-white);
    transition: all 0.3s linear;
}

.service-cont .post-body
 {
    padding: 20px 20px 20px 20px !important;
}

.post-item .post-body {
   position: relative;
    z-index: 1;
    background-color: var(--color-white);
    padding: var(--item-padding-y) var(--item-padding-x);
    transition: all 0.3s ease;
    min-height: 230px;
}
@media (min-width:1390px) {
	
.post-item .post-body {
   position: relative;
    z-index: 1;
    background-color: var(--color-white);
    padding: var(--item-padding-y) var(--item-padding-x);
    transition: all 0.3s ease;
    min-height: 220px;
}

}



* {
    outline: none;
}
*, ::after, ::before {
    box-sizing: border-box;
}
div {
    display: block;
    unicode-bidi: isolate;
}
.post-item {
    --item-padding-x: 15px;
    --item-padding-y: 10px;
    --post-meta-padding: 23px;
    --title-font-size: 20px;
    --title-font-weight: 400;
    --title-line-height: 1.4;
    --desc-font-size: 15px;
    --title-margin-bottom: 16px;
    --desc-margin-bottom: 23px;
    --item-box-shadow: 0px 5px 43px 0px rgba(27, 26, 26, 0.06);
    --item-box-shadow-hover: 0px 5px 43px 0px rgba(27, 26, 26, 0.1);
    position: relative;
    overflow: hidden;
    margin-bottom: var(--bs-gutter-x);
    box-shadow: var(--item-box-shadow);
    background-color: var(--color-white);
    transition: all 0.3s linear;
}
@media (min-width: 1400px) {
    .row {
        --bs-gutter-x: 40px;
    }
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 1200px) {
    .blog-slider.overflow-slider {
        --margin-inline-end: -300px;
    }
}
.blog-slider.overflow-slider {
    --margin-inline-end: 0;
}
@media (min-width: 1400px) {
    .section-full-width {
        --section-padding-inline: 50px;
    }
}
@media (min-width: 1200px) {
    .section-full-width {
        --section-padding-inline: 30px;
    }
}
.section-full-width {
    --section-padding-inline: 15px;
}
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: var(--color-white);
    font-family: var(--font-primary);
    font-size: var(--font-size-base);
    color: var(--bs-black);
    overflow-x: hidden;
}
body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}
:root, :host {
    --fa-style-family-classic: 'Font Awesome 6 Free';
    --fa-font-solid: normal 900 1em / 1 'Font Awesome 6 Free';
}
:root, :host {
    --fa-style-family-classic: 'Font Awesome 6 Free';
    --fa-font-regular: normal 400 1em / 1 'Font Awesome 6 Free';
}
:root, :host {
    --fa-style-family-brands: 'Font Awesome 6 Brands';
    --fa-font-brands: normal 400 1em / 1 'Font Awesome 6 Brands';
}
:root {
    --form-margin-bottom: 30px;
    --form-control-height: 48px;
    --form-control-padding-x: 0;
    --form-control-font-size: 15px;
    --form-control-color: var(--color-gray-400);
    --form-control-bg: transparent;
    --form-control-radius: 2px;
    --form-control-border-width: 2px;
    --form-control-border-color: var(--color-gray-200);
    --form-control-focus-border-color: var(--color-primary);
    --form-control-placeholder-color: var(--color-gray-400);
    --form-checkbox-size: 17px;
    --form-radio-dot-size: 7px;
}
:root {
    --font-size-base: 15px;
    --font-primary: Open Sans, sans-serif;
    --font-secondary: Open Sans, sans-serif;
    /* --font-secondary: Unbounded, sans-serif; */
    --font-icons: "icomoon";
    --color-primary: #fecc00;
    --color-primary-200: #03452f;
    --color-primary-300: #012217;
    --color-primary-400: #1c3930;
    --color-primary-500: #1a7e00;
    --color-primary-600: #677a74;
    --color-primary-700: #023021;
    --color-primary-800: #0e6118;
    --color-secondary: #222222;
    --color-primary-rgb: 254, 91, 44;
    --color-secondary-rgb: 34, 34, 34;
    --color-white: #ffffff;
    --color-black: #000;
    --color-accent: #00226c;
    --color-dark: #161616;
    --color-light: #6d6fb3;
    --color-default: #9b9b9b;
    --color-gray-100: #f9f9f9;
    --color-gray-200: #eaeaea;
    --color-gray-300: #d6d6d6;
    --color-gray-400: #616161;
    --color-gray-500: #c6c6c6;
    --color-gray-600: #e7ebef;
    --color-gray-700: #f8f8f2;
    --color-green-100: #d7f6f0;
    --color-primary-300-rgb: 1, 34, 23;
    --bs-primary: #e20a10;
    --bs-secondary: #222222;
    --bs-gray: #9b9b9b;
    --bs-black: #000;
    --bs-gray-dark: #161616;
    --bs-success: #198754;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #161616;
    --bs-primary-rgb: 254, 91, 44;
    --bs-secondary-rgb: 34, 34, 34;
    --bs-success-rgb: 25, 135, 84;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --color-white-rgb: 255, 255, 255;
    --bs-body-line-height: 1.5;
}
:root {
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px;
}
:root {
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px;
}
:root, [data-bs-theme=light] {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
}
*, ::after, ::before {
    box-sizing: border-box;
}
*, ::after, ::before {
    box-sizing: border-box;
}
::selection {
    background-color: var(--color-primary);
    color: var(--bs-black);
}

.post-item .post-title a {
   color: #05426f;
    text-decoration: none;
	font-size: 20px;
}
.servicetitle2 a{
	font-weight: 800;
	font-size: 23px !important;
}

.servicetitle span {
    display: block;
    font-size: 17px;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.5;
    margin-top: 5px;
}

.servicetitle2 span {
    display: block;
    font-size: 17px;
    line-height: 1.5;
	font-weight: 600;
    margin-top: 5px;
}


.post-text h4{
	font-weight: 300;
	font-size: 16px !important;
}
.sec-headings h2{color: white !important; font-size:40px !important; text-align: left !important; margin-bottom: 0px !important;}



.post-item .post-meta-date {
    font-size: 13px;
    color: #ffffff;
    padding-top: 0px;
    background-color: #fecc00;
    padding: 5px 10px;
    margin-top: 10px;
    border-radius: 6px;
    display: inline-block;
    bottom: 0px;
    border-right: 3px solid #05426f;
    border-bottom: 3px solid #05426f;
    transition: all 0.5s ease;
	color: black;
	font-weight: 700;
}

.post-item .post-meta-date:hover {
    border-right: 3px solid #fecc00;
	border-bottom: 3px solid #fecc00;
	background-color: #05426f;
	color: white;
}

.service-cont{
	border-radius: 7px;
	transition: all 0.5s ease;
}

.service-cont:hover{
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


.post-img{
	max-width: 500px;
	min-width: 309px;
	max-height: 400px;
	overflow: hidden;
}

.post-img img{
transition: all 0.5s ease;
}
.service-cont:hover .post-img img{
	
	transform: scale(1.07);
	rotate: 1deg;
}


.top-header{
    position: relative;
    /* background: #0f172a; */
    color: #fff;
    padding: 10px 20px;
    overflow: hidden;
}

/* Triangle Shape */
.top-header::before{
   content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fecc00;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 281%);
}

/* Content */
.header-content{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Left text */
.left-text{
    font-weight: bold;
}

/* Right contact */
.right-text{
    font-size: 14px;
}

.step-item {
    text-align: center;
    padding: 20px 40px 0;
    position: relative;
}
.step-header {
    margin-bottom: 30px;
    position: relative;
}

.step-header .step-icon
 {
    width: 130px;
    height: 130px;
    position: relative;
    background: var(--accent-color);
    margin: 0 auto;
	border: 3px solid #fecc00;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.step-header .step-icon figure {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 30px;
}

.step-header .step-icon figure:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--primary-color);
    border-radius: 30px;
    transform: translate(-100%, 100%);
    transition: all 0.3s ease-out;
}

.step-header .step-icon figure img {
    position: relative;
    z-index: 1;
}

.step-header .step-no {
    display: block;
    height: 48px;
    width: 48px;
    background:#fecc00;
    border-radius: 30px;
    font-family: var(--accent-font);
    font-size: 22px;
    font-weight: 700;
    color:white;
    line-height: 40px;
    position: absolute;
    top: -20px;
    right: -20px;
    border: 4px solid var(--white-color);
}
.linkd-ss::after{
	content:" \f0e1";
	width: 100%;
	height: 100%;
	background-color: yellow;
}

.step-item.step-1 .step-header:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 50px;
    width: 126px;
    height: 46px;
    background: url("../images/alawwal/icon-step1.svg") no-repeat center center;
    background-size: 100% auto;
    transform: translate(156px, -50%);
}

.step-content h3 {
    font-size: 22px;
    color: var(--primary-color);
    font-weight: 700;
    margin-bottom: 15px;
}
.step-content p {
    margin-bottom: 0;
}


.step-item.step-2 .step-header:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 52px;
    width:126px;
    height: 46px;
    background: url("../images/alawwal/icon-step2.svg") no-repeat center center;
    background-size: 100% auto;
    transform: translate(156px, -50%);
}

.step-icon img{
	max-width: 90px;
}





.section-title h3 {
    display: inline-block;
    position: relative;
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color:white;
    padding-left: 26px;
    margin-bottom: 15px;
}

.section-title h2 {
    font-size: 40px;
    font-weight: 300;
    line-height: 1.2em;
    letter-spacing: -0.01em;
    color: white	;
    margin-bottom: 0;
    cursor: none;
}
.section-title h1 span, .section-title h2 span {
    font-weight: 700;
}

.our-services-list {
    position: relative;
    z-index: 2;
    margin-top: -90px;
}



.services-list-box .service-item {
    width: calc(25% - 45px);
    position: relative;
}

.service-item .icon-box {
    margin-bottom: 30px;
}

.service-item .icon-box img {
    max-width: 60px;
}

.service-body {
    margin-bottom: 60px;
}

.service-body h3 {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
}

.footer .links a{
	text-decoration: none;
}
.links h3{
	position: relative;
}

.links h3::after{
	content: "";
	width: 10%;
	height: 3px;
	background-color: #fecc00;
	position: absolute;
	bottom: -15px;
	left: 0px;
}

.location h3{
	position: relative;
}

.location h3::after{
	content: "";
	width: 10%;
	height: 3px;
	background-color: #fecc00;
	position: absolute;
	bottom: -15px;
	left: 0px;
}

.socials a{
	width: 35px;
	height: 35px;
	background-color: #fecc00;
	border-radius: 50%;
	border: 2px solid white;
	text-align: center;
	color: #05426f;
	align-content: center;
}

.socials a i{
	font-size:16px;
}



/* about css start */



.about-outer2-right {
    width: 100%;
    min-height: 400px;
    background: url(../images/bg6.png) right top no-repeat;
    background-size: 100% auto;
    padding: 40px 50px 50px 240px;
}

.about-outer2-right h3 {
    font-size: 30px;
    display: block;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
}

.about-outer h3 {
    position: relative;
    font-size: 41px;
    margin-bottom: 15px;
    font-weight: 700;
    line-height: 1.3;
    color: #08366e;
	margin-top: 10px;
}

.logo-whitebg {
    width: 100%;
    height: 250px;
    border-radius: 100%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-bottom: 15px solid #e65013;
}

.logo-container {
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logoo {
    max-width: 100%;
    max-height: 100%;
    transform-style: preserve-3d;
    animation: rotate3D 4s infinite linear;
}


.about-outer { background: url(../images/alawwal/about-bg1.jpg) left bottom no-repeat;}
.about-outer h3 {
    position: relative;
    font-size: 41px; margin-bottom: 15px;
    font-weight: 700;
    line-height: 1.3;
    color: #08366e;
}
.certificatin-images img{border: 1px solid #05426f;}
.about-outer h3 span { display: block; color: #05426f; }
.about-outer2 { background: url(../images/about-bg2.jpg) center center no-repeat; background-attachment: fixed; background-size: 100%; min-height: 100vh }
.blackoverlay { background: #000000; background: radial-gradient(circle, rgba(0, 0, 0, 0.7) 0%, rgba(255, 255, 255, 0) 100%); padding: 50px 0px; }
.about-outer2 h3 {
    position: relative;
    font-size: 18px; margin-bottom: 15px;
    font-weight: 700;
    line-height: 1.3;
    color: #ff6f35; 
}
.about-outer2 h3 span { font-size: 40px; display: block; font-weight: 700; color: #fff; }
.about2overlay { background-color: rgb(24 22 70 / 65%); padding: 20px 50px 15px 15px; border-radius: 8px 50px 50px 8px; }
.bordercont { border: 3px solid rgba(255, 255, 255, 0.5); padding: 10px 15px; margin: 0px 0px 20px 0px; }
.about-outer3 { background: #f5f7f8; padding: 0; min-height: 100vh; }
.about-outer2-right { width: 100%; min-height: 400px;background-size: 100% auto; padding: 40px 0px 50px 20px; }
.about-outer2-right h3 { font-size: 30px; display: block; font-weight: 700; color: #fff; margin-bottom:  10px; }
.about-outer2-right h5 { font-size: 20px; color: #fff; padding: 5px 15px; background: rgba(255, 255, 255, 0.5); display: inline-block; margin-bottom:  10px; }
.logo-whitebg { width: 100%; height: 250px; border-radius: 100%; background: #05426f; display: flex; align-items: center; justify-content: center; overflow: hidden; border-bottom: 15px solid #fecc00; }
.logo-container {
  perspective: 1000px; /* gives 3D depth */
  width: 250px;
  height: 250px;
  margin: auto;

  display: flex; align-items: center; justify-content: center;
}

.logoo {
  max-width: 100%;
  max-height: 100%;
  transform-style: preserve-3d;
  animation: rotate3D 4s infinite linear;

}

.slients{
	padding: 50px 0px;
}
.bg-img {background-color: white;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;min-height: -webkit-fill-available;display: flex;align-items: center;justify-content: center;padding: 15px;border-radius: 10px;transition: all 0.5s ease-in-out; }
.bg-img:hover{transform: translateY(-6px);}
.bg-img img {transition: all 0.4s ease-in-out;}
.bg-img:hover img {scale: 1.1;}
@keyframes rotate3D {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}

.bg-img{margin-bottom: 15px;}

.about-outer4 { background: url(../images/about-bg3.jpg) center center no-repeat; background-attachment: fixed; background-size: 100%; min-height: 95vh }
.about-outer4 h3 {
    position: relative;
    font-size: 18px; margin-bottom: 15px;
    font-weight: 700;
    line-height: 1.3;
    color: #ff6f35; 
}
.about-outer4 h3 span { font-size: 40px; display: block; font-weight: 700; color: #fff; }
.about4overlay { background-color: rgb(21 30 52 / 92%); padding: 20px 50px 15px 15px; margin: 20px 0px; border-radius: 20px; min-height: 150px; }
.about4overlay ul li { font-size: 18px; position: relative; padding-left: 30px; margin-bottom: 15px; }
.about4overlay ul li svg { position: absolute; left: 0; top: 3px; }
.about-outer5 { background: url(../images/about-bg1.jpg) left bottom no-repeat; padding: 25px 0px; }
.about-outer5 h3 {
    position: relative;
    font-size: 41px; margin-bottom: 15px;
    font-weight: 700;
    line-height: 1.3;
    color: #08366e;
}
.about-outer5 h3 span { display: block; color: #e65013; }
.visioncont { padding: 20px; border: 1px dashed #e65013; background: rgba(255, 255, 255, 0.5); border-radius: 10px; min-height: 350px;
    text-align: center;
 }

.about-outer6 { background: #08366e; padding: 25px 0px; }
.about-outer6 h3 {
    position: relative;
    font-size: 41px; margin-bottom: 15px;
    font-weight: 700;
    line-height: 1.3;
    color: #08366e;
}
.about-outer6 h3 span { display: block; color: #e65013; }
.contact-list { margin: 0px 0px 0px 50px; padding: 0px; list-style: none; }
.contact-list li { background: #fff; margin: 0px 0px 15px 0px; padding: 0px; display: flex; align-items: center; justify-content: start; font-size: 20px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }
.contact-list li span { background: #e65013; padding: 0px; margin-right: 15px; display: flex; align-items: center; justify-content: center; width: 80px; height: 80px;
    font-size: 45px; color: #fff; }
.about-outer2-right p{font-size: 17px;}

/* Mission vission  */

/* MAIN SECTION */
.mission-wrapper{
background:linear-gradient(to bottom, #d8e8f5 0 30%, #fdefba 30% 70%, #badef8 70%);
display:flex;
justify-content:center;
align-items:center;
padding:30px 25px;
overflow:hidden;
}

.mission-box{
max-width:100%;
position:relative;
text-align:center;
}

/* TOP TITLE */
.heading{
position:relative;
animation:fadeTop 1.4s ease;
}



/* WHITE CENTER BAND */
.content-row{
background:white;
min-height:360px;
display:flex;
align-items:center;
justify-content:space-between;
padding:40px 40px;
position:relative;
overflow:visible;
}

/* Center Big Circle */
.center-circle{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
width:250px;
height:250px;
background:#f6f6f6;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
box-shadow:
0 10px 30px rgba(0,0,0,.18),
inset 0 0 0 8px #ececec;
z-index:3;
animation:float 4s infinite ease-in-out;
}

/* Target */
.target{
position:relative;
width:140px;
height:140px;
border-radius:50%;
border:16px solid #05426f;
animation:pulse 4s infinite;
}

.target:before{
content:"";
position:absolute;
inset:10px;
border:14px solid #fecc00;
border-radius:50%;
}

.target:after{
	content: "";
    position: absolute;
    inset: 34px;
    border: 8px solid red;
    border-radius: 50%;
}

/* Arrow */
.arrow{
position:absolute;
width:130px;
height:12px;
background:#d30000;
top:65px;
right:-20px;
transform:rotate(-30deg);
transform-origin:left center;
animation:arrowmove 2.5s infinite;
box-shadow:0 0 10px rgba(255,0,0,.4);
}

.arrow:before{
content:"";
position:absolute;
right:-18px;
top:-9px;
border-left:24px solid #d30000;
border-top:15px solid transparent;
border-bottom:15px solid transparent;
}

/* side boxes */
.box{
width:37%;
position:relative;
z-index:5;
animation:fadeUp 1.2s ease;
}

.box h2{
    /* font-family: 'Playfair Display', serif; */
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 18px;
    color: black;
}
.box h2 span{
    /* font-family: 'Playfair Display', serif; */
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 18px;
    color: #fecc00;
}

.box p{
font-size:16px;
line-height:1.6;
color:#333;
}

/* bottom shadow */
.shadow{
width:280px;
height:0px;
background:rgba(0,0,0,.25);
filter:blur(18px);
margin:45px auto 0;
border-radius:50%;
animation:shadowPulse 4s infinite;
}


/* animations */

@keyframes float{
50%{
transform:translate(-50%,-58%);
}
}

@keyframes shadowPulse{
50%{
transform:scale(.8);
opacity:.5;
}
}

@keyframes pulse{
50%{
transform:scale(1.05);
}
}

@keyframes arrowmove{
50%{
transform:rotate(-30deg) translateX(10px);
}
}

@keyframes fadeTop{
from{
opacity:0;
transform:translateY(-50px);
}
to{
opacity:1;
transform:none;
}
}

@keyframes fadeUp{
from{
opacity:0;
transform:translateY(50px);
}
to{
opacity:1;
transform:none;
}
}

/* Responsive */

@media(max-width:991px){

.heading{
font-size:36px;
}

.content-row{
flex-direction:column;
padding:60px 30px 90px;
gap:50px;
}

.box{
width:100%;
}

.box h2{
font-size:54px;
}

.box p{
font-size:22px;
}

.center-circle{
position:relative;
order:2;
margin:10px auto;
}

.shadow{
margin-top:25px;
}

}

@media(max-width:600px){

.heading{
font-size:28px;
}

.box h2{
font-size:42px;
}

.box p{
font-size:18px;
}

/* .center-circle{
width:220px;
height:220px;
} */
/* 
.target{
width:130px;
height:130px;
border-width:12px;
} */

/* .target:before{
inset:18px;
border-width:10px;
} */
/* 
.target:after{
inset:42px;
border-width:8px;
} */
/* 
.arrow{
width:95px;
top:50px;
} */

}



/* whychoose us section start */

.why-choose-us{background-image:linear-gradient(rgb(255 255 255 / 10%), rgb(195 195 195 / 22%)), url(../images/alawwal/background-1.png);}

.finix-text h6{
  color: #e73c3e;
  font-weight: 400;
  font-size: 17px;
}
.finix-text h2 {
  font-weight: 400;
  font-size: 35px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.finix-text p {
  color: #606060;
  font-size: 15px;
  line-height: 1.8rem;
}
.why-choose-us {
  padding: 40px 0px;
}
.why-choose-us .finix-text h2 {
  font-weight: 500;
}
.why-choose-us .ct-btn {
  display: inline-block;
  width: 85px;
  height: 85px;
  line-height: 85px;
  text-align: center;
  border-radius: 50%;
  font-size: 60px;
  background: #fff;
  position: absolute;
  top: 77%;
  right: 43%;
}
.why-choose-us .ct-btn::before {
  content: "";
  height: 85px;
  width: 85px;
  position: absolute;
  top: 0;
  left: 0;
  background: #e73a3e;
  border-radius: 50%;
  animation: choose 1.6s ease-out infinite;
}
@keyframes choose{
  0%,30%{
      transform: scale(0);
      opacity: 1;
  }
  50%{
      transform: scale(1.5);
      opacity: .7;
  }
  100%{
      transform: scale(2);
      opacity: 0;
  }
}
.why-choose-us .ct-btn a{
  color: #e73c3e;
}
.why-choose-us .feature-box {
  background: #fff;
  padding: 30px;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
  transition: .4s;
}
.why-choose-us .feature-box:hover {
  transform: translateY(-10px);
}
.why-choose-us .feature-box:hover .fbc-btn{
  background: #05426f;
  color: #fff;
}
.why-choose-us .feature-box::before {
  content: "";
  position: absolute;
  top: -115px;
  left: 0;
  right: 0;
  margin: auto;
  width: 90%;
  height: 70%;
  background: #e5ce74;
  border-radius: 50%;
}
.why-choose-us .fbc-btn {
  display: inline-block;
  height: 70px;
  width: 70px;
  line-height: 70px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  color: #05426f;
  font-size: 27px;
  position: relative;
  transition: .4s;
}
.active-feature{
  margin-top: -30px;
}
.why-choose-us .finix-text{
  position: relative;
}



/* contact us page css start */


.contact-section{
background:url("../images/alawwal/meatings.jpg") ;
background-size:100%;
background-repeat: no-repeat;
background-attachment:fixed;
position:relative;
}
.layer-conten{
background-color: rgba(0, 0, 0, 0.6);	
padding:30px 0;
}

.contact-form-box{
background:#fff;
padding:45px 120px 45px 50px;
box-shadow:0 10px 35px rgba(0,0,0,.08);
position:relative;
z-index:2;
}

.contact-form-box h2{
font-size: 45px;
font-weight: 700;
letter-spacing: 1px;
margin-bottom: 20px;
color: #05426f;
}

.form-control{
border:none;
border-bottom:2px solid #222;
border-radius:0;
padding-left:0;
padding-right:0;
box-shadow:none!important;
margin-bottom:35px;
}

textarea.form-control{
height:120px;
resize:none;
}

.submit-btn{
border:2px solid #111;
background:transparent;
padding:12px 35px;
font-weight:700;
letter-spacing:1px;
transition:.3s;
}

.submit-btn:hover{
background:#111;
color:#fff;
}

.contact-info-box{
background:#05426f;
color:#fff;
padding:60px 50px;
margin-left:-70px;
position:relative;
z-index:3;
}



.info-item{
margin-bottom:20px;
}

.info-item:last-child{
margin-bottom:0;
}

.info-item i{
    color: #fff;
    background-color: #fecc00;
    padding: 10px;
    border-radius: 50%;
    width: 40px;
    font-size: 28px;
	line-height: 20px;
    margin-bottom: 18px;
    margin-right: 10px;
    height: 40px;
}

.info-item svg{
    color: #fff;
    background-color: #fecc00;
    padding: 11px;
    border-radius: 50%;
    width: 40px;
    font-size: 30px;
    margin-bottom: 18px;
    margin-right: 10px;
    height: 40px;
}

.con-cont a{
	color: white;
	text-decoration: none;
	font-size: 16px;
	margin-right: 15px;
	transition: all 0.4s ease-in-out;
}

.con-cont a:hover{
	color: #fecc00;
}

.con-cont p{
	color: #fff;
}

.info-item h5{
font-weight:400;
font-size: 17px;
}



.contact-form-box form input{
border-bottom: 2px solid black;
border-top: none;
border-left: none;
font-size: 17px;
border-right: none;
color: black;
font-family: 'oswald';
font-weight: 500;
margin-bottom: 19px;
}
.text-areasa{
width: 100%;
border: 2px solid black;
font-size: 17px;
color: black;
font-family: 'oswald';
font-weight: 500;
margin-bottom: 19px;}

@media(max-width:991px){

.contact-info-box{
margin-left:0;
margin-top:30px;
}

.contact-form-box h2{
font-size:42px;
}

}



/* Specialization */
.ourSpecialization {
    position: relative;
    background: linear-gradient(#ffffffe6, white), url(../img/texture/texture2.jpg);
    padding: 50px 0px;
    overflow: hidden;
}

.ourSpecialization2 {
    position: relative;
    background: linear-gradient(#ffffffe6, white), url(../img/texture/texture2.jpg);
    padding: 20px 0px;
    overflow: hidden;
}

.tp-technology-bg-shape {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.specializationWrapper {
    margin-top: 40px;
}

.specializationWrapper .row {
    gap: 22px 0px;
}

.box-item {
    position: relative;
    -webkit-backface-visibility: hidden;
    width: 100%;
    /* margin-bottom: 35px; */
    max-width: 100%;
}

.flip-box {
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    perspective: 1000px;
    -webkit-perspective: 1000px;
}

.flip-box-front {
    background: linear-gradient(90deg, #ffffff, #f8f8f9);
}

.flip-box-back {
    background: linear-gradient(90deg, #f8f9ff, #fdfdff);
    text-align: center;
}

.specializationWrapper.ourProject .flip-box-front {
    background: linear-gradient(90deg, #f8f8f8, #ffff);
}

.specializationWrapper.ourProject .flip-box-back {
    background: linear-gradient(90deg, #fff, #f8f8f8);
}

.flip-box-front,.flip-box-back {
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    min-height: 295px;
    -ms-transition: transform 0.7s cubic-bezier(.4, .2, .2, 1);
    transition: transform 0.7s cubic-bezier(.4, .2, .2, 1);
    -webkit-transition: transform 0.7s cubic-bezier(.4, .2, .2, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: 1px solid #ededed;
}

.ourProjectSec .flip-box-front, .ourProjectSec .flip-box-back {
    min-height: 327px;
}


.flip-box-front {
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-box:hover .flip-box-front {
    -ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-box-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    display: flex;
    align-items: center;
}

.flip-box:hover .flip-box-back {
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.flip-box .inner {
    position: relative;
    left: 0;
    width: 100%;
    padding: 12px;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
    transform: translateY(0%) translateZ(60px) scale(.94);
    -webkit-transform: translateY(0%) translateZ(60px) scale(.94);
    -ms-transform: translateY(0%) translateZ(60px) scale(.94);
    top: 0%;
    height: 100%;
}

.indusryImgWrap {
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
}

.indusryImgWrap img {
    width: 100%;
}

.flip-box-header {
    font-size: 16px;
    font-weight: 600;
    color: #05426f;
    letter-spacing: 0px;
    margin-bottom: 0px;
}

.indsutryContent {
    padding: 0px;
    text-align: center;
    padding-bottom: 14px;
    padding-top: 5px;
}

.flip-box p {
    font-size: 15px;
    color: #111;
    margin-top: 12px;
}

.flip-box p i {
    font-size: 14px;
}

.flip-box-img {
    margin-top: 6px;
    width: 16px;
}
.flipp-content{
	background: linear-gradient(180deg, #ffffff9e, #ffffff99), url("../images/alawwal/texture3.jpg");
    margin-top: 0px;
    text-align: center;
    border-radius: 8px;
    border-right: 4px solid #006caa;
    border-bottom:4px solid #006caa;
    border-top:1px solid #006caa;
    border-left:1px solid #006caa;
    background-size: cover;
}

.flip-box-button {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    margin-top: 25px;
    padding: 15px 20px;
    text-transform: uppercase;
}


.bg-img-2 {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    height: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.bg-img-2 img {
    width: 126%;
    -webkit-animation: breathing 5s ease-out infinite normal;
    animation: breathing 5s ease-out infinite normal;
    opacity: 0.6;
    object-fit: fill;
}


@-webkit-keyframes breathing {
    0% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes breathing {
    0% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }

    50% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }
}


/* Heading */
.main-title{
  text-align:left;
  padding:40px 20px;
}
.main-title h1{
  font-weight:700;
  color:#05426f;
  font-size: 35px;
}
.main-title h1 span{
  font-weight:800;
  color:#05426f;
  font-size: 50px;
}
.main-title h4{font-size: 30px;color:#d0a700;}
.main-title p{
  margin:auto;
  color:#555;
  font-size: 17px;
  font-family: 'oswald';
}

/* Cards */
.process-section{
  padding:40px 0;
}



.step-box:hover{
  transform:translateY(-5px);
}

.icon{
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  font-size:24px;
}

.step-number{
  font-weight:bold;
  color:#0b2a4a;
  margin-bottom:5px;
}

.section-title{
  text-align:center;
  font-weight:bold;
  margin:40px 0 20px;
  color:#0b2a4a;
}

/* bottom features */
.features{
  background:#fff;
  padding:30px;
  border-radius:12px;
  margin-top:30px;
  display:flex;
  justify-content:space-around;
  flex-wrap:wrap;
  gap:20px;
}
.feature-box{
  text-align:center;
}

.features-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background: #f7f9fc;
    border: 2px solid #d6e0ea;
    border-radius: 20px;
    padding: 25px;
    flex-wrap: wrap;

}

.feature-item {
  display: flex;
  align-items: center;
  gap: 15px;
  flex: 1;
  min-width: 250px;
  max-width: 280px;
}

.icon svg {
  width: 60px;
  height: 60px;
}

.content h4 {
  font-size: 16px;
  font-weight: 700;
  color: #0b3c6d;
  margin-bottom: 5px;
}

.content p {
  font-size: 14px;
  color: #333;
  margin: 0;
}

.divider {
  width: 1px;
  height: 80px;
  background: #cfd8e3;
}

.inner-pages p{
	font-size: 18px;
	font-weight: 500;
	font-family: 'oswald';
	text-align: center;
}
.header-inner{text-align: center;position: relative;}

.header-inner h2{
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	background-color: #05426f;
	display: inline-block;
	padding: 5px 40px;
	border-radius: 20px;
}

.header-inner h2::after {
	content: "";
	width: 100%;
	max-width: 800px;
	height: 3px;
	background-color: #00226c;
	position: absolute;
	top: 46%;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}

.section-title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin: 40px 0;
}

.section-title h2 {
	background: #05426f;
	color: #fff;
	padding: 12px 30px;
	border-radius: 30px;
	font-size: 19px;
	font-weight: 700;
	white-space: nowrap;
}

/* Side lines */
.section-title .line {
	height: 2px;
	width: 120px;
	background: #0a2a66;
	position: relative;
}

/* Dot at ends */
.section-title .line::after {
	content: "";
	width: 8px;
	height: 8px;
	background: #0a2a66;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
}

.section-title .line2 {
    height: 2px;
    width: 120px;
    background: #0a2a66;
    position: relative;
}
.section-title .line2::after {
	content: "";
	width: 8px;
	height: 8px;
	background: #0a2a66;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left:100% !important;
	transform: translateY(-60%);
}

/* Left line dot */
.section-title .left::after {
	right: -4px;
}

/* Right line dot */
.section-title .right::after {
	left: -4px;
}

.main-title{
  text-align:center;
  padding:40px 20px;
}
.main-title h1{
  font-weight:800;
  color:#0b2a4a;
}
.main-title p{
  max-width:800px;
  margin:auto;
  color:#555;
}

/* Cards */
.process-section{
  padding:40px 0;
}

.step-box{
    background: #e9f6ff;
    border-radius: 65px 0px 65px 65px;
    border: 3px solid #b1deff;
    margin-bottom: 25px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    display: flex;
    gap: 15px;
    align-items: flex-start;
    transition: 0.3s;
}

.step-box-right{
    background: #e9f6ff;
    border-radius: 0px 65px 65px 65px;
    border: 3px solid #b1deff;
    margin-bottom: 25px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    display: flex;
    gap: 15px;
    align-items: flex-start;
    transition: 0.3s;
}

.whatsappbtn img{max-width: 60px; position: sticky;bottom: 0px; right: 10px; }
.whatsappbtn{ position: fixed;bottom: 70px; right: 10px; }

.step-box:hover{
  transform:translateY(-5px);
}

.step-box-right:hover{
  transform:translateY(-5px);
}

.icon2{
  width:130px;
  height:130px;
  background:#05426f;
  min-width: 130px;
  color:#fff;
  display:flex;
  padding: 17px;
  box-shadow:0 5px 15px rgb(5 66 111);
  border: 4px solid white;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  font-size:24px;
}



.right-spans{
	background-color:#fde78c;
	font-size: 30px;
	border-radius:50%;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 40px;
	font-weight: 700;
	border: 4px solid #fecc00;
	position: absolute;
	top: -15px;
	right: -15px;
}

.right-spans-left{
	background-color:#fde78c;
	font-size: 30px;
	border-radius:50%;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 40px;
	font-weight: 700;
	border: 4px solid #fecc00;
	position: absolute;
	top: -15px;
	left: -15px;
}

.step-number{
font-weight: bold;
    color: #0b2a4a;
    margin-bottom: 5px;
    font-size:19px;
    line-height: 22px;
	font-family: 'oswald';
}
.man-inner-box-se{
	padding: 10px 40px 10px 0px;
}
.prea-ic{font-size: 14px;font-family: 'oswald';line-height: 16px;}

.man-inner-box-se-right{
	padding: 10px 10px 10px 45px;
}

.section-title{
  text-align:center;
  font-weight:bold;
  margin:40px 0 20px;
  color:#0b2a4a;
}

/* bottom features */
.features{
  background:#fff;
  padding:30px;
  border-radius:12px;
  margin-top:30px;
  display:flex;
  justify-content:space-around;
  flex-wrap:wrap;
  gap:20px;
}
.feature-box{
  text-align:center;
}
.process-section{position: relative;}

.process-section::after{
	content: "";
	width: 2px;
	height: 95%;
	background-color:#c2c2c2;
	top: 0% !important;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}


.home-ul ul{display: flex;list-style: none;color: white;font-size: 20px;justify-content: center;align-items: end;}
.home-ul ul li a{
	color: #fecc00;
	text-decoration: none;
	font-size: 22px;
	margin-right: 30px;
	position: relative;
}
.home-ul ul li a::after{content: "/";display: inline-block;right: -20px;top: 0px;position: absolute;}
.bg-img img{    height:75px;  width: 100%;}

.bgclients-banner{padding: 200px  0px 100px 0px;background-color: rgba(0, 0, 0, 0.5);}
.industries-img{background-image: url("../images/alawwal/indutries.jpeg") ;background-size: 100%;}

@media(max-width:580px){
.industries-img{background-size:cover;position: center;}
.bgclients-banner{padding: 130px  0px 50px 0px;background-color: rgba(0, 0, 0, 0.5);}


}


.main-title-2 {text-align: center;margin-top: 30px;}
.main-title-2 h1 {font-size: 50px; font-weight: 700; color: #05426f; line-height: 48px;}
.main-title-2 h1 span { color: #05426f;}
.main-title-2 h4 {font-size: 20px; font-weight: 500; color: #05426f;letter-spacing: 0.5px;line-height: 20px;margin-bottom: 0px;}
.man-1h4{position: relative;}
.man-1h4 i{ color: #d6ab00;}
.man-innerp p{font-weight: 600;color: #05426f;font-family: 'oswald';font-size: 16px;letter-spacing: 1px; }

/* Background Image */
.hero::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url('../images/alawwal/other-sbanner.jpg') no-repeat center/cover;
  z-index: -2;
}
.hero {
  position: relative;
  height: 500px;margin-top: 120px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #1a2a4f;
  overflow: hidden;
}








.top-features {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 40px;
  background: linear-gradient(90deg, #0b2c5a, #0f3b75);
  color: #fff;
  flex-wrap: wrap;
}

/* Each feature */
.feature {
  display: flex;
  align-items: center;
  gap: 15px;
  width: 24%;
  position: relative;
}

/* Divider line */
.feature:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -10px;
  top: 10%;
  height: 80%;
  width: 1px;
  background: rgba(255,255,255,0.2);
}

/* Icon circle */
.icon22 {
  width: 55px;
  height: 55px;
  background: #fecc00;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon22 i {
  color: #0b2c5a;
  font-size: 30px;
}

/* Text */
.text h4 {
  font-size: 15px;
  font-weight: 600;
}

.text p {
  font-size: 12px;
  opacity: 0.8;
}







/* Card Container */
.ticket-card {
    max-width: 420px;
    margin: 40px auto;
    border-radius: 20px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    position: relative;
}

/* Top Badge */
.top-badge {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    background: #0d2c6c;
    color: #fff;
    padding: 10px 20px;
    border-radius: 0 0 20px 20px;
    text-align: center;
    font-weight: bold;
}

/* Header Section */
.header {
    text-align: center;
    padding: 60px 20px 20px;
}

.header h2 {
    color: #0d2c6c;
    font-weight: 700;
}

.header p {
    color: #555;
    font-size: 14px;
}

/* Plane Image */
.plane-img {
    width: 100%;
    padding: 10px 20px;
}

/* Bottom Section */
.bottom {
    background: #0d2c6c;
    color: white;
    padding: 25px 20px;
    border-top-left-radius: 40px;
}

/* List */
.features1 li {
    list-style: none;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.features1 i {
    margin-right: 10px;
    font-size: 18px;
}

.top-num-oth{background-color: #0c3060;display: inline-block;padding: 10px;border-radius: 0px 0px 40px 40px;max-width: 100%;margin: auto;}
.top-num-oth span{display: block;color: white;font-size: 20px;text-align: center;font-weight: 700; margin-bottom: 4px;}
.top-num-oth img{max-width: 40px;padding: 5px;border: 1px solid white;border-radius: 50%;}

.top-num-oth2{background-color: #094638;display: inline-block;padding: 10px;border-radius: 0px 0px 40px 40px;max-width: 100%;margin: auto;}
.top-num-oth2 span{display: block;color: white;font-size: 20px;text-align: center;font-weight: 700; margin-bottom: 4px;}
.top-num-oth2 img{max-width: 40px;padding: 5px;border: 1px solid white;border-radius: 50%;}

.top-num-oth3{background-color: #443481;display: inline-block;padding: 10px;border-radius: 0px 0px 40px 40px;max-width: 100%;margin: auto;}
.top-num-oth3 span{display: block;color: white;font-size: 20px;text-align: center;font-weight: 700; margin-bottom: 4px;}
.top-num-oth3 img{max-width: 40px;padding: 5px;border: 1px solid white;border-radius: 50%;}



.man-content-box{
	position: relative;
	margin-top: -40px;
  height: 700px;
  width: 100%;
  color: #1a2a4f;
  overflow: hidden;
  margin-bottom: 10px;
  border-radius: 20px;
  overflow: hidden;
}

.man-content-box h3{
	font-size: 35px;
	font-family: 'oswald';
	font-weight: 800;
	padding-top: 45px;
	max-width: 250px;
	margin: auto;
}

.man-content-box::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../images/alawwal/bg-othser-1.jpg") no-repeat center/cover;
	z-index: -1;
	border-radius: 12px;
}



.man-content-box2{
	position: relative;
	margin-top: -40px;
  height: 700px;
  width: 100%;
  color: #1a2a4f;
  overflow: hidden;
  margin-bottom: 10px;
  border-radius: 20px;
  overflow: hidden;
}

.man-content-box2 h3{
	font-size: 35px;
	font-family: 'oswald';
	font-weight: 800;
	padding-top: 45px;
	max-width: 250px;
	margin: auto;
}

.man-content-box2::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../images/alawwal/ott-bg-3.jpg ") no-repeat center/cover;
	z-index: -1;
	border-radius: 12px;
}


.man-content-box3{
	position: relative;
	margin-top: -40px;
  height: 700px;
  width: 100%;
  color: #1a2a4f;
  overflow: hidden;
  margin-bottom: 10px;
  border-radius: 20px;
  overflow: hidden;
}

.man-content-box3 h3{
	font-size: 35px;
	font-family: 'oswald';
	font-weight: 800;
	padding-top: 45px;
	max-width: 250px;
	margin: auto;
}

.man-content-box3::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../images/alawwal/bg-ot-green.png") no-repeat center/cover;
	z-index: -1;
	border-radius: 12px;
}
.services-ban{ background-image: url("../images/alawwal/services-banner.jpg") ;background-size: cover;background-repeat: no-repeat;margin-top:20px;position:left;}

.services-ban .bgclients-bann {padding: 20px 0px 50px 0px; margin-top: 124px;}


.cont-bg-blue img{position: absolute;bottom: 0px;left: 0px;width: 100%;}
.cont-inners{position: absolute;bottom: 35px;color: white;font-size: 20px;text-align: left;font-family: 'oswald';}

/* Divider line */
.feature2:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -37%;
  top: 10%;
  height: 80%;
  width: 1px;
  background: rgb(62 62 62 / 80%);
}
.feature2{
	display: inline-block;
	text-align: center;
	width: 12% !important;
}
.feature2 .icon22 i {
    color: #fecc00;
    font-size: 40px;
	font-weight: 400;
}

.feature2 h4{font-size:17px !important;font-family: 'oswald'; font-weight: 400; }
.feature2  .icon22 {
    width: 55px;
    height: 55px;
    background: #eaeaea;
    border-radius: 50%;
    display: flex;
	margin: auto;
    align-items: center;
    justify-content: center;
}




.contact-section{margin-top: 130px}

.whatsappbtn{z-index: 9990;}
.main-wrapper {
    display: flex;
    gap: 20px;
    align-items: stretch;
}

/* Process Section Styling */
.process-section2 {
    flex: 2;
    border: 1px solid #e0c9a6;
    border-radius: 15px;
    padding: 30px;
    background: #fff;
    position: relative;
    text-align: center;
}

.section-title2 {
    color: #002366;
    font-size: 18px;
    font-weight: bold;
    margin-top: -42px;
    background: #fff;
    display: inline-block;
    padding: 0 15px;
}

.steps-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.step {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.icon-circle {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
	padding: 14px;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 30px;
    margin-bottom: 15px;
}

/* Specific Step Colors */
.consult { background-color: #003399; }
.plan { background-color: #1e5631; }
.process { background-color: #4b2c82; }
.success { background-color: #c59d5f; }

.step h3 {
    font-size: 17px;
    color: #002366;
	font-family: 'oswald';
    margin: 5px 0;
}

.step p {
    font-size: 12px;
    color: #555;
    max-width: 120px;
    line-height: 1.4;
	font-family: 'oswald';
}

.arrow {
    color: #c59d5f;
    font-size: 18px;
    margin-bottom: 60px;
}

/* Right Card Styling */
.info-card {
    flex: 1;
    background-image:url("../images/alawwal/bg-outers.png");
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 40px 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

/* Background map effect placeholder */
.info-card::before {
    content: "🌎"; 
    position: absolute;
    font-size: 200px;
    opacity: 0.05;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.plane-icon {
    color: #c59d5f;
    font-size: 24px;
    text-align: right;
    margin-bottom: 10px;
    transform: rotate(-45deg);
}

.info-card h4 {
    color: #002366;
    margin: 5px 0;
    font-size: 16px;
    letter-spacing: 1px;
}

.highlight-text {
    font-size: 20px;
    color: #333;
    font-weight: 500;
    margin: 20px 0;
}

.footer-text {
    font-size: 14px;
    color: #444;
    margin-top: 20px;
}

/* Responsive for Mobile */
@media (max-width: 900px) {
    .main-wrapper { flex-direction: column; }
    .steps-container { flex-direction: column; gap: 20px; }
    .arrow { transform: rotate(90deg); margin: 10px 0; }
}