/* Reset Styles */

@media only screen and (max-width: 2000px) {
  .mockup-txt p { font-size:1.1em !important; line-height:1.9 !important; }
  .one { font-size:2em !important;}
  .two {font-size: 1.2em !important;}
  h1{font-size:2.1em !important;}
  .sp h2 {   font-size:1.5em !important;}
  .sp2 h2 {   font-size:1.5em !important; }
  .sp p { font-size:1.3em !important; }
  .section3 .table p { font-size:1.2em !important;}
  .table li, .table p {font-size:1.2em !important;}
  .section3 .table li, .section3 .table p {font-size:1.2em !important;}
  .section8 h5 {font-size:2em !important;}
  #contenpub #ticket_information_wrapper #TicketReg #ticket_table .ticket_row {color:red !important;}
}
@media only screen and (max-width: 768px) {
  .mockup-txt p { font-size:2em !important; line-height:1.5 !important; }
  .one { font-size:2.5em !important;}
  .two {font-size: 1.9em !important;}
  h1{font-size:2.5em !important;}
  .sp h2 {   font-size:2.4em !important; }
  .sp2 h2 {   font-size:2.4em !important; }
  .sp p { font-size:1.9em !important; }
  .section3 .table p { font-size:2em !important;}
  .table li, .table p {font-size:1.9em !important;}
  .section3 .table li, .section3 .table p {font-size:2.1em !important;}    
  .section8 h5 {font-size:3em !important;}
  .ticket_row {font-size:2.1em !important;}
}


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, img, small, strong, ol, ul, li, form, label,
table, caption, tr, td, footer, header {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
footer, header, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
    text-rendering: optimizeLegibility;
	font-family: 'Titillium Web', sans-serif;
	font-weight:400;
	background:url(../img/boxed/pattern2.jpg) repeat;
}
ol, ul {
	list-style: none;
}

