/*
    Template Name    : Electricshop
	Description		 : Responsive Electrical Template
    Version          : 1.0
*/

/*
================================================
/* Table of Content
==================================================

1. Fonts - Roboto and Raleway
2. Common CSS
3. Loader CSS
4. Top Wrapper
5. Header Inner
6. Slider Area
7. CTA Wrapper
8. Our Services
9. About Wrapper
10. Join Wrapper
11. Our Team Wrapper
12. Latest Projects Wrapper
13. Testimonials Wrapper
14. Counters
15. News Wrapper
16. Breadcrumb Wrapper
17. Inner page Wrapper
18. Gallery
19. FAQ Wrapper
20. Error Page
21. Countdown Page
22. Contact Wrapper
23. Footer Wrapper
24. Media Quires 

/*
================================================
1. Fonts - Roboto and Raleway
================================================
*/
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800|Roboto:300,400,600,700');
/*
================================================
2. Common CSS
================================================
*/
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 1.57143;
	font-weight: 400;
	color: #2d2e2e;
}
.themecolor {
	color: #63ab41;
}
a.themecolor:hover{
	color: #666666;
}
.fa{
	font-family: FontAwesome !important;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', sans-serif;
	margin-top: 0;
}
a {
	color: #666666;
	transition: all 0.3s ease 0s;
}
a:hover {
	color: #63ab41;
	text-decoration: none;
}
a, a:hover, a:active, a:focus {
	outline: none;
	text-decoration: none;
}
.btn, .btn * {
	transition: all 0.3s ease 0s;
}
.btn {
	border-width: 2px;
	margin-bottom: 7px;
	margin-top: 7px;
	padding: 8px 22px;
	z-index: 1;
}
.btn:hover {
	color: #2d2e2e;
}
.light-bg {
	background: #f5f5f5;
}
i {
	transition: all 0.4s ease-in-out 0s;
}
.transition3s {
	transition: all 0.3s ease-in-out 0s;
}
ul, li {
	list-style: outside none none;
}
.space-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.m-bot-40 {
	margin-bottom: 40px;
}
.m-top-40 {
	margin-top: 40px;
}
.pad-bottom-0 {
	padding-bottom: 0 !important;
}
/*section {
	float: left;
	width: 100%;
	padding: 80px 0;
}*/
div.title {
  display: inline-block;
  margin: 0 0 40px;
  text-align: center;
  width: 100%;
  position: relative;
}
div.title h2 {
  color: #000000;
  font-size: 40px;
  font-weight: 700;
  margin: 0;
}
div.title h2::after {
	background-color: #63ab41;
	border: medium none;
	content: "";
	display: block;
	height: 2px;
	margin: 20px auto 0;
	width: 150px;
}
.title-border-color {
	background: #ffffff none repeat scroll 0 0;
	color: #ffcb37;
	display: inline-block;
	font-size: 30px;
	height: 40px;
	left: auto;
	position: relative;
	right: auto;
	text-align: center;
	top: -20px !important;
	width: 40px;
}
div.title img {
	left: 50%;
	margin-left: -34px;
	padding: 12px 0 0;
	position: absolute;
}
div.title img.title-border-img {
    width: 24px;
    margin-left: 0px;
    left: 20%;
    padding: 9px 0px 0px;
}
.error{
    color:white !important;
}
#scrollUp {
	background: #63ab41;
	border-radius: 50%;
	bottom: 100px;
	color: #000;
	display: block;
	font-size: 25px;
	height: 40px;
	line-height: 0;
	position: fixed;
	right: 20px;
	text-align: center;
	text-decoration: none !important;
	transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
	width: 40px;
	z-index: 1000;
	border-bottom:3px solid #88743d;
}
#scrollUp:hover {
	background: #000;
	color: #fff;
}
#scrollUp i {
	display: block;
	padding-top: 5px;
}
/* Overlay styles */
.overlay-style-one{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    overflow: hidden;
    transform: rotateX(150deg);
    transition: all 500ms ease;
    background-color: rgba(0, 0, 0, 0.70);
}
.overlay-style-one .box{
    display: table;
    height: 100%;
    width: 100%;    
}
.overlay-style-one .box .content{
    display: table-cell;
    text-align: center;
    vertical-align: middle;    
}
/* Button Effects */
.btn {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	border-radius: 6px;
	padding: 11px 40px 12px;
	font-size: 19px;
	color: #fff;
	font-weight: 500;
}
.btn:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #63ab41;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.btn:hover, .btn:focus, .btn:active {
	color: white;
}
.btn:hover:before, .btn:focus:before, .btn:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/*
================================================
3. Loader CSS
================================================
*/
#dvLoading {
	background: url(../images/loader.gif) no-repeat center center #fff;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999999;
}
/*
================================================
4. Top Wrapper
================================================
*/
/*header {
	width: 100%;
	z-index: 99;
}*/
.top-wrapper {
	background: #000000;
	color: #fff;
}
.affix .top-wrapper {
	display:none;
}
.affix .header-inner {
   background:#fff;
   box-shadow:0 1px 3px rgba(0, 0, 0, 0.118);
}
.affix.fadeInDown {
	animation-delay: 0s;
	animation-direction: normal;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-name: fadeInDown !important;
	animation-play-state: running;
	animation-timing-function: ease;
}
.fadeInDown {
	animation-name: none !important;
}
.swingOutX {
	animation-name: none !important;
}
.top-wrapper .guest {
	color: #fff;
	font-size: 15px;
	padding: 10px 0;
}
/*** Top header add ***/
.top-header-add:before {
	background: #63ab41;
	content: "";
	height: 101%;
	left: -22px;
	position: absolute;
	top: 0;
	transform: skewX(-30deg);
	width: 40px;
}
.top-header-add {
	background: #63ab41;
	padding: 5px 0;
	width: 100%;
	display: inline-block;
	text-align: center;
	position: relative;
}
.top-header-add:after {
	background: #63ab41;
	content: "";
	height: 101%;
	right: -22px;
	position: absolute;
	top: 0;
	transform: skewX(-30deg);
	width: 40px;
	z-index: 9;
}
.top-header-add div {
	display: inline-block;
}
.top-header-add div.phone {
	font-size: 22px;
	font-weight: 600;
	color: #ffffff;
	position: relative;
}
.top-header-add div.phone a {
    color: #fff;
}
.top-header-add div.book:before {
	width: 0;
	height: 0;
	border-top: 16px solid transparent;
	border-right: 28px solid #000000;
	border-bottom: 17px solid transparent;
	content: "";
	position: absolute;
	left: -28px;
	top: 0;
}
.top-header-add div.book {
	font-size: 15px;
	font-weight: 600;
	color: #63ab41;
	background: #000000;
	padding: 5px 20px;
	z-index: 99;
	position: relative;
	text-transform: uppercase;
}
.top-header-add div.book a {
	color: #63ab41;
}
.top-header-add div.book:after {
	background: #000000;
	content: "";
	height: 100%;
	left: auto;
	position: absolute;
	right: -50%;
	top: 0;
	width: 75%;
	z-index: -1;
}
.top-header-add i {
	font-size: 22px;
	line-height: 20px;
	margin-right: 10px;
	text-align: center;
	font-weight: 700;
}
/*
================================================
5. Header Inner
================================================
*/
/*  Logo */
/*logo*/
.logo img {
    /*float: left;*/
    padding-right: 10px;
    width: 250px;
}
.logo{
  /*width: 100%;*/
}
.header-inner {
    padding: 10px 0px;
}
.company-name {
    padding-top: 5px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #000;
}
.slogan-name {
    color: #000;
    margin-bottom: 0px;
    margin-left: 17px;
}
.sc-content {
    padding: 4px 0px
}
.padding-right-0 {
    padding-right: 0px;
}
header .logo {
	/*float: left;*/
}
header .navbar {
	background: none;
	box-shadow: none;
	border: none;
	position: relative;
	padding: 0;
	margin: 0;
}
.navbar-nav {
	display: block;
	float: right;
}
header .nav li {
	float: left;
	position: relative;
	margin-right: 5px;
}
header .nav li:last-child {
	margin-right: 0px;
}
header .navbar-default .navbar-nav > li > a {
	color: #252525;
	font-size: 14px;
	text-transform: uppercase;
	padding: 30px 10px 28px;
	display: block;
	position: relative;
	text-shadow: none;
	text-align: center;
}
header .nav li ul li a {
	text-align: left;
}
header .nav li:hover a, header .nav li.active a {
	color: #fff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	background-color: inherit;
	color: #63ab41;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
	color: #63ab41;
}
header .nav li a i {
    font-size: 16px;
    color: #63ab41;
    margin-left: 4px;
}
header .nav li .dropdown {
	background: #fff;
	width: 220px;
	position: absolute;
	left: 0;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin: 0;
}
header .nav li:hover a, header .nav li.active a, header .nav li .dropdown li:hover a, header .nav li .dropdown li .dropdown.submenu li:hover a {
	background: #fff;
    color: #63ab41;
}
header .nav li:hover .dropdown {
	transform: scale(1.0);
	opacity: 1;
	visibility: visible;
 	padding-left: 0px;
}
header .nav li .dropdown li {
	float: none;
	margin: 0;
}
header .nav li .dropdown li a {
	padding: 10px 15px;
	color: #666;
	display: block;
	font-weight: 400;
	background: transparent;
    font-size: 14px;
}
header .nav li .dropdown li i {
	float: right;
}
header .nav li .dropdown li:hover a {
	color: #63ab41;
}
header .nav li .dropdown.submenu {
	left: 100%;
	top: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	transform: scale(0.5);
}
header .nav li .dropdown li:hover .dropdown.submenu {
	opacity: 1;
	visibility: visible;
	transform: scale(1.0);
}
header .nav li .dropdown li .dropdown.submenu li a {
	color: #777;
	background: transparent;
}
header .nav li .dropdown li .dropdown.submenu li:hover a {
	color: #fff;
}
.slicknav_menu {
	display: none;
}
/* Header Sticky */
header.sticky .header-menu {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	background: #fff;
	transition: all 0.4s ease;
	animation: fadeInDown 1s both 0.2s;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
}
/*
================================================
6. Slider Area
================================================
*/
.banner-wrapper {
	width: 100%;
	/*float: left;*/
	position: relative;
	padding: 0;
}
.close-image{
    width: 12px;
    position: absolute;
    top: 18px;
    right: 16px;
}
/* Slides backgrounds */
#first-slider .main-container {
	padding: 0;
}
#first-slider .carousel-indicators {
	bottom: 15px;
	display: none;
}
#first-slider .carousel-control.right, #first-slider .carousel-control.left {
	background-image: none;
}
#first-slider .carousel .item {
	min-height: 800px;
	height: 100%;
	width: 100%;
}
#contact-form div.title {
    margin: 0 0 10px;
}
/*footer*/
/* footer logo*/
.flogo img {
    float: left;
    width: 70px;
    padding-right: 10px;
}
.flogo .slogan-name {
    font-size: 14px;
    color: #fff;
    margin: 0px;
    text-transform: capitalize;
}
.flogo .company-name {
    font-size: 24px;
    color: #fff;
}
.flogo .sc-content {
    padding: 0px 0px;
}
.guest.copyright-wrapper ul {
    float: left;
}
footer .flogo h4::before {
    background: #151515;
}
img.logo2 {
    padding-left: 10px !important;
}
/*breadcromb sub header*/
.banner-wrapper p {
    padding: 4px 0px 0px !important;
}
.breadcromb-right img {
    width: 120px;
    float: right;
}
/*service page*/
.service-details-tabs img{
	width: 100%;
}
.advantages{
	padding: 40px 40px 30px;
	background: #f8f8f8;
}
.advantages h3 {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 15px;
}
.advantages h4{
	font-weight: 700;
	padding-top: 15px;
}
.advantages i.fa.fa-lightbulb-o {
    padding-right: 10px;
}
.advantages p {
    margin: 0 0 15px;
}
/*** Our Coverage Area  ***/
img.icon_satifactionguaranteed {
    width: 150px !important;
    margin-bottom: 20px;
}
.slider-wrap ul li {
    list-style: none;
    text-align: center;
}
.slider-wrap i.fa {
    font-size: 30px !important;
    color: #2d3333;
}
.sa-left {
    left: 0px;
    position: absolute;
    top: 30%;
}
.sa-right {
    right: 0px;
    position: absolute;
    top: 30%;
}
.slider img {
    width: 130px;
}
.coverage-area{
	background: #ededed;
}
.coverage-area .title-border-color {
    background: #2d2f2c;
}
.cov-area-content {
	padding-top: 0px;
}
.jvectormap-container {
    background: #556d8000 !important;
}
div#world-map {
    margin: auto;
    display: block;
    float: none;
}
@media (min-width: 768px) {
	.carousel-inner .item .container {
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		bottom: 0;
		top: 145px;
		left: 0;
		right: 0;
	}
}
#first-slider h1 {
	animation-delay: 1s;
}
#first-slider p {
	animation-delay: 2s;
}
#first-slider .btn-hero {
	animation-delay: 3s;
}
#first-slider .carousel-control {
	width: 6%;
	text-shadow: none;
}
#first-slider h1 {
	color: #fff;
	/*font-size: 50px;*/
	font-size: 26px;
	line-height: 32px;
	font-weight: 700;
	/*line-height: 52px;*/
	margin: 0 0 10px;
	padding: 0;
}
#first-slider h1 span {
	/*display: block;*/
	color: #63ab41;
}
#first-slider p {
	color: #fff;
	font-size: 19px;
	font-size: 15px;
	font-weight: 300px;
}
#first-slider .p a {
	text-decoration: underline;
}
.carousel-fade .carousel-inner .item {
	-webkit-transition-property: opacity;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	opacity: 0;
}
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	left: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
	z-index: 2;
}
.carousel-control .fa-angle-right, .carousel-control .fa-angle-left {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	line-height: 36px;
}
.carousel-control .fa-angle-left {
	left: 20%;
	width: 38px;
	height: 38px;
	margin-top: -15px;
	font-size: 30px;
	color: #fff;
	border: 1px solid #fff;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 53px;
}
.carousel-control .fa-angle-right {
	right: 20%;
	width: 38px;
	height: 38px;
	margin-top: -15px;
	font-size: 30px;
	color: #fff;
	border: 1px solid #fff;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 53px;
}
.carousel-control {
	opacity: 1;
	filter: alpha(opacity=100);
}
.banner-wrapper .btn {
	border: solid 2px #63ab41;
}
.banner-wrapper .btn-hero:hover {
	color: #333;
	border: solid 2px #63ab41;
}
/******  Slides backgrounds   *****/
#first-slider .slide1, .slide2, .slide3 {
	background-image: url(../images/1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
/*
================================================
7. CTA Wrapper
================================================
*/
.cta-wrapper {
  /*float:left;*/
  width:100%;
  padding: 30px 0 18px;
  background:#63ab41;
}
/*** CTA Text ***/
.cta-text {
  color:#ffffff;
  font-size:20px;
  font-weight:500;
  line-height:27px;
}
.cta-inner:after {
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0px;
  width: 2px;
  background:#479024;
}
.cta-inner {
  border-radius: 4px;
  padding: 0px 20px;
  position: relative;
  transition: all 400ms linear 0s;
}
/*** CTA ***/
.cta img {
  float:left;
  width:auto;
  margin:6px 10px 0 0;
}
.cta h3 {
  color:#ffffff;
  font-size:26px;
  font-family: 'Roboto', sans-serif;
  line-height:38px;
}
.cta h3 span {
  font-size:42px;
	font-weight:600;
	display: block;
}
/*** CTA Button ***/
.cta-inner.cta-btn:after {
  display:none;
}
.cta-btn {
  margin-top:15px;
}
.cta-btn a {
  font-size:19px;
  color:#fff;
  background:#000000;
  padding:12px 40px;
  display:inline-block;
  border-radius:30px;
}
.cta-btn a:hover, .cta-btn a:focus {
  background:#fff;
  color: #000000;
}
.cta-btn a:hover i {
  color:#000000;
}
.cta-btn a i {
  color:#63ab41;
  margin:0 0 0 8px;
  font-size:20px;
}
/*
================================================
8. Our Services
================================================
*/
.our-services-wrapper {
  padding:73px 0 20px;
  background:#ededed;
  background: url("../images/service_bg.jpg") no-repeat;
  background-position: center;
  background-size: cover;
}
.our-services-wrapper  .title-border-color {
  background:#e9e4e0;
}
.our-services-wrapper .title {
  margin:0 0 40px;
}
/*** Single Service ***/
.single-services {
	margin: 0 0 65px;
}
.services-inner {
	background: #ffffff none repeat scroll 0 0;
	border: 2px solid rgba(0, 0, 0, 0);
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
	margin-left: 35px;
	transition: all 0.3s ease 0s;
	border-radius: 4px;
	position:relative;
	z-index:1;
}
.services-inner:hover {
    background:#63ab41;
}
.services-inner:hover h3, .services-inner:hover p {
    color:#000;
}
.services-inner:hover .our-services-icon span:after {
   	border-top: 40px solid #fff;
}
.services-inner:hover a {
    background:#1c1c1c;
	color:#fff;
}
.our-services-icon {
	float: left;
	margin-left: -35px;
	margin-right: 25px;
	margin-top: -35px;
}
.our-services-icon span {
	width: 70px;
	height: 70px;
	background: #000000;
	border-radius: 50%;
	line-height: 67px;
	text-align: center;
	display: inline-block;
	position: relative;
}
.our-services-icon span:after {
	border-left: 20px solid rgba(0, 0, 0, 0);
	border-right: 20px solid rgba(0, 0, 0, 0);
	border-top: 40px solid #dfdfdf;
	content: "";
	height: 0;
	left: 46px;
	position: absolute;
	top: 53px;
	transform: rotate(-40deg);
	width: 0;
	z-index: -1;
}
.our-services-icon span img {
	width: auto;
}
.our-services-text {
  overflow: hidden;
  padding: 20px 10px 25px 0;
}
.our-services-text h3 {
	color: #000000;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 8px;
	position: relative;
	line-height: 22px;
}
.our-services-text p {
	font-size:15px;
}
.our-services-wrapper a {
    border:2px solid #1c1c1c;
    cursor: pointer;
	color:#000;
	padding:8px 30px;
	display:inline-block;
	text-transform:uppercase;
	margin:10px 0;
}
.our-services-wrapper a:hover {
    background:#1c1c1c;
	color:#fff;
}
/** Service Details **/
.inner-page-wrapper.service-details-wrapper {
	padding: 70px 0;
}
.service-details-tabs .nav-tabs {
  margin-top: 0;
}
.service-details-tabs .nav-tabs li {
   width:19%;
   background:none;
}
.service-details-tabs .nav-tabs li  a {
   background:#003769;
   border-radius:20px;
   color:#fff;
   width:95%;
   border:none;   
}
.service-details-tabs .tab-content {
   border:none;
}
.service-details-tabs .nav-tabs > li.active > a, .service-details-tabs .nav-tabs > li.active > a:focus, .service-details-tabs .nav-tabs > li.active > a:hover {
  background: #63ab41;
  color: #003769;
  border:none;  
}
.tabs-content-right {
  float:left;
  width:100%;
  padding: 30px 0px 0px 0px;
}
.tabs-content-right h3 {
  color:#000000;
  font-weight:700;
  font-size:20px;
  margin:10px 0 5px;
  padding-bottom: 15px;
}
.tabs-content-right p {
  color:#666;
  margin:0 0 10px;
}
.tabs-content-right ul {
  margin:0;
}
.tabs-content-right ul li {
  margin:0 5px 0 0;
  padding: 0 0 8px 20px;
  background:url(../images/bulb-icon.png) no-repeat left 5px;
  display:block;
  color:#666;
}
/*
================================================
9. About Wrapper
================================================
*/
.about-wrapper div.title {
    margin: 0px;
}
.about-wrapper {
  padding:73px 0 50px;
}
.about-wrapper .title span:before {
  display:none;
}
.display-table {
  display: table;
  height: 100%;
  width: 100%;
}
.display-table-cell {
  display: table-cell;
  vertical-align: middle;
}
.width-50 {
  width: 50%;
}
.service-image {
 position:relative;
}
.about-wrapper img {
  height: auto;
  width: 100%;
}
.width-45 {
  width: 45%;
}
.about-text-area {
  padding: 50px;
  position: relative;
  z-index: 1;
}
.about-text-area h3:before {
  background: #63ab41;
  bottom: 0;
  content: "";
  height: 1px;
  position: absolute;
  width: 100px;
}
.about-text-area h3 {
  font-family: 'Roboto', sans-serif;
  font-size:20px;
  color:#000000;
  font-weight:600;
  margin-bottom: 12px;
  padding-bottom: 15px;
  position:relative;
}
.about-text-area a {
  border: 2px solid #000;
   background: #000;
  color: #fff;
  display: inline-block;
  margin: 10px 0;
  padding: 8px 30px;
  text-transform: uppercase;
}
.about-text-area a:hover {
  background:none;
  color: #000;
  border: 2px solid #000;
}
.border_style {
	position: absolute;
}
.about-wrapper .border_style span::after {
	height: 20px;
	left: 0;
	width: 6px;
}
.about-wrapper span:before, .border_style span:after {
	background-color: #63ab41;
	content: "";
	display: block;
	height: 6px;
	position: absolute;
	width: 20px;
}
.border_style span:before {
	top: -6px;
}
.border_style span {
	display: block;
	position: relative;
}
.border_style.top.left {
	left: -6px;
}
.border_style.top {
	top: 0;
}
.border_style.top.right span::before {
	left: -20px;
}
.border_style.top.right:before {
	right: 0;
}
.border_style.top.right {
	right: 0;
}
.border_style.bottom.left {
	left: -6px;
}
.border_style.bottom.left span::after {
	bottom: 0;
}
.border_style.bottom.right:before {
	right: 0;
}
.border_style.bottom.right {
	right: 0;
}
.border_style.bottom {
	bottom: -6px;
}
.border_style.bottom.right span::after {
	bottom: 0;
}
.border_style.bottom.right span::before {
	right: 0;
}
/*** About us Inner Page ***/
.inner-page-wrapper.about-wrapper {
   padding:80px 0 70px;
}
.about-carousel {
 float:left;
 width:100%;
}
.inner-page-wrapper.about-wrapper  .owl-dots {
	display: none;
}
.inner-page-wrapper.about-wrapper .item img {
	display: block;
	width: 100%;
	height: auto;
}
.inner-page-wrapper.about-wrapper .owl-theme .owl-controls {
	margin-top: 0;
}
.inner-page-wrapper.about-wrapper .owl-nav div {
	width: 20px;
	height: 21px;
	border-radius: 0;
	opacity: 1;
	font-size: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 10px;
}
.inner-page-wrapper.about-wrapper .owl-theme .owl-controls.clickable .owl-buttons div:hover {
	opacity: 0.5;
}
.inner-page-wrapper.about-wrapper .owl-nav .owl-prev {
	background: url(../images/logos-left-arrow.jpg) no-repeat left top;
	right: 40px;
}
.inner-page-wrapper.about-wrapper .owl-nav  i {
  font-size:0;
}
.inner-page-wrapper.about-wrapper .owl-nav .owl-next {
	background: url(../images/logos-right-arrow.jpg) no-repeat left top;
	right: 10px
}
.about-caption {
    float:left;
	width:100%;
	margin:20px 0;
}
.about-caption h3 {
    font-weight:700;
	margin:0 0 5px;
	color:#003769;
}
.about-caption p {
   color:#666;
}
/** Tabs **/
ul.nav.nav-tabs {
    border: none;
}
.nav-tabs li a {
    color: #666666;
}
.nav-tabs li {
    width: 50%;
    text-align: center;
    background: #f1f1f1;
    font-size: 16px;
}
.nav-tabs {
    margin-top: 20px;
}
.tab-content {
    padding: 15px;
    border: 1px solid #ddd;
    border-top: 0;
}
.tab-content h4 {
    margin-bottom: 6px;
	color:#333333;
}
.nav-tabs li a {
    background: #f1f1f1;
    display: inline-block;
    width: 100%;
    padding: 8px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background: #0F3661;
    color: #fff;
}
/* Faq */
.faq-sub-title{
	padding-bottom: 45px;
}
.faq-area h3 {
  font-weight:700;
  font-size:20px;
}
.about-faq-wrapper .panel-group .panel {
	border-radius: 0;
	border: none;
	margin-top: 16px;
}
.about-faq-wrapper .panel-faq .panel-default > .panel-heading {
	display: block;
	padding: 0;
	border-radius: 0;
	font-weight: 700;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	color: #222;
	text-transform: capitalize;
	position: relative;
}
.about-faq-wrapper .panel-faq .panel-default > .panel-heading.active a:hover, .about-faq-wrapper .panel-faq .panel-default > .panel-heading.active a:focus {
	background-color: #003769;
	color: #fff;
	border: none;
}
.about-faq-wrapper .panel-faq .panel-default > .panel-heading a:hover {
	background-color: #003769;
	border: none;
	color: #fff;
	border-radius: 0px;
}
.about-faq-wrapper .panel-heading:hover:before {
	color: #fff;
}
.about-faq-wrapper .panel-faq .panel-default > .panel-heading.active a {
	background-color: #003769;
	border: none;
	color: #fff;
	border-radius: 0px;
}
div.about-faq-wrapper .panel-faq .panel-body {
	padding: 20px 20px 10px;
	background-color: #fff;
	box-shadow: 6px 6px 7px rgba(39,49,67,.13);
	border-radius: 0;
	border: none !important;
}
.about-faq-wrapper .panel-title a:hover, .about-faq-wrapper .panel-title a:focus {
	color: #fff;
}
.about-faq-wrapper .panel-faq .panel-default > .panel-heading.active::before {
	color: #fff;
	content: "-";
}
.about-faq-wrapper .panel-faq .panel-default > .panel-heading.active h4 {
	color: #fff;
}
.about-faq-wrapper .panel-faq .panel-default > .panel-heading h4 {
	font-size: 16px;
	font-weight:600;
	line-height:25px;
}
.about-faq-wrapper .panel-faq .panel-default > .panel-heading h4 a {
	display: block;
	padding: 10px 20px 12px;
	color: #666;
}
.about-faq-wrapper .panel-faq .panel-default > .panel-heading::before {
	content: "+";
	font-size: 24px;
	padding: 0 0 0 20px;
	position: absolute;
	right: 15px;
	top: 5px;
}
.about-faq-wrapper .panel-faq p {
	margin: 0 0 12px;
}
.about-faq-wrapper .widget .btn {
	background-color: #f47629;
}
.about-faq-wrapper .widget .btn:hover {
	background-color: #f47629;
	border-color: #f47629;
	color: #fff;
}
.about-faq-wrapper .panel-group {
	margin: 0;
}
/** About Us Counters **/
.faq-area .counters:before {
  background:none;
}
.faq-area .counters {
  background:none;
  padding: 0;
}
.faq-area .counter-box .number {
  margin: 12px 0 0;
  font-weight: 800;
  font-size:25px;
}
.faq-area .counter-box p {
  color:#666;
}
.faq-area .counter-box {
  text-align:center;
  margin:35px 0 0;
}
.faq-area .counter-box i {
  border: 1px solid #63ab41;
  color: #f2c21a;
  display: inline-block;
  font-size: 22px;
  height: 60px;
  line-height: 60px;
  transition: all 1.4s ease 0s;
  width: 60px;
}
.faq-area .counter-box:hover i {
	background: #63ab41;
	color: #fff;
}
/*
================================================
10. Join Wrapper
================================================
*/
.join-wrapper:before {
  background: #000000;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.join-wrapper {
  background: rgba(0, 0, 0, 0) url("../images/cta.jpg") no-repeat;
  /*float: left;*/
  padding: 61px 0 65px;
  position: relative;
  width: 100%;
  z-index: 9;
  background-size:cover;
}
.join-wrapper h3 {
  font-size:45px;
  color:#fff;
  font-weight:500;
}
.join-wrapper h3 span {
  font-size:55px;
  color:#63ab41;
  font-weight:800;
}
.join-wrapper a {
   display:inline-block;
   padding:6px 30px;
   color:#fff;
   font-size:18px;
   border:2px solid #63ab41;
   border-radius:6px;
   margin:10px 0 0;
}
.join-wrapper a:hover, .join-wrapper a:focus {
   border:2px solid #63ab41;
   background:#63ab41;
   color:#000;
}

/*
================================================
16. Breadcrumb Wrapper
================================================
*/
.breadcromb-wrapper {
	background-image: url(../images/header_img2.jpg);
    background-size: cover;
	position: relative;
	padding: 20px 0;
	width: 100%;
    background-position: center;
}
.breadcromb-overlay {
	background-image: linear-gradient(-225deg, rgb(53, 53, 53) 0%, rgb(43, 43, 43) 48%, rgba(0, 0, 0, 0.5) 100%) !important;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}
.breadcromb-left {
	text-align: left;
	margin: 0 0 27px;
    padding-top: 35px;
}
.breadcromb-left > h3::before {
  background: #63ab41;
  content: "";
  height: 100%;
  left: -10000%;
  position: absolute;
  top: 0;
  width: 10000%;
}
.breadcromb-left > h3 {
	color: #000000;
	font-size: 30px;
	text-transform: capitalize;
	text-align: left;
	background:#63ab41;
	padding:10px 15px;
	display:inline-block;
	position:relative;
	font-weight:700;
}
.breadcromb-left > h3::after {
  border-right: 54px solid rgba(0, 0, 0, 0);
  border-top: 54px solid #63ab41;
  content: "";
  height: 0;
  position: absolute;
  right: -54px;
  top: 0;
  width: 0;
}
.breadcromb-text {
	background: #f6f6f6;
	float: left;
	width: 100%;
}
.breadcromb-text ul {
	border-radius: 4px;
	margin: 0;
	padding: 5px 0;
	display: inline-block;
}
.breadcromb-text li {
	color: #000;
	display: inline-block;
	margin: 0 3px;
	text-transform: capitalize;
}
.breadcromb-text li:last-child {
	color: #003769;
}
.breadcromb-text li a {
	color: #000;
}
.breadcromb-text li:first-child a i {
	color: #000;
	margin-right: 5px;
}
/*
================================================
17. Inner page Wrapper
================================================
*/
.inner-page-wrapper {
  float: left;
  padding: 80px 0;
  width: 100%;
}
/*
================================================
18. Gallery
================================================
*/
.gallery-wrapper {
    background: #f2f2f2;	
	padding: 60px 0 70px;

	}
.gallery-wrapper .title-border-color {
	background: #f2f2f2 none repeat scroll 0 0;
}
.gallery-section .gallery-content {
	width: 100%;
	float: left;
}
.gallery-section .gallery-caption {
	list-style-type: none;
	margin: 30px 0 0;
	float: left;
	position: relative;
	overflow: hidden;
}
.gallery-section .gallery-caption:hover img {
	opacity: 1;
}
.gallery-section .gallery-caption .caption {
	cursor: pointer;
	position: absolute;
	opacity: 0;
	-webkit-transition: all .45s ease-in-out;
	-moz-transition: all .45s ease-in-out;
	-o-transition: all .45s ease-in-out;
	-ms-transition: all .45s ease-in-out;
	transition: all .45s ease-in-out;
}
.gallery-section .gallery-caption:hover .caption {
	opacity: 1;
}
.gallery-section .gallery-caption img {
	margin: 0;
	padding: 0;
	float: left;
	z-index: 4;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.gallery-section .gallery-caption .blur {
	background-color: rgba(0,0,0,.65);
	z-index: 5;
	position: absolute;
	padding: 30px;
}
.gallery-section .gallery-caption .caption-text h1 {
  font-size: 18px;
  font-family: "Oswald";
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  text-align: center;
  right: 40px;
  letter-spacing: 1px;
    position: absolute;
    top: 40%;
    left: 20%;
}
.gallery-section .gallery-caption .caption-text {
	z-index: 10;
	color: #fff;
	position: absolute;
	text-align: center;
}
.gallery-section .gallery-caption .caption-text .gallery_caption_text span {
	font-family: Oswald, sans-serif;
	letter-spacing: 5px;
	font-weight: 400;
	position: absolute;
	bottom: 5%;
	right: 10%;
	color: #585745;
	font-size: 11px;
	font-family: "Oswald";
	color: rgb(238, 238, 238);
	text-transform: uppercase;
	line-height: 3.091;
	text-align: right;
	position: absolute;
}
.gallery-section .gallery-caption .caption-text .gallery_caption_icon span.fa-search {
	border-style: solid;
	border-width: 5px;
	border-color: #444;
	opacity: .9;
	width: 69px;
	height: 69px;
	position: absolute;
	top: 43%;
	display: inline-table;
	padding: 20px;
	right: 40%;
	left: auto;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 5px 7px #222;
	-moz-box-shadow: 0 0 5px 7px #222;
	box-shadow: 0 0 5px 7px #222;
	background: #333;
	font-size: 24px;
	color: #fff;
	line-height: 1.083;
	text-align: right;
}
.gallery-section .owl-nav {
	text-align: center;
	float: left;
	width: 100%;
}
.gallery-section .owl-prev {
	width: 50%;
	text-align: right;
	float: left;
}
.gallery-section .owl-next {
	width: 50%;
	text-align: left;
	float: left;
}
.gallery-section .owl-nav .gallery_prev_div {
	border-style: solid;
	border-width: 1px;
	border-color: rgb(225, 225, 225);
	background-color: rgba(225, 225, 225, 0);
	opacity: 0.75;
	width: 100px;
	height: 42px;
	padding: 8px;
	margin-right: 20px;
	text-align: left;
	float: right;
}
.gallery-section .owl-nav .gallery_prev_div .fa {
	margin-left: 5px;
	margin-right: 10px;
}
.gallery-section .owl-nav .gallery_next_div {
	border-style: solid;
	border-width: 1px;
	border-color: rgb(225, 225, 225);
	background-color: rgba(225, 225, 225, 0);
	opacity: 0.75;
	width: 100px;
	height: 42px;
	padding: 8px;
	margin-right: 20px;
	text-align: right;
	float: left;
}
.gallery-section .owl-nav .gallery_next_div .fa {
	margin-right: 5px;
	margin-left: 10px;
}
.gallery-section .owl-stage-outer {
	margin-bottom: 30px;
}
.mfp-title {
    display: none;
}
/*
================================================
19. FAQ Wrapper
================================================
*/
.inner-page-wrapper.faq-wrapper {
  padding:70px 0 70px;
}
.faq-details .panel-heading {
  padding: 0;
  border:none;
  border-radius:0;
}
.faq-details  .panel-group .panel {
  border-radius: 0px;
  margin-bottom: 0;
  border:none;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);
}
.faq-details .panel-group .panel + .panel {
  margin-top: 12px;
}
.faq-details h4.check-title {
  color: #666666;
  font-size: 16px;
  margin-bottom: 0;
  text-transform: capitalize;
}
.faq-details .panel-heading.active  a{
  /*background: #f9f9f9 none repeat scroll 0 0;
  color: #003769;*/
}
.faq-details h4.check-title a.collapsed{
    color: #666;
    display: block;
    font-weight: 600;
    padding: 10px 10px 10px 40px;
    text-decoration: none;
    background: #fff;
	line-height:25px;
}
.faq-details h4.check-title a{
    color: #000;
    display: block;
    font-weight: 600;
    padding: 10px 10px 10px 40px;
    text-decoration: none;
    background: #fff;
	line-height:25px;
}
.faq-details .panel-body {
    padding: 15px 15px 5px 20px;
}
.faq-details .panel-body p {
    color:#666;
}
.faq-details h4.check-title {
    color: #666;
    font-size: 16px;
    margin-bottom: 0px;
    text-transform: capitalize;
}
.faq-details a span.acc-icons {
    position: relative;
}
.faq-details .active a span.acc-icons::before {
    /*color: #63ab41;*/
    content: "\f077";
    font-family: FontAwesome;
    font-size: 16px;
    left: -26px;
    line-height: 39px;
    position: absolute;
    text-align: center;
    top: -10px;
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
.faq-details .active a.collapsed span.acc-icons::before {
    /*color: #63ab41;*/
    content:"\f078";
    font-family: FontAwesome;
    font-size: 16px;
    left: -26px;
    line-height: 39px;
    position: absolute;
    text-align: center;
    top: -10px;
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.faq-details a span.acc-icons::before {
	color: #666;
    content: "\f077";
    font-family: FontAwesome;
    font-size: 16px;
    left: -26px;
    line-height: 39px;
    position: absolute;
    text-align: center;
    top: -10px;
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
.faq-details a.collapsed span.acc-icons::before {
    content:"\f078";
    font-family: FontAwesome;
    font-size: 16px;
    left: -26px;
    line-height: 39px;
    position: absolute;
    text-align: center;
    top: -10px;
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
.faq-details .panel-heading .active  a{
    color: #003769;
    background: #f9f9f9;
}
.faq-content {
    background: #f9f9f9;
    padding: 6% 10%;
    border-radius: 5px;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
}
.faq-content .contact-form textarea#message {
    height: 135px;
	border-radius:0;
	box-shadow:none;
	padding-left: 20px;
}
.faq-page .quote-btn {
    font-weight: 600;
    color: #fff;
    background: #f5af25;
    display: inline-block;
    border: 2px solid #f5af25;
    padding: 10px 20px;
    width: 134px;
    text-transform: uppercase;
    border-radius: 3px;
	transition: 0.4s;
	margin-top: 10px;
}
.faq-page .quote-btn:hover{
    color: #f5af25;
    background: #fff;
    border: 2px solid #f5af25;
	transition: 0.4s;
}
/** FAQ Form **/
.faq-content {
  background: #fff;
  border-radius: 0;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);
  padding: 8.4% 10% 8%;
}
.faq-content h4 {
  font-size: 24px;
  line-height: 26px;
}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="number"] {
  border: 1px solid #cccccc !important;
  border-radius: 0;
  height: 44px;
  padding-left: 20px;
  font-size: 14px;
  width: 100%;
  box-shadow:none;

	border: none;
	border-radius: 3px;
	color: #ffffff;
	background-color: #dad4d454;
}
.faq-content .quote-btn {
  background: #000000;
  border: 2px solid #000000;
  color: #ffffff;
  display: inline-block;
  font-weight: 600;
  margin-top: 10px;
  padding: 10px 20px;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
  width: 134px;
}
.faq-content .quote-btn:hover, .faq-content .quote-btn:focus {
  background: #ffffff;
  border: 2px solid #000000;
  color: #000000;
  transition: all 0.4s ease 0s;
}
/*
================================================
20. Error Page
================================================
*/
.error-page {
  background-image: url("../images/error.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  position: relative;
  width: 100%;
}
.error-page .error-part::after {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.error-page .error-part {
  display: table;
  height: 100%;
  text-align: center;
  width: 100%;
}
.error-page .error-part .error-text {
  display: table-cell;
  position: relative;
  vertical-align: middle;
  width: 100%;
  z-index: 1;
}
.error-page .error-part .error-text .error-logo {
  margin-bottom: 20px;
  text-align: center;
}
.error-page .error-part .error-text .error-logo img {
  background:#fff;
  border-radius:15px;
  padding:10px 15px;
}
.error-page .error-part .error-text .error-code {
  color: #63ab41;
  font-size: 100px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 10px;
  padding: 0;
}
.error-page .error-part .error-text .error-message {
  color: #ffffff;
  font-size: 24px;
  line-height: 1;
  margin-bottom: 20px;
}
.error-page .error-part .error-text a {
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
}
/*
================================================
21. Countdown Page
================================================
*/
.coming-soon-wrapper {
  padding:76px 0 136px;
}
.coming-soon-wrapper h3 {
   text-align:center;
   color:#003769;
   font-weight:700;
}
.coming-soon-wrapper .cntdown {
	position: relative;
	display: inline-block;
	padding: 5px 0px;
	margin-top: 20px;
	width: 25%;
	text-align: center;
	margin: 24px -2px;
	border-right: 1px dashed #012F5C;
}
.coming-soon-wrapper .cntdown:last-child {
	border-right: 0px;
}
.coming-soon-wrapper .cntdown span.days,
.coming-soon-wrapper .cntdown span.hour,
.coming-soon-wrapper .cntdown span.minutes,
.coming-soon-wrapper .cntdown span.second {
	font-size: 50px;
	color: #63ab41;
	display: block;
	font-weight: 700;
	line-height: 45px;
}
.coming-soon-wrapper .cntdown p {
	position: relative;
	font-size: 17px;
	color: #999;
	font-weight: 600;
	text-transform: uppercase;
}
.coming-soon-wrapper form {
	position: relative;
	max-width: 600px;
	margin: 0 auto;
	margin-top: 34px;
}
.coming-soon-wrapper form button {
	position: absolute;
	right: 0;
	top: 0;
	background: #012F5C;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	padding: 15px 20px;
	cursor: pointer;
	transition: .5s ease;
}
.coming-soon-wrapper input[type="text"] {
	position: relative;
	line-height: 32px;
	padding: 10px 50px 10px 20px;
	border: 1px solid #e0e0e0;
	display: block;
	font-size: 14px;
	width: 100%;
	height: 55px;
	border-radius: 3px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
/*
================================================
22. Contact Wrapper
================================================
*/
.contact-wrapper {
    padding:70px 0 0px;
}
.contact-wrapper .contact-form {
  display:inline-block;
  width:100%;
  margin:0 0 54px;
}
.contact-wrapper textarea {
  border: 1px solid #cccccc;
  line-height: 10px;
  margin-bottom: 5px;
  outline: inherit;
  padding: 10px 0 10px 20px;
  width: 100%;
  height:140px;
}
.contact-wrapper .submit-area {
  text-align:center;
}
.contact-wrapper .btn:before {
  border-radius:30px;
}
.btn-one {
  	background: #000 none repeat scroll 0 0;
	border: 2px solid #000;
	width: 100%;
	border-radius: 0px;
	color: #ffffff;
	font-size: 16px;
	margin: auto;
	/*margin-bottom: 20px;
	padding: 8px 30px;*/
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	display: block;
	float: none;
}
.faq-quote .btn-one {
    margin-top: 20px;
    float: left;
    margin-bottom: 0px;
}
.btn-one:hover, .btn-one:focus {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #fff;
  color: #fff;
}
/** Google Map **/
.google-map {
  float: left;
  margin: 80px 0 0;
  width: 100%;
  position:relative;
}
.google-map iframe {
  border: medium none;
  /*height: 750px;*/
  margin: 0 0 -6px;
  width: 100%;
}
/** Contact Info **/
.contact-info {
    background: #ffcb37;
    border-radius: 10px;
    padding: 50px 80px;
    width: 100%;
}
.contact-info .title {
    margin:0;
}
.contact-info .title .border {
   background:#003769;
   height:1px;
   width:150px;
   display:inline-block;
}
.contact-info .title h2:after {
    display:none;
}
.contact-box-img {
    width:auto;
	text-align:center;
	margin-top: -6px;
}
.contact-box.border {
  margin-bottom: 10px;
  position: relative;
  text-align: center;
}
.contact-box img {
  margin:0 0 10px;
}
.contact-box h3 {
  font-weight:700;
  margin:0 0 5px;
  font-size:20px;
  color:#000000;
}
.contact-box a {
  color:#31312e;
}
.contact-box a:hover {
    color: #000;
}
.contact-box p {
  line-height:22px;
}
.contact-info-box{
	padding-top: 30px;
}
/* payment */
.payment {
    margin-top: 15px;
}
.payment-box {
    text-align: center;
    padding-top: 30px;
}
.payment a {
    display: inline-block;
    padding-bottom: 0px;
}
.payment img {
    width: 54px;
    height: auto;
    margin-right: 5px;
}
/*
================================================
23. Footer Wrapper
================================================
*/
.footer-wrapper {
 background:#151515;
 float:left;
 /*padding:80px 0;*/
 padding: 20px 0 35px;
 width:100%;
}
.search-wrapper {
 background:#63ab41;
 padding:40px 30px;
 width:100%;
 float:left;
 margin:-80px 0 74px;
 border-radius:100px;
}
.search-wrapper h3 {
 color:#003769;
 font-size:30px;
 font-weight:300;
}
.search-wrapper h3 span {
 font-weight:700;
 display:block;
 font-size:40px; 
}
/*** Footer Search Form ***/
.footer-search-form {
 float:left;
 padding: 0;
 width:100%;
}
.footer-search-form .form input.form-control {
  background: #fff;
  border: 1px solid #fff;
  border-radius: 60px 0 0 60px;
  color: #333;
  float: left;
  font-size: 16px;
  margin: 0;
  padding: 23px 0 23px 20px;
  text-align: left;
  width: 69%;
  height:auto;
  box-shadow:none;
}
.footer-search-form .form input.bttn {
  background: #003769;
  border: 1px solid #003769;
  border-radius: 60px;
  color: #ffffff;
  cursor: pointer;
  float: left;
  font-size: 16px;
  margin: 0 0 0 -26px;
  padding: 23px 10px;
  text-align: center;
  width: 30%;
}
footer .flogo {
  color: #ffffff;
  font-size: 40px;
}
.intro .intro-content {
  color: #fff;
  margin-top: 15px;
}
footer h4::before {
  background: #63ab41;
  bottom: -12px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 50px;
}
footer h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin: 0px 0 28px;
  padding-bottom: 5px;
  position: relative;
  text-transform: uppercase;
}
footer ul {
  margin:0;
  padding:0;
  list-style:none;
}
footer ul li:before {
 font-family: FontAwesome;
   display: inline-block;
   padding-right: 6px;
   vertical-align: middle;
   content: "\f105";
   color:#63ab41;
}
footer ul li {
  display:black;
  list-style:none;
  padding:0 0 10px 0;
  color:#fff;
  }
footer ul li  a {
  color:#fff;
  font-size:15px;
}  
footer ul li  a:hover, footer ul li  a:focus {
  color:#63ab41;
}
.address li {
  	color: #fff;
    margin-bottom: 15px;
    padding: 0;
    position: relative;
    padding-right: 30px;
    margin-left: 25px;
}
.address li span{
   	color: #63ab41;
	font-size: 20px;
	margin: 0 8px 0 0;
	position: absolute;
	margin-left: -26px;
}
footer .address ul li::before {
  display:none;
}
.copyright-wrapper {
	position: relative;
  background: #000000;
  float: left;
  padding: 15px 0;
  width: 100%;
}
.copyright-wrapper p {
  color: #fff;
  margin: 0;
  }
 /** Social Icons **/ 
.copyright-wrapper ul {
  margin: 0;
  float:right;
}
.copyright-wrapper ul li {
  color: #ffffff;
  display: inline-block;
  margin: 0;
  padding: 0 0 0 10px;
  transition: all 0.3s ease-in-out 0s;
}
.copyright-wrapper ul li a {
  display: block;
  line-height: 21px;
  padding: 0;
  text-align: center;
  color: #ffffff;  
}
.copyright-wrapper ul li a:hover i {
  color:#63ab41;
}
/** Footer Cta Wrapper **/
.footer-cta-wrapper {
  width:100%;
  background:#000000;
  border-radius:50px;
  padding:30px;
  float:left;
  margin:20px 0 0;
  text-align: left;
}
.footer-cta-wrapper img {
  float:left;
  margin:0 20px 0 0;
}
.footer-cta-wrapper h3 {
  color:#63ab41;
  font-weight:700;
  font-size:22px;
  margin:0 0 5px;
}
.footer-cta-wrapper p {
  color:#fff;
  margin:0;
}
.footer-cta-wrapper a {
  background:#63ab41;
  display:inline-block;
  padding:10px 25px;
  color:#000;
  font-size:18px;
  border-radius:15px;
}
.footer-cta-wrapper a:hover {
    background: #fff;
    color: #000;
}


/**/
.jvectormap-zoomin, .jvectormap-zoomout {
	display: none;
}
.slicknav_menu .slicknav_icon-bar {
    margin-top: 1px;
}
.fade-in {
  -webkit-animation:fadeIn ease-in 1;  
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;
  -webkit-animation-fill-mode:forwards;  
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  -webkit-animation-duration:0.8s;
  -moz-animation-duration:0.8s;
  animation-duration:0.8s;
}
.faq-quote .notices.success.green {
    margin-bottom: 0px;
    margin-top: 80px;
    padding: 15px 15px 1px;
}
.notices.green {
    padding-top: 10px;
}
span.errors {
    font-size: 12px;
    color: #fff;
}
.control-group {
    margin-bottom: 15px;
}
.contact-form textarea {
    border: 1px solid #cccccc !important;
    padding: 10px 20px;
    font-size: 14px;
    width: 100%;
    border: none;
    border-radius: 3px;
    color: #ffffff;
    background-color: #dad4d454;
}
input::placeholder, textarea::placeholder{
	color: #adb2b7;
}
figure.post-thumbnail img {
    width: 100%;
}
/*blog-news*/
.blog_section, .single_page_blog {
    background: #f2f2f2;
}
.blog_section .entry-image img, .single_page_blog .resp_video img {
    width: 100%;
}
.entry-container {
    background: #FFF;
    position: relative;
}
.entry-content {
    padding: 25px 0px 0px;
}
.post {
    display: block;
    margin-bottom: 30px;
    overflow: hidden;
    background-color: #FFFFFF;
    border-bottom: 1px solid #d3d5d7;
    -webkit-box-shadow: 0 0 5px 0 #e2e3e4;
    -moz-box-shadow: 0 0 5px 0 #e2e3e4;
    box-shadow: 0 0 5px 0 #e2e3e4;
    display: block;
    margin-bottom: 30px;
    overflow: hidden;
    background-color: #FFFFFF;
    background-color: #FFF;
    border-bottom: 1px solid #d3d5d7;
    -webkit-box-shadow: 0 0 5px 0 #e2e3e4;
    -moz-box-shadow: 0 0 5px 0 #e2e3e4;
    box-shadow: 0 0 5px 0 #e2e3e4;
    position: relative;
    padding: 0px;
    margin-bottom: 50px;
}
.post h1 {
    font-size: 30px;
    text-transform: uppercase;
    line-height: 35px;
    font-weight: normal;
    font-family: "Roboto Slab","Droid Arabic Kufi",Arial,sans-serif;
    margin: 0 25px 20px;
}
.meta {
    margin-left: 25px;
}
.meta div {
    margin-right: 10px;
    float: left;
    margin-bottom: 5px;
    font-size: 14px;
    color: #9ba1a8;
}
.meta .fa {
    margin-right: 5px;
}
.blog_section .clear {
    clear: both;
}
.entry-image img, .entry-video {
    margin-top: 20px;
}
.entry-content p {
    margin: 15px 25px 20px;
    line-height: 25px;
    font-size: 15px;
    color: #6d7683;
}
.entry-meta {
    background: none repeat scroll 0 0 #FFF;
    border-color: #fff;
    border-style: solid;
    border-width: 1px 0 0;
    position: relative;
    background: #fcfcfc;
   	padding: 10px 15px;
    border-top: 1px solid #ecedee;
}
.share-story-container ul {
    margin: 0;
    padding: 0px;
}
.sidebar ul{
    padding-left: 0px;
}
ul.share-story li {
    display: inline-block;
}
.pull-left.share-story-container a {
    color: rgba(0,0,0,0.3);
    font-size: 24px;
    padding: 10px;
}
.pull-left.share-story-container a:hover {
    color: #63ab41;
}
.read-more {
    display: block;
    float: right;
    text-align: center;
    padding: 10px 20px;
    font-size: 13px;
    margin: 0;
    font-weight: normal;
    background-color: #000000!important;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
}
.sidebar .widget {
    background: #fff;
    margin-bottom: 30px;
    background-color: #FFFFFF;
    -moz-border-radius: 1px 1px 1px 1px;
    -webkit-border-radius: 1px 1px 1px 1px;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
    border-bottom: 1px solid #d3d5d7;
    -webkit-box-shadow: 0 0 5px 0 #e2e3e4;
    -moz-box-shadow: 0 0 5px 0 #e2e3e4;
    box-shadow: 0 0 5px 0 #e2e3e4;
    position: relative;
    padding: 25px;
}
.sidebar h2 {
    line-height: 40px;
    background: #FFFFFF;
    font-size: 20px;
    font-weight: normal;
    padding: 10px 15px 0 0;
    border-bottom: 1px solid #e4e4e4;
    color: #292929;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom: 2px solid #ecedee;
    margin-bottom: 20px;
    line-height: 20px;
    position: relative;
    color: #2f3c4e;
    font-size: 16px;
    font-weight: bold;
}
.sidebar form#search-form {
    padding: 0px;
}
.sidebar .simplesearch .search-input {
    width: 100%;
    display: inline-block;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    height: 40px;
    padding: 5px 10px;
    margin-bottom: 10px;
    font-size: 14px;
    border-radius: 4px;
    vertical-align: middle;
}
.sidebar li {
    line-height: 20px;
    display: block;
    padding: 8px 15px 8px 0px;
}
#blog-pager {
    margin: 0;
    padding: 10px 0;
    text-align: center;
    clear: both;
    overflow: hidden;
}
.pagination {
    width: 100%;
}
.pagenavi {
    text-align: center;
    background-color: #FFFFFF;
    -moz-border-radius: 1px 1px 1px 1px;
    -webkit-border-radius: 1px 1px 1px 1px;
    border-radius: 1px 1px 1px 1px;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.05);
    padding: 8px;
}
.pagenavi .current, .pagenavi a:hover {
    background: #63ab41;
}
.pagenavi a, .pagenavi span {
    color: #000;
    border: 1px solid #000;
    text-decoration: none;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}
.related_posts h4{
    margin-top: 10px;
}
span#blog-pager-older-link {
    float: right;
}
span#blog-pager-newer-link {
    float: left;
}
/*blog-news end*/

