* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html,body {
	height: 100%;
	width: 100%;
}

html {
	font-size: 16px;
}

@font-face {
	font-family: "Metropolis";
    src: url("../metropolis/Metropolis-Medium.otf");
}

@font-face {
    font-family: "Metropolis-ExtraBold";
    src: url("../metropolis/Metropolis-ExtraBold.otf");
}

@font-face {
    font-family: "Metropolis-Light";
    src: url("../metropolis/Metropolis-Light.otf");
}

@font-face {
    font-family: "Metropolis-ExtraLight";
    src: url("../metropolis/Metropolis-ExtraLight.otf");
}

body {
	font-size: 62.5%;
	font-family: 'Open Sans', sans-serif;
}

img {
	height: auto;
	max-width: 100%;
}

h2 {
	color: #4c4c4c;
	font-size: 5.8em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	margin-bottom: 0.3em;
	line-height: 1.2em;
}

ul {
	list-style-type: none;
}

a {
	text-decoration: none;
}

a:hover,a:focus {
	text-decoration: none;
}

.my-row {
	margin: 0;
}

.padding-zero {
	padding: 0;
}

.margin-zero {
	margin: 0;
}

/*--------home-page---------*/

/*header*/

header {
	background: url("../images/breadcrumbs_bg.jpg") center center;
	background-size: cover;
	position: relative;
}

.logo_menu {
	padding: 5em 0 5em 5em;
}

.healthy {
	top: 37%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	right: 5%;
	position: absolute;
	opacity: 0.1;
	display: none;
}

.healthy span {
	font-size: 27em;
	font-weight: bold;
	text-shadow: 5px 5px 5px #000;
}

.absolute {
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	right: 10%;
	position: absolute;
}

.close-menu {
	float: right;
	cursor: pointer;
}

.menu {
	position: fixed;
	right: 1%;
	top: 3%;
	cursor: pointer;
	z-index: 99;
}

.health h1 {
	color: #fff;
	font-size: 10em;
	margin-bottom: 0.5em;
	opacity: 0;
	position: relative;
	top: 2em;
	font-family: "Metropolis-ExtraBold"
}

.absolute>span {
	font-size: 4.2em;
	font-family: "Metropolis-Light";
	color: #fff;
	display: block;
	margin: 1.5em;
	top: 1em;
	opacity: 0;
	position: relative;
}

.absolute h1 span {
	font-family: 'Caveat', cursive;
	font-weight: normal;
}

.button {
	display: inline-block;
	border-radius: 3em;
	margin: 0 auto;
	background-color: rgb(255, 255, 255);
	min-width: 15em;
	padding: 1.5em 0;
	color: rgb(255, 25, 79);
	font-size: 1.8em;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	top: 5em;
	opacity: 0;
	transition: color 0.5s;
	-webkit-transition: color 0.5s;
	-ms-transition: color 0.5s;
}

.button:hover,.button:focus {
	color: rgba(66,202,243,1.00);
}

.scroll {
	position: absolute;
	bottom: 1em;
	width: 100%;
}

.scroll a {
	display: inline-block;
	width: 10em;
}

.scroll a:hover {
	animation: squat 0.5s;
	-webkit-animation: squat 0.5s cubic-bezier(0.2, -0.8, 0.6, -1.2);
	-ms-animation: squat 0.5s cubic-bezier(0.2, -0.8, 0.6, -1.2);
}

@keyframes squat {
	0% {transform: translateY(0);}
	50% {transform: translateY(1em);}
	100% {transform: translateY(0);}
}

@-webkit-keyframes squat {
	0% {transform: translateY(0);}
	50% {transform: translateY(1em);}
	100% {transform: translateY(0);}
}

/*fixed-right*/

.fixed-right {
	position: fixed;
	top: 0;
	right: -100%;
	width: 32em;
	height: 100%;
	z-index: 999;
	background-color: #5a5386;
	padding: 5em 5em 0 0;
	transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out; 
	-ms-transition: all 1s ease-out;
}

.center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}

.center ul li a,footer a {
	font-size: 3em;
	color: #fff;
	display: block;
	margin-bottom: 0.3em;
}

.center li a:hover,.center li a:focus {
	color: #b6b0de;
}

/*right*/

.right-menu {
	position: fixed;
	right: 1%;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	z-index: 99;
}

.right-menu .circle {
	display: block;
	width: 0.6em;
	height: 0.6em;
	background-color: #fff;
	color: #fff;
	border-radius: 50%;
	margin-bottom: 1em;
	padding: 0;
}

.right-menu .circle:before {
	display: inline-block;
	opacity: 0;
	position: relative;
	transition: all 1s;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	font-size: 1.1em;
	white-space: nowrap;
	bottom: 0.4em;
}

#one:before {
	content: "Reasons";
}

#two:before {
	content: "Approach";
}

#three:before {
	content: "New Book";
}

#four:before {
	content: "Programs";
}

#five:before {
	content: "Articles";
}

#six:before {
	content: "Consultation";
}

#seven:before {
	content: "Instagram";
}

.circle:hover:before {
	opacity: 1;
	transform: translateX(-120%);
}

.circle:hover,.circle:focus {
	background-color: rgba(66,202,243,1.00) !important;
}

.blue {
	background-color: rgba(66,202,243,1.00) !important;<div class="col-md-4 col-sm-4 col-xs-12 flexbox">
	<div class="margin-right">
		<a href="#" class="work-service" id="work-service-1">
			<i class="glyphicon glyphicon-list center"></i>
		</a>
	</div>
	<div class="max-width">
		<h3>Πρόγραμμα Διατροφής</h3>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
	</div>
</div>
}

/*reason*/

.hello {
	margin-bottom: 5em;
}

.main-content {
	width: 65%;
	margin: 0 auto;
}

.main-content h6,.book-content h6,.programs h6,.articles h6,.recommendations h6,.slider h6,.certificates h6,.work h6,.top-10 h6 {
	color: #42caf3;
	font-size:2.4em;
	font-family: "Open Sans",serif;
	font-weight: 200;
	margin-bottom: 1.2em;
}
.main-content h2{
	font-size: 2.8rem;
	font-family: "Open sans",serif;
	font-weight: 400;
}

.main-content p {
	color: #999;
	font-size: 2.5em;
	font-family: "Open Sans";
	font-weight: 300;
	line-height: 1.6em;
	max-width: 90%;
	margin: 0 auto;
	margin-bottom: 1.5em;
}

.story-btn {
	display: inline-block;
	border-radius: 3em;
	
	background-color: #ff194f;
	
	padding: 1.5em;
	color: #fff;
	font-size: 1.4em;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: background-color 0.3s linear;
	-webkit-transition: background-color 0.3s linear;
	-ms-transition: background-color 0.3s linear;
	position: relative;
	font-family: "Open Sans";
}

.story-btn:before,.learn:before {
	border: 2px solid #ff194f;
    opacity: 0;
    -webkit-transform: scale3d(1.2,1.2,1);
    transform: scale3d(1.2,1.2,1);
    content: '';
    z-index: 1;
    border-radius: inherit;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75,0,0.125,1);
    transition-timing-function: cubic-bezier(0.75,0,0.125,1);
}

