@charset "utf-8";

/*

Theme Name: FEMNET

Theme URI: https://ndegwakabue.co.ke

Author: Joseph Kabue

Author URI: https://ndegwakabue.co.ke

Description: This is a custom theme for FEMNET

Version: 1.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: femnet

*/



/*

  Theme Name: Pohat - SEO & Digital Marketing Agency HTML5 Template

  Support: admin@gmail.com

  Version: 1.0

*/



/* CSS Index

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

1. Theme default css

2. header

3. slider

4. breadcrumb

5. features

6. social

7. about

8. services

9. counter

10. snacks

11. team

12. timeline

13. faq

14. sem

15. support

16. brand

17. testimonial

18. skill

19. portfolio

20. ppc

21. seo

22. video

23. cta

24. gallery

25. blog

26. shop

27. pagination

28. 404

29. comingsoon

30. footer

31. preloader



*/







/* 1. Theme default css */

@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,400i,500,500i,700');

@font-face {

    font-family: 'gilroy-blackuploaded_file';

    src: url('../fonts/gilroy-black-webfont.woff2') format('woff2'),

         url('../fonts/gilroy-black-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'gilroy-bolduploaded_file';

    src: url('../fonts/gilroy-bold-webfont.woff2') format('woff2'),

         url('../fonts/gilroy-bold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'gilroy-extrabolduploaded_file';

    src: url('../fonts/gilroy-extrabold-webfont.woff2') format('woff2'),

         url('../fonts/gilroy-extrabold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'gilroy-mediumuploaded_file';

    src: url('../fonts/gilroy-medium-webfont.woff2') format('woff2'),

         url('../fonts/gilroy-medium-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'gilroy-semibolduploaded_file';

    src: url('../fonts/gilroy-semibold-webfont.woff2') format('woff2'),

         url('../fonts/gilroy-semibold-webfont.woff') format('woff');

    font-weight: normal;

    font-style: normal;



}

 body {

	font-family: 'Varela Round','Rubik', sans-serif;

	font-weight: normal;

	font-style: normal;

	font-size: 14px;

	color: #000;

}

.img {

	max-width: 100%;

	transition: all 0.3s ease-out 0s;

}

.f-left {

	float: left

}

.f-right {

	float: right

}

.fix {

	overflow: hidden

}

a,

.button {

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

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

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

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

	transition: all 0.3s ease-out 0s;

}

a:focus,

.button:focus {

	text-decoration: none;

	outline: none;

}

a:focus,

a:hover,

.portfolio-cat a:hover,

.footer -menu li a:hover {

	text-decoration: none;

}

.btn:focus {

	box-shadow: none;

}

a,

button {

	color: #ad2222;

	outline: medium none;

}

button:focus,input:focus,input:focus,textarea,textarea:focus{outline: 0;box-shadow: none;}

.uppercase {

	text-transform: uppercase;

}

.capitalize {

	text-transform: capitalize;

}

h1,

h2,

h3,

h4,

h5,

h6 {

	font-family: 'Sen', 'Varela Round','gilroy-bolduploaded_file';

	font-weight: normal;

	color: #000;

	margin-top: 0px;

	font-style: normal;

	font-weight: 600;

	text-transform: normal;

}

h1 a,

h2 a,

h3 a,

h4 a,

h5 a,

h6 a {

	color: inherit;

}

h1 {

	font-size: 40px;

	font-weight: 500;

}

h2 {

	font-size: 35px;

}

h3 {

	font-size: 28px;

}

h4 {

	font-size: 22px;

}

h5 {

	font-size: 18px;

}

h6 {

	font-size: 16px;

}

ul {

	margin: 0px;

	padding: 0px;

}

.content-ul{

	padding-left: 15px;

    padding-bottom: 15px;

    font-size: 15px;

    color: #000;

}

li {

	list-style: inherit;
    font-size: 16px;

}

p {

	font-size: 16px;

	font-weight: normal;

	line-height: 26px;

	color: #000;

	margin-bottom: 15px;

}

hr {

	border-bottom: 1px solid #eceff8;

	border-top: 0 none;

	margin: 30px 0;

	padding: 0;

}

label {

	color: #000;

	cursor: pointer;

	font-size: 14px;

	font-weight: 400;

}

*::-moz-selection {

	background: #d6b161;

	color: #fff;

	text-shadow: none;

}

::-moz-selection {

	background: #444;

	color: #fff;

	text-shadow: none;

}

::selection {

	background: #444;

	color: #fff;

	text-shadow: none;

}

*::-moz-placeholder {

	color: #555555;

	font-size: 14px;

	opacity: 1;

}

*::placeholder {

	color: #555555;

	font-size: 14px;

	opacity: 1;

}

.theme-overlay {

	position: relative

}

.theme-overlay::before {

	background: #1696e7 none repeat scroll 0 0;

	content: "";

	height: 100%;

	left: 0;

	opacity: 0.6;

	position: absolute;

	top: 0;

	width: 100%;

}

.separator {

	border-top: 1px solid #f2f2f2

}

/* button style */

.btn {

	-moz-user-select: none;

	background: #ad2222;

	border: 2px solid #ad2222;

	border-radius: 0;

	color: #fff;

	cursor: pointer;

	display: inline-block;

	font-size: 14px;

	font-weight: 600;

	letter-spacing: 0;

	line-height: 1;

	margin-bottom: 0;

	padding: 15px 30px;

	text-align: center;

	text-transform: uppercase;

	font-family: 'Sen', 'Varela Round';

	touch-action: manipulation;

	transition: all 0.3s ease 0s;

	vertical-align: middle;

	white-space: nowrap;

}

.btn:hover {

	background: transparent;

	color: #ad2222;

}

.transparent-btn {

	background: transparent;

    color: #ad2222;

    border-color: #ad2222;

}

.transparent-btn:hover {

	background: #ad2222;

	color: #fff;

	border-color: #ad2222;

}

.breadcrumb > .active {

	color: #888;

}

.display-ib {

	display: inline-block;

}

.p-relative {

	position: relative;

}

.dark-bg {background: #0b1423;}

/* 2. header */

.transparent-header {

	position: absolute;

	width: 100%;

	left: 0;

	top: 0;

	z-index: 9;

}

.container-p {

	padding: 0 260px;

}

.h-language {

	border: 2px solid #eaeaea;

	border-radius: 50px;

	padding: 9px 4px;

	margin-right: 20px;

}

.h-cta span {

	display: block;

	background: #fff5f1;

	color: #ad2222;

	font-weight: 500;

	padding: 10px 30px;

	border-radius: 50px;

}

.h-language.sh-language {

	border-color: #253145;

	background: #121b29;

}

.h-language.sh-language .nice-select {color: #8c97a9;}

.h-language.sh-language .nice-select::after {border-color: #8c97a9;}

.h-cta.sh-cta span {

	border: 2px solid #253145;

	background: #121b29;

}

.main-menu ul li {

	display: inline-block;

	margin-left: 25px;

	position: relative;

}

.main-menu ul li:first-child {

	margin-left: 0;

}

.main-menu ul li a {

	font-size: 16px;

    color: #000;

    display: block;

    padding: 35px 0;

    font-family: 'Sen', 'Varela Round';

    font-weight: 700;

}

.main-menu ul > li.active a {

	color: #ad2222;

}

.main-menu ul > li:hover a {

	color: #ad2222;

}

.main-menu.w-main-menu ul li a{color: #fff;}

.main-menu.w-main-menu ul li:hover a{color: #ad2222;}

.main-menu ul li .submenu {

	position: absolute;

	top: 120%;

	min-width: 260px;

	background: #fff;

	left: 0;

	right: 0;

	margin: 0;

	border: 0;

	opacity: 0;

	padding: 20px;

	visibility: hidden;

	border-radius: 3px;

	box-shadow: 0 6px 12px rgba(0,0,0,.17);

	transition: all .3s ease-in;

	text-align: left;

	z-index: 9;

}

.main-menu ul li .submenu li {

	margin-left: 0;

	display: block;

}

.main-menu ul li .submenu li a {

	padding: 8px 5px;

	color: #ad2222;

	font-size: 16px;

	font-weight: 600;

	position: relative;

	text-transform: capitalize;

}

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

	content: "";

	position: absolute;

	left: -15px;

	top: 50%;

	transform: translateY(-50%);

	height: 2px;

	width: 10px;

	background: #ad2222;

	z-index: 99;

	border-radius: unset;

	opacity: 0;

	transition: .5s;

}

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

	padding-left: 20px;

}

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

	top: 100%;

	opacity: 1;

	visibility: visible;

}

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

	opacity: 1;

	left: 0;

}

.sticky-menu {

	left: 0;

	margin: auto;

	position: fixed;

	top: 0;

	background: #fff;

	width: 100%;

	box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);

	z-index: 9999;

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

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

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

}

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

	padding: 28px 0;

}

.second-header.sticky-menu {

	background: #121b29;

}

.header-top {

	background: #0e1b33;

	padding: 10px 0;

}

.h-social {margin-right: 50px;}

.h-social a {

	color: #fff;

	font-size: 14px;

	margin-right: 15px;

}

.h-link ul li {display: inline-block;}

.h-link ul li a {

	display: block;

	font-size: 14px;

	font-weight: 500;

	color: #fff;

	text-transform: uppercase;

	margin-right: 25px;

}

.ht-cta span {

	font-size: 14px;

	color: #fff;

}

.th-cta span {

	background: #ad2222;

	color: #fff;

}

.ht-cta span i {margin-right: 10px;}

/* 3. slider */

.slider-content span {

	font-size: 14px;

	text-transform: uppercase;

	font-weight: 500;

	color: #ad2222;

	letter-spacing: 2px;

	display: block;

	margin-bottom: 30px;

}

.slider-content h2 {

	font-size: 40px;

    line-height: 1.1;

    margin-bottom: 15px;

    color: #fff;

	font-family: 'Sen','Varela Round';

	text-align: center;

	font-weight: 600;

}

.slider-content p {

	text-align: center;

    margin-bottom: 0;

    font-size: 18px;

    color: #fff;

}

.slider-btn .btn.transparent-btn i {margin-right: 10px;}

.slider-btn .btn.transparent-btn {margin-left: 30px;}

.slider-img {

	margin-left: 85px;

}

.slider-shape {

	position: absolute;

}

.slider-shape.ss-one {

	left: 0;

	top: 0;

}

.slider-shape.ss-two {

	top: 13%;

	right: 0;

}

.slider-bg {

	min-height: 950px;

	background-position: center;

	background-size: cover;

}

.s-slider-content span {

	font-size: 18px;

	font-weight: 500;

	color: #ad2222;

	display: block;

	margin-bottom: 30px;

}

.s-slider-content h2 {

	font-size: 150px;

	color: #fff;

	letter-spacing: -3px;

	line-height: .9;

	margin-bottom: 0;

}

.s-slider-btn .transparent-btn {

	background: #0e1b33;

	border-color: #0e1b33;

	color: #a4a7ae;

}

.third-slider-content span{color: #fff;}

.third-slider-content h2{color: #fff;}

.s-slider-btn .transparent-btn:hover {background: #ad2222;color: #fff;border-color: #ad2222;}

.s-slider-img {

	margin-left: 55px;

}

.t-slider-img {position: relative;}

.t-slider-img::before {

	position: absolute;

	content: "";

	left: 110px;

	top: 0;

	width: 650px;

	height: 650px;

	background: #7a66be;

	border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%;

	will-change: border-radius, transform, opacity;

	animation: sliderShape 5s linear infinite;

	display: block;

	z-index: -1;

}

@keyframes sliderShape{

  0%,100%{

  border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;

    transform: translate3d(0,0,0) rotateZ(0.01deg);

  }

  34%{

      border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;

    transform:  translate3d(0,5px,0) rotateZ(0.01deg);

  }

  50%{

    transform: translate3d(0,0,0) rotateZ(0.01deg);

  }

  67%{

    border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;

    transform: translate3d(0,-3px,0) rotateZ(0.01deg);

  }

}

.slider-dotted {

	position: absolute;

	height: 13px;

	width: 13px;

	background: #ad2222;

	border-radius: 50%;

	z-index: 1;



}

.sd-one {

	left: 8%;

	top: 38%;

	animation: moveShape 20s linear 2s infinite alternate;

}

@keyframes moveShape {

  0% {

    left: 10%;

    top: 37%;

  }



  25% {

    left: 12%;

    top: 50%;

  }



  50% {

    left: 8%;

    top: 45%;

  }



  75% {

    left: 6%;

    top: 30%;

  }



  100% {

    left: 10%;

    top: 20%;

  }

}

.sd-two {

	left: 46%;

	top: 24%;

	background: #ffe1d6;

	animation: moveShape2 20s linear 2s infinite alternate;

}

@keyframes moveShape2 {

  0% {

    left: 46%;

    top: 24%;

  }



  25% {

    left: 50%;

    top: 30%;

  }



  50% {

    left: 40%;

    top: 35%;

  }



  75% {

    left: 45%;

    top: 30%;

  }



  100% {

    left: 30%;

    top: 25%;

  }

}

.sd-three {

	left: 5%;

	top: 80%;

	background: #ffe1d6;

	animation: moveShape3 20s linear 2s infinite alternate;

}

@keyframes moveShape3 {

  0% {

    left: 5%;

    top: 80%;

  }



  25% {

    left: 10%;

    top: 90%;

  }



  50% {

    left: 8%;

    top: 95%;

  }



  75% {

    left: 3%;

    top: 80%;

  }



  100% {

    left: 15%;

    top: 90%;

  }

}

.sd-four {

	left: 22%;

	top: 94%;

	background: #ffe1d6;

	animation: moveShape4 20s linear 2s infinite alternate;

}

@keyframes moveShape4 {

  0% {

    left: 22%;

    top: 94%;

  }



  25% {

    left: 30%;

    top: 90%;

  }



  50% {

    left: 35%;

    top: 100%;

  }



  75% {

    left: 40%;

    top: 94%;

  }



  100% {

    left: 22%;

    top: 94%;

  }

}

/* 4. breadcrumb */

.breadcrumb-bg {

	background-position: center;

	background-size: cover;

	display: flex;

	align-items: center;

}

.breadcrumb-overlay{

	background: rgba(0,0,0,.5);

	height: 400px;

	width: 100%;

}

.breadcrumb-title span {

	font-size: 18px;

	font-weight: 500;

	text-transform: uppercase;

	letter-spacing: 2px;

	color: #fff;

	display: block;

	margin-bottom: 15px;

}

.breadcrumb-title h2 {

	font-size: 80px;

	text-transform: capitalize;

	color: #fff;

	letter-spacing: -3px;

	margin-bottom: 0;

}

.breadcrumb {

	display: -webkit-box;

	display: -ms-flexbox;

	display: block;

	-ms-flex-wrap: wrap;

	flex-wrap: unset;

	padding: 0;

	margin-bottom: 0;

	list-style: none;

	background-color: unset;

	border-radius: 0;

	font-size: 18px;

}

.breadcrumb-wrap

{

	padding-top: 250px;

}

.breadcrumb li {

	display: inline-block;

}

.breadcrumb li a {color: #fff;}

.breadcrumb-item + .breadcrumb-item::before {

	display: inline-block;

	padding-right: 5px;

	padding-left: 5px;

	color: #fff;

	content: "|";

}

.breadcrumb > .active {

	color: #fff;

	text-transform: capitalize;

}

/* 5. features */

.fd-one {

	left: 15%;

	top: 26%;

	animation: fdShape 20s linear 2s infinite alternate;

}

@keyframes fdShape {

  0% {

    left: 15%;

    top: 26%;

  }



  25% {

    left: 20%;

    top: 36%;

  }



  50% {

    left: 15%;

    top: 42%;

  }



  75% {

    left: 10%;

    top: 45%;

  }



  100% {

    left: 15%;

    top: 26%;

  }

}

.features-shape {

	position: absolute;

	right: 0;

	top: -38%;

	width: 1209px;

	height: 1500px;

	background-repeat: no-repeat;

	z-index: -1;

}

.section-title span {

	text-transform: uppercase;

	font-size: 14px;

	color: #ad2222;

	font-weight: 500;

	letter-spacing: 2px;

	display: block;

	margin-bottom: 20px;

}

.section-title h2 {

	font-size: 40px;

    line-height: 1.1;

    margin-bottom: 0;

    font-family: 'Sen';

	font-weight: 600;

	line-height: 60px;

}

.title-border {

	width: 90px;

	position: relative;

	bottom: 0px;

	overflow: hidden;

	height: 4px;

	background: #ad2222;

	display: inline-block;

	border-radius: 50px;

	margin-bottom: 25px;

}

.title-border::before {

	content: "";

	position: absolute;

	top: 0;

	height: 4px;

	left: 5%;

	bottom: 0;

	border-left: 10px solid #fff;

	border-right: 10px solid #fff;

	animation: titleborder 2s linear infinite;

}

@keyframes titleborder {

  0% {

    -webkit-transform: translateX(0px);

    transform: translateX(0px); }

  100% {

    -webkit-transform: translateX(25px);

	transform: translateX(80px); }

}

.dark-bg .s-section-title .title-border::before {

	border-color: #0b1423;

}

.dark-bg .s-section-title h2 {

	color: #fff;

}

.s-section-title h2 {

	font-size: 60px;

	line-height: 1;

	margin-bottom: 20px;

}

.s-section-title p {

	margin-bottom: 0;

	padding: 0 70px;

}

.features-icon i {

	font-size: 60px;

	color: #ad2222;

	position: relative;

	width: 75px;

}

.features-icon i::after {

	content: "";

	position: absolute;

	left: -27px;

	top: -44px;

	height: 90px;

	width: 90px;

	border-radius: 50%;

	background: #fafcff;

	z-index: -1;

	transition: .3s;

}

.features-content h5 {

	font-size: 20px;

	position: relative;

	text-transform: capitalize;

	padding-bottom: 25px;

	letter-spacing: -.3px;

	margin-bottom: 20px;

	transition: .3s;

}

.features-content h5::before {

	content: "";

	position: absolute;

	left: 0;

	bottom: 0;

	width: 40px;

	height: 2px;

	background: #e2edff;

	right: 0;

	margin: auto;

	transition: .3s;

}

.features-content p {

	margin-bottom: 0;

	padding: 0 15px;

}

.single-features:hover .features-content h5 {color: #ad2222;}

.single-features:hover .features-content h5::before {width: 80px;background: #ad2222;}

.single-features:hover .features-icon i::after {

	background: #ad22221a;

}

.c-features-icon {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	z-index: 1;

}

.c-features-icon.f-blue i {

	font-size: 60px !important;

	color: #29acff;

	margin-top: 15px;

}

.c-features-icon.f-green i {

	font-size: 60px !important;

	color: #15ee90;

	margin-top: 15px;

}

.c-features-icon.f-yellow i {

	font-size: 60px !important;

	color: #ad2222;

	margin-top: 15px;

}

.c-features-content h3 {

	font-size: 30px;

	margin-bottom: 20px;

}

.c-features-content p {

	margin-bottom: 0;

	padding: 0 43px;

}

.dark-bg .c-features-content h3 {

	color: #fff;

}

.dark-bg .c-features-content p {

	color: #768091;

}

/* 6. social */

.single-social {

	box-shadow: 0px 16px 32px 0px rgba(56, 86, 160, 0.1);

	padding: 60px 40px;

	padding-bottom: 50px;

	border-radius: 10px;

	transform: translateY(0);

	transition: .5s;

}

.single-social:hover {

	transform: translateY(-10px);

	box-shadow: 0px 16px 32px 0px rgba(56, 86, 160, 0.2);

}

.social-icon i {

	height: 90px;

	width: 90px;

	text-align: center;

	line-height: 90px;

	border-radius: 50%;

	font-size: 30px;

	color: #fff;

}

.social-icon .fa-facebook-f {

	box-shadow: 0px 16px 32px 0px rgba(59, 89, 152, 0.2);

	background: #3b5998;

}

.social-icon .fa-twitter {

	box-shadow: 0px 16px 32px 0px rgba(11, 108, 181, 0.2);

	background: #55acee;

}

.social-icon .fa-pinterest {

	box-shadow: 0px 16px 32px 0px rgba(189, 8, 28, 0.2);

	background: #bd081c;

}

.social-icon .fa-stumbleupon {

	box-shadow: 0px 16px 32px 0px rgba(235, 73, 36, 0.2);

	background: #eb4924;

}

.social-content h5 {

	font-size: 24px;

	color: #0e1b33;

	letter-spacing: -1px;

	margin-bottom: 20px;

}

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

.social-border {

	border-bottom: 2px solid #f1f0ff;

}

.status-title h2 {

	font-size: 40px;

	color: #fff;

	margin-bottom: 0;

}

.single-sstaus {

	padding: 60px 0;

	margin-bottom: 30px;

	transform: translateY(0);

	transition: .3s;

	box-shadow: 0px 16px 32px 0px rgba(176, 182, 255, 0.2);

}

.single-sstaus:hover {

	transform: translateY(-5px);

	box-shadow: 0px 16px 32px 0px rgba(176, 182, 255, 0.3);

}

.single-sstaus.facebook {

	background: #3b5998;

}

.single-sstaus.slack {

	background: #3aaf85;

}

.single-sstaus.youtube {

	background: #cd201f;

}

.single-sstaus.google {

	background: #dd4b39;

}

.ss-icon i {

	height: 70px;

	width: 70px;

	text-align: center;

	line-height: 70px;

	font-size: 30px;

	color: #fff;

	border-radius: 50%;

}

.single-sstaus.facebook .ss-icon i {background: #23355b;}

.single-sstaus.slack .ss-icon i {background: #236950;}

.single-sstaus.youtube .ss-icon i {background: #7b1313;}

.single-sstaus.google .ss-icon i {background: #852d22;}

.ss-content h5 {

	color: #fff;

	font-size: 30px;

	letter-spacing: -1px;

	margin-bottom: 10px;

}

.ss-content h5:hover a {color: #fff;}

.ss-content span {

	font-size: 14px;

	font-weight: 500;

	text-transform: uppercase;

	letter-spacing: 2px;

	color: #fff;

	opacity: .5;

}

/* 7. about */

.about-bg {

	background-position: center;

	background-size: cover;

}

.about-shape {

	position: absolute;

	top: 160px;

	left: 0;

	width: 1046px;

	height: 740px;

	background-repeat: no-repeat;

}

.about-img {

	margin-left: -80px;

}

.inner-title span {

	text-transform: uppercase;

	font-size: 14px;

	color: #ad2222;

	font-weight: 500;

	letter-spacing: 2px;

	display: block;

	margin-bottom: 20px;

}

.inner-title h2 {

	font-size: 60px;

	letter-spacing: -3px;

	line-height: 1.1;

	margin-bottom: 0;

}

.about-content h5 {

	font-size: 24px;

	font-family: 'Varela Round','Rubik', sans-serif;

	font-style: italic;

	color: #ad2222;

	margin-bottom: 30px;

}

.about-content p {

	margin-bottom: 35px;

}

.s-about-img {

	margin-left: -190px;

}

.t-about-img {

	margin-left: -140px;

}

.a-img {

	position: absolute;

	top: 5px;

	right: 20px;

	z-index: 9;

}

.a-quote {

	position: absolute;

	left: 145px;

	bottom: 20px;

	z-index: 99;

}

.s-inner-title span {

	font-size: 18px;

	font-weight: 500;

	color: #ad2222;

	display: block;

	margin-bottom: 16px;

}

.s-inner-title h2 {

	font-size: 60px;

	color: #fff;

	margin-bottom: 30px;

	line-height: 1.2;

	letter-spacing: -3px;

}

.s-inner-title p {

	font-size: 18px;

	color: #a1aab7;

	line-height: 1.6;

	margin-bottom: 0;

}

.s-about-p .about-content > p {

	padding-right: 50px;

}

.about-counter ul li {

	display: inline-block;

	margin-right: 55px;

}

.about-counter ul li:last-child {margin-right: 0;}

.single-about {

	background: #0e1b31;

	padding: 35px 40px;

	transform: translateY(0);

	transition: .3s;

}

.sa-icon i {

	font-size: 50px;

	display: inline-block;

	position: relative;

}

.sa-icon.blue-icon i {color: #29acff;}

.sa-icon.green-icon i {color: #15ee90;}

.sa-content h5 {

	font-size: 24px;

	color: #fff;

	letter-spacing: -1px;

	margin-bottom: 20px;

}

.sa-content p {

	margin-bottom: 0;

	color: #a1aab7;

}

.sa-icon i::after {

	content: "";

	position: absolute;

	right: -10px;

	top: -13px;

	background-image: url(../img/about/icon_doddle.png);

	width: 50px;

	height: 38px;

	background-repeat: no-repeat;

}

.single-about:hover {transform: translateY(-10px)}

.third-about-content > p {

	padding-right: 50px;

}

.inner-about-counter p {padding-right: 0;}

.inner-about-img img {

	width: 100%;

}

.experience.s-experience {

	background: #15ee90;

	border-radius: 50px 50px 50px 0;

	box-shadow: 0px 8px 16px 0px rgba(21, 238, 144, 0.3);

	left: -30px;

	bottom: -30px;

}

/* 8. services */

.services-shape {

	position: absolute;

	right: 0;

	top: -90px;

	width: 1333px;

	height: 1625px;

	background-repeat: no-repeat;

}

.single-services {

	box-shadow: 0px 16px 32px 0px rgba(163, 189, 255, 0.1);

	padding: 70px 50px;

	background: #fff;

	padding-bottom: 65px;

	transform: translateY(0);

	transition: .3s linear;

}

.services-icon i {

	height: 120px;

	width: 120px;

	text-align: center;

	line-height: 120px;

	background: #fff9f7;

	border-radius: 50%;

	font-size: 34px;

	color: #ad2222;

}

.services-content h4 {

	font-size: 34px;

	letter-spacing: -1px;

	margin-bottom: 20px;

}

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

.single-services:hover {

	transform: translateY(-10px);

	box-shadow: 0px 16px 32px 0px rgba(163, 189, 255, 0.5);

}

.inner-services-area {

	background: #f7faff;

}

/* 9. counter */

.single-counter h2 {

	line-height: 1;

	margin-bottom: 5px;

}

.count {

	font-size: 60px;

	margin-bottom: 0;

	line-height: 1;

}

.single-counter h2 small {

	font-size: 16px;

	color: #ad2222;

	font-family: 'Varela Round','gilroy-bolduploaded_file';

}

.single-counter p {

	font-size: 14px;

	font-weight: 500;

	margin-bottom: 0;

}

.counter-b {

	border-bottom: 2px solid #f1f0ff;

}

.dark-bg .counter-b {

	border-color: #30353d;

}

.dark-bg .single-counter h2 {

	color: #fff;

}

.dark-bg .single-counter p {

	color: #999ea5;

}

/* 10. snacks */

.snacks-title h2 {color: #30353d;}

.single-snacks {

	overflow: hidden;

}

.dark-bg .snacks-title h2 {color: #fff;}

.snacks-circular {

	float: left;

	display: block;

	margin-right: 50px;

}

.dark-bg .snacks-title p {

	color: #768091;

}

.snacks-content {overflow: hidden;}

.snacks-content h4 {

	font-size: 30px;

	font-weight: 500;

	font-family: 'Varela Round','Rubik', sans-serif;

	margin-bottom: 20px;

	letter-spacing: -1px;

}

.dark-bg .snacks-content h4 {

	color: #fff;

}

.snacks-content p {

	margin-bottom: 0;

}

.dark-bg .snacks-content p {

	color: #768091;

}

.se-area.sse-area-bg {

	background: #f7faff;

}

/* 11. team */

.team-area.theme-bg {

	margin-bottom: -325px;

	padding-bottom: 400px;

}

.team-title span {color: #fff;}

.team-title h2 {color: #fff;}

.team-info h5 {

	color: #fff;

	font-size: 30px;

	letter-spacing: -1px;

	margin-bottom: 10px;

}

.team-info h5:hover a {color: #30353d;}

.team-info span {

	color: #fff;

	font-size: 14px;

	text-transform: uppercase;

	font-weight: 500;

	letter-spacing: 2px;

}

.team-social a {

	color: #c5532b;

	font-size: 14px;

	margin: 0 7px;

}

.team-social a:hover {color: #fff;}

.inner-team {

	padding: 0 15px;

	border: 2px solid #ad2222;

	min-height: 492px;

}

.s-team-img img {

	width: 100%;

	box-shadow: 0px 8px 16px 0px rgba(185, 188, 255, 0.3);

	height: 400px;

    object-fit: cover;

}

.s-team-content {

	padding: 20px 20px;

}

.s-team-img {

	margin-top: -95px;

}

.s-team-info span {

	font-size: 14px;

	text-transform: uppercase;

	letter-spacing: 2px;

	color: #ad2222;

	font-weight: 500;

	display: block;

	margin-bottom: 10px;

}

.s-team-info h5 {

	font-size: 24px;

	color: #0e1b33;

	margin-bottom: 20px;

}

.s-team-info h5:hover a {color: #ad2222;}

.s-team-social a {

	font-size: 14px;

	color: #98a4ba;

	margin: 0 6px;

}

.s-team-social a:hover {color: #ad2222;}

.team-area.team-p {

	padding-top: 211px;

}

.team-mb {

	margin-bottom: 145px;

}

.team-btn.text-center {

	margin-top: -95px;

}

.td-wrap {

	padding: 40px;

	padding-right: 60px;

}

.inner-team-info span {

	font-size: 18px;

	color: #ad2222;

	font-weight: 500;

	display: block;

	margin-bottom: 15px;

}

.inner-team-info h2 {

	font-size: 50px;

	letter-spacing: -1px;

	margin-bottom: 20px;

}

.inner-team-info p {

	font-size: 16px;

	color: #767d88;

	margin-bottom: 0;

}

.td-content > p {

	font-size: 14px;

	padding-right: 20px;

	margin-bottom: 30px;

}

.td-content ul li {

	font-size: 16px;

	margin-bottom: 7px;

}

.td-content ul li:last-child {margin-bottom: 0;}

.td-content ul li span {

	font-size: 16px;

	font-weight: 500;

	color: #30353d;

	display: inline-block;

	width: 110px;

}

.team-details-wrap {

	box-shadow: 0 10px 50px rgba(0,0,0,.2);

}

.third-team-info h5 {

	color: #30353d;

}

.third-team-info h5:hover a {color: #ad2222;}

.third-team-info span {color: #ad2222;}

.third-team-social a {color: #cbcbcb;}

.third-team-social a:hover {color: #ad2222;}

/* 12. timeline */

.timeline-bg {

	background-size: cover;

	background-position: center;

	z-index: 1;

	position: relative;

}

.timeline-date {

	font-size: 16px;

	font-weight: 500;

	display: block;

	margin-bottom: 10px;

}

.timeline-doots {

	height: 18px;

	width: 18px;

	display: inline-block;

	background: #fff;

	border-radius: 50%;

	z-index: 1;

	margin-bottom: 30px;

}

.timeline-doots::before {

	content: "";

	position: absolute;

	height: 6px;

	width: 6px;

	background: #fff;

	border-radius: 50%;

	left: 50%;

	top: 50%;

	transform: translate(-50%,-50%);

	z-index: 2;

}

.timeline-content h4 {

	font-size: 24px;

	color: #fff;

	margin-bottom: 20px;

}

.timeline-content p {

	color: #a1aab7;

	margin-bottom: 0;

	padding-right: 20px;

}

.orange-timeline .timeline-date {color: #ff8154;}

.orange-timeline .timeline-doots {

	background: #ad2222;

	box-shadow: 0px 8px 16px 0px rgba(255, 129, 85, 0.3);

}

.green-timeline .timeline-date {color: #15ee90;}

.green-timeline .timeline-doots {

	background: #15ee90;

	box-shadow: 0px 8px 16px 0px rgba(21, 238, 144, 0.3);

}

.blue-timeline .timeline-date {color: #29acff;}

.blue-timeline .timeline-doots {

	background: #29acff;

	box-shadow: 0px 8px 16px 0px rgba(41, 172, 255, 0.3);

}

.red-timeline .timeline-date {color: #ff5555;}

.red-timeline .timeline-doots {

	background: #ff5555;

	box-shadow: 0px 8px 16px 0px rgba(255, 85, 85, 0.3);

}

.timeline-line::before {

	content: "";

	position: absolute;

	top: 41px;

	left: 0;

	height: 4px;

	width: 100%;

	background: #3f454d;

}

/* 13. faq */

.faq-title h2 {color: #30353d;}

.faq-wrapper .card {

	position: relative;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	min-width: 0;

	word-wrap: break-word;

	background-color: #fff;

	background-clip: border-box;

	border: 1px solid #e5e7e9;

	border-radius: 0;

	margin-bottom: 10px;

}

.faq-wrapper .card:last-child {margin-bottom: 0;}

.faq-wrapper .card-body {

	padding: 20px 20px;

	background-color: transparent;

    color: #000;

    font-size: 16px;

}

.faq-wrapper .card-header:first-child {

	border-radius: 0;

}

.faq-wrapper .card-header {

	padding: 0;

	margin-bottom: 0;

	background-color: unset;

	border-bottom: none;

}

.faq-wrapper .btn-link:hover {

	color: unset;

	text-decoration: unset;

}

.faq-wrapper .btn-link:focus {

	text-decoration: unset;

}

.faq-wrapper .card-header h5 a {

	font-size: 20px;

    color: #000;

    padding: 20px 20px;

    display: block;

    border: 2px solid #ad2222;

    font-weight: 700;

}

.faq-wrapper .card-header h5 a::after {

	position: absolute;

	content: "\f070";

	top: 24px;

	right: 50px;

	font-size: 18px;

	font-family: "Font Awesome 5 Pro";

		color: #ad2222;

}

.faq-wrapper .card-header h5 a.collapsed:after {

		content: "\f06e";

		color: #9da7b7;

}

.s-faq-wrapper .card-header h5 a {

	font-size: 20px;

	color: #ad2222;

	font-family: 'Varela Round','Rubik', sans-serif;

	font-weight: 400;

	padding-left: 90px;

	letter-spacing: -.5px;

}

.s-faq-wrapper .card-header h5 a::after {

	color: #ad2222;

	right: unset;

	left: 40px;

	font-size: 20px;

}

.s-faq-wrapper .card-header h5 a.collapsed:after {color: #ad2222;}

.s-faq-wrapper .card-header h5 a:hover {color: #ad2222;}

.s-faq-wrapper .card-header h5 a.collapsed:hover {color: #ad2222;}

.s-faq-wrapper .card-header h5 a.collapsed {color: #0e1b33;}

.experience {

	height: 200px;

	width: 200px;

	background: #ad2222;

	left: 90px;

	bottom: 0;

	position: absolute;

	display: flex;

	align-items: center;

	justify-content: center;

}

.ex-content h3 {

	font-size: 70px;

	color: #fff;

	font-family: 'Varela Round','Rubik', sans-serif;

	font-weight: 300;

	margin-bottom: 0;

}

.ex-content span {

	font-size: 14px;

	color: #fff;

	font-weight: 500;

}

.nice-select.faq-category {

	width: 210px;

	border: 2px solid #ededff;

	border-radius: 50px;

	padding: 21px 30px;

	display: inline-block;

	font-size: 14px;

	color: #797e97;

	font-weight: 400;

	text-transform: capitalize;

	margin: 0 15px;

}

.nice-select.faq-category::after {

	right: 30px;

	border-color: #797e97;

}

.nice-select.faq-category .option {

	text-transform: capitalize;

}

.faq-form input {

	width: 290px;

	border: 2px solid #ededff;

	border-radius: 50px;

	padding: 17px 30px;

}

.faq-form input::placeholder {font-size: 14px;color: #797e97;}

.faq-form .btn i {margin-right: 8px;}

.faq-form {

	text-align: center;

	border: 2px solid #ededff;

	border-radius: 50px;

	padding: 10px 0;

}

.sidebar-cta {

	background: #15ee90;

	height: 350px;

	display: flex;

	align-items: center;

	justify-content: center;

}

.sidebar-cta-icon i {

	height: 100px;

	width: 100px;

	text-align: center;

	line-height: 100px;

	font-size: 26px;

	color: #fff;

	background: #11d37f;

	border-radius: 50%;

	margin-bottom: 32px;

}

.sc-content h4 {

	font-size: 30px;

	color: #fff;

	letter-spacing: -1px;

	margin-bottom: 20px;

	font-family: 'Varela Round','Rubik', sans-serif;

}

.sc-content span {

	display: block;

	color: #fff;

	margin-bottom: 5px;

}

.sc-content span:last-child {margin-bottom: 0;}

.faq-sidebar-cta {

	padding: 50px;

	padding-top: 45px;

	border: 2px solid #ad2222;

}

.faq-sidebar-cta h4 {

	font-size: 30px;

	letter-spacing: -1px;

	margin-bottom: 10px;

	color: #0e1b33;

}

.fsc-name input {

	border: none;

	border-bottom: 1px solid #ededff;

	width: 100%;

	padding: 15px 20px;

}

.fsc-name i {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	left: 0;

	font-size: 14px;

	color: #f57619;

}

.fsc-name input::placeholder {color: #a5a8b9;}

.fsc-message textarea {

	border: none;

	border-bottom: 1px solid #ededff;

	width: 100%;

	padding: 15px 20px;

	height: 95px;

}

.fsc-message i {

	position: absolute;

	top: 18px;

	left: 0;

	font-size: 14px;

	color: #f57619;

}

.fsc-message textarea::placeholder {color: #a5a8b9;}

.inner-features-area {background: #f7fbff;}

/* 14. sem */

.single-sem-services {

	display: flex;

	align-items: start;

}

.single-sem-services.left-services {

	text-align: right;

	padding-left: 35px;

}

.single-sem-services.right-services {

	padding-right: 35px;

}

.sem-icon i {

	height: 60px;

	width: 60px;

	line-height: 58px;

	text-align: center;

	border: 2px solid #002a86;

	border-radius: 50%;

	color: #ff8154;

	font-size: 14px;

}

.single-sem-services.left-services .sem-icon i {margin-left: 30px;}

.single-sem-services.right-services .sem-icon i {margin-right: 30px;}

.sem-content h5 {

	font-size: 24px;

	margin-bottom: 20px;

}

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

.single-sem-services:last-child {margin-bottom: 0;}

.single-sem-services.right-services .sem-order:first-child {

	order: 12;

}

/* 15. support */

.support-bg {

	background: #fff9f7;

}

.s-support-wrapper {

	position: relative;

	z-index: 1;

	background: #fff;

	box-shadow: 0px 16px 32px 0px rgba(163, 189, 255, 0.1);

	padding: 70px 50px;

	padding-bottom: 65px;

}

.single-support .support-icon-wrapper {

	position: relative;

	z-index: 1;

	width: 130px;

	height: 130px;

	line-height: 130px;

	font-size: 34px;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 30px;

	background: #fff9f7;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	color: #ad2222;

}

.single-support .support-icon-wrapper.s-green {

	background: #f6fffb;

	color: #15ee90;

}

.single-support .support-icon-wrapper.s-blue {

	background: #f4fbff;

	color: #29acff;

}

.single-support .support-icon-wrapper .support-hexagon {

  width: 84%;

  height: 84%;

  left: 8%;

  top: 8%;

}

.single-support .support-icon-wrapper .support-hexagon:nth-child(1) {

  -webkit-transform: rotate(0);

  -moz-transform: rotate(0);

  -ms-transform: rotate(0);

  -o-transform: rotate(0);

  transform: rotate(0);

  -webkit-animation: support-hexagon-1 2s infinite linear;

  -moz-animation: support-hexagon-1 2s infinite linear;

  -o-animation: support-hexagon-1 2s infinite linear;

  animation: support-hexagon-1 2s infinite linear;

  -webkit-animation-play-state: paused;

  -moz-animation-play-state: paused;

  -o-animation-play-state: paused;

  animation-play-state: paused;

}

.support-hexagon {

  position: absolute;

  z-index: -1;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}

.single-support .support-icon-wrapper .support-hexagon > svg {

  width: 18px;

}

.support-hexagon svg {

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

}

.s-support-wrapper:hover .services_button {

  opacity: 1;

}

  .s-support-wrapper:hover

  .services_button {

  top: 50%;

}

  .s-support-wrapper:hover

  .services_front {

  -webkit-transform: translateY(120%);

  -moz-transform: translateY(120%);

  -ms-transform: translateY(120%);

  -o-transform: translateY(120%);

  transform: translateY(120%);

}

  .s-support-wrapper:hover

  .services_button {

  bottom: 50%;

}

  .s-support-wrapper:hover

  .services_front {

  -webkit-transform: translateY(-120%);

  -moz-transform: translateY(-120%);

  -ms-transform: translateY(-120%);

  -o-transform: translateY(-120%);

  transform: translateY(-120%);

}

  .s-support-wrapper:hover

  .services_button {

  right: 50%;

}

  .s-support-wrapper:hover

  .services_front {

  -webkit-transform: translateX(-120%);

  -moz-transform: translateX(-120%);

  -ms-transform: translateX(-120%);

  -o-transform: translateX(-120%);

  transform: translateX(-120%);

}

  .s-support-wrapper:hover

  .services_button {

  left: 50%;

}

  .s-support-wrapper:hover

  .services_front {

  -webkit-transform: translateX(120%);

  -moz-transform: translateX(120%);

  -ms-transform: translateX(120%);

  -o-transform: translateX(120%);

  transform: translateX(120%);

}

  .s-support-wrapper:hover

  .services_back {

  left: 0;

  top: 0;

}

  .s-support-wrapper:hover

  .services_button {

  top: 50%;

}

  .s-support-wrapper:hover

  .services_button {

  bottom: 50%;

}

  .s-support-wrapper:hover

  .services_button {

  right: 50%;

}

  .s-support-wrapper:hover

  .services_button {

  left: 50%;

}

.s-support-wrapper {

  position: relative;

  z-index: 1;

}

.first .support-hexagon {

  -webkit-animation: spin-right 10s 30 linear;

  -moz-animation: spin-right 10s 30 linear;

  -o-animation: spin-right 10s 30 linear;

  animation: spin-right 10s 30 linear;

  -webkit-transform-origin: 150px 150px 0;

  -moz-transform-origin: 150px 150px 0;

  -ms-transform-origin: 150px 150px 0;

  -o-transform-origin: 150px 150px 0;

  transform-origin: 150px 150px 0;

}

@-webkit-keyframes spin-right {

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@-moz-keyframes spin-right {

  100% {

    -moz-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@-o-keyframes spin-right {

  100% {

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@keyframes spin-right {

  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

.single-support .support-icon-wrapper .support-hexagon {

  width: 84%;

  height: 84%;

  left: 8%;

  top: 8%;

}

.single-support .support-icon-wrapper .support-hexagon:nth-child(2) {

  -webkit-transform: rotate(180deg);

  -moz-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  -o-transform: rotate(180deg);

  transform: rotate(180deg);

  -webkit-animation: support-hexagon-2 2s infinite linear;

  -moz-animation: support-hexagon-2 2s infinite linear;

  -o-animation: support-hexagon-2 2s infinite linear;

  animation: support-hexagon-2 2s infinite linear;

  -webkit-animation-play-state: paused;

  -moz-animation-play-state: paused;

  -o-animation-play-state: paused;

  animation-play-state: paused;

}

.single-support .support-icon-wrapper .support-hexagon > svg {

  width: 18px;

}

.single-support .services_icon {

  -webkit-transition: 0.5s;

  -o-transition: 0.5s;

  -moz-transition: 0.5s;

  transition: 0.5s;

}

.single-support .services_title {

  font-size: 24px;

  font-weight: 700;

  margin-bottom: 10px;

}

.single-support .services_content {

  font-size: 18px;

  margin-bottom: 15px;

}

.single-support .s-support-wrapper:hover .support-hexagon:nth-child(1),

.single-support .s-support-wrapper:hover .support-hexagon:nth-child(2) {

  -webkit-animation-play-state: running;

  -moz-animation-play-state: running;

  -o-animation-play-state: running;

  animation-play-state: running;

}

.single-support .services_button {

  margin-left: 0;

}

@-webkit-keyframes support-hexagon-1 {

  0% {

    -webkit-transform: rotate(0);

    transform: rotate(0);

  }

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@-moz-keyframes support-hexagon-1 {

  0% {

    -moz-transform: rotate(0);

    transform: rotate(0);

  }

  100% {

    -moz-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@-o-keyframes support-hexagon-1 {

  0% {

    -o-transform: rotate(0);

    transform: rotate(0);

  }

  100% {

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@keyframes support-hexagon-1 {

  0% {

    -webkit-transform: rotate(0);

    -moz-transform: rotate(0);

    -o-transform: rotate(0);

    transform: rotate(0);

  }

  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@-webkit-keyframes support-hexagon-2 {

  0% {

    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);

  }

  100% {

    -webkit-transform: rotate(540deg);

    transform: rotate(540deg);

  }

}

@-moz-keyframes support-hexagon-2 {

  0% {

    -moz-transform: rotate(180deg);

    transform: rotate(180deg);

  }

  100% {

    -moz-transform: rotate(540deg);

    transform: rotate(540deg);

  }

}

@-o-keyframes support-hexagon-2 {

  0% {

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

  }

  100% {

    -o-transform: rotate(540deg);

    transform: rotate(540deg);

  }

}

@keyframes support-hexagon-2 {

  0% {

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

  }

  100% {

    -webkit-transform: rotate(540deg);

    -moz-transform: rotate(540deg);

    -o-transform: rotate(540deg);

    transform: rotate(540deg);

  }

}

.support-content h3 {

	font-size: 34px;

	letter-spacing: -1px;

	margin-bottom: 20px;

}

.support-content p {

	margin-bottom: 0;

}

/* 16. brand */

.brand-title span {color: #fff}

.brand-title h2 {color: #fff}

.single-brand {text-align: center;}

.single-brand img {display: inline-block;}

/* 17. testimonial */

.container-padding {

	padding-left: 375px;

	padding-right: 70px;

}

.testimonial-bg {

	background-size: cover;

	background-position: center;

}

.testimonial-title h2{color: #fff;}

.single-testimonial {

	padding: 50px 40px;

	background: #0e1b31;

}

.t-rating i {

	color: #ffd800;

}

.testimonial-tag h6 {

	margin-bottom: 0;

	font-size: 18px;

	color: #ad2222;

}

.testimonial-content p {

	color: #a1aab7;

	margin-bottom: 0;

}

.tc-img {

	float: left;

	margin-right: 20px;

	display: block;

}

.t-client-info h5 {

	font-size: 18px;

	color: #fff;

	margin-bottom: 5px;

}

.t-client-info span {color: #15ee90;}

.t-client {

	display: flex;

	align-items: center;

}

.slick-dots {

	position: absolute;

	left: 0;

	right: 0;

	text-align: center;

	bottom: -65px;

	line-height: 1;

}

.slick-dots li{display: inline-block;line-height: 1;}

.slick-dots li button {

	text-indent: -99999px;

	padding: 0;

	border: none;

	line-height: 1;

	height: 4px;

	width: 20px;

	background: #0e1b31;

	border-radius: 30px;

	margin: 0 5px;

	cursor: pointer;

}

.slick-dots li.slick-active button{background: #29acff;}

.s-testimonial-wrap {

	box-shadow: 0px 16px 32px 0px rgba(232, 232, 232, 0.8);

	padding: 50px;

	margin: 0 27px;

	margin-bottom: 40px;

}

.st-img {

	float: left;

	margin-left: -80px;

	display: block;

	box-shadow: 0px 8px 16px 0px rgba(203, 203, 203, 0.5);

	border-radius: 50%;

}

.stc-info {

	overflow: hidden;

}

.stc-info h5 {

	font-size: 24px;

	margin-bottom: 10px;

	letter-spacing: -1px;

}

.stc-info span {font-size: 14px;color: #ad2222;}

.s-testimonial-content h6 {

	font-size: 18px;

	font-style: italic;

	font-family: 'Varela Round','Rubik', sans-serif;

	margin-bottom: 20px;

}

.s-testimonial-content p {margin-bottom: 0;}

.s-testimonial-wrap::before {

	position: absolute;

	content: "\f10d";

	top: 30px;

	right: 30px;

	font-family: "Font Awesome 5 Pro";

	font-size: 90px;

	color: #f8fbff;

	font-weight: 300;

	line-height: 1;

	z-index: -1;

}

.s-testimonial-p {

	padding-left: 50px;

}

.t-testimonial-content p {

	margin-bottom: 0;

}

.s-testimonial-active .slick-arrow {

	position: absolute;

	bottom: 40px;

	left: -440px;

	padding: 0;

	border: none;

	height: 60px;

	width: 60px;

	text-align: center;

	line-height: 60px;

	font-size: 14px;

	color: #ad2222;

	background: #fff0eb;

	border-radius: 50%;

	cursor: pointer;

	z-index: 9;

	transition: .3s;

}

.s-testimonial-active .slick-prev {

	left: -515px;

}

.s-testimonial-active .slick-arrow:hover {color: #fff;background: #ad2222;}

/* 18. skill */

.skill-area.p-relative::before {

	content: "";

	position: absolute;

	background-image: url(../img/shape/skill_shape.png);

	width: 637px;

	height: 1792px;

	left: 0;

	top: -70px;

	z-index: -1;

}

.bar-title h4 {

	color: #30353d;

	display: inline-block;

	font-size: 14px;

	margin-bottom: 15px;

	font-family: 'Varela Round','Rubik', sans-serif;

	font-weight: 500;

	text-transform: uppercase;

	letter-spacing: 2px;

}

.single-skill {

	padding-right: 40px;

	padding-bottom: 5px;

	overflow: hidden;

}

.progress {

	border-radius: 0;

	height: 6px;

	overflow: visible;

	background: #f2f7ff;

}

.progress-bar {

	background-color: #ad2222;

	text-align: right;

	position: relative;

}

.progress-bar::before {

	position: absolute;

	content: "";

	right: 0;

	top: 50%;

	transform: translateY(-50%);

	width: 15px;

	height: 15px;

	background: #ad2222;

	border-radius: 50%;

	z-index: 1;

}

.progress-bar span {

	color: #ad2222;

	font-size: 14px;

	margin-top: -50px;

	font-weight: 500;

	letter-spacing: 2px;

}

.second-skill {

	padding-right: 0;

	margin-bottom: 36px;

}

.second-skill:last-child {margin-bottom: 5px;}

.single-team-img img {

	width: 100%;

}

/* 19. portfolio */

.title-btn .transparent-btn {

	border-color: #ad2222;

	color: #ad2222;

}

.title-btn .transparent-btn:hover {color: #fff;}

.portfolio-p {

	padding-left: 260px;

}

.portfolio-thumb img {

	width: 100%;

}

.title-btn.pr-140 {

	padding-right: 150px;

}

.dark-bg .inner-title h2 {color: #fff;}

.portfolio-active .slick-arrow {

	position: absolute;

	top: -185px;

	right: 310px;

	z-index: 9;

	background: none;

	padding: 0;

	height: 60px;

	width: 60px;

	border: 2px solid #eaeaea;

	border-radius: 50%;

	line-height: 60px;

	font-size: 14px;

	color: #30353d;

	cursor: pointer;

	transition: .3s;

	text-align: center;

}

.portfolio-active .slick-next {

	right: 232px;

}

.portfolio-active .slick-arrow:hover {

	background: #ad2222;

	border-color: #ad2222;

	color: #fff;

	box-shadow: 0px 16px 32px 0px rgba(255, 129, 85, 0.3);

}

.project-thumb img {

	width: 100%;

}

.project-thumb::before {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	background: #ad2222;

	z-index: 1;

	transition: .3s linear;

	opacity: 0;

}

.project-overlay {

	position: absolute;

	bottom: 70px;

	left: 40px;

	z-index: 9;

	opacity: 0;

	transition: .3s linear;

}

.project-overlay span {

	font-size: 14px;

	color: #ffebe4;

	text-transform: uppercase;

	font-weight: 500;

	letter-spacing: 2px;

	display: block;

	margin-bottom: 7px;

}

.project-overlay h5 {

	font-size: 34px;

	color: #fff;

	letter-spacing: -1px;

	margin-bottom: 0;

	transition: .3s;

}

.project-overlay h5:hover a {color: #121B29;}

.single-project:hover .project-thumb::before {opacity: 1;}

.single-project:hover .project-overlay {opacity: 1;bottom: 40px;}

.project-menu {

	text-align: right;

}

.project-menu button {

	border: none;

	padding: 0;

	background: none;

	font-size: 16px;

	color: #999ea5;

	margin-left: 35px;

	position: relative;

	cursor: pointer;

	transition: .3s;

}

.s-project-menu button:first-child {margin-left: 0;}

.project-menu button.active {

	color: #ad2222;

}

.project-menu button.active::before {

	content: "";

	position: absolute;

	bottom: -17px;

	left: 0;

	height: 2px;

	width: 100%;

	background: #ad2222;

	z-index: 1;

	transition: .3s;

}

.dark-bg .project-menu button {

	color: #798496;

}

.dark-bg .project-menu button.active {

	color: #ad2222;

}

.project-menu button span {

	position: relative;

	top: -10px;

	font-size: 13px;

}

.project-menu button.active span {

	color: #ad2222;

}

.inner-project-menu::before {

	content: "";

	position: absolute;

	bottom: -18px;

	left: 0;

	width: 605px;

	height: 2px;

	right: 0;

	margin: auto;

	background: #fff1f1;

}

.portfolio-details-thumb img {

	width: 100%;

}

.portfolio-details-content p {

	margin-bottom: 30px;

}

.p-details-tag {

	text-align: center;

	border: 2px solid #dee8ff;

	padding: 35px 0;

	transition: .3s;

}

.pd-icon {margin-bottom: 17px;}

.pd-icon i {

	height: 60px;

	width: 60px;

	text-align: center;

	line-height: 60px;

	font-size: 20px;

	border-radius: 50%;

	color: #fff;

	transition: .3s;

}

.p-details-tag span {

	text-transform: uppercase;

	font-weight: 500;

	line-height: 1;

	transition: .3s;

}

.p-details-tag.red .pd-icon i {

	background: #ff6868;

}

.p-details-tag.blue .pd-icon i {

	background: #405fff;

}

.p-details-tag.yellow .pd-icon i {

	background: #ffb751;

}

.p-details-tag.cyan .pd-icon i {

	background: #5ac7ff;

}

.p-details-tag.red:hover {

	background: #ff6868;

	border-color: #ff6868;

	box-shadow: 0px 8px 16px 0px #ff68686b;

}

.p-details-tag.red:hover .pd-icon i {background: #ff8181;}

.p-details-tag.red:hover span {color: #fff;}

.p-details-tag.blue:hover {

	background: #405fff;

	border-color: #405fff;

	box-shadow: 0px 8px 16px 0px #4060ff7a;

}

.p-details-tag.blue:hover .pd-icon i {background: #617cff;}

.p-details-tag.blue:hover span {color: #fff;}

.p-details-tag.yellow:hover {

	background: #ffb751;

	border-color: #ffb751;

	box-shadow: 0px 8px 16px 0px #ffb75179;

}

.p-details-tag.yellow:hover .pd-icon i {background: #e89622;}

.p-details-tag.yellow:hover span {color: #fff;}

.p-details-tag.cyan:hover {

	background: #5ac7ff;

	border-color: #5ac7ff;

	box-shadow: 0px 8px 16px 0px #5ac8ff79;

}

.p-details-tag.cyan:hover .pd-icon i {background: #83d3fc;}

.p-details-tag.cyan:hover span {color: #fff;}

.prev-link span {

	text-transform: uppercase;

	font-weight: 500;

	letter-spacing: 2px;

	font-size: 14px;

	color: #a9b2bc;

	display: block;

	margin-bottom: 10px;

}

.prev-link h4 {

	font-size: 24px;

	margin-bottom: 0;

}

.prev-link h4:hover a {color: #ad2222;}

.next-link span {

	text-transform: uppercase;

	font-weight: 500;

	letter-spacing: 2px;

	font-size: 14px;

	color: #a9b2bc;

	display: block;

	margin-bottom: 10px;

}

.next-link h4 {

	font-size: 24px;

	margin-bottom: 0;

}

.next-link h4:hover a {color: #ad2222;}

.p-details-bottom {

	padding-top: 25px;

	border-top: 2px solid #f7f7f7;

}

.project-status {

	box-shadow: 0px 8px 16px 0px rgba(232, 231, 255, 0.5);

	padding: 55px 60px;

	position: sticky;

	top: 80px;

}

.project-status ul li {

	margin-bottom: 38px;

}

.project-status ul li:last-child {

	margin-bottom: 0px;

}

.project-status ul li h5 {

	font-size: 24px;

	margin-bottom: 12px;

}

.project-status ul li span {

	font-size: 16px;

	text-transform: capitalize;

	display: block;

}

.rp-btn .btn {

	border-color: #bdd0f1;

}

.rp-btn .btn:hover {border-color: #ad2222;}

.portfolio-p .slick-arrow {border-color: #bdd0f1;}

/* 20. ppc */

.traffic-img {

	margin-left: -240px;

}

.traffic-title h2 {

	color: #30353d;

	margin-bottom: 20px;

}

.traffic-title p {color: #999ea5;}

.traffic-icon i {

	font-size: 30px;

	color: #ad2222;

	height: 80px;

	width: 80px;

	text-align: center;

	line-height: 80px;

	background: #fff;

	border-radius: 50%;

	box-shadow: 0px 16px 32px 0px rgba(169, 200, 255, 0.3);

	margin-right: 30px;

	float: left;

	display: block;

}

.tl-content {

	overflow: hidden;

	display: block;

}

.tl-content h5 {

	font-size: 26px;

	margin-bottom: 10px;

}

.tl-content p {

	margin-bottom: 0;

	padding-right: 20px;

}

.traffic-list ul li {

	margin-bottom: 25px;

}

.traffic-list ul li:last-child {margin-bottom: 0;}

.pricing-tabs {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: unset;

	padding-left: 0;

	margin-bottom: 0;

	list-style: none;

	border: none;

	text-align: right;

	max-width: 355px;

	background: #fff;

	margin-left: auto;

	border-radius: 50px;

	height: 80px;

	align-items: center;

}

.pricing-tabs li {

	display: inline-block;

	margin-left: 11px;

}

.pricing-tabs li a {

	border: none !important;

	text-transform: uppercase;

	font-size: 14px;

	font-weight: 500;

	letter-spacing: 2px;

	color: #999ea5;

	padding: 18px 44px;

	border-radius: 50px !important;

}

.pricing-tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

	color: #fff;

	background-color: #ad2222;

	border-color: unset !important;

}

.pricing-box {

	padding: 80px 50px;

	border: 4px solid #fff;

	transition: .3s;

}

.pricing-list ul li {

	font-size: 16px;

	color: #999ea5;

	margin-bottom: 20px;

}

.pricing-list ul li:last-child {

	margin-bottom: 0px;

}

.pricing-list ul li span {

	font-size: 16px;

	color: #30353d;

	font-weight: 500;

	margin-right: 5px;

}

.price-count > span {

	font-size: 14px;

	font-weight: 500;

	text-transform: uppercase;

	letter-spacing: 2px;

	display: inline-block;

	margin-bottom: 5px;

}

.price-count h2 {

	font-size: 70px;

	color: #30353d;

	margin-bottom: 0;

	line-height: 1;

}

.price-count h2 span {

	font-size: 16px;

	font-weight: 500;

	color: #b2b5b9;

	font-family: 'Varela Round','Rubik', sans-serif;

}

.price-count h2 span.currency {color: #ad2222;}

.pricing-btn .btn {

	border-color: #dde3f0;

	background: transparent;

	color: #999ea5;

	text-transform: uppercase;

	letter-spacing: 2px;

}

.pricing-btn .btn:hover {

	background: #ad2222;

	border-color: #ad2222;

	color: #fff;

}

.pricing-box:hover {background: #fff;}

.pricing-box:hover .pricing-btn .btn {

	background: #ad2222;

	border-color: #ad2222;

	color: #fff;

}

.pricing-box.active {background: #fff;}

.pricing-box.active .pricing-btn .btn {

	background: #ad2222;

	border-color: #ad2222;

	color: #fff;

}

/* 21. seo */

.seo-title h2 {

	color: #30353d;

	margin-bottom: 20px;

}

.seo-content p {

	margin-bottom: 0;

}

.seo-content-right p {

	margin-bottom: 30px;

}

.seo-content-right a {

	font-size: 14px;

	font-weight: 500;

	color: #ad2222;

}

.seo-content-right a i {margin-right: 5px;}

/* 22. video */

.video-line {

	position: absolute;

	right: 0;

	bottom: 75px;

	z-index: -1;

}

.video-thumb img {

	width: 100%;

	box-shadow: 0px 16px 32px 0px rgba(0, 53, 145, 0.3);

}

.video-thumb .video-play {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	color: #fff;

	font-size: 16px;

	height: 90px;

	width: 90px;

	text-align: center;

	line-height: 90px;

	background: #ff8154;

	border-radius: 50%;

	z-index: 9;

}

.video-thumb .video-play::before {

	content: "";

	position: absolute;

	left: 50%;

	top: 50%;

	height: 100px;

	width: 100px;

	background: #ff8254ad;

	z-index: -1;

	border-radius: 50%;

	transform: translate(-50%,-50%);

	animation: pulse-border 1500ms ease-out infinite;

}

@keyframes pulse-border {

  0% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

	opacity: 1;

	}

  100% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

	opacity: 0;

	}

}

.video-illustration {

	text-align: right;

	padding-right: 100px;

}

.video-illustration .video_img {

	position: absolute;

	left: 40px;

	top: 95px;

}

.video-thumb {

	margin-bottom: -250px;

}

/* 23. cta */

.map-bg {

	position: absolute;

	top: -75px;

	left: 0;

	width: 100%;

	height: 1225px;

	z-index: -1;

	background-position: center;

	background-size: cover;

}

.cta-form input {

	width: 100%;

	border: none;

	box-shadow: 0px 16px 32px 0px rgba(0, 53, 145, 0.04);

	padding: 35px 60px;

	border-radius: 50px;

}

.s-cta-form input {

	border: 4px solid #f5f8ff;

	box-shadow: none;

	padding: 30px 60px;

	padding-right: 260px;

}

.cta-form input::placeholder {

	font-size: 16px;

	color: #9da4ae;

}

.cta-form button {

	position: absolute;

	right: 30px;

	top: 50%;

	transform: translateY(-50%);

	text-transform: uppercase;

	letter-spacing: 2px;

	padding: 20px 60px;

}

.s-cta-btn .btn.transparent-btn i {margin-right: 10px;}

.s-cta-btn .btn.transparent-btn {margin-left: 30px;}

.s-cta-btn .transparent-btn {

	background: #0e1b33;

	border-color: #0e1b33;

	color: #a4a7ae;

}

.s-cta-btn .transparent-btn:hover {

	background: #ad2222;

	color: #fff;

	border-color: #ad2222;

}

.s-cta-content > span {

	font-size: 16px;

	text-transform: uppercase;

	font-weight: 500;

	color: #ad2222;

	letter-spacing: 2px;

	display: block;

	margin-bottom: 20px;

}

.s-cta-content h2 {

	font-size: 70px;

	color: #fff;

	line-height: 1.1;

	letter-spacing: -3px;

	margin-bottom: 50px;

}

.s-cta-content h2 span {

	color: #15ee90;

	text-decoration: underline;

}

.cta-bg {

	background-position: center;

	background-size: cover;

}

.cta-illustration {position: absolute;}

.cta-illustration.left-illustration {

	left: 40px;

	bottom: -46px;

	z-index: 9;

}

.cta-illustration.right-illustration {

	right: 0;

	bottom: -25px;

	z-index: 9;

}

.b-cta-wrap {

	background: #ad2222;

	padding: 60px;

	padding-top: 50px;

	margin-bottom: -130px;

	position: relative;

}

.bc-title-icon {

	float: left;

	display: block;

	margin-right: 30px;

}

.bc-title-icon i {

	font-size: 60px;

	color: #fff;

}

.bottom-cta-title h3 {

	overflow: hidden;

	font-size: 40px;

	color: #fff;

	margin-bottom: 0;

}

.bc-form input {

	width: 100%;

	background: none;

	border: none;

	border-bottom: 2px solid #ffa788;

	padding: 12px 45px;

	color: #fff;

	font-size: 15px;

}

.bc-form input::placeholder {color: #fff;font-size: 15px;}

.sub-box > i {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	left: 20px;

	font-size: 16px;

	color: #fff;

}

.sub-box button {

	position: absolute;

	right: 20px;

	top: 50%;

	transform: translateY(-50%);

	background: none;

	border: none;

	padding: 0;

	color: #fff;

	font-weight: 500;

	cursor: pointer;

}

.sub-box button i {margin-right: 5px;}

/* 24. gallery */

.gallery-thumb img {

	width: 100%;

}

.gallery-content {

	margin: 0 20px;

	padding: 35px;

	background: #fff;

	border: 2px solid #ad2222;

	position: relative;

	z-index: 9;

	margin-top: -30px;

}

.gallery-content span {

	color: #bfbfbf;

	text-transform: uppercase;

	font-weight: 500;

	display: block;

	margin-bottom: 5px;

}

.gallery-content h4 {

	color: #0e1b33;

	font-size: 24px;

	margin-bottom: 0;

	text-transform: capitalize;

}

.gallery-content h4:hover a {color: #ad2222;}

/* 25. blog */

.single-post {

	box-shadow: 0px 16px 32px 0px rgba(0, 53, 145, 0.08);

}

.blog-thumb img {

	width: 100%;

}

.blog-content {

	padding: 50px;

	padding-top: 40px;

}

.blog-content h3 {

	font-size: 34px;

	letter-spacing: -1px;

	line-height: 1.3;

	margin-bottom: 20px;

}

.blog-content h3:hover a{color: #ad2222;}

.blog-content p {

	font-size: 16px;

	margin-bottom: 32px;

}

.blog-avatar {

	display: inline-block;

	overflow: hidden;

}

.b-avatar-img {

	float: left;

	margin-right: 20px;

	display: block;

}

.b-avatar-info h5 {

	font-size: 20px;

	margin-bottom: 5px;

}

.b-avatar-info a{color: #ad2222;}

.b-avatar-info a i{margin-right: 5px;}

.blog-react a {

	height: 60px;

	width: 60px;

	display: inline-block;

	text-align: center;

	line-height: 60px;

	background: #fff4f0;

	font-size: 16px;

	color: #ad2222;

	border-radius: 50%;

}

.blog-react a:hover {color: #fff;background: #ad2222;}

.dark-bg .blog-content {background: #0e192a;}

.dark-bg .blog-content h3 {color: #fff;}

.dark-bg .blog-content p {color: #999ea5;}

.dark-bg .b-avatar-info h5 {color: #fff;}

.s-blog-post {

	box-shadow: 0px 16px 32px 0px rgba(146, 186, 255, 0.1);

	transition: .3s;

}

.s-blog-post:hover {

	box-shadow: 0px 16px 32px 0px rgba(146, 186, 255, 0.3);

}

.s-blog-content {

	padding: 35px 40px;

	padding-bottom: 25px;

}

.s-blog-content h4 {

	font-size: 24px;

	letter-spacing: -1px;

	margin-bottom: 20px;

}

.s-blog-content h4:hover a {color: #ad2222;}

.s-blog-content p {

	margin-bottom: 0;

	padding-bottom: 20px;

}

.sb-avatar-info h5 {

	font-size: 20px;

	margin-bottom: 0;

}

.b-meta ul li {

	display: inline-block;

	margin-right: 30px;

}

.b-meta ul li:last-child {margin-right: 0;}

.b-meta ul li a {

	font-size: 14px;

	color: #ad2222;

}

.sb-avatar-info {

	border-top: 1px solid #eef2ff;

	padding-top: 20px;

}

.bpost-thumb img {

	width: 100%;

	height: 250px;

    object-fit: cover;

}

.bpost-content {

	padding: 20px;

	padding-bottom: 20px;

	background: #fff;

}

.b-tag a {

	font-size: 14px;

    font-weight: 500;

    text-transform: uppercase;

    letter-spacing: 2px;

    height: auto;

    width: auto;

    display: inline-block;

    line-height: 30px;

    text-align: center;

    background: #ad2222;

    color: #fff;

    margin-bottom: 10px;

    padding: 0 5px;

}

.bpost-content h2 {

	font-size: 36px;

	margin-bottom: 15px;

}

.bpost-content h2:hover a {color: #ad2222;}

.b-tag {

	margin-bottom: 0;

}

.bpost-meta ul li {

	display: inline-block;

	margin-right: 30px;

}

.bpost-meta ul li:last-child {margin-right: 0;}

.bpost-meta ul li a {

	font-size: 14px;

	color: #7886a0;

}

.bpost-meta ul li span {

	font-size: 14px;

	color: #000;

}

.bpost-meta ul li a:hover {color: #ad2222;}

.bpost-meta ul li> i {margin-right: 5px;}

.bpost-meta ul li a i {margin-right: 5px;}

.bpost-meta ul li span i {margin-right: 5px;}

.bpost-content > p {

	font-size: 15px;

	margin-bottom: 10px;

}

.bpost-avatar {

	display: inline-block;

	overflow: hidden;

}

.b-readmore {

	float: right;

}

.bavatar-img {

	float: left;

	display: block;

	margin-right: 15px;

}

.bavatar-info {

	overflow: hidden;

}

.bavatar-info p {

	margin-bottom: 0;

	margin-top: 10px;

	font-size: 14px;

	font-weight: 500;

	text-transform: uppercase;

	letter-spacing: 2px;

	color: #7886a0;

}

.bavatar-info p a {color: #0e1b33;}

.bavatar-info p a:hover {color: #ad2222;}

.b-readmore a {

	font-size: 14px;

	text-transform: uppercase;

	font-weight: 500;

	color: #ad2222;

	letter-spacing: 2px;

	margin-top: 13px;

	display: block;

}

.b-readmore a i {margin-right: 20px;}

.bpost-thumb .video-i {

	height: 80px;

	width: 80px;

	display: inline-block;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	text-align: center;

	line-height: 80px;

	border-radius: 50%;

	background: #ad2222;

	color: #ffffff;

}

.blog-active .slick-arrow {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	left: 40px;

	border: none;

	background: none;

	padding: 0;

	font-size: 30px;

	color: #fff;

	z-index: 9;

	opacity: .4;

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

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

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

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

	transition: all 0.3s ease-out 0s;

	cursor: pointer;

}

.blog-active .slick-arrow.slick-next {

	right: 40px;

	left: auto;

}

.blog-active .slick-arrow:hover {color: #ad2222;opacity: 1;}

.quote-post .quote-icon {

	float: left;

	margin-right: 30px;

	display: block;

	margin-top: 10px;

}

.quote-post h2 {color: #fff;}

.quote-post .bpost-meta ul li span {color: #bcc7da;}

.quote-post .bpost-meta ul li a {color: #bcc7da;}

.quote-post {background-position: center;background-size: cover;}

.bpost-content.post-bg {

	background-position: center;

	background-size: cover;

}

.pagination-wrap {

	text-align: center;

}

.b-details-content p {

	margin-bottom: 20px;

}

.bdpost-thumb {

	padding-top: 25px;

	margin-bottom: 45px;

}

.bdpost-thumb img {

	width: 100%;

}

.b-details-wrap h3 {

	font-size: 30px;

	margin-bottom: 20px;

}

.b-details-wrap p {margin-bottom: 0;}

.b-details-wrap {

	padding-bottom: 25px;

	border-bottom: 1px solid #e1e6ff;

	margin-bottom: 25px;

}

.b-details-list ul li i {

	color: #83d179;

	margin-right: 10px;

	font-weight: 500;

	font-size: 16px;

}

.b-details-list ul li {

	color: #7886a0;

	margin-bottom: 5px;

}

.b-details-list ul li:last-child {margin-bottom: 0;}

.b-details-wrap.border-none {padding-bottom: 0;margin-bottom: 0;}

blockquote span {

	display: block;

	font-size: 14px;

	color: #7886a0;

	text-transform: uppercase;

	font-family: 'Varela Round','Rubik', sans-serif;

	font-weight: 500;

	margin-bottom: 15px;

}

blockquote span a {

	color: #ad2222;

	letter-spacing: 2px;

}

blockquote span a:hover {color: #ad2222;}

blockquote {

	margin: 35px 0;

	text-align: center;

	font-size: 24px;

	color: #0e1b33;

	font-family: 'Varela Round','gilroy-bolduploaded_file';

	background: #f3f5ff;

	padding: 55px 90px;

	position: relative;

	z-index: 1;

}

blockquote::before {content: "";background-image: url(../img/icon/blockquote_icon.png);}

blockquote::before {

	content: "";

	background-image: url(../img/icon/blockquote_icon.png);

	position: absolute;

	right: 40px;

	top: 40px;

	width: 185px;

	height: 192px;

	z-index: -1;

}

.b-details-content  figure img {

	float: left;

	width: 255px;

	margin-right: 30px;

}

.b-details-content  figure {overflow: hidden;margin-bottom: 25px;}

.b-details-content  figure p{overflow: hidden;margin-bottom: 0;}

.d-post-tag h5 {

	font-size: 18px;

	margin-bottom: 20px;

	font-weight: 500;

}

.d-post-tag ul li {

	display: inline-block;

	margin-right: 15px;

}

.d-post-tag ul li a {

	font-size: 12px;

	text-transform: uppercase;

	border: 2px solid #f0eaff;

	padding: 7px 20px;

	display: inline-block;

	color: #152136;

}

.d-post-tag ul li a:hover {

	border-color: #ad2222;

	background: #ad2222;

	color: #fff;

}

.post-share h5 {

	font-size: 18px;

	margin-bottom: 30px;

	font-weight: 500;

}

.post-share ul li {

	margin-left: 20px;

	display: inline-block;

}

.post-share ul li a {

	font-size: 18px;

	display: inline-block;

	color: #b5becc;

}

.post-share ul li a:hover {color: #ad2222;}

.bpost-navigation {

	border-top: 1px solid #e1e6ff;

	border-bottom: 1px solid #e1e6ff;

}

.releted-post h3 {

	font-size: 26px;

	margin-bottom: 20px;

}

.rp-thumb img {

	width: 100%;

}

.single-rp {

	box-shadow: 0px 8px 16px 0px rgba(93, 93, 93, 0.1);

}

.rp-content {

	padding: 35px 40px;

}

.rp-content .rp-date {

	color: #7886a0;

	display: block;

	margin-bottom: 10px;

}

.rp-content .rp-date i {margin-right: 5px;}

.rp-content h4 {

	font-size: 20px;

	margin-bottom: 20px;

}

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

.rp-content h4:hover a {color: #ad2222;}

.avatar-img {

	float: left;

	display: block;

	margin-right: 40px;

}

.bd-avatar-info {

	overflow: hidden;

	display: block;

}

.avatar-wrap {

	overflow: hidden;

	border: 2px solid #e1e6ff;

	padding: 40px;

	display: flex;

	align-items: center;

}

.bd-avatar-info span {

	font-size: 12px;

	font-weight: 500;

	text-transform: uppercase;

	letter-spacing: 2px;

	color: #ad2222;

	display: block;

	margin-bottom: 10px;

}

.bd-avatar-info h4 {

	font-size: 26px;

	margin-bottom: 20px;

}

.bd-avatar-info p {margin-bottom: 0;}

.single-comment .comments-avatar {

	float: left;

	width: 100px;

	margin-right: 30px;

}

.comment-text {

	overflow: hidden;

}

.comment-text .avatar-name {

	overflow: hidden;

}

.comment-text .avatar-name h6 {

	font-size: 18px;

	margin-bottom: 7px;

	font-weight: 500;

}

.comment-text .avatar-name span {

	font-size: 12px;

	font-weight: 500;

	text-transform: uppercase;

	letter-spacing: 2px;

	color: #ad2222;

}

.comment-text .avatar-name .comment-reply {

	float: right;

	display: inline-block;

	border: 2px solid #f4f4ff;

	padding: 8px 18px;

	border-radius: 50px;

	font-size: 14px;

	margin-top: -23px;

	color: #7886a0;

}

.comment-text p {

	font-size: 14px;

	margin-bottom: 0;

}

.comment-text .avatar-name .comment-reply i {

	margin-right: 5px;

}

.single-comment.children {

	margin-left: 130px;

}

.single-comment.children .avatar-name h6 i {

	font-size: 12px;

	color: #cacfef;

	margin-left: 20px;

}

.single-comment {

	padding-bottom: 25px;

	border-bottom: 1px solid #eff2ff;

	margin-bottom: 30px;

}

.single-comment:last-child {margin-bottom: 0;padding-bottom: 45px;}

.comment-wrap-title h5 {

	font-size: 26px;

	color: #0e1b33;

	margin-bottom: 0;

}

.comment-text .avatar-name .comment-reply:hover {

	border-color: #ad2222;

	background: #ad2222;

	color: #ffffff;

}

.comment-form {

	padding: 50px;

	background: #f8f6ff;

}

.comment-form .comment-field {

	position: relative;

}

.comment-form .comment-field textarea {

	height: 150px;

	width: 100%;

	padding: 20px 30px;

	padding-right: 50px;

	background: #ffffff;

	border: none;

}

.comment-form .comment-field i {

	position: absolute;

	right: 30px;

	top: 50%;

	transform: translateY(-50%);

	color: #ad2222;

	font-size: 14px;

}

.comment-form .comment-field.text-area i {

	top: 25px;

	transform: unset;

}

.comment-form .comment-field input {

	width: 100%;

	padding: 20px 30px;

	padding-right: 50px;

	background: #ffffff;

	border: none;

}

.comment-form .comment-field input::placeholder {

	font-size: 14px;

	color: #a7a7c1;

}

.comment-form .comment-field textarea::placeholder {

	font-size: 14px;

	color: #a7a7c1;

}

/* 26. shop */

.single-product-f {

	display: flex;

	justify-content: center;

}

.sp-icon {

	margin-top: 5px;

	margin-right: 20px;

}

.sp-content h6 {

	font-size: 20px;

	margin-bottom: 5px;

}

.product-features {

	border: 2px solid #e5ecff;

	padding: 25px 25px;

	border-radius: 50px;

}

.gird-list .nav-tabs {

	border: none;

}

.gird-list .nav-tabs .nav-item {

	margin: 0;

	margin-right: 20px;

}

.gird-list .nav-tabs .nav-item .nav-link {

	height: 50px;

	width: 50px;

	display: block;

	text-align: center;

	border-radius: 50%;

	border: none;

	background: #ffe0dd;

	position: relative;

}

.gird-list .nav-tabs .nav-item .nav-link.active{

	box-shadow: 0px 16px 32px 0px rgba(255, 74, 87, 0.2);

	background: #ad2222;

}

.gird-list .nav-tabs .nav-item .nav-link img {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

}

.d-inline{display: inline-block !important;}

.t-right{text-align: right;}

.nice-select.shop-select {

	border: 1px solid #e5e5e5;

	border-radius: 50px;

	padding: 15px 30px;

	font-size: 16px;

	color: #788892;

	font-family: 'Varela Round','Rubik', sans-serif;

	font-weight: 400;

	padding-right: 45px;

}

.shop-search input {

	border: 1px solid #e5e5e5;

	padding: 12px 30px;

	width: 270px;

	border-radius: 50px;

}

.shop-search input::placeholder{font-size: 16px;color: #788892;}

.shop-search{position: relative;margin-left: 20px;}

.shop-search button {

	position: absolute;

	right: 30px;

	top: 50%;

	transform: translateY(-50%);

	background: none;

	border: none;

	color: #5f708f;

	padding: 0;

	cursor: pointer;

}

.short-by {

	margin-left: 20px;

}

.result-count p {

	margin: 0;

	font-size: 16px;

}

.product-header{position: relative;overflow: hidden;}

.product-header img {

	width: 100%;

}

.product-holder-top h4 {

	font-size: 24px;

	margin: 0;

	text-transform: capitalize;

}

.product-holder-top h4:hover a{color: #ad2222;}

.product-price span {

	color: #ad2222;

	font-size: 16px;

}

.product-rating i {

	color: #ffba00;

	font-size: 14px;

	margin: 0 1px;

}

.product-meta {

	position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: #ff8255ef;

    z-index: 99;

    -webkit-transition: all 300ms linear 0ms;

    -khtml-transition: all 300ms linear 0ms;

    -moz-transition: all 300ms linear 0ms;

    -ms-transition: all 300ms linear 0ms;

    -o-transition: all 300ms linear 0ms;

    transition: all 300ms linear 0ms;

    transform: perspective(500px) rotateX(-90deg);

    opacity: 0;

    -webkit-transform-origin: 50% 0%;

    transform-origin: 50% 0%;

}

.shop-product-inner:hover .product-meta {

	opacity: 1;

    transform: perspective(500px) rotateX(0deg);

}

.add-to-cart {

	position: absolute;

    text-align: center;

    left: 0;

    right: 0;

    top: 50%;

    -webkit-transform: translate(0, -50%);

    -khtml-transform: translate(0, -50%);

    -moz-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    -o-transform: translate(0, -50%);

    transform: translate(0, -50%);

}

.add-to-cart .btn {

	padding: 20px 45px;

	background: #fff;

	border-color: #fff;

	color: #ad2222;

}

.add-to-cart .btn:hover {

	background: transparent;

	border-color: #fff;

	color: #fff;

}

.p-holder-top h4 {

	font-size: 24px;

	font-weight: 500;

	margin-bottom: 9px;

	text-transform: capitalize;

}

.product-content p {

	padding: 25px 0;

	border-top: 1px solid #e5e5e5;

	border-bottom: 1px solid #e5e5e5;

	margin: 25px 0;

}

.product-action span {

	font-size: 20px;

	font-weight: 500;

	margin-bottom: 20px;

	display: block;

	color: #ad2222;

}

.p-holder-btn a {

	width: 65px;

	display: inline-block;

	height: 40px;

	line-height: 40px;

	text-align: center;

	border: 1px solid #ad2222;

	color: #ad2222;

	border-radius: 50px;

	margin-right: 10px;

}

.product-cart-btn button {

	width: 150px;

	display: inline-block;

	height: 40px;

	line-height: 40px;

	text-align: center;

	border: 1px solid #ad2222;

	border-radius: 50px;

	margin-right: 10px;

	background: #ad2222;

	padding: 0;

	text-transform: uppercase;

	font-size: 14px;

	color: #fff;

	font-weight: 500;

	cursor: pointer;

	transition: .3s;

}

.product-cart-btn button i {

	margin-right: 5px;

}

.product-cart-btn button:hover {

	background: transparent;

	color: #ad2222;

}

.p-holder-btn a:hover {

	background: #ad2222;

	color: #fff;

}

.p-holder-top h4:hover a{color: #ad2222;}

.single-d-thumb img {

	width: 100%;

}

.product-thumbnail .nav-tabs {

	border-bottom: none;

	display: block;

}

.product-thumbnail .nav-tabs .nav-item {

	margin: 0;

	display: inline-block;

	margin-right: 26px;

}

.product-thumbnail .nav-tabs .nav-item:last-child {

	margin-right: 0;

}

.product-thumbnail .nav-tabs .nav-item .nav-link {

	color: unset;

	background: none;

	border: none;

	border-radius: unset;

	padding: 0;

}

/* 27. pagination */

.pagination {

	display: -webkit-box;

	display: -ms-flexbox;

	display: block;

	padding-left: 0;

	list-style: none;

	border-radius: 0;

}

.pagination .page-item {

	display: inline-block;

	margin: 0 5px;

}

.pagination .page-item a.page-link {

	border-radius: 50%;

	padding: 0;

	height: 70px;

	width: 70px;

	line-height: 70px;

	background: #f8f8f8;

	color: #9fa7c5;

	font-size: 14px;

	border: none;

	font-weight: 500;

}

.pagination .page-item:hover a.page-link {

	box-shadow: 0px 16px 32px 0px rgba(255, 129, 85, 0.32);

	background: #ad2222;

	color: #fff;

}

.pagination .page-item.active a.page-link {

	box-shadow: 0px 16px 32px 0px rgba(255, 129, 85, 0.32);

	background: #ad2222;

	color: #fff;

}

.pagination-wrap .pagination {

	display: block;

	border-radius: unset;

}

.pagination-wrap .pagination li {

	display: inline-block;

	margin-right: 6px;

	margin-left: 0;

	margin-bottom: 0;

}

.pagination-wrap .pagination li.active a {

	background: #ad2222;

	color: #ffffff;

	box-shadow: 0px 8px 16px 0px rgba(255, 74, 87, 0.2);

}

.pagination-wrap .pagination li a {

	border: none;

	height: 50px;

	width: 50px;

	display: block;

	line-height: 50px;

	background: #fff3f4;

	border-radius: 50%;

	color: #62618d;

	font-size: 14px;

	text-align: center;

	font-weight: 500;

}

.pagination-wrap .pagination li a:hover {

	color: #ffffff;

	background: #ad2222;

}

.widget {

	padding: 40px;

	border: 2px solid #f0eaff;

	padding-top: 35px;

}

.widget-title span {

	height: 4px;

	width: 18px;

	display: inline-block;

	background: #ad2222;

	position: relative;

	margin-right: 20px;

	top: -4px;

}

.widget-title span::before {

	content: "";

	position: absolute;

	right: -8px;

	top: 0;

	height: 4px;

	width: 4px;

	background: #ad2222;

}

.widget-title h4 {

	display: inline-block;

	margin-bottom: 0;

	font-size: 20px;

}

.b-about-contetn h4 {

	font-size: 18px;

	margin-bottom: 13px;

}

.b-about-contetn p {margin-bottom: 0;}

.b-about-social a {

	color: #b3bed3;

	font-size: 14px;

	margin: 0 10px;

}

.b-about-social a:hover {color: #ad2222;}

.sidebar-form input {

	background: #f6f4ff;

	border: none;

	width: 100%;

	padding: 18px 30px;

}

.sidebar-form input::placeholder {

	color: #827eac;

	font-size: 12px;

}

.sidebar-form button {

	position: absolute;

	right: 0;

	top: 0;

	border: none;

	background: #ad2222;

	padding: 18px 23px;

	color: #ffffff;

	font-size: 14px;

	cursor: pointer;

}

.rc-post-thumb {

	float: left;

	display: block;

	margin-right: 20px;

}

.rc-post-content {

	overflow: hidden;

	display: block;

}

.rc-post-content h5 {

	font-size: 16px;

	margin-bottom: 10px;

}

.rc-post-content h5:hover a {color: #ad2222;}

.rc-post-date span {

	font-size: 12px;

	color: #7886a0;

}

.rc-post-date span i {margin-right: 5px;}

.rc-post {

	overflow: hidden;

	display: flex;

	align-items: center;

	padding-bottom: 30px;

	border-bottom: 1px solid #e1e6ff;

	margin-bottom: 30px;

}

.rc-post:last-child {

	padding-bottom: 0;

	margin-bottom: 0;

	border: none;

}

.sidebar-cat ul li {margin-bottom: 10px;}

.sidebar-cat ul li:last-child {margin-bottom: 0px;}

.sidebar-cat ul li a {

	padding: 15px 30px;

	display: block;

	color: #fff;

	background: #152136;

	position: relative;

}

.sidebar-cat ul li a span {

	position: absolute;

	right: 0;

	background: #000;

	height: 100%;

	top: 0;

	width: 50px;

	text-align: center;

	line-height: 50px;

	font-weight: 500;

	transition: .3s;

}

.sidebar-cat ul li:hover a {background: #ad2222;}

.sidebar-cat ul li:hover a span {background: #000;}

.sidebar-social a {

	height: 40px;

	width: 40px;

	text-align: center;

	display: inline-block;

	line-height: 40px;

	background: #000;

	color: #fff;

	font-size: 14px;

	margin-right: 8px;

}

.sidebar-social a:last-child {margin-right: 0;}

.sidebar-social a:hover {background: #ad2222;}

.twitt-icon {

	float: left;

	display: block;

	color: #32beff;

	margin-right: 20px;

}

.twitte-content p {

	font-size: 12px;

	color: #152136;

	margin-bottom: 10px;

}

.twitte-content p a{color: #ff4b57;}

.twitte-post-date span {

	font-size: 12px;

	color: #8694ae;

}

.twitter-post ul li {

	padding-bottom: 25px;

	border-bottom: 1px solid #e1e6ff;

	margin-bottom: 25px;

}

.twitter-post ul li:last-child {margin-bottom: 0;padding-bottom: 0;border: none;}

.s-insta-post ul li {

	display: inline-block;

	margin: 7px 6px;

}

.s-insta-post ul li a {

	position: relative;

	display: block;

}

.s-insta-post ul li a::before {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	background: #ad2222;

	width: 100%;

	height: 100%;

	transition: .3s;

	opacity: 0;

}

.s-insta-post ul li a:hover::before {opacity: .7;}

.widget-tag ul li {

	display: inline-block;

	margin-right: 6px;

	margin-bottom: 10px;

}

.widget-tag ul li a {

	display: block;

	border: 2px solid #f0eaff;

	text-transform: uppercase;

	font-size: 12px;

	color: #999ea5;

	padding: 5px 18px;

}

.widget-tag ul li a:hover {

	color: #fff;

	background: #ad2222;

	border-color: #ad2222;

}

.sidebar-banner img {

	width: 100%;

}

.sidebar-sticky {

	position: sticky;

	top: 80px;

}

/* 28. 404 */

.error-area {

	background: #ad2222;

}

.error-title span {color: #fff;}

.error-title h2 {color: #fff;}

.error-btn .btn {

	border-color: #ffaa8d;

	text-transform: uppercase;

	letter-spacing: 2px;

}

.error-btn .btn:hover {

	background: #fff;

	border-color: #fff;

	color: #ad2222;

}

/* 29. comingsoon */

.comingsoon-img img {

	width: 100%

}

.comingsoon-content span {

	font-size: 14px;

	font-weight: 500;

	text-transform: uppercase;

	letter-spacing: 2px;

	color: #ad2222;

	display: block;

	margin-bottom: 10px;

}

.comingsoon-content h2 {

	font-size: 60px;

	color: #0e1b33;

	margin-bottom: 25px;

	letter-spacing: -2px;

}

.comingsoon-content p {

	margin-bottom: 0;

}

.time-count {

	display: inline-block;

	height: 100px;

	width: 100px;

	line-height: 82px;

	text-align: center;

	margin-right: 30px;

	border-radius: 50%;

	font-size: 34px;

	color: #0e1b33;

	font-family: 'Varela Round','gilroy-bolduploaded_file';

	border: 5px solid #ad2222;

}

.time-count span {

	display: block;

	line-height: 1;

	margin-top: -21px;

	font-size: 12px;

	font-weight: 500;

	text-transform: uppercase;

	letter-spacing: 2px;

	color: #999ea5;

	font-family: 'Varela Round','Rubik', sans-serif;

}

.comingsoon-area::before {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	background: url(../img/shape/coming_soon_shape.png);

	height: 740px;

	width: 1012px;

	background-repeat: no-repeat;

	z-index: -1;

}

/* 30. footer */

.footer-bg {

	background-position: center;

	background-size: cover;

	padding-top: 110px;

}

.s-footer-bg {

	background-position: center;

	background-size: cover;

}

.f-widget-wrap {

	border-top: 0;

	padding-top: 45px;

	padding-bottom: 20px;

}

.sf-widget-wrap {padding-bottom: 70px;}

.border-none {border: none;}

.footer-text p {

	padding-right: 40px;

	margin-bottom: 0;

}

.f-widget-wrap.pt-100 {padding-top: 100px;}

.sf-widget p {

	color: #a9b2c0;

}

.sf-widget .footer-social a {

	color: #30353d;

	background: #fff;

}

.sf-widget .fw-title h5 {

	color: #fff;

}

.sf-widget .footer-links a {color: #a9b2c0;}

.sf-widget .f-post-content h4 {color: #fff;}

.sf-widget .f-post-content span {color: #a9b2c0;}

.footer-social a {

	height: 50px;

	width: 50px;

	display: inline-block;

	text-align: center;

	line-height: 50px;

	border: 2px solid #eaeaea;

	border-radius: 50%;

	color: #30353d;

	margin-right: 10px;

}

.footer-social a:hover {color: #fff;border-color: #ad2222;background: #ad2222;}

.fw-title h5 {

	font-size: 24px;

	margin-bottom: 0;

}

.fw-title h5 span {color: #ad2222;}

.footer-links ul li {

	margin-bottom: 20px;
	list-style: none;

}

.footer-links ul li:last-child {margin-bottom: 0;}

.footer-links ul li a {

	display: block;

	color: #000;

	font-size: 14px;

	text-transform: capitalize;

}

.left-link {

	float: left;

	width: 50%;

	display: block;

}

.right-link {overflow: hidden;}

.footer-links ul li:hover a {color: #ad2222;padding-left: 4px;}

.f-post-thumb {

	float: left;

	display: block;

	margin-right: 25px;

}

.f-post-content {

	overflow: hidden;

}

.f-post-content h4 {

	font-size: 18px;

	margin-bottom: 5px;

}

.f-post-content .f-post-date {

	font-size: 14px;

}

.footer-post ul li {

	display: block;

	overflow: hidden;

	margin-bottom: 20px;

}

.footer-post ul li:last-child {margin-bottom: 0;}

.f-post-content h4:hover a{color: #ad2222;}

.f-top {

	border-bottom: 1px solid #fff3;

}

.s-footer-text p {

	color: #fff;

	padding: 0 85px;

	margin-bottom: 0;

}

.sf-social a {

	color: #d4b1e0;

	border-color: #d4b1e0;

}

.copyright-text p {

	margin-bottom: 0;

}

.s-copyright .copyright-text p {color: #fff;}

.copyright-text p span {color: #ad2222;}

.s-back-btn .btn {background: #15ee90;border-color: #15ee90;color: #ffff;}

.s-back-btn .btn:hover {background: transparent;color: #15ee90;}

/* 20. Contact */

.contact {

	border: 1px solid #c0c0c0;;

	padding: 40px 10px;

}

.contact-area {

  background-position: center center;

  background-repeat: no-repeat;

}



.contact i {

	background: #ad2222;

	font-size: 40px;

	height: 150px;

	width: 150px;

	color: #ffffff;

	border-radius: 50%;

	line-height: 135px;

	border: 10px solid #fff;

	box-shadow: 0px 16px 32px 0px rgba(206, 226, 255, 0.4);

	margin-bottom: 30px;

}

.contact h3 {

	font-size: 26px;

	margin-bottom: 15px;

}



.contact p {

  margin: 0;

  padding: 0 50px;

}



@media only screen and (min-width: 992px) and (max-width: 1200px) {

  .contact p {

    padding: 0 10px;

  }

}



@media only screen and (min-width: 768px) and (max-width: 991px) {

  .contact p {

    padding: 0 0px;

  }

}



.contact-form input {

	background: #ffffff;

    width: 100%!important;

    padding: 10px 10px;

    border: 2px solid #ad2222;

    color: #000;

    font-weight: 500;

    letter-spacing: 2px;

    text-transform: uppercase;

	height: 50px;

	font-size: 15px;

}



.contact-form textarea {

  color: #000;

  font-weight: 500;

  letter-spacing: 2px;

  text-transform: uppercase;

  height: 160px;

  width: 100%;

  padding: 10px 10px;

  border: 2px solid #ad2222;

}





.contact-form input::-moz-placeholder, .contact-form input::placeholder {

  color: #aab5ca;

}



.contact-form textarea::-moz-placeholder, .contact-form textarea::placeholder {

  color: #aab5ca;

}



.contact-map {

  height: 670px;

  width: 100%;

}



/*--- 31. preloader ---*/

#preloader {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #f7f7f7;

  z-index: 999999;

}



.preloader {

  width: 50px;

  height: 50px;

  display: inline-block;

  padding: 0px;

  text-align: left;

  box-sizing: border-box;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-left: -25px;

  margin-top: -25px;

}



.preloader span {

  position: absolute;

  display: inline-block;

  width: 50px;

  height: 50px;

  border-radius: 100%;

  background: #ad2222;

  -webkit-animation: preloader 1.3s linear infinite;

  animation: preloader 1.3s linear infinite;

}



.preloader span:last-child {

  animation-delay: -0.8s;

  -webkit-animation-delay: -0.8s;

}



@keyframes preloader {

  0% {

    transform: scale(0, 0);

    opacity: 0.5;

  }



  100% {

    transform: scale(1, 1);

    opacity: 0;

  }

}



@-webkit-keyframes preloader {

  0% {

    -webkit-transform: scale(0, 0);

    opacity: 0.5;

  }



  100% {

    -webkit-transform: scale(1, 1);

    opacity: 0;

  }

}



/*--- end of preloader ---*/



.main-header

{

	box-shadow: 0 10px 50px rgba(4,75,194,.2);

	border: 1px solid rgba(88,136,247,.2);

}



.home-top

{

	background-size: cover;

    background-position: center;

}



.slider-btn

{

	margin-top: 25px;

    text-align: center;

}



.mt-25

{

	margin-top: 25px;

}



.mt-35

{

	margin-top: 35px;

}



.mt-15

{

	margin-top: 15px;

}



.slider-content

{

	background: rgba(0,0,0,0.5);

    padding: 10px;

    margin: 20px 20px;

}



.pt-350

{

	padding-top: 400px;

}



.ptb-35

{

	padding: 35px 0;

}



.mb-15

{

	margin-bottom: 15px;

}



.mb-10

{

	margin-bottom: 10px;

}



.bsingle-post

{

	box-shadow: 0 10px 50px rgba(0,0,0,.2);

    min-height: 620px;

    background: #fff;

}



.mb-30

{

	margin-bottom: 30px;

}



.solution-box {

    background-size: cover;

    background-repeat: no-repeat;

    min-height: 350px;

    background-position: center;

    margin: 10px 0;

}



.solution-padding {

    padding-top: 250px;

}



.solution-content {

    text-align: left;

    background: rgba(0,0,0,.6);

    padding: 20px 20px;

    color: #fff;

}



.white-outline-btn {

    background: transparent;

    color: #fff;

	border-color: #fff;

	margin-top: 10px;

}



.pt-20

{

	padding-top: 20px;

}



.image-responsive

{

	width: 100%;

}



.select-member

{

	text-transform: none;

    border: 2px solid #ad2222;

    width: 100%;

    height: 60px;

    font-size: 25px;

    font-weight: 600;

    padding: 10px 10px;

}



.member-list

{

	background: #ad2222;

	color: #fff;

	padding: 20px;

}



.mtp-5

{

	margin-top: 5px;

}



.h4-member

{

	font-family: 'Varela Round';

	font-weight: 400;

	color: #fff;

}



.donate-section

{

	height: 300px;

    background-position: center;

    background-size: cover;

}



.donate-overlay

{

	height: 300px;

	background: rgba(173,34,34,0.5);

}



.donate-content

{

	padding: 60px 0;

}



.donate-p

{

	font-size: 18px;

}



.btn-white

{

	background: #fff;

    color: #ad2222;

    border-color: #fff;

}



.hr-footer

{

	border: 2px solid #ad2222;

    margin: 5px 0;

    width: 35%;

}



.team-padding

{

	padding-top: 100px;

	margin-bottom: -130px;

}



/* Pagination */

ul.page-numbers {

    list-style: none;

    margin: 0;

    margin-top: 20px;

    padding-left: 0px;

  }

  

  .page-numbers:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

  }

  

  ul.page-numbers li {

    display: block;

    float: left;

    margin: 0 4px 4px 0;

    text-align: center;

  }

  

  .page-numbers a,

  .page-numbers span {

    line-height: 1.6em;

    display: block;

    padding: 15px;

    line-height: 25px;

    font-size: 18px;

    text-decoration: none;

    font-weight: 600;

    cursor: pointer;

    border: 2px solid #ad2222;

    color: #000;

  }

  

  .page-numbers a span { padding: 0 }

  

  .page-numbers a:hover,

  .page-numbers.current,

  .page-numbers.current:hover {

    color: #fff;

    background: #ad2222;

    text-decoration: none;

  }

  

  .page-numbers:hover { text-decoration: none }



  .ar-image{

	margin-left: auto;

    margin-right: auto;

    display: block;

    margin-bottom: 10px;

  }



form[id*=give-form] .give-donation-amount .give-currency-symbol.give-currency-position-before {

    border-left: 2px solid #ad2222;

    border-right: none;

}



form[id*=give-form] .give-donation-amount .give-currency-symbol {

    background-color: #ad2222;

    border-top: 2px solid #ad2222;

    border-bottom: 2px solid #ad2222;

    color: #fff;

    margin: 0;

    padding: 0 12px;

    height: 35px;

    line-height: 35px;

    font-size: 18px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    float: left;

}



form[id*=give-form] .give-donation-amount #give-amount, form[id*=give-form] .give-donation-amount #give-amount-text {

    border: 2px solid #ad2222;

    background: #fff;

    border-radius: 0;

    height: 35px;

    line-height: 35px;

    padding: 0 12px;

    margin: 0;

    font-size: 18px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    min-width: 125px;

    float: left;

}



.give-btn {

    background: #ad2222;

    border: 2px solid #ad2222;

    color: #fff;

    padding: 8px 10px;

    cursor: pointer;

    line-height: 1.2em;

	font-size: 16px;

	text-transform: uppercase;

}



#give-recurring-form h3.give-section-break, #give-recurring-form h4.give-section-break, #give-recurring-form legend, form.give-form h3.give-section-break, form.give-form h4.give-section-break, form.give-form legend, form[id*=give-form] h3.give-section-break, form[id*=give-form] h4.give-section-break, form[id*=give-form] legend {

    background-color: transparent;

    font-size: 1.15em;

    font-weight: 700;

    margin: 10px 0 15px;

    padding: 0 0 5px;

    border-bottom: 1px solid rgba(0,0,0,.1);

    width: 100%;

    color: #000;

}



#give-recurring-form .form-row input[type=email], #give-recurring-form .form-row input[type=password], #give-recurring-form .form-row input[type=tel], #give-recurring-form .form-row input[type=text], #give-recurring-form .form-row input[type=url], #give-recurring-form .form-row select, #give-recurring-form .form-row textarea, form.give-form .form-row input[type=email], form.give-form .form-row input[type=password], form.give-form .form-row input[type=tel], form.give-form .form-row input[type=text], form.give-form .form-row input[type=url], form.give-form .form-row select, form.give-form .form-row textarea, form[id*=give-form] .form-row input[type=email], form[id*=give-form] .form-row input[type=password], form[id*=give-form] .form-row input[type=tel], form[id*=give-form] .form-row input[type=text], form[id*=give-form] .form-row input[type=url], form[id*=give-form] .form-row select, form[id*=give-form] .form-row textarea {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    width: 100%;

    border-radius: 0;

    outline: none;

    color: #333;

    background-color: #fdfdfd;

    border: 2px solid #ad2222;

    margin: 0;

    padding: .5em;

}



form[id*=give-form] #give-final-total-wrap .give-donation-total-label {

    background-color: #ad2222;

    color: #fff;

    margin: 0;

    padding: 0 12px;

    height: 35px;

    line-height: 35px;

    font-size: 18px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    float: left;

    border: 2px solid #ad2222;

}



form[id*=give-form] #give-final-total-wrap .give-final-total-amount {

    background: #fff;

    border-radius: 0;

    height: 35px;

    line-height: 35px;

    padding: 0 12px;

    margin: 0;

    font-size: 18px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    border: 2px solid #ad2222;

    border-left: none;

    float: left;

}



.job_filters .search_jobs input, .job_filters .search_jobs select {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    width: 100%;

    border: 2px solid #ad2222;

    padding: .5em;

    font-size: 15px;

}



input[type=submit]

{

	background-color: #ad2222;

	color: #fff;

}



.job_filters {

    zoom: 1;

    box-shadow: 0 10px 50px rgba(0,0,0,.2)!important;

    border: 1px solid rgba(0,0,0,.2)!important;

    background: #fff!important;

}



ul.job_listings li.no_job_listings_found.no_job_listings_found {

    padding: 1em;

    border-bottom: 1px solid #eee;

    color: #000;

}



#visnames {

    font-family: 'Varela Round', Helvetica, sans-serif!important;

}



table{

	color: #000;
	font-size: 16px;

}

td{
	border: 1px solid;
	padding: 5px;
}

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
	.membership-content
	{
		margin-top: 100px;
	}
	
  }
  
  /* 
	##Device = Laptops, Desktops
	##Screen = B/w 1025px to 1280px
  */
  
  @media (min-width: 1025px) and (max-width: 1280px) {
	
	.membership-content
	{
		margin-top: 100px;
	}
	
  }
  
  /* 
	##Device = Tablets, Ipads (portrait)
	##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) {
	
	
  }
  
  /* 
	##Device = Tablets, Ipads (landscape)
	##Screen = B/w 768px to 1024px
  */
  
  @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	
	
	
  }
  
  /* 
	##Device = Low Resolution Tablets, Mobiles (Landscape)
	##Screen = B/w 481px to 767px
  */
  
  @media (min-width: 481px) and (max-width: 767px) {
	
	.membership-content
	{
		text-align: center;
	}
	
  }
  
  /* 
	##Device = Most of the Smartphones Mobiles (Portrait)
	##Screen = B/w 320px to 479px
  */
  
  @media (min-width: 320px) and (max-width: 480px) {
	
	.membership-content
	{
		text-align: center;
	}
	
  }

  .primary-color
  {
	  color: #ad2222;
  }

  .stats-content
  {
	box-shadow: 0 10px 50px rgba(0,0,0,.2);
	min-height: 293px;
	background: #ad2222;
  }

  .stats-h2
  {
	color: #ad2222!important;
    background: #fff;
    padding: 20px;
  }

  .stats-p
  {
    padding: 20px;
  }

  .search-box
  {
	background: #ad2222;
    padding: 15px;
    border-radius: 50%;
  }

  .program-box {
    box-shadow: 0 10px 50px rgba(4,75,194,.2);
    margin: 10px 0;
}

.program-image {
    background-size: cover;
    background-position: center;
}

.program-content {
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #fff;
    height: 100%;
    min-height: 310px;
}

.plr-40{
	padding-left: 40px;
	padding-right: 40px;
}

.pledge-form{
	text-align: center;
}

.pledge-form input{
    background: #ffffff;
    padding: 5px 10px;
    border: 2px solid #ad2222;
    color: #000;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: inherit;
    font-size: 16px;
    width: 300px!important;
    border-top: 0px!important;
    border-left: 0px!important;
    border-right: 0px!important;
    height: 30px!important;
    text-align: center!important;
}

.pledge-form input[type=submit] {
    background-color: #ad2222;
    color: #fff;
	padding: 10px 10px;
    width: 250px!important;
    height: 40px!important;
}