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

 =  Table of Css



 1.Isotope

 1.KENBURNER RESPONSIVE BASIC STYLES OF HTML DOCUMENT

 3.Header

 4.General

 5.content - home sections

 6.about page

 7.single project

 8.blog page

 9.services

 10.Contact page

 11.footer

 12.Responsive part

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

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

/* 1. Isotope filtering

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


@font-face{
		font-family: "electric";
	src: url("../fuente.eot");
	src: url("../fuente.eot?#iefix") format("embedded-opentype"),
	     url("../helvetica.woff") format("woff"),
	     url("../helvetica.otf") format("truetype"),
	     url("../fuente.svg#kimberley") format("svg");

}

div.navbar-header .boton{
    background: #30A05C;
     display: table;
    color: white;
    padding: 7px 14px;
    border-radius: 6px;
     font-family: 'Comfortaa',8 Open Sans;
    margin: auto;
    margin-top: 36px;
    margin-bottom: 5px;
        font-family: 'Montserrat', sans-serif;

    border: 2px solid #29864d;
    font-size: 17px;
}


.titele{
    color: black;
    		font-family: "electric";
    font-size: 27px;
    font-weight: bold;
    text-align: center;
    border-bottom: 3px solid #FF0014;
    margin-top: -50px;
    margin-bottom: 20px;
    

}

.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;

}

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



KENBURNER RESPONSIVE BASIC STYLES OF HTML DOCUMENT



Screen Stylesheet



version:    1.0

date:       07/27/11

author:     themepunch

email:      support@themepunch.com

website:    http://www.themepunch.com

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

body {
		font-family: "electric";


}

.nueva{
    font-size: 24px;
     text-transform:none;
    font-family: "electric";
    font-weight: bold;
}

 ul li a{
    color: black;
     list-style: none;
     text-align: center;
     font-size: 16px;
}

 ul li a:hover{
    color: #FF0014;
     text-decoration: none;
     list-style: none;
     text-align: center;
}

ul .sub {
    list-style: none;
}

.boxedcontainer {

    max-width: 1170px;

    margin: auto;

    padding: 0px 30px;

}

/*********************************************

    -   SETTINGS FOR BANNER CONTAINERS  -

**********************************************/

.tp-banner-container {

    width: 100%;

    position: relative;

    padding: 0;

}

.tp-banner {

    width: 100%;

    position: relative;

}

.tp-banner-fullscreen-container {

    width: 100%;

    position: relative;

    padding: 0;

}

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

