@charset "utf-8";
/* CSS Document */

* {
    padding:0;
    margin:0;
    -webkit-font-smoothing: antialiased;
    font-family:'Open Sans', sans-serif;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}

html {
    height:100%;
    height:100%;
    background:#fff;
    min-width:320px;
    visibility:hidden;
}

body {
    line-height:20px;
}

.clear {
    clear:both;}

img {
    display:block;
}

a img {
    border:0;}

input, select, textarea {
    outline:none;}

input[type="submit"], label {
    cursor:pointer;}
input[type="submit"] {
    -webkit-appearance: none;
    border-radius:0;
}

textarea {
    overflow:auto;}

a {
    outline:none;
}

a:hover {
    text-decoration:none;}

ul, ol {
    padding: 0;
    margin: 0 0 10px 25px;
}

.fullwidthbanner-container{
    width:100% !important;
    position:relative;
    padding:0;
    max-height:363px !important;
    min-height:226px !important;
    overflow:hidden;
}

#container {
    width:100%;
    min-height:100%;
    overflow:hidden;
    position:relative;}
#out {
    position:relative;
    background:rgba(255, 255, 255, .8);
    overflow:hidden;
}
#container.boxed {
    padding:20px 0;
}
#container.boxed #out {
    width:960px;
    margin:0 auto;
}
#container.boxed-attached #out {
    width:960px;
    margin:0 auto;
}
#container.boxed + #footer,
#container.boxed-attached + #footer {
    width:960px;
    margin-left:auto;
    margin-right:auto;
}
#container.boxed + #footer {
    padding-bottom:20px;
}
#container.boxed #header .inner,
#container.boxed-attached #header .inner {
    left:50%;
    width:960px;
    margin-left:-480px;}
#container.boxed #header .inner {
    top:20px;
}
#container.boxed #header.fixed .inner {
    top:0;
}

#header {
    height:135px;
}
#header .inner {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:1000;
    background:#fff;}
#header .inner .top {
    background:#f1f1f1;
}
#header .notify-bar {
    background: #000000;
    padding: 10px 0;
}
#header .notify-bar p {
    color: #ffffff;
    margin-bottom: 0;
}
#header .notify-bar p span {
    float: left;
    margin-right: 5px;
}
#header .notify-bar i {
    color: #ffffff;
    font-size: 18px;
}
#header .notify-bar .col-md-1 {
    text-align: right;
}
#header .inner .top .contacts_block .social_links {
    margin-left:15px;
    float:right;
    padding-top:6px;}
#header .inner .top .contacts_block .social_links li {
    list-style:none;
    display:inline-block;
    vertical-align:middle;
    margin-left:16px;
}
#header .inner .top .contacts_block .social_links li a {
    width:16px;
    height:17px;
    background:url(../img/socials.png) no-repeat;
    display:block;
}
#header .inner .top .contacts_block .social_links li .fb {
    background-position:0 0;}
#header .inner .top .contacts_block .social_links li .tw {
    background-position:-16px 0;}
#header .inner .top .contacts_block .social_links li .pi {
    background-position:-32px 0;}
#header .inner .top .contacts_block .social_links li .in {
    background-position:-48px 0;}
#header .inner .top .contacts_block .social_links li .share {
    background-position:-64px 0;}
#header .inner .top .contacts_block .phone {
    float:right;
    font-size:14px;
    color:#0eae9b;
    font-weight:300;
    padding-top:7px;}
#header .inner .top .contacts_block .phone span {
    font-weight:400;
    font-size:18px;
}
#header .inner .bottom {}
#logo {
    float:left;
    height:65px;
    width:165px;
    margin:17px 0;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
.fixed #logo {
    height:50px;
    margin:7px 0;
    width:121px;
}

.version2 #logo {
    float:left;
    margin:17px 0;
	text-decoration:none;
	width:auto;
	height:auto;
}
.version2 .fixed #logo {
    margin:7px 0;
	width:auto;
	height:auto;
}
.version2 #logo .img {
	display:block;
	height:65px;
    width:165px;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
.version2 .fixed #logo .img {
    height:50px;
    width:121px;
}
.version2 #logo .text {
	display:block;
	padding-top:5px;
	font-size:12px;
	line-height:12px;
	color:#000;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
.version2 .fixed #logo .text {
	font-size:10px;
}

