@charset "UTF-8";
/* -----------------------------------------------------------------------------
Style Sheet for armanbalance's website
--------------------------------------------------------------------------------
author: aref norouzzadeh
website: https://armanbalanc.com
------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------*\
 #Reset
\*----------------------------------------------------------------------------*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}img{border-style:none;border:0;-ms-interpolation-mode:bicubic}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;vertical-align:baseline;line-height:inherit}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}b,strong{font-weight:inherit;font-weight:bolder}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}

/*----------------------------------------------------------------------------*\
 #General
\*----------------------------------------------------------------------------*/
/**
*
*	Name:			IRANYekan Font
*	Version:			3.0
*	Author:			Moslem Ebrahimi (moslemebrahimi.com)
*	Created on:		Dec 20, 2018
*	Updated on:		Dec 20, 2018
*	Website:			http://fontiran.com
*	Copyright:		Commercial/Proprietary Software
--------------------------------------------------------------------------------------
فونت ایران یکان یک نرم افزار مالکیتی محسوب می شود. جهت آگاهی از قوانین استفاده از این فونت ها لطفا به وب سایت (فونت ایران دات کام) مراجعه نمایید
--------------------------------------------------------------------------------------
IRANYekan fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com
--------------------------------------------------------------------------------------
This set of fonts are used in this project under the license: (FWSRBG)
--------------------------------------------------------------------------------------
*
**/
@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/eot/iranyekanwebbold.eot');
	src: url('../fonts/eot/iranyekanwebbold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/woff/iranyekanwebbold.woff') format('woff'),
		 url('../fonts/ttf/iranyekanwebbold.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/eot/iranyekanwebthin.eot');
	src: url('../fonts/eot/iranyekanwebthin.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/woff/iranyekanwebthin.woff') format('woff'),
		 url('../fonts/ttf/iranyekanwebthin.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/eot/iranyekanweblight.eot');
	src: url('../fonts/eot/iranyekanweblight.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/woff/iranyekanweblight.woff') format('woff'),
		 url('../fonts/ttf/iranyekanweblight.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/eot/iranyekanwebregular.eot');
	src: url('../fonts/eot/iranyekanwebregular.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/woff/iranyekanwebregular.woff') format('woff'),
		 url('../fonts/ttf/iranyekanwebregular.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 500;
	src: url('../fonts/eot/iranyekanwebmedium.eot');
	src: url('../fonts/eot/iranyekanwebmedium.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/woff/iranyekanwebmedium.woff') format('woff'),
		 url('../fonts/ttf/iranyekanwebmedium.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/eot/iranyekanwebextrabold.eot');
	src: url('../fonts/eot/iranyekanwebextrabold.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/woff/iranyekanwebextrabold.woff') format('woff'),
		 url('../fonts/ttf/iranyekanwebextrabold.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/eot/iranyekanwebblack.eot');
	src: url('../fonts/eot/iranyekanwebblack.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/woff/iranyekanwebblack.woff') format('woff'),
		 url('../fonts/ttf/iranyekanwebblack.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 950;
	src: url('../fonts/eot/iranyekanwebextrablack.eot');
	src: url('../fonts/eot/iranyekanwebextrablack.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/woff/iranyekanwebextrablack.woff') format('woff'),
		 url('../fonts/ttf/iranyekanwebextrablack.ttf') format('truetype');
}
:root {
  --c-grey-50:         #FAFAFA;
  --c-grey-100:        #F5F5F5;
  --c-grey-200:        #EEEEEE;
  --c-grey-300:        #E0E0E0;
  --c-grey-400:        #BDBDBD;
  --c-grey-500:        #9E9E9E;
  --c-grey-600:        #757575;
  --c-grey-700:        #616161;
  --c-grey-800:        #424242;
  --c-grey-800:        #212121;

	--main-color: #4f21d9;
	--blue-color: #1953ff;
	--cyan-color: #00ffaa;

	--amin-c1: #4a00e0;
	--amin-c1: #8e2de2;

	--summer-c1: #8a2387;
	--summer-c1: #e94057;
	--summer-c1: #f27121;

	--Burning-Orange: #ff416c;
	--Burning-Orange: #ff4b2b;

  --c-gr-purple:  radial-gradient(at 100% 50%, rgb(73, 46, 151) 0%, transparent 70%);
  --c-gr-blue:    radial-gradient(at 100% 50%, rgb(29, 135, 228) 0%, transparent 70%);
  --c-gr-green:   radial-gradient(at 100% 50%, rgb(76, 175, 80) 0%, transparent 70%);
  --c-gr-orange:  radial-gradient(at 100% 50%, rgb(245, 81, 41) 0%, transparent 70%);
  --c-gr-red:     radial-gradient(at 100% 50%, rgb(122, 20, 77) 0%, transparent 70%);
}
html {
  -webkit-box-sizing:border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 14px;
}
@media (min-width:640px) {
	html {font-size: 16px}
}
@media (min-width:1024px) {
	html {font-size: 18px}
}
*,
*::before ,
*::after {
  -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
          box-sizing:border-box;
}
html,
body {
  width: 100%;
  height: 100%;
}
body {
  direction: rtl;
  font-family: 'iranyekan',Arial,sans-serif;
  font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1600 - 300)));
  line-height: calc(1.3em + (1.618 - 1.3) * ((100vw - 300px)/(1600 - 300)));
}
h1 {
  font-size: 28px;
  font-size: 2rem;
}
h2 {
  font-size: 23px;
  font-size: 1.642rem;
}
h3 {
  font-size: 20px;
  font-size: 1.428rem;
}
h4 {
  font-size: 18px;
  font-size: 1.285rem;
}
h5 {
  font-size: 16px;
  font-size: 1.142rem;
}
h6 {
  font-size: 14px;
  font-size: 1rem;
}
h1 , h2 , h3 , h4 , h5 , h6 {
  line-height: 1.25;
  margin-bottom: 1em;
}
/*  Desktop Typography  */
@media (min-width:1024px) {
  h1 {
    font-size: 43px;
    font-size: 2.388rem;
  }
  h2 {
    font-size: 36px;
    font-size: 2rem;
  }
  h3 {
    font-size: 30px;
    font-size: 1.666rem;
  }
  h4 {
    font-size: 25px;
    font-size: 1.388rem;
  }
  h5 {
    font-size: 21px;
    font-size: 1.166rem;
  }
  h6 {
    font-size: 18px;
    font-size: 1rem;
  }
  h1 , h2 , h3 , h4 , h5 , h6 {
    line-height: 1.5;
  }
}
small {
  font-size: 80%;
}
img {
  max-width: 100%;
  height: auto;
}
p {
  margin-bottom: 1em;
}
a {
  text-decoration: none;
}





