/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/


See graphics:  http://getbootstrap.com/components/

position:	http://www.w3schools.com/css/css_positioning.asp
Fonts:		http://www.w3schools.com/cssref/css_websafe_fonts.asp

Explanations: http://reference.sitepoint.com/css/properties-alphabetic

Em -> Px  http://pxtoem.com/
Em -> Px  http://www.w3schools.com/tags/ref_pxtoemconversion.asp

Px		Em		%		PT
6px		0.375em	37.5%	5pt
10px	0.625em	62.5%	8pt
16px	1.000em	100.0%	12pt
32px	2.000em	200.0%	24pt
48px	3.000em	300.0%	36pt
74px	4.000em	300.0%	48pt

Subscribe button color 402 (.banner-info h2)
Subscribe button text 438  (.banner-info h2 a)

Free Trial top and bottom button 1159 (.header1-right span)

Two colored boxes 770 (.banner-bottom1-left1)
	Left box: 985 (.banner-bottom1-right)  yes, right is left...
	Right box: 740 (.banner-bottom1-left)  yes, right is left...

--*/

html, body{
    font-size: 100%;
	background:	#fff;
	font-family: 'Open Sans', sans-serif;
	/* overflow-x:hidden; */  /*-- CSS for remove the h-scrollbar: --*/
}

p,body{
	margin:0;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Abril Fatface', cursive;
	color: #3b464f
	/*-- margin:0; --*/
}

ul,label{
	margin:0;
	padding:0;
}

body a:hover{
	text-decoration:none;
}

/*privacy*/
.close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2
}

.close:focus,
.close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5
}

button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0
}

.modal-open {
  overflow: hidden
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0
}

.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
  -o-transition: -o-transform .3s ease-out;
  transition: transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%)
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0)
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px
}

.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000
}

.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0
}

.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
  margin-top: -2px
}

.modal-title {
  margin: 0;
  line-height: 1.42857143
}

.modal-body {
  position: relative;
  padding: 15px
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
  margin-bottom: 0;
  margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
  margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
  margin-left: 0
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll
}

@media (min-width:768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto
  }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
  }

  .modal-sm {
    width: 1500px
  }
}

@media (min-width:992px) {
  .modal-lg {
    width: 900px
  }
}


.tab { text-indent: 30px; }

#tbccpa table {
         border: 1px solid black;
         border-collapse: collapse;
 }


#tbccpa table, #tbccpa th, #tbccpa td {
         padding: 5px;
         border: 1px solid black;
         border-collapse: collapse;
 }

/*privacy*/

/*-- logo --*/
.logo{
	/*-- padding: 12px 0 0; --*/
	/*-- padding:2em 0 0; --*/
	
	text-align:center;
}

.logo a{
	font-size: 48pt;
	/*-- font-size: 5em; --*/
    
	text-shadow: 1px 2px 2px #000;
    color: #fff;
	font-family: 'Verdana, Geneva', sans-serif;
/*--	font-family: 'Abril Fatface', cursive;  --*/
    text-decoration: none;
}
.logo a span{
	display: block;
    font-size: .2em;
    color: #DFDFDF;
    line-height: 0;
    letter-spacing: 2px;
    font-family: 'Open Sans', sans-serif;
}
/*-- //logo --*/


/*-- navbar --*/
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none;
}
.navbar-collapse {
    padding: 0;
}
.navbar-nav {
    
	/*-- Use margin: auto;, to horizontally center an element within its container.  
		Center aligning has no effect if the width property is not set (or set to 100%). 
		http://www.w3schools.com/css/css_align.asp --*/
	margin: auto;
	width: 100%;
	float: none;
}
.navbar-default {
    background: none;
    border-top: 1px solid #C0C0C0;
    border-bottom: 1px solid #C0C0C0;
    border-left: none;
    border-right: none;
	
	/*-- margin: 16px 0 0; --*/
	/*-- margin:2.5em 0 0; --*/
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
	border: 1px solid transparent;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
}
.navbar-nav > li > a {
    padding: 10px 40px;

	font-size: 14pt;
    /*-- font-size: 16px; --*/
	/*-- font-size: 1em; --*/
	
	margin:.5em 0;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
 
	/*-- http://www.color-hex.com/color/ffa500
	#ffa500 orange
	#e59400 slightly darker orange --*/
	color: #ffa500;
	/*-- http://www.color-hex.com/color/f72459 original color --*/
	
	border: 1px solid #ffa500;
    border-radius: 5px;
}
ul.nav.navbar-nav li a.active {
    border: 1px solid #ffa500;
    border-radius: 5px;
    color: #ffa500;
}
.navbar-nav > li {
    /*-- margin: 0 0 0 .5em; --*/
	margin: 0 0 0 8px;
}
/*-- //navbar --*/



/*-- //navbar1 --*/
.navbar1-default {
    background: none;
    border: none;
	margin-bottom: 0;
    border-radius: 0;
	position: relative;
	
	/*-- vertical-align: middle;--*/

	/*-- 
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;  --*/
	
	/*-- display : flex;
	align-items : center; --*/
	
	
	/*-- float:left --*/
}

.navbar1 {
    /*-- margin-bottom: 0;
	border-radius:0; --*/
}

.navbar1-header {
    /* vertical-align: middle; */
	/* top : -100%; */
	/* left: 50%; */
	
	/*-- Vertically middle oriented 3 following lines. Lines above did not work. --*/
	position: absolute;
	/* -ms-transform: translate(-50%, -5%);
	transform    : translate(-50%, -5%); */
	
	-ms-transform: translate(-50%, -50%);
	transform    : translate(-50%, -50%);
}

.navbar1-brand {
    /* height: 55px; */
    
	/* Padding with PM Leads box */
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
    
	font-family: 'Open Sans', sans-serif;
	/*-- font-family: 'Verdana, Geneva'; --*/
	/*-- font-family: Arial, Helvetica; --*/
	
	font-size: 24pt;
    text-decoration: none;
	
	/*-- text-transform: uppercase;--*/
    line-height: .9em;
    letter-spacing: 1px;
    border: 1px solid;
	margin:0.44em 0 0;
	float: left
}

.navbar1-default .navbar1-brand {
    color: #212121;
}
.navbar1-default .navbar1-brand:hover, .navbar1-default .navbar1-brand:focus {
    color: #212121;
}
.navbar1-default .navbar1-nav > li > a {
    color: #999;
}
.navbar1-nav > li > a {
    font-size: 14px;
    text-transform: uppercase;
	padding:1em;
}
.navbar1-nav {
    margin: 0 0 0 7em;
}
.navbar1-default .navbar1-nav > .active > a, .navbar1-default .navbar1-nav > .active > a:hover, .navbar1-default .navbar1-nav > .active > a:focus {
    color: #6BC676;
    background-color: transparent;
}
.navbar1-default .navbar1-nav > li > a:hover, .navbar1-default .navbar1-nav > li > a:focus {
    color: #6BC676;
    background-color: transparent;
}
/*-- //navbar1 --*/


/*-- banner --*/
.banner{
	
	width: 100%;
    /* width: 1280px; */
	
	height: 510px;

	
	/*-- http://www.w3schools.com/cssref/css3_pr_background-size.asp
		http://www.w3schools.com/cssref/playit.asp?filename=playcss_background-size&preval=200px 
		http://www.w3schools.com/cssref/tryit.asp?filename=trycss3_background-size --*/

	/*-- 	background: url(<IMG src="<?= $_SESSION['web_interface']->get_path('img/banner.png') ?>" 
		 vspace="1" align="middle" border="0" alt="">); --*/
		 
	background: url(../images/banner.png);
	/*-- background:url(../images/banner.jpg) no-repeat 100% 100%; --*/
	/*-- background:url(../images/banner.jpg) no-repeat 0px 0px; --*/
	
	/*-- width height --*/
	background-size: 100% 100%;
	/*-- background-size: 100% 495px; --*/
	/*-- background-size:600px 600px; --*/
	/*-- background-size:cover;  --*/

	/*-- -webkit-background-size:cover; --*/  This is for Chrome and overrides  background-size
	/* 	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover; */

	 background-repeat: no-repeat;
	
	/*-- height:300px; --*/
	/*-- min-height:800px; --*/
}

.banner-info{
	
	/*-- position: relative;
	left: 0px;
    bottom: 0px; --*/
	
	/*-- margin: 320px 1px 1px 1px; --*/
	/*-- margin: 16em 0 0; --*/
	
	/*-- margin-top: 50px;
    margin-bottom: 0px;
    width: 800px;
    height: 80px; --*/

	
/*-- http://www.w3schools.com/cssref/pr_margin.asp
	margin:10px 5px 15px 20px;
		top margin is 10px
		right margin is 5px
		bottom margin is 15px
		left margin is 20px --*/
	
    /*-- width: 100%; --*/
	/*-- width: 50%; --*/
}

.banner-info h1{  /* Daily Leads text block */
	/*-- font-size:2.5em; --*/
	font-size: 38pt;
	/*-- font-size: 64px; --*/
	
	font-family: 'Open Sans', sans-serif;
	/*-- font-family: Arial, Helvetica; --*/
	/*-- font-family: "Times New Roman", Times; --*/
	/*-- font-family: "Lucida Console", Monaco, monospace --*/
	color:#fff; 
	/*-- color:#000; --*/
	
	/*-- margin:0; --*/
	margin:50px 0px 0px 0px;
	position: relative;
	top: 310px;
	top: 270px;
	left: 0px;
    /*-- bottom: 0px; --*/
	width: 75%;
}

.banner-info h1 span{
	
	/*-- This text overlaid on main grahic.
	Bottom text: 
		Property Manager & 
		For Rent by Owner "FRBO" --*/
	
	display: block;
    font-size: 30pt;
	/*-- font-size: .7em; --*/
	/*-- text-transform: uppercase; --*/
    
	font-family: 'Open Sans', sans-serif;
	
	/*-- http://www.w3schools.com/cssref/pr_margin.asp --*/
    /*-- margin: 6px 16px 1px; --*
	/* top margin is 6px
		right and left margins are 16px
		bottom margin is 1px */
		
	margin:2px 0px 15px 20px;
	/*-- margin:10px 5px 15px 20px; --*/
	/*-- top margin is 10px
		 right margin is 5px
		 bottom margin is 15px
		 left margin is 20px --*/
	
	/*-- padding-top: 0px;
	padding-bottom: 10px;
	padding-right: 25px;
	padding-left: 25px; --*/
	
}

