@charset "UTF-8";
/****************** SITE DEFAULT - Start ****************/
.no-js .top-bar {
  display: none;
}
body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 100vh;
	margin: 0;
	font-family: "Work Sans","Istok Web","Montserrat","sans-serif";
	font-size: 18px;
	font-weight: 700;
	color: #333333;
	background-color: #ffffff;
}
html {
	background-color: #ffffff;
	opacity: 0;
}
a {
/*	transition: .3s;*/
	color: #007ea2;
}
/* button::-moz-focus-inner {
	border: 0;
} */
dd {
	margin-bottom: 0;
}
dl {
	margin: 0;
}
dt,
dd {
	line-height: inherit;
}
dt {
	font-weight: inherit;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0;
	font-family: "Montserrat","sans-serif";
	color: #007ea2;
}
h1 {
	font-size: 36px;
	line-height: 1.2;
}
h2 {
	font-size: 32px;
	line-height: 1.3;
}
h3 {
	font-size: 28px;
	line-height: 1.3333;
	font-weight: 700;
}
h4 {
	font-size: 24px;
	line-height: 1.5;
}
h5 {
	font-size: 20px;
	line-height: 1.5;
	font-weight: 700;
}
h6 {
	font-size: 17px;
	line-height: 1.5;
	font-weight: 700;
}
hr {
	margin-top: 0;
	margin-bottom: 0;
	border-top: 1px solid #007ea2;
}
img {
	width: 100%;
	height: auto;
	max-width: 100%;
}
/* small {
	font-size: 14px;
	line-height: 21px;
} */
ul li,
ol li {
	display: block;
}
ul,
ol {
	list-style: none;
	padding: 0;
	margin: 0;
}
/* #pageHeadingContainer {
	width: 100%;
} */
.tabs {
	text-align:center;
}
.tabs, .tabs-content {
	border: none;
}
.tabs-title > a:hover, .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
    background: #ffffff;
    color: #1e4367;
}
.tabs-title > a, .tabs-title > a[aria-selected='true'] {
	font-size: 1.2em;
	font-weight: bold;
}
.pageHeading {
	padding-top: .75rem;
	font-size: 1.5rem;
	font-weight: 700;
}
#contactHeading,#registerHeading,#contactMeContent {
	color: #ffffff;
}
#contactMeContent {
	font-size: 1.25em;
	font-weight: 400;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #007ea2;
	opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #007ea2;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #007ea2;
}
select option {
	color: #007ea2;
}
/****************** SITE DEFAULT - End ******************/

/****************** ABOUT US - Start *******************/
#profileContainer {
	padding-bottom: 1em;
}
#profileimg {
	max-width: 250px;
}
.hiremeSubHeading,#profile_question {
	font-weight: bold;
}
/*
#aboutContainer {
	width: 100% !important;
}
*/
/****************** ABOUT US - End *******************/

/****************** BACK TO TOP - Start ******************/
#back-to-top {
	font-size: 2.5em;
}
#back-to-top #up-triangle {
	color: #007ea2;
}
#back-to-top #up-chevrons {
	color: #f7f8fb;
}
#back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: block;
    text-decoration: none;
    display: none;
	z-index: 9999;
    -webkit-transition: all 0.3s linear;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#back-to-top #up-triangle:hover {
	color: #f7f8fb;
}
/****************** BACK TO TOP - End ********************/

 /************** BORDERS - Start ******************/
 .dk-blue-border-thin {
	border: 1px solid #1e4367;
}
.dk-blue-border {
	border: 2px solid #1e4367;
}
.dk-blue-border-thick {
	border: 3px solid #1e4367;
}
.med-blue-border-thin {
	border: 1px solid #007ea2;
}
.med-blue-border {
	border: 2px solid #007ea2;
}
.med-blue-border-thick {
	border: 3px solid #007ea2;
}
.lt-blue-border-thin {
	border: 1px solid #a9b9c7;
}
.lt-blue-border {
	border: 2px solid #a9b9c7;
}
.lt-blue-border-thick {
	border: 3px solid #a9b9c7;
}
/************** BORDERS - End ********************/

/**************** CHANGE PASSWORD - Start ****************/
.content#changepassword .input-group-label {
	background: none;
	border: none;
	color: #ffffff;
}
/* .input-group-field {
	background-color: #ffffff;
} */
.content#changepassword .fa-lock {
	color: #ffffff;
}
/**************** CHANGE PASSWORD - End ******************/

/**************** CONTACT FORM - Start *****************/
#contactContainer .contactFormContainer {
	width: 1200px;
	font-size: 1em;
	font-weight: 700;
}
/* #contactContainer #contactForm {
	width: 700px;
} */
#contactInterest {
	max-width: 21em;
}
#contactCompany{
	max-width: 30em;
}
#contactFormTextSection,#contact .pageHeading,#contactContainer #contactForm .form-error,#contactContainer .statusContainer {
	color: #ffffff;
}
#contactContainer .statusContainer {
	padding: 1em !important;
	color: #007ea2 !important;
}
#contactContainer .error-container a {
	text-decoration: underline;
}
#contactContainer .error-container a:hover {
	text-decoration: underline;
}
/**************** CONTACT FORM - End *******************/

