/*

Theme Name: AMA
Author: the OurPlace & LeCollective
Author URI: https://lecollective.co.uk/
Description: Theme for AMA by OurPlace Studio, developed by LeCollective
Version: 1.1

*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
addess,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 62.5%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
body {
    background: #ffffff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}
ol,
ul {
    list-style: none;
}
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption,
th,
td {
    font-weight: normal;
    text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}
blockquote,
q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none;
}
a:focus {
    outline: 2px solid #c1c1c1;
    outline: 2px solid rgba(51, 51, 51, 0.3);
}
a:hover,
a:active {
    outline: 0;
    text-decoration: none;
}
a img {
    border: 0;
}
/* Main / Home */

@font-face {
    font-family: 'AkkuratLightPro-Regular';
    src: url('fonts/AkkuratLightPro-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/AkkuratLightPro-Regular.otf') format('opentype'), url('fonts/AkkuratLightPro-Regular.woff') format('woff'), url('fonts/AkkuratLightPro-Regular.ttf') format('truetype'), url('fonts/AkkuratLightPro-Regular.svg#AkkuratLightPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AkkuratPro-Regular';
    src: url('fonts/AkkuratPro-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/AkkuratPro-Regular.otf') format('opentype'), url('fonts/AkkuratPro-Regular.woff') format('woff'), url('fonts/AkkuratPro-Regular.ttf') format('truetype'), url('fonts/AkkuratPro-Regular.svg#AkkuratPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AkkuratPro-Italic';
    src: url('fonts/AkkuratPro-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/AkkuratPro-Italic.otf') format('opentype'), url('fonts/AkkuratPro-Italic.woff') format('woff'), url('fonts/AkkuratPro-Italic.ttf') format('truetype'), url('fonts/AkkuratPro-Italic.svg#AkkuratPro-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    font-family: 'AkkuratLightPro-Regular', helvetica, arial;
    font-size: 16px;
    line-height: 1.45;
    color: #1f2844;
}
.pri {
    color: #1f2844;
}
strong,
b,
.bold,
h1,
h2,
h3,
h4,
h5,
#footer,
#header {
    font-family: 'AkkuratPro-Regular', helvetica, arial;
}
h1,
h2,
h3,
h4,
h5 {
    padding-bottom: 20px;
}
a,
a:visited {
    text-decoration: none;
    color: #1f2844;
}
ul li {
    list-style: none;
}
.ease {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.mob,
.lmob {
    display: none;
}
#page {
    width: 100%;
    height: 100%;
}
#mobmenu,
#mob-cont {
    display: none;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-button {
  width: 12px;
  height: 12px;
}
::-webkit-scrollbar-thumb {
  background: #dbe5f3;
  border: 0px solid #000;
  border-radius:0;
}
::-webkit-scrollbar-thumb:hover {
  background: #dbe5f3;
}
::-webkit-scrollbar-thumb:active {
  background: #dbe5f3;
}
::-webkit-scrollbar-track {
  background: #fff;
  border: 0px none #fff;
  border-radius:0;
}
::-webkit-scrollbar-track:hover {
  background: #fff;
}
::-webkit-scrollbar-track:active {
  background: #fff;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

#header {
    height: 80px;
    z-index: 99999;
    position: fixed;
    top: 0;
    width: 100%;
    padding: 10px;
    background: #fff;
}
#header .work_l a:hover,
.work_p .work_l a,
.single .work_l a {
    color: #ffddc7;
}
#header .about_l a:hover,
.about_p .about_l a {
    color: #dbe5f3;
}
.associates_p .associates_l a,
.associates_l a:hover {
    color: #f8f4bc;
}
.clients_p .clients_l a,
.clients_l a:hover {
    color: #c0f1e6;
}
#fullpage,
#header {
    opacity: 0;
}
#fullpage.showme,
#header.showme {
    opacity: 1;
}
#rmen .social {
	display: inline-block;
	padding-left: 50px;
	margin-bottom: 14px;
}
#rmen .social li {
    display: inline-block;
    margin-right: 7px;
    vertical-align: top;
	padding-left:0px;
}
#rmen .social li img {
    width: 100%;
    height: auto;
	width:20px;
}