#logo img {
    height:100%;
    width:auto;
}
#top_menu {
    float:right;
    margin-right:-16px;
}
#top_menu .nav-pills {
    padding-top:32px;
    margin-bottom:0;
    -webkit-transition:padding-top 0.3s ease;
    -moz-transition:padding-top 0.3s ease;
    -o-transition:padding-top 0.3s ease;
    transition:padding-top 0.3s ease;
    margin-left:0;
}
.fixed #top_menu .nav-pills {
    padding-top:15px;	
}
#top_menu .nav-pills > li {
    list-style:none;
    margin:0;
}
#top_menu .nav-pills > li a:hover {
}
#top_menu .nav-pills > li.dropdown:hover ul.dropdown-menu {
    display: block;
}
#top_menu .nav-pills > li > a {
    text-transform:uppercase;
    padding-left:16px;
    padding-right:16px;
    color:#666;
    text-shadow:none;
}
#top_menu .nav-pills > .active {}
#top_menu .nav-pills > .active > a, #top_menu .nav-pills > li > a:hover, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background:#0eae9b;
    border-radius:0;
    color:#fff;
}
#top_menu .nav-pills .open .dropdown-toggle {
    background:#0eae9b;
    border-radius:0;
    color:#fff;
}

.nav-pills .dropdown-menu {
    border-radius:0;
    margin-top: 0;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
    background:#0eae9b;
}
#wrapper {}
#main_slider {
}
#main_slider ul {}
#main_slider ul li {
    list-style:none;
}
#main_slider .p_large {
    font-size:50px;
    color:#fff;
    font-family: 'Open Sans Condensed';
    text-shadow:3px 3px 4px rgba(51, 51, 51, .65);
    width:500px;
}
#main_slider .p_small {
    font-size:22px;
    line-height:38px;
    color:#fff;
    text-shadow:3px 3px 4px rgba(51, 51, 51, .65);
    width:500px;
    white-space:normal;
}
.slide1 .cap-1 {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
    padding-left: 15px;
}
.slide1 .cap-2 span {
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    background: #000000;
    line-height: 50px;
    padding: 0 12px;
}
.slide1 .cap-3 {
    font-size: 16px;
    font-weight: lighter;
    color: #ffffff;
    text-transform: none;
    padding-left: 15px;
    line-height: 20px;
}
.slide2 .cap-1 {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
    padding-left: 15px;
    line-height: 20px;
}
.slide2 .cap-2 span {
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    background: #000000;
    line-height: 50px;
    padding: 0 12px;
}
.slide2 .cap-3 {
    font-size: 16px;
    font-weight: lighter;
    color: #00444a;
    text-transform: none;
    padding-left: 15px;
    line-height: 20px;
}
.slide2 .cap-4 {
    text-align: center;
}
.slide2 .cap-4 span.first {
    font-size: 280px;
    color: #000000;
    font-weight: bold;
    text-shadow: 5px 15px 18px #888;
}
.slide2 .cap-4 span.second {
    font-weight: bold;
    font-size: 60px;
    color: #000000;
    text-transform: uppercase;
    text-shadow: 5px 15px 18px #888;
}
.slide3 .cap-1 {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
    padding-left: 15px;
    line-height: 20px;
}
.slide3 .cap-2 span {
    font-size: 32px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    background: #000000;
    line-height: 50px;
    padding: 0 12px;
}
.slide3 .cap-3 {
    font-size: 16px;
    font-weight: lighter;
    color: #000000;
    text-transform: none;
    padding-left: 15px;
    line-height: 23px;
}
#wrapper .order_block {
    height:100px;
    line-height:94px;
    margin:0 -1000px;
    padding:0 1000px;
    text-align:right;
    font-size:40px;
    color:#fff;
    position:relative;
    background:#fff;
}

#wrapper .order_block .text {
    overflow:hidden;
}
#wrapper .order_block .text span {
    position:relative;
    z-index:1;
    vertical-align:middle;
    display:inline-block;
    line-height:1;
}
#wrapper .order_block > i {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#000000;
}
#wrapper .order_block .order_btn {
    float:right;
    font-size:28px;
    color:#f0f5fe;
    height:100px;
    line-height:104px;
    padding:0 28px 0 40px;
    position:relative;
    text-transform:uppercase;
    margin-left:36px;
    background:#259d8e;
}
#wrapper .order_block .order_btn:before {
    position:absolute;
    top:50%;
    left:0;
    width:0;
    height:1px;
    content:'';
    border:13px solid transparent;
    border-left:14px solid #000000;
    margin-top:-13px;
}
#wrapper .infograph {
    background:#f1f1f1;
    position:relative;
    margin:0 -1000px;
    padding:40px 1000px 0;
}
.main #wrapper .infograph {
    margin-bottom:10px;
}
#wrapper .infograph > sup {
    height:153px;
    width:100%;
    position:absolute;
    left:0;
    bottom:0;
    background:#0eae9b;
    top:auto;
}
#wrapper .infograph .header {
    font-size:52px;
    color:#0fc6b0;
    text-align:center;
    margin-bottom:35px;}
