/*

[MatRoz Core Stylesheet]

Project: MatRoz - Material Design Agency and Business Template
Version: 2.9
Author : themelooks.com

[Table of Contents]

1. GENERAL STYLES
    - 1-1 TYPHOGRAPHY
    - 1-2 SECTION TITLE
    - 1-3 VERTICAL CENTERING
    - 1-4 BACK BUTTON
    - 1-5 BREADCRUMB
    - 1-6 BACK TO TOP BUTTON
    - 1-7 PRE-LOADER
    - 1-8 COLOR SWTICHER
    - 1-9 BROWSER UPGRADE
    - 1-10 PAGINATION

2. TOP NAV AREA

3. HEADER AREA

4. DOMAIN SEARCH AREA

5. CALL TO ACTION AREA

6. FEATURE AREA

7. SUBSCRIBE AREA

8. VIDEO POP UP AREA

10. ABOUT AREA
    - 10-1 TEAM MEMBER
    - 10-2 TEAM SKILLS
    - 10-3 TEAM SLIDER BUTTONS

11. FEEDBACK AREA
    - 11-1 FEEDBACK ITEM
    - 11-2 FACTS ITEM

12. PRICING TABLE AREA
    - 12-1 PRICING TABLE ITEM

13. DOMAIN PRICING AREA

14. BLOG AREA
    - 14-1 POST ITEM

15. REGISTRATION AREA

16. CONTACT US AREA
    - 16-1 CONTACT FORM
    - 16-2 CONTACT ADDRESS

17. MAP AREA

18. FOOTER WIDGETS AREA
    - 18-1 TAGS WIDGET
    - 18-2 ABOUT WIDGET
    - 18-3 TWITTER WIDGET

19. COPYRIGHT AREA

20. GENERAL PAGE STYLES
    - 20-1 PAGE HEADER AREA
    - 20-2 PAGE PADDING

21. ABOUT PAGE

22. TESTIMONIAL PAGE

23. BLOG PAGE

24. BLOG DETAILS PAGE
    - 24-1 POST CONTENT
    - 24-2 POST COMMENTS
    - 24-3 POST COMMENT FORM
    - 24-4 FLICKER WIDGET

25. CONTACT PAGE

26. 404 PAGE

27. HELPER CLASSES
    - 27-1 RESET GUTTER
    - 27-2 BACKGROUND IMAGE
    - 27-3 BORDER NONE
*/

/*------------------------------------*\
    1. GENERAL STYLES
\*------------------------------------*/
/* 1-1 TYPHOGRAPHY */
html,
body {
	font-family: "Bebas Neue Regular", "Roboto", "Helvetica", "Arial", sans-serif;
	height: 100%;
}
body {
	background-color: #fff;
	color: #EFC131;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 300;
}
p {
	font-size: 14px;
	font-weight: 300;
	font-family: "Roboto", "Helvetica", "Arial", sans-serif;
	line-height: 22px;
	color: #737373;
}

.float-wa{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    z-index:100;
}
a,
.mdl-button {
	font-weight: 500;
	color: #303030;
}
a:hover,
a:focus {
	color: #ff5252;
	text-decoration: none;
	outline: none;
}

.form-control.error {
	border-color: #ff5252;
}

.bg-whitesmoke {
	background-color: #f8f8f8;
	border-top: 1px solid #e9e9e9;
}

/* 1-2 SECTION TITLE */
.section-title {
	position: relative;
	margin-top: 70px;
	margin-bottom: 70px;
	color: #303030;
	font-size: 32px;
	font-weight: 500;
	line-height: 32px;
	text-align: center;
	text-transform: uppercase;
}
.section-title:before {
	content: " ";
	background-color: #ff5252;
	position: absolute;
	height: 2px;
	width: 50px;
	left: 50%;
	bottom: -15px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.section-title span {
	display: block;
	color: #888989;
	font-size: 14px;
	font-weight: 700;
	line-height: 14px;
}

.section-title img{
	width:5%;
	padding-bottom:20px;
}

.section-title.text-left {
	text-align: left;
}
.section-title.text-left:before {
	left: 0;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.section-title.text-right {
	text-align: right;
}
.section-title.text-right:before {
	left: auto;
	right: 0;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.section-title.white,
.section-title.white span {
	color: #fff;
}

/* 1-3 VERTICAL CENTERING */
.vc-parent {
	width: 100%;
	height: 100%;
	display: table;
}
.vc-child {
	display: table-cell;
	vertical-align: middle;
}
.vc-child-bottom {
	display: table-cell;
	vertical-align: middle;
}

/* 1-4 BACK BUTTON */
.back-button {
	margin-top: 38px;
	display: block;
	-webkit-transition: margin-top 0.25s;
	transition: margin-top 0.25s;
}
#topNav.sticky .back-button {
	margin-top: 31px;
}
.back-button span {
	display: block;
	background-color: #fff;
	height: 1px;
}
.back-button:hover span {
	background-color: #ff5252;
}
.back-button span:nth-child(1) {
	-webkit-transform: rotate(-30deg);
	transform: rotate(-30deg);
	width: 13px;
	margin-bottom: 2px;
}
.back-button span:nth-child(2) {
	margin-bottom: 2px;
	margin-left: 2px;
	width: 30px;
}
.back-button span:nth-child(3) {
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
	width: 13px;
}

/* 1-5 BREADCRUMB */
.breadcrumb {
	background-color: transparent;
	padding: 8px 15px 0;
	margin-top: 22px;
	margin-bottom: 0;
	-webkit-transition: padding 0.25s;
	transition: padding 0.25s;
}
#topNav.sticky .breadcrumb {
	padding: 2px 15px 22px;
}
.breadcrumb li a {
	color: #fff;
}
.breadcrumb li a:hover {
	color: #ff5252;
}
.breadcrumb > .active {
	color: #ff5252;
}

/* 1-6 BACK TO TOP BUTTON */
#backToTop {
	position: fixed;
	bottom: 45px;
	right: 35px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.25s ease-in-out;
	transition: opacity 0.25s ease-in-out;
	z-index: 1;
}
#backToTop.show,
#backToTop.alwaysShow {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
#backToTop button {
	padding: 8px 0 12px;
	box-shadow: 0 2px 4.7px 0.3px rgba(0, 0, 0, 0.24);
}

/* 1-7 PRE-LOADER */
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 9999999999;
	display: table;
}
#preloader .mdl-progress {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#preloader .progressbar,
#preloader .bufferbar,
#preloader .auxbar {
	width: 0%;
}
#preloader .progressbar,
#preloader .auxbar {
	background-color: #ff9800;
}
#preloader .bufferbar,
#preloader .auxbar {
	background-image: linear-gradient(
			to right,
			rgba(255, 255, 255, 0.7),
			rgba(255, 255, 255, 0.7)
		),
		linear-gradient(to right, #ff9800, #ff9800);
}

