/*-------------------------------------------------
 =  Table of Css

 1.Isotope                              
 2.Header                          
 3.General code                   
 4.content - home sections                              
 5.Portfolio pages                           
 6.Blog pages       
 8.Contact page                               
 9.Single post                            
 10.About page                            
 11.Shop Page           
 12.Single Project page         
 13.Footer
 14.nouislider style (used in priccing range)
 15.Single page

-------------------------------------------------*/

/*-------------------------------------------------------*/
/* 1. Isotope filtering
/*-------------------------------------------------------*/

a.siteRibbon {
  opacity: 0.6;

}


a.siteRibbon {
position: fixed;
	bottom: 32px;
	right: 0px;
	z-index: 10000;
	text-align: right;}

a.siteRibbon:hover {opacity: 1}
a.siteRibbon img {float: left}


.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.isotope, .isotope .isotope-item {/* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:-moz-transform, opacity;
    transition-property:transform, opacity;
}

/*-------------------------------------------------*/
/* =  Header
/*-------------------------------------------------*/


.navbar {
	margin-bottom: 0;
    background: #fff;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    border: none !important;
    border-radius: 0;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

header.active .navbar {
    background: rgba(255,255,255,0.9);
}

.top-line {
    padding: 12px 0;
    background: #5a676f;
    border-bottom: 1px solid #e4e4e4;
    overflow: hidden;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
	color: #fff;
}

header.active .top-line {
    height: 0;
    padding: 0;
}

.top-line p {
    float: left;
    margin: 0;
	color: #fff;
}

.top-line p span {
    display: inline-block;
    color: #fff;
    font-size: 17px;
    font-family: 'Open Sans', sans-serif;
    border-left: 1px solid #fff;
    line-height: 16px;
    margin-right: 3px;  
}

.top-line p span i {
    color: #fff;
    font-size: 17px;
    vertical-align: middle;
    display: inline-block;
    padding: 0 10px;
}

.top-line p a {
    color: #fff;
    font-size: 17px;
    vertical-align: middle;
    display: inline-block;
    padding: 0 10px;
}

ul.social-icons {
    float: right;
}

ul.social-icons li {
    display: inline-block;
    margin-left: 10px;
}

ul.social-icons li a {
    display: inline-block;
    margin-bottom: -2px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.social-icons li a i {
    font-size: 17px;
    color: #fff;
}

ul.social-icons li a:hover {
    transform: scale(1.4);
    -ms-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
}

.navbar-brand {
    
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

header.active .navbar-brand {
    padding: 4px 15px 8px;
}

.navbar-default .navbar-nav {
    margin-top: 0px;
    margin-bottom: 0px;
}

.navbar-default .navbar-nav > li {
    margin-left: 34px;
}

.navbar-default .navbar-nav > li.drop {
    position: relative;
    margin-right: -16px;
}

.navbar-default .navbar-nav > li.drop:after {
    position: absolute;
    content: '\f107';
    font-family: 'FontAwesome';
    color: #cecece;
    font-size: 13px;
    right: 0px;
    top: 50%;
    margin-top: -7px;
}

.navbar-default .navbar-nav > li:first-child {
    margin-left: 0px;
}

.navbar-default .navbar-nav > li > a {
    position: relative;
    color: #7d7d7d;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    padding: 55px 0;
    text-transform: uppercase;
    border-top: 5px solid transparent;
    z-index: 2;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -webkit-backface-visibility: hidden;
}

.navbar-default .navbar-nav > li.drop > a {
    padding-right: 16px;
}

.navbar-default .navbar-nav > li > a.active {
    color: #2b5397;
    border-top: 5px solid #2b5397;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #cacaca;
}

header.active .navbar-nav > li > a {
    padding: 40px 0 26px;
}

ul.drop-down {
    position: absolute;
    top: 100%;
    left: 0;
    width: 150px;
    visibility: hidden\0/;
    opacity: 0;
    z-index: 3;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
    -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
    -mos-transition: -mos-transform 0.4s, opacity 0.1s 0.3s;
    -o-transition: -o-transform 0.4s, opacity 0.1s 0.3s;
}

.navbar-default .navbar-nav > li:hover > ul.drop-down {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
      -moz-transform: rotateX(0deg);
      -ms-transform: rotateX(0deg);
      -o-transform: rotateX(0deg);
      transform: rotateX(0deg);
      -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
      -moz-transition: -moz-transform 0.4s, opacity 0.1s;
      -mos-transition: -mos-transform 0.4s, opacity 0.1s;
      -o-transition: -o-transform 0.4s, opacity 0.1s;
      transition: transform 0.4s, opacity 0.1s;
}

ul.drop-down li a {
    display: block;
    color: #fff;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    padding: 10px 12px;
    text-decoration: none;
    text-transform: capitalize;
    background: #2b5397;
    font-weight: 300;
    opacity: 1;
    border-top: 1px solid rgba(0,0,0,0.3);
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.drop-down li {
    position: relative;
}

 ul.drop-down.level3 {
    top: 0;
    left: 100%;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
}

ul.drop-down li:hover ul.drop-down.level3 {
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateY(0deg);
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      -o-transform: rotateY(0deg);
      transform: rotateY(0deg);
      -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
      -moz-transition: -moz-transform 0.4s, opacity 0.1s;
      -mos-transition: -mos-transform 0.4s, opacity 0.1s;
      -o-transition: -o-transform 0.4s, opacity 0.1s;
      transition: transform 0.4s, opacity 0.1s;
}

ul.drop-down li:first-child a {
    border-top: none;
}

ul.drop-down li a:hover {
    opacity: 0.7;
}

/*-------------------------------------------------*/
/* =  General code
/*-------------------------------------------------*/
ul {
    padding: 0;
    margin: 0;
}

ul li {
    list-style: none;
}

a {
    text-decoration: none;
}

h1 {
    color: #2b5397;
    font-size: 35px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    margin: 0;    
}

h2 {
    color: #464646;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin: 0;
    margin-bottom: 10px;    
}

h3 {
    color: #58939b;
    font-size: 22px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin: 0;
    margin-bottom: 22px;
}

h4 {
    color: #58939b;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin: 0;
}

h5 {
       color: #fff;
    
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    margin: 0;
	font-size: 26px;
}

h6 {
    color: #fff;
    
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    margin: 0;
	font-size: 26px;
 text-shadow: -1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
 -webkit-text-fill-color: #fff;
 -webkit-text-stroke: 1px black;
}



p {
    color: #050505;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin: 0;
    line-height: 18px;
}

a.main-button {
    color: #fff;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    padding: 12px 35px;
    background: #7ea4f5;
    text-decoration: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

a.main-button:hover {
    opacity: 0.8;
}

button {
    outline: none !important;
}

#container {
    padding-top: 158px;
    background: #fff;
}

#container.boxed {
    max-width: 1220px;
    margin: 0 auto;
    box-shadow: 0 0 35px #aeaeae;
    -webkit-box-shadow: 0 0 35px #aeaeae;
    -moz-box-shadow: 0 0 35px #aeaeae;
    -o-box-shadow: 0 0 35px #aeaeae;
    position: relative;
    overflow: hidden;
    padding-top: 0;
}

body {
    background: #e9e9e9;
}

/*-------------------------------------------------*/
/* =  content - home sections
/*-------------------------------------------------*/

/*slider*/
.big_white span {
    font-weight: 600;
}

.modern_medium_light {
    background: #0b7af0;
    border-radius: 26px;
    -webkit-border-radius: 26px;
    -moz-border-radius: 26px;
    -o-border-radius: 26px;
    padding: 20px 40px;
    text-align: center;
    width: 263px;
}

.modern_medium_light i {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 40px;
    margin-bottom: 14px;
}

.large_text span {
    font-weight: bold;
}

.welcome-box {
    padding: 45px 0 40px;
    text-align: center;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #FFFFFF),
        color-stop(1, #F0F0F0)
    );
    background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F0F0F0 100%);
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F0F0F0 100%);
    background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F0F0F0 100%);
    background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F0F0F0 100%);
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #F0F0F0 100%);
}

.welcome-box h1 span {
    font-weight: 800;
    color: #2b5397;
}

.welcome-box p {
    color: #868686;
    font-size: 19px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    line-height: 22px;
    margin: 0;
}

.services-box {
    position: relative;
    padding: 40px 10px 10px 10px;
    border-bottom: 2px solid #d3d3d3;
}

.shadow-image {
    position: absolute;
    left: 50%;
    margin-left: -544px;
    bottom: -51px;
}

.services-post {
    padding: 10px 0;
    margin-bottom: 30px;
	color: #000000;
}

.services-post > a {
    position: relative;
    display: inline-block;
    float: left;
    width: 66px;
    height: 66px;
    background: #2b5397;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -webkit-backface-visibility: hidden;
}

