/*
Author       : Theme_Ocean.
Template Name: Isabella - Digital Agency One Page Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME REV SLIDER DESIGN
    04. START SERVICE DESIGN
    05. START PROMOTION DESIGN
    06. START PORTFOLIO DESIGN
    07. START TESTIMONIAL DESIGN
    08. START TEAM DESIGN
    09. START COMPANY PARTNER LOGO
    10. START CONTACT FORM AND MAP
    11. START CONTACT ADDRESS
    12. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
font-family: 'Lato', sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 24px;
color: #777;
overflow-x: hidden;
margin: auto;
background: #fff;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Montserrat",sans-serif;
    color: #333;
    font-weight: 700;
}
a {
	font-family: "Montserrat",sans-serif;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p {
    margin-bottom: 0;
}
ul,
li {
    margin: 0;
    padding: 0;
}
.boxedcontainer{max-width: 1170px; margin:auto; padding:0px 30px;}
.tp-banner-container{
	width:100%;
	position:relative;
	padding:0;
}

.tp-banner{
	width:100%;
	position:relative;
}

.tp-banner-fullscreen-container {
		width:100%;
		position:relative;
		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: 99999;
}

.status-mes {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 5px solid rgba(0, 0, 0, 0.08);
    border-right: 5px solid rgba(0, 0, 0, 0.08);
    border-bottom: 5px solid rgba(0, 0, 0, 0.08);
    border-left: 5px solid #ff5f83;
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
    z-index: 10000;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
background: #e36a2c 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*/
.section-padding { padding: 60px 0 }
/*START SECTION TITLE DESIGN*/
.section-title { margin-bottom: 60px }
.section-title  h2 {
    color: #333;
    margin: 0;
    position: relative;
    text-transform: uppercase;
    padding-bottom: 10px;
}
@media only screen and (max-width:768px) { 
    .section-title h2 { text-align: center }
}
@media only screen and (max-width:480px) { 
    .section-title h2 { font-size: 30px }
}
@media only screen and (max-width:360px) { 
    .section-title h2 { font-size: 24px }
}
.section-title span {
	background-repeat: repeat;
	background-position: 0 0;
	background-image: none;
	background-color: #F0853C;
	background-attachment: scroll;
	display: block;
	height: 2px;
	margin: 15px auto;
	width: 70px;
	position: relative;
}
.section-title-white {
    color: #fff !important;
    position: relative;
}
.section-title p {
margin: auto;
width: 60%;
}
@media only screen and (max-width:768px) { 
    .section-title p {
        padding: 0 20px;
        width: 100%;
    }
}
/*END SECTION TITLE DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 02. START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.navbar-default {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    width: 100%;
    padding: 20px 0;
    background: none;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #e36a2c !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-brand { padding: 0px }
.navbar-brand img {
	width: 284px;
	margin-left: 0px;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: #fff }
.menu-top li a {
color: #fff !important;
font-family: lato,sans-serif;
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 600;
}
.menu-top li a:hover { color: #e36a2c!important }
@media only screen and (max-width:768px) { 
    .navbar-default .navbar-nav > li > a {
        margin-top: 10px;
        padding: 8px;
    }
}
@media only screen and (max-width:480px) { 
    .menu-top { background-color: #fff }
    .navbar-default .navbar-nav > li > a { color: #313131  !important }
}
.navbar-default.menu-shrink {
	background: #fff;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 40px;
	width: 100%;
	margin-top: 0px
}
@media only screen and (max-width:480px) { 
    .menu-top {
        color: #fff !important;
        margin-left: 0px;
    }
}
.navbar-default.menu-shrink li a {color: #333 !important; }
.navbar-default.menu-shrink li a:hover { color: #e36a2c !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: #e36a2c }
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME REV SLIDER DESIGN
* ----------------------------------------------------------------------------------------
*/
@media only screen and (max-width:480px) { 
#home{margin-top:100px}
}
.home_bg {
    position: relative;
}
.home_bg:before {
    background: rgba(0, 0, 0, 0.6);
    content: "";
    height: 100%;
    filter: alpha(opacity=80);
    position: absolute;
    width: 100%;
}