/*carasoul*/
.carasoul {
    padding-top: 40px;
		padding-bottom: 60px;
		background: #f2f2f2;
}
.carasoul .title-border-color {
	background: #f2f2f2 none repeat scroll 0 0;
}
.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
    width: 100px;
    margin: auto;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/**/
#map{
	width: 100%;
	position: absolute;
	overflow: hidden;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 0;
}
.coverage-area{
    position: relative;
    color: #fff;
}
.coverage-area ul li {
    border: 1px solid #63ab41;
    padding: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.coverage-area ul li:hover {
    background: rgba(255, 255, 255, 0.2);
}
div#map:before {
    background: #000000;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.8;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 4;
}
section.coverage-area .cov-area-content {
    color: #fff;
}
.coverage-area .title h2 {
    color: #fff;
}
#map button.gm-control-active.gm-fullscreen-control {
    display: none;
}
#map .gmnoprint {
    display: none;
}

.fork-me_container {
  position: absolute;
  width: 350px;
  height: 350px;
  right: 0;
  display: flex;
  overflow: hidden;
  z-index: 999999;
}
.fork-me__header {
  position: absolute;
  border: 1px solid blue;
  right: -31.75%;
  top: 15%;
  width: 100%;
  background-color: #444;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px dashed white;
  border-left: none;
  border-right: none;
  box-shadow: 0px 5px 0px 0px rgba(0,0,0,1),
    0px -5px 0px 0px rgba(0,0,0,1);
  transform: rotate(45deg);
}

