@charset "utf-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } a, .btn, select, input, button { outline: none !important; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } html, body { height: 100%; } body { line-height: 1; font-family: 'Muli', sans-serif !important; font-weight: 400; } .container-fluid { padding: 0 4%; } /*--btn--*/ header { float: left; width: 100%; } header .navbar-default { background-color: transparent; border: none; transition-duration: 0.5s; } header .navbar-default .navbar-brand { background: url(../images/logo-white@2x.png) no-repeat 15px 15px; background-size: 200px; text-indent: -9999px; height: 74px; width: 215px; display: block; padding: 10px} header .navbar-default .navbar-nav { margin: 12px 0; } header .navbar-default .navbar-toggle { margin-top: 20px; border: 0px; } header .navbar-default .navbar-toggle .icon-bar { background-color: #fff; } header .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; } header .navbar-default .navbar-nav>li>a { font-size: 13px; color: #fff; text-transform: uppercase; } header .navbar-default .navbar-nav>li .active { color: #f2727f !important; } header .navbar-default .navbar-nav>li:last-child a { padding-right: 0px; } header .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #fff; } header .navbar-default.fill { background-color: #27333c; box-shadow: 0px 1px 6px rgba(0,0,0,0.10); } header .navbar-default.fill .navbar-brand { background: url(../images/logo-white@2x.png) no-repeat 15px 15px; background-size: 200px;background-position: center;} /*header .navbar-default.fill .navbar-nav>li>a { font-size:13px; color: #000; text-transform: uppercase;}*/ header .navbar-default.fill .navbar-toggle .icon-bar { background-color: #fff; } header .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #f2727f; } section { width: 100%; float: left; position: relative; } section h1.title { font-size: 32px; color: #444; padding-bottom: 15px; background: url(../images/line.png) no-repeat center bottom; text-align: center; margin-bottom: 30px; font-weight: 700; } section h2 { font-size: 24px; font-weight: 700; color: #444; line-height: normal; margin-bottom: 15px; } section p { font-size: 16px; line-height: 24px; color: #444; } .section-one { padding: 0; background: no-repeat center top; background-size: cover; width: 100%; height: 100%; text-align: center; display: table; position: relative;} .section-one .overlay{background: rgba(0,0,0,.7);position: absolute;height: 100%;right: 0;left: 0;top: 0;bottom: 0;} .arrow { width: 42px; margin: 0 auto; position: absolute; bottom: 30px; left: 0; right: 0; } .section-one .middle { width: 100%; } .section-one h1 { font-size: 80px; font-weight: 700; color: #fff; line-height: normal; padding: 0; float: left; width: 100%; } .section-one h2 { color: #fff; margin-top: 10px; width: 100%; float: left; font-size: 32px; } .section-one h2 span { color: #f2727f; } .section-two { padding: 100px 0; } .section-two .block.bluegray { background: #bfd4e3; } .section-two .block.gray { background: #ffedc4; } .section-two .block { padding: 0px; float: left; margin-bottom: 30px; } .section-two .block .text-content { width: 100%; float: left; padding: 6%; } .full-width { width: 100% !important; } .space { float: left; margin: 3%; width: 100%; } .img-box img.img-responsive { width: auto !important; } .img-box img { width: 250px; margin: 0 auto; display: table; text-align: center; } .section-three { padding: 0; background: url(../images/sec_banner.png) no-repeat center top; background-size: cover; width: 100%; height: 100%; text-align: center; display: table; background-attachment: fixed; position: inherit;} .section-three .middle { width: 100%; display: table-cell; vertical-align: middle; } .section-three h1 { font-size: 80px; font-weight: 700; color: #fff; line-height: normal; padding: 0; margin: 0px auto; float: none; width: 100%; } .section-three p { text-transform: uppercase; color: #fff; letter-spacing: 2px; margin-bottom: 30px; margin-top: 15px; } .section-three .store-btn { width: 240px; display: inline-block; margin: 0 auto; } .section-four { padding: 100px 0; } .section-four .panel-heading { padding: 10px 0px; } .section-four .panel-default > .panel-heading { background-color: transparent; border: 0px solid #e5e5e5; border-radius: 4px; } .section-four .panel-default { border: 0px; margin: 0px; box-shadow: none; } .section-four .panel-group .panel + .panel { margin: 0px; } .section-four .panel-title a { color: #27333c; font-weight: 600; line-height: normal; background: url(../images/collaps.png) no-repeat; background-size: 25px; padding-left: 35px; min-height: 25px; display: block; } .section-four .panel-title a:hover, .panel-title a:focus { text-decoration: none; } .section-four .panel-body { padding-left: 30px; padding-right: 0px; border-top:0px !important; } .section-four .panel-body p { font-size: 14px; line-height: 22px; } .section-four .panel-title a.collapsed { background: url(../images/expand.png) no-repeat; background-size: 25px; color: #444; } .section-four .panel-heading { padding: 15px; } .section-four .panel-heading:hover { background: #bfd4e3 !important; padding: 15px; } .section-four .panel-heading.active { background: #bfd4e3 !important; padding: 15px; } .section-five { padding: 100px 0; background: #eef5fe; } .section-five form { margin-top: 30px; } .section-five .form-control { background-color: transparent; padding: 10px !important; height: auto !important; box-shadow: none; } .section-five .btn-md { padding: 10px 40px; margin-top: 30px; } .btn-primary { background: #f2727f; border-color: #f2727f; color: #fff; } .btn-primary:hover, .btn-primary:focus { background: #27333c !important; border-color: #27333c!important; color: #fff!important;} .form-control-feedback.glyphicon.glyphicon-remove { display: none !important; } .form-control.area { height: 100px !important; } footer { width: 100%; float: left; background: #27333c; padding: 60px 0; } .footer-nav li { float: none; display: inline-block; margin: 5px 10px; } .footer-nav li a { color: #fff; } .fa { display: inline-block; margin: 20px 8px; opacity: 0.5; transition-duration: 0.4s; } .fa:hover { opacity: 1; } .facebook { background: url(../images/fb@2x.png) no-repeat; background-size: 22px; width: 22px; height: 22px; text-indent: -9999px; } .twitter { background: url(../images/twt@2x.png) no-repeat; background-size: 22px; width: 22px; height: 22px; text-indent: -9999px; } .googleplus { background: url(../images/gplus@2x.png) no-repeat; background-size: 22px; width: 22px; height: 22px; text-indent: -9999px; } .instagram { background: url(../images/insta@2x.png) no-repeat; background-size: 22px; width: 22px; height: 22px; text-indent: -9999px; } footer .copy { margin-top: 30px; color: #888; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; line-height: normal; } /*---animated arrow---*/ .down_arrow { bottom: 4%; position: absolute; visibility: visible; display: block; margin: 0 auto; right: 0; left: 0; color: #fff; text-decoration: none; text-transform: uppercase; width: 50px; height: 50px; } .down_arrow.animated { animation-duration: 2s !important; } .down_arrow > img { margin: 0 auto; } /*---animated arrow---*/ .section-six { padding: 100px 0px; } .section-six p { margin-bottom: 30px;} .section-ten { padding: 100px 0px 0px; } .section-ten p { margin-bottom: 15px; text-align:center; } #success_message { display: none; } .slow { display: block !important; } .static h3 { font-weight: bold; margin-bottom: 10px; margin-top: 15px; width: 100%; float: left; } .static p { width: 100%; float: left; } .static small { font-size: 12px; margin-bottom: 15px; width: 100%; float: left; } .static ul { list-style: disc; padding-left: 30px; } .static ul li { margin-bottom: 15px; } .navbar-collapse { border-top: 0px !important; box-shadow: none !important; } .yellow-text {color:#f2727f !important;} .section-ten .icons {margin: 0 auto 20px;display: table;text-align: center;} .section-ten .icons .feature_icon{display: inline-block;text-align: center; width: 200px;vertical-align: top;margin: 10px 10px;} .section-ten .icons .feature_icon .img{ background-size: 70px;background-color: #f2f2f2;background-position: center;background-repeat: no-repeat;height: 120px;width: 120px;border-radius: 100%;margin: 0 auto;} .section-ten .icons .feature_icon p{font-weight: 600;margin: 15px 0;font-size: 18px;} .relative {position: relative;} .center_align{display: table;height: 100vh;vertical-align: middle;margin: 0 auto;} .table-cell{display: table-cell;height: 100vh;vertical-align: middle;margin: 0 auto;} .tech-slideshow { height: 100vh; max-width: 100%; margin: 0 auto; position: relative; overflow: hidden; transform: translate3d(0, 0, 0); } .tech-slideshow > div { height: 100vh; width: 21580px; background: url(../images/collage.jpg) no-repeat center top; background-size: cover; position: absolute; top: 0; left: 0; height: 100%; transform: translate3d(0, 0, 0); } .tech-slideshow .mover-1 { animation: moveSlideshow 200s linear infinite; } .tech-slideshow .mover-2 { opacity: 0; transition: opacity 0.5s ease-out; background-position: 0 -200px; animation: moveSlideshow 200s linear infinite; } .tech-slideshow:hover .mover-2 { opacity: 1; } .section-one .middle { width: 100%; position: absolute; right: 0; left: 0; top: 0; } @keyframes moveSlideshow { 100% { transform: translateX(-66.6666%); } } /*--media--*/ @media (min-width: 1430px) { .container { width: 1400px; } .panel-group.accordion { display: table; margin: 0 auto; width: 80%; } } @media (max-width: 767px) { header .navbar-default .navbar-brand, header .navbar-default.fill .navbar-brand { background: url(../images/logo-white@2x.png) no-repeat 15px 15px; background-size:180px; width: 215px; } .section-one .middle { width: 100%; } .section-one h2 { font-size: 24px; } .section-ten .icons .feature_icon .img { background-size: 60px; height: 100px; width: 100px; } .section-ten .icons .feature_icon p{font-size: 16px;} .section-ten .icons .feature_icon{width: 150px;} } @media screen and (min-width:768px) and (max-width:1023px) { .section-one h1 { font-size: 62px; width: 100%; } .section-one .middle { width: 100%; } } @media screen and (min-width:640px) and (max-width:767px) { .section-one h1 { font-size: 32px; width: 100%; } .section-three h1 { font-size: 42px; width: auto; } .section-three .store-btn { width: 200px; } } @media screen and (min-width:320px) and (max-width:639px) { header .navbar-default .navbar-collapse, .navbar-default .navbar-form { background: #27333c; } header .navbar-default.fill .navbar-collapse, .navbar-default .navbar-form { background: #27333c; } section h2 { font-size: 22px; } .section-one h1 { font-size: 40px; width: auto; } .section-three h1 { font-size: 42px; width: auto; } .section-three .store-btn { width: 200px; } }