.landscape-game-template-php #main > .container > .row {
    background: transparent;
}

.landscape-game-template-php #under-navigation {
    margin-bottom: 0;
}

.full-width {

	padding-top: 30px;
    padding-bottom: 80px;
}

#lg-slider {
    background-color: #F2F2F2;
    padding: 10px 0 0;
    position: relative;
}

#lg-slideshow {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

.text-center {
    text-align: center;
}

#a-publications, #a-blogs {
    padding-top: 30px;
    padding-bottom: 50px;
}

#a-photos {
    padding-top: 10px;
    padding-bottom: 50px;
}

#a-dgs-blog {
    padding-top: 30px;
    padding-bottom: 80px;
}
/*
#a-blogs {
    background-color: #f7f7f7;
}
*/

.lg-subtitle {
    color: #a3a3a3;
    font-size: 20px;
    line-height: 131%;
    margin: auto auto -50px;
    position: relative;
    width: 66%;
    z-index: 10;
}

.text-orange {
    color: #dd4226 !important;
}

.dark-green {
    color: #1e6964;
}

.lg-feature-title {
    font-family: "helvetica neue", helvetica, arial, sans-serif;
    font-weight: bold;
}

.lg-quick-action-wrapper {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.76);
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 4;
}

.bb-slider {
    padding: 0 75px;
}

.bb-slider .carousel-control {
    background: transparent;
    border-radius: none;
    border: none;
}

.list-unstyled {
    margin: 0;
    list-style: none;
    padding: 0;
}

.lg-quick-action {
    font-size: 16px;
    text-transform: uppercase;
    padding: 24px 0;
}

.lg-quick-action li {
    display: inline-block;
    margin: 0 23px;
}

.carousel-indicators {
    position: absolute;
    bottom: -54px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #A2A2A2;
    border-radius: 10px;
}

.carousel-indicators.pager-thumb {
    bottom: -96px;
}

.carousel-indicators.pager-thumb li {
    opacity: 0.3;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.carousel-indicators.pager-thumb li:hover {
    opacity: 1;
}

.carousel-indicators.pager-thumb li.active {
    opacity: 1;
}

.carousel-indicators.pager-thumb li {
    display: inline-block;
    width: auto;
    height: auto;
    margin: -1px;
    text-indent: 0px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    border-radius: 0;
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #A2A2A2;
    left: unset;
    display: inline-block;
}

.thumb-right {
    margin-bottom: 38px;
}

.thumb-right .span8 {
    margin-left: 0;
}

.thumb-right .span4 {
    float: right;
    margin-left: 3.84615%;
}

#logo {
    display: inline-block;
    float: left;
    font-weight: bold;
    margin-bottom: 16px;
    margin-top: 16px;
    text-transform: uppercase;
}

#logo img {
    width: 80%;
}

.main-menu li {
    display: inline-block;
    vertical-align: top;
    margin-left: 18px;
}

#navigation-header {
    padding: 0 20px;
    background: none repeat scroll 0 0 #545454;
    padding: 0;
}

#navigation-header .container {
    border: none;
}

.sticky-nav {
    background-color: #545454;
    z-index: 1000;
}

.main-menu {
    margin-top: 15px;
}

.main-menu li a {
    font-size: 13px;
    text-transform: uppercase;
    display: block;
}

.lg-play-now {
    border: 2px solid #333333;
    border-radius: 3px;
    padding: 7px 18px;
}

#a-welcome {
    padding-top: 30px;
    padding-bottom: 30px;
}

.widget_ultimate_posts li p.entry-title {
    margin-bottom: 0;
}

#a-video-screenshots {
    padding-top: 30px;
    padding-bottom: 30px;
}

ul.bb-lists-news {
    margin-left: -2%;
    padding: 0 20px;
    margin-top: 50px;
}

ul.bb-lists-news li {
    width: 31%;
    display: inline-block;
    vertical-align: top;
    margin-left: 2%;
}

.news-info {
    margin-left: 76px;
}

.bb-img-placholder {
    float: left;
    margin-right: 12px;
    width: 20%;
}

.bb-circle-wrapper {
    position: relative;
}

.bb-circle-big {
    background-color: #6abb59;
    border-radius: 50%;
    height: 160px;
    left: 30%;
    padding: 20px;
    position: absolute;
    text-align: center;
    width: 160px;
    -webkit-transform: rotate(-17deg);
    -moz-transform: rotate(-17deg);
    -ms-transform: rotate(-17deg);
    -o-transform: rotate(-17deg);
    transform: rotate(-17deg);
}

.bb-circle-small {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    border-radius: 50%;
    color: #ffffff;
    font-size: 35px;
    height: 80px;
    left: 20%;
    line-height: 73px;
    position: absolute;
    text-align: center;
    top: 110px;
    width: 80px;
    z-index: 2;
}

.bb-title-year {
    color: #ffffff;
    font-size: 51px;
    font-weight: bold;
    line-height: 59px;
    margin-top: 23px;
}

.bb-sub-title {
    color: #326322;
}

.post-date {
    color: #999999;
    display: block;
    font-family: "Helvetica";
    font-size: 11px;
    height: 15px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

#a-about {
    padding-bottom: 30px;
    padding-top: 30px;
}

.lg-logo-partner li {
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle;
}

.lg-video-list {
    margin-left: -2%;
    padding: 0 20px;
}

.lg-video-list li {
    display: inline-block;
    margin-left: 2%;
    vertical-align: top;
    width: 47%;
}

.lg-img-placeholder {
    float: left;
    margin-right: 3%;
    margin-top: 17px;
    width: 41%;
    position: relative;
}

