@import "bootstrap.min.css";
@import "fonts.css";
@import "animate.css"; 
@import "menu4.css"; /* Designer Only */
@import "general.css"; /* Designer Only */
@import "hover.css"; /* Designer Only */
@import "main.css"; /* Designer Only */
@import "responsive.css";



/* 1.0 - General */
body{margin: 0; background: #FFFFFF;     font-family: 'Roboto';}
table,div{font-size:16px; color:#333333; line-height:26px;}
a{color: #333333; text-decoration: none; transition: all .2s ease-in-out; }
a:hover{color: #333333; text-decoration: none;}

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
* {box-sizing: border-box;}
::-webkit-input-placeholder {color: #000000;}/* Chrome/Opera/Safari */
::-moz-placeholder {color: #000000;}/* Firefox 19+ */
:-ms-input-placeholder {color: #000000;}/* IE 10+ */
:-moz-placeholder {color: #000000;}/* Firefox 18- */

img{border:none;}
p{margin:0 0 20px;     }
.img-left, .left{float:left;}
.img-right, .right{float:right;}
#logo, #left, #social, #contact-left{float:left;}
#top_link, #right, #copy-logo, #contact-right{float:right;}


.c-left{text-align: left;}
.c-center{text-align: center;}
.c-right{text-align: right;}
.uppercase {text-transform: uppercase;}

ul{margin: 0; padding: 0; list-style: none;}

.ul{margin:0; padding-left:0; margin-left:20px;}
.ul li{margin-bottom: 10px;}
/* .ul li{ list-style-image:url(../images/carts.jpg);} */

.mobile{display: none;}
.desktop{display: block;}

/* breadcrumb */
#drop_menu ul li.active a { color: #097ae3;}

/** 2.0 - Header **/
.navbar .navbar-header .icon-bar {background-color: #333333; display: block; width: 22px; height: 2px; border-radius: 1px; margin-top: 4px;}
#menu-toggle{display: none}
.navbar-inverse{margin: 0; background-color: #FFFFFF; border-color: transparent;}
.navbar{border-radius: 0; position: relative; }
.navbar-brand{padding: 10px 0; height: auto; text-transform: uppercase; color: #333333; font-size: 30px; line-height: 78px;}
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover{color: #333333}
#drop_menu ul li a {  color: #666666; text-align: left; font-weight: bold;  font-size: 15px;}

/** 4.0 - Footer **/



html {
  margin: 0;
  padding: 0;
  display: block;
  font-size: 16px;
}

body {
  margin: 0;
  padding: 0;
  display: block;
  font-size: 100%;
  /* ----------------------------- Global font */
  font-family: 'Roboto';
  background: white;
  
  -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

* {
  outline: none !important;
}

/* a tag */
a {
  display: inline-block;
  max-width: 100%;
  text-decoration: none;
  color: #0093dd;
}

a:hover, a:active, a:focus, a:visited {
  color: #8fc400;
  text-decoration: none;
}

/* Responsive image */
img {
  display: inline-block;
  max-width: 100%;
}

span {
  display: inline-block;
  max-width: 100%;
}

figure {
  /*overflow: hidden;
  max-width: 100%;
  display: block;*/
}

/* Input Placeholders */
:-moz-placeholder {
  opacity: 1;
}

:-ms-input-placeholder {
  opacity: 1;
}

::-webkit-input-placeholder {
  opacity: 1;
}

::-moz-placeholder {
  opacity: 1;
}

/* I tag for font-awesome icons */
i {
  display: inline-block;
}

/* Paragraph */
p {
  color:#000000;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  font-family: 'Roboto';
}


/* Horizontal line */
hr {
  max-width: 70px;
  width: 100%;
  display: block;
  height: 0;
  clear: both;
  border: 2px solid #d7d7d7;
  margin: 0;
}

.no-padding { padding-left:0; padding-right:0;}
.no-left-padding { padding-left:0; }
.no-right-padding { padding-right:0; }
.no-top-padding {padding-top: 0 !important;}
.no-top-padding-lg {padding-top: 0 !important;}
.no-tb-padding { padding-top:0 !important; padding-bottom:0 !important;}
.no-bottom-padding {padding-bottom: 0 !important;}
.no-border {border: none !important;}
.no-border-lg {border: none !important;}
.no-pagesection-padding { padding: 0 !important; }
.no-pagesection-top-padding { padding-top: 0 !important; }


/* White section (.site-white-section) class */
 .site-white-section {
  margin: 0;
  padding: 70px 0;
  width: 100%;
  clear: both;
  display: block;
  text-align: center;
  background: white;
}

/* Gray section (.site-gray-section) class */
 .site-gray-section {
  margin: 0;
  padding: 70px 0;
  width: 100%;
  clear: both;
  display: block;
  text-align: center;
  background: #f2f2f2;
}

/* Dark section (.site-dark-section) class */
 .site-dark-section {
  margin: 0;
  padding: 70px 0;
  width: 100%;
  clear: both;
  display: block;
  text-align: center;
  background: #3e3e3e;
}


.site-white-section h1, .site-dark-section h1, .site-gray-section h1 {
  /* H1 heading */
  font-size:40px;
  line-height:1.5;
  text-transform: none;
  font-weight:900;
  position: relative;
  display: inline-block;
  margin:0 0 10px 0;
  float: none;
}

.site-white-section h1, .site-gray-section h1 {
  /* H1 heading color*/
  color: #000000;

}

.site-dark-section h1{
  /* H1 heading color*/
  color: #ffffff;
}


.site-white-section h1 a, .site-gray-section h1 a {
  color: #1a1e2a;
}

.txt-white {color: #ffffff;}

.section-heading {
  /* H1 heading */
  font-size:40px;
  line-height:1.5;
  text-transform: none;
  font-weight:900;
  position: relative;
  display: inline-block;
  margin:0 0 10px 0;
  float: none;
}

@media screen and (max-width: 767px) {
   .site-dark-section h1 {
    font-size: 32px;
    line-height: 44px;
    padding-bottom: 10px;
  }
}


.site-white-section h2, .site-dark-section h2, .site-gray-section h2 {
  /* H1 heading */
  font-size:40px;
  line-height:1.5;
  text-transform: capitalize;
  font-weight:900;
  position: relative;
  display: block;
  margin:0 0 10px 0;
  padding: 0 150px;
  float: none;
  color: #000000;
}


.site-dark-section h2 {
  color: #ffffff;
}

.site-white-section h2 span, .site-dark-section h2 span {
  color: #fd3c3d;
}

.site-white-section h3, .site-dark-section h3, .site-white-section h4, .site-dark-section h4, .site-white-section h5, .site-dark-section h5, .site-white-section h6, .site-dark-section h6 {
  /* a tag color change inside headings */
  margin: 0;
  padding: 0;
}


.site-dark-section-a h2, .site-dark-section-b h2 {
  /* H2 heading */
  color: #fd3c3d;
}


/* dotted-bg (.dotted-bg) class */
 .dotted-bg {
  background:url(../images/dot-bg.jpg) repeat;
}


/* drk-dotted-bg (.drk-dotted-bg) class */
 .drk-dotted-bg {
  background:url(../images/dark-dot-bg.jpg) repeat;
}

.primary-color {
  color: #80af01;
}


/* INNER PAGE DEADING */
.page-section h2 {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 32px;
  color: #000000;
  font-weight: 700;
  padding:15px 0;
}

.site-dark-section-a p {
  /* Paragraph */
  color: white;
}

/* Align center class */
.section-align-center {
  display: inline-block;
}

/* Fluid Container max width set when use (.wide) class */
.container-fluid.wide {
  max-width: 1400px;
}

/* Theme button */
a.theme-btn {
  /* a tag */
  background: none;
  color: #000000;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  text-transform: uppercase;
  text-align: center;
  padding: 10px 30px;
  position: relative;
  overflow: hidden;
  transition: 400ms ease;
  transition-property: color, background;
  cursor: pointer;
  z-index: 1;
  display: inline-block;
  border:#8fc400 solid 2px;
  letter-spacing: 1px;
}

a.btn-bg-dark {
/* a tag */
  background: #000;
  color: #8fc400;
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  text-transform: uppercase;
  text-align: center;
  padding: 10px 30px;
  position: relative;
  overflow: hidden;
  transition: 400ms ease;
  transition-property: color, background;
  cursor: pointer;
  z-index: 1;
  display: inline-block;
  border:#8fc400 solid 2px;
  letter-spacing: 1px;
}

a.btn-bg-dark:hover {
  background: #8fc400;
  color: #000;
}

a.theme-btn:hover {
  background: #8fc400;
}

a.theme-btn.white {
  /* a tag */
  color: #ffffff;
  border:#ffffff solid 2px;
}

a.theme-btn.white:hover {
  background: #8fc400;
  border:#8fc400 solid 2px; 
}



/* HOME USP */

.home-usp {
  float: left;
  width: 100%;
  background:url(../images/usp-bg.jpg) repeat-x bottom center;
  margin-top: -100px;
}

.home-usp .white-box {
  float: left;
  width: 100%;
  background:url(../images/usp-glob.png) no-repeat bottom center;
  padding: 100px 0 220px 0;
}

.home-usp .usp-box {
  float: left;
  width: 100%;
  padding: 30px 20px;
  text-align: center;
  background: #ffffff;

  -webkit-box-shadow: 0px 27px 62px -13px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 27px 62px -13px rgba(0,0,0,0.18);
box-shadow: 0px 27px 62px -13px rgba(0,0,0,0.18);
}

.home-usp .usp-box::after {
    position: absolute;
    content: '';
    width: 4px;
    height: 84px;
    background:url(../images/usp-line.png) no-repeat ;
    bottom: -82px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.down-level {
  margin-top: 80px;
}

.home-usp .usp-box h3 {
  float: left;
  width: 100%;
  font-size: 40px;
  color: #80af01;
  text-align: left;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  padding: 0;
  text-align: center;
}

.home-usp .usp-box p {
  float: left;
  width: 100%;
  font-size: 14px;
  color: #000000;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  margin: 0;
  padding: 0;
  text-align: center;
}

.home-usp .usp-box figure {
  float: left;
  width: 100%;
  text-align: center;
  line-height: 1;
  margin: 0;
  padding: 0 0 15px 0;
}

.home-usp .usp-box.no-border {
  border-right: none;
}


.home-usp .home-about {
  float: left;
  width: 100%;
  margin: 0;
  padding:70px 0;
}


@media screen and (max-width: 991px) {
}

/* home why */

.hcont-box {
  float: left;
  width: 100%;
  border: #ffffff solid 2px;
  text-align: left;
  padding:60px 30px;
  position: relative;
}

.hcont-box figure {
  float: left;
}

.hcont-box-inner {
  float: left;
  position: absolute;
  left: 180px;
  padding: 0 15px 0 0;
}

.hcont-box-inner h3 {
  float: left;
  font-size: 40px;
  font-weight: 700;
  color: #ffffff;
  width: 100%;
}

.hcont-box-inner p {
  float: left;
  font-size: 15px;
  font-weight: 400;
  color: #ffffff;
  width: 100%;
  line-height: 1.5;
  padding: 20px 0 0 0;
}






/* HOME PRODUCT */

.h-pro-box {
  float: left;
  width: 100%;
  background: #ffffff;
  position: relative;
  height: 278px;
  margin-bottom: 30px;
}

.h-pro-box:hover .hpb-cont h3 {
  color: #80af01;
  transition: all ease .5s;
}

.hpb-img {
  float: left;
  width: 50%;
  padding: 0;
  margin: 0;
}

.hpb-img img {
  width: 100%;
  max-width: 100%;
}

.hpb-cont {
  float: left;
  width: 50%;
  padding: 10px 30px 30px 30px;
}

.hpb-cont h3 {
  font-size: 26px;
  font-weight: 900;
  text-align: left;
  text-transform: uppercase;
}

.hpb-list {
  position: absolute;
  bottom: 30px;
  text-align: left;
}

.hpb-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.hpb-list ul li {
  padding: 0;
  margin: 0;
}

.hpb-list ul li a {
  font-size: 15px;
  text-align: left;
  color: #565656;
  line-height: 1.2;
  padding: 0;
  margin: 0;
}

.hpb-list ul li a:hover {
  color: #80af01;
}

.hpb-photo {
  background: #575757;
  width: 50%;
  text-align: center;
  float: left;
  padding: 111px 0;
  position: relative;
}

.hpb-photo:hover i {
  color: #8fc400;
  transition: all ease .5s;
}

.hpb-photo:hover .g-ttl {
  color: #8fc400;
  transition: all ease .5s;
}

.hpb-photo a i {
  text-align: center;
  font-size: 26px;
  color: #ffffff;
}

.hpb-photo a .g-ttl {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  color: #ffffff;
  z-index: 1;
  position: relative;
}

.hpb-photo.video {
  background: #707070;
}

.bg-icon {
  position: absolute;
  right: 0px;
  bottom: 0;
}


/* HOME ABOUT */

.pera p {
  position: relative;
  color: #353535;
  text-align: center;
  font-size: 15px;
}


/* HOME GLOBAL INSTALL */


.global-install {
  float: left;
  width: 100%;
}

.global-install .install-map {
  float: left;
  width: 100%;
  text-align: center !important;
  padding: 0;
  margin: 0;
}


/* HOME highlight */

.highlight {
background:url(../images/highlight-bg.jpg) no-repeat;
background-attachment: fixed;
background-size: cover;
}

.highlight .highlight-box {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  background: #ffffff;
  padding:12px;
}

.highlight .content-box {
  float: left;
  width: 100%;
  text-align: center;
  margin: 0;
  padding:0;
}

.highlight .highlight-box h3 {
  float: left;
  width: 100%;
  font-size:17px;
  color: #000000;
  text-align: left;
  font-weight:700;
  line-height: 1.2;
  margin: 0;
  padding: 10px 0;
  text-transform: capitalize;
}

.highlight .highlight-box p {
  float: left;
  width: 100%;
  font-size: 15px;
  color: #494949;
  text-align: left;
  font-weight: 400;
  text-transform: capitalize;
  line-height: 1.5;
  margin: 0;
  padding: 0 0 5px 0;
}

.highlight .highlight-box i {
  float: left;
  font-size: 16px;
  color: #ffffff;
  text-align: left;
  line-height: 1;
  margin: 0;
  padding: 8px;
  background: #939393;
  border-radius: 100px;
  margin: 10px 0;
}

.highlight .highlight-box:hover i {
  background: #8fc400;
  transition: all ease .5s;
}


.highlight .highlight-box figure {
  float: left;
  width: 100%;
  text-align: center;
  line-height: 1;
  margin: 0;
  padding: 0;
}


/* HOME YOUTUBE FEED */

.youtubefeed {
  float: left;
  width: 100%;
  background:url(../images/collage.jpg) no-repeat top center;
  background-size: contain;
}


.youtubefeed .utubfeed-box {
  float: left;
  width: 100%;
  text-align: left;
  margin-bottom: 20px;
  padding: 0 ;
}

.youtubefeed .utubfeed-box .content-box {
  float: left;
  width: 100%;
  text-align: left;
  margin: 0;
  padding: 20px 0;
}

.youtubefeed .utubfeed-box h3 {
  float: left;
  width: 100%;
  font-size:17px;
  color: #000000;
  text-align: left;
  font-weight:700;
  line-height: 1.5;
  margin: 0;
  padding: 0 0 12px 0;
  text-transform: inherit;
}

.youtubefeed .utubfeed-box p {
  float: left;
  width: 100%;
  font-size: 14px;
  color: #828282;
  text-align: left;
  font-weight: 300;
  text-transform: capitalize;
  line-height: 1;
  margin: 0;
  padding: 0;
}

.youtubefeed .utubfeed-box figure {
  float: left;
  width: 100%;
  text-align: left;
  line-height: 1;
  margin: 0;
  padding: 0;
}


/* BUSINESS INQUIRY */

.binq {
  float: left;
  width: 100%;
  padding: 0 0 40px 0;
}

.binq h3 {
  float: left;
  width: 100%;
  font-size: 25px;
  font-weight: 700;
  padding: 0 0 15px 0;
}

.binq-list {
  float: left;
  width: 100%;
}

.binq-list ul {
  float: left;
  width: 100%;
  list-style: none;
}

.binq-list ul li {
  float: left;
  width: 100%;
  list-style: none;
  padding: 0 0 8px 0;
}

.binq-list ul li i {
  color: #8fc400;
}



/* FOOTER */

.site-footer {
  float: left;
  width: 100%;
  margin: 0;
  padding: 70px 0 0 0;
  background:url(../images/footer-doted-bg.jpg) repeat;
}

.footer-contact-box {
  float: left;
  width: 100%;
  margin-top: -100px;
}

.contact-info {
  background: #8fc400;
  float: left;
  width: 100%;
}

.site-footer .fbox {
  float: left;
  width: 100%;
  margin: 0;
  padding: 50px 25px;
  text-align: left;
  border-right: solid #222222 2px;
}

.no-right-border {
  border-right: none !important;
}

.midddle-box {
  background: #a5d033
}

.site-footer .fbox .ttl {
  float: left;
  width: 100%;
  margin: 0 0 15px 0;
  padding: 0px;
  text-align: left;
  font-size: 22px;
  font-weight: 700;
  color: #000000;
}


.site-footer .fbox .text {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 15px;
  font-weight: 400;
  color: #000000;
  line-height: 1.8;
}

.email-box {
  float: left;
  width: 100%;
  border-top: solid #222222 2px;
  padding: 20px 0;
  font-size: 25px;
  color: #000000;
}

.footer-link-box {
  float: left;
  width: 100%;
  padding: 70px 0 0 0;
  background:url(../images/footer-map.png) no-repeat center center;
}

.footer-link-box .l-box {
  float: left;
  width: 100%;
  
}

.footer-link-box .l-box .ttl {
  float: left;
  width: 100%;
  margin: 0 0 25px 0;
  padding:0 0 8px 0;
  text-align: left;
  font-size: 22px;
  font-weight: 700;
  color: #ffffff;
  border-bottom: #919191 solid 2px;
}

.footer-link-box .links {
  float: left;
  width: 100%;
}

.footer-link-box .links.links-2-colom {
  float: left;
  width: 49%;
}



.footer-link-box .links ul {
  float: left;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-link-box .links ul li {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}

.footer-link-box .links ul li a {
  float: left;
  width: 100%;
  font-size: 15px;
  color: #d3d3d3;
  text-align: left;
  line-height: 1.5;
  padding: 5px 0;
  margin: 0;
}

.footer-link-box .links ul li a:hover {
  color: #8fc400;
  transition: all ease .5s;
}

.last-footer {
  float: left;
  width: 100%;
  background: #0f0f0f;
  border-top: #8fc400 solid 2px;
  padding: 40px 0;
  margin-top:70px;
}

.last-footer .footer-social{
  float: right;
  width: 100%;
}

.last-footer .footer-social ul{
  float: right;
  list-style: none;
  padding: 0;
  margin:0;
}

.last-footer .footer-social ul li {
  float: right;
  list-style: none;
  padding: 0;
  margin:0;
}

.last-footer .footer-social ul li a {
  color: #ffffff;
  border: #4c4c4c solid 1px;
  border-radius:100%;
  padding: 8px 13px;
  margin-left: 10px;
}

.last-footer .footer-social ul li a:hover {
  color: #000000;
  border: #8fc400 solid 1px;
  background: #8fc400;
}

.last-footer .copy {
  float: left;
  width: 100%;
  font-size: 14px;
  color: #6a6a6a;
  text-align: left;
  line-height: 1.5;
}


@media screen and (max-width: 990px) {
 .footer-link-box .l-box{
  margin-bottom:40px;
 }
}
 

 

/* PRODUCT PAGE */

/* Top banner*/

.main-banner-section {
  float: left;
  width: 100%;
  position: relative;
}

.main-banner-section::after {
  display: block;
  position: absolute;
  content: "";
  width: 100%;
  height: 6px;
  bottom: 0;

  background: rgba(130,168,26,1);
background: -moz-linear-gradient(left, rgba(130,168,26,1) 0%, rgba(78,103,10,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(130,168,26,1)), color-stop(100%, rgba(78,103,10,1)));
background: -webkit-linear-gradient(left, rgba(130,168,26,1) 0%, rgba(78,103,10,1) 100%);
background: -o-linear-gradient(left, rgba(130,168,26,1) 0%, rgba(78,103,10,1) 100%);
background: -ms-linear-gradient(left, rgba(130,168,26,1) 0%, rgba(78,103,10,1) 100%);
background: linear-gradient(to right, rgba(130,168,26,1) 0%, rgba(78,103,10,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82a81a', endColorstr='#4e670a', GradientType=1 );

}

.main-banner-section .page-heading {
  float: left;
  width: 100%;
  padding: 40px 0px 40px 0px;
}

.main-banner-section .page-heading h1 {
  display: initial;
  font-size: 40px;
  color: #000000;
  text-transform: uppercase;
  font-weight: 900;
  line-height: 1.3;
  padding: 0;
}

.main-banner-section .bcum {
  float: left;
  width: 100%;
  padding:0;
}

.main-banner-section .bcum ul {
  float: left;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}

.main-banner-section .bcum ul li {
  float: left;
  list-style: none;
  padding: 0 15px 0 0;
  margin: 0;
  font-size: 15px;
  color: #000000;
}

.main-banner-section .bcum ul li a{
  float: left;
  font-size: 15px;
  font-weight: 400;
  color: #818181;
}

.main-banner-section .bcum ul li a:hover {
  text-decoration: underline;
}

.dnldbro {
  float: right;
  padding: 60px 0px 40px 0px;
}

.dnldbro-prd {
  float: right;
  padding: 0px 0px 40px 0px;
}

.dnldbro-prd a {
  float: right;
  background: #8fc400;
  padding: 10px 25px;
  color: #000000;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 900;
}

.dnldbro-prd a:hover {
  background: #000000;
  color: #8fc400;
}

.dnldbro a {
  float: right;
  background: #8fc400;
  padding: 10px 25px;
  color: #000000;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 900;
}

.dnldbro a:hover {
  background: #000000;
  color: #8fc400;
}

.abt-image-cont {
  height: 400px;
  max-width: 1140px;
  margin: 0 auto;
  margin-top: 0px;
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  border-top: solid 10px yellow;
}

.abt-image-cont > div {
  height: 400px;
  width: 3500px;
  background: url('../images/about-scroll-img.jpg') repeat;;
  position: absolute;
  top: 0;
  left: 0;
  /*height: 100%;*/
  transform: translate3d(0, 0, 0);
}

.abt-image-cont .mover-1 {
  animation: moveSlideshow 40s linear infinite;
}

@keyframes moveSlideshow {
  100% { 
    transform: translateX(-66.6666%);  
  }
}

/* top banner end */

.page-section {
  float: left;
  width: 100%;
  padding: 50px 0;
}

.page-section .bodytext{
  float: left;
  width: 100%;
}

.page-section .bodytext p{
  float: left;
  width: 100%;
  padding: 0 0 25px 0;
  margin: 0;
  text-align: left;
}

.page-inner-section {
  float: left;
  width: 100%;
  padding: 30px 0;
}

.page-inner-section h3 {
  float: left;
  width: 100%;
  padding:0 0 25px 0;
  font-size: 30px;
  font-weight: 900;
  color: #000000;
  text-align: left;
}

.green-text {
  color: #8fc400;
}

.green-light-text {
  color: #8fc400;
}

.page-img {
  float: left;
  padding: 0 0 25px 0;
}

.list-box {
  float: left;
  width: 100%;
  background: #e7f7e8;
  padding: 30px 15px;
}

.list-box ul {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

.list-box ul li {
  float: left;
  width: 100%;
  padding: 5px 15px;
  margin: 0;
  line-height: 1.6;
  list-style: none;
  color: #000000;
  position: relative;
}

.list-box ul li:after {
    /*display: block;
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    left: 0;
    top: 10px;*/
}

.list-box ul li:hover {
  color: #ffffff;
  background: #10ac1b;
}

.question-box {
  background:url(../images/bg1.jpg) no-repeat;
  background-attachment: fixed;
  background-size: cover;
  padding: 80px 0 150px 0;
}

.question-box-blank {  
  padding: 0px 0 60px 0;
}

.question {
  float: left;
  width: 100%;
  margin: 0 0 25px 0;
}

.question a{
  float: left;
  width: 100%;
  font-size: 20px;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  padding: 50px 20px;
}



.question.q1 {
  float: left;
  width: 100%;
  background:url(../images/qbg1.jpg) repeat;
}

.question.q2 {
  float: left;
  width: 100%;
  background:url(../images/qbg2.jpg) repeat;
}

.question a:hover{
  color: #8fc400;
  }

.dotedbg {
  float: left;
  width: 100%;
  background:url(../images/dot-bg.jpg) repeat;
}

.page-section .ab-video{
  float: left;
  width: 100%;
}

.page-section .ab-video .abv{
  float: left;
  width: 100%;
}

.protab-section {
  float: left;
  width: 100%;
}

.protab-section .prorow {
  float: left;
  width: 100%;
  padding:40px 0;
  margin: 0;
  border-bottom: #c5c5c5 solid 1px;
}


.protab-section .prorow .left {
  float: left;
  width: 100%;
  padding:0;
  margin: 0;
}

.protab-section .prorow .right {
  float: left;
  width: 100%;
  padding:0;
  margin: 0;
  text-align: left;
}


.protab-section .prorow h3 {
  float: left;
  width: 100%;
  padding:0 0 15px 0;
  margin: 0;
  text-align: left;
  font-size: 20px;
  font-weight: 800;
  color: #000000;
  text-transform: capitalize;
}

.protab-section .prorow p {
  float: left;
  width: 100%;
  padding:0 0 15px 0;
  margin: 0;
  text-align: left;
 
}

#container {
    width: 1170px;
    margin: 0 auto;
}

@media only screen and (max-width: 768px) {
    #container {
        width: 90%;
        margin: 0 auto;
    }
}

.prorow a {
  display: contents;
}

.prorow .tab-pg-box {
  float: left;
  width: 100%;
  margin: 0 0 15px 0;
}

.prorow .tab-pg-box {
  float: left;
  width: 100% !important;
}

.prorow .tab-pg-box:hover figure{
  background: #10ac1b;
  position: relative;
}

.prorow .tab-pg-box figure img{
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

.hover-text {
  display: none;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff ;
}

.prorow .tab-pg-box:hover .hover-text{
  display: block;
  position: absolute;
  z-index: 100;
  top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 transition: all ease .5s;
}

.prorow .tab-pg-box h4 {
  float: left;
  width: 100%;
  text-align: left;
  font-size: 16px;
  color: #000000;
  font-weight: 700;
  line-height: 1.4;
  padding: 6px 0;
}

.prorow .tab-pg-box, .tab-vd-box h4 {
  float: left;
  width: 100%;
  text-align: left;
  font-size: 18px;
  color: #000000;
  font-weight: 700;
  line-height: 1.5;
  padding: 6px 0;
}


.prorow .tab-pg-box:hover img {
  opacity: 0.1;
  background: #10ac1b;
  transition: all ease .5s;
}

.prorow .tab-vd-box {
  float: left;
  width: 100%;
  margin: 0;
  min-height: 500px;
}

.prorow .tab-vd-box img {
  float: left;
  width: 100%;
}

.tab-vd-box p {
  float: left;
  width: 100%;
  text-align: left;
  font-size: 15px;
  color: #5a5959;
  font-weight: 400;
  line-height: 1.5;
  padding: 6px 0;
}


.prorow .tab-dld-box {
  float: left;
  width: 100%;
  margin-bottom: 25px;
  border: #dbdbdb solid 2px;
  padding: 5px 5px 12px 5px;
  position: relative;
}

.prorow .tab-dld-box:hover {
  background: #10ac1b;
  border: #10ac1b solid 2px;
  transition: all ease 0.5s;
}

.prorow .tab-dld-box:hover h4{
  color: #ffffff;
}

 .prorow.dld a {
  float: left;
  width: 100%;
  max-width: 100%;
}

.prorow .tab-dld-box h4{
  float: left;
  padding:6px 0 0 40px;
  color: #000000;
  font-weight: 600;

}

.prorow .tab-dld-box i{
  float: left;
  position: absolute;
  padding: 7px 6px;
  background: #10ac1b;
  color: #ffffff;
}


.tab-form {
  float: left;
  width: 100%;
  padding: 30px;
  background-color: #f2f2f2;
  text-align: center;
}

.tab-form h2{
  padding-bottom:0;
  margin-bottom: 0px;  
}


.tab-form p{
  padding-bottom:0;
  margin-bottom: 40px;
  color: #000000;
}


.tab-form .inputrow {
  float: left;
  width: 100%;
  padding: 0;
  text-align: left;
  margin-bottom: 15px;
}

.tab-form .inputrow p{
  float: left;
  width: 100%;
  font-size: 16px;
  color: #000000;
  padding: 0;
  text-align: left;
  margin-bottom:5px;
  font-weight: 600;
}

.tab-form .inputrow .inbox {
  float: left;
  width: 100%;
}

.tab-form .inputrow .inbox input{
  float: left;
  width: 100%;
  height: 45px;
  font-size: 16px;
  color: #000000;
  padding: 0;
  text-align: left;
  border:#8e8e8e solid 1px;
}

.tab-form .inputrow .inbox select{
  float: left;
  width: 100%;
  height: 45px;
  font-size: 16px;
  color: #000000;
  padding: 0;
  text-align: left;
  border:#8e8e8e solid 1px;
}

.tab-form .inputrow .inbox textarea {
  float: left;
  width: 100%;
  height: 80px;
  font-size: 16px;
  color: #000000;
  padding: 0;
  text-align: left;
  border:#8e8e8e solid 1px;
}


/*table*/


 
 .comite-table .table { width: 100%; margin: 0px 0 0px;}
 .comite-table .table th {  background: none repeat scroll 0 0 #323d75; border-right: none;
  font-weight: bold;  padding: 11px 27px; color: #FFFFFF; font-size: 15px;  line-height: 24px;  height: 50px;}
  .table tr:hover td a{ color: #15a8e0; text-decoration: underline;}
.comite-table  .table td, .comite-table  .table td a {  color: #000; border: none;}
.table-striped tbody tr td{ background: #ecf1f2 !important;}
.table-striped tbody tr:nth-of-type(2n+1) td {  background-color: #f4f9fa !important;}
.table-striped.table td { height: 60px; vertical-align: middle;}
.comite-table { padding: 20px;}

@media only screen and (min-width:992px) and (max-width:1199px) {

.comite-table { width: 100%;}
#no-more-tables { width: 100%;  overflow: scroll;}
.comite-table .table {  min-width: 980px !important;  margin: 0px 0 0px;}

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

.comite-table { width: 100%;}
#no-more-tables { width: 100%;  overflow: scroll;}
.comite-table .table {  min-width: 980px !important;  margin: 0px 0 0px;}


}

@media only screen and (max-width: 767px) {

  .comite-table { width: 100%;}
#no-more-tables { width: 100%;  overflow: scroll;}
.comite-table { width: 100%;  padding: 30px;}
.table-striped tbody tr {   border: 2px solid #353f71 !important; text-align: center;} 
 .table td,  .table th {  width: 100%;  display: block;}
 .blue-right {  height: auto !important;  padding: 15px !important;}
 .table thead th {    text-align: center; width: 100%;  padding: 5px 0 5px 0; height: auto;}
  #no-more-tables td:before { content: attr(data-title); }
  
  #no-more-tables td::before {  content: attr(data-title);  position: absolute; top: 0;
  left: 0;  right: 0; background: transparent;  color: #323d75; padding: 10px;  height: auto; padding-bottom: 0;
  font-weight: bold;  border-top: 1px solid #323d75; font-size: 15px;text-transform: uppercase;}

   .table td, .member-form-wrap .table th { width: 100%;  display: block; position: relative; padding-top: 30px !important; padding-bottom: 17px !important;
  float: left;  min-height: ;}
 .table  thead {  display: none;}
 .table-striped tbody tr {  border-bottom: 1px solid #ddd;  text-align: center; margin-bottom: 20px !important; float: left;}
 .table tbody { border: none;}
}

@media screen and (max-width: 1199px) {
.dbox .right a {
  font-size: 14px;
  }

  .dbox .left .cat img {
    float: left;
    width: 100%;
  }
}


/* case study */
#testimonial-slider {float: left; padding-bottom: 25px !important;}
.case-study { border-top: #eeeeee solid 1px; }


/* DOWNLOAD PAGE */

.download-box {
  float: left;
  width: 100%;
  border-bottom: #a5a5a5 solid 2px;
  padding-bottom: 40px;
  margin-bottom: 40px;
  min-height: 240px;
}

.dld-left {
  float: left;
  width: 100%;
  padding: 0 15px 0 0;
}

.dld-left.fourcolom {
  float: left;
  width: 25%;
  padding: 0 15px 0 0;
}

.dld-right {
  float: left;
  width: 100%;
}

.dld-right.threecolom {
  float: left;
  width: 25%;
}


.dld-right a {
  float: left;
  width: 100%;
}

.dld-row {
  float: left;
  width: 100%;
  border: #dbdbdb solid 2px;
  padding: 4px;
  margin-bottom: 10px;
}

.dld-row:hover {
  border: #8fc400 solid 2px;
  background: #8fc400;
  transition: all ease .5s;
}

.dld-row:hover i {
  background: #222222;
  transition: all ease .5s;
}

.dld-row i {
  float: left;
  background: #8fc400;
  padding: 6px 6px;
  color: #ffffff;
}

.dld-row h4 {
  float: left;
  text-align: left;
  font-size: 15px;
  color: #000000;
  font-weight: 600;
  line-height: .6;
  padding: 0 0 0 10px;
  margin-bottom: 0;
}

.download-box h3 {
  float: left;
  width: 100%;
  text-align: left;
  font-size: 20px;
  color: #000000;
  font-weight: 700;
  line-height: 1;
  padding: 0 0 20px 0;
  margin: 0;
}

.download-box p {
  float: left;
  width: 100%;
  text-align: left;
  font-size: 14px;
  color: #3e3e3e;
  line-height: 1;
  padding: 12px 0;
  margin: 0;
}

.download-box figure {
  float: left;
  width: 100%;
  text-align: left;
  padding: 0;
  margin: 0;
}

.download-box figure img {
  width: 100%;
}




@media screen and (max-width: 991px) {
  .download-box .content {
    min-height: 65px;
  }
}

@media screen and (max-width: 767px) {
  .download-box .content {
    min-height: inherit;
  }
}



/* GALLERY LIST PAGE */

.gallery-row {
  float: left;
  width: 100%;
  margin: 0 0 40px 0;
  border-bottom: #d9d9d9 solid 1px;
}

.gallery-row h2 {
  font-weight: 400;
}

.list-box {
  float: left;
  width: 100%;
  margin: 0 0 40px 0;
}   

.list-box a {
  float: left;
  width: 100%;
}  

.list-box figure {
  float: left;
  width: 100%;
}  

.list-box figure img {
  float: left;
  width: 100%;
} 

.list-box .photo-btn figure img {
  float: left;
  width: auto;
}   


.gallery-row .list-box h4 {
  float: left;
  width: 100%;
  text-align: left;
  font-size: 14px;
  color: #ffffff;
  line-height: 1;
  padding: 18px 15px;
  font-weight: 300;
  margin:0;
  background: #3e3e3e;
}

.gallery-row .list-box .photo-btn a {
  position: relative;
  float: left;
  width: 100%;
  text-align: left;
  font-size: 14px;
  color: #ffffff;
  line-height: 1.2;
  padding: 18px 45px;
  font-weight: 700;
  margin:0;
  text-transform: uppercase;
}

.gallery-row .list-box .photo-btn.more-photo a {
  background: #0093dd;
  margin-bottom: 22px;
}

.gallery-row .list-box .photo-btn.more-photo a:hover {
  background: #006ea5;
  transition: all ease .5s;
}


.gallery-row .list-box .photo-btn.catlog a {
  background: #021d56;
}

.gallery-row .list-box .photo-btn.catlog a:hover {
  background: #03308f;
  transition: all ease .5s;
}

.gallery-row .list-box .photo-btn figure {
  position: relative;
  float: left;
}

.gallery-row .list-box .photo-btn .text {
  position: absolute;
  top: 25px;
  left: 120px;
  color: #ffffff;
  line-height: 1.2;
}

.page-list {
  float: left;
  width: 100%;
  padding: 15px 0 0 20px;
}

.page-list ul {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}

.page-list ul li {
  float: left;
  width: 100%;
  list-style: none;
  padding: 5px 0 5px 18px;
  margin: 0;
  background:url(../images/list-arrow.png) no-repeat left ;
  
}



/* GALLERY PAGE */

.gallery-box {
  float: left;
  width: 100%;
  margin: 0 0 40px 0;
}


.gallery-box figure {
  float: left;
  width: 100%;
  text-align: left;
  padding: 0;
  margin: 0;
}


/* ABOUT US PAGE - USP */

.abt figure{
  margin: 0 0 25px 0;
}

.page-usp {
  float: left;
  width: 100%;

}

.page-usp .white-box {
  float: left;
  width: 100%;
}

.page-usp .usp-box {
  float: left;
  width: 100%;
  padding: 20px;
}

.page-usp .usp-box h3 {
  float: left;
  width: 100%;
  font-size: 40px;
  color: #4e4e4e;
  text-align: center;
  font-weight: 300;
  line-height: 1.2;
  margin: 0;
  padding: 0;
}

.page-usp .usp-box p {
  float: left;
  width: 100%;
  font-size: 13px;
  color: #4e4e4e;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1;
  margin: 0;
  padding: 0;
}

.page-usp .usp-box figure {
  float: left;
  width: 100%;
  text-align: center;
  line-height: 1;
  margin: 0;
  padding: 0 0 15px 0;
}

.page-usp .usp-box.no-border {
  border-right: none;
}

.page-usp .home-about {
  float: left;
  width: 100%;
  margin: 0;
  padding:70px 0;
}

.page-artwork {
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  padding:100px 0;
  background:url(../images/artwork.png) no-repeat center center;
  background-size: cover;
}


.company {
  float: left;
  width: 100%;
  height: auto;
  margin: 0;
  background:url(../images/company-bg.jpg) no-repeat center center;
  background-size: cover;
}


.company figure {
  float: left;
  width: 100%;
}


.page-list-2 {
  float: left;
  width: 100%;
  padding: 0;
}

.page-list-2 ul {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}

.page-list-2 ul li {
  float: left;
  width: 100%;
  list-style: none;
  padding: 5px 0 5px 0;
  margin: 0;
}

.page-list-2 ul li .list-ttl {
  padding: 5px 15px;
  margin: 0 10px 0 0;
  font-weight: 700;
  color: #ffffff;
  background-color: #0093dd;
  
}

.page-section .vmbox  {
  float: left;
  width: 100%;
  border: #3e3e3e solid 2px;
  padding: 60px;
  text-align: center;
}


.page-section .vmbox .inner {
  float: left;
  width: 100%;
}

.page-section .vmbox .inner figure{
  float: left;
  width: 100%;
  text-align: center;
}


.page-section .vmbox .inner h4{
  float: left;
  width: 100%;
  text-align: center;
  font-size: 26px;
  font-weight: 400;
  color: #0093dd;
  padding: 20px 0;
  line-height: 1;
}

.page-section .vmbox .inner .bodytext p{
  float: left;
  width: 100%;
  text-align: center;
}

@media screen and (max-width: 1199px) {
  .page-artwork {
    padding:60px 0;
  }
}

@media screen and (max-width: 990px) {
  .page-artwork {
    padding: 60px 0;
  }
}

@media screen and (max-width: 767px) {
  .page-artwork {
    display: none;
  }

  .page-section .vmbox .inner {
    margin-bottom: 40px;
  }

  .page-section.company {
    padding: 25px 0;
  }
}


/* CONTACT US PAGE */

.collage {
  background:url(../images/collage.jpg) no-repeat top center;
  background-attachment: fixed;
}

.inq-box {
  float: left;
  width: 100%;
  background: #8fc400;
  padding: 35px;
}

.inq-box .inq-ttl {
  float: left;
  width: 100%;
}

.inq-box .inq-ttl h4 {
  float: left;
  width: 100%;
  padding: 0px;
  color: #000000;
  font-size: 30px;
  font-weight: 700;
}

.inq-box .inq-txt {
  float: left;
  width: 100%;
  text-align: left;
  color: #000000;
  padding: 0 0 0 60px;
  font-size: 30px;
  font-weight: 700;
   position: relative;
}

.inq-txt .inq-subttl {
  padding: 0 ;
  font-size: 20px;
  font-weight: normal;
  margin-top: -7px;
  float: left;
}


.inq-txt.glob-inq {
  background:url(../images/glob-inq.png) no-repeat top left;
}

.ind-inq {
  background:url(../images/ind-inq.png) no-repeat top left;
}

.contact-info-box {
  float: left;
  width: 100%;
  background: #ffffff;
  border: #bbbbbb solid 1px;
  margin: 30px 0;
  padding: 0 0 25px 0;
}

.contact-info-box h2 {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 32px;
  color: #000000;
  font-weight: 700;
  padding:15px 0;
  margin: 0;
  border-bottom: #bbbbbb solid 1px;
}

.page-section.contact-page h2{
  text-align: center;
}

.page-section.contact-page .cbox {
  float: left;
  width: 100%;
  padding: 30px 20px 0 20px;
  text-align: center;
}

.page-section.contact-page .cbox i{
  float: left;
  width: 100%;
  text-align: center;
  font-size: 25px;
  color: #8fc400;
  font-weight: 400;
  padding:0;
}


.page-section.contact-page .cbox h3{
  float: left;
  width: 100%;
  text-align: center;
  font-size: 22px;
  color: #000000;
  font-weight: 700;
  padding: 0px 0 10px 0;
}

.page-section.contact-page .cbox p{
  line-height: 1.4;
}


.page-section .contact-page-form {
  float: left;
  width: 100%;
  padding:0 30px 30px 30px;
  background-color: #f2f2f2;
  text-align: center;
  border: #bbbbbb solid 1px;
}

.page-section .contact-page-form h2{
  float: left;
  width: 100%;
  text-align: center;
  font-size: 32px;
  color: #000000;
  font-weight: 700;
  padding:15px 0;
  border-bottom: #bbbbbb solid 1px;
}


.page-section .contact-page-form p{
  padding-bottom:0;
  margin-bottom: 40px;  
}


.page-section .contact-page-form .inputrow {
  float: left;
  width: 100%;
  padding: 0;
  text-align: left;
  margin-bottom: 15px;
}

.page-section .contact-page-form .inputrow p{
  float: left;
  width: 100%;
  font-size: 16px;
  color: #000000;
  font-weight: 600;
  padding: 0;
  text-align: left;
  margin-bottom:5px;
}

.page-section .contact-page-form .inputrow .inbox {
  float: left;
  width: 100%;
}

.page-section .contact-page-form .inputrow .inbox input{
  float: left;
  width: 100%;
  height: 45px;
  font-size: 16px;
  color: #000000;
  padding: 0;
  text-align: left;
  border:#8e8e8e solid 1px;
}

.page-section .contact-page-form .inputrow .inbox select{
  float: left;
  width: 100%;
  height: 45px;
  font-size: 16px;
  color: #000000;
  padding: 0;
  text-align: left;
  border:#8e8e8e solid 1px;
}

.page-section .contact-page-form .inputrow .inbox textarea {
  float: left;
  width: 100%;
  height: 80px;
  font-size: 16px;
  color: #000000;
  padding: 0;
  text-align: left;
  border:#8e8e8e solid 1px;
}


.page-section.map {
  float: left;
  width: 100%;
  text-align: center;
}

.page-section.map .map-area {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 100px;
  border: #bbbbbb solid 1px;
}