/*	BASE RESET   */
html {
	-webkit-font-smoothing: antialiased;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


h1, h2, h3, h4, h5, h6, p {
	padding: 0;
	margin: 0 !important;
	font-family: "Montserrat", sans-seref !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;

}

h1, h4, p, .btn {
	font-family: "Montserrat", sans-seref !important;
}

p {
	color: #000 !important;
	letter-spacing: 0.2px;
}

div#bottombar p {
	color: #fff !important;
}

.btn {
	width: auto !important;
	height: auto !important;
	line-height: 20px !important;
	margin-right: 0 !important;
	font-size: 15px !important;
	letter-spacing: 0 !important;
}

.btn-primary {
	background: #f84495;
	padding: 12px 20px;
	border: 0;
	border-radius: 1.3em;
	font-weight: 500;
}
.btn-primary:hover {
	background: #333333;
}

div.container {
	max-width: 1280px !important;
	margin: 0 auto;
	float: none;
}

/* P A G E S T Y L E */
/*  Modals */

.pg-hero-box {
    margin-top: 129px;
}
#mobile_menu ul li {
    width: 100%;
}
@media (max-width: 1280px) {
	.pg-hero-box {
		margin-top: 115px;
	}
}
@media (max-width: 1080px) {
	.pg-hero-box {
		margin-top: 55px;
	}
	.inside .topnav li {
		width: 100%;
	}
}
.careerModals {
	position: fixed;
	padding: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	z-index: 999999;
	overflow-y: scroll;
	height: 100%;
	display: none;
}

.sbr {
	margin-bottom: 20px;
}


/* Page Css */

#subscription .fieldset {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: space-between;
	-ms-flex-pack: space-between;
	justify-content: space-between;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

#bottomwrap {
	padding: 0;
	float: none
}

#subscribe .form-group {
	display: inline-block;
	width: 25%;
}

#subscription .fieldset div:first-child {
	width: 80%;
}

#career-reviews .icon-prev, #career-reviews .icon-next {
	-webkit-transform: scale(.9);
	-ms-transform: scale(.9);
	transform: scale(.9);
}

#career-reviews .carousel-control span {
	border: 0px !important;
	opacity: .7;
}

#career-reviews .carousel-control span:before {
	display: none;
}

.pg-wrap {
	padding: 0;
}

.pg-wrap .col-xs-12 {
	padding: 0;
}

.pg-hero {
	min-height: 600px;
	border-top: 2px solid #eee;
	background-size: cover !important;
}

.pg-bnr-copy p {
	letter-spacing: .02em;
	font: 400 18px/28px montserrat, sans-serif;
	color: #333 !important;
}

.main-content .pg-bnr-copy h1 {
	color: #333;
	padding: 0 0 20px;
	text-align: left;
	text-transform: capitalize;
	font-family: 'Montserrat', sans-serif !important;
	font: bold 66px/72px montserrat, sans-serif;
	letter-spacing: -.02em;
}

.pg-bnr-copy {
	max-width: 585px;
}

.pg-bnr-copy a.pg-btn {
	background: #fa4d99;
	color: #fff;
	padding: 18px 32px !important;
	border-radius: 50px;
	position: relative;
	top: 35px;
	font: 600 16.5px/18px montserrat, sans-serif !important;
	letter-spacing: 0;
}

#default .site-header {
	height: 75px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

.pg-copy p {
	letter-spacing: .02em;
	font: 400 17px/32px montserrat, sans-serif;
}

#default .thePhone a {
	font: 800 12.5px/18px montserrat, sans-serif;
}

#default .thePhone {
	position: relative;
	top: -2px;
	margin-top: 10px;
}




/* Careers Page  */

div#careerHero {
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/Subpages/CareersHeroImage.jpg) right bottom no-repeat;
}

@media (max-width:500px) {
	   div#careerHero {
		height: 100vh !important;
		background-position: 50% 100% !important;
	}

	
}

@media (max-width:320px) {
	
	div#careerHero:before {
		background: #fefefe !important;
		opacity: 0.8;
	} 
}

.hero-copy-container {
	position: absolute;
	top: 20%;
	left: 0;
}

.pg-container {
	max-width: 1280px;
	float: none;
	margin: 0 auto;
	clear: both;
}

.pg-bnr-copy {
	max-width: 565px;
}

.pl-photoBox img {
	max-width: 30px;
	float: left;
	display: inline-block;
}

#career-wrap div#pg-sec1 {
	height: 70px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background: #9499a6;
	border-top: 1px solid #d4d6db;
}

div#pg-sec1 .pg-container {
	margin: 0;
}

.pgLine-box .pg-copy {
	padding: 8px 0 0;
	text-indent: 15px;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: .02em;
}

div#plbox1.pgLine-box .pg-copy {
	text-indent: 0px;
}

.pgbox-container {
	max-width: 100%;
}

.site-header .logo {
	padding: 0 0 0 2em;
}

.pg-bnr-copy {
	max-width: 565px;
}

#career-wrap div#pg-sec1 {
	background: #9499a6;
	border-top: 1px solid #d4d6db;
}

.pl-photoBox img {
	max-width: 35px;
	float: left;
	display: inline-block;
}

div#pg-sec1 {
	height: 70px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.pgLine-box .pg-copy {
	padding: 8px 0 0;
	text-indent: 15px;
	color: #fff;
}

.pg-copy.pg-copy-first {
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
}

div#pg-sec2 {
	background: #f6fbfd;
	padding: 100px 0;
}

#pg-sec2 .pg-copy h4 {
	font-size: 25px;
	font-weight: 700;
	color: #333 !important;
	margin-bottom: 30px !important;
}

#pg-sec3 .pg-copy h3 {
	font: bold 50px/50px montserrat,sans-serif;
	margin-bottom: 12px !important;
}

.opening-copy {
	padding: 35px 0;
	border-bottom: 1px solid #f0f0f0;
}

.opening-copy:last-child {
	border-bottom: 0px;
}

#pg-sec3 .opening-copy h4 {
	cursor: pointer;
}

#aeModal .cm-info-box tr td:last-child {
	-webkit-transform: translateX(-6.5vw);
	-ms-transform: translateX(-6.5vw);
	transform: translateX(-6.5vw);
}

.cm-info-desc table {
	white-space: nowrap;
}

#aeModal .cm-info-desc tr:last-child td:last-child::before {
	display: none;
}

div#aeModal .cm-info-desc {
	overflow: hidden;
}

#pg-sec3 .opening-copy a.trigjob {
	color: #333;
	text-decoration: none !important;
}

a.pg-btn.ry-btn {
	font: 500 18px/32px montserrat, sans-serif;
	background: #fa4d99;
	color: #fff;
	padding: 14px 30px !important;
	border-radius: 50px;
	letter-spacing: .02em;
	text-decoration: none !important;
	-webkit-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}

a.pg-btn.ry-btn:hover {
	background: #333333;
}

a.pg-btn.ry-btn.job-btn {
	float: right;
	position: relative;
	top: -15px;
	text-decoration: none !Important;
}

#pg-sec3 .pg-copy {
	margin-bottom: 20px;
}

div#pg-sec3 {
	padding: 100px 0 150px;
}

.opening-copy h4 {
	font: 400 20px/20px montserrat, sans-serif;
}

div#career-reviews {
	position: relative;
	visibility: visible;
	opacity: 1;
	max-width: 860px;
	float: none;
	margin: 0 auto;
}

#career-reviews a.carousel-control {
	background: transparent !important;
	width: auto;
}

#career-reviews .carousel-inner {
	max-width: 650px;
	float: none;
	margin: 0 auto;
}

#career-reviews a.carousel-control.left {
	left: 0;
	width: 35px;
}

#career-reviews a.carousel-control.right {
	right: 20px;
	width: 35px;
}


#career-reviews .icon-prev {
	margin: 0;
	padding: 0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	font-size: 26px;
	background: transparent;
	border: 1px solid #666;
	color: #666;
	text-shadow: none;
	padding: 0;
	left: 0;
}

#career-reviews .icon-next {
	margin: 0;
	padding: 0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	font-size: 26px;
	background: transparent;
	border: 1px solid #b4b7b8;
	color: #b4b7b8;
	text-shadow: none;
	padding: 0;
	right: 0;
}

div#pg-sec4 {
	height: 100%;
	background: #f6fbfd;
	padding: 100px 0 0;
}

#pg-sec2 .pg-copy h3 {
	font: bold 50px/50px montserrat,sans-serif;
	margin-bottom: 12px !important;
}

.rev-item {
	min-height: 400px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.starbox {
	text-align: center;
	font-size: 20px;
	color: #eba507;
	letter-spacing: .16em;
	line-height: 15px;
	margin-bottom: 20px;
}

.rev-content h4 {
	font: 700 25px/46px montserrat, sans-serif;
	margin-bottom: 25px !important;
}

.rev-content p {
	font: 400 17px/28px montserrat, sans-serif;
	letter-spacing: .02em;
}

.pg-wrap div.bbox {
	padding-top: 100px !important;
}

.bottomBox {
	max-width: 1090px;
	min-height: 420px;
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/CareersTestiBg_2x.png) no-repeat;
	float: none;
	margin: 0 auto -20px;
	clear: both;
	background-size: contain;
}

#pg-sec5 .pg-copy h3 {
	font: 300 40px/46px montserrat, sans-serif;
}

#pg-sec5 .pg-copy {
	max-width: 900px;
	float: none;
	margin: 0 auto;
	-webkit-transform: translatex(50px);
	-ms-transform: translatex(50px);
	transform: translatex(50px);
}

div#pg-sec5 {
	padding: 150px 0 200px;
}

#pg-sec5 .pg-fullbox {
	max-width: 1050px;
	float: none;
	margin: 0 auto;
}

#pg-sec5 .pgfull-box {
	padding-top: 80px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.pg-item-wrap {
	max-width: 280px;
}

.pg-item-wrap .pg-copy p {
	font: 300 16px/22.5px montserrat, sans-serif;
	text-align: left;
}

.pg-item-wrap h4 {
	font: 200 45px/50px montserrat, sans-serif;
	letter-spacing: -.02em;
	margin-bottom: 10px !important;
}

.pgc-item:nth-child(2) .pg-item-wrap {
	max-width: 100%;
	left: -20%;
}

.pgc-item:nth-child(2) {
	border-right: 1px solid #878787;
	border-left: 1px solid #878787;
	padding: 0 0 0 50px;
	width: 35%;
}

.pgc-item:nth-child(2) .pg-item-wrap .pg-copy {
	max-width: 260px !important;
}

.pgc-item {
	width: 27.5%;
}

div#pg-sec6 {
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/Subpages/CareersBtmBg.jpg) left top no-repeat;
	background-size: cover !important;
	padding: 120px 0 200px;
}

div#pg-float-right {
	float: right;
}

#pg-sec6 .pg-copy h2 {
	font: 700 50px/50px montserrat, sans-serif;
	letter-spacing: -.02em;
	margin-bottom: 15px !important;
}
#pg-sec6 .pg-copy p {
	font: 400 17px/28px montserrat, sans-serif;
}

.gallery-item {
	width: 100%;
	height: 190px;
	background-size: cover !important;
}

div#g-item1 {
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/grp_item/team_img1.jpg) center center no-repeat;
}

div#g-item2 {
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/Subpages/CareerTeam4.jpg) center center no-repeat;
}

div#g-item3 {
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/grp_item/us_team_item3_v3.jpg) center center no-repeat;
}

div#g-item4 {
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/Subpages/tmusv1.jpg) center center no-repeat;
}

div#g-item5 {
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/Subpages/CareerTeam3.jpg) center center no-repeat;
}

div#g-item6 {
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/Subpages/tmusv2.jpg) center center no-repeat;
}

.pg-gallery {
	margin-top: 80px;
}

.gallery-box {
	padding: 2.5px !important;
}

.x-modal {
	cursor: pointer;
	max-width: 35px;
	float: right;
	-webkit-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}

.x-modal:hover {
	-webkit-transform: scale(1.2)rotate(90deg);
	-ms-transform: scale(1.2)rotate(90deg);
	transform: scale(1.2)rotate(90deg);
}

.cm-container {
	max-width: 1150px;
	padding: 0;
	float: none;
	margin: 200px auto;
}

.cm-container div {
	padding: 0;
}

.cm-title h5 {
	font: 300 14px/23px montserrat, sans-serif;
	text-transform: uppercase;
	letter-spacing: .2em;
}

.cm-title h3 {
	font: 600 40px/23px monteserrat, sans-serif;
	color: #333333 !important;
	margin-top: 15px !Important;
}

.cm-title {
	margin-bottom: 80px;
}

img.img-responsive.modal-logo {
	max-width: 245px;
}

body.mymodal-open {
	overflow: hidden !important;
}

.cm-head {
	border-bottom: 1px solid #000;
	padding-bottom: 30px !important;
	margin-bottom: 60px;
}

.info-title h4 {
	font: 500 20px/23px montserrat, sans-serif;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #333;
}

.info-desc p {
	font: 300 17px/33px montserrat, sans-serif;
	letter-spacing: .015em;
	color: #333;
}

.cm-container .cm-info-box {
	padding: 0 0 80px;
}

.cm-info-box td {
	font: 300 17px/43px montserrat, sans-serif;
	letter-spacing: .015em;
	color: #333;
	text-indent: 100px;
}

.cm-info-box table {
	width: 100%;
}

tr.offwhite {
	background: #f0f0f0;
}

td.o-check:before {
	content: '\f00c';
	font-family: fontAwesome;
	color: #333;
	position: relative;
	left: -15px;
}

div#cm-info-bottom {
	border-top: 1px solid #000;
	padding-top: 95px;
}

#cm-info-bottom .info-title h4 {
	font: 600 30px/23px montserrat, sans-serif;
	letter-spacing: 0;
	text-transform: initial;
	margin-bottom: 10px !important;
}

#cm-info-bottom .info-title {
	font: 300 17px/27px montserrat, sans-serif;
	letter-spacing: .015em;
}

.ry-input {
	padding: 0 35px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	outline: 0px !important;
	border: 1px solid #e4e4e4 !important;
	border-radius: 0px !important;
	min-height: 50px;
}

.ry-input::-webkit-input-placeholder {
	font: 300 17px/17px montserrat, sans-serif;
	letter-spacing: .015em;
	color: #333;
}

.ry-txarea {
	max-width: 100%;
	min-width: 100%;
	min-height: 310px;
	padding: 25px 35px;
}

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

input#uploadFile {
	width: 80%;
	background: transparent;
}

