.img-maining-adj {
    /*    height: 330px;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.col-pad-20 {
    padding: 20px 30px;
}

.color-bg-26 {
    background: #262626;
}

@media screen and (max-width:900px) {
    .img-maining-adj {
        height: 100%;
    }

    #section-hero-inner .wrap,
    #section-hero-inner .row,
    .hero-masthead-container {
        height: 100%;
    }

    .img-maining-adj {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

a.tab {
    color: #fff;
}

.tab {
    font-size: 14px;
    font-weight: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #434343;
}

.tabs-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    width: 600px;
    height: 32px;
    border: 2px solid #d7af6b;
    border-radius: 5px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.tab:not(:last-child) {
    border-right: 2px solid #d7af6b;
}

.tab {
    margin: 0;
    width: 33.33333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.tabs {
    margin-top: 40px;
    margin-bottom: 20px;
}

.active {
    color: #000 !important;
    background: #d7af6b;
}

@media screen and (max-width:900px) {
    .tabs-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        height: 32px;
    }

    .col-pad-20 {
        padding: 20px 10px;
    }

    .tabs {
        margin: 30px 0 50px;
    }
}

/* smooth link*/


.smooth-link-ctr {
    margin: 25px 0;
}

.smooth-link {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 30px;
    background: #292727;
}

.smooth-link li:not(:last-child) {
    margin-right: 45px;
}

.smooth-link-wrap {
    margin-bottom: 0;
    padding-top: 40px;
}

.smooth-link a {
    color: #fff;
    font-size: 14px;
}

.smooth-link a::before {
    content: "\f107";
    font-family: fontawesome;
    padding-right: .75em;
}

/* learn */
#section-hero-inner * {
    height: 100%;
}

#section-hero-inner img {
    height: auto;
}

.img-maining-adj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.slider-wrap {
    height: 220px !important;
}

.module-slider {
    height: auto;
}

#section-workflows .reellist {
    height: auto !important;
}

.thum-workflow {
    height: 260px;
}

#workflow-pure {
    background: url(../img/bg-list-workflow01.jpg) center center;
}

#workflow-35 {
    background: url(../img/bg-list-workflow02.jpg) center center;
}

#workflow-lt {
    background: url(../img/bg-list-workflow03.jpg) center center;
}

#workflow-eva1 {
    background: url(../img/bg-list-workflow04.jpg) center center;
}

.reels .col-6 {
    width: calc(50% - 5px);
    margin-top: 20px;
}

.reels .col-6:nth-child(2n) {
    margin-right: 10px;
}

@media screen and (max-width:900px) {
    .reels .col-6 {
        width: 100%;
    }

    .restag {
        bottom: 5px;
        left: 14px;
    }

    /*.restag {
        display: none;
    }*/

    #section-reviews .slide .title {
        padding-bottom: 10px;
    }

    #section-reviews .slide .restag {
        padding-top: 10px;
    }

}

.nano .scrollableContent {
    overflow: visible;
}

.nano {
    overflow-y: scroll !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.nano .reel {
    width: calc(50% - 5px);
}

#section-reels .reels {
    height: auto;
}

@media screen and (max-width:900px) {
    .nano {
        display: block;
    }

    .nano .reel {
        width: 100%;
    }

    .smooth-link li {
        width: auto%;
        margin-right: 20px !important
    }

    .smooth-link {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 20px 10px;
    }

    .hero-page-inner-bg {
        background-position: right 40% center;
    }

    .resdesc {
        font-size: 12px;
    }
}

/*shot on*/
.color-bg-gradient-grey-radial {
    background-image: radial-gradient(#393838, #080504);
}

.subh3 {
    text-transform: uppercase;
    font-size: 28px;
}

.published {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

.btn-gold-ctr .btn-gold {
    margin: 0;
}

.shotzon p {
    color: #fff;
    font-size: 14px;
    line-height: 2
}

.txt-issue {
    font-size: 18px !important;
}

.shotzon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.shotzon > div {
    width: 50%;
}

.shotzon-2nd {
    position: relative;
}

.shotzon-2nd-btm {
    position: absolute;
    bottom: 0;
    left: 0;
}

.pastIssues,
.pastIssues a {
    height: 100%;
}

.shotzon-1st {
    text-align: right;
    padding-right: 50px;
}

.pastIssues img {
    height: 150px;
}

@media screen and (max-width:900px) {
    .shotzon {
        display: block;
    }

    .shotzon > div {
        width: 100%;
    }

    .shotzon-1st {
        text-align: center;
        padding-right: 0;
    }

    .shotzon-2nd-btm {
        position: static;
    }
}

#poster-grid .col-2 {
    width: 12.5%
}

#poster-detail {
    z-index: 9999999999;
}

@media screen and (max-width:900px) {
    #poster-grid .col-2 {
        width: 33.3333%;
    }
}

#section-Case .resrc-ctr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
    padding-left: 0;
}

#section-Case .resrc-ctr > li {
    width: calc(25% - 10px);
    margin-bottom: 10px;
}

