html {-webkit-font-smoothing: subpixel-antialiased;  position: relative;
    min-height: 100%;}
body.grid-1 {
  background-image: url(../images/html/Image/bground.png); background-repeat:repeat;
  
   position: static;
}
.basic_top_right_text, .basic_top_right_text *{text-align:left;}
.basic_top_right_text *{float:none !important;}
@media screen and (min-width:822px){.basic_top_right_text{max-width:50%; margin-right:0; float:right;}}
.basic_home_topheader{max-width:90% !important;padding:20px 0;}
.contact-row a{margin:auto; float:none;text-align:center;}
.app-image-container {    float: left;    width: 100%;}
.app-image-left {    float: left;      width: 32%;}
.app-image-middle {    float: left;    text-align: center;    width: 36%;	 }
.app-image-middle h1 { background-image: url("../images/html/Image/redarrow.png");	   background-position: top center;    background-repeat: no-repeat;	 background-size: inherit; color: #e05155; padding-top: 40px;}
.app-image-right {    float: left;        width: 32%;}
.app-image-expert-advice {
    background-image: url("../images/html/Image/bluearrow.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: inherit;
    margin-top: 143px;
}
.app-image-expert-advice p {  padding-right: 60px;}
.app-image-property-mgmt{
    background-image: url("../images/html/Image/brownarrow.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: inherit;
    margin-top: 262px;
}
.app-image-property-mgmt p {  padding-left: 60px;}
.app-image-real-estate { background-image: url("../images/html/Image/tealarrow.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: inherit;
    margin-top: 191px;}
.app-image-real-estate  p {  padding-right: 60px;}	
.app-image-handy-partner {
    background-image: url("../images/html/Image/greenarrow-left.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: inherit;
    margin-top: 36px;
}
.app-image-handy-partner p {  padding-right: 60px;}
.app-image-dream-homet {  background-image: url("../images/html/Image/greenarrow-right.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: inherit;
    margin-top: 115px;}
.app-image-dream-homet p {  padding-left: 60px;}

.app-image-container_mobile {display: none;}
.desktop-home-boxes {margin-top: -35px;}
.headingforhomebox {
   /* background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;*/
    font-size: 1em;
    margin-top: 0;
    max-width: 212px;
    padding-top: 5px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 25.5%;
	background: rgba(255, 252, 255, 0.5) none repeat scroll 0 0;
    z-index: 9999;
}
.home_box:hover .headingforhomebox {display: none;}

.view {
    background: #fff;
    border: medium none;
    cursor: default;
    float: none;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}
.view .mask,.view .content {
   width: 100%;
   height: 100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
   width: 100%;
}
.view h2 {
    background: rgba(67, 67, 251, 1) none repeat scroll 0 0;
    color: #fff;
    font-size: 1.2em;
    font-weight: 400;
    margin: 0;
    padding: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
.view p {
    color: #141435;
    font-family: "Roboto",sans-serif;
    font-size: 0.9em;
    line-height: 1.4em;
    padding: 0 20px 20px;
    position: relative;
    text-align: center;
	font-weight:bold;
}
.view a.info {
    background: #4343fb none repeat scroll 0 0;
    bottom: 0;
    box-shadow: 0 0 1px #000;
    color: #fff;
    display: block;
    margin-bottom: 0;
    padding: 7px 14px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
	 font-family: "Lato",sans-serif;
}
.view a.info:hover {
   
   background: #0688fa linear-gradient(to bottom, #0688fa 5%, #4343fb 100%) repeat scroll 0 0;
}
.homebox_new {border-top: 3px solid #ccc;}
.container{
	position:relative;
}

.header{
	font-family:'Arial Narrow', Arial, sans-serif;
	line-height: 24px;
	font-size: 11px;
	background: #000;
	opacity: 0.9;
	text-transform: uppercase;
	z-index: 9999;
	position: relative;
	-moz-box-shadow: 1px 0px 2px #000;
	-webkit-box-shadow: 1px 0px 2px #000;
	box-shadow: 1px 0px 2px #000;
}
.header a{
	padding: 0px 10px;
	letter-spacing: 1px;
	color: #ddd;
	display: block;
	float: left;
}
.header a:hover{
	color: #fff;
}
.header span.right{
	float: right;
}
.header span.right a{
	float: none;
	display: inline;
}

.topheader .banner{text-align:center;color:white;background:#05053b;padding:5px 0px;font-family:"Anton", sans-serif}

.more{
	position:relative;
	clear:both;
	font-family:'Arial Narrow', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    padding: 5px 0px 10px;
    width: 540px;
    margin: 0 auto;
}
.more ul{
	display:block;
	text-align:center;
    height: 30px;
}
.more ul li{
	display: block;
    padding: 4px 2px;
    float:left;
}
.more ul li.selected a,
.more ul li.selected a:hover{
	background:#b2891b;
	color:#fff;
	text-shadow:none;
}
.more ul li a{
	color:#555;
    float:left;
	background:#fff;
    width:40px;
	padding: 2px 5px;
	-moz-box-shadow:1px 1px 2px #aaa;
	-webkit-box-shadow:1px 1px 2px #aaa;
	box-shadow:1px 1px 2px #aaa;
}
.more ul li a:hover{
	background:#000;
	color:#fff;
}

.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(209, 209, 240, 0.8);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
				
.socialicons img {
    max-height: 30px;
}
a.back-to-top {
    background: #0000cd url("/images/fileman/up-arrow-white.png") no-repeat scroll center 43%;
    border-radius: 0;
    bottom: 20px;
    box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
    display: none;
    height: 45px;
    position: fixed;
    right: 20px;
    text-indent: -9999px;
    width: 45px;
    z-index: 999;
}

a.back-to-top:hover {background-color: #4343fb;
-webkit-transition: all 0.4s ease-in-out;	
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
/****** BACKGROUND *********/
#container_outer { width: 100%; background-repeat:repeat;}

/****** TOP HEADER *********/
.services1, .services2, .services3, .services4, .services5 {margin-bottom: 10px;}

.topheader {width: 100%; background: #f0681e!important;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkODYwMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYTY5MDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)!important;
	background: -moz-linear-gradient(top, #fbdac9 0%, #f0681e 100%)!important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbdac9), color-stop(100%,#f0681e))!important;
	background: -webkit-linear-gradient(top, #fbdac9 0%,#f0681e 100%)!important;
	background: -o-linear-gradient(top, #fbdac9 0%,#f0681e 100%)!important;
	background: -ms-linear-gradient(top, #fbdac9 0%,#f0681e 100%)!important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbdac9', endColorstr='#f0681e',GradientType=0 )!important;}

.logocontainer h1 {
    color: #066dab;
    float: left;
    font-family: "Pinyon Script",cursive;
    font-size: 2.5em;
    text-transform: none;
}
.logocontainer h2 {
    color: #fff;
    font-size: 1.28em;
    font-weight: 200;
    margin-top: -10px;
}
.topheadercontainer {max-width: 1200px; margin-left: auto; margin-right: auto;}
h1.heading-3 {
    color: #fff;
    float: right;
    font-size: 2.2em;
    line-height: 1.3em;
    text-align: right;
    width: auto;
}
img.logo {max-width: 200px;}
.topscript {
    color: #fff;
font-family: 'Damion', cursive;
    font-size: 2.4em;
    padding-top: 5px;
    text-shadow: 1px 1px 6px #000;
    text-transform: none;
}
.basic_mobile_phone > a {
    color: #fff;
    font-weight: bold;
	float:right;
	margin-right:126px;
    text-shadow: 3px 2px 2px #000066;
	
}
.basic_mobile_phone > a:hover {
    color: #fff;
}
.basic_address {
    color: #000066;
    font-size: 0.9em;
    line-height: 29px;
    text-transform: none;
	float:right;
	clear:both
}

/****** NAVIGATION *********/
.nav_container {max-width:1200px; margin-left: auto; margin-right: auto;}

.navstrip {	background: #f0681e !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a2a2a2',GradientType=0 )!important; width: 100%}

/******** MAIN CONTENT *********/

.sliderheading {
    background: rgba(6, 109, 171, 0.7) none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #fff;
    font-family: "Anton",sans-serif;
    font-size: 3em;
    left: 10px;
    padding: 10px 20px;
    position: absolute;
    text-transform: uppercase;
    top: 10px;
    z-index: 99999;
	display: none;
}
.socialicons {float:right; clear: both;}

#container_inner {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
     max-width: 1200px;
    z-index: 999;
	margin-top: -140px;
}
#container_inner2 {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
    max-width: 1200px;
    z-index: 999;
	padding: 20px;
	padding-top: 10px;
}
.slidercontainer {}

/********* HOME BOXES ***********/
.home_box {
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid #d9d9d9;
    border-radius: 0;
    box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.5);
    margin: 0.5% auto;
    max-width: 225px;
    padding: 5px;
}

.mobile-home-boxes{
	display:none
	}
	
.mhomebox{
	padding-bottom:20px
	}
.mhomebox:nth-child(5){
	padding-bottom:0px
	}

/* Read More Boxes */
.readmore {text-align:center; padding-bottom: 5px;}
.readmore a {
	-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52));
	background:-moz-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-webkit-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-o-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-ms-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52',GradientType=0);
	background-color:#b8e356;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #83c41a;
	display:inline-block;
	cursor:pointer;
	color:#ffffff !important;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #86ae47;
}
.readmore a:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356));
	background:-moz-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-webkit-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-o-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-ms-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:linear-gradient(to bottom, #a5cc52 5%, #b8e356 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356',GradientType=0);
	background-color:#a5cc52;
}
.readmore a:active {
	position:relative;
	top:1px;
}

/* Home Box Images */
img.image-1-1.image-1 {
  display: block;
 
  margin-right: auto;
  margin-left: auto;
 
}

h4.heading-1 {
     color: #000;
    font-family: "Anton",sans-serif;
    font-size: 1.4em;
    padding-top: 5px;
    text-align: center;
    text-transform: uppercase;
}

p.paragraph.reason-text {
    line-height: 1.3em;
    margin-left: auto;
    margin-right: auto;
    min-height: 80px;
    text-align: center;

}
.tpbor {
  background: #f0681e;
  display: block;
  max-width: 255px;
  padding: 10px;
  float: right;
  color: #fff !important;
}
.tpbor:after{
	content:" >";
	}
/************application forms*******************/
.auth_data{	clear:both;    float:left;    display:block;}
.clr{	clear:both;}
.space15{	padding-top:15px;}
.sigpad_box{	clear:both;	float:left;    width:300px;}
.capture_box{    float:left;    width:300px;    margin-left:20px;}
.sigpad_title{   background-color:#000000;    color:#ffffff;    padding:5px;    font-size:1.2em;}

/********* Mobile Sidemenu and Sidenav *****/
.desktopsidenav {display: block;}
.menusidenav {display: none;}

.sidenav li {
    color: #000;
    display: inline-block;
    font-family: 'Oswald', sans-serif !important;
    list-style: outside none none;
    padding: 6px;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}

.sidenav li a {padding-left: 10px; padding-right: 10px;}

.sidenav li a:hover {
    background-color: #000;
    color: #fff;
}

/*FOOTER*/
#footer_container {
    background-color: #05053b;
    background-repeat: repeat;
    border-top: 2px solid #000;
    float: none;

    margin-left: auto;
    margin-right: auto;


    left: 0;
    bottom: 0;
 
    width: 100%;
}
#footer_container2 {background-color: #FFFFFF;
    background-repeat: repeat;
    box-shadow: 0 -2px 8px 0 rgba(50, 50, 50, 0.86);
    float: none;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    width: 80%;}
#footer_inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    padding-bottom: 20px;
    width: 100%;
}
#social_container {width: 100%; background-color:#05053b;}
#footer_inner2{ width:96%; margin-left:auto; margin-right:auto; padding-bottom: 20px; max-width: 1200px; }
.testi-footer {
  background: #f0681e;
  padding: 10px;
  display: block;
  margin-bottom: 10px;
  max-width: 200px;
  font-family: arial, sans-serif;
  text-transform: uppercase;
  font-size: 12px;
}
/*** copied from coffeegrinder.css columns in the footer*/
.row .coffee-377-span-12, .row .coffee-694-span-12 { display:block; background-color:#FFF; height:auto; }

.footer-links li {
    font-family: "Arvo",serif;
    font-size: 1.1em;
    list-style: inside none disc;
}

h6.heading-2 {
    color: #fff;
    font-family: "Anton",sans-serif;
    font-size: 1.5em;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
}

.footer-row p, .footer-row li a{font-size:1em; color:#fff; line-height:20px}
.footer-row li a:hover{color:#ccc;}

.bottomfooter {
 
    max-width: none;
    max-width: 1200px;
}
#copyright p {
    color: #fff;
    margin-top: 15px;
    text-align: left;
}


/*Social*/
#social {float: left;  width: 100%; margin-bottom: 20px; background-image:url(../images/html/Image/background.png); background-repeat:repeat; }
#socialinner {}
.socialicon {
    color: #fff;
    font-size: 1.2em;
    padding-right: 5px;
    padding-top: 20px;
}

/*SITEMAP*/
.sitemap_list ul{}
.sitemap_list li{}
.aboutpic {padding-right: 20px;}

h1 {font-family: 'Anton', sans-serif; font-size: 1.5em; font-weight:bold; text-transform:uppercase; color: #000066; padding-left:8px;  margin: 20px 0;}
h2 {font-family: 'Anton', sans-serif; font-size: 1.5em; font-weight:200;  color: #000066; padding-left:8px;  margin: 20px 0;}
h3 {font-family: 'Anton', sans-serif; font-size: 1em; font-weight:200}
p {font-family: 'Roboto', sans-serif; font-size: 1.3em; font-weight:200; line-height:40px; margin-top:0px}
li {
    font-family: "Roboto",sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.3em;
    list-style: outside none none;
}
ul li ol, ul li ul {
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;
}
dl, ol, ul {
    font-size: inherit;
    min-height: 0px;
}
strong {font-weight: bold;}

a:hover {color:#4343fb}
#footer_inner a {color: #FFF}
#footer_inner a:hover  {color: #ccc}
.logocontainer img {
    float: left;
    max-width: 230px;
    padding-bottom: 10px;
    padding-top: 10px;
}
/* Text Elements */

.home-blurb{
text-align:center;
padding:0 7px;	
font-size:1em
	
	}
h5.image-callout {
  color: #f57e00;
  text-align: center;
  font-weight: 600;
  font-size: 40px;
  font-family: 'Open Sans', sans-serif;
}

input[class="readmoretest"]  {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
input[class="readmoretest"] :hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
input[class="readmoretest"] :active {
	position:relative;
	top:1px;
}



p.paragraph.paragraph-1 {
  color: #5c5c5c;
  text-align: right;
  font-family: Georgia, Times, 'Times New Roman', serif;
  line-height: 1.4;
}

span.text-element.text-1 {
  text-align: right;
}

a.link-text.nav-link {
  display: block;
  float: right;
  margin-right: 3%;
  margin-left: 3%;
  width: auto;
  font-size: 20px;
}

/* Image Elements */



img.image-4-3.main-image {
  display: block;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1200px;
}

/* Interaction Elements */

button[type=button].action-button {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
  width: auto;
  font-weight: 700;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
}

/* Layout Elements */

body > .row {
  max-width: 800px;
}

body > .row.reasoning-row {
  margin-top: 40px;
}

body > .row.action-row {
  margin-top: 20px;
}

body > .row.footer-row {
  margin-top: 50px;
  background-color: #fafafa;
}


.cc-map-wrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
}
.cc-map-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
} 

 .video {width: 450px;}
 /*****about page******/
 
 .img-container {
    padding-top: 13px;
}
 
 .img-container > img {
    margin-bottom: 20px;
}
 
 /**** IMAGE GALLERY ****/
.imggal1 {  list-style-type:none;}
.imggal1 li{	float:left;	 padding:0px; list-style-image:none; border:5px solid #FFFFFF; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.75);
	margin:3px 3px 3px 3px;
	}
.imggal1 li a {padding: 0px;}	

.lb-data .lb-caption {
    color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.3em;
}

.lb-data .lb-number {
    clear: left;
    color: #ccc;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    padding-bottom: 1em;
}

	.cybernetfooter {width: 100%;  background-color: #aeaeae;}
	.cybernetfooter_inner {max-width: 1200px; float: none; margin-left: auto; margin-right: auto; }
	.cybernet_content p {
    color: #fff;
    font-family: arial;
    font-size: 0.8em;
    margin-bottom: 0;
    padding-top: 5px;
}
.cybernet_content  a {color: #fff !important;}
.cybernetlogofooter {
    float: left;
    margin-bottom: 5px;
    margin-right: 10px;
    margin-top: 5px;
    width: 20px;
}

.imggal1 li {
    border: 5px solid #ffffff;
    box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
    float: left;
  width: 150px;
  height: 150px;
    list-style: none;
    margin: 3px;
    padding: 0;
	position: relative; overflow:hidden;
 
}
.imggal1 li img {
   position: absolute;
  left: 50%;
  top: 50%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
		  max-width: none;
}
.imggal1 li img.portrait {
  width: 100%;
  height: auto;
}
.thumbnail {
  position: relative;
  width: 200px;
  height: 200px;
  overflow: hidden;
}
.thumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.thumbnail img.portrait {
  width: 100%;
  height: auto;
}

/* Basic Testimonial List */
.testim_result_boxes {}
.testim_result_boxes li {list-style: none;}	
.col_title {
    color: #888;
    font-family: "Roboto",sans-serif;
    font-size: 1.2em;
}
.test_desc {color: #05053b;
    font-family: "Roboto",sans-serif;
    font-size: .9em;
	}
.coffee-span-4 .test_desc {
    color: #eee;
}
.testim_side_boxes li{list-style: none;}
.testim_side_title { color: #888;
    font-family: "Roboto",sans-serif;
    font-size: 1.2em;}
.testim_side_desc {color: #fff;
    font-family: "Roboto",sans-serif;
  }	

/*Basic Testimonial Form */	
.testimonial_form {
    background: #f0681e none repeat scroll 0 0;
    border: 1px solid #fff;
    padding: 15px;
}	
.testimonial_form h2 {
    color: #fff;
    margin-bottom: 20px;
    margin-top: 0;
    text-align: center;
}
#captchaplacement {
    clear: both;
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
#contact_capt { clear: both;
    float: left;
    max-width: 102px;}
.testimonial_form input[type="submit"] {  background: #ccc none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    float: none;
    font-family: "Open Sans",sans-serif;
    font-size: 1.1em !important;
    font-weight: 700;
    margin-left: 10px;
    margin-top: 5px;
    padding: 5px 20px;
    text-shadow: none;
    text-transform: uppercase;}	
.testimonial_form input[type="submit"]:hover {background:#ddd none repeat scroll 0 0;}
.msg_errors, .msg_errors_sform {
    background-color: #ff0000;
    border: 0 solid #ff0000;
    height: auto;
    list-style-type: none;
    overflow: hidden;
    padding: 15px;
    width: 100%;}
.msg_errors_sform li {font-family: 'Roboto', sans-serif; }
.msg_errors li {font-family: 'Roboto', sans-serif; color: #fff;}
.msg_title {font-style:normal !important; margin-bottom: 5px;}	
.msg_success, .msg_success_sform {
 background-color: #eee;
    border: 0 solid #00f;
    color: #000000;
    list-style-type: none;
    margin-right: 0;
    padding: 15px;
    width: 100%;
}

.msg_success_sform li {font-family: 'Roboto', sans-serif;  color: #fff;}

input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], textarea {
    font-family: "Roboto",sans-serif;
    font-size: 0.8em;
    line-height: 1.3em;
    padding: 5px;
	margin-top: 5px;
}
input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="text"]:focus, textarea:focus { box-shadow: none; border: 1px solid #000;} 
label {font-family: "Roboto",sans-serif; color: #000;}	
/* Basic FAQ */
.accordion, .accordion * {
	-webkit-box-sizing:border-box; 
	-moz-box-sizing:border-box; 
	box-sizing:border-box;
}
.accordion {
	overflow:hidden;
	box-shadow:0px 1px 3px rgba(0,0,0,0.25);
	border-radius:3px;
	background:#f7f7f7;
}
.accordion-section-title {
    background: #ddd none repeat scroll 0 0;
    border-bottom: 1px solid #ccc;
    color: #000 !important;
    display: inline-block;
    font-family: "Roboto",sans-serif;
    font-size: 1em;
    padding: 10px;
 
    transition: all 0.15s linear 0s;
    width: 100%;
}
.accordion-section-title.active, .accordion-section-title:hover {
	background:#ccc;
	text-decoration:none;
}
.accordion-section:last-child .accordion-section-title {
	border-bottom:none;
}
.accordion-section-content {
	padding:15px;
	display:none;
}
.accordion-btn > a {
    font-family: helvetica,sans-serif;
    font-size: 21px;
    padding-right: 33px;
}

.accordion-btn {
    margin-bottom: 25px;
}
/***** footer and homebox adjustments*/


.mask > p {
    margin-top: 16px;
}
	
	.cybernetlogofooter img {
    margin-top: 6px;
}

@media screen and (max-width: 821px) {
	.basic_mobile_phone > a{
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 177px;
}
.basic_address {
	  display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
	text-align:center
}

.basic_logo_container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    max-width: 397px;
}
.app-image-container_mobile {display: block; background-color: #fff; width: 100%; max-width: 390px;  margin-left: auto;
    margin-right: auto;}
.app-image-container {display: none;}
.app-image-container_mobile p {
    padding-left: 15px;
    padding-right: 15px;
}
	
/****** TOP HEADER *********/
.info {background: rgba(6, 109, 171, 1) none repeat scroll 0 0; color: #fff !important; font-family: "Anton",sans-serif; padding: 8px 15px;}
a.back-to-top {display: none !important;}
body.grid-1 {margin: 0px;}
#footer_container {
  
    height: auto;
    position: relative;
  
}
.topheader {width: 100%}
.topheadercontainer {width: 100%; margin-left: auto; margin-right: auto;}
h1.heading-3 {float: none; width: auto;text-align:center;}
img.logo {max-width: 200px;}	
.logocontainer {
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    width: 188px;
}
.logocontainer_sidenav {width:200px; margin-left: auto; margin-right: auto;margin-top: 15px;}
	

#socialinner {
    float: none;
    margin: 0 auto;
    text-align: center;
    width: auto;
}

#copyright p {
    margin-bottom: 0;
    margin-top: 10px;
    padding-bottom: 0;
    text-align: center;
}
.cybernet_content {
    margin-left: auto;
    margin-right: auto;
    width: 210px;
}
.searchbar {
    clear: both;
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1px;
    padding-top: 1px;
    width: 203px;
}

#container_inner {width: 100%; margin-top: 0px;}
#container_inner2 {width: 100%; margin-top: 0px;}

p.paragraph.reason-text {min-height:80px;}

.home_box {margin-bottom: 15px;}


.nav_container {width: 100%;}

.bottomfooter {width: 100%;}

 
 .video {width: 350px;}
 
  .desktop-home-boxes{
  display:none
  }
 .mobile-home-boxes{
	display:block
	}
.socialicons {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding: 7px 0;
   width: 235px;
}
.home-blurb{
text-align:left;
padding:0 7px;	
font-size:1.2em
	
	}
	
.coffee-span-3.coffee-420-span-12 > img {
    border: 2px solid #000;
}	


}

@media screen and (max-width: 694px) {
  /* Text Elements */



  /* Layout Elements */

  body > .row > [class*='coffee-span-'].copyright-column {
    margin-top: 15px;
  }
  .sliderheading{
	opacity:0  
  }
  

}
/******* event calendar table responsive ******/  
 @media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1200px)  {
		/* tooltip display has tables and we don't want them affected by the below stuff*/
		
	
		/* Force table to not be like tables anymore */
	.eventcal_table table, .eventcal_table thead, .eventcal_table tbody, .eventcal_table th, .eventcal_table td,  .eventcal_table tr { 
			display: block; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
	.eventcal_table	thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
	.eventcal_table	tr { border: 1px solid #ccc; }
		
	.eventcal_table	td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left:5px; 
		}
		
	.eventcal_table	td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 14px;
			left: 26px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
		}
			
	/*	Label the data	*/
	.eventcal_table td:nth-of-type(1):before { content: "Monday"; }
.eventcal_table	td:nth-of-type(2):before { content: "Tuesday"; }
.eventcal_table	td:nth-of-type(3):before { content: "Wednesday"; }
.eventcal_table	td:nth-of-type(4):before { content: "Thursday"; }
.eventcal_table	td:nth-of-type(5):before { content: "Friday"; }
.eventcal_table	td:nth-of-type(6):before { content: "Saturday"; }
.eventcal_table	td:nth-of-type(7):before { content: "Sunday"; }

  .eventcal_txt, .eventcal_txt a{ width:100%; height:45px; }
  .eventcal_txt span{position: relative;  top: -55px; margin-left:105px;}
  .eventcal_date {}

#wowslider-container1 {display:none;}

}

@media screen and (max-width: 545px) {
  /* Text Elements */

  h1.heading-3 {
    font-size: 28px;
  }

  h5.image-callout {
    font-size: 28px;
  }

  a.link-text.nav-link {
    font-size: 18px;
  }



  ul.link-list.footer-links li a {
    font-size: 13px;
  }

  /* Layout Elements */

  body > .row.reasoning-row {
    margin-top: 20px;
  }
}

@media screen and (max-width: 420px) {
  
  #container_inner2 {
	 padding:0px; 
	  
	  
	  }
  
  
  /* Text Elements */

  h1.heading-3 {
    text-align: center;
  }

  h5.image-callout {
    font-size: 21px;
  }

  a.link-text#last-nav {
    margin-right: 0;
  }

  a.link-text.nav-link {
    margin-left: 0;
    width: 30%;
  }

 

  ul.link-list.footer-links li {
    text-align: left;
  }

  /* Image Elements */

  img.image-4-3.main-image {
    margin-top: 20px;
  }

  /* Layout Elements */

  body > .row > [class*='coffee-span-'].column-2 {
    margin-right: 0;
    margin-left: 0;
  }

  body > .row > [class*='coffee-span-'].column-3 {
    display: none;
  }

  img.logo.logo-1 {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  
  .logocontainer img {max-width: 250px;}
  #container_inner {width: 100%; max-width: 300px; min-height: 0px; margin-top: 0px;}
   #container_inner2 {width: 100%; max-width: 300px; min-height: 0px; margin-top: 0px;}
  .topheadercontainer {width: 300px;}
  p.paragraph.reason-text {min-height: 0px;}
  .nav_container {width: 300px;}
  .desktopphone {display: none;}
  .mobilephone {display:block; margin-bottom: 10px;}
  .bottomfooter {width: 300px;}
  #wowslider-container1 .ws-title {position: absolute; top: 0px !important; z-index:99999;}
  
  .logocontainer h1 {
    color: #fff;
    font-size: 1.7em;
    margin-top: -10px;
}
.logocontainer h2 {
    color: #fff;
    font-size: 0.99em;
    font-weight: 200;
    margin-top: -10px;
}
   .logocontainer_sidenav {margin-top: 75px;}
  


.mobilephone a {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
	background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
	background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
	background-color:#3d94f6;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #337fed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:0px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1570cd;
}
.mobilephone a:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
	background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
	background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
	background-color:#1e62d0;
}
.mobilephone a:active {
	position:relative;
	top:1px;
}

.video {width: 250px;}

/********* Mobile Sidemenu and Sidenav *****/
.desktopsidenav {display: none;}
.menusidenav {display: block;}
.sidenavigation_column {display: none;}
.menu-link {
    background: none repeat scroll 0 0 #000;
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
    color: #fff !important;
    display: block;
    font-size: 1.5em;
    height: auto;
    left: 0;
    padding: 0 25px 0 15px;
    position: fixed;
    top: 10px;
    width: 210px;
    z-index: 1000;
}

.sidenavicon h1 {
    color: #fff;
    float: left;
    
    font-size: 1em;
}

.fa-list {
    float: left;
    padding-right: 7px;
    padding-top: 10px;
}

#menuside {
    background: none repeat scroll 0 0 #000;
    bottom: 0;
    left: 0;
    margin-left: -150px;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 150px;
    z-index: 1000;
}

#menuside li a {
    color: #fff !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 1em !important;
    text-transform: uppercase;
}

.coffee-span-4.coffee-648-span-6.coffee-420-span-12 > img {
    min-width: 285px;
}

}

@media screen and (max-width: 289px) {
  /* Text Elements */

  a.link-text.nav-link {
    width: 100%;
    text-align: center;
  }
}