/*

    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: #fd4000;

}

/* 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: #fd4000;

	transition: all 0.3s ease 0s;

	font-weight: 600;

}

a:hover {

	color: #000000;

	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 10px;

  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: #fd4000;

	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;

}

*/

img.title-border-img {

	position: absolute;	

    width: 24px;

    margin-left: 0px;

    left: 20%;

    padding: 9px 0px 0px;
    filter: invert(37%) sepia(96%) saturate(4545%) hue-rotate(3deg) brightness(102%) contrast(104%);

}

#scrollUp {

	background: #fd4000;

	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: #fd4000;

	-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: #fd4000;

	content: "";

	height: 101%;

	left: -22px;

	position: absolute;

	top: 0;

	transform: skewX(-30deg);

	width: 40px;

}

.top-header-add {

	background: #fd4000;

	padding: 5px 0;

	width: 100%;

	display: inline-block;

	text-align: center;

	position: relative;

}

.top-header-add:after {

	background: #fd4000;

	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: #fff;

	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: 22px;

	font-weight: 600;

	color: #fd4000;

	background: #000000;

	padding: 5px 20px;

	z-index: 99;

	position: relative;

	text-transform: uppercase;

}

.top-header-add div.book a {

	color: #fd4000;

}

.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: 18px;

	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: 282px;
}

.header-inner {

    padding: 10px 0px;

}

.company-name {

    padding-top: 10px;

    font-weight: 700;

    margin-bottom: 5px;

    color: #000;

}

.slogan-name {

    color: #000;

    margin-bottom: 0px;

}

/* .sc-content {

    padding: 4px 0px

} */

.padding-right-0 {

    padding-right: 0px;

}

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: #fd4000;

}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {

	color: #fd4000;

}

header .nav li a i {

    font-size: 16px;

    color: #fd4000;

    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: #fd4000;

}

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: #fd4000;

}

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: 700px;

	height: 100%;

	width: 100%;

}

#contact-form div.title {

    margin: 0 0 0px;

}

/*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  ***/

.about-text-area img {

    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) {

	.banner-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: #fd4000;

}

#first-slider p {

	color: #fff;

	font-size: 19px;

	font-size: 15px;

	font-weight: 300px;

}

#first-slider .p a {

	text-decoration: underline;

}

.carousel-fade .banner-inner .item {

	-webkit-transition-property: opacity;

	transition-property: opacity;

}

.carousel-fade .banner-inner .item, .carousel-fade .banner-inner .active.left, .carousel-fade .banner-inner .active.right {

	opacity: 0;

}

.carousel-fade .banner-inner .active, .carousel-fade .banner-inner .next.left, .carousel-fade .banner-inner .prev.right {

	opacity: 1;

}

.carousel-fade .banner-inner .next, .carousel-fade .banner-inner .prev, .carousel-fade .banner-inner .active.left, .carousel-fade .banner-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 #fd4000;

}

.banner-wrapper .btn-hero:hover {

	color: #333;

	border: solid 2px #fd4000;

}

/******  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:#fd4000;

}

/*** CTA Text ***/

.cta-text {

  color:#fff;

  font-size:20px;

  font-weight:500;

  line-height:27px;

}

.cta-inner:after {

  content: "";

  height: 100%;

  position: absolute;

  right: 0;

  top: 0px;

  width: 2px;

  background:black;

}

.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:#fff;

  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:#fd4000;

  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:#e3e3e1;

}

.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:#fd4000;

}

.services-inner:hover h3, .services-inner:hover p {

    color:white;

}

.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;
	    filter: invert(37%) sepia(96%) saturate(4545%) hue-rotate(
3deg
) brightness(102%) contrast(104%);

}

.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: #fd4000;

  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 {

  padding:73px 0 80px;

}

.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%;

  left: 2%;

}

.width-45 {

  width: 45%;

}

.about-text-area {

  padding: 0 50px;

  position: relative;

  z-index: 1;

}

.about-text-area h3:before {

  background: #fd4000;

  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: #fd4000;

	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 #fd4000;

  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: #fd4000;

	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:#fd4000;

  font-weight:800;

}

.join-wrapper a {

   display:inline-block;

   padding:6px 30px;

   color:#fff;

   font-size:18px;

   border:2px solid #fd4000;

   border-radius:6px;

   margin:10px 0 0;

}

.join-wrapper a:hover {

   border:2px solid #fd4000;

   background:#fd4000;

   color:white;

}



/*

================================================

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: #fd4000;

  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:#fd4000;

	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 #fd4000;

  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 30px;



	}

.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 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: #fd4000;*/

    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: #fd4000;*/

    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: #fd4000;

  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: #fd4000;

	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 !important;

    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:#fd4000;

 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: #fd4000;

  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:#fd4000;

}

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:#fd4000;

}

