/*

Template Name: Marketer - SEO, Online Marketing, Social Media Template

Author URI: http://themeforest.net/user/bogdan_09

Author Name: Bogdan

Version: 1.0

*/





/* --- TABLE OF CONTENT



01. GENERAL LAYOUT

02. FOOTER

		1. Footer General Styles

		2. Footer Social Icons

		3. Footer Gallery

		4. Footer List

03. SERVICES

04. PORTFOLIO

05. NEWSLETTER

06. TEAM

07. BLOG

08. PRICING

09. CONTACT

10. OTHER STYLES

11. MOBILE DEVICES



--- */







/* ========================================================== */

/* 			            01. GENERAL LAYOUT                    */

/* ========================================================== */

body {
	font-family: 'Roboto';
	background: #f4f4f4;
}

ul,
ol {
	list-style: none;
	list-style-image: none;
	color: #000;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 20px;
}



ul li,
ol li {

	font-size: 14px;

	line-height: 28px;

}



ul li i {

	vertical-align: middle;

}



ul.features-list-dark {

	display: inline-block;

}



ul.features-list-dark li {

	float: left;

	font-size: 15px;

	line-height: 28px;

	margin: 1px 0;

}



ul.features-list li {

	float: left;

	font-size: 15px;

	line-height: 24px;

	margin: 12px 0;

}

ul.features-list li img {

	max-width: 55px;

	margin-right: 20px;

	float: left;

}


.tooltip1 {
	position: relative;
	display: inline-block;
}

.tooltip1 .tooltiptext {
	visibility: hidden;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px;
	position: absolute;
	z-index: 1;
	bottom: 92%;
	left: 35%;
	margin-left: -100px;
	opacity: 0;
	transition: opacity 0.3s;
}

.tooltip1 .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.tooltip1:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}


p {
	margin-bottom: 10px !important;
	font-size: 15px;

	line-height: 24px;

	font-weight: 400;

	margin-bottom: 15px;

}

p.facebook,
p.google span {
	color: #fff;
}

a,

a:hover,

a:focus {

	text-decoration: none;

	outline: 0;

}



h1,

h2,

h3,

h4,

h5 {

	font-family: "Roboto", sans-serif;

	line-height: 1.2;

	margin-bottom: 20px;

	color: #2F362F;

}



h1 {

	font-size: 42px;

}



h2 {

	font-size: 34px;

}



h3 {

	font-size: 26px;

}



h4 {

	font-size: 24px;
	color: #fff;
}

h6 {

	color: #fff;
}

.email_newsletter::placeholder {
	color: #fff !important;
	opacity: 1;
	/* Firefox */
}

.email_newsletter::-ms-input-placeholder {
	/* Edge 12 -18 */
	color: #fff !important;
}

.mobile-v {
	display: none;
}

h5 {

	font-size: 20px;

}



h6 {

	font-size: 16px;

}



h2.section-title {

	font-size: 32px;

	line-height: 38px;

	margin: 0 0 15px 0;

}



h2.section-title.grey {

	color: #ddd;

}



h2.large-title {

	margin-bottom: 15px;

	font-size: 40px;

	font-weight: 500;

}



p.section-subtitle {

	font-size: 16px;

}





p.section-subtitle-large {

	font-size: 18px;

	line-height: 26px;

	margin-bottom: 30px;

}



p.section-subtitle.grey {

	color: #bbb;

}



.separator_wrapper,
.separator_wrapper_white {

	margin-bottom: 10px;

}



.separator_wrapper::after,
.separator_wrapper::before {

	background-color: #0c2d45;

	display: inline-block;

	vertical-align: middle;

	content: "";

	width: 60px;

	height: 1px;

	margin-top: -6px;

}



.separator_wrapper_white::after,
.separator_wrapper_white::before {

	background-color: #ddd;

	display: inline-block;

	vertical-align: middle;

	content: "";

	width: 60px;

	height: 1px;

	margin-top: -6px;

}



h3.medium-title {

	font-size: 32px;

	margin-top: 10px;

}



iframe {

	max-width: 100%;

	border: none;

}



.width-100 {

	width: 100%;

}



.medium {

	font-weight: 400;

}



.bold {

	font-weight: 700;

}



.lyla {

	color: #9E5FBA;

}



.green {

	color: #16A085;

}



.blue {

	color: #0c2d45;

}



.red {

	color: #e74c3c;

}

.grey {

	color: #ddd;

}



.white {

	color: #fff;

}



.section-white {

	/* background-color: #fff; */

	border-top: 1px solid #eaeaea;

	/* padding: 30px 0; */

}



.section-grey {

	background-color: #f6f7f8;



	border-top: 1px solid #eaeaea;

	padding: 30px 0;

}



.section-blue {

	background-color: #0c2d45;

	padding: 30px 0;

}



.section-light-blue {

	background-color: #51adad;

	padding: 30px 0;

}

.slider {
	/* width: 50%; */
	/* margin: 100px auto; */
}



.slider-for .slick-slide img {
	height: 510px;
	margin: auto;
}

.slider-nav .slick-slide img {
	display: block;
	height: 150px;
	margin: auto;
}

.slick-prev:before,
.slick-next:before {
	color: #fff;
}


.slick-slide {
	transition: all ease-in-out .3s;
}


.slick-current {
	opacity: 1;
}



h1.h1_slider,
p.h1_slider {
	color: #fff;
}

.section-hero {
	background-color: #ffffff;
	float: left;
	padding-bottom: 15px;
	width: 100%;
}

