/********************General*************************/
.page_header {
    background: url(../images/page-header.jpg) no-repeat;
    padding: 190px 0px 100px 0px !important;
}
a.back-to:hover, a.back-to:focus {
    background: #A1C7E5 !important;
}
.btn-white:hover {
    border-color: #A1C7E5 !important;
    background-color: #A1C7E5 !important;
}
.btn-white:before {
    background: #A1C7E5 !important;
}

/********************Header**************************/
nav.navbar.bootsnav, .layout_first.stick, header.layout_forth, header.layout_second, .layout_sixth.stick {
    box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.35) !important; 
}
header.layout_fifth nav.navbar.bootsnav ul.nav > li > a:hover, header.layout_fifth nav.navbar.bootsnav ul.nav > li > a:focus, header.layout_fifth nav.navbar.bootsnav ul.nav > li.active > a {
    color: #A1C7E5 !important;
}
#home .page_header{
    position: relative;
    background:url(../images/DC_home_header-img_v3.jpg) no-repeat !important;
    padding:110px 0;
    background-position: center center !important;
    background-size: auto 100% !important;
}

#empresa .page_header{
    background:url(../images/empresa_header_V2.jpg) no-repeat !important;
    padding:110px 0;
    background-position: center center !important;
}
#soluciones .page_header{
    background:url(../images/soluciones_header_v1.jpg) no-repeat !important;
    padding:110px 0;
    background-position: center center !important;
}
#entregables .page_header{
    background:url(../images/entregables_header_V2.jpg) no-repeat !important;
    padding:110px 0;
    background-position: center center !important;
}
#blog .page_header{
    background:url(../images/blog_header_V1.jpg) no-repeat !important;
    padding:110px 0;
    background-position: center center !important;
}
#contacto .page_header{
    background:url(../images/contacto_header_V4.jpg) no-repeat !important;
    padding:110px 0;
    background-position: center center !important;
}

/********************banner home**************************/
p.header_title{
    margin: auto;
    width: 100%;
    max-width: 550px;

    font-family: "montserrat-light";
    font-size: 42px;
}

p.header_subtitle{
    margin: 20px auto 0px auto;
    width: 100%;
    max-width: 550px;

    font-family: "montserrat-light";
    font-size: 16px;
    color: #86DBFE;
}

#bg-banner-color {
    background-size: cover;
    background-position: center center;
    color: #fff;
    position: relative;
    background-color: #363636;
}
#bg-banner-color-home{
    background-color: #FFFFFF;
}
#borde-left {
    display: none;
    background-color: #2E2E30 !important;
}
    #borde-right {
    display: none;
    background-color: #2E2E30 !important;
}
#bg-banner-color .right_content p{ color:#fff; }
#bg-banner-color .text-right {text-align: right !important; }

.home_content{
    margin: auto;
    width: 100%;
    height: auto;
    overflow: hidden;

    padding-top: 0px;
}