#wrapper .infograph .graph {
    margin-bottom:35px;
    height:144px;
    line-height:144px;
    text-align:center;
}
#wrapper .infograph .graph .graph_inner {
    display:inline-block;	
    vertical-align:middle;
    line-height:normal;
    text-align:left;
    width:100%;
}
#wrapper .infograph .graph img {
    margin:0 auto;
}
#wrapper .infograph .desc {
    padding:20px;
    text-align:center;
    color:#fff;
    position:relative;
}
#wrapper .infograph .desc > i {
    position:absolute;
    left:50%;
    top:-28px;
    width:0;
    height:0;
    border-left:14px solid transparent !important;
    border-top:14px solid transparent !important;
    border-right:14px solid transparent !important;
    border-bottom: 14px solid #0eae9b;
    content:'';
    margin-left:-14px;
}
#wrapper .infograph .desc .name {
    font-size:22px;
    line-height:normal;
    line-height:26px;
    margin:0 -10px 10px;
}
#wrapper .infograph .desc .text {
    font-size:16px;
    font-weight:300;
    line-height:24px;
}
#wrapper .mod {
    margin-bottom:22px;
    padding-top:20px;}
#wrapper .mod.row {
}
#wrapper .mod .caption {
    font-size:30px;
    color:#0eae9b;
    font-weight:600;
    border-bottom:2px solid #f1f1f1;
    text-transform:uppercase;
    padding-bottom:10px;
    margin-bottom:18px;
}

#wrapper .mod .carousel {
    margin-right:10px;
    margin-left:-10px;
    margin-bottom:20px;
}
#wrapper .mod .carousel ul {
    margin:0;}
#wrapper .mod .carousel ul li {
    list-style:none;
    margin:0;
    float:left;
    width:313px;
    padding-left:20px;
}
.photo {
    text-decoration:none;
    display:block;}
.photo + .photo {
    margin-top:17px;
}
.photo .img {
    position:relative;
    display:block;
}
.photo .img img {
    width:100%;
}
.photo .text {
    height:86px;
    position:relative;
    border-top:6px solid transparent;
    padding-top:25px;
    text-align:center;
    display:block;
}
.photo .text .name {
    font-size:16px;
    color:#000;
    font-weight:300;
    margin-bottom:8px;
    display:block;}
.photo .text .desc {
    font-style:italic;
    color:#333;
    display:block;}

.photo:hover .img > i {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#0eae9b;
    opacity:0.7;
    filter:alpha(opacity=70);
    content:'';
    z-index:1;
}	
.photo:hover .img:after {
    position:absolute;
    top:50%;
    left:50%;
    width:49px;
    height:50px;
    margin:-25px 0 0 -25px;
    content:'';
    background:url(../img/zoom.png) no-repeat;
    z-index:2;	
}
.photo:hover .text {
    background:#f1f1f1;
    border-top-color:#0eae9b;
}
.photo:hover .text > i {
    position:absolute;
    top:0;
    left:50%;
    width:1px;
    height:0;
    border-bottom:7px solid transparent !important;
    border-left:7px solid transparent !important;
    border-right:7px solid transparent !important;
    border-top:7px solid #0eae9b;
    margin-left:-7px;
    content:'';
}

#wrapper .mod .carousel .left_arr,
#wrapper .mod .carousel .right_arr {
    position:absolute;
    top:-60px;
    width:30px;
    height:30px;
    background:#f1f1f1 url(../img/arrows.png) no-repeat;
}
#wrapper .mod .carousel .left_arr {
    right:31px;
    background-position:0 center;
}
#wrapper .mod .carousel .right_arr {
    right:0;
    background-position:-30px center;
}
#wrapper .mod .carousel .left_arr:hover,
#wrapper .mod .carousel .right_arr:hover {
    background-color:#0eae9b;}

