/* Global properties ======================================================== */

a {
    outline: none !important;
}
a:focus {
    text-decoration: none !important;
}
figure img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
body {
    font-size: 12px;  
    -webkit-text-size-adjust: none;
    font-family: helvetica, verdana, arial;
}
/*-webkit-user-select: none;*/
#wrapper {
    overflow: visible !important;
}
.brand {
    margin: 0 !important;
    padding: 2px 0;
    min-width: 138px;
}
.brand a {
    /*
    font: 48px Engagement !important;
    letter-spacing: 1px;
    color: white;
    */
    line-height: 43px;
    display: inline-block;
}
.brand a:hover {
    color: white;
    text-decoration: none;
}
.brand a:focus {
    color: white;
    text-decoration: none;
}
.brand a .red {
    color: #da2f10;
}
/**** Top Menu ****/

.TopMenu {
    margin: 0;
    padding: 0;
    float: right;
    list-style: none;
}
.TopMenu li {
    margin: 0 0 0 0;
    padding: 5px 0 5px 0;
    float: left;
}
.TopMenu li:first-child {
    background: none !important;
}
.TopMenu li a {
    display: block;
    font: 14px Open Sans;
    font-weight: 600;
    color: #8f8f8f;
    text-transform: uppercase;
}
.TopMenu li a:hover {
    text-decoration: none;
    color: white;
}
.TopMenu li .Buy {
    color: white !important;
}
.TopMenu li .Buy:hover {
    color: #da2f10 !important;
}
.TopMenu .active {
    text-decoration: none;
}
.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
    color: #d92e10;
    background: none;
    background-color: inherit;
    box-shadow: none;
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
    box-shadow: none !important;
}
.navbar .nav > li {
    position: relative;
}
.navbar-inverse .nav > li:hover > a {
    color: #d92e10;
}
.navbar .nav > li.active:before,
.navbar .nav > li:hover:before {
    content: '';
    background: #d92e10;
    border: 1px solid #d92e10;
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    overflow: hidden;
    display: block;
    width: auto;
    height: 1px;
}
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
    box-shadow: none !important;
    background-color: #f0f0f0;
    background-image: none !important;
    border: none !important;
    filter: none !important;
}
/**** Social icons ****/
.Socials {
    background: #d2d2d2;
}
.Socials ul {
    text-align: right;
    list-style: none;
    clear: both;
    float: none;
    position: relative;
    margin: 0;
    padding: 0;
    width: auto;
}
.Socials ul > li {
    position: relative;
    display: inline-block;
    padding: 0 0 0 7px;
}
.Socials ul > li > a {
    color: #585858;
    font-size: 12px;
    font-weight: 600;
    line-height: 23px;
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    -webkit-transition: color .500s ease;
    -moz-transition: color .500s ease;
    -ms-transition: color .500s ease;
    -o-transition: color .500s ease;
    transition: color .500s ease;
}
.Socials ul > li > a > span {
    color: inherit;
    font-size: 14px;
    vertical-align: middle;
    margin-top: -3px;
}
.Socials ul > li > a:hover {
    color: #da2f11;
}

.test {
    float: right;
}
.btn-navbar {
    float: left !important;
}
.btn-navbar {
    margin: 3px 0 0 !important;
}
.slideWrap {
    padding: 69px 0 0 !important;
}
.slideWrap1 {
    padding: 0 !important;
}
.UnderSlide {
    background: white;
    border-bottom: 1px solid #e2e2e2;
}
.UnderSlide .title {
    padding: 18px 0 18px 0;
    margin: 0 0 -1px 0;
    font: 18px Muli, Verdana;
    color: #1b1b1b;
    border-bottom: 1px solid #1b1b1b;
    float: left;
}
/**** From Blog section ****/

.FromBlog {
    background: #f6f6f6;
    overflow: hidden;
}
.FromBlog .BlogArticle {
    padding: 0 0 1px 0;
    box-shadow: 0px 0px 3px transparent;
    margin: 40px 0 23px 0;
    position: relative;
    overflow: hidden;
}
.FromBlog .BlogArticle .ImgWrap {
    position: relative;
    text-align: center;
}
.FromBlog .BlogArticle:hover {
    padding: 0;
    box-shadow: 0px 0px 6px #dedcdc;
    border-bottom: 1px solid #da2f10;
}
.FromBlog .BlogArticle .date {
    padding: 8px 0 0;
    margin: -24px 0 0;
    width: 49px;
    height: 47px;
    font: 800 14px/18px Open Sans;
    position: absolute;
    top: 50%;
    left: 0;
    background: #1b1b1b;
    color: white;
    text-align: center;
}
.FromBlog .BlogArticle .date span {
    font: 800 24px/20px Open Sans;
}
.FromBlog .BlogArticle a:hover {
    text-decoration: none;
}
.FromBlog .BlogArticle:hover .date {
    background: #da2f10;
    color: white;
}
.FromBlog .BlogArticle .WhiteTone {
    padding: 0 0 15px 0;
}
.FromBlog .BlogArticle:hover .WhiteTone {
    background: white;
}
.FromBlog .BlogArticle .title {
    padding: 18px 0 0 19px;
    font: 800 20px/22px Open Sans !important;
    font-weight: bold;
    color: #1b1b1b;
    display: block;
}
.FromBlog .BlogArticle:hover .title {
    color: #da2f10;
}
.FromBlog .BlogArticle p.comments {
    padding: 0 0 0 19px;
    font: 13px Muli, Verdana;
    font-weight: 700;
}
.FromBlog .BlogArticle a.comments {
    color: #1b1b1b;
}
.FromBlog .BlogArticle a.comments:hover {
    color: #da2f10;
}
.FromBlog .BlogArticle .name {
    color: #1b1b1b;
}
.FromBlog .BlogArticle .name:hover {
    color: #da2f10;
}
#myCarousel .carousel-inner {
    background: #414141;
}
#about,
#portfolio,
#blog {
    overflow: hidden;
    padding: 108px 0 0;
    padding: 60px 0 0;
    position: relative;
}
#blog {
    padding-bottom: 90px;
}
#index {
    padding-bottom: 90px;
    overflow: hidden;
    position: relative;
}
#portfolio {
    padding: 68px 0 90px 0;
}
#portfolio .SliderWrapper {} #vision .span9 {
    padding-top: 10px;
}
#vision {
    padding-bottom: 130px;
}
#story {
    padding-bottom: 150px;
}
#story .StoryImage {
    padding-top: 11px;
}
#portfolio .slideWrap {
    padding-top: 0 !important;
}
.ButWrap {
    float: left;
    padding: 0 17px 0 27px;
}
.BottomMenuWrap {
    margin: 0;
    padding: 0 0 0;
    background: white !important;
    border-bottom: 1px solid #e2e2e2;
}
.BottomMenuWrap .container {
    padding: 0 0 0 !important;
}
.BottomMenu {
    padding: 0;
    margin: 0 0 -1px 0;
    float: left;
    clear: both;
    list-style: none;
}
.BottomMenu li {
    margin: 0 30px 0 0 !important;
    float: left;
}
.BottomMenu li a {
    padding: 18px 0 17px 0 !important;
    margin: 0 !important;
    display: block;
    font: 18px Muli, Verdana;
    color: #848484;
    outline: none;
    border-bottom: 1px solid #e2e2e2;
}
.BottomMenu li a.selected {
    padding: 18px 0 17px 0 !important;
    text-decoration: none;
    color: #1b1b1b;
    border-color: #1b1b1b !important;
    background: white;
}
.BottomMenu li a:hover {
    margin: 0 0 -1px 0;
    padding: 18px 0 17px 0 !important;
    text-decoration: none;
    color: #1b1b1b;
    border-bottom: 1px solid #1b1b1b !important;
    background: white;
}
.BottomMenu li.active {} .BottomMenu .active a {
    padding: 18px 0 17px 0 !important;
    text-decoration: none;
    color: #1b1b1b !important;
    border-bottom: 1px solid #1b1b1b !important;
}
.BottomMenu .active:hover a {
    margin: 0 !important;
}
.BottomMenu li a:focus {
    text-decoration: none;
    color: #1b1b1b;
    border-bottom: 1px solid #1b1b1b !important;
}
.BottomMenuWrap .navbar {
    -webkit-appearance: none;
}
.BottomMenuWrap .navbar-inner {
    padding: 0 !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    -webkit-appearance: none;
}
.BottomMenuWrap .btn-navbar {
    float: right !important;
    margin-bottom: 0px;
}
.BottomMenuWrap .test .empty {
    width: 92px;
    height: 1px;
    float: right;
}
.BottomMenuWrap .collapse {
    -webkit-appearance: none;
}
.BottomMenuWrap .nav-collapse {
    -webkit-appearance: none;
}
/**** About Page ****/

.AboutContent {
    padding: 0;
    clear: both;
    position: relative;
    background: #f6f6f6;
}
#homepage .AboutContent {
    padding: 55px 0 80px 0;
    padding: 55px 0 0 0;
}
#homepage .AboutContent.nopad,
#about .AboutContent,
#MapContact .AboutContent {
    padding-top: 0;
}
#products-tab .AboutContent {
    padding-bottom: 0;
}
#homepage .iosSliderButtons {
    display: none;
}
.AboutContent .tab-content {
    overflow: inherit;
}
.AboutContent .title {
    margin: 0 0 0 -2px;
    padding: 0 0 15px 0;
    font: normal 40px/45px Roboto;
    color: #1b1b1b;
    letter-spacing: -2px;
    text-transform: uppercase;
}
#homepage .AboutContent .title {
    word-break: break-all;
}
.AboutContent .span9 {
    overflow: visible;
}
.AboutContent .MeetTeam {
    max-width: 270px;
    margin: 0 0 47px;
    position: relative;
}
.AboutContent .MeetTeam:hover {
    box-shadow: 0px 0px 6px #dedcdc;
}
.AboutContent .MeetTeam:hover .InfoWrap {} .AboutContent .MeetTeam:hover .TeamInfo {
    background: white;
}
.clear {
    clear: both;
}
.aboutText {
    padding: 15px 0 15px 0;
    font: 15px/22px Muli, Verdana;
}


@media(max-width: 767px) {
    .aboutText {
        padding-left: 20px;
        padding-right: 20px;
    }
    .StoryImage {
        text-align: center;
    }
    
    
}
.aboutText .center {
    padding: 9px 0 9px 30px;
    font: 18px/26px Muli, Verdana;
    color: #1b1b1b;
}
.TeamInfo {
    padding: 0 0 15px 0;
    z-index: 1;
}
.TeamInfo .name {
    padding: 20px 0 0 20px;
    font: 800 20px/22px Open Sans;
    color: #1b1b1b;
}
.TeamInfo .name span {
    font: 14px Muli, Verdana;
    color: #848484;
    display: block;
}
.TeamInfo .InfoWrap {
    position: absolute;
    top: 343px;
    left: 0;
    z-index: +1;
    background: white;
    box-shadow: 0px 6px 6px #dedcdc;
}
.TeamInfo .InfoWrap .InfoWrapContainer {
    background: white;
}
.TeamInfo .description {
    padding: 0 26px 25px 20px;
    font: 15px/22px Muli, Verdana;
    color: #1b1b1b;
    border-bottom: 1px solid #e2e2e2;
    background: white;
}
.TeamInfo .SocialWrap {
    padding: 16px 0 16px 20px;
    border-bottom: 1px solid #da2f10;
    font: 13px Muli, Verdana;
    color: #848484;
    background: white;
}
.SocialList {
    padding: 4px 0 0;
    margin: 0;
    list-style: none;
    background: white;
}
.SocialList li {
    padding: 0 10px 0 0;
    float: left;
}
.SocialList li a {
    width: 15px;
    height: 14px;
    display: block;
    background: url(../images/bg_sociial_list.png);
    position: relative;
    -webkit-transition: 0.5s opacity;
    -moz-transition: 0.5s opacity;
    -ms-transition: 0.5s opacity;
    -o-transition: 0.5s opacity;
    transition: 0.5s opacity;
}
.SocialList li a span {
    width: 15px;
    height: 14px;
    display: block;
    background: url(../images/bg_sociial_list.png);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: 0.5s opacity;
    -moz-transition: 0.5s opacity;
    -ms-transition: 0.5s opacity;
    -o-transition: 0.5s opacity;
    transition: 0.5s opacity;
}
.SocialList li a:hover span {
    opacity: 1;
}
.SocialList li .tweet {
    background-position: 0 0;
}
.SocialList li .tweet span {
    background-position: 0 -14px;
}
.SocialList li .face {
    background-position: 0 -28px;
}
.SocialList li .face span {
    background-position: 0 -42px;
}
.SocialList li .in {
    background-position: 0 -56px;
}
.SocialList li .in span {
    background-position: 0 -70px;
}
.SocialList li .goog {
    background-position: 0 -84px;
}
.SocialList li .goog span {
    background-position: 0 -98px;
}
.SocialList li .flickr {
    background-position: 0 -112px;
}
.SocialList li .flickr span {
    background-position: 0 -126px;
}
.SocialList li .insta {
    background-position: 0 -140px;
}
.SocialList li .insta span {
    background-position: 0 -154px;
}
.SocialList li .pint {
    background-position: 0 -168px;
}
.SocialList li .pint span {
    background-position: 0 -182px;
}
.SocialList li .mail {
    background-position: 0 -196px;
}
.SocialList li .mail span {
    background-position: 0 -210px;
}
.TeamWrap {
    padding-bottom: 109px;
    overflow: visible;
}
#vision .VisMarg {
    margin-left: 2.5641%;
}
#vision .VisMarg2 {
    margin: 0;
}
#vision .span9 .row {
    padding-left: 15px;
}
.VisionTitle {
    font: 20px/40px Open Sans;
    font-weight: 800;
    color: #1b1b1b;
}
.VisionTitle .number {
    width: 40px;
    height: 40px;
    font: 24px/40px Montserrat;
    float: left;
    text-align: center;
    color: white;
    background: #da2f10;
}
.VisionTitle span {
    padding: 0 0 0 19px;
    float: left;
}
.VisionArticle {
    margin: 0 0 31px 0;
}
.VisionArticle .text {
    padding: 7px 0 0 0;
    clear: both;
    font: 15px/22px Muli, Verdana;
    color: #848484;
}
.PortfolioContent {
    padding: 55px 0 20px 0;
    clear: both;
    position: relative;
    background: #f6f6f6;
}
.PortfolioUnderSlide {
    background: #f6f6f6;
}
.PortfolioUnderSlide .title {
    padding: 18px 0 18px 0;
    margin: 0 0 -1px 0;
    float: left;
    font: 800 20px Open Sans;
    color: #1b1b1b;
}
.PortfolioUnderSlide .ShareInfo {
    padding: 12px 0 0;
}
.PortfolioUnderSlide .ShareInfo a {
    margin: 0 0 0 5px;
    padding: 0 19px 0 19px;
    border: 1px solid #e2e2e2;
    float: right;
    outline: none;
    text-decoration: none;
    background: white;
    font: 14px/38px arial;
    text-transform: uppercase;
    color: #848484;
}
.PortfolioUnderSlide .ShareInfo a:hover {
    color: #da2f10;
    border-color: #da2f10;
    text-decoration: none;
    cursor: pointer;
}
.PortfolioUnderSlide .ShareInfo .InfoWrap {
    position: relative;
}
.ShareInfo.phone {
    margin-left: 0 !important;
}
.ShareInfo.phone a {
    float: left;
    margin-left: 0;
    display: none;
}
.TitleText {
    font: 15px/22px arial;
    clear: both;
    color: #848484;
}
.ShareWrap {
    position: relative;
}
.ShareWrap ul {
    padding: 0 3px 0 7px !important;
    margin: 0 !important;
    list-style: none;
}
.ShareWrap ul li {
    padding: 12px 6px 12px 0;
    float: left;
}
.ShareWrap ul li a {
    padding: 0 !important;
    width: 16px;
    height: 14px;
    display: block;
    background: url(../images/soicial_share.png) !important;
    position: relative;
    -webkit-transition: .5s opacity;
    -moz-transition: .5s opacity;
    -ms-transition: .5s opacity;
    -o-transition: .5s opacity;
    transition: .5s opacity;
    border: none !important;
}
.ShareWrap ul li a span {
    padding: 0 !important;
    width: 16px;
    height: 14px;
    display: block;
    background: url(../images/soicial_share.png) !important;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: .5s opacity;
    -moz-transition: .5s opacity;
    -ms-transition: .5s opacity;
    -o-transition: .5s opacity;
    transition: .5s opacity;
    border: none !important;
}
.ShareWrap ul li a:hover {} .ShareWrap ul li .tweet {
    background-position: 0 0 !important;
}
.ShareWrap ul li .tweet span {
    background-position: 0 -14px !important;
}
.ShareWrap ul li .tweet:hover span {
    opacity: 1;
}
.ShareWrap ul li .face {
    background-position: 0 -28px !important;
}
.ShareWrap ul li .face span {
    background-position: 0 -42px !important;
}
.ShareWrap ul li .face:hover span {
    opacity: 1;
}
.ShareWrap ul li .pint {
    background-position: 0 -56px !important;
}
.ShareWrap ul li .pint span {
    background-position: 0 -70px !important;
}
.ShareWrap ul li .pint:hover span {
    opacity: 1;
}
.ShareWrap ul li .goog {
    background-position: 0 -84px !important;
}
.ShareWrap ul li .goog span {
    background-position: 0 -98px !important;
}
.ShareWrap ul li .goog:hover span {
    opacity: 1;
}
.ShareWrap .share-popover {
    padding: 0 !important;
}
.ShareWrap .popover-content {
    padding: 0 !important;
}
.ShareWrap .popover {
    margin: 0 !important;
    box-shadow: none !important;
    background: #e2e2e2;
    border: none !important;
    border-radius: 0 !important;
}
.ShareWrap .popover .arrow {
    display: none;
}
/**** Blog ****/