.story-btn:hover:before,.story-btn:focus:before,.learn:hover:before,.learn:focus:before {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

.story-btn:hover,.story-btn:focus,.learn:hover,.learn:focus {
	background-color: transparent;
	color: #ff194f;
}

/*approach*/

.approach,.certificates,.changes {
	background: url("../images/background-6.jpg") center center no-repeat;
	background-size: cover;
	padding: 13em 0;
}

.approach h2 {
	color: #fff;
	margin-bottom:1em;
}

.service-img {
	position: relative;
}

.small-btn {
	position: absolute;
	top: 1em;
	left: 2em;
}

.small-btn a {
	display: inline-block;
	border-radius: 3em;
	background-color: #fff;
	min-width: 8em;
	padding: 0.6em 0;
	color: #4c4c4c;
	font-size: 1em;
	text-decoration: none;
	transition: color 0.5s;
	-webkit-transition: color 0.5s;
	-ms-transition: color 0.5s;
}

.small-btn a:hover ,.small-btn a:focus {
	color: #ff194f;
}

.description {
	background-color: #fff;
	padding: 4.5em;
}

.description h3 a {
	text-decoration: none;
	color: #4c4c4c;
	transition: color 0.5s;
	-webkit-transition: color 0.5s;
	-ms-transition: color 0.5s;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
}

.description h3 a:hover {
	color: #ff194f;
}

.description h3 {
	font-size: 2.5em;
	font-weight: 200;
	margin-top: 0;
}

.description span {
	font-family: "caveat",serif;
	color: #42caf3;
	font-size: 2.5em;
	margin-bottom: 0.5em;
	display: block;
}

.description p,.book-content p,.slider .flex p {
	color: #4c4c4c;
	font-size: 1.6em;
	line-height: 1.8em;
	margin-bottom: 2em;
	font-family: 'Open Sans', sans-serif;
}

.slider .flex p {
	margin-bottom: 0;
}

.learn {
	display: inline-block;
	border-radius: 3em;
	margin: 0 auto;
	background-color: #ff194f;
	min-width: 10em;
	padding: 1em 0;
	color: #fff;
	font-size: 1.4em;
	text-decoration: none;
	text-align:center;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: background-color 0.3s linear;
	-webkit-transition: background-color 0.3s linear;
	-ms-transition: background-color 0.3s linear;
	position: relative;
}

/*book*/

.book {
	padding: 17em 0;
}

.book-content p {
	margin-right: 7em;
	font-size: 1.7em;
}

/*programs*/


.diet {
	background-color: #e9e9eb;
}

.programs ul li,.top-10 li {
	color: #4c4c4c;
	font-size: 2em;
	font-family: "Open Sans";
	position: relative;
	margin-bottom: 3em;
	padding-left: 4em;
}

.programs ul li:before,.top-10 li:before {
	content: '+';
    font-size: 0.8em;
    width: 2.7em;
    height: 2.7em;
    background: #ddd;
    border-radius: 50%;
    line-height: 2.8em;
    text-align: center;
    color: #fff;
    background-color: #ff194f;
    left: 0;
    top: -0.7em;
    position: absolute;
}

.programs ul {
	position: relative;
}

.programs ul:before {
	border: 1px dashed #ddd;
    content: '';
    position: absolute;
    left: 2em;
    top: 0;
    height: 100%;
}

.programs h6 {
	margin-bottom: 2em;
}

.program-btn a:first-child  {
	display: inline-block;
	border-radius: 3em;
	margin: 0 auto;
	background-color: #42caf3;
	min-width: 15em;
	padding: 1.5em 0;
	color: #fff;
	font-size: 1.4em;
	text-decoration: none;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: background-color 0.3s linear;
	-webkit-transition: background-color 0.3s linear;
	-ms-transition: background-color 0.3s linear;
	position: relative;
	font-family: "Open Sans";
	margin-right: 1em;
}

.program-btn a:first-child:before {
	border: 2px solid #42caf3;
    opacity: 0;
    -webkit-transform: scale3d(1.2,1.2,1);
    transform: scale3d(1.2,1.2,1);
    content: '';
    z-index: 1;
    border-radius: inherit;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75,0,0.125,1);
    transition-timing-function: cubic-bezier(0.75,0,0.125,1);
}

.program-btn a:hover:first-child,.program-btn a:focus:first-child {
	background-color: transparent;
	color: #42caf3;
}

.program-btn a:last-child,.top-10 a {
	display: inline-block;
	border-radius: 3em;
	margin: 0 auto;
	background-color: transparent;
	min-width: 13em;
	padding: 1.5em 0;
	color: #42caf3;
	font-size: 1.4em;
	text-decoration: none;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: background-color 0.3s linear;
	-webkit-transition: background-color 0.3s linear;
	-ms-transition: background-color 0.3s linear;
	position: relative;
	font-family: "Open Sans";
	border: 2px solid #42caf3;
}

.program-btn a:last-child:before,.top-10 a:before {
	border: 2px solid #ff194f;
    opacity: 0;
    -webkit-transform: scale3d(1.2,1.2,1);
    transform: scale3d(1.2,1.2,1);
    content: '';
    z-index: 1;
    border-radius: inherit;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75,0,0.125,1);
    transition-timing-function: cubic-bezier(0.75,0,0.125,1);
}

.program-btn a:hover:last-child,.program-btn a:focus:last-child,.top-10 a:hover,.top-10 a:focus {
	color: #ff194f;
	border-color: transparent;
}

.program-btn a:hover:before,.program-btn a:focus:before,.get:hover:before,.get:focus:before,.top-10 a:hover:before,.top-10 a:focus:before {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

/*articles*/

.articles {
	padding: 14em 0;
}

.updates {
	position: relative;
}

.journey {
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%,-50%);
	-webkit-transform: translate(50%,-50%);
	-ms-transform: translate(50%,-50%);
	width: 80%;
}

.journey a {
	color: #fff;
	text-decoration: none;
	font-size: 3em;
	font-family: "Metropolis-Light";
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
	display: inline-block;
	margin-bottom: 0.5em;
}

.journey a:hover {
	color: #ff194f;
}

.small-box:first-child {
	margin-bottom: 1em;
}

.background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.4;
}

.journey span {
	color: #fff;
	font-size: 1.4em;
	font-family: "Metropolis-Light";
}

.img-description {
	padding: 1em;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
}

.img-description a {
	color: #121419;
	font-size: 1.6em;
	text-decoration: none;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
	font-family: "Metropolis-Light";
}

.img-description:hover {
	background-color: #ff194f;
}

.img-description:hover a {
	opacity: 0.8;
	color: #fff;
}

/*consultation*/

.layers,.layer-1,.layer-2 {
	position: relative;
}

.social-media a {
	display: inline-block;
	background-color: #fff;
	border-radius: 50%;
	width: 7em;
	height: 7em;
	position: relative;
	margin: 1em;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
}

.social-media {
	position: absolute;
	top: 25%;
	right: 50%;
	transform: translate(50%,-50%);
	-webkit-transform: translate(50%,-50%);
	-ms-transform: translate(50%,-50%);
	width: 100%;
}

.social-media a img,.recommendations {
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%,-50%);
	-webkit-transform: translate(50%,-50%);
	-ms-transform: translate(50%,-50%);
}

.recommendations {
	width: 100%;
}

.social-media a:hover {
	background-color: #42caf3;
}

.image-hover {
	display: none;
}

.social-media a:hover .image-hover,.social a:hover .image-hover {
	display: inline-block;
}

.social-media a:hover .image,.social a:hover .image {
	display: none;
}

.contact {
	position: absolute;
	top: 75%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
}

.phone {
	margin-bottom: 3em;
}

.layer-1 h3 {
	color: #fff;
	font-size: 3em;
	font-family: "Metropolis-ExtraLight";
	margin-bottom: 0.8em;
}

.layer-1 p {
	color: #fff;
	font-size: 1.3em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	line-height: 1.8em;
	margin-bottom: 1.4em;
}

.contact span,.contact a {
	display: block;
	color: #fff;
	font-size: 2em;
	font-family: "Metropolis-ExtraLight";
}

.contact a:hover,.contact a:focus {
	color: #8edcc0;
}

.recommendations h2 {
	color: #fff;
	margin-bottom: 0;
	font-size:3em
}

.recommendations h6 {
	color: #8edcc0;
	font-family:"Open Sans";
	font-size:0.8em;
}

