@import url("https://fonts.googleapis.com/css?family=Open+Sans:100,200,300,400,500,600,700,800,900");

/* 
---------------------------------------------
reset
--------------------------------------------- 
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
div pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
figure,
header,
nav,
section,
article,
aside,
footer,
figcaption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

ul,
li {
	padding: 0;
	margin: 0;
	list-style: none;
}

header,
nav,
section,
article,
aside,
footer,
hgroup {
	display: block;
}

* {
	box-sizing: border-box;
}

html,
body {
	font-family: 'Times New Roman', Times New Roman;
	font-weight: 400;
	background-color: #fff;
	font-size: 16px;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a {
	text-decoration: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0px;
	margin-bottom: 0px;
	color: #2a2a2a;
}

ul {
	margin-bottom: 0px;
}

p {
	font-size: 17px;
	line-height: 28px;
	color: black;
}

img {
	width: 100%;
	overflow: hidden;
}

/* 
---------------------------------------------
Global Styles
--------------------------------------------- 
*/
html,
body {
	background: #fff;
	font-family: 'Times New Roman', Times New Roman;
}

::selection {
	background: #00bdfe;
	color: #fff;
}

::-moz-selection {
	background: #00bdfe;
	color: #fff;
}

@media (max-width: 991px) {

	html,
	body {
		overflow-x: hidden;
	}

	.mobile-top-fix {
		margin-top: 30px;
		margin-bottom: 0px;
	}

	.mobile-bottom-fix {
		margin-bottom: 30px;
	}

	.mobile-bottom-fix-big {
		margin-bottom: 60px;
	}
}

.border-button a {
	font-size: 15px;
	color: #00bdfe;
	background-color: transparent;
	border: 1px solid #00bdfe;
	padding: 10px 30px;
	display: inline-block;
	border-radius: 10px;
	font-weight: 500;
	text-transform: capitalize;
	letter-spacing: 0.5px;
	transition: all .3s;
}

.border-button a:hover {
	background-color: #00bdfe;
	color: #fff;
}

.main-button a {
	font-size: 15px;
	color: #fff;
	background-color: #00bdfe;
	border: 1px solid #00bdfe;
	padding: 10px 30px;
	display: inline-block;
	border-radius: 10px;
	font-weight: 500;
	text-transform: capitalize;
	letter-spacing: 0.5px;
	transition: all .3s;
}

.main-button a:hover {
	background-color: transparent;
	color: #00bdfe;
}

section {
	margin-top: 15px;
}

.section-heading {
	position: relative;
	z-index: 2;
	margin-top: 0px;
	margin-bottom: 70px;
}

.section-heading h6 {
	font-size: 15px;
	text-transform: uppercase;
	color: #00bdfe;
	font-weight: 400;
}

.section-heading h4 {
	margin-top: 10px;
	line-height: 36px;
	font-size: 30px;
	font-weight: 700;
	text-transform: capitalize;
	color: #212741;
}

.section-heading h4 em {
	color: #00bdfe;
	font-style: normal;
}

.section-heading p {
	margin-top: 30px;
}


/* 
---------------------------------------------
Header Style
--------------------------------------------- 
*/

.background-header {
	background-color: #fff;
	height: 70px !important;
	position: fixed !important;
	top: 0 !important;
	left: 0;
	right: 0;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15) !important;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}

.header-area {
	background-color: #fff;
	position: absolute;
	height: 70px;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}

.header-area .main-nav {
	min-height: 80px;
	background: transparent;
	display: flex
}

.header-area .main-nav .logo {
	margin-top: 20px;
	flex-basis: 20%;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.header-area .main-nav .logo img {
	max-width: 142px;
	margin-left: -15px;
}

.background-header .main-nav .logo {
	width: 142px;
}

.header-area .main-nav .nav {
	flex-basis: 60%;
	height: 70px;
	margin-top: 0px;
	margin-right: 0px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	position: relative;
	z-index: 999;
}

.nav {
	justify-content: center;
}

.header-area .main-nav .nav li:first-child {
	padding-left: 60px;
}

.header-area .main-nav .nav li:last-child {
	padding-right: 60px;
}

.header-area .main-nav .nav li {
	padding-left: 30px;
	padding-right: 30px;
	background-color: #00bdfe;
}

.header-area .main-nav .nav li a {
	display: block;
	font-weight: 400;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	height: 70px;
	line-height: 70px;
	border: transparent;
	letter-spacing: 1px;
}

.header-area .main-nav .border-button {
	flex-basis: 20%;
	margin-top: 13px;
	text-align: right;
}

.header-area .main-nav .nav li.has-sub ul.sub-menu li:last-child a:hover,
.background-header .main-nav .nav li.has-sub ul.sub-menu li:last-child a:hover {
	padding-left: 25px !important;
}

.header-area .main-nav .nav li:hover a,
.header-area .main-nav .nav li a.active {
	color: #fff;
}

.background-header .main-nav .nav li:hover a,
.background-header .main-nav .nav li a.active {
	color: #fff;
	opacity: 1;
}

.header-area .main-nav .nav li.has-sub {
	position: relative;
	padding-right: 15px;
}

.header-area .main-nav .nav li.has-sub:after {
	font-family: 'Roboto', sans-serif;
	content: "\f107";
	font-size: 12px;
	color: #fff;
	position: absolute;
	right: 2px;
	top: 25px;
}

.header-area .main-nav .nav li.has-sub ul.sub-menu {
	position: absolute;
	width: 160px;
	background-color: #fff;
	box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
	overflow: hidden;
	top: 70px;
	border-radius: 0px;
	opacity: 0;
	transition: all .3s;
	transform: translateY(+2em);
	visibility: hidden;
	z-index: -1;
}

.header-area .main-nav .nav li.has-sub ul.sub-menu li {
	margin-left: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.header-area .main-nav .nav li.has-sub ul.sub-menu li a {
	opacity: 1;
	display: block;
	background: #f7f7f7;
	color: #2a2a2a !important;
	padding-left: 20px;
	height: 40px;
	line-height: 40px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	position: relative;
	font-size: 13px;
	font-weight: 400;
	border-bottom: 1px solid #eee;
}

.header-area .main-nav .nav li.has-sub ul li a:hover {
	background: #fff;
	color: #00bdfe !important;
	padding-left: 25px;
}

.header-area .main-nav .nav li.has-sub ul li a:hover:before {
	width: 3px;
}

.header-area .main-nav .nav li.has-sub:hover ul.sub-menu {
	visibility: visible;
	opacity: 1;
	z-index: 1;
	transform: translateY(0%);
	transition-delay: 0s, 0s, 0.3s;
}

.header-area .main-nav .menu-trigger {
	cursor: pointer;
	display: block;
	position: absolute;
	top: 33px;
	width: 32px;
	height: 40px;
	text-indent: -9999em;
	z-index: 99;
	right: 20px;
	display: none;
}

.background-header .main-nav .menu-trigger {
	top: 17px;
}

.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	background-color: #2a2a2a;
	display: block;
	position: absolute;
	width: 30px;
	height: 2px;
	left: 0;
}

.background-header .main-nav .menu-trigger span,
.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
	background-color: #2a2a2a;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	background-color: #2a2a2a;
	display: block;
	position: absolute;
	width: 30px;
	height: 2px;
	left: 0;
	width: 75%;
}

.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
	background-color: #2a2a2a;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
	content: "";
}

.header-area .main-nav .menu-trigger span {
	top: 16px;
}

.header-area .main-nav .menu-trigger span:before {
	-moz-transform-origin: 33% 100%;
	-ms-transform-origin: 33% 100%;
	-webkit-transform-origin: 33% 100%;
	transform-origin: 33% 100%;
	top: -10px;
	z-index: 10;
}

.header-area .main-nav .menu-trigger span:after {
	-moz-transform-origin: 33% 0;
	-ms-transform-origin: 33% 0;
	-webkit-transform-origin: 33% 0;
	transform-origin: 33% 0;
	top: 10px;
}

.header-area .main-nav .menu-trigger.active span,
.header-area .main-nav .menu-trigger.active span:before,
.header-area .main-nav .menu-trigger.active span:after {
	background-color: transparent;
	width: 100%;
}

.header-area .main-nav .menu-trigger.active span:before {
	-moz-transform: translateY(6px) translateX(1px) rotate(45deg);
	-ms-transform: translateY(6px) translateX(1px) rotate(45deg);
	-webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
	transform: translateY(6px) translateX(1px) rotate(45deg);
	background-color: #2a2a2a;
}

.background-header .main-nav .menu-trigger.active span:before {
	background-color: #2a2a2a;
}

.header-area .main-nav .menu-trigger.active span:after {
	-moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
	-ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
	-webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
	transform: translateY(-6px) translateX(1px) rotate(-45deg);
	background-color: #2a2a2a;
}

.background-header .main-nav .menu-trigger.active span:after {
	background-color: #2a2a2a;
}

.header-area.header-sticky {
	min-height: 70px;
}