#wrapper .mod .articles {}
#wrapper .mod .articles ul {}
#wrapper .mod .articles ul .img {
    margin-bottom:20px;
    display:block;
}
#wrapper .mod .articles ul .img img {
    width:100%;
}
#wrapper .mod .articles ul .text {}
#wrapper .mod .articles ul .text .name {
    font-size:14px;
    line-height:21px;
    color:#0a2937;
    font-weight:700;
    margin-bottom:7px;
}
#wrapper .mod .articles ul .text .date {
    color:#0a2937;
    font-size:12px;
    font-style:italic;
    margin-bottom:20px;
    font-weight:700;
}
#wrapper .mod .articles ul .text .desc {
    color:#333;
    font-size:12px;
    line-height:18px;
    margin-bottom:18px;
}
#wrapper .mod .articles ul .text .more {}
#wrapper .mod .articles ul .text .more a {
    color:#0eae9b;
    font-size:14px;
    padding-right:21px;
    display:inline-block;
    line-height:14px;
}
#wrapper .mod .article {}
#wrapper .mod .article h1, #wrapper .mod .work .header, #wrapper .mod .info .header {
    font-size:16px;
    color:#0a2937;
    text-transform:uppercase;
    font-weight:700;
    line-height:0.8;
    margin-top:0;
    margin-bottom:20px;
}
#wrapper .mod .article p {
    font-size:12px;
    line-height:18px;
    color:#333;
    margin-bottom:18px;
}
#wrapper .mod .work {}
.styled_list {
    margin:0;}
#wrapper .mod .work .styled_list {
    padding-top:4px;}
.styled_list[data-type='process_box'] li {
    list-style:none;
    margin-bottom:14px;
    display:table;
    width:100%;
}
.styled_list[data-type='process_box'] li .num {
    width:110px;
    display:table-cell;
    vertical-align:middle;
    color:#fff;
    font-size:60px;
    line-height:0.8;
    text-align:center;
    padding:8px 0;
}
.styled_list[data-type='process_box'] li .num span {
    position:relative;
    display:block;
}
.styled_list[data-type='process_box'] li .num span:after {
    position:absolute;
    top:50%;
    right:0px;
    border:7px solid transparent;
    height:1px;
    width:0;
    border-right-color:#f1f1f1;
    margin-top:-7px;
    content:'';
}
.styled_list[data-type='process_box'] li .text {
    background:#f1f1f1;
    font-weight:600;
    display:table-cell;
    vertical-align:middle;
    padding:8px 0 8px 27px;
}
.styled_list[data-type='process_box'] li .text .name {
    font-size:25px;
    text-transform:uppercase;
    color:#0eae9b;
    margin-bottom:3px;
    width:280px;
    font-weight:700;}
.infograph2 .styled_list[data-type='process_box'] li .text .name {
    color:#0a2937;	
}
.styled_list[data-type='process_box'] li .text .name:after {
    display:none;}
.styled_list[data-type='process_box'] li .text .desc {
    font-size:12px;
    color:#0a2937;
    width:280px;
    line-height:18px;}
#wrapper .mod .team {
    margin-left:-10px;
}
#wrapper .mod .team .person {
    width:313px;
    float:left;
    padding-left:20px;
}
#wrapper .mod .team .person + .person + .person + .person {
    margin-top:17px;
}
#wrapper .mod .contact_form {
    margin-right:10px;}
input[type="text"], textarea {
    background:#fff;
    border:1px solid #cfcfcf;
    border-radius:0;
    box-shadow:none;
    font-size:14px;
    font-style:italic;
    color:#0a2937;}
input[type="text"]:focus, textarea:focus {
    box-shadow:none;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #909090;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #909090;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #909090;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #909090;
}
form {
    margin:0;}
#wrapper .mod .contact_form input[type="text"], #wrapper .mod .contact_form input[type="email"], #wrapper .mod .contact_form textarea {
    height: 35px;
    line-height: 35px;
    padding: 0 19px;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 0;    
}
#wrapper .mod .contact_form input[type="text"]:focus, #wrapper .mod .contact_form input[type="email"]:focus {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.control-group.error input, .control-group.error select, .control-group.error textarea {
    border-color: #B94A48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    color: #B94A48;
}
.error .help-inline {
    color: #B94A48;
    font-size: 12px;
}
#wrapper .mod .contact_form #recaptcha_response_field {
    height: 33px;
}
#wrapper .mod .contact_form textarea {
    padding:15px 19px;
    width:100%;
    height:120px;
    resize:none;
    margin-bottom:10px;
}
#wrapper .mod .contact_form input[type="submit"] {
    border:0;
    height:40px;
    width:100px;
    text-transform:uppercase;
    color:#fff;
    background:#0eae9b;
    font-size:14px;
    margin:0;}