/****************** CONTACT INFO BAR - Start *****************/
#page-top-contact {
	background-color: #007ea2;
}
#page-top-contact .contact-info {
	font-size: .9em;
	font-weight: bold;
	height: 3.5em;
}
#page-top-contact .contact-info .telephone a, #page-top-contact .contact-info .contact a, #page-top-contact .contact-info .tagline,#page-top-contact .contact-info .hireme a {
	color: #ffffff !important;
}
#loginContainer {
	border: 2px solid #007ea2;
}
/* #loginContainer i + .loggedInState {
	display: none;
}
#loginContainer i:hover + .loggedInState {
	display: block;
	background-color: #ffffff;
	color: #007ea2;
	top: 100%;
	z-index: 2;
} */
/****************** CONTACT INFO BAR - End *****************/

/****************** CHANGE PASSWORD - Start ****************/
#changePasswordForm .form-error {
	color: white;
}
#changePasswordForm #message-container {
	word-wrap: break-word;
	padding-bottom: 1em;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
#changePasswordForm {
	height: auto;
	width: 350px !important;
}
#changepassword-forms-container H5.section-heading {
	color: #ffffff;
	padding-bottom: 1em;
}
#changePasswordForm input[type=submit], #changePasswordForm input[type=reset], #contact-form #contact_submit, #contact-form #contact_reset {
	padding: .5em;
	line-height: 1em;
	color: #007ea2;
	border: none;
}
#changePasswordForm a:hover {
	text-decoration: underline;
}
.content#changepassword .input-group-label {
	background: none;
	border: none;
	color: #ffffff;
}
.content#changepassword .input-group-field {
	background-color: #ffffff;
}
.content#changepassword .fa-user, .content#changepassword .fa-lock {
	color: #ffffff;
}
/****************** CHANGE PASSWORD - End ******************/

/****************** DASHBOARD - Start *********************/
#loadingSpinner {
	color: #007ea2;
	padding-top: 1em;
	padding-bottom: 1em;
	text-align: center;
	font-size: 1.25em;
	width: 100%;
}
.content#dashboard {
	background-color: #ffffff;
}
#ticketsContainer,#commentsContainer,#relatedContainer,#candidatesContainer,#categoriesContainer,#companiesContainer {
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
}
#ticketListContainer,#ticketListHeader,#ticketsListBox,#dashboardContainer,#ticketsContainer {
	width: 100% !important;
}
#ticketFormContainer,#commentFormContainer {
	padding-top: 1em;
}
#companiesNav, #categoriesNav {
	padding-bottom: 1em;
}
#editCategoryNameContainer {
	padding-top: 1em;
	padding-bottom: 1em;
	font-size: 1.25em;
	font-weight: 700;
}
#mainCompaniesMenu,#newTicketCompaniesMenu,#commenttype_id_menu {
	max-width: 20em;
	border: 1px solid #007ea2;
	color: #007ea2;
}
#mainCompaniesMenu:hover,#newTicketCompaniesMenu:hover,#dashboardrelatedList .dashboardListRow:hover {
	cursor: pointer;
}
#dashboardContainer {
	width: 100%;
}
#paginationContainer {
	padding-top: 1em;
	margin-top: 1em;
	border-top: 1px solid #007ea2;
}
#commentTypesMenuContainer {
	padding: 1em;
}
#companyNameHeading {
	font-size: 1.25em;
	font-weight: 700;
}
#ticketsTabSubheading,#commentsTabSubheading,#relatedTabSubheading,#candidatesTabSubheading,#categoriesTabSubheading,#companiesTabSubheading,#profileTabSubheading {
	font-size: 1.15em;
	font-weight: 700;
}
.profileHeading {
	font-size: 1em;
	font-weight: 700;
	text-decoration: underline;
}
#create_new_ticket {
	padding-right: 1em;
}
#commentsContainer, #relatedContainer,#candidatesContainer {
	margin-top: 1em;
}
#commentFormContainer #issueCommentTypeMenu#8633FF {
	color: #8633FF !important;
}
#commentFormContainer #issueCommentTypeMenu#0071BC {
	color: #0071BC;
}
#commentFormContainer #issueCommentTypeMenu#FCB13A {
	color: #FCB13A;
}
#commentFormContainer #issueCommentTypeMenu#F26935 {
	color: #F26935;
}
#commentFormContainer #issueCommentTypeMenu#6C9D40 {
	color: #6C9D40;
}
#commentFormContainer #issueCommentTypeMenu#00B098 {
	color: #00B098;
}
#commentFormContainer #issueCommentTypeMenu#00A9EB {
	color: #00A9EB;
}
#commentFormContainer #issueCommentTypeMenu#DD0000 {
	color: #DD0000;
}
#commentFormContainer #issueCommentTypeMenu#E3AB02 {
	color: #E3AB02;
}
#commentFormContainer #issueCommentTypeMenu#3EC236 {
	color: #3EC236;
}
#commentFormContainer #issueCommentTypeMenu#3BCDC9 {
	color: #3BCDC9;
}
#commentFormContainer #issueCommentTypeMenu#3B6BCD {
	color: #3B6BCD;
}
.tabs#cw-dashboard-tabs.tabs-text {
	font-size: .75em;
}
#dashboardContainer .tabs, #dashboardContainer .tabs-content {
	border: none;
}
#dashboardContainer .tabs-panel {
	color: #007ea2;
}
#ticketsNav {
	padding-bottom: .5em;
}
.ticketDatesHeading {
	font-size: 1.125;
	color: #007ea2;
	font-weight: 700;
}
#openedDateHere, #closededDateHere {
	font-size: 1.125;
	color: #007ea2;
}
/* #dashboardContainer #sectionData {
	border-left: #cdcdcd 1px solid;
} */
.dashboardListHeader {
	background-color: #1e4367;
	color: white;
	padding: .5em;
}
#ticketsForm #category_id_menu,#ticketsForm #severity_id_menu,#ticketsForm #priority_id_menu,#ticketsForm #ticket_status_menu  {
	width: 20em;
}
.dashboardListContainer {
	line-height: 1.25em;
	width: 100%;
}
#emptyListMessage {
	font-weight: bold;
}
.data-cell {
	padding: .35em;
}
select#perPageMenu {
	width: 150px !important;
}
#loginForm .form-error {
	color: white;
}
#tickets-list-form {
	width: 300px !important;
}
/* #ticketsListMarker .listRowContainer, #relatedListMarker .listRowContainer {
	min-height: 20em;
} */
#commentsListMarker .listRowContainer {
	min-height: 7em;
}
#tickets ul, #categories ul, #myprofileform {
  max-width: 1000px;
}
.pagination {
	color: #1e4367;
}
.pagination li .current {
	background-color: #1e4367 !important;
}
.dashboardTableFooter {
	border-top: 2px solid #1e4367;
	padding-top: 1em;
}
/****************** DASHBOARD - End *********************/

