/* Powerded by : AdoxSolutions.com Author: SAHAD U */ @font-face {font-family: 'Sertig';src: url('../fonts/sertig.otf');} @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,100); body {font-family: 'Sertig', sans-serif; color:#000000; font-size:16px; font-weight:300;} h1,h2,h3,h4,h5 {font-weight:300; font-family: 'Sertig', sans-serif; color:#fff; text-transform:uppercase; } ::selection {background-color: #ededed; color: #000;text-shadow: none;} ::-moz-selection {background-color: #ededed;color: #000;text-shadow: none;} figure:hover {opacity: 1; -webkit-animation: flash 1.5s; animation: flash 1.5s;} @-webkit-keyframes flash { 0% {opacity: .4;} 100% {opacity: 1;}} @keyframes flash {0% {opacity: .4;} 100% {opacity: 1;}} .faci .fancybox img {border:none; width:100%;} .green {color:#4c9d2f;} .banner img:hover, {animation:none;} /* landing */ .home-bg {background:url(../images/main-bg.png) center top repeat; overflow:hidden;} .logo {text-align:center; margin-top:240px;} .logo img {-webkit-animation-delay: 0.80s; animation-delay: 0.80s; } .home-section {background:url(../images/home-top-bg.png) center top no-repeat; min-height:410px; position:relative; -webkit-animation-delay: 0.12s; animation-delay: 0.12s;} .choose {padding-top:150px; text-transform:uppercase; text-align:center; } .choose ul {padding:0; margin:0; } .choose li {list-style:none; display:inline-block; background:#0047bb; padding:10px 20px; margin-right:20px; -webkit-animation-delay: 2s; animation-delay: 2s; } .choose a li { font-weight:300; color:#fff; font-size:21px;} .choose li img { padding-right:10px; margin-top:-3px;} .choose a li:hover {color:#fff; text-decoration:none; } .choose h4 {font-size:15px; font-weight:300; color:#000; margin-bottom:40px; -webkit-animation-delay: 1.25s; animation-delay: 1.25s; } .choose li:hover {background:#4c9d2f;} /* Home */ .header {background:url(../images/top-bg-sm.png) center top no-repeat; height:180px;} .top-menu { text-align:center; padding-bottom:30px;} .top-menu ul {padding:0; margin-top:10px;} .top-menu li {list-style:none; display:inline-block; padding-left:15px; text-transform:uppercase;} .top-menu li a {font-size:13px; color:#5a5a5a;} .top-menu li a:hover { color:#4c9d2f; text-decoration:none;} .logo-sm {width:80px; text-align:center; margin:0 auto;} .logo-sm img{width:100%;} .change-lang {position:absolute; top:0px; right:30px; } .change-lang .dropdown-toggle, .change-lang .dropdown-toggle li {background:#0047bb; padding:5px 9px; color:#fff; min-width: 173px;} .change-lang .dropdown-toggle img, .change-lang .dropdown-menu li img {padding-right:12px;} .change-lang .dropdown-toggle:hover, .change-lang .dropdown-toggle li:hover , .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .change-lang .dropdown-menu li:hover {background:#4c9d2f !important; color:#fff;} .change-lang .dropdown-menu li {background:#0047bb; padding:3px 9px ; color:#fff;} .dropdown-menu li a, .dropdown-menu li a:hover{color:#fff;} .navbar-right .dropdown-menu{margin-right:0px; } .change-lang .dropdown-menu li a {background:none; margin-right:0px; min-width: 154px;} .menu { margin:25px 0px;} #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button {margin:0px auto; padding:0px; border: 0; list-style: none; line-height: 1.3; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index:99999999; text-transform:uppercase; text-align:center; font-family: 'Sertig', sans-serif; } #cssmenu:after, #cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} #cssmenu #menu-button { display: none;} #cssmenu {background: none;} #cssmenu > ul > li {float: left;} #cssmenu.align-center > ul {font-size: 0; text-align: center;} #cssmenu.align-center > ul > li {display: inline-block; float: none;} #cssmenu.align-center ul ul {text-align: left;} #cssmenu.align-right > ul > li {float: right; } #cssmenu > ul > li > a {padding: 0px 18px; font-size: 18px; letter-spacing: 1px; text-decoration: none; color: #5a5a5a; font-weight: 300;} #cssmenu > ul > li:hover > a { color: #4c9d2f;} #cssmenu > ul > li.has-sub > a {padding-right: 30px;} #cssmenu > ul > li.has-sub > a:after { position: absolute; top: 22px; right: 11px; width: 8px; height: 2px; display: block; background: #000; content: '';} #cssmenu > ul > li.has-sub > a:before { position: absolute; top: 19px; right: 14px; display: block; width: 2px; height: 8px; background: #000; content:''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;} #cssmenu > ul > li.has-sub:hover > a:before {top: 23px;height: 0;} #cssmenu ul ul { position: absolute; left: -9999px;} #cssmenu.align-right ul ul {text-align: right;} #cssmenu ul ul li {height: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .has-sub a {width:100%;} #cssmenu li:hover > ul {left: auto;} #cssmenu.align-right li:hover > ul {left: auto; right: 0;} #cssmenu li:hover > ul > li {height: 35px;} #cssmenu ul ul ul {margin-left: 100%; top: 0;} #cssmenu.align-right ul ul ul {margin-left: 0; margin-right: 100%;} #cssmenu ul ul li a {border-bottom: 1px solid rgba(150, 150, 150, 0.15); padding: 11px 15px; width:190px; font-size: 14px;text-decoration: none; color: #000; font-weight: 400; background:#fff;} #cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a {border-bottom: 0;} #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {color: #405791;} #cssmenu ul ul li.has-sub > a:after {position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #fff; content: '';} #cssmenu.align-right ul ul li.has-sub > a:after {right: auto; left: 11px;} #cssmenu ul ul li.has-sub > a:before {position: absolute;top: 13px;right: 14px; display: block; width: 2px; height: 8px; background: #fff; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } #cssmenu.align-right ul ul li.has-sub > a:before {right: auto; left: 14px;} #cssmenu ul ul > li.has-sub:hover > a:before {top: 17px; height: 0;} .banner img {width:100%;} .banner .container-fluid, #footer .container-fluid, .inner .container-fluid {width:80%;} .home-cont img {width:100%;} #myCarousel .carousel-control {background:none; width:10%;} .home-cont {margin-top:15px;} .home-cont .row .col-lg-6 {padding-right:7px !important; padding-left:7px !important;} .browse{text-align:center; margin-top:70px;} .browse li {display:inline-block; } .browse ul {padding:0; margin:0;} .browse h4 ,.home-sol h4{font-size:20px; color:#000; Font-weight:300; text-transform:uppercase; margin-bottom:32px;} .browse .col-lg-2 img {width:100%;} .browse .col-lg-2 {padding:0px 6px 6px 0px; width:20%;} .box {} .home-sol {padding-top:55px ; } .home-sol img {width:100%} .home-sol a{color:#000;} #owl-demo {margin-top: 20px;} #owl-demo .owl-controls {display:none !important; } .home-sol h5 {font-size:16px; text-align:right; text-transform:uppercase; } .home-sol a:hover { color:#4c9d2f; text-decoration:none;} .home-sol-text a { color:#333;} #owl-demo .item h4{ font-size:16px; font-weight:300; text-transform:capitalize;} .footer {background:#f2f2f2; color:#535353; padding:80px 0px 35px;} .footer-bar {background:#e0e0e0; color:#6e6e6e; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;} .footer ul, .footer-bar ul{padding:0; margin:0;} .footer li {list-style:none; line-height:23px; font-size:12px;} .footer li a{color:#535353; text-transform:uppercase; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;} .footer li a:hover{color:#4c9d2f; text-decoration:none; } #footer h2 {color:#000; font-size:25px; text-transform:uppercase; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;} #footer h4 {color:#7a7a7a; font-size:16px; font-weight:400; text-transform:uppercase; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;} #footer {margin-top:60px;} .social li {list-style:none; line-height:23px; display:inline-block; padding-right:5px;} .footer-bar {padding:25px 0px 15px;} .social {float:left; text-align:left; margin-top:20px;} .footer-bar .col-md-3 {text-align:center;} .footer-bar p {margin:0; font-size:14px; font-weight:400; margin-top:5px;} .social img:hover, .box img:hover { transition: all 0.4s;} #footer .row {padding-right:11% !important; padding-left:11%!important;} #footer .address .row {padding-right:0% !important; padding-left:0%!important;} .panel-default { border-color: #fff !important; } .panel .panel-body {position: relative; padding: 0 !important; overflow: hidden; height: auto; } .panel .panel-body a { overflow: hidden; } .panel .panel-body a img { display: block; margin: 0; width: 100%; height: auto; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; } .panel .panel-body a.zoom:hover img { transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3); } .panel .panel-body a.zoom span.overlay { position: absolute; top: 0; left: 0; visibility: hidden; height: 100%; width: 100%; background-color: #000; opacity: 0; transition: opacity .25s ease-out; -moz-transition: opacity .25s ease-out; -webkit-transition: opacity .25s ease-out; -o-transition: opacity .25s ease-out; } .panel .panel-body a.zoom:hover span.overlay { display: block; visibility: visible; opacity: 0.55; -moz-opacity: 0.55; -webkit-opacity: 0.55; filter: alpha(opacity=65); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; } .panel .panel-body a.zoom:hover span.overlay i { position: absolute; top: 45%; left: 0%; width: 100%; font-size: 2.25em; color: #fff !important; text-align: center; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; filter: alpha(opacity=1); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; } .dropdown-menu>li>a {padding: 3px 3px 3px 4px;} .pro .panel-body img {width:100%; min-height:225px;} #owl-demo .panel-body img {width:100%; height:215px;} .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {margin-top: 0px;} .inner-banner-contact {background:url(../images/ban-contact.png) center top no-repeat;min-height:343px; text-align:center; z-index:-1; clear: both; background-size:cover; } .inner-banner-about {background:url(../images/ban-about.png) center top no-repeat;min-height:343px; text-align:center; z-index:-1; clear: both; background-size:cover; } .inner-banner {background:url(../images/ban-products.png) center top no-repeat; min-height:343px; text-align:center; z-index:-1; clear: both; background-size:cover; } .inner-banner h2, .inner-banner-contact h2, .inner-banner-about h2 {padding-top:125px; font-size:60px; text-transform:uppercase;} .col-md-12 .breadcrumb {background:none; margin:0; padding:15px 0px; border-bottom:1px solid #e4e4e4; width:100%; } ul.breadcrumb {padding:0;} .breadcrumb li a { font-size:15px; font-weight:300; margin:0; color:#333; } .breadcrumb li {list-style:none; display:inline-block; text-transform:uppercase;} .breadcrumb .active { color:#333; text-align:left; font-size:15px;} .breadcrumb li a:hover {color:#4c9d2f; text-decoration:none;} .about-cnt{margin-top:155px; } .about-cnt .col-md-5 {text-align:right; padding-right:36px;} .about-cnt .col-md-5 h2 {color:#333; font-size:36px; margin-top:0px; margin-bottom:20px;} .about-cnt .col-md-5 p {color:#a3a3a3; font-size:29px;} .about-cnt .col-md-7 p {color:#616161; font-size:18px;} .m-vision {border:1px solid #eaeaea; border-right:none; border-left:none; padding:50px 0px; margin-top:120px;} .m-vision h4 {font-size:22px; color:#333; margin-top:60px;} .m-vision p {margin-top:10px;} .inner h3 {font-size:30px; text-transform:uppercase; color:#333; margin-top:54px; margin-bottom:24px;} .inner .pro-list h4 {font-size:24px; text-transform:uppercase; color:#4c9d2f; padding:22px 10px 22px 30px; margin:0px; border:1px solid #e4e4e4; } .pro-list li {padding:10px 10px 10px 30px; border:1px solid #e4e4e4; border-top:none; list-style:none; line-height:36px;} .pro-list ul {padding:0; margin:0;} .pro-list li a:hover {color:#fff; text-decoration:none; } .pro-list li a {color:#333; font-size:22px;} .pro-list {padding-right:15px; } .pro-list li:hover, .pro-list li:hover a, .pro-list .active, .pro-list .active a {background:#0047bb; color:#fff;} .pro .zoom img {border:1px solid #e4e4e4;} h4.panel-text {font-size:16px; margin:0; padding:19px 0px; text-align:center; border:1px solid #e4e4e4; border-top:none;} .inner .col-md-9 .col-md-3 { padding-right:7px; padding-left:7px; } h4.panel-text a {color:#333; } h4.panel-text a:hover {color:#4c9d2f; text-decoration:none;} .contact-sec a {color:#5b5b5b; transition: all 0.4s;} .contact-sec a:hover {color:#0b216a; text-decoration:none; font-weight:400;}.contact-sec p{font-size:19px;} .form-control{border:1px solid #bfbfbf; border-radius:6px !important; background:none; width:100%; font-size:15px; padding:10px; height:48px; margin-bottom:24px; color:#969696 !important; box-shadow: inset 1px 3px 6px rgba(0,0,0,.075); } .form-control::-moz-placeholder{color:#969696 ;} .form-control:-ms-input-placeholder{color:#969696}.form-control::-webkit-input-placeholder{color:#969696} .btn-default:visited { border-radius:5px; padding:12px 32px; color:#fff !important; font-weight:400; font-size:15px; margin-top:15px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;} .min-hei {min-height:72px;} .map {margin-bottom:-105px; margin-top:100px;} .con-cnt h2 { color:#333; margin:100px 0px 50px;} .add h3, .ftr-contact h3 {color:#4c9d2f; font-size:24px; margin-top:0px; margin-bottom:10px;} .add{float:right;} .semi {font-weight:500; font-size:20px; color:#333;} .add a, .ftr-contact a {color:#333;} .add p, .ftr-contact p {color:#787878; margin-bottom:5px;} .add .glyphicon, .ftr-contact .glyphicon {margin-right:10px;} .add-cnt {border-bottom:2px solid #cacaca; padding-bottom:15px; margin-bottom:30px; } .btn-default, .btn-default:visited {background:#0047bb; border-radius:0px; padding:12px 50px; color:#fff !important; font-weight:400; font-size:17px; float:right; margin-top:20px;} .owl-theme .owl-controls .owl-buttons .owl-prev:hover, .btn-default:hover {color:#4c9d2f !important; background:#0047bb!important; } .text-danger {color:#ff1a09 ; font-weight:400;} .ftr-contact .semi { margin-top:15px;} .ftr-contact span {fonts-size:15px; color:#; } /* responsive */ @media only screen and (min-width : 150px) and (max-width : 767px){ #cssmenu {width: 100%; padding-top:0px; margin-top: 0px; } #cssmenu ul {width: 100%; display: none; background:#0047bb;} #cssmenu.align-center > ul {text-align: center;} #cssmenu > ul > li > a {color: #fff; font-size:14px; text-align:center; padding: 9px 0px; border-bottom:1px solid #8ed8f0 !important; font-weight:300;} #cssmenu > ul > li > a:hover {color: #000;} #cssmenu ul li {width: 100%; border-top: 0px solid rgba(120, 120, 120, 0.2); padding-bottom:1px;} #cssmenu ul ul li, #cssmenu li:hover > ul > li {height: auto; } #cssmenu ul li a,#cssmenu ul ul li a {width: 100%; border-bottom: 0; } #cssmenu > ul > li {float: none; } #cssmenu ul ul li a {padding-left: 15px;} #cssmenu ul ul ul li a {padding-left: 35px;} #cssmenu ul ul li a {color: #000; background: none;} #cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a {color: #4c9d2f !important;} #cssmenu ul ul,#cssmenu ul ul ul,#cssmenu.align-right ul ul {position: relative;left: 0; width: 100%; margin: 0; text-align: left;} #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before {display: none;} #cssmenu #menu-button {display: block; padding:0px;color: #000;cursor: pointer; font-size: 12px;text-transform: uppercase;font-weight: 400; margin-top: -32px; z-index: 9999999999999;} #cssmenu #menu-button:after {position: absolute; top: 6px; right: 47%;display: block; height: 4px; width: 20px; border-bottom: 1px solid #000; border-top: 1px solid #000; content: '';} #cssmenu #menu-button:before {position: absolute; top: 12px; right: 47%;display: block; height: 2px;width: 17px; background: #000;content: '';} #cssmenu #menu-button.menu-opened:after {top: -18px; border: 0; height: 2px; width: 15px; background: #000; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} #cssmenu #menu-button.menu-opened:before {top: -18px;background: #000;width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .menu > #cssmenu ul {float:none; margin-top: 54px;} } @media only screen and (min-width : 150px) and (max-width : 767px){ .col-xs-12, .home-sol h5 {text-align:center;} .banner .container-fluid, #footer .container-fluid, .inner .container-fluid {width:100%;} .logo-sm {margin-top:70px; width:70px;} .header {height: 205px;} .pull-right {float:none; text-align:center;} .top-menu ul{float: left;} .carousel-indicators {display:none;} .home-cont .row .col-lg-6 {padding-right: 15px !important; padding-left: 15px !important;} .browse .col-lg-2 {width:100%; padding:0px 6px 20px; } .home-cont img {margin-bottom:8px;} .top-menu li {padding-left:0px; padding-right:10px;} .top-menu li {padding-right: 10px; padding-left:0px;} .change-lang .dropdown-toggle, .change-lang .dropdown-toggle li, .change-lang .dropdown-menu li {padding:1px 0px; min-width:130px; width: 130px;} .change-lang ul {float:right;} .change-lang li.dropdown {padding:0px;} .top-menu li a {font-size:12px;} .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a { padding: 1px 0px 1px 5px;} #owl-demo .item h4 { text-align: center;} .change-lang .dropdown-toggle img, .change-lang .dropdown-menu li img {padding:3px!important;} .navbar-nav .open .dropdown-menu, .change-lang .dropdown-menu li a {min-width:130px; max-width:130px;} #footer .row {padding-right: 4% !important; padding-left: 4%!important;} .footer {padding: 40px 0px 35px;} #footer h4 {margin-top:30px;} #footer {margin-top: 20px;} .inner-banner-about, .inner-banner-contact, .inner-banner { min-height: 110px; background-size: 100% 100%;} .inner-banner h2, .inner-banner-contact h2, .inner-banner-about h2{padding-top: 34px; font-size: 40px;} .about-cnt .col-md-5 { padding-right: 15px; text-align: center;} .about-cnt, .m-vision { margin-top: 55px; border-bottom: none;} .btn-default, .btn-default:visited {float:none; text-align:center;} .add h3 {margin-top: 40px;} .map iframe {height:220px;} .map {margin-bottom:25px; margin-top: 70px;} #owl-demo .panel-body img { height: 300px;} .inner .pro-list h4 { padding: 22px 10px;} .pro-list li {padding: 10px;} .inner .col-md-9 .col-md-3 {padding-right: 15px; padding-left: 15px;} } @media only screen and (min-width : 768px) and (max-width : 991px){ .banner .container-fluid, #footer .container-fluid, .inner .container-fluid {width:100%;} .ftr-contact .col-sm-12 .row {padding:0px !important } .address {text-align:center; margin-bottom: 50px;} #footer .row {padding-right: 6% !important; padding-left: 6%!important;} #cssmenu > ul > li > a {font-size:15px; padding: 0px 8px;} #owl-demo .panel-body img {width: 100%; height: 300px;} #footer {margin-top: 30px;} .pro .panel-body img { min-height: 216px;} .pro-list li a { font-size: 15px;} .pro-list li { line-height: 30px;} } @media only screen and (min-width : 992px) and (max-width : 1199px){ .banner .container-fluid, #footer .container-fluid, .inner .container-fluid {width:100%;} h4.panel-text {padding: 22px 10px 20px; min-height: 81px !important; font-size: 15px;} #footer h2 {font-size: 22px;} #footer h4 {font-size: 14px;} #cssmenu > ul > li > a {font-size:16px;} .pro .panel-body img { min-height: 156px;} } @media only screen and (min-width : 1200px) and (max-width : 1366px){ .banner .container-fluid, #footer .container-fluid, .inner .container-fluid {width:100%;} } @media only screen and (min-width : 1367px) and (max-width : 1539px){ .banner .container-fluid, #footer .container-fluid, .inner .container-fluid {width:95%;} }