/*
----------------------------------------------------------------------------------------------------------
02 Floats
----------------------------------------------------------------------------------------------------------
*/

.left                                   { float:left; }
.right                                  { float:right; }
.left-text                          { text-align:left }
.right-text                         { text-align:right }
.center-text                        { text-align:center }
.clear                                  { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0 }
.clearfix:after                 { clear:both; content:''; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0 }
* html .clearfix,
*:first-child+html .clearfix        { zoom:1 }
.center-block{
	display:block;
	margin:0 auto;
}
.normal                                 { font-weight:normal }
.strong                                 { font-weight:bold }
.italic                                 { font-style:italic }
.small                                  { font-size:0.700em; line-height: 1.5em }
.uppercase                          { text-transform: uppercase }
.strikethrough                  { text-decoration: line-through; }
.bottom-space							{margin-bottom:10px;}
.para                                       { margin-bottom: 2em}
.grey                                       { color: #b9b5ad }
.white                                  { color: white !important }
.red                                        { color: #ac0818 }
/*
----------------------------------------------------------------------------------------------------------
02 Main Layout
----------------------------------------------------------------------------------------------------------
*/
.wrapper                            { display:table; width:100%; height:100%; margin:auto;}

.cell                               { display:table-cell; width:100%; vertical-align:bottom; position:relative;  }

.banner-main                        { background-color: rgb(0,125,150); text-align: center; 
									background-image: url(../images/waves-bg.jpg); 
									background-position: center center; 
									-webkit-background-size: cover;   -moz-background-size: cover;
									-o-background-size: cover;  
									background-size: cover;
									-moz-box-shadow: inset 0 100px 100px -100px rgba(0, 0, 0, .9);
									-webkit-box-shadow: inset 0 100px 100px -100px rgba(0, 0, 0, .9) ;
									box-shadow: inset 0 800px 600px -600px rgba(10, 10, 10, .2), inset 0 -600px 400px -400px rgba(0, 0, 0, .2);
									}

/* 

bootstrap

*/

.navbar 							{ background-color: rgba(256,256,256,0.9);
  									  
									  margin-bottom:0px;
									  -moz-box-shadow: 0px 3px 5px rgba(68,68,68,0.25);
									  -webkit-box-shadow: 0px 3px 5px rgba(68,68,68,0.25);
									  box-shadow: 0px 3px 5px rgba(68,68,68,0.25);
								
									filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.25);
									-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.25)";
									}
