/******** added 15.1.2018 **********/
.cube.ad.deskdisplay.artads {
    height: 90px;
    width: 728px;
    margin: 30px auto;
    padding-top: 35px;
}

.row.trending-top {
	margin-top: -30px;
}

/******** added 10.1.2018 *********/


.artad .title {
    z-index: 0;
}

.row.subjective-top {
	margin-top: 145px;
    margin-bottom: 20px;
}
.scrolling .row.subjective-top {
    display: none;
}
.cube.ad.deskdisplay.artad {
}

/******** added 9.1.2018 *********/

.mp-form-label {
    position: absolute;
    margin-top: -35px;
    display: block;
    background-color: #ece9e9;
	z-index: 10;
}

.mp-form-label span {
    padding: 40px !important;
    /* display: block !important; */
}

.mp-form-label span:after {
    height: 25px;
    position: absolute;
    width: 25px;
    content: '';
    bottom: -5px;
    background-color: #ece9e9;
    transform: translateX(-90px) rotate(45deg);
	z-index: -1;
}

ul.ex-bottom-links {
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0 0 50px;
    text-align: center;
}

ul.ex-bottom-links li {
    display: inline-block;
    margin: 0 10px;
    font-size: 14px;
    letter-spacing: .5px;
}

form.mepr-signup-form.mepr-form.ng-pristine.ng-valid {
    margin-bottom: 50px;
}


div#mepr_payment_method {
    display: none;
}

.mp-form-row.mepr_payment_method {
    background-color: #fff!important;
    padding: 0 !important;
}
.added-txt {
    text-align: center;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 18px;
}


.mepr-signup-form.mepr-form .mp-form-row.mepr_username, .mepr-signup-form.mepr-form  .mp-form-row.mepr_password {
    width: 49% !important;
    float: left;
}

.mepr-signup-form.mepr-form .mp-form-row.mepr_email, .mepr-signup-form.mepr-form .mp-form-row.mepr_password_confirm {
    width: 49% !important;
    float: right;
}

@media screen and (max-width:600px){
	.mp-form-row.mepr_username, .mp-form-row.mepr_password, .mp-form-row.mepr_email, .mp-form-row.mepr_password_confirm {
    width: 100% !important;
}
}


@media screen and (max-width:600px){
	.single-historictimeline .cube.main .inner-cube {padding-top: 18px !important;    padding-bottom: 18px !important;}
	.single-historictimeline .cube.main .share.white {position: absolute;}
	.single-historictimeline.scrolling section.event-panels {margin-top: 220px !important;}
}


@media screen and (min-width:601px){
header .inner-cube.ess-n.single-ess-header {
    justify-content: initial;
}
	header .inner-cube.ess-n h1 {
    position: absolute;
    height: 48%;
    width: 100%;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
		    top: 0;
    margin: 0;
    left: 0;
}
	header .inner-cube.ess-n span.author {
    height: 50%;
    position: absolute;
    width: 100%;
    bottom: 0;
    padding-top: 10px;
}
}

/*
@media (min-width: 48.0001em){
header .inner-cube.subjective-timeline-container h1 {
font-size:1.8rem;
}
}
@media (min-width:420px){
.text-links {
    margin-bottom: 4em;
}

*/


@media screen and (min-width:601px){
.trending-feed-container div:first-child .cube .center {
    display: flex !important;
    height: 50%;
    padding: 0;
    top: 0 !important;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
}




/***********old code form index file*************/


span.extramorebold {
    text-decoration: underline;
    letter-spacing: 0.5px;
text-transform: capitalize;
}

.features.row li:nth-child(3) strong {
    margin-bottom: 21px;
}

@media (max-width:420px){
ul.menu.split-menu {
    display: none;
}
}
@media (max-width: 48em){
.single-historictimeline.scrolling .split-panels-container.title-panel .title-panel-child {
    font-size: initial;
}

}


@media (max-width: 48em) {
.archive header .inner-cube h1, .archive header .inner-cube h2, .home header .inner-cube h1, .home header .inner-cube h2 {
    font-size: 3.5em;
    line-height: 1.5;
}
}

.text-links ul {
    min-height: 210px;
}
}



/******20-dec-2017********/
@media screen and (min-width: 601px){
.split-panels-container {
    margin-bottom: 0;
}

}


@media screen and (min-width: 901px){
	.column.medium-12 article.subjective-box {
		min-height: 422px;
	}
}


/**********19-dec-2017************/
.memberpressproduct-template .inner-content {
    max-width: 810px;
    margin: auto;
}


.inline-ad.mobiledisplay {
    display: inline-flex;
	margin: 10px auto;
    width: 100%;
}

.inline-ad.mobiledisplay > div {
    margin: auto;
}

article.ad-socket .title{
	z-index: 1000;
}
article.ad-socket  .my6_wrap.my6_widget_bg.yp6_area.yp6_desktop_infeed {
    max-width: unset;
    margin: 0 !important;
}
article.ad-socket  .yp6_desktop_infeed.my6_item_image_container{
    margin-bottom: 12px;
}

.yp6_desktop_infeed.my6_item_image_wrap{
	padding-top: 51.01% !important;
}

article.ad-socket .yp6_desktop_infeed.my6_item_image_wrap {
    padding-top: 51.01%;
}

article.ad-socket .yp6_desktop_infeed.my6_item_button {
	display: none !important;
}

article.ad-socket .my6_item_title.yp6_desktop_infeed.my6_three_lines , article.ad-socket .my6_item_title.yp6_mobile_infeed{
	    text-align: center;
    font-size: 16px;
    line-height: 18px;
    padding-top: 11px;
    text-transform: uppercase;
    font-weight: 600;
}

article.ad-socket .yp6_desktop_infeed.my6_item_description, article.ad-socket .my6_item_description.yp6_mobile_infeed {
    text-align: center;
    font-size: 14px;
    line-height: 16px;
/*    padding-top: 8px;
*/    font-weight: 600;
}

article.ad-socket .my6_wrap.my6_widget_bg.yp6_area.yp6_mobile_infeed {
    padding-bottom: 0 !important;
}
/*************13.12.2017***************/
@media screen and (min-width: 601px){
	/*
	header.subjective-timeline .row {
    margin-top: 0 !important;
	}
	*/
	.ad-container.subjective.deskdisplay{
		margin-top: 180px
	}
	.mobiledisplay {
		display:none !important;
	}
}

.mobiledisplay {
	margin: 10px 0;
}

@media screen and (max-width:727px){
	.deskdisplay{
		display:none !important;
	}
}

aside.ad.df {
    min-height: auto;
    height: auto;
	margin: 30px 0;
}

aside.ad.df > div {
    margin: auto;
}


.ad-container .ad_content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    overflow:auto;
}

.ad-container {
    background-color: #fff;
    margin: 10px auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ad-container * {
    max-width: 100%;
}

.cube.small.ad > div {
    margin: auto;
}

.mepr-unauthorized-message a {
    color: #26102d;
    text-decoration: none;
}

.mepr-login-actions {
	text-align: center;
}

/*********28.11.2017-29.11.2017**********/
article .mp_wrapper {
    padding: 0;
}
span.mepr-login-link {
    display: none;
}
.mepr-unauthorized-message {
	margin-top: 50px;
    text-align: center;	
}



.back-container {
    -ms-transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg);
    background-color: #1deec6;
}


