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

	CSS Index
	============

	01. Common CSS
	02. Preloader CSS
	03. Header style
	04. Banner style
	05. About style
	06. Service style
	07. Service Overlap style
	08. Portfolio style
	09. Awards style
	10. Testimonial style
	11. Blog style
	12. Footer style
	13. Features style
	14. Call To Action style
	15. Page Banner style
	16. Funfacts style
	17. Portfolio Two style
	18. Case Study Details style
	19. Consultant style
	20. Consultant Member Details style
	21. Funfact style 3 style
	22. Service post style
	23. Brouchure style
	24. Service details style
	25. Service boxed section style
	26. Header02 style
	27. Our goals style
	28. Team section style
	29. Intro section section style
	30. Testimonial 02 section style
	31. FAQ section style
	32. Career section style
	33. Career Details section style
	34. Comments style
	35. Checkout section style
	36. Shop details section style
	37. Invoice section style
	38. 404 section style


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


/*
	$primary-color: #778c9e;
	$text-color-red: #CCCCCC;

*/

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	background-color: #fff;
	color: #333;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
}

h1, h3, h4, h5, h6 {
	color: #333;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
}
h2 {
	color: #FFF;
}
ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
a:hover, a:focus {
	outline: none;
	text-decoration: none;
}
img {
	display: block;
	width: 100%;
	height: auto;
}
section {
	display: block;
	width: 100%;
	position: relative;
	padding: 80px 0;
}
figure {
	margin-bottom: 0;
}
/************ Common CSS ************/
.btn {
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 1.2em;
	font-weight: 600;
	line-height: .8;
	letter-spacing: 2.8px;

	background: #9ac156;
	border-radius: 0;
	padding: 1em 1.5em;
}
.btn:hover {
	background: #eff7ff;
	color: #7792a9;
}
.btn:nth-of-type(2) {
	margin-left: 27px;
}

.hover-01:hover,
.hover-01.hoverd {
	background: #eff7ff;
	color: #7792a9;
}
.hover-02:hover,
.hover-02.hoverd {
	background: #223b58;
	color: #7792a9;
}
.hover-03 {
	border: 2px solid transparent;
}
.hover-03:hover,
.hover-03.hoverd {
	border: 2px solid #FFF;
	background: transparent;
	color: #FFF;
}


.wrapper {
	display: block;
	position: relative;
	/*padding: 30px;*/
}
.no-padd {
	padding-right: 0;
	padding-left: 0;
}
.no-padd-right {
	padding-right: 0;
}
.no-padd-left {
	padding-left: 0;
}
.no-padd-btm {
	padding-bottom: 0;
}
.padd-right-35 {
	padding-right: 35px;
}
.padd-left-35 {
	padding-left: 35px;
}
.line-through {
  text-decoration: line-through;
}
.sec-heading {
	text-align: center;
	margin-bottom: 80px;
}
.transTitle {
	color: rgba(0, 34, 64, .06);
	font-size: 200px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	line-height: .9;
	letter-spacing: -6px;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	margin-top: -30px;
}

.overlay:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.overlay-red-50:after {
	background-color: rgba(217, 33, 40, .5);
}
.overlay-orange-50:after {
	background-color: rgba(255, 156, 0, .5);
}
.overlay-white-70:after {
	background-color: rgba(255, 255, 255, .7);
}
.overlay-yellow-90:after {
	background-color: rgba(254, 219, 3, .9);
}
.overlay-darkblue-40:after {
	background-color: rgba(0, 34, 64, .4);
}
.overlay-darkblue-50:after {
	background-color: rgba(0, 34, 64, .5);
}
.overlay-darkblue-60:after {
	background-color: rgba(0, 34, 64, .6);
}
.overlay-darkblue-70:after {
	/* background-color: rgba(0, 34, 64, .7); */
	background-color: rgba(0, 0, 0, .6);
}
.overlay-darkblue-90:after {
	background-color: rgba(0, 34, 64, .9);
}


/********** Preloader CSS **********/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 99999999;
    width: 100%;
    height: auto;
}

#status {
    width: 250px;
    height: 250px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(images/preloader.gif);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}



