.title {
	 color:#0071bc;
	 text-align:center;
	 text-transform:none !important;
	 margin-bottom:10px;
	 font-size: 43px;
	 margin-top: 10px;
}
.maintitle {
	 color:#0071bc;
	 text-align:center;
	 text-transform:none !important;
	 margin-bottom:20px;
	 font-size: 50px;
	 margin-top: 0px;
}

    .google-maps {
        position: relative;
        padding-bottom: 50%;
        height: 0;
        overflow: hidden;
          border:3px solid #FBCB34;
          margin-bottom:15px;
          margin-top: 15px;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
      
    }
    
    .portfolio {
		border:3px solid #fbcb34;
		padding-top:20px;
		padding-bottom:20px;
		background: #1D9AD6;
		margin-top:5px;
		margin-bottom:5px;
		-webkit-box-shadow:0px -13px 34px -2px rgba(0, 0, 0, 0.3);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	  -moz-box-shadow:    0px -13px 34px -2px rgba(0, 0, 0, 0.3);  /* Firefox 3.5 - 3.6 */
	  box-shadow:         0px -13px 34px -2px rgba(0, 0, 0, 0.3);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
	
	}
	
	.portfolio h3 {
					
		 	text-transform: none !important;
			text-align: center;
			margin-top:5px;			
			margin-bottom: 10px;
			font-size: 31px;    		
	}
	
	.portfolio h5 {
		
		
    		text-transform: none !important;
    		text-align: center !important;
    		margin-top:5px;
    		font-size: 24px;
    		font-weight:normal !important;
    		
	}

	
	
	.portfolio p {
			color:#FFF;
			font-size:1.65em;
			padding: 0px !important;
			line-height: 25px;
			margin:0 auto !important;
	}
	
	.portfolio img {
			border:1px solid #fff;
	}

	.portfolio h3 a {
			color:#23527C;
			transition:.5s ease;
	}
	.portfolio h3 a:hover {
			color:#fff;
	}
	.portfolio h4 {
			color:#F6C633;
			transition:.5s ease;
			text-align:center;
			font-size: 20px;
			text-transform:none!important;
			font-weight:bold !important;
	}
	
	
	.portfolio h5 a {
			color:#23527C;
			transition:.5s ease;
	}
	.portfolio h5 a:hover {
			color:#fff;
	}

.portseparator {
	text-align:center;;
	text-transform:none;
	color:#0B9848;
	font-weight: bold !important;
	font-size:33px;
	margin-bottom: 20px;
	margin-top: 20px;
	
	
}

		@media only screen and (max-width: 1033px) {
		
			.logoimg { 
			width: 79% !important;
			margin-left: 0px !important;
	}
	}
	
	.navigation {
	width: auto;
	}
	
	
	/*----- Accordion -----*/
.accordion, .accordion * {
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}
 
.accordion {
    overflow:hidden;
    box-shadow:0px 1px 3px yellow;
    border-radius:3px;
    background:#3bb54a;
}
 
/*----- Section Titles -----*/
.accordion-section-title {
    width:100%;
    padding:15px;
    display:inline-block;
    background:#3bb54a;
    transition:all linear 0.15s;
    /* Type */
    font-size:1.200em;
    text-shadow:0px 1px 0px #1a1a1a;
    color:#fff;
    padding-bottom:10px;
}
 
.accordion-section-title.active, .accordion-section-title:hover {
    background:#FBCB34;
    /* Type */
    text-decoration:none;
}
 
.accordion-section:last-child .accordion-section-title {
    border-bottom:none;
}
 
/*----- Section Content -----*/
.accordion-section-content {
    padding:15px;
    display:none;
}
	
	
	.arrowL{
float: right;
width: 100%;
max-width: 64px;
position: absolute;
left: 0;}

	.arrowr{
float: left;
width: 100%;
max-width: 64px;
position: absolute;
right: 0;}


@media only screen and (max-width: 600px) {
	.arrowL{
float: right;
width: 100%;
max-width: 40px;
position: absolute;
left: 0;}

	.arrowr{
float: left;
width: 100%;
max-width: 40px;
position: absolute;
right: 0;}

.portseparator {
	text-align:center;;
	text-transform:none;
	color:#FFF;
	font-weight: bold !important;
	font-size:25px;
	
	
}
.portfolio h3 {
					
		 	text-transform: none !important;
			text-align: center;
			margin-top:5px;			
			margin-bottom: 10px;
			font-size: 24px;    		
	}
	
	.portfolio h5 {
		
		
    		text-transform: none !important;
    		text-align: center !important;
    		margin-top:5px;
    		font-size: 20px;
    		font-weight:normal !important;
    		
	}

	
	
	.portfolio p {
			color:#FFF;
			font-size:1.65em;
			padding: 0px !important;
			line-height: 25px;
			margin:0 auto !important;
			font-size:18px;
			
	}


}
@media only screen and (max-width: 450px) {
	.arrowL{
float: right;
width: 100%;
max-width: 30px;
position: absolute;
left: 0;}
.portfolio h3 {
					
		 	text-transform: none !important;
			text-align: center;
			margin-top:5px;			
			margin-bottom: 10px;
			font-size: 20px;    		
	}

	.arrowr{
float: left;
width: 100%;
max-width: 30px;
position: absolute;
right: 0;}

.portseparator {
	text-align:center;;
	text-transform:none;
	color:#FFF;
	font-weight: bold !important;
	font-size:20px;

	
	
}

	.portfolio p {
			color:#FFF;
			font-size:1.65em;
			padding: 0px !important;
			line-height: 25px;
			margin:0 auto !important;
			font-size:15px;
			
	}

}
	.shadow {
  -webkit-box-shadow: 3px 3px 5px 6px rgba(0, 0, 0, 0.4);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 6px rgba(0, 0, 0, 0.4);  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 6px rgba(0, 0, 0, 0.4);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}


.active {
	background: #FBCB34;
	
}
.active a {
	color:#2C3740 !important;
	
}