@font-face {
    font-family: Quicksand_Light;
    src: url(../fonts/Quicksand_Light.otf);
}
@font-face {
    font-family: Quicksand_Light_Oblique;
    src: url(../fonts/Quicksand_Light_Oblique.otf);
}
@font-face {
    font-family: Quicksand_Book;
    src: url(../fonts/Quicksand_Book.otf);
}
@font-face {
    font-family: Quicksand_Book_Oblique;
    src: url(../fonts/Quicksand_Book_Oblique.otf);
}
@font-face {
    font-family: Quicksand_Bold;
    src: url(../fonts/Quicksand_Bold.otf);
}
@font-face {
    font-family: Quicksand_Bold_Oblique;
    src: url(../fonts/Quicksand_Bold_Oblique.otf);
}
body {
    padding-top: 120px;
    font-family: "Quicksand_Book", sans-serif; 
    font-size: 1.125rem;
    color: #666666;
}
h1, h2, h3, h4,h5,h6{
    font-family: "Quicksand_Bold", sans-serif;    
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    color: #f15a24;
}
h1{
    font-size: 2.6rem;   
}
h2{
    font-size: 2.5rem;
}
h3{
    font-size: 1.5rem;   
}
h4{
    font-size: 1.25rem;
}
h5{
    font-size: 1em;
}
h6{
    font-size: 1rem;
}
a:link, a:visited, a:hover, a:active, input[type=submit], input[type=submit]:hover{
    text-decoration: none;
    -moz-transition: all 2s ease;
    -webkit-transition: all 2s ease;
    -o-transition: all 2s ease;
    -ms-transition: all 2s ease;
    transition: all 2s ease;
    color: #3E3E3E;
}
a:hover{
    color: #cecece;
}
.btn{
    border-radius: 2rem;
	padding: 0.6rem 1.1rem 0.6rem 1.1rem;
	margin-bottom: 0.5rem;
	font-size: 0.9rem;  
}
.btn-white, .btn-white:visited, .btn-white:active{
    background-color: #FFFFFF;
    color: #f15a24;
    border: 1px solid #f15a24;
}
.btn-white:hover{
    background-color: #f15a24; 
    color: #FFFFFF;    
    border: 1px solid #FFFFFF;
}
.btn-orange, .btn-orange:visited, .btn-orange:active{
    background-color: #f15a24;
    color: #FFFFFF;
    border: 1px solid #f15a24;
}
.btn-orange:hover{
    background-color: #FFFFFF;
    color: #f15a24;
    border: 1px solid #f15a24;
}
.seciton-orange{
    background-color: #f15a24;
    color: #FFFFFF;
}
.section-gray{
    background-color: #f2f2f2;
}
.vertical-align-image{
    display: flex;
    align-items: center;    
    flex-wrap: wrap;
}
.vertical-align{
    display: flex;
    align-items: center;
    justify-content: center; 
    flex-wrap: wrap;
}
.row-eq-height{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

/* -------------------------------------------------- Loader */
.page-loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #F5F4F4;
}
.sk-chasing-dots {
    top: 40%;
    margin: 40px auto;
    width: 40px;
    height: 40px;
    position: relative;
    text-align: center;
    -webkit-animation: sk-chasingDotsRotate 2s infinite linear;
    animation: sk-chasingDotsRotate 2s infinite linear;
}
.sk-chasing-dots .sk-child {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #f15a24;
    border-radius: 100%;
    -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
    animation: sk-chasingDotsBounce 2s infinite ease-in-out;
}
.sk-chasing-dots .sk-dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}
@-webkit-keyframes sk-chasingDotsRotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes sk-chasingDotsRotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes sk-chasingDotsBounce {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes sk-chasingDotsBounce {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* -------------------------------------------------- Menu, Header e Footer */
nav#navbar, nav#navbar.shrink, nav#navbar img, nav#navbar.shrink img{
    -moz-transition: all 1.2s ease;
    -webkit-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    -ms-transition: all 1.2s ease;
    transition: all 1.2s ease;
}    
nav#navbar{
    background-color: #FFFFFF;
    padding-top: 2rem;
    padding-bottom: 2rem;
    font-size: 1rem;
    font-family: "Quicksand_Bold", sans-serif;
    -webkit-box-shadow: 0px 3px 8px 0px rgba(170,170,170,1);
    -moz-box-shadow: 0px 3px 8px 0px rgba(170,170,170,1);
    box-shadow: 0px 3px 8px 0px rgba(170,170,170,1);
}   
nav#navbar img{
    width: 160px;
}
nav#navbar.shrink{
    padding-top: 0.4rem;
    padding-bottom: 0.6rem;
}
nav#navbar.shrink img{
    width: 120px;
}
nav#navbar .nav-link{
    padding-right: .95rem;
    padding-left: .95rem;
}
nav#navbar .navbar-toggler {
    border-color: #f2f2f2;
    background-color: #f2f2f2;
    border-radius: 1rem;
}
header{
    height: 600px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
header *{
    color: #FFFFFF;
}
header h1{
    margin-top: 10%;
    font-size: 3.6rem;
}
header h2{
    font-size: 2.1rem;
    font-family: Quicksand_Light;
    margin-bottom: 3rem;
}
header .btn{
	font-size: 15px;
    color: #f15a24;
}
footer{
    padding-top: 2.5rem;
    padding-bottom: 2rem;
}
footer img{
    width: 160px;
}
footer .newsletter{
    text-align: right;
}
footer .newsletter .screen-reader-response{
    display: none;
}

/* -------------------------------------------------- Forms */
input, textarea, select{
    border-radius: 1rem;
    border: none;
    padding: 0.4rem 1.2rem 0.4rem 1.2rem;
    margin-bottom: 0.5rem;
    width: 75%;
    font-size: initial;
}
input[type=submit]{
    width: initial;
    border-radius: 2rem;
    padding: 0.4rem 1rem 0.5rem 1rem;
    margin-bottom: 0.5rem; 
    font-size: 1rem;   
}
footer p{
	margin-bottom: 0.5rem; 
	font-family: Quicksand_Bold;
}
footer form p{
	margin: 0;
}
footer form .wpcf7-not-valid-tip{
	display: none;
}
footer form .wpcf7-response-output {
    border: none;
    font-size: 1rem;    
}
footer form input[type=email]{
    background-color: #FFFFFF;
    width: 60%;
    margin-right: 0.5rem;
}
footer form input.wpcf7-submit{
    background-color: #FFFFFF;
    color: #f15a24;
    border: 1px solid #f15a24;
}
footer form input.wpcf7-submit:hover{
    background-color: #f15a24; 
    color: #FFFFFF;    
    border: 1px solid #FFFFFF;
}
footer form .ajax-loader{
	display: none !important;
}

/* -------------------------------------------------- Social */
ul.social{
    list-style: none;
    padding: 0;    
    font-size: 1.75rem;
}
ul.social li{
    display: inline;
    margin-left: 0.5rem;
}
ul.social li i{
    color: #444444;
}
ul.social-white li{
	margin-left: 0;
	margin-right: 0.5rem;
}
ul.social-white li i{
    color: #FFFFFF;   
}

/* -------------------------------------------------- Blocos da Página */
#quemsomos{
    padding-top: 4rem;
    padding-bottom: 2rem;    
}
#quemsomos h2{
    margin-bottom: 2rem;
}
#quemsomos img{
    margin-top: 3rem;
    width: 70%;
}
.clientes{
    padding-top: 1rem;
    padding-bottom: 4rem;
}
.clientes .clientes-list{
    margin-top: 2rem;
    margin-bottom: 2rem; 
}
.clientes .clientes-list .img-background{
	width: 155px;
	height: 65px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top center;
	margin: 0 auto 0.5rem auto;
}
.clientes .clientes-list img{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;    
}    
#produtos{
    background-image: url('../images/banner-produtos-novo.jpg');
    height: 440px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
}
#produtos .title-decoration{
    background-image: url('../images/title-decoration.png');
    width: 730px;
    height: 210px;
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;       
    margin-left: -15px;
    margin-top: 14%;
}
#produtos .title-decoration h2{
    font-size: 2.8rem;
    text-align: right;
    margin-top: 109px;
    border: 0;
    float: right;
    color: #FFF;
    text-transform: uppercase;
    margin-right: 12.5%;
}
.produtos-list{
    padding-top: 5rem;
    padding-bottom: 4rem;
}
.produtos-list img{
    height: 105px;
}
.produtos-list h3{
    margin: 1rem 0;
}
.funcionalidades-solucoes{
    margin-top: 4rem;
}
#funcionalidades h3{
	margin-top: 0;
	margin-bottom: 1rem;	
}
#funcionalidades .funcionalidades-list{
    margin-top: 1rem;    
}
#funcionalidades .funcionalidades-list h3{
	margin-bottom: 1.25rem;
	margin-top: 0.5rem;
}
#funcionalidades ul{
    list-style: none;
    padding: 0;
    color: #f15a24;
}
#funcionalidades ul li{
	margin-bottom: 0.25rem;
	font-weight: bold;
}
.integracaocrm{
    margin-top: 1rem;
}
.integracaocrm .integracaocrm-list{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.integracaocrm .integracaocrm-list .img-background{
    width: 130px;
    height: 65px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto 0.5rem auto;
}
.integracaocrm .integracaocrm-list img{
    margin-top: 0.65rem;
    margin-bottom: 0.65rem;
}    
.integracaocrm h3{
    color: inherit;
    text-transform: uppercase;
}
#solucoes{
    
}
#solucoes img{
	width: 180px;
    margin: 1rem;
}
#solucoes ul{
	margin-top: 1rem;
    list-style: none;
    padding: 0;
    color: #f15a24;
    font-weight: bold;
}
#solucoes ul li{
	margin-bottom: 0.25rem;
}
#contato{
    margin-top: 4rem;
    padding-top: 4rem;
    padding-bottom: 3rem;
}
#contato h2{
    margin-bottom: 2rem;
}