.container-inside {
	background-color: #361e50;
    padding: 30px 0 75px;
    text-transform: uppercase;
    letter-spacing: .7px;
	color: #fff;
	-ms-transform: rotate(1deg);
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg);
}


.container-inside:before {
    content: url(//dev.theperspective.com/wp-content/uploads/2017/11/theperspective.png);
    top: -50px;
    position: relative;
}

.mepr-unauthorized-message h1{
	font-size: 24px;
	color: #fff;
}
.mepr-unauthorized-message h1 span{
	font-weight: 800;
}
.mepr-unauthorized-message h1::after {
    border-bottom: 8px solid #26e9c3;
    content: '';
    width: 90px;
    display: block;
    margin: 30px auto 20px;
}


.mid-area {
    display: inline-block;
}
.mid-area .col-3 {
    width: 33.333333333%;
    float: left;
}

.mid-area .col-3 h2 {
    font-size: 28px !important;
    text-transform: uppercase !important;
}

.mid-area .col-3 h2 span{
font-weight: 800;
}

.mid-area .col-3 h3 {
    font-size: 14px;
    margin-top: 15px;
}

h2.tiz-buy {
    border-top: 3px solid #ffff00;
    border-bottom: 3px solid #ffff00;
    display: -webkit-inline-box;
    padding: 10px 0 !important;
	    margin-top: 25px;
}

h2.tiz-buy a {
    color: #ffff00 !important;
    font-size: 22px;
    text-transform: uppercase;
	font-weight: 400;
}

h2.tiz-buy a span {
font-size: 30px;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 38px;
}
.outside-container {
    padding: 35px 0; 
}

.outside-container h2 {
    margin: 0;
    font-size: 24px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
}

.outside-container h3 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .2px;
}

.outside-container p {
    font-size: 16px;
}

.mepr-unauthorized-message p{
	margin-bottom:0;
}

.mepr-form input.invalid::-webkit-input-placeholder { /* Chrome/Opera/Safari */
								color: #fff;
							}
.mepr-form input.invalid::-moz-placeholder { /* Firefox 19+ */
								color: #fff;
							}
.mepr-form input.invalid:-ms-input-placeholder { /* IE 10+ */
								color: #fff;
							}
.mepr-form input.invalid:-moz-placeholder { /* Firefox 18- */
								color: #fff;
							}
	



.mp_wrapper .mp-form-row {
    margin-bottom: 0px;
}

.mepr-payment-method {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .7px;
}

span.mepr-payment-method-label-text {
    display: none !important;
}


.no-things-to-show, .mp-wrapper.mp-no-subs, div#mepr-account-welcome-message {
    text-align: center;
    text-transform: uppercase;
    padding: 50px 0;
}

.hr_container {
    text-align: center;
    padding: 1em 0;
    color: #26e9c3;
    font-size: 22px;
    text-transform: uppercase;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.hr_container hr{
	width: 100%;
    border: 0;
    border-top: 1px solid #26e9c3;
    height: 1px;
    padding: 0;
}


.hr_container span {
    display: block;
    width: 100%;
}

.info-page .inner-content {
    min-height: 400px;
}

div#mepr-account-nav, div#mepr-account-welcome-message, .mp-wrapper.mp-no-subs {
    text-align: center;
}
div#mepr-account-nav{
	margin-top: 25px;
	margin-bottom: 40px;
}

.mepr-nav-item a {
    text-transform: uppercase;
    letter-spacing: .7px;
    text-decoration: none !important;
}

.mp-form-row.mepr_bold.mepr_price {
    text-align: center;
    /*padding: 1em 0;*/
    /*background: #1d182c;*/
    color: #1d182c;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 30px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	line-height: 1.2;
}
.mp-form-row.mepr_bold.mepr_price hr {
    width: 20%;
    border: 0;
    border-top: 1px solid #26e9c3;
    height: 1px;
    margin: 0 0.5em;
    padding: 0;
}

.mp_wrapper:last-child {
    margin-bottom: 80px;
}

/*********27.11.2017**********/

.mp_wrapper.mp_login_form, .mp_wrapper {
    padding: 0 170px;
}
.mepr_error {
    border: none !important;
    text-align: center;
    padding: 1em 0 !important;
    margin-bottom: 0 !important;
}
.mp_wrapper textarea, .mp_wrapper select, .mp_wrapper input[type=text], .mp_wrapper input[type=url], .mp_wrapper input[type=email], .mp_wrapper input[type=tel], .mp_wrapper input[type=number], .mp_wrapper input[type=password] {
    background-color: #e1e1e1;
    border: none !important;
    width: 100%;
    font-size: 14px;
    font-size: .8860759494rem;
    text-align: center;
    color: #000;
    padding: 1em 0 !important;
    /*text-transform: capitalize;*/
    margin-bottom: 20px;
}
.mp_wrapper input[type=submit] {
    text-transform: uppercase;
    font-weight: 600;
    background-color: #ff0;
    border: none;
    width: 100%;
    padding: 2em 0;
	font-size: 14px;	
}

/***********13.11.2017***********/
.scrolling .main-nav .logo-container-d .text-center.p0 span {
    display: none;
}

/***********30.10.2017***********/


/***********22.10.2017***********/

img.scrollogo, .ex-elements-container {display:none;}
.column.text-left.sub_text br {
    display: none;
}
.scrolling .my-perspective-first-page fieldset.join .legend-container, .scrolling .my-perspective-first-page fieldset.join .logo {
    display: block;
}


/***********16.10.2017***********/



.form-container input, .form-container input[type=submit], .form-container textarea {
    text-transform: none;
}

.hideToggle {opacity: 0; transition: all .2s; -webkit-transition: all .2s; height: 0;}
.showToggle {opacity: 1; transition: all .2s; -webkit-transition: all .2s;}

.related-article-big .essential-box .rectbox {
    background-color: transparent !important;
}
.single-historictimeline .cube.main::after {
    margin-bottom: 0;
}
body{font-size: 1vw !important;}
.social { display: none;}
.scrolling .social {
    position: fixed;
    bottom: 0px;
    z-index: 99;
    width: 100%;
    background: #26e9c3;
    height: 40px;
    margin: 0;
    padding: 5px 0;
    left: 0;
	    transition: .6s top;
    opacity: 1;
	display:block;

    border-top: solid 7px  #eeeeee;
}

/*
.footer {
    padding: 3em 0 60px;
}
*/

.navigate-to-next {
    text-align: center;
    padding: 20px;
}

.navigate-to-next a {
	text-decoration: underline;
}

aside.ad.switch {display:none;}

.single-historictimeline .cube.main .inner-cube h1 {font-size:2rem}

.single-historictimeline .cube.main .inner-cube {padding-top: 4em;    padding-bottom: 4em;}


.trending-feed header .row {
    margin-top: 0px;
}