.header-area.header-sticky .nav li a.active {
	color: #fff;
}

@media (max-width: 1200px) {
	.header-area .main-nav .nav li {
		padding-left: 10px;
		padding-right: 10px;
	}

	.header-area .main-nav:before {
		display: none;
	}
}

@media (max-width: 767px) {
	.header-area .main-nav .nav {
		height: auto;
		flex-basis: 100%;
	}

	.header-area .main-nav .logo {
		position: absolute;
		left: 30px;
		top: 15px;
	}

	.background-header .main-nav .logo {
		top: 0px;
	}

	.background-header .main-nav .border-button {
		top: 0px !important;
	}

	.header-area .main-nav .border-button {
		position: absolute;
		top: 15px;
		right: 70px;
	}

	.header-area.header-sticky .nav li a:hover,
	.header-area.header-sticky .nav li a.active {
		color: #00bdfe !important;
		opacity: 1;
	}

	.header-area.header-sticky .nav li.search-icon a {
		width: 100%;
	}

	.header-area {
		background-color: #f7f7f7;
		padding: 0px 15px;
		height: 100px;
		box-shadow: none;
		text-align: center;
	}

	.header-area .container {
		padding: 0px;
	}

	.header-area .logo {
		margin-left: 0px;
	}

	.header-area .menu-trigger {
		display: block !important;
	}

	.header-area .main-nav {
		overflow: hidden;
	}

	.header-area .main-nav .nav {
		float: none;
		width: 100%;
		display: none;
		-webkit-transition: all 0s ease 0s;
		-moz-transition: all 0s ease 0s;
		-o-transition: all 0s ease 0s;
		transition: all 0s ease 0s;
		margin-left: 0px;
	}

	.header-area .main-nav .nav li:first-child {
		border-top: 1px solid #eee;
	}

	.header-area.header-sticky .nav {
		margin-top: 100px !important;
	}

	.background-header.header-sticky .nav {
		margin-top: 70px !important;
	}

	.header-area .main-nav .nav li {
		width: 100%;
		background: #fff;
		border-bottom: 1px solid #eee;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.header-area .main-nav .nav li a {
		height: 50px !important;
		line-height: 50px !important;
		padding: 0px !important;
		border: none !important;
		background: #f7f7f7 !important;
		color: #191a20 !important;
	}

	.header-area .main-nav .nav li a:hover {
		background: #eee !important;
		color: #00bdfe !important;
	}

	.header-area .main-nav .nav li.has-sub ul.sub-menu {
		position: relative;
		visibility: inherit;
		opacity: 1;
		z-index: 1;
		transform: translateY(0%);
		top: 0px;
		width: 100%;
		box-shadow: none;
		height: 0px;
		transition: all 0s;
	}

	.header-area .main-nav .nav li.submenu ul li a {
		font-size: 12px;
		font-weight: 400;
	}

	.header-area .main-nav .nav li.submenu ul li a:hover:before {
		width: 0px;
	}

	.header-area .main-nav .nav li.has-sub ul.sub-menu {
		height: auto;
	}

	.header-area .main-nav .nav li.has-sub:after {
		color: #3B566E;
		right: 30px;
		font-size: 14px;
		top: 15px;
	}

	.header-area .main-nav .nav li.submenu:hover ul,
	.header-area .main-nav .nav li.submenu:focus ul {
		height: 0px;
	}
}


/*new css starting*/

.navbar .dropdown-toggle::after {
            border: none;
            content: "\f107";
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            vertical-align: middle;
            margin-left: 8px;
        }
        
        .navbar .navbar-nav .nav-link {
            margin-right: 30px;
            padding: 20px 0;
            color: #FFFFFF;
            font-weight: 500;
            outline: none;
        }
        
        .navbar .navbar-nav .nav-link:hover,
        .navbar .navbar-nav .nav-link.active {
            color: var(--dark);
        }
        
        .navbar.sticky-top {
            top: -100px;
            transition: .5s;
        }
         .social-links{
            margin-top:0px;
        }
        .social-links a {
        font-size: 16px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: grey;
        color: white;
        margin: 0 2px;
        border-radius: 50%;
        text-align: center;
        width: 40px;
        height: 40px;
        transition: 0.3s;
}
        
        @media (max-width: 991.98px) {
            .navbar .navbar-nav .nav-link, .social-links {
                margin-right: 0;
                padding: 8px 0;
                background-color:#00bdfe;
            }
        
            .navbar .navbar-nav, .social-links {
                margin-top: 8px;
                border-top: 1px solid rgba(256, 256, 256, .1)
            }
        }
        
        @media (min-width: 992px) {
            .navbar .nav-item .dropdown-menu, .social-links{
                display: block;
                visibility: hidden;
                top: 100%;
                transform: rotateX(-75deg);
                transform-origin: 0% 0%;
                transition: .5s;
                opacity: 0;
            }
        
            .navbar .nav-item:hover .dropdown-menu, .social-links {
                transform: rotateX(0deg);
                visibility: visible;
                transition: .5s;
                opacity: 1;
            }
        }
        
        
        

/*
--------------------------------------------
PopUp Style
--------------------------------------------
*/

#lean_overlay {
	position: fixed;
	z-index: 100;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: #000;
	display: none;
}

section.popupBody {
	margin-top: 0px;
}

.popupContainer {
	position: absolute;
	width: 330px;
	height: auto;
	left: 45%;
	top: 60px;
	background: #FFF;
}

.btn {
	padding: 10px 20px;
	background: #00bdfe;
	color: #fff;
	transition: all .3s;
}

.btn_red {
	background: #00bdfe;
	color: #FFF;
}

.btn:hover {
	background: #E4E4E2;
}

.btn_red:hover {
	color: #2a2a2a;
	background: #E4E4E2;
}

a.btn {
	color: #fff;
	text-align: center;
	text-decoration: none;
}

a.btn_red {
	color: #FFF;
}

.one_half {
	width: 50%;
	display: block;
	float: left;
}

.one_half.last {
	width: 45%;
	margin-left: 5%;
}

.popupHeader {
	font-size: 16px;
	text-transform: uppercase;
}

.popupHeader {
	background: #F4F4F2;
	position: relative;
	padding: 10px 20px;
	border-bottom: 1px solid #DDD;
	font-weight: bold;
}

.popupHeader .modal_close {
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px 15px;
	background: #00bdfe;
	cursor: pointer;
	color: #fff;
	font-size: 16px;
}

.popupBody {
	padding: 20px;
}

.social_login .social_box {
	display: block;
	clear: both;
	padding: 10px;
	margin-bottom: 10px;
	background: #F4F4F2;
	overflow: hidden;
}

.social_login .icon {
	display: inline-block;

	padding: 5px 10px;
	margin-right: 10px;
	float: left;
	color: #FFF;
	font-size: 16px;
	text-align: center;
}

.social_login .fb .icon {
	background: #3B5998;
}

.social_login .google .icon {
	background: #DD4B39;
}

.social_login .icon_title {
	display: block;
	padding: 5px 0;
	float: left;
	font-weight: bold;
	font-size: 16px;
	color: #777;
}

.social_login .social_box:hover {
	background: #E4E4E2;
}

.centeredText {
	color: #afafaf;
	text-align: center;
	margin: 20px 0;
	clear: both;
	overflow: hidden;
	text-transform: capitalize;
}

.user_login label {
	color: #afafaf;
}

.action_btns {
	clear: both;
	overflow: hidden;
}

.action_btns a {
	display: block;
}

/* User Login Form */

.user_login {
	display: none;
}

.user_login label {
	display: block;
	margin-bottom: 5px;
}

.user_login input[type="text"],
.user_login input[type="email"],
.user_login input[type="password"] {
	display: block;
	width: 90%;
	padding: 10px;
	border: 1px solid #DDD;
	color: #666;
}

.user_login input[type="checkbox"] {
	float: left;
	margin-right: 10px;
	width: 22px;
	height: 22px;
}

.user_login input[type="checkbox"]+label {
	float: left;
}

.user_login .checkbox {
	margin-bottom: 10px;
	clear: both;
	overflow: hidden;
}

.forgot_password {
	display: block;
	margin: 20px 0 10px;
	clear: both;
	overflow: hidden;
	text-decoration: none;
	color: #00bdfe;
	transition: all .3s;
}

/* User Register Form */

.user_register {
	display: none;
}

.user_register label {
	color: #afafaf;
	display: block;
	margin-bottom: 5px;
}

.user_register input[type="text"],
.user_register input[type="email"],
.user_register input[type="password"] {
	display: block;
	width: 100%;
	padding: 10px;
	border: 1px solid #DDD;
	color: #666;
}

.user_register input[type="checkbox"] {
	width: 22px;
	height: 22px;
	float: left;
	margin-right: 8px;
}

.user_register input[type="checkbox"]+label {
	float: left;
	color: #afafaf;
}

.user_register .checkbox {
	margin-bottom: 10px;
	clear: both;
	overflow: hidden;
}