.preloader-logo {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
	width: 100%;
	height: auto;
	margin-top: -100px;
	color: #fff;
	font-size: 24px;
	font-weight: 900;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: margin 0.25s;
	transition: margin 0.25s;
}
.preloader-logo span.first,
.preloader-logo i.fa {
	color: #ff5252;
}
.preloader-logo span.first,
.preloader-logo span.second,
.preloader-logo i.fa {
	display: inline-block;
	vertical-align: middle;
}
.preloader-logo span.second {
	color: #303030;
}
.preloader-logo span.third {
	display: inline-block;
	margin-left: 5px;
	padding: 3px 5px;
	color: #fff;
	background-color: #ff5252;
	border-radius: 4px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	vertical-align: middle;
}
.preloader-logo i.fa {
	font-size: 34px;
}
/* 1-8 COLOR SWTICHER */
#open-switcher,
#close-switcher {
	position: fixed;
	top: 200px;
	right: 0px;
	z-index: 3;
	padding: 15px;
	color: #fff;
	background: #ff5252;
	cursor: pointer;
	border-left: 0px;
	border-radius: 2px;
	border-top-right-radius: 0;
}
#close-switcher {
	color: #fff;
	background: #ff5252;
	border: none;
	display: none;
	right: 200px;
	box-shadow: -10px 5px 46px 8px rgba(0, 0, 0, 0.14),
		-10px 0px 26px -6px rgba(0, 0, 0, 0.2);
}
#demo-colors {
	position: fixed;
	top: 200px;
	right: -202px;
	width: 200px;
	min-height: 0;
	background: #fff;
	border-radius: 0;
}
#demo-wrapper {
	width: 180px;
	margin: 0 auto;
	padding-bottom: 30px;
}
#demo-wrapper h2 {
	margin-bottom: 0;
	font-size: 15px;
	font-weight: bold;
	color: #000;
}
#demo-wrapper ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
#demo-wrapper ul li.color-1 {
	background: #2196f3;
	border: 1px solid #fff;
}
#demo-wrapper ul li.color-2 {
	background: #4caf50;
	border: 1px solid #fff;
}
#demo-wrapper ul li.color-3 {
	background: #ff9800;
	border: 1px solid #fff;
}
#demo-wrapper ul li.color-4 {
	background: #ff5252;
	border: 1px solid #fff;
}
#demo-wrapper ul li.color-5 {
	background: #673ab7;
	border: 1px solid #fff;
}
#demo-wrapper ul li.active {
	border: 1px solid #fff;
	box-shadow: 0px 0px 0px 1px #ddd;
}
#demo-wrapper ul li {
	float: left;
	width: 26px;
	height: 26px;
	margin: 5px;
	cursor: pointer;
}
.clear {
	clear: both;
}
#demo-wrapper p {
	font-size: 12px;
	padding-top: 10px;
	text-align: center;
	color: #999;
	cursor: pointer;
}

.section {
	background-color: #fff;
}

/* 1-9 BROWSER UPGRADE */
.browserupgrade {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
	margin: 0;
	padding: 20px 0;
	color: #fff;
	background-color: #ff9800;
	text-align: center;
}
.browserupgrade a {
	color: #fff;
	text-decoration: underline;
}

/* 1-10 PAGINATION */
.pagination {
	display: block;
	margin: 0;
	border-radius: 0;
	font-size: 0;
	line-height: 0;
}
.pagination > li {
	display: inline-block;
}
.pagination > li > a,
.pagination > li > span {
	color: #303030;
	font-size: 14px;
	line-height: 20px;
	-webkit-transition: color 0.25s, background-color 0.25s ease-in-out,
		border-color 0.25s;
	transition: color 0.25s, background-color 0.25s ease-in-out,
		border-color 0.25s;
}
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li.active > a,
.pagination > li.active > a:hover,
.pagination > li.active > a:hover,
.pagination > li > span:hover,
.pagination > li > span:focus,
.pagination > li.active > span,
.pagination > li.active > span:hover,
.pagination > li.active > span:hover {
	color: #fff;
	background-color: #ff5252;
	border-color: #ff5252;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
	border-radius: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-radius: 0;
}

/*------------------------------------*\
    2. TOP NAV AREA
\*------------------------------------*/
#topNav {
	position: fixed;
	top: 0px;
	bottom: 5px;
	right: 0;
	left: 0;
	z-index: 5;
	border: none;
	border-radius: 0;
	-webkit-transition-property: background-color, box-shadow, top;
	transition-property: background-color, box-shadow, top;
	-webkit-transition-duration: 0.25s;
	transition-duration: 0.25s;
}
#topNav.sticky {
	top: 0;
}
#primaryNavbar {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	color: #fff;
	background-color: #303030;
}
.primary-menu-links li a,
.primary-social-menu-links a {
	color: #2e3138;
}
.primary-menu-links > li > a {
	padding-top: 13px;
	padding-bottom: 0;
	font-size: 12px;
	font-weight: 300;
	text-transform: uppercase;
}
.primary-menu-links > li:first-child > a {
	padding-left: 0;
}
ul.primary-menu-links > li {
	padding: 10px 20px;
	border-right: 1px solid rgba(255, 255, 255, 0.4);
}
ul.primary-menu-links > li:first-child {
	padding-left: 0;
}
ul.primary-menu-links > li:last-child {
	padding-right: 0;
	border-right: 0;
}
ul.primary-menu-links > li > span {
	display: block;
	font-size: 14px;
	line-height: 18px;
}

.primary-social-menu-links {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}
.primary-social-menu-links li {
	display: inline-block;
}
.primary-social-menu-links li a {
	border-radius: 50%;
	min-width: 30px;
	height: 30px;
	margin-top: 3px;
	padding: 0;
	color: #fff;
	line-height: 34px;
}
.primary-social-menu-links li a:hover {
	color: #ff7373;
}
.primary-social-menu-links li .mdl-button__ripple-container {
	border-radius: 50%;
}

#topNav > .navbar {
	-webkit-transition: 0.5s;
	transition: 0.5s;
	border-radius: 0;
	border: none;
	background-color: #E8E8EA;
	padding-bottom:20px;
}
#topNav.sticky > .navbar {
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}
body.navOpen #topNav > .navbar {
	margin: 50px -250px 0 250px;
}
body.navOpen #topNav.sticky > .navbar {
	margin: 0 -250px 0 250px;
}

.wrapper.open #topNav {
	position: absolute;
}

#topNav .navbar-header {
	position: relative;
	margin-left: 0;
}
#topNav .navbar-header .navbar-toggle {
	border-color: #ff5252;
}
#topNav .navbar-header .navbar-toggle .icon-bar {
	background-color: #ff5252;
}
#topNav a.navbar-brand {
	display: block;
	margin-top: -38px;
	color: #fff;
	font-size: 24px;
	font-weight: 900;
	text-transform: uppercase;
	-webkit-transition: margin 0.25s;
	transition: margin 0.25s;
	width: 14rem;
}

#topNav a.navbar-brand img{
	width: 100%;
}


/*#topNav.sticky a.navbar-brand {
	margin-top: 3px;
}*/

#topNav a.navbar-brand span.first,
#topNav a.navbar-brand i.fa {
	color: #ff5252;
}
#topNav a.navbar-brand span.first,
#topNav a.navbar-brand span.second,
#topNav a.navbar-brand i.fa {
	display: inline-block;
	vertical-align: middle;
}
#topNav a.navbar-brand span.second {
	color: #303030;
}
#topNav a.navbar-brand span.third {
	display: inline-block;
	margin-left: 5px;
	padding: 3px 5px;
	color: #fff;
	background-color: #ff5252;
	border-radius: 4px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	vertical-align: middle;
}
#topNav a.navbar-brand i.fa {
	font-size: 34px;
}

#topNavbar .mdl-menu__container .mdl-menu {
	clip: auto !important;
}
#topNavbar li a {
	margin-top: 11px;
	padding: 15px 15px 22px;
	/*border-bottom: 3px solid transparent;*/
	color: #515151;
	/*background-color: transparent;*/
	font-weight: 500;
	outline: 0;
	text-transform: uppercase;
	-webkit-transition: 0.25s;
	transition: 0.25s;
	border-right: 2px 	solid;
}
#topNavbar li a:hover,
#topNavbar li.active > a {
	/*border-bottom: 3px solid transparent;*/
}
#topNavbar li a:hover,
#topNavbar li a:focus,
#topNavbar li button {
	background-color: transparent;
}
#topNavbar .dropdown-menu {
	right: auto;
	left: 0;
}
#topNavbar .dropdown-menu li a {
	color: #737373;
}
#topNav li.open i.fa.fa-plus:before {
	content: "\f068";
}
#topNav .nav li a i.fa-plus,
#topNav .nav li a i.fa-plus {
	font-size: 11px;
}

