/*#####################################################################################################################*/
/*GLOBAL STYLE */
html, body {font-family: Century Gothic, Verdana, Arial, helvetica, Calibri; color: #4a5153; font-size: 20px; line-height: 22px; font-weight: normal; background-color: #e5e5e5; height: 100%; width: 100%; margin: 0; padding: 0;}

a,a:visited {text-decoration: none; color: #64ce4b; font-size: 20px; font-family: Century Gothic, Verdana, Arial, helvetica, Calibri; outline: none;}
a:hover,a:visited:hover {text-decoration: none; color: #9c9c9c; outline: none;}

.container-full {margin-right: 0; margin-left: 0; padding-left: 0; padding-right: 0;}

button {position: relative; margin: 0; padding: 1em; z-index: 1;}
@media (min-width:768px) {.container-full {width:100%}}
@media (min-width:992px) {.container-full{width:100%}}
@media (min-width:1200px) {.container-full {width:100%}}

.container {
	box-shadow:0 0 30px rgba(0,0,0,0.9);
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {width: 750px;}
}
@media (min-width: 992px) {
  .container {width: 970px;}
}
@media (min-width: 1200px) {
  .container {width: 1090px;  }
}
@media (min-width: 1520px) {
  .container {width: 1500px;  }
}
.row {margin-right: 0px; margin-left: 0px;}
.row-centered {text-align: center;}
.col-centered {margin: 0 auto;}
@font-face {
    font-family: 'AmbleRegular';
    src: url('../font/AmbleRegular/Amble-Regular-webfont.eot');
    src: url('../font/AmbleRegular/Amble-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/AmbleRegular/Amble-Regular-webfont.woff') format('woff'),
         url('../font/AmbleRegular/Amble-Regular-webfont.ttf') format('truetype'),
         url('../font/AmbleRegular/Amble-Regular-webfont.svg#Amble-Regular-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*#####################################################################################################################*/
/*UPGRADE BROWSER PAGE*/
.container-ie{border:none;background:url('../images/sprite/browsers-sprite.png') -506px 0px;  height:126px;width:126px;}
.container-chrome{border:none;background:url('../images/sprite/browsers-sprite.png')  0px 0px;height:126px;width:126px;}
.container-firefox{border:none;background:url('../images/sprite/browsers-sprite.png') -127px 0px;height:126px;width:126px;}
.container-safari{border:none;background:url('../images/sprite/browsers-sprite.png') -256px 0px;height:126px;width:126px;}
/*#####################################################################################################################*/
/*TOP*/
.logo {padding: 14px 10px 0 70px;transition:all ease 300ms;}
.logo:hover {transform:scale(1.05);}
/*navigation*/
.line {border-right: 1px solid #fff;}
.navbar-default {margin-bottom: 0px; z-index: 1000; border: none; border-radius: 0; background-color: #fff; padding-right:60px;}
.navbar-default .navbar-nav > li > a {padding: 50px 10px 56px 10px; color: #2591ba; outline: none; font-size: 22px; font-family: Century Gothic, Verdana, Arial, helvetica, Calibri;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {color: #64ce4b; outline: none;}
@media (max-width: 1520px) {
.navbar-default .navbar-nav > li > a {padding: 50px 5px 30px 5px; font-size: 20px;}
}
@media (max-width: 1200px) {
	.navbar-default .navbar-nav > li > a {padding: 50px 5px 30px 5px; font-size: 18px; }

}
@media (max-width: 992px) {
	.navbar-default .navbar-nav > li > a {padding: 25px 3px 25px 3px; font-size: 16px; }
	.navbar-default {margin-bottom: 0px; padding-right:10px;}	
	.logo {padding: 14px 10px 0 20px;}
}
@media (max-width: 768px) {
	.navbar-default {margin-bottom: 0px; padding-right:0;}	
	.navbar-default .navbar-nav > li {padding: none;}
	.navbar-default .navbar-nav > li > a {padding: 4px 4px 4px 8px; margin: 0; font-size:16px; text-align: left;}
	.navbar-collapse {z-index: 1000; background-color: #fff;}	
	.navbar-collapse.collapse {text-align: left; /* Set this */}
}
/*mobile navbar*/
.navbar-toggle {position: relative; float: right; padding: 9px 7px; background-color: transparent; background-image: none; border: 0px solid transparent; border-radius: 4px; margin-top: 5px; margin-bottom: 5px; margin-right: 10px;}
.navbar-toggle .icon-bar {display: block; width: 28px; height: 5px; border-radius: 2px;}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 5px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #64ce4b;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {background-color: #2591ba;}
.navbar-collapse {z-index: 1000; padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 0; -webkit-box-shadow: none; box-shadow: none;}
.navbar-collapse.in {overflow-y: auto;}
/*#####################################################################################################################*/
/*HEADINGS*/
h1 {color: #2591ba; font-size: 36px; font-family: Century Gothic, Verdana, Arial, helvetica, Calibri; margin: 0; padding: 0 0 25px 0;}
h2 {color: #fff; font-size: 36px; font-family: Century Gothic, Verdana, Arial, helvetica, Calibri; margin: 0; padding: 0;}
h3 {color: #64ce4b; font-size: 26px; font-family: Century Gothic, Verdana, Arial, helvetica, Calibri; margin: 0; padding: 0;}
h4 {color: #dc0000; font-family: Century Gothic, Verdana, Arial, helvetica, Calibri; margin: 0; padding: 0;}
/*#####################################################################################################################*/
/*CONTENT STYLES*/
.clear {clear: both;}
.contentpad {padding: 25px 3.645vw;}

.whitebg {background-color: #fff; max-height: auto; overflow: hidden;}
.orangebg {background-color: #ef4036; max-height: auto; overflow: hidden; height: 5px;}
.greybg {background: #9a9ca0; /* For browsers that do not support gradients */
		  background: -webkit-linear-gradient(left, #52585c, #5f6467, #717679, #868a8d, #9a9da0, #a8abad, #adafb0,#a6a9ab, #989b9d, #858a8c, #71777a, #616769, #545c5e); /* For Safari 5.1 to 6.0 */
		  background: -o-linear-gradient(right, #52585c, #5f6467, #717679, #868a8d, #9a9da0, #a8abad, #adafb0,#a6a9ab, #989b9d, #858a8c, #71777a, #616769, #545c5e); /* For Opera 11.1 to 12.0 */
		  background: -moz-linear-gradient(right, #52585c, #5f6467, #717679, #868a8d, #9a9da0, #a8abad, #adafb0,#a6a9ab, #989b9d, #858a8c, #71777a, #616769, #545c5e); /* For Firefox 3.6 to 15 */
		  background: linear-gradient(to right,#52585c, #5f6467, #717679, #868a8d, #9a9da0, #a8abad, #adafb0,#a6a9ab, #989b9d, #858a8c, #71777a, #616769, #545c5e); /* Standard syntax */}
.mainmiddle { background-image: url('../images/background/middlebg.jpg'); background-position:center; background-repeat: no-repeat; background-attachment:fixed; background-size: cover; min-height: 433px; position:relative;}
.centrebottomframe { position:absolute; bottom:0; left:0; padding:0; margin:0;}
.icons { margin: 0px 0px; background-color: rgba(37,145,186,0.8); border-radius: 20px; transition:all ease 100ms; cursor: pointer;}
.icons:hover { background-color: rgba(100,206,75,0.8); transform:scale(1.1);}
.iconspad { padding: 39px 95px 136px 95px;}
.iconspad2 { padding: 25px 25px 25px 25px;}
/*.belowmiddle {background-image: url('../images/background/grey_gradient_bg.png'); background-repeat: repeat-y; background-attachment: scroll; background-size: auto; min-height: 433px; position:relative;}*/
.centretopframe { position:absolute; top:0; left:0;}
a.greenbutton { color: #fff;  background-color: #64ce4b;  border: none;  font-size: 36px;  padding: 25px 106px; border-radius: 20px;}
a.greenbutton:hover,
a.greenbutton:focus,
a.greenbutton:active,
a.greenbutton.active
{
  color: #64ce4b;
  background-color: #2591ba;
  border: none;
}
.bottompart { padding: 30px 208px;}
.buttonpad { padding: 25px 0 0 0;}
ul, li { list-style-image:url(../images/content/bullet.png); margin-left: 5px;}
.footersm { padding: 0 2px; transition:all ease 300ms; margin: 0 0 0 20px;}
.footersm:hover { transform:rotate(720deg) scale(1.1);}
.sm-main {transition:all ease 300ms;}
.sm-main:hover {transform:rotate(720deg) scale(1.1);}
@media (max-width: 1520px) {
	.iconspad2 { padding: 25px 10px;}
	.iconspad { padding: 39px 50px 136px 50px;}
	.bottompart { padding: 30px 100px;}
	.mainmiddle {min-height: 0; position:relative;}
	.iconspad2 { padding: 25px 25px 0 25px;}
	.iconspad { padding: 39px 95px 120px 95px;}
	.footersm {  margin: 0 0 0 10px;}
}
@media (max-width: 1200px) {
	.iconspad2 { padding: 25px 5px;}
	.iconspad { padding: 39px 25px 100px 25px;}
	.bottompart { padding: 30px 50px;}
	.footersm {  margin: 0 0 0 10px;}
}
@media (max-width: 992px) {
	a.greenbutton { font-size: 36px;  padding: 25px 50px; border-radius: 20px;}
	.iconspad { padding: 39px 25px 80px 25px;}
	.mainmiddle { min-height: 0;}
	.footersm { padding: 0 10px; margin: 0 0 0 10px;}
}
@media (max-width: 768px) {
	.iconspad2 { padding: 10px 0.65vw;}
	.iconspad { padding: 39px 6.5vw 80px 6.5vw;}
	a.greenbutton {  font-size: 26px;  padding: 25px 50px; border-radius: 20px;}
	html, body {font-size: 18px; line-height: 20px;}
	a,a:visited {font-size: 18px;}
	.footersm { padding: 0 0; margin: 0 0 0 5px;}
	.icons:hover {transform: none;}
}
@media (max-width: 366px) {
	.sm-main { padding: 0 5px;}
	a.greenbutton {  font-size: 22px;  padding: 25px 15px; border-radius: 20px;}
	

}
/*#####################################################################################################################*/
/*FONT STYLES*/	
.bold {font-weight: bold;}
.italic {font-style: italic;}
.white {color: white;}
/*#####################################################################################################################*/
/*FONTS COLORS*/
.text-danger {color: #000;}
/*#####################################################################################################################*/
/*CONTACT FORM*/
.form-control {border-radius: 5px; color: #777; font-size: 13px;}
.form-control:focus {border-color: #64ce4b; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(100,206,75,.075), 0 0 8px rgba(100,206,75, .6); box-shadow: inset 0 1px 1px rgba(100,206,75,.075), 0 0 8px rgba(100,206,75, .6);}

.btn-primary {
  color: #fff;
  background-color: #64ce4b;
  border: none;
  font-size: 20px;
  padding: 9px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #2591ba;
  border: none;
}
.btn {border-radius: 15px;}
.loading-form {
    width: 30px;
    height: 30px;
    background-image: url(../images/ico/loading.gif);
    background-repeat: no-repeat;
}
/*#####################################################################################################################*/
/*FOOTER*/
.bot-bar {text-align:center;
			background: #087ca9; /* For browsers that do not support gradients */
		  background: -webkit-linear-gradient(left, #013f6d, #76c7e2, #087ca9); /* For Safari 5.1 to 6.0 */
		  background: -o-linear-gradient(right, #013f6d, #76c7e2, #087ca9); /* For Opera 11.1 to 12.0 */
		  background: -moz-linear-gradient(right, #013f6d, #76c7e2, #087ca9); /* For Firefox 3.6 to 15 */
		  background: linear-gradient(to right, #013f6d, #76c7e2, #087ca9); /* Standard syntax */
			padding: 27px;}
.copytext {color: #fff; font-size: 18px; line-height: 21px; font-weight: normal; font-family: Century Gothic, Verdana, Arial, helvetica, Calibri;}
.copytext a {color: #fff; font-size: 18px; padding: 0 10px 0 5px;}
.copytext a:hover {color: #000; text-decoration:none;}

a.copytext,a.copytext:visited {text-decoration: none; color: #fff;  font-size: 18px; outline: none; font-family: Century Gothic, Verdana, Arial, helvetica, Calibri;}
a.copytext:hover,a.copytext:visited:hover {text-decoration: none; color: #000; outline: none;}
a.copyat, a.copyat:visited {text-decoration: none; color: #fff; outline: none; font-weight: normal;}
@media (max-width: 992px) {
	.copytext {font-size: 16px; line-height: 19px;}
.copytext a {font-size: 16px;}
a.copytext,a.copytext:visited {font-size: 16px;}
}
@media (max-width: 768px) {
	.copytext {font-size: 13px; line-height: 16px;}
.copytext a {font-size: 13px;}
a.copytext,a.copytext:visited {font-size: 13px;}
}
/*#####################################################################################################################*/
.clearfix:before, .clearfix:after { content: ""; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}