/* 
---------------------------------------------
Banner Style
--------------------------------------------- 
*/

.main-banner {
	/* background-image: url(../images/banner-bg.jpg); */
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding-top: 290px;
	padding-bottom: 240px;
	text-align: center;
	/* background-color: #2a2a2a; */
	background-image: linear-gradient(rgba(3, 23, 28, 0.803) 0%, rgba(48, 86, 93, 0.732) 60%, rgba(3, 23, 28, 0.803) 100%);

}

.main-banner h2 {
	color: #fff;
	font-size: 64px;
	font-weight: 700;
	line-height: 74px;
}

.main-banner h2 em {
	font-style: normal;
	color: #00bdfe;
}

.main-banner p {
	color: #fff;
	padding: 30px 0px;
	margin: 40px 75px 0px 75px;
	border-top: 1px solid rgba(250, 250, 250, 0.2);
}

.main-banner .buttons {
	margin-top: 30px;
	display: flex;
	justify-content: center;
}

.main-banner .big-border-button a {
	font-size: 20px;
	color: #fff;
	background-color: transparent;
	border: 1px solid #fff;
	padding: 15px 30px;
	display: inline-block;
	border-radius: 10px;
	font-weight: 500;
	margin-right: 15px;
	text-transform: capitalize;
	letter-spacing: 0.5px;
	transition: all .3s;
}

.main-banner .big-border-button a:hover {
	background-color: #fff;
	color: #00bdfe;
}

.main-banner .icon-button a {
	margin-top: 20px;
	display: inline-block;
	margin-left: 15px;
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	transition: all .3s;
}

.main-banner .icon-button a i {
	margin-right: 6px;
	font-size: 16px;
}

.main-banner .icon-button a:hover {
	color: #00bdfe;
}


/*
---------------------------------------------
featured
---------------------------------------------
*/

section.featured-items {
	margin-top: -150px;
}

.featured-items .item .thumb {
	position: relative;
}

.featured-items .item .thumb img {
	border-radius: 15px;
}

.featured-items .item .thumb:hover .hover-effect {
	top: 0;
	opacity: 1;
}

.featured-items .item .thumb .hover-effect {
	background-color: rgba(250, 250, 250, 0.92);
	left: 0;
	top: 100%;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	position: absolute;
	opacity: 0;
	transition: all .3s;
}

.featured-items .item .thumb .hover-effect .content {
	text-align: center;
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	padding: 0px 15px;
}

.featured-items .item .thumb .hover-effect .content h4 {
	font-size: 20px;
	color: #00bdfe;
	margin-bottom: 22px;
}

.featured-items .item .thumb .hover-effect .content h4 i {
	font-size: 14px;
	margin-left: 5px;
	font-weight: 600;
}

.featured-items .item .thumb .hover-effect .content h4 span {
	font-size: 14px;
	font-weight: 500;
	color: #afafaf;
}

.featured-items .item .thumb .hover-effect .content ul li {
	font-size: 15px;
	font-weight: 400;
	color: #afafaf;
	margin-bottom: 7px;
}

.featured-items .item .thumb .hover-effect .content ul li:last-child {
	margin-bottom: 0px;
}

.featured-items .item .thumb .hover-effect .content ul li span {
	color: #2a2a2a;
	font-weight: 500;
}

.featured-items .owl-nav {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-35px);
}

.featured-items .owl-nav .owl-prev {
	position: absolute;
	left: -70px;
}

.featured-items .owl-nav .owl-next {
	position: absolute;
	right: -70px;
}

.featured-items .owl-nav .owl-prev span,
.featured-items .owl-nav .owl-next span {
	width: 46px;
	height: 46px;
	line-height: 46px;
	font-size: 24px;
	display: inline-block;
	color: #fff;
	background-color: #00bdfe;
	border-radius: 50%;
	opacity: 0.75;
	transition: all .3s;
}

.featured-items .owl-nav .owl-prev span:hover,
.featured-items .owl-nav .owl-next span:hover {
	opacity: 1;
}


/*
---------------------------------------------
popular categories
---------------------------------------------
*/

section.popular-categories {
	padding: 0px 65px;
}

section.popular-categories .main-button {
	text-align: right;
}

.blog {
	padding: 0px 0 20px
}

@media(max-width:767px) {
	.blog {
		padding-bottom: 50px
	}
}

@media(max-width:575px) {
	.blog {
		padding-top: 30px
	}
}

.blog-section-title {
	margin-bottom: 26px
}

@media(max-width:991px) {
	.blog-section-title {
		text-align: center
	}
}

@media(max-width:575px) {
	.blog-section-title {
		margin-bottom: 30px
	}
}

@media(max-width:575px) {
	.blog-section-title h2 {
		font-size: 35px
	}
}

.blog-post {
	display: flex;
	align-items: center;
	margin-bottom: 30px
}

@media(max-width:575px) {
	.blog-post {
		display: block
	}
}

.blog-post-thumb {
	width: 40%;
	border-radius: 5px;
	overflow: hidden
}

@media(max-width:575px) {
	.blog-post-thumb {
		width: 100%;
		margin-bottom: 30px
	}
}

.blog-post-thumb img {
	width: 100%;
	transition: .5s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.blog-post-content {
	width: 55%;
	margin-left: auto
}

@media(max-width:575px) {
	.blog-post-content {
		width: 100%;
		text-align: center
	}
}

@media(max-width:767px) {
	.blog-post-content p {
		display: none
	}
}

@media(max-width:575px) {
	.blog-post-content p {
		display: block
	}
}

.blog-post-title a {
	font-size: 26px;
	font-weight: 700;
	color: #141414;
	text-decoration: none;
	margin-bottom: 8px;
	display: block;
	transition: all .3s ease-in-out;
	font-family: "Roboto", sans-serif
}

@media(max-width:1199px) {
	.blog-post-title a {
		font-size: 22px
	}
}

.blog-post-tag a {
	background-color: #000;
	padding: 4px 20px;
	display: inline-block;
	border-radius: 50px;
	text-decoration: none;
	font-size: 12px;
	color: #fff;
	font-weight: 600;
	margin-bottom: 20px
}

.blog-post-meta ul {
	padding: 0;
	margin: 0 0 18px;
	display: flex;
	list-style: none
}

@media(max-width:575px) {
	.blog-post-meta ul {
		justify-content: center
	}
}

.blog-post-meta ul li {
	font-size: 13px
}

.blog-post-meta ul li:not(:last-child) {
	margin-right: 10px
}

.blog-post-meta ul li a {
	color: #000
}

.blog-post-action {
	color: #141414;
	font-size: 14px;
	font-weight: 500;
	text-transform: capitalize;
	text-decoration: none
}

.blog-post-action i {
	padding-left: 10px;
	display: inline-block;
	line-height: 20px;
	transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1)
}

.blog-post-action:hover {
	text-decoration: none;
	color: #000
}

.blog-post-action:hover i {
	padding-left: 15px
}

@media(max-width:575px) {
	.blog-post-pagination {
		padding-bottom: 30px
	}
}

.blog-post-pagination .nav-bg ul.pagination {
	padding: 0;
	margin: 50px 0 0
}

@media(max-width:767px) {
	.blog-post-pagination .nav-bg ul.pagination {
		justify-content: center
	}
}

.blog-post-pagination .nav-bg ul.pagination li.page-item a.page-link {
	width: 50px;
	height: 50px;
	line-height: 50px;
	padding: 0;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #fff;
	color: gray;
	margin-right: 10px;
	background: 0;
	transition: all .3s ease-in-out;
	display: block
}

.blog-post-pagination .nav-bg ul.pagination li.page-item a.page-link:hover {
	border: 1px solid #e0dede
}

.blog-post-pagination .nav-bg ul.pagination li.page-item a.active {
	border: 1px solid #e0dede
}

.blog-post-widget {
	position: relative
}

.blog-post-widget .latest-widget-title h2 {
	font-size: 28px;
	margin-bottom: 10px;
	font-weight: 700;
	text-transform: uppercase
}

@media(max-width:991px) {
	.blog-post-widget .latest-widget-title h2 {
		text-align: left
	}
}

.blog-post-widget .latest-widget {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px
}

.blog-post-widget .latest-widget-thum {
	position: relative;
	width: 30%
}

.blog-post-widget .latest-widget-thum img {
	max-width: 100%;
	transition: all .3s ease-in-out
}

@media(max-width:991px) {
	.blog-post-widget .latest-widget-thum img {
		width: 100%
	}
}

.blog-post-widget .latest-widget-thum .icon a {
	position: absolute;
	background: #000;
	border-radius: 50px;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	top: -15px;
	left: -15px
}

@media(max-width:991px) {
	.blog-post-widget .latest-widget-thum .icon a {
		left: -10px;
		top: -10px
	}
}

@media(max-width:991px) {
	.blog-post-widget .latest-widget-thum .icon a img {
		width: 50%
	}
}

