@charset "utf-8";
/* CSS Document */

/* Font Galatea */

@font-face {
    font-family: 'galatea-regular';
    src: url('../fonts/Galatea-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'galatea-bold';
    src: url('../fonts/Galatea-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'galatea-medium';
    src: url('../fonts/Galatea-Medium.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


*{
	margin:0;
	padding:0;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
html{
	height: 100%;
}
body{
	background: #fff;
	font:400 18px/1.6 'galatea-regular', sans-serif;
	color:#000;
	overflow-x:hidden;
	position:relative;
	min-height:100%;
}
a{
	color:#000000;
	text-decoration:none;
}
a:hover{
	color:#ED1B2E;
}
h1, h2, h3, h4, h5, h6{
	font-family: galatea-bold, sans-serif; 
	font-weight: 400;
}
h1{
	font-size: 50px;
}
h2{
	font-size:38px;
}
h3{
	font-size:30px;
}
h4{
	font-size:18px;
}
h5{
	font-size:16px;
}
h6{
	font-size:14px;
}
h3 span{
	font-size: 24px;
	display: block;
}
p{
  margin:0px 0 15px;
}
menu{
	list-style: none;
	margin: 0;
	padding: 0;
}
menu li{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul{
  list-style-position: inside;
  list-style-type:circle 
}
ul li{
  margin-left: 15px;
  padding-left: 5px
}

ol{
  list-style-position: outside;
}
ol li{
  margin-left:15px;
}
table{
	border-collapse:collapse;
	border:1px solid #ddd;
}

table + h1, table + h2,table + h3{
	margin-top:35px;
}
label{
	font-weight:bold;
	display:inline-block;
	margin-bottom:3px;
}

input[type=radio]:checked + label,
input[type=checkbox]:checked + label{
	color:#333;
}
textarea, input, select{
	border:1px solid #ccc;
	border-radius:2px;
	padding:4px;
	box-shadow: inset 1px 1px 2px rgba(229,229,229,0.8);
	background: #fff;
	font:12px 'Open Sans', sans-serif;
	color:#555;
}

input[type=button], input[type=reset], button, .buttonlink, input[type=submit], #contact-form input[type=submit], #header #contact-form input[type=submit], .btn-default {
	border:1px solid #ED1B2E;
	border-radius:0;
	color:#fff;
	font-weight:bold;
	padding: 6px 10px !important;
	background: #ED1B2E;
	font-size: 18px;
	line-height: 1; /* Old browsers */
	width: auto;
}
input[type=button], input[type=reset], button, .buttonlink, input[type=submit], #contact-form input[type=submit]{
	border:1px solid #ED1B2E;
	border-radius:0;
	color:#fff;
	font-weight:bold;
	padding: 6px 10px !important;
	background: #ED1B2E;
	font-size: 18px;
	line-height: 1; /* Old browsers */
}
input[type=button]:hover, input[type=reset]:hover, button:hover, .buttonlink:hover, input[type=submit]:hover, #contact-form input[type=submit]:hover, .btn-default:hover {
	border-color:#d33238;
	background: #d33238;
	color: #fff;
}
.buttonlink{
	font: 700 12px 'galatea-regular', sans-serif;
	display: inline-block;
	margin: 5px 0 0 0;
	padding: 5px 17px;
	color: #fff;
}

input[type=checkbox]{
  border:none; 
  background:none; 
  padding:0; 
  cursor:pointer;
}
input[type=button]:hover, input[type=reset]:hover{
  cursor:pointer;
}
input[type=text], input[type=password]{
	min-width:225px;
}
input[type=file]{
	padding:0;
	border:none;
	background:none;
	box-shadow:none;
}
a img{
  border:none;
}

.border {
	border: 1px solid #eee;
}
  
/* General Styles */
.container{
	max-width: 1200px;
	width:100%;
	margin:0 auto;
}
.more{
	font-size: 15px;
}
.more i{
	color: #ED1B2E;
}

.section-title{
	font-size: 50px;
	font-family: galatea-bold, sans-serif;
	font-weight: 400;
	text-align: left;
	position: relative;
	margin-bottom: 30px;
}
.section-title span {
    color: #a1a1a1;
    font: 24px galatea-regular,sans-serif;
    padding: 0 0 0 7px;
}

.section-description {
	max-width: 780px;
	text-align: center;
	margin: 0 auto
}


.clearfix{
	clear: both;
}
.clearleft{
	clear: left;
}
.clearright{
	clear: right;
}
.fleft{
	float: left;
}
.fright{
	float: right;
}

.note {
    background: #eee;
    padding: 25px;
    margin-bottom: 35px;
}

.note p {
    font-size: 1em !important;
}



/*
 * Header
 * ---------------------------------------- */
#header{
	top: 0;
	left: 0;
	height: 90px;
	width: 100%;
	z-index: 10000;
	background: #202020;
	position: fixed;	
}
#header:after{
	content: "";
	width: 100%;
	display: block;
	clear: both;
}
#header .container{

}
.logo-wrapper{
	position: relative;
	max-width: 611px;
	float: right;
	width: 100%;
}
#go2home{
	position: absolute;
	display: block;
	height: 90px;
	width: 90px;
	text-align: center;
	line-height: 90px;
	font-size: 32px;
	color: #ED1B2E;
	background: #202020;
	margin-left: -90px;
	z-index: 1;
	top: -20px;
	box-shadow: 5px 0 0px rgba(0, 0, 0, 0.27);
}
#go2home:hover{
	color: #fff;
}
#logo,
#menu{
	height: 90px;
	width: 50%;
	position: relative;
}
#logo{
	float: left;
	background: #ED1B2E;
	position: relative;
	padding: 20px 0 0 0;
	height: 90px;
	font: 15px galatea-regular;
	color: #fff;
}
#logo:before{
	content: '';
	width: 1000%;
	height: 90px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: #ED1B2E;
	z-index: -1;
}

.divider {height: 35px}

#account-info{
	color: #fff;
	padding: 5px 0 0 25px;
	line-height: 1.5;
	overflow: hidden;
}
#account-info a{
	color: #fff;
	text-decoration: underline;
}
#account-info a.logout,
#account-info a:hover{
	text-decoration: none;
}
#account-info a.logout:hover{
	color: #202020;
}
.account-info-wrapper{
	position: relative;
	display: inline;
}
.cart{
	padding-left: 10px;
	display: inline-block;
}
#account-info .fa-user{
	cursor: pointer;
}
#account-info .fa-user,
#account-info .fa-shopping-cart{
	display: none;
}

