/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,500,700&subset=latin-ext');
@import url('basic.css');
@import url('animation.css');
@import url('owl.css');
@import url('slider.css');
@import url('font.css');
@import url('wow.css');

body {margin:0 auto;padding:0;font-family:'Ubuntu',sans-serif;color:#050912;overflow-x:hidden}
body.flow {overflow:hidden;margin-left:-8px;}

a {text-decoration:none;outline:none;color:#cf9357;transition:all 0.5s ease;}
a:hover {color:#000;text-decoration:underline;}

a img {display:block;}
img {max-width:100%;height:auto;}
img.center {margin:0 auto;}

.clear {margin:40px auto;display:inline-block;width:100%;}
.clear.less {margin:20px 0;}

p, li, td, th {font-size:14px;font-weight:400;line-height:21px;color:#343434;} p strong {font-weight:700;color:#000;}
h1,h2,h3,h4 {font-weight:400;margin:0;font-size:initial;}
sup {position:relative;top:-8px;font-size:0.6em;}
p {margin-bottom:1em;}

p.header {font-size:22px;line-height:32px;font-weight:400;color:#666b6f;}
p.header.less {font-size:18px;}
p.title {font-size:20px;line-height:23px;font-weight:700;}
p.padding-sides {padding-left:5%;padding-right:5%;}
header h3, hgroup h3 {font-size:60px;line-height:60px;font-weight:700;margin-bottom:0.5em;}
hgroup h3 {margin-bottom:10px;}
hgroup h4 {font-size:36px;line-height:36px;font-weight:500;margin-bottom:0.5em;}

span.red {color:#db0006;}
section.red {background-color:#db0006;}

a.button {display:inline-block;background-color:transparent;border:0;padding:20px 36px;font-size:14px;font-weight:500;color:#fff;border-radius:5px;text-transform:uppercase;}
a.button.inline {margin-left:25px;vertical-align:baseline;}
a.button.white {padding:18px 34px;border:2px solid #fff;}
a.button.red {background-color:#db0006;color:#fff;}
a.button:hover {background-color:#2a2a2a;color:#fff;text-decoration:none;}

.full {width:100%;display:block;margin:0 auto;font-size:0;}
.inline {display:inline-block;vertical-align:top;}
.padding {padding:100px 0;}
.padding.less {padding:60px 0;}
.center {text-align:center;}
.justify {width:1180px;height:auto;display:block;margin:0 auto;position:relative;}
.box {height:auto;overflow:visible;}
.left, .right {width:48%;}
.right {margin-left:4%;}
.half {width:50%;}
.box-3 {width:33.3%;padding:0 2%;}
.box-4 {width:25%;}

ul.check {width:100%;margin:30px auto;}
ul.check li {width:50%;display:inline-block;vertical-align:top;font-size:20px;line-height:20px;min-height:42px;font-weight:400;position:relative;padding-left:52px;padding-top:10px;margin-bottom:15px;background-image:url('../gfx/icon/check.png');background-position:left 0;background-repeat:no-repeat;}

.grey {background-color:#f1f1f1;}

header#top {position:fixed;top:8px;left:50%;margin-left:-580px;z-index:1002;}

nav#menu {width:100%;height:60px;background-color:rgba(0,0,0,0.8);position:fixed;z-index:1001;}
nav#menu ul {text-align:right;}
nav#menu ul li {display:inline-block;vertical-align:top;margin:5px 10px 0 0;}
nav#menu ul li a {font-size:14px;font-weight:500;line-height:50px;text-transform:uppercase;color:#fff;padding:8px 16px;}
nav#menu ul li.demo a {border-radius:5px;border:2px solid #db0006;}
nav#menu ul li a:hover, nav#menu ul li a.active {text-decoration:none;color:#db0006;}
nav#menu ul li.demo a:hover {background-color:#db0006;color:#fff;}

section#welcome {height:800px;background-image:url('../gfx/design/welcome.jpg');background-position:center top;background-size:cover;padding:12% 0 0 0;}
section#welcome h2 {color:#fff;font-size:90px;line-height:90px;margin-bottom:0.5em;}
section#welcome p {color:#fff;font-size:24px;line-height:24px;margin-bottom:2em;}

section#application {background-image:url('../gfx/design/application.jpg');background-position:center top;background-size:cover;background-attachment:fixed;overflow:hidden;}
section#application .right {position:relative;}
section#application .left img {margin-right:20px;}
section#application .phone {position:absolute;left:0;top:100px;margin-left:-250px;max-width:none;}

section#function .half {padding:60px 60px 0;min-height:340px;}
section#function .half:nth-of-type(2) {border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;}
section#function .half:nth-of-type(3) {border-bottom:1px solid #dbdbdb;}
section#function .half:nth-of-type(4) {border-right:1px solid #dbdbdb;}
section#function .half p {font-size:16px;color:#666b6f;}
section#function .half p.title {font-weight:700;font-size:21px;color:#151414;}
section#function .half img {margin-bottom:15px;}

section#atwork {background-image:url('../gfx/design/atwork.jpg');background-position:center top;background-size:cover;background-attachment:fixed;}
section#atwork h3, section#atwork li {color:#fff;}

section#download h3, section#footdownload h3 {color:#FFF;font-size:36px;line-height:36px;font-weight:500;margin:17px 0;}
section#download .right a, section#footdownload .right a {margin-right:15px;display:inline-block;}

section#slider h3 {font-size:55px;}

section#presentation {background-color:#1d2735;background-image:url('../gfx/design/presentation.jpg');background-position:center top;background-size:cover;background-attachment:fixed;}
section#presentation h3, section#presentation h4 {color:#fff;}

section#about img.logo {display:inline-block;vertical-align:top;margin:2% 1% 0;}

section#pricing a.download {display:inline-block;vertical-align:top;margin:2% 1% 0;}
section#pricing div.white {border-radius:10px;width:80%;margin:5% auto;padding:30px 50px;}
section#pricing .boxes {width:34%;height:220px;margin:5% 4%;border-radius:10px;border:1px solid #e23338;overflow:hidden;position:relative;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,0.3);}
section#pricing .boxes.promo {background-color:#fdf2f2;}
section#pricing .boxes header {width:100%;height:48px;background-color:#db0006;color:#fff;margin-bottom:30px;box-shadow:inset 0 0 2px rgba(0,0,0,0.4);}
section#pricing .boxes header h4 {font-size:22px;line-height:48px;font-weight:400;text-shadow:1px 1px 0 rgba(0,0,0,0.4);}
section#pricing .boxes p.price {font-size:26px;line-height:30px;margin-bottom:0;color:#db0006;}
section#pricing .boxes p.price span {font-weight:500;font-size:20px;}
section#pricing .boxes p.small {color:#c00;font-size:17px;}
section#pricing .boxes footer {position:absolute;bottom:0;left:0;width:100%;height:30px;border-top:1px solid #dbdbdb;}
section#pricing .boxes.promo footer {border-color:#fbe5e6;}
section#pricing .boxes footer p {margin-top:-30px;color:#999;font-size:13px;}
section#pricing .boxes .tag {position:absolute;bottom:10px;right:-70px;background-color:#db0006;color:#fff;transform:rotate(-45deg);font-size:16px;line-height:36px;width:200px;text-align:center;z-index:10;}

.issuuembed {max-width:100%;}

.overlay {height:0;opacity:0;position:fixed;top:0;bottom:0;left:0;right:0;z-index:10000;transition:all 0.8s ease;overflow-y:auto;text-align:justify;}
.overlay a.close {font-size:26px;position:fixed;top:-5px;right:5%;background-color:rgba(255,255,255,1);color:#C00;text-align:center;padding:20px 10px 10px 10px;width:52px;border-radius:5px;box-shadow:0 0 5px rgba(255,255,255,0.3);}
.overlay a.close:hover {text-decoration:none;}
.overlay a:hover {color:#c00;}
.overlay.active {opacity:1;height:100%;background-color:rgba(0,0,0,0.99)}
.overlay h3 {font-size:24px;line-height:24px;margin:60px 0 5px 0;color:#fff;}
.overlay p {color:#efefef;}
.overlay p strong {color:#fff;}
.overlay p.header {margin-top:30px;}
.overlay ol li {color:#efefef;}
.overlay .justify {padding-bottom:100px;}

footer#contact {font-size:0;padding:60px 0 0 0;background-color:#050912;color:#fff;}
footer#contact h3 {font-size:45px;font-weight:500;}
footer#contact p, footer#contact a {color:#fff;font-weight:400;}
footer#contact span.icon {color:#fff;font-size:24px;line-height:81px;width:40%;display:inline-block;vertical-align:top;}
footer#contact span.icon img {margin-right:10px;vertical-align:middle;}
footer#contact a:hover {color:#fff;}
footer#contact div.social {display:block;width:100%;margin:50px auto 0;text-align:right;}
footer#contact div.social a  {display:inline-block;vertical-align:top;margin:0 0 0 1%;}
footer#contact div.social a i {font-size:62px;line-height:80px;}
footer#contact div.social a img {border-radius:50%;}
footer#contact div.copyright {border-top:1px solid rgba(255,255,255,0.03);margin-top:15px;padding:15px 0;text-align:center;}
footer#contact div.copyright p {width:50%;font-size:14px;color:#808080;margin-bottom:0;text-shadow:none;text-align:left;}
footer#contact div.copyright p span {padding:0 10px;}
footer#contact div.copyright p.design {text-align:right;}
footer#contact div.copyright p a {color:#dbdbdb;}
footer#contact div.copyright p a:hover {color:#db0006;}