/************ Header style ************/
.header {
	background-color: #FFF;
	position: relative;
	padding: 15px 25px;
}
.logo {
	display: block;
	max-width: 160px;
}
.nav-menu {
	display: block;
	width: 100%;
}
.nav-menu ul.primary-menu {
	text-align: center;
}
.nav-menu ul.primary-menu li {
	display: inline-block;
	position: relative;
}
.nav-menu ul.primary-menu li a {
	display: block;
	color: #333;
	font-size: 1em;
	font-weight: 600;
	font-family: 'Lato', sans-serif;
	letter-spacing: 2.8px;

	padding: 15px 24px;
	position: relative;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.nav-menu ul.primary-menu li a:hover {
	color: #000;
}
.primary-menu li a::before,
.primary-menu li a::after {
	content: '';
	width: 16px;
	height: 2px;
	background: #9ac156;
	position: absolute;
	bottom: 0;
	left: 50%;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.primary-menu li a::after {
	left: auto;
	right: 50%;
	bottom: -4px;
}
.primary-menu li a:hover:before,
.primary-menu li a:hover:after {
	opacity: 1;
	visibility: visible;
}

.header-right {
	text-align: right;
	position: relative;
}
.header-icons {
	display: inline-block;
	margin-left: 40px;
}
.header-icons a {
	display: inline-block;
	padding: 0 8px;
	color: #84a5c2;
	font-size: 1em;
	line-height: 0.8;
}

ul.primary-menu li .sub-menu {
	position: absolute;
	width: 200px;
	background: #9ac156;
	padding: 20px 0;
	top: calc(100% + 30px);
	opacity: 0;
	visibility: hidden;
	z-index: 5;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.header02 ul.primary-menu li .sub-menu {
	background: #002240;
}
.header02 .primary-menu .sub-menu a:hover {
	color: #fff !important;
}
ul.primary-menu li .sub-menu li {
	display: block;
	text-align: left;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
ul.primary-menu .sub-menu li:hover {
	padding-left: 5px;
}
ul.primary-menu li .sub-menu li a {
	color: #fff;
	padding: 5px 25px;
	font-size: 13px;
	text-transform: capitalize;
	letter-spacing: 1.2px;
}
ul.primary-menu .sub-menu li a:hover::before,
ul.primary-menu .sub-menu li a:hover::after {
	content: none;
}
ul.primary-menu li .sub-menu .sub-menu {
	top: 0 !important;
	left: calc(100% + 30px);
}
ul.primary-menu li:hover > .sub-menu {
	top: calc(100% + 5px);
}
ul.primary-menu li .sub-menu li:hover .sub-menu  {
	left: 100%;
}
@media screen and (min-width: 992px) {
	ul.primary-menu li:hover > .sub-menu {
		opacity: 1;
		visibility: visible;
	}
	ul.primary-menu li .sub-menu li:hover .sub-menu  {
		opacity: 1;
		visibility: visible;
	}
}
/************ Banner style ************/


.banner-sec {
	background-image: url(images/pov/pov-10.jpg);
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 50px 0;
	z-index: -1;
	background-attachment: fixed;
}
/*custom*/
.pov__overlay {
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1;
	top:0;
}

.ban-cont {
	position: relative;
	padding-top: 128px;
	padding-bottom: 190px;
	z-index: 4;
}
.borderBox {
	position: relative;
}
.borderBox:before {
	content: '';
	width: 530px;
	height: 750px;
	border: 10px solid #f0ced2;
	display: block;
	position: absolute;
	top: 0;
	left: -40%;
	z-index: -1;
}
.ban-cont span {
	display: block;
	color: #e3e3e3;
	font-size: 18px;
	line-height: 0.8;

	font-weight: 600;
	margin-bottom: 28px;
}
.ban-cont h2 {
	font-size: 80px;
	line-height: 90px;
	letter-spacing: -2.4px;
	margin-bottom: .9rem;
	text-shadow: 0.075em 0.08em 0.2em rgba(0, 0, 0, .3);
}
.ban-cont .btn {
	vertical-align: top;

}

.play-btn {
	color: #CCCCCC;
	background: #fff;
	border-radius: 50%;
	display: block;
	width: 120px;
	height: 120px;
	line-height: 120px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.playbtn-eff01 {
	box-shadow: none;
}
.playbtn-eff01:hover {
	box-shadow: 0 0 0 10px rgba(217, 33, 40, .6);
	color: #7792a9;
}


.banner-sec .play-btn {
	margin-left: auto;
	left: auto;
}
.ban03 h2 {
	color: #fff;
}



/************ About style ************/
.about-imgBox {
	position: relative;
	display: block;
}
.about-imgBox::before {
	background: #9ac156;
  content: '';
  position: absolute;
  left: -55px;
  /* bottom: -40px; */
  width: 100%;
  height: 127%;
  z-index: -1;
  top: -80px;
}
.abt-caption {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 25px;
	background-color: rgba(1, 69, 131, .5);
	text-align: center;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.abt-caption h2 {
	color: #fff;
	font-size: 150px;
	line-height: 0.8;
	letter-spacing: -4.5px;
	margin-bottom: 30px;
}
.about-imgBox h5 {
	color: #fff;
	font-size: 16px;

	letter-spacing: 3.2px;
}


.sec-title {
	color: #333;
	font-size: 1.5em;
	line-height: .8;
	letter-spacing: 3.2px;

	margin-bottom: 32px;
}
.bar {
	position: relative;
	padding-left: 70px;
}
.bar:before {
	content: '';
	width: 60px;
	height: 2px;
	background: #CCCCCC;
	position: absolute;
	left: 0;
	top: 6px;
}
.sec-subtitle.lg {
	font-size: 50px;
	line-height: 60px;
	letter-spacing: -1.5px;
	margin-bottom: 22px;
}
.sec-subtitle.sm {
	font-size: 40px;
	line-height: 50px;
	letter-spacing: -1.2px;
	margin-bottom: 0;
}
p.blockquote {
	font-size: 16px;
	font-style: italic;
	position: relative;
	padding-left: 20px;
	margin-bottom: 47px;
}
p.blockquote:before {
	content: '';
	width: 2px;
	height: 100%;
	background: #ffced0;
	position: absolute;
	left: 0;
	top: 0;
}
.funfactsBox {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 530px;
}
.single-boxfun h3 {
	color: #bacbdc;
	font-size: 40px;
	line-height: .8;
	letter-spacing: -1.2px;
	margin: 0 0 15px;
}
.single-boxfun h6 {
	color: #CCCCCC;
	font-size: 12px;
	line-height: .8;
	letter-spacing: 2.4px;

	margin: 0;
}

/************ Service style ************/
.service-sec {
	background: rgba(239, 245, 250, 1) url(images/bg/service.png) no-repeat center / cover;
}
.service-sec .sec-subtitle {
	margin-bottom: 70px;
}
.serv-icon {
	display: block;
	position: relative;
	width: 70px;
	margin: 0 auto 35px;
}
.single-service {
	position: relative;
	padding: 60px 30px;
	text-align: center;
	background: #fff;
	box-shadow: 0 0 8px 3px rgba(180, 181, 181, .2);
}
.single-service h3 {
	font-size: 20px;
	line-height: 28px;
	letter-spacing: -.6px;
	margin-bottom: 15px;
}
.single-service a {
	background: #f8f8f8;
	border-radius: 50%;
	color: #628cb2;
	display: block;
	width: 60px;
	height: 60px;
	margin: auto;
	line-height: 60px;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.single-service.active a,
.single-service a:hover {
	background: #CCCCCC;
	color: #fff;
}


.service-txtbox {
	position: relative;
	background: url(images/services/txtbox-bg.jpg) no-repeat center / cover;
	text-align: center;
	padding: 63px 0 66px;
	z-index: 1;
	margin-top: 30px;
}
.service-txtbox h6 {
	color: #7894ac;
	font-size: 1em;
	line-height: .8;

	letter-spacing: 2.8px;
	margin-bottom: 20px;
}
.service-txtbox h4 {
	color: #fff;
	font-size: 26px;
	line-height: 34px;
	letter-spacing: .78px;
	margin: 0;
}
.service-txtbox:after {
	content: '';
	background: rgba(0, 34, 64, .9);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}


/************ Service Overlap style ************/
.service-overlap-sec {
	margin-top: -160px;
	position: relative;
	padding-bottom: 0px;
	padding-top: 0;
	z-index: 1;
}
/*.service-overlap-sec .single-service {
	margin-bottom: 30px;
}*/

.srvt-user {
	position: relative;
	padding: 5px 0 5px 90px;
}
.srvt-user img {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
}
.serv-tstmonl p {
	font-style: italic;
	margin-bottom: 25px;
}
.srvt-user h4 {
	font-size: 24px;
	line-height: 26px;
	letter-spacing: -.72px;
}
.srvt-user span {
	display: block;
	color: #CCCCCC;
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	letter-spacing: 2.8px;
	line-height: 26px;

}


/************ Portfolio style ************/
.portfilio-wrap {
	position: relative;
	background-image: url(images/portfolio-pattern.png);
	background-repeat: no-repeat;
	background-position: bottom right 255px;
	background-size: auto;
}
.portfilio-wrap li {
	cursor: pointer;
	color: #333;
	display: inline-block;
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	font-weight: 700;

	letter-spacing: 2.8px;
	line-height: .8;
	padding: 0 27px;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.portfilio-wrap ul {
	max-width: 890px;
	width: 100%;
	display: block;
	background: #9ac156;
	padding: 35px;
	margin-bottom: 60px;
	text-align: center;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
}
.portfilio-wrap li:hover,
.portfilio-wrap li.active {
  color: #fff;
}

.pf01-single {
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.pf01-single figure {
	overflow: hidden;
}
.pf01-single img {
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.pf01-single:hover img {
	-webkit-transform: scale(1.1) rotate(3deg);
	-ms-transform: scale(1.1) rotate(3deg);
	-o-transform: scale(1.1) rotate(3deg);
	transform: scale(1.1) rotate(3deg);
}
.pf01-single.mt-140 {
	margin-top: 140px;
}
.pf01-cont {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 40px;
	background: #fff;
	width: calc(100% - 80px);
	margin: auto;
	padding: 30px 100px 40px 30px;
	border-radius: 5px;
}
.pf01-cont span {
	color: #CCCCCC;
	display: block;
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	font-weight: 600;

	letter-spacing: 2.8px;
	line-height: .8;
	margin-bottom: 15px;
}
.pf01-cont h3, .pf01-cont h3 a {
	color: #002240;
	font-size: 26px;
	line-height: 32px;
	letter-spacing: -.78px;
	margin: 0;
}
.pf01-cont > a {
	color: #8fabc4;
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	font-weight: 600;

	letter-spacing: 2.8px;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.pf01-cont > a:hover {
	color: #CCCCCC;
	right: 30px;
}
.pf01-cont > a i {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.pf01-cont > a:hover i {
	opacity: 1;
	visibility: visible;
}

/************ Awards style ************/
.awards-sec {
	background: #002240 url(images/bg/awards.png) no-repeat top left / cover;
	padding-bottom: 105px;
	position: relative;
	z-index: 1;
}
.awards-sec .sec-heading {
  	margin-bottom: 105px;
}
.awards-sec .sec-heading .sec-subtitle {
  	color: #fff;
}

.single-award {
	color: #fff;
	display: block;
	position: relative;
	background: #9ac156;
	text-align: center;
	padding: 80px 0;
}
.single-award.centered {
	color: #002240;
	background: url(images/awards/awd-icon-bg.png) no-repeat center / 100%;
	padding: 135px 0;
	margin-top: -55px;
	z-index: 1;
}
.single-award img {
	width: 90px;
	height: 92px;
	margin: 0 auto 40px;
}
.single-award span {
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 40px;
	font-weight: 300;
	margin-bottom: 10px;
}
.single-award p {
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
}


/************ Testimonial style ************/
.testimonial-sec {
	background: #f7fbff url(images/team/cubes.png) repeat;
	padding-bottom: 100px;
}
.testimonial-img {
	margin: 0;
}
.rating a {
	display: inline-block;
	color: #ff9c00;
	font-size: 1em;
}
.feedback-head h3 {
	font-size: 30px;
	line-height: 40px;
}
.feedback-head span {
	color: #9ac156;
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	font-weight: 700;

	line-height: .8;
	letter-spacing: 2.8px;
}
.feedback-head {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 25px;
}
.feedback-cont p {
	color: #333;
	font-size: 22px;
	line-height: 34px;
}

.testimonial-caro .owl-nav {
	position: absolute;
	bottom: 90px;
}
.owl-nav span {
	font-size: 20px;
	color: #ddd;
}
.owl-prev span {
	margin-right: 27px;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.owl-nav button:hover span {
	color: #9ac156;
}


/************ Blog style ************/
.blog-sec .sec-heading {
	margin-bottom: 0;
}
.blog-post {
	position: relative;
}
.blog-post.overlay:after {
	z-index: 0;
}
.b-heading {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 40px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	z-index: 1;
}
.b-heading span {
	display: block;
	color: #fff;
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	font-weight: 600;

	line-height: .8;
	letter-spacing: 2.8px;
	margin-bottom: 12px;
}
.b-heading h4, .b-heading h4 a {
	color: #fff;
	font-size: 24px;
	line-height: 34px;
	letter-spacing: -.78px;
	margin-bottom: 0;
}
.b-heading .pub-date {
	margin-bottom: auto;
}



/************ Footer style ************/
.footer {
	position: relative;
	background-color: #252525;
	padding: 0 80px;
}
.footer-top {
	padding: 15px 0;
	position: relative;
}
.footer-top:after,
.footer-btm:after {
	content: '';
	background: #333;
	width: calc(100% - 30px);
	height: 1px;
	left: 15px;
	bottom: 0;
	position: absolute;
}
.footer-logo {
	display: block;
	max-width: 160px;
	width: 100%;
}
.footer-social {
	text-align: right;
}
.footer-social a {
	display: inline-block;
	background: transparent;
	color: #9ac156;
	font-size: 16px;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	border-radius: 50%;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.footer-social a:hover {
	background: #333;
}
.foo-widget {
	position: relative;
	padding-left: 45px;
}

.foo-widget h4 {
	color: #fff;
	font-size: 30px;
	line-height: 40px;
	letter-spacing: -.9px;
	margin-bottom: 25px;
}
.foo-widget h4 i {
	position: absolute;
	left: 0;
	top: 5px;
	color: #9ac156;
}
.foo-widget p {
	color: #CCC;
}
.foo-widget ul li a {
	display: block;
	color: #CCC;
	font-size: 1rem;
	margin-bottom: 15px;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.foo-widget ul li a:hover {
	color: #fff;
	padding-left: 10px;
}
.footer-btm {
	position: relative;
	padding: 70px 0;
	background: url(images/bg/cartographer.png) repeat;
}
.copyright-txt {
	color: #CCC;
	font-size: .7rem;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	line-height: 40px;
	letter-spacing: 1px;
	text-align: center;

	padding: 22px 0;
}
.copyright-txt a {
	color: #CCCCCC;
}



/************ Features style ************/
.features-sec {
	background-color: #f3f3f3;
	padding-bottom: 95px;
}
.single-feature {
	display: block;
	text-align: center;
	position: relative;
}
.feature-icon {
	max-width: 101px;
	width: 100%;
	display: block;
	margin: 0 auto 40px;
}
.feature-img {
	margin-bottom: 30px;
	padding: 0 15px;
}
.single-feature h3 {
	font-size: 30px;
	line-height: 42px;
	letter-spacing: -.9px;
	margin-bottom: 30px;
}
.single-feature p {
	padding: 0 40px;
}
.single-feature a {
	background-color: #9ac156;
	border-radius: 50%;
	color: #fff;
	display: block;
	font-size: 12px;
	line-height: 40px;
	width: 40px;
	height: 40px;
	margin: 0 auto 20px;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.single-feature:hover a {
	background-color: #CCCCCC;
	color: #fff;
}
.timeline-bdr {
	width: 100%;
	display: block;
	position: relative;
	z-index: 1;
}
.timeline-bdr:before,
.timeline-bdr:after {
	content: '';
	background: #fff;
	width: 50%;
	height: 1px;
	position: absolute;
	left: 0;
	top: 50%;
	z-index: -1;
	-webkit-transform: translateY(-50%);
 	-ms-transform: translateY(-50%);
 	-o-transform: translateY(-50%);
 	transform : translateY(-50%);
}
.timeline-bdr:after {
	left: auto;
	right: 0;
}

.timeline-bdr.nobfr:before,
.timeline-bdr.noaftr:after {
	content: none;
}


/************ Call To Action style ************/
.callto-act-sec {
	background: url(images/bg/calltoact.jpg) no-repeat center top / cover;
	position: relative;
	z-index: 1;
}
.action-cont a {
	display: block;
	color: #fff;
	font-size: 40px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	line-height: 50px;
	letter-spacing: -1.2px;
}
.action-cont span {
	display: block;
	color: #CCCCCC;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	font-weight: 600;

	letter-spacing: 2.8px;
	margin-bottom: 35px;
}
.action-cont {
	background: url(images/arrow-box.png) no-repeat left top / 100%;
	position: relative;
	padding: 100px 100px 94px;
	display: block;
	z-index: 1;
}
.callto-act-sec .play-btn {
	background: transparent;
	border: 4px solid rgba(255, 255, 255, .2);
	color: #fff;
	line-height: 96px;
	margin-left: auto;
	margin-right: 0;
	width: 100px;
	height: 100px;
}



/************ Page Banner style ************/
.pageBanner-sec {
	background: url(images/bg/pagebnr-bg.jpg) no-repeat top right / cover;
	text-align: center;
	z-index: 1;
}
.pageBanner-sec .container {
	position: relative;
	z-index: 1;
}
.pagebnr-title {
	font-size: 80px;
	line-height: 90px;
	letter-spacing: -2.8px;
	margin-bottom: 20px;
}
.breadcrumb {
	background: transparent;
	text-align: center;
	display: block;
	margin-bottom: 0;
}
.breadcrumb a, .breadcrumb span {
	display: inline-block;
	color: #002240;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 3.2px;

}
.breadcrumb a {
	position: relative;
	padding-right: 30px;
	margin-right: 5px;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.breadcrumb a:hover {
	color: #CCCCCC;
}
.breadcrumb a::after {
	content: '\e87a';
	font-family: 'Linearicons-Free';
	position: absolute;
	right: 0;
}




.single-iBox {
	position: relative;
	padding-left: 80px;
	margin-bottom: 30px;
}
.single-iBox h5 {
	margin-bottom: 15px;
}
.single-iBox .icon {
	max-width: 50px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}




/************ Funfacts style ************/
.funfacts-sec {
	background: url(images/bg/1-funFacts.jpg) no-repeat center top / cover;
	background-attachment: fixed;
	/*background: #545555;*/
	padding: 150px 0 140px;
	position: relative;
	z-index: 1;
}
.funfacts-sec .container {
	position: relative;
	z-index: 1;
}

.single-fun {
	text-align: center;
}
.single-fun i {
	color: #CCCCCC;
	display: block;
	font-size: 60px;
	line-height: .8;
	margin-bottom: 34px;
}
.single-fun h3 {
	color: #fff;
	font-size: 60px;
	margin-bottom: 12px;
	letter-spacing: -.9px;
}
.single-fun h6 {
	color: #b2b2bf;
	font-size: 16px;

	letter-spacing: 3.2px;
	margin-bottom: 0;
}


/************ Portfolio Two style ************/
.portfolio-sec.two,
.portfolio-sec.three {
	background-image: url(images/bg/rectangle.png);
	background-position: center top -50px;
	background-repeat: no-repeat;
	padding-bottom: 90px;
}
.portfolio-sec.two .portfilio-wrap,
.portfolio-sec.three .portfilio-wrap {
	background-image: none;
}
.portfolio-sec.two .portfilio-wrap ul,
.portfolio-sec.three .portfilio-wrap ul {
	max-width: 100%;
	position: relative;
	padding: 25px 35px;
	margin-bottom: 60px;
}
.portfolio-sec.three .portfilio-wrap ul {
	background: #fedb03;
}
.portfolio-sec.two .portfilio-wrap ul::after,
.portfolio-sec.three .portfilio-wrap ul::after {
	content: '';
	background: #fedb03;
	width: calc(100% - 40px);
	height: 13px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -13px;
	margin: auto;
	opacity: .2;
}
.portfolio-sec.two .portfilio-wrap ul::after {
	background: #d2d2d2;
}
.portfolio-sec.three .portfilio-wrap ul::after {
	background: #fedb03;
	opacity: .4;
}
.portfolio-sec.two .portfilio-wrap ul li,
.portfolio-sec.three .portfilio-wrap ul li {
	padding: 0 18px;
	letter-spacing: 1.4px;
}
.portfolio-sec.three .portfilio-wrap ul li {
	color: #b29900;
}
.portfolio-sec.three .portfilio-wrap ul li:hover {
	color: #002240;
}
.pf02-single a {
	display: block;
	margin-bottom: 30px;
	cursor: default;
}

/************  Case Study Details style ************/
.case-study-video {
	position: relative;
}
.case-details-sec h5 {
	color: #CCCCCC;
	font-size: 1em;
	letter-spacing: 2.8px;

	margin-bottom: 10px;
}
.case-details-sec h6 {
	margin-bottom: 0;
}
.case-details-sec p {
	margin-bottom: 25px;
}
.casedtl-left {
	padding-right: 40px;
}
.casedtl-right {
	padding-left: 40px;
}
.casedtl-btm {
	margin: 50px 0;
}


.post-pager {
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 15px 0;
}
.post-pager:before {
	content: '';
	background: #d6dce2;
	width: 2px;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.post-pager a {
	flex-basis: 50%;
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #002240;
	position: relative;
}
.post-pager span {
	display: block;
	color: #778c9e;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	font-weight: 600;
	line-height: 0.8;
	letter-spacing: 2.8px;

	margin-bottom: 10px;
}
.post-pager a i {
	display: block;
	width: 60px;
	height: 60px;
	text-align: center;
	border: 2px solid #778c9e;
	line-height: 56px;
	position: absolute;
	top: 50%;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.post-pager a:hover i {
	background: #002240;
	border-color: #002240;
	color: #fff;
}
.prev-post {
	padding-left: 90px;
}
.next-post {
	padding-right: 90px;
}
.prev-post i {
	left: 0;
}
.next-post i {
	right: 0;
}
.post-pager .next-post {
	text-align: right;
}



/************  Consultant style ************/
.cons-carousel .owl-item {
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.cons-carousel .owl-item.scale {
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
	margin-top: -30px;
}

.cons-info {
	position: absolute;
	width: calc(100% - 30px);
	bottom: 40px;
	right: 0;
	left: 0;
	margin: auto;
	background: #fff;
	box-shadow: 0 2px 5px 1px rgba(0, 34, 64, .2);
	border-radius: 7px;
	padding: 20px;
	display: block;
	text-align: center;
	z-index: 5;
}
.cons-info h5 {
	margin: 0;
}
.cons-about span {
	display: block;
	color: #CCCCCC;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	font-weight: 600;
	line-height: .8;

	margin-bottom: 10px;
	letter-spacing: 2.8px;
}
.cons-carousel .owl-item .cons-info {
	opacity: 0;
	visibility: hidden;
}
.cons-carousel .owl-item.center .cons-info {
	opacity: 1;
	visibility: visible;
}
.cons-social {
	padding-top: 5px;
}
.cons-social a {
	display: inline-block;
	color: #778c9e;
	font-size: 1em;
	width: 40px;
	height: 40px;
	background: #f7f7f7;
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
}
.cons-social a:hover {
	background: #CCCCCC;
	color: #fff;
}


/************ Consultant Member Details style ************/
.memberDetails-sec {
	background: url(images/bg/traingle-half.png) no-repeat right top 150px;
	padding-bottom: 0;
}
.widget-search {
	display: block;
	background: #f5f6f8;
	padding: 20px 35px;
	border-radius: 5px;
	margin-bottom: 80px;
}
.widget-search form {
	width: 100%;
	position: relative;
}
.widget-search input {
	width: calc(100% - 130px);
	padding: 10px 20px;
	border: none;
}
.widget-search button {
	background: #CCCCCC;
	border: 0;
	border-radius: 5px;
	cursor: pointer;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	font-weight: 400;
	padding: 10px 20px;
	margin-left: 15px;
	letter-spacing: 2.8px;

}

.widget-userinfo {
	position: relative;
	background: #f0f8ff;
	border-radius: 6px;
	padding: 40px;
}
.thumb-box {
	padding: 15px 0 15px 110px;
	position: relative;
	margin-bottom: 30px;
}
.thumb-box h5 {
	font-size: 20px;
	letter-spacing: -.7px;
}
.thumb-box img {
	border-radius: 50%;
	max-width: 80px;
	position: absolute;
	left: 0;
	top: 0;
}
.thumb-box span {
	display: block;
	color: #002240;
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	letter-spacing: 2.8px;
	text-transform: capitalize;
	opacity: .7;
}
.widget-userinfo > a {
	display: block;
	color: #778c9e;
	font-size: 16px;
	position: relative;
	padding-left: 52px;
	margin-bottom: 25px;
}
.widget-userinfo > a i {
	position: absolute;
	left: 0;
	top: 5px;
}
.user-social a {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: #f0f0f1;
	text-align: center;
	line-height: 40px;
	color: #778c9e;
	border-radius: 50%;
	margin-right: 15px;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.user-social a:hover {
	background: #CCCCCC;
	color: #fff;
}

.widget {
	display: block;
	position: relative;
	margin-bottom: 50px;
}
.widget-title {
	font-size: 26px;
	letter-spacing: -.78px;
	margin-bottom: 20px;
}
.widget-userinfo > a i {
  	position: absolute;
	left: 0;
	top: 5px;
}


.widget-nav ul {
	padding-left: 30px;
}
.widget-nav li a {
	display: block;
	color: #002240;
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	letter-spacing: -.48px;
	opacity: .7;
	padding: 8px 0;
}
.widget-nav li a i {
	margin-right: 15px;
}

.memAbout-cont {
	position: relative;
	display: block;
	padding-left: 45px;
}
.memAbout-cont h6 {
	margin-bottom: 25px;
}



/************  Funfact style 3 style ************/
.service-post-sec .sec-heading {
	margin-bottom: 100px;
}
.funfactsBox02 {
	position: relative;
	background: url(images/bg/funfact.jpg) no-repeat center / cover;
	padding: 40px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	z-index: 1;
}
.single-boxfun {
	position: relative;
	z-index: 1;
}
.funfactsBox02 .single-boxfun {
	text-align: center;
	border-right: 2px solid;
	flex-grow: 1;
	padding: 35px 0;
}
.funfactsBox02 .single-boxfun h3 {
	font-size: 50px;
	color: #fff;
	letter-spacing: -1.5px;
	margin-bottom: 35px;
}
.funfactsBox02 .single-boxfun h6 {
	color: #bacbdc;
	font-size: 16px;
	letter-spacing: 3.2px;
}
.funfactsBox02 .single-boxfun:last-of-type {
	border: none;
}



/************ Service post style ************/
.service-post-sec {
	padding-bottom: 70px;
}
.post-content {
	text-align: center;
	background: #f0f8ff;
	padding: 40px 50px;
}
.post-item {
	display: block;
	position: relative;
	margin-bottom: 50px;
	top: 0;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.post-item:hover {
	top: -10px;
	box-shadow: 0 15px 50px 20px rgba(0, 0, 0, .06);
}
.post-content h3,
.post-content h3 a {
	color: #002240;
	font-weight: 500;
	font-size: 26px;
	margin-bottom: 13px;
}
.post-content > a {
	display: block;
	color: #8fabc4;
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	font-weight: 600;
	letter-spacing: 2.8px;

	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.post-content a:hover {
	color: #CCCCCC;
}



/************ Brouchure style ************/
.brouchure-sec {
	padding-top: 50px;
	padding-bottom: 100px;
}
.brouchure-wrap {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	position: relative;
	background: #002240;
	flex-wrap: wrap;
	justify-content: space-between;
}
.brouchureBox {
	flex-basis: 50%;
	padding: 60px;
	border-right: 2px solid #183853;
}
.brouchureBox h3 {
	color: #fff;
	margin-bottom: 15px;
	font-weight: 500;
}
.brouchureBox p {
	color: #a4acb3;
	margin-bottom: 40px;
}
.brouchureBox a {
	padding: 23px 40px;
	background: transparent;
	border: 2px solid #D92128;
}
.brouchureBox a:hover {
	background: #D92128;
	color: #fff;
}



.news-post-sec .post-content {
	background: transparent;
	padding: 25px 20px;
}
.news-post-sec .post-item {
	margin-bottom: 10px;
}
.pub-date {
	color: #CCCCCC;
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	font-weight: 600;
	letter-spacing: 2.8px;

	margin-bottom: 10px;
}
.post-content h5, .post-content h5 a {
	color: #002240;
	letter-spacing: -.6px;
	margin-bottom: 20px;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

.pagination {
	border: 2px solid #f4f6f7;
	padding: 20px 30px;
	text-align: center;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}
.pagination a,
.pagination span {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: #f7f7f7;
	line-height: 40px;
	border-radius: 50%;
	color: #778c9e;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
	font-weight: 500;
	margin: 0 7px;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.pagination a:hover,
.pagination span {
	background: #CCCCCC;
	color: #fff;
}


.bg-parallax-elem {
	position: absolute;
	z-index: -1;
}

.blogplx-elem1 {
	width:498px;
	left: 30px;
	top: 55px;
}
.blogplx-elem2 {
	width: 631px;
	right: 0;
	bottom: 35px;
}


/************ Service details style ************/
.serv-details-sec {
	padding-bottom: 0;
}
.img-carousel {
	display: block;
	margin-bottom: 30px;
}
.owl-thumbs {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 75px;
}
.owl-thumb-item {
	cursor: pointer;
	flex-basis: 23%;
}

.servdetails-cont h3 {
	font-size: 30px;
	letter-spacing: -.9px;
	margin-bottom: 30px;
}
.servdetails-cont p {
	margin-bottom: 27px;
}
.accordion-item {
	background: #f0f8ff;
	padding: 35px 50px 20px;
	margin-bottom: 30px;
	border-radius: 3px;
}
.accordion-item:last-of-type {
	margin-bottom: 0;
}
.accordion-item h5 {
	font-size: 26px;
	font-weight: 400;
	cursor: pointer;
	padding-right: 65px;
}
.accordion-item > div {
	margin-top: 22px;
}


/***********************
// Home 02
***********************/

/************ Header02 style ************/
.header02 {
	position: relative;
}
.header02 .header-right {
	text-align: right;
}
.header02 .primary-menu a:hover {
	color: #002240 !important;
}
.header02 .primary-menu li a::before,
.header02 .primary-menu li a::after {
	background: #fedb03;
}
.quoteBtn {
	display: inline-block;
	background: #fedb03;
	padding: 30px 40px;
}
.quoteBtn .btn {
	background: #002240;
}


.banner-sec02 {
	background: #fedb03;
}
.banner-sec02 h2 {
	font-size: 60px;
	line-height: 80px;
	letter-spacing: -.9px;
	margin: 0;
}
.banner-sec02 h2 span {
	color: #cfb300;
}
.textBox-img {
	text-align: center;
}
.textBox-img h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 600px;
	line-height: .8;
	text-shadow: -30px 30px 0 rgba(0, 0, 0, .1);
}
.textBox-img h2 span {
	background: url(images/text-bg.jpg) no-repeat left bottom;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
}
.textBox-img h3 {
	text-transform: capitalize;
}
.about-imgBox02::before {
	background: url(images/about-02-bg.png) no-repeat scroll 0 0/ auto;
	content: '';
	position: absolute;
	left: -150px;
	top: -65px;
	width: 520px;
	height: 742px;
	z-index: -1;
}




/************ Our goals style ************/
.ourgoals-sec {
	background: #002240 url(images/circle.png) no-repeat top 30px left / auto;
}
.ourgoals-sec .sec-heading .sec-title {
	color: #fedb03;
}
.ourgoals-sec .sec-subtitle {
	color: #fff;
}
.single-goal {
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.single-goal h3 {
	color: #98bcdc;
	font-size: 26px;
	letter-spacing: -.78px;
	margin-bottom: 15px;
	position: relative;
	padding-top: 35px;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.single-goal h3:before {
	content: '';
	width: 100px;
	height: 2px;
	background: #12395c;
	position: absolute;
	top: 0;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.single-goal p {
	color: #85a1b9;
}
.single-goal a {
	display: block;
	width: 60px;
	height: 60px;
	background: #022a4d;
	line-height: 60px;
	text-align: center;
	border-radius: 50%;
	font-size: 1em;
	color: #527b9f;
	margin-top: 40px;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.single-goal:hover h3 {
	color: #fff;
}
.single-goal:hover h3::before {
	background: #fedb03;
}
.single-goal:hover a {
	background: #fedb03;
	color: #002240;
}


.intro-video {
	display: inline;
	font-size: 1em;
	font-weight: 700;
	letter-spacing: 2.8px;

	color: #002240;
	background: url(images/intro-videobg.png) no-repeat center;
	padding: 22px 37px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
}
.intro-video i {
	width: 60px;
	height: 60px;
	background: #fff;
	line-height: 60px;
	text-align: center;
	border-radius: 50%;
	letter-spacing: -5px;
}


/************ Team section style ************/
.team-sec {
	padding-bottom: 97px;
}
.team-wrapper {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	position: relative;
}
.single-tm {
	flex: 1;
	text-align: center;
}
.single-tm span {
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	font-weight: 600;
	color: #7497b6;
	letter-spacing: 2.8px;

	margin-bottom: 10px;
}
.single-tm h3 {
	font-size: 30px;
	letter-spacing: -.9px;
	margin-bottom: 23px;
	position: relative;
	padding-bottom: 23px;
}
.single-tm h3:after {
	content: '';
	width: 70px;
	height: 2px;
	background: #fedb03;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.tm-cont {
	padding: 30px 20px 0;
}
.team-sec .sec-title {
	color: #7497b6;
}


/************ Service boxed section style ************/
.service-boxed-sec {
	padding: 0;
}
.singlebox-serv {
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
	background: #f7f9ff;
	text-align: center;
	padding: 100px 60px;

}
.singlebox-serv:hover {
	background: rgba(247, 249, 255, .9);
}
.shover-img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	display: block;
}
.sbox-icon {
	max-width: 100px;
	margin: 0 auto 30px;
	position: relative;
	padding-bottom: 30px;
}
.sbox-icon:after {
	content: '';
	width: 100px;
	height: 2px;
	background: #eceff6;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.singlebox-serv h5 {
	font-size: 26px;
	letter-spacing: -.78px;
	margin-bottom: 16px;
}
.singlebox-serv a {
	display: block;
	background: #e7eaf6;
	color: #91aabf;
	width: 60px;
	height: 60px;
	margin: auto;
	text-align: center;
	line-height: 60px;
	border-radius: 50%;
	margin-top: 40px;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.singlebox-serv:hover a {
	background: #fedb03;
	color: #002240;
}



/************ Intro section section style ************/
.intro-sec {
	padding-bottom: 0;
}
.intro-sec:before {
	content: '';
	width: 100%;
	height: calc(100% - 145px);
	background: #002240;
	position: absolute;
	top: 0;
	left: 0;
}
.intro-sec .sec-heading {
	text-align: left;
}
.intro-sec .sec-title {
	color: #fedb03;
}
.intro-sec .sec-subtitle {
	color: #fff;
}
.intro-item .play-btn {
	width: 100px;
	height: 100px;
	line-height: 100px;
	background: #fedb03;
	color: #002240;
}
.intro-item .playbtn-eff01:hover {
	box-shadow: 0 0 0 10px rgba(254, 219, 3, .3);
}

/************ Testimonial 02 section style ************/
.testimonial02-sec {
	background: url(images/circle-yellow.png) no-repeat center right 90px / auto;
}
.testimonial02-sec:before {
	background: #002240;
	content: '';
	width: 79.3%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.testimonial02-sec .feedback-right img {
	max-width: 225px;
	margin-bottom: 35px;
}
.testimonial02-sec .feedback-cont p {
	color: #a3bfd8;
}
.testimonial02-sec .feedback-left {
	margin-top: 40px;
}
.testimonial02-sec .feedback-left h3 {
	color: #fff;
}
.testimonial02-sec .feedback-left span {
	display: block;
	color: #fedb03;
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	font-weight: 700;
	letter-spacing: 2.8px;

}
.testiplx-elem1 {
	top: 50%;
	left: 225px;
	transform: translateY(-50%);
	z-index: 0;
}



.footer-style2 {
	position: relative;
	padding-top: 80px;
}
.footer-style2 .foo-widget {
	padding-left: 0;
}
.footer-style2 .foo-widget .widget-title {
	color: #002240;
	text-align: left;
	padding: 0;
	margin-bottom: 25px;
}
.footer-style2 .foo-widget .widget-title:after {
	content: none;
}
.footer-style2 .foo-widget ul li a {
	color: #778c9e;
}
.footer-style2 .copyright-txt {
	margin-top: 60px;
	border-top: 1px solid #cadcec;
}
.footer-style2 .copyright-txt a {
	color: #002240;
}
.footer-style2 .foo-widget ul li a:hover {
	color: #111;
}


/************ FAQ section style ************/
.faq-sec {
	padding-top: 0;
}
.faq-sec .accordion-item {
	background: transparent;
	border: 2px solid #e5e5e5;
	border-radius: 5px;
	padding: 59px 50px 56px;
	position: relative;
}
.faq-sec .accordion-item p {
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	font-weight: 400;
	line-height: 26px;
	color: #7d7c8f;
	padding-left: 15px;
}
.more-less {
	display: block;
	width: 60px;
	height: 60px;
	border: 2px solid #fbe8e9;
	text-align: center;
	line-height: 59px;
	font-size: 22px;
	border-radius: 50%;
	color: #CCCCCC;
	position: absolute;
	top: 45px;
	right: 45px;
	cursor: pointer;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.more-less.fa-times,
.more-less:hover {
	background: #CCCCCC;
	border-color: #CCCCCC;
	color: #fff;
}



/************ Career section style ************/
.career-sec {
	padding-bottom: 90px;
}
.career-filter {
	display: block;
	width: 100%;
	position: relative;
	border-bottom: 1px solid #f0f8ff;
	margin-bottom: 35px;
}
.career-filter li {
	display: inline-block;
	color: #002240;
	cursor: pointer;
	font-size: 12px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	letter-spacing: 2.4px;

	padding: 12px 15px;
	margin-right: 12px;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.career-filter li:hover,
.career-filter li.active {
	background: #CCCCCC;
	color: #fff;
	font-weight: 700;
}
.career-filter li:hover {
	font-weight: normal;
}
.career-filter li.active:hover {
	font-weight: 700;
}
.single-career {
	background: #f0f8ff;
	display: block;
	position: relative;
	text-align: center;
	padding: 70px 25px 55px;
	margin-bottom: 30px;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.single-career h5,
.single-career h5 a {
	color: #002240;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: -.6px;
	margin-bottom: 15px;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.single-career p {
	color: #002240;
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	letter-spacing: 2.8px;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.single-career img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
}

.single-career:hover {
	background: rgba(0, 34, 64, .8);
}

.single-career:hover h5,
.single-career:hover h5 a,
.single-career:hover p {
	color: #fff;
}


/************ Career Details section style ************/
.carrdesc h2 {
	font-size: 40px;
	letter-spacing: -1.2px;
	margin-bottom: 15px;
}
.carrdesc h6 {
	font-size: 20px;
	font-weight: 400;
	letter-spacing: -.6px;
	margin-bottom: 30px;
}
.carrdesc p {
	font-family: 'Lato', sans-serif;
	margin-bottom: 25px;
}
.carrlist {
	margin: 30px 0;
}
.carrlist h5 {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 22px;
}
.carrlist li {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}
.carrdesc .btn {
	padding: 22px 55px;
}

.post-title {
	display: block;
	font-size: 30px;
	line-height: 40px;
	letter-spacing: -.9px;
	border-bottom: 2px solid #f1f3f5;
	padding-bottom: 28px;
	margin-bottom: 30px;
}
.post-meta p {
	color: #737e8a;
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	letter-spacing: 2.8px;

	margin-bottom: 0;
	position: relative;
}
.post-meta {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	position: relative;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 75px;
}
.post-meta p a {
	display: inline-block;
	font-weight: 400;
	color: #737e8a;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.post-meta p a:hover {
	color: #D92128;
}
.post-meta p:after {
	content: '';
	width: 2px;
	height: 100%;
	background: #f1f3f5;
	position: absolute;
	right: -25px;
}
.post-meta p:last-child:after {
	content: none;
}
.post-thumbnail {
	display: block;
	margin-bottom: 70px;
}
.blog-single-post > p {
	margin-bottom: 25px;
}

.tags-share {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	border-bottom: 2px solid #f1f3f5;
	padding-bottom: 28px;
	margin: 50px 0;
}
.tags {
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	color: #737e8a;
	letter-spacing: 2.8px;

	margin-right: auto;
}
.tags span {
	display: inline-block;
	font-weight: 600;
}
.tags a {
	display: inline-block;
	color: #737e8a;
}
.tags a:hover {
	color: #CCCCCC;
}
.tweets {
	display: inline-block;
	color: #4c6479;
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	letter-spacing: 2.8px;
}
.share {
	display: inline-block;
	width: 40px;
	height: 40px;
	background: #f7f7f7;
	border-radius: 50%;
	line-height: 40px;
	text-align: center;
	color: #CCCCCC;
	margin-left: 35px;
}

/********** Comments style **********/
.comments {
	margin-bottom: 95px;
}
.comments ul {
	list-style: none;
}
.comment-title {
	color: #002240;
	font-size: 18px;
	font-weight: 600;
	position: relative;
	margin-bottom: 40px;
	letter-spacing: 3.6px;

	border-bottom: 2px solid #f1f3f5;
	padding-bottom: 25px;
}
.comments ul li {
	position: relative;
	padding-left: 90px;
	margin-bottom: 34px;
}
.user-thumb {
	width: 60px;
	height: 60px;
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	overflow: hidden;
}
.comments li h4 {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 22px;
	color: #586575;
	margin-bottom: 8px;
	letter-spacing: 3.2px;
}
.comments li p {
	margin-bottom: 0;
}
.comments li span {
	font-size: 1em;
	font-weight: 400;
	color: #737e8a;
	font-family: 'Lato', sans-serif;
	letter-spacing: 2.8px;
	text-transform: capitalize;
	margin-bottom: 25px;
	display: block;
}
.comments li span i {
	font-size: 16px;
	margin-right: 6px;
	vertical-align: middle;
}
.comments li i {
	color: #ffbe00;
}
.comments ul li ul li:first-child {
	margin-top: 35px;
}
.reply {
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	font-weight: 400;
	line-height: 28px;
	position: absolute;
	top: 0;
	right: 0;
	color: #e57d80;
	letter-spacing: 2.8px;
}
.comment-form form {
    width: 100%;
    display: block;
    position: relative;
}
.input-field {
	display: block;
	width: 100%;
	margin-bottom: 25px;
}
.input-field label {
	display: block;
	color: #737e8a;
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	letter-spacing: 2.8px;
	margin-bottom: 10px;
}
.comment-form input,
.comment-form textarea {
	width: 100%;
	background: transparent;
	box-shadow: none;
	border: 2px solid #f4f6f7;
	padding: 15px 20px;
	border-radius: 3px;
}
.comment-form textarea {
	height: 138px;
}
.input-field.textarea {
    width: 100%;
    margin-right: 0;
}
.comment-form button {
	background: transparent;
	color: #002240;
	border: 2px solid #002240;
	border-radius: 5px;
	font-size: 1em;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
	text-transform: capitalize;
}
.comment-form button:hover {
	background: #2354cd;
	border-color: #2354cd;
	color: #fff;
}
/********** Comments style end**********/

.related-blog-sec {
	padding: 0 0 70px;
}
.obtitle {

	font-size: 18px;
	letter-spacing: 3.6px;
	margin-bottom: 40px;
}
.related-blog-sec .post-content {
	background: transparent;
	padding: 25px 20px;
}
.related-blog-sec .post-item {
	margin-bottom: 0;
}


aside.widget {
	position: relative;
	background: #f0f8ff;
	border-radius: 5px;
}
aside.widget ul {
	padding: 0 40px 30px;
}
.search-box {
	padding: 30px 40px ;
}
.search-box input {
	border: 1px solid #90a2b3;
	width: 100%;
	padding: 10px 60px 10px 20px;
	border-radius: 5px;
	background: transparent;
}
.search-box form {
	position: relative;
	width: 100%;
	display: block;
}
.search-box button {
	background: transparent;
	box-shadow: none;
	border: none;
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}
.navigation-list a {
	display: block;
	color: #6c7b8a;
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	position: relative;
	padding: 4px 0;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.navigation-list a:hover {
	padding-left: 15px;
}
.navigation-list a:before {
	content: '\f105';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	left: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.navigation-list a:hover:before {
	opacity: 1;
	visibility: visible;
}
.widget-title {
	position: relative;
	padding: 20px 40px;
}
.widget-title::after {
	content: '';
	width: 100%;
	height: 1px;
	background: #e4edf5;
	position: absolute;
	left: 0;
	bottom: 0;
}



.cninfo-sec {
	background: url(images/map.jpg) no-repeat center top / cover;
	z-index: 1;
}
.single-cninfo {
	position: relative;
	display: block;
	background: #fff;
	text-align: center;
	border-radius: 5px;
	cursor: default;
}
.single-cninfo span.infoimg {
	display: block;
	width: 100px;
	height: 100px;
	margin: auto;
	background: #fff;
	padding: 30px;
	border-radius: 50%;
	position: relative;
	top: -50px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .07);
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.single-cninfo span.infoimg img {
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.single-cninfo h5 {
	font-size: 30px;
	letter-spacing: -.9px;
	margin-bottom: 20px;
	margin-top: -20px;
}

.single-cninfo a, .single-cninfo span {
	font-size: 18px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	display: block;
	color: #7e96ae;
}
.single-cninfo .btn {
	background: #9ac156;
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	font-weight: 600;
	letter-spacing: 0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	margin-top: 35px;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.single-cninfo:hover .infoimg {
	background: #CCCCCC;
}
.single-cninfo:hover .btn {
	background: #CCCCCC;
}
.single-cninfo:hover .infoimg img {
	filter: brightness(0) invert(1);
}


.csl-form {
	border: 2px solid #f2f2f2;
	padding: 80px;
}
.form-field {
	border: 2px solid #f2f2f2;
	padding: 20px 65px 20px 30px;
	border-radius: 4px;
	margin-bottom: 30px;
	position: relative;
}
.form-field label {
	display: block;
	color: #000d23;
	font-size: 20px;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	letter-spacing: 0;
	margin: 0;
}
.form-field input {
	border: none;
	width: 100%;
}
.form-field input:focus, .form-field input:active {
	outline: none;
	border: none;
}
.form-field textarea {
	width: 100%;
	border: none;
	min-height: 200px;
	resize: none;
}
.csl-form .btn {
	padding: 22px 70px;
	border-radius: 50px;
}
.form-field i {
	position: absolute;
	right: 30px;
	top: 35px;
}




.signin-sec {
	max-width: 730px;
	width: 100%;
	margin: 0 auto;
}

.passrecovtxt {
	margin: 0;
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color: #b1c0cb;
	text-align: right;
}
.passrecovtxt a {
	color: #ff0000;
	margin-left: 15px;
}
.btn.logapps {
	background: #778c9e;
	margin-top: 30px;
	letter-spacing: 0;
	width: 100%;
	padding: 22px;
}
.btn.logapps:hover {
	color: #002240;
}


/************ Checkout section style ************/
.billing-details {
	margin-bottom: 33px;
}
.ckout-title {
	color: #232b37;
	font-size: 30px;
	font-weight: 500;
	line-height: 30px;
	letter-spacing: 0;
	margin-bottom: 30px;
}
.ck-field label {
	display: block;
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #838b97;
	margin-bottom: 10px;
}
.ck-field input, .ck-field select {
	display: block;
	width: 100%;
	border: 2px solid #e5e5e5;
	border-radius: 5px;
	padding: 13px 20px;
	margin-bottom: 20px;
}

.order-note {
	margin-top: 30px;
}
.order-note label {
  display: block;
  color: #232b37;
  font-size: 1em;
  font-weight: 600;
  font-family: 'Lato', sans-serif;
  line-height: 24px;
  margin-bottom: 15px;
}
.order-note textarea {
	display: block;
	width: 100%;
	border: 2px solid #e5e5e5;
	border-radius: 5px;
	padding: 13px 20px;
	margin-bottom: 20px;
}

.order-details {
	position: relative;
	width: 100%;
	display: block;
	margin-bottom: 30px;
}
.shop_table {
	width: 100%;
}
.shop_table tr {
	position: relative;
	border-bottom: 1px solid #e8e8e8;
	padding: 10px 0;
}
.shop_table th {
	color: #232b37;
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	padding: 15px 0;
}
.shop_table td {
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #838b97;
	line-height: 30px;
	padding: 15px 0;
}
.shipping-addr th {
	display: block;
	width: 100%;
	padding-bottom: 0;
}
.shipping-addr td {
	display: block;
}
.shipping-addr td textarea {
	width: 100%;
	border: none;
	height: 32px;
}
.shipping-addr td {
	padding-top: 0;
}

.shop_table tr th:last-child,
.shop_table tr td:last-child {
	text-align: right;
}
.product-quantity {
	margin-left: 25px;
}

.checkbox {
	color: #232b37;
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	font-weight: 500;
	line-height: 24px;
}
.checkbox span {
	display: block;
	font-weight: 400;
	padding-left: 32px;
}
.checkbox input[type="checkbox"] {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	cursor: pointer;
	padding: 8px;
	border-radius: 4px;
	display: inline-block;
	position: relative;
	margin-right: 10px;
	vertical-align: middle;
}

.checkbox input[type="checkbox"]:active,
.checkbox input[type="checkbox"]:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.checkbox input[type="checkbox"]:checked {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}
.checkbox input[type="checkbox"]:checked::after {
	content: '\2714';
	font-size: 1em;
	position: absolute;
	top: -4px;
	left: 3px;
	color: #99a1a7;
}
.payment-methods > div {
	margin-bottom: 30px;
}
.payment-methods .btn {
	font-size: 12px;
	border-radius: 5px;
	width: 100%;
}
.payment-cards {
	display: inline-block;
}
.payment-cards a {
	display: inline-block;
	margin: 0 3px;
}
.card-options .checkbox {
	display: inline-block;
}
.card-options {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
}



.cart-form table {
	width: 100%;
}
.product-name {
	width: 425px;
}
.product-thumbnail {
	text-align: center;
	width: 80px;
}
.product-thumbnail img {
	text-align: center;
	width: 33px;
	margin: auto;
}
.cart-form thead th {
	color: #232b37;
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	text-align: center;
	border: 2px solid #e5e5e5;
	padding: 15px 0;
}
.cart-form table td {
	border: 2px solid #e5e5e5;
	padding: 13px;
	text-align: center;
	color: #838b97;
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}
.cart-form table td.product-name {
	text-align: left !important;
	padding: 0 40px !important;
}

.cart-form table td.actions {
	text-align: left;
	padding: 20px 20px 20px 30px;
}
.coupon {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.coupon input {
	border: 2px solid #e5e5e5;
	padding: 8px 20px;
}
.coupon .btn {
	padding: 16px 35px;
	vertical-align: top;
	text-transform: capitalize;
	letter-spacing: 0;
}
.coupon .btn:last-child {
	background: transparent;
	color: #838b97;
	border-color: #e5e5e5;
	border-width: 2px;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.coupon .btn:last-child:hover {
	background: #CCCCCC;
	border-color: #CCCCCC;
	color: #fff;
}
.cart-total h4 {
	color: #232b37;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 0;
	margin-bottom: 35px;
}
.cart-total p {
	color: #232b37;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 390px;
	margin-bottom: 30px;
}
.cart-total p span {
	font-size: 1em;
	font-weight: 400;
	color: #838b97;
}
.cart-total .btn {
	width: 100%;
	text-transform: capitalize;
	letter-spacing: 0;
	margin-top: 15px;
}
.cart-total {
	margin-top: 45px;
}



.product-filter {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 70px;
}
.product-filter li {
	border: 2px solid #e5e5e5;
	border-radius: 5px;
	color: #778c9e;
	cursor: pointer;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: 1.6px;

	padding: 60px 15px;
	text-align: center;
	flex-basis: calc(100% / 6 - 30px);
	max-width: 160px;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.product-filter li:hover {
	background: #002240;
	border-color: #002240;
	color: #fff;
}


.product-sort {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: end;
	flex-wrap: wrap;
	position: relative;
	margin-bottom: 30px;
}
.product-sort:after {
	content: '';
	width: 100%;
	height: 2px;
	background: #e5e5e5;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1;
}
.showpro-result,
.product-sort select {
	display: inline-block;
	color: #b1b6bd;
	font-size: 12px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	letter-spacing: 2.4px;

	border: 2px solid #e5e5e5;
	padding: 13px 25px;
	margin-bottom: 0;
	background: #fff;
}
.product-sort select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.showpro-result {
	margin-right: auto;
}
.product-sort a {
	display: inline-block;
	width: 50px;
	height: 50px;
	background: #ebebeb;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	color: #afb6bf;
	margin-left: 20px;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.product-sort a:hover {
	background: #002240;
	color: #fff;
}

.single-product {
	position: relative;
	text-align: center;
	margin-bottom: 30px;
}
.single-product:hover .pd-thumb {
	border-color: #CCCCCC;
}
.pd-category {
	border-radius: 50px;
	color: #d1d0d0;
	display: inline-block;
	font-size: 12px;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	letter-spacing: 2.4px;

	background: #f5f5f5;
	padding: 3px 30px;
	margin-bottom: 20px;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.pd-thumb {
	border: 2px solid #e3e3e3;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	position: relative;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.pd-desc {
	border: 2px solid #e3e3e3;
	border-top: none;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 30px 15px 5px;
}
.pd-name,
.pd-name a {
	color: #232b37;
	display: block;
	font-size: 18px;
	letter-spacing: -.54px;
	text-transform: capitalize;
}
.single-product p.price {
	display: block !important;
	color: #CCCCCC;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	letter-spacing: -.48px;
}
.single-product p.price span {
	color: #b0b5bc;
	margin-left: 14px;
}

.grid-layout .single-product p {
	display: none;
}
.list-layout .single-product {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
	text-align: left;
	-ms-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.list-layout .pd-thumb {
	max-width: 251px;
	flex-basis: 251px;
	-webkit-flex-basis: 251px;
}
.list-layout .pd-desc {
	max-width: calc(100% - 251px);
	border: none;
	padding-left: 40px;
	flex-basis: calc(100% - 251px);
	-webkit-flex-basis: calc(100% - 251px);
}

.product-pagination a,
.product-pagination span {
	display: inline-block;
	border: 2px solid #f0f0f0;
	padding: 8px 20px;
	font-size: 12px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	color: #b1b6bd;
	margin-right: 15px;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.product-pagination a:hover,
.product-pagination span {
	background: #002240;
	border-color: #002240;
	color: #fff;
}
.addtoCart {
	background: red;
	color: #fff;
	display: block;
	font-size: 12px;
	width: 48px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	position: absolute;
	bottom: 15px;
	right: 15px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.addtoCart:hover {
	color: #fff;
}
.single-product:hover .addtoCart {
	visibility: visible;
	opacity: 1;
}

/************ Shop details section style ************/
.prod-preview {
	display: block;
	width: 100%;
	border: 3px solid #dedede;
	border-radius: 5px;
	overflow: hidden;
}
.shopdetails-sec .nav-tabs {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 30px 0 80px;
	border: none;
}
.shopdetails-sec .nav-tabs li {
	border: 2px solid #dedede;
	flex-basis: calc(100% / 3 - 20px);
}
.prod-details .rating span {
	display: inline-block;
	color: #808a98;
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	margin-left: 10px;
}
.prod-details span.prod-orders {
	background: #CCCCCC;
	color: #fff;
	padding: 5px 25px;
	border-radius: 7px;
	margin-left: auto;
}
.prod-details .rating {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: flex-start;
	-ms-align-items: center;
	align-items: center;
	margin-bottom: 20px;
}
.prod-category {
	display: block;
	color: #CCCCCC;
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	letter-spacing: 2.8px;

	margin-bottom: 7px;
}
.prod-details h2 {
	color: #232b37;
	font-size: 30px;
	font-weight: 500;
	letter-spacing: -.9px;
	margin-bottom: 40px;
}
.prod-price {
	color: #CCCCCC;
	font-family: 'Lato', sans-serif;
	font-size: 50px;
	font-weight: 300;
	letter-spacing: -1.5px;
	margin-bottom: 40px;
}
.prod-price .line-through {
	color: #bfc7d3;
	margin-left: 25px;
}
.prod-info {
	margin-bottom: 25px;
}
.prod-info li {
	font-family: 'poppins', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #6b7686;
	line-height: 30px;
}
.prod-info li span {
	color: #232b37;
	font-weight: 600;
	min-width: 155px;
	display: inline-block;
}
.prod-overview h3 {
	font-size: 30px;
	font-weight: 300;
	color: #232b37;
	margin-bottom: 15px;
}
.quantity {
	display: inline-block;
	border: 2px solid #e5e5e5;
	border-radius: 6px;
	padding: 0 15px;
}
.quantity span {
	cursor: pointer;
}
.quantity input[type="number"] {
	width: 50px;
	height: 50px;
	border-top: none;
	border-bottom: none;
	border-left: 2px solid #e5e5e5;
	border-right: 2px solid #e5e5e5;
	margin: 0 10px;
	text-align: center;
	-webkit-appearance: none;
	-moz-appearance: textfield;
}
.prod-feedback {
	display: inline-block;
	text-align: right;
}
.prod-feedback a {
	width: 50px;
	height: 50px;
	background: #eee;
	color: #838b97;
	display: inline-block;
	text-align: center;
	line-height: 50px;
	border-radius: 7px;
	margin-left: 15px;
}
.addTocart button {
	display: block;
	padding: 22px 45px;
	margin-top: 30px;
}
.prod-desc {
	margin-bottom: 20px;
}
.prod-desc ul.nav {
	border-bottom: 1px solid #eff0f2;
	margin-bottom: 35px;
}
.prod-desc li a {
	display: inline-block;
	color: #b1b6bd;
	font-size: 12px;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	letter-spacing: 2.4px;

	padding: 10px 40px;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.prod-desc li a.active,
.prod-desc li a:hover {
	background: #CCCCCC;
	color: #fff;
}
.prod-desc .tab-content h3 {
	font-size: 30px;
	margin-bottom: 30px;
}

.prod-desc .tab-content li {
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	padding: 14px 0;
	border-bottom: 1px solid #f0f0f0;
	padding-left: 325px;
	position: relative;
}
.prod-desc .tab-content li span {
	font-weight: 700;
	color: #232b37;
	display: block;
	position: absolute;
	left: 0;
}
.prod-features {
	margin-bottom: 40px;
}
.prod-features h3 {
	font-size: 30px;
	margin-bottom: 15px;
}
.prod-features ul li {
	width: 25%;
	float: left;
}
.prod-features ul:after {
	content: '';
	clear: both;
	display: block;
}
.prod-features li a {
	color: #838b97;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	padding: 5px 0;
	display: inline-block;
}
.prod-features li i {
	color: #43a4f6;
	margin-right: 5px;
}
.prod-features ul {
	margin-bottom: 15px;
}


.single-relproduct {
	border: 2px solid #e5e5e5;
	border-radius: 5px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-align-items: wrap;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px;
}
.single-relproduct figure {
	border-right: 2px solid #e5e5e5;
	flex-basis: 126px;
}

.relpro-desc {
	padding-left: 30px;
	flex-basis: calc(100% - 126px);
}
.relpro-desc h3 {
	font-size: 18px;
	letter-spacing: -.54px;
}
.relpro-desc .prod-price {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0;
	margin-bottom: 0;
}
.relpro-desc .prod-price .line-through {
	margin-left: 12px;
}
.relpro-desc .rating a {
	color: #ffd800;
}



/************ Invoice section style ************/
.invoice {
	position: relative;
	background: #002240;
	padding: 40px 70px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}
.invoice span {
	display: block;
	color: #9298a2;
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	font-weight: 400;

	letter-spacing: 1.4px;
	margin-bottom: 5px;
}
.invoice h3 {
	color: #fff;
	font-size: 50px;
	font-weight: 500;
	letter-spacing: 0;
	margin: 0;
}
.billTo {
	padding: 60px 70px 20px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
	position: relative;
}
.billTo h3 {
	flex-basis: 100%;
	font-size: 26px;
	font-weight: 500;
	margin-bottom: 25px;
}
.billTo address {
	flex-basis: 50%;
	color: #838b97;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 1em;
	line-height: 30px;
}
.billTo address strong {
	font-weight: 500;
	display: inline-block;
	padding-right: 5px;
}


.invoice-table {
	padding: 0 70px;
	width: 100%;
}
.invoice-table table {
	width: 100%;
}
.invoice-table tbody tr:nth-child(2n+1) {
	background: #efefef;
}
.invoice-table thead th {
	color: #000;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	font-weight: 500;
	line-height: 30px;
	padding: 12px 30px;
}

.invoice-table tbody td {
	color: #838b97;
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	line-height: 24px;
	padding: 12px 30px;
}
.invoice-table tbody td span {
	display: block;
	color: #000;
}

.invc-smmry {
	text-align: right;
}
.invc-smmry p {
	color: #838b97;
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}
.invc-smmry p span {
	display: inline-block;
	color: #232b37;
	padding-right: 100px;
}
.invc-smmry p:first-child {
	margin-top: 30px;
	margin-bottom: 25px;
}
.querybtn {
	color: #fff;
	background: #9298a2;
	display: block;
	text-align: center;
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	padding: 17px;
	-webkit-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
	margin-top: 40px;
}
.querybtn:hover {
	color: #002240;
}





/************  404 section style ************/
.fzfwrap {
	max-width: 655px;
	margin: 0 auto;
	text-align: center;
}
.fzfwrap img {
	margin-bottom: 65px;
}
.fzfwrap h4 {
	color: #778c9e;
	font-size: 30px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 1.8px;

}
.fzfwrap h2 {
	color: #002240;
	font-size: 120px;
	font-weight: 700;
	letter-spacing: 7.2px;
	line-height: .8;
}
.fzfwrap span {
	display: block;
	color: #778c9e;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 1.8px;

	padding-bottom: 25px;
	border-bottom: 2px solid #f1f1f1;
	margin-bottom: 25px;
}
.fzfwrap .btn {
	margin-top: 20px;
	padding: 22px 70px;
	border-radius: 5px;
}

.cmngsoon-sec {
	background: url(images/comingsoon.jpg) no-repeat top center / cover;
	text-align: center;
	z-index: 1;
}
.cmngsoon-sec h4 {
	color: #fff;
	font-size: 30px;
	letter-spacing: 3.3px;
	text-transform: capitalize;
	margin-bottom: 25px;
}
.cmngsoon-sec h4 span {
	display: block;
	font-size: 50px;
	letter-spacing: -1.5px;
	margin-bottom: 20px;
}


#clock {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	background: #fff;
	max-width: 700px;
	width: 100%;
	margin: 65px auto 0;
	border-radius: 6px;
	padding: 30px 60px;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
#clock p {
	display: inline-block;
	margin-bottom: 0;
	text-align: left;
	font-size: 60px;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	color: #002240;
	line-height: .8;
	letter-spacing: -.9px;
}
#clock p span {
	display: block;
	font-size: 1em;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	color: #CCCCCC;
	line-height: .8;
	letter-spacing: 2.8px;
	margin-bottom: 15px;
}



.play-btn.pulseEffect {
	width: 100px;
	height: 100px;
	line-height: 100px;
}
.pulseEffect::before {
	content: '';
	width: 100%;
	height: 100%;
	border: 1px solid rgba(255, 255, 255, 1);
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	transition: opacity 0.75s ease 0s;
	animation: 1.5s ease-out infinite running pulseEffect;
}

@keyframes pulseEffect {
	0 {
		border-color: rgba(255, 255, 255, .75);
	    transform: scale3d(.7, .7, 0);
	}
	50% {
		border-color: rgba(255, 255, 255, .5);
	    transform: scale3d(1.2, 1.2, 0);
	}
	75% {
		border-color: rgba(255, 255, 255, .25);
	    transform: scale3d(1.3, 1.3, 0);
	}
	100% {
		border-color: rgba(255, 255, 255, 0);;
	    transform: scale3d(1.4, 1.4, 0);
	}
}

.header-right {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.nav-menu {
	display: block;
	width: auto;
	margin: auto;
}