#topNav button.mdl-button {
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	position: relative;
	color: #fff;
	margin-top: 25px;
	margin-left: 5px;
	-webkit-transition: margin 0.25s;
	transition: margin 0.25s;
}
#topNav.sticky button.mdl-button {
	margin-top: 19px;
}
#topNav button.mdl-button i {
	display: block;
	position: absolute;
	left: 7px;
	top: -3px;
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
}

#topNavbar {
	margin-right: -15px;
	padding-top: 2%;
}
#topNavbar .mdl-menu__container {
	width: 100% !important;
	margin-top: 20px;
}
#topNavbar .mdl-menu__outline {
	width: 100% !important;
	background-color: transparent;
	box-shadow: none;
}
#topNavbar .mdl-menu__container .mdl-menu {
	width: 100% !important;
	padding: 0 15px 0;
}

#topNavbar .nav ul {
	display: none;
	position: absolute;
	right: 0;
	min-width: 190px;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #fff;
	box-shadow: 0 13px 20px rgba(0, 0, 0, 0.24), 0 0 10px rgba(0, 0, 0, 0.12);
}
#topNavbar .nav li:hover > ul {
	display: block;
	right: 0;
}
#topNavbar .nav ul li {
	position: relative;
}
#topNavbar .nav ul > li > a {
	display: block;
	margin: 0;
	padding: 8px 20px;
	color: #777;
	white-space: nowrap;
	overflow: hidden;
	border-right: solid;
}
#topNavbar .nav ul > li.dropdown > a:before {
	content: "\f105";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	position: absolute;
	right: 15px;
	top: 12px;
}
#topNavbar .nav ul > li > a:hover,
#topNavbar .nav ul > li.active > a {
	/*border-color: #ff5252;*/
}
#topNavbar .nav ul > li:hover ul {
	display: block;
	top: 0;
	right: 100%;
}

#topNavbar .nav .more-icon {
	display: block;
	position: absolute;
	right: -6px;
	top: 16px;
	font-size: 14px;
	line-height: 18px;
	font-style: normal;
	font-weight: 500;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

#topNavbar .login--btn {
	display: block;
	float: left;
	height: auto;
	margin-top: 18px;
	margin-left: 10px;
	padding: 8px 20px;
	line-height: 18px;
	background-color: #f7d13e;
}

/*------------------------------------*\
    3. HEADER AREA
\*------------------------------------*/
#header {
	width: 100%;
	height: 100%;
	z-index: 0;
}

#header-info{
    margin-top:-25%;   
}

.content-inner-wrapper,
#header .owl-wrapper-outer,
#header .owl-wrapper,
#header .owl-item,
#header .header-item,
#header .container,
#header .row,
#header .row > div {
	height: 100%;
}

#header .owl-wrapper-outer{
	/*margin-top:95px;*/
}

#header .owl-wrapper{
	background-color: #EFC131;
}

.header-item {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	z-index: 0;
}
.header-item:before {
	content: " ";
	position: absolute;
	height: 100%;
	width: 100%;
	//background-color: rgba(34, 34, 34, 0.8);
	z-index: -1;
}

.header-item {
	color: #fff;
	overflow: hidden;
}

.header-item h2 {
	display: inline-block;
	padding: 0px 20px;
	//border-left: 5px solid #ff5252;
	font-size: 40px;
	font-weight: 700;
	line-height: 48px;
	text-transform: uppercase;
}
.header-item h2 span {
	color: #adadad;
}
.header-item-3 h2 {
	margin-bottom: 10px;
}
.header-item p {
	padding: 0 20px;
	//border-left: 5px solid #fff;
	color: #1D1D1B;
	font-size: 16px;
}

.header-content {
	margin-top: 80px;
}
.header-content ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	
}
.header-content ul li {
	position: relative;
	padding-left: 20px;
	float: left;
	width: 45%;
	border: 1px solid;
	border-radius: 60px;
	margin: 5px;
}
.header-content ul li:before {
	content: " ";
	position: absolute;
	top: 7px;
	left: 0;
	width: 8px;
	height: 8px;
	//border: 2px solid #ff5252;
	border-radius: 50%;
}

.owl-fadeInDown,
.owl-fadeInUp {
	visibility: hidden;
}
.owl-item.active .owl-fadeInDown {
	-webkit-animation: fadeInDown 1s linear 0s;
	animation: fadeInDown 1s linear 0s;
	visibility: visible;
}
.owl-item.active .owl-fadeInUp {
	-webkit-animation: fadeInUp 1s linear 0s;
	animation: fadeInUp 1s linear 0s;
	visibility: visible;
}
.owl-item.active .animate-2x {
	-webkit-animation-duration: 0.55s;
	animation-duration: 0.55s;
}

.header-item a.read-more {
	min-width: 130px;
	height: auto;
	margin-top: 20px;
	padding: 4px 0;
	color: #fff;
	background-color: #ff5252;
}
.header-item a.read-more img {
	max-width: 100%;
	height: 35px;
}

.header-img {
	position: relative;
	display: block;
}
.vc-child .header-img {
	margin-top: 90px;
}
.header-img img.img-responsive {
	width: 100%;
}
.header-img .header-img-slider,
.header-img .header-img-inner {
	position: absolute;
	top: 9.5%;
	left: 150px;
	width: 261px;
	cursor: ew-resize;
}
.header-img-slider img {
	max-height: 68.5%;
}

.header--badge {
	position: absolute;
	display: table;
	text-align: center;
	z-index: 0;
}
.header--badge-1 {
	top: 35%;
	color: #fff;
}
.header--badge-2 {
	top: 55%;
	left: 25%;
	color: #303030;
}
.ie9 .header--badge-2 {
	background-color: #fff !important;
}
.header--badge p {
	display: table-cell;
	vertical-align: middle;
	padding: 0;
	border: 0;
	color: inherit;
	font-size: 16px;
	line-height: 16px;
}
.header--badge span {
	display: block;
	font-size: 34px;
	line-height: 38px;
	font-weight: 500;
}

