@charset "utf-8";
@font-face{font-family:Open Sans;src:url(../fonts/OpenSans-Regular.ttf);}
.wrapper{width:100%;margin:auto;margin-top:0px;padding-top:0px;}
body{height:100%;background-color:whitesmoke;background-size:100%;font-family: 'Open Sans', sans-serif; font-size:1.2em;letter-spacing:1px;font-weight:300;font-style:normal;-webkit-font-smoothing:antialiased;color:#999;}
.content-wrapper{padding:2% 0% 0% 2%;width:80%; margin:auto;}
.vpad{padding:15px 0;}
.vmar{margin:15px 0;}
.hpad{padding:0 15px;}
.hmar{margin:0 15px;}
.tmar{margin-top:15px;}
.tophead {padding:1vw; color:#000; border-bottom:2px solid #57c9e9;}
.thead{position:relative; z-index:99;background:none; width:100%;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
 }
.thead1{position:relative; z-index:99;background:none; width:100%;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ }
.logowidth{width:16vw;}
.fixed-top{position:fixed;top:0;z-index:99;background:#fcfff4;background:-moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(40%,#dfe5d7), color-stop(100%,#b3bead));background:-webkit-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%);background:-o-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%);background:-ms-linear-gradient(top, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%);background:linear-gradient(to bottom, #fcfff4 0%,#dfe5d7 40%,#b3bead 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0);}
.full{width:100%;}
.isize{font-size:1.5em;color: #6bb2dc;padding:10px;}
.isize2{font-size:2.0em;color:#999;}
.border-top{border-top:1px solid #47E6DF;}
.divider{border-right:1px solid #666;padding:0 5px 0 0px;margin-left:7px;}
.copytext{font-size:0.9em;color:#333;text-align:center;}
/* specials */
.icon-box{width: 60px;height: 60px;border-radius: 100%;border: 1px solid grey;background: #fff;}
.icon{width: 32px;height: 32px;opacity: 0.5;margin-top: 12px;text-align: center;}
.services>h4 {color:grey;text-align:left;margin:12.5% 0;}
.capture>h4 {color:grey;text-align:left;margin:2.5% 0;line-height:175%;}
.highlight {margin:0 -15px;background:#fff;padding:5%;-webkit-box-shadow: 2px 2px 20px 5px rgba(0,0,0,.1);
box-shadow: 2px 2px 20px 5px rgba(0,0,0,.1);}
.btn-leads {padding:2%;background:deepskyblue;color:#fff;font-size:3vh;text-align:center; font-family:'Merriweather', serif;}
.btn-leads:hover {background:black;border:2px solid deepskyblue;color:deepskyblue;}
/* navigation */
.menu{font-size:1.2em}
a {color: #6bb2dc;text-decoration: none;}
.fa:hover{color:#4c4847;}
a:hover,a:focus{text-decoration:none;-webkit-transition:all 150ms linear;-moz-transition:all 150ms linear;-o-transition:all 150ms linear;transition:all 150ms linear; color:#4c4847;}
.nav-tabs.nav-justified>li>a:hover{background:#CCE6FF;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;}
.nav > li > a:hover, .nav > li > a:focus{background:none;color:#4c4847;font-weight:bold;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{color:#000;text-decoration:none;background-color:transparent;}
.navbar-nav .active{color:#000;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{background-color:#499bea;background-image:none;}
.navbar-nav .active a{color:#000;}
.nav > li > a{padding:13px 25px 13px 25px;color: #000;font-size:16px;}
.navbar-toggle{background-color:#fff;}
.navbar-toggle .icon-bar{height:3px;background-color:#6dcff6;}
.dropdown .dropdown-menu{display:block;visibility:hidden;opacity:0;transition:all 0.6s ease;-moz-transition:all 0.6s ease;-webkit-transition:all 0.6s ease;-o-transition:all 0.6s ease;-ms-transition:all 0.6s ease;width:100%;}
.dropdown:hover .dropdown-menu{visibility:visible;opacity:1;color:#999;padding:5px 10px;background:#19ADE6;width:100%;background:#e0f3fa;background:-moz-linear-gradient(top, #e0f3fa 0%, #d8f0fc 50%, #b8e2f6 51%, #b6dffd 100%);background:-webkit-linear-gradient(top, #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);background:linear-gradient(to bottom, #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0f3fa', endColorstr='#b6dffd',GradientType=0);}
.dropdown-menu>li>a{color:#000;}
.dropdown{display:inline-block;color:#fff;width:100%;}
.hor li{display:inline-block;border-right:1px solid #333;padding-right:5px;padding-left:5px;color:#333;}
.hovertext{background:rgba(255, 255, 255, 0.7);position:absolute;padding:5px 13px;left:0px;width:100%;border-radius:7px;}
.divider{border-right:1px solid #666;padding:0 5px 0 0px;margin-right:5px;}
h1{font-size:5vh;font-weight:normal;color:#57c9e9;text-align:center;padding:15px 5px; font-family:'Merriweather', serif;}
h2 {color:#57c9e9;font-size: 4.6vh; font-family:'Merriweather', serif; text-align:center;}
h3{font-size:4vh;color:white;font-weight:normal; text-align:center;}
h4{font-size:2.4vh;color:#57c9e9;text-align:center; font-family:'Merriweather', serif;}
h5{font-size:1.8vh;color:#E67047;}
h6{font-size:1.6vh;color:#0066CC;}
p{font-size:1.9vh;color:#666;line-height:200%;text-align:center;}
li p{text-align:left;}
.title_new{font-size:2em;color:#93FD93;font-weight:normal;background:rgba(0, 0, 0, 0.4);padding:5px;text-shadow:2px 2px 3px #333;border-bottom:1px solid #93FD93;border-radius:10px 10px 0 0;}
.modal-content{background-color:transparent;}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#ccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#fff;}
.dropdown-submenu.pull-left{float:none;}
.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

.testimonial_subtitle{color: #0aaa7a;font-size: 12px;}
.testimonial_btn{background-color: #373d4b !important;color: #fff !important;}
.seprator {height: 2px;width: 56px;background-color: #0aaa7a;margin: 7px 0 10px 0;}
.carousel-inner p{font-size:2.4vh;line-height:175%;}
.scriptf {font-family: 'Satisfy', cursive;color: whitesmoke;}
.carbox {display: block; margin-bottom: 20px;line-height: 1.42857143;background-color:transparent;border-radius: 2px;
transition: box-shadow .25s;padding:3%;}
.carbox p{font-size: 1.9vh;color: #000;line-height: 175%;text-align: center;margin-left: 2%;}
.carbox li p{text-align: left;}
.img-carbox {width: 150px;height:150px;margin:3px;border-top-left-radius:2px;border-top-right-radius:2px;display:block;text-align:center;overflow: hidden;}
.img-carbox img{width: 100%;height: 200px;object-fit:cover; transition: all .25s ease;} 
.carbox-content {padding:15px;text-align:center;height:auto;}
.carbox-title {margin-top:0px;font-weight: 700;font-size: 1.65em;}
.carbox-title a {color: #000;text-decoration: none !important;}
.carbox-content>.table-condensed {width:60%;margin-left:20%;}



@media (min-width:768px){ul.nav li:hover > ul.dropdown-menu{display:block;}
#navbar{text-align:center;}
.carbox-content {padding:0px;text-align:center;height:auto;}

}
@media (max-width: 768px){
.thead {position: relative;z-index: 99;background: #efefef;width: 100%;}
.menu {font-size: 1.2em;background: #efefef;}
.menu--iris .menu__item {margin: 0 0.5em;padding: 8px;}
.logowidth{width:30vw;}
.carbox-content {padding:0px;text-align:center;height:auto;}
}



.gallery-title
{font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    font-size: 18px;
    border: 1px solid #fff;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;

}

.btn-default:active .filter-button:active
{
    background-color: #42B32F;
    color: white;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}

.menu__list {
	position: relative;
	margin: 1.8em 0 0;
}

.menu__item {
	display: block;
	margin: 1em 0;
}

.menu__link {
	font-size: 1.05em;
	font-weight: bold;
	display: block;
	padding: 1em;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* Iris */
.menu--iris .menu__item {
	margin:0 0.5em;
}

.menu--iris .menu__link {
	position: relative;
	text-align: center;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

.menu--iris .menu__link:hover,
.menu--iris .menu__link:focus {
	color: #929292;
}

.menu--iris .menu__item--current .menu__link,.menu__link:hover {
	color:#00f1ff;
}

.menu--iris .menu__link::before,
.menu--iris .menu__link::after {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	opacity: 0;
	border: 2px solid #00f1ff;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29);
	transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29);
}

.menu--iris .menu__link::before {
	top: 0;
	left: 0;
	border-width: 2px 0 0 2px;
	-webkit-transform: translate3d(10px, 10px, 0);
	transform: translate3d(10px, 10px, 0);
}

.menu--iris .menu__link::after {
	right: 0;
	bottom: 0;
	border-width: 0 2px 2px 0;
	-webkit-transform: translate3d(-10px, -10px, 0);
	transform: translate3d(-10px, -10px, 0);
}

.menu--iris .menu__item--current .menu__link::before,
.menu--iris .menu__item--current .menu__link::after,.menu__link:hover::before,.menu__link:hover::after {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.navbar-nav > li > a {
    margin: 0;
    padding: 0 1.5em;
    text-transform: uppercase;
}

.transition {
  transition: .3s cubic-bezier(.3, 0, 0, 1.3)
}


.nine {
  list-style: none;
  padding: 0;
  margin: 0px 0;
}
.nine > li {
  background: #FFFFFF;
  border: 1px solid rgba(150,150,150,0.29);
  -moz-box-shadow: 0px 0px 18px 0px rgba(103,85,85,0.39);
  box-shadow: 0px 0px 18px 0px rgba(103,85,85,0.39);
  width: 230px;
  height: 400px;
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
}
.nine .wrapper {
  position: relative;
  height: 100%;
}
.nine .social {
  list-style: none;
  text-align: center;
  position: absolute;
  bottom: 40px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%;
  opacity: 0;
}
.nine .social li {
  display: inline-block;
  margin: 0 2px;
}
.nine .social li img {
  width: 24px;
}
.nine .social li img:hover {
  opacity: 0.5;
}
.nine > li:hover .social {
  bottom: 130px;
  opacity: 1;
}
.nine span {
  background: #78CACE;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  height: 500px;
  width: 484px;
  display: block;
  position: absolute;
  bottom: 210px;
  left: -132px;
}
.nine > li:hover span {
  bottom: 300px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
.nine span img {
  position: absolute;
  bottom: 30px;
  left: 170px;
}
.nine > li:hover span img {
  bottom: -55px;
}
.nine h3 {
  position: absolute;
  top: 190px;
  font-family: 'Dosis', sans-serif;
  color: #78CACE;
  text-transform: uppercase;
  font-size: 27px;
  width: 100%;
}
.nine h3 em {
  font-family: 'Open Sans', sans-serif;
  color: #444;
  font-size: 12px;
  font-style: normal;
  display: block;
  margin-top: 2px;
  opacity: 0.8;
}
.nine > li:hover h3 {
  top: 140px;
}
.nine .trigger {
  position: absolute;
  bottom: 40px;
  width: 100%;
  text-align: center;
}
.nine .trigger i {
  width: 45px;
  height: 45px;
 background:;
  color: #fff;
  font-family: 'Dosis', sans-serif;
  font-weight: 600;
  display: block;
  background: #FFE08E;
  font-style: normal;
  font-size: 33px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  margin: 0 auto;
}
.nine > li:hover .trigger i {
  width: 30px;
  height: 30px;
  margin-bottom: 20px;
  font-size: 18px;
}
 @-webkit-keyframes arrow {
 0% {
background-position: center top;
}
 50% {
background-position: center 10px;
}
 100% {
background-position: center top;
}
}
 @-moz-keyframes arrow {
 0% {
background-position: center top;
}
 50% {
background-position: center 10px;
}
 100% {
background-position: center top;
}
}
 @keyframes arrow {
 0% {
background-position: center top;
}
 50% {
background-position: center 10px;
}
 100% {
background-position: center top;
}
}