.total-count {
	position: absolute;
	display: inline-block;
	background-color: #ff0252;
	background-image: linear-gradient(225deg, #f7eef8 0%, #ff0252 50%, #5e001a 100%);
	border-radius: 50%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	font-size: 12px;
	top: 10px;
	right: 10px;
}

.pagination>.active>span {
	background-color: #677dbe;
	background-image: linear-gradient(225deg, #677dbe 0%, #4880b1 50%, #c5e2f6 100%);
}

.pagination>li>a {
	background-color: #584450;
	background-image: linear-gradient(225deg, #584450 0%, #343030 50%, #0097ff 100%);
	color: #fff !important;
	border: 0
}

.pagination>li>a:hover {
	background-color: #D9AFD9;
	background-image: linear-gradient(0deg, #D9AFD9 0%, #97D9E1 100%);
	color: #fff !important;
	border: 0
}

.pagination>li>span {
	border: 0;
}

.pagination>li>a,
.pagination>li>span {
	padding: 14px 20px;
}

.wrapper {
	float: left;
	width: 100%;
}

.section-blue.cta-padding {

	padding: 20px 0;

}



.section-red {

	background-color: #e74d3d;

	padding: 30px 0;

}



.section-grey.small-padding,
.section-white.small-padding,
.section-blue.small-padding,
.section-light-blue.small-padding {

	padding: 40px 0;

}



.section-grey.medium-padding,
.section-white.medium-padding,
.section-dark.medium-padding,
.section-blue.medium-padding,
.section-light-blue.medium-padding {

	padding: 60px 0;

}



.section-grey.no-padding-bottom,
.section-white.no-padding-bottom,
.section-dark.no-padding-bottom,
.section-blue.no-padding-bottom {

	padding: 30px 0 0 0;

}



.section-grey.small-padding-bottom,
.section-white.small-padding-bottom,
.section-dark.small-padding-bottom,
.section-blue.small-padding-bottom {

	padding: 0px 0 50px 0;

}



.section-grey.no-padding,
.section-white.no-padding,
.section-dark.no-padding,
.section-blue.no-padding {

	padding: 0;

}



.section-white.about-padding {

	padding: 85px 0 100px 0;

}



.section-white.team-padding {

	padding: 40px 0 0 0;

}



.section-white.case-studies-padding,
.section-grey.case-studies-padding {

	padding: 20px 0 0 0;

}



.section-dark.portfolio-padding {

	padding: 60px 0 75px 0;

}



.section-dark {

	background-color: #393f43;

	padding: 30px 0;

}



/* margin and padding classes */



.no-padding {

	padding: 0;

}



.no-padding-left {

	padding-left: 0;

}



.no-padding-right {

	padding-left: 0;

}



.small-padding-left {

	padding-left: 5px;

}



.small-padding-right {

	padding-right: 5px;

}



.margin-right-25 {

	margin-right: 25px !important;

}



.margin-top-110 {

	margin-top: 110px !important;

}



.margin-top-100 {

	margin-top: 100px !important;

}



.margin-top-90 {

	margin-top: 90px !important;

}



.margin-top-80 {

	margin-top: 80px !important;

}



.margin-top-60 {

	margin-top: 60px !important;

}



.margin-top-50 {

	margin-top: 50px !important;

}



.margin-top-40 {

	margin-top: 40px !important;

}



.margin-top-35 {

	margin-top: 35px !important;

}



.margin-top-30 {

	margin-top: 30px !important;

}



.margin-top-20 {

	margin-top: 20px !important;

}



.margin-top-10 {

	margin-top: 10px !important;
	padding: 0;
}



.margin-top-5 {

	margin-top: 5px !important;

}



.margin-bottom-0 {

	margin-bottom: 0px !important;

}



.margin-bottom-10 {

	margin-bottom: 10px !important;

}



.margin-bottom-20 {

	margin-bottom: 20px !important;

}



.margin-bottom-30 {

	margin-bottom: 30px !important;

}



.margin-bottom-40 {

	margin-bottom: 40px !important;

}



.margin-bottom-50 {

	margin-bottom: 50px !important;

}



.margin-bottom-60 {

	margin-bottom: 60px !important;

}



.margin-bottom-70 {

	margin-bottom: 70px !important;

}



.margin-bottom-80 {

	margin-bottom: 80px !important;

}



.margin-bottom-100 {

	margin-bottom: 100px !important;

}



.margin-bottom-120 {

	margin-bottom: 120px !important;

}



.margin-bottom-130 {

	margin-bottom: 120px !important;

}



.margin-bottom-140 {

	margin-bottom: 140px !important;

}



.padding-top-0 {

	padding-top: 0px !important;

}



.padding-top-10 {

	padding-top: 10px !important;

}



.padding-top-20 {

	padding-top: 20px !important;

}

.padding-top-25 {

	padding-top: 25px !important;

}



.padding-top-30 {

	padding-top: 30px !important;

}



.padding-top-40 {

	padding-top: 40px !important;

}



.padding-top-45 {

	padding-top: 45px !important;

}



.padding-top-50 {

	padding-top: 50px !important;

}

.padding-top-60 {

	padding-top: 60px !important;

}



.padding-top-70 {

	padding-top: 70px !important;

}



.padding-top-80 {

	padding-top: 80px !important;

}



.padding-top-100 {

	padding-top: 180px !important;

}



.padding-bottom-70 {

	padding-bottom: 70px !important;

}



.padding-bottom-60 {

	padding-bottom: 60px !important;

}



.padding-bottom-50 {

	padding-bottom: 50px !important;

}



.padding-bottom-40 {

	padding-bottom: 40px !important;

}



.padding-bottom-30 {

	padding-bottom: 30px !important;

}



.padding-bottom-20 {

	padding-bottom: 20px !important;

}



.padding-bottom-10 {

	padding-bottom: 10px !important;

}



.padding-bottom-0 {

	padding-bottom: 0px !important;

}



.margin-top-0 {

	margin-top: 0px !important;

}



/* carousel */

.carousel.carousel1 .carousel-indicators {

	position: inherit;

	right: 0px;

}



.carousel.carousel1 .item .lead {

	font-size: 20px;

}



.carousel.carousel1 .carousel-indicators li {

	background-color: #e0e0e0;

	width: 16px;

	height: 16px;

}



.carousel.carousel1 .carousel-indicators li.active {

	background-color: #0c2d45;

}



.carousel.carousel3 .carousel-indicators {

	position: inherit;

	right: 0px;

}



.carousel.carousel3 .item .lead {

	font-size: 20px;

}



.carousel.carousel3 .carousel-indicators li {

	background-color: #f9f9f9;

	width: 16px;

	height: 16px;

}



.carousel.carousel3 .carousel-indicators li.active {

	background-color: #0c2d45;

}



.carousel.carousel-fade .item {

	-webkit-transition: opacity 0.5s ease-in-out;

	-moz-transition: opacity 0.5s ease-in-out;

	-ms-transition: opacity 0.5s ease-in-out;

	-o-transition: opacity 0.5s ease-in-out;

	transition: opacity 0.5s ease-in-out;

	opacity: 0;

}



.carousel.carousel-fade .active.item {

	opacity: 1;

}



.carousel.carousel-fade .active.left,

.carousel.carousel-fade .active.right {

	left: 0;

	z-index: 2;

	opacity: 0;

	filter: alpha(opacity=0);

}



.carousel.carousel-fade .next,

.carousel.carousel-fade .prev {

	left: 0;

	z-index: 1;

}



.carousel.carousel-fade .carousel-control {

	z-index: 3;

}



.carousel-indicators {

	bottom: auto;

	left: auto;

	margin: 0;

	right: 16px;

	top: 16px;

	width: auto;

	line-height: 8px;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	-o-user-select: none;

	user-select: none;

}

.carousel-indicators li {

	vertical-align: top;

	border: none;

	width: 8px;

	height: 8px;

	margin: 0 0 0 6px;

	background-color: #2c3e50;

	background-color: rgba(44, 62, 80, 0.5);

}

.carousel-indicators li.active {

	background-color: #fff;

	width: 8px;

	height: 8px;

	margin: 0 0 0 6px;

}

/* end carousel */



/* -----  Photos Hover Animations ----- */

.popup-wrapper {

	display: block;

	position: relative;

	overflow: hidden;

}

.cart-mobiles {
	display: none;
}

.popup-gallery {

	display: inline-block;

	position: relative;

}

/* width */
::-webkit-scrollbar {
	width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
	background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.first-gallery {

	margin-bottom: 15px;

}



.popup-gallery img {

	position: relative;

	z-index: 10;

	width: 100%;

	height: auto;

}



.popup-gallery:hover img {

	/* opacity: 0.25; */

}



.popup-gallery a span.eye-wrapper,

.popup-gallery a span.eye-wrapper2 {

	background-color: #000;

	position: absolute;

	display: block;

	overflow: hidden;

	z-index: 2;

	height: 100% !important;

	top: 0%;

	margin-top: 0px;

	left: 0%;

	right: 0%;

	font-size: 22px;

	color: #fff;

	text-align: center;

	font-weight: 300;

	opacity: 0;

	-webkit-border-radius: 5px 5px 0 0;

	-moz-border-radius: 5px 5px 0 0;

	border-radius: 5px 5px 0 0;

}



.popup-gallery-rounded a span.eye-wrapper,

.popup-gallery-rounded a span.eye-wrapper2 {

	-webkit-border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	border-radius: 5px 5px 5px 5px;

}



.popup-gallery a span.eye-wrapper i.fa-eye,
.popup-gallery a span.eye-wrapper2 i.fa-eye {

	position: absolute;

	display: inline-block;

	font-size: 38px;

	z-index: 3;

	top: 50% !important;

	margin-top: -19px !important;

	left: 0%;

	right: 0%;

}



.popup-gallery a:hover span {

	opacity: 1;

}



.popup-gallery img,

.popup-gallery a span {

	-webkit-transition: all 0.25s ease-in-out;

	-moz-transition: all 0.25s ease-in-out;

	-ms-transition: all 0.25s ease-in-out;

	-o-transition: all 0.25s ease-in-out;

	transition: all 0.25s ease-in-out;

}



/* ========================================================== */

/* 			                02. FOOTER                        */

/* ========================================================== */



/* ----- 1. Footer General Styles ----- */

.footer {

	width: 100%;

	position: relative;

	background-color: #fff;

	margin: 0 auto;

}



.footer-top {

	padding: 60px 0 60px 0;

	border-bottom: 2px dotted #999;

}



.footer-bottom {

	padding: 27px 0 55px 0;

}



a.top-scroll {

	position: relative;

	padding: 6px 7px 2px 7px;

	font-size: 26px;

	line-height: 26px;

	color: #999 !important;

	background-color: transparent;

	border: 1px solid #999;

	-webkit-border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	border-radius: 5px 5px 5px 5px;

	transition: all .50s ease-in-out;

	-moz-transition: all .50s ease-in-out;

	-webkit-transition: all .50s ease-in-out;

}



a.top-scroll:hover {

	color: #fff !important;

	background-color: #0c2d45;

	border: 1px solid #0c2d45;

}



.footer h4 {

	font-size: 16px;

	position: relative;

	padding-bottom: 20px;

	color: #000;

}



.footer h4::after {

	position: absolute;

	content: "";

	background-color: #0c2d45;

	height: 3px;

	width: 40px;

	bottom: -1px;

	left: 0;

}



.footer p,
.footer a {

	color: #000;

}



.footer a.btn {

	color: #fff;

}



.footer-bottom p {

	color: #000;

}



.footer-bottom p a {

	font-size: 16px;

	color: #000;

	text-decoration: underline;

}



.footer p a:hover {

	color: #0c2d45;

}



p.contact_info {

	margin-bottom: 8px;

	font-size: 14px;

	line-height: 20px;

}



p.contact_info a {

	margin-bottom: 8px;

	font-size: 14px;

	line-height: 20px;

}



p.contact_info i {

	font-size: 18px;

	padding-right: 5px;

	vertical-align: middle;

}



/* ----- 2. Footer Social Icons ----- */

ul.footer_social {

	display: block;

	float: right;

	margin: 0;

}



ul.footer_social li {

	display: inline-block;

	margin: 0 0 10px 10px;

	color: #000;

	line-height: 100% !important;

}



ul.footer_social li a i {

	display: inline-block;

	padding: 0;

	font-size: 22px !important;

	line-height: 22px !important;

	color: #999;

	transition: all .5s ease-in-out;

	-moz-transition: all .25s ease-in-out;

	-webkit-transition: all .25s ease-in-out;

}



ul.footer_social li a i:hover {

	transition: all .25s ease-in-out;

	-moz-transition: all .25s ease-in-out;

	-webkit-transition: all .25s ease-in-out;

	color: #0c2d45;

}



/* ----- 3. Footer Gallery ----- */

ul.footer-gallery {

	position: relative;

	display: block;

	margin: 0;

}



ul.footer-gallery li {

	display: inline-block;

	border: 5px solid #292929;

	margin: 5px 2px 2px 2px;

	transition: all .25s ease-in-out;

	-moz-transition: all .25s ease-in-out;

	-webkit-transition: all .25s ease-in-out;

}



ul.footer-gallery li.popup-gallery::after {

	display: none;

}



ul.footer-gallery li a img {

	position: relative;

	display: inline-block;

	max-width: 70px;

}



/* ----- 4. Footer List ----- */

ul.footer-list {

	display: block;

	margin: 0;

}



ul.footer-list li {

	padding: 5px 0;

	border-bottom: 1px solid #999;

}



ul.footer-list li.first {

	padding-top: 0;

}



ul.footer-list li a:hover {

	color: #0c2d45;

}



/* ========================================================== */

/* 			                 03. HEADER                       */

/* ========================================================== */



#logo {

	margin-top: 0;

}



/* ----- 1. Navigation ----- */

.yamm .nav,

.yamm .collapse,

.yamm .dropup,

.yamm .dropdown {

	position: static;

}

.yamm .container {

	position: relative;

}

.yamm .dropdown-menu {

	left: auto;

}

.yamm .yamm-content {

	padding: 20px 25px;

	min-width: 480px;

}

.yamm .dropdown.yamm-fw .dropdown-menu {

	left: 0px;

	right: 0px;

	background: #fff url(../images/dropdown-graphic.png) bottom right;

	background-repeat: no-repeat;

	background-attachment: scroll;

	background-position: bottom right;

	background-size: auto;

}



.dropdown-menu li a {

	color: #7c8595;

	font-size: 14px;

}



.dropdown-menu li a i {

	color: #7c8595;

	font-size: 15px;

	padding-right: 4px;

}



.dropdown-menu li a:hover,

.dropdown-menu li a:hover i {

	color: #0c2d45;

}



.nav-title {

	margin-bottom: 0px;

	color: #2F362F;

	font-size: 16px;

	line-height: 22px;

	font-weight: 500;

	font-family: 'Roboto', sans-serif;

}



.nav-subtitle {

	color: #7c8595;

	font-size: 13px;

	font-weight: 400;

	font-family: 'Roboto', sans-serif;

}



.hidden-nav-item {

	display: none !important;

}



/* -----  Nav ----- */

.navbar-brand>img {
	max-height: 45px;
}



.navbar-default .navbar-nav>li>a.selected {

	color: #0c2d45;

}



.dropdown-menu li a.selected,

.dropdown-menu li a.selected i {

	color: #0c2d45;

}



.navbar-default .navbar-nav>li>a.purchase {

	position: relative;

	color: #0c2d45;

	background-color: transparent;

	border: 2px solid #0c2d45;

	margin-left: 15px;

	margin-right: -15px !important;

	margin-top: 18px;

	padding: 2px 20px;

	font-size: 14px;

	line-height: 40px;

	font-weight: 600 !important;

	text-transform: uppercase;

	webkit-border-radius: 5px 5px;

	-moz-border-radius: 5px 5px;

	border-radius: 5px 5px;

	-webkit-transition: all 0.25s ease-in-out;

	-moz-transition: all 0.25s ease-in-out;

	-ms-transition: all 0.25s ease-in-out;

	-o-transition: all 0.25s ease-in-out;

	transition: all 0.25s ease-in-out;

}



.navbar-default .navbar-nav>li>a.purchase:hover {

	color: #fff !important;

	background-color: #0c2d45;

	border: 2px solid #0c2d45;

}



#navbar-collapse-02 .current a.purchase {

	color: #0c2d45 !important;

	background-color: #fff !important;

	border: 1px solid #fff !important;

}



/* ----- 2. Header Social and Contact ----- */

.top-intro {

	background-color: #fff;

}



ul.header_contact {

	margin-bottom: 0;

}



ul.header_contact li {

	padding: 10px 0 0 20px;

	line-height: 20px;

	display: inline-block;

	color: #000;

}



ul.header_contact li i {

	display: inline-block;

	vertical-align: text-top;

	padding-left: 5px;

	font-size: 20px !important;

	color: #dedede;

}



ul.header_social {

	display: block;

	margin: 0 !important;

	border-right: 1px solid rgba(255, 255, 255, 0.15);

}



ul.header_social li {

	float: left;

	line-height: 100% !important;

}



ul.header_social li a i {

	display: inline-block;

	padding: 12px 12px 12px 12px;

	border-right: 1px solid rgba(255, 255, 255, 0.15);

	font-size: 17px !important;

	color: #000;

	background-color: transparent;

	transition: all .5s ease-in-out;

	-moz-transition: all .25s ease-in-out;

	-webkit-transition: all .25s ease-in-out;

}



ul.header_social li a i:hover {

	color: #fff;

	transition: all .25s ease-in-out;

	-moz-transition: all .25s ease-in-out;

	-webkit-transition: all .25s ease-in-out;

}



ul.header_social li a.twitter i:hover {

	background-color: #4099ff;

}



ul.header_social li a.pinterest i:hover {

	background-color: #C92228;

}



ul.header_social li a.facebook i:hover {

	background-color: #3b5998;

}



ul.header_social li a.instagram i:hover {

	background-color: #6dc993;

}



ul.header_social li a.skype i:hover {

	background-color: #00aff0;

}



/* ----- 3. Breadcrumb ----- */

.breadcrumb-wrapper {

	background-color: #f6f7f8;

	border-top: 1px solid #eaeaea;

	padding: 25px 0 10px 0;

}



h2.page-title {

	font-size: 22px;

	font-weight: 700;

	margin: 10px 0 10px 0;

}



/* ----- 4. Page Intro ----- */

.page-intro {

	background-color: #0c2d45;

	padding: 90px 0;

}



/* ========================================================== */

/* 				  		   03. SERVICES                       */

/* ========================================================== */




.features-item h3 {

	font-size: 20px;

	margin-bottom: 10px;

}



.features-item p {

	padding-top: 10px;

}



.services-pic {

	height: 165px;
	margin: auto;
	display: table;

}

.orders-pic {
	width: 100%;
	margin-bottom: 10px;
	border: solid 1px #ccc;
}



.icon-pic {

	max-height: 72px;

}



.icon-wrapper {

	margin-bottom: 25px;

	width: 100%;

}



.features-icon {

	padding: 18px 22px;

	font-size: 42px;

	line-height: 42px;

	display: inline-block;

	text-align: center;

	color: #fff;

	background-color: #0c2d45;

	-webkit-border-radius: 8px 8px;

	-moz-border-radius: 8px 8px;

	border-radius: 8px 8px;

	transition: all .50s ease-in-out;

	-moz-transition: all .50s ease-in-out;

	-webkit-transition: all .50s ease-in-out;

}



.services-item {

	margin: 20px 0;

}



.services-text {

	padding-left: 90px;

	padding-right: 20px;

}



.services-text h4 {

	font-size: 18px;

	margin-top: 2px;

	margin-bottom: 8px;

	color: #454545;

}



.services-icon {

	display: block;

	width: 90px;

	height: 90px;

	position: absolute;

	left: 0px;

	top: 0;

	text-align: center;

}



.services-icon-blue,
.services-icon-green,
.services-icon-red,
.services-icon-yellow,
.services-icon-orange,
.services-icon-lyla {

	width: 80px;

	height: 80px;

	padding: 20px 20px;

	font-size: 36px;

	line-height: 38px;

	display: inline-block;

	text-align: center;

	color: #fff;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	transition: all .50s ease-in-out;

	-moz-transition: all .50s ease-in-out;

	-webkit-transition: all .50s ease-in-out;

}



.services-icon-blue {

	background-color: #0c2d45;

	border: 1px solid #0c2d45;

}



.services-icon-green {

	background-color: #1abc9c;

	border: 1px solid #1abc9c;

}



.services-icon-red {

	background-color: #e74c3c;

	border: 1px solid #e74c3c;

}



.services-icon-yellow {

	background-color: #f1c40f;

	border: 1px solid #f1c40f;

}



.services-icon-orange {

	background-color: #E87E04;

	border: 1px solid #E87E04;

}



.services-icon-lyla {

	background-color: #9B59B6;

	border: 1px solid #9B59B6;

}



.cta-wrapper h5 {

	color: #fff;

	font-size: 22px;

	margin: 15px 0 5px 0;

}



.cta-wrapper p {

	color: #fff;

	font-size: 16px;

}



/* ========================================================== */

/* 						   05. NEWSLETTER                     */

/* ========================================================== */



.newsletter_wrapper {
	background-color: #191619;
	background-image: linear-gradient(45deg, #191619 0%, #415f66 52%, #43a76f 90%);
}



.newsletter_box {

	width: 100%;

	max-width: 960px;

	margin: 0 auto;

	padding: 50px 0 50px 0;

}



.newsletter_info {

	padding: 1px 0 30px 60px;

	border-left: 1px solid #ffffff;

}



.newsletter_info h2 {

	font-size: 28px;

	line-height: 36px;

	color: #fff;

	font-weight: 400;

	margin-bottom: 30px;

}



#newsletter-form .email_newsletter {

	width: 100%;

	padding: 1%;

	border: 1px solid #ffffff;

	background-color: transparent;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	color: #fff;


	margin: 10px 10px 0 0;

}



#newsletter-form #submit-button-newsletter {

	width: 90px;

	height: 35px;

	background-color: #584450;
	background-image: linear-gradient(225deg, #584450 0%, #272121 50%, #0097ff 100%);


	border: 0;

	color: #fff;

	display: inline;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	transition: background-color .25s ease-in-out;

	-moz-transition: background-color .25s ease-in-out;

	-webkit-transition: background-color .25s ease-in-out;

	margin-top: 10px;
}



#newsletter-form #submit-button-newsletter:hover {

	color: #ffffff;

	background-color: #A9C9FF;
	background-image: linear-gradient(180deg, #A9C9FF 0%, #FFBBEC 100%);


	transition: background-color .25s ease-in-out;

	-moz-transition: background-color .25s ease-in-out;

	-webkit-transition: background-color .25s ease-in-out;

}



::-webkit-input-placeholder {
	/* WebKit browsers */

	color: #000;

}

:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */

	color: #000;

}

::-moz-placeholder {
	/* Mozilla Firefox 19+ */

	color: #000;

}

:-ms-input-placeholder {
	/* Internet Explorer 10+ */

	color: #000;

}



p.newsletter_success_box {

	font-size: 18px;

	color: #eee;

	font-style: italic;

	margin-bottom: 15px;

}





/* ========================================================== */

/* 						   04. PORTFOLIO                      */

/* ========================================================== */

.portfolio-sorting {

	margin-bottom: 50px;

}



.portfolio-sorting li a {

	font-family: 'Roboto', sans-serif;

	font-size: 17px;

	line-height: 1.2;

	font-weight: 500;

	color: #7c8595;

}



.portfolio-sorting li a:hover,

.portfolio-sorting li a.active {

	color: #0c2d45;

}





.portfolio-item,
.gallery-item {

	display: inline-block;

}



.gallery-item img {

	-webkit-border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	border-radius: 5px 5px 5px 5px;

}



/* ========================================================== */

/* 				  		   06. SHOWCASE                       */

/* ========================================================== */



.portfolio-box,

.portfolio-box-grey {

	text-align: center;

	background-color: #fff;

	border-bottom: 3px solid #e0e0e0;

	margin-bottom: 20px;

	padding: 1px 20px 12px 20px;

	-webkit-border-radius: 0 0 5px 5px;

	-moz-border-radius: 0 0 5px 5px;

	border-radius: 0 0 5px 5px;

}



.portfolio-box-grey {

	margin-bottom: 30px;

	background-color: #f6f7f8;

	border-bottom: 2px solid #e0e0e0;

}



.portfolio-box h3,
.portfolio-box-grey h3 {

	margin: 10px 0 1px 0 !important;

	line-height: 20px;

}



.portfolio-box h3 a,
.portfolio-box-grey h3 a {

	color: #454545;

	font-size: 18px;

	transition: all .25s ease-in-out;

	-moz-transition: all .25s ease-in-out;

	-webkit-transition: all .25s ease-in-out;

}



.portfolio-item h3 a:hover {

	color: #0c2d45;

}



.portfolio-box p.portfolio-info {

	font-size: 15px;

	font-style: italic;

	margin-bottom: 5px;

}



.portfolio-item img {

	-webkit-border-radius: 5px 5px 0 0;

	-moz-border-radius: 5px 5px 0 0;

	border-radius: 5px 5px 0 0;

}



/* ========================================================== */

/* 				  		     06. TEAM                         */

/* ========================================================== */



.team-item,
.team-item-white {

	text-align: center;

	margin: 20px 0;

	padding: 1px 30px 15px 30px;

}



.team-item h3,
.team-item-white h3 {

	margin: 20px 0 1px 0 !important;

	color: #ddd;

	font-size: 18px;

	font-weight: 700;

	text-transform: uppercase;

	transition: all .25s ease-in-out;

	-moz-transition: all .25s ease-in-out;

	-webkit-transition: all .25s ease-in-out;

}



.team-item-white h3 {

	color: #454545;

}



.team-item p {

	color: #ccc;

}



.team-info {

	display: block;

	margin-bottom: 0;

}



.team-info p {

	color: #ccc;

	font-style: italic;

}



.team-info-white p {

	font-style: italic;

}



.team-info::after,
.team-info-white::after {

	background-color: #0c2d45;

	display: inline-block;

	vertical-align: middle;

	content: "";

	width: 50px;

	height: 3px;

	margin-top: -20px;

}



.team-img {

	max-width: 125px;

	padding: 6px 6px;

	background-color: #eaeaea;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);

}



ul.team-icon {

	margin-top: 15px;

}



ul.team-icon li {

	display: inline-block;

	margin: 0 3px;

	-webkit-transition: all 0.25s ease-in-out;

	-moz-transition: all 0.25s ease-in-out;

	-ms-transition: all 0.25s ease-in-out;

	-o-transition: all 0.25s ease-in-out;

	transition: all 0.25s ease-in-out;

}



ul.team-icon li a {

	margin: 0;

	display: inline-block;

	padding: 8px 8px;

	width: 34px;

	height: 34px;

	font-size: 18px;

	line-height: 18px;

	background-color: #fff;

	border-radius: 50%;

	color: #fff;

}



ul.team-icon li a.twitter {

	background-color: #4099ff;

}



ul.team-icon li a.pinterest {

	background-color: #C92228;

}



ul.team-icon li a.facebook {

	background-color: #3b5998;

}



ul.team-icon li a.dribble {

	background-color: #ea4c89;

}



.team-icon li a:hover {

	color: #dedede;

	-webkit-transition: all 0.25s ease-in-out;

	-moz-transition: all 0.25s ease-in-out;

	-ms-transition: all 0.25s ease-in-out;

	-o-transition: all 0.25s ease-in-out;

	transition: all 0.25s ease-in-out;

}



/* ========================================================== */

/* 				  		     07. BLOG                         */

/* ========================================================== */



.blog-item {

	-webkit-border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	border-radius: 5px 5px 5px 5px;

	transition: all .50s ease-in-out;

	-moz-transition: all .50s ease-in-out;

	-webkit-transition: all .50s ease-in-out;

	margin: 30px 0 10px 0;

}

.blog-item a {
	display: block;
	position: relative;
	height: 0;
	padding-top: 66.667%;
	border-radius: 5px;
	overflow: hidden;
}

.blog-item img {

	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 5px;

}



.blog-item-inner {

	font-size: 18px;
	line-height: 1.3;
	margin-top: 15px;
}




.blog-item-inner p {

	margin: 15px 0 20px 0;

}



h3.blog-title {

	margin-top: 15px;

	margin-bottom: 10px;

}



h3.blog-title a {

	font-size: 20px;

	color: #454545;

	transition: all .25s ease-in-out;

	-moz-transition: all .25s ease-in-out;

	-webkit-transition: all .25s ease-in-out;

}



h3.blog-title a:hover {

	color: #228798;

	transition: all .25s ease-in-out;

	-moz-transition: all .25s ease-in-out;

	-webkit-transition: all .25s ease-in-out;

}



a.blog-icons {

	color: #858585;

	font-size: 14px;

	font-style: italic;

	margin-right: 10px;

	padding-right: 10px;

	border-right: 1px solid #aaa;

	transition: all .25s ease-in-out;

	-moz-transition: all .25s ease-in-out;

	-webkit-transition: all .25s ease-in-out;

}



a.blog-icons i {

	color: #656565;

	font-size: 16px;

	line-height: 16px;

	vertical-align: text-bottom;

}



a.blog-icons.last {

	border-right: none;

}



a.blog-icons:hover {

	color: #228798;

	transition: all .25s ease-in-out;

	-moz-transition: all .25s ease-in-out;

	-webkit-transition: all .25s ease-in-out;

}



a.button-blog {

	background-color: #0c2d45;

	border: 1px solid #0c2d45;

	color: #fff;

	display: inline-block;

	font-weight: 400;

	font-size: 13px;

	padding: 10px 20px;

	margin: 0 0 20px 0;

	-webkit-border-radius: 3px 3px;

	-moz-border-radius: 3px 3px;

	border-radius: 3px 3px;

	transition: all .50s ease-in-out;

	-moz-transition: all .50s ease-in-out;

	-webkit-transition: all .50s ease-in-out;

}



a.button-blog:hover {

	background-color: transparent;

	border: 1px solid #0c2d45;

	color: #0c2d45;

	transition: all .50s ease-in-out;

	-moz-transition: all .50s ease-in-out;

	-webkit-transition: all .50s ease-in-out;

}



ul.post_info {

	width: 100%;

	float: left;

	margin: 10px 0 15px 0;

	clear: both;

}



ul.post_info li {

	float: left;

	margin-right: 12px;

	padding-right: 12px;

	line-height: 14px;

	border-right: 1px solid #999;

}



ul.post_info li.last {

	border-right: none;

}



ul.post_info li a {

	font-size: 13px;

	line-height: 14px;

	color: #888;

}



ul.post_info li a:hover {

	color: #0c2d45;

}



/* ----- Post Author ----- */

.post_author {

	display: block;

	overflow: hidden;

	margin-bottom: 50px;

	padding: 25px 25px;

	background-color: #f6f7f8 !important;

	border-bottom: 2px solid #e0e0e0 !important;

	border-radius: 5px 5px !important;

	-webkit-border-radius: 2px 2px;

	-moz-border-radius: 2px 2px;

	border-radius: 2px 2px;

}



.post_author h5 {

	margin-bottom: 10px;

}



.post_author p {

	margin-bottom: 15px;

}



.post_author_pic {

	float: left;

	margin-right: 25px;

	width: 170px;

	border-radius: 0 !important;

}



/* ----- 3. Social Icons ----- */

ul.author_icons {

	display: inline-block;

	margin-bottom: 0;

}



ul.author_icons li {

	display: inline-block;

	margin: 0;

	line-height: 100% !important;

}



ul.author_icons li a i {

	display: inline-block;

	font-size: 22px;

	line-height: 22px;

	color: #454545;

	margin: 5px 5px;

	transition: all .5s ease-in-out;

	-moz-transition: all .25s ease-in-out;

	-webkit-transition: all .25s ease-in-out;

}



ul.author_icons li a i:hover {

	transition: all .5s ease-in-out;

	-moz-transition: all .25s ease-in-out;

	-webkit-transition: all .25s ease-in-out;

	color: #0c2d45;

}



/* ----- Comments Box ----- */

.second_comment {

	padding-left: 45px;

}



.post_text {

	overflow: hidden;

	margin-bottom: 30px;

	padding: 20px 25px 20px 25px;

	background-color: #f6f7f8 !important;

	border-bottom: 2px solid #e0e0e0 !important;

	border-radius: 5px 5px !important;

	-webkit-border-radius: 2px 2px;

	-moz-border-radius: 2px 2px;

	border-radius: 2px 2px;

}



.post_text h5 {

	margin-bottom: 1px;

}



.comments_pic {

	margin-right: 20px;

	float: left;

	width: 70px;

	border-radius: 0 !important;

}



/* ----- Comments Form ----- */

.comments_form {

	margin: 30px 0;

	float: left;

	clear: both;

}



input.comments_input {

	width: 90%;

	height: 44px;

	padding: 0 20px;

	background-color: #f6f7f8;

	border: 1px solid #eaeaea !important;

	color: #656565;

	font-size: 14px;

	margin: 0 0 10px 0;

	-webkit-border-radius: 2px 2px;

	-moz-border-radius: 2px 2px;

	border-radius: 2px 2px;

}



textarea.comments_text {

	width: 90%;

	height: 120px;

	padding: 15px 20px;

	background-color: #f6f7f8;

	border: 1px solid #eaeaea !important;

	color: #656565;

	font-size: 14px;

	margin: 0 0 10px 0;

	-webkit-border-radius: 2px 2px;

	-moz-border-radius: 2px 2px;

	border-radius: 2px 2px;

}



input.comments-submit {

	width: 120px;

	height: 44px;

	float: left;

	background-color: #0c2d45;

	border: 2px solid #0c2d45;

	color: #fff;

	font-weight: 500;

	text-transform: uppercase;

	font-size: 13px;

	padding: 6px 15px;

	margin: 0 15px 0 0;

	-webkit-border-radius: 4px 4px;

	-moz-border-radius: 4px 4px;

	border-radius: 4px 4px;

	transition: all .50s ease-in-out;

	-moz-transition: all .50s ease-in-out;

	-webkit-transition: all .50s ease-in-out;

	transition: background-color .25s ease-in-out;

	-moz-transition: background-color .25s ease-in-out;

	-webkit-transition: background-color .25s ease-in-out;

}



input.comments-submit:hover {

	background-color: #fff;

	border: 2px solid #0c2d45;

	color: #0c2d45;

	transition: all .25s ease-in-out;

	-moz-transition: all .25s ease-in-out;

	-webkit-transition: all .25s ease-in-out;

}



/* ========================================================== */

/* 				            08. PRICING                       */

/* ========================================================== */



.pricing-box-green,
.pricing-box-blue,
.pricing-box-red {

	margin-left: 10px;

	margin-right: 10px;

	margin-bottom: 40px;

	-webkit-border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	border-radius: 5px 5px 5px 5px;

	background-color: #f9f9f9;

	text-align: center;

	border-left: 1px solid #e5e5e5;

	border-right: 1px solid #e5e5e5;

	border-bottom: 2px solid #e5e5e5;

}



.pricing-box-green:hover,
.pricing-box-red:hover,
.pricing-box-red:hover {

	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.08);

}



.pricing-box-green .pricing-top,
.pricing-box-blue .pricing-top,
.pricing-box-red .pricing-top {

	padding: 20px 0;

	-webkit-border-radius: 5px 5px 0 0;

	-moz-border-radius: 5px 5px 0 0;

	border-radius: 5px 5px 0 0;

}



.pricing-box-green .pricing-top {

	background-color: #16A085;

}



.pricing-box-blue .pricing-top {

	background-color: #34b1c4;

}



.pricing-box-red .pricing-top {

	background-color: #dd624e;

}



.pricing-top h3 {

	color: #fff;

	font-size: 22px;

	text-transform: uppercase;

	margin-bottom: 10px;

	font-weight: 700;

	transition: all 0.5s;

	-webkit-transition: all 0.5s;

	-moz-transition: all 0.5s;

}



.pricing-top .price .currency {

	color: #fff;

	font-size: 24px;

	line-height: 40px;

	font-weight: 600;

	vertical-align: top;

	display: inline-block;

}



.pricing-top .price span.number {

	color: #fff;

	font-size: 36px;

	line-height: 42px;

	font-weight: 700;

}



.pricing-top .price .month {

	font-size: 16px;

	line-height: 18px;

	font-weight: 600;

}



.pricing-top .price .month .blue {

	color: #0c2d45;

}



.pricing-bottom {

	padding: 0 40px 40px 40px;

}



.pricing-bottom ul {

	list-style: none;

	list-style-type: none;

	margin: 35px 0px 40px;

	padding: 0;

}



.pricing-bottom ul li {

	text-align: center;

	font-size: 16px;

	line-height: 30px;

}



.btn-pricing-green {

	color: #fff;

	font-weight: 600;

	background-color: #16A085;

	border: 2px solid #16A085;

	padding: 14px 0;

}



.btn-pricing-green:hover {

	color: #16A085;

	background-color: transparent;

	border-color: #16A085;

}



.btn-pricing-blue {

	color: #fff;

	background-color: #34b1c4;

	border: 2px solid #34b1c4;

	padding: 14px 0;

	font-weight: 600;

}



.btn-pricing-blue:hover {

	color: #34b1c4;

	background-color: transparent;

	border: 2px solid #34b1c4;

}



.btn-pricing-red {

	color: #fff;

	font-weight: 600;

	background-color: #dd624e;

	border: 2px solid #dd624e;

	padding: 14px 0;

}



.btn-pricing-red:hover {

	color: #dd624e;

	background-color: transparent;

	border-color: #dd624e;

}



/* ========================================================== */

/* 						    09. CONTACT                       */

/* ========================================================== */



iframe.contact-maps {

	padding: 10px 10px;

	border-radius: 8px;

	background-color: #f6f7f8;

	border: 1px solid #eaeaea !important;

}



#contact-form {

	margin: 0 auto;

	width: 100%;

	max-width: 960px;

	text-align: center;

	margin-bottom: 10px;

}



