@import url('reset.css');
@import url('font-oswald.css');
@import url("http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,700,300");
img{border:0;max-width:100%;width:auto;vertical-align:top}.jcarousel iframe{display:block}body{font-size:12px;line-height:18px;color:#7e8082;font-family:'Open Sans',Arial,Helvetica,sans-serif;font-weight:400;background-color:#f7f7f7;-webkit-font-smoothing:antialiased!important;-webkit-text-size-adjust:100%!important}.bold{font-weight:700}::selection{color:#fff;background-color:#1bbc9b}::-moz-selection{color:#fff;background-color:#1bbc9b}.bw-wrapper canvas{cursor:pointer}.header-logo-container{float:left;position:absolute;margin-left:-35px}.pull-right{float:right!important}.header-container-right,.social-links-container{float:right}#map-container{width:100%;height:220px;position:absolute!important}.header-rr-container{margin-bottom:5px;margin-top:22px}.newsletter-container{margin-bottom:40px!important}ul.social-links{margin:0;padding:0}ul.social-links li{list-style:none;float:left}.dribbble-link,.facebook-link,.flickr-link,.googleplus-link,.linkedin-link,.phone-link,.pintrest-link,.rss-link,.skype-link,.twitter-link,.vimeo-link{height:38px;width:38px;display:block;background-color:#1bbc9b;background-repeat:no-repeat;background-position:center center;transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s}.dribbble-link:hover,.facebook-link:hover,.flickr-link:hover,.googleplus-link:hover,.linkedin-link:hover,.pintrest-link:hover,.rss-link:hover,.skype-link:hover,.twitter-link:hover,.vimeo-link:hover{background-color:#5D331D}.facebook-link{background-image:url(../img/social/facebook.png)}.skype-link{background-image:url(../img/social/skype.png)}.twitter-link{background-image:url(../img/social/twitter.png)}.flickr-link{background-image:url(../img/social/flickr.png)}.vimeo-link{background-image:url(../img/social/vimeo.png)}.dribbble-link{background-image:url(../img/social/dribbble.png)}.linkedin-link{background-image:url(../img/social/linkedin.png)}.rss-link{background-image:url(../img/social/rss.png)}.googleplus-link{background-image:url(../img/social/googleplus.png)}.pintrest-link{background-image:url(../img/social/pintrest.png)}.search-container{-webkit-box-shadow:0 1px 0 rgba(0,0,0,.09);box-shadow:0 1px 0 rgba(0,0,0,.09)}.search-title{float:left;background-color:#5D331D;font-family:OswaldLight,Arial,Helvetica,sans-serif;color:#fff;padding:10px 15px}.search-container{float:right}.search-text{border:none!important;color:#c1c1c1!important;display:block!important;float:left!important;margin:0!important;font-style:normal!important;padding:9px 10px!important;background-attachment:scroll;background-color:#FFF;background-image:none;background-repeat:repeat;background-position:0 0;width:130px;font-family:OswaldLight,Arial,Helvetica,sans-serif}.search-submit{margin:0;padding:0;width:38px;height:38px;border:none;background-image:url(../img/search-submit.png);background-repeat:no-repeat;background-position:center center;transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;background-attachment:scroll;background-color:#fff}.search-submit:hover{background-color:#1bbc9b;cursor:pointer;background-image:url(../img/search-submit-hover.png);background-repeat:no-repeat;background-position:center center;transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s}.search-form{height:38px}.logo-container{height:139px;width:139px;transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;margin-left:-40px}.logo-container:hover{transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s}.logo{padding:58px 40px;display:block}.logo img{margin-top:-58px;width:auto;max-width:inherit!important}.header-rl-container{width:940px}#main-nav{float:left}nav#main-nav select{display:none}#main-nav ul{margin:0;padding:0}#main-nav li{float:left;list-style:none;margin:0}#main-nav ul li li:first-child{border-top:none}#main-nav .current>a{color:#fff}#main-nav .current li.current a,#main-nav .current li.current li.current a{color:#fff;margin-top:0;border-top:none;padding-top:12px;background-color:#1bbc9b}#main-nav a:hover{text-shadow:none;text-decoration:underline;color:#fff}#main-nav a{color:#fff;display:block;font-size:18px;position:relative;text-decoration:none;transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;padding-top:30px;padding-bottom:0}#main-nav ul.sf-menu li:first-child>a{margin-left:28px}.sf-menu li>a{padding-bottom:30px!important;text-transform:uppercase;margin-right:17px;margin-left:17px;font-family:OswaldLight,Arial,Helvetica,sans-serif}.sf-menu,.sf-menu *{margin:0;padding:0;list-style:none}.sf-menu{line-height:1}.sf-menu ul{position:absolute;top:-999em;margin-top:0!important;margin-left:10px!important}#main-nav ul.sf-menu li:first-child ul{margin-left:0!important}.sf-menu ul ul{margin:0!important}.sf-menu ul li{width:150px}.sf-menu li:hover{visibility:inherit}.sf-menu li{float:left;position:relative}.sf-menu a{display:block;position:relative}.sf-menu li.sfHover ul,.sf-menu li:hover ul{left:0;top:74px;z-index:99;text-shadow:none}ul.sf-menu li.sfHover li ul,ul.sf-menu li:hover li ul{top:-999em}ul.sf-menu li li.sfHover ul,ul.sf-menu li li:hover ul{left:150px!important;top:0}ul.sf-menu li li.sfHover li ul,ul.sf-menu li li:hover li ul{top:-999em}ul.sf-menu li li li.sfHover ul,ul.sf-menu li li li:hover ul{left:100em;top:0}.sf-menu li li{margin:0!important;background-color:#535961}#main-nav .current li.current li a{background-color:#535961;color:#fff}.sf-menu li li a{font-family:'Open Sans',Arial,Helvetica,sans-serif;text-transform:none!important;text-shadow:none!important;font-size:12px!important;padding-left:15px!important;padding-top:15px!important;padding-bottom:15px!important;margin-right:0!important;margin-left:0!important;color:#fff!important}.sf-menu li li a:hover{color:#fff!important;background:#1bbc9b!important}.ca-icon{background-color:#1BBC9B;text-align:center;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear}.ca-icon img{padding-bottom:50px;padding-top:50px;height:70px;width:90px;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear}.ca-main{color:#535961;font-family:OswaldLight,Arial,Helvetica,sans-serif;font-size:20px;line-height:22px;margin-bottom:14px;margin-top:18px;text-align:center;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear}.ca-sub{padding-left:20px;padding-right:20px;padding-bottom:17px;margin-bottom:0;color:#7E8082;font-size:12px;line-height:18px;text-align:center;-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition:all 200ms linear;transition:all 200ms linear}.ca-menu:hover .ca-icon{background-color:#535961}.ca-menu:hover .ca-icon img{-moz-transform:scale(1.2);-ms-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition:all 200ms linear;transition:all 200ms linear}.ca-menu:hover .ca-main{-webkit-animation:smallToBig 500ms ease;-moz-animation:smallToBig 500ms ease;-ms-animation:smallToBig 500ms ease}.ca-menu:hover .ca-sub{-webkit-animation:moveFromBottom 500ms ease;-moz-animation:moveFromBottom 500ms ease;-ms-animation:moveFromBottom 500ms ease}

@-webkit-keyframes smallToBig {
    from {
        -webkit-transform: scale(0.1)
    }
    to {
        -webkit-transform: scale(1)
    }
}
@-moz-keyframes smallToBig {
    from {
        -moz-transform: scale(0.1)
    }
    to {
        -moz-transform: scale(1)
    }
}
@-ms-keyframes smallToBig {
    from {
        -ms-transform: scale(0.1)
    }
    to {
        -ms-transform: scale(1)
    }
}
@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(50%);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0%);
        opacity: 1
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(50%);
        opacity: 0
    }
    to {
        -moz-transform: translateY(0%);
        opacity: 1
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(50%);
        opacity: 0
    }
    to {
        -ms-transform: translateY(0%);
        opacity: 1
    }
}
.block1-a {
    display: block
}
.block1-a:hover .box1-img-container {
    background-color: #535961;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s
}
.block1-a:hover .box1-img-container img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 1.3s;
    -ms-transition: all 0.3s
}
.box1-img-container,
.box1-img-container-inv {
    background-color: #1bbc9b;
    text-align: center;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s
}
.box1-img-container img,
.box1-img-container-inv img {
    height: 56px;
    padding: 0 !important;
    margin: 0 !important
}
.box1-text-container {
    text-align: center
}
.box1-text-container h3 {
    color: #535961;
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px
}
.block1-a:hover h3 {
    opacity: 1;
    -webkit-animation: moveFromBottom 300ms ease-in-out;
    -moz-animation: moveFromBottom 300ms ease-in-out;
    -ms-animation: moveFromBottom 300ms ease-in-out
}
.block2-a {
    display: block
}
.block2-a:hover .box2-img-container {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s
}
.box2-img-container {
    float: left;
    background-color: #1bbc9b;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s
}
.box2-img-container img {
    padding:13px 9px;
}
.box2-text-container h3 {
    color: #535961;
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
    font-size: 19px;
    line-height: 22px;
    padding: 32px 20px 0px 115px
}
.box2-text-container h5 {
    color: #7e8082;
    font-size: 12px;
    line-height: 18px
}
.block2-a:hover .box2-img-container-inv {
    background-color: #1bbc9b;
    transition: all 0.3s !important;
    -webkit-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -ms-transition: all 0.3s !important
}
.box2-img-container-inv {
    background-color: #535961;
    transition: all 0.3s !important;
    -webkit-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -ms-transition: all 0.3s !important
}
.block3-a {
    display: block
}
.block3-a:hover .box3-img-container {
    background-color: #535961;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s
}
.box3-img-container {
    float: left;
    background-color: #1bbc9b;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s
}
.box3-img-container img {
    height: 30px;
    width: 40px;
    padding-top: 33px;
    padding-right: 27px;
    padding-bottom: 33px;
    padding-left: 27px
}
.box3-text-container h3 {
    color: #535961;
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px;
    padding: 37px 20px 0px 115px
}
.box3-text-container h5 {
    color: #7e8082;
    font-size: 12px;
    line-height: 18px
}
.block3-a:hover .box3-img-container-inv {
    background-color: #1bbc9b;
    transition: all 0.3s !important;
    -webkit-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -ms-transition: all 0.3s !important
}
.box3-img-container-inv {
    background-color: #535961;
    transition: all 0.3s !important;
    -webkit-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -ms-transition: all 0.3s !important
}
.box3-description-container {
    border-bottom: 3px solid #1BBC9B
}
.box3-description {
    margin: 18px 20px 18px 20px;
    color: #808080
}
.block5-a {
    display: block
}
.block5-a:hover .box5-img-container {
    background-color: #535961;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s
}
.box5-img-container,
.box5-img-container-inv {
    float: left;
    background-color: #1bbc9b;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s
}
.box5-img-container img,
.box5-img-container-inv img {
    height: 40px;
    padding-top: 33px;
    padding-right: 27px;
    padding-bottom: 33px;
    padding-left: 27px
}
.box5-text-container {
    padding: 20px 20px 20px 128px
}
.box5-text-container h3 {
    color: #535961;
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px
}
.box5-text-container h5 {
    color: #7e8082;
    font-size: 12px;
    line-height: 18px
}
.block5-a:hover .box5-img-container-inv {
    background-color: #1bbc9b;
    transition: all 0.3s !important;
    -webkit-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -ms-transition: all 0.3s !important
}
.box5-img-container-inv {
    background-color: #535961;
    transition: all 0.3s !important;
    -webkit-transition: all 0.3s !important;
    -o-transition: all 0.3s !important;
    -moz-transition: all 0.3s !important;
    -ms-transition: all 0.3s !important
}
.buy-img-container {
    float: left;
    background-color: #535961
}
.buy-img-container img {
    height: 29px;
    padding-top: 25px;
    padding-right: 25px;
    padding-bottom: 25px;
    padding-left: 25px
}
.buy-text h2 {
    color: #535961;
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 22px
}
.buy-now-slogan {
    color: #979ca1
}
.buy-text-container,
.buy-img-container {
    float: left
}
.button-buy-container {
    float: right
}
.button-buy-container a {
    display: block;
    background-color: #1bbc9b;
    color: #fff;
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 29px;
    padding-top: 25px;
    padding-right: 30px;
    padding-bottom: 25px;
    padding-left: 30px
}
.button-buy-container a:hover {
    background-color: #5D331D;
    color: #fff
}
.buy-text-container {
    padding: 16px 20px 13px
}
.nl-img-container {
    float: left;
    background-color: #535961;
    height: 80px
}
.nl-img-container img {
    height: 29px;
    padding: 25px 25px 21px
}
.nl-button {
    margin: 0 !important;
    padding: 0;
    display: block;
    float: right;
    background-color: #1bbc9b;
    color: #fff;
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 30px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 25px;
    padding-top: 23px;
    height: 80px;
    border: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}
