.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}


@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}


@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}


/************** GENERAL & PSEUDO CLASSES ****************/

input {
    /*-webkit-appearance: display;
    border-radius: 0;*/
}
body{  -webkit-font-smoothing: antialiased; }
#main-container{
	width: 100%;
	overflow: hidden;
}

.inner-section{
	padding-top: 44px;
	padding-bottom: 24px;
}
.even-section{
	background-color: #eee;
}
.odd-section{
	background-color: #fff;
}
.blue-btn{
	border-bottom: 3px solid #456ffd;
	background-color: #0a2da5;
	padding: 20px;
	color: #fff;
	
	cursor: pointer;
	position: relative;
	-webkit-border-top-left-radius: 400px;
-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-right-radius: 400px;
-moz-border-radius-topleft: 400px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomright: 400px;
border-top-left-radius: 400px;
border-top-right-radius: 50px;
border-bottom-right-radius: 400px;
}
.orange-btn{
	border-bottom: 3px solid #ffdc73;
	background-color: #ecb716;
	padding: 20px;
	color: #fff;
	
	cursor: pointer;
	position: relative;
	-webkit-border-top-left-radius: 400px;
-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-right-radius: 400px;
-moz-border-radius-topleft: 400px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomright: 400px;
border-top-left-radius: 400px;
border-top-right-radius: 50px;
border-bottom-right-radius: 400px;
}

.green-btn{
	border-bottom: 3px solid #20a86a;
	background-color: #30d589;
	padding: 20px;
	color: #fff;
	
	cursor: pointer;
	position: relative;
	-webkit-border-top-left-radius: 400px;
-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-right-radius: 400px;
-moz-border-radius-topleft: 400px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomright: 400px;
border-top-left-radius: 400px;
border-top-right-radius: 50px;
border-bottom-right-radius: 400px;
}

.red-btn{
	border-bottom: 3px solid #a02a2c;
	background-color: #dd4749;
	padding: 20px;
	color: #fff;
	
	cursor: pointer;
	position: relative;
	-webkit-border-top-left-radius: 400px;
-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-right-radius: 400px;
-moz-border-radius-topleft: 400px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomright: 400px;
border-top-left-radius: 400px;
border-top-right-radius: 50px;
border-bottom-right-radius: 400px;
}

.btn:hover{
	top: 3px;
	border: 0px solid #a02a2c;
}

h1, h3{
	color: #dd4749;
	margin-bottom: 11px;
}
.hr{
	border: 2px solid #ccc;
	width: 20%;
	margin: 0px auto 20px;
}
.hrvertical{
	border-right: 3px solid #ccc;
	height: 80%;
}

h2, h4, h5, h6{
	color: #777;
}
p{
	font-size: 18px;
	color: #777;
	margin: 20px auto;
	width: 80%;
	margin-bottom: 44px;
}

.blue-btn{
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	transition: all .1s ease;
}

.btn{
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	transition: all .1s ease;
}

/************* NAV STYLES *********************/

#main-nav{
	min-height: 80px;
	max-height: 80px;
	background-color: rgba(255,255,255,0.8);
	box-shadow: 0 -2px 5px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 -2px 5px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 -2px 5px 0 rgba(0,0,0,0.1);
	position: fixed;
	top: 0;
	z-index: 20;
	width: 100%;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
.righty { float: right}
.open-nav{
	max-height: 400px !important;
}
#mobile-toggle{
	float: right;
	font-size: 30px;
	color: #0a2da5;
	display: none;
	cursor: pointer;
	position: relative;
	bottom: 35px;
}
.border-menu {
  position: relative;
  padding-left: 1.25em;
  margin-left: 2em;
}
.border-menu:before {
  content: "";
  position: absolute;
  top: 0.25em;
  left: 0;
  width: 1em;
  height: 0.125em;
  border-top: 0.375em double #0a2da5;
  border-bottom: 0.125em solid #0a2da5;
}
#logo{
	padding-top: 10px;
}
#nav-holder ul{
	list-style: none;
	margin: 0px;
	padding-top: 30px;
	overflow: hidden;
}
#nav-holder li{
	float: left;
	list-style: none;
	margin-left: 22px;
}
#nav-holder li a{
	color: #888;
	font-size: 17px;
	font-weight: 700;
}
#nav-holder li a:hover{
	color: #3e4f8a;
}
#nav-holder li:first-child{
	margin-left: 0px;
}

/*************** HOME STYLES ******************/
/*
 * header section
 */

#home img { margin-right: auto; margin-left: auto }

#home{
	padding-top: 10rem;
	background-size: cover;
	background-color: #235071;
	background-position:center 40%;
	min-height: 820px;
	min-width: 100%;

}
#home4shop{
	background-size: cover;
	background-color: #235071;
	background-position:center 30%;
	min-width: 100%;

}
#home4shop h2{
	margin-top: 15%;
}
.droplet{
	background:url('../img/bg01.jpg');
}
.stones{
	background:url('../img/bg01-shop.jpg');
}