#owl-lg-screenshot {
    margin: 30px auto 0;
    width: 86%;
}

.owl-pagination {
    margin-top: 22px;
}

.lg-vid-desc > h3 {
    line-height: normal;
}

.lg-vid-desc {
    margin-left: 47%;
}

.testimonial-wrapper {
    margin: auto;
    width: 80%;
}

.owl-theme .owl-controls .owl-buttons .owl-prev:hover, .owl-theme .owl-controls .owl-buttons .owl-next:hover {
    opacity: 1;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
    background-color: #ffffff;
    background-image: url("img/arrow_prev.gif");
    background-position: center center;
    background-repeat: no-repeat;
    height: 61px;
    left: -60px;
    position: absolute;
    text-align: left;
    text-indent: -9999px;
    top: 67px;
    width: 27px;
    opacity: 0.9;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
    background-color: #ffffff;
    background-image: url("img/arrow_next.gif");
    background-position: center center;
    background-repeat: no-repeat;
    height: 61px;
    right: -60px;
    position: absolute;
    text-align: left;
    text-indent: -9999px;
    top: 67px;
    width: 27px;
    opacity: 0.9;
}

.m-has-head-title {
    font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #2d6662;
}

.lg-photo-testimonial li {
    display: inline-block;
    margin: 0 4px;
    text-align: left;
    vertical-align: middle;
}

.img-pic {
    width: 7%;
}

#a-download {
    padding: 30px 0;
}

.lead-16 {
    font-size: 16px;
    line-height: 1.6em;
}

.lead-18 {
    font-size: 18px;
    line-height: 1.5em;
}

.lead-20 {
    font-size: 20px;
    line-height: 1.4em;
}

.lead-22 {
    font-size: 22px;
    line-height: 1.4em;
}

#a-testimonial {
    background-color: #d5e0e0;
    padding: 30px 0;
}

.testimonial-content {
    line-height: 25px;
    text-align: center;
}

.m-margin-top-minus-15 {
    margin-top: -15px !important;
}

.m-margin-top-minus-10 {
    margin-top: -10px !important;
}

.m-margin-top-minus-5 {
    margin-top: -5px !important;
}

.m-margin-top-5 {
    margin-top: 5px !important;
}

.m-margin-top-10 {
    margin-top: 10px !important;
}

.m-margin-top-15 {
    margin-top: 15px !important;
}

.m-margin-top-30 {
    margin-top: 30px !important;
}

.m-margin-bottom-5 {
    margin-bottom: 5px !important;
}

.m-margin-bottom-10 {
    margin-bottom: 10px !important;
}

.m-margin-bottom-15 {
    margin-bottom: 15px !important;
}

.m-margin-bottom-20 {
    margin-bottom: 20px !important;
}

.m-margin-bottom-25 {
    margin-bottom: 25px !important;
}

.m-margin-bottom-30 {
    margin-bottom: 30px !important;
}

.m-margin-bottom-35 {
    margin-bottom: 35px !important;
}

.m-margin-bottom-40 {
    margin-bottom: 40px !important;
}

.m-margin-bottom-50 {
    margin-bottom: 50px !important;
}

.m-margin-bottom-60 {
    margin-bottom: 60px !important;
}

.m-margin-bottom-70 {
    margin-bottom: 70px !important;
}

.m-margin-bottom-80 {
    margin-bottom: 80px !important;
}

.m-margin-bottom-90 {
    margin-bottom: 90px !important;
}

.m-margin-bottom-100 {
    margin-bottom: 100px !important;
}

.m-opacity-25 {
    opacity: 0.25 !important;
}

.m-opacity-50 {
    opacity: 0.5 !important;
}

.m-opacity-70 {
    opacity: 0.7 !important;
}

.m-padding-top-30,
.m-padding-top-bottom-30 {
    padding-top: 30px !important;
}

.m-padding-top-40,
.m-padding-top-bottom-40 {
    padding-top: 40px !important;
}