/* Reset a Tags */
a { color:#efefef; text-decoration:none; }
a:focus { color:#fff; outline:0; text-decoration:none; }
a:hover { color:#fff; text-decoration:none; }

::-moz-selection { color: #f9f9f9;  background:#191919; }

/*span.s1 { color:#0495b7; }*/
span.s1 { color:#00DCFF; }
span.s2 { color:#e84242; }

/*p span.s1 { color:#0495b7; font-weight:600;  }*/
p span.s1 { color:#00DCFF; font-weight:600;  }
p span.s2 { color:#e84242; font-weight:600; }

/* Global Styles */
.main-boxed { box-shadow:0 0 4px rgba(0,0,0,0.4); border:1px solid #c5c5c5;}
.main-container { width:960px; margin:0 auto; padding:30px 0;  }
.wrapper { width:920px; margin:0 auto; }
h1 { text-transform:uppercase; color:#f2f2f2; font-size:34px; font-weight:600; line-height:1.6; text-align:center; }
/*h1 span.s1 { color:#0495b7; }*/
h1 span.s1 { color:#00DCFF; }
h1 span.s2 { color:#e84242; }
.clear { clear:both; }
/* Header Styles */
.header { height:120px; display:block; background:url(../img/hd-bg.png) repeat; }
.logo { padding:20px 0 0; float:left; }
.navi { padding:35px 0 0; float:right; line-height:2.8;}
.navi-txt { float:left; }
.navi-icon { padding:10px 0 0; float:right; }


/* Main Content Styles */
.main-content { padding:40px 0 0; background:url(../img/cnt-bg.png) repeat; }
.main-content h1 { text-shadow:1px 1px 2px rgba(0,0,0,0.2);}
/*.mockup-wrap { height:500px; }*/
.mockup { /*width:250px;  height:420px;*/ text-align:center; }
.mockup-txt { padding:60px 0 0; width:650px;  }
.mockup-txt-title { height:35px; }
.mockup-txt-title1 { float:left; }
.mockup-txt-title2 { padding:0 0 0 30px; float:left; }
.mockup-txt-title2 h2 { font-size:24px; font-weight:600; color:#fff; }
.mockup-txt-title2 h3 { padding:18px 0 0; font-size:17px; font-weight:600; color:#fff; }
.mockup-txt-div { margin:20px 0; clear:both; width:100%; background:url(../img/div1.png) repeat; height:2px; display:block; } 
.mockup-txt p { font-size:17px; color:#e2e2e2; line-height:2.5; }



/*.mockup-txt p { font-size:17px; color:#e2e2e2; line-height:2.5; }*/

.scroll { padding:30px 0 0; margin:0 auto; width:32px; }

/* Section1 Sytles */
.section1 { padding:35px 0 ; background:url(../img/hd-bg.png) repeat; }
.one { text-transform:uppercase; color:#142e3d; font-size:30px; font-weight:800; line-height:2.1; text-align:center; }
.two { text-transform:uppercase; color:#142e3d; font-size:19px; font-weight:600; line-height:2.1; text-align:center; }
.sp { padding:60px 0 0; }
.sp h2 {   padding:8px 0 0; font-size:24px; font-weight:600; color:#142e3d; }
.sp p { font-size:18px; font-weight:400; padding:30px 0 0; color:#1e4356; line-height:1.8; }
.sp strong {font-weight:800;}
.divi2 {   clear:both; width:100%; background:url(../img/div2.png) repeat; height:2px; display:block; } 


/* Section2 Sytles */

.section2 { padding:35px 0 ; background:url(../img/hd-bg.png) repeat; }
.sp2 { padding:60px 0 0; }
.sp2 h2 {   padding:8px 0 0; font-size:24px; font-weight:600; color:#142e3d; }
.sp2 p { font-size:16px; font-weight:400; padding:0 0 15px; color:#1e4356; line-height:1.8; }


/* Section3 Sytles */

.section3 { padding:45px 0 ; background:url(../img/cnt-bg.png) repeat; }
.section3 p{ color:#e2e2e2; }
.sp3 { padding:60px 0 0; }
.sp2 h2 {   padding:8px 0 0; font-size:24px; font-weight:600; color:#142e3d; }
.sp2 p { font-size:16px; font-weight:400; padding:0 0 15px; color:#1e4356; line-height:1.8; }
.section3 .two { color:#f2f2f2; }
.section3 .sp2 p {color:#f2f2f2; font-size:18px;}
.features li { line-height:2; font-size:16px; color:#f2f2f2; font-weight:800; padding:0 0 0 34px; min-height:30px; display:block; background:url(../img/features-icon.png) no-repeat; margin:40px 0 0 0; }
.features li img {border: 4px solid white; max-width: 500px;  margin-top: 20px;margin-left:160px;}
 
.section3 .table li, .section3 .table p{
color: #fff;
  font-weight: 400;
  font-size: 18px;
  line-height: 2;
  /*background-color: white;*/
}
.table th, .table td{
border-top:0;
}
 
 
.table li, .table p{
color:#142e3d;
font-weight:400;
font-size:18px;
line-height:2;
}
.table strong{
font-weight:800;
}
.table p{
padding:30px 0 0;
}
 
/* Section4 Sytles */
.section4 { padding:35px 0 ; background:url(../img/hd-bg.png) repeat; }
.section4 .one { text-transform:uppercase; color:#142e3d; font-size:26px; font-weight:800; line-height:2.1; text-align:center; }
.section4 p { padding:40px 0 10px; font-weight:600; font-size:17px; color:#1e4356; line-height:2.5; text-align:center; }

/* Section5 Sytles */
.green { color:#25a46d; }
.section5 { padding:40px 0 ; background:url(../img/hd-bg.png) repeat; }
.examples h2 { font-weight:600; font-size:22px; margin:45px 0 20px; text-align:center; }
.examples img { margin:30px auto; display:block; width:720px; height:520px; background-color:#ffffff; border:1px solid #c9c9c9; padding:10px; box-shadow:0px 2px 2px rgba(255,255,255,0.2); }
.examples p { width:740px; font-size:19px; margin:0 auto; line-height:2;}
.divi3 {   clear:both; margin:50px auto; width:740px; background:url(../img/div2.png) repeat; height:2px; display:block; } 



/* Section6 Sytles */
 
.section6 { padding:40px 0 ; background:url(../img/cnt-bg.png) repeat; }
.section6 p { line-height:2; color:#f2f2f2; font-size:18px; }
.section6 .sp2 { padding:30px 0 0; }
.section6 .two { font-size:20px; padding:60px 0; }
.section6 .one { color:#f2f2f2; }


/* Section7 Sytles */
.section7 { padding:40px 0 60px ; background:url(../img/hd-bg.png) repeat; }
.section7 .sp2 p { font-size:18px; line-height:2.2; font-weight:600; }


/* Section8 Sytles */
.section8 { padding:40px 0 ; background:url(../img/hd-bg.png) repeat; }

span.s3 { font-size:42px; color:#e84242; }
.button, .button2 {font-size:21px; text-align:center; border-radius:3px;  float:left; width:300px; height:38px;  padding:16px 60px 0 0px; font-weight:600; }
.button { margin:0 auto; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.2);box-shadow:0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.34) inset, 0 -1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 3px rgba(0, 0, 0, 0.1);      background:url("../img/bt2.png") no-repeat 92% 0px ;  background-color:#e84242; display:block; }
.button2 { margin:0 auto; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.2);box-shadow:0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.34) inset, 0 -1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 3px rgba(0, 0, 0, 0.1);      background:url("../img/bt2.png") no-repeat 92% 0px ;  background-color:#0495b7; display:block; }
.button2:hover { background-color:#09a2c6;  }
.button:hover { background-color:#f25151;  }
.button-wrap {  height: 60px; width:360px; margin:20px auto; }
.section8 p {   text-align:center; font-size:19px; margin:0 auto; line-height:2.4;}
 
.section8 h5 { font-size:30px; text-align:center; padding:35px 0 20px; font-family: 'Tangerine', cursive; }
.section8 h5 span { color:#e84242; }

.section1 span.s1{color:#0495b7; }

.johnson-box{
background-color: white;
  padding: 20px;
  border: 5px dashed rgb(187, 44, 44);
  border-radius: 10px;
  margin-left: 31px;
  margin-top: 25px;
}
.johnson-box p{
  padding: 0 0 0 30px;
}
.warning{
width: 80px;
  float: left;
  margin-left: -63px;
  margin-top: -63px;
}
.testimonial p{

  color: #13313F !IMPORTANT;
  background:white;
  font-weight: 400;
  font-size: 18px;
  line-height: 2;
  border: 1px solid rgb(98, 98, 98);
  padding: 11px;
  border-radius: 10px;
  box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.5);
}

/* Footer Sytles */
.footer { height:120px; display:block; background:url(../img/cnt-bg.png) repeat; }