.nl-button:hover {
    background-color: #5D331D
}
.nl-form-part-container {
    float: left;
    padding: 15px;
    background-color: #FFF;
    border: 1px solid #D1D1D1;
    border-left: none
}
.nl-text {
    float: left;
    padding-top: 32px;
    padding-left: 20px
}
.nl-text-container .caption {
    float: left;
    padding-top: 31px !important;
    padding-left: 20px !important
}
.nl-form-container {
    float: right
}
.newsletterform input {
    width: 180px;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}
.caption {
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
    color: #535961;
    font-size: 16px;
    line-height: 18px;
    padding-bottom: 7px;
    padding-top: 6px;
    font-weight: lighter
}
input,
textarea {
    color: #9fa0a2;
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
    margin: 0;
    outline: medium none;
    border: none;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.09);
    padding: 10px 10px 10px 10px;
    font-size: 13px
}
.nl-form-container input {
    border: 1px solid #ddd;
    box-shadow: none;
    padding: 7px 9px;
    margin-right: 22px;
    margin-top: 23px
}
.caption-block {
    float: left;
    display: block;
    width: 97%;
    position: absolute;
    bottom: 20px;
    right: 10px
}
.p-10 {
    padding: 10px
}
.caption-text-container {
    position: relative;
    float: left;
    font-size: 16px;
    color: #fff;
    font-weight: lighter;
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
    background-color: #535961;
    padding: 20px
}
.caption-main-container {
    padding: 0px
}
.jcarousel-scroll {
    float: right
}
.jcarousel-next {
    width: 38px;
    height: 38px;
    display: block;
    float: right;
    background-color: #535961;
    background-image: url("../img/next-small.png");
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease
}
.jcarousel-next:hover,
.jcarousel-prev:hover {
    background-color: #1bbc9b;
    transition: all 0.3s ease 0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease
}
.jcarousel-prev {
    width: 38px;
    height: 38px;
    display: block;
    float: left;
    background-color: #535961;
    background-image: url("../img/prev-small.png");
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease
}
.content-container-white {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0 1px 0px rgba(0, 0, 0, 0.09)
}

.content-container-top-nav {
    background-color:#5D331D !important;
}

.content-container-white-no-shadow {
    background-color: #fff
}
.view {
    overflow: hidden;
    position: relative
}
.lw-text-container {
    padding: 10px
}
.lw-text-container p {
    padding: 0px;
    margin: 0px
}
.lw-a-container {
    text-align: right
}
.lw-item-container {
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 3px
}
.lw-item-caption-container {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 12px;
    padding-left: 15px;
    margin-bottom: 1px
}
.item-caption {
    color: #979CA1
}
.lw-item-caption-container a {
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
    font-size: 16px
}
.lw-item-text-container {
    text-align: center
}
.lw-item-text-container p {
    margin: 8px 15px
}
.jcarousel {
    position: relative;
    overflow: hidden
}
.jcarousel ul {
    width: 20000em;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0
}
.lp-caption-container {
    background-color: #7c8187;
    color: #fff;
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin-top: 0;
    position: relative;
    margin-left: 38px;
    height: 38px
}
.lp-caption-container a {
    color: #fff;
    display: inline-block;
    padding-top: 9px;
    padding-left: 15px
}
.lp-item-text-container {
    margin-left: 38px;
    background-color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 3px solid #1bbc9b
}
.lp-item-text-container p {
    display: inline-block
}
.lp-date-container {
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
    color: #808080;
    font-size: 11px;
    margin-top: 3px
}
.lp-item-caption-container {
    color: #373737;
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin-top: 0;
    padding-bottom: 12px;
    padding-bottom: 7px;
    text-align: center;
    margin-top: 10px
}
.lp-item-caption-container a {
    color: #535961
}
.lp-item-caption-container a:hover {
    color: #1bbc9b
}
.bw-wrapper {
    position: relative;
    display: block
}
ul.our-clients-container {
    padding: 0;
    margin: 0
}
.our-clients-container li {
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    padding-top: 15px;
    padding-right: 0px;
    padding-bottom: 15px;
    padding-left: 0px
}
.caption-text-container {
    position: absolute;
    bottom: 0px;
    z-index: 9;
    float: left;
    font-size: 16px;
    color: #fff;
    font-weight: lighter;
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
    background-color: #535961;
    padding: 20px
}
.caption-bg {
    position: absolute;
    width: 100%;
    height: 38px;
    bottom: 0px
}
.caption-container {
    position: relative;
    height: 58px
}
.carousel-navi {
    position: absolute;
    bottom: 0px;
    right: 0
}
.tab-main-container {
    border: 1px solid #fff
}
.tabs-nav {
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}
.tabs-nav li {
    float: left;
    line-height: 32px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative
}
.tabs-nav li a {
    color: #fff;
    display: block;
    outline: medium none;
    text-decoration: none;
    background-color: #b0b3b6;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    padding-top: 4px;
    padding-right: 16px;
    padding-bottom: 3px;
    padding-left: 16px
}
.tabs-nav li a:hover,
.tabs-nav li.active a {
    background-color: #ccced0
}
.tabs-nav li.active a {
    color: #535961;
    background-color: #fff
}
.tabs-container {
    margin: -1px 0;
    overflow: hidden;
    width: 100%;
    background-color: #fff
}
.tab-content {
    padding-top: 0px;
    padding-bottom: 0px
}
.tab-content p {
    padding-right: 15px
}
.tab-post-container {
    margin: 0;
    padding: 0
}
.tab-post-container.text p {
    margin: 0;
    padding-bottom: 17px;
    padding-top: 17px;
    padding-left: 20px;
    padding-right: 20px
}
.tab-post-container li {
    border-top: 1px solid #d1d1d1
}
.tab-post-container li:first-child {
    border-top: none
}
.lp-img-cont {
    width: 75px
}
.lp-title-cont {
    padding-left: 10px;
    padding-top: 7px
}
.tabs-widget .tabs-nav {
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}
.tabs-widget .tabs-nav li {
    float: left;
    line-height: 32px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative
}
.tabs-widget .tabs-nav li a {
    color: #fff;
    display: block;
    outline: medium none;
    text-decoration: none;
    background: none repeat scroll 0 0 #b0b3b6;
    padding: 0;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #b0b3b6;
    border-right-color: #b0b3b6;
    border-bottom-color: #e2e2e2;
    border-left-color: #b0b3b6;
    border-bottom: none;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 1px;
    margin-left: 0;
    padding-top: 4px;
    padding-right: 16px;
    padding-bottom: 3px;
    padding-left: 16px
}
.tabs-widget .tabs-nav li a:hover,
.tabs-widget .tabs-nav li.active a {
    background-color: #ccced0
}
.tabs-widget .tabs-nav li a:hover {
    border-top-color: #CCCED0;
    border-right-color: #CCCED0;
    border-bottom-color: #CCCED0;
    border-left-color: #CCCED0
}
.tabs-widget .tabs-nav li.active a {
    color: #535961;
    background-color: #fff;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #e2e2e2;
    border-right-color: #e2e2e2;
    border-bottom-color: #fbfbfb;
    border-left-color: #e2e2e2;
    padding: 0;
    margin: 0;
    padding-top: 4px;
    padding-right: 16px;
    padding-bottom: 4px;
    padding-left: 16px;
    border-bottom: none
}
.tabs-widget .tabs-container {
    margin: -1px 0;
    overflow: hidden;
    width: 100%;
    border: 1px solid #e2e2e2;
    background-color: #fff
}
.tabs-widget .tab-content {
    padding-top: 0px;
    padding-bottom: 0px
}
.tabs-widget .tab-content p {
    padding-right: 15px
}
.quote-content {
    border: 1px solid #fff
}
.quote-content:before,
.quote-content:after {
    content: '';
    position: absolute
}
.t1 {
    background: #fff
}
.testimonials-jc li {
    position: relative
}
.quote-content {
    background-image: url("../img/quote.png");
    background-repeat: no-repeat;
    background-position: 15px 15px
}
.quote-content p {
    margin: 20px 20px 20px 56px;
    font-style: italic
}
.quote-author {
    background-color: #fff;
    display: inline-block;
    margin-bottom: 1px;
    margin-top: -1px;
    float: right;
    font-style: italic;
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 20px
}
.quote-author-description {
    color: #b6babf
}
.author-testimonial {
    font-size: 12px;
    color: #5D331D
}
.page-title-container {
    background-color: #1bbc9b
}
.page-title {
    float: left;
    color: #fff;
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 0;
    padding: 20px
}
.page-title .sub-title {
    color: #fff
}
.page-title a {
    color: #5D331D
}
.page-title a:hover {
    color: #fff
}
.error404-text {
    text-align: left;
    color: #7e8082;
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
    font-size: 72px;
    line-height: 72px;
    margin-left: 50px;
    margin-top: 25px
}
.error404-numb {
    color: #c2c7cd;
    text-align: right;
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
    font-size: 230px;
    line-height: 230px;
    margin-bottom: 0;
    margin-right: 50px;
    margin-top: 15px
}
.error404-main-text h2 {
    text-align: right;
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
    font-size: 30px;
    line-height: 30px;
    padding-bottom: 15px;
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    text-transform: uppercase;
    color: #7e8082
}
.error404-main-text {
    margin-bottom: 70px;
    margin-right: 35px;
    margin-top: 20px
}
.error404-container {
    margin-top: 80px
}
.google-map {
    padding-bottom: 60%
}
.google-map-container img {
    max-width: none !important
}
.contant-container-caption {
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
    margin: 0px;
    font-size: 16px;
    color: #535961;
    padding-top: 18px;
    padding-right: 18px;
    padding-bottom: 18px;
    padding-left: 18px
}
.padding-cont-15 {
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px
}
.padding-all-15 {
    padding: 15px
}
.padding-l-t-15 {
    padding: 15px 0 0 15px
}
.padding-l-r-15 {
    padding: 0 15px 0 15px
}
.padding-cont-15 p {
    margin-bottom: 0
}
.title-block,
.title-widget {
    color: #535961;
    font-size: 18px;
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
    margin-bottom: 0;
    padding: 4px 13px 5px
}
.title-widget {
    line-height: 18px;
    margin: 12px;
    padding: 0
}
ul.contact-info-page {
    margin: 0;
    padding: 0
}
ul.contact-info-page li {
    border-top: 1px solid #d1d1d1
}
ul.contact-info-page li:first-child {
    border-top: none
}
.contact-info-page .icon_loc {
    background: url("../img/icon_footer_loc.png") no-repeat scroll 15px 13px transparent;
    margin-bottom: 10px;
    padding: 10px 15px 0 45px;
    background-color: #535961
}
.contact-info-page .icon_phone {
    background: url("../img/icon_footer_phone.png") no-repeat scroll 15px 14px transparent;
    margin-bottom: 10px;
    padding: 10px 15px 0 45px;
    background-color: #535961
}
.contact-info-page .icon_mail {
    background: url("../img/icon_footer_mail.png") no-repeat scroll 15px 14px transparent;
    line-height: 24px;
    margin-bottom: 10px;
    padding: 10px 15px 0 45px;
    background-color: #535961
}
.contact-loc:before,
.contact-loc:after {
    content: '';
    position: absolute
}
.contact-loc:after {
    top: 0px;
    left: -38px;
    width: 38px;
    height: 38px;
    background-image: url("../img/icon_footer_loc.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #535961
}
.contact-phone:before,
.contact-phone:after {
    content: '';
    position: absolute
}
.contact-phone:after {
    top: 0px;
    left: -38px;
    width: 38px;
    height: 38px;
    background-image: url("../img/icon_footer_phone.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #535961
}
.contact-mail:before,
.contact-mail:after {
    content: '';
    position: absolute
}
.contact-mail:after {
    top: 0px;
    left: -38px;
    width: 38px;
    height: 38px;
    background-image: url("../img/icon_footer_mail.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #535961
}
.contact-mail a {
    color: #7e8082
}
.contact-mail a:hover {
    color: #1bbc9b
}
ul.contact-list {
    margin: 0;
    padding: 0
}
ul.contact-list li {
    display: block;
    margin-left: 38px;
    padding-top: 9px;
    padding-right: 15px;
    padding-bottom: 11px;
    padding-left: 15px;
    position: relative;
    margin-bottom: 1px
}
#contact-form label,
#comment-form label {
    visibility: hidden;
    display: none
}
.field-1-1 textarea {
    width: 700px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #contact-form .field-1-1 textarea {
        margin-bottom: -4px
    }
    .leave-comment-container .field-1-1-comment textarea {
        margin-bottom: -4px
    }
}
.field-1-3 input {
    width: 220px;
    margin-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}
.field-1-3:nth-of-type(3n) input {
    margin-right: 0
}
.iconed-box.error:before {
    background-position: -36px center
}
.iconed-box.success:before {
    background-position: 0 center
}
.iconed-box.info:before {
    background-position: -72px center
}
.iconed-box.notice:before {
    background-position: -108px center
}
.iconed-box:before {
    height: 100%;
    left: -43px;
    max-height: 80px;
    top: 0;
    width: 36px;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../img/box-icons.png");
    background-repeat: no-repeat;
    background-position: 0 0
}
.iconed-box:before {
    content: "";
    position: absolute
}
.styled-box.success {
    background: none repeat scroll 0 0 #EDFFD7;
    border-color: #80c080;
    ;
    color: #32a432
}
.styled-box.error {
    background: none repeat scroll 0 0 #fdebeb;
    border-color: #ffa7a1;
    color: #e17585
}
.styled-box.info {
    background: none repeat scroll 0 0 #E2F1FF;
    border-color: #73bfe4;
    color: #4ac2f3
}
.styled-box.notice {
    background: none repeat scroll 0 0 #FFE;
    border-color: #fbc778;
    color: #f90
}
.styled-box {
    background: none repeat scroll 0 0 #FFF;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 50px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #D6D6D6;
    border-right-color: #D6D6D6;
    border-bottom-color: #D6D6D6;
    border-left-color: #D6D6D6
}
.styled-box {
    margin-bottom: 15px;
    position: relative;
    padding-top: 15px;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 20px
}
.demo .styled-box {
    padding-top: 20px;
    padding-bottom: 20px
}
#contact-form .iconed-box {
    padding-left: 20px;
    width: 220px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}