.banner-info h1 span1{
	
	/*-- This text overlaid on main grahic.
	Bottom text: 
		Property Manager & 
		For Rent by Owner "FRBO" --*/

	position: absolute;
	height: 100px;
	top: 75px;
	left: 0px;		

	display: block;
    font-size: 30pt;
	/*-- font-size: .7em; --*/
	/*-- text-transform: uppercase; --*/
    
	font-family: 'Open Sans', sans-serif;
	
	/*-- http://www.w3schools.com/cssref/pr_margin.asp --*/
    /*-- margin: 6px 16px 1px; --*
	/* top margin is 6px
		right and left margins are 16px
		bottom margin is 1px */
		
	margin:10px 0px 15px 20px;
	/*-- margin:10px 5px 15px 20px; --*/
	/*-- top margin is 10px
		 right margin is 5px
		 bottom margin is 15px
		 left margin is 20px --*/
	
	/*-- padding-top: 0px;
	padding-bottom: 10px;
	padding-right: 25px;
	padding-left: 25px; --*/
	
}

.banner-info p{
	margin: 2em 0 0;
    padding: 2em 0 0;
	border-top: 1px solid #C0C0C0;
    font-size: 14px;
    color: #DFDFDF;
	text-transform:uppercase;
}

.banner-info h2{  /* Subscribe button */
	
	padding-top: 0px;
	padding-bottom: 10px;
	padding-right: 25px;
	padding-left: 25px;
	
	/*-- margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px; --*/
	
	/*-- Use margin: auto;, to horizontally center an element within its container.  
		Center aligning has no effect if the width property is not set (or set to 100%). 
		http://www.w3schools.com/css/css_align.asp --*/
	/*-- margin: auto; --*/
	
	width: 170px;
	/*-- width: 100%; --*/
	float: right;
	margin-top:  250px;
    margin-right: 50px;
/*     margin-bottom: 15px;
    margin-left: auto; */
	
	/*-- Subscribe button color --*/
	background:#ff5a00;
	/*-- background:#cc4800; --*/  /*-- slightly deeper orange3 --*/
	/*-- background:#ff5a00; --*/  /*-- slightly deeper orange2 --*/
	/*-- http://www.color-hex.com/color/ff5a00 --*/	
	
	/*-- background:#ffa500; --*/  /*-- orange1 --*/
	/*-- background:#ff0000; --*/  /*-- red --*/
	/*-- http://www.color-hex.com/color/ff0000 --*/
    
	/*-- border: solid 2px #ffa500;  --*/
	border-radius: 10px;

	/*-- display: block; --*/
	
	text-align: center;
	
	/*-- position: absolute;
	left: 40px;  --*/
}

.banner-info h2 a{  /* Subscribe button text */
	
	/*--  padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 25px;
	padding-left: 25px;  --*/
	
	/*-- background:#ff5a00;--*/  /*-- deeper orange --*/
	/*-- background:#ffa500; --*/  /*-- orange --*/
	/*-- background:#ff0000; --*/  /*-- red --*/
	/*-- http://www.color-hex.com/color/ff0000 --*/
    
	/*-- border: solid 2px #ffa500;  --*/
	/*-- border-radius: 10px; --*/

	/*-- Subscribe button text --*/
	color:#ffffff; /*-- white text color --*/
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:700;
	text-transform:uppercase;
	
	/*-- text-decoration:underline; --*/
	text-decoration:none;
	/*-- http://www.w3schools.com/cssref/pr_text_text-decoration.asp --*/
}

.banner-info h3{
	/*-- font-size:2.5em; --*/
	font-size: 38pt;
	/*-- font-size: 64px; --*/
	
	font-family: 'Open Sans', sans-serif;
	/*-- font-family: Arial, Helvetica; --*/
	/*-- font-family: "Times New Roman", Times; --*/
	/*-- font-family: "Lucida Console", Monaco, monospace --*/
	color:#fff; 
	/*-- color:#000; --*/
	
	/*-- margin:0; --*/
	margin:10px 0px 0px 0px;
	position: relative;
	top: 27px;
	left: -50px;
    /*-- bottom: 0px; --*/
	width: 75%;
}

.banner-info h3 shadow{
	text-shadow:1px 1px 1px #000000;
}

/*-- //banner --*/


/*-- banner1 --*/
.banner1{
	width: 100%;

	background:url(../images/banner.png);
	/* background:url(../images/banner.png) no-repeat 0px 0px; */
	
	background-size:cover;
	
	/* -webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover; */

	 background-repeat: no-repeat;	
	
	/* height:300px; */
	min-height:250px;
}

.banner1-info{
	
	/*-- position: relative;
	left: 0px;
    bottom: 0px; --*/
	
	/*-- margin: 320px 1px 1px 1px; --*/
	/*-- margin: 16em 0 0; --*/
	
	/*-- margin-top: 50px;
    margin-bottom: 0px;
    width: 800px;
    height: 80px; --*/

	
/*-- http://www.w3schools.com/cssref/pr_margin.asp
	margin:10px 5px 15px 20px;
		top margin is 10px
		right margin is 5px
		bottom margin is 15px
		left margin is 20px --*/
	
    /*-- width: 100%; --*/
	/*-- width: 50%; --*/
}

.banner1-info h1{  /* Daily Leads text block */
	/*-- font-size:2.5em; --*/
	font-size: 38pt;
	/*-- font-size: 64px; --*/
	
	font-family: 'Open Sans', sans-serif;
	/*-- font-family: Arial, Helvetica; --*/
	/*-- font-family: "Times New Roman", Times; --*/
	/*-- font-family: "Lucida Console", Monaco, monospace --*/
	color:#fff; 
	/*-- color:#000; --*/
	
	/*-- margin:0; --*/
	margin:50px 0px 0px 0px;
	position: relative;
	top: 310px;
	left: 0px;
    /*-- bottom: 0px; --*/
	width: 75%;
}

.banner1-info h1 span{
	
	/*-- This text overlaid on main grahic.
	Bottom text: 
		Property Manager & 
		For Rent by Owner "FRBO" --*/
	
	display: block;
    font-size: 30pt;
	/*-- font-size: .7em; --*/
	/*-- text-transform: uppercase; --*/
    
	font-family: 'Open Sans', sans-serif;
	
	/*-- http://www.w3schools.com/cssref/pr_margin.asp --*/
    /*-- margin: 6px 16px 1px; --*
	/* top margin is 6px
		right and left margins are 16px
		bottom margin is 1px */
		
	margin:10px 0px 15px 20px;
	/*-- margin:10px 5px 15px 20px; --*/
	/*-- top margin is 10px
		 right margin is 5px
		 bottom margin is 15px
		 left margin is 20px --*/
	
	/*-- padding-top: 0px;
	padding-bottom: 10px;
	padding-right: 25px;
	padding-left: 25px; --*/
	
}

.banner1-info h1 span1{
	
	/*-- This text overlaid on main grahic.
	Bottom text: 
		Property Manager & 
		For Rent by Owner "FRBO" --*/

	position: absolute;
	height: 100px;
	top: 75px;
	left: 0px;		

	display: block;
    font-size: 30pt;
	/*-- font-size: .7em; --*/
	/*-- text-transform: uppercase; --*/
    
	font-family: 'Open Sans', sans-serif;
	
	/*-- http://www.w3schools.com/cssref/pr_margin.asp --*/
    /*-- margin: 6px 16px 1px; --*
	/* top margin is 6px
		right and left margins are 16px
		bottom margin is 1px */
		
	margin:10px 0px 15px 20px;
	/*-- margin:10px 5px 15px 20px; --*/
	/*-- top margin is 10px
		 right margin is 5px
		 bottom margin is 15px
		 left margin is 20px --*/
	
	/*-- padding-top: 0px;
	padding-bottom: 10px;
	padding-right: 25px;
	padding-left: 25px; --*/
	
}

.banner1-info p{
	margin: 2em 0 0;
    padding: 2em 0 0;
	border-top: 1px solid #C0C0C0;
    font-size: 14px;
    color: #DFDFDF;
	text-transform:uppercase;
}

.banner1-info h2{  /* Subscribe button */
	
	padding-top: 0px;
	padding-bottom: 10px;
	padding-right: 25px;
	padding-left: 25px;
	
	/*-- margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px; --*/
	
	/*-- Use margin: auto;, to horizontally center an element within its container.  
		Center aligning has no effect if the width property is not set (or set to 100%). 
		http://www.w3schools.com/css/css_align.asp --*/
	/*-- margin: auto; --*/
	
	width: 170px;
	/*-- width: 100%; --*/
	float: right;
	margin-top:  250px;
    margin-right: 50px;
/*     margin-bottom: 15px;
    margin-left: auto; */
	
	/*-- Subscribe button color --*/
	background:#ff5a00;
	/*-- background:#cc4800; --*/  /*-- slightly deeper orange3 --*/
	/*-- background:#ff5a00; --*/  /*-- slightly deeper orange2 --*/
	/*-- http://www.color-hex.com/color/ff5a00 --*/	
	
	/*-- background:#ffa500; --*/  /*-- orange1 --*/
	/*-- background:#ff0000; --*/  /*-- red --*/
	/*-- http://www.color-hex.com/color/ff0000 --*/
    
	/*-- border: solid 2px #ffa500;  --*/
	border-radius: 10px;

	/*-- display: block; --*/
	
	text-align: center;
	
	/*-- position: absolute;
	left: 40px;  --*/
}

.banner1-info h2 a{  /* Subscribe button text */
	
	/*--  padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 25px;
	padding-left: 25px;  --*/
	
	/*-- background:#ff5a00;--*/  /*-- deeper orange --*/
	/*-- background:#ffa500; --*/  /*-- orange --*/
	/*-- background:#ff0000; --*/  /*-- red --*/
	/*-- http://www.color-hex.com/color/ff0000 --*/
    
	/*-- border: solid 2px #ffa500;  --*/
	/*-- border-radius: 10px; --*/

	/*-- Subscribe button text --*/
	color:#ffffff; /*-- white text color --*/
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	font-weight:700;
	text-transform:uppercase;
	
	/*-- text-decoration:underline; --*/
	text-decoration:none;
	/*-- http://www.w3schools.com/cssref/pr_text_text-decoration.asp --*/
}

