/* BASE OVERRIDES AND SHARED ELEMENTS
-------------------------------------------------- */

body {font-family:'Muli', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";    background: #ffffff;height:100%;margin:0;}
body::-webkit-scrollbar-thumb{border-radius:0;border:0;background-color:#a4cd39}.list::-webkit-scrollbar,.table-responsive::-webkit-scrollbar,body::-webkit-scrollbar{-webkit-appearance:none;width:10px;height:5px;background-color:rgba(164, 205, 57, 0.3)}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-weight: 700;}
p {font-weight: 400;font-size: 1rem;color: #666;line-height: 1.4rem;}
a {font-size:.8rem;color:#2bafe5;transition: all .3s ease;}
p a {font-size:1rem !important;}

.covidmessage {position:absolute;top:126px;left:0;right:0;text-align: center;display: block;color:#ffffff;font-size:.9rem;font-style:italic;z-index: 99999;text-decoration: underline;}
.covidmessage:hover {color:#FFDD00;}
.covidletter {padding:0 20px 0 0;border-right:1px solid #e7e7e7;}
.covidletter p, .covidletter ul li {font-size:.9rem;}
.covidletter p b {color:#000000;}
.caarticle {margin:100px 0;}
ul.articlelist {list-style-type:none;padding:0;margin:0;}
ul.articlelist li {color:#333333;color:#2aafe5;font-size:1rem;border-bottom: 1px solid #e7e7e7;padding: 5px 0;}
ul.articlelist li:hover {cursor:pointer;color:#a1cc34;}
.caarticlehead, .covidletter p.caarticlehead {font-weight:bold;font-size: 1.2rem;color:#000000;}
p.caarticlehead span {display:block;font-size:.8rem;opacity:.5;}
ul.calist {}
ul.calist li {padding:5px 0;}

.larger {font-size: 1.1rem;line-height: 1.5rem;}
.text-black {color:#000000;}
.ossgreen {color:#a3cd39;}
.ossblue {color:#2bafe5;}
.ossorange {color:#faa41f;}
.ossnuetral1 {color:#f4f2ef;}
.ossnuetral2 {color:#a69c95;}
.ossnuetral3 {color:#6f635a;}
.ossnuetral4 {color:#352a21;}
.offwhite {background-color: #f4f4f4;}
.ossgreenback {background-color:#a3cd39;color:#ffffff;}
.ossblueback {background-color:#2bafe5;color:#ffffff;}

.modal-body {
 padding: 0; 
}

html {
  height: 100%;
  margin: 0;
}

.btn {
    display: inline-block;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.65rem;
    font-size: .7rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.btn-primary {
    color: #fff;
    background-color: #2aafe5;
    border-color: #2aafe5;
}

.btn-outline-primary {
    color: #a3cd39;
    background-color: transparent;
    background-image: none;
    border-color: #2aafe5;
}

.btn-primary:hover {
    color: #fff;
    background-color: #a3cd39;
    border-color: #a3cd39;
}

.btn-green {
    color: #fff;
    background-color: #b6d766;
    border-color: #b6d766;
}

.btn-green:hover {
    color: #fff;
    background-color: #9bc533;
    border-color: #9bc533;
}

/*navigation*/
#contact-tag {position: fixed;bottom: 0;z-index: 100;right: 0;transition:all .3s ease;opacity:0;}
#navwrapper.sticky #contact-tag {opacity:1;}
#contact-tag a {padding: 6px 15px;color: #ffffff;margin: 0;display:block;background-color: #2aafe5;border-top-left-radius: 4px;}
#contact-tag a:hover {background-color:#a3cd39;}
#navwrapper {width: 100%;background:rgba(255,255,255,1);transition:all .3s ease;border-top: 2px solid #ffffff;}
#navwrapper.sticky {position: fixed;z-index: 100;background:#ffffff;border-top: 2px solid #a3cd39;top:0;-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);}
.navcontact {padding:0;background-color: #352a21;text-align: right;border-top: 2px solid #28afe5;}
.navcontact p {margin:0;padding:0 10px;color:#ffffff;text-align: right;display: inline-block;font-weight: 700;font-size: .7rem;letter-spacing: 1px;}
.navbar-brand {background-image:url("../images/osslogo.png");background-repeat: no-repeat;width:200px;height: 45px;margin:10px 0;background-size: contain;transition:all .3s ease;}
#navwrapper.sticky .navbar-brand {background-image:url("../images/OSS_Logo_icon.png");width:40px;height: 40px;margin:0;}
#navwrapper.sticky .raq {background: #2aafe5;color: #ffffff;border-radius: 4px;}
#navwrapper.sticky .raq:hover {background: #a3cd39;}
#navbarNavDropdown {flex-direction: row-reverse;}
.navbar-nav .nav-link {padding-right: 0;padding-left: 0;text-transform: uppercase;color: #000000;font-weight: 700;letter-spacing: 1px;}
.navbar-nav .nav-link:hover {color:#2bafe5;}
.socialnav {padding:10px;display: inline-block;float: left;color:#a69c95;}
.socialnav:hover {background: #a3cd39;color:#ffffff;}
.contacticon {padding: 10px 10px;background: #2aafe5;display: inline-block;color:#ffffff;}
.contacticon:hover {background: #a3cd39;color:#ffffff;}
.navbar-toggler-icon {color: #000000;}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin:22px 0 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px solid rgba(0, 0, 0, 0.15);
    border-radius: 0px;
	transition: all .3s ease;
	-webkit-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.4);
box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.4);
	border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom: 4px solid #a3cd39;
}
#navwrapper.sticky .dropdown-menu { margin:10px 0 0 0;}
.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
	transition: all .3s ease;
}
.dropdown-item:hover, .dropdown-item:focus {
    color: #ffffff;
    text-decoration: none;
    background-color: #2bafe5;
}

/*parallax*/
.parra-1, .parra-2, .parra-3 {position: relative;background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;text-align:center;}
.parra-1 {background-image: url("../images/herocomp2.jpg");min-height: 87%;animation: fadeIn 1s both .5s;}
.parra-2 {background-image: url("../images/office.jpg");min-height: 400px;}
.parra-3 {background-image: url("../images/aboutus.jpg");min-height:400px;background-color: #9cbb3a;}
.caption {margin: 20% auto 0 auto;display: inline-block;text-align: center;color: #000;z-index: 12;animation: fadeInDown 1s both 1s;position: relative;background-color: rgba(164, 205, 57, .9);padding: 18px;}
.caption2 {margin: 180px auto 0 auto;display: inline-block;text-align: center;color: #000;z-index: 12;animation: fadeInDown 1s both 1s;position: relative;background-color: rgba(164, 205, 57, .9);padding: 18px;}
.caption3 {margin: 160px auto 0 auto;display: inline-block;text-align: center;color: #000;z-index: 12;animation: fadeInDown 1s both 1s;position: relative;background-color: rgba(46, 64, 0, 0.9);padding: 18px;}
.caption span, .caption2 span, .caption3 span {color: #fff;font-size: 25px;letter-spacing: 6px;}
.ossicon {position: absolute;left: 0;top: 15%;width: 100%;text-align: center;color: #000;z-index: 10;animation: fadeIn 1s both .5s;}
.ossicon img {margin:0 auto;display:block;padding:0 0 40px 0;opacity: .7;}
.coloroverlay {position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.3);z-index: 9;}
.coloroverlay2 {position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(153, 190, 56, 0.9);z-index: 9;}
.introarrow {display:block;margin:100px auto 0 auto;cursor:pointer;z-index:10;position:relative;}
.introarrow i {font-size:30px;color:#ffffff;transition:all .3s ease;}
.introarrow:hover i  {color:rgba(164, 205, 57, 1);}


.sectionintro {position: relative;margin:0 0 100px 0;}
.sectionintro h3, .sectionintroleft h3 {text-transform: uppercase;font-size: 1.5rem;}
.sectionintro p {font-size:1.1rem;font-weight: 600;line-height: 1.8;text-align: center;max-width: 700px;margin: 0 auto;color: #000000;}
.sectionintro::after {background-color: #a3cd39;
    content: '';
    position: absolute;
    bottom: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 3px;
    width: 100px;}
.sectionintroleft p {font-size:1.1rem;font-weight: 600;line-height: 1.8;color: #000000;}
.welcomeicons {padding:0 0 20px 0;margin-top:0;transition:all .3s ease;}
.welcomeicons span {background-color:#a3cd39;border-radius: 50%;width:100px;height:100px;display: block;text-align: center;margin:0 auto;}
.welcomeicons span svg {padding: 25px 0 0 0;}
.servicecontainer {overflow: hidden;}
.servicelink {text-decoration:none !important;height:350px;display:block;}
.service {padding:20px 10px 10px 10px;border: 0px solid #dee2e6;border-radius: 4px;height: 100%;transition:all .3s ease;}
.service p {text-align:center;text-decoration:none;transition:all .3s ease;}
#printicon {width:50px;}
.printicon {fill:none;stroke:#ffffff;stroke-width:2;stroke-miterlimit:10;}
#postcardicon {width:50px;}
.postcardicon {fill:none;stroke:#ffffff;stroke-width:2;stroke-miterlimit:10;}
#targeticon {width:50px;}
.targeticon {fill:none;stroke:#ffffff;stroke-width:2;stroke-miterlimit:10;}
.servicetitle {color: #000000;margin: 0 0 5px 0;font-weight: 700;font-size: 1.1rem;line-height: 1.5rem;text-align:center;}
.servicetitle span {display:block;color:#a3cd39;font-size:.8rem;text-transform: uppercase;font-weight:700;letter-spacing:1px;}
.servicetitle span::before {}
.welcome-thumbnail {margin-left: -280px;}
.welcome-thumbnail img {max-width: 600px;}
.servicebutton {display:none;margin:40px 0 0 0;}
.serviceguy {display:none;margin: 0 auto;padding: 0 0 20px 0;}
.servicelink:hover .service {background:#343a40;border-top:4px solid #a3cd39; }
.servicelink:hover .servicecontent {color:#bfbfbf;}
.servicelink:hover .service p.servicetitle {color: #ffffff;}
.servicelink:hover .servicetitle span {}
.servicelink:hover .servicetitle span::before {}
.servicelink:hover .welcomeicons  {margin-top:-125px;}
.servicelink:hover .serviceguy {display:block;}
.servicelink:hover .servicebutton {display:block;}

#welcome {background-color:#ffffff;padding: 100px 0;}
#portfolio {padding:100px 0;}
#ctapre {background-image:url("../images/greencircles.png");height:20px;}
.ctapost {background-image:url("../images/greencircles.png");height:20px;}
#cta {background-color:#ffffff;padding:50px 0;}
#cta p {}
.ctahead {font-weight:700;font-size:1.2rem;text-transform: uppercase;letter-spacing: 1px;color: #000000;}
#testimonials {background: #ffffff;padding:100px 0;}
#blogpreview {background: #f4f4f4;padding:100px 0;}
#newsletter {padding:100px 0;background-color:#ffffff;}
#newsletter p {}
#blogfeed {padding:100px 0;}

.post-preview {border-radius:4px;background-color: #ffffff;padding:20px; overflow:hidden;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);border-top: 10px solid #a3cd39;height:100%;}
.post-preview p a {font-size: 1rem;color: #000000;font-weight: 700;line-height: 1.4rem;}
.post-preview p {font-size:.8rem;line-height: 1.2rem;}
.post-preview-link {display:block;text-align: right;}

/* clear fix */
.grid:after {content: '';display: block;clear: both;}

/* ---- portfolio grid ---- */
.grid-sizer, .grid-item {width: 33.333%;}
.grid-item {float: left;padding: 10px;}
.grid-item img {display: block;width: 100%;}
.grid-item a {background:rgba(0,0,0,0.7);transition: all .5s ease;position:absolute;top:10px;left:10px;right:10px;bottom:10px;opacity:0;text-decoration: none;border-top:4px solid #a3cd39;}
.grid-item:hover a {opacity:1;}
.portdeets {padding-top:30%;transition:all .5s ease;text-align:center;}
.portdeets p {color:#ffffff;}
.portdeets p span::before {content: "// ";color: #a3cd39;}
.grid-item:hover a .portdeets {padding-top:25%;}
.portdeets p span {display:block;letter-spacing: 1px;text-transform: uppercase;color:#a3cd39;font-size:.7rem;font-weight:700;}

/* ---- quote ---- */
.carousel {position: relative;padding: 100px 0 0 0;}
.carousel-inner {position: relative;width: 100%;overflow: hidden;}
.carousel-item {position: relative;display: none;-ms-flex-align: center;align-items: center;width: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-perspective: 1000px;perspective: 1000px;}
.bigquote {font-weight:700;font-size: 1.5rem;line-height: 2.1rem;padding:20px 0;color:#000000;}
.quoter {text-transform: uppercase;font-weight:700;color:#2bafe5;}
.quoter span {display:block;text-transform:none;font-weight:400;color:#000000;}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
  .parra-1, .parra-2, .parra-3 {background-attachment: scroll;background-size: cover;}
}

.introholder {display:block;margin:0 0 40px 0;}
.subsectionintro {font-weight:bold;font-size: 1.2rem;}
#ms-main {position:relative;padding:100px 0;}
.ms-main-content {position:relative;z-index:6;}
/*.ms-main-color {position:absolute;top:0;bottom:0;left:0;right:0;z-index:5;background-color:rgba(73, 80, 87, 1);transition:all .6s ease;}*/
.ms-main-color {position:absolute;top:0;bottom:0;left:0;right:0;width:100%;z-index:5;background-color:#ffffff;transition:all .6s ease;}
.dbackhover {background-color: rgb(52, 59, 66) !important;transition:all .6s ease;}
#ms-campaign {}
#ms-consultation {}
#ms-educate {}
#ms-advise {}
#ms-execute {}
#ms-brand {padding:100px 0 0 0;}
#ctastrip {padding:50px 0;background: #222222;border-bottom: 1px solid #484848;}
.ctastriphead {text-transform: uppercase;font-size: 1.2rem;font-weight:700;color:#a3cd39 !important;}
#ctastrip p {color:#ffffff;}

#industries {padding:50px 0;background: #222222;border-bottom: 1px solid #484848;}
#industries p {color:#ffffff;}
#industries ul {padding:0;margin:0;list-style-type:none;}
#industries ul li {color: #a3cd39;padding: 5px 0;font-size: .9rem;}

.section {padding:100px 0;}
ul.sectionlist {list-style-type:none;margin:0;padding:0;}
ul.sectionlist li {color: #ffffff;cursor:pointer;font-weight:bold;padding:10px;background-color:#97bf32;margin: 0 0 8px 0;transition:all .3s ease;border-top: 4px solid #362a21;display: inline-block;width: 32%;vertical-align: top;height: 100px;position:relative;border-radius: 4px;font-size: 1rem;line-height: 1.3rem;background-image: url("../images/OSS_Logo_icon_white_opacity.png");background-repeat: no-repeat;background-size: contain;background-position-x: right;}
ul.sectionlist li:hover {color:#ffffff;background-color:#2aafe5;border-top: 4px solid #362a21;}
ul.sectionlist li span {opacity:0;transition:all .3s ease;color:#ffffff;position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0, 181, 255, 0.7);}
ul.sectionlist li span i {font-size: 40px;margin: 0 auto;display: block;width: 60px;text-align: center;padding: 0;transition:all .3s ease;}
ul.sectionlist li:hover span {opacity:1;}
ul.sectionlist li:hover span i {padding:20px 0 0 0;}
.bl-wrap {display:block;padding:20px;border-left:10px solid #ffffff;}


ul.featurelist {list-style-type:none;margin:0;padding:0;}
ul.featurelist li {padding:0 0 10px 0;font-size:.9rem;}
ul.featurelist li span {display:block;color:#a3cd39;font-weight:bold;font-size: 1rem;}
ul.featurelist li span i {margin:0 0 0 -30px;width:30px;}

#dp-products {background-color:#494f57;background-image: url("../images/darkgreypattern.png");}
.designback {opacity:0.1;background-image:url("../images/dback.png");background-position: right top;background-repeat: no-repeat;position:absolute;top:0;bottom:0;left:0;right:0;z-index:5;transition:all .6s ease;width:100%;}
.stacks {position:relative;margin:-20px 0 0 20px;}
.stackimg {display:block;max-width:95%;}
.stack1 {position:absolute;left:0px;top:240px;z-index:1;transition:all .3s ease;}
.stack2 {position:absolute;left:0px;top:180px;z-index:2;transition:all .3s ease;}
.stack3 {position:absolute;left:0px;top:120px;z-index:3;transition:all .3s ease;}
.stack4 {position:absolute;left:0px;top:60px;z-index:4;transition:all .3s ease;}
.stack5 {position:absolute;left:0px;top:0;z-index:5;transition:all .3s ease;}
.design-stack-holder {position:relative;margin:0;width:100%;height:100%;}
.no-backgroundblendmode .design-stack {background-image:url("../images/designbaseall.png");position:absolute;margin:0;width:100%;height:450px;top:0;transition:all .3s ease;background-size: contain;background-repeat: no-repeat;}
.backgroundblendmode .design-stack {position:absolute;margin:0;width:100%;height:450px;top:0;
background:
	url("../images/design-c.png") 0px 50px, 
	url("../images/design-m.png") 0px 50px, 
	url("../images/design-y.png") 0px 50px, 
	url("../images/design-k.png") 0px 50px, 
	url("../images/designbase.png") 0px 50px;
	background-repeat: no-repeat;background-blend-mode: multiply;transition:all .3s ease;background-size: contain;opacity:1;}
.backgroundblendmode .design-stackKEEP:hover {
background:
	url("../images/design-c.png") 0px 0px, 
	url("../images/design-m.png") 0px 40px, 
	url("../images/design-y.png") 0px 80px, 
	url("../images/design-k.png") 0px 120px, 
	url("../images/designbase.png") 0px 160px;
background-repeat: no-repeat;background-blend-mode: multiply;transition:all .3s ease;background-size: contain;}
.backgroundblendmode .design-stack-active {
background:
	url("../images/design-c.png") 0px 0px, 
	url("../images/design-m.png") 0px 40px, 
	url("../images/design-y.png") 0px 80px, 
	url("../images/design-k.png") 0px 120px, 
	url("../images/designbase.png") 0px 160px !important;
background-repeat: no-repeat !important;background-blend-mode: multiply !important;transition:all .3s ease !important;background-size: contain !important;opacity:1;}


#dm-acquisition {background-color:rgb(34, 34, 34);}
.dm-stack-holder {position:relative;width: 90%;height: 100%;margin: 0 auto;}
.dm-stack {background-image:url("../images/dm00.png");position:absolute;margin:0;width:100%;height:100%;top:0;transition:all .3s ease;background-size: contain;background-repeat: no-repeat;background-position-y: bottom;}
.dm-campaign {background-image:url("../images/dm02.png");}
.dm-creative {background-image:url("../images/dm01.png");}
.dm-list {background-image:url("../images/dm03.png");}
.dm-pins {background-image:url("../images/dm04.png");position:absolute;margin:0;width:100%;height:100%;top:-100px;transition:all .3s ease;background-size: contain;background-repeat: no-repeat;opacity:0;background-position-y: bottom;}
.dm-pins-active {top:0;transition:all .3s ease;opacity:1;}
.dmback {opacity:0.1;background-image:url("../images/dmback.png");background-position: right top;background-repeat: no-repeat;position:absolute;top:0;bottom:0;left:0;right:0;z-index:5;transition:all .6s ease;width:100%;}
#dm-twenty {padding: 50px 0;background-image:url("../images/ttmain.png");background-repeat: no-repeat;background-position-x: right;background-position-y: 90px; }
#dm-twenty .twentyhead {padding:0;margin:0;}
.dmt-ad {font-weight: 700;font-size: 1.2rem;color: #6f6259;}

#es-main {position:relative;padding:100px 0 50px 0;}
.esmainimage {max-width: 450px;display: block;margin: 0 auto;}
.es-main-content {position:relative;z-index:6;}
.es-main-color {position:absolute;top:0;bottom:0;left:0;right:0;width:100%;z-index:5;background-color:#ffffff;transition:all .6s ease;}
.es-icons {padding:0 0 20px 0;margin-top:0;transition:all .3s ease;}
.es-icons span {background:#a3cd39;border-radius: 50%;width:100px;height:100px;display: block;text-align: center;margin:0 auto;}
.es-icons span svg {padding: 25px 0 0 0;}
#esicon1 {width:50px;}
#esicon2 {width:50px;}
#esicon3 {width:50px;}
ul.es-list {margin:0;padding:0;list-style-type: none;text-align: center;}
ul.es-list li {padding:5px 0;}
#es-fees {background-color:#494f57;background-image: url("../images/darkgreypattern.png");}
.es-costwrapper {height:100%;overflow:hidden;border-radius:4px;background-color: #ffffff;}
.es-costcontent {padding:20px;}
.es-costhead {padding: 20px;font-size: 1.2rem;color: #ffffff;margin:0;text-align:center;position: relative;text-transform:uppercase;letter-spacing:1px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a3cd39+0,6ca32d+100 */
background: #a3cd39; /* Old browsers */
background: -moz-linear-gradient(top,  #a3cd39 0%, #6ca32d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #a3cd39 0%,#6ca32d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #a3cd39 0%,#6ca32d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3cd39', endColorstr='#6ca32d',GradientType=0 );
}
.es-costhead:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-top: solid 10px #6ca32d;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    z-index: 10;
}
.es-costprice {font-size: 1.8rem;color: #a5cd39;text-align: center;padding:10px 0 0 0;}
ul.es-costdeets {margin:0 0 20px 0;list-style-type: none;padding:0;}
ul.es-costdeets li {font-size: .9rem;padding:10px 0;
    border-bottom: 1px solid #e7e7e7;font-weight: 700;}
ul.es-costdeets li span {color:#a3cd39;display:block;font-size:1.2rem;}
.es-costlegal {font-size: .8rem;line-height: 1rem;}
.es-costicon i {margin:0 auto;display: block;font-size: 40px;padding:15px 0 0 0;color:#e7e7e7;}
#es-faq {padding:100px 0;}
#esfaqsholder .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 0rem;
}
#esfaqsholder .card-header {
    padding: 5px 10px;
    margin-bottom: 0;
    background-color:#495057;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
#esfaqsholder .card-header:hover {}
#esfaqsholder .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding:25px;
	background-color: #a3cd39;
    color: #f8f9fa;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a3cd39+0,6ca32d+100 */
background: #a3cd39; /* Old browsers */
background: -moz-linear-gradient(top,  #a3cd39 0%, #6ca32d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #a3cd39 0%,#6ca32d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #a3cd39 0%,#6ca32d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3cd39', endColorstr='#6ca32d',GradientType=0 ); /* IE6-9 */

}
#esfaqsholder .btn-link {
    font-weight: 600;
    color: #e9ecef;
    background-color: transparent;
}
#esfaqsholder .btn-link:hover {
    color: #a3cd39;
}

.auholder {height:100%;min-height: 300px;overflow: hidden;position:relative;background-size: cover;background-position-x: center;border: 1px solid #ffffff;}
.auholder span {background:rgba(0,0,0,0.75);opacity:0;transition:all .3s ease;padding:20px;display:block;height:100%;}
.auholder span:hover {opacity:1;} 
.auholder span p {color:#ffffff;margin:0;}
.au-name {font-size: 1.2rem;font-weight: 700;}
.au-title {color:#a3cd39 !important;text-transform: uppercase;font-weight: 700;letter-spacing: 1px;font-size: 11px;font-style: italic;padding:0 0 10px 0;}
.au-bio {color: #c7c7c7 !important;font-size: .9rem;}
.au-text {}
.au-text span {display: block;color:#a3cd39;font-weight: bold;font-size: 1rem;}
.auholder img {width:100%;display:block;}
.sandy {background-image: url("../images/mm-sandy.jpg");}
.melissa {background-image: url("../images/mm-melissa.jpg");}
.dan {background-image: url("../images/mm-dan.jpg");}
.brianna {background-image: url("../images/mm-bri.jpg");}
.lori {background-image: url("../images/mm-lori.jpg");}
.kirstie {background-image: url("../images/mm-kirstie.jpg");}
.lorena {background-image: url("../images/mm-lorena.jpg");}
.pauline {background-image: url("../images/mm-pauline.jpg");}
.tirtzah {background-image: url("../images/mm-tirtzah.jpg");}
.carol {background-image: url("../images/mm-carol.jpg");}
.jen {background-image: url("../images/mm-jenn.jpg");}
.sharon {background-image: url("../images/mm-sharon.jpg");}
.andy {background-image: url("../images/mm-andy.jpg");}
.geoff {background-image: url("../images/mm-geoff.jpg");}

.cu-infoblock {padding:0;display: block;height: 100%;}
.cu-infoblock h5, .cu-infoblock p {}
.cu-formholder {padding:20px;display:block;border-radius:4px;background-color:#f8f9fa;overflow: hidden;border-left: 5px solid #a3cd39;}
.cusocial {width:40px;height:40px;display:inline-block;border-radius:50%;background-color:#a3cd39;color:#ffffff;margin:0 5px;text-align:center;}
.cusocial i {padding:12px 0 0 0;}
.ossmap {width:100%;}
.ossmap iframe {width:100%;height:100%;}
.quoteform {display:none;}
.triggerquote {cursor:pointer;color:#2bafe5;}

.aft {text-align:center;}
.aft img {display:block;margin: 0 auto 10px auto;border-bottom: 1px solid #dee2e6;max-width: 100px;}
.aft  p {}
.aft  p.afttype {color: #000000;font-weight: 700;margin:0 0 6px 0;}
.aft  p.small {line-height: 1.2rem;}
.uploadbar {display:block;padding:20px;background-color: #222222;border-radius:4px;border-top: 5px solid #a3cd39;}

#blog {padding:100px 0;}

#twenty-main {    margin: 100px 0 0 0;height: 375px;background-image: url(../images/20back2.jpg);background-repeat: repeat-x;background-position-y: 250px;}
.tmi {position:relative;width:100%;height:100%;}
.twenty-main-image {    position: absolute;left: 0;top: 44px;width: 100%;}
.twentysample {display:inline-block;}
.twholder {display:inline-block;}
.twentyhead {padding:0 0 20px 0;margin:-40px 0 0 0;}
.tw1 {font-weight:700;font-size: 150px;color:#6f6259;}
.tw2 {font-weight:700;font-size: 60px;line-height: 60px;color:#6f6259;}
.tw3 {font-weight:400;font-size: 72px;color:#b6d766;}
#twentyinfo {padding:0 0 100px 0;}
.ti-head {font-weight: 700;color: #000000;font-size: 1.2rem;padding: 0 0 20px 0;}
.ti-step {padding:4px 0;}
.ti-step-first {border-top:1px solid #e7e7e7;padding:20px 0 0 0;}
.ti-stepnumber {display: inline-block;vertical-align: top;font-size: 50px;line-height: 50px;color:#b6d766;padding:0 10px 0 0;}
.ti-steptext {display: inline-block;width: 80%;vertical-align: top;}
.ti-steptext span {display:block;font-weight:700;color:#000000;}
.ti-formwrapper {border-radius: 4px;border:1px solid #e7e7e7;overflow: hidden;background-color: #fbfbfb;}
.ti-formcontent {padding:20px;}
.ti-formhead {text-align: center;padding: 10px 0;color: #ffffff;background-color: #6f6259;font-weight: 700;}
.ti-discounts {width:48%;display:inline-block;text-align: center;}
.ti-discounts:first-of-type {border-right:1px solid #e7e7e7;}
.ti-discounts p {font-weight:400;font-size: 24px;line-height:30px;color:#000000;}
.ti-discounts p span {font-weight:700;display:block;    color: #b6d766;}

.footer {background-color: #222;color: #aaa;padding:100px 0;}
.footerhead {text-transform:uppercase;font-weight:700;color:#ffffff;font-size:1.2rem;}
.footer ul {list-style-type: none;margin:0;padding:0;}
.footer ul li {}
.socialnavfoot {padding:10px;display: inline-block;float: left;color:#a69c95;font-size:1.4rem;}
.socialnavfoot:hover {background: #a3cd39;color:#ffffff;}
.footaddy {font-size:.8rem;line-height: 1.3rem;margin:0;}

/* OCONNOR
-------------------------------------------------- */
.ofosshead {background-color:#4982a0;display: block;}
.ofosshead:hover {background-color: #a3cd39;display: block;}
#oconnornav {background-color: rgb(90 146 176);}
#oconnornav span{display: inline-block;padding: 0 0 0 10px;color: #ffffff;text-transform: uppercase;letter-spacing: 1px;opacity: .6;}
#oconnorchoose {min-height:800px;padding:100px 0 0 0;}
#oconnorform {display:none;padding:50px 0 100px 0;}
#oconnorform h5 {}
#oconnorform p {}
.ofchoicewrapper {padding:20px;background-color:#ffffff;border-radius: 4px;}
.ofchoicewrapper span {width:80px;height:80px;border-radius:50%;background-color:#e8f3f9;display: inline-block;margin:0 0 15px;}
.ofchoicewrapper span i {color: rgb(146 189 212);font-size: 2rem;padding: 24px 0 0 0;}
.oclogo {display:block;margin:0 auto;max-width:200px;padding: 10px 0;}
#ocform {background-color: #ffffff;padding:20px;border-radius: 4px;}
#ocform label {font-size: .85rem;font-weight:bold;color:#4b85a5;}
.ofsectionhead {font-weight:bold;padding:0 0 10px 0;margin:0;color:#000000;font-size: 1.1rem;}
.ofsection {padding:20px;background-color:#eaf5fb;border-radius: 4px;margin:0 0 30px 0;}
.ofcatoption {display:none;}
.ofcustomoption {display:none;}
.ofdesignoptions {display:none;}
.ofphototempid {display:none;}
.ofphotosize {display:none;}
.of_cancelform {padding: 5px 10px;background-color: #ecebeb;color: #5d5d5d;border-radius: 4px;margin: 0 0 10px 0;display: inline-block;}
.of_cancelform:hover {background-color: #000000;color: #ffffff;text-decoration: none;}

/* HOLIDAY CATALOG HC
-------------------------------------------------- */
.hcsection {min-height:1000px;}
#holidayformwrapper {padding:0 0 100px 0;}
.hcosshead {background-color:#dc3545;display: block;}
.hcosshead:hover {background-color: #a3cd39;display: block;}
#holidaycatnav {background-color: #dc3545;}
#holidaycatnav span{display: inline-block;padding: 0 0 0 10px;color: #ffffff;text-transform: uppercase;letter-spacing: 1px;opacity: .6;}
#holidaycatnav2 {background-color: #dc3545;display:none;}
#holidaycatnav2 span{display: inline-block;padding: 0 0 0 10px;color: #ffffff;text-transform: uppercase;letter-spacing: 1px;opacity: .6;}
#hcform {background-color: #ffffff;padding:20px;border-radius: 4px;}
#hcform label {font-size: .85rem;font-weight:bold;color:#000000;}
#hcdesignchoose {padding:100px 0 0 0;}
.hcchoicewrapper {padding:20px;background-color:#f8f9fa;border-radius: 4px;height: 100%;}
.hcproductwrapper {padding:20px;background-color:#f8f9fa;height: 100%;}
.hcproductwrapper2 {background-color:#e9ecef;}
.hcenlarge {position:relative;text-align: center;display:block;}
.hcenlarge i {opacity: 0;position:absolute;top:30%;left: 40%;font-size:60px;transition:all .3s ease;margin:0 auto;}
.hcenlarge:hover i {opacity:1;}
.hcenlarge img {transition:all .3s ease;opacity:1;}
.hcenlarge:hover img {opacity:0.2;}
.hcdesignname {font-weight:700;color: #dc3545;}
.hcmessage {font-style: italic;color: #000000;font-weight: 600;}
ul.hcprodprices {margin:0 0 20px 0; padding:0;list-style-type: none;text-align: left;}
ul.hcprodprices li {font-size: .8rem;padding:4px 0;}
ul.hcprodprices li span {display:block;font-weight:600;}
.hccalendarsonly {}
.hccardsonly {}
.holidayhero {
position:relative;
background: #7db9e8; /* Old browsers */
background: -moz-linear-gradient(top,  #7db9e8 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #7db9e8 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #7db9e8 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.holidayherocontent {padding-top:50px;}
#holidayprogress {text-align: center;background-color:#343a40;display:none;}
ul.holidayprogress {list-style-type: none;margin:0;padding: 5px 0;}
ul.holidayprogress li {display:inline-block;padding:0 20px;text-transform: uppercase;letter-spacing: 1px;font-size:.7rem;font-weight:700;color:#ffffff;opacity:.3;}
.hcsactive {opacity: 1 !important;}
.hcherocard {position:absolute;bottom:-150px;right:50px;display: block;}


.pricingsection {padding:50px 0;}
.mainpricingsection {font-size: 1.5rem;font-weight: 600;color: #000000;}
.mainpricingdescription {}
.pricingwrapper {padding: 20px 10px;border: 1px solid #e7e7e7;border-radius: 4px;margin:0 0 20px 0;}
.pricingtable {font-weight:600;font-size: .9rem;}
.pricingtable thead {color:#9cc63f;}
.pricingtable th, .pricingtable td {padding: 0.55rem;}
.pricingtable th {border-bottom: 1px solid #dee2e6 !important;}
.pricingproduct {font-size: 1.2rem;font-weight: 600;color: #000000;margin: 0 0 5px 0;}
.pricingdescription {font-size: .9rem;line-height: 1.3rem;}
.pricingoptions {font-weight: 600;color: #ffc107;background-color:#f8f9fa !important;}
.baseproductpricing {color:#9cc63f;}
.blankrow {background-color:#ffffff !important;}
.pricingsmalltext {color: #ffc107;font-size:.8rem;}
.pricingnav {}
.pricingnav a {width:45%;display:inline-block;color: #a3cd39;padding: 5px 0;font-size: .9rem;}
#pricingnav {padding: 50px 0;
    background-color: #494f57;
    background-image: url(../images/darkgreypattern.png);
}
#pricingnav ul {color:#75d7ff;margin:0 0 20px 0;padding:0;list-style-type:none;}
#pricingnav ul li {display:inline-block;width:45%;}

/* GENERIC POSTCARD CATALOG GP
-------------------------------------------------- */
#gphero {padding:50px 0 0 0;background-color: #494f57;background-image: url(../images/darkgreypattern.png);}
.gposshead {background-color:#a3cd39;display: block;}
.gposshead:hover {background-color: #2aafe5;display: block;}
#gpcatnav {background-color: #dc3545;}
#gpcatnav span{display: inline-block;padding: 0 0 0 10px;color: #ffffff;text-transform: uppercase;letter-spacing: 1px;font-weight: 700;}
#gpcatnav2 {background-color: #dc3545;display:none;}
#gpcatnav2 span{display: inline-block;padding: 0 0 0 10px;color: #ffffff;text-transform: uppercase;letter-spacing: 1px;font-weight: 700;}
#gpprogress {text-align: center;background-color:#343a40;position:relative;}
.gpprogressindicator {position:absolute;top:0;left:0;width:0px;height:4px;z-index:2;transition:all .6s ease;background-color: #2aafe5;border-radius: 2px;}
ul.gpprogress {list-style-type: none;margin:0;padding: 5px 0;position: relative;z-index: 4;}
ul.gpprogress li {display:inline-block;padding:0 20px;text-transform: uppercase;letter-spacing: 1px;font-size:.7rem;font-weight:700;color:#ffffff;opacity:.3;}
.gpactive {opacity: 1 !important;}
#gpform {background-color: #ffffff;padding:20px;border-radius: 4px;}
#gpform label {font-size: .85rem;font-weight:bold;color:#000000;}
.gpdesignname {font-weight:700;color: #000000;margin: 0;}

/* FAQ
-------------------------------------------------- */
#faq {min-height:800px;padding:50px 0 100px 0;}
.faqtitle {}
.faqsection {background-color: #a3cd39;padding: 4px 0 4px 10px;color: #ffffff;border-radius: 2px;}
.faqintro {margin:0 0 50px 0;color:#000000;font-weight:600;}
.faqquestion {font-weight:600;color:#000000;margin: 0 0 5px 0;}
.faqanswer {margin: 0 0 40px 0;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {color: #ffffff !important;background-color: #2aafe5 !important;}
.nav-pills .nav-link {border-radius: 0.25rem;color:#9ec741;font-size:.9rem;text-transform:uppercase;}
.nav-pills .nav-link:hover {background-color: #d8f1fb;color:#9ec741;}

/* DIGITAL
-------------------------------------------------- */
#dc-main {position:relative;padding:100px 0 50px 0;}
#dc-details {background-color:#494f57;background-image: url("../images/darkgreypattern.png");}
#dcmarketing {padding:100px 0 0 0;}
.dcmarketing {background-image: url("../images/bannergrid.jpg");background-size: cover;}
#dclanding {}
#dcuxui {position:relative;padding:100px 0;}
.dcuxui {background-image: url("../images/wireframe.jpg");background-size: cover;}
.fiftyholder {position:relative;}
.fiftyleft {position:absolute;left:0;right:50%;top:0;bottom:0;z-index: 1;}
.fiftyright {position:absolute;left:45%;right:0;top:0;bottom:0;z-index: 1;}
.fiftyfull {position:absolute;left:0;right:0;top:0;bottom:0;z-index: 1;}
.fiftycontent {position:relative;z-index: 2;}

/* BRANDING
-------------------------------------------------- */
#brhero {background-image: url("../images/musicback.jpg");background-position: center;background-repeat: repeat-x;height:400px;width:100%;position:relative;}
.brherocontent {position: relative;z-index: 2;}
.brherocolor {background: #22c3ff;background:linear-gradient(135deg,#89e6cf 5%, #22c3ff 30%, #e05ac8 98%);position:absolute;top:0;left:0;bottom:0;right:0;opacity:.95;z-index: 1;}
.brhead {color:#ffffff;font-size:5.8rem;line-height:4rem; padding:100px 0 20px 0;text-shadow: 2px 2px 0px rgb(164 35 142);}
.brhead span {display:block;font-size:2.6rem;}
.brintro {font-size: 1.1rem;font-weight: 600;line-height: 1.8;max-width: 700px;}
#brintro {padding:100px 0;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ededed+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
.br-costwrapper {height:100%;overflow:hidden;border-radius:4px;background-color: #ffffff;}
.br-costcontent {padding:20px;}
ul.br-costdeets {margin: 0 0 20px 20px;list-style-type: none;padding:0;}
ul.br-costdeets li {font-size: .9rem;padding:10px 0;
    border-bottom: 1px solid #e7e7e7;font-weight: 700;}
ul.br-costdeets li span {color:#d868ce;}
ul.br-costdeets li i {color:#d868ce;font-size: .7rem;padding: 0 4px 0 0;margin-left: -20px;}
.br-costhead {
    padding: 20px;
    font-size: 1.2rem;
    color: #ffffff;
    margin: 0;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #8396e6;
    background: -moz-linear-gradient(top, #8396e6 0%, #dd65cc 100%);
    background: -webkit-linear-gradient(top, #8396e6 0%, #dd65cc 100%);
    background: linear-gradient(to bottom, #8396e6 0%, #dd65cc 100%);
}

.br-costhead:after {
	 content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    z-index: 10;
    border-top: solid 10px #dc65cc;
}
.br-costprice {
    font-size: 1.8rem;
    color: #d868ce;
    text-align: center;
    padding: 10px 0 0 0;
}
.brandcta {text-align: center;padding:50px 0;}
.btn-brand {
    color: #fff;
    background-color: #e05ac8;
    border-color: #e05ac8;
	padding: 10px 20px;
}

.btn-brand:hover {
    color: #fff;
    background-color: #22c3ff;
    border-color: #22c3ff;
}

/* SAFE SIGNS
-------------------------------------------------- */
#sshero {background-color:#eaeae9;height:405px;background-image: url("../images/sshero3.jpg");background-position: right;background-repeat: no-repeat;}
.ssherotext h1 {}
.ssherotext p {font-weight: 700;color:#000000;font-size:1.1rem;line-height: 1.7rem;}
.ssherotext {padding:20px;margin:80px 0 0 0;background-color: rgba(234, 234, 233, .8);border-radius: 4px;border-left: 5px solid #9ec742;}
#ssopen {padding:50px 0 0 0;}
#ssitemboxes {background-color: #ffffff;padding:0 0 50px 0;}
.ss-iteminfo {}
.ss-iteminfo p {font-weight: 700;color:#000000;}
.ss-iteminfo h3	{color:#000000;}
.ss-iteminfo h3 span {font-size:.9rem;display:block;padding:10px 0 0 0;color:#a3cd39;}
.ss-iteminfo ul {margin:0;padding:0 0 0 20px;font-size: .9rem;}
.ss-iteminfo ul li {padding:4px 0;}

.hideme {opacity:0;}

.come-in {
    transform: translateY(150px);
    -webkit-animation: come-in .8s ease forwards;
    -moz-animation: come-in .8s ease forwards;
    -o-animation: come-in .8s ease forwards;
    animation: come-in .8s ease forwards;
}

.come-in:nth-child(odd) {
    animation-duration: .6s;
}
@-webkit-keyframes come-in {
  to { transform: translateY(0); }
}
@-moz-keyframes come-in {
  to { transform: translateY(0); }
}
@-o-keyframes come-in {
  to { transform: translateY(0); }
}
@keyframes come-in {
  to { transform: translateY(0); }
}
.already-visible {
  transform: translateY(0);
  animation: none;
}

/* ---- particles.js container ---- */ #particles-js{transition:all .3s ease;opacity:0; position:absolute; width: 100%; height: 100%; background-color: #ffffff; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; } /* ---- stats.js ---- */ .count-particles{ background: #000022; position: absolute; top: 48px; left: 0; width: 80px; color: #13E8E9; font-size: .8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px; font-family: Helvetica, Arial, sans-serif; font-weight: bold; } .js-count-particles{ font-size: 1.1em; } #stats, .count-particles{ -webkit-user-select: none; margin-top: 5px; margin-left: 5px; } #stats{ border-radius: 3px 3px 0 0; overflow: hidden; } .count-particles{ border-radius: 0 0 3px 3px; }

/* RESPONSIVE OVERRIDES
-------------------------------------------------- */

/*
 Extra small devices (portrait phones, less than 576px)
 No media query for `xs` since this is the default in Bootstrap
 SMALL TO LARGE
*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.navbar-expand-md .navbar-nav .nav-link {padding-right: 1rem;padding-left: 1rem;}
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.9rem;
    padding-left: 0.9rem;
}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* LARGE TO SMALL */

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	.grid-sizer, .grid-item {width: 50%;}
	#holidayprogress {display:none;}
	ul.holidayprogress li {display:none;}
	.covidmessage {display:none;}
	.nomobile {display:none !important;}
	.brhead {font-size: 5.8rem;line-height:5.4rem;padding: 50px 0 20px 0;}
	.brhead span {font-size: 1.6rem;line-height: 1.6rem;}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
.hcherocard {display:none;}
	#twenty-main {height: auto;background-image:none;}
	#dm-twenty {background-image: none;}
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	.hcherocard {bottom: -100px;right: 50px;max-width:400px;}
}

/* Extra large devices (large desktops)
No media query since the extra-large breakpoint has no upper bound on its width */

/* TARGETED SIZES */

/*  Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
.twenty-main-image {display:none;}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
	.twenty-main-image {display:none;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
	.welcome-thumbnail {margin-left: -420px;}
	.twenty-main-image {display:none;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
	.welcome-thumbnail {margin-left: -315px;}
	.navbar-expand-lg .navbar-nav .nav-link {padding-right: 0.7rem;padding-left: 0.7rem;}
	.twenty-main-image {top: 81px;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* PRINT
-------------------------------------------------- */

@media print {
}