@media screen and (max-width:600px){
	
	span.timeline-new {    
	    top: 65px !important;
    left: -35px !important;
    font-size: 9px !important;
    letter-spacing: .5px;
	}
	
	
.search h1 {
    font-size: 1.5rem;
    line-height: 1.8rem;
    padding-top: 20px;
}
	.single-historictimeline .cube.main .inner-cube h1 {font-size: 8vw;}
.single-historictimeline .cube.main .inner-cube h3 {
    margin-top: 5px;
}


	
/*	.single-historictimeline .cube.main .inner-cube h1 {
    font-size: 1.4rem;
}*/
	.single-historictimeline.scrolling .cube.main .inner-cube h1{font-size: 1.4rem;}
}


/****** new code *******/
.trending-feed-container:first-child >	div:first-child .cube .center {display:block;}

.trending-feed-container 	div:first-child .cube .center {
	font-size: 2.2151898734rem;
    top: 1.9em;
    font-weight: 600;
	width:100%;
		left:inherit;
}

.features {
    display: none;
}
.trending-in .cube.main>.sides>div {margin-bottom:45%}

/*****new section above header******/	
	h1.above-header {
    text-align: center;
    text-transform: uppercase;
    font-size: 36px;
    color: #2bd7b7;
    margin-bottom: 0;
}
	h3.by-line-header {
    font-size: 14px;
    text-align: center;
    line-height: 22px;
    font-weight: 600;
}
h3.by-line-header.thin{font-weight:100;}
h3.by-line-header a {
    text-decoration: underline;
    font-weight: 600;
}
h3.by-line-header a.disabled {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}
	h3.by-line-header::after {
    border-bottom: 6px solid #f1f1f1;
    content: '';
    width: 180px;
    display: block;
    margin: 15px auto 20px;
}
h3.by-line-header.ess-n::after{display:none}
.share_debate.ess-n .social:after {
    border-bottom: 6px solid #f1f1f1;
    content: '';
    width: 180px;
    display: block;
    margin: 15px auto 20px;
}
	/********header image********/
	.on .main-logo-container {opacity:0; display:none;}
	/******title******/
	.main .title, article .title {top: 0; z-index: 90;}
	
	h1.main-title-n {font-size: 2.2151898734rem;text-transform: uppercase;color: #fff;position: absolute;text-align: center;width: 100%;z-index: 99;top: 3.9em;font-weight: 600;padding: 0;	}
	.cube .sides>div p {
    display: none;
}
.cube .sides>div h2 {text-transform: none}
	header .main h2, header article h2 {
    font-size: 16px;
    font-size: 1rem;
}
	.cube.main .title {
    top: 10px;
    left: -10px;
}


	.cube.main::after {
    padding-bottom: 32.1%;
}
	
.new-perspective {
    position: absolute;
    width: 300px;
    bottom: 3.5em;
    left: 50%;
    margin-left: -150px;
    z-index: 1;
    text-align: center;
    font-size: 16px;
    height: 47px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
}

.new-perspective .inner img.logo-inner {
    width: 100%;
    max-width: 188px;
    display: block;
	    margin-bottom: 20px;
}
	
.cube.main>.sides>div {
    margin-bottom: 2%;
}


article.subjective-box .rectbox{overflow: hidden;}
	/*******boxes******/
.main .title span, article .title span {
    width: 100%;
    text-align: left;
}
.cube.small h1.trending-t, .column.medium-4 article h1.trending-t {
    font-size: 24px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 100;
    padding: 0 30px;
    text-transform: uppercase;
	font-weight: 600;
}
.column.medium-4 article h2, .cube .sides>div h2 {
    font-size: 16px;
    line-height: 22px;
}

.cube.small>.sides>div {
    height: auto;
	    margin-bottom: 42%;
}
.cube .sides.right-side div {
    padding-left: 0;
    border: none;
    margin-left: 0;
}
.cube .sides.right-side div h2 {
    border-left: 1px dashed #fff;
    margin-left: .091em;
    border-image-source: url(/wp-content/themes/perspective/img/white-border.png);
    border-right: none;
}
.cube .sides.right-side div h2 {
    border-image-width: 3px;
    border-image-repeat: repeat;
    border-image-slice: 2;
    border-image-outset: 3px;
    padding-left: 7%;
}
.cube .sides.right-side div {
    padding-left: 0;
}
.cube .sides>div{
padding: 1% 7% 0;
    height: 45%;
    margin-bottom: inherit;
}
.cube.small h1.trending-t, .column.medium-4 article h1.trending-t {
    bottom: 45%;
    top: initial;
}

.cube .chest {
    display: none;
}	
	
	.medium-12 article.essential-box .rectbox, .medium-6 article.essential-box .rectbox {
		background-color: #ece9e9;
		overflow: hidden;
/*		height:420px;   */
}

	article.essential-box .rectbox h2 {
    padding: 10px;
    font-size: 24px;
}
	article.essential-box .rectbox p {
    padding: 0 10px;
    font-size: 16px;
    line-height: 26px;
}
.rectTrend .subjective-box {
    overflow: hidden;
}
.rectTrend .essential-box h3, .rectTrend .subjective-box h3 {
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 18px;
    padding-top: 20px;
	font-weight: 600;
}	
	span.timeline-new {
    background-color: #fff;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    z-index: 2;
    top: 75px;
    padding: 3px 30px;
    left: -45px;
    font-size: 11px;
    color: #1fd9b5;
    font-weight: 600;
}
.column.medium-4 article h1 {
    text-align: center;
    font-size: 16px;
    line-height: 18px;
	padding-top: 11px;
	text-transform: uppercase;
    font-weight: 600;
}
.outsides>.sides h3 {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: .5px;
    text-transform: inherit;
}
	
	.title a {font-weight: 800;letter-spacing: .1em;}
	.title a.title-tag-link {font-weight: 400;}
	.text-links .title span {
    color: #000;
}
	
article.mp-box .title {top:0}
/*.cube.main > .sides > div {margin-bottom: 23%;margin-block-end: 34%;}
*/.cube.small > .sides > div {margin-block-end: 20%;}
.formats-drop-menu, nav.drop-menu {background-color: rgba(0,0,0,.9);}

.column.medium-4.end.searchbox {
    height: 360px;
}

@media screen and (min-width:1366px){
.scrolling .main-nav {left: calc(50% - 683px);}
.formats-drop-menu.on, .scrolling .formats-drop-menu.on {
    left: calc(50% - 228px);
    width: 894px !important;
}
}

	
@media screen and (min-width:601px) and (max-width:1040px){
	.single-historictimeline.scrolling #wrapper:nth-child(1){top: 195px !important;} 
	.single-historictimeline.scrolling section.event-panels{margin-top: 22em !important}}
@media screen and (min-width:1041px) and (max-width:1130px){
	.single-historictimeline.scrolling #wrapper:nth-child(1){top: 215px !important;} 
}
@media screen and (min-width:1131px) and (max-width:1250px){
	.single-historictimeline.scrolling #wrapper:nth-child(1){top: 220px !important;}
}
@media screen and (min-width:1251px) and (max-width:1410px){
	.single-historictimeline.scrolling #wrapper:nth-child(1){top: 230px !important;}
}
@media screen and (min-width:1411px) and (max-width:1515px){
	.single-historictimeline.scrolling #wrapper:nth-child(1){top: 248px !important;}
}

@media screen and (min-width:1516px) and (max-width:1664px){
	.single-historictimeline.scrolling #wrapper:nth-child(1){top:260px !important;}
}

@media screen and (min-width:1665px) and (max-width:1780px){
	.single-historictimeline.scrolling #wrapper:nth-child(1){top:270px !important;}
}
@media screen and (min-width:1781px) {
	.single-historictimeline.scrolling #wrapper:nth-child(1){top:275px !important;}
}
@media screen and (max-width:900px){
.scrolling .hide-for-small-web-n {display: none !important;}
}
	@media screen and (min-width:601px){
		.challenge-container.row {
    margin-top: 180px;
}
.medium-8 .column.medium-12 article.essential-box .rectbox img{ margin-top:-40px}
.split-panel p {
    font-size: 16px;
    line-height: 22px;
}		
.single-historictimeline .event_title {
    font-size: 30px;
}
		.new-header-padding{padding-top:180px;}
		
		.medium-12 article.subjective-box p {
    margin-bottom: 0;
}
	.medium-12 article.subjective-box span.timeline-new {
    font-size: 16px;
    top: 95px;
    padding-right: 35px;
}
		.single-historictimeline.scrolling .cube.main {top:120px}
		
		.single-historictimeline.scrolling .cube.main .inner-cube{padding-bottom:5em}
		.single-historictimeline.scrolling .cube.main .inner-cube h1{font-size: 1.6rem;padding-top: 20px;}
		.single-historictimeline.scrolling .mask img {position: initial;}
		.main-nav { justify-content: left;top: 0px;padding-top: 24px; }
		.main-nav nav {/*left:12px;*/    width: 65.3%;}
		/*.logo-container-d.medium-4.hide-for-small-only.hide-for-small-web .join {margin-top: 10px;}*/
		.main-nav .logo-container-d fieldset.join .legend-container lengend { font-size: 19px; color: #000; font-weight: 700; margin-bottom: 0; }
		.home fieldset.join {margin: 4px auto 0;}
		.main-nav .logo-container-d .text-center.p0 span { font-size:12px;font-weight: 700;letter-spacing: .5px;display: block; margin-top: 18px; }
		.scrolling .main-nav ul:nth-child(3), .main-nav ul:nth-child(3) { background-color: #ece9e9; padding: 0 0 0 1em; text-align: initial; }
		li.search span {font-size: 12px;padding: 0 .9em;letter-spacing: .7px;font-weight: 600;text-transform: capitalize;font-family: Helvetica;}
		.main-nav ul li:nth-child(1) {margin-left: 10px;}
		.main-nav ul li a::after, .main-nav ul li a::before {display:none;}
		.main-nav ul li {padding:1.2em 0;}
		.main-nav ul.top-nav li {padding: 1em 0;}
		.main-nav ul li.search{background-color: #ff0; right: 0; position: absolute; height: 48% !important; }
		.main-nav ul li a {padding: 0 1vw;letter-spacing: .6px;/*line-height: 2.5;*/}
		.main-nav ul li.search a {line-height: 1.3;}
		.main-nav ul.top-nav {text-align: right;}
		.main-nav ul.top-nav li a { font-size:16px; text-transform: capitalize;letter-spacing: 2.5px;    padding: 0 .5em;}	
		.main-nav ul.top-nav li a.icon-link {font-size: 28px;padding: 0 0.3em;line-height: 20px;}
		.scrolling .main-nav .logo-container {display:none}
		header .container, header .row { margin: 180px auto 0; }
		/*header .row.searcharea { margin: 150px auto 0; }*/
		.scrolling .logo-container-d {float: left;}
		.scrolling .main-nav {box-shadow: none;background-color: rgba(255,255,255,1);height: 164px;max-width: 1366px; transition: none;}
		.scrolling .main-nav ul, .main-nav ul {padding: inherit;float: none;margin-top: 0;}
		.main-nav .formats-trigger {opacity: 1;left: 0;font-size: 16px;position: absolute;width: initial;padding: 10px 30px;top: 10px;height: 52px;}
		.main-nav .formats-trigger:hover {cursor: pointer;}
		.main-nav .formats-trigger span {position: absolute;top: 23px;}
		.main-nav .formats-trigger img.our-img {width: 50px;}
		.main-nav .formats-trigger img.our-arrow{width:31px;margin-left: 90px;}
		.main-nav .formats-trigger.on {padding: 19px 30px;}
		.main-nav .formats-trigger.on span {position: relative;top: 0;}
		
		
		
		/*****search****/
		body.top-search div.search-container, body.top-search.scrolling div.search-container, div.search-container {height: 50%;top: 65px; margin-top:0;}
		body.top-search div.search-container .fa-search, body.top-search.scrolling div.search-container .fa-search {margin:25px 8px;}
		.search-results-panel {padding-top: 12em;}
		/****features****/
		.formats-drop-menu.on, .scrolling .formats-drop-menu.on {top: 90px;height: 350px;min-height: inherit;position: fixed;z-index: 666661;opacity: 1;    width: 65.3%;}
		.formats-drop-menu ul, .scrolling .formats-drop-menu ul {top: 0;text-align: left;margin-top: 0;right: 0;padding-top: 30px; width:100%; padding-left:5%; padding-right:5%}
		.formats-drop-menu li strong, .scrolling .formats-drop-menu li strong {font-size: 23px !important;color: #ffff00;font-weight: 600;}
		.formats-drop-menu li .sub, .scrolling .formats-drop-menu li .sub {font-size: 14px;padding-left: 0;width: 100%;text-transform: none;font-weight: 100;line-height: 1.6;}
		.scrolling .formats-drop-menu li, .formats-drop-menu li {padding-bottom: 20px; background: none;width: 49%;float: left;min-height: 100px;margin-right: 1%;line-height: initial;}	
		.scrolling .formats-drop-menu ul:last-of-type, .formats-drop-menu ul:last-of-type, nav.drop-menu ul:last-of-type{line-height: 1.6;margin-top: 0;}
/*		.cube {height: 420px;}
*/		.rectTrend .cube.small {height: auto;}
/*		aside.ad img {height: 420px;}
*/		aside.ad  { margin-top: 7px; }
		.new-perspective .inner img.logo-inner {width:188px;}
		
			.home header .inner-cube h2 {
    font-size: 2.2151898734rem;
				width:80%;
				    margin-bottom: 20px;
}
	}

@media screen and (max-width: 48em){
	.scrolling  .footer {
    padding-bottom: 70px;
}
	.scrolling .main-nav, .main-nav {height:55px !important;}
	.scrolling .main-nav .logo-container {    margin: .7em 1em .5em;}
	.scrolling .main-nav {background-color: rgba(255,255,255,1.00)}
	.navigate-to-next, .title span {
    font-size: 15px;
}
	.cube .sides>div h2 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
		display: inline-table;
}	
}
@media screen and (min-width: 48.0001em){
	header .inner-cube, .archive header .inner-cube.ess-n {
    padding-bottom: 8em;
}
	header .inner-cube.my-per{padding-bottom: 2em;}
	.home header .inner-cube{padding-bottom: 6em;}
	.medium-12 article.essential-box .rectbox, .medium-6 article.essential-box
.rectbox, .side .cube, .column.medium-6 .cube, aside.ad {
    height: 22vw;
    overflow: hidden;
	min-height: 415px;
}
	section.search-top-section {
    margin-top: 180px;
}
	.column.medium-12.subjective-big.collapse {
    padding-left: 1.0625rem;
    padding-right: 1.0625rem;
}

}
/***************mb***************/
	@media screen and (max-width:600px){
		header .inner-cube a.more{
			height: 42%;
			    align-items: end;
		}
		.cube.main p {
    line-height: 1.1;
    font-size: 17px;
}
		.inner-cube.ess-n h1 {
			padding-top:50px;
		}
		h2.main-title-n{
			    font-size: 1.2rem !important;
    padding: 0 10%;
    line-height: 1.2;
    height: 45%;
    top: 0;
    flex-direction: column-reverse;
    display: flex;
    position: absolute;
    left: 0;
		}
		
.home header .inner-cube h2 {
    font-size: 3.5em;
    line-height: 1.2 !important;
    margin-bottom: 3%;
}
		.cube.main.extraheight:after {
    padding-bottom: 95% !important;
}
		.column.medium-4.end.searchbox {
    height: auto;
}
		.collapse.columns, .column.collapse {
    padding: 0 .625rem;
}
		
		
/*			header .inner-cube, .archive header .inner-cube.ess-n, .home header .inner-cube {
    padding-bottom: 40em;
}*/
.archive header .inner-cube.ess-n h1, .archive header.my_perspective_view .inner-cube h1 {
    font-size: 1.1rem;
    line-height: 1.4rem;
    padding: 0 10px 5px;
}
.archive header .inner-cube.ess-n p {
    font-size: 4.4em;
    width: 90%;
    margin: 0 auto .7em;
}
		.cube.main .inner-cube .title {top: 0;position: absolute;}
		.cube.small h1.trending-t, .column.medium-4 article h1.trending-t {bottom: 48%;}
	   	header .container {margin: 50px auto 0 !important ;}
/*		header .column {padding-top: 50px;} */	
		.container.onn.on {margin-top: 57px;}
     	header.my_perspective_view .column {padding-top: 0;}
		.on .main-logo-container {opacity: 0; display:none;}
		.cube.main>.sides>div {height: 45%;margin-bottom: 20%;}
		.trending-in .cube.main>.sides>div {
			    height: 45%;
    margin-bottom: 0;
    flex-direction: column;
		}
		/*.trending-in h1.main-title-n {top: 7.5em;}*/
		.cube.main::after {padding-bottom: 114%;}
		h1.main-title-n {    font-size: 1.2rem; padding: 0 10%; line-height: 1.2;height: 45%;top: 0; flex-direction: column-reverse; display: flex;}
		h1.main-title-n.trendingt { height: 40%;}
		
		.trending-feed-container 	div:first-child .cube .center {    font-size: 1.2rem;top: 6em; padding:0}

		.cube.main .title {/*top: 35%;*/ top:0; left: 0;width: 100%;}
		.cube.small h1.trending-t, .column.medium-4 article h1.trending-t {font-size: 1.1rem;line-height:1.4rem;}
/*		.cube.small>.sides>div {margin-bottom:40%}
		.cube .sides>div {height: auto;}
*/

/*		.cube.main .title span {width: initial;}
*/		.scrolling .main-nav .logo-container {display:block;}

		/*		
		article.essential-box {
			position: absolute;
			width: 31.9%;
		}
		*/
		h1.above-header {font-size: 1.5rem;padding: 50px 10px 0;}
		h3.by-line-header {padding: 10px 30px;}
		h3.by-line-header::after {width:60px}
		.medium-12 article.essential-box .rectbox img{ margin-top: 30px}
		.medium-12 article.essential-box .rectbox, .medium-6 article.essential-box .rectbox {height: auto;overflow: hidden;}
		
		
	.main-nav {top: 0;
    background-color: rgba(255,255,255,1);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.23);
    display: table;
    height: 50px;
    transition: .5s box-shadow;
    width: 100%;
    max-width: none;
    left: 0;}
		.main-nav .logo-container img, .scrolling .main-nav .logo-container img {
    height: 100%;
    width: auto;
    padding: 5px;
    max-width: 50vw;
}
		.formats-trigger {
    opacity: 1;
    transition: 350ms;
}
		.main-nav .logo-container, .scrolling .main-nav .logo-container {
    min-width: inherit;
    padding: 5px;
    display: block;
    margin: .7em 1em .5em;
    float: left;
}
.logo-container span {
    font-size: .54rem;
    line-height: 0.3px;
}
.main-nav .hamburger-container {
    display: table-cell;
    float: none;
    vertical-align: middle;
    width: 70px;
    height: 100%;
    background-color: #ff0;
    position: static;
}
.main-nav .hamburger-container .hamburger {
    top: auto;
    left: 3em;
}
.main-nav .hamburger-container .hamburger span {
    background-color: #000;
}
		section, .column.medium-4.end, section.text-links .column.medium-4 {margin-bottom: 5em;}
		.text-links ul li a {1.2;}
		.text-links .row {margin: 7em 0;}
.text-links h2 {
    padding-bottom: .4em;
}
.formats-drop-menu.on {
    z-index: 666661;
    opacity: 1;
    min-height: 100vh;
    transition: .3s;
    height: 100%;
	overflow: auto;
    padding-bottom: calc(50px + 7em);
}
.formats-drop-menu ul {
    top: 1em;
    padding-top: 4vw;
}
.formats-drop-menu li {
    line-height: 1.2;
    padding-bottom: 10vw;
    background-image: url(data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc…AgTDg4LjY2NSw1MS4xNTcgTDAuODM4LDUxLjE1NyBMMC44MzgsNjUuNTY3IFoiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: auto 70%;
}
		.formats-drop-menu li strong {
    font-weight: 600;
    font-size: 5.6vw;
}
		.formats-drop-menu li .sub {
    font-size: 2.6vw;
    width: 89%;
    padding-left: 8%;
    line-height: 1.6;
    font-weight: 300;
}
		
	}



@media screen and (max-width:360px){
	h1.main-title-n {
		/*top: 1.5em;*/
	}
}




#ajaxsearchpro1_1 .probox .proinput input.autocomplete, #ajaxsearchpro1_2 .probox .proinput input.autocomplete, div.ajaxsearchpro[id*="ajaxsearchpro1_"] .probox .proinput input.autocomplete {display:none}
#ajaxsearchpro1_1 .probox .promagnifier .innericon svg, #ajaxsearchpro1_2 .probox .promagnifier .innericon svg, div.ajaxsearchpro[id*="ajaxsearchpro1_"] .probox .promagnifier .innericon
svg{width:20px}
#ajaxsearchpro1_1 .probox .proinput input.orig, #ajaxsearchpro1_2 .probox .proinput input.orig, div.ajaxsearchpro[id*="ajaxsearchpro1_"] .probox .proinput
input.orig{font-size: 16px}
input.orig, .autocomplete {
    font-family: Helvetica !important;
    text-transform: uppercase !important;
    font-weight: 900!important;
    letter-spacing: 1.5px !important;
text-align: center !important;
font-size:22px;
}
#ajaxsearchpro1_1, #ajaxsearchpro1_2, div.ajaxsearchpro[id*="ajaxsearchpro1_"] {
    box-shadow: none;
    width: 100%;
}
div.ajaxsearchpro[id*='ajaxsearchpro'] .probox .promagnifier .innericon svg { width: 30px; }
.promagnifier, .prosettings {
    box-shadow: none !important;
}
div#ajaxsearchpro1_1 {
    padding: 0 200px;
}
p#asp-try-1_1 {
    text-align: center;
    font-weight: 900;
    color: #000 !important;
    font-size: 16px;
    margin-top: 35px;
    margin-bottom: 30px;
    line-height: 22px;
    letter-spacing: 0.5px;
}

p[id*=asp-try-1] a {
    color: #000 !important;
    text-transform: capitalize;
    text-decoration: none;
font-weight: 400;
}

.probox {
    box-shadow: none !important;
}
p#asp-try-1_1 {
    position: absolute;
	left: 0!important;
}

