@font-face {
  font-family: 'Roboto-Regular';
  src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf')  format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto-Light';
  src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Light.woff') format('woff'), url('../fonts/Roboto-Light.ttf')  format('truetype'), url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Bold';
  src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf')  format('truetype'), url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'PTSans-Bold';
  src: url('../fonts/PTSans-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/PTSans-Bold.woff') format('woff'), url('../fonts/PTSans-Bold.ttf')  format('truetype'), url('../fonts/PTSans-Bold.svg#PTSans-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TimesNewRomanPS-BoldMT';
  src: url('../fonts/TimesNewRomanPS-BoldMT.eot?#iefix') format('embedded-opentype'),  url('../fonts/TimesNewRomanPS-BoldMT.woff') format('woff'), url('../fonts/TimesNewRomanPS-BoldMT.ttf')  format('truetype'), url('../fonts/TimesNewRomanPS-BoldMT.svg#TimesNewRomanPS-BoldMT') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{font-family: 'Roboto-Regular'; font-size:16px; font-weight:normal;}


ul{ padding-left:0;}
a:hover{ text-decoration:none;}

h1, h2, h3, h4, h5, h6{ font-family: 'Roboto-Bold'; font-weight:normal; }
.clearfix{ clear:both;}
#top-head{ border-bottom:1px solid #ccc;}
.top-left{ padding:10px 0px;}

#top-menu{ background:#A9D100;}
.menu-right{ text-align:right;}
.menu-right h4{ margin:0; padding:16px 0px;}
.phone{ background:#288BCE; color:#fff; font-size:16px; padding:16px 20px; font-family: 'Roboto-Light';}




/* =Nav
-------------------------------------------------------------- */
#nav-trigger {
  display: none;
  text-align: center; }
  #nav-trigger span {
    display: inline-block;
    padding: 10px 30px;
    background-color: #288BCE;
    color: white;
    cursor: pointer;
    text-transform: uppercase; }
    #nav-trigger span:after {
      display: inline-block;
      margin-left: 10px;
      width: 20px;
      height: 10px;
      content: "";
      border-left: solid 10px transparent;
      border-top: solid 10px #fff;
      border-right: solid 10px transparent; }
    #nav-trigger span:hover {
      background-color: #288BCE; }
    #nav-trigger span.open:after {
      border-left: solid 10px transparent;
      border-top: none;
      border-bottom: solid 10px #fff;
      border-right: solid 10px transparent; }


nav#nav-main {
  background-color:#a9d100;
  padding: 15px 0; }
  nav#nav-main ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left; }
  nav#nav-main li {
    display: inline-block;
    border-right: solid 1px #ccc;
    padding: 0 5px; }
    nav#nav-main li:last-child {
      border-right: none; }
  nav#nav-main a {
    display: block;
    color: #000;
    padding: 0px 25px;
	text-transform:uppercase;
	 font-family: 'PTSans-Bold';
	 font-weight:normal;
	 font-size:16px;
	}
    nav#nav-main a:hover {
     
      color: #288bce; }
	  nav#nav-main a.active{
     
      color: #288bce; }

nav#nav-mobile {
  position: relative;
  display: none; }
  nav#nav-mobile ul {
    display: none;
    list-style-type: none;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: #288BCE; z-index:9990; }
  nav#nav-mobile li {
    display: block;
    padding: 5px 0;
    margin: 0 5px;
    border-bottom: solid 1px #fff; }
    nav#nav-mobile li:last-child {
      border-bottom: none; }
  nav#nav-mobile a {
    display: block;
    color: white;
    padding: 10px 30px; }
    nav#nav-mobile a:hover {
      background-color: #A9D100;
      color: #fff; }


