@import url("animate.css");

@font-face {
	font-family: 'knockouthtf28-juniorfeatherwt';
	src: url('knockout_htf28-juniorfeatherwt_regular-webfont.woff2') format('woff2'),
		url('knockout_htf28-juniorfeatherwt_regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'clarendon-boldregular';
	src: url('clarendon-bold-webfont.woff2') format('woff2'),
		url('clarendon-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'clarendonregular';
	src: url('clarendon_regular-webfont.woff2') format('woff2'),
		url('clarendon_regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

/*=======================================================
    THEME STYLING START
========================================================*/
* {
	margin: 0px;
	padding: 0px;
}

body {
	background: #FFF;
	font-weight: normal;
	position: relative;
	font-size: 14px;
	font-family: 'clarendon-boldregular';
}

/*=======================================================
      WRAPPER
========================================================*/
#wrap {
	position: relative;
	width: 100%;
	overflow: hidden;
}

/*=======================================================
      HEADINGS
========================================================*/
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	color: #333333;
	font-family: 'clarendon-boldregular';
	font-weight: bold;
}

h1 {
	font-size: 48px;
}

h2 {
	font-size: 40px;
	font-weight: bold;
}

h3 {
	font-size: 36px;
}

h4 {
	font-size: 30px;
}

h5 {
	font-size: 26px;
}

h6 {
	font-size: 16px;
}

p {
	color: #666666;
	font-size: 17px;
	line-height: 30px;
	text-rendering: optimizeLegibility;
	font-family: 'clarendonregular';
	letter-spacing: 0;
}

a {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	text-decoration: none !important;
	font-family: 'clarendon-boldregular';
}

img {
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	display: inline-block !important;
}

ul {
	margin-bottom: 0px;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
	color: #141414;
}

.font-playfair {
	font-family: 'knockouthtf28-juniorfeatherwt';
}

.font-montserrat {
	font-family: 'clarendon-boldregular';
}

.font-montserrat {
	font-family: 'clarendon-boldregular';
}

.font-hair-line {
	font-family: 'montserrathairline';
}

.font-light {
	font-family: 'knockouthtf28-juniorfeatherwt';
}

.font-regular {
	font-family: 'knockouthtf28-juniorfeatherwt';
}

.font-extra-bold {
	font-family: 'montserratbold';
}

.text-transform-none {
	text-transform: none !important;
}

.text-white {
	color: #fff !important;
}

.text-bold {
	font-weight: bold !important;
}

.text-normal {
	font-weight: normal !important;
}

.font-12px {
	font-size: 12px !important;
}

.font-14px {
	font-size: 14px !important;
}

.font-16px {
	font-size: 16px !important;
}

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

.font-20px {
	font-size: 20px !important;
}

.font-bold {
	font-weight: bold !important;
}

.font-normal {
	font-weight: normal !important;
}

.white-text {
	color: #fff !important;
}

.font-italic {
	font-style: italic;
}

.font-bold {
	font-weight: bold !important;
}

a:hover,
a:focus {}

.text-color-primary {
	color: #f6b138;
}

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

.position-center-center {
	left: 50%;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.dark-pattern {
	background: url(../images/portfolio/2/bg-parallax-1.png) repeat;
}

.white-bg {
	background: #fff;
}

.orange-bg {
	background: #c89d49;
}

.light-gray-bg {
	background: #e5e9ea !important;
}

.relative {
	position: relative;
}

.line-height-24 {
	line-height: 24px !important;
}

.dark-text p {
	color: #141414;
}

/*=======================================================
      SECTION
========================================================*/
section {
	position: relative;
	overflow: hidden;
	width: 100%;
	background: #fff;
}

/*=======================================================
      BUTTON
========================================================*/
.btn {
	background: none;
	display: inline-block;
	font-size: 16px;
	text-transform: uppercase;
	padding: 20px 60px;
	font-weight: normal;
	border-radius: 0px;
	letter-spacing: 1px;
	color: #fff;
	position: relative;
	overflow: hidden;
	border: 1px solid #fff;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.btn:hover {
	color: #131313;
	background: #fff;
}

.btn-dark {
	color: #666666;
	border: 1px solid #666666;
}

.btn-dark:hover {
	background: #666666;
	color: #fff;
}

/*=======================================================
      HEADINGS
========================================================*/
.heading-block {
	margin-bottom: 50px;
	display: inline-block;
	width: 100%;
}

.heading-block h6 {
	font-family: 'knockouthtf28-juniorfeatherwt';
	text-transform: uppercase;
	font-weight: 500;
	margin: 0px;
	margin-bottom: 15px;
	font-size: 40px;
	letter-spacing: 8px;
}

.heading-block hr {
	/*width: 90px;*/
	width: 65px;
	height: 2px;
	border: none;
	margin: 0;
	/*margin-left: -45px;*/
	background: #333333;
	margin-bottom: 20px;

}

.content-center hr {
	margin: 0 auto;
}

.heading-block h3 {
	text-transform: uppercase;
	line-height: 46px;
	margin: 0px;
	letter-spacing: 2px;
}

.heading-block h3 span {
	font-family: 'knockouthtf28-juniorfeatherwt';
}

.heading-block.center hr {
	margin: 0 auto;
	margin-bottom: 15px;
}

/*=======================================================
      TOP BAR
========================================================*/
.top-bar {
	background: #ececec;
	height: 43px;
}

.top-bar p {
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 43px;
	margin: 0px;
}

.top-bar ul li {
	display: inline-block;
}

.top-bar .social-top a {
	line-height: 43px;
	color: #909090;
	font-size: 11px;
	margin: 0 5px;
}

/*=======================================================
      HEADER
========================================================*/
header {
	display: inline-block;
	position: absolute;
	width: 100%;
	z-index: 999;
	margin: 0 auto;
	left: 0px;
	right: 0px;
	margin-top: 30px;
}

header a:hover,
a:focus {
	color: #fff !important;
}

header .sticky {
	padding: 0 2%;
}

header .logo {
	float: left;
	position: absolute;
	text-align: left;
	z-index: 9999;
}

header nav {
	display: inline-block;
	width: 100%;
	float: right;
	position: relative;
	z-index: 999;
	min-height: 50px;
	text-align: right;
}

header nav li a {
	padding: 15px 0px;
	margin: 0;
	margin-top: 1px;
	border-color: transparent;
	text-decoration: none;
	line-height: 20px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 4px;
	float: left;
	font-size: 18px;
	font-weight: 600;
	position: relative;
	font-family: 'knockouthtf28-juniorfeatherwt';
}

header nav .ownmenu li {
	padding: 0 15px;
}

header nav .ownmenu li span.new {
	position: absolute;
	font-size: 7px;
	background: rgba(255, 255, 255, 0.8);
	right: 10px;
	color: #000 !important;
	padding: 0 3px;
	line-height: 14px;
	border-radius: 4px;
}

header nav li a:hover {
	color: #fff;
}

header nav li.active a {
	color: #c29a4c;
}

header nav li.active a:after {
	width: 15px;
	background: #c29a4c;
}

header nav li a:hover:after {
	width: 15px;
}

header nav li a:after {
	display: block;
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 0;
	height: 2px;
	background-color: #fff;
	content: "";
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

header .ownmenu li.active .dropdown a:after {
	opacity: 0;
}

header .ownmenu li.active .dropdown a:hover:after {
	opacity: 1;
}

header nav li .dropdown a:after {
	height: 1px;
	bottom: -1px;
}

header .ownmenu li .dropdown a:hover:after {
	width: 100%;
}

header nav li .megamenu a:after {
	height: 1px;
	bottom: -1px;
}

header .ownmenu ul.dropdown {
	padding-bottom: 0px;
	background: #141414;
	padding: 5px 0px;
}

header .ownmenu ul.dropdown li a {
	text-transform: uppercase;
	line-height: 20px;
	background: none;
	color: #6f6f6f !important;
	font-size: 12px;
	display: inline-block;
	width: 100%;
	font-weight: normal;
	letter-spacing: 0px;
	padding-right: 0px;
	text-align: left;
	padding: 7px 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

header .ownmenu ul.dropdown li:nth-last-child(1) a {
	border-bottom: none;
}

header .ownmenu ul.dropdown li a:hover {
	color: #fff !important;
	background: none;
}

header .ownmenu li>.megamenu li a:hover {
	color: #fff !important;
}

header .ownmenu li>.megamenu li a {
	text-transform: uppercase;
	border: none !important;
	line-height: 40px;
	background: none;
	color: #6f6f6f !important;
	font-size: 12px;
	display: inline-block;
	width: 100%;
	font-weight: normal;
	letter-spacing: 0px;
	padding-right: 0px;
	text-align: left;
	padding: 0px;
}

header ul.dropdown {}

header .ownmenu .megamenu hr {
	width: 23px;
	height: 3px;
	background: #eeb013;
	margin: 15px 0px;
	border: none;
	display: inline-block;
}

header ul.dropdown li {
	padding: 0px;
}

header ul.dropdown li:hover {
	background: none
}

header .ownmenu .megamenu h6 {
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	margin-top: 0px;
}

header .ownmenu .megamenu img {
	width: auto;
	margin-top: -1px;
}

header .ownmenu>li>.megamenu.full-width {
	background: #141414;
	padding: 50px;
	padding-bottom: 40px;
}

header .ownmenu>li>.megamenu.full-width li {
	text-align: left;
}

header nav .ownmenu .indicator {
	margin-left: 5px;
	display: none;
}

.sticky-wrapper {
	height: auto !important;
}

.sticky-wrapper .sticky {
	width: 100%;
}

.is-sticky .sticky .logo {
	margin-top: 0px;
}

.is-sticky .sticky {
	padding-top: 15px;
	padding-bottom: 15px;
	background: rgba(0, 0, 0, 0.9);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.ownmenu ul.dropdown {
	top: 51px;
}

.is-sticky .sticky .ownmenu ul.dropdown {
	top: 51px;
}

.is-sticky .sticky .ownmenu ul.dropdown li ul.dropdown {
	top: inherit;
}

.ownmenu>li>.megamenu {
	top: 46px;
}

header.dark {
	margin-top: 0px;
	padding: 10px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-bottom: 12px;
}

header.dark nav li a {
	color: #333;
}

header.dark .is-sticky .sticky {
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

header.dark .is-sticky .sticky nav {
	margin-top: 0px;
}

header.dark nav {
	margin-top: 5px;
}

header.dark nav li a:after {
	background: #333;
}

.home-agency {
	text-align: center;
}

.home-agency h1 {
	font-size: 110px;
	color: #fff;
	letter-spacing: -5px;
}

.home-agency h3 {
	font-size: 36px;
	color: #fff;
	font-weight: normal;
}

.home-agency p {
	font-size: 16px;
	color: #fff;
	font-weight: normal;
}

.home-agency {
	background: url(../images/bg/bg-agency.jpg) center center no-repeat;
	background-size: cover;
}

.home-agency .ag-text {
	margin-top: 100px;
}

.sub-bnr.home-index {
	min-height: 300px;
}

.sub-bnr.home-index h3 {
	color: #333;
}

.sub-bnr.home-index h3 small {
	color: #333;
}

.sub-bnr.home-index p {
	color: #333;
}

/*=======================================================
      HOME SLIDER
========================================================*/
.home-slide {
	position: relative;
}

.home-slide .home-agency {
	background: none !important;
}

.home-slide li {
	height: 800px;
	text-align: center;
	position: relative;
}

.home-slide .slide-img-1 {
	background: url(../images/slides/slide-bg-1.jpg) center center no-repeat;
	background-size: cover;
}

.home-slide .slide-img-2 {
	background: url(../images/slides/slide-bg-2.jpg) center center no-repeat;
	background-size: cover;
}

.home-slide .slide-img-3 {
	background: url(../images/slides/slide-bg-3.jpg) center center no-repeat;
	background-size: cover;
}

.home-slide .flex-control-nav {
	position: absolute;
	z-index: 99;
	bottom: 10px;
	left: 0px;
	right: 0px;
	width: 100px;
	margin: 0 auto;
}

.home-slide .flex-control-nav li {
	height: auto;
}

.home-slide .flex-direction-nav {
	display: none;
}

.home-slide .position-center-center {
	width: 100%;
}

.home-slide .flex-control-paging li a {
	background: rgba(255, 255, 255, 0.5);
}

.home-slide .flex-control-nav li {
	margin: 0 3px;
}

.flex-control-paging li a.flex-active {
	background: #fff;
}

/*=======================================================
      SUB BANNE
========================================================*/
.sub-bnr {
	min-height: 790px;
	text-align: center;
	height: 55vh;
}

.sub-bnr h3 {
	color: #fff;
	font-size: 50px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 70px;
	margin-top: 100px;
}

.sub-bnr .position-center-center {
	width: 100%;
}

.sub-bnr h3 span {
	font-size: 80px;
	font-weight: bold;
	font-family: 'knockouthtf28-juniorfeatherwt' !important;
	letter-spacing: 6px;
}

.sub-bnr small {
	font-size: 36px;
	color: #fff;
	width: 100%;
	display: inline-block;
}

.sub-bnr p {
	color: #fff;
}

.parallax-bg {
	background-size: cover !important;
	background-attachment: fixed !important;
}

/*=======================================================
      WHO WE ARE
========================================================*/
.who-we-are {
	background: url(../images/bg/bg-who-we.jpg)center center fixed no-repeat;
}

/*=======================================================
      PORTFOLIO
========================================================*/
.portfolio {
	background: none;
}

.portfolio-in:before {
	content: "";
	position: absolute;
	margin-top: 150px;
	width: 100%;
	height: 100%;
	top: 0px;
	background: #c29a4c;
	background: url(../images/bg/our-products-bg.jpg) left center fixed no-repeat;
	background-size: cover;

}

.portfolio-in .container {
	position: relative;
	z-index: 2;
}

.portfolio .port-item {
	position: relative;
	overflow: hidden;
	padding: 22px;
	background: #fff;
}

.portfolio .port-item img {
	width: 100%;
}

.portfolio article {
	position: relative;
	overflow: hidden;
	text-align: center;
}

.portfolio .position-center-center {
	width: 100%;
	padding: 0 50px;
	display: none;
}

.port-item-up {
	margin-top: -150px;
}

.portfolio .port-hover {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	opacity: 0;
	background: rgba(0, 0, 0, 0.9);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.portfolio .hover-content {
	background: none;
	position: relative;
}

.portfolio .hover-content .position-center-center {
	border: 5px solid #fff;
	bottom: auto !important;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.portfolio .port-hover.no-bg {
	background: none !important;
}

a.big-border {
	border: 5px solid #fff;
	display: inline-block;
	padding: 30px 0px;
	font-size: 30px;
	font-weight: bold;
}

a.big-border:hover {
	border: 5px solid#c89d49;
}

.portfolio .port-item:hover .port-hover {
	opacity: 1;
}

.portfolio .port-item:hover img {
	/*transform: scale(1.1);*/
}

.portfolio .port-item:hover .position-center-center {
	display: block;
}

.portfolio .port-hover a {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 9;
	left: 0px;
	top: 0px;
}

.portfolio .port-hover span {
	font-size: 25px;
	color: #c89d49;
	width: 100%;
	display: inline-block;
}

.portfolio .port-hover h6 {
	color: #fff;
	margin: 0px 0;
	line-height: 30px;
	font-weight: normal;
	font-family: 'clarendon-boldregular';
}

.portfolio .port-hover p {
	color: #fff;
	margin: 0px 0;
	line-height: 30px;
	font-weight: normal;
	letter-spacing: 2px;
}

.portfolio .port-detail {
	width: 100%;
	text-align: left;
}

.portfolio .port-detail {
	margin-top: 30px;
	min-height: 80px;
}

.portfolio .port-detail h6 {
	margin-bottom: 10px;
}

.portfolio .port-detail h6 a {
	color: #333333 !important;
	font-size: 15px;
	font-weight: normal;
}

.portfolio .port-detail h6 a:hover {
	color: #c89d49 !important;
}

.portfolio .port-detail p {
	font-size: 15px;
	margin: 0px;
}

.col-2 .cbp-item {
	width: 50% !important;
	padding: 15px;
}

.col-4 .cbp-item {
	width: 25% !important;
}

.col-3 .cbp-item {
	width: 33.33333% !important;
}

.col-5 .cbp-item {
	width: 20% !important;
}

.portfolio .w-80 {
	width: 80% !important;
}

.portfolio .w-40 {
	width: 40% !important;
}

.portfolio .w-20 {
	width: 20% !important;
}

.portfolio .w-60 {
	width: 60% !important;
}

.portfolio .text-left .position-center-center {
	text-align: left;
	bottom: 20px;
	transform: none;
	left: 0px;
	top: auto;
}

.portfolio .cbp-item h6 a {
	position: relative;
	height: auto;
	width: auto;
	color: #fff;
}

.portfolio .cbp-item h6 a:hover {
	color: #c89d49;
}

.portfolio .text-left .position-center-center {
	width: 100%;
	display: inline-block;
}

.portfolio a.cbp-lightbox {
	z-index: 99;
	height: 30px;
	width: 40px;
	color: #c89d49;
	position: relative;
	margin-bottom: 10px;
	float: left;
	display: inline-block;
	margin-right: 5px;
}

.portfolio .cbp-item a.link {
	z-index: 99;
	height: 30px;
	width: 40px;
	color: #c89d49;
	position: relative;
	margin-bottom: 10px;
	display: inline-block;
}

.portfolio .cbp-item a.link:hover {
	color: #fff;
}

.portfolio .cbp-item a.cbp-lightbox:hover {
	color: #fff;
}

.no-space .port-item {
	padding: 0px;
}

.with-space {
	margin: 0 -15px;
}

.portfolio .with-space .port-item {
	padding: 0px;
}

.portfolio .with-space .cbp-item {
	padding: 15px;
}

.center-auto {
	margin: 0 auto;
	float: none;
}

.cbp-l-filters-buttonCenter .cbp-filter-item {
	background: none;
}

.filter-style-1 {
	border: 1px solid #999999;
	display: inline-block;
	margin-bottom: 100px;
}

.filter-style-1 .cbp-filter-item {
	margin: 0px;
	float: left;
	border: none;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 1px;
	font-family: 'clarendon-boldregular';
	padding: 5px 30px;
	border-right: 1px solid #999999 !important;
}

.filter-style-1 .cbp-filter-item:nth-last-child(1) {
	border-right: none !important;
}

.filter-style-1 .cbp-filter-item.cbp-filter-item-active {
	color: #c89d49;
}

.filter-style-1 .cbp-filter-item.cbp-filter-item-active:before {
	content: "\f0d7";
	position: absolute;
	font-family: 'FontAwesome';
	bottom: -18px;
	font-size: 30px;
	width: 20px;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	color: #fff;
	text-shadow: 0 1px 0px rgba(0, 0, 0, 0.9);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.filter-style-1 .cbp-filter-item:hover {
	color: #c89d49;
}

.filter-style-1 .cbp-filter-item:hover:before {
	content: "\f0d7";
	position: absolute;
	font-family: 'FontAwesome';
	bottom: -18px;
	font-size: 30px;
	width: 20px;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	color: #fff;
	text-shadow: 0 1px 0px rgba(0, 0, 0, 0.9);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.cbp-l-filters-buttonCenter .cbp-filter-counter:before {
	border-top: 4px solid#c89d49;
}

.cbp-l-filters-buttonCenter .cbp-filter-counter {
	background: #c89d49;
}

.filter-style-2 {
	display: inline-block;
	margin-bottom: 100px;
}

.filter-style-2 .cbp-filter-item {
	margin: 0px;
	float: left;
	border: none;
	background: #333333;
	text-transform: uppercase;
	font-size: 10px;
	color: #fff;
	letter-spacing: 1px;
	font-family: 'clarendon-boldregular';
	padding: 5px 30px;
	border-right: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.filter-style-2 .cbp-filter-item:hover {
	background: #c89d49;
	color: #fff;
}

.filter-style-2 .cbp-filter-item.cbp-filter-item-active {
	background: #c89d49;
	color: #fff;
}

.filter-style-2 {}

.filter-style-3 {
	display: inline-block;
	margin-bottom: 100px;
}

.filter-style-3 .cbp-filter-item {
	margin: 0px;
	float: left;
	border: none;
	text-transform: uppercase;
	font-size: 13px;
	color: #666666;
	letter-spacing: 1px;
	font-family: 'clarendon-boldregular';
	padding: 5px 30px;
}

.filter-style-3 .cbp-filter-item:hover:before {
	content: "";
	position: absolute;
	width: 25px;
	bottom: 0px;
	background: #c89d49;
	height: 2px;
	margin: 0 auto;
	left: 0px;
	right: 0px;
}

.filter-style-3 .cbp-filter-item.cbp-filter-item-active:before {
	content: "";
	position: absolute;
	width: 25px;
	bottom: 0px;
	background: #c89d49;
	height: 2px;
	margin: 0 auto;
	left: 0px;
	right: 0px;
}

.filter-style-3 .cbp-filter-item.cbp-filter-item-active {
	color: #c89d49;
}

.filter-style-3 .cbp-filter-item:hover {
	color: #c89d49;
}

.filter-style-4 {
	border-bottom: 1px solid #e5e9ea;
	display: inline-block;
	width: 100%;
}

.filter-style-4 .cbp-filter-item {
	margin: 0px;
	display: inline-block;
	border: none;
	background: none;
	text-transform: uppercase;
	font-size: 10px;
	color: #999999;
	letter-spacing: 1px;
	font-family: 'clarendon-boldregular';
	position: relative;
	padding: 35px 20px;
	padding-bottom: 10px;
}

.filter-style-4 .cbp-filter-item.cbp-filter-item-active {
	color: #333333;
}

.filter-style-4 .cbp-filter-item.cbp-filter-item-active:before {
	content: "";
	position: absolute;
	width: 100%;
	bottom: -21px;
	background: #c89d49;
	height: 2px;
	margin: 0 auto;
	left: 0px;
	right: 0px;
}

.filter-style-4 .cbp-filter-item:hover:before {
	content: "";
	position: absolute;
	width: 100%;
	bottom: -21px;
	background: #c89d49;
	height: 2px;
	margin: 0 auto;
	left: 0px;
	right: 0px;
}

.filter-style-5 {
	display: inline-block;
	border-radius: 20px;
	border: 1px solid rgba(0, 0, 0, 0.15);
	position: relative;
	padding: 5px 10px;
}

.filter-style-5 .cbp-filter-item {
	margin: 0px;
	display: inline-block;
	border: none;
	background: #fff;
	border-radius: 20px;
	text-transform: uppercase;
	font-size: 10px;
	color: #999999;
	letter-spacing: 1px;
	padding: 0px 30px;
	font-family: 'clarendon-boldregular';
	position: relative;
}

.filter-style-5 .cbp-filter-item:hover {
	background: #c89d49;
	color: #fff;
}

.filter-style-5 .cbp-filter-item.cbp-filter-item-active {
	background: #c89d49;
	color: #fff;
}

.cbp-popup-singlePage .cbp-popup-close {
	background: none;
}

.cbp-popup-singlePage .cbp-popup-close:before {
	content: '\e082';
	font-family: 'Simple-Line-Icons';
	color: #333333;
	line-height: 45px;
	font-size: 20px;
}

.cbp-popup-singlePage .cbp-popup-prev {
	background: none;
}

.cbp-popup-singlePage .cbp-popup-prev:before {
	content: '\e07a';
	font-family: 'Simple-Line-Icons';
	color: #333333;
	line-height: 45px;
	font-size: 20px;
}

.cbp-popup-singlePage .cbp-popup-next {
	background: none;
}

.cbp-popup-singlePage .cbp-popup-next:before {
	content: '\e079';
	font-family: 'Simple-Line-Icons';
	color: #333333;
	line-height: 45px;
	font-size: 20px;
}

.cbp-popup-singlePage .cbp-popup-navigation {
	position: relative;
	width: auto;
	height: 100%;
	max-width: 1170px;
	margin: 0 auto;
}

.cbp-popup-singlePage .cbp-popup-navigation-wrap {
	background: #f9f6ed;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

.cbp-popup-singlePage .cbp-popup-next {
	left: auto;
	right: 0px;
}

.cbp-popup-singlePage .cbp-popup-prev {
	left: 0px;
	right: auto;
}

.cbp-popup-singlePage-counter {
	left: 0px;
	right: 0px;
	top: 60px;
	color: #333333;
	font-family: 'clarendon-boldregular';
	opacity: 0.3;
}

/*=======================================================
      SINGLE PROJECT
========================================================*/
.single-progect .heading-block h6 {
	margin-bottom: 40px;
}

.single-progect .heading-block hr {
	margin: 0 auto;
	margin-bottom: 45px;
}

.single-progect .project-info {
	margin-top: 100px;
	margin-bottom: 100px;
	display: inline-block;
	width: 100%;
	border-top: 1px solid #e5e9ea;
}

.single-progect .project-info li {
	float: left;
	padding-top: 50px;
	padding-bottom: 50px;
	width: 25%;
	border-right: 1px solid #e5e9ea;
}

.single-progect .project-info li:nth-last-child(1) {
	border: none;
}

.single-progect .project-info li p {
	font-weight: bold;
	text-transform: uppercase;
	color: #333333;
	letter-spacing: 1px;
}

.single-progect .project-info li span {
	color: #666666;
	letter-spacing: 1px;
	font-size: 13px;
}

.cbp-popup-singlePage .cbp-popup-content {
	width: 100%;
	max-width: 100%;
	text-align: center;
}

/*=======================================================
      PORTFOLIO DETAIL
========================================================*/
.portfolio-details {}

.portfolio-details .project-info {
	margin-top: 270px;
	padding-left: 30%;
}

.portfolio-details .project-info li {
	margin-bottom: 30px;
}

.portfolio-details .project-info li p {
	font-weight: bold;
	text-transform: uppercase;
	color: #333333;
	letter-spacing: 1px;
	margin-bottom: 0px;
}

.portfolio-details .project-info li span {
	color: #666666;
	letter-spacing: 1px;
	font-size: 13px;
}

.portfolio-details .project-info li a {
	color: #c89d49;
}

/*=======================================================
      SERVICES
========================================================*/
.services {}

.services .service-part li {
	margin-bottom: 50px;
	padding-right: 50px;
}

.services .service-part h6 {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

.services .service-part p {
	font-size: 13px;
	line-height: 23px;
}

.services .service-part {
	margin-top: 200px;
}

.services .service-part i {
	font-size: 22px;
	display: inline-block;
	margin-bottom: 20px;
}

.services.style-2 .content-we-are {
	padding-left: 80px;
}

.style-img-4 {
	margin-left: -150px;
	float: left;
}

/*=======================================================
      FEATURED
========================================================*/
.more-feature {
	background-color: #402335;
}

.social-home {
	background-color: #c29a4c;
}

.more-feature li {
	padding: 15px 15px;
	/*
	width: 20%;
	float: left;*/
	text-align: center;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.more-feature li:hover {
	background: #e5e9ea;
}

.more-feature li h6 {
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	line-height: 23px;
	margin: 0 auto;
	margin-bottom: 20px;
	text-transform: uppercase;
	color: #000 !important;
}

.more-feature li article {
	border: 1px solid #e5e9ea;
	padding: 60px 60px;
	background-color: #fff;
}

.more-feature ul li p {
	font-size: 13px;
	line-height: 23px;
}

.more-feature ul li i {
	font-size: 22px;
	display: inline-block;
	margin-bottom: 20px;
}

.lamd {
	position: absolute;
	top: 50%;
	left: 70%;
	transform: translate(-50%, -50%);
}

.content-we-are {
	padding-right: 35%;
	padding-left: 50px;
}

.more-feature .portfolio .port-item {
	background-color: transparent;
	padding: 15px 15px;
}

.more-feature .portfolio li.port-item:hover {
	background: #e5e9ea;
}

.more-feature .portfolio .port-hover {
	background: #e5e9ea;
}

.more-feature .portfolio .port-hover a {
	position: relative;
}

/*=======================================================
      OUR TEAM
========================================================*/

.our-team article {
	position: relative;
	margin-bottom: 25px;
	cursor: pointer;
}

.our-team .avatar,
.our-team .avatar-1 {

	position: relative;
	overflow: hidden;
	display: inline-block;
	/*border-radius: 50%;*/
}

.yellow-bg {
	background-color: #c29a4c;
}

.our-team .avatar-1 {

	width: 100%;
}

.our-team .team-hover {
	background: rgb(200 157 73 / 78%);
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
	/*border-radius: 50%;*/
	left: 0%;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.our-team article:hover .team-hover {
	left: 0px;
	opacity: 1;
}

.our-team article:hover img {
	transform: scale(1.1);
}

.our-team .team-hover:hover {}

.our-team .social-icons a {
	color: #fff;
	font-size: 20px;
	margin: 0 10px;
}

.our-team .team-names {
	position: relative;
	margin-top: 50px;
}

.our-team .team-names h6 {
	font-weight: bold;
	font-size: 16px;
	margin-top: 30px;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.our-team .team-names:before {
	content: "";
	height: 75px;
	width: 1px;
	position: absolute;
	top: -90px;
	background: #333333;
	margin: 0 auto;
	left: 0px;
	right: 0px;
	z-index: 99;
}

.our-team .team-names p {
	color: #c89d49;
	font-size: 13px;
}

/*=======================================================
      BLOG
========================================================*/
.blog {}

.blog:before {
	position: absolute;
	content: "";
	height: 180px;
	background: #e5e9ea;
	width: 100%;
	top: 0px;
	left: 0px;
}

.post-content {
	padding-top: 30px;
}

.post-tittle {
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	width: 100%;
	color: #333333;
	display: inline-block;
	margin-top: 20px;
}

.post-tittle:hover {
	color: #c89d49;
}

.post-content .tag {
	display: inline-block;
	width: 100%;
	text-transform: uppercase;
	color: #c89d49;
	font-size: 16px;
	letter-spacing: 2px;
}

.post-content hr {
	width: 90px;
	height: 8px;
	border: none;
	margin: 50px 0;
	display: inline-block;
	background: #333333;
	margin-bottom: 48px;
}

.post-content .date {
	margin-top: 50px;
}

.blog-post-home.style-2 {
	margin-top: 0px;
	position: relative;
}

.blog-post-home.style-2 .date {
	position: absolute;
	top: 40px;
	right: 40px;
	z-index: 99;
	text-align: right;
}

.blog-post-home.style-2 .post-content hr {
	margin: 30px 0;
}

.blog-post-home.style-2 .post-content .post-info li i {
	margin-left: 0px;
	margin-right: 10px;
}

.blog-post-home.style-2 .post-content .post-info li {
	margin-right: 20px;
	margin-top: 40px;
}

.post-detail blockquote {
	font-size: 30px;
	border: none;
	border-top: 1px solid #e3e3e3;
	text-transform: uppercase;
	line-height: 42px;
	padding-top: 40px;
}

.list-type h6 {
	margin-bottom: 30px;
}

.list-type li {
	line-height: 58px;
	position: relative;
	padding-left: 30px;
}

.list-type li:before {
	content: "\e080";
	font-family: 'Simple-Line-Icons';
	position: absolute;
	left: 0px;
	font-size: 10px;
	font-size: 14px;
	color: #494949;
	top: 0px;
	line-height: 26px;
}

.post-tags {
	margin-top: 80px;
	display: inline-block;
	width: 100%;
}

.post-tags li {
	display: inline-block;
	margin-right: 20px;
}

.post-tags li a {
	border: 1px solid #666666;
	color: #666666;
	padding: 5px 15px;
}

.post-tags li a:hover {
	background: #666666;
	color: #fff;
}

.post-detail blockquote i {
	position: absolute;
	left: 0px;
	font-size: 20px;
}

.blog-post-home .date span {
	color: #999999;
}

.blog-post-home .date .huge {
	color: #333333;
	line-height: 80px;
	font-size: 92px;
	display: inline-block;
	width: 100%;
}

.admin-info {
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	margin-top: 80px;
}

.admin-info {}

.admin-info li {
	padding: 80px 0;
}

.admin-info li:nth-child(1) {
	border-right: 1px solid #e0e0e0;
}

.admin-info li h6 {
	text-transform: uppercase;
}

.admin-info li p {
	margin: 0px;
}

.admin-info span {
	color: #c89d49;
}

.blog-post-home {
	margin-top: 200px;
}

.post-info {
	margin-bottom: 30px;
}

.post-info li {
	display: inline-block;
}

.post-info li {
	font-size: 13px;
	color: #666666;
}

.post-info li i {
	font-size: 20px;
	margin-right: 5px;
	margin-left: 20px;
}

.post-info.text-white li {
	color: #fff;
	margin-top: 20px;
}

.blog-list .post-content {
	padding-top: 0px;
}

.text-left .post-info li {
	margin-right: 20px;
}

.text-left .post-info li i {
	margin-left: 0px;
	margin-right: 5px;
}

.paging {
	display: inline-block;
	width: 100%;
	margin-top: 100px;
	text-align: center;
}

.paging li {
	display: inline-block;
	margin: 0 10px;
	line-height: 30px;
}

.paging li i {
	font-size: 12px;
}

.paging li a:hover {
	color: #c89d49;
}

/*=======================================================
      COMMENTS
========================================================*/
.comments li {
	margin-bottom: 80px;
}

.comments li h6 {
	margin-top: 0px;
	font-size: 13px;
	margin-bottom: 15px;
}

.comments .avatar {
	width: 70px;
	display: inline-block;
}

.comments li h6 span {
	font-size: 13px;
	color: #666666;
	font-weight: normal;
}

.comments li p {
	font-size: 13px;
	line-height: 23px;
}

.add-comments {
	background: #e5e9ea;
}

.add-comments li label {
	display: inline-block;
	width: 100%;
	font-weight: normal;
}

.add-comments li input {
	display: inline-block;
	width: 100%;
	height: 50px;
	padding: 0px;
	border: 1px solid;
	border-color: transparent;
	background: none;
	font-size: 16px;
	border: none;
	box-shadow: none;
	border-radius: 0px;
	background: none;
	color: #fff;
	padding: 0px;
	font-size: 16px;
	margin-bottom: 40px;
	border-bottom: 1px solid #999999;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.add-comments li textarea {
	display: inline-block;
	width: 100%;
	height: 150px;
	padding: 0px;
	border: 1px solid;
	border-color: transparent;
	background: none;
	font-size: 16px;
	border: none;
	box-shadow: none;
	border-radius: 0px;
	background: none;
	text-transform: uppercase;
	color: #fff;
	padding: 0px;
	font-size: 16px;
	border-bottom: 1px solid #999999;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.add-comments .form-control:focus {
	border-bottom: 1px solid #000;
	text-shadow: none;
	box-shadow: none;
}

.add-comments .btn {
	border-color: #666666;
	color: #666666;
	padding: 15px 50px;
}

/*=======================================================
      COMING SOON
========================================================*/
.bg-black {
	background: #000;
}

.bg-black .coming-soon h6 {
	font-size: 21px;
	color: #999999;
	line-height: 36px;
}

.coming-soon h1 {
	color: #c89d49;
	font-size: 48px;
	color: #c89d49;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: normal;
	margin-bottom: 30px;
}

.coming-soon .countdown {
	margin-top: 30px;
}

.coming-soon .countdown li {
	position: relative;
}

.coming-soon .countdown.style-2 li:before {
	content: ":";
	font-size: 138px;
	color: #fff;
	right: -20px;
	position: absolute;
}

.coming-soon .countdown.style-2 li:nth-last-child(1):before {
	display: none;
}

.coming-soon .countdown span {
	font-size: 138px;
	font-weight: normal;
	color: #000000;
}

.coming-soon .clock-icon {
	font-size: 72px;
	color: #000;
	margin-top: 50px;
	display: inline-block;
}

.coming-soon .countdown li p {
	font-size: 30px;
	color: #000;
	text-transform: uppercase;
}

.coming-soon .countdown.text-white li p {
	color: #fff;
}

.coming-soon .countdown.text-white li span {
	color: #fff;
}

.coming-soon .social {
	margin-top: 150px;
}

.coming-soon .social li {
	display: inline-block;
}

.coming-soon .social li a {
	color: #999999;
	font-size: 20px;
	margin: 0 15px;
}

.coming-soon .social li a:hover {
	color: #fff;
}

.coming-soon .countdown.style-3 span {
	font-family: 'knockouthtf28-juniorfeatherwt';
	font-size: 138px;
}

.coming-soon .countdown.style-3 p {
	font-size: 30px;
	margin-top: 20px;
}

.coming-soon .countdown.style-3 li {
	border-right: 1px solid rgba(255, 255, 255, 0.3);
	padding: 50px 0;
	padding-top: 0px;
}

.coming-soon .countdown.style-3 li:nth-last-child(1) {
	border-right: none;
}

.coming-soon .newsletter {
	margin-top: 80px;
}

.coming-soon .newsletter .form-control {
	color: #fff;
	border-bottom: 1px solid #fff;
}

.coming-soon .newsletter button {
	border-color: #fff;
	color: #fff;
}

/*=======================================================
      FOOTER
========================================================*/
.footer {
	background: #191b1f;
	padding: 100px 0;
}

.footer p {
	color: #d2d2d2;
	line-height: 36px;
}

.footer .heading-block hr {
	background: #666666;
}

.footer .heading-block h6 {
	color: #666666;
}

.footer .heading-block h3 {
	color: #666666;
}

.footer .contact-info {
	color: #666666;
}

.footer .contact-info i {
	width: 50px;
	display: inline-block;
	line-height: 36px;
	font-size: 20px;
}

.footer .contact-info li {
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
}

.footer .rights {
	display: inline-block;
	float: left;
}

.footer .rights a {
	color: #d2d2d2;
	margin-right: 10px;
	font-size: 18px;
	display: inline-block;
	margin-bottom: 10px;
}

.footer .rights a:hover {
	color: #c29a4c;
}

.footer-links {
	text-align: center;
	margin-top: 50px;
}

.footer-links li {
	display: inline-block;
}

.footer-links a {
	color: #666666;
	margin-right: 10px;
	font-size: 13px;
	display: inline-block;
	margin-bottom: 10px;
	text-transform: uppercase;
	margin: 0 30px;
}

.footer-links a:hover {
	color: #fff;
}

/*=======================================================
			testimonial
========================================================*/
.testimonial #testi-slide {
	width: 85%;
	text-align: center;
	margin: 0 auto;
}

.testimonial .icon {
	color: #666666;
	font-size: 30px;
	text-align: center;
	margin-bottom: 30px;
}

.testimonial #testi-slide p {
	color: #666666;
}

.testimonial #testi-slide h6 {
	color: #666666;
	text-transform: uppercase;
	margin-top: 30px;
}

.testimonial #testi-slide span {
	color: #c89d49;
	margin-bottom: 30px;
	display: inline-block;
}

.testimonial .owl-controls .owl-dots div {
	display: inline-block;
	height: 14px;
	width: 14px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.3);
	margin: 0 2px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.testimonial .owl-controls .owl-dots div.active {
	background: #c89d49;
	border-color: #c89d49;
}

/*=======================================================
			CONTACT FORM
========================================================*/
.contact #contact_form {
	text-align: center;
}

.contact .error {
	border: none;
	border-bottom: 1px solid red !important;
}

.contact .error:before {
	content: "\f071";
	font-family: 'FontAwesome';
	position: absolute;
	color: red;
}

.success-msg {
	background: #fff;
	border: 1px solid #ABD0A8;
	color: #589051;
	margin-bottom: 30px;
	width: 100%;
	display: inline-block;
	text-align: center;
	padding: 11px 16px;
	border-radius: 4px;
	display: none;
}

.success-msg i {
	padding: 10px;
	border-radius: 50%;
	border: 1px solid #ABD0A8;
	margin-right: 10px;
}

#contact_form {
	margin-top: 0;
}

#contact_form li {
	text-align: left;
	margin-bottom: 10px;
	display: inline-block;
	width: 100%;
	margin-top: 0px;
}

#contact_form li input {
	display: inline-block;
	width: 100%;
	height: 50px;
	padding: 0px;
	border: 1px solid;
	border-color: transparent;
	background: none;
	font-size: 16px;
	border: none;
	box-shadow: none;
	border-radius: 0px;
	background: none;
	color: #fff;
	padding: 0px;
	font-size: 16px;
	border-bottom: 1px solid #666666;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

#contact_form li .form-control {
	border: none;
	box-shadow: none;
	border-radius: 0px;
	background: none;
	color: #000;
	padding: 0px;
	font-size: 16px;
	background: none;
	border-bottom: 1px solid #666666;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

#contact_form li textarea {
	height: 120px !important;
	text-transform: uppercase;
	background: none;
	padding: 0px;
	color: #fff;
	padding: 0px;
	font-size: 16px;
}

#contact_form li .btn {
	text-transform: uppercase;
}

.contact-form .tittle {
	text-align: center;
}

.contact-form .tittle hr {
	width: 28px;
	height: 5px;
	margin: 15px auto;
	background: #448aff;
	border: none;
}

.contact-form .tittle p {
	text-transform: none;
	font-size: 16px;
}

.contact-form label {
	font-weight: normal;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	display: inline-block;
	width: 100%;
	margin: 0px;
	line-height: 26px;
	position: relative;
	background: none;
}

.contact-form label span {
	color: #fff;
}

.contact-form textarea {
	display: inline-block;
	width: 100%;
	position: relative;
	padding: 10px 20px;
}

#contact_form li .form-control:focus {
	border-bottom: 1px solid #000;
}

.contact-form button {
	float: right;
	border: 1px solid #666666;
	background: none;
	border-radius: 0px;
	color: #666666;
	margin-top: 0px;
	letter-spacing: 1px;
	padding: 15px 50px;
	float: left;
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.contact-form button:hover {
	background: #c29a4c;
	color: #fff;
	border-color: #c29a4c;
}

.newsletter {}

.newsletter label {
	font-weight: normal;
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	display: inline-block;
	width: 100%;
	margin: 0px;
	line-height: 26px;
	position: relative;
	background: none;
}

.newsletter label span {
	color: #fff;
}

.newsletter textarea {
	display: inline-block;
	width: 100%;
	position: relative;
	padding: 10px 20px;
}

.newsletter button {
	float: right;
	border: 1px solid #666666;
	background: none;
	border-radius: 0px;
	color: #666666;
	margin-top: 0px;
	letter-spacing: 1px;
	padding: 15px 50px;
	float: none;
	margin-top: 50px;
	margin-bottom: 150px;
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.newsletter button:hover {
	background: #fff;
	color: #333;
	border-color: #fff;
}

.newsletter form {
	width: 50%;
	margin: 0 auto;
}

.newsletter input {
	display: inline-block;
	width: 100%;
	height: 50px;
	padding: 0px;
	border: 1px solid;
	border-color: transparent;
	background: none;
	font-size: 16px;
	border: none;
	box-shadow: none;
	border-radius: 0px;
	background: none;
	color: #fff;
	padding: 0px;
	box-shadow: none;
	font-size: 16px;
	border-bottom: 1px solid #666666;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	margin: 0 auto;
}

.newsletter .form-control {
	border: none;
	box-shadow: none;
	border-radius: 0px;
	background: none;
	color: #fff;
	text-align: center;
	padding: 0px;
	font-size: 16px;
	background: none;
	border-bottom: 1px solid #666666;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.newsletter .form-control:focus {
	border-bottom: 1px solid #fff;
}

#map {
	height: 450px;
}

/*=======================================================
			GO TO TOP
========================================================*/
.cd-top {
	display: inline-block;
	height: 50px;
	z-index: 9;
	width: 50px;
	position: fixed;
	bottom: 40px;
	right: 40px;
	color: #c29a4c;
	border-radius: 50%;
	font-size: 26px;
	text-align: center;
	line-height: 40px;
	border: 3px solid #c29a4c;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	overflow: hidden;
	white-space: nowrap;
	background: none;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
	visibility: visible;
	opacity: 0.5;
}

.cd-top.cd-fade-out {
	opacity: .5;
}

.no-touch .cd-top:hover {
	background-color: #ffbb42;
	opacity: 1;
	color: #fff;
}

#wrap.boxed-layout {
	max-width: 1280px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

#wrap.boxed-layout .is-sticky .sticky {
	left: 0px;
}

.bg1-body {
	background: url(../images/bg/texti-bg.jpg) fixed no-repeat;
	background-size: cover;
}

#wrap.boxed-layout .contact.style-2 .contact-right {
	padding-right: 20px;
}

#wrap.boxed-layout .more-feature ul li {
	width: 33.3333%;
}

#wrap.boxed-layout .more-feature ul li:nth-last-child(1) {
	width: 50%;
}

#wrap.boxed-layout .more-feature ul li:nth-last-child(2) {
	width: 50%;
}

#wrap.boxed-layout .more-feature ul li h6 {
	width: 100%;
}

#wrap.boxed-layout .content-we-are {
	padding-right: 20px;
	padding-left: 20px;
}

#wrap.boxed-layout .sticky-wrapper .sticky {
	max-width: 1280px;
	width: auto;
	margin: 0 auto;
	left: 0px;
	right: 0px;
}

