/* #Basic Styles
================================================== */
html,body {
	height:100%
}

body {
	position:relative;
	font-size:15px;
	line-height:24px;
	color:#000;
	-webkit-font-smoothing:antialiased;

	-webkit-text-size-adjust:100%;
	background:#f3f3f4;
	font-family:'brandon_text_regularregular'
}

/* #Typography
================================================== */
h1,h2,h3,h4,h5,h6 {
	font-weight:400;
	line-height:1.2em;
	margin:0 0 1.5em;
	color:#000;
	text-transform:uppercase;
	font-family:'Oswald',sans-serif
}

h1 {
	font-size:32px;
	margin-bottom:40px
}

h2 {
	font-size:30px;
	margin-bottom:15px
}

h3 {
	font-size:24px;
	margin-bottom:10px
}

h4 {
	font-size:18px;
	margin-bottom:10px
}

h5 {
	font-size:14px;
	line-height:20px;
	font-family:'brandon_text_regularregular';
	text-transform:none;
	margin:0;
	color:#999
}

h6 {
	font-size:12px;
	line-height:20px;
	text-transform:none;
	color:#999;
	font-family:'brandon_text_regularregular';
	margin-bottom:0
}

h6 a {
	color:#000
}

strong {
}

em {
}

p {
	margin:0 0 1.5em
}

/* #Links
================================================== */
a {
	text-decoration:none;
	outline:0;
	color:#63d1f4
}

a:hover,a:focus {
	color:#000;
	outline:0;
	text-decoration:none
}

/* #Lists
================================================== */
ul,ol {
	margin:0 0 1.5em
}

ul {
}

ol {
	list-style:decimal
}

li {
	margin:0 0 4px;
	padding:0
}

ul li {
	padding-left:10px
}

ol li {
	padding-left:10px
}

li a {
}

li a:hover {
}




.alignleft {
	float:left;
	margin:0 30px 10px 0
}

.alignright {
	float:right;
	margin:0 0 10px 30px
}

.aligncenter {
	text-align:center;
	margin:0 0 10px
}

.alignnone {
	margin:0 0 10px
}

hr {
	display:block;
	overflow:hidden;
	margin:30px 10px;
	border:1px solid #d9d9d9!important
}

/* Main Header */
#main-header {
	padding:0px 0 20px;
	background:#fff
}

/* Logo  */
#logo {

}

#logo h1 {
	font-size:60px;
	line-height:50px;
	font-weight:700;

}

#logo h1 a {
	color:#000
}

#logo h1 a:hover {
}


/* Navigation */
nav.primary {
	float:left;
	padding-top:10px
}

#content-wrapper {
	position:relative;
	background:#fff
}

#content-wrapper .indent {
	padding-bottom:100px;
	padding-top:50px
}

body.front #content-wrapper .indent {
	padding-top:0
}

/* Heading */
#heading {
	height:70px;
	background-color:#ccc;
	position:relative
}

#heading .page-heading {
	padding-top:25px
}

#heading .page-heading h1 {
	margin:0;
	font-weight:300;
	color:#fff
}



#sidebar {
}

#sidebar .block {
	margin-bottom:50px
}

#sidebar .block h3,.front .block h3 {
	margin-bottom:30px
}

#footer {
	padding-top:60px;
	padding-bottom:60px
}

#footer small {
}

#footer a {
	color:#000
}

#footer a:hover {
	color:#63d1f4
}

#header nav ul.nav-main {
	margin:0;
	list-style:none;
	padding:0
}

.nav-pills>li {
	margin:0;
	margin-left:30px;
	padding:0;
	float:left
}

.nav-pills>li>a {
}

#insta-block {height: 450px !important; overflow: hidden;}

#header nav ul.nav-main li a {
	font-family:'Oswald',sans-serif;
	color:#000;
	font-size:18px;
	font-style:normal;
	font-weight:300;
	text-transform:uppercase;
	padding-bottom:5px
}

#header .primary li:first-child {
	margin-left:0
}

#header nav ul.nav-main li a.dropdown-toggle.extra {
	display:none
}

#header nav ul.nav-main li a:hover {
	color:#63d1f4
}

.dropdown-menu {
	position:absolute;
	top:100%;
	z-index:1000;
	display:none;
	float:left;
	min-width:160px;
	padding:5px 0;
	margin:2px 0 0;
	list-style:none;
	background-color:#fff;
	border:1px solid #ccc;
	border:1px solid rgba(0,0,0,0.2);
	*border-right-width:2px;
	*border-bottom-width:2px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding;
	background-clip:padding-box
}

.dropdown-menu li {
	padding:0;
	margin:0
}

