/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/* typography */
h1 {
	color : #95b4c5;
	font-size : 5em;
	line-height : 1em;
	text-decoration : none;
	font-family : arial, tahoma, helvetica, verdana, "sans serif";
	font-weight:900;
	letter-spacing: 1px;
	text-align:left;
	
	}



h1.fp {
	color : #e9772f;
	font-size : 1.4em;
	line-height : 1.4em;
	text-decoration : none;
	font-family : arial, tahoma, helvetica, verdana, "sans serif";
	margin-top : 5px;
	margin-bottom : 5px;
	padding-left: 10px;
	font-weight : normal;
	text-align: left;
	letter-spacing:normal;
	}

.inside h1 {
	margin: a0px auto 10px 0px;
	text-align: left;
	
	}

h1.services  {
	color : #e9772f;
	font-size : 1.4em;
	line-height : 1.4em;
	text-decoration : none;
	font-family : arial, tahoma, helvetica, verdana, "sans serif";
	margin-bottom : 5px;
	font-weight : normal;
	text-align: left;
	margin:0px;
}

h2 {
	color :  #e9772f;
	font-size : 1.5em;
	line-height : 1.5em;
	text-decoration : none;
	font-family : arial, tahoma, helvetica, verdana, "sans serif";
	margin-bottom : 5px;
	font-weight : normal;
	text-align:left;
	
}

h2.fp {
	color :#003b59;
	font-size : 1.2em;
	line-height : 1.2em;
	text-decoration : none;
	font-family : arial, tahoma, helvetica, verdana, "sans serif";
	margin-top: 5px;
	margin-bottom : 5px;
	padding-left: 10px;
	font-weight : normal;
	text-align: left;
	letter-spacing:normal;
}
	


#logo h2 {
	color : #92B6C7;
	font-size : 1.5em;
	line-height : 1.4em;
	text-decoration : none;
	font-family : arial, tahoma, helvetica, verdana, "sans serif";
	margin: 5px 15px;
	font-weight : normal;
	text-align: center;

}


h3  {
	color : #e9772f;
	font-size : 1.1em;
	line-height : 1.3em;
	text-decoration : none;
	font-family : arial, tahoma, helvetica, verdana, "sans serif";
	margin-bottom : 5px;
	font-weight : normal;
	text-align:left;
}

	
h3.h_white {
	color : #ffffff;
	font-size : 1.4em;
	line-height : 1.4em;
	text-decoration : none;
	font-family : arial, tahoma, helvetica, verdana, "sans serif";
	font-weight : normal;
	text-align: ;eft;
	letter-spacing:normal;
	padding-top: 10px;
	margin: 0px;
	}


h4  {
	color : #e9772f;
	font-size : 1.4em;
	line-height : 1.4em;
	text-decoration : none;
	font-family : arial, tahoma, helvetica, verdana, "sans serif";
	margin-bottom : 5px;
	font-weight : normal;
	padding-left: 10px;
}	
	
	
h4.centered {
	color : #e9772f;
	font-size : 1.4em;
	line-height : 1.4em;
	text-decoration : none;
	font-family : arial, tahoma, helvetica, verdana, "sans serif";
	margin-bottom : 5px;
	font-weight : normal;
	text-align:center;
	}
h5.services  {
	text-align:left;
	color : #e9772f;
	font-size: 1.2em;
}


#fp_textcontainer_br p, 
#fp_textcontainer_2 p,
#fp_textcontainer_3 p,
#fp_textcontainer_4 p,
#fp_textcontainer p {
	text-align:left;
	color : #003b59;
	font-size : 1.1em;
	line-height : 1.5em;
	font-family : arial condensed, arial narrow, arial, tahoma, helvetica, verdana, "sans serif";
	font-weight : normal;
	margin-bottom: 8px;
	padding-left: 10px;
	padding-right: 10px;
}

#fp_textcontainer_solid p {
	color: #003b59;
	font-size : 1.1em;
	line-height : 1.6em;
	font-family : arial condensed, arial narrow, arial, tahoma, helvetica, verdana, "sans serif";
	font-weight : normal;
	padding: 10px 0px;
	text-align:left;
	}

#fp_contentcontainer p {
	text-align:left;
	color : #003b59;
	font-size : 1.1em;
	line-height : 1.5em;
	font-family : arial condensed, arial narrow, arial, tahoma, helvetica, verdana, "sans serif";
	font-weight : normal;
	margin-bottom: 8px;
}

p  {
	font-size:1.1em;
}

