@font-face {
	font-family: content;
	src: url(fonts/MyriadPro-Regular.otf);
}
@font-face{
	font-family: contentlight;
	src: url(fonts/MyriadPro-Light.otf);
}
@font-face{
	font-family: contentbold;
	src: url(fonts/MyriadPro-Semibold.otf);
}

html {

	background: white;

}

body {
	height: auto !important;
	top: -25px;
}
.wp-admin .nav {
	width:auto;
	-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	position: static;
    background: transparent;
}
body.login {

	background:transparent;

}

.colorblue {

	color: #3A87A3 !important;
	font-family: content;
	font-size: 14px;
}

.colorgreen {

	color: rgb(0,156,124) !important;

}

.colorred {

	color: rgb(190,33,47) !important;

}

.background {

    background: transparent url("../../themes/YOMM/images/background.jpg") repeat scroll 0% 0% / cover;

    position: absolute;

    left: 0px;

    width: 100%;

    z-index: -1;

    bottom: 0px;

    height: 61%;

}

#login {

	padding: 0;

	width: 35%;

	position: absolute;

	top: 8%;

	left: 50%;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	transform: translateX(-50%);

}

.login .loginlabel{

	visibility: visible;

	clear: both;

	overflow: auto;

	display: block;

	font-size: 14px;

	line-height: 20px;

	text-align: center;

	color: rgb(58, 135, 163);

	position: absolute;

	left: 50%;

	top: calc(10% + 105px);

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	transform: translateX(-50%);

}

.login .loginlogo {

	text-align: center;

	height: 10vh;

}

.login .loginlogo img {

	height: 100%;

}

label[for=user_login] > br, label[for=user_pass] > br

{

    display: none;

}


#loginform p,#lostpasswordform p,#resetpassform p {
    margin: 0px;
	white-space: nowrap;

}

#loginform p label,#lostpasswordform p label,#resetpassform p label {

	visibility: hidden;

    line-height: 0px;

    font-size: 0px;

}

#loginform p label input,#lostpasswordform p label input,#resetpassform p label input{

    visibility: visible;

    margin:0px;

    border: none;

	box-shadow: unset;

	padding: 10px 30px;

	height: 8vh;

	position: relative;

    z-index: 1;

    font-size:14px;

    width: 100%;

}

.login form{

	padding: 0px;

	box-shadow: unset;

	background: transparent;

	width: 100%;

	margin-top: 5vh;

	border-radius: 15px;

}

.forgetmenot,#backtoblog{

	display: none;

}

#login .submitdiv, #lostpasswordform .submitdiv, #resetpassform .submitdiv{

	position: relative;

}

#login .submit, #lostpasswordform .submit, #resetpassform .submit{

	position: absolute;

	background:url('images/login-enterbutton_v-16.svg');

	background-size: cover;

	background-repeat: no-repeat;

	position: absolute;

	top: 10%;

	left: 50%;

	height: 100px;

	width:100px;

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	transform: translateX(-50%);

}
#menu-users ul li a {
	display: none;
}
#menu-users ul li a[href="user-new.php"], #menu-users ul li a[href="users.php"]{
	display: inline-block !important;
}
#yp-details{

	margin-top: 10px;
	display: inline-block;
	width: 100%;
	color: black;
	background-color: lightgrey;
}

#yp-details .yp-search-table tbody tr:nth-child(even) {
/*    background-color: rgb(222,223,224);*/
    background: rgb(235,235,236);
}

#yp-details .yp-search-table tbody tr:nth-child(odd) {
    /*background-color: rgb(187,189,191);*/
        background: rgb(222,223,224);

}

#yp-details table{


	display: inline-block;
	vertical-align: middle;

}

#yp-details table tbody tr {
	padding: ;
}

#yp-details table th{

	text-align:left;
	padding: 10px 70px 0px 30px;
	color: rgb(187,189,191);
	font-size: 10pt;

}

#yp-details table td{

	padding: 5px 0px 5px 0px;
	color: black;
	font-size: 10pt;
	width: 11.111%;
	font-family: content;
	text-align: center;

}

.searchyp {
	right: 5.25%;
	top: 17.5%;
	cursor: pointer;
	position: fixed;
}

.searchypbtn {
	background: transparent;
	border: 1px solid rgb(58,135,163);
	font-size: 10pt;
	color: rgb(58,135,163);
	border-radius: 5px;
	font-weight: 600;
	font-family: content;
	padding: 4px 8px;
	font-size: 13.333px;
	vertical-align: middle;
}

#searchypbtn img {
	vertical-align: middle;
}

.searchypbtn:hover {
	color: white;
	background-color: rgb(58,135,163);
}

.ypfields label {
	font-family: content;
	font-size: 10pt;
	color: rgb(58,135,163);
	display: block;
	cursor: default;
}

.ypfields span {
	display: inline-block;
	width: 10.80%;
}

.ypfields .ypinput {
	background-color: white;
	border: 1px solid rgb(58,135,163);
	border-radius: 5px;
	font-family: content;
	width: 100%;
	vertical-align: middle;
	height: 25px;
	color: black;
}

.yptable {
	width: 100%;
}

.yptable tbody tr td {
	width: 11%;
}

.oddrow {
	background-color: rgb(187,189,191);
	height:25px;

}

.evenrow {
	background-color: rgb(222,223,224);
	height: 25px;
}

/*#yp-details table tr {

	background-color: rgb(58,135,163);

}*/


#lostpasswordform .submit{

background:url('images/password-send-01.svg');

}

#resetpassform .submit{

background:url('images/password-save-01.svg');

}

.login .message {

	position: absolute;

    top: 100%;

    width: 100%;

    color:rgb(190,33,47);

    border-left:4px solid rgb(190,33,47);

}

label[for="pass1"],.login #pass-strength-result, .login .indicator-hint, .login-action-rp .clear,
.login-action-resetpass form .clear{

	display: none !important;

}

.newmessage{

	visibility: visible;

    margin: 0px;

    background: rgb(222,223,224);

    border: none;

    box-shadow: unset;

    padding: 10px 30px;

    min-height: 8vh;

    box-sizing: border-box;

    z-index: 1;

    width: 100%;

    white-space: normal !important;

    font-size: 12px;

    display: inline-block;

}

.login-action-resetpass #login{

display: none;

}

/*#pass1{

	visibility: hidden !important;

	position: absolute;

	top:100%;

	opacity: 0 !important;

	height: 0px !important;

	padding: 0px !important;

	margin: 0px !important;

}*/
#resetpassform .wp-pwd .password-input-wrapper {
	display:inline-block;
	width:100%;
}
#resetpassform .wp-pwd .password-input-wrapper .button-secondary,
#resetpassform .pw-weak{
	display: none !important;
}
#resetpassform #pass1-text {
	display: none;
}


#pass1-text, #resetpassform #pass1 {

	visibility: visible;

    margin: 0px;

    background: transparent;

    box-shadow: unset;

    padding: 10px 30px;

    height: 8vh;

    box-sizing: border-box;

    z-index: 1;

    color: white;

    width: 100%;

    white-space: normal !important;

    font-size: 12px;

	display: inline-block;

	border:none;

}

.form-table .form-field #pass1-text {
	width: 350px;
	border: 1px solid rgb(58,135,163);
	font-size: 10pt;
	text-align: center;
	height: 28px;
}

#pass-strength-result.strong, #pass-strength-result.bad, #pass-strength-result.good, #pass-strength-result.short {
	font-size: 10pt;
	font-weight: 400;
	font-color: black;
	width: 350px;
	border-radius: 5px;
	margin-top: 5px;
}







/*.submit input {

	display: block !important;

	height: 100% !important;

	width: 100%;

	opacity: 0;

}*/

.submitdiv .submit input {
	display: block !important;

	height: 100% !important;

	width: 100%;

	opacity: 0;
}

.halfcircle {

	width:101%;

	margin-left: -.5%;

	margin-top: -1px;

}

/*#loginform:before{

	content: '';

	position: absolute;

	left: 0px;

	top: 100%;

	width:100%;

	height: 200px;

	background:white;

}*/

.forgotpassword {

	position: absolute;

	left: 50%;

	top: 10%;

	top: calc(20% + 115px);

	-webkit-transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-o-transform: translateX(-50%);

	transform: translateX(-50%);

	text-decoration: none;

	color: rgb(58,135,163);

}

.forgotpassword:hover{

	color: rgb(58,135,163);

}

.login #nav {

	display: none;

}

#user_login {

	background:rgb(222,223,224);

}

#lostpasswordform ::-webkit-input-placeholder, #resetpassform ::-webkit-input-placeholder { /* WebKit, Blink, Edge */

    color: white;

}

