@import url(https://fonts.googleapis.com/css?family=Rajdhani);
body,
html {-webkit-font-smoothing: antialiased}

.clear {clear: both}

::-moz-selection {background: #000000;color: #ffffff;text-shadow: none;}

::selection {background: #000000;color: #ffffff;text-shadow: none;}

.no-mar {margin: 0 !important}

.no-pad {padding: 0 !important}

.mar-bot-50 {margin-bottom: 50px}

.mar-bot-40 {margin-bottom: 40px}

.mar-bot-35 {margin-bottom: 35px}

.mar-bot-30 {margin-bottom: 30px}

.mar-top-30 {margin-top: 30px}

.mar-top-80 {margin-top: 80px}

.mar-top-55 {margin-top: 55px}

.mar-top-108 {margin-top: 108px}

.text-left {text-align: left}

.text-center {text-align: center}

.header-purchase,
.menu,
.text-right {text-align: right}

*,
:after,
:before {-webkit-box-sizing: border-box;box-sizing: border-box}

:focus {outline: 0}

html {font-size: 60.2%}

body {background: #fff;font-weight: 400;font-size: 15px;letter-spacing: 1.5px;color: #888;line-height: 30px;-webkit-text-size-adjust: 100%}

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

button,
input,
textarea {letter-spacing: 1px}

header {background: #000;height: 100vh;overflow: hidden;position: relative}

.im-top {position: absolute;left: 0;top: 0;height: 1px;width: 1px;background: 0 0}

.menu-area {background: rgba(0, 0, 0, .7);left: 0;padding: 20px 0;position: fixed;right: 0;top: 0;z-index: 99}

.full-wrap,
.full-wrap::before {height: 100%;position: absolute;top: 0;width: 100%;left: 0}

.logo .name {color: #fff;font-size: 24px;line-height: 28px}

.menu ul {list-style: none;padding: 0}

.menu ul li {display: inline-block}

.menu ul li a {color: #fff;display: block;font-size: 16px;letter-spacing: 0;margin-left: 16px}

.menu ul li a:hover {color: #585CE9}

.header-purchase a {background: #c3c3c3;border-radius: 3px;color: #fff;display: inline-block;font-size: 14px;font-weight: 500;letter-spacing: 0;line-height: 18px;padding: 7px 20px}

.full-wrap {background: url(../img/main-bg.jpg) rgba(27, 27, 27, .8) fixed;min-height: 80vh;padding: 0 30px;z-index: 9}

.full-wrap::before {background: #000;content: "";opacity: .6;z-index: -1}

.hero-inner {display: table;height: 82vh;text-align: center;width: 100%}

.hero-wrap-inside {display: table-cell;vertical-align: middle}

.hero-wrap-inside span,.purchase-button a.prch-btn {display: inline-block;color: #fff;text-transform: uppercase}

.hero-wrap-inside h1 {font-size: 60px;text-transform: uppercase;color: #fff;text-shadow: 3px 3px 5px #100e1b;margin-bottom: 15px}

.hero-wrap-inside span {font-size: 20px;margin-bottom: 40px;width: 60%}

.purchase-button a.prch-btn {border: 2px solid #d7cdcd;border-radius: 5px;font-weight: 500;margin: 5px;padding: 5px 17px}

.preview-footer a.btn-preview:hover,
.purchase-button a.prch-btn:hover {background: #585CE9;border-color: transparent;color: #fff}

.choose-demo {background: #fff;-webkit-box-shadow: 0 0 46px 22px rgba(0, 0, 0, .9);box-shadow: 0 0 46px 22px rgba(0, 0, 0, .9);overflow: hidden;padding-top: 80px;text-align: center}

.section-title {margin: 0 0 54px;position: relative;z-index: 5}

.section-title .ch-title {color: #333;display: block;font-size: 41px;line-height: 55px;margin-bottom: 20px;position: relative;text-align: center;text-transform: uppercase;z-index: 5}

.section-title .ch-title::before {background-image: url(../img/section-bg.png);background-repeat: no-repeat;background-size: contain;content: "";height: 250px;left: 0;margin: auto;opacity: .7;position: absolute;right: 0;text-align: center;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 250px;z-index: -1}

.single-preview a::after,.single-preview a::before {content: "";height: 100%;left: 0;top: 0;width: 100%}

.section-title .ch-desc {color: #999;font-size: 18px;line-height: 24px}

.single-preview {border-radius: 10px;display: inline-block;margin-bottom: 80px;overflow: visible;-webkit-transition: all .3s ease 0s;transition: all .3s ease 0s;width: 100%;}

.single-preview:hover {box-shadow: 0px 0px 20px -5px #a19ca1;}

.single-preview img {width: 100%;-webkit-transition: all 10s ease 0s;transition: all 10s ease 0s;}

.single-preview:hover img {-webkit-transform: scale(1.5);transform: scale(1.5)}

.single-preview a {display: block;overflow: hidden;position: relative;z-index: 11}

.single-preview a::before {background: #000;opacity: 0;position: absolute;-webkit-transition: all .3s ease 0s;transition: all .3s ease 0s;z-index: 2}

.single-preview:hover a::before {opacity: .7}

.single-preview a::after {border: 1px solid #fff;border-radius: 5px;position: absolute;-webkit-transform: scale(.9);transform: scale(.9)}

.single-preview a .icon {background: #585CE9;border-radius: 100%;color: #fff;font-size: 28px;height: 60px;left: 50%;line-height: 60px;opacity: 0;position: absolute;top: 50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);-webkit-transition: all .3s ease 0s;transition: all .3s ease 0s;width: 60px;z-index: 9}

.single-preview:hover a .icon {opacity: 1}

.single-preview .demo-title {margin: 20px 0 0}

.single-preview .demo-title p {color: #333;font-size: 20px;font-weight: 500;line-height: 24px;text-transform: uppercase;padding: 0 0 16px;}

.gallery-menu {margin: 0 0 30px}

.gallery-menu .button {background: 0 0;border: transparent;color: #333;cursor: pointer;font-size: 18px;font-weight: 500;letter-spacing: 0;margin: 0 6px;text-transform: uppercase;-webkit-transition: all .3s ease 0s;transition: all .3s ease 0s;}

.gallery-menu .button.checked {text-decoration: line-through;}

.feature-area {background: #fff;margin: 0 0 230px;overflow: hidden;padding-bottom: 48px;padding-top: 74px;}

.contact-area {background: #eee;margin: 0 0 230px;overflow: hidden;padding-bottom: 48px;padding-top: 74px;}

.section-title-area {text-align: center;margin-bottom: 80px;}

.section-title-area h2.section-title {font-size: 39px;text-transform: uppercase;margin-bottom: 20px;color: #333;line-height: 40px;}

.section-title-area p.section-desc {font-size: 24px;font-weight: 600;color: #333;letter-spacing: .03em;}

.single-feature {background: #fff;border: 1px dotted;margin-bottom: 30px;min-height: 150px;overflow: hidden;padding: 16px;-webkit-transition: all .3s ease 0s;transition: all .3s ease 0s;}

.single-feature:hover {border-color: transparent;-webkit-box-shadow: 0 5px 10px 0 #706e70;box-shadow: 0 5px 10px 0 #706e70;}

.fe-icon {color: #CCCCCC;float: left;font-size: 28px;width: 60px;}

.fe-disc {padding-left: 70px;}

.fe-disc h5.fe-title {text-transform: uppercase;color: #444;margin-bottom: 15px;}

.fe-disc p.fe-content {color: #555;font-size: 16px;font-weight: 500;line-height: 23px;}

.preview-footer {background: #213441;bottom: 0;left: 0;padding: 70px 0;position: fixed;right: 0;width: 100%;z-index: -1;}

.preview-footer h3.preview-footer-title {color: #fff;margin-bottom: 20px;}

.preview-footer a.btn-preview {display: inline-block;color: #fff;border: 2px solid #ddd3d3;padding: 2px 10px;border-radius: 36px;text-transform: uppercase;}

a.scrl-top {position: fixed;right: 20px;bottom: 40px;height: 40px;width: 40px;background: #334;z-index: 111;text-align: center;line-height: 36px;color: #fff;font-size: 21px;display: none;-webkit-transition: all .3s ease 0s;transition: all .3s ease 0s;}

a.scrl-top:hover {background: #222;line-height: 30px;}

a.show {display: block;}