.blog-post-widget .latest-widget-content {
	width: 65%
}

.blog-post-widget .latest-widget-content .content-title a {
	font-size: 17px;
	font-weight: 700;
	color: #141414;
	margin-bottom: 10px;
	display: block;
	text-decoration: none
}

@media(max-width:1199px) {
	.blog-post-widget .latest-widget-content .content-title a {
		font-size: 16px
	}
}

.blog-post-widget .latest-widget-content .content-meta ul {
	padding: 0;
	margin: 0;
	display: flex;
	list-style: none
}

.blog-post-widget .latest-widget-content .content-meta ul li {
	font-size: 14px
}

.blog-post-widget .latest-widget-content .content-meta ul li a {
	color: #000
}

.blog-post-widget .latest-widget:hover .latest-widget-thum img {
	transform: scale(0.97)
}

.blog-post:hover .blog-post-thumb img {
	transform: scale(0.97)
}

.blog-single {
	padding-top:30px;
}

@media(max-width:991px) {
	.blog-single {
		padding-top: 30px
	}
}

@media(max-width:575px) {
	.blog-single {
		padding-top: 0
	}
}

@media(max-width:400px) {
	.blog-single {
		padding-bottom: 30px
	}
}

.blog-single .share-now {
	position: sticky;
	top: 4%
}

@media(max-width:991px) {
	.blog-single .share-now {
		position: inherit;
		display: flex;
		align-items: center;
		justify-content: space-around
	}
}

.blog-single .share-now a.scrol {
	position: relative;
	color: #000;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	margin-bottom: 90px;
	display: inline-block
}

@media(max-width:991px) {
	.blog-single .share-now a.scrol {
		margin-bottom: 0
	}
}

@media(max-width:767px) {
	.blog-single .share-now a.scrol {
		margin-left: -20px
	}
}

@media(max-width:575px) {
	.blog-single .share-now a.scrol {
		margin-left: 0
	}
}

@media(max-width:400px) {
	.blog-single .share-now a.scrol {
		margin-left: -5px;
		margin-bottom: 5px
	}
}

.blog-single .share-now a.scrol::before {
	position: absolute;
	content: "";
	width: 70px;
	height: 1px;
	background: #000;
	transform: rotate(90deg);
	bottom: -40px;
	left: -10px
}

@media(max-width:991px) {
	.blog-single .share-now a.scrol::before {
		transform: inherit;
		bottom: 11px;
		left: 52px
	}
}

@media(max-width:767px) {
	.blog-single .share-now a.scrol::before {
		width: 40px
	}
}

@media(max-width:575px) {
	.blog-single .share-now a.scrol::before {
		display: none
	}
}

@media(max-width:991px) {
	.blog-single .share-now .sociel-icon {
		margin-left: -100px
	}
}

@media(max-width:767px) {
	.blog-single .share-now .sociel-icon {
		margin-left: 0
	}
}

.blog-single .share-now .sociel-icon ul {
	padding: 0;
	margin: 0
}

.blog-single .share-now .sociel-icon ul li {
	list-style: none;
	display: block
}

@media(max-width:991px) {
	.blog-single .share-now .sociel-icon ul li {
		display: inline-block;
		margin-right: 15px
	}
}

@media(max-width:991px) {
	.blog-single .share-now .sociel-icon ul li {
		margin-right: 5px
	}
}

.blog-single .share-now .sociel-icon ul li a {
	font-size: 20px;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #e0dede;
	border-radius: 50px;
	text-decoration: none;
	color: gray;
	margin-bottom: 10px;
	transition: all .3s ease-in-out
}

@media(max-width:400px) {
	.blog-single .share-now .sociel-icon ul li a {
		font-size: 16px;
		width: 40px;
		height: 40px
	}
}

.blog-single .share-now .sociel-icon ul li a:hover {
	background-color: #000;
	color: #fff
}

.blog-single .single-blog {
	position: relative;
	padding: 0 80px 60px
}

@media(max-width:767px) {
	.blog-single .single-blog {
		padding: 0 0 60px
	}
}

.blog-single .single-blog .tag {
	background-color: #000;
	padding: 5px 20px;
	display: inline-block;
	border-radius: 50px;
	text-decoration: none;
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	margin-bottom: 20px
}

.blog-single .single-blog .title {
	font-size: 40px;
	font-weight: 700;
	color: #141414;
	text-decoration: none;
	display: block;
	line-height: 60px
}

@media(max-width:991px) {
	.blog-single .single-blog .title {
		font-size: 35px
	}
}

@media(max-width:575px) {
	.blog-single .single-blog .title {
		font-size: 30px;
		line-height: 45px
	}
}

@media(max-width:400px) {
	.blog-single .single-blog .title {
		font-size: 24px;
		line-height: 35px
	}
}

.blog-single .single-blog .meta {
	margin: 0;
	padding: 0 0 60px 0;
	display: flex;
	list-style: none
}

@media(max-width:575px) {
	.blog-single .single-blog .meta {
		padding-bottom: 30px
	}
}

.blog-single .single-blog .meta li {
	font-size: 14px
}

.blog-single .single-blog .meta li:not(:last-child) {
	margin-right: 10px
}

.blog-single .single-blog .meta li a {
	color: #000
}

.blog-single .single-blog img {
	/*box-shadow: 10px 25px 40px 0 rgba(18, 21, 26, 0.07);*/
	margin: 0 0px 30px
}

@media(max-width:1199px) {
	.blog-single .single-blog img {
		margin: 0 0 40px 0;
		width: 100%
	}
}

@media(max-width:575px) {
	.blog-single .single-blog img {
		margin-bottom: 0px;
	}
}

.blog-single .single-blog p {
	font-size: 18px;
	font-weight: 500
}

.blog-single .single-blog h3 {
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 25px
}

@media(max-width:575px) {
	.blog-single .single-blog h3 {
		margin-bottom: 15px
	}
}

@media(max-width:575px) {
	.blog-single .single-blog h3 {
		font-size: 20px
	}
}

.blog-single .single-blog blockquote {
	background-color: #f6f6f6;
	padding: 45px 100px 40px 50px;
	margin-bottom: 70px;
	position: relative
}

@media(max-width:991px) {
	.blog-single .single-blog blockquote {
		padding: 45px;
		margin-bottom: 50px
	}
}

@media(max-width:767px) {
	.blog-single .single-blog blockquote {
		margin-bottom: 30px
	}
}

@media(max-width:575px) {
	.blog-single .single-blog blockquote {
		padding: 20px 10px 20px 20px;
		margin-bottom: 15px
	}
}

.blog-single .single-blog blockquote::before {
	content: "";
	position: absolute;
	width: 50px;
	height: 3px;
	background-color: #000;
	top: 50%;
	left: -3%;
	transform: translate(0, -50%) rotate(90deg)
}

@media(max-width:575px) {
	.blog-single .single-blog blockquote::before {
		display: none
	}
}

.blog-single .single-blog blockquote p {
	color: #141414;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 0;
	padding: 0;
	letter-spacing: 1px
}

@media(max-width:575px) {
	.blog-single .single-blog blockquote p {
		font-size: 16px
	}
}

.blog-single .single-blog-banner {
	display: flex;
	justify-content: center;
	margin-bottom: 0px;
	overflow: hidden;
	margin-top:-35px;
}

@media(max-width:767px) {
	.blog-single .single-blog-banner {
		display: block;
		margin-bottom: 30px
	}
}

@media(max-width:575px) {
	.blog-single .single-blog-banner {
		margin-bottom: 15px
	}
}

.blog-single .single-blog-banner .banner:nth-child(1) {
	padding-right: 50px
}

@media(max-width:767px) {
	.blog-single .single-blog-banner .banner:nth-child(1) {
		padding-bottom: 20px;
		padding-right: 0
	}
}

.blog-single .single-blog-banner .banner img {
	max-width: 100%;
	margin: 0;
	box-shadow: none
}

.blog-single-presentation {
	margin-bottom: 50px;
	display: flex;
	border-top: 1px solid #e0dede;
	border-bottom: 1px solid #e0dede
}

.blog-single-presentation ul {
	padding: 0;
	margin: 0;
	display: flex
}

.blog-single-presentation ul li {
	list-style: none;
	padding: 40px 0 40px 40px
}

@media(max-width:767px) {
	.blog-single-presentation ul li {
		padding: 20px 20px
	}
}

.blog-single-presentation ul li:nth-child(1) {
	text-align: right;
	border-right: 1px solid #e0dede;
	padding: 40px 40px 40px 0
}

@media(max-width:767px) {
	.blog-single-presentation ul li:nth-child(1) {
		padding: 20px 20px
	}
}

.blog-single-presentation ul li .tag {
	padding: 10px 30px;
	background-color: gray;
	display: inline-block;
	border-radius: 50px;
	text-decoration: none;
	font-size: 12px;
	color: #fff;
	font-weight: 600;
	margin-bottom: 20px;
	transition: all .3s ease-in-out;
	text-transform: uppercase
}

