@import url(http://fonts.googleapis.com/css?family=Pathway+Gothic+One);

/* latin-ext */
@font-face {
  font-family: 'Pathway Gothic One';
  font-style: normal;
  font-weight: 400;
  src: local('Pathway Gothic One Regular'), local('PathwayGothicOne-Regular'), url(https://fonts.gstatic.com/s/pathwaygothicone/v6/MwQrbgD32-KAvjkYGNUUxAtW7pEBwx-tRVZfX80.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Pathway Gothic One';
  font-style: normal;
  font-weight: 400;
  src: local('Pathway Gothic One Regular'), local('PathwayGothicOne-Regular'), url(https://fonts.gstatic.com/s/pathwaygothicone/v6/MwQrbgD32-KAvjkYGNUUxAtW7pEBwx-tS1Zf.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*, *:before, *:after{
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	word-wrap:break-word;
}

*::selection{
	background:#222;
	color:#FFF;
	text-shadow:none;
}
*::-moz-selection{
	background:#222;
	color:#FFF;
	text-shadow:none;
}
*::-webkit-selection{
	background:#222;
	color:#FFF;
	text-shadow:none;
}

body{
	background-color:#FFF;
	color:#666;
	font-size:14px;
	line-height:22px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;
}
body.row.preview{
	background:#FFF !important;
	padding-top:20px;
	padding-bottom:20px;
}

img{
	border:0;
}

a{
	/* tempo da transicao */
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	
	color:#1F518E;
}
.btn{
	border-radius:4px;
}
.btn a:hover{
	color:#222;
	text-decoration:none;
}
a:hover{
	color:#0C255F;
	text-decoration:underline;
}
article p a:hover{
	text-decoration:underline;
}

p{
	text-align:justify;
	color:#666;
	font-size:14px;
	line-height:22px;
}

strong{
	color:#333;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Pathway Gothic One', sans-serif;
}
.font1{
	font-family: 'Pathway Gothic One', sans-serif;
}
h1{
	color:#67a4b6;
	font-size:50px;
	text-transform:uppercase;
}
h2{
	color:#67a4b6;
	font-size:34px;
	line-height:34px;
	padding:10px 15px;
	width:auto;
	border-top:1px solid #67a4b6;
	margin:0 0 15px 0;
    padding-left: 0;
}
article h2{
	padding:10px 15px 10px 0;
}
h3{
	color:#444;
	font-size:26px;
	line-height:26px;
    padding:10px 15px;
    padding-left: 0;
}
article h3{
	padding:10px 15px 10px 0;
}
h4{
	color:#4C4C4C;
}

p{
    /*text-indent: 15px;*/
}

.text-center{
	text-align:center;
}

.row{
	max-width:1170px !important;
}
.row-full,
.full{
	width:100%;
}

.field input[disabled]{
	background-color:#ac0d07;
	border-color:#FFF;
	color:#222;
}

.field input,
.field .input{
	height:50px;
	line-height:50px;
	border-radius:0;
}
.field .input.textarea{
	line-height:20px;
	padding:10px;
	height:250px;
	max-height:250px;
	min-height:250px;
	max-width:100%;
	min-width:100%;
}

.field input:focus,
.field .input:focus{
	border-color:#353738;
}

button,
input[type=submit]{
	text-transform:uppercase;
}

.picker{
	width:100%;
	border-radius:0;
}
.picker select{
	height:48px;
	line-height:48px;
}
.picker select option{
	padding:5px;
}

.modal.modal-full .content{
	max-height:80%;
	min-height:80%;
	width:80%;
	top:10%;
}

.btn.xmedium, .skiplink.xmedium { font-size: 16px; font-size: 1rem; height: 50px; line-height: 50px; font-weight:normal; }
.btn.xmedium a, .skiplink.xmedium a { position: relative; padding: 0 16px; }
.btn.xmedium.icon-left a, .skiplink.xmedium.icon-left a { padding-left: 36px; }
.btn.xmedium.icon-left a:before, .skiplink.xmedium.icon-left a:before { left: 10.66667px; }
.btn.xmedium.icon-right a, .skiplink.xmedium.icon-right a { padding-right: 36px; }
.btn.xmedium.icon-right a:after, .skiplink.xmedium.icon-right a:after { right: 10.66667px; }
.btn.xmedium a, .skiplink.xmedium a { padding: 0 18px; float:left; }

.btn.custom1, .skiplink.custom1 { background: #67a4b6; border: 1px solid #67a4b6; }
.btn.custom1:hover, .skiplink.custom1:hover, .btn.custom1:hover button { background: #FFF; color: #67a4b6 !important; }
.btn.custom1:active, .skiplink.custom1:active { background: #FFF; color: #67a4b6; }
.btn.custom1 a, .btn.custom1 input, .btn.custom1 button, .skiplink.custom1 a, .skiplink.custom1 input, .skiplink.custom1 button {  }
.btn.custom1 a:hover { color:#67a4b6 !important;  }
.btn.custom1 button{ border-radius: 4px; }

.right{
	float:right;
}
.left{
	float:left;
}

small{
    font-size: 70%;
}

table .small-small{
	width:50px;
}
table .small-medium{
	width:80px;
}
table .small-big{
	width:120px;
}
table .medium-small{
	width:150px;
}
table .medium-medium{
	width:200px;
}
table .medium-big{
	width:250px;
}

table tr td:first-child{
	font-weight:normal;
}
/* FIM CSS GERAL */

/* ALERT */
li.alert{
	position:relative;
	padding:8px 35px 8px 10px;
	border-radius:0;
    margin-left: 0;
}
li.alert .close{
	position:absolute;
	top:-1px;
	right:-1px;
	padding:8px 10px;
	color:inherit;
	font-size:22px;
}
li.alert .close:hover{
	color:#000;
}
li.alert .close i{
	margin:0;
}
li.alert .error-message{
	display:block;
}
/* END ALERT */

	/* CUSTOMIZE ITENS */
	.group_inputs{
		border:1px solid #D8D8D8;
		overflow:hidden;
		padding:10px;
		height:44px;
		background-color:#FFF;
	}
	.group_inputs .section{
		clear:both;
		padding-bottom:10px;
		overflow:hidden;
	}
	.group_inputs .section .title{
		display:block;
	}
	.group_inputs label.checkbox,
	.group_inputs label.radio{
		float:left;
		margin:0 0 0 10px;
		padding-right:10px;
		line-height:24px;
	}
	.group_inputs label.radio span{
		font-size:37px;
		line-height:37px;
		text-align:center;
	}
	fieldset ul li{
		list-style:none !important;
		margin:0 !important;
	}
	.field{
		position:relative;
		overflow:visible;
	}
	.field .input{
		border-radius:0 4px 0 4px;
		line-height:22px;
		height:50px;
		padding-top:10px;
		padding-bottom:10px;
	}
	.field .input.select-input{
		padding:0;
	}
	.field.enable .input{
		padding-top:14px;
		padding-bottom:6px;
	}
	.field .input.textarea{
		line-height:22px;
	}
	.field.enable .input,
	.field .input:hover{
		border-left-width:6px;
	}
	.field.enable select.input,
	.field select.input:hover{
		top:1px;
		width:95%;
		height:45px;
		border-left-width:1px !important;
		font-family:inherit;
		color:#444;
	}
	.field .input:focus{
		border-left-width:6px;
		border-color:#353738;
	}
	.field .placeholder{
		position:absolute;
		top:1px;
		left:15px;
		font-size:10px;
		line-height:14px;
		display:none;
	}
	.field.enable .placeholder{
		display:block;
	}
	.js .field .checkbox span{
		border-radius:0;
		top:3px;
	}
	.field.danger:after{
		top:8px;
	}
	.field.danger .input:focus{
		border-color:#F00;
	}
	.field.success .input:focus{
		border-color:#58C026;
	}
	.field.checking:after {
		font-family: "entypo"; content: "\e78d"; font-size: 18px; position: absolute; top: 20%; right: 15px; z-index: 999; color: #AAA; float:left; overflow:hidden; text-align:right;
		animation: loop-checking 1s infinite ease-in-out 0s;
	}
	@-webkit-keyframes loop-checking {
	  0%   { width: 5px; }
	  100% { width: 20px; }
	}
	@-moz-keyframes loop-checking {
	  0%   { width: 5px; }
	  100% { width: 20px; }
	}
	@-o-keyframes loop-checking {
	  0%   { width: 5px; }
	  100% { width: 20px; }
	}
	@keyframes loop-checking {
	  0%   { width: 5px; }
	  100% { width: 20px; }
	}

	button{
		cursor:pointer;
	}
	table thead{
		background-color:#333;
	}
	/* END CUSTOMIZE ITENS */

/* HEADER */
header{
	background-color:#FFF;
	line-height:80px;
	height:auto;
	position:relative;
	margin:0;
	z-index:99;
	box-shadow:0 2px 5px rgba(0,0,0,0.2);
	top:0;
	overflow:hidden;
    /*
	background-image:url(../images/header/bg.jpg);
	background-position:center top;
    */
	
	/* tempo da transicao */
	-moz-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
header .navbar{
	background-color:transparent;
	height:auto;
	margin-bottom:0;
	text-align:center;
    border-top: 3px solid #67a4b6;
    margin-top: 15px;
    padding: 15px 0;
}
header .navbar.menus{
	background-color:rgba(200,200,200,0.5);
	min-height:auto;
}
	/* logo */
	header .navbar .logo,
	header .navbar .logo a{
		display:inline-block;
		width:181px;
		margin:0;
		overflow:visible;
		text-align:center;
        float: left;
	}
	header.min{
		top:-25px !important;
	}
	header .navbar .logo{
		margin:5px 0;
	}
	header .navbar .logo img{
		vertical-align:top;
		margin-top:-3px;
		
		/* tempo da transicao */
		-moz-transition: all 0.3s ease-in-out 0s;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	header .navbar .logo img:hover{
		padding-left:0;
		transform:scale(1.2,1.2) !important;
		opacity:0.8;
	}
	/* END logo */
	/* nav */
	header .navbar nav{
		text-transform:uppercase;
		font-size:12px;
		padding:0 !important;
        margin-left: 200px;
        margin-top: 0;
	}
	header .navbar nav>ul{
		padding:1px 0 4px 0;
        width: 100%;
	}
	header .navbar nav ul li{
		padding:0;
		text-align:center;
		height:auto;
	}
	header .navbar nav ul li:hover{
		background:none !important;
	}
	header .navbar nav ul li a{
		display:block;
		padding:0 20px;
		font-size:14px;
		
		height:53px;
		line-height:53px;
		text-shadow:none;
		border-radius:4px;
        color: #67a4b6;
		
        /*
		background-image:url(../images/nav.png);
        */
        background-color: #FFF;
		background-position:0px 60px;
		background-repeat:no-repeat;
	}
    header .navbar nav ul li a.active{
        /*background-color: #67a4b6;*/
	}
	header .navbar nav ul li a i.icon{
		margin-right:-8px !important;
        margin-left: 0;
        padding-left: 0;
	}
    header .navbar nav ul li a i{
        margin-left: 0 !important;
        padding-left: 0 !important;
	}
	header .navbar nav>ul>li:hover>a,
	header .navbar nav ul li a:hover{
		color:#FFF;
		text-decoration:none;	
		/*background-position:center center !important;
		background-image:url(../images/nav.png) !important;*/
		background-color:#67a4b6 !important;
	}
	/* END nav */
	header .phone{
		position:absolute;
		right:0;
		top:5px;
		line-height:20px;
	}
	header .phone i{
		margin:0;
		padding:0;
	}
	header ul.social-midia{
		position:absolute;
		float:right;
		top:25px;
		right:0;
		text-align:center;
		margin:10px -10px 0 0;
	}
	header ul.social-midia li a{
		text-align:center;
		padding:0;
	}
/* END HEADER */

/* FOOTER */
footer{
	background-color:#67a4b6;
	margin:0;
	padding:0;
	color:#999;
	font-size:13px;
	line-height:20px;
}
footer p{
	color:#FFF;
	font-size:13px;
	line-height:20px;
	padding:0 12px;
    text-indent: 0;
}
footer ul{
	padding:0 12px;
}
footer h3{
	color:#FFF;
	padding:10px 12px;	
	border-top:1px solid #FFF;
	margin:0 0 15px 0;
	font-size:23px;
}
footer h2{
	background-color:transparent;
	border:none;
	box-shadow:none;
}
footer a{
	color:#FFF;
}
footer a:hover{
	color:#000;
}
footer .content{
	padding-top:40px;
	padding-bottom:40px;
}
footer p i{
	margin-left:-3px !important;
	padding-left:0 !important;
	width:auto !important;
}
	/* social */
	/* END nav */
	ul.social-midia {
		margin-bottom: 15px;
		overflow: hidden;
	}
	ul.social-midia li {
		float: left;
		margin: 0 10px 4px 0;
		list-style:none;
	}
	ul.social-midia li a {
		background-color: #FFF;
		border-radius: 4px;
		color: #fff;
		display: block;
		font-size: 30px;
		height: 50px;
		line-height: 44px;
		overflow: hidden;
		text-align: center;
		width: 50px;
		border:2px solid #DDD;
	}
	ul.social-midia li a:hover {
		background-color: #222;
		color: #FFF !important;
		font-size: 40px;
	}
	ul.social-midia li a.facebook:hover {
		background-color: #3b5998;
	}
	ul.social-midia li a.facebook {
		background-color: #fff;
		color: #3b5998;
	}
	ul.social-midia li a.twitter:hover {
		background-color: #00aced;
	}
	ul.social-midia li a.twitter {
		background-color: #fff;
		color: #00aced;
	}
	ul.social-midia li a.linkedin:hover {
		background-color: #0077B5;
	}
	ul.social-midia li a.linkedin {
		background-color: #fff;
		color: #0077B5;
	}
	ul.social-midia li a.google:hover {
		background-color: #dd4b39;
	}
	ul.social-midia li a.google {
		background-color: #fff;
		color: #dd4b39;
	}
	ul.social-midia li a.instagram:hover {
		background-color: #517fa4;
	}
	ul.social-midia li a.instagram {
		background-color: #fff;
		color: #517fa4;
	}
	ul.social-midia li a.skype:hover {
		background-color: #12a5f4;
	}
	ul.social-midia li a.skype {
		background-color: #fff;
		color: #12a5f4;
	}
	/* end social */
	/* copyright */
	footer .copyright{
		border-top:1px solid #FFF;
		padding:15px 0;
		position:relative;
        text-align: center;
        color: #FFF;
	}
	footer .copyright a{
		color:#FFF;
	}
	footer .copyright a span{
		color:#FFF !important;
	}
	footer .copyright .button-up{
		position:absolute;
		top:8px;
		left:50%;
		width:30px;
		height:30px;
		line-height:30px;
		color:#FFF;
		margin:0 0 0 -25px;
		text-align:center;
		border-radius:4px;
		border:1px solid #FFF;
		cursor:pointer;
	}
	footer .copyright .button-up:hover{
		background-color:#FFF;
		border-color:#DDD;
		color:#DDD;
	}
	/* end copyright */
/* END FOOTER */

/* article */
section article{
    background-color: #FFF;
    padding: 10px 0 60px 0;
}
section article h2{
    margin-top: 30px;
}
section article h2:first-child{
    margin-top: 0;
}

section article .convenios .item{
	width:262px;
	height:180px;
	border:1px solid #DDD;
	margin:0 10px 20px 10px;
	float:left;
	text-align:center;
	position:relative;
	line-height:130px;
	border-radius:4px;
	color:#222;
	font-weight:bold;
}
section article .convenios .item:hover{
	border-color:#67a4b6;
	color:#67a4b6;
	line-height:150px;
	font-weight:bold;
}
section article .convenios .item img{
	max-height:90px;
	max-width:80%;
	vertical-align:middle;
}
section article .convenios .item span{
	display:block;
	position:absolute;
	width:100%;
	height:60px;
	line-height:60px;
	overflow:hidden;
	bottom:0;
	left:0;
}

section article #breadcrumb{
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin-bottom: 0;
}

section article #breadcrumb a{
    color: #67a4b6;
}
section article #breadcrumb strong{
    color: #67a4b6;
}

/* BANNER */
	.banner{
		height:600px;
		position:relative;
		z-index:1;
        overflow: hidden;
	}
	.banner:after{
		content:'';
		position:absolute;
		bottom:-48px;
		left:0;
		background-image:url(../images/banner/shadow.png);
		width:100%;
		height:48px;
		background-repeat:no-repeat;
		background-position:center top;
	}
	.banner .items{
		height:600px;
		overflow:hidden;
	}
	.banner .item{
		width:100%;
		height:600px;
		background-position:center center;
		background-repeat:repeat;
		background-size:cover;
	}
	.banner .item p{
		background-color:rgba(44,44,44,0.1);
		text-align:center;
		color:#FFF;
		position:relative;
		top:365px;
		height:80px;
		line-height:131px;
		font-size:36px;
		overflow:hidden;
		display:table;
		width:100%;
	}
	.banner .item p>span{
		text-align:right;
		max-width:1100px !important;
		width:100%;
		display:inline-block;
		vertical-align:middle;
		line-height:40px;
	}
	.banner .item p span span.btn{
		display:inline-block;
		margin-right:100px;
	}
	.banner .boxes{
        position: relative;
        top:-280px;
        background-color: #67a4b6CC;
        height: 280px;
        z-index: 1000;
	}
    .banner .boxes .columns{
        border-left: 3px solid #FFF;
        padding-left: 20px;
        padding-top: 20px;
	}
    .banner .boxes .columns:first-child{
        border-left: 0;
        padding-left: 0;
	}
    .banner .boxes h2{
        color: #FFF;
        background-color: transparent;
        border-top: 0;
        border-bottom: 3px solid #FFF;
        border-radius: 0;
        font-size: 26px;
        line-height: 30px;
        box-shadow: none;
	}
    
    .banner .boxes .content{
        margin-left: 65px;
	}
    
    .banner .boxes ul li{
        color: #FFF;
        margin-left: 0;
        list-style: none;
	}
    .banner .boxes ul li i{
        width: auto;
        margin-left: 0;
        padding-left: 0;
	}
    .banner .boxes p{
        color: #FFF;
	}
    .banner .boxes ul,
    .banner .boxes p{
        height: 106px;
        margin: 0;
        text-indent: 0;
	}
    
    .banner .boxes .btn{
        background-color: transparent;
        color: #FFF;
        height: 50px;
        line-height: 50px;
        margin-top: 10px;
	}
    .banner .boxes .btn a{
        color: #FFF;
        padding-left: 25px;
	}
    .banner .boxes .btn a:hover{
        background-color: #FFF;
        color: #67a4b6;
	}
    .banner .boxes .btn a i{
        margin: 0 0 0 10px;
        padding: 0;
        width: auto;
        font-size: 13px;
        float: right;
	}
    
    .banner .boxes i.big{
        width: 65px;
        font-size: 50px;
        line-height: 50px;
        color: #FFF;
        float: left;
        height: 200px;
        text-align: left;
	}
    
	.banner .item .bg{
		display:block;
		background-color:rgba(200, 202, 201, 0.7);
		width:200%;
		height:800px;
		position:relative;
		left:-80%;
		z-index:-1;
		border-radius:0 100% 0 0;
		box-shadow:2px 2px 10px rgba(0,0,0,0.5);
	}
	.banner .cycle-center{
		position:absolute;
		z-index:10;
		bottom:0;
		left:0;
		width:100%;
		text-align:center;
	}
	.banner .cycle-pager{
		height:30px;
		line-height:30px;
		display:inline-block;
	}
	.banner .cycle-pager span{
		display:inline-block;
		width:15px;
		height:11px;
		line-height:11px;
		background-color:#7D5659;
		margin:0 2px;
		text-indent:-999px;
		overflow:hidden;
		cursor:pointer;
		box-shadow:1px 1px 3px rgba(0,0,0,0.5);
		
		/* tempo da transicao */
		-moz-transition: all 0.3s ease-in-out 0s;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	.banner .cycle-pager span:hover{
		background-color:#222;
	}
	.banner .cycle-pager span.cycle-pager-active{
		background-color:#A37C7F;
	}
	.banner .controls{
		position:absolute;
		top:50%;
		margin-top:-30px;
		z-index:101;
		cursor:pointer;
		width:60px;
		height:60px;
		line-height:60px;
		background-color:rgba(0,0,0,0.2);
		text-align:center;
		color:#FFF;
		font-size:28px;
		opacity:0;
		
		/* tempo da transicao */
		-moz-transition: all 0.3s ease-in-out 0s;
		-webkit-transition: all 0.3s ease-in-out 0s;
		-o-transition: all 0.3s ease-in-out 0s;
		-ms-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
	}
	.banner:hover .controls{
		opacity:1;
	}
	.banner:hover .controls:hover{
		background-color:rgba(0,0,0,0.4);
	}
	.banner .controls.cycle-prev{
		left:0;
		border-radius:0 4px 4px 0;
		box-shadow:-2px 2px 3px rgba(0,0,0,0.6);
	}
	.banner .controls.cycle-next{
		right:0;
		border-radius:4px 0 0 4px;
		box-shadow:2px 2px 3px rgba(0,0,0,0.6);
	}
/* END BANNER */

section ul li{
	list-style:square;
	margin-left:16px;
}

	/* ABOUT */
	section .about{
		background-color:#FFF;
		padding:50px 0 55px 0;
		overflow:hidden;
	}
	section .about.main{
		padding:50px 0 40px 0;
		background-color:#DDD;
	}
	section .about .content{
		width:auto;
	}
	section .about .image{
		float:left;
		width:25%;
		margin:0;
		line-height:normal;
		margin-right:20px;
		border:5px solid #FFF;
		box-shadow:0 0 3px #666;
		background-color:#FFF;
	}
	section .about.main .image{
		width:50%;
		float:right;
		background:none;
		box-shadow:none;
		border:none;
		margin-right:0;
		padding-left:20px;
	}
	section .about .image img{
		vertical-align:bottom;
	}
	section .about .btn.medium{
		height:50px;
		line-height:48px;
		font-size:14px;
		margin:10px 0 10px 15px;
        margin-left: 0;
        margin-top: 15px;
	}
	section .about .btn.medium.icon-right a::after{
		right:17px;
		line-height:50px;
	}
	section .about p{
		padding:0 15px;
        padding:0;
        text-indent: 0;
	}
	/* END ABOUT */
    
    /* CLINICA */
    section .about.clinica{
        overflow: visible !important;
    }
    section .about.clinica .images .item{
        float: left;
        min-height: 180px;
        margin-top: 15px;
    }    
    section .about.clinica .images .item img{
        border: 2px solid #67a4b6;
        width: 100%;
    }
    
    /* CONVENIO */
    section .about.convenio .carrosel{
        position: relative;
    }
    section .about.convenio .carrosel #prev,
    section .about.convenio .carrosel #next{
        position: absolute;
        top: 70px;
        left: 0;
        height: 110px;
        line-height: 110px;
        width: 70px;
        font-size: 30px;
        text-align: left;
        font-weight: bold; 
        cursor: pointer;
        color: #67a4b6;


background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 63%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(63%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 63%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 63%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 63%, rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 63%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );

    }
    section .about.convenio .carrosel #next{
        left: auto;
        right: 0;
        text-align: right;
        
        
background: rgba(255,255,255,0);
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(47%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );

    }
    section .about.convenio .carrosel #prev:hover,
    section .about.convenio .carrosel #next:hover{
        color: #222;
    }
    section .about.convenio .cycle-slideshow{
        margin: 20px 20px;
    }
    
    section .about.convenio .cycle-slideshow .item{
        width: auto;
        height: 80px;
        text-align: center;
        margin: 20px;
    }
    section .about.convenio .cycle-slideshow .item:first-child{
    }
    section .about.convenio .cycle-slideshow .item img{
        max-width: 200px;
        max-height: 80px;
        vertical-align: middle;
    }
	
	/* MESSAGE */
	section .transparent-box{
		height:auto;
		overflow:hidden;
		clear:both;
		background-color:#67a4b6DD;
		padding-bottom:50px;
	}
    section .transparent-box h2{
        color: #FFF;
        border-color: #FFF;
	}
    section .transparent-box p{
        color: #FFF;
        border-top: 1px solid #FFF;
        display: block;
        clear: both;
        padding-top: 15px;
        text-indent: 0;
	}
    section .transparent-box .image{
        border: 2px solid #67a4b6;
        box-shadow: none;
        width: 100%;
        height: 180px;
        background-position: center center;
        background-size: cover;
        margin: 10px 0 30px 0;      
	}
	/* END MESSAGE */
	
	/* DEPARTMENT */
	section .department{
		background-color:#FFF;
		padding:50px 0 60px 0;
		overflow:hidden;
	}
	section .department .item{
		background-color:#42494B;
		margin:10px 0 25px 0;
		width:33.33%;
		float:left;
		padding:40px 25px 30px 25px;
	}
	section .department .item:nth-child(even){
		background-color:#353738;
	}
	section .department .item:first-child{
		border-radius:0 0 0 4px;
	}
	section .department .item:last-child{
		border-radius:0 4px 0 0;
	}
	section .department .item ul{
		padding:30px 0 20px 0;
	}
	section .department .item ul li{
		color:#BBB;
		font-size:13px;
		line-height:20px;
	}
	section .department .item h3{
		color:#DDD;
		text-align:left;
	}
	section .department .item h3 strong{
		color:#FFF;
		display:block;
		text-align:center;
		padding:20px 0 0 0;
		font-size:30px;
		line-height:30px;
	}
	/* END DEPARTMENT */
	
	/* CONTACT */
	section .contact{
		background-color:#EEE;
		padding:50px 0;
		overflow:hidden;
	}
	/* END CONTACT */
	
	/* GOOGLE */
	section .google-maps{
		background-color:#FFF;
		height:auto;
		overflow:hidden;
	}
	section .google-maps iframe{
		width:100%;
		height:600px;
		float:left;
	}
	/* END GOOGLE */
	
	/* BLOG */
	section article.blog .list .item{
		margin-bottom:20px;
		clear:both;
		overflow:hidden;
	}
	section article.blog .list .item h3{
		padding:0 0 10px 0;
		margin:0;
		border-bottom:1px solid #DDD;
		color:#222;
	}
	section article.blog .list .item span.time{
		font-size:12px;
		display:block;
		margin:10px 0;
	}
    section article.blog .list .item span.time i{
        margin-left: 0;
	}
	section article.blog .list .item .content{
		margin:0 0 5px 0;
		height:95px;
		display:block;
		overflow:hidden;
		position:relative;
	}
	section article.blog .list .item .content p{
		margin:0 0 5px 0;
		text-indent:0;
	}
	section article.blog .list .item .content:after{
		content:'';
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		height:40px;
		background: rgb(255,255,255);
		background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 66%);
	}
	section article.blog .list .item .image{
		height:230px;
		width:100%;
		max-width:400px;
		background-position:center center;
		float:left;
		background-size:cover;
		background-repeat:no-repeat;
		margin-right:20px;
		border:3px solid #67a4b6;
	}
	section article.blog .list .item .btn{
		height:50px;
		line-height:50px;
	}
	
	#cookie{
		position:fixed;
		width:100%;
		height:auto;
		z-index:9999;
		bottom:0;
		left:0;
		padding:15px;
	}
	#cookie .inner{
		background-color:#FFF;
		padding:15px;
		font-size:14px;
		line-height:22px;
		box-shadow:0 2px 5px rgba(0,0,0,0.5);
		color:#222;
		text-align:justify;
	}
	#cookie .btn.info.medium{
		float:right;
		padding:0 15px !important;
		text-transform:uppercase;
		margin:0 0 0 15px;
		height:44px;
		line-height:44px;
		color:#FFF;
		text-decoration:none;
	}


