@import url("https://fonts.googleapis.com/css?family=Cabin:300,400,500,600,700&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&subset=latin-ext");
body {
	color: #000;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
	font-family: "Cabin", sans-serif;
	background-color: #fff
}

* {
	box-sizing: border-box
}

.container {
	position: relative
}

.container-fluid {
	max-width: 1200px;
	position: relative
}

a {
	color: #000;
	cursor: pointer;
	transition: all .25s ease
}

a:hover,
a:focus {
	color: #000
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol {
	margin: 0;
	padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
	font-family: "Cabin", sans-serif
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: #000
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
	color: #000
}

ul,
ol {
	list-style: none
}

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

input,
button,
textarea {
	outline-style: none
}

button,
input[type="submit"] {
	transition: all .25s ease
}

input,
select,
button,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none
}

select::-ms-expand {
	display: none
}

input[type="text"]::-ms-clear {
	display: none
}

table {
	width: 100%
}

table th {
	font-weight: normal
}

table td {
	vertical-align: middle
}

input,
button,
textarea {
	padding: 0
}

input[type="tel"]::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder {
	color: #000
}

input[type="tel"]::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="number"]::-moz-placeholder {
	color: #000
}

input[type="tel"]::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="number"]::-moz-placeholder {
	color: #000
}

input[type="tel"]:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder {
	color: #000
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0
}

input,
select,
button,
textarea {
	border: none;
	border-radius: 0;
	outline-style: none
}

textarea {
	resize: none
}

label,
select,
input[type="radio"],
input[type="submit"],
input[type="checkbox"] {
	cursor: pointer
}

input[type="submit"] {
	border: 0;
	border-radius: 0;
	-webkit-appearance: none
}

button {
	padding: 0;
	background: none
}

.page {
	padding: 50px
}

@media (max-width: 767px) {
	.page {
		padding: 15px
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.page {
		padding: 25px
	}
}

.page__inner {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	overflow: hidden;
	background-color: #f2f2f2;
	min-height: calc(100vh - 100px)
}

@media (max-width: 767px) {
	.page__inner {
		padding: 0 15px
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.page__inner {
		padding: 0 25px
	}
}

@media (min-width: 1200px) {
	.page__inner {
		padding: 50px 50px 0
	}
}



@keyframes float__1 {
	0% {
		transform: translate(-50%, 0px)
	}
	50% {
		transform: translate(-50%, -50px)
	}
	100% {
		transform: translate(-50%, 0px)
	}
}

@keyframes float__2 {
	0% {
		transform: translate(0, -50%) rotate(45deg)
	}
	50% {
		transform: translate(0, -50%) rotate(60deg)
	}
	100% {
		transform: translate(0, -50%) rotate(45deg)
	}
}

.fluid__box {
	position: relative;
	width: 100%;
	max-width: 1300px;
	margin: 0 auto
}

.loader {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999999;
	width: 100%;
	height: 100%;
	background-color: #fff
}

.loader>div {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

.header__inner {
	padding: 40px 0
}

.header__logo>a>img {
	display: block;
	max-width: 100%;
    margin-left: auto;
    margin-right: auto;
	transition: transform .25s ease
}

@media (max-width: 1199px) {
	.header__logo>a>img {
		margin: 0 auto
	}
}
@media (max-width: 425px) {
	.header__logo img {
		width: 100%;
	}
    body .content__inner h2{
        font-size: 40px;
    }
}
.header__logo>a:hover>img {
	transform: scale(1.1)
}

.main__content {
	position: relative;
	z-index: 2
}


@media (max-width: 1199px) {
	.main__content:before {
		display: none
	}
}



@media (max-width: 1199px) {
	.main__content:after {
		display: none
	}
}

@keyframes float__3 {
	0% {
		transform: translate(-50%, -50%)
	}
	50% {
		transform: translate(-75%, -50%)
	}
	100% {
		transform: translate(-50%, -50%)
	}
}

@keyframes float__4 {
	0% {
		transform: translate(0, -50%) rotate(60deg)
	}
	50% {
		transform: translate(0, -50%) rotate(75deg)
	}
	100% {
		transform: translate(0, -50%) rotate(60deg)
	}
}

.content__inner {
	position: relative;
	z-index: 3;
	padding: 40px 0;
    text-align: center;

}

@media (max-width: 1199px) {
	.content__inner {
		max-width: 100%;
		text-align: center
	}
}

.content__inner>p,
.content__inner>h1,
.content__inner>h2,
.content__inner>h3,
.content__inner>h4,
.content__inner>h5,
.content__inner>h6,
.content__inner>div {
	padding: 15px 0
}

.content__inner>h1,
.content__inner>h2,
.content__inner>h3,
.content__inner>h4,
.content__inner>h5,
.content__inner>h6 {
	line-height: 1;
	font-size: 80px;
	font-weight: 300;
	font-family: "Ubuntu", sans-serif;
	letter-spacing: 3px
}

@media (max-width: 479px) {
	.content__inner>h1,
	.content__inner>h2,
	.content__inner>h3,
	.content__inner>h4,
	.content__inner>h5,
	.content__inner>h6 {
		font-size: 50px
	}
}

.content__inner p {
	line-height: 1.5
}

.content__inner p>strong {
	font-size: 24px;
	font-weight: 700
}

.content__inner p {
	font-size: 18px;
	line-height: 1.5;
	text-align: center;
}

@media (max-width: 1199px) {
	.content__inner p {
		text-align: center
	}
}

.footer {
	font-weight: 700;
	font-family: "Ubuntu", sans-serif
}

.footer__inner {
	display: flex;
	flex-flow: row wrap;
	border-top: 1px solid #e6e6e6
}

.footer__column {
	width: 25%;
	padding: 30px 0;
	text-align: center
}

@media (max-width: 767px) {
	.footer__column {
		width: 100%;
		padding: 15px 0
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.footer__column {
		width: 50%
	}
}

.footer__column p,
.footer__column ul,
.footer__column h1,
.footer__column h2,
.footer__column h3,
.footer__column h4,
.footer__column h5,
.footer__column h6 {
	padding: 10px 0
}

.footer__column h1,
.footer__column h2,
.footer__column h3,
.footer__column h4,
.footer__column h5,
.footer__column h6 {
	font-weight: 900
}

.footer__list>ul>li>a {
	position: relative
}

.footer__list>ul>li>a:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: -4px;
	width: 0;
	height: 1px;
	background-color: #000;
	transition: all .25s ease
}

.footer__list>ul>li>a:hover:after {
	width: 100%;
	left: 0
}

.footer__social {
	font-size: 45px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.footer__social>ul {
	display: flex;
	flex-flow: row wrap
}

.footer__social>ul>li {
	width: 33.3333%
}

.footer__social>ul>li>a:hover {
	transform: scale(1.25)
}

.footer__social>ul>li>a.fa-facebook:hover {
	color: #3b5999
}

.footer__social>ul>li>a.fa-instagram:hover {
	color: #e4405f
}

.footer__social>ul>li>a.fa-twitter:hover {
	color: #55acee
}