/*
Theme Name: Mdirector
Theme URI: http://mdirector.com/
Description: Diseño para mdirector.com
Author: Mateo Santos - Interacso
Author URI: http://interacso.com/
Template: interacsomastertrap
Version: 0.1
*/

@font-face {
    font-family: 'GothamRounded-Medium';
    font-style: normal;
    src: url('fonts/GothamRounded-Medium.eot?') format('eot'),
         url('fonts/GothamRounded-Medium.otf')  format('opentype'),
         url('fonts/GothamRounded-Medium.woff') format('woff'),
         url('fonts/GothamRounded-Medium.ttf')  format('truetype'),
         url('fonts/GothamRounded-Medium.svg#GothamRounded-Medium') format('svg');
}

@font-face {
    font-family: 'GothamRounded-Light';
    src: url('fonts/GothamRounded-Light.eot?') format('eot'),
         url('fonts/GothamRounded-Light.otf')  format('opentype'),
         url('fonts/GothamRounded-Light.woff') format('woff'),
         url('fonts/GothamRounded-Light.ttf')  format('truetype'),
         url('fonts/GothamRounded-Light.svg#GothamRounded-Light') format('svg');
}

img{
	max-width: 100%
}

body{
  font-family: 'Open Sans', sans-serif
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
 font-family: 'Open Sans', sans-serif;
}

/** HEAD **/

.centered-pills { text-align:center; }
.centered-pills li { display:inline; }
.centered-pills a { float:left; }
* html .centered-pills ul.nav-pills { display:inline; } /* IE6 */
*+html .centered-pills ul.nav-pills { display:inline; } /* IE7 */

.blog-masthead{
    background-color: white;
    box-shadow: none;
    position: relative;
    width: 100%;
    top: 0px !important;
    padding-top: 10px;
    border-bottom: 2px solid #cccccc;
    z-index: 910!important;
}
.nav-pills>li+li {
  margin-left: 5px;
}
.fixed{position: fixed; top: 0; z-index: 2}
.blog-masthead .logo{
    padding-top: 6px;
}
.blog-masthead .nav-pills{
    margin-top: 4px;
}
.blog-masthead .logo-mdirector.col-md-2{
  width: 18.666667%;
}
.blog-masthead .menu-mdirector.col-sm-5{
  width: 38.666667%;
}
.blog-masthead .logo-mdirector span{
    font-family: SourceSansPro-Black, Open Sans Bold;
    color:rgb(55, 55, 55);
    font-size:32px;
    margin-top:5px;
}
.navbar-default{
    background-color: transparent;
    border: 0px;
}
.blog-masthead .nav-pills > li > a{
  background-color: transparent;
  border-bottom: 2px solid white;
  color: #555555;
  border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
  padding: 11px 15px;
  text-decoration: none;
}
.blog-masthead .wide-col .navbar > li > a{
    display:block;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: transparent;
}
.nav.navbar-nav > li.active>a,
.nav.navbar-nav > li.active>a:hover,
.nav.navbar-nav > li.active>a:focus,
.nav.navbar-nav > li>a:hover,
.nav.navbar-nav > li.current_page>a,
.nav.navbar-nav > li.current_page_parent>a,
.nav.navbar-nav > li.current-page-ancestor>a,
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{
  color: #555555;
  border-bottom: 4px solid #ff6600;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background-color: white;
}

.blog-nav .active:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: 0;
    vertical-align: middle;
    content: "";
    border-right: 0px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;
}

.blog-masthead li.free > a{
    background-color: #ff6600;
    border-bottom: 4px solid #c14d00;
    color: white;
    font-weight: 700;
    border-radius: 4px;
    margin-left: 10px;
    margin-right: 20px;
}
[id^=menu-main_right] li.free > a:hover{
    background-color: #ff9d2a;
    color: white;
    border-radius: 4px;
}
[id^=menu-main_right] li.free-blue > a{
    background-color: #25b0e0;
    border-bottom: 4px solid #136784;
    color: white;
    font-weight: 700;
    margin-left: 38px;
    border-radius: 4px;
}
[id^=menu-main_right] li.free-blue > a:hover {
    background-color: #71CBEA;
    color: white;
    border-bottom: 4px solid #4AB2D6;
    border-radius: 4px;
}

.col-sm-2.col-md-2.col-xs-12.logo-mdirector{
    padding-left: 20px;
    padding-right: 0px;
}
.col-sm-9.col-md-9.col-xs-12.menu-mdirector{
    padding-left: 35px;
    padding-right: 0px;
}
.blog-masthead li ul{
    background-color: #ff6600;
    border-radius: 0 5px 5px 5px;
}
.navbar-nav>li>a {
  padding-left: 10px;
  color: #777;
  margin-bottom: 10px;
}

.blog-masthead li ul.dropdown-menu{
    min-width: 200px;
}
.blog-masthead li ul li{
    position: relative;
}
.blog-masthead li ul li a,
.blog-masthead li ul li.active a,
.blog-masthead li ul li.active a:hover{
    color: white;
    background-color: #ff6600;
    display: block;
      padding: 9px 11px;
      width: 100%;
      text-align: left;
}

.blog-masthead li ul li a:hover,
.blog-masthead li ul li.active a:hover{
    background-color: #ff9d2a;
    color: white;
}

.blog-masthead li ul li.no_link a{
    cursor: text;
    background-color: #000000;
}
.blog-masthead li ul li.chevron a::before{
    content: "\f054";
    font-family: 'FontAwesome';
    color: grey;
    right: 10px;
    position: absolute;
    font-size: 15px;
    top: 10px;
}
.entry h1 > span{
    font-size: 38px;
}
.resources-detail h1{
    text-align: center;
    font-family: 'GothamRounded-Light';
    font-weight: bold;
    font-size: 40px;
    color: #555555
}
.features .container .try-now .trial_btn .orange{
    width: 500px;
    font-size: 25px;
    border-radius: 7px;
    margin-left: -15px;
}
.features .container .trial_btn .orange {
    width: 268px;
    padding: 15px 50px;
    font-size: 20px;
    margin-left:100px;
    text-align: center;
}
.main-image-feature{
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
    width: 60%;
    height: 60%;
    padding:15px;
    padding-bottom: 0px;
}
.main-image-small{
    float: left;
    margin-left: 15px;
    margin-bottom: 15px;
    width: 90%;
    height: 60%;
    padding:15px;
    padding-bottom: 0px;
}

a.btn_orange{
    padding: 15px 27px;
    margin-right: 5px;
    font-size: 14px;
    background-color: #ff9d2a;
    border-bottom: 4px solid #3a2300;
    color: white;
    font-weight: 700;
    text-decoration: none !important
}
.visible-xs.navbar{
    margin-bottom: 0;
}
.visible-xs .navbar-brand{
    padding: 8px;
}
/** TOP HEAD **/
.top-head{
    border-bottom: 1px solid #eeeeee;
    /*overflow: hidden;*/
}
.top-head li a{
    color: #999999;
    font-size: 0.8em;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-right: 1px solid #eeeeee;
    padding: 8px 14.5px;
}
.top-head li:last-child a{
    border-right: none;
}
.top-head li a:hover,
.top-head li.selected a:hover{
    color: #333333;
    background-color: transparent;
}
.top-head li a:before{
    vertical-align: -7%;
    font-family: 'FontAwesome';
    content: " ";
    font-size: 1.5em;
}
.top-head li a.contact:before{
    font-family: 'FontAwesome';
    content: "\f0e0";
    vertical-align: -7%;
    color: #999999;
    margin-right: 10px;
    font-size: 1.5em;
}
.top-head .nav .open>a,
.top-head .nav .open>a:hover,
.top-head .nav .open>a:focus {
    background-color: #ffffff;
    color: #333333;
    border-color: #eeeeee;
}
.top-head .dropdown-menu{
    z-index: 2000;
    box-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-top: none;
    border-color: #eeeeee;
}
.top-head .dropdown-menu li a{
    border-right: none;
}