#logo a.logo{
	display: block;
	float: right;
	margin: 0 37px 0 0;
}
#logo img{
	width: 71px;
}




/*
 * Menu
 * ---------------------------------------- */
#menu{
	float: right;
	background: #202020;
	box-shadow: -5px 0  0px rgba(0, 0, 0, 0.27);
}
#menu-icon {
    color: #ED1B2E;
    cursor: pointer;
    display: block;
    font-size: 21px;
    height: 90px;
    padding: 37px 0 0 41px;
    width: 100%;
    position: relative;
    z-index: 1
}
#menu-icon:hover:after,
#menu:hover #menu-icon:after {
background: #000;
content: "";
width: 100%;
height: 90px;
display: block;
position: absolute;
z-index: -1;
top:0;
left: 0;
}
	#menu-icon span {font-family: "galatea-regular",sans-serif;font-size: 14px; font-weight: 700; height: 25px;line-height: 31px;margin-left: 5px;margin-top: -5px !important;position: absolute;text-transform: uppercase;}
	
.menu-wrapper{
	position: absolute;
	display: none;
	background: #202020;
	box-shadow: -5px 0 0px rgba(0, 0, 0, 0.27);
	top: 90px;
	padding: 0;
	z-index: 1;
	overflow: visible;	
	width: 100%;
}
.menu-holder{
	width: 100%;
	overflow-y: auto;
	padding: 40px 20px 20px 0;
	height: inherit;
	box-sizing: content-box;
}

#social{
	position: absolute;
	top: -55px;
	right: 17px;
	z-index: 1;
}
#social a{
	color: #fff;
	font-size: 18px;
	display: inline-block;
	padding: 0 8px;
}
#social a.fb:hover{
	color: #3C5A98
}
#social a.twtr:hover{
	color: #019AD2
}
#social a.gplus:hover{
	color: #D05E40
}


#main-nav{
	padding-left: 38px;
}
#main-nav  ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#main-nav ul li{
	display: block;
	margin: 0;
	padding: 0;
}
#main-nav ul li + li{
	margin-top: 10px; 
}
#main-nav ul li a{
	font: 400 36px galatea-regular, sans-serif;
	color: #fff;
}
.form-title {
	font: 400 28px galatea-regular, sans-serif;
	color: #a1a1a1;
	margin-bottom: 9px;
}
.form-title span{
	color: #a1a1a1;
	font: 18px galatea-regular, sans-serif;
	padding: 0 0 0 7px;
}
#main-nav menu li a:hover,
#main-nav menu li a.active,
#main-nav menu li a.quote-link:hover{
	color: #ED1B2E;
}


/*
 * SE Plugins
 * ---------------------------------------- */
.plugin-list {list-style: none}
	.plugin-list li {
		margin-left: 0;
		padding-left: 0;
		overflow: hidden;
	}
	.plugin-list li + li {margin-top: 25px}
	.plugin-list li .center_block {float: left; width: 80%;}
	.plugin-list li .right_block {float: right; font-weight: 700; padding-top: 15px;}
	.plugin-list li .price {font-size: 24px}



/*
 * Contact Form
 * ---------------------------------------- */
#contact-page #contact-form {
    height: 455px;
    margin: 0 auto;
    max-width: 600px;
    padding: 25px 10px 0 10px;
}

#contact-page #contact-form input[type=text],
#contact-page #contact-form input[type=email],
#contact-page #contact-form textarea {
	background: #fff;
	border: 1px solid #ccc;
}
#contact-form{
    height: 455px;
    padding: 40px 20px 0 38px;
}


#contact-form input[type="submit"] {
	width: inherit;
}


#header #contact-form input,
#header #contact-form textarea,
#contact-form input,
#contact-form textarea {
	max-width: 575px;
	background: #000;
	font-size: 15px;
	border: none;
	box-shadow: none;
	margin-bottom: 10px;
	padding: 14px 12px 11px;
	box-sizing: border-box;
	width: 100%;
}
#header #contact-form input,
#header #contact-form textarea {
	color: #fff;
}

#contact-form input,
#contact-form textarea {
	color: #333;
}
#contact-form textarea{
	padding: 18px 12px 11px;
	height: 175px;
	box-sizing: border-box;
}
#contact-form button,
#contact-form input[type=submit]{
	z-index: 1;
	position: relative;
	top: -52px;
	display: block;
	left: 4px;
	margin-bottom: 0;
}
.close-btn{
	width: 32px;
	height: 32px;
	background-size: 30px auto;
	display: block;
	position: relative;
	top: -61px;
	margin: 0 0 20px 38px;
	cursor: pointer;
	color: #fff;
	font-size: 15px;
	font-weight: 100;
}
.close-btn .fa-angle-up{
	margin-top: 2px;
	font-size: 18px;
}
.close-btn .fa-angle-down{
	margin-top: -2px;
	font-size: 18px;
}
.error-message{
	color: #ED1B2E;
	font-size: 12px;
	line-height: 1;
	margin-top: -5px;
	margin-bottom: 5px;
	padding-left: 3px;
}
.custom_popup{
	position: fixed;
	padding: 25px;
	text-align: center;
	width: 320px;
	box-shadow: 0 0 1000px rgba(0, 0, 0, 0.3);
	border-radius: 2px;
	top: 50%;
	z-index: 100;
	left: 50%;
	background: #FFF;
	margin-left: -160px;
}


/*
 * Content
 * ---------------------------------------- */
#content{
	padding:90px 0 0 0;
	display: block;
}
#content:after{
	content: "";
	clear: both;
	width: 100%;
	/*height: 185px;*/
	display: block;
}
.second_message{
	display: none;
}

/*
 * Main Slider
 * ---------------------------------------- */

/*
#slider{
	width:100%;
	position:relative;
	padding:0;
	background: url(../images/slide.jpg) no-repeat 50% 100%;
	background-size: cover;
	margin-top: -65px;
}
#slider.store-slider{
	height: 400px !important;
}
.slider-descr{
	position: absolute;
	text-align: center;
	width: 100%;
	color: #fff;
	bottom: 120px;
	padding: 0 5%;
}
.slider-descr h1{
	margin:0 0 21px 0;
	letter-spacing:-1px;
}
.slider-descr p{
	font-size: 18px;
	font-weight: 700;
	max-width: 500px;
	margin: 0 auto; 
}
*/

