﻿body{margin:0;padding:0;overflow-x:hidden;background:#fff;font-family:Montserrat}
header{width:100%;float:left;position:relative;z-index:99;background:linear-gradient(rgba(0,0,0,.6),transparent);}
.hd-top{width:100%;float:left;padding:5px 0;background:#0072bc}
.hd-bottom{width:100%;float:left;padding:0;background:#f6f6f6}
.navbar{padding:0;width:100%}
ul.navbar-nav{width:100%;float:left}
.navbar-light .navbar-nav a.nav-link{ text-align: center; width: 100%; float: left;line-height: 40px;color:#303030;transition:all ease .5s;font-family:Montserrat;font-size:14px;color:#7f8083;position:relative;font-weight:bold;border-right:solid 1px #d0d0d0}
.navbar-light .navbar-nav li:last-child a.nav-link{ border-right:none}
/*.navbar-light .navbar-nav li:hover{color:#fff;transition:all ease .5s;background:#8dc63f}*/
.navbar-light .navbar-nav li:hover a.nav-link{color:#fff;transition:all ease .5s;background:#8dc63f}
.navbar-light .navbar-nav li ul {position:absolute;top:85%;background:#f6f6f6;width:320px;list-style-type:none;height:0;overflow:hidden;transition:all ease .5s;padding:0 15px}
.navbar-light .navbar-nav li ul li{margin:0;padding:0;width:100%;float:left;}
.navbar-light .navbar-nav li ul li a{color:#59585a;font-family:Montserrat;font-weight:400;padding:5px 0 ;width:100%;float:left;text-align:left}
.navbar-light .navbar-nav li:hover ul{height:180px;transition:all ease .5s;padding-top:15px}
ul.topContact{list-style-type:none;padding:0;margin:0}
ul.topContact li{float:left;color:#fff;padding:0 5px;font-size:12px;font-family:Montserrat}
ul.topContact li a{text-decoration:none;color:#fff;font-size:12px}
ul.top-nav{list-style-type:none;margin:0;padding:19.5px 0;float:right;font-family:Montserrat;}
ul.top-nav li{float:left;margin:5px;}
ul.top-nav li a{color:#fff;font-size:14px;text-decoration:none;padding: 10px;position:relative}
ul.top-nav li a.b{text-decoration:none;padding: 10px;text-align:left;background:#8dc640;border-radius:3px;font-size:12px}
ul.top-nav li a.src{background:#174089;border-radius:3px;font-size:12px}
ul.top-nav li:first-child a:before{content:'';border-right:solid 1px #d0d0d0;right:-7px;position:absolute;width:2px;height:35px;top:0px}

/*form#search{position:relative;width:100%;float:left;margin-top:65px;}
form#search i{position:absolute;top:8px;left:8px;color:#fff;z-index:1;font-size:18px}
.input-search{border-radius:60px;width:100%;background:none;border:solid 1px #fff;position:relative;padding:5px 0 5px 30px;color:#fff;transition:all ease .9s}
.input-search:focus{outline:none;border-radius:3px;transition:all ease .4s;box-shadow:rgba(255, 255, 255, 0.55) 0 0 15px}
.search img{height:44px;float:left;margin:0px 7px;margin-top:15px}
.search .col-md-12{padding:0;margin:0}
.search ul{margin:0;padding:0;list-style-type:none;}*/
#slider{width:100%;position:relative;float:left}
.head-contact{margin-top:50px;padding-left:45px}
.head-contact ul{list-style-type:none;color:#7d7d7d;float:left;}
.head-contact a{color:#7d7d7d;}
section{width:100%;float:left;margin:0;padding:0}
.carousel-caption{background:rgba(255, 255, 255, 0.70);padding:0;top:25%;right:15%;bottom:inherit;left:unset;width:650px;font-family:Montserrat!important;}
.carousel-caption h5{font-family:Montserrat!important;color:#303030;padding:10px 0 0 10px;font-weight:400;text-align:justify;font-size:30px;}
.carousel-caption p{font-family:Montserrat!important;color:#303030;text-align:justify;padding:0px 10px 10px 10px;font-weight:400;font-size:14px;word-spacing:0;letter-spacing:0px;line-height:14px}
.carousel-caption p a{color:#df203e;}
.homeContent{padding:100px 0;width:100%;float:left}
.homeContent h1{color:#0072bc;font-family:Montserrat;font-weight:300;font-size:34px}
.homeContent h1 span{color:#00aeef;font-family:Montserrat;font-weight:bold;font-size:46px}
.homeContent p{font-family:Montserrat;color:#939598;font-weight:normal;padding:15px 15px 0 0;font-size:16px}
.homeIcon{background:#fff;margin-bottom:15px;box-shadow:rgba(0,0,0,.07) 4px 13px 8px ;float:left;height:145px;width:100%;color:#0072bc;font-weight:300;font-family:Montserrat;text-align:center;font-size:14px;display:grid;vertical-align:middle;align-content:center}
.homeIcon span{font-weight:bold;font-size:18px}

.bg-green{background:#8dc63f}
.carousel-indicators li{text-indent:0;text-align:center;width:30px;height:30px;color:#fff;background-color:rgba(0, 0, 0, 0.25);margin:0;line-height:30px;margin-bottom:-10px}
.carousel-indicators .active{background:rgba(0, 0, 0, 0.60);color:#000;height:40px;bottom:0px}
.carousel-indicators{margin-bottom:0;bottom:45px;margin-left:67%;margin-right:0}


.home-group{float:left;width:100%;padding:0;margin:5px;position:relative}
.home-group-image img{width:100%;float:left;}
.home-group-info{position:absolute;width:100%;bottom:0;height:0;overflow:hidden;transition:all ease .6s;left:0;background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(49,49,49,1) 100%);font-family:Courgette;text-transform:lowercase;font-size:22px}
.home-group a:hover .home-group-info{height:100%;top:0;transition:all ease .6s}
.home-group-info p{bottom:-300px;left:15px;color:#fff;position:absolute;transition:all ease 2.2s}
.home-group a:hover .home-group-info p{bottom:15px;transition:all ease 1.2s}
.homeSlide{width:100%;float:left;padding:20px 0;background:rgba(255, 255, 255, 0.70);border-bottom:solid 1px #efefef}
.homeSlide h2{border-bottom:solid 2px #303030;border-top:solid 2px #303030;text-align:center;font-family:'Montserrat';padding:10px 0;margin-bottom:25px}
.homeSlide #carouselExampleIndicators2 .carousel-control-next{right:-35px;width:auto;color:#e20124;}
.homeSlide #carouselExampleIndicators2 .carousel-control-prev{left:-35px;width:auto;color:#e20124;}

.brand{width:540px;margin:13px auto;padding:10px 0;}
.brand-img{width:15%;float:left;margin:6px 8px;}
.brand-img img{width:100%;box-shadow:rgba(0,0,0,.07) 2px 10px 5px ;}
#carouselExampleIndicators2{padding-bottom:50px}
.product{width:100%;float:left;height:255px;margin-bottom:10px;overflow:hidden}
.product-img{width:100%;float:left;height:255px;background-size:cover;background-position:center center;background-repeat:no-repeat;overflow:hidden;position:relative;transition:all ease .6s}
.product-img img{width:100%;}
.product-info {position:absolute;bottom:100px;width:100%;padding:5px 5px 5px 10px;font-family:Pacifico;color:#303030;background:#fff;text-align:center;font-size:24px;transition:all ease .6s;opacity:0}
.product:hover .product-info {bottom:0;opacity:1}
.product-head{width:100%;position:absolute;text-align:center;color:#303030;font-family:Montserrat;z-index:9999;height:0px;transition:all ease .9s;z-index:1;line-height:50px;bottom:150px}
.product-img:hover{background-position:center -50px }

.ebulletin{width:100%;float:left;background:#313131;padding:15px 0 0px 0;margin:0 0 2px 0}
.ebulletin p{color:#fff;font-family:Montserrat;font-size:18px;padding-top:5px}
.ebulletin input[type=text]{width:100%;float:left;background:#fff;border:none;padding:5px;border-radius:60px;transition:all ease .6s}
.ebulletin input[type=text]:focus{outline:none;border-radius:5px;transition:all ease .4s}
.ebulletin input[type="submit"]{width:100%;float:left;background:#e20124;border:none;padding:5px;border-radius:60px;transition:all ease .4s;cursor:pointer;color:#fff}
.ebulletin input[type="submit"]:hover{background:#fff;border-radius:5px;transition:all ease .4s;color:#e20124}

.footer{width:100%;float:left;background:#0072bc;border-top:solid 10px #8dc63f;color:#fff}
.footer h5{color:#fff;padding-bottom:5px;font-family:Montserrat;font-size:16px;font-weight:bold}
.ft-top h5{border-bottom:solid 1px  rgba(255, 255, 255, 0.49);font-weight:400;}
.copy{background:#e20124;padding:10px 0;width:100%;float:left;color:#fff;font-size:12px;font-family:Montserrat}
.copy p{margin:0;padding:0;}
.copy img{margin:0;padding:0;float:right}
.footer .footLogo{width:100%;background:url(../images/logo.png) no-repeat center center;background-size:contain;float:left;height:44px}
/*.footer ul{list-style-type:none;margin:0;padding:0 0 0 20px;position:relative;}
.footer ul li a{float:left;width:100%;padding:5px;color:#fff;font-family:Montserrat;font-size:16px}
.footer ul li a:hover{text-decoration:none;color:rgba(255, 255, 255, 0.75);transition:all ease .5s}*/
.ft-top,.ft-bottom{width:100%;float:left;margin:0;padding:20px 0 10px 0;}
.ft-top{border-bottom:solid 2px rgba(255, 255, 255, 0.29)}
.ft-bottom ul{list-style-type:none;margin:0;padding:0}
.ft-bottom ul li a{color:#fff;font-family:Montserrat;font-size:12px;font-weight:300}
.ft-top a{color:#fff}
.ft-categories{width:960px;margin:15px auto;padding:10px 0}
.ft-categories ul{list-style-type:none;margin:0;padding:0}
.ft-categories ul li{float:left;}
.ft-categories ul li a{width:155px;float:left;position:relative;height:50px;overflow:hidden;margin:0;font-family:Montserrat;font-weight:300}
.ft-categories ul li a p{width:100%;text-align:center;height:50px;color:#303030;line-height:50px;padding:0 10px;transition:all ease .6s;margin:0;float:left}
.ft-categories ul li a span{width:100%;text-align:center;height:50px;color:#e20124;line-height:50px;padding:0 10px;float:left}
.ft-categories ul li a:hover p{margin-top:-50px;transition:all ease .6s}



.pageCorporate{width:100%;float:left;background:url(../images/c.jpg) no-repeat center center;height:400px;position:relative;}
.pageProduct{width:100%;float:left;height:400px;position:relative;}
.pageContact{width:100%;float:left;background:url(../images/contact.html) no-repeat center center;background-size:cover;height:400px;position:relative;background-attachment:fixed}
.pageMedia{width:100%;float:left;background:url(../images/media.html) no-repeat center center;background-size:cover;height:400px;position:relative;background-attachment:fixed}
.page{display:table;}
.page h1{display:table-cell;vertical-align:middle;align-content:center;text-align:right;font-family:Montserrat;font-size:38px;color:#fff;margin-top:-15px}
.page h1 a.p{font-size:14px;color:#fff;border-radius:3px;padding:15px 20px;text-align:center;float:right;text-decoration:none;margin-top:7px}
.productContent{width:100%;float:left;position:relative;margin:0;padding:50px 0}
.mediaContent{width:100%;float:left;position:relative;margin:0;padding:50px 0}
.contactContent{width:100%;float:left;position:relative;margin:0;padding:50px 0}
.corporate{width:100%;float:left;background:#fff;position:relative;overflow:hidden;}
.mediaContent h1,.contactContent h1,.productContent h1,.corporate h1{width:100%;float:left;background:#303030;color:#fff;text-align:center;padding:10px 0 20px 0;display:block;position:relative;height:90px;line-height:80px;font-family:'Jupiter Pro';font-size:24px;margin:0;}
.mediaContent h1:before,.productContent h1:before,.contactContent h1:before,.corporate h1:before{content:'';background-size:contain;display:inline-block;width:90px;height:90px;position:absolute;left:40%;top:0px}
.corporate h1:before{background:url(../images/corporateIcon.html) no-repeat center center;}
.productContent h1:before{background:url(../images/productIcon.html) no-repeat center center;}
.contactContent h1:before{background:url(../images/contactIcon.html) no-repeat center center;}
.mediaContent h1:before{background:url(../images/contactIcon.html) no-repeat center center;}
/*.corporate .text{background:#fff;float:left;width:100%;position:relative;z-index:4;margin:0;font-weight:400;height:225px}*/
/*.corporate .text p{position:absolute;width: 868px;  left: 50%;margin-left: -434px;font-family:Montserrat;}*/
.corporate p{padding:20px 0;font-family:Montserrat;color:#939598;font-weight:300}
.corporate h2{text-align:left;color:#0072bc;width:100%;padding:0;margin:50px 0 0 0;font-family:Montserrat;font-weight:700;}


.sidebar{position:relative;left:0;} 
.sidebar:before{content:'';position:absolute;left:0;overflow:hidden;background:#2f3643;bottom:0;top:0;width:100%;} 
.sidebar ul{list-style-type:none;margin:10px 0;padding:50px 0 0 0;position:relative;width:100%;float:right;}
.sidebar ul li a{float:left;width:100%;position:relative;text-align:left;color:#fff;font-family:Montserrat;transition:all ease .5s;padding:0 0 0 100px;}
.sidebar ul li a:hover,
.sidebar ul li a.active{transition:all ease .5s;text-decoration:none;border-left-width:15px;padding-left:15px;color:#fff}
.page-map{width:100%;float:left;padding:5px 0;background:#f6f6f6;text-align:right;position:relative}
.page-map p,.page-map a{padding:0;margin:0;color:#7f8083;font-weight:300;font-family:Montserrat;font-size:14px;text-decoration:none}
.pageCorporate:after{content:'';position:absolute;width:768px;height:27px;bottom:0px;left:50%;margin-left:-384px;background:#ed174c}
.maps,.maps iframe{width:100%;float:left;height:400px;border:none;padding-top:10px}
.contactContent p{width:100%;margin:0 0 15px 0;padding:0;}
.contactContent hr{border:solid 1px #7d7d7d;width:100%;float:left;margin:0;padding:0}
.contactContent h5{border-bottom:solid 1px #303030}
.contactContent h5 i{width:30px;height:30px;text-align:center;background:#e20124;color:#fff;line-height:30px;border-radius:5px}

.contactContent form{width:100%;margin:0px auto;}
.contactContent form .card-header{background:#e20124}
.contactContent form input[type="submit"]{background:#e20124;color:#fff}
.contactContent form input[type="submit"]:hover{background:#303030;color:#fff}

.homeGroup {width:100%;position:relative;float:left;}
.grupCategories ul{margin:0;padding:0;list-style-type:none;margin-top:-45px}
.grupCategories ul li{float:left;}
.grupCategories ul li a{width:156px;height:67px;background:#00aeef;line-height:60px;float:left;font-family:Montserrat;color:#fff;text-align:center;text-decoration:none}
.grupCategories ul li:nth-child(even) a{background:#0072bc}
.grupCategories ul li:last-child a{background:#fff}
.grupCategories ul li a .gtal{background:#f7941d;width:156px;float:left;text-align:left;color:#fff;height:0;transition:all ease .5s;line-height:25px;font-size:14px;padding:0 0 0 5px;margin-top:5px}
.grupCategories ul li a:hover .gtal{height:25px}
.input-group-text{background:#8dc63f;color:#fff;border-color:#8dc63f;font-weight:bold;cursor:pointer;}
.input-group-text:hover{background:#79b12e;}

.productContent table{width:100%;}
.thead-dark{background:#303030;color:#fff;font-family:Montserrat;}
ul.productSocial {width:240px;margin:10px auto 0 auto;padding:0;list-style-type:none}
ul.productSocial li{float:left;width:50px;margin:0 5px}
ul.productSocial li a{padding:10px;background:#303030;color:#fff;width:100%;float:left;border-radius:3px;margin:5px;text-align:center}
ul.productSocial li a:hover{background:#e20124;transition:all ease .5s;}
h2.prdhead{font-family:Montserrat;color:#313131;}
.du {font-family:Montserrat;font-weight:700;text-align:center;font-size:24px}
.du a{font-weight:700;color:#47687c;font-size:18px;text-decoration:none}
.du span {font-weight:300;}

.corporate a.b{text-decoration:none;width:140px;text-align:center;background:#8dc640;border-radius:3px;font-size:18px;color:#fff;position:relative;height:50px;line-height:50px;left:50%;margin-left:-70px;float:left;font-family:Montserrat;z-index:2}
.corporate .t:after{content:'';position:absolute;width:100%;z-index:1;height:5px;background:#f6f6f6;top:25px;left:0}
.pageNum {width:254px;text-align:right;float:right;}
.pageNum a{width:50px;height:50px;float: left;text-align:center;line-height:57px; color:#fff;background-color:#303030;border:solid 2px #e20124;transition:all ease .4s;margin:0 1px}
.pageNum a:hover{transition:all ease .5s; color: #df203e;background-color: #7d7d7d;border:solid 2px #303030}
.pageNum span{width:150px; height: 50px; float: left; text-align: center;line-height: 50px; color: #fff;background-color: #303030;font-family:Montserrat;}


.sidebarTitle{color:#fff;font-family:Montserrat;float:right;position:relative;padding:80px 0 0 0;width:150px;}
.sidebarTitle h3{font-size:16px;font-weight:700}
.sidebarTitle p{color:#fff;font-size:14px;font-weight:300}
ul.cor ,ul.pro{width:180px;right:-30px;padding:0}
ul.cor li a{padding:5px;transition:all ease .5s}
ul.pro li a{padding:20px 15px;transition:all ease .5s}
ul.pro li:nth-child(1) a{background:#ec6608}
ul.pro li:nth-child(1):hover a{background:#e55e00}
ul.pro li:nth-child(2) a{background:#9aca3c}
ul.pro li:nth-child(2):hover a{background:#86c706}
ul.pro li:nth-child(3) a{background:#009fe3}
ul.pro li:nth-child(3):hover a{background:#058bc4}
ul.pro li:nth-child(4) a{background:#174089}
ul.pro li:nth-child(4):hover a{background:#0f3a85}
ul.pro li:nth-child(5) a{background:#e50051}
ul.pro li:nth-child(5):hover a{background:#c20045}
ul.pro li:nth-child(6) a{background:#5c4b42}
ul.pro li:nth-child(6):hover a{background:#453932}


.cf{box-shadow:rgba(0, 0, 0, 0.12) 4px 8px 13px}
.cf .btn-block{background:#e20124;color:#fff;font-family:Montserrat}
.cf .btn-block:hover{background:#0072bc!important;}
.cf input,.cf textarea,.cf select{border-color:transparent;border-bottom-color:#929292;border-radius:0;margin-bottom:5px}
.cf input:focus,.cf textarea:focus,.cf select:focus{outline:none;box-shadow:rgba(0, 0, 0, 0.12) 4px 8px 13px;border:solid 1px #e20124}
.ci{color:#414042;font-family:Montserrat;}
.ci h5,.ci strong{font-weight:bold;margin-bottom:15px;font-size:20px;padding-bottom:15px}
.ci p,.ci p a{font-weight:300;color:#414042}

.pageCorporate p{text-align:left;font-weight:bold;color:#fff;display:table-cell;vertical-align:middle;align-content:center;width:350px;font-size:26px;font-family:Montserrat}
.pageCorporate p span{font-weight:300;font-size:24px}

.carousel-caption{background:#fff;position:relative;left:0;right:0;top:0;bottom:0;height:auto;padding:20px;width:100%}
.carousel-caption h5{color:#ec6608;text-align:left;border-bottom:solid 1px #7f8083;padding:0 0 5px 0;font-size:22px}
.carousel-caption p{color:#575756;text-align:left;font-family:Montserrat;font-weight:300;padding:0;line-height:normal}

.homeCarouse{background:url(../images/bgs.png) no-repeat bottom right;background-size:cover;height:350px;overflow:hidden}
.homeCarouse .carousel-item{padding:40px;}
/*.homeCarouse .carousel-item:before{content:'';position:absolute;left:10px;top:10px;background:#fff;width:100%;height:100%;z-index:1}*/
.homeCarouse .carousel-control-next,.homeCarouse .carousel-control-prev{color:#b2b2b2}
.homeCarouse .carousel-inner{overflow:hidden}
.homeCarouse .carousel-caption{background:none}

.bgLeft,.bgRight{ z-index: -1; width: 49%; height: 550px; position: absolute}
.bgLeft{background: #2f3643;left:0}
.bgRight{background: #9aca3c; right: 0;}

#whatsappAlan { width: 100%; float: left; height: 75px; background: #80c71f; border-bottom: 3px solid #e1e1e1; display: table; text-align: center; display: none;}
#whatsappAlan span { display: table-cell; vertical-align: middle; height: 75px; color:#FFF; font-size: 20px; font-weight: 700; }
#whatsappAlan span a {color:#FFF;}
#whatsappAlan span a img {width: 40px; margin-right: 20px;}
#whatsappAlan span a img span { font-size: 15px; }

.whatsappkutu {float: none!important; margin-top: -67px; display: table;}
.whatsappkutu a {background: none!important;}

@media(max-width:480px){
    
}