@import url(reset.css);

@import url(assets.css);

body {
	font-family: Gilroy;
	background: #000
}
.mc {
    display: none;
    font-size: 13px;
    margin-top: 10px;
}
::selection {
	background-color: #000;
	color: #fff
}

p {
	line-height: 30px;
	font-size: 18px
}

h3 {
	font-size: 30px;
	line-height: 36px;
	margin-left: -1px
}

h4 {
	font-size: 24px;
	line-height: 30px;
	margin-left: -1px;
	font-weight: 700
}

h5 {
	font-size: 18px;
	line-height: 24px;
	margin-left: -1px
}

h6 {
	font-size: 14px;
	line-height: 18px
}

.site-btn {
	font-family: Gilroy;
	display: inline-block;
	cursor: pointer;
	font-weight: 600;
	font-size: 15px;
	border: 0;
	background: #000;
	color: #fff;
	padding: 13px 28px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	position: relative;
	overflow: hidden
}

.site-btn2 {
	display: block;
	font-size: 28px;
	margin: 26px 0
}

.site-btn:focus {
	outline: 0
}

.site-btn:hover::before {
	transform: scaleX(1);
	transform-origin: left
}

.site-btn::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .2s ease-out;
	-webkit-transition: transform .2s ease-out;
	opacity: .3
}

.site-btn:hover {
	color: #fff
}

.page-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.page-overlay .page-transition {
	position: absolute;
	width: 100%;
	height: 101%;
	-webkit-transition: -webkit-transform 0s;
	transition: -webkit-transform 0s;
	transition: transform 0s;
	transition: transform 0s,-webkit-transform 0s;
	background-color: #000
}

.page-overlay .page-transition {
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%)
}