#lostpasswordform :-moz-placeholder,#resetpassform :-moz-placeholder { /* Mozilla Firefox 4 to 18 */

   color: white;

   opacity:  1;

}

#lostpasswordform ::-moz-placeholder,#resetpassform ::-moz-placeholder { /* Mozilla Firefox 19+ */

   color: white;

   opacity:  1;

}

#lostpasswordform :-ms-input-placeholder,#resetpassform :-ms-input-placeholder { /* Internet Explorer 10-11 */

   color: white;

}

#lostpasswordform :placeholder-shown,#resetpassform :placeholder-shown  { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */

  color: white;

}

#lostpasswordform #user_login, #resetpassform #pass1-text, #resetpassform #pass1{

	color: white;

	background: rgb(58,135,163);

}



#user_pass {

	background:rgb(235,235,236);

}



.ns-growl {

	top: 30px;

	left: 30px;

	max-width: 300px;

	border-radius: 5px;

}

.ns-effect-jelly{

	background:rgb(58,135,163) !important;

}

.ns-type-error{

	background:rgb(244,125,49) !important;

}

.ns-effect-jelly a{

	color: white !important;

}



.ns-type-error .ns-close::before,

.ns-type-error .ns-close::after {

	background: white;

}

#notification-trigger{

	display: none !important;

}

.ns-growl p {

	margin: 0;

	line-height: 1.3;

}



/* For hiding the notification, we'll simply reverse the applied animation by default */



[class^="ns-effect-"].ns-growl.ns-hide,

[class*=" ns-effect-"].ns-growl.ns-hide {

	animation-direction: reverse;

}



/* Scale effect */

.ns-effect-scale {

	background: #67c58f;

	box-shadow: 0 25px 10px -15px rgba(0,0,0,0.05);

}



.ns-effect-scale a {

	color: #1f8a4c;

}



.ns-effect-scale a:hover,

.ns-effect-scale a:focus {

	color: #fff;

}



.ns-effect-scale .ns-close::before,

.ns-effect-scale .ns-close::after {

	background: #1f8a4c;

}



.ns-effect-scale .ns-close:hover::before,

.ns-effect-scale .ns-close:hover::after {

	background: #fff;

}



.ns-effect-scale.ns-show,

.ns-effect-scale.ns-hide {

	animation-name: animScale;

	animation-duration: 0.25s;

}

.group-table{

	width:100%;

}

.group-table th{

	text-align:left;

}

#adminmenuwrap{

	background-color: transparent;

}

#adminmenu{

	background-color: transparent;
	margin-top: 40px;

}

#adminmenu .wp-has-current-submenu .wp-submenu, #adminmenu .wp-has-current-submenu .wp-submenu.sub-open, #adminmenu .wp-has-current-submenu.opensub .wp-submenu, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, .no-js li.wp-has-current-submenu:hover .wp-submenu{

	background-color: transparent;

}

#adminmenu .opensub .wp-submenu li.current a, #adminmenu .wp-submenu li.current, #adminmenu .wp-submenu li.current a, #adminmenu .wp-submenu li.current a:focus, #adminmenu .wp-submenu li.current a:hover, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a{

	color:#000;

}

#adminmenu a{

	color:#3986a3;

}

#adminmenu #menu-users a.wp-has-submenu.wp-not-current-submenu.menu-top.menu-icon-users.menu-top-last {
	color: black;
}

#adminmenu #menu-users a.wp-has-submenu.wp-not-current-submenu.menu-top.menu-icon-users.menu-top-last:hover, #adminmenu #menu-users a.wp-has-submenu.wp-not-current-submenu.menu-top.menu-icon-users.menu-top-last:hover div,#adminmenu li.opensub div.wp-menu-name{
	color: white;
}

#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head, #adminmenu .wp-menu-arrow, #adminmenu .wp-menu-arrow div, #adminmenu li.current a.menu-top, #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, .folded #adminmenu li.current.menu-top, .folded #adminmenu li.wp-has-current-submenu{

	background-color:#3986a3;

}

#adminmenu .wp-submenu a{

	color:#000;

}
/*#adminmenu .wp-submenu{
	background:yellow;
}*/
/*#adminmenu, #adminmenu .wp-submenu, #adminmenuback, #adminmenuwrap{

	background-color:#eee;


}*/
#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after{
	display: none !important;
	top:13.5px;
	border-right-color: rgb(235,235,236) !important;
}

#adminmenuback {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5fa 44%, #eeeeee 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5fa 44%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f5f5fa 44%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}

#adminmenu li.menu-top:hover{

	background-color:#3986a3;

	color:#fff;

}

#adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus{

	background-color:#3986a3;

	color:#fff;

}

#adminmenu .wp-submenu a:focus, #adminmenu a:hover, #adminmenu li.menu-top > a:focus div{

	color:#fff;

}

.yp-details{

	border-radius: 20px;
	/*overflow: auto;*/

}

@keyframes animScale {

	0% { opacity: 0; transform: translate3d(0,40px,0) scale3d(0.1,0.6,1); }

	100% { opacity: 1; transform: translate3d(0,0,0) scale3d(1,1,1); }

}



@media screen and (min-width: 1500px){

	#loginform p label input{

		height: 6vh;

	}

	.background{

		height: 67%;

	}

	.loginnav {
		bottom: 67% !important;
	}
	.login .tomminfo{
		top: 33%;
	}

	.login .loginlogo{

		height: 8vh;

	}

    .login .loginnav .tomminformation.hide {
        -webkit-transform: translateX(-88%);
         -ms-transform: translateX(-88%);
         -o-transform: translateX(-88%);
         transform: translateX(-88%);
         -webkit-transition: transform 1s, border-radius 1s;
         -o-transition: transform 1s, border-radius 1s;
         transition: transform 1s, border-radius 1s;
         border-radius: 0px 200px 200px 0px;
    }
    .login .loginnav .tomminformation.current {
        -webkit-transform: translateX(-100%);
         -ms-transform: translateX(-100%);
         -o-transform: translateX(-100%);
         transform: translateX(-100%);
         -webkit-transition: transform 1s;
         -o-transition: transform 1s;
         transition: transform 1s;
         border-radius: 0px 200px 200px 0px;
    }
    .login .loginnav .tommlogin.hide {
        -webkit-transform: translateX(88%);
         -ms-transform: translateX(88%);
         -o-transform: translateX(88%);
         transform: translateX(88%);
         -webkit-transition: transform 1s, border-radius 1s;
         -o-transition: transform 1s, border-radius 1s;
         transition: transform 1s, border-radius 1s;
         border-radius: 200px 0px 0px 200px;
    }

    .login .loginnav .tommlogin.current {
        -webkit-transform: translateX(100%);
         -ms-transform: translateX(100%);
         -o-transform: translateX(100%);
         transform: translateX(100%);
         -webkit-transition: transform 1s;
         -o-transition: transform 1s;
         transition: transform 1s, border-radius 0.5s;
         border-radius: 200px 0px 0px 200px;
    }

}

@media screen and (max-width: 1100px){

/*	#loginform p label input{

		height: 6vh;

	}

	.background{

		height: 67%;

	}

	.login .loginlogo{

		height: 8vh;

	}*/

	#login .submit{

		height: 75px;

		width: 75px;

		top: 10%;

	}

	.forgotpassword{

		top: calc(10% + 80px);

	}

	.mobile #login{

		padding: 0px;

	}

	#login{

		width: 45%;

	}

}

@media screen and (max-width: 900px){

	#login{

		width: 50%;

	}

}

@media screen and (max-width: 800px){

	#login{

		width: 75%;

	}

}



.l-index{

	display:inline-block;

	padding:10px;

}

#adminmenu div.wp-menu-name {
	padding: 12.5px 0 12.5px 25px;
	color: rgb(58,135,163);
	font-family: content;
}

#adminmenu div.wp-menu-name:hover,#adminmenu div.wp-menu-name:hover div {
	color: white;
}

#adminmenu .current div.wp-menu-name, #adminmenu .wp-has-current-submenu div.wp-menu-name {
	color: white;
}

#wpadminbar {
	display: none;
}

html.wp-toolbar {
	padding: 0;
}

.newgroup {
	width: 35%;
}
#wpwrap{

}

#wpwrap #wpcontent {
	margin: 25px 20px 0 200px;
}

.inputname {
	display: inline-block;

	width: 30%;
	color: rgb(58,135,163);
	font-size: 10pt;

}

form .inputfield {
	width: 70%;
	border: 1px solid rgb(58,135,163);
	border-radius: 3px;
}

.inputfield {
	width: 70%;
	border-color: rgb(58,135,163);
	border-radius: 3px;
}



.grouptext {
	font-size: 10pt;
	color: black;
	font-family: content;
}

