html, body{
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
	font-size: 100%;
	background: #5bc0de;
}
body a,.grid_1,plan_1,plan_1.one,plan_1.two,i.icon1, i.icon2, i.icon3, i.icon4, i.icon5, i.icon6 {
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
a:hover{
 text-decoration:none;
}
input[type="button"],input[type="submit"],li.parallelogram{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
h1,h2,h3,h4,h5,h6{
	margin:0;
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}	
p{
	margin:0;
	
}
ul{
	margin:0;
	padding:0;
}
/*-- navigation --*/
.navbar {
  position: relative;
  min-height: 0;
  margin-bottom: 0;
  border: none;
}
.navbar-default {
  border: none;
  background-color: rgba(248, 248, 248, 0);
}
.navbar-collapse {
  padding-right: 0;
  padding-left: 0;  
  background: #002744;
  }
.navbar-default .navbar-nav > li > a {
    color: #fff;
}
.navbar-default .navbar-nav > li > a:hover {
  color: #002744;
  background-color: transparent;
}
.navbar-default .navbar-nav > li > a:focus{
  color: #002744;
}
.navbar-nav {
    margin: 0px;
}
.nav > li > a {
text-align:center;
font-size:1em;
  position: relative;
  padding: 30px 16px !important;
  
}
.logo {
    float: left;
}
.logo a {
    font-size: 1.5em;
    color: #edbf53;
    display: inline-block;
    text-decoration: none;
}
.navigation {
    float: right;
}
.logo span {
    color: #fff;
}
input {
    padding: 3px 8px;
}
/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  background:;
  color: #fff;
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#EDBF53;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover,a.hvr-bounce-to-bottom:focus,a.hvr-bounce-to-bottom:active {
  color: white;
}
.hvr-bounce-to-bottom:hover:before,a.hvr-bounce-to-bottom:focus:before,a.hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/*-- //Bounce To Bottom --*/
/*--navigation--*/
.header {
    padding: 2em 0;
}
/*--banner--*/
.banner{
	background:#5bc0de;
	background-size:cover;
	min-height: 500px;
}
.banner-info h2 {
    color: #fff;
    font-size: 2em;
    text-align: center;
    margin: 0 0 1em;
}
.banner-info {
    padding: 2em 0 0;
    width: 50%;
    margin: 0 auto;
}
.banner-info input.tex {
    width: 100%;
    padding: 10px 10px;
    background: #fff;
    font-size: 25px;
    text-align: center;
    letter-spacing: 1px;
    color:#CACACA;
    outline: none;
    border: none;
}
div#loadMore {
    background: #286090;
    padding: 7px 0px;
    width: 50%;
    margin: auto;
    margin-top: 1em;
    text-align: center;
    color: #FFF;
    font-size: 20px;
}
.past {
    margin-bottom: 1em;
}
.glyphicon {
    color: #000 !important;
}
.fa {
    color: #000 !important;
}
.selt-style {
    width: 100%;
    padding: 4px;
}
.float-left{text-align:left !important; margin-top: 2em;}
.margin-bottom {
    margin-bottom: 7px;
    color: #FFF !important;
    font-size: 20px;
}
.footable>tbody>tr:hover{
    background: #EDBF53 !important;
color:#FFF!important;
}
.hvr-shutter {
padding: 8px 32px;
    background: #2e6da4;
    border: none;
    color: #FFF;
    font-size: 19px;
}
a#lnkLogout:before {
    background: #FFF !important;
}
tbody{
color:#FFF !important;
}
.margin-top{margin-top:2em;}
.sign-up a {
    float: right;
    background: #FFF !important;
    padding: 2px 9px;
    color: #000 !important;
    margin-top: 1em;
	margin-bottom: 1em;
}
.r-history {
    background: #EDBF53 !important;
    overflow: auto;
    padding: 11px;
}
/*--about--*/
.about, .services, .features, .contact {
    text-align: center;
    padding: 0 0 5em;
    background: #fff;
    margin-top: 2em;
}
.about h3,.services h3,.features h3,.contact h3{
    background: #5bc0de;
    padding: 0.7em 0;
    width: 22%;
    margin: 0 auto;
    color: #fff;
    font-size: 2em;
}
.about span,.services span,.features span,.contact span{
    color: #FFF;
}
.about p {
	font-size: 1.2em;
	color: #737271;
	margin: 2em auto;
	width: 100%;
	line-height: 1.8em;
	text-align: justify;
}
.about img {
    display: inline-block;
}
.abt-btm p {
    font-size: 1em;
    margin: 0em auto;
}
.abt-btm {
    margin: 2em 0;
}
.long-width {
    width: 50% !important;
	margin: auto !important;
}
.back-color {
    padding: 7px !important;
	background: #CCC !important;
}
.back-color-wt{background: #E9E9E9;
padding: 7px;}
.footer-btn {
    padding: 10px 19px;
    color: #000;
    margin-left: 40px;
    background: #FFF;
}
.background-img {
    width: 100%;
    height: 290px;
    object-fit: cover;
    overflow: hidden;
	border: 1px solid #CCC;
}
.serv-left {
    text-align: -moz-center !important;
}
.cot-input {
    width: 100%;
    padding: 10px !important;
}
.title-style {
    background: #EDBF53 !important;
    padding: 10px !important;
    color: #002744 !important;
}
.shop-box {
    background: #002744 !important;
    color: #FFF !important;
padding-top: 7px;
}
/*--/about--*/
/* Shutter In Horizontal */
a.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background:#2e6da4;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #FFF;
  font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
}
a.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background:#5bc0de;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
color:#FFF;
}
a.hvr-shutter-in-horizontal:hover,a.hvr-shutter-in-horizontal:focus,a.hvr-shutter-in-horizontal:active {
  color: #FFF;
}
a.hvr-shutter-in-horizontal:hover:before,a.hvr-shutter-in-horizontal:focus:before,a.hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
a.hvr-shutter-in-horizontal.button {
    text-decoration: none;
    padding: 6px 30px;
    font-size: 25px;
}
/* //Shutter In Horizontal */
.find {
    text-align: center;
    margin-top: 2em;
}
.find a {
    color: #5e4534;
    font-size: 1.7em;
    background: #edbf53;
	padding: 0.1em 1em;
    display: inline-block;
    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
    text-decoration: none;
}
.find input {
	    color: #FFF;
	    font-size: 1.7em;
	    background: #286090;
	    padding: 0.1em 1em;
		display: inline-block;
		font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif;
		text-decoration: none;
    border: none;
	}