button.apply-btn.ry-btn {
	font: 500 18px/32px montserrat, sans-serif;
	background: #fa4d99;
	color: #fff;
	padding: 10px 30px;
	border-radius: 50px;
	letter-spacing: .02em;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	outline: 0px !important;
}

.fileUpload.btn.btn-primary {
	width: 20% !important;
	background: #f0f0f0;
	color: #333;
	border-radius: 0;
	margin: 0px;
	padding: 14px 0;
	font: 300 17px/17px montserrat, sans-serif;
	border: 1px solid #e4e4e4 !important;
	border-left: 0px !important;
	letter-spacing: .015em !important;
}

.f-upload {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

input.fileUp {
	width: 80%;
	background: rgba(255, 242, 242, 0.3) !important
}

#subscribe input[name='Email'] {
	border-radius: 0px;
}

/* Svg Button */
button {
	-webkit-appearance: none;
	background: transparent;
	border: 0;
	outline:0;
}

svg {
	padding: 5px;
}

.arrow {
	cursor: pointer;
	position: absolute;
	top: 50%;
	margin-top: -45px;
	margin-left: -35px;
	width: 70px;
	height: 90px;
}

.left {
	left: 42%;
}

.right {
	left: 58%;
}

.left:hover polyline,
.left:focus polyline {
	stroke-width: 3;
}

.left:active polyline {
	stroke-width: 6;
	-webkit-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}

.right:hover polyline,
.right:focus polyline {
	stroke-width: 3;
}

.right:active polyline {
	stroke-width: 6;
	-webkit-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;
	transition: all 100ms ease-in-out;
}

polyline {
	-webkit-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

/* Custom File Upload */

.xpad {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 100%;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.xpad div:last-child {
	width: 20%;
	background: #f0f0f0;
	height: 50px;
	border: 1px solid #e7e7e7;
	text-align: center;
	padding: 15px 0;
	border-left: 0px !important;
	cursor: pointer;
}

.xpad div:first-child {
	width: 80%;
}

a.file-btn {
	color: #333;
	font: 300 17px/17px montserrat, sans-serif;
	letter-spacing: .015em;
	text-decoration: none !important;
}

/* File Upload */
.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

.f-upload {
	margin-bottom: 20px;
}






/* Responsive Guides */

@media only screen and (min-width: 768px) {
	.mobile-join {
		display: none;
	}

	div#pg-float-right {
		-webkit-transform: translateX(-2%);
		-ms-transform: translateX(-2%);
		transform: translateX(-2%);
	}
}

@media only screen and (min-width: 992px) {
	#default .demo {
		margin: 0 !important;
		left: 0;
		top: 0;
	}

	.is-viewed .desktop-screen {
		-webkit-transform: scale(1) !important;
		-ms-transform: scale(1) !important;
		transform: scale(1) !important;
		width: 100%;
		height: 100% !important;
		border: 0px;
		padding: 0 !important;
	}

	.content-navigation .menu-wrap>ul>li>a {
		position: relative;
		top: 5px;
	}

	.pg-topbox {
		padding: 20px !important;
	}

	div#pg-br {
		padding-left: 5%;
	}

	.opening-copy {
		padding: 35px 2% 35px 0;
	}

	div#pg-float-right {
		-webkit-transform: translateX(-4%);
		-ms-transform: translateX(-4%);
		transform: translateX(-4%);
	}

	div#pg-bl {
		padding-right: 5%;
	}

	#subscribe .form-control {
		width: 100%;
	}

	.ab-solo .ab-photo-list {
		padding: 0px !important;
	}

	div#apl3, div#apl4 {
		padding-top: 45px !important;
	}

	div#iconbox {
		padding-right: 24px;
	}

	.cta-items:last-child img {
		max-width: 70px;
		-webkit-filter: brightness(0)invert(90%) !important;
		filter: brightness(0)invert(90%) !important;
	}

	.cta-items:nth-child(2)::after {
		top: 55% !Important;
	}

	.mrktg-items:last-child li:last-child {
		margin-top: 5px !Important;
	}
}

@media only screen and (max-width: 1599px) {
	.pg-container {
		max-width: 90%;
	}

	#pg-sec1 .pg-container {
		max-width: 90%;
	}

	.pgLine-box .pg-copy {
		font-size: 15px;
	}

	div#pg-float-right {
		width: 45%;
	}

	.gallery-item {
		height: 12.5vw;
	}

	div#pg-sec6 {
		background-position: 15% 100% !important;
		padding: 120px 0 150px;
	}

	.ab-four .pg-gal-copy {
		bottom: 2.56vw;
		left: 2.75vw;
	}
}

@media only screen and (min-width: 1999px) {
	.pg-hero {
		min-height: 750px;
	}
}

@media only screen and (max-width: 1999px) and (min-width: 992px) {
	.demo div {
		width: 100%;
	}

	.theDemo {
		margin-top: 4px !important;
	}
}
@media only screen and (max-width: 1499px) and (min-width: 1200px) {
	div#careerHero {
		background-position: 45% 100% !important;
	}	
}

@media only screen and (max-width: 1499px) {
	div#aboutusHero {
		background-position: 55% 100% !important;
	}

	.tl-cover {
		height: 35vw !important;
	}

	.tab-mb-photo {
		height: 29vw !important;
	}

	.processed {
		padding: 2em 0 !important;
	}

	.pick-items:hover .phone-screen {
		top: -6vw !important;
	}

}

@media only screen and (max-width: 1299px) and (min-width: 992px) {
	.content-navigation .menu-wrap {
		max-width: 100% !important;
	}

	.content-navigation .menu-wrap > ul > li > a {
		padding: 25px 12px;
	}

	.cm-container {
		max-width: 100%;
		padding: 5%;
		float: none;
		margin: 0 auto;
	}

	.cm-info-desc tr td {
		text-align: left;
		float: left;
		width: 100%;
		text-indent: 0px;
	}

	#aeModal .cm-info-box tr td:last-child {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		text-indent: 5vw;
	}

	.cm-info-desc tr {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		text-align: left;
		padding: 0 0 0 30px;
	}

	.cm-info-desc tr {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		text-align: left;
	}
}

@media only screen and (max-width: 1199px) and (min-width: 768px) {
	.pg-copy.checkcopy li p {
		text-indent: 0 !important;
		line-height: 30px !important;
		white-space: normal !important;
		margin-left: 50px !important;
	}

	.pg-copy.checkcopy ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-column-count: auto !important;
		-column-count: auto !Important;
	}

	ul li {
		width: 50%;
	}
}

@media only screen and (max-width: 1199px) {
	.pgLine-box .pg-copy {
		font-size: 13px;
		letter-spacing: 0;
		padding: 10px 0 0;
	}

	.pg-copy.checkcopy ul {
		padding: 0 !important;
	}

	.pg-copy.checkcopy li p {
		white-space: normal;
		text-align: left;
	}

	.is-viewed .pbox-copy {
		text-align: center;
		margin-top: 1.5em;
		padding: 0 2em;
	}

	#pg-sec1 .pg-container {
		max-width: 95%;
	}
	.pgLine-content.pl-photoBox {
		white-space: nowrap;
	}	

	.main-content .pg-bnr-copy h1 {
		font: bold 51px/57px montserrat, sans-serif;
		padding: 0 0 5px;
	}

	div.pg-bnr-copy p {
		font-size: 17px;
		line-height: 28px;
	}

	a.pg-btn.ry-btn {
		font: 500 14px/28px montserrat, sans-serif;
	}

	#pg-sec2 .pg-copy h4 {
		font: 700 23px/23px montserrat, sans-serif;
	}

	div.pg-copy p {
		font: 300 17px/28px montserrat, sans-serif !important;
	}


	#pg-sec3 .pg-copy h3, #pg-sec2 .pg-copy h3 {
		font: bold 40px/40px montserrat,sans-serif;
		margin-bottom: 12px !important;
	}

	.opening-copy h4 {
		font: 400 16px/16px montserrat, sans-serif;
	}

	.rev-content h4 {
		font: 700 22px/46px montserrat, sans-serif;
	}

	.pgc-item {
		width: 30%;
	}

	.pgc-item:nth-child(2) {
		width: 35%;
	}

	div.rev-content p {
		font: 300 17px/28px montserrat, sans-serif;
		letter-spacing: .015em;
	}

	.rev-item {
		min-height: 360px;
	}

	#pg-sec6 .pg-copy h2 {
		font: 700 40px/40px montserrat, sans-serif;
	}

	#pg-sec5 .pg-copy h3 {
		font: 300 35px/39px montserrat, sans-serif;
	}

	.pg-item-wrap h4 {
		font: 200 40px/45px montserrat, sans-serif;
	}

	.cm-info-desc tr td {
		text-align: left;
		float: left;
		width: 100%;
	}

	#aeModal .cm-info-box tr td:last-child {
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		text-indent: 5vw;
	}

	.cm-info-desc tr {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		text-align: left;
		padding: 0 0 0 30px;
	}
}

@media only screen and (max-width: 1199px) and (min-width: 768px) {
	div#careerHero {
		background-position: 50% 100% !important;
	}

	#aboutBox div.pg-bnr-copy p {
		padding-right: 10%;
	}

	.pg-container {
		max-width: 95%;
	}

	.cm-info-box td {
		text-indent: 0px;
	}
}

@media (max-width: 1099px) {
	.navigation-text-color li a {
		letter-spacing: 0.5px;
	}
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
	div#pg-sec2 {
		padding: 100px 0 0;
	}

	.pg-copy.checkcopy li {
		padding: 15px !important;
	}

	.pg-copy.checkcopy li p {
		margin-left: 25px !important;
	}

	div#pg-sec3 {
		padding: 80px 0;
	}

	div#pg-sec4 {
		padding: 100px 0 0 ;
	}

	.tab-mobile-site {
		position: absolute !important;
		left: 70% !important;
		top: 5.5% !important;
	}

	div#tl1-cover {
		width: 75%;
	}

	div#careerHero {
		background-position: 55% 70px !Important;
		background-color: #fcfafb !important;
	}

	#pg-sec5 .pg-copy h3 {
		font: 300 31px/39px montserrat, sans-serif;
	}

	div.pgLine-box {
		width: 20%;
		padding: 10px 5% 10px 5% !important;
	}

	#bottomwrap {
		max-width: 100%;
	}

	div#bottomwrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

@media (max-width: 991px) {
	#tophead nav {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		z-index: 9999;
		overflow: visible;
		-webkit-overflow-scrolling: touch;
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
		-webkit-transition-property: -webkit-transform;
		transition-property: -webkit-transform;
		-o-transition-property: transform;
		transition-property: transform;
		transition-property: transform, -webkit-transform;
		-webkit-transition-duration: 0.4s;
		-o-transition-duration: 0.4s;
		transition-duration: 0.4s;
	}

	#default .topnav li {
		width: 100%;
	}

	body.overflow-hidden #tophead nav {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}

	ul.topnav {
		-webkit-transform: scale(1) !important;
		-ms-transform: scale(1) !important;
		transform: scale(1) !important;
	}

	body div.pg-copy p {
		font: 400 15px/26px montserrat, sans-serif !important;
	}

	#pg-sec5 .pg-copy {
		-webkit-transform: translatex(0px);
		-ms-transform: translatex(0px);
		transform: translatex(0px);
	}

	.owl-item {
		opacity: 0;
	}
	.owl-item.active {
		opacity: 1;
	}

	#default .content-navigation .menu-wrap {
		display: none !important;
	}

	#subscribe .form-control {
		width: 100%;
	}


	.bg-content {
		overflow-x: hidden !important;
	}

	.pg-container {
		max-width: 95%;
	}

	.pg-copy.checkcopy li {
		overflow: hidden;
	}

	.pg-bnr-copy a.ry-btn.pg-btn {
		float: left;
	}

	.gallery-box {
		max-width: 50%;
	}

	.gallery-item {
		max-width: 300px;
		float: none;
		margin: 0;
	}

	.pg-wrap .col-xs-12 {
		padding: 0;
		text-align: left;
	}

	.pgbox-container {
		max-width: 90%;
		float: none;
		padding: 0;
		margin: 0 auto 5em;
	}

	.opening-copy {
		padding: 20px 0 45px;
	}

	#pg-br .pgbox-container {
		margin-bottom: 0;
	}

	#pg-sec3 .pg-copy.ry-copy p {
		text-align: center;
	}

	.opening-copy h4 {
		float: none;
		margin: 0 auto;
		clear: both;
	}

	#career-reviews .carousel-inner {
		max-width: 85%;
	}

	div.pg-copy p {
		text-align: justify !important;
	}

	#pg-sec2 div.pg-copy p {
		max-width: 100%;
	}

	div#pg-sec6 {
		background-position: 10% 100% !important;
		padding: 80px 0;
		background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/Subpages/Mob_ChalkboardTablet_2x.jpg) no-repeat !important;
		background-size: cover !important;
		background-position: 15% 100% !important
	}

	.pgc-item:nth-child(2) .pg-item-wrap {
		padding: 0 10px;
		left: 0;
	}

	.pg-item-wrap .pg-copy p {
		font: 300 13px/23px montserrat, sans-serif !important;
	}

	.pgc-item .pg-item-wrap {
		padding: 0 10px !important;
	}

	#pg-sec5 .pgfull-box {
		display: block !important;
	}

	#pg-sec5 .pgfull-box .pgc-item {
		width: 33% !important;
	}

	#pg-sec2 #pg-br div.pg-copy p {
		max-width: 100%;
	}

	div#plbox1 {
		width: 100%;
		padding: 0 !important;
	}

	#plbox1 .pg-copy.pg-copy-first {
		text-align: center;
		background: #81848c;
		padding: 12px 0;
	}

	.pgLine-box:nth-child(4) {
		width: 31%;
	}

	#career-wrap div#pg-sec1 {
		height: 100%
	}

	#pg-sec1 .pg-container {
		max-width: 100% !important;
		padding: 0 !important;
	}

	#default .site-header {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.bottomBox {
		min-height: 35vw;
	}

	.content-navigation .menu-wrap {
		display: none;
	}

	.cm-container {
		padding: 5%;
		margin: 0;
	}

	.cm-head {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.info-title h4 {
		margin-bottom: 20px !important;
	}

	#bottombar {
		padding-bottom: 20px;
	}

	/* Base Header */

	#default .demo {
		display: none !important;
	}

	#default div#tophead .site-header {
		-webkit-box-shadow: 0px 13px 25px -12px rgba(0, 0, 0, 0.05);
		box-shadow: 0px 13px 25px -12px rgba(0, 0, 0, 0.05);
		height: 70px !important;
		padding: 0;
		display: block;
	}
	/*
	#default div#tophead {
		position: fixed;
		height: 70px !important;
		z-index: 999999;
		overflow: visible !Important;
	}

	#default div#tophead .site-header {
		display: block !important;
		height: auto !important;
		overflow: visible !important;
		position: fixed;
	}
	
	#default .site-header .logo {
		padding: 0 !important;
	}

	#default div#tophead .site-header .logo a {
		top: 1.7em !important;
		max-height: 100%;
		width: 100vw;
		max-width: 100vw;
		height: auto;
		float: none;
		margin: 0 auto;
	}

	#default .burgernav {
		left: 15px;
	}

	#default a.phone__icon {
		display: block !important;
		position: fixed;
		right: 20px;
		top: 30px;
		z-index: 999999;
		text-decoration: none !important;
		transform: scale(1) !important;
	}

	*/
	div.site-header.bg-nav {
		max-width: 100% !important;
	}

	a.phone__icon svg {
		display: none;
	}

	a.phone__icon:before {
		content: '\f095';
		font-family: fontAwesome;
		font-size: 13px !Important;
		position: relative;
		top: -7px;
		right: 5px;
		color: #fff;
		transform: scale(1) !important;
		width: 25px;
		height: 25px;
		background: #000;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 1;
		flex-wrap: wrap;
	}


	.is-clicked:before {
		background: #fff !important;
		color: #000 !important;
	}

	.overflow-hidden a.phone__icon:before {
		color: #fff;
	}

}

