a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%
}
:focus {
	outline:0
}
input[type=password], input[type=submit], input[type=text], select, textarea {
	appearance-moz:none;
	appearance-webkit:none
}
.clearfix:after {
	content:"";
	display:block;
	clear:both;
	visibility:hidden;
	font-size:0;
	height:0
}
.clearfix {
*display:inline-block;
	height:1%
}
.clear {
	clear:both;
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	width:100%
}
article, aside, details, dialog, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block
}
audio, canvas, video {
	display:inline-block;
*display:inline;
*zoom:1
}
audio:not([controls]) {
display:none
}
[hidden] {
display:none;
visibility:hidden
}
html {
	height:100%;
	font-size:100%;
	text-size-adjust-webkit:100%;
	text-size-adjust-ms:100%;
	position:relative
}
body {
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	font-size:16px;
	line-height:18px;
	color:#262626;
	text-align:left;
	position:relative;
	background:#FFFFFF;
	height:100%
}
::selection {
background:#FFFFFF;
color:#262626
}
::-moz-selection {
background:#FFFFFF;
color:#262626
}
::-webkit-selection {
background:#FFFFFF;
color:#262626
}
h1, h2, h3, h4, h5, h6 {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-weight:400;
	color:#262626;
}
.text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6 {
	color:#fff
}
h1 {
	font-size:100px;
	line-height:130px;
}
h2 {
	font-size:40px;
	line-height:60px;
}
h3 {
	font-size:32px;
	line-height:48px;
}
h4 {
	font-size:22px;
	line-height:34px;
}
h5 {
	font-size:16px;
	line-height:24px;
}
h6 {
	font-size:15px;
	line-height:20px;
}
h1 b, h1 strong, h2 b, h2 strong, h3 b, h3 strong, h4 b, h4 strong, h5 b, h5 strong, h6 b, h6 strong {
	font-weight:600;
}
div h1, div h2, div h3, div h4, div h5, div h6 {
	margin-top:20px
}
div h1:first-child, div h2:first-child, div h3:first-child, div h4:first-child, div h5:first-child, div h6:first-child {
	margin-top:0
}
.subtitle {
	margin-top:5px;
	font-weight:300;
	color:#262626;
	letter-spacing:.04em
}
.vermas {
	font-family:'Yanone Kaffeesatz', sans-serif; 
	font-weight:400;
	font-size:22px;
}
.slidetext {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight:700;
	letter-spacing: 4px;
}
.text-light .subtitle {
	opacity:.9;
	filter:alpha(opacity=90);
	-ms-filter:"alpha(Opacity=90)"
}
.section-title {
	text-align:center;
	margin-top:-10px;
	margin-bottom:40px
}
.section-title h2 {
	text-transform:uppercase;
	letter-spacing:-.05em;
	font-weight:900
}
.widget-title {
	text-transform:uppercase
}
input[type=email], input[type=password], input[type=text], textarea {
	font-family:'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:200;
	font-size:16px;
	background:#FFFBE6;
	border:1px solid #d9d9d9;
	line-height:12px;
	height:14px;
	color:#4C3900;
	padding:5px 4px;
	border-radius:3px;
	border-radius-moz:3px;
	border-radius-khtml:3px;
	border-radius-webkit:3px;
	transition:all 200ms linear
}
input[type=email]:focus, input[type=password]:focus, input[type=text]:focus, textarea:focus {
	border-color:#262626
}
input.false[type=email], input.false[type=password]:focus, input.false[type=text], textarea.false {
	border-color:#fa4d5a
}
input[type=email], input[type=password], input[type=text] {
	width:340px;
	max-width:97%
}
textarea {
	width:1100px;
	height:100px;
	max-width:97%;
	line-height:20px;
	padding-top: 11px;
	padding-right: 4px;
	padding-bottom: 8px;
	padding-left: 4px;
}
.one-half input[type=email], .one-half input[type=password], .one-half input[type=text], .one-half textarea {
	width:520px
}
input[type=submit] {
	font-family:'Raleway', sans-serif;
	font-weight:600;
	font-size:16px;
	line-height:22px;
	letter-spacing:.15em;
	text-transform:uppercase;
	text-align:center;
	display:block;
	border:0;
	color:#FFFBE6;
	cursor:pointer;
	padding:15px 40px;
	border-radius:3px;
	border-radius-moz:3px;
	border-radius-khtml:3px;
	border-radius-webkit:3px;
	transition-webkit:all 200ms linear;
	transition-moz:all 200ms linear;
	transition-o:all 200ms linear;
	transition-ms:all 200ms linear;
	transition:all 200ms linear;
	background-color: #4C3900;
}
input[type=submit]:hover {
	background-color:#9F0B0F;
	transform:scale(1.07);
	transform-ms:scale(1.07);
	transform-webkit:scale(1.07)
}
select {
	border:3px solid #ebebeb;
	height:44px;
	width:auto;
	padding:8px;
	color:gray;
	border-radius:0;
	border-radius-moz:0;
	border-radius-khtml:0;
	border-radius-webkit:0
}
select:hover {
	border-color:#262626
}
select option {
	cursor:pointer;
	padding:5px 7px
}
label {
	line-height:20px;
	width:100%;
	display:block;
	color:#262626
}
form {
	margin-top:20px
}
form .form-row {
	margin-top:15px;
	position:relative
}
form .form-submit {
	margin-top:30px
}
form .form-value {
	max-width:100%;
	position:relative;
	display:inline-block
}
div form:first-child, form .form-row:first-child {
	margin-top:0
}
#form-note {
	display:none;
	margin-top:20px
}
a {
	text-decoration:none;
	color:#960;
	cursor:pointer;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0)
}
.link2{
	text-decoration:none;
	color:#EFC676;
	cursor:pointer;
}