p#asp-try-1_1 {
    position: absolute;
    left: 0 !important;
    width: 100%;
}

@media screen and (max-width:1314px){
	div#ajaxsearchpro1_1 {
    padding: 0 20% !important;
}
}
@media screen and (min-width:601px) and (max-width:1050px){
	div#ajaxsearchpro1_1 {
    padding: 0 10% !important;
}
}	

@media screen and (max-width: 480px){
	#ajaxsearchpro1_1 .probox .promagnifier .innericon svg, #ajaxsearchpro1_2 .probox .promagnifier .innericon svg, div.ajaxsearchpro[id*="ajaxsearchpro1_"] .probox .promagnifier .innericon
	svg {float:left;}
.search-en {
    width: 90% !important;
}	
div#ajaxsearchpro1_1 {padding:0 !important;}
p#asp-try-1_1 {
    margin-top: 10px;
    font-size: 12px;
    line-height: 16px;
font-weight:600;
}
p[id*=asp-try-1] a {
        margin-left: 2px;
    display: inline-flex;
}
	p[id*=asp-try-1] a:nth-child(1) {
    margin-left: 0;
}
input.orig::-webkit-input-placeholder, input.orig:-moz-placeholder, input.orig::-moz-placeholder, input.orig:-ms-input-placeholder {
    font-size: 13px !important;
}
input.orig, .autocomplete {font-size:13px !important}
div#ajaxsearchpro1_1 {
    margin-top: -50px;
    z-index: 5000;
    position: absolute;
    width: 90%;
    margin-left: -2%;
}
p#asp-try-1_1 {
         width: 90%;
    margin: 0 5%;
    padding: 0;
}
	