.octagon {
	width: 168px;
	height: 70px;
	background-color: #fff;
	font-size: 12px;
	line-height: 16px;
}
.octagon:before,
.octagon:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0px;
	width: 168px;
	height: 70px;
	background-color: #fff;
	z-index: -1;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.octagon:before {
	background-color: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.octagon:after {
	left: 0;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.octagon p:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 168px;
	height: 70px;
	background-color: #fff;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	z-index: -1;
}

.header-items .owl-controls {
	position: absolute;
	bottom: 15px;
	right: 0;
	width: 100%;
	text-align: center;
}
.header-items > .owl-controls {
	bottom: 30px;
}
.header-items .owl-pagination {
	display: inline-block;
	overflow: hidden;
}
.header-items .owl-page {
	width: 8px;
	height: 8px;
	float: left;
	margin: 1px 5px;
	border: 1px solid #fff;
	border-radius: 50%;
	-webkit-transition: 0.25s;
	transition: 0.25s;
	outline: 0;
}
.header-items .owl-page.active {
	width: 10px;
	height: 10px;
	margin-top: -0.5px;
	margin-left: 4.5px;
	background-color: #EFC131;
}

/*------------------------------------*\
    4. DOMAIN SEARCH AREA
\*------------------------------------*/
#domainSearch {
	padding: 60px 0;
	color: #fff;
	background-color: #ff5252;
}
#domainSearch form {
	font-size: 0;
}
#domainSearch form .mdl-textfield__input {
	border-color: #fff;
	color: #fff;
	outline: 0;
}
#domainSearch form .mdl-textfield__label {
	color: #fff;
	font-weight: 400;
	margin-bottom: 0;
}
#domainSearch form .mdl-textfield__label:after {
	background-color: #fff;
}
#domainSearch form .select-box {
	margin-top: 20px;
	width: 140px;
	padding: 0 30px;
	text-align: center;
	vertical-align: top;
	z-index: 0;
}
#domainSearch form .select-box:before {
	content: " ";
	position: absolute;
	top: 13px;
	right: 30px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #fff;
	z-index: -1;
}
#domainSearch form .select-box select {
	color: #fff;
	background-color: transparent;
	width: 100%;
	padding: 4px 0;
	font-size: 16px;
	border: none;
	border-bottom: 1px solid #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline: 0;
}
#domainSearch form .select-box select option {
	color: #737373;
	background-color: rgba(255, 255, 255, 0.9);
}
#domainSearch form .mdl-button {
	margin-top: 15px;
	color: #303030;
	background-color: #fff;
	vertical-align: top;
}

#domainSearch .domain-ext {
	margin-top: 9px;
}
#domainSearch .extension {
	display: table-cell;
	width: 1%;
	padding-left: 20px;
	color: #fff;
	font-weight: 500;
	border-right: 1px solid #fff;
}
#domainSearch .extension:first-child {
	padding-left: 0;
}
#domainSearch .domain-ext > .extension:last-child {
	border-right: none;
}
#domainSearch .extension span {
	display: block;
}
#domainSearch .extension span.name {
	font-size: 22px;
	line-height: 26px;
}

/*------------------------------------*\
    5. CALL TO ACTION AREA
\*------------------------------------*/
#callToAction {
	padding: 80px 0;
	background-color: #ff5252;
}

#callToAction h2 {
	color: #fff;
	margin: 0;
	font-size: 24px;
	font-weight: 500;
	text-transform: uppercase;
}
#callToAction .buy-now-btn {
	padding: 5px 40px;
	color: #222;
	background-color: #fff;
	height: auto;
	font-weight: 500;
}

/*------------------------------------*\
    6. FEATURE AREA
\*------------------------------------*/
#feature {
	padding-bottom: 100px;
}

.feature-container{
    display: grid; 
    grid-template-columns: auto auto auto;
    grid-template-rows: none;
}

.feature-container2{
    display: grid; 
    grid-template-columns: auto auto auto auto;
    grid-template-rows: none;
}

.feature-item {
	margin: 40px 0 -30px;
	padding-bottom: 30px;
	-webkit-transition: box-shadow 0.25s ease-in-out;
	transition: box-shadow 0.25s ease-in-out;
}

.feature-item img{
	width: 85%;
}

.feature-item:hover {
//	box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14),
//		0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
}

.feature2 {
	margin: 40px 0 -30px;
	padding-bottom: 30px;
	width: 300px;
	color:#87837E;
}

.feature2:last-child{
    width:fit-content;
}

.feature2 .content{
    border-right:1px solid #87837E;
}

.feature2 .content:last-child{
    border-right:none;
}

.feature2 .icon{
	width: 100px;
	height: 100px;
	margin: -50px auto 0;
	padding: 10px;
	font-size: 250%;
	//border: 10px solid #fff;
}

#ultimo-feature{
    border-right:none;
}

.feature-item .content {
	position: relative;
}
.feature-item .content:before {
	content: " ";
	position: absolute;
	top: 0;
	right: -15px;
	width: 1px;
	height: 100%;
	background: rgba(0, 0, 0, 0.09);
}
.feature-item:last-child .content:before {
	display: none;
}
.feature-item .icon {
	/*background-color: #f5f5f5;*/
	width: 100px;
	height: 100px;
	margin: -50px auto 0;
	padding: 10px;
	//border: 10px solid #fff;
	border-radius: 50%;
	-webkit-transition: background-color 0.25s ease-in;
	transition: background-color 0.25s ease-in;
}
.feature-item:hover .icon {
	background-color: #ff5252;
	border-width: 0;
	padding: 20px;
}
.feature-item .icon i.fa {
	display: table-cell;
	vertical-align: middle;
	width: 60px;
	height: 60px;
	margin: 0 auto;
	font-size: 30px;
	color: #ff5252;
	border-radius: 50%;
	text-align: center;
	//-webkit-transition: 0.25s ease-in;
	//transition: 0.25s ease-in;
}
.feature-item:hover .icon i.fa {
	//color: #fff;
	//font-size: 40px;
}

.feature-item .heading {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
}

.feature-item .desc {
	text-align: center;
	margin: 0 0 20px;
}

.feature-item .read-more-btn {
	text-align: center;
}

.botones-comprar{
    padding-bottom:100px; 
    margin-top:-50px;
    background-color:#e1e0e0;
}

.botones-comprar .container div{
    display: grid; 
    grid-template-columns: auto auto;
}

.ultimo-comprar{
    margin:auto;
}


/*------------------------------------*\
    7. SUBSCRIBE AREA
\*------------------------------------*/
#subscribe {
	padding: 80px 0 90px;
	position: relative;
	color: #fff;
	background-color: #ff5252;
}

#subscribe h2 {
	color: #fff;
}
#subscribe h2 {
	margin-top: 8px;
	margin-bottom: 0;
	font-weight: 500;
	text-transform: uppercase;
}

#subscribeForm {
	text-align: right;
}

#subscribeForm .mdl-textfield {
	vertical-align: middle;
	margin-right: 6px;
	padding-bottom: 0;
}
#subscribeForm input {
	border-color: #fff;
	color: #fff;
	outline: 0;
}
#subscribeForm label {
	color: #fff;
	font-weight: 300;
	margin-bottom: 0;
}
#subscribeForm label:after {
	background-color: #fff;
	bottom: 0;
}

#subscribeForm button[type="submit"] {
	color: #222;
	background-color: #fff;
	margin-top: 13px;
}

/*------------------------------------*\
    8. VIDEO POP UP AREA
\*------------------------------------*/
#bgVideo {
	height: 500px !important;
	background-size: cover;
	position: relative;
}
#bgVideo:before {
	content: " ";
	background: rgba(48, 48, 48, 0.8);
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	height: 100%;
}
#bgVideo .play-button {
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -28px;
	text-align: center;
}
#bgVideo .play-button a {
	outline: 0;
}
#bgVideo .play-button i.fa {
	font-size: 18px;
	margin-left: 5px;
	margin-top: 20px;
}
/*------------------------------------*\
    10. ABOUT AREA
\*------------------------------------*/
#about {
	position: relative;
	padding: 0 0 80px;
	background-color: #f8f8f8;
	border-style: solid;
	border-width: 1px 0 1px;
	border-color: #e9e9e9;
	z-index: 0;
}
#about:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	//background-image: url("img/background-images/about-bg.jpg");
	z-index: -2;
}
#about:after {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background-color: rgba(34, 34, 34, 0.8);
	z-index: -1;
}
#about.about--overlay-full:before,
#about.about--overlay-full:after {
	width: 100%;
}
.about--img {
	padding: 90px 60px 0;
}

