/*------------------------------------------------------
       
        Type: Responsive framework
        

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

/*Desktop Layout+

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


@media only screen and (min-width: 1199px)  {

    /*----------------------------
    i.-- Header
    -----------------------------*/

    /* main menu
    ----------------------------*/

    .header ul.navigation{display:table !important;}
    /** Request feature ***/
    .header .inner {
        max-width: 1200px !important;
        margin: auto;
    }
    .highlight .info-container .info h3 span{
        line-height: 70px;
    }
    div.column_two_thirds {margin-right: 15px; padding-left: 15px !important;}
    div.content.clearfix{padding-left: 15px;}
    div#Adesão.page.even.section.scroll div.content.clearfix h1.adesao_bottom{margin-top: 0px;}
    div#Modelo.page.even.section.even.scroll div.content.clearfix h3{padding-bottom: 20px;}
    div#highlight.highlight.fixed.separator4.fixed-desktop div.info-container div.info h2 span,div#highlight.highlight.fixed.separator5.fixed-desktop div.info-container div.info h2 span{line-height: 80px;}
    .txtcenter{padding-top: 28px;}
}
.mobile{display: none;}

@media only screen and (min-width: 960px) and (max-width: 1199px) {

    /*----------------------------
    i.-- Page
    -----------------------------*/

    .homepage .content,.page .content{max-width:870px;margin:auto;}
    .page .highlight{background-attachment:scroll; background-position:center center;}
    .homepage_text span p {margin-left: 80px;color: #000; margin-top: 30px;}
    /*----------------------------
    ii.-- Header
    -----------------------------*/

    /*inner pages*/
    /*.header {display:block;}*/
    .header .inner{max-width:870px;margin:auto;}

    /* main menu
    ----------------------------*/

    .header ul.navigation{display:table !important;}

    /*----------------------------
    iii.-- Content
    -----------------------------*/
    
    /* Apresentação specific
    ----------------------------*/
    div.column_two_thirds {margin-right: 15px; padding-left: 15px;}
    
    /* Modelo specific
    ----------------------------*/
    div#Modelo.page.even.section.scroll div.content.clearfix{padding: 30px 15px 20px 15px; }
    .column_one_third.last img.img_mobile{margin-top: 50%;}
    div#Modelo.page.even.section.scroll div.content.clearfix div.column_two_thirds{margin-right: 0px;}
    .txtcenter{padding-top: 27px;}
    
    /*Adesão specific
    ----------------------------*/
    div#Adesão.page.even.section.scroll div.content.clearfix{padding: 100px 15px 20px 15px;}

    /* especificações
    ----------------------------*/
    
    div#Especificações.page.odd.section.scroll div.content.clearfix{padding: 80px 15px 20px 15px;}
    
    /*Separator Specific
    ----------------------------*/
    div#highlight.highlight.fixed.separator4.fixed-desktop h2 span{line-height: 80px;}
    
    /*Separator 5 Specific
    ----------------------------*/
    div#highlight.highlight.fixed.separator5.fixed-desktop h2 span{line-height: 80px;}
    
    
    /* Media
    ----------------------------*/
    #highlight.separator5{background: url(../images/mobile/separador5-1200x900.jpg) no-repeat;}
    #highlight.separator4{background: url(../images/mobile/separador4-1200x900.jpg) no-repeat;}
    #highlight.separator3{background: url(../images/mobile/separador3-1200x900.jpg) no-repeat;}
    #highlight.separator2{background: url(../images/mobile/separador2-1200x900.jpg) no-repeat;}
    #highlight.separator1{background: url(../images/mobile/separador1-1200x800.jpg) no-repeat;}


    /*blog
    ----------------------------*/

    .content-inner-left{width:610px;}
    .content-inner-right{width:610px;}
    .blog-post-content, .blog-post-content .blog-post-media{width:620px;}
    .blog-post-content .blog-post-media .video{width:620px !important;height:348px !important;}

}

/*Mobile Layout: Landscape Container width:768px

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

@media only screen and (min-width: 768px) and (max-width: 959px) {



    /*----------------------------
    i.-- Page
    -----------------------------*/

    .homepage .content{max-width:640px;padding-bottom:100px;}
    .page .content{max-width:640px;padding:140px 0 100px 0;}
    .page .highlight{background-attachment:scroll; background-position:center center;}

    /*----------------------------
    ii.-- Header
    -----------------------------*/
    div#wrapper ul.navigation{margin-left: 100px;}
    
    
    /*inner pages*/
    .header {height:auto;/*display:block;*/}
    .header .inner{max-width:930px;margin:auto;}
    .header .logo-pages {float: none;}
    .header .logo{width:100%;text-align:center;}

    /* main menu
    ----------------------------*/

    .header .inner ul.navigation{width:100%; text-align: center;margin:0px;padding-bottom:8px;display:table !important;}
    .header .inner ul.navigation li{ float: none !important; display: inline;}	

    /*----------------------------
    iii.-- Content
    -----------------------------*/	
    
    /*Apresentacao
    ---------------------------*/
    #Apresentação div.column_two_thirds{width: 60%;padding-left: 15px;padding-right: 5px;}
    .column_one_third.last img.img_mobile{margin-top: 50%;}
    #Apresentação div.homepage_text span p{margin-left: 0px;}

    /* Principios specific
    ----------------------------*/
    #Princípios.page .content{padding-left: 5px;padding-right: 5px;}
    div.column_one_fifth.last h4.center-align{font-size: 22px;}
    #Princípios h4.center-align{font-size: 17px;}
    
    /* Modelo specific
    ----------------------------*/
    
    #Modelo.page .content{padding:30px 15px;}
    .container_modelo .modelo_base{padding-left: 0px;padding-right: 0px;}
    .container_modelo .def{margin-left: 220px;line-height: normal;}
    .img_mobile{width: 280px;}
    #Modelo .column_two_thirds {width: 60%;}
    #Modelo .column_one_third.last img {margin-top: 70%;}
    .txtcenter{padding-top: 27px;}
    
    /*Adesão specific
    -----------------------------*/
     #Adesão .content.clearfix {margin-left:15px;margin-right:15px;}
   
    /*homepage specific
    ----------------------------*/
    .column_homepage-1 {width:65.3334%;}
    .column_homepage-2 {width:30.6666%;}
    .column_homepage-2  p,#app-button-container{margin-bottom:15px;}
    .app-price, .app-price span.variation{margin-bottom:5px;font-size:20px;}
    #app-button-container a#button-appstore{width:98px;background-image: url(../images/button-appstore-small.png);}
    #app-button-container a#button-tweet{width:98px;background-image:url(../images/button-tweet-small.png);}
    .homepage_text span p{margin-top: 30px;color: #000;margin-left: 80px;}
    #homepage div.homepage_text span p {font-size: 0.8em;}

    /*Separator 5 specific
    ---------------------------*/
    #footer.even p.copyright {margin-right: 10px; margin-bottom: 10px;}
    #highlight span {line-height:80px;}
    #highlight h2 span{font-size: 70px;}
    
    /*featured specific
    ----------------------------*/
    .stripe-indicator-left{background:url(../images/stripe-short.png) left 100px no-repeat;}
    .stripe-indicator-right{background:url(../images/stripe-short.png) right 100px  no-repeat;}


    /*highlight
    ----------------------------*/
    .highlight.fixed{background-attachment:scroll;}
    .highlight .info-container .info .info-inner{max-width:640px; margin:auto;}
    .highlight .info-container .video{width:640px !important;height:360px !important;}	
    .highlight .info-container .info .info-inner .video{width:307px !important;height:172px !important;}

    /* Media
    ----------------------------*/
    #highlight.separator5{background: url(../images/mobile/separador5-959x900.jpg) no-repeat;}
    #highlight.separator4{background: url(../images/mobile/separador4-959x900.jpg) no-repeat;}
    #highlight.separator3{background: url(../images/mobile/separador3-959x900.jpg) no-repeat;}
    #highlight.separator2{background: url(../images/mobile/separador2-959x900.jpg) no-repeat;}
    #highlight.separator1{background: url(../images/mobile/separador1-959x800.jpg) no-repeat;}
    

    /*blog
    ----------------------------*/

    .content-inner-left{width:65.3334%;margin-right:4%;}
    .content-inner-right{width:65.3334%;}
    .blog-post-content{width:100%;}
    .blog-post-content .blog-post-content-inner{width:353px;}
    .blog-post-content .blog-post-media .video{width:418px !important;height:234px !important;}
    #sidebar.left,#sidebar.right{width:30.6666%;}
    textarea {width:100% !important;}

    /*--------------------------------------------------------
    iv. TYPOGRAPHY & LINKS
    --------------------------------------------------------*/

    h1{font-size:32px;line-height:32px;}
    h2{font-size:30px;line-height:30px;}
    h3{font-size:28px;line-height:28px;}
    h4{font-size:26px;line-height:26px;}
    h5{font-size:24px;line-height:24px;}
    h6{font-size:22px;line-height:22px;}

    /*highlight*/
    .highlight h1{font-size:75px;line-height:75px; text-align:center;}
    .highlight h2{font-size:65px;line-height:65px; text-align:center;}
    .highlight h3{font-size:55px;line-height:55px; text-align:center;}
    .highlight h4{font-size:45px;line-height:45px; text-align:center;}
    .highlight h5{font-size:35px;line-height:35px; text-align:center;}
    .highlight h6{font-size:25px;line-height:25px; text-align:center;}

    ul.navigation {position: absolute;}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {



    /*----------------------------
    i.-- Page
    -----------------------------*/

    .homepage{display: block; position:relative;height:auto !important}
    .homepage .content{display:block; vertical-align:inherit;}
    .homepage .content{max-width:420px;padding-bottom:100px;}
    .page .content{max-width:420px;padding:140px 0 100px 0;}
    .page .highlight{background-attachment:scroll; background-position:center center;}
  
    /*----------------------------
    ii.-- Header
    -----------------------------*/

    /*inner pages*/
    .header {height:auto;}
    .header .inner{max-width:930px;margin:auto;}
    .header .logo-pages {float: none;}
    .header .logo{width:100%;text-align:center;}

    /* main menu
    ----------------------------*/

    .header .inner ul.navigation{float: left; text-align: center; width: 100%;margin-top:0px;padding-bottom:5px; display:none;line-height:20px;}
    .header .inner ul.navigation li{margin:10px 0; float:none !important;}
    .header .inner ul.navigation li:first-child{margin-top:0px;}
    .header .inner ul.navigation li:last-child{padding-right:10px;}
    .page.odd .header .inner ul.navigation li a.active,.page.even .header .inner ul.navigation li a.active{padding:1px 10px;}


    /* mobile menu toggle
    ----------------------------*/	

    .header .inner .mobileMenuToggle{display:block;}
    .header .inner .mobileMenuToggle {
        display: block;
        margin-top: -40px !important;
    }

    .navigation {
        background: #fff;
        padding-top: 50px;
        
    }

    /*----------------------------
    iii.-- Content
    -----------------------------*/	
    .column_one_third.last img{
        margin-top: 0px !important;
    }

    /*homepage specific
    ----------------------------*/
    .column_homepage-1,.column_homepage-2 {width:100%;margin-bottom:30px;}
    .logo-homepage {width: 100%;text-align: center;}
    .column_homepage-2  p,#app-button-container{margin-bottom:15px; text-align:center;}
    .app-price, .app-price span.variation{margin-bottom:5px;font-size:20px;}
    #app-button-container{padding-left:10px;}
    .app-price{text-align:center;}
    .note{text-align:center;}
    
    /* Apresentação
    ----------------------------*/
    #Apresentação div.column_one_third.last.imagem.model{
        display: none;
    }
    
    
    /* Seprator 1
    ----------------------------*/
    div#highlight.highlight.fixed.separator1.fixed-desktop div.info-container div.info h2 span{ font-size: 0.5em;line-height: 50px;}
    div#highlight.highlight.fixed.separator1.fixed-desktop{height: 350px;}
    
    
    
    /* Principios
    ----------------------------*/
    #Princípios div.vantagens_icon.icon_simplificacao,
    #Princípios div.vantagens_icon.icon_eficiencia,
    #Princípios div.vantagens_icon.icon_partilha,
    #Princípios div.vantagens_icon.icon_transparencia,
    #Princípios div.vantagens_icon.icon_customizacao{margin-left: 4%;}
    #Princípios h4.center-align{text-align: initial;padding-left: 110px;padding-top: 20px;}
    #Princípios div.column_one_fifth {margin-bottom: 0px;}
    div.vantagens_icon.icon_simplificacao{
        background-image: url(../images/fancybox/simplificacao-64x64.png); 
        height: 64px;
        width: 64px;
        float:left;
        background-repeat: no-repeat;
        background-size: contain;
        margin-left: 10px;
    }
    
    div.vantagens_icon.icon_eficiencia{
        background-image: url(../images/fancybox/eficiencia-64x64.png); 
        height: 64px;
        width: 64px;
        float:left;
        background-repeat: no-repeat;
        background-size: contain;
        margin-left: 10px;
    }
    div.vantagens_icon.icon_transparencia{
        background-image: url(../images/fancybox/transparencia-64x64.png); 
        height: 64px;
        width: 64px;
        float:left;
        background-repeat: no-repeat;
        background-size: contain;
        margin-left: 10px;
    }
    div.vantagens_icon.icon_partilha{
        background-image: url(../images/fancybox/partilha-64x64.png); 
        height: 64px;
        width: 64px;
        float:left;
        background-repeat: no-repeat;
        background-size: contain;
        margin-left: 10px;
    }
    
    div.vantagens_icon.icon_customizacao{
        background-image: url(../images/fancybox/customizacao-64x64.png); 
        height: 64px;
        width: 64px;
        float:left;
        background-repeat: no-repeat;
        background-size: contain;
        margin-left: 10px;
    }
    
    
    /* Separator2
    ----------------------------*/
        div#highlight.highlight.fixed.separator2.fixed-desktop div.info-container div.info h2 span{ font-size: 0.5em;line-height: 50px;}
        div#highlight.highlight.fixed.separator2.fixed-desktop{height: 350px;}
    
    /*Modelo specific
    ----------------------------*/
    .page .content.clearfix{padding-top: 30px;padding-left: 20px;padding-right: 20px;}
    .txtcenter{padding-top: 27px;}
    div.modelo_base{padding-left: 0px;padding-right: 5px;width: 210px;}
    div.def.clearfix{padding-left: 0px;margin-left: 310px;}
    #Modelo div.column_two_thirds {margin-bottom: 0px;}
    #Modelo div.column_one_third.last.imagem.model{display: none;}
    /*Separator 3 specific
    ----------------------------*/
    div#highlight.highlight.fixed.separator3.fixed-desktop div.info-container div.info h2 span{ font-size: 0.5em;line-height: 50px;}
    div#highlight.highlight.fixed.separator3.fixed-desktop{height: 350px;}
    /*Adesão specific
    ----------------------------*/
    .page.even h1{margin-left: 15px;}
    .number_icon{margin-left: 15px;}
    h3.adesao_bottom{margin-top: 0px;}
    
    /*Separator 4 specific
    ---------------------------*/
    div.highlight.highlight.fixed.separator4.fixed-desktop div.info-container div.info h2 span{font-size: 0.5em;line-height: 50px;}
    div.highlight.highlight.fixed.separator4.fixed-desktop{height: 350px;}
    /*Separator 5 specific
    ----------------------------*/
    div.highlight.highlight.fixed.separator5.fixed-desktop div.info-container div.info h2 span{line-height: 50px; font-size: 0.5em;}
    #footer.even p.copyright {margin-right: 10px; margin-bottom: 10px;padding: 10px;}
    div.highlight.highlight.fixed.separator5.fixed-desktop{height: 350px;}
    /*featured specific
    ----------------------------*/
    .stripe-indicator-left{background:none;}
    .stripe-indicator-right{background:none;}

    /*highlight
    ----------------------------*/
    .highlight.fixed{background-attachment:scroll;}
    .highlight .info-container .info .info-inner{max-width:420px; margin:auto;}
    .highlight .info-container .video{width:420px !important;height:236px !important;}	
    .highlight .info-container .info .info-inner .video{width:307px !important;height:172px !important; margin:auto;}



    /*signup
    ----------------------------*/
    .signup{width:420px;margin:auto;}
    .signup input[type="text"] {width: 295px !important;}


    /*blog
    ----------------------------*/

    .content-inner-left{width:100%;}
    .content-inner-right{width:100%;}
    .blog-post-content{width:100%;}
    .blog-post-content .blog-post-content-inner{width:355px;}
    .blog-post-content .blog-post-media .video{width:420px !important;height:234px !important;}
    #sidebar.left,#sidebar.right{width:100%; float:none;}
    .response .response{margin:30px 0 0 0;}
    .blog-pagination,.blog-post-navigation{border-bottom:1px solid #e2e2e2; padding-bottom:20px; overflow:hidden;}
    input[type=text],textarea{width:100% !important;}
    .content-inner-left .contactForm,.content-inner-right .contactForm{border-bottom: 1px solid #E2E2E2;overflow: hidden; padding-bottom: 20px;margin-bottom:30px;}


    /*media
    ----------------------------*/

    .thumb.feature{float:none !important; margin:auto; width:230px;}
    #highlight.separator5{background: url(../images/mobile/separador5-767x900.jpg) no-repeat;}
    #highlight.separator4{background: url(../images/mobile/separador4-767x900.jpg) no-repeat;}
    #highlight.separator3{background: url(../images/mobile/separador3-767x900.jpg) no-repeat;}
    #highlight.separator2{background: url(../images/mobile/separador2-767x900.jpg) no-repeat;}
    #highlight.separator1{background: url(../images/mobile/separador1-767x800.jpg) no-repeat;}    


    /*--------------------------------------------------------
    iv. TYPOGRAPHY & LINKS
    --------------------------------------------------------*/

    h1{font-size:32px;line-height:32px;}
    h2{font-size:30px;line-height:30px;}
    h3{font-size:28px;line-height:28px;}
    h4{font-size:26px;line-height:26px;}
    h5{font-size:24px;line-height:24px;}
    h6{font-size:22px;line-height:22px;}

    /*highlight*/
    .highlight h1{font-size:60px; line-height:60px; text-align:center;}
    .highlight h2{font-size:50px;line-height:50px; text-align:center;}
    .highlight h3{font-size:40px;line-height:40px; text-align:center;}
    .highlight h4{font-size:30px;line-height:30px; text-align:center;}
    .highlight h5{font-size:25px;line-height:25px; text-align:center;}
    .highlight h6{font-size:20px;line-height:20px; text-align:center;}


    /*--------------------------------------------------------
    v. SHORTCODES
    --------------------------------------------------------*/

    /*cols*/
    .column_one_half, .column_one_third,.column_one_fourth,.column_one_fifth, .column_two_thirds, .column_three_fourths{width:100%; margin-right:0px;margin-left:0px;}
    
    /*accordions and tabs*/
    .accordion div.video, .accordion div.video .featured_flowplayer,
    .tabs div.video, .tabs div.video .featured_flowplayer  { clear:both; width:380px !important; height:215px !important; }
    div.video video, div.video iframe, div.video object, div.video embed, div.video div { width:100%; height:100% !important; max-width:100% !important; max-height:100% !important; }
    .accordion .column_one_half, .accordion .column_one_third, .accordion .column_one_fourth, .accordion .column_one_fifth, .accordion .column_two_thirds, .accordion .column_three_fourths,
    .tabs .column_one_half, .tabs .column_one_third, .tabs .column_one_fourth, .tabs .column_two_thirds, .tabs .column_three_fourths { width:380px !important; margin-right:0 !important; }
    blockquote { width:370px !important; margin-right:0 !important; }
    .accordion blockquote, .tabs blockquote { width:340px !important; margin-right:0 !important; }

}

/*Mobile Layout: Portrait Container width:320px

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

@media only screen and (max-width: 479px){

    /*----------------------------
    i.-- Page
    -----------------------------*/

    .homepage{display: block; position:relative;height:auto !important}
    .homepage .content{display:block; vertical-align:inherit;}
    .homepage .content{max-width:290px;padding-bottom:100px;}
    .page .content{max-width:290px;padding:140px 0 100px 5px;}
    .page .highlight{background-attachment:scroll; background-position:center center;}
	#Apresentação .homepage_text span p {
		color: #000;
		font-size: 0.6em;
		line-height: 35px;
		padding-bottom: 0;
		margin-bottom: 0;
		line-height: 1.5em;
		padding: 0px 15px;
	}
    /*----------------------------
    ii.-- Header
    -----------------------------*/

    /*inner pages*/
    .header {height:auto;}
    .header .inner{max-width:930px;margin:auto;}	
    .header .logo-pages {float: none;}
    .header .logo{width:100%;text-align:center;}

    /* main menu
    ----------------------------*/

    .header .inner ul.navigation{float: left; text-align: center; width: 100%;margin-top:0px;padding-bottom:5px; display:none; line-height:20px;}
    .header .inner ul.navigation li{margin:10px 0; float:none !important;}
    .header .inner ul.navigation li:first-child{margin-top:0px;}
    .header .inner ul.navigation li:last-child{padding-right:10px;}
    .page.odd .header .inner ul.navigation li a.active,.page.even .header .inner ul.navigation li a.active{padding:1px 10px;}


    /* mobile menu toggle
    ----------------------------*/	

    .header .inner .mobileMenuToggle{display:block;}
    .teste{width:100%; margin-right:0px;margin-left:0px;}

    /*----------------------------
    iii.-- Content
    -----------------------------*/	

    /*homepage specific
    ----------------------------*/
    .column_homepage-1,.column_homepage-2 {width:100%;margin-bottom:30px;}
    .logo-homepage {width: 100%;text-align: center;}
    .column_homepage-2  p,#app-button-container{margin-bottom:15px; text-align:center;}
    .app-price, .app-price span.variation{margin-bottom:5px;font-size:20px;}
    #app-button-container{padding-left:47px;}
    #app-button-container a#button-appstore{width:98px;background-image: url(../images/button-appstore-small.png);}
    #app-button-container a#button-tweet{width:98px;background-image:url(../images/button-tweet-small.png);}
    .app-price{text-align:center;}
    .note{text-align:center;}

    /* Apresentação
    -------------------*/
    .column_two_thirds p,.column_two_thirds h3{padding: 0px 10px;}
    #Apresentação .column_one_third.last img {margin-top:0px;}
    #Apresentação .column_two_thirds {margin-bottom: 0px;}
    /* Footer
    -------------------*/
    #footer.even div p.copyright {margin: 15px;float: right;}
    #wrapper #footer{padding-top: 25px;}
    
    #Apresentação div#highlight.highlight.fixed.separator1.fixed-desktop{height: 300px;}
    
    /* Principios
    -------------------*/
    #Princípios h4.center-align{padding: 15px;}
    #Princípios .vantagens_icon{margin-bottom: 0px;}
    #Princípios .column_one_fifth{margin-bottom: 0px;}
    #Princípios div.centeralign.vantagens{margin-bottom: 30px;}
    
    /* separator 2
    --------------------*/
    div.highlight.highlight.fixed.separator2.fixed-desktop {height: 300px;}

    /* Modelo
    -------------------*/
    #Modelo .container_modelo{width: 450px;}
    #Modelo .modelo_base{padding-left: 5px;padding-right: 0px;}
    .column_one_third.last img{margin-top: 0px !important;}
    .def.clearfix{padding-left: 10px;margin-left: 305px;line-height: 24px;vertical-align: middle;}
    p.txtcenter{padding-top: 27px;}
    div.column_one_third.last.imagem.model{display: none;}
    .mostra{display: none;}
    .mobile{display: initial;}
    .iconmodelo{margin-bottom:  10px;margin-top: 30px;}
    div.center-align h6{margin-bottom: 0px;}
    div#Modelo.page.even.section.scroll.mobile h3{margin-left: 15px;} 
   
    /* separator 3
    ----------------------------*/
    div.highlight.highlight.fixed.separator3.fixed-desktop {height: 300px;}
    
    /* Adesão
    ----------------------------*/
    #Adesão div.content.clearfix{padding-top: 0px;}
    div.column_two_thirds.last{padding-left: 15px;padding-right: 15px;}
    h3.adesao_bottom{margin-top: 0px;padding-left: 15px;}
    #Adesão div.item.clearfix{margin-left: 55px;margin-right: 50px}
    /* Separator 4
    ---------------------------*/
    div.highlight.highlight.fixed.separator4.fixed-desktop {height: 300px;}
    
    
    /* Especificações
    ----------------*/
    
    #Especificações div.content.clearfix{padding-top: 50px;}
    #Especificações img.desktop{display: none;}
    #Especificações img.mobile{display: initial;}
    #Especificações div.column_one_third{margin-bottom: 0px;}
    #Especificações h3{padding-left: 1em;margin-bottom: 1em;}
    #Especificações div.vantagens_icon{margin-bottom: 1em;margin-top: 1em;}
    
    /*featured specific
    ----------------------------*/
    .stripe-indicator-left{background:none;}
    .stripe-indicator-right{background:none;}

    /*highlight
    ----------------------------*/
    .highlight {height:600px;}
    .highlight.fixed{background-attachment:scroll;}
    .highlight .info-container .info .info-inner{max-width:290px; margin:auto;}
    .highlight .info-container .video{width:290px !important;height:163px !important;}	
    .highlight .info-container .info .info-inner .video{width:290px !important;height:163px !important; margin:auto;}

    /* Separator 5
    ---------------------------*/
    div#highlight.highlight.fixed.separator5.fixed-desktop{height: 300px;}

    /*blog
    ----------------------------*/

    .content-inner-left{width:100%;}
    .content-inner-right{width:100%;}
    .blog-post-content,.blog-post-content .blog-post-content-inner{width:100%;}
    .blog-post-content .blog-post-type{margin:0 0 30px 0;width:100%;}
    .blog-post-content .blog-post-media{margin-bottom:0px;}
    .blog-post-content .blog-post-type.text{background-position:center 0;}
    .blog-post-content .blog-post-type.image{background-position:center -45px;}
    .blog-post-content .blog-post-type.video{background-position:center -90px;}
    .blog-post-content .blog-post-media .video{width:290px !important;height:162px !important;}
    #sidebar.left,#sidebar.right{width:100%; float:none;}
    .response, .response .response {margin:30px 0 0 0;}
    .blog-pagination,.blog-post-navigation{border-bottom:1px solid #e2e2e2; padding-bottom:20px; overflow:hidden;}
    input[type=text],textarea,input[type=submit]{width:100% !important;}
    .content-inner-left .contactForm,.content-inner-right .contactForm{border-bottom: 1px solid #E2E2E2;overflow: hidden; padding-bottom: 30px;margin-bottom:30px;}

    /*media
    ----------------------------*/

    /*regular-thumbs*/
    .thumb.feature{float:none !important; margin:auto; width:230px;}
    .thumb.xsmall{max-width:100% !important;float:none !important; margin-left:0px;margin-right:0px;}
    .thumb.xsmall img{width:auto; float:none;}

    #highlight.separator5{background: url(../images/mobile/separador5-480x900.jpg) no-repeat;}
    #highlight.separator4{background: url(../images/mobile/separador4-480x800.jpg) no-repeat;}
    #highlight.separator3{background: url(../images/mobile/separador3-480x800.jpg) no-repeat;}
    #highlight.separator2{background: url(../images/mobile/separador2-480x800.jpg) no-repeat;}
    #highlight.separator1{background: url(../images/mobile/separador1-480x800.jpg) no-repeat;}
    
    #highlight a img.mobile{display: initial;}
    #highlight a img.desktop{display: none;}
    
    div.vantagens_icon.icon_simplificacao{
        background-image: url(../images/fancybox/simplificacao-64x64.png); 
        height: 64px;
        width: 64px;
        float:left;
        background-repeat: no-repeat;
        background-size: contain;
        margin-left: 10px;
    }
    
    div.vantagens_icon.icon_eficiencia{
        background-image: url(../images/fancybox/eficiencia-64x64.png); 
        height: 64px;
        width: 64px;
        float:left;
        background-repeat: no-repeat;
        background-size: contain;
        margin-left: 10px;
    }
    div.vantagens_icon.icon_transparencia{
        background-image: url(../images/fancybox/transparencia-64x64.png); 
        height: 64px;
        width: 64px;
        float:left;
        background-repeat: no-repeat;
        background-size: contain;
        margin-left: 10px;
    }
    div.vantagens_icon.icon_partilha{
        background-image: url(../images/fancybox/partilha-64x64.png); 
        height: 64px;
        width: 64px;
        float:left;
        background-repeat: no-repeat;
        background-size: contain;
        margin-left: 10px;
    }
    
    div.vantagens_icon.icon_customizacao{
        background-image: url(../images/fancybox/customizacao-64x64.png); 
        height: 64px;
        width: 64px;
        float:left;
        background-repeat: no-repeat;
        background-size: contain;
        margin-left: 10px;
    }
    
    div#highlight.highlight.fixed.separator5.fixed-desktop a img.mail{
        background-image: url(../images/fancybox/mail-64x64.png); 
        height: 64px;
        width: 64px;
        float:left;
        background-repeat: no-repeat;
        background-size: contain;
        margin-left: 40%;
    }
    
    /*--------------------------------------------------------
    iv. TYPOGRAPHY & LINKS
    --------------------------------------------------------*/
    .highlight .info-container .info h1 span{ font-size: 0.5em;text-align: center;line-height: 40px;}
    .highlight .info-container .info h2 span{ font-size: 0.35em;text-align: center;line-height: 40px;}
    .highlight .info-container .info h3 span{ font-size: 0.6em;text-align: center;line-height: 40px;}
    h1{font-size:32px;line-height:32px;}
    h2{font-size:30px;line-height:30px;}
    h3{font-size:28px;line-height:28px;}
    h4{font-size:26px;line-height:26px;}
    h5{font-size:24px;line-height:24px;}
    h6{font-size:22px;line-height:22px;}

    /*highlight*/
    .highlight h1{font-size:60px; line-height:60px; text-align:center;}
    .highlight h2{font-size:50px;line-height:50px; text-align:center;}
    .highlight h3{font-size:40px;line-height:40px; text-align:center;}
    .highlight h4{font-size:30px;line-height:30px; text-align:center;}
    .highlight h5{font-size:25px;line-height:25px; text-align:center;}
    .highlight h6{font-size:20px;line-height:20px; text-align:center;}


    /*--------------------------------------------------------
    v. SHORTCODES
    --------------------------------------------------------*/

    /*cols*/
    .column_one_half, .column_one_third,.column_one_fourth,.column_one_fifth,.column_two_thirds, .column_three_fourths{width:100%; margin-right:0px;margin-left:0px;}

    /*accordions and tabs*/
    .accordion div.video, .accordion div.video .featured_flowplayer,
    .tabs div.video, .tabs div.video .featured_flowplayer { clear:both; width:260px !important; height:146px !important; }
    div.video video, div.video iframe, div.video object, div.video embed, div.video div { width:100%; height:100% !important; max-width:100% !important; max-height:100% !important; }
    .accordion .column_one_half, .accordion .column_one_third, .accordion .column_one_fourth, .accordion .column_two_thirds, .accordion .column_three_fourths,
    .tabs .column_one_half, .tabs .column_one_third, .tabs .column_one_fourth, .tabs .column_two_thirds, .tabs .column_three_fourths { width:260px !important; margin-right:0 !important; }
    blockquote { width:250px !important; margin-right:0 !important; }
    .accordion blockquote, .tabs blockquote { width:209px !important; margin-right:0 !important; }

}

@media only screen and (max-width: 767px) {
    .header .inner .mobileMenuToggle {
        display: block !important;
        margin-top: -40px !important;
    }

    .navigation {
        background: #fff;
        padding-top: 20px;
        
    }

    .header.header-main.clearfix {
        display: block !important;
    }

    .content.clearfix {
        padding-top: 50px !important;
    }
	
	.imagem.model {
		top: 0px !important;
	}
}

/* fix interval */
@media only screen and (min-width: 768px) and (max-width: 784px) {
	.homepage.section {
		height: 0px !important;
	}

	.header.header-main.clearfix {
	    display: block !important;
	}
}

@media only screen and (min-width: 785px) {

	.home-mobile-image {
		display: none;
	}

}

@media only screen and (max-width: 959px) {

	#Apresentação  .col_logo {
		position: absolute;
		top: 8%;
		left: 10px;
	}
	
	#Apresentação  .homepage_text {
		position: absolute;
		left: 10px;
		top: 19%;
		font-size:3.5em;
	}
	
	#Apresentação .homepage_text span p {
		color: #000 ;
		font-size: 0.6em;
		line-height: 35px ;
		padding-bottom: 0px ;
		margin-bottom: 0px;
	}
	
	.epic-overlay {
		width: 100%;
		height: 100%;
		background: transparent url(../images/pattern-epic.png) repeat top left;
		z-index: 2;
	}
        
}