/*================================================
            Table of contents  
==================================================
 
1. General
2. Preloader
3. NavBar
4. Home
5. About
6. Statistics
7. Service
8. Skill
9. Skill2
10. Product
11. Key Feature
12. Counter
13. Pricing
14. Team
15. Portfolio
16. FAQ
17. Testimonial
18. Marketing
19. Blog
20. Contact
21. Clients
22. Footer
23. Scroll up
24. Copyright

====================================================
            End table content 
===================================================*/

/* General Styles */
body {
	font-family: 'Roboto', sans-serif;
	overflow-x: hidden !important;
}
.contrast {
	color: #00B140;
}

.contrast-2 {
	color: #DA291C;
}

.heading {
	padding: 60px 0px;
	text-align: center;
	overflow: hidden;
}
.heading h1 {
	margin-top: 0;
	font-family: 'Gotham', sans-serif;
	font-weight: 800;
}
hr {
	height: 2px !important;
	width: 50px;
	position: relative;
	text-align: center;
	margin: 10px auto;
	background-color: #000;
}
.subtitle {
	text-align: center;
	font-size: 20px;
	font-family: 'Gotham', sans-serif;
	font-weight: 800;
	margin-bottom: 10px;
}
h3 {
	font-weight: bold;
}
p{
	font-size: 15px;
	color: #555;
}

.just{
	text-align: : justify!important;
}

.banner  {
	padding: 0 20px 60px 20px;
}

.banner h1 {
	font-family: 'Gotham', sans-serif;
	letter-spacing: 5px;
	font-weight: 100;
	color: #ffffff;
	text-align: center;
	line-height: 1.5;
}

.finance {
	padding-left: 15px;
	padding-right: 15px;
}

.finance p {
	text-align: center;
}

.finance-box {
	background-color: #e2e2e2!important;
}

.form {
	text-align: center;
}

.navbar-brand>img {
    display: block;
    margin-top: -5px;
    max-height: 42px;
}

.center {
	text-align: center!important;
}

.btn-contact {
    display: inline-block;
    padding: 12px;
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 20px;
    font-weight: 100;
    font-family: 'Gotham', sans-serif;
    line-height: 1.42857143;
    text-align: center;
    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: 1px solid #ffffff;
    border-radius: none;
    color: #ffffff;
}

.btn-contact:hover {
    text-decoration: none;
    border: 1px solid #00B140;
    background-color: #00B140;
    color: #000000;
    -webkit-transition: background-color 2s ease-out;
  	-moz-transition: background-color 2s ease-out;
  	-o-transition: background-color 2s ease-out;
  	transition: background-color 2s ease-out;
}
.btn-contact-2 {
    display: inline-block;
    padding: 12px;
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 20px;
    font-weight: 100;
    font-family: 'Gotham', sans-serif;
    line-height: 1.42857143;
    text-align: center;
    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: 1px solid #00B140;
    border-radius: none;
    color: #00B140;
}

.btn-contact-2:hover {
    text-decoration: none;
    border: 1px solid #00B140;
    background-color: #00B140;
    color: #ffffff;
    -webkit-transition: background-color 2s ease-out;
  	-moz-transition: background-color 2s ease-out;
  	-o-transition: background-color 2s ease-out;
  	transition: background-color 2s ease-out;
}

.btn-contact-3 {
    display: inline-block;
    padding: 12px;
    margin-bottom: 0;
    margin-top: 20px;
    font-size: 20px;
    font-weight: 100;
    font-family: 'Gotham', sans-serif;
    line-height: 1.42857143;
    text-align: center;
    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: 1px solid #DA291C;
    border-radius: none;
    color: #DA291C;
}

.btn-contact-3:hover {
    text-decoration: none;
    border: 1px solid #DA291C;
    background-color: #DA291C;
    color: #ffffff;
    -webkit-transition: background-color 2s ease-out;
  	-moz-transition: background-color 2s ease-out;
  	-o-transition: background-color 2s ease-out;
  	transition: background-color 2s ease-out;
}

.mr-10 {
	margin-right: 10px!important;
}

.special-background {
	background-color: #f5f5f5!important;
}