.BlogContent {
    padding: 7px 0 0 0;
    margin-left: 0 !important;
    background: #f6f6f6;
    overflow: hidden;
}
.BlogContent .MainTitle {
    margin: 39px 0 0 -2px;
    padding: 0 0 15px 0;
    font: 72px/72px Montserrat;
    color: #1b1b1b;
    letter-spacing: -2px;
    text-transform: uppercase;
}
.BlogContent .BlogArticle {
    padding: 0 0 1px 0;
    box-shadow: 0px 0px 3px transparent;
    margin: 40px 0 23px 0;
    display: block;
    position: relative;
    overflow: hidden;
    background: #f6f6f6;
}
.BlogContent .BlogArticle .ImgWrap {
    position: relative;
}
.BlogContent .BlogArticle .ImgWrap img {
    display: block;
}
.BlogContent .BlogArticle:hover {
    padding: 0;
    box-shadow: 0px 0px 6px #dedcdc;
    border-bottom: 1px solid #da2f10;
    background: white;
}
.BlogContent .BlogArticle .date {
    padding: 8px 0 0;
    margin: -24px 0 0;
    width: 49px;
    height: 47px;
    font: 800 14px/18px Open Sans;
    position: absolute;
    top: 50%;
    left: 0;
    background: #da2f10;
    color: white;
    text-align: center;
    opacity: 0;
}
.BlogContent .BlogArticle .date span {
    font: 800 24px/20px Open Sans;
}
.BlogContent .BlogArticle a:hover {
    text-decoration: none;
}
.BlogContent .BlogArticle:hover .date {
    background: #da2f10;
    color: white;
    opacity: 1;
}
.BlogContent .BlogArticle .WhiteTone {
    padding: 0 0 15px 0;
    overflow: hidden;
    position: relative;
    background: #f6f6f6;
}
.BlogContent .BlogArticle:hover .WhiteTone {
    background: white;
}
.BlogContent .BlogArticle .title {
    padding: 18px 0 0 19px;
    font: 800 20px/22px Open Sans !important;
    font-weight: bold;
    color: #1b1b1b;
    display: block;
    text-transform: none;
}
.BlogContent .BlogArticle:hover .title {
    color: #da2f10;
}
.BlogContent .BlogArticle p.comments {
    padding: 4px 0 0 19px;
    font: 13px Muli, Verdana;
    -webkit-font-smoothing: antialiased;
}
.BlogContent .BlogArticle a.comments {
    color: #1b1b1b;
}
.BlogContent .BlogArticle a.comments:hover {
    color: #da2f10;
}
.BlogContent .BlogArticle .name {
    color: #1b1b1b;
}
.BlogContent .BlogArticle .name:hover {
    color: #da2f10;
}
.BlogContent .BlogArticle .text {
    padding: 0 10px 0 20px;
    font: 15px/22px Muli, Verdana;
    color: #1b1b1b;
}
.BlogContent #container {
    margin-left: 0 !important;
}
.BlogContent .SortList {
    margin-left: 0;
}
.BlogContent .SortList .row {
    margin-left: 0;
}
.BlogContent .sidebar-nav {
    margin-left: 0;
}
.SearchWrap {
    margin: 105px 0 20px 0;
    background: #e2e2e2;
    position: relative;
    border: 1px solid white;
}
.SearchWrap form {
    padding: 0;
    margin: 0;
    border: none;
    text-align: left;
}
.SearchWrap input[type="text"] {
    padding: 9px 0 9px 13px;
    width: 90%;
    margin: 0;
    font: 15px/19px Muli, Verdana;
    color: #848484;
    background: none;
    border: none;
    -webkit-appearance: none;
    box-shadow: none;
    border-radius: 0;
}
.SearchWrap input[type="text"]:focus {
    border: none !important;
    box-shadow: none;
}
.SearchWrap span {
    width: 42px;
    height: 38px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/111.gif) no-repeat;
    background-position: 0 0;
    -webkit-transition: .5s opacity;
    -moz-transition: .5s opacity;
    -ms-transition: .5s opacity;
    -o-transition: .5s opacity;
    transition: .5s opacity;
}
.SearchWrap input[type="submit"] {
    width: 42px;
    height: 38px;
    display: block;
    background: url(../images/111.gif) no-repeat;
    background-position: 0 -38px;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    border: none;
    -webkit-appearance: none;
    box-shadow: none;
    border-radius: 0;
    -webkit-transition: .5s opacity;
    -moz-transition: .5s opacity;
    -ms-transition: .5s opacity;
    -o-transition: .5s opacity;
    transition: .5s opacity;
}
.SearchWrap span:hover input[type="submit"] {
    opacity: 1;
}
.SearchWrap.VimeoSearch {
    margin-top: 6px !important;
}
.SearchWrap.htmlPlayerSearch {
    margin-top: 60px !important;
}
.VimeoArticle {
    padding-top: 6px !important;
}
.BlogMarg {
    padding: 42px 0 80px 0;
}
/*.BlogMarg .row .span3 { min-height:400px;}
.BlogMarg1 .row .span3 { min-height:390px;}
.BlogMarg1 .row .span4 { min-height:400px;}*/

.BlogMarg .span4 .BlogArticle {
    margin-top: 7px;
    overflow: hidden;
    position: relative;
}
.BlogMarg .BlogArticle .WhiteTone {
    padding-bottom: 24px;
}
.BlogTitle {
    padding: 22px 0 10px 0;
    font: 20px Open Sans;
    color: #1b1b1b;
}
.LatestTweetList {
    margin: 0;
    padding: 0;
    list-style: none;
}
.LatestTweetList li:first-child {
    border-top: none;
}
.LatestTweetList li {
    padding: 15px 0 15px 0;
    font: 15px/22px Muli, Verdana;
    color: #848484;
    border-top: 1px solid #e2e2e2;
}
.LatestTweetList li a {
    font: 15px/22px Muli, Verdana;
    color: #848484;
    color: #1b1b1b;
    display: inline;
}
.LatestTweetList li a:hover {
    color: #da2f10;
    text-decoration: none;
}
.LatestTweetList li .date {
    padding: 6px 0 0;
    font: 13px/22px Muli, Verdana;
    color: #848484;
}
.MonthList {
    margin: 0;
    padding: 0;
    list-style: none;
}
.MonthList li {
    border-top: 1px solid #e2e2e2;
}
.MonthList li:first-child {
    border: none;
}
.MonthList li a {
    font: 15px/42px Muli, Verdana;
    color: #1b1b1b;
}
.MonthList li a:hover {
    color: #da2f10;
    text-decoration: none;
}
.PhotoStream {
    padding: 0;
    margin: 0;
    list-style: none;
}
.PhotoStream li {
    padding: 0 3.637% 3.637% 0;
    float: left;
}
.PhotoStream li a {} .BlogArticleSingle {
    padding: 40px 0 0;
}
.BlogArticleSingle .slideWrap {
    margin-bottom: 3px;
}
.BlogArticleSingle .ImgWrap {
    margin-bottom: 3px;
}
.BlogArticleSingle .VideoWrap {
    margin-bottom: 2px;
    overflow: hidden;
    z-index: 1;
}
.BlogArticleSingle .title {
    margin: 0 0 0;
    padding: 14px 0 22px 68px;
    font: 800 20px/22px Open Sans;
    position: relative;
    overflow: hidden;
    clear: both;
}
.BlogArticleSingle .title .date {
    margin: -27px 0 0;
    padding: 6px 0 0;
    width: 49px;
    height: 49px;
    position: absolute;
    top: 50%;
    left: 0;
    background: #da2f10;
    color: white;
    text-align: center;
    font: 800 14px Open Sans;
}
.BlogArticleSingle .title .date span {
    font: 800 24px/15px Open Sans;
    display: block;
}
.BlogArticleSingle .title .name {
    float: left;
}
.BlogArticleSingle .title .comments {
    font: 13px Muli, Verdana;
    clear: both;
    float: left;
    color: #848484;
    -webkit-font-smoothing: antialiased;
}
.BlogArticleSingle .title .comments a {
    color: #1b1b1b;
}
.BlogArticleSingle .title .comments a:hover {
    color: #da2f10;
    text-decoration: none;
}
.BlogArticleSingle .text {
    padding: 2px 0 14px 20px;
    font: 15px/22px Muli, Verdana;
    color: #1b1b1b;
    clear: both;
}
.BlogArticleSingle .NaviWrap {}
.BlogArticleSingle .NaviWrap .share,
.btn-custom {
    padding: 0 19px 0 19px;
    border: 1px solid #e2e2e2;
    outline: none;
    text-decoration: none;
    background: white;
    font: 14px/38px Muli, Verdana;
    text-transform: uppercase;
    color: #848484;
}
.btn-red {
    border-color: #d92e10;
    color: #d92e10;
    font-weight: 700;
}
.BlogArticleSingle .NaviWrap .share:hover,
.btn-custom:hover {
    color: #da2f10;
    border-color: #da2f10;
    text-decoration: none;
    cursor: pointer;
}
.NaviWrap .PageNavi {
    margin: 0;
    padding: 0;
    float: right;
    list-style: none;
}
.NaviWrap .PageNavi li {
    padding: 0 0 0 30px;
    float: left;
}
.NaviWrap .PageNavi li a {
    font: 15px/30px Muli, Verdana;
    color: #1b1b1b;
    display: block
}
.NaviWrap .PageNavi a del {
    text-decoration: none;
}
.NaviWrap .PageNavi li a:hover {
    text-decoration: none;
    color: #da2f10;
}
.NaviWrap .PageNavi li a:hover del {
    text-decoration: none;
    color: #da2f10;
}
.NaviWrap .PageNavi li a span {
    margin: 0 0 0 15px;
    width: 30px;
    height: 30px;
    float: right;
    background: url(../images/arrow_pnavi.gif);
    background-position: 0 0;
    -webkit-transition: .5s opacity;
    -moz-transition: .5s opacity;
    -ms-transition: .5s opacity;
    -o-transition: .5s opacity;
    transition: .5s opacity;
    position: relative;
}
.NaviWrap .PageNavi li a span em {
    width: 30px;
    height: 30px;
    opacity: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/arrow_pnavi.gif);
    background-position: 0 -30px;
    -webkit-transition: .5s opacity;
    -moz-transition: .5s opacity;
    -ms-transition: .5s opacity;
    -o-transition: .5s opacity;
    transition: .5s opacity;
}
.NaviWrap .PageNavi li a .text {
    padding: 0 !important;
}
.NaviWrap .PageNavi li a:hover span em {
    opacity: 1;
}
.NaviWrap .PageNavi li:first-child a span {
    margin-right: 15px;
    background-position: 0 -60px;
    float: left;
}
.NaviWrap .PageNavi li:first-child a span em {
    width: 30px;
    height: 30px;
    opacity: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/arrow_pnavi.gif);
    background-position: 0 -90px;
    -webkit-transition: .5s opacity;
    -moz-transition: .5s opacity;
    -ms-transition: .5s opacity;
    -o-transition: .5s opacity;
    transition: .5s opacity;
}
.NaviWrap .PageNavi li:first-child a:hover span em {
    opacity: 1;
}
.SimpleTop .PageNavi li a del {
    text-decoration: none;
}
.CommentBox {
    padding: 40px 0 0;
    clear: both;
}
.CommentBox .CountTitle {
    padding: 0 0 4px 0;
    font: 20px Open Sans;
}
.CommentBox .LeaveCommentTitle {
    padding: 26px 0 4px 0;
    font: 20px Open Sans;
}
.CommentBox .Commentary {
    padding: 15px 0 15px 0;
    min-height: 80px;
    /*background:url(../images/ava_man.gif)0 15px no-repeat;*/

    border-top: solid #e2e2e2;
    border-width: 1px;
    clear: both;
    overflow: hidden;
}
.CommentBox .Commentary.no_border {
    border-width: 0 !important;
}
.CommentBox .Commentary.reply {
    padding-left: 20px;
}
.CommentBox .AvaWrap {
    margin-right: 2%;
    width: 11%;
    float: left;
}
.CommentBox .Commentary .CommentText {
    padding: 0 0 0 0;
    float: left;
    width: 87%;
    font: 15px/22px Muli, Verdana;
}
.CommentBox .Commentary .text {} .CommentBox .CommentTitle {
    overflow: hidden;
}
.CommentBox .CommentTitle .name {
    padding: 2px 0 0;
    display: block;
}
.CommentBox .CommentTitle .name a {
    font: bold 15px Open Sans;
    color: #1b1b1b;
}
.CommentBox .CommentTitle .name a:hover {
    text-decoration: none;
}
.CommentBox .CommentTitle .date {
    padding: 0 0 10px 0;
    display: block;
    font: 13px Muli, Verdana;
    color: #848484;
}
.CommentBox .clarification {
    padding: 20px 0 4px 0;
    font: 15px/22px Muli, Verdana;
    color: #848484;
}
.CommentBox .CommentFormWrap input[type="text"] {
    padding: 8px 0 8px 13px;
    width: 100%;
    margin: 0;
    font: 15px/15px Muli, Verdana;
    color: #1b1b1b;
    background: #e2e2e2;
    border: 1px solid white;
    -webkit-appearance: none;
    box-shadow: none;
    border-radius: 0;
}
.CommentBox .CommentFormWrap::-webkit-input-placeholder {
    color: #1b1b1b;
}
.CommentBox .CommentFormWrap::-moz-placeholder {
    color: black;
}
.CommentBox .CommentFormWrap .AreaWrap {
    padding: 15px 0 0;
    margin-left: 0;
}
.CommentBox .CommentFormWrap textarea {
    padding: 8px 0 8px 13px;
    width: 100%;
    min-height: 211px;
    margin: 0;
    font: 15px/15px Muli, Verdana;
    color: #1b1b1b;
    background: #e2e2e2;
    border: 1px solid white;
    -webkit-appearance: none;
    box-shadow: none;
    border-radius: 0;
    resize: vertical;
}
.CommentBox .CommentFormWrap .span12 {
    margin-left: 0;
}
.CommentBox .CommentFormWrap .SubmitWrap {
    padding: 15px 0 0;
}
.CommentBox .CommentFormWrap .SubmitWrap span {
    padding: 0 15px 0 0;
    max-width: 110px;
    float: left;
    text-align: right;
    font: normal 15px/22px Muli, Verdana;
    color: #1b1b1b;
}
.CommentBox .CommentFormWrap .SubmitWrap em {
    font-style: normal !important;
}
.CommentBox .SubmitWrap em.captcha_exp {
    font-style: normal !important;
}
.CommentBox .CommentFormWrap .SubmitWrap input[type="text"] {
    width: 78px;
    float: left;
}
.CommentBox .CommentFormWrap .SubmitWrap input[type="submit"] {
    margin: 0 0 0 15px;
    padding: 9px 19px 8px 19px;
    float: left;
    border: 1px solid #e2e2e2;
    outline: none;
    text-decoration: none;
    background: white;
    font: 14px/18px Muli, Verdana;
    text-transform: uppercase;
    color: #848484;
}
.CommentBox .CommentFormWrap .SubmitWrap input[type="submit"]:hover {
    color: #da2f10;
    border-color: #da2f10;
    text-decoration: none;
    cursor: pointer;
}
.PopularPosts {
    margin: 0;
    padding: 0;
    list-style: none;
}
.PopularPosts li {
    padding: 15px 0 15px 0;
    border-top: 1px solid #e2e2e2;
    overflow: hidden;
    line-height: 16px;
}
.PopularPosts li:first-child {
    border: none;
}
.PopularPosts .ImgWrap {
    float: left;
}
.PopularPosts .title {
    padding: 3px 0 0 20px;
    overflow: hidden;
}
.PopularPosts .title .name {
    float: left;
}
.PopularPosts .title .name a {
    font: bold 15px/17px Roboto;
    color: #1b1b1b;
}
.PopularPosts .title .name a:hover {
    color: #da2f10;
    text-decoration: none;
}
.PopularPosts .title .comments {
    padding: 3px 0 0;
    font: 13px/15px Muli, Verdana;
    clear: both;
    float: left;
    color: #848484;
}
.PopularPosts .title .comments a {
    color: #1b1b1b;
}
.PopularPosts .title .comments a:hover {
    color: #da2f10;
    text-decoration: none;
}
.TagCloudWrap {
    overflow: hidden;
}
.TagCloudWrap .BlogTitle {
    padding-bottom: 18px;
}
.TagCloudWrap a {
    margin: 0 5px 5px 0;
    padding: 9px 14px 8px 14px;
    float: left;
    border: 1px solid #e2e2e2;
    outline: none;
    text-decoration: none;
    background: white;
    font: 14px/18px Muli, Verdana;
    color: #848484;
}
.TagCloudWrap a:first-child {
    margin: 0;
}
.TagCloudWrap a:hover {
    color: #da2f10;
    border-color: #da2f10;
    text-decoration: none;
}
.BlogSingleContent {
    padding: 126px 0 105px 0;
}
.BlogSingleContent .MainTitle {
    margin: 30px 0 0 -2px;
    padding: 0 0 15px 0;
    font: 72px/72px Montserrat;
    color: #1b1b1b;
    letter-spacing: -2px;
    text-transform: uppercase;
}
.BlogSingleContent .VideoWrap iframe {
    width: 100%;
    max-height: 500px;
    float: left;
}
#footer .copyright {
    font: 14px/60px Muli, Verdana;
    color: #848484;
}
.BottomMenuWrap {
    width: auto!important;
    top: 0px;
    bottom: auto;
    left: 0px;
    right: 0px;
    position: absolute;
    opacity: 0;
}
.BottomMenuWrap.sticky {
    opacity: 1;
    background: white !important;
}
.sidebar-sticky {
    z-index: 100 !important;
}
.btn {
    outline: none !important;
}
/**** Contact Page ****/