@media (max-width: 767px) {
	div.content {
		overflow-x: initial !important;
	}

	div.cm-info-desc tr {
		padding: 0;
	}

	#aeModal .cm-info-box tr td {
		text-indent: 20px !important;
	}

	.pgc-item:nth-child(2) .pg-item-wrap {
		padding: 0;
	}

	#pg-sec5 .pgfull-box .pgc-item {
		width: 100% !important;
	}

	.carousel-control .icon-prev:before {
		position: relative;
		top: -.5px;
		left: -1px;
	}

	.carousel-control .icon-next:before {
		position: relative;
		top: -.5px;
		left: 1px;
	}

	.ry-input::-webkit-input-placeholder {
		font: 300 2.2vw/2.2vw montserrat, sans-serif;
	}

	.fileUpload.btn.btn-primary span {
		font: 300 2.2vw/2.2vw montserrat, sans-serif;
	}

	.pgc-item {
		width: 100% !important;
		text-align: center !important;
		float: none;
		margin: 0 auto;
		clear: both;
	}

	.pgc-item:nth-child(2) {
		border-top: 1px solid #b2b2b2;
		border-bottom: 1px solid #b2b2b2;
		border-left: 0px;
		border-right: 0px;
		margin: 20px 0;
		padding: 20px 0;
	}

	#pg-sec2 div.pg-copy p {
		max-width: 100%;
	}

	div.pg-copy p {
		text-align: left !important;
	}

	#plbox1 .pg-copy.pg-copy-first {
		text-align: center;
		background: transparent;
		padding: 0;
		font: 600 4.7vw/4.7vw montserrat, sans-serif;
		letter-spacing: 0.1em;
	}

	.pgLine-box {
		width: 100% !important;
		padding: 10px 10px 20px !important;
		margin: 0 0 15px !important;
	}

	.pgLine-box {
		width: 100% !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.4);
	}

	.pl-photoBox {
		padding-left: 10px !important;
	}

	.pg-flex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: 0 65px !Important;
	}

	#career-wrap div#pg-sec1 {
		padding: 80px 0;
	}

	div#plbox1 {
		padding: 0 0 25px !important;
		border-bottom: 0px !important;
	}

	#pg-sec2 .pg-copy h4 {
		font: 700 6.5vw/6.5vw montserrat, sans-serif;
	}

	div.demo {
		display: none !important;
	}

	.site-header .logo img {
		float: none;
		margin: 0 auto;
		clear: both;
	}

	#default .site-header {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 100px;
		padding: 0 7%;
	}

	.site-header .logo {
		height: auto;
	}

	.pg-hero {
		border-top: 0px !important;
	}

	.site-header .logo img {
		width: 250px;
		-webkit-transform: translate(7vw);
		-ms-transform: translate(7vw);
		transform: translate(0vw);
	}

	div#careerHero {
		height: 125vh;
		margin-bottom: 0;
		min-height: 50vw;
		background-size: cover !important;
		background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/Subpages/Mob_Hero_2x.jpg) no-repeat !important;
		background-position: 50% 95% !important;
		-webkit-transform: translateY(30px);
		-ms-transform: translateY(30px);
		transform: translateY(30px)
	}
	div#tophead {
		height: 100%;
		position: relative;
	}

	.site-header:after {
		content: '';
		position: absolute;
		bottom: -16px;
		left: 0;
		right: 0;
		background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/Subpages/top_shadow.png) center center no-repeat;
		height: 18px;
		width: 100%;
		background-size: cover;
		opacity: .1;
	}

	.hero-copy-container {
		top: 5%;
	}

	.pg-bnr-copy {
		text-align: center;
	}

	.pg-bnr-copy {
		max-width: 100%;
	}

	.main-content .pg-bnr-copy h1 {
		text-align: center;
	}

	.pg-bnr-copy a.ry-btn.pg-btn {
		font: 600 4.17vw/ 5vw montserrat, sans-serif;
		padding: 20px 30px;
		position: relative;
		top: 15px;
	}

	#careerBox .pg-container {
		max-width: 100%;
	}

	.pgLine-box .pg-copy {
		font: 400 4.1vw/4.1vw montserrat, sans-serif;
		letter-spacing: 0;
		text-indent: 25px;
	}

	.pg-bnr-copy a.ry-btn.pg-btn {
		float: none;
		white-space: nowrap;
	}

	#websol-wrap a#toLearn {
		top: 10vw;
	}

	.pgbox-container {
		max-width: 100%;
	}

	.pgbox-container {
		max-width: 100%;
	}

	div.pg-container {
		max-width: 100%;
		padding: 0 5% !important;
	}

	.opening-copy h4 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.opening-copy h4 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		font: 400 4vw/4.1vw montserrat, sans-serif;
	}

	a.pg-btn.ry-btn.job-btn {
		float: left;
		top: 20px;
		font: 600 3.5vw/4.95vw montserrat, sans-serif;
		padding: 15px 25px;
	}

	div#pg-sec3 {
		padding: 50px 0 50px;
	}

	div#pg-sec4 {
		padding: 50px 0 0;
	}

	.starbox {
		text-align: left;
	}

	.rev-content h4 {
		text-align: left !important;
	}

	.rev-content h4 {
		font: 700 6.5vw/8.2vw montserrat, sans-serif;
		margin-bottom: 10vw !Important;
	}

	#career-reviews .carousel-inner {
		max-width: 100%;
	}

	div.rev-content p {
		letter-spacing: -.02em;
		text-align: left !important;
	}

	div.bottomBox {
		background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/Subpages/Mob_Foosball_2x.png) no-repeat !important;
		background-size: contain !important;
		min-height: 40vw;
	}

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

	#career-reviews a.carousel-control.right {
		right: auto;
		width: 35px;
		left: 50px;
	}

	#career-reviews .icon-prev {
		left: 1vw;
		top: 23vw;
	}

	#career-reviews .icon-next {
		right: auto;
		top: 23vw;
		left: 12vw;
	}

	#career-reviews .icon-prev, #career-reviews .icon-next {
		width: 7vw;
		height: 7vw;
		font-size: 6vw;
		margin: 5px;
		left: 0;
	}

	#pg-sec5 .pg-copy h3 {
		font: 300 6.45vw/7.1vw montserrat, sans-serif;
	}

	.pgc-item .pg-item-wrap, .pgc-item .pg-item-wrap p {
		text-align: center !important;
	}

	.pgc-item:nth-child(2) .pg-item-wrap .pg-copy {
		max-width: 100%;
	}

	.pg-item-wrap {
		max-width: 400px !important;
		float: none;
		margin: 0 auto;
	}

	.pg-item-wrap h4 {
		font: 200 10vw/6.5vw montserrat, sans-serif;
		margin-bottom: 20px !important;
	}

	.pg-item-wrap .pg-copy p {
		font: 300 3.5vw/4.5vw montserrat, sans-serif !important;
		letter-spacing: .02em;
	}

	.pgc-item:nth-child(2) .pg-item-wrap .pg-copy {
		max-width: 100% !important;
	}

	div#pg-sec6 {
		background: #fff !important;
	}

	.pg-gallery {
		margin-top: 30px;
	}

	div#mobile-sec6 {
		background: transparent;
		padding: 0 0 60px;
		margin-top: -10em;
	} 

	.gallery-item {
		height: 32.5vw;
	}

	.gallery-box {
		padding: 0 !important;
	}

	#mobile-sec6 h2 {
		font: 700 9.1vw/9.1vw montserrat, sans-serif;
		margin-bottom: 40px !important;
	}

	.pg-gallery {
		margin-bottom: 55px;
	}

	a.ry-btn.pg-btn {
		font: 600 16px/25px montserrat, sans-serif;
		padding: 15px 25px;
	}

	#pgcenter .pg-copy.ry-copy {
		padding: 0px 40px 0 55px;
	}

	.mobile-join {
		background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/Subpages/Mob_Chalkboard_2x.jpg) left center no-repeat;
		height: 100vh;
		background-size: contain;
	}

	.cm-title h3 {
		font: 600 5.2vw/5.2vw montserrat, sans-serif;
	}

	.info-desc p {
		font: 300 2.21vw/4.1vw montserrat, sans-serif;
	}

	td.o-check {
		font: 300 2.21vw/5.6vw montserrat, sans-serif;
	}

	.cm-container .cm-info-box {
		padding: 0 0 40px;
	}

	.info-title h4 {
		font: 500 2.6vw/3vw montserrat, sans-serif;
		margin-bottom: 20px;
	}

	#cm-info-bottom .info-title h4 {
		font: 600 3.9vw/3.9vw montserrat, sans-serif;
	}

	.cm-info-desc tr {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	tr.offwhite {
		background: transparent;
	}

	.cm-info-box td {
		text-indent: 25px;
		font: 300 2.6vw/7vw montserrat, sans-serif;
	}



}

@media only screen and (max-width: 499px) {
	div#pg-sec2 {
		padding: 50px 0;
	}

	#tm-carousel .owl-prev {
		left: 0 !important;
	}

	#tm-carousel .owl-next {
		right: 0 !important;
	}

	#default .site-header {
		padding: 0 25px !important;
	}

	div.site-header .logo {
		padding: 10px 0 0 10px;
	}

	div#pg-sec4 {
		padding: 50px 0 0;
	}

	.burgernav {
		right: 10px !Important;
	}

	div.pg-container {
		padding: 0 5% 0 5% !important;
	}

	div#pg-sec3 {
		padding: 50px 0;
	}

	.rev-content h4 {
		margin-bottom: 20px !important;
	}

	#career-reviews .icon-prev, #career-reviews .icon-next {
		top: 27.5vw;
	}

	div#pg-sec5 {
		padding: 80px 0 0;
	}

	#pgcenter .pg-copy.ry-copy {
		padding: 0 25px;
	}

	.pg-flex {
		padding: 0 25px !important;
	}

	.pg-gallery {
		margin: 0 0 50px;
	}

	.burgernav {
		top: 35px;
	}

	#default .site-header {
		height: 75px;
	}

	.info-desc p {
		font: 300 3.4vw/6.6vw montserrat, sans-serif;
	}

	.cm-title h5 {
		font: 300 2.8vw/4.3vw montserrat, sans-serif;
	}

	.cm-title h3 {
		font: 600 7.2vw/8vw montserrat, sans-serif;
	}

	.info-title h4 {
		font: 500 4.5vw/4vw montserrat, sans-serif;
	}

	.cm-info-box td {
		font: 300 3.4vw/6.6vw montserrat, sans-serif;
	}

	#pg-sec3 .pg-copy h3 {
		font: 700 8vw/8vw montserrat, sans-serif;
	}

	.ry-input::-webkit-input-placeholder {
		font: 300 3.3vw/3.3vw montserrat, sans-serif;
	}

	.fileUpload.btn.btn-primary span {
		font: 300 3.3vw/3.3vw montserrat, sans-serif;
	}

	.ry-input {
		padding: 0 15px;
	}

	input#uploadFile1 {
		width: 60%;
	}

	.fileUpload.btn.btn-primary {
		width: 40% !important;
	}

	input.fileUp {
		width: 60%;
	}

	div#careerHero:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(255, 255, 255, 0.1);
	}

	div.site-header .logo {
		padding: 10px 0 0;
	}

	div.site-header .logo {
		padding: 10px 0 0;
	}

	.myModal .ry-input {
		padding: 15px;
	}

	.cm-head {
		margin-bottom: 40px;
	}

	.cm-title {
		margin-bottom: 40px;
	}

	.main-content .pg-bnr-copy h1 {
		font: 30px/40px montserrat, sans-serif;
		margin-bottom: 0 !important;
	}

	.main-content .pg-bnr-copy h1 {
		font: 30px/40px montserrat, sans-serif;
		margin-bottom: 0 !important;
	}

	#ws-sec1 .checkcopy li:before {
		position: relative;
		top: 1.5em;
	}
}

@media only screen and (max-width: 321px) {
	div#careerHero {
		height: 155vh;
		background-position: 50% 90% !important;	
	}
}



/* ------------------- A ----------- B ------------------ O --------------- U ---------- T ------------------------ */


div#aboutusHero {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/about_new/insidebanner_min.png) !important;
}

.abphoto, abg1 {
	-webkit-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.abphoto:hover, abg1:hover {
	-webkit-box-shadow: 0px 5px 20px 0px #c0c0c0;
	box-shadow: 0px 5px 20px 0px #c0c0c0;
}

div#ab-sec0 {
	background: #3d677f;
	min-height: 200px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

div#ab-sec1 h3 {
    font-family: 'Outfit' !important;
    font-weight: 600;
    margin-bottom: 1em !important;
}

div#ab-sec1 p {
    font-family: 'Outfit' !important;
    font-size: 18px !important;
}

div#section-1 {
    margin-top: 5em;
}


#ab-sec0 .pg-copy h5 {
	color: rgb(255 255 255 / 50%);
	font: 400 15px/15px Outfit, sans-serif !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
	top: -20px;
	width: 100%;
}


.brandbox > div {
	width: auto;
	padding: 15px 15px 0 !important;
}


