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

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



.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}

.aligncenter {
  display: block;
  margin: 0 auto 15px;
}

a:focus {
  outline: 0px solid;
}

img {
  max-width: 100%;
  height: auto;
}

.fix {
  overflow: hidden;
}

p {
  margin: 0 0 15px;
  color: #444;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Raleway', sans-serif;
  margin: 0 0 15px;
  color: #444;
  font-weight: 500;
}

h1 {
  font-size: 48px;
  line-height: 50px;
}

h2 {
  font-size: 38px;
  line-height: 40px;
}

h3 {
  font-size: 30px;
  line-height: 32px;
}

h4 {
  font-size: 24px;
  line-height: 26px;
}

h5 {
  font-size: 20px;
  line-height: 22px;
}

h6 {
  font-size: 16px;
  line-height: 20px;
}

a {
  transition: all 0.3s ease 0s;
  text-decoration: none;
}

a:hover {
  color: #3EC1D5;
  text-decoration: none;
}

a:active, a:hover {
  outline: 0 none;
}

body {
  background: #fff none repeat scroll 0 0;
  color: #444;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  text-align: left;
  overflow-x: hidden;
  line-height: 22px;
  
}

/* Back to top button */
.back-to-top {
  position: fixed;
  display: none;
  background: #3EC1D5;
  color: #fff;
  padding: 6px 12px 9px 12px;
  font-size: 16px;
  border-radius: 2px;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
}

@media (max-width: 768px) {
  .back-to-top {
    bottom: 15px;
  }
}

.back-to-top:focus {
  background: #3EC1D5;
  color: #fff;
  outline: none;
}

.back-to-top:hover {
  background: #3cd6ed;
  color: #fff;
}

.clear {
  clear: both;
}

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

input, select, textarea, input[type="text"], input[type="date"], input[type="url"], input[type="email"], input[type="password"], input[type="tel"], button, button[type="submit"] {
  -moz-appearance: none;
  box-shadow: none !important;
}


::-moz-selection {
  background: #3EC1D5;
  text-shadow: none;
}

::selection {
  background: #3EC1D5;
  text-shadow: none;
}

.area-padding {
  padding: 85px 0px 80px;
}

.area-padding-2 {
  padding: 70px 0px 50px;
}

.padding-2 {
  padding-bottom: 90px;
}

.section-headline h2 {
  display: inline-block;
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 70px;
  position: relative;
  text-transform: capitalize;
}

.section-headline h2::after {
  border: 1px solid #333;
  bottom: -20px;
  content: "";
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 40%;
}

.sec-head {
  display: inline-block;
  margin-bottom: 0;
  padding: 0 0 10px;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;}
  
  .single-well  .abd{display:block;}
	.single-well .abm{display:none;}

/*--------------------------------*/

/*  2. Header top Area
/*--------------------------------*/

/*.header-area {
  position: absolute;
  top: 29px;
  left: 0;
  width: 100%;
  height: 15vh;
  
  z-index: 9;
}*/








/*------------------------------
  3. About Area
--------------------------------*/
.leaf_abtleft1 {
   
	background-repeat:no-repeat;
    position: absolute;
    left: 0px;
    top: 125%;
   
    z-index: 6;
}
.leaf_abtright {
   
    position: absolute;
    right: 0px;
    top: 220%;
    ;
    z-index: 9;
}

.imgbg{ background-image:url(../images/bg/banner.png); background-repeat:no-repeat; z-index:9999;}
.imgbgg{ background-image:url(../images/bg/bannerblack.png); background-repeat:no-repeat; z-index:9999;}
 .image{  background: rgba(246, 246, 246, 0.8) url(../images/shrimp_back.png);
    background-size:contain;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;}
	
.about-area {
 
}


.single-well p {
  color: #000;
   font-family: 'Montserrat-Regular';
   font-size:19px;
   line-height: 1.842;

}
.single-well h2{
  color: #000;
   font-family: 'AquaGrotesque';
   font-size:45px;
   line-height: 1.842;

}
.single-well .bn{
	  position: relative;
  padding: 9px 12px;
   line-height: 4.842;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 2px solid black;
    border-radius: 2px;
	color:#000;
	 font-family: 'AquaGrotesque';
   font-size:19px;
   text-decoration:none;
    transition:         0.11s ease-in;
  -o-transition:      0.11s ease-in;
  -ms-transition:     0.11s ease-in;
  -moz-transition:    0.11s ease-in;
  -webkit-transition: 0.11s ease-in;
    
}
.fill:hover {
  color: whitesmoke;
    border:2px solid #ea580d;
}