#contacts {
    padding-top: 115px;
    padding-top: 20px;
    position: relative;
}
#contacts .ContactBottom {
    padding-bottom: 250px;
    padding-bottom: 70px;
}
.MapWrap iframe {
    margin: -2px 0 0;
    width: 100% !important;
}
.ContactTitle {
    padding: 28px 0;
    font: 20px Open Sans;
    color: #1b1b1b;
}
.ContactList {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #f6f6f6;
}
.ContactList li {
    padding: 0 0 12px 32px;
    color: #848484;
    font: 15px Muli, Verdana;
}
.adresa .fa,
.ContactList li .fa {
    text-align: center;
    width: 1.2em;
}
.ContactList .address {
    background: url(../images/icon_address.gif) 0 1px no-repeat;
}
.ContactList .phone {
    background: url(../images/icon_phone.gif) 0 3px no-repeat;
}
.ContactList .mail {
    background: url(../images/icon_mail.gif) 0 3px no-repeat;
}
.ContactList a,
.ContactList .mail a {
    color: #1b1b1b;
}
.ContactList .mail a:hover {
    color: #da2f10;
    text-decoration: none;
}
.ContactList .skype {
    background: url(../images/icon_skype.gif) 0 3px no-repeat;
}
.ContactText {
    font: 15px/22px Muli, Verdana;
    color: #848484;
    background: #f6f6f6;
    overflow: hidden;
}
#GetInTouch {
    padding: 40px 0 280px 0;
}
#GetInTouch .span3 .title,
.span3 .title.smaller {
    margin: 0 0 0 -2px;
    padding: 0 0 15px 0;
    font: 72px/72px Montserrat;
    font: 50px/50px Montserrat;
    color: #1b1b1b;
    letter-spacing: -2px;
    text-transform: uppercase;
}
#GetInTouch .aboutText {
    padding-bottom: 0;
    background: #f6f6f6;
}
#GetInTouch .CommentFormWrap input[type="text"] {
    padding: 8px 0 8px 13px;
    width: 100%;
    margin: 0;
    font: 15px/19px Muli, Verdana;
    color: #1b1b1b;
    background: #e2e2e2;
    border: 1px solid white;
    -webkit-appearance: none;
    box-shadow: none;
    border-radius: 0;
}
#GetInTouch .CommentFormWrap::-webkit-input-placeholder {
    color: #1b1b1b;
}
#GetInTouch .CommentFormWrap::-moz-placeholder {
    color: black;
}
#GetInTouch .CommentFormWrap .AreaWrap {
    padding: 15px 0 0;
    margin-left: 0;
}
#GetInTouch .CommentFormWrap textarea {
    padding: 8px 0 8px 13px;
    width: 100%;
    min-height: 211px;
    margin: 0;
    font: 15px/15px Muli, Verdana;
    color: #1b1b1b;
    background: #e2e2e2;
    border: 1px solid white;
    -webkit-appearance: none;
    box-shadow: none;
    border-radius: 0;
    resize: vertical;
}
#GetInTouch .CommentFormWrap .span12 {
    margin-left: 0;
}
#GetInTouch .CommentFormWrap .SubmitWrap {
    padding: 15px 0 0;
}
#GetInTouch .CommentFormWrap .SubmitWrap span {
    padding: 0 15px 0 0;
    max-width: 120px;
    float: left;
    text-align: right;
    font: 15px/22px Muli, Verdana;
    color: #1b1b1b;
}
#GetInTouch .CommentFormWrap .SubmitWrap input[type="text"] {
    width: 78px;
    float: left;
}
#GetInTouch .CommentFormWrap .SubmitWrap input[type="submit"] {
    margin: 0 0 0 15px;
    padding: 9px 19px 8px 19px;
    float: left;
    border: 1px solid #e2e2e2;
    outline: none;
    text-decoration: none;
    background: white;
    font: 14px/18px Muli, Verdana;
    text-transform: uppercase;
    color: #848484;
}
#GetInTouch .CommentFormWrap .SubmitWrap input[type="submit"]:hover {
    color: #da2f10;
    border-color: #da2f10;
    text-decoration: none;
    cursor: pointer;
}
.alert .close {
    margin: 7px 5px 0 0;
    opacity: 1 !important;
    width: 10px !important;
    height: 10px !important;
    background: url(../images/bg_close.png);
    background-position: 0 0;
}
.alert .close:hover {
    background-position: 0 -10px;
}
/**** Features Pages ****/

#features {
    position: relative;
    padding: 0 0 81px 0;
    font-family: Muli, Verdana;
    font-size: 15px;
}
#features .tab-content.FeatContent {
    padding: 69px 0 20px 0;
    overflow: inherit !important;
}
#features .span12 {
    padding-bottom: 0;
    margin-left: 0 !important;
}
#features .MainTitle {
    margin: 86px 0 0 -2px;
    padding: 0 0 15px 0;
    font: 72px/72px Montserrat;
    color: #1b1b1b;
    letter-spacing: -2px;
    text-transform: uppercase;
}
#features .FeatTitle {
    padding: 25px 0 25px 0;
    font: 20px Open Sans;
    color: #1b1b1b;
}
#features .accordion-inner {
    border-top: 0 !important;
    font: 15px/22px Muli, Verdana;
    color: #848484;
}
#features .accordion-group {
    border: solid #e2e2e2 !important;
    border-width: 0 0 1px 0 !important;
    border-radius: 0 !important;
}
#features .accordion-header a {
    padding: 6px 0 6px 18px;
    font: 600 15px Open Sans;
    color: #1b1b1b;
}
#features .accordion-group a.accordion-toggle {
    background: url(../images/accord_plus.gif) 0 12px no-repeat;
}
#features .accordion-group a:hover {
    text-decoration: none !important;
    color: #da2f10;
}
#features .accordion-group a.active:not(.collapsed) {
    text-decoration: none !important;
    color: #da2f10;
    background: url(../images/accord_minus.gif) 0 12px no-repeat;
}
#features .accordion-group a:focus {
    text-decoration: none !important;
    color: #da2f10;
}
#myCollapsible {
    height: auto !important;
}
#features .TabWrap {
    background: white;
    border: 1px solid #e2e2e2;
}
#features .TabWrap ul {
    margin: 0;
    padding: 0 0 0 5px;
    list-style: none;
    border-bottom: 1px solid #e2e2e2;
}
#features .TabWrap ul li {} #features .TabWrap ul li a {
    margin: 0 15px -1px 15px;
    padding: 8px 0 8px 0;
    border-bottom: 1px solid #e2e2e2;
    display: block;
    font: bold 15px Roboto;
    color: #1a1a1a;
}
#features .TabWrap ul li a:focus {
    text-decoration: none;
}
#features .TabWrap ul li.active a {
    color: #da2f10;
    text-decoration: none;
    border-color: #da2f10;
}
#features .TabWrap ul li a:hover {
    color: #da2f10;
    text-decoration: none;
    border-color: #da2f10;
}
#features .TabWrap .tab-pane {
    padding: 15px;
    font: 15px/22px Muli, Verdana;
    color: #848484;
}
F #portfolio .m-carousel .m-caption {
    bottom: -139px;
    text-align: left;
}
.TestimonialWrap {
    position: relative;
    overflow: hidden;
}
.TestimonialWrap .m-item {
    margin-right: 10px !important;
}
.TestimonialWrap .m-carousel-hud a {
    margin: 0 !important;
    padding: 0 !important;
    width: 30px;
    height: 30px;
    position: absolute;
}
.TestimonialWrap .m-carousel-prev {
    top: -50px !important;
    right: 32px !important;
    left: auto !important;
    background: url(../images/arrow_pnavi.gif);
    background-position: 0 -60px !important;
}
.TestimonialWrap .m-carousel-prev:hover {
    background: url(../images/arrow_pnavi.gif);
    background-position: 0 -90px !important;
}
.TestimonialWrap .m-carousel-next {
    top: -50px !important;
    right: 0px !important;
    left: auto !important;
    background: url(../images/arrow_pnavi.gif);
    background-position: 0 0px !important;
}
.TestimonialWrap .m-carousel-next:hover {
    background: url(../images/arrow_pnavi.gif);
    background-position: 0 -30px !important;
}
.TestimonialWrap .m-carousel {
    overflow: visible !important;
}
.TestimonialWrap .TestimonText {
    padding: 14px 5px 14px 14px;
    float: left;
    font: italic 15px/22px Muli, Verdana;
    color: #1b1b1b;
    border: 1px solid #e2e2e2;
    background: white;
    position: relative;
}
.TestimonialWrap .TestimonText .corner {
    width: 12px;
    height: 6px;
    position: absolute;
    bottom: -6px;
    left: 21px;
    background: url(../images/corner_testimonial.png) no-repeat;
}
.TestimonialWrap .TestimonMan {
    padding: 13px 0 0 0;
    clear: both;
}
.TestimonialWrap .TestimonMan .ImgWrap {
    float: left;
}
.TestimonialWrap .TestimonMan .name {
    padding: 0 0 0 19px;
    float: left;
    font: bold 15px Roboto;
    color: #1b1b1b;
}
.TestimonialWrap .TestimonMan .name span {
    display: block;
    font: 13px Muli, Verdana;
    color: #848484;
}
#features input[type="button"] {
    margin-bottom: 20px;
    text-transform: uppercase;
    border-radius: 0 !important;
    border: none;
    background: none;
}
#features input[type="button"].big {
    padding: 11px 26px;
    font: 18px Muli, Verdana;
    color: #848484;
}
#features input[type="button"].medium {
    padding: 9px 26px;
    font: 14px Muli, Verdana;
    color: #848484;
}
#features input[type="button"].small {
    padding: 7px 26px;
    font: 12px Muli, Verdana;
    color: #848484;
}
#features input[type="button"].white {
    background: white;
    border: 1px solid #e2e2e2;
}
#features input[type="button"].white:hover {
    border: 1px solid #da2f10;
    color: #da2f10;
}
#features input[type="button"].black {
    background: #1b1b1b;
    color: #848484;
}
#features input[type="button"].black:hover {
    background: #da2f10;
    color: white;
}
#features input[type="button"].red {
    background: #da2f10;
    color: white;
}
#features input[type="button"].red:hover {
    background: #1b1b1b;
    color: #848484;
}
.PageNavigation ul {
    margin: 0 0 20px 0!important;
    padding: 0 !important;
    list-style: none;
    overflow: hidden;
    border-radius: 0 !important;
}
.PageNavigation ul li {
    float: left;
}
.PageNavigation ul li a {
    margin-left: 5px;
    padding: 4px 10px 4px 9px;
    display: block;
    font: 15px Muli, Verdana;
    text-align: center;
    position: relative;
}
.PageNavigation ul li a:hover {
    text-decoration: none;
}
.PageNavigation ul li:first-child a {
    margin: 0;
}
.PageNavigation .navi a {
    padding: 0;
    width: 28px;
    height: 28px;
    position: relative;
}
.PageNavigation .navi a em {
    width: 28px;
    height: 28px;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: .5s opacity;
    -moz-transition: .5s opacity;
    -ms-transition: .5s opacity;
    -o-transition: .5s opacity;
    transition: .5s opacity;
}
.PageNavigation .navi a:hover em {
    opacity: 1;
}
.PageNavigation.white ul li a {
    color: #1b1b1b;
    background: white;
    border: 1px solid #e2e2e2;
}
.PageNavigation.white ul li a:hover {
    color: #da2f10;
}
.PageNavigation.white .navi a {
    background: url(../images/page_corner.png) white;
    background-position: 0 0;
}
.PageNavigation.white .navi a em {
    background: url(../images/page_corner.png);
    background-position: 0 -28px;
}
.PageNavigation.white .navi:first-child a {
    background-position: 0 -56px;
}
.PageNavigation.white .navi:first-child a em {
    background-position: 0 -84px;
}
.PageNavigation.black ul li a {
    color: #848484;
    background: #1b1b1b;
    border: 1px solid #1b1b1b;
}
.PageNavigation.black ul li a:hover {
    color: white;
    background: #da2f10;
    border-color: #da2f10;
}
.PageNavigation.black .navi a {
    background: url(../images/page_corner1.png) #1b1b1b;
    background-position: 0 0;
}
.PageNavigation.black .navi a em {
    background: url(../images/page_corner1.png) #da2f10;
    background-position: 0 -28px;
}
.PageNavigation.black .navi:first-child a {
    background-position: 0 -56px;
}
.PageNavigation.black .navi:first-child a em {
    background-position: 0 -84px;
}
.PageNavigation.red ul li a {
    color: #ffffff;
    background: #da2f10;
    border: 1px solid #da2f10;
}
.PageNavigation.red ul li a:hover {
    color: #848484;
    background: #1b1b1b;
    border-color: #1b1b1b;
}
.PageNavigation.red .navi a {
    background: url(../images/page_corner2.png) #da2f10;
    background-position: 0 0;
}
.PageNavigation.red .navi a em {
    background: url(../images/page_corner2.png);
    background-position: 0 -28px;
}
.PageNavigation.red .navi:first-child a {
    background-position: 0 -56px;
}
.PageNavigation.red .navi:first-child a em {
    background-position: 0 -84px;
}
.PagerList {
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
    clear: both;
    overflow: hidden;
}
.PagerList li {
    padding-left: 30px;
    float: left;
}
.PagerList li a {
    font: 15px/28px Muli, Verdana;
    color: #1b1b1b;
}
.PagerList li a:hover {
    text-decoration: none;
    color: #da2f10;
}
.PagerList li a span {
    margin: 0 0 0 15px;
    width: 28px;
    height: 28px;
    float: right;
    position: relative;
}
.PagerList li a span em {
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: .5s opacity;
    -moz-transition: .5s opacity;
    -ms-transition: .5s opacity;
    -o-transition: .5s opacity;
    transition: .5s opacity;
}
.PagerList li a:hover span em {
    opacity: 1;
}
.PagerList li:first-child {
    padding: 0;
}
.PagerList.white li a:hover span {
    border-color: #da2f10;
}
.PagerList.white li a span {
    background: url(../images/page_corner.png) white;
    background-position: 0 0;
    border: 1px solid #e2e2e2;
}
.PagerList.white li a span em {
    background: url(../images/page_corner.png) white;
    background-position: 0 -28px;
}
.PagerList.white li:first-child span {
    margin: 0 15px 0 0;
    float: left;
    background-position: 0 -56px;
}
.PagerList.white li:first-child span em {
    margin: 0 15px 0 0;
    float: left;
    background-position: 0 -84px;
}
.PagerList.black li a:hover span {
    border-color: #da2f10;
}
.PagerList.black li a span {
    background: url(../images/page_corner1.png) #1b1b1b;
    background-position: 0 0;
    border: 1px solid #1b1b1b;
}
.PagerList.black li a span em {
    background: url(../images/page_corner1.png) #da2f10;
    background-position: 0 -28px;
}
.PagerList.black li:first-child span {
    margin: 0 15px 0 0;
    float: left;
    background-position: 0 -56px;
}
.PagerList.black li:first-child span em {
    margin: 0 15px 0 0;
    float: left;
    background-position: 0 -84px;
}
.PagerList.red li a:hover span {
    border-color: #1b1b1b;
}
.PagerList.red li a span {
    background: url(../images/page_corner1.png) #da2f10;
    background-position: 0 -28px;
    border: 1px solid #da2f10;
}
.PagerList.red li a span em {
    background: url(../images/page_corner1.png) #1b1b1b;
    background-position: 0 0;
}
.PagerList.red li:first-child span {
    margin: 0 15px 0 0;
    float: left;
    background-position: 0 -84px;
}
.PagerList.red li:first-child span em {
    margin: 0 15px 0 0;
    float: left;
    background-position: 0 -56px;
}
.ShareButton {
    padding: 0 19px 0 19px;
    outline: none;
    text-decoration: none;
    font: 14px/38px Muli, Verdana;
    text-transform: uppercase;
}
.ShareButton:hover {
    text-decoration: none;
    cursor: pointer;
}
.ShareButton.white {
    border: 1px solid #e2e2e2;
    background: white;
    color: #848484;
}
.ShareButton.white:hover {
    color: #da2f10;
    border-color: #da2f10;
}
.ShareButton.black {
    border: 1px solid #1b1b1b;
    background: #1b1b1b;
    color: #848484;
}
.ShareButton.black:hover {
    color: white;
    border-color: #da2f10;
    background: #da2f10;
}
.ShareButton.red {
    border: 1px solid #da2f10;
    background: #da2f10;
    color: white;
}
.ShareButton.red:hover {
    color: #848484;
    border-color: #1b1b1b;
    background: #1b1b1b;
}
.ExampleText {
    font: 15px/22px Muli, Verdana;
    color: #848484;
}
a.popup {
    font: 15px/22px Muli, Verdana;
    color: #1b1b1b;
}
a.popup:hover {
    text-decoration: none;
    color: #1b1b1b;
}
.label.label-white {
    font: 15px/22px Muli, Verdana;
    color: #da2f10;
    text-shadow: none !important;
    border-radius: 0 !important;
    background: white !important;
}
.label.label-red {
    font: 15px/22px Muli, Verdana;
    color: white;
    text-shadow: none !important;
    border-radius: 0 !important;
    background: #da2f10 !important;
}
::-moz-selection {
    background: #da2f10;
    color: white;
}
::selection {
    background: #da2f10;
    color: white;
}
.SocialIcons {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
.SocialIcons li {
    padding: 0 14px 15px 0;
    float: left;
}
.SocialIcons li a {
    display: block;
    font-size: 15px;
    color: #8f8f8f;
}
.SocialIcons.gray li a:hover {
    color: #1b1b1b;
    text-decoration: none;
}
.SocialIcons.dark li a {
    color: #1b1b1b;
}
.SocialIcons.dark li a:hover {
    color: #8f8f8f;
    text-decoration: none;
}
.OrderedBoxes {
    padding-bottom: 0 !important;
}
.OrderedBox {
    margin: 0 0 31px 0;
}
.OrderedBox .text {
    padding: 7px 0 0 0;
    clear: both;
    font: 15px/22px Muli, Verdana;
    color: #848484;
}
.OrderedTitle {
    font: 18px/40px Roboto;
    font-weight: 800;
    color: #1b1b1b;
}
.OrderedTitle .number {
    width: 40px;
    height: 40px;
    font: 24px/40px Roboto;
    float: left;
    text-align: center;
    color: white;
    background: #da2f10;
}
.OrderedTitle span {
    padding: 0 0 0 19px;
    float: left;
}
.OrderedBox {
    margin: 0 0 31px 0;
}
.OrderedBox .text {
    padding: 7px 0 0 0;
    clear: both;
    font: 15px/22px Muli, Verdana;
    color: #848484;
}
.OrderedTitle.black {
    font: 18px/40px Open Sans;
    font-weight: 800;
    color: #da2f10;
}
.OrderedTitle.black .number {
    width: 40px;
    height: 40px;
    font: 24px/40px Montserrat;
    float: left;
    text-align: center;
    color: white;
    background: #1b1b1b;
}
.OrderedTitle.black span {
    padding: 0 0 0 19px;
    float: left;
}
.IconBox {
    margin: 0 0 31px 0;
}
.IconBox .text {
    padding: 7px 0 0 0;
    clear: both;
    font: 15px/22px Muli, Verdana;
    color: #848484;
}
.IconTitle {
    font: 18px/40px Open Sans;
    font-weight: 800;
    color: #1b1b1b;
}
.IconTitle .icon {
    width: 40px;
    height: 40px;
    font: 24px/40px Roboto;
    float: left;
    text-align: center;
    color: white;
}
.IconTitle span {
    padding: 0 0 0 19px;
    float: left;
}
.IconTitle.black .group {
    background: url(../images/icon_box.png) no-repeat #1b1b1b;
    background-position: 0 0;
}
.IconTitle.black .gears {
    background: url(../images/icon_box.png) no-repeat #1b1b1b;
    background-position: -40px 0;
}
.IconTitle.black .graph {
    background: url(../images/icon_box.png) no-repeat #1b1b1b;
    background-position: -80px 0;
}
.IconTitle.black .tools {
    background: url(../images/icon_box.png) no-repeat #1b1b1b;
    background-position: -120px 0;
}
.IconTitle.black .ruler {
    background: url(../images/icon_box.png) no-repeat #1b1b1b;
    background-position: 0 -40px;
}
.IconTitle.black .images {
    background: url(../images/icon_box.png) no-repeat #1b1b1b;
    background-position: -40px -40px;
}
.IconTitle.black .info {
    background: url(../images/icon_box.png) no-repeat #1b1b1b;
    background-position: -80px -40px;
}
.IconTitle.black .download {
    background: url(../images/icon_box.png) no-repeat #1b1b1b;
    background-position: -120px -40px;
}
.IconTitle.black .cup {
    background: url(../images/icon_box.png) no-repeat #1b1b1b;
    background-position: 0 -80px;
}
.IconTitle.black .cart {
    background: url(../images/icon_box.png) no-repeat #1b1b1b;
    background-position: -40px -80px;
}
.IconTitle.black .globe {
    background: url(../images/icon_box.png) no-repeat #1b1b1b;
    background-position: -80px -80px;
}
.IconTitle.black .shape {
    background: url(../images/icon_box.png) no-repeat #1b1b1b;
    background-position: -120px -80px;
}
.IconTitle .group {
    background: url(../images/icon_box.png) no-repeat #da2f10;
    background-position: 0 0;
}
.IconTitle .gears {
    background: url(../images/icon_box.png) no-repeat #da2f10;
    background-position: -40px 0;
}
.IconTitle .graph {
    background: url(../images/icon_box.png) no-repeat #da2f10;
    background-position: -80px 0;
}
.IconTitle .tools {
    background: url(../images/icon_box.png) no-repeat #da2f10;
    background-position: -120px 0;
}
.IconTitle .ruler {
    background: url(../images/icon_box.png) no-repeat #da2f10;
    background-position: 0 -40px;
}
.IconTitle .images {
    background: url(../images/icon_box.png) no-repeat #da2f10;
    background-position: -40px -40px;
}
.IconTitle .info {
    background: url(../images/icon_box.png) no-repeat #da2f10;
    background-position: -80px -40px;
}
.IconTitle .download {
    background: url(../images/icon_box.png) no-repeat #da2f10;
    background-position: -120px -40px;
}
.IconTitle .cup {
    background: url(../images/icon_box.png) no-repeat #da2f10;
    background-position: 0 -80px;
}
.IconTitle .cart {
    background: url(../images/icon_box.png) no-repeat #da2f10;
    background-position: -40px -80px;
}
.IconTitle .globe {
    background: url(../images/icon_box.png) no-repeat #da2f10;
    background-position: -80px -80px;
}
.IconTitle .shape {
    background: url(../images/icon_box.png) no-repeat #da2f10;
    background-position: -120px -80px;
}
.IconBox {
    margin: 0 0 31px 0;
}
.IconBox .text {
    padding: 7px 0 0 0;
    clear: both;
    font: 15px/22px Muli, Verdana;
    color: #848484;
}
.IconTitle.black {
    font: 18px/40px Open Sans;
    font-weight: 800;
    color: #da2f10;
}
.IconTitle.black .icon {
    width: 40px;
    height: 40px;
    font: 24px/40px Roboto;
    float: left;
    text-align: center;
    color: white;
}
.IconTitle.black span {
    padding: 0 0 0 19px;
    float: left;
}
.SimpleTable {
    width: 100%;
    border: 1px solid #e2e2e2;
    font: 15px Muli, Verdana;
    color: #848484;
    cursor: default;
}
.SimpleTable thead tr td {
    font: 600 15px Open Sans;
    color: #1a1a1a;
}
.SimpleTable tr td.red {
    color: #da2f10;
}
.SimpleTable tr td.black {
    color: #1a1a1a;
}
.SimpleTable tr {
    border-bottom: 1px solid #e2e2e2;
}
.SimpleTable tr td {
    padding: 8px 8px 8px 19px;
    border-left: 1px solid #e2e2e2;
    background: white;
}
.SimpleTable tbody tr:hover td {
    background: #f6f6f6;
}
.PriceTable {
    width: 100%;
    font: 13px Muli, Verdana;
    color: #848484;
    cursor: default;
    border-collapse: inherit;
}
.PriceTable thead {} .PriceTable thead tr {} .PriceTable thead tr td {
    padding: 0 1px 0 0;
    width: 17%;
    text-align: center;
    vertical-align: bottom;
}
.PriceTable thead .title {
    font: 18px/40px Muli, Verdana;
    color: white;
    display: block;
}
.PriceTable thead .price {
    font: 13px/20px Muli, Verdana;
    color: white;
    display: block;
}
.PriceTable thead .price .big {
    font: bold 26px/40px Muli, Verdana;
}
.PriceTable thead .greenHead .title {
    background: #3c860a;
}
.PriceTable thead .greenHead .price {
    background: #449b0a;
}
.PriceTable thead .redHead .title {
    background: #c6290c;
    line-height: 45px;
}
.PriceTable thead .redHead .price {
    padding: 10px 0 5px 0;
    background: #da2f10;
    line-height: 45px !important;
}
.PriceTable thead .blackHead .title {
    background: #080808;
}
.PriceTable thead .blackHead .price {
    background: #1b1b1b;
}
.PriceTable thead tr td:first-child {
    width: 15%;
}
.PriceTable tbody {
    border-top: 1px solid #e2e2e2;
}
.PriceTable tbody tr {
    border-top: 1px solid #e2e2e2;
    background: white;
}
.PriceTable tbody tr:first-child td:first-child {
    border-width: 1px;
}
.PriceTable tbody tr:hover {
    background: #f6f6f6;
}
.PriceTable tbody tr td {
    padding: 9px 0;
    border: solid #e2e2e2;
    border-width: 0 1px 1px 0;
    text-align: center;
}
.PriceTable tbody tr td:first-child {
    padding-left: 19px;
    border-width: 0 1px 1px 1px;
    text-align: left;
}
.PriceTable tfoot tr td {
    padding: 0 1px 0 0;
    text-align: center;
    vertical-align: top;
}
.PriceTable tfoot tr td {
    color: #ffffff;
    text-transform: uppercase;
}
.PriceTable tfoot tr td a {
    font: 18px/50px Muli, Verdana;
    display: block;
    color: white;
}
.PriceTable tfoot tr td a:hover {
    color: white;
    text-decoration: none;
}
.PriceTable tfoot .green a {
    background: #1b1b1b;
}
.PriceTable tfoot .green a:hover {
    background: #449b0a;
}
.PriceTable tfoot .black a {
    background: #1b1b1b;
}
.PriceTable tfoot .black a:hover {
    background: #da2f10;
}
.PriceTable tfoot .red a {
    background: #da2f10;
    font-size: 20px;
    line-height: 60px !important;
}
.PriceTable tfoot .red a:hover {
    background: #1b1b1b;
}
.PriceShort {
    margin: 45px 0 0;
    padding: 0.8% 0.8% 0 0.8%;
    background: white;
    border: 1px solid #e2e2e2;
}
.PriceShort .List {
    margin: 0 0 0 0.8%;
    padding: 0;
    width: 24.2%;
    list-style: none;
    float: left;
    border: solid #e2e2e2;
    border-width: 0 1px;
    position: relative;
}
.PriceShort .List:first-child {
    margin: 0;
}
.PriceShort .List li {
    text-align: center;
    font: 15px/35px Muli, Verdana;
    color: #848484;
    border-bottom: 1px solid #e2e2e2;
    cursor: default;
}
.PriceShort .List li a {
    display: block;
    font: 18px/50px Muli, Verdana;
    color: white;
    text-transform: uppercase;
}
.PriceShort .List li a:hover {
    text-decoration: none;
}
.PriceShort .List li:first-child {
    margin: 0 -1px 0 -1px;
    border: none;
}
.PriceShort .List li:hover {
    background: #f6f6f6;
}
.PriceShort .List li .title {
    font: 18px/40px Muli, Verdana;
    color: white;
    display: block;
}
.PriceShort .List li .price {
    font: 13px/20px Muli, Verdana;
    color: white;
    display: block;
}
.PriceShort .List li .price .big {
    font: bold 26px/50px Muli, Verdana;
}
.PriceShort .List .greenHead .title {
    background: #3c860a;
}
.PriceShort .List .greenHead .price {
    background: #449b0a;
}
.PriceShort .List .redHead .title {
    background: #c6290c;
    line-height: 44px;
}
.PriceShort .List .redHead .price {
    padding: 7px 0 3px 0;
    background: #da2f10;
    line-height: 39px !important;
}
.PriceShort .List .blackHead {
    z-index: 3;
    position: relative;
}
.PriceShort .List .blackHead .title {
    background: #080808;
}
.PriceShort .List .blackHead .price {
    background: #1b1b1b;
}
.PriceShort .List .green {
    margin: 0 -1px;
    border: none;
}
.PriceShort .List .red {
    margin: 0 -1px;
    border: none;
}
.PriceShort .List .black {
    margin: 0 -1px;
    border: none;
    z-index: 3;
    position: relative;
}
.PriceShort .List .green a {
    background: #1b1b1b;
}
.PriceShort .List .green a:hover {
    background: #449b0a;
}
.PriceShort .List .red a {
    background: #da2f10;
    line-height: 60px;
}
.PriceShort .List .red a:hover {
    background: #1b1b1b;
}
.PriceShort .List .black a {
    background: #080808;
}
.PriceShort .List .black a:hover {
    background: #da2f10;
}
.PriceShort .RedList {
    margin: -2% 0 -0.8% 0;
    box-shadow: 0 0 5px #d4d4d4;
    border: 10px solid white;
}
.PriceShort .RedList li {
    border: solid #e2e2e2;
    border-width: 0 1px 1px 1px;
}
.PriceShort .RedList .redHead {
    margin: 0 !important;
}
.TypographyTitle {
    padding: 0 0 18px 0;
    font: 36px Roboto;
    color: #1b1b1b;
}
.HeadingsWrap {
    padding: 0 0 25px 0;
}
.HeadingsWrap .title {
    color: #848484;
    font: 15px Muli, Verdana;
}
.example {
    margin-bottom: 46px;
    padding: 15px 0 16px 19px;
    background: white;
    border-left: 1px solid #da2f10;
    color: #848484;
}
.example .red {
    color: #da2f10;
}
.example .black {
    color: #1b1b1b;
}
.example code {
    padding: 0;
    background: none !important;
    border: none !important;
    font: 15px Muli, Verdana;
    color: #848484;
}
.row > .centered[class*="span"] {
    float: none;
    margin-right: auto;
    margin-left: auto !important;
}
#columns .MainTitle {
    padding-bottom: 9px;
}
#columns .label-white {
    color: #1b1b1b;
}
#columns .label-white .red {
    color: #da2f10;
}
#columns .nested {
    padding: 8px 0 0;
    background: white;
}
#columns .nested div[class*="span"] {
    margin-bottom: 8px;
}
.show-grid {
    padding: 13px 0 0;
}
.show-grid div[class*="span"] {
    margin-bottom: 17px;
    background: #e2e2e2;
    text-align: center;
    font: 15px/35px Muli, Verdana;
    color: #848484;
    cursor: default;
}
.show-grid div[class*="span"]:hover {
    background: #c2c2c2;
}
/**** Additional Pages ****/