.special-row {
	margin-left: 0;
	margin-right: 0;
}


/* Preloader */
.preloader {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #fff;
	z-index: 9999999;
}
.preloader .spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -20px;
	margin-top: -20px;
}
.spinner {
	margin: 100px auto;
	width: 50px;
	height: 40px;
	text-align: center;
	font-size: 10px;
}
.spinner > div {
	background-color: #0099e6;
	height: 100%;
	width: 6px;
	display: inline-block;
	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}
.spinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}
.spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}
.spinner .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
@-webkit-keyframes sk-stretchdelay {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
	20% { -webkit-transform: scaleY(1.0) }
}
@keyframes sk-stretchdelay {
	0%, 40%, 100% { 
		transform: scaleY(0.4);
		-webkit-transform: scaleY(0.4);
	}
	20% { 
			transform: scaleY(1.0);
			-webkit-transform: scaleY(1.0);
	}
}

/* NavBar */
.custom-navbar {
	border: none;
	margin-bottom: 0;
	background-color: #333F48;
	padding: 5px 0px;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.scroll {
	background-color: #333F48 !important;
}
.custom-navbar .navbar-brand {
	color: #FFF;
	font-weight: bold;
	font-size: 3rem;
	line-height: 35px;
}
.custom-navbar .nav li a {
	font-size: 14px;
	color: #FFF;
	line-height: 40px;
	padding-right: 0 20px;
	letter-spacing: 1px;
	font-weight: 500;
}
.custom-navbar .navbar-nav > li > a:hover,
.custom-navbar .navbar-nav > li > a:focus {
	background-color: transparent;
	color: #00B140;
}
.custom-navbar .navbar-toggle {
	border: none;
	padding-top: 10px;
}
.custom-navbar .navbar-toggle {
	background-color: transparent;
}
.custom-navbar .navbar-toggle .icon-bar {
	background: #00B140;
	border-color: transparent;
}

/* Home */
#home {
	position: relative;
}
.slide-1 {
	background: url(../images/home1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.slide-2 {
	background: url(../images/home2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.slide-3 {
	background: url(../images/home3.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.single-slider {
	position: relative;
	z-index: 1;
	height: 100vh !important;
}
.carousel-fade .carousel-control {
	z-index: 2;
}
#home .fa {
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #a9a9a9;
	font-size: 32px;
	font-weight: bold;
	border-radius: 50%;
}
#home .fa:hover {
	background-color: #00B140;
	box-shadow: 0 4px 12px -10px rgba(0, 0, 0, 0.35);
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	transition: all 500ms linear;
}
.controller {
	position: absolute;
	top: 50%;
	transform: translateY(-25px);
	z-index: 20;
}
.controller:focus,
.controller:hover {
	color: #fff;
}
.left.controller {
	left: 20px;
}
.right.controller {
	right: 20px;
}
.carousel-indicators li {
	background-color: #d6d6d6;
	border-color: #d6d6d6;
}
.carousel-indicators li.active {
	background-color: #00B140;
	border-color: transparent;
}
.carousel-indicators li:hover {
	background-color: #00B140;
	border-color: #00B140;
}
#home .text {
	position: absolute;
	width: 100%;
	text-align: center;
	color: #fff;
	top: 35%;
	padding-left: 15px;
	padding-right: 15px;
}
#home .home-btn {
	color: #fff;
	border: 2px solid #0099e6;
	font-size: 16px;
	font-weight: bold;
	padding: 8px 24px;
	border-radius: 24px;
	margin-top: 15px;
}
#home .home-btn:hover {
	color: #fff;
	background-color: #0099e6;
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	transition: all 500ms linear;
}

/* About */
#about {
	background-color: #f5f5f5;
}
#about img {
	margin: auto;
	margin-bottom: 60px;
	box-shadow: 0 0 20px #ddd;
	-webkit-box-shadow: 0 0 20px #ddd;
	-moz-box-shadow: 0 0 20px #ddd;
}
#about img.no-shadow{
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#about p {
	font-size: 16px;
	line-height: 28px;
	text-align: justify;
	padding-top: 15px;
}
#about .seework-btn {  
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 30px;
	margin: 30px 0px 60px 0px;
	color: #fff;
	background-color: #0099e6;
}
#about .seework-btn:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* Statistics */
#statistics img {
	max-height: 450px;
	margin: auto;
	margin-bottom: 60px;
}
#statistics p {
	font-size: 16px;
	line-height: 28px;
	text-align: justify;
	padding-top: 15px;
}
.mb-60 {
	margin-bottom: 60px;
}