.fill:before {
  content: "";
  position: absolute;
  background: #ea580d;
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  z-index: -1;
  -webkit-transition: top 0.09s ease-in;
 
}

.fill:hover:before {
  top: 0;
}




/*----------------------------------------
 7.Wellcome Area Css
----------------------------------------*/

.wellcome-area {
  background:url(../images/akshay_website_wellbg.jpeg);
  background-size:cover;
  background-position: center top;
  background-repeat: no-repeat;
 
}

.well-bg {
  position: relative;
}

.wellcome-text {
  margin: 51px 0;
  padding: 59px 70px;
}

.well-text>h2 {
  color: #fff;
  font-size: 55px;
  line-height: 65px;
  text-transform:uppercase;
   font-family: 'AquaGrotesque';
}

.well-text p {
  font-size: 25px;
  font-family: 'Montserrat-Regular';
  color: #fff;
}
.welcome-image{width: 100%;
    margin: 0 auto;}






/*--------------------------------*/





/* 11. Pricing Area
/*----------------------------------------*/

.pricing-area {
	  
 
}
.pricing-area h2 {
	font-family: 'AquaGrotesque';
	    font-size: 55px;
		 line-height: 65px;
		 margin-bottom:4%;
 
}
.pricing-area .certification{ margin:0 15rem;}

 .certification_inner p {
  font-family: 'AquaGrotesque';
	    font-size: 19px;
		text-transform:uppercase;
		text-align:center;
		line-height:28px;
		padding: 5% 9%;
}
.pricing-area .certification_inner{width:100%; margin:0 auto; text-align:center; }
  .pricing-area .certification_inner img{ box-shadow: 8px 13.856px 16px 0px rgb( 51, 45, 39 ,0.2 ); }

.pri_table_list h3 span {
  font-size: 16px;
}
.cer{margin: 0 15rem;}

/*--------------------------------*/

/*  14.Contact Area
/*--------------------------------*/
.con-area{
    padding: 20px 0px 220px;
}
.contactform1{width:80%; margin:5% auto;}
.con-area h2 {
    color: #000;
    font-family: 'AquaGrotesque';
    font-size: 55px;
    line-height: 1.842;
    text-align: center;
    text-transform: uppercase;
    margin-top: 5%;
}
 
#submit-button{ position:relative;
margin:20px 0 0 0; 
    padding: 9px 35px;
    
   
  
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 2px solid black;
    border-radius: 2px;
    color: #000;
    font-family: 'AquaGrotesque';
    font-size: 19px;
    text-decoration: none;
	background: none;
	font-weight: unset;
	 transition:  0.11s ease-in;
  -o-transition: 0.11s ease-in;
  -ms-transition:0.11s ease-in;
  -moz-transition: 0.11s ease-in;
  -webkit-transition:0.11s ease-in;
	}


#submit-button:hover {
  color: whitesmoke;
  background: #000;
   
}

#submit-button:before {
  content: "";
  position: absolute;
  background: #000;
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  z-index: -1;
  -webkit-transition: top 0.09s ease-in;
 
}

#submit-button:hover:before {
  top: 0;
}

	
	
	label {font-family: 'Montserrat-Regular';
    cursor: pointer;
    color: black;
	font-weight: unset;
}

.colin{position: relative;} /* necessary to give position: relative to parent. */