.Blog4ColumnContent {
    padding: 126px 0 67px 0;
}
.Blog4ColumnContent .span9 {
    margin-left: 0;
}
.Blog4ColumnContent .span12 {
    margin-left: 15px;
}
.Blog4ColumnContent .MainTitle {
    margin: 30px 0 0 -2px;
    padding: 0 0 15px 0;
    font: 72px/72px Montserrat;
    color: #1b1b1b;
    letter-spacing: -2px;
    text-transform: uppercase;
}
.Blog4ColumnContent .BlogArticle {
    padding: 0 0 1px 0;
    box-shadow: 0px 0px 3px transparent;
    margin: 40px 0 23px 0;
    position: relative;
    overflow: hidden;
}
.Blog4ColumnContent .BlogArticle .ImgWrap {
    position: relative;
}
.Blog4ColumnContent .BlogArticle:hover {
    padding: 0;
    box-shadow: 0px 0px 6px #dedcdc;
    border-bottom: 1px solid #da2f10;
    background: white;
}
.Blog4ColumnContent .BlogArticle .date {
    padding: 8px 0 0;
    margin: -24px 0 0;
    width: 49px;
    height: 47px;
    font: 800 14px/18px Open Sans;
    position: absolute;
    top: 50%;
    left: 0;
    background: #da2f10;
    color: white;
    text-align: center;
    opacity: 0;
}
.Blog4ColumnContent .BlogArticle .date span {
    font: 800 24px/20px Open Sans;
}
.Blog4ColumnContent .BlogArticle a:hover {
    text-decoration: none;
}
.Blog4ColumnContent .BlogArticle:hover .date {
    background: #da2f10;
    color: white;
    opacity: 1;
}
.Blog4ColumnContent .BlogArticle .WhiteTone {
    padding: 0 0 15px 0;
}
.Blog4ColumnContent .BlogArticle:hover .WhiteTone {
    background: white;
}
.Blog4ColumnContent .BlogArticle .title {
    padding: 18px 0 0 19px;
    font: 800 20px/22px Open Sans !important;
    font-weight: bold;
    color: #1b1b1b;
    display: block;
}
.Blog4ColumnContent .BlogArticle:hover .title {
    color: #da2f10;
}
.Blog4ColumnContent .BlogArticle p.comments {
    padding: 0 0 0 19px;
    font: 13px Muli, Verdana;
    -webkit-font-smoothing: antialiased;
}
.Blog4ColumnContent .BlogArticle a.comments {
    color: #1b1b1b;
}
.Blog4ColumnContent .BlogArticle a.comments:hover {
    color: #da2f10;
}
.Blog4ColumnContent .BlogArticle .name {
    color: #1b1b1b;
}
.Blog4ColumnContent .BlogArticle .name:hover {
    color: #da2f10;
}
.Blog4ColumnContent .BlogArticle .text {
    padding: 0 10px 0 20px;
    font: 15px/22px Muli, Verdana;
    color: #1b1b1b;
}
.TopMenu li:hover > .DropMenu {
    visibility: visible;
}
.DropMenu {
    background: #ffffff;
    border-bottom: 2px solid #da2f11;
    list-style: none;
    visibility: hidden;
    position: absolute;
    top: 100%;
    z-index: 999999999;
    margin: 0;
    padding: 0;
    width: 219px;
}
.DropMenu .DropMenu {
    background: #ffffff;
    border-bottom: 2px solid #da2f11;
}
.DropMenu .DropMenu li,
.DropMenu li {
    border: 0;
    position: relative;
    padding: 0;
    width: 100%;
}
.langswitch > .DropMenu {
    width: auto;
}
.langswitch > a > img,
.langswitch > .DropMenu > li > a > img {
    vertical-align: middle;
    margin-top: -3px;
}
.langswitch > .DropMenu > li > a {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}
.DropMenu li a {
    padding: 7px 0 7px 20px;
    font: 15px Muli, Verdana;
    color: #848484;
    text-transform: none;
}
.DropMenu li a .plus {
    padding: 0 20px 0;
    font-size: 20px;
    line-height: 17px;
    float: right;
    color: #da2f10;
}
.DropMenu li a:hover {
    color: #da2f10;
}
.DropMenu li.active {
    background: none;
}
.DropMenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    visibility: hidden;
    position: absolute;
    width: 197px;
    left: -197px;
    top: 0;
    z-index: 1001;
    background: #1b1b1b;
}
.DropMenu ul li {
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #252525;
}
.DropMenu ul li a {
    padding: 7px 0 7px 20px;
    font: 15px Muli, Verdana;
    color: #848484;
    text-transform: none;
}
.DropMenu li:hover ul {
    visibility: visible;
}
#langswitch {
    overflow: visible;
    position: relative;
    z-index: 999999999;
    width: auto;
}
#langswitch > .DropMenu {
    float: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999999999;
    visibility: visible;
    display: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
#langswitch:hover > .DropMenu {
    display: block;
}
#langswitch > .DropMenu > li {
    text-align: left;
    float: none;
    display: block;
    margin: 0;
    padding: 0;
}
#langswitch > .DropMenu > li > a {
    display: block;
    width: 100%;
}
#langswitch-mobile {
    display: none;
}
@media (max-width: 767px) {
    #langswitch-mobile {
        display: block;
    }
}
/*.BlogMarg1 .span3 { margin-left:0 !important; margin-right:1.91% !important;}*/

.BlogMarg1 {
    margin-left: 16px !important;
}
.BlogMarg1 .span3 .BlogArticle {
    margin-top: 7px;
    overflow: hidden;
    position: relative;
}
.BlogMarg1 .span4 .BlogArticle {
    margin-top: 7px;
    overflow: hidden;
    position: relative;
}
#FullBlog .SearchWrap {
    margin-top: 50px;
}
#BlogRightSideBar .SearchWrap {
    margin-top: 5px !important;
}
#BlogRightSideBar .BlogMarg {
    padding-top: 5px;
}
#BlogRightSideBar .BlogMarg .span3 {
    margin-left: 0 !important;
    margin-right: 30px;
}
#BlogRightSideBar .BlogMarg .span3 .BlogArticle {
    margin-top: 0;
}
.BlogRightSideBarWrap {
    padding: 116px 0 0 0;
}
/*.BlogMarg1 .row-fluid { margin-left:-30% !important;}*/