/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 767px) {
  #nav-trigger {
    display: block;  background:#288BCE;}

  nav#nav-main {
    display: none; }

  nav#nav-mobile {
    display: block; } }



	
	#slider img{ width:100%;}
	#slider-bottom{     background-color: rgba(40, 139, 206, 0.70);
 padding:15px 0px;     margin-top: -100px; position:relative; width:100%; z-index:999;}
	
	.sli-left{ width:110px; height:70px; float:left;}
	.sli-right{ color:#fff;}
.sli-right h3{ margin:0; padding-top:12px;}
.sli-right p{ font-family: 'Roboto-Light';  margin:0; }


#home-about{ padding:61px 0px; }
#home-about h1{ text-align:center;  font-family: 'TimesNewRomanPS-BoldMT'; font-weight:bold; font-size:45px; color:#000; margin:0;}

#home-about h3{ margin:0; color:#288BCE; text-align:center;}
#home-about p{ text-align:center; color:#000; line-height:27px; }

.more{ background:#A9D100; color:#556901; border-radius:4px; padding:10px 15px;}
.more:hover{ background:#3A8FC8; color:#fff;}

#home-menu-item{padding:70px 0px; background:url(../images/menu-bg.jpg) center center / cover; }
#home-menu-item  h1{ text-align:center;  font-family: 'TimesNewRomanPS-BoldMT'; font-weight:bold; font-size:45px; color:#fff; margin:0;}
#home-menu-item  h3{margin:0; color:#fff; text-align:center; }
.menu-box { margin-top:30px;}
.left-menu-item{ float:left; width:160px;  height:160px;margin:10px 0px;}
.right-menu-item{     background-color: rgba(62, 76, 4, 0.6);
 color:#fff; padding:34px 11px 23px 34px; margin-left:130px; height:180px; }

.right-menu-item h4{ margin:0; padding-bottom:10px; font-size:22px; }
.right-menu-item p{ font-size:15px; }


#home-products{ padding:75px 0px; background:url(../images/product-bg.jpg);}
#home-products h1{ text-align:center;  font-family: 'TimesNewRomanPS-BoldMT'; font-weight:bold; font-size:45px; color:#000; margin:0;}

#home-products h3{ margin:0; color:#288BCE; text-align:center;}

.home-product-left img{  height:225px;}
.home-product-right img{  height:225px;}
/* .home-product-center { margin:0px -20px 0px -35px;} */
.home-product-center img{height:460px;}
#backtotop {
	z-index: 999;
	display: inline-block;
	position: fixed;
	visibility: hidden;
	bottom: 20px;
	right: 20px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	border-radius: 5px;
	font-size: 16px;
	text-align: center;
	opacity: .2
}
#backtotop i {
	display: block;
	width: 100%;
	height: 100%;
	line-height: inherit;
	background-color: #000;
border-radius: 5px;
color:#fff;
}
#backtotop.visible {
	visibility: visible;
	opacity: 1
}
#backtotop:hover {
	opacity: .5
}

#home-products .fa{ font-size:50px; color:#fff;}
#home-products .fa:hover{ color:#d7ff2f;}

.single-project-item {
  padding-bottom: 10px;
}
.single-project-item .img-holder {
  display: block;
  overflow: hidden;
  position: relative;     
}
.single-project-item .img-holder img {
  /* -webkit-transform: scale(1); */
  /* transform: scale(1); */
  /* -webkit-transition: all 0.5s ease 0s; */
  /* transition: all 0.5s ease 0s; */
  width: 100%;      
}


.single-project-item .img-holder .overlay .box {
  
}
.single-project-item .img-holder .overlay .box .content {
  
}
.single-project-item .img-holder .overlay .box .content a h3 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  text-transform: capitalize;
  margin: 0 0 3px;
  transition: all 500ms ease;
}
.single-project-item .img-holder .overlay .box .content p {
  font-weight: 400;
  color: #d5ac63;
  margin: 0;
}
.single-project-item:hover .img-holder .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotateY(0deg) scale(1,1);
  transform: rotateY(0deg) scale(1,1);      
}
.single-project-item:hover .img-holder img {
  /* -webkit-transform: scale(1.1); */
  /* transform: scale(1.1); */
  
}
.single-project-item .img-holder .overlay .box .content a h3:hover{
  color: #d5ac63;
}