.filtertext {
	font-size: 10pt;
	color: black;
	font-family: content;
	margin: 25px 0px 25px 0px;
}

.heading {
	font-size: 21px;
	color: rgb(58,135,163);
	font-weight: 400;
	font-family: content;
	padding: 9px 15px 4px 0;

}

.addgroup {
	text-align: right;
}
.addgroupbtn {
	width: 40px;
	background-color: transparent;
	outline: transparent;
	border: transparent;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
}

.buttontext {
	display: inline-block;
	font-size: 10pt;
	color: rgb(58,135,163);
	font-style: bold;
}

.bluetext {
	color: rgb(58,135,163);
	font-size: 10pt;
}

.editstatus {
	width: 40%;
}

.select-YP .inputfield {
	padding: 0;
}

#save-status {
	background-color: transparent;
	outline: medium none transparent;
	border: none;
	display: inline-block;
	padding: 0px;
	width: 70px;
	vertical-align: middle;
	height: 70px;

}

#select-status {
	width: 100%;
/*	height: 100%;*/
	text-align: center;
	border: 1px solid rgb(58,135,163);
	border-radius: 5px;
}

.wrap h1 {
	font-size: 21px;
	color: rgb(58,135,163);
	font-family: content;

}

.wrap .page-title-action {
	background: transparent;
	border: 1px solid rgb(58,135,163);
	font-size: 10pt;
	color: rgb(58,135,163);
	margin-left: 40px;
	border-radius: 5px;
}

.wrap .add-new-h2:hover, .wrap .page-title-action:hover {
	background-color: rgb(58,135,163);
}

a:focus, a:focus .media-icon img {
	box-shadow: none;
}

.widefat td, .widefat td ol, .widefat td p, .widefat td ul {
	font-size: 10pt;
	font-family: content;
}

.wp-list-table.widefat.fixed.striped.users thead tr th {
	background-color: rgb(64,65,66);
}


.wp-list-table.widefat.fixed.striped.users {
	box-shadow: 0 0 0 rgba(0,0,0,0);
	border: none;
}

#username {
	border-radius: 20px 0 0 0;
}

#pmpro_membership_level {
	border-radius: 0 20px 0 0;
}

.manage-column.column-username.column-primary.sortable.desc {
	color: rgb(187,189,191);
	padding-left: 30px;
}

#search-submit {
	width: 40px;
	background-color: transparent;
	outline: transparent;
	border: transparent;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	height: 40px;
}

#user-search-input {
	height: 20px;
	border-color: rgb(58,135,163);
	border-radius: 3px;
	vertical-align: middle;
	display: inline-block;
	float: none;
}

.widefat thead tr th {
	color: rgb(187,189,191);
/*	padding-top: 15px;*/
}
table thead tr {
	background:rgb(64,65,66);
}
.adminlogo{
	width:90%;
	margin-left: 5%;
	margin-bottom: 40px;
}
.widefat thead tr th a {
	color: rgb(187,189,191);
}

/*a {
	color: black;
}*/

.widefat td, .widefat th {
	color: black;
}

.striped.users > tbody#the-list > :nth-child(2n+1), ul.striped > :nth-child(2n+1) {
/*	background-color: rgb(187,189,191);*/
	background: rgb(222,223,224);
}

.username.column-username.has-row-actions.column-primary {
	padding-left: 40px;
}

#addnewusersbtn {
	width: 40px;
	background-color: transparent;
	outline: transparent;
	border: transparent;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin-left: 5px;

}

#searchypbtn {
	width: 40px;
	background-color: transparent;
	outline: transparent;
	border: transparent;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin-left: 5px;
}

.wrap .page-title-action:active {
	margin-left: 40px;
}
.users #the-list tr {
	background: rgb(235,235,236);
}

.form-field label {
	color: rgb(58,135,163);
	font-size: 10pt;
	font-weight: 400;
	font-family: content;
}

.form-field label .description {
	font-style: normal;
}

#the-list a {
	color:black;
	font-family: content;
	font-weight: 400;
	cursor: default;
}

#menu-users .wp-submenu {
	display: none;
}
#menu-users.wp-has-current-submenu .wp-submenu{
	display: block;
}
#wpbody{
	top: 35px;
}
#wpbody-content {
	width: 95%;
}

#wpbody-content .wrap p {
	color: black;
	font-size: 13px;
	font-family: content;
}

.form-table tbody td input {
	border-color: rgb(58,135,163);
	border-radius: 5px;
}

.form-table #user_login {
	background: transparent;
}

.form-table .form-field #role {
	width: 350px;
	border-radius: 5px;
	background: transparent;
	border-color: rgb(58,135,163);
	font-family: content;
	font-size: 10pt;
}

.form-table tr th {
	font-size: 10pt;
	color: rgb(58,135,163);
	font-weight: 400;
	font-family: content
}

#adduser .form-field input, #createuser .form-field input {
	width: 350px;
}

.button.button-secondary.wp-generate-pw.hide-if-no-js {
	width: 350px;
	border-color: rgb(58,135,163);
	color: black;
	font-family: content;
}

#adminmenu li.menu-top:hover {
	background-color: transparent;
}

#adminmenu #menu-users a {
	color: black;
	font-weight: 400;
	font-family: content;
	overflow: hidden;
}

#adminmenu .wp-has-current-submenu ul > li > a, .folded #adminmenu li.menu-top .wp-submenu > li > a {
	padding: 10px 0px 0px 25px;
}

#adminmenu li.menu-top .menu-top-last:hover {
	background-color: rgb(58,135,163);
}

#adminmenu li.wp-menu-separator {
	display: none;
}

.wp-list-table.widefat.fixed.striped.users tfoot {
	display: none;
}


.adminheadlogo * {
	box-sizing: border-box;
}

.adminbar {
	position: absolute;
    top: 0px;
    right: 5%;
    z-index: 99999;
}
.adminbar .notifications, .adminbar .admindropdown {
	float: left;
}
.adminbar .admindropdown:before,.adminbar .notifications:before{
	content: '';
	position: absolute;
	right: 0px;
	top:0px;
	width: 0px;
	background:transparent;
	border-right: solid 2px rgb(58,135,163);
	opacity: 0;
	height: 100%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.adminbar .admindropdown:after,.adminbar .notifications:after{
	content: '';
	position: absolute;
	left: 0px;
	top:0px;
	width: 0px;
	background:transparent;
	opacity: 0;
	border-right: solid 2px rgb(58,135,163);
	height: 100%;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.adminbar .notifications span.borderhide {
	position: absolute;

	top:100%;
	width: calc(100% - 2.5px);
	left: 1px;
	background: white;
	height: 2px;
	z-index: 999;
}
.adminbar .admindropdown{
    padding: 5px 10px 5px 50px;
    position: relative;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    /*border: solid 2px rgb(58,135,163);
	border-top: 0px;*/
}
.adminbar .admindropdown:hover{
	background: white;
}
.adminbar .admindropdown:hover:before,.adminbar .admindropdown:hover:after {
	opacity: 1;
}
.adminbar .notifications:before,.adminbar .notifications:after{
	border-right: solid 2px rgb(190,33,47);
}
.adminbar .reveal:before,.adminbar .reveal:after {
	/*background: rgb(190,33,47);*/
	opacity: 1;
/*	border-right: solid 2px rgb(190,33,47);*/
}
.adminbar .admindropdown:hover .drop{
	visibility: visible;
	opacity: 1;
}

.adminbar .notifications {
	padding: 5px 10px;
/*    border: solid 2px rgb(58,135,163);
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;*/
}

.adminbar .notifications:hover:before, .adminbar .notifications:hover:after{
	opacity: 1;
}
.adminbar .notifications:hover .newnotifications{
	visibility: visible;
	opacity: 1;
}
.adminbar .overdue p {
	color: rgb(190,33,47);
}
.adminbar .completed p, .adminbar .upcoming p {
	color:rgb(64,65,66);
}
.adminbar .notifications i {
	color: rgb(222,223,224);
}
.adminbar .notifications.alert i,  .adminbar .notifications.colorred i{
	color: rgb(190,33,47);
}
.adminbar .ass-notification {
	display: flex;
}

.adminbar .drop{
	position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    visibility: hidden;
    border: solid 2px rgb(58,135,163);
    border-top: 0px;
    background: white;
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.adminbar .drop ul{
	padding:0px;
}
.adminbar .drop ul li{
    list-style: none;
    text-align: right;
    padding-right: 10px;
    font-size: 12px;
    margin: 3px 0px;
}

.adminbar .admindropdown .drop a {
	color: #337ab7;
	text-decoration: none;
	font-family: content;
}

.yp-search-table {
	width: 100%;
}

.yp-search-table tr {
	width: 11.111%;
}

.totalyeeps {
	font-size: 10pt;
	font-family: content;
	color: rgb(58,135,163);
}

.wrap .subtitle {
	display: none;
}





/* hidden elements */

.widefat tfoot td.check-column, .widefat thead td.check-column {
	display: none;
}

.widefat tbody th.check-column, .widefat tfoot td.check-column, .widefat thead td.check-column {
	display: none;
}

.fixed .column-posts {
	display: none;
}

.column-author img, .column-comment .comment-author img, .column-username img {
	display: none;
}

#collapse-menu {
	display: none;
}

.wp-menu-image.dashicons-before.dashicons-admin-generic {
	display: none;
}

.wp-menu-image.dashicons-before.dashicons-admin-users {
	display: none;
}

.update-nag {
	display: none;
}

#footer-thankyou {
	display: none;
}

#screen-options-link-wrap {
	display: none;
}