.BlogMarg1 .row-fluid .span3:first-child {
    margin-left: 2.5641% !important;
}
.BlogArticleSingle .slideWrap {
    padding-top: 0 !important;
}
.customMenuGraySimple .PageNavi {
    margin: 14px -13px 0 0;
    padding: 0;
    float: right;
    list-style: none;
}
.customMenuGraySimple .PageNavi li {
    padding: 0 0 0 30px;
    float: left;
}
.customMenuGraySimple .PageNavi li a {
    font: 15px/30px Muli, Verdana;
    color: #1b1b1b;
    display: block
}
.customMenuGraySimple .PageNavi li a:hover {
    text-decoration: none;
    color: #da2f10;
}
.customMenuGraySimple .PageNavi li a span {
    margin: 0 0 0 15px;
    width: 30px;
    height: 30px;
    float: right;
    background: url(../images/arrow_pnavi.gif);
    background-position: 0 0;
    -webkit-transition: .5s opacity;
    -moz-transition: .5s opacity;
    -ms-transition: .5s opacity;
    -o-transition: .5s opacity;
    transition: .5s opacity;
    position: relative;
}
.customMenuGraySimple .PageNavi li a span em {
    width: 30px;
    height: 30px;
    opacity: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/arrow_pnavi.gif);
    background-position: 0 -30px;
    -webkit-transition: .5s opacity;
    -moz-transition: .5s opacity;
    -ms-transition: .5s opacity;
    -o-transition: .5s opacity;
    transition: .5s opacity;
}
.customMenuGraySimple .PageNavi li a:hover span em {
    opacity: 1;
}
.customMenuGraySimple .PageNavi li:first-child a span {
    margin: 0 15px 0 0;
    background-position: 0 -60px;
    float: left;
}
.customMenuGraySimple .PageNavi li:first-child a span em {
    width: 30px;
    height: 30px;
    opacity: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/arrow_pnavi.gif);
    background-position: 0 -90px;
    -webkit-transition: .5s opacity;
    -moz-transition: .5s opacity;
    -ms-transition: .5s opacity;
    -o-transition: .5s opacity;
    transition: .5s opacity;
}
.customMenuGraySimple .PageNavi li:first-child a:hover span em {
    opacity: 1;
}
#ProjectPage .BlogArticleSingle {
    padding-top: 6px !important;
}
.ProjectText {
    margin-left: 0 !important;
}
.ProjectArticle .text {
    margin-left: 0;
    padding: 0;
    font: 15px/22px Muli, Verdana;
    color: #848484;
}
.ProjectArticle .text .title {
    padding: 18px 0 26px 0;
    font: 800 20px/22px Open Sans;
    color: #1b1b1b;
}
.ProjectArticle .CheckList {
    margin: 0;
    padding: 0;
    list-style: none;
}
.ProjectArticle .CheckList li {
    padding: 11px 0 11px 23px;
    font: 15px Muli, Verdana;
    color: #1b1b1b;
    background: url(../images/arrow_check_list.gif) 0 50% no-repeat;
    border-bottom: 1px solid #e2e2e2;
}
.ProjectArticle .CheckList li.no_border {
    border: none;
}
.ProjectArticle .CheckList .title {
    padding: 18px 0 16px 0;
    font: 20px/22px Open Sans;
    color: #1b1b1b;
    background: none;
    border: none;
}
.ProjectArticle .NaviWrap {
    padding: 24px 0 0;
}
.RelatedTitle {
    padding: 45px 0 26px 0;
    font: 20px/22px Open Sans;
    color: #1b1b1b;
}
.RelatedProjects .span3 a {
    position: relative;
    display: block;
}
.RelatedProjects .span3 .title {
    padding: 12px 0 11px 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    background: black;
    opacity: 0;
    font: 800 18px/18px Open Sans;
    color: #fffefe;
    visibility: hidden;
}
.RelatedProjects .span3 .title em {
    font: 13px Muli, Verdana;
}
.RelatedProjects .span3:hover .title {
    opacity: 0.8;
    visibility: visible;
}
#PageRightBar {
    margin-left: 0;
    padding: 69px 0 90px 0;
}
#PageRightBar .MainTitle {
    margin: 31px 0 0 -5px;
    padding: 0 0 15px 0;
    font: 72px/72px Montserrat;
    color: #1b1b1b;
    letter-spacing: -2px;
    text-transform: uppercase;
}
#PageRightBar .SearchWrap {
    margin-top: 0;
}
.PageRightWrap {
    margin-left: 0 !important;
}
.PageRightWrap .text {
    padding-bottom: 16px;
    font: 15px/22px Muli, Verdana;
    color: #848484;
}
.PageRightWrap .text p {
    padding: 20px 0 12px 30px;
    font: 18px/26px Muli, Verdana;
    color: #1b1b1b;
}
.PageRightWrap .text1 {
    padding: 0 0 16px 0;
    float: left;
    font: 15px/22px Muli, Verdana;
    color: #848484;
}
.PageRightWrap .text1 p {
    padding: 20px 0 12px 30px;
    font: 18px/26px Muli, Verdana;
    color: #1b1b1b;
}
.PageRightWrap .TextWrap {
    overflow: hidden;
}
.PageRightWrap .TextWrap img {
    margin: 0 30px 30px 0;
    float: left;
}
#PageLeftBar {
    margin-left: 0;
    padding: 69px 0 90px 0;
}
#PageLeftBar .MainTitle {
    margin: 31px 0 0 -5px;
    padding: 0 0 15px 0;
    font: 72px/72px Montserrat;
    color: #1b1b1b;
    letter-spacing: -2px;
    text-transform: uppercase;
}
#PageLeftBar .SearchWrap {
    margin-top: 0;
}
.PageLeftWrap {
    margin-left: 0 !important;
}
.PageLeftWrap .text {
    padding-bottom: 16px;
    font: 15px/22px Muli, Verdana;
    color: #848484;
}
.PageLeftWrap .span6.text {
    margin-left: 30px;
}
.PageLeftWrap .text p {
    padding: 20px 0 12px 30px;
    font: 18px/26px Muli, Verdana;
    color: #1b1b1b;
}
.PageLeftWrap .sidebar-nav {
    margin-left: 0;
}
.PageLeftWrap .text1 {
    margin: 0;
    padding: 0 0 16px 0;
    float: left;
    font: 15px/22px Muli, Verdana;
    color: #848484;
}
.PageLeftWrap .text1 p {
    padding: 20px 0 12px 30px;
    font: 18px/26px Muli, Verdana;
    color: #1b1b1b;
}
.PageLeftWrap .TextWrap img {
    margin: 0 30px 30px 0;
    float: left;
}
.PageLeftWrap .TextWrap {
    overflow: hidden;
}
.PageLeftWrap .wrap {
    margin-left: 0;
}
/**** 404 page ****/

#ErrorPage {
    padding: 69px 0 90px 0;
    overflow-x: hidden;
}
#ErrorPage .span12 {
    margin-left: 0 !important;
}
#ErrorPage .container {
    width: 100% !important;
}
.ErrorWrap {
    margin: 0 auto;
    width: 650px;
}
.ErrorTitle {
    margin: 100px 0 0;
    height: 130px;
    color: #da2f10;
    text-transform: uppercase;
}
.ErrorTitle em {
    float: left;
    font: 180px/130px Montserrat;
    letter-spacing: -9px;
}
.ErrorTitle p {
    padding: 0 0 0 30px;
    float: left;
}
.ErrorTitle span {
    font: 71px/59px Montserrat;
    text-align: left;
    letter-spacing: -2px;
}
.ErrorTitle del {
    margin-left: -3px;
    font: 93px/74px Montserrat;
    letter-spacing: -2px;
    text-align: left;
    text-decoration: none;
}
.Found {
    padding-left: 8px;
    font: 43px Montserrat;
    color: #848484;
    clear: both;
    letter-spacing: -1px;
}
.ErrorWrap .SearchWrap {
    margin-top: 48px;
}
.ErrorWrap .ButtonWrap {
    padding: 20px 0 0;
    text-align: center;
}
.ErrorWrap .ButtonWrap a {
    padding: 2px 0 0;
    margin: 0 2px;
    width: 137px;
    background: white;
    font: 14px/36px Muli, Verdana;
    color: #848484;
    text-transform: uppercase;
    display: inline-block;
    border: 1px solid #e2e2e2;
}
.ErrorWrap .ButtonWrap a:hover {
    text-decoration: none;
    border-color: #da2f10;
    color: #da2f10;
}
/**** Sitemap ****/

#SiteMap {
    padding: 69px 0 160px 0;
}
#SiteMap .MainTitle {
    margin: 31px 0 0 0;
    padding: 0 0 15px 0;
    font: 72px/72px Montserrat;
    color: #1b1b1b;
    letter-spacing: -2px;
    text-transform: uppercase;
}
#SiteMap .span8 {} #SiteMap .accordion-group {
    border: none;
}
#SiteMap ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#SiteMap .span8 .span4 {
    width: 48% !important;
}
.MainList {
    margin: 38px 0 0 !important;
    padding: 0;
    list-style: none;
}
.MainList li {
    border-top: 1px solid #e2e2e2;
}
.MainList li.no_border {
    border: none;
}
.MainList li.title {
    padding: 2px 0 14px 0;
    font: 20px Open Sans;
    color: #1b1b1b;
}
.MainList li a {
    padding: 11px 0 10px 18px !important;
    display: block;
    font: 15px Muli, Verdana;
    color: #1b1b1b;
    background: url(../images/accord_plus.gif) 0 15px no-repeat;
}
.MainList li a.mapTitle {
    background: url(../images/accord_minus.gif) 0 15px no-repeat;
}
.MainList li a.accordion-toggle {
    background: url(../images/accord_plus.gif) 0 15px no-repeat;
}
.MainList li a:hover {
    text-decoration: none !important;
    color: #da2f10;
}
.MainList li a.accordion-toggle:not(.collapsed) {
    text-decoration: none !important;
    background: url(../images/accord_minus.gif) 0 15px no-repeat;
}
.MainList li a:focus {
    text-decoration: none !important;
    color: #da2f10;
}
.MainList ul {
    clear: both;
}
.MainList ul li {} .MainList ul li a {
    padding-left: 35px !important;
    background: url(../images/accord_plus.gif) 17px 15px no-repeat !important;
}
.MainList ul li a.mapTitle {
    background: url(../images/accord_minus.gif) 17px 15px no-repeat !important;
}
.MainList ul li a.accordion-toggle:not(.collapsed) {
    text-decoration: none !important;
    background: url(../images/accord_minus.gif) 17px 15px no-repeat !important;
}
.MainList ul li:first-child {
    border: none;
}
.MainList ul li a {
    padding-bottom: 3px;
    display: block;
    font: 15px Muli, Verdana;
    color: #1b1b1b;
}
.MainList ul li ul li a {
    padding-left: 54px !important;
    background: url(../images/accord_plus.gif) 35px 15px no-repeat !important;
}
.Null {
    margin-left: 0 !important;
}
/**** Portfolio version 2 ****/

#portfoliov2 {} .PortfolioWrap {
    padding: 69px 0 0;
}
#portfoliov2 #container .span3 {
    margin: 0;
}
.grid.isotope .isotope-item .title {
    padding: 12px 0 11px 0;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    background: black;
    opacity: 0;
    font: 800 18px/18px Open Sans;
    color: #fffefe;
    visibility: hidden;
}
.grid.isotope .isotope-item a {
    text-decoration: none;
}
.grid.isotope .isotope-item .title em {
    font: 13px Muli, Verdana;
}
.grid.isotope .isotope-item:hover .title {
    opacity: 0.8;
    visibility: visible;
}
.accordionContent1 {
    display: none;
}
.CommentFormWrap .span4 {
    position: relative;
}
#contact-form {
    position: relative;
}
#contact-form input {
    position: relative;
}
#contact-form .empty,
#contact-form .error,
.control-group > .empty,
.control-group > .error {
    display: inline-block;
    overflow: hidden;
    height: 0;
    white-space: nowrap;
    width: auto;
    font: 12px Muli, Verdana;
    color: #da2f10;
    line-height: 14px;
    position: absolute;
    top: 13px;
    right: 5px;
    text-align: right
}
#contact-form label,
.control-group {
    position: relative;
    overflow: hidden;
}
#contact-form label.message .empty,
#contact-form label.message .error {
    bottom: 0;
    top: 12px;
    text-align: left
}
#contact-form label.captcha {
    overflow: visible;
}
#contact-form label.captcha .empty,
#contact-form label.captcha .error {
    top: auto;
    bottom: -18px;
    text-align: left;
    font: 12px Muli, Verdana;
    color: #da2f10;
}
#contact-form .success {
    display: none;
    font-size: 14px;
    line-height: 18px;
    padding: 0;
    top: auto;
    left: 435px;
    bottom: 16px;
    position: absolute;
    color: #449b0a;
}
.box-form {
    margin: 100px 0 0 0;
    padding: 35px 20px 40px 23px;
    width: 384px;
}
.buttons {
    overflow: hidden;
    padding: 20px 0 0 55px;
}
.buttons a {
    margin: 0 0 0 10px;
    padding: 7px 16px;
    font-size: 16px;
    line-height: 18px
}
.text-form,
.captcha_exp em {
    font-style: normal;
}
.buttons {
    overflow: hidden;
    padding: 20px 0 0 55px;
}
.buttons a {
    margin: 0 10px 10px;
    padding: 7px 16px;
    font-size: 16px;
    line-height: 18px
}
#contact-form .success {
    position: absolute
}
#contact-form .success strong {
    display: inline-block
}
.portfolio.grid.isotope {
    margin: 0 0 0 0;
    padding: 0 !important;
}
.portfolio {
    clear: both;
    overflow: hidden;
}
.portfolio .portfolio-carousel-details {
    height: auto;
    border-bottom: 1px solid #EFEFEF;
}
.portfolio .portfolio-carousel-details span {
    padding-bottom: 15px;
    display: block;
    color: #A1A1A1;
}
.portfolio li {
    margin: 15px;
    float: left;
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 0;
    text-align: center;
    -webkit-transition: background 0.2s ease-in;
    -moz-transition: background 0.2s ease-in;
    -o-transition: background 0.2s ease-in;
    transition: background 0.2s ease-in;
}
.portfolio li:hover {
    background: #fafafa;
}
.portfolio li.item-wide,
.portfolio li.item-wide img {
    width: 542px !important;
    height: 352px !important;
    border-bottom: none !important;
}
.portfolio li.item-small,
.portfolio li.item-small img {
    width: 257px !important;
    height: 162px !important;
    border-bottom: none !important;
}
.portfolio li.item-high,
.portfolio li.item-high img {
    width: 257px !important;
    height: 352px !important;
    border-bottom: none !important;
}
.portfolio li.item-long,
.portfolio li.item-long img {
    width: 542px !important;
    height: 162px !important;
    border-bottom: none !important;
}
.portfolio h3 {
    position: relative;
    clear: both;
    font-size: 13px;
    color: #444;
    line-height: 22px;
    padding: 20px 0 5px;
    margin: 0;
    width: 100%;
    left: 0;
    font-weight: 600;
}
.portfolio h3 a {
    color: #444;
}
.portfolio p {
    padding: 0 7px 20px;
    margin: 0;
}
#portfolio-wrapper a {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}
.item-details p {
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #efefef;
}
.item-details span {
    color: #444;
}
.portfolio-single {
    margin-bottom: 50px;
    overflow: hidden;
}
/*TRANSITIONS*/