.navbar { z-index:1000;}
.nav-container                  		{ position: relative }
ul.nav                                  { width: auto; }
ul.nav li                           	{ list-style: none; display: inline-block; text-align: center; }
ul.nav li a                         	{ display: block; text-align: center; background:none;}
ul.nav li a span                        {  letter-spacing: 0.02em; font-size:1.1em; text-transform:uppercase}
.navbar .nav > li > a {
  	float: none;
  	text-decoration: none;
  	text-shadow: 0 1px 0 white;
}
.navbar .nav > li > a:hover{
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus
										{ background: rgba(0,33,50,.1)}
.navbar-default .navbar-nav > .active > a > span
										{   font-weight:400}

.navbar-brand {
  float: left;
  padding: 10px 15px;
}
.contact_phone{
    padding-top: 23px;
    padding-bottom: 22px; 
	font-size:1.1em; color:#000; }
.nav > li > a {
	padding-left:20px;
	padding-right:20px;
	
}
.blue, .blue h1{
	color:#fff;
	background-color:#459FD3;
}
.grey {
	background-color:#2C2C2C;
	color:#C2C2C2;
	font-weight:300;
}
.grey h2, .grey p {
	color:#c2c2c2;
}
.testimonial {
    color: #C2C2C2;
    font-style: italic;
    margin-bottom: 20px;
    font-size: 0.9em;
    line-height: 1.5em;
}
.blue .section-title h2, .banner-greeen-image h2{
    font-size: 2em;
    line-height: 1.7em;
    font-weight: 300;
	color:#fff !important;
	padding-bottom:50px;
}
section div img {
	margin: 0 auto;
	
}
.circle-image img {
               -webkit-border-radius: 50%;
               -moz-border-radius: 50%;
               -ms-border-radius: 50%;
               -o-border-radius: 50%;
                border-radius: 50%;
				border: 10px solid #FFF;
				width:100%;
	height:100%;
                              }

.blue p	{padding:20px 0px !important; margin:0px !important; text-align:left; letter-spacing:0.02em; font-size:1em;line-height:1.6em;letter-spacing:0.02em; padding-bottom:30px; font-weight:300; color:#fff }
.blue h3 {
	font-size: 1.6em;
	color: #FFF;
	margin: 20px auto;
}
.banner-greeen-image               	{ 
				text-align: center; 
									position:relative; 
									z-index:100; 
									width:100%;
									background-color: #459fd3;
									-webkit-background-size: cover;   
									-moz-background-size: cover;
									-o-background-size: cover;  
									background-size: cover;
									background-position: center top;
									}
.title {
	font-weight:bold;
    padding-bottom: 5px !important;
}
.dotted-border		{ border:1px solid #005291; border-style:dashed; font-weight:300}
.just-text {
    text-align: left;
    letter-spacing: 0.02em;
    padding: 20px 50px 0px;
}
.green-phone{ color:#76b100;}
.section-title h2 {
	padding-bottom:50px;
}
.blue-top	{display:inline-block; width:152px;margin:0 auto;float:left}
.blue-left-right{ background-color: #459fd3; background-repeat:repeat; height:36px; position:relative; float:left}
.grey-top	{display:inline-block; margin:0 auto; width:121px;float:left; background-image:url(../images/white-semi.png); height:32px; background-repeat:no-repeat; background-position:right top}
.grey-bottom	{display:inline-block; margin:0 auto; width:121px;float:left; background-image:url(../images/grey-semi.png); height:32px; background-repeat:no-repeat; background-position:right top}
.grey-left-right{ background-color: #2c2c2c; background-repeat:repeat; height:32px; position:relative; float:left; width:100%; margin-bottom:80px;}
.white-left-right{ background-color: #ffffff; background-repeat:repeat; height:32px; position:relative; float:left; width:100%; margin-top:38px;}
.white-left-right{ background-color: #ffffff; background-repeat:repeat; height:32px; position:relative; float:left; width:100%; margin-top:38px;}
.contact_phone {
    padding-top: 23px;
    padding-bottom: 22px;
    font-size: 1.1em;
    color: #000;
}
.modal {
position: fixed;
right: o;
top: 40px;
}
.modal-title{
	font-size:1.2em;
	padding-bottom:10px;
	padding-top:5px;
	}
	
.modal-dialog{
	width:340px;
	border:14px solid rgba(0,51,102,0.4);
}
.modal-header{
	border:none;
	padding-bottom:0px;
}
.modal-header p{
	color:#fff !important;
}
.modal-header,
.btn-custom {
	background: #2a6485;
	color: #FFF;
}
.modal-body, .modal-header {
	background-color: #459fd3;
}
.popover   {
	background-color: #e74c3c;
	color: #ecf0f1;
	width: 150px;
}
.popover.right .arrow:after {
	border-right-color: #e74c3c;
}
.input-group[class*="col-"] {
    padding-right: 15px;
    padding-left: 15px;
}
.modal-body{
	padding-top:10px;
}
form .button{
	color:#fff !important;
}
.gform_wrapper {
    margin: 0px !important;
    max-width: 100% !important;
    overflow: inherit;
	color:#fff !important;
}
.gform_wrapper .top_label .gfield_label {
    font-weight: 300 !important;
    line-height: 1.2em !important;
    margin: 6px 0 3px !important;
}
label{
	font-weight:300;
	font-size:0.9em
}
.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
    width: 100% !important;
}
.ginput_left, .ginput_right{
	width:49% !important
}

.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"] {
    outline-style: none;
    font-size:  0.9em !important;
}
.gform_wrapper .ginput_complex input[type="text"], .gform_wrapper .ginput_complex input[type="url"], .gform_wrapper .ginput_complex input[type="email"], .gform_wrapper .ginput_complex input[type="tel"], .gform_wrapper .ginput_complex input[type="number"], .gform_wrapper .ginput_complex input[type="password"], .gform_wrapper .ginput_complex select {
    width: 100% !important;
}
.gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input {
    width: 100% !important;
}
gform_button{
	background-color:#2A6485;
}
.form-control{
	padding:6px 12px !important;
}
.gform_wrapper select {
    font-size: 0.9em !important;
	padding:2px 12px !important;
}
#commentsform input[type="text"], textarea {
    text-transform:none !important;
}
.gfield input, .gfield textarea, .gfield select{
	height:30px !important
}
.gform_wrapper .gform_footer {
    margin: 6px 0px 0px !important;
}

.green-phone{ color:#76b100 !important;}
.dupa {
	position:absolute;
	bottom:0;
	left:0;
}
.menu-main-menu-container{
	float:right;
	position:relative;
	padding-top: 24px;
}
ul.nav li a span, section h3{
	font-family: 'Open Sans Condensed'
}
@media only screen and (max-width: 1300px) {
	ul.nav li a span{
		font-size: 1em;
	}
}
@media only screen and (max-width: 1024px) {
ul.nav li a span{
		font-size: 0.9em;
}
.navbar-brand {
	display: block;
    max-width: 300px;
    margin-left: -100px !important;    
	margin-right: auto;
	text-align: center;
	position: absolute;
    top: 0;
    left: 50%;
}
.navbar-header {
	alignment-adjust:central;
	text-align:center;
	margin:auto;
}
.navbar-collapse{ margin-right:50px !important;}
}
@media only screen and (max-width: 900px) {
	ul.nav li a span{
		font-size: 0.86em;
	}
}
@media only screen and (max-width: 767px) {
.just-text {
    padding: 20px 10px 0px;
	margin-bottom:20px;
}
.section-title {
    margin: 30px auto 0px;
    text-align: center;
}
.navbar-collapse{ margin-right:auto !important;}
}
@media only screen and (max-width: 479px) {
.just-text {
    padding: 20px 10px 0px;
	margin-bottom:20px;
	font-size:0.9em;
	font-weight:300
}
.title{
	font-size:1.1em
}
span {font-size:0.8em; font-weight:300}
.navbar-brand {
	display: block;
    max-width:auto;  
	margin-left:0px !important; 
	margin-right: auto;
	position: absolute;
    top: 0;
    left: auto;
}
}