.banner1-info h3{
	/*-- font-size:2.5em; --*/
	font-size: 38pt;
	/*-- font-size: 64px; --*/
	
	font-family: 'Open Sans', sans-serif;
	/*-- font-family: Arial, Helvetica; --*/
	/*-- font-family: "Times New Roman", Times; --*/
	/*-- font-family: "Lucida Console", Monaco, monospace --*/
	color:#fff; 
	/*-- color:#000; --*/
	
	/*-- margin:0; --*/
	margin:10px 0px 0px 0px;
	position: relative;
	top: 185px;
	left: 15px;
    /*-- bottom: 0px; --*/
	width: 75%;
}

.banner1-info h3 shadow{
	text-shadow:1px 1px 1px #000000;
}

/*-- //banner1 --*/



/*-- banner-middle --*/
.banner-middle,.team,.news,.typo,.services,.mail,.blog,.single{
	
	padding-top: 16px;
	padding-bottom: 16px;
	padding-right: 16px;
	padding-left: 16px;
	
	/*-- padding:16px;  --*/
	/*-- padding:1em 0; --*/
	/*-- padding:5em 0; --*/
}

.banner-middle-info {
    padding-top: 1px;
	/*-- padding-top: 3em; --*/
	padding-bottom: 1px;
	
	border-top: 1px
	/*-- border-top: 1px solid #c0c0c0;   Adds solid line of color #c0c0c0 --*/
	border-bottom: 1px solid #c0c0c0;
	text-align: center;
}

.banner-middle h2{
/*--	width: 50%; --*/
	width: 90%;
    
	/*-- margin: 0 auto 8px; --*/
	/*-- margin: 0 auto 3em; --*/

    /*-- color: #7c15b8; --*/
	/*-- color: #f72459; --*/

    font-style: normal;
	/*--  font-style: normal|italic|oblique|initial|inherit; --*/

	/*-- font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit; --*/
	/*-- font-size: 1.3em; --*/
    /*-- font-size: 2.5em; --*/

	font-size: 30pt;
    font-weight: 700;
    letter-spacing: -1px;
	color: #3b464f;
    /* text-align: center; */  /* inherited from .banner-middle-info */
	
    position: relative;
    font-family: 'Open Sans', sans-serif;
	/* line-height: 16px; */
}

.banner-middle h3{
/*--	width: 50%; --*/
	/*-- width: 90%; --*/
    
	/*-- margin: 0 auto 16px; --*/
	/*-- margin: 0 auto 3em; --*/

    /*-- color: #7c15b8; deep Purple --*/
	/*-- color: #f72459; red/pink combo --*/
	
	/*-- color: #4d4d4d;
	http://www.color-hex.com/color/4d4d4d Gray30 --*/
	
	/* color: #02a0c3; */
	/*-- http://www.color-hex.com/color/02a0c3 weird light blue --*/
	
    font-style: normal;
	/*--  font-style: normal|italic|oblique|initial|inherit; --*/

	/*-- font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit; --*/
	/*-- font-size: 1.3em; --*/
    /*-- font-size: 2.5em; --*/

	font-size: 24pt;
    /*-- font-weight: 700; --*/
	
    /* text-align: left; */
	/*-- text-align: center; --*/  /* inherited from .banner-middle-info */
	
	/*-- text-transform: uppercase; --*/
    position: relative;
    font-family: 'Open Sans', sans-serif;
	/*-- line-height: 16px; --*/
	/*-- letter-spacing: -1px; --*/
}

/*-- //banner-middle --*/


/*-- banner-bottom --*/
.banner-bottom,.team,.news,.typo,.services,.mail,.blog,.single{
	
	padding-top: 16px;
	padding-bottom: 16px;
	padding-right: 16px;
	padding-left: 16px;
	
	/*-- padding:16px;  --*/
	/*-- padding:1em 0; --*/
	/*-- padding:5em 0; --*/

	/* from bootstrap: */
	box-sizing: border-box;
	line-height: 1.42857143;
	color: #333;
}

.banner-bottom-info {
    padding-top: 1px;
	/*-- padding-top: 3em; --*/
	padding-bottom: 1px;
	
	border-top: 1px
	/*-- border-top: 1px solid #c0c0c0;   Adds solid line of color #c0c0c0 --*/
	border-bottom: 1px solid #c0c0c0;
}

.banner-bottom h2{
/*--	width: 50%; --*/
	width: 90%;
    
	margin: 0 auto 8px;
	/*-- margin: 0 auto 3em; --*/

    /*-- color: #7c15b8; --*/
	/*-- color: #f72459; --*/

    font-style: normal;
	/*--  font-style: normal|italic|oblique|initial|inherit; --*/

	/*-- font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit; --*/
	/*-- font-size: 1.3em; --*/
    /*-- font-size: 2.5em; --*/

	font-size: 30pt;
    font-weight: 700;
    letter-spacing: -1px;
	color: #3b464f;
    text-align: center;
	
    position: relative;
    font-family: 'Open Sans', sans-serif;
	/* line-height: 16px; */
}

.banner-bottom h2:before{
	background: url(../images/img-sp1.png) no-repeat 0px 0px;
/*-- 	background: url(../images/img-sp.png) no-repeat 0px 0px; --*/
    display: block;
    width: 24px;
    height: 20px;
    position: absolute;
    top: 0%;
    left: -5%;
    content: '';
}

.banner-bottom h2:after{
	background: url(../images/img-sp1.png) no-repeat 0px 0px;
	/*-- background: url(../images/img-sp.png) no-repeat 0px 0px; --*/
    display: block;
    width: 24px;
    height: 20px;
    position: absolute;
    top: 5%;
	/*-- top: 56%; --*/
    right:13%;
    content: '';
}

.banner-bottom h3{
/*--	width: 50%; --*/
	/*-- width: 90%; --*/
    
	/*-- margin: 0 auto 16px; --*/
	/*-- margin: 0 auto 3em; --*/

    /*-- color: #7c15b8; deep Purple --*/
	/*-- color: #f72459; red/pink combo --*/
	
	/*-- color: #4d4d4d;
	http://www.color-hex.com/color/4d4d4d Gray30 --*/
	
	/* color: #02a0c3; */
	/*-- http://www.color-hex.com/color/02a0c3 weird light blue --*/
	
    font-style: normal;
	/*--  font-style: normal|italic|oblique|initial|inherit; --*/

	/*-- font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit; --*/
	/*-- font-size: 1.3em; --*/
    /*-- font-size: 2.5em; --*/

	font-size: 24pt;
    /*-- font-weight: 700; --*/
	
    text-align: left;
	/*-- text-align: center; --*/
	
	/*-- text-transform: uppercase; --*/
    position: relative;
    font-family: 'Open Sans', sans-serif;
	/*-- line-height: 16px; --*/
	/*-- letter-spacing: -1px; --*/
}

.banner-bottom-info h3{
	/*-- width: 50%; --*/
	/*-- width: 90%; --*/
    
	margin: 0px;
	/*-- margin: 0 auto 3em; --*/

    /*-- font-style: normal; --*/
	/*--  font-style: normal|italic|oblique|initial|inherit; --*/

	/*-- font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit; --*/
	/*-- font-size: 1.3em; --*/
    /*-- font-size: 2.5em; --*/

	font-size: 24pt;
    /*-- font-weight: 700; --*/
	color: #4d4d4d;   /* Gray30 */
    text-align: center;
	
    /*-- position: relative; --*/
    /*-- font-family: 'Open Sans', sans-serif; --*/
	/*-- line-height: 16px; --*/
	/*-- letter-spacing: -1px; --*/
}

.banner-bottom-grids{
	/*-- margin:3em 0 0; --*/
	/*-- margin:3em 0 0; --*/
	
	
	/*-- padding:32px; --*/
	/*-- padding:3em 0; --*/
	
	/*-- border-top:1px solid #c0c0c0;	 --*/
	
	border-bottom:1px solid #c0c0c0;

	/* from bootstrap: */
	line-height: 1.42857143;
	color: #333;
}

.banner-bottom-grid-left {
	position: relative;
	clear: both;
	margin: 0 auto;
	max-width: 1000px;
	
	/*-- list-style-type: square;
	list-style: square; --*/
	
	/*-- text-align: center;  --*/
	font-size: 22pt;
	
	/* from bootstrap: */
	width: 50%;
	float: left;
	padding-right: 15px;
	padding-left: 15px;
}

.banner-bottom-grid-left h3{
	font-size: 24pt;
	text-transform: uppercase;
	
    font-weight: 700;
    letter-spacing: -1px;
	color: #3b464f;
    /*-- text-align: center;  --*/
	
    position: relative;
    /*-- font-family: 'Open Sans', sans-serif;
	line-height: 16px;  --*/

	/* from bootstrap: */	
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 1.1;
}

.banner-bottom-grid-left li{
	line-height: 48pt;
	list-style-type: square;
	list-style-position: inside;
	
	/* from bootstrap: */		
	color: #333;
}

/* Common style */
.banner-bottom-grid-left figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
    min-width: 100%;
	max-width: 480px;
	max-height: 360px;
	width: 48%;
	height: auto;
	background: #3085a3;
	text-align: center;
}

.banner-bottom-grid-left figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.banner-bottom-grid-left figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.banner-bottom-grid-left figure figcaption::before,
.banner-bottom-grid-left figure figcaption::after {
	pointer-events: none;
}

.banner-bottom-grid-left figure figcaption,
.banner-bottom-grid-left figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.banner-bottom-grid-right p{
	margin: 24px;
	/*-- margin:2em 0 0; --*/
	
	font-size:24px;
	
	color:#4d4d4d;
	/*-- color:#999; --*/
	
	/*--	line-height: 10px; --*/
	/*--	line-height:1.0em; --*/
}

.banner-bottom-grid-right p span{
	display:block;
	margin:1em 0 0;
}