/************** EMAIL - Start *****************/
#title_bar_borders {
	background-color: #ffffff;
	border-bottom: 2px solid #007ea2;
	border-top: 2px solid #007ea2;
}
#title_bar_container {
	padding: 0;
	margin: 0 auto;
}
table.headerContent td {
	padding: 5px;
	background-color: #ffffff;
}
/* .round-corners-email-content {
	border-radius: .5em;
} */
img#topEmailLogo {
	width: 200px;
}
img#sig-logo {
	max-width: 150px;
}
/************** EMAIL - End *****************/

/************** ERROR MESSAGES - START **************/
#errorContainer {
	width: 100%;
	text-align: center;
	padding: 1em;
}
.pageErrorMessage {
	font-size: 1.5em;
	font-weight: 400;
	text-align: center;
	padding: 5em;
	color: #ffffff !important;
}

.loginError {
	color: #ffffff !important;
}

#errorMessageContainer,#maint-message-container {
	font-size: 1.5em;
	font-weight: 400;
	text-align: center;
	padding: 5em;
	color: #ffffff !important;
}
/************** ERROR MESSAGES - End ****************/

/************ PAGE ERROR MESSAGES - Start *************/
#errorMessageContainer {
	max-width: 250px;
}
/************ PAGE ERROR MESSAGES - End ***************/
/************** FLEX BACKGROUNDS  - Start ****************/
#cw404Error,#register,#login,#maintenance,#contact,#changepassword {
	background: #007ea2; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 12+ */ /* IE10+ */
	background: radial-gradient(ellipse at center,  #00a0cc 1%,#006480 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a0cc', endColorstr='#006480',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#register,#login,#contact,#dashboard, #cw404Error, #Suzanne, #suzanne,#home, #maintenance,#videoedit,#changepassword
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	border-top: none;
}
/************** FLEX BACKGROUNDS - End ****************/

/****************** FLOATING CONTACT ICON - Start ******************/
#showContactForm {
	font-size: 2.5em;
	color: #007ea2;
}
#showContactForm {
    position: fixed;
    top: 100px;
    right: 50px;
    display: block;
    text-decoration: none;
    display: none;
	z-index: 9999;
    -webkit-transition: all 0.3s linear;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/****************** FLOATING CONTACT ICON - End ******************/

/****************** FOOTER - Start *********************/
.footerContainer {
	width: 100%;
	background-color: #f0f2f5;
	border-top: 2px solid #007ea2;
	border-bottom: 2px solid #007ea2;
}
#footer-contactus {
	font-weight: bold;
	font-size: 1.2em;
	color: #a9b9c7;
}
.footer-logo {
	padding-top: 1em;
	padding-bottom: .5em;
}
/****************** FOOTER - End *********************/

/********** FORMS - Start **********/
input[type=text],
input[type=password],
input[type=radio],
input[type=checkbox],
input[type=button],
input[type=number],
input[type=date],
input[type=color],
input[type=range],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=search],
input[type=tel],
input[type=url],
textarea,
select,
input[type=submit],
input[type=reset] {
	border: 1px solid #007ea2;
	background-color: white;
	border-radius: .2em;
	color: #007ea2;
	font-weight: 700;
}

::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #007ea2;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #007ea2;
  opacity: 1; /* Firefox */
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #007ea2;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder, ::-ms-input-placeholder {
  color: #007ea2;
}
input[type=submit], input[type=reset] {
	padding: .5em;
}
input[type=submit]:hover, input[type=reset]:hover {
	cursor: pointer;
}
/********** FORMS - End **********/

/********* INPUT SHADOWS - Start **********/
/* .inside-shadow {
	-webkit-box-shadow: inset 2px 2px 2px 2px #A9A9A9;
	box-shadow:         inset 2px 2px 2px 2px #A9A9A9;
 } */
.navbarShadow {
     box-shadow: 0 4px 4px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.24);
 }
 .serviceImgShadow {
	-webkit-box-shadow: 5px 5px 6px #888888;
	box-shadow: 5px 5px 6px #888888;
/*	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.12), 3px 3px 2px rgba(0, 0, 0, 0.24);*/
}
 /********* INPUT SHADOWS - End **********/
 
/****************** HOME PAGE - Start *******************/
.homeContentHeading {
	color: #007ea2;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: left;
}
.homeContent {
	text-align: justify;
}
.homeContent a {
	color: #333333;
}
.homeContent a:hover {
	color: #007ea2;
	text-decoration: none;
}
.webDev {
	margin-top: 1.5em;
}
.webDev,#animatedvideos,.imageAnimation,.imageCorrection,#motionGraphics,#voiceOver {
	margin-bottom: 1.5em;
	border-radius: 2.5em;
}
/****************** HOME PAGE - End *******************/

