/*
GORODNEWYORK - CSS
Copyrights - gorodnewyork.com
Creator: Zelpex Media Group 2012
Portfolio - http://zelpex.com/portfolio/gorodnewyork
*/
/* Body and structure
-------------------------------------------------- */
/*@import url(http://fonts.googleapis.com/css?family=Lobster&subset=latin,cyrillic-ext,latin-ext,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Lobster+Two:400,400italic,700,700italic);*/
body {
    position: relative;
    background-color: #fff;
    background: url(../img/main_bg.jpg) no-repeat 50% 50%;
    background-attachment: fixed;
    background: #c5c5c5;
    background-repeat: repeat;
    line-height: 1.6em !important;
    color: #666;
}
.wrapper-container {
    background-color: white;
    width: 960px;
    margin: 0 auto;
    padding: 0 13px;
    /*box-shadow: 0 1px 16px 0 #4A4A4A; - old*/
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
}

.gray_bg {
    background-color: #f8f8f8;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    height: 27px;
    margin-left: -13px;
    margin-right: -13px;
}
.gray_bg .wrap-container {
    padding-left: 30px;
}

.header_social {
    float: right;
    margin-right: 20px;
    margin-top: 5px;
    font-size: 11px
}

::selection {
    /*background: #7daf27;*/
    background: #484848;
    color: #fff;
}

::-moz-selection {
    background: #000;
    color: #fff;
}

img::selection {
    background: transparent;
}

img::-moz-selection {
    background: transparent;
}

img {
    max-width: 100%
}

h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
    color: #444;
    margin: auto
}

p {
    margin-bottom: 20px;
    /*font-size: 12px; - default*/
    font-size: 14px;
    line-height: 1.6em !important;
}

a {
    color: #3A87AD;
}

a:hover {
    color: #00AFFD;
    text-decoration: underline
}

a:focus {
    outline: none !important
}

.a-link {
    text-decoration: none;
    border-bottom: 1px dotted;
    cursor: pointer;
}
.a-link:hover {
    text-decoration: none;
}

.header_social .badge, .comment .badge {
    background-color: #f5f5f5;
    font-size: inherit;
    font: inherit;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    color: inherit;

}

.comment .badge {
    font-size: 11px;
    color: #999;
    margin-left: 10px
}

.header_social .badge:hover, .comment .badge:hover {
    background-color: #7daf27;
    font-size: inherit;
    font: inherit;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.comment .badge:hover {
    font-size: 11px;
    color: #fff
}

.table-blue {
    border-top: 1px solid #49AFCD;
    border-right: 1px solid #49AFCD;
    border-bottom: 1px solid #49AFCD;
}
.table-blue th, .table-blue td {
    border-left: 1px solid #49AFCD;
}
.table.table-blue th, .table.table-blue td {
    border-top: 1px solid #49AFCD;
}
.table-bordered.table-blue {
    border-radius: 5px;
}

.table-bordered.table-blue thead:first-child tr:first-child th,
.table-bordered.table-blue tbody:first-child tr:first-child th,
.table-bordered.table-blue tbody:first-child tr:first-child td {
    border-top: 0;
}

.table-striped.table-blue tbody tr:nth-child(odd) td,
.table-striped.table-blue tbody tr:nth-child(odd) th,
.table-striped.table-blue thead tr:nth-child(odd) th{
    background-color: #add3fd;
}

.blue-block {
    border: 1px solid #49AFCD;
    border-radius: 5px;
    padding:5px;
    background-color: #ecf8ff;
}

.badge a {
    color: #7daf27;
    text-shadow: 1px 1px #fff;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.badge:hover a {
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.center {
    text-align: center
}

.block .description {
    padding: 10px;
    padding-top: 0px
}

.blog_item {
    background-color: #f5f5f5;
    border-bottom: 1px solid #dfdfdf;

}

.blog_item p {
    padding: 20px;
    margin-bottom: 0px
}

.blog_head {
    background-color: #3A3A3A;
    padding: 10px 15px
}

.blog_head h4 {
    font-weight: bold;
    color: #FFF
}

.blog_head span {
    font-size: 10px;
    color: #dfdfdf;
    padding-left: 3px
}

.blog_head span a {
    color: #fff
}

.blog_head a {
    color: #FFF
}

/* Tweak navbar brand link to be super sleek
-------------------------------------------------- */
.navbar-fixed-top .brand {
    padding-right: 0;
    padding-left: 0;
    margin-left: 20px;
    float: right;
    font-weight: bold;
    color: #000;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 30px rgba(255, 255, 255, .125);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}

.navbar-fixed-top .brand:hover {
    text-decoration: none;
}

/* Space out sub-sections more
-------------------------------------------------- */
section {
    /*padding-top: 10px;*/
    padding-top: 1px;
}

/* Faded out hr */
hr.soften {
    height: 1px;
    margin: 35px 0;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
    border: 0;
}

/* HEADER AREA */
.top_line_header {
    margin: 0
}

#time {
    font-weight: bold;
    /*max-width: 180px;*/
    font-size: 9px;
    float: left;
    margin-left: 20px;
}
#time #time_time {
    font-size: 14px;
}

#tel {
    margin-left: 0px;
    float: left;
}
#tel a {
    font-weight: bold;
}

#tel a.sitename {
    /*color: red; - old*/
}

#tel span {
    font-weight: bold;
}

#top_links {
    margin-left: 10px;
    margin-top: 5px
}

#soc_icons {
    max-width: 68px;
    margin-left: 60px;
}
.fb-like {
    float:right;
    margin-right: 10px;
    margin-top:2px;
}

#lang {
    float: right;
    padding-top: 3px;
    max-width: 293px;
    margin-top: 3px;
    margin-right: 1px;
}

.lang {
    float: right;
    padding-right: 0
}

.en {
    padding-right: 5px
}
.en img {
    height: 20px;
}
.ru {
    padding-top: 3px;
}
.email {
    padding-right: 5px;
    float: right;
}

.email img {
    height: 14px;
}

.header_banner {
    width: 85%;
    margin-left: 9px;
}

/*.header_banner {margin-left:7px}*/
/*.header_social .items {margin:2px}*/
.header-container {
    padding-left: 0;
    padding-right: 0
}

.m25 .well {
    margin-left: 6px;
    min-height: 125px
}

.m25 .well p {
    margin-bottom: 12px
}

.m25 .well h3 {
    min-height: 40px;
    color: #fff;
}
.m25 .well img {
    padding: 3px;
    background: white;
    border: 1px solid #73A524;
}

.m25 a {
    color: #666
}

.m25 a:hover {
    /*text-decoration: none*/
}

.m25 a:hover, .m25 a:hover h3 {
    /*color: #7DAF27*/
}

.m25 a:hover p {
    /*color: #666666*/
}

.m25 a:hover .well {
    /*border: 1px solid #618922*/
    background: #73a524;
}

.logoNY {
    /*margin-left: 0;*/
    position: absolute;
    z-index: 900;
    top:38px;
    left: 340px;
    width: 140px;
    height: 148px;
}
/* old for logo img */
/*.logo {
    position: absolute;
    width: 140px;
    margin-left: 40px;
    margin-top: 0px;
    padding-left: 10px;
    z-index: 999;
}*/
/* for youtube video */
.logo {
    position: absolute;
    width: 460px;
	height: 240px;
    /*margin-left: 50px;*/
    margin-top: 0px;
    /*padding-left: 10px;*/
    z-index: 999;
	box-shadow: 0 1px 5px 0 #4A4A4A;
}

.sub-logo {
    font-family: 'Lobster', cursive;
    font-size: 14px;
    font-weight: 100;
    margin-left: 0px;
    width: 120px;
    display: inline;
    vertical-align: text-top;

}
.sub-logo a, .sub-logo a:hover, .sub-logo a:visited {
    color: red;
}

.header-ad {
    /*padding-top:10px; */
    margin-left: -25px
}

.soc_icons a {
    float: left;
    margin-right: 10px;
    margin-top: 2px
}

.span6w {
    float: left;
    margin-left: 0;
    /*width: 380px;*/
    width: 30%;
}

.sep {
    color: #000
}

/* //HEADER AREA */
/* HEADER SLIDER */
.img-hidden {
    display: none
}

.service-slider {
    margin-left: 25px
}

.banner-img {
    border: 1px solid #f5f5f5;
    box-shadow: 0 0 4px;
    -moz-box-shadow: 0 0 4px;
    -webkit-box-shadow: 0 0 4px;
}

.slide-out-div {
	padding: 2px;
	width: 578px;
	height: 312px;
	/*background: #f2f2f2;*/
	border: #9eb91e 5px solid;
	z-index: 999;
}

.slide-out-div.legal {
	padding: 2px;
	width: 289px;
	height: 434px;
	/*background: #f2f2f2;*/
	border: #9eb91e 5px solid;
	z-index: 999;
}

/* /HEADER SLIDER */
/* HOME PAGE */

.modal-header .close {
    color: #000;
    opacity: 0.6;
}

.modal-header .close:hover {
    opacity: 0.4;
    color: #000;
}

#modal-ask {
    left: 53%;
}
.modal {
    left: 53%;
    display: inline-block;
    text-align: middle;
}
#modal-consultation:after {
    display: inline-block;
    width:  0;
    height: 100%;
    vertical-align: middle;
    content: ''
}

.modal-footer {
    padding: 7px 7px 7px;
    margin-bottom: -22px;
    text-align: right;
    border-top: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-box-shadow: 0px;
    -moz-box-shadow: 0px;
    box-shadow: 0px;
    *zoom: 0;
}

.modal-footer .btn-success {
    color: #fff;
    border-top:none;
}

.modal-footer .btn-success:hover {
    color: #fff;
}
.modal.fade.in {
    top: 60%;
}

.marginBottom {
    margin-bottom:6px;
}
.paddingBottom {
    padding-bottom: 6px;
}
/* /HOME PAGE */
/* MENU */
.fixed-top_line {
    position: fixed;
    top: 0px;
    z-index: 1000;
    width: 100%;
}
.fixed-links {
    position: fixed;
    top: 0px;
    z-index: 1000;
    width: 960px;
    background: white;
    padding-top: 5px;
    margin-left: -13px;
    margin-right: 13px;
    padding-left: 13px;
    padding-right: 13px;
}
.fixed-nav {
    position: fixed;
    top: 29px;
    z-index: 1000;
    width: 986px;
    opacity: 0.97;
}

#nav {
    width: 100%;
}

ul#navigation {
    margin: 0px;
    position: relative;
    float: left;
}

ul#navigation li {
    display: inline;
    font-size: 13px;
    margin: 0;
    padding: 3px -1px 0;
    float: left;
    position: relative;
    padding-top: 0px;
}

ul.default li a {
    padding: 4px 14.9px;
    color: #f7f7f7;
    text-decoration: none;
    display: inline-block;
    margin-top: 0px;
    /*border-right: 1px solid #fff;*/
    border-left: 1px solid #EFEFEF;
    /*background: #F8F8F8;*/

    -webkit-transition: color 0.4s linear, background 0.4s linear;
    -moz-transition: color 0.4s linear, background 0.2s linear;
    -o-transition: color 0.4s linear, background 0.4s linear;
    transition: color 0.4s linear, background 0.4s linear
}

ul.minimal li a {
    padding: 4px 3.7px;
    color: #f7f7f7;
    text-decoration: none;
    display: inline-block;
    margin-top: 0px;
    /*border-right: 1px solid #fff;*/
    border-left: 1px solid #EFEFEF;
    /*background: #F8F8F8;*/

    -webkit-transition: color 0.4s linear, background 0.4s linear;
    -moz-transition: color 0.4s linear, background 0.2s linear;
    -o-transition: color 0.4s linear, background 0.4s linear;
    transition: color 0.4s linear, background 0.4s linear
}

ul.normal li a {
    padding: 4px 11.7px;
    padding-left: 11.7px;
    color: #f7f7f7;
    text-decoration: none;
    display: inline-block;
    margin-top: 0px;
    /*border-right: 1px solid #fff;*/
    border-left: 1px solid #EFEFEF;
    /*background: #F8F8F8;*/

    -webkit-transition: color 0.4s linear, background 0.4s linear;
    -moz-transition: color 0.4s linear, background 0.2s linear;
    -o-transition: color 0.4s linear, background 0.4s linear;
    transition: color 0.4s linear, background 0.4s linear
}
/*ul#navigation li a:hover {background:#f8f8f8; color:#282828}*/
/*ul#navigation li:hover > a {background:#fff}*/