.blog-single-presentation ul li .title {
	font-size: 20px;
	font-weight: 700;
	color: #141414;
	text-decoration: none;
	margin-bottom: 10px;
	display: block
}

@media(max-width:991px) {
	.blog-single-presentation ul li .title {
		font-size: 18px
	}
}

@media(max-width:767px) {
	.blog-single-presentation ul li .title {
		font-size: 16px
	}
}

.blog-single-presentation ul li:hover .tag {
	background-color: #000
}

.popular-item {
	border: 1px solid #e0e0e0;
	border-radius: 15px;
	padding: 30px;
}

.popular-item .top-content {
	display: flex;
	margin-bottom: 30px;
}

.popular-item .icon {
	background-color: #f7f7f7;
	width: 75px;
	height: 75px;
	display: inline-block;
	text-align: center;
	line-height: 75px;
	border-radius: 10px;
	margin-right: 20px;
}

.popular-item .icon img {
	max-width: 36px;
	border-radius: 0px;
}

.popular-item h4 {
	font-size: 20px;
	margin-top: 5px;
	font-weight: 700;
	margin-bottom: 12px;
}

.popular-item span em {
	font-style: normal;
	font-size: 15px;
	font-weight: 500;
	padding: 5px 8px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	color: #00bdfe;
	background-color: #fff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06);
	margin-right: 10px;
}

.popular-item span {
	color: #afafaf;
	font-weight: 400;
}

.popular-item img {
	border-radius: 15px;
}

.popular-item .thumb {
	position: relative;
	overflow: hidden;
}

.popular-item .thumb span.category {
	font-size: 15px;
	color: #00bdfe;
	background-color: #fff;
	border-radius: 10px;
	font-weight: 500;
	position: absolute;
	left: 15px;
	top: -60px;
	padding: 8px 12px;
	opacity: 0;
	transition: all .3s;
}

.popular-item .thumb span.likes {
	font-size: 15px;
	color: #00bdfe;
	background-color: #fff;
	border-radius: 10px;
	font-weight: 500;
	position: absolute;
	right: 15px;
	top: -60px;
	padding: 8px 12px;
	opacity: 0;
	transition: all .3s;
}

.popular-item .thumb:hover span.category,
.popular-item .thumb:hover span.likes {
	top: 15px;
	opacity: 1;
}

.popular-item .border-button {
	margin-top: 30px;
}

.popular-item .border-button a {
	width: 100%;
	text-align: center;
}


/*
---------------------------------------------
closed contests
---------------------------------------------
*/

section.closed-contests {
	background-image: url(../images/closed-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 120px 0px;
}

.closed-item .thumb {
	position: relative;
	overflow: hidden;
}

.closed-item .thumb img {
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
}

.closed-item .thumb span.winner {
	font-size: 15px;
	color: #00bdfe;
	background-color: #fff;
	border-radius: 10px;
	font-weight: 500;
	position: absolute;
	left: 15px;
	top: -60px;
	padding: 8px 12px;
	opacity: 0;
	transition: all .3s;
}

.closed-item .thumb span.winner em {
	color: #afafaf;
	font-style: normal;
}

.closed-item .thumb span.price {
	font-size: 15px;
	color: #00bdfe;
	background-color: #fff;
	border-radius: 10px;
	font-weight: 500;
	position: absolute;
	right: 15px;
	top: -60px;
	padding: 8px 12px;
	opacity: 0;
	transition: all .3s;
}

.closed-item .thumb span.price em {
	color: #afafaf;
	font-style: normal;
}

.closed-item .thumb:hover span.price,
.closed-item .thumb:hover span.winner {
	opacity: 1;
	top: 15px;
}

.closed-item .down-content {
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	background-color: #fff;
	padding: 25px 30px;
}

.closed-item .down-content h4.pics {
	text-align: right;
}

.closed-item .down-content h4 {
	font-size: 18px;
	line-height: 32px;
}

.closed-item .down-content h4 span {
	font-size: 15px;
	color: #afafaf;
}

.closed-contests .owl-nav {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-35px);
}

.closed-contests .owl-nav .owl-prev {
	position: absolute;
	left: -70px;
}

.closed-contests .owl-nav .owl-next {
	position: absolute;
	right: -70px;
}

.closed-contests .owl-nav .owl-prev span,
.closed-contests .owl-nav .owl-next span {
	width: 46px;
	height: 46px;
	line-height: 46px;
	font-size: 24px;
	display: inline-block;
	color: #afafaf;
	background-color: #fff;
	border-radius: 50%;
	transition: all .3s;
}

.closed-contests .owl-nav .owl-prev span:hover,
.closed-contests .owl-nav .owl-next span:hover {
	background-color: #00bdfe;
	color: #fff;
}

.closed-contests .border-button {
	margin-top: 20px;
}


/*
---------------------------------------------
pricing-plans
---------------------------------------------
*/

.pricing-item {
	text-align: center;
	padding: 30px;
	border: 1px solid #e0e0e0;
	border-radius: 15px;
	transition: all .5s;
}

.pricing-item:hover {
	border: 1px solid transparent;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.06);
}

.pricing-item:hover h4 {
	color: #00bdfe;
}

.pricing-item img {
	max-width: 240px;
}

.pricing-item h4 {
	font-size: 20px;
	font-weight: 700;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #d4d4d4;
	transition: all .5s;
}

.pricing-item ul li {
	font-size: 15px;
	color: #00bdfe;
	margin-bottom: 10px;
}

.pricing-item ul.first-plan li:nth-child(5),
.pricing-item ul.first-plan li:nth-child(4) {
	color: #afafaf;
	text-decoration: line-through;
}

.pricing-item ul.second-plan li:nth-child(5) {
	color: #afafaf;
	text-decoration: line-through;
}

.pricing-item ul li:last-child {
	margin-bottom: 0px;
}

.pricing-item span.price {
	font-size: 30px;
	color: #00bdfe;
	font-weight: 700;
	display: inline-block;
	margin-top: 30px;
}

.pricing-item .border-button {
	margin-top: 30px;
}


/* 
---------------------------------------------
footer 
--------------------------------------------- 
*/

footer.no-space {
	margin-top: 0px;
}

footer {
	background-color: #00bdfe;
	text-align: center;
	padding: 25px 0px;
	margin-top: 30px;
}

footer p {
	color: #fff;
	font-weight: 300;
}

footer p a {
	color: #fff;
	font-weight: 500;
}


/* 
---------------------------------------------
page heading
--------------------------------------------- 
*/

.page-heading {
	background-image: url(../images/heading-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding-top: 200px;
	padding-bottom: 130px;
	text-align: center;
	background-color: #2a2a2a;
}

.page-heading h2 {
	color: #fff;
	font-size: 64px;
	font-weight: 700;
	line-height: 74px;
}

.page-heading h2.space-need {
	padding: 0px 30px;
}

.page-heading h2 em {
	font-style: normal;
	color: #00bdfe;
}

.page-heading p {
	color: #fff;
	padding: 30px 0px;
	margin: 40px 75px 0px 75px;
	border-top: 2px solid rgba(250, 250, 250, 0.2);
}

.page-heading h6 {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 2px solid rgba(250, 250, 250, 0.2);
	font-size: 20px;
	color: #fff;
}

.page-heading .main-content {
	margin-top: 30px;
}

.page-heading .main-content .days,
.page-heading .main-content .hours,
.page-heading .main-content .minutes,
.page-heading .main-content .seconds {
	width: 20%;
}

.page-heading .main-content .counter div {
	margin: 0 2px;
	display: inline-block;
	text-align: center;
}

@media (min-width: 992px) {
	.page-heading .main-content .counter div {
		margin: 0px 10px;
	}
}

.page-heading .main-content .counter div .value {
	font-size: 50px;
	color: #fff;
	font-weight: 700;
	margin-top: 0px;
	margin-bottom: 10px;
	display: inline-block;
	position: relative;
}

.page-heading .main-content .counter div span {
	display: block;
	font-size: 15px;
	color: #fff;
	font-weight: 500;
}


/* 
---------------------------------------------
Contests Page
--------------------------------------------- 
*/

#search-form {
	margin-top: -69px;
	background-color: #fff;
	border-radius: 15px;
	padding: 30px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}

#search-form label {
	font-size: 15px;
	color: #2a2a2a;
	font-weight: 500;
}

#search-form input,
#search-form select {
	background-color: #f7f7f7;
	width: 100%;
	height: 46px;
	border-radius: 10px;
	bordeR: none;
	outline: none;
	padding: 0px 15px;
	font-size: 15px;
	color: #afafaf;
}

#search-form input::placeholder {
	color: #afafaf;
}

#search-form button {
	margin-top: 30px;
	font-size: 15px;
	color: rgb(255, 255, 255);
	background-color: rgb(0, 189, 254);
	border: 1px solid rgb(0, 189, 254);
	padding: 10px 30px;
	display: inline-block;
	border-radius: 10px;
	font-weight: 500;
	text-transform: capitalize;
	letter-spacing: 0.5px;
	transition: all 0.3s ease 0s;
}