/** SLIDER **/
.home_claim .portatil{
    margin-bottom:-50px
}
.home_claim{
    min-height: 450px;
    width: 100%;
    background: url(img/slide1.jpg) top left no-repeat;
    background-size: cover;
    position: relative;
}
.home_claim .macbook{
    position: absolute;
    width: 100%;
    min-height: 549px;
    background: url(img/macbook_layer.png) bottom right no-repeat;
    background-position: 160%
}
.home_claim.first .portatil, .home_claim.second .portatil {
    margin-bottom:-50px;
}
.home_claim .trial_btn {
  text-align: center;
  margin-top: 10px;
}
.try-now .trial_btn a{
    width: 380px;
    font-size: 20px;
}
.home_claim.first {
  background-color: #5C67B1;
  background: #5C67B1;
}
.home_claim.first .portatil{
    min-height: 450px;
    background: url(img/macbook-video_crm_retargeting_OK.png) center 50px no-repeat;
    cursor: pointer;
    background-size:100%;
}
.home_claim.first .portatil-no-video{
    min-height: 450px;
    background: url(img/macbook-novideo.png) center 50px no-repeat;
    background-size:100%;
}
.home_claim.second {
  background-color: #75a22f;
  background: #75a22f;
}
.home_claim.second, .home_claim.third, .home_claim.fourth{
    display: none;
}
.home_claim.second .portatil, .home_claim.third .portatil, .home_claim.fourth .portatil{
    min-height: 450px;
    background: url(img/smsmac.png)  center 50px no-repeat;
    cursor: default;
    background-size:100%;
}
.home_claim.third {
  background-color: #C13132;
  background: #C13132;
}
.home_claim.third .portatil{
    cursor: pointer;
}
.home_claim .portatil_text{
}
.footer_one .container .nav-pills > li > a{
    font-size: 20px;
}
.home_claim .content h1{
    font-family: 'GothamRounded-Light';
    color: white;
    line-height: 62px;
    font-size: 50px;
    letter-spacing: 2px;
    margin-top: 50px;
    font-weight: bold;
}
.home_claim .content .headerSpan{
    font-family: 'GothamRounded-Light';
    color: white;
    line-height: 62px;
    font-size: 50px;
    letter-spacing: 2px;
    margin-top: 50px;
    font-weight: bold;
}
.home_claim .content .headerTitle{
    font-family: 'GothamRounded-Light';
    color: white;
    line-height: 62px;
    font-size: 50px;
    letter-spacing: 2px;
    margin-top: 50px;
    font-weight: bold;
}
.home_claim .content h2{
    font-family: 'GothamRounded-Light';
    color: white;
    line-height: 40px;
    font-size: 32px;
    margin-top: 15px;
}
.home_claim .content .textSpan{
    font-family: 'GothamRounded-Light';
    color: white;
    line-height: 40px;
    font-size: 20px;
    margin-bottom: -5px;
}
.home_claim .content .h2-title{
    font-family: 'GothamRounded-Light';
    color: white;
    line-height: 62px;
    font-size: 50px;
    letter-spacing: 2px;
    margin-top: 50px;
    font-weight: bold;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.home_claim .content h3 {
    font-family: GothamRounded-Light;
    line-height: 40px;
    margin-top: 20px;
    margin-bottom: -5px;
    color: white;
    padding-bottom: 20px;
}
.trial_btn .nav-pills > li{
    font-size:16px;
}
.home_claim .slide_btn,
.footer_one .slide_btn,
.features .slide_btn{
    background-color: #25b0e0;
    color:white !important;
    padding: 15px 25px;
    border: 2px solid #ffffff;
    font-weight: 700;
    font-size: 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
}
.home_claim .trial_btn .claim-more-info > a:hover{
    background-color: #71CBEA;
}
.features .slide_btn{
    margin-top: 0;
}
.features .slide_btn.blue{
    background-color: #25b0e0 !important;
    margin-top: 0;
}
.footer_one .slide_btn{
    padding: 11px 18px;
    background-color: #22A0CC;
    text-decoration: none !important
}

.home_claim .slide_btn.buy{
    background-color: #ff9d2a;
    margin-left: 20px;
    font-size:20px;
    text-decoration: none !important
}
.home_claim .slide_btn.buy:hover{
    background-color: #ff6600;
}
.footer_one .slide_btn:hover{
    background-color: #71CBEA;
}
.home_claim .slide_btn.buy.first{
    margin-left: 0;
}
.home_claim .slide_btn:hover{
    text-decoration: none
}
.home_claim .claim-more-info{
    margin-left: 10px;
    text-align: left;
    color:white !important;
    font-size: 12px;
    display: inline-block;
}
footer .blog-masthead{
    border-bottom: 0px;
}
.home_claim .claim-more-info a,
.footer_one .claim-more-info a{
    display: inline-block;
    color: white;
    text-decoration: none;
    margin-bottom: 10px;

}
.trial_buttons{
    margin-top:35px;
    padding-left:0px;
}
.trial_buttons ul{
    list-style-type: none;
    text-align: center;
}
.trial_buttons li{
    display:inline;
    text-align:center;
    margin-right: 10px;
}
.trial_buttons li a{
    color: white;
    background-color: #ff6600;
    border-radius: 5px;
    padding: 11px 18px;
    font-weight: bold;
    border: 2px solid #ffffff;
    font-size: 18px;
    text-decoration:none;
}
.trial_buttons li a:hover{
    background-color: #ff9d2a;
}
.home_claim .content p{
    color: white;
    font-size: 17px;
}
.slider_title{
    font-family: 'GothamRounded-Medium';
}
.slider_small a{
    color: white;
    text-decoration: underline;
}
.slider_small a:hover{
    text-decoration: none;
    color: white;
}
.blog-masthead .nav-pills .feature-menu-item .slide_btn .buy_first .dropdown-toggle {
    font-size: 20px;
}

/** PRICING **/
.pricing{
    background-color: #eeeeee;
    padding-top: 50px;
    padding-bottom: 50px;
}
.pricing h1{
    font-family: 'GothamRounded-Light';
    text-align: center;
    color: #555555;
    font-size:40px;
    font-weight: bold;
}
.pricing .pricing-subtitle{
    text-align: center;
    font-family: 'GothamRounded-Light';
    color: #555555;
    margin-bottom: 30px;
    font-size: 24px;
}
.pricing .pricing_item{
    color: #75a22f;
    text-align: center;
    position: relative;
    margin-top: 20px;
}
.pricing .pricing_item .inside{
    background-color: white;
    padding: 15px 30px 15px 30px;
    min-height: 380px;
    position: relative;
}
.pricing .pricing_item .back .inside p{
    text-align: left;
}
.pricing_item .icon_info{
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 0px;
    font-size: 25px;
}
.pricing .pricing_item .inside:hover,
.pricing .pricing_item.featured .inside{
    background-color: #75a22f;
    color: white;
}
.pricing .pricing_item .title{
    font-family: 'GothamRounded-Medium';
    font-size: 15px;
}
.pricing .pricing_item .price_label{
    font-family: 'GothamRounded-Light';
    font-size: 11px;
    min-height: 13px;
    margin-top: 10px;
}
.pricing .pricing_item .price{
    font-family: 'GothamRounded-Light';
    font-size: 55px;
    margin-top: 10px;
}
.pricing .pricing_item .period{
    font-family: 'GothamRounded-Light';
    font-size: 27px;
    margin-bottom: 20px;
}
.pricing .pricing_item .description_main{
    font-size: 16px;
    margin-bottom: 10px;
}
.pricing .pricing_item .description a{
    color: #75a22f;
    text-decoration: underline;
}
.pricing_item .back a {
    color: #fff;
    text-decoration: underline;
    background: #75a22f;
    padding: 10px 20px;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    text-decoration: none;
    font-size: 13px;
    margin-top: 10px;
    display: block;
}
.pricing .pricing_item .inside:hover .description a,
.pricing .pricing_item .back .inside:hover a,
.pricing .pricing_item.featured .description a,
.pricing .pricing_item.featured .back a{
    color: white;
}
.pricing .pricing_item .description a:hover{
    text-decoration: none;
}
.pricing .pricing_item a.choose{
    position: absolute;
    bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 88%;
    background-color: #75a22f;
    border-bottom: 4px solid #657d41;
    color: white;
    font-family: 'GothamRounded-Medium';
    padding: 8px 12px;
    font-size: 1.4rem;
    /*padding: 7px 30px 7px 30px;
    font-size: 1em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 100%;*/
}
.pricing .pricing_item.big_company a.choose{
    border: 4px solid #75a22f;
    background-color: white;
    color: #75a22f;
}
.pricing .pricing_item .inside:hover a.choose,
.pricing .pricing_item.featured a.choose{
    background-color: #ffffff;
    border-bottom: 4px solid #2f4f0c;
    color: #75a22f;
}
.pricing .pricing_item.big_company:hover a.choose,
.pricing .pricing_item.featured.big_company a.choose{
    border: 4px solid #75a22f;
    background-color: white;
    color: #75a22f;
}
.pricing .pricing_item.big_company:hover .description_main{
    color: white;
}
.pricing .trial_text{
    margin-top: 40px;
    text-align: center;
    font-size: 17px;
}


.faq{
    padding-bottom: 10px;
}
.faq h3{
    font-family: 'GothamRounded-Medium';
    color: #555555;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.faq .faq_item .title{
    text-transform: uppercase;
    color: #999999;
    font-weight: 700;
    min-height: 50px;
}
.faq .faq_item .content{
    color: #555555;
    line-height: 25px;
    margin-bottom: 30px;
}

.more-info{
    background-color: #555555;
    color: white;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 30px;
    font-size: 16px;
}
.more-info h3{
    color: white;
    font-family: 'GothamRounded-Light';
    font-size: 24px;
}
.more-info a{
    color: white;
    text-decoration: underline;
}
.more-info a:hover{
    color: white;
    text-decoration: none;
}

/** FLIP **/
.pricing_item .front {
    float: none;
    /*position: absolute;*/
    top: 0;
    left: 0;
    z-index: 900;

    -webkit-transform: rotateX(0deg) rotateY(0deg);
         -moz-transform: rotateX(0deg) rotateY(0deg);
                    transform: rotateX(0deg) rotateY(0deg);

    -webkit-transform-style: preserve-3d;
         -moz-transform-style: preserve-3d;
                    transform-style: preserve-3d;

    -webkit-backface-visibility: hidden;
         -moz-backface-visibility: hidden;
                    backface-visibility: hidden;

    /* -- transition is the magic sauce for animation -- */
    -webkit-transition: all .4s ease-in-out;
                    transition: all .4s ease-in-out;
}
.pricing_item.flip .front {
    z-index: 900;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.pricing_item .back {
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    /*z-index: 80;
    width: inherit;
    height: inherit;*/


    -webkit-transform: rotateY(-180deg);
         -moz-transform: rotateY(-179deg); /* setting to 180 causes an unnatural-looking half-flip */
                    transform: rotateY(-179deg);

    -webkit-transform-style: preserve-3d;
         -moz-transform-style: preserve-3d;
                    transform-style: preserve-3d;

    -webkit-backface-visibility: hidden;
         -moz-backface-visibility: hidden;
                    backface-visibility: hidden;

    /* -- transition is the magic sauce for animation -- */
    -webkit-transition: all .4s ease-in-out;
                    transition: all .4s ease-in-out;
}

.pricing_item.flip .back {
    z-index: 2;

    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    transform: rotateX(0deg) rotateY(0deg);
}

/* -- X axis rotation for click panel -- */
.pricing_item .front {
    /*cursor: pointer;*/
    z-index: 900;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
.pricing_item.flip .front {
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.pricing_item .back {
    cursor: pointer;
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}
.pricing_item.flip .back {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

/** FOOTER **/
.footer_one{
    background-color: #25b0e0;
    color: white;
    padding-top: 33px;
    padding-bottom: 19px;
}
.footer_one h1,.footer_one h2,.footer_one h3{
    font-family: 'Open Sans';
    color: white;
    text-align: center;
}
.footer_one h2{
    font-size: 24px;
}
.footer_one h3{
    font-size: 18px;
}
.footer_one h3:after{
    font-family: 'FontAwesome';
    content: "\f0f4";
    margin-left: 10px;
    color: #cfeef8;
}
.footer_one p{
    font-size: 18px;
}
.footer_one p:after{
    font-family: 'FontAwesome';
    content: "\f0f4";
    margin-left: 10px;
    color: #cfeef8;
}
.footer_one strong{
    font-family: 'Open sans';
}
.footer_one a.begin,
.error404-inside a,
a.integration-link{
    display: inline-block;
    background-color: #ff6600;
    color: white;
    border-bottom: 4px solid #c14d00;
    padding: 11px 18px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 700;
    margin-top: 11px;
}
a.integration-link{
    padding: 11px 65px;
}
a.integration-link.big{
    width: 500px;
    padding: 15px 50px;
    font-size: 25px;
    margin-top: 30px;
}
.footer_one a.begin:hover{
    background-color: #ff9d2a;
    text-decoration: none;
    border-bottom: 4px solid #c14d00;
}
.footer_two{
    background-color: #333333;
    color: #eeeeee;
    font-size: 12px;
}
.footer_two .inside{
    background-color: #444444;
    padding: 17px 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    min-height: 125px
}
.footer_two ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer_two ul li a{
    color: #eeeeee;
}
.footer_two ul li.icon_phone:before{
    content: "\f095";
    margin-right: 7px;
    font-family: 'FontAwesome'
}
.footer_two ul li.icon_mail:before{
    content: "\f003";
    font-family: 'FontAwesome';
    margin-right: 7px
}
.footer_two li.title{
    display: inline-block;
    margin-top: 30px;
    font-weight: 700
}
.footer_two .form-newsletter{
    margin-top: 20px;
}
.footer_two .form-newsletter input[type="text"]{
    color: #555555;
    padding: 5px 7px;
    font-size: 11px;
    min-width: 200px;
    margin-right: 5px;
}
.footer_two .form-newsletter button{
    background-color: #333333;
    border: 2px solid white;
    font-size: 11px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 4px 19px 4px 2px;
}
.footer_two .form-newsletter button span{

}
.footer_two .form-newsletter button span:before{
    font-family: 'FontAwesome';
    content: "\f004";
    margin-right: 9px;
    margin-left: 8px;
}
.footer_three{
    background-color: #cccccc;
    color: #57585a;
    background-image: url('img/footer_globe.png');
    background-repeat: no-repeat;
    background-position: center left;
    padding-bottom: 25px;
}
.footer_three dt.title{
    display: block;
    margin-top: 24px;
    font-size: 12px;
    font-weight: bold;
}
.footer_three span.title{
    display: block;
    margin-top: 24px;
    font-size: 12px;
    font-weight: bold;
}
.footer_three .content{
    font-size: 12px;
    line-height: 20px;
    margin-top: 9px;
}
.footer_three i{
    font-size: 27px;
    margin-top: 19px;
}
.footer_three a{
    color: #57585a;
}
.footer_four{
    background: #ffffff;
}
.footer_four .left{
    padding-top: 9px;
    padding-bottom: 9px;
    border-right: 1px solid #f0f0f0;
}
.footer_four .center{
    font-family: 'GothamRounded-Light';
    color: #333333;
    font-size: 14.55px;
    line-height: 49px;
}
.footer_four .center strong{
    font-family: 'GothamRounded-Medium';
    color: #333333;
}
.footer_four .center a{
    color: #333333;
}
.footer_four .right{
    font-family: 'GothamRounded-Light';
    color: #333333;
    font-size: 14.55px;
    line-height: 49px;
    text-align: right;
}
.absolute_footer{
    background-color: #333333;
    color: #959595;
    font-size: 12px;
    line-height: 50px
}
.absolute_footer .right{
    text-align: right;
}
.absolute_footer a{
    color: #959595;
}
.absolute_footer .right a{
    margin-right: 20px;
}
.absolute_footer .right a:last-child{
    margin-right: 0px;
}
.absolute_footer .right ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.absolute_footer .right ul li{
    float: right;
    margin-right: 10px;
}
.absolute_footer .right ul li:first-child{
    margin-right: 0px;
}

/** MAGENTO **/
.magento-form{
    background-color: #f8f8f8;
    border: 1px solid #f1f1f3;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
    padding: 10px;
}
.magento-form div p{
    text-align: center;
}
.magento-form span.free{
    color: #75a22f;
    font-weight: bold;
}
.magento-form input[type="text"],
.magento-form input[type="email"]{
    border: 1px solid #F7F7F7;
    margin-top: 10px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-top: 0px;
    padding-bottom: 0px;
    min-height: 45px;
}
.magento-form input[type="text"].error,
.magento-form input[type="email"].error{
    border: 1px solid red;
}
.magento-form button{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #75a22f;
    color: white;
    border: 1px solid #75a22f;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 20px;
}
.magento-form .checkbox{
    font-size: 13px;
    margin-top: 10px;
}
.magento-download{
    display: inline-block;
    background-color: #ff6600;
    color: white;
    border-bottom: 4px solid #c14d00;
    padding: 11px 18px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 700;
    padding: 11px 65px;
    width: 100%;
}
.whitepaper-download{
    display: inline-block;
    background-color: #ff6600;
    color: white;
    border-bottom: 4px solid #c14d00;
    padding: 11px 18px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 700;
    padding: 11px 65px;
    width: 100%;
}

/** SINGLE PAGE **/
.page-header{
    background-color: #25b0e0;
    color: white;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 0;
}
.page-header h1{
    font-family: 'GothamRounded-Light';
    font-weight: bold;
    font-size: 40px;
    color: white;
    margin: 0;
}
.page-content{
    padding-bottom: 50px
}
.page-content p{
    color: #555555;
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 24px;
}

.page-content p:last-child{
    margin-bottom: 40px;
}
.page-content span.highlight{
    font-weight: bold;
    font-size: 18px;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
}

/** BLOG **/
.page-header.blog{
    background: url(img/slide1.jpg) top left no-repeat;
    background-size: cover;
    padding-top: 35px;
    padding-bottom: 35px;
    margin-bottom: 46px;
}
.page-header.blog h2{
    font-family: 'Open Sans', sans-serif;
    color: white;
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 18px;
}
.page-header.blog span{
    font-family: 'GothamRounded-Light';
    font-weight: bold;
    font-size: 40px;
    color: white;
    margin: 0;
    text-align: center;
    line-height: 1.1;
}
.blog-style .content h2{
    padding-top: 15px;
    font-size: 32px;
    line-height: 42px;
    color: #444;

}
.blog-style .content h3{
    font-size: 26px;
    line-height: 36px;
    color: #444;
}
.entry{
    margin-bottom: 36px;
}
hr{
    margin-top: 30px;
    margin-bottom: 30px;
}
.entry h1{
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    margin-bottom: 35px;
    line-height: 45px;
}
.entry h1 a{
    color: #555555;
}
.entry a{
    color: #ff6600;
}
.entry img.main_image{
    margin-bottom: 40px
}
.entry .content p{
    margin-bottom: 24px;
    line-height: 26px;
    color: #555555;
}
.entry .content h4{
    line-height: 25px;
}

.content h2{
    color: #555555;
    padding-top:15px;
    padding-bottom:15px;

}

.entry .content{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-align: left;
    margin-bottom: 30px;
    line-height: 27px;
    color: #555555;
}
.entry .content:last-child hr{
    display: none;
}
.entry .meta_comments{
    font-size: 15px;
    margin-top: 10px;
    text-align: left;
}
.entry .meta_comments a{
    display: inline-block;
    border: 2px solid #999999;
    background: #ff9d2a;
    padding: 8px 50px;
    border-radius: 25px;
    color: white;
}
.entry .meta_comments a:hover{
    text-decoration: none
}
.entry .meta_date{
    font-size: 14px;
    text-align: left;
    color: #999999;
    line-height: 41px
}
.entry .meta_date a{
    color: #555555;
}
.paginate{
    margin-bottom: 30px;
}
.paginate a{
    background-color: #f6f5f3;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 25px;
    padding: 10px 20px;
    color: #555555;
}
.paginate a:hover{
    text-decoration: none
}
.banner{
    margin-top: 12px;
    text-align: center;
    margin-bottom: 20px;
    left: auto !important;
}
.banner-social{
    background-color: #f0f0f0;
    min-height: 222px;
    text-align: center;
    width: 83px;
    position: absolute;
    margin-top: 12px;
    left: auto !important;
}
.banner-social .header{
    background-color: #555555;
    text-align: center;
    color: white;
    font-size: 10px;
    padding: 7px 0px;
    margin-bottom: 14px;
    position: relative
}
.banner-social .header:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(85, 85, 85, 0);
    border-top-color: #555555;
    border-width: 7px;
    margin-left: -7px;
}
.banner-social a{
    display: block;
    font-size: 23px;
    margin-bottom: 10px;
    color: #999999;
}
.banner-social a:hover{
    color: #555555;
}

.single-resource{
    background-color: #555555;
    color: white;
    padding: 20px;
    overflow: hidden;
    margin-bottom: 40px;
}
.single-resource .left{
    width: 162px;
    float: left;
}
.single-resource .right{
    float: left;
    width: 420px;
    margin-left: 30px;
}
.single-resource .big-card{
    background-color: #ff9d2a;
    height: 179px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    color: white;
    border: 1px solid #f1f1f1;
}
.single-resource .dash{
    width: 8px;
    height: 179px;
    background-color: #ffffff;
    opacity: .2;
    position: absolute;
    left: 27px;
}
.single-resource .inside{
    display: table;
    height: 179px;
    z-index: 2;
    position: relative;
}
.single-resource .inside .text{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: white;
    font-size: 12.54px;
    font-weight: bold;
    text-align: center;
    padding: 9px;
}
.single-resource .big-card .logo{
    position: absolute;
    bottom: 7px;
    width: 96%;
    background-image: url('img/card-logo-3.png');
    background-size: 15%;
    background-repeat: no-repeat;
    background-position: bottom right;
    height: 40px;
}
.single-resource .slogan{
    font-size: 15px;
    margin-bottom: 15px;
}
.single-resource .title{
    font-family: 'GothamRounded-Medium';
    font-size: 15px;
    margin-bottom: 15px
}
.single-resource .subtitle{
    font-size: 13px;
    margin-bottom: 20px;
}
.single-resource a.download{
    display: inline-block;
    border: 2px solid #ff9d2a;
    padding: 8px 24px;
    border-radius: 25px;
    color: #ff9d2a;
    font-size: 13px;
}
.single-resource a.download:hover{
    background-color: white;
    text-decoration: none
}

/** FEATURES **/
.page-header.features{
    background-color: #727272;
    font-size: 24.99px;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 0;
}
.page-header.features h1{
    font-size: 24.99px !important;
}
.page-header.features h3{
    font-size: 18px !important;
    font-family: 'Open Sans', sans-serif;
    color: white;
    margin-top: 10px;
}

.features{}

.feature-selectors{
    border-bottom: 1px solid #cccccc;
}
.feature-selector{
    width: 25%;
    float:left;
    text-align: center;
    font-size: 13px;
    font-family: 'GothamRounded-Light';
    color: #777777;
}
.feature-selector i{
    font-size: 55px;
    margin-bottom: 8px;
    display: inline-block;
    height: 56px;
}
.feature-selector span.icon-mobile-marketing{
    display: block;
    width: 100%;
    height: 56px;
    background: url(img/icon-mobile-marketing.png) center bottom no-repeat;
}
.feature-selector span.title{
    position: absolute;
    bottom: 10px;
    display: block;
    width:100%;
}
.feature-selector a{
    padding-top: 20px;
    padding-bottom: 15px;
    display: block;
    width: 100%;
    height: 125px;
    background-color: #fefefe;
    border-left: 1px solid #cccccc;
    position: relative;
    color: #777777;
}
.feature-selector:last-child a{
    border-right: 1px solid #cccccc;
}
.feature-selector a.active,
.feature-selector a:hover{
    background-color: #f7f7f7;
}
.feature-selector a.active:after, .feature-selector a.active:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.feature-selector a.active:after {
    border-color: rgba(247, 247, 247, 0);
    border-top-color: #f7f7f7;
    border-width: 13px;
    margin-left: -13px;
}
.feature-selector a.active:before {
    border-color: rgba(194, 204, 204, 0);
    border-top-color: #cccccc;
    border-width: 14px;
    margin-left: -14px;
}
.features .btn_orange{
    width: 380px;
    text-align: center;
    font-size: 17px;
    display: inline-block;
    margin-top:30px;
}
.features .first-section h1{
    font-family: 'GothamRounded-Light';
    color: #ff9d2a;
    font-size: 48px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: -1px;
    font-weight: bold;
}
.features .first-section h2{
    font-family: 'GothamRounded-Light';
    color: #555555;
    font-size: 28px;
    text-align: center;
    margin-bottom: 40px;
}
.features .photo-responsive{
    text-align: center;
}
.features .disclaimer{
    background-color: #f7f7f7;
}
.features .disclaimer h3{
    color: #727272;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 36px;
    line-height: 27px
}
.features .disclaimer span{
    color: #727272;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 36px;
    line-height: 27px
}

.feature-item{
    width: 100%;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 30px;
}
.first-section .feature-item.last{
    margin-bottom: 0px;
}
.feature-item .the_image{
    min-height: 415px;
    width: 50%;
    background-size: 100%;
}
.feature-item.to_right .the_image{
    float: right;
    background-position: bottom left;
    background-repeat: no-repeat;
}
.feature-item.to_left .the_image{
    float: left;
    background-position: bottom right;
    background-repeat: no-repeat;
}
.feature-item.to_center .the_image{
    float: right;
    background-position: left center;
    background-repeat: no-repeat;
}
.feature-item.to_center_left .the_image{
    float: left;
    background-position: right center;
    background-repeat: no-repeat;
}
.feature-item.to_right .text{
    width: 50%;
    float: left;
}
.feature-item.to_left .text{
    width: 50%;
    float: right;
}
.feature-item.to_center .text{
    width: 50%;
    float: left;
}
.feature-item.to_center_left .text{
    width: 50%;
    float: right;
}
.feature-item .text{
    max-width: 495px;
}
.feature-item.to_left .text{
    float: right;
}
.feature-item .title{
    text-align: left;
    position: relative;
    margin-bottom: 32px;
    padding-top: 39px;
    margin-top: 20px;
}
.feature-item .title:before{
    font-family: 'FontAwesome';
    background-color: #e2e2e2;
    color: white;
    font-size: 35px;
    /* padding: 20px; */
    text-align: center;
    margin-right: 23px;
    padding-top: 11px;
    position: absolute;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    top: 50%;
    margin-top: -20px;
}
.feature-item:hover .title:before{
    background-color: #ff6600;
}
.feature-item .title.puzzle:before{
    content: "\f12e";
}
.feature-item .title.dashboard:before{
    content: "\f0e4";
}
.feature-item .title.group:before{
    content: "\f0c0";
}
.feature-item .title.random:before{
    content: "\f074";
}
.feature-item .title.smile:before{
    content: "\f119";
}
.feature-item .title.reply:before{
    content: "\f112";
}
.feature-item .title.thumb:before{
    content: "\f087";
}
.feature-item .title.check:before{
    content: "\f00c";
}
.feature-item .title.fork:before{
    content: "\f126";
}
.feature-item .title span{
    font-family: 'GothamRounded-Medium';
    color: #727272;
    font-size: 22px;
    text-align: left;
    display: inline-block;
    margin-left: 90px;
    line-height: 35px;
}
.feature-item .title.new span:after{
    content: "NEW";
    font-size: 12.86px;
    background-color: #ff9d2a;
    color: white;
    padding: 6px 10px;
    margin-left: 10px;
    vertical-align: 17%;
}
.feature-item  span.new{
    font-size: 12.86px;
    background-color: #ff9d2a;
    color: white;
    padding: 0px 10px;
}
.feature-item .content{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    padding-bottom: 10px;
    color: #555555;
}
.feature-item .content p{
    margin-bottom: 28px;
}
.feature-item .content a.feature-more-info{
    text-align: right;
    display: block;
    margin-top: 10px;
    font-size: 20px;
    color: #ff9d2a;
    text-decoration: underline;
}
.feature-item .content a.feature-more-info:hover{
    text-decoration: none;
}
.features .feature-item:last-child{
    margin-bottom: 0
}
.features .more-features{
    background-color: #f7f7f7;
    /*margin-bottom: 30px;*/
}
.features .more-features p{
    font-family: 'GothamRounded-Medium';
    font-size: 22px;
    text-align: center;
    color: #727272;
    padding-top: 48px;
    margin-bottom: 34px;
}
.features .more-features .item{
    display: table;
    height: 176px;
    background-color: #a8a8a8;
    border-bottom: 8px solid #bbbbbb;
    width: 100%;
}
.features .more-features .item:hover{
    background-color: #25b0e0;
}
.features .more-features .item .more-features-tablet{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: white;
    font-family: 'Open Sans', sans-serif;
    padding: 17px;
    margin-top: 5px;
}
.features .more-features .item .more-features-tablet i{
    display: block;
    font-size: 40px;
    margin-bottom: 12px;
}
.features .more-features .see-all{
    text-align: center;
    margin-top: 38px;
    margin-bottom: 50px;
    cursor: pointer;
}
.features .more-features .see-all a{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    color: #747474;
    position: relative;
    background-color: white;
    padding: 10px 30px;
    padding-bottom: 20px;
}
.features .more-features .see-all a:hover{
    text-decoration: none;
    color: #fff;
    background-color: #747474;
}
.features .more-features .see-all a:after{
    content: "\f078";
    font-family: 'FontAwesome';
    position: absolute;
    bottom: 1px;
    font-size: 17px;
    left: 50%;
    margin-left: -8.5px;
}
.features .more-features .see-all-features{
    display: none;
    margin-top: 30px;
    margin-bottom: 26px;
}
.features .more-features .see-all-features .row{
    margin-top:30px;
}
.resources-detail .try-now{
    height: 70px;
    width: 441px;
    margin: 0 auto;
}
.try-now .slide_btn{
    display: inline-block;
    background-color: #ff6600;
    color: white;
    border-bottom: 4px solid #c14d00;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-weight: 700;
}
#mobile-marketing{
    display: none;
}

/** CAREERS **/
.careers-slogan{
    background-color: white;
    color: #333333;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 41px;
}
.careers-slogan h1{
    font-family: 'GothamRounded-Medium', sans-serif;
    font-size: 29px;
    margin-bottom: 0
}
.careers-slogan h3{
    font-family: 'Open Sans', sans-serif;
    font-size: 14.38px;
}
.careers-slogan .content{
    font-size: 15px;
    margin-top: 35px;
}
.careers-subtitle{
    font-family: 'GothamRounded-Light', sans-serif;
    background-color: #f2f2f2;
    color: #555555;
    text-align: center;
    font-size: 29px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.careers-benefits{
    background-color: white;
    padding-top: 30px;
    padding-bottom: 50px;
}
.careers-benefits .item{
    background-color: #f0f0f0;
    text-align: center;
    padding: 20px;
    color: #555555;
    font-size: 14px;
    height: 240px;
    display: table;
    margin-top: 30px;
}
.careers-benefits .item .inside{
    display: table-cell;
    vertical-align: middle;
}
.careers-benefits .item .title{
    font-size: 14.38px;
    font-weight: bold;
    margin-bottom: 20px;
}
.careers-benefits .item i{
    font-size: 50px;
    color: #ff9d2a;
    display: block;
    margin-bottom: 20px;
}
.careers-grow{
    margin-bottom: 60px;
}
.careers-grow h1{
    font-family: 'Open Sans', sans-serif !important;
    color: #555555 !important;
    font-size: 22.02px !important;
    margin-bottom: 40px;
    padding-top: 10px !important;
}
.careers-grow .content{
    text-align: center;
    color: #555555;
    font-size: 16px;
}
.careers-grow a.work_with_us{
    background-color: #ff9e10;
    color: white;
    font-size: 18.17px;
    text-transform: uppercase;
    font-weight: bold;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    display: inline-block;
    margin: 0 auto;
    padding: 17px 42px;
    margin-top: 30px;
}
.careers-grow a.work_with_us:hover{
    text-decoration: none;
}
.slider-text.careers{
    position: relative
}
.slider-text.careers:after{
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.slider-text.careers:after {
    border-color: rgba(255, 157, 42, 0);
    border-top-color: #ff9d2a;
    border-width: 30px;
    margin-left: -30px;
}
/**
 * HOME FEATURES
 */
 .home-features{
    background-color: #fefefe;
 }
 .home-features .feature-selector a:after,
 .home-features .feature-selector a:before {
    top: auto;
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
 }
.home-features .feature-selector a.active:after,
.home-features .feature-selector a.active:before{

}
 .home-features .feature-selector a.active:after {
     border-color: rgba(247, 247, 247, 0);
     border-bottom-color: #f7f7f7;
     border-width: 13px;
     margin-left: -13px;
 }
 .home-features .feature-selector a.active:before {
     border-color: rgba(194, 204, 204, 0);
     border-bottom-color: #cccccc;
     border-width: 14px;
     margin-left: -14px;
 }
 #firststepSuccessHome{
     display: none;
 }
 #firststepForm a:hover{
     cursor: pointer;
 }
 #firststep-legal-privacy-link-home a:hover{
     text-decoration:underline;
 }
 #firststep-legal-cookies-link-home a:hover{
     text-decoration:underline;
 }
 .registration-area-home {
    background: #444444; 
    background-color: #444444;
 }
 .registration-home{
    margin-top: 40px; 
 }
 #email-home{
    height: 60px;
    font-size: 20px;
 }
 .home-register{
    color: white; 
    font-size: 10px;
    font-weight: normal;
    padding-top: 3px;
    width: 80%;
 }
 .home-register a{
    color: white; 
    font-size: 10px;
    font-weight: normal;
 }
 .home-register a:hover{
    color: white; 
    font-size: 10px;
    text-decoration: underline;
    cursor: pointer;
    font-weight: normal;
 }
 .registration-area-home #firststepForm .form-group {
    margin-bottom: 0px;
    vertical-align: top;
}
.registration-home .form-group .error {
    display: block;
}
.registration-area-home .error {
    font-size: 12px;
}
#emailUserEmpty{
    color: red;
}
#emailUserExistError{
    color: red;
}
.registration-area-home #firststepForm{
    width: 683px;
    margin: auto;
}
 .radio, .checkbox.home-register{
     margin-top:0px;
 }
 .checkbox-home{
     padding-left: 0px;
     padding-right: 0px;
 }
 .registration-area-home #submitButton{
    height: 60px;
    background-color: #ff6600;
    border: 2px solid white;
    color: white;
    font-weight: 700;
    border-radius: 4px;
 }
 .btn-register-home{
     padding-left: 20px;
 }
 .button-registration-home{
    font-size: 20px;
    padding-left: 10px;
    padding-right: 10px;
 }
 #iframe-legal-cookies-link-home{
     border: 0;
 }
 #iframe-legal-privacy-link-home{
     border: 0;
 }
 .registration-area-home #firststepSuccess{
     margin-bottom: 10px; 
     text-align:center;
 }
 .registration-area-home .success-title{
     font-weight: bold;
 }
 .registration-area-home #terms{
        margin-top: 2px;
 }
 .registration-area-home .checkbox-home-mobile{
     display: none;
 }
 /** HOME MENSAJES **/
 .home-messages{
    width: 100%;
    height: 440px;
    background: #26b0de url('img/home-mensajes.jpg') bottom center no-repeat;
    background-size: cover;
 }
 .home-messages .users-num{
    height: 440px;
    width: 100%;
    display: table;
    vertical-align: middle;
 }
 .home-messages .users-num .inside{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-family: 'Open Sans';
    font-size: 17.56px;
    color: white;
 }
 .home-messages .users-num .inside span{
    display: block;
    font-family: 'GothamRounded-Medium';
    font-size: 72px;
    line-height: 60px
 }

