body {margin:0; padding:0; font-family:'Open Sans', sans-serif; font-size: 14px; font-weight:400; background:#fff; color:#111}
a {text-decoration:none; color:#1E7DA3;}
h1, h2, h3 {color:#098DBA; font-weight: normal}
.t0 {margin-top:0; padding-top: 0}
.ib {display: inline-block;}
.fl {float:left}
.fr {float:right}
.blue {color: #3A7E9E;}

.wrapper {width:1100px; margin:0 auto;}
.title {opacity:1;}
.title p {line-height:30px;}
.title a {color:#1E7DA3; font-weight: bold}
.title a:hover {color:#2393BF;}
#header {background:url(../images/megalocode-header-bg.png) repeat-x; border-top:0px solid #fff; padding-top:20px; height:200px;}
#footer {float:left; color:#fff; padding:60px 0 60px 0; width:100%; background:#000;}
#footer a {color:#FFF; font-weight:normal}
#footer a:hover {color:#2393BF;}

#logo {float:left; width:300px; margin:10px 0 0 0;}
#menu {float:right; width:700px;}
#menu ul {margin:20px 0 0 0; padding:0; visibility:visible; float:right; display:block; font-size:28px; font-family: 'Yanone Kaffeesatz', sans-serif; font-weight:200}
#menu ul li {display:inline-block; margin-left:30px;}
#menu ul li a {visibility:visible; color:#fff; display:inline-block;}
#menu ul li a:hover {/*color:#97C9DB;*/}
/*#menu ul li:after {content: "•"; font-size: 20px;}*/
/*#menu ul li:last-child:after {content: "";}*/

.header_line {float:left; clear:left; width:100%; margin-top:20px; border-top:1px solid #72bfd8}

.hp_message {float:left; margin-top:20px; font-size:24px; font-family:'Open Sans', sans-serif; font-weight:200; color:white;}

.world_title {
    float:left;
    width:380px;
    margin-top:19px;
}
.world_title h1{
    font-family: 'Open Sans', sans-serif;
    font-size: 26px;
    font-weight: 200;
    margin-top: 0;
    color:#FFF;
}

.social {
    float: right;
    width: 300px;
    margin: 20px 0 0 240px;
    text-align: right;
}

#cd-dropdown {
    float:right;
    width:200px;
    height:20px;
    list-style-type:none;
}

.hp_strip {width:100%; background:#000; /*box-shadow:0px 4px 4px #000;*/ height: 70px; padding: 150px 0 150px 0; overflow:hidden}
#hp_text {visibility:visible; text-align:center;  font-size:44px; color:white;}

.white_strip {opacity:1; background:#FFF; float:left; width:100%; margin-top:40px; padding-bottom: 30px;}
/*
.box {width:100%; margin-top:20px; margin-bottom:20px; background:#FFF; padding:0px 0 20px 0;}
.box_content {}
*/
.row {width:100%; float:left; clear:both}
.box {width:45%; float:left; margin-top:20px; margin-bottom:0px; background:#FFF; padding:0px 0 0px 0;}
.box.r {float:right!important;}
.box_content {}
.box h2 {background:#098DBA; font-weight:normal; padding:10px 0 12px 20px; color:#fff; border-radius:5px; font-size:26px; font-family: 'Open Sans', sans-serif; text-transform:none;}
.box p {font-size: 18px; line-height:30px; padding:0 20px 0 20px;}
.box p a {text-decoration:none; color: #098DBA; font-weight: bold}

.getstart {float:left; clear:both; width:100%; padding-top:30px; margin-top:30px; border-top:1px solid #eee}
.getstart h2 {font-weight:normal; color:#098DBA; font-size:32px; font-family: 'Open Sans', sans-serif; text-transform:none;}
.getstart p {font-size: 24px;}
.getstart p a {text-decoration:none; color: #098DBA; font-weight: bold}

.button { white-space: nowrap; box-shadow:3px 3px 4px rgb(20,20,20); background:#fff; color:#222; cursor:pointer; width:230px; text-align: center; padding:10px 20px 8px 20px; border-radius:10px; font-size:20px; font-family: 'Open Sans', sans-serif;}
.button:hover {background:#098DBA; color:#fff}
.button a {color:#fff!important; font-weight:400;}

.buy {font-size:30px; background:#098DBA; color:#fff!important; cursor:pointer; border-radius:15px; font-family: 'Open Sans', sans-serif; box-shadow:3px 3px 4px rgb(20,20,20);  padding:10px 20px 8px 20px; letter-spacing:nowrap;}
.buy:hover {background:#1E7DA3;}

.title {width:100%; background:#000; border-bottom:2px solid #000; border-top:2px solid #000; padding:30px 0 40px 0;}
.title h1 {color:#FFF; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-weight: 300}
.title p {color:#FFF;  font-size: 18px;}

.sel {padding:8px 10px 6px 10px; border-radius:4px; margin:0 6px 10px 0; background:#ddd; display:inline-block; font-size:14px; }
.sel:hover {cursor:pointer; background:#098DBA; color:white}
.sel.flagd {background:#098DBA; color:white}
.anims {width:250px; height:550px;}
.anim_item {width:200px; padding:8px 10px 6px 10px; border-radius:4px; margin-bottom:1px; background:#ddd; display:inline-block; font-size:14px; }
.anim_item:hover, .anim_item.current {cursor:pointer; background:#098DBA; color:white}
.preview {float:left; clear:both;width:100%; background:#000; border-bottom:2px solid #000; border-top:2px solid #000; padding:150px 0 150px 0; margin-top:20px; overflow:hidden}
.preview_text {visibility:visible; text-align:center; font-size:40px; font-weight:300; color:white;}
.labl {display: inline-block;; width:60px;}

.sidebar {width:250px; margin:10px 0 15px 0; padding:15px 10px 0 0;}
.left_list {width:250px; list-style-type:none; padding:0px; margin: 0px;}
.left_list li { width:244px; border-radius:4px; margin:0 6px 10px 0; background:#f0f0f0; display:inline-block; font-size:16px; }
.left_list li a {padding:8px 10px 6px 10px; color:inherit; display:inline-block; width:100%;}
.left_list li:hover {cursor:pointer; background:#098DBA; color:white}
.left_list li.current {background:#098DBA; color:white}
/*
.left_list li.sub {background:none; }
.left_list li.sub ul {list-style-type: none; padding-left:0;}
.left_list li.sub li {background:none; display:inline-block; padding:0;}
*/
.section {padding-top: 0px; padding-bottom:100px; }
.section p {font-size: 18px; line-height: 26px;}
.section h2 {font-size:38px;}
.section h4 {font-size:26px; margin-bottom:0; margin-top:40px; padding-top:30px; font-weight: normal; border-top:1px solid #eee}
.section a {text-decoration:none; color: #098DBA; font-weight: bold}
.section a:hover {text-decoration:none; /*color: #098DBA;*/}
.example {width:100%; background:#000; border-bottom:2px solid #000; border-top:2px solid #000; padding:50px 0 50px 0; margin-top:20px; overflow:hidden}
.example_text {visibility:visible; text-align:center;  font-size:40px; font-weight:300; color:white;}
.run {width:40px; margin:-38px 0 0 10px; box-shadow:3px 3px 10px rgb(20,20,20); background:#098DBA; cursor:pointer; text-align: center; padding:5px 10px 4px 10px; color:#fff; border-radius:10px; font-size:12px; font-family: 'Open Sans', sans-serif;}
.run:hover {background:#0D789B;}
.output {background:#f0f0f0; border:1px solid #ddd; padding:10px;}
.minibtn {display:inline-block; margin:5px 5px 0 0; width:60px; box-shadow:3px 3px 10px rgb(20,20,20); background:#098DBA; cursor:pointer; text-align: center; padding:5px 10px 4px 10px; color:#fff; border-radius:10px; font-size:12px; font-family: 'Open Sans', sans-serif;}
.minibtn:hover {background:#0D789B;}
.note {padding:10px; border:1px dashed #bbb; border-radius: 10px; background:#F0F0F0}

.ctable{
	border-left: 1px solid #E2E2E2;
    margin-bottom: 15px;
    font-size:1em;
}

.ctable td {
    border-bottom: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    line-height: 1.6;
    padding: 7px 10px;
}

.ctable th{
	background: #098DBA;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa;
    color: #FFFFFF;
    font-weight: normal;
    padding: 10px;
    text-align: left;
}

.ctable tr.even {
    background: none repeat scroll 0 0 #f0f0f0;
}

.red {color:#FF0606 !important;}

.box_on_black {color:#fff;}
.box_on_black h2 {color:#fff; font-weight:200; padding:10px 0 12px 20px; font-size:36px; font-family:'Open Sans', sans-serif;}
.box_on_black p {font-size: 20px; line-height:36px; padding:0 20px 0 20px;}

.latest_box h2 {font-weight:200; font-size:36px; font-family:'Open Sans', sans-serif; margin-top: 0}
.latest_box h5 {font-weight:200; font-size:14px; font-family:'Open Sans', sans-serif; margin:0; padding:0; color:#555; font-style:normal}
.latest_box p {font-size: 20px; line-height:36px; padding:0 20px 0 0;}
.latest_box ul li {font-size: 20px; line-height:36px; padding:0 20px 0 0;}

.wp_email {width:400px; font-weight:200; font-size:22px; font-family:'Open Sans', sans-serif; border:1px solid #ccc; padding: 10px 10px 10px 10px;}
.wp_button {cursor:pointer; display:inline-block; background:#000; border:1px solid #000; color:#fff; font-weight:200; font-size:22px; font-family:'Open Sans', sans-serif; padding: 10px 10px 10px 10px;}
.wp_button:hover {background:#333; border:1px solid #333;}
.wp_thank {display:none; font-weight:400; font-size:22px; font-family:'Open Sans', sans-serif; padding: 10px 10px 10px 0px;}

.latest_box_on_black h2 {font-weight:200; font-size:36px; font-family:'Open Sans', sans-serif; margin-top: 0}
.latest_box_on_black h5 {font-weight:200; font-size:14px; font-family:'Open Sans', sans-serif; margin:0; padding:0; color:#ccc; font-style:normal}
.latest_box_on_black p {color:#fff; font-size: 20px; line-height:36px; padding:0 20px 0 0;}
.latest_box_on_black ul li {font-size: 20px; line-height:36px; padding:0 20px 0 0;}

.mb0 {margin-bottom:0px!important;}
.mt0 {margin-top:0px!important;}
.pb0 {padding-bottom:0px!important;}
.pt0 {padding-top:0px!important;}



.orange {color:#D95C05 !important;}
.pieces_img {border:1px solid #aaa;}
.pieces_preview {float:left; clear:both; width:100%; height:450px; background:#000; padding:70px 0 70px 0; margin-top:20px; overflow:hidden; text-align: center}



input, select {
  height:40px!important;
  line-height:40px!important;
  font-size:18px;
  padding:4px;
  border-radius: 3px;
  border:1px solid #ccc;
  background: #f6f6f6;
}

.btn2 {
  display: inline-block;
  height:38px!important;
  line-height:38px!important;
  padding:0px 10px;
  border-radius: 3px;
  border:1px solid #ccc;
  background: #098DBA;
  color:#fff;
  cursor:pointer;
  text-align:center;
}

.btn2:hover {
  background: #129DCA;
}