/*=========================================================
Author       : Bestwebcreator.
Template Name: Bitcurrency - Bitcoin, ICO & Cryptocurrency Landing Page Template
Version      : 1.0
==============================================================*/

/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, overlay, section-padding etc)
    02. HEADER DESIGN
	03. BANNER SECTION
	04. PRICE RATE SECTION
	05. WHY CHOOSE SECTION
	06. LIVE PRICE CHART SECTION
	07. COUNTER SECTION
	08. GET STARTED SECTION
	09. VIDEO SECTION
	10. TEAM SECTION
	11. BLOG SECTION
	12. PARTNER SECTION
	13. CONTACT FORM SECTION
	14. FOOTER SECTION
    
 *=============================================================*/
  
/*===================================*
  01. GENERAL STYLE
 *===================================*/
body {
	background: #ffffff none repeat scroll 0 0;
    color: #7e7e7e;
    font-family: "Montserrat",sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    overflow-x: hidden;
}

html,
body { 
	height: 100% 
}
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #373737;
	font-weight: 400;
	letter-spacing: 0px;
	margin-top: 0px; 
}
p {
	color:#000;
}
a {
	color: #fbc532;
	text-decoration: none;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
a:hover {
	color: #08a1cb;
	text-decoration: none;
}
a:focus {
	outline: none;
	text-decoration: none;
}
img {
	max-width: 100%;
}
ul,
li {
	margin: 0;
	padding: 0;
	list-style:none;
}
::-webkit-input-placeholder {
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
}
:-moz-placeholder {
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
}
::-moz-placeholder {
	font-weight: 400;
	font-family: 'Montserrat', sans-serif; 
}
:-ms-input-placeholder {
	font-weight: 400;
	font-family: 'Montserrat', sans-serif;
}
fieldset {
	border: 0 none;
	margin: 0 auto;
	padding: 0;
}
section {
	padding: 60px 0
}
.no-padding { 
	padding: 0
}
.heading {
	margin-bottom: 50px;
}
.heading h2 {
	font-weight: 600;
	margin: 0 0 20px;
	position:relative;
	padding-bottom:15px;
	text-transform: uppercase;
}
.heading h2:before {
	background-color:#373737;
	bottom:0;
	content:"";
	height:4px;
	left:0;
	position:absolute;
	width:80px;
}
.tools_title h2{
	color:#fff !important;
}
.tools_title h2:before {
	background-color:#fff;
}
.heading.text-center h2::before {
	margin: 0 auto;
	right: 0;
}
.heading.white h2 {
	color: #ffffff;
}
.heading.white h2::before {
	background-color: #ffffff;
}
.gray_bg {
	background-color: #f7fbfe;
}
.white p {
	color:#fff;
}
.list_none li {
	list-style:none;
}
input {
	border: 0;
	border-radius: 6px;
	padding: 10px 20px;
	width: 100%;
}
button {
	background-color: #08a1cb;
	border: 2px solid transparent;
	border-radius: 30px;
	color: #ffffff;
	padding: 10px 20px;
	text-transform: uppercase;
}
button:hover {
	background-color:transparent;
	border-color: #08a1cb;
	color:#08a1cb;
}
button:focus {
	outline:none;
}


/*START LOADER DESIGN*/
.pageloader {
	background: #ffffff none repeat scroll 0 0;
	display: table;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999999;
}
.pageloader i {
	border: 2px solid #08a1cb;
	border-radius: 100%;
	color:#08a1cb;
	font-size: 36px;
	height: 60px;
	line-height: 55px;
	text-align: center;
	transform: rotate(15deg);
	width: 60px;
}
.loader_wrap {
	display: table;
	left: 50%;
	margin: -40px 0 0 -40px;
	position: fixed;
	right: 0;
	top: 50%;
	
}
.loader_wrap::before, 
.loader_wrap::after {
	 -webkit-animation: animate 2.5s infinite ;
    -moz-animation: animate 2.5s infinite ;
    -o-animation: animate 2.5s infinite ;
    -ms-transition:animate 2.5s infinite ;
	animation: animate 2.5s infinite ;
	border: 3px solid rgba(255, 136, 14, 0.5);
	border-radius: 50%;
	bottom: -20px;
	content: "";
	display: block;
	left: -20px;
	opacity: 0;
	position: absolute;
	right: -20px;
	top: -20px;
}
.loader_wrap:after {
	animation-delay: 0.8s
}
@keyframes animate {
	0%
	{
		opacity:0;
		transform: scale(0.5);
	}
	50%
	{
		opacity:1;
	}
	100%
	{
		opacity:0;
		transform: scale(1.2);
	}
}
/*END PRELOADER DESIGN*/

/* BTN START */
.btn {
	border-radius: 40px;
	font-size: 16px;
	padding: 15px 25px;
	text-transform: uppercase;
}
.btn-default {
	background-color: #08a1cb;
	border: 2px solid transparent;
	color: #fff;
}
.btn-default.active.focus, 
.btn-default.active:focus, 
.btn-default.active:hover, 
.btn-default:active:focus, 
.btn-default:active:hover,
.btn-default.active,
.btn-default:active,
.btn-default.focus:active, 
.btn-default:hover,
.btn-default:focus {
	background-color: transparent;
	border-color:#08a1cb;
	box-shadow:none;
	color: #08a1cb;
	outline:none;
}
.btn-primary {
	background-color: transparent;
	border: 2px solid #fff;
	color: #fff;
}
.btn-primary.active.focus, 
.btn-primary.active:focus, 
.btn-primary.active:hover, 
.btn-primary:active:focus, 
.btn-primary:active:hover,
.btn-primary.active,
.btn-primary:active,
.btn-primary.focus:active, 
.btn-primary:hover,
.btn-primary:focus {
	background-color: #fff;
	border-color: #fff;
	box-shadow:none;
	color: #08a1cb;
	outline:none;
}
.scrollup {
	background-color: #333333;
	border-radius: 100%;
	bottom: 35px;
	color: #ffffff;
	font-size: 30px;
	height: 50px;
	line-height: 47px;
	position: fixed;
	right: 20px;
	text-align: center;
	width: 50px;
	z-index:99;
}
.scrollup:hover {
	background-color: #08a1cb;
	color:#fff;
}
.scrollup:focus {
	color:#fff;
}
/* BTN END */
/*===================================*
  01.END GENERAL STYLE
*===================================*/

/*===================================*
02. START HEADER DESIGN
*===================================*/

.navbar-brand {
	display: block;
	height: auto;
	margin-left: 0 !important;
	padding: 0;
}
.navbar-brand img {
	padding: 20px 0 0;
}
header.navbar {
	border: 0 none;
	margin: 0;
	min-height: auto;
}
header .navbar-nav > li > a {
	border: 2px solid rgba(0, 0, 0, 0);
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.attr-nav > ul > li > a {
	line-height: normal;
	padding: 32px 10px;
}
header .navbar.bootsnav ul.nav.navbar-nav li a:hover,
header .navbar.bootsnav ul.nav.navbar-nav li.active a,
header .navbar.bootsnav.white .attr-nav > ul > li > a:hover {
	background-color:transparent;
	color:#27daf8;
}
.attr-nav > ul > li > a {
    color: #009cb7;
    display: block;
    padding: 28px 15px;
    position: relative;
}
/*===================================*
02. END HEADER DESIGN
*===================================*/

/*===================================*
03. BANNER SECTION
*===================================*/
.background_bg {
	background-position: center center;
	background-size: cover;
	background-attachment:fixed;
	height: 700px !important;
}
.inner_bg{
	height:400px !important;
}
.inner_title h2{
	margin-bottom: 0px !important;
    padding-top: 80px;
}
.bg_background {
	background-position: center center;
	background-size: cover;
}
.overlay {
	position:relative;
}
.overlay::before {
    background-color: rgba(0, 0, 0, 0.56);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.banner_section canvas {
	position: relative;
}
.banner_content_wrap {
	left: 0;
	position: absolute;
	right: 0;
	text-align: left;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.banner_content h2 {
	color:#00d9fd;
    font-size: 50px;
    font-weight: 600;
    text-shadow: 1px 0px 0px #ccc;
    padding-bottom: 10px;
}
.banner_title{
	color:#fff !important;
}
.banner_content p {
	color: #ffffff;
}
.banner_content .btn {
	margin: 10px 15px 0 0;
}

.home_slider .owl-dots {
	bottom: 20px;
	left: 0;
	position: absolute;
	right: 0;
}
.home_slider .owl-prev,.home_slider .owl-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.home_slider .owl-prev {
	left: 0;
}
.home_slider .owl-next {
	right:0;
}
.home_slider .owl-nav i {
	background-color: rgba(255, 255, 255, 0.8);
	color: #333333;
	font-size: 40px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	width: 50px;
}
.home_slider .owl-nav i:hover {
	background-color:#08a1cb;
	color:#fff;
}
/*===================================*
03. END BANNER SECTION
*===================================*/

/*===================================*
04. ABOUT SECTION
*===================================*/
.about .heading {
    margin-bottom: 15px;
}
.about .btn{
    margin-top: 10px;
}
/*===================================*
04. END ABOUT SECTION
*===================================*/

/*===================================*
04. PRICE RATE SECTION
*===================================*/
.price_rate {
	background-color: #231f1e;
}
.wave_bg { 
	position:relative;
	padding-bottom:150px;
	height:800px;
}
.wave_bg::before {
	background-image: url("../images/wave.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: contain;
	bottom: 0;
	content: "";
	display: block;
	height: 660px;
	left: 0;
	position: absolute;
	right: 0;
	width: 100%;
}
.rate_list {
	padding-bottom: 15px;
	padding-top: 15px;
	position: relative;
}
.rate_list::before {
	background-color: #ffffff;
	border-radius: 10px;
	bottom: 0;
	content: "";
	left: 30px;
	position: absolute;
	right: 30px;
	top: 0;
}
.rate_content {
	background-color: #333333;
	border-radius: 10px;
	padding:15px 15px 5px 15px;
	position:relative;
}
.rate_content, 
.rate_content h3 {
	color: #ffffff;
	margin-bottom: 0;
}
.rate_content h3 {
	text-transform:uppercase;
}
.currency_list {
	border-top: 1px solid #575757;
	display: inline-block;
	padding-top: 10px;
	width: 100%;
}
.currency_list > li {
	color:#fff;
	float: left;
	list-style: outside none none;
	padding: 0 10px;
	width: 33.33%;
}
.currency_list p {
	line-height:normal;
	margin: 0;
}
/*===================================*
04. END PRICE RATE SECTION
*===================================*/

/*===================================*
05. WHY CHOOSE SECTION
===================================*/
.service_box {
	background-color: #ffffff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	margin-top: 30px;
	padding: 20px;
	position: relative;
	z-index: 1;
}
.whychoose .col-md-4:nth-child(-n+3) .service_box {
  margin-top: 0;
}
.service_icon img {
	vertical-align: middle;
	width: 70px;
}
.service_text h4 {
	font-size: 22px;
	font-weight: 600;
	padding: 10px 0px;
    color: #000;
	text-transform: capitalize;
}
.service_text a h4:hover{
	color:#f36f20;
}
.service_text p {
	margin-bottom: 0;
	max-height: 120px;
	overflow: hidden;
	font-size: 14px;
    color: #111;
    font-weight: 500;
	padding-bottom: 10px;
}
.service_icon {
	height: 86px;
	line-height: 86px;
	margin-bottom: 20px;
}

.service_box:hover::before {
	bottom: 0;
}
.service_box::before {
    background-color: #08a1cb;
    bottom: 100%;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 3px;
    z-index: -1;
}
/*===================================*
05. END WHY CHOOSE SECTION
*===================================*/

/*===================================*
06. LIVE PRICE CHART SECTION
*===================================*/
.btcwdgt-chart.btcwdgt.btcwdgt-headlines.btcwdgt-light.btcwdgt-clean {
	margin-left:0 !important;
	margin-right:0 !important;
	max-width: 100% !important;
	min-width: 100% !important;
}
.price-item-live .btcwdgt {
    margin: 0px !important;
}
.price-item-live .btcwdgt-text-ticker .btcwdgt-edge {
	background-color: #08a1cb !important;
}
.btcwdgt-chart.btcwdgt {
  margin: 0 auto !important;
}

/*===================================*
06. END LIVE PRICE CHART SECTION
*===================================*/

/*===================================*
07. COUNTER SECTION
*===================================*/
.counter_wrap {
	padding: 100px 0;
}
.counter_box i {
	border: 2px solid #ffffff;
	border-radius: 100%;
	font-size: 35px;
	height: 60px;
	line-height: 55px;
	width: 60px;
}
.counter_box {
	color: #ffffff;
	text-align: center;
}
.counter_box .counter {
	color:#fff;
	display:block;
	font-size: 35px;
	margin: 25px 0;
}
.counter_box h6 {
	color: #ffffff;
	margin:0;
	text-transform:uppercase
}
/*===================================*
07. END COUNTER SECTION
*===================================*/

/*===================================*
08. GET STARTED SECTION
*===================================*/
.bg_color1 {
	background-color: #029ab9;
	border-radius: 10px;
    padding: 15px 15px 5px 15px;
    position: relative;
}
.f_tool{
	margin-top:80px;
}
.tools{
	padding:0 20px;
}
.bg_color2 {
	background-color: #08a1cb;
}
.get_start_box {
	padding: 15px 15px 5px 15px;
}
.get_start_box p {
	margin-bottom: 0;
}
.get_start_box i, 
.get_start_box h3, 
.get_start_box p {
	color: #ffffff;
}
.get_start_box i {
	border: 3px solid #ffffff;
    border-radius: 10px;
    font-size: 40px;
    height: 70px;
    line-height: 45px;
    padding: 10px;
    text-align: center;
    transition: all 0.8s ease 0s;
    width: 70px;
}
.get_start_box:hover i {
	background-color: #ffffff;
	border-radius: 100%;
	color: #009ab7 !important;
}
.get_start_box h3 {
	font-size:20px;
	font-weight:500;
	margin-top:20px;
}
/*===================================*
08. END GET STARTED SECTION
*===================================*/

/*===================================*
09. VIEDO SECTION
*===================================*/
.video_box {
	padding: 50px 0;
}
.video_box a {
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 100%;
	color:#fff;
	display: inline-block;
	font-size: 30px;
	height: 100px;
	line-height: 100px;
	padding-left: 5px;
	position:relative;
	text-align: center;
	width: 100px;
	
}
.video_box a::before, 
.video_box a::after {
	 -webkit-animation: animate 2.5s infinite ;
    -moz-animation: animate 2.5s infinite ;
    -o-animation: animate 2.5s infinite ;
    -ms-transition:animate 2.5s infinite ;
	animation: animate 2.5s infinite ;
	border: 5px solid rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	bottom: -20px;
	content: "";
	display: block;
	left: -20px;
	opacity: 0;
	position: absolute;
	right: -20px;
	top: -20px;
}
.video_box a:after {
	animation-delay: 0.8s
}
@keyframes animate {
	0%
	{
		opacity:0;
		transform: scale(0.5);
	}
	50%
	{
		opacity:1;
	}
	100%
	{
		opacity:0;
		transform: scale(1.2);
	}
}
/*===================================*
09. END VIDEO SECTION
*===================================*/

/*===================================*
10. TEAM SECTION
*===================================*/
.team_social_wrap {
	bottom: 0;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	text-align: center;
}
.team_img {
	position: relative;
	overflow:hidden;
}
.team_img img {
	transition: all 0.2s ease 0s;
}	
.team_box:hover img {
	transform: scale(1.1);
}
.team_social {
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 30px 30px 0 0;
	display: inline-block;
	padding: 0 10px;
}
.team_social li {
	display: inline-block;
	list-style: outside none none;
}
.team_social a {
	color: #ffffff;
	display: block;
	font-size: 20px;
	padding: 10px 15px;
}
.team_social a:hover {
	color: #08a1cb;
}
.team_content {
	padding: 20px 0 0;
}
.team_content h3 {
	text-transform: capitalize;
}
.team_content h3 a {
	color:#000;
}
.team_box:hover h3 a {
	color: #08a1cb;
}
.team_content p {
	margin: 0;
}
.team_slider .owl-prev, .team_slider .owl-next {
	position: absolute;
	top: 40%;
}
.team_slider .owl-prev {
	left:0;
}
.team_slider .owl-next {
	right:0;
}
.team_slider .owl-nav i {
	background-color: #ffffff;
	font-size: 30px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	width: 40px;
}
/*===================================*
10. END TEAM SECTION
*===================================*/

/*===================================*
11. BLOG SECTION
*===================================*/
.blog figure {
	overflow: hidden;
	position: relative;
}
.blog figure img {
	transition: all 0.5s ease 0s;
}
.blog:hover figure img {
	transform: scale(1.1);
}
.blog_date {
	bottom: 0;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	text-align:center;
}
.date {
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 30px 30px 0 0;
	color: #ffffff;
	display: inline-block;
	padding: 10px 20px;
}
.date i {
	margin-right: 10px;
}
.content_blog {
	background-color: #ffffff;
	padding: 25px 20px;
}
.content_blog h4 a {
	color: #000000;
	font-weight: 600;
	letter-spacing: 0.1px;
	line-height: normal;
}
.content_blog h4 a:hover {
	color:#08a1cb;
}
.content_blog a {
	color: #08a1cb;
	font-weight:600;
	text-transform: capitalize;
}
.content_blog a:hover {
	color:#000;
}
.blog_content .owl-dots {
	margin-top: 40px;
}
.owl-dots {
	text-align: center;
}
.owl-dot {
	display: inline-block;
	margin: 5px;
}
.owl-dot span {
	background-color: #dddddd;
	border-radius: 100%;
	display: inline-block;
	height: 14px;
	width: 14px;
}
.owl-dot.active > span {
	background-color: #08a1cb;
}

/*===================================*
11. END BLOG SECTION
*===================================*/

/*===================================*
12. PARTNER SECTION
*===================================*/
.partner_logo a {
	display: inline-block;
}
.partner_logo img {
	border: 1px solid #eeeeee;
	padding: 20px 10px;
}
.partner_logo img:hover {
	border-color:#08a1cb;
}
/*===================================*
12. END PARTNER SECTION
*===================================*/

/*===================================*
13. CONTACT FORM SECTION
*===================================*/
.contact_form {
	background-color: rgba(255, 255, 255, 0.4);
	padding: 50px;
}
.form-control {
	background: #ffffff none repeat scroll 0 0;
	border: 1px solid #ddd;
	border-radius: 5px;
	box-shadow: none;
	color: #999999;
	font-size: 16px;
	height: 55px;
}
.actions input {
	display: table;
	margin: 0 auto;
	width: auto;
}
.alert-msg-failure {
    color: #ff0000;
    background-color: #fff;
    margin-top: 20px;
    padding: 10px;
}
.alert-msg-success {
    padding: 10px;
    background-color: #fff;
    margin-top: 20px;
    color: #2e7523;
}
/*===================================*
13. END CONTACT FORM SECTION
*===================================*/

/*===================================*
14. FOOTER SECTION
*===================================*/
.top_footer { 
	background-color:#333;
	padding:50px 0;
}
.footer_logo {
	margin-bottom: 30px;
}
.site_info ul li {
	display: inline-block;
	margin-bottom:10px;
	width:100%;
}
.site_info ul li:last-child {
	margin-bottom:0;
}
.site_info i,
.site_info a,
.site_info p {
	color: #ffffff;
	font-size: 14px;
} 
.site_info i {
	clear: both;
	float: left;
	font-size: 20px;
	padding: 5px 15px 0px 0px;
}
.list_none p,
.site_info a {
	overflow: hidden;
}
.site_info ul li p {
	margin-bottom:0;
	font-size: 14px;
}
.site_info a:hover {
	color: #08a1cb;
}
.newsletter_content {
	border-right: 3px solid #999999;
	padding: 0px 30px 20px 0px;
}
.footer_title {
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.newsletter_content p {
	color: #ffffff;
    margin-bottom: 15px;
    font-size: 14px;
    text-align: justify;
}
.newsletter_form input {
	margin-bottom: 15px;
}
.bottom_footer {
	background-color:#222;
	padding:20px 0;
}
.copyright_text p {
	margin:0;
	color: #ddd;
	font-size: 12px;
}
.social_footer ul li {
	display: inline-block;
}
.social_footer a {
	color: #7e7e7e;
	padding: 5px;
}
.social_footer a:hover {
	color: #08a1cb;
}
.pruit p{
	color:#ddd;
	font-size:12px;
}
/*===================================*
14. END FOOTER SECTION
*===================================*/



/* THEME COLOR CSS*/
.color-switch {
    background: #000;
 left: -207px;
 position: fixed;
 top: 40%;
    transition: all .4s;
    z-index: 9999999;
}
.color-switch p {
 color:#fff;
 padding:10px 20px;
}
.color_box {
 padding:0px 20px 20px;
}
.switch-active {
    left: 0;
}
.color-switch .icon {
    position: absolute;
    top: 0;
    right: -40px;
    width: 40px;
    height: 40px;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background: #000;
    cursor: pointer;
}
.color-switch .icon i{
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
.color-switch button::after {
    content: "\f00c";
    font-family: "FontAwesome";
    position: absolute;
    top: 0;
    left: 5px;
    font-size: 10px;
    color: #fff;
    opacity: 0;
}
.color-switch button {
    width: 20px;
    margin: 2px;
    height: 20px;
    line-height: 20px;
    border: 0;
    text-align: center;
 padding:0;
    position: relative;
}
.color-switch .blue {
    background: #7E6DF6;
}
.color-switch .active::after {
    opacity: 1;
}
.market h4{
	padding:20px 0;
	color:#000;
	font-size:20px;
	font-weight:500;
	text-align:center;
}

/* testi css */
#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
    /* Control buttons  */
    /* Previous button  */
    /* Next button  */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
}
#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
#quote-carousel .carousel-control.left {
    left: -60px;
}
#quote-carousel .carousel-control.right {
    right: -60px;
}
#quote-carousel .carousel-indicators {
    right: 50%;
    top: 220px;
    bottom: 0px;
    margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    margin: 5px;
    cursor: pointer;
    border: 4px solid #CCC;
    border-radius: 50px;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s;
}
#quote-carousel .carousel-indicators .active {
    background: #333333;
    width: 128px;
    height: 128px;
    border-radius: 100px;
    border-color: #f33;
    opacity: 1;
    overflow: hidden;
}
.carousel-inner {
    min-height: 300px;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
.service-details p {
    line-height: 30px;
    color: #000;
    text-align: justify;
    font-size: 14px;
    font-weight: 500;
}
.service-details h5 {
    padding-bottom: 5px;
	color: #000;
    font-size: 18px;
    font-weight: 500;
	padding-top: 15px;
}
}


.service-details ul{
	list-style:none;
}
.service-details ul li:last-child {
    padding-bottom:10px;
}
.service-details ul li {
    line-height: 30px;
    color: #111;
    font-size: 14px;
    font-weight: 500;
}
.service-details ul li i {
    padding-right: 8px;
}
.service-details ul li a {
    color: #111;
}
.service-details ul li a:hover {
    color: #08a1cb;
}
.achiev{
	margin-bottom:15px;
}
.aboutus p{
	font-size:15px;
	color:#000 !important;
	font-weight:400;
	text-align:justify;
	line-height:30px !important;
}
.founder {
    float: left;
    margin-right: 25px;
}
.founder p {
    color: #eb2323 !important;
    font-size: 16px;
    text-align: center;
    margin: 10px 0!important;
}
.founder span {
    color: rgb(0, 0, 0);
    font-size: 14px;
    text-align: center;
    display: block;
    padding-bottom: 10px;
}
.f_tool:nth-child(-n+4) {
	margin-top: 0px !important;
}
.newsletter_content {
	color: #ffffff;
	margin-bottom: 15px;
	font-size: 14px;
	text-align: justify;
}
.scrollup .fa{
	margin-top : 8px !important;
}
@media (max-width: 576px) {
	.final_plan iframe {
		height: 1500px !important;
	}
}
#benefits span {
	display: block;
	display: block;
	width: 100%;
	height: 30px;
	text-align: left;
	font-weight: bold;
	color: #f59019;
	margin: 0px 0px 10px 0px;
	font-size: 20px;
	clear: both;
}
/*video section*/
.testimonial h2 {
	font-size: 33px;
	font-weight: bold;
	line-height: 35px;
}

.owl-controls.clickable .owl-pagination {
	margin-top: 1rem;
}

.owl-controls.clickable .owl-pagination .owl-page span {
	background: #e27919 none repeat scroll 0 0 !important;
	display: inline-block !important;
	height: 5px !important;
	margin: 0 4px;
	width: 20px !important;
}

.owl-controls.clickable .owl-pagination .owl-page.active span {
	background: #393991 none repeat scroll 0 0 !important;
}
.video-test {
	padding: 50px 0px 70px 330px;
	background: #efefef;
}
.video-test h2 {
	margin: 10px 0px 40px 0px;
}
.testmonial-wrapper1 .owl-wrapper-outer .owl-wrapper .owl-item {
	width: 750px !important;
}
/*gallery section*/

#lcl_wrap {
	background: gray;
	width: 50%;
	margin: auto;
	padding-top: 50px;
}