.fork-me__text {
  display: inline-block;
  color: white;
  text-align: center;
  font-size: 1em;
}
	padding: 28px 0px 27px;
}
li.ribbion_img {
    padding: 0px;
}

li.ribbion_img img {
    width: 170px;
}

.full-width-map iframe{
	width: 100%;
	height: 400px;
    margin-bottom: -6px;
}
ul.contact_info li {
    position: relative;
    padding-left: 25px;
}
.col-sm-6.contact_info {
    padding: 0px;
}
ul.contact_info li span {
    position: absolute;
    left: 0;
    top: 4px;
}
.contact-box {
    background: #f2f2f2;
    padding: 15px;
    font-size: 14px;
}
.contact_info .col-sm-6, .contact_info .col-sm-12 {
    padding: 0px 5px;
}
/* custome css */
header.sticky .top-wrapper {
    display: none;
}
.coverage-area, .carasoul {
    padding: 80px 0px;
}
.modal-dialog {
    margin: 80px 10px 10px;
}

a.close {
    position: absolute;
    right: 20px;
    top: 20px;
}
.modal-footer a {
    border: 2px solid #1c1c1c;
    cursor: pointer;
    color: #000;
    padding: 8px 30px;
    display: inline-block;
    text-transform: uppercase;
}
.col-sm-6 iframe {
    width: 100%;
    height: 420px;
}
#contact-form h2 {
    color: #fff;
}
#contact-form .title-border-color {
    background: #292929;
}