h1.m-has-border:after,
.h1.m-has-border:after,
h2.m-has-border:after,
.h2.m-has-border:after,
h3.m-has-border:after,
.h3.m-has-border:after,
h4.m-has-border:after,
.h4.m-has-border:after,
h5.m-has-border:after,
.h5.m-has-border:after,
h6.m-has-border:after,
.h6.m-has-border:after {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

h1.m-has-border:after, .h1.m-has-border:after, h2.m-has-border:after, .h2.m-has-border:after, h3.m-has-border:after, .h3.m-has-border:after, h4.m-has-border:after, .h4.m-has-border:after, h5.m-has-border:after, .h5.m-has-border:after, h6.m-has-border:after, .h6.m-has-border:after {
    background: none repeat scroll 0 0 #21252b;
}

.text-center h1.m-has-short-border:after, .m-text-center .h1.m-has-short-border:after, .text-center h2.m-has-short-border:after, .text-center .h2.m-has-short-border:after, .text-center h3.m-has-short-border:after, .text-center .h3.m-has-short-border:after, .text-center h4.m-has-short-border:after, .text-center .h4.m-has-short-border:after, .text-center h5.m-has-short-border:after, .text-center .h5.m-has-short-border:after, .text-center h6.m-has-short-border:after, .text-center .h6.m-has-short-border:after {
    left: 50%;
    margin: 0 0 0 -25px;
}

h1.m-has-short-border:after, .h1.m-has-short-border:after, h2.m-has-short-border:after, .h2.m-has-short-border:after, h3.m-has-short-border:after, .h3.m-has-short-border:after, h4.m-has-short-border:after, .h4.m-has-short-border:after, h5.m-has-short-border:after, .h5.m-has-short-border:after, h6.m-has-short-border:after, .h6.m-has-short-border:after {
    width: 50px;
}

h1.m-has-tall-border:after,
.h1.m-has-tall-border:after,
h2.m-has-tall-border:after,
.h2.m-has-tall-border:after,
h3.m-has-tall-border:after,
.h3.m-has-tall-border:after,
h4.m-has-tall-border:after,
.h4.m-has-tall-border:after,
h5.m-has-tall-border:after,
.h5.m-has-tall-border:after,
h6.m-has-tall-border:after,
.h6.m-has-tall-border:after {
    height: 4px;
}

h1.m-has-short-border.m-pull-right:after,
.h1.m-has-short-border.m-pull-right:after,
h2.m-has-short-border.m-pull-right:after,
.h2.m-has-short-border.m-pull-right:after,
h3.m-has-short-border.m-pull-right:after,
.h3.m-has-short-border.m-pull-right:after,
h4.m-has-short-border.m-pull-right:after,
.h4.m-has-short-border.m-pull-right:after,
h5.m-has-short-border.m-pull-right:after,
.h5.m-has-short-border.m-pull-right:after,
h6.m-has-short-border.m-pull-right:after,
.h6.m-has-short-border.m-pull-right:after {
    left: auto;
    right: 0;
}

h1.m-has-border, .h1.m-has-border, h2.m-has-border, .h2.m-has-border, h3.m-has-border, .h3.m-has-border, h4.m-has-border, .h4.m-has-border, h5.m-has-border, .h5.m-has-border, h6.m-has-border, .h6.m-has-border {
    margin-bottom: 25px;
    padding-bottom: 25px;
    position: relative;
}

.m-uppercase {
    text-transform: uppercase;
}

.m-letter-spacing {
    letter-spacing: 1px;
}

.m-letter-spacing-2 {
    letter-spacing: 2px;
}

.m-letter-spacing-3 {
    letter-spacing: 3px;
}

.m-letter-spacing-4 {
    letter-spacing: 4px;
}

.m-weight-bold {
    font-weight: bold;
}

.download-game-wrapper, .play-now-wrapper {
    display: table;
    height: 100%;
    width: 100%;
}

.download-game-wrapper p {
    margin-bottom: 0;
}

.platform-icon, .platform-desc {
    display: table-cell;
    padding: 0 4px;
    text-align: left;
    vertical-align: middle;
}

.play-now-content {
    display: table-cell;
    vertical-align: bottom;
}

.downloads-any li {
    display: inline-block;
    margin-right: 18px;
    vertical-align: top;
}

.lg-btn-default {
    border-radius: 3px;
    padding: 10px 14px;
    background: none repeat scroll 0 0 #eaeaea;
}

.platform-icon {
    color: #ffffff;
    font-size: 28px;
}

.lg-btn {
}

.lg-btn-line {
    background: none repeat scroll 0 0 transparent;
    border: 2px solid #333333;
    padding: 19px 90px;
}

.lg-btn:hover {
    background: none repeat scroll 0 0 #4d4d4d;
    color: #ffffff;
}

.bg-blue {
    background-color: #1aa1e1;
}

.tooltip-inner {
    padding: 8px 9px;
    background-color: #40ac48;
    font-size: 14px;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);

    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=true, ShadowOpacity=0.30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
    zoom: 1;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #40ac48;
}

.tooltip.top .tooltip-arrow {
    bottom: 0px;
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -15px;
}

.download-v-line {
    position: relative;
}

.download-v-line:before {
    background: none repeat scroll 0 0 #d7d7d7;
    content: "";
    display: block;
    height: 100%;
    left: 67.4%;
    position: absolute;
    top: 0;
    width: 1px;
}

#navigation-header .btn {
    font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
    margin-top: 10px;
}

.bb-slide-img-ph {
    margin-bottom: 20px;
}

#navigation-header .btn-navbar {
    position: absolute;
    right: 24px;
    visibility: hidden;
}

.lg-nav-collapse {
    overflow: inherit;
}

.bb-slide-img-ph img {
    -webkit-box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.5);
    box-shadow: 0 8px 10px -6px rgba(0, 0, 0, 0.5);
}

/* ==========================================================================
   Gallery style
   ========================================================================== */

#gallery-list {
    margin: 0 0 0 0;
    list-style: none;
    padding: 0;
}

.gallery-item {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
    vertical-align: top;
    width: 22.6%;
}

.gallery-item p {
    margin-bottom: 0;
}

.gallery-item a {
    color: #FFffff;
}

[id^="gallery"] [class*="col"], [id^="campaign-summary"] [class*="col"] {
    padding-left: 0;
    padding-right: 0;
}

.issue-headtitle {
    font-weight: 700;
}

.float-over-top-center {
    padding-left: 3em;
    padding-right: 3em;
    position: absolute !important;
    top: 28%;
}

.bg-brand-tertiary {
    background: none repeat scroll 0 0 #ec601c;
}

.bg-brand-tertiary h1, .bg-brand-tertiary h2, .bg-brand-tertiary h3, .bg-brand-tertiary h4, .bg-brand-tertiary h5, .bg-brand-tertiary h6 {
    color: #ffffff !important;
}