#lcl_elem_wrap {
	background-size: contain !important;
	border-radius: 12px;
}

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

.gallery {
	column-count: 4;
	--webkit-column-count: 4;
	--moz-column-count: 4;
	gap: 0.2rem;
	padding: 4rem;
	margin-top: 110px;
}

.image img {
	height: auto;
	width: 100%;
	padding: 3.4px 2px;
	border-radius: 12px;
}

/* Responsive-ness for different screen-sizes */
@media screen and (max-width: 810px) {
	.gallery {
		column-count: 3;
		--webkit-column-count: 3;
		--moz-column-count: 3;
	}
}

@media screen and (max-width: 500px) {
	.gallery {
		column-count: 2;
		--webkit-column-count: 2;
		--moz-column-count: 2;
	}
}

@media screen and (max-width: 400px) {
	.gallery {
		column-count: 1;
		--webkit-column-count: 1;
		--moz-column-count: 1;
	}
}

li.nav-item.img_hide {
	display: none;
}

li.nav-item.img_show {
	display: block;
}

/*end gallery section*/

/*gallery popup section*/

@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3ik4zAkA.ttf) format('truetype');
}

@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xK3dSBYKcSV-LCoeQqfX1RYOo3aPw.ttf) format('truetype');
}

@font-face {
	font-family: 'Source Sans Pro';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rAkA.ttf) format('truetype');
}