.home-comunica{
    height: 644px;
    background: url(img/home-comunica.jpg) top left repeat-x;
    border-bottom: 9px solid white;
    position: relative
}
.home-comunica .title{
    text-align: center;
    font-family: 'GothamRounded-Medium';
    font-size: 36px;
    color: white;
    padding-top: 78px;
    width: 675px;
    margin: 0 auto;
}
 .home-comunica .title h3{
  text-align: center;
  font-family: 'GothamRounded-Medium';
  font-size: 21.55px;
  color: white;
 }
.home-comunica .circle{
    width: 20px;
    background-color: rgba(255,255,255, .5);
    color: orange;
    border-radius: 100px;
    width: 190px;
    height: 190px;
    text-align: center;
    display: table;
    position: absolute;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
}
.circle.sms{
    background-image: url('img/comunica-icon-mobile.png');
}
.circle.sms.active{
    background-image: url('img/comunica-icon-mobile-active.png');
}
.circle.mail{
    background-image: url('img/comunica-icon-mail.png');
}
.circle.mail.active{
    background-image: url('img/comunica-icon-mail-active.png');
}
.circle.wireframe{
    background-image: url('img/comunica-icon-wireframe.png');
}
.circle.wireframe.active{
    background-image: url('img/comunica-icon-wireframe-active.png');
}
.circle.rocket{
    background-image: url('img/comunica-icon-rocket.png');
}
.circle.rocket.active{
    background-image: url('img/comunica-icon-rocket-active.png');
}
.home-comunica .circle .inside{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: center;
}
.home-comunica .circle.active{
    border: 6px solid white;
}
.home-comunica .circle.sms{
    top: 138px;
}
.home-comunica .circle.mail{
    top: 252px;
    left: 207px;
}
.home-comunica .circle.rocket{
    top: 138px;
    right: 0;
}
.home-comunica .circle.wireframe{
    top: 252px;
    right: 207px;
}
.home-comunica .expand{
    background-color: #ff6600;
    width: 525px;
    border-radius: 250px;
    position: absolute;
    top: 342px;
    bottom: auto;
    left: 50%;
    margin-left: -262.5px;
    height: 525px;
    border: 9px solid white;
}
.home-comunica .expand .img{
    text-align: center;
    padding-top: 45px;
}
.home-comunica .expand .img img{
    max-width: 53px;
}
.home-comunica .expand .title{
    font-size: 21.55px;
    width: 100%;
    padding-top: 10px;
}
.home-comunica .expand .text{
    width: 418px;
    margin: 0 auto;
    color: white;
    text-align: center;
    padding-top: 12px;
}