.dropdown-menu > li > a {
	display:block;
	padding:3px 20px;
	clear:both;
	font-weight:400;
	line-height:20px;
	color:#333;
	white-space:nowrap
}

.flex-next, .flex-prev {display: none !important;}

#flexslider-1 {border: none !important;}

#header nav ul.nav-main li.dropdown:hover > ul {
	display:block
}

#header nav ul.nav-main ul.dropdown-menu {
	top:auto
}

#header nav ul.nav-main li ul a {
	font-family:'brandon_text_regularregular';
	padding:3px 20px;
	font-weight:400;
	text-transform:none;
	font-size:.9em
}

.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus,.dropdown-submenu:hover > a,.dropdown-submenu:focus > a {
	text-decoration:none
}

.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus {
}

.dropdown-menu:before {
	position:absolute;
	top:-7px;
	left:9px;
	display:inline-block;
	border-right:7px solid transparent;
	border-bottom:7px solid #ccc;
	border-left:7px solid transparent;
	border-bottom-color:rgba(0,0,0,0.2);
	content:''
}

.dropdown-menu:after {
	position:absolute;
	top:-6px;
	left:10px;
	display:inline-block;
	border-right:6px solid transparent;
	border-bottom:6px solid #fff;
	border-left:6px solid transparent;
	content:''
}



#header .social-icons {
	clear:right;
	float:left;
	margin-left:30px;
	position:relative
}

ul.social-icons {
	margin:0!important;
	padding:0;
	width:auto
}

ul.social-icons li {
	background-repeat:no-repeat;
	background-position:0 0;
	display:inline-block;
	padding:0;
	overflow:visible;
	margin:0
}

ul.social-icons li a {
	display:block;
	height:32px;
	width:32px;
	text-align:center
}

ul.social-icons li.facebook {
	background-image:url(/ccas2015/sites/all/themes/Porto/img/1422344135_Facebook-32.png)
}

ul.social-icons li.twitter {
	background-image:url(/ccas2015/sites/all/themes/Porto/img/1422344145_Twitter-32.png)
}

ul.social-icons li.linkedin {
	background-image:url(/ccas2015/sites/all/themes/Porto/img/1422344152_Intsagram-32.png)
}

ul.social-icons li[class] a {
	text-indent:-9999px
}

.scroll-to-top {
	background:#404040;
	border-radius:7px 7px 0 0;
	bottom:0;
	color:#FFF;
	display:block;
	height:9px;
	padding:13px 0 35px;
	position:fixed;
	right:10px;
	text-align:center;
	text-decoration:none;
	width:49px;
	z-index:1040
}

.scroll-to-top:hover {
	filter:alpha(opacity=100);
	opacity:1
}

.scroll-to-top.visible {
	filter:alpha(opacity=75);
	opacity:.75
}

#block-block-36 h5 {
	font-family:"Oswald",sans-serif;
	text-transform:uppercase
}

#block-block-37 h4,#block-block-34 h4 {
	margin:0
}

#block-block-37 h4 a,#block-block-34 h4 a {
	color:#000
}

#block-block-37 h4 a:hover,#block-block-34 h4 a:hover {
	color:#63d1f4
}


#block-block-14 {
	padding-bottom:40px
}

#block-block-14 img {
	vertical-align:middle;
	margin-right:30px
}

#block-block-15 {
	border-top:2px solid #fff;
	padding-top:25px
}



#block-block-29 {
	margin-top:60px;
	border-top:2px solid #e1e1e1;
	padding-top:45px
}

#block-views-residents-block-1 .view-content h3 {
	font-size:18px;
	margin-bottom:10px;
	margin-top:20px
}

.page-node-264 img {
	margin-bottom:40px;
	margin-right:20px;
	vertical-align:middle
}

.image {
	position:relative;
	width:100%
}

#block-block-36 h2 {
	position:absolute;
	top:140px;
	left:20px;
	color:#fff;
	font-size:36px
}

.nivoSlider {
	-webkit-box-shadow:none!important;
	-moz-box-shadow:none!important;
	box-shadow:none!important;
	height:420px!important
}

.nivoSlider h1 {
	font-size:48px;
	margin-bottom:0
}

.nivoSlider .container .grid_5 {
	padding:10px;
	background:#fff
}

.theme-default .nivo-caption a {
	color:#000!important
}

.theme-default .nivo-caption a:hover {
	color:#63d1f4!important
}

.alert {
	padding:8px 20px 8px 54px;
	border-radius:3px;
	border-width:1px;
	border-style:solid;
	margin-bottom:30px
}

.alert ul {
	margin-bottom:0
}

.alert-success {
	background-color:#deef90;
	border-color:#adc92a;
	color:#6d9b0a
}

.alert-info {
	background-color:#f6f1d2;
	border-color:#e3ce4b;
	color:#d2b715
}