/* Service */
#service {
	background-color: #;
}
#service .back {
	position: relative;
	background-color: #fff;
	padding:  15px;
	margin-bottom: 60px;
	text-align: center;
	border-radius: 3px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
#service .subtitle {
	margin: 15px 0px 10px 0px;
}
#service p {
	font-size: 16px;
}
#service .fa {
	color: #fff;
	background-color: #a9a9a9;
	height: 60px;
	width: 60px;
	text-align: center;
	border-radius: 50%;
	line-height: 60px;
}
#service .back:hover .fa {
	background-color: #0099e6;
}

/* Skill */
#skill {
	position: relative;
	background: #f5f5f5 url(../images/fact.jpg) no-repeat fixed center top / cover ;
	padding-top: 100px;
	padding-bottom: 40px;
}
#skill h3 {
	margin-top: 0px;
	font-weight: bold;
	color: #fff;
}
.percent-skill {
	margin-bottom: 60px;
}

/* Skill2 */
#skill2 {
	background-color: #fff;
}
#skill2 h3 {
	text-align: center;
	margin-bottom: 30px;
}
.skill-bar {
	width: 100%;
	height: 8px;
	background-color: #111;
	border-radius: 5px;
}
.skill-bar-overlay {
	height: 8px;
	background-color: #0088cc;
	width: 20%;
}
.single-skill {
	position: relative;
	margin-bottom: 60px;
}
.single-skill p {
	font-size: 16px;
	font-weight: 500;
}
.single-skill span {
	position: absolute;
	top: 0;
	left: 20%;
	font-size: 16px;
	color: #322C2C;
	font-weight: 500;
	opacity: 0;
}
.single-skill span.show {
	text-align: right;
	opacity: 1;
}

/* Products */
#product {
	background-color: #f5f5f5;
}
#product .single-product {
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.13);
	padding-bottom: 20px;
	margin-bottom: 60px;
}
#product .frame {
	height: 100%;
	width: 100%;
	overflow: hidden;
}
#product .subtitle {
	margin-top: 20px;
}
#product .single-product img {
	margin: auto;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
}
#product .single-product img:hover {
	transform: scale(1.3);
	-ms-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
}

/* Key Feature */
#feature {
	background-color: #fff;
	padding-bottom: 60px;
}
#feature .fa {
	color: #00B140;
	border-radius: 50%;
	padding: 8px;
	margin-right: 10px;
	box-shadow: 0 7px 16px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 7px 16px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 7px 16px 0 rgba(0,0,0,0.2);
}
#feature span {
	font-size: 20px;
	padding: 4px 0px 0px 10px;
	font-weight: bold;
}
#feature .key_subtitle {
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 20px;
}
#feature .key_subtitle span {
	font-size: 14px;
	color: #666;
	font-weight: 400;
}

/* Counter */
#counter {
	position: relative;
	height: auto;
	padding-top: 100px;
	padding-bottom: 40px;
	background: #f5f5f5 url(../images/fact.jpg) no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
#counter .single-counter {
	margin-bottom: 60px;
	text-align: center;
	color: #fff;
}