input.contact-input {

	width: 100%;

	height: 40px;

	padding-left: 2%;

	padding-right: 2%;

	margin-bottom: 15px;

	color: #656565;

	background-color: #f6f7f8;

	border: 1px solid #eaeaea !important;

	font-size: 14px;

	float: left;

	-webkit-border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	border-radius: 5px 5px 5px 5px;

}



textarea {

	height: 155px;

	margin-bottom: 15px;

	width: 100%;

	padding-left: 2%;

	padding-right: 2%;

	padding-top: 10px;

	padding-bottom: 10px;

	color: #656565;

	background-color: #f6f7f8;

	border: 1px solid #eaeaea !important;

	font-size: 14px;

	float: left;

	-webkit-border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	border-radius: 5px 5px 5px 5px;

}



input.contact-submit,
input.analysis-submit {

	color: #fff;

	border: 0;

	background-color: #584450;
	background-image: linear-gradient(225deg, #584450 0%, #272121 50%, #0097ff 100%);

	cursor: pointer;

	display: block;

	font-size: 14px;

	font-weight: 600;

	margin-top: 10px;

	padding: 16px 30px;

	position: relative;

	text-transform: uppercase;

	-webkit-border-radius: 3px 3px;

	-moz-border-radius: 3px 3px;

	border-radius: 3px 3px;

	transition: all .50s ease-in-out;

	-moz-transition: all .50s ease-in-out;

	-webkit-transition: all .50s ease-in-out;

}



input.contact-submit:hover,
input.analysis-submit:hover {

	color: #fff;

	background-color: #0093E9;
	background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);


	transition: all .50s ease-in-out;

	-moz-transition: all .50s ease-in-out;

	-webkit-transition: all .50s ease-in-out;

}



input.analysis-submit {

	display: inline-block;

}



input.white-input::-webkit-input-placeholder,

textarea.white-input::-webkit-input-placeholder {
	/* WebKit browsers */

	color: #7c8595;

}

input.white-input:-moz-placeholder,

textarea.white-input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */

	color: #7c8595;

}

input.white-input::-moz-placeholder,

textarea.white-input::-moz-placeholder {
	/* Mozilla Firefox 19+ */

	color: #7c8595;

}

input.white-input:-ms-input-placeholder,

textarea.white-input:-ms-input-placeholder {
	/* Internet Explorer 10+ */

	color: #7c8595;

}



#contact-form input.contact-input:focus,
#contact-form textarea.contact-commnent:focus {

	border-color: #fff;

	outline: none;

}



p.contact_success_box {

	display: inline-block;

	color: #fff;

	font-size: 20px;

	font-style: italic;

	padding: 20px 20px;

	border: 1px solid #fff;

	webkit-border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	border-radius: 5px 5px 5px 5px;

}



/* ========================================================== */

/* 		 		  	   	 10. OTHER STYLES                     */

/* ========================================================== */



.section_features {

	width: 100%;

	max-width: 1140px;

	margin: 0 auto;

	padding: 20px 0 0 0;

	position: relative;

	overflow: hidden;

	z-index: 1;

}



.no-padding {

	padding: 0;

}



.wrapper-inner {

	display: inline-block;

	width: 100%;

	max-width: 585px;

	padding: 40px 0 40px 35px;

}



.portfolio-pic {

	margin-bottom: 30px;

	overflow: hidden;
}



/* ----- Buttons ----- */

.btn,
btn:hover {

	-webkit-transition: all 0.25s ease-in-out;

	-moz-transition: all 0.25s ease-in-out;

	-ms-transition: all 0.25s ease-in-out;

	-o-transition: all 0.25s ease-in-out;

	transition: all 0.25s ease-in-out;

}



.btn-margin {

	display: inline-block;

	margin: 10px 10px;

}



.btn-white {

	color: #454545;

	background-color: #fff;

	border-color: #fff;

}



.btn-white:hover,

.btn-white:focus,

.btn-white:active,

.btn-white.active,

.open .dropdown-toggle.btn-white {

	color: #fff;

	background-color: transparent;

	border-color: #fff;

}



.btn-white-big {

	color: #454545;

	background-color: #fff;

	border-color: #fff;

	padding: 20px 30px;

	font-size: 16px;

}



.btn-white-big:hover,

.btn-white-big:focus,

.btn-white-big:active,

.btn-white-big.active,

.open .dropdown-toggle.btn-white-big {

	color: #fff;

	background-color: transparent;

	border-color: #fff;

}



.btn-white-transparent {

	color: #fff;

	background-color: transparent;

	border-color: #fff;

}



.btn-white-transparent:hover,

.btn-white-transparent:focus,

.btn-white-transparent:active,

.btn-white-transparent.active,

.open .dropdown-toggle.btn-white-transparent {

	color: #454545;

	background-color: #fff;

	border-color: #fff;

}



.btn-small-blue {

	color: #fff;

	font-weight: 600;

	background-color: #0c2d45;

	border: 2px solid #0c2d45;

	padding: 12px 25px;

}



.btn-small-blue:hover {

	color: #0c2d45;

	background-color: transparent;

	border-color: #0c2d45;

}



.btn-blue {

	background-color: #0c2d45;

	position: relative;

	display: inline-block;

	text-align: center;

	color: #fff;

}



.btn-blue:hover,

.btn-blue:focus,

.btn-blue:active,

.btn-blue.active,

.open .dropdown-toggle.btn-blue {

	color: #fff;

	background-color: #2980b9;

}



.btn-green {

	background-color: #1BBC9B;

	position: relative;

	display: inline-block;

	text-align: center;

	color: #fff;

}



.btn-green:hover,

.btn-green:focus,

.btn-green:active,

.btn-green.active,

.open .dropdown-toggle.btn-green {

	color: #fff;

	background-color: #1BBC9B;

}



.btn-blue.small {

	padding: 16px 28px;

}



.btn-blue.xsmall {

	padding: 14px 20px;

	font-size: 14px;

	text-transform: none;

}



.btn-blue.xlarge,
.btn-green.xlarge {

	margin: 10px 10px;

	padding: 14px 26px 12px 26px;

	text-transform: none;

	font-size: 16px;

	font-weight: 500;

}



.btn-blue.xlarge i,
.btn-green.xlarge i {

	padding-right: 8px;

	vertical-align: middle;

	font-size: 20px;

}



/* ----- Partners ----- */

.partners-wrapper {

	position: relative;

	margin: 0 auto;

	width: 100%;

	max-width: 1140px;

}



.partners-item {

	padding: 50px 0;

	text-align: center;

	border-right: 1px solid #e9e9e9;

	border-bottom: 1px solid #e9e9e9;

	transition: all .50s ease-in-out;

	-moz-transition: all .50s ease-in-out;

	-webkit-transition: all .50s ease-in-out;

}



.partners-item.no-border-bottom {

	border-bottom: none;

}



.partners-item.last {

	border-right: none;

}



