@charset "utf-8";
@import "https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic";
@import url('https://fonts.googleapis.com/css?family=Merienda:400,700');
body{font-family:'Lato',sans-serif;}
a:focus{outline:none;}
a:focus,a:hover{text-decoration:none;transition:all ease .5s;outline:none;}

.header{width:100%;background-color:#FFF;border-top:7px solid #000;}

.header .logo{margin:10px 0 10px;float:left;}

.header .navbar-default{background-color:transparent;border-color:transparent;float:right; margin:0px; width:100%;}

.header .navbar-default .navbar-nav > li > a{color:#000;font-size:16px; line-height:80px;}

.header .navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav > li > a:hover{background-color:#32d4fa;color:#FFFFFF;}

.header .container-fluid{padding-left:0;padding-right:0;}

.header .caret-up {width: 0; height: 0; border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-bottom: 4px solid; display: inline-block; margin-left: 2px; vertical-align: middle;}
  
.header .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background-color: #32d4fa; color:#FFFFFF;}

.header .dropdown-menu > li > a {color:#000000; line-height:30px; padding: 3px 8px; font-size:12px;}

.header .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color: #32d4fa; color:#FFFFFF;}

.header .dropdown-menu {background-color:#FFFFFF; padding:0px; left:0%; min-width:280px;}

.header .header-top{width:100%;background-color:#000000;}

.header .header-top .box1{margin:0;float:left;width:25%;}

.header .header-top .box2{margin:0;float:left;width:50%;}

.header .header-top .box{margin:0;}

.header .header-top p{font-size:13px;color:#FFFFFF;margin:12px 0 0;}

.header .header-top p a{font-size:13px;color:#FFFFFF;}

.header .header-top p a:hover{color:#32d4fa;}

.header .header-top p .fa {margin-right:5px;}

.header .header-top .social-icon{margin:0;float:right;}

.header .header-top .facebook{display:inline;padding-right:7px;}

.header .header-top .facebook a{height:30px;width:30px;margin:6px 1px;line-height:28px;text-align:center;vertical-align:middle;display:inline-block;color:#000;background-color:#FFF;border-radius:50%;transition:all ease .3s;border:1px solid #d2d2d2;}

.header .header-top .facebook a:hover{background-color:#3b5998;color:#FFF;border:1px solid #000;}

.header .header-top .twitter{display:inline;padding-right:7px;}

.header .header-top .twitter a{height:30px;width:30px;margin:6px 1px;line-height:28px;text-align:center;vertical-align:middle;display:inline-block;color:#000;background-color:#FFF;border-radius:50%;transition:all ease .3s;border:1px solid #d2d2d2;}

.header .header-top .twitter a:hover{background-color:#00aced;color:#FFF;border:1px solid #000;}

.header .header-top .google{display:inline;padding-right:7px;}

.header .header-top .google a{height:30px;width:30px;margin:6px 1px;line-height:28px;text-align:center;vertical-align:middle;display:inline-block;color:#000;background-color:#FFF;border-radius:50%;transition:all ease .3s;border:1px solid #d2d2d2;}

.header .header-top .google a:hover{background-color:#dd4b39;color:#FFF;border:1px solid #000;}

.header .header-top .pinterest{display:inline;padding-right:7px;}

.header .header-top .pinterest a{height:30px;width:30px;margin:6px 1px;line-height:28px;text-align:center;vertical-align:middle;display:inline-block;color:#000;background-color:#FFF;border-radius:50%;transition:all ease .3s;border:1px solid #d2d2d2;}

.header .header-top .pinterest a:hover{background-color:#cb2027;color:#FFF;border:1px solid #000;}

.banner{width:100%;}

.welcome{width:100%;background-color:#FFF;padding-bottom:50px;}

.welcome .pro{margin:7px 0 0px;}

.welcome .pro .img-responsive {margin:0 auto; text-align:center;}

.welcome h1{font-size:26px;color:#24272c;font-weight:600;text-align:center;margin:63px 0 20px; font-family: 'Merienda', cursive;}

.welcome h1 span {color:#33d2f9;}

.welcome .line1{background-color:#b2b2b2;width:176px;height:1px;margin:10px auto 50px;}

.welcome h3{margin:20 0 20px;font-size:19px;font-weight:700;color:#000; font-family: 'Merienda', cursive;}

.welcome h4{margin:20px 0 20px;font-size:17px;font-weight:700;color:#000; font-family: 'Merienda', cursive;}

.welcome h4 span {color:#32d4fa;}

.welcome p{margin:0px 0 10px;font-size:14px;color:#000;line-height:24px;}

.welcome i{color:#32d4fa;padding-right:10px;}

.parallax{width:100%;position:relative;min-height:363px;height:auto;background-attachment:fixed;}

.parallax_over{background-color:rgba(0,0,0,0.4);height:100%;position:absolute;width:100%;}

.parallax .box{margin:64px 0 85px;}

.parallax .box h4{font-size:22px;font-weight:700;color:#FFF;margin:24px 0;}

.parallax .box p{font-size:14px;color:#FFF;line-height:22px;text-align:justify;}

.reasone{width:100%;background-color:#f8f5f5;padding-bottom:60px;}

.reasone h2{font-size:26px;color:#000000;font-weight:600;text-align:center;margin:51px 0 16px; font-family: 'Merienda', cursive;}

.reasone h2 span {color:#33d2f9;}

.reasone .line{margin-bottom:40px;}

.reasone .line .img-responsive{margin:0 auto;text-align:center;}

.reasone .box{width:100%;height:auto;position:relative;text-align:center;margin:10px 0;}

.reasone .box .img-responsive{margin:0 auto;text-align:center;width:100%;}

.reasone .box2{width:100%;background-color:rgba(74,204,235,0.8);text-align:center;position:absolute;bottom:0;}

.reasone .box2 h5 a{font-size:16px;color:#FFF;font-weight:700;padding:20px 0;}

.reasone .box2 h5 a:hover{color:#000;}

.reasone .box .hover-div{margin:0 auto;max-width:100%;position:relative;overflow:hidden;}

.reasone .box .hover-div img{width:100%;transition:all ease-in-out .5s;}

.reasone .box .hover-div:hover img{transition:all ease-in-out .5s;opacity:.6;transform:scale(1.2);}

.reasone ol {padding-left:15px;}

.reasone ol li {color:#000000; line-height:24px;}

.reasone p {color:#000000; font-weight:bold;}

.footer{width:100%; background-color:#212121;}

.footer h3{font-size:18px;font-weight:700;color:#FFF;margin:50px 0 10px;}

.footer .logo{margin:20px 0 20px;}

.footer p{font-size:13px;line-height:22px;color:#FFF;text-align:justify;margin:10px 0;}

.footer p i{color:#FFF;padding-right:5px; font-size:14px;}

.footer p a{font-size:13px;line-height:22px;color:#FFF;text-align:justify;margin:10px 0;}

.footer p a:hover{color:#33d2f9;}

.footer h4 a{font-size:14px;line-height:22px;color:#f80c0c;text-align:left;margin:30px 0;font-weight:700;}

.footer h4 a:hover{color:#33d2f9;}

.footer .social-icon{margin:0;}

.footer .facebook{display:inline;padding-right:12px;}

.footer .facebook a{height:30px;width:30px;margin:6px 1px;line-height:28px;text-align:center;vertical-align:middle;display:inline-block;color:#000;background-color:#FFF;border-radius:50%;transition:all ease .3s;border:1px solid #d2d2d2;}

.footer .facebook a:hover{background-color:#3b5998;color:#FFF;border:1px solid #000}

.footer .twitter{display:inline;padding-right:12px;}

.footer .twitter a{height:30px;width:30px;margin:6px 1px;line-height:28px;text-align:center;vertical-align:middle;display:inline-block;color:#000;background-color:#FFF;border-radius:50%;transition:all ease .3s;border:1px solid #d2d2d2;}

.footer .twitter a:hover{background-color:#00aced;color:#FFF;border:1px solid #000;}

.footer .google{display:inline;padding-right:12px;}

.footer .google a{height:30px;width:30px;margin:6px 1px;line-height:28px;text-align:center;vertical-align:middle;display:inline-block;color:#000;background-color:#FFF;border-radius:50%;transition:all ease .3s;border:1px solid #d2d2d2;}

.footer .google a:hover{background-color:#dd4b39;color:#FFF;border:1px solid #000;}

.footer .pinterest{display:inline;padding-right:12px;}

.footer .pinterest a{height:30px;width:30px;margin:6px 1px;line-height:28px;text-align:center;vertical-align:middle;display:inline-block;color:#000;background-color:#FFF;border-radius:50%;transition:all ease .3s;border:1px solid #d2d2d2;}

.footer .pinterest a:hover{background-color:#cb2027;color:#FFF;border:1px solid #000;}

.footer-bottom{width:100%;background-color:#090909;}

.footer-bottom p{color:#FFF;font-size:13px;text-align:center;margin:15px 0;}

.footer-bottom p a{color:#FFF;}

.footer-bottom p a:hover{color:#33d2f9;}

.breadcome {width:100%; background-color:#FFFFFF; height:300px; margin-top:0px;}

.breadcome h1{color:#FFFFFF; font-size:36px; padding:125px 0px; margin:0px; font-weight:bold; font-family: 'Merienda', cursive;}

.breadcome .about-bg {background-image:url(../images/about-us-banner.jpg); background-repeat:no-repeat; height:300px;}

.breadcome2 {width:100%; background-color:#4acceb; height:100px; margin-top:0px;}

.breadcome2 h1{color:#FFFFFF; font-size:28px; padding:35px 0px; margin:0px; font-weight:bold; font-family: 'Merienda', cursive;}

.breadcome2 .about-bg1 {background-image:url(../images/about-us-banner-1.jpg); background-repeat:no-repeat; height:100px;}

.about-us {width:100%; padding:30px 0px 30px;}

.about-us h2 {color:#000000; text-align:center; font-family: 'Merienda', cursive; font-weight:bold;}

.about-us .line {background-color:#4acceb; height:4px; width:8%; margin:20px auto 20px;}

.about-us p {font-size:14px; color:#000000; line-height:25px; text-align:justify;}

.about-us h3 {color:#4acceb; font-family: 'Merienda', cursive; font-weight:bold; font-size:16px;}

.products {width:100%; padding:60px 0px 50px;}

.products h1 {color:#4acceb; font-family: 'Merienda', cursive; font-size:28px; margin:20px 0px 30px; line-height:26px; text-align:center;}

.products h2 {color:#FF0000; font-family: 'Merienda', cursive; font-size:17px; margin:0px 0px 20px; line-height:26px; text-align:center;}

.products h2 a {color:#0033FF;}

.products h2 a:hover {color:#000000;}

.products h4 {color:#4acceb; font-family: 'Merienda', cursive; font-size:16px; margin:20px 0px 20px; line-height:26px; font-weight:bold; text-transform:uppercase;}

.products h4 a {color:#4acceb;}

.products h4 a:hover {color:#000000;}

.products h6 {color:#4acceb; font-family: 'Merienda', cursive; font-size:16px; margin:0px 0px 20px; line-height:26px; font-weight:bold;}

.products ol {padding-left:15px;}

.products ol li {line-height:24px; font-size:14px; color:#000000;}

.products .box {width:100%; border:1px solid #000000;}

.products .box .img-responsive {margin:0 auto; text-align:center; width:100%;}

.products .table-box {width:100%; border:4px solid #4acceb; border-radius:5px; padding:10px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.55);}

.products table {border:1px solid #000000; width:100%;}

.products tr td {padding:5px; color:#000000; font-size:14px; text-align:center; border:1px solid #000000;}

.products .box2 {width:100%; border:1px solid #000000; margin:15px 0px; padding:10px;}

.products .box2 h5 {color:#000000; font-family: 'Merienda', cursive; font-size:16px; margin:0px 0px 10px; line-height:26px; font-weight:bold; text-transform:uppercase; text-align:center;}

.products .box2 .line {background-color:#4acceb; height:2px; width:70%; margin:10px auto 20px;}

.products .box2 ul {padding-left:55px; margin:0px;}

.products .box2 ul li {list-style: outside none none; padding:5px 0px 5px 0px; line-height:25px;}

.products .box2 ul li:before {content:"\f101"; font-family: FontAwesome; display:inline-block; margin-left:-1.3em ; width:1.3em; color:#4acceb; font-size:14px;}

.products .box2 ul li a {text-decoration:none;  color:#000000; font-size:14px; font-weight:bold;}

.products .box2 ul li a:hover {text-decoration:none;  color:#4acceb; transition: all ease 0.5s;}

.products ul li {color:#000000; line-height:24px;}

.products p {font-size:14px; color:#000000; line-height:25px; text-align:justify;}

.products p a {color:#000000;}

.products p a:hover {color:#4acceb;}

.products .media .fa {font-size:20px; margin-top:3px;}

.products .mgc {width:100%; margin:20px 0px 20px;}

.products .mgc .img-responsive {margin:0 auto; text-align:center;}

.reasone-1 {width:100%; background-color:#f8f5f5; padding:60px 0px;}

.reasone-1 .box{width:100%; height:auto; position:relative; text-align:center; margin:10px 0;}

.reasone-1 .box .img-responsive{margin:0 auto; text-align:center; width:100%;}

.reasone-1 .box2{width:100%; background-color:rgba(74,204,235,0.8); text-align:center; position:absolute; bottom:0;}

.reasone-1 .box2 h5 a{font-size:16px; color:#FFF; font-weight:700; padding:20px 0;}

.reasone-1 .box2 h5 a:hover{color:#000;}

.reasone-1 .box .hover-div{margin:0 auto; max-width:100%; position:relative; overflow:hidden;}

.reasone-1 .box .hover-div img{width:100%; transition:all ease-in-out .5s;}

.reasone-1 .box .hover-div:hover img{transition:all ease-in-out .5s; opacity:.6; transform:scale(1.2);}

.inquiry .table-inquiry td{padding:0 0 0 10px;font-size:16px;border-color:#FFF;border:none;border:1px solid #FFF;text-align:left;}

.inquiry .table-inquiry table{border-color:#FFF;border:none;border:1px solid #FFF;}

.inquiry .table-inquiry .indi{text-align:center;font-weight:700;}

.inquiry .table-inquiry .indi-red{color:red;display:inline;}

.inquiry .table-inquiry{font-weight:700;}

.inquiry .table-inquiry td{padding:10px 0 0;}

.gallery {width:100%;}
    
.gallery #portfolio{text-align:center}

.gallery .btn{background:#ed3237;border:none;color:#FFF;content:"";z-index:4}

.gallery .btn a{color:#FFF;text-transform:uppercase}

.gallery .btn-bg{background:#06b5ca;color:#FFF;border:none}

.gallery .box-top-hover.btn-bg > span{line-height:40px;text-decoration:none;padding:0 20px;color:#FFF}

.gallery .btn-bg:hover{background:#373435;color:#fff}

.gallery .btn-bg:active{background:#ed3237;color:#FFF}

.gallery .button-main{margin:0 0 60px}

.gallery .button2{position:relative;display:inline-block;margin:0 10px 0 0;cursor:pointer;border:none;color:#FFF;background:#ed3237}

.gallery .button2:before{border-left:1px #000 solid;border-top:1px #000 solid;height:6px;width:6px;position:absolute;left:0;top:0;display:block;content:"";z-index:2;list-style:none;-webkit-transition:height .5s .4s,width .2s,color .2s;transition:height .5s .4s,width .2s,color .2s}

.gallery .button2:after{border-right:1px #000 solid;border-bottom:1px #000 solid;height:6px;width:6px;float:right;position:absolute;right:0;display:block;content:"";z-index:2;bottom:0;-webkit-transition:height .5s .4s,width .2s,color .2s;transition:height .5s .4s,width .2s,color .2s}

.gallery .button2 span{display:inline-block;list-style:none;padding:12px 22px;cursor:pointer;color:#FFF}

.gallery .button2 span:before{border-left:1px #000 solid;border-bottom:1px #000 solid;height:6px;width:6px;position:absolute;left:0;bottom:0;display:block;content:"";z-index:2}

.gallery .button2 span:after{border-right:1px #000 solid;border-top:1px #000 solid;height:6px;width:6px;float:right;position:absolute;top:0;right:0;display:block;content:"";z-index:2;bottom:0}

.gallery .button2:hover{background:#FFF;display:inline-block;list-style:none;margin:0 10px 0 0;cursor:pointer;border:none;color:#16afc7}

.gallery .button2:hover:before{border-left:1px #ed3237 solid;border-top:1px #ed3237 solid;height:100%;width:100%;position:absolute;left:0;top:0;display:block;content:"";z-index:2;list-style:none;-webkit-transition:height .5s .4s,width .2s,color .2s;transition:height .5s .4s,width .2s,color .2s}

.gallery .button2:hover:after{border-right:1px #ed3237 solid;border-bottom:1px #ed3237 solid;height:100%;width:100%;float:right;position:absolute;right:0;display:block;content:"";z-index:2;bottom:0;-webkit-transition:height .5s .4s,width .2s,color .2s;transition:height .5s .4s,width .2s,color .2s}

.gallery .button2:active,.button2.is-checked{background-color:#16afc7}

.gallery #portfolio .isotope{margin:60px 0 0}

.gallery #portfolio .isotope:after{content:'';display:block;clear:both}

.gallery .element-item > *{padding:5px;list-style:none;border:2px solid #34d3fb;border-radius:5px;margin:5px}

.gallery .element-item .name{position:absolute;left:10px;top:60px;text-transform:none;letter-spacing:0;font-size:12px;font-weight:400}

.gallery .element-item .symbol{position:absolute;left:10px;top:0;font-size:42px;font-weight:700;color:#fff}

.gallery .element-item .number{position:absolute;right:8px;top:5px}

.gallery .element-item .weight{position:absolute;left:10px;top:76px;font-size:12px}

.gallery .element-item{position:relative;float:left;width:25%;height:auto;color:#262524}

.gallery .main_box.user_style10{width:100%}

.gallery .element-item img{width:100%}

.gallery .element-item.business > li{list-style:none} 

























@media (max-width:320px) {
.header .logo{width:75%;}
.header .navbar-default{width:100%;}
.header .navbar-toggle {margin-top:39px;}
.header .header-top .box1{width:100%;text-align:center;}
.header .header-top .box2{width:100%;text-align:center;}
.header .box{text-align:center;}
.header .header-top .social-icon{float:none;}
.header .navbar-toggle{margin-right:20px;}
.parallax{height:800px;}
.parallax .box{margin:20px 0;text-align:center;}
.parallax .box .img-responsive{margin:0 auto;text-align:center;vertical-align:middle;}
.footer h3 {text-align:center;}
.footer h4 {text-align:center;}
.footer p {text-align:center;}
.footer .social-icon {text-align:center; margin:20px 0px 20px;}
.footer .logo .img-responsive {margin:0 auto; text-align:center;}
.footer-bottom p{text-align:center;}
.footer-bottom h6{text-align:center;}
.reasone .box .hover-div {max-width:100%;}
.breadcome2 h1 {font-size: 20px; padding: 15px 0px; text-align: center; line-height: 35px;}
.products h4 {text-align:center;}
.products ol {text-align:center; padding-left:0px;}
.gallery .element-item{ width:100% !important;}

.gallery .img-responsive {width:100%;}
}
@media screen and (min-width:321px) and (max-width:767px) {
.header .logo{width:75%}
.header .navbar-default{width:100%;}
.header .navbar-toggle {margin-top:39px;}
.header .box{text-align:center;}
.header .header-top .box1{width:100%;text-align:center;}
.header .header-top .box2{width:100%;text-align:center;}
.header .header-top .social-icon{float:none;}
.header .navbar-toggle{margin-right:20px;}
.header .navbar-default .navbar-nav > li > a{margin-left:10px;}
.parallax{height:800px;}
.parallax .box{margin:20px 0;text-align:center;}
.parallax .box .img-responsive{margin:0 auto;text-align:center;vertical-align:middle;}
.welcome .pro{margin:0 0 20px;}
.welcome .pro .img-responsive{margin:0 auto;text-align:center;vertical-align:middle;width:100%;}
.footer h3 {text-align:center;}
.footer h4 {text-align:center;}
.footer p {text-align:center;}
.footer .social-icon {text-align:center; margin:20px 0px 20px;}
.footer .logo .img-responsive {margin:0 auto; text-align:center;}
.footer-bottom p{text-align:center;}
.footer-bottom h6{text-align:center;}
.reasone .box .hover-div {max-width:100%;}
.breadcome2 h1 {font-size: 20px; padding: 15px 0px; text-align: center; line-height: 35px;}
.products h4 {text-align:center;}
.products ol {text-align:center; padding-left:0px;}
.gallery .element-item{ width:100% !important;}

.gallery .img-responsive {width:100%;}
}
@media (min-width:768px) and (max-width:1024px) {
.header .logo{width:75%}
.header .navbar-default{width:100%;}
.header .navbar-toggle {margin-top:39px;}
.header .navbar-default .navbar-nav > li > a{margin-left:10px;}
.header .header-top .box1{width:41%;}
.header .header-top p{font-size:11px;}
.header .header-top .box2{width:56%;}
.header .header-top p a{font-size:10px;}
.header .facebook{padding-right:0;}
.header .twitter{padding-right:0;}
.header .google{padding-right:0;}
.header .pinterest{padding-right:0;}
}




.whatsapp
{
  position: fixed;
  bottom: 68px;
  right: 32px;
  float: left !important;
  z-index: 999999;
}
.whatsapp img
{
  float: left !important;
  margin: 0px 0px 90px 20px;
}