.show-phone{
	display:none !important;
}

@media only screen and (max-width: 978px) {
	
	header .navbar .logo{
		margin:10px 0 15px 0;
	}
    header{
        overflow: visible;
        position: relative;
        z-index: 2000;
	}
	
	.banner{
		height:auto;
		clear:both;
		margin-top:0px;
        position: relative;
        overflow: hidden;
        z-index: 1001;
	}
	.banner .items{
        position: absolute;
        top: 0;
        left: 0;
        height: 900px;
        width: 100%;
        z-index: 99;
	}
	.banner .item{
		height:900px;
        width: 100%;
        background-position: top right !important;
	}
    
    .banner .boxes{
        position: relative;
        top: 0;
        left: 0;
        height: auto;
        background-color: #67a4b6CC;
        z-index: 1000;
	}
    .banner .boxes .columns{
        padding-left: 0;
        border-left: 0;
	}
	
	section .page-header{
		margin-top:0;
	}
    
    section .transparent-box p{
		padding-bottom:45px;
        border-top: 0;
        padding-top: 0;
        margin-top: 0;
	}
    section .transparent-box h2{
        margin-bottom: 0;
	}
    section .transparent-box .image{
        margin-bottom: 15px;
	}
    
    footer h3{
        margin-top: 40px;
    }
    footer h2{
        margin-bottom: -20px;
    }
	
	/* nav */
	header .navbar nav{
        z-index: 2000;
	}
    header .navbar nav ul{
		background-color:#FFF;
		top:80px;
		background-image:none;
		padding:0;
		float:none;
		width:100% !important;
		display:block;
        z-index: 2000;
	}
	header .navbar a.toggle{
		top:27px;
		background-color:#67a4b6;
	}
	header .navbar a.toggle:hover,
	header .navbar a.toggle.active{
		background-color:#4C4C4C;
	}
	header .navbar nav ul li{
		display:block;
		width:100% !important;
		line-height:12px;
		height:auto;
		border-top:1px solid #DDD;
		clear:both;
		max-width:100% !important;
	}
	header .navbar nav ul li a{
		line-height:50px;
		height:50px;
		padding:0;
		width:100%;
		color:#666;
        border-radius: 0 !important;
	}
	header .navbar nav ul li a:hover{
		color:#FFF !important;
	}
	/* END nav */
	
	section .department .item{
		width:100%;
		border-radius:0 4px 0 4px !important;
	}
    
    section .about.convenio .carrosel #prev,
    section .about.convenio .carrosel #next,
    section .about.convenio .cycle-slideshow{
        display:none;
    }
    section .about.convenio .mobile-convenio{
        display: block !important;
        text-align: center;
    }
    
    section .about.convenio .mobile-convenio img{
        max-height: 80px;
        max-width: 130px;
        margin-bottom: 25px;
    }
    
    section .about.convenio,
    section .about.convenio h2{
        text-align: center;
    }
    
}

/* PHONE SIZE */
@media only screen and (max-width: 768px) {
	.dont-show-phone{
		display:none !important;
	}
	.show-phone{
		display:block !important;
	}
	
	#cookie .inner{
		font-size:11px;
		line-height:16px;
		position:relative;
		padding-bottom:75px;
	}
	#cookie .btn.info.medium{
		float:none;
		display:block;
		width:92%;
		margin:0 4% 10px 4%;
		position:absolute;
		bottom:7px;
		left:0;
	}
	
}