@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Roboto:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700);
@import url(https://fonts.googleapis.com/css?family=Merriweather);
body {
    visibility: hidden
}
#out_container {
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}
#out_container.boxed {
    margin: 20px auto
}
.tweets-slide .slides li p {
    color: #fff;
    padding: 0;
    margin: 0
}
.navbar-collapse {
    padding: 0
}
body {
    margin: 0;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: #333;
    background-color: #fff
}
h1,
h2,
h3 {
    font-weight: 400;
    margin: 0 0 10px
}
h4,
h5,
h6 {
    margin: 0
}
.thumbnails .caption {
    padding: 9px;
    color: #555
}
.nav-tabs {
    margin-bottom: 20px
}
ul.thumbnails {
    margin-left: 0;
    list-style: none;
    padding: 0;
    margin: 0 0 10px 0
}
.accordion,
.thumbnails>li,
dl {
    margin-bottom: 20px
}
.pager,
.pagination {
    margin: 20px 0
}
h1 {
    clear: both;
    color: #333;
    font-size: 32px;
    line-height: 32px;
    margin: 0 0 20px
}
h2 {
    font-size: 18px;
    color: #666;
    line-height: 22px
}
h3 {
    font-size: 16px;
    line-height: 22px;
    color: #666
}
h4 {
    font-size: 14px;
    line-height: 22px;
    font-weight: 700;
    color: #666;
    font-family: Arial, sans-serif
}
h5 {
    font-size: 12px;
    line-height: 22px;
    font-weight: 700;
    color: #666;
    font-family: Arial, sans-serif
}
h6 {
    font-size: 11px;
    line-height: 22px;
    color: #666;
    font-family: Arial, sans-serif
}
.clear-both {
    clear: both
}
.top_line {
    height: 5px
}
p {
    font-family: Arial, sans-serif;
    color: #666;
    margin: 0;
    line-height: 18px;
    padding: 0 0 20px
}
.team-member p,
.two-col-team p {
    color: #333
}
sup {
    padding-left: 1px;
    top: -.3em
}
form label {
    color: #898989;
    font-family: Arial, sans-serif;
    font-size: 12px
}
h2 {
    font-size: 18px;
    line-height: 22px;
    color: #666;
    margin: 0 0 10px
}
.table,
ol,
ul {
    margin-bottom: 20px
}
.side-nav ul,
.sidebar ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}
blockquote {
    background: url(img/quotes.png) no-repeat scroll 5px -2px #fbfbfb;
    border-color: #f5f5f5 #ececec #dfdfdf;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 3px #ccc;
    overflow: hidden;
    margin: 0 0 20px;
    padding: 15px 20px 12px
}
.clear_both {
    clear: both
}
.quote-left {
    float: left;
    max-width: 280px
}
.quote-right {
    float: right;
    max-width: 280px;
    margin: 0 0 0 20px
}
blockquote p {
    color: #898989;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    font-style: italic;
    line-height: 21px;
    margin: 0 0 5px;
    padding: 0;
    position: relative;
    z-index: 2
}
blockquote .autor {
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    text-align: right;
    color: #666
}
.large-quote {
    background: url(img/testimonials_block_bg.gif) repeat scroll left top transparent;
    border-radius: 0;
    box-shadow: none;
    min-height: 137px;
    padding: 15px 55px 12px;
    position: relative;
    text-align: center
}
.large-quote .figure-left {
    background: transparent url(img/figures.png) top left no-repeat;
    position: absolute;
    width: 40px;
    height: 147px;
    top: 6px;
    left: 10px
}
.large-quote .figure-right {
    background: transparent url(img/figures.png) scroll -41px 0 no-repeat;
    position: absolute;
    width: 40px;
    height: 147px;
    top: 6px;
    right: 10px
}
.large-quote .autor {
    text-align: center;
    margin-top: 26px
}
ul.socials li {
    margin-left: 5px;
    display: inline-block
}
.bold {
    font-weight: 700
}
.bordered-img {
    -moz-transition: all .2s ease-in-out 0s;
    border: 1px solid #ddd;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .055);
    line-height: 20px;
    padding: 3px
}
.img-polaroid {
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}
.socials a {
    display: block;
    width: 24px;
    height: 24px
}
.socials .flickr {
    background: transparent url(img/socials_icons.png) top left no-repeat
}
.socials .twitter {
    background: transparent url(img/socials_icons.png) scroll -30px 0 no-repeat
}
.socials .facebook {
    background: transparent url(img/socials_icons.png) scroll -60px 0 no-repeat
}
.socials .youtube {
    background: transparent url(img/socials_icons.png) scroll -90px 0 no-repeat
}
.socials .dribbble {
    background: transparent url(img/socials_icons.png) scroll -120px 0 no-repeat
}
.socials .pinterest {
    background: transparent url(img/socials_icons.png) scroll -150px 0 no-repeat
}
.socials .flickr:hover {
    background: transparent url(img/socials_icons.png) scroll 0 -24px no-repeat
}
.socials .twitter:hover {
    background: transparent url(img/socials_icons.png) scroll -30px -24px no-repeat
}
.socials .facebook:hover {
    background: transparent url(img/socials_icons.png) scroll -60px -24px no-repeat
}
.socials .youtube:hover {
    background: transparent url(img/socials_icons.png) scroll -90px -24px no-repeat
}
.socials .dribbble:hover {
    background: transparent url(img/socials_icons.png) scroll -120px -24px no-repeat
}
.socials .pinterest:hover {
    background: transparent url(img/socials_icons.png) scroll -150px -24px no-repeat
}
.socials .linkedin {
    background: transparent url(img/socials_icons.png) scroll -180px 0 no-repeat
}
.socials .linkedin:hover {
    background: transparent url(img/socials_icons.png) scroll -180px -24px no-repeat
}
.socials .google_plus {
    background: transparent url(img/socials_icons.png) scroll -210px 0 no-repeat
}
.socials .google_plus:hover {
    background: transparent url(img/socials_icons.png) scroll -210px -24px no-repeat
}
ul.icons {
    list-style: none;
    margin-left: 0;
    padding: 0
}
.head_phone {
    color: #666;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 18px;
    margin-top: 25px;
    padding-bottom: 0
}
.navbar .nav .open .dropdown-menu .active a {
    background-color: #333;
    border: none;
    background-image: none
}
.navbar .nav .open .dropdown-menu .active a:hover {
    background-color: #292929;
    background-image: none!important;
    filter: none
}
.nav-select {
    width: 100%
}
.navbar {
    background-color: #fff;
    background-image: none;
    background-repeat: repeat-x;
    border-radius: 0;
    box-shadow: none;
    min-height: 40px;
    margin: 0;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0)
}
.navbar .nav .active a>i,
.navbar .nav .active>a {
    background-color: #fff;
    text-decoration: none
}
.navbar .nav .active a>i:hover,
.navbar .nav .active>a:hover {
    background-color: #fff;
    text-decoration: none
}
.nav-pills>li>a {
    border-radius: 0;
    margin-bottom: 2px;
    margin-top: 2px;
    padding-bottom: 8px;
    padding-top: 8px
}
.nav-pills-portfolio {
    float: left;
    margin-bottom: 10px
}
.nav-pills-portfolio>li>a {
    border-radius: 5px 5px 5px 5px;
    color: #666;
    font-size: 18px
}
.portfolio-switch {
    float: right;
    list-style: none;
    margin-top: 4px
}
.portfolio-switch li {
    float: right;
    margin-left: 20px
}
.portfolio-nav {
    overflow: hidden
}
.dropdown .dropdown-menu {
    background-clip: padding-box;
    background-color: #333;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, .2);
    list-style: none outside none;
    z-index: 1000;
    top: 98%
}
.in .dropdown .dropdown-menu {
    box-shadow: none
}
.navbar .nav>li>.dropdown-menu:after,
.navbar .nav>li>.dropdown-menu:before {
    border: none
}
.dropdown-menu {
    border: none;
    margin: 0
}
.nav-pills .dropdown-menu {
    border-radius: 0
}
.navbar-inner {
    padding: 0
}
.navbar .nav>.active>a {
    box-shadow: none
}
.navbar .nav>.active>a:focus,
.navbar .nav>.active>a:hover {
    box-shadow: none
}
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle,
.navbar .nav li.dropdown.open>.dropdown-toggle {
    background-color: #fff
}
.navbar .in .nav li.dropdown.active>.dropdown-toggle,
.navbar .in .nav li.dropdown.open.active>.dropdown-toggle,
.navbar .in .nav li.dropdown.open>.dropdown-toggle {
    background-color: #333;
    color: #fff
}
.in .nav>li>a:hover {
    background-color: #292929;
    border-radius: 0
}
.nav-collapse {
    position: relative;
    z-index: 999
}
.nav-collapse .dropdown-menu a:hover {
    background-color: #292929;
    border-radius: 0
}
.navbar .nav>li {
    text-align: center;
    border-right: 1px dotted #ccc
}
.navbar .nav>li .dropdown-menu li {
    text-align: left
}
.navbar .nav>li .dropdown-menu li a {
    color: #fff;
    padding: 8px 10px 11px
}
.navbar .nav>li .dropdown-menu li a:hover {
    background-color: #292929;
    background-image: none!important;
    filter: none
}
.navbar .nav>li a i {
    display: block;
    color: #666;
    font-size: 12px;
    font-weight: 400;
    height: 27px;
    background: #fff url(img/menu_icons.png) scroll center 23px no-repeat
}
.navbar .nav>li.single a i {
    background: 0 0
}
.navbar .nav>li a {
    color: #333;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 0;
    padding: 15px 15px 8px;
    text-shadow: none
}
.nav-pills .open .dropdown-toggle,
.nav-tabs .open .dropdown-toggle,
.nav>li.dropdown.open.active>a:hover {
    background-color: #999;
    border-color: #999;
    color: #333
}
.navbar-inner .in {
    margin-top: 20px
}
.navbar .navbar-inner .in .nav-pills {
    z-index: 9999;
    background-color: #333
}
.navbar .navbar-inner .in li {
    border-right: none;
    text-align: left
}
.navbar .navbar-inner .in li a {
    color: #fff
}
.navbar .navbar-inner .in li a i {
    display: none
}
.navbar .navbar-inner .in li.active a {
    background-color: #333
}
.navbar .nav .active>a,
.navbar .nav li:hover>a {
    padding-top: 12px
}
.navbar .nav .dropdown-menu li:hover a {
    border: none;
    padding-top: 8px
}
.navbar .in .nav .active a,
.navbar .in .nav li a,
.navbar .in .nav li:hover a {
    border: none;
    padding: 8px 10px 11px
}
input.btn {
    float: left
}
.grey-box {
    background-color: #fbfbfb;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-top: 1px solid #f5f5f5;
    border-radius: 5px;
    box-shadow: 0 1px 3px #ccc
}
.hero-block-2 {
    padding: 15px 20px;
    text-align: center
}
.hero-block-2 p img {
    float: right;
    margin: 0 0 0 25px
}
.hero-block-2 .btn {
    margin: 17px auto 5px;
    font-weight: 700;
    font-size: 16px
}
.hero-block3 .btn {
    font-size: 16px
}
.hero-block-2 .btn .icon-shopping-cart {
    font-size: 19px
}
.hero-block-2 h2,
.hero-block-2 p {
    text-align: left
}
.hero-block-2 .btn .icon-shopping-cart {
    line-height: 26px;
    padding-right: 7px
}
.home-block h1 {
    padding-top: 6px;
    margin-bottom: 8px;
    margin-top: 0
}
.hero-block-1 {
    margin-bottom: 15px
}
.home-block {
    margin-top: 20px
}
.home-block h2 {
    margin-bottom: 10px
}
.home-block p {
    line-height: 22px;
    padding: 0;
    color: #898989
}
.hero-list {
    margin-top: 10px;
    padding-bottom: 10px
}
.hero-list .image-wrapper {
    float: left;
    margin: 0 6px
}
.hero-list .image-wrapper .img {
    height: 65px;
    width: 65px;
    display: table-cell;
    vertical-align: middle;
    border-radius: 33px;
    text-align: center;
    background: #e70022
}
.index1 .hero-list .image-text {
    margin-left: 80px;
    text-align: left
}
.hero-list-description {
    float: left
}
.hero-list a {
    clear: both;
    display: block;
    margin-top: 5px
}
.hero-list p {
    font-family: 'Open Sans', sans-serif, Arial;
    line-height: 16px;
    padding: 0;
    color: #898989;
    overflow: hidden
}
.hero-list h2 {
    color: #898989;
    margin-bottom: 5px
}
.slides .slide-info h2,
.slides .slide-info p {
    padding: 0
}
.carousel-caption {
    background: transparent url(img/slide_info_bg.png) top left repeat;
    padding: 15px
}
.carousel-caption h2 {
    font-size: 24px;
    font-weight: 400;
    text-decoration: none
}
.carousel-caption p {
    color: #fff;
    padding-bottom: 10px
}
.horizontal-divider {
    background-color: #e5e5e5;
    height: 5px;
    margin-bottom: 20px;
    margin-top: 10px
}
.title-wrapper h2 {
    float: left
}
.clients .title-wrapper h2 {
    float: none
}
.title-wrapper .all {
    font-size: 14px;
    float: right;
    line-height: 30px;
    padding-right: 10px
}
.portfolio-grid-1 .hp-wrapper {
    position: relative;
    overflow: hidden
}
.portfolio-grid-1 .hp-wrapper .bottom-block {
    background: url(img/bottom_block_bg.png) repeat scroll left top transparent;
    bottom: 0;
    height: 38px;
    left: 0;
    padding: 6px 0 6px 10px;
    position: absolute;
    box-sizing: content-box
}
.portfolio-grid-1 .hp-wrapper .bottom-block a {
    font-size: 16px
}
.portfolio-grid-1 .hp-wrapper .bottom-block p {
    color: #666;
    font-family: 'Open Sans', sans-serif, Arial
}
.portfolio-grid-1 .hp-wrapper .top-link:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .8);
    display: none;
    content: ''
}
.portfolio-grid-1 .hp-wrapper .top-link:after {
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -30px;
    content: "\f08e";
    font-family: FontAwesome;
    font-size: 60px;
    line-height: 60px;
    text-align: center;
    color: #e70022;
    display: none
}
.portfolio-grid-1 .hp-wrapper:hover .top-link:after,
.portfolio-grid-1 .hp-wrapper:hover .top-link:before {
    display: block
}
.portfolio-grid-1.main-block .hp-wrapper .top-link:after {
    content: "\f00e"
}
.portfolio-grid-1 p {
    padding: 0
}
.testimonials {
    margin-bottom: 35px
}
.testimonials-block {
    background: transparent url(img/testimonials_block_bg.gif) top left repeat;
    position: relative;
    padding: 30px 20px 10px;
    margin-bottom: 25px
}
.testimonials-block .quote {
    background: transparent url(img/quote.png) top left no-repeat;
    position: absolute;
    width: 91px;
    height: 61px;
    left: 13px;
    top: 0;
    z-index: 1
}
.testimonials-block p {
    color: #666;
    font-family: Georgia;
    font-size: 16px;
    font-style: italic;
    position: relative;
    z-index: 2;
    margin: 0 0 5px;
    padding: 0
}
.testimonials-block .autor {
    text-align: right;
    font-weight: 700;
    font-family: Arial;
    font-size: 12px;
    font-style: normal
}
.hero-block3 {
    position: relative
}
.hero-block3 .hero-content-3 {
    padding: 20px
}
.hero-block3 .hero-content-3 h2 {
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 10px;
    color: #333
}
.hero-block3 h2 {
    float: none;
    margin-bottom: 5px
}
.hero-block3 p {
    float: none;
    line-height: 22px;
    padding: 0;
    color: #898989
}
.tour-btn .btn {
    font-weight: 700
}
.block-posts .block-post-img {
    display: block;
    margin-bottom: 10px
}
.bordered-img {
    -moz-transition: all .2s ease-in-out 0s;
    border: 1px solid #ddd;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .055);
    line-height: 20px;
    padding: 3px
}
.container .bordered-img img {
    margin-bottom: 0
}
.block-posts .block-post-title {
    font-size: 14px
}
.block-posts .block-post-content {
    margin: 0 0 2px;
    color: #666;
    padding: 0;
    line-height: 18px
}
.block-posts .block-post-more {
    text-decoration: underline
}
.block-posts p {
    padding: 0
}
.block-posts .block-post-date {
    padding-bottom: 10px;
    color: #898989
}
.clients {
    margin-bottom: 20px
}
#breadcrumb {
    border-bottom: 1px solid #ccc;
    float: left;
    width: 100%;
    margin-bottom: 10px
}
#breadcrumb ul {
    float: left;
    list-style: none outside none;
    margin: 0 0 2px;
    padding: 12px 0 8px 10px
}
#breadcrumb ul li {
    background: url(img/breadcrumb_icon.png) no-repeat scroll left 7px transparent;
    float: left;
    margin-left: 8px;
    padding-left: 10px
}
#breadcrumb .home {
    background: none repeat scroll 0 0 transparent;
    height: 15px;
    margin-left: 0;
    padding-left: 0
}
#left-sidebar .sidebar-wrapper {
    padding-right: 19px;
    border-right: 1px solid #ccc
}
.side-nav .active a {
    color: #000
}
.sidebar .sidebar-block {
    margin-bottom: 35px;
    clear: both;
    overflow: hidden
}
.side-nav ul,
.sidebar-news-widget ul {
    list-style: none;
    margin-left: 0
}
.side-nav ul li,
.sidebar-news-widget ul li {
    border-bottom: 1px solid #ccc;
    margin-bottom: 8px;
    overflow: hidden;
    padding-bottom: 8px
}
.comments-widget p,
.tags-widget p,
.text-widget p {
    padding: 0;
    color: #898989
}
.sidebar-news-widget .date,
.sidebar-news-widget ul li p {
    padding: 0 0 0 69px
}
.side-nav ul li a {
    background: url(img/left_nav_bullets.png) no-repeat scroll 0 8px transparent;
    padding-left: 9px;
    display: block;
    font-size: 13px
}
.side-nav ul li a:hover {
    text-decoration: none;
    color: #333
}
.tags-widget p {
    margin-bottom: 5px
}
.sidebar-news-widget ul .photo {
    float: left;
    margin-right: 10px
}
.sidebar {
    padding-top: 29px;
    padding-right: 0;
    box-sizing: content-box
}
.sidebar h2 {
    border-bottom: 3px solid #ccc;
    padding-bottom: 6px;
    margin-bottom: 12px
}
.date i {
    padding-right: 3px
}
.comments-widget ul {
    list-style: none;
    margin-left: 0
}
.comments-widget ul li {
    margin-bottom: 10px
}
#right-sidebar .sidebar-wrapper {
    padding-left: 19px;
    border-left: 1px solid #ccc
}
.tags-widget ul {
    list-style: none;
    margin-left: 0
}
.tags-widget ul li {
    float: left;
    margin-right: 18px
}
.gallery-widget ul {
    list-style: none;
    margin-left: -10px
}
.gallery-widget ul li {
    margin-left: 10px;
    float: left;
    margin-bottom: 10px
}
.main-column {
    margin-top: 8px
}
.main-column img {
    margin-bottom: 10px
}
.post-item {
    clear: both;
    margin-bottom: 25px
}
.post-item .post-description {
    margin: 0;
    padding-bottom: 0
}
.post-item .post-more {
    font-family: Arial;
    text-decoration: underline
}
.post-item .post-more:hover {
    text-decoration: none
}
.post-item-panel {
    background-color: #f5f5f5;
    margin-top: 10px;
    overflow: hidden;
    padding: 10px 10px 0
}
.post-item-panel ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0
}
.post-item-panel ul li {
    float: left;
    margin-right: 20px
}
.post-item-panel ul li p {
    padding: 0 0 8px;
    color: #898989
}
.post-item-panel ul li p i {
    padding-right: 3px
}
.tags-widget p i {
    padding-right: 3px
}
.post-socials {
    margin: 20px 0 50px 0
}
.post-socials h2 {
    color: #333
}
.reply-form h2 {
    color: #333
}
.comments .name {
    font-family: Arial, sans-serif;
    font-size: 14px
}
.comments .comment-date {
    padding: 0
}
.comments .reply {
    font-family: Arial, sans-serif;
    font-size: 12px
}
.comment-details {
    margin-bottom: 5px
}
.comment-item {
    margin-bottom: 15px
}
.comment-item .span1 {
    margin-bottom: 10px
}
.comment-body {
    background-color: #f5f5f5;
    border-radius: 5px 5px 5px 5px;
    position: relative
}
.comment-table .baloon {
    background: url(img/baloon.gif) no-repeat scroll 7px 22px transparent;
    border: medium none;
    width: 15px
}
.comment-body p {
    padding: 10px 12px;
    font-size: 14px;
    color: #666
}
form .error {
    position: relative
}
#validForm {
    clear: both
}
#validForm .btn {
    background-color: buttonface
}
select,
textarea {
    margin-bottom: 10px;
    height: 30px
}
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week] {
    margin-bottom: 10px;
    height: 30px
}
.uneditable-input {
    margin-bottom: 10px;
    height: 30px
}
label {
    margin-bottom: 5px
}
.control-group {
    margin-bottom: 10px
}
.contact-info .socials {
    padding: 0;
    margin: 20px 0 10px 0
}
.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline {
    color: #b94a48
}
.team-member h2 {
    line-height: 18px;
    margin-bottom: 5px;
    color: #333
}
.team-member h4 {
    margin: 5px 0 0 0;
    color: #666;
    font-weight: 400
}
.team-member em {
    color: #666
}
.team-member .experience {
    padding-top: 0;
    padding-bottom: 10px;
    color: #666
}
.team-member .photo {
    margin-bottom: 10px
}
.member-divider {
    border-bottom: 1px dashed #ccc;
    clear: both;
    height: 1px;
    margin-bottom: 50px
}
.two-col-team .team-member {
    margin-bottom: 50px
}
div.alert {
    padding: 20px 15px 10px 35px;
    padding-left: 35px;
    margin-bottom: 10px
}
.alert-note {
    border: 1px solid #000;
    background-color: #fff
}
.alert-error {
    border: 1px solid #d47676;
    background-color: #f6d4d4
}
.alert-attention {
    border: 1px solid #fece89;
    background-color: #fff3c2
}
.alert-info {
    border: 1px solid #448398;
    background-color: #b4e5ec
}
.alert-success {
    border: 1px solid #72ad55;
    background-color: #ceefbe
}
.alert h2 {
    background: transparent url(img/warning-icons.png) top left no-repeat;
    padding: 3px 0 5px 35px;
    margin-bottom: 0
}
.alert p {
    padding-left: 35px;
    padding-bottom: 10px
}
.alert .close {
    right: -8px;
    top: -17px
}
.alert-note h2 {
    background-position: 0 3px
}
.alert-error h2 {
    background-position: 0 -75px;
    color: #ae3f3f
}
.alert-error p {
    color: #ae3f3f
}
.alert-attention h2 {
    background-position: 0 -150px;
    color: #ab5e2a
}
.alert-attention p {
    color: #ab5e2a
}
.alert-info h2 {
    background-position: 0 -227px;
    color: #448398
}
.alert-info p {
    color: #448398
}
.alert-success h2 {
    background-position: 0 -305px;
    color: #488a28
}
.alert-success p {
    color: #488a28
}
.stick-wrapper {
    margin-left: -20px;
    padding-left: 35px;
    width: 720px;
    margin-top: 50px;
    box-sizing: content-box
}
.progress {
    height: 20px;
    margin-bottom: 20px
}
.sr-only {
    position: inherit;
    width: auto;
    height: auto
}
.btn-inverse {
    background-color: #222;
    color: #fff;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25)
}
.btn-inverse:hover {
    background-color: #333;
    color: #fff;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25)
}
.stick-wrapper .stick {
    margin-left: -29px
}
.stick {
    height: 190px;
    padding: 30px 50px 30px 30px;
    text-align: center;
    width: 188px;
    box-sizing: content-box
}
.stick p {
    padding: 7px 0
}
.stick h2 {
    margin-bottom: 0
}
.note-stick {
    background: transparent url(img/note_stick_bg.png) top left no-repeat
}
.note-stick h2,
.note-stick p {
    color: #666
}
.alert-stick {
    background: transparent url(img/alert_stick_bg.png) top left no-repeat
}
.alert-stick h2,
.alert-stick p {
    color: #580a0a
}
.success-stick {
    background: transparent url(img/success_stick_bg.png) top left no-repeat
}
.success-stick h2,
.success-stick p {
    color: #406230
}
.info-stick {
    background: transparent url(img/info_stick_bg.png) top left no-repeat
}
.info-stick h2,
.info-stick p {
    color: #255a6c
}
.attention-stick {
    background: transparent url(img/attention_stick_bg.png) top left no-repeat
}
.attention-stick h2,
.attention-stick p {
    color: #96570d
}
#right-sidebar .stick {
    margin-left: -10px
}
#left-sidebar .stick {
    margin-left: -34px
}
.left-stick {
    margin-left: -14px
}
.right-stick {
    float: right;
    margin-right: -30px
}
.dropcap {
    display: block;
    float: left;
    margin: 19px 10px 10px 10px;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 48px
}
.dropcap-black {
    color: #000
}
.panel-heading {
    padding: 0;
    background-color: transparent
}
.dropdown-menu .divider {
    margin: 10px 0
}
.panel-default>.panel-heading {
    background: 0 0
}
.accordion,
.toggle-box {
    border: 1px solid #f5f5f5
}
.accordion-group {
    border: none;
    border-radius: 0
}
.toggle-box {
    margin-bottom: 20px
}
.accordion-inner,
.tbox-inner {
    border-top: 1px solid #e5e5e5;
    padding: 9px 15px 9px 60px;
    border: none
}
.accordion .accordion-toggle,
.toggle-box a {
    color: #666;
    display: block;
    font-size: 18px;
    line-height: 23px;
    padding: 10px 20px 10px 40px;
    position: relative
}
.accordion .accordion-toggle:before,
.toggle-box a:before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 24px;
    height: 24px;
    background: url(img/collapse_btn.png) no-repeat scroll left 0 transparent
}
.accordion a.collapsed:before,
.toggle-box .collapsed:before {
    background: url(img/collapse_btn.png) no-repeat scroll left -68px transparent;
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 24px;
    height: 24px
}
.accordion-heading,
.tbox-heading {
    padding-left: 20px
}
.dif-table {
    margin-bottom: 15px;
    margin-top: 30px;
    margin-left: 10px
}
.dif-table p {
    padding: 6px 0;
    font-family: 'Open Sans', Arial, sans-serif;
    text-align: center;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}