.brandbox > div {
	width: auto;
	padding: 15px 15px 0 !important;
}

.brandlist img {
	max-width: 90%;
	float: none;
	margin: 0 auto;
}

#ab-sec0 .copy-box {
	position: relative;
	top: 25px;
}

div#ab-sec1 {
	padding: 100px 0;
}

.brandbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#default div#aboutus-wrap div#pg-st h3 {
	font: 600 35px/25px Outfit, sans-serif !important;
}

#ab-sec1 .pg-copy h4 {
	font: 300 31px/40px montserrat, sans-serif;
	margin-top: 45px !important;
	margin-bottom: 25px !important;
}

.ab-photo-list {
	overflow: hidden;
}

.abg1 {
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/about_new/AbtMission.jpg) center center no-repeat;
	min-height: 665px;
	background-size: cover !Important;
}

.abphoto {
	width: 100%;
	height: 310px;
	float: none;
	margin: 0 auto;
	background-size: cover !important;
	-webkit-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}

.ab-photo-list:hover .abphoto {
	-webkit-transform: translateX(-5px);
	-ms-transform: translateX(-5px);
	transform: translateX(-5px);
}

.abg2 {
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/about_new/AbtAudacious.jpg) center center no-repeat;
	background-size: cover !Important;
}

.abg3 {
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/about_new/AbtCourageous.jpg) center center no-repeat;
	background-size: cover !Important;
}

.abg4 {
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/about_new/AbtCorteous.jpg) center center no-repeat;
	background-size: cover !Important;
}

.abg5 {
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/about_new/AbtEnjoy.jpg) center center no-repeat;
	background-size: cover !Important;
}

.ab-solo .pg-gal-copy {
	position: absolute;
	top: 15%;
	left: 0;
	right: 0;
}

div#ab-sec2 {
	padding: 0 0 140px;
}

.ab-four .pg-gal-copy {
	position: absolute;
	bottom: 1.56vw;
	left: 1.56vw;
}

.ab-four .pg-gal-copy p {
	font: 300 17px/19px montserrat, sans-serif;
	color: #fff !important;
}

.ab-solo {
	padding-right: 26px !important;
}

.ab-photo-list {
	padding: 0 24px 0 10px!important;
	position: relative;
}

.iconlist {
	min-height: 270px;
	background: transparent;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.icon-copy p {
	font: 300 16px/20px montserrat, sans-serif;
	margin: 15px 0 30px !important;
}

.icon-copy span.span-2 {
	background: transparent;
	padding: 0px;
	border-radius: 50%;
	color: #fff;
	font: 300 15.5px/20px montserrat, sans-serif;
	letter-spacing: -.02em;
}

.icon-circle {
	width: 40px;
	height: 40px;
	float: none;
	margin: -20px auto 0;
	background: #45576c;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
}


.icphoto {
	max-width: 41px;
}

.iltop {
	border-bottom: 0.5px solid rgba(149, 153, 165, 0.4);
	border-right: 1px solid rgba(149, 153, 165, 0.4);
}


.ilbot {
	border-right: 1px solid rgba(149, 153, 165, 0.4);
	border-top: 0.5px solid rgba(149, 153, 165, 0.4);
}

#ab-sec4 .pg-copy h4 {
	font: 400 25px/30px Outfit, sans-serif !important;
	margin-top: 28px !important;
	margin-bottom: 25px !important;
}

div#apl1 .pg-gal-copy p {
	max-width: 190px;
	text-align: left !important;
}

.abg1:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.05);
}

.abphoto:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.2);
}

div#apl2 .pg-gal-copy p {
	max-width: 210px;
	text-align: left;
}

div#apl3 .pg-gal-copy p {
	max-width: 200px;
	text-align: left;
}

div#apl4 .pg-gal-copy p {
	text-align: left;
	max-width: 220px;
}

div#ab-sec3 {
	padding: 0 0 150px 0;
	display: none;
}

#ab-sec1 div#centerbox {
	max-width: 870px;
	float: none;
	margin: 0 auto;
}

#ab-sec4 div#centerbox {
	max-width: 1300px;
	float: none;
	margin: 0 auto;
}

.tm-slider {
	max-width: 1440px;
	float: none;
	margin: 0 auto !important;
	clear: both;
	padding: 90px 0 180px !Important;
	display: none;
}

#tm-carousel  .owl-prev {
	left: 0;
	top: 45%;
}

#tm-carousel  .owl-next {
	right: 0;
	top: 45%;
}

.iltop:nth-child(4), .ilbot:nth-child(9) {
	border-right: 0px;
}

.col-xs-12.tm-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.pg-gal-copy h4 strong {
	font-size: 24.5px;
}

.pg-gal-copy h4 {
	font-size: 22.5px;
	line-height: 31px;
	text-transform: uppercase;
	letter-spacing: .08em;
}

.iconlist:nth-child(even) .icon-circle {
	background: #def1f5;
}


.iconlist:nth-child(even) .icon-circle span {
	color: #333;
}

#tm-carousel .owl-stage-outer {
	max-width: 100%;
	float: none;
	margin: 0 auto;
	clear: both;
	-webkit-transform: scale(.9)translateX(-10px);
	-ms-transform: scale(.9)translateX(-10px);
	transform: scale(.9)translateX(-10px);
}

.roya-team {
	width: 310px;
	height: 375px;
	background: #f0f0f0;
	margin-bottom: 20px;
	background-size: cover !important;
	float: none;
	margin: 0 auto;
}

.tm-copy {
	padding: 5% 1.6vw;
}

.tm-copy h4 {
	font: 700 25px/25px montserrat, sans-serif;
	letter-spacing: -.02em;
	color: #333;
}

.tm-copy h5 {
	font: 300 16px/25px montserrat, sans-serif;
	letter-spacing: .04em;
	color: #333;
}

#mo {
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/about_new/AbtThmbMo.jpg) center center no-repeat;
}

#mal {
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/about_new/AbtThmbMal.jpg) center center no-repeat;
}

#caroline {
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/about_new/AbtThmbCarol.jpg) center center no-repeat;
}

#brandon {
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/about_new/AbtThmbBrandon.jpg) center center no-repeat;
}

div#michael {
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/about_new/AbtThmbMal_Massey.jpg) center center no-repeat;
}

div#claire {
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/about_new/AbtThmbClaire.jpg) center center no-repeat;
}

div#roger {
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/about_new/AbtThmbRoger.jpg) center center no-repeat;
}

div#justin {
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/about_new/AbtThmbJustin.jpg) center center no-repeat;
}

div#Josh {
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/about_new/AbtThmbJoshua.jpg) center center no-repeat;
}

div#lindsey {
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/about_new/AbtThmbLindsey.jpg) center center no-repeat;
}

.tm-slider .owl-prev:after, .tm-slider .owl-next:after {
	display: none;
}

.tm-slider svg {
	padding: 0;
	width: 40px;
	height: 40px;
}

/* About Effects */
.iconlist:before {
	-webkit-transition: all .8s ease;
	-o-transition: all .8s ease;
	transition: all .8s ease;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	background: #0000;
	-webkit-transform: scale(0)rotate(360deg);
	-ms-transform: scale(0)rotate(360deg);
	transform: scale(0)rotate(360deg);
}
.iconlist:hover::before {
	-webkit-transform: scale(.8)rotate(0deg);
	-ms-transform: scale(.8)rotate(0deg);
	transform: scale(.8)rotate(0deg);
	background: #fffbfb;
}

.iconlist:hover p {
	margin-top: 5px !important;
}

.iconlist p {
	-webkit-transition: all 1.5s ease;
	-o-transition: all 1.5s ease;
	transition: all 1.5s ease;
}


.about-gallery {
	max-width: 100%;
	float: none;
	margin: 0 auto;
}

.about-gallery .pg-gallery {
	margin-bottom: 3em;
}

.roya-team-box {
	margin-top: -3em;
}


@media only screen and (max-width: 1499px) {
	.ab-four .pg-gal-copy {
		position: absolute;
		bottom: 2.56vw;
		left: 2.75vw;
	}

	#ab-sec0 .pg-copy h5 {
		font:300 13px/15px montserrat, sans-serif;
	}
}

@media only screen and (max-width: 1299px) {
	.roya-team {
		width: 280px;
		height: 340px;
	}
}

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

	.col-xs-12.thePhone a {
		letter-spacing: .15em;
	}

	.theDemo {
		margin-top: 2px;
	}

	.theDemo a {
		position: relative;
		left: 7px;
		padding: 0.5em 2.3em;
	}

	.abg1 {
		min-height: 47vw;
	}

	div#apl3, div#apl4 {
		padding-top: 20px !important;
	}

	.abphoto {
		width: 22vw;
		height: 22vw;
		background-position: center center !important;
	}

	.ab-photo-list {
		padding: 7px !important;
	}

	#ab-sec0 .copy-box {
		/* position: relative; */
		/* top: 10px; */
	}

	#ab-sec0 .pg-copy h5 {
		font: 400 15px/20px Outfit, sans-serif !important;
	}

	#ab-sec0 .copy-box .pg-copy {
		/* max-width: 240px; */
		text-align: center;
	}

	.brandbox > div {
		padding: 10px 8px !important;
	}

	.roya-team {
		width: 23vw;
		height: 30vw;
	}

	#tm-carousel .owl-prev {
		left: 4%;
	}

	#tm-carousel .owl-next {
		right: 4%;
	}

	#tm-carousel .owl-stage-outer {
		-webkit-transform: scale(.8);
		-ms-transform: scale(.8);
		transform: scale(.8);
	}

	div#apl4 .pg-gal-copy p {
		text-align: left;
		max-width: 85%;
	}

	div#apl2 .pg-gal-copy p {
		max-width: 85%;
		text-align: left;
	}

	.iconlist {
		min-height: 230px;
	}

	div#ab-sec1 {
		padding: 80px 0;
	}

	.ab-four .pg-gal-copy p {
		font: 300 14px/17px montserrat, sans-serif;
	}
}

@media only screen and (max-width: 991px) {
	.tm-copy h4, .tm-copy h5 {
		text-align: center;
	}

	.cpbox-child {
		display: none;
	}

	.tm-copy {
		padding: 5% 0;
		width: 100%;
	}

	#aboutBox div.pg-bnr-copy p {
		padding-right: 0;
	}

	div#aboutusHero {
		background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/about_new/AboutHeroimageZoomedMobile_2x.jpg) no-repeat !important;
		background-position: 70% 100% !important;
		background-size: cover !important;
	}
	#aboutus-wrap div#pg-st h3 {
		font: 700 21px/21px montserrat, sans-serif;
	}

	#aboutus-wrap div#pg-st h3 {
		font: 700 21px/21px montserrat, sans-serif;
	}

	.ab-four .pg-gal-copy p {
		font: 300 14px/17px montserrat, sans-serif;
	}

	.iconlist {
		min-height: 210px;
	}

	#aboutus-wrap div.brandsmobile {
		display: block;
		background: #9499a6;
		min-height: 100%;
	}

	.brandbox {
		padding: 15px 0 10px !important;
		max-width: 95%;
		float: none;
		margin: 0 auto;
	}

	.brandsmobile .pg-copy {
		padding: 20px 0 !important;
	}

	#ab-sec0 .copy-box .pg-copy {
		max-width: 100%;
		text-align: center;
		/* background: #81848c; */
	}

	.brandbox {
		padding: 15px 0 10px !important;
		max-width: 95%;
		float: none;
		margin: 0 auto;
	}

	.brandsmobile .pg-container {
		max-width: 100% !important;
		margin-top: -11px;
	}

	div#ab-sec1 {
		padding: 80px 0;
	}

	div#ab-sec1 {
		padding: 80px 0;
	}

	div#ab-sec3 {
		padding: 0 0 80px;
	}
	.tm-slider {
		padding: 50px 0 0 !important;
	}

	#ab-sec4 .pg-copy h4 {
		text-align: center !important;
		margin: 10px 0 15px !important;
		font: 300 22px/30px Outfit, sans-serif;
	}

	#ab-sec1 .pg-copy h4 {
		font: 300 22px/30px montserrat, sans-serif;
		margin: 10px 0 15px !important;
	}

	#ab-sec1 .pg-copy h4 {
		font: 300 26px/36px montserrat, sans-serif;
	}

	.tm-copy h4 {
		font: 700 18px/25px montserrat, sans-serif;
	}

	div#ab-sec2 {
		padding: 0 0 40px;
	}

	.iltop:nth-child(even), .ilbot:nth-child(odd) {
		border-right: 0px !important;
	}

	.mobile-mission img {
		max-width: 550px;
		float: none;
		margin: 0 auto;
	}

	div#aboutus-wrap {
		padding-bottom: 0px !important;
	}


	/* About Fix */
	.ab-solo {
		width: 100%;
		padding: 0 !important;
	}

	.ab-four {
		width: 100%;
	}

	div#ab-gallery {
		max-width: 550px;
		padding: 0;
		float: none;
		margin: 0 auto;
		display: block !important;
	}

	.abphoto {
		height: 250px;
		width: 100%;
	}

	.mobile-mission {
		display: none;
	}

	.about-gallery .gallery-item {
		height: 26vw;
		min-height: 200px;
		background-size: contain !important;
		width: 100%;
	}
}