#logo {
    position: absolute;
    left: 0;
    right: 0;
	margin:auto;
    width: 10%;
    text-align: center;
	z-index:99999;
}
#logo img {
    width: 100%;
    height: auto;
    max-height: 50px;
    width: auto;
}
#animation {
    display: table-cell;
    vertical-align: middle;
}
#animation span {
    color: #fff;
    font-size: 3.6em;
    padding: 0 20px;
    opacity: 0;
}
#left-menu {
	z-index:99;
}

#right-menu {
    position: absolute;
    right: 0;
    height: 50px;
    width: 51%;
    text-align: right;
	z-index:99;
}
#lmen,
#rmen {
    position: fixed;
    top: 0;
    z-index: 99999;
    width: 51%;
    padding: 30px 0 0 10px;
}
#rmen {
    padding: 30px 10px 0 0px;
}
#lmen li {
    display: inline-block;
    padding-right: 55px;
    cursor: pointer;
    vertical-align: top;
}
#rmen li {
    display: inline-block;
    padding-left: 55px;
    cursor: pointer;
}
#lmen li a {} #menu {
    text-align: right;
    font-size: 1em;
    text-transform: uppercase;
}
#menubutton {
    position: fixed;
    right: 30px;
    top: 30px;
    z-index: 99;
    display: block;
}
#menubutton.hide {
    display: none;
}
.main_menu {
    opacity: 0;
    padding: 30px;
    top: 0px;
    right: 0px;
    position: absolute;
    background: #fff;
    width: 100%;
    z-index: 97;
}
.main_menu.show {
    display: block;
    opacity: 1;
}
.main_menu ul li {
    display: inline-block;
    padding-left: 20px;
    letter-spacing: 1em;
}
.section {
    text-align: center;
}
/*Boxes*/

.fp-tableCell {
    position: relative;
}
.box,
.client_img {
    background-repeat: no-repeat;
    background-size: contain !important;
    text-align: left;
    background-position: center center;
}
.box {
    background-size: cover !important;
}
.p20 {
    padding: 20px;
}
.box_copy {
    position: absolute;
    left: 10px;
    right: 10px;
}
.box_copy.Top {
    top: 10px;
    bottom: 10px;
}
.box_copy.vidbox {
    left: 0px;
    right: 0px;
    bottom: 0px;
}
.box_copy.Bottom {
    bottom: 20px;
}
.box_copy h1,
.box_copy h2 {
    font-size: 1.6em;
}
.box_copy h1::before {
    content: "+";
    font-size: 1.3em;
    vertical-align: baseline;
    padding-right: 5px;
}
.bottomlink a::after {
    content: "+";
    font-size: 1.3em;
    vertical-align: baseline;
    padding-left: 5px;
    display: inline-block;
}
.bottomlink {
    position: absolute;
    bottom: 0;
    left: 30px;
}
.bottomlink a {
    font-size: 1.6em;
    vertical-align: middle;
}
.box_copy p,
.testimonial p,
.overlay p {
    padding-bottom: 20px;
    max-width: 95%;
    font-size: 1em;
    line-height: 1.45;
}
.box_copy p,
.box_copy h1,
.box_copy h2 {
    padding-bottom: 5px;
}
.box_copy p,
.box_copy h2 {
    padding-left: 20px;
}
h2.widgettitle {
	padding-bottom:0;
}
article {
	width:30%;
	display:inline-block;
	padding:20px 20px 10px 20px;
	vertical-align:top;
	margin:0 1.6% 1.6% 1%;
	cursor:pointer;
	opacity:1;
	background-color:#ffddc7;
}
article:nth-child(3n+3) {
	background-color:#fcf4bd;
}
article:nth-child(2n) {
	background-color:#c1f1e7;
}

article:nth-child(4n+4) {
	background-color:#dbe5f3;
}