#wrap.boxed-layout header .sticky {
	padding-left: 20px;
	padding-right: 20px;
}

/*=======================================================
			GO TO TOP
========================================================*/
.dark-version .footer {
	background: #252525;
}

.dark-version .portfolio-in:before {
	background: #252525;
}

.dark-version section {
	background: #202020;
}

.dark-version h1 {
	color: #b3b3b3;
}

.dark-version h2 {
	color: #b3b3b3;
}

.dark-version h3 {
	color: #b3b3b3;
}

.dark-version h4 {
	color: #b3b3b3;
}

.dark-version h5 {
	color: #b3b3b3;
}

.dark-version h6 {
	color: #b3b3b3;
}

.dark-version .post-tittle {
	color: #b3b3b3;
}

.dark-version .blog-post-home .date .huge {
	color: #b3b3b3;
}

.dark-version p {
	color: #959595;
}

.dark-version .heading-block hr {
	background: #b3b3b3;
}

.dark-version .post-content hr {
	background: #b3b3b3;
}

.dark-version .more-feature ul li:hover {
	background: #000;
}

.dark-version .more-feature ul li article {
	border-color: #000;
}

.dark-version .light-gray-bg {
	background: #252525;
}

.dark-version .blog:before {
	background: #252525;
}

.dark-version {
	color: #959595;
}