#contextual-help-link-wrap {
	display: none;
}

#footer-upgrade {
	display: none;
}

/* Hide profile info */
.form-table .user-rich-editing-wrap, .form-table .user-admin-color-wrap, .form-table .user-comment-shortcuts-wrap, .form-table .user-admin-bar-front-wrap, .form-table .user-description-wrap, .form-table .user-profile-picture{
	display: none;
}

/* dropdowns */
.wrapper-dropdown-3 {
    position: relative;
    margin: 0 auto;
    cursor: pointer;
    outline: 0;
    color: #404142
}

.wrapper-dropdown-3:after {
    display: none;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0;
    border-style: solid;
    border-color: #8aa8bd transparent
}

.wrapper-dropdown-3.active .dropdown {
    z-index: 9999999!important
}
.wrapper-dropdown-3 .dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: inherit;
    border: 1px solid rgba(0, 0, 0, .17);
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    font-weight: 400;
    transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    list-style: none;
    z-index: 9;
    opacity: 0;
    pointer-events: none
}
.wrapper-dropdown-3 .dropdown li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #404142;
    border-bottom: 1px solid #e6e8ea;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 1);
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    font-size: 12px
}
.wrapper-dropdown-3 .dropdown li i {
    float: right;
    color: inherit
}
.dropdown ul {
    padding: 0
}
.dropdown ul li {
    width: 100%
}
.wrapper-dropdown-3 {
    width: 100%;
    padding: 0;
    background: 0 0;
    border: none;
    border-radius: 0;
    box-shadow: none
}
/* end dropdown */



/*----- Assessors management ----- */

#assessor-managemant .ng-valid-mindate {
	padding-top: 35px;
}


#assessor-managemant .ng-valid-mindate button.assessormanagementsearch {
	float: right;
}


#assessor-managemant #data-table {
	padding-top: 20px;
}

#assessor-managemant #data-table th {
	font-family: content;
	font-size: 10pt;
	color: rgb(58,135,163);
	padding: 10px 0 10px 0;
}

#assessor-managemant #data-table table {
	width: 100%;
}

#assessor-managemant #data-table .ng-scope {
	text-align: center;
	line-height: 1.75;
}

#assessor-managemant #data-table table {
	color: black;
	font-size: 10pt;
	font-family: content;
}

#assessor-managemant #data-table table tr:nth-child(2n) {
	/*background-color: rgb(222,223,224);*/
	background: rgb(235,235,236);
}

#assessor-managemant #data-table table tr:nth-child(2n+1) {
	/*background-color: rgb(187,189,191);*/
	background: rgb(222,223,224);
}


/*region management */
/*.region-details {
	display: block;
	margin-bottom: 100px;
}

.region-details .regions-info {
	display: inline-block;
	margin-right: 20px;
}

.region-details .regions-img {
	display: inline-block;
}*/

#region-details{

	margin-top: 10px;
	display: inline-block;
	width: 100%;
	color: black;
	background-color: lightgrey;
	margin-bottom: 50px;
}

#region-details tbody tr:nth-child(even) {
	/*    background-color: rgb(222,223,224);*/
	background: rgb(235,235,236);
}

#region-details tbody tr:nth-child(odd) {
	/*background-color: rgb(187,189,191);*/
	background: rgb(222,223,224);

}

#region-details table{


	display: inline-block;
	vertical-align: middle;

}

#region-details table tbody tr {
	padding: 20px;
}

#region-details table th{

	text-align:center;
	padding: 10px 10px 10px 10px;
	color: black;
	font-size: 10pt;

}

#region-details table td{

	padding: 5px 10px 5px 10px;
	color: black;
	font-size: 10pt;
	width: 11.111%;
	font-family: content;
	text-align: left;

}

.showMore {
	display: block;
	cursor: pointer;
}

.showlist {
	display: block;
	cursor: pointer;
}

.hidelist {
	display: none;
}

.currentlist {
	text-decoration: underline;
}

.nav {
	background: #3986a3;
	text-transform: uppercase;
	position: fixed;
	width: 2%;
	font-size: .68em;
	line-height: 2.2;
	z-index: 9998;
	top: 0;
	left: 100%;
	height: 100%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transition: all .6s;
	-webkit-transition: all .6s;
}

.nav .search {
    top: 15%;
    -webkit-transform: translateX(-100%);
    width: 371px;
    position: absolute;
    left: 0;
    overflow:hidden;
}

.logincontactdetails {
	height: 50px;
	transform: translateX(85%);
	-webkit-transform: translateX(85%);
	transition: transform .5s;
	-webkit-transition: transform .5s;
}

.logincontactdetails.show {
	transform: translateX(1%);
	-webkit-transform: translateX(1%);
	transition: transform .5s;
	-webkit-transition: transform .5s;
}



/*----- login info -----*/

#login {
	z-index: 0;
}

#login.current {
	z-index: 10;
}

.login.login-action-login.wp-core-ui.locale-en-us, .login.wp-core-ui.locale-en-us {
	overflow: hidden;
}

.login .loginnav, .login .tomminfo, .login .infoslider {
	display: none;
}
.login-action-login .loginnav, .login-action-login .tomminfo.display{
	display: block;
}
.login-action-lostpassword .loginnav, .login-action-lostpassword .loginnav.display,
.login-action-rp .loginnav, .login-action-rp .loginnav.display,
.login-action-resetpass .loginnav,.login-action-resetpass .loginnav.display{
    display: none !important;
}

.loginnav {
	position: absolute;
    width: 100%;
    bottom: 60.8%;
    max-height: 75px;
    height: 75px;
    overflow:hidden;
    z-index: 2;
}


.loginnav .tomminformation {
	opacity: 1;
	width: 50%;
 	float: left;
 	text-align: right;
 	-webkit-transform: translate3d(0,0,0);
 	-ms-transform: translate3d(0,0,0);
 	-o-transform: translate3d(0,0,0);
 	transform: translate3d(0,0,0);
 	-webkit-transition: transform 1s, border-radius 1s;
 	-o-transition: transform 1s, border-radius 1s;
 	transition: transform 1s, border-radius 1s;
 	border-radius: 0px 0px 0px 0px;
 	z-index: 1;
 	background: #b3b3b3;
 	height: 100%;
 	position: relative;
}

.loginnav .tomminformation.hide {
	-webkit-transform: translateX(-88%);
 	-ms-transform: translateX(-88%);
 	-o-transform: translateX(-88%);
 	transform: translateX(-88%);
 	-webkit-transition: transform 1s, border-radius 1s;
 	-o-transition: transform 1s, border-radius 1s;
 	transition: transform 1s, border-radius 1s;
 	border-radius: 0px 200px 200px 0px;
}

.loginnav .tomminformation.hide img {
	padding-right: 5px;
	-webkit-transition: padding-right 0.5s;
	-o-transition: padding-right 0.5s;
	transition: padding-right 0.5s;
	border-radius: 500px;
}

.loginnav .tomminformation.current {
	-webkit-transform: translateX(-100%);
 	-ms-transform: translateX(-100%);
 	-o-transform: translateX(-100%);
 	transform: translateX(-100%);
 	-webkit-transition: transform 1s;
 	-o-transition: transform 1s;
 	transition: transform 1s;
 	border-radius: 0px 200px 200px 0px;
}

.loginnav .tomminformation img {
	max-height: 75px;
	cursor: pointer;
	height: 68px;
	padding-right: 30px;
	padding-top: 3.5px;
	background: #b3b3b3;
}

.loginnav .tommlogin {
 	width: 50%;
 	float: right;
 	text-align: left;
 	-webkit-transform: translateX(0%);
 	-ms-transform: translateX(0%);
 	-o-transform: translateX(0%);
 	transform: translateX(0%);
 	-webkit-transition: transform 1s;
 	-o-transition: transform 1s;
 	transition: transform 1s;
 	border-radius: 0px 0px 0px 0px;
 	background: #999999;
 	z-index: 999;
 	height: 100%;
 	position: relative;
}