/* 10-1 TEAM MEMBER */
.team-items:not(.team-items-slider) {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.team-items:not(.team-items-slider) > div {
	padding: 0 15px;
	flex: 0 0 25%;
	max-width: 25%;
}

@media screen and (max-width: 1199px) {
	.team-items:not(.team-items-slider) > div {
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}
}
@media screen and (max-width: 767px) {
	.team-items:not(.team-items-slider) > div {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media screen and (max-width: 479px) {
	.team-items:not(.team-items-slider) > div {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

.team-items.team-items-slider .team-item {
	padding: 0 15px;
}

.team-item {
	margin-bottom: 30px;
}

.team-item .mdl-card {
	width: auto;
	background-color: transparent;
	border-radius: 0;
}
.team-item .mdl-card__title {
	padding: 0;
}
.team-item .mdl-card__title figure {
	position: relative;
	padding-bottom: 76px;
	width: 100%;
}
.team-item .mdl-card__title figure > img {
	width: 100%;
}
.team-item .mdl-card__title figcaption {
	padding: 10px 0px 4px;
	position: absolute;
	bottom: -45px;
	left: 0;
	width: 100%;
	background-color: #fff;
	text-align: center;
	-webkit-transition: bottom 0.25s;
	transition: bottom 0.25s;
}
.team-item .mdl-card__title:hover figcaption {
	bottom: 0;
}
.team-item h2 {
	padding: 0 15px 0;
	font-size: 18px;
	color: #737373;
	line-height: 18px;
	margin-top: 8px;
	margin-bottom: 8px;
	text-transform: uppercase;
	-webkit-transition: 0.25s;
	transition: 0.25s;
}
.team-item h2 a {
	-webkit-transition: color 0.25s;
	transition: color 0.25s;
}

.team-item h4 {
	padding: 0 15px 0;
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 14px;
	color: #b9b9b9;
}

.team-social-links {
	list-style: none;
	margin: 20px 0 0;
	padding: 5px 0 0;
	border-top: 1px solid #ddd;
	overflow: hidden;
	text-align: center;
}
.team-social-links li {
	display: inline-block;
}
.team-social-links li a {
	border-radius: 50%;
	min-width: 35px;
	height: 35px;
	padding: 0;
	color: #737373;
}
.team-social-links li a:hover {
	color: #ff7373;
}
.team-social-links li .mdl-button__ripple-container {
	border-radius: 50%;
}

/* 10-2 TEAM SKILLS */
.section-title.team-title {
	margin-right: 15px;
}
.team-skills {
	padding-left: 30px;
}

.about-description {
	padding: 0 0 90px;
}
.about-description .row {
	display: table;
}
.about-description .row > div {
	display: table-cell;
	vertical-align: middle;
	float: none;
}
.about-desc-img img {
	width: 100%;
}
.team-skills .about-description a.read-more {
	margin-top: 10px;
}

#about.bg-img .team-skills p {
	color: #fff;
}
.team-skills p {
	margin-bottom: 0;
}
.team-skills > p {
	font-weight: 500;
}
.team-skills .progress {
	height: 4px;
	overflow: visible;
}
.team-skills .progress-bar {
	background-color: #ff5252;
	position: relative;
}
.team-skills .progress-bar span {
	position: absolute;
	top: -16px;
	right: -16px;
	color: #737373;
	background-color: #f8f8f8;
	padding: 7.5px 6px;
	border-radius: 50%;
	box-shadow: 0 2px 4.7px 0.3px rgba(0, 0, 0, 0.24);
}

/* 10-3 TEAM SLIDER BUTTONS */
.team-items .owl-pagination {
	text-align: center;
	margin-top: 30px;
}

.team-items .owl-page {
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 50%;
	margin: 0 5px;
	border: 1px solid #ff5252;
	-webkit-transition: border-color 0.25s, background-color 0.25s ease-in-out;
	transition: border-color 0.25s, background-color 0.25s ease-in-out;
}
.team-items .owl-page.active {
	background-color: #ff5252;
}
/*------------------------------------*\
    11. FEEDBACK AREA
\*------------------------------------*/
#feedback {
	position: relative;
	padding: 100px 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	overflow: hidden;
	z-index: 0;
}
#feedback:before {
	content: " ";
	background-color: rgba(34, 34, 34, 0.8);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.feedback-wrapper .container {
	background-color: #fff;
	z-index: 0;
	padding-bottom: 80px;
	border-radius: 4px;
}

/* 11-1 FEEDBACK ITEM */
.feedback-items {
	margin-bottom: 70px;
}
.feedback-items .owl-item {
	padding: 0px 40px;
	overflow: hidden;
}

.feedback-item > .row {
	display: table;
}
.feedback-item > .row > div {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	float: none;
}

.feedback-item .mdl-card {
	width: initial;
	min-height: 0;
	overflow: visible;
}
.feedback-item .mdl-card:before {
	content: " ";
	position: absolute;
	top: 50%;
	width: 25px;
	height: 25px;
	-webkit-transform: translateY(-50%) rotate(44deg);
	transform: translateY(-50%) rotate(44deg);
	background-color: #ff5252;
	border-color: transparent transparent transparent #fff;
	z-index: -1;
}

.feedback-item.content-right .mdl-card:before {
	left: -13px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
		0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.feedback-item.content-left .mdl-card:before {
	right: -13px;
	box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.14),
		3px 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.feedback-item .mdl-card__supporting-text {
	background-color: #ff5252;
	color: #fff;
	width: 100%;
}

.feedback-content p {
	margin-bottom: 0;
	color: #fff;
}
.feedback-content p cite {
	display: block;
	margin-top: 10px;
	font-weight: 700;
}

.feedback-items .owl-pagination {
	text-align: center;
	margin-top: 30px;
}
.feedback-items .owl-page {
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 50%;
	margin: 0 5px;
	border: 1px solid #ff5252;
}
.feedback-items .owl-page.active {
	background-color: #ff5252;
}

/* 11-2 FACTS ITEM */
.facts {
	position: relative;
}
.facts:before {
	position: absolute;
	width: 1px;
	height: 100px;
	background: rgba(0, 0, 0, 0.09);
	right: -20px;
	top: 50%;
	margin-top: -50px;
	content: " ";
}
.facts.last-child:before {
	width: 0;
}
.facts-icon i.fa {
	position: relative;
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin: 0 auto 20px;
	color: #ff5252;
	font-size: 26px;
	box-shadow: 0 2px 4.7px 0.3px rgba(0, 0, 0, 0.24);
	-webkit-transition: 0.25s;
	transition: 0.25s;
}
.facts:hover i.fa {
	background-color: #ff5252;
	color: #fff;
}
.facts-icon i.fa:before {
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.facts-text {
	margin-bottom: 12px;
	text-transform: capitalize;
}
.facts-number {
	font-size: 22px;
}

/*------------------------------------*\
    12. PRICING TABLE AREA
\*------------------------------------*/
#pricingTable {
	padding: 0 0 100px;
}
#pricingTable.page {
	padding: 100px 0;
}

/* 12-1 PRICING TABLE ITEM */
.pricing-table-item {
	margin-top: 45px;
}
.pricing-table-item .mdl-card {
	width: auto;
	overflow: visible;
	-webkit-transition: 0.25s;
	transition: 0.25s;
}
.pricing-table-item > .mdl-card {
	border: 1px solid #e9e9e9;
}
.pricing-table-item:hover > .mdl-card {
	box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14),
		0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
}
.pricing-table-item .mdl-card__title-text {
	width: 100%;
}
.pricing-table-item .mdl-card__supporting-text {
	width: 100%;
	padding: 0;
}
.pricing-table-item .mdl-card__actions {
	padding: 20px 0;
	text-align: center;
}
.pricing-table-item .mdl-card__actions a {
	padding: 5px 35px;
	height: auto;
}

.pct-img figure {
	position: relative;
}
.pct-img figure:before {
	content: " ";
	background-color: rgba(34, 34, 34, 0.8);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.pct-img > figure > img {
	width: 100%;
}

.pct-img figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pct-price-tag {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	min-height: 0;
	padding: 15px 30px;
	color: #fff;
	background-color: #ff5252;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
.pct-price-tag .mdl-card__title-text {
	display: block;
	font-size: 42px;
	font-weight: 800;
}
.pct-price-tag .mdl-card__title-text span {
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	text-align: center;
}
.pricing-table-item:hover .pct-price-tag,
.pricing-table-item.active .pct-price-tag {
	top: -50px;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.pct-img figcaption .pct-tag {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
	font-size: 28px;
	font-weight: 500;
	line-height: 32px;
	color: #fff;
	text-transform: uppercase;
}
.pct-img figcaption .pct-tag span {
	position: relative;
}
.pct-img figcaption .pct-tag span:before {
	content: " ";
	position: absolute;
	left: 0;
	right: 0;
	width: 40px;
	height: 2px;
	background-color: #ff5252;
	margin: 0 auto;
	bottom: -10px;
}
.pct-img figcaption .pct-tag p {
	color: #fff;
	margin-top: 10px;
}

.pct-features ul {
	margin: 0;
	padding: 15px 0;
	list-style: none;
}
.pct-features ul li {
	padding: 10px 0;
	color: #737373;
	font-size: 16px;
	font-weight: 300;
	text-align: center;
}

/*------------------------------------*\
    13. DOMAIN PRICING AREA
\*------------------------------------*/
#domainPricing {
	padding: 0 0 100px;
	background-color: #f8f8f8;
	//border-top: 1px solid #e9e9e9;
}

#domainPricing table {
	border: 1px solid #ccc;
	border-radius: 10px;
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
#domainPricing table thead {
	background-color: #ff5252;
	color: #fff;
}
#domainPricing table thead th {
	padding: 15px 0;
}
#domainPricing table tr {
	border: 1px solid #ddd;
	padding: 5px;
}
#domainPricing table th,
#domainPricing table td {
	padding: 10px;
	text-align: center;
}
#domainPricing table th {
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
}
#domainPricing table tbody td {
	background-color: #fff;
}
#domainPricing table tbody tr:nth-child(even) td {
	background-color: #f8f8f8;
}
#domainPricing table tbody td:first-child {
	font-weight: 700;
	font-size: 18px;
}
#domainPricing.reset-font table tbody td:first-child {
	font-weight: normal;
	font-size: inherit;
}
#domainPricing table .mdl-button.mdl-button--accent {
	background-color: #EFC131;
}