@media only screen and (max-width: 767px) {
	#ab-sec1 .pg-copy h4 {
		font: 400 18px/26px montserrat, sans-serif;
		text-align: left !important;
		margin: 15px 0 20px !important;
	}

	.about-gallery .gallery-item {
		height: 25vw;
		min-height: 150px;
		background-size: cover !important;
		width: 100%;
	}

	.about-gallery .gallery-box {
		width: 100% !important;
		max-width: 33%;
		padding: 3px !important;
	}

	.roya-team-box {
		margin-top: 0;
	}

	.flx-left h4 {
		font: 600 16px/22px montserrat,sans-serif;
	}

	.col-xs-12.picked-head {
		padding: 0 !important;
	}

	#subscribe .form-group {
		width: 30%;
	}

	div#aboutusHero {
		background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/about_new/AbtMission.jpg) no-repeat !important;
		background-position: 30% 35% !important;
		background-size: cover !important;
	}

	#aboutus-wrap div#pg-st h3 {
		font: 700 21px/21px montserrat, sans-serif;
	}

	.brandsmobile .pg-container {
		max-width: 100%;
		margin-top: -10px;
		padding: 0 !important;
	}

	.brandSlider .slide {
		position: relative;
		visibility: visible;
		opacity: 1;
		width: 100%;
		height: 110px;
	}

	.brandSlider a.carousel-control {
		display: none;
	}

	.brandSlider img {
		max-width: 200px;
		float: none;
		margin: 2em auto;
	}

	#ab-sec0 .copy-box .pg-copy {
		/* padding: 10px 10% !important; */
	}

	.brandSlider .item > div {
		height: 120px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.brandSlider .item:first-child img, .brandSlider .item:nth-child(3) img {
		max-width: 150px;
	}

	div.roya-team {
		width: 40vw;
		height: 55vw;
	}

	div.roya-team {
		width: 280px;
		height: 390px;
	}

	#ab-sec4 .pg-copy h4 {
		font: 400 18px/26px montserrat, sans-serif;
	}

	#iconbox .slide {
		position: relative;
		display: block;
		opacity: 1;
		visibility: visible;
	}

	a.carousel-control {
		left: 0;
		display: none;
	}


	#iconbox div.iconlist {
		border: 0px !important;
		border-left: 0px !important;
		border-right: 0px !important;
	}


	div#iconbox {
		padding: 2em 0 0;
	}

	#ab-sec4 div#ab-sec3 {
		padding: 0 0 40px;
	}

	div#icon-slider a {
		display: block;
	}

	div#icon-slider a {
		display: block;
		background: transparent;
	}

	div#icon-slider a span {
		-webkit-filter: invert(100%);
		-webkit-transform: scale(1.3);
		-ms-transform: scale(1.3);
		transform: scale(1.3);
	}

	div#icon-slider a.left {
		-webkit-transform: translatex(-25px);
		-ms-transform: translatex(-25px);
		transform: translatex(-25px);
	}

	div#icon-slider a.right {
		-webkit-transform: translatex(25px);
		-ms-transform: translatex(25px);
		transform: translatex(25px);
	}

	.iconlist p {
		-webkit-transition: all 1.5s ease;
		-o-transition: all 1.5s ease;
		transition: all 1.5s ease;
	}

	.abg1 {
		min-height: 300px;
		height: 60vw;
	}

	.abphoto {
		min-height: 220px;
		height: 40vw;
	}

	.ab-four .pg-gal-copy {
		bottom: 35px;
		left: 35px;
	}

	.about-gallery .gallery-box {
		width: 100% !important;
		max-width: 33%;
		padding: 3px !important;
	}
}

@media only screen and (max-width: 599px) {
	.about-gallery .gallery-item {
		height: 30vw;
	}
}

@media only screen and (max-width: 499px) {
	.about-gallery .gallery-box {
		max-width: 50%;
	}

	.about-gallery .gallery-item {
		height: 120px;
		background-size: cover !important;
	}

	.roya-team-box {
		margin-top: 2em;
	}
}

/* --------------------------  WEBSITE SOLUTIONS  ---------------------------------*/

div#websolHero {
	/*background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/WebSolNew_Heroimagev2.jpg) no-repeat bottom right;*/
	background: #f6f6f6;
}

#websolBox .pg-bnr-copy {
	max-width: 580px;
}

#websolBox h1 {
	font-weight: 200;
}

#websolBox .pg-bnr-copy p {
	letter-spacing: .02em;
	color: #333 !important;
	max-width: 565px;
	font: 400 17px/28px montserrat, sans-serif;
}

#ws-sec1 div#pg-st h3 {
	font: 400 32px/40px montserrat, sans-serif;
	max-width: 560px;
	float: none;
	margin: 0 auto 1.5em !important;
}

#ws-sec1 .pg-copy {
	max-width: 1080px;
	float: none;
	margin: 0 auto;
}

div#ws-sec1 {
	background: #f6fbfd;
	padding: 10em 0 5em;
}

.pg-copy.checkcopy ul {
	column-count: 2;
	-webkit-column-count: 2;
}

.pg-copy.checkcopy li {
	list-style: none;
	padding: 15px 0;
	position: relative;
}

.pg-copy.checkcopy li p {
	text-indent: 30px;
}

#ws-sec1 .checkcopy li:before {
	content: '\f00c';
	position: absolute;
	top: 3px;
	left: 0;
	font-family: fontAwesome;
	color: #fff;
	font-size: 15px;
	background: #85b316;
	border-radius: 50%;
	height: 33px;
	width: 33px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.pg-copy.checkcopy li p {
	text-indent: 50px;
	line-height: 30px;
	white-space: nowrap;
	margin-top: -10px !important;
}

.btm-left a {
	color: #333;
	text-decoration: none !important;
}

div#screen1 {
	background: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_10_2019/iphonescreen.png) center center no-repeat;
	background-size: contain;
	height: 610px;
	width: 270px !important;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

div#screen2 {
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/Screen1.png) center center no-repeat;
	height: 582px;
	background-size: contain;
	-webkit-transform: scale(1.6)translate(-165px, 10px);
	-ms-transform: scale(1.6)translate(-165px, 10px);
	transform: scale(1.6)translate(-165px, 10px);
	opacity: 0;
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s;
}

div#screen3 {
	background: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_10_2019/screen3.png) center center no-repeat;
	height: 582px;
	background-size: contain;
	-webkit-transform: scale(1.6)translate(-145px, 10px);
	-ms-transform: scale(1.6)translate(-145px, 10px);
	transform: scale(1.6)translate(-145px, 10px);
	opacity: 0;
	-webkit-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
	transition-delay: 1.5s;
}

div#screen4 {
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/Screen3.png) center center no-repeat;
	height: 582px;
	background-size: contain;
	-webkit-transform: scale(1.6)translate(-145px, 10px);
	-ms-transform: scale(1.6)translate(-145px, 10px);
	transform: scale(1.6)translate(-145px, 10px);
	opacity: 0;
	-webkit-transition-delay: 2s;
	-o-transition-delay: 2s;
	transition-delay: 2s;
}

.cpmodel-box {
	max-width: 900px;
	float: none;
	margin: 0 auto;
	-webkit-transform: translatex(4vw) !important;
	-ms-transform: translatex(4vw) !important;
	transform: translatex(4vw) !important;
}

.cpbox {
	width: 20% !important;
	-webkit-transition: 1.5s ease;
	-o-transition: 1.5s ease;
	transition: 1.5s ease;
	-webkit-transform: scale(1.6)translate(-40px, 7px);
	-ms-transform: scale(1.6)translate(-40px, 7px);
	transform: scale(1.6)translate(-40px, 7px);
}

#ws-sec1 div#centerbox {
	margin-bottom: 5em;
}

.checkmarks {
	margin-top: 5em;
}

.animatescreen .cpbox {
	-webkit-transform: scale(1.6)translate(-65px, 0px) !important;
	-ms-transform: scale(1.6)translate(-65px, 0px) !important;
	transform: scale(1.6)translate(-65px, 0px) !important;
	opacity: 1 !important;
}

.animatescreen #screen1 {
	-webkit-transform: scale(1) !Important;
	-ms-transform: scale(1) !Important;
	transform: scale(1) !Important;
}

.checkmarks:before {
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/screen_shadows.png) center center no-repeat;
	content: '';
	position: absolute;
	top: -15;
	left: -2em;
	right: 0;
	bottom: 0;
	width: 80%;
	height: 100px;
	background-size: contain;
	opacity: 0;
}

.animatescreen .checkmarks:before {
	top: -9em;
	opacity: 1;
	-webkit-transition: 1.5s ease;
	-o-transition: 1.5s ease;
	transition: 1.5s ease;
	-webkit-transition-delay: 2.2s;
	-o-transition-delay: 2.2s;
	transition-delay: 2.2s;
}


.fullcolor-box {
	background: #45576c;
}

.tabtitle {
	font: 500 16px/16px montserrat, sans-serif;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: .04em;
	margin-top: 20px;
}

.vert-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100px;
}

.vertical-list:nth-child(2) {
	border-left: 1px solid rgba(255, 255, 255, 0.4);
	border-right: 1px solid rgba(255, 255, 255, 0.4);
}

div#med-pic {
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/icon_medical.png) center center no-repeat;
}

div#re-pic {
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/icon_realestate.png) center center no-repeat;
}


div#uni-pic {
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/icon_universal.png) center center no-repeat;
}


.verticalpic {
	width: 60px;
	height: 60px;
	background-size: contain;
}

div#vertical-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	height: 190px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.pg-copy.checkcopy li:nth-child(4), .pg-copy.checkcopy li:nth-child(5), .pg-copy.checkcopy li:last-child {
	float: none;
}

.vertical-tabs {
	display: none;
}

.vertical-active {
	display: block;
}

.ry-tabs ul.nav.nav-tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border: 0;
	margin: 40px 0;
}

.ry-tabs .nav-tabs>li>a {
	margin: 0px;
	border: 0px;
	text-transform: uppercase;
	color: rgba(69, 87, 108, 0.9) !important;
	font-size: 15px;
	letter-spacing: .03em;
	font-weight: 600;
	border-radius: 0px;
	-webkit-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
	padding: 20px 30px;
}

.ry-tabs .nav-tabs>li.active>a, .ry-tabs .nav-tabs>li.active>a:focus, .ry-tabs .nav-tabs>li.active>a:hover {
	color: #45576c;
	background: #f0f0f1;
	border: 0px;
	border-radius: 10px;
}

.ry-tabs .nav-tabs>li a:hover {
	background: transparent;
}

#ws-sec3 .tab-content {
	border: 0px !important;
}

a.vrLinks {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.schedule-demo {
	padding: 60px 0;
	background: #e8f2f6;
}

.bottomcopy {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.pg-copy.btm-left h3 {
	font: 300 31px/35px montserrat, sans-serif;
	letter-spacing: 0;
}

.pg-copy.btm-left h5 {
	font: 600 25px/35px montserrat, sans-serif;
}

.tab-item-content {
	min-height: 600px;
	position: relative;
}

.tab-item-copy {
	max-width: 55%;
}







.tab-mobile-site {
	position: absolute;
	left: 63%;
	top: 5%;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;

}

.tab-item-copy {
	opacity: 0;
}

.tabitem-list:hover .tl-cover {
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%);
	opacity: 0;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;

}


.tab-item-copy {
	opacity: 0;
	-webkit-transform: translatex(50%);
	-ms-transform: translatex(50%);
	transform: translatex(50%);
}

.tabitem-list:hover .tab-item-copy {
	opacity: 1;
	-webkit-transform: translatex(0);
	-ms-transform: translatex(0);
	transform: translatex(0);
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.tabitem-list:hover .tab-mobile-site {
	left: 0 !important;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}


.tab-title h4:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	text-indent: 0;
	width: 60px;
	height: 60px;
	background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/qt_2x.png) center center no-repeat;
	background-size: contain;
}


.tab-title h4 {
	font: 500 30px/40px montserrat, sans-serif;
	margin-bottom: 20px !important;
	text-indent: 70px;
	padding-top: 23px;
}

.ry-tabs .tab-pane {
	padding: 60px 0 !important;
}

#ws-sec3 .owl-prev:after, #ws-sec3 .owl-next:after {
	display: none;
}

#ws-sec3 .owl-prev {
	left: -2%;
	top: 35%;
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	opacity: .5;
}

#ws-sec3 .owl-next {
	right: -2%;
	top: 35%;
	-webkit-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	opacity: .5;
}

.tab-copies h5 {
	font: 500 15px/18px montserrat, sans-serif;
	text-transform: uppercase;
	letter-spacing: .03em;
	color: #45576c;
	margin-bottom: 20px !important;
}

.tab-copies ul {
	padding: 0;
	list-style: none !important;
}

.tab-copies li p:before {
	content: '\f005 ';
	font-family: fontAwesome;
	margin-right: 10px;
	color: #333;
}


/* Tab sliders */
.tab-mb-photo {
	background-size: contain;
	height: 30em;
	background-repeat: no-repeat;
	-webkit-transform: translatex(10em);
	-ms-transform: translatex(10em);
	transform: translatex(10em);
}

.tl-cover {
	height: 35em;
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-transform: translatex(10em);
	-ms-transform: translatex(10em);
	transform: translatex(10em);
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s;
}

/* Vet */

#tl-vet1 .tl-cover {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/Berwick.jpg);
}

#tl-vet1 .tab-mb-photo {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/mobile_berwick.png);
}

#tl-vet2 .tl-cover {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/Avian.jpg);
}

#tl-vet2 .tab-mb-photo {
	background-image: url(https://www.royacdn.com/unsafe/150x0/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/mobile_avian.png);
}

#tl-vet3 .tl-cover {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/Bartow.jpg);
}

#tl-vet3 .tab-mb-photo {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/mobile_bartowanimal.png);
}

#tl-vet4 .tl-cover {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/Manson.jpg);
}

#tl-vet4 .tab-mb-photo {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/mobile_mansonvet.png);
}


#tl-vet5 .tl-cover {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/SVP.jpg);
}

#tl-vet5 .tab-mb-photo {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/mobile_svpllc.png);
}


/* Dental */

#tl-dent1 .tl-cover {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/Oralsurgerymanhattannyc.jpg);
}

#tl-dent1 .tab-mb-photo {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/mobile_oralsurgerymanhattan.png);
}

#tl-dent2 .tl-cover {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/Syracuseoralsurgery.jpg);
}

#tl-dent2 .tab-mb-photo {
	background-image: url(https://www.royacdn.com/unsafe/150x0/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/mobile_syracuse.png);
}

/* Surgery */

#tl-surg1 .tl-cover {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/Aestheticsurgical.jpg);
}

#tl-surg1 .tab-mb-photo {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/mobile_aesthetic.png);
}

#tl-surg2 .tl-cover {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/DrJasonPotter.jpg);
}

#tl-surg2 .tab-mb-photo {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/mobile_drjasonpotter.png);
}

#tl-surg3 .tl-cover {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/LaBrunaMD.jpg);
}

#tl-surg3 .tab-mb-photo {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/mobile_LaburnaMD.png);
}

/* Chiropractic */

#tl-chiro1 .tl-cover {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/ValleySpinalCare.jpg);
}

#tl-chiro1 .tab-mb-photo {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/mobile_vsc.png);
}




/* Real Estate */

#tl-realty1 .tl-cover {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/Thecoastalhomecollective.jpg);
}

#tl-realty1 .tab-mb-photo {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/mobile_coastalhomecollective.png);
}

#tl-realty2 .tl-cover {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/Realtitude.jpg);
}

#tl-realty2 .tab-mb-photo {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/mobile_realtitude.png);
}


div#realty-carousel {
	padding: 60px 0;
}


/* Universal */

#tl-uni1 .tl-cover {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/TimeOut.jpg);
}