.blog-info-container {
    padding-top: 3px
}
.blog-info-container ul {
    margin: 0;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px
}
.blog-info-container ul li {
    font-size: 11px;
    line-height: 14px;
    margin: 0
}
.blog-info-container ul li.date {
    display: block;
    float: left;
    padding: 10px 20px;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("http://abcgomel.ru/feli../img/clock-icon.png");
    background-repeat: no-repeat;
    background-position: left center
}
.blog-info-container ul li.author {
    display: block;
    float: left;
    padding: 10px 20px;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../img/author-icon.png");
    background-repeat: no-repeat;
    background-position: left center
}
.blog-info-container ul li.view {
    display: block;
    float: left;
    padding: 10px 20px;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../img/view-icon.png");
    background-repeat: no-repeat;
    background-position: left center
}
.blog-info-container ul li.comment {
    display: block;
    float: left;
    padding: 10px 20px;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../img/comment-icon.png");
    background-repeat: no-repeat;
    background-position: left center
}
.blog-info-container ul li.tag {
    display: block;
    float: left;
    padding: 10px 20px;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../img/tag-icon.png");
    background-repeat: no-repeat;
    background-position: left center
}
.blog-text-container {
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}
.blog-item-date-cont {
    display: inline-block;
    background-color: #1bbc9b;
    color: #fff;
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
    padding-top: 11px;
    padding-right: 20px;
    padding-bottom: 8px;
    padding-left: 20px;
    width: 25px;
    height: 53px
}
.portfolio-item .blog-item-title-cont {
    position: absolute;
    bottom: 0px;
    left: 88px
}
.blog-item-title-cont {
    position: absolute;
    bottom: 0px;
    left: 103px
}
.blog-item-title-cont a {
    color: #fff;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 19px;
    padding-top: 16px;
    background-color: #535961
}
.blog-item-title-cont a:hover {
    color: #fff;
    background-color: #1bbc9b
}
.blog-item-title {
    color: #fff;
    font-size: 24px;
    line-height: 70px;
    padding: 0;
    margin: 0;
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif
}
.blog-item-date {
    font-size: 26px;
    line-height: 30px;
    text-align: center
}
.blog-item-mounth {
    margin-top: 3px;
    margin-bottom: 3px;
    text-align: center
}
.blog-item-mounth,
.blog-item-year {
    font-size: 14px
}
.pagination-1 {
    margin: 0;
    padding: 0
}
.pagination-1 li {
    float: left;
    margin: 0;
    padding: 0
}
.pagination-1 li a {
    display: block;
    padding: 9px 14px;
    background-color: #535961
}
.pagination-1 a {
    color: #fff
}
.pagination-1 a:hover {
    background-color: #1bbc9b;
    color: #fff
}
.pagination-1 a.pag-current {
    background: #1bbc9b;
    color: #fff
}
.pagination-1 .pag-next {
    padding-bottom: 9px !important;
    padding-top: 10px !important;
    background-image: url("../img/next-small.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 17px;
    width: 7px;
    background-color: #7c8187
}
.pagination-1 .pag-prev {
    padding-bottom: 9px !important;
    padding-top: 10px !important;
    background-image: url("../img/prev-small.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 17px;
    width: 7px;
    background-color: #7c8187
}
.blog-categories {
    margin: 0;
    padding: 0
}
.blog-categories-container {
    padding: 15px
}
.blog-categories li {
    margin-top: 5px
}
.blog-categories li:first-child {
    margin-top: 0
}
.blog-categories li.active a {
    color: #535961
}
.blog-categories li a {
    color: #7E8082;
    line-height: 36px;
    display: block
}
.blog-categories li a:hover {
    color: #1bbc9b
}
.blog-cat-icon {
    display: block;
    float: left;
    margin-right: 10px;
    height: 36px;
    width: 36px;
    background-color: #7c8187;
    background-image: url("../img/next-small.png");
    background-repeat: no-repeat;
    background-position: center center;
    transition: all 0.3s ease 0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease
}
.blog-categories li a:hover .blog-cat-icon {
    background-color: #1bbc9b;
    transition: all 0.3s ease 0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease
}
.blog-categories li.active .blog-cat-icon {
    background-color: #1bbc9b
}
.latest-post-container {
    margin: 0;
    padding: 0
}
.latest-post-sidebar {
    padding-left: 15px
}
.latest-post-sidebar img {
    background: none repeat scroll 0 0 #FFF;
    float: left;
    height: 62px;
    margin: 15px 14px 15px 0;
    padding: 5px;
    transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    width: 62px
}
.latest-post-sidebar img:hover {
    border-color: #1bbc9b;
    background: none repeat scroll 0 0 #1bbc9b
}
.latest-post-sidebar p.latest-post-sidebar-title {
    line-height: 15px;
    padding-top: 5px;
    font-size: 14px;
    margin-bottom: 0
}
.latest-post-sidebar p.latest-post-sidebar-date {
    color: #7e8082;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 3px
}
.latest-post-sidebar p.latest-post-sidebar-comm {
    color: #b7b7b7;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 11px
}
.latest-post-container li:first-child {
    border-top: medium none
}
.latest-post-container li {
    border-top: 1px solid #e4e5e4
}
.skill-bar {
    height: 36px;
    position: relative;
    background: #f6f6f6;
    margin: 0 0 5px 0;
    box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.05)
}
.skill-bar-content[data-percentage] {
    text-indent: -9999px
}
.skill-bar-content {
    background: #1BBC9B;
    height: 36px;
    width: 0%;
    box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.12)
}
.skill-bar .skill-title {
    color: #fff;
    top: 9px;
    left: 15px;
    position: absolute
}
.skill-bar .percentage {
    color: #666;
    position: absolute;
    top: 9px;
    left: 90%;
    background-color: #0C0
}
h3.ui-accordion-header {
    margin: 0;
    margin-top: 5px;
    cursor: pointer
}
h3.ui-accordion-header:first-child {
    margin: 0
}
.ui-accordion-header {
    font-size: 12px;
    line-height: 36px;
    margin: 0;
    margin-top: 5px
}
.ui-accordion-content p {
    margin: 0;
    padding-top: 12px;
    padding-bottom: 12px
}
.ui-accordion-content {
    margin-left: 50px
}
.ui-accordion-header a {
    color: #808080
}
.ui-accordion-header:hover a {
    color: #1bbc9b
}
.ui-accordion-header-active a {
    color: #535961
}
.ui-accordion-header span {
    background-color: #7c8187;
    background-image: url("../img/plus.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 36px;
    width: 35px;
    margin-right: 15px;
    transition: all 0.3s ease 0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease
}
.ui-accordion-header:hover span {
    background-color: #1bbc9b;
    transition: all 0.3s ease 0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease
}
.ui-accordion-header-active span {
    background-color: #1bbc9b;
    background-image: url("../img/minus.png");
    background-position: center center;
    background-repeat: no-repeat
}
.ui-accordion-content p {
    padding-top: 0px
}
.tag-cloud ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}
.tag-cloud li {
    margin: 0px 5px 5px 0px;
    float: left
}
.tag-cloud a {
    display: inline-block;
    color: #fff;
    text-align: center;
    background-color: #7c8187;
    padding-top: 10px;
    padding-right: 14px;
    padding-bottom: 10px;
    padding-left: 14px
}
.tag-cloud a:hover {
    color: #fff;
    background-color: #1bbc9b
}
ul#flickrfeed {
    margin: 0;
    padding: 0
}
ul#flickrfeed li {
    display: inline-block;
    float: left
}
ul#flickrfeed li a {
    display: block
}
ul#flickrfeed li a img {
    height: 93px;
    width: 93px
}
.all-comments-container {
    background-color: #7c8187;
    padding: 15px;
    color: #fff;
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px
}
.single-comment {
    position: relative;
    margin-left: 92px;
    margin-bottom: 20px;
    margin-top: 12px
}
.comment-avatar {
    position: absolute;
    top: 0px;
    left: -92px
}
.comment-head {
    background-color: #535961
}
.comment-list ol {
    margin: 15px 0 15px 0;
    padding: 0
}
.comment-name {
    padding-left: 15px;
    padding-top: 12px;
    padding-bottom: 9px
}
.comment-name a {
    color: #fff;
    font-size: 16px;
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif
}
.comment-name a:hover {
    color: #1bbc9b
}
.comment-desc {
    font-size: 10px;
    color: #fff;
    margin-right: 12px
}
.comment-reply {
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}
.comment-reply a {
    color: #fff;
    font-size: 12px;
    padding: 12px 15px;
    background-color: #1bbc9b;
    display: block
}
.comment-reply a:hover {
    color: #fff;
    background-color: #7C8187
}
.comment-text {
    padding-left: 15px;
    padding-right: 15px;
    min-height: 65px;
    background-color: #FFF
}
.comment-text p {
    margin: 0;
    padding-top: 12px;
    padding-bottom: 12px
}
li.comment ol.comment-sub {
    margin-left: 40px
}
.author-comment {
    position: relative;
    margin-left: 0px;
    margin-bottom: 12px;
    margin-top: 12px
}
.author-avatar {
    position: absolute;
    top: 0px;
    left: 0px
}
.author-name {
    padding-left: 109px;
    padding-top: 12px;
    padding-bottom: 9px
}
.author-name a {
    color: #fff;
    font-size: 16px;
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif
}
.author-name a:hover {
    color: #1bbc9b
}
.author-text {
    padding-left: 109px;
    padding-right: 15px;
    min-height: 65px;
    background-color: #FFF
}
.author-text p {
    margin: 0;
    padding-top: 12px;
    padding-bottom: 12px
}
.field-1-1-comment textarea {
    width: 640px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}
.field-1-2-comment input {
    width: 310px;
    margin-right: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}
.field-1-2-comment:nth-of-type(2n) input {
    margin-right: 0
}
.leave-comment-container #contact-form .iconed-box {
    padding-left: 60px;
    width: 310px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}
