@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300,600,500);
@font-face {
 font-family: 'icomoon';
 src:url('/fonts/icomoon.eot?-qjcfbt');
 src:url('/fonts/icomoon.eot?#iefix-qjcfbt') format('embedded-opentype'),
 url('/fonts/icomoon.woff?-qjcfbt') format('woff'),
 url('/fonts/icomoon.ttf?-qjcfbt') format('truetype'),
 url('/fonts/icomoon.svg?-qjcfbt#icomoon') format('svg');
 font-weight: normal;
 font-style: normal;
}
@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: #27566a;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:1200px;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 #e043c3;padding: 30px 100px 25px 45px;font-size: 24px;text-transform:uppercase;border-radius: 4px;background: transparent url(/img/arrow.png)no-repeat 90% 55%;color: #e043c3;}
.button:hover{color:#151515;background: #e043c3 url(/img/arrow_hover.png)no-repeat 90% 55%;border: 4px solid #e043c3;}
.button.dark{
 background: #b05b9d url(/img/arrow_hover.png)no-repeat 90% 55%;
 color: white;
 border-color: #b05b9d;
 padding: 30px 85px 25px 30px;
}
.button.dark:hover{
 background: white url(/img/arrow_dark.png)no-repeat 90% 55%; 
 color: #b05b9d; border-color: #b05b9d;
}
.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/3YNGIU4yRTO4DDifrEfA_MG_2885.jpg);background-size:cover;*/width:100%;height: 100%;position:relative;background-color: rgb(232, 232, 232);}
header .overlay{position: absolute;left: 0;top: 0;height:100%;width: 100%;background: rgba(39,51,64,0.75);}
header #headtext{color:#ffffff;text-align:center;position: relative;left: 0;top: -75%;padding: 150px 18px 0;width: 100%;-webkit-transform: translate(0, -50%);-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-o-transform: translate(0, -50%);transform: translate(0, -50%);}
header #headtext h1{font-size: 55px;font-weight: 100;line-height: 65px; position: relative;padding-top: 300px; text-transform: uppercase;}
header #headtext h1:before{content: url('/img/Logo.png');display: block;/* width: 100px; *//* height: 100px; *//* background-color: red; */position: absolute;top: 34%;left: 18%;}
header #headtext .slogan{font-size: 24px;/* line-height:50px; */display:block;margin: 40px 0 75px 0;}
header #headtext .slogan2 a{font-weight:300;line-height:50px;margin: 25px 0 0 0;display:inline-block;position:relative;color:#ffffff;font-size: 24px;padding: 0 40px 0 0;}
header #headtext .slogan2 a:hover{color: #e043c3;}
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{}
header .wrapper{text-align: left;padding: 50px 0;}




section{padding:100px 0;}
#section1{padding:90px 0 50px;}
h2{font-size: 48px;line-height: 49px;margin: 0 0 25px 0;font-weight:300;color: #27566a;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: #27566a;font-size: 18px;line-height: 28px;}
#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;}
#section1 ul li:nth-child(1) p:before{background: url(/img/1.png) no-repeat 57px 57px;}
#section1 ul li:nth-child(2) p:before{background: url(/img/2.png) no-repeat 57px 57px;/* width: 100px; *//* height: 100px; */}
#section1 ul li:nth-child(3) p:before{background: 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: url(/img/4.png) no-repeat 58px 66px;/* padding: 59px 55px 60px 55px; *//* height: 55px; */}

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

#section3{text-align:center;padding: 80px 0 120px;}
#section3 .wrapper, #section2 .wrapper{max-width:1300px;}
#section3 img{}
#section3 h4 {font-size: 24px;line-height: 30px;color: rgb(96, 117, 133);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;}
#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: 25px;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: #002b47;}
.top_footer p{font-size:18px;margin-top: 15px;}
.bottom_footer{text-align: center;padding:20px 10px;}
.bottom_footer a{color: #467f93;}
.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: 1366px) {
 header #headtext h1 { font-size: 50px !important;}
}
@media screen and (max-width: 1280px){
 .wrapper{padding:0 20px;}
 header #headtext h1 { font-size: 42px !important; padding-top: 183px; line-height: 70px;}
 header #headtext .slogan { font-size: 22px; display: block; margin: 20px 0px 80px;}
 header .button { padding: 21px 95px 21px 45px; font-size: 20px; margin-top: -43px; margin-bottom: 32px;}
 header #headtext .slogan2 { margin-top: -46px;}
 header #headtext h1::before {top:27%;}
}
@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:35px !important; line-height:55px; padding-top:180px}
 header #headtext h1::before {top: 23%;}
 h2{ line-height: 65px;}
 header #headtext .slogan {font-size: 19px;display: block;margin: 20px 0px 75px;}
 header .button {font-size: 18px;margin-top: -45px;margin-bottom: 18px;}
 header #headtext .slogan2 {margin-top: -30px;}
}
@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: -42px 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 !important;line-height: 60px;}
 h2{margin:0 0 40px 0;}
 #section3 ul{padding:0;}
 header #headtext .slogan2 {margin-top: -10px;}
}
@media screen and (max-width: 560px){
 .button{padding: 20px 80px 15px 15px !important;line-height: 35px;font-size: 20px;}
 header .button {padding: 9px 80px 9px 15px !important;font-size: 15px;}
 header #headtext .slogan2 a{line-height: 30px;}
 header #headtext h1, h2 {font-size: 25px !important;line-height: 40px;}
 header #headtext h1 {padding-top: 140px !important;}
 header #headtext .slogan2 a {font-size: 16px;}
 header #headtext h1::before {top: -38px;}
 header #headtext .slogan {margin: 16px 0px 57px;}
 
}
@media screen and (max-width: 400px){
 header #headtext h1 { padding-top: 200px;}
}