/* Smart */
#Smart {
  background-color: #fff;
}
#Smart h1 {
  font-family: 'Gotham', sans-serif;
  letter-spacing: 5px;
}
#Smart .single-price span {
  color: #666;
  font-size: 16px;
}
#Smart .highlight span {
  color: #fff;
  font-size: 16px;
}
#Smart .single-price {
  padding: 40px 10px;
  margin-bottom: 60px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.13);
}
#Smart .highlight {
  padding: 40px 10px;
  margin-bottom: 60px;
  background-color: #00B140;
  border-radius: 5px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.13);
}
#Smart .single-price h1,
#Smart .single-price h4 {
  text-align: center;
}
#Smart .highlight h1,
#Smart .highlight h4 {
  color: #fff;
  text-align: center;
}
#Smart ul {
  padding: 0;
  padding-top: 10px;
  list-style-type: none;
}
#Smart h1 {
  padding-bottom: 10px;
}
#Smart .single-price ul {
  border-top: 1px solid #bbb;
}
#Smart .single-price del {
  color: #8d8d8d;
}
#Smart .highlight del {
  color: #e5e5e5;
}
#Smart .highlight ul {
  border-top: 1px solid #fff;
}
#Smart .single-price ul li {
  font-size: 16px;
  color: #000;
  text-align: center;
  margin-top: 15px;
  padding-bottom: 5px;
}
#Smart .highlight ul li {
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin-top: 15px;
  padding-bottom: 5px;
}

/* Reapertura */
#Reapertura {
  background-color: #fff;
}
#Reapertura h1 {
  font-family: 'Gotham', sans-serif;
  letter-spacing: 5px;
}
#Reapertura .single-price span {
  color: #666;
  font-size: 16px;
}
#Reapertura .highlight span {
  color: #fff;
  font-size: 16px;
}
#Reapertura .single-price {
  padding: 40px 10px;
  margin-bottom: 60px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.13);
}
#Reapertura .highlight {
  padding: 40px 10px;
  margin-bottom: 60px;
  background-color: #00B140;
  border-radius: 5px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.13);
}
#Reapertura .single-price h1,
#Reapertura .single-price h4 {
  text-align: center;
}
#Reapertura .highlight h1,
#Reapertura .highlight h4 {
  color: #fff;
  text-align: center;
}
#Reapertura ul {
  padding: 0;
  padding-top: 10px;
  list-style-type: none;
}
#Reapertura h1 {
  padding-bottom: 10px;
}
#Reapertura .single-price ul {
  border-top: 1px solid #bbb;
}
#Reapertura .single-price del {
  color: #8d8d8d;
}
#Reapertura .highlight del {
  color: #e5e5e5;
}
#Reapertura .highlight ul {
  border-top: 1px solid #fff;
}
#Reapertura .single-price ul li {
  font-size: 16px;
  color: #000;
  text-align: center;
  margin-top: 15px;
  padding-bottom: 5px;
}
#Reapertura .highlight ul li {
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin-top: 15px;
  padding-bottom: 5px;
}

/* Vender */
#Vender {
  background-color: #fff;
}
#Vender h1 {
  font-family: 'Gotham', sans-serif;
  letter-spacing: 5px;
}
#Vender .single-price span {
  color: #666;
  font-size: 16px;
}
#Vender .highlight span {
  color: #fff;
  font-size: 16px;
}
#Vender .single-price {
  padding: 40px 10px;
  margin-bottom: 60px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.13);
}
#Vender .highlight {
  padding: 40px 10px;
  margin-bottom: 60px;
  background-color: #00B140;
  border-radius: 5px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.13);
}
#Vender .single-price h1,
#Vender .single-price h4 {
  text-align: center;
}
#Vender .highlight h1,
#Vender .highlight h4 {
  color: #fff;
  text-align: center;
}
#Vender ul {
  padding: 0;
  padding-top: 10px;
  list-style-type: none;
}
#Vender h1 {
  padding-bottom: 10px;
}
#Vender .single-price ul {
  border-top: 1px solid #bbb;
}
#Vender .single-price del {
  color: #8d8d8d;
}
#Vender .highlight del {
  color: #e5e5e5;
}
#Vender .highlight ul {
  border-top: 1px solid #fff;
}
#Vender .single-price ul li {
  font-size: 16px;
  color: #000;
  text-align: center;
  margin-top: 15px;
  padding-bottom: 5px;
}
#Vender .highlight ul li {
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin-top: 15px;
  padding-bottom: 5px;
}