ul#portfolio {
    margin: 0;
    padding: 0;
    transition: none !important
}
.filter-portfolio ul {
    margin: 0;
    padding: 0
}
ul#filter {
    margin: 0;
    padding: 0;
    float: right
}
ul#filter li {
    float: left;
    margin: 0;
    padding: 0
}
ul#filter li a {
    padding: 15px;
    margin: 0;
    color: #fff;
    background-color: #535961;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    display: block
}
ul#filter li a:hover {
    color: #fff;
    background-color: #5D331D
}
.filter-portfolio .content-under-container-white {
    margin-bottom: 25px
}
ul#filter li.current a {
    position: relative;
    background-color: #5D331D;
    color: #fff
}
ul.project-details {
    margin: 15px 0 15px 0;
    padding: 0
}
.project-details li {
    height: 30px;
    margin-top: 10px;
    line-height: 30px
}
.project-details li:first-child {
    margin-top: 0
}
.port-cat-icon {
    display: block;
    float: left;
    margin-right: 10px;
    height: 30px;
    width: 31px;
    background-color: #d1d1d1;
    background-image: url("../img/next-small.png");
    background-repeat: no-repeat;
    background-position: center center
}
.portfolio-pagination {
    float: right;
    display: inline-block;
    margin: 0;
    padding: 0
}
.portfolio-pagination li {
    float: left
}
.portfolio-pagination .pag-next {
    background-color: #535961;
    background-image: url("../img/next-small.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 48px;
    width: 30px
}
.portfolio-pagination .pag-prev {
    background-color: #535961;
    background-image: url("../img/prev-small.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 48px;
    width: 30px
}
.portfolio-pagination .pag-prev:hover,
.portfolio-pagination .pag-next:hover {
    background-color: #5D331D
}
.portfolio-check-list {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px
}
.portfolio-check-list >li:before {
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../img/features-check-icon.png");
    background-position: 0 center;
    background-repeat: no-repeat;
    height: 40px;
    left: 0;
    width: 40px
}
.portfolio-check-list >li:before {
    content: "";
    position: absolute
}
.portfolio-check-list >li {
    padding-left: 35px;
    position: relative;
    line-height: 40px
}
.sidebar-item .content-container-white.padding-l-r-15 p {
    margin: 0;
    padding-top: 12px;
    padding-bottom: 12px
}
h3.title-block {
    padding: 0px;
    line-height: 18px;
    margin-bottom: 20px;
    margin-top: 20px
}
.dropcap1 {
    background: none repeat scroll 0 0 #535961;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 30px;
    font-weight: normal;
    height: 44px;
    line-height: 44px;
    margin: 6px 7px 0 0;
    padding-bottom: 2px;
    text-align: center;
    width: 36px
}
.dropcap2 {
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 30px;
    height: 60px;
    line-height: 55px;
    text-align: center;
    width: 60px;
    border-radius: 70px 70px 70px 70px;
    padding-left: 1px;
    background-attachment: scroll;
    background-color: #7c8187;
    background-image: none;
    background-repeat: repeat;
    background-position: 0 0;
    margin-right: 7px;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 8px
}
.dropcap3 {
    color: #7e8082;
    display: inline-block;
    float: left;
    font-size: 56px;
    font-weight: lighter;
    height: 36px;
    line-height: 56px;
    margin: 0 7px 0 0;
    padding-bottom: 2px;
    text-align: center;
    width: 36px
}
.dropcap4 {
    background: none repeat scroll 0 0 #1bbc9b;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 30px;
    font-weight: normal;
    height: 44px;
    line-height: 44px;
    margin: 6px 7px 0 0;
    padding-bottom: 2px;
    text-align: center;
    width: 36px
}
.styled-list {
    list-style: none outside none;
    margin: 0;
    padding: 0
}
.styled-list.style-1 >li:before {
    background-position: 0 -30px
}
.styled-list.style-2 >li:before {
    background-position: 0 -60px
}
.styled-list.style-3 >li:before {
    background-position: 0 -14px
}
.styled-list.style-4 >li:before {
    background-position: 0 0
}
.styled-list.style-5 >li:before {
    background-position: 0 -45px
}
.styled-list.style-6 >li:before {
    background-position: 0 -75px
}
.styled-list >li:before {
    height: 15px;
    left: 0;
    top: 1.5px;
    width: 15px;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../img/list-icons.png");
    background-repeat: no-repeat;
    background-position: 0 0
}
.styled-list >li:before {
    content: "";
    position: absolute
}
.styled-list >li {
    padding-left: 19px;
    position: relative
}
.demo-list-styles ul {
    margin-bottom: 10px
}
#toggle-view {
    margin: 0;
    padding: 0
}
#toggle-view li {
    cursor: pointer;
    margin-top: 1px
}
#toggle-view li:first-child {
    margin-top: 0px
}
#toggle-view .ui-accordion-header-active {
    color: #535961
}
#toggle-view .ui-accordion-header:hover {
    color: #1bbc9b
}
#toggle-view .panel {
    display: none;
    margin-left: 50px
}
#toggle-view .panel p {
    margin-top: 0
}
.the-icons {
    margin: 0;
    padding: 0
}
.the-icons li i {
    font-size: 21px;
    margin: 0 3px 0 0
}
#toggle-view h3.ui-accordion-header {
    margin-top: 5px
}
.features-check-list {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    padding-left: 5px;
    margin-top: 20px;
    margin-bottom: 20px
}
.features-check-list >li:before {
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../img/features-check-icon.png");
    background-position: 0 center;
    background-repeat: no-repeat;
    height: 40px;
    left: 0;
    width: 40px
}
.features-check-list >li:before {
    content: "";
    position: absolute
}
.features-check-list >li {
    padding-left: 35px;
    position: relative;
    line-height: 40px
}
.box-icon {
    margin-top: 15px
}
.box-icon:first-child {
    margin-top: 20px
}
.box-icon i {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background-color: #1bbc9b;
    float: left;
    font-size: 18px;
    margin: 0;
    text-align: center;
    height: 44px;
    width: 44px;
    padding-top: 12px;
    margin-right: 15px;
    transition: all 0.3s ease 0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease
}
.box-icon:hover i {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    background-color: #535961
}
.box-icon-container p {
    margin: 0
}
.box-icon p,
.box-icon h3 {
    margin: 0;
    padding: 0
}
.box-icon h3 {
    color: #535961;
    font-size: 16px;
    line-height: 25px;
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif
}
.footer-content-container {
    background-color: #535961;
    padding: 15px
}
footer {
    color: #d1d1d1
}
.caption.footer-block {
    color: #fff;
    background-color: #5D331D;
    display: inline-block;
    padding: 20px 20px 20px 20px;
    margin: 0
}
.right {
    float: right
}
.left {
    float: left
}
.right-text {
    text-align: right
}
.center-text {
    text-align: center
}
.footer-content-bg {
    background-color: #b3b6ba
}
footer .caption {
    float: none;
    color: #fff
}
.logo-footer {
    background-image: url("../img/logo-footer.png");
    background-position: left top;
    background-repeat: no-repeat;
    float: left;
    height: 15px;
    width: 88px;
    margin-bottom: 8px;
    margin-top: 8px
}
footer h3,
footer h4 {
    font-weight: normal
}
ul.latest-post li {
    background-color: #535961;
    display: block;
    margin-left: 38px;
    padding-top: 9px;
    padding-right: 15px;
    padding-bottom: 11px;
    padding-left: 15px;
    position: relative;
    margin-bottom: 12px
}
.standart-post:before,
.standart-post:after {
    content: '';
    position: absolute
}
.standart-post:after {
    top: 0px;
    left: -38px;
    width: 38px;
    height: 38px;
    background-image: url("../img/icon-standart-post.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #5D331D
}
.image-post:before,
.image-post:after {
    content: '';
    position: absolute
}
.image-post:after {
    top: 0px;
    left: -38px;
    width: 38px;
    height: 38px;
    background-image: url("../img/icon-image-post.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #5D331D
}
.video-post:before,
.video-post:after {
    content: '';
    position: absolute
}
.video-post:after {
    top: 0px;
    left: -38px;
    width: 38px;
    height: 38px;
    background-image: url("../img/icon-video-post.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #5D331D
}
.footer-loc:before,
.footer-loc:after {
    content: '';
    position: absolute
}
.footer-loc:after {
    top: 0px;
    left: -38px;
    width: 38px;
    height: 38px;
    background-image: url("../img/icon_footer_loc.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #5D331D
}
.footer-phone:before,
.footer-phone:after {
    content: '';
    position: absolute
}
.footer-phone:after {
    top: 0px;
    left: -38px;
    width: 38px;
    height: 38px;
    background-image: url("../img/icon_footer_phone.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #5D331D
}
.footer-mail:before,
.footer-mail:after {
    content: '';
    position: absolute
}
.footer-mail:after {
    top: 0px;
    left: -38px;
    width: 38px;
    height: 38px;
    background-image: url("../img/icon_footer_mail.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #5D331D
}
.latest-post h4 {
    line-height: 18px;
    padding: 0;
    margin: 0
}
.latest-post h4 a {
    color: #fff;
    font-weight: normal;
    font-size: 12px
}
.latest-post h4 a:hover {
    color: #1bbc9b
}
ul.latest-post {
    padding: 0;
    margin: 0
}
.date-post-footer {
    color: #d1d1d1;
    font-size: 11px;
    line-height: 11px;
    font-style: italic
}
.footer-mail a {
    color: #fff
}
.footer-mail a:hover {
    color: #1bbc9b
}
.footer-copyright-bg {
    color: #a1a1a1;
    background-color: #5D331D
}
.footer-copyright-bg .footer-menu-container {
    padding-top: 25px;
    padding-bottom: 20px;
    float: left
}
.footer-copyright-container {
    float: right;
    margin-top: 26px;
    margin-right:25px;

}
.footer-menu {
    padding: 0px;
    margin: 0px;
    list-style: none
}
#footer-nav li {
    background: none repeat scroll 0 0 transparent;
    display: inline-block;
    list-style: none outside none;
    margin: 0 -3px 0 0
}
#footer-nav li:first-child a {
    padding-left: 0
}
#footer-nav li a {
    display: block;
    padding: 0 15px;
    color: #a1a1a1;
    text-transform: uppercase;
    font-size: 14px;
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif
}
#footer-nav li a:hover {
    color: #1bbc9b
}
#footer-nav li:last-child a {
    padding-right: 0
}
a.author {
    color: #cecece
}
a.author:hover {
    color: #1bbc9b
}
footer a.r-m-plus {
    color: #fff
}
footer .r-m-plus:after {
    background: #404040;
    background-image: url("../img/plus.png");
    background-position: center center;
    background-repeat: no-repeat
}
.tweet_list {
    margin: 0;
    padding: 0
}
.tweet_list li {
    padding-bottom: 12px;
    padding-top: 0px
}
.tweet_list li:last-child {
    border: none;
    padding-bottom: 0px
}
.tweet_time {
    display: block;
    text-align: right
}
.tweet_time a {
    color: #d1d1d1;
    font-style: italic;
    background-color: #7c8187;
    padding-top: 7px;
    padding-right: 10px;
    padding-bottom: 7px;
    padding-left: 10px;
    line-height: 31px
}
.at {
    color: #fff
}
.tweet_text a {
    color: #fff
}
.tweet_text a:hover,
.tweet_time a:hover {
    color: #1bbc9b
}
.tweet_text {
    background-color: #535961;
    display: block;
    margin-left: 38px;
    padding-top: 9px;
    padding-right: 15px;
    padding-bottom: 11px;
    padding-left: 15px;
    position: relative;
    word-wrap: break-word
}
.tweet_text:before,
.tweet_text:after {
    content: '';
    position: absolute
}
.tweet_text:after {
    top: 0px;
    left: -38px;
    width: 38px;
    height: 38px;
    background-image: url("../img/icon-twitter.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #5D331D
}
.first-column {
    width: 210px;
    height: auto;
    float: left
}
.first-column ul {
    margin: 141px 0 0 0
}
.first-column ul li {
    width: 100%;
    height: 40px;
    background: #f5f5f5;
    margin: 0;
    display: block;
    color: #6b6b6b;
    font-size: 12px;
    line-height: 40px;
    text-indent: 20px
}
.first-column ul li.alt {
    background: #fafafa
}
.price-col-gray {
    float: left;
    width: 229px;
    height: auto;
    text-align: center;
    margin: 10px 0 0 5px
}
.m-left-0 {
    margin-left: 0 !important
}
.price-col-gray h1 {
    margin: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    height: 40px;
    display: block;
    background-color: #535961;
    color: #fcfcfc;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif
}
.month {
    color: #808080;
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
    font-size: 14px;
    background-color: #fff;
    padding: 14px 0 14px 0;
    margin: 0
}
.price-col-gray ul {
    margin: 0;
    padding: 0
}
.price-col-gray ul li {
    height: 40px;
    background: #f5f5f5;
    margin: 0;
    display: block;
    color: #6b6b6b;
    font-size: 12px;
    line-height: 40px;
    text-align: center
}
.price-col-gray ul li:nth-child(2n) {
    background: #fff
}
.price-button-container {
    background-color: #f5f5f5;
    padding-bottom: 20px;
    padding-top: 20px
}
.price-marginleft-20 {
    margin-left: -20px
}
.price-col-main {
    float: left;
    width: 234px;
    height: auto;
    text-align: center;
    margin: 0 0 0 2px;
    position: relative;
    z-index: 20;
    left: -10px
}
.price-col-main h1 {
    margin: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    height: 49px;
    display: block;
    background-color: #535961;
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 49px;
    font-weight: normal;
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif
}
.price-col-main p.white {
    height: 30px;
    font-size: 12px;
    font-weight: normal;
    display: block;
    background: #ffbe11;
    color: #fff;
    margin: 0
}
.price-col-main ul {
    margin: 0;
    padding: 0
}
.price-col-main ul li {
    height: 40px;
    background: #f5f5f5;
    margin: 0;
    display: block;
    color: #6b6b6b;
    font-size: 12px;
    line-height: 40px;
    text-align: center
}
.price-col-main ul li:nth-child(2n) {
    background: #fff
}
.col-border {
    border: 1px solid #d1d1d1
}
.price-col-main .col-border {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2)
}
.currency,
.price,
.cents {
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
    display: inline-block;
    color: #fff
}
.price-col-main .currency,
.price-col-main .price,
.price-col-main .cents {
    color: #fff
}
.currency {
    font-size: 30px
}
.price {
    font-size: 60px;
    line-height: 50px
}
.cents {
    font-size: 30px;
    position: absolute;
    top: 19px
}
.price-container {
    position: relative;
    padding-bottom: 10px;
    padding-top: 15px;
    background-color: #d6d6d6
}
.cents-cont {
    width: 5px
}
.place {
    display: inline-block;
    height: 10px;
    width: 25px
}
.price-col-main .price-container {
    background-color: #1bbc9b
}
.place2 {
    display: inline-block;
    height: 13px;
    width: 35px;
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #bcbcbc
}
.price-col-gray2 {
    float: left;
    width: 223px;
    height: auto;
    text-align: center;
    margin: 0px 0 0 5px
}
.price-col-gray2 h1 {
    margin: 0;
    padding-bottom: 0px;
    padding-top: 30px;
    height: 70px;
    display: block;
    background-color: #fff;
    color: #535961;
    text-transform: uppercase;
    font-size: 34px;
    line-height: 40px;
    font-weight: normal;
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif
}
.price-col-gray2 ul {
    margin: 0;
    padding: 0
}
.price-col-gray2 ul li {
    height: 40px;
    background: #f5f5f5;
    margin: 0;
    display: block;
    color: #6b6b6b;
    font-size: 12px;
    line-height: 40px;
    text-align: center
}
.price-col-gray2 ul li:nth-child(2n) {
    background: #fff
}
.price-container2 {
    background-color: #535961;
    padding-bottom: 10px;
    padding-top: 15px;
    position: relative
}
.col-border2 {
    border: 1px solid #D1D1D1;
    margin-bottom: 1px
}
.pt-col-main {
    background-color: #1bbc9b
}
h1.pt-col-main {
    background-color: #1bbc9b;
    color: #fff
}
.pt-col-main .currency,
.pt-col-main .price,
.pt-col-main .cents,
.pt-col-main .place2 {
    color: #fff
}
li [class^="icon-"],
.nav li [class^="icon-"],
li [class*="icon-"],
.nav li [class*="icon-"] {
    display: inline-block;
    text-align: center;
    width: 1.25em
}
.img-about {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 20px
}
.team-name h5 {
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif
}
.team-name span {
    color: #888;
    display: block;
    font-weight: 400
}
button {
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease
}
.button {
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
    background-color: #1bbc9b;
    color: #fff;
    border: none;
    transition: all 0.3s ease 0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease
}
.button:hover {
    background-color: #535961;
    color: #fff;
    transition: all 0.3s ease 0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease
}
.button.medium {
    font-size: 14px;
    line-height: 36px;
    height: 36px;
    padding: 0px 20px 0px 20px;
    display: inline-block
}
.button.large {
    font-size: 20px;
    line-height: 20px;
    padding: 15px 39px 15px 39px;
    display: inline-block
}
.button.small {
    font-size: 12px;
    line-height: 16px;
    padding: 6px 10px 7px 10px;
    display: inline-block
}
.button.yellow {
    background-color: #e8a900;
    color: #fff;
    border: none
}
.button.yellow:hover {
    background-color: #535961
}
.button.blue {
    background-color: #3598db;
    color: #fff
}
.button.blue:hover {
    background-color: #535961
}
.button.aqua {
    background-color: #1bbc9b;
    color: #fff
}
.button.aqua:hover {
    background-color: #535961
}
.button.gray {
    color: #fff;
    background-color: #535961;
    border: none
}
.button.gray:hover {
    background-color: #1bbc9b;
    cursor: pointer
}
.button.orange {
    color: #fff;
    background-color: #e77e23;
    border: none
}
.button.orange:hover {
    background-color: #535961;
    cursor: pointer
}
.button.green {
    color: #fff;
    background-color: #2dcc70;
    border: none
}
.button.green:hover {
    background-color: #535961;
    cursor: pointer
}
.demo-buttons a {
    margin-bottom: 5px
}
.button i {
    margin: 0 5px 0 -1px
}
.button.medium i,
.button.medium-border i {
    margin: 0 6px 0 -4px
}
.button.large i,
.button.large-border i {
    margin: 0 10px 0 -15px
}
.button.black {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-style: normal;
    background-color: #4d4d4d
}
.button.black:hover {
    background-color: #575757
}
a {
    color: #1BBC9B;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease
}
a:hover {
    color:none !important;
    text-decoration: none;
    transition: all 0.3s ease 0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease
}
.a-invert {
    color: #535961
}
.a-invert:hover {
    color: #1bbc9b
}

.logo:hover{
    color:none !important;
}

.button.get-theme {
    font-size: 14px;
    padding: 10px 17px 10px 40px;
    background-color: #1bbc9b;
    background: url("../img/icon-get-theme.png") no-repeat scroll 14px center;
    display: inline-block
}
.button.get-theme:hover {
    background-color: #535961
}
.m-bot-15 {
    margin-bottom: 15px !important
}
.m-bot-20 {
    margin-bottom: 20px !important
}
.m-bot-25 {
    margin-bottom: 25px !important
}
.m-top-25 {
    margin-top: 25px !important
}
.m-bot-30 {
    margin-bottom: 30px !important
}
.m-bot-35 {
    margin-bottom: 35px !important
}
.m-bot-50 {
    margin-bottom: 50px !important
}
.m-bot-135 {
    margin-bottom: 135px !important
}
.m-none {
    margin: 0 !important
}
.m-minus,
.m-minus-main {
    margin-top: -58px !important
}
.m-t-b-10 {
    margin-top: 10px;
    margin-bottom: 10px
}
.m-b-20 {
    margin-bottom: 20px
}
.pad-b-0 {
    padding-bottom: 0px !important
}
.pad-t-15 {
    padding-top: 15px !important
}
.view .mask,
.view .content {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    text-align: center
}
.view img {
    display: block;
    position: relative
}
.view a.link {
    padding: 0;
    margin: 0;
    height: 44px;
    width: 44px;
    display: block;
    /**/

    float: left;
    text-decoration: none;
    background-color: #1bbc9b;
    background-image: url("../img/link-icon.png");
    background-repeat: no-repeat;
    background-position: center center
}
.view a.zoom {
    padding: 0;
    margin: 0;
    height: 44px;
    width: 44px;
    display: block;
    /**/

    float: left;
    text-decoration: none;
    background-color: #1bbc9b;
    background-image: url("../img/zoom-icon.png");
    background-repeat: no-repeat;
    background-position: center center
}
.view a.zoom:hover,
.view a.link:hover {
    background-color: #5D331D
}
.hover-item img {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear
}
.hover-item .abs {
    position: absolute;
    bottom: -47px;
    left: 0px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s
}
.hover-item:hover .abs {
    bottom: 0px;
    left: 0px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s
}
.portfolio-item .hover-item .abs {
    position: absolute;
    bottom: -47px;
    left: 0px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s
}
.portfolio-item .hover-item:hover .abs {
    bottom: 0px;
    left: 0px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s
}
.blog-item .hover-item .abs {
    position: absolute;
    bottom: -47px;
    left: 15px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s
}
.blog-item .hover-item:hover .abs {
    bottom: 0px;
    left: 15px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s
}
.hover-item:hover {
    background-color: #535961;
    color: #fff !important;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s
}
.hover-item:hover .item-caption,
.hover-item:hover .lw-item-caption-container a {
    color: #fff !important;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s
}
.hover-item:hover .lw-item-caption-container a:hover {
    color: #1bbc9b !important;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s
}
.view-first a.info {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}
.hover-item:hover img {
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transform: scale(1.2)
}
body.safari .jcarousel .hover-item:hover img {
    transform: scale(1) !important;
    -webkit-transform: scale(1) !important
}
body.safari .jcarousel .hover-item img {
    -webkit-transition: none !important;
    transition: none !important
}
.blog-item .view .mask h2 {
    margin-bottom: 25px;
    margin-top: 80px
}
.view-first:hover p {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s
}
.view-first:hover a.info {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s
}
#back-top {
    position: fixed;
    bottom: 45px;
    right: 25px;
    padding: 0;
    margin: 0
}
#back-top a {
    text-decoration: none;
    width: 38px;
    height: 38px;
    display: block;
    background-color: #5D331D;
    background-image: url("../img/back-top.png");
    background-repeat: no-repeat;
    background-position: center center
}
#back-top a:hover {
    background-color: #1bbc9b
}
.center {
    margin: 0 auto;
    max-width: 960px;
    width: 100%
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    #fdw nav ul li {
        margin-left: 12px
    }
}
@media only screen and (max-width: 767px) {
    nav#main-nav ul {
        display: none
    }
    nav#main-nav select {
        width: 420px;
        display: block;
        margin-top: 0px;
        margin-bottom: 0px;
        cursor: pointer;
        padding: 10px;
        border: none;
        color: #777;
        font-family: 'OswaldLight', Arial, Helvetica, sans-serif
    }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .header-rl-container {
        width: 579px
    }
    html body div.jcarousel {
        padding-bottom: 1px
    }
    .buy-now-text-container {
        width: 555px
    }
    .side-box-bg.buy-now {
        height: 116px
    }
    .box2-text-container h3.long-text {
        padding: 26px 20px 0px 115px
    }
    .box3-text-container h3.long-text {
        padding: 30px 20px 0px 115px
    }
    .error404-main-text h2 {
        margin-left: 40px
    }
    .error404-numb {
        font-size: 180px;
        line-height: 180px;
        margin-right: 40px
    }
    .error404-text {
        margin-right: 25px;
        font-size: 55px;
        line-height: 55px
    }
    .field-1-3 input {
        width: 172px;
        margin-right: 20px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }
    .field-1-1 textarea {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        width: 556px
    }
    #contact-form .iconed-box {
        padding-left: 20px;
        width: 172px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }
    .nl-text {
        display: none
    }
    .nl-text-container.part {
        width: 282px
    }
    .lp-title-cont {
        width: 95px
    }
    .our-clients-container li:nth-child(5) {
        display: none
    }
    .our-clients-container li {
        width: 187px
    }
    .blog-info-container ul li.tag {
        display: none
    }
    ul#flickrfeed li a img {
        height: 73px;
        width: 73px
    }
    .field-1-1-comment textarea {
        width: 508px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }
    .field-1-2-comment input {
        width: 244px;
        margin-right: 20px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }
    .leave-comment-container #contact-form .iconed-box {
        padding-left: 60px;
        width: 244px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }
    .price-col-gray {
        width: 181px
    }
    .price-col-main {
        width: 186px
    }
    .pricebox-marginleft {
        margin-left: -20px
    }
    .price-col-gray2 {
        width: 175px
    }
}
@media only screen and (max-width: 767px) {
    nav#main-nav select {
        width: 300px
    }
    .header-rl-container {
        width: 300px
    }
    .search-text {
        width: 100px
    }
    .footer-copyright-bg {
        padding-top: 5px;
        padding-bottom: 20px
    }
    #footer-nav li {
        display: list-item
    }
    #footer-nav li a {
        color: #A1A1A1;
        padding: 0;
        padding-bottom: 10px;
        padding-top: 10px
    }
    .footer-copyright-bg .footer-menu-container {
        float: none;
        padding-bottom: 15px;
        padding-top: 5px
    }
    .footer-copyright-container {
        float: none;
        margin-top: 0px;
        text-align: center !important;
        color: #7c8187
    }
    .features-demo article:first-child {
        margin-top: 0 !important
    }
    .caption-block {
        right: 0px
    }
    .buy-now-text-container {
        width: 270px
    }
    .side-box-bg.buy-now {
        display: none
    }
    .button-buy-container {
        margin-left: 75px
    }
    .field-1-3 input {
        width: 300px;
        margin-right: 0px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }
    .field-1-1 textarea {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        width: 300px
    }
    #contact-form .iconed-box {
        padding-left: 60px;
        width: 300px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }
    .error404-main-text h2 {
        font-size: 18px;
        line-height: 22px
    }
    .error404-numb {
        font-size: 120px;
        line-height: 120px;
        margin-right: 30px
    }
    .error404-text {
        font-size: 30px;
        line-height: 30px;
        margin-left: 34px
    }
    .error404-container {
        margin-top: 35px
    }
    .error404-main-text {
        margin-right: 20px;
        margin-bottom: 50px
    }
    .nl-text {
        display: none
    }
    .nl-text-container.part {
        width: 1px
    }
    .nl-text-container .caption {
        display: none
    }
    .newsletterform input {
        width: 128px
    }
    .nl-img-container {
        display: none
    }
    .sixteen .side-box-bg.news-letter.hide {
        display: none
    }
    .our-clients-container li:nth-child(5) {
        display: none
    }
    .our-clients-container li:nth-child(4) {
        display: none
    }
    .our-clients-container li:nth-child(3) {
        display: none
    }
    .our-clients-container li:nth-child(2) {
        display: none
    }
    .our-clients-container li {
        margin-left: 55px
    }
    .m-minus {
        margin-top: 0 !important
    }
    #back-top {
        position: fixed;
        bottom: 40px;
        right: 10px;
        padding: 0;
        margin: 0
    }
    .lp-title-cont {
        width: 175px
    }
    .blog-info-container ul li.tag {
        display: none
    }
    .blog-info-container ul li.view {
        display: none
    }
    ul#flickrfeed li a img {
        height: 100px;
        width: 100px
    }
    .field-1-1-comment textarea {
        width: 300px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }
    .field-1-2-comment input {
        width: 300px;
        margin-right: 0px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }
    .leave-comment-container #contact-form .iconed-box {
        padding-left: 60px;
        width: 300px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }
    .comment-head .right {
        border-top: 1px solid #cecece;
        border-left: 1px solid #cecece
    }
    .comment-name {
        margin-bottom: 9px
    }
    .comment-desc {
        margin-left: 5px;
        margin-right: 5px
    }
    .price-col-gray,
    .price-col-main,
    .price-col-gray2 {
        float: none;
        width: 268px;
        left: 0;
        margin: 0 auto 20px !important
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    nav#main-nav select {
        width: 420px;
        display: block
    }
    .header-rl-container {
        width: 420px
    }
    .header-rr-container {
        margin-bottom: 10px;
        margin-top: 25px
    }
    .search-text {
        width: 75px
    }
    .footer-copyright-bg .footer-menu-container {
        float: none;
        padding-bottom: 15px;
        padding-top: 5px
    }
    .footer-copyright-container {
        float: none;
        margin-top: 0px;
        text-align: center !important
    }
    .caption-block {
        right: 0px
    }
    .buy-now-text-container {
        width: 390px
    }
    .button-buy-container {
        margin-left: 135px
    }
    .side-box-bg.buy-now {
        display: none
    }
    .field-1-3 input {
        width: 420px;
        margin-right: 0px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }
    .field-1-1 textarea {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box;
        width: 420px
    }
    #contact-form .iconed-box {
        padding-left: 60px;
        width: 420px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }
    .error404-main-text h2 {
        font-size: 18px;
        line-height: 22x
    }
    .error404-numb {
        font-size: 120px;
        line-height: 120px
    }
    .error404-text {
        font-size: 28px;
        line-height: 32px
    }
    .error404-container {
        margin-top: 55px
    }
    .nl-text {
        display: none
    }
    .nl-text-container.part {
        width: 1px
    }
    .nl-text-container .caption {
        display: none
    }
    .newsletterform input {
        width: 167px
    }
    .nl-img-container {
        display: block
    }
    .sixteen .side-box-bg.news-letter.hide {
        display: block
    }
    .features-demo article:first-child {
        margin-top: 0 !important
    }
    .our-clients-container li:nth-child(5) {
        display: none
    }
    .our-clients-container li:nth-child(4) {
        display: none
    }
    .our-clients-container li:nth-child(3) {
        display: none
    }
    .our-clients-container li:nth-child(2) {
        display: block
    }
    .our-clients-container li {
        margin-right: 11px;
        margin-left: 11px
    }
    .m-minus {
        margin-top: 0 !important
    }
    #back-top {
        position: fixed;
        bottom: 45px;
        right: 10px;
        padding: 0;
        margin: 0
    }
    .lp-title-cont {
        width: 295px
    }
    .blog-info-container ul li.tag {
        display: none
    }
    .blog-info-container ul li.view {
        display: list-item
    }
    ul#flickrfeed li a img {
        width: 70px;
        height: 70px
    }
    .field-1-1-comment textarea {
        width: 420px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }
    .field-1-2-comment input {
        width: 420px;
        margin-right: 0px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }
    .leave-comment-container #contact-form .iconed-box {
        padding-left: 60px;
        width: 420px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }
    .comment-head .right {
        border: none
    }
    .price-col-gray,
    .price-col-main,
    .price-col-gray2 {
        float: none;
        width: 268px;
        left: 0;
        margin: 0 auto 20px !important
    }
}
@media (-Webkit-min-device-pixel-ratio: 1.5),
(-moz-min-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 3/2),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
    .logo {
        background: url("../img/logo@2x.png") no-repeat;
        background-size: 59px auto;
        background-position: center center
    }
    .search-submit {
        background-image: url("../img/search-submit@2x.png") !important;
        background-size: 12px auto !important
    }
    #facebook-link {
        background-image: url("../img/social/facebook@2x.png");
        background-size: 24px auto
    }
    #dribbble-link {
        background-image: url("../img/social/dribbble@2x.png");
        background-size: 24px auto
    }
    #flickr-link {
        background-image: url("../img/social/flickr@2x.png");
        background-size: 24px auto
    }
    #googleplus-link {
        background-image: url("../img/social/googleplus@2x.png");
        background-size: 24px auto
    }
    #linkedin-link {
        background-image: url("../img/social/linkedin@2x.png");
        background-size: 24px auto
    }
    #pintrest-link {
        background-image: url("../img/social/pintrest@2x.png");
        background-size: 24px auto
    }
    #rss-link {
        background-image: url("../img/social/rss@2x.png");
        background-size: 24px auto
    }
    #skype-link {
        background-image: url("../img/social/skype@2x.png");
        background-size: 24px auto
    }
    #twitter-link {
        background-image: url("../img/social/twitter@2x.png");
        background-size: 24px auto
    }

    #vimeo-link {
        background-image: url("../img/social/vimeo@2x.png");
        background-size: 24px auto
    }
    .img-holder.comp {
        background-image: url("http://abcgomel.ru/feli../img/icon-comp@2x.png");
        background-size: auto 60px
    }
    .img-holder.seo {
        background-image: url("http://abcgomel.ru/feli../img/icon-seo@2x.png");
        background-size: auto 60px
    }
    .img-holder.gears {
        background-image: url("http://abcgomel.ru/feli../img/icon-gears@2x.png");
        background-size: auto 60px
    }
    .jcarousel-prev {
        background-image: url("../img/prev-small@2x.png");
        background-size: auto 9px
    }
    .jcarousel-next {
        background-image: url("../img/next-small@2x.png");
        background-size: auto 9px
    }
    .features-check-list >li:before {
        background-image: url("../img/features-check-icon@2x.png");
        background-size: auto 30px
    }
    .portfolio-check-list >li:before {
        background-image: url("../img/features-check-icon@2x.png");
        background-size: auto 30px
    }
    .standart-post:after {
        background-image: url("../img/icon-standart-post@2x.png");
        background-size: auto 19px
    }
    .image-post:after {
        background-image: url("../img/icon-image-post@2x.png");
        background-size: auto 19px
    }
    .video-post:after {
        background-image: url("../img/icon-video-post@2x.png");
        background-size: auto 19px
    }
    .footer-loc:after {
        background-image: url("../img/icon_footer_loc@2x.png");
        background-size: auto 19px
    }
    .footer-phone:after {
        background-image: url("../img/icon_footer_phone@2x.png");
        background-size: auto 19px
    }
    .footer-mail:after {
        background-image: url("../img/icon_footer_mail@2x.png");
        background-size: auto 19px
    }
    #back-top a {
        background-image: url("../img/back-top@2x.png");
        background-size: auto 19px
    }
    .flex-direction-nav .flex-prev {
        background-image: url("../img/prev-small@2x.png") !important;
        background-size: auto 19px !important
    }
    .flex-direction-nav .flex-next {
        background-image: url("../img/next-small@2x.png") !important;
        background-size: auto 19px !important
    }
    .lp-item-text-container blockquote:before {
        background-image: url("../img/quote2@2x.png")!important;
        background-size: auto 19px
    }
    .contact-loc:after {
        background-image: url("../img/icon_footer_loc@2x.png");
        background-size: auto 19px
    }
    .contact-phone:after {
        background-image: url("../img/icon_footer_phone@2x.png");
        background-size: auto 19px
    }
    .contact-mail:after {
        background-image: url("../img/icon_footer_mail@2x.png");
        background-size: auto 19px
    }
    .view a.link {
        background-image: url("../img/link-icon@2x.png");
        background-size: 21px auto
    }
    .view a.zoom {
        background-image: url("../img/zoom-icon@2x.png");
        background-size: 21px auto
    }
    .quote-content {
        background-image: url("../img/quote@2x.png");
        background-size: 19px auto
    }
    .footer-content-bg a.scrollup {
        background-image: url("http://abcgomel.ru/feli../img/scrollup@2x.png");
        background-size: 32px auto
    }
    .logo-footer {
        background-image: url("../img/logo-footer@2x.png");
        background-size: 88px auto
    }
    .r-m-plus:after {
        background: url("../img/plus@2x.png") no-repeat scroll center center #535961;
        background-size: 7px auto
    }
    footer .r-m-plus:after {
        background: url("../img/plus@2x.png") no-repeat scroll center center #404040;
        background-size: 7px auto
    }
    .icon_mail {
        background: url("../img/icon_footer_mail@2x.png") no-repeat scroll left 5px transparent;
        background-size: 14px auto
    }
    .icon_phone {
        background: url("../img/icon_footer_phone@2x.png") no-repeat scroll left 4px transparent;
        background-size: 14px auto
    }
    .icon_loc {
        background: url("../img/icon_footer_loc@2x.png") no-repeat scroll left 3px transparent;
        background-size: 14px auto
    }
    .contact-info-page .icon_loc {
        background: url("../img/icon_footer_loc@2x.png") no-repeat scroll 15px 13px transparent;
        background-size: 14px auto
    }
    .contact-info-page .icon_phone {
        background: url("../img/icon_footer_phone@2x.png") no-repeat scroll 15px 14px transparent;
        background-size: 14px auto
    }
    .contact-info-page .icon_mail {
        background: url("../img/icon_footer_mail@2x.png") no-repeat scroll 15px 14px transparent;
        background-size: 14px auto
    }
    .button.get-theme {
        background: url("../img/icon-get-theme@2x.png") no-repeat scroll 14px center;
        background-size: 17px auto
    }
    .iconed-box:before {
        background-image: url("../img/box-icons@2x.png");
        background-size: 144px auto
    }
    .styled-list >li:before {
        background-image: url("../img/list-icons@2x.png");
        background-size: 15px 105px
    }
    .ui-accordion-header span {
        background-image: url("../img/plus@2x.png");
        background-size: 7px auto
    }
    .ui-accordion-header-active span {
        background-image: url("../img/minus@2x.png");
        background-size: 7px auto
    }
    .portfolio-pagination .pag-prev {
        background-image: url("../img/prev-small@2x.png");
        background-size: 9px auto
    }
    .portfolio-pagination .pag-next {
        background-image: url("../img/next-small@2x.png");
        background-size: 9px auto
    }
    .port-cat-icon {
        background-image: url("../img/next-small@2x.png");
        background-size: 9px auto
    }
    blockquote:before {
        background-image: url("../img/quote@2x.png") !important;
        background-size: 19px auto !important
    }
    .blog-info-container ul li.author {
        background-image: url("../img/author-icon@2x.png");
        background-size: 13px auto
    }
    .blog-info-container ul li.view {
        background-image: url("../img/view-icon@2x.png");
        background-size: 16px auto
    }
    .blog-info-container ul li.comment {
        background-image: url("../img/comment-icon@2x.png");
        background-size: 13px auto
    }
    .blog-info-container ul li.tag {
        background-image: url("../img/tag-icon@2x.png");
        background-size: 13px auto
    }
    .blog-cat-icon {
        background-image: url("../img/next-small@2x.png");
        background-size: 9px auto
    }
    .pagination-1 .pag-prev {
        background-image: url("../img/prev-small@2x.png");
        background-size: 9px auto
    }
    .pagination-1 a.pag-prev:hover {
        background-image: url("../img/prev-small@2x.png");
        background-size: 9px auto
    }
    .pagination-1 .pag-next {
        background-image: url("../img/next-small@2x.png");
        background-size: 9px auto
    }
    .pagination-1 a.pag-next:hover {
        background-image: url("../img/next-small@2x.png");
        background-size: 9px auto
    }
    .nl-form-part-container {
        padding-bottom: 16px
    }
}