.partners-item img {

	opacity: 0.4;

	margin: 10px 25px;

	max-height: 36px;

	-webkit-transition: all 0.25s ease-in-out;

	-moz-transition: all 0.25s ease-in-out;

	-ms-transition: all 0.25s ease-in-out;

	-o-transition: all 0.25s ease-in-out;

	transition: all 0.25s ease-in-out;

}



.partners-item img:hover {

	opacity: 1;

}



.section-grey.sponsors-padding {

	padding: 30px 0;

}



.section-grey.sponsors-padding-small {

	padding: 25px 0;

}



.sponsors img.sponsor {
	margin: 10px 10px;

	width: 100%;

	-webkit-transition: all 0.25s ease-in-out;

	-moz-transition: all 0.25s ease-in-out;

	-ms-transition: all 0.25s ease-in-out;

	-o-transition: all 0.25s ease-in-out;

	transition: all 0.25s ease-in-out;

}



/* .sponsors img.sponsor:hover {

	opacity: 0.8;

	transform: scale(1.2);

	-webkit-transition: all 0.25s ease-in-out;

	-moz-transition: all 0.25s ease-in-out;

	-ms-transition: all 0.25s ease-in-out;

	-o-transition: all 0.25s ease-in-out;

	transition: all 0.25s ease-in-out;
} */



/* ----- Fun Facts ----- */

.fun-facts-wrapper {

	width: 100%;

	position: relative;

	overflow: hidden;

	background-color: #0c2d45;

	border-top: 1px solid #393f43;

	margin: 0 auto;

	padding: 25px 0 30px 0;

}



.fun-facts-box {

	float: left;

	width: 19.99%;

	padding-top: 15px;

}



.fun-facts-title {

	font-size: 15px;

	font-weight: 400;

	color: #bbb;

	font-style: italic;

}



.fun-facts-title span {

	font-size: 28px;

	line-height: 30px;

	font-weight: 600;

	font-style: normal;

	color: #ddd;

}



.fun-facts-box i {

	font-size: 40px;

	line-height: 60px;

	color: #0c2d45;

}



/* ----- Blockquote ----- */

.blockquote {

	border-left: 3px solid #0c2d45;

	padding-left: 15px;

	padding-bottom: 3px;

	margin-bottom: 30px;

}



/* ----- Testimonials Style 1 ----- */

.testimonials_item {

	position: relative;

	z-index: 100;

	margin: 30px 0;

	padding-bottom: 0;

	width: 100%;

}



.testimonials_box {

	background-color: #fff;

	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);

	padding: 30px 30px;

	position: relative;

	z-index: 100;

	-webkit-border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	border-radius: 5px 5px 5px 5px;

}



.testimonials_box .testimonials_arrow {

	background: none repeat scroll 0 0 #fff;

	border-right: 1px solid rgba(0, 0, 0, 0.1);

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

	display: block;

	width: 12px;

	height: 12px;

	left: 60px;

	bottom: -6px;

	position: absolute;

	z-index: 50;

	transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	display: none\9;
	/* IE9 and below */

}



.testimonials_box p {

	margin: 0;

	font-size: 16px;

	line-height: 26px;

}



img.autor_pic {

	float: left;

	margin: 15px 15px 0 25px;

	padding: 4px 4px;

	background-color: #fff;

	width: 80px;

	height: 80px;

	-webkit-border-radius: 44px 44px;

	-moz-border-radius: 44px 44px;

	border-radius: 44px 44px;

	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);

}



p.autor {

	display: block;

	margin-top: 36px;

	font-size: 16px;

	line-height: 20px;

	color: #fff;

}



p.autor span {

	font-family: 'Roboto', sans-serif;

	text-transform: uppercase;

	color: #fff;

	font-weight: 500;

	font-size: 16px;

}



/* ----- Testimonials Style 2 ----- */

.testimonials_item2 {

	position: relative;

	z-index: 100;

	margin: 10px 0 60px 0;

	padding-bottom: 0;

	width: 100%;

}



.testimonials_box2 {

	background-color: #fff;

	border: 1px solid #f0f0f0;

	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);

	padding: 30px 30px;

	position: relative;

	z-index: 100;

	-webkit-border-radius: 5px 5px 5px 5px;

	-moz-border-radius: 5px 5px 5px 5px;

	border-radius: 5px 5px 5px 5px;

}



.testimonials_box2 .testimonials_arrow {

	background: none repeat scroll 0 0 #fff;

	border-right: 1px solid #cecece;

	border-bottom: 1px solid #cecece;

	display: block;

	width: 12px;

	height: 12px;

	left: 60px;

	bottom: -6px;

	position: absolute;

	z-index: 50;

	transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	display: none\9;
	/* IE9 and below */

}



.testimonials_box2 p {

	margin: 0;

	font-size: 16px;

	line-height: 26px;

}



img.autor_pic_second {

	float: left;

	margin: 15px 15px 0 25px;

	padding: 4px 4px;

	background-color: #fff;

	border: 1px solid #dedede;

	width: 80px;

	height: 80px;

	-webkit-border-radius: 44px 44px;

	-moz-border-radius: 44px 44px;

	border-radius: 44px 44px;

}



p.autor_second {

	display: block;

	margin-top: 36px;

	font-size: 16px;

	line-height: 20px;

	color: #757575;

}



p.autor_second span {

	font-family: 'Roboto', sans-serif;

	text-transform: uppercase;

	color: #454545;

	font-weight: 500;

	font-size: 17px;

}



/* ----- Testimonials Style 3 ----- */

.section-testimonials {

	position: relative;

	background-color: #0c2d45;

	padding: 60px 0;

}



.testimonials-wrapper2 {

	position: relative;

	max-width: 960px;

}



.testimonials-info {

	display: inline-block;

	padding: 10px 40px 10px 0;

	border-right: 1px solid #fff;

}



.testimonials-info img {

	float: left;

	margin-right: 20px;

	width: 110px;

	height: 110px;

	padding: 5px 5px;

	background-color: transparent;

	border: 1px solid #fff;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%;

}



p.author-name {

	float: left;

	margin: 0;

	padding-top: 30px;

	font-size: 18px;

	line-height: 26px;

	font-weight: 700;

	color: #fff;

	text-transform: uppercase;

	font-family: 'Roboto', sans-serif;

}



p.author-name span {

	font-size: 18px;

	font-weight: 400;

	font-style: italic;

	text-transform: none;

	color: #fff;

	font-family: 'Open Sans', sans-serif;

}



p.testimonials-text {

	padding: 20px 0 0 0;

	font-size: 20px;

	line-height: 32px;

	font-weight: 400;

	color: #fff;

}



/* ----- Sidebar Categories ----- */

ul.sidebar_categories {

	margin-bottom: 30px;

}



ul.sidebar_categories li a {

	color: #555;

	line-height: 22px;

}



ul.sidebar_categories li a:hover {

	color: #0c2d45;

}



/* ----- Sidebar Tags ----- */

ul.tags {

	float: left;

	list-style: none;

	width: 100%;

	margin-bottom: 20px;

}



ul.tags li {

	float: left;

	margin-bottom: 10px;

	margin-right: 5px;

}



ul.tags li a {

	background-color: #fff;

	border: 1px solid #e0e0e0;

	border-radius: 2px 2px 2px 2px;

	color: #454545;

	font-size: 12px;

	padding: 6px 10px;

	transition: all .50s ease-in-out;

	-moz-transition: all .50s ease-in-out;

	-webkit-transition: all .50s ease-in-out;

}



ul.tags li a:hover {

	background-color: #0c2d45;

	border: 1px solid #0c2d45;

	color: #fff;

	transition: all .50s ease-in-out;

	-moz-transition: all .50s ease-in-out;

	-webkit-transition: all .50s ease-in-out;

}



/* ----- Sidebar Posts ----- */

.sidebar_posts {

	float: left;

	margin-bottom: 20px;

}



.sidebar_posts.last {

	margin-bottom: 35px;

}



.sidebar_posts a {

	font-size: 14px;

}



.sidebar_posts a:hover {

	color: #0c2d45;

}



span.sidebar_post_date {

	color: #7c8595;

	font-style: italic;

	font-size: 13px;

	display: block;

	padding-top: 5px;

}



.sidebar_posts img {

	width: 70px;

	height: 70px;

	float: left;

	margin-right: 20px;

}



.panel-icon {

	margin-right: 5px;

	font-size: 20px;

	vertical-align: middle;

}



.panel-title {

	margin-top: 0;

	margin-bottom: 0;

	font-size: 16px;

	font-weight: 500;

	color: #454545;

	font-family: 'Roboto', sans-serif;

}



.panel-title>a,
.panel-title>small,
.panel-title>.small,
.panel-title>small>a,
.panel-title>.small>a {

	color: #656565;

}



.panel-group .panel {

	margin-bottom: 0;

}



.panel-body {

	padding: 20px 10px 10px 10px;

}



.panel-heading {

	padding: 8px 10px 16px 10px;

	border-top-left-radius: 0;

	border-top-right-radius: 0;

}



.panel-default {

	border-color: transparent;

}

.panel-default>.panel-heading {

	color: #959595;

	background-color: transparent;

	border: none;

	border-bottom: 1px solid #e7e7e7;

}



.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {

	border-top: 3px solid #0c2d45;

	border-bottom: 1px solid #e7e7e7;

}

.panel {
	margin-bottom: 20px;
}

/* ----- PROGRESS BAR ----- */

.progress-list {

	margin: 0;

	padding: 0;

	list-style: none;

}



.progress-list p {

	margin-bottom: 3px
}



.progress-list li {

	margin-bottom: 10px
}



.progress-list li span {

	float: right
}



.progress.plain {

	height: 20px;

	margin-bottom: 0;

	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

	background: none;

	border: 0;

	border-radius: 0;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

}



.progress.plain .bar {

	float: left;

	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

	width: 0;

	height: 100%;

	font-size: 12px;

	color: #ffffff;

	text-align: center;

	text-shadow: none;

	-webkit-border-radius: 0;

	border-radius: 0;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	box-shadow: none;

	background: #0c2d45 !important;

}



.progress.plain.bluebar .bar {

	background: #34b1c4 !important;

}



.progress.plain.redbar .bar {

	background: #e74c3c !important;

}



.progress.plain.greenbar .bar {

	background: #1abc9c !important;

}



.progress.plain.yellowbar .bar {

	background: #f1c40f !important;

}



.progress.plain.lylabar .bar {

	background: #9B59B6 !important;

}



.bar-container {

	background: #f2f2f2 !important;

	border-bottom: 0;

	line-height: 1;

}



/* ----- CIRCLE PROGRESS BAR ----- */

.chart {

	display: inline-block;

	position: relative;

	width: 150px;

	height: 150px;

}



.chart canvas {

	position: absolute;

	display: block;

	top: 0;

	left: 50%;

	margin-left: -75px;

}



.chart span {

	color: #454545;

	font-size: 34px;

	font-weight: 500;

	line-height: 150px;

	display: block;

	font-family: 'Roboto', sans-serif;

}



.chart span:after {

	content: '%';

	margin-left: 0;

	font-size: 40px;

}



h5.chart-title {

	margin: 25px 0 12px 0;

}



/* ----- The Process ----- */

.process-wrapper {

	border-top: 1px solid #e8e8e8;

	text-align: center;

}



.process-wrapper .process-inner {

	background: url('../images/process-line.png') no-repeat scroll center 120px;

}



.process-wrapper .process-inner .process {

	display: inline-block;

	text-align: center;

}



.process-wrapper .process-inner .process p.process-title {

	font-size: 18px;

	font-weight: 700;

	color: #454545;

	font-family: 'Roboto', sans-serif;

	margin-top: 20px;
}



.process-wrapper .process-inner .process .process-circle {

	padding: 15px;

	border-radius: 100%;

	margin-bottom: 20px;

	width: 180px;

	height: 180px;

	background-color: #fff;

	border: 2px dashed #cecece;

	transition: all 300ms ease-in-out 0s;

	margin: auto;

}



.process-wrapper .process-inner .process .process-circle .process-circle-icon {

	width: 165px;

	height: 165px;

	line-height: 175px;

	border-radius: 50%;

	background: #f4f6f7;

	margin: -10px;

	position: relative;

}



.process-wrapper .process-inner .process .process-circle .process-circle-icon .process-description {

	position: absolute;

	font-size: 14px;

	line-height: 24px;

	color: #454545;

	text-align: center;

	width: 100%;

	height: 100%;

	top: 0;

	padding-top: 50px;

	opacity: 0;

	transition: all 300ms ease-in-out 0s;

}



.process-wrapper .process-inner .process .process-circle .process-circle-icon img {

	margin-top: -10px;

	display: inline-block;

	border-radius: 50%;

	transition: all 300ms ease-in-out 0s;

}



.process-wrapper .process-inner .process:hover .process-circle .process-circle-icon img {

	opacity: 0.07;

}



.process-wrapper .process-inner .process:hover .process-circle .process-circle-icon .process-description {

	opacity: 1;

}



/* ========================================================== */

/* 					    11. MOBILE DEVICES                    */

/* ========================================================== */



@media (min-width: 992px) {



	.dropdown:hover>.dropdown-menu {

		display: block;

		-webkit-transition: all 0.15s ease-in;

		-moz-transition: all 0.15s ease-in;

		-ms-transition: all 0.15s ease-in;

		-o-transition: all 0.15s ease-in;

		transition: all 0.15s ease-in;

	}

}



@media (max-width: 991px) {



	.dropdown-menu {

		position: relative;

		top: 100%;

		left: 0;

		z-index: 1000;

		float: left;

		min-width: 200px;

		padding: 0;

		margin: 2px 0 0;

		font-size: 14px;

		text-align: left;

		list-style: none;

		background-color: transparent;

		-webkit-background-clip: padding-box;

		background-clip: padding-box;

		border-radius: 4px;

		-webkit-box-shadow: none;

		box-shadow: none;

	}



	.dropdown-menu .divider {

		display: none;

	}



	.yamm .yamm-content {

		padding: 0 25px;

		min-width: 320px;

	}



	.nav-title,

	.nav-subtitle {

		display: none;

	}



	.nav>li {

		text-align: left;

	}



	.navbar-default .navbar-nav>li>a {

		line-height: 28px;

		padding-top: 8px;

		padding-bottom: 8px;

	}



	.navbar-nav>li>.dropdown-menu {

		margin-bottom: 12px;

	}



	.yamm .nav,

	.yamm .collapse,

	.yamm .dropup,

	.yamm .dropdown {

		position: relative;

	}



	.dropdown-menu,

	.dropdown-menu>li,

	.dropdown-menu>li>a {

		width: 100%;

		clear: both;

	}



	.dropdown-menu>li>a {

		padding: 6px 20px;

	}



	.yamm .dropdown.yamm-fw .dropdown-menu {

		background: none;

	}



	.navbar-default .navbar-nav>li>a.purchase {

		font-family: 'Roboto', sans-serif;

		position: relative;

		color: #0c2d45;

		background-color: transparent;

		border: none;

		margin-left: 15px;

		margin-right: 0 !important;

		margin-top: 0;

		padding: 0;

		font-size: 16px;

		line-height: 40px;

		font-weight: 500 !important;

		text-transform: none;

		webkit-border-radius: 5px 5px;

		-moz-border-radius: 5px 5px;

		border-radius: 5px 5px;

	}



	.navbar-default .navbar-nav>li>a.purchase:hover {

		color: #ffffff !important;

		background-color: #0c2d45 !important;

		border: none;

	}



	#navbar-collapse-02 .current a.purchase {

		color: #0c2d45 !important;

		background-color: transparent !important;

		border: none;

	}



	.pricing-bottom {

		padding: 0 20px 40px 20px;

	}



	.newsletter_box {

		text-align: center;

	}



	.newsletter_info {

		padding: 0;

		border-left: none;

	}



	.newsletter_info h2 {

		font-size: 26px;

	}



	.newsletter_info p {

		font-size: 18px;

		line-height: 28px;

	}



	#newsletter-form .email_newsletter {

		width: 90%;

		margin-bottom: 10px;

	}



	#newsletter-form #submit-button-newsletter {

		width: 140px;

		height: 56px;

		margin: 0;

	}



	.testimonials-info {

		border-right: none;

		padding: 0;

		width: 100%;

	}



	p.testimonials-text {

		padding: 10px 0 0 0;

		font-size: 18px;

		line-height: 28px;

	}



	.process-wrapper .process-inner {

		background: none;

	}



}



@media handheld,
only screen and (max-width: 800px) {



	.fun-facts-box {

		width: 50%;

	}



	.team-item {

		margin-bottom: 30px;

	}



	.wrapper-inner {

		max-width: none;

		padding: 40px 0 80px 35px;

	}



	.partners-item {

		padding: 10px 0;

		border-right: none;

		border-bottom: none;

	}



	.col-md-4.small-padding-right,
	.col-md-6.small-padding-right {

		padding-right: 15px !important;

	}



}