#search-form button:hover {
	background-color: transparent;
	color: #00bdfe;
}

.photos-videos .item {
	margin-bottom: 30px;
}

.photos-videos .item .thumb {
	position: relative;
	overflow: hidden;
}

.photos-videos .item .thumb img {
	border-radius: 15px;
}

.photos-videos .item .thumb .play-button a {
	width: 46px;
	height: 46px;
	background-color: #fff;
	border-radius: 50%;
	color: #00bdfe;
	text-align: center;
	line-height: 46px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-23px, -23px);
	opacity: 0;
	transition: all .3s;
}

.photos-videos .item .thumb:hover .play-button a {
	opacity: 1;
}

.photos-videos .item .thumb .top-content {
	position: absolute;
	display: inline-block;
	top: 30px;
	left: 30px;
	right: 30px;
	background-color: #fff;
	border-radius: 10px;
	padding: 15px 25px;
}

.photos-videos .item .thumb .top-content h4 {
	display: inline;
	font-size: 20px;
	font-weight: 700;
}

.photos-videos .item .thumb .top-content h6 {
	display: inline;
	float: right;
	margin-top: 5px;
	color: #afafaf;
	font-weight: 400;
	font-size: 15px;
}

.photos-videos .item .down-content h2 {
	font-size: 20px;
	color: #afafaf;
	font-weight: 700;
	margin-top: 20px;
	margin-left: 30px;
}

.photos-videos .item .down-content h6 {
	text-align: right;
	font-size: 15px;
	color: #00bdfe;
	font-weight: 500;
	margin-top: 24px;
	margin-right: 30px;
}

.contest-win {
	padding: 0px 65px;
}

.contest-win .contest-item {
	border: 1px solid #e0e0e0;
	border-radius: 15px;
	padding: 30px;
}

.contest-win .contest-item .top-content {
	margin-bottom: 30px;
}

.contest-win .contest-item .top-content span.award {
	font-size: 15px;
	color: #fff;
	background-color: #00bdfe;
	border-radius: 10px;
	padding: 8px 12px;
	;
}

.contest-win .contest-item .top-content span.price {
	float: right;
	font-size: 20px;
	font-weight: 700;
	color: #00bdfe;
}

.contest-win .contest-item h4 {
	font-size: 20px;
	font-weight: 700;
	margin-top: 25px;
	margin-bottom: 20px;
}

.contest-win .contest-item img {
	border-radius: 15px;
}

.contest-win .contest-item .info {
	display: flex;
	width: 100%;
}

.contest-win .contest-item span.participants {
	font-size: 15px;
	font-weight: 500;
	color: #afafaf;
	flex-basis: 50%;
}

.contest-win .contest-item span.participants img {
	border-radius: 0px;
	max-width: 24px;
	margin-bottom: 8px;
}

.contest-win .contest-item span.submittions {
	font-size: 15px;
	font-weight: 500;
	color: #afafaf;
	flex-basis: 50%;
	display: inline-block;
	text-align: right;
}

.contest-win .contest-item span.submittions img {
	border-radius: 0px;
	max-width: 24px;
	margin-bottom: 8px;
}

.contest-win .contest-item .border-button {
	margin-top: 25px;
	margin-bottom: 20px;
}

.contest-win .contest-item .border-button a {
	width: 100%;
	text-align: center;
}

.contest-win .contest-item span.info {
	font-size: 15px;
	display: inline-block;
	text-align: center;
	color: #afafaf;
}

.contest-win ul.pagination {
	justify-content: center;
	margin-top: 60px;
}

.contest-win ul.pagination li {
	margin: 0px 7px;
}

.contest-win ul.pagination li a {
	width: 46px;
	height: 46px;
	display: inline-block;
	text-align: center;
	line-height: 44px;
	border: 1px solid #00bdfe;
	border-radius: 50%;
	color: #00bdfe;
	font-size: 20px;
	font-weight: 600;
}

.contest-win ul.pagination li.active a {
	background-color: #00bdfe;
	color: #fff;
}

.contest-win ul.pagination li:last-child a,
.contest-win ul.pagination li:first-child a {
	border-color: transparent;
}


/* 
---------------------------------------------
Contest Details Page
--------------------------------------------- 
*/

.contest-details .top-content {
	background-color: #e7f9ff;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	padding: 30px 45px;
	margin-top: -45px;
}

.contest-details .top-content ul {
	text-align: right;
}

.contest-details .top-content ul li {
	display: inline-block;
}

.contest-details .top-content ul li {
	font-size: 18px;
	font-weight: 500;
	color: #00bdfe;
	margin-left: 15px;
}

.contest-details .top-content ul li:first-child {
	margin-left: 0px;
}

.contest-details .top-content ul li span {
	font-size: 15px;
	color: #afafaf;
}

.contest-details .top-content span.open {
	font-size: 15px;
	background-color: #00bdfe;
	color: #fff;
	padding: 8px 12px;
	border-radius: 10px;
	margin-right: 20px;
}

.contest-details .top-content span.wish-list {
	font-size: 15px;
	font-weight: 500;
	color: #00bdfe;
}

.contest-details .top-content span.wish-list i {
	margin-right: 5px;
}

.contest-details .main-content {
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	padding: 80px 60px;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.06);
}

.contest-details .main-content h4 {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 25px;
}

.contest-details .main-content h6 {
	font-size: 15px;
	font-weight: 600;
}

.contest-details .main-content h6.second-title {
	margin-top: 30px;
}

.contest-details .main-content p {
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
	padding-left: 22px;
}

.contest-details .main-content p:before {
	width: 7px;
	height: 7px;
	background-color: #afafaf;
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	border-radius: 50%;
}

.contest-details .main-content h4.second-title {
	margin-top: 60px;
	padding-top: 60px;
	border-top: 1px solid #d4d4d4;
}

.contest-details .main-content .item span {
	background-color: #f0f0f0;
	border-radius: 10px;
	font-size: 14px;
	color: #2a2a2a;
	font-weight: 600;
	width: 46px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	margin-right: 15px;
	float: left;
}

.contest-details .main-content .item h5 {
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 10px;
}

.contest-details .main-content .item h6 {
	font-size: 15px;
	font-weight: 400;
	color: #afafaf;
}

.contest-details .main-content .main-button {
	margin-top: 60px;
}

.contest-details .main-content .main-button a {
	width: 100%;
	font-size: 20px;
	padding: 15px;
	text-align: center;
}

.contest-waiting h5 {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 35px;
}