.form-control {border-bottom: 1px solid #000; border-radius:0px;}
    
.effect-16{border: 0; padding: 4px 0; border-bottom: 1px solid #000; background-color: transparent;}

.effect-16 ~ .focus-border{position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #3399FF; transition: 0.4s;}
.effect-16:focus ~ .focus-border,
.has-content.effect-16 ~ .focus-border{width: 100%; transition: 0.4s;}

.effect-16 ~ label{position: absolute; left: 0; width: 100%; top: 6px; transition: 0.3s; z-index:-1;  font-family: 'Montserrat-Regular'; }
.effect-16:focus ~ label, .has-content.effect-16 ~ label {
    top: -14px;
    font-size: 12px;
    color: #000;
    transition: 0.3s;
	 font-family: 'Montserrat-Regular';
}


input:required, textarea:required {box-shadow: none; background:none; }
input:required:focus, textarea:required:focus {outline: none;}
input:required:hover {opacity: 1;}

.contact-form button[type="submit"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #ccc;
  color: #444;
  font-size: 16px;
  font-weight: 700;
  margin-top: 8px;
  padding: 12px 30px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  border-radius: 30px;
}

.contact-form button[type=submit]:hover {
  color: #fff;
  border: 1px solid #3EC1D5;
  background: #3EC1D5;
}






.single-icon i {
  font-size: 24px;
  width: 50px;
  height: 50px;
  border: 1px solid #444;
  line-height: 46px;
  border-radius: 50%;
  margin-bottom: 20px;
}

.single-icon p {
  font-size: 16px;
  line-height: 30px;
}

.contact-icon {
  margin-bottom: 40px;
}

#google-map {
  height: 370px;
  margin-bottom: 20px;
}

/*----------------------------------------*/

/*  15. Footer Area
/*----------------------------------------*/

.footer-area {
  padding: 40px 0;
  background: #ec6608;
}
.footer-area .mar{ padding: 1% 2%;}
.footer-head {
	
  width: 85%;
    margin: 0 auto;

}

.footer-head p {
	font-size: 19px;
  font-family: 'Montserrat-Regular';
  color:#000;
  line-height:32px;
  

}

.footer-area h4 {
  font-family: 'AquaGrotesque';
  color:#000;
  font-size: 35px;
  line-height:47px;
  padding-bottom: 10px;
  text-transform: uppercase;
}

.footer-logo {
  padding-bottom: 25px;
}

.footer-logo h2 {
  color: #222;
  padding: 0;
  margin: 0;
  font-size: 36px;
  font-weight: bold;
  line-height: 1;
}



.flicker-img>a {
  float: left;
  padding: 1px;
  width: 33.33%;
}


.footer-contacts {
  width:85%;
}
.footer-contacts p span {
  color: #3EC1D5;
  font-weight: 700;
}

.popular-tag ul li {
  display: inline-block;
}

.footer-content {
  display: block;
  overflow: hidden;
}




iframe{width: 100%;
    height: 350px;}
	
	
.footer-area-bottom {
  background: #2c9db6 none repeat scroll 0 0;
  padding: 15px 0;
}

.copyright>p {
  margin-bottom: 0;
  color: #fff;
    font-family: 'AquaGrotesque';
  font-size:16px;
}


/*----------------end footer-------------------*/
/*--------------start vision & mission-*/
#home1{ position:relative;}

#home1 .title1{
   color: #fff;
    font-size: 40px;
    opacity: 1;
    z-index:0;
    text-transform: uppercase;
    font-family: 'AquaGrotesque';
    line-height: 55px;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    padding: 0;
	height:3px;
	
	
}

#home1 img{width:100%; }

#home1 .content{ position:absolute; position: absolute;
    top: 21%;
    width: 100%;}
#home1 p{
padding: 15px;
    margin: 0;}
#home1 .imgbg {
    background-image: url(../images/bg/banner.png);
    background-repeat: no-repeat;
    z-index:0;
   text-align: center;
   
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    padding: 0;
	
	background-position:center bottom;
	    height: 283px;
}

.groupbutton{
    text-align: center;
    margin: 65px 0px;
	
}
.btn-group{
border: 2px solid black;
    padding: 10px 0px;}