/****************** ICONS - Start *********************/
.icon-container .fa-users,
.icon-container .fa-user-check,
.icon-container .fa-layer-group,
.icon-container .fa-ear,
.icon-container .fa-face-smile,
.icon-container .fa-earth-americas,
.icon-container .fa-globe,
.icon-container .fa-video,
.icon-container .fa-chart-pie-simple,
.icon-container .fa-hashtag,
.icon-container .fa-exclamation,
.icon-container .fa-file,
.icon-container .fa-eyes,
.icon-container .fa-sun-dust,
.icon-container .fa-video,
.icon-container .fa-screwdriver-wrench,
.icon-container .fa-image,
.icon-container .fa-smile,
.sticky-contact .fa-comment-arrow-up-right,
.icon-container .fa-people-arrows,
.icon-container .fa-rectangle-pro,
.icon-container .fa-gears,
.icon-container .fa-brackets-curly,
.icon-container .fa-clock,
.icon-container .fa-arrows-maximize,
.icon-container .fa-bug
{
	color: #007ea2 !important;
	font-size: 1.5rem;
}
#loginContainer .fa-caret-down,
#mobile-contact-info .fa-home,
#mobile-contact-info .fa-star,
#mobile-contact-info .fa-envelope,
#mobile-contact-info .fa-mobile,
.icon-container .fa-envelope,
.icon-container .fa-mobile,
.icon-container .fa-star,
.icon-container .fa-user-lock,
.icon-container .fa-user-unlock
{
	font-size: 1em;
	margin: 0;
	padding: 0;
}
#loginContainer ul {
	border: 2px solid #007ea2 !important;
}
.icon-white {
	color: #ffffff;
}
.icon-dkblue {
	color: #1e4367;
}
.icon-medblue {
	color: #007ea2;
}
.icon-ltblue {
	color: #a9b9c7;
}
/****************** ICONS - End *********************/

/********** ISO-MED - Start **********/
.isomedFiles a {
	color: #ffffff !important;
}
/********** ISO-MED - End **********/

/********** tickets List - Start **************/
.cellPad {
	padding: .5em;
}
.ticketsListContainer .cell {
	padding-left: .125em;
	padding-right: .125em;
	padding-top: .25em;
	padding-bottom: .25em;
}
.ticketsListContainer .cell:first-child,.ticketsListContainer .cell:second-child,.ticketsListContainer .cell:third-child {
	text-align: center;
}
/********** tickets List - End **************/

/********** Lines and Boxes - Start **********/
.blue-box {
    border: solid #007ea2 2px;
}
.dk-blue-box {
    border: solid #1e4367 2px;
}
.green-box {
    border: solid green 2px;
}
.red-box {
    border: solid red 2px;
}
.orange-box {
    border: solid orange 2px;
}
.pink-box {
    border: solid pink 2px;
}
.purple-box {
    border: solid purple 2px;
}
.white-box {
    border: solid white 2px;
}
.yellow-box {
    border: solid yellow 2px;
}
.thin {
	height: 1px;
}
.normal {
	height: 2px;
}
.thick {
	height: 3px;
}
.lt_blue_hr_full {
	background-color: #a9b9c7;
	width: 100%;
	height: 1px;
	margin: 1em auto;
}
.lt_blue_hr_90 {
	background-color: #a9b9c7;
	width: 90%;
	height: 1px;
	margin: 1em auto;
}
.lt_blue_hr_80 {
	background-color: #a9b9c7;
	width: 80%;
	height: 1px;
	margin: 1em auto;
}
.lt_blue_hr_70 {
	background-color: #a9b9c7;
	width: 70%;
	height: 1px;
	margin: 1em auto;
}
.blue_hr_full {
	background-color: #007ea2;
	width: 100%;
	height: 2px;
	margin: 1em auto;
}
.blue_hr_90 {
	background-color: #007ea2;
	width: 90%;
	height: 2px;
	margin: 1em auto;
}
.blue_hr_90 {
	background-color: #007ea2;
	width: 90%;
	height: 2px;
	margin: 1em auto;
}
.blue_hr_80 {
	background-color: #007ea2;
	width: 80%;
	height: 2px;
	margin: 1em auto;
}
.blue_hr_70 {
	background-color: #007ea2;
	width: 70%;
	height: 2px;
	margin: 1em auto;
}
.dk_blue_hr_full {
	background-color: #1e4367;
	width: 100%;
	height: 2px;
	margin: 1em auto;
}
.dk_blue_hr_90 {
	border-top: 1px solid #1e4367;
	width: 90%;
	height: 2px;
	margin: 1em auto;
}
.dk_blue_hr_90 {
	background-color: #1e4367;
	width: 90%;
	height: 2px;
	margin: 1em auto;
}
.dk_blue_hr_80 {
	background-color: #1e4367;
	width: 80%;
	height: 2px;
	margin: 1em auto;
}
.dk_blue_hr_70 {
	background-color: #1e4367;
	width: 70%;
	height: 2px;
	margin: 1em auto;
}
.block-round {
	border-radius: 6px;
	background-color: #fff;
	overflow: hidden;
}
.block-round-black {
	border-radius: 6px;
	background-color: rgba(0, 0, 0, 0.3);
	overflow: hidden;
}
.border-radius-6 {
	border-radius: 6px;
	height: 100%;
}
.med-underline.left {
	margin: 0 0 2rem;
}
.short-underline,.med-underline,.med-underline-top {
	position: relative;
	margin: 0 0 2rem;
}
.short-underline::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1rem;
	margin: auto;
	width: 3rem;
	height: 2px;
	background-color: #a9b9c7;
}
.med-underline::after,.homeProductsServicesHeading::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -.5rem;
	margin: auto;
	width: 6rem;
	height: 2px;
	background-color: #a9b9c7;
}
.med-underline-top::after {
	content: "";
	position: absolute;
	left: 1rem;
	top: -1rem;
/*	bottom: 3rem;*/
	margin: auto;
	width: 6rem;
	height: 2px;
	background-color: #a9b9c7;
}
.productContent:hover .med-underline-top::after {
	content: "";
	position: absolute;
	left: 1rem;
	top: -1rem;
/*	bottom: 3rem;*/
	margin: auto;
	width: 6rem;
	height: 2px;
	background-color: #a9b9c7 !important;
}
.long-underline.left {
	margin: 0 0 2rem;
}
.long-underline {
	position: relative;
	margin: 0 0 4rem;
}
.long-underline::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -.5rem;
	margin: auto;
	width: 10rem;
	height: 2px;
	background-color: #a9b9c7;
}
/********* Lines and Boxes - End ********/