.alert-danger,.alert-error {
	background-color:#f4c9c9;
	border-color:#ed9d9d;
	color:#de6666
}

.tabs {
	margin-bottom:35px
}

.nav-tabs {
	border-bottom:1px solid #ddd
}

.nav-tabs {
	padding:0;
	margin:0;
	font-size:0;
	border-bottom-color:#EEE
}

.nav-tabs li {
	display:inline-block;
	float:none;
	margin:0;
	padding:0
}

.nav-tabs>li {
	margin-bottom:-1px
}

.nav-tabs li:last-child a {
	margin-right:0
}

.nav-tabs li a {
	border-radius:5px 5px 0 0;
	font-size:15px;
	margin-right:1px;
	display:block;

	padding:10px 15px
}

.nav-tabs li a,.nav-tabs li a:hover {
	border-bottom:none;
	color:#000
}

.nav-tabs li a:hover {
	border-bottom-color:transparent;
	box-shadow:none;
	background:#F4F4F4
}

.nav-tabs li a:active,.nav-tabs li a:focus {
	border-bottom:0
}

.nav-tabs li.active a,.nav-tabs li.active a:hover,.nav-tabs li.active a:focus {
	background:#FFF;
	border-left:1px solid #EEE;
	border-right:1px solid #EEE;
	border-left-color:#EEE;
	border-right-color:#EEE;
	color:#CCC
}

.nav-tabs li.active a,.nav-tabs li.active a:hover,.nav-tabs li.active a:focus {
	background:#FFF;
	border-left-color:#EEE;
	border-right-color:#EEE;
	border-top:3px solid #CCC;
	color:#000
}

.view-exhibitions h4 a,.view-residents h4 a {
	color:#000
}

.view-exhibitions h4 a:hover,.view-residents h4 a:hover {
	color:#63d1f4
}

.view-exhibitions h5,.view-residents h4 {
	margin-bottom:60px
}

#sidebar .view-exhibitions h5 {
	margin-bottom:20px
}

#sidebar .view-residents h5 {
	margin-bottom:10px
}


#sidebar .view-residents h5 a {
	color:#000
}

#sidebar .view-residents h5 a:hover {
	color:#63d1f4
}


table.views-view-grid {
	margin:0 10px
}

table.views-view-grid td {
	padding:0;
	vertical-align:top;
	padding-right:20px;
	width:300px
}

.btn {
	display:inline-block;
	padding:6px 12px;
	margin-bottom:0;
	font-size:14px;
	font-weight:400;
	line-height:1.42857143;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-image:none;
	border:1px solid transparent;
	border-radius:4px
}

.btn-primary,.btn-default {
	color:#333;
	background-color:#fff;
	border-color:#ccc
}

.btn-group-lg>.btn,.btn-lg {
	padding:10px 16px;
	font-size:18px;
	line-height:1.3333333;
	border-radius:6px
}

.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary,.btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default {
	color:#333;
	background-color:#e6e6e6;
	border-color:#adadad
}

input.form-text,textarea {
	display:block;
	padding:6px 12px;
	font-size:14px;
	line-height:1.42857143;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

label {
	font-weight:400!important
}

.views-exposed-form .views-exposed-widget .form-submit {

}

.view-filters {
	margin-bottom:30px
}

.pagination {
	display:inline-block;
	padding-left:0;
	margin:20px 0;
	border-radius:4px
}

.pagination>li {
	display:inline
}

.pagination>li>a,.pagination>li>span {
	position:relative;
	float:left;
	padding:6px 12px;
	margin-left:-1px;
	line-height:1.42857143;
	color:#337ab7;
	text-decoration:none;
	background-color:#fff;
	border:1px solid #ddd
}

.pagination>li:first-child>a,.pagination>li:first-child>span {
	margin-left:0;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
	border-top-right-radius:4px;
	border-bottom-right-radius:4px
}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {

	background-color:#eee;
	border-color:#ddd
}




.profile h3 {
	border:0!important
}







@media screen and (max-width: 960px) {
.nivoSlider {
	height:300px!important
}

.nivo-caption {
	display:none!important
}

nav.primary {
	margin-bottom:20px;
	float:left;
	padding:0
}
}

@media screen and (max-width: 758px) {
#block-nivo-slider-nivo-slider {
	display:none!important
}

nav.primary {
	margin:0
}

#header .social-icons {

	margin:0;

}

#block-block-14 img {
	margin-bottom:20px
}

#heading .page-heading h1 {
	font-size:24px
}

#heading .container .grid_12 {
	margin:0
}

@media screen and (max-width: 524px) {
#header .social-icons {
	float:left;
	margin:0;
	margin-bottom:20px
}

ul.social-icons {
	padding:0
}
}