/* Gestion */
#Gestion {
  background-color: #fff;
}
#Gestion h1 {
  font-family: 'Gotham', sans-serif;
  letter-spacing: 5px;
}
#Gestion .single-price span {
  color: #666;
  font-size: 16px;
}
#Gestion .highlight span {
  color: #fff;
  font-size: 16px;
}
#Gestion .single-price {
  padding: 40px 10px;
  margin-bottom: 60px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.13);
}
#Gestion .highlight {
  padding: 40px 10px;
  margin-bottom: 60px;
  background-color: #00B140;
  border-radius: 5px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.13);
}
#Gestion .single-price h1,
#Gestion .single-price h4 {
  text-align: center;
}
#Gestion .highlight h1,
#Gestion .highlight h4 {
  color: #fff;
  text-align: center;
}
#Gestion ul {
  padding: 0;
  padding-top: 10px;
  list-style-type: none;
}
#Gestion h1 {
  padding-bottom: 10px;
}
#Gestion .single-price ul {
  border-top: 1px solid #bbb;
}
#Gestion .single-price del {
  color: #8d8d8d;
}
#Gestion .highlight del {
  color: #e5e5e5;
}
#Gestion .highlight ul {
  border-top: 1px solid #fff;
}
#Gestion .single-price ul li {
  font-size: 16px;
  color: #000;
  text-align: center;
  margin-top: 15px;
  padding-bottom: 5px;
}
#Gestion .highlight ul li {
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin-top: 15px;
  padding-bottom: 5px;
}

/* Comprar */
#Comprar {
  background-color: #fff;
}
#Comprar h1 {
  font-family: 'Gotham', sans-serif;
  letter-spacing: 5px;
}
#Comprar .single-price span {
  color: #666;
  font-size: 16px;
}
#Comprar .highlight span {
  color: #fff;
  font-size: 16px;
}
#Comprar .single-price {
  padding: 40px 10px;
  margin-bottom: 60px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.13);
}
#Comprar .highlight {
  padding: 40px 10px;
  margin-bottom: 60px;
  background-color: #00B140;
  border-radius: 5px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.13);
}
#Comprar .single-price h1,
#Comprar .single-price h4 {
  text-align: center;
}
#Comprar .highlight h1,
#Comprar .highlight h4 {
  color: #fff;
  text-align: center;
}
#Comprar ul {
  padding: 0;
  padding-top: 10px;
  list-style-type: none;
}
#Comprar h1 {
  padding-bottom: 10px;
}
#Comprar .single-price ul {
  border-top: 1px solid #bbb;
}
#Comprar .single-price del {
  color: #8d8d8d;
}
#Comprar .highlight del {
  color: #e5e5e5;
}
#Comprar .highlight ul {
  border-top: 1px solid #fff;
}
#Comprar .single-price ul li {
  font-size: 16px;
  color: #000;
  text-align: center;
  margin-top: 15px;
  padding-bottom: 5px;
}
#Comprar .highlight ul li {
  font-size: 16px;
  color: #fff;
  text-align: center;
  margin-top: 15px;
  padding-bottom: 5px;
}

/* Team */
#team {
	background-color: #f5f5f5;
	padding-bottom: 60px;
}
#team .single-team {
	padding: 40px 10px; 
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.13);
}
#team img {
	width: 200px;
	border: 4px solid #0099e6;
	margin: auto;
}
#team .subtitle {
	margin-top: 20px;
}
#team p.designation {
	font-style: italic;
	font-size: 14px;
	text-align: center;
	color: #0099e6;
}
#team p.description {
	text-align: left;
	font-size: 15px;
	padding: 0px 20px;
}
#team .team-btn {
	background-color: #0099e6;
	color: #fff;
	font-weight: bold;
	padding: 10px 20px;
	margin-bottom: 20px;
}
#team .team-btn:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    text-decoration: none;
}
#team .data {
	border: 1.5px solid #bbb;
	margin: 20px 10px;
}
.owl-theme .owl-nav {
	margin-top: 10px;
	text-align: center;
	-webkit-tap-highlight-color: transparent; 
}
.owl-theme .owl-nav [class*='owl-'] {
	color: #FFF;
	font-size: 14px;
	margin: 5px;
	padding: 4px 7px;
	background: #D6D6D6;
	display: inline-block;
	cursor: pointer;
	border-radius: 3px; 
}
.owl-theme .owl-nav [class*='owl-']:hover {
	background: #869791;
	color: #FFF;
	text-decoration: none; 
}
.owl-theme .owl-nav .disabled {
	opacity: 0.5;
	cursor: default; 
}
.owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: 10px; 
}
.owl-theme .owl-dots {
	text-align: center;
	-webkit-tap-highlight-color: transparent; 
}
.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
	*display: inline; 
}
.owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #D6D6D6;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity 200ms ease;
	border-radius: 30px; 
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #0099e6;
}