/** HOME COMUNICA ITEMS **/
.home-comunica-items{
    background-color: #1d516a;
    height: 764px;
    position: relative;
    width: 100%;
}
.home-comunica-items .title{
    text-align: center;
    font-family: 'GothamRounded-Medium';
    font-size: 36px;
    color: white;
    padding-top: 64px;
    margin: 0 auto;
    margin-bottom: 69px;
}
.home-comunica-items .item .content{
    color: #8ea8b5;
    font-size: 16px;
    padding-left: 97px;
    padding-top: 7px;
}
.home-comunica-items .item{
    margin-bottom: 30px;
    cursor: pointer;
}
.home-comunica-items .item.active .title,
.home-comunica-items .item.active .content{
    color: white;
}
.home-comunica-items .item .title{
    font-size: 24px;
    padding-top: 0;
    text-align: left;
    color: #8ea8b5;
    margin-bottom: 10px
}
.home-comunica-items .item:before{
    content: "\f11d";
    font-family: 'FontAwesome';
    color: #8ea8b5;
    position: absolute;
    font-size: 59px;
}
.home-comunica-items .item.active:before{
    color: white;
}
.home-comunica-items .item.flag:before{
    content: "\f11d";
}
.home-comunica-items .item.smile:before{
    content: "\f118";
}
.home-comunica-items .item.bag:before{
    content: "\f0f2";
}

/** home features **/
.home-feature{
    padding-top: 50px;
}
.home-feature .title{
    color: black;
    font-size: 36px;
    font-family: 'GothamRounded-Medium';
    margin: 0 auto;
    text-align: center;
    max-width: 737px;
    padding-bottom: 58px;
}
.home-feature .feature-item .title{
    padding-top: 0;
    padding-bottom: 20px;
}
.home-feature .feature-item .title span{
    font-size: 22px;
    text-transform: uppercase;
    font-family: 'GothamRounded-Light';
    margin-left: 0;
}
.home-feature .feature-item .title:before{
    display: none;
}
.home-feature .feature-item .content{
    color: #727272;
    font-size: 16px;
}
.home-feature .feature-item:last-child{
    border: none;
    margin-bottom: 0px;
}

.tree-footer{
    position: relative;
    height: 420px;
    background: #75a22f url('img/trees.png') bottom left repeat-x;
    -webkit-animation: animated 20s linear infinite;
    padding-top: 50px;
}
@keyframes animated {
    0%   {background-position: 0 100%;}
    50%  {background-position: 50% 100%;}
    100% {background-position: 100% 100%;}
}

@-webkit-keyframes animated {
    0%   {background-position: 0 100%;}
    50%  {background-position: 50% 100%;}
    100% {background-position: 100% 100%;}
}
.tree-footer .item{

}
.tree-footer .item .icon{
    text-align: center;
    min-height: 90px
}
.tree-footer .item .icon img{
    width: 50px;
}
.tree-footer .item .title{
    font-family: 'GothamRounded-Medium';
    font-size: 22px;
    text-align: center;
    color: white;
    min-height: 61px;
}
.tree-footer .item .text{
    text-align: center;
    color: white;
    font-family: 'Open Sans';
    margin-top: 10px;
    font-size: 14px;
    line-height: 26px;
}
.tree-footer .try-us{
    background-color: #385904;
    font-family: 'Open Sans';
    font-size: 16px;
    padding: 20px;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    position: absolute;
    top: auto;
    bottom: 40px;
    width: 200px;
    left: 50%;
    margin-left: -100px;
    color: white;
}
.tree-footer .try-us.light{
    width: 240px;
    left: 55%;
    background-color: #3C7113;
}
.tree-footer .try-us:hover{
    text-decoration: none
}


/** RESOURCES **/
.header-resources{
    height: 338px;
    background: url(img/slide1.jpg) top left no-repeat;
    background-size: cover;
    padding-top: 53px;
    border-bottom: 7px solid #ff9d2a
}
.header-resources .icons{
    height: 338px;
    background: url(img/emoticons-bg.png) top left repeat-x;
}