a:hover {
	color:#9F0B0F;
}
.text-light a:hover {
	color:#fff
}
img, object, video {
	max-width:100%;
	height:auto;
	display:inline-block;
	margin:0;
	vertical-align:top
}
img {
	width:auto;
	max-width:100%;
	border:0;
	-ms-interpolation-mode:bicubic
}
p img {
	margin-top:20px
}
p img:first-child {
	margin-top:0
}
img.alignleft {
	margin:3px 20px 20px 0;
	float:left
}
img.alignright {
	margin:3px 0 20px 20px;
	float:right
}
.embeddedvideo {
	position:relative;
	padding-bottom:55%;
	padding-top:14px;
	height:0;
	overflow:hidden
}
.embeddedvideo iframe {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
ul {
	margin-top:20px;
	margin-left:15px;
	list-style:disc
}
div ul:first-child, li ul:first-child {
	margin-top:0
}
ol {
	margin-top:20px;
	margin-left:30px;
	list-style:decimal
}
div ol:first-child, li ol:first-child {
	margin-top:0
}
ol li, ul li {
	line-height:20px;
	margin-top:10px
}
ol li:first-child, ul li:first-child {
	margin-top:0
}
ul.list-nostyle {
	list-style:none!important;
	margin-left:0!important
}
ul.list-nostyle li>.fa {
	margin-right:10px
}
p {
	margin-top:20px
}
div p:first-child {
	margin-top:0
}
b, dt, strong {
	font-weight:600
}
dfn, em, i {
	font-style:italic
}
b em, b i, dt em, dt i, strong em, strong i {
	font-style:italic;
	font-weight:700
}
blockquote {
	margin-top:20px;
	font-size:16px;
	line-height:24px;
	font-family:Raleway;
	font-weight:300;
	padding-left:20px;
	margin-left:20px;
	color:#262626;
	border-left:2px solid #d9d9d9
}
div blockquote:first-child {
	margin-top:0
}
blockquote p {
	margin:0
}
code, pre {
	padding:3px 0 3px 20px;
	margin-left:20px;
	margin-top:20px;
	font-size:16px;
	line-height:16px;
	display:block;
	border-left:2px solid #d9d9d9;
	color:#262626
}
div code:first-child, div pre:first-child {
	margin-top:0
}
#page-content {
	overflow:hidden;
	margin:0;
	min-width:1100px;
	position:relative;
}
#hostel {
	background-color:#FFF;
	
}
#historia {
	background-color:#e9e3db;
}
#galeria {
	background-color:#FFF;
}
#servicios {
	background-color:#FFF;
}
#tarifas {
	background-color:#FFF;
}
#ubicacion {
	background-color:#FFF;
}






.wrapper {
	width:1100px;
	margin:0 auto
}
.main-content {
	width:740px
}
aside {
	width:300px
}
.left-float {
	float:left
}
.right-float {
	float:right
}
.align-center {
	text-align:center
}
.text-light {
	color:#fff
}
header {
	background:#FFF;
	box-shadow:rgba(0, 0, 0, .2) 0 0 3px;
box-shadow-moz:rgba(0, 0, 0, .2) 0 0 3px;
	box-shadow-webkit:rgba(0, 0, 0, .2) 0 0 3px;
	width:100%;
	z-index:10000;
	position:relative
}
#logo {
	padding:20px 0;
	max-width:100%;
	max-height:100%;
	height:80px;
	transition:all 200ms linear;
	-webkit-transition:all 200ms linear;
	-moz-transition:all 200ms linear;
	-o-transition:all 200ms linear;
	-ms-transition:all 200ms linear
}
#logo img {
	max-height:100%
}





.fixed-header header {
	position:fixed;
	left:0;
	top:0
}
.smallheader #logo {
	height:80px;
	padding:10px 0
}
.smallheader nav#main-nav>ul>li>a:first-child {
	line-height:80px;
	padding:10px 0
}
.smallheader nav#menu-controls>ul>li {
	height:80px;
	padding:10px 0
}
.smallheader nav#main-nav>ul>li>.sub-menu {
	top:60px
}
header.header-overlay {
	background:0 0;
	box-shadow:none;
	box-shadow-moz:none;
	box-shadow-webkit:none;
	position:absolute!important;
	left:0;
	top:0
}
header.header-overlay #defaut-logo {
	display:none
}





#page-loader {
	position:fixed;
	width:100%;
	height:100%;
	z-index:100001;
	background-color:#6C6668;
	background: url(../uploads/slider-bg1.jpg) no-repeat center center fixed; 
  background-size-webkit: cover;
  background-size-moz: cover;
  background-size-o: cover;
  background-size: cover;
	
}
.page-loader-inner {
	width:300px;
	height:120px;
	position:absolute;
	top:50%;
	margin-top:-50px;
	left:50%;
	margin-left:-150px;
	text-align:center
}
.page-loader-inner .loader-logo img {
	max-height:150px;
	max-width:300px
}
.page-loader-inner .loader-icon {
	position:absolute;
	top:100px;
	left:50%;
	margin-left:-10px
}




footer {
	background:#4C3900;
	padding:60px 0
}
.footer-logo img {
	height:60px
}
footer .copyright {
	font-size:13px;
	color:#ccc
}
.menu {
	position:relative
}




nav#main-nav {
	z-index:50
}
nav#main-nav ul {
	position:relative;
	z-index:49;
	margin:0;
	padding:0;
	list-style:none
}
nav#main-nav ul li {
	position:relative;
	z-index:45;
	float:left;
	margin:0 0 0 24px;
	padding:0;
	min-width:10px
}
nav#main-nav>ul>li>a {
	display:block;
	font-family:'Yanone Kaffeesatz', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:60px;
	color:#4C3900;
	text-decoration:none;
	text-transform:uppercase;
	position:relative;
	z-index:45;
	padding:20px 0;
	width:auto;
	transition:all 200ms linear
}
.header-overlay nav#main-nav>ul>li>a {
	color:#FFF;
	font-weight:400;
	opacity:.7;
	filter:alpha(opacity=7);
	filter-ms:"alpha(Opacity=70)"
}
nav#main-nav>ul>li:hover>a {
	z-index:48;
	color:#9F0B0F;
}
nav#main-nav>ul>li.current-menu-ancestor>a, nav#main-nav>ul>li.current-menu-item>a {
	color:#9F0B0F;
}
.header-overlay nav#main-nav>ul>li.current-menu-ancestor>a, .header-overlay nav#main-nav>ul>li.current-menu-item>a, .header-overlay nav#main-nav>ul>li:hover>a {
	color:#FFFFFF;
	opacity:1;
	filter:alpha(opacity=100);
	filter-ms:"alpha(Opacity=100)"
}