.container.description {
	background: white;
	border: 1px solid #eee;
	padding: 10px 25px;
	margin-top: 40px;
}

	.container.description h1 {
		font-size: 35px;
		font-weight: 300;
	}

		.container.description h1 small {
			display: block;
			font-size: 16px;
			font-weight: 400;
			text-transform: uppercase;
			letter-spacing: 2px;
		}

	.container.description p {
		font-size: 14px;
		line-height: 1.5;
		color: #666;
	}

	.container.description h3 {
		color: #0080a7;
		margin-top: 25px;
		font-size: 20px;
		font-weight: 400;
		margin-bottom: 0;
	}

	.container.description h5 {
		font-size: 12px;
	}

	.container.description code {
		background: #eee;
		font-size: 12px;
	}
/* SLIDER AND POP UP GALLERY STARTS HERE */
.awesome__slider div {
	background: black;
	display: flex !important;
}

	.awesome__slider div img {
		width: auto !important;
		max-height: 97%;
		display: flex;
		margin: auto;
	}

	.awesome__slider div h3 {
		padding-top: 50px;
		color: white;
		font-size: 50px;
	}

/*.container {
    max-width: 800px;
}
*/
.awesome__slider .slick-prev,
.awesome__slider .slick-next,
.awesome__slider .prev-img,
.awesome__slider .next-img {
	border-radius: 50% !important;
	height: 30px;
	width: 30px;
	display: block;
	border: none;
	background: gainsboro;
	position: absolute;
	top: 45%;
	left: 0;
	z-index: 999;
	cursor: pointer;
	border-radius: 11px;
	margin: 4px;
	padding: 4px 4px !important;
}

