@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

html, body {min-height:100%;}
body {padding:0px;margin:0px auto; background: #ffffff;color:#1c1c1c;font-size:17px; font-family:'Open Sans';font-weight:normal;} 
h1 , h2 , h3 ,h4 , h5 ,h6 { font-family: 'Open Sans', sans-serif;font-weight:600  }
 .text-right {text-align:right !important}
.text-left {text-align:left !important}
.text-center {text-align:center !important; }
.text-center img {display: inline;}
.nopd {padding :0px !important;}
.nopdl{padding-left:0px !important}
.nopdr{padding-right:0px !important}
 
#logoParade
{
	width: 728px;
	height: 75px;
	position: relative;
}

#logoParade div.scrollableArea a
{
	display: block;
	float: left;
	padding-left: 10px;
}


 #makeMeScrollable div.scrollableArea *
{
	position: relative;
	display: block
	float: left;
	margin: 0;
	padding: 0;
	/* If you don't want the images in the scroller to be selectable, try the following
		block of code. It's just a nice feature that prevent the images from
		accidentally becoming selected/inverted when the user interacts with the scroller. */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.right {float:right !important;}
.left {float:left !important}
 a , #footer span , i {-webkit-transition: all 233ms ease-in-out;
-moz-transition: all 433ms ease-in-out;
-ms-transition: all 233ms ease-in-out;
-o-transition: all 233ms ease-in-out;
transition: all 433ms ease-in-out;}
 
 .item-page p ,.blog-featured p {margin-bottom:20px}
 .item-page li {line-height:160%}
  .item-page ul {margin-bottom:20px}
a:focus , input { 
    outline: none; 
}

.pagination {
  height: auto;
}
 
.pagination ul {
  border-radius: 0;
  box-shadow: none;
}
ul.pagination-list li a [class*="icon-"] {
  opacity: 0.3;
}
 
ul.pagination-list li a:hover [class*="icon-"] {
  opacity: 0.5;
}
.pagination p.pull-right {
  float: none;
  text-align: center;
}
 
.pagination ul {
  display: inherit;
  text-align: center;
  list-style-type: none;
}
 .pagination ul li {float:left;}
.pagination a,
.pagination span {
  float: none;
  display: inline-block;
}

 #slider .camera_caption_title  {font-size:51px;margin:0px;}


#slider .camera_caption > div p {font-family: 'Open Sans', sans-serif; font-size:19px;text-align: center;}
#slider .camera_caption > div {background: transparent;width: 680px;margin: 0px auto 0px auto;border-radius:4px;/* float: right; */text-align: left;min-height: 150px;text-shadow: 0px 1px 10px #000;}
#slider .camera_caption {top: initial !important;bottom: 30px !important;}
 #slider .camera_caption_desc { 
color: #FFF !important; font-family: 'Open Sans', sans-serif;
display: inline-block;
padding: 0px; font-size:38px;  text-align:center
  }
  #slider .camera_caption_desc a {background: #2a5869 !important;color: #FFF;font-family: 'EB Garamond';line-height: 90%;padding: 18px 30px 11px 30px;font-size: 30px;display: inline-block;margin: 10px 0px;}


img {max-width:100%}
.telephone p {color:#bee7ff;font-size: 18px;vertical-align: top;display: inline-block;line-height: 100%;}
.telephone p strong {color:#ffffff;font-size: 23px;font-weight: normal;padding: 0px 0px 0px 4px;/* line-height: 150%; *//* display: inline-block; */}
#header.fixed {position:fixed;top:0px;width:100%;z-index:999;padding: 10px 0px;transition: all 222ms ease;}

#header.fixed #menu ul li a {margin-top:10px}
#header.fixed #logo img {height:65px;}

 #header {background:#005689;padding: 35px 0px;}
   #menu ul {list-style-type:none;margin: 0px 0px 0px 0px;padding: 0px;float: right;}
   #menu .menu-bb {background:#939393}
  #menu ul li {float:left;margin:0px;padding:0px;}
  #menu ul li a {color: #ffffff;padding: 0px 10px 0px 10px;font-size: 19px;display: block;line-height: 110%;margin: 30px 0px 0px 0px;font-family: 'Open Sans', sans-serif;}
   
#user1 {
    margin: 40px 0px;
}
#user1 .us1 {margin-bottom:25px;}

#user1 .us1 .us-con {
    position: relative;
}
#user1 .us1 .bst {padding: 7px 0px;background:#005689;text-align:center;position: absolute;bottom: 0px;}
#user1 .us1.color2 .bst {background:#4093c4}
#user1 .us1 .bst h4{margin:0px;color:#FFF;line-height: 140%;}
#user1 .us1 .bst p {margin:0px;color:#FFF}
#user1 .us1 .bst a {color:#FFF}



.front-page h4 {
    font-family: 'Open Sans', sans-serif;
    FONT-SIZE: 25px;
    color: #303030;
    font-weight: 400;
    line-height: 140%;
}

.call-action {margin:20px 0px;}
.call-action p {
    color: #343434;
    font-size: 21px;
    vertical-align: middle;
}
.call-action p strong {
    color: #343434;
    font-size: 29px;
    vertical-align: sub;
}
.call-action .btn.btn1 {margin-right:20px}
.btn.btn1 {background: #005689;	font-size: 21px; border-radius:0px;line-height:120%;padding:9px 20px 10px 20px;
	color: #fff;
}
.btn.btn1.btn-large {
	background: #005689;
	font-size: 28px;
	border-radius:0px;
	line-height:120%;
	padding: 10px 30px 14px 30px;
	color: #fff;
}