/* Portfolio */
#portfolio {
	background-color: #fff;
}
#portfolio .mix {
	display: none;
}
#portfolio ul.work-list {
	list-style: outside none none;
	margin-bottom: 60px;
	padding: 0;
}
#portfolio ul.work-list li {
	cursor: pointer;
	display: inline-block;
	padding: 8px 20px;
	font-size: 14px;
	font-weight: 500;
	border-radius: 20px;
}
#portfolio ul.work-list li:hover {
	color: #0099e6;
}
#portfolio .active {
	background-color: #0099e6;
	color: #fff !important;
}
#portfolio .active:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.row.no-gutter [class*="col-"]{
	margin: 0;
	padding: 0;
}
ul.da-thumbs {
	list-style-type: none;
	padding: 0;
} 
.da-thumbs li {
	position: relative;
}
.da-thumbs li,
.da-thumbs li img {
	display: block;
	position: relative;
}
.da-thumbs li {
	overflow: hidden;
}
.da-thumbs li div.work-content {
	position: absolute;
	text-align: center;
	background: rgba(0,0,0,0.8);
	width: 100%;
	height: 100%;
	color: #fff;
}
#portfolio .work-table {
	display: table;
	width: 100%;
	height: 100%;
}
#portfolio .table-cell {
	display: table-cell;
	vertical-align: middle;
}
#portfolio .work-content h3 {
	margin-top: 0;
}
#portfolio .work-content p {
	color: #fff;
	font-size: 15px;
	padding: 0px 20px;
}
#portfolio .work-content .fa {
	padding: 12px;
	margin: 0px 5px;
	color: #fff;
	background-color: #0099e6;
	border-radius: 50%;
}

/* Testimonial */
#testimonial {
	padding-bottom: 60px;
}
.single-testimonial {
	position: relative;
	padding: 15px 20px;
	border: 1.5px solid #bbb;
}
.t-image {
	position: absolute;
	left: 20px;
	top: 20px;
}
.single-testimonial .t-image img {
	width: 90px;
	height: 90px;
	border: 2px solid #0099e6;
}
.t-name {
	position: absolute;
	left: 130px;
	padding: 13px 0px;
}
.single-testimonial .subtitle {
	margin-top: 10px;
}
.single-testimonial p.comp {
	font-style: italic;
	color: #0099e6;
	font-size: 14px;
}
.t-content {
	margin-top: 110px;
}
.single-testimonial p.description {
	text-align: left;
	font-size: 15px;
}

/* Marketing */
#marketing {
	background: url(../images/marketing.jpg) no-repeat;
	background-attachment: fixed;
	background-size: cover;
	position: relative;
	z-index: 1;
	padding: 100px 0px;
	color: #fff;
}
#marketing h3 {
	margin: 0;
	font-family: 'Gotham', sans-serif;
	text-align: center;
	line-height: 1.5;
}

/* Blog */
#blog {
	background-color: #f5f5f5;
}
#blog .single-blog {
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.13);
  margin-bottom: 60px;
  padding-bottom: 30px;
}
#blog .single-blog img {
  width: 400px;
  max-height: 220px;
  margin: auto;
  margin-bottom: 20px;
}
#blog .post-description,
#blog .post-description .fa {
  color: #8d8d8d;
  text-align: left;
  font-size: 14px;
}
#blog .post-description .fa {
  padding-left: 20px;
}
#blog .single-blog .subtitle {
  text-align: left;
  padding-left: 20px;
  margin-top: 10px;
}
#blog p {
  text-align: left;
  font-size: 15px;
  padding: 0px 20px 10px 20px;
}
#blog .blog-btn {
  font-size: 15px;
  padding: 10px 18px;
  color: #fff;
  background-color: #0099e6;
  border-radius: 3px;
}
#blog .blog-btn:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
  text-decoration: none;
}
#blog .blog-btn:visited {
  text-decoration: none !important;
}