#slidercontainer{
	width:100%;
	position:relative;
	padding:0;
	margin: 0;
}
#slidercontainer .slider{
	width:100%;
	position:relative;
}
#slidercontainer{
	margin-top: -40px !important;
}
.tp-bgimg.defaultimg {/*box-shadow: 0 0 150px 300px rgba(26, 26, 26, 0.9) inset;*/ }
.tp-bgimg.defaultimg:before {content: ""; display: block; width: 100%; height: 100%; background: url(../assets/img/slide1-bgr.png) no-repeat; background-size: 100% 100%; opacity: 1;}
.slider-title{
	letter-spacing:-1px;
	font:400 50px galatea-medium, sans-serif !important;
	color: #fff;
	font-size: 3.65vw !important;
	text-shadow: 0 0 30px #000;
	text-transform: inherit;
	
}
.slider-sub-title{
	color: #fff;
	max-width: 500px !important;
	margin: 0 auto !important;
	white-space: normal; 
	text-align: center !important;
	line-height: 24px !important;
	font-size: 24px !important;
	font-weight: 700;
	text-shadow: 0 0 30px #000;
	/*font-size: 1.3vw !important;*/
}
#slidercontainer{
	/*margin-top: -155px !important;*/
}
.forcefullwidth_wrapper_tp_banner > #slidercontainer{
	margin-top: 0 !important;
}

#scrolldown {
  bottom: 0px;
  height: 90px;
  margin-left: -50px;
  position: absolute;
  left: 50%;
  text-align: center;
  width: 100px;
  z-index: 100;
}
#scrolldown .mouse p {
  font: 700 0.7em/1em 'galatea-regular',sans-serif;
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: scroll;
  color: #fff;
}
#scrolldown > p {
  font: 700 0.7em/1em 'galatea-regular',sans-serif;
  text-indent: 3px;
  margin: 0;
  color: #fff;
}
.mouse {
  border: 2px solid #fff;
  border-radius: 12px;
  display: block;
  height: 46px;
  left: 50%;
  margin: 10px 0 0 -13px;
  position: absolute;
  width: 26px;
}
.mouse span {
  display: block;
  font-size: 1.5em;
  margin: 6px auto;
}
@keyframes scroll {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 0.5;
    transform: translateY(10px);
  }
}

/*
 * Projects
 * ---------------------------------------- */
#projects .section-title:after,
#store .section-title:after{
	background-color: #000;
}
.info-section .container,
.page .container{
	padding: 45px 0 0px;
}
.row{
	overflow: hidden;
	clear: both;
}
.column-2-small{
	float: left;
	width: 34%;
	margin-bottom: 3.5%;
}
.column-2-large{
	float: left;
	width: 60%;
	margin-bottom: 3.5%;
}
.column-4-small{
	float: left;
	width: 37%;
	margin: 0 1%;
}

.column-3-small{
	float: left;
	width: 30%;
	margin: 0 2%;
}


.column-8-small{
	float: left;
	width: 70.3%;
	margin: 0 1%;
}

.column-2-small .thumb,
.column-3-small .thumb,
.column-2-large .thumb,
.column-4-small .thumb{
	box-shadow: 0 0 5px rgba(0,0,0,0.19);
	margin: 5px;
}
.column-2-small .thumb a,
.column-2-large .thumb a,
.column-4-small .thumb a{
	display: block;
	line-height: 0;
}
.column-2-small .thumb a img,
.column-3-small .thumb a img,
.column-2-large .thumb a img,
.column-4-small .thumb a img{
	width: 100%;
}
.column-2-small + .column-2-large,
.column-2-large + .column-2-small{
	margin-left: 3%;
}

.column-2-small .thumb{
	margin: 5px 5px 25px 5px;
}
.column-2-small .info{
	padding: 0 0 0 20px;
}
.column-2-small .info h3{
	margin-bottom:0;
	line-height:1;
}
.column-2-small .info a{
	display: inline-block;
}
.column-2-small .info a + a{
	margin-left: 10px;
}
.column-2-small .info h3 a{
	padding-left: 0;
}

.column-2-large .info{
	padding: 0px 0 0 20px;
}
.column-2-small + .column-2-large .info{
	padding-top: 0;
}
.column-2-large .info h3{
	line-height: 1;
	margin-bottom: 0px;
}
.column-2-large .info a{
	display: inline-block;
}
.column-2-large .info a + a{
	margin-left: 10px
}
.column-2-large .info h3 a{
	padding-left: 0;
}
.column-2-large .thumb{
	margin: 5px 5px 25px 5px;
}

.column-4-small{
	margin: 0% 0.35% 1.5% 0.35%;
	padding: 0.25% 0;
}
.column-4-small .info{
	padding:15px 0 0 20px;

}
.column-4-small .info h4{
	line-height: 1;
}
.column-4-small .info a + a{
	margin-left: 10px;
	display: inline-block;
}



/*
 * Blog
 * ---------------------------------------- */
#blog.info-section .container{
 }
.home-page #blog.info-section .container{
	padding: 60px 0 7px;
}
#blog.info-section .blog-posts-list .container{
	padding: 46px 0 36px; 
}
#blog .section-title{
	margin-bottom:0;
}
.blog-posts-list{
	list-style: none;
	margin: 0;
	padding: 0;
}
.blog-posts-list:after{
	content: "";
	width: 13px;
	height: 27px;
	display: block;
	margin: 52px auto 22px;
	background: url(../assets/img/blog.png) no-repeat 0 0;
}
.home-page .blog-posts-list:after{
	margin: 52px auto 0;
}
.blog-posts-list article,
.blog-posts-list li{
	margin: 0;
	padding: 0;
	text-align: center;
	border-bottom: 1px solid #d3d2d1;
}
.post-meta{
	font-size: 15px;
	margin-bottom: 5px;
	color: #666666;
}
.post-meta span{
	display: block;
}
.post-meta a{
	font-weight: 500;
}
.post-excerpt{
	font: 18px galatea-regular, sans-serif;
	color: #000;
	margin-bottom: 9px;
}
.view{
	color: #7f7f7f;
	font-size: 15px;
	position: absolute;
	margin-left: -10px;
	width: 30px;
	height: 30px;
}
.view .fa-angle-right{
	font-size: 20px;
}
.view .fa-angle-right:before{
	position:relative;
	left:0px;
	top:-1px;

}




/*
 * Testimonials
 * ---------------------------------------- */