#contato .wpcf7 .screen-reader-response{
    display: none;
}
#contato form .wpcf7-not-valid-tip{
	font-size: 0.9rem;
	display: none;
}
#contato form input.wpcf7-submit{
    background-color: #f15a24;
    color: #FFFFFF;
    padding-left: 2rem;
    padding-right: 2rem;
    border: 1px solid #f15a24;
}
#contato form input.wpcf7-submit:hover{
    background-color: #FFFFFF;
    color: #f15a24;
    border: 1px solid #f15a24;
}
#contato form .wpcf7-response-output {
    border: none;
    margin: 0.5rem 0 1rem 0;
    padding: 0.3rem 0.5rem 0.5rem 0.5rem;
    font-size: 1rem;
    border: 1px solid #f2f2f2;
}
#contato .wpcf7-validates-as-required.wpcf7-not-valid{
    border-bottom: 2px solid #f15a24;
}

/* -------------------------------------------------- Blog */
.topbar{
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.topbar .category-list{

}
.topbar a{
    margin-right: 1rem;
    color: #f15a24;
    font-weight: bold;
}
.topbar form input{
    border:2px solid #f15a24;
}
article .article-inner{
    border: 1px solid #f15a24;
    border-radius: 4rem;
    padding-bottom: 1rem;
    margin-bottom: 4rem;
}
article .article-inner h3 a:link{
    color: #f15a24;
}
article .article-inner img.featured-image{
    border-radius: 4rem 4rem 0 0;
}
article .article-inner .row{
    padding: 1rem 3rem;
}
article .article-inner .row .read-more{
    font-weight: bold;
    color: #f15a24;
}
article .article-inner .share p{
	margin-left: 10px;
	margin-bottom: 0.5rem;
}

/* -------------------------------------------------- Post */
.more-posts{
	margin-bottom: 5rem;
}
.more-posts article{
	margin: 0 1rem;
}
.more-posts article .article-inner {    
    border-radius: 2rem;
    margin-bottom: 1rem;
}
.more-posts article .article-inner img.featured-image {
    border-radius: 2rem 2rem 0 0;
}
.more-posts article .article-inner h2{
	font-size: 1.25rem
}
.more-posts .slick-dots li{
	width: 30px;
}
.more-posts .slick-dots li button:before{
	font-size: 20px;
	color: #8C8C8C;	
}
.more-posts .slick-dots li.slick-active{
	margin: 0 10px;
}
.more-posts .slick-dots li.slick-active button:before{
	font-size: 30px;
	color: #f15a24;
}
.single article img{
    max-width: 100%;
}

/* -------------------------------------------------- Paginação */
.pagination{
	width: 120px;
	margin: 0 auto;
}
.pagination .wp-pagenavi{
	margin-bottom: 4rem;	
}
.pagination .wp-pagenavi span.current, .pagination .wp-pagenavi .page {
    font-weight: bold;
    color: #f15a24;
    background: #f15a24;
    border: none;
    width: 30px;
    height: 30px;
    border-radius: 2rem;
    font-size: 5px;    
    float: left;
    margin: 0 8px 0 8px;
}
.pagination .wp-pagenavi .page{
	color: #8C8C8C;
   	background: #8C8C8C;
    width: 20px;
    height: 20px;
    margin-top: 5px;
} 

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1450px) {
    /* -------------------------------------------------- Blocos da Página */
    #produtos .title-decoration{
        width: 500px;
        margin-top: 19%;
    }
    #produtos .title-decoration h2{
        font-size: 2rem;
        margin-top: 106px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1350px) {
    /* -------------------------------------------------- Menu, Header e Footer */  
    header{
        background-size: cover;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    /* -------------------------------------------------- Blocos da Página */
    #produtos {
        height: 420px;        
    }
    .integracaocrm .integracaocrm-list .img-background{
        width: 100px;
        height: 70px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1100px) {
    /* -------------------------------------------------- Blocos da Página */
    #produtos {
        height: 420px;        
        background-position: -500px;
    }    
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    /* -------------------------------------------------- Menu, Header e Footer */  
    header{
        height: 550px;        
    }

    /* -------------------------------------------------- Blocos da Página */
    #quemsomos{
        padding-top: 3rem;
        padding-bottom: 1rem;    
    }
    .clientes{
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    #produtos {
        height: 300px;
        background-position: center right;
    }
    #produtos .title-decoration {
        width: 400px;
        margin-top: 10%;
    }
    #produtos .title-decoration h2 {
        font-size: 1.7rem;        
        margin-top: 105px;
    }
    #funcionalidades{
        padding-top: 1rem;
        padding-bottom: 1rem;
    }    
    #solucoes{
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    #solucoes img {
        margin-top: 3rem;
    }
    #solucoes ul{
        margin-top: 1rem;
    }
    .integracaocrm .integracaocrm-list .img-background{
        width: 150px;       
    }
    #contato{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

    /* -------------------------------------------------- Menu, Header e Footer */  
    header{
        height: 500px;
    }
    header h1{
        font-size: 3rem;
    }
    header h2{
        font-size: 1.6rem;        
    }
    footer, footer .newsletter{
        text-align: center;
    }
    footer .logo{
    	justify-content: center;
	    margin-bottom: 1rem;
	}

    /* -------------------------------------------------- Blocos da Página */
    .clientes .clientes-list img{
    	
    }
    #produtos{
        background-position: -480px;
    }
    #produtos .title-decoration {
        width: 350px;
    }
    #produtos .title-decoration h2 {
        font-size: 1.6rem;
        margin-top: 104px;
    }
    #funcionalidades h3{
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    #funcionalidades .funcionalidades-list {
        margin-top: 0rem;
    }
    #funcionalidades .funcionalidades-list ul{
    	margin-bottom: 0;
    }
    #solucoes ul{
        margin-top: 0;
        margin-bottom: 0;
    }

    /* -------------------------------------------------- Blog */
    .topbar .category-list{
        margin-bottom: 1rem;
    }
}