.loginnav .tommlogin.hide img {
	padding-left: 5px;
	-webkit-transition: padding-left: 0.5s;
	-o-transition: padding-left: 0.5s;
	transition: padding-left: 0.5s;
	border-radius: 500px;
}

.loginnav .tommlogin.hide {
	-webkit-transform: translateX(88%);
 	-ms-transform: translateX(88%);
 	-o-transform: translateX(88%);
 	transform: translateX(88%);
 	-webkit-transition: transform 1s, border-radius 1s;
 	-o-transition: transform 1s, border-radius 1s;
 	transition: transform 1s, border-radius 1s;
 	border-radius: 200px 0px 0px 200px;
}

.loginnav .tommlogin.current {
	-webkit-transform: translateX(100%);
 	-ms-transform: translateX(100%);
 	-o-transform: translateX(100%);
 	transform: translateX(100%);
 	-webkit-transition: transform 1s;
 	-o-transition: transform 1s;
 	transition: transform 1s, border-radius 0.5s;
 	border-radius: 200px 0px 0px 200px;
}

.loginnav .tommlogin img {
	max-height: 75px;
	cursor: pointer;
	height: 68px;
	padding-left: 30px;
	padding-top: 3.5px;
	background: #999999;
}

.tomminfo {
	position: absolute;
	width: 100%;
	top: 39%;
	background: rgb(235, 235, 236);
	z-index: 999;
	-webkit-transform: translate3d(-100%,0,0);
	-ms-transform: translate3d(-100%,0,0);
	-o-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
	-webkit-transition: transform 1.5s;
	-o-transition: transform 1.5s;
	transition: transform 1.5s;
	/*-webkit-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	transition-delay: 0.5s;*/
	display: none;
}
.login .tomminfo p {
	font-family: contentlight;
}
.login .tomminfo p b {
	font-family: contentbold;
}
.tomminfo.display {
	display: block;
}

.tomminfo.current {
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition: transform 1.5s;
	-o-transition: transform 1.5s;
	transition: transform 1.5s;
	/*-webkit-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	transition-delay: 0.5s;*/
}

.welcometotomm {
	width: 100%;
	position: relative;
	line-height: 0px;
}

.tomminfocontact {
	display: none;
}

.welcometotomm img {
	width: 100%;
}

.welcometotomm .content {
	position: absolute;
	width: 35%;
	left: 32.5%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
}

.welcometotomm .content h3 {
	color: white;
	line-height: 1em;
	padding: 0 0 20px 0;
	font-family: contentbold;
}

.welcometotomm .content p {
	font-size: 18px;
	color: white;
	font-weight: 200;
	font-size: 0.9vw;
}

.tomminfo h3 {
	color: rgb(58,135,163);
	padding: 40px 0 20px 0;
	text-align: center;
	font-size: 30px;
	font-size: 1.55vw;
	font-family: contentbold;
}

.infocontainer {
    width: 75%;
    margin-left: 12.5%;
    margin-top: 90px;
    padding-bottom: 75px;
}

.infocontainer .row2, .infocontainer .row3 {
	margin-top: 75px;
}

.infocontainer .row1, .infocontainer .row2, .infocontainer .row3 {
	display: flex;
}

.infoitem {
	display: inline-block;
	width: 22.5%;
	margin: auto;
	background: white;
	border-radius: 10px;
	margin-top: 0;
	position: relative;
}

.infoitem .title {
	text-align: center;
	width: 100%;
	background: white;
	border-radius: 10px 10px 10px 10px;
	position: relative;
	padding: 15px 0 10px 0;
	font-weight: 800;
	cursor: pointer;
}

.infoitem .title img {
	width: 15%;
	position: absolute;
	-webkit-transform: translateY(-65%);
	-ms-transform: translateY(-65%);
	-o-transform: translateY(-65%);
	transform: translateY(-65%);
	left: 42.5%;
	top: 0;

}

.infoitem .title p {
	color: rgb(58,135,163);
	font-size: 18px;
	font-size: 0.95vw;
	font-family: contentbold;
}

.tomminfofooter {
	width: 100%;
	background: white;
	padding: 10px 0;
}

.tomminfofooter img {
	width: 73%;
	margin-left: 13.5%;
}

.tomminfo .copy {
	max-height: 0px;
	overflow: hidden;
	-webkit-transition: max-height 1s, padding-bottom 1s;
	-o-transition: max-height 1s, padding-bottom 1s;
	transition: max-height 1s, padding-bottom 1s;
	padding-bottom: 0px;
}

.tomminfo .copy:hover {
	-webkit-transition: max-height 1s, padding-bottom 1s;
	-o-transition: max-height 1s, padding-bottom 1s;
	transition: max-height 1s, padding-bottom 1s;
	padding-bottom: 10px;
}

.tomminfo .copy.clickextend {
	-webkit-transition: max-height 1s, padding-bottom 1s;
	-o-transition: max-height 1s, padding-bottom 1s;
	transition: max-height 1s, padding-bottom 1s;
}

/*.tomminfo .copy p {
	min-height: 0px;
	opacity: 0;
	-webkit-transition: min-height 1s, opacity 0.5s;
	-o-transition: min-height 1s, opacity 0.5s;
	transition: min-height 1s, opacity 0.5s;
}

.tomminfo .copy.show p {
	min-height: 175px;
	opacity: 1;
	-webkit-transition: min-height 1s, opacity 0.5s 0.66s;
	-o-transition: min-height 1s, opacity 0.5s 0.66s;
	transition: min-height 1s, opacity 0.5s 0.66s;
}

.tomminfo .infoitem:hover .copy p {
	min-height: 175px;
	opacity: 1;
	-webkit-transition: min-height 1s, opacity 0.5s 0.66s;
	-o-transition: min-height 1s, opacity 0.5s 0.66s;
	transition: min-height 1s, opacity 0.5s 0.66s;
}

.tomminfo .copy.extended.show p {
	min-height: 765px;
	opacity: 1;
	-webkit-transition: min-height 1s, opacity 0.5s 0.66s;
	-o-transition: min-height 1s, opacity 0.5s 0.66s;
	transition: min-height 1s, opacity 0.5s 0.66s;
}

.tomminfo .infoitem:hover .copy.extended p {
	min-height: 765px;
	opacity: 1;
	-webkit-transition: min-height 1s, opacity 0.5s 0.66s;
	-o-transition: min-height 1s, opacity 0.5s 0.66s;
	transition: min-height 1s, opacity 0.5s 0.66s;
}

.tomminfo .copy.extended2.show p {
	min-height: 307px;
	opacity: 1;
	-webkit-transition: min-height 1s, opacity 0.5s 0.66s;
	-o-transition: min-height 1s, opacity 0.5s 0.66s;
	transition: min-height 1s, opacity 0.5s 0.66s;
}

.tomminfo .infoitem:hover .copy.extended2 p {
	min-height: 307px;
	opacity: 1;
	-webkit-transition: min-height 1s, opacity 0.5s 0.66s;
	-o-transition: min-height 1s, opacity 0.5s 0.66s;
	transition: min-height 1s, opacity 0.5s 0.66s;
}*/

.tomminfo .copy p {
	padding: 0px 15px 10px 15px;
}
.whytommworks {
	background: rgb(58,135,163);
}

.whytommworks h3 {
	color: white !important;
}
.infoslider {
	position: fixed;
	top: 0px;
	left: 0px;
	display: block;
	height: 100%;
	width: 100%;
	z-index: 999;
	background: rgba(0,0,0,.7);
	display: none;
}
.infoslider.showslider {
	display: block;
}

.infoslider .swiper-container{
	position: absolute;
	top: 5%;
	left: 1%;
	height: 90%;
	width: 98%;
	background: transparent;
}

.infoslider .swiper-slide {
	text-align: center;
}
.infoslider .swiper-slide img {
    max-height: 100%;
    max-width: 100%;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23222222'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23222222'%2F%3E%3C%2Fsvg%3E");
}

#loginform {
    -webkit-transform: translate3d(200%,0,0);
    -ms-transform: translate3d(200%,0,0);
    -o-transform: translate3d(200%,0,0);
    transform: translate3d(200%,0,0);
    -webkit-transition: transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s;
    display: none;
}

#loginform.current {
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s;
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

#loginform.display {
    display: block;
}

/*body {
	overflow-y: hidden;
}*/

body.overflow {
	overflow-y: scroll;
}
body.login.login-action-login.wp-core-ui.locale-en-us.overflow, .login.wp-core-ui.locale-en-us.overflow{
	overflow-y: scroll !important;
}