#home-slider h2 ,#home-slider h3, #home-slider h4 {
	
	padding:1rem 2rem 0 2rem;
	color: #fff;
	text-shadow: 5px 5px 15px #0a2da5;
	text-align: center;
}
#home-slider h4 {
	font-style: italic;
	margin-top: -1em;
}
#home-slider .hr{
	width: 60%;
	border: 1px solid #ccc;
}
#home .row{
	min-width: 80%;
}
.orbit-timer {
left: -10000px;
top: auto;
height: 1px;
overflow: hidden;
position: absolute;
width: 1px;
}
.orbit-bullets li {
background: #fff;
}
.orbit-bullets li.active {
background: #0a2da5;
}
.fully { max-width: 100%;}
.hovering { cursor: pointer }


/********************* FEATURES SECTION *********************/
.shadowy {   
	box-shadow: 0 -2px 5px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 -2px 5px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 -2px 5px 0 rgba(0,0,0,0.1);}
#highway{background:url('../img/highway.jpg');
	background-size: cover;
	background-position:left bottom; /* or 0% 100% */
	background-color: #235071;
	min-width: 100%;
	min-height: 200px;
}
.twin-soul {
	margin: auto;
	width: 30rem;
	height: 30rem;
	border:0.5rem solid #dedede;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background: url('../img/twin-soul.jpg') no-repeat center center;
	}
#thalia{background:url('../img/thalia-wide.jpg');
	background-size: cover;
	background-position:left bottom; /* or 0% 100% */
	background-color: #235071;
	min-width: 100%;
	min-height: 200px;
}
#blind{background:url('../img/blind.jpg');
	background-size: cover;
	background-position:left bottom; /* or 0% 100% */
	background-color: #235071;
	min-width: 100%;
	min-height: 200px;
}

#children{background:url('../img/children.jpg');
	background-size: cover;
	background-position:right top; /* or 0% 100% */
	background-color: #235071;
	min-width: 100%;
	min-height: 350px;
}
#spread{background:url('../img/spread.jpg');
	background-size: cover;
	background-position:right top; /* or 0% 100% */
	background-color: #235071;
	min-width: 100%;
	min-height: 350px;
}
#couple{background:url('../img/couple.jpg');
	background-size: cover;
	background-position:center center; /* or 0% 100% */
	background-color: #235071;
	min-width: 100%;
	min-height: 450px;
}
#athens{background:url('../img/athens.jpg');
	background-size: cover;
	background-position:right top; /* or 0% 100% */
	background-color: #011ab2;
	min-width: 100%;
	min-height: 250px;
}

#seminar4shop{background:url('../img/bg01.jpg');
	background-size: cover;
	background-position: 50% 40%; /* or 0% 100% */
	background-color: #011ab2;
	min-width: 100%;
	min-height: 550px;
}
#orgonite{background:url('../img/orgonite-spiral.jpg');
	background-size: cover;
	background-position: 50% 40%; /* or 0% 100% */
	background-color: #011ab2;
	min-width: 100%;
	min-height: 520px;
}
#decor{background:url('../img/decor.jpg');
	background-size: cover;
	background-position: 50% 40%; /* or 0% 100% */
	background-color: #011ab2;
	min-width: 100%;
	min-height: 400px;
}


.clearit {padding: 0}
.push-down { margin-bottom: 50px;}
.mid-row{
	background-color: #f5f5f5;
}
.platform-row .hr{
	width: 40%;
	border: 1px solid #ccc;
	margin-bottom: 0px;
	display: inline-block;
}
.platform-row p{
	margin-top: 22px;
	margin-bottom: 44px;
}

/*************** NEWSLETTER SECTION **************/
#newsletter{
	background:url('../img/bgnews.jpg');
	background-size: cover;
	background-color: #acacac;
	padding: 2rem;
}
#newsletter .inner-section{
	padding-bottom: 10px;
}
#newsletter i{
	float: left;
	display: block;
	font-size: 170px;
	height: 100px;
	width: 100px;
	line-height: 0.35;
	color: #ccc;
	float: left;
}
#newsletter h3{
	color: rgba(255,255,255,0.7);
	font-weight:normal;
}
.newsletter-email{
	width: 60% !important; 
	top: 3px;
	position: relative;
	height: 63px !important;
}
.newsletter-btn{
	background-color: #dd4749;
	border-style: none;
	border-bottom: 3px solid #222;
	padding: 20px;
	color: #fff;
	
	border-bottom: 3px solid #a02a2c;
	cursor: pointer;
	position: relative;
	width: 35%;
	margin-left: 5%;
	font-size: 18px;
	-webkit-border-top-left-radius: 400px;
-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-right-radius: 400px;
-moz-border-radius-topleft: 400px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomright: 400px;
border-top-left-radius: 400px;
border-top-right-radius: 50px;
border-bottom-right-radius: 400px;
}