p.center_slate {
	color : #95b4c5;
	font-size : 0.8em;
	line-height : 1.2em;
	font-family : arial condensed, arial narrow, arial, tahoma, helvetica, verdana, "sans serif";
	text-align:centre;
	font-weight: normal;
	margin: 5px 20px 5px 20px;
	}

p.p1 {
	color : #003b59;
	font-size : 1.1em;
	line-height : 1.6em;
	font-family : arial condensed, arial narrow, arial, tahoma, helvetica, verdana, "sans serif";
	font-weight : normal;
	margin-bottom: 8px;
	text-align: left;
	}

p.services {
	text-align:left;
	font-size : 1.1em;
}

.pb-1  {
    padding-bottom: 5px;
}

.pb-2  {
    padding-bottom: 10px;
}
.pb-3  {
    padding-bottom: 15px;
}
a  {
	color: #e9772f;
	text-decoration: none;
	font-weight:500;
}

a:hover > h1.services,
a:focus > h1.services,
a:active, a:hover, a:focus {
	outline: none;
	color: #002C53;
	text-decoration: underline;
	background-color: none;
}
 /* navbar */
 
 .navbar-nav  {
	margin-top: 0px;
	padding-top: 0px;
	margin-left: auto;
}

 .navbar {
	border-radius:0px;
	border:none;
}

.navbar-default {
	background:#95b4c5;
	margin-bottom: 0px;
}	

.navbar-default .navbar-collapse  {
	border:none;
}

.navbar-default .navbar-nav > li > a {
	color: #000;

}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #FFF;
	background-color: #e9772f;
}

.navbar-default .navbar-nav > .active  {
	background-color:#002C53;
}

.navbar-default .navbar-nav > .active > a 
 {
	color: #FFFFFF;
	background: #002C53;
}

.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
	color: #FFF;
	background-color: #e9772f;
}

.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
	color: #FFFFFF;
}

/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {
	border-top-color: #002C53;
	border-bottom-color: #002C53;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a .caret, 
.navbar-default .navbar-nav > .open > a:hover .caret, 
.navbar-default .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}

.navbar-default .navbar-nav > li.dropdown.hovernav > ul.dropdown-menu > li > a:hover
 {
	color:#FFF;
	background: #E9780F;
}

/* mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD;
	background-color: #95b4c5;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color:  #E9780F;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}

.navbar-collapse  {
	padding-left:0;
}

.navbar-collapse .divider {
	height:1px;
	background-color:#e5e5e5;
	margin:0px;
}

.navbar-nav .open .dropdown-menu > li > a  {
	padding: 10px 5px 10px 25px;
}

li.dropdown.hovernav.open > .dropdown-menu > li > a,
.dropdown-menu > li > a  {
	padding: 10px 25px 10px 25px;
}

.dropdown-menu {
	padding:0px;
}

.navbar-nav > li > .dropdown-menu  {
	margin-top:2px;
}

 .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	color:#002A55;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse  {
	max-height:none;
}

.navbar-default .navbar-nav >.active  > a .caret  {
	border-top-color: #fff;
	border-bottom-color: #fff;	
}

.navbar-default .navbar-nav > .open > a  {
	-webkit-box-shadow: none;
}


/*
Navbar "hovernav" dropdown menu - this works only for screen sizes larger than phones.
The Bootstrap CSS is unchanged.
*/
@media (min-width: 768px) {
  /* Use this if you wish to hide the caret
  .navbar-nav .caret {
    display: none;
  } 
  */
  .navbar-nav .open ul {
    display: none
  }
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    color: #fff;
    background: none
  }
  .navbar-default .navbar-nav > li:hover {
	background-color: #E9772F;
	color: #FFF;
  } 
  .navbar-inverse .navbar-nav > .open > a,
  .navbar-inverse .navbar-nav > .open > a:hover,
  .navbar-inverse .navbar-nav > .open > a:focus {
	background: none
  }
  .navbar-inverse .navbar-nav > li:hover {
    background: #080808
	
  }
  .navbar-nav .hovernav:hover > .dropdown-menu {
    display: block;
	background-color: #95B4C5;
  }
}

/* page elements */

.html,body	{
	height:100%;
}

body  {
	color : #003b59;
	font-family : arial condensed, arial narrow, arial, tahoma, helvetica, verdana, "sans serif";
}
	
.fp-top-padding  {
	 padding:15px;
 }

.container-fluid {
	margin-left: auto;
	padding-left: 15px;
}

.btn-primary {
   background-color:#95B4C7;
	}