nav#main-nav ul li .sub-menu {
	position:relative;
	position:absolute;
	top:100px;
	left:0;
	background:#262626;
	width:200px;
	padding:5px 0;
	display:none;
	z-index:47
}
nav#main-nav ul .sub-menu li {
	float:none;
	margin:0
}
nav#main-nav ul .sub-menu li a {
	font-family:'Yanone Kaffeesatz', sans-serif;
	font-weight:400;
	color:#999;
	font-size:18px;
	line-height:20px;
	padding:7px 20px;
	display:block
}
nav#main-nav ul .sub-menu>li.current-menu-item>a, nav#main-nav ul .sub-menu>li:hover>a {
	color:#fff
}
nav#main-nav ul li ul li .sub-menu {
	position:absolute;
	top:0;
	left:200px
}
nav#menu-controls {
	display:none
}
nav#menu-controls ul {
	position:relative;
	z-index:49;
	margin:0;
	padding:0;
	list-style:none
}
nav#menu-controls ul li {
	float:left;
	margin:0 0 0 15px;
	padding:20px 0;
	height:60px;
	text-align:center;
	position:relative;
	width:12px;
	transition:all 200ms linear
}
nav#menu-controls>ul>li a {
	display:inline-block;
	color:#262626;
	padding:2px;
	border:1px solid transparent;
	border-radius:10px;
	border-radius-moz:10px;
	border-radius-khtml:10px;
	border-radius-webkit:10px;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-6px
}
nav#menu-controls>ul>li.current-menu-item>a {
	border-color:#4da5f5
}
nav#menu-controls>ul>li.current-menu-item>a span.c-dot {
	opacity:0;
	filter:alpha(opacity=0);
	filter-ms:"alpha(Opacity=0)"
}
nav#menu-controls>ul>li a span.c-dot {
	display:block;
	height:6px;
	width:6px;
	background:#262626;
	border-radius:50%;
	border-radius-moz:50%;
	border-radius-khtml:50%;
	border-radius-webkit:50%
}
nav#menu-controls>ul>li a:hover span.c-dot {
	background:#4da5f5
}
nav#menu-controls>ul>li a span.c-name {
	position:absolute;
	font-family:'Yanone Kaffeesatz', sans-serif;
	font-weight:400;
	font-size:18px;
	text-transform:uppercase;
	width:100px;
	left:-44px;
	bottom:12px;
	opacity:0;
	filter:alpha(opacity=0);
	filter-ms:"alpha(Opacity=0)";
transition-webkit:opacity .2s ease-in-out;
transition-moz:opacity .2s ease-in-out;
transition-o:opacity .2s ease-in-out;
transition-ms:opacity .2s ease-in-out;
transition:opacity .2s ease-in-out
}
nav#menu-controls>ul>li a:hover span.c-name {
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter:"alpha(Opacity=100)"
}
.open-responsive-nav {
	padding:10px 0;
	text-indent:-9999px;
	display:block;
	display:none
}
.open-responsive-nav span {
	display:block;
	width:40px;
	height:40px;
	background:url(../images/sprites.png) -340px 0 no-repeat
}
.header-overlay .open-responsive-nav span {
	background-position:-370px 0
}



#menu-responsive {
	position:absolute;
	background:#4C3900;
	padding:0;
	top:100px;
	right:-270px;
	width:260px;
	height:100%;
	z-index:10000;
}
nav#responsive-nav ul {
	margin:0;
	padding:0;
	list-style:none
}
nav#responsive-nav>ul {
	border-bottom:1px solid #664C00;
}
nav#responsive-nav ul li {
	margin:0;
	padding:0;
	border-top:1px solid #664C00;
	position:relative
}
nav#responsive-nav>ul>li:first-child {
	border-top:0
}
nav#responsive-nav>ul li>a {
	display:block;
	color:#ccc;
	font-family:'Yanone Kaffeesatz', sans-serif;
	font-weight:400;
	font-size:18px;
	text-transform:uppercase;
	line-height:24px;
	padding:8px 20px;
	transition:all 200ms linear
}
nav#responsive-nav>ul>li.current-menu-item>a, nav#responsive-nav>ul>li:hover>a {
	color:#fff
}
nav#responsive-nav .sub-menu li a {
	display:block;
	font-weight:400;
	text-transform:inherit;
	color:#ccc;
	line-height:20px;
	padding:10px 20px 10px 40px;
	font-size:16px
}
.home-slider-container {
	width:100%;
	position:relative;
	padding:0
}
.home-slider-container ul {
	margin-top:0;
	margin-left:0;
	list-style:none
}
.home-slider-container ul li {
	line-height:0;
	margin-top:0
}
.section-inner {
	padding-top:100px
}
.no-padding .section-inner {
	padding-top:0
}
.horizontalsection .horizontalinner {
	padding-top: 75px;
	padding-right: 0;
	padding-bottom: 75px;
	padding-left: 0;
}
.portfolio-entries {
	width:110%
}
.portfolio-entries .masonry-item {
	width:24.98%;
	margin-right:0;
	margin-bottom:0;
	float:left
}
.portfolio-spaced .masonry-item {
	margin-right:10px;
	margin-bottom:10px
}
.portfolio-entries .portfolio-intro {
	padding:20px 0;
	text-align:center
}
.portfolio-name {
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
}
.portfolio-name a {
	color:#4C3900;
}
.portfolio-name a:hover {
	color:#9F0B0F;
}
#portfolio-single {
	background:#FFFBE6;
	padding-top:100px
}
#portfolio-single .project-title {
	position:relative;
	margin:0
}
#portfolio-single .project-title .project-name {
	display:inline-block;
	max-width:80%
}
#portfolio-single .social-share {
	margin-top:20px
}
#portfolio-single .portfolio-content, #portfolio-single .portfolio-media {
	margin-top:20px;
	position:relative
}
.single-pagination {
	margin:0;
	padding:0;
	list-style:none
}
.single-pagination li {
	padding:0;
	margin:0;
	position:absolute;
	top:50%;
	margin-top:-15px!important
}
.single-pagination li a {
	background:url(../images/sprites.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	text-indent:-9999px;
transition-webkit:opacity .1s ease-in-out;
transition-moz:opacity .1s ease-in-out;
transition-o:opacity .1s ease-in-out;
transition-ms:opacity .1s ease-in-out;
transition:opacity .1s ease-in-out;
	opacity:.3;
	filter:alpha(opacity=30);
	filter-ms:"alpha(Opacity=30)"
}
.single-pagination li a:hover {
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter:"alpha(Opacity=100)"
}
.single-pagination li.next {
	right:0
}
.single-pagination li.prev {
	left:0
}
.single-pagination li.next a {
	background-position:-220px 0
}
.single-pagination li.prev a {
	background-position:-250px 0
}
.ajax-section {
	padding-bottom:100px;
	position:relative;
	display:none
}
.ajax-content {
	display:none
}
#ajax-loader {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:0;
	display:none
}
#ajax-loader .loader-icon {
	position:absolute;
	top:40px;
	left:50%;
	margin-left:-10px
}
.close-project {
	text-align:center;
	position:absolute;
	width:100%;
	bottom:130px;
	left:0;
	display:none
}
.close-project a {
	display:inline-block;
	width:30px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/sprites.png) -310px 0 no-repeat;