.home_content .hc_content_container{
    margin: auto;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.home_content.hc_padding_top{ padding-top: 70px; }
.home_content.hc_padding_bottom{ padding-bottom: 70px; }

.home_content .hc_img_side, .home_content .hc_description_side{ display: inline-block; vertical-align: middle; width: 49%; padding: 0px 10px 0px 10px; }
.home_content .hc_right_align{ text-align: right; }
.home_content .hc_lefT_align{ text-align: left; }

.home_content .hc_description_side > .hc_description_content{ max-width: 505px }
.home_content .hc_img_side img{ width: 100%; max-width: 450px; height: auto; }

.home_content .hc_title{ margin: 0px 0px 25px 0px; }
.home_content .hc_title p{
    margin: 0px;
    color: #363636;
    font-family: "montserrat-bold";

    line-height: 44px;
    font-size: 44px;
    font-weight: bold;
}

.home_content .hc_quote{ margin: 0px 0px 25px 0px; }
.home_content .hc_quote p{ margin: 0px 0px 0px 42.5px; color: #333333; border-left: 1px solid #363636; padding: 0px 0px 0px 62.5px; }

.home_content .hc_table{
    margin: auto;
    width: 100%;
    height: auto;
    overflow: hidden;

    display: table;
    border-collapse: collapse;
}

.home_content .hc_cell{ display: table-cell; vertical-align: middle; }
.home_content .hc_cell img{ width: 85px; height: auto; }
.home_content .hc_cell p{ padding: 0px 20px 0px 20px; font-size: 15px; }

.home_content .hc_buttons{
    display: inline-block;
    vertical-align: middle;

    margin: 25px auto 0px auto;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.home_content .hc_buttons a{
    margin-right: 20px;
}

.home_content .hcb_container{
    display: inline-block;
    vertical-align: middle;

    margin: 5px 0px 5px 0px;
    padding: 12px 55px 12px 15px;
    position: relative;

    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
}

.home_content .hcb_container p{ margin: 0px; font-size: 12px; font-weight: bold; }
.home_content .hcb_container p span{ margin-right: 5px; }
.home_content .hcb_button_category{ /*width: 320px;*/ background-color: #e4e4e4; border: 1px solid #e4e4e4; }
.home_content .hcb_button_read{ /*width: 160px;*/ background-color: #ffffff; border: 1px solid #363636; }
.home_content .hcb_more_about{ text-transform: uppercase; position: absolute; left: 15px; }
.home_content .hcb_title{ text-transform: uppercase; }

.home_content .hc_weight_bold{ font-weight: bold; }

.home_content .hcb_align_left{ text-align: left; }
.home_content .hcb_align_center{ text-align: center; }
.home_content .hcb_align_right{ text-align: right; }

.hcb_more_about_light_text{ color: #FFFFFF; }
.hcb_more_about_dark_text{ color: #363636; }
.hcb_title_light_text{ color: #FFFFFF; }
.hcb_title_dark_text{ color: #363636; }

.home_content .hcb_container_light_bg{
    background-image: url(../images/chevron-right-light.svg);
    background-size: 17px 17px;
    background-repeat: no-repeat;
    background-position: right 15px center;
}

.home_content .hcb_container_dark_bg{
    background-image: url(../images/chevron-right-dark.svg);
    background-size: 17px 17px;
    background-repeat: no-repeat;
    background-position: right 15px center;
}

.section_dot_connection{
    margin: auto;
    width: 100%;
    height: auto;
    overflow: hidden;

    text-align: center;
}

.section_dot_connection img{ width: 100%; max-width: 500px; height: auto; }

.home_content .hc_content_blue .hc_highlight_color{ color: #14B0ED !important; }
.home_content .hc_content_blue .hcb_button_category{ border: 1px solid #14B0ED; }
.home_content .hc_content_blue .hc_highlight_border{ border-color: #14B0ED !important; }
.home_content .hc_content_blue .hc_highlight_bg{ background-color: #14B0ED !important; }

.home_content .hc_content_yellow .hc_highlight_color{ color: #EAA315 !important; }
.home_content .hc_content_yellow .hcb_button_category{ border: 1px solid #EAA315; }
.home_content .hc_content_yellow .hc_highlight_border{ border-color: #EAA315 !important; }
.home_content .hc_content_yellow .hc_highlight_bg{ background-color: #EAA315 !important; }

.home_content .hc_content_violet .hc_highlight_color{ color: #833BED !important; }
.home_content .hc_content_violet .hcb_button_category{ border: 1px solid #833BED; }
.home_content .hc_content_violet .hc_highlight_border{ border-color: #833BED !important; }
.home_content .hc_content_violet .hc_highlight_bg{ background-color: #833BED !important; }

@media screen and (max-width: 850px){
    .section_dot_connection{ margin: 30px 0px 30px 0px !important; }
    .section_dot_connection img{ display: none !important; }
}

@media screen and (max-width: 720px){
    .hc_img_side{ display: none !important; }
    .hc_description_side{ width: 100% !important; padding: 0px 20px 0px 20px !important; }
    .home_content .hc_description_side > .hc_description_content { max-width: none !important; float: unset !important; }

    .home_content .hc_title p{ line-height: 35px; font-size: 35px; }
    .home_content .hc_quote p{ font-size: 13px; }
    .home_content .hc_cell p{ font-size: 14px; }
}

@media screen and (max-width: 400px){
    .hc_description_side{ padding: 0px 10px 0px 10px !important; }
    .home_content .hcb_button_category{ /*width: 280px !important;*/ }
    .home_content .hcb_container p{ font-size: 11px !important; }
}


.padding-banner1 { padding-top: 150px; }
.bottom-120 { padding-bottom: 120px; }

/***team***/
.team_wrap .image .list_content{
  background:#0f0f0f;
  opacity: 0.5 !important;
filter: alpha(opacity=50) !important; /* For IE8 and earlier */
}

#team .team_wrap .image{
    border-radius: 20% !important;
}
#team .team_wrap h3{
    text-align: center !important;
}
#team .team_wrap h5{
    text-align: center !important;
}

/********************Footer**************************/
ul.links li a:hover, ul.links li a:focus, .footer_small .breadcrumb li a:hover, .footer_small .breadcrumb li a:focus {
    color: #A1C7E5 !important;
}
.footer_top .footer_panel .media-body a:hover, .footer_top .footer_panel .media-body a:focus {
    color: #A1C7E5 !important;
    text-decoration: underline;
}


.back-grey{
    background-color: #2E2E30;
}
.back-white{
    background-color: white;
}

/********************Soluciones*************************/

.services_content p{
    font-size: 16px;
}
.services_content h2 {
    font-size: 40px;
    font-weight: 400 !important;
}
.services_content h4 {
    font-size: 24px;
    font-weight: 500 !important;
}
.services_content #corte{
    width: 100px;
    border-top: 1px solid #ccc;
}
.beneficios-text p span{
    font-weight: 100;
    font-size: 10px;
    color: black !important;
    line-height: 0px !important;
    font-family: arial !important;
}
#service_slider {
    background: transparent !important;
}

.testinomial_wrap .testinomial_pic span.post_img {
    font-size: 13px !important;
}
.testinomial_wrap .testinomial_pic span.post_img strong{
    font-size: 14px !important;
    font-weight: bold !important;
}
.testinomial_wrap .testinomial_text p{
    text-align: justify;
}
.testinomial_wrap .accordion-container{
    background-color: #F1F7E8 !important;
}
.testinomial_wrap .accordion_title > a{
    border: 0px !important;
}
.testinomial_wrap .content{
    border: 0px !important;
    padding: 0px 15px 1px 15px !important;
    font-weight: 400 !important;
    background-color: white !important;
    border: 5px solid #F1F7E8 !important;
}
.testinomial_wrap .content img{
    display: inline-block;
    max-width: 105px;
}
.testinomial_pic img{
  border-radius: 50%;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 50%; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 50%; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 50%; 
}
.list-op-test span{
    color: #84B4C8;
    padding: 5px 10px;
    border: 2px solid #84B4C8;
    margin-right: 6px;
    margin-top: 10px;
	font-weight: bold;
}
.s2{
    margin-left: -22px !important;
}
.testinomial_wrap .testinomial_pic > img {
    width: 70px !important;
}

/********************Entregables*************************/
.text-entregables{
    margin-top: 10px;
    text-align: justify;
}

/********************Empresa*************************/
#logo_slider .item, #logo_slider2 .item, #logo_slider_home .item {
    border: 0px solid #c7c7c7 !important;
    display: block;
    text-align: center;
}
#logo_slider .item, #logo_slider2 .item, #logo_slider_home .item:hover{
    cursor: e-resize;
}

.list_content .team_social li a {
    color: black !important;
    background-color: white !important;
}

/********************contacto*************************/
#wedo .accordion_title > a{
    border: 0px !important;
}
#wedo .content{
    border: 0px !important;
}
#wedo .content p{
    padding-left: 30px;
}
.paddingl48{
    padding-left: 48px !important;
}


/********************blog*************************/
.text-blog{
    margin-top: 10px;
    text-align: justify;
}
#nota {
    margin-bottom: 0px;
}
#nota h4{
    font-size: 14px;
    color: grey;
    font-weight: 300;
}

#nota h3{
    color: #1794CF !important;
    font-size: 18px !important;
}
#nota #seguir-leyendo{
    max-width: 180px;
    background-color: black;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    padding: 8px 18px;
}
#nota #seguir-leyendo i{
    float: right;
    padding-top: 2px;
}
#nota #seguir-leyendo-video{
    max-width: 180px;
    background-color: black;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    padding: 8px 18px;
}
#nota #seguir-leyendo-video i{
    padding-top: 2px;
    padding-left: 30px;
}


#nota h2 a{
    text-decoration: none;
}
#nota #seguir-leyendo a:hover{
    text-decoration: none !important;
    color: white !important;
}
#nota #seguir-leyendo-video a:hover{
    text-decoration: none !important;
    color: white !important;
}
.separador-nota img{
    width: 100%;
}

.top-20{
    margin-top: 20px !important;
}
.paginas span{
    font-size: 16px;
    background-color: black;
    color: white;
    padding: 2px 6px;
    margin: 0px 2px;
}
.paginas span{
    font-size: 16px;
    background-color: black;
    color: white;
    padding: 2px 6px;
    margin: 0px 2px;
}
.num-on{
    color: black !important;
    background-color: white !important;
    border: 1px solid black;    
}
/******************** NOTAS *************************/
#nota-blog .page_header{
    background:url(../images/nota-blog_V1.jpg) no-repeat !important;
    padding:110px 0;
    background-position: center center !important;
}







            /*******************************************************/
            /*******************************************************/
            /********************  MOBILE  *************************/
            /*******************************************************/
            /*******************************************************/



@media screen and (max-width: 767px){
    .services .tab_drawer_heading {
    background-color: transparent !important;
    border: 2px solid #73ae20 !important;
    }
    .services .tab_drawer_heading.d_active {
    background: #73ae20 !important;
    color: #fff !important;
    }
    .s2{
    margin-left: 0px !important;
    }
    .padding-banner1 {
    padding-top: 80px !important;
    }
    #borde-left {
    display: block !important;
    background-color: #2E2E30 !important;
    }
    #borde-right {
    display: block !important;
    background-color: #2E2E30 !important;
    }
    .separador-nota img{
    margin: 10px 0px !important;
    }
    #nota img{
        padding-bottom: 10px !important;
    }
}