.dif-table .col-md-2,
.dif-table .col-md-3 {
    margin-left: 0
}
.dif-table div.col-md-3 {
    border-width: 1px;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 3px #ccc;
    position: relative;
    z-index: 10
}
.dif-table div.col-md-3 .bottom {
    padding: 15px 0
}
.dif-table .col-md-3 .title {
    padding: 20px 0;
    background-color: #f09931;
    text-shadow: 0 1px #9c6420;
    border-radius: 2px 2px 0 0
}
.dif-table div.col-md-3 .btn-primary {
    font-size: 16px;
    padding: 10px 20px
}
.dif-table .title {
    color: #fff;
    font-size: 20px;
    text-shadow: 0 1px 0 #1a4e75;
    font-weight: 600
}
.dif-table .cost {
    font-size: 16px;
    background-color: #f5f5f5;
    font-weight: 700
}
.dif-table ul {
    list-style: none;
    margin: 0;
    text-align: center;
    padding: 0
}
.dif-table ul li {
    padding: 5px 0 5px 0
}
.dif-table ul li img {
    margin-bottom: 3px;
    margin-right: 4px
}
.dif-table .btn {
    font-size: 13px;
    height: 20px;
    padding: 3px 9px;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}
.dif-table .bottom {
    background-color: #f5f5f5
}
.dif-table .table-column {
    border-style: solid;
    border-color: #e0e0e0;
    margin-bottom: 20px;
    padding: 0
}
.dif-table .first-column {
    border-radius: 2px 0 0 2px
}
.dif-table .first-column .title {
    border-radius: 2px 0 0 0
}
.dif-table .last-column {
    border-radius: 0 2px 2px 0;
    border-width: 1px 1px 1px 0
}
.dif-table .last-column .title {
    border-radius: 0 2px 0 0
}
.dif-table .col-md-3 {
    height: 250px;
    margin-top: -28px
}
.flexslider .slides img {
    margin-bottom: 0
}
.flexslider .slide2 .carousel-caption {
    right: 0;
    bottom: 0;
    width: 96%
}
.slide3 .carousel-caption {
    right: 0;
    bottom: 0;
    width: 96%
}
.flexslider .slide3 .carousel-caption {
    background: none repeat scroll 0 0 #e7e7e8
}
.flexslider .slide3 .carousel-caption p {
    color: #333
}
.flexslider .slide4 .carousel-caption {
    background: transparent url(img/slide4_info_bg.png) top left repeat
}
.flexslider .slide4 .carousel-caption p {
    color: #333
}
.flexslider .portfolio-grid-1 .thumbnails {
    margin-bottom: 0
}
.help-inline {
    display: block
}
.contact-info h2 {
    border-bottom: 3px solid #ccc;
    margin-bottom: 12px;
    padding-bottom: 6px;
    clear: both
}
.contact-info address {
    margin-bottom: 15px
}
.contact-info .socials {
    float: none;
    overflow: hidden
}
.contact-info .socials li {
    float: left;
    margin: 0 5px 0 0
}
.contact-info .table tbody>tr>td {
    border-top: none;
    border-bottom: 1px solid #ddd;
    padding: 4px 8px 4px 0
}
.contact-info table .small {
    width: 40%
}
.text-divider1 {
    border-top: 1px solid #ccc;
    margin-bottom: 19px
}
.text-divider2 {
    display: block;
    margin-bottom: 19px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    text-align: right;
    color: #666;
    margin-top: -19px
}
.text-divider2:hover {
    text-decoration: none;
    color: #666
}
.text-divider4:hover {
    text-decoration: none;
    color: #666
}
.text-divider3 {
    border-top: 1px dashed #ccc;
    margin-bottom: 19px
}
.text-divider4 {
    display: block;
    margin-bottom: 19px;
    width: 100%;
    border-bottom: 1px dashed #ccc;
    text-align: right;
    color: #666;
    margin-top: -19px
}
.text-divider5,
.text-divider6 {
    border-bottom: 1px solid #ccc;
    width: 100%;
    margin-bottom: 19px;
    margin-top: -3px
}
.text-divider5 span {
    display: block;
    width: 70px;
    height: 3px
}
.text-divider6 span {
    display: block;
    width: 70px;
    height: 3px;
    float: right
}
.nav-tabs a {
    font-size: 14px;
    color: #666
}
.btn-toolbar {
    margin-top: 10px;
    margin-bottom: 10px
}
.buttons-example .btn-group,
.buttons-example .ex {
    margin-bottom: 20px
}
.addthis_32x32_style .addthis_counter.addthis_bubble_style {
    width: 64px!important
}
.demo-icons .col-md-1 {
    margin-bottom: 30px
}
.portfolio-details {
    margin-top: 2px;
    margin-bottom: 20px
}
.back-to-portfolio {
    background: url(img/arrow_left.gif) no-repeat scroll 13px 12px #f5f5f5;
    border-radius: 3px 3px 3px 3px;
    color: #666;
    display: block;
    font-size: 16px;
    padding: 7px 20px 7px 33px;
    margin-bottom: 10px
}
.item-details {
    list-style: none;
    margin-left: 0;
    padding: 0
}
.addthis_counter.addthis_bubble_style {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}
.item-details li {
    font-size: 14px;
    color: #666;
    margin-bottom: 5px
}
.item-details li .title {
    font-weight: 700;
    padding-right: 3px
}
.item-details .website {
    margin-bottom: 9px
}
.item-details .website i {
    color: #666
}
.item-details .tags p {
    padding-bottom: 0
}
.item-details .tags i {
    color: #ccc
}
.item-details .share span {
    display: block
}
.portfolio-slider {
    margin-bottom: 100px;
    margin-top: 20px
}
.portfolio-slider #slider {
    margin-bottom: 10px
}
.portfolio-slider #carousel .slides li {
    border: 2px solid #fff;
    border-radius: 2px;
    cursor: pointer
}
.col-wrapper {
    padding-top: 21px
}
#clients {
    overflow: visible;
    clear: both
}
.twitter-wrapper {
    position: relative;
    padding: 10px 0 10px 0
}
#nav_t {
    float: left;
    height: auto;
    position: absolute;
    width: 11px
}
#nav_t .flex-prev {
    background: url(img/tw_arrow_up.png) no-repeat scroll 0 0 transparent;
    display: block;
    height: 6px;
    left: 0;
    margin-bottom: 7px;
    width: 11px
}
#nav_t .flex-next {
    background: url(img/tw_arrow_down.png) no-repeat scroll 0 0 transparent;
    display: block;
    height: 6px;
    left: 0;
    width: 11px
}
#nav_t .flex-direction-nav a {
    position: inherit
}
.follow_img {
    position: absolute;
    right: 0;
    top: 16%
}
#next_t,
#prev_t {
    display: block;
    color: #fff
}
.tweets-slide {
    display: block;
    color: #fff;
    overflow: hidden;
    padding-left: 20px
}
.tweets-slide ul .slides li {
    color: #fff;
    font-size: 14px;
    height: auto;
    line-height: 14px;
    padding: 10px 0 10px 10px;
    margin: 10px 0 10px 10px;
    width: 100%;
    display: block
}
.tweets-slide td {
    color: #fff;
    font-size: 14px;
    height: auto;
    line-height: 14px;
    min-height: 44px;
    padding-left: 10px;
    width: 100%
}
.bannercontainer .middle {
    color: #333;
    font-family: Open Sans, Arial, sans-serif;
    font-style: italic
}
.bannercontainer .slide3 .middle {
    padding: 5px 10px 8px 10px;
    font-weight: 700;
    color: #333
}
.bannercontainer .big {
    color: #fff;
    font-family: Open Sans, Arial, sans-serif;
    padding-bottom: 4px;
    padding-left: 10px;
    background-color: #000
}
.bannercontainer .slide2 .big {
    background-color: #2671ac
}
.bannercontainer .slide3 .big {
    background-color: #2671ac;
    padding-bottom: 4px
}
.bannercontainer .small {
    color: #666;
    font-family: Open Sans, Arial, sans-serif;
    white-space: normal
}
.bannercontainer .slide3 .small {
    background-color: #000;
    color: #fff;
    padding: 6px 0 10px 43px
}
.buttons-container {
    position: relative;
    text-align: center;
    height: 67px;
    padding: 20px 50px
}
.buttons-container .nav-select {
    border-radius: 4px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    background-color: #fff
}
.bannercontainer .banner ul {
    list-style: none;
    margin-left: 0
}
.bannercontainer .banner ul li div {
    left: -999em
}
.hero-list {
    margin-bottom: 40px
}
.hero-list .col-md-3 {
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.333
}
.hero-list .image-wrapper {
    text-align: center
}
.hero-list img {
    padding: 0 11px;
    display: inline
}
.index1 .hero-list img {
    padding: 0
}
.hero-list-description {
    float: left
}
.hero-list a {
    clear: both;
    display: block;
    margin-top: 15px
}
.hero-list p {
    color: #333;
    font-family: Raleway, Arial, sans-serif;
    line-height: 18px;
    overflow: hidden;
    padding: 0
}
.hero-list h2 {
    margin: 14px 0;
    color: #333;
    font-size: 22px
}
.features-list .image-wrapper {
    float: none
}
.dark-hero {
    text-align: center;
    padding: 15px;
    margin-bottom: 40px
}
.dark-hero h1 {
    color: #fff;
    font-size: 40px;
    font-family: Raleway, sans-serif;
    line-height: 1.333;
    margin-bottom: 0
}
.dark-hero h1 span {
    color: #648798
}
.dark-hero ul {
    padding: 20px 0 15px 0;
    margin-bottom: 0
}
.dark-hero ul li {
    display: inline;
    color: #fff;
    font-size: 14px
}
.mini-blocks .block1,
.mini-blocks .block2,
.mini-blocks .block3 {
    border-top: 1px solid #d6d6d6;
    padding: 0
}
.mini-blocks .block1 ul,
.mini-blocks .block2 ul,
.mini-blocks .block3 ul {
    margin: 0;
    padding: 0
}
.mini-blocks .block1 {
    margin-left: 10px
}
.mini-blocks .block1 .mini-wrapper {
    padding: 19px 18px
}
.mini-blocks .block2 .mini-wrapper {
    padding: 19px 18px;
    border-right: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6
}
.mini-blocks .block3 .mini-wrapper {
    padding: 19px 18px
}
Inherited from li .features-block ul li {
    color: #999;
    font-size: 14px
}
.mini-blocks ul {
    list-style: none;
    margin-left: 0
}
.features-block .soft-updates li {
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 15px;
    margin-bottom: 15px;
    overflow: hidden
}
.features-block ul li {
    color: #999;
    font-size: 14px;
    margin-bottom: 7px
}
.soft-updates .date-img {
    float: left;
    margin-right: 25px;
    width: 62px;
    height: 70px;
    background: #e70022;
    position: relative
}
.soft-updates .date-img:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(img/date_img_mask.png) 0 0 no-repeat;
    content: ''
}
.soft-updates .date-img * {
    position: relative;
    z-index: 1
}
.soft-updates .date-img .top-date {
    color: #eff7ad;
    font-size: 12px;
    font-weight: 700;
    height: 24px;
    line-height: 2.1
}
.soft-updates .date-img .bottom-date {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    height: 36px;
    line-height: 1.19
}
.soft-updates .date-img span {
    display: block;
    text-align: center
}
.soft-updates p {
    color: #333;
    font-size: 15px;
    line-height: 1.333;
    padding-bottom: 0;
    padding-right: 0
}
.mini-clients li {
    border: 1px solid #ccc;
    padding: 5px 20px
}
.mini-blocks .block2 {
    margin-left: 0;
    background-image: linear-gradient(bottom 90deg, #fff 11%, #fbfbfb 63%, #e2e2e2 100%);
    background-image: -ms-linear-gradient(bottom 90deg, #fff 11%, #fbfbfb 63%, #e2e2e2 100%);
    background-image: -webkit-gradient(linear, right bottom, left top, color-stop(.11, #fff), color-stop(.63, #fbfbfb), color-stop(1, #e2e2e2))
}
.features-block .mini-wrapper h2 {
    color: #333;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 20px;
    clear: both
}
blockquote.greyb {
    border-left: 10px solid #e70022;
    background: 0 0;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0 0 0 34px;
    position: relative
}
blockquote.greyb small {
    font-size: 13px;
    color: #3c92cd;
    font-size: 13px;
    color: #648798
}
.page-header {
    padding-bottom: 9px;
    margin: 20px 0 30px;
    border-bottom: 1px solid #eee
}
.features-list {
    margin-bottom: 20px;
    margin-top: 30px
}
.features-block h2 {
    color: #333;
    font-size: 22px;
    margin-bottom: 20px;
    font-family: Raleway, sans-serif;
    clear: both
}
.features-block p {
    color: #999;
    padding-right: 20px;
    padding-bottom: 15px
}
.features-block .left-list {
    float: left;
    margin-right: 20px;
    width: 50%
}
.features-block ul {
    padding-left: 0;
    list-style: none
}
.features-block ul li {
    color: #999;
    font-size: 14px;
    margin-bottom: 7px
}
.features-block .more {
    display: block;
    clear: both;
    font-size: 14px
}
blockquote.blueb {
    border-left: 10px solid #648798;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0 0 0 47px;
    margin-bottom: 0;
    position: relative;
    background: 0 0
}
blockquote:before {
    content: '';
    position: absolute;
    left: 8px;
    top: 10px;
    font-size: 60px;
    color: #e70022
}
.clients {
    margin-bottom: 70px
}
.line_title {
    background: url(img/line_title_bg.gif) repeat-x scroll 0 13px transparent;
    float: left;
    margin-bottom: 5px;
    text-align: center;
    width: 100%
}
.line_title h2 {
    background-color: #fff;
    color: #0078cc;
    display: inline-block;
    font-size: 20px;
    padding: 0 30px
}
.line_title h2 a {
    color: #648798
}
.hover-shade {
    position: absolute;
    left: -9999em;
    top: 0
}
.block-posts {
    margin-bottom: 80px
}
.lined-title-wrapper {
    overflow: hidden;
    border-bottom: 1px solid #ececec;
    margin-bottom: 20px
}
.lined-title-wrapper h2 {
    float: left;
    margin-bottom: 8px;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600
}
.lined-title-wrapper .all {
    color: #648798;
    font-size: 14px;
    float: right;
    line-height: 17px;
    font-style: italic;
    padding-right: 3px
}
.fancy-wrapper {
    position: relative
}
.fancy-wrapper .fancy {
    display: block;
    height: 100%;
    left: -9999em;
    opacity: .7;
    position: absolute;
    top: 0;
    width: 100%
}
.portfolio-grid-1 .hp-wrapper {
    position: relative;
    margin-bottom: 20px
}
.portfolio-grid-1 .hp-wrapper .bottom-block-optional {
    height: 45px;
    padding: 24px 0 16px 0;
    position: relative;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box
}
.hp-wrapper:hover .fancy {
    left: 0
}
.block-posts .block-post-title {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    margin-bottom: 6px;
    display: block
}
.block-posts .block-post-date {
    padding-bottom: 20px;
    font-style: italic;
    color: #999
}
.block-posts .block-post-content {
    margin: 0 0 2px;
    color: #666;
    padding: 0;
    line-height: 18px
}
.center-logo a.cs-logo {
    margin: 0 auto
}
a.cs-logo {
    display: block;
    width: 236px;
    height: 72px
}
.coming-soon-content {
    background-color: #e70022;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #e70022;
    text-align: center
}
.coming-soon-content h1 {
    font-size: 70px;
    color: #fff;
    margin: 40px 0;
    line-height: 80px
}
.coming-soon-topline {
    border-top: 1px solid #fff
}
p#note {
    color: #fff
}
.coming-soon-subscribe {
    margin: 70px 0 200px
}
.coming-soon-footer .footer-socials {
    float: none;
    display: inline-block;
    margin: 40px 0
}
.footer-socials {
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
    margin-bottom: 20px;
    float: left
}
.footer-socials li {
    float: left;
    margin-right: 10px
}
.footer-socials li .fb {
    background: url(img/socials.png) no-repeat scroll 0 0 transparent
}
.coming-soon-footer .col-md-12 {
    text-align: center
}
.footer-socials li a {
    display: block;
    width: 32px;
    height: 32px
}
.footer-socials li .tw {
    background: url(img/socials.png) no-repeat scroll -43px 0 transparent
}
.footer-socials li .in {
    background: url(img/socials.png) no-repeat scroll -87px 0 transparent
}
.footer-socials li .wf {
    background: url(img/socials.png) no-repeat scroll -130px 0 transparent
}
.footer-socials li .fl {
    background: url(img/socials.png) no-repeat scroll -173px 0 transparent
}
.footer-socials li .b {
    background: url(img/socials.png) no-repeat scroll -217px 0 transparent
}
.top_cs_line {
    background-color: #000;
    height: 8px
}
.coming-soon-footer,
.footer-bottom-cs,
.footer-cs,
.top_cs_line {
    margin: 0
}
.coming-soon-btn {
    background-color: #000;
    color: #fff
}
hr {
    margin-top: 20px;
    margin-bottom: 20px
}
.portfolio-grid-1 .small .bottom-block {
    width: 210px
}
.portfolio-grid-1 .middle .bottom-block {
    width: 450px
}
.portfolio-grid-1 .tall .bottom-block {
    width: 215px
}
.portfolio-grid-1 .large .bottom-block {
    width: 450px
}
.tour-btn {
    background: 0 0
}
.tour-btn:hover {
    background: 0 0
}
#footer {
    width: 100%
}
#footer address {
    margin-bottom: 20px
}
#footer ul {
    margin-bottom: 20px;
    padding-left: 0
}
.footer-top {
    height: 10px;
    background-color: #898989
}
.footer-wrapper {
    background-color: #666;
    padding-top: 17px
}
.footer-bottom {
    background-color: #333
}
.footer-logo {
    margin-bottom: 20px
}
.footer-wrapper .address {
    padding-left: 15px
}
.footer-wrapper .address p {
    margin-bottom: 5px;
    color: #cbcbcb;
    padding: 0
}
.footer-wrapper .address p i {
    display: block;
    float: left;
    line-height: 20px;
    width: 30px
}
.footer-wrapper h4 {
    border-bottom: 1px solid #cbcbcb;
    color: #cbcbcb;
    font-size: 18px;
    margin-bottom: 8px;
    padding-bottom: 8px
}
.footer-wrapper .col-md-4 {
    margin-bottom: 30px
}
.footer-wrapper .footer-center h4,
.footer-wrapper .footer-right h4 {
    margin-bottom: 0
}
.footer-navigate {
    list-style: none;
    margin-left: 0
}
.footer-center p {
    color: #cbcbcb;
    padding: 12px 0 0
}
.footer-navigate li {
    border-bottom: 1px solid #898989;
    padding: 5px 0
}
.footer-navigate li a {
    color: #fff
}
.footer-bottom p {
    padding: 18px 0 13px 14px;
    color: #fff
}
.footer-bottom p a {
    color: #fff
}
body {
    visibility: hidden
}
#mtp-toggle {
    width: 40px;
    padding: 10px 0;
    background-color: #2773ae;
    background-image: url(img/paintbrush_w.png);
    background-size: 80%;
    background-position: center;
    background-repeat: no-repeat;
    height: 25px;
    position: fixed;
    top: 50%;
    margin-top: -239px;
    right: 0;
    text-align: center;
    font-size: 18px;
    color: #fff;
    line-height: 1;
    cursor: pointer;
    z-index: 9999;
    border-radius: 3px 0 0 3px;
    border: 1px solid #fff;
    border-right: 0;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}