@media only screen and (max-width : 580px){
    .container-smaller {
        padding-right: 45px;
        padding-left: 45px;
    }
} 

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

	h1{
	    font-size: 2rem;   
	}
	h2{
	    font-size: 1.75rem;
	}
	h3{
	    font-size: 1.25rem;   
	}
	h4{
	    font-size: 1rem;
	}

    /* -------------------------------------------------- Menu, Header e Footer */  
    header{
        height: 400px;
    }
    header h1{
        margin-top: 10%;
        font-size: 2.5rem;
    }
    header h2{
        font-size: 1.4rem;
        margin-bottom: 2rem;
    }
    
    /* -------------------------------------------------- Blocos da Página */
    #produtos {
        background-position: -680px;
    }
    #produtos .title-decoration {
        width: 200px;
        height: 100px;
        background-size: cover;        
        margin-top: 14%;
    }
    #produtos .title-decoration h2{
        margin-right: 17.5%;    
        font-size: 1.5rem;
        margin-top: 52px;
    }
    
}

@media only screen and (max-width : 470px) {
    header h2{
        font-size: 1.3rem;
    }
    .clientes .clientes-list .img-background{
		width: 140px;		
	}
    .integracaocrm .integracaocrm-list .img-background{
    	width: 140px;		
    }
}