.btn.btn-success {
    color: #ffffff;
    background-color: #95b4c5;
    background-image: linear-gradient(to bottom, #95b4c5, #002c53);
    border:none;
}

.btn.btn-success:hover {
    color: #ffffff;
    background-color: #002c53;
    background-image: linear-gradient(to bottom, #002c53, #002c53);
    border:none;
}	

#main-title  {
	padding-right:0px;
}

#monkeys {
	padding-top: 0px;
	margin-top:0px;
}

#monkeys-2 {
	padding: 0px;
	margin-top:0px;
	float: right;	
}

#monkeys-2 img {
	padding: 0px;
	margin:0px;
	float: right;
}

#logo {
	padding-top: 5px;
}

#logo > .img-responsive  {
	margin: auto;
}



#icons  {
	text-align:center;
	padding-right:20px;
}

#icons img {
	padding: 2px;
}

.l-border {
	border-left:#95b4c5 solid 1px;
	padding-left:15px;
}


#fp_textcontainer_solid {
	background-color: #95b4c5;
	padding: 0px 25px;
	min-height: 200px;
}

#fp_textcontainer {
	padding: 0px 25px;
}

#fp_textcontainer_2 {
	padding: 0px 25px;
	text-align:left;
	border-right: #95b4c5 solid 1px;
	border-left: #95b4c5 solid 1px;
}

#fp_textcontainer_3 {
	padding: 0px 25px;
	text-align:left;
}

#fp_textcontainer ul,
#fp_textcontainer_3 ul  {
	padding-left: 25px;
	padding-bottom: 15px;
	font-size: 1.1em;
	text-align: left;
}

#fp_textcontainer_3 li  {
	line-height: 1.4em;
}

#fp_hidden {
	border: none;
}

#fp_textcontainer_4 {
	padding: 0px 25px;
	text-align: left;
}

#fp  {
	border-right: #95b4c5 solid 1px;
	border-left: #95b4c5 solid 1px;
	margin-top: 15px;
	margin-bottom: 20px;
}

#fp-2  {
	margin: 0px 0px 15px 0px;
}
	
.carousel {
	background-color: inherit;
	min-height:150px;
}

.inside, .inside-services {
	padding-top: 5px;
	padding-bottom: 5px;
}


.samples {
	padding-bottom: 15px;
}


.thumbnail img {
	width: 100%;
}

.thumbnail  {
	border: none;
}

a.thumbnail  {
	border: none;
}

.footer  {
    margin-top: 30px;
    border-top: #95b4c5 solid 1px;
    padding-top: 15px;
}
/* not used
#footer  {
	padding: 15px;
	margin-top:10px;
	background: #95B4C7;
}

#footer p,
#footer a  {
	color: #fff;
	text-align:left;
	margin-left: 0px;
}

#footer h3 {
	color: #fff;
	font-size: 1.1em;
	margin-top: 5px;
}

#footer a  {
	text-decoration:underline;
}
	
#footer a:hover {
	color:#002A54;
}

ul.footer  {
	padding:0px;
}

ul.footer li  {
	list-style-type: none;
	text-align: left;
	padding: 5px 0px;
	font-size:1.1em;
}

.no-padding  {
	padding: 0px;
}*/

/* responsive text queries */


@media screen and (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #002C53;
	background-color: #95b4c5;
	padding-left:25px;
    }
   
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	background-color: #E9780F;
	color:#FFF;
    }
	
	.navbar-nav > li {
	border-bottom: #ccc 1px solid;
    }

	.navbar-nav  {
	border-top:1px solid #ddd;
    }
	
	.l-border {
	border-left:none;
    }
	
	h1 {
		color : #92B6C7;
		font-size : 2.4em;
		line-height : 1.0em;
		text-decoration : none;
		font-family : arial, tahoma, helvetica, verdana, "sans serif";
		margin: 10px 5px;
		font-weight : 900;
	}
    
	
    #fp_textcontainer_4  {
        padding: 0px;
    }
	
	#main-title  {
	padding-right:15px;
    }
	
	.main-text  {
	padding: 0px 20px;
	
	}
	
	.inside {
	padding: 0px 20px;
	}
	
	
    #fp_textcontainer_2 {
	border-right:none;
	border-left:none;
    }
		
}

@media screen and (min-width: 992px) {
  #logo {
		padding-top: 50px;
		padding-bottom: 10px;
	}
.inside, .inside-services {
	padding-top: 25px;
	padding-bottom: 25px;
}

}