.tommemail {
    color: white;
    font-size: 18px;
    text-decoration: none;
    padding-right: 10px;
    font-weight: 800;
    font-size: 0.95vw;
    font-family: contentbold;
}

.tommemail:hover {
    color: white !important;
    font-size: 18px;
    text-decoration: none;
    font-size: 0.95vw;
}

.tommemail:focus {
    color: white !important;
    font-size: 18px;
    text-decoration: none;
    font-size: 0.95vw;
}

.tommphone {
    color: white;
    font-size: 18px;
    text-decoration: none;
    padding-left: 10px;
    font-weight: 800;
    font-size: 0.95vw;
    font-family: contentbold;
}

.tommphone:hover {
    color: white !important;
    font-size: 18px;
    text-decoration: none;
    font-size: 0.95vw;
}

.tommphone:focus {
    color: white !important;
    font-size: 18px;
    text-decoration: none;
    font-size: 0.95vw;
}

.contactinfo {
    padding-top: 20px;
}


.infohover {
	position: absolute;
	overflow: hidden;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	display: inline-block;
	width: auto;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.75s;
	-o-transition: all 0.75s;
	transition: all 0.75s;
	z-index: -1;
}

.infohover p {
	/*margin-left: 100%;*/
	-webkit-transition: margin-left 1.5s;
	-o-transition: margin-left 1.5s;
	transition: margin-left 1.5s;
	width: auto;
	font-size: 16px;
	color: white;
	font-weight: 200;
	padding-right: 0px;
}

.infohover p.current {
	margin-left: 0%;
	-webkit-transition: margin-left 1.5s;
	-o-transition: margin-left 1.5s;
	transition: margin-left 1.5s;
}

.loginhover {
	position: absolute;
	overflow: hidden;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	display: inline-block;
	width: auto;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.75s;
	-o-transition: all 0.75s;
	transition: all 0.75s;
	z-index: -1;
}

.loginhover p {
	margin-right: 100%;
	-webkit-transition: margin-right 1.5s;
	-o-transition: margin-right 1.5s;
	transition: margin-right 1.5s;
	width: auto;
	font-size: 16px;
	color: white;
	font-weight: 200;
	padding-left: 0px;
}

.loginhover p.current {
	margin-right: 0%;
	-webkit-transition: margin-right 1.5s;
	-o-transition: margin-right 1.5s;
	transition: margin-right 1.5s;
}

.loginspan {
	height: 75px;
	position: relative;
	display: inline-block;
	background: #999999;
}

.infospan {
	height: 75px;
	position: relative;
	display: inline-block;
	background: #b3b3b3;
}

/*.tomminformation:hover .infohover {
	opacity: 1;
	visibility: visible;
	right:105%;
}*/

.infospan:hover .infohover {
	opacity: 1;
	visibility: visible;
	right: 105%;
}

.infospan:hover .infohover p {
	padding-right: 10px;
}

.loginspan:hover .loginhover {
	opacity: 1;
	visibility: visible;
	left: 105%;
}

.loginspan:hover .loginhover p {
	padding-left: 10px;
}

.tomminformation.hide .infospan {
	background: transparent;
}

.tomminformation.hide .infospan p {
	opacity: 0;
}

.tomminformation.current .infospan p {
	opacity: 0;
}

.tommlogin.hide .loginspan {
	background: transparent;
}

.tommlogin.hide .loginspan p {
	opacity: 0;
}

.tommlogin.current .loginspan img {
	padding-left: 5px !important;
	border-radius: 500px;
}

.tommlogin.current .loginspan {
	border-radius: 200px 0px 0px 200px;
}

.tommlogin.current .loginspan p {
	opacity: 0;
}

.pdflink {
	color: rgb(58,135,163);
	text-decoration: underline;
	cursor: pointer;
}

.closepdfbutton {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 2.5%;
    cursor: pointer;
}

.closepdfbutton img {
	width: 100%;
}

.showmore {
	/*display: none;*/
	padding: 0px;
	/*max-height: 0px;
	overflow: hidden;
	-webkit-transition: max-height 1s, padding-bottom 1s;
	-o-transition: max-height 1s, padding-bottom 1s;
	transition: max-height 1s, padding-bottom 1s;*/
}

.showmore.current {
	/*display: block;*/
	/*-webkit-transition: max-height 1s, padding-bottom 1s;
	-o-transition: max-height 1s, padding-bottom 1s;
	transition: max-height 1s, padding-bottom 1s;*/
}

.showmorebutton {
	display: block;
    color: rgb(58,135,163);
    font-size: 16px;
    text-align: center;
    font-weight: 800;
    cursor: pointer;
}

.showmorebutton.hide {
	display: none;
}

p.showlessbutton {
    padding: 0 0 0 0 !important;
    color: rgb(58,135,163);
    font-size: 16px;
    text-align: center;
    font-weight: 800;
    cursor: pointer;
}

.mobilewelcomeheader {
	display: none;
}

@media screen and (max-width: 1400px){
	.mobilelogin .mobilewelcomeheader {
		display: block;
	}
	.mobilelogin .desktopwelcomeheader {
		display: none;
	}
/*	.mobilelogin .tomminfo .welcometotomm .content .mobilewelcomeheader .welcomeheader {
		position: absolute;
	    left: 0px;
	    top: 0px;
	    -webkit-transform: translateY(-100%);
	    -ms-transform: translateY(-100%);
	    -o-transform: translateY(-100%);
	    transform: translateY(-100%);
	    width: 100%;
	    padding: 25px 0 25px 0;
	    color: rgb(58,135,163) !important;
	}*/
	.mobilelogin .infocontainer {
		width: 90%;
		margin-left: 5%;
		padding-bottom: 60px;
	}

	.mobilelogin #login{

		width: 100%;

	}
	.mobilelogin #login{
		overflow:hidden;max-height:92%;
	}
	.mobilelogin .loginnav {
		z-index: 2000;
		max-height: 65px;
    	height: 65px;
	}

	.mobilelogin .loginnav .infospan, .mobilelogin .loginnav .loginspan {
		height: 65px;
	}
	.mobilelogin .loginnav .tomminformation img, .mobilelogin .loginnav .tommlogin img{
	    max-height: 65px;
	    height: 58px;
	    padding-top: 3.5px;
	}
	.mobilelogin .loginnav .tomminformation.hide{
		-webkit-transform: translate3d(-80%,0,0);
	    -ms-transform: translate3d(-80%,0,0);
	    -o-transform: translate3d(-80%,0,0);
	    transform: translate3d(-80%,0,0);
	}
	.mobilelogin .loginnav .tommlogin.hide{
		-webkit-transform: translate3d(80%,0,0);
	    -ms-transform: translate3d(80%,0,0);
	    -o-transform: translate3d(80%,0,0);
	    transform: translate3d(80%,0,0);
	}
	.mobilelogin .loginnav .tomminformation.current{
	    -webkit-transform: translate3d(-100%,0,0);
	    -ms-transform: translate3d(-100%,0,0);
	    -o-transform: translate3d(-100%,0,0);
	    transform: translate3d(-100%,0,0);

	}
	.mobilelogin .loginnav .tommlogin.current{
	    -webkit-transform: translateX(100%);
	    -ms-transform: translateX(100%);
	    -o-transform: translateX(100%);
	    transform: translateX(100%);
	}