@-webkit-keyframes loader-1 {
	0% {
		-webkit-transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes loader-1 {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

@-webkit-keyframes loader-2 {
	0% {
		-webkit-transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(220deg)
	}
}

@keyframes loader-2 {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(220deg)
	}
}

@-webkit-keyframes loader-3 {
	0% {
		-webkit-transform: rotate(-140deg)
	}

	50% {
		-webkit-transform: rotate(-160deg)
	}

	100% {
		-webkit-transform: rotate(140deg)
	}
}

@keyframes loader-3 {
	0% {
		transform: rotate(-140deg)
	}

	50% {
		transform: rotate(-160deg)
	}

	100% {
		transform: rotate(140deg)
	}
}

header {
	position: absolute;
	top: 0;
	padding: 45px;
	width: 100%
}

header .logo img {
	max-height: 56px
}

header.black {
	position: fixed;
	z-index: 3;
	opacity: 1;
	transform: translateY(-130%);
	-webkit-transform: translateY(-130%);
	-moz-transform: translateY(-130%);
	-ms-transform: translateY(-130%);
	-o-transform: translateY(-130%)
}

.white header.black {
	position: fixed;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transition: all ease .3s .3s;
	-webkit-transition: all ease .3s .3s;
	-moz-transition: all ease .3s .3s;
	-ms-transition: all ease .3s .3s;
	-o-transition: all ease .3s .3s
}

header.black .logo img {
	transform: rotate(-90deg) translate(-96px,22px);
	transform-origin: left;
	transition: all ease .3s;
	max-height: 44px;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-ms-transition: all ease .3s;
	-o-transition: all ease .3s;
	-webkit-transform: rotate(-90deg) translate(-96px,22px);
	-moz-transform: rotate(-90deg) translate(-96px,22px);
	-ms-transform: rotate(-90deg) translate(-96px,22px);
	-o-transform: rotate(-90deg) translate(-96px,22px)
}

.link-title {
	font-size: 70px;
	color: #000;
	font-weight: 900;
	transition: all ease .3s;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-ms-transition: all ease .3s;
	-o-transition: all ease .3s
}

.next-content {
	display: inline-block
}

.next-content:hover .link-title {
	letter-spacing: 3px
}

@supports (object-fit:cover) {
	.video-wrapper>video {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover
	}
}

.atop {
	margin-top: -80px;
	z-index: 2;
	position: relative
}

.white {
	background: #fff;
	transition: all ease .3s .1s;
	-webkit-transition: all ease .3s .1s;
	-moz-transition: all ease .3s .1s;
	-ms-transition: all ease .3s .1s;
	-o-transition: all ease .3s .1s
}

p {
	margin: 0
}

footer {
	background: #f2f0f0;
	padding: 60px 0;
	width: 100%;
	font-weight: 700
}

.footer-info {
	text-align: right
}

.section-title .title {
	font-size: 42px;
	font-weight: 800;
	margin-top: 20px;
	line-height: 55px
}

article .article-content p {
	line-height: 30px;
	font-size: 18px
}

article .post-image img {
	width: 100%
}

article .article-content .article-top {
	width: 100%;
	padding: 30px 0;
	display: inline-block
}

.entry-data {
	float: left;
	margin: 0
}

article .entry-date a:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	z-index: 0;
	background: rgba(0,0,0,1);
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .2s ease-out,opacity .2s ease-out .3s
}

.entry-date a:Hover:before {
	transform: scaleX(1);
	transform-origin: left
}

article .entry-date a:after {
	width: 100%;
	height: 1px;
	position: absolute;
	content: "";
	background-color: rgba(0,0,0,.2);
	left: 0;
	bottom: 0
}

.entry-date {
	float: right
}

.entry-date a {
	color: #000;
	margin-right: 15px;
	font-weight: 600;
	position: relative
}

.article-title {
	color: #000;
	font-weight: 700;
	font-size: 50px;
	margin-bottom: 15px
}

.article-title2 {
	font-weight: 300;
	font-size: 50px;
	margin-bottom: 15px;
	color: gray
}

article {
	margin-bottom: 30px
}

.article-content {
	margin-bottom: 90px
}

.article-meta {
	border-top: solid 1px #dfdfdf;
	border-bottom: solid 1px #dfdfdf;
	display: inline-block;
	width: 100%;
	padding: 60px 15px
}

@media screen and (width:1366px) and (height:768px) {
	.container {
		width: 86%;
		margin-left: 7%
	}

	header {
		padding: 25px
	}
}

@media only screen and (min-width:1401px) {
	.container {
		width: 86%;
		margin-left: 7%
	}
}

@media only screen and (max-width:1024px) {
	.section-title .title br {
		display: none
	}

	.link-title {
		font-size: 60px
	}

	header.black .logo img {
		transform: rotate(0)
	}

	header.black {
		z-index: 3
	}

	header.black .logo {
		background: #fff;
		border-radius: 30px;
		padding: 18px 20px
	}

	.site-menu {
		padding-left: 30px
	}
}

@media only screen and (max-width:768px) {
	.article-title,.article-title2 {
		font-size: 40px
	}

	.link-title {
		font-size: 50px
	}
}

@media only screen and (max-width:500px) {
	.mc {
    display: block;
}
	footer {
		text-align: center
	}

	.footer-info {
		text-align: center
	}

	header {
		padding: 20px
	}

	header.black {
		padding: 15px
	}

	.site-menu {
		padding-left: 30px
	}

	.right-content {
		display: none
	}

	.footer-info {
		color: #000
	}

	.section-title .title {
		font-size: 32px;
		line-height: 43px
	}

	.article-title2,.article-title {
		font-size: 20px;
		line-height: 37px
	}

	.link-title {
		font-size: 30px
	}.site-btn2 {
		font-size: 24px;
	}.swiper-slide.swiper-slide-active > img {
    margin-top: 10px !important;
	}
}
@media only screen and (max-width:415px) {
article .article-content p {
    font-size: 13px;
    line-height: 30px;
}
}
@media screen and (min-device-width:1366px) and (max-device-height:1024px) and (orientation:landscape) {
	.container {
		width: 85%;
		margin-left: 7.5%
	}
}

@media screen and (min-device-width:812px) and (max-device-height:375px) and (orientation:landscape) {
	header {
		padding: 25px
	}
}

@media screen and (min-device-width:568px) and (max-device-height:320px) and (orientation:landscape) {
	header {
		padding: 15px
	}
}/*!
 * Font Awesome Free 5.0.6 by @fontawesome - http://fontawesome.com
 * License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */@-webkit-keyframes a {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes a {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@font-face {
	font-family:Font Awesome\ 5 Brands;font-style:normal;font-weight:400;src:url(http://qc-startup.com/icon-fonts/fontawesome-5.0.6/webfonts/fa-brands-400.eot);src:url(http://tavonline.net/html/mosby/white-version/icon-fonts/fontawesome-5.0.6/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(http://tavonline.net/html/mosby/white-version/icon-fonts/fontawesome-5.0.6/webfonts/fa-brands-400.woff2) format("woff2"),url(http://qc-startup.com/icon-fonts/fontawesome-5.0.6/webfonts/fa-brands-400.woff) format("woff"),url(http://qc-startup.com/icon-fonts/fontawesome-5.0.6/webfonts/fa-brands-400.ttf) format("truetype"),url(http://tavonline.net/html/mosby/white-version/icon-fonts/fontawesome-5.0.6/webfonts/fa-brands-400.svg#fontawesome) format("svg")
}

@font-face {
	font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:400;src:url(http://qc-startup.com/icon-fonts/fontawesome-5.0.6/webfonts/fa-regular-400.eot);src:url(http://tavonline.net/html/mosby/white-version/icon-fonts/fontawesome-5.0.6/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(http://qc-startup.com/icon-fonts/fontawesome-5.0.6/webfonts/fa-regular-400.woff2) format("woff2"),url(http://qc-startup.com/icon-fonts/fontawesome-5.0.6/webfonts/fa-regular-400.woff) format("woff"),url(http://qc-startup.com/icon-fonts/fontawesome-5.0.6/webfonts/fa-regular-400.ttf) format("truetype"),url(http://tavonline.net/html/mosby/white-version/icon-fonts/fontawesome-5.0.6/webfonts/fa-regular-400.svg#fontawesome) format("svg")
}

@font-face {
	font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:900;src:url(http://qc-startup.com/icon-fonts/fontawesome-5.0.6/webfonts/fa-solid-900.eot);src:url(http://tavonline.net/html/mosby/white-version/icon-fonts/fontawesome-5.0.6/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(http://qc-startup.com/icon-fonts/fontawesome-5.0.6/webfonts/fa-solid-900.woff2) format("woff2"),url(http://qc-startup.com/icon-fonts/fontawesome-5.0.6/webfonts/fa-solid-900.woff) format("woff"),url(http://qc-startup.com/icon-fonts/fontawesome-5.0.6/webfonts/fa-solid-900.ttf) format("truetype"),url(http://tavonline.net/html/mosby/white-version/icon-fonts/fontawesome-5.0.6/webfonts/fa-solid-900.svg#fontawesome) format("svg")
}

@font-face {
	font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal
}

:root {
	--swiper-theme-color: #007aff
}

.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}

.swiper-wrapper {
	transform: translate3d(0,0,0)
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform
}

.swiper-container-3d {
	perspective: 1200px
}

.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-wrapper {
	transform-style: preserve-3d
}

:root {
	--swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: calc(var(--swiper-navigation-size)/ 44 * 27);
	height: var(--swiper-navigation-size);
	margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
	z-index: 10;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

.swiper-button-next:after,.swiper-button-prev:after {
	font-family: swiper-icons;
	font-size: var(--swiper-navigation-size);
	text-transform: none!important;
	letter-spacing: 0;
	text-transform: none;
	font-variant: initial;
	line-height: 1
}

.swiper-button-prev {
	left: 10px;
	right: auto
}

.swiper-button-prev:after {
	content: 'prev'
}

.swiper-button-next {
	right: 10px;
	left: auto
}

.swiper-button-next:after {
	content: 'next'
}

.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white {
	--swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black {
	--swiper-navigation-color: #000000
}

@keyframes swiper-preloader-spin {
	100% {
		transform: rotate(360deg)
	}
}

.swiper-container {
	width: 100%;
	height: 100%
}

.swiper-slide {
	text-align: center;
	font-size: 18px;background:#fff;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.container {
max-width:90%;
}.post-image img {
    border-radius: 10px;
}
.nav-menu::before {
    background: rgba(0, 0, 0, 0) url("../images/cancelw.png") repeat scroll 0 0 / 100% auto;
    content: "";
    height: 16px;
    position: fixed;
    right: 30px;
    top: 30px;
    width: 16px;
}
.nav-menu {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: none;
    height: 120%;
    left: 0;
    position: fixed;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 1000;
}.nav-menu > img {
    margin: 80px 5% !important;
    width: 90% !important;
}