#tl-uni1 .tab-mb-photo {
	background-image: url(https://www.royacdn.com/unsafe/150x0/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/mobile_timeoutphilly.png);
}

#tl-uni2 .tl-cover {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/WebVideoSolutions.jpg);
}

#tl-uni2 .tab-mb-photo {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/mobile_webvideosolutions.png);
}

div#uni-carousel {
	padding: 60px 0;
}


/* Verticals Mobile */
@media only screen and (max-width: 767px) {
	.ry-tabs .nav-tabs>li>a {
		padding: 10px 15px;
		margin-bottom: 20px;
	}

	.ry-tabs ul.nav.nav-tabs li {
		display: inline-block !important;
		width: auto;
		float: none;
	}

	.ry-tabs ul.nav.nav-tabs {
		margin: 40px 0;
		display: block;
		overflow: auto;
		white-space: nowrap;
		width: 100%;
	}

	a.carousel-control.right {
		float: right !important;
		right: 50%;
		left: auto !important;
		-webkit-transform: translate(100%, 110%)scale(.7);
		-ms-transform: translate(100%, 110%)scale(.7);
		transform: translate(100%, 110%)scale(.7);
		margin-left: 0 !important;
	}

	/* tab slider */
	.owl-nav {
		position: relative;
		width: 100%;
		text-align: center;
	}

	#ws-sec3 .owl-prev {
		left: 35% !important;
	}

	#ws-sec3 .owl-next {
		right: 35% !important;
	}

	div#tl1-cover {
		display: none;
	}

	.tab-mobile-site {
		left: 0 !important;
	}


	.tab-mb-photo {
		height: 50vw !important;
		left: 50%;
		margin-left: -25vw;
	}

	.tab-mobile-site {
		position: relative;
		top: 0;
		left: 0;
	}

	div.tab-item-copy {
		max-width: 100% !important;
		-webkit-transform: scale(1) !important;
		-ms-transform: scale(1) !important;
		transform: scale(1) !important;
		opacity: 1 !important;
		margin-top: 4em;
	}

	div#ws-sec3 {
		padding: 0 0 40px;
	}
}

.verticalpic {
	-webkit-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.vert-items:hover .verticalpic {
	-webkit-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
}

.vertical-list:after {
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
	left: 50%;
	right: 0;
	bottom: 0px;
	margin-left: -20px;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 15px solid white;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 0;
}

.vertical-list.active:after {
	opacity: 1;
	bottom: -46px;
}



/* Reconstructed Vertical Picks */

.vertical-box {
	display: block;
}

.box-active {
	display: block;
}

.HIDDEN {
	display: none;
}

.pbox-copy h5 {
	font: 500 16px/20px montserrat, sans-serif;
	margin-bottom: 20px !important;
	margin-top: -15px !Important;
	max-width: 90%;
}

.pbox-copy p {
	font: 300 17px/28px montserrat, sans-serif;
	word-break: break-all;
}

.flx-right::-webkit-scrollbar-track {
	background: #f1f1f1;
}

.flx-right::-webkit-scrollbar {
	width: 0;
	height: 1px;
	background: #ccc;
}

.flx-right::-webkit-scrollbar-thumb {
	background: #cccccc;
}

/* Desktop Screen */

.desktop-screen {
	width: 410px;
	height: 265px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom center;
	border: 1px solid #ccc;
	padding-top: 20px !important;
}

.desktop-screen:before {
	position: absolute;
	top: 5px;
	content: '\f111 \f111 \f111';
	font-family: fontAwesome;
	color: #d6d6d6;
	-webkit-transform: scale(.55);
	-ms-transform: scale(.55);
	transform: scale(.55);
	opacity: .7;
	letter-spacing: 5px;
}

.pick-items {
	max-width: 95%;
}

.pbox-cotent {
	margin-bottom: 0px;
}

.pick-box {
	margin: 5em 0 0px;
}

div#ws-sec3 {
	padding: 100px 0 200px;
}

.picked-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-width: 1400px;
	float: none;
	margin: 0 auto;
	clear: both;
	padding: 0 2em !important;
}

.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
	background: #fff;
	padding: 20px !important;
	-webkit-box-shadow: 0px -1px 15px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px -1px 15px 0px rgba(0, 0, 0, 0.2);
}

.flx-right {
	margin-right: 4em;
}

.flx-left h4 {
	font: 600 20px/20px montserrat, sans-serif;
	text-transform: uppercase;
	color: #45576c !important;
	letter-spacing: .04em;
}

a.pickbtn {
	color: #45576c !important;
	font: 600 15px/15px montserrat, sans-serif;
	text-transform: uppercase;
	letter-spacing: .04em !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.flx-right {
	margin-right: 0;
	color: #45576c !important;
	font: 400 12.5px/15px montserrat, sans-serif;
	margin-top: 20px;
	padding-bottom: 15px;
}

.flx-right span {
	position: relative;
	top: 1px;
	margin-right: 5px;
}

a.selected {
	background: #e9f0f2;
	padding: 12px 30px;
	border-radius: 50px;
}

a.prevLink {
	display: none;
}

a.toPrev {
	background: #1bbaa2 !important;
	color: #fff !Important;
	border-top-left-radius: 20px !important;
	border-bottom-left-radius: 20px !important;
	margin-right: 10px;
}

a.toNext {
	background: #fa4d99 !important;
	color: #fff !important;
	border-top-right-radius: 20px !important;
	border-bottom-right-radius: 20px !important;
	margin-left: 10px;
}

/* Medical desktop */

#medscreen1 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solution_showcase/Berwick.jpg);
}

#medscreen2 .desktop-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_sol_new_assets/nvision.jpg);
}

#medscreen3 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solution_showcase/Aestheticsurgical.jpg);
}

#medscreen4 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/LaBrunaMD.jpg);
}

#medscreen5 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solution_showcase/ValleySpinalCare.jpg);
}

#medscreen6 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solution_showcase/NortheastSurgical.jpg);
}

#medscreen7 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/Avian.jpg);
}

#medscreen8 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/DrJasonPotter.jpg);
}

#medscreen9 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/Manson.jpg);
}

#medscreen10 .desktop-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_sol_new_assets/fvca.jpg);
}

#medscreen11 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/SVP.jpg);
}

#medscreen12 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/Syracuseoralsurgery.jpg);
}

#medscreen13 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_sol_new_asset/ArbolesAnimalClinic.jpg);
}

#medscreen14 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_sol_new_asset/BossDentalCare.jpg);
}

#medscreen15 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_sol_new_asset/ButtsbyDesign.jpg);
}

#medscreen16 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_sol_new_asset/DrEricSpellman.jpg);
}

#medscreen17 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_sol_new_asset/KeithRaskinMD.jpg);
}

#medscreen18 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_sol_new_asset/LotempioPlasticSurgery.jpg);
}

#medscreen19 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_sol_new_asset/PenValleyVet.jpg);
}

#medscreen20 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_sol_new_asset/PiperHeritageVet.jpg);
}

#medscreen21 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_sol_new_asset/PittsfieldVetHospital.jpg);
}

#medscreen22 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_sol_new_asset/SouthShoreAestheticDentistry.jpg);
}

#medscreen23 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_sol_new_asset/UongEyeCare.jpg);
}

#medscreen24 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_b3/loscaballosvet.jpg);
}

#medscreen25 .desktop-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_sol_new_assets/susancouzens.jpg);
}

#medscreen26 .desktop-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_sol_new_assets/fortworthchildren.jpg);
}

#medscreen27 .desktop-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_10_2019/rockriverdental_desktop.jpg)
}

#medscreen28 .desktop-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_10_2019/urbanoptics_desktop.jpg)
}

#medscreen29 .desktop-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_10_2019/dbhchiropractor_desktop.jpg)
}

#medscreen30 .desktop-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_10_2019/kankakee_desktop.jpg)
}

#medscreen31 .desktop-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_10_2019/chancechiro_desktop.jpg)
}

#medscreen32 .desktop-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_10_2019/lookmb_desktop.jpg)
}

#medscreen33 .desktop-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_10_2019/conciergesmileboutique_desktop.jpg)
}

#medscreen34 .desktop-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_10_2019/changesplasticsurgery_desktop.jpg)
}

#medscreen35 .desktop-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_10_2019/chicagochiro_desktop.jpg)
}

#medscreen36 .desktop-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_10_2019/animalcareofpontevedra.jpg)
}


/* Real Estate Desktop */

#realtyscreen1 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solution_showcase/Realtitude.jpg);
}

#realtyscreen2 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solution_showcase/Thecoastalhomecollective.jpg);	
}

#realtyscreen3 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solution_showcase/LindaFreitas.jpg);	
}

#realtyscreen4 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solution_showcase/KatRyanHomes.jpg);
}


#realtyscreen5 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solution_showcase/ScottAurich.jpg);
}


#realtyscreen6 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solution_showcase/Nikkikrealestate.jpg);
}

#realtyscreen7 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_b3/jennblake.jpg);
}

#realtyscreen8 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_b3/lianaNew.jpg);
}

#realtyscreen9 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_b3/lincolnrealtygrup.jpg);
}

#realtyscreen10 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_b3/mybrokerbrent.jpg);
}

#realtyscreen11 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_b3/thepomeroyteam.jpg);
}

#realtyscreen12 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_b3/kategraney.jpg);
}



/* UniverSal Desktop */

#uniscreen1 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solution_showcase/Lektech.jpg);
}

#uniscreen2 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solution_showcase/TimeOut.jpg);
}

#uniscreen3 .desktop-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_sol_new_assets/usasplendor.jpg);
}

#uniscreen4 .desktop-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_sol_new_assets/thelearningsphere.jpg);
}


#uniscreen5 .desktop-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_b3/PeakSignals.jpg);
}


#uniscreen6 .desktop-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_sol_new_assets/fortworthchildren.jpg);
}





/* Phone Screen */

.phone-screen {
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 9vw;
	background-position: top right;
	margin-top: -8vw;
}

/* Medical phone */

#medscreen1 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/mobile_berwick.png);
}

#medscreen2 .phone-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_sol_new_assets/nvision_mobile.png);
}

#medscreen3 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/Aestheticsurgical_Mobile.png);
}

#medscreen4 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/LaBrunaMD_Mobile.png);
}

#medscreen5 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/mobile_vsc.png);
}

#medscreen6 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/mobile_northeast.png);
}

#medscreen7 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/mobile_avian.png);
}

#medscreen8 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/mobile_drjasonpotter.png);
}

#medscreen9 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/mobile_mansonvet.png);
}

#medscreen10 .phone-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_sol_new_assets/fvca_mobile.png);
}

#medscreen11 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/mobile_svpllc.png);
}

#medscreen12 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/Syracuseoralsurgery_Mobile.png);
}

#medscreen13 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/mobile_arbolesanimalclinic.png);
}

#medscreen14 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/BossDentalCare_Mobile.png);
}

#medscreen15 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/mobile_buttsbydesign.png);
}

#medscreen16 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/mobile_drericspellman.png);
}

#medscreen17 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/mobile_keithraskinmd.png);
}

#medscreen18 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/mobile_lotempioplastic.png);
}

#medscreen19 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/mobile_pennvalley.png);
}

#medscreen20 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/PiperHeritageVet_Mobile.png);
}

#medscreen21 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/mobile_pittsfieldvethospital.png);
}

#medscreen22 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/SouthShoreAestheticDentistry_Mobile.png);
}

#medscreen23 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/mobile_uongeyecare.png);
}

#medscreen24 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/mobile_loscaballos.png);
}

#medscreen25 .phone-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_sol_new_assets/susancouzens_mobile.png);
}

#medscreen26 .phone-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_sol_new_assets/fortworthchildren_mobile.png);
}

#medscreen27 .phone-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_10_2019/rockriverdental_mobile.png)
}

#medscreen28 .phone-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_10_2019/urbanoptics_mobile.png)
}

#medscreen29 .phone-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_10_2019/dbhchiropractor_mobile.png)
}

#medscreen30 .phone-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_10_2019/kankakeeanimalhospital_mobile.png)
}

#medscreen31 .phone-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_10_2019/chancechiro.png)
}

#medscreen32 .phone-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_10_2019/lookmb_mobile.png)
}

#medscreen33 .phone-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_10_2019/conciergesmileboutique_mobile.png)
}

#medscreen34 .phone-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_10_2019/changesplasticsurgery_mobile.png)
}

#medscreen35 .phone-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_10_2019/chicagochiro_mobile.png)
}

#medscreen36 .phone-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_10_2019/animalcareofpontevedra_mobile.png)
}


/* Real Estate Phone */

#realtyscreen1 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/mobile_realtitude.png);
}

#realtyscreen2 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/mobile_coastalhomecollective.png);
}

#realtyscreen3 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/mission22_sm.png);
}

#realtyscreen4 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/mobile_katryanhomes.png);
}


#realtyscreen5 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/mobile_ScottAurich.png);
}


#realtyscreen6 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/mobile_nikkirealestate.png);
}

#realtyscreen7 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/mobile_jennblake.png);
}

#realtyscreen8 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/mobile_liana.png);
}

#realtyscreen9 .phone-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_b3/mobile_lincolnrealtygroup.png);
}

#realtyscreen10 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/mobile_mybrokerbrent.png);
}

#realtyscreen11 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/mobile_pomeroyteam.png);
}

#realtyscreen12 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/mobile_kategraney.png);
}



/* Universal Phone */

#uniscreen1 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/mobile_lektech.png);
}

#uniscreen2 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/image_min/mobile_timeoutphilly.png);
}

#uniscreen3 .phone-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_sol_new_assets/usasplendor_mobile.png);
}

#uniscreen4 .phone-screen {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_sol_new_assets/thelearningsphere_mobile.png);
}


#uniscreen5 .phone-screen {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_b3/mobile_peaksignals.png);
}

.pbox-cotent {
	opacity: 0;
	visibility: hidden;
}

div#intercom-container {
	display: none;
}

.pbox-copy p {
	display: none;
}

a.closethis {
	float: right;
	font-size: 2em;
	color: #333;
	margin-right: 2em;
	margin-top: 30px;
	text-decoration: none;
}

.x-modal img {
	-webkit-transform: scale(.7);
	-ms-transform: scale(.7);
	transform: scale(.7);
}

a.closethis:hover {
	color: #fa4d99;
}

.fa-times-circle:before {
	content: "\f057";
	font-family: fontAwesome;
}

.vertical-preview-box {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.05);
	visibility: hidden;
	z-index:999999;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.is-viewed {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all .8s ease;
	-o-transition: all .8s ease;
	transition: all .8s ease;
}

