@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

body{ padding:0; margin:0; font-family: 'Montserrat', sans-serif; background:#e5f4fc;}
a, img{ border:0; outline:none;}

.wrapper{ width:1000px; margin:0 auto;}

.lt-side{ width:490px; float:left; padding:20px 0 0 0;}
.rt-side{ width:490px; float:right; padding:20px 0 0 0;}
.logo{ text-align:center;}
.logo img{ width:250px;}
h1{ padding:0; margin:0; text-align:center; font-size:60px; font-weight:700; color:#43A5ED; line-height:60px;}

.owl{ text-align:center; padding-top:40px;}
.owl img{ margin-bottom:15px;}
.video-area{ text-align:center; padding:20px 0 0 0; background:#43A5ED; margin-top:15px;}
.vtxt{ text-align:center; font-size:20px; color:#ffffff; padding:5px 0; font-weight:700;}
p{ font-size:14px; padding:0 0 16px 0; margin:0; color:#247DC0;}
.txt2{ text-align:center; color:#247DC0; font-size:17px;}
.txt2 img{ width:120px; line-height:50px; display:inline-table; vertical-align:middle; padding:15px 0;}
.txt3{text-align:center; color:#247DC0; font-size:20px; font-weight:700; line-height:20px;}
.txt3 img{ width:175px; display:inline-table; vertical-align:middle;}
.txt4{text-align:center; color:#247DC0; font-size:22px; font-weight:700; padding:30px 0;}
.ft-txt{text-align:center; color:#247DC0; font-size:14px; padding:15px 0 30px 0; border-top: dotted 1px #89cff0;}
.ft-txt a{ text-decoration:none; color:#247DC0;}
.ft-txt a:hover{ text-decoration:underline;}


@media screen and (min-width: 300px) and (max-width: 800px){
.wrapper{ width:100%; margin:0 auto;}
.lt-side{ width:100%; float:none; padding:15px 0 0 0;}
.rt-side{ width:100%; float:none; padding:15px 0 0 0;}
p{ font-size:16px;}
.owl img { width:200px;}
.video-area video{ width:95% !important;}
.txt2 img{ width:75px;}
h1{ font-size:40px;}
.txt3{ line-height:40px;}

}



@media screen and (min-width: 2200px) and (max-width: 3000px){
.wrapper{ width:60%; margin:0 auto;}
.lt-side{ width:49%; float:left; padding:50px 0 0 0;}
.rt-side{ width:49%; float:right; padding:50px 0 0 0;}
h1{ font-size:100px;}
.owl img { width:650px;}
.logo img { width: 400px;}

.txt2{ text-align:center; color:#247DC0; font-size:30px;}
.txt2 img{ width:200px; line-height:50px; display:inline-table; vertical-align:middle; padding:25px 0;}
.txt3{text-align:center; color:#247DC0; font-size:20px; font-weight:700; line-height:35px;}
.txt3 img{ width:300px; display:inline-table; vertical-align:middle;}
p{ font-size:20px;}
.txt4{ font-size:35px;}
.ft-txt{font-size:20px;}
.video-area video{ width:95% !important;}
}


@media screen and (min-width: 3500px) and (max-width: 6000px){
.wrapper{ width:60%; margin:0 auto;}
.lt-side{ width:49%; float:left; padding:50px 0 0 0;}
.rt-side{ width:49%; float:right; padding:50px 0 0 0;}
h1{ font-size:150px; line-height:150px;}
.owl img { width:900px;}
.logo img { width: 600px;}

.txt2{ text-align:center; color:#247DC0; font-size:50px;}
.txt2 img{ width:300px; line-height:50px; display:inline-table; vertical-align:middle; padding:30px 0;}
.txt3{text-align:center; color:#247DC0; font-size:50px; font-weight:700; line-height:35px;}
.txt3 img{ width:400px; display:inline-table; vertical-align:middle;}
p{ font-size:40px;}
.txt4{ font-size:55px; padding:70px 0 30px 0;}
.ft-txt{font-size:40px;}
.video-area{ padding:40px 0 10px 0;}
.video-area video{ width:95% !important;}
.vtxt{ font-size:50px; line-height:90px;}
}