input.autocomplete, div.ajaxsearchpro[id*="ajaxsearchprores1_"], div.ajaxsearchpro[id*="ajaxsearchprores1_"] *, div.ajaxsearchpro[id*="ajaxsearchpro1_"], div.ajaxsearchpro[id*="ajaxsearchpro1_"] *, div.ajaxsearchpro[id*="ajaxsearchprosettings1_"], div.ajaxsearchpro[id*="ajaxsearchprosettings1_"] * {text-align:right !important;}	
}


div#ajaxsearchpro1_1 {
    padding: 0 200px;
}

.search-en{    
	padding-bottom: 80px;
	    width: 60%;
    margin: 20px auto 0;
}


div#ajaxsearchpro2_1 {
    min-width: unset;
	    margin-left: 40px;
}

body.top-search div.search-container .close-search {
    position: absolute;
    top: 20px;
    left: 20px;
}

#ajaxsearchpro2_1 .probox, #ajaxsearchpro2_2 .probox, div.ajaxsearchpro[id*="ajaxsearchpro2_"] .probox{
	margin: 0px;
    height: 60px;
    background-image: -moz-radial-gradient(center, ellipse cover, rgb(231, 231, 231), rgb(231, 231, 231));
    background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, rgb(231, 231, 231), rgb(231, 231, 231));
    background-image: -webkit-radial-gradient(center, ellipse cover, rgb(231, 231, 231), rgb(231, 231, 231));
    background-image: -o-radial-gradient(center, ellipse cover, rgb(231, 231, 231), rgb(231, 231, 231));
    background-image: -ms-radial-gradient(center, ellipse cover, rgb(231, 231, 231), rgb(231, 231, 231));
    background-image: radial-gradient(ellipse at center, rgb(231, 231, 231), rgb(231, 231, 231));
    border: 0px none rgb(255, 255, 255);
    border-radius: 0px 0px 0px 0px;
    box-shadow: 1px 0px 6px -3px rgb(181, 181, 181);
}