/*	.mobilelogin .tomminfo .whytommworks, .mobilelogin .tomminfo .howtommworks, .mobilelogin .tomminfo .tomminfofooter{
		display: none;
	}*/
	.mobilelogin .tomminfo .welcometotomm {
		height: 100%;
		background-image: url('images/Welcome Mobile.png');
		background-size: cover;
		background-position: bottom;
	}
	.mobilelogin .tomminfo .welcometotomm img {
		display: none;
	}
	.mobilelogin .tomminfo {
	    position: absolute;
	    height: 67%;
	    background: black;
	}
	.mobilelogin .tomminfo .welcometotomm .content {
		position: static;
		width:90%;
		margin-left: 5%;
		padding-top: 35px;
		-webkit-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}
	.mobilelogin .tomminfo .welcometotomm .content p, .mobilelogin .tommemail, .mobilelogin .tommphone, .mobilelogin .tommemail:hover, .mobilelogin .tommphone:hover {
		font-size: 23px;
	}
	.mobilelogin .tommemail, .mobilelogin .tommphone{
		display: block;
		line-height: 1.4;
	}
	.mobilelogin .tomminfo .welcometotomm .content h3{
		font-size: 23px;
	}
	.mobilelogin .infoitem .title img {
	    width: 10%;
	    left: 45%;
	}
	.mobilelogin .dropdownlogin {
		position: fixed;
		top: 0px;
		right: 0px;
		text-align: right;
    	z-index: 10000;
    	opacity: 0;
    	pointer-events: none;
    	-webkit-transition: opacity 1s;
    	-o-transition: opacity 1s;
    	transition: opacity 1s;
	}
	.mobilelogin .dropdownlogin.current {
		opacity: 1;
    	pointer-events: all;
    	-webkit-transition: opacity 1s;
    	-o-transition: opacity 1s;
    	transition: opacity 1s;
	}

	.mobilelogin .dropdownlogin .dropdownopen img, .mobilelogin .dropdownlogin .dropdownclose img {
		width:35px;
	}
	.mobilelogin .dropdownlogin .dropdownclose, .mobilelogin .dropdownlogin.showdrop .dropdownopen{
		display: none;
	}
	.mobilelogin .dropdownlogin.showdrop .dropdownclose, .mobilelogin .dropdownlogin .dropdownopen{
		display: block;
	}
	.mobilelogin .dropdownopen .normaldropdownimage, .noscroll .dropdownopen .popupdropdownimage{
		display: block;
	}
	.noscroll .dropdownopen .normaldropdownimage, .mobilelogin .dropdownopen .popupdropdownimage{
		display: none;
	}
	.mobilelogin .dropdownlogin .dropdownlogin-inner{
		display: none;
		padding: 10px 20px 20px 20px;
	}
	.mobilelogin .dropdownlogin .closeopendropdown {
		margin-top: 10px;
		margin-right: 20px;
    	font-size: 2em;
    	display: block;
	}
	.mobilelogin .dropdownlogin .dropdownlogin-inner a {
		display: block;
	    color: black;
	    font-size: 1.5em;
	    padding: 10px 0px;
	    text-decoration: none;
	    font-family: contentbold;
	}
/*	.mobilelogin .dropdownlogin .dropdownlogin-inner a.currentnavitem{
		display: none;
	}*/
	.mobilelogin .dropdownlogin.showdrop .dropdownlogin-inner {
		display: block;
	}
	.mobilelogin .dropdownlogin.showdrop {
		background: rgb(235, 235, 236);
	}
	.mobilelogin.smallsection #login{
		top:0px;
	}
	.mobilelogin.smallsection #login .loginlogo{
	    text-align: -webkit-left;
	    height: 5vh;
	    padding-top: 5px;
	}
	.login-action-login .smallsection .loginnav.display {
		display: none;
	}
	.mobilelogin.smallsection .tomminfo {
		top:25%;
		height: 75%;
	}
	.mobilelogin.smallsection .welcometotomm {
		display: none;
	}
	.mobilelogin.smallsection.whyworks .whytommworks,.mobilelogin.smallsection.howworks .howtommworks{
		display: block;
	}
	.mobilelogin .tomminfocontact h3{
		color: white;
	}
	.mobilelogin .whytommworks h3, .mobilelogin .howtommworks h3, .mobilelogin .tomminfocontact h3 {
		font-size: 23px;
		/*
		position: absolute;
	    left: 0px;
	    top: 0px;
	    -webkit-transform: translateY(-100%);
	    -ms-transform: translateY(-100%);
	    -o-transform: translateY(-100%);
	    transform: translateY(-100%);
	    width: 100%;

	    padding: 50px 0 50px 0;
	    color: rgb(58,135,163) !important;
	    */
	}
	/*.mobilelogin .closewhypopup {
		display: none;
		position: fixed;
	    top: 65px;
	    right: 25px;
	    height: 27px;
	    width: 27px;
	    padding: 5px;
	    background:#999999;
	    border-radius: 100%;
	}*/
	.mobilelogin .closewhypopup {
		position: absolute;
	    top: 5px;
	    right: 10px;
	    width: 8%;
	    z-index: 1;
	}
	.mobilelogin .closewhypopup img {
		width: 100%;
	}
	/*.noscroll .closewhypopup {
		display: block;
		z-index: 9999;
	}*/
	.mobilelogin .infocontainer {
		margin-top: 0px;
	}
	.mobilelogin .tomminfo .copy.show{
		min-height: auto;
	}
	.mobilelogin .infocontainer .row1, .mobilelogin .infocontainer .row2, .mobilelogin .infocontainer .row3{
		display: flex;
		flex-direction: row;
    	flex-wrap: wrap;
		margin-top: 0px;
	}
	.mobilelogin .infocontainer .infoitem{
		width:48%;
		margin-top:100px;
	}
	/*.infoitem .title img {
		width: 20%;
		left: 40%;
	}*/
	.mobilelogin .infocontainer .infoitem .title p, .mobilelogin .infocontainer .infoitem .copy p {
		font-size: 	23px;
	}
	.mobilelogin .infocontainer .infoitem .title p {
		padding-top: 30px;
	}
	.mobilelogin .howtommworks {
		background: rgb(235, 235, 236);
	}

	.mobilelogin .tomminfocontact {
		display: block;
		background: url('images/Contact Mobile.png');
	    background-size: cover;
	    background-position: bottom;
	    height: 100%;
	    width:100%;
	    position: relative;
	}
	.mobilelogin .tomminfocontact .content {
/*		position: absolute;
	    top: 35%;
	    left: 5%;
	    width: 90%;
	    -webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	    transform: translateY(-50%);*/
	}
	.mobilelogin .tomminfocontact .content p {
		font-size: 23px;
	    color: white;
	    font-weight: 200;
	    text-align: center;
	}
	.mobilelogin .tomminfocontact .content p a {
		margin-bottom: 10px;
		color: white;
		font-family: contentbold;
	}
	.mobilelogin.contactus .tomminfocontact {
		display: block;
	}
	.mobilelogin.smallsection .tomminfo.whypopup{
		top: 0px;
    	height: 100%;
    	background:rgb(58,135,163);
    	overflow-y:scroll;
	}
	body.noscroll {
		overflow:hidden;
	}
/*	body.noscroll .dropdownlogin{
		visibility: hidden;
		opacity: 0;
	}*/
/*	.mobilelogin .tomminfo.whypopup .infoitem{
		display: none;
	}*/
	.mobilelogin .tomminfo.whypopup .infoitem.whypopupselected {
		display: block;

/*		opacity: 1;
		visibility: visible;
	    max-height: 100%;*/

	}
	.mobilelogin .tomminfo.whypopup .infoitem.whypopupselected .copy {
		display: block;
		overflow-y:scroll;
	}
	.mobilelogin .infoslider .swiper-slide img{
		position: absolute;
		top:50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.mobilelogin .closepdfbutton {
	    position: absolute;
	    right: 10%;
	    top: 5px;
	    width: 5%;
	    cursor: pointer;
	}
	/* hide everything if on mobile login */
	.tommonlyinfo .mobilelogin .loginlogo, .tommonlyinfo .mobilelogin .dropdownlogin, .tommonlyinfo.mobile .background{
/*		opacity: 0;
		pointer-events: none;*/
	}
	/*.mobilelogin #loginform p.login-submit,*/
	.mobilelogin #loginform p.login-remember{
		display: none;
	}
	.mobilelogin #loginform p input{
	    visibility: visible;
	    margin: 0px;
	    border: none;
	    box-shadow: unset;
	    padding: 10px 30px;
	    height: 8vh;
	    position: relative;
	    z-index: 1;
	    font-size: 14px;
	}

	.mobilelogin .login-action-login .tomminfo.display {
		-webkit-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		-o-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		display: none;
/*		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity 1s;
		-o-transition: opacity 1s;
		transition: opacity 1s;*/
	}
	.mobilelogin .tomminfo.display.current {
		display: block;
	}
	.mobilelogin .whytommworks .showmorebutton, .mobilelogin .whytommworks .showlessbutton{
		display: none;
	}
	.mobilelogin .whytommworks .showmore {
		display: block;
	}
	.mobilelogin #loginform {
	    -webkit-transform: translate3d(150%,0,0);
	    -ms-transform: translate3d(150%,0,0);
	    -o-transform: translate3d(150%,0,0);
	    transform: translate3d(150%,0,0);
	    -webkit-transition: transform 1s;
	    -o-transition: transform 1s;
	    transition: transform 1s;
	}
	.mobilelogin #loginform.current {
	    -webkit-transform: translate3d(0%,0,0);
	    -ms-transform: translate3d(0%,0,0);
	    -o-transform: translate3d(0%,0,0);
	    transform: translate3d(0%,0,0);
	    -webkit-transition: transform 1s;
	    -o-transition: transform 1s;
	    transition: transform 1s;
	}
	.mobilelogin #loginform p{
	    white-space: nowrap;
	    display: flex;
	    border-left: 1px solid transparent;
	    border-right: 1px solid transparent;
	}
	.mobilelogin .loginlabel{
		top: calc(10% + 140px);
	}
	.mobilelogin .forgotpassword{
	    top: calc(10% + 120px);
	}
	.mobilelogin #loginform img {
		width: 100%;
	    margin-top: 0px;
	    margin-left: 0;
	}
	.mobilelogin #login form{
		margin-top: 21vh;
	}
	.mobilelogin .submitdiv .login-submit input{
		opacity: 0;
	}
	.mobilelogin .submitdiv .login-submit{
	    position: absolute;
	    background: url(images/login-enterbutton_v-16.svg);
	    background-size: cover;
	    background-repeat: no-repeat;
	    position: absolute;
	    top: 10%;
	    left: 50%;
	    height: 100px;
	    width: 100px;
	    -webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	    transform: translateX(-50%);
	    display: inline-block;
	}

	.mobilelogin .infoitem .copy {
		max-height: 0px;
		-webkit-transition: max-height 1s;
		-o-transition: max-height 1s;
		transition: max-height 1s;
	}

	.mobilelogin .infoitem .copy.show {
		/*max-height: 250px;*/
		max-height: 50vh;
		-webkit-transition: max-height 1s;
		-o-transition: max-height 1s;
		transition: max-height 1s;
		overflow-y: scroll;
	}

	.mobilelogin .tomminfofooter img {
	    width: 90%;
	    margin-left: 5%;
	}
}
}
/*@media screen and (max-width: 1100px){

}*/
@media screen and (orientation: landscape)
and (max-width: 1400px){
	.mobilelogin #loginform img {
		width: 55%;
	    margin-top: 0px;
	    margin-left: 22.5%;
	}
	.infoitem .title img{
		width: 10%;
		left:45%;
	}

}

