@charset "UTF-8";
/* CSS Document */
.jumbotron {
    margin-bottom: 0px;
    background-image: url("../images/bgwater01.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
.carousel-caption h3 {
	font-size: 2em;
	font-family: 'Oswald', sans-serif;
	color: #ffffff;
	text-shadow: 1px 1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, -1px -1px 0 #333;
}
.carousel-caption p {
	font-size: 1em;
	font-family: 'Oswald', sans-serif;
	color: #fff;
	text-shadow: 1px 1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, -1px -1px 0 #333;
}
.carotextboxb {
  background:#7f7f7f;
  background:rgba(0,0,0,0.8);
}
.priceheading {
	text-align:center;
	background: #111111;
	color: #ffffff;
}
.priceblock {
	padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
}
.priceblockcase {
	padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
}

.priceblockboxprice h2 {	
	color: #FFFFFF;
	font-family: 'Shift', sans-serif;
	text-align: center;
  	font-size: 20px;
  	font-weight: 700;
}
.priceblock p {
	font-family: 'Shift', sans-serif;
	text-align: center;
  	font-size: 15px;
}
.priceblockbox {
	outline: 3px solid #111111;
	padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
}
/* price styling */
.cent {
	color: #2ECC40;
	font-family: 'Shift', sans-serif;
	font-size: 25px;
	vertical-align: top;
}
.pertext {
	color: #111111;
	font-family: 'Shift', sans-serif;
	text-align: center;
  	font-size: 15px;
	font-style:italic;
}
.ortext {
	color: #AAAAAA;
	font-family: 'Shift', sans-serif;
	text-align: center;
  	font-size: 42px;
	font-style: italic;
}
.payperusepricetext {
	color: #2ECC40;
	font-family: 'Shift', sans-serif;
	text-align: center;
  	font-size: 42px;
}
.monthlypricetext {
	color: #2ECC40;
	font-family: 'Shift', sans-serif;
	text-align: center;
	vertical-align: top;
  	font-size: 42px;
}
.annualpricetext {
	color: #2ECC40;
	font-family: 'Shift', sans-serif;
	text-align: center;
  	font-size: 42px;
}
.priceblockboxprice{
	background:#111111;
	padding-top: 10px;
    padding-right: 2px;
    padding-bottom: 10px;
    padding-left: 2px;
}
.pricepagepriceheading{
	background:#111111;
	padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
	text-align: center;
}
.pricepagepriceheadingtext {
	text-align: center;
  	font-size: 20px;
	color: #FFFFFF;
	font-family: 'Shift', sans-serif;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.startingattext{
	color: #111111;
	font-family: 'Shift', sans-serif;
	text-align: center;
  	font-size: 15px;
}
.priceblocknumcontacts{
	padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
	
}

.dynamicpricecontainer {
	border-left: 2px solid #111111;
	border-right: 2px solid #111111;
	border-bottom: 2px solid #111111;
	border-top: 2px solid #111111;
    border-width: 5px;
	padding-top: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px;
}

.priceblockulimiteduse{
	background:#DDDDDD;
	padding-top: 10px;
    padding-right: 2px;
    padding-bottom: 10px;
    padding-left: 2px;
	text-align: center;
}
.priceblockphone{
	padding-top: 10px;
    padding-right: 2px;
    padding-bottom: 10px;
    padding-left: 2px;
	text-align: center;
}
.priceblockemail{
	background:#DDDDDD;
	padding-top: 10px;
    padding-right: 2px;
    padding-bottom: 10px;
    padding-left: 2px;
	text-align: center;
}
.priceblocktext{
	padding-top: 10px;
    padding-right: 2px;
    padding-bottom: 10px;
    padding-left: 2px;
	text-align: center;
}

.TRowlCarosel {
	align-content:center;
}

.seeitinactionheading {
	text-align:center;
}	
.tryitout {
	align-content:center;
}
.tryitoutheading {
	text-align:center;
}
.formblock {
	padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
.formblockbox {
	outline: 1px solid black;
	background:#F2B705;
	padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
	text-align:center;
}
.bottomsection{
	background:#FFFFFF;
}
.bottom-padded-section{
	background:#FFFFFF;
}
.iris-message {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    color: #f2f2f2;
    background: #111111;
    border-radius: 4px;
	text-align:center;
}
.footer {
	background:#DDDDDD;
	text-align:center;
}

.masthead {
    padding: 90px 0;
    background: #efbd1e;
    -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .3367), inset 0 -1px 5px rgba(0, 0, 0, .3367);
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, .3367), inset 0 -1px 5px rgba(0, 0, 0, .3367);
}
.masthead h1 {
    font-family: Abel, Helvetica, Arial;
    font-size: 57px;
    color: #111111;
}

.masthead p {
    font-family: Abel, Helvetica, Arial;
    font-size: 27px;
    color: #111111;
}
.mastheadmobile {
    padding: 25px 0;
    background: #efbd1e;
    -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .3367), inset 0 -1px 5px rgba(0, 0, 0, .3367);
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, .3367), inset 0 -1px 5px rgba(0, 0, 0, .3367);
}
.mastheadmobile h1 {
    font-family: Abel, Helvetica, Arial;
    font-size: 25px;
    color: #111111;
}
.mastheadmobile p {
    font-family: Abel, Helvetica, Arial;
    font-size: 15px;
    color: #111111;
}