.dark-version .sub-bnr h3 {
	color: #fff;
}

.dark-version .sub-bnr p {
	color: #fff;
}

.dark-version hr {
	border-color: #4d4d4d;
}

.dark-version .paging li a {
	color: #959595;
}

.dark-version .filter-style-1 .cbp-filter-item:hover:before {
	color: #202020;
}

.dark-version .filter-style-1 .cbp-filter-item.cbp-filter-item-active:before {
	color: #202020;
}

.dark-version .filter-style-1 {
	border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-version .filter-style-1 .cbp-filter-item {
	border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dark-version .filter-style-1 .cbp-filter-item:hover:before {
	text-shadow: 0 1px 0px rgba(255, 255, 255, 0.1) !important;
}

/*.dark-version .cbp-l-filters-buttonCenter .cbp-filter-item {
	background: #202020;
}*/
.dark-version .filter-style-1 .cbp-filter-item.cbp-filter-item-active:before {
	text-shadow: 0 1px 0px rgba(255, 255, 255, 0.1) !important;
}

.dark-version .filter-style-2 .cbp-filter-item {
	background: #333333;
}

.dark-version .filter-style-2 .cbp-filter-item {
	border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dark-version .filter-style-2 .cbp-filter-item.cbp-filter-item-active {
	background: #c89d49;
	color: #fff;
}

.dark-version .filter-style-2 .cbp-filter-item:hover {
	background: #c89d49;
	color: #fff;
}

.dark-version .portfolio .port-item {
	background: none;
}

.dark-version .filter-style-4 .cbp-filter-item.cbp-filter-item-active {
	color: #fff;
}

.dark-version .portfolio .cbp-item .port-detail h6 a {
	color: #b3b3b3 !important;
}

.dark-version .portfolio .cbp-item .port-detail h6 a:hover {
	color: #c89d49 !important;
}

.dark-version .filter-style-4 {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.dark-version .cbp-l-filters-buttonCenter .cbp-filter-item:hover {
	color: #fff;
}

.dark-version .portfolio-details .project-info li p {
	color: #b3b3b3;
}

.dark-version .filter-style-5 {
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.dark-version .filter-style-5 .cbp-filter-item {
	background: rgba(255, 255, 255, 0.02);
}

.dark-version .filter-style-5 .cbp-filter-item:hover {
	background: #c89d49;
	color: #fff;
}

.dark-version .filter-style-5 .cbp-filter-item.cbp-filter-item-active {
	background: #c89d49;
	color: #fff;
}

.dark-version .filter-style-4 .cbp-filter-item {
	background: none !important;
}

.dark-version .who-we-are {
	background: url(../images/bg/bg-who-we-dark.jpg) fixed no-repeat;
}

.dark-version section.port-item-up {
	background: none;
}

.dark-version .portfolio .portfolio-in .port-item {
	background: rgba(255, 255, 255, 0.05);
}

/*=======================================================
			HAM MENU
========================================================*/
.header-menu {
	margin-top: 45px;
	padding: 0 50px;
}

.header-menu .sticky {}

.fat-nav,
.hamburger__icon,
.hamburger__icon:after,
.hamburger__icon:before {
	-moz-transition-duration: .4s;
	-o-transition-duration: .4s;
	-webkit-transition-duration: .4s
}

.hamburger {
	display: block;
	width: 50px;
	height: 45px;
	position: fixed;
	top: 50px;
	right: 50px;
	z-index: 10000;
	padding: 12px;
	padding-top: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	-ms-touch-action: manipulation;
	touch-action: manipulation
}

.hamburger__icon {
	position: relative;
	margin-top: 7px;
	margin-bottom: 7px
}

.hamburger__icon,
.hamburger__icon:after,
.hamburger__icon:before {
	display: block;
	width: 25px;
	height: 2px;
	background-color: #000;
	-moz-transition-property: background-color, -moz-transform;
	-o-transition-property: background-color, -o-transform;
	-webkit-transition-property: background-color, -webkit-transform;
	transition-property: background-color, transform;
	transition-duration: .4s
}

.hamburger__icon:after,
.hamburger__icon:before {
	position: absolute;
	content: ""
}

.hamburger__icon:before {
	top: -7px
}

.hamburger__icon:after {
	top: 7px
}

.hamburger.active .hamburger__icon {
	background-color: transparent
}

.hamburger.active .hamburger__icon:after,
.hamburger.active .hamburger__icon:before {
	background-color: #fff
}

.hamburger.active .hamburger__icon:before {
	-moz-transform: translateY(7px)rotate(45deg);
	-ms-transform: translateY(7px)rotate(45deg);
	-webkit-transform: translateY(7px)rotate(45deg);
	transform: translateY(7px)rotate(45deg)
}

.hamburger.active .hamburger__icon:after {
	-moz-transform: translateY(-7px)rotate(-45deg);
	-ms-transform: translateY(-7px)rotate(-45deg);
	-webkit-transform: translateY(-7px)rotate(-45deg);
	transform: translateY(-7px)rotate(-45deg)
}

.fat-nav {
	top: 0;
	left: 0;
	z-index: 9999;
	position: fixed;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
	transition-duration: .4s;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch
}

.fat-nav__wrapper {
	width: 100%;
	height: 100%;
	display: table;
	table-layout: fixed
}

.fat-nav.active {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1)
}

.fat-nav ul {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	padding: 0
}

.fat-nav li {
	list-style-type: none;
	text-align: center;
	padding: 10px;
	font-size: 2em
}

.fat-nav li,
.fat-nav li a {
	color: #fff
}

.fat-nav li a {
	text-transform: uppercase;
	font-weight: bolder;
}

.fat-nav li a {
	text-decoration: none
}

body.no-scroll {
	overflow-y: auto !important;
}



/*** custom css ***/
.is-sticky .logo img {
	/*width: 115px;*/
}

.tp-caption {
	width: 700px;
	word-break: break-word;
	white-space: inherit;
	font-family: 'knockouthtf28-juniorfeatherwt';
}

.big-title {
	font-family: 'knockouthtf28-juniorfeatherwt';
}

.big-title span {
	font-family: 'clarendon-boldregular';
}

.heading-block h2 {
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 10px;
	color: #c29a4c;
	font-size: 60px;
	font-family: 'clarendonregular';
}

.heading-block h1 {
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 10px;
	color: #c29a4c;
	font-size: 60px;
	font-family: 'clarendonregular';
}

.golden-fonts {
	color: #c29a4c
}

.golden-bg {
	background: #c29a4c !important
}

.font-black {
	color: #333333 !important;
}

.our-retailers {
	background: url(../images/bg/our-retailers-bg.jpg) center top fixed no-repeat !important;
}

.f-white {
	color: #fff !important;
}

.white-bg {
	background-color: #fff !important;
}

.our-partners li:hover img {
	filter: grayscale(1);
}

.copyrights p {
	text-align: right;
	margin: 0;
	line-height: 25px;
}

.highlight {
	font-size: 70px;
	font-family: 'clarendon-boldregular';
}

.mb-20 {
	margin-bottom: 20px
}

.aboutus-menu li a {
	color: #000;
}

.is-sticky .aboutus-menu li a {
	color: #fff;
}

.aboutus-menu li.active a {
	color: #c29a4c;
}

.aboutus-menu li a:after {
	background-color: #c29a4c;
}

.bg-light-grey {
	background: #e7e7e8
}

.a-big-fonts {
	font-size: 70px !important;
}

.f-125 {
	font-size: 125px !important;
}

.l-80 {
	line-height: 80px;
}

.font-dark-blue {
	color: #1c2831;
}

.round-fonts {
	font-family: 'clarendon-boldregular';
}

.sec-1-right {
	position: relative;
}

.l-spacing {
	letter-spacing: 9px !important;
}

img.mild-cigar {
	width: 200px;
	position: absolute;
	bottom: -58px;
	z-index: 99;
	box-shadow: 1px 38px 58px 42px #fff;
}

img.lapalina-cigar-2 {
	position: relative;
	left: 65px;
	width: 300px;
}

.bg-purple {
	background-color: #402236;
}

.sec2-content {
	position: absolute;
}

.sec2-content {
	position: absolute;
	top: 50px;
	left: 50%;
	width: 500px;
	z-index: 1;
}

.sec-2-right {
	position: absolute;
	right: 14%;
	width: 550px;
	bottom: -100px;
	z-index: 4;
}

.lapalina-head {
	position: absolute;
	top: -150px;
	left: 50px;
	z-index: 1;
}

.lapalina-head img {
	width: 300px;
	z-index: 2;
}

.bg-golden::before {
	content: ' ';
	position: absolute;
	height: 110%;
	width: 75%;
	background: #c29a4c;
	z-index: 1;
}

.p-relative {
	position: relative;
}

.z-3 {
	z-index: 3;
}

.bg-golden-right-img:after {
	content: ' ';
	position: absolute;
	height: 100%;
	width: 50%;
	background: url(../images/sec-3-right-img.jpg);
	top: 0;
	right: 0;
	background-size: contain;
	z-index: 2;
}

.sec-3-right {
	z-index: 4;
}

.cigars-line img {
	padding-bottom: 50px;
}

.cigars-line p {
	color: #fff;
	font-size: 60px;
	font-family: 'knockouthtf28-juniorfeatherwt';
	padding: 40px 0px;
}

.o-hidden-none {
	overflow: visible;
}

.font-cream {
	color: #e7e7e8;
}

.red-title-bg:before {
	content: ' ';
	background: url(../images/red-bg-title.png);
	position: absolute;
	height: 84px;
	width: 400px;
	z-index: 0;
	left: -55px;
}

.red-title-bg h3 {
	position: relative;
	padding: 15px;
}

.sec-4-left img {
	width: 200px;
	position: absolute;
	top: -200px;
	z-index: 1;
	right: 0;
}

.lapalina-queen-text {
	width: 700px;
}

.sec-4-right {
	position: absolute;
	top: -300px;
	z-index: 1;
}

.fs-100 {
	font-size: 100px !important;
}

.sec-6-left {
	position: absolute;
	top: -200px;
	z-index: 1;
	right: 0;
}

.w-40 {
	width: 40%;
	margin: 0 auto;
}

.w-60 {
	width: 60%;
}

.sec-6-bottom {
	position: relative;
	z-index: 1;
	margin-bottom: -90px;
}

.sec-7-bottom {
	position: absolute;
	left: 0;
	width: 70%;
	z-index: 1;
}

.lapalina-about-member {
	position: relative;
	width: 70%;
	margin: 0 auto;
}

.lapalina-members {
	position: relative;
	bottom: -180px;
}

.sec-9:after {
	content: ' ';
	position: absolute;
	height: 50px;
	width: 80%;
	right: 0;
	background: #1c2831;
	z-index: 1;
}

.lapalina-retailers {
	z-index: 1;
	position: relative;
}

.book {
	position: absolute;
	width: 180px;
	left: 400px;
}

.book img {
	box-shadow: 16px 16px 35px 13px rgb(56 56 56 / 21%);
}

.splash {
	z-index: 4;
	position: absolute;
	top: 18%;
	left: 10px;
}

.sec-8-left img {
	padding-bottom: 45px;
}

.long-cigar {
	position: absolute;
	top: -270px;
	z-index: 1;
}

.golden-title-bg {
	position: relative;
	left: -210px;
}

.golden-title-bg:before {
	content: ' ';
	background: url(../images/golden-bg-title.png);
	position: absolute;
	height: 84px;
	width: 318px;
	z-index: 0;
	left: -55px;
}

.golden-title-bg h3 {
	position: relative;
	font-family: 'knockouthtf28-juniorfeatherwt';
	color: #1c2831;
	font-size: 30px;
	text-align: right;
	line-height: 35px;
	padding: 7px 40px 10px 0;
}

.smoke-bg {
	background: url(../images/smoke-blue.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
}

/*** lining css ***/

.sec-1-line {
	content: ' ';
	position: absolute;
	width: 30px;
	height: 100%;
	background: #909192;
	right: 29%;
	top: 350px;
}

.sec-1-line:before {
	content: ' ';
	position: absolute;
	width: 120px;
	height: 30px;
	background: #909192;
	right: 29%;
	top: 0px;
}

.sec-2-line {
	content: ' ';
	position: absolute;
	width: 30px;
	height: 100%;
	background: #909192;
	right: 29%;
	top: 0px;
	z-index: 0;
	opacity: 0.5;
}

.sec-3-line {
	content: ' ';
	position: absolute;
	width: 30px;
	height: 100%;
	background: #909192;
	right: 29%;
	top: 0px;
	z-index: 3;
	opacity: 0.6;
}

.sec-4-line {
	content: ' ';
	position: absolute;
	width: 30px;
	height: 100%;
	background: #4e575c;
	left: 15%;
	top: 0px;
	z-index: 3;
}

.sec-5-line {
	content: ' ';
	position: absolute;
	width: 30px;
	height: 50%;
	background: #4e575c;
	left: 15%;
	top: 0px;
	z-index: 3;
}

.sec-5-line:after {
	content: ' ';
	position: absolute;
	width: 120px;
	height: 30px;
	background: #4f575c;
	left: 0%;
	top: 100%;
}

.sec-5-right-line {
	content: ' ';
	position: absolute;
	width: 30px;
	height: 50%;
	background: #402236;
	right: 15%;
	bottom: 0px;
	z-index: 3;
}

.sec-5-right-line:after {
	content: ' ';
	position: absolute;
	width: 120px;
	height: 30px;
	background: #402236;
	right: 0%;
	top: 0;
}

.sec-6-right-line {
	content: ' ';
	position: absolute;
	width: 30px;
	height: 100%;
	background: #402236;
	right: 15%;
	top: 0px;
	z-index: 0;
}

.sec-7-right-line {
	content: ' ';
	position: absolute;
	width: 30px;
	height: 60%;
	background: #402236;
	right: 15%;
	top: 0px;
	z-index: 0;
}

.sec-7-line {
	content: ' ';
	position: absolute;
	width: 30px;
	height: 40%;
	background: #c29a4c;
	left: 7%;
	bottom: 0px;
	z-index: 3;
}

.sec-7-line:after {
	content: ' ';
	position: absolute;
	width: 120px;
	height: 30px;
	background: #c29a4c;
	left: 0%;
	bottom: 100%;
}

.sec-8-line {
	content: ' ';
	position: absolute;
	width: 30px;
	height: 100%;
	background: #c29a4c;
	left: 7%;
	bottom: 0px;
	z-index: 3;
}

.sec-9-line {
	content: ' ';
	position: absolute;
	width: 30px;
	height: 30%;
	background: #c29a4c;
	left: 7%;
	top: 0px;
	z-index: 3;
	opacity: 0.5;
}

/*** end lining css ***/


.product-img {
	background: url(../images/bg/product.jpg);
	background-size: cover;
	height: 100vh;
	width: 100vw;
	position: relative;
}

.product-img1 {
	background: url(../images/bg/product1.jpg);
	background-size: cover;
	height: 100vh;
	width: 100vw;
	position: relative;
}

.product-img1.home-retailer {
	height: 80vh;
}

.product-content {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.product-content .btn {
	font-family: 'knockouthtf28-juniorfeatherwt';
	padding: 12px 40px;
	font-size: 24px;
	letter-spacing: 1px;
}

.image-container {
	min-height: 100vh;
	background-position: center center;
	background-size: cover;
	position: relative;
}

.image-container:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: .3;
}

.made-with-mk {
	width: 50px;
	height: 50px;
	display: block;
	position: fixed;
	z-index: 555;
	bottom: 40px;
	right: 40px;
	border-radius: 30px;
	background-color: rgba(16, 16, 16, 0.35);
	border: 1px solid rgba(255, 255, 255, 0.15);
	color: #FFFFFF;
	cursor: pointer;
	padding: 10px 12px;
	white-space: nowrap;
	overflow: hidden;
	-webkit-transition: 0.55s cubic-bezier(0.6, 0, 0.4, 1);
	-moz-transition: 0.55s cubic-bezier(0.6, 0, 0.4, 1);
	-o-transition: 0.55s cubic-bezier(0.6, 0, 0.4, 1);
	transition: 0.55s cubic-bezier(0.6, 0, 0.4, 1);
}

.made-with-mk:hover,
.made-with-mk:active,
.made-with-mk:focus {
	width: 218px;
	color: #FFFFFF;
	transition-duration: .55s;
	padding: 10px 19px;
}

.made-with-mk:hover .made-with,
.made-with-mk:active .made-with,
.made-with-mk:focus .made-with {
	opacity: 1;
}

.made-with-mk:hover .brand,
.made-with-mk:active .brand,
.made-with-mk:focus .brand {
	left: 0;
}

.made-with-mk .brand,
.made-with-mk .made-with {
	float: left;
}

.made-with-mk .brand {
	position: relative;
	top: 4px;
	left: -1px;
	letter-spacing: 1px;
	vertical-align: middle;
	font-size: 16px;
	font-weight: 600;
}

.made-with-mk .made-with {
	color: rgba(255, 255, 255, 0.6);
	position: absolute;
	left: 58px;
	top: 14px;
	opacity: 0;
	margin: 0;
	-webkit-transition: 0.55s cubic-bezier(0.6, 0, 0.4, 1);
	-moz-transition: 0.55s cubic-bezier(0.6, 0, 0.4, 1);
	-o-transition: 0.55s cubic-bezier(0.6, 0, 0.4, 1);
	transition: 0.55s cubic-bezier(0.6, 0, 0.4, 1);
}

.made-with-mk .made-with strong {
	font-weight: 400;
	color: rgba(255, 255, 255, 0.9);
}

.wizard-container {
	padding: 200px 0;
	z-index: 3;
	font-family: 'clarendonregular';
}

.wizard-container .wizard-navigation {
	position: relative;
	font-family: 'clarendonregular';
}

h1,
.h1 {
	font-size: 3.8em;
	line-height: 1.15em;
}

h2,
.h2 {
	font-size: 2.6em;
}

h3,
.h3 {
	font-size: 1.825em;
	line-height: 1.4em;
	margin: 20px 0 10px;
}

h4,
.h4 {
	font-size: 1.3em;
	line-height: 1.4em;
}

h5,
.h5 {
	font-size: 1.25em;
	line-height: 1.4em;
	margin-bottom: 15px;
}

h6,
.h6 {
	font-size: 0.9em;
	text-transform: uppercase;
}

.title,
.card-title,
.wizard-title {
	font-weight: 700;
}

.title,
.title a,
.card-title,
.card-title a,
.wizard-title,
.wizard-title a {
	color: #3C4858;
	text-decoration: none;
}

h2.title {
	margin-bottom: 30px;
}

.description,
.card-description,
.footer-big p {
	color: #999999;
}

.text-warning {
	color: #ff9800;
}

.text-primary {
	color: #9c27b0;
}

.text-danger {
	color: #f44336;
}

.text-success {
	color: #4caf50;
}

.text-info {
	color: #00bcd4;
}

.card {
	background-color: #FFFFFF;
	padding: 10px 0;
	width: 100%;
	border-radius: 6px;
	color: rgba(0, 0, 0, 0.87);
	background: #fff;
}

.wizard-card {
	min-height: 410px;
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.wizard-card .picture-container {
	position: relative;
	cursor: pointer;
	text-align: center;
}

.wizard-card .picture {
	width: 106px;
	height: 106px;
	background-color: #999999;
	border: 4px solid #CCCCCC;
	color: #FFFFFF;
	border-radius: 50%;
	margin: 5px auto;
	overflow: hidden;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.wizard-card .picture:hover {
	border-color: #2ca8ff;
}

.wizard-card[data-color="purple"] .moving-tab {
	position: absolute;
	text-align: center;
	padding: 12px;
	font-size: 12px;
	text-transform: uppercase;
	-webkit-font-smoothing: subpixel-antialiased;
	background-color: #9c27b0;
	top: -4px;
	left: 0px;
	border-radius: 4px;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: 500;
	box-shadow: 0 16px 26px -10px rgba(156, 39, 176, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
}

.wizard-card[data-color="purple"] .picture:hover {
	border-color: #9c27b0;
}

.wizard-card[data-color="purple"] .choice:hover .icon,
.wizard-card[data-color="purple"] .choice.active .icon {
	border-color: #9c27b0;
	color: #9c27b0;
}

.wizard-card[data-color="purple"] .form-group .form-control {
	background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2);
}

.wizard-card[data-color="purple"] .checkbox input[type=checkbox]:checked+.checkbox-material .check {
	background-color: #9c27b0;
}

.wizard-card[data-color="purple"] .radio input[type=radio]:checked~.check {
	background-color: #9c27b0;
}

.wizard-card[data-color="purple"] .radio input[type=radio]:checked~.circle {
	border-color: #9c27b0;
}

.wizard-card[data-color="green"] .moving-tab {
	position: absolute;
	text-align: center;
	padding: 12px;
	font-size: 12px;
	text-transform: uppercase;
	-webkit-font-smoothing: subpixel-antialiased;
	background-color: #4caf50;
	top: -4px;
	left: 0px;
	border-radius: 4px;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: 500;
	box-shadow: 0 16px 26px -10px rgba(76, 175, 80, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2);
}

.wizard-card[data-color="green"] .picture:hover {
	border-color: #4caf50;
}

.wizard-card[data-color="green"] .choice:hover .icon,
.wizard-card[data-color="green"] .choice.active .icon {
	border-color: #4caf50;
	color: #4caf50;
}

.wizard-card[data-color="green"] .form-group .form-control {
	background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2);
}

.wizard-card[data-color="green"] .checkbox input[type=checkbox]:checked+.checkbox-material .check {
	background-color: #4caf50;
}

.wizard-card[data-color="green"] .radio input[type=radio]:checked~.check {
	background-color: #4caf50;
}

.wizard-card[data-color="green"] .radio input[type=radio]:checked~.circle {
	border-color: #4caf50;
}

.wizard-card[data-color="blue"] .moving-tab {
	position: absolute;
	text-align: center;
	padding: 12px;
	font-size: 12px;
	text-transform: uppercase;
	-webkit-font-smoothing: subpixel-antialiased;
	background-color: #00bcd4;
	top: -4px;
	left: 0px;
	border-radius: 4px;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: 500;
	box-shadow: 0 16px 26px -10px rgba(0, 188, 212, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 188, 212, 0.2);
}

.wizard-card[data-color="blue"] .picture:hover {
	border-color: #00bcd4;
}

.wizard-card[data-color="blue"] .choice:hover .icon,
.wizard-card[data-color="blue"] .choice.active .icon {
	border-color: #00bcd4;
	color: #00bcd4;
}

.wizard-card[data-color="blue"] .form-group .form-control {
	background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#D2D2D2, #D2D2D2);
}

.wizard-card[data-color="blue"] .checkbox input[type=checkbox]:checked+.checkbox-material .check {
	background-color: #00bcd4;
}

.wizard-card[data-color="blue"] .radio input[type=radio]:checked~.check {
	background-color: #00bcd4;
}

.wizard-card[data-color="blue"] .radio input[type=radio]:checked~.circle {
	border-color: #00bcd4;
}

.wizard-card[data-color="orange"] .moving-tab {
	position: absolute;
	text-align: center;
	padding: 12px;
	font-size: 12px;
	text-transform: uppercase;
	-webkit-font-smoothing: subpixel-antialiased;
	background-color: #ff9800;
	top: -4px;
	left: 0px;
	border-radius: 4px;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: 500;
	box-shadow: 0 16px 26px -10px rgba(255, 152, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255, 152, 0, 0.2);
}

.wizard-card[data-color="orange"] .picture:hover {
	border-color: #ff9800;
}

.wizard-card[data-color="orange"] .choice:hover .icon,
.wizard-card[data-color="orange"] .choice.active .icon {
	border-color: #ff9800;
	color: #ff9800;
}

.wizard-card[data-color="orange"] .form-group .form-control {
	background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#D2D2D2, #D2D2D2);
}

.wizard-card[data-color="orange"] .checkbox input[type=checkbox]:checked+.checkbox-material .check {
	background-color: #ff9800;
}

.wizard-card[data-color="orange"] .radio input[type=radio]:checked~.check {
	background-color: #ff9800;
}

.wizard-card[data-color="orange"] .radio input[type=radio]:checked~.circle {
	border-color: #ff9800;
}

.wizard-card[data-color="red"] .moving-tab {
	position: absolute;
	text-align: center;
	padding: 12px 0;
	font-size: 14px;
	-webkit-font-smoothing: subpixel-antialiased;
	background-color: #d5a74f;
	top: -4px;
	left: 0px;
	border-radius: 4px;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: 500;
	box-shadow: 0 16px 26px -10px rgb(213 167 79), 0 4px 25px 0px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(244 67 54 / 20%);
	font-family: 'clarendonregular';
}

.wizard-card[data-color="red"] .picture:hover {
	border-color: #f44336;
}

.wizard-card[data-color="red"] .choice:hover .icon,
.wizard-card[data-color="red"] .choice.active .icon {
	border-color: #f44336;
	color: #f44336;
}

.wizard-card[data-color="red"] .form-group .form-control {
	background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2);
}

.wizard-card[data-color="red"] .checkbox input[type=checkbox]:checked+.checkbox-material .check {
	background-color: #f44336;
}

.wizard-card[data-color="red"] .radio input[type=radio]:checked~.check {
	background-color: #f44336;
}

.wizard-card[data-color="red"] .radio input[type=radio]:checked~.circle {
	border-color: #f44336;
}

.wizard-card .picture input[type="file"] {
	cursor: pointer;
	display: block;
	height: 100%;
	left: 0;
	opacity: 0 !important;
	position: absolute;
	top: 0;
	width: 100%;
}

.wizard-card .picture-src {
	width: 100%;
}

.wizard-card .tab-content {
	min-height: 340px;
	padding: 0 15px 20px 15px;
}

.wizard-card .tab-content h4 {

	font-family: 'clarendonregular';
}

.wizard-card .wizard-footer {
	padding: 0 15px;
	font-family: 'clarendonregular';
}

.wizard-card .wizard-footer .checkbox {
	margin-top: 16px;
}

.wizard-card .disabled {
	display: none;
}

.wizard-card .wizard-header {
	text-align: center;
	padding: 25px 0 35px;
}

.wizard-card .wizard-header h5 {
	margin: 5px 0 0;
	font-family: 'knockouthtf28-juniorfeatherwt';
	letter-spacing: 4px;

}

.wizard-card .nav-pills>li {
	text-align: center;
}

.wizard-card .btn {
	text-transform: uppercase;
	color: #fff;
}

.wizard-card .choice h3 {
	font-family: 'knockouthtf28-juniorfeatherwt';
	letter-spacing: 0px;
	margin: 5px 0;
	font-size: 23px;
}

.wizard-card .info-text {
	text-align: center;
	font-weight: 300;
	margin: 10px 0 30px;
	font-family: 'clarendonregular';
	width: 65%;
	margin: 0 auto 20px;
	font-size: 30px;
}

.wizard-card .choice {
	text-align: center;
	cursor: pointer;
	margin-top: 20px;
}

.wizard-card .choice .icon {
	text-align: center;
	vertical-align: middle;
	height: 116px;
	width: 116px;
	border-radius: 50%;
	color: #999999;
	margin: 0 auto 20px;
	border: 4px solid #CCCCCC;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.wizard-card .choice i {
	font-size: 40px;
	line-height: 111px;
}

.wizard-card .choice:hover .icon,
.wizard-card .choice.active .icon {
	border-color: #2ca8ff;
}

.wizard-card .choice input[type="radio"],
.wizard-card .choice input[type="checkbox"] {
	position: absolute;
	left: -10000px;
	z-index: -1;
}

.wizard-card .btn-finish {
	display: none;
}

.wizard-card .description {
	color: #999999;
	font-size: 14px;
}

.wizard-card .wizard-title {
	margin: 0;
	font-family: 'knockouthtf28-juniorfeatherwt';
	font-size: 40px;
	letter-spacing: 2px;
}

legend {
	margin-bottom: 20px;
	font-size: 21px;
}

output {
	padding-top: 8px;
	font-size: 14px;
	line-height: 1.42857;
}

.form-control {
	height: 36px;
	padding: 7px 0;
	font-size: 14px;
	line-height: 1.42857;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {

	input[type="date"].form-control,
	input[type="time"].form-control,
	input[type="datetime-local"].form-control,
	input[type="month"].form-control {
		line-height: 36px;
	}

	input[type="date"].input-sm,
	.input-group-sm input[type="date"],
	input[type="time"].input-sm,
	.input-group-sm input[type="time"],
	input[type="datetime-local"].input-sm,
	.input-group-sm input[type="datetime-local"],
	input[type="month"].input-sm,
	.input-group-sm input[type="month"] {
		line-height: 24px;
	}

	input[type="date"].input-lg,
	.input-group-lg input[type="date"],
	input[type="time"].input-lg,
	.input-group-lg input[type="time"],
	input[type="datetime-local"].input-lg,
	.input-group-lg input[type="datetime-local"],
	input[type="month"].input-lg,
	.input-group-lg input[type="month"] {
		line-height: 44px;
	}
}

.radio label,
.checkbox label {
	min-height: 20px;
}

.form-control-static {
	padding-top: 8px;
	padding-bottom: 8px;
	min-height: 34px;
}

.input-sm .input-sm {
	height: 24px;
	padding: 3px 0;
	font-size: 11px;
	line-height: 1.5;
	border-radius: 0;
}

.input-sm select.input-sm {
	height: 24px;
	line-height: 24px;
}

.input-sm textarea.input-sm,
.input-sm select[multiple].input-sm {
	height: auto;
}

.form-group-sm .form-control {
	height: 24px;
	padding: 3px 0;
	font-size: 11px;
	line-height: 1.5;
}

.form-group-sm select.form-control {
	height: 24px;
	line-height: 24px;
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
	height: auto;
}

.form-group-sm .form-control-static {
	height: 24px;
	min-height: 31px;
	padding: 4px 0;
	font-size: 11px;
	line-height: 1.5;
}

.input-lg .input-lg {
	height: 44px;
	padding: 9px 0;
	font-size: 18px;
	line-height: 1.33333;
	border-radius: 0;
}

.input-lg select.input-lg {
	height: 44px;
	line-height: 44px;
}

.input-lg textarea.input-lg,
.input-lg select[multiple].input-lg {
	height: auto;
}

.form-group-lg .form-control {
	height: 44px;
	padding: 9px 0;
	font-size: 18px;
	line-height: 1.33333;
}

.form-group-lg select.form-control {
	height: 44px;
	line-height: 44px;
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
	height: auto;
}

.form-group-lg .form-control-static {
	height: 44px;
	min-height: 38px;
	padding: 10px 0;
	font-size: 18px;
	line-height: 1.33333;
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
	padding-top: 8px;
}

.form-horizontal .radio,
.form-horizontal .checkbox {
	min-height: 28px;
}

@media (min-width: 768px) {
	.form-horizontal .control-label {
		padding-top: 8px;
	}
}

@media (min-width: 768px) {
	.form-horizontal .form-group-lg .control-label {
		padding-top: 13.0px;
		font-size: 18px;
	}
}

@media (min-width: 768px) {
	.form-horizontal .form-group-sm .control-label {
		padding-top: 4px;
		font-size: 11px;
	}
}

.label {
	border-radius: 3px;
}

.label,
.label.label-default {
	background-color: #FFFFFF;
}

.label.label-inverse {
	background-color: #212121;
}

.label.label-primary {
	background-color: #9c27b0;
}

.label.label-success {
	background-color: #4caf50;
}

.label.label-info {
	background-color: #00bcd4;
}

.label.label-warning {
	background-color: #ff9800;
}

.label.label-danger {
	background-color: #f44336;
}

.label.label-rose {
	background-color: #e91e63;
}

.form-control,
.form-group .form-control {
	border: 0;
	background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2);
	background-size: 0 2px, 100% 1px;
	background-repeat: no-repeat;
	background-position: center bottom, center calc(100% - 1px);
	background-color: transparent;
	transition: background 0s ease-out;
	float: none;
	box-shadow: none;
	border-radius: 0;
	font-weight: 400;
}

.form-control::-moz-placeholder,
.form-group .form-control::-moz-placeholder {
	color: #AAAAAA;
	font-weight: 400;
}

.form-control:-ms-input-placeholder,
.form-group .form-control:-ms-input-placeholder {
	color: #AAAAAA;
	font-weight: 400;
}

.form-control::-webkit-input-placeholder,
.form-group .form-control::-webkit-input-placeholder {
	color: #AAAAAA;
	font-weight: 400;
}

.form-control[readonly],
.form-control[disabled],
fieldset[disabled] .form-control,
.form-group .form-control[readonly],
.form-group .form-control[disabled],
fieldset[disabled] .form-group .form-control {
	background-color: transparent;
}

.form-control[disabled],
fieldset[disabled] .form-control,
.form-group .form-control[disabled],
fieldset[disabled] .form-group .form-control {
	background-image: none;
	border-bottom: 1px dotted #D2D2D2;
}

.form-group {
	position: relative;
}

.form-group.label-static label.control-label,
.form-group.label-placeholder label.control-label,
.form-group.label-floating label.control-label {
	position: absolute;
	pointer-events: none;
	transition: 0.3s ease all;
}

.form-group.label-floating label.control-label {
	will-change: left, top, contents;
}

.form-group.label-placeholder:not(.is-empty) label.control-label {
	display: none;
}

.form-group .help-block {
	position: absolute;
	display: none;
}

.form-group.is-focused .form-control {
	outline: none;
	background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2);
	background-size: 100% 2px, 100% 1px;
	box-shadow: none;
	transition-duration: 0.3s;
}

.form-group.is-focused .form-control .material-input:after {
	background-color: #9c27b0;
}

.form-group.is-focused.form-info .form-control {
	background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#D2D2D2, #D2D2D2);
}

.form-group.is-focused.form-success .form-control {
	background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2);
}

.form-group.is-focused.form-warning .form-control {
	background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#D2D2D2, #D2D2D2);
}

.form-group.is-focused.form-danger .form-control {
	background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2);
}

.form-group.is-focused.form-rose .form-control {
	background-image: linear-gradient(#e91e63, #e91e63), linear-gradient(#D2D2D2, #D2D2D2);
}

.form-group.is-focused.form-white .form-control {
	background-image: linear-gradient(#FFFFFF, #FFFFFF), linear-gradient(#D2D2D2, #D2D2D2);
}

.form-group.is-focused.label-placeholder label,
.form-group.is-focused.label-placeholder label.control-label {
	color: #AAAAAA;
}

.form-group.is-focused .help-block {
	display: block;
}

.form-group.has-warning .form-control {
	box-shadow: none;
}

.form-group.has-warning.is-focused .form-control {
	background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#D2D2D2, #D2D2D2);
}

.form-group.has-warning label.control-label,
.form-group.has-warning .help-block {
	color: #ff9800;
}

.form-group.has-error .form-control {
	box-shadow: none;
}

.form-group.has-error.is-focused .form-control {
	background-image: linear-gradient(#f44336, #f44336), linear-gradient(#D2D2D2, #D2D2D2);
}

.form-group.has-error label.control-label,
.form-group.has-error .help-block {
	color: #f44336;
}

.form-group.has-success .form-control {
	box-shadow: none;
}

.form-group.has-success.is-focused .form-control {
	background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2);
}

.form-group.has-success label.control-label,
.form-group.has-success .help-block {
	color: #4caf50;
}

.form-group.has-info .form-control {
	box-shadow: none;
}

.form-group.has-info.is-focused .form-control {
	background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#D2D2D2, #D2D2D2);
}

.form-group.has-info label.control-label,
.form-group.has-info .help-block {
	color: #00bcd4;
}

.form-group textarea {
	resize: none;
}

.form-group textarea~.form-control-highlight {
	margin-top: -11px;
}

.form-group select {
	appearance: none;
}

.form-group select~.material-input:after {
	display: none;
}

.form-control {
	margin-bottom: 7px;
}

.form-control::-moz-placeholder {
	font-size: 14px;
	line-height: 1.42857;
	color: #AAAAAA;
	font-weight: 400;
}

.form-control:-ms-input-placeholder {
	font-size: 14px;
	line-height: 1.42857;
	color: #AAAAAA;
	font-weight: 400;
}

.form-control::-webkit-input-placeholder {
	font-size: 14px;
	line-height: 1.42857;
	color: #AAAAAA;
	font-weight: 400;
}

.checkbox label,
.radio label,
label {
	font-size: 14px;
	line-height: 1.42857;
	color: #AAAAAA;
	font-weight: 400;
}

label.control-label {
	font-size: 11px;
	line-height: 1.07143;
	color: #AAAAAA;
	font-weight: 400;
	margin: 16px 0 0 0;
}

.help-block {
	margin-top: 0;
	font-size: 11px;
}

.form-group {
	padding-bottom: 7px;
	margin: 27px 0 0 0;
}

.form-group .form-control {
	margin-bottom: 7px;
}

.form-group .form-control::-moz-placeholder {
	font-size: 14px;
	line-height: 1.42857;
	color: #AAAAAA;
	font-weight: 400;
}

.form-group .form-control:-ms-input-placeholder {
	font-size: 14px;
	line-height: 1.42857;
	color: #AAAAAA;
	font-weight: 400;
}

.form-group .form-control::-webkit-input-placeholder {
	font-size: 14px;
	line-height: 1.42857;
	color: #AAAAAA;
	font-weight: 400;
}

.form-group .checkbox label,
.form-group .radio label,
.form-group label {
	font-size: 14px;
	line-height: 1.42857;
	color: #AAAAAA;
	font-weight: 400;
}

.form-group label.control-label {
	font-size: 11px;
	line-height: 1.07143;
	color: #AAAAAA;
	font-weight: 400;
	margin: 16px 0 0 0;
}

.form-group .help-block {
	margin-top: 0;
	font-size: 11px;
}

.form-group.label-floating label.control-label,
.form-group.label-placeholder label.control-label {
	top: -7px;
	font-size: 14px;
	line-height: 1.42857;
}

.form-group.label-static label.control-label,
.form-group.label-floating.is-focused label.control-label,
.form-group.label-floating:not(.is-empty) label.control-label {
	top: -28px;
	left: 0;
	font-size: 11px;
	line-height: 1.07143;
}

.form-group.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
	top: -28px;
	left: 0;
	font-size: 11px;
	line-height: 1.07143;
}

.form-group.form-group-sm {
	padding-bottom: 3px;
	margin: 21px 0 0 0;
}

.form-group.form-group-sm .form-control {
	margin-bottom: 3px;
}

.form-group.form-group-sm .form-control::-moz-placeholder {
	font-size: 11px;
	line-height: 1.5;
	color: #AAAAAA;
	font-weight: 400;
}

.form-group.form-group-sm .form-control:-ms-input-placeholder {
	font-size: 11px;
	line-height: 1.5;
	color: #AAAAAA;
	font-weight: 400;
}

.form-group.form-group-sm .form-control::-webkit-input-placeholder {
	font-size: 11px;
	line-height: 1.5;
	color: #AAAAAA;
	font-weight: 400;
}

.form-group.form-group-sm .checkbox label,
.form-group.form-group-sm .radio label,
.form-group.form-group-sm label {
	font-size: 11px;
	line-height: 1.5;
	color: #AAAAAA;
	font-weight: 400;
}

.form-group.form-group-sm label.control-label {
	font-size: 9px;
	line-height: 1.125;
	color: #AAAAAA;
	font-weight: 400;
	margin: 16px 0 0 0;
}

.form-group.form-group-sm .help-block {
	margin-top: 0;
	font-size: 9px;
}

.form-group.form-group-sm.label-floating label.control-label,
.form-group.form-group-sm.label-placeholder label.control-label {
	top: -11px;
	font-size: 11px;
	line-height: 1.5;
}

.form-group.form-group-sm.label-static label.control-label,
.form-group.form-group-sm.label-floating.is-focused label.control-label,
.form-group.form-group-sm.label-floating:not(.is-empty) label.control-label {
	top: -25px;
	left: 0;
	font-size: 9px;
	line-height: 1.125;
}

.form-group.form-group-sm.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
	top: -25px;
	left: 0;
	font-size: 9px;
	line-height: 1.125;
}

.form-group.form-group-lg {
	padding-bottom: 9px;
	margin: 30px 0 0 0;
}

.form-group.form-group-lg .form-control {
	margin-bottom: 9px;
}

.form-group.form-group-lg .form-control::-moz-placeholder {
	font-size: 18px;
	line-height: 1.33333;
	color: #AAAAAA;
	font-weight: 400;
}

.form-group.form-group-lg .form-control:-ms-input-placeholder {
	font-size: 18px;
	line-height: 1.33333;
	color: #AAAAAA;
	font-weight: 400;
}

.form-group.form-group-lg .form-control::-webkit-input-placeholder {
	font-size: 18px;
	line-height: 1.33333;
	color: #AAAAAA;
	font-weight: 400;
}

.form-group.form-group-lg .checkbox label,
.form-group.form-group-lg .radio label,
.form-group.form-group-lg label {
	font-size: 18px;
	line-height: 1.33333;
	color: #AAAAAA;
	font-weight: 400;
}

.form-group.form-group-lg label.control-label {
	font-size: 14px;
	line-height: 1.0;
	color: #AAAAAA;
	font-weight: 400;
	margin: 16px 0 0 0;
}

.form-group.form-group-lg .help-block {
	margin-top: 0;
	font-size: 14px;
}

.form-group.form-group-lg.label-floating label.control-label,
.form-group.form-group-lg.label-placeholder label.control-label {
	top: -5px;
	font-size: 18px;
	line-height: 1.33333;
}

.form-group.form-group-lg.label-static label.control-label,
.form-group.form-group-lg.label-floating.is-focused label.control-label,
.form-group.form-group-lg.label-floating:not(.is-empty) label.control-label {
	top: -32px;
	left: 0;
	font-size: 14px;
	line-height: 1.0;
}

.form-group.form-group-lg.label-floating input.form-control:-webkit-autofill~label.control-label label.control-label {
	top: -32px;
	left: 0;
	font-size: 14px;
	line-height: 1.0;
}

select.form-control {
	border: 0;
	box-shadow: none;
	border-radius: 0;
}

.form-group.is-focused select.form-control {
	box-shadow: none;
	border-color: #D2D2D2;
}

select.form-control[multiple],
.form-group.is-focused select.form-control[multiple] {
	height: 85px;
}

.input-group-btn .btn {
	margin: 0 0 7px 0;
}

.form-group.form-group-sm .input-group-btn .btn {
	margin: 0 0 3px 0;
}

.form-group.form-group-lg .input-group-btn .btn {
	margin: 0 0 9px 0;
}

.input-group .input-group-btn {
	padding: 0 12px;
}

.input-group .input-group-addon {
	border: 0;
	background: transparent;
	padding: 6px 15px 0px;
}

.form-group input[type=file] {
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}


.has-success .form-control-feedback {
	color: #4caf50;
	opacity: 1;
}

.has-error .form-control-feedback {
	color: #f44336;
	opacity: 1;
}

.wizard-container .btn {
	border: none;
	border-radius: 3px;
	position: relative;
	padding: 12px 30px;
	margin: 10px 1px;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0;
	will-change: box-shadow, transform;
	transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	background: #000;
	color: #fff;
}

.wizard-container .btn::-moz-focus-inner {
	border: 0;
}

.wizard-container .btn,
.wizard-container .btn.btn-default {
	box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}

/*            Navigation menu                */
.nav-pills {
	background-color: rgba(200, 200, 200, 0.2);
}

.nav-pills>li+li {
	margin-left: 0;
}

.nav-pills>li>a {
	border: 0 !important;
	border-radius: 0;
	line-height: 18px;
	font-size: 12px;
	font-weight: 500;
	min-width: 100px;
	text-align: center;
	color: #555555 !important;
	font-family: 'clarendonregular';
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus,
.nav-pills>li>a:hover,
.nav-pills>li>a:focus {
	background-color: inherit;
}

.nav-pills>li i {
	display: block;
	font-size: 30px;
	padding: 15px 0;
}

.popover,
.tooltip-inner {
	color: #555555;
	line-height: 1.5em;
	background: #FFFFFF;
	border: none;
	border-radius: 3px;
	box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.popover {
	padding: 0;
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.popover.left>.arrow,
.popover.right>.arrow,
.popover.top>.arrow,
.popover.bottom>.arrow {
	border: none;
}

.popover-title {
	background-color: #FFFFFF;
	border: none;
	padding: 15px 15px 5px;
	font-size: 1.3em;
}

.popover-content {
	padding: 10px 15px 15px;
	line-height: 1.4;
}

.tooltip.in {
	opacity: 1;
	-webkit-transform: translate3d(0, 0px, 0);
	-moz-transform: translate3d(0, 0px, 0);
	-o-transform: translate3d(0, 0px, 0);
	-ms-transform: translate3d(0, 0px, 0);
	transform: translate3d(0, 0px, 0);
}

.tooltip {
	opacity: 0;
	transition: opacity, transform .2s ease;
	-webkit-transform: translate3d(0, 5px, 0);
	-moz-transform: translate3d(0, 5px, 0);
	-o-transform: translate3d(0, 5px, 0);
	-ms-transform: translate3d(0, 5px, 0);
	transform: translate3d(0, 5px, 0);
}

.tooltip.left .tooltip-arrow {
	border-left-color: #FFFFFF;
}

.tooltip.right .tooltip-arrow {
	border-right-color: #FFFFFF;
}

.tooltip.top .tooltip-arrow {
	border-top-color: #FFFFFF;
}

.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #FFFFFF;
}

.tooltip-inner {
	padding: 10px 15px;
	min-width: 130px;
}



.withripple {
	position: relative;
}

.ripple-container {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: inherit;
	pointer-events: none;
}

.disabled .ripple-container {
	display: none;
}

.ripple {
	position: absolute;
	width: 20px;
	height: 20px;
	margin-left: -10px;
	margin-top: -10px;
	border-radius: 100%;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.05);
	transform: scale(1);
	transform-origin: 50%;
	opacity: 0;
	pointer-events: none;
}

.ripple.ripple-on {
	transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
	opacity: 0.1;
}

.ripple.ripple-out {
	transition: opacity 0.1s linear 0s !important;
	opacity: 0;
}

.radio label {
	cursor: pointer;
	padding-left: 35px;
	position: relative;
	color: rgba(0, 0, 0, 0.26);
}

.form-group.is-focused .radio label {
	color: rgba(0, 0, 0, 0.26);
}

.form-group.is-focused .radio label:hover,
.form-group.is-focused .radio label:focus {
	color: rgba(0, 0, 0, .54);
}

fieldset[disabled] .form-group.is-focused .radio label {
	color: rgba(0, 0, 0, 0.26);
}

.radio label span {
	display: block;
	position: absolute;
	left: 10px;
	top: 2px;
	transition-duration: 0.2s;
}

.radio label .circle {
	border: 1px solid rgba(0, 0, 0, .54);
	height: 15px;
	width: 15px;
	border-radius: 100%;
}

.radio label .check {
	height: 15px;
	width: 15px;
	border-radius: 100%;
	background-color: #9c27b0;
	transform: scale3d(0, 0, 0);
}

.radio label .check:after {
	display: block;
	position: absolute;
	content: "";
	background-color: rgba(0, 0, 0, 0.87);
	left: -18px;
	top: -18px;
	height: 50px;
	width: 50px;
	border-radius: 100%;
	z-index: 1;
	opacity: 0;
	margin: 0;
	transform: scale3d(1.5, 1.5, 1);
}

.radio label input[type=radio]:not(:checked)~.check:after {
	animation: rippleOff 500ms;
}

.radio label input[type=radio]:checked~.check:after {
	animation: rippleOn 500ms;
}

.radio input[type=radio] {
	opacity: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}

.radio input[type=radio]:checked~.check,
.radio input[type=radio]:checked~.circle {
	opacity: 1;
}

.radio input[type=radio]:checked~.check {
	background-color: #9c27b0;
}

.radio input[type=radio]:checked~.circle {
	border-color: #9c27b0;
}

.radio input[type=radio]:checked~.check {
	transform: scale3d(0.65, 0.65, 1);
}

.radio input[type=radio][disabled]~.check,
.radio input[type=radio][disabled]~.circle {
	opacity: 0.26;
}

.radio input[type=radio][disabled]~.check {
	background-color: #000000;
}

.radio input[type=radio][disabled]~.circle {
	border-color: #000000;
}

@keyframes rippleOn {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 0.2;
	}

	100% {
		opacity: 0;
	}
}

@keyframes rippleOff {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 0.2;
	}

	100% {
		opacity: 0;
	}
}

.checkbox label {
	cursor: pointer;
	padding-left: 0;
	color: rgba(0, 0, 0, 0.26);
}

.form-group.is-focused .checkbox label {
	color: rgba(0, 0, 0, 0.26);
}

.form-group.is-focused .checkbox label:hover,
.form-group.is-focused .checkbox label:focus {
	color: rgba(0, 0, 0, .54);
}

fieldset[disabled] .form-group.is-focused .checkbox label {
	color: rgba(0, 0, 0, 0.26);
}

.checkbox input[type=checkbox] {
	opacity: 0;
	position: absolute;
	margin: 0;
	z-index: -1;
	width: 0;
	height: 0;
	overflow: hidden;
	left: 0;
	pointer-events: none;
}

.checkbox .checkbox-material {
	vertical-align: middle;
	position: relative;
	top: 3px;
	padding-right: 5px;
}

.checkbox .checkbox-material:before {
	display: block;
	position: absolute;
	left: 0;
	content: "";
	background-color: rgba(0, 0, 0, 0.84);
	height: 20px;
	width: 20px;
	border-radius: 100%;
	z-index: 1;
	opacity: 0;
	margin: 0;
	transform: scale3d(2.3, 2.3, 1);
}

.checkbox .checkbox-material .check {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid rgba(0, 0, 0, .54);
	overflow: hidden;
	z-index: 1;
	border-radius: 3px;
}

.checkbox .checkbox-material .check:before {
	position: absolute;
	content: "";
	transform: rotate(45deg);
	display: block;
	margin-top: -3px;
	margin-left: 7px;
	width: 0;
	height: 0;
	background: red;
	box-shadow: 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0, 0 0 0 0 inset;
	animation: checkbox-off 0.3s forwards;
}

.checkbox input[type=checkbox]:focus+.checkbox-material .check:after {
	opacity: 0.2;
}

.checkbox input[type=checkbox]:checked+.checkbox-material .check {
	background: #9c27b0;
}

.checkbox input[type=checkbox]:checked+.checkbox-material .check:before {
	color: #FFFFFF;
	box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
	animation: checkbox-on 0.3s forwards;
}

.checkbox input[type=checkbox]:checked+.checkbox-material:before {
	animation: rippleOn 500ms;
}

.checkbox input[type=checkbox]:checked+.checkbox-material .check:after {
	animation: rippleOn 500ms forwards;
}

.checkbox input[type=checkbox]:not(:checked)+.checkbox-material:before {
	animation: rippleOff 500ms;
}

.checkbox input[type=checkbox]:not(:checked)+.checkbox-material .check:after {
	animation: rippleOff 500ms;
}

fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox input[type=checkbox],
.checkbox input[type=checkbox][disabled]~.checkbox-material .check,
.checkbox input[type=checkbox][disabled]+.circle {
	opacity: 0.5;
}

.checkbox input[type=checkbox][disabled]~.checkbox-material .check {
	border-color: #000000;
	opacity: .26;
}

.checkbox input[type=checkbox][disabled]+.checkbox-material .check:after {
	background-color: rgba(0, 0, 0, 0.87);
	transform: rotate(-45deg);
}

@keyframes checkbox-on {
	0% {
		box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
	}

	50% {
		box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
	}

	100% {
		box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
	}
}

@keyframes rippleOn {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 0.2;
	}

	100% {
		opacity: 0;
	}
}

