html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; font-family: 'Open Sans', Arial, sans-serif; }
:focus { outline: 0; }
body { line-height: 1; }
ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { width: 100%; }
a { text-decoration:none !important; }
strong, b { font-weight:700; }
.clear { clear:both; padding:0px !important; margin:0px !important; width:auto !important; height:auto !important; border:0px !important; float: none !important; background: none repeat scroll 0 0 transparent !important; min-height:auto !important; }
button { cursor:pointer; }

/* ------------- */

body { background:#fff; height: 100%; width: 100%; }
.box { position:relative; width:100%; }
	.header-wrapper { width:100%; height:160px; position:fixed; top:0px; z-index:9990; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
    .header-wrapper.nontop { background:rgba(0,0,0,0.6); height:60px; }
		.header { max-width: 1254px; margin: 0 auto; position: relative; }
            .logo { position:absolute; top:50px; left:0px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
            .header-wrapper.nontop .logo { top:7px; }
            .topmenu { right:0px; top:53px; height:51px; position:absolute; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
            .header-wrapper.nontop .topmenu { top:10px; }
                .topmenu>ul>li { float:left; margin-left:56px; cursor:pointer; }
                /* .topmenu>ul>li.active, */.topmenu>ul>li:hover { border-bottom:3px solid #0099cc; }
                    .topmenu>ul>li>span { font-size:16px; color:#fff; line-height:38px; }
                .topmenu>ul>li.button-menu { border:2px solid #0eb2b7; }
                .topmenu>ul>li.button-menu:hover { border-bottom:2px solid #0eb2b7; background:rgba(255,255,255,0.1); }
                    .topmenu>ul>li.button-menu>span { font-weight:600; padding:0 20px; }
                    
            .mobile-topmenu { position: absolute; right:12px; top: 20px; background:#06b2b8; border:0px; border-radius:4px; padding:10px; display:none; }
            .mobile-topmenu:hover, .mobile-topmenu.active { background:#1cc8ce; }
            .mobile-topmenu.active:hover { background:#06b2b8; }
                .mobile-topmenu>span { background-color: #fff; border-radius: 1px; display: block; height: 2px; width: 22px; margin-top: 4px; }
                .mobile-topmenu>span:first-child { margin-top:0px; }
                    
	.topban-wrapper { width:100%; height:848px; position:relative; background:url('/image/new/top.jpg') no-repeat center center / cover; }
		.topban { max-width: 1060px; margin: 0 auto; position: relative; }
            .topban>h1 { font-size:50px; line-height:70px; font-weight:300; text-transform:uppercase; color:#fff; padding-top:230px; }
            .topban>p { padding:50px 0 110px; font-size:20px; font-weight:300; line-height:27px; color:#fff; width:570px; }
            
            .top-buttons { position:relative; }
                .top-buttons>span { float:left; margin-right:25px; }
                .top-button-blue { background:#06b2b8; font-size:17px; color:#fff; line-height:55px; padding:0 56px; cursor:pointer; }
                .top-button-blue-transparent { border:2px solid #64b6e4; font-size:17px; color:#fff; line-height:51px; padding:0 40px; cursor:pointer; }
                .top-buttons>span:hover, .top-button-blue:hover { opacity:0.8; }
            
	.youllknow-wrapper { width:100%; position:relative; background:#ffffff; }
		.youllknow { max-width: 1200px; margin: 0 auto; position: relative; }
            .youllknow>h2 { font-size:50px; line-height:70px; font-weight:300; text-transform:uppercase; color:#000; padding:80px 0; text-align:center; }
            .youllknow-blocks { position:relative; }
                .youllknow-blocks>div { width:400px; float:left; }
                .youllknow-blocks>div:first-child { background:url('/image/new/top2_1.png') no-repeat 50% 0; }
                .youllknow-blocks>div:first-child+div { background:url('/image/new/top2_2.png') no-repeat 50% 0; }
                .youllknow-blocks>div:first-child+div+div { background:url('/image/new/top2_3.png') no-repeat 50% 0; }
                    .youllknow-blocks>div>p:first-child { padding-top:180px; font-size:24px; color:#000; text-align:center; line-height:30px; font-weight:bold; }
                    .youllknow-blocks>div>p:first-child+p { font-size:20px; line-height:24px; text-align:center; padding:5px 45px 0; }
                    
                .youllknow-end { padding:100px 0 125px; display:table; margin:0 auto; }
                    .youllknow-end>p { font-size:24px; font-style:italic; color:#2a445e; margin-right:60px; line-height:64px; float:left; }
                    .youllknow-end>span { background:#06b2b8; line-height:64px; padding:0 30px; display:block; float: right; box-shadow:8px 8px 18px rgba(20,128,131,.32); }
                     
	.whogoes-wrapper { width:100%; position:relative; background:#f5f4f4; }
		.whogoes { max-width: 1130px; margin: 0 auto; position: relative; }
            .whogoes-blocks { position:relative; padding:90px 0 120px; }
                .whogoes-left { float:left; width:380px; }
                    .whogoes-photo { padding-top:10px; }
                    .whogoes-photo+p { width:305px; text-align:center; font-style:italic; font-size:18px; line-height:26px; margin-left:22px; }
                .whogoes-right { float:right; width:calc(100% - 380px); }
                    .whogoes-right>h2 { font-size:50px; line-height:70px; font-weight:300; text-transform:uppercase; color:#000; padding-bottom:50px; }
                    .whogoes-right>h3 { font-size:33px; line-height:45px; color:#2f2e2e; font-style:italic; }
                    .whogoes-right>p { color:#393939; font-size:17px; line-height:21px; padding:10px 0; }
                    .whogoes-right>p.blue-block { font-weight:bold; font-weight:600; color:#000; padding:5px 0 5px 22px; border-left:5px solid #0099cc; margin:10px 0; }
                    
	.interest-wrapper { width:100%; height:1159px; position:relative; background:url('/image/new/mid.jpg') no-repeat center center / cover;}
		.interest { max-width: 1200px; height:1159px; margin: 0 auto; position: relative; }
            .interest>h2 { font-size:50px; line-height:70px; font-weight:300; text-transform:uppercase; color:#fff; padding:110px 0 100px; text-align:center;}
            .interest-block { position:relative; }
                .interest-block>div { float:left; width:400px; margin-bottom:95px; }
                    .interest-block>div>div { width:145px; height:145px; border-radius:73px; box-shadow:0 8px 18px rgba(0,0,0,.2); margin:0 auto;  }
                    .interest-block>div:nth-child(1)>div { background:url('/image/new/ball1.png') no-repeat 50% 0; }
                    .interest-block>div:nth-child(2)>div { background:url('/image/new/ball2.png') no-repeat 50% 0; }
                    .interest-block>div:nth-child(3)>div { background:url('/image/new/ball3.png') no-repeat 50% 0; }
                    .interest-block>div:nth-child(4)>div { background:url('/image/new/ball4.png') no-repeat 50% 0; }
                    .interest-block>div:nth-child(5)>div { background:url('/image/new/ball5.png') no-repeat 50% 0; }
                    .interest-block>div:nth-child(6)>div { background:url('/image/new/ball6.png') no-repeat 50% 0; }
                    .interest-block>div>p { font-size:20px; line-height:28px; color:#fff; padding:20px 50px 0; text-align:center; }
                
            .interest-button { margin:0 auto; display:table; box-shadow: 8px 8px 18px rgba(0, 0, 0, 0.2); padding: 0 30px; }
                .interest-button>span { font-size:20px; font-weight:600; }
                
	.joinus-wrapper { width:100%; position:relative; height:215px; background:#fff; }
		.joinus { max-width: 1200px; margin: 0 auto; position: relative; }
            .joinus-left   { display: table; float: left; height: 100%; }
                .joinus-left>p { display:table-cell; color:#006188; font-size:28px; font-style:italic; vertical-align:middle; }
            .joinus-right { background:url("/image/new/arrow.png") no-repeat scroll 0 50%; display: table; float: right; height: 100%; padding-left: 80px; }
                .joinus-right>ul { display:table-cell; vertical-align:middle;  }
                    .joinus-right>ul>li { float:left; margin-left:25px; }
                        .joinus-right>ul>li>a { display:block; }
                        .joinus-right>ul>li>a:hover { opacity:0.8; }
                            .joinus-right>ul>li>a>img { box-shadow:8px 8px 15px rgba(17,36,77,.30);  border-radius: 41px; }
                
	.reviews-wrapper { width:100%; position:relative; background:#f5f4f4; }
		.reviews { max-width: 1200px; margin: 0 auto; position: relative; }
            .reviews>h2 { font-size:50px; line-height:70px; font-weight:300; text-transform:uppercase; color:#000; padding:100px 0 90px; text-align:center; }
            .reviews-blocks { position:relative; padding-bottom:170px; }
                .reviews-blocks>div { float:left; width:400px; }
                    .reviews-img { box-shadow:8px 8px 18px rgba(0,0,0,.2); border-radius:80px; display: table; margin: 0 auto; }
                    .reviews-name { padding:30px 0; position: relative; }
                    .reviews-name:after { background:#0099cc; width:48px; height:5px; position:absolute; bottom:0px; content:''; left: calc(50% - 24px); }
                        .reviews-name>p { font-size:20px; font-style:italic; color:#2f2e2e; text-align:center; }
                    .reviews-text { padding:30px 40px 0; }
                        .reviews-text>p { color:#606060; font-size:15px; line-height:21px; padding-bottom:14px; }
                        
	.regblock-wrapper { width:100%; height:752px; position:relative; background:url('/image/new/bot.jpg') no-repeat center center / cover; }
		.regblock { max-width: 1200px; margin: 0 auto; position: relative; }
            .regblock-left { float:left; width:640px; }
                .regblock-left>h2 { font-size:50px; line-height:70px; font-weight:300; text-transform:uppercase; color:#fff; padding:100px 0 60px; }
                .regblock-left>ul { padding-bottom:50px; }
                    .regblock-left>ul>li { padding:0 0 20px 40px; font-size:18px; line-height:23px; color:#fff; background:url('/image/new/romb.png') no-repeat 0 4px; width:490px; }
                
                .regblock-present { padding-left:110px; background:url('/image/new/present.png') no-repeat; }
                    .regblock-present>p { vertical-align:middle; color:#54d1fa; font-size:18px; line-height:25px; font-style:italic; height:92px; display:table-cell; }
            .regblock-right { float:right; width:calc(100% - 640px); }
                .regblock-right>form { border:1px solid #fff; width:336px; float: right; margin-top: 69px; padding:0 42px; }
                    .regblock-right>form>h3 { font-size:50px; line-height:70px; font-weight:300; text-transform:uppercase; color:#fff; padding:30px 0; text-align:center; }
                    .regblock-right>form>input { border:1px solid #fff; line-height:56px; color:#fff; padding:0 20px; font-size:17px; font-weight:300; margin-bottom:26px; background:transparent; width:100%; }
                    #regsubmit { font-size:20px; font-weight:600; width:100%; border:0px; }
                    .form-end { padding:25px 0 30px; text-align:center; font-size:13px; font-style:italic; color:#7da3c1; line-height:16px; }
                    .reg-message { }
                        .reg-message>p { padding:20px 0 10px; text-align:center; font-size:12px; color:#fff; margin:0px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
	.payments-wrapper { width:100%; height:261px; position:relative; }
		.payments { max-width: 1200px; margin: 0 auto; position: relative; display:table; }
            .payments>img { margin:80px auto; max-width:100%; }
            
@font-face {
    font-family: 'Roboto-Medium';
    src: url('/fonts/Roboto/Roboto-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('/fonts/Roboto/Roboto-Regular.ttf') format('truetype');
}

.modal-opacity { display:none; background:rgba(11,15,17,.63); position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:9998; }
.modal-bf { display:none; position:fixed; left:calc(50% - 385px); width:770px; top:20%; z-index:9999; padding-bottom:30px; background:#fff; }
    .modal-bf-top { width:auto; background:#fff; padding:0 50px; }
        .modal-bf-top>p { line-height:60px; font-size:48px; padding:40px 0; font-family: 'Open Sans'; color:#000; text-align:left; margin:0px; font-weight:300; }
        .modal-bf-close { position:absolute; top:10px; background:url('/image/close.png') no-repeat 50% 50%; height:32px; width:32px; right:-42px; z-index:9999; cursor:pointer; }
        .modal-bf-close:hover { opacity:0.9; }
        
    .modal-bf-bottom { width:auto; padding:0 50px; }
        .modal-bf-bottom>p { font-size:18px; font-family: 'Open Sans'; line-height:26px; margin:0px; }
        .modal-bf-bottom>p:first-child { color:#000; padding:0 0px 20px; font-weight:700; }
        .modal-bf-bottom>p:first-child+p { color:#666666; padding:0 0px 50px; font-weight:400; }
        .modal-bf-bottom>p:first-child+p+p { color:#06b2b8; padding:0 0px 30px; font-weight:400; font-style:italic; }
            .modal-bf-bottom>p>span { color:#14b366; }
            
        .modal-bf-bottom>a { text-decoration:none; font-family: 'Open Sans'; padding:0 60px; line-height:54px; font-size:20px; font-weight:bold; color:#fff; display:table; margin:0 auto; width:auto; background:#06b2b8; }
        .modal-bf-bottom>a:hover { opacity:0.8; }
       
            
@media (max-width: 1300px) {
    .logo { left: 20px; }
    .topmenu { right:20px; }
    .topmenu > ul > li { margin-left:20px; }
}

@media (max-width: 1220px) {
    .topban > h1 { font-size:30px; line-height:40px; text-align:center; padding:230px 20px 0; }
    .topban > p { text-align:center; width:auto; padding:50px 20px 110px; }
    .top-buttons { display:table; margin:0 auto; }
    
    .youllknow > h2 { font-size:30px; line-height:40px; padding: 40px 20px; }
    .youllknow-blocks { display: table; margin: 0 auto; }
    .youllknow-blocks > div { width:300px; }
    .youllknow-blocks > div > p:first-child { font-size:18px; line-height:24px; }
    .youllknow-blocks > div > p:first-child + p { font-size: 14px; line-height: 20px; }
    .youllknow-end { padding: 40px 0 45px; }
    
    .interest > h2 { font-size:30px; line-height:40px; padding: 40px 20px; }
    .interest-block { display: table; margin: 0 auto; width:900px; }
    .interest-block > div { width:300px; }
    .interest-block > div > p { font-size:18px; line-height:24px; }
    
    .joinus-wrapper { height:auto; }
    .joinus-left { float: none; height: auto; margin: 0 auto; }
    .joinus-left > p { font-size:20px; line-height:26px; padding:30px 20px; margin: 0 auto; text-align:center; }
    .joinus-right { float:none; height:auto; background:none; padding: 0 0 30px; margin: 0 auto; }
    .joinus-right > ul > li:first-child { margin-left:0px; }
    
    .reviews>h2 { font-size:30px; line-height:40px; padding: 40px 20px; }
    .reviews-blocks { padding-bottom: 50px; }
    .reviews-blocks > div { float:none; width:auto; }
    .reviews-text { padding:20px 20px 50px; }
    
    .regblock-wrapper { height:auto; }
    .regblock-left { display: table; float: none; margin: 0 auto; padding: 0 20px 40px; width: auto; }
    .regblock-left > h2 { font-size:30px; line-height:40px; padding: 40px 20px; text-align:center; }
    .regblock-left > ul > li { width:auto; }
    .regblock-present { display: table; margin: 0 auto; }
    .regblock-right { float:none; width:auto; padding:0 0 50px; }
    .regblock-right > form { float:none; display:table; margin:0 auto; }   
    
    .regblock-right > form > h3 { font-size:30px; line-height:40px; padding: 20px; text-align:center; }
}


@media (max-width: 1000px) {
    .logo { top: 10px; left:10px; }
    .header-wrapper.nontop .logo { top:10px; }
        .logo>a>img { width:80%; }
    .mobile-topmenu { display:block; top:13px; right:10px; }
    .topmenu { display:none; }
    .header-wrapper.active { background:rgba(0,0,0,.6); height:250px; }
        .header-wrapper.active .topmenu { right: auto; top: 60px; display:block; width:100%; }
        .header-wrapper.active .topmenu > ul > li { float:none; margin-left:auto; padding-left:20px; border-left:3px solid transparent; width:100%; }
        .header-wrapper.active .topmenu > ul > li:hover { border-left:3px solid #0099cc; border-bottom:0px; background:rgba(255,255,255,.2); }
            .header-wrapper.active .topmenu > ul > li > span { font-size:13px; text-transform:uppercase; }
            .header-wrapper.active .topmenu > ul > li.button-menu { border:0px; border-left:3px solid transparent; }
            .header-wrapper.active .topmenu > ul > li.button-menu > span { padding:0px; font-weight:bold; }

    .youllknow-blocks > div { width:auto; float:none; margin-bottom:20px; }
    .youllknow > h2 { font-size:24px; line-height:30px; }
    .youllknow-end > p { float:none; margin:0 auto 20px; padding:0 20px; text-align:center; line-height:34px; }
    .youllknow-end > span { float:none; margin:0 auto; display: table; }
    
    .whogoes-blocks { padding:40px 20px 50px; }
    .whogoes-left { float:none; margin:0 auto; display:table; width:auto; }
    .whogoes-photo>img { display: table; margin: 0 auto; width: 250px; }
    .whogoes-photo + p { width:auto; margin-left:auto; }
    .whogoes-photo + p br { display:none; }
    .whogoes-right { float:none; margin:0 auto; display:table; width:auto; }
    .whogoes-right > h2 { text-align:center; font-size:30px; line-height:40px; padding:30px 20px 10px; }
    .whogoes-right > h3 { font-size:24px; text-align:center; }
    .whogoes-right > p { font-size:14px; line-height:20px; }
    
    .interest-block { display: table; margin: 0 auto; width:500px; }
    .interest-block > div { width:250px; margin-bottom:30px; }
    .interest-block > div > p { font-size:14px; line-height:20px; padding: 20px 10px 0; }
    
    .payments-wrapper { height:auto; }
    .payments>img { margin:20px auto; }
}

@media (max-width: 800px) {
    .modal-bf { left:0px; width:100%; border-radius:0px; top:40px; box-shadow:0 0 0; background-size:contain; } 
    .modal-bf-top { padding: 0 20px; }
        .modal-bf-top > p { font-size: 32px; line-height: 42px; padding: 30px 0 0; }
        .modal-bf-close { right:0px; border-radius:0; top:0px; background-color:#000; }
        .modal-bf-bottom { padding:20px 20px 0; }
        .modal-bf-bottom>p { font-size:14px; line-height:20px; padding:0 20px 5px; }
        .modal-bf-bottom>p:first-child + p { padding: 0 0 20px; }
        .modal-bf-bottom>a { margin-top:10px; }

}
        
@media (max-width: 580px) {
    .topban-wrapper { height:600px; }
    .topban > h1 { padding:90px 20px 0; font-size:24px; line-height:30px; }
    .topban > p { padding: 30px 20px 60px; }
    .top-buttons > span { display: block; float: none; margin-bottom: 10px; margin-right: auto; }
    
    .interest > h2 { font-size:24px; line-height:30px; }
    .interest-block { width:auto; }
    .interest-block > div { width:auto; float:none; clear:both; padding-bottom:30px; }
    .interest-block > div > div { background-size:cover !important; width:73px; height:73px; display:inline-block; vertical-align:middle; }
    .interest-block > div > p { display:inline-block; vertical-align:middle; text-align:left; padding-top:0px; }
    .interest-button > span { font-size:16px; }
    
    .reviews > h2 { font-size:24px; line-height:30px; }
    .regblock-left > h2 { font-size:24px; line-height:30px; }
    .regblock-left > ul > li { font-size:14px; line-height:20px; }
    .regblock-present > p { font-size:14px; line-height:24px; }
    
    .regblock-right > form { width:calc(100% - 124px); padding: 0 20px; }
    #regsubmit { padding:0 20px; }
}

@media (max-width:500px){

}