/* Drop-Down Navigation */
ul#navigation li:hover > ul {
    visibility: visible;
    opacity: 1;
}

ul#navigation ul, ul#navigation ul li ul {
    list-style: none;
    margin: 0;
    padding: 0;
    visibility: hidden;
    position: absolute;
    z-index: 99999;
    width: 180px;
    border: 1px solid #efefef;
    background: #ffffff;

    opacity: 0;
    -webkit-transition: opacity 0.4s linear, visibility 0.4s linear;
    -moz-transition: opacity 0.4s linear, visibility 0.4s linear;
    -o-transition: opacity 0.4s linear, visibility 0.4s linear;
    transition: opacity 0.4s linear, visibility 0.4s linear;
}

ul#navigation ul li ul {
    background: #333
}

ul#navigation ul {
    top: 28px;
    left: 0px;
}

ul#navigation ul li ul {
    top: 0;
    left: 180px;
    padding-top: 2px;
}

ul#navigation ul li {
    clear: both;
    width: 100%;
    border: 0 none;
    border-bottom: 1px solid #efefef;
}

ul#navigation ul li a {
    background: none;
    padding: 7px 15px;
    color: #000000;
    text-decoration: none;
    display: inline-block;
    border: 0 none;
    float: left;
    clear: both;
    width: 150px;
}

ul#navigation li a.first {
    border-left: 0 none;
}

ul#navigation li a.last {
    border-right: 0 none;
}
.gray_bg-big {
    background-color: #f8f8f8;
    border-bottom: 1px solid #efefef;
    border-top: 1px solid #efefef;
    height: 55px;
    margin-bottom: 8px;
    margin-left: -13px;
    margin-right: -13px;
    margin-top: 8px;
}
.gray_bg-big h1 {
    margin-left: 10px;
}

.gray_bg-big.gray-big {
    height: 80px;
}

.span2-block {
    width: 162px;
}
.span3-block {
    width: 220px;
}

.span4-block {
    width: 300px;
}
.span4-list {
    width: 306px;
}

input.span4-block, textarea.span4-block, .uneditable-input.span4-block {
    width: 292px;
}

.span5-block {
    width: 400px;
}
.span6-block {
    width: 460px;
}

.span7-block {
    width: 540px;
}

.span8-block {
    width: 638px;
}
input.span8-block, textarea.span8-block, .uneditable-input.span8-block {
    width: 628px;
}

.span9-block {
    width: 720px;
}

/*.span10-block {
    width: 780px;
}*/

.span12-block {
    width: 960px;
}

.span12-block-mini {
    width: 986px;
    margin-left: 7px;
}

.span6-block-mini {
	width: 490px;
	margin-left: 7px;
	float: right;
}
.span2-block a.lastObjects {
    margin-left:20px;
}

form .span6-block {
    margin-left:0px;
}
form .span6-block.mini {
    width: 402px;
}
.form-horizontal .control-label.label-left {
    text-align: left;
    width: 136px;
}
.form-horizontal .controls.controls-mini {
    margin-left:136px;
}
.form-horizontal label.error {
    color: #b94a48;
}
/*checkbox.inline,
.checkbox.inline + .checkbox.inline,
.radio.inline,
.radio.inline + .radio.inline {
    margin-left: 0 !important;
    margin-right: 15px !important;
    padding-top: 0 !important;
    padding-bottom: 5px !important;
}

*//* Less vertical padding between form elements *//*
.form-horizontal
.control-group {
    margin-bottom: 10px; *//* instead of 20px *//*
}*/
label {
    display: inline;
}
#CollegeRequestForm_gender {
    display: inline;
}

.radio, .checkbox {
    padding-left: 0px;
    padding-right: 40px;
}

.soc_icons {
    width: 250px;
}

.footer_lnk {
    width: 490px;
}

.marginLeft0 {
    margin-left: 0px;
}



.paddingTop10 {
    padding-top: 10px;
}

/* //MENU */
/* CATALOG */
#filters {
    float: right
}

.sort-title {
    float: right;
    padding-right: 10px;
    margin-top: 4px;
    font-size: 12px;
    text-transform: uppercase
}

#portfolio a.white {
    color: white
}

.description-top .title a {
    font-size: 14px
}

.section {
    padding-top: 5px;
}

.block .description {
    padding: 5px;
    width: 99%;
    text-align: left;
}

.block .description .clo {
    width: 100%;
    float: left;

}
.block .description .but {
    display: block;
    padding-right: 5px;
    padding-top: 13px;
}
.alert p, .tab-pane p {
    margin-top:5px;
}

.alert-info {
    margin-left: 20px;
}

.alert-blue {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad;
}


.tabs-left .tab-content > .active, .pill-content > .active {
    min-height: 210px;
}

/* //CATALOG */
/* OBJECT VIEW */
.specifics {
    font-size: 12px;
}

.comfort {
    margin-left: 55px;
}

.comfort ul li {
    font-size: 12px;
}

.my-flex-caption {
    font-size: 14px;
    padding-top: 10px;
    text-align: justify;
    padding-left: 10px;
}

/* //OBJECT VIEW */
input.span4, textarea.span4, .uneditable-input.span4 {
    width: 266px;
}

input.span8, textarea.span8, .uneditable-input.span8 {
    width: 667px;
}

.small-gallery {
    text-align: center;
    padding-bottom: 15px;
}

.small-gallery a, .small-gallery a:hover {
    text-decoration: none;
}

.small-gallery .gal-item {
   /* height: 100px;*/
    border: 1px solid #e9e9e9;
    background-color: #ffffff;
    padding: 1px !important;
    margin: 7px !important;
}

.small-hr {
    margin: 5px 0;
}

.iframe {
    width: 507px;
    height: 355px;
}

.side_bar_form {
    padding-top:0px;
    position: absolute;
    min-height: 500px;
}

.right-form {
    position: relative;
}
.accordion-heading .accordion-toggle {
    height: 17px;
}
.accordion-inner {
    /*padding-bottom: 70px;*/
    padding-bottom: 0px;
}
.tab-content {
    display: block;
    overflow: auto;
    margin-bottom: 5px;
    width: inherit;
}

/* shadow for text block */
/*.corners_container {
    float: left;
    width: 300px;
    height: 300px;
    margin: 50px;
    background: #ccc;
}

.corners {
    width: 200px;
    height: 200px;
    margin: 50px auto;
    position: relative;
    z-index: 10;
}
.corners span {
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: center;
    line-height: 200px;
    color: #333;
    vertical-align: middle;
    font-size: 20px;
    font-weight: bold;
    font-family: Arial;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 0 2px 0 #999;
}
.corners:before, .corners:after {
    content: '';
    display: block;
    width: 45%;
    height: 0;
    position: absolute;
    bottom: 5px;
    box-shadow: 0 4px 30px 3px black;
    z-index: -1;
}
.corners:before {
    left: 2px;
    -webkit-transform: rotate(-10deg);
}
.corners:after {
    right: 2px;
    -webkit-transform: rotate(10deg);
}*/