#user2 {
    margin: 40px 0px 0px 0px;
    background:#e3e3e3;
    padding-bottom: 40px;
}
#user2 h2 {color:#2f2f2f;font-size: 41px;margin: 30px 0px 30px 0px;}
#user2 .us2 {margin-bottom:25px;}
#user2 .us2 .us-con {
    position: relative;
}
#user2 .us2 .bst {padding: 7px 0px;background:#005689;text-align:center;position: absolute;bottom: -1px;}
#user2 .us2.color2 .bst {background:#4093c4}
#user2 .us2 .bst h4{margin:0px;color:#FFF;line-height: 140%;}
#user2 .us2 .bst p {margin:0px;color:#FFF}
#user2 .us2 .bst a {color:#FFF}

#user2 .us2.flat .bst{position:relative;min-height:222px;padding: 10px 10px;}
#testimon {background:url('../images/footer1.jpg') no-repeat scroll center top #13649d;min-height:318px;color:#FFF;padding: 30px 0px;}
 #testimon h2 {font-size:39px;margin: 20px 0px 20px 0px;}
 #testimon p {font-family: 'Open Sans', sans-serif;font-size: 24px;}
 #footer {background:#001a2a;color:#FFF;padding:30px 0px 40px 0px; font-size: 12px;}
 #footer a {color:#FFF;text-decoration:underline}

 .navbar-toggle.collapsed {border:1px solid #FFF;}
.navbar-toggle.collapsed .icon-bar {border:1px solid #FFF;}
.navbar-toggle {border:1px solid #4093c4;}
.navbar-toggle .icon-bar {border:1px solid #4093c4;}

 @media (max-width: 1280px) and (min-width: 768px) {
#user1 .us1  , #user2 .us2 {width:50%}
#user1 div:nth-child(3)  , #user2 div:nth-child(2){clear:left}
#user2 .us2 .us-con, #user1 .us1 .us-con {
    float: none;
    margin: 0px auto;
    display: table;
    width: auto;
}
 }
 #user22 h2 {padding:0px 15px;margin-bottom:0px}
  #nav .moduletablerstv {display:none}
 @media (max-width: 768px) {
#header {padding:20px 0px 0px 0px;position:relative !important}
#header .container , #header .navbar-collapse{padding:0px;border: 0px;}
.navbar-header {border: 0px solid #4093c4;display: inline-block;margin: 0px 0px 0px 0px;position: absolute;left: 30px;z-index: 20;top: 18px;font-size: 33px;}
#logo {text-align:center;padding: 0px 10px 5px 10px;width: 200px;margin: 0px auto;float: none;}
.telephone {margin-bottom:10px;}

#nav .moduletable{display:none}
#nav .moduletablerstv  {display:block;position:absolute;top: -45px;right: 10px;z-index:20;}
#nav .moduletablerstv i {color:#FFF;font-size:33px !important}
.telephone p {text-align:center !important;display:block;}
#menu ul {float:none}
.navbar-brand {color:#FFF}
#menu ul li {width: 100%}
#menu ul li:first-child a {border-top:0px !important;}
#menu ul li a {display:block;text-align:center;border-bottom:1px solid #4093c4;padding:10px 0px;border-right:1px solid #4093c4;border-left:1px solid #4093c4;margin:0px}
#menu ul li a:hover {background:#4093c4}
.call-action {margin-bottom:0px;}
.f-soc {text-align:center;margin-bottom:15px;}
.copyright {font-size:16px;margin-bottom:10px;}
.flogo {text-align:center !important}
.call-action .btn.btn-large {display:block;margin:0px 0px 10px 0px}
#user2 .us2 .us-con , #user1 .us1 .us-con {float:none;margin:0px auto; display:table;width: auto;}
}


  @media (max-width: 420px) {
#slider .camera_caption_desc {font-size:15px}
#slider .camera_caption > div {min-height:auto;text-align:center;width:100%}
 
.container {padding:0px !important}
}

blockquote { width:100%;padding: 30px 20px 20px 68px; background:url(../images/quote_open.png) 20px 30px no-repeat #eee;}
blockquote p { display:block; width:100%;font-size: 17px;line-height: 27px; display:block;}
blockquote p.author, blockquote p.date { font-family:'oswaldlight', Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:12px; line-height:18px; margin:0 0 10px 0; letter-spacing:0.02em;   }
blockquote h4 a { color: #041e41; }
blockquote h4 a:hover { color: #F0B50A; }
blockquote p {    color: #6f6f6f;}
blockquote a {text-decoration:none !important}
.quoteTailContainer { background: #e7e7e7; border-bottom: 2px solid #ffd100; padding: 12px 25px 15px;	font-size: 13px; position: relative; }
.quoteTail {margin-bottom: 50px;}
.quoteTail:after { content: ''; position: absolute; border-style: solid; border-width: 29px 0 0 38px; border-color: #eee transparent; display: block; width: 0; z-index: 1; left:46px; margin-top: 20px; }

.sidebar {margin-bottom:20px;margin-top:25px}
 .sidebar h3 {background:#333;    display: block;
    width: 100%;
    color: #fff;
    margin: 0 0 20px 0;
    text-transform: uppercase;
    line-height: 51px;
    text-indent: 20px;
    font-size: 18px;
    background: #005689;}
.sidebar ul { list-style-type:none;margin:0 0 20px 0;   padding:0 0 20px 15px;}
.sidebar ul li { margin:0 0 10px 0; background:url(../images/bulletpoint_yellow.png) 2px 7px no-repeat; padding:0 0 0 18px;}
.sidebar ul li a { color:#041E41; font-size:16px; line-height:16px;   -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.sidebar ul li a:hover { color:#005689;}
 .sidebar ul li.selected a{ color:#005689; font-weight:bold }