img.scale-with-grid {
    max-width: 100%;
    height: auto; }
img, video {
    height: auto;
}


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)

/* #Base 960 Grid
================================================== */

.container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.container .column,
.container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
.row                                        { padding-bottom: 20px; } /*margin*/

/* Nested Column Classes */
.column.alpha, .columns.alpha               { margin-left: 0; }
.column.omega, .columns.omega               { margin-right: 0; }

/* Base Grid */
.container .one.column,
.container .one.columns                     { width: 40px; }
.container .two.columns                     { width: 100px; }
.container .three.columns                   { width: 160px; }
/****one-five****/
.container .one-five.columns                   { width: 172px; }

.container .four.columns                    { width: 220px; }
.container .five.columns                    { width: 280px; }
.container .six.columns                     { width: 340px; }
.container .seven.columns                   { width: 400px; }
.container .eight.columns                   { width: 460px; }
.container .nine.columns                    { width: 520px; }
.container .ten.columns                     { width: 580px; }
.container .eleven.columns                  { width: 640px; }
.container .twelve.columns                  { width: 700px; }
.container .thirteen.columns                { width: 760px; }
.container .fourteen.columns                { width: 820px; }
.container .fifteen.columns                 { width: 880px; }
.container .sixteen.columns                 { width: 940px; }