.is-viewed {
	opacity: 1;
	visibility: visible;
}

.vertical-preview-box .pick-box {
	-webkit-transition: all 0s ease !important;
	-o-transition: all 0s ease !important;
	transition: all 0s ease !important;
	opacity: 0 !important;
}
.vertical-preview-box.is-viewed .pick-box {
	width: 100%;
	-webkit-transform: translatey(0px) !important;
	-ms-transform: translatey(0px) !important;
	transform: translatey(0px) !important;
	margin: 0;
	padding: 0;
	-webkit-transition: all 0s ease !important;
	-o-transition: all 0s ease !important;
	transition: all 0s ease !important;
	opacity: 0 !important;
	height: 100%;
}

.vertical-preview-box.is-viewed .pick-box.processed {
	opacity: 1 !important;
	-webkit-transition: all 0.8s ease !important;
	-o-transition: all 0.8s ease !important;
	transition: all 0.8s ease !important;
	-webkit-transform: translatey(0) !important;
	-ms-transform: translatey(0) !important;
	transform: translatey(0) !important;
	padding: 0px !important;
}

.is-viewed .phone-screen {
	display: block;
	background-size: contain;
	width: 100%;
	background-position: right top;
	height: 25vw;
	position: absolute;
	top: 35% !important;
	right: 5.5vw;
}

.is-viewed .pick-items {
	max-width: 100%;
	padding: 0;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	height: 100%;
}

.is-viewed .desktop-screen {
	-webkit-transform: scale(.8)translate(-5%, -5%) !important;
	-ms-transform: scale(.8)translate(-5%, -5%) !important;
	transform: scale(.8)translate(-5%, -5%) !important;
	width: 100%;
	height: 38vw;;
	border: 0px;
}

.is-viewed .desktop-screen:before {
	display: none;
}

.is-viewed .pbox-copy {
	text-align: center;
	margin-top: 3em;
	padding: 0 2em;
}

.closebox {
	z-index: 99;
	cursor: pointer;
	position: absolute;
	right: 0;
}

.is-viewed .pbox-copy p {
	word-break: normal;
	text-align: center;
}

.is-viewed h5 {
	max-width: 100%;
	margin-top: 0 !important;
}

.modal-arrows a {
	padding: 10px 25px;
	background: #f0f0f0;
	color: #333;
	text-decoration: none !important;
	font: 400 17px/21px montserrat, sans-serif;
	border-radius: 20px;
}
.counter-button {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	text-align: center;
	-webkit-transform: translatey(-3.5vw);
	-ms-transform: translatey(-3.5vw);
	transform: translatey(-3.5vw);
}

.processed .phone-screen:before {
	display: none !important;
}

.phone-screen:before {
	content: 'Preview';
	position: absolute;
	top: 30px;
	left: 0;
	font: 500 16px/21px montserrat, fontAwesome;
	text-transform: uppercase;
	letter-spacing: -14px;
	opacity: 0;
	-webkit-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
	cursor: pointer;
	background-color: #fff;
	padding: 10px 30px;
	border-radius: 20px;
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_b3/expandv2.png);
	background-size: 13px 15px;
	background-repeat: no-repeat;
	background-position: 91% 15px;
}

.pick-items:hover .phone-screen:before {
	opacity: 1;
	letter-spacing: 0;
	left: 5%;
	-webkit-transition-delay: 0.8s;
	-o-transition-delay: 0.8s;
	transition-delay: 0.8s;
}

.is-active .pick-items:hover .phone-screen:before {
	display: none !important;
}

.is-viewed .desktop-screen {
	opacity: 1 !important;
}

.pick-items:hover .desktop-screen {
	opacity: .5;
}

@media only screen and (min-width: 768px) {
	/* Test Effect */
	.desktop-screen {
		-webkit-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.pick-items:hover .desktop-screen {
		opacity: .5;
	}


	.phone-screen {
		-webkit-transition: all 0.8s ease;
		-o-transition: all 0.8s ease;
		transition: all 0.8s ease;
		position: relative;
		top: 0;
	}
	.pick-items:hover .phone-screen {
		top: -2vw;
	}

	.pick-items:hover a.prevLink {
		opacity: 1;
		-webkit-transform: translatex(20px);
		-ms-transform: translatex(20px);
		transform: translatex(20px);
		-webkit-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		-webkit-transition-delay: .8s;
		-o-transition-delay: .8s;
		transition-delay: .8s;
	}
	a.prevLink {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 40%;
		color: #45576c;
		font: 600 18px/18px montserrat, sans-serif;
		text-transform: uppercase;
		text-decoration: none !important;
		opacity: 0;
		-webkit-transform: translatex(-100px);
		-ms-transform: translatex(-100px);
		transform: translatex(-100px);
	}

	span.linebar:before {
		content: '';
		position: absolute;
		top: -5px;
		background: #45576c;
		width: 25px;
		height: 2px;
	}
	span.linebar {
		width: 25px;
		height: 2px;
		background: #45576c;
		position: absolute;
		left: 0;
		right: 0;
		top: 3px;
	}

	span.linebar:after {
		content: '';
		position: absolute;
		bottom: -5px;
		background: #45576c;
		width: 25px;
		height: 2px;
	}

	span.txtlink {
		margin-left: 30px !important;
		position: relative;
		top: -6px;
		color: #45576c;
		font-size: 13px !important;
	}
}


/* Reconstructed Media Querry */
@media only screen and (max-width: 1299px) {
	.desktop-screen {
		-webkit-transform: scale(.9)translatex(-5%);
		-ms-transform: scale(.9)translatex(-5%);
		transform: scale(.9)translatex(-5%);
	}

	a.prevLink {
		font: 600 15px/18px montserrat, sans-serif;
	}
}

@media only screen and (max-width: 1099px) {
	.desktop-screen {
		-webkit-transform: scale(.8)translatex(-12%);
		-ms-transform: scale(.8)translatex(-12%);
		transform: scale(.8)translatex(-12%);
	}

	.phone-screen {
		height: 11.5vw;
		float: right;
		margin-top: -14.5vw;
		margin-right: -2vw;
	}
}

@media only screen and (max-width: 991px) {
	.picked-head {
		display: block;
	}

	.flx-left {
		margin-bottom: 20px;
	}

	.flx-right::-webkit-scrollbar {
		height: 0;
	}

	.pick-box {
		margin: 3em 0 0 -7.5px;
	}

}

@media only screen and (max-width: 991px) and (min-width: 768px) {
	.desktop-screen {
		width: 360px;
		height: 230px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: bottom center;
		border: 1px solid #ccc;
		padding-top: 20px !important;
		-webkit-transform: scale(.8)translateX(-5%);
		-ms-transform: scale(.8)translateX(-5%);
		transform: scale(.8)translateX(-5%);
	}

	.pg-copy.checkcopy li:nth-child(even) {
		-webkit-transform: translatex(2vw);
		-ms-transform: translatex(2vw);
		transform: translatex(2vw);
	}

	div.phone-screen {
		background-size: contain;
		background-position: top right;
		background-repeat: no-repeat;
		width: 100%;
		height: 15vw;
		float: right;
		margin-top: -12vw;
		margin-right: 0 !important;
	}

	.pick-box {
		margin: 2em 0 0px;
	}

	.pick-items:hover .phone-screen {
		top: -1em;
	}
}

@media only screen and (max-width: 767px) {
	.phone-screen {
		background-size: contain;
		background-repeat: no-repeat;
		width: 100%;
		height: 160px;
		margin-top: -100px;
		margin-right: 10vw;
		background-position: top right;
	}

	.vertical-preview-box {
		display: none !important;
	}

	.desktop-screen {
		-webkit-transform: scale(1)translatex(0%);
		-ms-transform: scale(1)translatex(0%);
		transform: scale(1)translatex(0%);
	}

	.pick-items {
		max-width: 100%;
	}

	a.prevLink {
		display: none;
	}

	.desktop-screen {
		float: none;
		margin: 0 auto;
	}

	.flx-right {
		white-space: nowrap;
		overflow: auto;
		margin-right: 0;
	}

	.desktop-screen {
		width: 100%;
		height: 50vw;
	}

	.phone-screen {
		display: none;
	}

	.pbox-cotent {
		margin-top: 3em;
	}

	div#ws-sec3 {
		padding: 50px 0 80px;
	}
}

@media only screen and (max-width: 499px) {
	.flx-right {
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
	}

	.desktop-screen {
		width: 100%;
		height: 57vw;
	}

	.phone-screen {
		display: none;
	}

	.pbox-cotent {
		margin-top: 2em;
	}

	#ws-sec1 div#centerbox {
		margin-bottom: 15em;
	}
}

/* End */



@media only screen and (max-width: 1399px) {
	.tab-item-content {
		min-height: 450px;
	}

	div#websolHero {
		background-position: 60% 100% !important;
	}
}

@media only screen and (max-width: 1199px) {
	div#websolHero {
		/*background-position: 90% 35px !important;*/
	}
	
	div#websolHero:before {
		content: "";
		background: rgba(255,255,255,.7);
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}
	.counter-button {
		-webkit-transform: translatey(-40px);
		-ms-transform: translatey(-40px);
		transform: translatey(-40px);
	}

	.vertical-item-show {
		height: 45vw;
	}

	.phone-screen {
		background-size: contain;
		background-position: top right;
		background-repeat: no-repeat;
		width: 100%;
		height: 10vw;
		float: right;
		margin-top: -8vw;
		margin-right: 1.5vw;
	}

	div.is-viewed .phone-screen {
		display: block;
		background-size: contain;
		width: 100%;
		background-position: right top;
		height: 25vw;
		position: absolute;
		top: 15vw !important;
		right: 5.5vw;
	}

	.is-viewed .pick-items:hover .phone-screen {
		top: 15vw !important;
	}

	.counter-button {
		-webkit-transform: translatey(-70px);
		-ms-transform: translatey(-70px);
		transform: translatey(-70px);
	}

	.vertical-item-show {
		width: 70%;
		height: 42vw;
		margin-top: 0;
		margin-left: 0;
		top: 50%;
		left: 50%;
	}

	.is-viewed .desktop-screen {
		height: 100% !important;
	}

	.tab-item-copy {
		max-width: 60%;
		padding: 0 0 0 1.5em !important;
	}

	.tab-item-content {
		min-height: 360px;
	}

	#ws-sec3 .owl-prev {
		left: 0;
		-webkit-transform: scale(.9);
		-ms-transform: scale(.9);
		transform: scale(.9);
	}

	#ws-sec3 .owl-next {
		right: 0;
		-webkit-transform: scale(.9);
		-ms-transform: scale(.9);
		transform: scale(.9);
	}

	.checkmarks {
		margin-top: -9em;
	}

	.cpmodel-box {
		-webkit-transform: scale(.7)translate(50px, 100px);
		-ms-transform: scale(.7)translate(50px, 100px);
		transform: scale(.7)translate(5vw, 100px) !important;
	}

	.checkmarks:before {
		left: 0;
	}

	.tab-title h4 {
		font: 500 24px/40px montserrat, sans-serif;
	}


	.flx-right {
		margin-right: 1em;
		text-align: center;
	}

	.flx-right a {
		padding: 10px 15px;
	}

}

@media only screen and (max-width: 991px) {
	.bottomcopy {
		display: block;
		text-align: center;
	}

	div.cpmodel-box {
		-webkit-transform: scale(.7)translate(-1vw, 10vw) !important;
		-ms-transform: scale(.7)translate(-1vw, 10vw) !important;
		transform: scale(.7)translate(-1vw, 10vw) !important;
	}

	#websol-wrap div#screen1 {
		/*background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/mb_screenv2_2x.jpg) center center no-repeat !important;*/
		background: url(https://s3.amazonaws.com/static.organiclead.com/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/web_solutions_10_2019/screens_mobile.jpg) center center no-repeat !important;		
		background-size: cover !important;
		height: 50vw !important;
		width: 100% !important;
		-webkit-transform: translatex(-50px) !important;
		-ms-transform: translatex(-50px) !important;
		transform: translatex(-50px) !important;
	}

	.is-viewed .desktop-screen {
		height: 100% !Important;
	}

	.animatescreen .checkmarks:before {
		display: none;
	}

	.btm-right {
		margin: 20px 0 0;
	}

	.ry-tabs .tab-pane {
		padding: 40px 0 40px !important;
	}

	.tab-title h4 {
		font: 600 18px/28px montserrat, sans-serif;
	}

	.tab-title h4:before {
		top: 30px;
		width: 60px;
		height: 30px;
	}

	.tab-title h4 {
		font: 500 20px/30px montserrat, sans-serif;
		text-indent: 30px;
		padding-top: 30px;
	}

	.ry-tabs ul.nav.nav-tabs {
		margin-bottom: 0px;
	}

	#ws-sec3 .owl-prev {
		left: -5%;
	}

	#ws-sec3 .owl-next {
		right: -3%;
	}

	.tab-mb-photo {
		height: 30vw;
		-webkit-transform: translatex(50px)translatey(50px);
		-ms-transform: translatex(50px)translatey(50px);
		transform: translatex(50px)translatey(50px);
	}

	.tl-cover {
		-webkit-transform: translatey(50px)translatex(2.5em) !important;
		-ms-transform: translatey(50px)translatex(2.5em) !important;
		transform: translatey(50px)translatex(2.5em) !important;
	}

	.tab-item-copy {
		padding: 0 1em !Important
	}

	.pg-copy.checkcopy li p {
		font: 300 13px/23px montserrat, sans-serif !important;
	}

	div#ws-sec1 {
		padding: 5em 0;
	}

	div#vertical-flex {
		height: 150px;
	}

	.tabtitle {
		font: 500 15px/16px montserrat, sans-serif;
	}

	.vertical-list.active:after {
		opacity: 1;
		bottom: -30px;
	}


	.is-viewed .pbox-cotent {
		display: none;
	}

	.vertical-showing {
		background: #fff;
		height: 100%;
		width: 100%;
	}


	.is-viewed .pick-box {
		padding: 2em 0;
	}

	.is-viewed .pick-items {
		max-width: 100%;
		padding: 2em 4em;
	}

	.is-viewed .pick-items {
		max-width: 100%;
		padding: 2em 4em;
	}

	.pick-items:hover .phone-screen:before {
		opacity: 1;
		letter-spacing: 0;
		left: 10%;
		-webkit-transition-delay: 0.8s;
		-o-transition-delay: 0.8s;
		transition-delay: 0.8s;
	}

	.counter-button {
		-webkit-transform: translatey(-5vw);
		-ms-transform: translatey(-5vw);
		transform: translatey(-5vw);
	}

	div.is-viewed div.phone-screen {
		display: block;
		background-size: contain;
		width: 100%;
		background-position: right top;
		height: 26vw;
		position: absolute;
		top: 24vw !important;
		right: 2vw;
	}
	.is-viewed .pick-items:hover .phone-screen {
		top: 24vw !important;
		right: 2vw;
	}

	.is-viewed .desktop-screen {
		-webkit-transform: scale(.95)translate(-5%, -10%) !important;
		-ms-transform: scale(.95)translate(-5%, -10%) !important;
		transform: scale(.95)translate(-5%, -10%) !important;
	}

	.vertical-item-show {
		height: 50vw !Important;
	}

	a.closethis {
		margin-right: 1em;
		margin-top: 10px;
	}

	.counter-button {
		-webkit-transform: translatey(-5vw);
		-ms-transform: translatey(-5vw);
		transform: translatey(-5vw);
	}

	div#ws-sec3 {
		padding: 50px 0;
	}
}

