@charset "utf-8";
/* CSS Document */
.text-blue { color: #049cdb}
.text-green { color: #16A085 !important}
.text-yellow { color: #ffc40d}
.text-red { color: #9d261d}
.text-orange { color: #f89406}
.text-pink { color: #c3325f}
.text-purple { color: #7a43b6}
.text-white { color: #fff !important}


.text-black { color: #000}
.text-grayDarker { color:#222 }
.text-red { color: #9d261d}
.text-orange { color: #f89406}
.text-pink { color: #c3325f}
.text-purple { color: #7a43b6}


.bg-grayDarker { background:#222;}
.bg-green { background:#16A085;}
.border-radius { border-radius: 5px; }
.border-grayDarker { border-color:#222; border-width:1px; }


.spacer { clear:both; margin: 20px 0 ;}	

margin-bottom:20px !important;

.p-b-20 { padding-bottom:20px; }
.p-l-20 { padding-left:16px !important; }
.m-t-20 { margin:14px 14px 0 0 ; }


@media (max-width: 480px) {
	
	.divider2{
	
	background-position:top;
	background-repeat:no-repeat;
	background-size:cover; 
	background-attachment:local; 
	margin-top: 20px;
    min-height: 100px;
    padding: 100px 0;
    text-align: center;
    width: 100% ;
	}
	
	.divider1{
	background-position:top;
	background-repeat:no-repeat;
	background-size:cover; 
	background-attachment:local; 
margin-top: 20px;
    min-height: 100px;
    padding: 100px 0;
    text-align: center;
    width: 100%;
	}	
	
 
.divider4{

	background-position:top;
	background-repeat:no-repeat;
	background-size:cover; 
	background-attachment:local; 
	margin-top: 00px;
	padding: 00px 0 80px 0;
	text-align: center;
	width: 100%;
	}
	
	
.navbar-fixed-top,
  .navbar-fixed-bottom {
    position: fixed !important;
	body {
    padding: 0 0 0 0 !important;

  }	


  
.navbar-fixed-top { margin:0px !important; 
background-color: #FFFFFF transparent; 
 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);

}
  .navbar .nav > li > a {
    color: #777777 !important;
    float: none;
    padding: 15px 30px !important;
    text-decoration: none;
    text-shadow: none !important;
	font-size:16px; 
	text-transform:uppercase;
	margin:  0 10px; 
 

}

.navbar-nav > li > a:focus 
{  background-color: #16a085 !important;
transition: color 0.1s ease-in 0s, background 0.1s ease-in 0s;
    color: #fff !important; }
.navbar .nav > li > a:hover{
    background-color: #16a085 !important;
	transition: color 0.1s ease-in 0s, background 0.1s ease-in 0s;
    color: #fff !important;
}



}


@media (max-width:390px) {
  #headerwrap {
	background-image:url("../img/header_bg-360.jpg") ; 
	}

.divider4{
	background-image:url("../img/contact-bg-360.jpg"); 
	}	
.divider1{
	background-image:url("../img/header01-360.jpg"); 
	}	
.divider2{
	background-image:url("../img/header02-360.jpg"); 
	}	


}