article:nth-child(5n+5) {
	background-color:#ffddc7;
}
article:hover {
	opacity:0.7;
}
article img {
    max-width: 100%;
    height: auto;
}
article p {
    font-size: 0.8em;
    max-width: 90%;
}
.divider {
	border-bottom:1px solid #1f2844;
	margin:10px 0;
	width:100%;
}
#newsbar {
	padding-right:5px;
}
.news-date {
	margin-bottom: 15px;
	
}
#page .featured h3 {
	font-size:14px;
	padding:10px 0;
}
.featured img {
	width:100%;
	height:auto;
	display:block;
}
.quarter {
    position: absolute;
    width: 15%;
    height: 100%;
	padding:20px 10px 20px 20px;
}
.threequarter {
    position: absolute;
    width: 85%;
	padding:20px;
    height: 100%;
	right:15%;
    overflow-x: auto;
    overflow-y: scroll;
}
.lhalf {
    position: absolute;
    width: 42.5%;
	padding:20px;
    height: 100%;
	top:0;
	left:0;
    overflow-y: scroll;
}
.lhalf h5 {
	
    font-family: 'AkkuratLightPro-Regular';
}
.lhalf li {
	list-style:none;
}
.lhalf img {
	width:100%;
	height:auto;
}
.rhalf {
    position: absolute;
    width: 42.5%;
	padding:20px;
    height: 100%;
	top:0;
	left:42.5%;
    overflow-y: scroll;
}
.oneone {
    position: absolute;
    width: 50%;
    height: 50%;
    overflow: hidden;
}
.onetwo {
    position: absolute;
    width: 50%;
    height: 100%;
}
.p_clients .onetwo {	
    overflow-y: scroll;
}

.p_clients .onetwo::-webkit-scrollbar-thumb {
  background: #fff;
}
.p_clients .onetwo::-webkit-scrollbar-thumb:hover {
  background: #fff;
}
.p_clients .onetwo::-webkit-scrollbar-thumb:active {
  background: #fff;
}
.p_clients .onetwo::-webkit-scrollbar-track {
  background: #c0f1e6;
  border: 0px none #fff;
}
.p_clients .onetwo::-webkit-scrollbar-track:hover {
  background: #c0f1e6;
}
.p_clients .onetwo::-webkit-scrollbar-track:active {
  background: #c0f1e6;
}
.twoone {
    position: absolute;
    width: 100%;
    height: 50%;
}
.tl {
    left: 0;
    top: 0;
}
.tr {
    right: 0;
    top: 0;
}
.bl {
    bottom: 0;
    left: 0;
}
.br {
    bottom: 0;
    right: 0;
}
.bai {
    position: absolute;
    bottom: 0;
}
.bai img {
    width: 100%;
    height: auto;
}
video {
    
    max-width: 100%;
    height: auto;
    max-height: 100%;
    min-height: 100%;
    display: inline-block;
    width: auto;
    vertical-align: bottom;
    position: absolute;
    display: table-cell;
    bottom: 0;
}
.overlay {
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding: 20px 20px 20px 30px;
    display: none;
    background-color: rgba(255, 255, 255, 0.8);
}
.overlay h1::before,
.single .box_copy h1::before,
#takeover h1::before,
.testimonial h1,
article h1 {
    content: "";
    padding-right: 0px;
}
.overlay h1,
.single .box_copy h1,
.single .box_copy h2,
#takeover h1,
#clist li,
.testimonial h1,
#clist,
article h1,
.bottomlink {
    font-size: 1.6em;
    padding-bottom: 5px
}
#clist li {
    font-size: 1em;
}
.overlay h2,
.single .box_copy h2,
#takeover h2,
.testimonial h2,
article h2 {
    font-size: 1.6em;
    padding-bottom: 10px
}
.overlay h2::before,
.single .box_copy h2::before,
#takeover h2::before,
.testimonial h2::before,
article h2::before {
    content: "— ";
}
.overlay h3,
.single .box_copy h3,
#takeover h3,
.testimonial h3,
article h3 {
    font-size: 1.6em;
    padding-bottom: 10px
}
.overlay h2 {
    padding-left: 22px;
    text-indent: -22px;
}