.container .one-third.column                { width: 300px; }
.container .two-thirds.column               { width: 620px; }

/* Offsets */
.container .offset-by-one                   { padding-left: 60px;  }
.container .offset-by-two                   { padding-left: 120px; }
.container .offset-by-three                 { padding-left: 180px; }
.container .offset-by-four                  { padding-left: 240px; }
.container .offset-by-five                  { padding-left: 300px; }
.container .offset-by-six                   { padding-left: 360px; }
.container .offset-by-seven                 { padding-left: 420px; }
.container .offset-by-eight                 { padding-left: 480px; }
.container .offset-by-nine                  { padding-left: 540px; }
.container .offset-by-ten                   { padding-left: 600px; }
.container .offset-by-eleven                { padding-left: 660px; }
.container .offset-by-twelve                { padding-left: 720px; }
.container .offset-by-thirteen              { padding-left: 780px; }
.container .offset-by-fourteen              { padding-left: 840px; }
.container .offset-by-fifteen               { padding-left: 900px; }

/* INSIDE CONTAINERS */

.pad-l-r-5 								{ padding:0 5px 0 5px;}
.container .in-column,
.container .in-columns                      { float: left; display: inline; margin-left: 10px; margin-right: 10px; }


/*with out borders*/
.container .in-one-third.in-column          {width:290px;}
.container .in-two-third.in-column          {width:600px;}
.container .in-sixteen.in-columns        	{width:910px;}
.container .in-eight.in-columns        		{width:445px;}
.container .in-four.in-columns        		{width:212px;}
.container .in-three-four.in-columns        {width:678px;}