.get {
	display: inline-block;
	border-radius: 3em;
	margin: 0 auto;
	background-color: #fff;
	min-width: 10em;
	padding: 1.5em 0;
	color: #ff194f ;
	font-size: 1.4em;
	text-decoration: none;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: background-color 0.3s linear;
	-webkit-transition: background-color 0.3s linear;
	-ms-transition: background-color 0.3s linear;
	position: relative;
	font-family: "Metropolis";
}

.get:before {
	border: 2px solid #ff194f;
    opacity: 0;
    -webkit-transform: scale3d(1.3,1.3,1);
    transform: scale3d(1.3,1.3,1);
    content: '';
    z-index: 1;
    border-radius: inherit;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75,0,0.125,1);
    transition-timing-function: cubic-bezier(0.75,0,0.125,1);
}

.get:hover ,.get:focus{
	background-color: transparent;
	color: #ff194f;
}

.flex {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.layers:last-child {
	background-color: #e9e9eb;
}

.request {
	width: 80%;
	margin: 0 auto;
	margin-bottom: 7em;
	font-family:"Open Sans"
}

.request p{
	
	font-family:"Open Sans";
	font-weight:100
}
.request h2 {
	margin-bottom: 0.5em;
}

.layers:last-child p {
	color: #4c4c4c;
	font-size: 1.5em;
	font-family: "Open Sans";
	max-width: 75%;
	margin: 0 auto;
}

.form-container {
	width: 70%;
	margin: 0 auto;
}

.inputs {
	margin-bottom: 2em;
}

.input:first-child {
	padding-left: 0;
	padding-right: 10px;
}

.input:nth-child(2) {
	padding-right: 0;
	padding-left: 10px;
}

.input input,.message textarea,.text input,.textarea textarea {
	width: 100%;
	height: 4em;
	padding: 1em;
	border: none;
	outline: none;
	border-radius: 5px;
	font-family: "Metropolis-Light";
	font-size: 1.2em;
	color: #999;
}

.input input:focus,.message textarea:focus,.text input:focus,.textarea textarea:focus {
	border: 2px solid #ff194f;
}

.message,.textarea {
	margin-bottom: 4em;
}

.message textarea,.textarea textarea {
	height: 15em;
	resize: none;
}

/*instagram*/

.white {
	padding: 11em 0;
}

.white h2 {
	margin-bottom: 1em;
}

.follow .service {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
}

.follow .service:hover {
	opacity: 0.8;
}

footer {
	background-color: #000;
	padding: 5em 0;
}

footer a {
	font-family: "Metropolis-ExtraLight";
	font-size: 2em;
	line-height: 1.7em;
}

footer a:hover,footer a:focus {
	color: #8edcc0;
}

footer span {
	color: #909090;
	font-size: 1.6em;
	font-family: "Metropolis-ExtraLight";
	display: block;
	margin-bottom: 1em;
}

footer .social a,.blogging .social a {
	display: inline-block;
	margin-right: 1em;
}

/*-----------about----------*/

/*navbar*/

.mynavbar {
	background-color: #fff;
	margin-bottom: 0;
	border-bottom: none;
}

.mynavbar {
	padding: 3.5em 0;
}

.mynavbar-header {
	padding: 0;
}

.mynavbar .brand {
	height: auto;
}

.brand img,.mynavbar,.mynavbar-header {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
}

.mynav {
	margin-top: 3em;
}

.mynavbar .mynav > li > a {
	color: #2d2d2d;
	font-size: 1.6em;
	transition: all 1s;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	border: 2px solid transparent;
	padding: 0.5em 0.5em;
	margin: 0 1em;
}

.mynavbar .mynav > li > a:hover {
	border-bottom: 2px solid #8edcc0;
}

.top {
	background-color: #ff194f;
	position: fixed;
	bottom: -4em;
	opacity: 0;
	right: 2em;
	width: 4em;
	height: 4em;
	color: #fff;
	font-size: 1.3em;
	cursor: pointer;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	z-index: 999;
}

.top:hover {
	background-color: #fff;
	color: #ff194f;
}

.mynavbar .mybtn {
	border: none;
}

.mynavbar .mybtn:hover {
	background-color: transparent;
}

.mynavbar .mybtn:focus {
	outline: none;
	background-color: transparent;
	box-shadow: none;
}

.mynavbar .mybtn .mybar {
	background-color: #4c4c4c;
}

/*about*/

.about {
	background: url("../images/breadcrumbs_bg.jpg") center center no-repeat;
	background-size: cover;
	padding: 8em 0;
}

.about h2,.about span,.about a,.changes {
	color: #fff;
	font-family: "Metropolis-Light";
}

.about h2 {
	margin-bottom: 0;
}

.about p {
	font-size: 2.5em;
}

.about a:hover {
	color: rgba(255,255,255,0.7);
}

/*welcome*/

.welcome {
	padding: 11em 0;
}

.welcome .main-content {
	width: 100%;
}

/*slider*/

.slider {
	background: url("../images/background-4.jpg") center center no-repeat;
	background-size: cover;
	padding: 16em 0;
}

.slider h2,.slider h6,.slider .flex p,.certificates h2,.certificates h6 {
	color: #fff;
}

.slider .flex p {
	font-size: 1.7em;
	margin-right: 6em;
}

.slider .carousel .control {
	background-image: none;
}

.slider .carousel .control {
	opacity: 1;
}

.slider .carousel .control .controls {
	background-color: #ff194f;
	color: #fff;
	border-radius: 50%;
	font-size: 15px;
	line-height: 2;
	width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -15px;
}

.glyphicon-menu-left {
	left: 50%;
}

.glyphicon-menu-right {
	right: 50%;
}

.slider .carousel .control .controls:hover {
	background-color: #fff;
	color: #ff194f;
}

.caption {
	background-color: #fff;
	padding: 3em;
}

.caption p {
	font-size: 1.7em;
	color: #4c4c4c;
	font-family: "Open Sans";
	margin-bottom: 0;
}

/*certificates*/

.certificates {
	padding: 17em 0;
}

.certificates h2 {
	max-width: 75%;
	margin: 0 auto;
}

.swiper-wrapper {
	margin-bottom: 2em;
}

.swiper-pagination {
	position: static;
}

.swiper-pagination-bullet-active {
	background: #fff;
}

/*------services------*/

/*work*/

.work,.touch,.contact-form {
	padding: 12em 0;
}

.flexbox {
    display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
        align-items: flex-start;
}

.margin-right {
	margin-right: 2em;
}

.max-width {
	max-width: 70%;
}

.work-service {
	border-radius: 50%;
	width: 11em;
	height: 11em;
	display: inline-block;
	position: relative;
}

.work .work-service:before {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	content: "";
	border-radius: inherit;
	z-index: -1;
	transform: scale3d(1.3,1.3,1);
	-webkit-transform: scale3d(1.3,.1.3,1);
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.75,0,0.125,1);
    transition-timing-function: cubic-bezier(0.75,0,0.125,1)
}

.work .work-service:hover:before {
	opacity: 1;
	transform: scale3d(1,1,1);
	-webkit-transform: scale3d(1,1,1);
}

#work-service-1 {
	background-color: #fda872;
}

.work #work-service-1:before {
	border: 10px solid #fda872;
	background-color: #fda872;
}

#work-service-2 {
	background-color: #42caf3;
}

.work #work-service-2:before {
	border: 10px solid #42caf3;
}

#work-service-3 {
	background-color: #8edcc0;
}

.work #work-service-3:before {
	border: 10px solid #8edcc0;
}

.work-service i {
	color: #fff;
	font-size: 3.5em;
}

.work h3,.work p {
	color: #4c4c4c;
	font-family: "Open Sans";
	font-weight:400
}

.work h3,.changes h3 {
	font-size: 3em;
	margin-top: 0;
}

.work p,.changes p {
	font-size: 1.7em;
}

.work h6,.top-10 h6 {
	margin-bottom: 1.6em !important;
}