.groupbutton a{text-transform: uppercase;
    font-family: 'AquaGrotesque'; font-size:19px; border-right:2px solid black;   padding: 11px; color:#000;
    }
	.groupbutton  .brand{
     border-right:none; 
    }
	.groupbutton .comp{margin-right:-4px;}
	.groupbutton .comp1{margin-right:-5px;}
	
	.groupbutton .btn-group a:hover{ background:#ea570d; color:#fff;  }
	.groupbutton .btn-group a.active{ background:#ea570d; color:#fff;  }
	
	
	
.vision-area {
    padding: 86px 0px 200px;
}	
.vision-area .vision-well{width:80%; margin:0 auto;}	

.vision-area .padding{margin-top:10%;}
.vision-area .single-well1 {margin: 20% 0px 0px 0px;}
.vision-area .single-well1 p {
  color: #000;
   font-family: 'Montserrat-Regular';
   font-size:19px;
   line-height: 1.842;
   padding-right: 35px;
   
   

}
.vision-area .single-well1 h2{
  color: #000;
   font-family: 'AquaGrotesque';
   font-size:45px;
   line-height: 1.842;

}

 .vleaf_abtleft1 {
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    top: 133%;
    z-index: 9;
}

.vleaf_abtright {
   
    top: 68%;
   
}
.vis1{    margin: 70px 6rem;
    float: right;
   
}
/*--------------end vision & mission-*/
/*--------------start company page------*/

.company-area{padding: 20px 0px 44px;}	

.company-area h2{
  color: #000;
   font-family: 'AquaGrotesque';
   font-size:55px;
   line-height: 1.842;
   text-align:center;
   text-transform:uppercase;

}

.company-area p {
    color: #000;
   font-family: 'Montserrat-Regular';
   font-size:19px;
   line-height: 1.842;
   padding-right: 35px;
    text-align:center;
	    padding: 0 77px;
}


.company-area .pricing-area h2 {
	font-family: 'AquaGrotesque';
	    font-size: 55px;
		 line-height: 65px;
		 margin-bottom:3%;
 
}
.company-area .pricing-area .certification{ margin:0 15rem;}

.company-area  .certification_inner p {
  font-family: 'AquaGrotesque';
	    font-size: 19px;
		text-transform:uppercase;
		text-align:center;
		line-height:28px;
		padding: 5% 9%;
}
.company-area .pricing-area {
    margin-top: 7%;
}
.company-area .pricing-area .certification_inner{width:100%; margin:0 auto; text-align:center; }
.company-area   .pricing-area .certification_inner img{ box-shadow: 8px 13.856px 16px 0px rgb( 51, 45, 39 ,0.2 ); }

.company-area .pri_table_list h3 span {
  font-size: 16px;
}
.company-area .cer{margin: 2rem 15rem auto;}
.cleaf_abtright {
    top: 118%;
	    right: -21px;
}
	
.cleaf_abtleft1 {
    
    top: 69%;
	    left: 7px;
    
}	
/*--------------end company page------*/
/*--------------start brand page------*/
.brand-area{padding: 20px 0px 220px;}

.brand-area p {
    color: #000;
   font-family: 'Montserrat-Regular';
   font-size:19px;
   line-height: 1.842;
   padding-right: 35px;
    text-align:center;
	    padding: 0 100px;
}
.brand-area h2{
  color: #000;
   font-family: 'AquaGrotesque';
   font-size:55px;
   line-height: 1.842;
   text-align:center;
   text-transform:uppercase;

}
.brand-area .brand_img{ text-align:center; margin-top:5%;}

.brand-area  .vis1 {
    margin: 59px 22rem;
    float: right;
}


/*--------------end brand page------*/

/*--------------start plant page------*/
.plant-area{padding: 80px 0px 20px;}
.plant-area h2{
  color: #000;
   font-family: 'AquaGrotesque';
   font-size:55px;
   
   text-align:center;
   text-transform:uppercase;

}

.plant-area p {
    color: #000;
   font-family: 'Montserrat-Regular';
   font-size:19px;
   line-height: 1.842;
   padding-right: 35px;
    text-align:center;
	    padding: 0 112px;
}
area h2{
  color: #000;
   font-family: 'AquaGrotesque';
   font-size:55px;
   
   text-align:center;
   text-transform:uppercase;

}
.area{padding: 10px 0px 80px;}
.area p {
    color: #000;
   font-family: 'Montserrat-Regular';
   font-size:19px;
   line-height: 1.842;
   padding-right: 35px;
    text-align:center;
	    padding: 0 112px;
}
.area .plant_img{margin-top:5%; width:80%;}
.area .plant_img span{ font-family: 'AquaGrotesque';
   font-size:25px; color:#fff; background:#2c9db6; border:1px solid #fff; margin-left: -9%;
    margin-top: 70px; text-transform:uppercase; position:absolute;  padding:16px 16px;}
	.area .plant_img1 span{ font-family: 'AquaGrotesque';
   font-size:25px; color:#fff; background:#2c9db6; border:1px solid #fff;     left: 217px;;
    margin-top: 100px; text-transform:uppercase; position:absolute;  padding:16px 16px;}

.area .plant_img1 {  width:80%; float:right; }
.area .cer {
    margin: 67px 18rem;
}
.area  .vis1 {
    margin: 70px 4rem;
    float: right;
}

/*--------------end plant page------*/

.PACKAGING-area{padding: 80px 0px 60px;}
.PACKAGING-area h2{
  color: #000;
   font-family: 'AquaGrotesque';
   font-size:55px;
   
   text-align:center;
   text-transform:uppercase;

}

.PACKAGING-area p {
    color: #000;
   font-family: 'Montserrat-Regular';
   font-size:19px;
   line-height: 1.842;
   padding-right: 35px;
    text-align:center;
	    padding: 0 112px;
}

area1 h2{
  color: #000;
   font-family: 'AquaGrotesque';
   font-size:55px;
   
   text-align:center;
   text-transform:uppercase;

}
.area1{padding: 10px 0px 80px;}
.area1 p {
    color: #000;
   font-family: 'Montserrat-Regular';
   font-size:19px;
   line-height: 1.842;
   padding-right: 35px;
    text-align:center;
	    padding: 0 61px;
}
.area1 .content{ width:96%; margin:0 auto; max-width:1030px;}
.gallery_wrap{width:100%; margin-top:7%; }
gallery_wrap_inner{width:100%; }

.gal_img{ width:100%; margin-top:15px;}
.pleaf_abtleft1 {
    top: 93%;
}

.pleaf_abtright {
    top: 71%;
}


.avis1 {
    margin: -32px 16rem;
    float: right;
}
.svis1 {
    margin: 36px -4rem;
    float: right;
}
.aleaf_abtleft1 {
    top: 123%;
}
.lleaf_abtleft1 {
    top: 67%;
    left: 14%;
}
.lleaf_abtright {
    /* bottom: 112%; */
    top: 139%;
    right: 24px;
}

.area1 .content p{ color: #2c9db6;
  font-family: 'AquaGrotesque';
   font-size:40px;
   line-height: 2.842;
   padding-right: 35px;
    text-align:center;}
	
.labrotary { position:absolute; margin: -106px -5rem;}
.gallery_logistic{width: 85%;
   
    margin:2%  auto 0;}	
	
	.loleaf_abtright {
    
    top: 72%;
    right: 24px;
}
	
	.loleaf_abtleft1 {
    top: 100%;
    left: 1%;
}
	
	.peleaf_abtleft1 {
    top: 170%;
    left: 1%;
}
	
/*---------Quality area-------------*/
	
	.quality-area{padding: 80px 0px 60px;}
.quality-area h2{
  color: #000;
   font-family: 'AquaGrotesque';
   font-size:55px;
   
   text-align:center;
   text-transform:uppercase;

}

.quality-area p {
    color: #000;
   font-family: 'Montserrat-Regular';
   font-size:19px;
   line-height: 1.842;
   padding-right: 35px;
    text-align:center;
	    padding: 24px 59px;
}

.quality-area .area1 .content p {
    color: #2c9db6;
    font-family: 'AquaGrotesque';
    font-size: 34px;
    line-height:37px;
    padding-right: 35px;
    text-align: center;
	text-transform:uppercase;
}
	
/*-----end quality area-----*/	
.product-area1{}	

.product-area{padding: 80px 0px 60px;}
.product-area h2{
  color: #000;
   font-family: 'AquaGrotesque';
   font-size:55px;
   
   text-align:center;
   text-transform:uppercase;

}

.product-area p {
    color: #000;
   font-family: 'Montserrat-Regular';
   font-size:19px;
   line-height: 1.842;
   padding-right: 35px;
    text-align:center;
	    padding: 24px 59px;
}
	
	
	.product-area .gallery_logistic{width: 85%;
   
    margin:2%  auto 0;}	
	
	.product-area .gallery_logistic h2{
  color: #000;
   font-family: 'AquaGrotesque';
   font-size:30px;
   
   text-align:center;
   text-transform:uppercase;
   margin-bottom:3%;

}
.product-area .gallery_logistic p {
       color: #2c9db6;
   font-family: 'Montserrat-Regular';
   font-size:19px;
   line-height: 1.842;
   padding-right: 35px;
    text-align:center;
	    padding: 24px 59px;
		
}

	
.product-area	.loleaf_abtright {
    
    top: 72%;
    right: 24px;
}
	
.product-area	.loleaf_abtleft1 {
    top: 109%;
    left: 1%;
}
	
.product-area	.peleaf_abtleft1 {
    top: 180%;
    left: 1%;
}
.product-area .gallery_logistic .img{width: 50%;
    margin: 9px auto 8%;	}
.product-area .gallery_logistic .row{margin: 5% 0px;	}





/*--------gallary-----/
/* Portfolio */
/* Portfolio */

.col-nw-4{ width: 32.333%;  position:relative; float:left;}
#portfolio ul#Grid li img{ width:100%;}
#portfolio {
	padding: 0;
	overflow: hidden;
}
#portfolio ul.controls {
	padding: 0px 0 20px 2px;
	overflow: hidden;
	margin: 20px 0;
	
}
#portfolio ul#Grid  li:hover img{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
#portfolio ul#Grid  li img{
	-webkit-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
	}
