@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
a{ text-decoration:none}
ol, ul{ list-style:none}
.clearfix{ clear:both}
.img-responsive{ max-width:100%}

body{ margin:0; padding:0; background:#ffffff; font-size:15px; color:#000000; font-family: 'Open Sans', sans-serif; font-weight:400; direction:rtl}
.container{ max-width:1175px; width:100%; margin:0 auto}
header{ width:100%; margin:0 auto;}
.top-header{ width:100%; background:#2f6a22; }
.tollfree{ width:100%; max-width:250px; float:right; padding:12px 0; margin-right:310px; font-size:13px; font-weight:400; color:#ffffff;}
.tollfree a{ color:#fff}
.mobile-hide{display:block}
.mobile{display:none}
.language{ width:100%; max-width:100px; float:left; padding-top:12px; text-align:right; font-size:13px; font-weight:400; color:#ffffff; text-align:right}
.language a{ color:#fff}
.bottom-header{ width:100%; background:url(images/header-bg.png) repeat-x left top #f4fcff;}
.logo{ max-width:196px; width:100%; z-index:99999; position:absolute; margin-left:116px; top:0; }
.logo img{-webkit-box-shadow: 0px 0px 10px 1px #000; box-shadow: 0px 0px 10px 1px #000;}
nav{ float:left; max-width:890px; padding-top:50px; padding-bottom:40px; }
nav ul li{ float:right; margin-left:48px; font-size:15px; font-weight:600; color:#000000; text-transform:uppercase}
nav ul li a{ color:#000;}
.banner{ width:100%; margin:0 auto; background:url(images/banner.png) no-repeat center top; padding-top:62px; position:relative; background-size:cover; padding-bottom:60px;}
.banner1{ width:100%; margin:0 auto; background:url(images/banner1.png) no-repeat center top; padding-top:62px; position:relative; background-size:cover; padding-bottom:60px;}
.form-container{width:100%; max-width:470px; padding:50px 40px; background:#ffffff; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 10px 1px #000; box-shadow: 0px 0px 10px 1px #000;}
.form-container p.title{font-size:30px; font-weight:400; color:#0e5861; margin-bottom:25px;}
.form-container p.des{font-size:24px; font-weight:400; color:#636363; margin-bottom:20px;}
.form-container input[type="text"], .form-container input[type="tel"]{ width:90%; padding:25px 5%; margin-bottom:18px; background:#f4fcff; border:1px solid #f0f0f0; -webkit-border-radius: 4px; border-radius: 4px; font-size:20px; color:#4d4d4d}
.form-container .form-bottom{ width:100%; padding-top:10px;}
.form-container .form-bottom .terms{ float:right; max-width:290px; padding-top:15px; font-size:13px; co
#4d4d4d}
.form-container .form-bottom .sbutton{ width:100%; max-width:175px; float:left}
.form-container .form-bottom .sbutton input[type="submit"]{ width:100%; display:block; text-align:center; padding:20px 0; background:#0e5861; color:#fff; font-size:16px; font-weight:400; -webkit-border-radius: 8px; border-radius: 8px; border:0px; cursor:pointer}
.form-container .form-bottom .sbutton input[type="submit"]:hover{ cursor:pointer}

.middle-container{ width:100%; margin-bottom:55px;}
.middle-container .left-container{ max-width:460px; margin:0 auto; float:right; padding:0 35px; width:100%;}
.middle-container .left-container p{ font-size:16px; color:#434343; margin-bottom:20px;}
.middle-container .left-container ul{ list-style:none; margin:0; padding:0}
.middle-container .left-container ul li{ float:right; margin-left:25px; max-width:75px; width:100%;}
.middle-container .left-container ul li img{ margin-bottom:15px;}
.middle-container .left-container ul li .txt{ font-size:14px; color:#434343; text-align:center;}
.middle-container .left-container ul li .txt{ color:#434343;}
.middle-container .left-container ul li .txt a{ color:#434343;}

.middle-container .right-container{ max-width:610px; margin:0 auto; float:left;  width:100%;}
.middle-container .right-container .video-container{ width:100%; max-width:580px; padding:15px; background:#000;  -webkit-border-radius: 8px; border-radius: 8px;}
.share-btn{ width:100%; margin-top:15px; background:url(images/play1.svg) no-repeat right top; padding-right:50px; font-size:20px; color:#fff; line-height:40px;}

.schedule{ width:100%; margin-bottom:50px;}
.schedule h1{ font-size:30px; font-weight:400; color:#0e5861; text-align:center; margin-bottom:30px;}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    font-size:16px; overflow:scroll
}

th, td {
    text-align: right;
    padding: 16px;
}

th:first-child, td:first-child {
    text-align: left;
}
tr{ background:#f9fdff; border-bottom:1px solid #d9e0e2}
tr:first-child {
    background-color: #ecf2f5
}

.winner{ width:100%; max-width:962px; margin:0 auto 30px; }
.winner h1{ font-size:30px; font-weight:400; color:#0e5861; text-align:center; margin-bottom:30px;}
.winner ul{ margin:0; padding:0}
.winner ul li{ float:right; margin:20px 40px; max-width:160px; width:100%; text-align:center}
.winner ul li img{max-width:158px; margin:0 auto 12px auto}
.winner ul li .txt{ text-align:center; font-size:14px; color:#434343; font-weight:400}
.winner ul li .txt strong{ font-weight:700; color:#d09b04}

.social-container{ width:100%; border-bottom:1px solid #e2e2e2; border-top:1px solid #e2e2e2; padding:50px 0; text-align:center; }
.social-container h1{ font-size:30px; font-weight:400; color:#0e5861; text-align:center; margin-bottom:30px;}
.social-container ul{ margin:0 auto; padding:0; max-width:82px;}
.social-container ul li{ float:left; max-width:60px; margin:0 10px; width:100%;}
.social-container ul li a img:hover{ opacity:0.8}

.ft{ width:100%; font-size:14px; color:#434343; margin:40px 0; text-align:center}
.ft p{font-size:14px; color:#434343; margin-bottom:12px;}
.ft p a{ color:#74c09b; text-decoration:underline}

footer{ width:100%; background:#006511; color:#fff; font-size:14px; padding:15px 0; text-align:center}
#back-to-top {
    position: fixed;
    bottom: 10px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #006511;
    color: #fff;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {
    background: #74c09b;
}
#back-to-top.show {
    opacity: 1;
}
#content {
    height: 200px;
}
.slicknav_menu, #menu {
	display:none;
}

@media screen and (max-width: 63.938em) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}
@media screen and (min-device-width: 1024px) and (max-device-width: 1170px) { 
    .container{ max-width:1024px; width:96%;}
	nav{ max-width:780px;}
	nav ul li{ margin-left:32px;}
	.middle-container .left-container{ max-width:400; padding:0 15px;}
	.middle-container .right-container{ max-width:480px;}
	.middle-container .right-container .video-container{ max-width:450px;}
	.share-btn{ width:80%;}
	footer span{ padding-right:80px;}
}
@media screen and (min-device-width: 900px) and (max-device-width: 1023px) { 
    .container{ max-width:900px; width:96%;}
	nav, .language{ display:none}
	.tollfree{ margin-left:0; width:100%; text-align:left; float:left}
	.mobile-hide{display:none}
	.mobile{display:block;  width:100%}
	nav ul li{ margin-left:32px;}
	.banner, .banner1{ padding-top:115px; background:url(images/banner1.png) left top}
	.form-container{ max-width:400px;}
	.middle-container .left-container{ max-width:400px; padding:0 15px;}
	.middle-container .right-container{ max-width:420px;}
	.middle-container .right-container .video-container{ max-width:390px;}
	.share-btn{ width:80%;}
	.winner{ max-width:862px;}
	.winner ul li{ margin:20px 26px;}
	footer span{ padding-right:80px;}
}
@media screen and (min-device-width: 768px) and (max-device-width: 899px) { 
    .container{ max-width:768px; width:96%;}
	nav, .language{ display:none}
	.tollfree{ margin-left:0; width:100%; text-align:left; float:left}
	.mobile-hide{display:none}
	.mobile{display:block;  width:100%}
	nav ul li{ margin-left:32px;}
	.banner, .banner1{ padding-top:115px; background:url(images/banner1.png) left top}
	.form-container{ max-width:320px; padding:20px;}
	.form-container .form-bottom .sbutton{ max-width:120px;}
	.middle-container .left-container{ max-width:768px; padding:0; float:none}
	.middle-container .right-container{ max-width:730px; width:100%; float:none; margin:25px auto}
	.middle-container .right-container .video-container{ max-width:700px;}
	.share-btn{ width:80%;}
	.winner{ max-width:750px;}
	.winner ul li{ margin:10px 13px;}
	footer span{ padding-right:80px;}
}
@media screen and (min-device-width: 640px) and (max-device-width: 767px) { 
    .container{ max-width:640px; width:92%;}
	nav, .language{ display:none}
	.tollfree{ margin-left:0; width:100%; text-align:left; float:left}
	.mobile-hide{display:none}
	.mobile{display:block;  width:100%}
	nav ul li{ margin-left:32px;}
	.banner, .banner1{ padding-top:115px; background:url(images/banner1.png) left top}
	.form-container{ max-width:320px; padding:20px;}
	.form-container .form-bottom .sbutton{ max-width:120px;}
	.middle-container .left-container{ max-width:600px; padding:0; float:none}
	.middle-container .right-container{ max-width:600px; width:100%; float:none; margin:25px auto}
	.middle-container .right-container .video-container{ max-width:560px;}
	.share-btn{ width:80%;}
	.winner{ max-width:750px;}
	.winner ul li{ margin:10px 80px; min-height:240px;}
	footer span{ padding-right:80px;}
}
@media screen and (min-device-width: 480px) and (max-device-width: 639px) { 
    .container{ max-width:640px; width:92%;}
	nav, .language{ display:none}
	.tollfree{ margin-left:0; width:100%; text-align:left; float:left}
	.mobile-hide{display:none}
	.mobile{display:block;  width:100%}
	nav ul li{ margin-left:32px;}
	.logo{ max-width:150px;}
	.banner, .banner1{ padding-top:85px; background:url(images/banner1.png) left top}
	.form-container{ max-width:320px; padding:20px;}
	.form-container .form-bottom .sbutton{ max-width:120px;}
	.middle-container .left-container{ max-width:450px; padding:0; float:none}
	.middle-container .right-container{ max-width:400px; width:100%; float:none; margin:25px auto}
	.middle-container .right-container .video-container{ max-width:370px;}
	.share-btn{ width:80%;}
	.winner{ max-width:750px;}
	.winner ul li{ margin:10px 38px; min-height:240px;}
	footer span{ padding-right:80px;}
}
@media screen and (min-device-width: 320px) and (max-device-width: 479px) { 
    .container{ max-width:320px; width:92%;}
	.logo{ max-width:140px;}
	nav, .language{ display:none}
	.tollfree{ margin-left:0; width:100%; text-align:left; float:left}
	.mobile-hide{display:none}
	.mobile{display:block;  width:100%}
	nav ul li{ margin-left:32px;}
	.banner, .banner1{ padding-top:75px; background:url(images/banner1.png) left top}
	.form-container{ max-width:270px; padding:10px;}
	.form-container .form-bottom .terms{ float:none; width:100%; max-width:270px; text-align:center; padding-top:0px; padding-bottom:12px;}
	.form-container .form-bottom .sbutton{ max-width:180px;}
	.schedule{ max-width:320px; margin:0 auto; float:none}
	.middle-container .left-container{ max-width:300px; padding:0; float:none}
	.middle-container .left-container ul li{ margin-right:40px;}
	.middle-container .right-container{ max-width:280px; width:100%; float:none; margin:25px auto}
	.middle-container .right-container .video-container{ max-width:250px;}
	.share-btn{ width:80%;}
	.winner{ max-width:750px;}
	.winner ul li{ margin:0 auto; float:none; min-height:240px;}
	footer span{ padding-right:80px; text-align:center}
}