.menu-toggle {
	float: left;
}

@media (max-width: 768px) {
	.radio label {
		padding-right: 20px;
	}

	.image-block {
		width: 100% !important;
	}

	.chart1 {
		display: none;
	}

	.content-wl span.wl1,
	.content-wl span.wl2,
	.content-wl span.wl3,
	.content-wl span.wl4,
	.content-wl span.wl5,
	.content-wl span.wl6,
	.content-wl span.wl7,
	.content-wl span.wl8 {
		font-size: 12px !important;
	}

	.chart1-mb {
		display: block !important;
	}

	.form-horizontal .form-group {
		margin-left: 0;
		margin-right: 0;
	}

	.notify-depo strong {
		font-size: 18px !important;
	}

	span.ft2 {
		font-size: 12px !important
	}

	.notify-depo-mini {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.position .col-md-3 {
		width: 47%;
		float: left;
		border: solid 1px #ccc;
		border-radius: 5px;
		margin: 5px;
	}

	.col-md-4-st {
		width: 48% !important;
		margin-left: 1% !important;
		margin-right: 1% !important;
		padding: 10px;
		text-align: center;
		float: left;
	}

	.avatar-img1 {
		margin: 10px !important;
		width: 120px !important;
		height: 75px !important;
	}

	.title-wl {
		font-size: 13px !important;
	}

	p.row-style-t {
		font-size: 14px !important;
	}

	.avatar-img1 input {
		width: 120px !important;
		height: 75px !important;
	}

	img#image_main2,img#image_main3 {
		width: 120px !important;
		height: 80px !important;
	}

	.ft-left {
		font-size: 13px;
	}

	#keyword,
	#transaction-id {
		margin-top: 15px;
	}

	.ft-right {
		display: none;
	}

	.menu-desktop {
		display: none;
	}

	.pad-lef {
		padding-left: 15px !important;
	}

	.title-l {
		font-size: 18px !important;
	}

	.excel-style {
		right: 20px !important;
		top: 12px !important;
	}

	.referlink {
		display: none;
	}

	#header-u img.logo {
		float: left;
	}

	.a-tab {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.menu-repo {
		background: #fff;
		display: block !important;
		padding: 10px;
		font-size: 20px;
	}

	.tab-repo {
		display: block !important;
	}

	.tab-desktop {
		display: none !important;
	}

	.menu-repo .fa {
		font-size: 30px;
		color: #C31E1E;
	}

	.menu-repo li {
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.center-style {
		margin: auto;
		display: block !important;
		float: none;
	}

	p.row-style-t {
		margin: 15px !important;
	}

	table,
	tr,
	th,
	td {
		font-size: 12px !important
	}

	#header-u {
		text-align: center;
	}

	.row-style,
	.row-style1 {
		margin-left: 0;
		margin-right: 0;
	}

	.row-style p img {
		width: 100% !important;
		height: 100% !important;
	}

	.header-u-r span {
		margin: 0;
	}

	.popup-mobile {
		display: none !important;
	}

	.header-cart-price {
		margin-top: 0;
	}

	.regis-pc {
		display: none !important
	}

	.content-slider {
		display: none;
	}

	h1 {
		font-size: 23px;
	}

	.mobile-v {
		display: block;
	}

	.fa-user1 {
		margin-top: 19px;
		font-size: 20px;
	}

	li.btn-custom-cart-mb {
		display: none !important;
	}

	.logo-m {
		margin-right: 0 !important;
	}

	.cart-mobiles {
		display: block;
		float: right;
		margin-top: 18px;
		margin-right: 25px;
		font-size: 20px;
		padding: 0;
	}

	.r-bill .bill-field label {
		font-size: 14px;
		margin-bottom: 0.1rem;
	}

	.r-bill .checkbox>.title {
		font-size: 14px;
	}

	.r-bill .checkbox .regular-checkbox:checked+.box:after {
		top: -3px;
		left: 1px;
	}

	.cart-note label.note-label {
		font-size: 14px;
		margin-bottom: 2px;
	}

	.select-item-qty-mobile {
		justify-self: end;
	}

	.top-intro .details-wrapper {

		text-align: center !important;

	}

	.sidepanel-pc {
		display: none;
	}

	.openbtn {
		display: block !important;
	}

	.aside-content .filter-item {
		color: #fff;
	}

	#mySidepanel aside.aside-item {
		padding: 10px;
	}

	#mySidepanel aside.aside-item span,
	#searchResults {
		color: #fff;
	}

	.logo-m img {
		margin-left: 7px;
		margin-top: 7px;
		width: 70px;
	}

	.top-intro {
		display: none;
	}

	p img.img-fluid {
		width: 188px !important;
		height: 177px !important;
	}

	.section-white .main-content img {
		width: 100% !important;
		height: 100% !important;
	}

	h5 {
		font-size: 18px;
	}

	h2 {
		font-size: 25px;
	}

	li.column30 {
		width: 96% !important;
		margin-left: 2% !important;
		margin-right: 2% !important;
		border: solid 1.5px #0c2d45;

	}

	.services-pic {
		height: auto;
		width: 100%;
	}

	.hidden-nav-item {

		display: block !important;

	}



	.navbar-nav>li.hidden-nav-item>.dropdown-menu {

		display: block !important;

	}



	.hidden-nav-item>.dropdown-menu>li>a {

		display: block !important;

	}

	.cart-mobile {
		border-radius: 0px;
	}

	.header-cart-footer {
		display: block;
	}

	.product-cart-infor {
		grid-template-columns: 1fr;
		grid-gap: 0px;
	}

	.item-product {
		grid-template-columns: 15px 60px 1fr;
		grid-gap: 10px;
		align-items: start;
	}

	.qs-datepicker-container {
		width: calc(100vw - 30px) !important;
	}

	.bread-crumb {
		margin-bottom: 5px !important;
	}

	.header-cart-price .cart-limit-alert {
		display: none !important;
	}

	.timedeli-modal-content {
		position: relative;
	}

	.cart-sticky-cta {
		position: fixed;
		bottom: 0;
		z-index: 999;
		background: #fff;
		width: 100%;
		padding: 0 15px 10px;
		left: 0;
		box-shadow: inset 0px 1px 0px #e4e5e7;
		display: block;
		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.05), 0px -1px 3px rgba(0, 0, 0, 0.15);
	}

	.cart-cta .btn-proceed-checkout-mobile {
		background: var(--cta-color);
		border-radius: 99999px;
		color: #fff;
		height: 32px;
		font-size: 14px;
		line-height: 1;
		padding: 2px 12px;
		box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.25);
	}

	.cart-cta .btn-proceed-checkout-mobile .totals_price_mobile {
		font-weight: 500;
	}

	.cart-cta {
		display: flex;
		justify-content: space-between;
		text-align: center;
		margin-left: -15px;
		margin-right: -15px;
		padding-left: 15px;
		padding-right: 15px;
		align-items: center;
	}

	.cart-limit-alert {
		font-size: 13px;
		line-height: 1.2;
		padding-bottom: 10px;
		margin-bottom: 0;
	}

	.cart-limit-alert .fa-info-circle {
		font-size: 16px;
	}

	.price_vat {
		font-size: 12px;
	}

	.timedeli-modal {
		position: fixed;
		display: none;
		z-index: -1;
	}

	.timedeli-modal.active {
		position: fixed;
		z-index: 9999;
		width: 100vw;
		height: 100vh;
		top: 0;
		left: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.timedeli-modal.active .timedeli-overaly {
		background: rgba(132, 132, 132, 0.6);
		position: absolute;
		z-index: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.timedeli {
		background: #fff;
		padding: 16px;
		width: 300px;
		border-radius: 5px;
		position: relative;
		z-index: 2;
		padding-bottom: 61px;
	}

	.timedeli-modal .close {
		position: absolute;
		right: 7px;
		top: 2px;
	}

	.toggle-delivery {
		font-size: 12px;
	}

	.qs-datepicker-container {
		width: calc(300px - 30px) !important;
	}

	.timedeli-cta {
		position: absolute;
		z-index: 3;
		bottom: 20px;
		width: calc(100% - 30px);
		margin: auto;
		left: 50%;
		transform: translateX(-50%);
	}

	.timedeli-cta button {
		background: var(--cta-color);
		color: #fff;
		width: 100%;
	}

	.toggle-delivery img {
		margin-bottom: 5px;
	}

	body {
		padding-bottom: 183px;
	}

	.cart-available {
		padding-bottom: 120px;
	}

	.cart-available .addThis_listSharing {
		bottom: 125px !important;
	}

	.addThis_listSharing {
		bottom: 190px !important;
	}

	.cart-coupon-footer .btn {
		border-radius: 4px !important;
		border-color: var(--primary-color) !important;
		color: var(--primary-color) !important;
		background: #fff !important;
	}

	.item_product_main {
		margin-bottom: 0.75rem;
	}

	.item_product_main form {
		display: grid;
		grid-template-columns: 90px 1fr;
		grid-gap: 5px;
	}

	.item_product_main .group_action {
		display: none !important;
	}

	.item_product_main .product-name {
		-webkit-line-clamp: 2;
		font-weight: normal;
		font-size: 14px;
		min-height: 0;
	}

	.item_product_main .label_product {
		zoom: 0.7;
	}

	.item_product_main .product-info {
		padding: 0px 10px 5px;
	}

	.mobile-tab {
		display: none;
	}

	.mobile-tab.active {
		display: block;
	}

	.tab-header {
		display: flex;
		justify-content: space-between;
		padding: 10px 15px 0;
		border-bottom: 1px solid #e4e5e7;
	}

	.tab-header-item {
		flex: 0 0 calc(50% - 5px);
		height: 33px;
		font-size: 14px;
		line-height: 18px;
		color: #707070 !important;
		border: none;
		border-radius: 0 !important;
		padding: 7px 4px;
	}

	.tab-header-item {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.tab-header-item.active {
		color: var(--primary-color) !important;
		border: none;
		border-bottom: 2px solid var(--primary-color);
		border-radius: 0 !important;
		font-weight: 500;
		background: none !important;
	}


}

div#modal01 div.modal-content {
	text-align: center;
	background-color: #000;
	z-index: 999999;
}

.modal {
	z-index: 1;
	display: none;
	padding-top: 10px;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgb(0 0 0 / 26%);
	z-index: 99999999999;
}

.modal-content {
	margin: auto;
	display: block;
	/* max-width: 50%; */
}


.modal-hover-opacity {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-backface-visibility: hidden
}

.modal-hover-opacity:hover {
	opacity: 0.60;
	filter: alpha(opacity=60);
	-webkit-backface-visibility: hidden
}


.close {
	text-decoration: none;
	float: right;
	font-size: 24px;
	font-weight: bold;
	color: white;
	opacity: 1;
}

.container1 {
	width: 200px;
	display: inline-block;
}

.modal-content,
#caption {
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
}


@-webkit-keyframes zoom {
	from {
		-webkit-transform: scale(0)
	}

	to {
		-webkit-transform: scale(1)
	}
}

@keyframes zoom {
	from {
		transform: scale(0)
	}

	to {
		transform: scale(1)
	}
}

.features-item {
	min-height: 325px;
}

p a.dangky {
	color: #fff;
	background-color: #584450;
	background-image: linear-gradient(225deg, #584450 0%, #272121 50%, #0097ff 100%);
	padding: 5px 10px 5px 10px;
	border-radius: 5px;
}

li.column30 {
	width: 30%;
	margin: 1%;
	border: solid 1.5px #0c2d45;

}

.sticky {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 991;
}

.navbar-default {
	background: #001f5d;
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
}

/*css san pham*/

.price {
	display: block;
	font-weight: bold;
	color: #001f5d;
	font-size: 16px;
}

.compare-price {
	color: var(--text-secondary-color);
	text-decoration: line-through;
	font-size: 14px;
	display: inline-block;
	margin-right: 5px;
}

.price-box .label_product {
	position: absolute;
	min-width: 44px;
	width: auto;
	height: auto;
	padding: 2px 5px !important;
	font-size: 12px;
	border-radius: 9999px;
	zoom: 1 !important;
	background-color: #FF3CAC;
	background-image: linear-gradient(225deg, #f7eef8 0%, #ff0252 50%, #5e001a 100%);
	color: #fff;
	top: 0;
	right: 0;
	text-align: center;
}

.position-relative {
	position: relative;
}

.border-bottom {
	border-bottom: 1px solid #eee;
}

.padding-top-25 {
	width: 100px;
}

.features-item:hover .action-bar {
	opacity: 1;
	transform: translate3d(-50%, 0, 0);
}

.action-bar {
	position: absolute;
	top: 17%;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	display: flex;
	justify-content: center;
	border-radius: 5px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
	opacity: 0;
	transform: translate3d(-50%, 150%, 0);
	transition: all .3s ease;
}

.btn-views {
	background: #fff;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 5px;
	transition: all .22s ease-out;
}

.item_product_main a {
	text-decoration: none;
	color: #980808;
	font-weight: bold;
}

.action-bar .action-child .action-name {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	bottom: 100%;
	background: #333;
	padding: 5px 8px;
	border-radius: 5px;
	color: #fff;
	font-size: 12px;
	left: 50%;
	transform: translateX(-50%);
	transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);
	display: block;
	width: auto;
	min-width: max-content;
}

.product-thumbnail .action-bar .action-child:last-child {
	border-radius: 0 5px 5px 0;
	border-right: 0;
}

/* chi tiet san pham */
.price-box,
#ega-sticky-addcart .price-box {

	align-items: center;
	flex-wrap: wrap;
	background: transparent;
	padding-left: 0;
	padding-right: 0;
	margin-top: calc(var(--block-spacing)*2);
	column-gap: 4px;
	position: relative;
	margin: 15px 0 10px;
	border-radius: 4px;
}

.details-product .details-pro {
	--block-spacing: 10px;
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}

.product-price {
	font-size: 17px;
	line-height: 24px;
	font-family: inherit;
	font-weight: 700;
	color: #001f5d;
}

#exampleModalLabel {
	color: #001f5d;
}

.product-price-old {
	color: #979797 !important;
	margin-left: 5px;
	font-size: 14px;
	font-weight: normal;
}

.save-price {
	font-size: 14px;
	width: 100%;
}

.product-promotion {
	padding: 10px;
	margin-bottom: 10px;
	border: 2px dashed #b00002;
	margin-top: 30px;
	position: relative;
}

.product-promotion__heading {
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 700;
	padding: 5px 10px;
	color: #b00002;
	background: #fff;
	position: absolute;
	top: -40px;
}

.rounded-sm {
	border-radius: 0.2rem !important;
}

.mr-2,
.mx-2 {
	margin-right: 0.5rem !important;
}

.product-promotion>ul,
.product-promotion>div {
	margin-bottom: 0;
	border-radius: 4px;
	padding: 8px 8px 8px 15px;
	list-style-position: inside;
	background: #fff;
	font-size: 14px;
}

.product-promotion ul li,
.product-promotion>div>* {
	padding: 3px 0;
	margin: 0;
}

.soluong:not(.hidden) {
	display: grid !important;
}

.soluong {
	grid-gap: 10px;
	align-items: center;
	grid-template-columns: 150px 1fr;
	margin-bottom: 20px;
}

.input_number_product,
.custom-btn-number {
	border: 0;
	display: flex;
	margin-bottom: 0;
	margin-top: 0;
	align-items: center;
}

button.btn.btn_num.num_1 {
	border-right: 0;
	border-radius: 5px 0 0 5px;
}

.btn:not(:disabled):not(.disabled) {
	cursor: pointer;
}

button.btn.btn_num {
	border-radius: 0;
	padding: 4px;
	width: 46px;
	border: 1px solid #ced4da;
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #8c9196;
	background: #fff;
}

.icon {
	display: inline-block;
	width: 0.7em;
	height: 0.7em;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
}

.prd_quantity {
	border: 0;
	width: 55px !important;
	text-align: center;
	border-top: 1px solid #ced4da;
	border-bottom: 1px solid #ced4da;
	border-radius: 0;
	height: 46px;
}