/* FAQ */
/*#faq {
	padding-bottom: 30px;
	background-color: #fff;
}
.panel-group {
	margin-bottom: 30px; 
}
.panel {
	border: none;
	border-bottom: 2px solid #0099e6;
	margin-bottom: 30px;
	background-color: transparent;
	-webkit-transition: -webkit-box-shadow 0.3s ease;
	transition: box-shadow 0.3s ease;
}
.panel:hover {
	background-color: transparent;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.13);
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.13);
	-moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.13);
}
.panel-group .panel + .panel {
	margin-top: 15px; 
}
.panel-heading {
	padding: 0; 
}
.panel-heading a {
	padding: 18px 68px 10px 15px;
	display: block;
	position: relative;
	text-decoration: none;
	font-weight: bold;
}
.panel-heading a:hover {
	text-decoration: none;
}
.panel-heading a.collapsed {
	padding: 18px 60px 18px 15px;
}
.panel-heading a.collapsed .fa-arrow-up {
	display: none; 
}
.panel-heading a.collapsed .fa-arrow-down {
	display: block;
}
.panel-heading a .fa {
	position: absolute;
	top: 20px;
	right: 20px;
	color: #0099e6; 
}
.panel-heading a .fa-arrow-down {
	display: none; 
}
.panel-body {
	border: none !important;
	padding: 18px 60px 18px 15px; 
}*/
#faq {
	background-color: #fff;
	padding-bottom: 30px;
}
.panel-group {
	margin-bottom: 0; 
}
.panel {
	padding-bottom: 10px;
	border-bottom: 2px solid #0099e6;
	background-color: transparent;
	-webkit-transition: -webkit-box-shadow 0.3s ease;
	transition: box-shadow 0.3s ease;
}
.panel-group .panel + .panel {
	margin-top: 30px;
}
.panel-heading {
	padding: 0;
}
.panel-heading a {
	padding: 15px 40px 15px 15px;
	color: #000;
	font-size: 18px;
	display: block;
	position: relative;
	text-decoration: none;
	font-weight: bold;
}
.panel-heading a:hover {
	text-decoration: none;
}
.panel-heading a.collapsed {
	padding: 15px 40px 15px 15px; 
}
.panel-heading a.collapsed .fa-arrow-up {
	display: none; 
}
.panel-heading a.collapsed .fa-arrow-down {
	display: block;
}
.panel-heading a .fa {
	position: absolute;
	top: 20px;
	right: 20px;
	color: #0099e6;
}
.panel-heading a .fa-arrow-down {
	display: none; 
}
.panel-body {
	border: none !important;
	color: #666;
	font-size: 15px;
	padding: 10px 40px 10px 15px; 
}
.mb-30 {
	margin-bottom: 30px;
}
.mb-40 {
	margin-bottom: 40px;
}

/* Contact */
.mt-10 {
	margin-top: 10px;
}
.mb-10 {
	margin-bottom: 10px;
}
.mt-20 {
	margin-top: 20px;
}
.mt-30 {
	margin-top: 30px;
}
#contact {
	background-color: #f5f5f5!important;;
}
#contact h3 {
	font-weight: 500;
	letter-spacing: 5px;
}
#contact p {
	text-align: left;
}
#contact p.lab {
	margin-bottom: -10px;
}
.contact-text {
	background-color: #fff;
	border: 1px solid #fff;
	color: #111;
	font-size: 14px;
	height: 45px;
	width: 100%;
	padding-left: 20px;
}
.contact-message {
	background-color: #fff;
	border: 1px solid #fff;
	color: #111;
	font-size: 14px;
	height: 150px;
	width: 100%;
	padding: 14px 20px;
}
.contact-text:focus,
.contact-message:focus {
  border: 1px solid #4d90fe;
}
#contact .send-btn {
	background-color: #00B140;
	color: #fff;
	font-size: 14px;
	padding: 12px 24px;
	border: none;
	float: left;
	margin-bottom: 30px;
	border-radius: 0px!important;
}
#contact .send-btn:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
#contact .fa {
	background-color: #00B140;
	color: #fff;
	height: 25px;
	width: 25px;
	text-align: center;
	line-height: 25px;
	border-radius: 50%;
}   
#contact span {
	color: #00B140;
	font-weight: 500;
	padding-left: 10px;
} 
#contact span.contrast-2 {
	color: #DA291C !important;
}
#contact .sep {
	border-bottom: 1.5px solid #bbb;
}
.contact-content {
  margin-top: 100px;
}
.contact-content-p {
  color: #555;
  text-decoration: underline;
}
#map {
	width: 100%;
	height: 500px;
	margin-top: 30px;
} 