.services-post > a:after {
    position: absolute;
    content: '';
    width: 66px;
    height: 66px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid #2b5397;
    left: 0px;
    top: 0px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.services-post > a:hover {
    transform: scale(1.1) rotate(360deg);
    -webkit-transform: scale(1.1) rotate(360deg);
    -moz-transform: scale(1.1) rotate(360deg);
    -o-transform: scale(1.1) rotate(360deg);
}

.services-post > a:hover:after {
    position: absolute;
    content: '';
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border: 3px solid #2b5397;
    left: -7px;
    top: -7px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.services-post > a i {
    font-size: 26px;
    color: #fff;
    display: inline-block;
    height: 100%;
    width: 100%;
    text-align: center;
    line-height: 66px;
}

.services-post-content {
    
    padding-top: 10px;
	padding-bottom: 10px;
	
}

.services-post-content h4 {
    margin-bottom: 3px;
}

.recent-works {
    padding-top: 50px;
    padding-bottom: 20px;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #EAF4F8),
        color-stop(1, #B7C1C5)
    );
    background-image: -o-linear-gradient(bottom, #EAF4F8 0%, #B7C1C5 100%);
    background-image: -moz-linear-gradient(bottom, #EAF4F8 0%, #B7C1C5 100%);
    background-image: -webkit-linear-gradient(bottom, #EAF4F8 0%, #B7C1C5 100%);
    background-image: -ms-linear-gradient(bottom, #EAF4F8 0%, #B7C1C5 100%);
    background-image: linear-gradient(to bottom, #EAF4F8 0%, #B7C1C5 100%);
}

.carousel-control .glyphicon {
    display: none;
}

.carousel-control {
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 25px;
    height: 25px;
    background: none;
    top: -40px;
    font-size: 17px;
    color: #ffffff;
    text-align: center;
    text-shadow: none;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    -o-text-shadow: none;
    opacity: 0.5;
    opacity: 1;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -webkit-backface-visibility: hidden;
}

.carousel-control.left {
    right: 28px;
    left: auto;
    background: rgba(0,118,249,0.3);
}

.carousel-control.left:before {
    font-family: 'FontAwesome';
    content: "\f104";
    position: absolute;
    font-size: 19px;
    color: #fff;
    top: -1px;
    left: 8px;
}

.carousel-control.right {
    right: 0;
    background: rgba(0,118,249,0.3);
}

.carousel-control.right:before {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    font-size: 19px;
    color: #fff;
    top: -1px;
    left: 10px;
}

.carousel-control.left:hover {
    background: rgb(0,118,249);
    opacity: 1;
}

.carousel-control.right:hover {
    background: rgb(0,118,249);
    opacity: 1;
}

.work-post {
    overflow: hidden;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    margin-bottom: 30px;
}

.work-post-gal {
    position: relative;
}

.work-post-gal img {
    width: 100%;
    -webkit-backface-visibility: hidden;
}

.work-post-content {
    background: #fff;
    padding: 20px;
}

.work-post-content span {
    display: inline-block;
    color: #4984aa;
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
}

.hover-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,118,249,0.8);
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
}

.hover-box a {
    width: 50px;
    height: 50px;
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -o-transform: scale(0.1);
    -webkit-backface-visibility: hidden;
}

.work-post:hover .hover-box {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-backface-visibility: hidden;
}

.work-post:hover .hover-box a {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-backface-visibility: hidden;
}

.hover-box a:after {
    position: absolute;
    content: '';
    width: 50px;
    height: 50px;
    background: url('../images/zoom-after.png') center center no-repeat;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.hover-box a:hover:after {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    opacity: 0;
}

.hover-box a.zoom {
    right: 50%;
    margin-right: 5px;
    background: url('../images/zoom.png') center center no-repeat;
}

.hover-box a.page {
    left: 50%;
    margin-left: 5px;
    background: url('../images/page.png') center center no-repeat;
}

.partners {
    padding: 50px;
    background: url('../upload/diseno-web-agencia-de-marketing.jpg');
    overflow: hidden;
}

.partners h3 {
    color: #fff;
}

.partners .carousel-control {
    border: 1px solid #fff;
    background: transparent;
}

.partners .carousel-control.left:hover {
    background: rgba(255,255,255,0.3);
}

.partners .carousel-control.right:hover {
    background: rgba(255,255,255,0.3);
}

.partners .carousel-control.left:before {
    top: -2px;
    left: 8px;
}

.partners .carousel-control.right:before {
    top: -2px;
    left: 9px;
}

.partner-list {
    overflow: hidden;
    padding-top: 10px;
}

.partner-list li {
    float: left;
    width: 16.8%;
    margin-left: 4%;
}

.partner-list li:first-child {
    margin-left: 0;
}

.partner-list li img {
    width: 100%;
    -webkit-backface-visibility: hidden;
}

.title-section {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 36px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 50px;
}

.title-section p {
    color: #868686;
    font-size: 19px;
    line-height: 25px;
}

.owl-pagination {
    display: none;
}

.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    position: relative;
    zoom: 1;
    margin: 5px;
    font-size: 32px;
    border-radius: 6px;
    -o-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background: #fff;
    border: 1px solid #dbdbdb;
    opacity: 1;
    padding: 0;
    width: 64px;
    height: 37px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.owl-theme .owl-controls {
    margin-bottom: 25px;
}

.owl-theme .owl-controls .owl-buttons div:hover {
    border: 1px solid #2b5397;
    background: #2b5397;
}

.owl-theme .owl-controls .owl-buttons div:before {
    font-family: 'FontAwesome';
    position: absolute;
    font-size: 32px;
    color: #2b5397;
    width: 100%;
    left: 0;
    text-align: center;
    line-height: 37px;
}

.owl-theme .owl-controls .owl-buttons div:hover:before {
    color: #fff;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev:before {
    content: "\f104";
}

.owl-theme .owl-controls .owl-buttons div.owl-next:before {
    content: "\f105";
}

.owl-buttons {
    margin-top: -75px;
}

.news-item {
    margin: 15px;
    margin-bottom: 40px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.news-item .inner-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.news-item .inner-item img {
    width: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.news-item:hover .inner-item img {
    -webkit-filter: blur(2px) grayscale(1);
    -moz-filter: blur(2px) grayscale(1);
    -o-filter: blur(2px) grayscale(1);
    -ms-filter: blur(2px) grayscale(1);
    filter: blur(2px) grayscale(1);
}

.latest-post {
    border-bottom: 1px solid #dedede;
}

.news-item h5 {
    margin-bottom: 5px;
    line-height: 22px;
}

.news-item p {
    line-height: 22px;
    margin-bottom: 10px;
}

a.read-more {
    display: inline-block;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid #2b5397;
    color: #2b5397;
    padding: 8px 12px;
    background: #fff;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    text-transform: lowercase;
    text-decoration: none;
}

a.read-more i {
    color: #2b5397;
    font-size: 12px;
    margin-left: 7px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

a.read-more:hover i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.hover-item {
    position: absolute;
    top: 50%;
    margin-top: -56px;
    left: 0;
}

.hover-item ul li {
    margin-bottom: 5px;
}

.hover-item ul li a {
    display: inline-block;
    color: #fff;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    padding: 10px;
    margin-left: -100%;
    text-decoration: none;
    background: #117bf1
}

.hover-item ul li a i {
    font-size: 14px;
    color: #fff;
    margin-right: 5px;
}

.hover-item ul li a.autor {
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.hover-item ul li a.date {
    transition: all 0.29s ease-in-out;
    -moz-transition: all 0.29s ease-in-out;
    -webkit-transition: all 0.29s ease-in-out;
    -o-transition: all 0.29s ease-in-out;
}

.hover-item ul li a.comment-numb {
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.item:hover .hover-item ul li a {
    margin-left: 0;
}

.why-convertible-box {
    padding-top: 60px;
}

.why-convertible-box h1 {
    margin-bottom: 10px;
}

.why-convertible-box h1 span {
    font-weight: 600;
}

.why-convertible-box h1 i {
    color: #2b5397;
    margin-left: 10px;
}

.why-convertible-box p {
    margin-bottom: 15px;
}

.why-convertible-box p a {
    color: #2b5397;
    font-weight: 700;
}

.tag-list li {
    display: inline-block;
    margin-right: 11px;
    margin-bottom: 15px;
}

.tag-list li a {
    display: inline-block;
    color: #2b5397;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -o-border-radius: 9px;
    border: 1px solid #2b5397;
    padding: 5px 10px;
    background: #fff;
    text-decoration: none;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.tag-list li a i {
    color: #2b5397;
    font-size: 17px;
    margin-right: 4px;
    vertical-align: middle;
}

.tag-list li a:hover {
    opacity: 0.7;
}

.upper-box {
    padding-bottom: 30px;
    margin-bottom: 45px;
    position: relative;
}

.upper-box:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background: url('../images/border-bottom.png') center center no-repeat;
}

ul.device-list {
    overflow: hidden;
    margin-bottom: 45px;
}

ul.device-list li {
    float: left;
    margin-left: 53px;
    position: relative;
}

ul.device-list li img {
    max-width: 100%;
}

ul.device-list li:after {
    font-family: 'FontAwesome';
    position: absolute;
    content: '\f064';
    top: 134px;
    left: -38px;
    color: #2b5397;
    font-size: 18px;
}

ul.device-list li:first-child {
    margin-left: 0px;
}

ul.device-list li.device2 {
    padding-top: 28px;
}

ul.device-list li.device3 {
    padding-top: 32px;
}

ul.device-list li.device4 {
    padding-top: 77px;
}

.testimonials-box {
    padding: 50px 0;
    background: url('../upload/banner2.jpg');
}

.testimonials-box h3 {
    color: #fff;
    margin-bottom: 70px;
}

.bxslider li {
    overflow: hidden;
}

.bxslider li img {
    float: left;
    max-width: 156px;
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    padding: 12px;
}

.message-content {
    margin-left: 226px;
    margin-top: 22px;
}

.message-content p {
    position: relative;
    color: #fff;
    font-size: 22px;
    font-style: italic;
    font-weight: 300;
    margin: 0;
    margin-bottom: 18px;
    border: 1px solid #fff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    padding: 24px 40px;
    line-height: 30px;
}

.message-content p:after {
    position: absolute;
    content: '';
    width: 21px;
    height: 40px;
    left: -21px;
    top: 35px;
    background: url('../images/arrow.png') center center no-repeat;
}

.message-content h6 {
    color: #fff;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin: 0;
    margin-left: 40px;
}

.message-content h6 span {
    font-weight: 700;
}

.staff-box {
    padding: 50px 0;
    border-bottom: 1px solid #dedede;
}

.staff-post {
    margin-bottom: 30px;
    height: 320px;
}

.staff-post-content {
    background: #2b5397;
    padding: 20px 23px;
    border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -o-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -o-border-top-left-radius: 4px;
}

.staff-post-content h5 {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.staff-post-content span {
    color: #fff;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

.staff-post-gal {
    border: 1px solid #dbdbdb;
    position: relative;
    overflow: hidden;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.staff-post:hover .staff-post-gal {
    padding-top: 52px;
}

.staff-post-gal img {
    padding: 12px;
    width: 100%;
}

.staf-social {
    text-align: center;
    padding: 10px 10px 7px;
    border-bottom: 1px solid #dbdbdb;
    position: absolute;
    top: -100%;
    width: 100%;
    left: 0;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.staff-post:hover .staf-social {
    top: 0;
}

.staf-social li {
    display: inline-block;
    margin-left: 3px;
}

.staf-social li:first-child {
    margin-left: 0px;
}

.staf-social li a {
    display: inline-block;
    width: 29px;
    height: 29px;
    border: 1px solid #2b5397;
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.staf-social li a i {
    font-size: 13px;
    text-align: center;
    color: #2b5397;
    line-height: 29px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.staf-social li a:hover i {
    color: #ffffff;
}

.staf-social li a:hover {
    background: #2b5397;
}

.infographic-box {
    padding: 50px 0 30px;
    border-bottom: 1px solid #dedede;
}

.skills-bar {
    text-align: center;
}

.skills-bar p {
    color: #cccccc;
    font-size: 15px;
    margin-bottom: 20px;
    margin-top: 15px;
}

.gender-list {
    padding-bottom: 15px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 30px;
}

.gender-list li,
.stars-list li {
    display: inline-block;
    margin-bottom: 15px;
    margin-left: 19px;
}

.stars-list li {
    margin-left: 28px;
}

.gender-list li a {
    display: inline-block;
}

.gender-list li a i {
    font-size: 80px;
}

.gender-list li a i.fa-male {
    color: #2b5397;
}

.gender-list li a i.fa-female {
    color: #e2e2e2;
}

.gender-list li:first-child,
.stars-list li:first-child {
    margin-left: 0px;
}

.stars-list {
    padding-bottom: 15px;
    border-bottom: 1px solid #dedede;
    margin-bottom: 30px;    
}

.stars-list li a i {
    font-size: 50px;
    color: #2b5397;
}

.stars-list li:nth-child(n+11) a i {
    color: #e2e2e2;
}

.product-box {
    padding: 50px 0 30px;
}

.product-post {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
    margin-bottom: 15px;
}

.product-post:hover {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
    margin-bottom: 15px;
}

.product-post img {
    width: 100%;
}

.product-post-gal {
    position: relative;
}

.product-post-gal span.price {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    color: #fff;
    padding: 11px 14px;
    background: #2b5397;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    opacity: 0.5;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.product-post:hover span {
    opacity: 1;
}

.product-post-content {
    text-align: center;
    padding: 14px 20px;
    border: 1px solid #dbdbdb;
    border-top: none;
    border-bottom-left-radius: 5px;
    -webkit-bottom-left-border-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-bottom-right-border-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -o-border-bottom-right-radius: 5px;
}

ul.product-list {
    margin-top: 16px;
}

ul.product-list li {
    display: inline-block;
    margin-left: 6px;
}

ul.product-list li:first-child {
    margin-left: 0px;
}

ul.product-list li a {
    display: inline-block;
    width: 66px;
    height: 38px;
    border: 1px solid #dbdbdb;
    background: #fff;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.product-list li a:hover {
    background: #2b5397;
}

ul.product-list li a i {
    font-size: 15px;
    color: #555555;
    text-align: center;
    line-height: 38px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.product-list li a:hover i {
    color: #fff;
}

.convertible-banner {
    padding: 28px 0;
    background: url('../upload/banner3.jpg');
}

.convertible-banner p {
    padding-left: 60px;
    margin-right: 160px;
    color: #fff;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    line-height: 54px;
    background: url('../images/con-icon.png') left center no-repeat;
}

.convertible-banner p span {
    font-weight: 400;
}

.convertible-banner a {
    display: inline-block;
    float: right;
    text-align: center;
    width: 141px;
    color: #fff;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border: solid 1px rgba(255,255,255,.5);
    background-image: -webkit-linear-gradient(45deg, rgba(0,0,0,.03), rgba(255,255,255,.03), rgba(0,0,0,.03) 50%, rgba(255,255,255,.03) 50%, rgba(0,0,0,.03), rgba(255,255,255,.03));
    background-image: -moz-linear-gradient(45deg, rgba(0,0,0,.03), rgba(255,255,255,.03), rgba(0,0,0,.03) 50%, rgba(255,255,255,.03) 50%, rgba(0,0,0,.03), rgba(255,255,255,.03));
    background-image: -o-linear-gradient(45deg, rgba(0,0,0,.03), rgba(255,255,255,.03), rgba(0,0,0,.03) 50%, rgba(255,255,255,.03) 50%, rgba(0,0,0,.03), rgba(255,255,255,.03));
    background-image: linear-gradient(45deg, rgba(0,0,0,.03), rgba(255,255,255,.03), rgba(0,0,0,.03) 50%, rgba(255,255,255,.03) 50%, rgba(0,0,0,.03), rgba(255,255,255,.03));
    width: 145px;
    height: 54px;
    line-height: 54px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.convertible-banner a:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.accord-tab-box {
    padding-top: 40px;
    padding-bottom: 20px;
}

.accordion-box {
    margin-bottom: 20px;
}

.accord-elem {
    margin-bottom: 20px;
}

.accord-title {
    padding: 16px 14px;
    border: 1px solid #dbdbdb;
    position: relative;
}

.accord-title h5 {
    padding-right: 48px;
}

.accord-title h5 i {
    color: #007aff;
    font-size: 20px;
    vertical-align: middle;
    margin-right: 12px;
}

a.accord-link {
    display: inline-block;
    position: absolute;
    width: 46px;
    height: 100%;
    top: 0;
    right: 0;
    border-left: 1px solid #dbdbdb;
    background: url('../images/plus.png') center center no-repeat;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.accord-elem.active a.accord-link {
    background: url('../images/minus.png') center center no-repeat;
}

a.accord-link.opened {
    background: url('../images/minus.png') center center no-repeat;
}

.accord-content {
    display: none;
    padding: 22px;
    border: 1px solid #dbdbdb;
    border-top: none;
    overflow: hidden;
}

.accord-content span.image-content {
    display: inline-block;
    float: left;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 22px;
    background: #007aff;
}

.accord-content span.image-content i {
    color: #fff;
    font-size: 30px;
    text-align: center;
    width: 100%;
    line-height: 68px;
    vertical-align: middle;
}

.accord-elem.active .accord-content {
    display: block;
}

.tab-content-box {
    text-align: center;
    padding: 60px;
    border: 1px solid #dbdbdb;    
}

.tab-box {
    text-align: center;
    padding: 65px 0 83px;
    border: 1px solid #dbdbdb;
    min-height: 365px;   
}

.tab-content {
    display: none;
}

.tab-content:first-child {
    display: block;
}

ul.tab-links {
    border: 1px solid #dbdbdb; 
    border-top: none;
    overflow: hidden;
    margin-bottom: 40px;
}

ul.tab-links li {
    float: left;
    width: 33.33%;
    text-align: center;
    border-left: 1px solid #dbdbdb; 
}

ul.tab-links li:first-child {
    border-left: none; 
}

ul.tab-links li a {
    display: inline-block;
    width: 100%;
    padding: 12px;
    color: #000;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    text-decoration: none;
    background: #fff;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

ul.tab-links li a i {
    font-size: 30px;
    color: #007aff;
    display: block;text-align: center;
    margin-bottom: 6px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

ul.tab-links li a:hover {
    color: #fff;
    background: #007aff;
}

ul.tab-links li a:hover i {
    color: #fff;
}

#container.boxed .bx-wrapper .bx-controls-direction a {
    border: none;
    width: 52px;
}

/*-------------------------------------------------*/
/* =  Portfolio pages
/*-------------------------------------------------*/

.home-portfolio {
    margin-top: 30px;
}

.page-banner {
    padding: 22px 0;
    background: url('../upload/diseno-web-agencia-de-marketing.jpg');
    overflow: hidden;
    margin-bottom: 30px;
}

.page-banner h2 {
    color: #fff;
    font-size: 26px;
    font-weight: 300;
    line-height: 42px;
    float: left;
    margin-bottom: 0;
	margin-top: 10px;
}

ul.page-tree {
    float: right;
    border: 1px solid #fff;
    padding: 10px 15px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
	margin-top: 10px;
}

ul.page-tree li {
    position: relative;
    display: inline-block;
    margin-left: 40px;
}

ul.page-tree li:before {
    font-family: 'FontAwesome';
    content: '\f0a9';
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: 0;
    left: -26px;
}

ul.page-tree li:first-child {
    margin-left: 0px;
}

ul.page-tree li:first-child:before {
    content: '';
}

ul.page-tree li a {
    display: inline-block;
    color: #fff;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

ul.filter {
    margin-bottom: 30px;
    overflow: hidden;
    border: 1px solid #dbdbdb;
}

ul.filter li {
    float: left;
    border-right: 1px solid #dbdbdb;
}

ul.filter li a {
    position: relative;
    display: inline-block;
    color: #7e7e7e;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    padding: 12px 17px;
    background: #fff;
}

ul.filter li a.active,
ul.filter li a:hover {
    color: #fff;
    background: #2b5397;
}

ul.filter li a.active:after,
ul.filter li a:hover:after {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    border: 1px solid #2b5397;
    z-index: 2;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.filter li a i {
    color: #7e7e7e;
    font-size: 17px;
    margin-right: 10px;
    vertical-align: middle;
}

ul.filter li a.active i,
ul.filter li a:hover i {
    color: #fff;
}

.portfolio-container {
    width: 1170px;
    margin-left: -15px;
    margin-bottom: 20px;
}

.portfolio-container .work-post {
    margin: 15px;
}

.portfolio-container .work-post .work-post-content,
.latest-projects .work-post .work-post-content {
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,.08), rgba(255,255,255,.08));
    background-image: linear-gradient(to top, rgba(0,0,0,.08), rgba(255,255,255,.08));
}

.with-4-col .portfolio-container .work-post {
    width: 262px;
}

.with-3-col .portfolio-container .work-post {
    width: 360px;
}

.with-2-col .portfolio-container .work-post {
    width: 555px;
}

ul.pagination-list {
    margin-bottom: 38px;
}

ul.pagination-list li {
    display: inline-block;
}

ul.pagination-list li a {
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #f3f3f3;
    padding: 5px 10px;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    color: #000;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.pagination-list li a.active,
ul.pagination-list li a:hover {
    background: #007aff;
    color: #fff;
}

/*-------------------------------------------------*/
/* =  Blog pages
/*-------------------------------------------------*/

.home-blog {
    margin-top: 30px;
}

.blog-box .news-item {
    margin: 0px;
    margin-bottom: 40px;
}

.search-widget {
    margin-bottom: 30px;
}

.search-widget input[type="search"] {
    color: #716565;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    padding: 15px 20px;
    border: 1px solid #dcdcdc;
    width: 100%;
    outline: none;
}

.search-widget input[type="search"]:focus {
    border: 1px solid #007aff;
}

.search-widget button {
    background: #fff;
    border: none;
    float: right;
    margin-top: -35px;
    margin-right: 15px;
    position: relative;
    z-index: 2;
}

.search-widget button i {
    color: #007aff;
    font-size: 18px;
}

.sidebar-widgets .widget > h5 {
    margin-bottom: 20px;
}

.tabs-widget ul.tab-links {
    border-bottom: none;
    border-top: 1px solid #dbdbdb;
    margin-bottom: 0;
}

.tabs-widget ul.tab-links li a {
    font-size: 13px;
}

.tabs-widget ul.tab-links li a:hover {
    background: #fff;
    color: #007aff;
}

.tabs-widget {
    margin-bottom: 30px;
}

.tabs-widget .tab-box {
    padding: 0;
    text-align: left;
    min-height: 20px;
}

.tabs-widget .tab-box .tab-content {
    padding: 20px;
}

.tabs-widget .tab-content ul li {
    overflow: hidden;
    margin-bottom: 16px;
    width: 100%;
}

.tabs-widget .tab-content ul li img {
    float: left;
    width: 45px;
}

.tabs-widget .tab-content ul li h6 {
    line-height: 17px;
    color: #aeaeae;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    margin: 0;
    margin-left: 55px;
}

.tabs-widget .tab-content ul li h6 a {
    color: #aeaeae;
    text-decoration: none;
    display: inline-block;
}

.tabs-widget .tab-content ul li h6 a:hover {
    color: #007aff;
}

.accordion-widget {
    margin-bottom: 10px;
}

.accordion-widget .accord-content {
    padding: 18px;
}

.sidebar .tags-widget {
    margin-bottom: 20px;
}

.sidebar .text-widget {
    margin-bottom: 20px;
}

.blog-box.with-one-col .news-item {
    overflow: hidden;
}

.blog-box.with-one-col .inner-item {
    max-width: 250px;
    float: left;
    margin-right: 30px;
}

.home-style {
    padding: 40px 0;
}

/*-------------------------------------------------*/
/* =  Contact page
/*-------------------------------------------------*/

.map {
    height: 470px;
    width: 100%;
    margin-top: -30px;
    margin-bottom: 50px;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -ms-filter: grayscale(1);
    -o-filter: grayscale(1);
}

.contact-information {
    margin-bottom: 35px;
}

.contact-information p {
    margin-bottom: 20px;
}

ul.contact-information-list li {
    padding-bottom: 14px;
    margin-bottom: 14px;
    border-bottom: 1px solid #e2e2e2;
}

ul.contact-information-list li span {
    display: inline-block;
    color: #9a9a9a;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

ul.contact-information-list li a {
    display: inline-block;
    color: #9a9a9a;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

ul.contact-information-list li i {
    margin-right: 10px;
    color: #a8a8a8;
    font-size: 17px;
}

#contact-form {
    overflow: hidden;
    margin-bottom: 35px;
}

#contact-form i {
    color: #a8a8a8;
    font-size: 15px;
}

.text-input {
    overflow: hidden;
}

.float-input,
.float-input2 {
    width: 50%;
    float: left;
    padding-right: 7px;
    position: relative;
}

.textarea-input {
    position: relative;
}

.float-input span,
.float-input2 span,
.textarea-input span {
    position: absolute;
    top: 13px;
    left: 14px;
    z-index: 2;
}

.float-input2 span {
    left: 18px;
}


.float-input2 {
    padding-right: 0px;
    padding-left: 7px;
}

#contact-form input[type="text"],
#contact-form textarea,
.comment-form input[type="text"],
.comment-form textarea {
    color: #737373;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    border: 1px solid #e6e6e6;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    outline: none;
    width: 100%;
    padding: 12px 32px;
    display: block;
    margin-bottom: 10px;   
}

#contact-form input[type="text"]:focus,
#contact-form textarea:focus {
    border: 1px solid #007aff; 
}

#contact-form textarea {
    height: 110px;
    padding-left: 36px;
}

#contact-form input[type="submit"],
.comment-form input[type="submit"] {
    float: right;
    margin-top: 8px;
    color: #fdfdfd;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    padding: 13px 20px;
    background: #2b5397;
    text-transform: uppercase;
    border: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

#contact-form input[type="submit"]:hover,
.comment-form input[type="submit"]:hover {
    opacity: 0.8;
}

.msg,
.msg2 {
    height:30px;
    font-size:13px;
    font-family: 'Open Sans', sans-serif;
}

.msg.error,
.msg2.error {
    color:#eb2c06;
}

.msg.success,
.msg2.success {
    color:#008000;
}

/*-------------------------------------------------*/
/* =  Single post
/*-------------------------------------------------*/

.single-post-content {
    margin-bottom: 20px;
    overflow: hidden;
}

.single-post-content img {
    width: 100%;
    margin-bottom: 30px;
}

.single-post-content h2 {
    font-weight: 300;
    margin-bottom: 10px;
    font-size: 28px;
}

.single-post-content p {
	line-height: 22px;
	margin-bottom: 20px;
}

.comment-section {
    margin-bottom: 10px;
}

.comment-box {
    overflow: hidden;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #f0f0f0;
}

.comment-box img {
    float: left;
    padding: 8px;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    max-width: 78px;
}

.comment-content {
    margin-left: 98px;
    padding-top: 8px;
}

.comment-content h6 {
    margin: 0;
    color: #3c3c3c;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    line-height: 22px;
}

.comment-content h6 span {
    display: inline-block;
    margin-left: 6px;
    color: #b8b8b8;
    font-size: 11px;
}

.comment-content p {
    color: #868686;
    font-weight: 400;
}

.comment-content a.reply-comment {
    display: inline-block;
    color: #ffffff;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    background: #2b5397;
    text-decoration: none;
    padding: 3px 8px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    margin-top: 3px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.comment-content a.reply-comment:hover {
    opacity: 0.8;
}

ul.depth {
    margin-left: 98px;
}

.comment-form input[type="text"],
.comment-form textarea {
    border: 1px solid #007aff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 17px 21px;
    font-size: 12px;
}

.comment-form textarea {
    height: 179px;
}

.comment-form input[type="submit"] {
    margin-top: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;    
}

.leave-comment {
    margin-bottom: 40px;
}

/*-------------------------------------------------*/
/* =  About page
/*-------------------------------------------------*/

.about-us-text img {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

.about-us-text p span,
.company-mission p span {
    font-weight: 700;
    color: #2b5397;
}

.skills-progress p {
    font-weight: 300;
    clear: both;
    margin-bottom: 6px;
}

.skills-progress p span {
    display: inline-block;
    color: #2b5397;
    float: right;
    font-weight: 400;
}

.meter { 
    height: 20px;  /* Can be anything */
    position: relative;
    background: #fff;
    border: 1px solid #dbdbdb;
    margin-bottom: 8px;
}

.meter > span {
    display: block;
    height: 100%;
    position: relative;
    overflow: hidden;
    background: #2b5397;
}

.company-mission > span.icon {
    display: block;
    width: 62px;
    height: 62px;
    border: 1px solid #2b5397;
    background: #fff;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
}

.company-mission > span.icon:after {
    position: absolute;
    content: 'O';
    color: #2b5397;
    font-size: 43px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    left: 13px;
    line-height: 60px;
}

.staff-box.vers2 .staff-post-gal {
    border: 1px solid #2b5397;
}

.pricing-box {
    padding: 40px 0;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 50px;
}

ul.pricing-table {
    width: 100%;
    margin-bottom: 15px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out; 
}

ul.pricing-table:hover {
    box-shadow: 0 0 20px #c6c6c6;
}

ul.pricing-table li {
    width: 100%;
    text-align: center;
    padding: 15px 0;
    border: 1px solid #dbdbdb;
    border-top: none;
    background: #fff;
}

ul.pricing-table li:first-child {
    padding: 35px 0;
    border: none;
    background: #2b5397;
}

ul.pricing-table li p {
    color: #555555;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
}

ul.pricing-table li:first-child p {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
}

ul.pricing-table li:first-child span {
    color: #fff;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    line-height: 20px;
}

ul.pricing-table li a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    padding: 12px 20px;
    background: #2b5397;
    text-decoration: none;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;    
}

ul.pricing-table li a:hover {
    opacity: 0.8;    
}

.pricing-table.standard li {
    border: none;
    border-bottom: 1px solid #005ec7;
    background: #2b5397;
}

.pricing-table.standard li:first-child {
    background: #ffffff;
    border: 1px solid #dbdbdb;
}

.pricing-table.standard li:last-child {
    border-bottom: none;
}

.pricing-table.standard li p {
    color: #fff;
}

.pricing-table.standard li:first-child p,
.pricing-table.standard li:first-child span {
    color: #2b5397;
}

.pricing-table.standard li a {
    background: #ffffff;
    color: #2b5397;
}

.clients-section {
    padding-bottom: 50px;
}

.clients-section .partner-list li {
    width: auto;
    margin: 0;
    text-align: center;
    margin-left: 38px;
    margin-bottom: 20px;
}

.clients-section .partner-list li:first-child {
    margin-left: 0px;
}

.clients-section .partner-list img {
    width: 100%;
}

/*-------------------------------------------------*/
/* =  Shop page
/*-------------------------------------------------*/

.shop-home {
    margin-top: 30px;
}

.shop-page .product-post {
    margin-bottom: 30px;
}

.top-bar {
    padding: 9px;
    border: 1px solid #dbdbdb;
    height: 50px;
    margin-bottom: 30px;
}

.top-bar .left-block {
    float: left;
}

.top-bar .right-block {
    float: right;
}

.select-filter label {
    display: inline-block;
    margin: 0 9px 0 6px;
    color: #535353;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.select-filter .select-box {
    display: inline-block;
    margin-right: 10px;
}

.select-filter select {
    height: 30px;
    width: 100px;
    border: 1px solid #dbdbdb;
    outline: none;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
}

.top-bar .right-block span {
    color: #535353;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    margin-right: 9px;
}

.top-bar .right-block a {
   display: inline-block;
   width: 30px;
   height: 30px;
   text-align: center;
   background: #2b5397;
}

.top-bar .right-block i {
   font-size: 15px;
   color: #fff;
   line-height: 30px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.top-bar .right-block a:hover i {
   opacity: 0.7;
}

.shop-widget {
    margin-bottom: 20px;
    border: 1px solid #dedede;
}

.shop-widget h4 {
    color: #58939b;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 14px;
    background: #2b5397;
}

.category-shop-list > li {
    border-top: 1px solid #dedede;
}

.category-shop-list > li:first-child {
    border-top: 1px solid #dedede;
}

.category-shop-list li a.accordion-link {
    display: inline-block;
    width: 100%;
    color: #000;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    padding: 6px 8px;
    position: relative;
    text-decoration: none;
}

.category-shop-list li a.accordion-link:hover,
.category-shop-list li a.accordion-link.active {
    color: #fff;
    background: #2b5397;
    opacity: 0.6;
}

.category-shop-list li a.accordion-link:after {
    position: absolute;
    content: '+';
    color: #7b7b7b;
    font-size: 15px;
    font-family: arial;
    font-weight: 700;
    right: 9px;
    top: 5px;
}

.category-shop-list li a.accordion-link:hover:after,
.category-shop-list li a.accordion-link.active:after {
    color: #fff;
}

.category-shop-list li a.accordion-link.active:after {
    content: '-';
    right: 13px;
}

.accordion-list-content {
    border-top: 1px solid #dedede;
    display: none;
}

.accordion-list-content li {
    margin: 5px 0;
    padding-left: 17px;
    position: relative;
}

.accordion-list-content li:before {
    position: absolute;
    content: '';
    width: 2px;
    height: 2px;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -o-border-radius: 1px;
    background: #767676;
    top: 50%;
    left: 8px;
}

.accordion-list-content li a {
    display: inline-block;
    color: #767676;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}

ul.popular-product {
    padding: 0 10px;
}

ul.popular-product li {
    padding-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #dedede;
    overflow: hidden;
}

ul.popular-product li:first-child {
    border-top: none;
}

ul.popular-product li img {
    float: left;
    width: 50px;
}

ul.popular-product li div {
    margin-left: 60px;
}

ul.popular-product li h6 {
    color: #000;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    margin-top: 4px;
}

ul.popular-product li h6 a {
    color: #000;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

ul.popular-product li h6 a:hover {
    color: #2b5397;
}

ul.popular-product li span {
    color: #2b5397;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.price-range {
    padding: 18px 12px 12px;
    overflow: hidden;
}

#start-val,
#end-val {
    display: inline-block;
    border: none;
    float: left;
    padding: 0;
    color: #000;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    max-width: 50px;
}

#end-val {
   float: right;
   text-align: right;
}

/*-------------------------------------------------*/
/* =  Single project page
/*-------------------------------------------------*/

.single-project-content {
    margin-bottom: 40px;
}

.single-project-content img {
    width: 100%;
    margin-bottom: 30px;
}

.single-project-content h2 {
    font-weight: 300;
    margin-bottom: 10px;
    font-size: 28px;
}

.single-project-content p {
    line-height: 22px;
    margin-bottom: 20px;
}

.latest-projects {
    margin-bottom: 40px;
}

/*-------------------------------------------------*/
/* =  Footer
/*-------------------------------------------------*/

footer {
    padding-top: 25px;
    border-top: 1px solid #dbdbdb;
}

.footer-widgets {
    margin-bottom: 30px;
}

.footer-widgets:first-child {
    padding-bottom: 16px;
    border-bottom: 1px solid #dbdbdb;
}

.footer-widgets h4 {
    color: #58939b;
    margin-bottom: 16px;
}

.footer-widgets p {
    line-height: 22px;
    margin-bottom: 5px;
}

.footer-widgets.text-widget img {
    margin-bottom: 10px;
}

ul.tweets li {
    margin-bottom: 15px;
}

ul.tweets li p {
    margin-bottom: 0px;
    color: #797979;
}

ul.tweets li p a {
    color: #797979;
    text-decoration: underline;
}

ul.tweets li p a.tweet-acc {
    color: #007aff;
    text-decoration: none;
}

ul.tweets li span {
    color: #797979;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}

ul.flickr-list {
    overflow: hidden;
}

ul.flickr-list li {
    float: left;
    margin-right: 13px;
    margin-bottom: 13px;
}

ul.flickr-list li:nth-child(3n) {
    margin-right: 0px;
}

ul.flickr-list li a {
    display: inline-block;
    padding: 8px;
    border: 1px solid #dbdbdb;
    max-width: 78px;
    overflow: hidden;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

ul.flickr-list li a img {
    width: 100%;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

ul.flickr-list li a:hover {
    border: none;
}

ul.flickr-list li a:hover img {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
}

ul.pop-post li a {
    display: inline-block;
    color: #797979;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    line-height: 22px;
    font-weight: 300;
}

ul.pop-post li a i {
    color: #007aff;
    font-size: 13px;
    margin-right: 8px;
}

ul.tag-widget-list li {
    display: inline-block;
    margin-right: 6px;
    margin-bottom: 10px;
}

ul.tag-widget-list li a {
    display: inline-block;
    color: #797979;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    padding: 5px 8px;
    text-decoration: none;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.tag-widget-list li a:hover {
    color: #007aff;
    border: 1px solid #007aff;
}

form#footer-contact input[type="text"] {
    width: 50%;
    float: left;
    border: 1px solid #dbdbdb;
    color: #797979;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    padding: 10px;
    outline: none;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

form#footer-contact input[type="text"]:focus,
form#footer-contact textarea:focus {
    border: 1px solid #007aff;
}

form#footer-contact input[name="name"] {
    border-right-color: transparent;
}

form#footer-contact textarea {
    width: 100%;
    border: 1px solid #dbdbdb;
    color: #797979;
    font-size: 11px;
    font-family: 'Open Sans', sans-serif;
    padding: 10px;
    height: 160px;
    border-top-color: transparent;
    margin: 0;
    outline: none;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

form#footer-contact button[type="submit"] {
    position: relative;
    float: right;
    color: #007aff;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    padding: 12px;
    border: 1px solid #dbdbdb;
    border-right-color: transparent;
    border-bottom-color: transparent;
    background: #fff;
    margin-top: -46px;
    margin-right: 1px;
    z-index: 2;
    position: relative;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

form#footer-contact button i {
    font-size: 18px;
    color: #007aff;
    margin-right: 10px;
}

form#footer-contact button[type="submit"]:hover {
    opacity: 0.7;
}

ul.contact-list li {
    margin-bottom: 15px;
}

ul.contact-list li a {
    position: relative;
    display: inline-block;
    color: #797979;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    padding: 6px 9px 6px 6px;
    text-decoration: none;
    border: 1px solid #dbdbdb;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.contact-list li a i {
    display: inline-block;
    width: 15px;
    font-size: 16px;
    color: #a8a8a8;
    margin-right: 16px;
    vertical-align: middle;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.contact-list li a:hover {
    border: 1px solid #007aff;
}

ul.contact-list li a:hover i {
    color: #007aff;
}

ul.contact-list li a:after {
    position: absolute;
    content: '';
    width: 28px;
    height: 100%;
    border-right: 1px solid #dbdbdb;
    top: 0;
    left: 0;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

ul.contact-list li a:hover:after {
    border-right: 1px solid #007aff;
}

.work-widget p {
    margin-bottom: 10px;
}

p.work-time {
    color: #444444;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 20px;
}

p.work-time span {
    font-weight: 400;
    font-style: italic;
}

.footer-line {
    padding: 10px;
    background: #cacaca;
    overflow: hidden;
}

.footer-line p {
    float: left;
    padding: 12px 0;
    color: #fff;
    font-weight: 400;
}

.footer-line a.go-top {
    display: inline-block;
    position: relative;
    float: right;
    width: 42px;
    height: 42px;
    background: #ffffff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
}

.footer-line a.go-top:hover {
    opacity: 0.7;
}

.footer-line a.go-top:before {
    font-family: 'FontAwesome';
    content: "\f106";
    position: absolute;
    font-size: 28px;
    width: 100%;
    color: #007aff;
    vertical-align: middle;
    text-align: center;
}

/*-------------------------------------------------*/
/* =  nouislider style (used in priccing range)
/*-------------------------------------------------*/

.noUi-target * {
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
-webkit-touch-callout: none;
    -ms-touch-action: none;
-webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        cursor: default;
}
.noUi-base {
    width: 100%;
    height: 6px;
    position: relative;
    max-width: 100%;
    max-height: 100%;
    z-index: 1;
    border: 1px solid #dbdbdb;
    margin-bottom: 15px;
}
.noUi-handle {
    background: #EEE;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    margin: -6px 0 0 -6px;
    border: 1px solid #bdbdbd;
    background: #ebebeb url('../images/price-range.png') center center no-repeat;
}
.noUi-connect {
    background: Teal;
    background: #394f61 url('../images/price-range.png') center center no-repeat;
}
.noUi-background {
    background: #f5f5f5;
}
.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    border-radius: inherit;
    background: #2b5397;
}
.noUi-origin-upper {
    background: inherit !important;
}
.noUi-z-index {
    z-index: 10;
}
.noUi-vertical {
    width: 40px;
    height: 100%;   }
.noUi-vertical .noUi-origin {
    bottom: 0;
    left: 0;
}
.noUi-vertical .noUi-handle  {
    margin: -23px 0 0 -3px;
}

.noUi-target[disabled] .noUi-base {
    background: #999;
}
.noUi-target[disabled] .noUi-connect {
    background: #BBB;
}
.noUi-state-tap .noUi-origin {
    -webkit-transition: left 0.3s, top 0.3s;
    transition: left 0.3s, top 0.3s;
}


/*-------------------------------------------------*/
/* =  Single page
/*-------------------------------------------------*/

#container.single-page {
    padding-top: 0;
}

.single-page .section {
    margin-bottom: 60px;
}

.single-page #home-section,
.single-page #team-section {
    margin-bottom: -60px;
}

.single-page #team-section .staff-box {
    border-bottom: none;
}

.single-page .welcome-box {
    margin-bottom: 40px;
    border-top: 1px solid #EBEBEB;
    padding: 31px 0 40px;
}

.single-page .welcome-box {
    margin-bottom: 40px;
}

.single-page .welcome-box h1 {
    margin-bottom: 5px;
}

.single-page #about-section .welcome-box {
    margin-bottom: 0px;
}

.single-page #about-section .services-box {
    margin-bottom: 50px;
}

.single-page #contact-section .welcome-box {
    margin-bottom: 30px;
}

.single-page footer {
    padding: 0;
}

.home-box {
    position: relative;
    overflow: hidden;
}

.home-box .background-view {
    position: absolute;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
    overflow: hidden;
}

.slider-caption {
    position: absolute;
    height: 300px;
    top: 50%;
    margin-top: -100px;
    width: 100%;
    left: 0;
}

.slider-caption .flexslider {
    height: 85px;
    background: none;
    margin: 120px 0;
    background: rgba(0,0,0,0.3);
}

.slider-caption .flex-direction-nav {
    display: none;
}

.slider-caption p.flex-caption {
    text-align: center;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 50px;
    line-height: 80px;
}

.slider-caption p.flex-caption span {
    font-weight: 300;
}

.slider-caption .flex-control-nav {
    bottom: -80px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

.redondo {

	border-radius:30px 30px;
		-moz-box-shadow: 5px 5px 9px #999;
		-webkit-box-shadow: 5px 9px 6px #999;
		-o-box-shadow: 5px 5px 9px #999;
		-wap-box-shadow: 5px 5px 9px #999;
		-ms-box-shadow: 5px 5px 9px #999;
	box-shadow: 5px 5px 9px #999;

}

.contenido {
    padding: 50px;
    background: url('../images/contenido.jpg');
    overflow: hidden;
}

.contenido h3 {
    color: #fff;
}

.contenido .carousel-control {
    border: 1px solid #fff;
    background: transparent;
}

.contenido .carousel-control.left:hover {
    background: rgba(255,255,255,0.3);
}

.contenido .carousel-control.right:hover {
    background: rgba(255,255,255,0.3);
}

.contenido .carousel-control.left:before {
    top: -2px;
    left: 8px;
}

.contenido .carousel-control.right:before {
    top: -2px;
    left: 9px;
}

/* ======================================================================================================================================================
Testimonials
====================================================================================================================================================== */

.avia-testimonial{
border-right-style: dashed;
border-right-width: 1px;
border-bottom-style: dashed;
border-bottom-width: 1px;
padding:20px;
}

.avia-first-testimonial{clear:both;}
.avia-testimonial-wrapper .avia-testimonial-row:last-child .avia-testimonial{border-bottom:none;}
.avia-testimonial.avia-last-testimonial, .avia-grid-1-testimonials .avia-testimonial{border-right:none;}
.avia-testimonial-image img{border-radius: 100px;}
.avia-testimonial-image{float:left; margin:0 20px 0 0; width:80px; height:80px; border-radius: 100px; overflow: hidden;}
.avia-testimonial-content{overflow: hidden;}
.avia-testimonial-content p:first-child{margin-top:0;}
.avia-testimonial-meta{position: relative; overflow: hidden; margin-left: 100px;}
.avia-testimonial-meta-mini{overflow: hidden;}
.avia-testimonial-name{display:block;}
.avia-testimonial-arrow-wrap{display:none;}

.avia-testimonial-wrapper{display:table; margin: 30px 0; clear:both; width: 100%; table-layout: fixed; }
.avia-testimonial-row{display: table-row;}
body div .avia-testimonial{display: table-cell; float:none;}

.avia_transform .avia-testimonial .avia-testimonial-image{
opacity: 0.2;
-webkit-transform:scale(0.5);
transform:scale(0.5);
}

.avia_transform .avia_start_animation.avia-testimonial .avia-testimonial-image{
-webkit-animation: avia_appear 0.4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
animation:         avia_appear 0.4s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
opacity: 1;
-webkit-transform:scale(1);
transform:scale(1);
}


/*slider style*/
#top .avia-slider-testimonials.avia-testimonial-wrapper{display:block; clear:both; position: relative;  }
#top .avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial-row{display: block; width:100%; position: relative;  }
#top .avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial{visibility:hidden; border:none; width:100%; float:none; padding:0; position: absolute; top:0;  }
.js_active .avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial{opacity: 0;  }
#top .avia-slider-testimonials.avia-testimonial-wrapper .avia-testimonial:first-child{display:block; visibility:visible; position: relative;  }
.avia-slider-testimonials .avia-testimonial-meta{ margin:13px 0 0 20px; overflow: visible; font-size: 14px; }
.avia-slider-testimonials .avia-testimonial-meta .avia-testimonial-image{margin:0 10px 0 0; width:40px; height:40px; }
.avia-slider-testimonials .avia-testimonial-content{ padding:15px; border-style: solid; border-width: 2px; border-radius: 10px; min-height: 405px; color: #000;  background-color: white; }
.avia-slider-testimonials .avia-testimonial-content p:last-child{margin-bottom: 0; padding-top: 10px;  padding-bottom: 10px}
.avia-slider-testimonials .avia-testimonial-arrow-wrap{display: block; position: absolute; top: -14px; left: 14px; overflow: hidden; width: 10px; height: 10px;}
.avia-slider-testimonials .avia-testimonial-name{font-size:16px; color: #fff; }
.avia_mobile .avia-slider-testimonials {pointer-events: none; }


/*slider large*/
#top .av-large-testimonial-slider { text-align: center; pointer-events: all;}
#top .av-large-testimonial-slider .avia-testimonial-content{ border:none; padding: 0; background: transparent; font-size: 1.3em; line-height: 1.65em;}
#top .av-large-testimonial-slider .avia-testimonial-meta{display: inline-block; width:auto; margin:30px 0 0 0;}
#top .av-large-testimonial-slider .avia-testimonial-arrow-wrap{display:none;}
#top .av-large-testimonial-slider .avia-testimonial-meta-mini{text-align: left; overflow: visible; float:left;}
#top .av-large-testimonial-slider .avia-testimonial-name { font-size: 1.6em; margin-top: 1em; }
#top .av-large-testimonial-slider .avia-testimonial-meta .avia-testimonial-image{width:80px; height:80px;}
#top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {padding: 0px 100px ; }

#top .av-large-testimonial-slider .avia-slideshow-arrows a{top:0; margin-top: -1px; color: inherit; opacity: 0.1; font-size: 45px;}
#top .av-large-testimonial-slider:hover .avia-slideshow-arrows a{opacity: 0.5;}
#top .av-large-testimonial-slider .avia-slideshow-arrows a:hover{opacity: 0.9;}
#top .av-large-testimonial-slider .avia-slideshow-arrows a:before{background: transparent;}


@media only screen and (max-width: 767px)
{
	.responsive .avia-testimonial-wrapper, .responsive .avia-testimonial-row, .responsive .avia-testimonial{display:block; width:100%; float:none;}
	.responsive .avia-testimonial{padding:20px 0; border-right:none; margin:0;}
	.responsive #top .avia-testimonial{border-bottom-style: dashed; border-bottom-width: 1px;}
	.responsive #top .avia-testimonial-row:last-child .avia-testimonial:last-child{border:none;}
    .responsive #top .avia-slider-testimonials .avia-testimonial{border:none;}
    .responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {padding: 0px 70px ; font-size: 0.85em; }
    .responsive #top .av-large-testimonial-slider .avia-slideshow-arrows a {font-size: 30px; }
	.arriba {padding-top: 160px;}
 }


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {

		.responsive .avia-testimonial-image{margin:0; width:100%; float:none; text-align: center; margin-bottom: 15px; height: auto;}
		.responsive .avia-grid-testimonials .avia-testimonial-meta{margin-left:0;}
	}


/* ======================================================================================================================================================
Progress Bar
====================================================================================================================================================== */
.avia-progress-bar-container{margin: 15px 0; clear:both;}
.avia-progress-bar{position: relative; margin-bottom:4px;}
.avia-progress-bar .progressbar-title-wrap {
position: absolute;
z-index: 2;
bottom: 3px;
left: 3px;
color: white;
background: black;
background: rgba(0, 0, 0, 0.5);
padding: 1px 10px 2px 10px;
border-radius: 3px;
line-height: 21px;
}
.progressbar-icon{float:left;margin-right:5px;}
.icon-bar-no .progressbar-icon{display:none;}
.progressbar-title{float:left;}
.avia-progress-bar .progress{width:100%; height:30px; line-height: 30px; position: relative; border-radius: 3px; overflow: hidden;
box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.07);
}

#top .avia-progress-bar div.progress .bar-outer, #top .avia-progress-bar div.progress .bar{height:100%; position: absolute; top:0; left:0; width:100%;
background-size: 32px 32px; border-radius: 3px;
}

.av-animated-bar .avia-progress-bar div.progress .bar{
-webkit-animation: avia-bg-move 1.2s linear infinite; /* Safari 4+ */
animation:         avia-bg-move 1.2s linear infinite; /* IE 10+ */
height: 100%;
}

.avia-progress-bar div.progress {
clear: both;
}

.avia_transform #top div.progress .bar-outer{
width:0;
}

.avia_transform #top .avia-progress-bar div.progress.avia_start_animation .bar-outer{
-webkit-animation: avia_expand 1.5s cubic-bezier(0.165, 0.840, 0.440, 1.000);  /* Safari 4+ */
animation:         avia_expand 1.5s cubic-bezier(0.165, 0.840, 0.440, 1.000);  /* IE 10+ */
width:100%;
}

.grey-bar .bar{
background: #555;
}

.av-striped-bar .grey-bar .bar{
background-image:	-webkit-linear-gradient(-45deg, #666 25%, #444 25%, #444 50%, #666 50%, #666 75%, #444 75%, #444);
background-image:      -moz-linear-gradient(-45deg, #666 25%, #444 25%, #444 50%, #666 50%, #666 75%, #444 75%, #444);
background-image:           linear-gradient(-45deg, #666 25%, #444 25%, #444 50%, #666 50%, #666 75%, #444 75%, #444);
}

.blue-bar .bar{
background: #7bb0e7;
}

.av-striped-bar .blue-bar .bar{
background-image:	-webkit-linear-gradient(-45deg, #96C8FB 25%, #74a6d9 25%, #74a6d9 50%, #96C8FB 50%, #96C8FB 75%, #74a6d9 75%, #74a6d9);
background-image:      -moz-linear-gradient(-45deg, #96C8FB 25%, #74a6d9 25%, #74a6d9 50%, #96C8FB 50%, #96C8FB 75%, #74a6d9 75%, #74a6d9);
background-image:           linear-gradient(-45deg, #96C8FB 25%, #74a6d9 25%, #74a6d9 50%, #96C8FB 50%, #96C8FB 75%, #74a6d9 75%, #74a6d9);
}

.green-bar .bar{
background: #83a846;
}

.av-striped-bar .green-bar .bar{
background-image:	-webkit-linear-gradient(-45deg, #A5CA68 25%, #83a846 25%, #83a846 50%, #A5CA68 50%, #A5CA68 75%, #83a846 75%, #83a846);
background-image:      -moz-linear-gradient(-45deg, #A5CA68 25%, #83a846 25%, #83a846 50%, #A5CA68 50%, #A5CA68 75%, #83a846 75%, #83a846);
background-image:           linear-gradient(-45deg, #A5CA68 25%, #83a846 25%, #83a846 50%, #A5CA68 50%, #A5CA68 75%, #83a846 75%, #83a846);
}

.orange-bar .bar{
background: #EDAE44;
}

.av-striped-bar .orange-bar .bar{
background-image: -webkit-linear-gradient(-45deg, #EDAE44 25%, #FFCF66 25%, #FFCF66 50%, #EDAE44 50%, #EDAE44 75%, #FFCF66 75%, #FFCF66);
background-image: -moz-linear-gradient(-45deg, #EDAE44 25%, #FFCF66 25%, #FFCF66 50%, #EDAE44 50%, #EDAE44 75%, #FFCF66 75%, #FFCF66);
background-image: linear-gradient(-45deg, #EDAE44 25%, #FFCF66 25%, #FFCF66 50%, #EDAE44 50%, #EDAE44 75%, #FFCF66 75%, #FFCF66);
}

.black-bar .bar{
background: #222;
}

.av-striped-bar .black-bar .bar{
background-image: -webkit-linear-gradient(-45deg, #222 25%, #444 25%, #444 50%, #222 50%, #222 75%, #444 75%, #444);
background-image: -moz-linear-gradient(-45deg, #222 25%, #444 25%, #444 50%, #222 50%, #222 75%, #444 75%, #444);
background-image: linear-gradient(-45deg, #222 25%, #444 25%, #444 50%, #222 50%, #222 75%, #444 75%, #444);
}

.red-bar .bar{
background: #B02B2C;
}

.av-striped-bar .red-bar .bar{
background-image: -webkit-linear-gradient(-45deg, #B02B2C 25%, #D24D4E 25%, #D24D4E 50%, #B02B2C 50%, #B02B2C 75%, #D24D4E 75%, #D24D4E);
background-image: -moz-linear-gradient(-45deg, #B02B2C 25%, #D24D4E 25%, #D24D4E 50%, #B02B2C 50%, #B02B2C 75%, #D24D4E 75%, #D24D4E);
background-image: linear-gradient(-45deg, #B02B2C 25%, #D24D4E 25%, #D24D4E 50%, #B02B2C 50%, #B02B2C 75%, #D24D4E 75%, #D24D4E);
}

.teal-bar .bar{
background: #5F8789;
}

.av-striped-bar .teal-bar .bar{
background-image: -webkit-linear-gradient(-45deg, #5F8789 25%, #7FA9AB 25%, #7FA9AB 50%, #5F8789 50%, #5F8789 75%, #7FA9AB 75%, #7FA9AB);
background-image: -moz-linear-gradient(-45deg, #5F8789 25%, #7FA9AB 25%, #7FA9AB 50%, #5F8789 50%, #5F8789 75%, #7FA9AB 75%, #7FA9AB);
background-image: linear-gradient(-45deg, #5F8789 25%, #7FA9AB 25%, #7FA9AB 50%, #5F8789 50%, #5F8789 75%, #7FA9AB 75%, #7FA9AB);
}

.aqua-bar .bar{
background: #4ECAC2;
}

.av-striped-bar .aqua-bar .bar{
background-image: -webkit-linear-gradient(-45deg, #4ECAC2 25%, #6FECE4 25%, #6FECE4 50%, #4ECAC2 50%, #4ECAC2 75%, #6FECE4 75%, #6FECE4);
background-image: -moz-linear-gradient(-45deg, #4ECAC2 25%, #6FECE4 25%, #6FECE4 50%, #4ECAC2 50%, #4ECAC2 75%, #6FECE4 75%, #6FECE4);
background-image: linear-gradient(-45deg, #4ECAC2 25%, #6FECE4 25%, #6FECE4 50%, #4ECAC2 50%, #4ECAC2 75%, #6FECE4 75%, #6FECE4);
}

.purple-bar .bar{
background: #745F7E;
}

.av-striped-bar .purple-bar .bar{
background-image: -webkit-linear-gradient(-45deg, #745F7E 25%, #967F9F 25%, #967F9F 50%, #745F7E 50%, #745F7E 75%, #967F9F 75%, #967F9F);
background-image: -moz-linear-gradient(-45deg, #745F7E 25%, #967F9F 25%, #967F9F 50%, #745F7E 50%, #745F7E 75%, #967F9F 75%, #967F9F);
background-image: linear-gradient(-45deg, #745F7E 25%, #967F9F 25%, #967F9F 50%, #745F7E 50%, #745F7E 75%, #967F9F 75%, #967F9F);
}

.pink-bar .bar{
background: #D65799;
}

.av-striped-bar .pink-bar .bar{
background-image: -webkit-linear-gradient(-45deg, #D65799 25%, #F879BB 25%, #F879BB 50%, #D65799 50%, #D65799 75%, #F879BB 75%, #F879BB);
background-image: -moz-linear-gradient(-45deg, #D65799 25%, #F879BB 25%, #F879BB 50%, #D65799 50%, #D65799 75%, #F879BB 75%, #F879BB);
background-image: linear-gradient(-45deg, #D65799 25%, #F879BB 25%, #F879BB 50%, #D65799 50%, #D65799 75%, #F879BB 75%, #F879BB);
}

.silver-bar .bar{
background: #D7D7D7;
}

.av-striped-bar .silver-bar .bar{
background-image: -webkit-linear-gradient(-45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9);
background-image: -moz-linear-gradient(-45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9);
background-image: linear-gradient(-45deg, #D7D7D7 25%, #F9F9F9 25%, #F9F9F9 50%, #D7D7D7 50%, #D7D7D7 75%, #F9F9F9 75%, #F9F9F9);
}







/* ======================================================================================================================================================
Image
====================================================================================================================================================== */
.avia-image-container{display:block; position: relative; max-width: 100%;}
.avia-image-container-inner, .avia_image, .av-image-caption-overlay{border-radius: 3px; display:block; position: relative; max-width: 100%;}
.avia-image-container.avia-align-center{display:block; margin: 0 auto 10px auto;  text-align: center;  clear: both;}
.avia-image-container.avia-align-center .avia-image-container-inner{margin:0 auto; display:inline-block; vertical-align:bottom}
.avia-image-container.avia-align-left{display:block; float:left; margin-right: 15px; margin-top: 5px;}
.avia-image-container.avia-align-right{display:block; float:right; margin-left: 15px; margin-top: 5px;}
.avia-image-container.avia-align-center.avia-builder-el-no-sibling{margin-bottom:0; margin-top:0;}

.avia_image + br{display:none;}


/*styling variations*/



.av-styling-circle .avia-image-container-inner, .av-styling-circle .avia_image, .av-styling-circle .av-image-caption-overlay,
.av-styling-circle div.av-caption-image-overlay-bg{overflow: hidden; border-radius: 10000px; }
.avia-safari div.av-image-caption-overlay-center { -webkit-transform:translate3d(0,0,0); }/*flicker fix for caption in safari*/

.av-styling-no-styling .avia-image-container-inner, .av-styling-no-styling .avia_image, .av-styling-no-styling .av-image-caption-overlay{border-radius: 0; border:none;}

/*captions*/
.av-image-caption-overlay{position: absolute; height:100%; width:100%;  z-index: 10; text-align: center;
-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
}

.avia-msie-8 .av-image-caption-overlay{background: #000; filter:alpha(opacity=40); }
.av-image-caption-overlay-position{display: table; width: 100%; height:100%; position: relative; }
.av-image-caption-overlay-center{display:table-cell;  vertical-align: middle; font-size: 1.3em; line-height: 1.5em; padding: 0px 1.5em; }
.av-image-caption-overlay-center p:first-child{margin-top:0;}
.av-image-caption-overlay-center p:last-child{margin-bottom:0;}

.av-caption-image-overlay-bg{position: absolute; height:100%; width:100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.av-overlay-hover-deactivate:hover .av-caption-image-overlay-bg{opacity: 0 !important; }
.av-overlay-on-hover .av-image-caption-overlay{opacity: 0; filter:alpha(opacity=00); }
.av-overlay-on-hover .avia-image-container-inner:hover .av-image-caption-overlay{opacity: 1; filter:alpha(opacity=100);}

/*animation variations*/

.avia_transform .avia_animated_image,
.avia_transform.avia_desktop .av-animated-generic{
opacity: 0;
}


.avia_transform .avia_start_delayed_animation.fade-in {
-webkit-animation: avia-fadein 1.5s 1 ease-out; /* Safari 4+ */
animation:         avia-fadein 1.5s 1 ease-out; /* IE 10+ */
opacity: 1;
}

.avia_transform .avia_start_delayed_animation.pop-up {
-webkit-animation: avia_image_appear 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
animation:         avia_image_appear 0.5s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
opacity: 1;
}

.avia_transform .avia_start_delayed_animation.top-to-bottom {
-webkit-animation: avia-ttb 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
animation:         avia-ttb 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
opacity: 1;
}

.avia_transform .avia_start_delayed_animation.bottom-to-top {
-webkit-animation: avia-btt 0.8s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000); /* Safari 4+ */
animation:         avia-btt 0.8s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000); /* IE 10+ */
opacity: 1;
}

.avia_transform .avia_start_delayed_animation.left-to-right {
-webkit-animation: avia-ltr 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
animation:         avia-ltr 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
opacity: 1;
}

.avia_transform .avia_start_delayed_animation.right-to-left {
-webkit-animation: avia-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
animation:         avia-rtl 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
opacity: 1;
}

.avia_transform .avia_start_delayed_animation.av-rotateIn {
  -webkit-animation: avia-rotateIn 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
  animation: avia-rotateIn 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
  opacity: 1;
}

.avia_transform .avia_start_delayed_animation.av-rotateInUpLeft {
  -webkit-animation: avia-rotateInUpLeft 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
  animation: avia-rotateInUpLeft 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
  opacity: 1;
}

.avia_transform .avia_start_delayed_animation.av-rotateInUpRight {
  -webkit-animation: avia-rotateInUpRight 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
  animation: avia-rotateInUpRight 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
  opacity: 1;
}




/* ======================================================================================================================================================
Image with Hotspots
====================================================================================================================================================== */


.av-hotspot-container {position: relative; display: table; margin: 0 auto; clear: both; table-layout:fixed}
.av-hotspot-container-inner-cell{display: table-cell;}
.av-fullwidth-hotspots .av-hotspot-container-inner-cell{width:100%;display:block;}
.av-hotspot-container-inner-wrap img{width:100%; display: block;}

.av-hotspot-container .av-image-hotspot{height:18px; width:18px; font-size: 10px; line-height: 18px; text-align: center; position: absolute; z-index: 1; margin:-9px 0 0 -9px; }
.av-hotspot-container .av-image-hotspot_inner{ display:block; border-radius: 100px;  position: absolute;  height:100%; width:100%; background: #fff; color: #888; z-index: 2; cursor: pointer; text-decoration: none;}
.av-hotspot-container .av-image-hotspot_inner:hover{ background: #fff; color: #888;}

.av-hotspot-blank .av-hotspot-container .av-image-hotspot_inner{overflow: hidden; text-indent: -200%;}
.av-hotspot-container .av-image-hotspot-pulse {
display: block;
background: #fff;
border-radius: 100px;
height: 40px;
width: 40px;
position: absolute;
-webkit-animation: av_pulsate 2s ease-out infinite;
animation: av_pulsate 2s linear infinite;
opacity: 0;
top: -11px;
left: -11px;
z-index: 1;
}

.av-tt-hotspot{text-align: left; }
.av-hotspot-fallback-tooltip{ padding:15px 15px 0 15px; position: relative; display:none; }
.av-hotspot-image-container .av-hotspot-fallback-tooltip:last-child{padding-bottom:15px;}
.av-hotspot-fallback-tooltip-count{height:40px; width:40px; line-height: 40px; border-style: solid; border-width: 1px; text-align: center;  border-radius: 100px; position: absolute; top:15px; left:15px; z-index: 10;}
.av-hotspot-fallback-tooltip-inner{margin-left:60px; border: 1px solid; padding: 15px; position: relative; border-radius: 2px;}
.av-hotspot-fallback-tooltip-inner img{max-width:100px; margin:0 10px 0 0; display:block;}
.av-hotspot-fallback-tooltip-inner p:first-child, .inner_tooltip p:first-child{margin-top:0;}
.av-hotspot-fallback-tooltip-inner p:last-child, .inner_tooltip p:last-child{margin-bottom:0;}
.av-hotspot-fallback-tooltip div.avia-arrow { left: 60px; top: 13px; border-right: none; border-top: none; }




.av-tt-large-width{width:250px;}
.av-tt-xlarge-width{width:350px;}

/*non-fullwidth hotspot*/
.av-non-fullwidth-hotspot-image .av-hotspot-fallback-tooltip{padding-left:0; padding-right: 0;}
.av-non-fullwidth-hotspot-image .av-hotspot-fallback-tooltip-count{left:0px;}

/*fullwidth hotspot*/
.av-fullwidth-hotspots{border-top:none;}
.av-fullwidth-hotspots img{width:100%; border-radius: 0px;}
.av-fullwidth-hotspots .av-hotspot-container{display: block; }

/*image and hotspot appearing*/
.avia_transform.js_active .avia_animated_image .av-image-hotspot{opacity:0; visibility: hidden;}
.avia_transform.js_active .avia_animated_image .av-display-hotspot{
-webkit-animation: avia_hotspot_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
animation:         avia_hotspot_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
opacity: 1;
visibility: visible;
}

.avia_transform.js_active .avia_animated_image .av-image-hotspot .av-permanent-tooltip-single{
opacity:0 !important;
-webkit-transition: all 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000) 1s;
transition: 		all 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000) 1s;	
-webkit-transform:translate(0px,10px);
transform:translate(0px,10px);
}

.avia_transform.js_active .avia_animated_image .av-display-hotspot .av-permanent-tooltip-single{
opacity: 1 !important;
-webkit-transform:translate(0px,0);
transform:translate(0px,0); 
}


@media only screen and (min-width: 990px)
{
	.responsive  .av-image-hotspot{ height:24px; width:24px;line-height: 24px; font-size: 11px;}
	.responsive  .av-image-hotspot-pulse{ height: 54px; width: 54px; top: -15px; left: -15px;}
}

@media only screen and (max-width: 767px) 
{
	.responsive .av-hotspot-fallback-tooltip{ display:block; }
	.responsive .av-mobile-fallback-active.avia-tooltip{visibility: hidden;}
	.responsive .av-hotspot-image-container.av-hotspot-blank.av-mobile-fallback-active .av-image-hotspot_inner{text-indent: 0px;}
}



/* ======================================================================================================================================================
Video
====================================================================================================================================================== */
.avia-video, .avia-iframe-wrap{clear:both; position: relative; margin-bottom:20px; }

/*responsive iframe trick*/
.avia-video iframe, .js_active .avia-iframe-wrap iframe, div .avia-video .avia-iframe-wrap{position: absolute; width:100%; height:100%; left:0; top:0; padding:0;}
.avia-video-custom{height:0;}
.avia-video-16-9, .js_active .avia-iframe-wrap{padding-bottom: 56.25%; height:0;}
.avia-video-4-3{padding-bottom: 75%; height:0;}

/*html 5 video - always has 100 width and natural height. behaves like image when it comes to aspect ratio*/

video{
width:100%;
height:auto;
}

div .avia-video .mejs-container, div .avia-video .mejs-container video{
height:100%!important;
position: absolute;
}



/* ======================================================================================================================================================
Gallery
====================================================================================================================================================== */
#top div .avia-gallery{overflow: hidden; padding-bottom:2px; clear:both;}
#top div .avia-gallery img{float:left; border-style: solid; border-width:1px; padding:7px; width:100%; border-radius: 0;}
#top div .avia-gallery .avia-gallery-big{display: block;overflow: hidden; padding:7px;  margin-bottom:-1px; border-top-left-radius: 2px; border-top-right-radius: 2px; border-style: solid; border-width:1px;}
#top div .avia-gallery .avia-gallery-big-inner{display: block;overflow: hidden; height: 100%;}
#top div .avia-gallery .avia-gallery-big img{padding:0; border:none;}
#top .avia-gallery .avia-gallery-thumb a{ width:20%; opacity: 1; }
#top #wrap_all .avia-gallery .avia-gallery-thumb a{display: block; float:left; }
#top .avia-gallery .avia-gallery-thumb a:hover{opacity: 0.5;}
#top .avia-gallery .avia-gallery-caption{display:none;}
#top div .avia-gallery .avia-gallery-big-no-crop-thumb {text-align: center;}
#top div .avia-gallery .avia-gallery-big-no-crop-thumb img{clear:both; float: none; text-align: center;}


/*gallery animation*/
.avia_transform .avia-gallery-thumb img{
opacity: 0.1;
-webkit-transform:	scale(0.5);
transform:			scale(0.5);
}
.avia_transform .avia-gallery-thumb  img.avia_start_animation{
-webkit-animation: avia_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
animation:         avia_appear 0.9s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
opacity: 1;
-webkit-transform:	scale(1);
transform:			scale(1);
}

.av-hover-grow{overflow: hidden; }
.av-hover-grow img {
-webkit-transition: all 1.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
transition:			all 1.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
.av-hover-grow:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.av-hide-gallery-thumbs .avia-gallery-thumb{display:none;}


@media only screen and (max-width: 767px)
{
	.responsive .avia-gallery-thumb img{padding:3px;}
}


/* ======================================================================================================================================================
Slideshow
====================================================================================================================================================== */
.avia-slideshow{position: relative; margin:50px 0; width:100%; clear: both; overflow: hidden;}
.flex_column .avia-slideshow{ margin:20px 0; }
.flex_column .avia-slideshow.avia-builder-el-no-sibling{margin-top:0px;}

.avia-slideshow-inner{padding:0; margin: 0; position: relative; overflow: hidden; width:100%;}
#top .av-default-height-applied .avia-slideshow-inner{height:0px;}
.avia-slideshow li{padding:0; margin: 0; list-style-type: none; list-style-position: outside; position: absolute; visibility: hidden; z-index: 1; top:0; left:0; width:100%; clear:both; opacity: 0;}
.avia-slideshow li:first-child{position: relative; visibility: visible; z-index: 3;}
.avia-slideshow li img{display:block; width:100%; margin: 0 auto; border-radius: 3px;}
.flex_cell_inner .avia-slideshow li img{border-radius: 0;}
.avia-slideshow.image_no_stretch li img{width:auto;}
.avia-slideshow li>p{margin:0;}

#top .avia-slideshow-arrows a{
display: block;
text-decoration: none;
color: #fff;
visibility: visible;
position: absolute;
width:60px;
text-align: center;
height: 60px;
line-height: 62px;
font-size: 25px;
top:50%;
margin:-30px 15px 0;
z-index: 99;
overflow: hidden;
text-indent: -600%;
}

#top .avia-slideshow-arrows a.next-slide{
right:0;
}

.avia-slideshow-arrows a:before{
visibility: visible;
display: block;
position: absolute;
z-index: 100;
background: #aaa;
background: rgba(0,0,0,0.3);
top:0;
left:0;
right:0;
bottom:0;
border-radius: 3px;
text-align: center;
line-height: 62px;
color:inherit;
}


.prev-slide:before{
text-indent: -2px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.next-slide:before{
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
text-indent: 0px;
}

.avia-slideshow-dots{position: absolute; z-index: 200; width:100%; bottom:0; text-align: center; left: 0; height:0px;}
.avia-slideshow-dots a{display: inline-block; height:13.5px; width:13.5px; border-radius: 14px; background: #000; opacity: 0.6; filter:alpha(opacity=60); text-indent: 100px; overflow: hidden; margin:0 1px; padding: 7px;position: relative; bottom: 33px; -webkit-backface-visibility: hidden;}
.avia-slideshow-dots a.active, .avia-slideshow-dots a:hover{opacity: 0.8; filter:alpha(opacity=80); background: #fff;}

.avia-caption{position: absolute; z-index: 10; bottom:17px; left:17px; padding:10px 20px; color:#fff; border-radius: 3px; }

.avia-slideshow .avia-caption .avia-caption-title{ color:#fff; }

.js_active .avia-slideshow li:first-child{visibility: hidden;}

/* hide controls on desktop */
.avia_desktop .av_slideshow.avia-slideshow .avia-slideshow-controls a{ opacity: 0; filter:alpha(opacity=0);  }
.avia_desktop .av_slideshow.avia-slideshow:hover .avia-slideshow-controls a{ opacity: 0.6; filter:alpha(opacity=60);  }
.avia_desktop .av_slideshow.avia-slideshow:hover .avia-slideshow-controls a:hover{ opacity: 0.8; filter:alpha(opacity=80);  }

/*various control stylings*/
#top .av-control-hidden .avia-slideshow-controls{display: none;}
#top .av-control-minimal .avia-slideshow-arrows a:before{border:2px solid #fff; background: transparent; line-height: 60px;}
#top .av-control-minimal .avia-slideshow-dots a{border:2px solid #fff; background: transparent; padding: 5px;}
#top .av-control-minimal .avia-slideshow-dots a.active{background: #fff;}

#top .av-control-minimal-dark .avia-slideshow-arrows a{ color: #000; }
#top .av-control-minimal-dark .avia-slideshow-arrows a:before{border-color: #000;}
#top .av-control-minimal-dark .avia-slideshow-dots a{border-color: #000;}
#top .av-control-minimal-dark .avia-slideshow-dots a.active{background: #000;}

#top .scroll-down-link.av-control-minimal-dark{color:#000;}



/*avia-small-width-slider*/

#top .avia-small-width-slider .avia-slideshow-arrows a{
width:30px;
height:30px;
margin: -15px 5px 0;
line-height: 32px;
font-size: 15px;
}

#top .avia-small-width-slider .avia-slideshow-arrows a:before{ line-height: 32px; }


#top .avia-super-small-width-slider .avia-slideshow-dots{display:none;}


/*video slides*/

#top .av-video-slide , #top .av-video-slide .avia-slide-wrap{width:100%; height:100%; position: absolute; overflow: hidden;}
#top .av-video-slide .mejs-poster{width:100% !important; height: auto !important;  background-size: cover; background-position: center center;}
#top .av-video-slide .mejs-poster img{display:none;}
#top .av-video-slide .avia-iframe-wrap{padding:0; height:100%; margin: 0;}
#top .av-video-slide iframe, #top .av-video-slide embed, #top .av-video-slide object, #top .av-video-slide video{max-width:none; max-height:none; width:100%; height:100%; position: absolute;}
#top .av-video-slide .caption_fullwidth{top: 0; left: 0; right: 0; bottom: 40px; }
#top .av-video-slide.av-hide-video-controls .caption_fullwidth{ bottom:0px;}
#top .av-video-slide .mejs-container{ height: 100% !important; position: absolute;}
#top .av-video-slide .me-plugin{width:100%; height:100%;}
span.mejs-offscreen { display: none!important; }


#top .avia-fullscreen-slider .av-video-slide.av-video-service-vimeo iframe{
	-webkit-transform: 	scale(1.2);
	-ms-transform: 		scale(1.2);
	transform: 			scale(1.2);
}



.avia_video{z-index: 8;}
.mejs-controls{ z-index: 9; }
#top .av-video-slide.av-video-service-vimeo .mejs-controls,
.av-force-resize .av-video-service-youtube .avia_video,
.av-hide-video-controls .mejs-controls{display: none !important;}

.av-video-slide.slide-1 .mejs-mediaelement{opacity: 0;}
.av-video-slide .mejs-mediaelement{height:100%;}
#top .av-video-slide .mejs-overlay-button{display: none;}
#top .av-video-slide .avia-slide-wrap{ background: #000 url("../images/layout/preload-dark-grey-big.gif") no-repeat center center; } 
#top .av-video-slide.av-video-service-youtube .avia-slide-wrap{ background: #000 }


#top .av-video-slide.av-video-4-3-stretch iframe, #top .av-video-slide.av-video-4-3-stretch embed, #top .av-video-slide.av-video-4-3-stretch object, #top .av-video-slide.av-video-4-3-stretch video {
height: 270%;
}



/*blocks the option to click the video. play/pause events get attached to the av click overlay instead*/
#top .av-section-with-video-bg .av-section-video-bg:after, .av-click-overlay{ 
content: ".";
position: absolute;
text-indent: -200px;
overflow: hidden;
top:0;
left:0;
right:0;
bottom:0;
z-index: 11;

/*this allows to toggle to work in IE. its a hack since the browser does not accept click events on elements without bg. */
filter: alpha(opacity=0); opacity: 0; background: #000;
}

.av-click-overlay{z-index: 9; bottom:30px;} /*z index 9 to move it behind caption*/
.av-hide-video-controls .av-click-overlay {bottom:0;}
.av-video-service-vimeo .av-click-overlay {bottom:42px;}
.av-video-service-youtube .av-click-overlay {bottom:36px;}

.av-video-stretch.av-video-service-vimeo .av-click-overlay, .av-video-stretch.av-video-service-youtube .av-click-overlay{bottom:0;}


/*video play/pause icon*/

.avia_playpause_icon{
position: absolute;
height:100px;
width:100px;
margin:-50px 0 0 -50px;
background: #000;
background: rgba(0,0,0,0.4);
border-radius: 3px;
top: 50%;
left: 50%;
z-index: 50;
display:none;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
}

.avia_playpause_icon.av-play, .avia_playpause_icon.av-pause{
display:block !important;
}

#top .avia_playpause_icon:before{
top:0;
left:0;
right:0;
bottom:0;
position: absolute;
color:#fff;
line-height: 100px;
text-align: center;
font-size: 40px;
}

.avia_transform .avia_playpause_icon.av-play, .avia_transform .avia_playpause_icon.av-pause{
-webkit-animation: avia_appear_short 1.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
animation:         avia_appear_short 1.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
opacity: 0;							 
}

.avia_playpause_icon.av-pause{

}

/*slideshow on mobile*/
.av-fallback-message{text-align: center; position: absolute; z-index: 1000; top:45%; width:100%; left:0;}
.av-fallback-message span{display: inline-block; border:1px solid #e1e1e1; padding:10px;background: #fff;}



/* ======================================================================================================================================================
Slideshow Fullwidth
====================================================================================================================================================== */
.avia-slideshow-inner li{
-webkit-transform-style: preserve-3d; /*fixes flickering issue when slider moves. usually other elements in other container flicker */
}


.avia-fullwidth-slider {
border-top-style: solid;
border-top-width:1px;
z-index: 1;
}

.avia-fullwidth-slider.avia-builder-el-0{border-top:none;}

div.slider-not-first, .html_header_transparency #top .avia-builder-el-0{border-top:none;}

.avia-slide-wrap{
position: relative;
display: block;
}

.avia-slide-wrap>p{margin:0; padding:0;}
.av_slideshow_full.avia-slideshow{margin:0;}
#top .av_slideshow_full.av-control-default .avia-slideshow-arrows a{
margin:-50px 0 0 0;
width:35px;
text-align: center;
height: 100px;
line-height: 102px;
opacity: 0.5;

}

#top .av_slideshow_full .avia-slideshow-arrows a:hover{opacity: 1;}

#top .av_slideshow_full.av-control-default .next-slide:before{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
line-height: 102px;
}
#top .av_slideshow_full.av-control-default .prev-slide:before{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
line-height: 102px;
}

.av_slideshow_full li img{border-radius: 0px;}


/*slideshow captions Fullscreen slider*/
.caption_fullwidth{position: absolute; right:0; bottom:0; left:0; top:0; z-index: 10;}

.slideshow_caption{
z-index: 100;
width:42%;
position: absolute;
bottom: 0;
top:auto;
height:100%;
display:block;
text-decoration: none;
padding:50px;
}

div .slideshow_caption h2{text-transform: uppercase;}
div .slideshow_caption, div .slideshow_caption a, div .slideshow_caption a:hover, div .slideshow_caption h2, div .slideshow_caption h2 .special_amp, div .slideshow_caption strong , div .slideshow_caption h2 strong{ color: #fff; }



.slideshow_inner_caption{
position: relative;
display: table;
height:100%;
width:100%;
}

.slideshow_align_caption{
display:table-cell;
vertical-align: middle;
position: relative;
}

.av_slideshow_full .container.caption_container {
position: relative;
top: 0;
z-index: 5;
height: 100%;
left: 0%;
overflow: visible;
}


.caption_left .slideshow_caption {left:0; }
.caption_right .slideshow_caption{ right:0;	}
.caption_right .slideshow_caption .slideshow_inner_caption{ float:right; }
.caption_bottom .slideshow_caption {left:0; width:100%; bottom:0; height:auto;}
#top div .caption_center .slideshow_caption { left:0; width: 100%; text-align: center;}

.caption_bottom .slideshow_caption .slideshow_inner_caption{
display: block;
height:auto;
bottom:0;
position: absolute;
padding: 0 50px;
width:100%;
left:0;
}


.caption_bottom .slideshow_caption .slideshow_inner_caption .slideshow_align_caption{
padding:20px 0;
display: block;
}





/*caption frame*/
.avia-caption-content{line-height: 1.3em;}
.avia-caption-content p {margin:15px 0;}

.caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title,
.avia-caption .avia-caption-content p, .avia-caption .avia-caption-title{
background: #000;
filter: alpha(opacity = 80);
background: rgba(0, 0, 0, 0.5);
display:inline-block;
margin:0 0 1px 0;
padding:10px 15px;
}

#top .avia-caption-content .wp-smiley{display:none;}
#top .avia-caption-content a{text-decoration: underline;}
#top .avia-caption-content a:hover{text-decoration: none;}


.avia_transform .av_slideshow_full .avia-caption-title{

}

.avia_transform .av_slideshow_full .avia-caption-content, .avia_transform .av_slideshow_full .avia-caption-title,
.avia_transform .av_fullscreen .avia-caption-content, .avia_transform .av_fullscreen .avia-caption-title, 
.avia_transform .av_fullscreen .avia-slideshow-button, .avia_transform .av_slideshow_full .avia-slideshow-button
{
-webkit-transform:translate(0,0);
transform:translate(0,0);
visibility: hidden;
}


.avia_transform .av_slideshow_full .active-slide .avia-caption-content,
.avia_transform .av_fullscreen .active-slide .avia-caption-content
{
visibility: visible;
-webkit-animation: caption-right  1s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
animation:         caption-right  1s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
}

.avia_transform .av_slideshow_full .active-slide .avia-slideshow-button,
.avia_transform .av_fullscreen .active-slide .avia-slideshow-button
{
visibility: visible;
-webkit-animation: caption-left  1.2s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
animation:         caption-left  1.2s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
}

.avia_transform .av_slideshow_full .active-slide .avia-slideshow-button-2,
.avia_transform .av_fullscreen .active-slide .avia-slideshow-button-2
{
visibility: visible;
-webkit-animation: caption-right  1.2s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
animation:         caption-right  1.2s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
}


.avia_transform .av_slideshow_full .active-slide .avia-caption-title,
.avia_transform .av_fullscreen .active-slide .avia-caption-title
{
visibility: visible;
-webkit-animation: caption-left   1s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
animation:         caption-left   1s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
}

.avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-content,
.avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-caption-content
{
visibility: visible;
-webkit-animation: caption-bottom 0.5s 1 ease-out;
animation:         caption-bottom 0.5s 1 ease-out;
}

.avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-title,
.avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-caption-title
{
visibility: visible;
-webkit-animation: caption-top    0.5s 1 ease-out;
animation:         caption-top    0.5s 1 ease-out;
}

.avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-slideshow-button,
.avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-slideshow-button
{
visibility: visible;
-webkit-animation: caption-top  1.2s 1 ease-out;
animation:         caption-top  1.2s 1 ease-out;
}




	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.responsive #top .slideshow_caption {left: 0; width:100%; padding:0;}
		.responsive #top .slideshow_caption h2{font-size: 20px !important;}
		.responsive #top .slideshow_caption .avia-caption-content{font-size: 13px !important;}

/* 		.responsive .av_slideshow_full .container.caption_container { margin-left: -138px; } */

	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.responsive #top .slideshow_caption {left: 0; width:100%; padding:0;}
		.responsive #top .slideshow_caption h2{font-size: 20px !important;}
		.responsive #top .slideshow_caption .avia-caption-content{font-size: 13px !important;}

/* 		.responsive .av_slideshow_full .container.caption_container { margin-left: -216px; } */

	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 989px) {
	
/* 		.responsive .av_slideshow_full .container.caption_container { margin-left: -342px; } */
	}


	@media only screen and (min-width: 1140px)  {
/* 		.responsive .av_slideshow_full .container.caption_container { margin-left: -515px;} */
	}

		@media only screen and (min-width: 1340px)  {
/* 		.responsive .av_slideshow_full .container.caption_container { margin-left: -605px;} */
	}




/* ======================================================================================================================================================
Slideshow Fullscreen
====================================================================================================================================================== */

.avia-fullscreen-slider {border-top:none;}
.avia-fullscreen-slider .avia_loading_icon{position: absolute;}
.avia-fullscreen-slider .avia-slideshow{margin: 0; height:1500px; height:100vh; min-height: 250px;}
.avia-fullscreen-slider .avia-slideshow-inner{width:100%; height:100%; position: absolute;
	
-ms-perspective: 1000px; /*fixes: ie11 css flicker of following elements on transition*/
-ms-backface-visibility: hidden;	
}

.avia-fullscreen-slider .avia-slideshow>ul>li{width:100%; height:100%;
background-size: cover;
background-position: center center;
}

.avia-fullscreen-slider .avia-slideshow[data-image_attachment="fixed"]>ul>li{
	background-attachment: fixed;
}


.avia-fullscreen-slider .avia-slide-wrap{display:block; width:100%; height:100%;}
.avia-fullscreen-slider .caption_container{height:100%;}
.avia-fullscreen-slider .caption_right{text-align: right;}
.avia-fullscreen-slider .caption_bottom .slideshow_caption{bottom:40px;}

.avia-fullscreen-slider .avia-slideshow-controls a, .av-control-minimal .avia-slideshow-controls a{opacity: 0; filter: alpha(opacity=00);}
.avia-fullscreen-slider:hover .avia-slideshow-arrows a, .avia-fullscreen-slider:hover .avia-slideshow-dots a:hover, .av-control-minimal:hover .avia-slideshow-arrows a, .av-control-minimal:hover .avia-slideshow-dots a:hover{opacity: 1; filter: alpha(opacity=100);}
.avia-fullscreen-slider:hover .avia-slideshow-dots a, .av-control-minimal:hover .avia-slideshow-dots a{opacity: 0.8; filter: alpha(opacity=80);}


#top .avia-slideshow-button{border-radius: 3px; text-transform: uppercase; padding:15px 16px; display: inline-block; margin-top:20px; text-decoration: none; font-weight: bold;}

#top .avia-slideshow-button.avia-color-light{ padding:12px 16px;  background-color: rgba(0,0,0,0.2); }
#top .avia-slideshow-button.avia-color-dark{  padding:12px 16px;  background-color: rgba(255,255,255,0.1);}



.avia-multi-slideshow-button{min-width: 140px;}
.avia-multi-slideshow-button.avia-slideshow-button{margin-right:20px;}
.avia-multi-slideshow-button.avia-slideshow-button-2{margin-right:0px;}

#top .scroll-down-link {
height: 60px;
width: 80px;
margin: 0px 0 0 -40px;
line-height: 60px;
position: absolute;
left: 50%;
bottom: 0px;
color: #FFF;
text-align: center;
font-size: 70px;
z-index: 100;
text-decoration: none;
text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);

-webkit-animation: avia_fade_move_down 2s ease-in-out infinite;
animation:         avia_fade_move_down 2s ease-in-out infinite;
}



.av-slider-scroll-down-active .avia-slideshow-dots a{bottom: 80px;}



@media only screen and (max-width: 767px) {
.avia-fullscreen-slider .avia-slideshow{min-height: 150px;}
.caption_right .slideshow_align_caption {
	text-align:right;
}
}


/* ======================================================================================================================================================
Slideshow Feature Image Slider
====================================================================================================================================================== */
#top .avia-featureimage-slideshow{ margin:0; }

#top .avia-slideshow-fixed-height > li{
position: absolute;
width:100%; height:100%;
background-size: cover;
background-position: center center;
}

.avia-featureimage-slideshow .caption_container{
	height:100%;
}

.avia-featureimage-slideshow .slideshow_caption h2{
	margin:0;
	text-shadow: 0px 0px 7px rgba(0,0,0,0.7);
}

.avia-featureimage-slideshow h2.avia-caption-title:after {
    display: block;
    content: "";
    width: 40px;
    border-top: 3px solid #fff;
    margin: 11px auto;
    position: relative;
    top: 7px;
}

.main_color .av-no-image-slider h2 a{
	text-shadow: none;
}

.avia_desktop .avia-featureimage-slideshow .avia-slideshow-arrows a{ opacity: 0; }
#top .avia-featureimage-slideshow:hover .avia-slideshow-arrows a{opacity: 1;}

#top .avia-featureimage-slideshow .avia-caption-content{
	margin:0 auto;
	max-width: 600px;
	padding-top: 4px;
}


@media only screen and (max-width: 767px)
{
	#top .avia-featureimage-slideshow .avia-caption-content{
	display:none;
	}
}


/* ======================================================================================================================================================
Layer Slider
====================================================================================================================================================== */
div .avia-layerslider .ls-fullwidth .ls-nav-sides,
div .avia-layerslider .ls-fullwidth .ls-bottom-slidebuttons a,
div .avia-layerslider .ls-fullwidth .ls-nav-prev,
div .avia-layerslider .ls-fullwidth .ls-nav-next,
div .avia-layerslider .ls-fullwidth .ls-nav-start,
div .avia-layerslider .ls-fullwidth .ls-nav-stop,
div .avia-layerslider .ls-fullwidth .ls-fullscreen,
div .avia-layerslider .ls-fullwidth .ls-loading-container,
div .avia-layerslider .ls-noskin .ls-loading-container,
div .avia-layerslider .ls-noskin .ls-fullscreen {
	background-image: none;
}
	

.avia-layerslider .ls-container.ls-fullwidth{
margin-bottom:0 !important;
}

.avia-layerslider{
border-top-style: solid;
border-top-width:1px;
overflow: hidden;
}

/*default line-height:normal produces results that do not match the backend*/
#top #wrap_all .ls-wp-container .ls-slide > *{
line-height: 1.1em;
}

#top .avia-layerslider .ls-nav-prev, #top .avia-layerslider .ls-nav-next {
display: block;
text-decoration: none;
color: #fff;
position: absolute;
width:60px;
text-align: center;
height: 60px;
line-height: 62px;
font-size: 25px;
top:50%;
margin:-30px 15px 0;
background: transparent;
color: #fff;
visibility: hidden;
opacity: 0.5;
z-index: 10000;
left:30px;
}

.avia-layerslider .ls-inner div, .avia-layerslider .ls-inner img{
	-webkit-backface-visibility: hidden;
}


#top .avia-layerslider .ls-nav-next{
left:auto;
right:30px;
}

#top .avia-layerslider .ls-nav-prev:before{
text-indent: -4px;
}

#top .avia-layerslider .ls-nav-prev:hover, #top .avia-layerslider .ls-nav-next:hover{
opacity:1;
}

#top .avia-layerslider .ls-nav-prev:before, #top .avia-layerslider .ls-nav-next:before{
visibility: visible;
display: block;
position: absolute;
z-index: 100;
background: #000;
background: rgba(0,0,0,0.3);
top:0;
left:0;
right:0;
bottom:0;
border-radius: 3px;
text-align: center;
line-height: 62px;

}

#top .avia-layerslider .ls-bottom-slidebuttons a, #top .avia-layerslider .ls-nav-start, #top .avia-layerslider .ls-nav-stop{
display: inline-block;
height:10px;
width:10px;
border-radius: 30px;
background: #000;
opacity: 0.3;
filter:alpha(opacity=30);
border:2px solid #fff !important;
text-indent: 300%;
overflow: hidden;
text-indent: 0;
z-index: 10000;
}



#top .avia-layerslider .ls-bottom-slidebuttons{height:30px;}
#top .avia-layerslider .ls-bottom-slidebuttons a.ls-nav-active, #top .avia-layerslider .ls-bottom-slidebuttons a:hover, #top .avia-layerslider a.ls-nav-start:hover, #top .avia-layerslider a.ls-nav-stop:hover, #top .avia-layerslider a.ls-nav-start-active, #top .avia-layerslider a.ls-nav-stop-active
{opacity: 0.6; filter:alpha(opacity=60); background: #000;}

#top .avia-layerslider .ls-nav-start, #top .avia-layerslider .ls-nav-stop{
position: relative;
height:23px;
width:23px;
margin: 0px 5px;
top: -35px;
}

#top .avia-layerslider .ls-nav-start:before, #top .avia-layerslider .ls-nav-stop:before{
top:0;
left:0;
right:0;
bottom:0;
position: absolute;
color:#fff;
line-height: 23px;

}

#top .avia-layerslider .ls-nav-start:before{
text-indent: 1px;
}

.avia-layerslider div .ls-fullwidth .ls-thumbnail-hover {
bottom: 39px;
padding: 2px;
margin-left: 2px;
}

div .avia-layerslider .ls-fullwidth .ls-bottom-slidebuttons, div .avia-layerslider .ls-fullwidth div .avia-layerslider .ls-nav-start, div .avia-layerslider .ls-fullwidth .ls-nav-stop, div .avia-layerslider .ls-fullwidth .ls-nav-sides {
top: -40px;
}

#top .avia-layerslider .ls-wp-container{
margin:0px auto !important;
}

.avia-layerslider .ls-bottom-nav-wrapper{position: relative;}

html * div .avia-layerslider .ls-wp-container .ls-layer > *, body * div .avia-layerslider .ls-wp-container .ls-layer > *, #ls-global * div .avia-layerslider .ls-wp-container .ls-layer > * {
line-height: 1em;
}


.avia-layerslider .ls-thumbnail-wrapper{
bottom: 120px;
opacity: 1 !important;
display:block !important;
}

/*layerslider default iconfont values. overwriten in case user applies a custom font value*/
#top .avia-layerslider .ls-nav-prev:before{
content: "\E87c";
}
#top .avia-layerslider .ls-nav-next:before{
content: "\E87d";
}
#top .avia-layerslider .ls-nav-start:before{
content: "\E897";
}
#top .avia-layerslider .ls-nav-stop:before{
content: "\E899";
}
#top .avia-layerslider .ls-bottom-slidebuttons a, #top .avia-layerslider .ls-nav-next:before, #top .avia-layerslider .ls-nav-prev:before, #top .avia-layerslider .ls-nav-start:before, #top .avia-layerslider .ls-nav-stop:before{
font-family: 'entypo-fontello';
}



/* ======================================================================================================================================================
Partner/Logo Slider + Content Slider
====================================================================================================================================================== */

/*shared styles*/
#top .avia-smallarrow-slider  {position: relative; overflow: visible;}
#top .avia-smallarrow-slider  .avia-slideshow-arrows {position: relative; width:51px; top:-3px; left:0; height: 24px;}
#top .avia-smallarrow-slider  .avia-slideshow-arrows a{opacity: 1; margin:0; width:24px; height:24px; line-height: 25px; font-size: 10px; top:0;}
#top .avia-smallarrow-slider  .avia-slideshow-arrows a:hover{opacity: 0.5;}
#top .avia-smallarrow-slider  .avia-slideshow-arrows a:before{line-height: 25px; border-radius: 1px;}
#top .avia-smallarrow-slider  .slide-image, #top .avia-logo-element-container img{margin:0 auto; display: block; width:auto; width: 100%\9;}
#top .avia-smallarrow-slider-heading{display: table; width:100%;}
#top .avia-smallarrow-slider-heading> div{display: table-cell;}
#top .avia-smallarrow-slider-heading h3{top:-3px; position: relative;}
#top .avia-logo-grid .slide-entry-wrap{margin:0;}
#top .avia-smallarrow-slider  .avia-slideshow-dots{position: relative; width:100%; left:0; bottom:0; margin-top: 10px;}
#top .avia-smallarrow-slider  .avia-slideshow-dots a{border-style: solid; border-width: 1px; bottom: 0;}
#top .avia-smallarrow-slider  .avia-slideshow-dots a.active, #top .avia-logo-element-container .avia-slideshow-dots a:hover{background: #aaa; }

/*content only*/
#top .avia-content-slider-element-container .avia-slideshow-dots{left:0; text-align: right; width: auto;}


/*partner only*/
#top .avia-logo-element-container .slide-entry { padding:1px; }
#top .avia-logo-element-container img{ box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3); }
#top .av-border-deactivate.avia-logo-element-container img{ box-shadow: none; }
#top .avia-logo-element-container .slide-image{overflow: visible;}

@media only screen and (max-width: 767px)
{
	.responsive #top .avia-smallarrow-slider  .flex_column{
		margin: 0px;
		width:50%;
	}
}

@media only screen and (max-width: 479px)
{
	.responsive #top #wrap_all .avia-logo-element-container.avia-logo-grid .flex_column{margin:0;}
}



#top .avia-content-slider-element-container .avia-slideshow-dots a.active, #top .avia-content-slider-element-container .avia-slideshow-dots a:hover{background: #aaa;}

/* ======================================================================================================================================================
GOOGLE MAPS
====================================================================================================================================================== */

.avia-google-maps-section{border:none;}
.avia-google-maps-section.avia-builder-el-0{border-top-style: solid; border-top-width: 1px;}
.avia-google-map-container{position: relative; clear:both;}
.avia-google-map-container img { max-width: none; }
.avia-google-map-container div, .avia-google-map-container img, .avia-google-map-container a{
-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.avia-google-map-container .gm-style-iw p {color: #444;}

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

/* ======================================================================================================================================================
HR
====================================================================================================================================================== */
.hr{
clear: both;
display:block;
width:100%;
height:25px;
line-height:25px;
position: relative;
margin:30px 0;
float:left;
}

.hr-inner{
width:100%;
position: absolute;
height:1px;
left:0;
top:50%;
width:100%;
margin-top:-1px;
border-top-width:1px;
border-top-style:solid;
}
#top .hr-invisible, .hr-invisible .hr-inner{margin:0; border:none; }
.hr-invisible {float:none;}

.hr-full, .hr-big{margin:70px 0;}
.hr-full .hr-inner{width:300%; left:-100%;}
.hr-full.hr-shadow .hr-inner{ box-shadow:0 1px 2px 0px rgba(0, 0, 0, 0.1);}
.sidebar_right .hr-full .hr-inner{left:auto; right:-50px;}
.sidebar_left .hr-full .hr-inner{left:-50px;}



.hr-short{height:20px; line-height:20px; margin:30px 0; float:none;}
.hr-short .hr-inner{ width:32%; left:50%; margin-left:-16%;  }
.hr-short.hr-left .hr-inner{  left:0%; margin-left:0%;}
.hr-short.hr-right .hr-inner{ left:auto; right:0; margin-left:0%; }
.hr-short .hr-inner-style{border-radius: 20px; height:9px; width:9px; border-width:2px; border-style:solid; display:block; position: absolute; left:50%; margin-left:-5px; margin-top:-5px; }
.hr-short.hr-left .hr-inner-style{  left:5px; }
.hr-short.hr-right .hr-inner-style{  left:auto; right:0; }

body .container_wrap .hr.avia-builder-el-last, body .container_wrap .hr.avia-builder-el-first {
margin:30px 0;
}


/*custom*/
.hr-custom{margin:0; display: block; min-height:21px; height:auto; overflow: hidden; white-space: nowrap; width:100%; float: left;}
.hr-custom .hr-inner{display: inline-block; position: relative; vertical-align: middle;}
.hr-custom.hr-center{text-align: center;}
.hr-custom.hr-right {text-align: right;}
.hr-custom.hr-left  {text-align: left;}

.hr-custom .hr-inner.inner-border-av-border-none{border:none;}
.hr-custom .hr-inner.inner-border-av-border-fat{border-top-width:2px;}
.av-seperator-icon { display: inline-block; vertical-align: middle; font-size: 15px; }
.hr-custom.hr-icon-yes .hr-inner{margin-left:10px; margin-right:10px;}

.embed-container {
    position: relative;
	padding-bottom: 56%;
   width: 100%;
    height: auto;
    overflow: hidden;
	 
}
.embed-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}





.contorno{
 -webkit-text-fill-color: yellowgreen;
 -webkit-text-stroke: 1px black;
 }


.navbar-default .navbar-nav .find-bp  {
    color: #2b5397;
    border-top: 5px solid #2b5397;
	font-size: 1.1em;
	font-weight: 900
}

.navbar-default .navbar-nav .find-bp1  {
    color: #2b5397;
    border-top: 5px solid #2b5397;
	font-size: 1.1em;
	font-weight: 900
}


 

.navbar-default .navbar-nav .activa  {
    color: #cacaca;
    border-top: 5px solid #cacaca;
	font-size: 1.1em;
	font-weight: 700
}




.navbar-default .navbar-nav .find-bp1:hover  {
    color: #cacaca;
    
}






.video-link {
    color: #FFF;
  }


.alta { height:25px; margin:0 auto; line-height:22px; text-align:left; width: 280px; color:#fff; }

.more-info_form .group {
  margin-bottom: 10px;
}



div.group div.item {
    margin: 5px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
  }
  div.group div.item input[type="text"], div.group div.item input[type="password"], div.group div.item input[type="search"], div.group div.item input[type="number"], div.group div.item input[type="datetime"], div.group div.item input[type="datetime-local"], div.group div.item input[type="date"], div.group div.item input[type="month"], div.group div.item input[type="time"], div.group div.item input[type="week"], div.group div.item input[type="email"], div.group div.item input[type="url"], div.group div.item input[type="tel"], div.group div.item input[type="color"],
  div.group div.item textarea,
  div.group div.item select {
    width: 100%;
  }


div.buttons button,
div.buttons .button {
  margin: 10px 20px 0 0;
}

button.main-cta,
a.button.main-cta {
  background-color: #2b5397;
  border-color: #FF9913;
  color: #FFF;
  display: inline-block;
  height: 45px;
  line-height: 45px;
  min-width: 170px;
  padding: 0 25px;
}

button.main-cta:hover,
a.button.main-cta:hover {
  background-color: #FFF;
  color: #2b5397;
}


.imagen-cliente {
    min-height: 200px;
    min-width: 200px;
    background: url(../images/cliente-1.png) no-repeat;
}

.imagen-cliente:hover {
    background: url(../images/cliente.png) no-repeat;
}

.imagen-brand {
    min-height: 200px;
    min-width: 200px;
    background: url(../images/brand-1.png) no-repeat;
}

.imagen-brand:hover {
    background: url(../images/brand.png) no-repeat;
}

article.logo-row ul li img {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
}

article.photo-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 400px;
  position: relative;
}

article.photo-box .photo-box_link {
  opacity: 0;
  visibility: hidden;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

article.photo-box .photo-box_image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
}

article.photo-box.share:hover .photo-box_image .photo-box_link {
  opacity: 1;
  visibility: visible;
}

article.photo-box.share:hover .photo-box_image::before {
  background-color: rgba(255, 255, 255, 0.8);
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

article.photo-box .photo-box_text {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F1F8F9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: auto;
  padding: 20px;
}

article.photo-box .title {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}

.apac article.photo-box .title {
  font-family: "Noto Sans", sans;
}

html[lang='ja-JP'] article.photo-box .title {
  font-family: "Noto Sans", sans;
}

article.photo-box .subtitle {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  font-weight: 300;
  margin: .5rem 0 0;
  padding: 0;
}

.apac article.photo-box .subtitle {
  font-family: "Noto Sans", sans;
}

html[lang='ja-JP'] article.photo-box .subtitle {
  font-family: "Noto Sans", sans;
}

article.photo-box .icon-share {
  color: #64b1bc;
  font-size: 30px;
}

article.photo-box.contain .photo-box_image {
  background-size: contain;
}

article.photo-box.auto .photo-box_image {
  background-size: auto;
}

@media only screen and (max-width: 767px) {
  article.photo-box.sm-cover .photo-box_image {
    background-size: cover;
  }
  article.photo-box.sm-contain .photo-box_image {
    background-size: contain;
  }
  article.photo-box.sm-auto .photo-box_image {
    background-size: auto;
  }
}

article.photo-box.top-right .photo-box_image {
  background-position: top right;
}

article.photo-box.top-left .photo-box_image {
  background-position: top left;
}

article.photo-box.top-center .photo-box_image {
  background-position: top center;
}

article.photo-box.bottom-right .photo-box_image {
  background-position: bottom right;
}

article.photo-box.bottom-left .photo-box_image {
  background-position: bottom left;
}

article.photo-box.bottom-center .photo-box_image {
  background-position: bottom center;
}

article.photo-box.left-center .photo-box_image {
  background-position: center left;
}

article.photo-box.right-center .photo-box_image {
  background-position: center right;
}

@media only screen and (max-width: 767px) {
  article.photo-box.sm-top-right .photo-box_image {
    background-position: top right;
  }
  article.photo-box.sm-top-left .photo-box_image {
    background-position: top left;
  }
  article.photo-box.sm-top-center .photo-box_image {
    background-position: top center;
  }
  article.photo-box.sm-bottom-right .photo-box_image {
    background-position: bottom right;
  }
  article.photo-box.sm-bottom-left .photo-box_image {
    background-position: bottom left;
  }
  article.photo-box.sm-bottom-center .photo-box_image {
    background-position: bottom center;
  }
  article.photo-box.sm-left-center .photo-box_image {
    background-position: center left;
  }
  article.photo-box.sm-right-center .photo-box_image {
    background-position: center right;
  }
}

article.press-release .logo {
  background: transparent url("../images/logo-bug.svg") 0 0 no-repeat;
  background-size: contain;
  display: block;
  height: 100px;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100px;
}

article.press-release .image {
  background-color: #F1F8F9;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  height: 150px;
  margin-bottom: 20px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}

article.press-release .image .image_link {
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  visibility: hidden;
  z-index: 1;
}

article.press-release .image:hover {
  cursor: pointer;
}

article.press-release .image:hover .image_link {
  opacity: 1;
  visibility: visible;
}

article.press-release .image:hover::before {
  background-color: rgba(255, 255, 255, 0.8);
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

article.press-release .title {
  font-size: 24px;
  margin: 0 0 1rem;
  padding: 0;
}

article.press-release .date {
  font-weight: 300;
}

article.sidebar-columns .columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex_grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -10px;
}

.flex_grid .flex_col,
.flex_grid article {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 10px;
}

.flex_grid.flex_half {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

article.hero div.text .button {
  box-sizing: border-box;
  display: inline-block;
  margin-right: 30px;
}

article.hero div.text .button:last-child {
  margin-right: 0;
}

article.hero div.text .button.primary i {
  left: 12px;
  font-size: 30px;
  margin-top: 7px;
  float: left;
}

article.hero div.text .button.secondary {
  margin-left: 20px;
}

article.hero div.text .button.secondary:hover {
  color: #FFF;
  box-shadow: inset 0 -2px #FFF;
}

article.hero div.text .button.secondary:hover::before, article.hero div.text .button.secondary:hover::after {
  background-color: #FFF;
}

.clip_frame{overflow:hidden;}

#u9411{z-index:241;
	width:494px;
	background-color:transparent;
	position: absolute;
	
	left:50%;
	top:100px;}

#u9412{z-index:242;
	display:block;
	margin-bottom: -1px;}

#u9453-4{
	z-index:242;
	
	min-height:30px;
	-webkit-transition-duration:0.5s;
	-webkit-transition-delay:0s;
	-webkit-transition-timing-function:ease;
	transition-duration:0.5s;
	transition-delay:0s;
	transition-timing-function:ease;
	
	
	
	color:#2b5397;
	text-align:center;
	letter-spacing:1px;
	line-height:23px;
	font-size:19px;
	font-family:myriad-pro, sans-serif;
	font-weight:600;
	margin-left:0px;
	margin-top:12px;
	margin-bottom: 5px;
	}

#u9453-4:hover{opacity:0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);padding-top:0px;padding-bottom:0px;min-height:25px;width:917px;margin:12px 0px 0px 2px;}


.cover-content { position: absolute;
  
  width: 100%;
  height: auto;

  z-index: 2;
  background: rgba(0, 0, 0, 0.5);
  text-shadow: 1px 2px 1px #262626;
  color: #ffffff;
}
.cover-content .logo {
  margin: 30px 0 0 20px;
  width: 40%;
  max-width: 320px;
  height: auto;
}
.cover-content .banner {
  width: 100%;
  background: rgba(58, 181, 74, 0.2);
  padding: 20px 0;
  text-align: center;
  margin-top: 6em;
}
.cover-content .banner h1 {
  font-size: 50px;
  margin: 0;
}
.cover-content .banner h3 {
  font-size: 24px;
  margin: 0 auto;
  color: #ffffff;
  max-width: 650px;
}
.cover-content h3,
.cover-content p {
  text-align: center;
}
.cover-content h3 {
  margin: 2em 0 0.5em;
}
.cover-content a {
  color: #ffffff;
}


.color1 {
	color: #88DFF2;
	font-weight: 100;
	font-size: 1.5em;
}
.color2 {
	color: #ddd;
	font-weight: 200;
	font-size: 1.4em;
}
.color3 {
	color: #0BE9A1;
	font-weight: 500;
	font-size: 1.1em;
}
.color4 {
	color: #80CAF8;
	font-weight: 400;
	font-size: 1.4em;
}
.color5 {
	color: #D32CAE;
	font-weight: 500;
	font-size: 1em;
}
.color6 {
	color: #CCE0EA;
	font-weight: 600;
	font-size: 1.1em;
}
.color7 {
	color: #D44C17;
	font-weight: 700;
	font-size: 1.3em;
}
.color8 {
	color: #eee;
	font-weight: 800;
	font-size: 1.7em;
}
.color9 {
	color: #ddd;
	font-weight: 400;
	font-size: 1em;
}
.color10 {
	color: #17CFD8;
	font-weight: 900;
	font-size: 1.1em;
}
.color11 {
	color: #4774EF;
	font-weight: 700;
	font-size: 1.4em;
}

#footer-d{
	width:100%;
	height:70px;
	background-position:top;
	background-image:url(../images/fondo-footer-d.png); background-repeat: no-repeat;	
	margin-top: -2px;
	z-index: 9999;
	position: relative;
}

.DtPs
	{
	background-position:top;	
	background-image:url(../images/degradado-1.png); background-repeat: repeat-y ;	
	z-index: 999;

	text-decoration: none;
	color: darkblue;
	margin-top: -0px; 
	font-weight: 400;
	padding-bottom: 1100px;
	margin-bottom: 100px;
	
}

#DtPs
	{
	
		width:100%;
	height: 1000px;
	background-position:top;	
	background-image:url(../images/degradado-1.png); background-repeat: repeat-y ;	
	z-index: 999;
	position: relative;
	
	text-decoration: none;
	color: white;
	margin-top: -0px; 
	font-weight: 400;
	padding-bottom: 300px;
	margin-bottom: 100px;
	
		
	
		
		
}
	
	#DtPs-c
	{
	width:100%;
	z-index: 9998;
	position: relative;
	color: aliceblue;
	text-decoration: none;
		padding-left: 40px;
		padding-right: 40px;
	font-size: 1.3em;	
}
	
	#DtPs a {color: darkblue}
	#DtPs-c a {color: darkblue}
	
	#DtPs-1
	{
	width:26%;
	padding-left: 5em;
	
	float: left;

	
}
	#DtPs-2
	{
	width:26%; 
padding-left: 5em;
	float: left;
	
}
	
	#DtPs-3
	{
	width:26%; 
padding-left: 5em; padding-right: 5em;
	float: right;
	
}
	#DtPs-4
	{
	width:50%;
	padding-left: 2em;
	
	float: left;

	
}
	
	#DtPs-5
	{
	width:50%; 
padding-left: 2em;
	float: right;
	
}
	#DtPs-4 ul a {color: floralwhite}
	#DtPs-5 ul a {color: floralwhite}

@media only screen and (max-width: 1050px){
	
	.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-13,.col-sm-14,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:none;width:100%;  }
	.vertical{visibility: hidden; height: 10px}
	.orillas{padding-left: 10px;padding-right: 10px}
.oculto{visibility: hidden; height: 1px;width: 1px;}

}