/*with borders*/
/*.container .in-one-third.in-column          {width:289px;}
.container .in-two-third.in-column          {width:599px;}
.container .in-sixteen.in-columns        	{width:908px;}
.container .in-eight.in-columns        		{width:444px;}
.container .in-four.in-columns        		{width:212px;}
.container .in-three-four.in-columns        {width:676px;}*/



/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container                                  { width: 768px; }
    .container .column,
    .container .columns                         { margin-left: 10px; margin-right: 10px;  }
    .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
    .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
    .alpha.omega                                { margin-left: 0; margin-right: 0; }

    .container .one.column,
    .container .one.columns                     { width: 28px; }
    .container .two.columns                     { width: 76px; }
    .container .three.columns                   { width: 124px; }
    .container .four.columns                    { width: 172px; }
    .container .five.columns                    { width: 220px; }
    .container .six.columns                     { width: 268px; }
    .container .seven.columns                   { width: 316px; }
    .container .eight.columns                   { width: 364px; }
    .container .nine.columns                    { width: 412px; }
    .container .ten.columns                     { width: 460px; }
    .container .eleven.columns                  { width: 508px; }
    .container .twelve.columns                  { width: 556px; }
    .container .thirteen.columns                { width: 604px; }
    .container .fourteen.columns                { width: 652px; }
    .container .fifteen.columns                 { width: 700px; }
    .container .sixteen.columns                 { width: 748px; }

    .container .one-third.column                { width: 236px; }
    .container .two-thirds.column               { width: 492px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 48px; }
    .container .offset-by-two                   { padding-left: 96px; }
    .container .offset-by-three                 { padding-left: 144px; }
    .container .offset-by-four                  { padding-left: 192px; }
    .container .offset-by-five                  { padding-left: 240px; }
    .container .offset-by-six                   { padding-left: 288px; }
    .container .offset-by-seven                 { padding-left: 336px; }
    .container .offset-by-eight                 { padding-left: 384px; }
    .container .offset-by-nine                  { padding-left: 432px; }
    .container .offset-by-ten                   { padding-left: 480px; }
    .container .offset-by-eleven                { padding-left: 528px; }
    .container .offset-by-twelve                { padding-left: 576px; }
    .container .offset-by-thirteen              { padding-left: 624px; }
    .container .offset-by-fourteen              { padding-left: 672px; }
    .container .offset-by-fifteen               { padding-left: 720px; }

    /* INSIDE CONTAINERS with out borders */


    .container .in-one-third.in-column          {width:226px;}
    .container .in-two-third.in-column          {width:472px;}
    .container .in-sixteen.in-columns        	{width:718px;}
    .container .in-eight.in-columns        		{width:349px;}
    .container .in-four.in-columns        		{width:164px;}
    .container .in-three-four.in-columns        {width:534px;}


    /* INSIDE CONTAINERS with borders */


    /*.container .in-one-third.in-column          {width:225px;}
    .container .in-two-third.in-column          {width:471px;}
    .container .in-sixteen.in-columns        	{width:716px;}
    .container .in-eight.in-columns        		{width:348px;}
    .container .in-four.in-columns        		{width:164px;}
    .container .in-three-four.in-columns        {width:532px;}*/

}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
    .container { width: 300px; }
    .container .columns,
    .container .column { margin: 0; }

    .container .one.column,
    .container .one.columns,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column  { width: 300px; }

    /* Offsets */
    .container .offset-by-one,
    .container .offset-by-two,
    .container .offset-by-three,
    .container .offset-by-four,
    .container .offset-by-five,
    .container .offset-by-six,
    .container .offset-by-seven,
    .container .offset-by-eight,
    .container .offset-by-nine,
    .container .offset-by-ten,
    .container .offset-by-eleven,
    .container .offset-by-twelve,
    .container .offset-by-thirteen,
    .container .offset-by-fourteen,
    .container .offset-by-fifteen { padding-left: 0; }

    /* INSIDE CONTAINERS with out borders */


    .container .in-one-third.in-column,
    .container .in-two-third.in-column,
    .container .in-sixteen.in-columns,
    .container .in-eight.in-columns,
    .container .in-four.in-columns,
    .container .in-three-four.in-columns  {width:270px;}

    /* INSIDE CONTAINERS with borders */


    /*.container .in-one-third.in-column,
    .container .in-two-third.in-column,
    .container .in-sixteen.in-columns,
    .container .in-eight.in-columns,
    .container .in-four.in-columns,
    .container .in-three-four.in-columns  {width:268px;} */

}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container { width: 420px; }
    .container .columns,
    .container .column { margin: 0; }

    .container .one.column,
    .container .one.columns,
    .container .two.columns,
    .container .three.columns,
    .container .four.columns,
    .container .five.columns,
    .container .six.columns,
    .container .seven.columns,
    .container .eight.columns,
    .container .nine.columns,
    .container .ten.columns,
    .container .eleven.columns,
    .container .twelve.columns,
    .container .thirteen.columns,
    .container .fourteen.columns,
    .container .fifteen.columns,
    .container .sixteen.columns,
    .container .one-third.column,
    .container .two-thirds.column { width: 420px; }

    /* INSIDE CONTAINERS with out borders */

    .container .in-one-third.in-column,
    .container .in-two-third.in-column,
    .container .in-sixteen.in-columns,
    .container .in-eight.in-columns,
    .container .in-four.in-columns,
    .container .in-three-four.in-columns  {width:390px;}

    /* INSIDE CONTAINERS with borders */
    /*.container .in-one-third.in-column,
.container .in-two-third.in-column,
.container .in-sixteen.in-columns,
.container .in-eight.in-columns,
.container .in-four.in-columns,
.container .in-three-four.in-columns  {width:388px;}*/

}

/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
    color: #535961;
    /*font-family: "Georgia", "Times New Roman", serif;*/
    font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
h2 { font-size: 35px; line-height: 40px; margin-bottom: 10px; }
h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
h5 { font-size: 17px; line-height: 24px; }
h6 { font-size: 14px; line-height: 21px; }
.subheader { color: #777; }

/*p { margin: 0 0 20px 0; }
p img { margin: 0; }*/
p.lead { font-size: 21px; line-height: 27px; color: #777;  }

em { font-style: italic; }
/*strong { font-weight: bold; color: #333; }*/
small { font-size: 80%; }

/*	Blockquotes  */
blockquote, blockquote p { font-size: 16px; line-height: 23px; color: #777; font-style: italic; font-weight:lighter; }
blockquote {
    margin: 0 0 10px 32px;
    padding: 18px 20px;
    /*border-left: 1px solid #ddd;*/

    border-left:2px solid #1bbc9b;
    position:relative;
    background-color:#f8f8f8;
    /*color:#a0a1a3;*/
}
blockquote:before {
    background-image: url("../images/quote2.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-color:#1bbc9b;
    z-index:999;
    height:38px;
    width:38px;
    display:block;
    content:"";
    position:absolute;
    left:-38px;
    top:0px;
}
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
.row:after,
.clearfix:after {
    clear: both; }
.row,
.clearfix {
    zoom: 1; }

/* You can also use a <br class="clear" /> to clear columns */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1104;
    display: none;
}

#fancybox-loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background-image: url("../img/fancybox/fancybox.png");
}

#fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100;
    display: none;
}

#fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    overflow: auto;
    display: none;
}

#fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    z-index: 1101;
    outline: none;
    display: none;

}

#fancybox-outer {
    position: relative;
    width: 100%;
    height: 100%;
    background: #fff;
}

#fancybox-content {
    width: 0;
    height: 0;
    padding: 0;
    outline: none;
    position: relative;
    overflow: hidden;
    z-index: 1102;
    border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1101;
}

#fancybox-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: transparent url("../img/fancybox/fancybox.png") -40px 0px;
    cursor: pointer;
    z-index: 1103;
    display: none;
}

#fancybox-error {
    color: #444;
    font: normal 12px/20px Arial;
    padding: 14px;
    margin: 0;
}

#fancybox-img {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    line-height: 0;
    vertical-align: top;
}

#fancybox-frame {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

#fancybox-left, #fancybox-right {
    position: absolute;
    bottom: 0px;
    height: 100%;
    width: 35%;
    cursor: pointer;
    outline: none;
    background: transparent url("../img/fancybox/blank.gif");
    z-index: 1102;
    display: none;
}

#fancybox-left {
    left: 0px;
}

#fancybox-right {
    right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 1102;
    display: block;
}

#fancybox-left-ico {
    background-image: url("../img/fancybox/fancybox.png");
    background-position: -40px -30px;
}