#testimonials .container{
	position: relative;
}
#testimonials-carousel .item{
	padding-top: 5px;
}
#testimonials-carousel .item img{
    display: block;
    width: 100%;
    height: auto;
}
.testimonial{
	max-width: 735px;
	width: 100%;
	margin: 0 auto;
}
.testimonial .client-info{
	float: left;
	width: 225px;
}

.testimonial .client-info {
    float: left;
    width: 225px;
}

.client-photo-details {
    margin-bottom: 15px;
    display: block;
}

@media (max-width: 640px) {
	.client-photo-details {
	    margin-bottom: 25px;
	    display: block;
	    float: left;
	    margin-right: 20px;
	}
}

#testimonials-carousel .item .client-photo-details .client-photo img {
    width: 80px;
    border-radius: 50px;
}

.testimonial .client-photo-details .ln-icon {
    margin-top: -20px;
    position: absolute;
    margin-left: 60px;
    background: #fff;
    border-radius: 2px;
    overflow: hidden;
}

.project-testimonial {
  margin-bottom: 35px;
  overflow: hidden;
} 
.project-testimonial .client-info {
  float: left;
  width: 225px;
}

@media screen and (max-device-width: 640px) {
  .project-testimonial .client-info {
    margin-bottom: 15px;
    float: none;
    overflow: hidden;
    width: 100%;
  }
}

.project-testimonial .client-photo-details {
  margin-bottom: 15px;
  display: block;
}
.project-testimonial .client-photo-details .client-photo img {
  width: 80px!important;
  border-radius: 50px;
  display: block;
  width: 100%;
  height: auto;
}
.project-testimonial  .client-photo-details .ln-icon {
  margin-top: -20px;
  position: absolute;
  margin-left: 60px;
  background: #fff;
  border-radius: 2px;
  overflow: hidden;
}
.project-testimonial .client-info .name {
  font: 18px galatea-regular, sans-serif;
  color: #333;
}
.project-testimonial .client-info .position {
  font: 15px galatea-regular, sans-serif;
  color: #666;
  margin: 0 0 12px 0;
}
.project-testimonial .client-info .company {
  font: 15px galatea-regular, sans-serif;
  color: #ED1B2E;
}

.project-testimonial .blockquote {
  font: 20px/1.6 galatea-regular, sans-serif;
  color: #333;
  position: relative;
  padding-left: 40px;
  overflow: hidden;
}

.project-testimonial .blockquote::before {
  content: "\“";
  font: 75px/1 'galatea-regular', sans-serif;
  color: #666;
  position: absolute;
  left: 0;
}

#testimonials-carousel .item .ln-icon img {
    width: 20px;
}

.testimonial .client-info .name{
	font: 18px galatea-regular, sans-serif;
	color: #333;
}
.testimonial .client-info .position{
	font: 15px galatea-regular, sans-serif;
	color: #666;
	margin: 0 0 12px 0;
}
.testimonial .client-info .company{
	font: 15px galatea-regular, sans-serif;
	color: #ED1B2E;
}
.testimonial .blockquote{
	font: 18px/1.6 galatea-regular, sans-serif;
	color: #666;
	position: relative;
	padding-left: 40px;
	float: left;
	max-width: 470px;
	overflow: visible;
}
.testimonial .blockquote:before{
	content: "\“";
	font: 75px/1 'galatea-regular', sans-serif;
	color: #666;
	position: absolute;
	top: -12px;
	left: 0;
}
.customNavigation i{
	background: transparent;
	color: #fff;
	font-size: 30px;
	text-shadow: -1.5px 0px 0px #000, 1.5px 0px 0px #000, 0px -1.5px 0px #000, 0px 1.5px 0px #000;
	width: auto;
	padding: 0;
	opacity: 0.5;
	cursor: pointer;
}
.customNavigation{
	display: inline;
}
.customNavigation a:hover{
	color: #fff;
}
.customNavigation a:hover i{
	opacity: 1;
	text-shadow: -1.5px 0px 0px #000, 1.5px 0px 0px #000, 0px -1.5px 0px #000, 0px 1.5px 0px #000;
}




/*
 * Clients
 * ---------------------------------------- */
#clients .container{
	padding: 36px 0 50px 0;
} 
#clients .container .section-title{
}
#clients-carousel .owl-item{
	text-align: center;
}
#clients-carousel .item{
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	height: 90px;
	margin: 0 auto;
	width: inherit;
}
#clients-carousel .item img{
	max-width: 100%;
}





/*
 * Page Menu
 * ---------------------------------------- */
.page-menu{
	position: absolute;
	display: inline-block;
	margin: 13px 0 0 16px;
	font-family: galatea-regular, sans-serif;
}
.page-menu li{
	display: inline-block;
	color: #ccc;
	font-size: 24px;
}
.page-menu li:before{
	content: "/";
}
.page-menu li a{
	color: #ccc;
	padding: 0 7px;
}
.page-menu li a.active,
.page-menu li a:hover{
	color: #ED1B2E;
}

.color-red {
    color: #ED1B2E;
}
.text-center {
    text-align: center;
}

.why-us-block {
    background: #eee;
    padding: 5%
}

.mb-5 {
    margin-bottom: 15px;
}

.btn-red {
  background: #ED1B2E;
  color: #fff !important;
  padding: 15px 25px !important;
}





/*
 * Pages
 * ---------------------------------------- */
.page-meta{
	width: 23%;
	margin: 0 3.5% 0 0;
	float: left;
	text-align: right;
	padding: 0 0 0 5%;
}

.page-meta h2.page-title{
	font-size: 36px;
	position: relative;
	padding-top: 3px;
	line-height: 1.1;
	margin: 0 0 5px 0;
}
.page-meta .post-excerpt{
	font-style: italic;
}
blockquote{
	color: #666666;
	font-style: italic;
	font-size: 15px;
	line-height: 1.55;
}
blockquote bold{
	font-weight: bold;
}
.page-meta blockquote:after{
	content: '';
	width: 40px;
	height: 1px;
	background: #28252e;
	display: block;
	margin: 16px 0 0 auto;
}
blockquote.large{
	font: normal 24px galatea-regular;
	color: #000;
}
.page-meta blockquote{
	margin:127px 0 0;
	padding: 0 0 0 52px;
	
}
.page-meta blockquote.large{
	line-height: 1.25;
	padding: 0;
}
.page-meta blockquote + blockquote.large{
	margin:33px 0 0;
}
.page-meta blockquote.large:after{
	content: none;
}

