@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:400,700,100,300,500);
html { font-family: 'Roboto', monospace, sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
body { margin: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline }
audio:not([controls]) { display: none; height: 0 }
[hidden], template { display: none }
a { background-color: transparent }
a:active, a:hover { outline: 0 }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: 700 }
dfn { font-style: italic }
h1 { margin: .67em 0; font-size: 2em }
mark { color: #000; background: #ff0 }
small { font-size: 80% }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline }
sup { top: -.5em }
sub { bottom: -.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 1em 40px }
hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
pre { overflow: auto }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em }
button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit }
button { overflow: visible }
button, select { text-transform: none }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer }
button[disabled], html input[disabled] { cursor: default }
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
input { line-height: normal }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height:auto
}
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset { padding: .35em .625em .75em; margin: 0 2px; border: 1px solid silver }
legend { padding: 0; border: 0 }
textarea { overflow: auto }
optgroup { font-weight: 700 }
table { border-spacing: 0; border-collapse: collapse }
td, th { padding: 0 }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
html { font-size: 10px; -webkit-tap-highlight-color: rgba(0,0,0,0) }
body { font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff }
button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit }
a { color: #337ab7; text-decoration: none }
a:focus, a:hover { color: #23527c; text-decoration: underline }
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px }
figure { margin: 0 }
img { vertical-align: middle }
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { display: block; max-width: 100%; height: auto }
.img-rounded { border-radius: 6px }
.img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out }
.img-circle { border-radius: 50% }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0 }
.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto }
[role=button] { cursor: pointer }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit }
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-weight: 400; line-height: 1; color: #777 }
.h1, .h2, .h3, h1, h2, h3 { margin-top: 20px; margin-bottom: 10px }
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small { font-size: 65% }
.h4, .h5, .h6, h4, h5, h6 { margin-top: 10px; margin-bottom: 10px }
.h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-size: 75% }
.h1, h1 { font-size: 36px }
.h2, h2 { font-size: 30px }
.h3, h3 { font-size: 24px }
.h4, h4 { font-size: 18px }
.h5, h5 { font-size: 14px }
.h6, h6 { font-size: 12px }
p { margin: 0 0 10px }
.lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4 }

@media (min-width:768px) {
.lead { font-size: 21px }
}
.pre-scrollable { max-height: 340px; overflow-y: scroll }
.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto }

@media (min-width:768px) {
.container { width: 100%; }
}

@media (min-width:992px) {
.container { width: 100%; padding: 0 20px; }
}

@media (min-width:1200px) {
.container { width: 1170px }
}
.container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto }
.row { margin-right: -15px; margin-left: -15px }
.fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear }
.fade.in { opacity: 1 }
.collapse { display: none }
.collapse.in { display: block }
tr.collapse.in { display: table-row }
tbody.collapse.in { display: table-row-group }
.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility }
.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent }
.dropdown, .dropup { position: relative }
.dropdown-toggle:focus { outline: 0 }
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175) }
.dropdown-menu.pull-right { right: 0; left: auto }
.dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5 }
.dropdown-menu>li>a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap }
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { color: #262626; text-decoration: none; background-color: #f5f5f5 }
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0 }
.dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; }
.open>.dropdown-menu { display: block }
.open>a { outline: 0 }
.dropdown-menu-right { right: 0; left: auto }
.dropdown-menu-left { right: auto; left: 0 }
.dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap }
.dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990 }
.pull-right>.dropdown-menu { right: 0; left: auto }
.dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid }
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px }
.navbar-header .logo { display: none; }

@media (min-width:768px) {
.navbar-right .dropdown-menu { right: 0; left: auto }
.navbar-right .dropdown-menu-left { right: auto; left: 0 }
}
.nav { padding-left: 0; margin-bottom: 0; list-style: none }
.nav>li { position: relative; display: block }
.nav>li>a { position: relative; display: block; padding: 10px 15px }
.nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color: #eee }
.nav>li.disabled>a { color: #777 }
.nav>li.disabled>a:focus, .nav>li.disabled>a:hover { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent }
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background-color: #eee; border-color: #337ab7 }
.nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5 }
.nav>li>a>img { max-width: none }
.nav-tabs { border-bottom: 1px solid #ddd }
.nav-tabs>li { float: left; margin-bottom: -1px }
.nav-tabs>li>a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0 }
.nav-tabs>li>a:hover { border-color: #eee #eee #ddd }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent }
.nav-pills>li { float: left }
.nav-pills>li>a { border-radius: 4px }
.nav-pills>li+li { margin-left: 2px }
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { color: #fff; background-color: #337ab7 }
.nav-stacked>li { float: none }
.nav-stacked>li+li { margin-top: 2px; margin-left: 0 }
.tab-content>.tab-pane { display: none }
.tab-content>.active { display: block }
.nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 }
.navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent }
.navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.1) }
.navbar-collapse.in { overflow-y: auto }
.navbar-static-top { z-index: 1000; border-width: 0 0 1px }
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-right: -15px; margin-left: -15px }
.navbar-fixed-bottom, .navbar-fixed-top { position: fixed; right: 0; left: 0; z-index: 1030 }

@media (min-width:768px) {
.navbar { border-radius: 4px }
.navbar-header { float: left }
.navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none }
.navbar-collapse.collapse { display: block!important; height: auto!important; padding-bottom: 0; overflow: visible!important }
.navbar-collapse.in { overflow-y: visible }
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse { padding-right: 0; padding-left: 0 }
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-right: 0; margin-left: 0 }
.navbar-static-top { border-radius: 0 }
.navbar-fixed-bottom, .navbar-fixed-top { border-radius: 0 }
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 340px }

@media (max-device-width:480px) and (orientation:landscape) {
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 200px }
}
.navbar-fixed-top { top: 0; border-width: 0 0 1px }
.navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0 }
.navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px }
.navbar-brand:focus, .navbar-brand:hover { text-decoration: none }
.navbar-brand>img { display: block }

@media (min-width:768px) {
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 0px }
}
.navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px }
.navbar-toggle:focus { outline: 0 }
.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px }
.navbar-toggle .icon-bar+.icon-bar { margin-top: 4px }

@media (min-width:768px) {
.navbar-toggle { display: none }
}
.navbar-nav { margin: 7.5px -15px }
.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; line-height: 20px }

@media (max-width:767px) {
.navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none }
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a { padding: 5px 15px 5px 25px }
.navbar-nav .open .dropdown-menu>li>a { line-height: 20px }
.navbar-nav .open .dropdown-menu>li>a:focus, .navbar-nav .open .dropdown-menu>li>a:hover { background-image: none }
}

@media (min-width:768px) {
.navbar-nav { float: left; margin: 0 }
.navbar-nav>li { float: left }
.navbar-nav>li>a { padding-top: 15px; padding-bottom: 15px }
}
.navbar-form { padding: 10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1) }

@media (min-width:768px) {
.navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle }
.navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle }
.navbar-form .form-control-static { display: inline-block }
.navbar-form .input-group { display: inline-table; vertical-align: middle }
.navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn { width: auto }
.navbar-form .input-group>.form-control { width: 100% }
.navbar-form .control-label { margin-bottom: 0; vertical-align: middle }
.navbar-form .checkbox, .navbar-form .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle }
.navbar-form .checkbox label, .navbar-form .radio label { padding-left: 0 }
.navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] { position: relative; margin-left: 0 }
.navbar-form .has-feedback .form-control-feedback { top: 0 }
}

@media (max-width:767px) {
.navbar-form .form-group { margin-bottom: 5px }
.navbar-form .form-group:last-child { margin-bottom: 0 }
}

@media (min-width:768px) {
.navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none }
}
.navbar-nav>li>.dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0 }
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu { margin-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0 }
.navbar-btn { margin-top: 8px; margin-bottom: 8px }
.navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px }
.navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px }
.navbar-text { margin-top: 15px; margin-bottom: 15px }

@media (min-width:768px) {
.navbar-text { float: left; margin-right: 15px; margin-left: 15px }
}