.pi-overlay-slide {
    background: rgba(22, 85, 81, 0.1);
    background: -moz-linear-gradient(top, rgba(22, 85, 81, 0) 0%, rgba(22, 85, 81, 0.7) 40%, rgba(22, 85, 81, 0.9) 100%);
    /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(22, 85, 81, 0)), color-stop(40%, rgba(22, 85, 81, 0.7)), color-stop(100%, rgba(22, 85, 81, 0.9)));
    /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, rgba(22, 85, 81, 0) 0%, rgba(22, 85, 81, 0.7) 40%, rgba(22, 85, 81, 0.9) 100%);
    /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, rgba(22, 85, 81, 0) 0%, rgba(22, 85, 81, 0.7) 40%, rgba(22, 85, 81, 0.9) 100%);
    /* Opera 11.10+ */

    background: -ms-linear-gradient(top, rgba(22, 85, 81, 0) 0%, rgba(22, 85, 81, 0.7) 40%, rgba(22, 85, 81, 0.9) 100%);
    /* IE10+ */

    background: linear-gradient(to bottom, rgba(22, 85, 81, 0) 0%, rgba(22, 85, 81, 0.7) 40%, rgba(22, 85, 81, 0.9) 100%);
    /* W3C */

}

.pi-gallery.pi-liquid-col-sm-2 .pi-gallery-item, .pi-gallery.pi-liquid-col-sm-3 .pi-gallery-item, .pi-gallery.pi-liquid-col-sm-4 .pi-gallery-item, .pi-gallery.pi-liquid-col-sm-5 .pi-gallery-item, .pi-gallery.pi-liquid-col-sm-6 .pi-gallery-item {
    float: left;
}

.pi-gallery:before, .pi-gallery:after {
    content: " ";
    display: table;
}

.pi-gallery:after {
    clear: both;
}

.pi-gallery.pi-stacked .pi-gallery-item, .pi-gallery.pi-stacked .pi-gallery-item .pi-img-w {
    margin: 0 !important;
}

.pi-img-w {
    position: relative;
}

.pi-img-w img {
    display: inline-block;
    position: relative;
    width: 100%;
    z-index: 1;
}

.pi-img-with-overlay {
    overflow: hidden;
    position: relative;
}

.pi-img-overlay {
    -webkit-backface-visibility: hidden;
    display: block;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    opacity: 0;
    padding: 20px;
    text-align: left;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.pi-overlay-slide {
    opacity: 1;
    top: auto;
}

.pi-img-overlay p {
    color: #dedede;
    line-height: normal;
    float: left;
    width: 100%
}

.pi-link-white {
    float: left;
}

.gallery-item h4 {
    float: left;
    width: 100%;
}

.photo-1, .photo-2 {
    width: 49.8%;
}

.photo-3, .photo-4, .photo-5 {
    margin-top: 3px;
    width: 33.08%;
}

.fb-tw-wrapper {
    padding: 0 20px;
    margin-bottom: 80px;
}

.social-box-wrapper a {
    color: rgba(0, 0, 0, 0.56);
}

.box-twitter {
    background: none repeat scroll 0 0 #3ec7f5;
    position: relative;
}

.box-facebook {
    background: none repeat scroll 0 0 #3b5999;
    position: relative;
}

.box-twitter:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #3ec7f5 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 35px 0 14px 26px;
    bottom: -48px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.box-facebook:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #3b5999 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 35px 0 14px 26px;
    bottom: -48px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0;
}

.social-date {
    font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 13px;
    text-transform: uppercase;
}

.social-box-wrapper {
    color: #ffffff;
    font-family: CerebriSans, Times New Roman;
    font-size: 17px;
    padding: 20px;
    position: relative;
}

.box-twitter:after {
    content: "\f099";
    bottom: 15px;
    color: rgba(255, 255, 255, 0.75);
    font-family: fontawesome;
    font-size: 24px;
    position: absolute;
    right: 13px;
}

.box-facebook:after {
    content: "\f09a";
    bottom: 15px;
    color: rgba(255, 255, 255, 0.75);
    font-family: fontawesome;
    font-size: 24px;
    position: absolute;
    right: 13px;
}

.social-box-wrapper .carousel-inner .item p {
    line-height: 29px;
    margin-bottom: 0;
}

.social-box-wrapper .carousel {
    margin-bottom: 0;
}

.social-box-wrapper .carousel-indicators {
    bottom: -65px;
    left: 92%;
}

.social-link {
    bottom: -54px;
    font-size: 14px;
    left: 38px;
    position: absolute;
}

.welcome-text {
    padding-right: 20px;
}

.m-section {
    position: relative;
}

.m-section-parallax {
    background-position: center 0%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    vertical-align: middle;
    z-index: 1;
}