.DropMenu,
.DropMenu ul,
.RelatedProjects .span3 .title,
.isotope-item .title,
.iosSlider .slider .item.current,
.BlogContent .BlogArticle .date,
.Blog4ColumnContent .BlogArticle .date {
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}
.iosSlider .slider .item.current {
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
}
.BottomMenuWrap.sticky,
.BottomMenuWrap {
    -webkit-transition: opacity 0.7s ease;
    -moz-transition: opacity 0.7s ease;
    -o-transition: opacity 0.7s ease;
    transition: opacity 0.7s ease;
}
.PriceTable tfoot a,
.PriceShort .List li a,
#features .TabWrap ul li a,
.ErrorWrap .ButtonWrap a,
.NaviWrap .PageNavi a del {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.PageNavigation ul li a,
.PagerList li a span,
.ShareButton,
.BlogContent .BlogArticle {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.BottomMenu li a {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#features input[type="button"] {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.CommentFormWrap .SubmitWrap input[type="submit"] {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.TagCloudWrap a {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.ShareWrap ul li a {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
.BlogArticle .title {
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}
.BlogArticle .date,
.show-grid div[class*="span"] {
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
}
.BlogArticle .WhiteTone {
    -webkit-transition: background 0.8s ease;
    -moz-transition: background 0.8s ease;
    -o-transition: background 0.8s ease;
    transition: background 0.8s ease;
}
.AboutContent .MeetTeam .TeamInfo {
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
}
a {
    -webkit-transition: color 0.5s ease;
    -moz-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}
.PortfolioUnderSlide .ShareInfo a {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.share {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/*MEDIA QUERY CHANGES*/

@media (min-width: 1620px) {
    .AboutContent {
        padding-bottom: 308px;
    }
    .SideBarLeft {
        width: 19.230% !important;
    }
    .SideBarRight {
        width: 19.230% !important;
    }
}
@media (min-width: 1200px) {
    .TeamInfo .InfoWrap {
        top: 343px;
    }
    .VisionTitle {
        background: red !important;
    }
    #team .VisMarg2 {
        margin-left: 0;
    }
    .BottomMenuWrap .navbar {
        margin-bottom: 0 !important;
    }
    .BottomMenuWrap .container {
        width: 1170px !important;
    }
    .SortList {
        width: 900px !important;
    }
    /*.BlogMarg1 .span3:nth-child(4n+1) { margin-left:0 !important;}*/
    /*.Blog4ColumnContent .span9 { margin-left:16px !important; width:854px !important;}*/
    /*.nav-collapse.customMenuGray.Big { height:0px; overflow:hidden !important;}*/
}
@media (min-width: 980px) {
    .carousel-control {
        margin: -20px 0 0 !important;
    }
    .AboutContent .title {
        padding: 0 0 15px 0;
        font: 40px/45px Montserrat;
        text-transform: uppercase;
    }
    .BottomMenuWrap .navbar {
        margin-bottom: 0 !important;
    }
}
@media (min-width: 768px) {} @media (min-width: 1200px) {
    .BlogContent .BlogArticle {
        width: 270px;
        height: 329px;
    }
    .BlogContent .SortList .span3 {
        width: 270px;
        height: 360px;
        z-index: 10;
    }
    .Blog4ColumnContent .BlogMarg1 .span4 .BlogArticle {
        width: 370px;
        height: 364px;
    }
    .Blog4ColumnContent .BlogMarg1 .span3 .BlogArticle {
        width: 270px;
        height: 325px;
    }
    #vision .VisMarg2 {
        clear: both;
    }
}
@media (max-width: 1199px) {
    #vision .span4 {
        width: 48% !important;
    }
    #vision .VisMarg1 {
        margin: 0;
    }
    #vision .VisMarg {
        margin-left: 2.12766%;
    }
    .BottomMenuWrap .container {
        width: 940px !important;
    }
    #blog .BottomMenu li a {
        border-bottom: 1px solid #ffffff !important;
    }
    #blog .BottomMenu li a:hover {
        border-bottom: 1px solid #1b1b1b !important;
    }
    #FullBlog .BottomMenu li a {
        border-bottom: 1px solid #ffffff !important;
    }
    #FullBlog .BottomMenu li a:hover {
        border-bottom: 1px solid #1b1b1b !important;
    }
    #features .ButtonWrap {
        width: 100% !important;
    }
    #features .PageNavigationWrap {
        width: 100% !important;
    }
    #features .TooltipWrap {
        margin-left: 0 !important;
        width: 100% !important;
    }
    #filter.SortList {} #SiteMap .MainTitle {
        font-size: 60px;
    }
    /*.btn.btn-navbar.gray { display:block; padding:10px 10px 13px 0 !important; height:38px !important; min-width:280px !important; border:1px solid #e2e2e2 !important; border-radius:0 !important; background:#ffffff !important;}
  .nav-collapse.collapse.customMenuGray { overflow:hidden !important; height:0 !important;}*/
}
@media (min-width: 979px) and (max-width: 1199px) {
    .BlogContent {
        padding-top: 55px;
    }
    .TeamInfo .InfoWrap {
        top: 295px;
    }
    #vision .span9 {
        padding: 0 0 0 20px;
    }
    #vision .VisMarg2 {
        margin-left: 2.12766%;
    }
    #team .VisMarg2 {
        margin-left: 2.12766%;
    }
    #team .VisMarg1 {
        margin-left: 2.12766%;
    }
    #team .VisMarg {
        margin-left: 2.12766%;
    }
    #team .VisMarg2 {
        margin-left: 0 !important;
    }
    .BlogMarg .span4 {
        width: 48% !important;
    }
    #features .OrderedBoxes .span3 {
        width: 47% !important;
    }
    #features .IconBoxes .span3 {
        width: 47% !important;
    }
    #features .row-fluid .span3:nth-child(2n+1) {
        margin-left: 0 !important;
    }
    #columns .row-fluid .span3:nth-child(2n+1) {
        margin-left: 2.76243% !important;
    }
    #columns .row-fluid .span3 {
        width: 22.9282% !important;
        margin-left: 2.76243% !important;
    }
    #columns .row-fluid .span9 {
        margin-left: 2.606% !important;
    }
    #columns .row-fluid .span3:first-child {
        margin-left: 0 !important;
    }
    .PriceShort .List {
        width: 24% !important;
    }
    /*.BlogMarg1 .span3 { width:23% !important;}
  .BlogMarg1 .span3:nth-child(4n+1) { margin-left:0 !important;}*/

    .Blog4ColumnContent {
        padding-top: 170px;
    }
    .span9.SortList {
        width: 720px !important;
    }
    .BlogMarg1 .row .span3 {
        min-height: 390px;
    }
    .PageLeftWrap .wrap {
        width: 700px;
        margin-left: 0;
    }
    .PageLeftWrap .span6.text {
        width: 430px;
    }
    #ErrorPage .container {
        width: 100%;
    }
    #ErrorPage .span12 {
        width: 100%;
    }
    /*.BlogMarg .row .span3 { min-height:500px;}*/

    .BlogContent .BlogArticle {
        width: 220px;
        height: 350px;
    }
    .BlogContent .SortList .span3 {
        width: 220px;
        height: 380px;
    }
    #GetInTouch .span3 .title {
        font-size: 40px;
    }
    .Blog4ColumnContent .BlogMarg1 .span4 .BlogArticle {
        width: 300px;
        height: 371px;
    }
    .BlogRightSideBarWrap .BlogMarg .span3 .BlogArticle {
        width: 339px;
        height: 353px;
    }
    .BlogRightSideBarWrap .BlogMarg .span3 {
        width: 329px;
        height: 383px;
    }
    .portfolio li.item-wide,
    .portfolio li.item-wide img {
        width: 445px !important;
        height: 289px !important;
        border-bottom: none !important;
    }
    .portfolio li.item-small,
    .portfolio li.item-small img {
        width: 211px !important;
        height: 133px !important;
        border-bottom: none !important;
    }
    .portfolio li.item-high,
    .portfolio li.item-high img {
        width: 211px !important;
        height: 289px !important;
        border-bottom: none !important;
    }
    .portfolio li.item-long,
    .portfolio li.item-long img {
        width: 445px !important;
        height: 133px !important;
        border-bottom: none !important;
    }
    .portfolio li {
        margin: 12px !important;
    }
    #portfolio-grid .MainTitle {
        width: 100%;
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    .BottomMenuWrap .container {
        padding: 0 !important;
    }
    .span3 {
        padding: 0 8px;
        text-align: left;
        width: 50% !important;
        *width: 50% !important;
        margin-left: 0 !important;
        height: auto;
    }
    #story .span3 {
        width: 100% !important;
    }
    #story .span6 {
        width: 100% !important;
    }
    #team .span3 {
        width: 100% !important;
    }
    #team .span9 {
        width: 100% !important;
    }
    #team .span9 .span4 {
        width: 48% !important;
    }
    #vision .span3 {
        width: 100% !important;
    }
    #vision .span3 .title {
        text-align: left;
    }
    #vision .span4 {
        margin: 0;
        width: 48% !important;
    }
    #vision .span9 {
        width: 100%;
    }
    #team .VisMarg1 {
        margin-left: 0 !important;
    }
    #blog .span3 {
        margin: 0 !important;
        padding: 0 10px !important;
    }
    #blog .span9 {
        margin: 0 !important;
        padding: 0 10px !important;
        width: 100% !important;
    }
    #blog .span4 {
        padding: 0 8px;
        text-align: left;
        width: 50% !important;
    }
    .BlogMarg .span4 {
        margin: 0 !important;
    }
    .BottomMenuWrap {
        margin-bottom: 20px !important;
        margin-left: 0 !important;
    }
    .BlogSingleContent .span9 {
        width: 100% !important;
    }
    .BlogSingleContent .span8.text {
        width: 100% !important;
    }
    .ProjectText .span4 {
        margin-left: 0 !important;
    }
    .RelatedProjects .span3 {
        padding: 0 15px 0 0;
    }
    #features .row-fluid .span3 {
        width: 100% !important;
    }
    #columns .row-fluid .span3:first-child {
        margin-left: 0 !important;
    }
    #columns .row-fluid .span3 {
        width: 22.9282% !important;
        margin-left: 2.76243% !important;
    }
    .PriceShort .List {
        width: 23.85% !important;
    }
    .BlogMarg1 .span3 {
        width: 47.8% !important;
    }
    .BlogMarg1 .span4 {
        width: 47.3% !important;
    }
    .row.isotope {
        margin-left: 0 !important;
    }
    .BlogSingleContent .RelatedProjects .span3 {
        width: 47% !important;
        margin-bottom: 15px;
    }
    .customMenuGraySimple .container {
        width: 724px !important;
    }
    .BlogRightSideBarWrap .span9.SortList {
        width: 100%;
    }
    .BlogRightSideBarWrap .BlogMarg .span3 {
        margin-right: 0 !important;
        width: 47.5% !important;
    }
    #PageRightBar .span9 {
        width: 100%;
    }
    #PageRightBar .span3 {
        width: 220px !important;
    }
    #PageRightBar .span6.text {
        width: 60% !important;
    }
    #PageRightBar .span3.sidebar-nav {
        width: 100% !important;
    }
    #PageLeftBar .span9 {
        width: 100%;
    }
    #PageLeftBar .span3 {
        width: 220px !important;
    }
    #PageLeftBar .span6.text {
        width: 60% !important;
    }
    #PageLeftBar .span3.sidebar-nav {
        width: 100% !important;
    }
    .CommentFormWrap .span4 {
        width: 33% !important;
    }
    #ErrorPage .container {
        width: 100%;
    }
    #ErrorPage .span12 {
        width: 100%;
    }
    .BlogContent .BlogArticle {
        width: 339px;
        height: 342px;
    }
    .BlogContent #container .span3 {
        height: 372px;
    }
    .Blog4ColumnContent .BlogMarg1 .span3 .BlogArticle {
        width: 346px;
        height: 345px;
    }
    .Blog4ColumnContent .BlogMarg1 .span4 .BlogArticle {
        width: 342px;
        height: 371px;
    }
    .SimpleTop .BottomMenu li a {
        border-bottom-color: #e2e2e2 !important;
    }
    #SiteMap .MainTitle {
        font-size: 50px;
    }
    .portfolio li.item-wide,
    .portfolio li.item-wide img {
        width: 473px !important;
        height: 307px !important;
        border-bottom: none !important;
    }
    .portfolio li.item-small,
    .portfolio li.item-small img {
        width: 224px !important;
        height: 141px !important;
        border-bottom: none !important;
    }
    .portfolio li.item-high,
    .portfolio li.item-high img {
        width: 224px !important;
        height: 307px !important;
        border-bottom: none !important;
    }
    .portfolio li.item-long,
    .portfolio li.item-long img {
        width: 473px !important;
        height: 141px !important;
        border-bottom: none !important;
    }
    .portfolio li {
        margin: 12px !important;
    }
    #portfolio-grid .container {
        padding-left: 4%;
        width: 96%;
    }
    #portfolio-grid .span12 {
        width: 100%;
    }
    #portfolio-grid .MainTitle {
        font-size: 66px;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    .BlogContent .BlogArticle {
        width: 480px;
        height: 420px;
    }
    .BlogContent .SortList .span3 {
        width: 480px;
        height: 450px;
    }
    .Blog4ColumnContent .BlogMarg1 .span3 .BlogArticle {
        width: 480px;
        height: 420px;
    }
    .Blog4ColumnContent .BlogMarg1 .span4 .BlogArticle {
        width: 480px;
        height: 420px;
    }
}
@media (min-width: 1024px) {
    .slideWrap {
        margin: -1px 0 0 !important;
    }
}
@media (max-width: 979px) {
    .navbar-fixed-top {
        margin-bottom: 0 !important;
        position: fixed !important;
    }
    .TopMenu {
        padding: 0px !important;
    }
    .TopMenu .active {
        background: none;
    }
    .slideWrap {
        padding: 75px 0 0 !important;
    }
    .AboutContent {
        padding: 23px 0 40px 0 !important;
    }
    #story .span3 {
        padding: 25px 10px 0 10px;
    }
    #story .span4 {
        padding: 0 10px 0 10px;
        width: 100% !important;
        margin: 0;
    }
    #story .aboutText {
        padding-left: 10px;
        padding-right: 10px;
    }
    #team {
        padding-bottom: 120px !important;
    }
    #team .span3 {
        padding: 25px 10px 0 10px;
    }
    #team .span4 {
        padding: 0 10px 0 10px;
        width: 100% !important;
        margin: 0;
    }
    #team .aboutText {
        padding-left: 10px;
    }
    #vision .span3 {
        padding: 25px 10px 0 10px;
        text-align: left;
    }
    #vision .span4 {
        padding: 0 10px 0 10px;
        width: 100% !important;
        margin: 0;
    }
    .navbar .brand {
        padding-left: 0 !important;
        margin: 0 0 0 15px !important;
    }
    .navbar {
        z-index: 10000 !important;
    }
    .Socials {
        padding-left: 15px;
    }
    .BottomMenu {
        padding-left: 10px !important;
        width: 268px;
    }
    .BottomMenu li {
        margin-right: 10px !important;
        clear: both;
    }
    body {
        padding: 0 !important;
    }
    #blog .sidebar-nav {
        width: 100% !important;
        text-align: left;
    }
    #blog .span4 {
        width: 48% !important;
    }
    #blog .SearchWrap {
        margin-top: 30px !important;
    }
    .BottomMenuWrap .container {
        width: auto !important;
    }
    .BlogMarg .span4.clear {
        clear: none !important;
    }
    #wrapper {
        height: 400px;/*200px*/
        overflow: hidden;
    }
    .btn.btn-navbar.black {
        padding: 13px 0 !important;
        height: 38px !important;
        width: 170px !important;
        border: 1px solid #0c0c0c !important;
        border-radius: 0 !important;
        background: #1b1b1b !important;
    }
    .customMenu {
        padding: 0 0 0 0 !important;
        margin-top: 0 !important;
        width: 100% !important;
        height: auto;
        position: absolute !important;
        top: 68px;
        right: 0;
        background: #ffffff !important;
        text-align: left;
        /*border:solid #0c0c0c; border-width:0 1px 1px 1px;*/

        max-height: 400px;/*200px*/
        overflow-y: scroll !important;
    }
    .customMenu li {
        padding: 0 !important;
    }
    .customMenu li a:hover {
        background: none !important;
        color: #da2f10 !important;
    }
    .CurrentPage {
        margin-left: -3px;
        font: bold 14px/14px Open Sans;
        float: left;
        color: #8f8f8f;
        text-transform: uppercase;
    }
    .customMenu.collapse .TopMenu {
        display: none;
    }
    .customMenu.collapse.in .TopMenu {
        display: block;
    }
    /*.customMenu .TopMenu { height:600px !important;}*/

    .customMenu .TopMenu li a {
        padding: 4px 15px !important;
    }
    .customMenu li .DropMenu {
        position: static;
        width: 100%;
        overflow: hidden;
        visibility: visible !important;
        opacity: 1 !important;
    }
    .customMenu li .DropMenu ul {
        padding-left: 10px;
        position: static;
        visibility: visible !important;
        opacity: 1 !important;
        left: 0 !important;
    }
    .btn.btn-navbar.gray {
        padding: 10px 10px 13px 0 !important;
        height: 38px !important;
        min-width: 280px !important;
        border: 1px solid #e2e2e2 !important;
        border-radius: 0 !important;
        background: #ffffff !important;
    }
    .customMenuGray {
        padding: 0 !important;
        margin-top: 0 !important;
        min-width: 168px !important;
        position: absolute !important;
        top: 59px;
        left: 22px;
        background: #ffffff !important;
        text-align: center;
        border: solid #e2e2e2;
        border-width: 0 1px 0 1px;
    }
    .customMenuGray li {
        padding: 0 !important;
    }
    .customMenuGray li a {
        text-align: left;
    }
    .customMenuGray li a:hover {
        background: none !important;
        color: #1b1b1b !important;
    }
    .CurrentPageGray {
        font: 18px/18px Muli !important;
        color: #848484;
        float: left;
        text-shadow: none !important;
    }
    .BlogSingleContent .span3 {
        width: 100% !important;
        text-align: left;
    }
    .BlogSingleContent .span4 {
        width: 48% !important;
    }
    .BlogSingleContent .SearchWrap {
        margin-top: 30px !important;
    }
    .BottomMenu li a {
        border-bottom: 1px solid #ffffff !important;
    }
    .BottomMenu li a:hover {
        border-bottom: 1px solid #1b1b1b !important;
    }
    .Blog4ColumnContent .MainTitle {
        width: 100% !important;
    }
    .Blog4ColumnContent .SearchWrap {
        width: 98% !important;
    }
    .Blog4ColumnContent .span12 {
        margin-left: 0 !important;
    }
    .BlogMarg .span3 {
        width: 46.8% !important;
    }
    .BottomMenuWrap.SimpleTop .container {
        width: 724px !important;
    }
    .CommentFormWrap .span4 {
        width: 31.37% !important;
    }
    .BottomMenuWrap .test {
        padding-left: 22px !important;
    }
    #wrapper {
        width: 100%;
        overflow: auto;
    }
    #scroller {
        /*  -webkit-touch-callout:none;*/

        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        width: 100%;
        padding: 0;
    }
}
@media (max-width: 767px) {
    .BottomMenuWrap .container {
        width: auto !important;
        padding: 0 !important;
    }
    .m-carousel-hud a {
        z-index: 2;
        opacity: 1;
        display: block;
        position: absolute;
        top: 50%;
        width: 40px !important;
        height: 40px !important;
        margin: -20px 0 0 0 !important;
        padding: 0;
        text-decoration: none;
        text-indent: -999px;
        overflow: hidden;
        background: url(../images/bg_arrow_small.png) !important;
        background-position: 0 0;
        outline: none;
    }
    .m-carousel:hover .m-carousel-hud a {
        opacity: 1;
    }
    .m-carousel .m-carousel-hud a:hover,
    .m-carousel .m-carousel-hud a:focus {
        opacity: 1;
    }
    .m-carousel-hud .m-carousel-prev {
        left: 15px !important;
    }
    .m-carousel-hud .m-carousel-prev:hover {
        background-position: 0 -40px !important;
    }
    .m-carousel-hud .m-carousel-next {
        right: 15px !important;
        background-position: 0 -80px !important;
    }
    .m-carousel-hud .m-carousel-next:hover {
        background-position: 0 -120px !important;
    }
    .iosSlider .prev {
        margin: -10px 0 0 !important;
        width: 40px !important;
        height: 40px !important;
        left: 20px !important;
        background: url(../images/bg_arrow_small.png) !important;
        background-position: 0 0;
    }
    .iosSlider .prev:hover {
        background-position: 0 -40px !important;
    }
    .iosSlider .next {
        margin: -10px 0 0 !important;
        width: 40px !important;
        height: 40px !important;
        left: auto !important;
        right: 20px !important;
        background: url(../images/bg_arrow_small.png) !important;
        background-position: 0 -80px !important;
    }
    .iosSlider .next:hover {
        background-position: 0 -120px !important;
    }
    .AboutContent {
        padding: 20px 0 80px 0 !important;
    }
    #story .span3 {
        padding: 25px 0 0 10px !important;
        text-align: left;
    }
    #story .span4 {
        padding: 0 10px 0 10px;
        width: 100% !important;
        margin: 0;
    }
    #story .aboutText {
        padding-left: 10px;
        padding-right: 10px;
    }
    #team {
        padding-bottom: 120px !important;
    }
    #team .span3 {
        padding: 25px 0 0 10px !important;
        text-align: left;
    }
    #team .span4 {
        padding: 0 10px 0 10px;
        width: 50% !important;
        margin: 0;
        float: left;
    }
    #team .aboutText {
        padding-left: 10px;
    }
    #vision {
        padding-bottom: 40px !important;
    }
    #vision .span3 {
        padding: 25px 0 0 10px !important;
        text-align: left;
    }
    #vision .span4 {
        padding: 0 10px 0 10px;
        width: 100% !important;
        margin: 0;
    }
    .navbar .brand {
        padding-left: 10px !important;
        margin: 0 0 0 15px !important;
    }
    .Socials {
        display: none;
        padding-left: 15px;
    }
    .BottomMenu {
        padding-left: 10px !important;
    }
    .BottomMenu li {
        margin-right: 50px !important;
    }
    body {
        margin: 0 !important;
        overflow-x: hidden;
        padding: 0 !important;
    }
    .navbar-fixed-top {
        margin-right: 0 !important;
    }
    .ShareInfo {
        width: 50% !important;
    }
    #blog .span4 {
        clear: both;
        width: 100% !important;
    }
    #blog .span3 {
        margin: 0 !important;
        padding: 0 10px !important;
    }
    #blog .span9 {
        margin: 0 !important;
        padding: 0 10px !important;
        width: 100% !important;
        clear: both;
    }
    #features {
        padding-left: 10px;
    }
    .BlogSingleContent .sidebar-nav {
        padding-left: 10px;
    }
    .BlogSingleContent .CommentBox {
        padding-left: 10px;
    }
    .PriceShort .List {
        width: 23.78% !important;
    }
    #features .PageNavigationWrap .span4 {
        margin-bottom: 20px !important;
    }
    .TestimonialWrap .m-carousel-hud a {
        margin: 0 !important;
        padding: 0 !important;
        width: 30px !important;
        height: 30px !important;
        position: absolute;
    }
    .TestimonialWrap .m-carousel-prev {
        top: -50px !important;
        right: 32px !important;
        left: auto !important;
        background: url(../images/arrow_pnavi.gif) !important;
        background-position: 0 -60px !important;
    }
    .TestimonialWrap .m-carousel-prev:hover {
        background: url(../images/arrow_pnavi.gif) !important;
        background-position: 0 -90px !important;
    }
    .TestimonialWrap .m-carousel-next {
        top: -50px !important;
        right: 0px !important;
        left: auto !important;
        background: url(../images/arrow_pnavi.gif) !important;
        background-position: 0 0px !important;
    }
    .TestimonialWrap .m-carousel-next:hover {
        background: url(../images/arrow_pnavi.gif) !important;
        background-position: 0 -30px !important;
    }
    .Blog4ColumnContent .MainTitle {
        width: 100% !important;
    }
    .Blog4ColumnContent .SearchWrap {
        width: 100% !important;
    }
    .BlogSingleContent .RelatedProjects .span3 {
        margin-bottom: 20px;
    }
    .BottomMenuWrap.SimpleTop .container {
        width: 95% !important;
    }
    .BottomMenuWrap.SimpleTop .BottomMenu {
        width: inherit;
    }
    .BlogRightSideBarWrap .BlogMarg .span3 {
        margin-right: 0 !important;
        min-height: 420px;
        width: 100% !important;
    }
    .CommentFormWrap .span4 {
        width: 100% !important;
    }
    #ErrorPage .container {
        width: 100%;
    }
    #ErrorPage .span12 {
        width: 100%;
    }
    .BlogMarg .row .span3 {
        width: 100% !important;
    }
    #wrap {
        overflow-x: hidden !important;
    }
    .MainTitle {
        font: 40px/72px Open Sans !important;
    }
    .AboutContent .title {
        font: 30px/35px Open Sans !important;
    }
    .ContactBottom .title {
        font: 40px/72px Open Sans !important;
    }
    .ContactBottom .SubmitWrap input[type="submit"] {
        margin: 15px 0 0 !important;
        clear: both;
        float: left;
    }
    .PriceTable {
        font: 11px Muli, Verdana;
    }
    .PriceTable thead .title {
        font: 11px/20px Muli, Verdana;
        color: white;
        display: block;
    }
    .PriceTable thead .redHead .price {
        padding: 5px 0 2px;
        line-height: 25px !important;
    }
    .PriceTable thead .price {
        font: 12px/20px Muli, Verdana;
        color: white;
        display: block;
    }
    .PriceTable thead .price .big {
        font: bold 12px/20px Muli, Verdana;
    }
    .PriceTable tfoot tr td a {
        font: 11px/25px Muli, Verdana;
        display: block;
        color: white;
    }
    .PriceTable tfoot .red a {
        background: #da2f10;
        font-size: 12px;
        line-height: 30px !important;
    }
    .PriceShort .List {
        width: 22.5% !important;
    }
    .PriceShort .List li {
        text-align: center;
        font: 11px/35px Muli, Verdana;
        color: #848484;
        border-bottom: 1px solid #e2e2e2;
        cursor: default;
    }
    .PriceShort .List li a {
        display: block;
        font: 11px/25px Muli, Verdana;
        color: white;
        text-transform: uppercase;
    }
    .PriceShort .List li a:hover {
        text-decoration: none;
    }
    .PriceShort .List li:first-child {
        margin: 0 -1px 0 -1px;
        border: none;
    }
    .PriceShort .List li:hover {
        background: #f6f6f6;
    }
    .PriceShort .List li .title {
        font: 11px/20px Muli, Verdana;
        color: white;
        display: block;
    }
    .PriceShort .List li .price {
        font: 9px/20px Muli, Verdana;
        color: white;
        display: block;
    }
    .PriceShort .List li .price .big {
        font: bold 13px/25px Muli, Verdana;
    }
    .PriceShort .List .redHead .price {
        line-height: 10px !important;
        padding-top: 0 !important;
    }
    .SimpleTop .PageNavi {
        margin-right: 5px;
    }
    .SimpleTop .PageNavi li:first-child {
        padding-left: 0;
    }
    .SimpleTop .PageNavi li {
        padding-left: 10px;
    }
    .SimpleTop .PageNavi li {
        clear: none;
    }
    .ProjectText .span4 {
        width: 100% !important;
    }
    .customMenu .TopMenu {
        padding-left: 20px !important;
    }
    .BottomMenuWrap .test {
        padding-left: 12px !important;
    }
    .VideoWrap {
        clear: both;
    }
    .BlogArticleSingle .VideoWrap #my_video_1 {
        width: 550px !important;
        height: 350px !important;
    }
    .BlogRightSideBarWrap {
        padding-bottom: 90px;
    }
    .customMenuGray {
        left: 12px;
    }
    .SimpleTop .BottomMenu li a {
        border-bottom: none !important;
    }
    .CommentBox .CommentFormWrap .AreaWrap {
        padding-top: 0;
    }
    #GetInTouch .CommentFormWrap .AreaWrap {
        padding-top: 0;
    }
    .portfolio li.item-wide,
    .portfolio li.item-wide img {
        width: 473px !important;
        height: 307px !important;
        border-bottom: none !important;
    }
    .portfolio li.item-small,
    .portfolio li.item-small img {
        width: 224px !important;
        height: 141px !important;
        border-bottom: none !important;
    }
    .portfolio li.item-high,
    .portfolio li.item-high img {
        width: 224px !important;
        height: 307px !important;
        border-bottom: none !important;
    }
    .portfolio li.item-long,
    .portfolio li.item-long img {
        width: 473px !important;
        height: 141px !important;
        border-bottom: none !important;
    }
    #portfolio-grid .MainTitle {
        width: 100%;
    }
}
@media (max-width: 610px) {
    #ErrorPage .container {
        width: 100%;
    }
    #ErrorPage .span12 {
        width: 100%;
    }
    .ErrorWrap {
        margin: 0 0 0 0;
        width: 100%;
    }
    .ErrorTitle {
        padding-left: 20%;
        margin: 50px 0 0;
        height: 90px;
        color: #da2f10;
        text-transform: uppercase;
    }
    .ErrorTitle em {
        float: left;
        font: 80px/80px Open Sans;
        letter-spacing: -9px;
    }
    .ErrorTitle p {
        padding: 0 0 0 30px;
        float: left;
    }
    .ErrorTitle span {
        font: 30px/45px Open Sans;
        text-align: left;
        letter-spacing: -2px;
    }
    .ErrorTitle del {
        margin-left: -3px;
        font: 30px/30px Open Sans;
        letter-spacing: -2px;
        text-align: left;
        text-decoration: none;
    }
    .ErrorWrap .SearchWrap {
        margin-left: 5%;
        width: 87%;
        margin-top: 48px;
    }
    .ErrorWrap .ButtonWrap {
        padding: 20px 0 0;
        text-align: center;
    }
    .ErrorWrap .ButtonWrap a {
        padding: 2px 0 0;
        margin: 0 2px;
        width: 137px;
        background: white;
        font: 14px/36px Muli, Verdana;
        color: #848484;
        text-transform: uppercase;
        display: inline-block;
        border: 1px solid #e2e2e2;
    }
    .ErrorWrap .ButtonWrap a:hover {
        text-decoration: none;
        border-color: #da2f10;
        color: #da2f10;
    }
    .Found {
        padding-left: 20%;
        font-size: 25px;
    }
    #team .TeamWrap .span4 {
        width: 100% !important;
    }
    .portfolio li {
        margin: 12px !important;
    }
    .PortfolioUnderSlide .ShareInfo a {
        display: none;
    }
    .ShareInfo.phone a {
        display: block;
    }
}
@media (max-width: 800px) {
    .m-carousel-bulleted {
        display: none;
    }
}
@media (max-width: 480px) {
    .m-carousel-bulleted {
        left: 44% !important;
    }
    .ShareInfo {
        width: 100% !important;
        text-align: left;
    }
    .ShareInfo .wrap {
        float: left;
        width: 100%;
    }
    .customMenu {
        width: 100% !important;
        right: 0 !important;
        left: 0 !important;
        top: 70px !important;
    }
    #team .TeamWrap .span4 {
        width: 100% !important;
    }
    #team {
        padding-bottom: 70px !important;
    }
    .CurrentPage {
        display: none;
    }
    .btn.btn-navbar.black {
        width: 50px !important;
    }
    .btn.btn-navbar.black span {
        margin-left: 8px;
        padding-left: 0 !important;
    }
    .BottomMenuWrap .btn-navbar.gray {
        float: left !important;
    }
    .BottomMenuWrap .test {
        padding-left: 12px !important;
    }
    .customMenu .TopMenu {
        padding-left: 10px !important;
    }
    #wrap {
        overflow-x: hidden !important;
    }
    .iosSlider {
        max-width: 480px !important;
    }
    .MainTitle {
        font-size: 40px !important;
        line-height: 40px !important;
    }
    .AboutContent .title {
        font-size: 40px !important;
        line-height: 40px !important;
    }
    .ContactBottom .title {
        font-size: 40px !important;
        line-height: 40px !important;
    }
    .ContactBottom .SubmitWrap input[type="submit"] {
        margin: 15px 0 0 !important;
        clear: both;
        float: left;
    }
    .customMenu li .DropMenu {
        overflow: hidden;
        width: 100%;
        position: static;
    }
    .customMenu li .DropMenu ul {
        padding-left: 10px;
        position: static;
        visibility: visible !important;
        opacity: 1 !important;
    }
    .row-fluid .TeamWrap .span4 .TeamInfo .InfoWrap {
        top: 343px;
    }
    .TeamInfo .InfoWrap {
        top: 241px;
    }
    .PriceShort .List li {
        text-align: center;
        font: 11px/15px Muli, Verdana;
        color: #848484;
        border-bottom: 1px solid #e2e2e2;
        cursor: default;
    }
    .SimpleTop .PageNavi li a del {
        display: none;
    }
    .NaviWrap .PageNavi {
        margin: 5px 5px 0 0;
    }
    .NaviWrap .PageNavi a del {
        display: none;
    }
    .CommentBox .CommentFormWrap .AreaWrap {
        padding-top: 0;
    }
    .BlogArticleSingle .VideoWrap #my_video_1 {
        width: 350px !important;
        height: 250px !important;
    }
    .PageRightWrap .TextWrap img {
        width: 135px;
        height: 200px;
    }
    .PageLeftWrap .TextWrap img {
        width: 135px;
        height: 200px;
    }
    #footer .copyright {
        font-size: 12px;
    }
    .Found {
        padding-left: 10%;
        font-size: 20px;
    }
    .ErrorTitle {
        padding-left: 10%;
        height: 80px;
    }
    .CommentBox .CommentFormWrap .SubmitWrap input[type="submit"] {
        margin-left: 0;
        clear: both;
        float: left;
    }
    .Blog4ColumnContent .BlogMarg1 .span3 .BlogArticle {
        width: 319px;
        height: 359px;
    }
    .Blog4ColumnContent .BlogMarg1 .span4 .BlogArticle {
        width: 319px;
        height: 359px;
    }
    .BlogContent .BlogArticle {
        width: 319px;
        height: 359px;
    }
    .BlogContent .SortList .span3 {
        width: 349px;
        height: 389px;
    }
    .portfolio li.item-wide,
    .portfolio li.item-wide img {
        width: 271px !important;
        height: 167px !important;
        border-bottom: none !important;
    }
    .portfolio li.item-small,
    .portfolio li.item-small img {
        width: 271px !important;
        height: 167px !important;
        border-bottom: none !important;
    }
    .portfolio li.item-high,
    .portfolio li.item-high img {
        width: 271px !important;
        height: 332px !important;
        border-bottom: none !important;
    }
    .portfolio li.item-long,
    .portfolio li.item-long img {
        width: 271px !important;
        height: 77px !important;
        border-bottom: none !important;
    }
}
@media (max-width: 520px) {
    .BottomMenuWrap li {
        clear: both;
    }
}
/**** Isotope Filtering ****/