-webkit-transition:opacity .1s ease-in-out;
-moz-transition:opacity .1s ease-in-out;
-o-transition:opacity .1s ease-in-out;
-ms-transition:opacity .1s ease-in-out;
transition:opacity .1s ease-in-out;
	opacity:.3;
	filter:alpha(opacity=30);
	-ms-filter:"alpha(Opacity=30)"
}
.close-project a:hover {
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter:"alpha(Opacity=100)"
}
.filter {
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
	margin-bottom:33px
}
.filter li {
	padding:0 13px 0 15px;
	margin:0;
	display:inline-block
}
.filter li a {
	line-height:20px;
	color:#4C3900;
	text-transform:uppercase;
	font-family:Raleway;
	font-weight:600;
	font-size:16px;
	letter-spacing:.1em;
	padding-bottom:2px;
	margin-bottom:7px;
	display:block;
	border-bottom:2px solid transparent
}
.filter li a.active, .filter li a:hover {
	border-color:#960;
	color:#960;
}
.blog-entry {
	border-top:1px solid #d9d9d9;
	padding-top:60px;
	margin-top:60px
}
div .blog-entry:first-child {
	border:0;
	padding:0;
	margin:0
}
.blog-date {
	width:70px;
	float:left;
	color:#262626;
	text-align:center
}
.blog-date .date-day {
	display:block;
	font-family:'Open Sans';
	font-weight:800;
	font-size:60px;
	line-height:50px;
	margin-bottom:10px
}
.blog-date .date-month {
	display:block;
	font-family:'Open Sans';
	font-weight:600;
	font-size:16px;
	line-height:14px;
	text-transform:uppercase;
	letter-spacing:.1em
}
.blog-content {
	width:630px;
	float:right
}
.blog-media {
	margin-bottom:40px
}
.blog-headline .post-name a {
	color:#262626
}
.blog-headline .post-name a:hover {
	color:#4da5f5
}
.blog-headline .post-meta {
	color:#999;
	margin-top:0;
	font-size:16px;
	text-transform:uppercase
}
.blog-headline .post-meta a {
	color:#999
}
.blog-headline .post-meta a:hover {
	color:#262626
}
.blog-intro {
	margin-top:20px
}
.readmore-button {
	line-height:20px;
	color:#262626;
	text-transform:uppercase;
	font-family:Raleway;
	font-weight:600;
	font-size:16px;
	letter-spacing:.1em;
	padding-bottom:2px;
	display:inline-block;
	border-bottom:2px solid #262626
}
.readmore-button:hover {
	border-color:#4da5f5
}
.blog-content .link-name, .blog-content .quote-author {
	color:#999;
	margin-top:10px;
	font-size:16px;
	text-transform:uppercase
}
#blog-comments {
	border-top:1px solid #d9d9d9;
	margin-top:60px;
	padding-top:60px
}
#blog-comments ul {
	background:0 0;
	list-style:none;
	margin:0;
	padding:0
}
#blog-comments .comment-list {
	margin-top:40px
}
#blog-comments .comment {
	background:0 0;
	padding:0;
	margin-top:30px;
	border-top:1px solid #d9d9d9;
	padding-top:30px;
	overflow:hidden
}
#blog-comments .comment-list>.comment:first-child {
	border-top:0;
	margin-top:0;
	padding-top:0
}
#blog-comments .comment .children {
	margin-left:70px
}
#blog-comments .user {
	float:left;
	width:50px
}
#blog-comments .comment-content {
	margin-left:70px;
	position:relative
}
#blog-comments .comment-date {
	color:#999;
	font-size:16px;
	font-family:Raleway;
	font-weight:300
}
#blog-leavecomment {
	margin-top:60px
}
#entries-pagination {
	margin:60px 0 0;
	padding:60px 0 0;
	list-style:none;
	border-top:1px solid #d9d9d9
}
#entries-pagination li {
	margin:0;
	padding:0
}
#entries-pagination li a {
	background:url(../images/sprites.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	text-indent:-9999px;
transition-webkit:opacity .1s ease-in-out;
transition-moz:opacity .1s ease-in-out;
transition-o:opacity .1s ease-in-out;
transition-ms:opacity .1s ease-in-out;
transition:opacity .1s ease-in-out;
	opacity:.3;
	filter:alpha(opacity=30);
	filter-ms:"alpha(Opacity=30)"
}
#entries-pagination li.next {
	float:right
}
#entries-pagination li.next a {
	background-position:-220px 0
}
#entries-pagination li.prev {
	float:left
}
#entries-pagination li.prev a {
	background-position:-250px 0
}
#entries-pagination li a:hover {
	opacity:1;
	filter:alpha(opacity=100);
	filter-ms:"alpha(Opacity=100)"
}
.column-section {
	margin-top:60px
}
div .column-section:first-child {
	margin-top:0
}
.column {
	float:left;
	margin-right:40px;
	min-height:1px
}
.one-full {
	width:100%;
	float:none;
	margin-right:0
}
.one-half {
	width:530px
}
.one-third {
	width:340px
}
.two-third {
	width:720px
}
.one-fourth {
	width:245px
}
.two-fourth {
	width:530px
}
.three-fourth {
	width:815px
}
.one-fifth {
	width:188px
}
.two-fifth {
	width:416px
}
.three-fifth {
	width:644px
}
.four-fifth {
	width:872px
}
.main-content .one-half {
	width:350px
}
.main-content .one-third {
	width:220px
}
.main-content .two-third {
	width:480px
}
.main-content .one-fourth {
	width:155px
}
.main-content .two-fourth {
	width:350px
}
.main-content .three-fourth {
	width:545px
}
.main-content .one-fifth {
	width:116px
}
.main-content .two-fifth {
	width:272px
}
.main-content .three-fifth {
	width:428px
}
.main-content .four-fifth {
	width:584px
}
aside .column {
	width:100%!important;
	float:none!important;
	margin-right:0!important
}
.last-col {
	margin-right:0!important
}
#map {
	width:100%;
	height:400px;
	overflow:hidden
}
#map img {
	max-width:inherit;
	height:auto
}
a.sr-button {
	display:inline-block;
	font-family:'Open Sans';
	font-weight:600;
	line-height:22px!important;
	letter-spacing:.15em;
	text-transform:uppercase;
	text-align:center;
	margin-bottom:5px;
	border-radius:3px;
	border-radius-moz:3px;
	border-radius-khtml:3px;
	border-radius-webkit:3px;
	transition-webkit:all 200ms linear;
	transition-moz:all 200ms linear;
	transition-o:all 200ms linear;
	transition-ms:all 200ms linear;
	transition:all 200ms linear
}
a.sr-button:hover {
	background-color:#FFFBE6;
	color:#1a1a1a;
	transform:scale(1.07);
	transform-ms:scale(1.07);
	transform-webkit:scale(1.07)
}
a.mini-button {
	font-size:13px;
	padding:5px 10px;
	border-radius:2px;
	border-radius-moz:2px;
	border-radius-khtml:2px;
	border-radius-webkit:2px
}
a.small-button {
	font-size:16px;
	padding:10px 20px
}
a.medium-button {
	font-size:16px;
	padding:12px 40px
}
a.big-button {
	font-size:15px;
	padding:20px 40px
}
a.sr-button1 {
	border:2px solid #999;
	color:#262626;
	background:0 0
}
a.sr-button1:hover {
	border-color:#262626;
	background-color:#262626;
	color:#fff
}
a.sr-button2 {
	border:2px solid #262626;
	color:#262626;
	background:0 0
}
a.sr-button2:hover {
	background-color:#1a1a1a;
	color:#fff
}
a.sr-button3 {
	border:2px solid #4da5f5;
	color:#4da5f5;
	background:0 0
}
a.sr-button3:hover {
	background:#4da5f5;
	color:#fff
}
a.sr-button4 {
	border:2px solid #FFFBE6;
	color:#FFFBE6;
	background:0 0
}
a.sr-button4:hover {
	background-color:#FFFBE6;
	color:#262626
}
a.sr-buttonicon {
	font-size:22px!important;
	border-radius:999px;
	border-radius-moz:999px;
	border-radius-webkit:999px;
	border-radius-o:999px;
	border:2px solid #262626;
	color:#262626;
	height:40px!important;
	line-height:40px!important;
	vertical-align:middle;
	width:40px;
	padding:10px
}
a.sr-buttonicon:hover {
	background:#262626;
	color:#FFFBE6;
	transform:scale(1.15);
	transform-ms:scale(1.15);
	transform-webkit:scale(1.15)
}
a.sr-buttonicon.small-iconbutton {
	width:34px;
	height:35px!important;
	line-height:34px!important;
	padding:0
}
.text-light a.sr-buttonicon {
	border-color:#FFFBE6;
	color:#fff
}
.text-light a.sr-buttonicon:hover {
	background:#FFFBE6;
	color:#262626
}
.seperator {
	width:100%;
	height:4px;
	line-height:0;
	padding:8px 0;
	text-align:center
}
.section-title .seperator {
	padding:16px 0
}
.seperator span {
	height:2px;
	background:#000;
	display:inline-block;
	width:100px;
	opacity:.15;
	filter:alpha(opacity=15);
	filter-ms:"alpha(Opacity=15)"
}
.text-light .seperator span {
	background:#FFFBE6;
	opacity:.2;
	filter:alpha(opacity=20);
	filter-ms:"alpha(Opacity=20)"
}
.seperator.size-full span {
	width:100%
}
.seperator.size-medium span {
	width:220px
}
.seperator.size-small span {
	width:100px
}
.seperator.size-mini span {
	width:40px
}
.seperator.height-small span {
	height:1px
}
.spacer {
	width:100%;
	display:block
}
.spacer.spacer-mini {
	height:15px
}
.spacer.spacer-small {
	height:40px
}
.spacer.spacer-medium {
	height:60px
}
.spacer.spacer-big {
	height:100px
}
.counter {
	margin-top:10px
}
div .counter:fist-child {
margin-top:0
}
.counter-value {
	font-family:'Open Sans';
	font-weight:800;
	font-size:48px;
	line-height:60px
}
.counter-name {
	font-size:16px;
	text-transform:uppercase;
	margin-top:15px;
	letter-spacing:.1em
}
.column .iconbox {
	margin-top:40px
}
.column .iconbox:first-child {
	margin-top:0
}
.iconbox .fa {
	color:#4da5f5
}
.iconbox-content {
	float:right;
	width:290px
}
.one-half .iconbox-content {
	width:480px
}
.one-third .iconbox-content {
	width:290px
}
.one-fourth .iconbox-content {
	width:195px
}
.team-name {
	text-transform:uppercase
}
.team-role {
	margin-top:0
}
.team-info {
	margin-top:5px
}
.testimonial-item {
	text-align:center
}
.slides .testimonial-item {
	padding-bottom:40px
}
.testimonial-name {
	font-size:16px;
	text-transform:uppercase;
	letter-spacing:.1em
}
.tabs {
	margin-top:20px
}
div .tabs:first-child {
	margin-top:0
}
.tabs ul.tab-nav {
	padding:0;
	margin:0!important;
	list-style:none!important;
	position:relative;
	z-index:1
}
.tabs ul.tab-nav li {
	background:0 0;
	padding:0!important;
	float:left;
	margin:0 30px 0 0!important
}
.tabs ul.tab-nav li a {
	color:#262626;
	text-transform:uppercase;
	font-family:Raleway;
	font-weight:600;
	font-size:16px;
	letter-spacing:.1em;
	line-height:20px;
	padding-bottom:2px;
	display:block;
	border-bottom:2px solid transparent
}
.text-light .tabs ul.tab-nav li a {
	color:#fff
}
.tabs ul.tab-nav li a.active, .tabs ul.tab-nav li a:hover {
	border-color:#4da5f5
}
.tabs .tab-container {
	margin-top:20px
}
.tabs .tab-container .tab-content {
	float:left;
	display:none
}
.tabs .tab-container .active {
	display:block
}
.accordion {
	margin-top:20px
}
div .accordion:first-child {
	margin-top:0
}
.toggle-item {
	margin-top:20px
}
div .toggle-item:first-child {
	margin-top:0
}
.toggle-item .toggle-title {
	width:100%;
	position:relative;
	cursor:pointer;
	overflow:hidden
}
.toggle-item .toggle-title .toggle-icon .fa {
	color:#262626;
	float:left;
	top:5px;
	position:relative
}
.text-light .toggle-item .toggle-title .toggle-icon .fa {
	color:#fff
}
.toggle-icon .fa-plus {
	display:block
}
.toggle-active .fa-plus, .toggle-icon .fa-minus {
	display:none
}
.toggle-active .fa-minus {
	display:block
}
.toggle-item .toggle-title .toggle-name {
	float:left;
	margin:0 0 0 20px
}
.toggle-item .toggle-active .toggle-icon .fa, .toggle-item .toggle-title:hover .toggle-icon .fa {
	color:#4da5f5!important
}
.toggle-item .toggle-inner {
	padding-top:18px;
	display:none
}
.alert {
	margin-top:20px
}
div .alert:first-child {
	margin:0
}
.alert h6 {
	padding-bottom:2px;
	border-bottom:2px solid red;
	display:inline-block
}
.alert-info h6 {
	border-color:#3fabf6;
	color:#3fabf6
}
.alert-note h6 {
	border-color:#fcad25;
	color:#fcad25
}
.alert-confirm h6 {
	border-color:#8fc236;
	color:#8fc236
}
.alert-error h6 {
	border-color:#fa4d5a;
	color:#fa4d5a
}
.skill {
	margin-top:20px
}
div .skill:first-child {
	margin-top:0
}
.skill .skill-name {
	margin-bottom:5px;
	display:block
}
.skill .skill-bar {
	background:#d9d9d9;
	height:8px;
	width:100%;
	position:relative;
	border-radius:2px;
	border-radius-moz:2px;
	border-radius-khtml:2px;
	border-radius-webkit:2px
}
.text-light .skill .skill-bar {
	background:#666
}
.skill .skill-bar .skill-active {
	background:#4da5f5;
	height:100%;
	position:relative;
	border-radius:2px;
	border-radius-moz:2px;
	border-radius-khtml:2px;
	border-radius-webit:2px;
	width:0
}
.tooltip {
	position:absolute;
	width:24px;
	height:7px;
	line-height:10px;
	line-height:5px;
	padding:8px 10px 6px;
	font-size:13px;
	text-align:center;
	color:#FFFBE6;
	background:#262626;
	border-radius:2px;
	top:-20px;
	right:-5px;
	opacity:0;
	filter:alpha(opacity=0);
	filter-ms:"alpha(Opacity=0)"
}
.text-light .tooltip {
	color:#262626;
	background:#fff
}
.tooltip:after {
	content:"";
	position:absolute;
	width:0;
	height:0;
	border-width:4px;
	border-style:solid;
	border-color:#262626 transparent transparent;
	top:21px;
	left:18px
}
.text-light .tooltip:after {
	border-color:#fff transparent transparent
}
.widget {
	position:relative;
	margin-top:40px
}
.div .widget:first-child, aside .widget:first-child {
	margin-top:0
}
.widget ul {
	list-style:none;
	padding:0;
	margin:20px 0 0
}
.widget ul li {
	padding:8px 0;
	margin:0;
	border-bottom:1px solid #d9d9d9
}
.widget ul li a {
	color:#262626
}
.widget ul li a:hover {
	color:#4da5f5
}
.tag-list {
	margin-top:20px
}
.tag-list a {
	border:1px solid #d9d9d9;
	display:inline-block;
	padding:4px 8px;
	font-size:16px;
	border-radius:2px;
	border-radius-moz:2px;
	border-radius-khtml:2px;
	border-radius-webkit:2px;
	color:#999;
	text-transform:uppercase;
	margin-bottom:5px;
	margin-right:3px
}
.tag-list a:hover {
	border-color:#262626;
	color:#FFFBE6;
	background:#262626
}