/*------------------------------------*\
    14. BLOG AREA
\*------------------------------------*/
#blog {
	padding: 0 0 100px;
}

/* 14-1 POST ITEM */
.post-item .mdl-card {
	width: auto;
}
.post-item .mdl-card__title {
	padding: 0;
	display: block;
	width: 100%;
	overflow: hidden;
}
.post-item .mdl-card__supporting-text {
	padding: 0 20px;
	width: 100%;
}
.post-item .mdl-card__actions {
	padding: 0 20px;
	position: relative;
}
.post-item .mdl-card__actions:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 80px;
	background-color: #e9e9e9;
}
.post-item .mdl-card__actions a.read-more,
.post-item .mdl-card__actions a.comments {
	margin: 20px 0;
}
.post-item .mdl-card__actions a.comments {
	overflow: visible;
}

.post-img img {
	width: 100%;
}
.post-metadata {
	margin-bottom: 15px;
}
.post-metadata p {
	margin-bottom: 0;
	margin-top: 15px;
	font-size: 14px;
	color: #737373;
}
.post-metadata i.fa {
	margin-right: 5px;
}
.post-metadata p a {
	color: #737373;
}
.post-metadata p a:hover {
	border-bottom: 1px solid #737373;
}
.post-metadata p span {
	margin: 0 5px;
}

.post-title h2 {
	margin: 15px 0 10px;
	padding-left: 15px;
	border-left: 3px solid #ff5252;
	font-size: 24px;
	line-height: 30px;
	text-transform: uppercase;
	-webkit-transition: border-color 0.25s;
	transition: border-color 0.25s;
}
.post-title h2 a {
	color: #303030;
	font-weight: 500;
	-webkit-transition: color 0.25s;
	transition: color 0.25s;
}
.post-title h2:hover a {
	color: #ff5252;
}

.post-summary p {
	color: #737373;
}

/*------------------------------------*\
    15. REGISTRATION AREA
\*------------------------------------*/
#registration {
	padding: 100px 0;
}

.reg--login .mdl-card {
	width: 100%;
}
.reg--login .mdl-card__supporting-text {
	width: 100%;
}

.reg--login .mdl-textfield {
	width: 100%;
	max-width: none;
}
.reg--login .mdl-textfield__label {
	margin-bottom: 0;
	font-weight: 400;
}
.reg--login .mdl-textfield__label:after {
	background-color: #ff5252;
}
.reg--login .mdl-textfield--floating-label.is-focused .mdl-textfield__label {
	color: #737373;
}
.reg--login .mdl-checkbox {
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
}
.reg--login .mdl-checkbox.is-checked .mdl-checkbox__box-outline {
	border-color: #ff5252;
}
.reg--login .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
	background-color: #ff5252;
}
.reg--login .submit-btn {
	margin-top: 20px;
}
.reg--login .submit-btn.mdl-button {
	background-color: #EFC131;
}
.reg--login .helper-link {
	float: right;
	margin-top: 20px;
}
.reg--login .helper-link:hover {
	color: #ff5252;
}

/*------------------------------------*\
    16. CONTACT US AREA
\*------------------------------------*/
#contact {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 0 0 100px;
}
#contact:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(34, 34, 34, 0.8);
}

#contact .section-title {
	color: #fff;
}

/* 16-1 CONTACT FORM */
.contact-form-status .alert {
	border: none;
	border-radius: 0;
	color: #fff;
	background-color: #ff9800;
}

.contact-form .mdl-textfield {
	width: 100%;
}
.contact-form .mdl-textfield textarea {
	resize: none;
}
.contact-form input,
.contact-form textarea {
	border-color: #fff;
	color: #fff;
	outline: 0;
}
.contact-form button[type="submit"] {
	padding: 4px 40px;
	margin-top: 20px;
	height: auto;
}
.contact-form label {
	margin-bottom: 0;
	color: #fff;
	font-weight: 100;
}
.contact-form label:after {
	background-color: #ff5252;
}
.contact-form input.valid + label:after,
.contact-form textarea.valid + label:after {
	background-color: #41c35b;
	visibility: visible;
	width: 100%;
	left: 0;
}
.contact-form input.error + label:after,
.contact-form textarea.error + label:after {
	background-color: #ff5252;
	visibility: visible;
	width: 100%;
	left: 0;
}

/* 16-2 CONTACT ADDRESS */
.contact-address {
	padding: 70px 0;
	background-color: #ff5252;
}

