/************************************
 01)Common CSS 
*************************************/
.alignleft {
    float: left;
    margin-right: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
}
.aligncenter {
    display: block;
    margin: 0 auto 15px;
}
.cta {
    background-color: #59a428;
   // padding: 40px 0;
}
img {
    max-width: 100%;
    height: auto;
}
p {
    color: #6b6b6b;
    line-height: 1.8em;
}

/* Backgrounds */

.slide-bg-1 {
    background-image: url(.../img/slide-bg-1.jpg);
}
.slide-bg-2 {
    background-image: url(.../img/slide-bg-2.jpg)
}
h1 {
	margin: 15px 0 10px;
	font-weight:600;
	color:#01293c;
	
}
h4,
h5,
h6 {
    margin: 15px 0 10px;
	font-weight:600;
	color:#2f6e15;
}
h2 {
    margin: 15px 0 30px;
	font-weight:600;
	color:#606261;
	
}
h3,
h3,
 {
    margin: 45px 0 10px;
	font-weight:600;
	color:#5ab733;
}

html,
body { height: 100% }
body {
font-family: "Roboto", Helvetica, Arial, sans-serif;
font-size: 15px;
}
a {
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: 0390d3;
}
a:hover { text-decoration: none ;
color:#59cd04;}
a:focus { outline: 0 solid }
/* Remove Chrome Input Field's Unwanted Yellow Background Color */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
a.one:link {color:#ff0000;}
a.one:hover {color:#59cd04;}

.btn1{padding:10px 20px;}
.btn-primary {
    color: #fff;
    background-color: #00aef0;
    border-color: #00aef0;
}
.btn-primary:hover {
    color: #fff;
    background-color: #0393ca;
    border-color: #0393ca;
}
.btn-seconday {
    color: #00aef0;
    background-color: #fff;
    border-color: #fff;
}
.btn-seconday:hover {
    color: #00aef0;
    background-color: #efeded;
    border-color: #efeded;
}
.nopadding{padding-left:0px; padding-right:0px;}

.read-more{color:#00aef0; font-size:14px; font-weight:600;}
.read-more:hover{text-decoration:underline; color:#00aef0;}
/**p{line-height:26px;}***/

.section-margine{margin:70px 0 0 0;}
.textcont li i{
color:#105282}

.homepageTitleArea .pageTitle .h2 {
      margin: 5px 0 15px;
      font-weight: 700;
      font-size: 30px;
      text-transform: uppercase; }
    .homepageTitleArea .pageTitle span {
      width: 40px;
      height: 3px;
      background: #010811;
      display: block;
      margin: 0 auto; }
/************************************
02)TOP HEADER
*************************************/
 .top-header{
   border-bottom:1px solid #ddd;
   position: relative;
   overflow: hidden;
  /* background-color: #f8f8f8;*/
 }
 .top-header li i{
color:#59a428;}
.contact-detail{
  margin: 0px;
}
.contact-detail i{
  border-radius: 3px;
  padding: 3px 5px;
}
.contact-detail li {
  list-style: outside none none;
  float: left;
  padding: 10px 0px;
  margin-bottom: 0px;
  margin-right: 35px;
}
.contact-detail li a {
  color: #777;
  font-size: 13px;
  font-weight: 300;
}
.social-icons {
  list-style: outside none none;
  padding: 10px 0px;
  margin-bottom: 0px;
}
.social-icons li {
  margin-right: 10px;
  display: inline;
}
.social-icons a {
  color: #777;
  font-size: 14px;
  line-height: 15px;
  padding: 3px 5px;
  transition: color 0.3s ease-in-out 0s;
  vertical-align: middle;
}
.social-icons a:hover{
  color: #00AEFF
}
h1.style2:after,
h2.style:after,
h3.style2:after,
h4.style:after,
h5.style2:after,
h6.style2:after {
  width: 50px;
  height: 3px;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
}
/************************************
03)Logo
*************************************/
#logo {
    width: 100%;
    margin: 0;
    float: left;
    text-align: center;
    padding: 30px 0 28px;
}
.brand-header {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0;
   // padding: 15px 0;
    border-bottom: 1px solid #eee;
}
@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
}

/************************************
04)Navbar 1
*************************************/
.navbar{
	margin-bottom:0px; 
	font-size: 16px;
	
	text-align: center;
	
}
.header-shade{
	-webkit-box-shadow: 0px 0px 10px #333;
	-moz-box-shadow:    0px 0px 10px #333;
	box-shadow:         0px 0px 10px #333;
	z-index:999;
	}	
	.navbar-1 .navbar-right .dropdown-menu{
    left: 0!important;
}

.dropdown-menu .divider{margin:0px;}
.dropdown-menu>li>a{
	text-transform:uppercase;
	font-size:12px;
	font-weight:700;
	color:#777;
	background: #fff;
	padding:10px;
}
.dropdown-menu> li >a:hover{
	color: #fff !important;
    background-color: #59a428;
}
.navbar-1{
	background:#fff;
	border:none;
	border-radius:0px;text-align: center;
	padding:10px 0px;
	text-transform:uppercase;
	font-weight:600;
	margin-bottom:none;
	}
.navbar-1 .navbar-nav>li>a{
	    color: #120144;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
	
	background: #fff;
	margin:0px 15px;
	padding;padding: 15px 0px;
}
.navbar-1 .navbar-nav>li>a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #59a428;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
}
.navbar-1 .navbar-nav>li>a:hover::after, .navbar-1 .navbar-nav>li>a:focus::after {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

.navbar-1 .navbar-nav>li>a:hover,
.navbar-1 .navbar-nav>li>a:active{
	color:#15416e; 
	background-color: #fff !important;
}
.navbar-1 .navbar-nav>.open>a, 
.navbar-1 .navbar-nav>.open>a:focus, 
.navbar-1 .navbar-nav>.open>a:hover {
    color:#15416e;
    background-color: #fff;
}
.navbar-1 .navbar-nav>li>.dropdown-menu{margin-top:4px;}
/************************************
05)Banner
*************************************/	
.carousel{
	position: relative;
    width: 100%;
    min-height: 100%;
    /*text-align: center; */
    color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	}
.carousel-control.left{background:none; top:35%;}
.carousel-control.right{background:none;top:35%;}
.carousel-inner>.item>img{background-size:cover; margin:0 auto; width:100%; min-height: 250px;}


/*========About Section=========================*/
#about{
  position: relative;
}
.box-shadow {
  background: #fff none repeat scroll 0 0;
  height: 100%;
  left: 0;
  opacity: 0.9;
  position: absolute;
  top: 0;
  -webkit-transform: skewX(25deg);
  transform: skewX(25deg);
  width: 60%;
}
.about-bg {
  background: rgba(0, 0, 0, 0) url("../img/about-bg.jpg") no-repeat scroll right center / auto 100%;
  min-height: 700px;
}
.about-content {
  padding-top: 100px;
  position: relative;
  z-index: 1;
}
.title-left h4, .title-left h3{
  text-transform: capitalize;
  font-family: "Lobster Two",cursive;
  font-weight: bold;
}
.title-left h4 {
  font-size: 36px;
}
.title-left h3 {
  color: #252525;
  font-size: 48px;
}
span.divider {
  display: inline-block;
  height: 3px;
  margin: 25px 0;
  width: 170px;
}
.about-content > p {
  color: #252525;
  padding-bottom: 25px;
}

.about-content .restaurant_button {
  margin-top: 45px;
}

/************************************
06)Box-style-1
*************************************/
.box-style-1{padding:20px 0px; text-align:center;}
.box-style-1-icon-background{background:#00aef0; height:100px; width:100px; margin:0 auto 20px auto;}
.box-style-1-icon-background i{color:#00aef0;}
.box-style-1 h4{text-transform:uppercase; color:#555555; font-size:18px; margin:0 0 10px 0;}
.box-style-1 p{color:#777; font-size:14px;}
.box-style-1-icon-background {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 80px;
    height: 80px;
    margin: 3px 0 50px 70px;
    border: 10px double #e7e7e7;
    color: rgba(0, 0, 0, 1);
    -o-text-overflow: clip;
    text-overflow: clip;
    background: #FFF;
    -webkit-transform: rotateZ(-45 deg);
    transform: rotateZ(-45deg);
    -webkit-transform-origin: 0 100% 0 deg;
    transform-origin: 0 100% 0 deg;
    transition: 1s;
    margin-left: 35%;
}
.box-style-1-icon-background i {
    font-size: 40px;
    -moz-transform: rotateZ(46deg);
    padding: 20px;
    transform: rotateZ(46deg);
    color: #00aef0;
    transition: 1s;
}
.box-style-1-icon-background:hover {
    background: #00aef0;    
    transition: 300ms;
}
.box-style-1-icon-background:hover i {
    color: #FFF;
}

/************************************
07)Section 2
*************************************/
.section-2-box-left{border-right:1px solid #00aef0;}
.section-2-box-left h4{ font-size:18px; color:#999; text-align:right !important; margin:0 15px 15px 0;}
.section-2-box-left h2{ font-size:30px; color:#555; text-align:right !important; margin:0 15px 30px 0;}
.section-2-box-right p{color:#777;}


/************************************
09)Services
*************************************/
.service-box{padding:20px 10px; overflow:hidden;position:relative;text-align:center;}
.service-box-icon-cont{text-align:center; margin:0 0px 40px 0;}
.service-box-icon-cont i{ color:#00aef0;}
.service-box-text-cont{margin:0 0 0 0px;}
.service-box-text-cont h5{text-transform:uppercase; color:#555555; font-size:16px; margin:0 0 10px 0;}
.service-box-text-cont p{color:#777; font-size:14px;}

.service-box-3{padding: 20px 0px;overflow: hidden;}
.service-box-3-icon-cont{float: left;width: 30px;margin: 0 23px 53px 0;color:#00aef0;}
.section-box-3-text-cont {margin: 0 0 0 15px;}
.service-box-3-text-cont h5{text-transform:uppercase; color:#555555; font-size:16px; margin:0 0 10px 0;}
.service-box-3-text-cont p{color:#777; font-size:14px;}

.service-box-icon-cont1 i::after {
	position: absolute;
    top: 50px;
    left: 0px;
    width: 30px;
    height: 2px;
    background-color: #00aef0;
    content: '';
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: opacity 0.3s, -moz-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
}

/************************************
10)Section 5
*************************************/
.section-5-background{ 	
	background-color:#252525; 
	background-position:center; 
	padding:100px 0; 
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.section-5-box-text-cont{text-align:left;}
.section-5-box-text-cont h2{color:#fff; margin:40px 0 15px 0;}
.section-5-box-text-cont p{color:#fff; margin:0 0 40px 0;}
.section-5-box-text-cont img{position: absolute;top: -136px;right: 0px;}

/************************************
11)Section 6
*************************************/
.section-title{text-align:center; margin-bottom:50px;}
.section-title h2{ font-size:30px; color:#555555;}
.section-title h6{ font-size:14px; text-transform:uppercase; color:#555555; }
.section-6-box{margin-bottom:20px;}
.section-6-box h3{font-size:20px; color:#555555; margin-top:30px;}
.section-6-box p{font-size:14px; color:#777;}

/************************************
12)Section 7
*************************************/
.section-7-background{ 
	background-color:#252525; 
	background-position:center; 
	padding:100px 0 0 0; 
	background-size: cover;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
.section-7-box-text-cont{text-align:left;}
.section-7-box-text-cont h2{color:#fff;}
.section-7-box-text-cont p{color:#fff; margin:0 0 40px 0;}

/************************************
13)Section 8
*************************************/
#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
    position: :relative;
    /* Control buttons  */
    /* Previous button  */
    /* Next button  */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
}
#quote-carousel .carousel-inner{ min-height:0px;}
#quote-carousel a.carousel-control {
    background: none;
    color: #CACACA;
    text-shadow: none;
    position: absolute;
}
#quote-carousel .carousel-control.left {
    border: 1px solid #999;
    bottom: 0;
    height: 30px;
    width: 30px;
}
#quote-carousel .carousel-control.right {
    border: 1px solid #999;
    bottom: 0;
    height: 30px;
    width: 30px;
}
#quote-carousel .carousel-control i{
    line-height: 30px;
    text-align: center;
}
#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    margin: 5px;
    cursor: pointer;
    border-radius: 50px;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s;
}
#quote-carousel .carousel-indicators .active {
    background: #333333;
    width: 128px;
    height: 128px;
    border-radius: 100px;
    opacity: 1;
    overflow: hidden;
}
.carousel-inner {
    min-height: 300px;
}
.item blockquote {
    border-left: none;
    margin: 0;
}

.item blockquote p{
	font-size:14px; 
	color:#777;
	font-style:italic; 
}

.item blockquote img{
	margin:25px 0 0 0;
	}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}


/************************************
14)Section 9
*************************************/
.section-9-background{background:#efefef;padding:25px;}

/************************************
15)Section 10
*************************************/
.section-10-background{ background:#00aef0;padding:40px 0px;}
.section-10-box-text-cont h3{font-size:24px; color:#fff; text-transform:uppercase; font-weight:400;}
.section-10-box-text-cont p{ color:#fff; font-style:italic; margin:0 0 10px 0; font-size:16px;}
.section-10-btn-cont{text-align:right; margin: 17px 0 0 0;}

/************************************
16)Footer top
*************************************/
.footer-top{
	padding: 5px 0;
    background-color: #1a1e21;
    color:#c5c1c1;
	font-size:14px !important;
	position:relative;
	background-image: url(../images/footer-background.jpg);
	}
.footer-top:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 6, 16, 0.95);
}
	
.footer-top p{
		font-size:14px !important;
		margin-bottom:0px;
	}
.footer-top-box{
	margin:30px auto; 
	overflow:hidden;
	}
.footer-top h4{
	color:#fff; 
	text-transform:capitalize;
	}
	
.footer-top .input-holder {
    position: relative;
}

.footer-top .input-holder input[type="email"] {
    width: 100%;
    display: inline-block;
    border: 0;
    border-radius: 0;
    height: 39px;
    padding: 10px 20px;
}

.footer-top .input-holder label {
    position: absolute;
    top: 0;
    right: -4px;
    text-align: center;
    cursor: pointer;
}

.footer-top .input-holder label i {
    position: absolute;
    top: 9px;
    left: 8px;
    font-size: 20px;
    color: #fff;
}

.footer-top .input-holder input[type="submit"] {
    color: #fff;
    border: 0;
    border-radius: 0;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 20px;
    line-height: 0;
    text-indent: -999px;
}	
.footer-top .submit-bgcolor{background-color: #00aef0;}

.footer-top ul{
	list-style-type:none; 
	padding-left:0px;
	}

.footer-top ul li{
	margin:0 0 10px 0px;
	}

.footer-top ul li a{
	color:#7e7e7e;
	}

.footer-top ul li a:hover{
	color:#fff;
	}

.tag a{
	margin:5px; 
	color:#7e7e7e; 
	padding:5px; 
	float:left; 
	border:1px solid #7e7e7e;
	} 		

.tag a:hover{
	color:#fff;
	border:1px solid #fff;
	}

/***************************************
17)Footer Bottom
****************************************/
.footer-bottom {
    font-size: 14px;
    padding: 3px 0;
    background-color: #000;
    color: #7e7e7e;
}
.nav-links{float:right;margin: 20px 0 20px 0;}
.footer-bottom ul.navbar-nav {
    height: auto;
}
.footer-bottom li {
    position: relative;
    display: block;
	float:left;
}
.footer-bottom a.nav-item {
    padding: 0 0 0 20px;
    color: #4e5663;
    line-height: 24px;
    font-weight: 500;
}
.footer-bottom a.nav-item:hover {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.98);
}

.footer-bottom ul.social-buttons{list-style-type:none; margin:10px auto; padding:0px;}
.footer-bottom ul.social-buttons li a {
    display: block;
    background-color: #00aef0;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    font-size: 20px;
    line-height: 40px;
    color: white;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
	text-align:center;
}

.footer-bottom ul.social-buttons li a:hover {
    background-color:#0393ca;
}
.footer-bottom .copyright{color:#999; margin:20px 0 20px 0;}


/************************************
18)Service Box 2
*************************************/
.service-box-2{padding:20px 0px; text-align:center;}
.service-box-2-icon-background{-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 80px;
    height: 80px;
    margin: 3px 0 50px 70px;
    border: 10px double #e7e7e7;
    color: rgba(0, 0, 0, 1);
    -o-text-overflow: clip;
    text-overflow: clip;
    background: #FFF;
    -webkit-transform: rotateZ(-45 deg);
    transform: rotateZ(-45deg);
    -webkit-transform-origin: 0 100% 0 deg;
    transform-origin: 0 100% 0 deg;
    transition: 1s;
    margin-left: 35%;}
.service-box-2-icon-background i {
    font-size: 40px;
    -moz-transform: rotateZ(46deg);
    padding: 20px;
    transform: rotateZ(46deg);
    color: #00aef0;
    transition: 1s;
}
.service-box-2-icon-background:hover {background: #00aef0;transition: 300ms;}
.service-box-2-icon-background:hover i {color: #FFF;}
.service-box-2-icon-background1 i{margin-top:28px; color:#fff;}
.service-box-2 h4{text-transform:uppercase; color:#555555; font-size:18px; margin:0 0 10px 0;}
.service-box-2 p{color:#777; font-size:14px;}

/************************************
19)Section 12
*************************************/
#section-12{
padding:25px 0px;
	margin:50px auto 50px auto;
}

.portfolioFilter{
	margin: 0px 0px 10px 0px;
    overflow: hidden;
    padding: 15px 10px;
	color: #45bbff;
	}

#section-12 p{
	margin-bottom:100px;
	}

.portfolioFilter a {
	color: #45bbff;
	text-decoration: none;
	margin: 15px 5px 15px 5px;
	padding: 10px 15px;
	display: inline-block;
}

.portfolioFilter a.current {
	color: #45bbff;
	font-weight:700;
}

.portfolioContainer a {
	margin:15px auto;
	width:100%;
	height:100%;
}
.portfolioContainer1 a img {
	/*margin:15px auto;*/
	margin:0px auto;
	width:100%;
	height:100%;
}

.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

.isotope, .isotope .isotope-item {
	/* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
}


/************************************
20)Section 13
*************************************/
.section-13{ background:#00aef0; padding:70px 0;}
.section-13 h2{color:#fff; font-weight:200;}
.section-13 p{color:#fff;}
.section-13 .light{color:#fff; width:20%; margin:30px auto 40px auto;}
.section-13 .btn{color:#00aef0; font-weight:600;}
.section-13 .btn-default{border-color:transparent;}

/************************************
21)Single Post
*************************************/
.section-title{text-align:center; margin-bottom:50px;}
.section-title h2{ font-size:30px; color:#555555;}
.section-title h6{ font-size:14px; text-transform:uppercase; color:#999; }
.single_post{margin-bottom:60px; position:relative; overflow:hidden;}
.single_post h3{margin-top:30px;display:inline-block}
.single_post h3 a{font-size:20px; color:#555555;}
.single_post h3 a:hover{font-size:20px; color:#999;}
.single_post p{font-size:14px; color:#777; line-height:26px; margin: 0 0 20px 0;}
.single_post .date {background-color: #00aef0;box-sizing: border-box; color: rgb(255, 255, 255); display: block; font-size: 16px; font-style: normal; font-variant: normal; font-weight: bold; height: 100px; line-height: 24px; margin-bottom: 50px; padding-bottom: 15px; padding-top: 15px; position: absolute; text-align: center; visibility: visible; width: 75px;}
.single_post .comments{margin:0 0 15px 0; color:#222; font-style:italic;}
.single_post .comments a{color:#222; font-style:italic; margin:0 0 0 5px;} 
.single_post .comments a:hover{ text-decoration:underline;}

.single_post ul{list-style-type:none; margin:30px 0 0 0; padding:0px;}
.single_post ul li{ margin:20px 0; }
.single_post ul li a{color:#777;} 
.single_post ul li a:hover{ text-decoration:none; color:#00aef0;}
.single_post .underline{border-bottom:2px solid #00aef0; padding:0 0 15px 0;}
.single_post ul li a.tag{float:left; margin:5px; padding:10px 20px; border: 1px solid #777;} 
.single_post ul li a.tag:hover{float:left; margin:5px; padding:10px 20px; border: 1px solid #00aef0; color:#00aef0;} 
.blog-search-field{
	border: 1px solid #e6e6e6;
    background: #fff;
    width: 100%;
    padding: 13px 15px;
    outline: none !important;
    font-size: 14px;
    line-height: 17px;
    font-weight: 300;
    color: #777;
	margin:20px 0 0 0;
}
.search-form button {
    background: #ffffff;
    border: none;
    float: right;
    margin-top: -32px;
    margin-right: 15px;
    position: relative;
    z-index: 2;
}
.flt_left {float:left}
.flt_right{float:right}

.comment-form-container{margin:70px auto;;}
.comment-form-container h4{ margin:0 0 35px 0;}
.comment-form-container .nopadding-left{padding-left:0px;}
.comment-form-container input.form-control{height: 50px;}
.comment-form-container .form-control{border-radius:0px; padding:10px 15px;}

.wp-img {
    float: left;
    width: 100%;
    position: relative;
}
.wp-img:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #00aef0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all 0.5s;
}
.wp-img:hover:before {
    transform: scale(1);
    -webkit-transform: scale(1);
}


/************************************
22)Section 15
*************************************/
.breadcrumb{
line-height: 24px;
background:0 0;padding:0;
font-family:Montserrat;
text-transform:uppercase;font-size:14px;
margin:0
}
.breadcrumb>li>a{
color:#fff}.breadcrumb>.active,.breadcrumb>li>a:focus,.breadcrumb>li>a:hover{color:#010811}



/************************************
Section 15
*************************************/
.section17-background{background:#CCC; padding:40px 0 30px 0;}
.team-member{background:#fff;}


/************************************
23)Inner Title bar
*************************************/
.inner-title{padding:120px 0;background-image: url(../images/bg-about.jpg);background-position: right bottom 100px;}
.inner-title h2{color:#555;text-transform: uppercase;font-weight: 900;font-size:50px} 
.breadcrumbs ul {
	float:right;
	font-size:13px;
	margin-top:10px;
	font-weight:500
}
.breadcrumbs ul li {
	display:inline-block;
	color:#fff;
	margin:0 0 0 5px
}
.breadcrumbs ul li:after {
	content:"";
	font-family:"FontAwesome";
	font-size:12px;
	color:#555;
	margin:0 0 0 9px
}
.breadcrumbs ul li:last-child:after, .breadcrumbs ul li:first-child:after {
	content:"";
	margin:0
}
.breadcrumbs ul li:last-child a, .breadcrumbs ul li a {
	color:#555 !important;
	font-weight:600
}
.breadcrumbs ul li a:hover {
	color:#0393ca !important;
	text-decoration:none;
}
.breadcrumbs ul li:first-child {
	padding-right:0;
	margin-left:0
}
.breadcrumbs ul li:first-child, .breadcrumbs ul li:last-child {
	color:#555;
	background:0
}
.breadcrumbs ul li:last-child {
	padding:0;
	background:0
}


/************************************
24)Section 16
*************************************/
.section16{padding:0px 0;}
.section16 .success, 
.section16 .error {
  display: none;
  font-family: "Source Sans Pro",sans-serif;
  margin-bottom: 48px;
}
.section16 .success{color: green;}
.section16 .error {color: red;}
.section16 .success .fa, 
.section16 .error .fa {
  font-size: 18px;
  margin-right: 5px;
}
.section16 input[type="text"], .section16 input[type="email"]{border-radius:0px;padding:10px 15px; height: 50px;}
.section16 textarea{border-radius:0px;padding:25px 15px;}
.section16 iframe{width:100% !important; }
.section16 .address{margin:20px 0;}
.section16 .address h4{ color:#00aef0;}


/************************************
25)Team Member
*************************************/
.team-member{background:#eeeef0; padding:70px 0;}
.team-member1{background:#fff; padding:5px; margin:10px auto; overflow:hidden;}
.team-member1 .team-member1-img-cont{float:left; width:100%;position:relative}
.team-member1 .team-member1-img-cont img{ min-height:167px;}
.team-member1 .team-member1-details{ float:left; padding:0 10px; width: 100%;} 
.team-member1 .team-member1-details h4{ margin:10px 0 0 0; padding:0px;}
.team-member1 .team-member1-details p{ color:#878787; margin:5px 0 5px 0; } 
.team-member1 .team-member1-details .sub{ margin:10px 0 10px 0;}
.team-member1 .team-member1-details p i{ margin:0 10px 0 0; font-size:16px;}


.team-member1 .overlay ul li {
    width: 35px;
    height: 35px;
    background: transparent;
    text-align: center;
    display: inline-block;
    border: 1px solid #fff;
    margin: 17px 2px 0 2px;
}
.round_border {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
}
.team-member1 .overlay ul li a {
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 35px;
}

.team-member1 .overlay .desc h2 {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 30px;
    color: #fff;
}

.team-member1  .overlay {
    position: absolute;
    top: 0;
    left: -200px;
    width: 100%;
    background: #0082c8;
    text-align: left;
    height: 0;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    padding: 20px;
    width: 100%;
    float: left;
    color: #fff;
}
.transition3s {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.team-member1:hover .overlay {
    height: 100%;
    visibility: visible;
    opacity: 1;
    z-index: 1;
	left:0px;
}

/************************************
26)Section 18
*************************************/
.section18-border{border:1px solid #ddd;}
.section-18-img{ padding-top:20px ;}
.section18-border .textcont{margin:10px; }
.section18-border .textcont h2{ font-size:24px; margin-bottom:20px; color:#555555; line-height:35px;}
.section18-border .textcont p{margin-bottom:20px; color: #777;}


/************************************
27)Section 19
*************************************/
.section19{ margin:100px auto 100px auto;;}
.section19 .section19-404{ border-right:1px solid #ddd;}
.section19 .section19-404  h1{font-size:20em; font-weight:700; color:#00aef0; text-align:center;}
.section19 .section19-404 h3{ text-align:center;}
.section19 .section19-subscribe h3{ margin-top:100px; margin-bottom:30px;}
.section19 .section19-subscribe .form-control{border-radius:0px; padding:20px; width:80%; display:inline-block; margin-bottom:15px;}
.section19 .section19-subscribe .btn-primary{border-radius:0px; display:inline-block; margin:0 0 3px 0;}


/************************************
28)Section 20
*************************************/
.section20{margin:70px auto;}
.section-20-box{padding:25px 0px; overflow:hidden;}
.section-20-box-icon-cont{float:left; width:23px; margin:0 15px 85px 0;}
.section-20-box-icon-cont i{ color:#00aef0;}
.section-20-box-text-cont{margin:0 0 0 15px;}
.section-20-box-text-cont h5{text-transform:uppercase; color:#555555; font-size:16px; margin:3px 0 15px 0;}
.section-20-box-text-cont p{color:#777; font-size:14px;}


/************************************
29)Section 21
*************************************/
.section21{margin:70px auto;}
.section-21-box{padding:25px 0px; overflow:hidden;}

/************************************
30) Scroll Top Button
*************************************/
.scroll-top {
	display: block;
	width:40px;
	height:40px;
	background: #00aef0;
	color:#fff;
	font-size: 25px;
	text-align: center;
	position: fixed;
	z-index: 9999;
	bottom: 40px;
	right:40px;
	padding-bottom: 4px;
	display: none;
	border:0px;
}
.scroll-top:hover {
	transform: scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
}

/************************************
30) Theme Color
*************************************/

.color-scheme-select {
    position: fixed;
	background-color: #ffffff !important;
    text-align: center;
    top: 120px;
    left: -262px;
    width: 262px;
    padding: 30px;
    border: 1px solid;
    z-index: 111111;
}
.trans-05 {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.color-scheme-select-visible {
    left: 0 !important;
}
.color-scheme-select
{
    border-color: #e6e6e6 !important;
}
.color-scheme-content {
    position: relative;
    width: 32px;
    height: 32px;
    margin: 2px;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.color-scheme-content.color-scheme-selected::after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.color-scheme-content::after {
    display: block;
	color:#fff;
    font-family: FontAwesome;
    content: '\f00c';
    position: absolute;
    top: 9px;
    left: 9px;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.color-scheme-select-btn {
    position: absolute;
	background-color: #ffffff !important;
	color:#0082c8;
    top: -1px;
    right: -46px;
    width: 46px;
    height: 46px;
    line-height: 42px;
    font-size: 20px;
    text-align: center;
    border: 1px solid;
    cursor: pointer;
}
canvas.particles-js-canvas-el {
  position: absolute;
  z-index: -1;
  left: 0 !important;
  top: 0 !important; }

.pageTitleArea {
  text-align: center;
  color: #ffffff;
  background-image: url(../img/16.jpg);
  background-size: cover;
  position: relative;
  z-index: 1;
  overflow: hidden; }
  .pageTitleArea:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -2;
    background: #39a431;
    opacity: .8; }
  .pageTitleArea .pageTitle {
    text-align: center;
    padding: 45px 0; }
    .pageTitleArea .pageTitle .pageIndicate {
      margin: 0; }
      .pageTitleArea .pageTitle .pageIndicate li {
        display: inline; }
        .pageTitleArea .pageTitle .pageIndicate li a {
          display: inline-block;
          color: #ffffff;
          text-transform: uppercase;
          font-size: 14px;
          font-weight: 300;
          -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s; }
          .pageTitleArea .pageTitle .pageIndicate li a:hover {
            color: #00aef0; }
        .pageTitleArea .pageTitle .pageIndicate li:not(:first-child) a:before {
          content: '/ ';
          color: #ffffff; }
    .pageTitleArea .pageTitle .h2 {
      margin: 5px 0 15px;
      font-weight: 700;
      font-size: 30px;
      text-transform: uppercase; }
    .pageTitleArea .pageTitle span {
      width: 40px;
      height: 3px;
      background: #010811;
      display: block;
      margin: 0 auto; }

/*** 

====================================================================
	Contact page Section
====================================================================

***/
.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
	
}
.btn-one:hover {
    color: #012f5d;
    border-color: #012f5d;
    background: none;
}
.btn-one {
    position: relative;
    padding: 8px 30px;
    line-height: 24px;
    text-transform: firsttopcase;
    background: #39a431;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    border: 2px solid #39a431;
    border-radius: 2px;
    font-family: 'Roboto', sans-serif;
}


.contact-section ul, li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.contact-form.default-form {
    background: transparent;
}

.contact-section {
    position: relative;
    padding: 120px 0px 70px;
}

.contact-section .column {
    position: relative;
    margin-bottom: 30px;
}

.contact-section h2 {
    font-size: 30px;
    color: #2f373a;
    font-weight: 700;
    padding-bottom: 12px;
    margin-bottom: 30px;
}

.contact-section .contact-form .form-group {
    margin-bottom: 20px;
}

.contact-section .column .inner-box {
    position: relative;
    padding-left: 20px;
}

.contact-section .column .inner-box .text {
    font-size: 16px;
    line-height: 27px;
    color: #909ba0;
    margin-bottom: 30px;
}

.contact-section .contact-info {
    position: relative;
    margin-bottom: 40px;
}

.contact-section .contact-info li {
    position: relative;
    padding-left: 90px;
    margin-bottom: 35px;
    line-height: 24px;
    color: #8d8d8d;
    padding-top: 5px;
    font-size: 13px;
}

.contact-section .contact-info li h3 {
    color: #23282a;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
}

.contact-section .contact-info li .icon {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    line-height: 56px;
    font-size: 24px;
    color: #39a431;
    border: 1px solid #eee;
}

.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="password"],
.default-form select,
.default-form textarea {
    position: relative;
    display: block;
    width: 100%;
    height: 52px !important;
    font-size: 14px;
    line-height: 26px;
    border: 1px solid #e0e0e0;
    padding: 12px 25px !important;
    border-radius: 2px;
}

.contact-section .contact-form .form-group textarea {
    height: 200px !important;
    resize: none;
}

.default-form input:focus,
.default-form select:focus,
.default-form textarea:focus {
    border-color: #6cbe03;
}

.default-form input.error,
.default-form select.error,
.default-form textarea.error {
    border-color: #ff0000;
}

.default-form label.error {
    display: block;
    line-height: 24px;
    padding-top: 5px;
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 500;
    color: #ff0000;
}

.contact-section .social-links li a:hover {
    color: #ffffff;
    background: #f7542b;
}


 /*** 

====================================================================
	Contact Style
====================================================================

***/

.default-form .form-group .field-label {
    display: block;
    line-height: 24px;
    text-transform: firsttopcase;
    margin-bottom: 10px;
    color: #232323;
    font-weight: 500;
    font-size: 13px;
}

.default-form .form-group .field-label sup {
    color: #ff0000;
    font-size: 14px;
}

.contact-form .sec-title.text-center * {
    color: #fff;
}

.default-form input[type="text"],
.default-form input[type="email"],
.default-form input[type="password"],
.default-form select,
.default-form textarea {
    display: block;
    width: 100%;
    line-height: 24px;
    height: 48px;
    font-size: 13px;
    border: 1px solid #e0e0e0;
    padding: 11px 15px;
    background-color: #ffffff;
    color: #111111;
    border-radius: 0px;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.contact-form .default-form input[type="text"],
.contact-form .default-form input[type="email"],
.contact-form .default-form input[type="password"],
.contact-form .default-form select,
.contact-form .default-form textarea {
    background-color: #FFF;
    color: #121212;
    font-size: 12px;
    font-weight: 500;
    border-radius: 3px;
}

.contact-form::-webkit-input-placeholder {
    color: #121212;
    text-transform: firsttopcase;
}

.contact-form::-moz-placeholder {
    color: #121212;
    text-transform: firsttopcase;
}

.contact-form:-ms-input-placeholder {
    color: #121212;
    text-transform: firsttopcase;
}

.contact-form input:-moz-placeholder {
    color: #121212;
    text-transform: firsttopcase;
}

.contact-style-one::-webkit-input-placeholder {
    color: #777777;
    text-transform: firsttopcase;
}

.contact-style-one::-moz-placeholder {
    color: #777777;
    text-transform: firsttopcase;
}

.contact-style-one:-ms-input-placeholder {
    color: #777777;
    text-transform: firsttopcase;
}

.contact-style-one input:-moz-placeholder {
    color: #777777;
    text-transform: firsttopcase;
}

.default-form select {
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background: #ffffff url(../images/icons/icon-select.png) right center no-repeat;
}

.default-form textarea {
    height: 180px;
    resize: none;
}

.contact-style-one.extended .default-form textarea {
    height: 194px;
}

.contact-form .default-form textarea {
    height: 118px!important;
}

.default-form select option {
    text-indent: 15px;
}

.default-form input:focus,
.default-form select:focus,
.default-form textarea:focus {
    border-color: #fbca00 !important;
    background-color: rgba(255, 255, 255, 0.50) !important;
}

.default-form input.error,
.default-form select.error,
.default-form textarea.error {
    border-color: #ff0000 !important;
}

.default-form label.error {
    display: block;
    line-height: 24px;
    padding: 5px 0px 0px;
    margin: 0px;
    text-transform: firsttopcase;
    font-size: 11px;
    color: #ff0000;
    font-weight: 500;
}

.contact-form .info-column .inner-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
    background: rgba(3, 45, 65, 0.90);
    padding: 0 30px;
}

.contact-form .form-column .upper-content {
    position: relative;
    margin-bottom: 40px;
    text-align: center;
}

.contact-form .form-column .upper-content .subtitle {
    font-size: 18px;
    font-style: italic;
}

.contact-form .form-column .upper-content h3 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
}

.contact-form {
    position: relative;
   /* background: #00b7f1;*/
    color: #000;
}

.contact-form .btn-two {
    background: #032d41;
    border: 2px solid #032d41;
}

.contact-form .btn-two:hover {
    background: #00b7f1;
    color: #222;
}

.contact-form .form-column {
    position: relative;
    float: left;
    width: 50%;
}

.contact-form .form-column .inner-box {
    position: relative;
    padding: 100px 80px;
}

.contact-form .form-column .firsttop-content {
    position: relative;
    margin-bottom: 40px;
    text-align: center;
}

.contact-form .form-column .firsttop-content .subtitle {
    font-size: 18px;
    font-style: italic;
}

.contact-form .form-column .firsttop-content h3 {
    font-size: 24px;
    text-transform: firsttopcase;
    font-weight: 700;
}

.contact-form .info-column {
    position: absolute;
    text-align: center;
    right: 0px;
    top: 0px;
    height: 100%;
    min-height: 250px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 50%;
}

.contact-form .info-column .test-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: table;
    vertical-align: middle;
    background: rgba(0, 0, 0, 0.70);
}

.contact-form .info-column .inner-most {
    display: table-cell;
    vertical-align: middle;
}

.contact-form .info-column h3 {
    font-size: 26px;
    text-transform: firsttopcase;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
}

.contact-form .info-column .text {
    font-size: 16px;
    text-transform: firsttopcase;
    font-weight: 400;
    color: #ffffff;
    letter-spacing: 1px;
    margin-bottom: 10px;
    padding: 0 40px;
}

.contact-form .info-column h4 {
    font-size: 24px;
    text-transform: firsttopcase;
    font-weight: 700;
    color: #fbca00;
}



	  /************************contact***********************/
	  .contentpageTitleArea {
  text-align: center;
  color: #ffffff;
  background-image: url(../img/02.jpg);
  background-size: cover;
  position: relative;
  z-index: 1;
  overflow: hidden; }
  .contentpageTitleArea:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -2;
    background: #39a431;
    opacity: .8; }
  .contentpageTitleArea .pageTitle {
    text-align: center;
    padding: 45px 0; }
    .contentpageTitleArea .pageTitle .pageIndicate {
      margin: 0; 
	  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 24px;
  font-weight: 300;}
      .contentpageTitleArea .pageTitle .pageIndicate li {
        display: inline; }
        .contactpageTitleArea .pageTitle .pageIndicate li a {
          		  display: inline-block;
          color: #ffffff;
          text-transform: uppercase;
          font-size: 14px;
          font-weight: 300;
          -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s; }
          .contentpageTitleArea .pageTitle .pageIndicate li a:hover {
            color: #288feb; }
        .contentpageTitleArea .pageTitle .pageIndicate li:not(:first-child) a:before {
          content: '/ ';
          color: #ffffff; }
    .contentpageTitleArea .pageTitle .h2 {
      margin: 5px 0 15px;
      font-weight: 700;
      font-size: 30px;
      text-transform: uppercase; }
    .contentpageTitleArea .pageTitle span {
      width: 40px;
      height: 3px;
      background: #010811;
      display: block;
      margin: 0 auto; }
	  /************************services***********************/
	  .servicespageTitleArea {
  text-align: center;
  color: #ffffff;
  background-image: url(../img/20.jpg);
  background-size: cover;
  position: relative;
  z-index: 1;
  overflow: hidden; }
  .servicespageTitleArea:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -2;
    background: #39a431;
    opacity: .8; }
  .servicespageTitleArea .pageTitle {
    text-align: center;
    padding: 45px 0; }
    .servicespageTitleArea .pageTitle .pageIndicate {
      margin: 0; 
	  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 24px;
  font-weight: 300;}
      .servicespageTitleArea .pageTitle .pageIndicate li {
        display: inline; }
        .servicespageTitleArea .pageTitle .pageIndicate li a {
          		  display: inline-block;
          color: #ffffff;
          text-transform: uppercase;
          font-size: 14px;
          font-weight: 300;
          -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s; }
          .servicespageTitleArea .pageTitle .pageIndicate li a:hover {
            color: #288feb; }
        .servicespageTitleArea .pageTitle .pageIndicate li:not(:first-child) a:before {
          content: '/ ';
          color: #ffffff; }
    .servicespageTitleArea .pageTitle .h2 {
      margin: 5px 0 15px;
      font-weight: 700;
      font-size: 30px;
      text-transform: uppercase; }
    .servicespageTitleArea .pageTitle span {
      width: 40px;
      height: 3px;
      background: #032b3a;
      display: block;
      margin: 0 auto; }
	  
	   /************************product***********************/
	  .productpageTitleArea {
  text-align: center;
  color: #ffffff;
  background-image: url(../img/20.jpg);
  background-size: cover;
  position: relative;
  z-index: 1;
  overflow: hidden; }
  .productpageTitleArea:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -2;
    background: #39a431;
    opacity: .8; }
  .productpageTitleArea .pageTitle {
    text-align: center;
    padding: 45px 0; }
    .productpageTitleArea .pageTitle .pageIndicate {
      margin: 0; 
	  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 24px;
  font-weight: 300;}
      .productpageTitleArea .pageTitle .pageIndicate li {
        display: inline; }
        .productpageTitleArea .pageTitle .pageIndicate li a {
          		  display: inline-block;
          color: #ffffff;
          text-transform: uppercase;
          font-size: 14px;
          font-weight: 300;
          -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s; }
          .productpageTitleArea .pageTitle .pageIndicate li a:hover {
            color: #288feb; }
        .productpageTitleArea .pageTitle .pageIndicate li:not(:first-child) a:before {
          content: '/ ';
          color: #ffffff; }
    .productpageTitleArea .pageTitle .h2 {
      margin: 5px 0 15px;
      font-weight: 700;
      font-size: 30px;
      text-transform: uppercase; }
    .productpageTitleArea .pageTitle span {
      width: 40px;
      height: 3px;
      background: #033c52;
      display: block;
      margin: 0 auto; }
.content-block {
    padding: 10px 0;
}
content-block.testimonial-area {
    border-top: 1px solid #ddd;
    padding: 80px 0;
}

.details {
  
}
.details .item {
  border: 1px solid #dedddd;
  padding: 40px;
  transition: .5s ease;
  margin-bottom: 50px;
}
.details .item:hover {
  border-color: #48c7ec;
  transition: .5s ease; 
}
.details .item span {color: #48c7ec;font-size: 55px;}

.details .item h4 {
  position: relative;
  font-size: 20px;
  margin: 25px 0 30px;
}

.details .item h4:after {
    content: "";
    position: absolute;
    top: 35px;
    left: 50%;
    margin-left: -30px;
    width: 60px;
    height: 1px;
    background: #eee;
}

.brandArea {
  padding: 50px 0; }
  @media only screen and (min-width: 0px) and (max-width: 767px) {
    .brandArea {
      padding: 30px 0; } 
 /* Service area CSS */

.service-item-bg {
    background-color: #ddd;
    background-position: center center;
    background-size: cover;
    height: 180px;
}
.service-readmore-btn {
    color: #222;
    font-weight: 700;
}
.service-readmore-btn i.fa {
    padding-left: 5px;
}
canvas.particles-js-canvas-el {
  position: absolute;
  z-index: -1;
  left: 0 !important;
  top: 0 !important; }



/* ----------------------------------------------------------------------------------------
*                                   13. Fun Facts area css
* --------------------------------------------------------------------------------------- */
.fun-facts-area {
    background-color: #f7f7f7;
}

.fun-fact i.fa {
    display: none;
}

.fun-fact i.fa,
.fun-fact img {
    color: #007bb6;
    float: left;
    width: 68px;
    margin-right: 20px;
    font-size: 45px;
    overflow: hidden;
    line-height: 70px;
    margin-top: 5px;
}

.fun-fact p {
    font-size: 18px;
}

.fun-fact h3 {
    margin: 0px;
    color: #007bb6;
    font-size: 36px;
}
.image-container .image {
    position: relative;
    overflow: hidden;
}
.image-container .image::before {
    background: #fcfcfc none repeat scroll 0 0;
    content: "";
    height: 200%;
    position: absolute;
    right: 30px;
    top: 0;
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg);
    width: 122px;
}.cta {
    background-color: #73b21a;
    padding: 40px 0;
}
/*--------------------------------------------------------------
#0.6	cta
--------------------------------------------------------------*/
.cta {
  background-color: #73b21a;
  padding: 40px 0;
}

@media (max-width: 991px) {
  .cta {
    text-align: center;
    padding: 40px 0 30px;
  }
}

.cta .grid {
  position: relative;
}

.cta .grid > a,
.cta .grid .phone {
  position: absolute;
  right: 15px;
  top: -5px;
  border: 1px solid #568614;
}

@media (max-width: 1199px) {
  .cta .grid > a,
  .cta .grid .phone {
    top: -7px;
  }
}

@media (max-width: 991px) {
  .cta .grid > a,
  .cta .grid .phone {
    position: relative;
    margin-top: 30px;
  }
}

.cta .grid .phone {
  background-color: #fff;
  height: 45px;
  line-height: 45px;
  color: #73b21a;
  font-weight: 600;
  padding: 0 15px;
  border: 0;
  display: inline-block;
}

@media (max-width: 991px) {
  .cta .grid .phone {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0 13px;
  }
}

.cta .grid .phone i {
  display: inline-block;
  padding-right: 5px;
}

.cta h2 {
  font-size: 27px;
  font-size: 1.6875rem;
  color: #fff;
  margin: 0;
}

@media (max-width: 1199px) {
  .cta h2 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.cta-s2 {
    background-color: #012f5d;
    padding: 40px 0;
}
.section-padding {
    padding: 110px 0 115px;
}
/***************************************************
	service grid s1
****************************************************/
.service-grid-s1 .grid, .service-grid-s2 .grid {
  background: #fff;
  padding: 50px 40px;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s; }
  @media (max-width: 767px) {
    .service-grid-s1 .grid, .service-grid-s2 .grid {
      padding: 30px 25px; } }

.service-grid-s1 .grid .icon, .service-grid-s2 .grid .icon {
  position: absolute;
  left: 40px;
  top: 45px; }
  @media (max-width: 767px) {
    .service-grid-s1 .grid .icon, .service-grid-s2 .grid .icon {
      position: static;
      margin-bottom: 13px; } }

.service-grid-s1 .grid .icon .fi:before, .service-grid-s2 .grid .icon .fi:before {
  font-size: 32px;
  font-size: 2.13333rem;
  color: #012f5d; }

.service-grid-s1 .grid h3, .service-grid-s2 .grid h3 {
  font-size: 18px;
  font-size: 1.2rem;
  margin: 0 0 0.9em; }
  @media (max-width: 767px) {
    .service-grid-s1 .grid h3, .service-grid-s2 .grid h3 {
      font-size: 16px;
      font-size: 1.06667rem; } }
  .service-grid-s1 .grid h3 a, .service-grid-s2 .grid h3 a {
    color: #012f5d; }

.service-grid-s1 .grid .details, .service-grid-s2 .grid .details {
  padding-left: 48px; }
  @media (max-width: 767px) {
    .service-grid-s1 .grid .details, .service-grid-s2 .grid .details {
      padding-left: 0; } }

.service-grid-s1 .grid .details p, .service-grid-s2 .grid .details p {
  font-size: 14px;
  font-size: 0.93333rem;
  margin: 0; }

.service-grid-s1 .grid:hover, .service-grid-s2 .grid:hover {
  background-color: #012f5d; }
  .service-grid-s1 .grid:hover .icon .fi:before, .service-grid-s2 .grid:hover .icon .fi:before {
    color: #f6ba18; }
  .service-grid-s1 .grid:hover h3 a, .service-grid-s2 .grid:hover h3 a {
    color: #f6ba18; }
  .service-grid-s1 .grid:hover .details p, .service-grid-s2 .grid:hover .details p {
    color: #fff; }

/***************************************************
	service grid s2
****************************************************/
.service-grid-s2 .grid {
  background-color: transparent;
  padding: 0 0 0 40px; }
  .service-grid-s2 .grid:hover {
    background-color: transparent; }
  @media (max-width: 767px) {
    .service-grid-s2 .grid {
      padding-left: 0; } }

.service-grid-s2 .grid .icon {
  left: 0;
  top: -4px; }

.service-grid-s2 .grid .details {
  padding-left: 15px; }
  @media (max-width: 767px) {
    .service-grid-s2 .grid .details {
      padding-left: 0; } }

.service-grid-s2 .grid:hover {
  background-color: transparent; }
  .service-grid-s2 .grid:hover .details p {
    color: #6b6b6b; }

/***************************************************
	Main services grids
****************************************************/
.main-services-grids {
  margin: 0 -15px;
  overflow: hidden; }
  .main-services-grids .grid {
    width: 50%;
    float: left;
    padding: 0 15px 30px;
    margin-bottom: 40px; }
    @media (max-width: 650px) {
      .main-services-grids .grid {
        width: 100%;
        float: none;
        padding: 0 15px 30px;
        margin-bottom: 20px; } }
  .main-services-grids .grid .img-holder {
    margin-bottom: 35px; }
  .main-services-grids .grid .service-info h3 {
    font-size: 18px;
    font-size: 1.2rem;
    margin: 0 0 0.8em; }
  .main-services-grids .grid .service-info h3 a {
    color: #012f5d; }
  .main-services-grids .grid .service-info h3 a:hover {
    color: #f6ba18; }
  .main-services-grids .grid .read-more {
    font-size: 14px;
    font-size: 0.93333rem;
    font-weight: 500;
    color: #2b2b2b;
    display: inline-block;
    margin-top: 10px; }
  .main-services-grids .grid .read-more:hover {
    color: #f6ba18; }