/*
Author       : Theme_ocean.
Template Name: Stella - Multipurpose Business Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START HOME DESIGN
    03. START BOOTSTRAP NAVIGATION OVERRIDES
    04. START HOME PORTFOLIO DESIGN
    05. START ABOUT DESIGN
    06. START BLOG DESIGN
    07. START CONTACT DESIGN
    08. START FOOTER DESIGN
    09. START SECTION TOP DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
font-family: 'Lato', sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: #777;
overflow-x: hidden;
margin: auto;
background: #fff;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0px;
  margin-top: 0px; 
  font-family: "Montserrat",sans-serif;
  color: #333;
  font-weight: 400;
}
a {
font-family: "Montserrat",sans-serif;
text-decoration: none;
transition: all 0.2s ease 0s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
    margin-bottom: 0;
}
ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
    background:#fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
.status,
.status-mes {
    background-image: url(../img/status.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}
.status-mes {
    background: none;
    left: 0;
    margin: 0;
    text-align: center;
    top: 65%;
}
.status-mes h4 {
    color: #333;
    margin-top: 30px;
	font-weight:600px;
	text-transform: uppercase;
	font-family: "Montserrat",sans-serif;
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
.section-padding { padding: 60px 0 }
/*START SECTION TITLE DESIGN*/
.section-title { margin-bottom: 60px }
.section-title  h2 {
margin-top: 0;
position:relative;
}
.section-title p{width:70%;margin:auto;position:relative;}
@media only screen and (max-width:480px) { 
.section-title p{width:90%;margin:auto;}
}
.section-title-white { margin-bottom: 60px }
.section-title-white  h2 {
margin-top: 0;
text-transform: uppercase;
position:relative;
color:#fff;
}
.section-title-white p{width:70%;margin:auto;position:relative;color:#fff;}
@media only screen and (max-width:480px) { 
.section-title-white p{width:90%;margin:auto;}
}

/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #2a80b9 none repeat scroll 0 0;
border-radius: 5px;
bottom: 5px;
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
color: #fff;
cursor: pointer;
font-size: 22px;
height: 35px;
line-height: 33px;
opacity: 1;
position: fixed;
right: 5px;
text-align: center;
transition: all 0.2s ease 0s;
width: 35px;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/

/*START BTN STYLE*/
.btn-light-bg {
backface-visibility: hidden;
background: #fff none repeat scroll 0 0;
border: 2px solid #fff;
border-radius: 30px;
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
display: inline-block;
margin-right: 10px;
padding: 13px 30px;
position: relative;
text-transform: uppercase;
transform: translateZ(0px);
transition-duration: 0.3s;
transition-property: color;
vertical-align: middle;
}
@media only screen and (max-width:480px) { 
.btn-light-bg{margin:10px 0}
}
.btn-light-bg:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2a80b9;
  border-radius: 30px;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn-light-bg:hover, .btn-light-bg:focus, .btn-light-bg:active {
  color: white;
  border: 2px solid #2a80b9;
  border-radius: 30px;
}
.btn-light-bg:hover:before, .btn-light-bg:focus:before, .btn-light-bg:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  border: 2px solid #2a80b9;
  border-radius: 30px;
}

/*=============*/
.btn-light-bg-two{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 2px solid #fff;
border-radius: 30px;
color: #fff;
text-transform: uppercase;
backface-visibility: hidden;
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
display: inline-block;
padding: 13px 30px;
position: relative;
text-transform: uppercase;
transform: translateZ(0px);
transition-duration: 0.3s;
transition-property: color;
vertical-align: middle;

}


.btn-light-bg-two:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2a80b9;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  border-radius: 30px;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn-light-bg-two:hover, .btn-light-bg-two:focus, .btn-light-bg-two:active {
  color: white;
  border: 2px solid #2a80b9;
  border-radius: 30px;
}
.btn-light-bg-two:hover:before, .btn-light-bg-two:focus:before, .btn-light-bg-two:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  border: 2px solid #2a80b9;
  border-radius: 30px;
}
/*==============*/
.btn-light-bg-three{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 2px solid #eee;
border-radius: 30px;
color: #333;
text-transform: uppercase;
backface-visibility: hidden;
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
display: inline-block;
padding: 13px 30px;
position: relative;
text-transform: uppercase;
transform: translateZ(0px);
transition-duration: 0.3s;
transition-property: color;
vertical-align: middle;

}


.btn-light-bg-three:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2a80b9;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  border-radius: 30px;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.btn-light-bg-three:hover, .btn-light-bg-three:focus, .btn-light-bg-three:active {
  color: white;
  border: 2px solid #2a80b9;
  border-radius: 30px;
}
.btn-light-bg-three:hover:before, .btn-light-bg-three:focus:before, .btn-light-bg-three:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  border: 2px solid #2a80b9;
  border-radius: 30px;
}
/*END BTN STYLE*/