.contact-address i.fa {
	position: relative;
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin: 0 auto 20px;
	color: #ff5252;
	background-color: #fff;
	font-size: 26px;
	-webkit-transition: 0.25s;
	transition: 0.25s;
}
.contact-address i.fa:hover {
	box-shadow: 0 2px 4.7px 0.3px rgba(0, 0, 0, 0.24);
}
.contact-address i.fa:before {
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.contact-address address {
	margin-bottom: 0;
}
.contact-address p {
	margin-bottom: 0;
	color: #fff;
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	text-transform: uppercase;
}
/*------------------------------------*\
    17. MAP AREA
\*------------------------------------*/
.map-wrapper {
	position: relative;
	overflow: hidden;
	z-index: 0;
}
.map-toggle-btn {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	padding: 20px 0;
	background-color: rgba(76, 175, 80, 0.8);
	text-align: center;
	z-index: 1;
	cursor: pointer;
}
.map-toggle-btn .opened-text,
.map-toggle-btn .closed-text {
	color: #fff;
	font-size: 16px;
}
.map-toggle-btn .opened-text,
.map-toggle-btn.opened .closed-text {
	display: block;
}
.map-toggle-btn.opened .opened-text,
.map-toggle-btn .closed-text {
	display: none;
}
#map {
	height: 400px;
	width: 100%;
	margin-top: -170px;
	margin-bottom: -170px;
	-webkit-transition: margin 0.6s ease-in-out;
	transition: margin 0.6s ease-in-out;
}
.map-toggle-btn.opened + #map {
	margin: 0;
}
/*------------------------------------*\
    18. FOOTER WIDGETS AREA
\*------------------------------------*/
#footer {
	background-color: #1D1D1B;
	color: #fff;
	padding: 20px 0 0;
}

#footer p {
	margin-top: 50px;
	color: #EFC131;
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	text-transform: uppercase;
}

.footer-title {
	font-size: 18px;
	font-weight: 500;
	text-transform: uppercase;
	position: relative;
}
.footer-title:before {
	content: " ";
	background: #ff5252;
	height: 2px;
	width: 43px;
	position: absolute;
	bottom: 4px;
}

/* 18-1 TAGS WIDGET */
.tags-widget ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.tags-widget ul li {
	display: inline-block;
	margin-bottom: 5px;
	margin-right: 5px;
}
.tags-widget ul li a {
	background-color: #ff5252 !important;
}

/* 18-2 ABOUT WIDGET */
.footer-about {
	margin-bottom: 20px;
}
.footer-about p {
	color: #acacac;
}

/* 18-3 TWITTER WIDGET */
#footerTwitter {
	max-height: 185px;
	background-color: #fff;
	overflow: auto;
}

/* LINKS WIDGET */
.links-widget ul {
	margin: -6px 0 0;
	padding: 0;
	list-style: none;
}
.links-widget ul li a {
	display: block;
	margin-bottom: 10px;
	color: #fff;
	border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
	font-weight: 400;
	text-transform: uppercase;
	-webkit-transition: color 0.25s, border-color 0.25s;
	transition: color 0.25s, border-color 0.25s;
}

/*------------------------------------*\
    19. COPYRIGHT AREA
\*------------------------------------*/
#copyright {
	padding: 20px 0;
	color: #fff;
	background-color: #1b1b1b;
}
#copyright p {
	margin-bottom: 0;
	text-transform: capitalize;
	color: #fff;
}
#copyright p a {
	color: #ff5252;
	font-weight: 500;
}

/*------------------------------------*\
    20. GENERAL PAGE STYLES
\*------------------------------------*/
/* 20-1 PAGE HEADER AREA */
#pageHeader {
	height: 350px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	z-index: 0;
}
#pageHeader:before {
	content: " ";
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: rgba(48, 48, 48, 0.8);
	z-index: -1;
}

.page-title h2 {
	color: #fff;
	font-size: 34px;
	font-weight: 500;
	margin-bottom: 30px;
	margin-top: 100px;
	text-align: center;
	text-transform: uppercase;
	position: relative;
}
.page-title h2:before {
	content: " ";
	background-color: #ff5252;
	position: absolute;
	height: 2px;
	width: 80px;
	left: 50%;
	bottom: -15px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

/* 20-2 PAGE PADDING */
.page {
	padding: 100px 0 !important;
}
/*------------------------------------*\
    21. ABOUT PAGE
\*------------------------------------*/
#about.page {
	padding: 0 !important;
	border-bottom: none;
}
.about-page-description {
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #fff;
	border-bottom: 1px solid #e9e9e9;
}
.about-page-team {
	position: relative;
	padding-bottom: 70px;
}
.about-page-team:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("img/background-images/about-bg.jpg");
	z-index: -2;
}

.about-page-description .about-img {
	margin-bottom: 30px;
}

.about-page-description p.embed-responsive {
	margin-bottom: 10px;
}

/*------------------------------------*\
    22. TESTIMONIAL PAGE
\*------------------------------------*/
#feedback.page {
	background-color: #fff;
}
#feedback.page:before {
	display: none;
}
#feedback.page .feedback-wrapper .container {
	padding: 0;
}

#feedback.page .feedback-items {
	margin-bottom: 0;
}

/*------------------------------------*\
    23. BLOG PAGE
\*------------------------------------*/
.blog-page-content .post-item {
	margin-bottom: 30px;
}

.blog-page-post-video {
	width: 100%;
}
.blog-page-post-video.local {
	background-color: #080708;
}

.blog-page-post-video video {
	margin-top: -1px;
}

.blog-page-post-audio {
	width: 100%;
	padding: 20px 20px;
}
.blog-page-post-audio audio {
	width: 100%;
}

.blog-page-sidebar .mdl-card {
	width: auto;
	min-height: 0;
	background-color: transparent;
}
.blog-page-sidebar > .mdl-card > .mdl-card__supporting-text {
	width: 100%;
	padding: 0;
}

.widget {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #e9e9e9;
}
.widget:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

.widget-title {
	position: relative;
	color: #303030;
	margin: 0 0 40px;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
	text-transform: capitalize;
}
.widget-title:before {
	content: " ";
	background-color: #ff5252;
	width: 50px;
	height: 2px;
	position: absolute;
	bottom: -10px;
}

.popular-post-item .preview-img {
	height: 70px;
	width: 70px;
	padding: 4px;
	background-color: #e9e9e9;
	float: left;
	margin-right: 10px;
}
.popular-post-item h5 {
	margin: 0 0 2px;
	color: #303030;
	font-size: 18px;
	line-height: 22px;
}
.popular-post-item h5 a {
	-webkit-transition: color 0.25s;
	transition: color 0.25s;
}
.popular-post-item p.metadata {
	font-style: italic;
	margin-top: 0px;
}
.popular-post-item p {
	margin-bottom: 0;
}
.popular-post-item {
	margin-bottom: 20px;
}
.popular-post-item:last-child {
	margin-bottom: 0;
}

.categories-widget {
	margin-left: -1px;
	margin-right: -1px;
}
.categories-widget .nav-tabs > li > a {
	position: relative;
	border: none;
	background-color: #e9e9e9;
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-radius: 4px;
	-webkit-transition: 0.25s;
	transition: 0.25s;
}
.categories-widget .nav-tabs > li > a:before {
	content: " ";
	position: absolute;
	left: 50%;
	bottom: -40px;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #e9e9e9 transparent;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-webkit-transition: 0.25s;
	transition: 0.25s;
}
.categories-widget .nav-tabs > li.active > a:before {
	bottom: -20px;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}
.categories-widget .nav-tabs.nav-justified > li:hover > a,
.categories-widget .nav-tabs.nav-justified > li:focus > a,
.categories-widget .nav-tabs.nav-justified > .active > a {
	background-color: #ff5252;
	color: #fff;
	border: none;
}

.categories-widget .tab-pane {
	background-color: #e9e9e9;
	padding: 15px 15px 12px;
}