.newsletter-btn:hover{
	top: 3px;
	border-bottom: 0px solid #a02a2c;
}
#newsletter .green-btn{
	border-bottom: 3px solid #20a86a !important;
	background-color: #30d589 !important;
	cursor: default !important;
}	
#newsletter .form-sent{
	top: 3px;
	height: 64px;
	text-align: center;
}

/**************** PRICING SECTION ****************/
.heighty{ height: 60px}
.register .btn{
	display: inline-block;
	font-size: 18px;
	color: #fff;
}
.register .btn:hover{
	top: 3px;
	border-bottom: 0px solid #fff;
}

/******************** FAQ Section ********************/

#faq{
	background:url('../img/bg02.jpg');
	background-size: cover;
	background-color: #235071;
	overflow: hidden;
}


/*********************** FOOTER SECTION *******************/

#footer{
	background:url('../img/footer-bg.jpg');
	background-repeat:no-repeat;
	background-size: cover;
	background-color: #222;
	background-position: center;
	padding-top: 44px;
}

#footer h4, #footer h6{
	color: #3e4f8a;
	
}

#footer h3{
	font-family: 'montezregular', "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
	color: #3e4f8a;
	opacity: 0.8;
	font-weight: normal;
	font-size: 30px;
	margin-bottom: 0px;
	margin-top: 66px;
}

#footer li{
	list-style: none;
	
	font-size: 17px;
	margin-bottom: 3px;
}

#footer li a{
	color: #3e4f8a;
}

.footer-title{
	margin-bottom: 5px;
	color: #3e4f8a;
	border-bottom: 1px solid  #3e4f8a;
}

#footer p{
	color: #3e4f8a;
}

#footer i{
	font-size: 40px;
	margin-left: 22px;
	color: #3e4f8a;
	opacity: 0.5;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

#footer i:hover{
	opacity: 1;
}

.footer-social{
	margin-top: 11px;
}

#footer .newsletter-email{
	background-color: #fff;
	border: 1px solid #fff;
	height: 54px !important;
	color: #666;
	width: 100% !important;
}	

#footer .newsletter-btn{
	padding: 15px;
	font-size: 16px;
	right: 0px;
	width: 130px !important;
}

#footer .green-btn{
	border-bottom: 3px solid #20a86a !important;
	background-color: #30d589 !important;
	cursor: default !important;
	text-align: center;
}	


.mail-link a{
	color: #3e4f8a;
}

.mail-link{
	margin-top: 22px;
	font-size: 16px;
	margin-bottom: 44px;
}

.mail-link i{
	display: inline-block;
	padding-bottom: 6px;
	padding-right: 10px;
	opacity: 1 !important;
}

/*************/
#shop .row{
	min-width: 80%;
}
.support img {  
margin: auto;
	width: 10rem;
	height: auto;
	border:0.5rem solid #dedede;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;}
.support h4 { 
	color: #dd4749;
	font-weight: 700;

}

#malas{background:url('../img/malas.jpg');
	background-size: cover;
	background-position: center center; /* or 0% 100% */
	background-color: #235071;
	min-width: 100%;
	min-height: 400px;
}
#manymalas{background:url('../img/manymalas.jpg');
	background-size: cover;
	background-position: center center; /* or 0% 100% */
	background-color: #235071;
	min-width: 100%;
	min-height: 400px;
}

#bigsmile{background:url('../img/bigsmile.jpg');
	background-size: cover;
	background-position: 20% center; /* or 0% 100% */
	background-color: #235071;
	min-width: 100%;
	min-height: 400px;
}
.main ul li img:first-child {
	opacity: 1;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;    
}
.main ul li img:first-child:hover {
      opacity: 0.7;
    }

.malas-btn{
	background-color: #dd4749;
	border-style: none;
	border-bottom: 3px solid #222;
	padding: 20px;
	color: #fff;
	
	border-bottom: 3px solid #a02a2c;
	cursor: pointer;
	position: relative;
	/* width: 35%; */
	margin-left: 5%;
	font-size: 18px;
	-webkit-border-top-left-radius: 400px;
-webkit-border-top-right-radius: 50px;
-webkit-border-bottom-right-radius: 400px;
-moz-border-radius-topleft: 400px;
-moz-border-radius-topright: 50px;
-moz-border-radius-bottomright: 400px;
border-top-left-radius: 400px;
border-top-right-radius: 50px;
border-bottom-right-radius: 400px;
}

.malas-btn:hover{
	top: 3px;
	border-bottom: 0px solid #a02a2c;
}