/*--services--*/
.services h4 {
    color: #5e4534;
    margin: 0.7em 0;
}
.serv-top {
    margin: 5em 0;
}
.services p {
    font-size: 1em;
    line-height: 1.8em;
    color: #737271;
}
.serv-top {
    margin: 5em 0 4em;
}
.ser-botm p {
    width: 83%;
    margin: 0 auto;
}
span.glyphicon.glyphicon-tasks,span.glyphicon.glyphicon-globe,span.glyphicon.glyphicon-th-large{
    font-size: 4.5em;
	color:#a7a59f;
}
/*--/services--*/
/*---request list--*/
.req-box {
	background: #F2A200;
	overflow: auto;
	padding: 10px;
	color: #FFF;
}
.req-py {
    text-align: center !important;
    background: #FFF;
    padding: 0px 15px !important;
    color: #000;
}
/*--features--*/
.feat-left {
    text-align: left;
    padding-top: 3em;
}
.feat-top {
    margin-top: 5em;
}
/*--/features--*/
/*--social--*/
.social {
    float: right;
}
.social ul{
	padding:0;
	margin:0;
}
.social ul li {
    display: inline-block;
    margin: 0 3px;
}
.social ul li a.facebook{
    background: url(../images/social.png) no-repeat 0px 0px; 
    width: 32px;
    height: 32px;
    display: block;
}
.social ul li a.twitter{
    background: url(../images/social.png) no-repeat -34px 0px ;
}
.social ul li a.chrome{
    background: url(../images/social.png) no-repeat -68px 0px ;
}
.social ul li a.in{
    background: url(../images/social.png) no-repeat -102px 0px ;
}
.social ul li a.facebook:hover{
	opacity:.5;
}
/*--social--*/
.footer p {
    float: left;
    font-size: 1em;
    color: #FFF;
    line-height: 0.8em;
    margin-bottom: 0px;
}
.footer p a{
    color: #FFF;
}
.footer p a:hover{
    color: #000;
}
.footer {
    padding: 1.5em 0;
}