#archivesTab,
#categoriesTab {
	padding: 0;
}
#archivesTab ul,
#categoriesTab ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#archivesTab ul li,
#categoriesTab ul li {
	color: #737373;
	font-weight: 300;
}
#archivesTab ul li a,
#categoriesTab ul li a {
	display: block;
	padding: 8px 0 8px 15px;
	-webkit-transition-property: background-color, color;
	transition-property: background-color, color;
	-webkit-transition-duration: 0.25s;
	transition-duration: 0.25s;
}
#archivesTab ul li a:hover,
#archivesTab ul li a:focus,
#archivesTab ul li.active a,
#categoriesTab ul li a:hover,
#categoriesTab ul li a:focus,
#categoriesTab ul li.active a {
	color: #303030;
	background-color: #f9f9f9;
}
#archivesTab ul li a .badge,
#categoriesTab ul li a .badge {
	background-color: transparent;
	color: #737373;
	font-weight: 300;
}

#sidebarTwitter {
	max-height: 270px;
	border: 1px solid #e9e9e9;
	overflow: auto;
}

/*------------------------------------*\
    24. BLOG DETAILS PAGE
\*------------------------------------*/
#blog.blog-details-page {
	padding: 100px 0;
}

/* 24-1 POST CONTENT */
.blog-page-content.post-details .post-img {
	margin-bottom: 30px;
}
.blog-page-content.post-details blockquote {
	border-color: #ff5252;
}
.blog-page-content.post-details blockquote:before,
.blog-page-content.post-details blockquote:after {
	display: none;
}
.blog-page-content.post-details blockquote p {
	color: #ff5252;
}

.blog-page-content.post-details ul li {
	font-weight: 300;
	color: #737373;
}

.blog-page-content.post-details .post-author.mdl-card {
	width: auto;
	min-height: auto;
	margin-bottom: 20px;
}
.blog-page-content.post-details .post-author .mdl-card__supporting-text {
	padding: 0;
}
.blog-page-content.post-details a.post-author-name {
	margin-left: 10px;
}
.blog-page-content.post-details .post-author .social-share {
	list-style: none;
	margin: 20px 0 15px 30px;
	padding: 0;
	overflow: hidden;
}
.blog-page-content.post-details .post-author .social-share li {
	display: inline-block;
}
.blog-page-content.post-details .post-author .social-share li a {
	border-radius: 50%;
	min-width: 35px;
	height: 35px;
	padding: 0;
	color: #737373;
}
.blog-page-content.post-details .post-author .social-share li a:hover {
	color: #ff5252;
}
.blog-page-content.post-details
	.post-author
	.social-share
	li
	a
	.mdl-button__ripple-container {
	border-radius: 50%;
}

.blog-page-content.post-details .tags-title {
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
}

.post-tags,
.post-navigation {
	display: table-cell;
	vertical-align: middle;
	float: none;
}
.post-navigation a.mdl-button {
	background-color: #303030 !important;
	margin-left: 5px;
}

/* 24-2 POST COMMENTS */
.post-comments {
	margin-top: 30px;
}
.post-comments-title {
	margin: 0;
	color: #737373;
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;
}
.post-comments ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.post-comments ul li {
	margin: 30px 0;
	padding-right: 86px;
}
.post-comments ul li .author-img {
	float: left;
	border: 8px solid #fff;
	position: relative;
}
.post-comments ul li .author-img:before {
	position: absolute;
	top: -8px;
	right: -15px;
	bottom: -8px;
	width: 10px;
	background-color: #fff;
	content: " ";
	z-index: 2;
}
.post-comments ul li:nth-child(even) {
	padding-right: 0;
	padding-left: 86px;
}
.post-comments ul li:nth-child(even) .author-img {
	float: right;
}
.post-comments ul li:nth-child(even) .author-img:before {
	left: -15px;
}
.comment-thumb a {
	overflow: hidden;
	color: #ff5252;
}
.comment-meta {
	margin-bottom: 15px;
	font-weight: 300;
	color: #737373;
}
.single-comment {
	border-bottom: 1px solid #e9e9e9;
	padding: 0;
	border: none;
	width: auto;
	min-height: 0;
}
.single-comment .mdl-card__supporting-text {
	padding: 15px;
}
.single-comment .mdl-card__supporting-text p {
	margin-bottom: 0;
}

/* 24-3 POST COMMENT FORM */
.post-comment-form {
	width: auto;
	min-height: 0;
}
.post-comment-form .mdl-card__title {
	padding-bottom: 0;
	padding-left: 30px;
}
.post-comment-form .post-comments-title {
	padding: 15px;
}
.post-comment-form-group.mdl-card__supporting-text {
	padding-top: 0;
	width: 100%;
}
.post-comment-form-group .form-control {
	border-radius: 0;
	margin-top: 20px;
	box-shadow: none;
	resize: none;
}
.post-comment-form-group .form-control.error {
	border-color: #ff5252;
}

#postCommentForm label {
	margin-bottom: 0;
	font-weight: 100;
	color: #737373;
}
#postCommentForm label:after {
	background-color: #ff5252;
}
#postCommentForm .valid + label:after,
#postCommentForm .valid + label:after {
	background-color: rgb(96, 125, 139);
	left: 45%;
	width: 10px;
	visibility: hidden;
}
#postCommentForm .error + label:after {
	background-color: #ff5252;
	left: 0;
	width: 100%;
	visibility: visible;
}
#postCommentForm .mdl-textfield {
	width: 100%;
}
#postCommentForm .mdl-textfield textarea {
	resize: none;
}
#postCommentForm .mdl-textfield.is-invalid .mdl-textfield__input {
	border-bottom-color: rgba(0, 0, 0, 0.12);
}

/* 24-4 FLICKER WIDGET */
.flickrs {
	margin-right: -10px;
}
.flickrs ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.flickrs img {
	float: left;
	width: 68px;
	height: 68px;
	margin: 0 5px 5px 0;
	border: 3px solid #fff;
}
/*------------------------------------*\
    25. CONTACT PAGE
\*------------------------------------*/
#contact.page:before {
	display: none;
}

#contact.page .section-title {
	color: #737373;
}

#contact.page .mdl-textfield__input,
#contact.page .contact-form label,
#contact.page .contact-address p {
	color: #737373;
}

#contact.page .mdl-textfield__input {
	border-color: #737373;
}
/*------------------------------------*\
    26. 404 PAGE
\*------------------------------------*/
#f0f {
	height: 100%;
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 0;
}
#f0f:before {
	content: " ";
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: rgba(48, 48, 48, 0.8);
	z-index: -1;
}

#f0f .container {
	height: 100%;
}

.f0f-content h1,
.f0f-content p {
	color: #fff;
}
.f0f-content h1 {
	font-size: 120px;
	line-height: 124px;
	font-weight: 500;
}
.f0f-content p {
	font-size: 20px;
}
#f0f a.read-more {
	margin-top: 30px;
}

/*------------------------------------*\
    27. HELPER CLASSES
\*------------------------------------*/
/* 27-1 RESET GUTTER */
.no-gutter {
	margin-left: 0;
	margin-right: 0;
}
.no-gutter > [class*="col-"] {
	padding-left: 0;
	padding-right: 0;
}

/* 27-2 BACKGROUND IMAGE */
.bg-img {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.bg-img:before {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(34, 34, 34, 0.8);
}

/* 27-3 BORDER NONE */
.bd-none {
	border: none !important;
}

.vineta{
  position:fixed;
  right:90px; 
  bottom:10%;
  /*max-width: 600px;
  height: 100vh;
  max-height: 600px;*/
  /*Opcionalmente con box-shadow, creamos varias sombras, para simular un marco
  box-shadow: 
    0 0 0 1px black,
    0 0 0 1px white,
    0 0 0 1px black;*/
}

.globo{
  position: absolute;
  width:150px;
  /*width: 200px;
  height: 150px;*/
  bottom: 10%;
  right: 10%;
  border-radius: 2em;
  z-index: 1; 
  background-color: white;
  filter: drop-shadow(0px 0px 1px black) ;
}