/*
Table Of Contents
 
 1.) Typography
 2.) Default Styles
 3.) Header
 4.) Content - Main
 5.) Footer

========================================*/

/*
 1.) Typography
----------------------------------------*/

@import url("bootstrap.min-11.css") all;
@import url("brands.min-23.css") all;
@import url("light.min-23.css") all;
@import url("regular.min-23.css") all;
@import url("solid.min-23.css") all;
@import url("fontawesome.min-23.css") all;

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;display=swap'); /* font-family: "Poppins", sans-serif; */

/*
 2.) Default Styles
----------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
li {
	font-weight: inherit;
	padding: 0;
	margin: 0;
}

body {
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #7d8191;
	line-height: 32px;
	background: #ffffff;
	margin: 0;
	padding: 0;
}

sub,
sup{
	font-size: 50%;
}

sup{
	top: -.7em;
}

img { 
	max-width: 100%;
}

@media (max-width: 1199px) {
body {
	font-size: 16px;
	line-height: 28px;
}
}

@media (max-width: 767px) {
body {
	font-size: 15px;
	line-height: 24px;
}
}


/*= Links 
=======================================================*/

a {
	color: #708478;
	text-decoration: none;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	cursor: pointer;
	outline: 0;
}

a:hover,
a:focus,
a:active {
	color: #000000;
	text-decoration: none;
	outline: 0;
}

a:visited {
	outline: 0;
}


/*= Headings: P, H1, H2, H3, H4, H5, H6 
=======================================================*/

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 600;
	color: #000000;
	padding-bottom: 27px;
}

h1 {
	font-size: 93px;
	line-height: 90px;
}

h2 {
	font-size: 60px;
	line-height: 70px;
}

h3 {
	font-size: 44px;
	line-height: 54px;
}

h4 {
	font-size: 20px;
	line-height: 30px;
}