/* Overlay styles */
.overlay{
   background: linear-gradient(#288bceb8, #a9d100b5);
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;	
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 450ms ease-out 0s;
  transition: all 450ms ease-out 0s;
  -webkit-transform: rotateY(180deg) scale(0.5,0.5);
  transform: rotateY(180deg) scale(0.5,0.5);  
border-radius:5px;  
}
.overlay .box{
  display: table;
  height: 100%;
  width: 100%;    
}
.overlay .box .content{
  display: table-cell;
  text-align: center;
  vertical-align: middle;    
}
.overlay .box p{ text-align:center !important;}
.overlay .box h3 a{ color:#fff !important;}
.overlay .box h3 a :hover{ font-size:60px; }

#footer{ background:url(../images/footer-bg.jpg) center center / cover; padding-top:75px;}

.social ul li{ display:inline-block; margin-right:10px;}
.social ul { text-align:center; margin-top:40px; }
.footer-menu{ margin:10px 0px;}

.footer-menu ul li{ display:inline-block;}
.footer-menu ul { text-align:center;}

.footer-menu ul li a{ color:#A9D100; text-transform:uppercase; padding:10px 15px;   font-family: 'PTSans-Bold'; font-size:14px;}
.footer-menu ul li a:hover{ color:#fff;}
.footer-menu .active{ color:#fff;}
.footer-phone p{ text-align:center; margin:0; padding:5px 0px; color:#fff;}
.footer-phone p a{ color:#fff;}

.footer-copy{ margin-top:10px;}
.copy-right{ background:#288BCE; padding:15px 0px; }
.copy-right p{ text-align:center; color:#fff; margin:0;}
.copy-right p a{  color:#fff;}
.copy-right p a:hover{  color:#A9D100;}

.about-us{ background:url(../images/bg.jpg) center center / cover;}
.about-us p{ text-align:justify; line-height:27px;}


/*
	========================
	Why choose us Section
	========================
*/
 
#why-choose-us {
  overflow: hidden;
   padding: 70px 0;
}
#why-choose-us .ct-title {
  padding-bottom: 20px;
}
#why-choose-us .choose-us-title {
  font-size: 1rem;
  transition: 0.5s;
}
#why-choose-us .main-title {
  padding-right: 50px;
}
#why-choose-us .media img {
  transition: 0.5s;
}
#why-choose-us .media:hover img {
  opacity: 0;
}
#why-choose-us .media:hover .hover-icon img {
  opacity: 1;
}
#why-choose-us .media:hover .choose-us-title {
  color: #ff6f00;
}
#why-choose-us .hover-icon img {
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.5s;
}
#why-choose-us .why-choose-us-list {
  position: relative;
  z-index: 10;
}

.parallax-box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.parallax-box .parallax-left-img img {
  transform: translateY(100px);
}

.why-choose-us-img img {
  animation-name: spin;
  animation-duration: 80s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@-ms-keyframes spin {
  from {
    -ms-transform: rotate(0deg);
  }

  to {
    -ms-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }

  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}
/*
	================================
	Custom Query
	================================
*/
@media (min-width: 1200px) {
  #why-choose-us {
    padding: 70px 0;
  }
  #why-choose-us .main-title {
    padding-right: 50px;
  }
  #why-choose-us .media .choose-us-title {
    font-size: 20px;
    font-weight: 700;
  }
  #why-choose-us .media .media-body {
    padding-left: 18px;
  }
}


.sectiontitle {
	display: block;
	position: relative;
	margin: 0 0 40px 0;
	    color:#288bce;
	padding: 0 0 5px 0;
	/* border-bottom: 1px solid; */
	text-transform:uppercase;

}
.sectiontitle::after {
	display: block;
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100px;
	height: 2px;
	content: ""
}

.sectiontitle {
	border-color: #D7D7D7;
	
}
.sectiontitle::after {
	background-color:#a9d100 ;
}

.page-content{  padding: 70px 0px;}

.menu-list{ padding:5px;}



