@charset "utf-8";
/**
 * NUVOCO VISTAS CORP. LTD. Custom CSS
 *
 * @author      http://creativecode.work
 * @copyright   (c) 2016 - 2017 Ivan Ghosh.
 *
 *
 */
:root {

    /* Site Defaults */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
    overflow-wrap: break-word;
    text-rendering: optimizeSpeed;

    /* Site Color variables */
    --brand-primary: #0e915e;
    --brand-success: #49b95c;
    --brand-darkgray: #231f20;
    --brand-midgray: #999999;
    --brand-gray: #eee;
    --brand-lightgray: #f2f2f2;
    --default-white: #fff;
    --default-black: #000;
}

html{
    background: #fff;
    -webkit-box-shadow: inset 0px 0px 225px 75px rgba(73,185,92,.4);
    -moz-box-shadow: inset 0px 0px 225px 75px rgba(73,185,92,.4);
    box-shadow: inset 0px 0px 225px 75px rgba(73,185,92,.4);
}
body {background:#fff; margin: 0 auto; vertical-align: baseline;  opacity: 1; transition: 1s opacity;}
body.fadeOut{ opacity: 0; transition: none;}

@media
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx) { -webkit-font-smoothing: antialiased;		}
/* Page Text Selection Style */
::selection {background-color: #ffdb4e; color: #000000;}
::-moz-selection {background-color: #ffdb4e; color: #000000;}/* Mozilla based browsers */
::-o-selection {background-color: #ffdb4e; color: #000000;}/* Works in Opera */
::-ms-selection {background-color: #ffdb4e; color: #000000;}/* Works in MS Explorere */
::-webkit-selection {background-color: #ffdb4e;color: #000000;}/* Works in Chrome */
/* Placeholer styles */
::-webkit-input-placeholder {color: #ccc !important;}
:-moz-placeholder {color: #ccc !important;}  /* Firefox 18- */
::-moz-placeholder {color: #ccc !important;} /* Firefox 19+ */
:-ms-input-placeholder {color: #ccc !important;}
select option:first-of-type{color:#ccc !important;}

a {outline:0 !important;}
a:hover {text-decoration:none; outline:0 !important;}
a:active{outline:0 !important;}
a:focus {outline:0 !important;}

#fullpage{height:100vh; position:relative; background: #fff;
          -webkit-box-shadow: inset 0px 0px 225px 75px rgba(73,185,92,.4);
          -moz-box-shadow: inset 0px 0px 225px 75px rgba(73,185,92,.4);
          box-shadow: inset 0px 0px 225px 75px rgba(73,185,92,.4);
}
#pageLoader{max-width: 1000px; width:100%; height:auto; position:absolute; top:42%; left:50%; transform: translate(-50%, -50%);}
.padTop15 {
    padding-top: 15px;
}
.padBottom15 {
    padding-bottom: 15px;
}
.padTop20 {
    padding-top: 20px;
}
.padBottom20 {
    padding-bottom: 20px;
}
.padTop25 {
    padding-top: 25px;
}
.padBottom25 {
    padding-bottom: 25px;
}
.padLeft25 {
    padding-left: 25px;
}
.padRight25 {
    padding-right: 25px;
}
.padTop30 {
    padding-top: 30px;
}
.padBottom30 {
    padding-bottom: 30px;
}
.padTop40 {
    padding-top: 40px;
}
.padBottom40 {
    padding-bottom: 40px;
}
.padTop50 {
    padding-top: 50px;
}
.padBottom50 {
    padding-bottom: 50px;
}
.padTop60 {
    padding-top: 60px;
}
.padBottom60 {
    padding-bottom: 60px;
}
.padTop70 {
    padding-top: 70px;
}
.padBottom70 {
    padding-bottom: 70px;
}
.padTop80 {
    padding-top: 80px;
}
.padBottom80 {
    padding-bottom: 80px;
}
.padTop100 {
    padding-top: 100px;
}
.padBottom100 {
    padding-bottom: 100px;
}
.padLeft20 {
    padding-left: 20px;
}
.padRight20 {
    padding-right: 20px;
}
.padLeft25 {
    padding-left: 25px;
}
.padRight25 {
    padding-right: 25px;
}
.marTop0 {
    margin-top: 0px;
}
.marBottom0 {
    margin-bottom: 0px;
}
.marTop10 {
    margin-top: 10px;
}
.marBottom10 {
    margin-bottom: 10px;
}
.marTop15 {
    margin-top: 15px;
}
.marBottom15 {
    margin-bottom: 15px;
}
.marTop20 {
    margin-top: 20px;
}
.marBottom20 {
    margin-bottom: 20px;
}
.marTop25 {
    margin-top: 25px;
}
.marBottom25 {
    margin-bottom: 25px;
}
.marTop30 {
    margin-top: 30px;
}
.marBottom30 {
    margin-bottom: 30px;
}
.marTop40 {
    margin-top: 40px;
}
.marBottom40 {
    margin-bottom: 40px;
}
.marTop50 {
    margin-top: 50px;
}
.marBottom50 {
    margin-bottom: 50px;
}
.marTop70 {
    margin-top: 70px;
}
.marBottom70 {
    margin-bottom: 70px;
}
.bg-darkgray{
    background: #231f20;
}
.bg-gray{
    background: #eee;
}
.btn{font-family: 'news_gothic_mtbold', Ariel, sans-serif; text-transform: uppercase;}
.btn-black{
    color: #231f20;
    background-color: transparent;
    border: 2px solid #231f20;
}
.btn-skip {
    background: #021d12 none repeat scroll 0 0;
    color: #fff;
    float: right;
    vertical-align: bottom;
}
#Skip {
    height: auto;
    left: 49%;
    position: absolute;
    top: 102%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.text-strong{font-family: 'news_gothic_mtbold', Ariel, sans-serif;}
.flexRowDisplay {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;	/* justify-content: space-around; */
}
.col-lg-4-5{
    position: relative;
    min-height: 1px;
    padding-left: 20px;
    padding-right: 20px;
}
#header{
    background: #fff;
    position: relative;
    -webkit-box-shadow: 0px 5px 50px -10px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 5px 50px -10px rgba(0,0,0,0.7);
    box-shadow: 0px 5px 50px -10px rgba(0,0,0,0.7);
}
#header .navbar {min-height: 0px;}
#header .navbar-inverse li a{text-transform: uppercase;}
#header .navbar-inverse .dropdown-menu>li>a{text-transform: none;}

#header .nav.navbar-nav .open>a, #header .nav.navbar-nav .open>a:hover, #header .nav.navbar-nav .open>a:focus {
    background-color: transparent;
    border-color: #0e915e;
}
#header .navbar-nav>li>a:hover, #header .navbar-nav>li>a:focus
{
    text-decoration: none;
    background-color: transparent;
    color: #49b95c;
}
#logoBox{max-width:215px; margin-left:auto; display:table; height:100%;}
#logo{display:table-cell; vertical-align: middle;}
.menuBox{max-width:910px; margin-right:auto;}
.menuBox .nav-pills>li>a{color: #fff; text-transform: uppercase;}
.menuBox .nav-pills>li>a:hover, .menuBox .nav-pills>li>a:focus, .menuBox .nav-pills>li.active>a  {
    text-decoration: none;
    background-color: transparent;
    color: #231f20;
}

/* Fade transition for carousel items */
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}

.carousel-caption{
    text-align: left;
    text-shadow: 5px 5px 20px rgba(255,255,255,0.6);
    left: 8%;
    right: 50%;
    max-width: 450px;
    color: #000;
    bottom: 25%;
    font-weight: 600;
}
.carousel-caption p {font-size: 20px;}
.carousel-caption p.lead{text-transform: uppercase; color:#0e915e; font-size: 55px; font-family: news_gothic_mtbold, sans-serif; margin-bottom: 0px; line-height: 1.1;}

.carousel-control{width:6%;}

#bannerSection{
    border-bottom: 10px solid #0e915e;
}
#pageContent{margin-bottom: 30px;}
#mainContent h2, #mainContent h3, #mainContent h4, #mainContent h5, #mainContent h6 {color: #49b95c;}

.productBox{
    width: 100%;
    display: table;
    -webkit-box-shadow: inset 0px -75px 150px 25px rgba(0,0,0,0.85);
    -moz-box-shadow: inset 0px -75px 150px 25px rgba(0,0,0,0.85);
    box-shadow: inset 0px -75px 150px 25px rgba(0,0,0,0.85);
    height: 350px;
    min-height: 350px;
    padding: 25px;
    color: #fff;
}
.productDescription {display:table-cell; vertical-align: bottom; color: #fff;}
.productDescription:hover{color:#fff;}
.productDescription:hover h1{color:#49b95c;}

#cementProduct{background: #fff url('../images/nuvovo_products.jpg') center center no-repeat;}
#rmxProduct{background: #fff url('../images/readymix-packets.jpg') center center no-repeat;}
#innoSusSection{background: #fff url('../images/innovation-sustainability.jpg') bottom center no-repeat; -webkit-background-size: cover; background-size: cover;}
#delearNetworkSection{background: #fff url('../images/dealer-network.jpg')center center no-repeat; -webkit-background-size: cover; background-size: cover;}
#dealerNetworkBox, #innoSusBox {max-width: 550px; width:100%;}
#innoSusBox{margin-left:auto; color: #fff;  display: table;}
#innoSusBox h2{color:#000;}
#innoSection{text-align: left;}
#dealerNetworkBox{margin-right:auto;}
#delearSection { padding-left: 30px; padding-top: 25px; padding-bottom: 25px;}
#hncSection{color:#fff;}
#happeningBox{max-width: 435px; margin-left: auto;}
#happeningBox .media {border-bottom: 1px solid rgba(255,255,255,.5); padding-bottom: 25px;}
#happeningBox .happeningDate {font-size: 40px; font-family: news_gothic_mtbold, sans-serif;text-transform: uppercase; line-height: 1; color: #000; clear: both; display: block;}
#happeningBox .happeningDate div {float: left; line-height: .8;}
#happeningBox .happeningDate div+div {display: inline; float: left; font-family: news_gothic_mtregular, sans-serif; font-size: 17px; line-height: 1;}
#happeningBox .media-left img{max-width:200px; height:auto;}
#happeningBox .happeningDate+.media-heading {clear:both;}
#happeningBox a{color: #fff;}
#happeningBox .happeningLink {color: #000; font-family: news_gothic_mtbold, sans-serif; text-transform: uppercase;}
#newsSection .media{ border-bottom: 1px solid rgba(255,255,255,.5); padding-bottom: 25px;}
#newsSection .date{color:#000; margin-bottom:5px; line-height: 1;}
#newsSection a {color:#fff;}
#contactBox{
    max-width: 320px;
    margin-right: auto;
}
#footer{background: #000; color: #fff;}
#footer .col-sm-6{text-align: left;}
#footer .col-sm-6+.col-sm-6{text-align: right;}

/* Inside Page Styles */
#pageBannerSection {border-bottom:10px solid #0e915e; max-height:310px;}
#pageNameSection {font-family: 'news_gothic_mtbold', Arial, sans-serif; font-size: 36px; text-transform: uppercase; line-height: 1; height:70px; margin-top:-40px;}
#pageName {display:inline-block; padding:15px;}

.partnerButton {background-color: #4a4a4a; color: #fff; background-image: url('../images/partner-icon.png'), url('../images/green-black-arrow.png'); background-position: left center, right center; -webkit-background-size: 60px 60px, 60px 60px; background-size: 60px 60px, 60px 60px; background-repeat: no-repeat, no-repeat; font-family: 'news_gothic_mtbold', Arial, sans-serif; font-size: 20px; padding: 15px 60px; width:100%; display:block; text-transform: uppercase;}
#sidebarInfo{margin-bottom:25px;}
#sideBarHappenning {margin-bottom:25px;}
#sideBarHappenning #happeningBox {max-width: 100%; margin-left: 0;}
#sideBarHappenning h4 {color: #fff;}
#sideBarHappenning #happeningBox .media-left:first-of-type img { max-width: 150px; height: auto;}
#sideBarHappenning .media-heading{color:#fff;}
#sideBarNews {margin-bottom:25px;}
#sideBarContact {margin-bottom:50px;}
.sidebarProduct .panel{border:none;}
.sidebarProduct .list-group .list-group-item {padding: 15px; font-size: 20px; font-weight: 600; background: #eee;}
.sidebarProduct .list-group .list-group-item a{color:#000;}
.sidebarProduct .list-group .list-group-item a>span{color:#0e915e;}

@media (min-width:1367px){
    .container{
        width: 1460px;
    }
    #logoBox{max-width:210px; margin-left:auto;}
    .menuBox{max-width:1190px; margin-right:auto;}
    #header .navbar-nav>li>a{font-size: 18px;}
    .carousel-caption{
        text-align: left;
        text-shadow: 5px 5px 20px rgba(255,255,255,0.6);
        left: 13%;
        right: 50%;
        max-width: 475px;
        color: #000;
        bottom: 30%;
        font-weight: 600;
    }
    .carousel-caption p {font-size: 20px;}
    .carousel-caption p.lead{text-transform: uppercase; color:#0e915e; font-size: 55px; font-family: news_gothic_mtbold, sans-serif; margin-bottom: 0px; line-height: 1.1;}
    .carousel-control { width: 10%;}
    #dealerNetworkBox, #innoSusBox {max-width: 690px;}
    #delearSection{padding-left:30px; padding-top:25px; padding-bottom:25px;}
    #happeningBox{max-width: 530px;}
    #newsSection {padding-left:30px; padding-right:30px;}
    #contactBox{max-width: 370px;}
    .partnerButton {-webkit-background-size: 80px 80px, 80px 80px; background-size: 80px 80px, 80px 80px; background-repeat: no-repeat, no-repeat; font-family: 'news_gothic_mtbold', Arial, sans-serif; font-size: 26px; padding: 20px 80px; width:100%; display:block; text-transform: uppercase;}

}


@media (min-width: 1025px){
    #header .navbar {min-height: 50px;}
    #header .navbar-nav>li>a{font-size: 16px; text-align: left;  padding-left: 30px; padding-right:30px; background-image: url('../images/menu-divider.gif'); background-position: right center; background-repeat: no-repeat;}
    #header .navbar-nav>li:last-of-type>a{background-image: none;}
    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .navbar-right .dropdown-menu {
        left: 0;
        right: auto;
    }
    .dropdown-menu{	border-bottom: 5px solid #0e915e;}
}
@media (max-width:1024px) and (min-width: 901px){
    #header .navbar-nav>li>a{font-size: 14px; text-align: left; padding-left: 10px; padding-right: 10px;  background-image: url('../images/menu-divider.gif');  background-position: right center;    background-repeat: no-repeat;}
    #header .navbar-nav>li:last-of-type>a{background-image: none;}
    .navbar-nav>li>a {
        padding-top: 12px;
        padding-bottom: 12px;
    }
}


@media (max-width:900px) and (min-width: 768px){
    #header .navbar-nav>li>a{font-size: 12px; text-align: left; padding-left: 8px; padding-right: 8px;  background-image: url('../images/menu-divider.gif');  background-position: right center;    background-repeat: no-repeat;}
    #header .navbar-nav>li:last-of-type>a{background-image: none;}
    .navbar-nav>li>a {
        padding-top: 12px;
        padding-bottom: 12px;
    }
}

@media (min-width: 1100px) and (max-width:1300px){
    .carousel-caption{
        text-align: left;
        text-shadow: 5px 5px 20px rgba(255,255,255,0.6);
        left: 13%;
        right: 50%;
        max-width: 500px;
        color: #000;
        bottom: 10%;
    }
    .carousel-caption p {font-size: 18px;}
    .carousel-caption p.lead{text-transform: uppercase; color:#0e915e; font-size: 28px; font-family: news_gothic_mtbold, sans-serif; margin-bottom: 0px; line-height: 1.1;}
}

@media (max-width: 768px){
    #header .navbar-nav>li>a{background-image: none;}
    #logoBox{max-width:100%; margin-left: auto; margin-right: auto; display:table; height:100%; padding-top:15px; padding-bottom:15px;}
    .navbar-toggle .icon-bar { width: 25px; height: 3px; border-radius: 0px; background: #fff;}
    #bannerSection {border-bottom: none;}
    .carousel-caption{
        position: relative;
        text-align: left;
        text-shadow: none;
        left: auto;
        right:auto;
        max-width: 100%;
        color: #fff;
        bottom: 0%;
        background: #0e915e;
        padding-left: 15px;
        padding-right: 15px;
        min-height: 140px;
    }
    .carousel-caption p {font-size: 16px; margin-bottom:0px;}
    .carousel-caption p.lead{text-transform: uppercase; color:#fff; font-size: 26px; font-family: news_gothic_mtbold, sans-serif; margin-bottom: 0px; line-height: 1.1;}
    #pageNameSection { font-size: 22px;  height: auto;  margin-top: -10px;}
    #pageName { display: block;  padding: 15px;}
    .productBox{padding:25px 15px;}
    .productDescription h1 {font-size: 38px;}
    #innoSection{display: table-cell; padding-top: 40px; padding-bottom: 70px; padding-right:0px; vertical-align: middle; text-align: center;}
    #delearSection{padding-left:0px;}
    #delearSection .media-left{display:block; margin-left:auto; margin-right:auto;}
    #happeningBox .media-left img{max-width:100%; height:auto;}
    #delearSection .media-body{text-align: center; padding-top: 25px;}

    #happeningBox .media-left{ display: block; margin-bottom: 20px;}
    #happeningBox .media-body{width: 100%; display:block; padding-left:0px;padding-top:20px;}
    #footer .col-sm-6{text-align: center;}
    #footer .col-sm-6+.col-sm-6{text-align: center;}
    /* Inside Page Styles */
    #sideBarHappenning {padding-left:0px; padding-right:0px; margin-bottom:0px;}
    #sideBarHappenning #happeningBox .media-left:first-of-type img { max-width: 100%; height: auto;}
    #sideBarNews {padding-left:0px; padding-right:0px; margin-bottom:0px;}
    #sideBarContact {padding-left:0px; padding-right:0px; margin-bottom:0px;}
}
@media (max-width:640px){
    .partnerButton { font-size: 14px;  padding: 20px 60px;}
    .nav-tabs.nav-justified>li {float: left;}
    .nav-tabs.nav-justified>li>a{padding:10px 12px; font-size: 16px;}
}