@font-face {
    font-family: "Lato";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/879119874-Lato-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/879119874-Lato-Regular.svg#Lato") format("svg"), url("fonts/879119874-Lato-Regular.woff") format("woff"), url("fonts/879119874-Lato-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "LatoBold";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/766143799-Lato-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/766143799-Lato-Bold.svg#Lato") format("svg"), url("fonts/766143799-Lato-Bold.woff") format("woff"), url("fonts/766143799-Lato-Bold.ttf") format("truetype");
}
@font-face {
    font-family: "LatoLight";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/707946778-Lato-Light.eot?#iefix") format("embedded-opentype"), url("fonts/707946778-Lato-Light.svg#Lato") format("svg"), url("fonts/707946778-Lato-Light.woff") format("woff"), url("fonts/707946778-Lato-Light.ttf") format("truetype");
}
@font-face {
    font-family: "FrankGothic";
    font-style: normal;
    font-weight: normal;
    src: url("120849610-frkgoth.eot?#iefix") format("embedded-opentype"), url("120849610-frkgoth.ttf") format("truetype");
}



@font-face {
    font-family: "Avenir Next";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/Avenir_Next.ttc") format("truetype"), url("fonts/Avenir_Next.ttc") format("truetype");
}

@font-face {
    font-family: "Avenir Next Condensed";
    font-style: normal;
    font-weight: condensed;
    src: url("fonts/Avenir_Next_Condensed.ttc") format("truetype"), url("fonts/Avenir_Next_Condensed.ttc") format("truetype");
}


@font-face {
    font-family: "Avenir Next Regular";
    src: url("fonts/AvenirNextLTPro-Regular.otf") format("opentype");
}
@font-face {
    font-family: "Avenir Next Bold";
    src: url("fonts/AvenirNextLTPro-Bold.otf") format("opentype");
}

@font-face {
    font-family: "Avenir Next ProIt";
    src: url("fonts/AvenirNextLTPro-It.otf") format("opentype");
}