@keyframes rippleOff {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 0.2;
	}

	100% {
		opacity: 0;
	}
}

@media (max-width: 768px) {
	.main .container {
		margin-bottom: 50px;
	}
}

@media (min-width: 768px) {
	.navbar-form {
		margin-top: 21px;
		margin-bottom: 21px;
		padding-left: 5px;
		padding-right: 5px;
	}

	.btn-wd {
		min-width: 140px;
	}
}





.logo-container {
	left: 50px;
	position: absolute;
	top: 20px;
	z-index: 3;
}

.logo-container .logo {
	overflow: hidden;
	border-radius: 50%;
	border: 1px solid #333333;
	width: 60px;
	float: left;
}

.logo-container .brand {
	font-size: 18px;
	color: #FFF;
	line-height: 20px;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	width: 60px
}

body {
	background-color: #CCCCCC;
}

.section .wizard-card {
	min-height: inherit;
}

.tim-row {
	margin-bottom: 20px;
}

.tim-white-buttons {
	background-color: #777777;
}

.title {
	margin-top: 30px;
	margin-bottom: 25px;
	min-height: 32px;
	font-weight: 500;
}



.title.text-center {
	margin-bottom: 50px;
}

.tim-typo {
	padding-left: 25%;
	margin-bottom: 40px;
	position: relative;
}