#mtp-toggle.absolute {
    position: absolute;
    top: 68px;
    margin-top: 0;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}
#mtp-toggle.mtp-toggle-close {
    right: 239px
}
#mtp-wrapper {
    width: 239px;
    min-height: 400px;
    background: #fff;
    position: fixed;
    top: 50%;
    margin-top: -279px;
    right: 0;
    z-index: 9999;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 0 1px 12px 2px rgba(0, 0, 0, .149)
}
#mtp-wrapper.absolute {
    position: absolute;
    top: 28px;
    margin-top: 0
}
#mtp-wrapper #mtp-header {
    border-bottom: 1px solid #eee;
    padding: 10px 20px;
    font-weight: 700;
    font-size: 12px
}
#mtp-content {
    padding: 15px 20px 20px;
    font-size: 12px
}
.mtp-content-title {
    font-weight: 700;
    padding: 0 0 10px;
    line-height: 1
}
.mtp-divider {
    width: 100%;
    height: 1px;
    background: #eee;
    margin: 20px 0 10px
}
#mtp-content select {
    width: 100%;
    padding: 5px;
    border: 1px solid #eee;
    background: #f4f4f4;
    font-size: 11px
}
#mtp-content input {
    width: 80px;
    height: 19px;
    border: none;
    font-size: 11px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    cursor: pointer
}
.mtp-primary-color {
    background-color: #2773ae;
    display: inline-block;
    width: 46px;
    height: 27px;
    float: left;
    cursor: pointer;
    position: relative;
    width: 44px;
    height: 25px;
    float: left;
    border: 1px solid grey;
    margin-right: 5px;
    margin-bottom: 5px;
    list-style: none;
    cursor: pointer
}
.mtp-primary-color:after {
    width: 25px;
    height: 25px;
    background-image: url(img/paintbrush_w.png);
    background-size: 100%;
    background-repeat: no-repeat;
    left: 50%;
    top: 50%;
    position: absolute;
    margin: -12px 0 0 -12px;
    content: ''
}
.mtp-background-image li,
.mtp-background-pattern li,
.mtp-color li {
    width: 44px;
    height: 25px;
    float: left;
    border: 1px solid grey;
    margin-right: 5px;
    margin-bottom: 5px;
    list-style: none;
    cursor: pointer
}
.mtp-background-image,
.mtp-background-pattern,
.mtp-color {
    margin: 0 -5px 0 0
}
.mtp-background-pattern li.pattern_0 {
    background: url(img/patterns/pattern_0.png) center
}
.mtp-background-pattern li.pattern_1 {
    background: url(img/patterns/pattern_1.png) center
}
.mtp-background-pattern li.pattern_2 {
    background: url(img/patterns/pattern_2.png) center
}
.mtp-background-pattern li.pattern_3 {
    background: url(img/patterns/pattern_3.png) center
}
.mtp-background-pattern li.pattern_4 {
    background: url(img/patterns/pattern_4.png) center
}
.mtp-background-pattern li.pattern_5 {
    background: url(img/patterns/pattern_5.png) center
}
.mtp-background-pattern li.pattern_6 {
    background: url(img/patterns/pattern_6.png) center
}
.mtp-background-pattern li.pattern_7 {
    background: url(img/patterns/pattern_7.png) center
}
.mtp-background-pattern li.pattern_8 {
    background: url(img/patterns/pattern_8.png) center
}
.mtp-background-pattern li.pattern_9 {
    background: url(img/patterns/pattern_9.png) center
}
.mtp-background-pattern li.pattern_10 {
    background: url(img/patterns/pattern_10.png) center
}
.mtp-background-pattern li.pattern_11 {
    background: url(img/patterns/pattern_11.png) center
}
.mtp-background-pattern li.pattern_12 {
    background: url(img/patterns/pattern_12.png) center
}
.mtp-background-pattern li.pattern_13 {
    background: url(img/patterns/pattern_13.png) center
}
.mtp-background-pattern li.pattern_14 {
    background: url(img/patterns/pattern_14.png) center
}
.mtp-background-pattern li.pattern_15 {
    background: url(img/patterns/pattern_15.png) center
}
.mtp-background-pattern li.pattern_16 {
    background: url(img/patterns/pattern_16.html) center
}
.mtp-background-image li {
    background-size: cover
}
.mtp-background-image li.image_1 {
    background-image: url(img/images/image_1_s.png)
}
.mtp-background-image li.image_2 {
    background-image: url(img/images/image_2_s.png)
}
.mtp-background-image li.image_3 {
    background-image: url(img/images/image_3_s.png)
}
.mtp-background-image li.image_4 {
    background-image: url(img/images/image_4_s.png)
}
.mtp-color li.color_0 {
    background: #8657a8
}
.mtp-color li.color_1 {
    background: #648798
}
.mtp-color li.color_2 {
    background: #ed6642
}
.mtp-color li.color_3 {
    background: #c0283f
}
.mtp-color li.color_4 {
    background: #e93760
}
.mtp-color li.color_5 {
    background: #b0151a
}
.mtp-color li.color_6 {
    background: #ffc100
}
.mtp-color li.color_7 {
    background: #5caf91
}
body.background-pattern {
    background-repeat: repeat;
    background-position: center;
    background-attachment: scroll
}
body.background-cover {
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: cover
}
.iris-picker {
    position: absolute!important;
    background: #fff;
    display: block;
    position: relative;
    padding: 0 22px 22px;
    margin-top: 0!important;
    box-sizing: content-box
}
.iris-picker * {
    box-sizing: content-box
}
.iris-error {
    background-color: #ffafaf
}
.iris-border {
    border-radius: 3px;
    border: 1px solid #aaa;
    width: 200px;
    background-color: #fff
}
.iris-picker-inner {
    position: absolute;
    top: 0!important;
    right: 22px!important;
    left: 22px!important;
    bottom: 0
}
.iris-border .iris-picker-inner {
    top: 10px;
    right: 10px;
    left: 10px;
    bottom: 10px
}
.iris-picker .iris-square-inner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}
.iris-picker .iris-palette,
.iris-picker .iris-slider,
.iris-picker .iris-square,
.iris-picker .iris-square-inner {
    border-radius: 3px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .4);
    height: 100%;
    width: 12.5%;
    float: left;
    margin-right: 5%
}
.iris-picker .iris-square {
    width: 76%;
    margin-right: 10%;
    position: relative
}
.iris-picker .iris-square-inner {
    width: auto;
    margin: 0
}
.iris-ie-9 .iris-palette,
.iris-ie-9 .iris-slider,
.iris-ie-9 .iris-square,
.iris-ie-9 .iris-square-inner {
    box-shadow: none;
    border-radius: 0
}
.iris-ie-9 .iris-palette,
.iris-ie-9 .iris-slider,
.iris-ie-9 .iris-square {
    outline: 1px solid rgba(0, 0, 0, .1)
}
.iris-ie-lt9 .iris-palette,
.iris-ie-lt9 .iris-slider,
.iris-ie-lt9 .iris-square,
.iris-ie-lt9 .iris-square-inner {
    outline: 1px solid #aaa
}
.iris-ie-lt9 .iris-square .ui-slider-handle {
    outline: 1px solid #aaa;
    background-color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}
