@import url(https://fonts.googleapis.com/css?family=Playfair+Display|Roboto+Condensed:300,400,700);

* {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

a {
    text-decoration: none
}

ul {
	list-style:none;
	list-style-type:none;
}

@keyframes bounce {
    0%,
    100%,
    20%,
    60% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    80% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
}

body,
html {
    height: 100%
}

body {
    font-family:'Raleway', sans-serif;
    font-weight:300;
    font-size:62.5%;
    color:#373737;
	background:#e9eaee;
}

.wrapper {
	width:100%;
	max-width:1400px;
	background:#fff;
	margin:0 auto;
	padding:20px;
	overflow:auto;
}

header {
    width: 100%;
	float:left;
	margin:0 0 20px 0;
}

.logo {
	display:block;
	float:left;
}

.logo img {
	display:block;
	width:300px;
	height:auto;
}

nav {
	float:right;
}

nav ul {
	float:left;
}

nav ul li {
	float:left;
}

nav .menu_main li a {
	font-size:2.5em;
	color:#a0a0a0;
	margin:0 20px 0 0;
	height:60px;
	line-height:60px;
}

nav .menu_main li.contact_us {
	background:#f5a0c5;
	color:#fff;
	border-radius:60px;
	height:60px;
	line-height:60px;	
}

nav .menu_main li.contact_us a {
	display:block;
	line-height:60px;
	text-align:center;
	color:#fff;
	padding:0 30px;
	margin:0;
}

nav .menu_social {
	margin:0 0 0 30px;
}

nav .menu_social a {
	color:#fff;
}

nav .menu_social li {
	width:60px;
	height:60px;
	border-radius:50%;
	text-align:center;
	line-height:60px;
	font-size:3.1em;
	margin:0 -5px 0 0;
}

nav .menu_social li a {
	display:block;
	line-height:60px;
}

nav .menu_social .facebook {
	background:#4559ac;
}

nav .menu_social .insta {
	background:#ffbe9b;
}

nav .menu_social .etsy {
	background:#89c8f9;
}

.theme {
    width:100%;
	margin:0 auto 20px auto;
    min-height:530px;
	background:url(images/bg_theme.jpg) no-repeat center top;
	background-size:cover;
	position:relative;
	float:left;
	clear:both;
}

.theme .theme_cnt {
	font-size:2.7em;
	float:right;
	width:500px;
	position:absolute;
  	top:50%;
 	transform:translateY(-50%);
	right:30px;
}

.btn {
	background:#f5a0c5;
	color:#fff;
	border-radius:60px;
	height:60px;
	line-height:60px;
	display:block;
	text-align:center;
	color:#fff;
	padding:0 30px;
	margin:30px 0 0 0;
	float:left;
	clear:both;
}

h1 {
	color:#ffbe9b;
	font-size:2.5em;
	text-align:center;
	display:block;
	margin:30px 0;
}

.products {
	clear:both;
	float:left;
	width:100%;
	margin:0 auto 60px auto;
}

.products .pro_wrap {
	width:50%;		
	float:left;
}

.products .pro_wrap:nth-child(1) {
	padding:0 10px 0 0;
}

.products .pro_wrap:nth-child(2) {
	padding:0 0 0 10px;
}

.prod {
	width:100%;	
}

.prod img{
	width:100%;	
	height:auto;
}

.about {
	clear:both;
	width:100%;
	margin:0 auto;
	max-width:1000px;
	padding:30px 0;
	border-top:solid 1px #eee;
	border-bottom:solid 1px #eee;
}

.about p {
	font-size:2.7em;
	text-align:center;
	line-height:1.6;
}

/**************************************** instagram ****************************************/

.insta_featured {
	clear:both;
	width:100%;
	margin:60px auto 50px auto;
}

.instagram {
	max-width:1400px;
	width:100%;
	text-align:center;
	padding:0 30px;
	overflow:hidden;
}

.instagram {
  line-height: 0;
  -webkit-column-count:7;
  -webkit-column-gap:10px;
  -moz-column-count:7;
  -moz-column-gap:10px;
  column-count:7;
  column-gap:10px;  
}

.instagram a:nth-child(1n+15) {
	display:none;
}

.instagram a img {
	width:100%;
	height: auto !important;
	padding:0 0 10px 0;
}

.instagram img a:hover {
	background:rgba(0,0,0,0.4);
	-webkit-transition:all .7s ease-in-out;
    -moz-transition:all .7s ease-in-out;
    -o-transition:all .7s ease-in-out;
    -ms-transition:all .7s ease-in-out;
    transition:all .7s ease-in-out;
}

footer {
    margin:30px 0;
    text-align:center;
    font-size:1.3em
}

footer img {
	width:30px;
	height:auto;
	margin:15px 0 0 0;
}

.contact_popup,
.cookie_popup {
    display: none;
    position: fixed;
    padding: 15px;
    background: #06C;
    color: #fff;
    text-align: center;
    z-index: 99999;
    width: 100%;
    bottom: 0;
    left: 0;
    font-weight: 300;
    font-size: 11px;
    font-size: 1.1rem
}

.contact_popup a,
.cookie_popup a {
    color: #fff
}

.contact_popup_message,
.cookie_popup_message {
    width: 90%;
    float: left
}

.contact_popup_close,
.cookie_popup_close {
    width: 5%;
    float: right;
    font-size: 20px;
    font-size: 2rem;
    display: block;
    cursor: pointer
}

#contact {
	clear:both;
	max-width:700px;
	width:100%;
	margin:0 auto;
}

#contact .content {
    padding: 60px 0 0
}