/********* LOGIN - Start **********/
#submit-user-login,#login-reset:hover {
	cursor: pointer;
}
.google-notice {
    color: white;
    font-weight: 700;
	font-size: 1.1em;
}
.google-notice a {
    color: white;
    text-decoration: underline !important;
}
.google-notice a:hover {
    color: white;
    text-decoration: underline;
}
/* .content#login,.content#register {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
} */
.content#login input[type=file],
.content#login input[type=text],
.content#login input[type=password],
.content#login input[type=radio],
.content#login input[type=checkbox],
.content#login input[type=button],
.content#login input[type=number],
.content#login input[type=date],
.content#login input[type=color],
.content#login input[type=range],
.content#login input[type=month],
.content#login input[type=week],
.content#login input[type=time],
.content#login input[type=datetime],
.content#login input[type=datetime-local],
.content#login input[type=email],
.content#login input[type=search],
.content#login input[type=tel],
.content#login input[type=url],
.content#login textarea,
.content#login input[type=submit],
.content#login input[type=reset],
.content#register input[type=file],
.content#register input[type=text],
.content#register input[type=password],
.content#register input[type=radio],
.content#register input[type=checkbox],
.content#register input[type=button],
.content#register input[type=number],
.content#register input[type=date],
.content#register input[type=color],
.content#register input[type=range],
.content#register input[type=month],
.content#register input[type=week],
.content#register input[type=time],
.content#register input[type=datetime],
.content#register input[type=datetime-local],
.content#register input[type=email],
.content#register input[type=search],
.content#register input[type=tel],
.content#register input[type=url],
.content#register textarea,
.content#register input[type=submit],
.content#register input[type=reset]
{
	border: none;
}
#loginForm #message-container {
	word-wrap: break-word;
	padding-bottom: 1em;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
#loginForm {
	height: auto;
	width: 350px !important;
}
#login-forms-container H5.section-heading {
	color: #ffffff;
	padding-bottom: 1em;
}
#loginForm input[type=submit], #loginForm input[type=reset], #contact-form #contact_submit, #contact-form #contact_reset {
	padding: .5em;
	line-height: 1em;
	color: #007ea2;
	border: none;
}
#loginForm a:hover {
	text-decoration: underline;
}
.content#login .input-group-label {
	background: none;
	border: none;
	color: #ffffff;
}
/* .input-group-field {
	background-color: #ffffff;
} */
.content#login .fa-user, .content#login .fa-lock {
	color: #ffffff;
}
/********* LOGIN - End ************/

/********* MENU - Start *************/
.header-logo {
	/* max-width: 270px; */
	padding-top: .5em;
	padding-bottom: .5em;
	margin-left: auto !important;
	margin-right: auto !important;
}
.title-bar .header-logo {
	max-width: 200px;
}
.top-bar .header-logo {
	max-width: 300px;
}
#footer-cw-logo .footer-logo {
	max-width: 200px;
}
#menu-break {
	display: none;
}
ul.nested {
	margin-left: 3em;
	z-index: 1;
}
.is-dropdown-submenu-parent > a::after {
	display: none;
}
#cw-menu ul.nested li:last-child a {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
/*********MENU - End ****************/