.buynow {
	grid-column: 1 / -1;
	background-color: #292327;
	background-image: linear-gradient(225deg, #292327 0%, #3c2e48 50%, #14517b 100%);

	color: var(--addtocart-text-color);
	color: #fff !important;
	width: 100%;
}

.button_actions .btn-cart:hover,
.btn-installment:hover,
.quick-view-product .button_actions .btn-cart:hover {
	background-color: #292327;
	background-image: linear-gradient(225deg, #292327 0%, #3c2e48 50%, #14517b 100%);
	color: #fff;
}

button.btn.btn_num.num_2 {
	border-radius: 0 5px 5px 0;
	border-left: none;
}

.button_actions {
	display: flex;
	flex-wrap: wrap;
}

.button_actions .btn-cart,
.btn-installment,
.quick-view-product .button_actions .btn-cart {
	width: calc(50% - 5px);
	border-color: #001f5d;
	color: #001f5d;
	background-color: #fff;
}

.button_actions .btn:only-child,
.button_actions .btn.is-full {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	text-transform: uppercase;
}

.button_actions .btn {
	transition: all .3s ease;
	font-weight: 700;
	text-decoration: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-flow: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 46px;
	font-size: 16px;
	line-height: 20px;
	padding: 5px 10px;
	line-height: 34px;
}

.main {
	/* font-family: Arial; */
	/* width: 500px; */
	display: block;
	margin: 0 auto;
}

.action {
	display: block;
	margin: 100px auto;
	width: 100%;
	text-align: center;
}

.action a {
	display: inline-block;
	padding: 5px 10px;
	background: #f30;
	color: #fff;
	text-decoration: none;
}

.action a:hover {
	background: #000;
}

span {
	cursor: pointer;
}

.minus,
.plus {
	width: 35px;
	height: 46px;
	background: #f2f2f2;
	border-radius: 4px;
	padding: 8px 5px 8px 5px;
	border: 1px solid #ddd;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	line-height: 25px;
}

input.numbers {
	height: 46px;
	width: 70px;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 4px;
	display: inline-block;
	vertical-align: middle;
}

/* gio hang */
.show-cart li {
	display: flex;
}

.card {
	margin-bottom: 20px;
}

.card-img-top {
	width: 200px;
	height: 200px;
	align-self: center;
}

#cart1 {
	margin-top: 10px;
}

.input-group {
	display: flex;
}

.align-middle {
	vertical-align: middle !important;
}

.item-product {
	display: grid;
	grid-template-columns: 30px 100px 1fr;
	grid-gap: 10px;
	align-items: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.text-center {
	text-align: center !important;
	font-size: x-large;
}

.product-cart-infor {
	display: grid;
	grid-template-columns: 1fr auto 120px;
	grid-gap: 10px;
	align-items: baseline;
}

.product-name,
.product-name a {
	font-size: 14px;
	font-weight: normal;
}

a.link {
	text-decoration: none;
	color: #000000;
	cursor: pointer;
}

.variant-title {
	font-weight: 400;
	color: #898989;
}

.product-price {
	font-weight: 500;
}

.select-item-qty-mobile {
	justify-self: end;
}

.select-item-qty-mobile>div {
	border: none;
	display: flex !important;
	height: 30px;
	margin-bottom: 5px;
	margin-top: 10px;
	align-items: center;
}

button.reduced.items-count.btn-minus.btn {
	border-radius: 4px 0 0 4px;
	border-right: none;
}

.select-item-qty-mobile .form-control {
	border: 0;
	width: 55px !important;
	text-align: center;
	border-top: 1px solid #ced4da;
	border-bottom: 1px solid #ced4da;
	border-radius: 0;
	height: 30px;
}

button.increase.items-count.btn-plus.btn {
	border-radius: 0 4px 4px 0;
	border-left: none;
}

.select-item-qty-mobile .btn {
	padding: 4px;
	width: 30px;
	border: 1px solid #ced4da;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	background: #fff;
}

.field-input-wrapper {
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.field-input-wrapper .field-input {
	box-shadow: 0 0 0 1px #d9d9d9;
	transition: all 0.2s ease-out;
	background-color: white;
	color: #333333;
	border-radius: 4px;
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	word-break: normal;
	border: solid 1px #ced4da;
	margin-bottom: 20px;
}

.section-content.no-mb,
.section .section-content:last-child {
	margin-bottom: inherit;
}

.section-content .content-box:first-child {
	margin-top: 0;
}

.section-content .content-box {
	box-shadow: 0 0 0 1px #d9d9d9;
	border-radius: 4px;
	background: #fff;
	color: #737373;
	margin-top: 1em;
	margin-bottom: 15px;
}

.section-content .content-box .content-box-row:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top: none;
}

.section-content .content-box .content-box-row {
	display: table;
	box-sizing: border-box;
	width: 100%;
	border-top: 1px solid #d9d9d9;
	zoom: 1;
}

.radio-wrapper .radio-label,
.checkbox-wrapper .checkbox-label {
	display: flex !important;
	cursor: pointer !important;
	align-items: center;
	padding: 1em;
	width: auto;
}

.radio-wrapper .payment-method-checkbox {
	display: flex;
	align-self: center;
}

.radio-wrapper .radio-input,
.checkbox-wrapper .checkbox-input {
	display: table-cell;
	padding-right: 0.75em;
	white-space: nowrap;
}

.radio-wrapper .radio-content-input {
	display: flex;
	align-items: center;
}

.radio-wrapper .radio-content-input .main-img {
	margin-right: 10px;
	display: flex;
	align-self: center;
	width: 50px;
	height: 40px;
}


.radio-wrapper .radio-label .radio-label-primary,
.checkbox-wrapper .checkbox-label .checkbox-label-primary {
	display: table-cell;
	width: 100%;
}

.radio-wrapper .radio-content-input .quick-tagline {
	color: #338dbc;
	display: flex;
	align-items: center;
	margin-top: 2px;
}

.hidden {
	display: none !important;
}

span .select2 {
	width: 100%;
}

.section .section-content .content-box .content-box-row.content-box-row-secondary {
	background-color: #fafafa;
}

.blank-slate {
	white-space: pre-line;
	padding: 1.5em;
	text-align: center;
}

.show-error {
	color: #fff;
	background: #f66b6b;
	text-align: center;
	border-radius: 5px;
}

.show-success {
	color: #fff;
	background: #8ed987;
	text-align: center;
	border-radius: 5px;
}

.alert-box {
	color: #555;
	border-radius: 10px;
	font-family: Tahoma, Geneva, Arial, sans-serif;
	font-size: 11px;
	padding: 10px 36px;
}

.alert-box span {
	font-weight: bold;
	text-transform: uppercase;
}

.error {
	background: #ffecec url('../../images/error.png') no-repeat 10px 50%;
	border: 1px solid #f5aca6;
}

.success {
	background: #e9ffd9 url('../../images/success.png') no-repeat 10px 50%;
	border: 1px solid #a6ca8a;
}

.warning {
	background: #fff8c4 url('../../images/warning.png') no-repeat 10px 50%;
	border: 1px solid #f2c779;
}

.notice {
	background: #e3f7fc url('../../images/notice.png') no-repeat 10px 50%;
	border: 1px solid #8ed9f6;
}

.shoppingnow {
	margin: auto;
	display: table;
	margin-bottom: 20px;
}

.btn-custom {
	background-color: #584450;
	background-image: linear-gradient(225deg, #584450 0%, #272121 50%, #0097ff 100%);
	color: #fff;
	border: 0;
}

.btn-custom:hover {
	background-color: #8EC5FC;
	background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
	color: #fff;
}

.btn-custom-cart {
	background: none;
	color: #fff;
	border: none;
}


















.ega-delivery {
	--input-color: #0b0b0b;
	--input-background: #ffff;
	--input-border: #eee;
	--title-border: #0b0b0b;
	--datepicker-border: grey;
	--datepicker-color: #0b0b0b;
	--datepicker-square: #cfefb4
}

.ega-delivery input,
.ega-delivery select,
.ega-delivery textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

.ega-delivery__title {
	border-bottom: 1.5px solid
}

.ega-delivery__note p,
.ega-delivery__title p {
	margin: 0;
	line-height: 1.5
}

.ega-delivery .ega-delivery__title :empty,
.ega-delivery__note :empty {
	display: none
}

.ega-delivery .ega-form__control {
	font-size: 16px;
	width: auto;
	padding: .5rem .75rem;
	border: 1px solid #eee;
	border-radius: .25rem;
	-webkit-border-radius: .25rem;
	-moz-border-radius: .25rem;
	-ms-border-radius: .25rem;
	-o-border-radius: .25rem;
	height: 45px !important;
	margin-right: 5px;
	border-radius: 4px;
	flex: 1;
	margin-bottom: 0
}

.ega-delivery__wrapper {
	display: flex;
	flex-direction: column;
	margin-top: 10px;
	margin-bottom: 10px
}

.ega-delivery__wrapper.left {
	align-items: flex-start
}

.ega-delivery__wrapper.right {
	align-items: flex-end
}

.ega-delivery__wrapper.center {
	align-items: center
}

.ega-delivery.ega-form__group {
	margin-bottom: 8px;
	display: flex;
	max-width: -webkit-max-content;
	max-width: -moz-max-content;
	max-width: max-content;
	position: relative;
	align-items: flex-start
}

.ega-delivery label {
	display: flex;
	flex-direction: column;
	align-items: start;
	line-height: 1.8;
	font-size: 14px;
	margin-right: 15px;
	font-weight: 700
}

.ega-delivery .ega-form__control {
	min-width: 200px;
	height: 32px;
	font-size: 14px;
	font-weight: 400;
	background-color: var(--input-background);
	border-color: var(--input-border);
	color: var(--input-color);
	border-radius: .26392em;
	-webkit-border-radius: .26392em;
	-moz-border-radius: .26392em;
	-ms-border-radius: .26392em;
	-o-border-radius: .26392em
}

.qs-datepicker-container {
	width: 30em;
	color: var(--datepicker-color);
	border: none;
	box-shadow: 0 1em 3em 0 rgba(0, 0, 0, .3);
	background: #fff
}

.qs-datepicker .qs-controls {
	height: 36px;
	line-height: 16px;
	font-size: 14px;
	background: none
}

.qs-datepicker .qs-arrow.qs-left:after,
.qs-datepicker .qs-arrow.qs-right:after {
	color: var(--datepicker-color)
}

.qs-datepicker .qs-square {
	min-width: 36px;
	height: 36px;
	line-height: 16px;
	font-size: 14px;
	text-decoration: none;
	border-radius: 9999px
}

.qs-datepicker .qs-square.qs-empty {
	height: 0
}

.qs-datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active) {
	border-radius: 9999px
}

.qs-datepicker .qs-square.qs-active,
.qs-datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
	background: var(--datepicker-square);
	border-radius: 9999px
}

.qs-datepicker .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
	opacity: .7
}

.qs-datepicker .qs-square.qs-current span {
	text-decoration: none
}

.qs-datepicker .qs-arrow:hover {
	background: none
}

@media (max-width:576px) {
	.slider-for .slick-slide img {
		height: 324px;
	}

	.slider-nav .slick-slide img {
		width: 100%;
		height: auto;

	}

	.ega-delivery.ega-form__group {
		flex-wrap: wrap
	}

	.ega-delivery .ega-form__control,
	.ega-delivery label {
		min-width: 100%
	}

	.ega-delivery .ega-form__control {
		padding: 10px
	}
}

/* Delivery */
.ega-delivery__wrapper {
	margin-bottom: 5px !important;
}

.ega-delivery__title {
	width: 100%;
	font-size: 1rem;
	font-weight: 500;
	color: #000;
	border-bottom: none !important;
}

.ega-delivery.ega-form__group {
	max-width: none !important;
	width: 100%;
}

.ega-delivery label:first-child {
	margin-right: 15px !important;
}

.ega-delivery label {
	margin-right: 0 !important;
	width: 100%;
	font-weight: 400 !important;
}

.ega-delivery label:last-child:after {
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	position: absolute;
	bottom: 13px;
	right: 5px;
	font-weight: 900;
}

.ega-delivery .ega-form__control {
	background-color: #fff !important;
	width: 100% !important;
	margin-right: 0;
	min-width: 0 !important;
}

.ega-delivery .ega-delivery__time {
	-webkit-appearance: none;
	line-height: 18px;
}

.qs-datepicker-container {
	width: 100% !important;
	max-width: 30em !important;
	min-width: 270px;
}


@media (max-width: 1024px) and (min-width: 992px) {
	.ega-delivery.ega-form__group {
		flex-wrap: wrap;
	}

	.ega-delivery label:first-child {
		margin-right: 0 !important;
	}
}

/* VAT + Conditional Cart */
.cart-note label.note-label {
	margin-bottom: 5px;
	display: block;
	font-size: 16px;
	font-weight: normal;
}


.cart-note textarea {
	border-color: #e1e1e1;
	padding: 11px 10px;
	outline: none;
	border-radius: 3px;
	height: 53px;
	resize: none;
	width: 100%;
	background-clip: padding-box;
	font-size: 15px;
}

/* VAT Note */
.header-cart-footer {
	display: grid;
	grid-template-columns: 70% 1fr;
	grid-gap: 15px;
}

.r-bill .checkbox,
.r-bill .checkbox label {
	margin: 0;
}

.r-bill .checkbox .regular-checkbox {
	display: none;
}

.r-bill .checkbox .regular-checkbox+.box {
	border: 2px solid #727272;
	padding: 7px;
	border-radius: 2px;
	display: inline-block;
	margin-top: 2px;
	position: relative;
}

.r-bill .checkbox .regular-checkbox:checked+.box {
	background: #ff2e2e;
	border: 2px solid #ff2e2e;
}

.r-bill .checkbox .regular-checkbox:checked+.box:after {
	content: '\2714\fe0e';
	font-size: 13px;
	position: absolute;
	top: -2px;
	left: 3px;
	color: #fff;
}


.r-bill .checkbox>.title {
	font-size: 16px;
	line-height: 1.5;
	padding-left: 5px;
	vertical-align: top;
	color: #000;
}


.r-bill .bill-field {
	display: none;
	margin-top: 5px;
}

.r-bill .bill-field label {
	line-height: 1.8;
	font-size: 14px;
	margin-bottom: 0;
}

.r-bill .bill-field .form-group {
	margin-bottom: 15px;
}



.form-control::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #b4b4b4;
	opacity: 1;
	/* Firefox */
}

.r-bill .bill-field .form-control {
	box-shadow: none;
	background-clip: padding-box;
	border-radius: 3px;
	border-color: #e6e6e6;
	height: 34px;
	font-size: 14px;
}

.r-bill .bill-field textarea.form-control {
	height: auto;
}

.r-bill .bill-field span.text-danger {
	margin-top: 5px;
	display: block;
	font-size: 13px;
	color: red;
	margin-bottom: 15px;
}

.swal-title:first-child {
	margin-top: 0;
}

.swal-text,
.swal-footer {
	text-align: center;
}

.swal-button--confirm {
	background: var(--cta-color) !important;
}

.cart-limit-modal {
	background-color: #fff;
}

.cart-limit-modal .swal-title {
	color: #0e1c22;
}

.cart-limit-modal .swal-text {
	color: #f00;
}

.cart-limit-modal .swal-button {
	background-color: #0e1c22;
	color: #fff;
}

.vat-checked-modal,
.vat-unchecked-modal,
.vat-checked-error-modal {
	background-color: #fff;
}

.vat-checked-modal .swal-title,
.vat-unchecked-modal .swal-title,
.vat-checked-error-modal .swal-title {
	color: #0e1c22;
}

.vat-checked-modal .swal-text,
.vat-unchecked-modal .swal-text,
.vat-checked-error-modal .swal-text {
	color: #0e1c22;
}

.vat-checked-modal .swal-button {
	background-color: #da2a52;
	color: #fff;
}

.vat-checked-modal .swal-button--cancel {
	background-color: #eee;
	color: #0e1c22;
}

.vat-unchecked-modal .swal-button {
	background-color: #246ae0;
	color: #fff;
}

.vat-unchecked-modal .swal-button--cancel {
	background-color: #eee;
	color: #0e1c22;
}

.vat-checked-error-modal .swal-button--confirm {
	background-color: #246ae0;
	color: #fff;
}

.cart-limit-alert {
	color: #f44336;
	margin-bottom: 15px;
}