.awesome__slider .slick-next, .awesome__slider .next-img {
	right: 0px;
	left: auto !important;
	background: gainsboro !important;
}

.awesome__slider .slick-prev, .awesome__slider .prev-prev {
	left: 9px !important;
	background: gainsboro !important;
}
.next-img:hover {
	background: gray;
}

.prev-img:hover {
	background: gray;
}

.next-img {
	right: 0;
	left: auto;
}
/*.awesome__thumbnails {
    column-count: 2;
    --webkit-column-count: 2;
    --moz-column-count: 2;
    gap: 0.2rem;
 
}*/
.awesome__thumbnails {
	line-height: 0;
	-webkit-column-count: 2;
	-webkit-column-gap: 0px;
	-moz-column-count: 2;
	-moz-column-gap: 2px;
	column-count: 2;
	column-gap: 0px;
}

.thumb img {
	width: 100% !important;
	height: auto !important;
	padding: 2px;
	border-radius: 11px;
	/*filter: blur(1.2px);*/
}

.awesome__thumbnails .thumb.active img {
	filter: blur(0);
	box-shadow: 0px 0px 8px 0px #e0dbdf;
}

@media screen and (max-width: 749px) {
	.awesome__thumbnails {
		display: none;
	}
}

.awesome__ba,
.awesome__videos {
	text-align: center;
	background-color: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 0.25rem;
	box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0;
	box-sizing: border-box;
	color: rgba(0, 0, 0, 0.85);
	cursor: pointer;
	font-size: 12px;
	font-weight: 600;
	justify-content: center;
	line-height: 1.25;
	min-height: 3.2rem;
	padding: calc(0.875rem - 1px) calc(1.5rem - 1px);
	text-decoration: none;
	transition: all 250ms;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	vertical-align: baseline;
	width: 98%;
}

	.awesome__ba small,
	.awesome__videos small {
		display: block;
		font-weight: lighter;
	}

	.awesome__ba:hover,
	.awesome__videos:hover,
	.awesome__ba:focus,
	.awesome__videos:focus {
		border-color: rgba(0, 0, 0, 0.15);
		box-shadow: rgba(0, 0, 0, 0.1) 0 4px 12px;
		color: rgba(0, 0, 0, 0.65);
	}

	.awesome__ba:hover,
	.awesome__videos:hover {
		transform: translateY(-1px);
	}

	.awesome__ba:active,
	.awesome__videos:active {
		background-color: #f0f0f1;
		border-color: rgba(0, 0, 0, 0.15);
		box-shadow: rgba(0, 0, 0, 0.06) 0 2px 4px;
		color: rgba(0, 0, 0, 0.65);
		transform: translateY(0);
	}