@media (orientation: landscape) and (max-width: 1400px){
	.mobilelogin .tomminfo .welcometotomm .content {
		position: absolute;
		left: 0%;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.mobilelogin .infoitem .title img{
		width: 15%;
		left: 42.5%;
	}

	.tommonlyinfo .mobilelogin .loginlogo {
		display: none;
	}

	.mobilelogin .closepdfbutton {
	    width: 4%;
	}
}

@media screen and (orientation: landscape) and (max-width: 750px){

	.mobilelogin .tomminfo .welcometotomm .content {
		padding-top: 0;
	}

	.mobilelogin .tomminfo .welcometotomm .content h3 {
		font-size: 13pt;
    	padding-bottom: 10px;
    	line-height: 1.2;
	}

	.mobilelogin .tomminfo .welcometotomm .content .contactinfo {
		padding-top: 10px;
	}

	.mobilelogin .tomminfo .welcometotomm .content p, .mobilelogin .tommemail, .mobilelogin .tommphone, .mobilelogin .tommemail:hover, .mobilelogin .tommphone:hover {
		font-size: 13pt;
		line-height: 1.2;
	}

	.mobilelogin .infocontainer .infoitem {
		width: 100%;
		margin-top: 75px;
	}

	.mobilelogin .infoitem .title img {
	    width: 10%;
	    left: 45%;
	}

	.mobilelogin .whytommworks h3, .mobilelogin .howtommworks h3, .mobilelogin .tomminfocontact h3 {
		font-size: 13pt;
	}

	.mobilelogin .infocontainer .infoitem .title p, .mobilelogin .infocontainer .infoitem .copy p {
		font-size: 13pt;
	}

	.mobilelogin .infocontainer .infoitem .title p {
	    padding-top: 15px;
	}

	.mobilelogin .tomminfocontact .content p {
		font-size: 13pt;
	}

	.mobilelogin .tomminfofooter img {
	    width: 96%;
	    margin-left: 2%;
	}

	.mobilelogin #login {
		max-height: unset;
	    height: 100%;
	    position: relative;
	    margin-left: 0;
	    text-align: center;
	}

	.mobilelogin #loginform img {
	    width: auto;
	    margin-top: 0px;
	    height: 80vh;
	    position: absolute;
	    top: 10vh;
	    left: 50%;
	    -webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	    transform: translateX(-50%);
	    margin-left: 0;
	}

	.mobilelogin .closepdfbutton {
	    position: absolute;
	    right: 65px;
	    top: 10px;
	    width: 25px;
	    cursor: pointer;
	}

	.mobilelogin .closewhypopup {
	    width: 5%;
	}
}

@media (orientation: portrait) and (min-width: 450px) and (max-width: 1050px){
	.mobilelogin .infocontainer .infoitem {
	    width: 75%;
	}

	.mobilelogin .infoitem .title img {
	    width: 12%;
	    left: 44%;
	}

	.mobilelogin .tomminfo .welcometotomm .content h3 {
    	font-size: 20pt;
	}

	.mobilelogin .tomminfo .welcometotomm .content p, .mobilelogin .tommemail, .mobilelogin .tommphone, .mobilelogin .tommemail:hover, .mobilelogin .tommphone:hover {
		font-size: 20pt;
	}

	.mobilelogin .whytommworks h3, .mobilelogin .howtommworks h3, .mobilelogin .tomminfocontact h3 {
		font-size: 20pt;
	}

	.mobilelogin .infocontainer .infoitem .title p {
		font-size: 20pt;
	}

	.mobilelogin .infocontainer .infoitem .title p {
		font-size: 20pt;
	}

	.mobilelogin .infocontainer .infoitem .copy p {
		font-size: 16pt;
	}

	.mobilelogin .infoitem .copy.show {
    	max-height: 60vh;
    }


}

@media screen and (max-width: 550px){
	.infoitem .title img {
		width: 20%;
		position: absolute;
		-webkit-transform: translateY(-65%);
		-ms-transform: translateY(-65%);
		-o-transform: translateY(-65%);
		transform: translateY(-65%);
		left: 40%;
		top: 0;

	}
	.mobilelogin .infocontainer .infoitem{
		width: 100%;
	    margin-top: 60px;
	}
	.mobilelogin .infocontainer .infoitem .title p {
		padding-top:0px;
	}
	.mobilelogin .infocontainer .infoitem .title p, .mobilelogin .infocontainer .infoitem .copy p {
	    font-size: 18px;
	}
	#loginform img {
		width: 90%;
	    margin-top: 50px;
	    margin-left: 5%;
	}
	#loginform img {
		width: 100%;
	    margin-top: 0px;
	    margin-left: 0%;
	}
	.mobilelogin .whytommworks h3, .mobilelogin .howtommworks h3, .mobilelogin .tomminfocontact h3{
		font-size: 1.75em;
	}
	.mobilelogin .tomminfo .welcometotomm .content p, .mobilelogin .tommemail, .mobilelogin .tommphone, .mobilelogin .tommemail:hover, .mobilelogin .tommphone:hover{
		font-size: 1.2em;
	}
	.mobilelogin .dropdownlogin .dropdownopen img, .mobilelogin .dropdownlogin .dropdownclose img {
		width:25px;
	}
	.mobilelogin .tomminfo .welcometotomm .content h3{
		font-size: 1.35em;
	}
	.mobilelogin .tomminfocontact .content p {
		font-size: 18px;
	}
	.mobilelogin .loginnav .tommlogin.hide {
		-webkit-transform: translate3d(60%,0,0);
	    -ms-transform: translate3d(60%,0,0);
	    -o-transform: translate3d(60%,0,0);
	    transform: translate3d(60%,0,0);
	}
	.mobilelogin .loginnav .tomminformation.hide{
	    -webkit-transform: translate3d(-60%,0,0);
	    -ms-transform: translate3d(-60%,0,0);
	    -o-transform: translate3d(-60%,0,0);
	    transform: translate3d(-60%,0,0);
	}
	.mobilelogin .loginnav .tomminformation.current{
	    -webkit-transform: translate3d(-100%,0,0);
	    -ms-transform: translate3d(-100%,0,0);
	    -o-transform: translate3d(-100%,0,0);
	    transform: translate3d(-100%,0,0);

	}
	.mobilelogin .loginnav .tommlogin.current{
	    -webkit-transform: translateX(100%);
	    -ms-transform: translateX(100%);
	    -o-transform: translateX(100%);
	    transform: translateX(100%);
	}
	.mobilelogin .infocontainer .row1, .infocontainer .row2, .mobilelogin .infocontainer .row3{
		display: block;
		margin-top: 0px;
	}
	.infoitem .title img {
		width: 15%;
		left: 42.5%;
	}
	.mobilelogin .tomminfofooter img {
	    width: 90%;
	    margin-left: 5%;
	}
	.mobilelogin .infoitem .copy.show {
	    max-height: 65vh;
	}

	.mobilelogin .closepdfbutton {
	    position: absolute;
	    right: 55px;
	    top: 10px;
	    width: 25px;
	    cursor: pointer;
	}
}