div.paragraph {
    display: inline-block;
    min-height: 275px;
    padding: 8px;
    /*margin-left: 2px;
    margin-right: 2px;*/
    margin-bottom: 20px;
    border: 1px solid rgba(112, 112, 112, 0.44);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px 4px 4px 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.45);
    box-shadow: 0 41px 10px -33px rgba(0, 0, 0, 0.45);
    background: #f5f5f5;
    background-image: -webkit-gradient(linear, 0 0, 0 1%, from(#E6E6E2 5%), to(#f5f5f5 15%));
    background-image: -webkit-linear-gradient(left, #E6E6E2 5%, #f5f5f5 15%);
    background-image: -moz-linear-gradient(left, #E6E6E2 5%, #f5f5f5 15%);
    background-image: -ms-linear-gradient(left, #E6E6E2 5%, #f5f5f5 15%);
    background-image: -o-linear-gradient(left, #E6E6E2 5%, #f5f5f5 15%);
    background-image: linear-gradient(left, #E6E6E2 5%, #f5f5f5 15%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6E6E2', endColorstr='#f5f5f5', GradientType=1);
}
.paragraph-title {
    font-size: 13px;
    text-align: center;
    padding-bottom: 3px;
    font-weight: bold;
}
.paragraph-title a {
	text-align:center;
	float:none;
}

.paragraph a {
    margin-bottom: 3px;
    margin-top: 3px;
    vertical-align: bottom;
    /*float: right;*/
    font-weight: bold;
}

.paragraph .span7-block {
    width: 597px;
    margin-left: 0px;
}
.span6.paragraph {
    width: 432px;
    /*margin-bottom: 10px;*/
}

.span3.paragraph {
    width: 197px;
    margin-top: 10px;
}

.paragraph ul {
    margin: 0 0 9px 14px;
}
.paragraph p {
    margin-bottom: 0px;
}
/* //shadow for text block */
/* FOOTER */

.span3-left {
    width: 220px;
}
.span9-right {
    width: 710px;
}
.footer_logo {
    width: 208px;
    height: 77px;
    margin-bottom: 7px;
    margin-top: 7px
}

.row .header{
    margin-left: 30px;
}
.copyright span {
    margin-left: 10px;
}
.accordion .accordion a {
    /*text-transform: uppercase;
    color: #fff;
    background: #7DAF27;*/
}
.footer_class {
    margin-top: -9px;
}

/* //FOOTER */

/* Fixed subnav on scroll, but only for 980px and up (sorry IE!) */
@media (min-width: 980px) {
    #main-nav a {
    }

    .subnav-fixed {
        position: fixed;
        top: 40px;
        left: 0;
        right: 0;
        z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */
        border-color: #d5d5d5;
        border-width: 0 0 1px; /* drop the border on the fixed edges */
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0, 0, 0, .1);
        -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0, 0, 0, .1);
        box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0, 0, 0, .1);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); /* IE6-9 */
    }

    .subnav-fixed .nav {
        width: 938px;
        margin: 0 auto;
        padding: 0 1px;
    }

    .subnav .nav > li:first-child > a,
    .subnav .nav > li:first-child > a:hover {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
}

/* Quick links
-------------------------------------------------- */
.quick-links {
    min-height: 30px;
    padding: 5px 20px;
    margin: 36px 0;
    list-style: none;
    text-align: center;
    overflow: hidden;
}

.quick-links li {
    display: inline;
    margin: 0 5px;
    color: #999;
}

.quick-links .github-btn,
.quick-links .tweet-btn,
.quick-links .follow-btn {
    position: relative;
    top: 5px;
}

/* Marketing section of Overview
-------------------------------------------------- */
.marketing .row {
    margin-bottom: 9px;
}

.marketing h1 {
    margin: 36px 0 27px;
    font-size: 40px;
    font-weight: 300;
    text-align: center;
}

.marketing h2,
.marketing h3 {
    font-weight: 300;
}

.marketing h2 {
    font-size: 22px;
}

.marketing p {
    margin-right: 10px;
}

.marketing .bs-icon {
    float: left;
    margin: 7px 10px 0 0;
    opacity: .8;
}

.marketing .small-bs-icon {
    float: left;
    margin: 4px 5px 0 0;
}

/* Footer
-------------------------------------------------- */
footer h5 {
    color: #999 !important;
    margin-bottom: 5px
}

.footer {

}

footer p {
    margin-bottom: 0;
    color: #777;
    font-size: 11px;
    line-height: 14px;
}

footer hr {
    margin: 5px 0;
    border: 0;
    border-top: 1px solid #222;
    border-bottom: 1px solid #444;
}

footer span {
    margin-bottom: 0;
    color: #777;
    font-size: 11px;
    line-height: 14px
}

/* Special grid styles
-------------------------------------------------- */
.show-grid {
    margin-top: 10px;
    margin-bottom: 20px;
}

.show-grid [class*="span"] {
    background-color: #eee;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    min-height: 30px;
    line-height: 30px;
}

.show-grid:hover [class*="span"] {
    background: #ddd;
}

.show-grid .show-grid {
    margin-top: 0;
    margin-bottom: 0;
}

.show-grid .show-grid [class*="span"] {
    background-color: #ccc;
}

/* Render mini layout previews
-------------------------------------------------- */
.mini-layout {
    border: 1px solid #ddd;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}

.mini-layout {
    height: 240px;
    margin-bottom: 20px;
    padding: 9px;
}

.mini-layout div {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.mini-layout .mini-layout-body {
    background-color: #dceaf4;
    margin: 0 auto;
    width: 70%;
    height: 240px;
}

.mini-layout.fluid .mini-layout-sidebar,
.mini-layout.fluid .mini-layout-header,
.mini-layout.fluid .mini-layout-body {
    float: left;
}

.mini-layout.fluid .mini-layout-sidebar {
    background-color: #bbd8e9;
    width: 20%;
    height: 240px;
}

.mini-layout.fluid .mini-layout-body {
    width: 77.5%;
    margin-left: 2.5%;
}
.btn-large {
    padding: 9px 14px;
    font-size: 15px;
    line-height: normal;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

/*.btn-big {
    font-size: 9px;
    min-width: 50px;
    margin-top: 5px;
    max-height: 46px;
    background-image: linear-gradient(#F9FCFF, #F1F1F1);
    border-radius: 10px 10px 10px 10px;
    box-shadow: 1px -1px 2px #82A82B inset;
    color: #FFFFFF;
    line-height: 34px;
    padding-top: 3px;
}*/

.btn-big {
    color: #FFFFFF;
    line-height: 54px;
    border: 1px solid #5f7e1f;
    text-align: center;
    min-width: 49px;
    max-height: 48px;
    border-radius: 10px 10px 10px 10px;
    /*background:transparent;*/
    background-image: linear-gradient(#F9FCFF, #F1F1F1);
    background-image: -moz-linear-gradient(#F9FCFF, #F1F1F1);
    background-image: -o-linear-gradient(#F9FCFF, #F1F1F1);
    -moz-box-shadow: inset 0px -2px 0 #82a92b;
    -webkit-box-shadow: inset 0px -2px 0 #82a92b;
    -o-box-shadow: inset 0px -2px 0 #82a92b;
    box-shadow: 1px -1px 2px #82A82B inset;
    display: block;
    text-decoration: none;
    font-size: 9px;
    padding: 3px 0px 0 1px;
    padding-top: 3px;
    padding-left: 1px;
    margin-bottom: 4px;
    margin-right: 6px;
}
.btn-big:before {
    content: ".";
    color:transparent;
    line-height: 21px;
    min-width: 48px;
    max-height: 58px;
    margin-top: 1px;
    margin-bottom: -22px;
    margin-left: 2px;
    background-image: linear-gradient(#FFFFFF, rgba(249, 249, 249, 0.28));
    background-image:-moz-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.2));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.2));
    border-radius: 16px 16px 16px 16px;
    display:block;
}

.btn-big:hover {
    color: #333333;
    text-decoration: none;
    background-color: rgba(245, 245, 245, 0.91);
    background-position: 0 -23px;
    -webkit-transition: background-position 0.1s linear 0s;
    -moz-transition: background-position 0.1s linear 0s;
    -ms-transition: background-position 0.1s linear 0s;
    -o-transition: background-position 0.1s linear 0s;
    transition: background-position 0.1s linear 0s;
}

.btn-skype {
    font-size: 8px;
}
/* Custom Buttons */
.btn-cian {
    /*007f82 00AAAD*/
    background-color: #00c5c8;
    background-image: -moz-linear-gradient(top, #00c5c8, #007f82);
    background-image: -ms-linear-gradient(top, #00c5c8, #007f82);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00c5c8), to(#007f82));
    background-image: -webkit-linear-gradient(top, #00c5c8, #007f82);
    background-image: -o-linear-gradient(top, #00c5c8, #007f82);
    background-image: linear-gradient(top, #00c5c8, #007f82);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c5c8', endColorstr='#007f82', GradientType=0);
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(255, 255, 255, 0.15) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    color:#fff;
    text-shadow:1px 1px #007f82 !important;
}
.btn-cian:hover,
.btn-cian:active,
.btn-cian.active,
.btn-cian.disabled,
.btn-cian[disabled] {
    background-color: #007f82;
    color:#fff;
}
.btn-cian:active,
.btn-cian.active {
    color:#fff;
    background-color: #408140 \9;
}
/* /Custom Buttons */

/* Popover docs
-------------------------------------------------- */
.popover-well {
    min-height: 160px;
}

.popover-well .popover {
    display: block;
}

.popover-well .popover-wrapper {
    width: 50%;
    height: 160px;
    float: left;
    margin-left: 55px;
    position: relative;
}

.popover-well .popover-menu-wrapper {
    height: 80px;
}

.large-bird {
    margin: 5px 0 0 310px;
    opacity: .1;
}

/* Download page
-------------------------------------------------- */
.download .page-header {
}

.page-header .toggle-all {
    margin-top: 5px;
}

/* Space out h3s when following a section */
.download h3 {
    margin-bottom: 5px;
}

.download-builder input + h3,
.download-builder .checkbox + h3 {
    margin-top: 9px;
}

/* Fields for variables */
.download-builder input[type=text] {
    margin-bottom: 9px;
    font-family: Menlo, Monaco, "Courier New", monospace;
    font-size: 12px;
    color: #d14;
}

.download-builder input[type=text]:focus {
    background-color: #fff;
}

/* Custom, larger checkbox labels */
.download .checkbox {
    padding: 6px 10px 6px 25px;
    color: #555;
    background-color: #f9f9f9;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.download .checkbox:hover {
    color: #333;
    background-color: #f8f8f8;
}

.download .checkbox small {
    font-size: 12px;
    color: #777;
}

/* Variables section */
#variables label {
    margin-bottom: 0;
}

/* Giant download button */
.download-btn {
    margin: 36px 0 108px;
}

.download p,
.download h4 {
    max-width: 50%;
    margin: 0 auto;
    color: #999;
    text-align: center;
}

.download h4 {
    margin-bottom: 0;
}

.download p {
    margin-bottom: 18px;
}

.download-btn .btn {
    display: block;
    width: auto;
    padding: 19px 24px;
    margin-bottom: 27px;
    font-size: 30px;
    line-height: 1;
    text-align: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

/* Color swatches on LESS docs page
-------------------------------------------------- */
/* Sets the width of the td */
.swatch-col {
    width: 30px;
}

/* Le swatch */
.swatch {
    display: inline-block;
    width: 30px;
    height: 20px;
    margin: -6px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/* For white swatches, give a border */
.swatch-bordered {
    width: 28px;
    height: 18px;
    border: 1px solid #eee;
}

/* Misc
-------------------------------------------------- */

.browser-support {
    max-width: 100%;
}

/* Make tables spaced out a bit more */
h2 + table,
h3 + table,
h4 + table,
h2 + .row {
    margin-top: 5px;
}

/* Example sites showcase */
.example-sites img {
    max-width: 100%;
    margin: 0 auto;
}

.marketing-byline {
    margin: -18px 0 27px;
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    color: #999;
    text-align: center;
}

.scrollspy-example {
    height: 200px;
    overflow: auto;
    position: relative;
}

/* Remove bottom margin on example forms in wells */
form.well {
    padding: 14px;
}

/* Tighten up spacing */
.well hr {
    margin: 2px 0;
}
.well h3 {
    font-size: 12px;
    font-weight: bold;
    margin-right: 10px;
}

/* Fake the :focus state to demo it */
.focused {
    border-color: rgba(82, 168, 236, .8);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 8px rgba(82, 168, 236, .6);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 8px rgba(82, 168, 236, .6);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1), 0 0 8px rgba(82, 168, 236, .6);
    outline: 0;
}

/* For input sizes, make them display block */
.docs-input-sizes select,
.docs-input-sizes input[type=text] {
    display: block;
    margin-bottom: 9px;
}

/* Icons
------------------------- */
.the-icons {
    margin-left: 0;
    list-style: none;
}

.the-icons i:hover {
    background-color: rgba(255, 0, 0, .25);
}

.divider-right {
    border-right: 1px dotted #444444;
}

.divider-left {
    border-left: 1px solid #e1ddde;
    border-right: 1px solid #fff;
    width: 1px;
    display: inline-block;
    min-height: 200px;
    margin-top: 2%;
    margin-bottom: 2%;
    margin-left: 10px;
}
/* Eaxmples page
------------------------- */
.bootstrap-examples .thumbnail {
    margin-bottom: 9px;
    background-color: #fff;
}

/* Responsive Docs
-------------------------------------------------- */
@media (max-width: 480px) {

    /* Reduce padding above jumbotron */
    body {
        padding-top: 70px;
    }

    /* Change up some type stuff */
    h2 {
        margin-top: 27px;
    }

    h2 small {
        display: block;
        line-height: 18px;
    }

    h3 {
        margin-top: 18px;
    }

    /* Adjust the jumbotron */
    .jumbotron h1,
    .jumbotron p {
        text-align: center;
        margin-right: 0;
    }

    .jumbotron h1 {
        font-size: 45px;
        margin-right: 0;
    }

    .jumbotron p {
        margin-right: 0;
        margin-left: 0;
        font-size: 18px;
        line-height: 24px;
    }

    .jumbotron .btn {
        display: block;
        font-size: 18px;
        padding: 10px 14px;
        margin: 0 auto 10px;
    }

    /* Masthead (home page jumbotron) */
    .masthead {
        padding-top: 0;
    }

    /* Don't space out quick links so much */
    .quick-links {
        margin: 40px 0 0;
    }

    /* hide the bullets on mobile since our horizontal space is limited */
    .quick-links .divider {
        display: none;
    }

    /* center example sites */
    .example-sites {
        margin-left: 0;
    }

    .example-sites > li {
        float: none;
        display: block;
        max-width: 280px;
        margin: 0 auto 18px;
        text-align: center;
    }

    .example-sites .thumbnail > img {
        max-width: 270px;
    }

    table code {
        white-space: normal;
        word-wrap: break-word;
        word-break: break-all;
    }

    /* Modal example */
    .modal-example .modal {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
    }

}

@media (max-width: 768px) {

    /* Remove any padding from the body */
    body {
        padding-top: 0;
    }

    /* Jumbotron buttons */
    .jumbotron .btn {
        margin-bottom: 10px;
    }

    /* Subnav */
    .subnav {
        position: static;
        top: auto;
        z-index: auto;
        width: auto;
        height: auto;
        background: #fff; /* whole background property since we use a background-image for gradient */
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .subnav .nav > li {
        float: none;
    }

    .subnav .nav > li > a {
        border: 0;
    }

    .subnav .nav > li + li > a {
        border-top: 1px solid #e5e5e5;
    }

    .subnav .nav > li:first-child > a,
    .subnav .nav > li:first-child > a:hover {
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
    }

    /* Popovers */
    .large-bird {
        display: none;
    }

    .popover-well .popover-wrapper {
        margin-left: 0;
    }

    /* Space out the show-grid examples */
    .show-grid [class*="span"] {
        margin-bottom: 5px;
    }

    /* Unfloat the back to top link in footer */
    .footer .pull-right {
        float: none;
    }

    .footer p {
        margin-bottom: 9px;
    }

}

@media (min-width: 480px) and (max-width: 768px) {

    /* Scale down the jumbotron content */
    .jumbotron h1 {
        font-size: 54px;
    }

    .jumbotron p {
        margin-right: 0;
        margin-left: 0;
    }

    .hello {
        padding-bottom: 0px;
        text-rendering: optimizelegibility;
        font-size: 50px;
        text-align: center !important;
        font-weight: bolder;
        line-height: 0px;
        color: #000
    }
}

@media (min-width: 768px) and (max-width: 980px) {

    /* Remove any padding from the body */
    body {
        padding-top: 0;
    }

    /* Scale down the jumbotron content */
    .jumbotron h1 {
        font-size: 72px;
    }

    .hello {
        padding-bottom: 0px;
        text-rendering: optimizelegibility;
        font-size: 30px;
        text-align: center !important;
        font-weight: bolder;
        line-height: 80px;
        color: #000
    }

}

@media (max-width: 980px) {

    /* Unfloat brand */
    .navbar-fixed-top .brand {
        float: left;
        margin-left: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

    /* Inline-block quick links for more spacing */
    .quick-links li {
        display: inline-block;
        margin: 5px;
    }

    #main-nav a:after {
        display: none !important;
    }

    .no {
        display: none !important
    }
}

/* LARGE DESKTOP SCREENS */
@media (min-width: 1200px) {
    .mainslider {
        height: 400px
    }

    /*Update subnav container */
    .subnav-fixed .nav {
        width: 1168px; /* 2px less to account for left/right borders being removed when in fixed mode */
    }

    .hello {
        padding-bottom: 0px;
        text-rendering: optimizelegibility;
        font-size: 80px;
        text-align: center !important;
        font-weight: bolder;
        line-height: 80px;
        color: #000
    }
}

.container {
    padding: 0 20px
}

.container-white {
    background-color: white;
}

.welcome {
    margin-top: 30px
}

.welcome h1 {
    text-align: center;
    line-height: 50px;
    font-size: 42px;
    font-family: arial !important
}

.welcome p {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 30px
}

.welcome h6 {
    padding: 100px;
    padding-bottom: 0px;
    padding-top: 0px
}

.welcome a {
    float: right
}

/* -------------------------------------------------- */
/*	Main Navigation
/* -------------------------------------------------- */
/*** arrows **/

.sf-sub-indicator {
    position: absolute;
    display: block;
    right: 15px;
    top: 40px; /* IE6 only */
    width: 10px;
    height: 20px;
    text-indent: -999em;
    overflow: hidden;
    background: url('../img/arrows.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {
    /* give all except IE6 the correct values */
    top: 10px;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
#menu ul .sf-sub-indicator {
    background-position: -10px 0
}

#menu ul a > .sf-sub-indicator {
    background-position: 0 0
}

/* apply hovers to modern browsers */
#menu ul a:focus > .sf-sub-indicator,
#menu ul a:hover > .sf-sub-indicator,
#menu ul a:active > .sf-sub-indicator,
#menu ul li:hover > a > .sf-sub-indicator,
#menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

#main-nav {
    margin-top: 30px;
    width: 800px;
    margin: 0 auto
}

#main-nav > ul {
    margin-top: -3px
}

#main-nav li {
    list-style: none;
    float: left;
    margin: 0;
    position: relative;
    margin-right: 15px;
}

#main-nav li:last-child {
    margin-right: 0px
}

#main-nav a {
    color: #666;
    font-family: arial;
    font-size: 12px;
    display: block;
    position: relative;
    text-align: center;
    z-index: 98;
    padding: 8px 22px 8px 22px !important;
    background: #efefef;
    border-radius: 3px;

}

#main-nav a:after {
    color: #aeaeae;
    font-size: 11px;
    font-style: italic;
    font-weight: 400;
    display: block;
    line-height: 0;
    text-align: center;
    text-transform: lowercase;
}

#main-nav a:hover, #main-nav .hover > a, #main-nav .current > a, ul#navigation li:hover > a {
    border-top-color: #fff;
    color: #000;
    /*background: #7daf27;*/
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}

#main-nav a:hover, #main-nav .hover > a, #main-nav .current > a, ul#navigation li:hover > a {
    color: #fff;
    /*
    text-decoration: none;
    background-color: #659a22;
    background-image: -moz-linear-gradient(top, #9ac92c, #659a22);
    background-image: -ms-linear-gradient(top, #9ac92c, #659a22);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9ac92c), to(#659a22));
    background-image: -webkit-linear-gradient(top, #9ac92c, #659a22);
    background-image: -o-linear-gradient(top, #9ac92c, #659a22);
    background-image: linear-gradient(top, #9ac92c, #659a22);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#9ac92c', endColorstr = '#659a22', GradientType = 0);
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled = false);
    text-shadow: 1px 1px #659a22 !important;*/

}
/*blue*/
ul#navigation li.blue:hover > a, ul#navigation li.blue ul li:hover > a {
    /*#0088cc, #0055cc*/
    background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
    background-image: -o-linear-gradient(top, #0088cc, #0055cc);
    background-image: linear-gradient(top, #0088cc, #0055cc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#0088cc', endColorstr = '#0055cc', GradientType = 0);
    text-shadow: 1px 1px #0055cc !important;
}
/*current*/
ul#navigation li.blue > a.current, ul#navigation li.blue ul li > a.current {
    background-image: -moz-linear-gradient(top, #0088cc, #0088cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0088cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0088cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0088cc);
    background-image: -o-linear-gradient(top, #0088cc, #0088cc);
    background-image: linear-gradient(top, #0088cc, #0088cc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#0088cc', endColorstr = '#0088cc', GradientType = 0);
    text-shadow: 1px 1px #0088cc !important;
}
/*cian*/
ul#navigation li.cian:hover > a, ul#navigation li.cian ul li:hover > a {
    /*#007f82, #00AAAD*/
    background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
    background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
    background-image: linear-gradient(top, #5bc0de, #2f96b4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#5bc0de', endColorstr = '#2f96b4', GradientType = 0);
    text-shadow: 1px 1px #2f96b4 !important;
}
/*current*/
ul#navigation li.cian > a.current, ul#navigation li.cian ul li > a.current {
    background-image: -moz-linear-gradient(top, #5bc0de, #5bc0de);
    background-image: -ms-linear-gradient(top, #5bc0de, #5bc0de);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#5bc0de));
    background-image: -webkit-linear-gradient(top, #5bc0de, #5bc0de);
    background-image: -o-linear-gradient(top, #5bc0de, #5bc0de);
    background-image: linear-gradient(top, #5bc0de, #5bc0de);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#5bc0de', endColorstr = '#5bc0de', GradientType = 0);
    text-shadow: 1px 1px #5bc0de !important;
}
/*red*/
ul#navigation li.red:hover > a, ul#navigation li.red ul li:hover > a {
    /*#BD362F, #EE5F5B*/
    background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
     background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
     background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
     background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
     background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
     background-image: linear-gradient(top, #ee5f5b, #bd362f);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ee5f5b', endColorstr = '#bd362f', GradientType = 0);
     text-shadow: 1px 1px #bd362f !important;
    /*background-color: #da4f49;
    background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
    background-image: linear-gradient(top, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);*/
 }
/*current*/
ul#navigation li.red > a.current, ul#navigation li.red ul li > a.current {
    background-image: -moz-linear-gradient(top, #ee5f5b, #ee5f5b);
    background-image: -ms-linear-gradient(top, #ee5f5b, #ee5f5b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#ee5f5b));
    background-image: -webkit-linear-gradient(top, #ee5f5b, #ee5f5b);
    background-image: -o-linear-gradient(top, #ee5f5b, #ee5f5b);
    background-image: linear-gradient(top, #ee5f5b, #ee5f5b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ee5f5b', endColorstr = '#ee5f5b', GradientType = 0);
    text-shadow: 1px 1px #ee5f5b !important;
}
/* orange */
ul#navigation li.orange:hover > a, ul#navigation li.orange ul li:hover > a {
    /*#fbb450, #f89406*/ /*#9a5306, #F89406*/
    background-image: -moz-linear-gradient(top, #ffa733, #ffa733);
    background-image: -ms-linear-gradient(top, #ffa733, #ffa733);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffa733), to(#ffa733));
    background-image: -webkit-linear-gradient(top, #ffa733, #ffa733);
    background-image: -o-linear-gradient(top, #ffa733, #ffa733);
    background-image: linear-gradient(top, #ffa733, #ffa733);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffa733', endColorstr = '#ffa733', GradientType = 0);
    text-shadow: 1px 1px #ffa733 !important;
}
/*current*/
ul#navigation li.orange > a.current, ul#navigation li.orange ul li > a.current {
    /*#9a5306, #9a5306*/
    background-image: -moz-linear-gradient(top, #ffa733, #ffa733);
    background-image: -ms-linear-gradient(top, #ffa733, #ffa733);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffa733), to(#ffa733));
    background-image: -webkit-linear-gradient(top, #ffa733, #ffa733);
    background-image: -o-linear-gradient(top, #ffa733, #ffa733);
    background-image: linear-gradient(top, #ffa733, #ffa733);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffa733', endColorstr = '#ffa733', GradientType = 0);
    text-shadow: 1px 1px #ffa733 !important;
}
/*green*/
ul#navigation li.green:hover > a, ul#navigation li.green ul li:hover > a {
    background-image: -moz-linear-gradient(top, #9ac92c, #659a22);
    background-image: -ms-linear-gradient(top, #9ac92c, #659a22);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9ac92c), to(#659a22));
    background-image: -webkit-linear-gradient(top, #9ac92c, #659a22);
    background-image: -o-linear-gradient(top, #9ac92c, #659a22);
    background-image: linear-gradient(top, #9ac92c, #659a22);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#9ac92c', endColorstr = '#659a22', GradientType = 0);
    text-shadow: 1px 1px #659a22 !important;
}
/*violet*/
ul#navigation li.violet:hover > a, ul#navigation li.violet ul li:hover > a {
    background-image: -moz-linear-gradient(top, #da1bf8, #da1bf8);
    background-image: -ms-linear-gradient(top, #da1bf8, #da1bf8);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#da1bf8), to(#da1bf8));
    background-image: -webkit-linear-gradient(top, #da1bf8, #da1bf8);
    background-image: -o-linear-gradient(top, #da1bf8, #da1bf8);
    background-image: linear-gradient(top, #da1bf8, #da1bf8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#da1bf8', endColorstr = '#da1bf8', GradientType = 0);
    text-shadow: 1px 1px #da1bf8 !important;
}
/*current*/
ul#navigation li.violet > a.current, ul#navigation li.violet ul li > a.current {
    background-image: -moz-linear-gradient(top, #da1bf8, #da1bf8);
    background-image: -ms-linear-gradient(top, #da1bf8, #da1bf8);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#da1bf8), to(#da1bf8));
    background-image: -webkit-linear-gradient(top, #da1bf8, #da1bf8);
    background-image: -o-linear-gradient(top, #da1bf8, #da1bf8);
    background-image: linear-gradient(top, #da1bf8, #da1bf8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#7e199a', endColorstr = '#7e199a', GradientType = 0);
    text-shadow: 1px 1px #da1bf8 !important;
}
/*yellow*/
ul#navigation li.yellow:hover > a, ul#navigation li.yellow ul li:hover > a {
    background-image: -moz-linear-gradient(top, #989a0d, #f6f80e);
    background-image: -ms-linear-gradient(top, #989a0d, #f6f80e);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#989a0d), to(#f6f80e));
    background-image: -webkit-linear-gradient(top, #989a0d, #f6f80e);
    background-image: -o-linear-gradient(top, #989a0d, #f6f80e);
    background-image: linear-gradient(top, #989a0d, #f6f80e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#989a0d', endColorstr = '#f6f80e', GradientType = 0);
    text-shadow: 1px 1px #f6f80e !important;
}
/*current*/
ul#navigation li.yellow > a.current, ul#navigation li.yellow ul li > a.current {
    background-image: -moz-linear-gradient(top, #989a0d, #989a0d);
    background-image: -ms-linear-gradient(top, #989a0d, #989a0d);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#989a0d), to(#989a0d));
    background-image: -webkit-linear-gradient(top, #989a0d, #989a0d);
    background-image: -o-linear-gradient(top, #989a0d, #989a0d);
    background-image: linear-gradient(top, #989a0d, #989a0d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#989a0d', endColorstr = '#989a0d', GradientType = 0);
    text-shadow: 1px 1px #989a0d !important;
}

/*gray*/
ul#navigation li.gray:hover > a, ul#navigation li.gray ul li:hover > a {
    background-image: -moz-linear-gradient(top, #7d7d7d, #7d7d7d);
    background-image: -ms-linear-gradient(top, #7d7d7d, #7d7d7d);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7d7d7d), to(#7d7d7d));
    background-image: -webkit-linear-gradient(top, #7d7d7d, #7d7d7d);
    background-image: -o-linear-gradient(top, #7d7d7d, #7d7d7d);
    background-image: linear-gradient(top, #7d7d7d, #7d7d7d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#7d7d7d', endColorstr = '#7d7d7d', GradientType = 0);
    text-shadow: 1px 1px #7d7d7d !important;
    /*box-shadow: 1px 1px 3px 0px #7d7d7d;*/
}
/*current*/
ul#navigation li.gray > a.current, ul#navigation li.gray ul li > a.current {
    background-image: -moz-linear-gradient(top, #7d7d7d, #7d7d7d);
    background-image: -ms-linear-gradient(top, #7d7d7d, #7d7d7d);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7d7d7d), to(#7d7d7d));
    background-image: -webkit-linear-gradient(top, #7d7d7d, #7d7d7d);
    background-image: -o-linear-gradient(top, #7d7d7d, #7d7d7d);
    background-image: linear-gradient(top, #7d7d7d, #7d7d7d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#7d7d7d', endColorstr = '#7d7d7d', GradientType = 0);
    text-shadow: 1px 1px #7d7d7d !important;

}


#main-nav ul li ul li a:hover > #main-nav ul li a {
    background: #000000 !important
}

/* Dropdown */

#main-nav ul ul {
    left: -25px;
    padding: 0;
    position: absolute;
    top: 45px;
    visibility: hidden;
}

#main-nav ul ul ul {
    left: 150px;
    padding: 0;
    position: absolute;
    top: 0px;
    visibility: hidden;
}

#main-nav li:hover > ul {
    visibility: visible;
}

#main-nav ul ul li {
    float: none
}

#main-nav ul ul a {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    text-align: left !important;
    width: 120px;
    border-bottom: 1px solid #555;
    background: #444;
    border-radius: 0px;

}

#main-nav ul ul a:hover, #main-nav ul ul .hover > a, #main-nav ul ul .current > a, #main-nav ul ul .current > a:hover {
    color: #fff;
    text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.2);
    border-bottom-color: #353535;
    border-bottom-color: #353535;
}

#main-nav ul li.current > a:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -5px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #659a22;

}

#main-nav ul li ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 24%;
    top: 0%;
    margin-left: -5px;
    margin-top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #444;
}

#main-nav ul li ul li:first-child > a:hover:after {
    border-bottom-color: #9ac92c;

}

#main-nav ul li.current ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 24%;
    top: 0%;
    margin-left: -5px;
    margin-top: -6px;
    border-left: none;
    border-right: none;
    border-bottom: none;

}

#main-nav ul li ul li ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: -1px;
    top: 50%;
    margin-top: -6px;
    border-left: 0;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #444;

}

#main-nav ul li ul li ul li:first-child > a:hover:after {
    border-bottom-color: transparent;
    border-right-color: #7daf27;
}

nav select {
    display: none
}
/* CORNER */
.note {
    position:relative;
    padding: 2px 5px;
    color:#fff;
    background:#97C02F;
    overflow:hidden;
    height: 108px;
    width: 203px;
}
.well {
    /*margin-left: 21px;*/
}

.span7w {
    /*width: 561px;*/
    width: 65%;
    margin-left: 7px;
}


/*PRICING TABLES*/
.pricing_table .pricing_pack {
    font-size: 18px;
    text-align: center;
    margin-left: 7px;
}
.pricing_table .pricing_pack .pack_name {
    border: 1px solid #efefef;
    margin-bottom: 10px;
    padding-right: -3px;
    margin-left: 6px;
    margin-right: 10px;
    background: none repeat scroll 0 0 #F8F8F8;
    /*height: 55px;*/
    padding-top: 17px;
    padding-bottom: 17px;
    text-shadow: 1px 1px rgba(255,255,255,0.3);
}
.pricing_table ul li {
    list-style: none;
}

/*features*/
.pricing_table .features {
    position: relative;
    float: left;
    width: 247px;
    background: #fafafa;
    margin:0;
}

.pricing_table .features ul {
    margin:0;
}

.pricing_table .features ul > li {
    font-size: 12px;
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #fff;
    line-height: 25px;
    padding-left: 20px;
}

.pricing_table .features .features_head {
    background: #f6f6f6;
}

/* pricing columns */

.pricing_table .pricing_col {
    position: relative;
    width: 233px;
    float: left;
    margin-right: 2px;
    padding-right: 2px;
}
.pricing_table .blue, .pricing_table .green {
    background: #fafafa;
}

.pricing_table .orange {
    background: #fefefe;
}

.pricing_table .pricing_col ul {
    margin: 0;
    padding: 0;
}

.pricing_col ul li .plan_head {
    color: #fff;
    text-align: center;
}

.pricing_col ul li {
    text-align: center;
}

.plan_head ul {
    margin: 0;
}

.plan_head .plan_name {
    font-size: 18px;
    height: 41px;
    text-shadow: 1px 1px rgba(0,0,0,0.3);
    padding-top: 10px;
}
.plan_head .plan_popular {
    font-size: 13px;
    text-transform: uppercase;
    text-shadow: 1px 1px rgba(255,255,255,0.3);
    font-weight: bold;
}

.plan_blue .plan_popular {
    color: #1f78a1;
}
.plan_green .plan_popular {
    color: #6c903d;
}
.plan_orange .plan_popular {
    color: #b56407;
}

.pricing_table .pricing_pack .consultation {
    text-align: justify;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 12px;
    width: 430px;
    background-color:#add3fd;
    border: 1px solid #49AFCD;
}

.pricing_table .pricing_pack .consultation .c_content {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}

.pricing_table .pricing_pack .consultation .c_content img {
    padding-right: 10px;
    padding-bottom: 10px;
}

.pricing_table .pricing_pack .consultation .c_content p {
    padding-bottom: 10px;
    text-align: left;
}

.pricing_table .pricing_pack .consultation .dollar_sign {
    font-size: 32px;
    vertical-align: 13px;
    color: #fff;
    text-shadow: 1px 1px 0px #6A7B81;
    margin-top: 10px;
}

.pricing_table .pricing_pack .consultation .plan_name {
    font-size: 18px;
    text-shadow: 1px 1px rgba(0,0,0,0.3);
    margin-bottom: 17px;
    color: #fff;
    padding-bottom: 13px;
    border-bottom: 1px solid #8EBFF6;
    box-shadow: 0px 0px 19px 11px #fff;

    padding-left: 20px;
    box-shadow: 0px 1px 0px 0px #D2E6FC;
        -webkit-box-shadow: 0px 1px 0px 0px #D2E6FC;
        -webkit-box-shadow: 0px 1px 0px 0px #D2E6FC;
        -moz-box-shadow: 0px 1px 0px 0px #D2E6FC;
}

.pricing_table .pricing_col ul li .plan_green {
    background: url("../img/pricing_col_sprite.png") no-repeat -1px -2px;
    width: 240px;
    height: 178px;
}

.pricing_table .pricing_col ul li .plan_blue {
    background: url("../img/pricing_col_sprite.png") no-repeat -1px -268px;
    width: 240px;
    height: 178px;
}

.pricing_table .pricing_col ul li .plan_orange {
    background: url("../img/pricing_col_sprite.png") no-repeat -1px -823px;
    width: 240px;
    height: 178px;
}

.plan_head ul .plan_popular .term {
    color: #eeeeee;
    text-shadow: none;
    background: #E35956;
    padding: 5px;
    border: 1px solid #C63E37;
}
.price-gold {
    color: #eeeeee;
    text-shadow: none;
    background: #F9A52D;
    padding: 5px;
    border: 1px solid #de9528;
}
.price-green {
    color: #eeeeee;
    text-shadow: none;
    background: #7BAD26;
    padding: 5px;
    border: 1px solid #689122;
}
.price-info {
    color: #eeeeee;
    text-shadow: none;
    background: #6CBDD5;
    padding: 5px;
    border: 1px solid #5ea1b9;
}

.plan_head ul .plan_price {
    font-size: 52px;
    margin-left: -25px;
    font-family: "ProximaNovaLight","Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-top: 22px;
}

.plan_head ul .plan_price .per_month {
    font-size: 13px;
    margin-right: 7px;
    display: block;
    padding-top: 10px;
}

.plan_head ul .plan_price .dollar_sign {
    font-size: 32px;
    vertical-align: 13px;
}

.pricing_col ul li .feature_list {
    color: #555;
    border-right: 1px solid #fff;
    width: 235px;
}

.pricing_col ul li .feature_list li {
    text-align: left;
}

.feature_list > li {
    border-bottom: 1px solid #ebebeb;
    border-top: 1px solid #fff;
    font-size: 12px;
    line-height: 19px;
    padding-left: 7px;
    padding-bottom: 10px;
    padding-top: 10px;
    visibility: visible; /* for IE10 */
}

.feature_list li:first-child {
    border-bottom: 1px solid #ebebeb;
    border-top: none;
}

.feature_list > li.alt {
    background: #f6f6f6;
}

.feature_list > li.not {
    color: #b4c9d3;
    text-decoration: line-through;
}

.pricing_col ul li .feature_list li.end {
    text-align: center;
    padding-left: 0;
}
.feature_list li.end {
    padding-bottom: 9px;
}

.feature_list .f_head {
    background: #E6E6E6;
}

.feature_list .f_head_gold {
    background: #FFB61F;
    font-size: 14px;
    color: #d87500;
    text-align: center;
    font-weight: bold;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.3);
    text-transform: uppercase;
}

.pricing_table .notes, .pricing_table .notes > li {
    color: #E35956;
    font-size: 14px;
    margin-left: 0px;
    margin-top: 5px;
}

/*//PRICING TABLES*/


/*Landscape phones and down*/
@media (max-width: 480px) {
    .logo {
        text-align: center;
        margin-top: 20px
    }

    nav ul {
        display: none
    }

    nav select {
        display: inline-block;
        width: 100% !important;
    }

    nav {
        position: relative;
        right: auto;
        top: auto;
        width: 100%
    }

    #nav {
        width: inherit
    }

    .welcome h1 {
        line-height: 36px;
        font-size: 22px;
        font-weight: bold
    }

    .hidden-phone {
        display: none !important
    }

    h3 {
        line-height: 18px;
        font-size: 14px
    }

    hr.visible-desktop {
        margin-top: 15px !important;
        margin-bottom: 15px !important
    }

    #portfolio .block {
        margin-top: 25px !important;
        margin-bottom: 25px !important
    }

    .twit_img {
        display: none
    }

    .top_line_header .label {
        padding: 7px 4px 7px
    }

    #tel {
        font-size: 12px;
        text-align: center
    }

    #soc_icons {
        width: 100%;
        margin: 0 auto
    }

    #lang {
        padding-top: 10px;
        width: 100%;
        float: right;
        margin: 0 auto
    }

    .container .m25 .well {
        width: inherit;
        margin-top: 15px;
        margin-bottom: 10px
    }

    .bottom-block .container .row .container {
        text-align: center
    }

}

#portfolio img {
    width: 100%
}
.top_line {
    height: 1px;
    background-color: #3a3a3a;
    width: 960px;
}

.hidden {
    display: none !important;
}
/* Landscape phone to portrait tablet*/
@media (min-width: 480px) and (max-width: 768px) {
    .logo {
        text-align: center
    }

    nav ul {
        /*display: none*/
    }

    nav select {
        display: none;
        width: 100% !important;
        margin: 0 auto;
        font-size: 14px
    }

    nav {
        position: relative;
        right: auto;
        top: auto;
        width: 100%
    }

    .welcome h1 {
        line-height: 36px;
        font-size: 22px;
        font-weight: bold
    }

    .hidden-phone {
        display: none !important
    }

    h3 {
        line-height: 24px;
        font-size: 14px
    }

    .slider1 {
        width: 97%
    }

    footer h5 {
        margin-top: 30px !important
    }

    .twit_img {
        display: block
    }

    #portfolio .block {
        margin-top: 25px !important;
        margin-bottom: 25px !important
    }

    #soc_icons {
        margin-left: 0
    }

    .m25 .well {
        min-height: inherit;
        padding-top: 15px;
        padding-bottom: 10px
    }

    .m25 .span4 {
        width: 100%;
        margin: 0 auto
    }

    .m25 .well p em {
        font-size: 15px
    }

    .m25 .well img {
        width: 15%
    }

    .m25 .well h3 {
        font-size: 20px
    }

    #nav {
        width: inherit
    }

    .twitter_block .well {
        width: inherit
    }

    #jstwitter .tweet {
        margin-right: 0 !important
    }

    .visible-desktop {
        display: block
    }

    .bottom-block .container {
        padding-left: 0;
        padding-right: 0
    }

    .container .row .span6 {
        display: table;
        float: left;
        padding-left: 20px;
        padding-right: 20px
    }

    .container .row .footer_links {
        float: right
    }
}

@media (min-width: 768px) and (max-width: 980px) {
    #main-nav a {
        padding: 8px 8px 8px 8px !important
    }

    #main-nav li {
        margin-right: 6px
    }

    .welcome h1 {
        line-height: 36px;
        font-size: 32px
    }

    .slider_area h2 {
        font-size: 15px !important;
        line-height: 18px
    }

    .visible-desktop {
        display: block !important
    }

    .mega {
        font-size: 12px;
        padding: 8px 0px !important
    }

    h3 {
        line-height: 18px;
        font-size: 14px
    }

    .m25 .span4 img {
        width: 20%
    }

    h2 {
        font-size: 21px;
        line-height: 26px
    }

    .about_icons {
        display: none
    }

    .twit_img {
        display: block
    }

    .twitter-block .container .row .span9 {
        width: inherit
    }

    #main-nav ul ul ul {
        left: 120px
    }

    #lang {
        width: inherit;
        float: left;
        margin-left: -18px
    }

    .m25 .well {
        min-height: inherit;
        padding-top: 15px;
        padding-bottom: 10px
    }

    .m25 .span4 {
        width: 100%;
        margin: 0 auto
    }

    .m25 .well p em {
        font-size: 15px
    }

    .m25 .well img {
        width: 15%
    }

    .m25 .well h3 {
        font-size: 20px
    }

    #soc_icons {
        width: inherit
    }

    .span3 {
        width: 100%
    }

    .footer_logo {
        width: inherit;
        height: auto;
        margin-top: 0
    }

    .flickr h5, .soc_icons h5 {
        padding-top: 20px
    }

}

/* Portrait tablet to landscape and desktop*/
@media (min-width: 980px) and (max-width: 1200px) {
    .container {
        width: 918px;
    }
    .wrapper-container {
        width: 960px;
        margin: 0 auto;
    }

    #main-nav a {
        padding: 8px 15px 8px 15px !important
    }

    .welcome h1 {
        line-height: 44px;
        font-size: 36px
    }

    .slider_area h2 {
        font-size: 10px !important
    }

    .slider_area .mega {
        padding: 8px 0px
    }

    .intro {
        display: none
    }

    .about_icons img {
    }

    .about_icons {
        display: none
    }

    .twit_img {
        display: block
    }

    #main-nav ul ul ul {
        left: 140px
    }

    /*#tel span {
        font-size: 12px;
    }
    #tel a {
        font-size: 12px;
        margin-right: 0px;
    }*/

    #nav {
       /* width: 100%;*/
    }
    /*ul#navigation li a {
        padding: 4px 13.7px;
    }*/
    ul#navigation ul {
        top: 28px;
    }

    #soc_icons {
        max-width: 60px;
        margin-left: 45px;
    }

    .soc_icons a {
        margin-right: 3px;
    }

    #lang {
        max-width: 190px;
        font-size: 10px;
        margin-right: 3px;
    }

    .m25 {
        /*width: 100%; padding-right: 20px;*/
    }

    .m25 .well { margin-left: 10px; }

    .m25 a {
        /*width: 28%;*/
    }

    .m25 .span4 {
        width: 28%;
        margin: 0 auto;
        margin-left: 28px;
    }

    .m25 .center-block {
        /*margin-left: inherit; margin-right: inherit;*/
    }

    .m25 .well p {
        margin-bottom: 0;
    }

    .m25 .well p em {
        font-size: 12px;
        text-align: justify;
    }

    .m25 .well h3 {
        font-size: 14px;
        line-height: 14px;
    }
    .note {
        height: 106px;
        /*margin: 0 11px;*/
        /*width: 268px;*/
    }
    .note h3 {
    }

    .iframe {
        width: 500px
    }

    .specifics {
        width: inherit;
    }

    .service-slider {
        /*margin-left: -14px; width: 800px;*/
    }

    .description-top .title a {
        font-size: 11px;
    }

    .span2 {
        width: 122px;
    }

    .span3 {
        width: 206px;
    }

    .span4 {
        width: 285px;
    }

    .span5 {
        width: 356px;
    }

    .span6 {
        width: 443px;
    }

    .span7 {
        width: 548px;
    }

    .span8 {
        width: 598px;
    }

    .span9 {
        width: 724px;
    }
    .span10 {
        width: 763px;
    }

    .span12 {
        width: 960px;
    }

    input.span8, textarea.span8, .uneditable-input.span8 {
        width: 590px;
    }

    .header_banner {
        /*width: 812px;*/
    }

    #jstwitter .tweet {
        font-size: 11px;
    }

    .span9twit {
        width: 676px;
    }

    .block .description .clo {
        width: auto;
        font-size: 11px;
    }
    .fixed-links {
        width: 960px;
    }
    .fixed-nav {
        width: 986px;
        top: 28px;
    }
    .top_line {
        width: 960px;
    }
}

.welcome_inner {
    padding-top: 10px;
    padding-bottom: 15px
}

.welcome_inner h1 {
}

.inner_content {
    margin-bottom: 45px
}

.with_icon a:hover > .icon-exclamation-sign {
    background-image: url("../img/glyphicons-halflings-white.png")
}

.twit_img {
    float: left;
    margin-right: 20px !important;
    margin-top: 10px !important
}

.about_icons {
    margin-right: 11px;
    margin-top: 7px;
    margin-bottom: 20px
}

.m25 .span4 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.note:before {
    /*content:"";
    position:absolute;
    top:0;
    right:0;
    border-width:0 16px 16px 0; *//* Данный трюк устраняет ошибку в браузерах webkit (сдвиг)  *//*
    border-style:solid;
    border-color:#fff #fff #658E15 #658E15; *//* Для работы с .rounded *//*
    background:#658E15; *//* Для Opera при применении border-radius *//*
    display:block; width:0; *//* Только для Firefox 3.0 для снятия ограничений *//*
    *//* Опционально: тени *//*
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);*/
}
.note h3 a, .note h3 a:active {
    color: #fff;
    text-decoration: underline;
}
.note h3 a:hover {
    text-decoration: none;
}
.note h3 {
    font-size: 10px;
}

img.pull-left {
    margin-right: 7px !important;
    margin-top: 3px !important;
}

.mega {
    width: 100%;
    text-align: center;
    padding: 20px 0px;
    text-transform: uppercase;
    font-weight: bold;
"><i class=" icon-download-alt icon-white
}

.slider_area {
    /*padding-top: 1px;
    margin-bottom: -5px;*/
}

.slider_area h2 {
    margin-bottom: 15px;
    font-size: 26px;
    line-height: 30px
}

/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active {
    outline: none
}

.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
    width: 100%;
    margin: 0;
    padding: 0
}

.flexslider .slides > li, .slider1 .slides > li, .blogslider .slides > li, .testimonialslider .slides > li {
    display: none
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.slider1 .slides > li:first-child, .blogslider .slides > li:first-child, .flexslider .slides > li:first-child, .testimonialslider .slides > li:first-child {
    display: block !important
}

.flexslider .slides > li:first-child {
    background: url('../img/spinner.gif') center center no-repeat #f5f5f5
}

.flexslider .slides img {
    max-width: 100%;
    display: block
}

.flex-pauseplay span {
    text-transform: capitalize
}

/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

html[xmlns] .slides {
    display: block;
}

* html .slides {
    height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider, .blogslider, .slider1 {
    background: #fff;
    position: relative;
    zoom: 1;
}

.flexslider, .blogslider .slides, .slider1 .slides {
    zoom: 1;
}

.flexslider, .blogslider .slides > li, .slider1  .slides > li {
    position: relative;
}

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {
    zoom: 1;
    position: relative
}

/* Caption style */
/* IE rgba() hack */
.flex-caption {
    background: none;
    -ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
    zoom: 1;
}

.flex-caption {
    width: 96%;
    padding: 2%;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 350;
    background: rgba(0, 0, 0, 255);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0px !important
}

/* Direction Nav */
.slider1 .flex-direction-nav li a, .blogslider .flex-direction-nav li a, .portfolio-slider .flex-direction-nav li a {
    margin-top: 5px;
    display: block;
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
    padding: 4px 10px 4px;
    margin-bottom: 0;
    line-height: 14px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#e6e6e6', GradientType = 0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled = false);
    border: 1px solid #cccccc;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    *margin-left: .3em;
    position: absolute;
    cursor: pointer;
    font-size: 11px;
    bottom: 20px !important;
    right: 20px !important;
}

.slider1 .flex-direction-nav li a:hover, .blogslider .flex-direction-nav li a:hover, .portfolio-slider .flex-direction-nav li a:hover {
    text-decoration: none;
    background-color: #e6e6e6;
    color: #333333;
    text-decoration: none;
    background-color: #e6e6e6;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -ms-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.slider1 .flex-direction-nav li .next, .blogslider .flex-direction-nav li .next {
    background-position: -30px 0;
    right: 0px
}

.slider1 .flex-direction-nav li .prev, .blogslider .flex-direction-nav li .prev {
    right: 54px !important;
}

.portfolio-slider .flex-direction-nav li .next {
    background-position: -30px 0;
    right: 0px
}

.portfolio-slider .flex-direction-nav li .prev {
    right: 54px !important;
}

.slider1 .flex-direction-nav li a {
    margin-top: 5px;
    display: block;
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
    padding: 4px 10px 4px;
    margin-bottom: 0;
    line-height: 14px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#e6e6e6', GradientType = 0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(enabled = false);
    border: 1px solid #cccccc;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    *margin-left: .3em;
    position: absolute;
    cursor: pointer;
    font-size: 11px;
    bottom: -37px !important;
    right: 10px !important;

}

.slider1 .flex-direction-nav li a:hover {
    text-decoration: none;
    background-color: #e6e6e6;
    color: #333333;
    text-decoration: none;
    background-color: #e6e6e6 !important;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -ms-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.mainslider {
    padding-bottom: 45px;
    background: url('../img/spinner.gif') center center no-repeat #f5f5f5;
    border-bottom: 1px solid #dfdfdf
}

.slider1 .flex-direction-nav li .next {
    background-position: -30px 0;
    right: 0px
}

.slider1 .flex-direction-nav li .prev {
    right: 76px !important;
}

.flexslider:hover > .flex-direction-nav li .prev {
    display: block
}

.flexslider:hover > .flex-direction-nav li .next {
    display: block
}

.slider1 .flex-direction-nav li .prev:hover {
    background-color: #9abf27
}

.slider1 .flex-direction-nav li .next:hover {
    background-color: #9abf27
}

.flex-pauseplay {
    position: absolute;
    top: 100%;
    right: 0px;
    margin-top: 12px;
    margin-right: 72px !important
}

.flex-pauseplay .pause {
    background: url('../img/pause.png') no-repeat 0 0;
    width: 31px;
    height: 28px;
    font-size: 0px;
    position: absolute
}

.flex-pauseplay .play {
    background: url('../img/play.png') no-repeat 0 0;
    width: 31px;
    height: 28px;
    font-size: 0px;
    position: absolute
}

.flexslider:hover > .flex-pauseplay .pause {
    display: block
}

.flexslider:hover > .flex-pauseplay .play {
    display: block
}

.flex-pauseplay .pause:hover {
    cursor: pointer;
    background: url('../img/pause-hover.png')
}

.flex-pauseplay .play:hover {
    cursor: pointer;
    background: url('../img/play-hover.png')
}

.portfolio-slider .flex-pauseplay {
    display: none
}

/* Control Nav */
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -37px;
    left: 10px
}

.flex-control-nav li {
    margin: 0 0 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline
}

.flex-control-nav li:first-child {
    margin: 0
}

.flex-control-nav li a {
    width: 27px;
    height: 13px;
    display: block;
    background: url('../img/bullet.png') no-repeat 0 0;
    cursor: pointer;
    text-indent: -9999px
}

.flex-control-nav li a:hover {
    width: 27px;
    height: 13px;
    display: block;
    background: url('../img/bullet-hover.png')
}

.flex-control-nav li a.active {
    width: 27px;
    height: 13px;
    display: block;
    background: url('../img/bullet-hover.png')
}

.colored {
    color: #7daf27
}

.slider-title {
    padding: 10px;
    background: #000;
    color: #FFF !important
}

.slider-title h3 {
    text-transform: uppercase;
    color: #FFF !important
}

.portfolio-slider .flex-control-nav {
    display: none
}

.flex-control-nav li a {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

header {
    background: #fff;
    margin-bottom: 3px;
}

.twitter-block {
    padding: 20px 0px;
    background: #3a3a3a;
    color: #FFF
}

.bottom-block {
    padding: 5px 0;
    background: #3a3a3a;
    color: #999;
    font-size: 11px;
    border-bottom: 5px solid #000;
    margin-left: -13px;
    margin-right: -13px;
}

.twitter-block h4 {
    color: #FFF
}

footer {
    padding: 20px 0px;
    background: #303030;
    color: #cacaca;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    margin-left: -13px;
    margin-right: -13px;
    margin-top: 0px;
}
footer .span3 h2 {
    margin-left: 10px;
}

.footer_links {
    margin-right: 10px;
}

.soc_icons hr {
    margin-right: 10px;
}

.flip:hover {
    cursor: pointer !important
}

.blog-icon {
    background: #000;
    float: left;
    padding: 7px 12px;
    margin-top: 10px;
    margin-right: 15px
}

img {
    margin: 0px !important;
    padding: 0px !important max-width: 99%;
}

.block {
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #dfdfdf;
    text-align: center
}

.block p {
    margin-bottom: 0px;
    margin-top: 3px
}

.block h5 {
    padding-top: 10px;
    padding-left: 10px
}

.block:hover {
}

.block a {
    text-shadow: 1px 1px #fff;
    color: #444;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.block a:hover {
    text-shadow: 1px 1px #fff;
    color: #7daf27;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.left .span3 {
    text-align: left
}

.nbm {
    margin-bottom: 0px !important
}

.nbm .span3 {
    margin-bottom: 0px
}

.undercolored {
    border-bottom: 1px solid #777777
}

.undercolored a {
    color: inherit
}

.undercolored a:hover {
    color: #00AFFD;
    text-decoration: none
}

.welcome .undercolored {
    border-width: 2px
}

.view {
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}

.view .mask, .view .content {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.view img {
    display: block;
    position: relative;
}

.view h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.1);
    margin: 20px 0 0 0;
}

.view p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center;
}

.view a.info {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
}

.view a.link {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
}

.view a.info: hover {
    -webkit-box-shadow: 0 0 5px #000;
    -moz-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
}

.view-first img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.view-first .mask {
    filter: alpha(opacity = 100) !important;
    display: none;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    width: 100%;
    height: 100%;
}

.view-first h2 {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity = 0) !important;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.view-first p {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity = 0);
    opacity: 0 !important;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.view-first:hover img {

}

.view-first a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity = 0) !important;
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -25px;
    margin-left: -64px;

}

.view-first a.link {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity = 0) !important;
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -25px;
    margin-left: 11px;

}

.view-first:hover .mask, .mask:hover {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity = 100) !important;
    opacity: 1;
    display: block;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info,
.view-first:hover a.link {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity = 70) !important;
    opacity: 0.7;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.view-first:hover a.info:hover,
.view-first:hover a.link:hover {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity = 100) !important;
    opacity: 1;

}

.view-first:hover p {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.button {
    display: inline-block;
    position: relative;
    margin: 10px;
    padding: 0 20px;
    text-align: center;
    text-decoration: none;
    font: bold 12px/25px Arial, sans-serif;

    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;

    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

.button:hover {
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 0px 0px 2px rgba(0, 0, 0, .5);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 0px 0px 2px rgba(0, 0, 0, .5);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .29), inset 0px 0px 2px rgba(0, 0, 0, .5);
}

.button:active {
    -webkit-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, .8);
    -moz-box-shadow: inset 0px 0px 3px rgba(0, 0, 0, .8);
    box-shadow: inset 0px 0px 3px rgba(0, 0, 0, .8);
}

/* Big Button Style */

.big {
    padding: 0 40px;
    padding-top: 10px;
    text-transform: uppercase;
    font: bold 20px/22px Arial, sans-serif;
}

.big span {
    display: block;
    text-transform: none;
    font: italic normal 12px/18px Georgia, sans-serif;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, .12);
}

/* Green Color */

.green {
    color: #3e5706;
    background: #a5cd4e; /* Old browsers */
    background: -moz-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5cd4e), color-stop(100%, #6b8f1a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%); /* IE10+ */
    background: linear-gradient(top, #a5cd4e 0%, #6b8f1a 100%); /* W3C */
}

/* Blue Color */
.blue {
    color: #08c;
    background: #0074cc; /* Old browsers */
    background: -moz-linear-gradient(top, #0088cc 0%, #0055cc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0088cc), color-stop(100%, #0055cc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #0088cc 0%, #0055cc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #0088cc 0%, #0055cc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #0088cc 0%, #0055cc 100%); /* IE10+ */
    background: linear-gradient(top, #0088cc 0%, #0055cc 100%); /* W3C */
}
/* Cian Color */
.cian {
    color: #5bc0de;
    background: #49afcd; /* Old browsers */
    background: -moz-linear-gradient(top, #5bc0de 0%, #2f96b4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #2f96b4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #5bc0de 0%, #2f96b4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #5bc0de 0%, #2f96b4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #5bc0de 0%, #2f96b4 100%); /* IE10+ */
    background: linear-gradient(top, #5bc0de 0%, #2f96b4 100%); /* W3C */
}
/* Red Color */
.red{
    background: #da4f49; /* Old browsers */
    background: -moz-linear-gradient(top, #ee5f5b 0%, #bd362f 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #bd362f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ee5f5b 0%, #bd362f 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ee5f5b 0%, #bd362f 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ee5f5b 0%, #bd362f 100%); /* IE10+ */
    background: linear-gradient(top, #ee5f5b 0%, #bd362f 100%); /* W3C */
}
/* Orange Color */
.orange {
    background: #faa732; /* Old browsers */
    background: -moz-linear-gradient(top, #fbb450 0%, #f89406 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbb450), color-stop(100%, #f89406)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fbb450 0%, #f89406 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fbb450 0%, #f89406 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fbb450 0%, #f89406 100%); /* IE10+ */
    background: linear-gradient(top, #fbb450 0%, #f89406 100%); /* W3C */
}
/* Violet Color*/
.violet {
    background: #da1bf8; /* Old browsers */
    /*#ad1bcb, #da1bf8*/
    background: -moz-linear-gradient(top, #da1bf8 0%, #ad1bcb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #da1bf8), color-stop(100%, #ad1bcb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #da1bf8 0%, #ad1bcb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #da1bf8 0%, #ad1bcb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #da1bf8 0%, #ad1bcb 100%); /* IE10+ */
    background: linear-gradient(top, #da1bf8 0%, #ad1bcb 100%); /* W3C */
}
/* Yellow Color */
.yellow {
    background: #dee00d; /* Old browsers */
    background: -moz-linear-gradient(top, #f6f80e 0%, #989a0d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f80e), color-stop(100%, #989a0d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f6f80e 0%, #989a0d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f6f80e 0%, #989a0d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f6f80e 0%, #989a0d 100%); /* IE10+ */
    background: linear-gradient(top, #f6f80e 0%, #989a0d 100%); /* W3C */
}
/* Gray Color */
.gray {
    color: #515151;
    background: #a7a7a7; /* Old browsers */
    background: -moz-linear-gradient(top, #a7a7a7 0%, #484848 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a7a7a7), color-stop(100%, #484848)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #a7a7a7 0%, #484848 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a7a7a7 0%, #484848 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #a7a7a7 0%, #484848 100%); /* IE10+ */
    background: linear-gradient(top, #a7a7a7 0%, #484848 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#a7a7a7', endColorstr = '#484848', GradientType = 0);
}

/*Mega button */
/*-------------------------------------------------------------------------------------------------*/

.a-btn {
    font-family: Oswald;
    background: #3333;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(#666, 0), color-stop(#333, 1));
    background: -webkit-linear-gradient(top, #666 0%, #333 100%);
    background: -moz-linear-gradient(top, #666 0%, #333 100%);
    background: -o-linear-gradient(top, #666 0%, #333 100%);
    background: linear-gradient(top, #666 0%, #333 100%);
    padding: 15px 0;
    display: inline-block;
    position: relative;
    text-align: center;
    border: 1px solid #333;
    -webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8) inset, 1px 1px 3px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 5px;
    clear: both;
    overflow: hidden;
    width: 100%;
    -webkit-transition: box-shadow 0.3s ease-in-out;
    -moz-transition: box-shadow 0.3s ease-in-out;
    -o-transition: box-shadow 0.3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out;
}

.a-btn img {
    background-image: url('../img/icons/button_icon_bg.png');
    background-repeat: no-repeat;
    position: absolute;
    left: 15px;
    top: 13px;
    padding-top: 17px;
    padding-left: 17px;
    padding-bottom: 17px;
    padding-right: 17px;
    border: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.a-btn .a-btn-slide-text {
    position: absolute;
    font-size: 30px;
    color: #fff;
    text-shadow: 1px 1px 0px #333;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0 !important;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.a-btn-text {
    color: #fff;
    display: block;
    font-size: 26px;
    text-transform: uppercase;
    line-height: 36px;
    text-shadow: 1px 1px 0px #111;
}

.a-btn-text small {
    line-height: 22px;
    display: block;
    font-size: 12px;
    letter-spacing: 1px;
}

.a-btn-icon-right {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 80px;
    border-left: 1px solid #5d81ab;
    -webkit-box-shadow: 1px 0px 1px rgba(255, 255, 255, 0.4) inset;
    -moz-box-shadow: 1px 0px 1px rgba(255, 255, 255, 0.4) inset;
    box-shadow: 1px 0px 1px rgba(255, 255, 255, 0.4) inset;
}

.a-btn:hover {
    background: #7daf27;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(#7daf27, 0), color-stop(#9ec622, 1));
    background: -webkit-linear-gradient(top, #7daf27 0%, #9ec622 100%);
    background: -moz-linear-gradient(top, #7daf27 0%, #9ec622 100%);
    background: -o-linear-gradient(top, #7daf27 0%, #9ec622 100%);
    background: linear-gradient(top, #7daf27 0%, #9ec622 100%);
    text-decoration: none;
    border-color: #9ec622;
}

.a-btn:hover > .a-btn-text {
    text-shadow: 1px 1px 0px #9ec622
}

.a-btn:hover img {
    opacity: 0;
}

.a-btn:hover .a-btn-slide-text {
    color: #fff;
    text-shadow: 1px 1px #111;
    font-size: 40px;
    line-height: 44px;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.a-btn:hover .a-btn-icon-right span {
    opacity: 1;
    background-color: #fff;
}

.a-btn:active {
    position: relative;
    background: #000;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4) inset;
    border-color: #444;
}

.a-btn:active .a-btn-icon-right span {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}


h2 .label, h3 .label {
    font-size: inherit;
    border-radius: 0px !important;
    background-color: #7daf27
}

.dash {
    border-style: dashed !important;
    margin-top: 10px;
    margin-bottom: 10px
}

/*-------------------------------------------------------------------------------------------------*/
/*DROPCAPS*/
/*-------------------------------------------------------------------------------------------------*/

.dropcap {
    float: left;
    font-size: 36px;
    margin: 10px 6px 1px 0;
}

.dropcap2 {
    border-radius: 30px 30px 30px 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    text-shadow: 1px 1px #393b3f;
    background-color: #393b3f;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 25px;
    height: 20px;
    margin: 5px 10px 0 0;
    padding: 13px 10px 13px 12px;
    text-align: center;
    vertical-align: bottom;
    width: 25px;
}

.dropcap3 {
    background-color: #393b3f;
    color: #FFFFFF;
    text-shadow: 1px 1px #393b3f;
    display: block;
    float: left;
    font-size: 25px;
    height: 20px;
    margin: 5px 10px 0 0;
    padding: 13px 10px 13px 12px;
    text-align: center;
    vertical-align: bottom;
    width: 25px;
}

.dropcap4 {
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -o-border-radius: 30px;
    background-color: #ededed;
    color: #393b3f;
    display: block;
    float: left;
    font-size: 25px;
    height: 20px;
    margin: 5px 10px 0 0;
    padding: 13px 10px 13px 12px;
    text-align: center;
    vertical-align: bottom;
    width: 25px;
}

.dropcap5 {
    background-color: #ededed;
    color: #393b3f;
    display: block;
    float: left;
    font-size: 25px;
    height: 20px;
    margin: 5px 10px 0 0;
    padding: 13px 10px 13px 12px;
    text-align: center;
    vertical-align: bottom;
    width: 25px;
}

ul.unstyled li {
    margin-bottom: 5px
}

.twitter-block .btn-success {
    border-color: #111 #111 #111 !important;
    border-color: rgba(0, 0, 0, 1) rgba(0, 0, 0, 1) rgba(0, 0, 0, 1);
    border-radius: 5px;
}

/*-------------------------------------------------------------------------------------------------*/
/*TWITTER FEED */
/*-------------------------------------------------------------------------------------------------*/

#jstwitter .tweet {
    font-size: 13px;
    padding-right: 5px;
    margin-right: 20px;
    color: #999;
}

#jstwitter {
}

#jstwitter:first-child {
    border-top: none
}

#jstwitter .tweet a {
    text-decoration: none;
    color: inherit;
    border-bottom: 1px solid #7daf27;
}

#jstwitter .tweet a:hover {
    color: #7daf27;
}

#jstwitter .tweet .time {
    font-size: 10px;
    font-style: italic;
    color: #666;
}

.twitter-block .well {
    min-height: 20px;
    padding: 15px;
    margin-bottom: 0px !important;
    background-color: #333;
    border: 1px solid #eee;
    border: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel .well {
    background-color: #333;
    margin-bottom: 0px;
}

.panel {
    display: none;
    visibility: visible;
    background-color: #f5f5f5
}

#map {
    height: 350px;
    width: 100%;
    border-bottom: 5px solid #f5f5f5
}

#map-contact {
    height: 329px;
    width: 100%;
    border: 1px solid #efefef;
}

.twitter-block h5 {
    margin-bottom: 5px;
    color: #999
}

.twitter-block .header p {
    font-size: 11px;
    line-height: 14px;
    color: #777
}

.flickr img {
    width: 25%;
    margin-right: 15px !important
}

.form-inline {
    margin: 0
}
.form-horizontal .control-group {
    margin-bottom: 2px;
}

span.required {
    color: #C23A34;
}

.icon_t {
    width: 24px;
    height: 24px;
    background: url('../img/icons_twitter_hover.png')
}

.icon_t:hover {
    background: url('../img/icons_twitter.png')
}

.icon_facebook {
    width: 24px;
    height: 24px;
    background: url('../img/icons_facebook_hover.png')
}

.icon_facebook:hover {
    background: url('../img/icons_facebook.png')
}

.icon_vk {
    width: 24px;
    height: 24px;
    background: url('../img/icons_vk_hover.png')
}

.icon_vk:hover {
    background: url('../img/icons_vk.png')
}

.icon_dribbble {
    width: 24px;
    height: 24px;
    background: url('../img/icons_dribbble_hover.png')
}

.icon_dribbble:hover {
    background: url('../img/icons_dribbble.png')
}

.icon_google {
    width: 24px;
    height: 24px;
    background: url('../img/icons_google_hover.png')
}

.icon_google:hover {
    background: url('../img/icons_google.png')
}

.icon_in {
    width: 24px;
    height: 24px;
    background: url('../img/icons_in_hover.png')
}

.icon_in:hover {
    background: url('../img/icons_in.png')
}

.icon_flickr {
    width: 24px;
    height: 24px;
    background: url('../img/icons_flickr_hover.png')
}

.icon_flickr:hover {
    background: url('../img/icons_flickr.png')
}

.preloader {
    background: url('../img/spinner.gif') center center no-repeat #ffffff;
}

.view {
    background: url('../img/spinner.gif') center center no-repeat #f5f5f5
}

/* Responsive table
------------------------- */
.responsive-utilities th small {
    display: block;
    font-weight: normal;
    color: #999;
}

.responsive-utilities tbody th {
    font-weight: normal;
}

.responsive-utilities td {
    text-align: center;
}

.responsive-utilities td.is-visible {
    color: #468847;
    background-color: #dff0d8 !important;
}

.responsive-utilities td.is-hidden {
    color: #ccc;
    background-color: #f9f9f9 !important;
}

/* Responsive tests
------------------------- */
.responsive-utilities-test {
    margin-top: 5px;
    margin-left: 0;
    list-style: none;
    overflow: hidden; /* clear floats */
}

.responsive-utilities-test li {
    position: relative;
    float: left;
    width: 25%;
    height: 43px;
    font-size: 14px;
    font-weight: bold;
    line-height: 43px;
    color: #999;
    text-align: center;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.responsive-utilities-test li + li {
    margin-left: 10px;
}

.responsive-utilities-test span {
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.responsive-utilities-test span {
    color: #468847;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
}

input:focus,
textarea:focus {
    border-color: rgba(101, 154, 34, 0.8);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(101, 154, 34, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(101, 154, 34, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(101, 154, 34, 0.6);
    outline: 0;
    /* IE6-9 */

}

.side_bar .well {
    background: #f8f8f8
}

.side_bar section section {
    padding-top: 35px
}

.blog_cat ul.nav-pills {
    list-style: none;
    margin-left: 0px;
    margin-bottom: 0px
}

.blog_cat ul.nav-pills li a {
    padding-left: 30px;
    background-image: url(../img/next.png);
    background-repeat: no-repeat;
    background-position: 10px center
}

.blog_cat ul.nav-pills li:last-child {
    margin-bottom: 0px !important
}

.blog_cat ul.nav-pills li a:hover {
    text-decoration: none;
    color: #7daf27;
    text-shadow: 1px 1px #fff !important
}

.side_bar hr {
    margin-top: 5px;
    margin-bottom: 10px;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #ffffff
}

.ddate {
    background: #efefef;
    text-align: center;
    border-radius: 5px
}

.ddate h5 {
    padding-top: 15px;
    padding-bottom: 7px
}

.blog_head h3 {
    color: #fff;
    padding-left: 3px
}

.ddate .firstA {
    display: block;
    position: relative;
    left: 50%;
    top: 10px;
    margin-left: -10px !important;
    border-top: 10px solid #efefef;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    font-size: 0px;
    height: 0px;
    line-height: 0;
    margin-bottom: 20px;
    width: 0px;
}

.meta span {
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 7px;
    display: block
}

.share {
    font-size: 11px;
    float: left;
    float: right;
    display: inline-table;
    margin-top: 4px;
    margin-right: 0px;
    width: 111px;
}

.comment {
    margin-top: 20px;
    font-size: 11px;
    line-height: 15px
}

.comment img {
    margin-right: 20px !important;
    margin-bottom: 20px !important
}

.comment h5 {
    margin-bottom: 10px
}

.tab-pane {
    padding: 15px;
    background: #FFF;
    padding-bottom: 1px;
    border: 1px solid #dfdfdf;
    /*border-left: 1px solid #dfdfdf;*/
}
.tabs-left .nav-tabs {
    margin-right: -1px;
}

.nav-tabs {
    margin-bottom: 0px !important
}

.nav-tabs li a {
    font-size: 14px;
}

ul#filters {
    list-style: none;
    margin: 0px !important
}

ul#filters li {
    float: left;
    padding-left: 0px;
    margin-right: 20px
}

.isotope-item {
    z-index: 2
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}

.modal-body {
    max-height: none;
}

/* Isotope CSS3 transitions */
.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -moz-transform, opacity;
    -o-transition-property: top, left, opacity;
    transition-property: transform, opacity
}

/* disabling Isotope CSS3 transitions */
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

.pt20 {
    padding-top: 5px
}

.accordion-heading {
    font-size: 20px
}

.img-hidden {
    display: none
}

.catalog_img {
    width: 570px;
}

.view-first a.info {
    margin-left: -20px
}

.block .description-top {
    border-top: 1px solid #dfdfdf;
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: 19px
}

.block .description-top .title {
    font-size: 18px;
    float: left;
    padding-left: 2px
}

#portfolio a .catalog_img:hover {
    opacity: 1.2
}

.filter-sort {
    float: right
}

.pagination ul {
    float: right
}

a.white, a.white:hover {
    color: white
}

.span12 section .sort-title {
    float: right;
    font-size: 14px;
    text-transform: uppercase;
    padding-top: 0px;
    padding-right: 5px
}

#main-nav {
    float: right;
    margin-right: 10px
}

.padding5 {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 0
}
.paddingLeft10 {
    padding-left: 10px;
}
.portfolio-description  section {
    padding-top: 20px
}

#note {
    color: #ff0000;
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 15px
}

.accordion-toggle {

}
.toggler {
    padding: 4px 15px;
    /*background-color: #F1F1F2;*/
    border: 1px solid #ecedf3;
    /*color: #00AFFD;*/
    margin: 0 0 2px;
    outline: medium none;
    overflow:hidden;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}

.toggler_ask {
    border-top: 1px solid #ECEDF3;
    margin-top: 0px;
    padding-top: 10px;
    overflow: auto;
    }

.toggler_ask p {
    font-size: 12px;
    font-weight: normal;
}

.testimonials-item {
	padding-bottom:20px;
}

.testimonials-item p {
	text-indent: 1.5em;
}


/* LOADER */
.loader-transparent {
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); /* IE 5.5+*/
    -moz-opacity: 0.7; /* Mozilla 1.6 и ниже */
    -khtml-opacity: 0.7; /* Konqueror 3.1, Safari 1.1 */
    opacity: 0.7; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}
.loader-wrapper {
    /*background:url("../images/loader-bg.png") repeat transparent;*/
    height:0;
    position:absolute;
    width:0;
    z-index: 20;
}
.loader {
    background:url( ../img/roller.gif ) no-repeat scroll left top transparent;
    height:11px;
    margin:18px auto 0;
    width:43px;
    z-index:25;
}

/* CONTENT */

.content-img {
    float: left;
    width: 420px;
    padding-right: 20px;
    padding-bottom: 10px;
}
.content-img-small {
    float: left;
    width: 315px;
    padding-right: 20px;
    padding-bottom: 10px;
}
.content-img-big {
    width: 928px;
    border: 1px solid #DFDFDF;
}

.llc-standart {
    height:219px;
}

.llc-gold {
    height: 60px;
}
.inc-standart {
    height: 80px;
}
.inc-gold {
    height: 0px;
}
.well-margin {
    margin-right: -18px;
}
.collapse {
    overflow: auto;
}

.nav-pills > .active > a,
.nav-pills > .active > a:hover {
    background-color: #0984D0;
}

.accordion-inner .span10-block {
    margin-left: 0px;
}
.img-polaroid {
    width: 140px;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.agent-info {
    /*margin-left: 170px; if photo is visible*/
    font-style: inherit;
}

.btn-collapse {
    background: url("../img/accordion-toggle.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    margin-top: -2px;
    margin-right: -9px;
    width: 22px;
    height: 22px;
}
.btn-plus {
    background-position: 0px 0px;
}

.btn-minus {
    background-position: 0px -23px;
}

section p, .tab-pane.active p {
    margin-bottom: 2px;
}
.cost_cont {
    float: left;
    width: 244px;
    height: 356px;
    background: #ffffff;
    border-radius: 10px;
    padding: 30px 23px;
    margin-bottom: 40px;
    border: 3px solid #0088cc;
}

.cost_cont+.cost_cont {
    margin-left: 34px;
    border-color: #0088cc;
}

.cost_cont+.cost_cont.no_margin {
    margin-left: 0;
}

.cost_cont .cost_header{
    text-align: center;
    font-size: 24px;
    line-height: 28px;
    font-weight: normal;
    margin: 0 -20px;
}
.cost_cont .price {
    font-size: 26px;
    line-height: 27px;
    text-align: center;
    padding-bottom: 20px;
}
.cost_cont .readmore {
    text-align: center;
}

.video_link {
    text-align: center;
    margin-top: 20px;
}