.banner-bottom-grid-right h3{
	font-size: 32px;
	/*-- font-size:1.6em; --*/
	
	color:#02A0C3;
	/*-- EVERY LEAD: --*/
	
	margin:0;
	text-align: left;
	text-transform: uppercase;
}

.banner-bottom-grid-right h3 span{
	color:#f72459;
}

/*-- //banner-bottom --*/



/*-- banner-bottom1 --*/
.banner-bottom1{
	box-sizing: border-box;
	
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	/*-- padding:5em 0 0; --*/
	
	border:1px solid #000000   /*-- black border --*/
}

.banner-bottom1 a{
	text-decoration:none;
}

.banner-bottom1-left{
	/*-- padding:48px 0 0; --*/
	padding-top:36px;
	padding-right:0px;
	padding-bottom:36px;
	padding-left:0px;
	
	background:url(../images/7.jpg) no-repeat 0px 0px;  /*-- laptop photo --*/
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	
	/*-- position: relative;
    left: 0;
    top: 50%; --*/
	
	/*-- min-height:426px; --*/
	text-align:center;
	/*-- opacity: 0.5; --*/
	
	/* from bootstrap: */
	width: 50%;
	float: left;
	
}

.right1{
	/*-- background:rgba(247, 36, 89, 0.78) !important; --*/	/*-- This made one of the boxes be a different color. --*/
																/*-- Now both controlled by banner-bottom1-left1. --*/
	/*-- padding:36px; --*/
}

.banner-bottom1-left1{
	padding: 28px;

	/*-- controls both box colors --*/
	background: rgba(255, 90, 0, 0.87);

	/*-- background: rgba(144, 50, 0, 0.87); --*/
	/*-- http://www.color-hex.com/color/903200 --*/	
	
	/*-- background: rgba(164, 57, 0, 0.87); --*/
	/*-- http://www.color-hex.com/color/a43900 --*/	
	
	/*-- background: rgba(206, 72, 0, 0.87); --*/
	/*-- http://www.color-hex.com/color/ce4800 --*/

	/*-- background: rgba(229, 81, 0, 0.87); --*/
	/*-- http://www.color-hex.com/color/e55100 --*/
	
	/*-- background: rgba(255, 90, 0, 0.87); --*/
	/*-- http://www.color-hex.com/color/ff5a00
	
	/*-- background: rgba(255, 165, 0, 0.87); --*/ /*-- orange background --*/
	/*-- http://www.color-hex.com/color/ffa500 --*/
	
	/*-- background: rgba(2, 160, 195, 0.87); --*/ /*-- light blue background --*/
    /*-- http://www.w3schools.com/css/css3_colors.asp --*/
	
	width: 75%;
    margin: 0 auto;
	/*-- border:1px solid #000000; --*/   /*-- black border --*/
}

.banner-bottom1-right{
	
	/*-- padding:48px 0 0; --*/
	padding-top:36px;
	padding-right:0px;
	padding-bottom:36px;
	padding-left:0px;
	
	/* http://www.w3schools.com/cssref/css3_pr_background-size.asp */
	background:url(../images/8.jpg) no-repeat 0px 0px;  /*-- architect drawing --*/
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	
	/*-- position: relative;
    left: 0;
    top: 50%; --*/
    /*-- width: 100%; --*/
	
	
	/*-- min-height:426px; --*/
	text-align:center;

	/*-- opacity: 0.5; --*/
	/*-- border:1px solid #000000; --*/   /*-- black border --*/
	
	
	/* from bootstrap: */
	width: 50%;
	float: left;

}

.banner-bottom1-left:hover,.banner-bottom1-right:hover{
    opacity:1;
}
.banner-bottom1-left1 span{
	font-size:2em;
	color:#fff;
}
.banner-bottom1-left1 h3{
	/*-- text-transform:capitalize; --*/
	text-align:center;
	font-size: 28pt;
	/*-- font-size:1.7em; --*/
	
	color:#fff;
	/*-- color:#fff; --*/
	
	/*-- margin:1em 0; --*/
	
}
.banner-bottom1-left1 p{
	color:#fff;
	font-size:18pt;
	margin:0 auto;
	
	line-height:30px;
	/*-- line-height:1.8em; --*/
	
	width:80%;
}
.banner-bottom-grid-right {  /* lower right graphic home page */
    /*-- margin: 16px; --*/
	margin: 2em 0 0;
	
	/* from bootstrap: */	
	/* width: 50%; */
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	box-sizing: border-box;

}
/*-- //banner-bottom1 --*/



/*-- faq --*/
.faq{
    /* padding-top: 1px; */
	/*-- padding-top: 3em; --*/
	/* padding-bottom: 1px; */
	/*-- margin-top: 40px; --*/
	padding-left: 35px;
}
.faq h1{
	/*-- width: 50%; --*/
	/*-- width: 90%; --*/
    
	margin: 0 auto 8px;
	/*-- margin: 0 auto 3em; --*/

    /*-- color: #7c15b8; --*/
	/*-- color: #f72459; --*/

    /*-- font-style: normal; --*/
	/*--  font-style: normal|italic|oblique|initial|inherit; --*/

	/*-- font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit; --*/
	/*-- font-size: 1.3em; --*/
    /*-- font-size: 2.5em; --*/

	font-family: 'Open Sans', sans-serif;
	text-align: center;
	font-size:28pt;
    /*-- font-weight: 700;
    letter-spacing: -1px;
	color: #3b464f;
    text-align: left; --*/
	
    /*-- position: relative;
    font-family: 'Open Sans', sans-serif;
	line-height: 16px; --*/
}
.faq h2{
	font-size:20pt;
	font-family: 'Open Sans', sans-serif;
    /*--	font-weight: 700;
    letter-spacing: -1px; --*/
}
.faq h3{
	margin: 0px;  /* This makes sure a margin is not inherited. */
	font-size:16pt;
	font-family: 'Open Sans', sans-serif;
    /*--	font-weight: 700;
    letter-spacing: -1px; --*/
}
.faq h3 ul li{
	list-style-type: square;
	list-style-position: inside;
	text-indent: -1em;
	
	padding-top:0px;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:25px;

	line-height: 115%;
}
.faq h4 ul li{
	padding-top:0px;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:60px;
	/* padding: 10px; */
	
	list-style-type: disc;
	/* http://www.w3schools.com/cssref/pr_list-style-type.asp */
	/* https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type */
	
	list-style-position: inside;
	/* http://www.w3schools.com/cssref/pr_list-style-position.asp */

	font-family: 'Open Sans', sans-serif;
	font-size: 16pt;
	text-indent: -1em;
}
.faq h5 ul li{
	padding-top:0px;
	padding-right:10px;
	padding-bottom:10px;
	padding-left:100px;
	/* padding: 10px; */
	
	list-style-type: circle;
	/* http://www.w3schools.com/cssref/pr_list-style-type.asp */
	/* https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type */
	
	list-style-position: inside;
	
	font-family: 'Open Sans', sans-serif;
	font-size: 16pt;
	text-indent: -1em;
	line-height: 25%;	
}
/*-- //faq --*/




/*--flexisel--*/
.flex-slider{	
background:#222227;
padding: 70px 0 165px 0;
/* padding: 70px 0 165px 0; */
}
#flexiselDemo1 {
	display: none;
}
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.nbs-flexisel-inner {
	overflow: hidden;
	margin: 0px auto;
	border-right:none;
}
.nbs-flexisel-item {
	float: left;
    margin: 0;
    padding: 0em;
    position: relative;
    line-height: 0px;
	text-align: center;
	min-height: 200px;
}
.nbs-flexisel-item > img {
	cursor: pointer;
	position: relative;
}
/*---- Nav ---*/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width: 22px;
    height: 69px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
}
.nbs-flexisel-nav-left {
	left: 0%;
    top: 33% !important;
    background:none;
}
.nbs-flexisel-nav-right {
	right: 0%;
    top: 33% !important;
    background: none;
}
/*--//flexisel--*/


.item {
    border: 1px solid #c0c0c0;  /* light gray */  /* http://www.color-hex.com/color/c0c0c0 */
	/*-- border-right: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0; --*/
}

.item i{
	font-size: 1.5em;
    
	color:#000099;
	/*-- color:#f72459; --*/
	
    width: 100px;
    height: 100px;
    
	border:1px solid #FF4000;
	/*-- border:1px solid #f72459; --*/
    
	margin-top: 10px;
	/*-- margin: 0 auto; --*/
	
    text-align: center;
    border-radius: 100%;
    top: 0em;
    padding-top: 1.5em;
}
.item:hover .item1 i{
	color:#fff;
	
	background:#FF4000;  /* Dark orange */  /* http://www.color-hex.com/color/ff4000 */
	/*-- background:#f72459; --*/
	
	transition: .5s ease-out;
}

.item h3{
	/*-- margin: 1em 0; --*/
    color: #888888;
    font-size:1.3em;
}
.item h3 a:link{
	font-size: 20pt;
    /*-- font-weight: 700; --*/
	color: #4d4d4d;  /* Gray30 */  /* http://www.color-hex.com/color/4d4d4d */
}

.item p{
	font-size:14pt;
	/*-- font-size:14px; --*/
	
	color:#4d4d4d;  /* Gray30 */  /* http://www.color-hex.com/color/4d4d4d */
	/*-- color:#999; --*/
	
	margin:0 auto;
	line-height:1.8em;
	width:80%;
}



/***** Lexi *****/
/*---------------*/