.boxedcontainer		{max-width: 1170px; margin:auto; padding:0px 30px;}
.tp-banner-container{
	width:100%;
	position:relative;
	padding:0;

}
.tp-banner{
	width:100%;
	position:relative;
}
.tp-banner-fullscreen-container {
		width:100%;
		position:relative;
		padding:0;
}

/*START HTML5 VIDEO*/
.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 {
  width: 60% !important;
}
video { min-width: 100% }
/*END HTML5 VIDEO*/
/*START YOUTUBE HOME DESIGN*/
.youtube_bg {
position: relative;
height:700px;
}
.youtube_bg:before {
    background: rgba(0, 0, 0, 0.6);
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
}
.home_text h2 {
	color: #CE6B00;
	font-size: 40px;
	padding-top: 250px;
	margin-top: 0;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.home_text p {
	color: #000000;
	margin: auto auto 30px;
	width: 70%;
}
@media only screen and (max-width:768px) { 
    .home_text p { width: 100% }
}
/*END YOUTUBE HOME DESIGN*/
.btn-home-bg {
    background: #e36a2c none repeat scroll 0 0;
    border: 2px solid #e36a2c;
    border-radius: 0;
    color: #fff;
    font-family: montserrat,sans-serif;
    font-size: 12px;
    padding: 12px 30px;
    text-transform: uppercase;
    transition: all 0.2s ease 0s;
}
.btn-home-bg:hover,
.btn-home-bg:focus {
    background: #fff;
    color: #333;
    border: 2px solid #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME REV SLIDER DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 04.START SERVICE DESIGN
 * ----------------------------------------------------------------------------------------
 */
.service-content{
padding-bottom: 30px;
padding-top: 60px;
background: #f7f7f7;
}
.single_service{
background: #fff none repeat scroll 0 0;
padding: 60px 30px;
position:relative;
margin-bottom:30px;
border:1px solid #eee;
z-index:2;
transition: all 0.3s ease 0s;
}
@media only screen and (max-width:768px) { 
.single_service{padding: 60px 28px;}
}
.single_service:hover{
box-shadow:0px 40px 40px rgba(0,0,0,0.1);
position:relative;
z-index:100;
transform: translate(0, -10px);
}
.single_service:hover i{
	background-repeat: repeat;
	background-position: 0 0;
	background-image: none;
	background-color: #F0853C;
	background-attachment: scroll;
	border: 1px solid #F0853C;
	color: #fff;
}
.single_service i{
border: 1px solid #eee;
border-radius: 100px;
color: #e36a2c;
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: 16px;
font-weight: 500;
margin-top: 0;
text-transform: uppercase;
}
/*
 * ----------------------------------------------------------------------------------------
 * 04.END SERVICE DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
* ----------------------------------------------------------------------------------------
* 05.START PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
.buy_now {
	background: #f0853c none repeat scroll 0 0;
	padding: 50px 0;
}
.buy_now_title {
    color: #fff;
    font-family: montserrat,sans-serif;
    font-weight: 300;
    margin: 0;
    text-transform: uppercase;
}
@media only screen and (max-width:768px) { 
    .buy_now_title { font-size: 22px }
}
@media only screen and (max-width:360px) { 
    .buy_now_title { font-size: 15px }
}
.btn-promotion-bg {
    /*background: #0288d1 none repeat scroll 0 0;*/
    background: #7d8285 none repeat scroll 0 0;
    /*border: 1px solid #0288d1;*/
    border: 1px solid #7d8285;
    border-radius: 2px;
    box-shadow: 0 11px 11px 0 rgba(0, 0, 0, 0.06);
    color: #fff;
    font-size: 14px;
    margin-left: 100px;
    padding: 10px 30px;
    transition: all 0.2s ease 0s;
}
@media only screen and (max-width:480px) { 
    .btn-promotion-bg {
        margin-left: 0px;
        margin-top: 20px;
    }
}
@media only screen and (max-width:414px) { 
    .btn-promotion-bg {
        margin-left: 10px;
        margin-top: 10px;
    }
}
.btn-promotion-bg:hover,
.btn-promotion-bg:focus {
    background: #fff;
    border: 1px solid #fff;
    color: #333;
}
/*
* ----------------------------------------------------------------------------------------
* 05.END PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
/*
 * ----------------------------------------------------------------------------------------
 * 06.START PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
 */
.grid figure {
    position: relative;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}
.grid figure img {
    position: relative;
    display: block;
    width: 100%;
}
.grid figure figcaption {
    padding: 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.grid figure figcaption,
.grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.grid figure h4 {
    word-spacing: -0.15em;
    font-weight: 300;
}
.grid figure h4,
.grid figure p { margin: 0 }
.grid figure p {
    font-size: 16px;
    letter-spacing: 1px;
}
.grid figure p a { color: #fff }
figure.effect-sadie figcaption:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(3, 169, 244, 0) 0%, rgba(3, 169, 244, 0.8) 75%);
    background: -webkit-linear-gradient(top, rgba(3, 169, 244, 0) 0%, rgba(3, 169, 244, 0.9) 75%);
    background: linear-gradient(to bottom, rgba(3, 169, 244, 0) 0%, rgba(3, 169, 244, 0.9) 75%);
    content: '';
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
}
figure.effect-sadie h4 {
    background: #fff none repeat scroll 0 0;
    color: #222;
    font-size: 18px;
    left: 20%;
    letter-spacing: 1px;
    padding: 15px 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0px);
    transform: translate3d(0px, -50%, 0px);
    -webkit-transition: -webkit-transform 0.35s ease 0s, color 0.35s ease 0s;
    transition: transform 0.35s ease 0s, color 0.35s ease 0s;
    width: 60%;
    opacity: 0;
    filter: alpha(opacity=0);
}
@media only screen and (max-width:768px) { 
    figure.effect-sadie h4 { font-size: 12px }
}
@media only screen and (max-width:480px) { 
    figure.effect-sadie h4 { font-size: 18px }
}
@media only screen and (max-width:320px) { 
    figure.effect-sadie h4 { font-size: 14px }
}
figure.effect-sadie figcaption:before,
figure.effect-sadie p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
figure.effect-sadie p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2em;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
}
figure.effect-sadie:hover h4 {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
    transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}
