body {
  font-family:Arial, Helvetica, sans-serif ;
  line-height: 24px;
  margin: 0;
  padding: 0px;
  color: #fff;
  font-size: 14px;
background: url(../images/bg.jpg);


}

@font-face {
  font-family:'Conv_BebasNeue';
  src: url('../fonts/BebasNeue.eot');
  src: local('☺'), url('../fonts/BebasNeue.woff') format('woff'), url('../fonts/BebasNeue.ttf') format('truetype'), url('../fonts/BebasNeue.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Conv_LemonMilkbold';
  src: url('../fonts/LemonMilkbold.eot');
  src: local('☺'), url('../fonts/LemonMilkbold.woff') format('woff'), url('../fonts/LemonMilkbold.ttf') format('truetype'), url('../fonts/LemonMilkbold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.center-texc-position {
    position: fixed;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    top: 40%;
    color: #fff22c;
    max-width: 700px;
}

.charAni {
    width: 484px;
    height: 348px;
    background-image: url(../images/char.png);
	margin:0 auto;
}

.charAni_s {
    width: 300px;
    height: 216px;
    background-image: url(../images/char_s.png);
    margin:0 auto;
}
.center-texc-position h3 {
    font-size: 40px;
    font-weight: bold;
}

.crl{ clear:both; }

.main-row {
    max-width:80%;
    height: auto;
    margin: 0px auto;
    padding:30px 0px;
}
.top-row {
    width: 100%;
   font-family:'Conv_BebasNeue';
    background-image: url(../images/head-bg.png);
    background-repeat: no-repeat;
    background-position: left;
    color: #fff;
    background-size: 700px auto;
    font-size:75px;
    font-style: italic;
    font-weight: bold;
    height: 88px;
    text-transform: uppercase;
}
.top-row-in{font-family:'Conv_BebasNeue'; padding:32px 15px 6px; width:65%; float:left;}

.top-row-in-right{width:25%; float:right; padding-top:5px;}

.top-button1 {
    width:85px;
    float: left; margin-right: 15px;
}
.top-button1 img{ width:100%; height:auto; }

.top-button2 {
    width: 85px;
    float: left;
}
.top-button2 img{ width:100%; height:auto; }

.top-row-2{padding:0px 0 20px; height:auto;  }

.row-2-left {
    width: 52%;
    height: auto;
    border: 4px solid #fff;
    float: left;
    padding: 20px;
    line-height:30px;
    text-transform: none ;
	background: rgba(10,16,44, 0.7);
    
}
.row-in {font-size:22px; font-weight:bold;}

.row-2-right{ width:45%; padding:0px 0%; height:auto; float:right; }
.formtxt {font-size: 20px;}
.yellow{ color:#ffff00;  }
.cartun-photo {
    width: 330px;
    position: relative;
    margin-bottom: -100px;
}

.row-in-img {
    padding-top:56px;
    width: 100%;
}

.butt {

    background:rgba(14,14,204, 0.7);   border-radius:50px; border:3px solid #fff;
    background-size: auto auto;
    background-size: auto auto;
    padding:40px 0px;
    color: #fff;
    background-size: 100% 100%;
    text-decoration: none;
    width: 100%;
    font-weight: bold;
    text-align: center;
    font-size: 26px;
	display:block;

}
 .butt:hover{ color:#ffffff;   text-decoration: none;} 

.button-box, .button-box1 {
    width: 100%;
	margin-bottom:50px;

}

/*.top-row-2.row-2 .row-2-left { width: 43%; }
.top-row-2.row-2 .row-2-right {width: 47%;}*/


.wather-box1 { width: 100%;height: auto;float: left;}
.wather-box1 .wather-box-1 { width:150px; float:left; margin-right:40px;}
.wather-box1 .wather-box-1 img{ width:100%; }
.wather-box1 .wather-box-2 { width: 150px;float:left;}
.wather-box1 .wather-box-2 img{ width:100%; }

.wather-box2 { width: 100%; float:left; padding-left:80px;margin-top:-5px;}
.wather-box2 .wather-box-1 { width:150px; float:left;margin-right:40px;}
.wather-box2 .wather-box-1 img{ width:100%; }
.wather-box2 .wather-box-2 { width: 150px;float:left;}
.wather-box2 .wather-box-2 img{ width:100%; }

.wather-box3 { width: 100%;height: auto;float: left;}
.wather-box3 .wather-box-1 { width: 150px; float:left;margin-right:40px;}
.wather-box3 .wather-box-1 img{ width:100%; }
.wather-box3 .wather-box-2 { width: 150px;float:left;}
.wather-box3 .wather-box-2 img{ width:100%; }


/*.top-row-2.row-3 .row-2-left { width: 43%; }
.top-row-2.row-3 .row-2-right {width: 47%;}*/
.row-2-cemra img{ width:100%; }
.row-2-button { padding: 0px 15%;}

.top-row-2.row-4 .row-2-left { width:55%; padding:0px; border:0px; }
.top-row-2.row-4 .row-2-right {width:44%;}
.magazine{ width:98%; padding:10px; height:auto; background:#fff; color:#000; }
.magazine .date{ width:100%; height:auto; border-bottom:2px solid #959595; text-align:right; }
.magazine .title {
    width: 100%;
    height: auto;
    font-family: 'Conv_LemonMilkbold';
    color: #cf0000;
    text-transform: uppercase;
    font-size: 33px;
    text-align: center;
    line-height: 45px;
    padding:10px 0px;
}
.magazine .sub-title{ width:100% !important; height:auto; 
                    background:#eaeaea; 
                    border-top:2px solid #959595; 
                   border-bottom:2px solid #959595; 
                   font-family: 'Conv_LemonMilkbold';
                   text-align:center;
                   font-size: 9px !important; padding: 0px !important;  }

.sub-title2 {
   width: 100%;
    height: auto;
    font-size: 12px !important;
    text-align: center;
    font-weight: bold;
    padding-top: 5px;
    border-bottom: 2px solid #959595;
    padding-bottom: 5px;
}
.sub-title3{ width:100%; color:#545454; text-align:left;  }
.magazine-left {
  width: 68%;
    float: left;
    line-height: normal;
    word-break: break-word;
    font-size: 18px;
}

.magazine-right {
    width:30%;
    height: auto;
    float: right;
}

.photo1{ width:100%; height: auto; border:1px solid #959595; margin-bottom:15px;  }

.photo1 img{ width:100%; height:auto; float:left; }
.photo-text {
    float: left;
    line-height:18px;
    margin-bottom:30px;
    color:#545454; 
}
.photo-text1{ width:100%; height: auto; border:1px solid #959595; float: left; }
.photo-img img{ width:100%; }
.photo-top {
    width: 100%;
    text-align: center;
    font-weight: bold;
}

.photo-bottom{ width:100%;
    text-align: center;
    font-weight: bold;}

.line{ width:100% height:20px; float:left; border-top:2px solid #959595; }
.print-pahe-butt{ width:100%; height:auto; }
.butt1{ padding:0px; }
.print-pahe-butt {
    width: 100%;
    height: auto;
    text-align: right;
    float: right;
    width: 210px;
}

.row-2-right.butt1 .button-box{ width:90%; height:auto; float: right; padding:10px 0px; margin-bottom: 0;}

.input-box1 {
    width: 100%;
    
    color: #000;
}

.top-row-2.row-5 .row-2-right label {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top:20px;
    float: left;
}
.next-button {
    width: 100%;
    float: left;
    padding-top: 40px;
}


.next-button .butt {
    float: right;
}


.pop-in {

     width: 300px;
    float: inherit;
    height: 200px;
        background: rgba(10,16,44, 0.7);
    padding: 15px;
    border: 4px solid #ffff;
    margin: 0px auto;
    text-align: center;
    left: 200px;
    top: 0;
    z-index: 9999;

}

.pop-in .next-button .butt {

    padding: 19px 0px;
    font-size: 22px;
    width: 190px;
    float: inherit;
    margin: 0px auto;

}

.pop-in .next-button {
    padding-left:37px;
}

.pop-in2 {
    width: 100%;
    height: auto;
    padding: 20px 0px 0px;
    float: left;
}

.pop-up {
    height: auto;

    text-align: center;
    position: absolute;
    left: 0;
	right:0;
	margin:0 auto;

}


.inpot-b .input-box1 {
    width: 100% !important;
	border:1px solid #000;
	padding:8px 20px;
	font-size:16px;
}
.inpot-b1 .input-box1 {
    width: 100%;
    border:1px solid #000;
	padding:8px 20px;
	font-size:16px;
} 

.forme label {
       width: 100%;
		line-height: 16px;
		width: 100%;
		float: left;
		padding: 15px 0px 5px;
		font-size: 20px;
		line-height: normal;
}
.row-2-right.forme { padding: 0px;}


.row-2-right.forme .next-button {
    padding-top:20px;
}

.textarea-box{ width:100%; height:400px; color: #000; }

.start-over .next-button {
    padding-top: 90px;
    width: 82%;
}

.start-over .butt {
    padding: 22px 0px;
    font-size: 21px;

}

.top-row-2.row-main .row-2-left {width:100%; height:70vh; padding-top:10%;}
.top-row-2.row-main .row-in{ text-align:center; font-size:32px; line-height:normal;}

.top-row-2.row-main .row-in-img{ text-align:center; padding-bottom:50px;}
.top-row-2.row-main .row-in span{ font-size:42px;}
.select-button{    background:rgba(14,14,204, 0.7);
    background:rgba(14,14,204, 0.7);
	border-radius:50px; border:3px solid #fff;
    background-size: auto auto;
    background-size: auto auto;
    padding:40px 20px;
    color: #fff;
    background-size: 100% 100%;
    text-decoration: none;
    width: 100%;
    font-weight: bold;
    text-align: center;
    font-size: 26px;
	display:block;
	line-height:normal;

	}

.select-button:focus {  color:#fff; text-decoration: none;
}


.select-button:hover{ color:#fff; text-decoration:none; }

.newsroom-btn {
    position: fixed;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
}
.newsroom-btn a {
    color: #fff;
    background: rgba(14,14,204, 0.7);
    padding: 40px 40px;
    display: inline-block;
    font-size: 52px;
    border-radius: 56px;
    border: solid 4px #fff;
    text-transform: uppercase;
    text-decoration: none;
}
.top-row-2.row-1 .row-2-left, .top-row-2.row-2 .row-2-left, .top-row-2.row-3 .row-2-left, .top-row-2.row-6 .row-2-left, .top-row-2.row-8 .row-2-left {height:70vh; padding-top:30px;} 

@media (max-width:1366px) {
	.forme label {
    font-size: 16px;
    line-height: normal;
	padding-top:10px;
}
	.top-row-2.row-main .row-2-left  {width:100%; height:70vh; padding-top:30px;     font-size: 16px;}
	.top-row-2 .row-2-left .row-in{font-size: 16px;}
	
	.top-row-2 .row-2-left .row-in-img {
    padding-top: 36px;
	
	}
	
	.top-row-2 row-1 .row-2-left {height:70vh; padding-top:16px;} 
	
	
	.main-row {
    max-width: 90%;
	}
.magazine-left {font-size:16px;width: 74%;}
.magazine .title {
    font-size: 20px;
}
.magazine-right {
    width: 22%;
}
.photo-text {

    margin-bottom: 10px;
}
.photo-img {text-align:center;}
.photo-img img {width:55%;}
} 

@media (max-width:1199px) {
.wather-box1 .wather-box-1, .wather-box2 .wather-box-1, .wather-box3 .wather-box-1 { width:120px; float:left; margin-right:40px;}
.wather-box1 .wather-box-2, .wather-box2 .wather-box-2, .wather-box3 .wather-box-2 { width: 120px;float:left;}



	.select-button{
    font-size: 20px;
	}
	
.button-box, .button-box1 {
	margin-bottom:20px;

}
.top-row-2.row-main .row-2-left {width:100%; height:70vh; padding-top:10px;}
.top-row-2.row-8 .row-2-left .row-in {font-size: 18px; font-weight: bold; line-height: normal;}

.magazine-left { width: 76%; font-size:14px }
.magazine .title {
    width: 100%;
    height: auto;
    font-family: 'Conv_LemonMilkbold';
    color: #cf0000;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    line-height: 45px;
    padding:10px 0px;
	height:auto;
}
.magazine .sub-title{ width:100% !important; height:auto; 
                    background:#eaeaea; 
                    border-top:2px solid #959595; 
                   border-bottom:2px solid #959595; 
                   font-family: 'Conv_LemonMilkbold';
                   text-align:center;
                   font-size: 9px !important; padding: 0px !important;  }

.top-row {font-size:50px;}

.magazine-right {
    width: 22%;
    height: auto;
    float: right;
}
.magazine-right .photo-text {font-size:10px;}
.top-row-2.row-4 .row-2-left {
    width: 56%;
}

.photo-img img {width:50%;}

}

@media (max-width:1199px) and (min-width:980px) {

}

@media (max-width:979px) and (min-width:768px) {

}

@media (max-width:767px) {
  
}

@media(min-width:320px) and (max-width:480px) {
  
}

/******************************* Media ********************************/