.page-content{
	overflow: hidden;
	padding: 0 6% 0 0;
	line-height: 1.5;
}
.page-content img{
	max-width: 99.9%;
}
.img-shadow{
	border-radius: 2px;
	margin: 0px;
}
.page-content p{
	margin: 0 0 25px;
}





/*
 * Store
 * ---------------------------------------- */
#store{}
#store.info-section .container{
	padding: 40px 0 0px;
}
.section-title-wrapper{
	text-align: center;
}
#store .section-title{
	margin-bottom: 53px;
	display: inline-block;
}
#store .column-4-small{
	position: relative;
	width: 21%;
	margin: 0 2% 19px;
}
#store .row .column-4-small:nth-child(4n+1){
	clear: both;
}
#store h3{
	line-height: 1;
	text-align: left;
	min-height: 55px;
}
#store .column-4-small:after{
	content: '';
	width: 40px;
	height: 1px;
	background: #000;
	display: block;
	clear: both;
	float: right;
	margin: 10px 0;
}
#store .buttonlink{
	float: right;
	clear: both;
	margin: 6px 0 8px 0;
	font-size: 15px;
	padding: 9px 25px;
}
.price{
	font-size: 16px;
	color: #000;
	text-align: right;
	margin: 15px 0 11px 0;
}
.price span{
	color: #ED1B2E;
	padding-right: 5px;
}
.excerpt{
	min-height: 265px;
	color: #666;
	font-size: 16px;
	line-height: 1.4;
}
.excerpt + .excerpt{}



/*
 * Hubmachine
 * ---------------------------------------- */
#hubmachine{
	background: url(../assets/img/hubmachine-bg.jpg) repeat 0 0;
	background-size: 663px auto;
	position: relative;
}
#hubmachine .container{
	padding: 42px 0 25px 0;
}
#hubmachine .container:after{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	clear: both;
}
.hubmachine-logo{
	float: left;
	position: relative;
	overflow: visible;
}
.hubmachine-logo:before{
	content: "";
	width: 1000%;
	height: 157px;
	background: #181818;
	position: absolute;
	right: 0;
	top: 0;
}

.hubmachine-logo:after{
	content: "";
	height: 157px;
	background: #2d2d2d;
	position: absolute;
	top: 22px;
	width: 1000%;
}
.hubmachine-logo a{
	display: block;
	position: relative;
	z-index: 1;
	float: left;
	margin: 66px 26px 0 23px;
}
.hubmachine-logo a img{
	vertical-align: text-top;
	max-width: 200px;
}
.hubmachine-logo .hubmachine-map{
	width: 124px;
	height: 181px;
	display: block;
	margin: 0 -57px 0 0;
	position: relative; 
	z-index: 1;
	float: left;
}
.hubmachine-text{
	overflow: hidden;
	font: 25px galatea-regular, sans-serif;
	padding: 38px 0 27px 82px;
	background: #2d2d2d;
	margin: 22px 0 0 0;
}

/*
.hubmachine-text:before{
	content: "";
	width: 1000%;
	height: 157px;
	background: #2d2d2d;
	position: absolute;
	left: 0;
	top: 22px;	
}
*/
.hubmachine-text div{
	position: relative;
	z-index: 1;
	color: #fff;
}
.hubmachine-text div a{
	color: #ED1B2E;
}
.hubmachine-text div a:hover{
	color: #fc252e;
}
#hubmachine .buttonlink{
	font: 700 12px 'galatea-regular', sans-serif;
	display: inline-block;
	margin: 5px 0 0 0;
	padding: 5px 17px;
	color: #fff;
}




/*
 * Footer
 * ---------------------------------------- */
#footer{
	height: 185px;
	width: 100%;
}
#footer .container{
	padding: 52px 10px;
}
#footer .row{
	display: block;
	padding: 0 0 9px 0
}
#footer .row + .row{
	border-top: 1px solid #d3d2d1;
	padding: 17px 0 0 0;
}
#footer-menu,
#footer-add-menu{
	float: left;
}
#footer-menu li,
#footer-add-menu li{
	display: inline-block;
}
#footer-menu li + li{
	margin-left: 25px;
}
#footer-menu li a{
	color: #8b8a8d;
	font-weight: 700;
	padding: 6px 0;
	display: block;
}
#footer-menu li a:hover,
#footer-menu li a.active{
	color: #000;
}
#footer-menu li a.red, #main-slider a.red {
    background: #ED1B2E;
    color: #fff !important;
    padding: 15px 25px !important;
}
#footer-menu li a.red:hover {background: #202020;}

#footer-add-menu li a{
	color: #8b8a8d;
	font-size: 14px;
}
#footer-add-menu li + li{
	margin-left: 15px;
}
#footer-add-menu li a:hover{
	color: #ED1B2E;
}

.btn-primary {
    background: #ED1B2E;
    color: #fff;
    padding: 6px 10px;	
}

.btn-primary:hover {
	background: #202020;
}



#social-footer,
.copyright{
	float: right;
}
#social-footer{
	margin: 5px 0 5px 26px;
}
#social-footer a{
	color: #8b8a8d;
	font-size: 19px;
	display: inline-block;
}
#social-footer a + a{
	margin-left: 16px; 
}
#social-footer .fb:hover{
	color: #3C5A98;
}
#social-footer .twtr:hover{
	color: #019AD2;
}
#social-footer .gplus:hover{
	color: #D05E40;
}

.copyright{
	color: #b5b7b8;
	font: 12px 'Lato', sans-serif;
	padding: 2px 0 0 0;
}
.copyright span{
	background: url(../assets/img/hubmachine-logo.png) no-repeat 11px 0;
	background-size: 17px auto;
	padding: 0 0 3px 32px;
	display: inline-block;
}

.tech-list {}
.tech-list li {
    display: block;
    float: left;
    margin-left: 0;
    padding-left: 0;
    font-size: 12px;
    margin-right: 30px;
}

.tech-list li + li::before {
    content: "";
    display: block;
    width: 1px;
    height: 35px;
    background: #adadad;
    position: absolute;
    margin: 4px -15px;
}


/* Icon */
.icon {
    display: block;
    width: 32px;
    height: 32px;
}
.icon-desktop {background: url(../assets/img/icons/desktop.svg) no-repeat;}
.icon-mobile {background: url(../assets/img/icons/mobile.svg) no-repeat;}


/*
 * Responsive
 * ---------------------------------------- */
@media screen and (max-width: 1300px){
	#main-slider a.red {
	    font-size: 1.5vw;
	}
	#go2home{
		position: fixed;
		left: 0;
		top: 0;
		margin: 0;
	}
	#account-info{
		margin-left: 90px;
	}
}