.tim-typo .tim-note {
	bottom: 10px;
	color: #c0c1c2;
	display: block;
	font-weight: 400;
	font-size: 13px;
	line-height: 13px;
	left: 0;
	margin-left: 20px;
	position: absolute;
	width: 260px;
}

.tim-row {
	padding-top: 50px;
}

.tim-row h3 {
	margin-top: 0;
}

.switch {
	margin-right: 20px;
}

#navbar-full .navbar {
	border-radius: 0 !important;
	margin-bottom: 15px;
	z-index: 2;
}

.space {
	height: 130px;
	display: block;
}

.space-110 {
	height: 110px;
	display: block;
}

.space-50 {
	height: 50px;
	display: block;
}

.space-70 {
	height: 70px;
	display: block;
}

.navigation-example .img-src {
	background-attachment: scroll;
}

.navigation-example {
	background-image: url('../img/bg.jpg');
	background-position: center center;
	background-size: cover;
	margin-top: 0;
	min-height: 740px;
}

#notifications {
	background-color: #FFFFFF;
	display: block;
	width: 100%;
	position: relative;
}

#notifications .alert-danger {
	margin-bottom: 0px;
}

.tim-note {
	text-transform: capitalize;
}

#buttons .btn {
	margin: 0 0px 15px;
}