/*change*/

.changes {
	padding: 0;
}

.changes div {
	padding: 3em;
	max-width: 80%;
}

.changes-image {
	background: url("../images/background-7.jpg") center center no-repeat;
	background-size: cover;
}

/*top-10*/

.top-10 {
	padding: 11em 0;
}

.top-10 ul li {
	font-size: 1.6em;
	font-family: "Open Sans";
	margin-bottom: 1.5em;
}

.top-10 ul li:before {
	top: 0;
	background-color: #42caf3;
	content: url("../images/checked.png");
	line-height: 3.4em;
}

.row-bottom {
	margin-bottom: 3em;
}

/*-------contact-------*/

/*touch*/

.touch p,.touch a,.contact-form p {
	font-size: 1.5em;
	font-family: "Open Sans";
	color: #4c4c4c;
}

.touch .work-service {
	margin-bottom: 1em;
}

.block {
	display: block;
}

.block:hover {
	color: #8edcc0;
}

/*contact-form*/

.contact-form {
	background-color: #f9f9f9;
}

.text input,.textarea textarea {
	border: 2px solid #e9e9eb;
}

/*map*/

#map {
	width: 100%;
	padding: 15% 0;
}

/*-----blog-----*/

#blog-1 {
	background: url("../images/image-1.jpg") center center no-repeat;
	background-size: cover;
}

#blog-2 {
	background: url("../images/image-3.jpg") center center no-repeat;
	background-size: cover;
}

#blog-3 {
	background: url("../images/image-6.jpg") center center no-repeat;
	background-size: cover;
}

#blog-4 {
	background: url("../images/image-2 (1).jpg") center center no-repeat;
	background-size: cover;
}

#blog-5 {
	background: url("../images/image-8.jpg") center center no-repeat;
	background-size: cover;
}

#blog-6 {
	background: url("../images/image-4.jpg") center center no-repeat;
	background-size: cover;
}

#blog-7 {
	background: url("../images/image-5 (1).jpg") center center no-repeat;
	background-size: cover;
}

#blog-8 {
	background: url("../images/image-7.jpg") center center no-repeat;
	background-size: cover;
}

.blog .padding-zero {
	position: relative;
}

.blog-left,.blog-right {
	width: 50%;
}

.blog-left {
	float: left;
}

.blog-right {
	float: right;
}

.padding {
	padding: 7em 4em;
}

.blog h3 {
	margin-bottom: 1.5em;
	margin-top: 0;
}

.blog h3 a {
	color: #4c4c4c;
	transition: color 0.5s;
    -webkit-transition: color 0.5s;
    -ms-transition: color 0.5s;
    font-family: "Metropolis-Light";
}

.blog h3 a:hover {
	color: #ff194f;
}

.blog p {
	font-size: 1.4em;
	font-family: "Metropolis-Light";
	color: #4c4c4c;
	margin-bottom: 2em;
}

.blog-modal {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}

.blog .padding-zero:hover .blog-modal {
	opacity: 0.5;
}

.blog .padding-zero:hover .blue {
	opacity: 1;
}

.blog .blue {
	width: 7em;
	height: 7em;
	border-radius: 50%;
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}

.blog .blue span {
	color: #fff;
}

/*-------blog_page-----*/

/*blogging*/

.blogging {
	padding: 14em 0;
}

.blog-image {
	margin-bottom: 4em;
}

.lorem p:first-child {
	margin-bottom: 2em;
}

.lorem {
	margin-bottom: 2em;
}

.lorem-2 {
	margin-bottom: 5em;
}

.blogging p {
	font-family: "Metropolis-Light";
	color: #4c4c4c;
	font-size: 1.4em;
}

.lorem-2 h3 {
	font-family: "Metropolis-Light";
	color: #4c4c4c;
	margin-bottom: 1em;
}

.mel-img {
	background: url("../images/3f3984de55e23a30e19d93e787f9706f.jpeg") center center no-repeat;
	background-size: cover;
}

.mel-content {
	padding: 2em;
}

.tags p {
	font-family: "Metropolis";
	font-size: 1.6em;
}

.tags p:last-child {
	margin-bottom: 0;
}

.tags a {
	color: #ff194f;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
	font-family: "Metropolis";
	font-size: 1em;
}

.tags a:hover {
	color: #2d2d2d;
}

.tags_social {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	margin-bottom: 5em;
}

.about_mel {
	margin-bottom: 5em;
	overflow: hidden;
}

.mel-content {
	background-color: #e9e9eb;
}

.about_mel .mel-content div {
	max-width: 80%;
}

.about_mel h3,.about-mel p {
	font-family: "Metropolis-Light";
	color: #4c4c4c;
}

.blog-form .inputs input:focus,.blog-form .textarea textarea:focus {
	border: 2px solid #e9e9eb
}

.blog-form h2 {
	font-size: 4.5em;
	margin-bottom: 0.7em;
}

.blog-form .inputs div:last-child {
	margin-bottom: 2em;
}

.submit {
	display: inline-block;
	border-radius: 3em;
	margin: 0 auto;
	background-color: #ff194f;
	min-width: 10em;
	padding: 1.5em 0;
	color: #fff;
	font-size: 1.4em;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: background-color 0.3s linear;
	-webkit-transition: background-color 0.3s linear;
	-ms-transition: background-color 0.3s linear;
	font-family: "Metropolis-Light";
}

.submit:hover,.submit:focus {
	color: #fff;
	background-color: #42caf3;
}

.column-1 {
	padding-right: 50px;
}

.column-2 {
	background-color: #f9f9f9;
	padding: 6em 5em;
}

.search,.search-btn {
	height: 6em;
	position: relative;
}

.search {
	border-radius: 5px 0 0 5px;
}

.search input {
	border: none;
	padding: 0 1em;
	color: #999999;
	font-family: "Metropolis-Light";
	font-size: 1.4em;
}

.search input:focus {
	outline: none;
}

.search-btn {
	background-color: #ff194f;
	border-radius: 0 5px 5px 0;
}

.search-btn i {
	color: #fff;
	font-size: 2em;
}

.search input,.search-btn a {
	height: 100%;
	width: 100%;
}

.search-bottom {
	margin-bottom: 4em;l
}

.categories li {
	font-size: 1.4em;
	font-family: "Metropolis-Light";
	line-height: 2em;
}

.categories ul li a,.tag-links a {
	color: #2d2d2d;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
}

.categories ul li span,.categories ul li a:hover {
	color: #ff194f;
}

.categories h3 {
	margin-bottom: 1em;
}

.tag-links a {
	font-size: 1.6em;
	color: #ff194f;
}

.tag-links a:hover {
	color: #2d2d2d;
}

/*media-queries*/