.bord {
	width: 98%;
	border-top: 1px dashed #ccc;
	margin: 10px 0;
}

.awesome__slider, .slick-list {
	height: 100vh !important;
	max-height: 400px;
}

.slick-slide {
	display: flex;
}

@media screen and (max-width: 749px) {
	.popup__btns {
		display: flex;
		gap: 5px;
	}

		.popup__btns .bord {
			display: none;
		}

	.flex-column-reverse {
		height: auto !important;
		padding: 0 !important;
	}

	.thumbnails-content .modal-dialog {
		max-width: 100% !important;
	}

	.thumbnails-content {
		padding-right: 0 !important;
	}

	.awesome__slider div img {
		max-width: 97% !important;
		height: auto !important;
	}
}

.thumbnails-content .modal-content {
	background-color: #fff !important;
	border-radius: 11px !important;
}

.flex-column-reverse {
	height: 85vh;
}

	.flex-column-reverse .col-md-4 {
		height: 75vh;
		overflow-x: auto;
	}

		.flex-column-reverse .col-md-4::-webkit-scrollbar {
			width: 3px;
		}

		.flex-column-reverse .col-md-4::-webkit-scrollbar-track {
			background: #f1f1f1;
		}

		.flex-column-reverse .col-md-4::-webkit-scrollbar-thumb {
			background: #888;
		}

			.flex-column-reverse .col-md-4::-webkit-scrollbar-thumb:hover {
				background: #555;
			}