p {
	padding-bottom: 32px;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
p:last-child {
	padding-bottom: 0;
}

em {
	font-style: italic; 
}

em.fal,
em.far,
em.fas,
em.fab {
	font-style: normal; 
}

strong {
	font-weight: 700; 
}

.light {
	font-weight: 300; 
}

.regular {
	font-weight: 400; 
}

.medium {
	font-weight: 500; 
}

.semibold {
	font-weight: 600; 
}

.bold {
	font-weight: 700; 
}

@media (max-width: 1399px) {
h1 {
	font-size: 72px;
	line-height: 82px;
}

h2 {
	font-size: 50px;
	line-height: 60px;
}

h3 {
	font-size: 40px;
	line-height: 50px;
}
}

@media (max-width: 1199px) {
h1,
h2,
h3,
h4,
h5,
h6 {
	padding-bottom: 25px;
}

h1 {
	font-size: 56px;
	line-height: 66px;
}

h2 {
	font-size: 40px;
	line-height: 50px;
}

h3 {
	font-size: 30px;
	line-height: 40px;
}

p {
	padding-bottom: 25px;
}
}

@media (max-width: 767px) {
h1,
h2,
h3,
h4,
h5,
h6 {
	padding-bottom: 20px;
}

h1 {
	font-size: 36px;
	line-height: 46px;
}

h2 {
	font-size: 30px;
	line-height: 40px;
}

h3 {
	font-size: 24px;
	line-height: 34px;
}

h4 {
	font-size: 18px;
	line-height: 28px;
}

p {
	padding-bottom: 20px;
}
}


/*= Unorder List 
=======================================================*/

ul,
ol {
	list-style: none;
}

ul:last-child,
ol:last-child {
	padding-bottom: 0;
}

li {
	position: relative;
	padding-left: 30px;
}

li:last-child {
	padding-bottom: 30px;
}

ul:last-child li:last-child,
ol:last-child li:last-child {
	padding-bottom: 0;
}

ul li:before {
	content: "\f00c";
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	font-size: 20px;
	color: #7d8191;
	line-height: 1em;
	text-align: center;
	background: none;
	border-radius: 0;
	position: absolute;
	top: 7px;
	left: 0;
}

@media (max-width: 1199px) {
li {
	padding-left: 28px;
}

ul li:before {
	font-size: 18px;
	top: 5px;
}
}

@media (max-width: 767px) {
li {
	padding-left: 26px;
}

ul li:before {
	font-size: 16px;
	top: 5px;
}
}


/*= Order List 
=======================================================*/

ol {
	counter-reset: item;
}

ol > li {
	counter-increment: item;
	padding-left: 30px;
}

ol > li:before {
	content: counter(item)".";
	font-weight: 600;
	color: #7d8191;
	position: absolute;
	top: 1px;
	left: 0;
	padding: 0;
	margin: 0;
}

@media (max-width: 1199px) {
ol > li {
	padding-left: 28px;
}
}

@media (max-width: 767px) {
ol > li {
	padding-left: 26px;
}
}


/* #Input
================================================= */

textarea, 
select, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input {
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: 0;
}

textarea:focus, 
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus, 
.uneditable-input:focus {
	outline: 0;
	box-shadow: 0 0 20px #00000029;
}

input, 
textarea, 
select {
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

label {
	width: 100%;
	float: left; 
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	font-size: 30px;
	color: #7b8191;
	line-height: 1em;
	letter-spacing: normal;
	text-transform: none;
	padding: 0 0 10px 0;
	margin: 0;
}

textarea, 
select, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"],
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input {
	width: 100%;
	height: 86px;
	float: left;
	font-family: "Poppins", sans-serif;
	font-weight: 500; 
	font-size: 30px;
	color: #7b8191;
	line-height: 36px;
	letter-spacing: normal;
	background: #ffffff;
	border: none;
	border-radius: 360px;
	outline: none;
	position: relative;
	padding: 25px 30px;
	margin: 0;
}

textarea {
	height: 253px; 
	border-radius: 43px;
	outline: none;
	resize: none;
}

::-webkit-input-placeholder, 
::-webkit-textarea-placeholder {
	color: rgba(123, 129, 145, 0.5);
}

input::-moz-placeholder, 
textarea::-moz-placeholder {
	color: rgba(123, 129, 145, 0.5);
}

::-moz-placeholder {
	color: rgba(123, 129, 145, 0.5);
}

::-ms-input-placeholder {
	color: rgba(123, 129, 145, 0.5);
}

@media (max-width: 1399px) {
label {
	font-size: 26px;
}

textarea, 
select, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"],
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input {
	height: 70px;
	font-size: 24px;
	line-height: 30px;
	padding: 20px 30px;
}

textarea {
	height: 220px; 
	border-radius: 32px;
}
}

@media (max-width: 1199px) {
label {
	font-size: 20px;
}

textarea, 
select, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"],
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input {
	height: 60px;
	font-size: 20px;
	line-height: 30px;
	padding: 15px 25px;
}

textarea {
	height: 180px; 
	border-radius: 28px;
}
}

@media (max-width: 767px) {
label {
	font-size: 18px;
}

textarea, 
select, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"],
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input {
	height: 50px;
	font-size: 18px;
	line-height: 28px;
	padding: 11px 20px;
}

textarea {
	height: 140px; 
	border-radius: 20px;
}
}


/* #Buttons
================================================== */

.btn,
.button,
input[type=".button"],
input[type="submit"] {
	width: auto;
	height: auto;
	float: none;
	display: inline-block;
	vertical-align: middle; 
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-size: 15px;
	color: #ffffff;
	line-height: 21px;
	text-align: center;
	text-decoration: none;
	white-space: normal;
	background: #314246;
	border: none;
	border-radius: 360px;
	box-shadow: none;
	position: relative;
	cursor: pointer;
	outline: 0;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	padding: 23px 42px 24px 42px;
	margin: 0;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn:active:focus,
.btn.active,
.btn.active:focus,
.button:hover,
.button:focus,
.button:active,
.button:active:focus,
.button.active,
.button.active:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
input[type="button"]:active:focus,
input[type="button"].active,
input[type="button"].active:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type="submit"]:active:focus,
input[type="submit"].active,
input[type="submit"].active:focus,
.btn:not(:disabled):not(.disabled).active, 
.btn:not(:disabled):not(.disabled):active  {
	color: #ffffff;
	text-decoration: none; 
	background: rgba(0, 0, 0, 0.8); 
	outline: 0;
}

.btn-white, 
button.btn-white, 
input.btn-white[type="button"], 
input.btn-white[type="submit"] { 
	color: #314246; 
	background: #ffffff; 
}

.btn-white:hover, 
.btn-white:focus, 
.btn-white:active, 
.btn-white:active:focus, 
.btn-white.active, 
.btn-white.active:focus, 
button.btn-white:hover, 
button.btn-white:focus, 
button.btn-white:active, 
button.btn-white:active:focus, 
button.btn-white.active, 
button.btn-white.active:focus, 
input.btn-white[type="button"]:hover, 
input.btn-white[type="button"]:focus, 
input.btn-white[type="button"]:active, 
input.btn-white[type="button"]:active:focus, 
input.btn-white[type="button"].active, 
input.btn-white[type="button"].active:focus, 
input.btn-white[type="submit"]:hover, 
input.btn-white[type="submit"]:focus, 
input.btn-white[type="submit"]:active, 
input.btn-white[type="submit"]:active:focus, 
input.btn-white[type="submit"].active, 
input.btn-white[type="submit"].active:focus,
.btn-white:not(:disabled):not(.disabled).active, 
.btn-white:not(:disabled):not(.disabled):active { 
	color: #314246; 
	background: rgba(255, 255, 255, 0.8); 
}

.btn-blank-white, 
button.btn-blank-white, 
input.btn-blank-white[type="button"], 
input.btn-blank-white[type="submit"] { 
	color: #314246; 
	background: none; 
	box-shadow: inset #314246 0 0 0 2px; 
}

.btn-blank-white:hover, 
.btn-blank-white:focus, 
.btn-blank-white:active, 
.btn-blank-white:active:focus, 
.btn-blank-white.active, 
.btn-blank-white.active:focus, 
button.btn-blank-white:hover, 
button.btn-blank-white:focus, 
button.btn-blank-white:active, 
button.btn-blank-white:active:focus, 
button.btn-blank-white.active, 
button.btn-blank-white.active:focus, 
input.btn-blank-white[type="button"]:hover, 
input.btn-blank-white[type="button"]:focus, 
input.btn-blank-white[type="button"]:active, 
input.btn-blank-white[type="button"]:active:focus, 
input.btn-blank-white[type="button"].active, 
input.btn-blank-white[type="button"].active:focus, 
input.btn-blank-white[type="submit"]:hover, 
input.btn-blank-white[type="submit"]:focus, 
input.btn-blank-white[type="submit"]:active, 
input.btn-blank-white[type="submit"]:active:focus, 
input.btn-blank-white[type="submit"].active, 
input.btn-blank-white[type="submit"].active:focus,
.btn-blank-white:not(:disabled):not(.disabled).active, 
.btn-blank-white:not(:disabled):not(.disabled):active { 
	color: #ffffff; 
	background: #314246; 
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}

a.btn.disabled,
fieldset[disabled] a.btn {
	pointer-events: none;
}

.btn-out {
	width: 100%;
	display: inline-block;
	vertical-align: top;
}

@media (max-width: 1199px) {
.btn,
.button,
input[type=".button"],
input[type="submit"] {
	padding: 19px 35px 20px 35px;
}
}

@media (max-width: 767px) {
.btn,
.button,
input[type=".button"],
input[type="submit"] {
	padding: 17px 30px 18px 30px;
}
}


figure { 
	padding: 0;
	margin: 0;
}


/* #OWL
================================================== */

.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	position: relative;
	z-index: 1;
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	-moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,  
.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
	position: relative;
	min-height: 1px; 
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
	display: block;
	width: 100%;
}

.owl-carousel .owl-nav.disabled,  
.owl-carousel .owl-dots.disabled {
	display: none;
}

.owl-carousel .owl-nav .owl-prev,  
.owl-carousel .owl-nav .owl-next,  
.owl-carousel .owl-dot {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-loaded {
	display: block;
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}

.owl-carousel.owl-hidden {
	opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
	visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-grab {
	cursor: move;
	cursor: grab;
}

.owl-carousel.owl-rtl {
	direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
	float: right;
}

.no-js .owl-carousel {
	display: block;
}

.owl-carousel .animated {
	animation-duration: 1000ms;
	animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
	z-index: 0;
}

.owl-carousel .owl-animated-out {
	z-index: 1;
}

.owl-carousel .fadeOut {
	animation-name: fadeOut;
}
 @keyframes 
fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}

.owl-height {
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
	transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000;
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url("../404.html") no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
	-ms-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn, 
.owl-carousel .owl-video-playing .owl-video-play-icon {
	display: none;
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%;
}

.owl-controls {
	padding: 0;
	margin: 0;
}

.owl-controls {
	width: 100%;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

.owl-nav {
	width: 100%;
	float: left; 
}

.owl-nav div {
	width: 52px;
	height: 90px;
	float: left;
	background: none;
	border-radius: 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -99999px;
	margin: -45px 0 0 0;
}

.owl-nav div:before {
	width: 52px;
	height: 90px;
	float: left;
	font-family: "Font Awesome 5 Pro"; 
	font-weight: 400;
	font-size: 100px;
	color: #d2d8e3;
	line-height: 90px;
	text-align: center;
	text-indent: 0;
	background: none;
	border-radius: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.owl-nav div:hover:before { 
	color: #7d8191;
}

.owl-nav .owl-prev {
	left: 40px;
}

.owl-nav .owl-prev:before {
	content: "\f053"; 
}

.owl-nav .owl-next {
	right: 40px;
}

.owl-nav .owl-next:before {
	content: "\f054"; 
}

@media (max-width: 1399px) {
.owl-nav div {
	width: 42px;
	height: 72px;
	margin: -36px 0 0 0;
}

.owl-nav div:before {
	width: 42px;
	height: 72px;
	font-size: 80px;
	line-height: 72px;
}
}

@media (max-width: 1199px) {
.owl-nav div {
	width: 32px;
	height: 54px;
	margin: -27px 0 0 0;
}

.owl-nav div:before {
	width: 32px;
	height: 54px;
	font-size: 60px;
	line-height: 54px;
}
}

@media (max-width: 767px) {
.owl-nav div {
	width: 22px;
	height: 36px;
	margin: -27px 0 0 0;
}

.owl-nav div:before {
	width: 22px;
	height: 36px;
	font-size: 40px;
	line-height: 36px;
}

.owl-nav .owl-prev {
	left: 20px;
}

.owl-nav .owl-next {
	right: 20px;
}
}


/* Bullets */
.owl-dots {
	width: 100%; 
	height: 16px; 
	float:left; 
	text-align: center;
	padding: 0;
	margin: 50px 0 0 0;
}

.owl-dots .owl-dot {
	width: auto;
	float: none;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	padding: 0;
	margin: 0 8px;
}

.owl-dots .owl-dot span {
	display: block;
	width: 16px;
	height: 16px;
	background: #d2d8e3; 
	border: none;
	border-radius: 360px;
	text-indent: -9999px;
	padding: 0;
	margin: 0;
}

.owl-dots .owl-dot.active span {
	width: 16px;
	height: 16px;
	filter: Alpha(Opacity=100);
	opacity: 1;
	background: #7d8191; 
}

.owl-carousel .owl-controls .disabled, 
.owl-carousel .owl-controls .disabled {
	display: none;
}

@media (max-width: 1199px) {
.owl-dots {
	margin: 40px 0 0 0;
}
}

@media (max-width: 767px) {
.owl-dots {
	height: 14px; 
	margin: 30px 0 0 0;
}

.owl-dots .owl-dot {
	margin: 0 5px;
}

.owl-dots .owl-dot span {
	width: 14px;
	height: 14px;
}

.owl-dots .owl-dot.active span {
	width: 14px;
	height: 14px;
}
}


/*= Container - Main
=======================================================*/

.container-main {
	width: 100%; 
	max-width: 1920px; 
	margin: 0 auto;
	overflow: hidden;
}

.container {
	width: 100%;
	max-width: 1450px;
	padding: 0 40px;
}

@media (max-width: 767px) {
.container {
	max-width: 540px;
	padding: 0 20px;
}
}



/* Lrg - Txt */
.lrg-txt { 
	font-size: 24px; 
	line-height: 40px;
}

@media (max-width: 1399px) {
.lrg-txt { 
	font-size: 22px; 
	line-height: 36px;
}
}

@media (max-width: 1199px) {
.lrg-txt { 
	font-size: 20px; 
	line-height: 32px;
}
}

@media (max-width: 767px) {
.lrg-txt { 
	font-size: 18px; 
	line-height: 28px;
}
}


/* Color */
.green { 
	color: #708478; 
}


/* 
 3.) Header
----------------------------------------*/

.header-main {
	width: 100%;
	height: 167px;
	float: left; 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1001;
}

.header-main .brand {
	float: left;
	position: relative;
	z-index: 20;
	margin: 42px 0 0 -40px;
}

.header-main .brand img { 
	max-height: 60px;
}

.header-main .nav-bar {
	float: right; 
	padding: 50px 0 0 0;
}

.header-main .main-menu {
	float: left;
}

.header-main .main-menu nav {
	float: left;
}

.header-main .main-menu nav ul {
	float: left;
	padding: 0;
	margin: 0;
}

.header-main .main-menu nav ul li {
	height: 67px;
	float: left;
	font-weight:  500;
	font-size: 18px;
	color: #ffffff;
	line-height: 28px;
	padding: 0;
	margin: 0 0 0 50px;
}

.header-main .main-menu nav ul li:before {
	display: none;
}

.header-main .main-menu nav ul li a {
	height: 67px;
	float: left;
	color: #ffffff;
	line-height: 67px;
	text-decoration: none;
}

.header-main .main-menu nav ul li:hover a,
.header-main .main-menu nav ul li.active a {
	color: #000000;
}

.header-main .btn-out {
	width: auto;
	float: left;
	margin: 0 0 0 60px;
}

.header-main .btn-out .btn {
	width: 197px;
	height: 67px;
	line-height: 67px;
	padding: 0 15px;
}

.header-main .menu-btn {
	width: 34px;
	height: 24px;
	float: left;
	display: none;
	cursor: pointer;
	z-index: 10001;
	position: absolute;
	top: 38px;
	right: 40px;
}

.header-main .menu-btn .icon-bar {
	width: 100%;
	float: right;
	text-decoration: none;
	position: relative;
}

.header-main .menu-btn .icon-bar span {
	width: 100%;
	height: 3px;
	float: left;
	background: #ffffff;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin: 11px 0 0 0;
}

.header-main .menu-btn .icon-bar span:before {
	content: "";
	width: 100%;
	height: 3px;
	float: left;
	background: #ffffff;
	position: absolute;
	top: -10px;
	left: 0;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.header-main .menu-btn .icon-bar span:after {
	content: "";
	width: 100%;
	height: 3px;
	float: left;
	background: #ffffff;
	position: absolute;
	top: 10px;
	left: 0;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.header-main .menu-btn.active {
	color: #ffffff;
}

.header-main .menu-btn.active .icon-bar span {
	background: none;
}

.header-main .menu-btn.active .icon-bar span:before {
	height: 3px;
	top: 0;
	background: #ffffff;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
}

.header-main .menu-btn.active .icon-bar span:after {
	height: 3px;
	top: 0;
	background: #ffffff;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
}

@media (max-width: 1499px) {
.header-main .brand {
	margin: 42px 0 0 0;
}
}

@media (max-width: 1399px) {
.header-main {
	height: 147px;
}

.header-main .brand {
	margin: 39px 0 0 0;
}

.header-main .brand img { 
	max-height: 50px;
}

.header-main .nav-bar {
	padding: 40px 0 0 0;
}

.header-main .main-menu nav ul li {
	margin: 0 0 0 40px;
}
.header-main .btn-out {
	margin: 0 0 0 40px;
}

.header-main .btn-out .btn {
	width: 180px;
}
}

@media (max-width: 1199px) {
.header-main {
	height: 120px;
}

.header-main .brand {
	margin: 32px 0 0 0;
}

.header-main .brand img { 
	max-height: 40px;
}

.header-main .nav-bar {
	padding: 30px 0 0 0;
}

.header-main .main-menu nav ul li {
	height: 60px;
	font-size: 16px;
	line-height: 26px;
	margin: 0 0 0 30px;
}

.header-main .main-menu nav ul li a {
	height: 60px;
	line-height: 60px;
}

.header-main .btn-out {
	margin: 0 0 0 30px;
}

.header-main .btn-out .btn { 
	width: 160px;
	height: 60px;
	line-height: 60px;
}
}

@media (min-width: 992px) {
.header-main .nav-bar { 
	display: block;
}
}

@media (max-width: 991px) {
.header-main {
	height: 100px;
}

.header-main .brand {
	margin: 22px 0 0 0;
}

.header-main .nav-bar {
	width: 100%;
	float: left;
	background: #708478; 
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
}

.header-main .main-menu {
	width: 100%;
}

.header-main .main-menu nav {
	width: 100%;
	padding: 80px 0 0 0;
}

.header-main .main-menu nav ul {
	width: 100%;
}

.header-main .main-menu nav ul li {
	width: 100%;
	height: auto;
	margin: 0;
}

.header-main .main-menu nav ul li a {
	width: 100%;
	height: auto;
	line-height: inherit;
	padding: 10px 40px;
}

.header-main .btn-out {
	width: 100%;
	padding: 20px 40px 60px 40px;
	margin: 0;
}

.header-main .btn-out .btn {
	width: 170px; 
	height: 60px; 
	line-height: 60px;
}

.header-main .menu-btn {
	display: block;
}
}

@media (max-width: 767px) {
.header-main {
	height: 90px;
	background: #708478; 
	position: relative;
}

.header-main .container { 
	max-width: 100%;
}

.header-main .brand {
	margin: 13px 0 0 0;
}

.header-main .brand img { 
	max-height: 40px;
}

.header-main .menu-btn { 
	top: 33px; 
	right: 20px;
}

.header-main .main-menu nav {
	padding: 70px 0 0 0;
}

.header-main .main-menu nav ul {
	width: 100%;
}

.header-main .main-menu nav ul li {
	width: 100%;
	height: auto;
	margin: 0;
}

.header-main .main-menu nav ul li a {
	width: 100%;
	height: auto;
	line-height: inherit;
	padding: 10px 20px;
}

.header-main .btn-out {
	padding: 20px 20px 50px 20px;
}

.header-main .btn-out .btn { 
	height: 56px; 
	line-height: 56px;
}
}


/* 
 4.) Content - Main
----------------------------------------*/
/* Banner - Main */

.banner-main {
	width: 100%;
	float: left;
	background: #ffffff url(../png/curve-1.png) no-repeat top center;
	background-size: 100% 100%;
	padding: 217px 0 60px 0;
}

.banner-main h1 {
	padding: 0 0 22px 0;
}

.banner-main h1:last-child {
	padding-bottom: 0;
}

.banner-main p {
	width: 100%;
	max-width: 320px;
	float: left;
	line-height: 28px;
}

.banner-main p.white {
	color: #ffffff;
}

.banner-main .btn-out {
	padding: 15px 0 0 0;
}

.banner-main .sub-title {
	font-size: 39px;
	color: #ffffff;
	line-height: 45px;
	padding: 0 0 15px 0;
}

.banner-main aside {
	width: 43.40%;
	float: left;
	padding: 0 50px 0 0;
}

.banner-main figure {
	width: 56.60%;
	float: left;
}

.banner-main figure img {
	max-width: 100%;
}

@media (max-width: 1399px) {
.banner-main .sub-title {
	font-size: 36px;
	line-height: 42px;
}
}

@media (max-width: 1199px) {
.banner-main {
	padding: 152px 0 50px 0;
}

.banner-main h1 {
	padding: 0 0 20px 0;
}

.banner-main p {
	max-width: 280px;
	color: #000000;
	line-height: 26px;
}

.banner-main .btn-out {
	padding: 10px 0 0 0;
}

.banner-main .sub-title {
	font-size: 30px;
	line-height: 36px;
	padding: 0 0 10px 0;
}

.banner-main aside {
	width: 50%;
	padding: 0 40px 0 0;
}

.banner-main figure {
	width: 50%;
}
}

@media (max-width: 767px) {
.banner-main {
	padding: 23px 0 40px 0;
}

.banner-main h1 {
	padding: 0 0 15px 0;
}

.banner-main p {
	max-width: 100%;
	line-height: 24px;
}

.banner-main .btn-out {
	padding: 5px 0 0 0;
}

.banner-main .sub-title {
	font-size: 24px;
	line-height: 30px;
	padding: 0 0 5px 0;
}

.banner-main aside {
	width: 100%;
	padding: 0 0 40px 0;
}

.banner-main aside:last-child {
	padding-bottom: 0;
}

.banner-main figure {
	width: 100%;
}
}


/* Banner - Main */
.banner-main.main2 {
	min-height: 482px;
	background: #ffffff url(../png/curve-3.png) no-repeat top center;
	background-size: 100% auto;
	padding-bottom: 0;
}

@media (max-width: 1199px) {
.banner-main.main2 {
	background-size: 1200px auto;
}
}

@media (max-width: 767px) {
.banner-main.main2 {
	background-size: 100% auto;
}
}


/* Feature - List - Out */
.feature-list-out {
	width: 100%;
	float: left;
	position: relative;
	z-index: 5;
	padding: 80px 0 0 0;
	margin: 0 0 -60px 0;
}

.feature-list-out .feature-list {
	width: 61%;
	float: left;
	padding: 0 90px 0 0;
}

.feature-list-out .feature-list .article {
	width: 38%;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 0 5.80% 70px 5.80%;
}

.feature-list-out .feature-list .article h4 {
	padding: 0 0 17px 0;
}

.feature-list-out .feature-list .article p {
	font-size: 14px;
}

.feature-list-out .feature-list .article .icon-out {
	width: 100%;
	float: left;
	margin: 0 0 15px 0;
}

.feature-list-out .feature-list .article .icon-out img {
	max-width: 100%;
}

.feature-list-out .feature-list .article-out {
	width: 112%;
	float: left;
	margin: 0 -6% -70px -6%;
}

.feature-list-out .right-cont {
	width: 39%;
	float: right;
}

.feature-list-out .right-cont .btn,
.feature-list-out .right-cont button {
	min-width: 198px;
}

.feature-list-out .right-cont .btn-out {
	padding: 21px 0 0 0;
}

@media (max-width: 1399px) {
.feature-list-out {
	padding: 60px 0 0 0;
	margin: 0 0 -50px 0;
}

.feature-list-out .feature-list {
	padding: 0 60px 0 0;
}

.feature-list-out .feature-list .article {
	width: 42%;
	margin: 0 3.80% 60px 3.80%;
}

.feature-list-out .feature-list .article-out {
	width: 108%;
	margin: 0 -4% -60px -4%;
}
}

@media (max-width: 1199px) {
.feature-list-out {
	padding: 50px 0 0 0;
	margin: 0;
}

.feature-list-out .feature-list {
	width: 100%;
	padding: 0;
}

.feature-list-out .feature-list .article {
	width: 42%;
	margin: 0 3.80% 50px 3.80%;
}

.feature-list-out .feature-list .article-out {
	width: 108%;
	margin: 0 -4% -50px -4%;
}

.feature-list-out .right-cont {
	width: 100%;
	margin: 0 0 50px 0;
}

.feature-list-out .right-cont .btn-out {
	padding: 15px 0 0 0;
}
}

@media (max-width: 767px) {
.feature-list-out .feature-list .article {
	width: 100%;
	margin: 0 0 40px 0;
}

.feature-list-out .feature-list .article h4 {
	padding: 0 0 12px 0;
}

.feature-list-out .feature-list .article-out {
	width: 100%;
	margin: 0 0 -40px 0;
}

.feature-list-out .right-cont {
	width: 100%;
	margin: 0 0 40px 0;
}

.feature-list-out .right-cont .btn,
.feature-list-out .right-cont button {
	min-width: 180px;
}

.feature-list-out .right-cont .btn-out {
	padding: 15px 0 0 0;
}
}


/* Gallery - Info */
.gallery-info {
	width: 100%;
	float: left;
	background: url(../png/curve-2.png) no-repeat top center;
	background-size: 100% 100%;
	position: relative;
	padding: 160px 0 200px 0;
	margin-bottom: -500px;
}

.gallery-info figure {
	width: 100%;
	float: left;
	text-align: left;
	overflow: hidden;
	margin: 0 0 56px 0;
}

.gallery-info figure img {
	max-width: 100%;
}

.gallery-info figure:last-child {
	margin-bottom: 0;
}

.gallery-info .left-img {
	width: 60.15%;
	float: none;
	display: inline-block;
	vertical-align: bottom;
	margin: 0 2% 0 -4px;
}

.gallery-info .left-img figure {
	text-align: right;
}

.gallery-info .right-img {
	width: 35.85%;
	float: none;
	display: inline-block;
	vertical-align: bottom;
	margin: 0 -4px 0 2%;
}

@media (max-width: 1399px) {
.gallery-info {
	padding: 130px 0 150px 0;
	margin-bottom: -400px;
}
}

@media (max-width: 1199px) {
.gallery-info {
	padding: 80px 0;
}

.gallery-info figure {
	margin: 0 0 30px 0;
}

.gallery-info .left-img {
	width: 58%;
	padding: 0 15px 0 0;
	margin: 0 0 0 -4px;
}

.gallery-info .right-img {
	width: 42%;
	padding: 0 0 0 15px;
	margin: 0 -4px 0 0;
}
}

@media (max-width: 767px) {
.gallery-info {
	padding: 50px 0;
}

.gallery-info .container {
	max-width: 540px;
}

.gallery-info figure {
	text-align: center;
	margin: 0 0 20px 0;
}

.gallery-info .left-img {
	width: 100%;
	padding: 0;
	margin: 0 0 20px 0;
}

.gallery-info .left-img figure {
	text-align: center;
}

.gallery-info .right-img {
	width: 100%;
	padding: 0;
	margin: 0;
}
}


/* Program - Info */
.program-info {
	width: 100%;
	float: left;
	background: #eef4fd;
	padding: 90px 0 225px 0;
}

.program-info .container {
	max-width: 1720px;
}

.program-info h2 {
	text-align: center;
	padding: 0 0 95px 0;
}

.program-info .article {
	width: 100%;
	float: left;
	background: #ffffff;
	border-radius: 20px;
	padding: 0 90px 0 140px;
	margin: 0 0 25px 0;
}

.program-info .article:last-child {
	margin-bottom: 0;
}

.program-info .article .date {
	width: 100%;
	float: left;
	font-size: 31px;
	color: #708478;
	line-height: 41px;
	position: relative;
	padding: 0 0 0 47px;
	margin: 0 0 22px 0;
}

.program-info .article .date:last-child {
	margin-bottom: 0;
}

.program-info .article .date i {
	position: absolute;
	top: 0;
	left: 0;
}

.program-info .article .date i img {
	max-height: 29px;
}

.program-info .article .category-list {
	width: 100%;
	float: left;
}

.program-info .article .category-list ul {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
}

.program-info .article .category-list ul li {
	width: 100%;
	float: left;
	font-size: 26px;
	color: #708478;
	line-height: 36px;
	padding: 0 0 0 47px;
	margin: 0 0 22px 0;
}

.program-info .article .category-list ul li:last-child {
	margin-bottom: 0;
}

.program-info .article .category-list ul li:before {
	display: none;
}

.program-info .article .category-list ul li i {
	float: left;
	height: 29px;
	line-height: 29px;
	position: absolute;
	top: -1px;
	left: 0;
}

.program-info .article .category-list ul li i img {
	max-height: 29px;
}

.program-info .article .btn,
.program-info .article button {
	width: 198px;
	min-width: inherit;
	height: 67px;
	font-weight: 600;
	font-size: 20px;
	line-height: 67px;
	padding: 0 20px;
}

.program-info .article .btn-out {
	width: 198px;
	float: left;
	position: relative;
	z-index: 1;
	margin: 90px 0 90px -198px;
}

.program-info .article .left-cont {
	width: 63.70%;
	float: left;
	position: relative;
	padding: 65px 25px 60px 0;
}

.program-info .article .left-cont:before {
	content: "";
	width: 1px;
	height: 100%;
	float: left;
	background: #eef4fd;
	position: absolute;
	top: 0;
	right: -1px;
}

.program-info .article .left-cont .category-list ul {
	width: 104.80%;
	margin: 0 -2.40% -22px -2.40%;
}

.program-info .article .left-cont .category-list ul li {
	width: 45.20%;
	margin: 0 2.40% 22px 2.40%;
}

.program-info .article .right-cont {
	width: 36.30%;
	float: left;
	position: relative;
	padding: 83px 0 60px 25px;
}

.program-info .article .right-cont:before {
	content: "";
	width: 1px;
	height: 100%;
	float: left;
	background: #eef4fd;
	position: absolute;
	top: 0;
	left: 0;
}

.program-info .article aside {
	width: 100%;
	float: left;
	padding: 0 240px 0 0;
}

.program-info .article-out {
	width: 100%;
	float: left;
	padding: 0 0 55px 0;
}

.program-info .article-out:last-child {
	padding-bottom: 0;
}

.program-info .btn,
.program-info button {
	min-width: 214px;
	height: 67px;
	font-weight: 600;
	font-size: 20px;
	line-height: 67px;
	padding: 0 20px;
}

.program-info .btn-out {
	text-align: center;
}

@media (max-width: 1699px) {
.program-info .article {
	padding: 0 70px;
}
}

@media (max-width: 1599px) {
.program-info h2 {
	padding: 0 0 70px 0;
}

.program-info .article {
	padding: 60px 70px; 
	position: relative;
}

.program-info .article:before {
	content: "";
	width: 1px;
	height: 100%;
	float: left;
	background: #eef4fd;
	position: absolute;
	top: 0;
	right: 310px;
}

.program-info .article .date {
	font-size: 28px;
	padding: 0 0 0 45px;
	margin: 0 0 15px 0;
}

.program-info .article .category-list {
	margin: 0 0 15px 0;
}

.program-info .article .category-list ul li {
	font-size: 24px;
	padding: 0 0 0 45px;
	margin: 0 0 15px 0;
}

.program-info .article .btn-out {
	margin: 80px 0 0 -198px;
}

.program-info .article .left-cont {
	width: 100%;
	padding: 0;
}

.program-info .article .left-cont:before { 
	display: none;
}

.program-info .article .right-cont {
	width: 100%;
	padding: 0;
}

.program-info .article .left-cont:before { 
	display: none;
}

.program-info .article .right-cont .date {
	width: 47.60%;
	float: right;
	margin: 0 0 0 2.40%;
}

.program-info .article .right-cont .category-list {
	width: 47.60%;
	float: left;
	margin: 0 2.40% 0 0;
}
}

@media (max-width: 1399px) {
.program-info {
	padding: 70px 0 180px 0;
}
}

@media (max-width: 1199px) {
.program-info {
	padding: 50px 0 160px 0;
}

.program-info h2 {
	padding: 0 0 50px 0;
}

.program-info .article {
	border-radius: 15px;
	padding: 40px 40px 40px 40px;
}

.program-info .article:before { 
	display: none;
}

.program-info .article .date {
	font-size: 22px;
	line-height: 30px;
	padding: 0 0 0 42px;
	margin: 0 0 15px 0;
}

.program-info .article .category-list {
	margin: 0 0 15px 0;
}

.program-info .article .category-list ul li {
	font-size: 22px;
	padding: 0 0 0 42px;
	margin: 0 0 15px 0;
}

.program-info .article .category-list ul li i {
	height: 25px;
	line-height: 25px;
	top: 3px;
}

.program-info .article .category-list ul li i img {
	max-height: 25px;
}

.program-info .article .btn,
.program-info .article button {
	height: 60px;
	font-size: 18px;
	line-height: 60px;
}

.program-info .article .btn-out {
	width: 100%;
	margin: 30px 0 0 0;
}

.program-info .article aside {
	padding: 0;
}

.program-info .btn,
.program-info button {
	min-width: 190px;
	height: 60px;
	font-size: 18px;
	line-height: 60px;
}

.program-info .article-out {
	padding: 0 0 50px 0;
}
}

@media (max-width: 767px) {
.program-info {
	padding: 40px 0 120px 0;
}

.program-info .container {
	max-width: 540px;
}

.program-info h2 {
	padding: 0 0 30px 0;
}

.program-info .article {
	border-radius: 10px;
	padding: 30px 20px 40px 20px;
	margin: 0 0 20px 0;
}

.program-info .article .date {
	font-size: 20px;
	line-height: 30px;
	padding: 0 0 0 40px;
	margin: 0 0 10px 0;
}

.program-info .article .date i {
	top: 0;
}

.program-info .article .date i img {
	max-height: 24px;
}

.program-info .article .category-list ul {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
}

.program-info .article .category-list ul li {
	font-size: 20px;
	line-height: 30px;
	padding: 0 0 0 40px;
	margin: 0 0 10px 0;
}

.program-info .article .category-list ul li i {
	height: 24px;
	line-height: 24px;
	top: 1px;
}

.program-info .article .category-list ul li i img {
	max-height: 24px;
}

.program-info .article .btn,
.program-info .article button {
	width: 180px;
	height: 56px;
	font-size: 16px;
	line-height: 56px;
}

.program-info .article .btn-out {
	margin: 32px 0 0 0;
}

.program-info .article .left-cont .category-list ul {
	width: 100%;
	margin: 0 0 -15px 0;
}

.program-info .article .left-cont .category-list ul li {
	width: 100%;
	margin: 0 0 15px 0;
}

.program-info .article .right-cont .date {
	width: 100%;
	margin: 0 0 15px 0;
}

.program-info .article .right-cont .category-list {
	width: 100%;
	margin: 0 0 0 0;
}

.program-info .article-out {
	padding: 0 0 40px 0;
}

.program-info .btn,
.program-info button {
	min-width: 180px;
	height: 56px;
	font-size: 18px;
	line-height: 56px;
}
}


/* Program - Info */
.program-info.info2 {
	padding-top: 500px;
}

@media (max-width: 1399px) {
.program-info.info2 {
	padding-top: 400px;
}
}

@media (max-width: 1199px) {
.program-info.info2 {
	padding-top: 450px;
}
}

@media (max-width: 767px) {
.program-info.info2 {
	padding-top: 430px;
}
}


/* Quick - Statis */
.quick-statis {
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
	z-index: 5;
	margin: -140px 0 0 0;
}

.quick-statis .container {
	max-width: 1720px;
}

.quick-statis .box {
	width: 100%;
	float: left;
	background: #314246;
	border-radius: 20px;
	padding: 71px 50px 86px 50px;
}

.quick-statis .article {
	width: 19.90%;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 0 2.35% 40px 2.35%;
}

.quick-statis .article p {
	font-size: 27px;
	color: #ffffff;
	line-height: 37px;
	text-transform: uppercase;
	padding: 0;
}

.quick-statis .article .number {
	width: 100%;
	float: left;
	font-weight: 600;
	font-size: 80px;
	color: #ffffff;
	line-height: 90px;
	padding: 0 0 5px 0;
}

.quick-statis .article-out {
	width: 105.10%;
	float: left;
	margin: 0 -2.55% -40px -2.55%;
}

@media (max-width: 1399px) {
.quick-statis {
	margin: -100px 0 0 0;
}

.quick-statis .box {
	padding: 60px 40px 61px 40px;
}

.quick-statis .article p {
	font-size: 24px;
	line-height: 34px;
}

.quick-statis .article .number {
	font-size: 65px;
	line-height: 75px;
}
}

@media (max-width: 1199px) {
.quick-statis {
	margin: -80px 0 0 0;
}

.quick-statis .box {
	border-radius: 15px;
	padding: 40px 40px 43px 40px;
}

.quick-statis .article {
	width: 43.20%;
	margin: 0 3.20% 30px 3.20%;
}

.quick-statis .article p {
	font-size: 22px;
	line-height: 32px;
}

.quick-statis .article .number {
	font-size: 60px;
	line-height: 70px;
}

.quick-statis .article-out {
	width: 106.80%;
	margin: 0 -3.40% -30px -3.40%;
}
}

@media (max-width: 767px) {
.quick-statis {
	margin: -60px 0 0 0;
}

.quick-statis .box {
	border-radius: 10px;
	padding: 40px 20px 43px 20px;
}

.quick-statis .article {
	width: 100%;
	margin: 0 0 30px 0;
}

.quick-statis .article p {
	font-size: 20px;
	line-height: 30px;
}

.quick-statis .article .number {
	font-size: 50px;
	line-height: 60px;
}

.quick-statis .article-out {
	width: 100%;
	margin: 0 0 -30px 0;
}
}


/* 
 5.) Footer
----------------------------------------*/

.footer-main {
	width: 100%;
	float: left;
	background: #ffffff;
	padding: 170px 0 100px 0;
}

.footer-main .footer-logo {
	width: 360px;
	float: none;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	margin: 0 -360px 0 0;
}

.footer-main .footer-logo img {
	max-width: 191px;
}

.footer-main .social-links {
	width: 360px;
	float: none;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	margin: 0 0 0 -360px;
}

.footer-main .social-links ul {
	float: none;
	display: inline-block;
	vertical-align: middle;
	margin: 0 -6px -10px -6px;
}

.footer-main .social-links ul li {
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0 6px 10px 6px;
}

.footer-main .social-links ul li:before {
	display: none;
}

.footer-main .social-links ul li span {
	display: none;
}

.footer-main .social-links ul li a {
	width: 43px;
	height: 43px;
	float: left;
	font-size: 14px;
	color: #000000;
	line-height: 41px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #000000;
	border-radius: 360px;
}

.footer-main .social-links ul li a:hover,
.footer-main .social-links ul li a.active {
	color: #ffffff;
	background: #000000;
}

.footer-main .copyrights {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	color: #000000;
	line-height: 28px;
	text-align: center;
	padding: 0 380px;
	margin: 0 -5px;
}

@media (max-width: 1399px) {
.footer-main {
	padding: 100px 0;
}

.footer-main .footer-logo {
	width: 300px;
	margin: 0 -300px 0 0;
}

.footer-main .footer-logo img {
	max-width: 170px;
}

.footer-main .social-links {
	width: 300px;
	margin: 0 0 0 -300px;
}

.footer-main .copyrights {
	padding: 0 320px;
}
}

@media (max-width: 1199px) {
.footer-main {
	text-align: center;
	padding: 70px 0;
}

.footer-main .footer-logo {
	width: 100%;
	margin: 0 0 28px 0;
}

.footer-main .footer-logo img {
	max-width: 140px;
}

.footer-main .social-links {
	width: 100%;
	margin: 0 0 0 0;
}

.footer-main .social-links ul {
	margin: 0 -4px -10px -4px;
}

.footer-main .social-links ul li {
	margin: 0 4px 10px 4px;
}

.footer-main .social-links ul li a {
	width: 40px;
	height: 40px;
	line-height: 38px;
}

.footer-main .copyrights {
	font-size: 18px;
	line-height: 26px;
	padding: 0 0 34px 0;
	margin: 0;
}
}

@media (max-width: 767px) {
.footer-main {
	padding: 60px 0;
}

.footer-main .footer-logo {
	width: 100%;
	margin: 0 0 23px 0;
}

.footer-main .footer-logo img {
	max-width: 120px;
}

.footer-main .social-links {
	width: 100%;
	margin: 0 0 0 0;
}

.footer-main .social-links ul {
	margin: 0 -3px -10px -3px;
}

.footer-main .social-links ul li {
	margin: 0 3px 10px 3px;
}

.footer-main .social-links ul li a {
	width: 36px;
	height: 36px;
	line-height: 34px;
}

.footer-main .copyrights {
	font-size: 16px;
	line-height: 24px;
	padding: 0 0 24px 0;
}
}


/* 
 5.) About - Page
----------------------------------------*/

/* About - Cont */
.about-cont {
	width: 100%;
	float: left;
	padding: 0 0 110px 0;
	margin: -40px 0 0 0;
}

.about-cont h2 {
	padding: 0 0 28px 0;
}

.about-cont h2:last-child {
	padding-bottom: 0;
}

.about-cont p {
	color: #7d8191;
}

.about-cont aside {
	width: 100%;
	max-width: 560px;
	float: left;
}

.about-cont .aside-out {
	width: 50.75%;
	float: left;
}

@media (max-width: 1399px) {
.about-cont {
	padding: 0 0 90px 0;
	margin: -30px 0 0 0;
}

.about-cont h2 {
	padding: 0 0 20px 0;
}

.about-cont aside {
	max-width: 500px;
}
}

@media (max-width: 1199px) {
.about-cont {
	padding: 50px 0 70px 0;
	margin: 0;
}

.about-cont aside {
	max-width: 100%;
}
}

@media (max-width: 767px) {
.about-cont {
	padding: 40px 0 50px 0;
}

.about-cont .aside-out {
	width: 100%;
}
}


/* Split - Cont - Out */
.split-cont-out {
	width: 100%;
	float: left;
	background: #eef4fd url(../png/curve-4.png) no-repeat top center;
	background-size: 100% 100%;
	padding: 0 0 240px 0;
}

@media (max-width: 1399px) {
.split-cont-out {
	padding: 0 0 400px 0;
}
}

@media (max-width: 1199px) {
.split-cont-out {
	padding: 0 0 150px 0;
}
}

@media (max-width: 767px) {
.split-cont-out {
	padding: 0 0 80px 0;
}
}


/* Split - Cont */
.split-cont {
	width: 100%;
	float: left;
	margin: 0 0 110px 0;
}

.split-cont .container {
	max-width: 1920px;
	padding: 0;
}

.split-cont figure {
	width: 50%;
	float: left;
	text-align: left;
	overflow: hidden;
}

.split-cont figure img {
	width: 100%;
}

.split-cont aside {
	width: 50%;
	float: left;
	padding: 40px 0 0 40px;
}

.split-cont aside h2 {
	padding: 0 0 26px 0;
}

.split-cont aside h2:last-child {
	padding-bottom: 0;
}

.split-cont aside p:last-child {
	padding-bottom: 0;
}

.split-cont aside .txt {
	width: 100%;
	max-width: 685px;
	float: right;
	padding: 0 15% 0 0;
}

@media (max-width: 1399px) {
.split-cont {
	margin: 0 0 90px 0;
}

.split-cont p {
	color: #000000;
}
}

@media (max-width: 1199px) {
.split-cont {
	margin: 0 0 80px 0;
}

.split-cont aside {
	padding: 0 0 0 40px;
}

.split-cont aside .txt {
	padding: 0 40px 0 0;
}
}

@media (max-width: 767px) {
.split-cont {
	margin: 0 0 60px 0;
}

.split-cont .container {
	padding: 0 20px;
}

.split-cont figure {
	width: 100%;
}

.split-cont aside {
	width: 100%;
	padding: 0 0 33px 0;
}

.split-cont aside h2 {
	padding: 0 0 15px 0;
}

.split-cont aside .txt {
	max-width: 100%;
	padding: 0;
}
}


/* Two - Col - Article */
.two-col-article {
	width: 100%;
	float: left;
}

.two-col-article .container {
	max-width: 1920px;
	padding: 0;
}

.two-col-article .article {
	width: 100%;
	float: left;
	margin: 0 0 110px 0;
}

.two-col-article .article:last-child {
	margin-bottom: 0;
}

.two-col-article .article figure {
	width: 50%;
	float: right;
	text-align: left;
	overflow: hidden;
}

.two-col-article .article figure img {
	max-width: 100%;
}

.two-col-article .article aside {
	width: 50%;
	float: left;
	padding: 40px 0 0 40px;
}

.two-col-article .article aside h2 {
	color: #ffffff;
	padding: 0 0 26px 0;
}

.two-col-article .article aside h2:last-child {
	padding-bottom: 0;
}

.two-col-article .article aside p {
	color: #ffffff;
}

.two-col-article .article aside p:last-child {
	padding-bottom: 0;
}

.two-col-article .article aside .txt {
	width: 100%;
	max-width: 685px;
	float: right;
	padding: 0 7% 0 0;
}

.two-col-article .article:nth-child(even) figure {
	text-align: right;
	float: left;
}

.two-col-article .article:nth-child(even) aside {
	float: right;
	padding: 40px 40px 0 0;
}

.two-col-article .article:nth-child(even) aside .txt {
	float: left;
	padding: 0 0 0 15%;
}

.two-col-article .article-out {
	width: 100%;
	float: left;
}

@media (max-width: 1399px) {
.two-col-article .article {
	margin: 0 0 90px 0;
}

.two-col-article .article aside h2 {
	color: #000000;
}

.two-col-article .article aside p {
	color: #000000;
}
}

@media (max-width: 1199px) {
.two-col-article .article {
	margin: 0 0 70px 0;
}

.two-col-article .article aside {
	padding: 0 0 0 40px;
}

.two-col-article .article aside .txt {
	padding: 0 40px 0 0;
}

.two-col-article .article:nth-child(even) aside {
	padding: 0 40px 0 0;
}

.two-col-article .article:nth-child(even) aside .txt {
	padding: 0 0 0 40px;
}
}

@media (max-width: 767px) {
.two-col-article .container {
	padding: 0 20px;
}

.two-col-article .article {
	margin: 0 0 50px 0;
}

.two-col-article .article figure {
	width: 100%;
	margin: 0 0 33px 0;
}

.two-col-article .article aside {
	width: 100%;
	padding: 0;
}

.two-col-article .article aside h2 {
	padding: 0 0 15px 0;
}

.two-col-article .article aside .txt {
	max-width: 100%;
	padding: 0;
}

.two-col-article .article:nth-child(even) aside {
	padding: 0;
}

.two-col-article .article:nth-child(even) aside .txt {
	padding: 0;
}
}


/* Bottom - Cont */
.bottom-cont {
	width: 100%;
	float: left;
	text-align: center;
	background: #eef4fd;
	padding: 0 0 300px 0;
}

.bottom-cont h2 {
	color: #708478;
	padding: 0 0 28px 0;
}

.bottom-cont p {
	font-size: 22px;
	color: #000000;
	line-height: 40px;
}

.bottom-cont aside {
	width: 100%;
	max-width: 1020px;
	float: none;
	display: inline-block;
	vertical-align: top;
}

@media (max-width: 1399px) {
.bottom-cont {
	padding: 0 0 240px 0;
}

.bottom-cont h2 {
	padding: 0 0 20px 0;
}

.bottom-cont p {
	font-size: 20px;
	line-height: 36px;
}

.bottom-cont aside {
	max-width: 940px;
}
}

@media (max-width: 1199px) {
.bottom-cont {
	padding: 0 0 200px 0;
}

.bottom-cont p {
	font-size: 18px;
	line-height: 30px;
}

.bottom-cont aside {
	max-width: 620px;
}
}

@media (max-width: 767px) {
.bottom-cont {
	padding: 0 0 150px 0;
}

.bottom-cont h2 {
	padding: 0 0 15px 0;
}

.bottom-cont p {
	font-size: 16px;
	line-height: 26px;
}

.bottom-cont aside {
	max-width: 100%;
}
}


/* 
 6.) For - The - Freelancer
----------------------------------------*/

/* Feature - List */
.feature-list2 {
	width: 100%;
	float: left;
	position: relative;
	z-index: 5;
	margin: 0 0 -10px 0;
}

.feature-list2 .heading-txt {
	width: 100%;
	float: left;
	padding: 0 0 140px 0;
}

.feature-list2 .heading-txt:last-child {
	padding-bottom: 0;
}

.feature-list2 .heading-txt h2 {
	padding: 0 0 30px 0;
}

.feature-list2 .heading-txt h2:last-child {
	padding-bottom: 0;
}

.feature-list2 .heading-txt aside {
	width: 45.60%;
	float: left;
	margin: 0 2.20% 32px 2.20%;
}

.feature-list2 .heading-txt .aside-out {
	width: 104.40%;
	float: left;
	margin: 0 -2.20% -32px -2.20%;
}

.feature-list2 .article {
	width: 21.63%;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 0 5.65% 70px 5.65%;
}

.feature-list2 .article h4 {
	padding: 0 0 8px 0;
}

.feature-list2 .article p {
	font-size: 14px;
}

.feature-list2 .article .icon-out {
	width: 100%;
	float: left;
	margin: 0 0 15px 0;
}

.feature-list2 .article .icon-out img {
	max-width: 100%;
}

.feature-list2 .article-out {
	width: 111.70%;
	float: left;
	margin: 0 -5.85% -70px -5.85%;
}

@media (max-width: 1399px) {
.feature-list2 .heading-txt {
	padding: 0 0 100px 0;
}

.feature-list2 .article {
	width: 26.33%;
	margin: 0 3.3% 60px 3.3%;
}

.feature-list2 .article-out {
	width: 107%;
	margin: 0 -3.5% -60px -3.5%;
}
}

@media (max-width: 1199px) {
.feature-list2 .heading-txt {
	padding: 0 0 80px 0;
}

.feature-list2 .heading-txt h2 {
	padding: 0 0 25px 0;
}

.feature-list2 .article {
	width: 42%;
	margin: 0 3.80% 50px 3.80%;
}

.feature-list2 .article-out {
	width: 108%;
	margin: 0 -4% -50px -4%;
}
}

@media (max-width: 767px) {
.feature-list2 .heading-txt {
	padding: 0 0 60px 0;
}

.feature-list2 .heading-txt h2 {
	padding: 0 0 20px 0;
}

.feature-list2 .heading-txt aside {
	width: 100%;
	margin: 0 0 20px 0;
}

.feature-list2 .heading-txt .aside-out {
	width: 100%;
	margin: 0 0 -20px 0;
}

.feature-list2 .article {
	width: 100%;
	margin: 0 0 40px 0;
}

.feature-list2 .article h4 {
	padding: 0 0 12px 0;
}

.feature-list2 .article-out {
	width: 100%;
	margin: 0 0 -40px 0;
}
}


/* Split - Cont */
.split-cont2 {
	width: 100%;
	float: left;
	background: #eef4fd url(../png/curve-5.png) no-repeat top center;
	background-size: 100% auto;
	padding: 160px 0 60px 0;
}

.split-cont2 figure {
	width: 32.85%;
	float: left;
	text-align: center;
	overflow: hidden;
}

.split-cont2 figure img {
	width: 100%;
}

.split-cont2 aside {
	width: 67.15%;
	float: left;
	padding: 0 0 0 7.5%;
}

.split-cont2 aside .btn,
.split-cont2 aside button {
	min-width: 198px;
}

.split-cont2 aside .btn-out {
	padding: 5px 0 0 0;
}

@media (max-width: 1199px) {
.split-cont2 {
	padding: 120px 0 50px 0;
}
}

@media (max-width: 1199px) {
.split-cont2 {
	padding: 80px 0 40px 0;
}

.split-cont2 figure {
	width: 40%;
}

.split-cont2 aside {
	width: 60%;
	padding: 0 0 0 40px;
}
}

@media (max-width: 767px) {
.split-cont2 {
	padding: 60px 0 30px 0;
}

.split-cont2 figure {
	width: 100%;
	margin: 0 0 30px 0;
}

.split-cont2 aside {
	width: 100%;
	padding: 0;
}
}


/* Bottom - Con2 */
.bottom-cont2 {
	width: 100%;
	float: left;
	margin: -140px 0 0 0;
}

.bottom-cont2 .container {
	max-width: 1720px;
}

.bottom-cont2 aside {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0 392px 0 0;
	margin: 0 -6px 0 0;
}

.bottom-cont2 aside h2 {
	width: 55%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0 40px 0 0;
	margin: 0 -5px 0 0;
}

.bottom-cont2 aside h2 .white {
	color: #ffffff;
}

.bottom-cont2 aside ul {
	width: 45%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0 -5px 0 0;
}

.bottom-cont2 aside ul li {
	color: #ffffff;
}

.bottom-cont2 aside ul li:before {
	color: #ffffff;
}

.bottom-cont2 .btn,
.bottom-cont2 button {
	width: 100%;
	height: 68px;
	font-weight: 600;
	font-size: 24px;
	line-height: 68px;
	padding: 0;
}

.bottom-cont2 .btn-out {
	width: 352px;
	float: none;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 5;
	margin: 0 0 0 -352px;
}

.bottom-cont2 .box {
	width: 100%;
	float: left;
	background: #708478;
	border-radius: 20px;
	padding: 70px 90px;
}

@media (max-width: 1399px) {
.bottom-cont2 {
	margin: -100px 0 0 0;
}

.bottom-cont2 aside h2 {
	width: 100%;
	padding: 0 0 25px 0;
	margin: 0;
}

.bottom-cont2 aside ul {
	width: 100%;
	padding: 0;
	margin: 0;
}

.bottom-cont2 .btn,
.bottom-cont2 button {
	font-size: 22px;
}

.bottom-cont2 .box {
	padding: 37px 70px 41px 70px;
}
}

@media (max-width: 1199px) {
.bottom-cont2 {
	margin: -80px 0 0 0;
}

.bottom-cont2 aside {
	padding: 0 0 32px 0;
	margin: 0;
}

.bottom-cont2 aside ul {
	padding: 0;
}

.bottom-cont2 .btn,
.bottom-cont2 button {
	max-width: 320px;
	height: 60px;
	font-size: 20px;
	line-height: 60px;
}

.bottom-cont2 .btn-out {
	width: 100%;
	text-align: center;
	margin: 0;
}

.bottom-cont2 .box {
	border-radius: 15px;
	padding: 40px 50px 50px 50px;
}
}

@media (max-width: 767px) {
.bottom-cont2 {
	margin: -60px 0 0 0;
}

.bottom-cont2 .container {
	max-width: 540px;
}

.bottom-cont2 aside h2 {
	padding: 0 0 20px 0;
}

.bottom-cont2 aside ul {
	padding: 0;
}

.bottom-cont2 .btn,
.bottom-cont2 button {
	max-width: 280px;
	height: 56px;
	font-size: 18px;
	line-height: 56px;
}

.bottom-cont2 .btn-out {
	width: 100%;
	text-align: center;
	margin: 0;
}

.bottom-cont2 .box {
	border-radius: 15px;
	padding: 40px 20px 50px 20px;
}
}


/* 
 6.) For The Client
----------------------------------------*/

/* Partners - Logo */
.partners-logo {
	width: 100%;
	float: left;
	text-align: center;
	background: #eef4fd;
	padding: 120px 0 160px 0;
}

.partners-logo .container {
	max-width: 1600px;
}

.partners-logo .box {
	width: 100%;
	float: left;
	background: #ffffff;
	box-shadow: 0 0 30px #00000029;
	border-radius: 20px;
	padding: 64px 40px 80px 40px;
}

.partners-logo h3 {
	font-size: 40px;
	line-height: 50px;
	padding: 0 0 34px 0;
}

.partners-logo ul {
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0 -20px -44px -20px;
}

.partners-logo ul li {
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0 20px 44px 20px;
}

.partners-logo ul li:before {
	display: none;
}

.partners-logo ul li img {
	width: 100%;
	max-width: 166px;
}

@media (max-width: 1399px) {
.partners-logo {
	padding: 80px 0 120px 0;
}

.partners-logo .box {
	padding: 50px 40px 60px 40px;
}

.partners-logo h3 {
	font-size: 36px;
	line-height: 46px;
	padding: 0 0 30px 0;
}

.partners-logo ul {
	margin: 0 -13px -20px -13px;
}

.partners-logo ul li {
	margin: 0 13px 20px 13px;
}

.partners-logo ul li img {
	max-width: 140px;
}
}

@media (max-width: 1199px) {
.partners-logo {
	padding: 60px 0 80px 0;
}

.partners-logo .box {
	border-radius: 15px;
	padding: 50px 40px 60px 40px;
}

.partners-logo h3 {
	font-size: 32px;
	line-height: 42px;
	padding: 0 0 20px 0;
}
}

@media (max-width: 767px) {
.partners-logo {
	padding: 40px 0 60px 0;
}

.partners-logo .container {
	max-width: 540px;
}

.partners-logo .box {
	box-shadow: 0 0 20px #00000029;
	border-radius: 10px;
	padding: 31px 20px 40px 20px;
}

.partners-logo h3 {
	font-size: 28px;
	line-height: 38px;
	padding: 0 0 15px 0;
}

.partners-logo ul {
	margin: 0 -10px -20px -10px;
}

.partners-logo ul li {
	margin: 0 10px 20px 10px;
}

.partners-logo ul li img {
	max-width: 120px;
}
}


/* Testimonials */
.testimonials {
	width: 100%;
	float: left;
	text-align: center;
	background: #eef4fd;
	padding: 0 0 300px 0;
}

.testimonials .container {
	max-width: 1600px;
}

.testimonials aside {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	padding: 0 0 0 240px;
	margin: 0 0 0 -6px;
}

.testimonials aside h3 {
	font-size: 47px;
	line-height: 57px;
	padding: 0 0 24px 0;
}

.testimonials aside h3:last-child {
	padding-bottom: 0;
}

.testimonials aside p:last-child {
	padding-bottom: 0;
}

.testimonials figure {
	width: 184px;
	float: none;
	display: inline-block;
	vertical-align: middle;
	border-radius: 360px;
	position: relative;
	z-index: 5;
	margin: 0 -184px 0 0;
}

.testimonials figure img {
	width: 100%;
	border-radius: 360px;
}

.testimonials .item {
	width: 100%;
	float: left;
}

.testimonials .owl-carousel {
	width: 100%;
	float: left;
	padding: 0 255px;
}

.testimonials .owl-nav .owl-prev {
	left: 0;
}

.testimonials .owl-nav .owl-next {
	right: 0;
}

@media (max-width: 1399px) {
.testimonials {
	padding: 0 0 220px 0;
}

.testimonials aside h3 {
	font-size: 44px;
	line-height: 54px;
}

.testimonials .owl-carousel {
	padding: 0 100px;
}
}

@media (max-width: 1199px) {
.testimonials {
	padding: 0 0 160px 0;
}

.testimonials aside {
	padding: 0 0 0 230px;
}

.testimonials aside h3 {
	font-size: 38px;
	line-height: 48px;
	padding: 0 0 20px 0;
}

.testimonials .owl-carousel {
	padding: 0;
}
}

@media (max-width: 767px) {
.testimonials {
	padding: 0 0 120px 0;
}

.testimonials .container {
	max-width: 540px;
}

.testimonials aside {
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
}

.testimonials aside h3 {
	font-size: 32px;
	line-height: 42px;
	padding: 0 0 15px 0;
}

.testimonials figure {
	width: 150px;
	margin: 0 0 25px 0;
}

.testimonials figure img {
	width: 100%;
	border-radius: 360px;
}
}


/* 
 8.) Contact
----------------------------------------*/

/* Banner - Main */
.banner-main.main3 {
	min-height: 482px;
	background: #ffffff url(../png/curve-3.png) no-repeat top center;
	background-size: 100% 100%;
	padding-bottom: 0;
}

@media (max-width: 1399px) {
.banner-main.main3 {
	min-height: 360px;
}
}

@media (max-width: 1199px) {
.banner-main.main3 {
	min-height: 270px;
	background-size: 1200px 100%;
}
}

@media (max-width: 767px) {
.banner-main.main3 {
	min-height: 100px;
	background-size: 100% 100%;
}
}


/* Address - Block */
.address-block {
	width: 100%;
	float: left;
	padding: 0 0 80px 0;
	margin: -30px 0 0 0;
}

.address-block aside {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: bottom;
	padding: 0 310px 0 0;
	margin: 0 -6px 0 0;
}

.address-block aside .txt {
	width: 100%;
	max-width: 530px;
	float: left;
}

.address-block .address {
	width: 270px;
	float: none;
	display: inline-block;
	vertical-align: bottom;
	position: relative;
	z-index: 5;
	margin: 0 0 0 -270px;
}

.address-block .address h4 {
	font-size: 30px;
	line-height: 40px;
	padding: 0 0 20px 0;
}

.address-block .address p {
	font-size: 20px;
	line-height: 30px;
	padding: 0 0 41px 0;
}

.address-block .address p:last-child {
	padding-bottom: 0;
}

.address-block .address p a {
	color: #7d8191;
}

.address-block .address p a:hover {
	color: #000000;
}

.address-block .address .icon-out {
	width: 100%;
	float: left;
	margin: 0 0 17px 0;
}

.address-block .address .icon-out img {
	max-width: 100%;
}

@media (max-width: 1199px) {
.address-block {
	padding: 0 0 60px 0;
	margin: 0;
}

.address-block aside {
	padding: 0 300px 0 0;
}

.address-block .address {
	width: 240px;
	margin: 0 0 0 -240px;
}

.address-block .address h4 {
	font-size: 26px;
	line-height: 36px;
}

.address-block .address p {
	font-size: 18px;
	line-height: 28px;
	padding: 0 0 30px 0;
}
}

@media (max-width: 767px) {
.address-block {
	padding: 40px 0 50px 0;
}

.address-block aside {
	padding: 0 0 35px 0;
}

.address-block aside .txt {
	max-width: 100%;
}

.address-block .address {
	width: 100%;
	margin: 0;
}

.address-block .address h4 {
	font-size: 22px;
	line-height: 32px;
}

.address-block .address p {
	font-size: 16px;
	line-height: 26px;
	padding: 0 0 25px 0;
}
}


/* Form - Block */
.form-block {
	width: 100%;
	float: left;
	background: #eef4fd;
	padding: 80px 0 280px 0;
}

.form-block ul {
	width: 100%;
	float: left;
	padding: 0 0 75px 0;
	margin: 0 0 -45px 0;
}

.form-block ul:last-child {
	padding-bottom: 0;
}

.form-block ul li {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0 0 45px 0;
}

.form-block ul li:before {
	display: none;
}

.form-block .btn,
.form-block button {
	min-width: 198px;
	height: 68px;
	font-size: 20px;
	line-height: 68px;
	padding: 0 20px;
}

.form-block aside {
	width: 100%;
	max-width: 950px;
	float: left;
}

@media (max-width: 1399px) {
.form-block {
	padding: 70px 0 240px 0;
}

.form-block ul {
	padding: 0 0 60px 0;
	margin: 0 0 -40px 0;
}

.form-block ul li {
	margin: 0 0 40px 0;
}

.form-block .btn,
.form-block button {
	font-size: 18px;
}
}

@media (max-width: 1199px) {
.form-block {
	padding: 60px 0 160px 0;
}

.form-block ul {
	padding: 0 0 50px 0;
	margin: 0 0 -30px 0;
}

.form-block ul li {
	margin: 0 0 30px 0;
}

.form-block .btn,
.form-block button {
	height: 60px;
	font-size: 16px;
	line-height: 60px;
}
}

@media (max-width: 767px) {
.form-block {
	padding: 50px 0 120px 0;
}

.form-block ul {
	padding: 0 0 35px 0;
	margin: 0 0 -20px 0;
}

.form-block ul li {
	margin: 0 0 20px 0;
}

.form-block .btn,
.form-block button {
	min-width: 170px;
	height: 56px;
	font-size: 15px;
	line-height: 56px;
}
}