@media screen and (max-width: 1680px) {
	h2 {
		margin-top: 0;
		font-size: 4em;
	}

	.main-content h6, .book-content h6, .programs h6, .articles h6, .recommendations h6,.slider h6,.certificates h6,.work h6,.top-10 h6 {
		margin-bottom: 1em;
		font-size: 2.3em;
	}

	/*------home-page------*/

	/*header*/

	.absolute {
		right: 5%;
	}

	.absolute h1 {
		margin-bottom: 0;
	}

	.healthy {
		right: 7%;
		top: 38%;
	}

	.healthy span {
		font-size: 22em;
	}

	.absolute>span {
		font-size: 3.8em;
		margin: 1em;
	}

	.button {
		font-size: 1.6em;
	}

	/*reason*/

	.hello {
		margin-bottom: 2em;
	}

	.main-content p {
		font-size: 2em;
	}

	.story-btn,.program-btn a:first-child,.program-btn a:last-child,.get,.top-10 a {
		font-size: 1.4em;
		padding: 1.3em 1em;
		min-width: 12em;
	}

	/*approach*/

	.approach {
		padding: 8em 0;
	}

	/*book*/

	.book {
		padding: 12em 0;
	}

	/*programs*/

	.programs ul {
		margin: 5em 0;
	}

	.programs ul li {
		margin-bottom: 2em;
		padding-left: 3em;
	}

	 .programs ul li:before {
	 	width: 2.5em;
	 	height: 2.5em;
	 	line-height: 2.5em;
	 	top: 0;
	 }

	 .programs ul:before {
	 	left: 2em;
	 }

	 /*articles*/

	 .articles {
	 	padding: 8em 0;
	 }

	 .img-description {
	 	margin-top: -0.1em;
	 }

	 /*consultation*/

	 .request {
	 	margin-bottom: 3em;
	 }

	 .request p{
	
		font-family:"Open Sans";
		font-weight:100
	}
	 .input input,.text input {
	 	height: 3.5em
	}

	.message,.textarea {
		margin-bottom: 3em;
	}

	.message textarea,.textarea textarea {
		height: 14em;
	}

	.layer-1 h3 {
		font-family:"Open Sans";
		margin-bottom: 0.5em;
	}

	.phone {
		margin-bottom: 2em;
	}

	.phone img {
		width: 5em;
	}

	/*footer*/

	.white {
		padding: 8em 0;
	}

	/*-------about-------*/

	/*about*/

	.about {
		padding: 6em 0;
	}

	.about p {
		font-size: 2.3em;
	}

	/*welcome*/

	.welcome .main-content {
		width: 80%;
	}

	/*------services------*/

	/*work*/

	.work,.touch,.contact-form {
		padding: 8em 0;
	}

	.work-service {
		width: 9em;
		height: 9em;
	}

	.work-service i {
		font-size: 3em;
	}

	.work h3,.changes h3 {
		font-size: 2.6em;
	}

	.work p,.changes p {
		font-size: 1.5em;
	}

	/*top-10*/

	.top-10 {
		padding: 8em 0;
	}

	.top-10 ul li {
		font-size: 1.5em;
		padding-left: 3em;
	}

	 .top-10 ul li:before {
	 	width: 2.5em;
	 	height: 2.5em;
	 	font-size: 0.7em;
	 	line-height: 3.6em;
	 }

	 /*-----contact------*/

	 /*touch*/

	 .touch p,.touch a,.contact-form p {
	 	font-size: 1.3em;
	 }

	 /*-----blog-----*/

	 .blog h3 {
	 	font-size: 2.2em;
	 }

	 .blog p {
	 	font-size: 1.3em;
	 }

	 .padding {
	 	padding: 4em 2em;
	 }

	/*blog_page*/

	/*blogging*/

	 .blogging {
	 	padding: 8em 0;
	 }

	 .width {
		max-width: 90%;
		margin: 0 auto;
	}

	 .blog-form h2 {
	 	font-size: 4em;
	 }

	 .blogging h3 {
	 	font-size: 2.3em;
	 }

	 .blogging p,.blogging li,.tag-links a {
	 	font-size: 1.3em;
	 }

	 .tags p {
	 	font-size: 1.5em;
	 }

}

