@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');
body { font-family: 'Roboto', sans-serif; }
h1, h2, h3, h4, h5, h6, p, ul { margin: 0; }
wrapper, section, footer, .commitment-head, .heading-content, .commitment { width: 100%; float: left; }

.appheader { width:100%; margin:135px 0 0 0; background: url(../img/heading-bg.jpg) no-repeat 0 top; background-size: cover; height: 382px; position: relative; }
.appheader:before { content: ''; background-color: rgba(1, 16, 42, 0.5); position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.appheader .heading-content { text-align: center; padding-top: 85px; }

.blue-curve { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 5; }
.heading-content { text-align: center; padding-top: 85px; }
.heading-content h1 { color: #fff; font-size: 64px; font-weight: 500; margin-bottom: 50px; }
.heading-content p { color: #fff; font-size: 27px !important; }
.wrap { background-color: #0c4f86; padding: 45px 0; position: relative; }
.wrap:before { content: ''; height: 10px; width: 100%; float: left; background: url(../img/arrow.png) no-repeat center center; position: absolute; bottom: -10px; }
.commitment img { float: left; color: #fff; margin-right: 35px; }
.commitment { color: #fff; margin-bottom: 30px; }
.commitment h2 { font-size: 40px; margin-bottom: 45px; }
.commitment h2:before { content: ''; width: 55px; height: 4px; background-color: #f5e106; display: inline-block; position: absolute; top: 60px; }
.commitment p { font-size: 20px; line-height: 31px; font-weight: 300; }
.commitment-list ul { width: 100%; float: left; margin-bottom: 65px; }
.commitment-list ul li { margin-bottom: 20px; font-size: 20px; line-height: 31px; font-weight: 300; color: #fff;  background-repeat: no-repeat; background-position: 0 center; padding-left: 60px; }
.commitment-list ul li:last-child { margin-bottom: 0; }
.commitment-list ul li strong { color: #f5e106; }
.commitment-list ul li.when { background-image: url(../img/icon/1.png); }
.commitment-list ul li.how-long { background-image: url(../img/icon/2.png); }
.commitment-list ul li.many-members { background-image: url(../img/icon/3.png); }
.commitment-list ul li.structure { background-image: url(../img/icon/4.png); }
.commitment-list ul li.payments { background-image: url(../img/icon/5.png); }
.commitment-head h2 { font-size: 38px; color: #fff; text-align: center; line-height: 53px; }
.mih { background-color: #e7ecee; padding: 55px 0 30px 0; }
.mih h2 { font-size: 40px; color: #000; text-align: center; line-height: 28px; margin-bottom: 60px; }
.mih ul { width: 100%; float: left; }
.mih ul li { display: table; margin-bottom: 15px; }
.mih ul li a{ text-decoration:none; }
.mih ul li span { background-color: #fff; border: 2px solid #0c4f86; display: table-cell; padding: 15px; font-size: 21px; color: #0c4f86; height: 94px; vertical-align: middle; text-transform: uppercase; border-radius: 6px; }
.mih ul li:hover span,
.mih ul li:active span,
.mih ul li:focus span { color: #000; }
footer { background-color: #2e343a; padding: 0px 0; }
footer p { color: #8d9398; font-size: 15px; }
footer p a { color: #8d9398; }
footer p a:hover,
footer p a:active,
footer p a:focus { color: #fff; text-decoration: none; }
footer .copyright p { text-align: right; }

body.page-id-12{ background:#eaeef0; }
body.page-id-767{ /*background:#eaeef0;*/ }
.full-wrap h2{ color:#000; font-size:40px; text-align:center; margin:0 0 0px; line-height:150px;}
.full-wrap h3{ color:#0c4f86;}
.full-wrap .container{ padding-right:10%; }
.full-wrap .container li{ margin-bottom:30px; }
.full-wrap .container li label{ display: block; margin: 0 0 10px; position: relative; padding:0; color:#464646; font-size:20px; font-weight:normal; }
.full-wrap .container li label span{ color:#F00; display:inline-block; }
.full-wrap .container li span{ display:block; margin:0; }
.full-wrap .container li input,
.full-wrap .container li select,
.full-wrap .container li textarea{ border:1px solid #c7c7c7; padding:10px; border-radius:5px; width:100%; background:#fff; }
.full-wrap .container li textarea{ height:100px; }
.full-wrap .thirdsection .container li input[type="radio"],
.full-wrap .thirdsection .container li input[type="checkbox"]{ width:15px; height:15px; border:1px solid #c7c7c7; background:#fff; float:left; padding:0; margin:2px 5px 0 0; }
.full-wrap .thirdsection .container li .wpcf7-list-item{ display:block; clear:both; margin:0 0 20px; }

.full-wrap .thirdsection .container li h2{ color:#0c4f86; font-size:30px; text-align:left; font-weight:normal; line-height:32px;}

.full-wrap .thirdsection .container li h2 span.red{ color:#f00; display:inline-block; }

.full-wrap .secondsection{ background:#fff; }

.full-wrap .secondsection{ padding:50px 0; clear:both; }
.full-wrap .firstsection,
.full-wrap .thirdsection{ padding:50px 0; clear:both; background:#e7ecee; }

.full-wrap .secondsection .container li h2.yourlife{ font-size:24px; text-align:left; margin-bottom:15px; color:#0c4f86; }
.full-wrap .thirdsection .container li h2{ font-size:24px; text-align:left; margin-bottom:15px; color:#0c4f86; }
.full-wrap .container li .wpcf7-not-valid-tip{ font-size:12px; }

.full-wrap .savebutton { text-align:center; }
.full-wrap .savebutton input[type="submit"]{ background:#fd2401; color:#fff; color:#ffffff; padding:15px 100px; border-radius:10px; display:inline-block; font-size:28px; font-weight:bold; box-shadow:none; border: 0 none; }

.full-wrap { padding:50px 0 0; }
.full-wrap .thirdsection .wpcf7-response-output { max-width:1200px; margin:60px auto; padding:10px; text-align:center; font-size:18px; }

.full-wrap .firstsection{ padding:30px 0; }


.widget_xyz_insert_php_widget{width:100%; height:auto; padding:15px 5% 5px 5%;margin:0 0 20px 0;background:#877400;}
.widget_xyz_insert_php_widget .widget-title{padding:0 0 10px 0; margin:0 0 15px 0; font-size: 28px; color:#fff; border-bottom:solid 2px #fff;}
.widget_xyz_insert_php_widget a {width:100%; height:auto; padding:0 0 0 15px; display:block; color: #fff;text-decoration: none; font-size:17px; font-weight:400; background: url(arrow-icon.png) no-repeat left 7px;}
.widget_xyz_insert_php_widget a:hover {color: #fff;text-decoration:underline;}

.widget_category-archive-widget{width:100%; height:auto; padding:15px 5% 5px 5%;margin:0 0 20px 0;background:#877400; color:#fff;}
.widget_category-archive-widget .widget-title{padding:0 0 10px 0; margin:0 0 15px 0; font-size: 32px; color:#fff; border-bottom:solid 2px #fff;}
.widget_category-archive-widget a {width:100%; height:auto; padding:0 0 0 15px;color: #fff;text-decoration: none; font-size:17px; font-weight:400; background: url(arrow-icon.png) no-repeat left 7px;}
.widget_category-archive-widget a:hover {color: #fff;text-decoration:underline;}



@media (max-width: 1199px) {
header { height: auto; }
header .heading-content { padding: 45px 0; }
.full-wrap .container{ padding:0 15px; }
}
@media (max-width: 991px) {
.heading-content h1 { font-size: 54px; margin-bottom: 17px; }
.commitment-head h2 { font-size: 24px; line-height: 33px; }
.mih h2 { font-size: 30px; }
}
@media (max-width: 768px) {
footer p { text-align: center !important; }
footer .copyright { margin-top: 10px; }
.full-wrap .container{ padding:0 30px; }
.full-wrap .thirdsection .wpcf7-response-output { margin:60px 15px; }
.full-wrap .savebutton input[type="submit"]{ padding: 10px 20px; font-size: 18px; font-weight: normal; line-height:normal; }
.full-wrap h2{ font-size:28px; }
}
@media (max-width: 680px) {
.heading-content h1 { font-size: 34px; }
.heading-content p { font-size: 22px !important; }
.commitment-text { width: 100%; float: left; position: relative; }
.commitment img { float: none; color: #fff; margin-right: 0; margin-bottom: 30px; }
.commitment-img { display: block; text-align: center; }
}


.bannerinnermc {
    width: 60%;
    margin: auto;
}
.bannerinnermc img{
    width: 100%;
}
.savebutton11 {
    background: #f56506;
    color: #fff;
    padding: 15px 100px;
    border-radius: 10px !important;
    display: inline-block !important;
    font-size: 28px;
    font-weight: bold;
    box-shadow: none;
    border: 0 none !important;
    cursor: pointer !important;
    margin: 20px 0 0 0 !important;
}
.containermc{width:600px !important;}

@media (min-width: 320px) and (max-width: 769px){
.containermc{width:100% !important;}	
}

@media (min-width: 320px) and (max-width: 769px){
.bannerinnermc {
    width: 100%;
    margin: auto;
}	
}