.formsubmittedhead{
	text-align:center;
}

.customquotediv{
	padding-top: 20px;
	padding-bottom: 50px;
	padding-left: 50px;
	padding-right: 50px;
}

.tryirisdiv{
	padding-top: 20px;
	padding-bottom: 50px;
	padding-left: 50px;
	padding-right: 50px;
}


/* Style for the Pricing Page */

#exTab1 .tab-content {
  outline: 1px solid black;
  color : #111111;
  background-color: #FFFFFF;
  padding : 10px 15px;
  
}

#exTab2 h3 {
  color : white;
  background-color: #DDDDDD;
  padding : 5px 15px;
}

/* remove border radius for the tab */

#exTab1 .nav-pills > li > a {
  border-radius: 0;
}

/* Start of Column CSS */
#pricecontainer2 {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	background:#FFFFFF;
}
#pricecontainer1 {
	float:left;
	width:100%;
	position:relative;
	right:50%;
	background:#DDDDDD; /* column 1 background colour */
}
#pricecol1 {
	float:left;
	width:46%;
	position:relative;
	left:52%;
	overflow:hidden;
}
#pricecol2 {
	outline: 1px solid black;
	float:left;
	width:46%;
	position:relative;
	left:56%;
	overflow:hidden;
}

.lightleftpriceheadingdiv1 {
    width: 50%;
    float: left;
    height: 100%;
	background: #DDDDDD;
}
.lightrightpriceheadingdiv2 {
    width: 50%;
    float: right;
    height: 100%;
	background: #DDDDDD;
}

.lightleftpricediv1 {
    width: 50%;
    float: left;
    height: 100%;
	background: #DDDDDD;
	padding-top: 10px;
}
.lightrightpricediv2 {
    width: 50%;
    float: right;
    height: 100%;
	background: #DDDDDD;
	padding-top: 10px;
}

.numberofcontactsleftpricediv1 {
    width: 50%;
    float: left;
    height: 100%;
	background: #DDDDDD;
}
.numberofcontactsrightpricediv2 {
    width: 50%;
    float: right;
    height: 100%;
	padding-bottom: 25px;
	vertical-align: middle;
}

.spacerpricediv {
	width: 100%;
    float: right;
    height: 100%;
}

.spacerpricegreydiv {
	width: 100%;
    float: right;
    height: 40px;
	background: #DDDDDD;
}

.whiteleftpricediv1 {
    width: 50%;
    float: left;
    background: #ffffff;
    height: 100%;
	padding-top: 10px;
	
}
.whiterightpricediv2 {
    width: 50%;
    float: right;
    background: #ffffff;
    height: 100%;
	padding-top: 10px;
	
}

.mobileHide { display: inline; } 
  /* Smartphone Portrait and Landscape */ 
  @media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 480px){ 
     .mobileHide { display: none;}
  }

/* --> */