@media screen and (max-width: 1400px) {
	/*------home-page-----*/

	/*header*/

	.absolute h1 {
		font-size: 8.5em;
	}

	.healthy span {
		font-size: 19em;
	}

	/*------blog-------*/

	/*blog*/

	.padding {
		padding: 3.5em 2em;
	}

	.blog h3 {
		font-size: 1.8em;
		margin-bottom: 1em;
	}

	.blog p {
		font-size: 1.2em;
		margin-bottom: 1.5em;
	}

}

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

	h2 {
		font-size: 3em;
	}

	.main-content h6, .book-content h6, .programs h6, .articles h6, .recommendations h6,.slider h6,.certificates h6,.work h6,.top-10 h6 {
		font-size: 2.4em;
	}

	/*-------home=page-------*/

	/*header*/

	.absolute h1 {
		font-size: 7em;
		margin-bottom: 0;
	}

	.absolute>span {
		font-size: 3.2em;
	}

	.scroll img {
		width: 5em;
	}

	.healthy {
		right: 6%;
	}

	.healthy span {
		font-size: 16em;
	}

	.logo img {
		width: 30em;
	}

	.button {
		padding: 1.2em 0;
		min-width: 13em;
		font-size: 1.4em;
	}

	/*reason*/

	.hello img {
		width: 6em;
	}

	.main-content p {
		font-size: 1.4em;
	}

	.story-btn,.program-btn a:first-child,.program-btn a:last-child,.get,.top-10 a {
		font-size: 1.2em;
		padding: 1em 0;
		min-width: 11em;
	}

	/*approach*/

	.approach h2 {
		margin-bottom: 1.7em;
	}

	.description {
		padding: 3em;
	}

	.description h3 {
		font-size: 2em;
	}

	.description p {
		font-size: 1.2em;
	}

	.learn {
		font-size: 1.2em;
	}

	.description span {
		font-size: 2.3em;
	}

	/*book*/

	.book-content p {
		margin-right: 6em;
		font-size: 1.4em;
	}

	.buttons img {
		width: 15em;
	}

	/*programs*/

	.programs ul li {
		margin-bottom: 1em;
		font-size: 1.6em;
	}

	 .programs ul li:before {
	 	width: 2em;
	 	height: 2em;
	 	line-height: 2em;
	 }

	 .programs ul:before {
	 	top: 0em;
	 	left: 1.2em;
	 }

	 /*articles*/

	 .img-description {
	 	padding: 0.9em;
	 }

	 .img-description a {
	 	font-size: 1.3em;
	 }

	 .journey a {
	 	font-size: 2.8em;
	 }

	 .journey span {
	 	font-size: 1.3em;
	 }

	 /*consultation*/

	 .layers:last-child p {
	 	font-size: 1.2em;
	 }

	 .form-container {
	 	width: 90%;
	 }

	 .input input,.text input {
	 	height: 3em
	}

	.message,.textarea {
		margin-bottom: 2em;
	}

	.message textarea,.textarea textarea {
		height: 13em;
	}

	.social-media a {
		width: 5em;
		height: 5em;
	}

	.layer-1 p {
		margin-bottom: 1em;
	}

	.contact span, .contact a {
		font-size: 1.8em;
	}

	/*instagram*/

	footer a {
		font-size: 1.8em;
		line-height: 1.4em;
	}

	footer span {
		font-size: 1.5em;
	}

	/*-------about------*/

	/*about*/

	.about p {
		font-size: 2.1em;
	}

	/*welcome*/

	.welcome h2 {
		font-size: 3.5em;
	}

	.welcome p {
		font-size: 1.8em;
	}

	/*slider*/

	.slider {
		padding: 11em 0;
	}

	.slider .flex p {
		font-size: 1.4em;
   		margin-right: 5em;
	}

	.caption {
		padding: 2.5em;
	}

	.caption p {
		font-size: 1.5em;
	}

	/*certificates*/

	.certificates {
		padding: 12em 0;
	}

	/*------services------*/

	/*work*/

	.work-service {
		width: 8em;
		height: 8em;
	}

	.work-service i {
		font-size: 2.5em;
	}

	.work h3,.changes h3 {
		font-size: 2.3em;
	}

	.work p,.changes p {
		font-size: 1.4em;
	}

	/*changes*/

	.changes div {
		max-width: 100%;
	}

	/*top-10*/

	.top-10 ul li {
		font-size: 1.3em;
	}

	 .top-10 ul li:before {
	 	line-height: 3.9em;
	 }

	 /*------contact------*/

	 /*touch*/

	 .touch p,.touch a,.contact-form p {
	 	font-size: 1.2em;
	 }

	 /*-------blog------*/

	 .padding {
	 	padding: 2.5em 2em;
	 }

	 .blog h3 {
	 	font-size: 1.5em;
	 	margin-bottom: 0.5em;
	 }

	 .blog p {
	 	font-size: 1em;
	 	margin-bottom: 1em;
	 }

	 .blog .blue {
	 	width: 6em;
	 	height: 6em;
	 }

	 /*-----blog_page------*/

	 /*blogging*/

	 .column-1 {
	 	padding-right: 40px;
	 }

	 .column-2 {
	 	padding: 6em 4em;
	 }

	 .width {
		max-width: 80%;
	}

	 .blog-form h2 {
	 	font-size: 3.5em;
	 }

	 .blogging h3 {
	 	font-size: 2.2em;
	 }

	 .blogging p,.blogging li,.tag-links a {
	 	font-size: 1.2em;
	 }

	 .tags p {
	 	font-size: 1.4em;
	 }

	 .search, .search-btn {
	 	height: 5em;
	 }

	 .search input {
	 	font-size: 1.3em;
	 }

	.submit {
	 	font-size: 1.3em;
	 	padding: 1.4em 0;
	 }

	 .search-btn i {
	 	font-size: 2em;
	 }

}

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

	h2 {
		font-size: 2.2em;
	}

	.main-content h6, .book-content h6, .programs h6, .articles h6, .recommendations h6,.slider h6,.certificates h6,.work h6,.top-10 h6 {
		font-size: 2em;
	}

	/*---------hompe-page---------*/

	/*header*/

	.absolute,.healthy {
		right: 50%;
		transform: translate(50%,-50%);
		-webkit-transform: translate(50%,-50%);
		-ms-transform: translate(50%,-50%);
		width: 100%;
	}

	.healthy {
		top: 42%;
	}

	.absolute h1 {
		font-size: 8.5em;
	}

	.healthy span {
		font-size: 20em;
	}

	/*reason*/

	.hello {
		margin-bottom: 1em;
	}

	.main-content p {
		font-size: 1.2em;
	}

	/*approach*/

	.description {
		padding: 2.5em;
	}

	.description h3 {
		font-size: 1.8em;
	}

	.description p {
		font-size: 1em;
	}

	.learn {
		font-size: 1.1em;
	}

	.description span {
		font-size: 2.1em;
	}

	/*book*/

	.book-content p {
		margin-right: 3em;
		font-size: 1.3em;
	}

	.buttons img {
		width: 13em;
	}

	/*programs*/

	.programs ul {
		margin: 3em 0;
	}

	.programs ul:before {
		left: 1em;
	}

	.programs ul li {
		font-size: 1.4em;
	}

	/*articles*/

	.img-description {
		padding: 0.7em;
	}

	.img-description a {
	 	font-size: 1.1em;
	 }

	 .journey a {
	 	font-size: 2.1em;
	 }

	 .journey span {
	 	font-size: 1.1em;
	 }

	 .small-box:first-child {
	 	margin-bottom: 0.5em;
	 }

	 .small-btn a {
	 	font-size: 0.8em;
	 	min-width: 6em;
	 	padding: 0.6em;
	 }

	 /*consultation*/

	 .layers:last-child p {
	 	font-size: 1em;
	 }

	 .layer-1 h3 {
	 	font-size: 2em;
	 	margin-top: 0.5em;
	 	margin-bottom: 0.3em;
	 }

	 .phone {
	 	margin-bottom: 0;
	 }

	 .phone img {
	 	width: 3em;
	 }

	 .input input,.text input {
	 	height: 2.5em
	}

	.message,.textarea {
		margin-bottom: 2em;
	}

	.message textarea,.textarea textarea {
		height: 12em;
	}

	.social-media a {
		width: 4em;
		height: 4em;
	}

	.layer-1 p {
		margin-bottom: 0.3em;
	}

	.request,.inputs,.message {
		margin-bottom: 1.5em;
	}

	.contact {
		width: 100%;
	}

	.contact span, .contact a {
		font-size: 1.4em;
	}

	.input:first-child {
		padding-right: 5px;
	}

	.input:nth-child(2) {
		padding-left: 5px;
	}

	/*----------about---------*/

	/*navbar*/

	.mynavbar .mynav > li > a {
		margin: 0 0.5em;
		font-size: 1.3em;
	}

	.mynav {
		margin-top: 2em;
	}

	.brand img {
		width: 11em;
	}

	.brand {
		padding: 15px 0 15px 15px;
	}

	/*-------about------*/

	.about {
		padding: 5em 0;
	}

	.about p {
		font-size: 1.9em;
	}

	/*welcome*/

	.welcome h2 {
		font-size: 2.5em;
	}

	.welcome .main-content p {
		font-size: 1.6em;
		max-width: 90%;
	}

	/*slider*/

	.slider .flex p {
		font-size: 1.3em;
		margin-right: 1em;
	}

	.caption {
		padding: 2em;
	}

	.caption p {
		font-size: 1.3em;
	}

	/*------services------*/

	/*work*/

	.work-service {
		width: 7em;
		height: 7em;
	}

	.work h3 {
		font-size: 1.8em;
	}

	.work p,.changes p {
		font-size: 1.2em;
	}

	.work-service i {
		font-size: 2em;
	}

	/*top-10*/

	.top-10 ul li {
		font-size: 1.2em;
	}

	.top-10 ul li:before {
		line-height: 4.2em;
		width: 2.7em;
		height: 2.7em;
	}

	/*changes*/

	.changes h3 {
		font-size: 2em;
	}

	/*--------contact---------*/

	/*touch*/

	 .row-bottom p {
		max-width: 70%;
		margin: 0 auto;
	}

	/*-------blog-------*/

	.right-float {
		float: right;
	}

	.left-float {
		float: left;
	}

	.padding {
		padding: 6em 4em;
	}

	.blog h3 {
		font-size: 2.1em;
		margin-bottom: 1em;
	}

	.blog p {
		font-size: 1.4em;
	}

	/*------blog_page------*/

	/*blogging*/

	.column-1 {
	 	padding-right: 30px;
	 }

	 .column-2 {
	 	padding: 6em 3em;
	 }

	 .about_mel .mel-content div {
	 	max-width: 100%;
	 }

	.blog-form h2 {
	 	font-size: 3em;
	 }

	.blogging h3 {
	 	font-size: 2.1em;
	 }

	 .search, .search-btn {
	 	height: 5em;
	 }

	 .search input {
	 	font-size: 1.2em;
	 }

	 .search, .search-btn {
	 	height: 4em;
	 }

	 .search-btn i {
	 	font-size: 1.5em;
	 }

	.submit {
	 	font-size: 1.2em;
	 	padding: 1.3em 0;
	 }

}

