/*
  Theme Name: EvoBooks
  Author: Paulo Falaster
  Description: Inspira - Estrutura.
  Version: 1.0
*/

/********Typography Geral********/
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #666;
  background-color: #fff;
}

h1 {font-family: 'Dosis', sans-serif;}
h1, h2, h3, h4, h5, h6 { color: #333;}
h1 {font-size: 2.6em;	color:#787c57;	font-weight: 400;	margin-bottom:30px;	}
h2 { font-family: "Dosis", sans-serif;    font-size: 2.6em;    font-weight: 900; font-size: 30px;  margin-bottom: 20px; line-height:1.4em;}
h3 {  font-size: 18px; line-height: 1.8; }
h4 {line-height:1.8em;} 
h5 {font-size: 16px; line-height:1.8em; #333;} 

h2 span, h3 span, h4 span {
    backface-visibility: hidden;
    color: #b2b2b2;
    display: block;    
    font-size: 16px;
    letter-spacing: 3px;
    line-height: 12px;
    margin-bottom: 30px;
	text-transform:uppercase;
}

#formacao h2 span, h3 span, h4 span {
    backface-visibility: hidden;
    color: #FFF;
    display: block;    
    font-size: 16px;
    letter-spacing: 3px;
    line-height: 12px;
    margin-bottom: 30px;
	text-transform:uppercase;
}

img { max-width:100%;}

a {
  text-decoration: none;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}

a:focus, 
a:hover {
  text-decoration: none;
  outline: none
}



/** Espaçamento **/
.mt10 {	margin-top:10px}
.mt20 {	margin-top:20px}
.mt30 {	margin-top:30px}
.mt40 {	margin-top:40px}
.mt50 {	margin-top:50px}
.mt70 {	margin-top:70px}
.mt85 {	margin-top:85px}
.mt100 {margin-top:100px}
.mt120 {margin-top:120px}
.mt130 {margin-top:130px}
.mt150 {margin-top:150px}
.mt200 {margin-top:200px}
.mt300 {margin-top:300px}


.mb30 {	margin-bottom:30px}
.mb50 {	margin-bottom:50px}
.mb100 {margin-bottom:100px}
.mb150 {margin-bottom:150px}

/** Bg Color **/
.bg_blue_claro {background-color:#ebfdff; } 
.bg_creme {background-color:#f9f7ed; }
.bg_gray {background-color:#e6e6e6;}
.bg_gray_dark {	background-color:#4a535e; color:#FFF;}
.bg_gray_dark h5 {color:#FFF; margin-top:20px; margin-bottom:20px;}
.bg_green {background-color: #05af6f;}
.bg_yellow {background-color: #fec844; }
.bg_white { background-color:#FFF; } 
.bg_gradient {  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 1) 33%, rgba(240, 240, 240, 1) 100%) repeat scroll 0 0;}
.bg_pattern {	
    background-attachment: scroll;
    background-clip: border-box;
    background-image: url("../images/bg/bg_pattern.png");
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto auto;
	background:cover;
	background-color: #ebfdff ;
}

.bg_pattern2 {
	background-image: url("../images/bg/bg_pattern2.jpg");
	height: 1400px;
    left: 35%;
    margin-top: -4%;
    position: absolute;
    right: 0;
    width: 65%;
    z-index: -2;  
}

.linha_sup_dourada { border-top: 2px solid #ffd539;   box-shadow: 10px 10px 4px -10px rgba(0, 0, 0, 0.39) inset;}
.circulos-sd > .ajuste-img > img {width: 90% !important; }

.img-wraper img{width: 90%;}
.img-responsive {display: block;  height: auto; max-width: 100%;}


/****** Text Color ******/
.fontwhite p {	color:#FFF !important; }
.fontwhite h2 {	color:#FFF !important; }
.fontblue {	color: #0093c7;}
.fontgray {	color: #a2a2a2;}
.text-shadow {text-shadow: 0 0 5px rgba(64, 64, 64, 0.25);}	


/******** Lista Com Checkmark **********/
ul.checkmark {  list-style: outside url("../images/icon/icone_ok_list.png") disc;  margin-left: -12px;}
ul.checkmark p { font-size:18px; color:#666;}
ul.checkmark li { margin-top:0.8em;  }
ul.checkmark-white {    list-style: outside url("../images/icon/icone_ok_list_white.png") disc;}

/******** Lista Com Checkmark Negative **********/
ul.checkmark_negative  p { font-size:13px; color:#000000; line-height:13px;}
ul.checkmark_negative  li { margin-top:0.8em;  }
ul.checkmark_negative {   list-style: outside url("../images/icon/icone_ok_list_white.png") disc; margin-left: -12px;}

/******** Lista sem check **********/
ul.nocheck  p { font-size:13px; color:#000000; line-height:13px;}
ul.nocheck  li { margin-top:0.8em;  }
ul.nocheck {   list-style: outside url("../images/icon/icone_ok_list_white.png") disc; margin-left: -12px;}



/*************BTN**************/

.btn { border: 0;  border-radius: 0; }
.btn.btn-primary:hover { background-color: #017fb5; }
a.btn:hover, .btn.btn-primary:hover { background-color: #ffe954;  color: #404040;}
.btn.white-outline { background-color: transparent;  border: 1px solid white;  color: white;}
.yellow-outline {  background-color: transparent;   border: 2px solid #ffe954;}


.btn {
    border-radius: 3px;
    box-sizing: border-box;
    display: inline-block;
    padding: 0.5em 0.8em;
	transition: all 0.1s ease 0s;
	
}


.btn-selecao {	
	background:#FFF;
	margin-bottom:14px;
	padding:15px 20px;
	font-weight:600;
	font-family: "Dosis",sans-serif;	
}

.btn-selecao:hover {
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.31);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.31);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.31);
	background:#FFF;
	margin-bottom:14px;
	padding:14px 20px;	
	transition-duration: 0.5s;
}

.btn100 { width: 100%; text-align:center;}
.btnbig { font-size: 20px; font-weight:900; font-family:'dosis';}


.btn-orcamento {
    background-color: #4266ae;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.12) inset, 0 0 2px rgba(0, 0, 0, 0.08), 0 2px 3px rgba(0, 0, 0, 0.04), 0 3px 4px rgba(0, 0, 0, 0.08);
    color: #fff !important;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin-top: 10px;
    padding: 12px 0 12px 12px;
    text-align: center;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	margin-top:20px;
}


.buttonLight {
    background: transparent none repeat scroll 0 0;
    border: 2px solid currentcolor;
    border-radius: 5px;
    color: #faa41a;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    padding: 0.8rem 1.2rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 300ms ease 0s, background-color 300ms ease 0s;
	font-family:'Open Sans';
	letter-spacing: 0.8px;
}

.buttonLight:hover {background-color: #faa41a;  color: #fff; border: 2px solid #faa41a;}
.btnqueroserdigital {margin-top:12px;	margin-left:10px;}

.btn-greenandroid {background: #67bf11 none repeat scroll 0 0;     color: #ffffff; font-size: 20px; padding: 15px 30px;}
.btn-windows {background: #00b4e4 none repeat scroll 0 0;      color: #ffffff; font-size: 20px; padding: 15px 30px;}
.btn-blue {background: #1e6095 none repeat scroll 0 0;      color: #ffffff; font-size: 20px; padding: 15px 30px;}
.btn-apple { background: #8f9da1 none repeat scroll 0 0;       color: #ffffff; font-size: 20px; padding: 15px 30px;}
.btn.yellow {background-color: #ffe954;}
.btn.gray {background-color: #3f3f3f;}
.btn-apple img, .btn-windows img, .btn-greenandroid img { float:left; opacity:0.8; margin-left:-10px; }
.btn-apple , .btn-windows , .btn-greenandroid { line-height:38px; }
.btn-apple:hover , .btn-windows:hover , .btn-greenandroid:hover {
	background: transparent none repeat scroll 0 0;
    border: 2px solid currentcolor;
    transition: color 300ms ease 0s, background-color 300ms ease 0s;
}