.isotope-item {
    z-index: 2;
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
.variable-sizes {} .variable-sizes .element {
    margin: 15px;
    width: 270px;
    height: 170px;
    float: left;
    overflow: hidden;
    position: relative;
    background: red;
}
.variable-sizes .element .number {
    display: none;
}
.variable-sizes .element.width2 {
    width: 570px;
}
.variable-sizes .element.height2 {
    height: 370px;
}
/**** 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: -ms-transform, opacity;
    -o-transition-property: -o-transform, 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;
}
/**** iOS Slider ****/

.SliderWrapper {
    position: relative;
    overflow: hidden;
    width: 100% !important;
    height: 0;
    padding: 0 0 39% 0;
}
.iosSlider {
    width: 100% !important;
    height: 1500px;
}
.iosSlider .slider {
    width: 100%;
    height: 100%;
}
.iosSlider.homeSlider .slider .item {
    float: left;
    width: 100%;
    z-index: 1;
    opacity: 1;
}
.iosSlider .slider .item.current {
    width: 75%;
    opacity: 1;
    z-index: 2;
}
.iosSlider .slider .item .descriptionImg {
    display: none !important;
}
.iosSlider .slider .item {
    float: left;
    width: 75%;
    z-index: 1;
    opacity: 0.4;
}
.iosSlider.homeSlider .slider .item.current {
    width: 100%;
    z-index: 2;
    opacity: 1;
}
.iosSlider.homeSlider .slider .item img {
    width: 100%;
    height: auto;
}
.iosSlider .slider .item .text1 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    opacity: 1;
    background: #000;
}
.iosSlider .slider .item .text1 span {
    color: #fff;
    font: bold 50px/60px "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0 8px;
}
.iosSliderButtons {
    position: absolute;
    z-index: 2;
    bottom: 25px;
    width: 100%;
    margin: 0 0 0;
    text-align: center;
    left: 50%;
    width: 150px;
    margin-left: -75px;
}
.iosSliderButtons .button {
    text-decoration: none;
    text-indent: -999px;
    overflow: hidden;
    background: url(../images/circle_page.png);
    background-position: 0 0;
    display: inline-block;
    width: 12px;
    height: 12px;
    padding: 0 !important;
    margin: 0 3px;
    border-radius: 6px !important;
    outline: none;
}
.iosSliderButtons .button:hover,
.iosSliderButtons .button.selected {
    background-position: 0 -12px;
}
.iosSliderButtons > * {
    display: inline-block;
}
.iosSliderPortfolio {
    width: 100% !important;
    height: 1500px;
}
.iosSliderPortfolio .slider {
    width: 100%;
    height: 100%;
}
.iosSliderPortfolio .slider .item {
    float: left;
    width: 75%;
    max-width: 1171px;
    opacity: 0.4;
    z-index: 1;
}
.iosSliderPortfolio .slider .item.current {
    width: 75%;
    opacity: 1;
    z-index: 2;
}
.iosSliderPortfolio .slider .item .descriptionImg {
    display: none !important;
}
.iosSliderPortfolio .slider .item img {
    width: 100%;
    height: auto;
}
.iosSliderPortfolio .slider .item .text1 {
    position: absolute;
    bottom: 0px;
    right: 0px;
    opacity: 1;
    background: #000;
}
.iosSliderPortfolio .slider .item .text1 span {
    color: #fff;
    font: bold 50px/60px "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0 8px;
}
/* controls */

.SliderWrapper .prevContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 13%;
    height: 100%;
    padding: 0 0 0 0;
    z-index: 10;
}
.SideBarLeft {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
}
.SideBarRight {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 1;
}
.SliderWrapper .prevContainer .prev {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -35px 0 0 -35px;
    width: 70px;
    height: 70px;
    background: url(../images/bg_arrow.png);
    background-position: 0 0;
    z-index: 11;
}
.SliderWrapper .prevContainer .prev:hover {
    background-position: 0 -70px;
}
.SliderWrapper .nextContainer {
    position: absolute;
    top: 0;
    right: 0;
    width: 13%;
    height: 100%;
    padding: 0 0 0 0;
    z-index: 10;
}
.SliderWrapper .nextContainer .next {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -35px 0 0 -35px;
    right: 30px;
    width: 70px;
    height: 70px;
    background: url(../images/bg_arrow.png);
    background-position: 0 -140px;
}
.SliderWrapper .nextContainer .next:hover {
    background-position: 0 -210px;
}
/* EXAMPLES */
/* Base class */