@media screen and (max-width: 767px) {
	h2 {
		font-size: 3.2em;
	}

	.main-content h6, .book-content h6, .programs h6, .articles h6, .recommendations h6,.slider h6,.certificates h6,.work h6,.top-10 h6  {
		font-size: 2.4em;
	}

	.fixed-right {
		width: 100%;
	}

	.container-padding {
		padding: 0 8em;
	}

	/*----------home-page---------*/

	/*header*/

	.absolute h1 {
		font-size: 6em;
	}

	.healthy {
		top: 40%;
	}

	.healthy span {
		font-size: 14em;
	}

	/*reason*/

	.hello {
		margin-bottom: 2em;
	}

	.hello img {
		width: auto;
	}

	.main-content p {
		font-size: 1.8em;
	}

	.image-right {
		padding: 8em 0;
	}

	.story-btn,.program-btn a:first-child,.program-btn a:last-child,.get,.top-10 a {
		font-size: 1.4em;
		padding: 1.3em 0;
		min-width: 12em;
	}

	/*approach*/

	.small-btn a {
		font-size: 1em;
		min-width: 8em;
	}

	.margin-bottom {
		margin-bottom: 4em;
	}

	.approach .margin-bottom:last-child,.certificates .margin-bottom:last-child {
		margin-bottom: 0;
	}

	.approach h2 {
		margin-bottom: 1em;
	}

	.description {
		padding: 4.5em;
	}

	.description p {
		font-size: 1.6em;
	}

	.description h3 {
		font-size: 2em;
	}

	.description span {
		font-size: 2.5em;
	}

	.learn {
		font-size: 1.3em;
	}

	/*book*/

	.right-image,.left-image,.left-height,.right-height {
		text-align: center;
	}

	.right-image,.right-height {
		margin-bottom: 5em;
	}

	.left-image {
		padding: 0 10em;
	}

	.book-content p {
		margin-right: 0;
		font-size: 1.4em;
	}

	.buttons img {
		width: auto;
	}

	/*programms*/

	.programs ul {
		margin: 5em 0;
	}

	.programs ul:before {
		left: 1.2em;
	}

	.programs ul li {
		margin-bottom: 2em;
		font-size: 1.6em;
	}

	/*articles*/

	.articles .container-padding {
		padding: 0 4em;
	}

	.journey a {
		font-size: 2.8em;
	}

	.journey span {
		font-size: 1.4em;
	}

	.small-box {
		margin-bottom: 1em;
	}

	.img-description {
		padding: 1em;
	}

	.img-description a {
		font-size: 1.6em;
	}

	/*consultation*/

	.social-media a {
		width: 6em;
		height: 6em;
	}

	.phone {
		margin-bottom: 3em;
	}

	.phone img {
		width: auto;
	}

	.layer-1 h3 {
		font-size: 3em;
		margin-bottom: 0.8em;
	}

	.layer-1 p {
		margin-bottom: 1.4em;
	}

	.contact span, .contact a {
		font-size: 2em;
	}

	.request {
		margin-bottom: 3em;
	}

	.layers:last-child p {
		font-size: 1.2em;
	}

	.form-container {
		width: 75%;
	}

	.inputs {
		margin-bottom: 0;
	}

	.input,.message,.text,.textarea {
		margin-bottom: 2em;
	}

	.input input,.text input {
		height: 3em;
	}

	.message textarea,.textarea textarea {
		height: 13em;
	}

	.input:first-child,.input:nth-child(2) {
		padding: 0;
	}

	/*instagram*/

	.service {
		margin-bottom: 4em;
	}

	.service:last-child {
		margin-bottom: 0;
	}

	/*footer*/

	.follow ul {
		margin-bottom: 0;
	}

	footer {
		text-align: center;
	}

	/*----------about----------*/

	/*navbar*/

	.brand {
		padding-left: 30px;
	}

	.brand img {
		width: 13em;
	}

	.btn {
		margin-top: 0.8em;
	}

	.mynavbar .mybtn .mybar {
		width: 25px;
		height: 3px;
		margin-top: 6px;
	}

	.mynavbar {
		padding: 0;
	}

	.mynavbar-header {
		padding: 2.5em 0;
	}

	.mynav {
		margin-top: 0;
	}

	.mynavbar .mynav > li > a {
		border-bottom: none;
		font-size: 1.6em;
		margin: 0;
		padding: 0.8em 0;
	}

	.mynavbar .mynav > li > a:hover {
		border-bottom: none;
		color: #8edcc0;
	}

	/*about*/

	.about p {
		font-size: 2.3em;
	}

	/*welcome*/

	.welcome,.welcome .image-left {
		padding: 0;
	}

	.welcome .main-content {
		width: 65%;
	}

	.welcome h2 {
		font-size: 3.2em;
	}

	.welcome .main-content p {
		font-size: 1.8em;
	}

	/*slider*/

	.caption {
		padding: 2.5em;
	}

	.caption p {
		font-size: 1.5em;
	}

	.slider .flex p {
		font-size: 1.4em;
		margin-right: 0;
	}

	.left-height {
		padding: 0 5em;
	}

	/*certificates*/

	.swiper-wrapper {
		display: block;
	}

	.swiper-slide {
		width: 100% !important;
	}

	/*------services-----*/

	/*work*/

	.margin-right {
		margin-bottom: 2em;
	}

	.work-service {
		width: 8em;
		height: 8em;
	}

	.work-service i {
		font-size: 2.5em;
	}

	.work h3,.changes h3 {
		font-size: 2.3em;
	}

	.work p,.changes p {
		font-size: 1.4em;
	}

	.max-width {
		max-width: 37%;
	}

	.changes div {
		text-align: center;
	}

	.changes div {
		max-width: 80%;
		margin: 0 auto;
	}

	/*top*/

	.top-10 ul li {
		margin-bottom: 1.5em;
		font-size: 1.3em;
	}

	.top-10 ul li:before {
		line-height: 4em;
	}

	/*------contact------*/

	/*touch*/

	.touch p,.touch a,.contact-form p {
		font-size: 1.4em;
	}

	/*------map------*/

	#map {
		padding: 35% 0;
	}

	/*------blog------*/

	.blog-left,.blog-right,.left-float,.right-float {
		width: 100%;
		float: none;
	}

	.blog h3 {
		font-size: 2.2em;
		margin-bottom: 1.5em;
	}

	.blog p {
		margin-bottom: 2em;
	}

	.padding {
		padding: 8em 9em;
	}

		/*------blog_page------*

	/*blogging*/

	.blogging {
		padding: 8em 0 0 0;
	}

	.column-1 {
		margin-bottom: 5em;
	} 

	.column-2 {
		padding: 8em 1.5em;
	}

	.mel-content {
		padding: 3em 2em;
	}

	 .blog-form h2 {
	 	font-size: 3.5em;
	 }

	 .blogging h3 {
	 	font-size: 2.3em;
	 }

	 .blogging p, .blogging li, .tag-links a {
	 	font-size: 1.4em;
	 }

	 .tags p {
	 	font-size: 1.5em;
	 }

	 .search, .search-btn {
	 	height: 5em;
	 }

	 .search input {
	 	font-size: 1.3em;
	 }

	.width {
		max-width: 100%;
	}

}