.ribbion_img a {
    padding: 28px 0px 27px;
}


.disclaimer_content{
	display: none;
	background:#63ab41;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.disclaimer_btn{
	float: right;
	cursor: pointer;
}
.disclaimer_content p{
	font-size: 14px;
	padding: 20px 20px 5px 0px;
	position: relative;
	color: #fff;
}
.disclaimer_content i{
	position: absolute;
	top: 10px;
	right: 10px;
}
#formMessage p {
	color: #5cb85c;
}

/**/
/*
================================================
24. Media Quires 
================================================
*/
@media (min-width: 1700px) {
	#first-slider .carousel .item {
		min-height: 800px;
		height: 100%;
		width: 100%;
	}
	.modal-dialog {
		margin: 180px auto 50px;
	}
}
@media (min-width: 1200px) and (max-width: 1230px){
	.top-header-add {
		width: 90%;
	}
}
@media (min-width: 1200px){
	.advantages {
       height: 352px;
	}
	.service-left-img {
	    padding-right: 25px;
	}
}

@media (max-width:1199px){
	.cta-text {
	    font-size: 18px;
	}
	.cta-btn a {
	    font-size: 17px;
	}
	.cta-wrapper {
	    width: 100%;
	    padding: 30px 0 25px;
	}
}
@media (max-width: 1040px){
	.top-header-add {
	    width: 90%;
	}
}
@media (min-width:768px) and (max-width: 1199px) {
	.service-left-img {
	    padding-right: 0px;
	}
	.advantages {
	    padding: 25px;
	}
	.advantages h4 {
	    padding-top: 4px;
	    margin-bottom: 0px;
	}
}
@media (min-width: 992px) and (max-width: 1200px) {
	.cta h3 span {
		font-size: 38px;
		padding-top: 10px;
	}
	.cta h3 {
	    font-size: 24px;
	    line-height: 32px;
	}
	.cta-inner{
		padding-left: 0px;
	}
}
@media (min-width: 992px) and (max-width: 1024px) {
	/*** Top Wrapper ***/
	.top-header-add li {
		margin-right: 15px;
	}
	.top-header-add li i {
		height: 25px;
		line-height: 23px;
		margin-right: 5px;
		width: 25px;
	}
	/*** Join Wrapper ***/
	.join-wrapper {
	  background-size:cover;
	}
	/*** Latest Projects Wrapper ***/
	.latest-projects-wrapper {
	  padding-bottom:70px;
	}
	.cta h3 span {
	  display:inline-block;
	}
	.cta-btn a {
	  font-size: 19px;
	}
	/*** Counters Wrapper ***/
	.counters .counter {
	  min-height:135px;
	}
	/** Contact Wrapper **/ 
	.contact-box-img img {
	  width:100%;
	}
	/*** Footer Search Wrapper ***/
	.search-wrapper h3 {
	  font-size: 18px;
	  line-height:25px;
	}
	.search-wrapper h3 span {
	  font-size: 25px;
	}
	.footer-search-form .form input.form-control {
	  padding: 15px 0 15px 20px;
	}
	.footer-search-form .form input.bttn {
	  padding: 15px 10px;
	}
	.footer-cta-wrapper h3 {
	  font-size: 20px;
	  line-height: 25px;
	}
}
@media (max-width: 1040px) and (min-width: 768px){
	div#world-map {
	    width: 340px !important;
        height: 300px !important;
	}
	.coverage-area ul li {
	    padding: 10px;
	    margin-bottom: 10px;
	    text-align: center;
	}
}
@media (max-width: 992px) and (min-width: 766px){
	.ribbion_img a {
	    padding: 20px 0px;
	}
	nav ul li a {
	    padding: 30px 0;
	}
}
@media (max-width: 992px){
	.banner-wrapper .col-sm-6.col-sm-pull-6.text-left{
	    padding: 0px 15px;
	}
	.contact-box {
	    padding: 10px;
	    font-size: 12px;
	    margin-bottom: 10px;
	}
}
@media (max-width: 991px){
	.contact-info {
	    padding: 50px 30px;
	}
	.cta-btn {
	    margin-top: 0px; 
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	nav ul li {
	    padding: 0px 9px;
	}
	li.ribbion_img {
	    padding-right: 0px;
	}
	/*** Logo ***/
	.company-name {
	    padding-top: 0px;
	    font-size: 25px;
	}
	.slogan-name {
	    font-size: 16px;
	}
	.logo img{
	    width: 70px;
    	padding-right: 5px;

	}
	header .navbar-default .navbar-nav > li > a {
	    padding: 23px 7px 21px;
	}
	.logo{
		/*width: 290px;
		margin-left: -10px;*/
	}
	.header-inner .col-lg-8.col-md-8 {
	    padding: 0px;
	}
	/*** Top Wrapper ***/
	.top-header-add li {
		margin-right: 15px;
	}
	.top-header-add li i {
		height: 25px;
		line-height: 20px;
		width: 25px;
		margin-right: 5px;
	}
	.navbar-nav {
		float: right;
	}
	header .nav li {
	    margin-right: 0px;
	}
	.header-inner .col-lg-9.col-md-9 {
	    padding: 0px;
	}
	.navbar-header .collapse {
		display: block;
	}
	.navbar-collapse {
		padding: 0;
		float: none;
	}
	.mainmenu-area ul.nav.navbar-nav li {
		padding: 0 0 0 20px;
	}
	.mainmenu-area ul.nav.navbar-nav li a {
		padding: 19px 0 21px;
	}
	.affix .logo {
	  display: none;
	}
	.affix .navbar-default .navbar-nav > li > a {
	  padding: 15px 20px 16px;
	}
	/*** Banner Wrapper ***/	
	#first-slider .carousel-control {
	  display:none;
	}
	#first-slider .carousel-indicators {
	  display: block;
	}
	/*** CTA Wrapper ***/
	.cta-text {
	  font-size: 15px;
	  line-height: 22px;
	}
	.cta-inner {
	  padding: 0 10px;
	}
	.cta-inner.cta {
	  padding: 0px;
	}
	.cta img {
	  float: left;
	  margin: 9px 10px 0 0;
	  width: 19%;
	}
	.cta h3 {
	  	font-size: 19px;
	    line-height: 30px;
	    margin-bottom: 0px;
	}
	.cta h3 span {
	  font-size: 29px;
	  display:inline-block;
	}
	.cta-btn a {
	  padding: 10px 20px;
	  font-size:15px;
	  margin-top:10px
	}
	/*** Join Wrapper ***/
	.join-wrapper {
	  background-size:cover;
	}
	/*** Latest Projects Wrapper ***/
	.latest-projects-wrapper {
	  padding-bottom:70px;
	}
	/*** Testimonials Wrapper ***/
	.testimonials-wrapper .owl-nav {
	  display:none;
	}
	/*** Counters Wrapper ***/
	.counters .counter {
	  min-height: 140px;
	}
	/*** About us faq Wrapper ***/
	.faq-area {
	  margin:20px 0 0;
	}
	.about-text-area {
	  padding: 0 50px;
	}
	/** Blog Details **/ 
	.inner-page-wrapper.blog-single-area {
	  padding: 80px 0 110px;
	}
	.blog-single-area .blog-post::before {
	    display:none;
	}
	.blog-single-area .sidebar-wrapper {
	  padding: 30px 0 0; 
	}
	.sidebar-wrapper .single-sidebar {
	  margin-bottom: 30px;
	}
	/** Contact Wrapper **/ 
	.contact-box.border {
	  padding: 10;
	  position: relative;
	}
	/*** Footer Search Wrapper ***/
	.search-wrapper h3 {
	  font-size: 18px;
	}
	.search-wrapper h3 span {
	  font-size: 25px;
	}
	.footer-search-form .form input.form-control {
	  padding: 15px 0 15px 20px;
	  width: 73%;
	}
	.footer-search-form .form input.bttn {
	  padding: 15px 10px;
	}
	.footer-cta-wrapper h3 {
	  font-size: 20px;
	  line-height: 25px;
	}
	.footer-cta-wrapper img {
	  float: left;
	  margin: 0 10px 20px 0;
	}
	.footer-cta-wrapper a {
	  font-size: 18px;
	  padding: 10px 20px;
	}
	/***Service page ***/
	.advantages {
	    padding: 20px;
	}
	.advantages h3 {
	    padding-bottom: 0px;
	    font-size: 18px;
	}
	.advantages p {
	    font-size: 14px;
	    margin-bottom: 8px;
	}
	.advantages h4{
		font-size: 16px;
	}
	#hotspotImg .hot-spot {
	    position: absolute;
	    width: 27px;
	    height: 27px;
	}	
	#first-slider h1 {
	    /*font-size: 40px;
	    line-height: 42px;*/
	}
}
@media (max-width: 768px){
	.coverage-area ul li {
	    padding: 10px;
	    margin-bottom: 15px;
	}
	div#hotspotImg {
	    margin-top: 30px;
	}
	#contact-form .title.os-animation.animated.zoomIn {
	    margin-bottom: 10px;
	}
	#contact-form .title-border-color {
	    background: #2e2e2e;
	}
}
@media (min-width: 768px){
	.modal-dialog {
	    width: 700px;
	    margin: 150px auto 50px;
	}
}
@media (max-width: 767px) {
	.cta-btn {
		margin-top: 15px;
	}
	.modal-dialog {
		margin: 150px 10px 50px;
	}
	.disclaimer_content p {
		text-align: left !important;
	}
	.disclaimer_btn{
		float: none;
		text-align: center;
		display: block;
	}	
	.disclaimer_btn a {
		float: none;
		display: block;
		text-align: center;
	}
	/*blog-news*/
	.post h1.entry-title {
	    font-size: 18px;
        margin: 0 15px 10px;
	}
	.related_posts {
	    padding-bottom: 20px;
	}
	.single_page_blog .post h1 {
	    margin: 0 0px 10px;
	}
	.meta {
	    margin: 0px 15px;
	}
	.entry-content p {
    	margin: 15px 15px 20px;
	}
	.post h1 {
	    margin: 0 0px 0px;
	}
	div.meta1 p {
	    margin-top: -20px;
	}
	.sidebar form#search-form {
	    padding: 0px 15px;
	}
	/*blog-news end */
	.slicknav_nav .slicknav_row, .slicknav_nav a {
	    padding: 8px 30px 7px;
	    margin: 2px 0px;
	}
	/***  ***/
	#hotspotImg img.img-responsive {
	    padding: 0px 15px;
	}
	/***** Common Styles ******/	
	div.title h2 {
		font-size: 25px;
	}
	.title-border-color {
	  top: 25px;
	}
	/*** Banner Wrapper ***/	
	#first-slider .carousel-control {
	  display:none;
	}
	#first-slider .carousel-indicators {
	  display: block;
	}
	#first-slider .carousel-inner .item {
	  padding-top:100px;
	  min-height:400px;
      padding-bottom: 30px;
	}
	#first-slider h1 {
	  /*font-size: 34px;*/
	  /*line-height: 38px;*/
	  margin-top:10px;
	}
	#first-slider p {
	    /*font-size: 16px;*/
	}
	/***breadcromb sub header***/
	.breadcromb-right{
		position: absolute;
	    top: -120px;
	    right: 0;
	}
	/*** CTA Wrapper ***/	
	.cta-inner::after {
	  display:none;
	}
	.cta-inner {
	  padding: 0;
	}
	.cta-inner.cta {
	    padding: 15px 0px 10px;
	}
	.cta {
	  padding: 20px 0 10px;
	}
	.cta h3 span {
			font-size: 33px;
	}
	.cta h3 {
	    font-size: 22px;
	    line-height: 30px;
	    margin: 0;
	}
	.cta img {
	    width: 50px;
	}
	/*** Services Wrapper ***/	
	.our-services-text {
      	padding: 20px 20px 25px 20px;
		text-align: center;
	}
	.services-inner {
	    margin-left: 0px;
	}
	.our-services-icon {
	    float: unset;
	    margin-left: 0px;
	    margin-right: 0px;
	    margin-top: -35px;
	}
	.our-services-icon span{
		margin: auto;
		display: block;
		float: none;
	}
	.our-services-icon span:after{
		display: none;
	}
	/*** About Wrapper ***/	
	.about-wrapper {
	  padding: 73px 0 50px;
	}
	.width-50 {
	  width:100%;
	  display:inherit;
	}
	.about-text-area {
	  padding:20px 0;
	}
	/*** Join Wrapper ***/	
	.join-wrapper {
	  background-size:cover;
	}
	.join-wrapper h3 {
	  font-size: 20px;
	  line-height:30px;
	}
	.join-wrapper h3 span {
	  font-size: 25px;
	}
	/*** About Us Inner Page ***/
	.about-faq-wrapper .panel-faq .panel-default > .panel-heading::before {
	   right: 10px;
	}
	/*** Service Details Page ***/
	.service-details-tabs .nav-tabs li {
	  margin: 0 4px 10px 0;
	  width: auto;
	}
	.service-details-tabs .nav-tabs li a {
	  width: 100%;
	  padding: 6px 10px;
	}
	/*** FAQ Page ***/
	.faq-content {
	  padding: 8% 5%;
	}
	/*** Coming Soon Wrapper ***/
	.coming-soon-wrapper .cntdown span.days,
	.coming-soon-wrapper .cntdown span.hour,
	.coming-soon-wrapper .cntdown span.minutes,
	.coming-soon-wrapper .cntdown span.second {
			font-size: 40px;
			font-weight: 700;
		}
	.coming-soon-wrapper .cntdown {
		border-right: none;
	}	
	.coming-soon-wrapper .cntdown p {
	   font-size:14px;
	   font-weight:500;
	}
	/** Contact Wrapper **/ 
	.contact-box.border {
     	margin-bottom: 10px;
    	padding: 10px 10px 1px;
	  	position: relative;
	}
	.contact-info {
	   padding: 30px;
	   text-align:center;
	}
	.contact-box img {
	   margin:0px 0 10px;
	}
	.contact-box .payment img {
	    margin: 0px;
	    padding-bottom: 4px;
	}
	.payment-box{
		padding-top: 30px;
	}
	/*** Footer Search Wrapper ***/
	.search-wrapper {
	  border-radius: 20px;
	  padding: 20px 15px;
	  margin:-80px 10px 74px;
	  width:auto;
	}
	.search-wrapper > div {
	  padding:0;
	}
	.search-wrapper h3 {
	  font-size: 26px;
	  line-height: 30px;
	  margin:0 0 15px;
	}
	.search-wrapper h3 span {
	  font-size: 20px;
	  line-height: 25px;
	  margin: 10px 0 0;
	}
	.footer-search-form .form input.bttn {
	  width: 36%;
	}
	footer h4 {
	  margin: 40px 0 28px;
	}
	.footer-cta-wrapper img {
	  float: left;
	  margin: 0 10px 10px 0;
	}
	.footer-cta-wrapper h3 {
	  font-size: 14px;
	  line-height: 22px;
	}
	.footer-cta-wrapper p {
	  /*clear: both;*/
	}
	.footer-cta-wrapper a {
	  float:none !important;
	  margin:15px 0 0;
	}
	/*** Copy Rights Wrapper ***/
	.copyright-wrapper p {
	  text-align: center;
	  margin:0 0 10px;
	}
	.copyright-wrapper ul {
	  float: none;
	  text-align: center;
	}
	.padding-right-0 {
	    padding: 0px;
	}
	.gallery-caption {
      width: 50%;
  	}
  	#hotspotImg .hot-spot .tooltip {
    	left: 93px;
    }
    .contact_info .col-sm-6, .contact_info .col-sm-12 {
	    padding: 0 15px;
	}
}
@media (max-width: 766px){
	.ribbion_img a {
	    padding: 10px 0px 15px;
	}
	/***** Header Inner ******/		
	header .header-inner {
		padding:10px 0px 0px;
	}
	.affix {
	    position:inherit;
	}
	.affix.fadeInDown {
	  animation-name: none !important;
	}
	.logo {
	    width: 79%;
	    padding-right: 0px;
	}
	header .logo {
		/*float: left;
		margin: 0 0 8px;
	    padding: 0px 15px;*/	
	}
	.slicknav_btn {
	    margin-right: 15px !important;
        margin-bottom: 15px !important;
	}
	.slicknav_btn {
		margin: 0;
		position: relative;
		top: 28px;
		background: #000000;
	}
	.slicknav_menu {
		display: block;
		background: none;
	}
	.slicknav_nav i {
		display: none;
	}
	.header-inner .desktop {
		display: none;
	}
	.slicknav_menu {
		background: transparent;
		padding: 0px;
	}
	.slicknav_nav {
		clear: both;
		color: #fff;
		margin: 0;
		background: #000000;
	}
	.slicknav_btn:hover {
		background: #222;
	}
	.slicknav_nav .slicknav_item a i {
		display: none;
	}
	.slicknav_nav li:hover a {
		background: #fff;
		color: #252525;
	}
	.slicknav_nav li .dropdown li a, .slicknav_nav li .dropdown li .dropdown li a {
		background: transparent;
		color: #fff;
	}
	.slicknav_nav li .dropdown li:hover a, .slicknav_nav li .dropdown li .dropdown li:hover a {
		background: #fff;
		color: #252525;
	}
	.slicknav_nav .slicknav_arrow {
		float: right;
	}
}
@media (max-width: 600px) { 
	.slider img {
	    width: 70px;
	}
	.breadcromb-right{
		display: none;
	}
	.breadcromb-left > h3 {
	    font-size: 20px;
	    padding: 10px 10px 10px 0px;
	}
	.breadcromb-left > h3::after {
	    border-top: 42px solid #63ab41;
        border-right: 42px solid rgba(0, 0, 0, 0);
        right: -42px;
	}
}
@media (max-width: 550px){
	div#world-map {
	    width: 419px !important;
    	height: 330px !important;
	}
}
@media (max-width: 480px){
	.modal-dialog {
		margin: 120px 10px 30px;
	}
	.popover.top {
    left: 20px !important;
    right: 20px !important;
	}
	.gallery-caption {
      width: 100%;
  	}
	.company-name {
        font-size: 20px;
	    padding-top: 0px;
	    line-height: 32px;
	}
	.slogan-name {
	    font-size: 12px;
	}
	.logo img {
	    width: 60px;
	    padding-right: 5px
	}
	.slicknav_btn {
	    top: 14px;
	}
	.advantages {
	    padding: 20px;
	}
	.advantages p {
	    margin: 0 0 5px;
	    font-size: 14px;
	}
	.advantages h3 {
	    font-size: 18px;
	    padding-bottom: 0px;
	}
	/*blog-news*/
	.pull-left.share-story-container a {
	    padding: 10px 5px;
	}
	/*blog-news*/
	div#world-map {
	    width: 259px !important;
	    height: 270px !important;
	}
	.nav-toggle {
    	margin: 11px 0px 12px;
	}
	.contact-form .form-field {
	    padding: 0px;
	}
	.contact-form .buttons .col-sm-12 {
	    padding: 0px;
	}
	#first-slider .carousel-inner .item {
	    padding-top: 75px;
	}
	.cta h3 span {
	    font-size: 27px;
	}
	.cta h3 {
	    font-size: 18px;
	}
}
@media (max-width: 380px){
	.payment img {
		width: 50px;
	}
	.footer-cta-wrapper img {
	    margin: 0 20px 10px 0;
	}
	#hotspotImg .hot-spot .tooltip{
	    width: 210px;
	}
	#hotspotImg .hot-spot .tooltip p:last-child {
	    font-size: 13px;
	}
	.logo img {
	    /*width: 200px;*/
	}
	.sc-content {
	    padding: 0px 0px;
	}
}
@media (max-width: 360px) { 
	/*** Footer Search Wrapper ***/ 
	.footer-search-form .form input.form-control {
	 width: 73%;
	}
}


#formMessage p {
    color: #5cb85c;
}
.reviews-wrapper {
	background: #f2f2f2;
    padding: 60px 0 70px;
}

/*.nGY2Gallery div:nth-child(4) {
    left: 142px !important;
}


.nGY2Gallery div:nth-child(5) {
    left: 455px !important;
}*/