.bs-docs-example {
    position: relative;
    margin: 15px 0;
    padding: 39px 19px 14px;
    *padding-top: 19px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
/* Echo out a label for the example */

.bs-docs-example:after {
    content: "Example";
    position: absolute;
    top: -1px;
    left: -1px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    color: #9da0a4;
    -webkit-border-radius: 4px 0 4px 0;
    -moz-border-radius: 4px 0 4px 0;
    border-radius: 4px 0 4px 0;
}
/* Remove spacing between an example and it's code */

.bs-docs-example + .prettyprint {
    margin-top: -20px;
    padding-top: 15px;
}
/* Tweak examples
------------------------- */

.bs-docs-example > p:last-child {
    margin-bottom: 0;
}
.bs-docs-example .table,
.bs-docs-example .progress,
.bs-docs-example .well,
.bs-docs-example .alert,
.bs-docs-example .hero-unit,
.bs-docs-example .pagination,
.bs-docs-example .navbar,
.bs-docs-example > .nav,
.bs-docs-example blockquote {
    margin-bottom: 5px;
}
.bs-docs-example .pagination {
    margin-top: 0;
}
.bs-navbar-top-example,
.bs-navbar-bottom-example {
    z-index: 1;
    padding: 0;
    height: 90px;
    overflow: hidden;
    /* cut the drop shadows off */
}
.bs-navbar-top-example .navbar-fixed-top,
.bs-navbar-bottom-example .navbar-fixed-bottom {
    margin-left: 0;
    margin-right: 0;
}
.bs-navbar-top-example {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
.bs-navbar-top-example:after {
    top: auto;
    bottom: -1px;
    -webkit-border-radius: 0 4px 0 4px;
    -moz-border-radius: 0 4px 0 4px;
    border-radius: 0 4px 0 4px;
}
.bs-navbar-bottom-example {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.bs-navbar-bottom-example .navbar {
    margin-bottom: 0;
}
form.bs-docs-example {
    padding-bottom: 19px;
}
/* Images */

.bs-docs-example-images img {
    margin: 10px;
    display: inline-block;
}
.com {
    color: #93a1a1;
}
.lit {
    color: #195f91;
}
.pun,
.opn,
.clo {
    color: #93a1a1;
}
.fun {
    color: #dc322f;
}
.str,
.atv {
    color: #D14;
}
.kwd,
.prettyprint .tag {
    color: #1e347b;
}
.typ,
.atn,
.dec,
.var {
    color: teal;
}
.pln {
    color: #48484c;
}
@media (max-width: 320px) {
    .slideWrap {
        padding: 90px 0 0 !important;
    }
    .Socials ul > li {
        padding: 0 0 0 0;
    }
}
.gallery-title {
    font-size: 16px;
    line-height: 1.2em;
    margin: 0;
}
figure.image-gallery {
    text-align: center;
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
    height: auto;
}
.bg-white {
    background: #ffffff;
}
.expozitii {
    list-style: none;
    margin: 0;
    padding: 0;
}
.expozitii > li {
    margin: 0 0 5px 0;
}
.expozitii > li > h5 {
    color: #000000;
    font: inherit;
    font-weight: 600;
    line-height: 1.2em;
    margin: 0;
}
.scrollup {
    width: 40px;
    height: 40px;
    opacity: 1;
    position: fixed;
    bottom: 22px;
    right: 20px;
    display: none;
    text-indent: -9999px;
    background: url(../images/scroll-top-arrow.png) no-repeat left top;
    z-index: 999;
}
ul.adresa {
    font-size: 16px;
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.adresa > li {
    margin-top: 20px;
}

/* Map Popup */
.home-map,
.custom-map {
    border: 0;
    width: 100%;
    height: 380px;
}
.home-map {
    height: 600px;
}
.info-window {
    border: 1px solid #000000;
    background: #ffffff;
    color: #555555;
    font-size: 14px;
    line-height: 1.2em;
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    max-width: 120%;
    width: 120%;
    height: 100%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.info-window-title {
    background: #d92e10;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.2em;
    text-align: center;
    margin: 0 0 5px 0;
    padding: 0 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.info-window-tip {
    font-size: 16px;
    display: block;
}
.info-window-close {
    color: #ffffff;
    position: absolute;
    top: 3px;
    right: 4px;
    display: inline-block;
}
.info-window-image {
    text-align: center;
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
}
.info-window-image > img {
    display: inline-block;
    max-width: 100%;
    max-height: 45px;
    width: auto;
    height: auto;
}
.info-window-address,
.info-window-phone,
.info-window-email,
.info-window-program {
    font-size: 14px;
    position: relative;
    display: block;
    margin: 0 0 5px 0;
    padding: 0 10px 0 20px;
}
.info-window-address > .fa,
.info-window-phone > .fa,
.info-window-email > .fa,
.info-window-program > .fa {
    color: #d92e10;
    position: absolute;
    top: 0;
    left: 5px;
}
/* Breadcrumb */
.breadcrumb {
    font-size: 14px;
    list-style: none;
    margin: 0;
    padding: 20px 0;
}
.breadcrumb > li {
    display: inline-block;
}
.breadcrumb > li:before {
    content: '>';
    display: inline-block;
}
.breadcrumb > li:first-child:before {
    display: none;
}
.breadcrumb,
.breadcrumb > li > a {
    color: #848484;
}
.breadcrumb > li > .last {
    color: #1b1b1b;
}
/* Cautare produse */
.search-simple {
    border: 1px solid #ffffff;
    background: #e2e2e2;
    position: relative;
    display: block;
    margin: 0;
    padding: 0 40px 0 0;
    width: 100%;
}
.search-simple > input[type="text"] {
    border: 0;
    line-height: 40px;
    background: transparent;
    display: block;
    margin: 0;
    width: 100%;
    height: 40px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.search-simple > a {
    line-height: 40px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 40px;
    height: 40px;
}
.search-simple > a > i {
    color: #1a1a1a;
    font-size: 20px;
    line-height: 1em;
    vertical-align: middle;
    display: inline;
}
.mt20 {
    margin-top: 20px;
}
/* Widgets */
.widget {
    background: #ffffff;
    padding: 15px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.widget-title {
    border-bottom: 1px solid #e2e2e2;
    font-size: 18px;
    line-height: 1.2em;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
}
.widget-subtitle {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2em;
    margin: 0 0 5px 0;
    padding: 0;
}
.widget-check {
    color: #828282;
    font-weight: 400;
    overflow: hidden;
    position: relative;
    display: block;
}
.widget-check > input {
    vertical-align: top;
    position: absolute;
    left: -50px;
}
.widget-check:before {
    content: ' ';
    line-height: 1.2em;
    font-family: FontAwesome;
    text-align: center;
    display: inline-block;
    width: 1em;
}
.widget-check.checked:before {
    content: '\f00c';
}
.FromBlog.product-list .BlogArticle {
    /*margin: 0 0 50px 0;*/
    margin: 0 0 10px 0;
}
.widget .FromBlog {
    background: transparent;
    margin-left: -10px;
    margin-right: -10px;
}
.widget-filters.visible-phone {
    padding: 0;
}
#mobile-filters .btn {
    margin-right: 5px;
}
#mobile-filters .widget-subtitle {
    border-bottom: 1px solid #dedede;
    padding: 5px;
}
#mobile-filters form {
    background: #ffffff;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}
#mobile-filters {
    position: fixed;
    left: 0;
    top: 100px;
    z-index: 999999;
    width: 100%;
    height: auto;
}
#mobile-filter-panel {
    text-align: left;
    overflow: hidden;
}
#mobile-filter-panel .widget-check {
    font-size: 13px;
    display: inline-block;
    margin: 5px 0;
}
#mobile-filter-panel .mt20 {
    margin-top: 10px;
}
.FromBlog.recommended-product .BlogArticle {
    background: transparent;
    margin: 20px 0 0 0;
}
.FromBlog.recommended-product img {
    width: 100%;
    height: auto;
}
.BlogArticlePad {
    margin: 0;
    padding: 0 19px;
}
#category-intro,
.BlogDescription {
    color: #1b1b1b;
    font-family: Muli, Verdana;
    font-size: 15px;line-height: 1.5em;
    font-weight: 400;
    overflow: hidden;
    display: block;
    margin: 10px 0;
    padding: 0;
    height: 3em;
}
#category-intro {
    height: auto;
}
.product-colors {
    font-size: 13px;
}
.product-colors > ul {
    list-style: none;
    vertical-align: middle;
    display: inline-block;
    margin: 0;
    padding: 0;
}
.product-colors > ul > li {
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    display: inline-block;
    margin: 0 5px 0 0;
    padding: 0;
    width: 18px;
    height: 18px;
}
.pagination {
    text-align: center;
    list-style: none;
    overflow: hidden;
    margin: 0 20px;
    padding: 0;
}
.pagination > li {
    display: inline-block;
    margin: 5px;
    padding: 0;
}
.pagination > li > a {
    border-bottom: 2px solid transparent;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    height: 30px;
}
.pagination > li.current-page > a,
.pagination > li > a:hover {
    border-bottom: 2px solid #da2f10;
    color: #da2f10;
}
.produse-similare {
    margin-bottom: 60px;
}
.produse-similare > h2 {
    font-family: Muli, Verdana;
    font-size: 18px;
    font-weight: 400;
}
.bg-white .breadcrumb {
    background: transparent;
}
.image-responsive {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.tab-pane {
    color: #1b1b1b;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3em;
}
h1, h2, h3 {
    font-size: 24px;
    line-height: 1.5em;
    margin: 0 0 20px 0;
    padding: 0;
}
h3 {
    font-size: 21px;
    font-weight: 700;
}
.tab-pane > h1,
.tab-pane > h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
}
.rating {
    color: #797979;
    line-height: 1em;
    text-align: right;
}
.rating .fa-star {
    color: #dd2e11;
}
.add-rating {
    color: #797979;
    font-size: 12px;
}
.bordered-section {
    border: 1px solid #e2e2e2;
    border-left: 0;
    border-right: 0;
    margin: 20px 0;
    padding: 20px 0;
    line-height: 40px;
}
#configurator-wrapper .nav-tabs,
.detail-tabs .nav.nav-tabs {
    list-style: none;
    margin: 0;
    padding: 0;
}
#configurator-wrapper .nav-tabs {
    margin-bottom: 4px;
}
#configurator-wrapper li > a,
#configurator-wrapper .active > a,
.nav-tabs > li > a,
.nav-tabs > .active > a {
    color: #555555;
}
#configurator-wrapper .nav-tabs > .active > a,
#configurator-wrapper .tab-content,
.detail-tabs .nav-tabs > .active > a,
.detail-tabs .tab-content {
    background: #ffffff;
    border: 1px solid #e2e2e2;
}
#configurator-wrapper .nav-tabs > .active > a,
.detail-tabs .nav-tabs > .active > a {
    border-bottom: 0;
    margin-bottom: -2px;
}
#configurator-wrapper .tab-content,
.detail-tabs .tab-content {
    padding: 20px ;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.page-details #about {
    margin-top: -15px;
}
.breadcrumb-wrapper {
    border: 0px solid #d2d2d2;
    border-top-width: 2px;
    border-bottom-width: 1px;
}
.breadcrumb-wrapper.visible-phone .breadcrumb {
    padding: 5px 10px 0 10px;
}
/* Modal Popup */
#modal-popup,
#modal-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    zoom: 1;
}
#modal-popup {
    z-index: 999999;
}
#modal-overlay {
    background: #000000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
}
#modal-popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
}
#modal-popup-content > figure {
    text-align: center;
    margin: 0;
    padding: 0;
}
.custom-form {
    padding: 0 20px 50px 20px;
}
.custom-form textarea {
    line-height: 1.2em;
    width: 100%;
    height: 3em;
}
.custom-form [type="text"],
.custom-form [type="password"],
.custom-form select {
    line-height: 30px;
    width: 100%;
    height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.custom-form [type="checkbox"],
.custom-form [type="radio"] {
    vertical-align: middle;
    margin-top: 0;
}
.custom-form .span12 > strong {
    font-size: 18px;
    display: block;
    margin: 20px 0 10px 0;
}
.custom-form .span-3,
.custom-form .span-3 label {
    display: inline-block;
    margin-bottom: 5px;
    width: auto;
}
#login-consilieri {
    margin: auto;
    max-width: 400px;
}
section {
    font-size: 16px;
    margin-bottom: 50px;
}
.subtitle {
    font-size: 20px;
}
/* Ratng detalii */
#rating-wrapper {
    text-align: right;
    overflow: hidden;
    display: block;
    width: 100%;
}
.rating-controls {
    list-style: none;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.rating-controls > li {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.rating-control {
    color: #797979;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    line-height: 20px;
    margin: 0;
    padding: 0;
}
.rating-control.active,
.rating-control:hover {
    color: #dd2e11;
}
.clear-header,
#about.clear-header {
    //padding-top:105px;
    padding-top:88px;
}
@media (max-width:767px) {
    #about.clear-header {
        padding-top:97px;
    }
}
.clear-footer,
#about.clear-footer {
    padding-bottom: 0px;
    
}
.clear-float-menu,
#about.clear-float-menu {
    padding-top: 160px;
}
@media(max-width: 767px) {
    .clear-float-menu.float-menu-hidden-xs,
    #about.clear-float-menu.float-menu-hidden-xs {
        padding-top: 98px;
    }
}
.news-title {
    font-size: 20px;
    line-height: 1.5em;
    margin-top: 0;
    padding-top: 0;
}
.news-title > span {
    color: #999999;
    font-size: 16px;
    display: block;
}
.page-gallery,
.page-gallery > li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.isotope-grid {
    position: relative;
}
.grid:after {
    content: '';
    display: block;
    clear: both;
}
.isotope-item {
    position: relative;
}
#home-about-text > p {
  color: #999999;
}
#home-about-text > h2 {
  font: inherit;
  font-weight: 700;
  text-align: center;
}
.category-intro {
    font-size: 14px;
    margin: 0 0 20px 0;
}
.cat-cell {
    background: #ffffff;
    padding-bottom: 10px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}
.cat-cell > h2 {
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    margin: 0;
    padding: 10px 20px;
}
.cat-cell > h2 > a {
    color: #000000;
}
.fancy-gallery figure,
.cat-cell > figure {
    text-align: center;
    margin: 0;
    padding: 0;
}
.cat-cell > figure > figcaption {
    text-align: justify;
    margin-bottom: 20px;
    padding: 0 20px;
}
iframe {
    border: 0;
    width: 100%;
}
.fancy-gallery figure {
    margin: 10px 0;
}
.preturi-tabelare img {
    min-width: 100px;
}
.preturi-tabelare tr:first-child > td,
.preturi-tabelare tr > td:first-child {
    background: #eeeeee;
    font-weight: 700;
}
.preturi-tabelare {
    font-size: 14px;
}

@media(min-width: 1170px) {
    /*
    .preturi-tabelare {
        font-size: 11px;
        font-weight: 700;
        line-height: 1.5em;
    }
    */
    
}

.preturi-tabelare th,
.preturi-tabelare td {
    padding: 5px;
}
.preturi-tabelare td {
    border-top: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
}
.preturi-tabelare td:first-child {
    border-left: 1px solid #c5c5c5;
}
@media(max-width: 600px) {
    .slider-item-text h2,
    .slider-item-text p {
        display: none !important;
    }
}
@media(max-width: 600px) {
    #homepage .iosSlider,
    #homepage .iosSlider.homeSlider .slider .item img {
        /*height: 155px !important;*/
    }
    #homepage .SliderWrapper {
        height: 30px !important;
    }
    #homepage .AboutContent,
    #homepage .FromBlog .BlogArticle {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

}
#mobilevisible{
	visibility:hidden;
}
@media(max-width: 768px) {
	#mobilehidden {
		visibility: hidden;
		height: 0;
	}
    #mtophidden {
        padding: 0;
    	margin-top: -50px !important;
    }
	#mobilevisible {
		visibility: visible;
		height: auto;
	}
}
#footer {
    margin: 0;
    padding: 0;
}
#footer .copyright {
    padding-left: 20px;
    padding-right: 20px;
}
.old-price {
    font-size: 90%;
    display: block;
}
.strike {
    text-decoration: line-through;
}
#bx-details-carousel-wrapper {
    position: relative;
}
#bx-details-carousel-wrapper li {
    text-align: center;
}
#bx-details-carousel-wrapper img {
    margin: auto;
}
@media(max-width: 797px) {
    #bx-details-carousel-wrapper img {
        width: 100%;
        height: auto;
    }
    .mt0-xs {
        margin-top: 0;
    }
    #bx-details-carousel-wrapper .bx-wrapper {
        margin-bottom: 0;
    }
}
.badge-new {
    position: absolute;
    top: 0;
    right: 0;
    width: 48px !important;
    height: 48px !important;
}
.badge-new2 {
    position: absolute;
    top: 0;
    left: 10;
    width: 48px !important;
    height: 48px !important;
}
.badge-discount-percentage {
    background: url(../images/discount.png) 50% 50% no-repeat transparent;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    line-height: 48px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    margin: 0;
    padding: 0;
    width: 48px !important;
    height: 48px !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
@media(min-width: 767px) {
    #isotope-filters,
    #isotope-filters .mt20,
    #isotope-filters label {
        margin: 0;
    }
    #isotope-filters .widget-subtitle {
        font-size: 14px;
    }
    #isotope-filters .widget-check {
        font-size: 12px;
    }
}
.bx-viewport > ul,
.bx-viewport > ol {
    list-style: none;
    margin: 0;
    padding: 0;
}
.visible-after-init {
    visibility: hidden;
}
@media(max-width: 767px) {
    #products-tab {
        margin-top: 20px;
    }
    #products-tab .slider-wrapper {
        margin-bottom: 20px;
    }
}
._clear-float-menu.float-menu-hidden-xs {
    padding-top: 0px !important;
}
@media(max-width: 797px) {
    #btn-share-wrapper {
        float: left;
        max-width: 100px;
    }
    #btn-fisa-tehnica-wrapper {
        float: right;
        max-width: 155px;
    }
    .ShareWrap .popover {
        width: 100px;
    }
}

/* Teste pentru imagini marite */

@media(max-width: 797px) {
    .product-id-28 #bx-details-carousel-wrapper .bx-details-carousel > li > a {
        overflow: hidden;
        display: block;
        width: 100%;
        height: auto;
    }
    .product-id-28 #bx-details-carousel-wrapper .bx-details-carousel > li > a > img {
        max-width: inherit;
        width: auto;
    }
}

.form-control[type="text"] {
    line-height: 44px;
    display: block;
    height: 44px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.page-details .fancybox-overlay {
    z-index: 1000;
}
/* Details carousel */
.prodimg-fullwidth-wrapper {
    position: relative;
    width: 100%;
    height: 30%;
    //border:1px solid red;
}
img.imaginefull {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
	text-align:center;
	height:100%;
}
.prodimg-fullwidth {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#bgimg {
    visibility: hidden;
    opacity: 0;
    display: block;
    width: 100%;
    height: auto;
}
.prodimg-fullwidth-thumbs {
    background: #000000;
    background: rgba(0, 0, 0, 0.4);
    float: left;
    position: absolute;
    bottom: 2%;
    left: 2%;
    padding: 5px;
}
.prodimg-fullwidth-thumbs > .bx-wrapper {
    margin: 0;
}
.prodimg-fullwidth-thumbs .bx-controls {
    display: none;
}
.prodimg-fullwidth-thumbs:hover .bx-controls {
    display: block;
}
.prodimg-fullwidth-tabs {
    float: right;
    position: absolute;
    bottom: 5%;
    right: 2%;
    //border:1px solid red;
}
.white-button {
    background: #ffffff;
    border: 1px solid #dddddd;
    color: #000000;
    font-size: 16px;
    line-height: 1.5em;
    display: inline-block;
    margin: 0;
    padding: 6px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.white-button:hover {
    background: #d92e10;
    border-color: #d92e10;
    color: #ffffff;
}
.fancybox-lock .fancybox-overlay {
    z-index: 9999999;
}
.fancybox-opened {
    z-index: 99999999;
}
#details-title {
    margin-bottom: 0;
}
@media(max-width: 797px) {
    .prodimg-fullwidth,
    .prodimg-fullwidth-thumbs,
    .prodimg-fullwidth-tabs {
        background-color: transparent;
        float: none;
        position: inherit;
        top: inherit;
        right: inherit;
        bottom: inherit;
        left: inherit;
        margin: 10px auto;
        height: auto;
    }
    .prodimg-fullwidth-tabs {
        text-align: center;
        float: none;
        width: 100%;
    }
    .white-button {
        font-size: 15px;
        padding-left: 2px;
        padding-right: 2px;
    }
    .prodimg-fullwidth-thumbs .bx-controls {
        display: block;
    }
    .over-gallery {
        background: transparent;
        border: 0;
        position: absolute;
        top: 75px;
    }
    .over-gallery > .bg-white {
        background: transparent;
    }
    .over-gallery .breadcrumb {
        font-size: 14px;
        line-height: 1.2em;
        padding: 0 20px;
    }
    .over-gallery .breadcrumb,
    .over-gallery .breadcrumb > li > a {
        color: #000000;
    }
    #details-title {
        padding: 0 10px;
    }
}
@media(max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}
.more-on-mobile {
    overflow: hidden;
}
.more-on-mobile.closed {
    position: relative;
    margin-bottom: 2em;
    max-height: 3em;
}
.btn-more-on-mobile-open,
.btn-more-on-mobile-close {
    border: 1px solid #f0f0f0;
    background: #f0f0f0;
    line-height: 1.2em;
    position: absolute;
    bottom: -4px;
    right: 0;
    display: none;
}
.closed > .btn-more-on-mobile-open {
    display: block;
}
.open > .btn-more-on-mobile-close {
    display: block;
}
@media (max-width: 979px) {
    .navbar .nav > li.active:before,
    .navbar .nav > li:hover:before {
        display: none;
    }
    .DropMenu {
        border: 0 !important;
    }
}
span.mic {
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	display: block;
}
td.lista_de_pret_antet {
	background-color:rgb(128,128,128) !important;
	padding:0px 10px 0px 10px;
	color:white;
	line-height:1.1em;
}
td.lista_de_pret_n {
	background-color:white;
}
.a_frumos {
	z-index:1000;
}