@media screen and (max-width: 550px) {
	h2 {
		font-size: 2.5em;
	}

	.main-content h6, .book-content h6, .programs h6, .articles h6, .recommendations h6,.slider h6,.certificates h6,.work h6,.top-10 h6 {
		font-size: 2.4em;
	}

	.container-padding {
		padding: 0 6em;
	}

	/*------home-page------*/

	/*header*/

	.logo img {
		width: 20em;
	}

	.absolute h1 {
		font-size: 4.5em;
	}

	.absolute>span {
		font-size: 2.2em;
	}

	.healthy span {
		font-size: 10.5em;
	}

	.button {
		padding: 1em;
		font-size: 1.2em;
		min-width: 11em;
	}

	.scroll img {
		width: 4.5em;
	}

	/*reason*/

	.hello img {
		width: 7em;
	}

	.main-content p {
		font-size: 1.7em;
		max-width: 100%;
	}

	.story-btn,.program-btn a:first-child,.program-btn a:last-child,.get,.top-10 a {
		font-size: 1.2em;
		padding: 1em 0;
		min-width: 11em;
	}

	/*approach*/

	.description {
		padding: 2em;
	}

	.description p {
		font-size: 1.2em;
	}

	.description h3 {
		font-size: 1.9em;
	}

	.description span {
		font-size: 2.1em;
	}

	.learn {
		font-size: 1.2em;
	}

	/*book*/

	.book-content p {
		font-size: 1.3em;
	}

	.buttons a:first-child {
		margin-bottom: 1em;
		display: inline-block;
	}

	.left-image {
		padding: 0 6em;
	}

	/*programs*/

	.programs ul {
		margin: 3em 0;
	}

	.programs ul:before {
		left: 1em;
	}

	.programs ul li {
		margin-bottom: 1em;
		font-size: 1.4em;
		padding-left: 2.5em;
	}

	/*articles*/

	.articles .container-padding {
		padding: 0 2em;
	}

	.journey {
		width: 90%;
	}

	.journey a {
		font-size: 2em;
	}

	.margin-bottom {
		margin-bottom: 4em;
	}

	.articles .margin-bottom {
		margin-bottom: 1em;
	}

	.img-description a {
		font-size: 1.3em;
	}

	.small-box:nth-child(odd) {
		padding-right: 0.5em;
	}

	.small-box:nth-child(even) {
		padding-left: 0.5em;
	}

	.small-btn a {
		font-size: 0.8em;
		min-width: 5em;
	}

	/*consultation*/

	.social-media a {
		width: 4em;
		height: 4em;
	}

	.phone {
		margin-bottom: 0;
	}

	.layer-1 h3 {
		font-size: 2em;
		margin-bottom: 0.3em;
	}

	.layer-1 p {
		margin-bottom: 0.3em;
		font-size: 1.2em;
	}

	.phone img {
		width: 4em;
	}

	.contact span, .contact a {
		font-size: 1.4em;
	}

	.layers:last-child p {
		font-size: 1em;
	}

	.form-container {
		width: 80%;
	}

	/*-------about------*/

	/*navbar*/

	.brand img {
		width: 12em;
	}

	.top {
		height: 3em;
		width: 3em;
	}

	/*about*/

	.about {
		padding: 4em 0;
	}

	.about p {
		font-size: 2.1em;
	}

	/*welcome*/

	.welcome h2 {
		font-size: 2.5em;
	}

	.welcome .main-content p {
		font-size: 1.7em;
	}

	/*slider*/

	.left-height {
		padding: 0 2em;
	}

	.slider .flex p {
		font-size: 1.3em;
	}

	.caption {
		padding: 2em;
	}

	.caption p {
		font-size: 1.3em;
	}

	.slider .carousel .control .controls {
		width: 25px;
		height: 25px;
		line-height: 1.8;
	}

	/*-----services-----*/

	/*work*/

	.work-service {
		width: 7em;
		height: 7em;
	}

	.work h3,.changes h3 {
		font-size: 2em;
	}

	.work p,.changes p {
		font-size: 1.2em;
	}

	.work-service i {
		font-size: 2em;
	}

	.max-width {
		max-width: 45%;
	}

	/*changes*/

	.changes div {
		padding: 2em 0;
	}

	/*top-10*/

	.top-10 ul li {
		font-size: 1.2em;
	}

	.top-10 ul li:before {
		height: 2.5em;
		width: 2.5em;
		line-height: 4.2em;
	}

	/*------contact------*/

	/*touch*/

	.touch p,.touch a,.contact-form p {
		font-size: 1.3em;
	}

	.touch .row-bottom p,.contact-form p {
		max-width: 80%;
	}

	/*-------blog-------*/

	/*blog*/

	.padding {
		padding: 6em;
	}

	.blog h3 {
		font-size: 2em;
		margin-bottom: 1em;
	}

	.blog p {
		font-size: 1.3em;
		margin-bottom: 1.5em;
	}

	.blog .blue {
		width: 5em;
		height: 5em;
	}

		/*------blog_page-----*

	/*blogging*/

	.blogging {
		padding: 4em 0 0 0;
	}

	.mel-content {
		padding: 1.5em 1em;
	}

	 .blog-form h2 {
	 	font-size: 3em;
	 }

	 .blogging h3 {
	 	font-size: 1.9em;
	 }

	 .blogging p,.blogging li,.tag-links a {
	 	font-size: 1.1em;
	 }

	 .tags p {
	 	font-size: 1.3em;
	 }

}

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

	.main-content h6, .book-content h6, .programs h6, .articles h6, .recommendations h6,.slider h6,.certificates h6,.work h6,.top-10 h6 {
		font-size: 1.9em;
	}

	.story-btn, .program-btn a:first-child, .program-btn a:last-child, .get,.top-10 a {
		font-size: 1.1em;
		min-width: 10em;
	}

	.container-padding {
		padding: 0 4em;
	}

	/*-------home-page-------*/

	/*header*/

	.absolute h1 {
		font-size: 3.5em;
	}

	.absolute>span {
		margin: 0.5em 0;
	}

	.logo img {
		width: 17em;
	}

	.healthy span {
		font-size: 8em;
	}

	.scroll {
		bottom: 0;
	}

	.scroll img {
		width: 4em;
	}

	.menu img {
		width: 5em;
	}

	.center ul li a {
		font-size: 2em;
	}

	/*reason*/

	.main-content p {
		font-size: 1.4em;
	}

	/*approach*/

	.description h3 {
		font-size: 1.7em;
	}

	.description span {
		font-size: 2em;
	}

	.description p {
		font-size: 1.1em;
		margin-bottom: 1em;
	}

	.learn {
		font-size: 1em;
	}

	/*book*/

	.book-content p {
		font-size: 1.1em;
	}

	.buttons img {
		width: 13em;
	}

	.left-image {
		padding: 0 4em;
	}

	/*programms*/

	.programs ul:before {
		left: 0.9em;
	}

	.programs ul li {
		font-size: 1.2em;
	}

	/*articles*/

	.articles .container-padding {
		padding: 0 2em;
	}

	.img-description {
		padding: 0.5em;
	}

	.img-description a {
		font-size: 1em;
	}

	.journey {
		width: 100%;
	}

	.journey a {
		font-size: 1.7em;
	}

	.journey span {
		font-size: 1.3em;
	}

	/*consultation*/

	.social-media a {
		margin: 0.4em;
	}

	.phone img {
		width: 3em;
	}

	.input input {
		height: 2.5em;
	}

	.message textarea {
		height: 12em;
	}

	.layer-1 p {
		margin-bottom: 0.3em;
		font-size: 1.1em;
	}

	/*-------about------*/

	/*navbar*/

	.brand img {
		width: 11em;
	}

	/*about*/

	.about p {
		font-size: 1.9em;
	}

	/*welcome*/

	.welcome .main-content p {
		font-size: 1.4em;
	}

	/*slider*/

	.slider .flex p {
		font-size: 1.1em;
	}

	.caption p {
		font-size: 1em;
	}

	/*-------services-------*/

	/*work*/

	.work-service {
		width: 6em;
		height: 6em;
	}

	.work h3,.changes h3 {
		font-size: 1.8em;
	}

	.work p,.changes p {
		font-size: 1em;
	}

	.work-service i {
		font-size: 1.5em;
	}

	.max-width {
		max-width: 50%;
	}

	/*changes*/

	.changes div {
		max-width: 90%;
	}

	/*top-10*/

	.top-10 ul li {
		font-size: 1.1em;
	}

	.top-10 ul li:before {
		line-height: 4.5em;
	}

	/*------contact------*/

	/*touch*/

	.touch p,.touch a,.contact-form p {
		font-size: 1.2em;
	}

	.touch .row-bottom p,.contact-form p {
		max-width: 90%;
	}

	/*------blog------*/

	.padding {
		padding: 4em 2em;
	}

	.blog h3 {
		font-size: 1.8em;
	}

	.blog p {
		font-size: 1.2em;
	}

		/*------blog_page------*

	/*blogging*/

	.tags_social {
		display: block;
	}

	.tags {
		margin-bottom: 1em;
	}

	.submit {
		padding: 1.2em;
		font-size: 1.1em;
	}

	.blog-form h2 {
		font-size: 2em;
	}

	.blogging h3 {
		font-size: 1.4em;
	}

	.blogging p, .blogging li, .tag-links a {
		font-size: 1em;
	}

	.tags p {
		font-size: 1.2em;
	}

	.search, .search-btn {
		height: 4em;
	}

	.search input {
		font-size: 1.1em;
	}

	.mel-content h3 {
		margin-top: 0;
		margin-bottom: 0.5em;
	}

	.mel-content p {
		margin-bottom: 0;
	}

	.mel-content {
		padding: 1em;
	}
}