.item-product {
	display: grid;
	grid-template-columns: 30px 100px 1fr;
	grid-gap: 10px;
	align-items: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.item-product+.item-product {
	border-top: 1px solid #eee;
}

.item-product a:hover {
	text-decoration: none;
}


.product-name,
.product-name a {
	font-size: 14px;
	font-weight: normal;
}

.header-cart-content {
	display: grid;
	grid-template-columns: 70% 1fr;
	grid-column-gap: 15px;
}

@media (max-width: 992px) {
	.cart-info-gift {
		grid-row: 2;
	}

	.header-cart-content {
		grid-template-columns: 1fr;
		grid-column-gap: 5px;
	}

	.header-cart-content>* {
		padding: 5px 0px;
	}
}

.header-cart-content>* {
	padding: 10px 15px;
}



a.remove-itemx.remove-item-cart {
	font-size: 14px;
	color: #c3c3c3;
}

a.remove-itemx.remove-item-cart:hover {
	color: var(--danger);
}

.product-price {
	font-weight: 500;
}



.select-item-qty-mobile>div {
	border: none;
	display: flex !important;
	height: 30px;
	margin-bottom: 20px;
	margin-top: 10px;
	align-items: center;
}

.select-item-qty-mobile .btn {
	padding: 4px;
	width: 30px;
	border: 1px solid #ced4da;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
}

.select-item-qty-mobile .form-control {
	border: 0;
	width: 55px !important;
	text-align: center;
	border-top: 1px solid #ced4da;
	border-bottom: 1px solid #ced4da;
	border-radius: 0;
	height: 30px;
}

button.reduced.items-count.btn-minus.btn {
	border-radius: 4px 0 0 4px;
	border-right: none;
}

button.increase.items-count.btn-plus.btn {
	border-radius: 0 4px 4px 0;
	border-left: none;
}

.header-cart-price {
	margin-top: 10px;
	border-left: none;
}

@media (min-width: 992px) {
	.header-cart-price {
		border-top: none;
		background: #f7f7f7;
		border: 3px;
		padding: 20px;
		margin-top: 0;
	}
}


.header-cart-price .ega-delivery__wrapper {
	margin-top: 0;
}

.header-cart-price .title-cart {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 15px;
	margin-top: 15px;
	flex-wrap: wrap;
}

.header-cart-price .title-cart h3 {
	font-size: 1rem;
	margin: 0px;
	font-weight: 500;
}

.header-cart-price .title-cart .totals_price_mobile {
	font-size: 18px;
	font-weight: 600;
	color: var(--price-color);
}

.header-cart-price .btn-proceed-checkout-mobile {
	background: var(--cta-color);
	color: #fff;
	margin-bottom: 10px;
	border-raidus: 5px;
}

.header-cart-price .btn-proceed-checkout-mobile:hover {
	filter: brightness(1.2);
}

.header-cart-price .btn-buymore {
	color: #6c757d;
	display: flex;
	align-items: center;
	justify-content: center;
}

.header-cart-price .btn-buymore .fa {
	font-size: 10px;
	margin-right: 5px;
}

.header-cart-price .btn-buymore:hover .fa {
	transform: translateX(-4px);
	transition: all 0.3s ease-out;
}

.price_vat {
	text-align: right;
	flex: 0 0 100%;
	font-size: 14px;
	color: #828282;
}

.title_cart_mobile {
	padding: 0;
}

.title-cart h1 {
	font-weight: 500;
	font-size: 1.2rem;
}


.cart-note {
	margin-top: 15px;
}

@media (max-width: 992px) {
	.product-cart-infor {
		grid-template-columns: 1fr auto;
		grid-gap: 5px;
		justify-content: space-between;
	}

	.product-cart-infor .product-price {
		font-size: 14px;
	}

	.title-product-cart-mobile {
		grid-column: 1/-1;
	}

	.title-product-cart-mobile .product-name,
	.title-product-cart-mobile .product-name a {
		font-size: 13px;
		line-height: 1.3;
		font-weight: normal;
		margin-bottom: 2px;
		margin-top: 0;
	}

	.title-product-cart-mobile .variant-title {
		font-size: 13px;
		line-height: 1.2;
		color: #8c9196;
	}

	.select-item-qty-mobile>div {
		margin: 0;
	}

	.total_product {
		display: none;
	}
}

@media(max-width: 375px) {
	.product-cart-infor {
		grid-template-columns: 1fr;
	}
}

.cart-sticky-cta {
	display: none;
}

.cart-empty .title-cart {
	display: flex;
	flex-direction: column;
	margin: auto;
	align-items: center;
	min-height: 350px;
	justify-content: center;
}

.cart-empty img {
	margin-bottom: 20px;
}

.cart-empty h3 {
	font-size: 22px;
}

.cart-empty p {
	color: #727272;
}

#ega-sale-pop {
	display: none !important;
}

.modal {
	z-index: 99999;
}

.tab-header {
	display: none;
}

.ega-delivery .ega-delivery__date {
	padding-top: 9px !important;
	padding-bottom: 9px !important;
	line-height: 14px;
}

.item_product_main .action-bar-cus {
	margin-top: 8px;
}

.item_product_main .action-bar-cus .add_to_cart-cus {
	background: #001F5D;
	color: #fff;
	padding: 5px 8px;
	font-size: 13px;
}


@media (max-width: 320px) {
	.toggle-delivery {
		font-size: 10px;
	}
}

.btn-proceed-checkout-mobile.not-click {
	pointer-events: none;
	opacity: 0.6;
}

.pos-relative.embed-responsive[class*=embed-responsive-] img {
	width: auto;
	height: auto;
}

.pos-relative.embed-responsive[class*=embed-responsive-] img {

	max-width: 100%;

}

.img-fluid {
	max-width: 100%;
	height: auto;
}

.form-select {
	margin-bottom: 15px;
	height: 40px;
}

.swatch-div {
	margin-bottom: 30px;
}

.swatch {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.swatch .header {
	font-weight: bold;
	color: #333;
	flex: 0 0 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.swatch-element-list {
	display: flex;
	flex-wrap: wrap;
}

.style_new {
	margin-right: 8px;
}

.swatch-element {
	position: relative;
}

.swatch-element input {
	width: 100%;
	height: 100%;
	opacity: 0;
	position: absolute;
	z-index: 3;
	top: -3px;
	left: 0;
	cursor: pointer;
}

.swatch .swatch-element.color:not(.swatch-y) input:checked+label {
	box-shadow: 0 0 0 1px #000, inset 0 0 0 4px #fff;
}

.swatch .color label {
	position: relative;
	z-index: 2;
	border-radius: 100% !important;
	transition: box-shadow .25s ease, transform .25s ease;
	border: none;
}

.swatch .color label {
	width: 33px;
	min-width: unset !important;
	height: 33px !important;
	line-height: 33px !important;
	border: 1px solid #eee;
}

.swatch-element label {
	padding: 10px;
	font-size: 14px;
	border-radius: 6px;
	height: 30px !important;
	min-width: auto !important;
	white-space: nowrap;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.swatch .color input:checked~span {
	opacity: 1;
	border: 1px solid #ccc;
}

.swatch .color span {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background: #fff;
	top: 50%;
	left: 50%;
	z-index: 0;
	transform: translate(-50%, -50%);
}

.swatch .swatch-element:not(.swatch-y):not(.color) input:checked+label {
	border-color: #080808 !important;
	color: #080808;
	position: relative;
	overflow: hidden;
}

.swatch .swatch-element:not(.swatch-y):not(.color) input:checked+label:before {
	content: '';
	padding: 4px;
	font-size: 10px;
	line-height: 1;
	position: absolute;
	top: -15px;
	right: -13px;
	background-color: #151719;
	background-image: linear-gradient(160deg, #0c2d45 0%, #426763 100%);
	width: 26px;
	height: 24px;
	transform: rotate(45deg);
	border-radius: 100%;
}

.swatch .swatch-element:not(.swatch-y):not(.color) input:checked+label:after {
	content: '';
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfkCw8RJSHXzNuNAAAAfElEQVQoz7WRsQ2CYBQGLwRCaLRkDwqdwcLCSZjCmj2AgtoJXMbEUquzEAz+8Je89r675sGG59ka0ig+0ZFbJDGbgRwoAXemi/hb1QZw793ebB739cPgTdV2qvzZAFY+VL+VwB4nB59j5RLYhBVXcTBZw7NJDAN49LrFyz67GnkMHStx0wAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0xMS0xNVQxNzozNzozMyswMDowMGfDTJEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMTEtMTVUMTc6Mzc6MzMrMDA6MDAWnvQtAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAABJRU5ErkJggg==);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 0px;
	right: 0;
	width: 6px;
	height: 6px;
}

.title-product {
	font-weight: 700;
	font-size: 24px;
	color: #000;
}

.delete-item {
	cursor: pointer;
}

.lazy .col-md-6 img {
	width: 100%;
}

p.facebook {
	background: #31376C;
	padding: 0px 0px 0px 15px;
	border-radius: 5px;
}

p.facebook,
p.google span {
	line-height: 45px;
	margin-top: 25px;
}

p.google {
	background: #C92020;
	padding: 0px 0px 0px 15px;
	border-radius: 5px;
	margin-top: 10px;
}

.fa-facebook,
.fa-google {
	font-size: 28px;
	margin-right: 10px;
	margin-top: 10px;
	color: #fff;
}

.footer-lg {
	max-width: 1000px;
	width: 100%;
	margin: auto;
	background: #fff;
	padding: 8px 8px 8px 15px;
	border-radius: 5px;
}

.ft-right {
	float: right;
}

.viewcart {
	background-color: #292327;
	background-image: linear-gradient(225deg, #292327 0%, #3c2e48 50%, #14517b 100%);
	font-size: 15px;
	color: #fff !important;
	border-radius: 5px;
	font-weight: 500;
	padding: 10px 20px;
	line-height: 30px;
}

#accordion-button {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	padding-bottom: 15px;
	cursor: pointer;
	margin-top: 30px;
	border-bottom: 1px solid rgb(0 0 0 / 100%);
}

#accordion-content {
	display: none;
	transition: all 1s ease-in;
}

aside.aside-item {
	padding-top: 15px;
}

.title-head {
	font-size: 18px;
	margin-bottom: 14px;
	text-transform: uppercase;
}

.title_page,
.title-head {
	font-weight: 400;
}

.aside-filter ul {
	padding-left: 0;
	list-style: none;
	margin: 0px;
}

.aside-content .filter-item {
	position: relative;
	clear: left;
	font-size: 14px;
	padding: 0;
}

.inputcheckbox {
	width: 20px;
	height: 20px;
}

#min_price,
#max_price {
	display: none;
}

.logo-m {
	padding: 5px 0 0 0 !important;
	margin-right: 410px;
}


/* filter mobile */

/* The sidepanel menu */
.sidepanel {
	height: 100%;
	/* Specify a height */
	width: 0;
	/* 0 width - change this with JavaScript */
	position: fixed;
	/* Stay in place */
	z-index: 999;
	/* Stay on top */
	top: 0;
	left: 0;
	background-color: #292327;
	background-image: linear-gradient(225deg, #292327 0%, #3c2e48 50%, #14517b 100%);
	/* Black*/
	overflow-x: hidden;
	/* Disable horizontal scroll */
	padding-top: 60px;
	/* Place content 60px from the top */
	transition: 0.5s;
	/* 0.5 second transition effect to slide in the sidepanel */
}

/* The sidepanel links */
.sidepanel a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 25px;
	color: #818181;
	display: block;
	transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidepanel a:hover {
	color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidepanel .closebtn {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 36px;
	margin-left: 50px;
}

/* Style the button that is used to open the sidepanel */
.openbtn {
	font-size: 17px;
	cursor: pointer;
	background-color: #fff;
	color: #000;
	padding: 10px 15px;
	border: none;
}

.openbtn:hover {
	background-color: #444;
}

.openbtn {
	display: none;
}

.forms {
	padding: 20px 15px 30px;
	position: relative;
	background: #fff;
	border: 0;
	border-radius: 2px;
	margin: 110px auto;
	max-width: 450px;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
}

.logo-fe {
	width: 50%;
	display: table;
	margin: auto;
	margin-bottom: 30px
}

.forms h1 {
	font-size: 22px;
	color: #C31E1E;
	font-weight: bold;
	text-align: center;
	margin-top: 0;
}

.forms form {
	padding-top: 30px;
}

#signup {
	display: none;
}

.forms .tab-group {
	list-style: none;
	padding: 0;
	margin: 0;
}

.forms .tab-group:after {
	content: "";
	display: table;
	clear: both;
}

.forms .tab-group li a {
	display: block;
	text-decoration: none;
	padding: 10px;
	background: #fff;
	color: #000;
	font-size: 15px;
	float: left;
	width: 50%;
	text-align: center;
	border-top: 3px solid transparent;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.forms .tab-group li a:hover {
	background-color: #FF3CAC;
	background-image: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);
	color: #fff;
}

.forms .tab-group .active a {
	background-color: #FF3CAC;
	background-image: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);
	color: #fff;
}

.forms input {
	font-size: 16px;
	display: block;
	width: 100%;
	border: 0;
	color: #666;
	border: 1px solid #D9D9D9;
	margin-bottom: 15px;
	padding: 8px 8px 8px 15px;
	border-radius: 5px;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.action-lg {
	float: left;
	width: 100%;
}

.social-lg {
	float: left;
	width: 100%;
}

.forms input:focus {
	outline: 0;
	border-color: #2e5ed7;
}

.forms label {
	font-size: 16px;
	font-weight: normal;
	color: #666;
	margin-bottom: 5px;
	display: block;
}

.forms .button {
	padding: 10px 0;
	font-size: 15px;
	font-weight: 300;
	letter-spacing: 2px;
	background-color: #C31E1E;
	/* background-image: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%); */
	color: #ffffff;
	cursor: pointer;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	border-radius: 5px;
}

.forms .button:hover,
.button:focus {
	background: #ccc;
	color: #fff;
}

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

.input-field {
	float: left;
	width: 100%;
}

.text-l a {
	color: #2A9D8F;
	font-size: 16px;
	float: left;
}

.text-r a {
	color: #C31E1E;
	font-size: 16px;
	float: right;
}

.error_data {
	color: red;
}

.profile-nav,
.profile-info {
	margin-top: 10px;
}

.tabcontent h5 {
	border-bottom: 2px solid #e2dddd;
	padding-bottom: 15px;
}

::-ms-input-placeholder {
	/* Edge 12-18 */
	color: #ccc;
}

::placeholder {
	color: #ccc;
}

.profile-nav .main-sidebar {
	box-shadow: 0px 1px 2px 0px #00000033;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 10px;
	background: #ffffff;
}

.profile-nav .main-sidebar.round a {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	border: 10px solid rgba(255, 255, 255, 0.3);
	display: inline-block;
}

.btn-primary {
	background-color: #C31E1E;
	/* background-image: linear-gradient(225deg, #584450 0%, #272121 50%, #0097ff 100%); */
	border: 0;
}

p.row-style-t {
	margin: 20px 10px 10px 40px;
	color: #1E1E1E;
	font-size: 20px;
}

.button-a {
	background: #C31E1E;
	padding: 5px 20px 5px 20px;
	color: #fff;
	border-radius: 5px;
	border: solid #C31E1E 1px;
	display: table;
	margin: auto;
}

.button-a1 {
	background: #C31E1E;
	padding: 5px 20px 5px 20px;
	color: #fff;
	border-radius: 5px;
	border: solid #C31E1E 1px;
}

a.button-a,a.button-a1:focus {
	color: #fff;
}

.box-footer {
	padding-bottom: 20px;
}

.box-footer a:hover {
	transition: 0.9s;
	color: #C31E1E;
	background: #fff;
	border: solid #C31E1E 1px;
	cursor: pointer;
}

input.inputtext+span:after {
	content: "VND";
	display: inline-block;
	position: absolute;
	top: 7px;
	right: 30px;
	color: #4B4A4A;
	font-size: 16px;
	background: #fff;
}

input.inputtext+span.new:after {
	content: "VND";
	display: inline-block;
	position: absolute;
	top: 7px;
	right: 30px;
	color: #4B4A4A;
	font-size: 16px;
	background: none;
}

input.inputtext+span.dpa:after {
	content: "DPA";
	display: inline-block;
	position: absolute;
	top: 7px;
	right: 30px;
	color: #4B4A4A;
	font-size: 16px;
	background: none;
}

span.pass {
	position: absolute;
	top: 65px;
	right: 15px;
	color: #4B4A4A;
	font-size: 20px;
}

.label-warning {
	background-color: #000;
	/* background-image: linear-gradient(225deg, #ffdff1 0%, #ffd658 50%, #cba327 100%); */
}

.profile-nav .main-sidebar a img.avarta1 {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}

.profile-nav .main-sidebar h1 {
	font-size: 22px;
	font-weight: 300;
	margin-bottom: 5px;
}


.profile-nav ul {
	margin-top: 1px;
}

.profile-nav ul>li {
	/* border-bottom: 1px solid #ebeae6;
	margin-top: 0;
	line-height: 30px; */
}

.profile-nav ul>li:last-child {
	border-bottom: none;
}

.profile-nav ul>li>a {
	border-radius: 0;
	-webkit-border-radius: 0;
	color: #1E1E1E;
	/* border-left: 5px solid #fff; */
}

.profile-nav ul>li>a:hover,
.profile-nav ul>li>a:hover i,
.profile-nav ul>li>a:focus,
.profile-nav ul li a.active,
.profile-nav ul li a.active i {
	color: #C31E1E !important;
}

.profile-nav ul>li:last-child>a:last-child {
	border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
}

.profile-nav ul>li>a>i {
	font-size: 16px;
	margin-right: 10px;
	color: #1E1E1E;
}

.r-activity {
	margin: 6px 0 0;
	font-size: 12px;
	display: none;
}


.p-text-area,
.p-text-area:focus {
	border: none;
	font-weight: 300;
	box-shadow: none;
	color: #c3c3c3;
	font-size: 16px;
}

.profile-info .panel-footer {
	background-color: #f8f7f5;
	border-top: 1px solid #e7ebee;
}

.profile-info .panel-footer ul li a {
	color: #7a7a7a;
}

.bio-graph-heading {
	background: #fbc02d;
	color: #fff;
	text-align: center;
	font-style: italic;
	padding: 40px 110px;
	border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	font-size: 16px;
	font-weight: 300;
}

.bio-graph-info {
	color: #89817e;
}

.bio-graph-info h1 {
	font-size: 22px;
	font-weight: 300;
	margin: 0 0 20px;
}

.bio-row {
	width: 50%;
	float: left;
	margin-bottom: 10px;
	padding: 0 15px;
}

.bio-row p span {
	width: 80px;
	display: inline-block;
}

.bio-chart,
.bio-desk {
	float: left;
}

.bio-chart {
	width: 40%;
}

.bio-desk {
	width: 60%;
}

.bio-desk h4 {
	font-size: 15px;
	font-weight: 400;
}

.bio-desk h4.terques {
	color: #4CC5CD;
}

.bio-desk h4.red {
	color: #e26b7f;
}

.bio-desk h4.green {
	color: #97be4b;
}

.bio-desk h4.purple {
	color: #caa3da;
}

.file-pos {
	margin: 6px 0 10px 0;
}

.profile-activity h5 {
	font-weight: 300;
	margin-top: 0;
	color: #c3c3c3;
}

.summary-head {
	background: #ee7272;
	color: #fff;
	text-align: center;
	border-bottom: 1px solid #ee7272;
}

.summary-head h4 {
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.summary-head p {
	color: rgba(255, 255, 255, 0.6);
}

ul.summary-list {
	display: inline-block;
	padding-left: 0;
	width: 100%;
	margin-bottom: 0;
}

ul.summary-list>li {
	display: inline-block;
	width: 19.5%;
	text-align: center;
}

ul.summary-list>li>a>i {
	display: block;
	font-size: 18px;
	padding-bottom: 5px;
}

ul.summary-list>li>a {
	padding: 10px 0;
	display: inline-block;
	color: #818181;
}

ul.summary-list>li {
	border-right: 1px solid #eaeaea;
}

ul.summary-list>li:last-child {
	border-right: none;
}

.activity {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}

.activity.alt {
	width: 100%;
	float: right;
	margin-bottom: 10px;
}

.activity span {
	float: left;
}

.activity.alt span {
	float: right;
}

.activity span,
.activity.alt span {
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	background: #eee;
	text-align: center;
	color: #fff;
	font-size: 16px;
}

.activity.terques span {
	background: #8dd7d6;
}

.activity.terques h4 {
	color: #8dd7d6;
}

.activity.purple span {
	background: #b984dc;
}

.activity.purple h4 {
	color: #b984dc;
}

.activity.blue span {
	background: #90b4e6;
}

.activity.blue h4 {
	color: #90b4e6;
}

.activity.green span {
	background: #aec785;
}

.activity.green h4 {
	color: #aec785;
}

.activity h4 {
	margin-top: 0;
	font-size: 16px;
}

.activity p {
	margin-bottom: 0;
	font-size: 13px;
}

.activity .activity-desk i,
.activity.alt .activity-desk i {
	float: left;
	font-size: 18px;
	margin-right: 10px;
	color: #bebebe;
}

.activity .activity-desk {
	margin-left: 70px;
	position: relative;
}

.activity.alt .activity-desk {
	margin-right: 70px;
	position: relative;
}

.activity.alt .activity-desk .panel {
	float: right;
	position: relative;
}

.activity-desk .panel {
	background: #F4F4F4;
	display: inline-block;
}


.activity .activity-desk .arrow {
	border-right: 8px solid #F4F4F4 !important;
}

.activity .activity-desk .arrow {
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
	display: block;
	height: 0;
	left: -7px;
	position: absolute;
	top: 13px;
	width: 0;
}

.activity-desk .arrow-alt {
	border-left: 8px solid #F4F4F4 !important;
}

.activity-desk .arrow-alt {
	border-bottom: 8px solid transparent;
	border-top: 8px solid transparent;
	display: block;
	height: 0;
	right: -7px;
	position: absolute;
	top: 13px;
	width: 0;
}

.activity-desk .album {
	display: inline-block;
	margin-top: 10px;
}

.activity-desk .album a {
	margin-right: 10px;
}

.activity-desk .album a:last-child {
	margin-right: 0px;
}


/* Style the tab user profile */
/* .tab {
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
  }
   */
/* Style the buttons inside the tab */
.tab button {
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
	font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
	background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
	background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
	display: none;
}

.header-u-r {
	float: right;
	margin-top: 12px;
}

#referallink {
	color: #2A9D8F;
	font-size: 14px;
}

#header-top {
	box-shadow: 0px 1px 2px 0px #00000033;
	background: #fff;
}

#header-u img {
	margin-top: 7px;
	margin-bottom: 7px;
}