.socialmedia-widget {
	margin:20px 0 0;
	padding:0;
	list-style:none;
	text-align:center
}
div .socialmedia-widget:first-child {
	margin:0
}
.socialmedia-widget li {
	display:inline-block;
	background:0 0;
	padding:0;
	margin:0 3px;
	position:relative
}
.socialmedia-widget li a {
	height:30px;
	width:30px;
	display:block;
	text-indent:-9999px;
	background:url(../images/social-icons.png);
	margin:0
}




.socialtop {
	margin: 0;
	padding:0;
	list-style:none;
	text-align:center;
}
.socialtop li {
	display:inline-block;
	padding:0;
	margin:0;
	position:relative
}
.socialtop li a {
	height:30px;
	width:30px;
	display:block;
	text-indent:-9999px;
	background:url(../images/social-icons.png);
	margin:0;
}
.header-overlay nav#main-nav .socialtop li.facebook a {
	background-position:0 -30px;
	margin-top:34px;
}
.header-overlay nav#main-nav .socialtop li.twitter a {
	background-position:-30px -30px;
	margin-top:34px;
}
.header-overlay nav#main-nav .socialtop li.instagram a {
	background-position:-450px -30px;
	margin-top:34px;
}


.socialtop li:hover a {
	opacity:1!important;
	filter:alpha(opacity=100)!important;
	filter-ms:"alpha(Opacity=100)"!important
}
.socialtop li.facebook:hover a {
	background-position:0 bottom;
}
.socialtop li.twitter:hover a {
	background-position:-30px bottom;
}
.socialtop li.instagram:hover a {
	background-position:-450px bottom;
}



 .socialtop li.facebook a {
	background-position:0 bottom;
	margin-top:34px;
}
.socialtop li.twitter a {
	background-position:-30px bottom;
	margin-top:34px;
}
.socialtop li.instagram a {
	background-position:-450px bottom;
	margin-top:34px;
}




