@import url("../../parts/styles_resp/global.css");

html { height: 100%; }
html * { box-sizing: border-box; margin: 0;	padding: 0; }
ul, ol { padding-left: 1.5em; }
hr { clear: both; }
p { margin: .5em 0; }

body
{
	font-family: Montserrat, Helvetica, Arial, Sans-Serif;
	font-size: 12pt;
	margin: 0;
	padding: 0;
	background: #fff;

	line-height: 1.5;
    /* letter-spacing: 0.12ex;
    word-spacing: 0.16ex; */
}

body .olark-launch-button {	right: 85px !important; }

body.home, body.inner
{
	height: 100%;
	background: #fff;
}

.allContainer
{
	padding: 0;
	margin: 0;
	zoom: 1;
}

.ib { display: inline-block; }
.ib.clients { 
	color: #6a6a64; 
	font-size: 30px; 
	text-align: left; 
	vertical-align: top; 
	margin-bottom: 30px;
}
.bigred { 
    font-size: 36px; 
    color: #cc3333; 
    font-weight: bold; 
    line-height: 1;
}

.ib.customerquicklinks { max-width: 920px; }
.customerquicklinks a img { width: 150px; }

.homepageform { 
    width: 100%;
    max-width: 100%; 
}
.homepageform .nosight { visibility: hidden; font-size: 0; height: 0; }
.homepageform .myfieldset label,
.homepageform .myfieldset input,
.homepageform .myfieldset textarea { 
    display: block;
    width: 95%;
    padding: 3px 8px;
}
.homepageform .myfieldset abbr { text-decoration: none; color: #660000; }
.homepageform button {
    width: auto;
    padding: 5px 15px;
    border-radius: 4px;
    margin-top: 10px;
    font-weight: normal;
}



.desktoponly { display: none; }
.notifications {
	position: relative;
    background: #D92228;
    padding: 10px 20px;
    color: #fff;
    font-weight: bold;
    border-bottom: 2px solid white;
    display: none;
    text-align: center;
}
.notifications .notification { padding: 5px 15px; text-align: left; }
.notifications .notification a, .notifications .notification a:hover  { color: #fff; text-decoration: underline; }
.notifications span { font-weight: normal; }
.notifications .fa-window-close { color: #fff; float: right; cursor: pointer; padding: 5px; font-size: 18pt; }
.notifications { font-size: 9pt; }


.widthContainer
{
	position: relative;
	min-width: 250px;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.contentBG, .editorContentMain
{
	color: #000;
	background: white;
}

.inner .contentBG { margin-top: 0px; }

.searchSocial { display: none; }

.spacer { visibility: hidden; }
.noscroll { overflow: hidden; }

.topbar {
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    max-height: 100%;
    border-bottom: 1px solid #777;
    background: #eee;
    background: rgba(255, 255, 255, 0.9);
}
.topbar.scroll { overflow-y: scroll; }
.topbar>nav { margin-right: 10px; }
.topbar nav.table>ul { display: table; width: 100%; }

.topbar h1 { margin: 0; padding: 0; }
.topbar .title {
    display: inline-block;
    font-family: Oswald, Arial, Sans-Serif;
    width: 100%;
}
.topbar .title img {
    /* height: 35px; */
    margin: 0 0 4px 0;
    max-width: 90%;
}
nav.table>ul>li {
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
}
.navIcon, .searchIcon { cursor: pointer; }
.navDrop, .searchDrop { display: none; padding: 5px 0 5px 5px; }
nav.top.block ul { border-radius: 0; padding: 0; }
nav.top.block li a {
    padding: 5px;
    font-size: 16pt;
    color: #333;
}
nav.top.block li  a > div { font-size: 12pt; display: block; }
nav.top.block li:last-child { border-right: none; }
nav.top.block li a {}
nav.top.block li a > * {
    display: inline-block;
    vertical-align: middle;
}
nav.top.block li:first-child a {
    border-left: none;
    margin-left: 0;
}
nav.top li:last-child a {
    border-right: none;
}


/* mobile nav */
.navDrop nav.block.mobilemenu>ul {
    font-family: Oswald, Arial, Sans-Serif;
    display: block;
    border: 2px solid white;
    border-radius: 5px;
    background: #333;
    background: rgba(0, 0, 0, 0.7);
    padding: 0px;
}
.navDrop nav.block.mobilemenu>ul>li {
    border-bottom: 2px solid white;
}
.navDrop nav.block.mobilemenu>ul li {
    clear: both;
    margin: 0;
}
.navDrop nav.block.mobilemenu>ul>li:last-child {
    border: none;
}
.navDrop nav.block.mobilemenu a {
    color: white;
    display: block;
    font-size: 16pt;
    padding: 9px 10px;
}
.navDrop nav.block.mobilemenu a:focus,
.navDrop nav.block.mobilemenu span:focus { outline: 1px dashed white; }
.navDrop nav.block.mobilemenu .socialTools a { padding: 5px; box-shadow:none; }
.navDrop nav.block.mobilemenu li span.plus {
    padding: 7px 30px 5px 30px;
    color: white;
    float: right;
    display: inline-block;
    text-align: right;
    margin-right: 0;
    cursor: pointer;
    font-size: 20pt;
    background: rgba(0, 0, 0, 0.05);
}
.navDrop nav.block.mobilemenu ul ul {
    padding-left: 0;
    display: none;
    position: relative;
    width: calc(100% - 10px);
    box-shadow: none;
    margin: 2px 0px 8px 10px;
}
.navDrop nav a:hover,
.navDrop nav a:focus,
.navDrop nav li.current>a,
.navDrop nav li.actual>a {
	/* background: transparent; */
	outline: 1px dashed #fff;
    text-decoration: underline;
}
.navDrop nav.block.mobilemenu .mobileSocial .socialTools { float: none; }
.navDrop nav.block.mobilemenu .mobileSocial .socialTools a {
    display: inline-block;
    opacity: 1.0;
}


.searchDrop .mobilesearch {
    font-size: 120%;
    width: 100%;
}
.searchDrop .mobilesearch .fieldAndButton {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #bbb;
    padding: 5px;
    box-sizing: border-box;
}
.searchDrop .mobilesearch .fieldAndButton .searchField {
    font-size: 120%;
    color: #666;
    padding: 4px;
    width: 80%;
    width: calc(100% - 50px);
}
.searchDrop .mobilesearch .fieldAndButton .searchMag {
    font-size: 20pt;
    float: right;
    height: 35px;
    width: 35px;
    line-height: 35px;
    vertical-align: middle;
}
.sloganwrap { position: relative; height: 0; font-size: 0; }
.slogan {
	font-size: 7pt;
	position: absolute; 
	left: 0; right: 0; top: 0;
	padding: 8px 0;
	text-align: center;
	background: rgba(255,255,255,0.9);
	color: #666;
	z-index: 6;
}

/* search results */
h2.search {	padding: 1ex; font-size: 130%; }

header.page .banner
{
	position: relative;
	height: 0;
	margin: 0;
}

.content .box.SUPERFORMS, .content .box.QUICKFORM {
    line-height: 16pt;
}

/* mobile restrictions */
p[class^="Mso"], p.MsoNormal
{
	text-indent: 0 !important;
	margin: 0 !important;
}
font[size=2] { font-size: 100%; }
.container.content div.left,
.container.content div.right,
.container.content div.cyclerSlide { float: none; margin: 10px; }
.container.content div.sidebarImageBox img { width: 100%; }
.container.content div:not(.noImageForcing) img
{
	height: auto !important;
	max-width: 100% !important;
}
.content div.noMobile   { display: none; }
.content div.mobileOnly { display: block; }
.content #tourbookdiv > img[style*=height\:168] { height: 168px !important; }
iframe { max-width: 100% !important; }
input { max-width: 100% !important; }


a {	color: #339; text-decoration: underline; }
a:hover { color: #000; }
a:focus { outline: 1px dashed #333; }
:focus { outline: 1px dashed #333; }

.home a { color: #333; /* text-decoration: none; */ }

a#skipLink 
{ 
	background: transparent;
	top: -40px; 
	left: 0; 
	color: white;
	transition: top 1s ease-out 0s, background 1s linear 0s;
	border-radius: 0 0 5px 0; 
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	padding: 8px 5px;
}
a#skipLink:focus 
{
	background: #bf1722;
	top: 0;
	transition: top 0.1s ease-in 0s, background 0.5s linear 0s;
}
input:focus { /* background: #ffffcc; color: #000; */}


/*===( HEADLINES )===*/
h1, h2, h3, h4, h5 {  }
h1, h2, h3 
{
	font-family: Montserrat, Verdana, sans-serif;
	font-size: 18pt;
	font-weight: normal;
	line-height: 115%;
	color: #333;
	text-align: center;
	margin-bottom: 8px;
	padding-top: 5px;
}
h1 { font-weight: bold; font-size: 30pt; }
h2 { font-weight: bold; font-size: 24pt; }
h3 { color: #d72d2e; }

article { padding: 10px 0; }

section h2, article h2 { font-size: 30pt; text-align: center; }
section h3, article h3 { font-size: 18pt%; text-align: left; }
div.readmore { font-weight: bold; }


/* home page stuff */

.theform {
	/* background: #f0efed url(images/headlessguytyping.jpg) no-repeat bottom center;
	background-size: cover; */
	min-height: 677px;
}
.theform .widthContainer { height: 900px; position: relative; }
.theform .widthContainer .moreinfo { 
	padding: 20px;
	position: absolute;
	top: 30px;
	right: 20px;
	display: inline-block;
	width: 90%;
}
.theform h4 { font-size: 18pt; color: #666; text-align: right; padding: 30px 50px;}
.theform .widthContainer .moreinfo div.readmore { display: none; }
.theform .widthContainer .moreinfo table.SF table tr > td:first-child { width: 150px !important; text-align: right; padding-right: 15px; }
.theform .widthContainer .moreinfo table.SF table tr > td input { width: 150px !important; }
.theform .widthContainer .moreinfo h2 { display: none; }

/* .home .mainContent { display: none; } */


footer.main
{
	position: relative;
	padding: 10px 10px 50px 50px;
	color: #333;
	text-align: right;
    display: inline-block;
    vertical-align: top;
}
footer.main a { color: #d73e3e; }
footer.main a:hover { color: #222; }

footer h4
{
	color: #333;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 8px;
}
footer.main .text,
footer.main .text2,
footer.main .text3,
footer.main .text4,
footer.main .text5,
footer.main .text6,
footer.main .text7,
footer.main .text8 {
	vertical-align: top;
	color: #333;
	text-align: left;
	padding: 5px;
    display: block;
    font-weight: bold;
}
footer.main .text { margin-top: 15px; }

footer .searchSocial { text-align: left; position: relative; top: auto; left: auto; right: auto; bottom: auto; }

/* footer .socialPositioner { clear: both; float: left; display: block; margin: 10px 0; text-align: left; vertical-align: bottom; }
footer .socialTools { line-height: 50px; vertical-align: bottom; }
footer .socialTools a { display: inline-block; opacity: 1.0; color: white; padding: 3px; margin: 0 10px; font-size: 24pt; border-radius: 3px; }
footer .socialTools a.facebook:hover { background: #3D5B99; }
footer .socialTools a.twitter:hover { color: #00ACEE; }
footer .socialTools a.blogger:hover { color: #FF9334; } */


nav li a {}
nav > ul > li > a {	font-weight: normal; }
nav li.current > a, nav li.open > a, nav li:hover > a {}

/* all block */
nav.block a
{
	font-size: 12pt;
	padding: 5px 10px;
}

/* horizontal-block */
.bannerbar { display: none; }
.topbar2
{
	display: none; 
	z-index: 10000;
	position: fixed;
	top: 0;
	left: 0; 
	right: 0; 
	background: #fff;
	background: rgba(255,255,255, 0.75);
}
nav.horizontal.block 
{ 
	float: right; 
	display: inline-block;
	padding: 0 5px;
}
nav.horizontal.block > ul { white-space: nowrap; }
nav.horizontal.block > ul  > li
{
	margin: 15px 0;
	padding: 0;
	border-right: none;
	line-height: normal;
}
nav.horizontal.block > ul > li > a
{
	color: #555;
	border: none;
	margin-right: 0;
	font-weight: bold;
	/* text-transform: uppercase; */
	/* border-left: 1px solid #666; */
}
nav.horizontal.block > ul > li:last-child > a { margin-right: 0; }
nav.horizontal.block > ul > li.current > a,
nav.horizontal.block > ul > li.open > a,
nav.horizontal.block > ul > li:hover > a 
{
	color: #CC3333;
}
nav.horizontal.block li li > a { color: #555; }
nav.horizontal.block li li.current > a,
nav.horizontal.block li li.open > a,
nav.horizontal.block li li > a:hover
{
	color: #CC3333;
}
nav.horizontal.block > ul > li.open > a
{
	position: relative;
	z-index: 1002;
}

nav.horizontal.menu > ul ul
{
	background: #fff;
	background: rgba(255,255,255,0.9);
	text-align: left;
	border-radius: 3px !important;
	box-shadow: -7px 7px 10px rgba(0,0,0,0.1);
	width: 240px;
}
nav.block.menu > ul .triangle { margin-top: 7px; }

.box.promotion.B_LIST.HA_Boxes, 
.box.promotion.B_LIST.HA_Boxes_Top { padding: 8px 0; margin: 50px 0 50px 0; }
.box.promotion.B_LIST.HA_Boxes .responsivebox, 
.box.promotion.B_LIST.HA_Boxes_Top .responsivebox {
    /* border: 1px solid #ccc;
    border-radius: 0; */
}
.box.promotion.B_LIST.HA_Boxes .responsivebox h2, 
.box.promotion.B_LIST.HA_Boxes .responsivebox h2 a, 
.box.promotion.B_LIST.HA_Boxes_Top .responsivebox h2, 
.box.promotion.B_LIST.HA_Boxes_Top .responsivebox h2 a {
	/* font-family: Oswald, Arial, Sans-Serif; */
	text-align: left;
	font-size: 18pt;
	font-weight: bold;
	color: #333;
}


/* calendar */
.calMonth table
{
	border: none;
	background-color: #506270;
	border-spacing: 1px;
	border-collapse: separate;
	font-size: 90%;
}
.calMonthHeading
{
	background-color: #506270;
	border: none;
	font-size: 90%;
}
.calDayHeading th
{
	background: #5e7282;
	color: #ddd;
}
.calDay
{
	color: #333;
	background: #eff1f3;
}
.calMonth td, .calMonth th { border: none; }
.calGrayDay
{
	background: #bec4c9;
	color: #333;
}
.calToday { background-color: #ffffdd; filter: none; }
.eventTip
{
	color: black;
    border-color: #525200;
	background-color: #ffff88;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#backTop
{
    width:35px;
    height:35px;
    padding:5px;
    border-radius: 35px;
    cursor:pointer;
    z-index:999999999;
	display:none;
	box-sizing:content-box;
    color: rgba(0,0,0,0.7);
    font-size: 24pt;
    text-align: center;
    vertical-align: middle;
    line-height: 35px;
    background: rgba(255,255,255,0.5);
    border: 1px solid rgba(0,0,0,0.5);
}


.otherTextBox {
    vertical-align: top;
    text-align: right;
    padding: 50px;
}
.otherTextBox .otherT1 {
    font-size: 6vw;
    font-weight: bold;
    color: #cf3438;
    margin-bottom: 30px;
    line-height: 0.8;
}
.otherTextBox .otherT2 {
    font-size: 4vw;
    line-height: 2;
    color: #5a5a5a;
}
.slider_wrap1, .slider_wrap0 { 
    position: relative;
    font-size: 0;
    line-height: normal;
}
.slider_owl {
    min-height: 250px;
    overflow: hidden;
    position: relative;
    font-size: 0;
    line-height: normal;
}

.slider_owl .owl-nav,
.slider_owl .owl-dots {
    display: none;
}

.slider_owl div.owl-item,
.slider_owl div.item {
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 0;
    margin: 0; padding: 0;
}

.slider_owl div.item { height: 300px; }
.slider_owl .description {
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    background: #333;
    background: rgba(0, 0, 0, 0.8);
    color: #eee;
    text-align: center;
    font-size: 14pt;
}
.slider_owl .description a { color: #fff; text-decoration: underline; }
.slider_owl .description a:hover { color: #ddd; }
.slider_arrowwrap {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.slider_arrowwrap .controls {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 5;
}
.slider_arrowwrap span.arrowleft,
.slider_arrowwrap span.arrowright,
.slider_arrowwrap span.arrowpause,
.slider_arrowwrap span.arrowplay {
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    color: #333;
    background: rgba(255,255,255,0.7);
    z-index: 5;
    padding: 4px 5px;
    border-radius: 50%;
    height: 31px; 
    width: 31px;
    text-align: center;
    line-height: normal;
    vertical-align: middle;
    margin-left: 5px;
    border: 1px solid #555;
}

.slider_arrowwrap span.arrowleft:hover, .slider_arrowwrap span.arrowright:hover,
.slider_arrowwrap span.arrowpause:hover, .slider_arrowwrap span.arrowplay:hover, 
.slider_arrowwrap span.arrowleft:focus, .slider_arrowwrap span.arrowright:focus,
.slider_arrowwrap span.arrowpause:focus, .slider_arrowwrap span.arrowplay:focus { color: #ddd; background: rgba(0,0,0,0.7); outline: none; border: 1px solid #ccc; }
.slider_arrowwrap span.arrowplay { display: none; }

.showcasetext { font-size: 45px; padding: 50px 10px; text-align: center; }
.showcasetext .gray { color: #70706a; display: inline-block; }
.showcasetext .red  { color: #d92229; display: inline-block; }
.showcasetext2 { padding: 10px; text-align: center; }
.showcasetext2 .seymour { 
	display: inline-block;
	text-align: center;
	border: 1px solid #bebebe;
	color: #666;
	padding: 7px 12px;
	font-size: 14pt;
	border-radius: 3px;
	z-index: 10;
	text-decoration: none; 
}
.showcasetext2 .seymour:hover, .showcasetext2 .seymour:focus {
	color: #333;
	border: 1px solid #999;
}


.showcase_wrap1, .showcase_wrap0 { 
    position: relative;
    font-size: 0;
	line-height: normal;
	padding: 50px 0 10px 0;
}
.showcase_owl {
    min-height: 250px;
    overflow: hidden;
    position: relative;
    font-size: 0;
    line-height: normal;
}

/* .showcase_owl .owl-dots {} */
.showcase_owl .owl-nav {
    display: none;
}

.showcase_owl div.owl-item,
.showcase_owl div.item {
    position: relative;
    display: inline-block;
    width: 100%;
	font-size: 0;
	text-align: center;
    margin: 0; padding: 0;
}

.showcase_owl div.item { height: 300px; }
.showcase_owl .description {
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    background: #333;
    background: rgba(0, 0, 0, 0.8);
    color: #eee;
    text-align: center;
    font-size: 14pt;
}
.showcase_owl .description a { color: #fff; text-decoration: underline; }
.showcase_owl .description a:hover { color: #ddd; }
.showcase_arrowwrap {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.showcase_arrowwrap .controls {
    position: absolute;
    bottom: 10px;
    left: calc(50% - 59px);
    z-index: 5;
}
.showcase_arrowwrap span.arrowleft,
.showcase_arrowwrap span.arrowright,
.showcase_arrowwrap span.arrowpause,
.showcase_arrowwrap span.arrowplay {
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    color: #333;
    background: rgba(255,255,255,0.7);
    z-index: 5;
    padding: 4px 5px;
    border-radius: 50%;
    height: 31px; 
    width: 31px;
    text-align: center;
    line-height: normal;
    vertical-align: middle;
    margin-left: 5px;
    border: 1px solid #555;
}

.showcase_arrowwrap span.arrowleft:hover, .showcase_arrowwrap span.arrowright:hover,
.showcase_arrowwrap span.arrowpause:hover, .showcase_arrowwrap span.arrowplay:hover, 
.showcase_arrowwrap span.arrowleft:focus, .showcase_arrowwrap span.arrowright:focus,
.showcase_arrowwrap span.arrowpause:focus, .showcase_arrowwrap span.arrowplay:focus { color: #ddd; background: rgba(0,0,0,0.7); outline: none; border: 1px solid #ccc; }
.showcase_arrowwrap span.arrowplay { display: none; }


.showcase_owl .owl-item {max-height: 500px; }

.filmstrip_wrap1 { 
    position: relative;
    font-size: 0;
    line-height: normal;
}
.filmstripbar_owl {
    /* padding: 5px 50px; */
    padding: 5px;
    background: #2e352c;
    background: rgba(46,53,44,0.9);
    overflow: hidden;
    white-space: nowrap;
    border-top: 2px solid white;
}
.filmstrip_owl .owl-nav, .filmstrip_owl .owl-dots { display: none; }
.filmstrip_owl { overflow: hidden; }
.filmstrip_owl div.owl-item,
.filmstrip_owl div.item,
.filmstrip_owl div.item a {
    line-height: 70px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    vertical-align: middle;
}
.filmstrip_owl div.item a img {
    height: 70px;
    display: inline-block;
    vertical-align: middle;
}
.filmstrip_owl div.item a div {
    padding: 5px 0;
    display: block;
    vertical-align: middle;
    font-family: Cambria, Georgia, serif;
    font-size: 16px;
    line-height: 110%;
    color: #fff
}
.filmstrip_arrowwrap {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.filmstrip_arrowwrap .controls {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 5;
}
.filmstrip_arrowwrap span.arrowleft,
.filmstrip_arrowwrap span.arrowright,
.filmstrip_arrowwrap span.arrowpause,
.filmstrip_arrowwrap span.arrowplay {
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    color: #333;
    background: rgba(255,255,255,0.7);
    z-index: 5;
    padding: 4px 5px;
    border-radius: 30px;
    height: 30px; 
    width: 30px;
    text-align: center;
    line-height: normal;
    vertical-align: middle;
    margin-left: 5px;
    border: 1px solid transparent;
}
.filmstrip_arrowwrap span.arrowleft:hover, .filmstrip_arrowwrap span.arrowright:hover,
.filmstrip_arrowwrap span.arrowpause:hover, .filmstrip_arrowwrap span.arrowplay:hover, 
.filmstrip_arrowwrap span.arrowleft:focus, .filmstrip_arrowwrap span.arrowright:focus,
.filmstrip_arrowwrap span.arrowpause:focus, .filmstrip_arrowwrap span.arrowplay:focus { color: #ddd; background: rgba(0,0,0,0.7); outline: none; border: 1px solid #ccc; }
.filmstrip_arrowwrap span.arrowplay { display: none; }

.carousel_wrap1 { font-size: 0; line-height: normal; }
.carouselbar_owl {
    border-top: 2px solid white;
    position: relative;
    overflow: hidden;
	text-align: center;
}

.carousel_owl .owl-nav, .carousel_owl .owl-dots {
    display: none;
}

.carousel_owl div.owl-item {
    display: inline-block;
	vertical-align: top;
	padding: 18px;
}

.carousel_owl div.item {
    display: block;
    position: relative;
    vertical-align: top;
}

.carousel_owl div.item>a,
.carousel_owl div.item img {
    display: inline-block;
    vertical-align: top;
    max-width: 99%;
    text-align: center;
}

.carousel_owl div.item .title {
    color: #333;
    font-size: 14pt;
    padding: 25px 0 5px 0;
    text-decoration: none;
    display: block;
    text-align: center;
}

.carousel_owl div.item div {
    padding: 10px;
}

.carousel_arrowwrap {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.carousel_arrowwrap .controls {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 5;
}
.carousel_arrowwrap span.arrowleft,
.carousel_arrowwrap span.arrowright,
.carousel_arrowwrap span.arrowpause,
.carousel_arrowwrap span.arrowplay {
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    color: #333;
    background: rgba(255,255,255,0.7);
    z-index: 5;
    padding: 4px 5px;
    border-radius: 15px;
    height: 30px; 
    width: 30px;
    text-align: center;
    line-height: normal;
    vertical-align: middle;
    margin-left: 5px;
    border: 1px solid #555;
}
.carousel_arrowwrap span.arrowleft:hover, .carousel_arrowwrap span.arrowright:hover,
.carousel_arrowwrap span.arrowpause:hover, .carousel_arrowwrap span.arrowplay:hover, 
.carousel_arrowwrap span.arrowleft:focus, .carousel_arrowwrap span.arrowright:focus,
.carousel_arrowwrap span.arrowpause:focus, .carousel_arrowwrap span.arrowplay:focus { color: #ddd; background: rgba(0,0,0,0.7); outline: none; border: 1px solid #ccc; }
.carousel_arrowwrap span.arrowplay { display: none; }



.socialTools a.facebook  { background: #3b5998; }
.socialTools a.twitter   { background: #1da1f2; }
.socialTools a.youtube   { background: #ff0000; }
.socialTools a.instagram { background: linear-gradient(-20deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);  }
.socialTools a.linkedin  { background: #007bb5; }
.socialTools a.nextdoor  { background: #00b246; }
.socialTools a.pinterest { background: #cb2028; }
.socialTools a.blogger   { background: #ff9334; }
nav.block .mobileSocial .socialTools { padding: 5px 10px; } 
nav.block .mobileSocial .socialTools a { border-radius: 5px; padding: 5px; }



/* responsive */
@media (min-width: 100px)
{
	.content { width: 100%; }
	.mainContent { width: 100%; }
	.mainContent, .leftContent, .rightContent { padding: 20px; }
	.calendarTable .medium { display: none; }
	.allContainer { padding: 0; }
	.inner .content { min-height: 300px; }
	.spacer { display: block; transition: height 0.5s ease; }
	.spacer2 { display: none; transition: height 0.5s ease; }
}
@media (min-width:500px)
{
	.notification { font-size: 12pt; padding: 12px; }
	.home #topphoto { height: 400px; }
	.home #topphoto .textbox { top: 10px; max-width: 90%; }
	.home #topphoto .textbox .thatline { margin: 10px 130px 10px 50px; }
	.home #topphoto .techleaders { font-size: 24pt; text-shadow: 1px 2px 1px rgba(0,0,0,0.3); }
	.home #topphoto .govservices { font-size: 16pt; text-shadow: 1px 2px 1px rgba(0,0,0,0.3); }
	.home .testimonials img { width: 30%; }

	.home .theform .widthContainer .moreinfo table.SF table tr > td:first-child { width: 200px !important; }
	.home .theform .widthContainer .moreinfo table.SF table tr > td input { width: 350px !important; }

	.inner .content { min-height: 300px; }

	.slider_owl div.item, .singlepic { height: 300px;}
	.slogan { font-size: 10pt; }

} 
@media (min-width:900px)
{
	.customerquicklinks a img { width: 225px; }
    .homepageform { width: 48%; }

	.content { padding-left: 50px; }
	.spacer2 { display: block; height: 70px;}
	.spacer { display: none; }
	.notification { font-size: 14pt; padding: 14px; }

	.slogan { font-size: 16pt; }
	.stat { font-size: 35px; }
	.stat h2 { font-size: 45px; }
	.home .showcase h2 { font-size: 30pt; }
	.home .showcase .designlink { font-size: 18pt; }
	.home .sixbox h4 { white-space: nowrap; }
	.home .testimonials img { width: 30%; max-width: 376px; }
	.testimonials > .widthContainer > h4 { font-size: 35pt; letter-spacing: 3px; }

	.home .theform .widthContainer .moreinfo { right: 100px; }
	.theform .widthContainer { height: 800px; }

	.home .theform .widthContainer .moreinfo table.SF table tr > td:first-child { width: 200px !important; }
	.home .theform .widthContainer .moreinfo table.SF table tr > td input { width: 350px !important; }
	.theform .widthContainer .moreinfo { width: 40%;}


	div.banner { height: 200px;	}
	.inner div.banner { margin-bottom: 50px; }

	.content {  }
	.container.content div.left, .container.content div.cyclerSlide { float: left; margin: 10px 25px 15px 0; clear: left;}
	.container.content div.right { float: right; margin: 10px 0 15px 25px; clear: right; }

	/* h1 { font-size: 24pt; }
	.home .summaryDisplay h3 { font-size: 20pt; }
	section h2, article h2 { font-size: 18pt; }
    section h3, article h3 { font-size: 16pt; } */
    
    .box.promotion.B_LIST.HA_Boxes div.image.left { width: 70px !important; }
    .box.promotion.B_LIST.HA_Boxes .responsivebox .boxbody { padding-left: 95px; }


	.topbar2 .title img
	{ 
		height: 35px;
		float: left;
		margin: 15px 15px 10px 15px;
	}
	.searchSocial { bottom: 10px; right: 10px; }
    .searchSocial .socialTools, .searchSocial .socialPositioner, .searchSocial .searchPositioner { float: none; }
    .searchSocial .searchPositioner { margin-top: 15px; }
	.searchSocial .socialTools a { display: inline-block; width: 35px; }
	.searchSocial .search.bar { margin-bottom: 0; }
	.searchSocial .search.bar .fieldAndButton{ padding: 0px; border-radius: 4px; width: 180px; }
	.searchSocial .search.bar .searchField { font-size: 10pt; padding: 3px; width: 85%; }
	.searchSocial .search.bar .searchMag { }
	.topbar, .spacer, .navDrop, .searchDrop { display: none; }
	.topbar2, .searchSocial, .bannerbar { display: block; }

	.theform {
		background: #f0efed url(images/headlessguytyping.jpg) no-repeat bottom center;
		background-size: cover;
	}

    /* social fixed */
    .socialFixed {
        position: fixed;
        left: 0;
        top: 250px;
        z-index: 99999;
    }
    .socialFixed .socialTools {
        float: none;
        opacity: 0.9;
        transition: opacity 0.5s;
    }
    .socialFixed .socialTools:hover,
    .socialFixed .socialTools:focus { opacity: 1.0; }
    .socialFixed .socialTools a {
        width: 50px;
        text-align: right;
        font-size: 20pt;
        display: block;
        padding: 10px;
        margin-top: 4px;
        color: white;
        opacity: 1;
        border-radius: 0 10px 10px 0;
        transition: width .5s;
		/* box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 5px; */
		/* box-shadow: rgba(0,0,0,0.5) 1px 1px 5px; */
    }
    .socialFixed .socialTools a:hover, 
    .socialFixed .socialTools a:focus { width: 60px; }

    .box.promotion.B_LIST.HA_Boxes .responsivebox {  }
    .box.promotion.B_LIST.HA_Boxes .responsivebox, 
    .box.promotion.B_LIST.HA_Boxes_Top .responsivebox {
        width: calc(49% - 15px);
        margin: 7px;
    }


	.inner .mainContent { 
		margin-left: 10px;
		margin-right: 10px;
		min-height: 400px; 
		padding-top: 80px;
	}
	.mainContent, .leftContent, .rightContent { padding-top: 80px; }

	.desktoponly { display: block; }
    .notifications { font-size: 12pt; }
    
    .otherTextBox, .slider_wrap1 { 
        display: inline-block; 
        width: calc(50% - 3px); 
    }
    .otherTextBox .otherT1 {
        font-size: 2.5vw;
        margin-bottom: 30px;
    }
    .otherTextBox .otherT2 {
        font-size: 1.5vw;
    }

	.slider_owl div.item, .singlepic { height: 400px; }
}
@media (min-width:1200px)
{

	nav.block a
	{
		font-size: 13pt;
		padding: 5px 15px;
	}

	.topbar2 .title img { height: 44px; margin: 15px 15px 10px 15px; }
	.inner .mainContent { min-height: 500px; }
	.slider_owl div.item, .singlepic { height: 500px; }
}
@media (min-width:1600px)
{
    .slider_owl div.item, .singlepic { height: 600px; }
    .box.promotion.B_LIST.HA_Boxes.count3 .responsivebox, 
    .box.promotion.B_LIST.HA_Boxes_Top.count3 .responsivebox,
    .box.promotion.B_LIST.HA_Boxes.count6 .responsivebox, 
    .box.promotion.B_LIST.HA_Boxes_Top.count6 .responsivebox,
    .box.promotion.B_LIST.HA_Boxes.count9 .responsivebox, 
    .box.promotion.B_LIST.HA_Boxes_Top.count9 .responsivebox {
        width: calc(33% - 15px);
    }
	nav.block a
	{
		font-size: 14pt;
		padding: 5px 20px;
	}
}