@media screen and (max-width: 1024px){

}



@media screen and (max-width: 950px){
#scrolldown, .slider-sub-title {display: none;}
	#main-slider a.red {
	    font-size: 2vw;
	}
	#go2home{
		width: 60px;
	}
	#account-info{
		margin-left: 50px;
		font-size: 13px;
	}
	#store .column-4-small{
		width: 29%;
	}
	#store .row .column-4-small:nth-child(4n+1){
		clear: none;
	}
	#store .column-4-small:nth-child(3n+1){
		clear: both;
	}
	.slider-title{
		font-size: 4.2vw !important;
	}
	.slider-sub-title{
		font-size: 1.8vw !important;
	}
	.hubmachine-text{
		font-size: 2.6vw;
	}

	.form-title{
		font-size: 2.1vw;
	}
	.form-title span{
		font-size: 1.6vw; 
	}
	#contact-form{
		height: auto;
		padding-top: 26px;
	}
	#contact-form input[type=submit] {width: inherit;}
	#contact-form input, #contact-form textarea {
		margin-bottom: 5px;
		padding: 8px 10px 8px;
	}

	#contact-form button{
		min-width: 80px;
		margin-bottom: 0;
		padding: 7px 10px;
		font-size: 14px;
	}
	.close-btn{
		top: -30px;
	}

}





@media screen and (max-width: 650px){
	.menu-wrapper{
		width: 200%;
		left: -100%;
	}

 	.row .column-4-small{
 		width: 48%;
 		margin: 1%;
 	}
 	#testimonials .container{
 		padding-left: 5%;
 		padding-right: 5%;
 	}
 	
 	.testimonial .blockquote {max-width: inherit;}
 	.hubmachine-logo{
 		float: none;
 	}
 	.hubmachine-logo .hubmachine-map{
 		float: right;
 		margin: 0;
 	}
 	.hubmachine-logo:after{
 		content: none;
 	}
 	.hubmachine-text{
 		padding: 30px;
 		clear: both;
 	}
 	.page .container{
 		padding: 0 3.5%;
 	}
 	.page-meta{
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0;
		text-align: center;
		float: none;
 	}
 	.page-meta blockquote{
 		display: none;
 	}
 	.post-meta span{
 		display: inline;
 		padding-right: 5px;
 	}
 	.page-meta .post-excerpt{
 		padding-top: 5px;
 	}
 	.page .page-content{
 		padding: 0;
 		clear: both;
 	}
 	#store .column-4-small:nth-child(3n+1){
		clear: none;
	}
	#store .column-4-small:nth-child(2n+1){
		clear: both;
	}
	#store .column-4-small {
		width: 43%;
		margin: 0 3% 19px;
	}
	#account-info .fa-user,
	#account-info .fa-shopping-cart{
		display: inline-block;
		font-size: 21px;
		padding-top: 9px;
	}
	.account-info-wrapper,
	.cart-text{
		display: none;
	}
	.products-count{
		background: #858484;
		width: 15px;
		height: 15px;
		display: inline-block;
		text-align: center;
		border-radius: 50%;
		line-height: 15px;
		position: relative;
		top: -10px;
		left: -6px;
		font-size: 12px;
	}
	.account-info-wrapper{
		position: absolute;
		left: 0;
		top: 70px;
		background: #202020;
		width: 200%;
		padding: 20px;
		font-size: 15px;
	}
	#account-info a.logout:hover{
		color: #ED1B2E;
	}
	.slider-title {
		font-size: 5vw !important;
	}
	.slider-sub-title{
		font-size: 2.5vw !important;
	}
	.post-meta{
		font-size: 2.3vw;
	}
	.post-excerpt{
		font-size: 2.8vw;
	}
	.hubmachine-text{
		font-size: 3.5vw;
	}
	#main-nav,
	#contact-form{
		padding-left: 20px;
	}
	.form-title{
		font-size: 14px;
	}
	.form-title span{
		font-size: 12px;
	}
	#contact-form input, #contact-form textarea{
		font-size: 4vw;
	}
	.column-2-large .info,
	.column-2-small .info,
	.column-4-small .info{
		padding-left: 6px;
	}
}


@media screen and (max-width: 480px){
	#footer-menu, #footer-add-menu {
	    overflow: hidden ;
	    text-align: center;
	    width: 100% ;
	    margin-bottom:10px; 
	    display:block;
	}
	#social-footer, .copyright{
		width: 100%;
        display: block;
        text-align: center;
	}
	

	#footer-menu li a.red, #main-slider a.red {
	    font-size: 4vw;
	}
	.hubmachine-logo .hubmachine-map{
		display: none;
	}
	.copyright{
		padding: 0;
	}
	.copyright span{
		display: inline-block;
		background-position: 0 0;
		padding-left: 22px;
		margin-top: 5px;
	}

	#footer-menu li + li{
		margin-left: 0;
	}
	#footer-menu li a{
		padding: 6px 10px;
	}
	#social{
		display: none;
	}
	.page-menu{
		position: relative;
		margin: 11px 0 35px 0;
		float: right;
	}
	.page-menu li {
		font-size: 3.8vw;
	}
	#account-info{
		margin-left: 3px;
	}
	.auth-user #logo a.logo{
		margin-right: 12px;
	}
	.auth-user #account-info .fa-user, 
	.auth-user #account-info .fa-shopping-cart{
		font-size: 17px;
		padding-top: 13px;
	}
	.auth-user #logo img{
		width: 40px;
	}
	.auth-user .logo-wrapper{
		margin-top: 5px;
	}
	.slider-title{
		font-size: 9vw !important;
		margin-top: -180px !important;
		top: 500px !important;
	}
	.slider-sub-title {
		font-size: 4vw !important;
	}
	h2.section-title, div.section-title,
	.page-meta h2.page-title{
		font-size: 7vw;
	}
	h3 {
		font-size: 5.5vw;
	}
	.section-title-wrapper{
		padding: 0;
	}
	body {
		font-size: 15px;
	}
	.post-meta {
		font-size: 3vw;
	}
	.post-excerpt {
		font-size: 3.8vw;
	}
	.hubmachine-logo a{
		margin-top: 20px;
	}
	.hubmachine-text{
		padding: 20px 30px;		
	}

}