.list-items .list-item {
    padding: 10px 0;
    border-bottom: 1px dashed #E6E6E6;
    transition: padding .3s;
}

    .list-items .list-item:hover {
        padding-left: 5px;
    }

    .list-items .list-item:last-child {
        border-bottom: none;
    }

    .list-items .list-item:hover {
        background-color: rgba(115,115,115,0.02);
		border-bottom-color:#484848 !important;
    }

    .list-items .list-item h3 {
        font-size: 16px;
        text-transform: uppercase;
        font-weight: normal;
        margin: 0;
    }

    .list-items .list-item p {
        line-height: 25px;
        color: #797979;
        font-size: 13px;
        margin: 0;
    }

    .list-items .list-item span {
        text-align: right;
        display: block;
        font-size: 20px;
        white-space: nowrap;
        font-weight: normal;
        color: #696969;
    }

	
	.txt-style{ font-style:italic; color:#ccc; font-size:12px; margin:0;}
	.menu-page h2{ margin-bottom:0;}
.space{ height:50px; width:100%;}
	
.lunch-menu{ background:#f9f9f9; padding:50px 0px;}	
	
	
span.welcome {
	display: inline-block;
	position: relative;
	font-size: 18px;
	color: #262626
}
.dark span.welcome {
	color: #fff
}
span.welcome:after, span.welcome:before {
	content: "";
	position: absolute;
	height: 15px;
	border-bottom: 2px solid #ddd;
	top: 0;
	width: 50px
}
span.welcome:before {
	right: 100%;
	margin-right: 15px
}
span.welcome:after {
	left: 100%;
	margin-left: 15px
}

	
.contact-us h3{ font-size:40px;}	
.contact-us .form-control{ border-radius:0; height:50px;}	
	
	.contact-us   textarea.form-control{ height:inherit !important;}
	
.contact-address{ background:url(../images/slider/con-bg.jpg) fixed center center / cover; padding:100px 0px;}
	
.contact-icon .fa{ line-height:50px; color:#fff; text-align:center;}	
.contact-icon .fa:hover{ color:#288BCE !important;}
.contact-icon > a:hover{color:#288BCE !important;}
.contact-icon > a {
  color: #666666;
  display: inline-block;
  font-size: 24px;
  height: 50px;
  line-height: 50px;
  position: relative;
  width: 50px;
}
.contact-icon > a:before {
  background: rgba(0, 0, 0, 0) url("../images/border.png") no-repeat scroll center center / cover ;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999999;
}
.single-contact-information p {
  line-height: 20px;
  margin-bottom: 0;
  color:#fff;
}
.single-contact-information .contact-icon {
  margin-bottom: 12px;
}
.contact-information {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 1;
}
.contact-bottom-section .col-md-6.map-div {
    padding-right: 0;
}
.contact-bottom-section .col-md-6.contact-form-div .contact-form {
    float: right;
    padding-left: 30px;
    width: 585px;
}
.contact-form-title h2 {
  color: #535353;
  font-family: "Great Vibes",cursive;
  font-size: 36px;
  margin-bottom: 30px;
  text-align: center;
  text-transform: capitalize;
}
.contact-form-box input {
    border: 1px solid #dddddd;
    color: #aaaaaa;
    margin-bottom: 18px;
    padding-left: 20px;
}
.contact-form-box textarea {
    border: 1px solid #ddd;
    height: 100px;
    padding-left: 20px;
    resize: none;
}
.contact-form-box button {
    background: #e54c2a none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 40px;
    padding: 12px 0;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 100%;
}
.contact-form-box button:hover{background: #555;}
.contact-bottom-section {
    position: relative;
}
.contact-bottom-section .bg-img {
  background: rgba(0, 0, 0, 0) url("images/common/contact-page.jpg") no-repeat scroll left center / cover ;
  bottom: 0;
  height: 100%;
  position: absolute;
  width: 100%;
}

.single-contact-information p a{ color:#fff;}

.process-box { padding:40px 0px; }
.process-box:last-child{ border-bottom:0;}
.process-step {  border-bottom:2px dotted #ccc; padding-bottom:50px;}
.process-step h1{ font-size:80px; text-align:center; color:#d6d6d6 }
.process-step h1 span{ font-size:30px;}
.process-step  p{ text-align:center; line-height:27px; margin-top:20px;}
.process-step span.welcome{ font-size:25px; font-style:italic;}

.process-step span.welcome:after, .process-step span.welcome:before{
	height:20px;
}

.process{ background:url(../images/dots2.jpg)}









	
	


/* MEDIA QUERY */

@media (max-width: 767px) {
	
	.phone{ background:#A9D100;padding: 14px 20px;}
	#slider-bottom{ margin-top:0;}
	.sli-box{  margin-bottom:15px; border-bottom:1px dotted #fff; padding-bottom:20px;}
	.sli-right h3{ font-size:20px;}
	#home-about p{ text-align:justify;}
	
	.top-right{ display:none;}
	.menu-right{ text-align:center;}
	
	.why-choose-us-img img{ max-width:100%;}
	
	.footer-menu{ display:none;}
	.space{ height:10px;}
	
}
@media (min-width: 768px) and (max-width: 991px) {
	
	nav#nav-main a{ font-size:13px; padding:0px 6px;}
	#slider-bottom{ margin-top:0;}
	.sli-right p{ font-size:12px;}
	.sli-right h3{ font-size:16px;}
	.menu-page img{ margin:0 auto;}
	.space{ height:10px;}
	.lunch-menu img{ margin:0 auto;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	nav#nav-main a{ font-size:14px; padding:0px 20px;}
}


.main-text {
    position: absolute;
    top: 100px;
    width: 96.66666666666666%;
    color: #FFF;
}

.carousel-btns {
    margin-top: 2em; 
}

.carousel-btns .btn {
	width: 150px;
}

.carousel-inner .imgOverlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    
}

.carousel-inner img {
   width: 100%;
}

/*CONTROL*/
.carousel-control {
    width: auto;
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .fa-chevron-left,
.carousel-control .fa-chevron-right {
  position: absolute;
  top: 47%;
  right: 0;
  z-index: 5;
  display: inline-block;
  background-color: #000;
  width: 38px;
  height: 38px;
  line-height: 40px;
  font-size: 14px;
}

.carousel-control .icon-prev,
.carousel-control .fa-chevron-left {
  left: 0;
}

.carousel-indicators li {
  width: 12px;
  height: 12px;
  margin: 0 1px;
  border: 2px solid #fff;
  opacity: .8;
}

.carousel-indicators .active {
    background-color: #28ace2;
    border-color: #28ace2;
}

.carousel-control .icon-prev, .carousel-control .fa-chevron-left,
.carousel-control .icon-right, .carousel-control .fa-chevron-right {
    border-radius: 50px;
}

.carousel-control .icon-prev, .carousel-control .fa-chevron-left {
    left: 30px;
}

.carousel-control .icon-right, .carousel-control .fa-chevron-right {
    right: 30px;
}
.welbg {
    background-color: rgba(62, 76, 4, 0.6);
    padding-top: 20px;
    padding-bottom: 12px;
    padding: 13px;
	  
  
}
.wel {
    border-radius:10px;
   width: 179px;

    display: inline-block;
}
.about-imgs-list {
    position: relative;
}
.about-imgs-list .about-img.img-1 {
    top: 20px;
    left: 90px;
}
.about-imgs-list .about-img.img-2 {
    right: 24px;
}
.about-imgs-list .about-img.img-3 {
    right: 0;
    top: 179px;
}
.about-imgs-list .about-img.img-4 {
    left: 175px;
    top: 154px;
}
.about-imgs-list .about-img.img-5 {
    left: 10px;
    top: 155px;
}.about-imgs-list .about-img.img-6 {
    left: 90px;
    top: 279px;
}
.about-img.img-4 h3 {
    color: #fff;
    font-size: 24px;
    left: 50%;
    margin: -34px 0 0px -52px;
    position: absolute;
    top: 50%;
}
.about-imgs-list .about-img {
    position: absolute;
}

figure {
    margin: 0;
}



.mt{margin-top:-32px;}

.center2 {
  display: block;
  margin-left: auto;
  margin-right: auto;
  
}
.grecaptcha-badge { 
    visibility: hidden;
}