/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar-default {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
border-radius: 0;
margin-bottom: 0;
padding: 20px 0;
transition: all 0.4s ease-in-out 0s;
width: 100%;
}
@media only screen and (max-width:480px) { 
.navbar-default {background: #fff;}
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #2a80b9 !important;
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #171717 !important;
    background-color: transparent;
}
.navbar-default .navbar-form { border-color: #fff }
.navbar-brand { padding: 0px }
.navbar-brand img {
    width: 320px;
	transition: all 0.3s ease 0s;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: #fff }
.menu-top li a {
color: #fff!important;
font-family: montserrat,sans-serif;
font-size: 12px;
text-transform: uppercase;
}
.menu-top li a:hover { color: #2a80b9!important }
@media only screen and (max-width:480px) { 
.menu-top li a {
color: #333!important;}
}
.navbar-default.menu-shrink {
background:#fff;
/*padding: 1px 0;*/
width: 100%;
 margin-top:0px
}
.navbar-default.menu-shrink li a {color:#333 !important; }
.navbar-default.menu-shrink li a:hover { color: #2a80b9 !important }
.navbar-default .navbar-toggle { background: #fff none repeat scroll 0 0 }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #fff }
.navbar-default .navbar-toggle .icon-bar { background-color: #2a80b9 }
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.welcome-area,
.welcome-slider-area,
.welcome-slider-area div {
    /** height: 700px; */
}
@media only screen and (max-width:480px) { 
.welcome-area,
.welcome-slider-area,
.welcome-slider-area div {
    /**height: 850px;*/
}
}
.welcome-slider-area div.single-slide-item-tablecell,
.welcome-slider-area div.single-slide-item-tablecell div {
    height: auto;
}
.single-slide-item-table {
    display: table;
    text-align: center;
    width: 100%;
}

.single-slide-item-tablecell {
    display: table-cell;
    vertical-align: middle;
}

.single-slide-item {
    position: relative;
    z-index: 1;
}

.single-slide-item:after {
    position: absolute;
    background:rgba(0, 0, 0, 0) linear-gradient(rgba(34, 38, 75, 0.1), rgba(34, 38, 75, 0.5)) repeat scroll 0 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}

.slide-1 {
    background: url(../img/bg/slide1.jpg) scroll 0 0;
    background-size: cover;
}

.slide-2 {
    background: url(../img/bg/slide2.jpg) scroll 0 0;
    background-size: cover;
}

.slide-3 {
    background: url(../img/bg/slide3.jpg) scroll 0 0;
    background-size: cover;
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
    filter: alpha(opacity=0);
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-indicators-slider{bottom: 30px !important;}
.carousel-control{
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
font-size: 36px;
height: 45px;
line-height: 45px;
top: 46.6%;
width: 45px;
z-index: 1;
}
#welcome-slide-carousel .carousel-indicators li{
border: 2px solid #fff;
height: 10px;
margin: 0px;
width: 10px;
}
#welcome-slide-carousel .carousel-indicators .active{
	background: #fff;
	border-color: #fff;
}
.carousel-control.left{
	margin-left: 0px;
background: none;		
}
.carousel-control.right{
	margin-right: 0;
background: none;	
}
.carousel-control:hover{
	background: none;
}
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
    filter: alpha(opacity=0);
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}



.home-parallax {position: relative;height:750px;}
@media only screen and (max-width:768px) { 
.home-parallax {height: 1048px;}
}

@media only screen and (max-width:480px) { 
.home-parallax {height: 1150px;}
}
@media only screen and (max-width:414px) { 
.home-parallax {height: 1150px;}
}
@media only screen and (max-width:375px) { 
.home-parallax {height: 1150px;}
}

@media only screen and (max-width:360px) { 
.home-parallax {height: 1300px;}
}
@media only screen and (max-width:320px) { 
.home-parallax {height: 1300px;}
}
.home-parallax:before {
    background:rgba(0, 0, 0, 0) linear-gradient(rgba(34, 38, 75, 0.1), rgba(34, 38, 75, 0.5)) repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.home-parallax:after {
    position: absolute;
    background:rgba(0, 0, 0, 0) linear-gradient(rgba(34, 38, 75, 0.1), rgba(34, 38, 75, 0.5)) repeat scroll 0 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}
.pt250{padding-top:250px;}
@media only screen and (max-width:480px) { 
.pt250{padding-top:0px;}
}
.hero-text h2 {
color: #fff;
font-size: 42px;
line-height: 42px;
margin: 0;
text-transform: uppercase;
}
@media only screen and (max-width:768px) { 
    .hero-text h2 {
        font-size: 40px;
        line-height: 54px;
    }
}
@media only screen and (max-width:480px) { 
    .hero-text h2 {
        font-size: 34px;
        line-height: 45px;
    }
}
@media only screen and (max-width:360px) { 
    .hero-text h2 {
        font-size: 26px;
        line-height: 36px;
        padding-top: 250px;
    }
}
.hero-text p {
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 0;
    padding-bottom: 35px;
    padding-top: 15px;
}
/*START HTML5 VIDEO*/
.html-video {
    position: relative;
    z-index: 1;
}

.html-video:after {
    position: absolute;
    /** background-image: url("../img/bg/slide-banner-1.jpg");
    background:rgba(0, 0, 0, 0) linear-gradient(rgba(34, 38, 75, 0.1), rgba(34, 38, 75, 0.5)) repeat scroll 0 0;*/
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}
.html-video {
    top: 0%;
    left: 0%;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.slider-caption {
    position: absolute;
    top: 33%;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 15;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}
.slider-caption p {
margin: auto;
width: 70%;
}
video { min-width: 100% }
/*END HTML5 VIDEO*/
.home_video{padding-top: 250px;}
@media only screen and (max-width:768px) { 
.home_video{padding-top: 100px;}
}

@media only screen and (max-width:480px) { 
.home_video{padding-top: 100px;}
}
@media only screen and (max-width:414px) { 
.home_video{padding-top: 50px;}
}
@media only screen and (max-width:375px) { 
.home_video{padding-top: 50px;}
}
.home_video iframe{border: medium none;
height: 300px;
width: 100%;}
.login_register_title{
color: #333;
letter-spacing: 1px;
margin-bottom: 20px;
margin-top: 0;
text-align: center;
text-transform: uppercase;
}

.register{
background: #fff none repeat scroll 0 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
overflow: hidden;
padding: 30px;
margin-top:200px;
}
@media only screen and (max-width:768px) { 
.register{margin-top:70px;}
}
@media only screen and (max-width:768px) { 
.register{margin-top:100px;}
}
.home-solid{background:#2a80b9;}
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 04.START ABOUT FEATTURE DESIGN
 * ----------------------------------------------------------------------------------------
 */
.about-content{background:#f7f7f7;}
.single_about{
background: #fff none repeat scroll 0 0;
margin-left: -1px;
padding: 60px 30px;
position:relative;
box-shadow:0 0 3px rgba(0, 0, 0, 0.15);
z-index:2;
transition: all 0.3s ease 0s;
}
@media only screen and (max-width:768px) { 
.single_about{padding: 60px 28px;}
}
.single_about:hover{
box-shadow:0px 60px 60px rgba(0,0,0,0.1);
position:relative;
z-index:100;
transform: translate(0, -10px);
}
.single_about:hover i{
background: #2a80b9 none repeat scroll 0 0;
border: 1px solid #2a80b9;
color: #fff;
}
.single_about i{
border: 1px solid #eee;
border-radius: 100px;
color: #2a80b9;
font-size: 30px;
height: 80px;
line-height: 80px;
margin-bottom: 15px;
text-align: center;
transition: all 0.3s ease 0s;
width: 80px;
}
.single_about h4{
font-size: 18px;
font-weight: 500;
margin-top: 0;
text-transform: uppercase;
}
/*
 * ----------------------------------------------------------------------------------------
 * 04.END ABOUT FEATTURE DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
 * ----------------------------------------------------------------------------------------
 *  05.START ABOUT US DESIGN
 * ----------------------------------------------------------------------------------------
*/
.about-us-content { margin-top: 60px }
@media only screen and (max-width:768px) { 
    .about-us-content { margin-top: 0px }
}
.about-us-content h2 {margin: 0;
text-transform: uppercase; }
@media only screen and (max-width:768px) { 
    .about-us-content h2 { font-size: 24px }
}
.about-line {
    background: #2a80b9 none repeat scroll 0 0;
    display: block;
    height: 2px;
    margin: 20px 0;
    width: 80px;
}
.about-us-content h2 span { color: #2a80b9 }
.about-us-content p { margin-bottom: 30px }
.about_img {
    margin: auto;
    width: 400px;
}
@media only screen and (max-width:768px) { 
    .about_img { width: 100% }
}
@media only screen and (max-width:480px) { 
    .about_img { margin-top: 60px }
}
/*
 * ----------------------------------------------------------------------------------------
 *  05.END ABOUT US DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 *  06. START SKILLS DESIGN
 * ----------------------------------------------------------------------------------------
*/
.our-skills {
  background: #f7f7f7 none repeat scroll 0 0;
  padding-top:60px;
  padding-bottom:30px;
}
.skill-outer { 
border: 1px dashed #e8e8e9;
border-radius: 7px;
padding: 5px;
background: #fff;
box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
margin-bottom:30px;
}
.skill-item {
  border: 1px solid #eee;
  padding: 10px;
}
.skill-knob{}
.skill-item h4{
color: #333;
margin-bottom: 0;
margin-top: 10px;
text-transform: uppercase;
}
/*
 * ----------------------------------------------------------------------------------------
 *  06. END SKILLS DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 *  07.START SERVICE DESIGN
 * ----------------------------------------------------------------------------------------
*/
.our-service {position: relative;}
.our-service:before {
    background:rgba(0, 0, 0, 0) linear-gradient(rgba(34, 38, 75, 0.1), rgba(34, 38, 75, 0.5)) repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.single-service {
  padding: 0 8px;
}
@media only screen and (max-width:480px) { 
.single-service {margin-bottom:30px;}
}
.single-service:hover i{
background: #2a80b9 none repeat scroll 0 0;
border: 1px solid #2a80b9;
color: #fff;
}
.single-service i{
border: 1px solid #eee;
border-radius: 100px;
color: #fff;
font-size: 30px;
height: 80px;
line-height: 80px;
margin-bottom: 15px;
text-align: center;
transition: all 0.3s ease 0s;
width: 80px;
}
.single-service h4{
font-size: 18px;
font-weight: 500;
color:#fff;
margin-top: 0;
text-transform: uppercase;
}
.single-service p{color:#eee;}
#service-slide-carousel .carousel-indicators li{
border: 2px solid #fff;
height: 10px;
margin: 0px;
width: 10px;
}
#service-slide-carousel .carousel-indicators .active{
	background: #fff;
	border-color: #fff;
}
#service-slide-carousel { margin-bottom: 70px }
.carousel-indicators { bottom: -80px }
/*
 * ----------------------------------------------------------------------------------------
 *  07.END SERVICE DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 09. START WHY CHOOSE DESIGN
* ----------------------------------------------------------------------------------------
*/
.why_mbtop{margin-top: 60px;}
.single_feature {
	margin-top: 50px;
}
@media only screen and (max-width:768px) { 
    .single_feature { padding-top: 0px }
}
@media only screen and (max-width:768px) { 
.feature_img {width: 100%;}
}
.single_feature i {
    border-radius: 50%;
    color: #fff;
	background:#2a80b9;
    display: inline-block;
    font-size: 24px;
    height: 60px;
    line-height: 62px;
    margin: 0 auto 15px;
    position: relative;
    text-align: center;
    width: 60px;
    z-index: 3;
	-webkit-transition: .5s;
	transition: .5s;
}
.single_feature h3 {
    text-transform: uppercase;
    font-size: 14px;
}
.single_feature span {
    border-bottom: 1px dashed #ccc;
    width: 80px;
    display: block;
	margin-bottom: 10px;
}
.single_feature p { margin-bottom: 0 }
/*
* ----------------------------------------------------------------------------------------
* 09. END WHY CHOOSE DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 09. START COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.complete-project-area {
  background: #f7f7f7 none repeat scroll 0 0;
}
.single-project-complete{
    text-align: center;
    
}
@media only screen and (max-width:768px) { 
.single-project-complete {margin-bottom:30px;}
}
.single-project-complete i {
color: #232323;
font-size: 30px;
margin-bottom: 10px;
    
}
.single-project-complete h2 {
    font-size: 60px;
    font-weight: 900;
    color: #232323;
}
.single-project-complete h3 {
    font-size: 12px;
    text-transform: uppercase;
    color: #232323;
    letter-spacing: 2px;
    font-weight: 500;
    margin-top: 0;
}
/*
* ----------------------------------------------------------------------------------------
* 09.END COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 10.START PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.work_all_item .mix {
  display: none;
}
.our_work_menu {
  margin-bottom: 50px;
}

.our_work_menu ul{
	list-style-type: none;
	padding: 0;
}
.work_all_item .col-md-3{
	padding: 0;
}
.our_work_menu ul li{
border: 1px solid #eee;
color: #333;
cursor: pointer;
display: inline-block;
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
margin: 0 7px 15px;
padding: 6px 21px;
text-transform: uppercase;
transition: all 0.3s ease 0s;
}
.our_work_menu ul li:hover, .our_work_menu ul li.active{
	border-color: #2a80b9 ;
	color:#2a80b9;
}
#our_work .grid-item{
	margin-top: 30px;
}

.single_our_work{
	overflow: hidden;
	text-align: center;
	transition: all 0.3s ease 0s;
}
.sing_work_photo{
	position: relative;
}

.single_our_work img{
	width: 100%;
	transition: all 0.2s ease 0s;
}

.single_our_work figure{
	margin-bottom: 0;	
}
.sing_work_text_link{
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0;
	color: #fff;
	background: rgba(42, 128, 185, .5);
	transition: .3s;
	opacity: 0;
	visibility: hidden;
}
.sing_work_content_wrap{
	display: table;
	height: 100%;
	width: 100%;
}
.sing_work_content{
	display: table-cell;
	vertical-align: middle;
}
.sing_work_text_link h5{
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 5px;
	margin-top: 20px;
	text-transform: uppercase;
}


.sing_work_text_link p{
	margin: 0 0 10px;
}
.sing_link_img a i.fa{
	font-size: 14px;	
}
.sing_link_img a{
	background: #fff none repeat scroll 0 0;
	border: 1px solid #fff;
	border-radius: 50%;
	color: #2a80b9;
	display: inline-block;
	height: 40px;
	line-height: 41px;
	transition: all 0.3s ease 0s;
	width: 40px;	
}
.sing_link_img a:hover{	
	background: #fff none repeat scroll 0 0;
	border-color: #fff;
	color: #333;
}
.sing_link_img a.search{
	margin-right: 16px;
}
.single_our_work:hover  .sing_link_img a.search{
	animation: slideInDown 800ms ease-in-out;
}
.single_our_work:hover  .sing_link_img a.link{
	animation: slideInDown 800ms ease-in-out;
}
.single_our_work:hover{
	background: #32c5d2;
	color: #fff;
}
.single_our_work:hover .sing_work_text_link{
	opacity: 1;
	visibility: visible;
}
.portfolio_btn { padding-top: 20px }
/*START PORTFOLIO SINGLE PAGE DESIGN*/
.single_project{background:#f7f7f7; padding-top:60px}
.project_dec {
background: #fff none repeat scroll 0 0;
box-shadow: 2px 4px 8px 1px rgba(0, 0, 0, 0.1);
display: block;
margin-bottom: 60px;
overflow: hidden;
padding: 20px;
}
.project_dec img {width: 100%;}
@media only screen and (max-width:768px) { 
.project_dec img {width: 100%;}
}
.similar_p {
border-bottom: 1px solid #e8e8e9;
font-size: 30px;
margin-bottom: 25px;
padding-bottom: 10px;
padding-top: 40px;
text-align: center;
}.about_project {
  margin-bottom: 20px;
}
.similar_p span{ color: #2a80b9}
.related_single_project{padding-bottom:60px}
.related_project  h4 {
color: #333;
transition: all 0.4s ease 0s;
padding: 10px 0;
border-bottom: 1px solid #e8e8e9;
}

.related_project  h4:hover { color: #2a80b9 }
.about_project h4,
.about_project_details h4 {
border-bottom: 1px solid #eee;
padding-bottom: 10px;
text-transform: uppercase;
}
.about_project_details { margin-bottom: 20px }
.about_project_details ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.about_project_details ul li { padding: 5px 0 }
.about_project_details ul li i {
    color: #2a80b9;
    margin-right: 10px;
}
.about_project_details ul li a {
    color: #2a80b9;
    font-weight: 700;
}
.about_project_details ul li a:hover { text-decoration: underline }
/*END PORTFOLIO SINGLE PAGE DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 10.END PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 11.START TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_team {
	position: relative;
	overflow: hidden;
}
@media only screen and (max-width:768px) { 
.single_team {margin-bottom:40px}
}
.team-hover {
	position: absolute;
	width: 100%;
	bottom: -100%;
	padding: 30px;
	padding-bottom: 0px;
	background: #2a80b9;
	transition: all 0.3s ease-in-out;
}
.single_team:hover .team-hover {
	bottom: 0px;
}
.team .position-center-center {
	width: 100%;
	padding: 0 20px;
}
.single_team img{width: 100%;}
.single_team h5 {
color: #fff;
font-size: 18px;
margin: 0;
text-transform: uppercase;
font-weight: 600;
}
.single_team span {
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 600;
margin: 10px 0 0;
width: 100%;
}
.social {
    text-align: center;
    display: inline-block;
    margin-bottom: 25px;
    margin-top: 15px;
}
.social li {
    display: inline-block;
    padding: 0;
}
.social li a {
background: #fff none repeat scroll 0 0;
border-radius: 30px;
color: #333;
display: inline-block;
font-size: 18px;
height: 45px;
line-height: 45px;
text-align: center;
text-transform: uppercase;
transition: all 0.2s ease 0s;
width: 45px;
margin: 0px 2px;
}
.social li a:hover {
	color: #2a80b9;
}
.team-name {
background:#2a80b9;
bottom: 0;
color: #fff;
font-size: 16px;
font-weight: 600;
left: 0;
margin: 0;
padding: 25px 20px;
position: absolute;
text-transform: uppercase;
transition: all 0.2s ease-in-out 0s;
width: 100%;
}
#team-slide-carousel .carousel-indicators li{
border: 2px solid #2a80b9;
height: 10px;
margin: 0px;
width: 10px;
}
#team-slide-carousel .carousel-indicators .active{
	background: #2a80b9;
	border-color: #2a80b9;
}
#team-slide-carousel { margin-bottom: 70px }
/*
* ----------------------------------------------------------------------------------------
* 11.END TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 12.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_pricing{background:#f7f7f7;}
.single-pricing{
background: #fff none repeat scroll 0 0;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
padding-top: 20px;
transition: all 0.3s ease 0s;
}
.single-pricing-bg{
background: #2a80b9 none repeat scroll 0 0;
}
.single-pricing:hover{
box-shadow:0px 50px 50px rgba(0,0,0,0.1);
z-index:100;
transform: translate(0, -10px);
}
@media only screen and (max-width:768px) { 
.single-pricing{margin-bottom: 30px;}
}
.pricing-price{
background: #fff none repeat scroll 0 0;
box-shadow: 0 5px 18px rgba(0, 0, 0, 0.11);
margin:0px auto 15px;
padding: 15px;
text-align: center;
width: 200px;
}
.pricing-price-bg{
background: #2a80b9 none repeat scroll 0 0;
}
.pricing-price-bg h4 {
color:#fff;
  margin-bottom: 5px;
text-transform: uppercase;
}
.pricing-price-bg p {
  color: #fff!important;
  font-size: 22px;
}
.pricing-price h4 {
  margin-bottom: 5px;
text-transform: uppercase;
}
.pricing-price p {
  color: #333;
  font-size: 22px;
}

.pricing-price p span{font-size: 16px;}

.pricing-features{padding: 10px 0;}
.pricing-features p{
border-bottom: 1px solid rgba(42, 42, 42, 0.03);
margin: 0;
padding: 10px 20px;
text-align: center;
}
.pricing-features-white p{
border-bottom: 1px solid rgba(42, 42, 42, 0.08);
color:#fff;
margin: 0;
padding: 10px 20px;
text-align: center;
}
.pricing_btn{
padding: 30px 0;
text-align: center;
}
/*
* ----------------------------------------------------------------------------------------
* 12.END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 13.START FAQ DESIGN
 * ----------------------------------------------------------------------------------------
 */
.template_faq{background: #f7f7f7 none repeat scroll 0 0;padding-top:60px;padding-bottom:30px;}
.faq_desc { 
background: #fff none repeat scroll 0 0;
margin-bottom: 30px;
padding: 20px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.question { 
color: #333;
font-size: 18px;
margin-bottom: 15px;
}
.question span {
    background: #232323 none repeat scroll 0 0;
    color: #fff;
    margin-right: 10px;
    padding: 4px 10px;
}
.ans span {
    background: #2a80b9  none repeat scroll 0 0;
    color: #fff;
    margin-right: 10px;
    padding: 4px 10px;
}
/*
 * ----------------------------------------------------------------------------------------
 * 13.END FAQ DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
* ----------------------------------------------------------------------------------------
* 14.START HOW IT WORKS DESIGN
* ----------------------------------------------------------------------------------------
*/
.about_video {
padding-bottom: 120px;
padding-top: 100px;
position: relative;
}
.about_video:before {
    background:rgba(0, 0, 0, 0) linear-gradient(rgba(34, 38, 75, 0.1), rgba(34, 38, 75, 0.5)) repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    position: absolute;
    top: 0;
    width: 100%;
}
.video-container h1 {
color: #fff;
font-weight: 500;
margin-bottom: 0;
margin-top: 110px;
text-transform: uppercase;
}
@media only screen and (max-width:320px) { 
    .video-container h1 { font-size: 20px }
}
.play-video {
border: 5px solid #fff;
border-radius: 500px;
cursor: pointer;
height: 100px;
left: 51%;
margin-left: -63px;
position: absolute;
transition: all 0.2s ease 0s;
width: 100px;
}
@media only screen and (max-width:768px) { 
.play-video{ margin-left: -63px;}
}
@media only screen and (max-width:480px) { 
.play-video{ margin-left: -55px;}
}
@media only screen and (max-width:375px) { 
.play-video{ margin-left: -53px;}
}
.video-container a { display: inline-block }
.video-container a:hover .play-video {
    background: #083c5a;
    color: #fff;
}
.video-container a:hover .fa-play { color: #fff }
.play-video .fa-play {
color: #fff;
font-size: 40px;
left: 34px;
position: absolute;
top: 26px;
}
.video-modal-content {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  box-shadow: none;
  margin: 100px auto auto;
  text-align: center;
  width: 720px;
}
.video-modal-content iframe { border: none }

/*
* ----------------------------------------------------------------------------------------
* 14.END HOW IT WORKS DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 *  15.START RESPONSIVE PROMOTION DESIGN
 * ----------------------------------------------------------------------------------------
 */
 @media only screen and (max-width:768px) { 
.device_responsive { margin-bottom: 40px }
}
.device_img { text-align: center }
.device_img img { display: inline-block }
.device_responsive h3 {
border-bottom: 1px solid #e8e8e9;
color: #333;
line-height: 34px;
margin-bottom: 20px;
margin-top: 0;
padding-bottom: 10px;
}
@media only screen and (max-width:480px) { 
    .device_responsive h2 { font-size: 22px }
}
.device_responsive p { margin-bottom: 30px }
/*
 * ----------------------------------------------------------------------------------------
 *  15.END RESPONSIVE PROMOTION DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
* ----------------------------------------------------------------------------------------
* 16.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/
.blog-stella{}

@media only screen and (max-width:480px) { 
.single_blog{margin-bottom:30px}
}
.single-img {
    position: relative;
    width: 100%;
	transition: all 0.3s ease 0s;
}
.gallery_overlay {
background: rgba(0, 0, 0, 0) linear-gradient(rgba(34, 38, 75, 0.3), rgba(34, 38, 75, 0.5)) repeat scroll 0 0;
bottom: 0;
display: block;
height: 100%;
left: 0;
position: absolute;
transition: all 0.3s ease 0s;
width: 100%;
}
.single-img:hover .gallery_overlay {
background: rgba(0, 0, 0, 0) linear-gradient(rgba(34, 38, 75, 0.5), rgba(34, 38, 75, 0.5)) repeat scroll 0 0;
}
.post-date {
padding: 20px;
position: absolute;
top: 0;
transition: all 0.3s ease 0s;
}
.single-img:hover .post-date{top: 150px;}
@media only screen and (max-width:768px) { 
.single-img:hover .post-date{top: 50px;}
}
@media only screen and (max-width:360px) { 
.single-img:hover .post-date{top: 100px;}
}
.post-date  h3 {
color: #fff;
font-family: montserrat,sans-serif;
font-size: 18px;
margin: 0 0 10px;
text-align: center;
text-transform: uppercase;
}
.post-date  h4 {
color: #fff;
font-family: lora,sans-serif;
font-size: 14px;
margin: 0;
text-align: center;
text-transform: capitalize;
}
.single_blog_page{}
.single_blog_page img{}
.single_blog_page h3{
font-size: 28px;
margin-bottom: 15px;
margin-top: 30px;
text-transform: uppercase;
}
.single_blog_page p{margin-bottom: 30px;}
.blog_head_title {
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.single_blog_page ul {
    margin-left: 30px;
}
.comments_part {
  margin: 60px 0;
  overflow: hidden;
}
.single_comment img {
    border: 4px solid #2a80b9 ;
    border-radius: 100px;
    float: left;
    height: 120px;
    margin-bottom: 0px;
    margin-right: 20px;
    width: 120px;
}
.single_comment h4 { }
.single_comment p { margin-bottom: 0 }
/*START BLOG SIDEBAR*/
.blog_sidebar_title {
border-bottom: 1px solid #eee;
color: #2a80b9;
margin-bottom: 15px;
padding-bottom: 15px;
text-transform: uppercase;
}
.search,
.video_post,
.categories { margin-bottom: 30px }
.categories ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.categories ul li { }
.categories ul li a {
color: #333;
display: block;
font-size: 14px;
padding: 5px 0;
}
.categories ul li a:hover { color: #2a80b9 }
.categories ul li a i { margin-right: 10px }
.video_post iframe {
    width: 100%;
    height: 220px;
    border: medium none;
}
.tag a {
  margin-bottom: 10px;
  margin-right: 5px;
}
/*END BLOG SIDEBAR*/
/*END BLOG SINGLE*/
.comment-section {
  margin-bottom: 50px;
}
.comment-section img {
    width: 80px;
    height: 80px;
    margin-right: 10px;
    border: 2px solid #e8e8e9;
}
.comment_single {
background: #f6f6f6 none repeat scroll 0 0;
box-shadow: 0 11px 10px 0 rgba(0, 0, 0, 0.2);
padding: 20px;
}
.comment_single h5 {
    color: #ff5252;
    font-weight: 600;
}
.blog-contact{
  background: #f6f6f6 none repeat scroll 0 0;
}
.contact-title {
  border-bottom: 1px solid #e8e8e9;
  margin-bottom: 15px;
  padding: 10px 0;
}
/*
* ----------------------------------------------------------------------------------------
* 16.END BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 17.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonial {
  background: #f7f7f7 none repeat scroll 0 0;
}
.slide_bg {
  background: #fff none repeat scroll 0 0;
  padding: 20px;
}
.cover-container img { display: inline }
.testimonial-image {
border: 4px solid #eee;
border-radius: 100px;
height: 100px;
margin-bottom: 15px;
width: 100px;
}
.testomonial_left {
border-right: 1px solid #eee;
float: left;
padding: 30px;
}
@media only screen and (max-width:480px) { 
    .testomonial_left { float: none }
}
.testomonial_left h4 {
    margin-bottom: 5px;
    text-transform: uppercase;
}
.testimonial_text {
overflow: hidden;
padding: 71px 30px;
}
@media only screen and (max-width:768px) { 
    .testimonial_text { padding: 20px 30px }
}
@media only screen and (max-width:480px) { 
    .testimonial_text {
        letter-spacing: 0px;
        text-align: left;
    }
}
.testomonial_left h5 {
    margin-bottom: 5px;
    text-transform: uppercase;
}
#testimonial__carousel .carousel-indicators li{
border: 2px solid #2a80b9;
height: 10px;
margin: 0px;
width: 10px;
}
#testimonial__carousel .carousel-indicators .active{
	background: #2a80b9;
	border-color: #2a80b9;
}
#testimonial__carousel { margin-bottom: 70px }
/*
* ----------------------------------------------------------------------------------------
* 17.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 18.START COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
/* .partner-logo {background: #f7f7f7 none repeat scroll 0 0; } */
.partner { text-align: center }
/*
* ----------------------------------------------------------------------------------------
* 18.END COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 19.START NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.signup_form h3 {
font-size: 36px;
font-weight: 400;
margin-bottom: 30px;
margin-top: 0;
text-transform: uppercase;
}
.signup_form input {
background: #fff none repeat scroll 0 0;
border: 2px solid #eee;
border-radius: 100px;
box-shadow: none;
color: #333;
height: 50px;
margin-bottom: 30px;
}
.signup_form input:focus{
box-shadow: none;
border:2px solid #2a80b9;
border-radius:100px;
}
/*
* ----------------------------------------------------------------------------------------
* 19.END NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 20.START CONTACT ADDRESS & CONTACT FORM DESIGN
 * ----------------------------------------------------------------------------------------
*/
.contact_area{background:#f7f7f7;}
.contact {
background: #fff none repeat scroll 0 0;
height: 455px;
overflow: hidden;
padding: 30px;
}
@media only screen and (max-width:768px) { 
.contact {margin-bottom:40px;}
}
.input_padding {
    overflow: hidden;
    padding: 0 40px 56px;
}
.form-control {
background: #f7f7f7 none repeat scroll 0 0;
border: 1px solid #5f5b5b;
border-radius: 0;
box-shadow: none;
color: #333;
height: 45px;
} 
.form-control:focus {
    border: 1px solid #2a80b9;
    box-shadow: none;
    outline: 0 none;
}
.mb0 { margin-bottom: 0 }
/*START CONTACT ADDRESS*/
.contact_address {
background: #fff none repeat scroll 0 0;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
height: 155px;
overflow: hidden;
padding: 30px;
}
@media only screen and (max-width:768px) { 
.contact_address {height:auto;}
}
.single-address {
margin-bottom: 45px;
}
.single-address i {
background: #2a80b9 none repeat scroll 0 0;
border-radius: 30px;
color: #fff;
float: left;
font-size: 22px;
height: 60px;
line-height: 60px;
margin-right: 20px;
text-align: center;
width: 60px;
}
.single-address h4 {
text-transform: uppercase;
font-size: 16px;
}
.single-address p {
    margin-bottom: 0;
}
/*END CONTACT ADDRESS*/
/*
 * ----------------------------------------------------------------------------------------
 * 20.END CONTACT ADDRESS & CONTACT FORM DESIGN
 * ----------------------------------------------------------------------------------------
*/
#map{height:400px;}
/*
* ----------------------------------------------------------------------------------------
* 0.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer {
border-top:1px solid #eee;
    padding:30px 0;
}
.footer_copyright {
color: #252525;
padding-bottom: 15px;
text-transform: capitalize;
}
.footer_copyright a{color:#000;}
.footer_copyright a:hover{color:#2a80b9;}
.footer_social {}
.footer_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.footer_social ul li { display: inline-block }
.footer_social ul li a {
background: #fff none repeat scroll 0 0;
border: 1px solid #eee;
border-radius: 30px;
color: #333;
display: block;
font-size: 16px;
height: 45px;
line-height: 45px;
margin: 1px;
text-align: center;
transition: all 0.2s ease 0s;
width: 45px;
}
@media only screen and (max-width:360px) { 
.footer_social ul li a {
  height: 40px;
  line-height: 40px;
  width: 40px;
}
}
.footer_social ul li a:hover { color: #fff }
.f_facebook:hover {
    background: #5D82D1;
    border: 1px solid #5D82D1;
	box-shadow: 0 0 0 0px #5D82D1;
}
.f_twitter:hover {
    background: #40BFF5;
    box-shadow: 0 0 0 0px #40BFF5;
    border: 1px solid #40BFF5;
}
.f_google:hover {
    background: #EB5E4C;
    box-shadow: 0 0 0 0px #EB5E4C;
    border: 1px solid #EB5E4C;
}
.f_linkedin:hover {
    background: #238CC8;
    box-shadow: 0 0 0 0px #238CC8;
    border: 1px solid #238CC8;
}
.f_youtube:hover {
    background: #CC181E;
    box-shadow: 0 0 0 0px #CC181E;
    border: 1px solid #CC181E;
}
.f_skype:hover{
    background: #00AFF0;
    box-shadow: 0 0 0 0px #00AFF0;
    border: 1px solid #00AFF0;
}
/*END FOOTER SOCIAL DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 0.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 *  0.START SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
 */
.section-top {
padding-bottom: 95px;
padding-top: 160px;
position: relative;
}
.section-top:before {
    background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
@media only screen and (max-width:480px) { 
    .section-top-title { width: 100% }
}
.section-top-title h1 {
color: #fff;
font-size: 50px;
margin: 0;
}

/** Botão de whatsapp */
#chamar-whatsapp {
    display:block;
    position: fixed;
    bottom: 30px;
    left: 20px;
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #25d366;
    border-radius:3px;
    color: #FFF;
    z-index: 9999;
    -webkit-transition: 0.2s opacity;
    transition: 0.2s opacity;
    cursor: pointer;
  }

  #chamar-whatsapp:hover {
    opacity: 0.8;
  }

/*
 * ----------------------------------------------------------------------------------------
 * 0.END SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
*/