#portfolio ul.controls li {
	float: left;
	color: #000; text-transform:uppercase;
	font-family: 'Mukta-Regular'; 
	font-size: 16px;
	padding: 4px 13px; margin:10px 10px 0 0;
	cursor: pointer; border:1px solid #ccc;
	border-radius:9px; 
}
#portfolio ul.controls li:hover, #portfolio ul.controls li.active {
    color: #fff;
    background: #3537aa;
    border: none;
}
#portfolio ul#Grid {
	margin: 85px 0 30px 0; width:100%; float:left;
	
	position: relative;
}
#portfolio ul#Grid li {
	  float:left;
	/*margin: 10px;*/
	margin: 20px;
    display: none;
    position: relative;
    overflow: hidden;
    width: 30%;
}
/*#portfolio ul#Grid li a {
	display: block; outline:none;
	position: relative;
	color: #fff;
}

#portfolio ul#Grid a.link {
	padding: 0px 10px;
	height: 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	z-index: 10;
	overflow: hidden;
	font-size: 22px;
	font-weight: 400;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	color: #FFF;
	line-height: 30px;
	background: #1ABC9C;
}
#portfolio ul#Grid li:hover a.link {
	background: #1ABC9C;
	opacity: 0.9;
}
#portfolio ul#Grid a.link span {
	color: #f9f9f9;
	font-weight: 400;
	display: block;
	font-size: 14px;
	text-transform: none;
	line-height: 22px;
}
#portfolio ul#Grid a.link:after {
	border-color: rgba(63, 141, 191, 0);
	border-bottom-color: #1ABC9C;
	border-width: 10px;
	margin-left: -10px;
}
#portfolio ul#Grid a.link:before {
	border-color: rgba(63, 141, 191, 0);
	border-bottom-color: #1ABC9C;
	border-width: 16px;
	margin-left: -16px;
}
#portfolio ul#Grid li:hover a.link {
	padding: 10px 10px;
	height: auto;
	overflow: visible;
	text-decoration: none;
}*/