#clist li {
    color: #1f2844;
    cursor: pointer;
}
#clist li:hover {
    color: #fff;
}
.client_img {
    background-size: cover;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
}
.testimonial {
    opacity: 0;
    display: none;
}
.client_img.show,
.testimonial.show {
    opacity: 1;
    display: block;
}
#footer {
    background: #f8f4bc;
    height: 46%;
    position: fixed;
    bottom: -50%;
    width: 100%;
    padding: 2% 20px;
    z-index: 9999;
}
#footer.slidup {
    bottom: 0;
}
#footer .column {
    width: 50%;
    display: inline-block;
    float: left;
}
#footer h3 {
    padding: 5px 0;
}
#footer .column.rcol {
    padding-left: 20px;
}
#footer .social {
    padding: 5px 0;
}
#footer .social li {
    display: inline-block;
    width: 20px;
    margin-right: 5px;
}
#footer .social li img {
    width: 100%;
    height: auto;
}
#footerlink {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
    bottom: 20px;
    font-size: 0.8em;
}
.arrowup {
    border-left: 3px solid #1f2844;
    border-top: 3px solid #1f2844;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 20px;
    height: 20px;
    left: 0;
    right: 0;
    bottom: 20px;
    margin: auto;
    position: absolute;
    text-indent: -9999999px;
}
.utt,
#footerlink .arrowup {
    display: none;
}
.utt:first-child,
#footerlink .utt a,
#footerlink .arrowup:nth-of-type(1) {
    display: block;
}
#twitter {
    border-top: 1px solid #1e2a43;
    border-bottom: 1px solid #1e2a43;
    padding: 10px 0;
    width: 80%;
    height: 250px;
    overflow: hidden;
    height: auto;
}
#baselink {
    position: fixed;
    width: 100%;
    z-index: 999;
    bottom: 0;
    padding: 20px 20px 10px 20px;
    font-size: 1.6em;
}
#nextlink,
#lightboxlink {
    display: inline-block;
    cursor: pointer;
}
#nextlink {
    bottom: 10px;
}
#lightboxlink {
    display: none;
}
#nextlink::after,
#lightboxlink::after {
    content: " +";
    font-size: 1.6em;
    vertical-align: middle;
}
#nextlink {
    position: absolute;
    right: 20px;
}
#takeover {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    line-height: 1.45;
    padding: 2% 20px;
    display: none;
    top: 0;
}
#takeover h1,
#takeover h2 {
    text-align: left;
    padding-left: 20px;
}
#embedblock {
    text-align: center;
    display: table;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}
#embedcont {
    display: table-cell;
    vertical-align: middle;
}
#finalembed {} #embedcont iframe {} #slider {
    position: relative;
    margin-bottom: 20px;
    max-width: 100%;
    margin: auto;
}
#slider .prevButton {
    height: 100%;
    width: 50%;
    position: absolute;
    top: 0;
    margin-top: 0px;
    cursor: pointer;
    z-index: 2000;
    background-position: left top;
    left: 0
}
#slider .nextButton {
    height: 100%;
    width: 50%;
    position: absolute;
    top: 0;
    margin-top: 0px;
    cursor: pointer;
    z-index: 2000;
    background-position: right top;
    right: 0
}
#slider .prevButton:hover {
    cursor: url(img/arrowleft_sm.png), auto;
}
#slider .nextButton:hover {
    cursor: url(img/arrowright_sm.png), auto;
}
#takeover {
    cursor: url(img/cross_sm_blk.png), auto;
}
#slider ul {
    max-width: 100%;
    list-style: none outside none;
    position: relative;
    overflow: hidden;
}
#slider li:first-child {
    display: list-item;
    position: absolute;
}
#slider li {
    position: absolute;
    display: none;
}
#slider li img {
    height: auto;
}
.back_link,
.hidedsk {
    display: none;
}
.box_copy p:first-child {
    padding-top: 10px;
}
#news {
	margin-bottom:50px;
}
#news_foot {
	display:none;
	position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #dbe5f3;
	color:#1f2844;
    font-family: 'AkkuratPro-Regular';
	font-size:12px;
}
#foot_logo {
	width:70px;
	display:inline-block;
	padding: 10px 10px 5px 10px;
}
#foot_logo img {
	width:100%;
	height:auto;
}