.banner1 {
    background: #002744;
    background-size: cover;
    min-height: 180px;
}
.singlepage {
    background: #fff;
    padding: 5em 0;
}
/*--responsive-design--*/
@media screen and (max-width: 1280px) {
.banner {
    min-height: 630px;
}
.banner-info {
    padding: 5em 0 0;
}
}
/*--responsive-design--*/
@media screen and (max-width: 1024px) {
.banner-info {
    padding: 3em 0 0;
}
.banner {
    min-height: 570px;
}
}
/*--responsive-design--*/
@media screen and (max-width: 991px) {
.banner-info {
    width: 70%;
}
.dropdown-button {
    float: left;
    width: 50%;
}
.find {
    margin-top: 1em;
}
.about h3, .services h3, .features h3, .contact h3 {
    width: 26%;
}
.about p {
    width: 100%;
}
.about, .services, .features, .contact {
    padding: 0 0 3em;
}
.serv-left {
    float: left;
    width: 33.33%;
}
.ser-botm p {
    width: 100%;
}
.feat-rgt {
    float: left;
    width: 50%;
}
.feat-left {
    float: left;
    width: 50%;
}
.feat-btom {
    margin-top: 3em;
}
.contact p {
    width: 100%;
}
.cont-left {
    width: 50%;
    float: left;
}
.cont-rgt {
    float: left;
    width: 50%;
}
.con-top {
    margin: 2em 0;
}
.banner {
    min-height: 530px;
}
}
/*--responsive-design--*/
@media screen and (max-width: 768px) {
.banner-info {
    padding: 2em 0 0;
}
.banner {
    min-height: 490px;
}
.about p {
    font-size: 1em;
}
.abt-btm p {
    font-size: 0.875em;
}
span.glyphicon.glyphicon-tasks, span.glyphicon.glyphicon-globe, span.glyphicon.glyphicon-th-large {
    font-size: 3.5em;
}
.services p {
    font-size: 0.875em;
}
.serv-top {
    margin: 4em 0 4em;
}
.features ul li a {
    font-size: 0.875em;
}
.contact p {
    font-size: 0.875em;
}
.singlepage p {
    font-size: 0.875em;
}
}
/*--responsive-design--*/
@media screen and (max-width: 736px) {
.feat-left {
    padding-top: 2em;
}
.about h3, .services h3, .features h3, .contact h3 {
    padding: 0.5em 0;
    width: 33%;
}
.navbar-default .navbar-toggle {
    border-color: #FFF !important; 
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #002744 !important;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #EDBF53 !important;
}
.navbar-toggle {
    margin-top: -34px !important;
	margin-right: 5px !important;	
}
.navigation {
    float: right;
    width: 100%;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: rgb(0, 111, 183);
    background: rgb(0, 111, 183);
}
.nav > li > a {
    padding: 16px 0px !important;
}
}
/*--responsive-design--*/
@media screen and (max-width: 667px) {
.feat-left {
    padding-top: 1em;
}
}
/*--responsive-design--*/
@media screen and (max-width: 640px) {
.header {
    padding: 1em 0;
}
.banner-info {
    width: 86%;
}
.banner {
    min-height: 420px;
}
.about p {
    font-size: 0.875em;
}
.serv-left {
    width: 100%;
    margin-bottom: 2em;
}
.serv-top {
    margin: 4em 0 0em;
}
.features h4 {
    font-size: 1.5em;
}
.features ul li {
    margin: 5px 0px;
}
.features ul li a {
    font-size: 0.85em;
}
.footer p {
    float: none;
    text-align: center;
}
.social {
    float: none;
    text-align: center;
    margin-top: 1em;
}
}
/*--responsive-design--*/
@media screen and (max-width: 568px) {
.cont-left {
    width: 100%;
    float: left;
}
.cont-rgt {
    float: left;
    width: 100%;
}
}
/*--responsive-design--*/
@media screen and (max-width: 480px) {
.logo a {
    font-size: 1.2em;
}
.banner-info input.tex {
    font-size: 18px;
}
.banner-info {
    width: 100%;
}
.banner-info h2 {
    font-size: 1.7em;
}
.find a {
    font-size: 1.3em;
}
.about h3, .services h3, .features h3, .contact h3 {
    width: 50%;
	font-size: 1.7em;
}
.banner {
    min-height: 380px;
}
#loadMore {
    font-size: 0.9em;
    margin-top: 1em;
}
.about p {
    font-size: 0.85em;
}
a.hvr-shutter-in-horizontal.button {
    font-size: 18px;
}
.serv-top {
    margin: 2em 0 0em;
}
.services p {
    font-size: 0.85em;
}
.feat-left {
    width: 100%;
    margin-bottom: 1em;
    padding-top: 1em;
}
.feat-rgt {
    width: 100%;
}
.about, .services, .features, .contact {
    padding: 0 0 2em;
}
.feat-top {
    margin-top: 2em;
}
.contact p {
    font-size: 0.85em;
}
.contact {
    padding: 0;
}
.footer p {
    font-size: 0.875em;
}
select#country {
    font-size: 12px;
}
.singlepage {
    padding: 3em 0;
}
.singlepage h4 {
    font-size: 1.5em;
}
.inbox-page ul li,.inbox-page2 ul li,.inbox-page1 ul li {
    font-size: 1.1em;
	line-height:1.5em;
}
.singlepage p {
    font-size: 0.85em;
}
.inbox-page ul li, .inbox-page1 ul li, .inbox-page2 ul li {
    margin: 0px 0px;
}
.banner1 {
    min-height: 110px;
}
}
/*--responsive-design--*/
}
/*--responsive-design--*/
@media screen and (max-width: 320px) {
.logo a {
    font-size: 1.1em;
}
.banner-info h2 {
    font-size: 1.5em;
}
.banner-info {
    padding: 1.5em 0 0;
}
.dropdown-button {
    float: left;
    width: 47%;
    padding: 0;
    margin: 0 4px;
}
.past {
    padding: 0 4px;
}
.find a {
    font-size: 1.1em;
    padding: 0.2em 2em;
}
.banner {
    min-height: 340px;
}
.about h3, .services h3, .features h3, .contact h3 {
    width: 63%;
    font-size: 1.5em;
	padding: 0.5em 0;
}
.services h4 {
    font-size: 1.5em;
}
span.glyphicon.glyphicon-tasks, span.glyphicon.glyphicon-globe, span.glyphicon.glyphicon-th-large {
    font-size: 3em;
}
.serv-left {
    margin-bottom: 1em;
}
.feat-top {
    margin-top: 1em;
}
.feat-left {
    padding: 1em 0 0;
}
.feat-rgt {
    padding: 0;
}
.cont-left {
    padding: 0;
}
.cont-rgt {
    padding: 0;
}
.contact textarea {
    min-height: 167px;
}
.map iframe {
    min-height: 170px !important;
}
.banner1 {
    min-height: 90px;
}
.inbox-page ul li,.inbox-page1 ul li,.inbox-page2 ul li {
    font-size: 1em;
    padding: 5px 0px 9px 50px;

}
.singlepage {
    padding: 3em 0 1em;
}
.send input[type="submit"] {
    font-size: 1.3em;
}
}