.space-100 {
	height: 100px;
	display: block;
	width: 100%;
}

.be-social {
	padding-bottom: 20px;
	/*     border-bottom: 1px solid #aaa; */
	margin: 0 auto 40px;
}

.txt-white {
	color: #FFFFFF;
}

.txt-gray {
	color: #ddd !important;
}


.parallax {
	width: 100%;
	height: 570px;

	display: block;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;

}

.logo-container.logo-documentation {
	position: relative;
	top: 0;
	left: 0;
}

.logo-container .logo {
	overflow: hidden;
	border-radius: 50%;
	border: 1px solid #333333;
	width: 50px;
	float: left;
}

.logo-container .brand {
	font-size: 16px;
	line-height: 18px;
	float: left;
	margin-left: 10px;
	margin-top: 7px;
	width: 70px;
	height: 40px;
	text-align: left;
}


.navbar-default .logo-container .brand {
	color: #999999;
}

.navbar-transparent .logo-container .brand {
	color: #FFFFFF;
}

.logo-container .brand-material {
	font-size: 18px;
	margin-top: 15px;
	height: 25px;
	width: auto;
}

.logo-container .logo img {
	width: 100%;
}

.navbar-small .logo-container .brand {
	color: #333333;
}

.fixed-section {
	top: 90px;
	max-height: 80vh;
	overflow: scroll;
}