.back-to-top {
    position: fixed;
    display: none;
    background: #3EC1D5;
    color: #fff;
    padding: 6px 12px 9px 12px;
    font-size: 16px;
    border-radius: 2px;
   right: 92px;
    bottom: 60px;
    transition: background 0.5s;
}
.clientarea{
	padding: 7% 3%;}
	.cli1 {
    margin: 0 -5rem;
    float: right;
}
.clientarea h2{font-family: 'AquaGrotesque';
	    font-size: 55px;
		 line-height: 65px;
		 margin-bottom:4%; text-align:center;
}
.modals_btns{
    display:none;
}
.modal_bg_box{
    background-color:#ec6608;
}
.close_btns{
    background: #fff;
    width: 25px;
    height: 25px;
}
.tx_title{
    font-weight: bold;
    color: #000;
    margin-bottom:10px;
}
.txt_sub_title{
    color: #000;
}
.modal-header.modals-headers{
    border-top-right-radius: 5px !important;
    border-top-left-radius: 5px !important;
    background-color: #ec6608;
    border-bottom: 1px solid #ec6608;
    height: 11px;
    padding-top: 14px;
    padding-right: 4px;
    color: #ec6608;
    border-radius: 1px;
    padding-bottom: 33px;
}
.modal_bg_box{
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-bottom: 61px;
    padding-left: 35px;
    padding-right: 20px; 
    font-size: 14px;
}
.close_btns{
    color: #ec6608;
    background: #fff !important;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    margin-top: -11px !important;
    opacity: 1;
}
.modal-content.content_box{
    width: 100%;
}
.modal-dialog_boxx{
    border-radius: 17px;
    width: 28% !important;
    margin-top: 20%;
}
.close_btns span{
    font-size: 31px;
    line-height: 0.8;
}