#btt {
	position:absolute;
	left:0;
	right:0;
	bottom:10px;
	width:100px;
	display: inline-block;
    margin: auto;
	text-align:center;
	top:10px;
	cursor:pointer;
}
#up {
	width:30px;
	display:block;
	margin:auto;
}
#up img {
	width:100%;
	height:auto;
}
#foot_content {
	position:absolute;
	right:10px;
	top:15px;
}
#foot_content li {
	display:inline-block;
	padding-right:20px;
}
#credit {
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: 1em;
    font-family: 'AkkuratLightPro-Regular', helvetica, arial;
}
#credit a {
    border-bottom: 1px solid;
}
.readmore {
	padding-top:5px;
}
.readmore a {
    font-family: 'AkkuratPro-Regular', helvetica, arial;
}
#topfade {
	display:none;
}
#imgscroll {
}
@media screen and (max-width: 1270px) {
	#rmen .social {
		display:none;
	}
}
@media screen and (max-width: 1024px) {
    .box_copy p,
    .testimonial p,
    .overlay p {
        font-size: 0.8em;
    }
    .overlay h2,
    .single .box_copy h2,
    #takeover h2,
    .testimonial h2,
    article h2,
    .overlay h1,
    .single .box_copy h1,
    .single .box_copy h2,
    #takeover h1,
    #clist li,
    .testimonial h1,
    #clist,
    article h1,
    .bottomlink a,
    .bottomlink a,
    .bottomlink {
        font-size: 1.2em;
    }
}
@media screen and (max-width: 767px) {
    #logo {
        position: absolute;
        left: 10px;
        right: 0;
        width: 100%;
        text-align: left;
    }
    #left-menu,
    #right-menu {
        display: none;
    }
    .mline {
        background: #1f2945;
        height: 1px;
        width: 35px;
        margin-bottom: 10px;
        opacity: 1;
        top: 10px;
        position: relative;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    .mline.dance {
        background: #1f2945;
        top: 14px;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        margin-top: 5px;
    }
    #line1.mline,
    #line3.mline {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    #line1.mline.dance {
        -moz-transform: rotate(-225deg);
        -webkit-transform: rotate(-225deg);
    }
    #line2.mline.dance {
        opacity: 0;
        -moz-transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
    }
    #line3.mline.dance {
        -moz-transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        top: -8px;
    }
    #mob-cont {
        top: 60px;
        bottom: 0;
        z-index: 9999999;
        width: 100%;
        height: 100%;
        background: #fff;
        position: fixed;
        padding-top: 25px;
        left: 0;
    }
    #mob-cont a,
    #mob-cont a:visited {
        display: inline-table;
    }
    #mob-cont.active,
    .mob {
        display: block;
    }
    .home .blogo,
    .p_about .blogo,
    .p_clients .glogo,
    .p_work .plogo,
    .single .plogo,
    .p_associates .ylogo,
    .p_contact .ylogo,
    .p_news .plogo {
        display: block;
    }
    #mobmenu {
        display: block;
        cursor: pointer;
        position: fixed;
        right: 20px;
        top: 10px;
        z-index: 99999999;
    }
    .mob_menu {
        text-align: center;
    }
    .mob_menu ul li {
        padding: 10px;
    }
    .mob_menu ul li a {
        font-size: 24px;
        letter-spacing: 2px;
        font-weight: bold;
    }
    .box_copy p,
    .box_copy h1,
    .box_copy h2 {
        padding-bottom: 0px;
        max-width: 100%;
        font-size: 16px !important;
        line-height: 20px;
    }
    .box_copy {
        left: 0;
        right: 0;
        padding: 0;
    }
    .box_copy h1,
    .box_copy h2 {
        line-height: 16px;
        padding: 5px 0 10px;
    }
    .box_copy p,
    .box_copy h2 {
        padding-left: 20px;
    }
    .threequarter {
        position: relative;
        width: 100%;
        height: auto;
		overflow-y:auto;
    }
	.quarter {
		width: 100%;
		position: relative;
		/*height: 80px;*/
        height: 100%;
        display:none;
		background-color: transparent !important;
	}
	#topfade {
		display:block;
		position:absolute;
		width:100%;
		height:50px;
		top:50%;
		left:0;
		background-image:url(img/fadetop.png);
		background-repeat:repeat-x;
		z-index:9999;
		margin-top:20px;
	}
    .lhalf, .rhalf {
		width: 100%;
		left: 0px;
		top:65px;
		height: 40%;
		padding:0 20px;
		position: absolute;
		overflow-x: scroll;
    }
	.lhalf {
		padding:0 20px;
	}
	.lhalf .slimScrollDiv, #imgscroll {
		height:auto !important;
	}
	.rhalf {
		top:50%;
		margin-top:20px;
	}
	.widget-area ul li {
		display:inline-block;
    padding-right: 10px;
	}
	h2.widgettitle {
		padding-bottom: 10px;
		display: inline-block;
		padding-right:20px;
	}
	#cntscroll {
		padding-top:20px;
	}
	.block {
		display:block;
		padding:20px 0;
	}
	.sharelinks {
		display:inline-block;
		padding-right:20px;
	}
    .oneone {
        width: 100%;
        padding: 0;
        font-size: 18px;
        background-position: center;
        background-repeat: no-repeat;
        bottom: initial;
        top: initial;
        position: relative;
        height: auto;
        min-height: 225px;
        display: block;
        line-height: 23px;
    }
    .oneone.half {
        width: 50%;
        float: left;
        display: inline-block;
        vertical-align: top;
    }
    .section {
        display: inline;
    }
    .box_copy {
        position: relative;
        padding: 20px 10%;
    }
    .box_copy h1,
    .box_copy h2,
    .box_copy h3,
    .single .box_copy h1,
    .single .box_copy h2,
    .single .box_copy h3 {
        font-size: 18px
    }
    .box_copy.Top {
        top: initial;
        bottom: initial;
    }
    .box_copy p strong {
        margin: 10px 0;
        display: inline-block;
    }
    #page {
        margin-top: 60px;
    }
    #header {
        height: 65px;
    }
    #logo img {
        max-height: 45px;
        max-width: 140px;
    }
    .bai {
        position: relative;
        bottom: initial;
    }
    .bottomlink {
        position: absolute;
        bottom: 0;
        font-size: 18px;
        left: 10px;
        /*display:none;*/
    }
    .bottomlink a {
        font-size: 18px;
    }
    .overlay {
        padding: 10px;
    }
    .overlay p {
        display: none;
    }
    .overlay h1,
    .overlay h2 {
        font-size: 16px;
    }
    .onetwo {
        width: 100%;
        position: relative;
        height: 100%;
        text-align: center;
        font-size: 14px;
        color: #1f2844;
    }
    .onetwo #clist li {
        color: #1f2844;
    }
    .onetwo #clist span {
        display: none;
    }
    .testimonial {
        opacity: 1;
        display: none;
        padding: 20px 10%;
    }
    .oneone.ft,
    .oneone.fti {
        display: none;
    }
    #clist li {
        cursor: default;
    }
    .testimonial p {
        max-width: 100%;
    }
    .client_img {
        background-position: center;
    }
    #embedcont iframe {
        max-width: 100%;
        height: auto;
    }
    #embedblock,
    #embedcont {
        display: block;
        position: relative;
        top: 0;
    }
    #nextlink {
        display: none;
    }
    #baselink {
        display: none;
    }
    #takeover {
        position: relative;
        display: block;
        padding: 0;
        top: 0;
    }
    #takeover h1,
    #takeover h2 {
        display: none;
    }
    .back_link {
        display: block;
        width: 100%;
        height: 30px;
        position: relative;
        font-size: 18px;
        text-decoration: none !important;
        padding: 0 13%;
        margin: 10px 0;
    }
    .back_link::after {
        content: "+";
        font-size: 18px;
        vertical-align: middle;
        padding-left: 5px;
    }
    #footer.slidup {
        height: 100%;
        padding-top: 65px;
        font-size: 14px;
    }
    #footer .column {
        width: 100%;
        display: inline-block;
        float: none;
        text-align: center;
        margin: 10px 0;
    }
    #footer .column.rcol {
        padding-left: 0;
    }
    #footer.slidup h3,
    #footer.slidup #twitter {
        display: none;
    }
    #footerlink {
        display: none;
    }
    .hidebox,
    .dsk {
        display: none;
    }
    .hidedsk {
        display: block;
    }
	article {
		width:100%;
		margin:0 auto 30px auto;
	}
}
@media screen and (max-width: 568px) {
  /*  .widget-area ul li {
        width: 47%;
    }*/
    .overlay h1,
    .overlay h2 {
        font-size: 12px;
        line-height: 14px;
    }
    .oneone {
        min-height: 185px;
    }
}
@media (min-width: 768px) {
    .box_copy .box_section {
        max-height: 50%;
        width: 100%;
    }
    .box_section p {
        padding-left: 30px;
    }
    .box_section h1 {
        margin-bottom: 0px;
    }
    
}
@media (min-width: 1050px) {
    #page h1,
    #page h2,
    #page h3,
    #page h4,
    .bottomlink a, .readmore a {
        font-size: 16px;
    }
    #page p,
    article {
        font-size: 12px;
    }
}
@media (min-width: 1200px) {
    #page h1,
    #page h2,
    #page h3,
    #page h4,
    .bottomlink a, .readmore a {
        font-size: 18px;
    }
    #page p, article {
        font-size: 14px;
    }
}
@media (min-width: 1400px) {
    #page h1,
    #page h2,
    #page h3,
    #page h4,
    .bottomlink a, .readmore a {
        font-size: 21px;
    }
    #page p, article {
        font-size: 16px;
    }
}
@media (min-width: 1600px) {
    #page h1,
    #page h2,
    #page h3,
    #page h4,
    .bottomlink a, .readmore a {
        font-size: 23px;
    }
    #page p, article {
        font-size: 18px;
    }
}
@media (min-width: 1950px) {
    #page h1,
    #page h2,
    #page h3,
    #page h4,
    .bottomlink a, .readmore a {
        font-size: 26px;
    }
    #page p, article {
        font-size: 20px;
    }
}
@media (min-width: 2000px) {
    #page h1,
    #page h2,
    #page h3,
    #page h4,
    .bottomlink a, .readmore a {
        font-size: 30px;
    }
    #page p, article, #newsbar ul li {
        font-size: 24px;
    }
}
/*Specific devices */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .fp-section.fp-table,
    .fp-slide.fp-table,
    .fp-tableCell {
        display: block !important;
        /*padding-top:0px !important;*/
    }
    .page-template-clients .box,
    .page-template-clients .fp-section.fp-table,
    .page-template-clients .fp-tableCell {
        height: 100% !important;
    }
    .oneone {
        min-height: 170px;
    }
    #lmen,
    #rmen {
        width: 45%;
    }
    #rmen {
        width: 55%;
        right: 0;
    }
    .mob_menu {
        display: table;
        width: 100%;
        height: 100%;
        margin-top: -110px;
    }
    .mob_menu ul {
        display: table-cell;
        vertical-align: middle;
    }
    .mob_menu ul li a {
        font-size: 36px;
    }
}
@media screen and (max-width: 768px) {
    /*.fp-section,*/
    .fp-slide,
    .fp-tableCell {
        height: auto !important;
    }
    .fp-section {
        padding-top: 0 !important;
    }
}