html{
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}
body { 
    padding-top: 70px; 
     /* background-image: url("../img/back.png"); 
    background-repeat: repeat; */
    position: relative;
    background-color:#fff;
}
h1{
    font-size: 3.5em;
}
.title-white, .title-white:active, .title-white:visited, .title-white:hover{
	color:white;	
}
.title-black, .title-black:active, .title-black:visited, .title-black:hover{
	color:black;
}

#home{
    margin-top: -4%;
}
.reset-box-sizing, .reset-box-sizing *, .reset-box-sizing *:before, .reset-box-sizing *:after,  .gsc-inline-block
{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button
{
	box-sizing: content-box;
	line-height: normal;
}
.gsc-input{
	padding:3px;
	font-size:12px;
}
.gsc-control-cse, .gsc-control-cse-en{
	padding:0;
}
/* IMAGE */
.parallax_industry {
    padding: 0px;
    color: inherit;
    background:url('../uploads/background/1.jpg') no-repeat fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.parallax_category{
    padding: 0px;
    color: inherit;
    background:url('../uploads/background/2.jpg') repeat fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.parallax_news{
    padding: 0px;
    color: inherit;
    background:url('../uploads/background/3.jpg') repeat fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.caption{
    height: 350px;
}
#industry .img, #category .img{
    width: 80%;
    height: 80%;
}
.ih-item.circle-custom{
    width: 70%;
    height: 70%;
}
.ih-item.circle .info-custom{
    width: 80%;
    height: 100%;
	margin-left: 10%;
    z-index: 10;
}
.principal_logo{
    width: 50px;
}

/* NAVBAR */
.navbar-brand,
.navbar-nav li a {
    line-height: 60px;
    height: 60px;
    padding-top: 0;
}
.navbar-nav > li:hover{
    background-color: #57008b;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #ffffff;
    background-color: transparent;
}

.navbar-default .navbar-nav > .active{
    color: #fff;
    background: #57008b;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background: #57008b;
}
.company-name{
    font-size: 1.4em;
    color: black;
    letter-spacing: -0.06em;
}

/* CAROUSEL */
#mycarousel {
    width: 100%;
}
.carousel-inner .item {
    width: 100%;
    height: 600px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    display: block;
    width: 100%;
    height: auto;
}

.film_roll_pager{
    display: none;
}

/* CONTENT */
.title-industry{
    font-weight: bold;
    /*color : black;*/
}
.title-producttype{
    font-weight: bold;
    color : black;
}
.info{
    padding-top: 15%;
}

.article:first-letter { 
    float: left; 
    color: #fff; 
    color: #000; 
    font-size: 75px; 
    line-height: 50px; 
    padding-top: 4px; 
    padding-right: 8px; 
    padding-left: 0; 
    font-family: 'Source Sans Pro', sans-serif; 
}
.article-about:first-letter { 
    float: left; 
    color: #000; 
    font-size: 75px; 
    line-height: 50px; 
    padding-top: 4px; 
    padding-right: 8px; 
    padding-left: 0; 
    font-family: 'Source Sans Pro', sans-serif; 
}

.overlay{
    background-color: rgba(0,0,0,0.3);
    color: white;
    padding-bottom: 10px;
    padding-top: 10px;
}
.overlay-text{
    color: #01ff13;
}
.overlay-text:hover{
    color: #01ff13;
}
#about, #news, .description-product{
    text-align: justify;
}
.vision, .mission{
    list-style-type: decimal;
}
.img-about{
    float: left;
    padding-right: 3%;
    line-height: 50px;
}
.img-related{
    width: 200px;
}
.clear{
    clear: both;
}
.footer {
    padding-top: 1%;
    text-align: center;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-color: #f5f5f5;
}
.minus{
    margin-top: -30px;
}
.minus h3, .minus h4{
    margin-top: 0;
}

/* HEADER ANIMATION*/
header {
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}

header .navbar-brand img, header .navbar-nav li a, .navbar-header{
    height: 100px;
    line-height: 100px;
    padding-top: 5px;
    padding-bottom: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
header nav a {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
header.smaller {
    height: 60px;
}
header.smaller .navbar-brand img, header.smaller .navbar-nav li a , header.smaller .navbar-header{
    height: 60px;
    line-height: 60px;
    padding-top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {    
    .company-name{
        font-size: 1em;
        color: #660066;
        letter-spacing: -0.05em;
    }
    .navbar-default .navbar-nav > li > a {
        font-size: 10px;
    }
    /* HEADER ANIMATION*/
    header {
        -webkit-transition: height 0.3s;
        -moz-transition: height 0.3s;
        -ms-transition: height 0.3s;
        -o-transition: height 0.3s;
        transition: height 0.3s;
    }

    header .navbar-brand img, header .navbar-nav li a, .navbar-header{
        height: 80px;
        line-height: 80px;
        padding-top: 5px;
        padding-bottom: 5px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    header nav a {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    header.smaller {
        height: 60px;
    }
    header.smaller .navbar-brand img, header.smaller .navbar-nav li a , header.smaller .navbar-header{
        height: 60px;
        line-height: 60px;
        padding-top: 0;
    }

    header.smaller .navbar-toggle{
        background-color: white;
        margin-top: 3%;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .carousel-inner .item {
        width: 100%;
        height: 250px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .news-padding{
        padding: 10px 10px 0px 10px;
        border-bottom: dashed 1px white;
    }

    .company-name{
        color: #660066;
        letter-spacing: -0.05em;
    }
    .navbar-toggle{
        background-color: white;
        margin-top: 4%;
    }

    header.smaller .navbar-toggle{
        background-color: white;
        margin-top: 2%;
    }
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    .carousel-inner .item {
        width: 100%;
        height: 200px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .news-padding{
        padding: 10px 10px 0px 10px;
        border-bottom: dashed 1px white;
    }

    .company-name{
        font-size: 0.7em;
        color: #660066;
        letter-spacing: -0.05em;
    }
    h1{
        font-size: 2.3em;
    }
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
        letter-spacing: -0.05em;
    }
    .caption{
        height: 350px;
    }
    .navbar-toggle{
        background-color: white;
        margin-top: 5%;
    }
    /* HEADER ANIMATION*/
    header {
        -webkit-transition: height 0.3s;
        -moz-transition: height 0.3s;
        -ms-transition: height 0.3s;
        -o-transition: height 0.3s;
        transition: height 0.3s;
    }

    header .navbar-brand img, header .navbar-nav li a, .navbar-header{
        height: 80px;
        line-height: 80px;
        padding-top: 5px;
        padding-bottom: 5px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    header nav a {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    }
    header.smaller {
        height: 60px;
    }
    header.smaller .navbar-brand img, header.smaller .navbar-nav li a , header.smaller .navbar-header{
        height: 60px;
        line-height: 60px;
        padding-top: 0;
    }

    header.smaller .navbar-toggle{
        background-color: white;
        margin-top: 3%;
    }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(102,0,102,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(102,0,102,0.4); 
}