@font-face {
    font-family: 'HelveticaRegular';
    src: url('/assets/fonts/Helvetica/HelveticaRegular.eot');
    src: url('/assets/fonts/Helvetica/HelveticaRegular.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/Helvetica/HelveticaRegular.woff') format('woff'),
         url('/assets/fonts/Helvetica/HelveticaRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaLight';
    src: url('/assets/fonts/Helvetica/HelveticaLight.eot');
    src: url('/assets/fonts/Helvetica/HelveticaLight.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/Helvetica/HelveticaLight.woff') format('woff'),
         url('/assets/fonts/Helvetica/HelveticaLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaMedium';
    src: url('/assets/fonts/Helvetica/HelveticaMedium.eot');
    src: url('/assets/fonts/Helvetica/HelveticaMedium.eot?#iefix') format('embedded-opentype'),
         url('/assets/fonts/Helvetica/HelveticaMedium.woff') format('woff'),
         url('/assets/fonts/Helvetica/HelveticaMedium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body{
font-family:'HelveticaLight';
font-weight: 400;
font-size: 14px;
color: #000;   
margin-top: 40px;
line-height:16px;
}

h1, h2, h3, h4, h5, h6 {
font-family: 'HelveticaMedium';
font-weight: 500;
line-height:40px;

}

h1,
#contact-section h3{
color:#1ABC9C;
font-weight: 700;
}
.text-center {
text-align: center; 
}

.main-top-margin {
 margin-top: 75px;
}
.main-low-margin {
margin-top: 25px;
}

a,a:hover {
text-decoration:none;
}

p {
line-height: 30px;
/*margin-bottom: 23px;*/
}

.img-margin-product {
margin-top:30px;
}
.bottam-pad {
 padding-bottom:40px;
}
.text-justify {
text-align:justify;
}
/* ==========================================================================
COLOR CODES
========================================================================== */

.color-red {
color:#ff0000;
}

.color-green {
color:#07BB00;
}

.color-light-blue {
color:#BB00BB;
}

.color-blue {
color:#0052FF;
}
.color-brown {
color:#EB8F2D;
}
.color-black {
color:#000000;
}

/* ==========================================================================
HEADER SECTION
========================================================================== */

#header-section {
background: url(../img/header_2024.jpg) no-repeat left top;    
text-align:center;
background-position: center center;
height: 450px;
width: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#header-section h1 {
margin-top: 120px;
color: white;
font-size: 65px;
font-weight: 900;
letter-spacing: 4px;
line-height:70px;
}

#header-section h2 {
color: white;
font-size: 40px;
font-weight: 900;
letter-spacing: 4px;
}
.down-icon {
color:white;
font-weight:900;
}
/* ==========================================================================
ABOUT SECTION
========================================================================== */

#about-section,
#products-section,
#services-section{
padding-bottom: 25px;
}
#about-section {
background-color: #F7F7F8;
}
#products-section ul{
list-style-type: none;
}
#products-section ul li{
margin: 10px;
}
#products-section ul li:before{
content: "";
position: absolute;
left: 45px;
width: 8px;
height: 8px;
margin-top: 3px;
background: #1ABC9C;
border-radius: 50%;
}

#services-section{
background-color: #1ABC9C;
}
#services-section h1,
#services-section .item{
color: #FFF;
}
#services-section .item{
padding-bottom: 35px;
}
#services-section > div:first-child{
padding-bottom: 15px;
}

/*==========================================
SOCIAL ICON STYLES
=====================================================*/

.color-facebook {
color:#3B5998;
}
.color-twitter {
 color:#00aced;
}
.color-google-plus {
 color:#dd4b39;
}
.color-linkedin {
 color:#007bb6;
}
.color-pinterest {
 color:#cb2027;
}
/* ===========================================================
BOOTSTRAP ELEMENTS CHANGES   
============================================================*/
.navbar {
font-size: 14px;
}
.navbar-brand {
 padding: 11px 15px 15px;
}

.navbar-inverse {
background: #000000;

border-style: none;
}

.navbar-inverse .navbar-nav > .active > a {
background: #ffffff;
}

.navbar-inverse .navbar-brand {
color: #ffffff;
font-weight: bolder;
font-size: 25px;
font-weight:900;
letter-spacing: 2px;
}
.navbar-inverse :hover .navbar-brand:hover {
color: #ffffff;	
}
.navbar .navbar-nav > li > a {
font-size: 16px;
}
.navbar-inverse .navbar-nav > li > a {
color: #FFFFFF;
text-transform: uppercase;
}

.li_lang{}
.li_lang:first-child{
/*padding-left: 14px !important;*/
}
.li_lang a{
text-transform: none !important;
/*padding-left: 5px !important;
padding-right: 5px !important;*/
}

/* ==========================================================================
CONTACT SECTION
========================================================================== */

#contact-section {}
#contact-section h3{
margin-bottom: 5px;
}
#contact-section hr{
margin-top: 0;
border-top: 1px solid #ccc;
}
#contact-section [type="submit"]{
background-color: #1ABC9C;
border-color: #1ABC9C;
}

/* ==========================================================================
FOOTER SECTION
========================================================================== */


#footer {
background-color: #1c1c1c; 
color: #fff;
text-align: right; 
padding: 10px 30px 10px 30px;
width: 100%;
}

#header-p{
text-align: center;
padding: 110px 0 0 0;
}

#header-p p{
padding: 25px 40px;
color:#fff;
font-size: 38px;
line-height: 1.4em;
/*font-family: Neo Sans Pro;*/
text-align: left;
background: rgba(26,188,156, 0.86);
/*font-weight: bold;*/
/*text-shadow: 3px 6px 12px rgb(125, 125, 125);
border-left: 3px solid #fff;*/
}

.style-btn{    
margin: 0 auto 20px auto;
position: relative;
display: block;
/*width: 170px;*/
}

#style-map{
width: 100%;
height: 350px;
}

.style-circle{
margin: 0 0 30px 0;    
}


@media only screen and (min-width:581px) and (max-width:890px){    
    #header-section{
       height: 400px;
    }
    #header-p{
        text-align: center;
        padding: 140px 0 0 0;
    }
}

@media only screen and (min-width:300px) and (max-width:580px){    
    #header-section{
       height: 350px;
    }
    #header-p{
        text-align: center;
        padding: 140px 0 0 0;
    }
    #header-p p{
        font-size: 25px;
        width: 100% !important;
    }
    #style-map{        
        height: 350px !important;
    }
}

@media only screen and (max-width:299px){
    #header-section {	
       height: 300px;	
    }
    #header-p{
        text-align: center;
        padding: 140px 0 0 0;
    }
    #header-p p{       
        font-size: 25px;
        width: 100% !important;
    }
    #style-map{
        height: 250px !important;
    }
    .style-circle{
        width: 100%;
    }
}

@media only screen and (min-width:300px) and (max-width:330px){    
    .style-circle-2{
        width: 100%;
    }
}