.parallax-overlay {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.row-fluid {
    position: relative;
}

.welcome-badge-wrap {
    width: 260px;
    position: relative;
    left: 50%;
    margin-left: -130px;
}

.m-padding-top-5 {
    padding-top: 5px !important;
}

.m-padding-top-10 {
    padding-top: 10px !important;
}

.m-padding-top-15 {
    padding-top: 15px !important;
}

.m-padding-top-20 {
    padding-top: 20px !important;
}

.m-padding-top-30 {
    padding-top: 30px !important;
}

.m-padding-top-40 {
    padding-top: 40px !important;
}

.m-padding-top-50 {
    padding-top: 50px !important;
}

.m-padding-top-60 {
    padding-top: 60px !important;
}

.m-padding-top-70 {
    padding-top: 80px !important;
}

.m-padding-top-80 {
    padding-top: 80px !important;
}

.m-padding-top-90 {
    padding-top: 90px !important;
}

.m-padding-top-100 {
    padding-top: 100px !important;
}

.m-padding-top-110 {
    padding-top: 110px !important;
}

.m-padding-top-120 {
    padding-top: 120px !important;
}

.m-padding-top-130 {
    padding-top: 130px !important;
}

.m-padding-top-130 {
    padding-top: 130px !important;
}

.m-padding-top-140 {
    padding-top: 140px !important;
}

.m-padding-top-150 {
    padding-top: 150px !important;
}

.m-padding-top-160 {
    padding-top: 160px !important;
}

.m-padding-top-170 {
    padding-top: 170px !important;
}

.m-padding-top-180 {
    padding-top: 180px !important;
}

.m-padding-top-190 {
    padding-top: 190px !important;
}

.m-padding-top-200 {
    padding-top: 200px !important;
}

.m-padding-top-210 {
    padding-top: 210px !important;
}

.m-padding-bottom-10 {
    padding-bottom: 10px !important;
}

.m-padding-bottom-15 {
    padding-bottom: 15px !important;
}

.m-padding-bottom-20 {
    padding-bottom: 20px !important;
}

.m-padding-bottom-30 {
    padding-bottom: 30px !important;
}

.m-padding-bottom-40 {
    padding-bottom: 40px !important;
}

.m-padding-bottom-50 {
    padding-bottom: 50px !important;
}

.m-padding-bottom-60 {
    padding-bottom: 60px !important;
}

.m-padding-bottom-70 {
    padding-bottom: 70px !important;
}

.m-padding-bottom-80 {
    padding-bottom: 80px !important;
}

.m-padding-bottom-90 {
    padding-bottom: 90px !important;
}

.m-padding-bottom-100 {
    padding-bottom: 100px !important;
}

.m-padding-bottom-110 {
    padding-bottom: 110px !important;
}

.m-padding-bottom-120,
.m-padding-top-bottom-120 {
    padding-bottom: 120px !important;
}

.m-padding-bottom-130 {
    padding-bottom: 130px !important;
}

.m-margin-top-min-15 {
    margin-top: -15px !important;
}

.m-margin-top-min-10 {
    margin-top: -10px !important;
}

.m-margin-top-min-5 {
    margin-top: -5px !important;
}

.m-margin-top-0 {
    margin-top: 0 !important;
}

.m-margin-top-5 {
    margin-top: 5px !important;
}

.m-margin-top-10 {
    margin-top: 10px !important;
}

.m-margin-top-15 {
    margin-top: 15px !important;
}

.m-margin-top-20 {
    margin-top: 20px !important;
}

.m-margin-top-25 {
    margin-top: 25px !important;
}

.m-margin-top-30 {
    margin-top: 30px !important;
}

.m-margin-top-40 {
    margin-top: 40px !important;
}

.m-margin-top-50 {
    margin-top: 50px !important;
}

.m-margin-bottom-0 {
    margin-bottom: 0 !important;
}

.m-margin-bottom-5 {
    margin-bottom: 5px !important;
}

.m-margin-bottom-10 {
    margin-bottom: 10px !important;
}

.m-margin-bottom-15 {
    margin-bottom: 15px !important;
}

.m-margin-bottom-20 {
    margin-bottom: 20px !important;
}

.m-margin-bottom-25 {
    margin-bottom: 25px !important;
}

.m-margin-bottom-30 {
    margin-bottom: 30px !important;
}

.m-margin-bottom-35 {
    margin-bottom: 35px !important;
}

.m-margin-bottom-40 {
    margin-bottom: 40px !important;
}

.m-margin-bottom-50 {
    margin-bottom: 50px !important;
}

.m-margin-bottom-60 {
    margin-bottom: 60px !important;
}

.m-margin-bottom-70 {
    margin-bottom: 70px !important;
}

.m-margin-bottom-80 {
    margin-bottom: 80px !important;
}

.m-margin-bottom-90 {
    margin-bottom: 90px !important;
}

.m-margin-bottom-100 {
    margin-bottom: 100px !important;
}

.m-margin-left-20 {
    margin-left: 20px !important;
}

/* ==========================================================================
   Responsive style start here
   ========================================================================== */

@media (max-width: 1168px) {
    .right-menu {
        display: none;
    }
}

@media (max-width: 767px) {
    .lg-btn-navbar {
        display: block;
    }

    #navigation-header .btn-navbar {
        visibility: visible;
    }

    #navigation-header .container {
        padding: 0 20px;
        position: relative;
    }

    .lg-nav-collapse {
        display: block;
        float: left;
        width: 100%;
    }

    .lg-nav-collapse {
        display: block;
        float: left;
        width: 100%;
    }

    .lg-nav-collapse {
        overflow: hidden;
    }

    .mega-menu {
        width: 100%;
    }

    .lg-subtitle {
        font-size: 18px;
    }

    .lg-play-now {
        line-height: 48px;
    }

    #a-publications {
        background-image: none;
    }

    .lg-publications-wrapper {
        padding: 0 20px;
    }

    .lg-publications-list {
        margin-right: 0;
        width: 100%;
    }

    .lg-vid-desc {
        margin-left: 43%;
    }

    .lg-video-list li {
        width: 100%;
        margin-bottom: 20px;
    }

    .lg-quick-action {
        font-size: 14px;
        padding: 16px 0;
        text-transform: uppercase;
    }

    .lg-quick-action li {
        display: inline-block;
        margin: 0 8px;
    }

    .download-v-line:before {
        background: transparent;
    }

    .downloads-any li {
        margin-bottom: 20px;
        margin-right: 0;
        display: block;
    }

    .downloads-any .lg-btn {
        width: 80%;
    }

    .bb-slider {
        padding: 0 55px;
    }

    .welcome-text {
        padding: 0 20px;
    }

    ul.bb-lists-news li {
        width: 100%;
    }

    .welcome-text {
        padding-top: 199px;
    }

    .bb-circle-small {
        left: 22%;
    }

    .photo-1, .photo-2 {
        width: 49.7%;
    }

    .photo-3, .photo-4, .photo-5 {
        margin-top: 3px;
        width: 32.95%;
    }
}

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

    .bb-circle-small {
        left: 9%;
        top: 153px;
    }

    .bb-circle-big {
        left: 14%;
    }

    .bb-lists-news.unstyled li {
        width: 47%;
    }

    .news-info {
        margin-left: 23%;
    }

    .photo-1, .photo-2 {
        width: 49.7%;
    }

    .photo-3, .photo-4, .photo-5 {
        margin-top: 3px;
        width: 33%;
    }

}

