@charset "UTF-8";
/* CSS Document */

body { 
  margin:0;
  padding:0;
  position: relative;
  height: 100%;
  min-width: 1024px;
  background: #fff;
  white-space: normal;
}
body, td, input {font-size: 15px; font-family:  Arial, Helvetica, sans-serif;}

.header h1 {color: #fff;text-shadow: 0 0 6px #333;}
h1 {
   font-size: 27px;
   margin: 0;
   padding: 0;
   color: #BDDFE5;
}
h2 {color: #38626B;font-size: 18px ; border-bottom: 2px dotted #ccc; padding-bottom: 10px; margin-bottom: 10px;  display: block; z-index: 100; position: relative;}
h4 {font-size: 17px;  font-weight: bold;}
p {
  font-size: 15px;
  color: #3d3d3d;
}
.bannerinner1 {background-color:rgba(255,255,255,0.7);padding:5%;}
.bannerinner2 {padding:20px;background-color:rgba(0,0,0,0.7);border-radius:8px;}
input, .signupInput {border: 1px solid #ccc; outline: none; border-radius: 4px; padding: 5px; }
.width99 {width:99%;}
.width75 {width:75%;}
.headerPhone {
    /*background-image: url("../../Images/Homepage/phone.png");
    background-position: left 2px;
    background-repeat: no-repeat;
    color: #555555;*/
    float: right;
    font-size: 30px;
    /*height: 80px;
    line-height: 33px;
    margin-right: 25px;*/
    margin-top: 28px;
    /*padding-left: 40px;*/
    text-align: center;
    /*text-shadow: 0 0 1px #000000;*/
}
.headerPhone a {font-size:20px;}
.left {float: left  !important; margin-left: 0 !important; position: relative; z-index: 1000; display: block;}
.right {float: right !important; margin-right: 0 !important; position: relative; z-index: 101;display: block;}
.clear, #clear {float: none !important;display: block; clear: both !important;}
.center {display: block; margin-right: auto; margin-left: auto; text-align: center;}
.large {}
.hidden {/*display: none;*/}
h1,h2,h3,h4 {margin: 0; padding:6px 0 6px 0;}
p {margin: 0; padding: 5px 0 5px 0;}
a {color: #1D90A5; font-weight: bold;}
.col2 {float: left;width: 48.5%; margin-right: 3% ;}
.col2:nth-of-type(2n) {margin-right: 0 ;}
.col3 {float: left;width: 32%; margin-right: 2% ;}
.col3:nth-of-type(3n) {margin-right: 0 ;}
.col4 {float: left;width: 23.5% ; margin-right: 2% ;}
.col4:nth-of-type(4n) {margin-right: 0 ;}
.col5 {float: left;width: 18% ; margin-right: 2%  ;}
.col5:nth-of-type(5n) {margin-right: 0 ;}
.col6 {float: left;width: 15% ; margin-right: 2% ;}
.col6:nth-of-type(6n) {margin-right: 0 ;}

.separator {border-top: 1px dotted #cccccc; margin-top: 5px; padding-bottom: 5px; clear: both;}
.buttons {text-align: center; clear: both; }
.buttons .button {margin: 10px;display: inline-block; float: none;}
.button {display: block; text-align: center; margin: 5px 0 5px 0; padding: 6px 25px 6px 25px; font-size: 15px; font-weight: bold;background: #ddd; border-bottom: 4px solid #bbb; cursor: pointer; transition: 0.3s linear all; clear: both; width: auto; border-radius: 4px;}
.button:after { height: 5px ; background: rgba(0,0,0,0.2); z-index: 110; position: absolute; left: 0; right: 0; bottom: 0;}
.blue {background: #1D90A5; color: #fff; border-bottom: 3px solid #00839B;}
.blue:hover {background:#00839B; }
.orange {background: #ffa10d; color: #fff;border-bottom: 3px solid #E08600;}
.orange:hover {background:#E08600; }
.green {background: #54B200; color: #fff; border-bottom: 3px solid #458E00;}
.green:hover {background:#458E00; }
.navlist {list-style: none inside; padding: 0; margin: 0;  display: block;}
.navlist li {float: left; display: block ; width: 14%; padding-top: 1%; padding-bottom: 1%; margin: 0; text-align: center; color: #f2f2f2; font-weight: bold; font-size: 17px; cursor: pointer; border-bottom: 5px solid transparent; transition: .2s linear all;}
li.activenav {border-bottom: 5px solid #FCB14E !important; }
.navlist li a { color: #f2f2f2; text-decoration: none;}
.navlist li:last-child:after {float: none; clear: both;}
.bannerwrapper {position: relative; clear: both; z-index: 800; min-width: 1024px;padding:5% 5%;margin-left:auto;margin-right:auto;display:table-cell;vertical-align:middle;}
#bannerright {background: rgba(255,255,255,0.5); padding: 8px; width: 40%;box-shadow: 0 0 8px #666; float: right;margin-left: 3%;/* margin-top: 40px; margin-bottom: 140px; position: relative;margin-right: -10px;float: left; float: right;*/}
#bannerright h2 {color: #0B8096; font-size: 22px;}
#bannerright:after {clear: both;}
.bannerbottom {/*position: absolute;*/ position: relative; bottom: 0; left: 0; right: 0;background: rgba(11,128,150,0.8);color: #fff;clear: both; }
.contact {background: #0B8096; text-align: center; padding: 12px; color: #fff; font-weight: bold; font-size: 15px;}
.icon { font-size: 19px; text-align: center; padding: 25px 0 25px 0;}
.image {border: 3px solid #BDDFE5; padding: 10px; border-radius: 50px; float: left; background: center center no-repeat ; width: 20px; height: 20px; display: block; }
.bannercontent .image { background-size: 60%;}
.globe {background-image: url(../images/icon_globe.png) !important;}
.member {background-image: url(../images/icon_member.png) !important;}
.ics {background-image: url(../images/icon_ics.png) !important;}
.sponsor {background-image: url(../images/icon_sponsor.png) !important;}
.boxwrapper {}
.boxinner {position: relative; background: #fff;}
.contentwrapper .boxinner {box-shadow: 0 0 6px #ccc; border: 5px solid #fff;}
.boxcontent {padding: 20px 20px 5px 20px;}
.boxheader { padding: 10px; text-align: center; font-size: 15px; position: relative; padding-bottom: 25px;}
.boxheader:after { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; background:  url(../images/assets/anglebottom.png) center bottom no-repeat; background-size: 100% ; height: 30px; z-index: 100; width: 100%;}
.boxcontent {font-size: 13px;text-align: Center; }
.grey {background: #eee; }
.thumb {border: 3px solid #ddd; box-shadow: 0 0 8px #bbb;max-width: 300px;min-width: 150px; }
.thumbplain {display: block; max-width: 300px; background: #fff; padding: 10px; min-width: 150px;}
.thumbplain img, .thumb img {width:300px;}
.tile {background: #fff; text-align: Center; box-shadow: 0 0 8px #bbb; overflow: visible;border-top: 5px solid #0B8096; padding-top: 5px; margin-bottom: 3%;}
.tilecontent {padding: 15px;   overflow: auto;}
.list {list-style: none inside; padding: 0; margin: 0;}
.list li {clear: both; width: auto; text-align: center; border-bottom: 1px dotted #ccc; padding: 8px 0 8px 0;}
.fullheader {height: 500px;}
.flexslider h1 {color: #BDDFE5;}
/*tbroker stuff added*/

.nav1 {
	position: fixed; 
	top: 0; 
	left: 0;
	right: 0; 
	color: #fff;
	font-size: 16px;
	background: #666 /*rgba(0,0,0,0.6) */;
	z-index: 900;
}
.bgmain1 {
    position: absolute;    
    background-size: cover;
    z-index: 0;
    /*background-attachment: fixed;*/
    top: 0px;
    left: 0px;
    bottom:0;
    right: 0px;
    z-index: -1;
}
.bgmain2 {
	display: none;	
	position: absolute;
	background-image:  url(../images/bg/globetop.png);
	background-repeat: no-repeat;
	background-size: 95% auto;
	background-position: center top; 
	top: 0;
	left: 0;
	bottom:0;
	right:0;
	z-index: 0;
}

.title {
  margin: 5%;
  padding: 10% 2%;
  border-radius: 8px;
  background: rgba(0,0,0,.7);
  color: #fff;
  text-align: left;
}
#jointoday {margin-top: 20px;} 
.title .button {clear: left;}
.title p {color: #fff; font-size: 15px;}

.featuresimg {border-radius: 100%; width: 175px; height: 175px; background-color: rgba(0,0,0,0.5); overflow: hidden; display: block;vertical-align: middle;margin-left: 3%; float: right; clear: right; text-align: center;}
.featuresimg img {fill-color: #fff; width: 60%; opacity: 0.7; height: auto; display: block; margin-top: 20% ; margin-left: 20%;}


.slide {
  position: relative;
  width: auto;
  padding: 5%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-color: #fff;
}
.slide:after {display: block; width: auto; clear: both; content: "";}
#slide3 {padding-bottom: 3%;background-image: url(../images/bg/bgblur2.jpg) ;}
#slide4 {background-image: url(../images/bg/globe3.jpg);background-size:cover;background-position:center center;background-attachment:fixed;}
#slide3 h1 {margin-bottom: 15px;} 
.tilecontent {height: 150px; overflow: auto; font-size: 13px;}
.header, .footer {
  color: #fff;
  position: relative;
}
.logo {display: block; margin-right: auto; margin-left: auto; clear: both; height: 85px; width: 300px; background-repeat: no-repeat; background-position: center center; }
.logotop, .logotop2 {display: block; margin-right: auto; margin-left: auto;height: 85px; width: 300px; background-repeat: no-repeat; background-position: center center;}
.header {   
	overflow: hidden;
	background-attachment:fixed;
	background-repeat: no-repeat;
	background-size: 90% auto;
	background-position: center top; 
}
.footer {padding: 2%;  text-align: center; z-index: 1;background: #666;} 
.footer a {color: #ddd;}
.footer h4 {color: #ddd;}
.content1 { z-index: 100;  }
.footerbottom {margin-top: 20px; border-top: 1px dotted #000; padding-top: 10px;}

.logobottom {
    height: 60px;
    text-align: center; 
    margin: 10px;
    margin-bottom: 0;
}


.contactmiddle {position: relative; padding: 1%; background: #fff;}
.contactmiddle h2 {text-align: Center; clear: both; border: none;  position: relative; padding: 0; margin: 0;}

.searchwrapper {box-shadow: inset 0 0 6px #bbb;  display: block; width: 300px; background: #fff; margin-right: auto; margin-left: auto; position: relative;  margin-bottom: 10px; padding: 8px;}
.searchwrapper input {width: 100%; padding: 0px; height: auto; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #666; border: none; outline: none; background: transparent;margin: 0; }
.searchbutton {position: absolute; top: 0; right: 0; bottom: 0; display: inline-block; padding: 8px 15px 8px 15px; vertical-align: middle; color: #fff; font-weight: bold; font-size: 14px; line-height: 14px; cursor: pointer;}

.languages {position: fixed ; float: right; right: 0; top: 200px; background: rgba(255,255,255,0.5); padding: 5px; box-shadow: 0 0 6px $bbb; border: 5px solid #fff; border-right: none; z-index: 10;}
.language {display: block; clear: both; margin: 5px; }

.signup, .login {
    background: #FCB14E ;
    border: 6px solid #FA9A1A;
    cursor: pointer;
    padding: 15px;
    text-align: center;
    width: auto;
	text-shadow: 0 0 6px #FA9A1A;
	float: left;
	margin-top: 20px;
	cursor: pointer;
	font-weight: bold;
}
.signup td, .login td {	font-size: 18px ;}
.signup img, .login img {margin-right: 10px;}
.login {background-color: #54b200; border-color: #458E00 ;display: none; }
.signup a, .login a {color: #fff; text-decoration: none;}
#bannerright input[type=text], #bannerright input[type=password] {
	width: 96%; float: none; font-size: 15px; color: #666; border: 1px solid #ccc; outline: none; padding: 2%;margin: 2% 0 2% 0;
}
.errortext {color: #DD0000;font-weight: bold;}
.topslide {opacity: 0.0;}
.overlay {float: left; width: 55%;}
.overlay p, .overlay h2 {color:#fff;}
.scrollup {position: fixed; bottom: 0;  z-index: 1000; background: #fff; opacity: 0.8; text-align: Center; font-size: 16px; color: #888; padding: 15px;cursor: pointer; }
.contentwrapper 
{
	background-attachment: fixed;
    background-color: #dddddd;
    background-image: url("../images/bg/black-thread-light.png");
    position: relative;
    z-index: 800;
    min-height:50vh;
}
.scrolldown {color: #fff;text-align: Center; font-size: 22px; display : block; z-index: 1000; clear: both; padding: 3%; position: absolute; left: 0; right: 0; top: -30px; bottom: 0;background: #ccc url(../images/bg/black-thread-light.png) repeat; background-attachment: fixed; padding-top:50px !important;}
.scrolltext:before {display: inline-block;  content: "↓"; height: 30px; width: 30px; border-radius: 30px; border: 2px solid #fff; font-size: 20px; font-weight: bold; margin-right: 10px; margin-top: 0px;}
.shownav { background: #666666; text-align: Center; font-size: 16px; font-weight: bold; color: #B7DFE5; padding: 10px;cursor: pointer; display: none; }
.shownav:after {content: "Show Navigation";}
.scrollup {display: none;}
.contentinner {width: 80% ; min-height:500px; margin-right: auto; margin-left: auto; background: #eee; max-width: 1400px; padding: 2%; position: relative; z-index: 2000;}
.searchtable, .searchtable table {width: 100%;}
.searchtable td {border-bottom: 1px solid #bbb; padding-top: 1%; padding-bottom: 1%; border-collapse: collapse; margin: 0;}
#signupbutton {font-weight: bold; font-size: 16px; max-width: 400px; padding: 15px;}
.formtable td:first-child() {border-left:4px solid #ccc; padding-left: 15px;}
.contentinner ul {list-style: square outside; padding: 10px 0 10px 0; margin: 0;}
.contentinner li {margin: 5px 0 5px 15px; padding: 0;}
.contentinner h1 {font-size: 22px;}

.thumb {position: relative;}
.thumblabel { position: absolute; left: 0; right: 0; bottom: 0;z-index: 10; background: rgba(0,0,0,0.3); color:#fff; font-size: 14px; font-weight: bold; padding: 15px;  font-size: 16px; text-shadow: 0 0 6px #000; text-align: center;}

.modalbg {position: fixed; z-index: 100000; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.5); display: none;}
.modalcontent {position: relative; z-index: 100000; margin-left: auto; margin-right: auto; display: block; width: 900px; margin-top: 10%; border: 4px solid #ccc; background: #fff; padding: 5px;}
.hidemodal {height: 30px;text-align: right; background: url(../../Images/Homepage/gallery/close.png) right top no-repeat; }

.slides, .slides li {margin: 0 !important; padding: 0 !important;}

.contactusLeft {min-width:300px;width:48%;float:left;font-size:18px;line-height:28px;color:#555;}
.contactusRight {min-width:300px;width:48%;float:right;color:#555;}
.featuresHeading {position: absolute; left: 5%; top: 7%; text-shadow: 0px 0px 11px rgb(0, 0, 0);}

.devPanel {text-align:center;font-size:18px;font-weight:bold;color:#555;margin-bottom:25px;position:relative;cursor:pointer;}
.devHeader {
    background: #f2f2f2 none repeat scroll 0 0;
    border-radius: 150px;
    box-shadow: 0 0 5px #555;
    font-size: 28px;
    font-weight: bold;
    height: 150px;
    line-height: 150px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:5px;
    text-align: center;
    width: 150px;
}
.devDetails {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 0 4px #777777;
    display: none;
    font-size: 13px;
    /*margin-left: 20px;
    margin-right: 20px;*/
    margin-top:10px;
    padding: 5px 10px;
    position: absolute;    
    transition: all 0.3s ease 0s;    
    width:95%;
    z-index: 900;
}
.devPanel:hover .devDetails {display:block; transition: 0.3s linear all;}

.bannerwrapperouter {display: table;height: 100%;width: 100%;}
.Years20 {width:185px;margin-left:auto;margin-right:auto;margin-top:20px;display:none;}

@media only screen and (max-width: 1240px) 
{
    .bannerwrapper {padding:0px;}
}
@media only screen and (max-width: 1080px) 
{
    .contentinner {width: auto; margin: 0;}
    .bannerwrapper {padding:0px;}
    .Years20 {display:block;}
}
@media only screen and (min-width: 1600px) {
	.content1, .bannerwrapper, .navlist, .contentinner {margin-right : auto; margin-left: auto;}
	.navlist li {padding-top: 15px; padding-bottom: 10px;}
	.scrolldown {padding: 0; padding-top: 75px; }
	.contentinner {padding: 25px; width: 1300px;}
    .bannerwrapper {padding: 5% 15%;}
    .header {background-size: 1550px auto;}
    .slide {padding:5% 15%;}
}
@media only screen and (max-width: 1140px) 
{
	.bannerwrapper {padding:5% 0%;}
}
@media only screen and (max-width: 1080px) 
{
    .languages {position: relative ; float: none; right: 0; left: 0;top: auto; background:transparent;border: none; text-align: center; margin-top: 0px;}
    .language {display: inline; clear: none; }
    
    .responsive {width: 98%;}
    .responsive td {display: block; width: 100% !important; float: left; clear: both;}
    .contentinner input[type=text], .contentinner input[type=password], textarea {width: 100% !important; padding: 5px; }
	.content1:before {display: none;}
	input {font-size: 16px;}
	h1 {text-align: Center; }
	.featuresHeading {}
	.featuresimg {display: none;}
	.title p {text-align: center;}
	
	h2 {font-size: 20px;}
	h4 {font-size: 18px;}
	body {font-size: 15px; overflow-x: hidden; min-width: 320px;}
	.button {font-size: 17px; padding: 10px 0 10px 0; display: block; width: 100%; margin-right: auto; margin-left: auto; float: none !important; clear: both !important; max-width: 400px;}
	.bgmain1 {background-size: 100% 100%;}
	/*.nav1 {  position: relative;}*/
	.content { width: auto;}
	.center {width: auto;}
	.scrolldown {opacity: 0.0 !important;}
    .contentinner {width: auto; margin: 0; padding: 3%; min-width: 0;}
	.col3 ,.col4 {float: none;width: 100%;  margin-right: 0; text-align: Center; }
	/*.header, .slide, .footer {padding: 8%;}*/
	.header {background-position: top center; min-height: 0 !important; }
	.col6 {float: left;width: 23.5% ; margin-right: 2% ;}
	.col6:nth-of-type(4n) {margin-right: 0 ;}
	.overlay {width: auto; float: none; display: table ; margin-right: Auto; margin-left: auto;}
	
	.bannertitle {text-align: center; padding: 40px;}
	.bannerwrapper { padding-top: 4%; min-width: 0; width: 100%; }
	#bannerright { width: auto; float: none; clear: both; margin:10px 0 10px 0;display: none; }
	#bannerright .boxheader {display: none}
	.icon {background: #0B8096; margin: 5px !important;padding: 10px; font-size: 17px;}
	.image {margin-bottom: 5px;}
	.title {margin: 50px;}
	.signup, .login {display: inline-block; margin: 15px !important;  margin-top: 0; max-width: 300px; font-weight: bold; cursor: pointer;}
	.signup td, .login td {display: block; font-size: 17px;}
	.signup img, .login img {display: none;}
	/*.logo {position: relative; clear: both; display: block; float: none; left: auto;  margin-right: auto; margin-left: auto;}*/
	.bannerbottom { position : relative; background-size: auto; padding-top: 10px; padding-bottom: 10px;padding-left: 1%; clear: both;}
	.contact {clear: both;}
	.image {float: none; margin-right: auto; margin-left: auto; clear: both;}
	.logotop { display: block !important; clear: both; margin-right: auto; margin-left: auto; }
	
	.logo, .logotop {height: 80px; margin-bottom: 15px;}
	.boxheader:after {display: none;}
	.flexslider {opacity: 1.0 !important;}
	.scrollup {position: relative; width: auto; clear: both; font-weight: bold;}
	.toptext {display: none;}
	.contactmiddle:after, .contactmiddle:before { display: none !important; }
	.contactmiddle {background: #fff; padding: 4% !important;}
	.conectmiddle h2 {margin: 0 !important;}
	.scrolldown {padding: 30px; display: none;}
	.tilecontent {height: auto}
	.flexslider {z-index: 1000;background: rgba(255,255,255,0.4);}
	.button {float: none !important; clear: both !important; width: 100%;display: block; margin-right: auto; margin-left: auto; }
	.thumb {margin-right: auto; margin-left: auto; display: block; float: none !important; clear: both !important;}
	#storefront {display: none;}
	.headerPhone {float:none;}

	.contactusLeft {min-width:300px;width:100%;float:none;}
	.contactusRight {min-width:300px;width:100%;float:none;}
	.featuresHeading {
		left: auto;
		position: relative;
		top: auto;
	}
	.headerPhone {color:#555;}
	.bannerinner2 {background-color:transparent !important;}
	.bannerinner1 {background-color:rgba(255, 255, 255, 0.9) !important;}
	.header h1 {color:#555;text-shadow:none !important;}
}
@media only screen and (max-width: 600px) 
{
    body {min-width: 320px;}
	.navlist li {width: auto; float: none; padding: 2%; border-bottom: 1px solid #888;}
	h1 {font-size: 24px;}
	.nav1 { display: none; position: relative;}
	.bannerwrapper { padding-top: 1%;vertical-align:top;margin-top:5%;display:inherit;}
	.header h1 {display: block; margin-bottom: 10px;}
	.shownav {display: block;}
	.overlay {display: block}
	.signup, .login { width: auto !important; float: none; display: block ;  margin-right: auto !important; margin-left: auto !important;}
	.featuresHeading {top:1%; z-index:1000;}
	.Years20 {display:none;}
}

@media print {
    .scrolldown, .scrollup, .nav1, .header, .footertop, .contactmiddle, img, .button, .slide1 {display: none !important; opacity: 0.0;}
    .bodycontent {width: 100%; margin: 0; background: #fff; }
    .contentinner { padding: 0; margin: 0; width: 100%;}
    body, .bodycontent, .contentinner {min-width: 0;}
    body, td, html {font-size: 17px !important; color: #000; background-image: none !important; box-shadow: none !important; text-shadow: none !important; padding: 0 !important; text-align: left !important; z-index: 100 !important; position: relative !important;}
    .flexslider {display: block !important;}
    body {background: #fff !important; padding: 15px !important;}
    .footer {padding: 0;}
    .col3, .col4, .col6 {width: 100%; clear: both; background: #fff; float: none; margin: 0; padding: 0;}
    
    
}