.fixed-section ul li {
	list-style: none;
}

.fixed-section li a {
	font-size: 14px;
	padding: 2px;
	display: block;
	color: #666666;
}

.fixed-section li a.active {
	color: #00bbff;
}

.fixed-section.float {
	position: fixed;
	top: 100px;
	width: 200px;
	margin-top: 0;
}


.parallax .parallax-image {
	width: 100%;
	overflow: hidden;
	position: absolute;
}

.parallax .parallax-image img {
	width: 100%;
}

@media (max-width: 768px) {
	.parallax .parallax-image {
		width: 100%;
		height: 640px;
		overflow: hidden;
	}

	.parallax .parallax-image img {
		height: 100%;
		width: auto;
	}
}

.separator {
	content: "Separator";
	color: #FFFFFF;
	display: block;
	width: 100%;
	padding: 20px;
}

.separator-line {
	background-color: #EEE;
	height: 1px;
	width: 100%;
	display: block;
}

.separator.separator-gray {
	background-color: #EEEEEE;
}

.social-buttons-demo .btn {
	margin-right: 5px;
	margin-bottom: 7px;
}

.img-container {
	width: 100%;
	overflow: hidden;
}

.img-container img {
	width: 100%;
}

.lightbox img {
	width: 100%;
}

.lightbox .modal-content {
	overflow: hidden;
}

.lightbox .modal-body {
	padding: 0;
}

@media screen and (min-width: 991px) {
	.lightbox .modal-dialog {
		width: 960px;
	}
}

@media (max-width: 768px) {

	.btn,
	.btn-morphing {
		margin-bottom: 10px;
	}

	.parallax .motto {
		top: 170px;
		margin-top: 0;
		font-size: 60px;
		width: 270px;
	}
}

/*       Loading dots  */

/*      transitions */
.presentation .front,
.presentation .front:after,
.presentation .front .btn,
.logo-container .logo,
.logo-container .brand {
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}


#images h4 {
	margin-bottom: 30px;
}

#javascriptComponents {
	padding-bottom: 0;
}

#javascriptComponents .btn-raised {
	margin: 10px 5px;
}


/*      layer animation          */

.layers-container {
	display: block;
	margin-top: 50px;
	position: relative;
}

.layers-container img {
	position: absolute;
	width: 100%;
	height: auto;
	top: 0;
	left: 0;
	text-align: center;
}

.section-black {
	background-color: #333;
}

.animate {
	transition: 1.5s ease-in-out;
	-moz-transition: 1.5s ease-in-out;
	-webkit-transition: 1.5s ease-in-out;
}

.navbar-default.navbar-small .logo-container .brand {
	color: #333333;
}

.navbar-transparent.navbar-small .logo-container .brand {
	color: #FFFFFF;
}

.navbar-default.navbar-small .logo-container .brand {
	color: #333333;
}

.sharing-area {
	margin-top: 80px;
}

.sharing-area .btn {
	margin: 15px 4px 0;
	color: #FFFFFF;
}

.sharing-area .btn i {
	font-size: 18px;
	position: relative;
	top: 2px;
	margin-right: 5px;
}

.sharing-area .btn-twitter {
	background-color: #55acee;
}

.sharing-area .btn-facebook {
	background-color: #3b5998;
}

.sharing-area .btn-google-plus {
	background-color: #dd4b39;
}

.sharing-area .btn-github {
	background-color: #333333;
}

.section-thin,
.section-notifications {
	padding: 0;
}

.section-navbars {
	padding-top: 0;
}

#navbar .navbar {
	border-radius: 0;
}

.section-tabs {
	background: #EEEEEE;
}

.section-pagination {
	padding-bottom: 0;
}

.section-download h4 {
	margin-bottom: 50px;
}

.section-examples a {
	text-decoration: none;
}

.section-examples h5 {
	margin-top: 30px;
}

.components-page .wrapper>.header,
.tutorial-page .wrapper>.header {
	height: 400px;
	padding-top: 100px;
	background-size: cover;
	background-position: center center;
}

.components-page .title,
.tutorial-page .title {
	color: #FFFFFF;
}

.main {
	background: #FFFFFF;
	position: relative;
	z-index: 3;
}

.main-raised {
	margin: -60px 30px 0px;
	border-radius: 6px;
	box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.header-filter {
	position: relative;
}

.header-filter:before,
.header-filter:after {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: block;
	left: 0;
	top: 0;
	content: "";
}

.header-filter::before {
	background-color: rgba(0, 0, 0, 0.4);
}

.header-filter .container {
	z-index: 2;
	position: relative;
}

.section {
	padding: 70px 0;
	background-position: center center;
	background-size: cover;
}



.navbar {
	border: 0;
	border-radius: 3px;
	box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
	padding: 10px 0;

	-webkit-transition: all 150ms ease 0s;
	-moz-transition: all 150ms ease 0s;
	-o-transition: all 150ms ease 0s;
	-ms-transition: all 150ms ease 0s;
	transition: all 150ms ease 0s;
}

.navbar .navbar-brand {
	position: relative;
	height: 50px;
	line-height: 30px;
	color: inherit;
	padding: 10px 15px;
}

.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
	color: inherit;
	background-color: transparent;
}

.navbar.navbar-transparent {
	background-color: transparent;
	box-shadow: none;
	color: #fff;
	padding-top: 25px;
}

.navbar-fixed-top {
	border-radius: 0;
}

.navbar .navbar-nav>li>a .material-icons,
.navbar .navbar-nav>li>a .fa {
	font-size: 20px;
	max-width: 20px;
}

.navbar .navbar-nav>li>a:hover,
.navbar .navbar-nav>li>a:focus {
	color: inherit;
	background-color: transparent;
}

.navbar .navbar-nav>li>a:not(.btn) .material-icons {
	margin-top: -3px;
	top: 0px;
	position: relative;
	margin-right: 3px;
}

.navbar,
.navbar.navbar-default {
	background-color: #9c27b0;
	color: #FFFFFF;
}

.navbar .navbar-nav>li>a {
	color: inherit;
	padding-top: 15px;
	padding-bottom: 15px;
	font-weight: 400;
	font-size: 12px;
	text-transform: uppercase;
	border-radius: 3px;
}

@media (max-width: 1199px) {

	.navbar .navbar-brand {
		height: 50px;
		padding: 10px 15px;
	}

	.navbar .navbar-nav>li>a {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

img.personality {
	border-radius: 100%;
	width: 500px;
	margin: 0 auto;

}

.select-text {
	background: #d5a74f;
	width: 80%;
	margin: 0 auto;
	padding: 6px 15px;
	font-family: 'clarendonregular';
}

.select-text:hover h3 {
	color: #fff;
}

.select-text:hover {
	background: #d5a74f;
	opacity: 0.8;
}

#content {
	background: #fff;
}

.single-progect .heading-block h3 span {
	font-family: 'knockouthtf28-juniorfeatherwt';
	text-transform: uppercase;
	font-weight: 500;
	margin: 0px;
	margin-bottom: 15px;
	letter-spacing: 8px;
	font-size: 70px;
	letter-spacing: 10px;
}

.single-progect .heading-block h3 {
	text-transform: uppercase;
	line-height: 46px;
	margin: 0px;
	letter-spacing: 2px;
	font-weight: 500;
	font-size: 30px;
	text-align: left;
}

.single-progect .heading-block h3.fz {
	font-size: 70px;
	position: relative;
	text-align: center;
}

.w-90 {
	width: 95%;
	height: auto;
	position: relative;
	max-width: 100%;
}

.front-line {
	position: relative;
}

.front-line:before {
	content: ' ';
	position: absolute;
	width: 30px;
	height: 100%;
	background: #e2e2e2;
	left: 0;
	top: 0;
	bottom: 0px;
	z-index: 3;
	display: none;
}

.front-line:after {
	content: ' ';
	position: absolute;
	width: 120px;
	height: 30px;
	background: #e2e2e2;
	left: 0;
	bottom: -30px;
	display: none;
}

.product-detail {
	text-align: left;
	padding-left: 6%;

}

.product-detail p {
	font-family: 'knockouthtf28-juniorfeatherwt';
	text-transform: uppercase;
	font-size: 26px;
	letter-spacing: 2px;
}

.product-detail span {
	font-size: 16px;
	letter-spacing: 0;
	text-transform: capitalize;
}

.list-city p {
	text-transform: capitalize;
}

.list-city h3 {
	font-family: 'knockouthtf28-juniorfeatherwt';
}

.small-img {
	position: absolute;
	z-index: 1;
}

.team-name {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.team-name p {
	padding: 25px 35px;
	background: rgb(0 0 0 / 74%);
	color: #c89d49;
}

.social-media-name p {

	font-family: 'knockouthtf28-juniorfeatherwt';
	letter-spacing: 3px;
	font-size: 45px;
	text-transform: uppercase;



}

.compress-font {
	font-family: 'knockouthtf28-juniorfeatherwt' !important;
}

.golden-font {
	color: #d5a74f;
	font-weight: 500;
}

.product-detail.front-line hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #eee;
	width: 100%;
	background: transparent;
}

.mail-blue a {
	color: #00bcd4;
	text-decoration: underline;
	display: block;
}

.location {
	padding: 20px;
	background: rgb(255 255 255 / 85%);
	width: 40%;
	border: 2px solid #c89d49;
}

.location i {
	font-size: 45px;
	color: #c89d49;
}

.product-content.location .btn {
	width: 100%;
	background: #c89d49;
	border-color: #c89d49;
}

.location .form-control {
	border: 1px solid #000;
	padding: 10px;
	height: 50px;
	background-image: none;
	color: #000;
}

.location .form-control:hover,
.location .form-control:focus {
	background-image: none;
}

.location .form-control-feedback {
	position: absolute;
	top: 0;
	right: 7px;
	z-index: 2;
	display: block;
	width: 34px;
	/* height: 34px; */
	line-height: 44px;
	text-align: center;
	pointer-events: none;
	color: #000;
	font-size: 30px;
}

.mt-0 {
	margin-top: 0 !important;
}

.location input::placeholder {
	color: #000;
}

.retailer-form {
	padding: 40px;
}

.retailer-form .form-control {
	border: 1px solid #000;
	padding: 10px;
	height: 50px;
	background-image: none;
	color: #333;
}

.retailer-form label {
	font-size: 22px;
	color: #333333;
}

.retailer-form .form-control:hover,
.retailer-form .form-control:focus {
	background-image: none;
}

.retailer-form input::placeholder {
	color: #333;
}

.retailer-form .btn {
	margin-top: 64px;
	height: 50px;
	padding: inherit;
	background: #c29a4c;
	border: 1px solid #c29a4c;
	padding: 10px;
}

@media (max-width: 992px) {
	.retailer-form .btn {
		margin-top: 18px;
	}
}

@media (min-width: 768px) {
	.retailer-form .btn {
		margin-top: 64px;
	}
}

.retailer-form .btn:hover {
	background: none;
	color: #c29a4c;
}

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

.wizard-navigation {
	display: none;
}

.address {
	max-height: 600px;
	overflow-y: scroll;
	background: #fff;
}

.address1 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.address1 h5 {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 5px;
}

.address1 a {
	color: #c29a4c;
	text-decoration: underline !important;
}

.address1 span {
	color: #888;
}

.address1:last-child {
	border-bottom: 0;
}

.purple-color {
	color: #402335 !important;
}

.laplina-address:hover p {
	color: #0000FF;
}


.wrapper.tab-item .tab-text {
	bottom: 0;
	background: #402335;
	color: #3c4a50;
	-webkit-transition: -webkit-transform .35s;
	transition: transform .35s;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	opacity: 0;
	position: absolute;
	width: 100%;
	line-height: 60px;
}

.wrapper.tab-item:hover .tab-text {
	opacity: 1;
}

.effect.effect-two .col3 {
	height: 5.5rem !important
}

.effect.effect-two h2 {
	font-size: 16px;
	font-weight: 500;
	word-break: break-all;
	text-align: center;
	display: inline-block;
	margin: 0;
	color: #c29a4c;
}

.effect.effect-two {
	padding: 0;
	overflow: hidden;
	/*background: #fff;*/
	text-align: center;
}

.effect.effect-two.bg-color1 {
	/*background: #ece0ca*/
}

.effect.effect-two img {
	/*padding: 20px;*/
	width: 100%;
}


.wrapper.tab-item:hover .tab-text,
.wrapper.tab-item:hover h2,
.wrapper.tab-item:hover p.icon-links a {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.wrapper.tab-item:hover h2 {
	-webkit-transition-delay: 50ms;
	transition-delay: 50ms
}

.tab-text {

	height: 60px;

	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: -webkit-transform .4s, opacity .1s;
	-moz-transition: -moz-transform .4s, opacity .1s;
	transition: transform .4s, opacity .1s;
}

.tab-item:hover img {
	-webkit-transform: translateY(-60px);
	-moz-transform: translateY(-60px);
	-ms-transform: translateY(-60px);
	transform: translateY(-60px);
	opacity: .4;
	-webkit-transition: all .4s ease-in-out 0s;
	-moz-transition: all .4s ease-in-out 0s;
	transition: all .4s ease-in-out 0s;
}

.p-0 {
	padding: 0 !important;
}

.minus-margin {
	margin-top: -10px;
}

h3.products-banner span {
	padding: 5px 5px;
	background: rgb(0 0 0 / 74%);
	color: #fff;
}

h3.products-banner span {
	/*font-size: 40px;*/
}

#myVideo {
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	object-fit: cover;
}

.video-ajax {
	/*height: 70vh; position: relative; overflow: hidden; */
	margin-top: 40vh;
}

/*.video-ajax #popup-myVideo{position: absolute;}*/
#popup-myVideo {

	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	/*height: 90vh;*/
}