@media (min-width:768px) {
.navbar-left { float: left!important }
.navbar-right { float: right!important; margin-right: -15px }
.navbar-right~.navbar-right { margin-right: 0 }
}
.navbar-default { background-color: #f8f8f8; border-color: #e7e7e7 }
.navbar-default .navbar-brand { color: #777 }
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color: #5e5e5e; background-color: transparent }
.navbar-default .navbar-text { color: #777 }
.navbar-default .navbar-nav>li>a { color: #777 }
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #333; background-color: transparent }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #555; background-color: #e7e7e7 }
.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:focus, .navbar-default .navbar-nav>.disabled>a:hover { color: #ccc; background-color: transparent }
.navbar-default .navbar-toggle { border-color: #ddd }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #ddd }
.navbar-default .navbar-toggle .icon-bar { background-color: #888 }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7 }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #555; background-color: #e7e7e7 }

@media (max-width:767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #777 }
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { color: #333; background-color: transparent }
.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover { color: #555; background-color: #e7e7e7 }
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover { color: #ccc; background-color: transparent }
}
.navbar-default .navbar-link { color: #777 }
.navbar-default .navbar-link:hover { color: #333 }
.navbar-default .btn-link { color: #777 }
.navbar-default .btn-link:focus, .navbar-default .btn-link:hover { color: #333 }
.navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover { color: #ccc }
.navbar-inverse { background-color: #222; border-color: #080808 }
.navbar-inverse .navbar-brand { color: #9d9d9d }
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover { color: #fff; background-color: transparent }
.navbar-inverse .navbar-text { color: #9d9d9d }
.navbar-inverse .navbar-nav>li>a { color: #9d9d9d }
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover { color: #fff; background-color: transparent }
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { color: #fff; background-color: #080808 }
.navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:focus, .navbar-inverse .navbar-nav>.disabled>a:hover { color: #444; background-color: transparent }
.navbar-inverse .navbar-toggle { border-color: #333 }
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #333 }
.navbar-inverse .navbar-toggle .icon-bar { background-color: #fff }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010 }
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover { color: #fff; background-color: #080808 }
.navbar-inverse .navbar-link { color: #9d9d9d }
.navbar-inverse .navbar-link:hover { color: #fff }
.navbar-inverse .btn-link { color: #9d9d9d }
.navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover { color: #fff }
.navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover { color: #444 }
.nav-pills>li>a>.badge { margin-left: 3px }
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before { display: table; content: " " }
.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after { clear: both }
/* bootsnav.css */

/* MEGAMENU STYLE
=================================*/
nav.bootsnav .dropdown.megamenu-fw { position: static; }
nav.bootsnav .container { position: relative; }
nav.bootsnav .megamenu-fw .dropdown-menu { left: auto; }
nav.bootsnav .megamenu-content { padding: 15px; width: 100% !important; }
nav.bootsnav .megamenu-content .title { margin-top: 0; }
nav.bootsnav .dropdown.megamenu-fw .dropdown-menu { left: 0; right: 0; }
/* Navbar
=================================*/
nav.navbar.bootsnav { margin-bottom: 0; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; background-color: #fff; border: none; border-bottom: solid 1px #e0e0e0; z-index: 9; }
nav.navbar.bootsnav ul.nav > li > a { color: #FFF; background-color: transparent; outline: none; margin-bottom: -2px; }
nav.navbar.bootsnav ul.nav li.megamenu-fw > a:hover, nav.navbar.bootsnav ul.nav li.megamenu-fw > a:focus, nav.navbar.bootsnav ul.nav li.active > a:hover, nav.navbar.bootsnav ul.nav li.active > a:focus, nav.navbar.bootsnav ul.nav li.active > a { background-color: transparent; }
nav.navbar.bootsnav .navbar-toggle { background-color: #fff; border: none; padding: 0; font-size: 18px; position: relative; top: 5px; }
nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu { top: 0; left: 100%; }
nav.navbar.bootsnav ul.nav ul.dropdown-menu > li > a { white-space: normal; }
ul.menu-col { padding: 0; margin: 0; list-style: none; }
ul.menu-col li a { color: #6f6f6f; }
ul.menu-col li a:hover, ul.menu-col li a:focus { text-decoration: none; }
/* Navbar Full
=================================*/
nav.bootsnav.navbar-full { padding-bottom: 10px; padding-top: 10px; }
nav.bootsnav.navbar-full .navbar-header { display: block; width: 100%; }
nav.bootsnav.navbar-full .navbar-toggle { display: inline-block; margin-right: 0; position: relative; top: 0; font-size: 30px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
nav.bootsnav.navbar-full .navbar-collapse { position: fixed; width: 100%; height: 100% !important; top: 0; left: 0; padding: 0; display: none !important; z-index: 9; }
nav.bootsnav.navbar-full .navbar-collapse.in { display: block !important; }
nav.bootsnav.navbar-full .navbar-collapse .nav-full { overflow: auto; }
nav.bootsnav.navbar-full .navbar-collapse .wrap-full-menu { display: table-cell; vertical-align: middle; background-color: #fff; overflow: auto; }
 nav.bootsnav.navbar-full .navbar-collapse .nav-full::-webkit-scrollbar {
 width: 0;
}
 nav.bootsnav.navbar-full .navbar-collapse .nav-full::-moz-scrollbar {
 width: 0;
}
 nav.bootsnav.navbar-full .navbar-collapse .nav-full::-ms-scrollbar {
 width: 0;
}
 nav.bootsnav.navbar-full .navbar-collapse .nav-full::-o-scrollbar {
 width: 0;
}
nav.bootsnav.navbar-full .navbar-collapse ul.nav { display: block; width: 100%; overflow: auto; }
nav.bootsnav.navbar-full .navbar-collapse ul.nav a:hover, nav.bootsnav.navbar-full .navbar-collapse ul.nav a:focus, nav.bootsnav.navbar-full .navbar-collapse ul.nav a { background-color: transparent; }
nav.bootsnav.navbar-full .navbar-collapse ul.nav > li { float: none; display: block; text-align: center; }
nav.bootsnav.navbar-full .navbar-collapse ul.nav > li > a { display: table; margin: auto; text-transform: uppercase; font-weight: bold; letter-spacing: 2px; font-size: 24px; padding: 10px 15px; }
li.close-full-menu > a { padding-top: 0px; padding-bottom: 0px; }
li.close-full-menu { padding-top: 30px; padding-bottom: 30px; }
/* Atribute Navigation
=================================*/
.attr-nav { float: right; display: inline-block; margin-left: 13px; margin-right: -15px; }
.attr-nav > ul { padding: 0; margin: 0 0 -7px 0; list-style: none; display: inline-block; }
.attr-nav > ul > li { float: left; display: block; }
.attr-nav > ul > li > a { color: #6f6f6f; display: block; padding: 28px 15px; position: relative; }
.attr-nav > ul > li > a span.badge { position: absolute; top: 50%; margin-top: -15px; right: 5px; font-size: 10px; padding: 0; width: 15px; height: 15px; padding-top: 2px; }
.attr-nav > ul > li.dropdown ul.dropdown-menu { -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -moz-box-shadow: 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px; -o-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; border: solid 1px #e0e0e0; }
ul.cart-list { padding: 0 !important; width: 250px !important; }
ul.cart-list > li { position: relative; border-bottom: solid 1px #efefef; padding: 15px 15px 23px 15px !important; }
ul.cart-list > li > a.photo { padding: 0 !important; margin-right: 15px; float: left; display: block; width: 50px; height: 50px; left: 15px; top: 15px; }
ul.cart-list > li img { width: 50px; height: 50px; border: solid 1px #efefef; }
ul.cart-list > li > h6 { margin: 0; }
ul.cart-list > li > h6 > a.photo { padding: 0 !important; display: block; }
ul.cart-list > li > p { margin-bottom: 0; }
ul.cart-list > li.total { background-color: #f5f5f5; padding-bottom: 15px !important; }
ul.cart-list > li.total > .btn { display: inline-block; border-bottom: solid 1px #efefef; }
ul.cart-list > li .price { font-weight: bold; }
ul.cart-list > li.total > span { padding-top: 8px; }
/* Top Search
=================================*/
.top-search { background-color: #333; padding: 10px 0; display: none; }
.top-search input.form-control { background-color: transparent; border: none; -moz-box-shadow: 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px; -o-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; color: #fff; height: 40px; padding: 0 15px; }
.top-search .input-group-addon { background-color: transparent; border: none; color: #fff; padding-left: 0; padding-right: 0; }
.top-search .input-group-addon.close-search { cursor: pointer; }
/* Side Menu
=================================*/
body { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
body.on-side { margin-left: -280px; }
.side { position: fixed; overflow-y: auto; top: 0; right: -280px; width: 280px; padding: 25px 30px; height: 100%; display: block; background-color: #333; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 9; }
.side.on { right: 0; }
.side .close-side { float: right; color: #fff; position: relative; z-index: 2; font-size: 16px; }
.side .widget { position: relative; z-index: 1; margin-bottom: 25px; }
.side .widget .title { color: #fff; margin-bottom: 15px; }
.side .widget ul.link { padding: 0; margin: 0; list-style: none; }
.side .widget ul.link li a { color: #9f9f9f; letter-spacing: 1px; }
.side .widget ul.link li a:focus, .side .widget ul.link li a:hover { color: #fff; text-decoration: none; }
/* Share
=================================*/
nav.navbar.bootsnav .share { padding: 0 30px; margin-bottom: 30px; }
nav.navbar.bootsnav .share ul { display: inline-block; padding: 0; margin: 0 0 -7px 0; list-style: none; }
nav.navbar.bootsnav .share ul > li { float: left; display: block; margin-right: 5px; }
nav.navbar.bootsnav .share ul > li > a { display: table-cell; vertical-align: middle; text-align: center; width: 35px; height: 35px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #cfcfcf; color: #fff; }
/* Transparent
=================================*/
nav.navbar.bootsnav.navbar-fixed { position: fixed; display: block; width: 100%; }
nav.navbar.bootsnav.no-background { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
/* Navbar Sticky
=================================*/
.wrap-sticky { position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.wrap-sticky nav.navbar.bootsnav { position: absolute; width: 100%; left: 0; top: 0; }
.wrap-sticky nav.navbar.bootsnav.sticked { position: fixed; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
body.on-side .wrap-sticky nav.navbar.bootsnav.sticked { left: -280px; }

/* Navbar Responsive
=================================*/
@media (min-width: 1024px) and (max-width:1400px) {
body.wrap-nav-sidebar .wrapper .container { width: 100%; padding-left: 30px; padding-right: 30px; }
}

@media (min-width: 1024px) {
/* General Navbar
    =================================*/
nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu { margin-top: -2px; }
nav.navbar.bootsnav ul.nav.navbar-right .dropdown-menu .dropdown-menu { left: -200px; }
nav.navbar.bootsnav ul.nav > li > a { padding: 30px 15px; font-weight: 600; }
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after { font-family: inherit; content: "\f0d7"; margin-left: 5px; margin-top: 2px; }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu { -moz-box-shadow: 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px; -o-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; padding: 0; width: 200px; background: #fff; border: solid 1px #e0e0e0; border-top: solid 5px; }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover, nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover { background-color: transparent; }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a { padding: 10px 15px; border-bottom: solid 1px #eee; color: #6f6f6f; }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li:last-child > a { border-bottom: none; }
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a { text-align: right; }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before { font-family: inherit; float: right; content: "\f105"; margin-top: 0; }
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:before { font-family: inherit; float: left; content: "\f104"; margin-top: 0; }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu ul.dropdown-menu { top: -3px; }
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content { padding: 0 15px !important; }
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content > li { padding: 25px 0 20px; }
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed { padding: 0; }
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed > li { padding: 0; }
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu { padding: 0 30px; margin: 0 -0.5px; border-left: solid 1px #f0f0f0; border-right: solid 1px #f0f0f0; }
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:first-child { border-left: none; }
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:last-child { border-right: none; }
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content { display: none; }
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a { text-align: left; padding: 5px 0; display: block; width: 100%; margin-bottom: 0; border-bottom: none; color: #6f6f6f; }
nav.navbar.bootsnav.on ul.dropdown-menu.megamenu-content .content { display: block !important; height: auto !important; }
/* Navbar Transparent
    =================================*/  
nav.navbar.bootsnav.no-background { background-color: #3333338f; border: none; }
nav.navbar.bootsnav.navbar-transparent .attr-nav { padding-left: 15px; margin-left: 30px; }
nav.navbar.bootsnav.navbar-transparent.white { background-color: rgba(255,255,255,0.3); border-bottom: solid 1px #bbb; }
nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark, nav.navbar.bootsnav.navbar-transparent.dark { background-color: rgba(0,0,0,0.3); border-bottom: solid 1px #555; }
nav.navbar.bootsnav.navbar-transparent.white .attr-nav { border-left: solid 1px #bbb; }
nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav, nav.navbar.bootsnav.navbar-transparent.dark .attr-nav { border-left: solid 1px #555; }
nav.navbar.bootsnav.no-background.white .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.white .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.white ul.nav > li > a, nav.navbar.bootsnav.no-background.white ul.nav > li > a { color: #fff; }
nav.navbar.bootsnav.navbar-transparent.dark .attr-nav > ul > li > a, nav.navbar.bootsnav.navbar-transparent.dark ul.nav > li > a { color: #eee; }
nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-scrolled, nav.navbar.bootsnav.navbar-fixed.no-background .logo-scrolled { display: none; }
nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-display, nav.navbar.bootsnav.navbar-fixed.no-background .logo-display { display: block; }
nav.navbar.bootsnav.navbar-fixed .logo-display { display: none; }
nav.navbar.bootsnav.navbar-fixed .logo-scrolled { display: block; }
/* Atribute Navigation
    =================================*/    
.attr-nav > ul > li.dropdown ul.dropdown-menu { margin-top: 0; margin-left: 55px; width: 250px; left: -250px; }
/* Menu Center
    =================================*/
nav.navbar.bootsnav.menu-center .container { position: relative; }
nav.navbar.bootsnav.menu-center ul.nav.navbar-center { float: none; margin: 0 auto; display: table; table-layout: fixed; }
nav.navbar.bootsnav.menu-center .navbar-header, nav.navbar.bootsnav.menu-center .attr-nav { position: absolute; }
nav.navbar.bootsnav.menu-center .attr-nav { right: 15px; }
/* Navbar Brand top
    =================================*/
nav.bootsnav.navbar-brand-top .navbar-header { display: block; width: 100%; text-align: center; }
nav.bootsnav.navbar-brand-top ul.nav > li.dropdown > ul.dropdown-menu { margin-top: 2px; }
nav.bootsnav.navbar-brand-top ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu { margin-top: 0; }
nav.bootsnav.navbar-brand-top .navbar-header .navbar-brand { display: inline-block; float: none; margin: 0; }
nav.bootsnav.navbar-brand-top .navbar-collapse { text-align: center; }
nav.bootsnav.navbar-brand-top ul.nav { display: inline-block; float: none; margin: 0 0 -5px 0; }
/* Navbar Center
    =================================*/
nav.bootsnav.brand-center .navbar-header { display: block; width: 100%; position: absolute; text-align: center; top: 0; left: 0; }
nav.bootsnav.brand-center .navbar-brand { display: inline-block; float: none; }
nav.bootsnav.brand-center .navbar-collapse { text-align: center; display: inline-block; padding-left: 0; padding-right: 0; }
nav.bootsnav.brand-center ul.nav > li.dropdown > ul.dropdown-menu { margin-top: 2px; }
nav.bootsnav.brand-center ul.nav > li.dropdown.megamenu-fw > ul.dropdown-menu { margin-top: 0; }
nav.bootsnav.brand-center .navbar-collapse .col-half { width: 50%; float: left; display: block; }
nav.bootsnav.brand-center .navbar-collapse .col-half.left { text-align: right; padding-right: 100px; }
nav.bootsnav.brand-center .navbar-collapse .col-half.right { text-align: left; padding-left: 100px; }
nav.bootsnav.brand-center ul.nav { float: none !important; margin-bottom: -5px !important; display: inline-block !important; }
nav.bootsnav.brand-center ul.nav.navbar-right { margin: 0; }
nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.left { text-align: left; padding-right: 100px; }
nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.right { text-align: right; padding-left: 100px; }
/* Navbar Sidebar
    =================================*/
body.wrap-nav-sidebar .wrapper { padding-left: 260px; overflow-x: hidden; }
nav.bootsnav.navbar-sidebar { position: fixed; width: 260px; overflow: hidden; left: 0; padding: 0 0 0 0 !important; background: #fff; border-right: solid 1px #dfdfdf; }
nav.bootsnav.navbar-sidebar .scroller { width: 280px; overflow-y: auto; overflow-x: hidden; }
nav.bootsnav.navbar-sidebar .container-fluid, nav.bootsnav.navbar-sidebar .container { padding: 0 !important; }
nav.bootsnav.navbar-sidebar .navbar-header { float: none; display: block; width: 260px; padding: 10px 15px; margin: 10px 0 0 0 !important; }
nav.bootsnav.navbar-sidebar .navbar-collapse { padding: 0 !important; width: 260px; }
nav.bootsnav.navbar-sidebar ul.nav { float: none; display: block; width: 100%; padding: 0 15px !important; margin: 0 0 30px 0; }
nav.bootsnav.navbar-sidebar ul.nav li { float: none !important; }
nav.bootsnav.navbar-sidebar ul.nav > li > a { padding: 10px 15px; font-weight: bold; }
nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > a:after { float: right; }
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu { left: 100%; top: 0; position: relative !important; left: 0 !important; width: 100% !important; height: auto !important; background-color: transparent; border: none !important; padding: 0; -moz-box-shadow: 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px; -o-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; }
nav.bootsnav.navbar-sidebar ul.nav .megamenu-content .col-menu { border: none !important; }
nav.bootsnav.navbar-sidebar ul.nav > li.dropdown > ul.dropdown-menu { margin-bottom: 15px; }
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu { padding-left: 0; float: none; margin-bottom: 0; }
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a { padding: 5px 15px; color: #6f6f6f; border: none; }
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu { padding-left: 15px; margin-top: 0; }
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li.dropdown > a:before { font-family: inherit; content: "\f105"; float: right; }
nav.bootsnav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on > a:before { content: "\f107"; }
nav.bootsnav.navbar-sidebar ul.dropdown-menu.megamenu-content > li { padding: 0 !important; }
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu { display: block; float: none !important; padding: 0; margin: 0; width: 100%; }
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title { padding: 7px 0; text-transform: none; font-weight: 400; letter-spacing: 0px; margin-bottom: 0; cursor: pointer; color: #6f6f6f; }
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title:before { font-family: inherit; content: "\f105"; float: right; }
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title:before { content: "\f107"; }
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu { border: none; }
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .content { padding: 0 0 0 15px; }
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu ul.menu-col li a { padding: 3px 0 !important; }
}

@media (max-width: 767px) {
.welcome-hero .container { padding-top: 40px; }
nav.navbar.bootsnav .navbar-header { padding-left: 10px; padding-right: 10px; }
nav.navbar.bootsnav .navbar-header { padding-left: 15px; padding-right: 15px; }
nav.navbar.bootsnav .navbar-nav { padding-left: 15px; padding-right: 15px; }
.attr-nav { right: 30px; }
.attr-nav > ul { margin-right: -10px; }
.attr-nav > ul > li > a { padding: 16px 10px 15px; padding-left: 0 !important; }
.attr-nav > ul > li.dropdown ul.dropdown-menu { left: -275px; }
.top-search .container { padding: 0 15px; }
nav.bootsnav.navbar-full .navbar-collapse { left: 15px; }
nav.bootsnav.navbar-full .navbar-header { padding-right: 0; }
nav.bootsnav.navbar-full .navbar-toggle { margin-right: -15px; }
nav.bootsnav.navbar-full ul.nav > li > a { font-size: 18px !important; line-height: 24px !important; padding: 5px 10px !important; }
/* Navbar Sidebar
    =================================*/ 
nav.navbar.bootsnav.navbar-sidebar .share { padding: 30px 15px !important; }
/* Navbar Sidebar
    =================================*/ 
nav.navbar.bootsnav.navbar-sidebar .share { padding: 30px 0 !important; margin-bottom: 0; }
nav.navbar.bootsnav.navbar-mobile.navbar-sidebar .share { padding: 30px 15px !important; margin-bottom: 0; }
/* Mobile Navigation
    =================================*/ 
body.side-right > .wrapper { margin-left: 280px; margin-right: -280px !important; }
nav.navbar.bootsnav.navbar-mobile .navbar-collapse { margin-left: 0; }
nav.navbar.bootsnav.navbar-mobile ul.nav { margin-left: -15px; }
nav.navbar.bootsnav.navbar-mobile ul.nav { border-top: solid 1px #fff; }
li.close-full-menu { padding-top: 15px !important; padding-bottom: 15px !important; }
}

@media (min-width: 480px) and (max-width: 640px) {
nav.bootsnav.navbar-full ul.nav { padding-top: 30px; padding-bottom: 30px; }
}
/* style */
* { padding: 0; margin: 0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
body { font-family: inherit, sans-serif; font-size: 16px; color: #676a81; background: #fff; max-width: 1920px; margin: 0 auto; overflow-x: hidden; }
a, a:hover, a:active, a:focus { display: inline-block; text-decoration: none; color: #6a708e; font-size: 16px; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; color: #43485c; font-size: 16px; font-family: inherit, sans-serif; }
p { margin: 0; line-height: 1.8; color: #43485c; font-size: 14px; font-family: inherit, sans-serif; }
img { border: none; max-width: 100%; height: auto; }
ul { padding: 0; margin: 0 auto; list-style: none; }
ul li { list-style: none; }
select, input, textarea, button { box-shadow: none; outline: 0!important; }
button { background: transparent; border: 0; }
html, body { height: 100%; position: relative; }
[placeholder]:focus::-webkit-input-placeholder {
 -webkit-transition: opacity 0.3s 0.3s ease;
 -moz-transition: opacity 0.3s 0.3s ease;
 -ms-transition: opacity 0.3s 0.3s ease;
 -o-transition: opacity 0.3s 0.3s ease;
 transition: opacity 0.3s 0.3s ease;
 opacity: 0;
}
.fix { position: relative; clear: both; }
/*=============Style css=========*/

/*-------------------------------------
        2. Header
--------------------------------------*/
.top-area { position: relative; z-index: 9999; }

@media (min-width: 1024px) {
}
nav.navbar.bootsnav.no-background { border: none; box-shadow: 0 3px 15px rgba(0,0,0,.2); }
nav.navbar.bootsnav { background-color: #212c3c; border-bottom: #ffffff; box-shadow: 0 3px 15px rgba(0,0,0,.2); box-shadow: 0 3px 15px rgb(255, 250, 250); }
/*.navbar-brand*/
.navbar-header a.navbar-brand, .navbar-header a.navbar-brand:hover, .navbar-header a.navbar-brand:focus { display: inline-block; color: #FFF; font-size: 24px; font-weight: normal; padding: 33px 0px 57px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; }
/*.navbar-brand*/

/*.nav li*/
nav.navbar.bootsnav ul.nav > li > a { font-size: 16px; font-weight: normal; text-transform: uppercase; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; }
nav.navbar.bootsnav ul.nav > li > a { padding: 35px 20px; }
nav.navbar.bootsnav ul.nav > li > a:hover, nav.navbar.bootsnav ul.nav > li > a:focus, nav.navbar.bootsnav ul.nav > li.active>a { color: #dc7c01; }
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after { content: ""; }
nav.navbar.bootsnav ul.nav > li.dropdown span { font-size: 8px; margin-left: 15px; }
.sticky-wrapper.is-sticky nav.navbar.bootsnav ul.nav > li > a { color: #6a708e; }
.sticky-wrapper.is-sticky nav.navbar.bootsnav ul.nav > li > a:hover, .sticky-wrapper.is-sticky nav.navbar.bootsnav ul.nav > li > a:focus, .sticky-wrapper.is-sticky nav.navbar.bootsnav ul.nav > li.active>a { color: #d92cf9; }
/*.nav li*/



/*.menu-ui-design*/
.menu-ui-design { overflow-y: scroll; height: 350px; }
.menu-ui-design::-webkit-scrollbar {
 width:5px;
}
.menu-ui-design::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 8px #000;
}
.menu-ui-design::-webkit-scrollbar-thumb {
 background-color: #fcedff;
}
/*.menu-ui-design*/



/*.navbar-toggle */
nav.navbar.bootsnav .navbar-toggle { position: relative; background-color: transparent; border: 1px solid #fcedff; padding: 10px; top: 0; }
nav.navbar.bootsnav .navbar-toggle i { color: #d92cf9; }
/*.navbar-toggle */



/*-------------------------------------
        3.  Welcome-hero
--------------------------------------*/
.welcome-hero { display: flex; align-items: center; justify-content: center; position: relative; width: 100%; float: left; height: 635px; background: #020b10 url(msp_banner_bg.jpg)0 0 no-repeat; background-size: cover; }
.welcome-hero:before { position: absolute; content: " "; top: 0; left: 0; width: 100%; height: 100%; }
/*.header-text-area*/
.header-text h2 { color: #fff; font-size: 54px; font-weight: 700; text-transform: uppercase; line-height: 1.5; }
.header-text h2 span { color: #d92cf9; }
.header-text p { color: #fff; font-size: 20px; font-weight: 300; text-transform: uppercase; margin: 30px 0 60px; letter-spacing: 1px; }
.header-text a { width: 200px; height: 60px; line-height: 60px; border-radius: 3px; text-transform: capitalize; color: #fff; background: #b636ff; border: 1px solid #b636ff; box-shadow: 0 5px 20px rgba(0,0,0,.2); -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; }
.header-text a:hover { box-shadow: 0 5px 20px rgba(0,0,0,.4); background: #9f00ff; border: 1px solid #9f00ff; }
/*.header-text-area*/

/*-------------------------------------
        4.  About
--------------------------------------*/
.about { padding: 50px 0 0px; }
.about-content { padding-top: 0px; }
/*.single-about-txt*/
.single-about-txt h3 { font-size: 18px; color: #3c4258; text-transform: initial; line-height: 1.8; }
.single-about-txt p { font-size: 16px; color: #999fb3; padding: 35px 0 43px; border-bottom: 1px solid #999fb3; }
.single-about-add-info { margin: 35px 0; }
.single-about-add-info h3 { color: #636a82; font-size: 16px; text-transform: capitalize; }
.single-about-add-info p { font-weight: 300; border: 0; padding: 0; margin-top: 3px; }
/*.single-about-txt*/

/*.single-about-img */
.single-about-img { position: relative; box-shadow: 0 5px 20px rgba(14,25,80,.30); }
.single-about-img:before { position: absolute; content: " "; top: 0; left: 0; width: 109%; height: 100%; background: rgba(31,44,108,.3); }
.single-about-img img { max-width: 500px; height: 468px; }
.about-list-icon { display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; left: 0; width: 109%; height: 90px; background: #1f2c6c; }
/*.ab-list-icon */
.about-list-icon ul { display: flex; }
.about-list-icon ul li a { padding-right: 22px; cursor: pointer; color: #fff; }
.about-list-icon ul li a { cursor: pointer; color: #fff; display: inline-block; border: 2px solid; margin-left: 20px; border-radius: 8px; width: 30px; height: 30px; line-height: 28px; text-align: center; }
.about-list-icon ul li a i { margin-left: 6px; }
/*.ab-list-icon */

/*.single-about-img */

/*-------------------------------------
        5.  Education
--------------------------------------*/

.education { background: #f9fbfd; padding-top: 50px; }
.education-horizontal-timeline { padding: 40px 0 0px; }
/*.education-horizontal-timeline*/
.education-horizontal-timeline .col-sm-4 { padding: 0 2px; }
.single-horizontal-timeline .experience-time h3 { text-transform: capitalize; }
.single-horizontal-timeline .experience-time h3 span { text-transform: lowercase; }
.single-horizontal-timeline .timeline-content h5 { margin: 15px 0; }
.single-horizontal-timeline p { color: #999fb3; max-width: 335px; }
/*.timeline-horizontal-border*/
.timeline-horizontal-border { display: flex; align-items: center; padding: 26px 0 30px; }
.timeline-horizontal-border i { font-size: 10px; color: #d92cf9; margin-right: 5px; }
span.single-timeline-horizontal { display: inline-block; background: #b2c1ce; height: 1px; width: 380px; }
span.single-timeline-horizontal.spacial-horizontal-line { width: 88px; }
/*.timeline-horizontal-border*/

/*.education-horizontal-timeline*/

/*-------------------------------------
        6.  Skills
--------------------------------------*/
.skills { }
.skill-content { padding: 0px 0 100px; }
.single-skill-content { padding-top: 100px; }
.section-heading h2 { font-size: 24px; font-weight: 600; text-transform: uppercase; padding-bottom: 50px; border-bottom: 1px solid #e5ebf2; }
.single-progress-txt { display: flex; }
.single-progress-txt h3 { width: 10%; color: #a606c3; position: relative; top: 6px; left: 20px; }
.barWrapper { font-weight: 400; font-size: 16px; text-transform: uppercase; }
.progress { border-radius: 3px; overflow: visible; background: #e6ecf3; height: 8px; margin-top: 15px; width: 85%; margin-bottom: 37px; }
.progress-bar { background: #b636ff; border-radius: 3px; -webkit-transition: width 1.5s ease-in-out; -ms-transition: width 1.5s ease-in-out; -moz-transition: width 1.5s ease-in-out; -o-transition: width 1.5s ease-in-out; transition: width 1.5s ease-in-out; }
.tooltip { position: relative; float: right; }
.tooltip > .tooltip-inner { background-color: transparent; padding: 1px 5px; color: #b636ff; font-weight: 500; font-size: 12px; border-radius: 0; }
.popOver + .tooltip > .tooltip-arrow { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; bottom: -1px; transform: translateX(-50%); margin-left: 0; }
/*-------------------------------------
        7. Experience
-------------------------------------*/
.experience { padding: 50px 0 100px; border-top: 1px solid #e5ebf2; }
.experience-content { padding-top: 100px; }
.single-timeline-box { margin-bottom: 75px; }
/*experience-time*/
.experience-time { position: relative; }
.experience-time h2 { font-weight: 400; }
.experience-time h3 { font-size: 16px; font-weight: 300; color: #636a82; margin-top: 14px; text-transform: uppercase; }
/*experience-time*/

/*main-timeline*/
.main-timeline { position: relative; }
.main-timeline:before { content: ""; width: 2px; height: 84%; background: #b2c1ce; position: absolute; top: 1.5%; left: 45.8%; z-index: -1; }
.main-timeline .timeline { position: relative; }
.timeline-content span>i, .experience-time span>i { color: #d92cf9; position: absolute; font-size: 10px; left: -14.5%; z-index: 1; }
.timeline-content h4.title { font-size: 16px; font-weight: 400; text-transform: uppercase; }
.timeline-content h5 { color: #636a82; font-size: 14px; font-weight: 300; margin: 18px 0 20px; }
.main-timeline .description { font-size: 14px; color: #999fb3; }
.main-timeline .timeline-content.right { float: right; text-align: left; }
.timeline-single-before:before { content: ''; top: 57px; left: -3px; position: absolute; width: 100%; height: 400px; border-left: 15px solid #fff; }
.experience-time-responsive { display: none; }
/*-------------------------------------
        8. Profiles
--------------------------------------*/
.profiles { padding: 50px 0 100px; border: 1px solid #e5ebf2; }
.profiles-content { padding-top: 100px; }
.profiles-content .col-sm-3 { padding: 0; }
.profile-txt { display: flex; align-items: center; flex-direction: column; }
.single-profile { position: relative; height: 150px; display: flex; justify-content: center; align-items: center; border-right: 1px solid #b2c1ce; overflow: hidden; -webkit-transition: background 0.5s linear; -moz-transition: background 0.5s linear; -ms-transition: background 0.5s linear; -o-transition: background 0.5s linear; transition: background 0.5s linear; }
.profile-icon-name { text-transform: capitalize; color: #636a82; font-size: 16px; }
.single-profile.profile-no-border { border-right: transparent; }
.profile-border { border-bottom: 1px solid #b2c1ce; }
.single-profile-overlay { display: flex; align-items: center; text-transform: capitalize; justify-content: center; position: absolute; top: 0; left: 0; content: " "; width: 100%; height: 100%; background: #d92cf9; background: -moz-linear-gradient(left, #d92cf9 0%, #b636ff 100%); background: -webkit-linear-gradient(left, #d92cf9 0%, #b636ff 100%); background: linear-gradient(to right, #d92cf9 0%, #b636ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d92cf9', endColorstr='#b636ff', GradientType=1 );
-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
.single-profile:hover .single-profile-overlay { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); top: 0; }
.single-profile:hover .profile-icon-name, .single-profile:hover .profile-txt a>i { color: #fff; }
.single-profile:hover .profile-border { border: transparent; }
/*-------------------------------------
        9. Portfolio
--------------------------------------*/
.portfolio { padding: 50px 0 100px; border: 1px solid #e5ebf2; }
.portfolio-content { padding-top: 100px; }
/* ---- .item ---- */
.isotope:after { content: ''; display: block; clear: both; }
.isotope .item { position: relative; overflow: hidden; margin-bottom: 30px; }
/*.item img*/
.isotope .item img { width: 100%; height: 100%; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
.isotope .item:hover img { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }/*.item img*/
/*.isotope-overlay*/
.isotope-overlay { position: absolute; height: 100%; width: 100%; background: rgba(31,44,108,.5); display: flex; align-items: center; text-transform: uppercase; justify-content: center; flex-direction: row; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
.isotope-overlay a { display: inline-block; color: #fff; font-size: 14px; text-align: center; }
.isotope .item:hover .isotope-overlay { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); top: 0; }/*.isotope-overlay*/
/*-------------------------------------
        10. Clients
--------------------------------------*/
.clients { padding-top: 50px; }
.clients-area { display: flex; align-items: center; height: 250px; }
.clients-area .item { padding: 0 25px; }
.clients .clients-area .owl-carousel .owl-item img { display: block; width: 100%; height: auto; border-radius: 0; }
/*-------------------------------------
        11. Contact
--------------------------------------*/
.contact { padding: 40px 0 0px; background: #11171a; }
.single-contact-box { padding-top: 100px; }
.contact-form .form-group { margin-bottom: 20px; }
.contact-form .form-control { padding: 25px; font-size: 14px; border: 1px solid #fff; border-radius: 0px; box-shadow: none; outline: 0!important; background: #fff; color: #636a82; resize: none; }
/*--contct button--*/
.contact-form .single-contact-btn { display: flex; align-items: center; justify-content: center; height: 50px; text-transform: capitalize; margin-top: 3px; background: #b636ff; border: 1px solid #b636ff; cursor: pointer; box-shadow: 0 5px 20px rgba(0,0,0,.2); -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
.contact-form .single-contact-btn .contact-btn, .contact-form .single-contact-btn .contact-btn:focus { margin-top: 0px; outline: 0 !important; border: 0; color: #fff; border-radius: 0px; font-size: 14px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
.single-contact-btn:hover { background: #9f00ff; border: 1px solid #9f00ff; box-shadow: 0 5px 20px rgba(0,0,0,.2); }
/*--contct button--*/

/* contact-adress */
.contact-add-head h3 { font-size: 24px; color: #3c4258; }
.contact-add-head p { font-size: 16px; text-transform: capitalize; color: #636a82; font-weight: 300; margin-top: 6px; }
/* contact-adress */

/*.contact-add-info */
.contact-add-info { margin: 42px 0 52px; }
.single-contact-add-info h3 { color: #636a82; font-weight: 500; }
.single-contact-add-info p { color: #999fb3; font-size: 16px; margin-top: 18px; }
.single-contact-add-info { margin-bottom: 26px; }
/*.contact-add-info */

/*hm-foot-icon*/
.hm-foot-icon { }
.hm-foot-icon ul li { float: left; }
.hm-foot-icon ul li>a { color: #636a82; margin-right: 18px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; }
.hm-foot-icon ul li>a:hover { color: #b636ff; }/*hm-foot-icon*/
.hm-footer-copyright p { color: #888ea5; text-transform: capitalize; padding: 38px 0; }
.hm-footer-copyright p a { color: #888ea5; }
/*===============================
    Scroll Top
===============================*/
#scroll-Top .return-to-top { position: fixed; right: 30px; bottom: 30px; display: none; width: 40px; line-height: 40px; height: 40px; text-align: center; font-size: 20px; cursor: pointer; color: #fff; background: #b636ff; border: 1px solid #b636ff; border-radius: 50%; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; z-index: 2; }
#scroll-Top .return-to-top:hover { background: #fff; color: #b636ff; border: 1px solid #b636ff; }
#scroll-Top .return-to-top i { position: relative; bottom: 0; }
#scroll-Top .return-to-top i { position: relative; animation-name: example; animation-direction: alternate; animation-iteration-count: infinite; animation-duration: 1s; }
@keyframes example {
 0% {
bottom:0px;
}
 100% {
bottom:7px;
}
}
.home_inner { width: 100%; float: left; padding: 20px; text-align: center; }
.homewrap_content>h1 { color: #fff; font-size: 60px; font-family: 'Roboto Condensed', sans-serif; }
.homewrap_content { margin-top: 80px; }
section.home-wrap { float: left; width: 100%; height: 100%; }
.welcome-hero .row { float: left; width: 100%; height: 100%; }
.welcome-hero .container { float: left; height: 100%; padding-top: 90px; }
.logo { margin: 60px 0 0 0px; padding-left: 15px; }
.logo.mobile { display: none; }
.home-bg { float: left; width: 100%; height: 100%; }
.homewrap_content>h3 { color: #dadada; font-size: 30px; padding-top: 25px; font-family: 'Roboto Condensed', sans-serif; }
#about, #services, #why_vtp, #contact { float: left; width: 100%; }

@media (max-width:767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header { border-color: #080808 }
.navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808 }
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color: #9d9d9d }
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover { color: #fff; background-color: transparent }
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover { color: #fff; background-color: #080808 }
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover { color: #444; background-color: transparent }
}
.container { max-width: 1280px; width: 100%; margin: 0px auto; padding: 0px 0px; position: relative; box-sizing: border-box; width: calc(100% - 40px); }
.aboutwrap_content { width: 100%; padding: 60px 20px 0; display: table; }
.aboutwrap_lhs { width: 560px; float: left; min-height: 424px; }
.aboutwrap_rhs { width: calc(100% - 560px); float: right; background: #e5ecf4; min-height: 424px; padding: 20px; }
.about_cont_icon { width: 100%; height: 424px; background: url(msp_small_bg.jpg)no-repeat 0 0; }
.aboutwrap_rhs_inner>p { padding: 10px 0 5px; text-align: justify; font-size: 16px; }
.aboutwrap_rhs_inner h2 { font-size: 27px; padding: 0px 0px 10px 0px; font-weight: 600; color: #2e689e; font-family: 'Roboto Condensed', sans-serif; }
.overview-wrap { min-height: 424px; background: #05152c; }
.overviewwrap_content h2 { width: 100%; float: left; padding: 20px 0px 40px; text-align: center; font-size: 36px; font-family: 'Roboto Condensed', sans-serif; color: #fff; font-weight: 400; line-height: 1.4; }
.features_cont { width: 100%; float: left; min-height: 200px; }
.features_cont li { width: calc(100% / 3); float: left; min-height: 200px; margin-bottom: 30px; }
.spec_feature { width: 100%; float: left; height: 240px; margin: 0px auto; padding: 10px 30px 40px; }
.feature-icon { width: 100%; float: none; height: 102px; margin: 0px auto; }
.feature-title { width: 100%; color: #fff; text-align: center; font-size: 22px; font-weight: 300; font-family: 'Roboto Condensed', sans-serif; }
.feature-description { width: 100%; color: #cecece; text-align: center; font-size: 16px; font-weight: normal; padding: 10px 0 0; line-height: 1.6; }
.spec_feature.repair_serv .feature-icon { width: 126px; background: url(VPT_icons.png)0px 0px no-repeat; }
.spec_feature.network_serv .feature-icon { width: 93px; background: url(VPT_icons.png)0px -168px no-repeat; }
.spec_feature.custom_serv .feature-icon { width: 105px; background: url(VPT_icons.png)0px -331px no-repeat; }
.spec_feature.security_serv .feature-icon { width: 86px; background: url(VPT_icons.png)0px -496px no-repeat; }
.spec_feature.quality_serv .feature-icon { width: 85px; background: url(VPT_icons.png)0px -667px no-repeat; }
.spec_feature.remote_serv .feature-icon { width: 85px; background: url(VPT_icons.png)0px -844px no-repeat; }
.moreinfowrap_content { width: 100%; padding: 0px 20px; display: table; }
.moreinfowrap_lhs { width: 430px; float: left; min-height: 349px; }
.moreinfowrap_rhs { width: calc(100% - 500px); float: right; background: #e5ecf4; min-height: 349px; padding: 30px; }
.info_cont_icon { width: 100%; height: 349px; background: url(vtp_inovation.png)no-repeat 0 0; }
.moreinfowrap_rhs h2 { font-size: 32px; padding: 10px 0px 20px 0px; font-weight: 600; color: #2e689e; font-family: 'Roboto Condensed', sans-serif; }
.moreinfowrap_rhs ul li { line-height: 35px; font-size: 16px; padding: 5px 0; }
.moreinfowrap_rhs ul li:before { content: ""; width: 8px; height: 8px; display: inline-block; margin-right: 10px; background: url(Bullet_1.png)no-repeat 0 0; }
.footer_main { width: 100%; height: 100%; float: left; background: #11171a; }
.footer_wrap { width: 100%; padding: 0px 0px 40px 0px; height: 100%; float: left; }
.footer_main .footer-left { width: 100%; height: 100%; padding: 0; display: inline-block; }
.footer_main .footer-right { width: calc(100% - 520px); height: 100%; float: right; }
.contact_info { width: 100%; height: 100%; padding: 10px; display: table; max-width: 900px; }
.contact_info h2 { color: #fff; font-size: 34px; font-weight: 400; padding: 20px 0px 30px 0px; font-family: 'Roboto Condensed', sans-serif; }
.chat_opt, .mail_opt, .call_opt { width: 100%; float: left; padding: 20px 0; width: calc(100% / 2); }
.contact_icon { width: 40px; height: 40px; float: left; margin-left: 4px; }
.chat_opt .contact_icon { background: url(footer_icon.png) 0px 0px no-repeat; }
.mail_opt .contact_icon { background: url(footer_icon.png) -1px -71px no-repeat; }
.call_opt .contact_icon { background: url(footer_icon.png) -3px -135px no-repeat; }
.contact_txt { width: calc(100% - 40px); float: left; padding: 0px 10px 0 0;/* width: calc(100% / 3); */ clear: left; }
.contact_txt h3 { color: #fff; font-size: 26px; }
.contact_txt p { font-size: 16px; color: #fff; font-family: 'Roboto Condensed', sans-serif; padding: 6px 0 0; }
.map_info { width: 100%; float: left; height: 100%; padding: 0; }
section#services { float: left; width: 100%; padding-top: 51px; }

@media (max-width: 992px) {
/* Navbar Responsive
    =================================*/ 
.navbar-header .logo img { height: 60px; }
.home-bg .logo { display: none; margin: 30px auto 0; width: 340px; }
.welcome-hero .container { padding-top: 0px; }
.logo.mobile { display: block; margin: 90px auto 40px; width: 288px; }
.welcome-hero { height: 500px; }
.navbar-header .logo { display: block; margin: 5px 0 0 0; }
nav.navbar.bootsnav .navbar-brand { margin-left: 0; }
nav.navbar.bootsnav .navbar-header { float: none; display: block; text-align: center; padding-left: 0px; padding-right: 0px; }
.container>.navbar-header { margin-right: 0px; margin-left: 0px; }
nav.navbar.bootsnav .navbar-toggle { display: inline-block; float: right; margin-right: 0; margin-top: 20px; padding: 20px; position: relative; }
nav.navbar.bootsnav .navbar-toggle i.fa.fa-bars { background: url(menu-line.png)no-repeat center !important; content: ' '; position: absolute; top: -5px; left: -5px; z-index: 999; width: 50px; height: 50px; }
nav.navbar.bootsnav .navbar-toggle i.fa.fa-times { background: url(menu-close.png)no-repeat center; content: ' '; position: absolute; top: -5px; left: -5px; z-index: 999; width: 50px; height: 50px; }
nav.navbar.bootsnav .navbar-collapse { border: none; margin-bottom: 0; }
nav.navbar.bootsnav.no-full .navbar-collapse { max-height: 260px; overflow-y: hidden !important; }
nav.navbar.bootsnav .navbar-collapse.collapse { display: none !important; }
nav.navbar.bootsnav .navbar-collapse.collapse.in { display: block !important; border-top: solid 1px #e0e0e026; }
nav.navbar.bootsnav .navbar-nav { float: none !important; padding-left: 0px; padding-right: 0px; margin: 0px -15px; }
nav.navbar.bootsnav .navbar-nav > li { float: none; }
nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before { font-family: inherit; content: "\f105"; float: right; font-size: 16px; margin-left: 10px; }
nav.navbar.bootsnav li.dropdown.on > a.dropdown-toggle:before { content: "\f107"; }
nav.navbar.bootsnav .navbar-nav > li > a { display: block; width: 100%; border-bottom: solid 0px #e0e0e0; padding: 16px 0 !important; border-top: solid 0px #e0e0e0; margin-bottom: -1px; font-weight: normal !important; }
nav.navbar.bootsnav .navbar-nav > li:first-child > a { border-top: none; }
nav.navbar.bootsnav ul.navbar-nav.navbar-left > li:last-child > ul.dropdown-menu { border-bottom: solid 1px #e0e0e0; }
nav.navbar.bootsnav ul.nav li.dropdown li a.dropdown-toggle { float: none !important; position: relative; display: block; width: 100%; }
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu { width: 100%; position: relative !important; background-color: transparent; float: none; border: none; padding: 0 0 0 15px !important; margin: 0 0 -1px 0 !important; -moz-box-shadow: 0px 0px 0px; -webkit-box-shadow: 0px 0px 0px; -o-box-shadow: 0px 0px 0px; box-shadow: 0px 0px 0px; -moz-border-radius: 0px 0px 0px; -webkit-border-radius: 0px 0px 0px; -o-border-radius: 0px 0px 0px; border-radius: 0px 0px 0px; }
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a { display: block; width: 100%; border-bottom: solid 1px #e0e0e0; padding: 10px 0; color: #6f6f6f; }
nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:hover, nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:focus { background-color: transparent; }
nav.navbar.bootsnav ul.nav ul.dropdown-menu ul.dropdown-menu { float: none !important; left: 0; padding: 0 0 0 15px; position: relative; background: transparent; width: 100%; }
nav.navbar.bootsnav ul.nav ul.dropdown-menu li.dropdown.on > ul.dropdown-menu { display: inline-block; margin-top: -10px; }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:after { display: none; }
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title { padding: 10px 15px 10px 0; line-height: 24px; text-transform: none; font-weight: 400; letter-spacing: 0px; margin-bottom: 0; cursor: pointer; border-bottom: solid 1px #e0e0e0; color: #6f6f6f; }
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul > li > a { display: block; width: 100%; border-bottom: solid 1px #e0e0e0; padding: 8px 0; }
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title:before { font-family: inherit; content: "\f105"; float: right; font-size: 16px; margin-left: 10px; position: relative; right: -15px; }
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child .title { border-bottom: none; }
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on:last-child .title { border-bottom: solid 1px #e0e0e0; }
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child ul.menu-col li:last-child a { border-bottom: none; }
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on .title:before { content: "\f107"; }
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .content { padding: 0 0 0 15px; }
nav.bootsnav.brand-center .navbar-collapse { display: block; }
nav.bootsnav.brand-center ul.nav { margin-bottom: 0px !important; }
nav.bootsnav.brand-center .navbar-collapse .col-half { width: 100%; float: none; display: block; }
nav.bootsnav.brand-center .navbar-collapse .col-half.left { margin-bottom: 0; }
nav.bootsnav .megamenu-content { padding: 0; }
nav.bootsnav .megamenu-content .col-menu { padding-bottom: 0; }
nav.bootsnav .megamenu-content .title { cursor: pointer; display: block; padding: 10px 15px; margin-bottom: 0; font-weight: normal; }
nav.bootsnav .megamenu-content .content { display: none; }
.attr-nav { position: absolute; right: 60px; }
.attr-nav > ul { padding: 0; margin: 0 -15px -7px 0; }
.attr-nav > ul > li > a { padding: 16px 15px 15px; }
.attr-nav > ul > li.dropdown > a.dropdown-toggle:before { display: none; }
.attr-nav > ul > li.dropdown ul.dropdown-menu { margin-top: 2px; margin-left: 55px; width: 250px; left: -250px; border-top: solid 5px; }
.top-search .container { padding: 0 45px; }
/* Navbar full Responsive
    =================================*/   
nav.bootsnav.navbar-full ul.nav { margin-left: 0; }
nav.bootsnav.navbar-full ul.nav > li > a { border: none; }
nav.bootsnav.navbar-full .navbar-brand { float: left !important; padding-left: 0; }
nav.bootsnav.navbar-full .navbar-toggle { display: inline-block; float: right; margin-right: 0; margin-top: 10px; }
nav.bootsnav.navbar-full .navbar-header { padding-left: 15px; padding-right: 15px; }
/* Navbar Sidebar
    =================================*/ 
nav.navbar.bootsnav.navbar-sidebar .share { padding: 30px 15px; margin-bottom: 0; }
/* Tabs
    =================================*/ 
nav.navbar.bootsnav .megamenu-content.tabbed { padding-left: 0 !mportant;
}
nav.navbar.bootsnav .tabbed > li { padding: 25px 0; margin-left: -15px !important; }
/* Mobile Navigation
    =================================*/     
body > .wrapper { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
body.side-right > .wrapper { margin-left: 280px; margin-right: -280px !important; }
nav.navbar.bootsnav.navbar-mobile .navbar-collapse { position: fixed; overflow-y: auto !important; overflow-x: hidden !important; display: block; background: #fff; z-index: 99; width: 280px; height: 100% !important; left: -280px; top: 0; padding: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in { left: 0; }
nav.navbar.bootsnav.navbar-mobile ul.nav { width: 293px; padding-right: 0; padding-left: 15px; }
nav.navbar.bootsnav.navbar-mobile ul.nav > li > a { padding: 15px 15px; }
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu > li > a { padding-right: 15px !important; padding-top: 15px !important; padding-bottom: 15px !important; }
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title { padding-right: 30px !important; padding-top: 13px !important; padding-bottom: 13px !important; }
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a { padding-top: 13px !important; padding-bottom: 13px !important; }
nav.navbar.bootsnav.navbar-mobile .navbar-collapse [class*=' col-'] { width: 100%; }
nav.navbar.bootsnav.navbar-fixed .logo-scrolled { display: block !important; }
nav.navbar.bootsnav.navbar-fixed .logo-display { display: none !important; }
nav.navbar.bootsnav.navbar-mobile .tab-menu, nav.navbar.bootsnav.navbar-mobile .tab-content { width: 100%; display: block; }
.homewrap_content { margin-top: 10px; }
nav.navbar.bootsnav.navbar-fixed { position: relative; }
.footer_main .footer-left, .footer_main .footer-right { padding: 0px 20px !important; }
.contact_info { padding-left: 0; padding-right: 0; }
}

@media only screen and (min-width:1400px) {
.aboutwrap_rhs { width: calc(100% - 500px); }
.about_cont_icon { float: left; }
.aboutwrap_lhs { width: 500px; }
.aboutwrap_rhs>h2 { font-size: 30px; }
.aboutwrap_rhs>p { font-size: 17px; padding-bottom: 20px; }
}
.mapouter { text-align: right; height: 100%; width: 100%; }
.gmap_canvas { overflow: hidden; background: none!important; height: 100%; width: 100%; }
section#why_vtp { padding-top: 130px; }
.aboutwrap_rhs .about_cont_icon { display: none; }

@media only screen and (max-width:1220px) {
.homewrap_content>h1 { font-size: 40px; }
.homewrap_content>h3 { font-size: 20px; }
.features_cont li { width: 50%; }
.footer_main .footer-left, .footer_main .footer-right { width: 100%; }
/*.aboutwrap_lhs { float: none; margin: 0px auto;padding-bottom: 30px; }
.aboutwrap_rhs { width: 100%; min-height: auto; }
.moreinfowrap_lhs { float: none; margin: 0px auto;padding-bottom: 30px; }
.moreinfowrap_rhs { width: 100%; min-height: auto; }*/

.aboutwrap_content { padding: 0px 20px 0; }
section#why_vtp { padding-top: 50px; }
.contact { padding: 0; }
}

@media screen and (min-height: 830px) {
.welcome-hero { height: 840px; }
}

@media screen and (min-width: 981px) and (max-width: 1024px) {
.aboutwrap_lhs .about_cont_icon { display: none; }
.aboutwrap_rhs .about_cont_icon { display: block; width: 300px; height: 240px; background: url(msp_small_bg.jpg)no-repeat 0 0; float: left; background-size: contain; }
.aboutwrap_rhs_inner { width: calc(100% - 320px); float: right; }
.aboutwrap_rhs { width: 100%; min-height: auto; }
.aboutwrap_lhs { display: none; }
}

@media screen and (max-width: 980px) {
/*.aboutwrap_lhs .about_cont_icon{display: none;}	
.aboutwrap_rhs .about_cont_icon{ display: none;}*/
.aboutwrap_lhs, .moreinfowrap_lhs { display: none; }
.aboutwrap_rhs, .moreinfowrap_rhs { width: 100%; min-height: auto; }
.navbar-header .logo { display: none; }
/*.homewrap_content{margin-top: 0px;}*/
section#services { padding-top: 0px; }
.skill-content { padding: 0px 0 60px; }
.row { margin-right: 0px; margin-left: 0px; }
section#about .container, section#why_vtp .container { width: 100%; }
.moreinfowrap_content { padding: 0px 0px 0; }
.aboutwrap_rhs { padding: 20px; }
.about { padding: 0px 0 0px; }
.aboutwrap_rhs { padding: 30px 20px 20px; }
.aboutwrap_content { padding: 0px 0px 0; }
.education-horizontal-timeline { padding: 0px 0 0px; }
.overview-wrap { padding-top: 20px; }
section#why_vtp { padding-top: 0px; }
.skill-content { padding: 0px 0 0px; }
}

@media only screen and (max-width: 768px) {
.homewrap_content>h1 { font-size: 30px; }
.homewrap_content>h3 { font-size: 15px; }
.welcome-hero { background: #020b10 url(msp_banner_bg_768.jpg)0 0 no-repeat; background-size: cover; }
nav.navbar.bootsnav .navbar-nav > li { float: none; padding-left: 20px; padding-right: 20px; }
}

@media only screen and (max-width: 640px) {
.features_cont li { width: 100%; }
.home-bg .logo { }
.logo.mobile { text-align: center; }
.homewrap_content>h3 { font-size: 18px; }
.welcome-hero { background: #020b10 url(msp_banner_bg_640.jpg)0 0 no-repeat; background-size: cover; }
.aboutwrap_rhs_inner h2 { text-align: center; }
.chat_opt, .mail_opt, .call_opt { width: 100%; max-width: 100%; float: left; }
}

@media only screen and (max-width: 480px) {
.welcome-hero { background: #020b10 url(msp_banner_bg_480.jpg)0 0 no-repeat; background-size: cover; }
nav.navbar.bootsnav .navbar-nav > li>a { text-align: center; }
.home-bg .logo { width: 260px; }
.homewrap_content>h1 { font-size: 27px; }
.welcome-hero { height: 400px; }
.welcome-hero .container { padding-top: 0px; }
.logo.mobile { margin: 50px auto 20px; }
.aboutwrap_rhs { padding: 10px; }
.homewrap_content>h3 { font-size: 18px; line-height: 1.5; }
.homewrap_content>h1 { font-size: 27px; line-height: 1.3; }
.aboutwrap_content { padding: 0px 0px 0; }
#about .container { width: 100%; }
.aboutwrap_rhs_inner h2 { text-align: center; }
.aboutwrap_rhs_inner>p { padding-left: 10px; padding-right: 10px; }
.education-horizontal-timeline { padding-top: 0px; }
#services .container { width: 100%; padding-left: 10px; padding-right: 10px; }
section#why_vtp { padding-top: 0; padding: 0; }
section#why_vtp .container { width: 100%; }
.moreinfowrap_content { padding: 0px 0px; }
.moreinfowrap_rhs ul li { padding-left: 20px; line-height: 24px; position: relative; }
.moreinfowrap_rhs ul li:before { position: absolute; left: 0px; top: 12px; }
.skill-content { padding-bottom: 0px; }
.about { padding-top: 0px; }
.aboutwrap_rhs_inner h2 { padding: 20px 20px 20px; font-size: 22px; line-height: 1.2 }
.navbar-header a.navbar-brand, .navbar-header a.navbar-brand, .navbar-header a.navbar-brand, .navbar-header a.navbar-brand:hover { font-size: 18px; }
}
.aboutwrap_rhs, .moreinfowrap_rhs { box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.3); }