.iris-ie-lt9 .iris-square .iris-square-handle {
    background: 0 0;
    border: 3px solid #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}
.iris-picker .iris-strip {
    margin-right: 0;
    position: relative
}
.iris-picker .iris-strip .ui-slider-handle {
    position: absolute;
    background: 0 0;
    right: -3px;
    left: -3px;
    border: 4px solid #aaa;
    border-width: 4px 3px;
    width: auto;
    height: 6px;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    opacity: .9;
    z-index: 5;
    cursor: ns-resize
}
.iris-strip .ui-slider-handle:before {
    content: " ";
    position: absolute;
    left: -2px;
    right: -2px;
    top: -3px;
    bottom: -3px;
    border: 2px solid #fff;
    border-radius: 3px
}
.iris-picker .iris-slider-offset {
    position: absolute;
    top: 11px;
    left: 0;
    right: 0;
    bottom: -3px
}
.iris-picker .iris-square-handle {
    background: 0 0;
    border: 5px solid #aaa;
    border-radius: 50%;
    border-color: rgba(128, 128, 128, .5);
    box-shadow: none;
    width: 12px;
    height: 12px;
    position: absolute;
    left: -10px;
    top: -10px;
    cursor: move;
    opacity: 1;
    z-index: 10
}
.iris-picker .ui-state-focus .iris-square-handle {
    opacity: .8
}
.iris-picker .iris-square-handle:hover {
    border-color: #999
}
.iris-picker .iris-square-value:focus .iris-square-handle {
    box-shadow: 0 0 2px rgba(0, 0, 0, .75);
    opacity: .8
}
.iris-picker .iris-square-handle:hover::after {
    border-color: #fff
}
.iris-picker .iris-square-handle::after {
    position: absolute;
    bottom: -4px;
    right: -4px;
    left: -4px;
    top: -4px;
    border: 3px solid #f9f9f9;
    border-color: rgba(255, 255, 255, .8);
    border-radius: 50%;
    content: " "
}
.iris-picker .iris-square-value {
    width: 8px;
    height: 8px;
    position: absolute
}
.iris-ie-lt9 .iris-square-value,
.iris-mozilla .iris-square-value {
    width: 1px;
    height: 1px
}
.iris-palette-container {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0
}
.iris-border .iris-palette-container {
    left: 10px;
    bottom: 10px
}
.iris-picker .iris-palette {
    margin: 0;
    cursor: pointer
}
.top_line {
    background-color: #e70022
}
a {
    color: #e70022
}
a:hover {
    color: #e70022
}
.navbar .nav .open .dropdown-menu .active a {
    color: #e70022
}
.navbar .nav .open .dropdown-menu .active a:hover {
    color: #e70022
}
.navbar .nav .active a>i,
.navbar .nav .active>a {
    color: #e70022
}
.navbar .nav .active a>i:hover,
.navbar .nav .active>a:hover {
    color: #e70022
}
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle,
.navbar .nav li.dropdown.open>.dropdown-toggle {
    color: #e70022
}
.navbar .nav>li .dropdown-menu li a:hover {
    background-color: #292929;
    background-image: none!important;
    filter: none;
    color: #e70022
}
.navbar .nav>li:hover a {
    color: #e70022
}
.navbar .nav>li:hover a i {
    color: #e70022
}
.navbar .nav .active>a,
.navbar .nav li:hover>a {
    border-top: 3px solid #e70022
}
.recent-tweets {
    background-color: #e70022
}
.comments .name,
.comments h2 {
    color: #e70022
}
.dropcap-theme {
    color: #e70022
}
.dif-table .title {
    background-color: #e70022
}
.dif-table .cost {
    color: #e70022
}
.text-divider5 span,
.text-divider6 span {
    background-color: #e70022
}
.portfolio-slider #carousel .slides li.flex-active-slide,
.portfolio-slider #carousel .slides li:hover {
    border: 2px solid #e70022
}
.buttons-container {
    background-color: #e70022
}
.nav-pills>.active>a {
    background-color: #e70022
}
.nav-pills>.active>a:hover {
    background-color: #e70022
}
.icon-ok {
    color: #333
}
.portfolio-switch li a {
    display: block;
    width: 42px;
    height: 27px;
    background: transparent url(../img/portfolio_toggles.png) top left no-repeat;
    border-radius: 5px
}
.portfolio-switch li.collapsed a {
    background-position: 0 -31px;
    background-color: #ccc
}
.portfolio-switch li.collapsed a:hover {
    background-color: #e70022;
    background-position: 0 -31px
}
.portfolio-switch li.collapsed a.active {
    background-position: 0 -31px
}
.portfolio-switch li.simple a {
    background-position: 0 0;
    background-color: #ccc
}
.portfolio-switch li.simple a:hover {
    background-color: #e70022;
    background-position: 0 0
}
.portfolio-switch li a.active {
    background-color: #e70022
}
.fancy-wrapper .fancy {
    background-color: #e70022
}
.fancy-wrapper .fancy:after {
    content: "\f067";
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 200px;
    line-height: 212px;
    text-align: center;
    color: #fff;
    font-size: 60px;
    font-family: FontAwesome
}
.portfolio-grid-1 .hp-wrapper:hover .bottom-block-optional:after {
    content: '';
    width: 11px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    background: #e70022
}
.portfolio-grid-1 .hp-wrapper .bottom-block {
    border-bottom: 1px solid transparent
}
.portfolio-grid-1 .hp-wrapper:hover {
    border-bottom: 1px solid #e70022
}
.portfolio-grid-1 .hp-wrapper:hover .bottom-block {
    border-bottom: 1px solid #e70022
}
a.cs-logo {
    background: url(../img/logo.png) no-repeat top left transparent
}
.dark-hero {
    background: url(../img/dark_tissue.png) repeat scroll 0 0 transparent
}
.dark-hero .btn {
    font-size: 24px;
    padding: 10px 67px;
    background-image: linear-gradient(bottom, #6da8cf 10%, #0768ad 55%, #0064ac 78%);
    background-image: -ms-linear-gradient(bottom, #6da8cf 10%, #0768ad 55%, #0064ac 78%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.1, #6da8cf), color-stop(.55, #0768ad), color-stop(.78, #0064ac));
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    line-height: 20px
}
.dark-hero .btn:hover {
    background-image: linear-gradient(bottom, #6da8cf 10%, #1e77b6 55%, #1e77b6 78%);
    background-image: -ms-linear-gradient(bottom, #6da8cf 10%, #1e77b6 55%, #1e77b6 78%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.1, #6da8cf), color-stop(.55, #1e77b6), color-stop(.78, #1e77b6));
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    background-position: 0 0
}
.dif-table ul li i {
    color: #37bf01;
    padding-right: 1px
}
.price-table-object .btn-primary {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #006dcc;
    background-image: linear-gradient(to bottom, #08c, #04c);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
    border-color: #04c #04c #002a80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
}
.price-table-object .btn:hover {
    color: #333;
    text-decoration: none;
    background-color: #e6e6e6;
    background-position: 0 -15px;
    transition: background-position .1s linear
}
.price-table-object .btn-primary.active,
.price-table-object .btn-primary.disabled,
.price-table-object .btn-primary:active,
.price-table-object .btn-primary:hover,
.price-table-object .btn-primary[disabled] {
    color: #fff;
    background-color: #04c
}
.pt-70 {
    padding-top: 70px
}
.pb-70 {
    padding-bottom: 70px
}
.black-transparentbg {
    background: rgba(0, 0, 0, .7)
}
.black-transparentbg:after {
    content: '\A';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    transition: .2s all linear!important
}
.lightblack-transparentbg {
    background: rgba(0, 0, 0, .5)
}
.center {
    text-align: center
}
.center a,
.center h1,
.center h2,
.center h3,
.center p {
    text-align: center
}
img {
    width: auto
}
.text-editor a:hover {
    text-decoration: underline
}
.text-editor img {
    max-width: 100%;
    height: auto;
    width: auto;
    margin-top: 6px
}
.text-editor .alignright {
    float: right;
    margin-left: 20px
}
.text-editor .alignleft {
    float: left;
    margin-right: 20px
}
.text-editor ol,
.text-editor ul {
    margin-top: 0!important;
    -webkit-padding-start: 17px!important;
    padding-start: 17px
}
.text-editor ol li,
.text-editor ul li {
    padding-left: 10px;
    display: list-item!important;
    padding-bottom: 0!important;
    margin: 0!important
}
.text-editor ul li {
    list-style: disc
}
.text-editor h4 {
    margin-top: 10px
}
.pagination .wp-pagenavi span.current {
    font-weight: 400
}
.pagination span:hover {
    cursor: pointer
}
.pagination a {
    color: #e70022;
    border-color: #e70022
}
.pagination a:hover {
    border-color: #e70022;
    background: #e70022;
    color: #fff
}
.pagination .extend,
.pagination .pages {
    color: #e70022;
    border-color: #e70022
}
.pagination .current {
    border-color: #e70022!important;
    background: #e70022;
    color: #fff
}
.pagination .next,
.pagination .prev {
    display: none
}
.border-bottom {
    border-bottom: 1px solid #eee
}
address {
    margin-bottom: 0
}
.logo img {
    height: 100px
}
.banner {
    width: 100%!important
}
.portfolio-grid-1 .isotope-item {
    transition: all linear .2s!important
}
.portfolio-grid-1 .isotope-item .bottom-block {
    display: none!important
}
.portfolio-grid-1 .isotope-item:hover .bottom-block {
    display: block!important
}
.block-posts h4 {
    margin-top: 15px;
    margin-bottom: 5px
}
footer .footer-logo {
    max-width: 180px
}
.footer-bottom .website p {
    text-align: right
}
ul.socials {
    float: none!important;
    text-align: left!important
}
.productpage h2 {
    margin-bottom: 10px
}
.productpage .team-member {
    margin-bottom: 30px
}
.productpage p {
    padding-bottom: 5px
}
.contactpage {
    margin-bottom: 20px!important
}
@media (min-width:980px) {
    #out_container.boxed,
    #out_container.boxed-attached {
        width: 980px
    }
    .three-columns-central {
        border-left: 1px solid #d4d4d4;
        border-right: 1px solid #d4d4d4;
        padding: 21px 19px 0;
        box-sizing: content-box;
        margin-left: 20px;
        width: 460px
    }
    .two-columns-left {
        border-left: 1px solid #d4d4d4;
        padding: 21px 0 0 19px;
        margin-left: 20px
    }
    .two-columns-right {
        border-right: 1px solid #d4d4d4;
        padding: 21px 19px 0 0;
        margin-left: 10px
    }
    .sidebar {
        width: 200px
    }
    .portfolio-grid-1 .large,
    .portfolio-grid-1 .middle,
    .portfolio-grid-1 .small,
    .portfolio-grid-1 .tall {
        margin-bottom: 20px
    }
    .comments .comment-date {
        text-align: right
    }
    .post-item-panel ul li.comments {
        float: right
    }
    .member-divider {
        margin-left: 20px
    }
    .two-col-team .span4 {
        width: 340px
    }
    .head_phone {
        text-align: right
    }
    ul.socials {
        float: right;
        margin-top: 20px;
        text-align: center;
        padding-right: 10px
    }
    .carousel-caption {
        position: absolute;
        right: 30px;
        left: auto;
        bottom: 20px;
        width: 50%
    }
    .slider4 .carousel-caption {
        bottom: auto;
        left: 20px;
        position: absolute;
        right: auto;
        top: 20px;
        width: 50%
    }
    .flexslider .left-top {
        left: 20px;
        top: 20px;
        bottom: auto
    }
    .flexslider .right-top {
        right: 20px;
        top: 20px;
        bottom: auto
    }
    .flexslider .left-bottom {
        left: 20px;
        bottom: 20px
    }
    .flexslider .right-bottom {
        right: 20px;
        bottom: 20px
    }
    .footer-wrapper .span4 {
        width: 290px;
        padding-left: 10px
    }
    .navbar {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-right: none;
        border-left: none
    }
    .dif-table {
        margin-left: 20px
    }
    .dif-table .table-column {
        border-width: 1px 0 1px 1px
    }
    .price-table1 .col-md-2 {
        width: 159px
    }
    .price-table1 .col-md-3 {
        width: 218px
    }
    .price-table2 .col-md-2 {
        width: 199px
    }
    .price-table2 .col-md-3 {
        width: 298px
    }
    .price-table3 .col-md-2 {
        width: 343px
    }
    .price-table3 .col-md-3 {
        width: 354px
    }
    .quote-left,
    .quote-right {
        margin: 0 20px 0 0
    }
    .portfolio-slider #carousel {
        margin-bottom: 20px;
        margin-left: 102px;
        width: 722px
    }
    .portfolio-slider #carousel .flex-prev {
        left: -48px;
        top: 26%
    }
    .portfolio-slider #carousel .flex-next {
        right: -48px;
        top: 26%
    }
    .gallery .thumbnail {
        display: block
    }
    .gallery li:hover .top-link {
        border-color: #08c;
        box-shadow: 0 1px 4px rgba(0, 105, 214, .25)
    }
    #gallery-main .col-md-3 {
        width: 220px;
        height: 170px;
        box-shadow: 0 1px 5px #ccc;
        padding: 0;
        margin: 0 10px 20px
    }
    #gallery .col-md-3 {
        width: 220px;
        padding: 0;
        margin: 0 10px 20px;
        height: 160px
    }
    .portfolio-grid-1 .gallery li:hover .hover-shade {
        left: 5px;
        top: 5px
    }
    #home_responsive .col-md-3 {
        width: 220px;
        padding: 0;
        margin: 0 10px 20px;
        height: 160px
    }
    #home_responsive .col-md-6 {
        width: 460px;
        padding: 0;
        margin: 0 10px 20px;
        height: 160px
    }
    #home_responsive .tall {
        height: 340px
    }
    #portfolio .col-md-3 {
        width: 460px
    }
    #portfolio .large {
        height: 340px;
        padding: 0;
        margin: 0 10px 20px
    }
    #portfolio .col-md-3 {
        width: 220px;
        padding: 0;
        margin: 0 10px 20px;
        height: 160px
    }
    #portfolio .col-md-6 {
        width: 460px;
        padding: 0;
        margin: 0 10px 20px
    }
    #portfolio .middle {
        width: 460px;
        height: 160px
    }
    #clients .col-md-2 {
        width: 160px;
        height: 125px
    }
    #responsive-menu-button,
    .buttons-container {
        display: none
    }
    .tweets-slide .slides li {
        width: 79%;
        overflow: hidden
    }
    .follow_img {
        display: block
    }
    .attention-sidestick {
        background: url(img/sticker_sidebar_yellow.png) no-repeat scroll 0 0 transparent
    }
    .white-sidestick {
        background: url(img/sticker_sidebar_white.png) no-repeat scroll 0 0 transparent
    }
    .alert-sidestick {
        background: url(img/sticker_sidebar_red.png) no-repeat scroll 0 0 transparent
    }
    .success-sidestick {
        background: url(img/sticker_sidebar_green.png) no-repeat scroll 0 0 transparent
    }
    .note-sidestick {
        background: url(img/sticker_sidebar_blue.png) no-repeat scroll 0 0 transparent
    }
    .sidebar-stick {
        height: 187px;
        margin-left: -15px;
        padding: 25px 41px 25px 25px;
        text-align: center;
        width: 179px
    }
    .sidebar-stick h3 {
        font-size: 22px
    }
    #gallery-main .hover-shade {
        height: 160px;
        width: 210px
    }
    .tour-btn {
        padding: 51px 35px 35px
    }
    .logo {
        margin: 27px 0
    }
    .logo .logo {
        margin: 0
    }
    .mini-blocks .block1 {
        background-image: linear-gradient(bottom, #fff 89%, #f9f9f9 98%, #f0f0f0 100%);
        background-image: -ms-linear-gradient(bottom, #fff 89%, #f9f9f9 98%, #f0f0f0 100%);
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.89, #fff), color-stop(.98, #f9f9f9), color-stop(1, #f0f0f0));
        width: 313px
    }
    .mini-blocks .block3 {
        width: 305px;
        margin-left: 0;
        background-image: linear-gradient(bottom, #fff 89%, #f9f9f9 98%, #f0f0f0 100%);
        background-image: -ms-linear-gradient(bottom, #fff 89%, #f9f9f9 98%, #f0f0f0 100%);
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.89, #fff), color-stop(.98, #f9f9f9), color-stop(1, #f0f0f0))
    }
    .features-block {
        margin-bottom: 40px
    }
    .features-block .col-md-6 {
        padding-left: 20px
    }
    .features-block .more {
        padding-left: 38px;
        display: block;
        clear: both
    }
    #home_responsive {
        margin-bottom: 20px
    }
    .portfolio-grid-1 .hp-wrapper .bottom-block-optional {
        text-align: center
    }
    .coming-soon-subscribe input {
        width: 288px;
        height: 22px;
        border-radius: 0;
        margin-right: 10px
    }
    .coming-soon-btn {
        margin-left: 0;
        border: none;
        padding: 6px 15px;
        height: auto
    }
    ul.socials {
        margin-bottom: 0
    }
    #right-sidebar {
        margin-left: 20px;
        padding-left: 0
    }
}
@media (max-width:979px) {
    .head_phone {
        margin-bottom: 20px
    }
    .buttons-container {
        padding: 5px 10px!important;
        height: 40px!important
    }
}
@media (max-width:767px) {
    .navbar-collapse {
        display: none
    }
    body {
        padding: 0
    }
    #out_container {
        padding: 0 20px
    }
    #out_container.boxed,
    #out_container.boxed-attached {
        width: auto;
        margin-left: 20px;
        margin-right: 20px
    }
    .sidebar {
        width: auto
    }
    .three-columns-central,
    .two-columns-left,
    .two-columns-right {
        border: none;
        padding: 21px 0 0 0
    }
    .hero-list div.col-md-3 {
        min-height: 114px
    }
    .portfolio-grid-1 .large,
    .portfolio-grid-1 .middle,
    .portfolio-grid-1 .small,
    .portfolio-grid-1 .tall {
        margin-bottom: 20px
    }
    .footer-bottom,
    .footer-top,
    .footer-wrapper,
    .recent-tweets,
    .top_line {
        margin: 0 -20px 0
    }
    .block-posts .col-md-3 {
        margin-bottom: 20px
    }
    .block-posts .last {
        margin-bottom: 0
    }
    .comments .comment-date {
        text-align: left
    }
    .form-button-offset,
    .reply-form h2 {
        margin-left: 0
    }
    .post-item-panel ul li.comments {
        float: left
    }
    .bordered-img {
        display: inline-block
    }
    .member-divider {
        margin-left: 0
    }
    .two-col-team .span4 {
        width: auto
    }
    .logo {
        text-align: center;
        margin: 14px 0
    }
    .logo img {
        display: inline
    }
    .head_phone {
        text-align: center
    }
    ul.socials {
        margin: 0 auto 35px;
        overflow: hidden;
        margin-top: 20px;
        text-align: center;
        padding-left: 0
    }
    .contact-info ul.socials {
        width: auto;
        margin: 0 0 35px 0
    }
    .carousel-caption {
        right: 0;
        left: 0;
        bottom: 0
    }
    .footer-wrapper .span4 {
        padding-left: 10px
    }
    .navbar {
        border: none
    }
    .dif-table {
        margin-left: 0
    }
    .dif-table div.last-column {
        border-left: 1px solid #e0e0e0
    }
    .dif-table div.col-md-3 {
        margin-top: 22px
    }
    .dif-table .table-column {
        border-width: 1px
    }
    .quote-left,
    .quote-right {
        margin: 0 20px 10px 0
    }
    .portfolio-slider #carousel {
        width: auto;
        margin-left: 0
    }
    .portfolio-slider #carousel .flex-prev {
        left: 20px;
        top: 26%
    }
    .portfolio-slider #carousel .flex-next {
        right: 20px;
        top: 26%
    }
    .gallery .thumbnail {
        display: table
    }
    #gallery-main {
        margin-left: -20px
    }
    #gallery-main .col-md-3 {
        width: auto;
        height: auto;
        margin: 0 0 20px 20px;
        padding: 0
    }
    #gallery .col-md-3 {
        width: 220px;
        height: 160px;
        margin-left: 20px
    }
    .portfolio-grid-1 .gallery li:hover .hover-shade {
        left: 5px;
        top: 5px
    }
    #home_responsive .col-md-3 {
        width: 220px;
        padding: 0;
        margin: 0 10px 20px;
        height: 160px
    }
    #home_responsive .col-md-6 {
        width: 460px;
        padding: 0;
        margin: 0 10px 20px;
        height: 160px
    }
    #home_responsive .tall {
        height: 340px;
        margin-right: 10px
    }
    #portfolio {
        margin-left: -20px
    }
    #portfolio .col-md-6 {
        width: 460px;
        margin-left: 20px
    }
    #portfolio .large {
        height: 340px
    }
    #portfolio .col-md-3 {
        width: 220px;
        height: 160px;
        margin-left: 20px
    }
    #portfolio .middle {
        width: 460px;
        height: 160px;
        margin-left: 20px
    }
    #gallery {
        margin-left: -20px
    }
    #clients .col-md-2 {
        width: 160px;
        height: 125px
    }
    .navbar .btn-navbar {
        cursor: pointer;
        opacity: 0;
        position: absolute;
        top: 0;
        z-index: 1000;
        width: 400px;
        height: 27px
    }
    #responsive-menu-button {
        display: block;
        background: url(img/selectnav.png) no-repeat scroll 0 0 transparent;
        color: #000;
        cursor: pointer;
        font-family: Arial;
        font-size: 12px;
        height: 27px;
        margin-top: 10px;
        padding: 13px;
        position: relative;
        width: 400px;
        z-index: 5
    }
    .buttons-container {
        position: relative;
        text-align: center;
        margin: 0 auto;
        height: 27px
    }
    .portfolio-slider #carousel {
        margin-bottom: 20px
    }
    .tweets-slide .slides li {
        width: 58%;
        overflow: hidden
    }
    .follow_img {
        display: block
    }
    .attention-sidestick {
        background: url(img/sticker_sidebar_yellow.png) no-repeat scroll 0 0 transparent
    }
    .white-sidestick {
        background: url(img/sticker_sidebar_white.png) no-repeat scroll 0 0 transparent
    }
    .alert-sidestick {
        background: url(img/sticker_sidebar_red.png) no-repeat scroll 0 0 transparent
    }
    .success-sidestick {
        background: url(img/sticker_sidebar_green.png) no-repeat scroll 0 0 transparent
    }
    .note-sidestick {
        background: url(img/sticker_sidebar_blue.png) no-repeat scroll 0 0 transparent
    }
    .sidebar-stick {
        height: 187px;
        margin-left: -15px;
        padding: 25px 41px 25px 25px;
        text-align: center;
        width: 179px
    }
    .sidebar-stick h3 {
        font-size: 22px
    }
    #gallery-main .hover-shade {
        height: 160px;
        width: auto
    }
    .tour-btn {
        padding: 0 21px 25px
    }
    .portfolio-grid-1 .hp-wrapper .bottom-block-optional {
        width: 300px;
        text-align: center
    }
    .coming-soon-subscribe input {
        width: 288px;
        height: 22px;
        border-radius: 0;
        margin-right: 10px
    }
    .coming-soon-subscribe .coming-soon-btn {
        margin-left: 0;
        border: none;
        background-color: #000;
        color: #fff;
        padding: 6px 15px;
        height: auto;
        margin-left: 0;
        border: none;
        background-color: #000;
        color: #fff;
        padding: 6px 15px;
        height: auto
    }
    #right-sidebar {
        padding-left: 0
    }
    .pagination {
        margin-top: 10px
    }
}
@media (max-width:480px) {
    .navbar-collapse {
        display: none
    }
    .logo {
        text-align: center
    }
    .logo img {
        display: inline
    }
    .head_phone {
        text-align: center
    }
    .sidebar {
        width: auto
    }
    .three-columns-central,
    .two-columns-left,
    .two-columns-right {
        border: none;
        padding: 0
    }
    .hero-list div.col-md-3 {
        min-height: 114px
    }
    .portfolio-grid-1 .large,
    .portfolio-grid-1 .middle,
    .portfolio-grid-1 .small,
    .portfolio-grid-1 .tall {
        margin-bottom: 20px
    }
    .footer-bottom,
    .footer-top,
    .footer-wrapper,
    .recent-tweets,
    .top_line {
        margin: 0 -20px 0
    }
    .block-posts .col-md-3 {
        margin-bottom: 20px
    }
    .block-posts .last {
        margin-bottom: 0
    }
    .comments .comment-date {
        text-align: left
    }
    .form-button-offset,
    .reply-form h2 {
        margin-left: 0
    }
    .post-item-panel ul li.comments {
        float: left
    }
    .bordered-img {
        display: inline-block
    }
    .member-divider {
        margin-left: 0
    }
    .two-col-team .span4 {
        width: auto
    }
    ul.socials {
        margin: 0 auto 35px;
        overflow: hidden;
        margin-top: 20px
    }
    .carousel-caption {
        right: 0;
        left: 0;
        bottom: 0
    }
    .footer-wrapper .span4 {
        padding-left: 10px
    }
    .navbar {
        border: none
    }
    .dif-table {
        margin-left: 0
    }
    .dif-table .last-column {
        border-left: 1px solid #e0e0e0
    }
    .dif-table div.col-md-3 {
        margin-top: 22px
    }
    .dif-table .table-column {
        border-width: 1px
    }
    .quote-left,
    .quote-right {
        margin: 0 20px 10px 0
    }
    .portfolio-slider #carousel {
        width: auto;
        margin-left: 0
    }
    .portfolio-slider #carousel .flex-prev {
        left: 20px;
        top: 26%
    }
    .portfolio-slider #carousel .flex-next {
        right: 20px;
        top: 26%
    }
    .gallery .thumbnail {
        display: table
    }
    #gallery-main .col-md-3 {
        width: auto;
        height: 163px;
        margin-left: 0
    }
    #gallery .col-md-3 {
        width: auto;
        height: 160px;
        margin-left: 0
    }
    #gallery .thumbnail {
        border: none;
        padding: 0;
        box-shadow: none
    }
    .portfolio-grid-1 .gallery li:hover .hover-shade {
        left: 0;
        top: 0
    }
    #home_responsive .col-md-3,
    #home_responsive .col-md-6 {
        width: auto;
        height: auto
    }
    #home_responsive .tall {
        height: auto;
        margin-right: 10px
    }
    #portfolio .col-md-6 {
        width: auto
    }
    #portfolio .large {
        height: auto
    }
    #portfolio .col-md-3,
    #portfolio .middle {
        width: auto;
        height: auto
    }
    #gallery {
        margin-left: -20px
    }
    #clients .col-md-2 {
        width: auto;
        height: auto
    }
    .navbar .btn-navbar {
        cursor: pointer;
        opacity: 0;
        position: absolute;
        top: 0;
        z-index: 1000;
        width: 400px;
        height: 27px
    }
    #responsive-menu-button {
        display: block;
        background: url(img/selectnav.png) no-repeat scroll 0 0 transparent;
        color: #000;
        cursor: pointer;
        font-family: Arial;
        font-size: 12px;
        height: 27px;
        margin-top: 10px;
        padding: 13px;
        position: relative;
        width: 400px;
        z-index: 5
    }
    .buttons-container {
        position: relative;
        text-align: center;
        height: 27px
    }
    .portfolio-slider #carousel {
        margin-bottom: 20px
    }
    .buttons-container .nav-select {
        border-radius: 4px
    }
    .tweets-slide .slides li {
        width: auto;
        overflow: hidden
    }
    .follow_img {
        display: none
    }
    .attention-sidestick {
        background: url(img/sticker_small_yellow.png) no-repeat scroll 0 0 transparent
    }
    .white-sidestick {
        background: url(img/sticker_small_white.png) no-repeat scroll 0 0 transparent
    }
    .alert-sidestick {
        background: url(img/sticker_small_red.png) no-repeat scroll 0 0 transparent
    }
    .success-sidestick {
        background: url(img/sticker_small_green.png) no-repeat scroll 0 0 transparent
    }
    .note-sidestick {
        background: url(img/sticker_small_blue.png) no-repeat scroll 0 0 transparent
    }
    .sidebar-stick {
        height: 154px;
        margin-left: -10px;
        padding: 15px 18px 10px 10px;
        text-align: center;
        width: 146px
    }
    .sidebar-stick h3 {
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 4px;
        font-weight: 700
    }
    .sidebar-stick p {
        font-size: 11px
    }
    #gallery-main .hover-shade {
        height: 160px;
        width: auto
    }
    .tour-btn {
        padding: 0 21px 25px
    }
    .portfolio-grid-1 .hp-wrapper .bottom-block-optional {
        text-align: left
    }
    .coming-soon-subscribe input {
        width: 100%;
        height: 22px;
        border-radius: 0;
        margin-right: 10px;
        margin-bottom: 20px
    }
    #right-sidebar {
        padding-left: 0
    }
}
@media (min-width:768px) and (max-width:979px) {
    .navbar-collapse {
        display: none
    }
    #out_container.boxed,
    #out_container.boxed-attached {
        width: 764px
    }
    .three-columns-central {
        border-left: 1px solid #d4d4d4;
        border-right: 1px solid #d4d4d4;
        padding: 21px 19px 0;
        box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        margin-left: 20px;
        width: 352px
    }
    .two-columns-left {
        border-left: 1px solid #d4d4d4;
        padding: 21px 0 0 19px;
        margin-left: 20px
    }
    .two-columns-right {
        border-right: 1px solid #d4d4d4;
        padding: 21px 19px 0 0;
        margin-left: 10px
    }
    .sidebar {
        width: 146px
    }
    .portfolio-grid-1 .large,
    .portfolio-grid-1 .middle,
    .portfolio-grid-1 .small,
    .portfolio-grid-1 .tall {
        margin-bottom: 20px
    }
    .comments .comment-date {
        text-align: right
    }
    .post-item-panel ul li.comments {
        float: right
    }
    .member-divider {
        margin-left: 20px
    }
    .two-col-team .span4 {
        width: 259px
    }
    .head_phone {
        text-align: right
    }
    ul.socials {
        float: right;
        margin-top: 20px;
        text-align: center;
        padding-right: 10px;
        margin-bottom: 0
    }
    .contact-info ul.socials {
        width: auto;
        margin: 0 0 35px 0
    }
    .carousel-caption {
        position: absolute;
        right: 30px;
        bottom: 20px;
        width: 50%;
        left: auto
    }
    .slider4 .carousel-caption {
        bottom: auto;
        left: 20px;
        position: absolute;
        right: auto;
        top: 20px;
        width: 50%
    }
    .flexslider .left-top {
        left: 20px;
        top: 20px;
        bottom: auto
    }
    .flexslider .right-top {
        right: 20px;
        top: 20px;
        bottom: auto
    }
    .flexslider .left-bottom {
        left: 20px;
        bottom: 20px
    }
    .flexslider .right-bottom {
        right: 20px;
        bottom: 20px
    }
    .navbar {
        border: none
    }
    .dif-table {
        margin-left: 20px
    }
    .dif-table .table-column {
        border-width: 1px 0 1px 1px
    }
    .price-table1 .col-md-2 {
        width: 119px
    }
    .price-table1 .col-md-3 {
        width: 175px
    }
    .price-table2 .col-md-2 {
        width: 159px
    }
    .price-table2 .col-md-3 {
        width: 216px
    }
    .price-table3 .col-md-2 {
        width: 260px
    }
    .price-table3 .col-md-3 {
        width: 275px
    }
    .quote-left,
    .quote-right {
        margin: 0 20px 0 0
    }
    .portfolio-slider #carousel {
        width: auto;
        margin-left: 0
    }
    .portfolio-slider #carousel .flex-prev {
        left: 20px;
        top: 26%
    }
    .portfolio-slider #carousel .flex-next {
        right: 20px;
        top: 26%
    }
    .gallery .thumbnail {
        display: block
    }
    #gallery-main .col-md-3 {
        width: 220px;
        height: 170px;
        margin: 0 10px 20px;
        padding: 0
    }
    #gallery .col-md-3 {
        width: 220px;
        height: 160px
    }
    .portfolio-grid-1 .gallery li:hover .hover-shade {
        left: 5px;
        top: 5px
    }
    #home_responsive .col-md-3 {
        width: 220px;
        padding: 0;
        margin: 0 10px 20px;
        height: 160px
    }
    #home_responsive .col-md-6 {
        width: 460px;
        padding: 0;
        margin: 0 10px 20px;
        height: 160px
    }
    #home_responsive .tall {
        height: 340px
    }
    #portfolio .col-md-6 {
        width: 460px
    }
    #portfolio .large {
        height: 340px
    }
    #portfolio .col-md-3 {
        width: 220px;
        padding: 0;
        margin: 0 10px 20px;
        height: 160px
    }
    #portfolio .col-md-6 {
        width: 460px;
        padding: 0;
        margin: 0 10px 20px
    }
    #portfolio .middle {
        width: 460px;
        height: 160px
    }
    #clients .col-md-2 {
        width: 160px;
        height: 125px
    }
    .navbar .btn-navbar {
        cursor: pointer;
        opacity: 0;
        position: absolute;
        top: 0;
        z-index: 1000;
        width: 400px;
        height: 27px
    }
    #responsive-menu-button {
        display: block;
        background: url(img/selectnav.png) no-repeat scroll 0 0 transparent;
        color: #000;
        cursor: pointer;
        font-family: Arial;
        font-size: 12px;
        height: 27px;
        margin-top: 10px;
        padding: 13px;
        position: relative;
        width: 400px;
        z-index: 5
    }
    .buttons-container {
        position: relative;
        text-align: center;
        margin: 0 auto;
        height: 27px
    }
    .sidebar-news-widget .date .icon-calendar {
        display: none
    }
    .portfolio-slider #carousel {
        margin-bottom: 20px
    }
    .buttons-container {
        margin: 0 -24px 0 -20px
    }
    .tweets-slide .slides li {
        width: 72%;
        overflow: hidden
    }
    .follow_img {
        display: block
    }
    .attention-sidestick {
        background: url(img/sticker_small_yellow.png) no-repeat scroll 0 0 transparent
    }
    .white-sidestick {
        background: url(img/sticker_small_white.png) no-repeat scroll 0 0 transparent
    }
    .alert-sidestick {
        background: url(img/sticker_small_red.png) no-repeat scroll 0 0 transparent
    }
    .success-sidestick {
        background: url(img/sticker_small_green.png) no-repeat scroll 0 0 transparent
    }
    .note-sidestick {
        background: url(img/sticker_small_blue.png) no-repeat scroll 0 0 transparent
    }
    .sidebar-stick {
        height: 154px;
        margin-left: -10px;
        padding: 15px 18px 10px 10px;
        text-align: center;
        width: 146px
    }
    .sidebar-stick h3 {
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 4px;
        font-weight: 700
    }
    .sidebar-stick p {
        font-size: 11px
    }
    .hero-list h2 {
        font-size: 14px
    }
    #gallery-main .hover-shade {
        height: 160px;
        width: 210px
    }
    .tour-btn {
        padding: 51px 35px 35px
    }
    .logo {
        margin: 27px 0
    }
    .logo .logo {
        margin-left: 0
    }
    .portfolio-grid-1 .hp-wrapper .bottom-block-optional {
        text-align: center
    }
    .coming-soon-subscribe input {
        width: 288px;
        height: 22px;
        border-radius: 0;
        margin-right: 10px
    }
    .coming-soon-subscribe .coming-soon-btn {
        margin-left: 0;
        border: none;
        background-color: #000;
        color: #fff;
        padding: 6px 15px;
        height: auto
    }
    .mini-blocks .block1,
    .mini-blocks .block2,
    .mini-blocks .block3 {
        width: 32.333333333%
    }
    #right-sidebar {
        margin-left: 20px;
        padding-left: 0
    }
}
.hero-block3 .hero-content-3 {
    padding: 39px 20px 38px !important;
}
.hero-block3 .hero-content-3 h2 {
    margin-bottom: 0 !important;
    margin-top: 5px;
}
.block-posts {
    margin-bottom: 0 !important;
}
.row.show-grid img + h2 {
    margin-top: 10px;
}
@media(max-width:767px) {
    span.saysMe {
        display: none;
    }
}