/* Clients */
#partners {
	background-color: #fff;
	padding: 60px 20px;
}
#partners img {
	max-width: 110px;
	margin: auto;
}

/* Scroll up */
#scroll-up {
	position: fixed;
	bottom: 30px;
	right: 30px;
	background-color: #a9a9a9; 
	border-radius: 4px;
	width: 40px;
	height: 40px;
	color: #fff;
	cursor: pointer;
	float: right;
	font-size: 22px;
	line-height: 35px;
	text-align: center;
	z-index: 9;
}
#scroll-up:hover {
	background-color: #00B140; 
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	transition: all 500ms linear;
}

/* Footer */
footer {
	background: #222;
	height: auto;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 20px;
}
footer a,
footer h3,
footer h4 {
	color: #E5E5E5;
	font-weight: 500;
}
footer a:hover {
	color: #0099e6;
	text-decoration: none;
}
footer p {
	text-align: left;
	color: #bbb;
}
footer p span {
	color: #E5E5E5;
}
.single-footer {
    margin-bottom: 20px;
}
.mb-20 {
	margin-bottom: 20px;
}
footer .fa {
	color: #0099e6;
	margin-right: 8px;
}
footer .fa-facebook {
	background-color: #3B5998;
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 15px;
	border-radius: 50%;
}
footer .fa-twitter {
	background-color: #00ACEE;
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 15px;
	border-radius: 50%;
}
footer .fa-linkedin {
	background-color: #007bb6;
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 15px;
	border-radius: 50%;
}
footer .fa-youtube {
	background-color: #b31217;
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 15px;
	border-radius: 50%;
}
footer .fa-instagram {
	background: #f09433; 
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
	background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 15px;
	border-radius: 50%;
}
footer .fa-pinterest {
	background-color: #C8232C;
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 15px;
	border-radius: 50%;
}
footer .fa-flickr {
	background-color: #FF0084;
}
.facebook-tooltip, .twitter-tooltip, .linkedin-tooltip, .instagram-tooltip, .youtube-tooltip, .pinterest-tooltip {
	position: relative;
}
.facebook-text, .twitter-text, .linkedin-text, .instagram-text, .youtube-text, .pinterest-text {
	visibility: hidden;
	background-color: #fff;
	color: #000;
	font-size: 11px;
	padding: 0px 5px;
	position: absolute;
	top: 160%;
	left: 0%;
}
.facebook-tooltip:hover .facebook-text {
	visibility: visible;
}
.twitter-tooltip:hover .twitter-text {
	visibility: visible;
}
.google-tooltip:hover .google-text {
	visibility: visible;
}
.linkedin-tooltip:hover .linkedin-text {
	visibility: visible;
}
.instagram-tooltip:hover .instagram-text {
	visibility: visible;
}
.youtube-tooltip:hover .youtube-text {
	visibility: visible;
}
.pinterest-tooltip:hover .pinterest-text {
	visibility: visible;
}
.news-btn {
	background-color: #0099e6;
	color: #fff;
}
.news-btn:hover {
	opacity: 0.8;
	color: #fff;
}

/* Copyright */
.copyright {
	background-color: #333F48;
	padding: 20px 0px;
	text-align: center;
}
.copyright p {
	color: #bbb;
}