.social-share li a {
	opacity:.3;
	filter:alpha(opacity=30);
	filter-ms:"alpha(Opacity=30)"
}
.text-light .social-share li a {
	opacity:1;
	filter:alpha(opacity=100);
	filter-ms:"alpha(Opacity=100)"
}
.socialmedia-widget li.facebook a {
	background-position:0 top
}
.socialmedia-widget li.twitter a {
	background-position:-30px top
}
.socialmedia-widget li.thumblr a {
	background-position:-60px top
}
.socialmedia-widget li.vimeo a {
	background-position:-90px top
}
.socialmedia-widget li.dribbble a {
	background-position:-120px top
}
.socialmedia-widget li.deviantart a {
	background-position:-150px top
}
.socialmedia-widget li.behance a {
	background-position:-180px top
}
.socialmedia-widget li.flickr a {
	background-position:-210px top
}
.socialmedia-widget li.forrst a {
	background-position:-240px top
}
.socialmedia-widget li.linkedin a {
	background-position:-270px top
}
.socialmedia-widget li.rss a {
	background-position:-300px top
}
.socialmedia-widget li.googleplus a {
	background-position:-330px top
}
.socialmedia-widget li.pinterest a {
	background-position:-360px top
}
.socialmedia-widget li.youtube a {
	background-position:-390px top
}
.socialmedia-widget li.mail a {
	background-position:-420px top
}
.socialmedia-widget li.instagram a {
	background-position:-450px top
}
.socialmedia-widget li.xing a {
	background-position:-480px top
}
.socialmedia-widget li.dropbox a {
	background-position:-510px top
}