#ajaxsearchpro2_1 .probox .proinput input.autocomplete, #ajaxsearchpro2_2 .probox .proinput input.autocomplete, div.ajaxsearchpro[id*="ajaxsearchpro2_"] .probox .proinput input.autocomplete {
    display: none;
}
input.orig, .autocomplete {
    font-family: Helvetica !important;
    text-transform: uppercase !important;
    font-weight: 900!important;
    letter-spacing: 1.5px !important;
text-align: center !important;
font-size:22px;
}

div.ajaxsearchpro[id*='ajaxsearchpro'] .probox .promagnifier .innericon svg { width: 30px; }
.promagnifier, .prosettings {
    box-shadow: none !important;
}


.probox {
    box-shadow: none !important;
}




/*******added 22-0ct-2017******/
@media screen and (min-width: 1041px) {
.scrolling .formats-drop-menu.on {
    top: 85px;
}	
	.scrolling .main-nav {
    height: 85px;
    padding: 15px 17.5px;
    /* transition: all 2s; */
    background: #FFF;
}
	.scrolling .main-nav nav{
			    width: 77%;
    float: right;
		}
.scrolling .logo-container-d {
    width: 23%;
}

.scrolling  fieldset.join {
    width: 100%;
    padding: 0;
}
/*
.scrolling fieldset.join .legend-container {
    display: none;
}
	*/	
.scrolling .main-nav .logo-container-d .text-center.p0 span {
    font-size: 9px;
    text-align: right;
    margin-top: 5px;
}
		
img.scrollogo, .scrolling img.logo   {
    display: none;
}

.scrolling  img.scrollogo {
    display: block;
	float: right;
	margin-bottom: 5px;
}

.scrolling .main-nav .formats-trigger {
    position: relative;
    float: right;
    top: inherit;
    height: 55px;
    width: 70px;
    padding: 12px 0;
    font-size: 10px;;
}

.scrolling .main-nav .formats-trigger img.our-arrow {
    display: none;
}

.scrolling .main-nav ul {
    float: right;
    height: 55px;
    /*padding: inherit;*/
    padding: 0 10px !important;
    position: relative;
}

.scrolling ul.top-nav {
    display: none;
}
.scrolling .main-nav .formats-trigger span {
    position: relative;
    font-size: 10px;
    top: inherit;
}

.scrolling .main-nav ul li.search {
    float: right;
    position: inherit;
    height: 55px !important;
	width:70px;
	text-align: center;
}

.scrolling .main-nav ul li.search a {
    line-height: inherit;
    padding: 0;
}

.scrolling .main-nav ul li a {
    font-size: 11px;
    padding: 0 7px;
}
.scrolling li.search span {
    display: none;
}
.scrolling .main-nav ul li {
    padding: 17px 0;
}
.scrolling .main-nav ul li:nth-child(6) {
    padding-right: 15px;
}
i.fa.fa-search {
    font-size: 16px;
    padding-top: 5px;
}

    .cube .cube-bg {
        padding-top: 36px;
    }

.scrolling .main-nav ul:nth-child(3), .main-nav ul:nth-child(3) {
    /*padding: inherit;*/
   padding-right: 0 !important;
}

ul.ex-elements-container {
    display: none;
}

.scrolling ul.ex-elements-container  li.ex-elements a {
    text-transform: capitalize;
    font-weight: 600;
}

.scrolling ul.ex-elements-container  li.ex-elements a i.fa {
    font-size: 15px;
}
.scrolling ul.ex-elements-container {
    display: block;
}

.scrolling .outer-container-main-nav {
    width: 100% !important;
    background: #ffffff;
    height: 85px;
    top: 0;
    position: fixed;
    z-index: 2000;
}

body.top-search.scrolling div.search-container {
    top: 0;
    height: 100%;
    right: 70px;
    width: 59%;
}

.scrolling #ajaxsearchpro2_1 .probox .promagnifier div.innericon,.scrolling  #ajaxsearchpro2_2 .probox .promagnifier div.innericon, .scrolling div.ajaxsearchpro[id*="ajaxsearchpro2_"] .probox .promagnifier div.innericon, .scrolling #ajaxsearchpro2_1 .probox .promagnifier, .scrolling #ajaxsearchpro2_2 .probox .promagnifier, .scrolling div.ajaxsearchpro[id*="ajaxsearchpro2_"] .probox .promagnifier, .scrolling #ajaxsearchpro2_1 .probox, .scrolling #ajaxsearchpro2_2 .probox, .scrolling div.ajaxsearchpro[id*="ajaxsearchpro2_"] .probox, .scrolling #ajaxsearchpro2_1 .probox .proinput input.orig, .scrolling 
 #ajaxsearchpro2_2 .probox .proinput input.orig, .scrolling  div.ajaxsearchpro[id*="ajaxsearchpro2_"] .probox .proinput
input.orig {
    height: 55px;
}

.scrolling #ajaxsearchpro2_1 .probox .proinput input.orig, .scrolling #ajaxsearchpro2_2 .probox .proinput input.orig, .scrolling  div.ajaxsearchpro[id*="ajaxsearchpro2_"] .probox .proinput input.orig { 
	padding-top:0 !important; 
}
.single-historictimeline.scrolling .cube.main {
    top: 35px;
}
	.scrolling .main-nav .formats-trigger img.our-img {width:40px}
}