figure.effect-lexi {
	background: -webkit-linear-gradient(-45deg, #000 0%,#fff 100%);
	background: linear-gradient(-45deg, #000 0%,#fff 100%);
	border: 1px solid #000000;
	
	/* from bootstrap: */
	margin: 0;
	display: block;
}

figure.effect-lexi img {
	margin: -10px 0 0 -10px;
	
	/* width: -webkit-calc(100% + 10px);
	width: calc(100% + 10px); */
	opacity: 0.9;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(10px,10px,0);
	transform: translate3d(10px,10px,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;

	/* from bootstrap: */
	.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img;
	max-width: 538px;
	height: auto;
	vertical-align: middle;
	
	background: linear-gradient(-45deg, #000 0%,#fff 100%);
	border: 1px solid #000000;
	display: block;
	box-sizing: border-box;

}

figure.effect-lexi figcaption::before,
figure.effect-lexi p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-lexi figcaption::before {
	position: absolute;
	right: -100px;
	bottom: -100px;
	width: 285px;
	height: 300px;
	
	border: 2px solid #fff;
	
	border-radius: 50%;
	box-shadow: 0 0 0 900px rgba(255,255,255,0.2);
	content: '';
	opacity: 0;
	-webkit-transform: scale3d(0.5,0.5,1);
	transform: scale3d(0.5,0.5,1);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

figure.effect-lexi:hover img {
	opacity: 0.6;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-lexi h3 {
	text-align: left;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(5px,5px,0);
	transform: translate3d(5px,5px,0);
	font-size:1.8em;
    color: #fff;
}
figure.effect-lexi h3 span{
	color:#F72459;
}

figure.effect-lexi p {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0 1em 1em 0em;
	width: 140px;
	text-align: right;
	opacity: 0;
	-webkit-transform: translate3d(20px,20px,0);
	transform: translate3d(20px,20px,0);
	
	/*-- Text displayed in moving circle: Start prospecting today and grow your portfolio! --*/
	font-size: 16pt;
	color: #ffffff;
	/*-- font-size: .8em; --*/
	
    line-height: 1.8em;
}

figure.effect-lexi:hover figcaption::before {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

figure.effect-lexi:hover h3,
figure.effect-lexi:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*-- //effect --*/



/*-- header1 --*/

/*-- Contact  Login  FREE TRIAL  --*/

/*--  http://www.w3schools.com/css/css_positioning.asp
An element with position: fixed; is positioned relative to the viewport, which means it always stays in the same place even if the page is scrolled. The top, right, bottom, and left properties are used to position the element.
 --*/

.header1{
	background:#000000;  /*-- black --*/
	
		/*-- width height --*/
	background-size: 100px 500px;
	/*-- background-size: 100% 495px; --*/
	/*-- background-size:600px 600px; --*/
	/*-- background-size:cover;  --*/

	/* position: fixed; */
	
    top: 0;
    left: 0;
	width: 100%;
	
	padding-top: 2px;
	padding-bottom: 39px;
	/*-- padding:10px; --*/
	/*-- padding:2em 0; --*/
	
	/*-- background:#dfeaf1; --*/
	/*-- background:#272727; --*/
	/*-- background:#131516; --*/  /*-- near black --*/
	
	/*-- color:#fff; --*/ /*-- white --*/
}
.header1-right{
	/*-- position: fixed;
	top: 0;
    right: 0; --*/
	float:right;
	padding-right: 20px;
}

.header1-right p{
	font-size: 16px;
	/*-- font-size:.9em; --*/
	
	margin:0.5em 0 0;
	/*-- text-transform:uppercase; --*/
}

.header1-right p a:link{
	color:#fff;
	
	text-decoration:none;
	/*-- text-decoration:underline; --*/
	
	font-weight:400;
}
.header1-right p a:visited{
	color:#fff;
}	
.header1-right p a:hover{
	color:#fff;
}

.header1-right span{
  
	/*-- font-size: 26px; --*/
	/*-- font-size:.9em; --*/
	
	/*-- margin:0.5em 0 0; --*/
	
	/*-- padding:2px; --*/
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 8px;
	padding-left: 8px;
	
	/*-- color:#ffffff; --*/

	font-weight:800;
	
	text-transform:uppercase;

/*-- Free Trial top and bottom button --*/
	background:#ff5a00;
	/*-- background:#ffa500; --*/  /*-- orange --*/
	/*-- background:#ff0000; --*/  /*-- red --*/
	/*-- http://www.color-hex.com/color/ff0000 --*/
}
/*-- //header1--*/




/*-- header2 --*/

/*-- HOME	AREAS COVERED	TRIAL	FAQs	COMPANY   --*/

/* 
http://www.w3schools.com/css/css_dropdowns.asp
http://www.w3schools.com/css/css_navbar.asp
http://www.w3schools.com/howto/howto_css_dropdown.asp
http://www.w3schools.com/css/tryit.asp?filename=trycss_dropdown_navbar 
*/

.header2{
	/* padding:20px;
	padding-bottom: 15px; */

	/*-- padding:2em 0; --*/
	
	/*-- background:#dfeaf1; --*/
	/*-- background:#272727; --*/
	/*-- background:#131516; --*/  /*-- near black --*/
	/*-- background:#ffffff; --*/  /*-- white --*/

	/*-- color:000000; --*/  /*-- black --*/
	/*-- font-size: 16px; --*/
	
		/*-- Use margin: auto;, to horizontally center an element within its container.  
		Center aligning has no effect if the width property is not set (or set to 100%). 
		http://www.w3schools.com/css/css_align.asp --*/
	
	/*-- margin: auto; --*/
	margin-top: 15px;
	margin-left: 200px;
	/* margin-bottom: -40px; */
	
	width: auto;
	/*-- width: 870px; --*/
	/*-- width: 100%; --*/
	
	/*-- float: none; --*/
	
	/*-- text-transform:uppercase; --*/
}

.menu__item {
	display: block;
	margin: 1em 0;
}

/*--
.header2-center .menu__link::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
    opacity: 0;
    background: #6BC676;
	-webkit-transform: translate3d(0, -3em, 0);
	transform: translate3d(0, -3em, 0);
	-webkit-transition: -webkit-transform 0s 0.3s, opacity 0.2s;
	transition: transform 0s 0.3s, opacity 0.2s;
}

.header2-center p a:link{
	color:#000000;
	text-decoration:none;
	font-weight:400;
}
.header2-center p a:visited{
	color:#000000;
}	
.header2-center p a:hover{
	color:#000000;
}
--*/
/*-- //header2--*/




/* CSSTerm.com Horizontal Easy DropDown CSS menu */
/* Main menu box in Header 2 */

/*-- drop--*/

.drop {
	/* background:#005555; */
	/* padding-left: 500px; */
    margin-left: 125px;
	/* height:20px; */
	width: 75%;
    padding-top: 1px;

	/* background-image:url('bg.jpg'); */
}

.drop_menu {
	/* background:#005555; */
	/* padding-left: 500px; */
    /* margin-left: 125px;
	/* height:20px; */
	/* width: 75%;
    padding-top: 1px; */

	list-style-type:none;
	/* background-image:url('bg.jpg'); */
}

.drop_menu li {
	float:left;
	padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.drop_menu li:hover {  /* Orange underscore below text menu words. orange underline */
	position:relative;
	/* background:#75809a; */
	
	/* http://www.w3schools.com/css/css_border.asp */
	/* The border-width property can have from one to four values (for the top border, right border, bottom border, and the left border). */
	border-style: solid;
	border-width: 0px 0px 3px 0px;  /* This is the thickness of the underscore line. */
	border-color: #ff5a00;

	/* height:50%; */  /* Controls vertical position of the orange line. */
}	

/* Main menu box in Header 2 - Menu line TEXT color */
.drop_menu li a {
	margin: 1px;
    
    /* padding-top: 5px;
    padding-right: 1px;
    padding-bottom: 5px;
    padding-left: 1px; */
	
	/* border-right:1px solid #75809a; */
	
	/* menu text items: */
	font-size: 12pt;
	font-weight:900;
	color: #3b464f;  /* very dark gray Text color*/
	/* color: green; */
	
    text-decoration: none;
    display: block;
    text-align: left;
}

/* Submenu */
.drop_menu ul {   /* width of the drop down box for each item. */
	position:absolute;
	left:-9999px;
	top:-9999px;
	background-color: #ffffff; /* white */
	width:auto; /* width of the drop down box for each item. */   /* http://www.w3schools.com/cssref/pr_dim_width.asp */
	list-style-type:none;
	
	border:1px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.8); */   /* slight outline around the drop down box. */
	/* http://www.w3schools.com/cssref/css3_pr_box-shadow.asp */
}

.drop_menu li:hover ul {
	left:0px;
	top:38px;
	padding:0px;
	
	/* background:#d8d8d8; */
}

.drop_menu li:hover ul li a {  /* Controls drop down menu attibutes. What is immediately presented. */
	padding:10px;  /* space around the box created in the drop down menu. */
	
	display:block;
	
	width:90px;   /* width of the background color in drop down box for each item. */
	
	/* text-indent:15px; */
	text-align: left;  /* text in pull down menus */
}

.drop_menu li:hover ul li a:hover {  /* Controls drop down menu attibutes when cursor hovers. */
	background:#e5e5e5;  /* Gray90 */  /* Background color when scrolling down through sub menus. */
	
	/* width:100%; */
	/* border-style: none;*/
	/* border-width: 0px 0px 0px 0px;  /* This is the thickness of the underscore line. */
	/* border-color: white; */
}

.drop_menu menu_spacer {  /* This class enables space (see drop_menu li(above) and HTML links) between main menu text words. */
}

.drop_menu currentPage:hover {
	background-color: transparent;
}

/*-- //drop--*/




/* Main menu box in Header 2 */

/*-- drop1--*/

.drop1 {
	/* background:#005555; */
	/* padding-left: 500px; */
    margin-left: 125px;
	height:40px;
	width: 75%;
    padding-top: 1px;

	/* background-image:url('bg.jpg'); */
}

.drop_menu1 {
	/* background:#005555; */
	/* padding-left: 500px; */
    /* margin-left: 125px;
	height:120px;
	width: 75%; */
    /* padding-top: 1px; */

	list-style-type:none;
	/* background-image:url('bg.jpg'); */
}

.drop_menu1 li {
	float:left;
	padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.drop_menu1 li:hover {  /* Orange underscore below text menu words. orange underline */
	position:relative;
	/* background:#75809a; */
	
	/* http://www.w3schools.com/css/css_border.asp */
	/* The border-width property can have from one to four values (for the top border, right border, bottom border, and the left border). */
	border-style: solid;
	border-width: 0px 0px 3px 0px;  /* This is the thickness of the underscore line. */
	border-color: #ff5a00;

	/* height:70%; */  /* Controls vertical position of the orange line. */
}	

/* Main menu box in Header 2 - Menu line TEXT color */
.drop_menu1 li a {
	margin: 1px;
    
    /* padding-top: 5px;
    padding-right: 1px;
    padding-bottom: 5px;
    padding-left: 1px; */
	
	/* border-right:1px solid #75809a; */
	
	/* menu text items: */
	font-size: 12pt;
	font-weight:900;
	color: #3b464f;  /* very dark gray Text color*/
	/* color: green; */
	
    text-decoration: none;
    display: block;
    text-align: left;
}

/* Submenu */
.drop_menu1 ul {   /* width of the drop down box for each item. */
	position:absolute;
	left:-9999px;
	top:-9999px;
	background-color: #ffffff; /* white */
	width:auto; /* width of the drop down box for each item. */   /* http://www.w3schools.com/cssref/pr_dim_width.asp */
	list-style-type:none;
	
	border:1px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.8); */   /* slight outline around the drop down box. */
}

.drop_menu1 li:hover ul {
	left:0px;
	top:38px;  /* how far vertical box is below main meun text item. */
	padding:0px;
	
	/* background:#d8d8d8; */
}

.drop_menu1 li:hover ul li a {  /* Controls drop down menu attibutes. What is immediately presented. */
	padding:10px;  /* space around the box created in the drop down menu. */
	
	display:block;
	
	width:90px;   /* width of the background color in drop down box for each item. */
	
	/* text-indent:15px; */
	text-align: left;  /* text in pull down menus */
}

.drop_menu1 li:hover ul li a:hover {  /* Controls drop down menu attibutes when cursor hovers. */
	background:#e5e5e5;  /* Gray90 */  /* Background color when scrolling down through sub menus. */
	
	/* width:100%; */
	/* border-style: none;*/
	/* border-width: 0px 0px 0px 0px;  /* This is the thickness of the underscore line. */
	/* border-color: white; */
}

.drop_menu1 menu_spacer {  /* This class enables space (see drop_menu li(above) and HTML links) between main menu text words. */
}

.drop_menu1 currentPage:hover {
	background-color: transparent;
}


.currentPage{  /* NOT CURRENTLY USED */
	border-style: solid;
	border-bottom: solid;
	
	border-top-width: 0px;
    border-left-width: 0px;
	border-bottom-width: 3px;
    border-right-width: 0px;
	
	border-color: #ff5a00;
	
	position: absolute;
	top: 1px;
	left: 125px;
	
	padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

/*-- //drop1--*/



/*-- footer --*/
.footer{
	padding:10px;
	padding-bottom:50px;
	/*-- padding:2em 0; --*/
	
	background:#272727;  /* very dark gray  http://www.color-hex.com/color/272727 */
	/* border:10px solid #999;border:10px solid #999; */
	margin-top:750px;
	
	/* From bootstrap: */
	box-sizing: border-box;
	line-height: 1.42857143;
	/* color: #333; */
	
}
.footer-top{
	background:#000000;
	padding:1em 0 1.5em;
}
.footer-top p{
	color:#fff;
	font-size:1em;
	margin:.5em 0 0;
	position:relative;
	text-transform: uppercase;
	padding-left:5em;
}
.footer-top p:before{
	position: absolute;
    top:-63%;
    left: 0%;
    background: url(../images/img-sp.png) no-repeat -58px -148px;
    display: block;
    width: 50px;
    height: 50px;
    content: '';
}
.footer-top p a{
	color:#27b311;
	font-weight: 400;
}
.footer-top p a:hover{
	color:#fff;
}
.footer-grid-left h3{
	text-transform: capitalize;
	font-size:1.7em;
	color:#fff;
	font-weight:400;
	margin:0 0 2em;
	padding:1em 0 0;
}
.footer-grid-left ul li{
	background: url(../images/2.png) no-repeat 0px 0px;
    display: block;
    padding-left: 4em;
    font-size: .8em;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.8em;
	margin-bottom:1em;
}
.footer-grid-left ul li a{
	color:#fff;
	font-weight: 400;
	text-decoration:none;
}
.footer-grid-left ul li a i,.footer-grid-left ul li a.cols{
	color:#f72459;
	font-style:normal;
}
.footer-grid-left ul li a:hover{
	color:#7B7B7B;
}
.footer-grid-left ul li span{
	display:block;
	color:#999;
}
.footer-grid-left input[type="email"]{
	outline:none;
	border:1px solid #999;
	padding:10px;
	background:#000;
	color:#999;
	width:90%;
	font-size:.8em;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	text-transform:uppercase;
}
.footer-grid-left input[type="email"]{
	margin:0 0 1.5em;
}
.footer-grid-left input[type="submit"]{
	outline:none;
	border:none;
	background:#02A0C3;
	padding: 9px 0;
    width: 40%;
	font-size:1em;
	color:#fff;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	text-transform:uppercase;
}
.footer-grid-left input[type="submit"]:hover{
	background:#f72459;
}
.footer-grid-left p{
	font-size:.8em;
	color:#999;
	margin:0;
	line-height:1.8em;
}
.footer-grid-left p span{
	display:block;
	margin:1em 0;
}

.footer-bottom{
	margin-top:10px;
	/*-- 	margin-top:2em; --*/
		
	padding-top:10px;
	/*-- 	padding-top:2em; --*/
	
	border-top:5px solid #434343;  /* dark gray /* This creates a line at top of footer. */
	
	/* from bootstrap */
	box-sizing: border-box;
    line-height: 1.42857143;
    color: #333;  /* Gray20 */
}

.footer-bottom-left{
	float:left;
}

.footer-bottom-left p{
	color:#fff;

	font-size:12pt;
	margin:0.5em 0 0;
	/*-- text-transform:uppercase; --*/
}

.footer-bottom-left p a{
	color:#02A0C3;
	text-decoration:none;
	font-weight:400;
	
	/* from bootstrap */
	background-color: transparent;
	
}
.footer-bottom-left p a:hover{
	color:#fff;
}

.footer-bottom-right{
	float:right;
}
.footer-bottom-right ul li{
	display:inline-block;
}
.icon-button {
    background-color: white;
    border-radius:2.6rem;
    cursor: pointer;
    display: inline-block;
    font-size: 2.0rem;
    height:2.6rem;
    line-height: 3.6rem;
    margin: 0 5px;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width:2.6rem;
}
.icon-button i {
    background: none;
    color: white;
    height: 2.6rem;
    left: 0;
    line-height:2.6rem;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 2.6rem;
    z-index: 10;
}
.icon-button span {
    border-radius: 0;
    display: block;
    height: 0;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 0;
}
.twitter span,.google span,.v span {
    background-color: #f72459;
}
.icon-button:hover span {
    width:2.6rem;
    height:2.6rem;
    border-radius:2.6rem;
    margin:-1.3rem;
}
.footer-bottom-right ul li .icon-button .icon-twitter{
    background:url(../images/3.png) no-repeat 0px -7px;
    display: block;
    width: 43px;
    height: 43px;
}
.footer-bottom-right ul li .icon-button .icon-twitter:hover{
    background:url(../images/3.png) no-repeat 0px -54px;
    display: block;
}
.footer-bottom-right ul li .icon-button .icon-google{
    background: url(../images/3.png) no-repeat -43px -7px;
    display: block;
    width: 43px;
    height: 43px;
}
.footer-bottom-right ul li .icon-button .icon-google:hover{
    background:url(../images/3.png) no-repeat -43px -52px;
    display: block;
}
.footer-bottom-right ul li .icon-button .icon-v{
    background:url(../images/3.png) no-repeat -83px -6px;
    display: block;
    width: 43px;
    height: 43px;
}
.footer-bottom-right ul li .icon-button .icon-v:hover{
    background:url(../images/3.png) no-repeat -83px -52px;
    display: block;
}
/*-- //footer--*/


/*-- footer1 --*/
.footer1{
	padding:10px;
	padding-bottom:50px;
	/*-- padding:2em 0; --*/
	
	background:#272727;  /* very dark gray  http://www.color-hex.com/color/272727 */
	/* border:10px solid #999;border:10px solid #999; */
	/* margin-top:750px; */
	
	/* From bootstrap: */
	box-sizing: border-box;
	line-height: 1.42857143;
	/* color: #333; */
	
}
.footer1-top{
	background:#000000;
	padding:1em 0 1.5em;
}
.footer1-top p{
	color:#fff;
	font-size:1em;
	margin:.5em 0 0;
	position:relative;
	text-transform: uppercase;
	padding-left:5em;
}
.footer1-top p:before{
	position: absolute;
    top:-63%;
    left: 0%;
    background: url(../images/img-sp.png) no-repeat -58px -148px;
    display: block;
    width: 50px;
    height: 50px;
    content: '';
}
.footer1-top p a{
	color:#27b311;
	font-weight: 400;
}
.footer1-top p a:hover{
	color:#fff;
}
.footer1-grid-left h3{
	text-transform: capitalize;
	font-size:1.7em;
	color:#fff;
	font-weight:400;
	margin:0 0 2em;
	padding:1em 0 0;
}
.footer1-grid-left ul li{
	background: url(../images/2.png) no-repeat 0px 0px;
    display: block;
    padding-left: 4em;
    font-size: .8em;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.8em;
	margin-bottom:1em;
}
.footer1-grid-left ul li a{
	color:#fff;
	font-weight: 400;
	text-decoration:none;
}
.footer1-grid-left ul li a i,.footer1-grid-left ul li a.cols{
	color:#f72459;
	font-style:normal;
}
.footer1-grid-left ul li a:hover{
	color:#7B7B7B;
}
.footer1-grid-left ul li span{
	display:block;
	color:#999;
}
.footer1-grid-left input[type="email"]{
	outline:none;
	border:1px solid #999;
	padding:10px;
	background:#000;
	color:#999;
	width:90%;
	font-size:.8em;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	text-transform:uppercase;
}
.footer1-grid-left input[type="email"]{
	margin:0 0 1.5em;
}
.footer1-grid-left input[type="submit"]{
	outline:none;
	border:none;
	background:#02A0C3;
	padding: 9px 0;
    width: 40%;
	font-size:1em;
	color:#fff;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	text-transform:uppercase;
}
.footer1-grid-left input[type="submit"]:hover{
	background:#f72459;
}
.footer1-grid-left p{
	font-size:.8em;
	color:#999;
	margin:0;
	line-height:1.8em;
}
.footer1-grid-left p span{
	display:block;
	margin:1em 0;
}

.footer1-bottom{
	margin-top:10px;
	/*-- 	margin-top:2em; --*/
		
	padding-top:10px;
	/*-- 	padding-top:2em; --*/
	
	border-top:5px solid #434343;  /* dark gray /* This creates a line at top of footer1. */
	
	/* from bootstrap */
	box-sizing: border-box;
    line-height: 1.42857143;
    color: #333;  /* Gray20 */
}

.footer1-bottom-left{
	float:left;
}

.footer1-bottom-left p{
	color:#fff;

	font-size:12pt;
	margin:0.5em 0 0;
	/*-- text-transform:uppercase; --*/
}

.footer1-bottom-left p a{
	color:#02A0C3;
	text-decoration:none;
	font-weight:400;
	
	/* from bootstrap */
	background-color: transparent;
	
}
.footer1-bottom-left p a:hover{
	color:#fff;
}

.footer1-bottom-right{
	float:right;
}
.footer1-bottom-right ul li{
	display:inline-block;
}
.icon-button {
    background-color: white;
    border-radius:2.6rem;
    cursor: pointer;
    display: inline-block;
    font-size: 2.0rem;
    height:2.6rem;
    line-height: 3.6rem;
    margin: 0 5px;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width:2.6rem;
}
.icon-button i {
    background: none;
    color: white;
    height: 2.6rem;
    left: 0;
    line-height:2.6rem;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 2.6rem;
    z-index: 10;
}
.icon-button span {
    border-radius: 0;
    display: block;
    height: 0;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 50%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    width: 0;
}
.twitter span,.google span,.v span {
    background-color: #f72459;
}
.icon-button:hover span {
    width:2.6rem;
    height:2.6rem;
    border-radius:2.6rem;
    margin:-1.3rem;
}
.footer1-bottom-right ul li .icon-button .icon-twitter{
    background:url(../images/3.png) no-repeat 0px -7px;
    display: block;
    width: 43px;
    height: 43px;
}
.footer1-bottom-right ul li .icon-button .icon-twitter:hover{
    background:url(../images/3.png) no-repeat 0px -54px;
    display: block;
}
.footer1-bottom-right ul li .icon-button .icon-google{
    background: url(../images/3.png) no-repeat -43px -7px;
    display: block;
    width: 43px;
    height: 43px;
}
.footer1-bottom-right ul li .icon-button .icon-google:hover{
    background:url(../images/3.png) no-repeat -43px -52px;
    display: block;
}
.footer1-bottom-right ul li .icon-button .icon-v{
    background:url(../images/3.png) no-repeat -83px -6px;
    display: block;
    width: 43px;
    height: 43px;
}
.footer1-bottom-right ul li .icon-button .icon-v:hover{
    background:url(../images/3.png) no-repeat -83px -52px;
    display: block;
}
/*-- //footer1--*/



/*-- team --*/
/* .team{
    float: left;
    min-height: 1px;
	width: 1170px;
} */

.team h3,.news h3,.testimonials h3,h3.title,.services h3,.blog h3{
	font-size:2.5em;
	
	color:#3b464f;  /* dark gray */
	/* color:#f72459; */
	
	font-family: Abril Fatface', cursive;
	
	margin:0;
	text-align:center;
}

.team h3 span,.news h3 span,.testimonials h3 span,h3.title span,.services h3 span,.blog h3 span{
	color:#999;  /* Gray60 */
}
p.dolore{
	font-size:14px;
	color:#999;
	margin:.5em 0 0;
	text-align:center;
	font-style: italic;
}
.team-grids{
	margin:3em 0 0;
}

.team-grid{
	padding:0;
	
	/* from bootstrap: */
	width: 25%;
	position: relative;

	
}
.team-grid .thumb {
	position: relative;
	width: 100%;
	overflow: hidden;
	
	/* from bootstrap */
	/* margin: 0;
	display: block; */
	
}
.team-grid .thumb .caption {
    float: left;
    
	width: 100%;  /* width of color annoucing individual's name */

    height: 20px;
    position: absolute;
    left: 0;
    bottom:-65px;
	
    /* padding: 20px 30px; */
	/* padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px; */
	
    text-align: center;
    background-color:rgba(2, 160, 195, 0.68);  /* teal like color */  /* http://www.color-hex.com/color/02a0c3 */

	/* 	-o-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease; */
}
.team-grid .thumb:hover .caption {
    height:58%;
    padding: 40px 30px;
    opacity: 1;
    visibility: visible;
}
figure.thumb img {
    width: 100%;
}
.caption h3{
	margin:0;
}

.caption h3 a{
	font-size:.8em;
	color:#fff;
	text-decoration:none;
}
.caption span{
	font-size:14px;
	color:#fff;
	display:block;
}
.caption p{
	color:#fff;
	font-size:14px;
	margin:0;
	line-height:1.8em;
}
.social{
	float:none;
}
.caption ul{
	padding:1em 0 0;
}
.caption ul li{
	list-style-type:none;
	display:inline-block;
}
/*-- //team --*/



/*-- news--*/
.news-grids{
	margin:4em 0 0;
}
.news-grid h4{
	font-size: 1em;
    color: #999;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    padding-left: 1em;
}
.news-grid h4 span{
	color:#f72459;
	left: -1em;
}
.news-grid h5{
	text-transform:capitalize;
	font-size: 1.3em;
    line-height: 1.5em;
	color:#02A0C3;
	margin:1em 0;
}
.news-grid h5 a{
	color:#02A0C3;
	text-decoration:none;
}
.news-grid h5 a:hover{
	color:#f72459;
}
.news-grid p{
	font-size:14px;
	color:#999;
	margin:0 0 1.5em;
	line-height:1.8em;
}
.news-grid ul{
	padding:1em 1.5em 2em;
	background:#F6F6F6;
}
.news-grid ul li{
	font-size:14px;
	color:#999;
	display:inline-block;
	padding-left:.5em;
}
.news-grid ul li a{
	color:#999;
	text-decoration:none;
}
.news-grid ul li a:hover{
	color:#f72459;
}
.news-grid1-sub{
	padding:1em;
	background:#F6F6F6;
}
.news-grid ul li a span{
	left:-.5em;
}
.news-grid ul li a i{
	right:-.5em;
}
.news-grid ul li:nth-child(1){
	float:left;
}
.news-grid ul li:nth-child(2){
	float:right;
}
/*-- //news--*/


/*-- testimonials --*/
.testimonials{
	background:#F6F6F6;
	margin:3em 0;
}
.testimonials-grids{
	margin:3em 0 0;
}
.testimonials-grid p{
	padding:1.5em 1em 2em;
	background:#fff;
	color:#999;
	font-size:14px;
	margin:0;
	line-height:1.8em;
	text-align:center;
}
.testimonials-grid-pos{
	position:absolute;
	bottom:-90%;
	left:2%;
}
.testimonials-grid-pos-left{
	float:left;
}
.testimonials-grid-pos-right{
	float:left;
	margin-left:1em;
}
.testimonials-grid-pos-right h4{
	color:#888;
	font-size:1em;
	margin:2em 0 .5em;
}
.testimonials-grid-pos-right p{
	font-size:14px;
	color:#999;
	margin:0;
	line-height:1.8em;
	background:none;
	text-align:left;
	padding: 0 !important;
}
.testimonials {
    padding: 5em 0 5em;
}
/*-- wmuslider --*/
.wmuSlider {
	position: relative;
	overflow: hidden;
}
.wmuSlider .wmuSliderWrapper article img {
	/*--max-width: 100%;
	width: auto;
	height: auto;
	display:block;--*/
}
/* Default Skin */
.wmuSliderPagination {
	z-index: 2;
	position: absolute;
	right: 47%;
	display: none;
	top: 10%;
}
ul.wmuSliderPagination {
	padding:0;
}
.wmuSliderPagination li {
	float: left;
	margin: 0 8px 0 0;
	list-style-type: none;
}
.wmuSliderPagination a {
	display: block;
	text-indent: -9999px;
	width: 15px;
	height: 15px;
	background:#7D7171;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-o-border-radius: 25px;
}
.wmuSliderPagination a.wmuActive {
	background:#EBC1CF;
}
/* Default Skin */
.wmuGallery .wmuGalleryImage {
	margin-bottom: 10px;
}
.banner-wrap{
	padding:0 0 6em;
}
/*-- //wmuslider --*/
/*-- //testimonials --*/

/*--Typography--*/
.well {
    font-weight: 300;
    font-size: 14px;
}
.list-group-item {
    font-weight: 300;
    font-size: 14px;
}
li.list-group-item1 {
    font-size: 14px;
    font-weight: 300;
}
.typo p {
    margin: 0;
    font-size: 14px;
    font-weight: 300;
}
.show-grid [class^=col-] {
    background: #fff;
  text-align: center;
  margin-bottom: 10px;
  line-height: 2em;
  border: 10px solid #f0f0f0;
}
.show-grid [class*="col-"]:hover {
  background: #e0e0e0;
}
.grid_3{
	margin-bottom:2em;
}
.xs h3, h3.m_1{
	color:#000;
	font-size:1.7em;
	font-weight:300;
	margin-bottom: 1em;
}
.grid_3 p{
  color: #999;
  font-size: 0.85em;
  margin-bottom: 1em;
  font-weight: 300;
}
.grid_4{
	background:none;
	margin-top:50px;
}
.label {
  font-weight: 300 !important;
  border-radius:4px;
}  
.grid_5{
	background:none;
	padding:2em 0;
}
.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {
	margin-bottom: 1em;
    color:#02A0C3;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border-top: none !important;
}
.tab-content > .active {
  display: block;
  visibility: visible;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  z-index: 0;
}
.badge-primary {
  background-color: #03a9f4;
}
.badge-success {
  background-color: #8bc34a;
}
.badge-warning {
  background-color: #ffc107;
}
.badge-danger {
  background-color: #e51c23;
}
.grid_3 p{
  line-height: 2em;
  color: #888;
  font-size: 0.9em;
  margin-bottom: 1em;
  font-weight: 300;
}
.bs-docs-example {
  margin: 1em 0;
}
section#tables  p {
 margin-top: 1em;
}
.tab-container .tab-content {
  border-radius: 0 2px 2px 2px;
  border: 1px solid #e0e0e0;
  padding: 16px;
  background-color: #ffffff;
}
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 15px!important;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  font-size: 0.9em;
  color: #999;
  border-top: none !important;
}
.tab-content > .active {
  display: block;
  visibility: visible;
}
.label {
  font-weight: 300 !important;
}
.label {
  padding: 4px 6px;
  border: none;
  text-shadow: none;
}
.nav-tabs {
  margin-bottom: 1em;
}
.alert {
  font-size: 0.85em;
}
h1.t-button,h2.t-button,h3.t-button,h4.t-button,h5.t-button {
line-height:1.8em;
  margin-top:0.5em;
  margin-bottom: 0.5em;
}
li.list-group-item1 {
  line-height: 2.5em;
}
.input-group {
  margin-bottom: 20px;
  }
.in-gp-tl{
padding:0;
}
.in-gp-tb{
padding-right:0;
}
.list-group {
  margin-bottom: 48px;
}
 ol {
  margin-bottom: 44px;
}
h2.typoh2{
    margin: 0 0 10px;
}

/*--//Typography --*/


/*-- services --*/
.services-grids{
	margin:3em 0 0;
}
.services-grid-left{
	padding: 3em 3em 5em;
    background: #EBEBEB;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	-o-border-radius:25px;
	-ms-border-radius:25px;
}
.services-grid-left1{
	padding:2em;
	background:#fff;
}
.services-grid-left1 ul li{
	list-style-type: none;
    margin: 0 0 1em;
    background: url(../images/img-sp.png) no-repeat 0px -31px;
    display: inline-block;
    padding-left: 2.5em;
}
.services-grid-left1 ul li a{
	text-transform:capitalize;
	font-size:14px;
	color:#999;
	text-decoration:none;
}
.services-grid-left1 ul li a:hover{
	color:#02A0C3;
}
.services-grid-right1-left1{
	width:100px;
	height:100px;
	border:1px solid #f72459;
	border-radius:100%;
	text-align:center;
	margin:0;
}
.services-grid-right1-left1 span{
	font-size:1.5em;
	color:#f72459;
	top: 1.5em;
}
.services-grid-right1-right h4{
	color:#999;
	font-size:1.2em;
	margin:0;
	line-height:1.8em;
	text-transform: capitalize;
}
.services-grid-right1-right p{
	margin:1em 0;
	color:#999;
	line-height:1.8em;
	font-size:14px;
}
.services-grid-right {
    padding-left: 8em;
}
.more a{
	font-size:1em;
	color:#02a0c3;
	text-decoration:none;
}
.more a span{
	right:-1em;
}
.more a:hover{
	color:#f72459;
}
.services-grid-right1:nth-child(2){
	margin:4em 0;
}
.services-grid-right1:hover .services-grid-right1-left1{
	background:#f72459;
	transition:.5s ease-out;
}
.services-grid-right1:hover .services-grid-right1-left1 span{
	color:#fff;
}
.service-bottom{
	padding:10em 0 0;
}
.service-bottom-right{
	padding:0;
}
.service-bottom-right1{
	padding: 3.87em 3.5em;
    background: #F7F7F7;
}
.service-bottom-right1 h4{
	text-transform: capitalize;
    font-size: 1.5em;
    line-height: 1.6em;
    color: #999;
    margin: 0;
}
.service-bottom-right1 h4 span{
	display: block;
    color: #F72459;
    margin: .5em 0 0;
    font-size: .8em;
}
.service-bottom-right1 p{
	font-size:14px;
	color:#999;
	margin:1em 0 2em;
	line-height:1.8em;
}
/***** Moses *****/
/*-----------------*/

figure.effect-moses {
	background: -webkit-linear-gradient(-45deg, #EC65B7 0%,#05E0D8 100%);
	background: linear-gradient(-45deg, #EC65B7 0%,#05E0D8 100%);
}

figure.effect-moses img {
	opacity: 0.85;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-moses h2,
figure.effect-moses p {
	padding: 20px;
	width: 50%;
	height: 50%;
	border: 2px solid #fff;
}

figure.effect-moses h2 {
	padding: 20px;
	width: 50%;
	height: 50%;
	text-align: left;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(10px,10px,0);
	transform: translate3d(10px,10px,0);
}

figure.effect-moses p {
	float: right;
	padding: 20px;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-50%,-50%,0);
	transform: translate3d(-50%,-50%,0);
}

figure.effect-moses:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-moses:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-moses:hover img {
	opacity: 0.6;
}

/*---------------*/
/*-- //services --*/
/*-- mail --*/
.mail-left h3,.map h3{
	font-size:1.8em;
	color:#999;
	margin:0;
}
.mail-left h3 span,.map h3 span{
	color:#f72459;
}
.mail-left p{
	font-size:14px;
	color:#999;
	margin:0.5em 0 3em;
}
.mail-left ul{
	padding:2em 0;
	border-top:1px solid #EAEAEA;
}
.mail-left ul:nth-child(4){
	border-bottom:1px solid #EAEAEA;
}
.mail-left ul li{
	display: inline-block;
    font-size: 1.2em;
    padding-left: 1em;
    color: #999;
    font-weight: 600;
}
.mail-left ul li span,.mail-left ul li a{
	display: block;
    color: #777;
    font-weight: 300;
    padding-left: 1em;
    font-size: .8em;
    margin: .5em 0 0;
}
.mail-left ul li a{
	color:#f72459;
	text-decoration:none;
}
.mail-left ul li a:hover{
	color:#777;
}
.mail-left ul li i {
    left: -1em;
    color: #02A0C3;
}
.mail-left ul li:nth-child(2) {
    margin-left: 7em;
}
.mail-left input[type="text"]:nth-child(1),.mail-left input[type="email"]{
	width:47.6% !important;
	margin:1.5em 0;
}
.mail-left input[type="email"] {
    margin-left: 1.5em;
}
.mail-left input[type="text"],.mail-left input[type="email"],.mail-left textarea{
	outline:none;
	border:1px solid #EAEAEA;
	font-size:14px;
	color:#999;
	padding:10px;
	background:none;
	width:100%;
}
.mail-left textarea{
	margin:1.5em 0;
	min-height:150px;
}
.mail-left input[type="submit"]{
	outline:none;
	border:none;
	font-size:1em;
	background:#02a0c3;
	padding:12px 0;
	width:30%;
	color:#fff;
	transition:.5s ease-in;
	-webkit-transition:.5s ease-in;
	-moz-transition:.5s ease-in;
}
.mail-left input[type="submit"]:hover{
	background:#f72459;
}
.map iframe{
	width:100%;
	min-height:400px;
	margin:3em 0 -.3em;
}
/*-- //mail --*/

/*-- blog --*/
.blog-grid{
	border:1px solid #CDCDCD;
}
.blog-grids{
	margin:3em 0 0;
}
.blog-grid-right{
	padding:0;
}
.blog-grid-left {
    padding: 6em 4em 0;
}
.blog-grid-left h4 a{
	font-size:1.5em;
	text-transform:capitalize;
	text-decoration:none;
	color:#f72459;
}
.blog-grid-left h4 a:hover{
	color:#999;
}
.blog-grid-left p,p.admin{
	font-size:1em;
	color:#999;
	margin:1em 0 0;
	font-style:italic;
}
.blog-grid-left p a,p.admin a{
	color:#999;
	text-decoration:none;
}
.blog-grid-left p a:hover,p.admin a:hover{
	color:#02a0c3;
}
.blog-grid-left p span,p.admin span{
	color:#02a0c3;
}
.rem p{
	font-size:14px;
	color:#999;
	margin:1em 0 0;
	line-height:1.8em;
}
.rem{
	display:none;
	transition:.5s ease-in;
}
.blog-grid:hover .rem{	
	display:block;
}
.blog-grid-right{
	position:relative;
}
.blog-grid-right-pos{
	position:absolute;
	top:0%;
	left:0%;
	background:rgba(2, 160, 195, 0.61);
	padding:2em 1em 1em;
	transition:.5s ease-in;
}
.blog-grid-right-pos1{
	position:absolute;
	top:0%;
	right:0%;
	background:rgba(2, 160, 195, 0.61);
	padding:2em 1em 1em;
	transition:.5s ease-in;
}
.blog-grid:hover .blog-grid-right-pos,.blog-grid:hover .blog-grid-right-pos1{
	background:rgba(247, 36, 89, 0.6);
}
.blog-grid:hover .blog-grid-right-pos ul:after{
	border-left: 150px solid rgba(247, 36, 89, 0.6);
}
.blog-grid:hover .blog-grid-right-pos1 ul:before{
	border-right: 150px solid rgba(247, 36, 89, 0.6);
}
.blog-grid-right-pos ul,.blog-grid-right-pos1 ul{
	position:relative;
}
.blog-grid-right-pos1 ul:before{
	position: absolute;
    top: -18%;
    left:-118.5%;
    content: '';
    border-top: 0px solid transparent;
    border-bottom: 238px solid transparent;
    border-right: 150px solid rgba(2, 160, 195, 0.61);
}
.blog-grid-right-pos ul:after{
	position: absolute;
    top: -18%;
    right:-118.5%;
    content: '';
    border-top: 0px solid transparent;
    border-bottom: 238px solid transparent;
    border-left: 150px solid rgba(2, 160, 195, 0.61);
}
.blog-grid-right-pos ul li,.blog-grid-right-pos1 ul li{
	list-style-type:none;
	font-size:1em;
	color:#fff;
	padding-left: 1em;
	text-decoration:none;
	margin-bottom:1em;
}
.blog-grid-right-pos ul li a,.blog-grid-right-pos1 ul li a{
	font-size:1em;
	color:#fff;
	text-decoration:none;
}
.blog-grid-right-pos ul li span,.blog-grid-right-pos1 ul li span{
	left:-.5em;
}
.blog-grid-right-pos ul li a:hover,.blog-grid-right-pos1 ul li a:hover{
	color:#DDD;
}
.blog-grid:nth-child(2){
	margin:3em 0;
}
.pasge{
	margin:5em 0 0;
}
/*-- //blog --*/