#wrapper .mod .info {
    margin-bottom:50px;
    margin-left:-10px;}
#wrapper .mod .info .header {}
#wrapper .mod .info .text {}
#wrapper .mod .info .text p {
    font-size:12px;
    color:#0a2937;
    line-height:18px;
    margin:0;
}
#map {
    height:225px;
}
#empty {}
#footer {
    position:relative;
    z-index:1;}
#footer .top {
    background:#333333;
    padding-top:40px;
    padding-bottom:20px;
}
#footer .top .logo {
    display:inline-block;
    margin-bottom:20px;
}
#footer .top a img {
    max-width:100%;
}
#footer .top .text {
    color:#fff;
    margin-right:20px;
}
#footer .top .text p {
    margin-bottom:20px;
    font-size:12px;
    line-height:18px;
}
#footer .top .text .header {
    font-size:16px;
    text-transform:uppercase;
    margin-bottom:20px;
}
#footer .top .subscribe {}
#footer .top .subscribe input[type="text"] {
    height:35px;
    border:0;
    padding:0 6px;
    font-size:12px;
    color:#46484b;
    font-family:Arial, Helvetica, sans-serif;
    float:left;
    width:209px;
    margin-right:4px;
    font-style:normal;
    margin-bottom:10px;
}
#footer .top .subscribe input[type="submit"] {
    height:35px;
    border:0;
    width:51px;
    background:#0eae9b;
    color:#fff;
    font-size:12px;
    text-transform:uppercase;
    font-family:Arial, Helvetica, sans-serif;
    float:left;
}
#footer .bottom {
    background:#000000;
    padding:23px 0;
}
#footer .bottom .copyrights {
    text-align:center;
    font-size:12px;
    color:#fff;
    font-weight:300;}

.progress_bars_with_image {
    color:#ced6d5;
    text-align:center;
    margin-bottom:10px;
}
.progress_bars_with_image .item {
    -webkit-transition:color 0.5s ease;	
    -moz-transition:color 0.5s ease;	
    -o-transition:color 0.5s ease;	
    transition:color 0.5s ease;	
}
.progress_bars_with_image .item:after {
    display:none;	
}
.progress_bars_with_image .item.break:after {
    display:block;
}
.progress_bars_with_image_title {
    font-size:25px;
    color:#0fc6b0;
    font-weight:800;
    text-align:center;
}
.infograph .progress_bars_block {
    max-width:220px;
    margin:0 auto;
}
.progress_bars {
    position:relative;
    margin-bottom:15px;
    max-width:100%;
}
.progress_bars .progress_line {
    position:absolute;
    bottom:0;
    left:0;
}
.progress_bars.style2 {
    background:#00444a;
}
.progress_bars.no_bg {
    background:transparent !important;
}
.progress_bars.vertical .progress_line {
    right:0;
    top:100%;
}
.progress_bars.horizontal .progress_line {
    top:0;
    right:100%;
}
.progress_bars.horizontal.style1 .title_block {
    background:#d2e4f4;
    font-weight:600;
    border-width:2px;
    border-style:solid;
    border-radius:50%;
    position:absolute;
    bottom:0;
    right:100%;
    z-index:2;
    text-align:center;
}
.progress_bars.horizontal.style2 .title_block {
    font-weight:300;
    border-radius:50%;
    position:absolute;
    bottom:50%;
    right:100%;
    z-index:2;
    text-align:center;
    color:#fff;
}
.progress_bars.vertical[data-title='bottom'] .title_block {
    position:absolute;
    top:100%;
    left:0;
    right:0;
    width:100%;
    text-align:center;	
}
.progress_bars.vertical {
    float:left;
}
.progress_bars.vertical + .progress_bars.vertical {
    margin-left:9.5%;}
.progress_bars_caption {
    text-transform:uppercase;
    font-weight:300;
    font-size:10px;
    color:#0fc6b0;
    margin-bottom:3px;
    letter-spacing:-0.1em;}

.easy-pie-chart {
    position:relative;
    margin:0 auto;
}
.easy-pie-chart span {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;	
    font-size:25px;
    font-weight:800;
}
.large_num {
    font-size:70px;
    color:#0fc6b0;
    font-weight:800;
    text-align:center;
}