@media (max-width: 980px) {
    .mega-menu {
        width: 100%;
    }

    .main-menu li {
        border-bottom: 1px dotted #eaeaea;
        display: block;
        float: left;
        margin-bottom: 9px;
        padding-bottom: 10px;
        width: 100%;
        margin-left: 0;
    }

    .main-menu li:last-child {
        border-bottom: none;
    }

    #navigation-header .btn-navbar {
        visibility: visible;
    }

    .collapse.in {
        height: auto;
    }

    .collapse {
        height: 0;
        overflow: hidden;
        position: relative;
        transition: height 0.35s ease 0s;
    }

    .lg-nav-collapse {
        float: left;
        width: 100%;
    }

    .main-menu li {
        width: 50%;
    }

    .social-box-wrapper {
        margin-bottom: 74px;
    }
}

@media (max-width: 620px) {
    .carousel-indicators.pager-thumb li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: -1px;
        text-indent: -9999px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid #A2A2A2;
        border-radius: 10px;
    }

    .carousel-indicators.pager-thumb li.active {
        background-color: #a2a2a2;
    }

    .carousel-indicators.pager-thumb {
        bottom: -56px;
    }

    #a-dgs-blog {
        padding-bottom: 40px;
    }

    .gallery-item {
        margin: 0;
        width: 100%;
    }

    .m-width-70 {
        width: 80%;
        margin: auto;
    }
}

@media (max-width: 480px) {
    .main-menu li {
        width: 100%;
    }

    h3.m-has-short-border {
        font-size: 14px;
    }

    .bb-slider {
        padding: 0 45px;
    }

    .carousel-control {
        left: 4px;
    }

    .carousel-control.right {
        right: 4px;
    }

    .welcome-text h2 {
        font-size: 21px;
        line-height: normal;
    }
}

/* Social style */

.social-icons {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 0;
    font-size: 0;
    /*	letter-spacing:-1px;*/

    -webkit-transition: margin-top 0.1s ease-in-out 0s;
    -moz-transition: margin-top 0.1s ease-in-out 0s;
    -ms-transition: margin-top 0.1s ease-in-out 0s;
    -o-transition: margin-top 0.1s ease-in-out 0s;
    transition: margin-top 0.1s ease-in-out 0s;
    -webkit-padding-start: 0;
}

.social-icons li {
    display: inline-block;
    font-size: 14px;
    letter-spacing: normal;
    line-height: normal;
    margin: 0 8px 8px 0;
    vertical-align: middle;
}

.social-icons li:last-child {
    margin-right: 0;
}

.m-section-white .social-icons li a {
    background: #F2F2F2;
    color: #696969;
}

.m-section-base .social-icons li a {
    background: #eef1f1;
    color: #696969;
}

.m-section-dark .social-icons li a {
    background: #eef1f1;
    color: #e7e7e7;
}

.m-section-white .social-icons.si-colored li a {
    color: #FFFFFF;
}

.m-section-white .social-icons.si-outline li a {
    background: rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 1px;
    border-color: #969696;
}

.m-section-base .social-icons.si-outline li a {
    background: rgba(0, 0, 0, 0);
    color: #FFFFFF;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
}

.m-section.full-header .social-icons.si-outline li a {
    background: rgba(0, 0, 0, 0);
    color: #FFFFFF;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
}

.m-section-dark .social-icons.si-outline li a {
    background: rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 1px;
    border-color: #969696;
}

.m-section-white .social-icons li a:hover, .m-section-base .social-icons li a:hover, .m-section-dark .social-icons li a:hover, .m-section.full-header .social-icons li a:hover {
    background: #0dc0c0;
    color: #ffffff;
    border-color: rgba(0, 0, 0, 0);
}

.social-icons.si-circle li a {
    border-radius: 50%;
}

.social-icons li a {
    display: block;
    position: relative;
    border-width: 0;
    border-radius: 2px;
    font-size: 18px;
    width: 42px;
    height: 42px;
    -webkit-transition: all 0.1s ease-in-out 0s;
    -moz-transition: all 0.1s ease-in-out 0s;
    -ms-transition: all 0.1s ease-in-out 0s;
    -o-transition: all 0.1s ease-in-out 0s;
    transition: all 0.1s ease-in-out 0s;
}

.social-icons li a i {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    -webkit-transition: top 0.1s ease-in-out 0s;
    -moz-transition: top 0.1s ease-in-out 0s;
    -ms-transition: top 0.1s ease-in-out 0s;
    -o-transition: top 0.1s ease-in-out 0s;
    transition: top 0.1s ease-in-out 0s;
}

.social-icons.si-small li a {
    font-size: 14px;
    height: 32px;
    width: 32px;
}

.social-icons.si-small li a i {
    height: 32px;
    line-height: 32px;
    width: 32px;
}

.social-icons li a i:first-child {
    top: -42px;
}

.social-icons li a:hover i:last-child {
    top: 42px;
}

.social-icons li a:hover i:first-child, .social-icons li a:hover i:first-child, .social-icons li a:hover i:first-child {
    top: 0;
}

.social-icons a, .social-icons a:hover {
    text-decoration: none;
    border: 0;
    overflow: hidden;
}

