/*
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;
text-transform: uppercase;
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: 150px;
	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: 10px 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: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;*/
padding: 20px 30px;
min-height: 400px;
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
 * ----------------------------------------------------------------------------------------
*/



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


/*
 * ----------------------------------------------------------------------------------------
 *  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;
text-transform: uppercase;
}
@media only screen and (max-width:480px) { 
    .device_responsive h2 { font-size: 22px }
}
.device_responsive p { margin-bottom: 30px }
/*
 * ----------------------------------------------------------------------------------------
 *  15.END RESPONSIVE PROMOTION 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 #eee;
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: 455px;
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
 * ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 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;
text-transform: uppercase;
}
/*
 * ----------------------------------------------------------------------------------------
 * 0.END SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
*/