.text-light .socialmedia-widget li.facebook a {
	background-position:0 -30px
}
.text-light .socialmedia-widget li.twitter a {
	background-position:-30px -30px
}
.text-light .socialmedia-widget li.thumblr a {
	background-position:-60px -30px
}
.text-light .socialmedia-widget li.vimeo a {
	background-position:-90px -30px
}
.text-light .socialmedia-widget li.dribbble a {
	background-position:-120px -30px
}
.text-light .socialmedia-widget li.deviantart a {
	background-position:-150px -30px
}
.text-light .socialmedia-widget li.behance a {
	background-position:-180px -30px
}
.text-light .socialmedia-widget li.flickr a {
	background-position:-210px -30px
}
.text-light .socialmedia-widget li.forrst a {
	background-position:-240px -30px
}
.text-light .socialmedia-widget li.linkedin a {
	background-position:-270px -30px
}
.text-light .socialmedia-widget li.rss a {
	background-position:-300px -30px
}
.text-light .socialmedia-widget li.googleplus a {
	background-position:-330px -30px
}
.text-light .socialmedia-widget li.pinterest a {
	background-position:-360px -30px
}
.text-light .socialmedia-widget li.youtube a {
	background-position:-390px -30px
}
.text-light .socialmedia-widget li.mail a {
	background-position:-420px -30px
}
.text-light .socialmedia-widget li.instagram a {
	background-position:-450px -30px
}
.text-light .socialmedia-widget li.xing a {
	background-position:-480px -30px
}
.text-light .socialmedia-widget li.dropbox a {
	background-position:-510px -30px
}



.socialmedia-widget li:hover a {
	opacity:1!important;
	filter:alpha(opacity=100)!important;
	filter-ms:"alpha(Opacity=100)"!important
}
.socialmedia-widget li.facebook:hover a {
	background-position:0 bottom
}
.socialmedia-widget li.twitter:hover a {
	background-position:-30px bottom
}
.socialmedia-widget li.thumblr:hover a {
	background-position:-60px bottom
}
.socialmedia-widget li.vimeo:hover a {
	background-position:-90px bottom
}
.socialmedia-widget li.dribbble:hover a {
	background-position:-120px bottom
}
.socialmedia-widget li.deviantart:hover a {
	background-position:-150px bottom
}
.socialmedia-widget li.behance:hover a {
	background-position:-180px bottom
}
.socialmedia-widget li.flickr:hover a {
	background-position:-210px bottom
}
.socialmedia-widget li.forrst:hover a {
	background-position:-240px bottom
}
.socialmedia-widget li.linkedin:hover a {
	background-position:-270px bottom
}
.socialmedia-widget li.rss:hover a {
	background-position:-300px bottom
}
.socialmedia-widget li.googleplus:hover a {
	background-position:-330px bottom
}
.socialmedia-widget li.pinterest:hover a {
	background-position:-360px bottom
}
.socialmedia-widget li.youtube:hover a {
	background-position:-390px bottom
}
.socialmedia-widget li.mail:hover a {
	background-position:-420px bottom
}
.socialmedia-widget li.instagram:hover a {
	background-position:-450px bottom
}
.socialmedia-widget li.xing:hover a {
	background-position:-480px bottom
}
.socialmedia-widget li.dropbox:hover a {
	background-position:-510px bottom
}