.nav-pills a img {
	float: left;
}

.nav-pills span.name-l,
span.status-l {
	float: left;
}

.nav-pills span.name-l {
	font-size: 18px;
	font-weight: bold;
	color: #1E1E1E;
	margin: 5px 10px 0 10px;
	min-width: 200px;
}

.nav-pills span.status-l {
	font-size: 14px;
	margin-left: 10px;
}

.nav-pills span.status-l:before {
	content: "";
	width: 10px;
	height: 10px;
	background: #8AC926;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
}

.title-l {
	font-size: 24px;
	line-height: 28px;
	margin-top: 10px;
	color: #1E1E1E;
}

.title-l1 {
	font-size: 20px;
	line-height: 28px;
	margin-top: 10px;
}

.row-style {
	background: #fff;
	border-radius: 5px;
}

.row-style1 {
	background: #fff;
	border-radius: 5px;
}

.title-wl {
	color: #1E1E1E;
	font-size: 16px;
	margin-top: 10px;
}

.content-wl span.wl1 {
	color: #002962;
	font-size: 24px;
}

.content-wl span.wl2 {
	color: #004E89;
	font-size: 24px;
}

.content-wl span.wl3 {
	color: #31376C;
	font-size: 24px;
}

.content-wl span.wl4 {
	color: #2A9D8F;
	font-size: 24px;
}

.content-wl span.wl5 {
	color: #8AC926;
	font-size: 24px;
}

.content-wl span.wl6 {
	color: #A0001C;
	font-size: 24px;
}

.content-wl span.wl7 {
	color: #C92020;
	font-size: 24px;
}

.content-wl span.wl8 {
	color: #E15100;
	font-size: 24px;
}

.content-wl {
	font-size: 11px;
	color: #6F6F6F;
}

.content-ft {
	font-size: 14px;
	color: #6F6F6F;
	margin-top: 10px;
}

span.ft1 {
	font-size: 16px;
	color: #1E1E1E;
}

span.ft2 {
	font-size: 20px;
	color: #004E64;
}

.col-md-4-st {
	background: #ffffff;
	border-radius: 5px;
	margin-top: 10px;
	width: 32%;
	margin-left: 0.65%;
	margin-right: 0.65%;
}

.spankyc {
	position: absolute;
	top: 7px;
	right: 5px;
	font-size: 10px;
	color: #C31E1E;
}

/* KYC */
.title-kyc {
	font-size: 12px;
	font-style: italic;
	line-height: 14px;
	margin-bottom: 20px !important;
}

.title-name {
	font-size: 18px;
	color: #1E1E1E;
	font-weight: bold;
	padding-top: 20px;
}

.avatar-img {
	width: 80px;
	height: 80px;
	border-radius: 5px;
	border: 1px dashed #6F6F6FB2;
	margin: auto;
	position: relative;
}

.avatar-img i {
	line-height: 75px;
	font-size: 20px;
	color: #C31E1E;
}

.instruct {
	font-size: 12px;
	color: #6F6F6F;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 10px;
}

.kyc-status {
	color: #8AC926;
	font-size: 14px;
}

.kyc-status::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #8AC926;
	margin-right: 10px;
}

.kyc-status1 {
	color: #C31E1E;
	font-size: 14px;
}

.kyc-status1::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #C31E1E;
	margin-right: 10px;
}

.nav-tabs>li.active>a {
	border-top: 3px solid #C31E1E !important;
	border-radius: 0 !important;
	font-size: 14px;
	color: #1E1E1E;
}

.nav-tabs>li>a {
	border-radius: 0 !important;
	font-size: 14px;
	color: #1E1E1E;
	border-top: 3px solid #fff !important;
}

.nav-tabs {
	margin-bottom: 30px;
}

.radio {
	float: left;
	margin-right: 100px;
	line-height: 28px;
}

.radio-kyc {
	width: 20px;
	height: 20px;
	margin-left: -25px !important;
}

input[type='radio'].radio-kyc:after {
	width: 20px;
	height: 20px;
	border-radius: 15px;
	top: 0px;
	left: 0px;
	position: relative;
	background-color: #d1d3d1;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 2px solid white;
}

input[type='radio'].radio-kyc:checked:after {
	width: 20px;
	height: 20px;
	border-radius: 15px;
	top: 0px;
	left: 0px;
	position: relative;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 4px solid #C31E1E;
}

.avatar-img1 {
	width: 149px;
	height: 80px;
	border-radius: 5px;
	border: 1px dashed #6F6F6FB2;
	text-align: center;
	float: left;
	margin-right: 20px;
	position: relative;
}

.avatar-img1 i {
	line-height: 75px;
	font-size: 20px;
	color: #C31E1E;
}

.avatar-img1 input {
	width: 150px;
	height: 80px;
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.avatar-img input {
	width: 80px;
	height: 80px;
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

table,
tr,
th,
td {
	border: 0px !important;
	font-size: 13px;
	color: #1E1E1E;
}

.table>tbody>tr>td {
	line-height: 30px;
	text-transform: uppercase;
}

.orange_color {
	font-size: 12px;
	color: #E15100;
}

.green_color {
	color: #2A9D8F;
	font-size: 12px;
}

.blue_color {
	color: #8AC926;
	font-size: 12px;
}

.red_color {
	color: #C31E1E;
	font-size: 12px;
}

.re-pay {
	color: #FDFDFD;
	background: #f2a440;
	border-radius: 10px;
	padding: 5px 8px 5px 8px;
	font-size: 10px;
}

.do-pay {
	color: #fff;
	background: #4CAF50;
	border-radius: 10px;
	padding: 3px 15px 3px 15px;
}

a.re-pay:hover {
	color: #fff;
}

#qrcode {
	text-align: center;
	margin-top: 35px;
	margin-bottom: 35px;
}

.qrcodeshare {
	width: 312px;
	margin: auto;
}

.step {
	font-size: 16px;
	margin-left: 45px;
}

.payment-image {
	margin-left: 60px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.a-payment {
	float: left;
	width: 100%;
	color: #8AC926;
}

.img-payment {
	float: left;
}

.nav>li>a.a-tab {
	padding: 10px 30px 10px 30px;
}

.padding-tab {
	padding-left: 10px;
	padding-right: 10px
}

.excel-style {
	position: absolute;
	right: 0px;
	top: 20px;
	background: #2A9D8F;
	padding: 0px 23px 0px 23px;
	border-radius: 10px;
	font-size: 14px;
	text-shadow: 0 0 3px white;
	color: transparent;
}

.list-group-item {
	text-align: left;
	border: 0;
}

.price-invest {
	font-size: 35px;
	color: #1E1E1E;
	font-weight: bold;
	margin-bottom: 30px !important;
}

.swal2-title {
	margin-bottom: 30px;
	color: #1E1E1E;
}

.swal2-image {
	margin-top: 30px !important;
}

.title-invest {
	color: #1E1E1E;
	font-weight: bold;
}

li.list-group-item a {
	color: #1E1E1E;
}

@media print {
	.noPrint {
		display: none;
	}
}

.swal2-show {
	border: solid 1px #ccc;
	border-radius: 0;
}

a.noPrint {
	background: #fff;
	border: solid 1px #C31E1E;
	padding: 0px 20px 0px 20px;
	border-radius: 5px;
	color: #C31E1E;
	top: 5px;
	left: 5px;
	position: absolute;
}

#footer {
	float: left;
	width: 100%;
	margin-top: 10px;
}

.referlink {
	background: #F4F4F4;
	padding: 5px 10px 5px 10px;
	border-radius: 5px;
}

.header-u-r span {
	margin: 5px;
}

.tooltip-main {
	position: relative;
	display: inline-block;
}

.tooltip-main .tooltiptext {
	visibility: hidden;
	min-width: 190px;
	background-color: #2A9D8F;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;

	/* Position the tooltip */
	position: absolute;
	z-index: 1;
	top: 89%;
	left: -130%;
	margin-left: -110px;
}

.tooltip-main:hover .tooltiptext {
	visibility: visible;
}

.tooltiptext a {
	color: #fff;
}

@media print {
	@page {
		size: auto;
		margin: 0mm;
	}
}

.center-style {
	margin: auto;
	display: table;
	float: none;
}

.tab-repo {
	display: none;
}

.menu-repo {
	display: none;
}

.pad-lef {
	padding-left: 0;
}

.notify-depo strong {
	font-size: 24px;
	color: #004E64;
	margin-top: 40px;
}

.notify-depo-mini {
	font-size: 16px;
	color: #1E1E1E;
	font-style: italic;
	padding-left: 255px;
	padding-right: 255px;
}

.sent-otp {
	position: absolute;
	top: 5px;
	right: 5px;
	background: #ccc;
	padding: 5px;
	border-radius: 5px;
	color: #C31E1E;
	font-weight: bold;
}

#loading-image {
	position: fixed;
	top: 0;
	text-align: center;
	width: 100%;
	background: #ffffff9e;
	height: 100%;
	z-index: 9;
	display: none;
}

div.social-lg a.facebook {
	display: none;
}

.position {
	margin-bottom: 20px;
}

.chart1-mb {
	display: none;
}

img.icon-mn {
	margin-top: 5px;
	margin-right: 20px;
}



.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: #fff;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
}

.sidenav a {
	padding: 8px 8px 8px 32px;
	text-decoration: none;
	font-size: 25px;
	color: #818181;
	display: block;
	transition: 0.3s;
}

.sidenav a:hover {
	color: #000000;
}

.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 36px;
	margin-left: 50px;
}

.swal2-popup {
	border-radius: 5px;
}

.radio label {
	line-height: 29px;
}

.view-detail {
	cursor: pointer;
}

.lockNotice #swal2-html-container {
	display: block;
	font-size: 14px;
	margin-left: 84px;
	margin-right: 84px;
	color: #1E1E1E;
}

.lockNotice #swal2-title {
	font-size: 24px;
	font-weight: bold;
	color: #1E1E1E;
	margin-bottom: 0;
	margin-top: 0;
}

.lockNotice .swal2-confirm {
	background: #C31E1E !important;
	font-size: 14px !important;
	padding: 5px 150px 5px 150px;
}

/* end KYC */

/* certificate */
.certificate {
	background: url(../images/background-ce.png);
	background-repeat: no-repeat;
	background-color: #FFF5E5;
	background-size: 140%;
	background-position: top;
}

.title-ce {
	font-size: 16px;
	color: #1E1E1E;
	text-align: center;
	font-weight: bold;
	margin-top: 40px;
}

.title-ce1 {
	font-size: 32px;
	font-weight: bold;
	color: #C31E1E;
	text-align: center;
	margin-top: 100px
}

.img-ce {
	margin-top: 40px;
}

.title-ce2 {
	font-size: 20px;
	color: #C31E1E;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px !important;
}

.title-ce3 {
	font-size: 16px;
	color: #1E1E1E;
	line-height: 30px;
	margin-left: 15px;
}

.table-ce {
	border: 2px solid !important;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

.table-ce tr {
	border-bottom: 2px solid !important;
}

.table-ce th,
td {
	padding: 5px;
}

.table-ce thead {
	background: #0000002e;
}

.table-ce thead th {
	font-size: 16px;
	color: #1E1E1E;
	font-weight: bold;
}

.table-ce tbody td {
	font-size: 16px;
	color: #1E1E1E;
}

.title-ce4 {
	font-size: 20px;
	font-weight: bold;
	color: #1E1E1E;
	float: right;
	width: 95%;
	text-align: right;
	margin-right: 5%;
	margin-top: 20px;
}

#order_id,
#content-s {
	text-transform: uppercase;
}

.image-block {
	width: 50%;
}

.gotop {
	display: none;
	position: fixed;
	right: 10px;
	bottom: 10px;
	background: #c20303;
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 5px
}

a.gotop:hover,
a.gotop:focus {
	color: #fff;
	background: red;
}

.dp2 {
	font-size: 16px;
	color: #004E64;
}

.row-style-dp {
	margin-left: 15px;
	font-size: 16px;
	color: #C31E1E;
}

/* end certificate */