@charset "UTF-8";
/*!
@author STDesign4U <info@stdesign4u.com>
https://www.stdesign4u.com
@copyright (c) 2018 STDesign4U
*/

/* --------------------------------------------------------------------------------- */
/* ICONIC FONTS
/* --------------------------------------------------------------------------------- */

@font-face {
font-family: 'FontAwesome';
src: url('fonts/fontawesome/fontawesome-webfont.eot?v=4.7.0');
src: url('fonts/fontawesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
url('fonts/fontawesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
url('fonts/fontawesome/fontawesome-webfont.woff?v=4.7.0') format('woff'),
url('fonts/fontawesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
url('fonts/fontawesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Glyphicons Halflings';
src: url('fonts/glyphicons/glyphicons-halflings-regular.eot?v=3.0.3');
src: url('fonts/glyphicons/glyphicons-halflings-regular.eot?#iefix&v=3.0.3') format('embedded-opentype'),
url('fonts/glyphicons/glyphicons-halflings-regular.woff2?v=3.0.3') format('woff2'),
url('fonts/glyphicons/glyphicons-halflings-regular.woff?v=3.0.3') format('woff'),
url('fonts/glyphicons/glyphicons-halflings-regular.ttf?v=3.0.3') format('truetype'),
url('fonts/glyphicons/glyphicons-halflings-regular.svg?v=3.0.3#glyphicons_halflingsregular') format('svg');
font-weight: normal;
font-style: normal;
}

/* --------------------------------------------------------------------------------- */
/* GLOBAL STYLES
/* --------------------------------------------------------------------------------- */

* {
padding: 0;
margin: 0;
outline: 0;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

body,
html {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
outline: 0;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px !important;
color: #06659B;
background-color: #FFFFFF;
overflow-x: hidden;
vertical-align: baseline;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

body {
min-height: 100%;
overflow: auto;
overflow: initial;
background-color: #FFFFFF;
}

body,
body.modal,
.navbar-fixed-top,
.navbar-fixed-bottom {
margin-right: 0 !important;
}

*:focus {
outline: 0;
}

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

.box-shadow {
box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

.btn:focus,
.btn:active {
outline: none !important;
box-shadow: none;
}

form {
border: 0;
}

input::-ms-clear,
textarea::-ms-clear {
display: none;
}

body a {
transition: 0.5s all;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
-moz-transition: 0.5s all;
-ms-transition: 0.5s all;
}

ol,
ul {
padding: 0;
margin: 0;
list-style: none;
}

ul li {
margin: 0; 
padding: 0;
list-style: none;
}

br {
display: block;
line-height: 130%;
}

a.active.focus,
a.active:focus,
a.focus,
a:active.focus,
a:active:focus,
a:focus,
button.active.focus,
button.active:focus,
button.focus,
button:active.focus,
button:active:focus,
button:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:focus {
outline-color: transparent;
outline-width: 0;
outline-style: none;
box-shadow: 0 0 0 0 rgba(0,123,255,0);
outline: none !important;
}

a {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

a:hover {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

img {
margin: 0;
padding: 0;
border: 0;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

.clear {
clear: both;
}

a:focus,
a:active {
outline: 0;
}

a img {
border: 0 !important;
}

.container,
.row {
padding: 0 !important;
}

label {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-style: normal;
color: #647497;
font-weight: bold;
text-align: left;
}

input,
input:hover,
input:focus,
input.form-control,
input.form-control:hover,
input.form-control:focus {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-style: normal;
color: #06659B;
padding-top: 0;
padding-bottom: 0;
border: 1px solid #647497;
border-radius: 0;
outline: none;
-webkit-appearance: none;
box-shadow: none !important;
height: 42px;
line-height: 42px;
}

.btn-success {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-weight: normal;
color: #FFFFFF;
text-transform: uppercase;
}

.error {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-style: normal;
color: #FF0000;
font-weight: bold;
text-align: left;
}

.success {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-style: normal;
color: #4B9B02;
font-weight: bold;
text-align: left;
}

.modal-private {
padding: 0;
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) !important;
}

.modal-private .modal-content {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: #FFFFFF;  
}
	
.modal-private .modal-body {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-weight: normal;
color: #06659B;
line-height: 18px;
text-align: left;
}

.modal-private .modal-body p {
text-align: center;
}

.modal-private .modal-content .modal-header {
text-align: center;
border: none;
}

.close {
font-family: Verdana, Geneva, sans-serif;
font-size: 20px;
font-weight: bold;
color: #666666;
}

/* --------------------------------------------------------------------------------- */
/* MAIN NAVIGATION BAR
/* --------------------------------------------------------------------------------- */

a.navbar-brand img {
width: 100%;
max-width: 280px;
height: auto;
outline: 0;
border: 0;
}

.navbar-custom {
background-color: #FFFFFF;
padding: 25px 0;
}

.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
color: #28B8D5;
}

.navbar-custom .navbar-nav .nav-link {
color: #06659B;
}

.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .nav-item:hover .nav-link {
color: #28B8D5;
text-decoration: none;
outline: 0;
}

.nav-item .active:hover {
color: #06659B;
text-decoration: none;
outline: 0;
}

.navbar-custom .navbar-nav .nav-item {
margin-right: 8px;
}

.navbar-custom .navbar-nav .nav-item:last-child {
margin-right: 0;
}

.custom-toggler.navbar-toggler {
margin-right: 5px;
border: 0 !important;
border-radius: 0 !important;
}

button:focus {
outline: 0 !important;
outline: 5px auto -webkit-focusring-color;
}

.fa-bars  {
color: #000000;
}

/* --------------------------------------------------------------------------------- */
/* HOME NEWS BOXES
/* --------------------------------------------------------------------------------- */

.news {
margin-top: 5px;
margin-bottom: 30px;
}

.btn-primary,
.btn-primary:focus {
color: #FFFFFF;
text-decoration: none;
background-color: #28B8D5;
border: 0;
outline: 0;
}

.btn-primary:hover {
color: #FFFFFF;
text-decoration: none;
background-color: #06659B;
border: 0;
outline: 0;
}

.card-body {
padding: 10px;
height: 215px;
max-height: 215px;
}

.card-title {
font-weight: bold;
text-transform: uppercase;
}

.card-picture {
width: 100px;
height: 100px;
border: 0;
}

#myModal {
padding: 0 !important;
margin: 0 auto;
width: 100%;
}

.modal-header {
background-color: #F3F3F3 !important;
text-transform: uppercase;
padding: 8px !important;
}

.modal-body {
background-color: #FFFFFF;
padding: 8px 10px !important;
}

.modal-footer {
background-color: #F3F3F3 !important;
padding: 8px !important;
}

.modal-content {
position: relative;
background-color: #FFFFFF;
z-index: 20;
}

.modal-body.title {
padding-top: 20px;
text-align: center;
}

.modal-body.title p {
font-weight: bold;
line-height: 16px;
padding: 0 !important;
margin: 0 !important;
}

.modal-body.description {
text-align: justify;
}

.modal-body.picture {
text-align: center;
padding: 0 !important;
margin: 0 !important;
}

.modal-body.picture img {
width: 100%;
max-width: 245px;
height: auto;
border: 0;
}

#myModal .btn-default,
#myModal .btn-default:focus,
#myModal .btn-default:hover {
float: right;
display: inline-block;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
padding: 5px;
margin-top: 2px;
border-radius: 5px;
background-color: #E74C3C;
}

#myModal a.link,
#myModal a.link:active,
#myModal a.link:focus,
#myModal a.link:hover {
color: #06659B;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: none;
}

/* --------------------------------------------------------------------------------- */
/* DOCUMENTS
/* --------------------------------------------------------------------------------- */

.files {
margin-top: 5px;
margin-bottom: 30px;
}

.files p {
text-align: left;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-weight: normal;
}

a.file,
a.file:focus,
a.file:active,
a.file:hover {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-weight: normal;
color: #06659B;
text-transform: uppercase;
text-decoration: none;
}

img.filepic {
width: 100%;
max-width: 300px;
height: 100%;
border: 0;
outline: 0;
}

p.cat {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-weight: bold;
color: #666666;
padding-bottom: 5px;
border-bottom: 1px dashed #666666;
text-transform: uppercase;
}

ul.categories {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
}

ul.categories li {
display: block;
text-align: left;
padding: 0 0 10px 0;
}

ul.categories li a,
ul.categories li a:focus,
ul.categories li a:active,
ul.categories li a:hover {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-weight: normal;
color: #666666;
text-transform: none;
text-decoration: none;
}

/* --------------------------------------------------------------------------------- */
/* NEWS FEEDS
/* --------------------------------------------------------------------------------- */

.feeds {
margin-top: 5px;
margin-bottom: 30px;
}

ul.feeds {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
}

ul.feeds li {
display: block;
text-align: left;
padding: 0 0 10px 0;
}

ul.feeds .title {
display: block;
font-weight: bold;
}

ul.feeds .description {
display: block;
font-weight: normal;
text-align: justify;
margin-top: 15px;
line-height: 20px;
}

ul.feeds hr {
display: block;
width: 100%;
height: 1px;
border: 0;   
border-top: 1px dashed #06659B;
padding: 0;
margin: 0 0 15px 0;
clear: both;
}

img.feed {
width: 100%;
max-width: 180px;
height: auto;
border: 0;
outline: 0;
}

li.news_title {
text-transform: uppercase;
font-weight: bold;
padding-bottom: 20px !important;
}

/* --------------------------------------------------------------------------------- */
/* CONTACTS
/* --------------------------------------------------------------------------------- */

.contacts {
margin-top: 5px;
margin-bottom: 30px;
}

.contacts .contact {
text-align: left;
line-height: 24px;
padding-left: 0;
}

.contacts .label {
float: left;
padding: 0;
margin: 0;
}

.contacts .label p {
padding-left: 0;
margin-left: 0;
}

.contacts .map {
float: right;
margin: 0;
padding: 0;
text-align: right;
}

.contacts img.label {
width: 100%;
height: auto;
margin-bottom: 15px;
border: 0;
}

.contacts img.map {
width: 100%;
max-width: none;
height: auto;
border: 0;
}

/* --------------------------------------------------------------------------------- */
/* DISTRIBUTOR'S LOGO
/* --------------------------------------------------------------------------------- */

.distributors {
margin-top: 25px;
margin-bottom: 30px;
}

.distributors a,
.distributors a:focus,
.distributors a:hover {
color: #28B8D5;
text-decoration: none;
outline: 0;
}

.distributors img {
width: 100%;
max-width: 200px;
height: auto;
border: 0;
outline: 0;
}

/* --------------------------------------------------------------------------------- */
/* FOOTER
/* --------------------------------------------------------------------------------- */

footer {
color: #FFFFFF;
}

footer .footer-above {
padding-top: 75px;
background-color: #28B8D5;
}

footer .footer-below {
padding: 15px 0 5px 0;
background-color:#06659B;
}

footer .footer-col {
margin-bottom: 50px;
}

footer a,
footer a:focus,
footer a:hover {
color: #FFFFFF;
text-decoration: none;
}

/* --------------------------------------------------------------------------------- */
/* RESPONSIVE CSS
/* --------------------------------------------------------------------------------- */

@media (min-width: 1200px){
.col-lg-2 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}

@media (max-width: 767px){
.row {
padding: 0 !important;
margin: 0 !important;
}

.plr {
padding-left: 4px;
padding-right: 4px;
}

.navbar {
position: fixed;
top: 0;
right: 0;
left: 0;   
border-radius: 0;
border: 0;
z-index: 1030;
}

.navbar-collapse {
margin-top: 20px;
}

.navbar-custom .navbar-nav .nav-item {
margin-right: 0;
}

.card {
padding: 0 !important;
margin: 0 !important;
}

li.news_title {
padding-top: 25px !important;
padding-bottom: 10px !important;
margin-bottom: 15px;
border-bottom: 1px dashed #06659B;
}

.listingHeader {
display: block;
margin-top: 125px;
}

.listing {
margin-top: 20px;
}

.contacts .contact {
float: none;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}

.contacts .label {
float: none;
text-align: center;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 0;
}

.contacts .label p {
padding-left: 0;
}

.contacts img.label {
width: 100%;
max-width: none;
max-width: none;
height: auto;
border: 0;
}

.contacts .label {
float: none;
text-align: center;
width: 100%;
margin-left: auto;
margin-right: auto;
}

.contacts .contact {
padding-left: 0;
padding-right: 0;
}

.contacts img.map {
width: 100%;
max-width: none;
height: auto;
border: 0;
}

.contacts .map {
float: none;
text-align: center;
width: 100%;
margin-left: auto;
margin-right: auto;
}
}

@media (max-width: 560px){
.navbar-custom .navbar-nav .nav-link {
padding-left: 10px;
}
}

@media (max-width: 375px){
a.navbar-brand img {
width: 100%;
max-width: 240px;
height: auto;
padding-left: 10px;
}
}

@media (max-width: 320px){
a.navbar-brand img {
width: 100%;
max-width: 180px;
height: auto;
padding-left: 10px;
}
}