/************ NAVBAR - Start *************/
#cw-menu .is-accordion-submenu-parent[aria-expanded="true"] > a::after {
	display: none;
}
.sticky-contact {
	width: 150px;
}
.sticky-navbar {
	width: 100%;
}
.menu-icon::after {
	font-size: 2em;
    background: #007ea2;
    -webkit-box-shadow: 0 7px 0 #007ea2, 0 14px 0 #007ea2;
    box-shadow: 0 7px 0 #007ea2, 0 14px 0 #007ea2;
}
.menu-icon:hover::after {
	background: #1e4367;
	-webkit-box-shadow: 0 7px 0 #1e4367, 0 14px 0 #1e4367;
	box-shadow: 0 7px 0 #1e4367, 0 14px 0 #1e4367;
}
.menu-icon::before {
	font-size: 1.5em;
	background: #1e4367;
	-webkit-box-shadow: 0 7px 0 #1e4367, 0 14px 0 #1e4367;
	box-shadow: 0 7px 0 #1e4367, 0 14px 0 #1e4367;
}
#navbar {
/*	overflow: hidden;*/
	background-color: #ffffff;
	border-bottom: 2px solid #007ea2;
	border-top: 2px solid #007ea2;
}
.title-bar, .top-bar, #cw-menu, #cw-menu ul, #cw-menu li {
	background-color: #ffffff;
	color: #000000;
}
#cw-menu {
	font-weight: bold;
}
.notLoggedIn a {
	color: #ffffff;
	font-weight: 700;
}
.loggedIn {
	background-color: #ffffff;
	border: 2px solid #007ea2;
    position: absolute;
    top: 100%;
    /* display: block; */
    z-index: 10;
}
.loggedIn a,.loggedIn a:hover {
	color: #007ea2 !important;
}
/* .loggedIn a:hover {
	color: #ffffff;
	font-weight: 700;
    z-index: 1000;
} */
/* .top-dropdown .summary {
    border-width: 1px;
    border-style: solid;
    position: absolute;
    top: 100%;
    z-index: -1;
    display: block;
    visibility: hidden;
} */
/************ NAVBAR - End ***************/

/********* Positioning - Start *************/
.center-this {
    display: block;
	margin-left: auto;
	margin-right: auto;
}
/********* Positioning - End *************/

/****************** ROUND CORNERS - Start ****************/
.round-top_left_smaller {
	border-top-left-radius: .3em;
}
.round-top_right_smaller {
	border-top-right-radius: .4em;
}
.round-bottom_left_smaller {
	border-bottom-left-radius: .4em;
}
.round-bottom_right_smaller {
	border-bottom-right-radius: .4em;
}
.round-upper_left_corner {
	border-top-left-radius: 1em;
	-webkit-border-top-left-radius: 1em;
	-moz-border-top-left-radius: 1em;
}
.round-upper_right_corner {
	border-top-right-radius: 1em;
	-webkit-border-top-right-radius: 1em;
	-moz-border-top-right-radius: 1em;
}
.round-lower_left_corner {
	border-bottom-left-radius: 1em;
	-webkit-border-bottom-left-radius: 1em;
	-moz-border-bottom-left-radius: 1em;
}
.round-lower_right_corner {
	border-bottom-right-radius: 1em;
	-webkit-border-bottom-right-radius: 1em;
	-moz-border-bottom-right-radius: 1em;
}
.round-corners-smallest {
	border-radius: .2em;
}
.round-corners-smaller {
	border-radius: .3em;
}
.round-corners-small {
	border-radius: .4em;
}
.round-corners {
	border-radius: 1em;
}
.round-corners-big {
	border-radius: 2.5em;
}
.round-corners-bigger {
	border-radius: 5em;
}
/****************** ROUND CORNERS - End ****************/

/********** Push - Start **********/
.push-down-smallest {
	padding-bottom: .125em;
}
.push-down-smaller {
	padding-bottom: .25em;
}
.push-down-small {
	padding-bottom: .5em;
}
.push-down {
	padding-bottom: 1em;
}
.push-up {
	padding-top: 1em;
}
.push-down-big {
	padding-bottom: 1.5em;
}
.push-down-bigger {
	padding-bottom: 2em;
}
.push-down-biggest {
	padding-bottom: 2.5em;
}
.push-down-qa-home {
	padding-bottom: 3em;
}
/********** Push - End **********/

/********* SERVICES - Start ***********/
#image-animation-contact {
	color: #007ea2;
}
#top-bullets {
	padding-bottom: .5em;
}
#web .body-content:first-child, #sanacommerce .body-content:first-child {
	padding-top: .5em;
}
#sugarMamaMiaVideoContainer {
	padding-top: 1em;
}
#cwEndcapVideoContainer {
	margin-top: 2em;
}
#sugarMamaMiaVideoContainer .video__controls, #cwEndcapVideoContainer .video__controls {
	text-align: center;
}
#videocreate .body-content:nth-child(2) {
	padding-top: 2em;
}
#web .body-content:not(:first-child), #sanacommerce .body-content:not(:first-child) {
	padding-top: 1.5em;
}
.bullet-text {
	text-align: justify;
}
.bullet-title {
	font-size: 1.5rem;
	font-weight: 700;
	color: #007ea2;
	padding-left: .5rem;
}
/* .sectionHeading, .sanaSectionHeading {
	font-size: 1.3rem;
	font-weight: 700;
	color: #007ea2;
	padding-bottom: .75em;
} */
.sectionHeading {
	font-size: 1.3rem;
	font-weight: 700;
	color: #007ea2;
	padding-bottom: .75em;
}
.serviceSectionText {
	text-align: justify;
}
.jsHeading, .responsiveHeading, .securityHeading, .adminHeading, .customHeading, .endcapVideoHeading {
	text-align: right;
}
/* .sanaCompanyLogo img, .ppcCompanyLogo img {
	max-width: 300px;
	height: auto;
} */
#corrected-images .tabs-title img,#animated-images .tabs-title:nth-child(1) img,#animated-images .tabs-title:nth-child(4) img  {
	width: 150px;
}
#animated-images .tabs-title:nth-child(2) img,#animated-images .tabs-title:nth-child(3) img,#animated-images .tabs-title:nth-child(5) img  {
	height: 150px;
}
#honey-example img,#xmas-lantern-example img {
	height: 650px !important;
	width: auto;
}
#jeepsand-example img,#lighter-example img,#magnetic-example img {
	width: 640px !important;
}
.exampleLabel {
    font-weight: 700;
	color: #007ea2;
}
.tabs-content .tabs-panel img {
	margin-bottom: 1em;
}
.imageAnimation 
.example-text {
	/* background-color: #fff; */
	border-radius: 4px;
	width: 60%;
	padding-top: 1em;
	padding-bottom: 1em;
	/* text-align: center; */
	overflow-x: auto;
}
.twentytwenty-container,.example-text,.animated-img-container {
	margin-bottom: 1em;
}
.videoSubHeading {
	font-weight: bold;
	font-size: 1em;

}
.voiceSectionHeading {
	font-weight: bold;
	font-size: 1em;
	color: #007ea2;
	padding-top: 1em;
	padding-bottom: 1em;
}
/********* SERVICES - End ***********/