.contest-waiting .waiting-item img {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.contest-waiting .waiting-item .down-content {
	background-color: #f7f7f7;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	padding: 25px;
}

.contest-waiting .waiting-item .down-content h4 {
	font-size: 15px;
	color: #00bdfe;
	font-weight: 700;
	margin-bottom: 22px;
}

.contest-waiting .waiting-item .down-content p {
	line-height: 20px;
	margin-bottom: 20px;
}

.contest-waiting .waiting-item .down-content span.price,
.contest-waiting .waiting-item .down-content span.deadline {
	font-size: 15px;
	font-weight: 500;
	color: #afafaf;
}

.contest-waiting .waiting-item .down-content span.deadline {
	float: right;
}

.contest-waiting .waiting-item .down-content span.price em,
.contest-waiting .waiting-item .down-content span.deadline em {
	font-style: normal;
	color: #00bdfe;
}

.contest-waiting ul.pagination {
	justify-content: center;
	margin-top: 60px;
}

.contest-waiting ul.pagination li {
	margin: 0px 7px;
}

.contest-waiting ul.pagination li a {
	width: 46px;
	height: 46px;
	display: inline-block;
	text-align: center;
	line-height: 44px;
	border: 1px solid #00bdfe;
	border-radius: 50%;
	color: #00bdfe;
	font-size: 20px;
	font-weight: 600;
}

.contest-waiting ul.pagination li.active a {
	background-color: #00bdfe;
	color: #fff;
}

.contest-waiting ul.pagination li:last-child a,
.contest-waiting ul.pagination li:first-child a {
	border-color: transparent;
}


/* 
---------------------------------------------
Categories Page
--------------------------------------------- 
*/

.top-categories {
	margin-top: -100px;
}

.top-categories .item {
	text-align: center;
	background-color: #fff;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
	border-radius: 15px;
	padding: 30px;
}

.top-categories .item .icon {
	background-color: #f7f7f7;
	width: 75px;
	height: 75px;
	display: inline-block;
	text-align: center;
	line-height: 75px;
	border-radius: 10px;
}

.top-categories .item .icon img {
	max-width: 36px;
	border-radius: 0px;
}

.top-categories .item h4 {
	font-size: 20px;
	font-weight: 700;
	margin-top: 15px;
	margin-bottom: 10px;
}

.top-categories .item span {
	font-size: 15px;
	color: #afafaf;
	display: block;
}

.top-categories .item span.counter {
	margin-top: 10px;
	font-style: normal;
	font-size: 15px;
	font-weight: 500;
	display: inline-block;
	padding: 5px 8px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	color: #00bdfe;
	background-color: #fff;
	box-shadow: 0px 0px 10px rgb(0 0 0 / 6%);
	margin-right: 10px;
}

.featured-contests .item {
	margin-bottom: 30px;
}

.featured-contests .item .thumb {
	position: relative;
	overflow: hidden;
}

.featured-contests .item .thumb img {
	border-radius: 15px;
}

.featured-contests .item .hover-effect {
	position: absolute;
	right: -100%;
	bottom: 15px;
	transition: all .5s;
}

.featured-contests .item .thumb:hover .hover-effect {
	right: 15px;
	bottom: 15px;
}

.featured-contests .item .hover-effect .content {
	background-color: #fff;
	border-radius: 15px;
	padding: 25px 20px;
}

.featured-contests .item .hover-effect .content .top-content {
	margin-bottom: 20px;
}

.featured-contests .item .hover-effect .content .top-content span.award {
	font-size: 15px;
	color: #fff;
	background-color: #00bdfe;
	border-radius: 10px;
	padding: 8px 12px;
	;
}

.featured-contests .item .hover-effect .content .top-content span.price {
	float: right;
	font-size: 20px;
	font-weight: 700;
	color: #00bdfe;
}

.featured-contests .item .hover-effect .content h4 {
	font-size: 18px;
	font-weight: 700;
	margin-top: 25px;
	margin-bottom: 20px;
}

.featured-contests .item .hover-effect .content img {
	border-radius: 15px;
}

.featured-contests .item .hover-effect .content .info {
	display: flex;
	width: 100%;
}

.featured-contests .item .hover-effect .content span.participants {
	font-size: 13px;
	font-weight: 500;
	color: #afafaf;
	flex-basis: 50%;
}

.featured-contests .item .hover-effect .content span.participants img {
	border-radius: 0px;
	max-width: 24px;
	margin-bottom: 8px;
}

.featured-contests .item .hover-effect .content span.submittions {
	font-size: 15px;
	font-weight: 500;
	color: #afafaf;
	flex-basis: 50%;
	display: inline-block;
	text-align: right;
}

.featured-contests .item .hover-effect .content span.submittions img {
	border-radius: 0px;
	max-width: 24px;
	margin-bottom: 8px;
}

.featured-contests .item .hover-effect .content .border-button {
	margin-top: 15px;
	margin-bottom: 0px;
}

.featured-contests .item .hover-effect .content .border-button a {
	width: 100%;
	text-align: center;
	padding: 10px 20px;
}

.featured-contests .item .hover-effect .content span.info {
	font-size: 15px;
	display: inline-block;
	text-align: center;
	color: #afafaf;
}

.testimonials {
	background-color: #f1fbff;
	padding: 120px 0px;
}

.testimonials .item {
	border: 1px solid #e0e0e0;
	padding: 60px 60px 100px 60px;
	border-radius: 15px;
}

.testimonials .item .content {
	display: flex;
}

.testimonials .item .content .image {
	min-width: 240px;
}

.testimonials .item .content .image img {
	border-radius: 15px;
}

.testimonials .item p {
	font-size: 20px;
	font-weight: 600;
	color: #afafaf;
}

.testimonials .item .content .left-content {
	margin-right: 45px;
}

.testimonials .item .content .left-content h4 {
	display: inline-block;
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid #dfdfdf;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 5px;
}

.testimonials .item .content .left-content span {
	display: block;
	font-size: 15px;
	color: #afafaf;
}

.testimonials .owl-dots {
	text-align: center;
	margin-top: -70px;
	margin-bottom: 120px;
	position: relative;
	z-index: 555;
}

.testimonials .owl-dots .owl-dot {
	width: 10px;
	height: 10px;
	border: 1px solid #afafaf;
	border-radius: 50%;
	margin: 0px 3px;
}

.testimonials .owl-dots .active {
	background-color: #00bdfe;
	border: 1px solid #00bdfe;
}


/* 
---------------------------------------------
Users Page
--------------------------------------------- 
*/

.user-info {
	text-align: center;
	margin-top: -85px;
}

.user-info h4 {
	font-size: 30px;
	font-weight: 700;
	margin-top: 30px;
}

.user-info .avatar img {
	max-width: 170px;
	border-radius: 50%;
	border: 1px solid #afafaf;
}

.user-info .info {
	margin-top: 30px;
	padding: 30px;
	border-radius: 15px;
	border: 1px solid #afafaf;
}

.user-info .info h4 {
	margin-top: 0px;
}

.user-info .info h6 {
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 8px;
}

.user-info .info span {
	font-size: 15px;
	color: #afafaf;
	display: block;
	margin-top: 5px;
}

section.portfolio {
	padding: 80px 0px;
	background-color: #f7f7f7;
}

section.portfolio .thumb {
	position: relative;
	overflow: hidden;
	border-radius: 15px;
	margin-bottom: 30px;
}

section.portfolio .thumb:hover .hover-effect {
	opacity: 1;
	visibility: visible;
}

section.portfolio .thumb .hover-effect {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(42, 42, 42, 0.9);
	opacity: 0;
	visibility: hidden;
	transition: all .3s;
}

section.portfolio .thumb .hover-effect .content {
	text-align: center;
	padding: 30px;
	display: inline-block;
	width: 100%;
}

section.portfolio .thumb .hover-effect .content h4 {
	font-size: 20px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 10px;
}

section.portfolio .thumb .hover-effect .content span {
	font-size: 15px;
	color: #fff;
	margin: 10px;
}

section.portfolio .thumb .hover-effect .content span em {
	font-style: normal;
	font-weight: 700;
}

section.portfolio .thumb .hover-effect .content ul {
	position: absolute;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
}

section.portfolio .thumb .hover-effect .content ul li {
	display: inline-block;
	margin: 0px 5px;
}

section.portfolio .thumb .hover-effect .content ul li a {
	width: 46px;
	height: 46px;
	display: inline-block;
	text-align: center;
	line-height: 46px;
	border-radius: 10px;
	background-color: #fff;
	color: #2a2a2a;
	font-size: 15px;
	transition: all .3s;
}

section.portfolio .thumb .hover-effect .content ul li a:hover {
	background-color: #00bdfe;
	color: #fff;
}

section.portfolio .main-button {
	text-align: center;
	margin-top: 30px;
}

section.contact-us .info-item {
	text-align: center;
	padding: 30px;
	border-radius: 15px;
	background-color: #fff;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 2;
	transition: all .5s;
}

section.contact-us .info-item i {
	font-size: 32px;
	background-color: #00bdfe;
	color: #fff;
	width: 80px;
	height: 80px;
	display: inline-block;
	text-align: center;
	line-height: 80px;
	border-radius: 50%;
	margin-bottom: 25px;
}

section.contact-us .info-item h4 {
	font-size: 25px;
	color: #2a2a2a;
	font-weight: 700;
	margin-bottom: 12px;
}

section.contact-us .info-item a {
	font-size: 15px;
	font-weight: 400;
	color: #2a2a2a;
	transition: all 0.3s;
}

section.contact-us .info-item a:hover {
	color: #00bdfe;
}

#contact {
	margin-top: 60px;
}

#contact input {
	width: 100%;
	height: 50px;
	background-color: #f7f7f7;
	color: #2a2a2a;
	border-radius: 5px;
	border: none;
	padding: 0px 15px;
	font-size: 14px;
	outline: none;
	margin-bottom: 30px;
	transition: all .3s;
}

#contact textarea {
	width: 100%;
	height: 180px;
	max-height: 24px;
	min-height: 150px;
	background-color: #f7f7f7;
	color: #2a2a2a;
	border-radius: 10px;
	border: none;
	padding: 15px 15px;
	font-size: 14px;
	outline: none;
	margin-bottom: 30px;
	transition: all .3s;
}

#contact input:focus,
#contact textarea:focus {
	background-color: #fff;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.06);
}

#contact input::placeholder,
#contact textarea::placeholder {
	color: #212741;
}

#contact button.orange-button {
	font-size: 14px;
	width: 100%;
	text-align: center;
	color: #fff;
	background-color: #00bdfe;
	padding: 12px 30px;
	display: inline-block;
	border-radius: 10px;
	font-weight: 500;
	text-transform: capitalize;
	letter-spacing: 0.5px;
	border: 1px solid #00bdfe;
	transition: all .3s;
}

#contact button.orange-button:hover {
	background-color: transparent;
	border: 1px solid #00bdfe;
	color: #00bdfe;
}


/* 
---------------------------------------------
Responsive Style
--------------------------------------------- 
*/

body {
	overflow-x: hidden;
}