.header-resources h1{
    color: white;
    font-family: 'GothamRounded-Light';
    font-size: 40px;
    text-align: center;
    margin-bottom: 21px;
    font-weight: bold;
}
.header-resources h2{
    color: white;
    font-family: 'Open Sans';
    font-size: 16px;
    text-align: center;
    line-height: 25px
}
.header-resources .icon{
    font-size: 100px;
    color: white;
    text-align: center;
}
.resources{
    margin-top: 30px;
}
.resources label{
    font-weight: 300;
    font-size: 16px;
    font-family: 'Open Sans'
}
.resources select{
    background: transparent;
    padding: 5px;
    padding-left: 20px;
    font-size: 16px;
    border: 1px solid #F7F7F7;
    -webkit-appearance: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    outline: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.resources select:focus{
    outline: none;
      border-color:#f7f7f7 !important;
      box-shadow:none !important;
}
.resources .select-styled:after{
    font-family: 'FontAwesome';
    position: absolute;
    right: 22px;
    top: 2px;
    content: "\f078";
    font-size: 20px;
    color: #bfbfbf;
}

.resources .cards{
    margin-bottom: 40px;
    border-top: 3px solid #f7f7f7;
    padding-top: 20px;
}
.resources .card{
    border: 1px solid #f1f1f1;
    height: 282px;
    position: relative;
    margin-top: 30px;
}
.resources .card .normal{
    cursor: pointer
}
.resources .card .image{
    height: 182px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.resources .card.pic .inside{
    display: table;
    height: 77px;
}
.resources .card.pic .inside.text{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px;
    font-size: 17px;
    padding-bottom: 20px
}
.resources .card.pic .inside.text{
    color: #ffffff;
    font-weight: bold;
}
.resources .card.template1{
    position: relative;
    height: 282px;
}
.resources .card.template1 .inside,
.resources .card.template2 .inside{
    display: table;
    height: 282px;
    z-index: 2;
    position: relative;
}
.resources .card.template1 .dash,
.resources .card.pic .dash{
    width: 8px;
    height: 280px;
    background-color: #ffffff;
    opacity: .2;
    position: absolute;
    left: 27px;
    top: 0;
}
.resources .card.template1 .inside .text,
.resources .card.template2 .inside .text{
    display: table-cell;
    vertical-align: middle;
    color: white;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
}
.resources .card.template1 .logo{
    position: absolute;
    bottom: 7px;
    width: 96%;
    background-image: url('img/card-logo-3.png');
    background-repeat: no-repeat;
    background-position: bottom right;
    height: 40px;
}
.resources .card.template2 .logo{
    position: absolute;
    bottom: 7px;
    width: 100%;
    background-image: url('img/card-logo-2.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    height: 40px;
}
.resources .card.orange{
    background-color: #ff9d2a;
}

.resources .card.blue{
    background-color: #25b0e0;
}

.resources .card.grey{
    background-color: #555555;
}
.resources .card.green{
    background-color: #5c9a57;
}

.resources .card .hover{
    display: none
}
.resources .card .hover{
    background-color: #f9f9f9;
    height: 282px;
    position: relative;
    cursor: pointer;
}
.resources .card .hover .title{
    font-weight: bold;
    padding: 30px 10px;
    text-align: center;
}
.resources .card .hover .description{
    padding: 0px 10px;
    text-align: center;
    font-size: 13px;
}
.resources .card .hover a{
    text-decoration: none;
    color: #555555;
}
.resources .card .hover a.download-btn{
    display: inline-block;
    background-color: #ff9d2a;
    color: white;
    text-decoration: none;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 10px;
    padding-left: 54px;
    padding-right: 37px;
    position: relative;
    margin-top: 30px;
}
.resources .card .hover a.download-btn:before{
    content: "\f019";
    font-family: 'FontAwesome';
    color: white;
    font-size: 20px;
    position: absolute;
    left: 18px;
    top: 7px;
}
.resources .card .hover .downloads-number{
    text-align: center;
    font-size: 12px;
}
.resources .card .hover .play-btn{
    color: #ff9d2a;
    font-size: 70px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -28px;
}
.resources .pagination{
    text-align: right;
    margin-top: 30px;
    font-size: 16px;
}
.resources .pagination a{
    display: inline-block;
    color: #999999;
    padding: 10px 17px;
}
.resources .pagination a.active,
.resources .pagination a:hover,
.resources .pagination span.current{
    color: #fff;
    background-color: #ff9d2a;
    text-decoration: none;
    padding: 10px 17px;
}

/** RESOURCE DETAIL **/
.header-detail-resources{
    background-color: #555555;
    color: white;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.header-detail-resources h1{
    font-family: 'GothamRounded-Medium';
    color: white;
    font-size: 22.21px;
    margin: 0;
}
.resources-detail h2{
    color: #555555;
    font-size: 40px;
    text-align: center;
    font-family: 'GothamRounded-Light';
    margin-top: 30px;
    font-weight: bold;
}
.resources-detail h3 {
  color: #ff6600;
  font-size: 22px;
  text-align: center;
  font-family: 'GothamRounded-Light';
  margin-top: 16px;
  margin-bottom: 40px;
}
.resources-detail h2 i{
    display: block;
    color: #fff;
    font-size: 36px;
    border-radius: 50% ;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50% ;
    background: #ddd;
    width: 100px;
    height: 100px;
    padding-top:30px;
    margin:auto;
    margin-top: 30px;
}
.features h2 {
  color: #ff6600;
  font-size: 22px;
  text-align: left;
  font-family: 'GothamRounded-Light';
  margin-top: 0px;
  margin-bottom: 40px;
  padding-top:20px;
}
.resources-detail .quote{
    background-color: #f1f1f1;
    font-family: 'Open Sans';
    font-weight: 300;
    font-size: 22px;
    color: #333333;
    font-style: italic;
    position: relative;
}
.resources-detail .quote .inside{
    padding-left: 74px;
    padding-right: 74px;
    padding-top: 23px;
    padding-bottom: 23px;
}
.resources-detail .quote:before{
    content: "\f10d";
    font-family: 'FontAwesome';
    font-size: 35px;
    color: #dbdbdb;
    margin-right: 10px;
    font-style: normal;
    position: absolute;
    left: 24px;
    top: 7px;
}
.resources-detail .quote:after{
    content: "\f10e";
    font-family: 'FontAwesome';
    font-size: 35px;
    color: #dbdbdb;
    margin-right: 10px;
    font-style: normal;
    position: absolute;
    right: 24px;
    bottom: 7px;
}
.resources-detail .text{
    margin-top: 30px;
    font-family: 'Open Sans';
    margin-bottom: 50px;
}
.resources-detail .text p{
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 24px;
}
.resources-detail .text ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.resources-detail .text ul li{
    position: relative;
    padding-left: 30px;
    margin-bottom: 13px
}
.resources-detail .text ul li:before{
    content: "\f00c";
    font-family: 'FontAwesome';
    position: absolute;
    top: -4px;
    left: 0;
    font-size: 20px;
    color: #25b0e0;
    vertical-align: -20%
}
.resources-detail .resource-sidebar .the-form{
    background-color: #f8f8f8;
    border: 1px solid #f1f1f3;
    overflow: hidden;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 16px;
    padding: 40px;
}
label.error{
    color: red !important;
    font-weight: normal
}
input.error{
    border: 1px solid red !important;
}
.resource-sidebar label.error{
    font-size: 12px;
}
.resources-detail .resource-sidebar p{
    margin-bottom: 20px;
    text-align: center;
}
.resources-detail .resource-sidebar span.free{
    color: #75a22f;
    font-weight: bold;
}
.resources-detail .resource-sidebar .the-form input[type="text"],
.resources-detail .resource-sidebar .the-form input[type="email"]{
    border: 1px solid #F7F7F7;
    margin-top: 20px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-top: 0px;
    padding-bottom: 0px;
    min-height: 45px;
}
.resources-detail .resource-sidebar .the-form input[type="text"].error,
.resources-detail .resource-sidebar .the-form input[type="email"].error{
    border: 1px solid red;
}
.resources-detail .resource-sidebar .the-form button{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #75a22f;
    color: white;
    border: 1px solid #75a22f;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 20px;
    margin-top: 20px;
}
.resources-detail .resource-sidebar .the-form .checkbox{
    font-size: 13px;
    margin-top: 20px;
}
.resources-detail .resource-sidebar .big-card{
    background-color: #ff9d2a;
    height: 317px;
    width: 287px;
    margin: 0 auto;
    position: relative;
    color: white;
    -webkit-box-shadow: 0px 9px 1px 0px rgba(50, 50, 50, 0.56);
    -moz-box-shadow:    0px 9px 1px 0px rgba(50, 50, 50, 0.56);
    box-shadow:         0px 9px 1px 0px rgba(50, 50, 50, 0.56);
    margin-bottom: 40px;
}
#whitepaperForm input[type="checkbox"]{
    position: relative;
    top: 1px;
}
#whitepaperForm .resources-detail .resource-sidebar p {
    margin-bottom: 0px; 
}
#whitepaperFormButton{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #75a22f;
    color: white;
    border: 1px solid #75a22f;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 20px;
    margin-top: 20px;
}
.resources-detail .resource-sidebar .dash{
    width: 8px;
    height: 317px;
    background-color: #ffffff;
    opacity: .2;
    position: absolute;
    left: 27px;
}
.resources-detail .resource-sidebar .inside{
    display: table;
    height: 317px;
    z-index: 2;
    position: relative;
}
.resources-detail .resource-sidebar .inside .text{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: white;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    padding: 35px;
}
.resources-detail .big-card .logo{
    position: absolute;
    bottom: 7px;
    width: 96%;
    background-image: url('img/card-logo-3.png');
    background-repeat: no-repeat;
    background-position: bottom right;
    height: 40px;
}
.resources-detail .share-this{
    background-color: #5786b5;
    color: white;
    margin-top: 25px;
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 50px;
}
.resources-detail .share-this a{
    color: white;
    font-size: 38px
}
.resources-detail .share-this .align-text{
    padding-top: 12px;
}
.resources-detail #the-form label.error{
    color: red;
    font-weight: normal
}

/** EMPRESA **/
.mdirector-wall{
    width: 100%;
    height: 595px;
    background: url('img/quienes-somos-mdirector.jpg') center center no-repeat;
    background-size: cover;
}

.centered-pills2 { text-align:center; }
.centered-pills2 ul.nav-pills { display:inline-block; margin-bottom: -5px }
.centered-pills2 li { display:inline; }
.centered-pills2 a { float:left; }
* html .centered-pills2 ul.nav-pills { display:inline; } /* IE6 */
*+html .centered-pills2 ul.nav-pills { display:inline; } /* IE7 */

.company-menu{
    background-color: #ff6600;
}
.company-menu .nav-pills > li > a{
    background-color: transparent;
    color: white;
    border: none;
    padding: 13px 11px;
    text-decoration: none;
    margin-right: 5px
}

.company-menu .nav-pills>li.active>a,
.company-menu .nav-pills>li.active>a:hover,
.company-menu .nav-pills>li.active>a:focus,
.company-menu .nav-pills>li>a:hover,
.company-menu .nav-pills>li.current_page>a,
.company-menu .nav-pills>li.current_page_parent>a{
  color: white;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background-color: #ff8b3d;
  border: none;
}

.history1{
    min-height: 300px;
    background: url("img/bg-pasos1.jpg")top left repeat-x;
    background-size: cover;

}
.history2{
    min-height: 722px;
    background: url("img/bg-pasos2.jpg") top center repeat-x;
    background-size: contain;

}
.history3{
    min-height: 722px;
    background: url("img/history3.jpg")bottom center repeat-x;
    background-size: contain;
}
.history3 .bridge{
    min-height: 722px;
    background: url("img/bridge.png") center center no-repeat;
    background-size: cover;
}

.history .title{
    color: white;
    font-family: 'GothamRounded-Medium';
    font-size: 29px;
    text-align: center;
    margin-top: 55px;
}
.history .subtitle{
    color: white;
    font-size: 14.38px;
    margin-bottom: 30px;
    margin-top: 12px;
    text-align: center;
}

.history .content{
    /*background: url('img/bg-historia-content.png') top left repeat;*/
    background-color: rgba(255, 255, 255, 0.05);
    color: white;
}
.history .steps{
    text-align: center;
    padding-top: 56px;
    margin-bottom: 24px;
    height: 127px;
}
.history .content .inside{
    padding: 20px;
}
.history .content p{
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 25px;
    line-height: 25px;
}
.history3 form input[type="text"]{
    display: block;
    width: 100%;
    padding: 15px 18px;
    font-size: 16px;
}
.history3 form button{
    display: block;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    background-color: #ff9e10;
    color: white;
    padding: 13px 18px;
    font-size: 16px;
    border: none;
    width: 256px;
    margin: 0 auto;
    margin-top: 37px;
    margin-bottom: 30px;
}
.inside-history{
    margin-top: 40px;
    margin-bottom: 40px;
    background-color: rgba(255, 255, 255, 0.05);
    color: white;
    padding: 20px;
    font-size: 15px;
    font-weight: 300
}
.inside-history .icon{
    text-align: center;
    font-size: 50px;
}
.inside-history .slogan{
    text-align: center;
}
.steps-container{
    position: absolute;
    top: 257px;
    z-index: 2;
    width: 100%;
}
.steps-progress{
    background-color: #ff9d2a; height: 8px; position: relative
}
.bar_bullet{
    width: 33%;
    float: left;
}
.bar_bullet .element{
    position: relative;
    height: 40px;
}
.bar_bullet .element span{
    position: absolute;
    top: -47px;
    width: 200px;
    text-align: center;
    left: 50%;
    margin-left: -100px;
    color: white;
    text-transform: uppercase;
    font-size: 11px;
}
.bar_bullet .element:after{
    content: "\00a0\00a0";
    height: 20px;
    width: 20px;
    background-color: #ff9d2a;
    position: absolute;
    top: -11px;
    border-radius: 28px;
    left: 50%;
    margin-left: -12px;
    padding: 14px;
}
.bar_bullet .element:hover:after{
    height: 27px;
    width: 27px;
    border: 12px solid #ff9d2a;
    background-color: #555555;
    left: 42%;
    top: -23px;
}
.bar_bullet.active .element:after{
    height: 27px;
    width: 27px;
    border: 12px solid #ff9d2a;
    background-color: white;
    left: 42%;
    top: -23px;
}

.marketing-campaigns{
    background-color: #f2f2f2;
}

.marketing-campaigns h1{
    font-family: 'GothamRounded-Light', sans-serif;
    font-size: 30px;
    text-align: center;
    color: #555555;
    padding-top: 78px;
    margin-bottom: 30px;
}
.marketing-campaigns .inside{
    background-color: white;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 65px;
    margin-top: 20px;
    padding: 40px;
}

.marketing-campaigns i{
    color: #999999;
    font-size: 30px;
    text-align: center;
    margin-bottom: 0px
}
.marketing-campaigns .item{
    padding-top: 0;
    padding-bottom: 6px
}
.marketing-campaigns .item .number{
    color: #ff9d2a;
    font-size: 72px;
    text-align: center;
}
.marketing-campaigns .item .title{
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    color: #999999;
}
.image-slider .item{
    height: 574px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.image-slider .carousel-control{
    height: 80px;
    width: 80px;
    background-color: #ff9d2a;
    opacity: 1;
    top: 50%;
    margin-top: -40px;
}
.image-slider .carousel-control i{
    font-size: 60px;
    width: 60px;
}
.image-slider .carousel-control.right,
.image-slider .carousel-control.left{
    background-image: none;
}
.image-slider .carousel-control.left i{
    position: absolute;
    top: 50%;
    margin-top: -30px;
    right: 50%;
    margin-right: -30px;
    text-shadow: none;
}
.image-slider .carousel-control.right i{
    position: absolute;
    top: 50%;
    margin-top: -30px;
    left: 50%;
    margin-left: -30px;
    text-shadow: none;
}

.slider-text{
    background-color: #ff9d2a;
    color: white;
    text-align: center;
    padding-top: 50px;
    font-size: 16px;
    padding-bottom: 38px;
}
.slider-text h1{
    font-family: 'GothamRounded-Medium', sans-serif;
    color: white;
    font-size: 29px;
}
.slider-text p{
    margin-bottom: 20px;
}
.antevenio-group{
    background: #ffffff;
}

.antevenio-group h1{
    color: #555555;
    font-size: 30px;
    padding-top: 100px;
    font-family: 'GothamRounded-Medium', sans-serif;
    text-align: center;
}
.antevenio-group .logo{
    background: url('img/big-logo-antevenio.png') center bottom no-repeat;
    min-height: 359px
}
.antevenio-group .text{
    padding-top: 25px;
    font-size: 14px;
    color: #555555;
}
.antevenio-group .text p{
    margin-bottom: 20px;
}
.map-menu{
    background-color: #d9d9d9;
    color: white;
    text-align: center;
}
.map-menu span{
    font-size: 20px;
    color: white;
    display: inline-block;
    padding: 26px 0 26px 0;
    margin-right: 50px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300
}
.map-menu span:last-child{

    margin-right: 0px;
}
.map{
    min-height: 450px;
    background: url('img/mapa.jpg') #ffffff top center no-repeat;
    background-size: contain
}

/** NOTIFICATIONS **/
.notifications {
  position: fixed;
  display: none;
  z-index: 9999;
}

/* Positioning */
.notifications.top-right {
  right: 10px;
  top: 25px;
}

.notifications.top-left {
  left: 10px;
  top: 25px;
}

.notifications.bottom-left {
  left: 10px;
  bottom: 25px;
}

.notifications.bottom-right {
  right: 10px;
  bottom: 25px;
}
.notifications.top-center {
  width: 300px;
  height: 60px;
  text-align: center;
  left: 50%;
  margin-left: -150px;
  top: 50%;
  margin-top: -30px;
}

/* Notification Element */
.notifications > div {
  position: relative;
  margin: 5px 0px;
}

/** COMENTARIOS **/
.comments{
    margin-bottom: 30px
}

/** CONTACT FORM **/
.contact-form{
    margin-top: 10px;
}

.contact-form label,
form.wpcf7-form label{
    color: #999999;
    font-size: 13px;
}

.contact-form input[type="text"],
.contact-form select,
.contact-form input[type="text"] input:focus
{
    border-radius: 0;
    background-color: white !important;
    border: 1px solid #aaaaaa;
    box-shadow: none;
    background-image: none;
}

.contact-form-disclaimer{
    text-align: center;
    margin-top: 20px;
    font-size: 17px;
}

form.contact-form button,
form.wpcf7-form input[type="submit"]{
    background-color: #25b0e0;
    color: white !important;
    padding: 12px 27px;
    border-top: 1px solid #25b0e0;
    border-right: 1px solid #25b0e0;
    border-left: 1px solid #25b0e0;
    border-bottom: 4px solid #949494;
    font-size: 17px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 20px;

}

/** MODAL DESCARGA RECURSO **/
#myModalResource{}
#myModalResource .title{
    font-size: 20px;
}