.address li {

  	color: #fff;

    margin-bottom: 15px;

    padding: 0;

    position: relative;

    padding-right: 30px;

    margin-left: 25px;

}

.address li span{

   	color: #fd4000;

	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:#fd4000;

}

/** 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;

  width: 55px;

}

.footer-cta-wrapper h3 {

  color:#fd4000;

  font-weight:700;

  font-size:22px;

  margin:0 0 5px;

}

.footer-cta-wrapper p {

  color:#fff;

  margin:0;

}

.footer-cta-wrapper a {

  background:#fd4000;

  display:inline-block;

  padding:10px 25px;

  color:#fff;

  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: #fd4000;

}

.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: #fd4000;

}

.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;

}



/**/

#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 #fd4000;

    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;

}

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: 484px;

}

#contact-form h2 {

    color: #fff;

}

#contact-form .title-border-color {

    background: #5b5853;

}



.ribbion_img a {

    padding: 28px 0px 27px;

}



.disclaimer_content{

	display: none;

	background:#fd4000;

	position: absolute;

	bottom: 0px;

	left: 0px;

	right: 0px;

}

.disclaimer_btn{

	float: right;

	cursor: pointer;

}

span.h {

    position: absolute;

    top: 5px;

	right: 10px;

	color: #ffffff9c;

    cursor: pointer;

}

.disclaimer_content p{

	font-size: 14px;

	padding: 20px 10px 5px 0px;

	position: relative;

	color: #000;

}

a.disclaimer_btn:hover {

    color: #fff;

}

.disclaimer_content i{

	position: absolute;

	top: 10px;

	right: 10px;

}

#formMessage p {

	color: #5cb85c;

}



.customer-logo{

    margin: auto;

    display: table;

    float: none;

}

.customer-logo img {

	width: 140px !important;

    padding: 0 10px;

}

.phone img {

    width: 17px !important;

    margin-bottom: 5px;

}

.top-header-add .phone a:hover{

	color: #000000;

}



/*

================================================

24. Media Quires 

================================================

*/

@media (min-width: 1700px) {

	.modal-dialog {

		margin: 180px auto 50px;

	}

	#first-slider .carousel .item {

		min-height: 640px;

		height: 100%;

		width: 100%;

	}

}

@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-btn a {

	    font-size: 17px;

	}

	.cta-text {

	    font-size: 18px;

	}

	.cta-wrapper {

		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: 0;

	}

}

@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: 12px;

	    font-size: 20px;

	}

	.slogan-name {

	    font-size: 14px;

	}

	.logo img{
	    width: 200px;
    	padding-right: 5px;
    	margin-top: 5px;
	}

	header .navbar-default .navbar-nav > li > a {

	    padding: 23px 7px 21px;

	}

	.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;

	}

}

@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: #44444c;

	}

	.img-responsive {

		margin-top: 20px;

	}

}

@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;

	}

	/*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 .banner-inner .item {

	  padding-top:100px;

	  min-height:400px;

      padding-bottom: 30px;

	}

	#first-slider h1 {

	  margin-top:10px;

	  text-align: center

	}

	#first-slider p{

		text-align: center;

	}

	/***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 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: 85%;

	    padding-right: 0px;

	}

	.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 #fd4000;

        border-right: 42px solid rgba(0, 0, 0, 0);

        right: -42px;

	}

	.customer-logo img {

		width: 80px !important;

		padding: 0 5px;

	}

}

@media (max-width: 550px){

	div#world-map {

	    width: 419px !important;

    	height: 330px !important;

	}

}

@media (max-width: 480px){

	.modal-dialog {

		margin: 120px 10px 30px;

	}

	.gallery-caption {

      width: 100%;

	}

	.company-name {

        font-size: 16px;

	    padding-top: 4px;

	    line-height: 20px;

	}

	.slogan-name {

	    font-size: 12px;

	}

	.logo img {

	    width: 138px;
        margin-top:4px;
	    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: 5px 0px 5px;

	}

	.contact-form .form-field {

	    padding: 0px;

	}

	.contact-form .buttons .col-sm-12 {

	    padding: 0px;

	}

	#first-slider .banner-inner .item {

	    padding-top: 75px;

	}

	.cta h3 span {

	    font-size: 27px;

	}

	.cta h3 {

	    font-size: 18px;

	}

}

@media (max-width: 380px){

	.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;

	}

	.payment img {

		width: 50px !important;

	}

	/* .sc-content {

	    padding: 0px 0px;

	} */

	.customer-logo img {

		width: 60px !important;

	}

}

@media (max-width: 360px) { 

	/*** Footer Search Wrapper ***/ 

	.footer-search-form .form input.form-control {

	 width: 73%;

	}

}





#formMessage p {

    color: #5cb85c;

}



div#first-slider .banner-inner {

    position: unset;

    overflow: unset;

}