/****added 29-oct***/
@media screen and (min-width:601px) and (max-width:1040px){
	/*****navigation area***/
.scrolling .main-nav, .main-nav {
	top: 0;
	background-color: rgba(255,255,255,1);
	box-shadow: 0 0 5px 0 rgba(0,0,0,.23);
	display: table;
	height: 55px;
	transition: .5s box-shadow;
	width: 100%;
	max-width: none;
	left: 0;
	padding-top: 0;
}
	.scrolling .main-nav {
    height: 55px;
}
	
.scrolling .main-nav .logo-container, .main-nav .logo-container {
    display: table-cell;
    min-width: inherit;
    /*padding: 1em;
    margin: .7em 1em .5em;*/
	margin: 5px 3px;
    padding: 5px;
    float: left;
}
.scrolling .hamburger-container, .hamburger-container {
    display: table-cell !important;
    float: none !important;
    vertical-align: middle;
    width: 70px;
    height: 100%;
    background-color: #ff0;
    position: static !important;
    right: 0 !important;
    top: 0 !important;
}
.scrolling .main-nav .hamburger-container .hamburger, .main-nav .hamburger-container .hamburger {
    top: auto;
    left: 3em;
}
	
.main-nav .hamburger-container span {
    background: #000;
}	

.scrolling .main-nav .formats-trigger, .main-nav .formats-trigger {
    position: static;
    height: 55px;
    vertical-align: middle;
    padding: 0;
	width: 14vw;
}
	
.scrolling .main-nav .formats-trigger span, .main-nav .formats-trigger span {
    position: initial;
}

	.scrolling .main-nav .logo-container img, .main-nav .logo-container img {
    height: 100%; 
    width: auto; 
    padding: 1em;
    max-width: 280px;
    display: block;
}
	/******menu-dropdowns*****/
.drop-open nav.drop-menu .hamburger-container {
    display: none !important;
}	
	
#searchform > div {
    width: 94%;
	margin-bottom:50px;
	amargin-top:50px;
}
	
.formats-drop-menu.on, .scrolling .formats-drop-menu.on, nav.drop-menu, .scrolling nav.drop-menu {
    top: auto;
    height: 100%;
    width: 100%;
	right: 0;
    width: 100%;
    overflow: auto;
    padding: 3em 0 7em 3em;
    background-color: rgba(0,0,0,.95);
}	
	
nav.drop-menu ul.show-for-small-only {
    display: block !important;
}
nav.drop-menu ul.menu.split-menu {
    display: none;
}
.scrolling .formats-drop-menu li, .formats-drop-menu li {
    width: 100%;
}
	.formats-drop-menu ul, nav.drop-menu ul, .scrolling  .formats-drop-menu ul, .scrolling  nav.drop-menu ul {text-align: left;}
.scrolling ul.show-for-small-only, ul.show-for-small-only {
    display: none;
}
.logo-container-d.medium-4.hide-for-small-only.hide-for-small-web-n {
    display: none;
}
	
.main-nav ul {
    display: none;
}
	.formats-trigger img{max-width:}	.scrolling .main-nav .formats-trigger img.our-arrow {
    display: none;
}
	.main-nav .formats-trigger img.our-arrow {
    display: none;
}
.main-nav nav {
    display: none;
}
	.formats-trigger.show-for-small-only {display: table-cell!important;}.formats-drop-menu ul li a, nav.drop-menu ul li a, .formats-drop-menu ul:last-of-type li a, nav.drop-menu ul:last-of-type li a, .formats-drop-menu ul .dd-title, nav.drop-menu ul .dd-title, nav.drop-menu #searchform input[type=text] {
    font-size: 22px;
}	
	/****below-menu***/
	header .container, header .row {
    margin: 65px auto 0;
}
	
	/*****info pages*******/
		.new-header-padding {
    padding-top: 100px;
}
	.info-page .content .inner-content P, .search .content .inner-content P {
    font-size: 16px;
    line-height: 20px;
}
	.form-container input, .form-container input[type=submit], .form-container textarea {
    font-size: 16px;
    line-height: 20px;
}
	fieldset.join form input[type=submit] {
    line-height: 23px;
    border-top: none;
    border-bottom-color: #26e9c3;
    border-bottom-width: 3px;
}
	.info-page fieldset.join span.pre-text, .search fieldset.join span.pre-text{
    font-size: 16px;
    line-height: 20px;
}
	/****headers***/
	.page-template-my-perspective .cube.main.first, .post-type-archive-myperspective .cube.main.first, .single-myperspective .cube.main.first {
    height: 350px;
}
	.archive header .inner-cube h1, .archive header .inner-cube h2, .home header .inner-cube h1, .home header .inner-cube h2 {
    font-size: 27px;
    padding-top: 130px;
}
	.inner-cube.subjective-timeline-container.subjective-big h1 {
    padding-top: 0px;
}
.post-type-archive-myperspective .inner-cube p, .single-myperspective .inner-cube p {
    font-size: 25px;
    padding-top: 10px;
}
	.my_perspective_view .container-avatar img, header .container-avatar img {
    width: 15vw;
}
	.page-template-my-perspective .my-perspective-second-page .clogo fieldset.join, .post-type-archive-myperspective .clogo fieldset.join, .single-myperspective .clogo fieldset.join {
    width: 35%;
}
	header .inner-cube h1, header .inner-cube h2 {
    font-size: 27px;
}
	
	.cube.main .title {
    top: 0 !important;
    left: 0;
		    position: absolute !important;
}
	.inner:not(.archive) .cube.main::after, .cube.main::after, .cube::after {
    padding-bottom: 50%;
}
	h1.main-title-n {
    font-size: 27px;
    top: 5em;
		padding: 0 20px;
		line-height: 29px;
}
.cube .sides>div h2 {
   display: inline-block;
}
.trending-in .cube.main>.sides>div {
    margin-bottom: 38%;
}
	/******my-perspective*****/
	.members {
    font-size: 25px;
}
.legend-container-write-your-perspective small {
    font-size: 24px;
}	
	.legend-container-write-your-perspective p {
    font-size: 35px;
}

	/*****all pages****/
	/*****comments***/
	