figure.effect-sadie:hover figcaption:before,
figure.effect-sadie:hover p {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
/*project modal*/
.modal-title {
    color: #333;
    margin: 0;
    text-transform: uppercase;
}
.modal-content {
    padding: 10px 30px;
    border-radius: 0px;
}
.modal-body { margin-bottom: 15px }
.modal-body p { margin: 15px 0 0 }
.project-list { margin-top: 30px }
.project-list label {
	color: #333;
	margin-bottom: 0;
	margin-right: 0;
	width: 120px;
}
.project-list li {
    padding: 7px 0;
    font-size: 14px;
}
.project-list li a {
    color: #333;
    margin-bottom: 0;
    margin-right: 7px;
    width: 125px;
}
.project-list li a:hover { color: #e36a2c }
/*End project modal*/
.portfolio_btn { padding-top: 60px }
.btn-pricing-bg {
    background: #e36a2c none repeat scroll 0 0;
    border: 2px solid #e36a2c;
    border-radius: 3px;
    box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    font-family: montserrat,sans-serif;
    font-size: 12px;
    padding: 8px 20px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.btn-pricing-bg:hover,
.btn-pricing-bg:focus {
    background: #333;
    color: #fff;
    border: 2px solid #333;
}
/*
 * ----------------------------------------------------------------------------------------
 * 06.END PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 * 07.START TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
 */
.client-testimonial { position: relative }
.client-testimonial:before {
background: rgba(0,0,0,0.6);
content: "";
height: 100%;
left: 0;
opacity: 0.8;
position: absolute;
top: 0;
width: 100%;
}
.single_testimonial img {
	border: 4px solid #03a9f4;
	border-radius: 50px;
	height: 100px;
	margin-bottom: 10px;
	margin-right: 10px;
	width: 100px;
}
.single_testimonial h3 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 12px;
    margin-top: 10px;
    text-transform: uppercase;
}
.single_testimonial p {
color: #fff;
font-size: 20px;
line-height: 28px;
}
.single_testimonial i { color: #ffc107 }

/*
 * ----------------------------------------------------------------------------------------
 * 07.END TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
 * ----------------------------------------------------------------------------------------
 * 08.START TEAM DESIGN
 * ----------------------------------------------------------------------------------------
 */
 .our_team {
  background: #f7f7f7 none repeat scroll 0 0;
}
.single_team {
border: 1px solid #eee;
padding: 10px;
transition: all 0.2s ease 0s;
background: #fff;
border-radius: 10px;
}
@media only screen and (max-width:768px) { 
    .single_team {
        margin-bottom: 30px;
    }
}
.single_team:hover{box-shadow:0px 30px 30px rgba(0,0,0,0.2)}
.single_team h4{
text-transform: uppercase;
margin-bottom: 3px;
}
.team_social {margin-top:10px;}
.team_social ul {list-style: outside none none;
text-align: center; }
.team_social ul li { display: inline-block; }
.team_social ul li a i{
border-radius: 30px;
color: #fff;
display: block;
font-size: 16px;
height: 40px;
line-height: 40px;
margin: 2px;
text-align: center;
transition: all 0.2s ease 0s;
width: 40px;
}
@media only screen and (max-width:768px) { 
    .team_social ul li a i{ font-size: 12px }
}
@media only screen and (max-width:360px) { 
    .team_social ul li a i{ font-size: 14px }
}
.t_facebook {
    background: #5D82D1;
	box-shadow: 0 0 0 0px #5D82D1;
    border: 1px solid #5D82D1;
}
.t_twitter {
    background: #40BFF5;
    box-shadow: 0 0 0 0px #40BFF5;
    border: 1px solid #40BFF5;
}
.t_gplus {
    background: #EB5E4C;
    box-shadow: 0 0 0 0px #EB5E4C;
    border: 1px solid #EB5E4C;
}
.t_linkedin {
    background: #238CC8;
    box-shadow: 0 0 0 0px #238CC8;
    border: 1px solid #238CC8;
}
/*
 * ----------------------------------------------------------------------------------------
 * 08.END TEAM DESIGN
 * ----------------------------------------------------------------------------------------
 */
/*
* ----------------------------------------------------------------------------------------
* 09.START COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
.partner { text-align: center }
.partner img {
    border: 1px solid #eee;
    padding: 10px;
}
.partner img:hover { border: 1px solid #03a9f4 }
@media only screen and (max-width:480px) { 
    .partner img { padding: 0px }
}
/*
* ----------------------------------------------------------------------------------------
* 09.END COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 10.START CONTACT FORM AND MAP
* ----------------------------------------------------------------------------------------
*/
.contact {
    padding-left: 50px;
    padding-right: 60px;
    padding-top: 30px;
}
@media only screen and (max-width:768px) { 
    .contact { padding: 60px 60px 60px 50px }
}
.contact input {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #f9f9f9;
    border-radius: 4px;
    box-shadow: none;
    font-family: montserrat,sans-serif;
    height: 52px;
    padding: 10px;
}
.contact textarea {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #f9f9f9;
    border-radius: 4px;
    box-shadow: none;
    font-family: montserrat,sans-serif;
    padding: 10px;
	height:200px;
}
.contact input:hover,
.contact input:focus {
    border: 1px solid #e36a2c;
    box-shadow: none;
    outline: 0 none;
}
.contact textarea:hover,
.contact textarea:focus {
    border: 1px solid #e36a2c;
    box-shadow: none;
    outline: 0 none;
}
.btn-contact-bg {
background: #e36a2c none repeat scroll 0 0 !important;
border: 2px solid #e36a2c !important;
border-radius: 3px;
box-shadow: none;
color: #fff;
font-size: 12px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
padding: 10px 20px!important;
}
.btn-contact-bg:hover,
.btn-contact-bg:focus {
    background: #333!important;
    color: #fff;
    border: 2px solid #333!important;
}
/*
* ----------------------------------------------------------------------------------------
* 10.END CONTACT FORM AND MAP
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 11.START CONTACT ADDRESS
* ----------------------------------------------------------------------------------------
*/
.contact-address {
    background: #f7f7f7;
    padding: 100px 0;
}
.single_address {
background: #fff none repeat scroll 0 0;
border: 1px solid #eee;
border-radius: 5px;
transition: 0.2s;
padding: 40px 20px;
}
.single_address:hover{
box-shadow:0px 40px 40px rgba(0,0,0,0.1);
}
@media only screen and (max-width:768px) { 
    .single_address { margin-bottom: 30px }
}
.single_address i {
color: #fff;
font-size: 20px;
margin-bottom: 20px;
background: #03a9f4;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 30px;
}
@media only screen and (max-width:768px) { 
    .single_address p { font-size: 15px }
}
@media only screen and (max-width:480px) { 
    .single_address p { font-size: 14px }
}
/*
* ----------------------------------------------------------------------------------------
* 11.END CONTACT ADDRESS
* ----------------------------------------------------------------------------------------
*/
#map { height: 400px }

/*
* ----------------------------------------------------------------------------------------
* 12.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer { background: #25252a }
.footer_logo img {
    margin-bottom: 30px;
    width: 250px;
}
/*START FOOTER SOCIAL DESIGN*/
.footer_social { margin-bottom: 10px }
.footer_social ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.footer_social ul li { display: inline-block }
.footer_social ul li a {
    border-radius: 4px;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 20px;
    margin: 2px;
    padding: 9px 12px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 40px;
}
@media only screen and (max-width:768px) { 
    .footer_social ul li a { font-size: 12px }
}
@media only screen and (max-width:360px) { 
    .footer_social ul li a { font-size: 14px }
}
.footer_social ul li a:hover { color: #fff }
.f_facebook {
    background: #5D82D1;
    border: 1px solid #5D82D1;
}
.f_twitter {
    background: #40BFF5;
    box-shadow: 0 0 0 0px #40BFF5;
    border: 1px solid #40BFF5;
}
.f_google {
    background: #EB5E4C;
    box-shadow: 0 0 0 0px #EB5E4C;
    border: 1px solid #EB5E4C;
}
.f_linkedin {
    background: #238CC8;
    box-shadow: 0 0 0 0px #238CC8;
    border: 1px solid #238CC8;
}
.f_youtube {
    background: #CC181E;
    box-shadow: 0 0 0 0px #CC181E;
    border: 1px solid #CC181E;
}
.f_skype {
    background: #00AFF0;
    box-shadow: 0 0 0 0px #00AFF0;
    border: 1px solid #00AFF0;
}
/*END FOOTER SOCIAL DESIGN*/
.copyright p {
color: #eee;
margin-bottom: 0;
padding: 30px 0;
}
.copyright a {
color: #e36a2c;
transition: all 0.2s ease 0s;
font-family: lato,sans-serif;
}
.copyright a:hover { color: #fff }
/*
* ----------------------------------------------------------------------------------------
* 12.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.linkArticulate{
    color:yellow;
}

.linkArticulate:active{
    color:yellow;
}

.linkArticulate:hover{
    color: #337ab7;
}

/*BOTÓN WHATSAPP*/
a{
  text-decoration: none;
}
#whatsapp {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
svg {
	width: 80px;
	display: inline-block;
  vertical-align: middle;
  filter: drop-shadow(0 1px 4px rgba(0,0,0,.4));
}
circle {
  fill: #25d366;
}
path {
	fill:  #fff;
}
#whatsapp a {padding: 20px 0;}
#whatsapp a::before {
	content: 'Te asesoramos por whatsapp';
	display: inline-block;
	vertical-align: middle;
	padding: 5px 10px;
	margin-right: 10px;
	color: rgba(0, 0, 0, .8);
	background: white;
	border: 1px solid #ccc;
	border-radius: 20px;
	filter: drop-shadow(0 1px 4px rgba(0,0,0,.4));
	transition: .3s ease;
	opacity: 0;
}
#whatsapp:hover a::before {opacity: 1;}
/*FIN BOTÓN WHATSAPP*/