.choice.select-text.active,
.choice.select-text:hover {
	background: #402335;
}

.choice.select-text.active h3,
.choice.select-text:hover h3 {
	color: #fff !important;
}

.text-heading h3 span {
	font-size: 80px;
	font-weight: bold;
	font-family: 'knockouthtf28-juniorfeatherwt' !important;
	letter-spacing: 6px;
	color: #fff;
}

.color-black {
	color: #000 !important;
}

.bottom-spece {
	margin-bottom: 70px;
}

.contact .heading-block h6 {
	font-family: 'knockouthtf28-juniorfeatherwt';
	text-transform: uppercase;
	font-weight: 500;
	margin: 0px;
	margin-bottom: 15px;
	font-size: 55px;
	letter-spacing: 8px;
}

.social-home .col-md-3 img {
	max-width: 408px;
	width: 100%;
}

.portfolio-space .cbp-item {
	margin: 0;
	float: left;
}

.cbp-popup-singlePage .background-purple {
	background-color: #402335 !important;
}

.cbp-popup-singlePage .background-blue {
	background-color: #1D2830 !important;
}

.cbp-popup-singlePage .background-tan {
	background-color: #AC9C8D !important;
}

.cbp-popup-singlePage .background-light-grey {
	background-color: #E6E7E8 !important;
}

.cbp-popup-singlePage .background-gold {
	background-color: #C0984A !important;
}

.cbp-popup-singlePage .background-medium-grey {
	background-color: #666E70 !important;
}

.cbp-popup-singlePage .background-dark-grey {
	background-color: #3B3E3F !important;
}

.cbp-popup-singlePage .background-yellow {
	background-color: #E7AF3B !important;
}




.dark-color .heading-block h3.fz,
.light-color .heading-block h3.fz,
.b-img .heading-block h3.fz {
	padding-top: 50px;
}

.light-color .product-detail.front-line hr {
	border-top: 1px solid #c1c1c1;
}

.dark-color .heading-block h3,
.dark-color p {
	color: #fff;
}

.background-purple .front-line:before,
.background-purple .front-line:after {
	background: #c29a4c;
}

.background-blue .front-line:before,
.background-blue .front-line:after {
	background: #c29a4c;
}

.background-light-grey .front-line:before,
.background-light-grey .front-line:after {
	background: #c29a4c;
}

.background-medium-grey .front-line:before,
.background-medium-grey .front-line:after {
	background: #c29a4c;
}

.background-dark-grey .front-line:before,
.background-dark-grey .front-line:after {
	background: #c29a4c;
}

.modal-footer button {
	padding: 5px;
	border: 1px solid #000;
}

.modal-body label {
	width: 100%;
}

.modal-body .form-control {
	margin-bottom: 7px;
	height: 34px;
	padding: 6px 12px;
	border: 1px solid #d8d8d8;
	background-image: none;
	border-radius: 4px;
}

.modal-header .btn-close {
	padding: 3px 10px;
	top: 10px;
	position: absolute;
	right: 10px;
	line-height: inherit;
}

.aboutus-menu li a {
	color: #fff;
}

.contact-info i {
	padding-top: 7px;
	display: block;
}

.contact-info a {
	color: #666666;
}

.contact-info a:hover,
.contact-info a:focus {
	color: #c29a4c !important;
}

@media (max-width: 1281px) {
	.sub-bnr {
		min-height: 688px;
	}
}

/* new css */

.choice img {
	border: 5px solid transparent;
}

.choice img:hover,
.choice.active img:hover {
	border: 5px solid #402335;
}

.choice:hover h3 {
	color: #402335;
}

.justify-content-center {
	justify-content: center !important;
	display: flex;
}

@media (max-width: 1900px) {
	.sec-4-line {
		left: 9%;
	}

	.sec-5-line {
		left: 9%;
	}
}

@media (max-width: 1441px) {
	.about-lapalinacigar.lapalina-members{ bottom: 0;}
}



@media (max-width: 1280px) {
	.heading-block h6 {
		font-size: 25px;
	}

	.a-big-fonts {
		font-size: 50px !important;
	}

	.sec-4-left img {
		z-index: 4;
	}

	.w-40.wid100 {
		width: 55%;
		margin: 0 auto;
	}

	.a-2015 .padding-top-200 {
		padding-top: 105px !important;
	}

	.lapalina-retailers {
		width: 50%;
	}

	.a-2015 .w-60 {
		width: 69%;
	}

	.lapalina-members {
		position: relative;
		/*bottom: 0;*/
	}

	.golden-title-bg h3 {

		padding: 7px 10px 10px 0;
	}

	.sec-4-line {
		left: 2%;
	}

	.sec-5-line {
		left: 2%;
	}
}
@media (max-width:1200px){
	.cigars-line p{ font-size: 55px;}
	.sec-2-right{ width: 400px;}
	.lapalina-queen-text {
		margin-left: 35px;
	}
	.sec-5-right-line, .sec-6-right-line, .sec-7-right-line{ right: 10%;}
	.future-section{ padding-top: 210px !important; padding-left: 180px !important;}
	
}
@media (max-width:1024px){
.cigars-line p {
    font-size: 45px;
    padding: 25px 0px;
}
.lapalina-queen-text {
	margin-left: 25px;
	width: 600px;
}
.a-2015 .w-60 {
    width: 75%;
}
.golden-title-bg h3 {
	padding: 7px 0px 10px 0;
	font-size: 24px;
}
.book{ left: 200px;}

}

@media (max-width: 992px) {
	header nav {
		width: 70%;
	}

	header nav .ownmenu li {
		padding: 0 5px;
	}

	.heading-block h2 {
		font-size: 34px;
	}

	.heading-block h6 {
		font-size: 34px;
	}

	.location {
		width: 90%;
	}

	.wizard-card .info-text {
		font-size: 22px;
		width: 100%;
	}

	.btn {
		font-size: 14px;
		padding: 20px 20px;
	}

	.social-media-name p {
		font-size: 34px;
	}

	.team-name p {
		padding: 20px 34px;
	}

	.sec-1-line:before,
	.sec-1-line,
	.sec-2-line,
	.sec-3-line,
	.sec-4-line,
	.sec-5-line,
	.sec-5-right-line,
	.sec-6-right-line,
	.sec-7-right-line,
	.sec-7-line:after,
	.sec-7-line,
	.sec-8-line,
	.sec-9-line {
		display: none;
	}

	.sec2-content {
		position: relative;
		top: 0;
		left: 0;
		width: auto;
		z-index: 1;
	}

	.sec-2-right {
		position: relative;
		top: 0;
		left: 0;
	}

	.lapalina-head {
		display: none;
	}

	.sec-4-left img {
		display: none !important;
	}

	.about-page img {
		width: 50%;
		margin: 0 auto;
	}

	.sec-2 img {
		width: 100%;
		margin-bottom: 10px;
	}

	.about-page {
		text-align: center;
	}

	.heading-block hr {
		margin: 0 auto 20px !important;
	}

	.red-title-bg h3 {
		text-align: left;
	}

	.lapalina-queen-text {
		width: auto;
		padding-bottom: 20px !important;
	}

	.sec-4-right {
		position: relative;
		top: 0;
		z-index: 1;
	}

	.about-2010.sub-bnr {
		min-height: 300px;
		background-position: center !important;
	}

	.sec-6-left {
		position: relative;
		top: 0;
		z-index: 1;
		right: 0;
	}

	.w-40.wid100 {
		width: 100%;
	}

	.about-page img.lapalina-retailers,
	.sec-9 img,
	.book img {
		width: 35%;
	}

	.long-cigar img {
		width: 25%;
	}

	.sec-9 .padding-left-150 {
		padding-left: 15px !important;
		margin-top: 20px;
	}

	.lapalina-about-member {
		width: 100%;
	}

	.lapalina-about-member .padding-top-100 {
		padding-top: 30px !important;
	}

	.lapalina-members {
		position: relative;
		bottom: 0;
	}

	.a-2015.sub-bnr {
		height: auto;
	}

	.a-2015 .w-60 {
		width: 100%;
	}

	.a-2015 .padding-top-200 {
		padding-top: 20px !important;
	}

	.a-2015 h3,
	.a-2015 h6 {
		text-align: center;
	}

	.sec-7-bottom {
		position: relative;
		width: 100%;
	}

	.padding-top-150.a-9 {
		padding-top: 20px !important;
	}

	.a-2021 .padding-top-150 {
		padding-top: 20px !important;
	}

	.a-2021 .padding-left-150 {
		padding-left: 20px !important;
	}

	.splash {
		position: relative;
	}

	.long-cigar {
		position: relative;
		top: 0;
		z-index: 1;
	}

	.golden-title-bg {
		position: relative;
		left: 0;
	}

	.a-2021 .heading-block h3.f-125 {
		font-size: 80px !important;
	}

	.smoke-bg .padding-left-150 {
		padding-left: 15px !important;
	}

	.smoke-bg .padding-bottom-150 {
		padding-bottom: 100px !important;
	}

	.top-about {
		padding-top: 80px !important;
	}

	.top-about .padding-right-50 {
		padding-right: 15px !important;
	}

	.product-content .heading-block {
		margin-bottom: 0;
	}

	.product-content .margin-top-100 {
		margin-top: 10px !important;
	}

	.retailer-form .form-group {
		padding: 0;
	}

	.retailer-form {
		padding: 10px;
	}

	.social-home .col-md-3 img {
		margin-bottom: 10px;
	}

	.book {
		position: relative;
		width: 100%;
		left: 0;
	}

	.golden-title-bg h3 {
		padding: 7px 90px 10px 0;
		text-align: left;
	}

	.product-img {
		background-position: right;
	}

	.product-content .btn {
		width: 100%;
		display: block;
	}

	.menu-toggle {
		background: none;
	}

	.single-progect .heading-block h3 span {
		font-size: 45px;
	}

	.single-progect .heading-block h3.fz {
		font-size: 50px;
	}

	.lapalina-members-cigar {
		position: relative;
		bottom: 0;
		width: 44%;
		display: block !important;
		margin: 0 auto;
	}

	.tp-banner-container {
		height: auto !important;
	}

	#myVideo {
		position: relative;
		right: 0;
		top: inherit;
		min-width: 100%;
		/* min-height: 100%; */
		width: 100%;
		height: auto !important;
		padding-top: 0;
	}

	.sub-bnr {
		/* background-size: cover !important; */
		min-height: 75px !important;
		background-position: center center !important;

		background-size: cover !important;
		background-attachment: inherit !important;

		min-height: 790px;
		text-align: center;
		height: 30vh;
		margin-top: 0;
	}

	.bg-golden-right-img:after {
		background: none;
	}

	.bg-golden::before {
		width: 100%;
		height: 100%;
	}



}

@media (max-width: 767px) {
	header nav {
		width: 100%;
	}

	.a-2015 h3 {
		font-size: 50px !important;
	}

	.about-page img {
		width: 75%;
		margin: 0 auto;
	}

	.sec-2 img {
		width: 100%;
		margin-bottom: 10px;
	}

	.about-page img.lapalina-retailers,
	.sec-9 img,
	.book img {
		width: 75%;
	}

	.long-cigar img {
		width: 30%;
	}

	#myVideo {
		position: relative;
		right: 0;
		top: inherit;
		min-width: 100%;
		/* min-height: 100%; */
		width: 100%;
		height: auto !important;
		padding-top: 67px;
	}

	.sub-bnr {
		/* background-size: cover !important; */
		min-height: 75px !important;
		background-position: center center !important;

		background-size: cover !important;
		background-attachment: inherit !important;

		min-height: 790px;
		text-align: center;
		height: 30vh;
		margin-top: 67px;
	}


	.footer .rights {
		display: inline-block;
		float: inherit;
		width: 100%;
		text-align: center;
	}

	.copyrights p {
		text-align: center;
	}

	.cbp-popup-singlePage .cbp-popup-prev {
		left: 10px;
	}

	.cbp-popup-singlePage .cbp-popup-next {
		right: 10px;
	}

	.cbp-popup-singlePage-counter {
		left: 10px;
	}
}


#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	z-index: 100;
	display: none;
}

.cnt223 a {
	text-decoration: none;
}

.popup-onload {
	width: 100%;
	margin: 0 auto;
	display: none;
	position: fixed;
	z-index: 9999;
}

.cnt223 {
	width: 600px;
	max-width: 100%;
	text-align: center;
	min-height: 150px;
	margin: 10vh auto;
	background: #f3f3f3;
	position: relative;
	z-index: 103;
	padding: 35px 35px;
	border-radius: 5px;
	box-shadow: 0 2px 5px #000;
}

.cnt223 p {
	font-weight: 500;
	text-transform: uppercase;
	color: #c29a4c;
	font-size: 30px;
	font-family: 'clarendonregular';
	margin-top: 30px;
}

@media only screen and (min-device-width : 1536px) and (max-device-width : 2048px) and (-webkit-min-device-pixel-ratio: 2.0) {

	.sec-4-line {
		left: 8%;
	}
}

@media only screen and (min-device-width : 1900px) and (-webkit-min-device-pixel-ratio: 1.25) {

	.sec-4-line {
		left: 8%;
	}
}




/*@media only screen,
(height: 1024px) and (width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape),
(width: 1024px) and (height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait) {

	.sec-4-line {
		left: 5%;
	}
}*/

.close-pop {
	display: inline-block;
	background: #c89d49;
	border-color: #c89d49;
	color: #fff;
	padding: 15px 40px;
	font-size: 16px;
	letter-spacing: 3px;
}
.width-100{width: 100%;}
@media only screen and (max-width:1600px){
	.lapalina-members {
		position: relative;
		bottom: -90px;
	}
	.golden-title-bg h3{ font-size: 25px; letter-spacing: 4px !important;}
}
@media only screen and (max-width:1024px){
.about-img-box{max-width: 68%;}
}

@media only screen and (min-width: 1280px) and (max-width: 1366px)  {
	.services-wrap {
		padding-top: 215px !important;
	}
	
}

@media only screen and (min-width: 1025px) and (max-width: 1147px)  {
	.services-wrap {
		padding-top: 250px !important;
	}
	
}

@media only screen and (min-width: 1025px) and (max-width: 1147px)  {
	.services-wrap {
		padding-top: 250px !important;
	}
	
}

@media only screen and (min-width: 1247px) and (max-width: 1280px)  {
	.services-top-0 {
		padding-top: 0 !important;
	}
	
}

@media only screen and (min-width:2090px){
	.golden-title-bg h3 {
		padding: 7px 140px 10px 0;
	}
}
@media only screen and (min-width:1800px){
	.golden-title-bg h3 {
		padding: 7px 90px 10px 0;
	}
}
/* 
@media only screen  (width: 1280px) {
	.services-top-0 {
		padding-top: 0 !important;
	}
} */