.social-icons.si-has-color li a.social-icon-rss:hover, .social-icons.si-colored li a.social-icon-rss {
    background: #ea6d19 !important;
}

.social-icons.si-has-color li a.social-icon-google-plus:hover, .social-icons.si-colored li a.social-icon-google-plus {
    background: #dd4b39 !important;
}

.social-icons.si-has-color li a.social-icon-github:hover, .social-icons.si-colored li a.social-icon-github {
    background: #1E1D1D !important;
}

.social-icons.si-has-color li a.social-icon-linkedin:hover, .social-icons.si-colored li a.social-icon-linkedin {
    background: #0a6594 !important;
}

.social-icons.si-has-color li a.social-icon-instagram:hover, .social-icons.si-colored li a.social-icon-instagram {
    background: #734A36 !important;
}

.social-icons.si-has-color li a.social-icon-maxcdn:hover, .social-icons.si-colored li a.social-icon-maxcdn {
    background: #F5AD35 !important;
}

.social-icons.si-has-color li a.social-icon-renren:hover, .social-icons.si-colored li a.social-icon-renren {
    background: #005CA8 !important;
}

.social-icons.si-has-color li a.social-icon-trello:hover, .social-icons.si-colored li a.social-icon-trello {
    background: #216884 !important;
}

.social-icons.si-has-color li a.social-icon-stack-overflow:hover, .social-icons.si-colored li a.social-icon-stack-overflow {
    background: #F47A20 !important;
}

.social-icons.si-has-color li a.social-icon-weibo:hover, .social-icons.si-colored li a.social-icon-weibo {
    background: #D52B2B !important;
}

.social-icons.si-has-color li a.social-icon-foursquare:hover, .social-icons.si-colored li a.social-icon-foursquare {
    background: #239BCF !important;
}

.social-icons.si-has-color li a.social-icon-gittip:hover, .social-icons.si-colored li a.social-icon-gittip {
    background: #634B3F !important;
}

.social-icons.si-has-color li a.social-icon-pagelines:hover, .social-icons.si-colored li a.social-icon-pagelines {
    background: #1563B2 !important;
}

.social-icons.si-has-color li a.social-icon-skype:hover, .social-icons.si-colored li a.social-icon-skype {
    background: #01ADED !important;
}

.social-icons.si-has-color li a.social-icon-vimeo-square:hover, .social-icons.si-colored li a.social-icon-vimeo-square {
    background: #1BB6EC !important;
}

.social-icons.si-has-color li a.social-icon-youtube:hover, .social-icons.si-colored li a.social-icon-youtube {
    background: #DE2825 !important;
}

.social-icons.si-has-color li a.social-icon-bitcoin:hover, .social-icons.si-colored li a.social-icon-bitcoin {
    background: #F7931A !important;
}

.social-icons.si-has-color li a.social-icon-dropbox:hover, .social-icons.si-colored li a.social-icon-dropbox {
    background: #007EE6 !important;
}

.social-icons.si-has-color li a.social-icon-pinterest:hover, .social-icons.si-colored li a.social-icon-pinterest {
    background: #CF0805 !important;
}

.social-icons.si-has-color li a.social-icon-stack-exchange:hover, .social-icons.si-colored li a.social-icon-stack-exchange {
    background: #225396 !important;
}

.social-icons.si-has-color li a.social-icon-tumblr:hover, .social-icons.si-colored li a.social-icon-tumblr {
    background: #34465D !important;
}

.social-icons.si-has-color li a.social-icon-xing:hover, .social-icons.si-colored li a.social-icon-xing {
    background: #005D5D !important;
}

.social-icons.si-has-color li a.social-icon-flickr:hover, .social-icons.si-colored li a.social-icon-flickr {
    background: #FF0084 !important;
}

.social-icons.si-has-color li a.social-icon-bitbucket:hover, .social-icons.si-colored li a.social-icon-bitbucket {
    background: #1F5182 !important;
}

.social-icons.si-has-color li a.social-icon-facebook:hover, .social-icons.si-colored li a.social-icon-facebook {
    background: #3C5A98 !important;
}

.social-icons.si-has-color li a.social-icon-twitter:hover, .social-icons.si-colored li a.social-icon-twitter {
    background: #1AB2E8 !important;
}

.social-icons.si-has-color li a.social-icon-dribbble:hover, .social-icons.si-colored li a.social-icon-dribbble {
    background: #E04C86 !important;
}

.social-icons.si-has-color li a.social-icon-yelp:hover, .social-icons.si-colored li a.social-icon-yelp {
    background: #BF2519 !important;
}

.m-section-dark .social-icons li a {
    background: rgba(0, 0, 0, 0.61);
    color: #e7e7e7;
}

.social-icons li {
    display: inline-block;
    font-size: 14px;
    letter-spacing: normal;
    line-height: normal;
    margin: 0 15px 13px 0;
    vertical-align: middle;
}

/*--------------------------------------------------------------
## Line arrow
--------------------------------------------------------------*/

.line-arrow {
    position: absolute;
    overflow: hidden;
    display: inline-block;
    font-size: 12px;
    width: 1.4em;
    height: 1.4em;
    margin-top: -2em;
    top: 50%;
    margin-left: -0.7em;
}

.line-arrow.down {
    border-top: 2px solid #d6d6d6;
    border-right: 2px solid #d6d6d6;
    transform: rotate(54deg) skew(20deg);
}

.line-arrow:active,
.line-arrow.active {
    border-width: 2px;
}

.square {
    top: auto;
    bottom: 7px;
}

.square.down {
    transform: rotate(135deg);
}

/*--------------------------------------------------------------
## Right menu style
--------------------------------------------------------------*/