@media (max-width: 767px) {
	.header-area .main-nav .nav li.has-sub ul.sub-menu {
		display: none;
	}

	.testimonials .item .content {
		display: inline-block;
		text-align: center;
	}

	.testimonials .item .content .image {
		margin-top: 30px;
	}

	.testimonials .item .content .left-content {
		margin-right: 0px;
	}

	.featured-items .owl-nav .owl-next,
	.closed-contests .owl-nav .owl-next {
		right: -10px !important;
	}

	.featured-items .owl-nav .owl-prev,
	.closed-contests .owl-nav .owl-prev {
		left: -10px !important;
	}
}

@media (max-width: 992px) {
	.header-area .main-nav .nav li:first-child {
		padding-left: 15px !important;
	}

	.header-area .main-nav .nav li:last-child {
		padding-right: 15px !important;
	}

	.header-area .main-nav .nav li ul li:first-child {
		padding-left: 0px !important;
	}

	.header-area .main-nav .nav li ul li:last-child {
		padding-right: 0px !important;
	}

	.border-button a {
		font-size: 14px;
		padding: 10px 20px;
	}

	.header-area .main-nav .logo {
		margin-right: 5px;
	}

	.section-heading {
		text-align: center;
	}

	section.popular-categories .main-button {
		text-align: center;
		margin-top: -30px;
	}

	section.popular-categories .popular-item {
		margin-top: 30px;
	}

	.contest-win .contest-item {
		margin-bottom: 30px;
	}

	.contest-details .top-content {
		text-align: center;
	}

	.contest-details .top-content ul {
		text-align: center;
		margin-top: 30px;
	}

	.contest-details .top-content ul li:first-child {
		margin-left: 10px;
	}

	.contest-details .top-content ul li {
		margin: 0px 10px;
	}

	.contest-details .item {
		margin-bottom: 20px;
	}

	.contest-waiting .waiting-item {
		margin-bottom: 30px;
	}

	.top-categories .item,
	section.contact-us .info-item {
		margin-bottom: 15px;
	}

	section.popular-categories,
	.contest-win {
		padding: 0px;
	}

	.pricing-item {
		margin-bottom: 15px;
	}

	.featured-contests .item .hover-effect .content .info {
		display: flex !important;
	}
}

@media (max-width: 1200px) {

	.featured-items .owl-nav .owl-next,
	.closed-contests .owl-nav .owl-next {
		right: -25px;
	}

	.featured-items .owl-nav .owl-prev,
	.closed-contests .owl-nav .owl-prev {
		left: -25px;
	}

	.featured-contests .item .hover-effect .content .info {
		display: none;
	}
}

.block-20 {
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 250px;
	position: relative;
	display: block;
}

.blog-entry {
	background: #fff;
	-webkit-box-shadow: 0px 10px 18px -8px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 10px 18px -8px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 10px 18px -8px rgba(0, 0, 0, 0.1);
}

@media (min-width: 768px) {
	.blog-entry {
		margin-bottom: 40px;
	}
}

@media (max-width: 767.98px) {
	.blog-entry {
		margin-bottom: 30px;
	}
}

.blog-entry .text {
	position: relative;
	border-top: 0;
	border-radius: 2px;
}

.blog-entry .text .tag {
	color: #b3b3b3;
}

.blog-entry .text .heading {
	font-size: 18px;
	margin-bottom: 16px;
	font-weight: 400;
}

.blog-entry .text .heading a {
	color: #000000;
}

.blog-entry .text .heading a:hover,
.blog-entry .text .heading a:focus,
.blog-entry .text .heading a:active {
	color: #00bdfe;
}

.blog-entry .text .meta-chat {
	color:#00bdfe;
}

.blog-entry .text .read {
	color: #000000;
	font-size: 14px;
}

.blog-entry .meta>div {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.blog-entry .meta>div a {
	color: #999999;
	font-weight: 500;
}

.blog-entry .meta>div a:hover {
	color: #333333;
}

.blog-entry .btn-custom {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 500;
	color: #008a3f;
}

.ftco-section {
	/*padding: 7em 0;*/
	position: relative;
}

@media (max-width: 767.98px) {
	.ftco-section {
		/*padding: 6em 0;*/
	}
}
.dbox .icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background:#00bdfe;
  margin: 0 auto;
  margin-bottom: 20px; }
  .dbox .icon span {
    font-size: 20px;
    color: #fff; }
.dbox .text {
  width: 100%;
}
.contactForm .label {
  color:#00bdfe !important;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}
 .contact-wrap {
  background: #fff;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; 
}
.contactForm .form-control {
  height: 36px;
  background: #fff;
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  border-radius: 2px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.contactForm .form-control {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0;
}
.form-group {
  margin-bottom: 1rem;
}
.form-control {
  height: 52px !important;
  background: #fff !important;
  color: #000000 !important;
  font-size: 14px;
  border-radius: 5px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.form-control {
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.bg-light {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
	background-color: #efefef;
}

.retro-layout .v-height {
	height: 240px;
}

@media (max-width: 767.98px) {
	.retro-layout .img {
		height: 240px;
	}
}

.retro-layout .h-entry {
	display: block;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

.retro-layout .h-entry .post-category {
	color: #fff;
}

.retro-layout .h-entry .featured-img {
	position: absolute;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
}

.retro-layout .h-entry:hover .featured-img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.retro-layout .h-entry.mb-30 {
	margin-bottom: 30px;
}

.retro-layout .h-entry .date {
	font-size: 15px;
}

.retro-layout .h-entry.gradient {
	position: relative;
}

.retro-layout .h-entry.gradient:before {
	z-index: 1;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: -moz-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
	background: -webkit-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(18%, transparent), color-stop(99%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8)));
	background: -o-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
	background: linear-gradient(to bottom, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc000000', GradientType=0);
}

.retro-layout .text {
	position: absolute;
	bottom: 0;
	z-index: 10;
	padding: 20px;
	max-width: 350px;
}

.retro-layout .text h2,
.retro-layout .text .h2 {
	color: #fff;
	font-size: 18px;
	line-height: 1.2;
	margin-bottom: 0;
}

.retro-layout .text span {
	color: rgba(255, 255, 255, 0.7);
	font-size: 12px;
	display: block;
	margin-bottom: 5px;
}

.retro-layout .text.text-sm h2,
.retro-layout .text.text-sm .h2 {
	font-size: 18px;
	line-height: 1.5;
}

.retro-layout .gradient {
	position: relative;
}

.retro-layout .gradient:before {
	z-index: 1;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: -moz-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
	background: -webkit-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(18%, transparent), color-stop(99%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8)));
	background: -o-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
	background: linear-gradient(to bottom, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc000000', GradientType=0);
}

@media (max-width: 767.98px) {
	.retro-layout .img-5 {
		height: 240px !important;
		margin-bottom: 30px;
		margin-top: 30px;
	}
}

.retro-layout-alt .img-1 {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

@media (max-width: 767.98px) {
	.retro-layout-alt .img-1 {
		height: 240px !important;
		position: relative;
		margin-bottom: 30px;
	}
}

.retro-layout-alt .img-2 {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

@media (max-width: 767.98px) {
	.retro-layout-alt .img-2 {
		height: 240px !important;
	}
}

.retro-layout-alt .mb30 {
	margin-bottom: 30px;
}

.retro-layout-alt .hentry {
	display: block;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
}

.retro-layout-alt .hentry .featured-img {
	position: absolute;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transition: .3s all ease;
	-o-transition: .3s all ease;
	transition: .3s all ease;
}

.retro-layout-alt .hentry:hover .featured-img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.retro-layout-alt .gradient {
	position: relative;
}

.retro-layout-alt .gradient:before {
	z-index: 1;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: -moz-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
	background: -webkit-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(18%, transparent), color-stop(99%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8)));
	background: -o-linear-gradient(top, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
	background: linear-gradient(to bottom, transparent 0%, transparent 18%, rgba(0, 0, 0, 0.8) 99%, rgba(0, 0, 0, 0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc000000', GradientType=0);
}

.retro-layout-alt .post-category {
	margin-left: 20px;
	margin-top: 10px;
}

.retro-layout-alt .v-height {
	height: 300px;
}

.retro-layout-alt .text {
	position: absolute;
	bottom: 0;
	z-index: 10;
	padding: 20px;
	max-width: 350px;
}

.retro-layout-alt .text h2,
.retro-layout-alt .text .h2 {
	color: #fff;
	font-size: 26px;
}

.retro-layout-alt .text span {
	color: rgba(255, 255, 255, 0.7);
}

.retro-layout-alt .text.text-sm h2,
.retro-layout-alt .text.text-sm .h2 {
	font-size: 18px;
	line-height: 1.5;
}

.retro-layout-alt .two-col>a {
	width: calc(50% - 15px);
	float: left;
}

@media (max-width: 575.98px) {
	.retro-layout-alt .two-col>a {
		width: 100% !important;
		float: none !important;
		margin-bottom: 30px;
	}
}
.posts-entry-title {
  text-transform: uppercase;
  font-size: 20px;
  color: #000;
  letter-spacing: .05rem; }