#myModalResource .social{
    font-size: 32px;
}

#myModalResource .social a{
    color: #333333;
}

#myModalResource .trial_btn{
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

/** suscribe sidebar **/
.suscribe{
    background-color: #36444e;
    padding-top: 4px;
    margin-top: 10px;
}
.suscribe .title{
    background-color: #ededed;
    font-family: 'Open Sans', sans-serif;
    color: #000000;
    font-size: 13px;
    padding: 20px;
}

.suscribe .inside{
    background-color: transparent;
    font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    padding: 20px;
}

.suscribe .inside input{
    color: #000000;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.suscribe .inside label{
    font-weight: normal;
    font-size: 13px;
}
.suscribe .inside button{
    background-color: #ff9d2a;
    display: block;
    text-align: center;
    padding: 12px 0 12px 0;
    border: none;
    width: 100%;
    font-size: 12px;
}

.sidebar-eval{
    margin-top: 10px;
    text-align: center;
}

#myModal button.close{
    position: absolute;
    right: 5px;
    top: -1px;
}

/** ERROR 404 **/
.error404{
    height: 664px;
    background: url(img/404bg-dash.png) top left repeat-x;
    /*margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;*/
}
.error404-inside{
    margin: 0 auto;
    background: url(img/404bg.png) bottom center no-repeat;
    background-size: contain;
    height: 664px;
    width: 100%;
    max-width: 1200px
}
.error404 h1{
    font-size: 180px;
    font-family: 'Arial', sans-serif;
    font-weight: bold;
    color: #ff6600;
    margin-top: 88px;
}
.error404 p{
    font-size: 18px;
}
.error404 a{
    padding: 11px 78px;
    margin-top: 20px;
}

/** SLIDESHARE **/
.slideshare_iframe{
    position: relative;
    overflow: hidden;
    padding-bottom: 56.25%;
}
.slideshare_iframe iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/** INTEGRATIONS **/
.home-integrations{
    border-bottom: 1px solid #cccccc;
    min-height: 548px;
    background: url('img/integrations.png') top left repeat;
    padding-top: 60px;
}
.home-integrations .title,
.home-integrations .title a{
  font-family: 'GothamRounded-Medium';
  text-align: center;
  font-size: 36px;
  margin-bottom: 30px;
  color: white;
}

.home-integrations .title a{
    font-size: 42px;
}

.home-integrations a{
    /*color: #ff9d2a;
    text-decoration: underline;*/
    font-size: 15.56px;
}
.home-integrations a:hover{
    text-decoration: none;
}

.home-integrations .description{
    font-family: 'Open Sans';
    text-align: center;
    font-size: 17.56px;
    margin-top: 30px;
    color: white;
    margin-bottom: 30px;
}
.home-integrations .description a{
    margin-top: 6px;
    display: inline-block;
}


.home-integrations .logo{
    display: table;
      height: 200px;
      width: 200px;
      background-color: white;
      border-radius: 200px;
      margin: 0 auto;
      opacity: 0;
      table-layout: fixed
}

.home-integrations .logo .inside{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0px 12px;
}

.home-integrations .logo a{
    display: table-cell;
    vertical-align: middle;
}

.home-integrations .logo .inside img{
    max-height: 60px
}

.home-integrations .carousel-control.left,
.home-integrations .carousel-control.right{
    background: none;
}
.home-integrations .carousel-control.left img{
    width: 15px;
    height: 29px;
    position: absolute;
    top: 50%;
    margin-top: -14.5px;
    left: -60px;
}
.home-integrations .carousel-control.right img{
    width: 15px;
    height: 29px;
    position: absolute;
    top: 50%;
    margin-top: -14.5px;
    right: -60px;
}

img.integration-logo{
    max-height: 120px
}

.integrations-block{
    margin-top: 40px;
}

.integrations-block h3{
    font-family: 'GothamRounded-Light';
    margin-bottom: 20px;
    text-align: center;
}

.integrations-block .logo{
    display: table;
    width: 100%;
    height: 100px;
    border-bottom: 1px solid #eeeeee;
}
.integrations-block img.img-responsive{
    width: 100%;
}
.integrations-block .item{
    border: 1px solid #cccccc;
    padding: 0 20px 10px 20px;
}
.integrations-block .item .link{
    text-align: center;
    padding-top: 10px
}
.integrations-block .logo .inside{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.page-content.integrations ul li{
    margin-bottom: 10px;
}

/** WordPress Core **/
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/** Modal campaign **/
#myModalCampaign .modal-content{
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    height: 449px;
}
#myModalCampaign .modal-body{
    vertical-align: middle;;
}
.modal-body iframe{
    width: 100%;
    height: 400px;
}
#myModalCampaign .modal-content .title{
    font-family: 'Open Sans', sans-serif;
    color: black;
    font-size: 30px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 25px;
    margin-top: 40px;
}
#myModalCampaign .modal-content .text{
    font-family: 'Open Sans', sans-serif;
    color: black;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 25px;
}
#myModalCampaign input[type="text"]{
    font-size: 20px;
    padding: 8px 12px;
    width: 348px;
    margin-bottom: 17px
}
#myModalCampaign button{
    background-color: #ff6600;
    border-bottom: 4px solid #c14d00;
    color: white;
    border: none;
    padding: 13px 17px;
    border-bottom: 6px solid #CFCFCF;
    border-radius: 4px;
    font-size: 16px;
}
#myModalCampaign .logo{
    position: absolute;
    bottom: 20px;
    width: 172px;
    left: 50%;
    margin-left: -86px;
}

#cookies-legal-iframe{
    width: 100%;
    border: none;
    height: 2700px;
}

#terms-legal-iframe{
    width: 100%;
    border: none;
    height: 7400px;
}

#privacy-legal-iframe{
    width: 100%;
    border: none;
    height: 2200px;
}

.md-coockies-table tr td {
  border: 1.50pt solid #e36c0a;
  text-align: center;
}

.country-list{
    width:240px !important;
}

#modalLang .modal-dialog {
    width: 300px;
}

#modalLang .modal-body {
    height: 150px;
}
.content .textSpan {
  padding-top: 30px;
  padding-bottom: 15px;
}
.transformUpperCase {
    text-transform: uppercase;
}
#modalContacto6 .checkbox{
    font-size:12px;
}
#modalContacto6 .wpcf7-submit{
    font-size:20px;
    text-transform: uppercase;
}
#modalContacto6Form .grisNormal{
    font-family: 'GothamRounded-Light';
    font-weight: bold;
    color: #555;
    font-size: 22px;
    padding-top:10px;
    line-height: 1.3;
}
#modalContacto6 .modal-body{
    margin: 10px;
}

#modalContacto6FormThanks{
    display: none;
}
span.wpcf7-not-valid-tip {
    padding-top: 5px;
}
#caja span.wpcf7-not-valid-tip {
    color: #800000;
    font-size: 12px;
}
.content-formu-thanks{
  padding: 25px 40px 0 40px;
  width: 100%;
}
#modalContacto6FormThanks .fa-check-circle-o{
    font-size: 75px;
    padding-bottom: 20px;
    padding-top: 10px;
    color: #068974;
    text-align: center;
}
.contact6Thanks-title{
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 20px;
    font-family: GothamRounded-Light!important;
    color: #555;
    text-align: center;
}
.contact6Thanks-text{
    font-size: 14px;
    padding-bottom: 20px;
    font-family: GothamRounded-Light!important;
    color: #555;
    text-align: center;
}
.contact6Thanks-link{
    font-size: 14px;
    padding-bottom: 20px;
    font-family: GothamRounded-Light!important;
    text-align: center;
}
.navbar-right .dropdown-menu {
        left: 10px;
    }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
  background-color: transparent;
}
.navbar-nav>li>.dropdown-menu {
    border-radius: 4px;
}
.blog-masthead .blog-nav{
    margin-bottom: 10px;
}
.contact-form-blog{
    top: 320px; 
    width: 125%; 
}
.contact-form-blog .form-control{
    padding: 6px 10px;
}
.contact-form-blog .col-md-6{
    padding-left: 10px;
    padding-right: 10px;
}
.contact-form-blog .col-md-12{
    padding-left: 10px;
    padding-right: 10px;
}
#formu-blog{
    background-color: #ffffff; 
    max-width: 375px; 
    margin-top: -40px; 
    padding-top: 10px; 
    z-index: 999999999999999999!important; 
    margin-left: -10px;
}
#formu-blog p{
    font-size: 16px; 
    text-align: center; 
    padding: 10px 5px; 
    margin-left: 0px; 
    background-color: #002440; 
    color: #ffffff; 
    margin-top: -20px; 
    margin-bottom: 0px !important;
}
#caja .wpcf7-form input[type="submit"]{
    background-color: #002440; 
    color: #ffffff; 
    border-top: 1px solid #002440; 
    border-right: 1px solid #002440; 
    border-left: 1px solid #002440; 
    border-bottom: 4px solid #002440;
    border-radius: 7px !important;
    margin-bottom: 10px;
}
#caja .contact-form-disclaimer {
    margin-top: 10px;
}
#caja {
    background-color: #ff873a !important; 
    margin-left: -10px; 
    padding-top: 30px;
    padding-left:15px; 
    padding-right:15px;    
}
.height-val{
    height: 1025px;
}
.height-cou{
    height: 915px;
}
.height-sec{
    height: 1060px;
}
.height-inv{
    height: 990px;
}
.heigh-year{
    height: 935px;
}
.heigh-big{
    height: 4715px;
}
.heigh-list{
    height: 2770px;
}
.share {
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    padding-bottom: 7px;
}
.stars {
    display: none;
    position: absolute;
    left: 300px;
    top: 13px;
}
.stars h4 {
    font-size:14px;
    color: #555;
    margin-bottom: 8px;
}
.stars form,
.stars .rating-form {
    margin-top: 0 !important;
}
.stars .save-rating {
    opacity: 0;
}

.stars .rating-item {
    margin: 0;
}

.stars .message {
    font-size: 12px;
    padding-bottom: 20px;
}
.stars .success{
    color:green;
}
.stars .mr-spinner {
    position: absolute;
    top: 25px;
    left: 130px;
}

label.description {
    display: none !important;
}
/*MEDIA QUERIES*/