.outsides {
    width: 100%;
}	
img.item-bg.loaded {
    width: 100%;
}
	.cube.main .title span {
    font-size: 12px;
}
	figure.retro-icon {
    margin: 20px auto;
}
	figure.retro-icon img {
    width: 40px;
    margin-bottom: 10px;
}
	/*****see what else****/
	.main .title span, article .title span {
    font-size: 12px;
}

	
	/******perspectives*****/
	.split-panels-container .split-panel>span.links>a {
    width: inherit;
    font-size: 20px;
}
	.split-panels-container .split-panel.left-panel .links {
    text-align: right;
}
	/**my perspective write*********/
	
	.page-template-my-perspective .my-perspective-first-page .cube.main.first {
    height: 350px;
}
	.page-template-my-perspective header fieldset.join .sub_text {
    font-size: 20px;
    margin-top: 20px;
}
	.page-template-my-perspective #container_form_write_your_prespective #write_your_prespective input[type=email], .page-template-my-perspective #container_form_write_your_prespective #write_your_prespective input[type=text] {
    font-size: 16px;
    height: 55px;
}
	.page-template-my-perspective #container_form_write_your_prespective button[type=submit], .page-template-my-perspective .my_perspective_publish_button {
    font-size: 16px;
}
	.page-template-my-perspective #container_form_write_your_prespective .sub_text {
    font-size: 20px;
    width: 100%;
}
	.page-template-my-perspective #other_perspectives {
    margin: 30px auto 50px;
}
	.myp-container span {
    font-size: 16px;
    line-height: 20px;
}
	.myp-container h2 {
    font-size: 20px;
}
	article.myperspective-box {
    margin-bottom: 30px;
}
	.myp-container span {
    font-size: 16px;
    line-height: 20px;
    margin-top: 30px;
}
	/******more links******/
	.text-links ul {
    min-height: 100px;
}
	.text-links .column.medium-4 {
    margin-bottom: 30px;
}
	.text-links ul li a, .info-page h2, .search h2 {
    font-size: 20px;
}
	section.text-links > div:nth-child(1) {
    margin-bottom: 30px;
}
	.rectbox h2 {
    font-size: 24px;
}
	.medium-12 article.subjective-box p {
    font-size: 16px;
    line-height: 20px;
}
	
.single-essential .row.smaller-sidebar>.column:first-child:not(:last-child), .single-essential .row.smaller-sidebar>.columns:first-child:not(:last-child)	{width:100%}
	
.column.medium-4.large-half-gutter-left.side-related {
    display: none;
}
	
header .column, header .columns {
    padding: 0;
}
	.show-for-small-only.search-mobile{display: block !important;}
	.single-historictimeline.scrolling .cube.main {top:20px}
	h1.above-header {
    margin-top: 40px;
}
}

@media screen and (max-width: 900px){
	.scrolling .hide-for-small-web-n, .hide-for-small-web-n {
    display: none !important;
}
}

@media screen and (min-width:1041px){
	.show-for-small-only {display: none !important;}
}


nav.drop-menu ul.menu.split-menu, ul.ex-elements-container-n {
    display: none;
}


@media screen and (min-width:601px) and (max-width:772px){
		.container_write_your_perspective_link {
    margin: 30px 0;
}
	.rectTrend .cube.small {
    height: 250px;
}
}

@media screen and (min-width:601px){
h1.main-title-n {
    top: 0;
    height: 50%;
    display: flex;
    flex-direction: column-reverse;
}
	.trending-in .cube.main>.sides>div {
    margin: 0;
    height: 50%;
    display: inline-block;
}
	.social {
    font-size: 20px;
}
	.scrolling section#multiPanels {
    margin-top: 250px !important;
}


.single-historictimeline .event_date {
    font-size: 20px;
}

.single-historictimeline .event_title {
    font-size: 25px;
}



.single-historictimeline .split-panels-container {
    padding-bottom: 55px;
}

.single-historictimeline .split-panels-container::after {
    height: 40px;
}

.single-historictimeline .split-panels-container .split-panel {
    padding-top: 25px;
}
.center-panel {
    padding-top: 15px;
}
.single-historictimeline .round-pic {
    width: 170px;
}
}
@media screen and (min-width:601px) and (max-width:1040px){

.split-panel p {
    font-size: 15px;
    line-height: 19px;
}
}
@media screen and (min-width:740px) and (max-width:1040px){
ul.ex-elements-container-n, .scrolling ul.ex-elements-container-n {
    float: right;
    display: table;
    height: 100%;
	margin-right: 10px;
}
ul.ex-elements-container-n li.ex-elements {
    margin: 0;
    vertical-align: middle;
    display: table-cell !important;
}
ul.ex-elements-container-n li.ex-elements a {
    padding: 0 10px;
    display: table-cell !important;
}
}

@media screen and (max-width: 480px) {
    .rectTrend .cube .cube-bg {
       padding-top: 30px;
    }
}

.ad .the-perspective-banner {
    margin: 20px auto;
    width: 300px;
    height: 600px;
}

.cj-most-popular {
    margin-top: 20px;
}

@media (min-width:440px){

    .cube.small.ad {
        padding: 40px;
    }
}




/*
.rectTrend .cube .grad {
    margin-top: 36px;
}

.rectTrend .cube .cube-bg {
    margin-top: 36px;
}*/

/*.cj_container {*/
/*    background-color: black;*/
/*    padding: 2px;*/
/*}*/

/*.cj_container .cj_title {*/
/*    color: yellow;*/
/*    font-size: 11px;*/
/*    padding: 2px;*/
/*}*/



/* 28.07.20 */
div[id^=ono-operated]:not(:empty) {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background-color: #f1f1f1;
    padding: 10px;
    margin: 10px 0;
}

div[id^=ono-operated]:not(:empty):before {
    content: 'ADVERTISEMENT';
    text-align: center;
    color: #999;
    font-family: "Open Sans";
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    overflow: hidden;
    margin-bottom: 9px;
    display: flex;
}