#fancybox-right-ico {
    background-image: url("../img/fancybox/fancybox.png");
    background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
    visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
    left: 20px;
}

#fancybox-right:hover span {
    left: auto;
    right: 20px;
}

.fancybox-bg {
    position: absolute;
    padding: 0;
    margin: 0;
    border: 0;
    width: 20px;
    height: 20px;
    z-index: 1001;
}

#fancybox-bg-n {
    top: -20px;
    left: 0;
    width: 100%;
    background-image: url("../img/fancybox/fancybox-x.png");
}

#fancybox-bg-ne {
    top: -20px;
    right: -20px;
    background-image: url("../img/fancybox/fancybox.png");
    background-position: -40px -162px;
}

#fancybox-bg-e {
    top: 0;
    right: -20px;
    height: 100%;
    background-image: url("../img/fancybox/fancybox-y.png");
    background-position: -20px 0px;
}

#fancybox-bg-se {
    bottom: -20px;
    right: -20px;
    background-image: url("../img/fancybox/fancybox.png");
    background-position: -40px -182px;
}

#fancybox-bg-s {
    bottom: -20px;
    left: 0;
    width: 100%;
    background-image: url("../img/fancybox/fancybox-x.png");
    background-position: 0px -20px;
}

#fancybox-bg-sw {
    bottom: -20px;
    left: -20px;
    background-image: url("../img/fancybox/fancybox.png");
    background-position: -40px -142px;
}

#fancybox-bg-w {
    top: 0;
    left: -20px;
    height: 100%;
    background-image: url("../img/fancybox/fancybox-y.png");
}

#fancybox-bg-nw {
    top: -20px;
    left: -20px;
    background-image: url("../img/fancybox/fancybox.png");
    background-position: -40px -122px;
}

#fancybox-title {
    /*font-family: Helvetica;*/
    font-size: 12px;
    z-index: 1102;
}

.fancybox-title-inside {
    padding-bottom: 10px;
    text-align: center;
    color: #333;
    background: #fff;
    position: relative;
}

.fancybox-title-outside {
    padding-top: 10px;
    color: #fff;
}

.fancybox-title-over {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #FFF;
    text-align: left;
}

#fancybox-title-over {
    padding: 10px;
    background-image: url("../img/fancybox/fancy_title_over.png");
    display: block;
}

.fancybox-title-float {
    position: absolute;
    left: 0;
    bottom: -20px;
    height: 32px;
}

#fancybox-title-float-wrap {
    border: none;
    border-collapse: collapse;
    width: auto;
}

#fancybox-title-float-wrap td {
    border: none;
    white-space: nowrap;
}

#fancybox-title-float-left {
    padding: 0 0 0 15px;
    background: url("../img/fancybox/fancybox.png") -40px -90px no-repeat;
}

#fancybox-title-float-main {
    color: #FFF;
    line-height: 29px;
    /*font-weight: bold;*/
    padding: 0 0 3px 0;
    background: url("../img/fancybox/fancybox-x.png") 0px -40px;
}

#fancybox-title-float-right {
    padding: 0 0 0 15px;
    background: url("../img/fancybox/fancybox.png") -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
    height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
    position: absolute; margin-top: 0;
    top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.flex-control-paging {
    margin:0 !important;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

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

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


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 55px; }
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;
                     left: 50%;
                     margin-left: -35px;
                     position: relative;
                     top:38px;

}
.flex-direction-nav a {
    width: 38px;
    height: 38px;
    margin: -20px 0 0;
    display: block;
    background-color: /*url("../images/bg_direction_nav.png") no-repeat 0 0*/ #2f343a;
    position: absolute;
    bottom: 0px;
    z-index: 10;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-next {
    background-image: url("../img/next-small.png");
    background-repeat: no-repeat;
    background-position: center center;
    left: 38px;
}
.flex-direction-nav .flex-prev {
    left: 0px;
    background-image: url("../img/prev-small.png");
    background-repeat: no-repeat;
    background-position: center center;
}
.flexslider .flex-next:hover { background-color:#003177;/* right: -33px;*/}
.flexslider .flex-prev:hover { background-color:#003177;/*left: -33px;*/}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}


/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -38px; text-align: center;display:none;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background-color:#d1d1d1; cursor: pointer; text-indent: -9999px; }
.flex-control-paging li a:hover { background-color: #003177; }
.flex-control-paging li a.flex-active:hover { background-color: #003177; }
.flex-control-paging li a.flex-active { background-color: #2f343a; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
/*
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}*/


/* Caption style */
/* IE rgba() hack */
/*.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}*/
.flex-caption {
    position: absolute;
    left: -38px;
    bottom: 165px;
    background-color:#003177;
}
.flex-caption .subtitle-3 {
    text-align:right;
}

.flexslider:after {
    content: "";
    position: absolute;
    width: 100%;
}
.flexslider {
    margin: 0 auto;
    margin-bottom: 62px;
    padding-top: 0px;
    position: relative;
}

/******************************************/
.flex-caption .title h2{
    color:#fff;
    background-color:#414146;
    /*line-height:44px;*/
    height:44px;
    font-size:30px;
    font-family: 'OswaldLight', Arial, Helvetica, sans-serif;
    display:inline-block;
    padding-top: 11px;
    padding-right: 15px;
    padding-bottom: 11px;
    padding-left: 15px;
    margin:0;
}
.flex-caption .subtitle-2 {
    color: #d1d1d1;
    background-color: #535961;
    width: 345px;
    padding-top: 16px;
    padding-right: 20px;
    padding-bottom: 16px;
    padding-left: 20px;
    margin:0;
}
















/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (min-width: 768px) and (max-width: 959px) {
    /* Direction Nav */
    /*.flex-direction-nav .flex-next {background-position: 100% 0; right: -25px; }
    .flex-direction-nav .flex-prev {left: -25px;}
    .flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
    .flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}*/

}


/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
    .flex-caption {
        visibility:hidden !important;
        display:none !important;
    }

}


/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .flex-caption {
        visibility:hidden !important;
        display:none !important;
    }

}

/* Retina Images (High Resolution)
====================================================================== */
@media (-Webkit-min-device-pixel-ratio: 1.5),
(-moz-min-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 3/2),
(min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {

    /*.flex-direction-nav a {
            background: url("../images/bg_direction_nav@2x.png") no-repeat 0 0 #5a5a5a ;
            background-size:57px  auto ;
    }*/

}

body {
    background-color: #f7f7f7;
}

::selection
{
    color: white;
    background-color: #003177;
}
::-moz-selection
{
    color: white;
    background-color: #003177;
}

.search-submit:hover {
    background-color: #003177;
}
.facebook-link, .skype-link, .twitter-link, .flickr-link, .vimeo-link, .dribbble-link, .linkedin-link, .rss-link, .googleplus-link, .pintrest-link  {
    background-color:#003177;
}
.sf-menu li li a:hover{
    background: #003177 !important;
}

#main-nav .current li.current a, #main-nav .current li.current li.current a {
    background-color:#003177;/**/
}
.sf-menu li li a:hover{
    color: #fff !important;
    background: #003177 !important;
}
.ca-icon{
    background-color:#003177;
}
.box1-img-container, .box1-img-container-inv {
    background-color:#003177;
}
.box2-img-container {
    background-color:#003177;
    height: 90px;
    width: 80px;
    text-align:center;
}
.box2-img-container i {
    font-size:35px;
    color:#fff;
    margin-top:15px;
}
.block2-a:hover .box2-img-container-inv {
    background-color:#003177;
}
.box3-img-container {
    background-color:#003177;
}
.block3-a:hover .box3-img-container-inv {
    background-color:#003177;
}
.box3-description-container {
    border-bottom:3px solid #003177;
}
.box5-img-container, .box5-img-container-inv {
    background-color:#003177;
}
.block5-a:hover .box5-img-container-inv {
    background-color:#003177;
}
.comment-reply  a{
    background-color:#003177;
}
.button-buy-container a{
    background-color: #003177;
}
.nl-button {
    background-color: #003177;
}
.jcarousel-next:hover, .jcarousel-prev:hover {
    background-color:#003177;
}
.lp-item-caption-container a:hover {
    color: #003177;
}
.lp-item-text-container {
    border-bottom: 3px solid #003177;
}
.lp-item-caption-container a:hover {
    color: #003177;
}
.page-title-container {
    background-color:#003177;
}
.contact-mail a:hover{
    color:#003177;
}
.blog-item-title-cont a:hover {
    background-color:#003177;
}
.pagination-1 a:hover {
    background-color:#003177;
}
.pagination-1 a.pag-current {
    background:#003177;
}
.skill-bar-content {
    background: #003177;
}
.tag-cloud a:hover {
    background-color:#003177;
}
.comment-name a:hover{
    color:#003177;
}
.dropcap4 {
    background: none repeat scroll 0 0 #003177;
}
#toggle-view .ui-accordion-header:hover {
    color:#003177;
}
.box-icon i {
    background-color:#003177;
}
.latest-post h4 a:hover {
    color:#003177;
}
.footer-mail a:hover{
    color:#003177;
}
.price-col-main .price-container {
    background-color:#003177;
}
.pt-col-main {
    background-color:#003177;

}
h1.pt-col-main {
    background-color:#003177;
    color:#fff;
}
.button.gray:hover {
    background-color:#003177; /*Change color*/
}
.view a.link {
    background-color: #003177;
}
.view a.zoom {
    background-color: #003177;
}
.hover-item:hover .lw-item-caption-container a:hover {
    color:#003177 !important;
}
.blog-item-date-cont  {
    background-color:#003177;
}
.blog-categories li a:hover{
    color:#003177;
}
.blog-categories li a:hover .blog-cat-icon{
    background-color:#003177;
}
.blog-categories li.active .blog-cat-icon{
    background-color:#003177;
}
.latest-post-sidebar img:hover {
    border-color: #003177;
}
.ui-accordion-header:hover a{
    color:#003177;
}
.ui-accordion-header:hover span{
    background-color: #003177;
}
.ui-accordion-header-active span {
    background-color: #003177;
}
.latest-post h4 a:hover {
    color:#003177;
}
.footer-mail a:hover{
    color:#003177;
}
#footer-nav li a:hover {
    color:#003177;
}
a.author:hover {
    color:#003177;
}
.tweet_text a:hover, .tweet_time a:hover {
    color:#003177;
}
.button {
    background-color:#003177;
}
a {
    color: #003177;
}
.a-invert:hover{
    color: #003177;
}
.button.get-theme {
    background-color:#003177;
}
.view a.link {
    background-color: #003177;
}
.view a.zoom {
    background-color: #003177;
}
.hover-item:hover .lw-item-caption-container a:hover {
    color:#003177 !important;
}
#back-top a:hover {
    background-color: #003177;
}


/**************SLIDER 5******************/
#sequence-theme .nav li img.active   {
    border-top: 5px solid #003177;
}
#sequence-theme .next,
#sequence-theme .prev {
    background-color:#003177;
}
.sequence-theme-6 #sequence-theme .next,
.sequence-theme-6 #sequence-theme .prev {
    background-color:#535961;
}
.sequence-theme-6 #sequence-theme .next:hover,
.sequence-theme-6 #sequence-theme .prev:hover {
    background-color:#003177;
}
#sequence-theme .main-text {
    border-left:5px solid #003177;
}
#sequence-theme .color {
    color:#003177;
}

.phone-link {
    background: none repeat scroll 0 0 #003177;
    color: #fff;
    font-size: 15px;
    line-height: 38px;
    padding-left: 15px;
    width:190px;
    position:relative;
    top:-25px;
}

.padding-bottom-40{
    padding-bottom:40px;
}



@media (min-width: 768px) and (max-width: 980px) {
    #main-nav a {
        font-size:12px !important;
        margin-left:15px;
        margin-right:5px;
    }
    .header-logo-container {
        margin-left:-10px !important;
    }
    .header-rl-container {
        width:723px !important;
    }
    .flex-caption {
        left:-10px !important;
    }
}

.page-content {
    min-height: 430px;
}

footer{
    width:940px;
    margin:0 auto;
}

form.contact-form input {
    border:1px solid gray;
}

form.contact-form textarea {
    border:1px solid gray;
}

p {
    line-height:1.3 !important;
}

.no-margin {
    margin:0;
}


/**************Datenschutz******************/
.datenschutz {
    font-size:16px;
}
p.datenschutz {
    margin:0 0 25px 0;
}
h2.datenschutz {
    font-weight:bold;
    line-height:1;
    margin: 0 0 10px 0;
}