.slick-list.draggable {
	border-radius: 11px;
}

.thumb.active {
	border: 2px solid dodgerblue;
	border-radius: 11px;
}

.custom-close {
	position: absolute;
	right: 10px;
	font-size: 35px;
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	display: none !important;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
.thumbnails-content .modal-dialog {
	width: 80% !important;
}
.row .mt-5 {
	margin-top: 70px;
}
.row .col-md-4 {
	margin-top: 30px;
}
/*legend gallery popup*/
/*end gallery popup section*/
nav.navbar.bootsnav {
    margin-bottom: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    background-color: #fff;
    border: none;
    border-bottom: solid 1px #e0e0e0;
    z-index: 9;
}
nav.navbar.bootsnav ul.nav > li > a {
    color: #000;
    background-color: transparent;
    outline: none;
    margin-bottom: -2px;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    border-top: 4px solid #22c1e2;
}
.final_plan ul li a.active {
    color: white;
    background: #07a5c3;
    letter-spacing: 1px;
}

.attr-nav > ul > li > a.login {
    float: left;
    display: block;
    padding: 8px 10px;
    border: 1px solid #fff;
    border-radius: 5px;
    font-weight: 500;
   
}
#stripimg .close-btn {
    position: absolute;
    top: 2px;
    right: 2px;
    background: #cbcbcb;
    height: 25px;
    width: 25px;
    color: #000;
    border: 0px;
    font-size: 12px;
    font-weight: 800;
    margin: 0px;
    padding: 0px;
    border-radius: 0;
    text-shadow: 1px 2px 2px #fff;
	display:none;
}