/********* SUZANNE - Start ***********/
#suzanne #suzanne-intro {
	font-size: 1.25rem;
	line-height: 1.25rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.tabs,.tabs-content {
	border: none;
}
.tabs-title a {
	font-size: 1rem !important;
	font-weight: 700;
	color: #007ea2;
}
#Suzanne #berry-swirl img {
  max-width: 640px;
  max-height: 644px;
}
#Suzanne #amoeba img {
  max-width: 640px;
  max-height: 658px;
}
#Suzanne #pastel-feathers img {
  max-width: 452px !important;
  max-height: 640px;
}
#Suzanne #rainbox-surf img {
  max-width: 640px;
  max-height: 454px;
}
#Suzanne #quicksilver img {
  max-width: 640px;
  max-height: 636px;
}
#Suzanne #nebulae img {
  max-width: 640px;
  max-height: 808px;
}
#Suzanne .img-container img {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
#Suzanne .img-description {
  font-size: 1rem;
  font-weight: 700;
}
/********* SUZANNE - End ***********/

/********** Text Color - Start **********/
.red-text, .fail {
	color:red;
}
.success {
	color: green;
}
.blue-text {
	color: #007ea2;
}
.dark-blue-text {
	color: #1e4367;
}
.gray-text {
	color: #a9b9c7;
}
.white-text {
	color: #ffffff;
}
/********** Text Color - End **********/

/********** Tabs - Start *************/
.tabs-title {
	float:none !important;
	display:inline-block;
}
.tabs {
	text-align:center;
}
.tabs-title > a:hover, .tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
    background: #ffffff;
    color: #1e4367;
}
/********** Tabs - End *************/

/************ AUDIO / VIDEO - Start ***************/
.audioPlayer {
    max-width: 500px;
    opacity: 1;
    visibility: visible;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
video {
    max-width: 500px;
    height: auto;
}
 video#sugarMamaMiaVideo {
    max-width: 500px;
    height: auto;
}
.video__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    bottom: 0;
    /* width: auto; */
    max-width: 500px;
    background: rgba(255,255,255,0.3);
    padding: 0.2em 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.2s visibility, 0.2s opacity;
    transition: 0.2s visibility, 0.2s opacity;
}

.video__wrap:hover .video__controls,
.video[data-playing] ~ .video__controls {
    opacity: 1;
    visibility: visible;
}

.video__toggle {
    background: none;
    border: none;
    font-size: 1.2em;
    height: 2em;
    width: 2em;
}
.video__toggle::before {
    content: '▶️';
}
.video[data-playing] ~ .video__controls .video__toggle::before {
    content: '⏸';
}
.video__scrub {
    width: calc(100% - 5em);
    margin: 0;
}
/*webkit*/
input[type=range].video__scrub::-webkit-slider-thumb {
	background: #007ea2 !important;
	-webkit-appearance: none;
}
input[type=range].video__scrub::-webkit-slider-thumb:hover {
	background: #007ea2 !important;
  }
/************ AUDIO / VIDEO - End ****************/

/****************** MEDIA QUERIES - Start ****************/
/* Small only portrait */
@media screen and (max-width: 39.9375em) and (orientation: portrait) {
	.header-logo {
		max-width: 250px;
	}
	.footer-logo {
		max-width: 175px;
		margin-bottom: 1rem;
	}
	#footer-cw-telephone,.contact-info {
		padding: none !important;
	}
	#back-to-top {
		font-size: 1.75em;
	}
	#back-to-top {
		position: fixed;
		bottom: 15px;
		right: 10px;
		display: block;
		text-decoration: none;
		display: none;
		z-index: 9999;
		-webkit-transition: all 0.3s linear;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	#showContactForm {
		font-size: 1.75em;
		color: #007ea2;
	}
	#showContactForm {
		position: fixed;
		top: 70px;
		right: 15px;
		display: block;
		text-decoration: none;
		display: none;
		z-index: 9999;
		-webkit-transition: all 0.3s linear;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.is-stuck .header-logo {
		max-width: 175px;
		padding-top: .1em;
		padding-bottom: .1em;
	}
	.homeContentHeading {
		font-size: 1.2em;
	}
	.webDev {
		margin-top: .75em;
	}
	.webDev,#animatedvideos,.imageAnimation,.imageCorrection,#motionGraphics,#voiceOver {
		margin-bottom: 2em;
	}
	.webDev,.webDev img,.imageCorrection, .imageCorrection img,.imageAnimation, .imageAnimation img {
		border-radius: 2em;
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;
	}
	.homeContent {
		padding-top: 1em;
	}
	.jsHeading, .responsiveHeading, .securityHeading, .adminHeading, .customHeading, .endcapVideoHeading {
		text-align: left;
	}
	.serviceImg {
		max-width: 350px;
		margin-bottom: 1em;
	}
	#profileimg {
		margin-bottom: 1em;
	}
	video {
		max-width: 400px;
		height: auto;
	}
	 video#sugarMamaMiaVideo {
		max-width: 400px;
		height: auto;
	}
	.video__controls {
		max-width: 400px;
	}
	.videoSubHeading {
		text-align: center !important;
	}
	.imageAnimation .example-text {
		width: 100%;
	}
}