.imgoverlay {
	position:relative;
	overflow:hidden;
	display:block;
	max-width:100%
}
.imgoverlay img {
transition-webkit:all .4s ease;
transition-moz:all .4s ease;
transition-o:all .4s ease;
transition-ms:all .4s ease;
transition:all .4s ease
}
.imgoverlay:hover img {
	transform:scale(1.07);
	transform-ms:scale(1.07);
	transform-webkit:scale(1.07)
}
.imgoverlay .overlay {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	opacity:0;
	filter:alpha(opacity=0);
	filter-ms:"alpha(Opacity=0)";
transition-webkit:opacity .3s ease;
transition-moz:opacity .3s ease;
transition-o:opacity .3s ease;
transition-ms:opacity .3s ease;
transition:opacity .3s ease
}
.imgoverlay:hover .overlay {
	opacity:1;
	filter:alpha(opacity=100);
	filter-ms:"alpha(Opacity=100)"
}
.imgoverlay .overlaycolor {
	width:100%;
	height:100%;
	background:#000;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	opacity:.8;
	filter:alpha(opacity=80);
	filter-ms:"alpha(Opacity=80)"
}
.imgoverlay .overlayinfo {
	width:100%;
	text-align:center;
	display:block;
	position:absolute;
	top:45%;
	left:0;
transition-webkit:top .3s ease;
transition-moz:top .3s ease;
transition-o:top .3s ease;
transition-ms:top .3s ease;
transition:top .3s ease
}
.imgoverlay:hover .overlayinfo {
	top:50%
}
.overlayinfo h6 {
	font-size:16px;
	text-transform:uppercase;
	letter-spacing:.1em
}
.loader-icon {
	position:relative;
	z-index:0;
	width:24px;
	height:24px
}
.loader-icon span {
	width:20px;
	height:20px;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	border:2px solid #d9d9d9;
	border-radius:50%
}
.loader-icon .spinner {
	z-index:1;
	border-color:#262626;
	border-right-color:transparent;
	border-top-color:transparent;
	border-bottom-color:transparent;
	animation-webkit:spin 1s linear infinite;
	animation-moz:spin 1s linear infinite;
	animation-ms:spin 1s linear infinite;
	animation-o:spin 1s linear infinite;
	animation:spin 1s linear infinite
}
@-webkit-keyframes spin {
from {
transform-webkit:rotate(0deg);
opacity:.4
}
50% {
transform-webkit:rotate(180deg);
opacity:1
}
to {
	transform-webkit:rotate(360deg);
	opacity:.4
}
}
@-moz-keyframes spin {
from {
transform-moz:rotate(0deg)
}
50% {
transform-moz:rotate(180deg)
}
to {
	transform-moz:rotate(360deg)
}
}
to {
	transform-ms:rotate(360deg)
}
@-o-keyframes spin {
from {
transform-o:rotate(0deg)
}
50% {
transform-o:rotate(180deg)
}
to {
	transform-o:rotate(360deg)
}
}
@keyframes spin {
from {
transform:rotate(0deg)
}
50% {
transform:rotate(180deg)
}
to {
	transform:rotate(360deg)
}
}
.sr-animation {
	position:relative;
	opacity:0;
	filter:alpha(opacity=0);
	filter-MS:"alpha(Opacity=0)";
transition-webkit:all .7s ease;
transition-moz:all .7s ease;
transition-o:all .7s ease;
transition-ms:all .7s ease;
transition:all .7s ease
}
.sr-animation-fromtop {
	top:-50px
}
.sr-animation-frombottom {
	top:50px
}
.sr-animation-fromleft {
	left:-30px
}
.sr-animation-fromright {
	left:30px
}
.sr-animation-zoomin {
	transform:scale(0);
	transform-ms:scale(0);
	transform-webkit:scale(0)
}
.sr-animation-zoomout {
	transform:scale(1.5);
	transform-ms:scale(1.5);
	transform-webkit:scale(1.5)
}
.sr-animation.animated {
	top:0;
	left:0;
	opacity:1;
	filter:alpha(opacity=100);
	filter-MS:"alpha(Opacity=100)";
	height:100%;
	max-height:100%;
	transform:scale(1);
	transform-ms:scale(1);
	transform-webkit:scale(1)
}
.sr-buttonicon .fa-play {
	left:4px;
	position:relative
}
.sr-buttonicon .fa-angle-up {
	left:2px;
	top:-2px;
	position:relative
}
.sr-buttonicon .fa-angle-down {
	left:2px;
	top:0;
	position:relative
}
.xone {
	color:#4da5f5
}

.service-dark {
	background:#262626
}
#see-portfolio {
	background:#4da5f5
}
.fab {
padding: 20px;
font-size: 30px;
width: 30px;
text-align: center;
text-decoration: none;
margin: 5px 2px;
border-radius: 50%;
}

.fab:hover {
opacity: 0.7;
}

.fa-whatsapp {
background: #45bbff;
color: white;
}
.whatsapp {
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  background-color:#45bbff;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  z-index:100;
	font-display:swap;
}

.whatsapp-icon {
  margin-top:13px;
}
.whatsapp {
  position:fixed;
  width:60px;
  height:60px;
  bottom:40px;
  right:40px;
  background-color:#45bbff;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  z-index:100;
	font-display: swap;
}

.whatsapp-icon {
  margin-top:13px;
}

.map-responsive{

    overflow:hidden;

    padding-bottom:56.25%;

    position:relative;

    height:0;

}

.map-responsive iframe{

    left:0;

    top:0;

    height:100%;

    width:100%;

    position:absolute;

}