.infograph2 {
    margin:0 -1000px;
    padding:28px 1000px 40px;
    background:#01646c;}
.infograph2 .caption {
    font-size:27px;
    margin-bottom:25px;
    color:#fff;
    line-height:normal;
    text-transform:uppercase;
}
.infograph2 .row + .row {
    margin-top:55px;}
.infograph2 .col-md-6 + .col-md-6 {
    padding-left:60px;
}
.infograph2 .progress_bars_caption {
    color:#e8e8e8;
    font-size:12px;
    margin-left:10px;
    margin-bottom:5px;
}
.infograph3 {
    padding:35px 1000px;
    margin:0 -1000px;
    background:#ebebeb;
}
.infograph3 {}
.infograph3 .caption {
    text-align:center;
    font-size:30px;
    line-height:36px;
    margin-bottom:30px;
    padding:0 20px;
}
.infograph3 .header {
    height:28px;
    line-height:28px;
    background:#0a2937;
    text-transform:uppercase;
    text-align:center;
    color:#fff;	
    margin-bottom:20px;
}
.infograph3 .dividers {
    margin-bottom:40px;
    text-align:center;
}
.info_divider {
    position:relative;}
.info_divider i {
    position:absolute;
    border-radius:50%;
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    text-transform:uppercase;
    color:#fff;
    font-size:20px;
    font-style:normal;
}
.info_divider.vertical {
    display:inline-block;
    vertical-align:middle;
    width:50px;
    margin:0 2.5%;
}
.info_divider:before {
    position:absolute;
    top:50%;
    height:1px;
    left:0;
    right:0;
    content:'';
    opacity:0.4;
    filter:alpha(opacity=40);
}
.info_divider.vertical:before {
    left:50%;
    right:auto;
    width:1px;
    top:0;
    bottom:0;
    height:auto;
}
.info_divider.vertical i {
    left:0;
    top:50%;
    margin-top:-25px;
}
.info_divider.horizontal {
    height:50px;
    position:relative;
    margin-bottom:5%;
}
.info_divider.horizontal i {
    left:50%;
    top:0;
    margin-left:-25px;
}
.info_divider i:before {
    display:block;	
}
.info_divider.or i:before {
    content: 'or'	
}
.info_divider.and i:before {
    content: 'and';
    font-size:18px;
}
.info_divider.plus i:before {
    content: '+'	
}
.info_divider.minus i:before {
    content: '-'	
}
.info_divider.and-or i:before {
    content: 'and/or';
    font-size:12px;
}
.info_divider.plus-minus i:before {
    content: '+/-'	
}

.info_divider.or:before, .info_divider.or i {
    background:#4bb3d3;
}
.info_divider.and:before, .info_divider.and i {
    background:#86aa65;
}
.info_divider.plus:before, .info_divider.plus i {
    background:#eda637;
}
.info_divider.minus:before, .info_divider.minus i {
    background:#d7824c;
}
.info_divider.and-or:before, .info_divider.and-or i {
    background:#d56558;
}
.info_divider.plus-minus:before, .info_divider.plus-minus i {
    background:#d94c4b;
}

.progress_bars_with_numbers {
    margin-bottom:50px;
    text-align:center;
}
.progress_bars_with_numbers .item {
    display:inline-block;
    vertical-align:top;	
    width:166px;
    margin:0 3%;
}
.progress_bars_with_numbers .item .desc {
    font-size:16px;
    color:#333;
    line-height:24px;
    text-align:center;
    font-weight:300;}
.progress_bars_with_numbers .item .progress_bars {
    display:inline-block;
    float:none;	
}
.infograph4 {
    background:#d9d9d9;
    padding:35px 1000px 40px;
    margin:0 -1000px;	
}
.infograph4 .header {
    font-size:30px;
    color:#0a2937;
    margin-bottom:25px;
}
.trend {
    text-align:center;
    position:relative;
    padding:35px 0 135px;
}
.trend .arrow {
    position:absolute;
    left:50%;
    opacity:0.8;
}
.trend .arrow i {
    position:absolute;
    left:50%;
    border-style:solid;
    border-color:transparent;
    width:0;
    height:0;
}
.trend .value {
    font-size:50px;
    font-weight:800;
    bottom:40px;
    position:absolute;
    left:0;
    right:0;
}
.trend .name {
    font-size:24px;
    font-weight:800;
    bottom:0;
    position:absolute;
    left:0;
    right:0;
}
.infograph4 .trend {
    margin-bottom:20px;
}
.infograph4 .trend .img {
    height:277px;
    line-height:277px;
}
.infograph4 .trend img {
    display:inline-block;
    vertical-align:bottom;
    max-width:100%;
}
.infograph4 .trend_desc {
    width:210px;
    margin:0 auto;
    font-size:16px;
    line-height:24px;
    color:#333333;
    font-weight:300;
    text-align:center;
}

.infograph5 {
    padding:40px 1000px 15px;
    margin:0 -1000px;
    background:#fff;
}
.infograph5 .header {
    font-size:30px;
    color:#0a2937;
    text-transform:uppercase;
    margin-bottom:50px;
    line-height: 39px;
}
.question {
    padding-left:110px;
    position:relative;
    font-size:30px;
    line-height:45px;
    font-weight:300;
    margin-bottom:30px;
}
.question:before {
    position:absolute;
    top:0;
    left:0;
    content:'';
    width:63px;
    height:84px;
    background:url(../img/q.png) 0 0 no-repeat;	
}
.answer {
    position:relative;
    padding-left:110px;	
}
.answer > i {
    width:65px;
    height:71px;
    background:url(../img/a.png) 0 0 no-repeat;
    position:absolute;
    top:20px;
    left:0;
}
.question + .answer {
    padding-top:35px;
    border-top:2px solid #f1f1f1;
}
.question + .answer:before {
    top:35px;
}
.answer p {
    font-size:16px;
    line-height:24px;
    color:#666666;
    margin-bottom:30px;
    font-weight:300;
}

.infograph6 {
    padding:40px 1000px 15px;
    margin:0 -1000px;
    background:#ebebeb;
}
.infograph6 .header {
    font-size:50px;
    text-transform:uppercase;
    color:#0eae9b;
    margin-bottom:50px;
    line-height:50px;
}
.infograph6 .caption {
    font-size:26px;
    color:#0a2937;
    text-transform:uppercase;
    margin-bottom:10px;
    line-height:normal;
}
.infograph6 .desc {
    font-size:16px;	
    color:#0a2937;
    margin-bottom:15px;
    line-height:normal;
}
.infograph6 .progress_bars_with_image {
    text-align:left;
}
.infograph6 .row {
    margin-bottom:30px;
}


.infograph7 {
    background:#0a2937;
    padding:35px 1000px 25px;
    margin:0 -1000px;
    position:relative;}

.infograph7 > * {
    position:relative;
    z-index:1;}

.infograph7 > i {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:0;

    background: -moz-linear-gradient(left,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* W3C */

}

.infograph7 {
    padding:35px 1000px 25px;
    margin:0 -1000px;}
.styled_list[data-type="large_numbers"]{
    text-align:center;

}
.styled_list[data-type="large_numbers"] li{
    list-style:none;
    display:inline-block;
    width:280px;
    margin:0 1% 30px;
    vertical-align:top;
    line-height:0.8;
}
.infograph7 .header {
    text-align: center;
    font-size: 50px;
    color: #FFF;
    line-height: 50px;
    margin-bottom: 50px;
}
.styled_list[data-type="large_numbers"] li .num {
    font-size:150px;
    font-weight:800;
    margin-bottom:30px;
}
.styled_list[data-type="large_numbers"] li .text {

}
.styled_list[data-type="large_numbers"] li .text .name {
    font-size:24px;
    color:#fff;
    line-height:28px;
    margin-bottom:35px;
    text-transform:uppercase;
}
.styled_list[data-type="large_numbers"] li .text .desc {
    font-size:16px;
    color:#fff;
    line-height:24px;
    font-weight:300;
}


.breadcrumbs {
    margin:0 -1000px 30px;
    padding:13px 1000px;    
    line-height:24px;
    position:relative;
}
.breadcrumbs:before {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: -moz-linear-gradient(left,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* W3C */
    content:'';
}
.breadcrumbs li {
    list-style:none;
    display:inline-block;
    font-size:20px;
    position:relative;
    z-index:1;
}
.breadcrumbs li + li {
    margin-left:18px;
}
.breadcrumbs li + li:before {
    position:absolute;
    left:-14px;
    color:#d1dde2;
    content:'/';
}
.breadcrumbs li + li:last-child:before {
    color:#fff;
}
.breadcrumbs li a {
    color: #FFFFFF;
    text-decoration: underline;
}
.breadcrumbs li a:hover {
    text-decoration:underline;
}

.breadcrumbs li span {
    color:#fff;
}

.article_block {
    margin-bottom:50px;
}
.article_block .article {
    font-size: 12px;
    line-height: 24px;
    color: #333;
}
.article_block .article * {
    line-height:2;
}
.article_block .article h1 {
    font-size:22px;
    color:#0a2937;
    font-weight:600;
    margin-bottom:10px;
    margin-top:0;
    line-height:normal;

}
.article_block .article p {
    margin-bottom: 18px;
}
.article_block .article li {
    margin-bottom:5px;
}
.article_block .details {}
.article_block .details > .name {
    font-size:16px;
    color:#0eae9b;
    font-weight:bold;
    margin-bottom:15px;
}
.article_block .details .links {
    margin:0 0 10px;
    border-spacing: 0 2px;
    display:table;
    width: 100%;
}
.article_block .details .links li {
    list-style:none;
    margin-bottom:2px;
    background:#f1f1f1;
    line-height:normal;
    display:table-row;
}
.article_block .details .links li:after {
    display:block;
    clear:both;
    content:'';
}
.article_block .details .links li:last-child {
    line-height: 17px;
}
.article_block .details .links li .name {
    width:112px;
    background:#0eae9b;
    font-size:12px;
    color:#fff;
    font-weight:600;
    position:relative;
    display:table-cell;
    vertical-align:middle;
}
.article_block .details .links li .name span {
    display:block;
    position:relative;
    padding:8px 6px;
}
.article_block .details .links li .name span > i {
    position:absolute;
    left:100%;
    top:50%;
    width:0;
    height:1px;
    border-top:7px solid transparent !important;
    border-right:7px solid transparent !important;
    border-bottom:7px solid transparent !important;
    border-left:7px solid #0eae9b;
    margin-top:-7px;
}
.article_block .details .links li .desc {
    color:#0a2937;
    font-weight:600;
    font-size:12px;
    padding:8px 0 8px 18px;
    display:table-cell;
    vertical-align:middle;
}
.article_block .details .links li .desc a {
    color:#0eae9b;
}
.article_block .details .links li .desc a:hover {
    text-decoration:underline;
}
.article_block .details .note {
    font-size:12px;
    color:#0a2937;
}
.article_block .details .note .name {
    width:110px;
    font-weight:600;
    float:left;
}
.article_block .details .note .desc {
    margin-left:130px;}
.article_block .clear {}
.article_block h1 {
    font-size: 30px;
    color: #0EAE9B;
    font-weight: 600;
    border-bottom: 2px solid #F1F1F1;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-bottom: 18px;
}
.article_block h2 {
    font-size: 16px;
    color: #0A2937;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 0.8;
    margin-top: 0;
    margin-bottom: 20px;
}
.navbar {
    background:none;
    box-shadow:none;
    border:0;
}
.navbar .navbar-btn {
    background-image: none;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    border: none;
}
.navbar .navbar-btn:hover {
    background-color: #ffffff;
}
.navbar .navbar-btn .icon-bar {
    background-color: #cccccc;
    width: 23px;
    height: 4px;
    border-radius: 2px;
}
.menu-btn-name {
    float: right;
    color: #000000;
    display: block;
    padding-left: 32px;
    line-height:20px;
}
.scrollup {
    width:40px;
    height:40px;
    position:fixed;
    bottom:20px;
    right:20px;
    display:none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    background: #333333 url('../img/top_btn.png') scroll 10px 12px no-repeat;
    z-index:1000;
}

.styled_img_container {
    padding:12px 26px;
    background:#f1f3f2;
    margin-bottom:20px;
}
.styled_img_container img {
    width:100%;
    border:1px solid #ccc;
}

.blak_buy_btn {
    width:300px;
    height:70px;
    display:block;
    text-decoration:none;
    color:#fff;
    background:#000;
    line-height:70px;
    padding:0 15px;
    text-transform:uppercase;
    margin-bottom:5px;
    text-align:center;
    letter-spacing:0.05em;
}
.blak_buy_btn:hover {
    color:#fff;
}
.blak_buy_btn span {
    font-weight:bold;
    margin-left:0.5em;
}
#top_menu .dropdown-menu > li > a {
    padding:6px 20px;
}

#result {
	float: right;
	margin: -6px 0px 0px;
	position: relative;
	width: 500px;
}