/* Small only - Landscape */
@media screen and (max-width: 39.9375em) and (orientation: landscape) {
	.header-logo {
		max-width: 250px;
	}
	.footer-logo {
		max-width: 175px;
		margin-bottom: 1rem;
	}
	#footer-cw-telephone,.contact-info {
		padding: none !important;
	}
	#back-to-top {
		font-size: 1.75em;
	}
	#back-to-top {
		position: fixed;
		bottom: 15px;
		right: 10px;
		display: block;
		text-decoration: none;
		display: none;
		z-index: 9999;
		-webkit-transition: all 0.3s linear;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	#showContactForm {
		font-size: 1.75em;
		color: #007ea2;
	}
	#showContactForm {
		position: fixed;
		top: 55px;
		right: 20px;
		display: block;
		text-decoration: none;
		display: none;
		z-index: 9999;
		-webkit-transition: all 0.3s linear;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.is-stuck .header-logo {
		max-width: 175px;
		padding-top: .1em;
		padding-bottom: .1em;
	}
	.homeContentHeading {
		font-size: 1.2em;
	}
	.webDev {
		margin-top: .75em;
	}
	.webDev,#animatedvideos,.imageAnimation,.imageCorrection,#motionGraphics,#voiceOver {
		margin-bottom: 2em;
	}
	.webDev,.webDev img,.imageCorrection, .imageCorrection img,.imageAnimation, .imageAnimation img {
		border-radius: 2em;
		-webkit-border-radius: 2em;
		-moz-border-radius: 2em;
	}
	.homeContent {
		padding-top: 1em;
	}
	.jsHeading, .responsiveHeading, .securityHeading, .adminHeading, .customHeading, .endcapVideoHeading {
		text-align: left;
	}
	.serviceImg {
		max-width: 350px;
		margin-bottom: 1em;
	}
	#profileimg {
		margin-bottom: 1em;
	}
	video {
		max-width: 400px;
		height: auto;
	}
	 video#sugarMamaMiaVideo {
		max-width: 400px;
		height: auto;
	}
	.video__controls {
		max-width: 400px;
	}
	.videoSubHeading {
		text-align: center !important;
	}
	.imageAnimation .example-text {
		width: 100%;
	}
}
/* Medium and up */
@media screen and (min-width: 40em) {
}

/* Medium and up */
@media screen and (min-width: 40em) {
	.header-logo {
		max-width: 250px;
	}
	.footer-logo {
		max-width: 175px;
		margin-bottom: 1rem;
	}
	#footer-cw-telephone,.contact-info {
		padding: none !important;
	}
	#back-to-top {
		font-size: 1.75em;
	}
	#back-to-top {
		position: fixed;
		bottom: 15px;
		right: 10px;
		display: block;
		text-decoration: none;
		display: none;
		z-index: 9999;
		-webkit-transition: all 0.3s linear;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.is-stuck .header-logo {
		max-width: 175px;
		padding-top: .1em;
		padding-bottom: .1em;
	}
	.homeContentHeading {
		padding-top: 1em;
		font-size: 1.2em;
	}
	.homeContentImgFloatLeft {
		min-width: 200px;
		max-width: 225px;
	}
	.homeContentTextFloat a {
		text-decoration: none;
	}
	.homeContentTextFloat a:hover {
		color: #007ea2;
	}
	.webDev {
		margin-top: .5em;
	}
	.webDev,#animatedvideos,.imageAnimation,.imageCorrection,#motionGraphics,#voiceOver {
		margin-bottom: 1em;
	}
	.webDev,.webDev img,.imageCorrection, .imageCorrection img,.imageAnimation, .imageAnimation img {
		border-radius: 1.25em;
		-webkit-border-radius: 1.25em;
		-moz-border-radius: 1.25em;
	}
	.homeContent {
		padding-top: 1em;
	}
	.jsHeading, .responsiveHeading, .securityHeading, .adminHeading, .customHeading, .endcapVideoHeading {
		text-align: left;
	}
	.serviceImg {
		max-width: 350px;
		margin-bottom: 1em;
	}
	#profileimg {
		margin-bottom: 1em;
	}
	video {
		max-width: 400px;
		height: auto;
	}
	 video#sugarMamaMiaVideo {
		max-width: 400px;
		height: auto;
	}
	.video__controls {
		max-width: 400px;
	}
	.videoSubHeading {
		text-align: center !important;
	}
	.imageAnimation .example-text {
		width: 100%;
	}
}

/* Large and up */
@media screen and (min-width: 64em) {
	.no-js .top-bar {
		display: block;
	}
	.no-js .title-bar {
		display: none;
	}

	.webDev {
		margin-top: .75em;
	}
	.webDev,#animatedvideos,.imageAnimation,.imageCorrection,#motionGraphics,#voiceOver {
		margin-bottom: 2em;
		border-radius: 2em;
	}

	.webDev,#animatedvideos,.imageAnimation,.imageCorrection,#motionGraphics,#voiceOver {
		margin-bottom: 2em;
		border-radius: 2em;
	}
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

/* xLarge only: 1920px+ */
@media screen and (min-width: 120em) {
}
/****************** MEDIA QUERIES - End ****************/