/***CUSTOM**/

@media all and (max-width:508px){
#sp-logopio img{max-width:280px!important;}
#sp-slider iframe{width:250px!important;height:150px!important;}
#sp-top{display:block!important;float:left!important;}
}

#sp-headermain iframe{
	border:8px solid #0077bb;
}
#sp-headermain{
			background-color:#0077bb;
			background-image: url(../../images/presets/preset1/header_bg.jpg);
		color:#fff;
		margin-bottom:20px;
		padding-top:40px;
}

#sp-top{
		background-color:#075581;
}

#sp-top .row{
float:right;
} 
#sp-top1 .sp-module-content{
	width:300px!important;
	float:right;
}
#sp-top1 img{
display:inline;
padding-top:12px;
}
.row{
	margin-bottom:20px;
	float:left;
}
.col-sm-7{
	padding-left:40px!important;
}
.homemodule h3{
	color:#f67d0c;
	font-size:1.5em!important;
}

.news h3.sp-module-title{
	border-bottom:1px solid #f67d0c;
	width:100%!important;
	font-size:2em!important;
}

#sp-position3 .sp-column {
	background-color:#f4f4f4;
	padding:15px;
}
#sp-position5 .sp-column {
	background-color:#f4f4f4;
	padding:15px;
}
#sp-position4,
#sp-position6 {
 padding: 15px;
}
.homemodule2 h3{
	color:#0077bb;
	font-size:1.4em!important;
}

#sp-position3 .sp-module-title,
#sp-position4 .sp-module-title,
#sp-position5 .sp-module-title,
#sp-position6 .sp-module-title {
margin-bottom:4px!important;
}


#sp-bottom .row{
	margin-bottom:0px!important;
}
.first{
	padding-top:20px!important;
}
.sp-module .extrascolatico .moduleItemIntrotext{
	width:100%;
	padding-bottom:8px;
}
.sp-module .extrascolatico .moduleItemIntrotext img{
	width:100%;
}
.sp-module .extrascolatico .even,
.sp-module .extrascolatico .odd{
border:0px;
}

#sp-infoblocks{
padding-top:20px;
		background-color:#0077bb;
		color:#fff;
}

.info h3.sp-module-title{
	font-size:1.6em;
}

.info .sp-module-content{
width:98%;
}

.info a{
color:#fff;
text-decoration:underline;
}

#sp-titlebottom{
	background-color:#0077bb;
	color:#fff;
	padding:20px 0px 10px 0px;
	font-size:3em;
	font-weight:bold;
	text-align:center;
}
#sp-titlebottom .container{

	padding-top:10px;

}

#sp-main-body{
	padding:20px 0px 20px 0px!important;
}

#sp-footer .row{
	
	width:100%;
}
/***FINE CUSTOM**/
a {
  color: #0077bb;
}
a:hover {
  color: #f67d0c;
}
.sp-megamenu-parent >li>a{
  color: #fff;
}

.sp-megamenu-parent >li.active>a,
.sp-megamenu-parent >li:hover>a {
  color: #fff;
  background-color:#f67d0c;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover {
  background: #0077bb;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
  color: #0077bb;
}
#offcanvas-toggler >i {
  color: #000000;
}
#offcanvas-toggler >i:hover {
  color: #0077bb;
}
.btn-primary,
.sppb-btn-primary {
  border-color: #0faae4;
  background-color: #0077bb;
}
.btn-primary:hover,
.sppb-btn-primary:hover {
  border-color: #0d8ab9;
  background-color: #0e9cd1;
}
ul.social-icons >li a:hover {
  color: #0077bb;
}
.sp-page-title {
  background: #0077bb;
}
.layout-boxed .body-innerwrapper {
  background: #ffffff;
}
.sp-module ul >li >a {
  color: #000000;
}
.sp-module ul >li >a:hover {
  color: #0077bb;
}
.sp-module .latestnews >div >a {
  color: #000000;
}
.sp-module .latestnews >div >a:hover {
  color: #0077bb;
}
.sp-module .tagscloud .tag-name:hover {
  background: #0077bb;
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a,
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a:hover {
  background: #0077bb;
}
.search .btn-toolbar button {
  background: #0077bb;
}
.post-format {
  background: #0077bb;
}
.voting-symbol span.star.active:before {
  color: #0077bb;
}
.sp-rating span.star:hover:before,
.sp-rating span.star:hover ~ span.star:before {
  color: #0e9cd1;
}
.entry-link,
.entry-quote {
  background: #0077bb;
}
blockquote {
  border-color: #0077bb;
}
.carousel-left:hover,
.carousel-right:hover {
  background: #0077bb;
}
#sp-footer {
  background: #0077bb;
}
.sp-comingsoon body {
  background-color: #0077bb;
}
.pagination>li>a,
.pagination>li>span {
  color: #000000;
}
.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
  color: #000000;
}
.pagination>.active>a,
.pagination>.active>span {
  border-color: #0077bb;
  background-color: #0077bb;
}
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
  border-color: #0077bb;
  background-color: #0077bb;
}