@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,600,500);

@font-face {
 font-family: "HelveticaThin";
 src: url("../fonts/HelveticaThin.eot");
 src: url("../fonts/HelveticaThin.eot?#iefix")format("embedded-opentype"),
 url("../fonts/HelveticaThin.woff") format("woff"),
 url("../fonts/HelveticaThin.ttf") format("truetype");
 font-style: normal;
 font-weight: normal;
}



* {box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;}
html, body {height: 100%;}
body{font-family: 'HelveticaThin', sans-serif; font-size:15px;color: #0e0e0e;line-height:20px;}
html,body,h1,h2,h3,h4,h5,h6,ul,li,p,menu {margin:0;padding:0;}
ul,li {list-style:none;}
input,button,textarea {outline:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}
strong {font-weight: bold;}
img {border: 0;max-width: 100%;}
button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;}
table {border-collapse: collapse;border-spacing: 0;}
td,th {padding: 0;}
hr{display: block;height: 0;border: 0px solid #b8b8b8;border-bottom-width: 1px;}
a{text-decoration:none;color: #e043c3;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
a:active, a:hover {color:#ffc800;outline: 0;}

.wrapper{width:100%;max-width: 1300px;margin:0 auto;}
.float_left{float:left;}
.float_right{float:right;}
.centertext {text-align:center;}
.clearfix:after, .clearfix:before {content:" ";display:block;clear:both;height:0;overflow: hidden;}
.table-cell{display:table-cell;vertical-align:middle;}
.button{display:inline-block;border: 4px solid #6cb0e6;padding: 30px 100px 25px 45px;font-size: 24px;text-transform:uppercase;border-radius: 4px;background: #6cb0e6 url(/img/arrow_white.png)no-repeat 90% 55%;color: white;}
.button:hover{color: #6cb0e6;background: white url(/img/arrow_blue.png)no-repeat 90% 55%;border: 4px solid #6cb0e6;}


.loadoverlay{width:100%;height:100%;background:#ffffff;position:fixed;top:0;left:0;z-index:10000;}
.loadoverlay img{position:absolute;margin:-24px 0 0 -24px;display:inline;block;width:48px;height:48px;top:50%;left:50%;}
/*main*/

header{background: url(/img/header_bg.png) no-repeat;background-size: cover;padding-bottom: 160px;/* width:100%; *//* height:100%; *//* position:relative; *//* background: silver; */}

header #headtext{}
header #headtext h1{font-size: 48px;font-weight: 600; line-height: 72px;position: relative;/* padding-top: 300px; */color: white; text-transform: uppercase; }
header #headtext .slogan{font-size: 24px;display:block;margin: 25px 0 125px 0;color: white;}
header #headtext .slogan2 a{font-weight:300;line-height:50px;margin: 35px 0 0 0;display:inline-block;position:relative;color:#ffffff;font-size: 24px;padding: 0 40px 0 0;}
header #headtext .slogan2 a:hover{color: #6cb0e6;}
header #headtext .slogan2 span{display: inline-block;width: 28px;height: 28px;background: url(/img/play.png)no-repeat;transition: all .3s ease;position: absolute;right: 0;top: 25%;}
header #headtext .slogan2 a:hover span{
 background: url(/img/play_hover.png)no-repeat;
}
header #headtext .button{/* margin:0 17px 0 0; *//* color:#ffffff; */}
header #headtext .button:hover{/* color: white; */}
header #headtext .button2{border:5px solid transparent;display:inline-block;color:#151515;background-color:#ffcc00;margin:0 0 0 17px;padding:20px 30px;font-size:20px;text-transform:uppercase;}
header #headtext .button2:hover{color:#ffffff;background:none;border:5px solid #ffc800;}
header #headtext a{outline:0;}
header #logo{
 padding: 60px 0;
 display: inline-block;
}
header .wrapper{text-align: left;/* padding: 55px 0; */}




section{padding:100px 0;}
#section1{padding:90px 0 50px;background: #f6f8fa;}
h2{font-size: 48px;line-height: 49px;margin: 0 0 25px 0;font-weight: 600;color: #5f7585;text-transform: uppercase;text-align: center;}
h3{font-size:20px;font-weight:bold;text-transform:uppercase;margin: 0;padding: 54px 0 0 0;}
#section1 ul{overflow:hidden;}
#section1 ul li {text-align:center;float:left;width:25%;padding: 0 1.8%;}
#section1 ul li p{color: #607585;font-size: 18px;line-height: 30px;font-weight: 600;}
#section1 ul li p:before{display: block; content:'';width: 70px; height: 70px; /* border: 1px solid #cddfe2; */ border-radius: 50%; padding: 55px; margin: 0 auto 30px;/* background-color: white; */}
#section1 ul li:nth-child(1) p:before{background: white url(/img/1.png) no-repeat 57px 57px;}
#section1 ul li:nth-child(2) p:before{background: white url(/img/2.png) no-repeat 57px 57px;/* width: 100px; *//* height: 100px; */}
#section1 ul li:nth-child(3) p:before{background: white url(/img/3.png) no-repeat 54px 54px;width: 80px;/* height: 100px; */padding: 55px 50px 55px 50px;}
#section1 ul li:nth-child(4) p:before{background: white url(/img/4.png) no-repeat 58px 66px;/* padding: 59px 55px 60px 55px; *//* height: 55px; */}

#section2{background-color: white;text-align:center;/* border-top: 1px solid #cbdde1; *//* border-bottom: 1px solid #cbdde1; */padding: 85px 0 120px;}
#section2 span{font-size:20px;font-weight:300;}
#section2 .img2{margin: 50px 0 60px;overflow:hidden;}
#section2 .img2 div{float:left;width:50%;/* padding: 0 1%; */}

#section3{text-align:center;padding: 80px 0 120px;background: #f6f8fa;}
#section3 .wrapper, #section2 .wrapper{max-width:1300px;}
#section3 h4{
 font-size: 24px;
 line-height: 30px;
 color: #607585;
 text-transform: uppercase;
 text-align: left;
 overflow: hidden;
}
#section3 ul{overflow:hidden;text-align:center;padding: 45px 0 0 0;margin-bottom: 40px;}
#section3 ul li{display: inline-block;margin:0 0 40px 0;float: left;max-width: 50%;width: 100%;padding: 0 5% 0 0;}
#section3 ul li div{float: left;display: block;/* border: 1px solid #cddfe2; */ border-radius: 50%;padding: 34px;margin: 0 20px 30px 0;background: white;}
#section3 ul li:nth-child(1) div{}
#section3 ul li:nth-child(2) div{/* padding: 52px 60px 46px 55px; */}
#section3 ul li:nth-child(3) div{/* padding: 53px 64px 46px 58px; */}
#section3 ul li:nth-child(4) div{/* padding: 57px 57px 52px 52px; */}
#section3 ul li h3{padding:20px 0 40px 0;}
#section3 ul li .li_text:before{font-size: 128px;display: inline-block;color:#ffcc00;font-family: 'icomoon';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
#section3 ul li p{font-weight:300;text-align: justify;padding-top: 20px;font-size: 18px;line-height: 26px;overflow: hidden;}
#section3 ul li:nth-child(1) .li_text:before{content:"\e603";}
#section3 ul li:nth-child(2) .li_text:before{content:"\e642";}
#section3 ul li:nth-child(3) .li_text:before{content:"\e63e";}
#section3 ul li:nth-child(4) .li_text:before{content:"\e637";}
#section3 ul li:nth-child(5) .li_text:before{content:"\e61b";}






/*ucoz styling*/
#iplus input{width:auto !important;}
ul[id*="uStarRating"] a{ transition: none; -webkit-transition: none; -moz-transition: none;}
.uf-soc-openselect{margin-bottom:10px;}
#uf-register .uf-soc-icons ul li b{width:auto !important;top:3px !important;white-space:nowrap;padding-left: 36px !important;}

/*footer*/
footer{/* background-color: #151515; */color:#ffffff;min-height: 100px;overflow: hidden;line-height:20px;/* padding: 40px 0; */}
/*footer .float_right a{display:inline-block;margin:0 10px 0 0;}
footer .float_right a:last-child{margin:0;}*/
.top_footer{text-align: center;padding: 70px 10px 55px;background: #182e3f;}
.top_footer p{font-size:18px;margin-top: 15px;}
.bottom_footer{text-align: center;padding:20px 10px;}
.bottom_footer a{color: #6cb0e6;}
.bottom_footer a:hover{text-decoration:underline;}
.bottom_footer span, .bottom_footer p {color: #6f7c85;font-size: 12px;}



#big-video-wrap{position:inherit !important;}
.vjs-control-bar{display:none;}
.ui-widget-content{border-radius:0 !important;overflow:visible !important;}
.ui-widget-overlay{background:rgba(0,0,0,0.7) !important;}
/*.ui-dialog.ui-widget.ui-widget-content:after {position: absolute;content: "";top: -24px;right: -24px;width: 24px;height: 24px;background: white;z-index: 99;display: block;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;}
.ui-dialog.ui-widget.ui-widget-content:before {}*/

@media screen and (max-width: 1280px){
 .wrapper{padding:0 20px;}
}
@media screen and (max-width: 960px){
 #section1 ul li{ width: 50%; min-height: 300px;margin-bottom: 50px;}
 #section3 ul li{display: block;width: 100%;float: none;max-width: 100%;overflow: hidden;/* margin: 0; */padding: 0;}
 header #headtext h1{/* font-size:55px; */ /* line-height:85px; */}
 h2{ line-height: 65px;}
}
@media screen and (max-width: 680px){
 #section3 ul li{width:100% !important;}
 #section2 .img2 div{width:100%;margin: 0 0 40px 0px;}
 #section1 ul li{width:100% !important;padding:0 0 60px 0 !important;min-height: inherit;margin: 0;}
 #section1 ul li:last-child{padding:0 !important;}
 header #headtext .button{margin: 0 0 20px 0 !important;}
 header #headtext .button2{margin:0 !important;}
 footer .float_left, footer .float_right{float:none !important;padding:0 0 20px 0;}
 #section3 ul li p{/* padding-top:0; */text-align: center;}
 #section3 ul li div{float:none;display: inline-block;margin: 0 0 30px 0;}
 header .wrapper{text-align:center;}
 header #headtext h1{/* padding-top:100px; */}
 header #headtext h1:before{top: -50px; left: inherit; width: 135px; margin: 0 auto; position: relative;}
 header #headtext h1, h2 {font-size: 35px;line-height: 60px;}
 h2{margin:0 0 40px 0;}
 #section3 ul{padding:0;}
 #section3 h4{text-align:center;}
 header #headtext .slogan{margin: 40px 0 40px 0;}
}
@media screen and (max-width: 560px){
 .button{padding: 20px 60px 15px 15px !important;line-height: 35px;font-size: 20px;background: #6cb0e6 url(/img/arrow_white.png)no-repeat 95% 55%;}
 .button:hover{background: white url(/img/arrow_blue.png)no-repeat 95% 55%;}
 header #headtext .slogan2 a{line-height: 30px;}
 header #headtext h1, h2 {font-size: 25px;line-height: 40px;}
}
@media screen and (max-width: 400px){
 header #headtext h1 { /* padding-top: 200px; */}
}