@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.svg) no-repeat 15px 15px; background-size: 90%; text-indent: -9999px; height: 74px; width: 180px; display: block; }
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:14px; color: #fff; text-transform: uppercase;}
header .navbar-default .navbar-nav>li .active  { color: #fc6d22 !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: rgba(255,255,255,0.95); box-shadow: 0px 1px 6px rgba(0,0,0,0.10); }
header .navbar-default.fill .navbar-brand { background: url(../images/logo.svg) no-repeat 15px 15px; background-size: 90%; width: 180px; }
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:#000; }
header .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color:#fc6d22; }
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:#030303; line-height: normal; margin-bottom: 15px;  }
section p { font-size:16px; line-height: 24px; color: #444; }
.overlay:before	 {
    position: absolute;
    content: "";
    background-color: rgba(1, 10, 28, 0.6);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background-repeat: no-repeat;
}
.section-one .middle h4 {
    font-size: 35px;
    line-height: 45px;
    color: #fff;
    margin: 30px 0;
}
.overlay {
	z-index: 999;
    width: 100%;
    height: 100%;
    text-align: center;
    display: table;
    position: relative;
}

.section-one { position: relative; padding:0; background: url(../images/section-one.jpg) no-repeat center top; background-size: cover; width: 100%; height: 100%; text-align: center; display: table; }
.arrow { width:42px; margin: 0 auto; position: absolute; bottom: 30px; left: 0; right: 0;}
.section-one .middle { width: 100%; display: table-cell; vertical-align: middle; }
.section-one h1 { font-size:80px; font-weight: 700; color: #fff; line-height: normal; padding:0; margin: 0px auto; float: none; width: 900px; }
.section-two { padding:100px 0;} 
.section-two .block.bluegray { background:#fff2e6;}
.section-two .block.gray { background:#fdbd81;}
.section-two .block { padding: 0px; float: left; margin-bottom: 30px;}
.section-two .block .text-content { width: 100%; float: left; padding: 6%;}
.full-width { width:50% !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;}
.mt-4 {margin-top: 4rem;}
.mb-4{margin-bottom: 3rem !important;}

.section-three { padding:0; background: url(../images/section-three.jpg) no-repeat center top; background-size: cover; width: 100%; height: 100%; text-align: center; display: table; background-attachment: fixed; }
.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; margin: 0 15px;}


.section-four { padding: 100px 0; }
.section-four .panel-heading { padding:10px 0px;  }
.section-four .panel-default > .panel-heading { background-color: transparent; border: 0px;}
.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: #fc8d27; 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;}
.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: #f2f2f2 !important; padding: 15px;}
.section-four .panel-heading.active {background: #f2f2f2 !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: #FC8D26; border-color: #FC8D26; }
.btn-primary:hover, .btn-primary:focus { background: #FC8D26; border-color: #FC8D26 }
.form-control-feedback.glyphicon.glyphicon-remove{ display: none !important; }
.form-control.area {height: 100px !important;}
footer { width: 100%; float: left; background:#21262c; 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 0; }
.section-six p { margin-bottom: 30px; }
#success_message{ display: none;}
.slow { display: block !important;}
.main-div {display: flex;align-items: center;justify-content: center;}
/*--media--*/
@media (min-width: 1430px) {
  .container { width: 1400px; }
  .panel-group.accordion { display: table; margin: 0 auto; width: 80%;}
}

@media screen and (min-width:1024px) and (max-width:1300px) {}

@media screen and (min-width:768px) and (max-width:1023px) {
.section-one h1 { font-size: 62px;  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: rgba(0,0,0,0.80); }
header .navbar-default.fill .navbar-collapse, .navbar-default .navbar-form { background: rgba(255,255,255,0.80); }	
section h2 { font-size: 22px; }
.section-one h1 { font-size:32px; width: auto;}
.section-three h1 { font-size:42px; width: auto;}
.section-three .store-btn { width: 200px; margin: 10px auto !important;text-align: center; display: block; }
.main-div {display: block;}
}
.font-bold {font-weight: bold;
}
.mb-2 {
    margin-bottom: 0.5rem !important;
}
ul.custom-ul {
    margin-left: 15px;
}
ul.custom-ul li {
    margin-bottom: 10px;
}
ul.custom-ul li img {
    margin-right: 5px;
}