@media (max-width: 1200px){
    #formu-blog p {
    margin-top: -17px;
    }
    form.contact-form button, form.wpcf7-form input[type="submit"] {
    padding: 12px 15px;
    }
    .navbar-left {
        padding-left: 30px;
    }
    .menu-mdirector{
        font-size: 12px;
    }
    .blog-masthead li.free-blue > a {
        margin-left: 15px;
    }
    .blog-masthead li.free > a {
        margin-right: 5px;
    }
    .col-sm-2.col-md-2.col-xs-12.logo-mdirector {
        padding-left: 0px;
    }
    .col-sm-9.col-md-9.col-xs-12.menu-mdirector {
        padding-left: 0px;
    }
    .home_claim .content .h2-title {
        line-height: 50px;
    }
    .banner-social {
        visibility: hidden;
        clear: both;
        display: none;
    }
    .resources .card.pic .inside .text {
        padding-top:15px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .features .container .trial_btn .orange {
        margin-left: 0px;
    }
    .pricing .pricing_item a.choose {
        font-size: 1.2rem;
    }
    #mail-marketing .feature-item .content a.feature-more-info {
        margin-right: 20px;
    }
    #mail-marketing .feature-item .the_image {
        min-height: 400px;
    }
    .home_claim .content .h2-title {
        font-size: 40px;
    }
    .home-comunica .circle {
        width: 160px;
        height: 160px;
    }
    .home-comunica .circle.mail {
        left: 155px;
    }
    .home-comunica .circle.wireframe {
        right: 155px;
    }
    .blog-masthead .nav-pills > li > a {
        padding: 11px 11px;
        margin-right: 5px;
        font-size: 12px;
    }
    .feature-item .the_image {
        min-height: 325px;
    }
    .home-feature .feature-item .content a.feature-more-info {
        margin-top: 30px;
          margin-right: 30px;
    }
    .home-messages {
        height: 250px;
    }
    .home-messages .users-num {
        height: 250px;
    }
    .tree-footer .try-us {
        margin-bottom: -30px;
    }
    .trial_btn .nav {
        padding-left: 0px;
    }
    .home_claim .content h1 {
        font-size: 40px;
    }
    .home_claim .content .headerSpan {
        font-size: 40px;
        line-height: 50px;
    }
    .home_claim .content .headerTitle {
        font-size: 40px;
        line-height: 50px;
    }
    .home_claim .content .textSpan {
        margin-top: 25px;
    }
    .home_claim.first .portatil {
        min-height: 400px;
    }
    .feature-selector span.title {
        bottom: 8px;
    }
    .home-comunica-items .item .title {
        font-size: 20px;
        padding-top: 0px;
        margin-bottom: 10px;
    }
    .home-comunica-items .item .content {
        font-size: 15px;
    }
    .home-comunica-items {
        height: 690px;
    }
    .home-integrations .title, .home-integrations .title a {
        margin-top: -35px;
    }
    .home-integrations {
        min-height: 530px;
    }
    .home-feature .title {
        padding-bottom: 25px;
    }
    .tree-footer {
        height: 455px;
    }
    .footer_two .form-newsletter button {
        margin-top: 10px;
    }
    .features .disclaimer h3 {
        padding-top: 30px;
        padding-bottom: 15px;
    }
    .feature-item .title span {
        margin-top: -5px;
        line-height: 30px;
    }
    .feature-item .title {
        margin-top: 0px;
    }
    .feature-item.to_left .text {
        float: right;
        padding-left: 15px;
    }
    .height-val{
        height: 840px;
    }
    .height-cou{
        height: 760px;
    }
    .height-sec{
        height: 870px;
    }
    .height-inv{
        height: 810px;
    }
    .heigh-year{
        height: 770px;
    }
    .heigh-big{
        height: 3825px;
    }
    .heigh-list{
        height: 2250px;
    }

}
@media (max-width: 991px){
    .home_claim.first .portatil {
        background-size: 65%;
    }
    .checkbox.home-register {
        margin-bottom: 20px;
    }
}
@media (max-width: 768px){
    .checkbox.home-register {
        margin-bottom: 0px;
    }
    .contact-form-blog{
        display: none;
    }
    .navbar-left {
        padding-left: 0px;
    }
    .navbar-left > li > a, .navbar-right > li > a{
        padding-left: 2em;
    }
    .navbar-left > li > ul > li > a, .navbar-right > li > ul > li > a{
        padding-left: 3em;
    }
    .blog-masthead li ul li a, .blog-masthead li ul li.active a, .blog-masthead li ul li.active a:hover {
        background-color: transparent;
    }
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
        background-color: #e7e7e7;
        color: #555;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #777;
        padding-left: 45px;
    }
    .navbar-nav {
        margin: 7.5px -15px;
    }
    .col-sm-9.col-md-9.col-xs-12.menu-mdirector{
        padding-left: 0px;
    }
    .navbar-nav>li>a {
        padding-left: 0px;
    }
    .col-sm-2.col-md-2.col-xs-12.logo-mdirector {
        padding-top: 0px;
        padding-left: 10px;
    }
    .menu-mdirector{
        overflow-x: hidden;
    }
    .navbar{
        margin-bottom: 5px;
    }
    .navbar-default .navbar-nav>li>a {
        width: 100%;
        text-align: left;
        padding-left: 25px;
    }
    .blog-nav.centered-pills.navbar.navbar-default > ul > li > a{
        display: inline-block;
        width: 50px;
        height: 50px;
	position: relative;
    }
    [id^=menu-main_right]{
        margin-right:15px;
    }
    .blog-masthead li.free > a{
        background-color: transparent;
        border-bottom: 0px solid #c14d00;
        color: #555555;
        font-weight: normal;
        margin-left: 0px;
    }
    .blog-masthead li.free:hover > a{
        background-color: transparent;
        color: black;
        border-radius: 4px;
    }
    .blog-masthead li.free-blue > a{
        background-color: transparent;
        border-bottom: 0px solid #136784;
        color: #555555;
        font-weight: normal;
        margin-left: 0px;
    }
    .blog-masthead li.free-blue:hover > a{
        background-color: transparent;
        color: black;
        border-bottom: 0px solid #4AB2D6;
    }
    .nav-pills li.free-blue > a{
        background-color: transparent;
        border-bottom: 0px solid #136784;
        color: #555555;
        font-weight: normal;
        margin-left: 0px;
    }
    .nav-pills li.free-blue:hover > a{
        background-color: transparent;
        color: black;
        border-bottom: 0px solid #4AB2D6;
    }
    .blog-masthead .logo-mdirector.col-xs-12{
        width: 50%;
    }
    .blog-masthead .logo-mdirector.col-sm-2{
        width: 50%;
    }
    .footer_two .inside {
        text-align: center;
    }
    .feature-item.to_right .text {
        padding-right: 15px;
    }
    .integrations-block .col-md-3{
        margin-bottom: 15px;
    }
    .resources .card.pic .inside .text {
        padding-left: 5px;
        padding-right: 5px;
    }
    .header-resources {
        height: 175px;
    }
    .navbar-toggle {
        margin-right: 0px;
    }
    .home_claim .content{
        text-align: center;
    }
    .home_claim.first .portatil {
        min-height: 440px;
        background-size: 70%;
    }
    .registration-area-home #firststepForm{
        width: 365px;
    }
    #email-home {
        margin-bottom: 15px;
    }
    .registration-area-home  #submitButton{
        margin-bottom: 30px;
        margin-top: 15px;
    }
    .btn-register-home {
        padding-right: 25px;
    }
    .registration-area-home .checkbox input[type="checkbox"]{
        margin-left: 0px;
        position: relative;
    }
    .registration-area-home #terms{
        margin-top: 0px;
    }
    .registration-area-home .checkbox-home{
        display: none;
    }
    .registration-area-home .checkbox-home-mobile{
        display: inline;
    }
    .feature-selector span.title {
        bottom: 10px;
    }
    .home-comunica .title {
        font-size: 30px;
        padding-top: 30px;
        width: 650px;
    }
    .home_claim .content h1 {
        font-size: 45px;
        margin-top: 45px;
        line-height: 10px;
    }
    .home_claim .content .h2-title {
        font-size: 45px;
        margin-top: 45px;
        line-height: 40px;
    }
    .home_claim.second .portatil, .home_claim.third .portatil, .home_claim.fourth .portatil {
        min-height: 370px;
        background-size: 70%;
    }
    .home_claim .content .headerTitle {
        line-height: 45px;
        font-size: 45px;
        margin-top: 40px;
    }
    .home_claim .content .headerSpan {
        line-height: 45px;
        font-size: 45px;
        margin-top: 0px;
    }
    .home_claim .content .textSpan {
        line-height: 30px;
        font-size: 18px;
        margin-top:15px;
    }
    .home_claim .slide_btn.buy {
        font-size: 14px;
    }
    .home_claim .slide_btn, .footer_one .slide_btn, .features .slide_btn {
        font-size: 14px;
    }
    .home-comunica .circle {
        width: 150px !important;
        height: 150px !important;
    }
    .home-comunica .circle.sms {
        top: 150px;
        position: absolute;
        background-size: 50% 59%;
    }
    .home-comunica .circle.mail {
        top: 150px;
        right: auto;
        position: absolute;
        left: 175px;
        background-size: 50% 42%;
    }
    .home-comunica .circle.wireframe {
        top: 150px;
        position: absolute;
        right: 175px;
        background-size: 50% 42%;
    }
    .home-comunica .circle.rocket {
        top: 150px;
        right: 15px;
        position: absolute;
        background-size: 80% 72%;
    }
    .home-integrations .logo {
        display: table;
        height: 130px;
        width: 130px;
        background-color: white;
        border-radius: 200px;
        margin: 0 auto;
        opacity: 0;
        table-layout: fixed;
    }
    .home-integrations {
        min-height: 470px;
    }
    .tree-footer .item .icon {
        min-height: 60px;
    }
    .tree-footer .item .text {
        margin-bottom: 35px;
    }
    .tree-footer .item .title {
        min-height: 35px;
    }
    .tree-footer {
        height: 725px;
    }
    .home-comunica-items .title {
        padding-top: 40px;
        margin-bottom: 40px;
    }
    .home-comunica-items {
        height: 1105px;
    }
    .home-integrations .logo {
        margin-bottom: 10px;
    }
    .feature-item .the_image {
        min-height: 363px;
    }
    .tree-footer {
        height: 770px;
    }
    .trial_btn .nav {
        padding-left: 0px;
    }
    .nav-pills>li {
        float: left;
    }
    .home_claim .claim-more-info a, .footer_one .claim-more-info a {
        margin-top: 0px;
    }
    .footer_one .claim-more-info {
        margin-left: 0px;
    }
    .footer_one .container .nav-pills > li > a {
        font-size: 14px;
    }
    .home_claim .slide_btn, .footer_one .slide_btn, .features .slide_btn {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .home_claim .trial_btn {
        margin-top: 25px;
    }
    .footer_four .right {
        text-align: center !important;
        line-height: 25px;
    }
    .footer_four .center {
        line-height: 25px;
    }
    .absolute_footer {
        line-height: 37px;
    }
    .footer_one, .footer_two, .footer_three, .footer_four, .absolute_footer, .absolute_footer .right {
        text-align: center !important;
    }
    a.integration-link.big {
        width: 385px;
        padding: 15px 50px;
        font-size: 25px;
        margin-top: 30px;
    }
    .feature-item .title span {
  margin-top: 0px;
    }
    .tree-footer {
        height: 810px;
    }
    #mail-marketing .feature-item .the_image {
        min-height: 440px;
    }
    .feature-item .content p {
        margin-bottom: 20px;
        margin-left: 10px;
    }
    .resources-detail.features .trial_btn.content{
        text-align:center;
    }
    .features .container .trial_btn .orange {
        font-size: 14px;
        margin-left: 0px;
    }
    .header-resources h2 {
        visibility: hidden;
        clear: both;
        display: none;
    }
    .header-resources .icon {
        visibility: hidden;
        clear: both;
        display: none;
    }
    .pull-right {
        float: none!important;
    }
    .single-resource .left {
        width: 240px;
        float: left;
    }
    .single-resource .right {
        float: right;
        width: 305px;
        margin-left: 0px;
    }
    .single-resource .slogan {
        margin-top: 15px;
    }
    .two-columns{
        text-align: center;
        margin-right: 0px;
        margin-left:0px;
    }
    .resources .card .image {
        margin-top: 0px;
    }
    .height-val{
        height: 885px;
    }
    .height-cou{
        height: 795px;
    }
    .height-sec{
        height: 920px;
    }
    .height-inv{
        height: 855px;
    }
    .heigh-year{
        height: 810px;
    }
    .heigh-big{
        height: 4025px;
    }
    .heigh-list{
        height: 2370px;
    }

}

@media (max-width: 736px){
    .col-xs-6 {
        width: 25%;
    }
    .home-feature .feature-item .content {
        font-size: 14px;
    }
    .home-feature .title {
        font-size: 29px;
    }
    .feature-item .content {
        font-size: 14px;
    }
    .cards .col-sm-6{
        width: 50%;
    }
    .height-val{
        height: 840px;
    }
    .height-cou{
        height: 765px;
    }
    .height-sec{
        height: 870px;
    }
    .height-inv{
        height: 815px;
    }
    .heigh-year{
        height: 770px;
    }
    .heigh-big{
        height: 3835px;
    }
    .heigh-list{
        height: 2260px;
    }
}