.right-menu {
    border-radius: 15px;
    position: fixed;
    right: 10px;
    top: 25%;
    z-index: 9999999;
    padding: 0 0 8px 1px;
    text-align: right;
}

.right-menu .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
}

.right-menu img {
    width: 150px;
    margin-bottom: 15px;
}

.right-menu .nav {
    border-right: 6px solid #222212;
    padding-right: 0;
    margin-right: 0;
}

.right-menu .nav a {
    padding-right: 16px;
    font-weight: bold;
    margin-right: -6px;
}

.right-menu .nav > li > a.active {

    border-right: 6px solid #6fc055;
}

#navigation-header .main-menu li a {
    color: #eaeaea;
}

#navigation-header .btn-navbar {
    position: absolute;
    right: 34px;
    visibility: visible;
    z-index: 10;
}

.lg-nav-collapse {
    padding-top: 52px;
}

.mega-menu {
    width: 100%;
}

.main-menu li {
    border-bottom: 1px dotted #eaeaea;
    display: block;
    float: left;
    margin-bottom: 9px;
    padding-bottom: 10px;
    width: 100%;
    margin-left: 0;
}

.main-menu li:last-child {
    border-bottom: none;
}

#navigation-header .btn-navbar {
    visibility: visible;
}

.collapse.in {
    height: auto;
}

.collapse {
    height: 0;
    overflow: hidden;
    position: relative;
    transition: height 0.35s ease 0s;
}

.lg-nav-collapse {
    float: left;
    width: 100%;
}

.main-menu li {
    width: 50%;
}

.social-box-wrapper {
    margin-bottom: 74px;
}

.m-width-70 {
    width: 70%;
    margin: auto;
}

.m-width-90 {
    width: 90%;
    margin: auto;
}

.m-width-100 {
    width: 100% !important;
}

.m-width-98 {
    width: 98%;
    margin: auto;
}

.m-width-90 {
    width: 90%;
    margin: auto;
}

.m-section-dark, .m-section-dark h3 {
    color: #ffffff;
}

.m-section-dark h1.m-has-border:after, .m-section-dark .h1.m-has-border:after, .m-section-dark h2.m-has-border:after, .m-section-dark .h2.m-has-border:after, .m-section-dark h3.m-has-border:after,
.m-section-dark .h3.m-has-border:after, .m-section-dark h4.m-has-border:after, .m-section-dark .h4.m-has-border:after, .m-section-dark h5.m-has-border:after, .m-section-dark .h5.m-has-border:after,
.m-section-dark h6.m-has-border:after, .m-section-dark .h6.m-has-border:after {
    background: none repeat scroll 0 0 #6abb59;
}

.social-share {
    text-align: center;
    padding-left: 15px;
    position: relative;
    margin-top: 15px;
    display: block;
    overflow: hidden;
}

.btn-twitter-single {
    background: #00acee;
    border-radius: 0;
    color: #fff;
}

.btn-twitter-single:link, .btn-twitter-single:visited {
    color: #fff;
}

.btn-twitter-single:active, .btn-twitter-single:hover {
    background: #0087bd;
    color: #fff;
    border-color: #00acee;
}

.btn-facebook-single {
    background: #3b5998;
    border-radius: 0;
    color: #fff;
}

.btn-facebook-single:link, .btn-facebook-single:visited {
    color: #fff;
}

.btn-facebook-single:active, .btn-facebook-single:hover {
    background: #30477a;
    color: #fff;
    border-color: #3b5998;
}

.share-top-btn {
    background: #D85757;
    color: #FFFFFF;
    border-radius: 0;
}

.btn.share-top-btn:hover, .btn.share-top-btn:focus {
    background-color: #C53A3A;
    border-color: #C53A3A;
    color: #ffffff;
}

.share-top-btn:link, .share-top-btn:visited {
    border-radius: 0;
    color: #fff;
}

.now-reading__sosmed {
    float: right;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    right: 60px;
    background: #864343
}

.now-reading__sosmed a {
    color: #FFFFFF;
    padding-left: 5px;
    padding-right: 5px;
}

.now-reading__sosmed span {
    cursor: pointer;
}

.now-reading__sosmed-share {
    display: none;
    position: absolute;
    background-color: #C9A252;
    width: 326px;
    left: 0;
    padding: 0 30px;
    border-radius: 0 0 10px 10px;
    line-height: 50px;
}

.now-reading__sosmed_single {
    line-height: 60px;
}

.now-reading__sosmed_single-share {
    display: none;
    /*position: relative;*/
    background-color: transparent;
    /*width: 326px;*/
    /*right: 0;*/
    /*border-radius: 0 0 10px 10px;*/
    line-height: 40px;
    padding-bottom: 10px;
}

.now-reading__sosmed_single-share.active {
    display: block;
}

.header--single .button-search .fa-search {
    border-left: 0px;
}

.ss_icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    background-color: #EAEAEA;
    cursor: pointer;
}

.ss_icon.btn-facebook:hover {
    background-color: #3b5998;
    color: #FFFFFF;
}

.ss_icon.btn-twitter:hover {
    background-color: #00acee;
    color: #FFFFFF;
}

.ss_icon.btn-googleplus:hover {
    background-color: #FF0000;
    color: #FFFFFF;
}

.ss_icon.btn-linkedin:hover {
    background-color: #438CD2;
    color: #FFFFFF;
}

.ss_icon.btn-stumbleupon:hover {
    background-color: #77B177;
    color: #FFFFFF;

}

.ss_icon.btn-reddit:hover {
    background-color: #3b5998;
    color: #FFFFFF;
}

#navigation-header .collapse {
    display: block;
}