@media only screen and (max-width : 400px) {
    .clientes .clientes-list .img-background{
		width: 130px;
	}
    .integracaocrm .integracaocrm-list .img-background{
    	width: 130px;
    }
}

@media only screen and (max-width : 400px) {
    .clientes .clientes-list .img-background{
		width: 120px;
	}
    .integracaocrm .integracaocrm-list .img-background{
    	width: 120px;
    }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {    

	h1{
	    font-size: 1.8rem;   
	}
	h2{
	    font-size: 1.6rem;
	}
	h3{
	    font-size: 1.2rem;   
	}
    .container-smaller {
        padding-right: 30px;
        padding-left: 30px;
    }

    /* -------------------------------------------------- Menu, Header e Footer */  
    header{
        height: 300px;
    }
    header h1{
        margin-top: 8%;
        font-size: 2rem;
    }
    header h2{
        font-size: 1rem;
    }
    header .btn{
        font-size: 0.8rem;
        padding: 0.3rem 0.6rem;
    }

    /* -------------------------------------------------- Blocos da Página */
    #quemsomos{
    	padding-top: 2rem;
    }
    .clientes{
    	padding-top: 1rem;
    }
    .clientes .clientes-list{
    	margin-top: 1rem;
    	margin-bottom: 1rem;
    }
    .clientes .clientes-list .img-background{
		width: 110px;
		height: 60px;
	}
    #produtos {
        background-position: -815px;
    }
    #produtos .title-decoration {
        height: 80px;
        margin-top: 70%;
    }
    #produtos .title-decoration h2 {
        margin-top: 38px;
    }
    .integracaocrm .integracaocrm-list .img-background{
    	width: 110px;
		height: 60px;
    }
    #solucoes p, #solucoes ul{
        font-size: 0.9rem;
    }
}