@media only screen and (max-width: 767px) {
	div#websolHero {
		background-position: 90% 50px !important;
	}

	.cpbox-child {
		display: none;
	}

	.animatescreen .checkmarks:before {
		display: none;
	}

	.cpmodel-box {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	.checkmarks {
		margin-top: -12em;
	}


	.animatescreen #screen1 {
		-webkit-transform: scale(1)translatex(-15px) !Important;
		-ms-transform: scale(1)translatex(-15px) !Important;
		transform: scale(1)translatex(-15px) !Important;
	}

	.verticalpic {
		width: 60px;
		height: 60px;
		-webkit-transform: scale(.7) !important;
		-ms-transform: scale(.7) !important;
		transform: scale(.7) !important;
		margin-bottom: -20px;
	}

	.tabtitle {
		font: 500 12px/16px montserrat, sans-serif;
	}

	div#screen1 {
		background: url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/solutions_new/mb_screenv2_2x.jpg) center center no-repeat !important;
		background-size: cover !important;
		height: 50vw;
		width: 100% !important;
	}

	.pg-copy.checkcopy ul {
		column-count: 1;
		-webkit-column-count: 1;
		padding: 0;
		margin-top: 40px;
	}

	.pg-copy.checkcopy li {
		width: 220px;
		white-space: normal;
		overflow: visible;
		padding: 20px 0;
	}

	#websolBox .pg-bnr-copy {
		max-width: 100%;
	}

	.schedule-demo {
		padding: 30px 0 40px;
		background: #e8f2f6;
	}

	a.ry-btn.pg-btn.sd-btn {
		line-height: 4em !important;
	}

	.btm-right {
		height: auto !important;
		margin: 10px 0 0;
	}

	.pg-copy.btm-left h3 {
		font: 300 24px/29px montserrat, sans-serif;
	}

	.pg-copy.btm-left h5 {
		font: 500 21px/31px montserrat, sans-serif;
	}

	.pg-copy.btm-left {
		height: auto !important;
	}

}

@media only screen and (max-width: 767px) and (min-width: 500px) {
	.pg-copy.checkcopy ul {
		max-width: 350px;
		left: 50%;
		position: relative;
		margin-left: -175px;
	}
}

@media only screen and (max-width: 499px) {
	div#websolHero {
		background-position: 76% 120px !important;
		min-height: 100vh;
	}
}


/* G E N E R A L H E A D I N G - - - O V E R R I D E S */

@media only screen and (max-width: 991px) {
	#default .pg-container {
		max-width: 90%;
	}

	.main-content .pg-bnr-copy h1 {
		font: 700 36px/46px montserrat, sans-serif;
		padding: 0 0 15px;
		margin: 0 !important;
	}

	.pg-bnr-copy p {
		font: 400 15px/26px montserrat, sans-serif !important;
		max-width: 100% !important;
	}

	#default div.pg-sections #pg-st h3 {
		font: 400 26px/34px montserrat, sans-serif !important;
		text-align: left !important;
		margin: 0 0 1em !important;
	}	

	#pg-sec2 .pg-copy h4 {
		font: 700 26px/ 34px montserrat, sans-serif;
		margin: 0 0 10px !Important;
	}

	#pg-sec2 .pg-copy h3 {
		font: bold 26px/35px montserrat,sans-serif;
	}

	#pg-sec3 .pg-copy h3 {
		font: bold 26px/35px montserrat,sans-serif;
		margin-bottom: 12px !important;
	}

	.opening-copy h4 {
		font: 400 20px/20px montserrat, sans-serif;
	}

	a.pg-btn.ry-btn.job-btn {
		font: 600 16px/25px montserrat, sans-serif;
	}

	.rev-content h4 {
		font: 700 26px/35px montserrat, sans-serif;
		margin-bottom: 30px !Important;
	}

	div.rev-content p {
		font: 400 15px/26px montserrat, sans-serif;
	}

	#pg-sec5 .pg-copy h3 {
		font: 300 26px/35px montserrat, sans-serif;
	}

	.pg-item-wrap h4 {
		font: 200 30px/39px montserrat, sans-serif;
		margin-bottom: 10px !important;
	}

	.pg-item-wrap .pg-copy p {
		font: 400 15px/26px montserrat, sans-serif !important;
		letter-spacing: .02em;
	}

	#mobile-sec6 h2 {
		font: 700 26px/35px montserrat, sans-serif;
		margin-bottom: 40px !important;
	}

	#plbox1 .pg-copy.pg-copy-first {
		font: 600 18px/27px montserrat, sans-serif;
	}

	.pgLine-box .pg-copy {
		font: 400 15px/24px montserrat, sans-serif;
	}
	#career-wrap div#pg-sec1 {
		padding: 0;
	}

	div#pg-sec5 {
		padding: 70px 0;
	}

	#pg-sec5 .pgfull-box {
		padding-top: 40px;
	}
}

@media only screen and (max-width: 767px) {
	#default .pg-container {
		max-width: 100%;
	}

	#career-wrap div#pg-sec1 {
		padding: 40px 0;
	}

	#plbox1 .pg-copy.pg-copy-first {
		font: 600 24px/32px montserrat, sans-serif;
	}

	.pgLine-box .pg-copy {
		font: 400 18px/26px montserrat, sans-serif;
	}

	div#pg-sec2 {
		padding: 50px 0;
	}

	.desktop-screen {
		opacity: 1 !important;
	}

	.pg-copy.checkcopy li p {
		white-space: normal !important;
		text-indent: 0px;
		-webkit-transform: translate(50px, 5px);
		-ms-transform: translate(50px, 5px);
		transform: translate(50px, 5px);
		max-width: 270px;
	}

	.pg-copy.checkcopy li {
		padding: 0 0 20px;
		height: 80px;
	}

	div#ws-sec1 {
		padding: 5em 0 0;
	}


}


@media only screen and (max-width: 499px) {
	.main-content .pg-bnr-copy h1 {
		font: 700 30px/40px montserrat, sans-serif;
		margin-bottom: 0 !important;
	}

	#default div.pg-sections #pg-st h3 {
		font: 500 20px/29px montserrat, sans-serif !important;
		text-align: left !important;
		margin: 0 0 1em !important;
	}

	.pg-copy.btm-left h3 {
		font: 300 20px/29px montserrat, sans-serif;
	}

	.pg-copy.btm-left h5 {
		font: 500 18px/27px montserrat, sans-serif;
	}
}

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

	.is-viewed .pick-items {
		max-width: 100%;
		padding: 0;
		-webkit-transform: scale(.9);
		-ms-transform: scale(.9);
		transform: scale(.9);
		height: 100%;
	}
	.vertical-item-show {
		position: absolute;
		width: 75%;
		height: 45vw;
		top: 50%;
		left: 50%;
		background: #fff;
		border-radius: 0px;
		margin: 0;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		-webkit-box-shadow: none;
		box-shadow: none;
		border: 5px solid #f0f0f0;
	}

	.phone-screen {
		background-size: contain;
		background-position: right center;
		background-repeat: no-repeat;
		height: 180px;
		float: right;
		margin-top: -10em;
		margin-right: 0;
		right: 40px;
	}

	.is-viewed .desktop-screen {
		-webkit-transform: scale(.9)translate(-5%, -5%) !important;
		-ms-transform: scale(.9)translate(-5%, -5%) !important;
		transform: scale(.9)translate(-5%, -5%) !important;
		width: 100%;
		height: 100% !important;
		border: 0px;
		background-size: contain !important;
	}

	.is-viewed .phone-screen {
		display: block;
		background-size: contain;
		width: 100%;
		background-position: right top;
		height: 30vw;
		position: absolute;
		top: 30% !important;
		right: 0;
	}

	.pick-items:hover .phone-screen:before {
		opacity: 1;
		letter-spacing: 0;
		left: 25%;
		-webkit-transition-delay: 0.8s;
		-o-transition-delay: 0.8s;
		transition-delay: 0.8s;
	}

	.pick-items:hover .phone-screen {
		top: -4em;
	}
}



/* Recent upgrades */
#ws-sec3 h2 {
	font: 400 32px/40px montserrat, sans-serif;
	text-align: center;
	margin-bottom: 20px !important;
}

#ws-sec3 h5 {
	letter-spacing: .02em !Important;
	font: 300 17px/28px montserrat, sans-serif !important;
}


#ws-sec3 .picked-head {
	padding: 0 !important;
}

.vertical-showing {
	height: 100%;
}

.filtr-container.is-cloned {
	height: 100% !important;
}

.btm-right {
	-webkit-transform: translatex(-15px);
	-ms-transform: translatex(-15px);
	transform: translatex(-15px);
}

.vertical-item-show {
	position: absolute;
	width: 75%;
	height: 45vw;
	top: 50%;
	left: 50%;
	background: #fff;
	border-radius: 0px;
	margin: 0;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 5px solid #f0f0f0;
}

@media only screen and (max-width: 1999px) {
	.is-viewed .pick-items {
		max-width: 100%;
		padding: 0;
		-webkit-transform: scale(.9);
		-ms-transform: scale(.9);
		transform: scale(.9);
		height: 100%;
	}

	.is-viewed .desktop-screen {
		-webkit-transform: scale(.9)translate(-5%, -10%) !important;
		-ms-transform: scale(.9)translate(-5%, -10%) !important;
		transform: scale(.9)translate(-5%, -10%) !important;
		width: 100%;
		height: 100% ;
		border: 0px;
	}

	.is-viewed .phone-screen {
		display: block;
		background-size: contain;
		width: 100%;
		background-position: right top;
		height: 30vw;
		position: absolute;
		top: 30% !important;
		right: 0;
	}
}

@media only screen and (max-width: 1599px) {
	.counter-button {
		-webkit-transform: translatey(-5vw);
		-ms-transform: translatey(-5vw);
		transform: translatey(-5vw);
	}

	.vertical-item-show {
		height: 47.5vw;
	}

}


@media only screen and (max-width: 1999px) and (min-width: 1600px) {
	.phone-screen {
		right: 40px;
	}

	.pick-items:hover .phone-screen:before {
		opacity: 1;
		letter-spacing: 0;
		left: 25%;
		-webkit-transition-delay: 0.8s;
		-o-transition-delay: 0.8s;
		transition-delay: 0.8s;
	}
}

@media only screen and (max-width: 1599px) and (min-width:1200px) {
	.phone-screen {
		background-size: contain;
		background-repeat: no-repeat;
		width: 100%;
		height: 160px;
		background-position: top right;
		margin-top: -9em;
		right: 2em;
	}

	.pick-items:hover .phone-screen {
		top: -5em;
	}

	.is-viewed .phone-screen {
		height: 25vw;
		top: 18vw !important

	}

	.is-cloned .pick-items:hover .phone-screen {
		top: 18vw !important;
	}

	.pick-items:hover .phone-screen:before {
		opacity: 1;
		letter-spacing: 0;
		left: 20%;
		-webkit-transition-delay: 0.8s;
		-o-transition-delay: 0.8s;
		transition-delay: 0.8s;
	}
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
	.desktop-screen {
		-webkit-transform: scale(1)translatex(0%);
		-ms-transform: scale(1)translatex(0%);
		transform: scale(1)translatex(0%);
	}

	.desktop-screen {
		width: 100%;
		height: 19.5vw;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: bottom center;
		border: 1px solid #ccc;
		padding-top: 20px !important;
	}

	.pick-items:hover .phone-screen:before {
		opacity: 1;
		letter-spacing: 0;
		left: 15%;
		-webkit-transition-delay: 0.8s;
		-o-transition-delay: 0.8s;
		transition-delay: 0.8s;
	}

	.sbr {
		width: 80%;
	}

	.cta-items:last-child img {
		max-width: 90px !important;
	}

	.cta-box img {

		margin: 0 0 10px 0;
	}

	.cta-items img {
		margin-bottom: 10px !important;
	}

	.cta-items:last-child img {
		margin-bottom: 20px !important;
	}

	.thePhone {
		padding: 0 0 0 23px !important;
	}
}

@media only screen and (max-width: 767px) {
	.pbox-cotent {
		margin-bottom: 0px !Important;
	}

	.pick-box {
		margin: 2em 0 0 0;
	}
}

@media only screen and (max-width: 499px) {
	div.cpmodel-box {
		-webkit-transform: scale(.7)translate(5vw, 10vw) !important;
		-ms-transform: scale(.7)translate(5vw, 10vw) !important;
		transform: scale(.7)translate(5vw, 10vw) !important;
	}	
}





/* Featured Works */
.featured-works .owl-prev, .featured-works .owl-next {
	position: inherit;
	width: 50px;
	height: 50px;
	border-radius: 50% !important;
	background: transparent !important;
	border: 1px solid #b9b9b9;
}

.featured-works .owl-prev {
	left: 0 !important;
}

.owl .works {
	transform: scale(0.85);
}

.featured-works .owl-next {
	right: 0;
}

.featured-works .owl-nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
}

.featured-works .owl-prev:after {
	content: '\f104';
	font-size: 25px;
	color: #b9b9b9;
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	background: transparent;
	position: relative;
	top: -4px;
	left: -6px;
	border-radius: 50%;
}

.featured-works .owl-next:after {
	content: '\f105';
	font-size: 25px;
	color: #b9b9b9;
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	background: transparent;
	position: relative;
	top: -4px;
	left: -6px;
	border-radius: 50%;
}

.owl.featured-works {
	display: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.featured-works {
		display: none;
	}

	.owl.featured-works {
		display: block !Important;
	}
}