#section-Case .resrc {
    width: 100%;
    margin: 0 !important;
    background-color: #434343;
}

#section-Case .resdesc {
    width: 100%;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}

#section-Case .restag {
    bottom: 0;
    font-size: 12px;
}

.hl-section {
    text-transform: uppercase;
}

.bg-1e {
    background: #1e1e1e;
}

.btn-gold-ctr-nl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.btn-gold-ctr-nl .btn {
    margin-right: 20px;
}

#section-newsletter p {
    margin: 0;
}

@media screen and (max-width:900px) {
    .published {
        margin-top: 30px;
    }

    .subh3 {
        font-size: 17px;
    }

    .btn-gold-ctr-center a {
        margin: 0 auto !important;
    }

    #section-Case .resrc-ctr > li {
        width: calc(50% - 10px);
    }

    #section-Newsletter .shotzon-2nd br {
        display: none;
    }

    .btn-gold-ctr-nl {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .btn-gold-ctr-nl a {
        margin-right: 0 !important;
        width: calc(50% - 10px)
    }

    #section-Newsletter p {
        margin-top: 20px;
    }
}

#section-Case .resdesc {
    font-size: 16px;
    font-weight: normal;
}

@media screen and (max-width:900px) {
    #section-Case .resdesc {
        font-size: 12px;
        font-weight: normal;
    }

    #section-Case .resdesc .restag {
        display: inline-block
    }
}

.shotzon-1st img {
    max-width: 100%;
}

.shoton_varicam {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 30px;
}

.shoton_varicam a {
    margin-top: 10px;
}

.shoton_varicam img.blank {
    margin-top: 10px;
}

@media screen and (max-width:1300px) {
    .shoton_varicam {
        padding: 0;
    }

    .shoton_varicam a {
        display: block;
        width: 12%;
    }

    .shoton_varicam img {
        width: 100%;
    }
    .shoton_varicam img.blank {
        width: 12%;
		margin-top: 10px;
    }
}

@media screen and (min-width:600px) and (max-width:900px) {
    .shoton_varicam {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .shoton_varicam a {
        display: block;
        width: 16%;
    }

    .shoton_varicam a {
        margin-right: .8%;
    }

    .shoton_varicam a:nth-child(6n) {
        margin-right: 0;
    }
}

@media screen and (max-width:600px) {
    .shoton_varicam {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .shoton_varicam a {
        display: block;
        width: 32%;
    }

    .shoton_varicam a:not(:nth-child(3n)) {
        margin-right: 2%
    }

}

#section-Case .resrc-ctr {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

#section-Case .resrc-ctr > li {
    margin-left: 5px;
    margin-right: 5px;
    height: auto;
}

.sml {
    font-size: 80%
}

#section-Case .resrc a {
    display: block;
    height: 100%;
}


#section-Case .resrc {
    height: 100%;
}

#section-Case .resdesc {
    padding-bottom: 40px;
}

/* sort css*/
.reellist {
    display: block;
}

.reellist .mix {
    display: inline-block;
    float: left;
    margin: 2px !important
}

/* sort css*/
@media screen and (max-width:500px) {
    .pastIssues img {
        max-width: 100%;
    }

    .pastIssues a:not(:last-child) {
        margin-right: 10px;
    }
}

/* Add Rocos CSS */
.casestudies-list {
	padding: 0 5px;
	overflow: hidden;
}
.casestudies-list-item {
	margin: 4px 0;
    height: 100px;
    background: #fff url("../img/news-arrow.png") no-repeat 97% 50%;
    cursor: pointer;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    white-space: nowrap;
	width: calc(50% - 5px);
	float: left;
}
.casestudies-list-item:nth-of-type(2n+1) {
	margin-right: 10px;
}
.casestudies-list-item:hover {
	background-position: 98% 50%
}
.casestudies-list-item .thumb {
	width: 176px;
}
.casestudies-list-item .thumb img {
	width: 176px;
}
#section-Case .casestudies-list-item .resdesc--casestudies-list {
    -webkit-transition: color .1s ease-in;
    transition: color .1s ease-in;
    white-space: normal;
    overflow: hidden;
	width: calc(100% - 176px);
	color: black;
	font-size: 14px;
}
#section-Case .casestudies-list-item .resdesc--casestudies-list:hover {
    color: #00a0c6
}
#section-Case .casestudies-list-item .restag {
	bottom: 16px;
}
.newmark {
		position: relative;
		padding-bottom: 2px;
		
	}
	.newmark::before {
		content: "NEW";
		display: inline-block;
		background : #d1c000;
		color: #fff;
		
		padding: 2px 10px;
	
		margin-right:5px;
		margin-bottom:5px;
		font-size: 10px;
	

	}


@media screen and (max-width:900px) {
	.casestudies-list-item {
		width: 100%;
		float: none;
	}
	.casestudies-list-item:nth-of-type(2n+1) {
		margin-right: 0;
	}
}