/*----------------------------------------------------------------------------*\
 #Loader
\*----------------------------------------------------------------------------*/
#overlay {
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.99);
	-webkit-transition: 1s 0.4s;
  -o-transition: 1s 0.4s;
  transition: 1s 0.4s;
}
#progress {
  height: 1px;
  background: #fff;
  position: absolute;
  width: 0;
  top: 50%;
	-webkit-transition: 1s;
	-o-transition: 1s;
  transition: 1s;
}
#progstat {
  font-size: 1.5rem;
  position: absolute;
  top: 50%;
  margin-top: -4rem;
  width: 100%;
  text-align: center;
  color: #fff;
}
#loader__svg {
  position: absolute;
  top: 5%;
  left: 50%;
	-webkit-transform: translateX(-50%) scale(0.5333);
	-ms-transform: translateX(-50%) scale(0.5333);
  transform: translateX(-50%) scale(0.5333);
  z-index: 100;
}
#loader__svg circle {
  stroke-dasharray: 0;
  stroke-dashoffset: 0;
	-webkit-animation: stroke 2s ease-out forwards;
  animation: stroke 2s ease-out forwards;
}
#home__loader {
  background: black;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}




/*----------------------------------------------------------------------------*\
 #Classes
\*----------------------------------------------------------------------------*/
.flex {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.flex-column {
  width: 100%;
}
@media (min-width:640px) {
  .flex-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row}
}
.flex--row-always {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}
@media (min-width:640px) {
  .flex--row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.flex--center {
  width: 100%;
  height: 100%;
  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;
}

.padding        {padding: 8.33%}
.padding-x      {padding:0 8.33%}





/*----------------------------------------------------------------------------*\
 #Layout
\*----------------------------------------------------------------------------*/
.container {
  width: 100%;
  height: 100%;
  position: relative;
}
.container > .main {
  display: block;
  width: 100%;
  height: 100%;
}
.section {
  width: 100%;
  max-width: 100%;
  min-height: 100vh;
}
.section > .section__inner {
	width: 100%;
	min-height: 100vh;
	padding-top: 8rem;
}
@media (min-width:640px) {
	.section > .section__inner {
		padding-top: 6rem;
	}
}


/*----------------------------------------------------------------------------*\
 #hamburgers
\*----------------------------------------------------------------------------*/
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 1.2rem 1.2rem;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #fff; }
.hamburger-box {
  width: 30px;
  height: 18px;
  display: inline-block;
  position: relative; }
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 3px;
    background-color: #fff;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }
/*
* Spin
*/
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }





/*----------------------------------------------------------------------------*\
 #Header--fixed
\*----------------------------------------------------------------------------*/
#header {
  width: 83.33%;
  position: fixed;
  top: 4%;
  left: 50%;
  -webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
  color: white;
  z-index: 999;
}
#header__animation {
  position: absolute;
  top: 0;
  left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
  background: black;
	width: 5%;
  height: 100%;
  border-radius: 50rem;
}
.header__inner {
  background: black;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
  box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
  border-radius: 100px;
  position: relative;
}
.header__logo h1 {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0;
}
.header__logo img {
  margin-right: 0.2rem;
  margin-left: 0.5rem;
  padding: 0.3rem;
}
.header__nav {
  display: none;
}
.header__nav a {
  display: inline-block;
  color: white;
  padding: 1rem;
  margin-left: 1rem;
  font-weight: 500;
  font-size: 0.9rem;
}
.header__nav a:hover {
  background:  rgba(0, 0, 0, 0.05);
}
/**/
.header__phoneMenu {
  position: absolute;
  top: 120%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-transform: translateY(-100vh);
	-ms-transform: translateY(-100vh);
	transform: translateY(-100vh);
  -webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.header__phoneMenu nav {
  background: black;
  border-radius: 10px;
}
.header__phoneMenu a {
  font-weight: 500;
  display: block;
  color: white;
  padding: 1rem 1rem;
  margin-bottom: 0.4rem;
}

#header.phoneMenu-active .header__phoneMenu {
  -webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

@media (min-width:640px) {
  .hamburger {
    display: none !important;
  }
  .header__nav {
    display: block !important;
  }
  .header__phoneMenu {
    display: none !important;
  }
}




/*----------------------------------------------------------------------------*\
 #Home_page
\*----------------------------------------------------------------------------*/
.section.home {
  overflow-x: hidden;
	position: relative;
	color: white;
	background-color: #3838ee;
}
.section.home > .section__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.home__grid {
	width: 100%;
	padding: 0 2%;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.home__bottom {
	width: 100%;
	background: #e5e5e5;
}
.home__bottom ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.home__bottom ul li {
	display: block;
	padding: 1rem;
	font-size: 1.5rem;
	font-weight: bolder;
	color: rgba(0,0,0,0.2);
}
.home__text {
  text-align: center;
}
.home__h2 {
  margin-bottom: 2rem;
  font-weight: 500;
}
.home__h1 {
  font-size: 3.7rem;
  line-height: 1.6;
  font-weight: 500;
  margin-bottom: 4rem;
}
.home__cta {
	display: inline-block;
	font-weight: 500;
	background: var(--Burning-Orange);
	padding: 1rem 4rem;
	color: white;
	border-radius: 50rem;
	border: 2px solid rgba(255,255,255,0.15);
	-webkit-box-shadow: 0 5px 5px 0 var(--Burning-Orange);
	box-shadow: 0 5px 5px 0 var(--Burning-Orange);
}
.home__img {
	line-height: 0;
	align-self: flex-end;
}
@media (min-width:640px) {
	.home__grid {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
	.home__grid > * {
		flex-basis: 50%;
		max-width: 50%;
	}
}
@media (min-width:1024px) {
    .section.home {
		background-image: url(../img/bg.png);
		background-size: 100%;
		background-repeat: no-repeat;
		background-color: transparent;
	}
}



/*----------------------------------------------------------------------------*\
 #Service_page
\*----------------------------------------------------------------------------*/
.section.service > .section__inner {
	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;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: relative;
}
.service__frames {
	display: none;
	width: 800px;
	height: 467px;
	background: url(../img/frames/45.png);
	background-size: 100%;
  background-repeat: no-repeat;
	margin-bottom: 5rem;
	position: relative;
}
.service__frames::before {
	content: 'ARMAN BALANCE';
	text-align: center;
	font-size: 12rem;
	font-weight: bolder;
	line-height: 1;
	color: rgba(0,0,0,0.04);
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: -1;
}
.service__grid {
	width: 100%;
	padding: 1rem 2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.service__items {
	padding: 1rem;
	border-radius: 0.2rem;
	margin-bottom: 2rem;
	font-weight: 500;
}
.service__items:last-child {
	margin-left: 0;
}
.service__items h4 {
	padding: 0.5rem 1rem;
	background: var(--blue-color);
	color: white;
	font-weight: 500;
	border-radius: 2rem 2rem 0 2rem;
	position: relative;
}

@media (min-width:640px) {
	.service__frames {
		display: block;
	}
	.service__grid {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
	.service__items {
		-ms-flex-preferred-size: 33.3%;
		flex-basis: 33.3%;
		max-width: 33.3%;
		margin-left: 2rem;
		margin-bottom: 0;
	}
}
.service__items p {
	line-height: 1.618;
	font-size: 0.9rem;
}
.service__items ul {
	list-style: circle;
	padding-right: 1.2rem;
}
.service__items ul li {
	margin-bottom: 0.5rem;
}
/**/
.service__info {
	width: 100%;
	padding: 4rem 0;
}
.service__text {
	padding: 0 2rem;
	margin-bottom: 3rem;
	background: white;
}
.service__text p {
	margin: 0 auto;
	max-width: 700px;
	font-size: 1.15rem;
	font-weight: 500;
	line-height: 1.7;
}
.service__prgs {
	text-align: center;
	padding: 0rem 2rem;
	margin-bottom: 2rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.service__lists {
	width: 100%;
	position: relative;
	padding: 1rem;
	margin-left: 2rem;
	margin-bottom: 2rem;
	height: 450px;
	background-repeat: no-repeat;
	background-size: 100%;
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.15);
	border-radius: 1rem;
}
.service__lists:last-child {
	margin-left: 0;
}
.service__title {
	font-weight: bold;
	margin-bottom: 0;
}
.service__lists:nth-child(1) {
	background: url(../img/3/1.jpg);
}
.service__lists:nth-child(2) {
	background: url(../img/3/2.jpg);
}
.service__lists:nth-child(3) {
	background: url(../img/3/3.jpg);
}
.service__title span {
	color: var(--main-color);
}
@media (min-width:640px) {
	.service__prgs {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
	.service__lists {
		margin-left: 2rem;
		margin-bottom: 0;
	}
}

.service__gear h5 {
	font-weight: bold;
	text-align: center;
	padding: 2rem 0;
}
.service__gear ul {
	padding: 0.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.service__gear ul li {
	padding: 0.5rem;
	max-width: 10rem;
	flex-basis: 10rem;
}




/*----------------------------------------------------------------------------*\
 #About
\*----------------------------------------------------------------------------*/
.section.about {
	position: relative;
	overflow-x: hidden;
	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;
}
.section.about::before {
	content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 500px;
  height: 500px;
	background: var(--cyan-color);
	border-radius: 50rem 30rem;
  z-index: -1;
}
.section.about::after {
	content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 500px;
  height: 500px;
  background: var(--main-color);
	border-radius: 30rem 50rem;
  z-index: -1;
}
.about__paragraph {
	background: white;
	-webkit-box-shadow: 0 2px 15px 0 rgba(0,0,0,0.2);
  box-shadow: 0 2px 15px 0 rgba(0,0,0,0.2);
	max-width: 640px;
	width: 90%;
	padding: 2rem;
	border-radius: 1rem;
}
.about__paragraph p {
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.8;
	margin-bottom: 0;
}

/*----------------------------------------------------------------------------*\
 #Gallery
\*----------------------------------------------------------------------------*/
.section.gallery {
	background: #f2f2f2;
}
.swiper-slide {
	line-height: 0;
}
.swiper-slide img {
	border-radius: 1rem;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: auto;
	padding: 0.2rem 1rem;
	border-radius: 50rem;
}
.swiper-button-next, .swiper-button-prev {
	background: black;
	padding: 4rem 2rem;
	color: var(--cyan-color);
	border-radius: 50rem;
}
.swiper-pagination {
	background: black;
}
.swiper-pagination-bullet {
	background: #fff;
}
.swiper-pagination-bullet-active {
	background: var(--cyan-color);

}



/*----------------------------------------------------------------------------*\
 #Contact
\*----------------------------------------------------------------------------*/
.section.contact {
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 6rem;
}
.contact__row {
	width: 100%;
	margin-bottom: 1rem;
}
.contact__heading {
  margin-bottom: 0;
  font-weight: 500;
}
.contact__address {
  padding: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
  justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
  align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
  flex-direction: column;
}
.contact__address a {
	width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  color: black;
  border-radius: 1rem;
  font-weight: 500;
	margin-bottom: 1rem;
	-webkit-transition: 400ms all;
	-o-transition: 400ms all;
	transition: 400ms all;
}
.contact__address a:hover {
	-webkit-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
}
.address__sepator {
	width: 100%;
	padding: 0.5em 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.contact__address span {
	-ms-flex-item-align: start;
  align-self: flex-start;
	font-size: 0.9rem;
	line-height: 1.618;
	margin-bottom: 1rem;
}
.contact__address b {
	-ms-flex-item-align: end;
  align-self: flex-end;
}
.address__phone {
  background: #16e57e;
  -webkit-box-shadow: 0 1px 4px 0 #16e57e;
  box-shadow: 0 1px 4px 0 #16e57e;
}
.address__mail {
  background: #2979FF;
  -webkit-box-shadow: 0 1px 4px 0 #2962FF;
  box-shadow: 0 1px 4px 0 #2962FF;
  color: white !important;
}
.address__map {
  background: #FF3D00;
	-webkit-box-shadow: 0 1px 4px 0 #FF3D00;
  box-shadow: 0 1px 4px 0 #FF3D00;
  color: white !important;
}
/**/
.contact__top {
	width: 100%;
	margin-bottom: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
  justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
  align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
  flex-direction: column;
}
.contact__top > * {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	max-width: 100%;
}
.contact__form {
	width: 100%;
  margin-bottom: 3rem;
	padding: 1rem;
	background: #f5f5f5;
	border-radius: 1rem;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);
}
.contact__form input {
  width: 100%;
  display: block;
  margin-bottom: 1rem;
  padding: 0.4rem 0.8rem;
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.4);
  border-radius: 10rem;
  font-size: 0.9rem;
}
.contact__form input:focus {
  border-color: #1f12b3;
}
.contact__form textarea {
  overflow: auto;
  resize: vertical;
  min-height: 12rem;
  width: 100%;
  display: block;
  margin-bottom: 1rem;
  padding: 0.4rem 0.8rem;
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.4);
  border-radius: 1rem;
  font-size: 0.9rem;
}
.contact__form button {
  display: block;
  width: 100%;
  color: black;
  border-radius: 10rem;
  font-weight: 500;
  background: #CFD8DC;
  border: 1px solid #B0BEC5;
  padding: 0.4rem;
}
/**/
.contact__footer {
  width: 100%;
	background: var(--main-color);
  color: white;
  line-height: 2;
	position: relative;
}
.contact__footer:before {
	content: '';
	position: absolute;
	bottom: 50%;
	left: 0;
	width: 100%;
	height: 120%;
	background: var(--main-color);
	-webkit-transform: skewY(7deg);
	-ms-transform: skewY(7deg);
	transform: skewY(7deg);
	z-index: -1;
}
.footer__address {
	padding: 1rem 3rem;
}
.footer__copyright {
	background: #191919;
  color: rgba(255,255,255,0.9);
	padding: 0.5rem 3rem;
	margin: 0;
	font-size: 0.85rem;
}
@media (min-width:640px) {
  .contact__address {
    padding: 1rem 2rem 1rem 2rem;
  }
	.contact__address a {
		margin: 0 0 0 1rem ;
	}
  .contact__form {
    margin: 0;
  }
	.contact__address , .contact__top {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
	}
	.contact__top > * {
		-ms-flex-preferred-size: 50%;
    flex-basis: 50%;
		max-width: 50%;
	}
}