/* =  Header

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

.navbar-default {

    background: #ffffff;

    box-shadow: 0 0px 3px #a1a1a1;

    -webkit-box-shadow: 0 0px 3px #a1a1a1;

    -moz-box-shadow: 0 0px 3px #a1a1a1;

    -o-box-shadow: 0 0px 3px #a1a1a1;

    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;



}

.navbar-header {

    z-index: 99;

    position: relative;


}

.navbar-brand {

    height: auto;

    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;

    color: #333333;

    font-size: 19px;


    font-weight: 700;

    margin: 0 0 30px;

    letter-spacing: 2px;

    text-transform: uppercase;

    margin: 0;

    color: #333333 !important;

    padding: 8px 15px;

    letter-spacing: 2.5px;

    z-index: 99999;


}

.navbar-brand span {

    color: #a0ce4e;

}

.navbar-nav {

    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;

}

.navbar-nav > li > a {

    color: black !important;

    font-size: 16px;


    font-weight: 900;

    text-transform: uppercase;

    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: 35px 15px;
    margin-top: 10px;

}

.navbar-nav > li > a:hover,

.navbar-nav > li > a.active {

    color: #FF0014 !important;

}

.navbar-nav li.drop {

    position: relative;

}

.navbar-nav li:hover ul.drop-down {

    opacity: 1;

    visibility: visible;

}

.navbar-nav li.search {

    position: inherit;

}

.top-line {

    padding: 15px 0;

    background: black;

    border-bottom: 1px solid #f3f3f3;

    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;

    overflow: hidden;

}

.top-line ul.info-list {

    margin: 0;

    padding: 0;

}

.top-line ul.info-list li {

    display: inline-block;

    margin-right: 25px;

    color: #ffffff;

    font-size: 14px;


}

.top-line ul.info-list li i {

    color: white;

    font-size: 14px;

    margin-right: 10px;

}

.top-line ul.social-icons {

    margin: 0;

    padding: 0;

    text-align: right;

}

.top-line ul.social-icons li {

    display: inline-block;

    margin-left: 9px;

}

.top-line ul.social-icons li a {

    display: inline-block;

    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;

    font-size: 18px!important;

    color: #ffffff;

}

.top-line ul.social-icons li a:hover {

    color: #FF0014;

}

header.active .top-line {

    height: 0;

    padding: 0;

}

.navbar-collapse {

    position: relative;

}

ul.drop-down {

    margin: 0;

    padding: 0;

    position: absolute;

    width: 230px;

    top: 100%;

    left: 0;

    visibility: hidden;

    padding: 10px 0;

    border-top: 2px solid #FF0014;

    opacity: 0;

    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;

    background: rgba(255, 255, 255, 0.98);

}

ul.drop-down li {

    display: block;

}

ul.drop-down li a {

    padding: 10px 20px;

    display: inline-block;

    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;

    display: block;

    color: #333333;

    font-size: 12px;


    font-weight: 700;

    text-transform: uppercase;

    margin: 0;

}

ul.drop-down li a:hover {

    color: #FF0014;

}

.form-search {

    position: absolute;

    top: 100%;

    right: 0;

    left: 0;

    width: 100%;

    background: #f5f5f5;

    padding: 4px;

    visibility: hidden;

    opacity: 0;

    -webkit-transform: rotateX(-90deg);

    -moz-transform: rotateX(-90deg);

    -ms-transform: rotateX(-90deg);

    -o-transform: rotateX(-90deg);

    transform: rotateX(-90deg);

    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;

}

.form-search input[type="search"] {

    font-size: 12px;

    color: #777777;

    font-weight: 400;

    line-height: 22px;

    margin: 0 0 10px;

    margin: 0;

    color: #333333;

    padding: 8px 10px;

    border: none;

    width: 100%;

    outline: none;

    background: transparent;

    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;

}

.form-search button {

    background: transparent;

    border: none;

    float: right;

    margin-top: -30px;

    margin-right: 10px;

    position: relative;

    z-index: 2;

}

.form-search button i {

    color: #a0ce4e;

    font-size: 16px;

}

.form-search.active {

    visibility: visible;

    opacity: 1;

    -webkit-transform: rotateX(0deg);

    -moz-transform: rotateX(0deg);

    -ms-transform: rotateX(0deg);

    -o-transform: rotateX(0deg);

    transform: rotateX(0deg);

}

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

/* =  General

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

#container {

    padding-top: 140px;

}

p {

    font-size: 16px;

    color: #777777;
    text-align: justify;

    font-weight: 400;

    line-height: 22px;

    margin: 0 0 10px;

}

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

/* =  content slider section

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

.title-section.white h1 {

    color: #ffffff;

}

#home-section .tp-caption.small_text {

    position: absolute;

    color: #eeeeee;

    text-shadow: none;

    font-weight: 400;

    font-size: 20px;

    line-height: 28px;


    margin: 0px;

    border-width: 0px;

    border-style: none;

    white-space: nowrap;

    letter-spacing: 1.8px;

}

#home-section .tp-caption.small_text p.line {

    width: 60px !important;

    height: 1px !important;

    background: #333333 !important;

}

#home-section .tp-caption.finewide_medium_white {

    color: #ffffff;

    text-shadow: none;

    font-size: 36px;

    line-height: 50px;

    font-weight: 900;


    background-color: none;

    text-decoration: none;

    text-transform: uppercase;

    border-width: 0px;

    border-color: transparent;

    border-style: none;

    text-align: left;

    letter-spacing: 2.5;

}

#home-section .tp-caption.finewide_medium_white span {

    color: #a0ce4e;

}

#home-section .tp-caption.finewide_medium_white.center-align {

    text-align: center !important;

}

#home-section .tp-caption span.corner-border {

    display: block;

    width: 70px;

    height: 70px;

}

#home-section .tp-caption span.corner-border.left-top {

    border-top: 1px solid #ffffff;

    border-left: 1px solid #ffffff;

}

#home-section .tp-caption span.corner-border.left-bottom {

    border-bottom: 1px solid #ffffff;

    border-left: 1px solid #ffffff;

}

#home-section .tp-caption span.corner-border.right-top {

    border-top: 1px solid #ffffff;

    border-right: 1px solid #ffffff;

}

#home-section .tp-caption span.corner-border.right-bottom {

    border-bottom: 1px solid #ffffff;

    border-right: 1px solid #ffffff;

}

#home-section .tp-bannertimer {

    display: none !important;

}

#home-section .tp-bullets.simplebullets.round .bullet:hover,

#home-section .tp-bullets.simplebullets.round .bullet.selected {

    background: #a0ce4e;

    border-color: #a0ce4e;

}

#home-section .slotholder:after {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.3);

    z-index: 2;

}

.banner-section {

    padding: 40px 0;

    background: black;

    text-align: center;
    color: black;
    

}

ul.servi{
    color: #777777;
    font-size: 20px;
}

.banner-section h2 {

    color: #333333;

    font-size: 15px;


    font-weight: 400;

    margin: 0 0 15px;

    color: #ffffff;

    font-size: 16px;

    font-weight: 400 !important;

    margin-bottom: 0;

}

.banner-section a {

    display: inline-block;

    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;

    margin-left: 60px;

    padding: 12px 30px;

    color: #ffffff;

    background: #FF0014;

    font-size: 13px;

    font-weight: 700;


    text-transform: uppercase;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    -o-border-radius: 2px;

    border-radius: 2px;

    border: 2px solid #ffffff;

    letter-spacing: 1.5px;

}

.banner-section a:hover {

    background: transparent;

    color: white;

}

.title-section {

    margin-bottom: 30px;

}

.title-section h1 {

    color: #333333;

    font-size: 19px;


    font-weight: 700;

    margin: 0 0 30px;

    letter-spacing: 2px;

    text-transform: uppercase;

    padding-bottom: 20px;

    margin-bottom: 20px;

    position: relative;

}

.title-section h1:after {

    position: absolute;

    content: '';

    width: 40px;

    height: 2px;

    background: #a0ce4e;

    bottom: -1px;

    left: 0;

}

.title-section p {

    max-width: 600px;

    margin: 0;

}

.title-section.white {

    margin-bottom: 40px;

}

.title-section.white h1 {

    color: #ffffff;

}

.title-section.white p {

    color: #ffffff;

}

section.services-section {

    padding: 60px 0 20px;

}

section.services-section .services-box .services-post {

    margin-bottom: 40px;

}

section.services-section .services-box .services-post img {

    width: 60%;

    margin-bottom: 30px;







}

section.services-section .services-box .services-post .services-content {

    padding-right: 10px;

}

section.services-section .services-box .services-post .services-content h2 {

    color: #333333;

    font-size: 21px;


    font-weight: 400;
    text-align: center;

    margin: 0 0 15px;

}

.img-center-2 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: none;
    border-radius: 20px;
    max-width: 85px;
    margin-top: 30px;


}

section.services-section .services-box .services-post .services-content a {

    display: inline-block;

    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;

    font-size: 12px;

    color: #777777;


    font-weight: 400;

    line-height: 22px;

    margin: 0 0 10px;

    color: #333333;

    margin: 0;

}

section.services-section .services-box .services-post .services-content a i {

    margin-left: 12px;

}

section.services-section .services-box .services-post .services-content a:hover {

    color: #a0ce4e;

}

.portfolio-section {

    padding: 60px 0;

    background: #fafafa;

}

.portfolio-section .portfolio-box.owl-wrapper {

    margin-left: -15px;

    margin-right: -15px;

}

.portfolio-section .portfolio-box.owl-wrapper .item {

    padding: 0 15px;

}

.portfolio-section .portfolio-box.iso-call {

    margin-left: -15px;

    margin-right: -15px;

}

.portfolio-section .portfolio-box.iso-call .project-post {

    width: 24%;

    padding: 10px;

}

.portfolio-section ul.filter {

    margin: 0;

    padding: 0;

    margin-bottom: 40px;

    text-align: center;

}

.portfolio-section ul.filter li {

    display: inline-block;

    margin: 0 16px;

}

.portfolio-section ul.filter li a {

    display: inline-block;

    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;

    color: #333333;

    font-size: 13px;

    font-weight: 700;

    text-transform: uppercase;


}

.portfolio-section ul.filter li a i {

    margin-right: 15px;

    color: #333333;

}

.portfolio-section ul.filter li a:hover,

.portfolio-section ul.filter li a.active {

    color: #817F7B;

}

.portfolio-section .project-post .project-gallery {

    position: relative;

}

.portfolio-section .project-post .project-gallery img {

    width: 100%;

}

.portfolio-section .project-post .project-gallery .hover-box {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.45);

    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;

    opacity: 0;

}

.portfolio-section .project-post .project-gallery .hover-box .inner-hover {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    padding: 20px;

}

.portfolio-section .project-post .project-gallery .hover-box .inner-hover h2 {

    color: #333333;

    font-size: 15px;



    font-weight: 400;

    margin: 0 0 15px;

    color: #ffffff;

    margin-bottom: 10px;

    padding-bottom: 10px;

    position: relative;

    text-transform: uppercase;

}

.portfolio-section .project-post .project-gallery .hover-box .inner-hover h2 a {

    display: inline-block;

    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;

    color: #ffffff;

}

.portfolio-section .project-post .project-gallery .hover-box .inner-hover h2 a:hover {

    color: #a0ce4e;

}

.portfolio-section .project-post .project-gallery .hover-box .inner-hover h2:after {

    content: '';

    position: absolute;

    bottom: -1px;

    left: 0;

    width: 22px;

    height: 1px;

    background: #a0ce4e;

}

.portfolio-section .project-post .project-gallery .hover-box .inner-hover span {

    display: inline-block;

    color: #ffffff;

    font-size: 12px;


    margin: 0;

}

.portfolio-section .project-post:hover .project-gallery .hover-box {

    opacity: 1;

}

.owl-theme .owl-controls .owl-pagination {

    display: none !important;

}

.owl-carousel {

    width: auto;

}

.owl-theme .owl-controls {

    margin-top: -20px;

    text-align: center;

    position: absolute;

    height: 0;

    top: 50%;

    left: -50px;

    right: -50px;

}

.owl-theme .owl-controls .owl-buttons div {

    font-size: 18px;

    color: #ffffff;

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    background: #000;

    outline: none;

    padding: 0;

    margin: 0;

    box-shadow: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    -o-box-shadow: none;

    opacity: 1;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    -o-border-radius: 0;

    border-radius: 0;

    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;

}

.owl-theme .owl-controls .owl-buttons div:hover {

    background: #a0ce4e;

}

.owl-theme .owl-controls .owl-buttons div.owl-prev {

    float: left;

}

.owl-theme .owl-controls .owl-buttons div.owl-next {

    float: right;

}

.owl-theme .owl-controls .owl-buttons div.owl-prev:after {

    content: '\f104';

    font-family: 'FontAwesome';

    color: #ffffff;

}

.owl-theme .owl-controls .owl-buttons div.owl-next:after {

    content: '\f105';

    font-family: 'FontAwesome';

    color: #ffffff;

}

.tabs-section {

    padding: 60px 0 60px;

    background: #000000;

    position: relative;

}

.tabs-section .about-us-box h1 {

    font-size: 18px;

    font-weight: 700;

    text-transform: uppercase;

    color: #ffffff;

    margin: 0 0 20px;

    padding-bottom: 20px;

    position: relative;

}

.tabs-section .about-us-box h1:after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 30px;

    background: #a0ce4e;

    height: 1px;

}

.tabs-section .about-us-box p {

    margin-bottom: 0px;

}

.tabs-section .about-us-box .about-us-post {

    overflow: hidden;

    margin-top: 30px;

}

.tabs-section .about-us-box .about-us-post a {

    display: inline-block;

    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;

    float: left;

    width: 60px;

    height: 60px;

    background: #000000;

    text-align: center;

    line-height: 60px;

    font-size: 16px;

    color: #ffffff;

}

.tabs-section .about-us-box .about-us-post a:hover {

    background: #a0ce4e;

}

.tabs-section .about-us-box .about-us-post h2 {

    color: #333333;

    font-size: 15px;


    margin: 0 0 15px;

    color: #ffffff;

    margin-left: 80px;

    font-weight: 400;

    margin-bottom: 6px;

    margin-top: 10px;

}

.tabs-section .about-us-box .about-us-post span {

    display: block;

    margin: 0;

    font-size: 11px;

    font-family: georgia;

    margin-left: 80px;

    color: #eeeeee;

    font-style: italic;

}

.tabs-section .about-box {

    padding-left: 15px;

}

.tabs-section .about-box img {

    width: 100%;

    margin-bottom: 30px;

}

.tabs-section .about-box h2 {

    color: #333333;

    font-size: 15px;


    margin: 0 0 15px;

    font-weight: 400;

    text-transform: uppercase;

    color: #ffffff;

    position: relative;

    margin-bottom: 20px;

    padding-bottom: 20px;

}

.tabs-section .about-box h2:after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 30px;

    height: 1px;

    background: #a0ce4e;

}

.tabs-section .about-box p {

    color: #ffffff;

}

.news-section {

    padding: 60px 0 30px;

    background: #fff;

}

.news-section .news-box.owl-wrapper {

    margin-left: -15px;

    margin-right: -15px;

}

.news-section .news-box.owl-wrapper .item {

    padding: 0 15px;

}

.news-section .news-post .news-gallery {

    position: relative;

}

.news-section .news-post .news-gallery img {

    width: 100%;

}

.news-section .news-post .news-gallery .date-post {

    position: absolute;

    top: 10px;

    left: 10px;

    width: 60px;

    background: #a0ce4e;

    padding: 10px 14px;

}

.news-section .news-post .news-gallery .date-post p {

    font-size: 11px;

    color: #ffffff;

    text-align: center;

    text-transform: uppercase;

    line-height: 16px;

    font-weight: 700;

    margin: 0;

}

.news-section .news-post .news-gallery .date-post p span {

    display: block;

    font-size: 15px;

    padding-top: 2px;

    margin-top: 2px;

    border-top: 1px solid rgba(255, 255, 255, 0.5);

}

.news-section .news-post .news-content {

    padding: 25px 0;

    background: #fff;

}

.news-section .news-post .news-content h2 {

    color: #333333;

    font-size: 15px;


    font-weight: 400;

    margin: 0 0 15px;

}

.news-section .news-post .news-content h2 a {

    display: inline-block;

    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;

    color: #333333;

}

.news-section .news-post .news-content h2 a:hover {

    color: #a0ce4e;

}

.news-section .news-post .news-content > a {

    display: inline-block;

    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;

    font-size: 12px;

    color: #777777;


    font-weight: 400;

    line-height: 22px;

    margin: 0 0 10px;

    color: #333333;

    margin: 0;

}

.news-section .news-post .news-content > a i {

    margin-left: 12px;

}

.news-section .news-post .news-content > a:hover {

    color: #a0ce4e;

}

.quote-section {

    padding: 50px 0;

    position: relative;

}

.quote-section #map {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.quote-section .container {

    position: relative;

    z-index: 2;

}

.quote-section .quote-box {

    padding: 40px;

    padding-bottom: 10px;

    background: #ffffff;

    border: 1px solid #f1f1f1;

    box-shadow: 2px 2px 5px #aaaaaa;

    -webkit-box-shadow: 2px 2px 5px #aaaaaa;

    -moz-box-shadow: 2px 2px 5px #aaaaaa;

    -o-box-shadow: 2px 2px 5px #aaaaaa;

}

.quote-section .quote-box h1 {

    color: #333333;

    font-size: 15px;


    font-weight: 400;

    margin: 0 0 15px;

    position: relative;

    margin-bottom: 20px;

    padding-bottom: 20px;

    text-transform: uppercase;

}

.quote-section .quote-box h1:after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 30px;

    height: 1px;

    background: #a0ce4e;

}

.quote-section .quote-box form#contact-form {

    margin: 0;

}

.quote-section .quote-box form#contact-form input[type="text"],

.quote-section .quote-box form#contact-form textarea {

    width: 100%;

    padding: 10px 15px;

    border: 1px solid #eaeaea;

    background: transparent;

    margin-bottom: 20px;

    outline: 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;

    color: #777777;

    font-size: 12px;


    font-weight: 400 !important;

}

.quote-section .quote-box form#contact-form input[type="text"]:focus,

.quote-section .quote-box form#contact-form textarea:focus {

    border: 1px solid #a0ce4e;

}

.quote-section .quote-box form#contact-form textarea {

    height: 100px;

}

.quote-section .quote-box form#contact-form input[type="submit"] {

    padding: 12px 20px;

    outline: none;

    border: none;

    background: #a0ce4e;

    color: #ffffff;

    font-size: 12px;


    text-transform: uppercase;

    font-weight: 400;

    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;

    margin-bottom: 0px;

}

.quote-section .quote-box form#contact-form input[type="submit"]:hover {

    opacity: 0.7;

}

.quote-section .quote-box form#contact-form .message {

    height: 30px;

    padding: 10px 20px;

    font-size: 13px;


}

.quote-section .quote-box form#contact-form .message.error {

    color: #e74c3c;

    background: rgba(246, 80, 80, 0.4);

    border: 1px solid #e74c3c;

}

.quote-section .quote-box form#contact-form .message.success {

    color: #29b504;

    background: rgba(63, 220, 21, 0.4);

    border: 1px solid #29b504;

}

.testimonial-section2 {



    padding: 0px 40px;

    background-image: url(../images/plantillas-del-america-avicer-2.jpg);

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

}

.testimonial-section2 .container {


    z-index: 2;
    height: auto;

    padding-top: 130px;
    padding-bottom: 300px;


}

.testimonial-section2 .testimonial-box {

    text-align: center;

    padding-bottom: 2px;

    margin-bottom: 0px;

}



.testimonial-section2 .testimonial-box p {
    color: white;
    text-shadow: -2px -2px 1px #000;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    max-width: 800px;
    margin: auto;
    background: rgba(255, 0, 20, 0.5);
    border-radius: 30px 0px 30px 0px;
    border-bottom: 5px solid black;

}

.testimonial-section {



    padding: 0px 40px;

    background-image: url(../images/plantillas-del-america-avicer.jpg);

    background-size: cover;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

}

.testimonial-section .container {


    z-index: 2;
    height: auto;

    padding-top: 130px;
    padding-bottom: 300px;


}

.testimonial-section .testimonial-box {

    text-align: center;

    padding-bottom: 2px;

    margin-bottom: 0px;

}



.testimonial-section .testimonial-box p {
    color: white;
    text-shadow: -2px -2px 1px #000;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    max-width: 800px;
    margin: auto;
    background: rgba(255, 0, 20, 0.5);
    border-radius: 30px 0px 30px 0px;
    border-bottom: 5px solid black;

}

@media only screen and (max-width:480px){
    
    .testimonial-section .testimonial-box p{
        font-size: 20px;
        width: 90%;
         border-radius: 10px 0px 10px 0px;
    border-bottom: 5px solid black;
    }
    
    #home-section{
        
        margin-top:62px;
    }
    
}

.testimonial-section .testimonial-box h2 {


    font-size: 15px;

    font-weight: 400;

    margin: 0 0 15px;

    font-size: 20px;

    color: white;

    text-transform: uppercase;

    margin-bottom: 2px;

}



.bx-wrapper .bx-pager.bx-default-pager a.active {

    background: white;

    border-color: white;

}



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

/* =  about page

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

.page-banner-section {

    padding: 50px 0;

    background: #FF0014;

    overflow: hidden;
    color: black;
    margin-top: 25px;
}

.page-banner-section h1 {

    color: white;

    font-size: 19px;

    font-weight: 700;



    text-transform: uppercase;



    font-size: 30px;

    letter-spacing: 2px;

    margin-bottom: 0px;
    text-align: center;

}

.page-banner-section ul.page-depth {

    float: right;

    margin: 0;

    padding: 0;

    text-align: right;

    margin-top: 10px;

}

.page-banner-section ul.page-depth li {

    display: inline-block;

    margin-left: 10px;

}

.page-banner-section ul.page-depth li a {

    display: inline-block;

    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;

    font-size: 12px;

    color: #777777;

    font-weight: 400;

    line-height: 22px;

    margin: 0 0 10px;

    color: #ffffff;

    margin-bottom: 0;

}

.page-banner-section ul.page-depth li a:hover {

    color: #a0ce4e;

}

.page-banner-section ul.page-depth li:before {

    content: '/';

    font-size: 12px;

    color: #777777;

    font-weight: 400;

    line-height: 22px;

    margin: 0 0 10px;

    color: #ffffff;

    margin-bottom: 0;

    margin-right: 10px;

}

.page-banner-section ul.page-depth li:first-child:before {

    display: none;

    margin-right: 0;

}

.about-section {

    padding: 80px 0;

    background: #f7f7f7;

}

.about-section img,

.about-section iframe {

    display: block;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 30px;

}

.about-section iframe {

    height: 328px;

}

.about-section h2 {

    color: #333333;

    font-size: 15px;

    font-weight: 400;

    margin: 0 0 15px;

}

.team-section {

    padding: 80px 0;

}

.team-section .team-box {

    margin-left: -15px;

    margin-right: -15px;

}

.team-section .team-box .item {

    padding: 0 15px;

}

.team-section .team-box .team-post .gallery-team {

    position: relative;

    margin-bottom: 30px;

}

.team-section .team-box .team-post .gallery-team img {

    width: 100%;

}

.team-section .team-box .team-post .gallery-team ul.social-list {

    position: absolute;

    top: 30px;

    right: 30px;

    width: 40px;

    margin: 0;

    padding: 0;

    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;

    opacity: 0;

}

.team-section .team-box .team-post .gallery-team ul.social-list li {

    display: inline-block;

    text-align: left;

    margin-bottom: 3px;

}

.team-section .team-box .team-post .gallery-team ul.social-list li a {

    display: inline-block;

    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;

    color: #ffffff;

    background: #333333;

    width: 40px;

    height: 40px;

    -webkit-border-radius: 1px;

    -moz-border-radius: 1px;

    -o-border-radius: 1px;

    border-radius: 1px;

    line-height: 40px;

    font-size: 14px;

    text-align: center;

}

.team-section .team-box .team-post .gallery-team ul.social-list li a:hover {

    color: #ffffff;

    background: #a0ce4e;

}

.team-section .team-box .team-post .team-content h2 {

    color: #333333;

    font-size: 15px;

    font-weight: 400;

    margin: 0 0 15px;

    margin-bottom: 5px;

    font-size: 16px;

    font-weight: 700;

    text-transform: uppercase;

}

.team-section .team-box .team-post .team-content span {

    display: block;

    color: #777777;

    font-size: 12px;

    font-weight: 500;

    margin-bottom: 20px;

    padding-bottom: 20px;

    border-bottom: 1px solid #f1f1f1;

}

.team-section .team-box .team-post:hover .gallery-team ul.social-list {

    opacity: 1;

}

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

/* =  single project

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

.single-page-section {

    padding: 80px 0;

}

.single-page-section img {

    width: 100%;

    margin-bottom: 30px;

}

.single-page-section .project-content h2 {

    color: #333333;

    font-weight: 400;

    margin: 0 0 15px;

    text-transform: uppercase;

    font-size: 15px;

    font-weight: 900;

}

.single-page-section .project-content .project-tags {

    margin: 30px 0;

}

.single-page-section .project-content .project-tags ul {

    margin: 0;

    padding: 0;

}

.single-page-section .project-content .project-tags ul li {

    list-style: none;

    display: block;

    color: #777777;

    font-size: 13px;

    font-weight: 700;

    margin-bottom: 2px;

    padding: 15px 25px;

    background: #f7f7f7;

}

.single-page-section .project-content .project-tags ul li i {

    color: #a0ce4e;

    margin-right: 10px;

}

.single-page-section .project-content .project-tags ul li span {

    color: #333333;

    margin-right: 4px;

}

.single-page-section .project-content .project-tags ul li:last-child {

    margin-bottom: 0;

}

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

/* =  blog page

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

.blog-section {

    padding: 50px 0 10px;

}

.blog-section h2 {

    color: #333333;

    font-size: 15px;

    font-weight: 400;

    margin: 0 0 15px;

    text-transform: uppercase;

    font-size: 16px;

}

.blog-section .blog-box .blog-post {

    margin-bottom: 50px;

}

.blog-section .blog-box .blog-post img,

.blog-section .blog-box .blog-post iframe {

    width: 100%;

    margin-bottom: 30px;

}

.blog-section .blog-box .blog-post iframe {

    height: 360px;

}

.blog-section .blog-box .blog-post h2 {

    color: #333333;

    font-size: 15px;

    font-weight: 400;

    margin: 0 0 15px;

    margin-bottom: 0px;

}

.blog-section .blog-box .blog-post h2 a {

    display: inline-block;

    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;

    color: #333333;

}

.blog-section .blog-box .blog-post h2 a:hover {

    color: #a0ce4e;

}

.blog-section .blog-box .blog-post span {

    display: inline-block;

    color: #777777;

    font-size: 12px;

    font-weight: 700;

    text-transform: uppercase;

    margin: 0 0 25px;

}

.blog-section .blog-box .blog-post .post-content-text > a {

    display: inline-block;

    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;

    font-size: 12px;

    color: #777777;


    font-weight: 400;

    line-height: 22px;

    margin: 0 0 10px;

    color: #333333;

    margin: 0;

}

.blog-section .blog-box .blog-post .post-content-text > a i {

    margin-left: 12px;

}

.blog-section .blog-box .blog-post .post-content-text > a:hover {

    color: #a0ce4e;

}

.blog-section .blog-box ul.pagination-list {

    margin: 0;

    padding: 0;

    margin-bottom: 40px;

}

.blog-section .blog-box ul.pagination-list li {

    display: inline-block;

    margin-right: 8px;

}

.blog-section .blog-box ul.pagination-list li a {

    display: inline-block;

    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;

    color: #777777;

    font-size: 14px;

    font-weight: 700;


    text-transform: uppercase;

}

.blog-section .blog-box ul.pagination-list li a:hover,

.blog-section .blog-box ul.pagination-list li a.active {

    color: #a0ce4e;

}

.blog-section .blog-box .single-post h1 {

    color: #333333;

    font-size: 15px;


    font-weight: 400;

    margin: 0 0 15px;

    text-transform: uppercase;

    font-size: 20px;

    margin-bottom: 0px;

}

.blog-section .blog-box .single-post p {

    margin-bottom: 25px;

}

.blog-section .blog-box .single-post blockquote {

    border-left: 5px solid #d1d1d1;

    padding: 20px 0;

    padding-left: 30px;

    margin-left: 30px;

    margin-bottom: 25px;

}

.blog-section .blog-box .single-post blockquote p {

    font-size: 14px;

    margin: 0;

}

.blog-section .blog-box .single-post blockquote p span {

    font-size: 12px;

    color: #777777;


    font-weight: 400;

    line-height: 22px;

    margin: 0 0 10px;

    font-size: 14px;

    font-weight: 700;

    color: #333333;

    margin-bottom: 0;

    text-transform: inherit;

}

.blog-section .blog-box .autor-post {

    overflow: hidden;

    margin-bottom: 40px;

}

.blog-section .blog-box .autor-post img {

    max-width: 130px;

    float: left;

}

.blog-section .blog-box .autor-post .autor-content {

    margin-left: 150px;

}

.blog-section .blog-box .autor-post .autor-content h2 {

    margin-bottom: 0;

}

.blog-section .blog-box .autor-post .autor-content span {

    display: inline-block;

    color: #777777;

    font-size: 13px;


    margin-bottom: 15px;

}

.blog-section .blog-box .comment-section {

    margin-bottom: 40px;

}

.blog-section .blog-box .comment-section h2 {

    margin-bottom: 25px;

}

.blog-section .blog-box .comment-section ul {

    margin: 0;

    padding: 0;

}

.blog-section .blog-box .comment-section ul li {

    list-style: none;

}

.blog-section .blog-box .comment-section ul li .comment-box {

    overflow: hidden;

    padding-bottom: 35px;

    border-bottom: 1px solid #f3f3f3;

    margin-bottom: 40px;

}

.blog-section .blog-box .comment-section ul li .comment-box img {

    width: auto;

    max-width: 100px;

    float: left;

}

.blog-section .blog-box .comment-section ul li .comment-box .comment-content {

    margin-left: 120px;

}

.blog-section .blog-box .comment-section ul li .comment-box .comment-content h4 {

    color: #333333;

    font-size: 13px;


    font-weight: 700;

    text-transform: uppercase;

    margin: 0;

}

.blog-section .blog-box .comment-section ul li .comment-box .comment-content h4 a {

    color: #333333;

    display: inline-block;

    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;

    float: right;

    font-size: 11px;

    font-weight: 400;

}

.blog-section .blog-box .comment-section ul li .comment-box .comment-content h4 a:hover {

    color: #a0ce4e;

}

.blog-section .blog-box .comment-section ul li .comment-box .comment-content span {

    font-size: 12px;

    color: #777777;


    line-height: 22px;

    margin: 0 0 10px;

    font-size: 11px;

    display: inline-block;

    font-weight: 400;

    margin-bottom: 5px;

    text-transform: uppercase;

}

.blog-section .blog-box .comment-section ul li .comment-box .comment-content p {

    font-size: 14px;

    margin: 0 !important;

}

.blog-section .blog-box .comment-section ul.depth .comment-box {

    padding-left: 120px;

}

.sidebar h2 {

    color: #333333;

    font-size: 15px;


    font-weight: 400;

    margin: 0 0 15px;

    text-transform: uppercase;

    font-size: 16px;

    margin-bottom: 25px;

}

.sidebar .widget {

    margin-bottom: 40px;

}

.sidebar ul.category-list,

.sidebar ul.archieve-list {

    margin: 0;

    padding: 0;

}

.sidebar ul.category-list li,

.sidebar ul.archieve-list li {

    list-style: none;

    border-bottom: 1px dotted #d1d1d1;

    margin-bottom: 10px;

}

.sidebar ul.category-list li a,

.sidebar ul.archieve-list li a {

    display: inline-block;

    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;

    color: #333333;

    font-size: 14px;

    font-weight: 400;


    padding-bottom: 10px;

}

.sidebar ul.category-list li a:hover,

.sidebar ul.archieve-list li a:hover {

    color: #a0ce4e;

}

.sidebar ul.category-list li:last-child,

.sidebar ul.archieve-list li:last-child {

    border-bottom: none;

    margin-bottom: 0;

}

.sidebar ul.tags-list {

    margin: 0;

    padding: 0;

}

.sidebar ul.tags-list li {

    display: inline-block;

    margin-right: 2px;

    margin-bottom: 6px;

}

.sidebar ul.tags-list li a {

    display: inline-block;

    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;

    padding: 12px 18px;

    color: #ffffff;

    background: #333333;

    font-size: 13px;


    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px;

}

.sidebar ul.tags-list li a:hover {

    background: #a0ce4e;

}

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

/* =  services

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

.services-tabs ul {

    margin: 0;

    padding: 0;

    margin-bottom: 40px;

}

.services-tabs ul li {

    display: block;

    margin: 0 0 2px;

}

.services-tabs ul li a {

    display: inline-block;

    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;

    display: block;

    padding: 18px 25px;

    background: #f1f1f1;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    -o-border-radius: 0px;

    border-radius: 0px;

    color: #333333;

    font-size: 14px;


    font-weight: 700;

    margin: 0;

}

.services-tabs ul li a:hover {

    background: #a0ce4e;

    color: #ffffff;

}

.services-tabs ul li.active a {

    background: #a0ce4e;

    color: #ffffff;

}

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

/* =  contact page

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

#map {

    height: 500px;

}

.contact-section {

    padding: 90px 0 50px;

}

.contact-section h2 {

    color: #333333;

    font-size: 15px;


    font-weight: 400;

    margin: 0 0 15px;

    font-size: 16px;

    text-transform: uppercase;

    margin-bottom: 25px;

}

.contact-section p {

    margin-bottom: 30px;

}

.contact-section ul.information-list {

    margin: 0;

    padding: 0;

}

.contact-section ul.information-list li {

    list-style: none;

    overflow: hidden;

    border-bottom: 1px solid #dddddd;

    margin-bottom: 15px;

    padding-bottom: 15px;

}

.contact-section ul.information-list li i {

    float: left;

    color: #333333;

    font-size: 13px;

    display: inline-block;

    line-height: 24px;

}

.contact-section ul.information-list li span {

    display: block;

    font-size: 12px;

    color: #777777;


    font-weight: 400;

    line-height: 22px;

    margin: 0 0 10px;

    margin-bottom: 0px;

    margin-left: 25px;

    color: #333333;

}

.contact-section ul.information-list li a {

    font-size: 12px;

    color: #777777;


    font-weight: 400;

    line-height: 22px;

    margin: 0 0 10px;

    display: inline-block;

    margin-left: 25px;

    margin-bottom: 10px;

    color: #333333;

}

.contact-section ul.information-list li:last-child {

    border-bottom: none;

}

#contact-form input[type="text"],

.comment-form input[type="text"],

#contact-form textarea,

.comment-form textarea {

    width: 100%;

    padding: 10px 20px;

    border: 1px solid #dedede;

    margin-bottom: 20px;

    outline: 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;

    color: #777777;

    font-size: 13px;


}

#contact-form input[type="text"]:focus,

.comment-form input[type="text"]:focus,

#contact-form textarea:focus,

.comment-form textarea:focus {

    border: 1px solid #a0ce4e;

}

#contact-form textarea,

.comment-form textarea {

    height: 146px;

}

#contact-form input[type="submit"],

.comment-form input[type="submit"] {

    padding: 12px 30px;

    outline: none;

    border: none;

    background: #a0ce4e;

    color: #ffffff;

    font-size: 13px;


    text-transform: uppercase;

    font-weight: 700;

    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;

    margin-bottom: 10px;

}

#contact-form input[type="submit"]:hover,

.comment-form input[type="submit"]:hover {

    opacity: 0.7;

}

#contact-form .message,

.comment-form .message {

    height: 30px;

    padding: 10px 20px;

    font-size: 13px;


}

#contact-form .message.error,

.comment-form .message.error {

    color: #e74c3c;

    background: rgba(246, 80, 80, 0.4);

    border: 1px solid #e74c3c;

}

#contact-form .message.success,

.comment-form .message.success {

    color: #29b504;

    background: rgba(63, 220, 21, 0.4);

    border: 1px solid #29b504;

}

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

/* =  Footer

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

footer {

    background: #FF0014;;

    padding-top: 80px;

}

footer .footer-widgets {

    padding-bottom: 30px;

}

footer .footer-widgets .widgets {

    margin-bottom: 40px;

}

footer .footer-widgets .widgets ul.tag-list {

    margin: 0;

    padding: 0;

}

footer .footer-widgets .widgets ul.tag-list li {

    display: inline-block;

    margin-bottom: 5px;

    margin-right: 1px;

}

footer .footer-widgets .widgets ul.tag-list li a {

    display: inline-block;

    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;

    color: #fff;

    font-size: 12px;


    font-weight: 400;

    padding: 6px 12px;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    -o-border-radius: 3px;

    border-radius: 3px;

    background: #000000;

}

footer .footer-widgets .widgets ul.tag-list li a:hover {

    background: #817F7B;

}

footer .footer-widgets .widgets ul.flickr-list {

    margin: 0;

    padding: 0;

}

footer .footer-widgets .widgets ul.flickr-list li {

    display: inline-block;

    margin-bottom: 5px;

    margin-right: 2px;

}

footer .footer-widgets .widgets ul.flickr-list li a {

    display: inline-block;

    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;

}

footer .footer-widgets .widgets ul.flickr-list li a img {

    max-width: 60px;

}

footer .footer-widgets .widgets ul.flickr-list li a:hover {

    opacity: 0.7;

}

footer .footer-widgets .widgets.info-widget p {

    margin-bottom: 0px;

}

footer .footer-widgets .widgets.info-widget p span {


    color: #000000;

    margin-right: 5px;

}

footer .footer-widgets .widgets.info-widget p.first-par {

    margin-bottom: 10px;

}

footer h2 {

    color: #333333;


    margin: 0 0 15px;

    text-transform: uppercase;

    color: #ffffff;

    font-size: 15px;

    margin-bottom: 25px;

    padding-bottom: 25px;

    font-weight: 400;

    position: relative;

}

footer h2:after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 30px;

    height: 1px;

    background: #a0ce4e;

}

footer .last-line {

    background: #817F7B;

    padding: 25px 0;

}

footer .last-line p.copyright {

    font-size: 12px;

    margin: 0;

    text-align: center;

}

footer p {

    font-size: 15px;

    color: #ffffff;

}

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

/* =  Responsive Part

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

@media (max-width: 991px) {

    .top-line ul.info-list {

        text-align: center;

        margin-bottom: 5px;

    }

    .top-line ul.social-icons {

        text-align: center;

    }

    .navbar-brand {

        padding: 12px 15px;

    }

    .navbar-nav > li > a {

        padding: 22px 12px;

    }

    .banner-section a {

        margin-top: 5px;

    }

    .tabs-section ul.nav-tabs {

        margin-bottom: 30px;

    }

    .tabs-section .tab-pane img {

        margin-bottom: 20px;

    }

    .quote-section .text-box {

        padding-right: 0;

        margin-bottom: 30px;

    }

    .portfolio-section .portfolio-box.iso-call .project-post {

        width: 50%;

    }

}

@media (max-width: 767px) {

    .navbar-toggle {

        margin-top: 14px;

    }

    .navbar-brand {

        padding-bottom: 17px;

    }

    .navbar-nav > li > a {

        padding: 5px 15px;

    }

    ul.drop-down {

        position: relative;

        opacity: 1;

        visibility: visible;

        top: inherit;

        left: inherit;

        width: 100%;

        border-top: none;

        padding: 5px 0;

    }

    ul.drop-down li a {

        padding: 5px 20px;

    }

    .banner-section a {

        margin-left: 3px;

    }

    .owl-theme .owl-controls {

        left: 15px;

        right: 15px;

    }

    .clients-section ul.clients-list li {

        width: 33.3333%;

        margin-bottom: 20px;

    }

    .page-banner-section h1 {

        float: none;

        text-align: center;

        margin-bottom: 10px;

    }

    .page-banner-section ul.page-depth {

        float: none;

        text-align: center;

    }

    .portfolio-section .portfolio-box.iso-call .project-post {

        width: 100%;

    }

    .portfolio-section ul.filter li {

        margin: 0 6px;

    }

    .blog-section .blog-box .single-post blockquote {

        margin-left: 0;

    }

    .blog-section .blog-box .comment-section ul.depth .comment-box {

        padding-left: 0;

    }

}

@media (max-width: 460px) {

    .top-line {

        display: none;

    }

    #container {

        padding-top: 63px;

    }

    .clients-section ul.clients-list li {

        width: 50%;

    }

    .blog-section .blog-box .comment-section ul li .comment-box img {

        max-width: 60px;

    }

    .blog-section .blog-box .comment-section ul li .comment-box .comment-content {

        margin-left: 80px;

    }

    .blog-section .blog-box .autor-post img {

        width: 100%;

        float: none;

        margin-bottom: 20px;

    }

    .blog-section .blog-box .autor-post .autor-content {

        margin-left: 0;

    }

}



.img-center {

    display: block;

    margin-left: auto;

    margin-right: auto;

    border: none;

    margin-top: 20px;

    margin-bottom: 20px;

}