#contact-form {
    background-color: #fff;
    width: 100%;
    margin: 0 auto;
    position: relative;
    max-width: 700px
}

#contact-form input,
#contact-form label,
#contact-form select,
#contact-form textarea {
    color: #666;
    font-weight: 100;
    font-size: 17px
}

#errors #info,
#success {
    font-weight: 700
}

#errors,
#success {
    width: 100%;
    display: none;
    font-size: 1.7em
}

#contact-form label {
    padding: 0 0 10px;
    display: block
}

#contact-form input,
#contact-form select,
#contact-form textarea {
    width: 100%;
    border: 1px solid #CEE1E8;
    margin-bottom: 20px;
    padding: 13px
}

#contact-form select {
    line-height: 45px;
    height: 45px
}

#contact-form input:focus,
#contact-form select:focus,
#contact-form textarea:focus {
    border: 1px solid #AFCDD8;
    background-color: #EBF2F4
}

#contact-form textarea {
    height: 180px;
    resize: none
}

#contact-form .required {
    font-weight: 700;
    color: red
}

#contact-form #submit-button {
    width: 100px;
    color: #FFF;
    border: none;
    display: block;
    float: left;
    clear: both;
    margin-bottom: 0;
    margin-right: 6px;
    background-color: #4798ea
}

#contact-form #submit-button:hover {
    background-color: #A6CFDD
}

#contact-form #submit-button:active {
    position: relative;
    top: 1px
}

#contact-form #loading {
    width: 32px;
    height: 32px;
    position: absolute;
    right: 130px;
    bottom: 16px;
    display: none
}

#errors {
    border-top: 1px solid #FFE6E6;
    background: #E58E8E
}

#errors li {
    padding: 2px
}

#errors li:before {
    content: ' - '
}

#errors #info:before {
    content: ''
}

#success {
    border-top: 1px solid #D3EDD3;
    background: #83D186
}

#errors.visible,
#success.visible,
.ir {
    display: block
}

input:required,
textarea:required {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none
}

::-webkit-input-placeholder {
    color: #CCC;
    font-style: italic
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #CCC;
    font-style: italic
}

input.placeholder-text,
textarea.placeholder-text {
    color: #CCC;
    font-style: italic
}

.ir {
    text-indent: -999em;
    background-repeat: no-repeat;
    text-align: left;
    direction: ltr
}

.hidden {
    display: none
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.clearfix:after,
.clearfix:before {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.clearfix {
    zoom: 1
}

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

.theme .theme_cnt {
    width:380px;
}

}

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

.menu_main {
	display:none;
}

.logo {
	width:300px;
    display: block;
    float: none;
	margin:0 auto;
}

nav {
	float:none;
}

nav ul {
    float:none;	
}

nav .menu_social {
    margin:15px auto 0 auto;
	width:170px;
}

.theme {
    background: url(images/bg_theme.jpg) no-repeat left top;
}

.theme .theme_cnt {
    float:none;
    width:100%;
    right:auto;
	background:rgba(255,255,255,0.8);
	padding:15px;
	margin:0 auto;
	text-align:center;
}

.btn {
    float:none;
    clear:both;
	width:240px;
    margin:15px auto 0 auto;
}

.products .pro_wrap {
    width:100%;
}

.products .pro_wrap:nth-child(1) {
    padding:0 0 10px 0;
}

.products .pro_wrap:nth-child(2) {
    padding:10px 0 0 0;
}

.instagram {
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
}

}

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

.instagram {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.instagram a:nth-child(1n+9) {
	display:none;
}

}

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

.logo {
    width: 250px;   
}

.logo img {
    width: 250px;
    height: auto;
}

}