/* Devices */
/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 400px) and (orientation: portrait){
	.hubmachine-logo .hubmachine-map{
		display: none;
	}
	.copyright{
		padding: 0;
	}
	.copyright span{
		display:inline-block;
		background-position: 0 0;
		padding-left: 22px;
		margin-top: 5px;
	}

	#footer-menu li + li{
		margin-left: 0;
	}
	#footer-menu li a{
		padding: 6px 10px;
	}
	#social{
		display: none;
	}
	.page-menu{
		position: relative;
		margin: 11px 0 35px 0;
		float: right;
	}
	.page-menu li {
		font-size: 3.8vw;
	}
	#account-info{
		margin-left: 3px;
	}
	.auth-user #logo a.logo{
		margin-right: 12px;
	}
	.auth-user #account-info .fa-user, 
	.auth-user #account-info .fa-shopping-cart{
		font-size: 17px;
		padding-top: 13px;
	}
	.auth-user #logo img{
		width: 40px;
	}
	.auth-user .logo-wrapper{
		margin-top: 5px;
	}
	.slider-title{
		font-size: 9vw !important;
		margin-top: -180px !important;
	}
	.slider-sub-title {
		font-size: 4vw !important;
	}
	h2.section-title, div.section-title,
	.page-meta h2.page-title{
		font-size: 7vw;
	}
	h3 {
		font-size: 5.5vw;
	}
	.section-title-wrapper{
		padding: 0;
	}
	body {
		font-size: 5vw;
	}
	.post-meta {
		font-size: 3vw;
	}
	.post-excerpt {
		font-size: 3.8vw;
	}
	.hubmachine-logo a{
		margin-top: 20px;
	}
	.hubmachine-text{
		padding: 20px 30px;		
	}
}


/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
	.menu-wrapper{
		width: 200%;
		left: -100%;
	}
	.row .column-2-small,
	.row .column-2-large{
		width: 98%;
		margin: 3% 1%;
	}
	.blog-posts-list article{
		padding: 0 5%;
	}
	#testimonials .container, #clients .container {
		padding-left: 5% !important;
		padding-right: 5% !important;
	}
	.testimonial .blockquote{
		width: 100%;
		box-sizing: border-box;
		padding: 0 8% 0 40px;
	}
	#clients .container,
	#store.info-section .container{
		padding-left: 5% !important;
		padding-right: 5% !important; 
	}

	#footer-menu, #footer-add-menu,
	#social-footer, .copyright{
		float: none;
	}
	#footer-menu,
	#footer-add-menu{
		overflow: hidden;
	}
	#social-footer{
		display: none;
	}
	.copyright{
		margin-top: 17px;
	}
	#footer .row + .row{
	}
	#store .column-4-small{
		clear: both;
		width: 100%;
		margin: 0 0 45px;
	}
	.excerpt,
	#store h3{
		min-height: 10px;
	}
	.slider-title {
		font-size: 7vw !important;
		white-space: normal;
		margin-top: 70px !important;
		text-align: center;
		top:0px !important;
	}
	.slider-sub-title {
		font-size: 3.2vw !important;
	}

	.excerpt{
		font-size: 14px;
	}
	body {
		font-size: 5vw;
	}
	.post-meta {
		font-size: 2.7vw;
	}
	.post-excerpt {
		font-size: 3.4vw;
	}
	#go2home{
		width: 30px;
	}

	#header{
		position: relative;
	}
	#content{
		padding-top: 40px;
	}
	.close-btn{
		margin-left: 20px;
	}
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
 	.row .column-4-small{
 		width: 48%;
 		margin: 1%;
 	}
 	#testimonials .container{
 		padding-left: 5%;
 		padding-right: 5%;
 	}
 	.testimonial .client-info{
 		margin-bottom: 15px;
 	}
 	.hubmachine-logo{
 		float: none;
 	}
 	.hubmachine-logo .hubmachine-map{
 		float: right;
 		margin: 0;
 	}
 	.hubmachine-logo:after{
 		content: none;
 	}
 	.hubmachine-text{
 		padding: 30px;
 		clear: both;
 	}
 	.page .container{
 		padding: 0 3.5%;
 	}
 	.page-meta{
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0;
		text-align: center;
		float: none;
 	}
 	.page-meta blockquote{
 		display: none;
 	}
 	.post-meta span{
 		display: inline;
 		padding-right: 5px;
 	}
 	.page-meta .post-excerpt{
 		padding-top: 5px;
 	}
 	.page .page-content{
 		padding: 0;
 		clear: both;
 	}
 	#store .column-4-small:nth-child(3n+1){
		clear: none;
	}
	#store .column-4-small:nth-child(2n+1){
		clear: both;
	}
	#store .column-4-small {
		width: 43%;
		margin: 0 3% 19px;
	}
	#account-info .fa-user,
	#account-info .fa-shopping-cart{
		display: inline-block;
		font-size: 21px;
		padding-top: 9px;
	}
	.account-info-wrapper,
	.cart-text{
		display: none;
	}
	.products-count{
		background: #858484;
		width: 15px;
		height: 15px;
		display: inline-block;
		text-align: center;
		border-radius: 50%;
		line-height: 15px;
		position: relative;
		top: -10px;
		left: -6px;
		font-size: 12px;
	}
	.account-info-wrapper{
		position: absolute;
		left: 0;
		top: 70px;
		background: #202020;
		width: 200%;
		padding: 20px;
		font-size: 15px;
	}
	#account-info a.logout:hover{
		color: #ED1B2E;
	}
	.slider-title {
		font-size: 5vw !important;
	}
	.slider-sub-title{
		font-size: 2.5vw !important;
	}
	.post-meta{
		font-size: 2.3vw;
	}
	.post-excerpt{
		font-size: 2.8vw;
	}
	.hubmachine-text{
		font-size: 3.5vw;
	}
	#main-nav,
	#contact-form{
		padding-left: 20px;
	}
	#main-nav menu li a{
		font-size: 4vw;
	}
	.form-title{
		font-size: 14px;
	}
	.form-title span{
		font-size: 12px;
	}
	#contact-form input, #contact-form textarea{
		font-size: 4vw;
	}
	.column-2-large .info,
	.column-2-small .info,
	.column-4-small .info{
		padding-left: 6px;
	}

}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
#scrolldown, .slider-sub-title {display: none;}
.testimonial .client-info{
 		margin-bottom: 15px;
 		float: none;
 	}
.testimonial .blockquote {
    max-width: inherit;
}