html {

}
body {
    /*background:rgba(0, 0, 0, 0) url("images/login_bg.jpg") no-repeat scroll center center / cover !important;
	background:rgba(0, 0, 0, 0) url("images/home_banner.jpg") no-repeat scroll center center / cover !important;*/
    font: 13px Avenir Next;
    margin: 0;
    
    padding: 0;
    position: relative;
	background:#f6f6f6!important;
	    font-family: Avenir Next Regular;
}
h1, h2, h3, h4, h5, h6, ul, li, p {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.f-left {
    float: left;
}
.f-right {
    float: right;
}
.clear {
    clear: both;
}
a {
    color: #6a00ff;
    text-decoration: none;
}
.footer-left a{ color: #ffffff; text-decoration: underline;}
a:hover {
    text-decoration: underline;
}
body.homebg{background: url(images/bg.jpg?rand=1706) no-repeat !important;
    
    background-repeat: repeat-y;
    padding: 0;
   
    width: 100%;background-size:100% !important;
 
    
}
.container {
    margin: 0 auto;
    padding: 0 0 44px;
    max-width: 1140px;
	background:transparent !important;
	height:100%;    padding-bottom: 0;
/*	position:relative;*/
}
header{width:100%;height:250px;}
.logo{background: url(images/logo.png) no-repeat !important;height: 50px;
    max-height: 75px;
    width: 180px;
    float: left;
    position: relative;
    top: 26px;
    height: 60px;
    background-size: 100% !important;}
	.menu{width: auto;
    float: right;
    position: relative;
    top: 36px; left: 12px;}
	ul.nav li{float:left;color:#212529;    margin-right: 12px;font-weight: 600;}
	.nav{    margin-bottom: 0;margin:0;}
		ul.nav li{float:left;color:#212529;    margin-right: 12px;font-weight: 600;}
	.nav{    margin-bottom: 0;margin:0;}
ul.nav li span.icon0{background: url(images/menu0.png) no-repeat !important;width:34px;height:26px;float:left;margin-right:10px;
background-position: center !important; background-size: 100% !important;}
ul.nav li span.icon1{background: url(images/menu1.png) no-repeat !important;width:26px;height:26px;float:left;margin-right:10px;
background-position: center !important; background-size: 100% !important;}
ul.nav li span.icon2{background: url(images/menu2.png) no-repeat !important;width:26px;height:26px;float:left;margin-right:10px;
background-position: center !important; background-size: 100% !important;}
ul.nav li span.icon3{background: url(images/menu3.png) no-repeat !important;width:26px;height:26px;float:left;margin-right:6px;
background-position: center !important; background-size: 72% !important;}
ul.nav li span.icon4{background: url(images/menu5.png) no-repeat !important;width:22px;height:26px;float:left;margin-right:10px;
    background-position: center !important; background-size: 100% !important;}
ul.nav li span.icon5{background: url(images/menu6.png) no-repeat !important;width:22px;height:28px;float:left;margin-right:10px;
        background-position: center !important; background-size: 100% !important;}
ul.nav li a{color:#212529;font-weight: 600;padding: 7px 15px; float: left;text-decoration:none;line-height: 21px; font:14px/12px -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto!important}
	
	ul.nav li a:hover{
    color: #6a00ff;
    background: none;
    padding: 7px 15px;
    border-radius: 10px;
    float: left;text-decoration:none;
}
	ul.nav li.active a{color:#212529; color: #212529;
    background: none;
    padding: 7px 15px;
    border-radius: 10px;
    float: left;text-decoration:none;}
	ul.nav li span.text{    float: left;
    position: relative;
    top: 7px;
    font-size: 15px;
  font-weight: 600;}
	.logincontainer{    width: 100%;
    background: #fff;
    min-height: 400px;
    position: relative;
    border-radius: 20px 20px 0px 0px; 
    padding-bottom: 30px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
.menu .nav li a[title="Credentials"] {
    display: none !important;
}
	.leftcont{    
    background: url(images/stone_img.png) no-repeat !important;
    width: 200px;
    height: 83px;
    position: absolute;
    left: -80px;
    top: -30px;
}
	.rightcont{    
        background: url(images/boat_img.png) no-repeat !important;
        width: 200px;
        height: 118px;
        position: absolute;
        right: 143px;
        top: -64px;
        background-size: 100% !important;
    }
	
	.middlecont{  width: 240px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
    background: #fff;
    top: -100px;
    height: 117px;
    width: 240px;
    border-radius: 130px 130px 0 0;
}
.badge {
 background: url(images/srttext.png?rand=1906) no-repeat;
    width: 192px;
    height: 70px;
    position: absolute;
    top: 13px;
    left: 23px;
}

.middlecont p{color:#6a00ff;font-weight:500;font-size:16px;}
.middlecont img{margin: 0px auto;
    position: absolute;
    left: 0;
    right: 0;
    width: 55px;
    top: 60px;
}
.contpannel{width:88%;margin:0px auto;    padding-top: 30px; text-align: center;}
.contpannel h1{color: #6a00ff;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
    font-size: 45px;
    font-family: Avenir Next Bold;
    letter-spacing: 1px;    margin-bottom: 30px;
}
.contpannel p{    color: #212529;
    text-align: center;
    font-size: 19px;
    font-weight: 400;
    line-height: 30px;}

button.loginbtn{background: #6a00ff;
    color: #fff;
    width: 140px;
    height: 40px;
    border: 0;
    border-radius: 3px;margin-right:25px}
	button.loginbtn a{color:#fff;    font-size: 16px;}
	
	button.signbtn{background: #6a00ff;
    width: 140px;
    height: 40px;
    border: 0;
    border-radius: 3px;border:2px solid #6a00ff; color: #fff !important;}
	button.signbtn a{color:#6a00ff;font-size: 16px;font-weight:bold}
button.signbtn a:hover{text-decoration:none;}
button.loginbtn a:hover{text-decoration:none;}
:focus {
    outline: 0;
}

div.footer{
    width:100%;
    min-height:320px;
    background:#1c4054;
    position: relative;
    /* height:370px; */
    padding-bottom: 10px;
}
.footer-top{background: url(images/bottom.png) no-repeat;height:60px;width:100%;    position: relative;
    top: -39px;    background-size: 100%; }
	.footer_cont{    max-width: 1140px;
    width: 1140px;
    margin: 0px auto; background:#1c4054; padding-top: 15px;}
	.footer-left{width:50%;float:left;}
	p.contact{color:#ffffff;text-transform:uppercase}
	.footer-left p{color:#ffffff;
        padding: 10px 0px;
    width: 100%;
    float: left;
    line-height: 27px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;}
	.footer-left p.contact{    padding-top: 0;}
	.footer-left p.contact span.contacticon{ background: url(images/contact_icon.png) no-repeat;
    width: 20px;
    height: 40px;
margin-right:10px;float:left}
	span.contacttext{        color: #ffffff;
    position: relative;
    top: 22px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
	}
	.footer-right{width:33%;float:right;}
	.footer-right p{width:100%;}
	.footer-right p.righticon{color:#fff;font-size:14px;float:left;font-weight:bold;}
	.footer-right p.righticon span.helpicon{background: url(images/help_icon.png) no-repeat;width:25px;height:25px;margin-right:10px;float:left}
	
	input[type=text] {
 margin-top: 15px;
    font-size: 17px;
    border: none;
    border-radius: 50px;
    padding: 15px 36px;
    font-size: 14px;
    color: #212529;
    width: 300px;float:left
}
.search-container, .search-container form{     position: relative;
    width: 100%;
    float: right;
}

.search-container a.contactmail {

	
    padding: 10px 32px;
    /* margin-top: 8px; */
    /* margin-right: 16px; */
    background: #212529;
    font-size: 14px;
    border: none;
    cursor: pointer;
    color: #fff;
    border-radius: 20px;
    z-index: 1;
    /* float: left; */
    text-decoration: none;
    position: absolute;
    right: 10px;
    bottom: 5px;
}

.search-container button:hover {

}
.btmline{height:1px;width:100%;background:#212529;float:left;margin-top: 20px;
   margin-top: 10px;
    margin-bottom: 20px;}
	.footer-left h4{color: #ffffff;
    font-size: 15px;
    margin: 0;
    padding: 0;}
	.footer-left p.copyright{    margin-top: 0;
    color: #ffffff;
    text-transform: inherit;
    padding: 0;
    font-size: 13px;
    padding-top: 6px;    font-weight: 400;}
	ul.footernav{float: right;
    position: relative;
    top: 10px;}
	ul.footernav li{list-style:none;float:left;margin-right:10px;}
	ul.footernav li a{text-decoration:none;}
    /* ul.footernav li a span { filter: brightness(0);} */
	ul.footernav li a span.footericon1{background: url(images/fb_icon.png) no-repeat;width:31px;height:31px;background-position:center;float:left}
	ul.footernav li a span.footericon2{background: url(images/twitter_icon.png) no-repeat;width:31px;height:31px;background-position:center;float:left}
	ul.footernav li a span.footericon3{background: url(images/youtube_icon.png) no-repeat;width:31px;height:31px;background-position:center;float:left}
	ul.footernav li a span.footericon4{background: url(images/lnkdn_icon.png) no-repeat;width:31px;height:31px;background-position:center;float:left}
.footer-left h4 span{color: #ffffff;
    padding: 0px 5px;}
	.mobile_nav{display:none}
	p.copyright_mb{display:none}
	
	@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
.menu{display:none;}
	.mobile_nav{width: 40px;
    position: absolute;
    right: 5px;
    z-index: 1;
    float: right;display:block;}
	
	 button.menu1{display: block;
    position: relative;
    top: 17px;

    width: 40px;
    height: 40px;
    background:  url(images/menu_icon1.png) no-repeat;
    background-position: center;
    float: right;
    border: 0;
    border-radius: 0;margin:0;padding:0}
	.menu_icon ul.nav{    position: absolute;
    right: 0px;
    z-index: 99;
    float: right;
    top: 5px;display: none;
}
	.menu_icon ul.nav li{background:#081e48;width:45px;height:45px;border-bottom:1px solid #fff;cursor:pointer;}
	.container{width:90%;margin:0px auto;max-width:100%;padding:0px;}
	   body.homebg{ background-size: cover !important;background: url(images/bg-mobile.png) no-repeat !important;}
	   .logo{top: 25px;}
	   
	   
	   
	   .rightcont{    background: url(images/boat_img.png) no-repeat !important;
    width: 250px;
    height: 118px;
    position: absolute;
    right: -153px;
    top: -43px;
    background-size: 50% !important;    display: none;}
	
	.leftcont {
    background: url(images/stone_img.png) no-repeat !important;
    width: 200px;
    height: 83px;
    position: absolute;
    left: -46px;
    top: -23px;
    background-size: 73% !important;
}
.contpannel h1{       font-size: 24px;
    margin-top: 25px;
    margin-bottom: 15px;}
.contpannel p{    font-size: 17px;
    font-weight: 400;
    line-height: 27px;}
	.contpannel {
    width: 92%;}
	.logincontainer{      min-height: 475px;}
	
	.footer-top {
    background: url(images/bottom.png) no-repeat;
    top: -9px;
    background-size: 100% !important;    height: 40px;
}
.footer_cont{    max-width: 100%;
    width: 90%;
    margin: 0px auto;}
	   .footer-left {
    width: 100%;
    float: left;
}

.footer-right {
    width: 100%;
    float: right;
}

.footer-left p{    padding: 5px 0px;    line-height: 25px;
    font-size: 14px;}
	
	.footer-right p.righticon{    margin-top: 30px;}
	
	.footer-left p.copyright{    font-size: 10px;}
	.footer-left h4{   font-size: 12px;}
	.footer-right p.righticon{    font-size: 18px;}
	.btmline{    margin-bottom: 25px;}
	ul.footernav{
    top: -7px;}
	ul.footernav li a span.footericon1{    background-size: 80% !important;}
	ul.footernav li a span.footericon2{    background-size: 80% !important;}
	ul.footernav li a span.footericon3{    background-size: 80% !important;}
	ul.footernav li a span.footericon4{    background-size: 80% !important;}
	.mobile-right{width:50%;float:left}
	div.footer{    height: 410px;}
	p.copyright{display:none}
	p.copyright_mb{width: 100%;
    display: block;
    font-size: 10px;
    color: #597d90;
    padding-top: 0;
    line-height: 20px;
    margin-top: 5px;
    float: left;}
	button.loginbtn{  margin-right: 0;
    margin-bottom: 15px;}
	ul.footernav li{    margin-right: 1px;}
	.leftcont{display:none}
	
	.container{    width: 95%;}
input[type=text] {
    margin-top: 15px;
    font-size: 17px;
    border: none;
    border-radius: 50px;
    padding: 15px 30px;
    font-size: 12px;
    color: #212529;
    width: 212px;
    float: left;
}
.footer-left h4 span {
    color: #212529;
    padding: 0px 3px;
}
ul.nav li span.cross {
    background: url(images/cross.png) no-repeat !important;
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 0;
    background-position: center !important;
}
}
	@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
	.menu{display:none;}
	.mobile_nav{width: 40px;
    position: absolute;
    right: 5px;
    z-index: 1;
    float: right;display:block;}
	
	 button.menu1{display: block;
    position: relative;
    top: 17px;

    width: 40px;
    height: 40px;
    background:  url(images/menu_icon1.png) no-repeat;
    background-position: center;
    float: right;
    border: 0;
    border-radius: 0;margin:0;padding:0}
	.menu_icon ul.nav{  position: absolute;
    right: 0;
    z-index: 99;
    float: right;
    top: 26px;
    display: none;border: 1px solid #a4cce2;
}
	.menu_icon ul.nav li{background: #ffffff;
    width: 50px;
    height: 50px;
    border-bottom: 1px solid #abd0e4;
    cursor: pointer;
    margin: 0;}
	.container{width:90%;margin:0px auto;max-width:100%;padding:0px;}
	   body.homebg{ background-size: cover !important;background:#69cdfe url(images/bg-mobile.png) no-repeat !important}
	   .logo{top: 25px;}
	   
	   
	   
	   .rightcont{    background: url(images/boat_img.png) no-repeat !important;
    width: 250px;
    height: 118px;
    position: absolute;
    right: -153px;
    top: -43px;
    background-size: 50% !important;    display: none;}
	
	.leftcont {
    background: url(images/stone_img.png) no-repeat !important;
    width: 200px;
    height: 83px;
    position: absolute;
    left: -46px;
    top: -23px;
    background-size: 73% !important;
}
.contpannel h1{    font-size: 29px;    margin-top: 30px;margin-bottom: 20px;}
.contpannel p{    font-size: 17px;
    font-weight: 400;
    line-height: 27px;}
	.contpannel {
    width: 92%;}
	.logincontainer{    min-height: 440px;}
	
	.footer-top {
    background: url(images/bottom.png) no-repeat;
    
    top: -10px;
    background-size: 100% !important;    height: 40px;
}
.footer_cont{    max-width: 100%;
    width: 90%;
    margin: 0px auto;}
	   .footer-left {
    width: 100%;
    float: left;
}

.footer-right {
    width: 100%;
    float: right;
}

.footer-left p{    padding: 5px 0px;    line-height: 25px;
    font-size: 14px;}
	
	.footer-right p.righticon{    margin-top: 30px;}
	
	.footer-left p.copyright{    font-size: 10px;}
	.footer-left h4{    font-size: 14px;}
	.footer-right p.righticon{    font-size: 18px;}
	.btmline{    margin-bottom: 25px;}
	ul.footernav{
    top: -7px;}
	ul.footernav li a span.footericon1{    background-size: 80% !important;}
	ul.footernav li a span.footericon2{    background-size: 80% !important;}
	ul.footernav li a span.footericon3{    background-size: 80% !important;}
	ul.footernav li a span.footericon4{    background-size: 80% !important;}
	.mobile-right{width:50%;float:left}
	div.footer{    height: 410px;}
	p.copyright{display:none}
	p.copyright_mb{width: 100%;
    display: block;
    font-size: 12px;
    color: #597d90;
    padding-top: 0;
    line-height: 20px;
    margin-top: 5px;
    float: left;}
	button.loginbtn{    margin-right: 15px;}
	ul.footernav li{    margin-right: 5px;}
	ul.nav li span.cross {
    background: url(images/cross.png) no-repeat !important;
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 0;
    background-position: center !important;
}
	ul.nav li span.icon1 {
    background: url(images/menu1.png) no-repeat !important;
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 0;
    background-position: center !important;
}

	ul.nav li span.icon2 {
    background: url(images/menu2.png) no-repeat !important;
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 0;
    background-position: center !important;
}

	ul.nav li span.icon3 {
    background: url(images/menu3.png) no-repeat !important;
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 0;
    background-position: center !important;
}

	ul.nav li span.icon4 {
    background: url(images/menu4.png) no-repeat !important;
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 0;
    background-position: center !important;
}
    }
    
    input#username {
        margin-top: 0;
           
           border-bottom: 1px solid #6a00ff;
           border-radius: 0px;
           padding: 12px 10px;
           font-size: 14px;
           color: #212529;
           width: 250px;float:none;margin-bottom: 20px;
       }
input#username.error_email{border-bottom: 1px solid #ff0000;}
       

li.dropdown.open {
    background: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

ul.nav li ul.dropdown-menu {
margin-top: 0;
padding: 15px 0px;
left: 0;
top: 33px;
background: #fff;
position: absolute;
border: none;
border-bottom-left-radius: 10px;
box-shadow: 0 0 6px #dcdcdc;
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
}

.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
background-color: #FC902E;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 0px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
background-clip: padding-box;
}
ul.nav li ul.dropdown-menu{
min-width:220px;
}
ul.nav li{
position:relative;
}
ul.dropdown-menu li{
float:none;
}
ul.nav li:focus{
background: #fff;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.dropdown-menu.show{min-width: 220px;margin-top: 7px;
    padding: 15px 0px;
    left: 0 !important;
    top: 38px !important;
    background: #fff;
    position: absolute;
    border: none;
    border-bottom-left-radius: 10px;
    box-shadow: none;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px; transform: none !important;}