@media (max-width: 569px){
    .col-xs-6 {
        width: 50%;
    }
    .footer_one.blog-masthead .container .trial_btn {
        padding-left: 0px;
    }
    .feature-selector {
        font-size: 12px;
    }
    .home_claim.first .portatil {
        min-height: 348px;
        background-size: 70%;
    }
    .feature-item .the_image {
        min-height: 407px;
    }
    .home-feature {
        padding-top: 30px;
    }
    .home-feature .title {
        font-size: 25px;
        padding-bottom: 25px;
    }
    .home-feature .feature-item .title span {
        font-size: 18px;
    }
    .home-feature .feature-item .title {
        padding-bottom: 10px;
    }
    .feature-item .content p {
        margin-bottom: 15px;
    }
    .feature-item.to_left .text {
        float: none;
        width: 100%;
    }
    .feature-item.to_center .the_image, .feature-item.to_left .the_image, .feature-item.to_right .the_image, .feature-item.to_center_left .the_image {
        float: none;
        width: 100%;
        background-position: bottom center;
        position: absolute;
        bottom: 0;
        background-size: 65% auto;
    }
    .tree-footer .item .icon img {
        padding-top: 30px;
    }
    .tree-footer .item .title {
        min-height: 35px;
    }
    .pricing h1 {
        font-size: 33px;
    }
    .pricing .pricing-subtitle {
        font-size: 20px;
    }
    #mail-marketing .feature-item .the_image {
        min-height: 315px;
    }
    .feature-item.to_right .text {
        width: 100%;
        height: 530px;
    }
    .feature-item.to_left .text {
        width: 100%;
        height: 530px;
    }
    .feature-item .container {
        padding-bottom: 20px;
    }
    .feature-item {
        margin-bottom: 0px;
    }
    .features .container .try-now .trial_btn .orange {
        width: 470px;
        text-align: center;
    }
    .features h2 {
        text-align: center;
    }
    .features .container .trial_btn .orange {
        width: 235px;
        font-size: 15px;
    }
    .features .container .trial_btn .claim-more-info {
        margin-left: 85px;
    }
    .home_claim .content h1 {
        line-height: 40px;
        margin-bottom: 0px;

    }
    .home_claim .content .headerSpan {
        line-height: 40px;
    }
    .home_claim .content .headerTitle {
        line-height: 40px;
    }
    .feature-selector span.title {
        bottom: 0px;
    }
    .home-comunica .title {
        width: auto;
    }
    .home-comunica .circle {
        width: 100px !important;
        height: 100px !important;
    }
    .home-comunica .circle.sms {
        top: 150px;
        position: absolute;
        background-size: 50% 59%;
    }
    .home-comunica .circle.mail {
        top: 150px;
        right: auto;
        position: absolute;
        left: 135px;
        background-size: 50% 42%;
    }
    .home-comunica .circle.wireframe {
        top: 150px;
        position: absolute;
        right: 135px;
        background-size: 50% 42%;
    }
    .home-comunica .circle.rocket {
        top: 150px;
        right: 15px;
        position: absolute;
        background-size: 80% 72%;
    }
    .home-comunica .expand {
        top: 300px;
    }
    .home-comunica {
        height: 635px;
    }
    .home-integrations .logo {
        height: 130px;
        width: 130px;
    }
    .home-integrations {
        min-height: 430px;
    }
    .home-messages .users-num .inside span {
        font-size: 60px;
    }
    .home-messages .users-num {
        height: 210px;
    }
    .home-messages {
        height: 210px;
    }
    .tree-footer {
        padding-top: 15px;
    }
    .home_claim .content .h2-title {
        line-height: 40px;
        font-size: 45px;
    }
    .home_claim.second .portatil {
        min-height: 315px;
        background-size: 70%;
    }
    .home_claim .slide_btn, .footer_one .slide_btn, .features .slide_btn {
        padding: 15px 20px;
    }
    .home_claim .content .headerSpan {
        margin-top:50px;
    }
    .home_claim .content .headerTitle {
        margin-top:50px;
    }
    .home_claim .claim-more-info a, .footer_one .claim-more-info a {
        margin-left: 0px!important;
    }
    .header-resources {
        padding-top: 33px;
        height: 150px;
    }
    .single-resource .left {
        width: 162px;
        float: left;
    }
    .single-resource .right {
        float: right;
        width: 225px;
        margin-left: 0px;
    }
    .header-resources {
        height: 150px;
    }
    .blog-masthead .nav-pills > li > a {
        margin-right: 2px;
        font-size: 10px;
    }
    .footer_one h2 {
        font-size: 20px;
    }
    .trial_buttons > li > a{
        font-size: 12px;
    }
    .trial_buttons li {
        margin-right: 0px;
    }
    .height-val{
        height: 635px;
    }
    .height-cou{
        height: 580px;
    }
    .height-sec{
        height: 660px;
    }
    .height-inv{
        height: 615px;
    }
    .heigh-year{
        height: 585px;
    }
    .heigh-big{
        height: 2845px;
    }
    .heigh-list{
        height: 1685px;
    }
    .stars {
        position: relative;
        left: auto;
    }
    .share {
        margin-bottom: 0px;
        overflow: visible;
    }
    .stars div.rating-form form {
        margin: 15px 0 -15px;
        width: auto;
        max-width: 100%;
        display: table;
    }
}

@media (max-width: 479px){
    .blog-masthead .menu-mdirector.col-sm-5{
        width: 100%;
    }
    .blog-masthead .nav-pills > li > a {
        font-size: 9px;
    }
    .navbar{
        margin-bottom:0px;
    }
    .cards .col-sm-6{
        width: 100%;
    }
    .nav-pills>li {
        margin-left: 0px;
        float: left;
    }
    .nav-pills>li+li {
        margin-left: 2px;
    }
    .blog-masthead .nav-pills > li > a {
        margin-right: 0px;
    }
    .single-resource .right {
        float: none;
        margin-left: 20px;
    }
    .home_claim .content h1 {
        font-size: 24px;
    }
    .home_claim .content .headerSpan {
        line-height: 10px;
        font-size: 24px;
        margin-top: 0px;
    }
    .home_claim .content .headerTitle {
        line-height: 60px;
        font-size: 24px;
        margin-top: 0px;
    }
    .home_claim.first .portatil {
        min-height: 320px;
        background-size: 70%;
    }
    .home_claim .trial_btn {
        margin-top: 0px;
    }
    .feature-selectors {
        visibility: hidden;
        clear: both;
        display: none;
    }
    .home-comunica {
        min-height: 570px;
        height: auto;
        background-size: cover;
    }
    .home-comunica .title {
        font-size: 29px;
        padding-top: 20px;
        width: auto;
    }
    .home-comunica .circle {
        width: 60px !important;
        height: 60px !important;
    }
    .home-comunica .circle.sms {
        top: 185px;
        position: absolute;
        background-size: 50% 59%;
    }
    .home-comunica .circle.mail {
        top: 185px;
        right: auto;
        position: absolute;
        left: 90px;
        background-size: 50% 42%;
    }
    .home-comunica .circle.wireframe {
        top: 185px;
        position: absolute;
        right: 90px;
        background-size: 50% 42%;
    }
    .home-comunica .circle.rocket {
        top: 185px;
        right: 15px;
        position: absolute;
        background-size: 80% 72%;
    }
    .home-comunica .expand {
        width: 320px;
        position: absolute;
        top: auto;
        bottom: -231px;
        left: 50%;
        margin-left: -160px;
        border-radius: 200px;
        height: 535px;
    }
    .home-comunica .expand .text {
        width: 290px;
        font-size: 13px;
    }
    .home-comunica-items .title {
        font-size: 29px;
        padding-top: 25px;
        margin-bottom: 25px;
    }
    .home-comunica-items {
        height: auto;
        min-height: 764px;
    }
    .home-comunica-items .item .title{
        font-size: 20px;
    }
    .home-comunica-items .item .content {
        font-size: 14px;
    }
    .home-integrations {
        padding-top: 25px;
    }
    .home-integrations .title, .home-integrations .title a {
        font-size: 29px;
        margin-top: 0px;
    }
    .home-integrations .carousel-inner .col-md-3{
        padding-bottom: 0px;
    }
    .home-integrations a {
        font-size: 16px;
        margin-left: 5px;
    }
    .home-feature .title {
        padding-bottom: 30px;
    }
    .home-feature .feature-item .title span {
        font-size: 20px;
    }
    .feature-item .container {
        padding-bottom: 150px;
    }
    .feature-item.to_center .text, .feature-item.to_left .text, .feature-item.to_right .text, .feature-item.to_center_left .text {
        width: 100%;
        float: none;
    }
    .feature-item.to_center .the_image, .feature-item.to_left .the_image, .feature-item.to_right .the_image, .feature-item.to_center_left .the_image {
        float: none;
        width: 90%;
        background-position: bottom center;
        position: absolute;
        bottom: 0;
        background-size: 65% auto;
    }
    .feature-item .content a.feature-more-info {
        text-align: center;
        padding-top: 10px;
        margin-bottom: 10px;
    }
    .home-messages {
        height: 200px;
    }
    .home-messages .users-num {
        height: 200px;
    }
    .home-messages .users-num .inside {
        font-size: 16px;
    }
    .home-messages .users-num .inside span {
        font-size: 42px;
    }
    .tree-footer {
        height: auto;
        min-height: 514px;
        padding-top: 33px;
        padding-bottom: 150px;
    }
    .tree-footer .item .icon {
        min-height: 60px;
    }
    .tree-footer .item .text {
        margin-bottom: 20px;
    }
    .tree-footer .item .title {
        min-height: 0px;
    }
    .tree-footer .try-us {
        margin-bottom: 15px;
    }
    .home_claim .claim-more-info a, .footer_one .claim-more-info a {
        margin-top: 10px;
        font-size: 14px;
        text-align: center !important;
    }
    .footer_one, .footer_two, .footer_three, .footer_four {
        text-align: center !important;
    }
    .footer_four .center {
        font-size: 12px;
    }
    .footer_four .right {
        font-size: 12px;
    }
    a.integration-link.big {
        width: 285px;
        padding: 15px 50px;
        font-size: 20px;
        margin-top: 30px;
    }
    .feature-item .title {
        padding-top: 25px;
        margin-top: 0px;
    }
    .resources-detail .try-now {
        width: 300px;
    }
    .features .container .try-now .trial_btn .orange {
        width: 280px;
        font-size: 20px;
    }
    .features .container .trial_btn .orange {
        width: 225px;
        font-size: 12px;
        margin-left: 15px;
        padding: 15px 60px;
    }
    .home_claim .slide_btn, .footer_one .slide_btn, .features .slide_btn {
        font-size: 12px;
    }
    .features .first-section h1 {
        font-size: 35px;
        margin-top: 25px;
    }
    .features .first-section h2 {
        font-size: 20px;
        margin-bottom: 25px;
    }
    .features .disclaimer h3 {
        font-size: 14px;
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .feature-item .title span {
        font-size: 16px;
        line-height: 20px;
    }
    .feature-item .content {
        font-size: 14px;
    }
    .pricing h1 {
        font-size: 23px;
        margin-bottom: 0px;
    }
    .pricing .pricing-subtitle {
        visibility: hidden;
        clear: both;
        display: none;
    }
    .pricing {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .header-resources {
        height: 100px;
    }
    .header-resources h1 {
        font-size: 23px;
    }
    .header-detail-resources h1 {
        font-size: 17px;
    }
    .resources .container h2 {
        visibility: hidden;
        clear: both;
        display: none;
    }
    .resources .container h3 {
        visibility: hidden;
        clear: both;
        display: none;
    }
    .resources-detail .resource-sidebar .the-form {
        padding: 18px;
    }
    .resources-detail .quote {
        font-size: 16px;
    }
    .resources-detail .text p {
        font-size: 13px;
    }
    .page-header.blog h1 {
        font-size: 25px;
    }
    .page-header.blog h2 {
        font-size: 15px;
    }
    .page-header.blog span {
        font-size: 25px;
    }
    .mdl-content-info h1 {
        visibility: hidden;
        clear: both;
        display: none;
    }
    .tree-footer .item .icon img {
        padding-top: 30px;
        padding-bottom: 10px;
    }
    .feature-item{
        margin-bottom: 10px;
    }
    .features h2 {
        margin-bottom: 10px;
    }
    .home-integrations .logo.logo-tiendanube {
        margin-top: 20px;
    }
    .home-feature .feature-item .content a.feature-more-info {
        margin-top: 0px;
    }
    .feature-item .container {
        padding-bottom: 65px;
    }
    .feature-item.to_center .the_image, .feature-item.to_left .the_image, .feature-item.to_right .the_image, .feature-item.to_center_left .the_image {
        background-size: 80% auto;
    }
    .home-feature .feature-item.to_left .text {
        height: 460px;
    }
    .features .first-section h1 {
        margin-bottom: -25px;
    }
    .feature-item.to_left .text {
        height: 500px;
    }
    .feature-item.to_right .text {
        height: 500px;
    }
    .feature-item.last .text {
        height: 515px;
    }
    #mail-marketing .feature-item .the_image {
        min-height: 160px;
        margin-right: auto;
        margin-left: auto;
        padding-left: 15px;
        padding-right: 15px;
    }
    .resources-detail h1 {
        font-size: 35px;
    }
    .features .container .trial_btn .claim-more-info {
        margin-left: 15px;
    }
    .resources-detail .share-this {
        margin-bottom: 30px;
    }
    .entry img.main_image {
        margin-bottom: 20px;
    }
    .page-header.blog {
        margin-bottom: 20px;
    }
    .single-resource .left {
        width: 240px;
        float: none;
    }
    .single-resource .slogan {
        text-align: center;
    }
    .single-resource .right {
        margin-top: 15px;
        width: 230px;
    }
    .resources-detail.features .trial_btn.content{
        text-align: center;
    }
    .home_claim .claim-more-info {
        margin-top: 10px;
    }
    .two-columns{
        width: 100%;
        padding-left:15px;
        padding-right:15px;
    }
    .contact-form-disclaimer {
        font-size: 13px;
    }
    .page-header h1 {
        font-size: 29px;
    }
    .logo-mdirector img{
        height: 20%;
        width: 20%;
    }
    .blog-masthead .logo-mdirector span{
        font-size: 25px;
    }
    .col-sm-2.col-md-2.col-xs-12.logo-mdirector {
        padding-top: 10px;
    }
    .navbar{
        margin-bottom: 10px;
    }
    .trial_buttons > li > a{
        width: 72%;
        display: block;
    }
    .trial_buttons{
        margin-top: 20px;
    }
    .trial_buttons li {
        margin-right: 5px;
    }
    .height-val{
        height: 545px;
    }
    .height-cou{
        height: 510px;
    }
    .height-sec{
        height: 565px;
    }
    .height-inv{
        height: 540px;
    }
    .heigh-year{
        height: 510px;
    }
    .heigh-big{
        height: 2025px;
    }
    .heigh-list{
        height: 1245px;
    }
    @media (max-width: 414px){
        .height-val{
            height: 450px;
        }
        .height-cou{
            height: 405px;
        }
        .height-sec{
            height: 460px;
        }
        .height-inv{
            height: 435px;
        }
        .heigh-year{
            height: 410px;
        }
        .heigh-big{
            height: 1925px;
        }
        .heigh-list{
            height: 1145px;
        }
    }
    @media (max-width: 375px){
        .home-register {
            width: 100%; 
        }
        .height-val{
            height: 421px;
        }
        .height-cou{
            height: 382px;
        }
        .height-sec{
            height: 435px;
        }
        .height-inv{
            height: 410px;
        }
        .heigh-year{
            height: 395px;
        }
        .heigh-big{
            height: 1715px;
        }
        .heigh-list{
            height: 1035px;
        }
        .registration-area-home #firststepForm{
            width: 358px;
        }
        .btn-register-home {
            padding-right: 20px;
        } 
        
    }
    @media (max-width: 360px){
        .registration-area-home #firststepForm {
            width: 340px;
        }
        .button-registration-home {
            font-size: 18px;
            padding-left: 15px;
            padding-right: 15px;
        }
    }
    @media (max-width: 320px){
        .registration-area-home #firststepForm{
            width: 295px;
        } 
        .button-registration-home {
            font-size: 15px;
        }
    }

}