.more {display: none!important;}
 	.row .column-4-small{
 		width: 48%;
 		margin: 1%;
 	}
 	#testimonials .container{
 		padding-left: 5%;
 		padding-right: 5%;
 	}
 	.testimonial .client-info{
 		margin-bottom: 15px;
 	}
 	.hubmachine-logo{
 		float: none;
 	}
 	.hubmachine-logo .hubmachine-map{
 		float: right;
 		margin: 0;
 	}
 	.hubmachine-logo:after{
 		content: none;
 	}
 	.hubmachine-text{
 		padding: 30px;
 		clear: both;
 	}
 	.page .container{
 		padding: 0 3.5%;
 	}
 	.page-meta{
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0;
		text-align: center;
		float: none;
 	}
 	.page-meta blockquote{
 		display: none;
 	}
 	.post-meta span{
 		display: inline;
 		padding-right: 5px;
 	}
 	.page-meta .post-excerpt{
 		padding-top: 5px;
 	}
 	.page .page-content{
 		padding: 0;
 		clear: both;
 	}
 	#store .column-4-small:nth-child(3n+1){
		clear: none;
	}
	#store .column-4-small:nth-child(2n+1){
		clear: both;
	}
	#store .column-4-small {
		width: 43%;
		margin: 0 3% 19px;
	}
	#account-info .fa-user,
	#account-info .fa-shopping-cart{
		display: inline-block;
		font-size: 21px;
		padding-top: 9px;
	}
	.account-info-wrapper,
	.cart-text{
		display: none;
	}
	.products-count{
		background: #858484;
		width: 15px;
		height: 15px;
		display: inline-block;
		text-align: center;
		border-radius: 50%;
		line-height: 15px;
		position: relative;
		top: -10px;
		left: -6px;
		font-size: 12px;
	}
	.account-info-wrapper{
		position: absolute;
		left: 0;
		top: 70px;
		background: #202020;
		width: 200%;
		padding: 20px;
		font-size: 15px;
	}
	#account-info a.logout:hover{
		color: #ED1B2E;
	}
	.slider-title {
		font-size: 5vw !important;
	}
	.slider-sub-title{
		font-size: 2.5vw !important;
	}
	.post-meta{
		font-size: 2.3vw;
	}
	.post-excerpt{
		font-size: 2.8vw;
	}
	.hubmachine-text{
		font-size: 3.5vw;
	}
	#main-nav,
	#contact-form{
		padding-left: 20px;
	}
	#main-nav menu li a{
		font-size: 6vw;
	}
	.form-title{
		font-size: 14px;
	}
	.form-title span{
		font-size: 12px;
	}
	#contact-form input, #contact-form textarea{
		font-size: 13px;
	}
	.column-2-large .info,
	.column-2-small .info,
	.column-4-small .info{
		padding-left: 6px;
	}

}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
	.menu-wrapper{
		width: 200%;
		left: -100%;
	}
	.row .column-2-small,
	.row .column-2-large{
		width: 98%;
		margin: 3% 1%;
	}
	.blog-posts-list article{
		padding: 0 5%;
	}
	#testimonials .container, #clients .container {
		padding-left: 5% !important;
		padding-right: 5% !important;
	}
	.testimonial .blockquote{
		width: 100%;
		box-sizing: border-box;
		padding: 0 8% 0 40px;
	}
	#clients .container,
	#store.info-section .container{
		padding-left: 5% !important;
		padding-right: 5% !important; 
	}

	#footer-menu, #footer-add-menu,
	#social-footer, .copyright{
		float: none;
	}
	#footer-menu,
	#footer-add-menu{
		overflow: hidden;
	}
	#social-footer{
		display: none;
	}
	.copyright{
		margin-top: 17px;
	}
	#footer .row + .row{
	}
	#store .column-4-small{
		clear: both;
		width: 100%;
		margin: 0 0 45px;
	}
	.excerpt,
	#store h3{
		min-height: 10px;
	}
	.slider-title {
		font-size: 7vw !important;
		white-space: normal;
		/*margin-top: -70px !important;*/
		text-align: center;
	}
	.slider-sub-title {
		font-size: 3.2vw !important;
	}

	.excerpt{
		font-size: 14px;
	}
	body {
		font-size: 5vw;
	}
	.post-meta {
		font-size: 2.7vw;
	}
	.post-excerpt {
		font-size: 3.4vw;
	}
	#go2home{
		width: 30px;
	}
	#header{
		position: relative;
	}
	#content{
		padding-top: 40px;
	}
	.close-btn{
		margin-left: 20px;
	}
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
	.info-section .container{
		padding-top: 40px;
	}
	h2.section-title, div.section-title, .page-meta h2.page-title{
		padding-top: 20px;
	}
	#testimonials .container,
	#clients .container{
		padding-left: 3.5% !important;
		padding-right: 3.5% !important;
	}
	.testimonial .blockquote{
		overflow: hidden;
		clear: none;
		float: none;
		max-width: auto;
	}

 	#account-info{
 		margin-left: 14px;
 		padding-top: 0;
 	}
 	#store .section-title{
 		text-align: left;
 	}
 	.page-menu{
 		right: 2%;
 	}
 	.page-menu li{
 		font-size: 3.2vw;
 	}
 	.section-title-wrapper{
 		text-align: left;
 		padding: 0 2%;
 	}
 	
 	.slider-title {
		font-size: 4.5vw !important;
		color: #fff;
	}
	.slider-sub-title{
		font-size: 1.95vw !important;
		color: #fff;
	}
	h2.section-title, div.section-title,
	.page-meta h2.page-title{
		font-size: 4vw;
	}
	h3{
		font-size: 2.99vw;
	}
	h3 span{
		font-size: 3.1vw;
	}
	body{
		font-size: 2.2vw;
	}
}

/* #### Desktops #### */
@media screen and (min-width: 1024px){
	#main-slider a.red {
	    font-size: 1.5vw;
	}
	.info-section .container,
	#footer .row{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.page-meta{
		width: 30%;
	}
}

@media screen and (min-width: 1200px){
	#main-slider a.red {
	    font-size: 20px;
	}
}

@media screen and (max-width: 1300px){}
@media screen and (max-width: 1024px){}
@media screen and (max-width: 950px){}
@media screen and (max-width: 650px){}
@media screen and (max-width: 480px){}
@media screen and (max-width: 400px){}
@media screen and (max-device-width: 400px) and (orientation: portrait){}
@media screen and (max-device-width: 480px) and (orientation: portrait){}
@media screen and (max-device-width: 640px) and (orientation: landscape){}
@media screen and (max-device-width: 640px){}
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){}
@media screen and (min-width: 1024px){}